/* Theme Name: FTV Author: BUROTIJS - digitale denkers + digitale makers Author URI: https://burotijs.nl/ Description: This is the child theme for the FTV website Version: 1.0 Template: burotijs */ /* 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: 'Karla-Regular'; src: url('fonts/Karla-Regular.eot'); src: url('fonts/Karla-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/Karla-Regular.woff2') format('woff2'), url('fonts/Karla-Regular.woff') format('woff'), url('fonts/Karla-Regular.ttf') format('truetype'), url('fonts/Karla-Regular.svg#Karla-Regular') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Karla-Medium'; src: url('fonts/Karla-Medium.eot'); src: url('fonts/Karla-Medium.eot?#iefix') format('embedded-opentype'), url('fonts/Karla-Medium.woff2') format('woff2'), url('fonts/Karla-Medium.woff') format('woff'), url('fonts/Karla-Medium.ttf') format('truetype'), url('fonts/Karla-Medium.svg#Karla-Medium') format('svg'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Safiro-Medium'; src: url('fonts/Safiro-Medium.eot'); src: url('fonts/Safiro-Medium.eot?#iefix') format('embedded-opentype'), url('fonts/Safiro-Medium.woff2') format('woff2'), url('fonts/Safiro-Medium.woff') format('woff'), url('fonts/Safiro-Medium.ttf') format('truetype'), url('fonts/Safiro-Medium.svg#Safiro-Medium') format('svg'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Safiro-Bold'; src: url('fonts/safiro-bold.eot'); src: url('fonts/safiro-bold.eot?#iefix') format('embedded-opentype'), url('fonts/safiro-bold.woff2') format('woff2'), url('fonts/safiro-bold.woff') format('woff'), url('fonts/safiro-bold.ttf') format('truetype'), url('fonts/safiro-bold.svg#Safiro-Bold') format('svg'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Safiro-Semibold'; src: url('fonts/safiro-semibold.eot'); src: url('fonts/safiro-semibold.eot?#iefix') format('embedded-opentype'), url('fonts/safiro-semibold.woff2') format('woff2'), url('fonts/safiro-semibold.woff') format('woff'), url('fonts/safiro-semibold.ttf') format('truetype'), url('fonts/safiro-semibold.svg#Safiro-Semibold') format('svg'); font-weight: normal; 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: 18px;line-height: 27px; color: #003231;font-family: 'Karla-Medium';background-color: #EFF8F7; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;padding-top: 0px;padding-right: 0 !important;} 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;font-weight: normal;} ul,ol {list-style-type: none;margin-bottom: 0px;} input,textarea,select,input[type="text"], input[type="email"], input[type="button"], button[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%;} label {font-weight: normal;margin-bottom: 0;cursor: inherit;} i {font-style: normal;} picture > img {width: 100%; height: 100%; object-fit: cover; } #tslOverlay {z-index: 999999 !important;} ::-moz-selection {background:#003231;color: #fff;} ::selection {background:#003231;color: #fff;} ::-webkit-input-placeholder {color: #D7F6F3;} :-moz-placeholder { /* Firefox 18- */color: #D7F6F3;opacity: 1;} ::-moz-placeholder { /* Firefox 19+ */color: #D7F6F3;opacity: 1;} :-ms-input-placeholder {color: #D7F6F3;} /* End of reset css */ /* Common css */ .footer-menu ul a,.banner-video picture,.panel-group .panel > i,.panel-group .panel > i svg,.outro-text p a,.border-btn,.border-btn svg path,.video-title h5 > span,.video-content i,.video-content i svg path,.video-close svg,.panel-title > a span,.icon-link,.icon-link svg path,.team-img picture,.social-links a,.social-links a svg path,.support-card,.sm-close-btn,.splide__pagination__page,.partner-new-section .partner-logo-list li::after,.about-img-wrap,.story-slide picture,.main-menu > div > ul > li > a,.lang-nl-menu .gtranslate_wrapper a.glink,.requirement-card,.text-link,.contact-links a,body .gform_wrapper.gravity-theme .gform_footer button[type="submit"], body .gform_wrapper.gravity-theme .gform_footer input[type="button"],.founder-story-img picture img,.simple-icon-link span,.flex-media-section picture,.flex-media-section .video-content,.news-card-lg picture img,.news-card-title h4 span,.body-text a,.menu-wrap,.custom-filter .custom-filter-label,.body-text li a, .icon-text-link span,.splide__arrow,.image-caption-wrap a, .founding-member-contact {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;} section,h1,h2,h3,h4,h5,h6,p {float: left;width: 100%;} h1,h2,h3,h4,h5,h6 {font-family: 'Safiro-Bold';color: #003231} h1 {font-size: 65px;line-height: 65px;} h2 {font-size: 36px; line-height: 44px;} h3 {font-size: 29px; line-height: 35px;} h4 {font-size: 26px; line-height: normal;} h5 {font-size: 20px; line-height: normal;} h6 {font-size: 16px; line-height: normal;} h2.lg-h2 {font-size: 46px; line-height: 55px;} h2.sm-2 {font-size: 34px; line-height: 40px;} h6.sm-title {letter-spacing: 0.8px; color: #00D2BC; text-transform: uppercase; } p.lg-p {font-size: 26px; line-height: 40px;} .md-p {font-size: 20px; line-height: 32px;} a {color:#00D2BC;} b, strong {font-weight: normal;} .fl {float: left;} .fw {width: 100%;} .fh {height: 100%;} .d-flex {display: flex;flex-wrap: wrap;} .jc-sb {justify-content: space-between;} .jc-center {justify-content: center;} .ai-center {align-items: center;} .ab-cover {position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .row.d-flex::before,.row.d-flex::after {display: none;} .row.new-row {margin-left: -20px; margin-right: -20px; } .row.new-row div[class^="col-"] {padding-right: 20px; padding-left: 20px; } .slick-slide img {display: inline;} a.link-cover {position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 11; } body.scroll-hidden {overflow-y: hidden; } .border-btn {display: flex; padding: 0 20px 0 15px; height: 44px; font-size: 16px; letter-spacing: 0.8px; flex-wrap: wrap; gap: 10px; border-radius: 5px; border: 1.5px solid #00D2BC; font-family: 'Safiro-Bold'; align-items: center; color: #D7F6F3; text-transform: uppercase; cursor: pointer; } .border-btn i {display: flex;} .border-btn:hover {color: #001E1E; background-color: #fff; border-color: #fff; } .border-btn:hover svg path{fill: #001E1E;} .border-btn.solid-btn {background-color: #FFFFFF; border-color: #FFF; color: #001E1E; } .border-btn.solid-btn:hover {background-color: transparent;} .border-btn.solid-btn:hover i svg path {fill: #D7F6F3;} .border-btn.white-border-btn {border-color: #fff; color: #001E1E; } .border-btn.dark-btn {background-color: #00D2BC; border-color: #00D2BC; color: #001E1E;} .border-btn.dark-btn:hover {background-color: #00ADA5;border-color: #00ADA5;} .border-btn.dark-btn:hover i svg path {fill: #D7F6F3;} .border-btn.light-border-btn {color: #001E1E; } .border-btn.light-border-btn:hover {background-color: #00D2BC; border-color: #00D2BC; } .text-link {color: #001E1E; font-size: 16px; line-height: normal; font-family: 'Safiro-Bold'; text-transform: uppercase; letter-spacing: 0.8px; cursor: pointer; border-bottom: 2px solid transparent; } .text-link:hover {border-bottom-color: #001E1E;} .icon-link {position: absolute; right: 20px; bottom: 20px; width: 52px; height: 52px; background-color: #D7F6F3; border-radius: 50%; cursor: pointer; } .icon-link:hover,.icon-hover:hover .icon-link{background-color: #003231;} .icon-link:hover svg path,.icon-hover:hover .icon-link svg path {fill: #fff;} .icon-text-link {display: flex; flex-wrap: wrap; align-items: center; gap: 13px; color: #001E1E; font-size: 16px; line-height: normal; font-family: 'Safiro-Bold'; text-transform: uppercase; letter-spacing: 0.8px; cursor: pointer; } .icon-text-link i {display: flex; } .icon-text-link span {border-bottom: 2px solid transparent;} .icon-text-link:hover span {border-bottom-color: #001E1E;} .lg-container,.md-container {margin: 0 auto; max-width: 100%;} .lg-container {width: 1264px; } .md-container {width: 1006px;} /* ****************************************************** */ /* ********************** Main css ********************** */ /* ****************************************************** */ /* ********************** Header ********************** */ header.site-header {position: absolute; z-index: 999; width: 100%; top: 26px; left: 0; padding-top: 67px; } .site-logo {width: 294px;transform: translateX(-90px); } .site-menu-btn {display: none;} .lang-nl-menu .gtranslate_wrapper {display: flex; padding: 4px; gap: 4px; width: 92px; height: 35px; flex-wrap: wrap; align-items: center; justify-content: center; border-radius: 5px; background-color: #D7F6F3; } .lang-nl-menu .gtranslate_wrapper a.glink {width: 40px; height: 27px; display: flex; justify-content: center; align-items: center; font-size: 16px; font-family: 'Safiro-Bold'; letter-spacing: 0.8px; text-transform: uppercase; border-radius: 4px; background-color: transparent; color: #001E1E; transform: scale(1); } .lang-nl-menu .gtranslate_wrapper a.glink.gt-current-lang { background-color: #00D2BC; color: #003231; transform: scale(1) !important;} .lang-nl-menu .gtranslate_wrapper a.glink:hover {transform: scale(1.1);} .menu-wrap {gap: inherit;} .main-menu > div {float: left; } .main-menu > div > ul {display: flex; flex-wrap: wrap; gap: 33px; } .main-menu > div > ul > li > a {color: #D7F6F3; float: left; font-size: 16px; line-height: normal; font-family: 'Safiro-Bold'; letter-spacing: 0.8px; text-transform: uppercase; cursor: pointer; border-bottom: 1px solid transparent;} .main-menu > div > ul > li > a:hover, .main-menu > div > ul > li.current-menu-item > a {border-bottom-color: #D7F6F3;} .mobile-menu-icon {display: none; } /* body.home .site-menu-btn .border-btn, body.home .site-menu-btn .main-menu, body.home .mobile-menu-icon {display: none !important; } */ /* ********************** Footer ********************** */ footer.site-footer {position: relative; padding: 190px 0 30px; } footer.site-footer::after {content: ""; position: absolute; left: 26px; right: 26px; top: 0px; background-color: #fff; bottom: 0; z-index: -1; border-radius: 30px 30px 0px 0px; pointer-events: none; } .cta-bottom-section {margin-bottom: -200px; padding-top: 145px; position: relative; z-index: 1;} .footer-cta {padding: 51px 50px 50px; background-color: #00D2BC; border-radius: 13px;} .cta-content-col {width: 900px;} .cta-content-col h2 {font-size: 36px; line-height: 40px; margin-bottom: 13px; } .cta-content-col p {margin-bottom: 32px; } .cta-content-col .btn-wrap {gap: 30px; } .cta-person-col {float: right; width: 215px; margin-top: -6px;} .cta-person-img {float: right; width: 96px; height: 96px; border-radius: 18px; overflow: hidden; margin-bottom: 20px; } .cta-person-img img {object-fit: cover; } .cta-person-title {float: right; width: 100%; } .cta-person-title h5 {margin-bottom: 4px; } .cta-person-title h6 {font-family: 'Safiro-Medium'; } .social-links {gap: 10px; margin-right: 40px; } .social-links a {width: 50px; height: 50px; background-color: #003231; border-radius: 50%;} .social-links a:hover {background-color: #00D2BC;} .social-links a:hover svg path {fill: #003231} .footer-links-col > p {width: auto; margin-right: 40px; } .footer-links-col > p, .footer-menu ul a {font-size: 16px; line-height: 26px; } .footer-menu ul {display: flex; flex-wrap: wrap; gap: 40px; } .footer-menu ul a {border-bottom: 1px solid #003231; color: #003231;} .footer-menu ul a:hover {border-bottom-color: transparent;} .footer-logo-col {gap: 50px; } .footer-logo img {width: auto; max-height: 64px; } /* ********************** Home ********************** */ .home-banner {padding: 295px 0 0; margin-bottom: 200px;} .bg-dark,.bg-light {position: relative;z-index: 1;} .bg-dark::after,.bg-light::after {content: ""; position: absolute; left: 26px; right: 26px; top: 26px; height: 100%; border-radius: 30px; z-index: -1;pointer-events: none;} .bg-dark::after {background-color: #001E1E;} .bg-light::after {background-color: #D7F6F3;} .home-banner.bg-dark::after {height: calc(100% - 434px);} .banner-content {margin-bottom: 70px;} .banner-title-col {width: calc(45% - 15px); } .border-label {padding: 0 10px; border-radius: 5px; border: 1.5px solid #00696D; height: 31px; color: #fff; font-size: 16px; line-height: normal; letter-spacing: 0.8px; text-transform: uppercase; margin-bottom: 20px; font-family: 'Safiro-Bold'; } .banner-title-col h1 {color: #D7F6F3;padding-right: 30px;} .banner-title-col h1 span {color: #00D2BC;white-space: nowrap;} .title-scroll {overflow: hidden;height:70px;} .scroll-words,.title-scroll span {height: inherit;} .scroll-words {transition: transform 0.6s linear;} .banner-text-col {float: right; width: calc(40% - 32px); padding-right: 10px; margin-top: 53px; margin-right: 175px; } .banner-text-col p.lg-p, .banner-text-col .lg-p{color: #D7F6F3;} .banner-media-col {align-items: flex-end; } .banner-image {width: 843px; height: 849px; border-radius: 40px; overflow: hidden; position: relative;} .banner-image::after {content: ""; position: absolute; right: 138px; top: 138px; width: 138px; height: 138px; border-radius: 25px; background-color: #001E1E; z-index: 1; pointer-events: none; } .shape-rt {position: absolute; right: -2px; top: -10px; z-index: 1; pointer-events: none; } .shape-bottom2 {position: absolute; right: 115px; bottom: 0; pointer-events: none; } .banner-video {width: 400px; height: 600px; position: relative; overflow: hidden; border-radius: 12px; cursor: pointer;} /* Image corner css */ .image-corner {position: absolute; width: 64px; height: 64px; background-color: #001E1E; pointer-events: none; z-index: 1; } .corner-shape {position: absolute; } .corner-lt {left: 0; top: 0; } .corner-lt.b12 {border-radius: 0 0 12px 0;} .b12 .corner-shape {width: 12px; height: 12px; } .corner-lt.b12 .corner-shape:nth-child(1) {right: -12px;top: 0;} .corner-lt.b12 .corner-shape:nth-child(2) {left: 0;bottom: -12px;} /* End of Image corner css */ .video-content {position: absolute; padding: 35px; left: 0; bottom: 0; gap: 22px; z-index: 1; } .video-content i {width: 53px; height: 53px; padding-left: 6px; background-color: #fff; border-radius: 50%; } .banner-video:hover .video-content i {background-color: #00D2BC;} .banner-video:hover .video-content i svg path{fill: #fff;} .video-title {width: calc(100% - 75px);} .video-title h5 {font-size: 22px; line-height: 32px; color: #D7F6F3; font-family: 'Safiro-Semibold'; } .video-title h5 > span {border-bottom: 1.5px solid transparent; } .banner-video:hover .video-title h5 > span {border-bottom-color: #D7F6F3; } .video-title > span {font-size: 17px; line-height: normal; font-family: 'Karla-Regular'; color: #D7F6F3; } /* 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;} #videomodal .modal-content, .video-box {float: left; width: 100%; } .video-close {position: absolute; right: -28px; top: -28px; width: 54px; height: 54px; background-color: #D7F6F3; z-index: 1; border-radius: 50%; display: flex; justify-content: center; align-items: center; cursor: pointer; } .video-close svg {transform: rotate(45deg); } .video-close:hover svg {transform: rotate(135deg); } .video-box {height: auto; padding-top: 56.25%; position: relative;background-color:#000; } .video-box > iframe {height: 100%; width: 100%; position: absolute; top: 0; left: 0; right: 0; } .video-box video {height: 100%; width: 100%; position: absolute; top: 0; left: 0; right: 0; } .modal-overlay-inside {position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .modal-backdrop {background-color: rgba(0, 105, 109, 0.5);} .modal-backdrop.in {filter: alpha(opacity=100);opacity: 1;} /* Intro section */ .intro-section {margin-bottom: 174px; } .intro-wrap {column-gap: 148px; } .intro-wrap .title-part {width: 365px; margin-left: auto; } .title-part .sm-title {margin-bottom: 8px; } .title-part h2 {margin-bottom: 25px; } .intro-text-col {width: 616px; margin-right: 133px; padding-top: 22px; } .body-text p {margin-bottom: 26px; } .body-text :last-child {margin-bottom: 0; } .title-part :last-child {margin-bottom: 0; } /* Logo section */ .partner-logo-section {margin-bottom: 145px; } .partner-logo-section h2 {margin-bottom: 75px;} .partner-logo-list {gap: 20px; } .partner-logo-list li {width: 24%; height: 220px; border-radius: 43px; background-color: #fff;} .partner-logo-list li img {max-width: 200px; max-height: 150px; } /* Fact section */ .fact-section {padding: 0 0 80px;position: relative;margin-bottom: 25px;} .grid-box {position: absolute; left: 26px; right: 26px; top: 128px; bottom: 0; border-radius: 19px; z-index: -1; pointer-events: none; background-color: #001E1E; background-image: url("images/pattern-dark.svg"); background-size: 93px; background-position: 48px 48px; } .grid-box i {position: absolute;pointer-events: none;} .grid-lt {left: 0; top: 0; } .grid-lb {left: 0; bottom: 0; } .grid-lb2 {left: 186px; bottom: 0; } .grid-lb3 {left: 372px; bottom: 93px; } .grid-box i img {width: 100%; max-width: initial; } .fact-banner {width: 878px; height: 502px; border-radius: 43px; overflow: hidden; margin-bottom: 94px; position: relative;} .fact-wrap .title-part {width: 640px; padding-top: 12px;} .fact-wrap .title-part h2 {color: #D7F6F3; } .fact-list-col {width: 622px; margin-right: 133px; } .fact-list {margin-bottom: 33px; } .fact-list li {padding: 20px 20px; background-color: #00D2BC; border-radius: 13px; margin-bottom: 26px; } .fact-list li:last-child {margin-bottom: 0; } .fact-list li h3 {margin-bottom: 9px;} .fact-list li p {color: #00696D; } .fact-list-col .btn-wrap {justify-content: right; } /* Toggle section */ .faq-section {padding: 173px 0; } .faq-section .title-part {margin-bottom: 40px; padding-right: 127px; } .faq-wrap {margin-bottom: 35px; } /* FAQ */ .panel-group {margin-bottom: 0;} .panel-group .panel {float: left; width: 100%; margin-bottom: 15px !important; margin-top: 0 !important; border-radius: 13px !important; background-color: #fff; border: none !important; box-shadow: none; position: relative;} .panel-group .panel:last-child {margin-bottom: 0 !important;} .panel-default > .panel-heading {float: left; width: 100%; padding: 0; border-radius: 0; background-color: transparent; border: none; } .panel-title {font-size: 28px; line-height: normal; margin-bottom: 0 !important; letter-spacing: 0; font-family: 'Safiro-Semibold'; } .panel-title > a {float: left; width: 100%; padding: 25px 100px 22px 20px; position: relative; color: #003231; } .panel-title > a.collapsed {color: #003231; } .panel-title > a span {border-bottom: 1.5px solid transparent; } .panel-title > a:hover span {border-bottom-color:#003231; } .panel-group .panel > i {position: absolute; width: 18px; height: 20px; bottom: 28px; right: 20px; z-index: 1; transform: rotate(0deg); display: flex; flex-wrap: wrap; justify-content: center; align-items: center; } .panel-group .panel > i svg {position: absolute; } .panel-collapse[aria-expanded="true"] + i {transform: rotate(180deg); } .icon-minus {opacity: 0; } .panel-collapse[aria-expanded="true"] + i .icon-plus {opacity: 0;} .panel-collapse[aria-expanded="true"] + i .icon-minus{opacity: 1} .panel-title > a.collapsed i {transform: rotate(0deg); } .panel-collapse {float: left; width: 100%; margin-top: -11px; position: relative; } .panel-default > .panel-heading + .panel-collapse > .panel-body {border: none !important; float: left; width: 100%; padding: 0px 70px 20px 20px; margin-top: 0px; } .outro-text {max-width: 490px; } .outro-text p {font-family: 'Karla-Regular'; } .outro-text p a {color: #00D2BC; border-bottom: 1px solid #00D2BC; font-family: 'Karla-Medium'; } .outro-text p a:hover {border-bottom-color: transparent;} /* Team section */ .team-section {padding: 165px 0;} .team-section.bg-light::after,.bg-pattern::after {top: 0; background-image: url("images/pattern-white.svg"); background-size: 93px; background-position: 47px 47px; border-radius: 17px; } .team-wrap .row.new-row {margin-left: -25px; margin-right: -25px; } .team-wrap .row.new-row div[class^="col-"] {padding-right: 25px; padding-left: 25px; } .team-wrap .row {row-gap: 90px; } .team-card-content {max-width: 450px; } .team-card-content h2 {font-size: 60px; line-height: 55px; margin-bottom: 26px; padding-right: 30px; } .team-card {position: relative; border-radius: 18px; overflow: hidden; } .team-img {height: 350px; position: relative; border-radius: 18px; overflow: hidden; } .team-img picture {transform: scale(1.0);} .team-card:hover .team-img picture {transform: scale(1.05);} .team-img picture img {object-position: top; } .team-member-meta {padding: 30px 30px 70px 30px; height: calc(100% - 350px); background-color: #fff; border-radius: 18px; overflow: hidden; position: relative; } .team-member-meta h3 {margin-bottom: 9px; } .team-member-meta h4 {font-family: 'Safiro-Medium'; } .team-img::after {content: ""; position: absolute; bottom: -14px; background-repeat: no-repeat; background-size: cover;} .col-team:nth-child(5n+2) .team-img::after {right: -1px; width: 214px; height: 147px; background-image: url("images/card-pattern1.svg"); } .col-team:nth-child(5n+3) .team-img::after {left: 0px; width: 77px; height: 77px; background-image: url("images/card-pattern2.svg"); } .col-team:nth-child(5n+4) .team-img::after {left: 45px; width: 210px; height: 210px; background-image: url("images/card-pattern3.svg"); } .col-team:nth-child(5n+5) .team-img::after {right: 60px; width: 94px; height: 82px; background-image: url("images/card-pattern4.svg"); } .col-team:nth-child(5n+6) .team-img::after {right: 50px; width: 133px; height: 133px; background-image: url("images/card-pattern5.svg"); } .sp-el-section {height: 100vh;display: flex;justify-content: center;align-items: center;} /* ********************** 404 page ********************** */ .error404 footer.site-footer {padding-top: 60px; margin-top: 100px; } .empty-section {padding: 295px 0px 170px; position: relative; } .empty-content {max-width: 800px; margin: 0 auto; width: 100%; } .empty-section * {color: #fff; text-align: center; } .empty-section p a {color: #fff; border-bottom-color: #fff; } .empty-section h1 {font-size: 140px; line-height: 140px; margin-bottom: 15px; } .empty-section .btn-wrap a {width: max-content; margin: 0 auto; } .empty-section .btn-wrap a span {color: inherit; } .empty-section .btn-wrap a:hover {color: #fff; } .body-text h3,.body-text h4,.body-text h5,.body-text h6 {margin-bottom: 20px; } /* ********************** New home page ********************** */ .home-simple-banner {padding-top: 260px; margin-bottom: 170px; } .home-simple-banner.bg-dark::after {height: calc(100% - 458px);} .home-simple-banner .banner-title-col {width: calc(70% - 32px); padding-top: 70px;} .home-simple-banner .banner-content {position: relative; z-index: 1; margin-bottom: 162px; } .home-simple-banner .banner-content .banner-image {width: 700px; height: 885px; /*position: absolute; right: 0; top: 0; z-index: -1;*/ } .home-simple-banner .banner-image::after {display: none;} .home-simple-banner .banner-video {width: 440px; height: 632px; border-radius: 40px; margin-left: 128px; } .shape-lt {position: absolute; left: 0; top: 0; z-index: 1; pointer-events: none; } /* Simple face section */ .simple-fact-section .title-part {width: 495px;} .simple-fact-section .fact-list-col {float: right; margin-right: 0;} .title-part p {margin-bottom: 20px; } .title-part .border-btn {margin-top: 28px; } .fact-list.white-bg-list li {background-color: #FFFFFF; } .fact-list.white-bg-list li p {color: #003231;} /* Scroll text section */ .scroll-animation {display: flex; width: 100%; flex-wrap: nowrap; white-space: nowrap; overflow: hidden; } .scroll-animation ul {display: flex; animation: slide-left 30s linear infinite; } .scroll-section .scroll-animation:nth-child(2) ul {animation-name: slide-right; animation-duration: 50s; } .scroll-animation ul li {display: flex; } .scroll-animation h3 {font-size: 175px; line-height: 170px; color: #00D2BC; opacity: 0.3; font-family: 'Safiro-Semibold'; } @keyframes slide-left {from {-webkit-transform: translateX(0); transform: translateX(0) } to {-webkit-transform: translateX(-100%); transform: translateX(-100%) } } @keyframes slide-right {from {-webkit-transform: translateX(-100%); transform: translateX(-100%) } to {-webkit-transform: translateX(0); transform: translateX(0) } } /* New logo section */ .partner-new-section {padding: 137px 0 195px; } .partner-new-section .title-part {width: 65%; margin-bottom: 80px; } .title-part h2.sm-2 {margin-top: 4px; } .partner-new-section .partner-logo-list {gap: 100px; } .partner-new-section .partner-logo-list li {width: 226px; height: 226px; transform: rotate(45deg); background-color: transparent; position: relative;} .partner-new-section .partner-logo-list li::after {content: ""; position: absolute; left: 0; width: inherit; top: 0; height: inherit; background-color: #fff; border-radius: inherit; z-index: -1; } .partner-new-section .partner-logo-list li:hover::after {transform: scale(1.1);} .partner-new-section .partner-logo-list li img {max-width: 182px; max-height: 133px; transform: rotate(-45deg);} /* About section */ .about-new-section {padding: 195px 0; margin-bottom: 25px;overflow: hidden;} .about-new-section::after {top: 0 !important; } .bg-dark2::after {background-color: #003231; } .about-section-img {width: 514px; height: 647px; border-radius: 36px; overflow: hidden; position: relative; } .about-img-wrap {position: absolute; left: 0; top: 0; opacity: 0; visibility: hidden;pointer-events: none;} .about-img-wrap.active {opacity: 1;visibility: visible;pointer-events: auto;} .about-img-title {position: absolute; left: 26px; right: 26px; top: 26px; bottom: 26px; border: 36px solid #00A39A; border-radius: 10px; z-index: 1;} .about-img-title h3 {background-color: #00A39A; width: 260px; color: #fff; font-family: 'Safiro-Semibold'; font-size: 38px; line-height: normal; padding-bottom: 23px; margin-top: -6px; } .about-img-title h3 > span {color: #013330; } .about-new-section .title-part {width: 620px; } .light-title h2,.light-title p {color: #D7F6F3; } .about-new-section .title-part h2 {max-width: 514px;} .about-new-section .title-part p {max-width: 595px; } .about-bg-shape-top {position: absolute; right: 130px; top: 0px; pointer-events: none; } .about-bg-shape-bottom {position: absolute; right: 133px; bottom: -9px; pointer-events: none; } /* Target Section */ .target-section {padding: 170px 0; } .target-section .title-part {margin-bottom: 50px; } .tg-card {background-color: #fff; padding: 43px 36px 41px; border-radius: 36px; overflow: hidden; align-content: space-between; } .tg-title {margin-bottom: 60px; } .tg-title h2 {margin-bottom: 13px; font-size: 29px; line-height: 35px; } .tg-title p {padding-right: 20px; } .tg-character-wrap h5 {font-size: 18px; margin-bottom: 8px; } .tg-character-list li {float: left; width: 100%; margin-bottom: 8px; position: relative; padding-left: 37px; } .tg-character-list li:last-child {margin-bottom: 0; } .tg-character-list li::before {content: "+"; position: absolute; left: 0; top: -2px; font-size: 28px; color: #00D2BC; } /* Goal section */ .goal-section {padding: 170px 0 100px; } .goal-section .title-part {max-width: 622px; margin-bottom: 58px; } .goal-card {background-color: #fff; padding: 50px 50px 34px; border-radius: 13px; width: calc(50% - 11px); } .goal-card > h2 > span {color: #00696D; margin: 0 5px; } .goal-card > span {font-size: 22px; line-height: normal; } .goal-progress {height: 60px; position: relative; overflow: hidden; background-color: #D7F6F3; border-radius: 30px; margin-top: 31px; } .goal-progress .inner-bar {position: absolute; left: 0; top: 0; bottom: 0; border-radius: 30px;background-color: #00D2BC; transition: width 1s ease;width: 0;} .goal-progress small {position: absolute; right: 40px; top: 17px; font-size: 22px; line-height: normal; font-family: 'Safiro-Bold'; z-index: 1; } /* Support section */ .support-section {padding: 140px 0; } .support-section .title-part {width: 527px; } .support-card-list {width: 620px; row-gap: 20px; } .support-card {width: calc(50% - 10px); height: 283px; background-color: #fff; padding: 40px 40px; border-radius: 13px; position: relative; cursor: pointer;} .support-card:first-child {width: 100%; } .support-card:hover {background-color: #D7F6F3} .support-card .icon-plus {position: absolute; right: 40px; bottom: 40px; display: flex; } /* Support Modal */ .common-modal .modal-dialog {display: flex; flex-wrap: wrap; width: 1728px; height: calc(100vh - 52px); max-width: calc(100% - 52px); margin: 26px auto 0; border-radius: 36px; background-color: #001E1E; box-shadow: 0px 4px 44px 0px rgba(0, 0, 0, 0.05); overflow: hidden; } .common-modal .modal-content {box-shadow: none; background-color: transparent; border: none; border-radius: 0; width: 100%; height: 100%; padding: 60px;} .sm-close-btn {position: absolute; right: 52px; top: 52px; cursor: pointer; z-index: 1; display: flex; transform: rotate(0deg); } .sm-close-btn:hover {transform: rotate(180deg);} .modal-img {position: absolute; width: calc(50% - 120px); left: 60px; top: 60px; bottom: 60px; border-radius: 36px; overflow: hidden; } .modal-text {float: right; width: 50%; padding: 66px 110px 66px 38px; height: 100%; overflow: auto; -webkit-overflow-scrolling: touch; } .modal-text{-ms-overflow-style: none; /* for Internet Explorer, Edge */ scrollbar-width: none; /* for Firefox */ } .modal-text::-webkit-scrollbar{display: none; /* for Chrome, Safari, and Opera */ } .modal-text > h2 {color: #00D2BC; margin-bottom: 30px; } .modal-text > p {color: #00D2BC; font-family: 'Karla-Medium'; margin-bottom: 35px; } .modal-text .body-text * {color: #D7F6F3; } /* Story section */ .story-section {padding-bottom: 100px; overflow: hidden;} .story-section-header{margin-bottom: 56px;align-items: flex-end;} .story-section-header .border-btn,.cta-partner-section .border-btn {color: #001E1E; } .story-section-header .border-btn:hover,.cta-partner-section .border-btn:hover {color: #fff;background-color:#00D2BC;} .story-section-header .border-btn:hover path,.cta-partner-section .border-btn:hover path{fill: #fff;} .story-slide {width: 100%; height: 750px; border-radius: 36px; overflow: hidden; position: relative; margin-right: 35px;z-index: 1;} .story-slide::before {content: ""; position: absolute; inset: 0; background: linear-gradient(178deg, rgba(0, 0, 0, 0.00) -7.46%, rgba(0, 0, 0, 0.30) 87.36%), linear-gradient(0deg, rgba(0, 0, 0, 0.22) 0%, rgba(0, 0, 0, 0.22) 100%); z-index: 1; pointer-events: none; } .story-slide picture {transform: scale(1); } .story-slide:hover picture {transform: scale(1.1); } .story-meta {position: absolute; width: 75%; padding: 45px 36px; left: 0; bottom: 0; z-index: 1; } .story-meta h2 {color: #fff; margin-bottom: 17px; } .story-meta h4 {color: #fff; font-family: 'Karla-Medium'; } .story-slide > i {position: absolute; right: 40px; bottom: 40px; display: flex; } .story-slider .splide__track {overflow: visible; } .splide__pagination {bottom: -52px; display: flex; flex-wrap: wrap; justify-content: center; gap: 7px; } .splide__pagination li {display: flex; } .splide__pagination__page {background-color: rgba(0, 50, 49, 0.50); margin: 0; opacity: 1; width: 10px; height: 10px; outline: none !important;} .splide__pagination__page.is-active {background-color: #003231; transform: scale(1.4); } /* Quote section */ .quote-section {padding: 130px 0 30px; } blockquote.lg-quote {font-size: 48px; line-height: 50px; margin-bottom: 18px; color: #001E1E; font-family: 'Safiro-Bold'; } blockquote.lg-quote span {color: #00D2BC; } .quote-section p {color: #00ADA5; } /* ********************** About ********************** */ .page-template-about-page .lang-nl-menu .gtranslate_wrapper, .page-template-start-an-application-page .lang-nl-menu .gtranslate_wrapper, .page-template-contact-page .lang-nl-menu .gtranslate_wrapper{background-color: #00696D;} .page-template-about-page .home-banner.bg-dark::after, .page-template-about-page .home-banner .banner-image::after, .page-template-about-page .home-banner .image-corner, .page-template-start-an-application-page .home-banner.bg-dark::after, .page-template-start-an-application-page .home-banner .image-corner, .secondary-banner.bg-dark::after {background-color: #003231; } .page-template-about-page .intro-section {margin-bottom: 40px; } .page-template-about-page .partner-new-section {padding-bottom: 220px} .page-template-about-page .story-section {padding-top: 180px; } /* ********************** Start an application ********************** */ .page-template-start-an-application-page .home-banner.bg-dark::after {height: calc(100% - 454px); } .banner-media-col.banner-img-only svg.shape-rt {top: 0; } .border-btn.start-btn.active-menu-item {background-color: rgba(255, 255, 255, 0.15); } .border-btn.start-btn.active-menu-item span {border-bottom: 1px solid #D7F6F3;} .banner-media-col.banner-img-only {align-items: flex-start; } .banner-landscape-img {width: 750px; height: 527px; border-radius: 43px; overflow: hidden; position: relative; margin-top: 185px;} .banner-img-only .banner-image {width: 620px; } .banner-img-only .banner-image .shape-bottom2 {transform: rotateY(180deg); right: 205px; } .banner-img-only .banner-image::after {display: none;} /* Requirement section */ .page-template-start-an-application-page .home-banner {margin-bottom: 140px; } .requirement-section {padding: 0 0 174px; } .requirement-section .title-part {width: 568px;} .requirement-section .title-part p {max-width: 496px; } .requirement-col {float: right; width: 623px; } .requirement-list {margin-bottom: 37px;counter-reset: div; } .requirement-card {padding: 30px 130px 30px 36px; background-color: #fff; margin-bottom: 15px; position: relative; border-radius: 13px; cursor: pointer;} .requirement-card:hover {background-color: #D7F6F3;} .requirement-card:last-child {margin-bottom: 0; } .requirement-card p strong {color: #00D2BC; font-family: 'Safiro-Semibold'; } .requirement-card p strong::before {content: "0" counter(div);counter-increment: div; } .requirement-card i {position: absolute; right: 36px; bottom: 30px; } /* Support new section */ .support-new-section.support-section {padding-top:0; } .support-new-section.bg-dark::after {top: 130px; bottom: 0; height: auto; } .support-new-section .row {position: relative; } .support-new-section .about-bg-shape-top {top: 101px; right: 40px; } .support-new-wrap .title-part h2,.support-new-wrap .title-part p {color: #D7F6F3;} .support-new-wrap .support-card {background-color: #00D2BC;} .support-new-wrap .support-card:hover{background-color: #00ADA5;} /* CTA card section */ .cta-card-section {padding: 125px 0 0; position: relative; z-index: 1; margin-bottom: -230px; } .cta-card-wrap {display: none;margin-bottom: 20px;} .cta-application-card,.cta-contact-card {width: calc(50% - 10px); background-color: #001E1E; padding: 50px 50px 50px; border-radius: 13px; align-content: space-between; min-height: 380px;} .cta-contact-card {background-color: #00D2BC; } .cta-card-title {margin-bottom: 30px; } .cta-card-title * {color: #D7F6F3; } .cta-card-title h2 {margin-bottom: 18px; } .cta-card-title p {max-width: 443px; } .cta-inner-wrap .cta-content-col {max-width: 443px; } .cta-inner-wrap .cta-content-col h2 {margin-bottom: 18px;} .cta-inner-wrap .cta-content-col p {margin-bottom: 0; max-width: 300px;} .cta-inner-wrap .cta-person-col {width: 96px;margin-top: -6px;} .cta-inner-wrap .cta-person-img {margin-bottom: 10px;} .cta-inner-wrap .cta-person-title h5 {margin-bottom: 0; font-size: 18px; } .cta-contact-card .btn-wrap {gap: 25px; } /* CTA partner section */ .cta-partner-section {padding: 110px 130px 110px 50px; background-color: #D7F6F3; border-radius: 13px;} .cta-partner-section .title-part {width: 573px; } .cta-partner-section .partner-simple-list {width: 621px; gap: 16px; } .cta-partner-section .partner-simple-list li {width: calc(50% - 8px); height: 247px; border-radius: 35px; } .cta-partner-section .partner-simple-list li img {max-width: 165px; max-height: 126px; } /* ********************** Contact ********************** */ .page-template-contact-page .home-banner {padding-bottom: 145px; margin-bottom: 0; } .page-template-contact-page .home-banner.bg-dark::after {height: auto; bottom: 0; } .contact-content {width: calc(50% - 10px); } .contact-content .banner-title-col {width: 100%; margin-bottom: 152px; } .contact-content .banner-title-col h1 {margin-bottom: 26px; } .banner-title-col p {color: #D7F6F3; max-width: 640px; margin-bottom: 24px;} .banner-title-col p:last-child { margin-bottom: 0;} .contact-info-col {float: right; width: 41%; } .contact-banner {height: 560px; border-radius: 43px; overflow: hidden; position: relative; margin-bottom: 28px; } .contact-banner .shape-rt{width: 144px; right: 0;} .contact-meta {padding: 57px 50px 50px; background-color: #001E1E; border-radius: 36px; } .contact-meta h4 {color: #00D2BC; font-size: 28px; margin-bottom: 22px; } .contact-meta address {color: #D7F6F3; font-size: 18px; line-height: 26px; margin-bottom: 10px; } .contact-links {margin-bottom: 30px; } .contact-links a {clear: left; color: #D7F6F3; margin-bottom: 12px; border-bottom: 1px solid transparent; } .contact-links a:hover {border-bottom-color: #D7F6F3;} .contact-links a:last-child {margin-bottom: 0; } .contact-meta .social-links {margin-right: 0; justify-content: flex-end; gap: 20px; } .contact-meta .social-links a {background-color: #D7F6F3;} .contact-meta .social-links a:hover {background-color: #00D2BC;} .page-template-contact-page .cta-bottom-section {padding-top: 0; } /* Gravity form */ body .gform_wrapper br,body .gform_wrapper + p br {display: none; } body .gform_required_legend {display: none; } body .gform_wrapper {float: left; width: 100%; } body .gform_wrapper form {float: left; width: 100%; } body .gform-body {float: left; width: 100%; } body .gform_wrapper.gravity-theme .gform_fields {float: left; width: 100%; display: block;} body .gform_wrapper.gravity-theme .gfield {float: left; width: 100%; margin-bottom: 39px; position: relative; } body .gform_wrapper.gravity-theme .gfield_label {float: left; width: 100%; font-size: 22px; line-height: normal; color:#D7F6F3 !important; margin-bottom: 10px !important; padding: 0; border: none; font-weight: normal; font-family: 'Safiro-Medium'; position: relative; } 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 {padding: 0; font-size: inherit; margin-left: 4px; color: #B5461F; } body .gform_wrapper .gfield_label > .gfield_required > .gfield_required {font-size: inherit; color: inherit; padding: inherit; } body .ginput_container {float: left; width: 100%; position: relative;z-index: 1;} 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"], input.custom-input {float: left; width: 100%; height: 46px; border: none; border-bottom: 2px solid #00D2BC; background-color: transparent !important; font-size: 22px; color: #D7F6F3; font-family: 'Safiro-Medium'; border-radius: 0; padding: 0; box-shadow: none; } body .gform_wrapper.gravity-theme .gfield select {background-image: url('images/icon-dropdown.svg'); background-repeat: no-repeat; background-position: calc(100% - 6px); padding-right: 80px; } body .gform_wrapper.gravity-theme .gfield textarea {height: 100px !important; resize: none; } body .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full) {padding-right: 1.5%;} body .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full) ~ span:not(.ginput_full) {padding-left: 1.5%;} body .gfield_radio, body .gfield_checkbox {float: left; width: 100%; margin-top: 0px; } body .gfield_radio {display: flex; flex-wrap: wrap; gap: 10px; } body .gchoice {float: left; width: 100%; position: relative; margin-bottom: 7px; } body .gchoice:last-child {margin-bottom: 0; } body .gform_wrapper.gravity-theme .gfield.gfield--type-choice .gfield_label {margin-bottom: 1px !important; } body .gform_wrapper.gravity-theme .gfield-choice-input {position: absolute; left: 0; top: 0; visibility: hidden; opacity: 0; } body .ginput_container.ginput_container_checkbox, body .ginput_container.ginput_container_radio {margin-top: 7px; } body .gform_wrapper.gravity-theme .gfield-choice-input + label {float: left; width: auto; position: relative; font-size: 18px; line-height: 27px; padding-left: 40px; color: #D7F6F3; cursor: pointer; max-width: inherit; font-family: 'Karla-Medium'; } body .gform_wrapper.gravity-theme .gfield_checkbox label a, body .gform_wrapper.gravity-theme .gfield_radio label a {text-decoration: underline;} body .gform_wrapper.gravity-theme .gfield_checkbox label::before, body .gform_wrapper.gravity-theme .gfield_radio label::before {content: ""; position: absolute; left: 0; top: 2px; width: 24px; height: 24px; border: 2px solid #00D2BC; border-radius: 2px; background-color: transparent; } body .gform_wrapper.gravity-theme .gfield_radio label::before {border-radius: 50%; } body .gform_wrapper.gravity-theme .gfield_checkbox label::after {content: ""; position: absolute; left: 6px; top: 10px; width: 12px; height: 6px; border-left: 2px solid #000; border-bottom: 2px solid #000; transform: rotate(-45deg); opacity: 0; } body .gform_wrapper.gravity-theme .gfield_radio label::after {content: ""; position: absolute; left: 6px; top: 8px; width: 12px; height: 12px; background-color: #000; border-radius: 50%; opacity: 0; } body .gform_wrapper.gravity-theme .gfield-choice-input:checked ~ label::before {background-color: #00D2BC; border-color: #00D2BC;} body .gform_wrapper.gravity-theme .gfield-choice-input:checked ~ label::after {opacity: 1;} body .gform_wrapper.gravity-theme .gform_footer {float: left; width: 100%; margin: 33px 0 0; padding: 0; position: relative; display: block;} body .gform_wrapper.gravity-theme .gform_footer button[type="submit"], body .gform_wrapper.gravity-theme .gform_footer input[type="button"] {float: right; width: auto; height: 44px; padding: 1px 20px 0; font-size: 16px; border-radius: 5px; color: #001E1E; font-family: 'Safiro-Bold'; background-color: #00D2BC; margin-bottom: 0; position: relative; border: none !important; cursor: pointer; box-shadow: none; letter-spacing: 0.8px; text-transform: uppercase; outline: none !important;} body .gform_wrapper.gravity-theme .gform_footer button[type="submit"]:hover,body .gform_wrapper.gravity-theme .gform_footer input[type="button"]:hover {background-color:#00ADA5;} body .gform_wrapper.gravity-theme .gform_validation_errors, body .gform_confirmation_message {float: left; width: 100%; padding: 16px 25px 16px; background: #B5461F; position: relative; margin-bottom: 20px; border-radius: 4px; border: none; margin-top: 0; box-shadow: none;outline:none!important; } body .gform_wrapper.gravity-theme .gform_validation_errors > h2, body .gform_confirmation_message {color: #fff; font-size: 18px; font-weight: normal; line-height: 28px; margin: 0 !important; text-transform: none; font-family: 'Karla-Medium'; letter-spacing: normal; } body .gform_wrapper.gravity-theme .gform_validation_errors > h2 .gform-icon {display: none; } body .gform_wrapper.gravity-theme .gfield_description {float: left; width: 100%; font-family: 'Karla-Medium'; padding-top: 6px; font-size: 16px;} body .gform_wrapper.gravity-theme .gfield_validation_message {color: #B5461F; line-height: normal; border: none; margin-top: 6px; 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-bottom-color: #ED7010 !important; } body .gform_confirmation_wrapper {float: left; width: 100%; } body .gform_confirmation_message {background: #2C604C;} /* End of Gravity form css */ /* ********************** Founder story archive ********************** */ /* Dark header css */ .page-template-text-page-php .site-logo a, .single-update .site-logo a,.post-type-archive-founder-story .site-logo a,.single-founder-story .site-logo a,.post-type-archive-update .site-logo a {background-image: url("images/main-logo-dark.svg");background-repeat: no-repeat;background-size: 100%;} .page-template-text-page-php .site-logo a img,.single-update .site-logo a img,.post-type-archive-founder-story .site-logo a img,.single-founder-story .site-logo a img,.post-type-archive-update .site-logo a img{opacity: 0;} .page-template-text-page-php .main-menu > div > ul > li > a,.single-update .main-menu > div > ul > li > a,.post-type-archive-founder-story .main-menu > div > ul > li > a,.single-founder-story .main-menu > div > ul > li > a,.post-type-archive-update .main-menu > div > ul > li > a{color: #001E1E;} .post-type-archive-founder-story .main-menu > div > ul > li > a:hover, .single-founder-story .main-menu > div > ul > li > a:hover, .post-type-archive-update .main-menu > div > ul > li > a:hover, .single-update .main-menu > div > ul > li > a:hover, .page-template-text-page-php .main-menu > div > ul > li > a:hover, .post-type-archive-founder-story .main-menu > div > ul > li.current-menu-item > a, .single-founder-story .main-menu > div > ul > li.current-menu-item > a, .post-type-archive-update .main-menu > div > ul > li.current-menu-item > a, .single-update .main-menu > div > ul > li.current-menu-item > a {border-bottom-color: #001E1E;} .page-template-text-page-php .header-top .border-btn,.single-update .header-top .border-btn,.post-type-archive-founder-story .header-top .border-btn,.single-founder-story .header-top .border-btn,.post-type-archive-update .header-top .border-btn {color: #001E1E;border: 1.5px solid #00D2BC !important;} .page-template-text-page-php .site-menu-btn .border-btn, .single-update .site-menu-btn .border-btn, .post-type-archive-founder-story .site-menu-btn .border-btn, .single-founder-story .site-menu-btn .border-btn, .post-type-archive-update .site-menu-btn .border-btn {color: #001E1E; border: 1.5px solid #00D2BC !important; } .page-template-text-page-php .lang-nl-menu .gtranslate_wrapper,.single-update .lang-nl-menu .gtranslate_wrapper,.post-type-archive-founder-story .lang-nl-menu .gtranslate_wrapper,.single-founder-story .lang-nl-menu .gtranslate_wrapper,.post-type-archive-update .lang-nl-menu .gtranslate_wrapper {background-color: #003231;} .page-template-text-page-php .lang-nl-menu .gtranslate_wrapper a.glink,.single-update .lang-nl-menu .gtranslate_wrapper a.glink,.post-type-archive-founder-story .lang-nl-menu .gtranslate_wrapper a.glink,.single-founder-story .lang-nl-menu .gtranslate_wrapper a.glink,.post-type-archive-update .lang-nl-menu .gtranslate_wrapper a.glink {color: #D7F6F3;} .page-template-text-page-php .lang-nl-menu .gtranslate_wrapper a.glink.gt-current-lang,.single-update .lang-nl-menu .gtranslate_wrapper a.glink.gt-current-lang,.post-type-archive-founder-story .lang-nl-menu .gtranslate_wrapper a.glink.gt-current-lang,.single-founder-story .lang-nl-menu .gtranslate_wrapper a.glink.gt-current-lang,.post-type-archive-update .lang-nl-menu .gtranslate_wrapper a.glink.gt-current-lang {color: #001E1E;} /* End of Dark header css */ .archive-banner {padding: 295px 0 120px;} .archive-banner .banner-content {margin-bottom: 0; } .archive-banner .banner-title-col {width: calc(47% - 15px); } .text-dark .border-label {color: #00696D; border-color: #00D2BC; } .text-dark h1 {color: #001E1E; } .text-dark p {color: #001E1E !important; } .featured-story-section .story-slide {margin-right: 0; } .featured-story-section .story-meta {max-width: 758px; } .featured-story-section .story-slide > svg {position: absolute; left: -28px; top: -28px; z-index: 1; pointer-events: none; } .goal-section.goal-story-section .title-part {width: 100%; max-width: 100%; margin-bottom: 108px; } .title-head {width: 42%; } .title-text {float: right; width: calc(55% + 5px); padding-right: 80px; } /* Founder story card */ .story-filter-header {padding: 60px 0 0; } .total-cards {width: auto;} .custom-filter {float: right; gap: 5px; } .custom-filter .custom-filter-label {padding: 0 10px; height: 31px; font-size: 16px; color: #001E1E; letter-spacing: 0.8px; border-radius: 5px; background-color: #fff; text-transform: uppercase; font-family: 'Safiro-Bold'; cursor: pointer; } .custom-filter .custom-filter-label:hover {background-color: #D7F6F3} .custom-filter .custom-filter-label.active {color: #fff; background-color: #001E1E; } .raising-filter input[type=radio]:checked + .custom-filter-label {color: #fff;background-color: #001E1E;} .founder-story-main-section {padding: 53px 0 155px; } .founder-story-list {display: grid; grid-template-columns: repeat(3, 1fr); gap: 98px 38px; } .founder-story-card {position: relative;} .founder-story-img {height: 300px; border-radius: 36px; overflow: hidden; margin-bottom: 20px; } .founder-story-img picture img {transform: scale(1);} .founder-story-card:hover .founder-story-img picture img {transform: scale(1.1);} .founder-story-content {position: relative; } .founder-story-content > i {position: absolute; right: 0; bottom: 0; } .label-wrap {gap: 10px; margin-bottom: 15px; } .label-wrap label {padding: 1px 10px 0; height: 31px; font-size: 16px; letter-spacing: 0.8px; font-family: 'Safiro-Bold'; border-radius: 5px; text-transform: uppercase; background-color: #FFF; } .founder-story-content strong {font-size: 28px; line-height: 36px; font-family: 'Safiro-Bold'; margin-bottom: 10px; display: inline-block; } .founder-story-content > p {max-width: 90%; clear: left; } /* Quote small section */ .quote-sm-section {padding: 88px 0 170px; } .quote-sm-card {background-color: #fff; padding: 35px 47px; border-radius: 36px; } .quote-sm-card blockquote {font-size: 38px; line-height: 45px; font-family: 'Safiro-Medium'; max-width: 778px; margin-bottom: 61px; } .quote-sm-meta {align-items: flex-end; } .quotee-info {gap: 21px; } .quotee-img {width: 74px; height: 74px; border-radius: 15px; overflow: hidden; } .quotee-img > img {object-fit: cover; } .quotee-name h5 {width: auto; font-size: 22px; font-family: 'Safiro-Semibold'; } .quotee-name span {clear: left; } .simple-icon-link {display: flex; align-items: center; color: #003231; gap: 18px; cursor: pointer; } .simple-icon-link i {display: flex; } .simple-icon-link span {border-bottom: 2px solid transparent;} .simple-icon-link:hover span {border-bottom-color: #003231;} /* Quote medium section */ .quote-md-section {padding: 100px 0 35px; } .quote-md-img {width: 622px; height: 580px; position: relative; border-radius: 17px; overflow: hidden; } .quote-md-content {width: 493px; } .quote-md-content blockquote {font-size: 36px; line-height: 40px; font-family: 'Safiro-Semibold'; margin-bottom: 42px; } .quote-md-content h5 {font-size: 22px; line-height: 32px; color: #00696D; font-family: 'Safiro-Semibold'; } .quote-md-content > span {color: #00696D; } .shape-lb {position: absolute; left: 0; bottom: 0; z-index: 1; pointer-events: none; } /* ********************** Founder story detail ********************** */ .story-detail-banner {padding: 294px 0 200px; } .detail-banner-wrap .banner-title-col {width: calc(42% - 20px); } .detail-banner-wrap .banner-title-col h1 {font-size: 64px; line-height: 70px; margin-bottom: 33px; word-break: break-word;} .detail-banner-col {width: calc(50% - 10px);} .detail-banner-img {width: calc(50% - 10px); height: 633px; border-radius: 35px 35px 35px 0px; overflow: hidden; position: relative; } .detail-banner-col .detail-banner-img {width: 100%;} .detail-banner-img .shape-lb {left: -22px; bottom: -24px;} /* About fact section */ .story-about-section {padding: 135px 0 220px;overflow: hidden;} .story-about-section::after {top: 0 !important; } .story-about-section > svg {position: absolute; left: calc(50% - 760px); bottom: -28px; pointer-events: none; z-index: 1; } .story-about-section .title-part {width: 41%; } .about-fact-col {width: 41%; float: right; } .about-fact-list {margin-bottom: 23px; } .about-fact-list li {margin-bottom: 15px; padding: 30px 36px; background-color: #00696D; border-radius: 13px; } .about-fact-list li * {color: #D7F6F3; } .about-fact-list li label {font-size: 22px; line-height: 32px; width: 250px;} .about-fact-list li h3 {width: calc(100% - 250px); text-align: right; padding-left: 30px; } .about-fact-list li.ftv-fact {background-color: #00D2BC;} .about-fact-list li.ftv-fact * {color: #001E1E; } .about-fact-col p {color: #D7F6F3; } /* ********************** Flex sections ********************** */ /* Flex process slider */ .flex-main-section {padding: 100px 0 150px;overflow: hidden;} .flex-process-section,.flex-media-section,.flex-text-section,.flex-highlighted-section,.flex-form-section {margin-bottom: 100px; } .flex-content-wrapper > div:last-child {margin-bottom: 0; } .flex-process-section .title-part {width: 620px; max-width: 100%; margin-bottom: 47px; } .process-slider .splide__track {overflow: visible; } .process-card {padding: 60px 60px; width: 696px; background-color: #fff; border-radius: 13px; float: left; margin-right: 64px; align-content: space-between; min-height: 423px; } .process-title {margin-bottom: 40px; } .process-title h5 {font-size: 22px; line-height: 30px; font-family: 'Safiro-Semibold'; color: #00D2BC; } /* Flex media section */ .flex-media-section {height: 800px; border-radius: 36px; position: relative; overflow: hidden; } .video-section {position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: #000; opacity: 0; visibility: hidden; pointer-events: none; } .video-section video,.video-section iframe {float: left; width: 100%; height: 100%; } .flex-media-section .video-content {right: 0; top: 0; margin: auto; width: 100px; height: 100px; padding: 0; cursor: pointer;} .flex-media-section .video-content i {width: 100%; height: 100%; } .flex-media-section .video-content i svg {transform: scale(1.8); } .flex-media-section .video-content:hover i {background-color: #00D2BC; } .flex-media-section .video-content:hover i svg path {fill: #fff; } .flex-media-section.video-show picture, .flex-media-section.video-show .video-content {opacity: 0; visibility: hidden; pointer-events: none; } .flex-media-section.video-show .video-section {opacity: 1; visibility: visible; pointer-events: auto; } /* Flex text section */ .flex-text-section .title-part {width: 752px; max-width: 100%; margin-bottom: 57px; } .body-text.two-col-text {column-count: 2; column-gap: 80px; } /* Flex highlighted text section */ .flex-highlighted-section {padding: 75px 75px; background-color: #00D2BC; border-radius: 13px; } .body-text h1,.body-text h2 {margin-bottom: 30px;} .flex-highlighted-section .body-text li a {color: inherit;border-bottom-color: #003231;} /* Related story section */ .related-post-section {padding-bottom: 95px; } .related-post-section .title-part {margin-bottom: 48px; } .related-post-section .label-wrap label{background-color: #D7F6F3;} /* ********************** Updates/News overview ********************** */ .highlighted-news-section {padding: 0 0 100px; } .highlighted-news-list picture img {object-position: top; } .news-filter-part {margin-bottom: 53px; } .news-card-lg {float: right; width: calc(41.6% - 10px); height: 365px; border-radius: 36px; margin-bottom: 20px; position: relative; overflow: hidden; } .news-card-lg picture img {transform: scale(1);} .news-card-lg:hover picture img {transform: scale(1.07);} .news-title-lg {position: absolute; z-index: 1; left: 0; right: 0; bottom: 0; padding: 0 100px 40px 36px; } .news-title-lg h3 {color: #fff; } .news-title-lg > i {position: absolute; display: flex; right: 40px; bottom: 40px; } .news-card-lg:nth-child(1) {float: left; width: calc(58.4% - 10px); height: 750px; } .news-card-lg:nth-child(1) h3 {font-size: 38px; line-height: 44px; max-width: 530px; } .news-card-lg:nth-child(1)::after {content: ""; position: absolute; width: 280px; height: 280px; left: -24px; top: -24px; background-image: url("images/news-card-shape.svg"); background-repeat: no-repeat; background-size: 100%; z-index: 1; pointer-events: none; } /* News card */ .news-main-section {padding: 50px 0 50px;} .news-count {margin-bottom: 81px;} .news-list .row {row-gap: 70px;} .news-card {padding: 40px 36px; min-height: 480px; height: 100%; background-color: #fff; position: relative; border-radius: 36px; overflow: hidden; align-content: space-between; } .news-card-title {margin-bottom: 50px; } .news-sm-img {width: 100%; height: 250px; border-radius: 10px; overflow: hidden; margin-bottom: 21px;} .news-sm-img img {object-fit: cover;} .news-card-title h4 {font-size: 28px; line-height: 36px;word-break: break-word;} .news-card-title h4 span {border-bottom: 2px solid transparent;} .news-card:hover .news-card-title h4 span {border-bottom-color: #003231;} .news-card-meta {align-items: flex-end;} .update-card {height: 100%; padding: 40px 36px; background-color: #003231; border-radius: 36px; align-content: space-between; } .update-title {margin-bottom: 30px; } .update-title h2 {font-size: 63px; line-height: 70px; color: #00ADA5; padding-right: 10px; margin-bottom: 18px; } .update-title span {color: #D7F6F3; } .update-card .btn-wrap {justify-content: flex-end; } /* ********************** Updates/News detail ********************** */ .news-detail-banner {padding-bottom: 0 !important; } .single-update .related-post-section {padding-bottom: 35px; } /* ********************** Text/Flex page ********************** */ .text-page-banner.archive-banner {padding-bottom: 0 !important; } .body-text p a,.body-text li a {border-bottom: 1px solid #00D2BC; } .body-text p a:hover,.body-text li a:hover {border-bottom-color: transparent;} .body-text > ul, .body-text > ol {float: left; width: 100%; margin-bottom: 28px;} .body-text > ul > li, .body-text > ol > li {float: left; width: 100%; position: relative; padding-left: 30px; margin-bottom: 13px; } .body-text > ul > li::after {content: ''; position: absolute; left: 0px; top: 6px; width: 14px; height: 14px; border-radius: 50%; background-color: #003231; } .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; left: 0; text-align: center; top: -1px; font-size: 21px; } .body-text blockquote {float: left; font-size: 38px; line-height: 45px; font-family: 'Safiro-Medium'; max-width: 800px; margin-bottom: 40px; margin-top: 10px; width: 100%; } .body-text blockquote p {font-size: inherit; line-height: inherit; float: none; display: inline; } .body-text blockquote::before,.body-text blockquote::after {content: ""; height: 12px; display: inline-block; background-repeat: no-repeat; background-size: 100%; vertical-align: super; } .body-text blockquote::before {width: 14px; background-image: url("images/quote-front-icon.svg"); } .body-text blockquote::after {width: 12px; background-image: url("images/quote-front-back.svg"); } /* Flex form section */ .flex-form-section {background-color: #003231;padding: 75px 75px;border-radius: 13px;} .form-title {width: 40%; } .form-title * {color: #D7F6F3; } .form-title h2 {margin-bottom: 30px; } .form-flex-col {float: right; width: 50%; } body.page-template-text-page-php .cta-bottom-section { padding-top: 0; } /* body.page-template-text-page-php footer.site-footer {padding-top:60px} */ /* Home Page - CTA Section */ .cta-section { padding-top: 40px; } body .col-news-column .gform_wrapper.gravity-theme .gform_footer {margin-top: 0; } body .col-news-column .gform_wrapper.gravity-theme .gform_footer button[type="submit"], body .col-news-column .gform_wrapper.gravity-theme .gform_footer input[type="button"] {width: 100%; } .col-news-column .update-title {float: left; width: 70%; margin-bottom: 0; } .col-news-column .btn-wrap {float: right; width: 20%; } .col-news-column .update-card { justify-content: space-between; } body .col-news-column .gform_wrapper.gravity-theme .gfield{margin-bottom:24px} .story-about-section + .related-post-section { margin-top: 140px; } /* 17-07-2026 */ /* ********************** New Home page ********************** */ .start-up-section {padding-top: 155px; padding-bottom: 30px; overflow: hidden;} .start-up-section .title-part {width: 50%; margin-bottom: 60px; } .start-up-slider {float: left; width: 100%; padding-bottom: 65px;} .start-up-slider .splide__track {overflow: visible; } .start-up-slide {display: flex; width: 365px; height: 324px; padding: 42px 22px 22px; margin-right: 20px; position: relative; border-radius: 20px; flex-direction: column; background-color: #fff; } .start-up-logo {height: 48px; margin-bottom: 20px; align-items: flex-start; } .start-up-logo img {max-height: 100%; } .start-slide-content {gap: 22px; } .start-slide-content .icon-text-link {margin-left: auto; } .start-up-slide:hover .icon-text-link span {border-bottom-color: #001E1E;} .start-up-slider .splide__pagination {bottom: 3px; } .splide__arrows {display: flex; flex-wrap: wrap; gap: 32px; position: absolute; right: 0; top: -93px; z-index: 1; } .splide__arrow {background-color: transparent !important; border-radius: 0 !important; opacity: 1 !important; position: static; transform: none; width: 28px; height: 27px; background-repeat: no-repeat;background-size: 100%;} .splide__arrow--prev {background-image: url('images/slider-nav-left.svg'); } .splide__arrow--next {background-image: url('images/slider-nav-right.svg'); } .splide__arrow svg {display: none !important; } .splide__arrow:hover {transform: scale(1.2) !important;} /* New CTA section at bottom */ .cta-new-section {padding: 85px 0 0; margin-bottom: -145px; position: relative; z-index: 1;} .cta-left-col {width: calc(65% + 18px); padding: 40px; border-radius: 13px; background-color: #003231; align-items: flex-start;} .cta-head-content {width: calc(60% + 15px); min-height: 300px; display: flex; flex-direction: column; } .cta-title-col {margin-bottom: 40px; } .cta-title-col h3 {color: #D7F6F3; margin-bottom: 14px; } .cta-title-col p {color: #D7F6F3; } .cta-head-content .btn-wrap {gap: 20px; } .cta-head-content .border-btn.solid-btn i svg path {fill: #00696D; } .cta-head-content .border-btn.solid-btn:hover {background-color: transparent;color: #D7F6F3;} .cta-head-content .border-btn.solid-btn:hover i svg path {fill: #00D2BC;} .cta-head-img {width: 140px; gap: 10px; } .cta-head-img img {height: 108px; width: 100%; object-fit: cover; border-radius: 18px; } .cta-head-img h5 {color: #00D2BC; font-size: 18px; } /* Newsletter card */ .cta-newsletter {display: flex; width: calc(35% - 40px); padding: 40px; border-radius: 13px; background-color: #00D2BC; flex-direction: column; } .cta-newsletter-head {margin-bottom: 40px; } .cta-newsletter-head h3 {margin-bottom: 14px; } body .newsletter-form .gform_wrapper.gravity-theme .gfield {margin-bottom: 0;} body .newsletter-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"]) {height: 42px; border-bottom: 2px solid #D7F6F3; font-size: 18px; color: #003231; font-family: 'Karla-Medium'; font-style: italic; } body .newsletter-form .gform_wrapper.gravity-theme .gfield input::-webkit-input-placeholder {color: #003231;opacity: 0.7;} body .newsletter-form .gform_wrapper.gravity-theme .gfield input:-moz-placeholder { /* Firefox 18- */color: #003231;opacity: 0.7;} body .newsletter-form .gform_wrapper.gravity-theme .gfield input::-moz-placeholder { /* Firefox 19+ */color: #003231;opacity: 0.7;} body .newsletter-form .gform_wrapper.gravity-theme .gfield input:-ms-input-placeholder {color: #003231;opacity: 0.7;} body .newsletter-form .gform_wrapper.gravity-theme .gform_footer button[type="submit"], body .newsletter-form .gform_wrapper.gravity-theme .gform_footer input[type="button"] {float: left; border: 1.5px solid #fff !important; outline: none !important; } body .newsletter-form .gform_wrapper.gravity-theme .gform_footer button[type="submit"]:hover, body .newsletter-form .gform_wrapper.gravity-theme .gform_footer input[type="button"]:hover {background-color: #fff;} /* ********************** New Story archive ********************** */ .founder-quote-section {padding: 85px 0 150px; } .founder-img-wrap {position: relative; width: 622px; height: 580px; border-radius: 17px; overflow: hidden; } .founder-quote-content {width: 493px; } .founder-quote-content blockquote {color: #003231; font-family: 'Safiro-Bold'; font-size: 29px; line-height: 35px; margin-bottom: 42px; } .founder-meta h5 {color: #00696D; font-family: 'Safiro-Semibold'; } .founder-meta p {color: #00696D; } /* ********************** How we work page ********************** */ .secondary-banner {padding-top: 292px; margin-bottom: 93px;} .secondary-banner.bg-dark::after {bottom: 170px; height: auto; } .secondary-banner-wrap {align-items: flex-start; margin-bottom: 40px; } .banner-content-col {width: calc(50% - 10px); padding-top: 75px; } .banner-content-col p {color: #D7F6F3; font-size: 20px; line-height: 32px; margin-bottom: 25px; } .banner-content-col p:last-child {margin-bottom: 0; } .secondary-banner-img {width: calc(50% - 10px); height: 460px; position: relative; border-radius: 16px; overflow: hidden; } .secondary-banner-img picture {overflow: hidden; border-radius: 17px; } .secondary-banner-img .shape-rt {right: -26px; top: -26px; } /* New intro section */ .new-intro-section.intro-section {margin-bottom: 120px; } .new-intro-section .intro-wrap {gap: 0; } .new-intro-section .intro-wrap .title-part {width: calc(40% - 10px); margin-left: 0; } .new-intro-section .intro-text-col {width: calc(50% - 10px); margin-right: 0; } .no-pt {padding-top: 0 !important; } /* ********************** New about page ********************** */ .financing-wrap {margin-top: 25px;} .financing-wrap h5 {font-size: 18px; line-height: 26px; margin-bottom: 26px; } .financing-partner-logos {gap: 24px; } .financing-partner-logos li {padding: 0 12px; height: 90px; border-radius: 11px; background-color: #FFF; } .financing-partner-logos li img {max-height: 85%; } .partner-new-section.about-partner-section {padding-top: 110px; } /* ********************** New Header ********************** */ .site-menu {display: flex; flex-direction: column; align-items: flex-end; gap: 23px; } .header-top {display: flex; flex-wrap: wrap; align-items: center; gap: 20px; } .header-top .border-btn {height: 35px; padding: 0 15px; } /* Image caption css */ .image-caption-wrap {padding-top: 20px; gap: 2px; flex-direction: column; } .banner-media-col .image-caption-wrap {margin-left: 128px;} .image-caption-wrap a {color: inherit; border-bottom: 1px solid; } .image-caption-wrap a:hover {border-bottom-color: transparent;} .banner-image-wrap {position: absolute; right: 0; top: 0; z-index: -1;} /* ********************** Story detail new changes ********************** */ .banner-label-list {gap: 10px; margin-bottom: 20px; } .banner-label-list label {margin-bottom: 0; } .banner-btn-wrap {gap: 15px; margin-top: 30px; } .dark-label {padding: 0 10px; border-radius: 5px; background-color: #003231; height: 31px; color: #fff; font-size: 16px; line-height: normal; letter-spacing: 0.8px; text-transform: uppercase; font-family: 'Safiro-Bold'; } .label-dot {gap: 6px; } .label-dot::before {content: ""; display: inline-flex; width: 12px; height: 12px; background: radial-gradient( rgba(97, 247, 239, 1) 0% , rgba(5, 209, 188, 1) 100% ); border-radius: 50%; } .about-fact-col > h6.sm-title {margin-bottom: 16px;} .story-about-section.founding-members-section {padding-bottom: 135px;} .founding-member-wrap {display: flex; width: 100%; flex-direction: column; margin-top: 30px; float: left; } .founding-member-wrap h6.sm-title {margin-bottom: 15px; } ul.founding-member-list {display: flex; flex-direction: column; gap: 24px; width: 100%; } ul.founding-member-list li {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; width: 100%; } .founding-member-img {width: 48px; height: 48px; border-radius: 10px; overflow: hidden; } .founding-member-content {display: flex; flex-direction: column; width: calc(100% - 60px); align-items: flex-start; } .founding-member-content h5 {width: auto; color: #D7F6F3; display: flex; gap: 7px; align-items: center;} .founding-member-contact {display: flex; position: relative; top: 1px; cursor: pointer; transform: scale(1);} .founding-member-contact:hover {transform: scale(1.2); } .small-cta-section {padding: 140px 0; } .small-cta-wrap {display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between; } .sm-cta-left-col {width: 40%; } .sm-cta-left-col h2 {margin-bottom: 10px; } .sm-cta-left-col p {margin-bottom: 40px; } .sm-cta-right-col {width: 30%; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-end; text-align: right; } .sm-cta-team-img {width: 80px; height: 80px; border-radius: 10px; overflow: hidden; margin-bottom: 10px; } /* ****************************************************** */ /* ********************** Responsive css ********************** */ /* ****************************************************** */ /* Responsive css for Container */ @media only screen and (min-width: 1500px) { .container {width: 1360px;} } @media only screen and (min-width: 1660px) { .container {width: 1520px;} } /* Responsive css for pages */ @media only screen and (max-width: 1799px) { /* Header */ .site-logo {transform: translateX(0);} } @media only screen and (max-width: 1659px) { .container > .row {margin-left: 0;margin-right: 0;} .row.new-row {margin-left: -15px; margin-right: -15px; } .row.new-row div[class^="col-"] {padding-right: 15px; padding-left: 15px; } h3 {font-size: 28px; line-height: 34px;} h4 {font-size: 24px; line-height: normal; } /* Header */ header.site-header {top: 20px;padding-top: 50px;} /* Footer */ footer.site-footer::after {left: 20px;right: 20px;border-radius: 20px 20px 0px 0px;} .social-links {margin-right: 50px;} .footer-links-col > p {margin-right: 30px;} .footer-menu ul {gap: 30px;} .footer-logo-col {gap: 40px; } .cta-content-col {width: 70%; } /* Home */ .bg-dark::after, .bg-light::after {left: 20px; right: 20px; top: 20px; border-radius: 20px; } .home-banner {padding: 260px 0 0;} .banner-title-col {width: calc(50% - 15px); } .banner-text-col {margin-right: 70px;} .banner-image {width: 700px;height: 700px;} .shape-rt {width: 150px; height: 150px; } .shape-bottom2 {width: 247px; height: 222px; } .banner-image::after {right: 128px; top: 128px; width: 100px; height: 100px;} .intro-section {margin-bottom: 140px; } .partner-logo-list {gap: 2%; } .partner-logo-list li {width: 23.5%; height: 190px; border-radius: 30px;} .partner-logo-list li img {max-width: 150px; max-height: 120px; } .fact-banner {width: 60%; height: 450px; border-radius: 30px; } .grid-box {left: 20px; right: 20px;border-radius: 20px;} .grid-lb, .grid-lb2 {bottom: 29px;} .grid-lb3 {bottom: 122px; } .fact-wrap .title-part {width: 45%;} .fact-list-col {width: 48%;margin-right: 0px;} .faq-section {padding: 165px 0 163px; } .team-wrap .row.new-row {margin-left: -15px; margin-right: -15px; } .team-wrap .row.new-row div[class^="col-"] {padding-right: 15px; padding-left: 15px; } .team-wrap .row {row-gap: 60px; } .team-img {height: 430px;} .team-member-meta {padding: 40px 85px 55px 30px;height: calc(100% - 430px);} /* 404 */ .empty-section {padding: 260px 0px 160px;} /* Home new */ .home-simple-banner .banner-video {margin-left: 60px;} .about-bg-shape-top {right: 100px; top: -34px; width: 340px; } .about-bg-shape-bottom {right: 120px; bottom: -50px; width: 220px; } .story-slide {height: 640px;} /* Start Application */ .banner-img-only .banner-image {width: 46%; } .banner-landscape-img {width: 47%; height: 425px; margin-top: 115px; } .banner-landscape-img .shape-bottom2 {width: 150px; height: 105px; } .cta-partner-section {padding: 110px 50px 110px 50px;} .cta-partner-section .title-part {width: 46%; } .cta-partner-section .partner-simple-list {width: 50%;} /* Archive founder story */ .archive-banner .banner-title-col {width: calc(54% - 15px);} .featured-story-section .story-slide > svg {left: -23px; width: 257px; height: 270px; } /* Detail founder story */ .story-detail-banner {padding: 240px 0 140px; } .detail-banner-wrap .banner-title-col {width: calc(46% - 20px); } .story-about-section > svg {left: 120px; width: 230px; height: 241px; } .process-card {padding: 40px 40px; width: 600px; margin-right: 40px; min-height: 410px; } .flex-media-section {height: 660px;} /* Update/News archive */ .archive-banner {padding: 265px 0 100px; } } @media only screen and (max-width: 1499px) { h1 {font-size: 54px; line-height: 60px; } h2 {font-size: 30px; line-height: 36px; } h2.lg-h2 {font-size: 38px; line-height: 42px;} h2.sm-2 {font-size: 28px; line-height: 36px; } h3 {font-size: 24px; line-height: 28px; } h4 {font-size: 20px; line-height: normal;} p.lg-p {font-size: 20px;line-height: 30px;} .md-p {font-size: 16px; line-height: 28px; } .border-btn {font-size: 15px;} /* Header */ header.site-header {top: 15px; padding-top: 40px; } .main-menu > div > ul {gap: 25px;} .main-menu > div > ul > li > a {font-size: 14px;} .site-logo {width: 220px; } .lang-nl-menu .gtranslate_wrapper a.glink {font-size: 14px;} /* Footer */ footer.site-footer::after {left: 15px; right: 15px; border-radius: 16px 16px 0px 0px; } .social-links {margin-right: 20px; } .footer-links-col > p {margin-right: 20px; } .footer-links-col > p, .footer-menu ul a {font-size: 16px;} .footer-menu ul {gap: 20px; } /* Home */ .bg-dark::after, .bg-light::after {left: 15px; right: 15px; top: 15px; border-radius: 16px; } .home-banner {padding: 210px 0 0; margin-bottom: 130px;} .banner-text-col {margin-right: 0; } .banner-title-col {width: calc(57% - 15px); } .title-scroll {height:65px} .intro-wrap .title-part {width: 30%;} .intro-wrap {column-gap: 10%; } .intro-wrap .title-part {width: 30%; } .intro-text-col {width: 50%; margin-right: 5%; } .grid-box {left: 15px; right: 15px;border-radius: 16px;} .team-member-meta {height: calc(100% - 400px);} .fact-banner {height: 400px; border-radius: 20px; } .grid-lb, .grid-lb2 {bottom: 51px; } .grid-lb3 {bottom: 144px; } .team-img {height: 300px; } .team-img::after {transform: scale(0.8);transform-origin: bottom left;} .team-member-meta {height: calc(100% - 360px); padding: 30px 65px 45px 20px; } .icon-link {transform: scale(0.8);right: 10px;bottom: 10px;} .team-card-content h2 {font-size: 44px; line-height: 50px; margin-bottom: 16px; padding-right: 0; } /* Home new */ .home-simple-banner .banner-content {margin-bottom: 120px;} .home-simple-banner .banner-content .banner-image {width: 510px; height: 615px; } .home-simple-banner .banner-video {margin-left: 0px; width: 360px;height: 490px;border-radius: 20px;} .banner-media-col .image-caption-wrap {margin-left: 0; } .simple-fact-section .fact-list-col {margin-top: 0;width: 45%;} .scroll-animation h3 {font-size: 135px;line-height: 130px;} .partner-new-section .partner-logo-list li {width: 16%; height: 188px; } .partner-new-section .partner-logo-list li img {max-width: 122px; max-height: 93px; } .partner-new-section .partner-logo-list li::after {width: 100%;height: 100%;} .about-section-img {width: 42%;height: 580px;} .about-new-section .title-part {width: 50%; } .tg-card {padding: 38px 30px 35px;border-radius: 30px;} .tg-title {margin-bottom: 30px; } .support-section .title-part {width: 40%; } .support-card-list {width: 50%;} .common-modal .modal-content {padding: 40px;} .sm-close-btn {right: 32px;top: 32px;} .modal-img {width: calc(50% - 60px); left: 40px; top: 40px; bottom: 40px; } .modal-text {padding: 46px 40px 46px 40px;} .story-slide {height: 480px; } /* Start Application */ .support-new-section .about-bg-shape-top {top: 44px; width: 180px; } .requirement-section .title-part {width: 40%; } .requirement-col {width: 55%;} /* Archive founder story */ .founder-story-list {row-gap: 100px; } .quote-md-img {width: 562px;height: 520px;} .banner-text-col{width: calc(50% - 32px);} /* Detail founder story */ .about-fact-col {width: 48%;} .detail-banner-img {height: 460px;} .detail-banner-wrap .banner-title-col h1 {font-size: 40px; line-height: 50px; } .process-card {padding: 25px 25px; width: 500px; min-height: 360px; margin-right: 30px; } .process-card p {font-size: 20px; line-height: 30px; } .flex-media-section {height: 600px; } /* Update/news archive */ .news-card-lg {height: 210px;border-radius: 24px;} .news-card-lg:nth-child(1) {height: 440px;} .news-card-lg:nth-child(1)::after {width: 200px;height: 200px;left: -20px;top: -20px;} .news-list .row {row-gap: 50px; } .news-card {padding: 20px;min-height: 420px;border-radius: 24px;} .news-card-title {margin-bottom: 40px; } .news-card-title h4 {font-size: 22px; line-height: 30px; } .news-card-meta i {transform: scale(0.8); } .update-title h2 {font-size: 36px;line-height: 42px;} .update-card {padding: 30px 25px; border-radius: 24px; } /* 404 */ .empty-section {padding: 210px 0px 120px;} /* New home banner */ .home-simple-banner .banner-title-col {padding-top: 40px;} .shape-rt {width: 100px; height: 100px; top:0} .shape-bottom2 {width: 190px; height: 172px; } .home-simple-banner.bg-dark::after {height: calc(100% - 380px); } .shape-lt svg {max-height: 100%; } .home-simple-banner .banner-video .shape-lt {width: 100px; height: 99px; left: -1px; } .start-up-section {padding-top: 125px; padding-bottom: 20px; } .start-up-logo {height: 30px; } .start-up-slide {width: 340px; height: 310px;padding: 40px 20px 20px;} .cta-head-content {width: calc(70% + 15px); min-height: 280px;} /* About - New */ .secondary-banner{padding-top: 210px;} .secondary-banner-img .shape-rt {right: -15px; top: -15px; } .banner-content-col{width: calc(45% - 10px);padding-top: 45px;} .banner-content-col p{font-size: 18px;} .new-intro-section.intro-section {margin-bottom: 60px; } .partner-new-section.about-partner-section {padding-top: 60px; } .secondary-banner-img{height: 360px;} .team-member-meta{min-height: calc(100% - 320px);} .team-member-meta h4{font-size: 16px} .partner-new-section.about-partner-section {padding: 70px 0 160px; } .team-section {padding: 120px 0; } .team-card-content{max-width: 320px;} .col-team:nth-child(5n+2) .team-img::after{width: 194px;height: 127px;} .col-team:nth-child(5n+4) .team-img::after{width: 190px; height: 190px;} .col-team:nth-child(5n+6) .team-img::after{width: 113px; height: 113px;} .col-team:nth-child(5n+5) .team-img::after{width: 74px; height: 62px;} /* How We Work - New */ .target-section {padding: 140px 0; } .target-section .title-part {margin-bottom: 40px; } .support-card{height: 240px;} .tg-title h2{font-size: 26px;} /* Story Overview - New */ .archive-banner {padding: 210px 0 70px;} .label-wrap label{font-size: 12px;} .founder-img-wrap{width: 520px; height: 520px;} .founder-quote-content blockquote{font-size: 26px;line-height: 32px;margin-bottom: 30px;} .founder-quote-section {padding: 70px 0; } .founder-story-main-section {padding: 40px 0 100px; } .custom-filter .custom-filter-label{font-size: 14px;} .founder-story-list {row-gap: 60px; } .related-post-section {padding-bottom: 70px; } .founder-story-img {height: 230px;border-radius: 20px;} /* Story Detail - New */ .story-detail-banner {padding: 210px 0 120px; } .detail-banner-img .shape-lb {height: 200px; width: 200px; left: -20px; bottom: -20px; } .story-about-section > svg{width: 180px; height: 191px;} .about-fact-list li label{width: 170px;} .about-fact-list li h3{width: calc(100% - 170px);} .story-about-section + .related-post-section {margin-top: 120px; } /* News Overview - New */ .post-type-archive-update .archive-banner {padding: 180px 0 50px; } .border-label,.dark-label{font-size: 14px;} .news-card-lg:nth-child(1) h3 {font-size: 30px; line-height: 40px; } .highlighted-news-section {padding: 0 0 70px; } .news-count {margin-bottom: 60px; } 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"], input.custom-input, body .gform_wrapper.gravity-theme .gfield_label{font-size: 18px;} body .gform_wrapper.gravity-theme .gform_footer button[type="submit"], body .gform_wrapper.gravity-theme .gform_footer input[type="button"]{font-size: 14px;} .news-sm-img{height: 200px;} .flex-process-section, .flex-media-section, .flex-text-section, .flex-highlighted-section, .flex-form-section {margin-bottom: 70px; } .flex-main-section{padding: 100px 0;} /* Contact Page - New */ .contact-banner{height: 460px;} body .gform_wrapper.gravity-theme .gform_footer{margin: 20px 0 0;} .page-template-contact-page .home-banner{padding-bottom: 120px;} .faq-section {padding: 140px 0; } .panel-title{font-size: 22px;} .body-text > ul > li::after{width: 8px; height: 8px;top: 12px;} body .gform_wrapper.gravity-theme .gfield{margin-bottom: 25px;} .contact-banner .shape-rt {width: 100px; right: 0; height: 100px; top: 0; } /* Start Application - New */ .banner-landscape-img{height: 325px;margin-top: 40px;} .banner-landscape-img .shape-bottom2 {width: 120px; height: 75px; } .banner-image{height: 540px;} .shape-bottom2 {width: 160px; height: 142px; } .banner-content {margin-bottom: 50px; } .banner-text-col{margin-top: 20px;} .requirement-section {padding: 0 0 140px; } .page-template-start-an-application-page .home-banner {margin-bottom: 120px; } /* Story detail new changes */ .small-cta-section { padding: 100px 0;} } @media only screen and (max-width: 1199px) { h1 {font-size: 46px; line-height: 56px; } h2 {font-size: 28px; line-height: 34px; } h2.lg-h2 {font-size: 34px; line-height: 38px; } h2.sm-2 {font-size: 26px; line-height: 32px; } h3 {font-size: 22px; line-height: 28px; } h5 {font-size: 18px;} h6 {font-size: 14px;} /*p.lg-p {font-size: 22px; line-height: 32px; }*/ .md-p {font-size: 20px; line-height: 28px; } .border-btn {padding: 0 15px 0 15px;height: 40px;font-size: 14px;letter-spacing: 0.5px;gap: 5px;border-width: 1px;} .border-btn i {transform: scale(0.8);} /* Header */ .site-logo {width: 190px; } .site-menu-btn .border-btn {padding: 0 10px 0 8px; font-size: 12px; } .main-menu > div > ul {gap: 18px; } .main-menu > div > ul > li > a {font-size: 12px; } /* Footer */ .cta-bottom-section {padding-top: 110px;} footer.site-footer {padding: 260px 0 45px;} footer.site-footer::after {left: 10px; right: 10px; border-radius: 10px 10px 0px 0px; } .footer-cta {padding: 40px 30px 40px; border-radius: 10px;} .cta-content-col {width: 73%; } .cta-content-col h2 {font-size: 30px; line-height: 38px; margin-bottom: 10px; } .cta-person-col {width: 150px;margin-top: 0;} .cta-person-img {width: 80px; height: 80px; border-radius: 10px; margin-bottom: 15px; } .cta-content-col p {margin-bottom: 20px;} .cta-content-col .btn-wrap {gap: 10px; } .footer-logo-col {gap: 20px; } .footer-logo img{height: 40px;} .footer-logo:last-child img {max-width: 100px; } .social-links {margin-right: 15px; } .social-links a {width: 40px;height: 40px;} .social-links a svg {transform: scale(0.7); } .footer-links-col > p, .footer-menu ul a {font-size: 14px; } /* Home */ .bg-dark::after, .bg-light::after {left: 10px; right: 10px; top: 10px; border-radius: 10px; } .home-banner {padding: 160px 0 0;margin-bottom: 100px; } .home-banner.bg-dark::after {height: calc(100% - 300px); } .banner-title-col {width: 55%; } .title-scroll {height: 61px;} .border-label {height: 30px;border-width: 1px;} .dark-label {height: 30px;} .banner-text-col {margin-right: 0; width: calc(45% - 30px); margin-top: 50px; padding-right: 0; } .banner-video {width: 300px;height: 440px;} .video-content {padding: 15px; gap: 15px; } .video-content i {width: 40px;height: 40px;padding-left: 5px;} .video-content i svg {transform: scale(0.8); } .video-title {width: calc(100% - 55px); } .video-title h5 {font-size: 18px; line-height: 24px; } .video-title > span {font-size: 15px;} .banner-image {width: 540px; height: 540px; border-radius: 20px;} .shape-rt {width: 120px; height: 120px; } .shape-bottom2 {width: 197px; height: 177px; } .banner-image::after {right: 108px; top: 108px; width: 80px; height: 80px; } .video-close {right: -20px; top: -20px; width: 40px; height: 40px;} .intro-section {margin-bottom: 100px; } .intro-wrap .title-part {width: 35%; margin: 0; } .intro-text-col {width: 55%; margin-right: 0; } .title-part h2 {margin-bottom: 15px; } .partner-logo-section { margin-bottom: 100px;} .partner-logo-section h2 { margin-bottom: 50px;} .partner-logo-list li {width: 23.5%; height: 130px; border-radius: 14px; } .partner-logo-list li img {max-width: 100px; max-height: 70px; } .grid-box {left: 10px; right: 10px;border-radius: 10px;top: 80px;} .grid-lb, .grid-lb2 {bottom: 8px; } .grid-lb3 {bottom: 102px; } .fact-banner {height: 350px;margin-bottom: 80px;} .fact-wrap .title-part {width: calc(50% - 15px); } .fact-wrap .title-part .sm-title {margin-bottom: 20px; } .fact-list-col {width: calc(50% - 15px);} .fact-list li {padding: 20px 15px 20px; margin-bottom: 15px; } .faq-section {padding: 100px 0; } .panel-title {font-size: 22px;} .panel-group .panel > i {bottom: 22px;} .panel-collapse {margin-top: 0;} .team-wrap .row {row-gap: 40px; } .team-card-content h2 {font-size: 36px; line-height: 44px; } .team-member-meta {height: calc(100% - 300px); padding: 25px 65px 35px 15px; } .icon-link {transform: scale(0.7); right: 5px; bottom: 5px; } /* 404 page */ .empty-section {padding: 210px 0px 110px;} .empty-section h1 {font-size: 110px; line-height: 110px;} /* Home new */ .home-simple-banner .banner-title-col {width: 80%; padding-top: 40px; } .home-simple-banner .banner-content {margin-bottom: 80px; } .home-simple-banner .banner-content .banner-image {width: 400px; height: 510px; } .home-simple-banner h1 {font-size: 52px; line-height: 56px; } .home-simple-banner .banner-video {margin-left: 0; width: 300px; height: 380px; } .shape-lt {transform: scale(0.6);transform-origin: left top;} .simple-fact-section .title-part {width: 45%; } .scroll-animation h3 {font-size: 95px; line-height: 90px; } .partner-new-section {padding: 120px 0 140px; } .partner-new-section .title-part {margin-bottom: 70px;} .partner-new-section .partner-logo-list {gap: 80px; } .partner-new-section .partner-logo-list li img {max-width: 102px; max-height: 83px; } .partner-new-section .partner-logo-list li {width: 17%; height: 160px; } .about-new-section {padding: 135px 0;} .about-bg-shape-top {right: 65px; top: -66px; width: 230px; } .about-bg-shape-bottom {right: 90px; bottom: -85px; width: 150px; } .about-section-img {width: 48%; height: 480px; } .about-img-title {left: 20px; right: 20px; top: 20px; bottom: 20px; border: 20px solid #00A39A; } .about-img-title h3 {width: 220px; font-size: 28px; padding-bottom: 13px; margin-top: -1px; } .about-new-section .title-part {width: 47%; } .title-part .border-btn {margin-top: 20px; } .target-section {padding: 110px 0; } .target-section .title-part {margin-bottom: 40px; } .tg-card {padding: 30px 15px 28px; border-radius: 16px; } .tg-title {margin-bottom: 30px; } .tg-title h2 {font-size: 24px; line-height: 32px; } .tg-title p {font-size: 15px; } .tg-character-list li {margin-bottom: 5px; padding-left: 20px; font-size: 14px; } .tg-character-list li::before {font-size: 18px;} .goal-section {padding: 120px 0 70px; } .goal-section .title-part {margin-bottom: 40px;} .goal-card {padding: 35px 20px 34px;} .goal-card h2 {font-size: 28px; line-height: 36px; } .goal-card > span {font-size: 20px;} .goal-progress {height: 44px;margin-top: 20px;} .goal-progress small {right: 30px; top: 14px; font-size: 18px; } .support-section {padding: 70px 0 100px; } .support-card-list {width: 56%; } .support-card {height: 230px; padding: 30px 20px;} .support-card h4 {font-size: 22px; line-height: 28px; } .support-card .icon-plus {right: 20px; bottom: 20px; } .support-card .icon-plus svg {width: 16px; height: 16px; } .common-modal .modal-content {padding: 20px; } .modal-img {width: calc(50% - 60px); left: 20px; top: 20px; bottom: 20px; } .modal-text {padding: 46px 30px 46px 30px; width: calc(50% + 40px); } .story-section {padding-bottom: 80px;} .story-section-header .title-part {width: calc(100% - 200px); } .story-section-header {margin-bottom: 40px;} .story-slide {height: 450px; border-radius: 20px;} .story-meta {padding: 30px 25px;} .story-meta h2 {margin-bottom: 10px;} .story-meta h4 {font-size: 24px;} .quote-section {padding: 50px 0 20px; } blockquote.lg-quote {font-size: 34px; line-height: 44px; margin-bottom: 14px;} .home-simple-banner .banner-video {border-radius: 20px;} /* About */ .page-template-about-page .mobile-menu-icon, .page-template-start-an-application-page .mobile-menu-icon, .page-template-contact-page .mobile-menu-icon {background-color: #00696D;} .page-template-about-page .intro-section {margin-bottom: 0; } .page-template-about-page .partner-new-section {padding-bottom: 160px; } .page-template-about-page .story-section {padding-top: 100px; } /* Start Applicaiton */ .page-template-start-an-application-page .home-banner {margin-bottom: 100px; } .banner-landscape-img {width: 47%; height: 285px; margin-top: 65px; border-radius: 30px; } .banner-landscape-img .shape-bottom2 {width: 90px; height: 63px; } .banner-img-only .banner-image .shape-bottom2 {right: 130px;} .page-template-start-an-application-page .home-banner.bg-dark::after {height: calc(100% - 295px); } .requirement-card {padding: 25px 70px 25px 20px;} .requirement-card i {right: 20px; bottom: 20px; } .requirement-section {padding: 0 0 100px; } .support-new-section .about-bg-shape-top {top: 37px; width: 150px; } .cta-card-section {padding: 80px 0 0; margin-bottom: -210px; } .cta-application-card, .cta-contact-card {padding: 40px 30px 40px;min-height: 360px;} .cta-inner-wrap .cta-person-col {width: 80px;} .cta-inner-wrap .cta-person-title h5 {font-size: 15px;} .cta-contact-card .btn-wrap {gap: 15px; } .text-link {font-size: 14px;} .cta-partner-section {padding: 70px 20px; } .cta-partner-section .partner-simple-list li {height: 200px; border-radius: 25px; } .cta-partner-section .partner-simple-list li img {max-width: 95px; max-height: 86px; } /* Contact */ .page-template-contact-page .home-banner {padding-bottom: 115px; } .contact-info-col {width: calc(50% - 10px);} .contact-banner {height: 360px; border-radius: 33px; } .contact-content .banner-title-col {margin-bottom: 80px; } .contact-meta {padding: 47px 30px 40px; border-radius: 30px; } /* Archive founder story */ .archive-banner {padding: 185px 0 80px; } .featured-story-section .story-slide > svg {left: -14px; width: 167px; height: 195px; } .goal-section.goal-story-section .title-part {margin-bottom: 50px;} .title-text {padding-right: 0;} .story-filter-header {padding: 50px 0 0;} .total-cards {font-size: 24px; line-height: 28px; } .founder-story-main-section {padding: 40px 0 70px; } .custom-filter .custom-filter-label {font-size: 14px;} .founder-story-list {row-gap: 40px; } .founder-story-img { border-radius: 24px;} .founder-story-content > p {font-size: 16px; line-height: 24px; } .founder-story-content > p > strong {font-size: 20px;line-height: 32px;} .founder-story-content > i {transform: scale(0.8);} .founder-story-main-section + .scroll-section {padding-top: 0; } .quote-sm-section {padding: 88px 0 100px; } .quote-sm-card {padding: 35px 30px;border-radius: 24px;} .quote-sm-card blockquote {font-size: 30px;line-height: 40px;margin-bottom: 40px;} .quote-md-section {padding: 40px 0 35px; } .quote-md-img {width: calc(50% - 15px); height: 440px; } .quote-md-img .shape-rt {transform: scale(0.6); transform-origin: right top; } .shape-lb {transform: scale(0.6);transform-origin: left bottom;} .quote-md-content {width: calc(50% - 15px); } .quote-md-content blockquote {font-size: 28px; line-height: 36px; margin-bottom: 20px; } .quote-md-content h5 {font-size: 20px; line-height: 26px; } /* Detail founder story */ .story-detail-banner {padding: 180px 0 90px; } .detail-banner-wrap .banner-title-col {width: calc(50% - 20px); } .detail-banner-wrap .banner-title-col h1 {font-size: 44px; line-height: 50px; margin-bottom: 20px; } .detail-banner-img {height: 360px; } .detail-banner-img .shape-lb {left: -13px; bottom: -13px; } .story-about-section::after {top: 0 !important; } .story-about-section {padding: 85px 0 140px;} .about-fact-col {width: 56%; } .about-fact-list li {padding: 20px 16px;} .about-fact-list li label {font-size: 18px; line-height: 28px; width: 180px; } .about-fact-list li h3 {width: calc(100% - 180px); padding-left: 15px; font-size: 20px; line-height: 28px; } .story-about-section > svg {left: 50px; width: 130px; height: 160px; } .flex-main-section {padding: 90px 0 90px;} .flex-process-section .title-part {margin-bottom: 30px;} .process-card {width: 440px; min-height: 330px; margin-right: 20px;} .flex-process-section, .flex-media-section, .flex-text-section, .flex-highlighted-section, .flex-form-section {margin-bottom: 95px; } .flex-media-section {height: 550px; border-radius: 24px; } .flex-text-section .title-part {margin-bottom: 40px;} .body-text.two-col-text {column-gap: 40px; } .flex-highlighted-section {padding: 45px 45px;} .related-post-section {padding-bottom: 40px; } .related-post-section .title-part {margin-bottom: 30px; } /* Update/News archive */ .highlighted-news-section {padding: 0 0 60px; } .news-title-lg {padding: 0 50px 30px 25px;} .news-title-lg > i {right: 15px;bottom: 20px;transform: scale(0.7);} .news-card-lg:nth-child(1)::after {width: 180px; height: 180px; left: -15px; top: -16px; } .news-card-lg:nth-child(1) h3 {font-size: 28px; line-height: 34px; word-break: break-word; } .news-count {margin-bottom: 50px; } .news-main-section {padding: 20px 0 20px; } .news-card {padding: 20px 20px;min-height: 350px;} .news-card-title h4 {font-size: 20px; line-height: 28px; } .update-card {padding: 25px 20px;} .update-title h2 {font-size: 30px; line-height: 38px;} /* Text */ .body-text blockquote {font-size: 28px;line-height: 40px;} /* Flex form section */ .flex-form-section {padding: 55px 45px;} .form-title h2 {margin-bottom: 20px;} /* Home Page - CTA Section */ .col-news-column .update-title{width:60%;} .col-news-column .btn-wrap{width:35%;} .story-about-section + .related-post-section { margin-top: 90px; } /* About - New */ .secondary-banner-img {height: 320px; } .new-intro-section .intro-wrap .title-part{width: calc(46% - 10px);} .financing-partner-logos li{height: 80px;} .secondary-banner-img .shape-rt {right: -18px; top: -18px; } /* Story Overview - New */ .founder-img-wrap {width: 440px; height: 440px; } .founder-quote-content {width: 440px; } .founder-story-img {height: 180px; border-radius: 12px; } .founder-story-content strong {font-size: 20px; line-height: 28px; } .detail-banner-img {border-radius: 15px 15px 15px 0px;} /* Start Application - New */ .banner-img-only .banner-image{height: 460px;} /* Story detail new changes */ .banner-btn-wrap {margin-top: 10px;} .story-about-section.founding-members-section {padding-bottom: 85px;} .sm-cta-left-col { width: 50%;} .sm-cta-left-col p {margin-bottom: 30px;} .small-cta-section {padding: 80px 0;} .sm-cta-right-col {width: 40%;} } @media only screen and (max-width : 991px) { /* Footer */ .footer-links-col {width: 100%; margin-bottom: 20px; justify-content: center; } .footer-logo-col {gap: 30px; width: 100%; justify-content: center; } /* Home */ .banner-image {width: 400px; height: 540px; } .shape-bottom2 {width: 147px; height: 127px; right: 60px; } .banner-image::after {right: 98px; top: 98px; } .grid-lb, .grid-lb2 {bottom: 36px; } .grid-lb3 {bottom: 129px; } .team-member-meta {height: calc(100% - 350px);} /* Home new */ .home-simple-banner .banner-title-col{width: 100%;} .home-simple-banner h1 {font-size: 46px; line-height: 50px; } .title-scroll {height: 55px;} .partner-new-section .partner-logo-list {gap: 60px; } .partner-new-section .partner-logo-list li {width: 18%; height: 130px; } .partner-new-section .partner-logo-list li img {max-width: 90px; max-height: 70px; } .partner-new-section {padding: 100px 0; } .team-section {padding: 100px 0; } .start-up-section { padding-top: 100px;} .cta-left-col {width: 100%; padding: 30px; } .cta-newsletter {width: 100%; padding: 30px; margin-top: 40px; } .cta-head-content{min-height: 220px;} .story-slide{height: 360px;} footer.site-footer {padding: 200px 0 45px; } /* Start Application */ .cta-card-wrap {row-gap: 20px; } .cta-application-card, .cta-contact-card {min-height: auto; width: 100%; } .cta-inner-wrap {margin-bottom: 30px; } /* Menu bg color css */ .post-type-archive-founder-story .menu-wrap, .single-founder-story .menu-wrap, .post-type-archive-update .menu-wrap, .single-update .menu-wrap, .page-template-text-page-php .menu-wrap {background-color: #EFF8F7;} /* Flex form section */ .form-title {width: 100%; margin-bottom: 40px; } .form-flex-col {width: 100%; } /* Story Overview - New */ .founder-quote-content {width: 340px; } .founder-img-wrap {width: 340px; height: 340px; } .founder-quote-section {padding: 40px 0; } .shape-rt {width: 80px; height: 80px; top: 0; } .story-filter-header {padding: 0px; } .founder-story-img {height: 140px; } /* Start Application - New */ .banner-img-only .banner-image {height: 420px; } .support-section {padding: 70px 0; } /* About new */ .secondary-banner-img .shape-rt {right: -12px; top: -12px; } .founder-img-wrap .shape-rt {top: -20px; right: 0;} } @media only screen and (max-width : 767px) { body {font-size: 16px;line-height: 26px;} h1 {font-size: 36px; line-height: 40px; } h2 {font-size: 26px; line-height: 32px; } h2.lg-h2 {font-size: 32px; line-height: 36px; } p.lg-p {font-size: 20px; line-height: 30px; } .md-p {font-size: 18px; line-height: 26px; } /* Header */ header.site-header {top: 0; } .site-logo {width: 130px;} .header-top,.header-bottom {display: none;} .mobile-menu-icon {display: flex; flex-wrap: wrap; align-items: center;width: 70px;height: 35px;background-color: #003231; border-radius: 5px; gap: 5px; justify-content: center; cursor: pointer; position: relative; z-index: 111;} .mobile-menu-icon i {width: 20px; height: 20px; } .mobile-menu-icon i svg {float: left; width: 100%; height: 100%; } .mobile-menu-icon span {color: #D7F6F3; font-size: 11px; font-family: 'Safiro-Bold'; letter-spacing: 0.8px; text-transform: uppercase; } .menu-wrap {position: fixed; right: 0; top: 0; bottom: 0; width: 100%; padding: 120px 15px; background-color: #001E1E; z-index: 11; overflow: auto; display: block; transform: translateX(100%);} .site-menu-btn {gap: 10px;display: flex; justify-content: right;} .site-menu-btn.menu-open .menu-wrap {transform: translateX(0); } .site-menu-btn .border-btn {padding: 0 15px 0 10px; font-size: 14px; float: right; } .main-menu {float: right; width: 100%; margin-top: 40px; } .main-menu > div {width: 100%;} .main-menu > div > ul {gap: 25px; width: 100%; flex-direction: column; align-items: flex-end; } .main-menu > div > ul > li > a {font-size: 16px;} .lang-nl-menu {position: relative; z-index: 11; } .lang-nl-menu .gtranslate_wrapper {width: 72px;} .lang-nl-menu .gtranslate_wrapper a.glink {width: 30px;font-size: 12px; } .border-btn {padding: 2px 10px 0 10px; font-size: 11px; letter-spacing: 0.2px; gap: 2px; } .border-btn i {transform: scale(0.8); width: 20px; } /* Footer */ footer.site-footer::after {left: 0; right: 0; border-radius: 0; } .cta-bottom-section {padding-top: 80px; } .footer-cta {padding: 40px 20px 30px; border-radius: 10px;} .cta-content-col {width: 100%; } .cta-content-col h2 {font-size: 26px; line-height: 34px; } .cta-person-col {width: 100%; margin-top: 30px; } .cta-person-img {float: left;} .cta-person-title {float: left; width: calc(100% - 80px); text-align: left; margin-top: 20px; padding-left: 15px; } .footer-menu {width: 100%; display: flex; justify-content: center; margin-top: 20px; margin-bottom: 10px; } .footer-links-col > p {margin-right: 0; } /* Home */ .bg-dark::after, .bg-light::after {left: 0; right: 0; top: 0; border-radius: 0; } .home-banner {padding: 120px 0 0; margin-bottom: 80px;} .home-banner.bg-dark::after {height: calc(100% - 220px); } .banner-title-col {width: 100%; } .banner-text-col {width: 100%; margin-top: 30px;} .title-scroll {height: 45px;} .banner-content {margin-bottom: 50px; } .banner-video {display: flex; flex-wrap: wrap; margin: 0 auto 30px; } .banner-image {width: 300px; height: 440px; display: flex; flex-wrap: wrap; margin: 0 auto; } .shape-rt {width: 80px; height: 80px; } .shape-bottom2 {width: 107px; height: 96px; right: 30px; } .banner-image::after {right: 68px; top: 68px; width: 60px; height: 60px; border-radius: 10px; } .video-close {right: 0; top: -50px; } .intro-section {margin-bottom: 80px; } .intro-wrap .title-part {width: 100%; margin: 0 0 10px;} .intro-text-col { width: 100%;} .partner-logo-section h2 {margin-bottom: 30px;} .partner-logo-section {margin-bottom: 80px; } .partner-logo-list {gap: 3%; row-gap: 10px; } .partner-logo-list li {width: 48.5%; height: 100px; border-radius: 10px; } .partner-logo-list li img {max-width: 80px; max-height: 60px; } .fact-banner {height: 300px; margin-bottom: 60px; width: 100%; } .grid-box {left: 0px; right: 0px;border-radius: 10px;top: 80px;background-size: 60px 60px;} .grid-box i{display: none;} .fact-wrap .title-part {width: 100%; margin-bottom: 40px; } .fact-list-col {width: 100%; } .faq-section {padding: 80px 0 80px; } .faq-section .title-part {margin-bottom: 30px; padding-right: 0; } .panel-title {font-size: 18px; line-height: 26px; } .panel-group .panel > i {bottom: 0; top: 0; margin: auto; } .team-section {padding: 70px 0;} .team-section.bg-light::after {background-size: 60px 60px;} .team-card-content h2 {font-size: 30px; line-height: 36px; } .team-member-meta {height: calc(100% - 340px);} .team-member-meta h3 {margin-bottom: 4px; } .team-member-meta h4 {font-size: 18px;} /* 404 page */ .empty-section {padding: 190px 0px 80px;} .empty-section h1 {font-size: 80px; line-height: 80px;} /* Home new */ .home-simple-banner .banner-title-col {width: 100%; padding-top: 0; margin-bottom: 40px; } .home-simple-banner .banner-content {margin-bottom: 30px; } .home-simple-banner .banner-content .banner-image {width: 300px; height: 440px; position: relative; } .banner-image-wrap {position: relative; display: flex; flex-wrap: wrap; width: 100%; flex-direction: column; align-items: center; text-align: center; } .banner-image-wrap .image-caption-wrap * {color: #D7F6F3; } .banner-media-col .image-caption-wrap {text-align: center;} .home-simple-banner .banner-content .banner-image .shape-bottom2 {opacity: 0; } .home-simple-banner .banner-video {margin-left: auto;border-radius: 20px; margin-bottom: 0;} .border-label,.dark-label {font-size: 12px;} .label-dot::before {width: 10px;height: 10px;} .home-simple-banner h1 {font-size: 30px; line-height: 40px; padding-right: 0} .title-scroll span {font-size: 20px;} .simple-fact-section .title-part {width: 100%; margin-bottom: 40px; } .title-part .border-btn {margin-top: 10px; } .scroll-animation h3 {font-size: 65px; line-height: 70px; } .partner-new-section {padding: 80px 0 100px; } .partner-new-section .title-part {margin-bottom: 50px; width: 100%; } .partner-new-section .partner-logo-list {gap: 70px; max-width: 330px; margin: 0 auto; } .partner-new-section .partner-logo-list li {width: 110px; height: 110px; } .partner-new-section .partner-logo-list li img {max-width: 80px; max-height: 60px; } .about-bg-shape-top {right: 35px; top: -87px; width: 160px; } .about-bg-shape-bottom {right: 60px; bottom: -116px; width: 90px; } .about-section-img {width: 330px; height: 440px; margin: 0 auto 50px; border-radius: 20px; } .about-img-title {left: 15px; right: 15px; top: 15px; bottom: 15px; border: 15px solid #00A39A; } .about-img-title h3 {width: 200px; font-size: 24px; margin-top: 0; } .about-new-section .title-part {width: 100%; } .about-new-section {padding: 125px 0 100px; } .team-section.bg-light::after, .bg-pattern::after {background-size: 60px;background-position: 31px 31px;} .target-section {padding: 80px 0; } .tg-list-wrap .row {row-gap: 30px; } .goal-section {padding: 70px 0 50px; } .goal-info {row-gap: 30px; } .goal-card {width: 100%; } .goal-card h2 {font-size: 26px; line-height: 34px; } .support-section {padding: 50px 0 90px; } .support-section .title-part {width: 100%; margin-bottom: 40px; } .support-card-list {width: 100%; } .support-card {height: 160px; width: 100%; } .common-modal .modal-dialog {border-radius: 20px;max-width: calc(100% - 20px);} .modal-img {width: 100%; left: 0; top: 0; bottom: initial; height: 260px; border-radius: 20px;z-index: 1;} .modal-text {padding: 270px 5px 5px; width: 100%; } .sm-close-btn {right: 20px; top: 20px;z-index: 11;} .story-section-header .title-part {width: 100%; margin-bottom: 0px; } .story-slide {margin-right: 30px; border-radius: 20px; height: 300px;} .story-slide > i {right: 15px; bottom: 20px; transform: scale(0.7); } .story-meta {padding: 20px 15px; width: 85%; } .story-meta h2.lg-h2 {font-size: 24px; line-height: 30px; } .story-meta h4 {font-size: 18px; } .quote-section {padding: 50px 0 0px; } blockquote.lg-quote {font-size: 28px; line-height: 36px; margin-bottom: 10px; } /* About */ .page-template-about-page .partner-new-section {padding-bottom: 100px; } .page-template-about-page .story-section {padding-top: 80px; } /* Start Application */ .page-template-start-an-application-page .home-banner {margin-bottom: 80px; } .page-template-start-an-application-page .home-banner.bg-dark::after {height: calc(100% - 195px); } .banner-landscape-img {width: 330px; height: 225px; border-radius: 20px; margin: 0 auto 50px; } .banner-landscape-img .shape-bottom2 {opacity: 0; } .banner-img-only .banner-image {width: 330px; height: 300px;} .requirement-section {padding: 0 0 80px; } .requirement-section .title-part {width: 100%; margin-bottom: 30px;} .requirement-col {width: 100%; } .requirement-card i {transform: scale(0.8); } .support-new-section .about-bg-shape-top {opacity: 0;} .cta-card-section { margin-bottom: -190px;} .cta-application-card, .cta-contact-card {padding: 30px 20px; } .cta-card-title h2 {margin-bottom: 10px; } .cta-inner-wrap .cta-content-col h2 {margin-bottom: 5px; } .cta-inner-wrap .cta-person-col {width: 100%; margin-top: 20px; } .cta-inner-wrap .cta-person-img {margin-bottom: 0; } .text-link {font-size: 11px; } .cta-partner-section {padding: 30px 20px; } .cta-partner-section .title-part {width: 100%; margin-bottom: 40px; } .cta-partner-section .partner-simple-list {width: 100%;} .cta-partner-section .partner-simple-list li {height: 100px; border-radius: 10px; } .cta-partner-section .partner-simple-list li img {max-width: 75px; max-height: 66px; } /* Contact */ .page-template-contact-page .home-banner {padding-bottom: 85px; } .contact-content {width: 100%;} .contact-info-col {width: 100%; margin-top: 70px; } body .gform_wrapper.gravity-theme .ginput_complex span {margin-bottom: 39px;} body .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full) {padding-right: 0 !important; } body .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full):nth-child(2) {margin-bottom: 0; } body .gform_wrapper.gravity-theme .gform_footer {margin: 30px 0 0; } .contact-banner {height: 440px; border-radius: 25px; width: 100%; margin: 0 auto 30px; float: none; } .contact-meta {padding: 35px 20px 30px; border-radius: 20px; } .contact-content .banner-title-col {margin-bottom: 60px; } /* Archive founder story */ .archive-banner {padding: 160px 0 30px; } .archive-banner .banner-title-col {width: 100%; } .title-head {width: 100%; } .title-text {width: 100%; margin-top: 20px; } .custom-filter {width: 100%; margin-top: 30px; } .story-filter-header {padding: 30px 0 0; } .founder-story-main-section {padding: 47px 0 70px; } .founder-story-card {width: 100%; } .founder-story-img {height: 220px; } .label-wrap {margin-bottom: 5px; } .label-wrap label {font-size: 12px; margin-bottom: 6px; } .founder-story-content strong {margin-bottom: 8px;} .founder-story-content > p {font-size: 16px; line-height: 24px; } .founder-story-content > p > strong {font-size: 18px; line-height: 30px; } .quote-sm-section {padding: 64px 0 70px; } .quote-sm-card {padding: 25px 20px; border-radius: 20px; } .quote-sm-card blockquote {font-size: 22px; line-height: 34px; margin-bottom: 30px; } .quotee-info {gap: 15px; width: 100%; margin-bottom: 30px; } .quotee-img {width: 60px;height: 60px;border-radius: 10px;} .quotee-name h5 {font-size: 18px;} .simple-icon-link {gap: 10px;} .simple-icon-link i {transform: scale(0.6); } .quote-md-section {padding: 30px 0 0px; } .quote-md-img {width: 100%; height: 310px; } .quote-md-content {width: 100%; margin-top: 30px;} .quote-md-content blockquote {font-size: 22px; line-height: 30px; } .quote-md-content h5 {font-size: 18px; line-height: 26px; } /* Detail Founder story */ .story-detail-banner {padding: 160px 0 70px;} .detail-banner-wrap .banner-title-col {width: 100%; margin-bottom: 40px; } .detail-banner-col {width: 330px;margin: 0 auto;} .detail-banner-img {width: 330px; margin: 0 auto; } .detail-banner-col .detail-banner-img {width: 100%;} .story-about-section {padding: 75px 0 160px; } .story-about-section .title-part {width: 100%; margin-bottom: 40px; } .about-fact-col {width: 100%; } .about-fact-list li label {font-size: 16px;width: 150px; } .about-fact-list li h3 {width: calc(100% - 160px); padding-left: 10px; font-size: 18px; } .flex-main-section {padding: 70px 0 70px; } .process-card {width: 310px; min-height: 330px; margin-right: 15px; padding: 20px 15px;} .process-title h5 {font-size: 16px;} .process-card p {font-size: 18px; line-height: 26px; } .flex-process-section, .flex-media-section, .flex-text-section, .flex-highlighted-section, .flex-form-section {margin-bottom: 70px; } .flex-media-section {height: 440px; border-radius: 20px; } .flex-media-section .video-content {transform: scale(0.8);} .flex-text-section .title-part {margin-bottom: 30px; } .body-text.two-col-text {column-gap: 0; column-count: 1; } .flex-highlighted-section {padding: 25px 15px; } .related-post-section {padding-bottom: 0; } .body-text h1, .body-text h2 {margin-bottom: 20px;} /* Update/News archive */ .highlighted-news-section {padding: 0 0 40px; } .news-card-lg {width: 100%;border-radius: 16px;} .news-card-lg:nth-child(1) {height: 440px; width: 100%; } .news-card-lg:nth-child(1)::after {width: 140px; height: 140px; left: -12px; top: -12px; } .news-card-lg:nth-child(1) h3 {font-size: 26px; line-height: 32px;} .news-list .row {row-gap: 30px; } /* Update/News detail */ .single-update .related-post-section {padding-bottom: 0; } /* Text */ .body-text blockquote {font-size: 24px; line-height: 36px; } /* Flex form section */ .flex-form-section {padding: 35px 15px;} /* Home Page - CTA Section */ .col-news-column .btn-wrap{width:100%;margin-top:40px} .col-news-column .update-title{width:100%;} .cta-section { padding: 30px 0px; } .story-about-section + .related-post-section { margin-top: 70px; } /* Home - New */ .simple-fact-section .fact-list-col{width: 100%;} .start-up-section {padding-top: 60px; } .start-up-slide{width: 100%;} .start-up-section .title-part{width: 65%;} .cta-new-section { padding: 60px 0 0;} .cta-head-content{width: 100%;min-height: auto;} .cta-title-col {margin-bottom: 30px; } .cta-left-col{gap: 30px;padding: 30px 20px;} .cta-newsletter{padding: 30px 20px;} .cta-newsletter-head {margin-bottom: 30px; } body .gform_wrapper.gravity-theme .gform_validation_errors > h2, body .gform_confirmation_message{font-size: 16px;line-height: 24px;padding: 16px 20px;} .splide__arrows {gap: 26px;} .splide__arrow {width: 22px; height: 22px; } /* About - New */ .secondary-banner {padding-top: 120px; } .banner-title-col h1 {padding-right: 0; } .banner-content-col {width: 100%; padding-top: 45px; } .secondary-banner-img {height: 320px; width: 100%;} .new-intro-section .intro-wrap .title-part {width: 100%; } .new-intro-section .intro-text-col {width: 100%; } .financing-partner-logos {gap: 10px; } .financing-partner-logos li {height: 60px; width: 90px; } .new-intro-section.intro-section {margin-bottom: 30px; } .partner-new-section.about-partner-section {padding: 70px 0 100px; } .founder-story-list{grid-template-columns: repeat(1, 1fr);} /* Archive founder story */ .archive-banner {padding: 120px 0 30px; } .founder-img-wrap {width: 100%; height: 300px; margin-bottom: 40px; } .founder-quote-section {padding: 30px 0; } .founder-quote-content {width: 100%; } /* Detail founder story */ .story-detail-banner {padding: 120px 0 70px; } /* News Overview - New */ .post-type-archive-update .archive-banner {padding: 120px 0 50px; } /* Story detail new changes */ .story-about-section.founding-members-section {padding-bottom: 75px;} .sm-cta-left-col {width: 100%;margin-bottom: 40px;} .sm-cta-left-col p { margin-bottom: 20px;} .sm-cta-right-col {width: 100%;text-align: left;align-items: flex-start;} }