#feature-wrapper { background: url(/filemaker/backup-and-recovery/images/claris-rbss-hero_2x.jpg) 100% 0% no-repeat; background-size: 50% auto; }
#feature-wrapper .rbss-feature-mobile {display:none; }
.cs-fh2 p, .fh2 a { font-size: 15px; line-height: 15px; }
@media only screen and (max-width: 1442px) {
	#feature-wrapper { background-size: 68% auto; }
}

@media only screen and (max-width: 1068px) {
    #feature-wrapper { background: none; display:flex; flex-direction: column; }
    #feature-wrapper .column-2:last-child { display: none; }
    #feature-wrapper .rbss-feature-mobile { display:block; width: 100%; height: auto; }
}


/* #data-stays-protected .section-width-really-wide { margin: 0 auto; padding: 0 60px; } */
#data-stays-protected .cs-2x1i-box-wrapper { background: linear-gradient(180deg, rgba(143, 111, 231, 0.5) 25%, rgba(234, 126, 176, 0.2) 65%, rgba(234, 126, 176, 0) 100%); border-radius: 40px; padding: 80px 64px 42px; display: flex; flex-wrap: wrap; row-gap: 80px; column-gap: 64px; }
.cs-2x2i-01-header { margin-bottom: 0px }
.cs-2x2i-01-box-wrapper { background: none; padding: 0; }
@media only screen and (max-width: 735px) {
  #data-stays-protected .cs-2x1i-box-wrapper { flex-direction: column; padding: 60px 50px 40px; }
}


#purpose-built-protection { height: 300vh; padding: 0; }
#purpose-built-protection .section-width-really-wide { position: sticky; top: 0; height: 100vh; display: flex; flex-direction: column; justify-content: center; overflow: hidden; }
#purpose-built-protection .eyebrow { font-family: SF Pro Text;
  font-weight: 600;
  font-style: Semibold;
  font-size: 16px;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: -5%; margin-bottom: 20px;
   }
.cs-pbp-stack { position: relative; }
.cs-pbp-01-wrap, .cs-pbp-02-wrap { display: flex; flex-direction: row; align-items: center; column-gap: 40px; position: absolute; top: 0; left: 0; width: 100%; transition: opacity 300ms cubic-bezier(0.25, 0.1, 0.25, 1); }
.cs-pbp-01-wrap { opacity: 1; pointer-events: auto; }
.cs-pbp-02-wrap { opacity: 0; pointer-events: none; }
.cs-pbp-01-wrap.is-hidden { opacity: 0; pointer-events: none; }
.cs-pbp-02-wrap.is-visible { opacity: 1; pointer-events: auto; }
.cs-pbp-01-left, .cs-pbp-02-left { width: 60%;}
.cs-pbp-01-right, .cs-pbp-02-right { width: 40%;}
.cs-pbp-01-left img, .cs-pbp-02-left img { width: 100%; height: auto; }
.cs-pbp-01-right p, .cs-pbp-01-right ul li, .cs-pbp-02-right p, .cs-pbp-02-right ul li {font-family: SF Pro Text;
  font-weight: 400;
  font-style: Regular;
  font-size: 20px;
  leading-trim: NONE;
  line-height: 130%;
  letter-spacing: -5%;
   }

@media only screen and (max-width: 1068px) {
  #purpose-built-protection { height: auto; }
  #purpose-built-protection .section-width-really-wide { position: static; height: auto; overflow: visible; }
  .cs-pbp-stack { height: auto !important; }
  .cs-pbp-01-wrap, .cs-pbp-02-wrap { position: static; opacity: 1; pointer-events: auto; flex-direction: column; transition: none; }
  .cs-pbp-01-wrap { margin-bottom: 60px; }
  .cs-pbp-02-wrap { display: flex; }
  .cs-pbp-01-left img, .cs-pbp-02-left img { margin-bottom: 20px; }
  .cs-pbp-01-left, .cs-pbp-01-right, .cs-pbp-02-left, .cs-pbp-02-right { width: 100%; }
}
  
#security-and-resiliency .row-flex { border-bottom: 1px solid rgba(29, 29, 31, .1); padding: 40px 60px; column-gap: 60px; }
#security-and-resiliency .row-flex:nth-child(3) { column-gap: 35px;}
#security-and-resiliency .row-flex:last-child { border-bottom: none; }
#security-and-resiliency h3 { margin-bottom: 15px; }

