*,
*::before,
*::after {
margin: 0;
padding: 0;
box-sizing: border-box;
}
:root { --primary-color: #ff5733;
--bg-color: #f4f4f4;
--text-color: #333333;
--white-color: #fff;
--green-color: #208752;
--nav-black: #131517;
--cta-dark: #231F20;
--footer-link: #d1d1d2;
--navy: #14263B;
--cream: #F6F3EC;
--paper: #FFFFFF;
--gold: #A9803E;
--gold-soft: #E4D3B3;
--sage: #208752;
--sage-soft: #CFE0D3;
--ink: #1C2A36;
--ink-soft: #231F20;
--hairline: #DAD3C2;
--label-bg: #F3F3F3;
--text-navy: #233647; --Inter: "Inter", sans-serif;
--arial: "Arial", sans-serif;
}
html {
scroll-behavior: smooth;
}
body {
color: var(--text-color);
font-family: var(--Inter);
-webkit-font-smoothing: antialiased;
scroll-behavior: smooth;
overflow-x: hidden;
}
body.overlay {
overflow-y: hidden;
} img,picture,video,canvas,svg {
display: block;
max-width: 100%;
} .container {
width: 100%;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 641px) {
.container {
max-width: calc(100% - 60px);
}
}
@media (min-width: 1200px) {
.container {
max-width: 1140px;
}
}
@media (min-width: 1400px) {
.container {
max-width: 1280px;
}
}  .page-title {
font-size: clamp(36px, 4.7vw, 75px);
color: var(--white-color);
font-weight: normal;
font-weight: 200;
line-height: 108%;
letter-spacing: -3%;
}
.discipline_title {
font-weight: 200;
font-size: clamp(36px, 4.5vw, 75px);
line-height: 108%;
letter-spacing: -3%;
}
.discipline_title .accent {
color: #3f9463;
display: block;
}
p {
color: #3a4547;
margin: 0;
font-weight: 300;
font-size: 18px;
line-height: 134%;
letter-spacing: 0%;
} .buttons > .dark {
margin-right: 10px;
} .btn {
display: inline-flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
font-family: var(--Inter);
font-size: 18px;
font-weight: 300;
text-decoration: none;
text-align: center;
color: var(--cta-dark);
background: transparent;
border: 1px solid var(--green-color);
border-radius: 5px;
padding: 8px 60px 8px 18px;
position: relative;
overflow: hidden;
cursor: pointer;
transition: all 0.3s ease-in-out;
line-height: 134%;
letter-spacing: 0%;
height: 43px;
}
.btn:hover{
background: var(--cta-dark);
color: var(--white-color);
}
.btn:hover:after{
color: var(--white-color);
}
.btn::after {
content: "›";
position: absolute;
top: 0;
right: 0;
width: 45px;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
font-weight: 300;
color: var(--cta-dark);
border-left: 1px solid var(--green-color);
box-sizing: border-box;
line-height: 134%;
}
.dark {
background-color: var(--cta-dark);
color: var(--white-color);
border: transparent;
}
.btn > span {
display: inline-block;
margin-left: 5px;
}
.dark:hover {
background-color: var(--green-color);
color: var(--white-color);
}
.dark.btn::after{
color: var(--white-color);
border-left-color: #575758;
}
.green {
background-color: var(--green-color);
color: var(--white-color);
border: transparent;
}
.green.btn::after{
color: var(--white-color);
border-left-color: #99999a;
}  header {
width: 100%;
transition: all 0.6s ease;
position: fixed;
top: 0;
z-index: 3;
}
.scrolled,.dark-header .scrolled {
background: var(--white-color) ;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
}
.scrolled .nav-links a {
color: var(--cta-dark);
}
.default-logo{
display: none;
}
.dark-header header{
background: var(--nav-black);
}
.scroll-logo{
display: inline-block;
transition: width 0.6s ease, filter 0.6s ease;
filter: brightness(0) invert(1);
width: 145px;
}
.scrolled .custom-logo-link {
padding: 15px 0;
}
.scrolled .custom-logo-link .scroll-logo{
width: 90px;
filter: brightness(1) invert(0);
}
@media (max-width: 1400px){
.scroll-logo{
width: 115px;
}
}
a.custom-logo-link {
display: flex;
padding: 20px 0;
}
.navbar {
display: flex;
align-items: center;
justify-content: space-between;
transition: all 0.3s ease;
}
.logo {
color: #222;
font-size: 28px;
font-weight: 700;
text-decoration: none;
padding: 20px 0;
}
.mobile-logo {
display: none;
}
.nav-links {
display: flex;
align-items: center;
gap: 30px;
list-style: none;
}
.nav-links .current-menu-item a {
position: relative;
}
.nav-links .current-menu-item a:hover{
color: var(--white-color);
}
.nav-links a {
color: var(--white-color);
text-decoration: none;
transition: 0.3s;
padding: 20px 0;
display: block;
font-weight: 300;
font-size: 18px;
line-height: 134%;
}
.dark-text-header .nav-links a,
.dark-text-header .nav-links .current-menu-item a:hover{
color: #231F20;
}
.nav-links .current-menu-item a:after {
background: #20875226;
content: "";
position: absolute;
left: -10px;
right: -10px;
top: 16px;
bottom: 16px;
border-radius: 100px;
}
.nav-links li:nth-last-child(2) {
position: relative;
}
.nav-links li:nth-last-child(2):after {
content: "";
width: 1px;
height: 20px;
background: #208752;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
left: -4px;
}
.scrolled .nav-links li:nth-last-child(2):after {
background: var(--cta-dark);
}
.nav-links li:nth-last-child(2) {
padding-left: 29px;
}
.nav-links a:hover {
color: var(--green-color);
}
.menu-toggle {
display: none;
border: none;
background: transparent;
font-size: 28px;
cursor: pointer;
}
@media (max-width: 1399px){
.nav-links{
gap: 24px;
}
.nav-links li:nth-last-child(2){
padding-left: 20px;
}
.nav-links a{
font-size: 17px;
}
}  .inner-hero {
width: 100%;
min-height: 580px;
background: #ffffff;
}
.inner-hero__container {
margin: 0 auto;
display: flex;
align-items: flex-start;
gap: 25px;
padding: 220px 0 80px;
}
.inner-hero__content,
.inner-hero__text {
width: 627.5px;
}
.inner-hero__text {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 50px;
}
.inner-hero__title {
margin: 0;
font-style: normal;
font-weight: 200;
font-size: clamp(60px, 6.2vw, 99px);
line-height: 108%;
letter-spacing: -0.03em;
color: inherit;
}
.inner-hero__subtitle {
margin: 0;
font-style: normal;
font-weight: 200;
font-size: clamp(31px, 3.2vw, 51px);
line-height: 111%;
letter-spacing: -0.03em;
color: inherit;
}
.inner-hero__container p {
margin: 0;
max-width: 627.5px;
font-style: normal;
font-weight: 400;
font-size: 1.125rem;
line-height: 134%;
color: inherit;
}
.inner-hero--light {
background: #ffffff;
color: #231f20;
}
.inner-hero--light .inner-hero__subtitle {
color: #208752;
}
.inner-hero--light .inner-hero__container p {
color: var(--text-navy);
}
.inner-hero--green {
background: #18453b;
color: #ffffff;
}
.inner-hero--green .inner-hero__subtitle {
color: #32a86b;
}
.inner-hero--green .inner-hero__container p {
color: #ffffff;
}
.inner-hero--dark {
background: #131517;
color: #ffffff;
}
.inner-hero--dark .inner-hero__subtitle {
color: #208752;
}
.inner-hero--dark .inner-hero__container p {
color: #ffffff;
}
span.text-green {
color: #208752;
}  .parallex-banner {
position: relative;
width: 100%;
height: 360px;
overflow: hidden;
isolation: isolate;
background-color: #fff;
}
.parallex-banner__image {
position: absolute;
left: 0;
top: -20%;          
width: 100%;
height: 140%;          
object-fit: cover;
object-position: center center;
transform: translateY(var(--parallax-shift, 0px));
will-change: transform;
display: block;
} .frame-slider {
width: 100%;
}
.frame-slider__viewport {
overflow: hidden;
position: relative;
border-top: 1px solid #828384;
}
.frame-slider__track {
display: flex;
gap: 51px;
transform: translateX(0);
transition: transform 200ms ease;
will-change: transform;
align-items: stretch;
padding: 0 80px;
}
.frame-slider__item {
flex: 0 0 380px;
min-width: 380px;
border-right: 1px solid #828384;
}
.frame-slider__item:last-child {
border-right: none;
}
.frame-slider__card {
padding: 51px 51px 105px 0;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
gap: 81px;
position: relative;
box-sizing: border-box;
}
.frame-slider__icon {
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
color: #208752;
}
.frame-slider__title {
margin: 0;
font-weight: 300;
font-size: 24px; line-height: 129%;
color: var(--text-navy);
max-width: 310px;
}
.frame-slider__text {
margin: 0;
font-weight: 300;
font-size: 18px; line-height: 134%;
color: var(--text-navy);
}
.frame-slider.is-dragging .frame-slider__track {
transition: none;
cursor: grabbing;
}
.frame-slider__track {
touch-action: pan-y;
will-change: transform;
}
.frame-slider.is-dragging {
cursor: grabbing;
}
.frame-slider__track {
cursor: grab;
} section.afetr-banner {
padding: 105px 0;
}
.col2_section{
display: flex;
gap: 105px;
}
.section-title {
font-weight: 200;
font-size: clamp(30px, 3vw, 39px);
line-height: 121%;
letter-spacing: 0%;
max-width: 546px;
}
.section-title > span {
color: #48a875;
}
.right .text-box {
max-width: 586px;
margin-bottom: 50px;
}
.right .text-box p {
font-weight: 300;
font-size: clamp(16px, 1.8vw, 24px);
line-height: 129%;
letter-spacing: 0%;
}  .prefooter {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
min-height: 741px;
overflow: hidden;
background: #a8a8a8;
z-index: 1;
}
.prefooter:after {
content: "";
background: #00000014;
position: absolute;
top: 0;
border: 0;
left: 0;
right: 0;
bottom: 0;
}
.prefooter__image {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.prefooter__title span{
display: block;width:100%
}
.prefooter__container {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 81px;
padding-top: 250px;
padding-bottom: 150px;
}
.prefooter__title {
margin: 0;
max-width: 622px;
text-align: center;
font-style: normal;
font-weight: 200;
font-size: clamp(36px, 4.2vw, 75px);
line-height: 108%;
letter-spacing: -0.03em;
color: #ffffff;
}  .two-column {
display: flex;
flex-direction: row;
align-items: flex-start;
padding: 105px 0;
gap: 25px;
width: 100%;
background: var(--white-color);
} .two-column__title {
flex: 1 1 0;
margin: 0;
font-weight: 200;
font-size: clamp(38px, 4.5vw, 75px);
line-height: 108%;
letter-spacing: -0.03em;
color: inherit;
} .two-column__content {
flex: 1 1 0;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 51px;
}
.two-column__body {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 30px;
width: 100%;
}
.two-column__body p {
margin: 0;
width: 100%;
font-weight: 500;
font-size: 15px;
line-height: 150%;
letter-spacing: 0.09em;
text-transform: uppercase;
color: var(--green-color);
}
.two-column__headline {
margin: 0;
width: 100%;
font-weight: 300;
font-size: 32px;
line-height: 129%;
color: var(--text-navy);
}
.two-column__paragraph {
margin: 0;
width: 100%;
font-weight: 300;
font-size: 18px;
line-height: 134%;
color: var(--text-navy);
} .intro {
box-sizing: border-box;
padding: 0px 0 0;
gap: 150px;
border-bottom: 1px solid #828384;
background: #FFFFFF;
z-index: 1;
position: relative;
top:0px;position: sticky;height: 100vh;
display: flex;
flex-direction: column;
justify-content: end;
}
#our-platform .intro{ gap: 128px;}
.intro .intro-top {
display: flex;
flex-direction: column;
gap: 24px;
}
.intro .intro-inner {
max-width: 1280px;
margin: 0 auto;
}
.intro .intro-eyebrow {
font-weight: 500;
font-size: 15px;
line-height: 150%;
letter-spacing: 0.09em;
text-transform: uppercase; color: #208752;
}
.intro-title {
font-family: 'Inter', system-ui, sans-serif;
font-weight: 200;
font-size: clamp(2.8rem, 4.2vw, 4.6875rem);
line-height: 108%;
color: #231F20;
}
.intro-body {
display: flex;
gap: 50px; }
.intro-body p {
margin: 0;
font-weight: 300;
font-size: 18px;
line-height: 134%;
color: #233647;
} footer {
background: var(--nav-black);
color: #fff;
position: relative;
}
.footer {
margin: auto;
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 50px;
padding: 105px 0;
}
.footer-left {
width: 30%;
}
.footer-left h2 {
font-size: 30px;
margin-bottom: 15px;
}
.footer-left p {
color: #9ca3af;
line-height: 1.7;
font-size: 15px;
}
.footer-links { display: flex;
}
.footer-links .footer-box:last-child {
position: relative;
flex: 0 0 167px;
}
.footer-links .footer-box:last-child:after {
content: "";
position: absolute;
width: 1px;
height: 245%;
background: #d1d1d240;
top: -104px;
left: -80px;
}
.footer-box ul {
list-style: none;
padding: 0;
margin: 0;
}
.footer-menu ul {
display: flex;
flex-wrap: wrap;
}
.footer-menu ul li {
flex: 0 0 50%;
max-width: 50%;
}
.footer-box ul li {
margin-bottom: 12px;
}
.footer-box ul li a {
color: var(--footer-link);
text-decoration: none;
font-size: 15px;
transition: 0.3s;
font-weight: 300;
font-size: 18px;
line-height: 134%;
}
.footer-box ul li a:hover { padding-left: 2px;
} .social-icons {
display: flex;
flex-wrap: wrap;
gap: 16px;
}
.social-icons a {
width: 18px;
height: 18px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
border-radius: 50%;
text-decoration: none;
font-size: 17px;
font-weight: bold;
transition: 0.3s;
}
.social-icons a:hover {
transform: translateY(-3px);
}
.footer-bottom {
border-top: 1px solid #d1d1d240;
text-align: center;
padding: 30px 0;
display: flex;
justify-content: space-between;
align-items: center;
}
.footer-bottom p {
margin: 0;
color: var(--footer-link);
font-weight: 300;
font-size: 18px;
line-height: 134%;
} .video-caption {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
max-width: 990px;
height: 300px;
margin: auto;
text-align: center;
display: flex;
align-items: end;
justify-content: center;
padding: 0 15px;
box-sizing: border-box;
z-index: 1;
}
.video-title {
font-weight: 300;
font-size: clamp(28px, 3.9vw, 51px);
line-height: 111%;
letter-spacing: -3%;
text-align: center;
color: #fff;
z-index: 1;
}
section.video_section {
position: relative;
}
section.video_section:after {
content: "";
background: #000;
opacity: .3;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.playbtn {
width: 150px;
height: 150px;
border-radius: 60%;
border: 2px solid #fff;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
span.playbtn:after {
border-top: 25px solid transparent;
border-bottom: 25px solid transparent;
border-left: 45px solid #fff;
content: "";
margin-left: 15px;
}
span.pause:before{
content: "";
width: 12px;
height: 45px;
background: #fff;
margin-left: -15px;
box-shadow: 20px 0 0 #fff;
}
span.pause:after{
display: none;
}  .dark-text-header .scroll-logo {
filter: brightness(1) invert(0);
}
.dark-text-header .default-logo {
display: none;
}
section.error-404 {
padding: 26vh 0 17vh 0;
text-align: center;
}
.error-title{
font-size: clamp(36px, 4.7vw, 75px);
color: #000;
font-weight: 200;
line-height: 108%;
letter-spacing: -3%;
}
.error-title > span {
display: block;
color: #208752;
}
.error-404 p {
font-size: 24px;
line-height: 129%;
}
.error-message {
margin-top: 12.5vh;
margin-bottom: 9.5vh;
}
section.disclaimer {
margin-top: 180px;
margin-bottom: 105px;
}
section.disclaimer p{
font-size: 14px;
}
section.disclaimer .h1 {
font-size: clamp(36px, 4.7vw, 75px);
color: #000;
font-weight: 200;
line-height: 108%;
letter-spacing: -3%;
margin-bottom: 40px;
text-align: center;
}
section.disclaimer ol.terms-list {
margin-left: 37px;
margin-top: 10px;
margin-bottom: 10px;
}
section.disclaimer ol.terms-list li {
margin-bottom: 8px;
}
section.disclaimer ol.terms-list li:last-child{
margin-bottom: 0;
}  .video-popup {
display: none;
position: fixed;
inset: 0;
z-index: 9999;
}
.video-popup.active {
display: flex;
background: rgba(0, 0, 0, 0.8);
align-items: center;
}
.video-popup-inner {
position: relative;
max-width: 900px;
width: 90%;
margin: auto;
z-index: 2;
}
.video-popup-video {
width: 100%;
display: block;
border-radius: 10px;
}
.video-popup-close {
position: relative;
top: -10px;
background: none;
border: none;
color: #fff;
font-size: 32px;
cursor: pointer;
float: right;
width: 32px;
height: 32px;
right: -10px;
}
button.video-popup-close:after {
width: 30px;
content: "";
position: absolute;
height: 1px;
background: #fff;
transform: rotate(-45deg);
left: 0;
}
button.video-popup-close:before {
width: 30px;
content: "";
position: absolute;
height: 1px;
background: #fff;
transform: rotate(45deg);
left: 0;
} .fade-in-up {
opacity: 0;
transform: translateY(10px);
transition: opacity 0.6s ease, transform 0.6s ease;
}
.fade-in-up.is-visible {
opacity: 1;
transform: translateY(0);
} .contact-overlay.active {
opacity: 1;
visibility: visible;
}
.contact-overlay {
position: fixed;
inset: 0;
z-index: 9999;
display: flex;
align-items: center;
justify-content: center;
background: rgba(0, 0, 0, 0.45);
backdrop-filter: blur(3px);
opacity: 0;
visibility: hidden;
transition: 0.4s ease;
}
.contact-overlay .contact-modal.active {
display: block;
}
.contact-overlay .contact-modal {
position: relative;
max-width: 560px;
background: #fff;
padding: 80px 50px 50px 50px;
max-height: 90vh;
overflow-y: auto;
display: none;
border-radius: 15px;
}
.contact-overlay .close-contact {
position: absolute;
top: 38px;
right: 38px;
width: 30px;
height: 30px;
cursor: pointer;
transition: 0.35s ease;
border: 0;
background: transparent;
}
.contact-overlay .script-text {
font-weight: 200;
font-size: clamp(42px, 4.8vw, 75px);
line-height: 108%;
letter-spacing: -3%;
color: #208752;
margin-bottom: 40px;
}
.contact-overlay .contact-desc {
max-width: 440px;
font-size: 18px;
line-height: 150%;
color: #111315;
margin-bottom: 20px;
}
.contact-overlay .radio-title {
font-size: 16px;
font-weight: 500;
line-height: 130%;
text-transform: uppercase;
letter-spacing: 1.6px;
color: #111315;
margin-bottom: 20px;
}
.contact-overlay .radio-wrap {
display: flex;
align-items: center;
gap: 12px;
font-size: 18px;
color: #111315;
cursor: pointer;
margin-right: 20px;
}
.contact-overlay .radio-wrap input {
width: 18px;
height: 18px;
border: 1px solid #208752;
accent-color: #208752;
}
.contact-overlay #contact-btn.show {
display: inline-flex;
align-items: center;
justify-content: center;
}
.contact-overlay #contact-btn {
display: none;
transition: 0.3s ease;
}
.radio-wrap-cover {
display: flex;
margin-bottom: 20px;
}
.contact-overlay .contact-modal .note {
font-weight: 300;
font-size: 12px;
line-height: 130%;
letter-spacing: 0%;
color: #233647;
}
.contact-overlay .contact-modal .note + #contact-btn{
margin-top: 30px;
}
.contact-overlay .close-contact span:first-child {
transform: translate(-50%, -50%) rotate(45deg);
}
.contact-overlay .close-contact span:last-child {
transform: translate(-50%, -50%) rotate(-45deg);
}
.contact-overlay .close-contact span {
position: absolute;
top: 50%;
left: 50%;
width: 40px;
height: 1px;
background: #111315;
transition: 0.35s ease;
}
.contact-overlay .close-contact:hover span {
opacity: 0.7;
}
@media (max-width: 1600px) {
.intro{
gap:105px;
}
#our-platform .intro{ gap: 80px;}
}
@media (min-width: 1279px) and (max-width: 1300px){
.frame-slider__title{
font-size: 20px;
}
.block-container h2{font-size: 48px;}
}
@media (min-width: 1279px) and (min-height: 750px) and (max-height: 850px) {
.intro, #our-platform .intro{
gap:60px;
}
}
@media (min-width: 1279px) and (max-height: 750px){
.intro, #our-platform .intro{
gap:30px;
}
.frame-slider__card {
padding: 31px 51px 40px 0; gap: 41px;
}
.frame-slider__icon {
width: 40px;
height: 40px;
}
}
@media (max-width: 1280px) {
.frame-slider__card {
padding: 21px 51px 25px 0; gap: 31px;
}
.intro .intro-top{gap:18px;}
} @media (max-width: 1199px) {
.contact-overlay .contact-modal{
padding: 60px 30px 30px 30px;
margin: 0 15px;
}
.footer-left {
width: 25%;
}
.footer-links {
width: 75%;
}
.footer-links .footer-box:last-child:after {
display: none;
}
.nav-links {
gap: 15px;
}
.nav-links a {
font-size: 16px;
}
.nav-links li:nth-last-child(2) {
padding-left: 15px;
}
.custom-logo-link svg {
width: 120px;
height: 70px;
}
.col2_section{
gap: 55px;
}
}
@media (max-width: 1099px) {
.frame-slider__track{
flex-wrap: wrap;padding: 0px;gap:0px;
}
.frame-slider__item {
flex: 0 0 33.3%;
min-width: 33.3%;min-height: 300px;padding:30px;border-bottom: 1px solid #828384;
}
.frame-slider__item:last-child{border-bottom: 1px solid #828384;border-right: 1px solid #828384;}
.frame-slider__card {
padding: 30px;}
.frame-slider__item:nth-child(3), .frame-slider__item:nth-child(6){
border-right: 0px;
}
.intro{gap:60px;height: auto;
position: relative;
padding: 60px 0;}
}
@media (max-width: 1024px) {
.frame-slider__item {
flex: 0 0 50%;
min-width: 50%;min-height: 300px;padding:30px;border-bottom: 1px solid #828384;
}
.frame-slider__item:nth-child(2n){
border-right: 0px;
}
.frame-slider__item:nth-child(2n+1){
border-right: 1px solid #828384;
}
.frame-slider__side-line {
right: -28px;
height: 340px;
}
.two-column {
padding: 80px 50px;
gap: 40px;
}
}
@media (max-width: 900px) {
.footer {
flex-direction: column;
}
.footer-left {
width: 100%;
}
.footer-links {
width: 100%;
}
} @media (max-width: 991px) {
.menu-toggle {
display: block;
position: relative;
z-index: 1001;
}
i.default-logo {
width: 120px;
height: 80px;
}
.nav-links.active + .menu-toggle span {
background: #fff;
}
.scrolled button.menu-toggle > span {
background: #000;
}
.mobile-logo {
display: block;
margin-bottom: 50px;
}
.nav-links li:nth-last-child(2):after {
display: none;
}
.nav-links li:nth-last-child(2) a {
padding-left: 0;
}
button.menu-toggle > span {
width: 41px;
height: 1px;
background: #fff;
display: block;
transition: all 0.3s ease;
}
.dark-text-header button.menu-toggle > span {
background: #000;
}
.dark-text-header .nav-links-cover.active + button.menu-toggle > span{
background: #fff;
}
.dark-text-header .nav-links a{
color: #fff;
}
.nav-links li:nth-last-child(2){
padding-left: 0;
}
button.menu-toggle > span:nth-child(2) {
margin-top: 7px;
}
.nav-links-cover {
display: flex;
position: fixed;
top: 5px;
width: calc(100% - 10px);
padding: 30px 25px;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
background: var(--nav-black);
transition: transform 0.7s ease;
z-index: 1000;
overflow-y: scroll;
gap: 0;
margin: auto;
left: 0;
right: 0;
border-radius: 15px;
display: none;
transition: transform 0.7s ease, opacity 0.7s ease;
} .nav-links-cover.active {
box-shadow: -5px 3px 5px rgba(0, 0, 0, 0.15);
display: block;
}
.scrolled .nav-links-cover.active + button.menu-toggle > span {
background: #fff;
}
.nav-links-cover .nav-links{
display: block;
} 
.nav-links .current-menu-item a:after{
display: none;
}
.nav-links-cover.active + button.menu-toggle > span:first-child {
transform: rotate(45deg);
}
.nav-links-cover.active + button.menu-toggle > span:last-child {
transform: rotate(-45deg);
margin-top: -2px;
}
.nav-links-cover li {
width: 100%;
text-align: left;
}
.nav-links a,
.scrolled .nav-links-cover a {
font-weight: 300;
font-size: 38px;
line-height: 129%;
padding: 0;
color: #fff;
}
.nav-links li {
position: relative;
margin: 10px 0;
} .submenu {
background: #fff;
margin: 0;
list-style: none;
display: none;
transition: transform 0.7s ease;
}
.submenu li {
width: 100%;
}
.submenu a {
display: block;
padding: 10px 15px;
color: #000;
} .dropdown:hover .submenu {
display: block;
}
.submenu a:hover {
background: #f2f2f2;
}
.footer {
padding: 45px 0;
gap: 35px;
}
.footer-links {
grid-template-columns: 1fr 1fr;
gap: 30px 20px;
}
.footer-bottom {
display: block;
}
.footer-box ul li a {
font-size: 16px;
}
.social-icons {
justify-content: center;
margin-top: 25px;
}
.footer-bottom p {
font-size: 16px;
}
}
@media (max-width: 768px){
section.prefooter{
padding: 50px 0;
}
#investment-approach .intro, #our-platform .intro{padding:50px 0}
.col2_section{
display: block;
}
.col2_section .right {
margin-top: 40px;
} .frame-slider__card {
padding: 24px 24px 35px 0;
}  .intro-title {
font-size: clamp(1.6rem, 6.5vw, 2.4rem);
}
.intro-body {
max-width: 100%;
display: flex;
flex-direction: column;
gap: 24px;
margin-bottom: 50px;
}
.value {
width: 100%;
background: #ffffff;
padding: 150px 0;
} .intro {
box-sizing: border-box;   
gap: 30px;
border-bottom: 1px solid #828384;
background: #FFFFFF;
}
.intro-top {
display: flex;
flex-direction: column;
gap: 24px;
}
.intro-inner {
max-width: 1280px;
margin: 0 auto;
}
.intro-eyebrow {
font-family: 'Inter', system-ui, sans-serif;
font-weight: 500;
font-size: 15px;
line-height: 150%;
letter-spacing: 0.09em;
text-transform: uppercase;
color: #231F20;
margin: 0 0 8px 0;
}
.intro-title {
font-family: 'Inter', system-ui, sans-serif;
font-weight: 200;
font-size: clamp(2.8rem, 4.2vw, 4.6875rem);
line-height: 108%;
color: #231F20;
}
.intro-body {
display: flex;
gap: 50px;
margin-bottom: 0px;
}
.intro-body p {
margin: 0;
font-weight: 300;
font-size: 18px;
line-height: 134%;
color: #233647;
}
}
@media (max-width: 767px) {
section.disclaimer{
margin-bottom: 50px;
}
.nav-links a,
.scrolled .nav-links-cover a{
font-size: 28px;
}
.nav-links.active + .menu-toggle {
margin-right: 18px;
}
.footer-left a img{
margin: auto;
}
.footer-links .footer-box:nth-child(2){
margin-left: 25px;
}
.footer-links{
display: none;
}
.footer-box.footer-left svg {
margin: auto;
} .frame-slider__viewport {
overflow: visible;
}
.frame-slider__track {
display: block;
gap: 0;
padding: 0 0;
transform: none !important;
}
.frame-slider__item {
display: block;
width: 100% !important;
min-width: auto !important;
flex: none;
margin-bottom: 0px;
height: auto;
border-right: none;
border-bottom: 0px solid #828384; }
.frame-slider__item:last-child {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0px;
}
.frame-slider__card {
padding: 20px 0 24px;
box-shadow: none;
}
.frame-slider__side-line { display: none; }
.frame-slider__viewport {
border: none;
} .inner-hero {
min-height: unset;
}
.inner-hero__container {
flex-direction: column;
gap: 20px;
padding: 160px 0 50px;
}
.inner-hero__container p {
font-size: 16px;
line-height: 129%;
}
.inner-hero__content, .inner-hero__text {
width: unset;
} .parallex-banner {
padding: 0;
}
.parallex-banner__image {
width: 100%;
object-fit: cover;
transform: none;
} .frame-slider__track {
gap: 24px;
padding: 0 16px;
}
.frame-slider__item {
flex: 0 0 100%;
min-width: 100%;border-right:0px;border-bottom: 1px solid #828384;
height: auto;
}
.frame-slider__title{max-width: 100%;}
.frame-slider__item:nth-child(2n+1){border-right:0px}
.frame-slider__side-line { display: none; }
.frame-slider__card { padding: 30px 0 ; gap: 30px;}
.prefooter {
min-height: 667px;
display: block;
}
.prefooter__title{
text-align: left;
}
.prefooter__container {
gap: 45px;
align-items: center;
justify-content: center;
padding-top: 0;
padding-bottom: 0;
align-items: self-start;
} .prefooter__image {
object-position: center center;
opacity: 0.9;
}
.two-column {
flex-direction: column;
padding: 60px 0;
gap: 35px;
}
.two-column__title,
.two-column__content {
flex: none;
width: 100%;
}
.two-column__headline {
font-size: 26px;
}
.two-column__content {
gap: 35px;
}
.two-column__body {
gap: 20px;
}
.housing-content{
padding-top: 0;
}
section.tra-section{
padding-bottom: 0 !important;
}
}
@media (max-width: 640px) {
.container {
padding-left: 22px;
padding-right: 22px;
}
.btn > span {
display: none;
margin-left: 0px;
}
.btn{
font-size: 16px;
}
p{
font-size: 16px;
}  
section.video_section {
position: relative;
height: 100vh;
}
section.video_section video{
height: 100%;
width: 100%;
object-fit: cover;
}
}
@media (max-width: 420px){
.footer-bottom p{
max-width: 220px;
margin: auto;
}
} .fade-up {
opacity: 0;
transform: translateY(80px);
transition: opacity 0.6s ease-out, transform 0.6s ease-out; }
.fade-up.show {
opacity: 1;
transform: translateY(0);
}:root {
--checker-bg: #131517;
--white: #FFFFFF;
--line: #828384;
--container-max: 1280px;
--container-gutter: 80px; } .checker {
display: flex;
flex-direction: column;
width: 100%;
background: var(--checker-bg);
} .checker__row {
display: flex;
flex-direction: row;
width: 100%;
min-height: 960px;
}
.checker__row--reverse {
flex-direction: row-reverse;
}
.checker__row + .checker__row {
margin-top: -1px;
position: relative;
z-index: 1;
}
.checker__image {
display: block;
} .checker__content {
flex: 1 1 0;
display: flex;
flex-direction: column;
justify-content: center;
gap: 81px;
padding: 105px 0 80px;
}  .checker__row:not(.checker__row--reverse) .checker__body {
padding-left: max(
var(--container-gutter),
calc((100vw - var(--container-max)) / 2)
);
padding-right: var(--container-gutter);
margin-left: 15px;
} .checker__row--reverse .checker__body {
padding-right: max(
var(--container-gutter),
calc((100vw - var(--container-max)) / 2)
);
padding-left: var(--container-gutter);
margin-right: 15px;
}
.checker__body {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 51px;
}
.checker__title-block {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 50px;
width: 100%;
}
.checker__title-block p {
margin: 0;
width: 100%;
font-weight: 500;
font-size: 15px;
line-height: 150%;
letter-spacing: 0.09em;
text-transform: uppercase;
color: var(--white);
}
.checker__headline {
margin: 0;
width: 100%;
font-weight: 200;
font-size: clamp(28px, 3vw, 39px);
line-height: 121%;
color: var(--white);
}
.checker__text-block {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 30px;
width: 100%;
}
.checker__text-block p {
margin: 0;
width: 100%;
font-weight: 300;
font-size: 18px;
line-height: 134%;
color: var(--white);
}
.checker__list {
margin: 0;
padding: 0;
list-style: disc;
display: flex;
flex-direction: column;
gap: 4px;
margin-left: 30px;
}
.checker__list li {
font-weight: 300;
font-size: 18px;
line-height: 134%;
color: var(--white);
} .checker__quote {
box-sizing: border-box;
display: flex;
align-items: center;
padding-top: 30px;
width: 100%;
position: relative;
} .checker__row:not(.checker__row--reverse) .checker__quote {
padding-left: max(
var(--container-gutter),
calc((100vw - var(--container-max)) / 2)
);
padding-right: var(--container-gutter);
} .checker__row--reverse .checker__quote {
padding-right: max(
var(--container-gutter),
calc((100vw - var(--container-max)) / 2)
);
padding-left: var(--container-gutter);
}
.checker__quote::before {
content: "";
position: absolute;
top: 0;
height: 1px;
background: var(--line);
} .checker__row:not(.checker__row--reverse) .checker__quote::before {
left: max(
var(--container-gutter),
calc((100vw - var(--container-max)) / 2)
);
right: 0;
}
.checker__row--reverse .checker__quote::before {
right: max(
var(--container-gutter),
calc((100vw - var(--container-max)) / 2)
);
left: 0;
}
.checker__quote p {
margin: 0;
max-width: 605px;
font-weight: 300;
font-size: 24px;
line-height: 129%;
color: var(--white);
margin-top: 30px; } .checker__image {
flex: 1 1 0;
position: relative;
overflow: hidden;
}
.checker__image-inner {
position: absolute;
inset: 0;
background-size: cover;
transform: scale(1.2);
background-position: center;
transition: transform 1.6s cubic-bezier(0.22, 0.61, 0.36, 1);
will-change: transform;
}
.checker__image.in-view .checker__image-inner {
transform: scale(1);
}
.page-template-page-mission .prefooter__title{max-width: 635px;}
.page-template-page-mission .prefooter__title span{
display: block;
width: 100%;}
span.bold-font {
font-weight: bold;
} @media (max-width: 1024px) {
.checker__row,
.checker__row--reverse {
min-height: 0;
}
.checker__content {
gap: 60px;
padding: 50px 0;
} .checker__row:not(.checker__row--reverse) .checker__body {
padding-left: max(50px, calc((100vw - var(--container-max)) / 2));
padding-right: 50px;
margin-left: 0;
}
.checker__row--reverse .checker__body {
padding-right: max(50px, calc((100vw - var(--container-max)) / 2));
padding-left: 50px;
margin-right: 0;
} .checker__row:not(.checker__row--reverse) .checker__quote {
padding-left: max(50px, calc((100vw - var(--container-max)) / 2));
padding-right: 50px;
}
.checker__row--reverse .checker__quote {
padding-right: max(50px, calc((100vw - var(--container-max)) / 2));
padding-left: 50px;
} .checker__row:not(.checker__row--reverse) .checker__quote::before {
left: max(50px, calc((100vw - var(--container-max)) / 2));
right: 0;
}
.checker__row--reverse .checker__quote::before {
right: max(50px, calc((100vw - var(--container-max)) / 2));
left: 0;
}
.checker__image {
min-height: 480px;
}
}
@media (max-width: 767px) {
section.checker:not(.video_section, .map-section, .awards) {
padding: 0px !important;
}
.checker__row:not(.checker__row--reverse) .checker__body, .checker__row--reverse .checker__body {
padding: 50px 22px 0;
margin-left: 0;
}
.checker__row, .checker__row--reverse {
flex-direction: column-reverse;
min-height: 0;
}
.checker__content {
padding: 0;
}
.checker__body {
gap: 35px;
}
.checker__title-block {
gap: 30px;
}
.checker__headline {
font-size: 30px;
width: 100%;
}
.checker__text-block {
width: 100%;
}
.checker__quote p {
font-size: 20px;
}
.checker__row--reverse .checker__quote,
.checker__quote {
padding: 30px 22px 50px;
}
.checker__row:not(.checker__row--reverse) .checker__quote::before, .checker__row--reverse .checker__quote::before {
width: 100%;
left: 0;
right: 0;
}
.checker__image {
min-height: 320px;
}
.page-template-page-mission .prefooter__title {
width: unset;
}
}