.cs-fspb-01 { margin-top: 0; padding-bottom: 30px; background-image: url(/filemaker/whats-new/images/whatsnew_hero_gradient.png); background-repeat: no-repeat; background-position: top; background-size: cover; }
@media only screen and (max-width: 735px) {
    .cs-fspb-01 { padding-top: 60px; }
}
.cs-fspb-01-header-secondary { width: 52%; }

@media only screen and (max-width: 1300px) {
    .cs-fspb-01-header-secondary { width: 80%; }
}

@media only screen and (max-width: 735px) {
    .cs-fspb-01-header-secondary { width: 100%; }
}

.sticky-subnav-selector { position: sticky; top: 0; background: #F5F5F7; z-index: 1; height: 72px; transition: background .05s ease-in-out;}
.sticky-subnav-selector.is-pinned { background: rgb(255 255 255 / 0.9); /*background: rgb(245 245 247 / 0.6);*/ backdrop-filter: saturate(180%) blur(10px); }
.sticky-subnav-selector .section-width-really-wide { height: 100%; display: flex; align-items: center; }
@media only screen and (max-width: 735px) {
    .sticky-subnav-selector .section-width-really-wide { padding: 0 16px; }
}

#cs-tabnav-line { margin: 0 auto; }
#cs-tabnav-line .cs-tabnav-items { gap: 30px; }
#cs-tabnav-line .cs-tabnav-platter { border-bottom: 0; height: 100%; }
#cs-tabnav-line .cs-tabnav-link { padding: 0; }
#cs-tabnav-line .cs-tabnav-label { color: #3C3C3C; font-weight: 500; font-size: 18px; letter-spacing: -3.7%; line-height: 22px; }
#cs-tabnav-line .cs-tabnav-paddle { top: -11px; }

#protected-data-uninterrupted-business-operations { padding-top: 120px; }

.cs-sos-01 { padding: 55px 0; }
.cs-sos-01-header { margin-bottom: 30px; }
.cs-sos-01-slider-header-pill { display: flex; flex-direction: row; justify-content: space-between; }
.whats-new-product { width: auto; height: 25px; margin-top: 4px; font-size: 9px; font-weight: 600; line-height: 15px; letter-spacing: -5%; border-radius: 30px; color: #fff; background: linear-gradient(128.37deg, #3055E5 -32.89%, #EA7EB0 108.12%); display: flex; align-items: center; padding: 10px 8px; }
.whats-new-product.whats-new-product-filemaker-server { min-width: 84px }
.cs-sos-01-slide-header { font-size: 28px; font-weight: 600; line-height: 120%; letter-spacing: -5%; font-family: 'SF Pro Text'; margin-bottom: 16px; }
.cs-sos-01-slide-content { background-color: #fff; min-height: 280px; }
.cs-sos-101-slide-content-bottom { justify-content: space-between; max-height: 50px; align-items: end; }

@media only screen and (max-width: 735px) {
    .cs-sos-01-slide-content { min-height: 350px; }
}

@media only screen and (max-width: 400px) {
.cs-sos-01-slide-content[data-overlay-id="#basetablecomment"] .cs-sos-01-slide-header { font-size: 23px; }
}
.whats-new-icon { display: block; background-size: contain; width: 60px; height: 50px; background-repeat: no-repeat; background-position: 0% center; }

/* 1 */
.icon-remote-backup { background-image: url(/filemaker/whats-new/images/icons/icon-remote-backup.svg); }
.icon-standby-server { background-image: url(/filemaker/whats-new/images/icons/icon-standby-server.svg); }
.icon-security { background-image: url(/filemaker/whats-new/images/icons/icon-security.svg); }

/* 2 */
.icon-field-annotation { background-image: url(/filemaker/whats-new/images/icons/icon-field-annotation.svg); }
.icon-basetablecomment { background-image: url(/filemaker/whats-new/images/icons/icon-basetablecomment.svg); }
.icon-save-as-xml { background-image: url(/filemaker/whats-new/images/icons/icon-save-as-xml.svg); }
.icon-google-gemini-rag { background-image: url(/filemaker/whats-new/images/icons/icon-google-gemini-rag.svg); }

/* 3 */
.icon-accessibility { background-image: url(/filemaker/whats-new/images/icons/icon-accessibility.svg); }
/* .icon-updates { background-image: url(/filemaker/whats-new/images/icons/icon-updates.svg); } */
.icon-calendar { background-image: url(/filemaker/whats-new/images/icons/icon-calendar.svg); }

/* 4 */
.icon-inspector { background-image: url(/filemaker/whats-new/images/icons/icon-inspector.svg); }
.icon-happy { background-image: url(/filemaker/whats-new/images/icons/icon-happy.svg); }
.icon-folder { background-image: url(/filemaker/whats-new/images/icons/icon-folder.svg); }
.icon-magnify-glass { background-image: url(/filemaker/whats-new/images/icons/icon-magnify-glass.svg); }
.icon-signal { background-image: url(/filemaker/whats-new/images/icons/icon-signal.svg); }
.icon-script { background-image: url(/filemaker/whats-new/images/icons/icon-script.svg); }
/* .icon-updates { background-image: url(/filemaker/whats-new/images/icons/icon-updates.svg); } */

/* 5 */
.icon-thumbs-up { background-image: url(/filemaker/whats-new/images/icons/icon-thumbs-up.svg); }
.icon-auto-restart { background-image: url(/filemaker/whats-new/images/icons/icon-auto-restart.svg); }
.icon-field-contents { background-image: url(/filemaker/whats-new/images/icons/icon-field-contents.svg); }
.icon-enhancements { background-image: url(/filemaker/whats-new/images/icons/icon-enhancements.svg); }
.icon-updates { background-image: url(/filemaker/whats-new/images/icons/icon-updates.svg); }

#what-will-you-build-next h2, #what-will-you-build-next h3 { margin-bottom: 20px; }
#what-will-you-build-next.d10.text-image .section-width { padding: 0; }
#what-will-you-build-next.d10.text-image .column-flex:last-child { background-image: url(/filemaker/hosting/images/bg_fm-cloud_cta.jpg); background-size: cover; background-position: center; min-height: 600px; }
.d10-content-first { margin-bottom: 90px; }
.d10-button-group { display: flex; column-gap: 12px; flex-direction: row; }
@media only screen and (min-width: 1154px) {
    #what-will-you-build-next.d10.text-image .column-flex:first-child .column-content { max-width: 450px; margin-right: 127px;}
}
@media only screen and (min-width: 1069px) {
    #what-will-you-build-next.d10.text-image .column-flex:first-child .column-content { max-width: 450px; margin-left: 60px; }
}
@media only screen and (max-width: 1068px) {
    #what-will-you-build-next.d10.text-image .column-flex:first-child .column-content { max-width: 80%; text-align: left; }
    #what-will-you-build-next.d10.text-image .column-flex:last-child { background-position: center; }
    #what-will-you-build-next.d10.text-image .column-flex:last-child { min-height: 600px; }
}

@media only screen and  (max-width: 991px) { 
  #what-will-you-build-next.d10.text-image .row-flex { flex-direction: column; }
}
@media only screen and (max-width: 735px) {
  #what-will-you-build-next.d10.text-image .column-flex:first-child .column-content { width: 100%; }
  .d10-content-first { margin-bottom: 50px; }
}