/* Compare hosting */
#compare-hosting .compare-table#remote-backup, #compare-hosting .compare-table#standby-server {display: none;}

#compare-hosting .row-flex.distinct { border: 2px solid #E5E7EB; border-radius: 20px; }
#compare-hosting .row-flex .column-flex .compare-heading .row-flex { background-color: #F5F5F7; border-radius: 20px 20px 0 0; }
#compare-hosting .row-flex .column-flex .compare-heading .row-flex .column:first-child { border-top-left-radius: 20px; }
#compare-hosting .row-flex .column-flex .compare-heading .row-flex .column:last-child { border-top-right-radius: 20px; }
#compare-hosting .compare-table .compare-heading .row-flex { border-bottom: 2px solid #E5E7EB; }
#compare-hosting .compare-table .compare-heading .row-flex .column p {text-align: center; padding: 30px; font-family: SF Pro Text; font-weight: 600; font-size: 20px; line-height: 120%; letter-spacing: -5%; }
/* #compare-hosting .compare-table .compare-heading .row-flex .column {background-color: #fff;} */

#compare-hosting .compare-table .compare-heading .row-flex .column:first-of-type .p2 { color: #333; }
#compare-hosting .compare-table .compare-info .row-flex { border-bottom: 2px solid #E5E7EB; }
#compare-hosting .compare-table .compare-info .row-flex:last-child { border-bottom: none; }
#compare-hosting .compare-table .compare-info .row-flex .column {background-color: #fff; text-align: left; display: flex; align-items: flex-start; padding: 30px;}
#compare-hosting .compare-table .compare-info .row-flex .column:first-of-type {text-align: left; margin-left: 0px; padding: 30px;}
#compare-hosting .compare-table .compare-info .row-flex .column:first-of-type .column-content {margin: 0px;}
#compare-hosting .compare-table .compare-info .row-flex .column:first-of-type .column-content p { font-family: SF Pro Text; font-weight: 600; font-size: 20px; line-height: 120%; letter-spacing: -5%; }
#compare-hosting .compare-table .compare-info .row-flex .column:nth-child(3) {background-color: rgba(79, 145, 255, 0.05); }
#compare-hosting .compare-table .compare-info .row-flex .column:nth-child(4) {background-color: rgba(143, 111, 231, 0.05); }
#compare-hosting .compare-table .compare-info .row-flex:last-child .column:first-of-type { border-bottom-left-radius: 20px; }
#compare-hosting .compare-table .compare-info .row-flex:last-child .column:last-of-type { border-bottom-right-radius: 20px; }
#compare-hosting .compare-table .compare-info .row-flex .column:first-of-type p {font-weight: 500;}

@media only screen and (max-width: 800px) {
  #compare-hosting .row-flex.distinct { border: none; }
  #compare-hosting .row-flex.sm-direction-column { flex-direction: column; }
  #compare-hosting .compare-table > .column-content { border: 2px solid #E5E7EB; border-radius: 20px; }
  #compare-hosting .compare-table#remote-backup, #compare-hosting .compare-table#standby-server {display: block; margin-top: 60px;}
  #compare-hosting .compare-table .compare-heading .row-flex .column {margin-left: 0px; width: 50%;}
  #compare-hosting .compare-table#local-table .compare-heading .row-flex .column:nth-child(3), #compare-hosting .compare-table#local-table .compare-heading .row-flex .column:nth-child(4) {display: none;}
  #compare-hosting .compare-table .compare-info .row-flex .column {padding: 20px 30px; width: 50%;} 
	#compare-hosting .compare-table .compare-info .row-flex .column:first-of-type {padding: 20px;}
  #compare-hosting .compare-table#local-table .compare-info .row-flex .column:nth-child(3), #compare-hosting .compare-table#local-table .compare-info .row-flex .column:nth-child(4) {display: none;}
  #compare-hosting .row-flex .column-flex .compare-heading .row-flex .column:nth-child(2) { border-top-right-radius: 20px; }
  #compare-hosting .compare-table#local-table .compare-info .row-flex:last-child .column:nth-child(2) { border-bottom-right-radius: 20px; }

  #compare-hosting .compare-table#remote-backup .compare-info .row-flex .column:nth-child(2) {background-color: rgba(79, 145, 255, 0.05); }
  #compare-hosting .compare-table#standby-server .compare-info .row-flex .column:nth-child(2) {background-color: rgba(143, 111, 231, 0.05); }
}