/* Theme Name: Anchor Author: BUROTIJS - digitale denkers + digitale makers Author URI: https://burotijs.nl/ Description: This is the child theme for the Anchor website Version: 1.1 Template: burotijs Text Domain: anchor */ /* splide.min.css */ .splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__arrow{-ms-flex-align:center;align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;height:2em;-ms-flex-pack:center;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover:not(:disabled){opacity:.9}.splide__arrow:disabled{opacity:.3}.splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;position:relative;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;transform:scale(1.4);z-index:1}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #0bf;outline-offset:3px}.splide__progress__bar{background:#ccc;height:3px}.splide__slide{-webkit-tap-highlight-color:rgba(0,0,0,0)}.splide__slide:focus{outline:0}@supports(outline-offset:-3px){.splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide__slide:focus-visible{border:3px solid #0bf}}@supports(outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}.splide__toggle{cursor:pointer}.splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;outline-offset:3px}.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}.splide__pagination--ttb{bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0} /* End of splide.min.css */ /* Fonts */ @font-face { font-family: 'Akt'; src: url('fonts/Akt-Light.eot'); src: url('fonts/Akt-Light.eot?#iefix') format('embedded-opentype'), url('fonts/Akt-Light.woff2') format('woff2'), url('fonts/Akt-Light.woff') format('woff'), url('fonts/Akt-Light.ttf') format('truetype'), url('fonts/Akt-Light.svg#Akt-Light') format('svg'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Akt'; src: url('fonts/Akt-Regular.eot'); src: url('fonts/Akt-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/Akt-Regular.woff2') format('woff2'), url('fonts/Akt-Regular.woff') format('woff'), url('fonts/Akt-Regular.ttf') format('truetype'), url('fonts/Akt-Regular.svg#Akt-Regular') format('svg'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Akt'; src: url('fonts/Akt-Medium.eot'); src: url('fonts/Akt-Medium.eot?#iefix') format('embedded-opentype'), url('fonts/Akt-Medium.woff2') format('woff2'), url('fonts/Akt-Medium.woff') format('woff'), url('fonts/Akt-Medium.ttf') format('truetype'), url('fonts/Akt-Medium.svg#Akt-Medium') format('svg'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Akt'; src: url('fonts/Akt-SemiBold.eot'); src: url('fonts/Akt-SemiBold.eot?#iefix') format('embedded-opentype'), url('fonts/Akt-SemiBold.woff2') format('woff2'), url('fonts/Akt-SemiBold.woff') format('woff'), url('fonts/Akt-SemiBold.ttf') format('truetype'), url('fonts/Akt-SemiBold.svg#Akt-SemiBold') format('svg'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Akt'; src: url('fonts/Akt-Bold.eot'); src: url('fonts/Akt-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/Akt-Bold.woff2') format('woff2'), url('fonts/Akt-Bold.woff') format('woff'), url('fonts/Akt-Bold.ttf') format('truetype'), url('fonts/Akt-Bold.svg#Akt-Bold') format('svg'); font-weight: 700; font-style: normal; font-display: swap; } /* CSS reset */ * {margin:0px; padding:0px; border:none; outline:none; box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;font-feature-settings: lnum;font-variant-numeric: lining-nums;} html {text-size-adjust: none;-ms-text-size-adjust: none;-webkit-text-size-adjust: none;-o-text-size-adjust: none;} body {font-size: 16px;line-height: 26px;color: #2A3E2F;font-family: 'Akt', sans-serif;font-weight: 300;letter-spacing: 0px;padding-top: 0px;padding-right: 0 !important;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} img {border:none; outline:none;max-width: 100%;} a,h1,h2,h3,h4,h5,h6,p,div,img {text-decoration:none; padding:0px; margin:0px;} ul,ol {list-style-type: none;margin-bottom: 0px;} input,textarea,select,input[type="text"], input[type="email"], input[type="button"], input[type="submit"] {-webkit-appearance: none;-moz-appearance: none;border-radius: 0px;-ms-appearance: none;-o-appearance: none;appearance: none;} input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none; margin: 0; } input[type='number'] {-moz-appearance:textfield; } a:hover, a:focus {text-decoration: none;outline: none !important;} p:empty {display: none;} svg {max-width: 100%;height: auto;} label {font-weight: normal;margin-bottom: 0;cursor: inherit;} address {margin-bottom: 0;line-height: normal;} i {font-style: normal;} picture > img {width: 100%; height: 100%; object-fit: cover; } #tslOverlay {z-index: 999999 !important;} ::-moz-selection {background: #9662FF;color: #fff; } ::selection {background: #9662FF;color: #fff;} ::-webkit-input-placeholder {color: #006A5F;} :-moz-placeholder { /* Firefox 18- */color: #006A5F;opacity: 1;} ::-moz-placeholder { /* Firefox 19+ */color: #006A5F;opacity: 1;} :-ms-input-placeholder {color: #006A5F;} /* End of reset css */ /* Common css */ nav.site-menu > ul > li > a,nav.site-menu > ul > li > a::before,.primary-btn,.header-text-btn,nav.inner-menu > ul > li > a,.green-btn,.main-dropdown,.powered-text a,nav.footer-menu > ul > li > a,.footer-contact-links a,nav.privacy-menu > ul> li > a, .footer-privacy-content p a,.social-links a svg,.border-btn,.text-link i,.step-illustration,.border-btn svg path,ul.custom-tabs > li > a,ul.custom-tabs > li > a::after,.toggle-title, .toggle-title i, .toggle-title i svg path, .toggle-title i svg,.package-feature-list li a,.text-link span,.faq-nav-link::before,.body-text p a, .body-text li a, i.video-play-btn svg,.video-close,body .gform_wrapper.gravity-theme .gform_footer button, body .gform_wrapper.gravity-theme .gform_footer input[type="submit"], body .gform_wrapper.gravity-theme .gform_footer input[type="button"], body .gform_wrapper.gravity-theme .gform_page_footer input.gform_next_button, body .gform_wrapper.gravity-theme .gform_page_footer input[type="submit"],.cta-close-btn,.sidebar-btn, .custom-breadcrumb li > a {transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;} h1,h2,h3,h4,h5,h6 {font-family: 'Akt', sans-serif;font-weight: 400;color: #2A3E2F;} h1 {font-size: 60px;line-height: 66px;letter-spacing: -0.6px;} h2 {font-size: 38px;line-height: 42px;} h3 {font-size: 28px;line-height: 34px;} h4 {font-size: 20px;line-height: 22px;} h5,h6 {font-size: 18px;line-height: 20px;} .h2-lg {font-size: 48px; line-height: 53px; } h5.overline-text {color: #456453; line-height: 29px; font-weight: 300;} .lg-text {font-size: 22px;line-height: 35px;font-weight: 400;} .sm-text {font-size: 14px;line-height: 22px;} b,strong {font-weight: 400} a {color: #2A3E2F;} /* Common rules */ .w-full {width: 100%;} .h-full {height: 100%;} .flex {display: flex;} .flex-inline {display: inline-flex;} .grid {display: grid;} .flex-wrap {flex-wrap: wrap;} .flex-col {flex-direction: column;} .jc-sb {justify-content: space-between;} .jc-center {justify-content: center;} .ai-center {align-items: center;} .ai-start {align-items: flex-start;} .ai-end {align-items: flex-end;} .ob-cover {object-fit: cover;} a.link-cover {position: absolute; inset: 0; z-index: 11; } body.scroll-hidden {overflow-y: hidden;} .d-none {display: none;} /* Text editor elements css */ .body-text p {margin-bottom: 25px;} .body-text h1 {margin-bottom: 20px; } .body-text h2 {margin-bottom: 20px; } .body-text h3 {margin-bottom: 25px; } .body-text h4 {margin-bottom: 25px; } .body-text h5,.body-text h6 {margin-bottom: 20px;} .body-text ul, .body-text ol,.step-usp-list {margin-bottom: 25px; display: flex; flex-direction: column; gap: 6px;width: 100%; } .body-text ul li, .body-text ol li,.step-usp-list li {position: relative; padding-left: 38px; } .body-text ul > li::after,.step-usp-list li::after {content: ''; position: absolute; left: 0px; top: 4px; width: 20px; height: 20px; background-color: #28E473; border-radius: 50%; background-image: url('images/icon-correct.svg');background-repeat: no-repeat;background-position: center 6px;} .body-text ol {list-style: none; counter-reset: li; } .body-text ol > li {counter-increment: li; } .body-text ol > li::before {content: counter(li) "."; position: absolute; color: #2A3E2F; left: 6px; top: 0; font-weight: 700; font-size: 18px; } .body-text li ul, .body-text li ol {margin-top: 14px; margin-bottom: 10px !important; } /* .body-text li ul > li::after {background-color: #6EC3BD; } */ .body-text :last-child {margin-bottom: 0; } .body-text p a,.body-text li a {color: #2A3E2F; border-bottom: 1px solid #2A3E2F; } .body-text p a:hover,.body-text li a:hover {border-bottom-color: transparent;} .body-text blockquote {display: flex; padding-top: 14px; margin-bottom: 40px;} .body-text blockquote p {font-size: 32px; line-height: normal; } .body-text p > img {border-radius: 8px;overflow: hidden;} .body-text p > img.aligncenter {margin: 0 auto; display: flex; } .body-text p > img.alignright {float: right; margin-left: 40px; margin-bottom: 30px; } .body-text p > img.alignleft {float: left; margin-right: 40px; margin-bottom: 30px; } .body-text p > img.size-full {width: 100%; height: 500px; object-fit: cover;} /* End of Text editor elements css */ /* Container size */ .md-container, .sm-container {max-width: 100%;margin: 0 auto;} .md-container {width: 1045px;} .sm-container {width: 700px;} /* Buttons css */ .primary-btn,.green-btn,.border-btn {display: flex; padding: 0 5px 0 15px; border-radius: 40px; gap: 9px; font-weight: 400; flex-wrap: wrap; align-items: center; cursor: pointer;} .primary-btn i,.green-btn i {display: flex; justify-content: center; align-items: center; border-radius: 50%;} .primary-btn {height: 45px; font-size: 15px; color: #FFF; background-color: #9662FF; } .primary-btn i {width: 34px; height: 34px; } .primary-btn i svg {max-width: 16px; } .primary-btn:hover {background-color: #456453;} .green-btn {height: 40px; font-size: 14px; color: #2A3E2F; background-color: #28E473; } .green-btn i {width: 30px; height: 30px; } .green-btn i svg {max-width: 14px;} .green-btn:hover {background-color: #2A3E2F;color: #E5F4DE;} .icon-bg {background-image: url('images/icon-bg.svg'); background-repeat: no-repeat; background-size: contain;} .green-btn.light-btn-hover:hover {background-color: #E5F4DE;color: #2A3E2F;} .border-btn {height: 40px; padding: 0 14px; font-size: 14px; font-weight: 400; color: #2A3E2F; border: 1px solid #28E473; justify-content: center; } .light-border-btn {color: #E5F4DE;} .border-btn:hover {background-color: #E5F4DE; color: #2A3E2F; border-color: #E5F4DE; } .light-border-btn:hover svg path {fill: #2A3E2F;} .lg-btn {height: 52px; font-size: 18px; gap: 0 11px;} .primary-btn.lg-btn, .green-btn.lg-btn {padding: 0 6px 0 19px;} .primary-btn.lg-btn i, .green-btn.lg-btn i {width: 39px; height: 39px; } .primary-btn.lg-btn i svg, .green-btn.lg-btn i svg {max-width: 19px; } .border-btn.lg-btn {border-width: 1.5px; padding: 0 18px; } .text-link {display: flex; flex-wrap: wrap; align-items: center; gap: 0 8px; color: #2A3E2F; cursor: pointer; font-size: 14px; font-weight: 400; line-height: normal; } .text-link span {border-bottom: 1px solid; } .text-link:hover i {transform: translateX(5px);} /* ****************************************************** */ /* ********************** Main css ********************** */ /* ****************************************************** */ /* ********************** Header ********************** */ .site-container {padding-top: 73px; } header.site-header {position: fixed; padding: 14px 0; background-color: rgba(255, 255, 255, 0.8); z-index: 999; left: 0; top: 0; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } body.admin-bar header.site-header {top: 32px; } .site-logo {width: 157px; } nav.site-menu > ul {display: flex; flex-wrap: wrap; gap: 32px; } nav.site-menu > ul > li {position: relative;} nav.site-menu > ul > li > a {display: flex; height: 28px; padding: 0 7px; font-size: 16px; gap: 6px; color: #2A3E2F; border-radius: 5px; flex-wrap: wrap; align-items: center; font-weight: 400; cursor: pointer; position: relative; background-color: transparent; } nav.site-menu > ul > li.has-dropdown > a::after {content: ""; display: flex; width: 10px; height: 6px; background-color: #456453; mask-image: url('images/icon-dropdown.svg'); mask-repeat: no-repeat; mask-size: cover; } nav.site-menu > ul > li > a::before {content: ""; position: absolute; left: 7px; right: 7px; bottom: 0; height: 2px; background-color: #28E473; opacity: 0; } nav.site-menu > ul > li > a:hover::before {opacity: 1;} nav.site-menu > ul > li.current-menu-item > a {background-color: #E5F4DE; font-weight: 600; } nav.site-menu > ul > li.current-menu-item > a::before {opacity: 0 !important;} .header-right-menu {gap: 12px; } .header-text-btn {display: flex; padding: 0 12px; height: 40px; font-size: 16px; gap: 10px; border-radius: 12px; color: #2A3E2F; flex-wrap: wrap; align-items: center; font-weight: 400; line-height: normal; cursor: pointer; background-color: transparent; } .header-text-btn:hover {background-color: #E5F4DE;} /* Dropdown */ .main-dropdown {position: absolute; width: 646px; min-height: 394px; padding: 46px; left: 0; top: 40px; z-index: 99; border-radius: 22px; background: rgba(229, 244, 222, 1); opacity: 0; visibility: hidden; pointer-events: none; } nav.site-menu > ul > li.dropdown-visible > .main-dropdown{opacity: 1;visibility: visible;pointer-events: auto;} .dropdown-content-col {width: calc(50% - 7px); } .dropdown-content-col h2 {font-size: 32px; line-height: 35px; margin-bottom: 8px; } .dropdown-content-col p {margin-bottom: 24px; } .dropdown-links-col {width: 32%; gap: 44px; } .dropdown-menu-wrap {gap: 6px; } .dropdown-menu-wrap > label {color: #2A3E2F; font-size: 14px; font-weight: 500; line-height: 22px; } nav.inner-menu > ul {display: flex; flex-direction: column; align-items: flex-start; gap: 4px; } nav.inner-menu > ul > li > a {color: #2A3E2F; font-size: 14px; line-height: 22px; border-bottom: 1px solid #2A3E2F; } nav.inner-menu > ul > li > a:hover {border-bottom-color: transparent;} .mobile-menu-close {display: none !important;} /* ********************** Footer ********************** */ .footer-main-section {padding: 57px 90px; border-radius: 22px; background-color: #2A3E2F; } .footer-top-row {padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1.5px solid rgba(255,255,255,0.06); } .footer-logo-col {width: 23%; } .footer-logo {width: 240px; max-width: 100%; margin-bottom: 44px; } .powered-text {font-size: 16px; line-height: normal; color: #E5F4DE; } .powered-text a {color: inherit; border-bottom: 1px solid; } .powered-text a:hover {border-bottom-color: transparent;} .footer-menu-col {width: 22%; } .footer-menu-col h5 {color: #E5F4DE; margin-bottom: 14px; } nav.footer-menu > ul {display: grid; grid-template-columns: repeat(2, 1fr); gap: 11px 16px; } nav.footer-menu > ul > li {display: inline-flex; } nav.footer-menu > ul > li > a {color: #E5F4DE; font-size: 16px; line-height: normal; opacity: 0.75; border-bottom: 1px solid transparent; } nav.footer-menu > ul > li > a:hover {border-bottom-color: #E5F4DE;} .footer-btn-col h5 {color: #E5F4DE; margin-bottom: 20px; } .social-links {padding: 6px; gap: 8px; border-radius: 40px; background: rgba(229, 244, 222, 0.30); } .social-links a {width: 38px; height: 38px; border-radius: 50%;} .social-links a svg {transform: scale(1.0);} .social-links a:hover svg {transform: scale(1.3);} .footer-contact-links {gap: 0 50px; } .footer-contact-links a {color: #28E473; border-bottom: 1px solid transparent; line-height: normal; cursor: pointer; } a.lg-link-text {font-size: 20px; font-weight: 500; } .footer-contact-links a:hover {border-bottom-color: #28E473;} .footer-privacy-content {padding: 22px 0; gap: 20px 50px; } nav.privacy-menu > ul {display: flex; flex-wrap: wrap; gap: 0 50px; } nav.privacy-menu > ul> li {display: inline-flex; } nav.privacy-menu > ul> li > a, .footer-privacy-content p a {color: #456453; font-size: 14px; line-height: 21.5px; border-bottom: 0.5px solid; } nav.privacy-menu > ul> li > a:hover, .footer-privacy-content p a:hover {border-bottom-color: transparent;} .footer-privacy-content p {color: #456453; } /* ********************** Flex page ********************** */ .main-banner-section {padding-top: 85px; margin-bottom: 125px;} .main-banner-wrap {position: relative; } .banner-content-col {width: calc(50% - 7px); padding: 56px 105px 62px 55px; gap: 134px; background-color: #2A3E2F; border-radius: 32px; } .banner-content-row {gap: 30px; } .banner-content-row h1,.banner-content-row p {color: #E5F4DE; } .banner-btn {gap: 12px; } .banner-img-col {position: absolute; width: calc(50% - 7px); height: calc(100% - 35px); right: 0; top: 0; border-radius: 22px; overflow: hidden; } /* Text banner */ .text-banner-content {width: 830px; max-width: 100%; margin: 0 auto; gap: 20px; } .text-banner-content > p {font-size: 20px; line-height: 32px; max-width: 622px; } .text-banner-content .banner-btn {padding-top: 28px; } /* Banner usp section */ .banner-usp-section {gap: 30px 20px; padding-top: 60px; } .usp-sm-card {width: calc(25% - 15px); } .usp-sm-card i {width: 48px; height: 48px; border-radius: 50%; background: linear-gradient(226deg, rgba(255, 255, 255, 0.90) 9.01%, rgba(218, 232, 210, 0.90) 92.1%); } .usp-sm-card i svg {max-width: 20px; } .usp-sm-card i.bg-green {background: #28E473; } .usp-sm-card i.bg-red {background: #FF4C16; } .usp-sm-card i.bg-purple {background: #9662FF;} .usp-sm-card i.bg-red svg path,.usp-sm-card i.bg-purple svg path {fill: #fff; } .usp-sm-card-text {width: calc(100% - 62px); } .usp-sm-card-text h5 {margin-bottom: 2px; } /* Flex Step section */ .mb-lg {margin-bottom: 150px;} .step-wrap.step-rev {flex-direction: row-reverse; } .step-img {width: 469px; height: 567px; position: relative; overflow: hidden; border-radius: 22px; } .step-content {width: 469px;position: relative;} span.step-logo {align-self: flex-end; margin-bottom: 4px; max-width: 100px;} .step-content > h2 {margin-bottom: 14px;} .step-content > .body-text {margin-bottom: 40px; } .step-content > .body-text:last-child {margin-bottom: 0; } .step-usp-list {padding: 0 32px 0 32px;margin-bottom: 40px; } .step-usp-list:last-child {margin-bottom: 0; } .step-btn-wrap {gap: 20px; } .step-content > h2 + .step-btn-wrap {padding-top: 30px; } .step-illustration {position: absolute; z-index: 1;pointer-events: none;max-width: 100%;} .step-illustration > img {max-width: inherit; } .step-img.shape-rt .step-illustration {right: 0; top: 0; } .step-img.shape-rb .step-illustration {right: 0; bottom: 0; } .step-img.shape-lt .step-illustration {left: 0; top: 0; } .step-img.shape-lb .step-illustration {left: 0; bottom: 0; } .step-img.show-illustration .step-illustration {opacity: 0; visibility: hidden; } .step-img.show-illustration:hover .step-illustration {opacity: 1; visibility: visible; animation: btnBounce 1s ease;} @keyframes btnBounce {0% { transform: scale(1); } 30% { transform: scale(0.92); } 50% { transform: scale(1.05); } 70% { transform: scale(0.97); } 100% { transform: scale(1); } } /* Full bg step section */ .full-step-section .step-section-wrap {border-radius: 22px; background: #2A3E2F; padding: 45px; } .full-step-section .step-img {height: 479px; width: 524px; margin-left: -60px; } .full-step-section .step-rev .step-img {margin-left: 0; margin-right: -60px; } .full-step-section .step-content > h5, .full-step-section .step-content > h2,.full-step-section .step-content > .body-text *,.full-step-section .border-btn,.full-step-section .text-link,.full-step-section .step-usp-list li {color: #E5F4DE; } .full-step-section .border-btn svg path,.full-step-section .text-link svg path {fill: #E5F4DE; } .full-step-section .border-btn:hover {color: #2A3E2F;} .full-step-section .border-btn:hover svg path {fill: #2A3E2F;} /* Boxed step section */ .boxed-step-section .md-container {width: 100%; } .boxed-step-section .step-wrap {position: relative; align-items: stretch; justify-content: flex-end; } .boxed-step-section .step-img {width: calc(50% - 6px); position: absolute; left: 0; top: 0; height: 100%; } .boxed-step-section .step-content {width: calc(50% - 6px); min-height: 530px; padding: 50px 100px; border-radius: 22px; position: relative; background-color: #456453; justify-content: center; } .boxed-step-section .step-content > h5, .boxed-step-section .step-content > h2, .boxed-step-section .text-link, .boxed-step-section .step-content > .body-text *, .boxed-step-section .step-usp-list li {color: #E5F4DE;} .boxed-step-section .text-link i.icon-bg {background-image: none; display: flex; } .boxed-step-section .text-link svg path {fill: #E5F4DE; } /* Flex USP section */ .flex-usp-wrap {gap: 30px 20px;} /* Mini usp style */ .usp-mini-style .flex-usp-wrap {gap: 20px 25px; } .usp-mini-style .usp-sm-card {width: auto; gap: 4px; } .usp-mini-style .usp-sm-card i {width: 14px; height: 14px; border-radius: 0; background: transparent; } .usp-mini-style .usp-sm-card i svg {max-width: 12px; } .usp-mini-style .usp-sm-card-text {width: auto; } .usp-mini-style .usp-sm-card-text h5 {margin-bottom: 0; font-size: 14px; font-weight: 300; color: #456453; line-height: 22px; } .usp-mini-style p {display: none; } /* Card usp style */ .usp-card-style .flex-usp-wrap {gap: 12px 12px; } .usp-card-style .usp-sm-card {width: calc(25% - 9px); min-height: 270px; padding: 30px; border-radius: 22px; flex-direction: column; justify-content: center; text-align: center; background-color: #E5F4DE; } .usp-card-style .usp-sm-card i {width: 96px; height: 96px; border-radius: 50%; background: #fff; margin-bottom: 24px; } .usp-card-style .usp-sm-card i svg {max-width: 54px; } .usp-card-style .usp-sm-card-text {width: 100%; } .usp-card-style .usp-sm-card-text h5 {margin-bottom: 8px; font-size: 20px; line-height: 22px;} /* Flex Functional section */ .functional-section-wrap {padding: 60px 0; border-radius: 22px; background-color: rgba(229, 244, 222, 0.40); } .section-header {gap: 12px; margin-bottom: 40px; } .section-header p {font-size: 20px; line-height: 32px; } .functional-section-wrap .section-header {margin-bottom: 72px;} ul.custom-tabs {display: flex; width: 100%; gap: 20px 80px; margin-bottom: 40px; flex-wrap: wrap; justify-content: center; align-items: center; } ul.custom-tabs > li {display: inline-flex; } ul.custom-tabs > li > a {font-size: 16px; line-height: 26px; color: #456453; cursor: pointer; position: relative; opacity: 0.6; } ul.custom-tabs > li > a::after {content: ""; position: absolute; right: 0; bottom: 0; left: 0; height: 3px; background-color: #456453; border-radius: 6px; opacity: 0; } ul.custom-tabs > li > a:hover::after {opacity: 1;} ul.custom-tabs > li.active > a {opacity: 1; color: #2A3E2F; font-weight: 400; pointer-events: none;} ul.custom-tabs > li.active > a::after {opacity: 1; background-color: #28E473; } .functional-content-wrap.step-wrap {align-items: stretch; } .functional-content-wrap .step-img {width: 48%; min-height: 534px; height: auto; border-radius: 22px; background-color: #456453; } .functional-content-wrap .step-img img {max-width: 75%; max-height: 75%; } .functional-content-wrap .step-content {width: calc(52% - 12px); padding: 40px; border-radius: 22px; background-color: #FFF; justify-content: center; } .functional-content-wrap .step-usp-list {padding: 0; max-width: 320px; } .functional-content-wrap .step-btn-wrap {align-self: flex-end; } /* Flex info slider section */ .flex-info-slider-section {overflow: hidden; } .info-slider .splide__track {overflow: visible;} .info-slide {width: 833px; margin-right: 12px; padding: 60px; border-radius: 22px; background-color: #456453; } .info-slide-content {width: 253px; gap: 14px; } .info-slide-content * {color: #E5F4DE; } .info-slide-illustration {width: 400px; height: 355px; } .info-slide-illustration img {max-width: 300px; max-height: 290px; } /* Flex logo section */ .logo-content-col {width: 360px; gap: 14px; } .logo-card-list {width: calc(100% - 423px); grid-template-columns: repeat(2, 1fr); gap: 12px; } .logo-card {height: 132px; border-radius: 12px; background-color: rgba(229, 244, 222, 0.40); } .logo-card img {max-width: 50%; max-height: 30%; } /* Flex quote section */ blockquote.lg-quote {font-size: 32px; line-height: normal; margin-bottom: 45px; } .quote-info {gap: 22px;} .quote-img-wrap {width: 72px; height: 72px; border-radius: 15px; background: rgba(69, 100, 83, 0.10); } .quote-img-wrap > img {width: 46px; height: 46px; overflow: hidden; border-radius: 50%; } .quotee-meta h4 {font-weight: 700; line-height: normal; } .quotee-meta span {font-size: 20px; line-height: normal; color: #456453; } .quote-green-bg .quote-section-wrap {padding: 144px 151px 138px; border-radius: 22px; background: #E5F4DE; } /* Flex Link box section */ .link-box-wrap {grid-template-columns: repeat(4, 1fr); gap: 12px; } .link-box-card {position: relative; min-height: 244px; padding: 50px; border-radius: 22px; background-color: #E5F4DE; } .link-card-text {margin-bottom: 20px; } .link-box-card.highlight-link-box {background-color: transparent; padding: 40px 30px; } .link-box-card.highlight-link-box::before {content: ""; position: absolute; inset: -20px 0; background-color: #456453; z-index: -1; border-radius: inherit;} .link-box-card.highlight-link-box .link-card-text * {color: #E5F4DE; } .highlight-link-box .link-card-text h4 {font-size: 23px; line-height: 25px; margin-bottom: 17px; } .highlight-link-box .link-card-text p {font-size: 16px; line-height: 26px; } .link-box-card:hover .text-link i{transform: translateX(5px);} .link-box-card:hover .green-btn {background-color: #2A3E2F;color: #E5F4DE;} /* Flex FAQ section */ .faq-wrap > h2 {width: 100%; margin-bottom: 47px; } .faq-text-col {width: 330px; } .faq-text-col .green-btn {margin-top: 56px; } .faq-list {width: calc(100% - 410px); } .custom-toggle {gap: 12px; } .toggle-title {padding: 20px 64px 20px 20px; border-radius: 12px; position: relative; cursor: pointer; background: rgba(229, 244, 222, 0.65); } .toggle-title h5 {font-weight: 400; line-height: 27px; } .toggle-title i {position: absolute; width: 24px; height: 24px; right: 20px; top: 21px; background-color: #28E473; border-radius: 50%; } .toggle-title i svg {position: absolute;} .toggle-title i svg:nth-child(2) {opacity: 0; } .toggle-title.active i svg:nth-child(2) {opacity: 1; } .toggle-title.active i svg:nth-child(1) {opacity: 0; } .toggle-title:hover {background-color: #E5F4DE;} .toggle-title:hover i {background-color: #456453;} .toggle-title:hover i svg path {fill: #fff;} .toggle-title.active {background-color: #2A3E2F; } .toggle-title.active h5 {color: #E5F4DE; } .toggle-content {display: none;} .toggle-content .body-text {padding: 26px 30px 35px;border-radius: 12px; background-color: #456453; margin-top: 2px;} .toggle-content .body-text * {color: #E5F4DE; } /* Flex LAVS CTA section */ .lavs-cta-wrap {border-radius: 22px; background-color: #E5F4DE; padding: 92px 0; } .lavs-cta-content {width: 422px; } .lavs-cta-content h5 {margin-bottom: 6px; } .lavs-cta-content h2,.lavs-cta-content p {margin-bottom: 24px; } .lavs-cta-content .green-btn {margin-top: 16px; } .lavs-cta-img {width: 410px; height: 365px; } .lavs-cta-img img {max-height: 100%; } /* Flex Support section */ .support-section-wrap.layout-rev {flex-direction: row-reverse; } .support-content {width: 453px; } .support-img-col {width: 527px; grid-template-columns: repeat(3, 1fr); gap: 10px; } .support-img-wrap {height: 292px; border-radius: 22px; overflow: hidden; } .support-img-wrap:nth-child(3n+2) {margin-top: 66px; } .support-content h5.overline-text {margin-bottom: 4px;} .support-content h2 {margin-bottom: 52px; } /* Flex pricing section */ .flex-pricing-section h2.h2-lg {margin-bottom: 88px; } .flex-pricing-wrap {grid-template-columns: repeat(3, 1fr); gap: 10px; } .flex-pricing-card {padding: 35px; min-height: 400px; border-radius: 22px; background-color: #456453; position: relative;} .flex-pricing-header {margin-bottom: 40px; } .flex-pricing-header * {color: #E5F4DE; } .flex-pricing-header h3 {margin-bottom: 8px; display: inline-block; } .flex-price-wrap {height: 90px; border-radius: 12px; border: 0.25px solid #FFF; background: linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(218, 232, 210, 0.12) 100%); } .flex-price-wrap strong {font-size: 28px; line-height: normal; color: #E5F4DE; position: relative; } .flex-price-wrap strong sub {bottom: 0; font-size: 18px; } span.price-explanation-text {font-size: 12px; line-height: 19px; color: #E5F4DE; font-weight: 400; margin-bottom: 7px; } strong.flex-discount-price s {position: absolute; right: -47px; font-size: 14px; line-height: normal; color: #E5F4DE; white-space: nowrap; top: -13px; } .highlight-pricing-card.flex-pricing-card {background-color: transparent; padding-top: 0; padding-bottom: 0; } .highlight-pricing-card::before {content: ""; position: absolute; inset: -40px 0; background-color: #2A3E2F; border-radius: inherit; z-index: -1; } .green-label {height: 30px; padding: 0 15px; background-color: #28E473; border-radius: 30px; display: inline-flex; align-items: center; font-size: 12px; line-height: normal; color: #2A3E2F; font-weight: 700; margin-left: 12px; position: relative; top: -5px; } .highlight-pricing-card .flex-price-wrap {height: 120px; } .highlight-pricing-card .flex-price-wrap strong {font-size: 36px; color: #28E473; } .highlight-pricing-card .flex-price-wrap strong sub {font-size: 20px; } .more-price-info-btn {padding-top: 85px; } /* Flex CTA section */ .cta-section-wrap {position: relative; min-height: 416px; padding: 43px 70px 43px 45px; border-radius: 22px; overflow: hidden; background-color: #456453; z-index: 1;} .cta-bg-shape {position: absolute; right: -340px; top: -130px; z-index: -1; pointer-events: none; } .cta-section-wrap h2.h2-lg {max-width: 790px; color: #E5F4DE; margin-bottom: 40px; } .cta-section-wrap h2.h2-lg span {color: #28E473; } .cta-text-col {width: 47%; } .cta-text-col p {color: #E5F4DE; font-size: 20px; line-height: 32px; font-weight: 300; } .cta-btn-wrap {gap: 10px 20px; } p.cta-outro-text {font-weight: 400; color: #456453; padding: 17px 45px 0; } /* Flex Process section */ .flex-process-section h2 {margin-bottom: 62px; } .process-section-wrap {grid-template-columns: repeat(3, 1fr); gap: 38px; counter-reset: process-count;} .process-card {padding: 32px; border-radius: 22px; background-color: #E5F4DE; counter-increment: process-count;} .process-icon {position: relative; margin-bottom: 24px; } .process-icon i {width: 96px; height: 96px; background-color: #fff; border-radius: 50%; } .process-icon i svg {max-width: 54px; } .process-card h4 {margin-bottom: 8px; } .process-icon::before {content: counter(process-count); position: absolute; left: -30px; top: 0; bottom: 0; margin: auto; width: 42px; height: 42px; background-color: #28E473; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 21px; font-weight: 600; } /* ********************** Pricing page ********************** */ .lg-usp-section.banner-usp-section {gap: 0; padding: 100px 78px 0; } .lg-usp-section .usp-sm-card {width: 25%; padding: 0 15px; } .lg-usp-section .usp-sm-card i {width: 96px; height: 96px; margin-bottom: 24px; } .lg-usp-section .usp-sm-card i svg {max-width: 52px; } .lg-usp-section .usp-sm-card-text h4 { margin-bottom: 4px; } /* Package card */ .main-pricing-section {padding: 30px 0 85px; } .main-pricing-wrap {grid-template-columns: repeat(3, 1fr); gap: 12px; } .package-card {padding: 36px; border-radius: 22px; background-color: #E5F4DE;} .package-header {min-height: 195px; margin-bottom: 30px; } .package-header h2 {margin-bottom: 12px; } .package-header .green-label {top: -8px;} .package-feature-list {gap: 6px; margin-bottom: 58px; } .package-feature-list li {padding-left: 36px; position: relative; } .package-feature-list li b, .package-feature-list li strong {font-weight: 600; } .package-feature-list li a {border-bottom: 1px solid; } .package-feature-list li a:hover {border-bottom-color: transparent;} .package-feature-list li::before,.service-usp-list li::before {content: ""; position: absolute; left: 0; top: 9px; width: 14px; height: 10px; background-image: url('images/icon-check.svg'); background-repeat: no-repeat; } .package-feature-list li.not-include {opacity: 0.4; pointer-events: none; } .package-feature-list li.not-include::before {background-image: url('images/icon-close.svg');} .package-bottom {gap: 17px; min-height: 143px; justify-content: flex-end; } .package-price-explanation {line-height: normal; } .package-price-explanation span {font-weight: 400; line-height: normal; } .package-price-col {gap: 3px; } .package-price-col strong {font-size: 26px; line-height: normal; } .package-price-col strong sub {font-size: 16px; bottom: 0; } .package-price-col span {font-size: 14px; color: #456453; line-height: normal; text-decoration: line-through; } .package-btn {gap: 17px; min-height: 82px; justify-content: flex-end; } .package-btn .green-btn {height: 47px; padding: 0 15px; font-size: 16px; width: 100%; justify-content: center; } .package-btn .text-link:hover span {border-bottom-color: transparent;} /* Maintain service */ .maintain-service-section {border-radius: 22px; background-color: #2A3E2F; padding: 35px 93px 48px 46px; margin-bottom: 12px; } .maintain-service-section h2 {font-size: 56px; line-height: 62px; color: #E5F4DE; width: 100%; margin-bottom: 26px; } .maintain-service-text {width: 54%; } .maintain-service-text p {font-size: 20px; line-height: 32px; color: #E5F4DE; } .maintain-service-content {width: 40%; } .service-usp-list {gap: 5px; margin-bottom: 38px; } .service-usp-list li {color: #E5F4DE; font-weight: 400; padding-left: 36px; position: relative;} .maintain-service-price {gap: 20px; } .maintain-service-price strong {font-size: 26px; line-height: normal; color: #28E473; } .maintain-service-price strong sub {font-size: 17px; bottom: 0; } .maintain-service-btn {gap: 10px; } .green-btn.border-btn {background-color: transparent; color: #E5F4DE; padding: 0 5px 0 15px; } /* ********************** Support page ********************** */ .support-banner-img {gap: 10px; padding-top: 140px; } .support-img-card {width: 114px; height: 198px; position: relative; border-radius: 18px; overflow: hidden; } .support-img-card:nth-child(2n) {margin-top: 45px; } .support-img-card::after {content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(218, 232, 210, 0.00) 24.52%, rgba(218, 232, 210, 0.90) 94.23%); } /* Support contact card */ .support-contact-wrap {grid-template-columns: repeat(3, 1fr); gap: 12px; } .support-contact-card {padding: 36px; min-height: 340px; gap: 30px; border-radius: 22px; background-color: #E5F4DE; } .support-card-head h2 {font-size: 36px; line-height: 40px; margin-bottom: 16px; } .support-card-bottom {gap: 16px; } .support-card-bottom > label {color: #456453; font-weight: 300; } .dark-card {background-color: #2A3E2F; } .dark-card .support-card-head * {color: #E5F4DE; } /* FAQ main section */ .main-faq-section {margin-bottom: 140px; } .main-faq-section .md-container > h2 {margin-bottom: 47px; margin-left: -13px; } .faq-sidebar {width: 330px; } .faq-category-nav {gap: 10px; } .faq-category-nav li {line-height: normal; } .faq-nav-link {position: relative; color: #2A3E2F; font-weight: 400; font-size: 16px; line-height: 26px; display: inline-flex; cursor: pointer; } .faq-nav-link::before {content: ""; position: absolute; left: -13px; top: 4px; width: 3px; bottom: 4px; background-color: #E5F4DE; } .faq-nav-link:hover::before, .faq-nav-link.active::before {background-color: #28E473; } .faq-content {width: calc(100% - 410px); gap: 62px; } .faq-row {gap: 16px; } .faq-row > h3 {font-size: 24px; line-height: 26px; } /* ********************** Text page ********************** */ .flex-content-section .sm-container > div:last-child {margin-bottom: 0; } /* FC image section */ .fc-image-section, .fc-video-section {height: 460px; position: relative; border-radius: 22px; overflow: hidden; } /* FC video section */ i.video-play-btn {position: absolute; width: 90px; height: 90px; border-radius: 50%; cursor: pointer; background: linear-gradient(226deg, rgba(255, 255, 255, 0.90) 9.01%, rgba(218, 232, 210, 0.90) 92.1%); } i.video-play-btn svg {width: 60px; transform: scale(1); } i.video-play-btn:hover svg {width: 60px; transform: scale(1.2);} /* Video modal css */ #videomodal {text-align: center; } #videomodal::before {content: ""; display: inline-block; vertical-align: middle; height: 100%; } #videomodal .modal-dialog {width: 1200px; max-width: 94%; margin: 30px auto; display: inline-block; vertical-align: middle; text-align: left; } #videomodal .modal-content {margin-bottom: 30px; background-color: transparent; border: none !important; border-radius: 0; box-shadow: none !important; position: relative; } .video-close {right: -20px; top: -20px; position: absolute; z-index: 1; cursor: pointer; width: 40px; height: 40px; background-color: #fff; display: flex; justify-content: center; align-items: center; border-radius: 50%; } .video-close svg {width: 12px; } .video-close:hover {background-color: #28E473;} .video-box {position: relative; width: 100%; max-height: 90vh; background-color: #000; display: flex; align-items: center; justify-content: center; } .video-box video {width: 100%; height: auto; max-height: 90vh; object-fit: contain; } .modal-overlay-inside {position: absolute; inset: 0;} .modal-backdrop {background: #2A3E2F; opacity: 0; } .modal-backdrop.in {filter: alpha(opacity=50); opacity: 0.5;} /* YouTube iframe wrapper */ .youtube-video-wrap {position: relative; width: 100%; padding-bottom: 56.25%; /* 16:9 ratio */ height: 0; } .youtube-video-wrap iframe.youtube-iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } /* FC toggle section */ .fc-title-header {gap: 20px; margin-bottom: 40px; } /* Gravity form */ body .gform_wrapper br,body .gform_wrapper + p br {display: none; } body .gform_required_legend {display: none; } body .gform_wrapper.gravity-theme .gform_fields {width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 16px 15px; } body .gform_wrapper.gravity-theme .gfield {position: relative; width: 100%; } body .gform_wrapper.gravity-theme .gf_invisible, body .gform_wrapper.gravity-theme .gfield_visibility_hidden {position: absolute;} body .gform_wrapper.gravity-theme .gfield_label {display: flex; width: 100%; font-size: 18px; line-height: 22px; color: #2A3E2F !important; margin-bottom: 6px !important; padding: 0; border: none; font-family: 'Akt', sans-serif; position: relative; font-weight: 400; flex-wrap: wrap; } body .gform_wrapper.gravity-theme .hidden_label .gfield_label,body .gform_wrapper.gravity-theme .hidden_sub_label {display: none !important; } body .gform_wrapper .gfield_label>.gfield_required {display: none; padding: 0; font-size: inherit; margin-left: 2px; color: #2A3E2F; } body .gform_wrapper .gfield_label > .gfield_required > .gfield_required {font-size: inherit; color: inherit; padding: inherit; } body .ginput_container {display: flex; width: 100%;} body .gform_wrapper.gravity-theme .ginput_complex {gap: 20px; margin: 0 !important; } body .gform_wrapper.gravity-theme .ginput_complex label {line-height: normal;} body .gform_wrapper.gravity-theme .ginput_complex span {padding: 0 !important;margin-bottom: 0 !important;} body .gform_wrapper.gravity-theme .ginput_container_address span {flex: 0 0 calc(50% - 10px);} body .gform_wrapper.gravity-theme .gf_hidden, body .gform_wrapper.gravity-theme .gform_hidden {display: none !important; } body .gform_wrapper.gravity-theme .ginput_complex label {padding-top: 7px; font-weight: 300; } body .gf_clear.gf_clear_complex {display: none;} body .gform_wrapper.gravity-theme .gfield input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), body .gform_wrapper.gravity-theme .gfield select, body .gform_wrapper.gravity-theme .gfield textarea, body .gform_wrapper.gravity-theme .gfield input[type="file"] {display: flex; width: 100%; height: 50px; padding: 0 20px 0; font-size: 18px; font-family: 'Akt', sans-serif; font-weight: 300; color: #2A3E2F; border-radius: 10px; background-color: #fff; box-shadow: none; border: 1px solid #2A3E2F !important; } body .gform_wrapper.gravity-theme .gfield select {background-image: url('images/icon-dropdown.svg'); background-repeat: no-repeat; background-position: calc(100% - 20px); padding-right: 50px; background-size: 14px;} body .gform_wrapper.gravity-theme .gfield textarea {height: 150px !important; padding: 10px 20px; resize: none; } body .gfield_radio, body .gfield_checkbox {display: flex; width: 100%; margin-top: 7px; flex-wrap: wrap; gap: 10px;} body .gchoice {position: relative; width: 100%; } body .gform_wrapper.gravity-theme .gfield-choice-input,body .ginput_container_consent input {position: absolute; left: 0; top: 0; visibility: hidden; opacity: 0; } body .gform_wrapper.gravity-theme .gfield-choice-input + label, body .ginput_container_consent .gfield_consent_label {display: flex; width: 100%; padding: 0 0 0 42px; font-size: 16px; line-height: 26px; color: #2A3E2F !important; max-width: 100%; position: relative; cursor: pointer; font-family: 'Akt', sans-serif; flex-wrap: wrap; font-weight: 300; letter-spacing: 0; } body .gform_wrapper.gravity-theme .gfield_checkbox label a, body .gform_wrapper.gravity-theme .gfield_radio label a,body .ginput_container_consent .gfield_consent_label a {text-decoration: underline; color: #2A3E2F;margin-left: 5px;} body .gform_wrapper.gravity-theme .gfield_checkbox label::before, body .gform_wrapper.gravity-theme .gfield_radio label::before, body .ginput_container_consent .gfield_consent_label::before {content: ""; position: absolute; left: 0; top: -2px; width: 28px; height: 28px; border: 1px solid #2A3E2F; background-color: #fff; border-radius: 6px; } body .gform_wrapper.gravity-theme .gfield_radio label::before {border-radius: 50%;} body .gform_wrapper.gravity-theme .gfield-choice-input + label::after, body .ginput_container_consent .gfield_consent_label::after {content: ""; position: absolute; left: 7px; top: 7px; opacity: 0; width: 15px; height: 11px; background-image: url('images/icon-check-dark.svg'); background-repeat: no-repeat; background-size: 15px; } body .gform_wrapper.gravity-theme .gfield_radio label::after {background-image: none; width: 14px; height: 14px; background-color: #2A3E2F; border-radius: 50%; left: 7px; top: 5px; } body .gform_wrapper.gravity-theme .gfield-choice-input:checked ~ label::after,body .ginput_container_consent input[type="checkbox"]:checked + label::after {opacity: 1;} body .ginput_container.ginput_container_consent {margin-top: 7px; } body .gform_wrapper.gravity-theme .gform_footer {display: flex; width: 100%; margin: 40px 0 0; padding: 0; position: relative; } body .gform_wrapper.gravity-theme .gform_footer button, body .gform_wrapper.gravity-theme .gform_footer input[type="submit"], body .gform_wrapper.gravity-theme .gform_footer input[type="button"], body .gform_wrapper.gravity-theme .gform_page_footer input.gform_next_button, body .gform_wrapper.gravity-theme .gform_page_footer input[type="submit"] {margin-bottom: 0; position: relative; width: 100%; height: 50px; border-radius: 30px; background-color: #28E473; color: #2A3E2F; font-size: 18px; font-family: 'Akt', sans-serif; box-shadow: none; padding: 0 20px; cursor: pointer; border: none !important; font-weight: 400; } body .gform_wrapper.gravity-theme .gform_footer button:hover, body .gform_wrapper.gravity-theme .gform_footer input[type="submit"]:hover, body .gform_wrapper.gravity-theme .gform_footer input[type="button"]:hover, body .gform_wrapper.gravity-theme .gform_page_footer input.gform_next_button:hover, body .gform_wrapper.gravity-theme .gform_page_footer input[type="submit"]:hover {color: #E5F4DE; background-color: #2A3E2F;} body .gform_wrapper.gravity-theme .gform_validation_errors, body .gform_confirmation_message {width: 100%; padding: 8px 20px; position: relative; margin-bottom: 20px; border: none; margin-top: 0; box-shadow: none; outline: none !important; border-radius: 10px; background-color: #FF8C00; } body .gform_wrapper.gravity-theme .gform_validation_errors > h2, body .gform_confirmation_message {color: #fff; font-size: 16px; font-weight: 300; line-height: 26px; margin: 0 !important; text-transform: none; font-family: 'Akt', sans-serif; letter-spacing: 0; } body .gform_wrapper.gravity-theme .gform_validation_errors > h2 .gform-icon {display: none; } body .gform_wrapper.gravity-theme .gfield_description {width: 100%; font-family: 'Akt', sans-serif; padding-top: 6px; font-size: 14px; line-height: 22px; } body .gform_wrapper.gravity-theme .gfield_label + .gfield_description {margin-top: -7px; padding-bottom: 10px; } body .gform_wrapper.gravity-theme .gfield_validation_message {color: #F1952E; border: none; margin-top: 0px; padding: 0 !important; border-radius: 0; background-color: transparent; } body .gform_wrapper.gravity-theme .gfield.gfield_error input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), body .gform_wrapper.gravity-theme .gfield.gfield_error select, body .gform_wrapper.gravity-theme .gfield.gfield_error textarea, body .gform_wrapper.gravity-theme .gfield.gfield_error input[type="file"] {border-color: #FF8C00 !important;} body .gform_confirmation_message {color: #fff;background: #21A84F;} /* End of Gravity form css */ /* ********************** CTA page ********************** */ .page-template-cta-page header.site-header, .page-template-cta-page footer.site-footer {display: none; } body.page-template-cta-page {background-color: #456453; color: #E5F4DE; } body.page-template-cta-page a, body.page-template-cta-page h1, body.page-template-cta-page h2, body.page-template-cta-page h3, body.page-template-cta-page h4, body.page-template-cta-page h5, body.page-template-cta-page h6 {color: #E5F4DE; } body.page-template-cta-page .site-container {padding-top: 0; } body.page-template-cta-page .body-text p a,body.page-template-cta-page .body-text li a {color: #28E473;border-bottom: 1px solid #28E473;} /* CTA page Header */ .header-cta {padding: 55px 0; } .cta-header-logo {width: 160px; } .cta-close-btn {display: flex; flex-wrap: wrap; align-items: center; gap: 6px; color: #E5F4DE; font-size: 16px; line-height: normal; font-weight: 400; cursor: pointer; transform: scale(1); transform-origin: right;} .cta-close-btn:hover {transform: scale(1.1);} .cta-close-btn i {width: 16px; height: 16px; background-color: #28E473; border-radius: 50%; } /* CTA page info section */ .cta-info-section {padding: 120px 0 175px; } .cta-info-col {width: 41%; padding-left: 50px; } .cta-info-col h1 {font-size: 52px; line-height: 57px; margin-bottom: 22px; } .cta-info-detail {max-width: 432px; padding: 20px; margin-bottom: 38px; gap: 6px; border-radius: 12px; border: 0.25px solid #FFF; background: linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(218, 232, 210, 0.12) 100%); } .cta-info-detail li {font-size: 20px; line-height: 32px; gap: 17px; } .cta-info-detail li i {width: 26px; height: 26px; top: 3px; background-color: #28E473; border-radius: 50%; position: relative; } .cta-info-detail li i svg {max-width: 15px; } .cta-info-detail span {width: calc(100% - 43px); } .cta-form-col {width: calc(55% - 5px); padding: 56px; border-radius: 22px; background: rgba(255, 255, 255, 0.10); border: 0.25px solid #FFF; } .dark-bg-form {padding: 56px; border-radius: 22px; background: rgba(255, 255, 255, 0.10); border: 0.25px solid #FFF; } /* Dark bg form css */ body .dark-bg-form .gform_wrapper.gravity-theme .gfield_label {color: #E5F4DE !important;} body .dark-bg-form .gform_wrapper .gfield_label>.gfield_required {color: #E5F4DE;} body .dark-bg-form .gform_wrapper.gravity-theme .gfield input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), body .dark-bg-form .gform_wrapper.gravity-theme .gfield select, body .dark-bg-form .gform_wrapper.gravity-theme .gfield textarea, body .dark-bg-form .gform_wrapper.gravity-theme .gfield input[type="file"] {background-color: #E5F4DE;border: 1px solid #E5F4DE !important;} body .dark-bg-form .gform_wrapper.gravity-theme .gfield_checkbox label::before, body .dark-bg-form .gform_wrapper.gravity-theme .gfield_radio label::before, body .dark-bg-form .ginput_container_consent .gfield_consent_label::before {border: 1px solid #E5F4DE; background-color: #E5F4DE;} body .dark-bg-form .gform_wrapper.gravity-theme .gfield-choice-input + label, body .dark-bg-form .ginput_container_consent .gfield_consent_label {color: #E5F4DE !important;} /* ************** 404 page ************** */ .empty-section {padding: 80px 0 70px; } .empty-content h1 {font-size: 160px; line-height: 160px; } .empty-content {width: 760px; margin: 0 auto; max-width: 100%;} /* ************** Sidebar button & Overlay ************** */ .sidebar-btn {position: fixed; height: 30px; padding: 0 10px; right: 0; top: 0; bottom: 0; gap: 5px; margin: auto; border-radius: 9px 9px 0 0; background-color: #456453; transform: rotate(-90deg) scale(1) translateX(50%); transform-origin: right bottom; cursor: pointer; z-index: 9;} .sidebar-btn label {font-size: 14px; line-height: normal; color: #E5F4DE; font-weight: 400; } .sidebar-btn i {width: 80px; } .sidebar-btn:hover {background-color: #2A3E2F; transform: rotate(-90deg) scale(1.075) translateX(50%);} body.page-template-cta-page .sidebar-btn {display: none; } .sm-modal.modal { flex-wrap: wrap; justify-content: center; align-items: center; } .sm-modal.modal.fade.in {display: flex !important;} .sm-modal.modal .modal-dialog {width: 724px; } .sm-modal .modal-content {box-shadow: none; border: none; padding: 70px 85px; border-radius: 22px; background-color: #456453; } .sm-modal .cta-close-btn {position: absolute; right: 15px; top: 22px; z-index: 1;} .sm-modal-logo {width: 167px; margin-bottom: 20px; } .sm-modal-logo img {width: 100%; } .sm-modal-content .body-text {margin-bottom: 44px; } .sm-modal-content .body-text * {color: #E5F4DE !important; } /* ************** Breadcrumb css ************** */ .breadcrumb-wrap {padding: 36px 0 0; } .custom-breadcrumb {gap: 10px; } .custom-breadcrumb li {display: flex; flex-wrap: wrap; gap: 9px; align-items: center; } .custom-breadcrumb li > a,.custom-breadcrumb li > span {color: #2A3E2F; font-size: 14px; line-height: 22px;} .custom-breadcrumb li > a {display: flex; flex-wrap: wrap; align-items: center; gap: 7px; cursor: pointer; opacity: 0.5; } .custom-breadcrumb li > a:hover {opacity: 1;} /* ************************************************ */ /* ********* Responsive CSS ********* */ /* ************************************************ */ /* ********* Responsive css for Container ********* */ @media only screen and (min-width: 1320px) { .container {width: 1256px;} } /* ********* Responsive css for pages ********* */ @media only screen and (max-width: 1319px) { .container > .row {margin-left: 0;margin-right: 0;} /* Footer */ .footer-main-section {padding: 57px 70px;} .footer-logo-col {width: 26%; } .footer-logo {width: 220px; } .footer-menu-col {width: 26%; } /* Flex page */ .main-banner-section {padding-top: 60px; } .link-box-card {padding: 50px 30px;} .full-step-section .step-img {margin-left: 0;} .full-step-section .step-rev .step-img {margin-left: 0; margin-right: 0; } .boxed-step-section .step-content {padding: 50px 70px;} /* CTA page */ } @media only screen and (max-width: 1199px) { h1 {font-size: 40px;line-height: 46px;} h2 {font-size: 28px;line-height: 34px;} h3 {font-size: 22px;line-height: 28px;} h4 {font-size: 18px; line-height: 22px; } h5, h6 {font-size: 16px; line-height: 20px; } .h2-lg {font-size: 32px; line-height: 40px; } .lg-text {font-size: 18px; line-height: 30px; } /* Header */ .site-logo {width: 140px; } nav.site-menu > ul {gap: 20px;} .header-right-menu {gap: 10px; } /* Dropdown */ .main-dropdown {width: 520px; min-height: auto; padding: 25px; } .dropdown-content-col h2 {font-size: 28px; line-height: 32px; } .dropdown-links-col {width: 36%; gap: 30px; } /* Footer */ .footer-main-section {padding: 40px 30px; } .footer-top-row {padding-bottom: 30px;margin-bottom: 30px;align-items: flex-start;} .footer-logo {width: 180px; margin-bottom: 30px; } a.lg-link-text {font-size: 18px; } /* Flex page */ .mb-lg {margin-bottom: 120px; } .main-banner-section {padding-top: 50px; margin-bottom: 100px;} .banner-content-col {width: calc(50% - 7px); padding: 35px 30px 40px; gap: 100px; border-radius: 22px; } .banner-content-row {gap: 20px; } .banner-btn {gap: 10px;} .lg-btn {height: 42px; font-size: 14px; gap: 0 10px; } .primary-btn.lg-btn, .green-btn.lg-btn {padding: 0 4px 0 15px; } .primary-btn.lg-btn i, .green-btn.lg-btn i {width: 34px; height: 34px; } .primary-btn.lg-btn i svg, .green-btn.lg-btn i svg {max-width: 16px; } .usp-sm-card {width: calc(50% - 15px); } .step-content {width: calc(50% - 40px); } .step-img {width: calc(50% - 10px); height: 500px; border-radius: 16px; } .step-content > h2 + .step-btn-wrap {padding-top: 20px; } .body-text p {margin-bottom: 20px; } .step-content > .body-text {margin-bottom: 25px; } .step-usp-list {padding: 0; margin-bottom: 25px; } .step-img.show-illustration .step-illustration {opacity: 1; visibility: visible; } .full-step-section .step-section-wrap {border-radius: 16px; padding: 20px; } .full-step-section .step-img {height: 420px; width: calc(50% - 10px); } .boxed-step-section .step-content {padding: 30px 30px; min-height: 420px; border-radius: 16px; } .usp-mini-style .flex-usp-wrap {gap: 10px 25px; } .usp-card-style .usp-sm-card {min-height: 250px; padding: 25px 20px; border-radius: 16px; } .usp-card-style .usp-sm-card i {width: 86px; height: 86px; margin-bottom: 20px; } .usp-card-style .usp-sm-card i svg {max-width: 38px; } .usp-card-style .usp-sm-card-text h5 {font-size: 18px; line-height: 20px; } .functional-section-wrap {padding: 40px 20px; border-radius: 16px; } .functional-section-wrap .section-header {margin-bottom: 50px; } .section-header p {font-size: 18px; line-height: 28px; } ul.custom-tabs {gap: 20px 30px; margin-bottom: 30px; } ul.custom-tabs > li > a::after {height: 2px;} .functional-content-wrap .step-content {padding: 20px; border-radius: 16px; } .functional-content-wrap .step-img {min-height: 470px; border-radius: 16px; } .functional-content-wrap .step-img img {max-width: 65%; max-height: 65%; } .info-slide {width: 650px; padding: 30px; border-radius: 16px; } .info-slide-illustration {width: 300px; height: 300px; } .info-slide-illustration img {max-width: 270px; max-height: 260px; } .logo-content-col {width: 280px; padding-top: 20px;} .logo-card-list {width: calc(100% - 350px); } .logo-card {height: 120px; } blockquote.lg-quote {font-size: 26px; line-height: 38px; margin-bottom: 35px; } .quotee-meta span {font-size: 16px;} .quote-img-wrap {width: 66px; height: 66px; border-radius: 10px; } .quote-green-bg .quote-section-wrap {padding: 70px 50px 70px; border-radius: 16px; } .link-box-card {padding: 40px 20px; min-height: 220px; border-radius: 16px; } .link-box-card.highlight-link-box {padding: 20px 20px; } .highlight-link-box .link-card-text h4 {font-size: 21px; line-height: 24px; margin-bottom: 5px; } .highlight-link-box .link-card-text p {font-size: 14px; line-height: 22px; } .faq-wrap > h2 {margin-bottom: 20px; } .faq-text-col {width: 280px; } .faq-text-col .green-btn {margin-top: 30px; } .faq-list {width: calc(100% - 350px); } .toggle-content .body-text {padding: 18px 20px 25px; } .breadcrumb-wrap {padding: 15px 0 0; } .lavs-cta-wrap {border-radius: 16px; padding: 60px 30px; } .lavs-cta-content {width: calc(50% - 20px); } .lavs-cta-img {width: calc(50% - 20px); height: 300px; } .lavs-cta-content h2, .lavs-cta-content p {margin-bottom: 15px; } .lavs-cta-content .green-btn {margin-top: 10px; } .support-content {width: 380px; } .support-content h2 {margin-bottom: 30px; } .support-img-col {width: 390px; } .support-img-wrap {height: 220px; border-radius: 16px; } .flex-pricing-section h2.h2-lg {margin-bottom: 50px; } .flex-pricing-card {padding: 30px 25px; min-height: 360px; border-radius: 16px; } .flex-pricing-header {margin-bottom: 20px; } .flex-pricing-header p {font-size: 14px; line-height: 22px; } .green-label {height: 26px; padding: 0 10px; font-size: 10px; margin-left: 6px; } .flex-price-wrap {height: 70px;} .flex-price-wrap strong {font-size: 22px; } .flex-price-wrap strong sub {font-size: 16px; } .highlight-pricing-card::before {inset: -20px 0;} .highlight-pricing-card .flex-price-wrap {height: 90px; } .highlight-pricing-card .flex-price-wrap strong {font-size: 30px; } .highlight-pricing-card .flex-price-wrap strong sub {font-size: 18px; } strong.flex-discount-price s {right: -25px;} .more-price-info-btn {padding-top: 55px;} .cta-section-wrap {min-height: auto; padding: 40px 30px 40px; border-radius: 16px; } .cta-text-col p {font-size: 18px; line-height: 28px; } p.cta-outro-text {padding: 10px 20px 0; } .text-banner-content > p {font-size: 18px; line-height: 28px; } .text-banner-content .banner-btn {padding-top: 10px; } .flex-process-section h2 {margin-bottom: 40px; } .process-section-wrap {gap: 15px; } .process-card {padding: 25px 20px; border-radius: 16px; } .process-icon i {width: 86px; height: 86px; } .process-icon i svg {max-width: 36px; } .process-icon::before {left: -18px; width: 36px; height: 36px; font-size: 18px; } /* Sidebar overlay */ .sm-modal .modal-content {padding: 60px 65px; border-radius: 16px; } /* Pricing page */ .lg-usp-section.banner-usp-section {padding: 80px 0px 0; } .lg-usp-section .usp-sm-card i {width: 86px; height: 86px; margin-bottom: 15px; } .lg-usp-section .usp-sm-card i svg {max-width: 36px; } .lg-usp-section .usp-sm-card-text {width: 100%; } .main-pricing-section {padding: 0px 0 85px; } .package-card {padding: 30px 15px; border-radius: 16px; } .package-header {min-height: 160px; margin-bottom: 30px; } .package-header h2 {font-size: 24px; line-height: 26px; margin-bottom: 8px;} .package-header p {font-size: 14px; line-height: 22px; } .package-header .green-label {top: -4px; } .package-feature-list {margin-bottom: 30px; } .package-feature-list li {padding-left: 25px; font-size: 14px; line-height: 22px; } .package-price-explanation span {font-size: 14px; } .package-price-col strong {font-size: 22px; } .package-price-col span {font-size: 12px;} .package-btn .green-btn {height: 40px; font-size: 14px; } .package-btn {gap: 15px; min-height: 60px; } .maintain-service-section {border-radius: 16px; padding: 30px 30px 30px; } .maintain-service-section h2 {font-size: 40px; line-height: 46px; } .maintain-service-text {width: 50%; } .maintain-service-text p {font-size: 16px; line-height: 28px; } .maintain-service-content {width: 48%; } .maintain-service-price {gap: 10px; } /* Support page */ .support-banner-img {padding-top: 100px; } .support-contact-card {padding: 20px 15px; min-height: 310px; border-radius: 16px; } .support-card-head h2 {font-size: 26px; line-height: 30px; margin-bottom: 10px; } .support-card-bottom {gap: 10px; } .main-faq-section {margin-bottom: 120px; } /* Text page */ .body-text blockquote p {font-size: 26px; line-height: 38px; } .fc-image-section, .fc-video-section {height: 400px; border-radius: 16px; } /* CTA page */ .cta-info-section {padding: 80px 0 130px; } .header-cta {padding: 35px 0; } .cta-info-col {padding-left: 0; } .cta-info-col h1 {font-size: 40px; line-height: 46px; } .cta-info-detail {margin-bottom: 25px;padding: 15px;} .cta-info-detail li {font-size: 18px; line-height: 27px; } .cta-info-detail li i {top: 1px;} .dark-bg-form,.cta-form-col {padding: 30px; border-radius: 16px; } /* 404 */ .empty-content h1 {font-size: 120px; line-height: 100px; } } @media only screen and (max-width: 991px) { /* Header */ .site-container {padding-top: 68px; } .site-logo {width: 120px; } nav.site-menu > ul {gap: 12px; } nav.site-menu > ul > li > a {font-size: 13px;padding: 0 5px;height: 26px;gap: 4px;border-radius: 3px;} .header-text-btn {padding: 0; height: auto; font-size: 14px; gap: 5px; border-radius: 0; background-color: transparent !important; } .header-text-btn i {width: 10px; } .header-right-menu .primary-btn {font-size: 13px; height: 40px; padding: 0 5px 0 10px; gap: 5px;} /* Footer */ .footer-logo-col {width: 34%; } .footer-menu-col {width: 22%; } nav.footer-menu > ul {grid-template-columns: repeat(1, 1fr); } /* Flex page */ .step-content {width: calc(50% - 10px); } .usp-card-style .usp-sm-card {width: calc(50% - 9px);} .logo-card-list {width: calc(100% - 300px); } .link-box-wrap {grid-template-columns: repeat(2, 1fr); } .link-box-card.highlight-link-box::before {inset: 0;} .link-box-card.highlight-link-box {padding: 40px 20px;} .faq-list {width: calc(100% - 310px); } .support-content {width: 300px; } .flex-pricing-card {padding: 30px 15px;} /* Support page */ .support-img-card {width: 90px; height: 160px; border-radius: 10px; } .support-card-head p {font-size: 14px; line-height: 22px; } .support-card-bottom > label {font-size: 14px; line-height: 22px; } .main-faq-section .md-container > h2 {margin-bottom: 40px; margin-left: 0; } .faq-sidebar {width: 260px; } .faq-content {width: calc(100% - 280px); gap: 50px; } .faq-row > h3 {font-size: 22px; } } @media only screen and (max-width: 767px) { .header-wrap, .mobile-menu-overlay {transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;} h1 {font-size: 34px; line-height: 40px; } h2 {font-size: 24px;line-height: 30px;} h3 {font-size: 20px;line-height: 26px;} h4 {font-size: 16px; line-height: 20px; } .h2-lg {font-size: 28px; line-height: 34px; } .lg-text {font-size: 16px; line-height: 26px; } /* Header */ header.site-header {padding: 25px 0;} .site-container {padding-top: 74px; } .container {width: 100%;} .header-mobile {display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; align-items: center; } .menu-hb {display: flex; flex-wrap: wrap; align-items: center; gap: 5px; font-weight: 500; font-size: 16px; line-height: normal; cursor: pointer;} .header-wrap {position: fixed; right: 0; top: 0; height: 100vh; overflow: auto; width: 300px; flex-wrap: nowrap; background-color: #fff; padding: 60px 20px; justify-content: flex-start; flex-direction: column; align-items: flex-start; z-index: 999;transform: translateX(100%); pointer-events: none;-webkit-overflow-scrolling: touch;} .header-wrap .site-logo {display: none; } nav.site-menu {width: 100%; margin-bottom: 40px; } nav.site-menu > ul {gap: 20px; flex-direction: column; width: 100%;align-items: flex-start; } nav.site-menu > ul > li > a {font-size: 16px; padding: 0 10px; height: 30px; gap: 8px; border-radius: 5px; } nav.site-menu > ul > li > a::before {display: none;} .header-right-menu {gap: 25px; width: 100%; justify-content: flex-start; flex-direction: column; align-items: flex-start; padding: 0 10px; } .header-text-btn {font-size: 16px; gap: 7px; } .header-text-btn i {width: 12px; } .header-right-menu .primary-btn {font-size: 15px;padding: 0 5px 0 15px;} .mobile-menu-close.cta-close-btn {display: flex !important; position: absolute; right: 20px; top: 20px; color: #2A3E2F; font-size: 14px; } .mobile-menu-overlay {display: block; position: fixed; inset: 0; z-index: 99; background-color: #2A3E2F; height: 100vh; opacity: 0; visibility: hidden; pointer-events: none; } .mobile-menu-show .header-wrap {transform: translateX(0); pointer-events: auto; } .mobile-menu-show .mobile-menu-overlay {opacity: 0.5; visibility: visible; pointer-events: auto; } /* Dropdown */ .main-dropdown {width: 100%; padding: 25px 15px; position: relative; inset: 0; display: none; border-radius: 10px; } nav.site-menu > ul > li.dropdown-visible > .main-dropdown {display: flex; } .dropdown-wrap {flex-direction: column; flex-wrap: nowrap; } .dropdown-content-col {width: 100%; margin-bottom: 30px; } .dropdown-links-col {width: 100%; } .dropdown-content-col h2 {font-size: 22px; line-height: 26px; } .dropdown-content-col p {margin-bottom: 16px; } /* Footer */ .footer-logo-col {width: 100%; margin-bottom: 40px; } .footer-logo {width: 150px; margin-bottom: 20px; } .footer-main-section {padding: 30px 30px; border-radius: 16px; } .footer-menu-col {width: 100%; margin-bottom: 40px; } nav.footer-menu > ul {grid-template-columns: repeat(2, 1fr); } .footer-btn-col {width: 100%; align-items: flex-start; } .footer-btn-col h5 {margin-bottom: 15px; } .footer-bottom-row {flex-direction: column-reverse; align-items: flex-start; gap: 20px; } .footer-contact-links {gap: 15px 0px; flex-direction: column; align-items: flex-start; } .footer-privacy-content {padding: 20px 0; gap: 10px 40px; } .footer-privacy-content p {width: 100%; text-align: center; } nav.privacy-menu {width: 100%; } nav.privacy-menu > ul {gap: 10px 20px; width: 100%; justify-content: center; } /* Flex page */ .main-banner-section {padding-top: 30px; margin-bottom: 80px; } .main-banner-wrap {gap: 20px;} .banner-content-col {width: 100%; padding: 35px 20px 40px; gap: 100px; border-radius: 16px; } .banner-img-col {position: relative; width: 100%; height: 400px; border-radius: 16px; display: flex; flex-wrap: wrap; } .usp-sm-card {width: 100%; } .mb-lg {margin-bottom: 100px; } .step-img {width: 100%; height: 400px; } .step-content {width: 100%; } .step-wrap {gap: 30px; } .step-content > h2 + .step-btn-wrap {padding-top: 10px; } .full-step-section .step-section-wrap {padding: 15px 15px 30px; } .full-step-section .step-img {height: 400px; width: 100%; } .boxed-step-section .step-wrap {gap: 15px;} .boxed-step-section .step-img {width: 100%; position: relative; height: 400px;} .boxed-step-section .step-content {padding: 40px 15px; min-height: auto; width: 100%; } .usp-card-style .usp-sm-card {width: 100%; min-height: auto; } .usp-card-style .usp-sm-card i {width: 76px; height: 76px; margin-bottom: 15px; } .usp-card-style .usp-sm-card i svg {max-width: 32px; } .functional-section-wrap {padding: 30px 15px; } .functional-section-wrap .section-header {margin-bottom: 30px; } .section-header p {font-size: 16px; line-height: 24px; } ul.custom-tabs {flex-wrap: nowrap; white-space: nowrap; overflow: auto; justify-content: flex-start; align-items: flex-start; -webkit-overflow-scrolling: touch;} .functional-content-wrap.step-wrap {gap: 15px; } .functional-content-wrap .step-img {min-height: auto; height: 300px; width: 100%; } .functional-content-wrap .step-content {padding: 30px 15px; width: 100%; } .info-slide {width: 300px; padding: 30px 15px; } .info-slide-content {width: 100%; gap: 10px; } .info-slide-illustration {width: 100%; height: 190px; } .info-slide-illustration img {max-width: 80%; max-height: 80%; } .logo-content-col {width: 100%; padding-top: 0;} .logo-card-list {width: 100%; margin-top: 30px; } blockquote.lg-quote {font-size: 22px; line-height: 34px; margin-bottom: 20px; } .quotee-meta {width: calc(100% - 88px); } .quotee-meta span {font-size: 14px; display: inline-flex; } .quote-green-bg .quote-section-wrap {padding: 40px 30px 40px; border-radius: 16px; } .link-box-wrap {grid-template-columns: repeat(1, 1fr);} .link-box-card {padding: 30px 20px; min-height: auto; } .faq-wrap > h2 {margin-bottom: 15px; } .faq-text-col {width: 100%; margin-bottom: 30px; } .faq-text-col .green-btn {margin-top: 20px; } .faq-list {width: 100%;} .toggle-title h5 {line-height: 22px; } .lavs-cta-wrap {border-radius: 16px; padding: 40px 15px; } .lavs-cta-content {width: 100%; margin-bottom: 40px; } .lavs-cta-img {width: 100%; height: auto; } .support-content {width: 100%; margin-bottom: 50px; } .support-img-col {width: 320px; } .flex-pricing-section h2.h2-lg {margin-bottom: 30px; } .flex-pricing-wrap {grid-template-columns: repeat(1, 1fr); } .highlight-pricing-card::before {inset: 0; } .flex-pricing-card {padding: 30px 15px !important; min-height: auto; } .more-price-info-btn {padding-top: 30px; } .cta-section-wrap {padding: 30px 15px; } .cta-section-wrap h2.h2-lg {margin-bottom: 30px;} .cta-text-col {width: 100%; margin-bottom: 20px; } p.cta-outro-text {padding: 10px 0px 0; } .text-banner-content > p {font-size: 16px; line-height: 26px; } .flex-process-section h2 {margin-bottom: 30px; } .process-section-wrap {grid-template-columns: repeat(1, 1fr); } /* Sidebar overlay */ .sidebar-btn {transform: rotate(-90deg) scale(0.8) translateX(50%);} .sidebar-btn:hover {transform: rotate(-90deg) scale(0.9) translateX(50%); } .sm-modal .modal-content {padding: 70px 25px 40px; } .sm-modal-logo {width: 140px; } .sm-modal-content .body-text {margin-bottom: 30px; } /* Pricing page */ .lg-usp-section.banner-usp-section {padding: 60px 0px 0; gap: 40px 0; justify-content: space-between;} .lg-usp-section .usp-sm-card {width: calc(50% - 10px); padding: 0; } .lg-usp-section .usp-sm-card i {width: 66px; height: 66px;} .lg-usp-section .usp-sm-card i svg {max-width: 24px; } .main-pricing-wrap {gap: 10px; display: flex; flex-wrap: nowrap; white-space: nowrap; overflow: auto; width: calc(100% + 30px); margin-left: -15px; padding: 0 15px; -webkit-overflow-scrolling: touch; } .package-card {flex: 0 0 300px; white-space: normal; } .maintain-service-section {padding: 30px 15px 30px; margin-bottom: 10px; } .maintain-service-section h2 {font-size: 30px; line-height: 32px; margin-bottom: 16px;} .maintain-service-text {width: 100%; margin-bottom: 30px; } .maintain-service-content {width: 100%; } /* Support page */ .support-banner-img {padding-top: 60px; max-width: 330px; margin: 0 auto; } .support-img-card:nth-child(2n) {margin-top: 0; } .support-contact-wrap {grid-template-columns: repeat(1, 1fr); gap: 10px; } .support-card-head h2 {font-size: 22px; line-height: 28px; } .support-contact-card {min-height: auto; } .main-faq-section .md-container > h2 {margin-bottom: 30px;} .faq-sidebar {width: 100%; margin-bottom: 40px; } .faq-nav-link::before {left: 0;} .faq-nav-link {padding-left: 20px;} .faq-content {width: 100%; } .main-faq-section {margin-bottom: 80px; } /* Text page */ .body-text ul > li::after, .step-usp-list li::after {top: 3px;} .body-text blockquote p {font-size: 22px; line-height: 34px; } i.video-play-btn{width: 70px; height: 70px; } i.video-play-btn svg {width: 50px; } .video-close {right: 0;top: -50px;} /* CTA page */ .cta-header-logo {width: 130px; } .cta-info-col {width: 100%; margin-bottom: 50px; } .cta-info-section {padding: 50px 0 50px; } .dark-bg-form, .cta-form-col {padding: 40px 15px 40px; width: 100%; } /* 404 */ .empty-section {padding: 60px 0 70px; } .empty-content h1 {font-size: 100px; line-height: 80px; } } /* Platform hero: keep labels and icons aligned at every available width. */ .page-id-155 .main-banner-section .banner-btn { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); grid-auto-rows: 1fr; gap: 12px; width: 100%; } .page-id-155 .main-banner-section .banner-btn > a { display: flex; flex-wrap: nowrap; align-items: center; justify-content: center; gap: 10px; min-width: 0; width: 100%; height: auto; min-height: 52px; padding: 8px 14px; box-sizing: border-box; text-align: center; } .page-id-155 .main-banner-section .banner-btn > a > span { min-width: 0; line-height: 1.3; } .page-id-155 .main-banner-section .banner-btn > a > i { flex-shrink: 0; margin: 0; }