.font-semibold { font-weight: 500; } /* FEATURE */ #feature-wrapper { overflow: hidden; background-color: #f4efe8; background: url(/filemaker/cloud/images/v3/bg_fm-hosting-options.jpg) no-repeat; background-size: cover; text-align: center; -webkit-animation: animateBackground infinite ease-in-out 30s; background-position: center; } #feature-wrapper .claris-fm-cloud-icon { max-width: 400px; margin-bottom: 16px; } #feature-wrapper p, #feature-wrapper h2 { color: #fff; } #feature-wrapper .section p.p2.slight { margin-bottom:16px; } #feature-wrapper .section p.p2.rift { margin-bottom:30px; } @-webkit-keyframes animateBackground { 0% { background-position: center; } 50% { background-position: top left; } 100% { background-position: center; } } #deployment-for-custom-apps .d18-content .d18-cta .d18-cta-txt { padding: 25px 20px 25px 30px; } #deployment-for-custom-apps .sh2 { text-align: left; } /* #momentum .sh2 h2 { font-weight: 300; } */ .d18-content { display: flex; align-items: center; justify-content: center; column-gap: 60px;} .d18-content .d18-info { width: 35%; } .d18-content .d18-info h2 { margin-bottom: 30px;} .d18-content .d18-links { width: 60%; } .d18-content .d18-cta { display: flex; justify-content: flex-start; align-items: stretch; margin-bottom: 10px; } .d18-content .d18-cta:last-child { margin-bottom: 0px; } .d18-content .d18-cta .d18-img { width: 15%; max-width: 100px; background-color: #43ccce; border-top-left-radius: 9px; border-bottom-left-radius: 9px; display: flex; align-items: center; justify-content: center; padding: 10px; } .d18-content .d18-cta:nth-child(2) .d18-img { background-color: #43bfce;} .d18-content .d18-cta:nth-child(3) .d18-img { background-color: #43acce;} .d18-content .d18-cta:nth-child(4) .d18-img { background-color: #43a2ce;} .d18-content .d18-cta:nth-child(5) .d18-img { background-color: #4395ce;} .d18-content .d18-cta .d18-img img { max-width: 45px; } .d18-content .d18-cta .d18-cta-txt { background-color: #ffffff; border-top-right-radius: 9px; border-bottom-right-radius: 9px; width: 85%; padding: 16px 20px 16px 30px; } .d18-content .d18-cta .d18-cta-txt .h5 { margin-bottom: 0px; } @media only screen and (max-width: 1068px) { .d18-content { flex-direction: column; row-gap: 60px; } .d18-content .d18-info, .d18-content .d18-links { width: 100%; } .d18-content .d18-cta .d18-img { min-width: 75px; } #deployment-for-custom-apps .d18-content .d18-info h2 { margin-bottom: 0px; text-align: center; } } @media only screen and (max-width: 735px) { .d18-content .d18-info { text-align: center; } #deployment-for-custom-apps .d18-content .d18-cta .d18-cta-txt p { font-size: 16px; line-height: 24px; } } #helps-entire-team.d10 { background-image: url(/filemaker/cloud/images/v3/bg_team-section-gradient.png); background-position: center; background-repeat: no-repeat; background-size: cover; } #helps-entire-team.d10 .column-flex:last-child { background-image: url(/filemaker/cloud/images/v3/img_team-breakdown.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover; min-height: 700px; } #helps-entire-team.d10 .row-flex .column-flex { position: relative; padding: 80px 0px; } @media only screen and (min-width: 1069px) { #helps-entire-team.d10.text-image .column-flex:first-child .column-content { max-width: 400px; margin-right: 100px; } } @media only screen and (max-width: 735px) { #helps-entire-team.d10 .column-flex .h6 { font-size: 1.125rem; line-height: 1.375rem; } } #security .row-flex { column-gap: 60px;} #security .security-logo { width: 50px; margin-bottom: 20px; margin-left: 0; display: block; } #security .security-info { padding: 24px 50px 24px 30px; background-color: #fff; margin-bottom: 20px; border-radius: 8px; } #security .security-info:last-child { margin-bottom: 0px; } #security .security-info .icon.icon-before.icon-checkcircle { margin-bottom: 0; padding-top: 0; padding-left: 40px; position: relative; } #security .security-info .icon.icon-before.icon-checkcircle:before { font-size: 24px; color: #208a3d; position: absolute; left: 0; top: 5px; padding-right: .3em; display: inline-block; } #even-more-reasons .sh1 { text-align: left; } #even-more-reasons .reasons-grid { display: grid; grid-gap: 16px; grid-template-columns: repeat(2, 1fr); grid-template-rows: [row] auto [row] auto [row] auto [row]; } #even-more-reasons .reasons-grid .reason { padding: 50px; border-radius: 8px; overflow: hidden; position: relative; } #even-more-reasons .reasons-grid .reason-wide { display: flex; align-items: center; justify-content: space-between; column-gap: 60px; } #even-more-reasons .reasons-grid .reason-info h3 { margin-bottom: 10px; } #even-more-reasons .reasons-grid .reason-info p { margin-bottom: 16px; } #even-more-reasons .reasons-grid .reason-dark .reason-info h3, #even-more-reasons .reasons-grid .reason-dark .reason-info p { color: #fff; } #even-more-reasons .reasons-grid .reason-wide .reason-info p { margin-bottom: 0px; } #even-more-reasons .reasons-grid .reason .reason-icon { width: 100px; height: 100px; } #even-more-reasons .reasons-grid .reason .reason-img { width: 100%; height: auto; } #even-more-reasons .reasons-grid .reason .reason-img-bottom { object-fit: fill; width: 100%; position: static; margin-top: 0; overflow: visible; margin-right: 0; padding-top: 0; } #even-more-reasons .reasons-grid .reason:nth-child(1) { grid-column: span 2; grid-row: row ; background: url(/filemaker/cloud/images/v3/bg_investment.jpg) no-repeat; background-size: 100% 100%;} #even-more-reasons .reasons-grid .reason:nth-child(2) { grid-column: span 1; grid-row: row 2; background-color: #133653; height: 500px; } #even-more-reasons .reasons-grid .reason:nth-child(3) { grid-column: span 1; grid-row: row 2; background-color: #cae3e8; height: 500px; } #even-more-reasons .reasons-grid .reason:nth-child(3) .reason-info { padding-right: 200px; } #even-more-reasons .reasons-grid .reason:nth-child(3) .reason-img { width: 125%; position: absolute; top: 120px; bottom: auto; left: 4px; } #even-more-reasons .reasons-grid .reason:nth-child(4) { grid-column: span 2; grid-row: row 3; background: url(/filemaker/cloud/images/v3/bg_ready-set-done.jpg) no-repeat; background-size: 100% 100%; } #even-more-reasons .reasons-grid .reason:nth-child(5) { grid-column: span 1; grid-row: row 4; background-color: #002147; background-image: linear-gradient(33deg, #1d9888, #002147); } #even-more-reasons .reasons-grid .reason:nth-child(6) { grid-column: span 1; grid-row: row 4; background-color: #f5f5f7;} @media only screen and (max-width: 1200px) { #even-more-reasons .reasons-grid .reason:nth-child(3) .reason-info { padding-right: 120px; } #even-more-reasons .reasons-grid .reason:nth-child(3) .reason-img { top: 180px; } } @media only screen and (max-width: 955px) { #even-more-reasons .reasons-grid { grid-template-columns: 1fr; grid-template-rows: auto; } #even-more-reasons .reasons-grid .reason:nth-child(1) { grid-column: span 1; grid-row: row ; } #even-more-reasons .reasons-grid .reason:nth-child(2) { grid-column: span 1; grid-row: row 2; } #even-more-reasons .reasons-grid .reason:nth-child(3) { grid-column: span 1; grid-row: row 3; } #even-more-reasons .reasons-grid .reason:nth-child(3) .reason-info { padding-right: 200px; } #even-more-reasons .reasons-grid .reason:nth-child(3) .reason-img { top: 100px; } #even-more-reasons .reasons-grid .reason:nth-child(4) { grid-column: span 1; grid-row: row 4; } #even-more-reasons .reasons-grid .reason:nth-child(5) { grid-column: span 1; grid-row: row 5; } #even-more-reasons .reasons-grid .reason:nth-child(6) { grid-column: span 1; grid-row: row 6; } } @media only screen and (max-width: 550px) { #even-more-reasons .reasons-grid .reason:nth-child(3) .reason-info { padding-right: 100px; } #even-more-reasons .reasons-grid .reason:nth-child(3) .reason-img { top: 250px; } } /* Compare table */ #compare-versions { background-color: #272b36; } #compare-versions h2 { color: #ffffff; text-align: left; } #compare-versions .row-flex .column-flex .compare-heading .row-flex .column:first-child { border-top-left-radius: 20px; } #compare-versions .row-flex .column-flex .compare-heading .row-flex .column:last-child { border-top-right-radius: 20px; } #compare-versions .compare-table .compare-heading .row-flex { border-bottom: none; background: url(/filemaker/cloud/images/v3/bg_matrix-header.jpg) no-repeat; background-size: 100% 100%; border-radius: 20px 20px 0 0; } #compare-versions .compare-table .compare-heading .row-flex .column {text-align: left; padding: 30px; } #compare-versions .compare-table .compare-heading .row-flex .column p.p2 {margin-bottom: 0px; color: #fff; text-align: center; } #compare-versions .compare-table .compare-info .row-flex { border-bottom: 2px solid #c0c0c0; text-align: center; } #compare-versions .compare-table .compare-info .row-flex:last-child { border-bottom: none; } #compare-versions .compare-table .compare-info .row-flex .column {background-color: #fff; text-align: center; display: flex; align-items: flex-start; padding: 30px; justify-content: center;} #compare-versions .compare-table .compare-info .row-flex .column:first-of-type .column-content {margin: 0px;} #compare-versions .compare-table .compare-info .row-flex:last-child .column:first-of-type { border-bottom-left-radius: 20px; } #compare-versions .compare-table .compare-info .row-flex:last-child .column:last-of-type { border-bottom-right-radius: 20px; } #fmc-standard.d10 .column-flex:first-child { background-image: url(/filemaker/cloud/images/v3/img_help-graphic.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover; } #fmc-standard.d10 .column-content .slight { margin-bottom: 8px; } #fmc-standard.d10 .column-content .bare { margin-bottom: 0px; } #fmc-standard.d10 .row-flex .column-flex { position: relative; padding: 80px 0px; } @media only screen and (max-width: 735px) { #fmc-standard.d10 .column-flex .h6 { font-size: 1.125rem; line-height: 1.375rem; } }