/* DETAILS
==================================================
	Theme Name: Terra Alpha Investments Website
==================================================
*/

@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Young+Serif&display=swap');

@font-face {
    font-family: 'Justus';
    src: url('../webfonts/Justus-Bold.eot');
    src: url('../webfonts/Justus-Bold.eot?#iefix') format('embedded-opentype'),
        url('../webfonts/Justus-Bold.woff2') format('woff2'),
        url('../webfonts/Justus-Bold.woff') format('woff'),
        url('../webfonts/Justus-Bold.ttf') format('truetype'),
        url('../webfonts/Justus-Bold.svg#Justus-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Test Metric bold';
    src: url('../webfonts/Metric-Bold.eot');
    src: url('../webfonts/Metric-Bold.eot?#iefix') format('embedded-opentype'),
        url('../webfonts/Metric-Bold.woff2') format('woff2'),
        url('../webfonts/Metric-Bold.woff') format('woff'),
        url('../webfonts/Metric-Bold.ttf') format('truetype'),
        url('../webfonts/Metric-Bold.svg#Metric-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Test Metric bold italic';
    src: url('../webfonts/Metric-BoldItalic.eot');
    src: url('../webfonts/Metric-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../webfonts/Metric-BoldItalic.woff2') format('woff2'),
        url('../webfonts/Metric-BoldItalic.woff') format('woff'),
        url('../webfonts/Metric-BoldItalic.ttf') format('truetype'),
        url('../webfonts/Metric-BoldItalic.svg#Metric-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Test Metric semibold';
    src: url('../webfonts/Metric-Semibold.eot');
    src: url('../webfonts/Metric-Semibold.eot?#iefix') format('embedded-opentype'),
        url('../webfonts/Metric-Semibold.woff2') format('woff2'),
        url('../webfonts/Metric-Semibold.woff') format('woff'),
        url('../webfonts/Metric-Semibold.ttf') format('truetype'),
        url('../webfonts/Metric-Semibold.svg#Metric-Semibold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Test Metric semibold italic';
    src: url('../webfonts/Metric-SemiboldItalic.eot');
    src: url('../webfonts/Metric-SemiboldItalic.eot?#iefix') format('embedded-opentype'),
        url('../webfonts/Metric-SemiboldItalic.woff2') format('woff2'),
        url('../webfonts/Metric-SemiboldItalic.woff') format('woff'),
        url('../webfonts/Metric-SemiboldItalic.ttf') format('truetype'),
        url('../webfonts/Metric-SemiboldItalic.svg#Metric-SemiboldItalic') format('svg');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Test Metric medium';
    src: url('../webfonts/Metric-Medium.eot');
    src: url('../webfonts/Metric-Medium.eot?#iefix') format('embedded-opentype'),
        url('../webfonts/Metric-Medium.woff2') format('woff2'),
        url('../webfonts/Metric-Medium.woff') format('woff'),
        url('../webfonts/Metric-Medium.ttf') format('truetype'),
        url('../webfonts/Metric-Medium.svg#Metric-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Test Metric medium italic';
    src: url('../webfonts/Metric-MediumItalic.eot');
    src: url('../webfonts/Metric-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('../webfonts/Metric-MediumItalic.woff2') format('woff2'),
        url('../webfonts/Metric-MediumItalic.woff') format('woff'),
        url('../webfonts/Metric-MediumItalic.ttf') format('truetype'),
        url('../webfonts/Metric-MediumItalic.svg#Metric-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Test Metric regular';
    src: url('../webfonts/Metric-Regular.eot');
    src: url('../webfonts/Metric-Regular.eot?#iefix') format('embedded-opentype'),
        url('../webfonts/Metric-Regular.woff2') format('woff2'),
        url('../webfonts/Metric-Regular.woff') format('woff'),
        url('../webfonts/Metric-Regular.ttf') format('truetype'),
        url('../webfonts/Metric-Regular.svg#Metric-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Test Metric regular italic';
    src: url('../webfonts/Metric-RegularItalic.eot');
    src: url('../webfonts/Metric-RegularItalic.eot?#iefix') format('embedded-opentype'),
        url('../webfonts/Metric-RegularItalic.woff2') format('woff2'),
        url('../webfonts/Metric-RegularItalic.woff') format('woff'),
        url('../webfonts/Metric-RegularItalic.ttf') format('truetype'),
        url('../webfonts/Metric-RegularItalic.svg#Metric-RegularItalic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

:root {
    /* General Transitions */
    --transition-common: all 0.4s ease;

    /* Colors */
    --color-accent: #DE7126;
    --rgb-accent: 230, 57, 70;
    --color-primary: #414042;
    --color-secondary: #00394F;
    --color-tertiary: #333333; /* 3rd */
    --color-quaternary: #0F0C2F; /* 4th */
    --color-quinary: #284495; /* 5th */
    --color-senary: #284495; /* 6th */
    --color-octonary: #284495; /* 7th */
    --color-nonary: #284495; /* 8th */
    --color-denary: #284495; /* 9th */
    --color-white: #fff;
    --color-black: #000;
    --color-seagreen: #039A9A;

    /* Font Settings */
    --ff-base: 'Test Metric regular';
    --ff-test-metric-bold:'Test Metric bold';
    --ff-test-metric-semibold:'Test Metric semibold';
    --ff-test-metric-medium:'Test Metric medium';
    --ff-title: 'Justus';
    --ff-sub-title:"Young Serif", serif;
    --ff-awesome: "Font Awesome 6 Free";
    --fw-regular: 400;
    --fw-medium: 500;
    --fw-semi-bold: 600;
    --fw-bold: 700;

    /* Font Sizes */
    --f-size-XXXL: 60px;
    --f-size-XXL: 44px;
    --f-size-XL: 36px;
    --f-size-L: 24px;
    --f-size-M: 18px;
    --f-size-S: 16px;

    /* Layout Adjustments */
    --margin-title: 0 0 25px 0;
    --margin-paragraph: 0 0 25px 0;
    --gap-50:50px;
    --gap-40:40px;

    --border-radius-image: 10px;
    --padding-height: clamp(60px, 9.76563vw, 100px);

    /* Form Styling */
    --form-height: 50px;
    --form-font-color: var(--color-primary);
    --form-placeholder-color: var(--color-primary);
    --form-border-radious: 50px;
    --form-holder-bg: var(--color-white);
}

@media only screen and (max-width: 1599px) {
    :root{        
    /* Font Sizes */
    --f-size-XXXL: 45px;
    --f-size-XXL: 35px;
    --f-size-XL: 30px;
    --f-size-L: 20px;
    --f-size-M: 18px;
    --f-size-S: 16px;        
    }
    
    
}

@media only screen and (max-width: 1199px) {
    :root{
         /* Font Sizes */
        --f-size-XXXL: 35px;
        --f-size-XXL: 30px;
        --f-size-XL: 24px;
        --f-size-L: 20px;
        --gap-50:35px;
        --gap-40:30px;        
    }
}

@media only screen and (max-width: 767px) {
    :root{
         /* Font Sizes */
        --f-size-XXXL: 22px;
        --f-size-XXL: 20px;
        --f-size-XL: 19px;
        --f-size-L: 18px;
        --f-size-M: 17px;
        --f-size-S: 16px;
        --f-size-small: 14px;
        --gap-50:30px;
        --gap-40:25px;
    }
    
}

@media only screen and (max-width: 575px) {
    :root{
         
/*         --f-size-XXXL: 35px;
        --f-size-XXL: 27px;
        --f-size-XL: 22px; */
    }
}
@media only screen and (max-width: 419px) {
    :root{
         /* Font Sizes */
        --f-size-XXXL: 24px;
        --f-size-XXL: 18px;
        --f-size-XL: 18px;
        --f-size-L: 16px;
        --f-size-M: 15px;
        --f-size-S: 15px;
        --f-size-small: 14px;
    }
}
@media only screen and (max-width: 340px) {
    :root{
         /* Font Sizes */
        --f-size-XXXL: 22px;
        --f-size-XXL: 17px;
        --f-size-XL: 17px;
        --f-size-L: 16px;
        --f-size-M: 15px;
        --f-size-S: 15px;
        --f-size-small: 14px;
    }
}

/* GLOBAL SETTINGS START HERE ========================== */
/* GLOBAL SETTINGS START HERE ========================== */
/* GLOBAL SETTINGS START HERE ========================== */
* {
    box-sizing: border-box;
}
html, body { overflow-x: hidden; }
body { font-family: var(--ff-base); font-size: var(--f-size-M); color: var(--color-primary); margin: 0; }
p { font-size: var(--f-size-L); margin-bottom: 0; line-height: 1.45;}
p:not(:last-child) { margin: var(--margin-paragraph); }
h1, h2, h3, h4, h5, h6 { font-family: var(--ff-title); line-height: 1.35; margin: var(--margin-title);}
h1, .h1 { font-size: var(--f-size-XXXL); }
h2, .h2 { font-size: var(--f-size-XXL); color: var(--color-tertiary);}
h3, .h3 { font-size: var(--f-size-XL); }
h4, .h4 { font-size: var(--f-size-L); }
h5, .h5 { font-size: var(--f-size-M); }
h6, .h6 { font-size: var(--f-size-S); }
img { max-width: 100%; display: block; }
a { text-decoration: none; transition: var(--transition-common); color: inherit; }
a:link, a:visited, a:focus, a:hover { color: var(--color-accent); }
ul { list-style: none; margin: 0; padding: 0; }

/* Utility Classes */
.padding-common { padding: var(--padding-height) 0; }
.background-cover { background-size: cover; background-position: center; background-repeat: no-repeat; }
.overlay-content { position: relative; z-index: 3; }
.responsive-image-wrapper { position: relative; overflow: hidden; }
.responsive-image-wrapper img { display: block; position: absolute; z-index: 1; inset: 0; width: 100%; height: 100%; object-fit: cover;}
.mb-50 { margin-bottom: var(--gap-50); }
.sub-title { font-size: var(--f-size-M); color: var(--color-accent); font-family: var(--ff-sub-title); text-transform: uppercase; letter-spacing: 0.4rem; margin-bottom: 12px;}
.fade-bg{ background: #F2FAFC;}

/*================ Button Styles ================*/
.button__primary, a.button__primary, .button-header a { display: inline-flex; align-items: center; justify-content: center; background: var(--color-secondary); border: 0; border-radius: 50px; font-size: var(--f-size-L); font-family: var(--ff-test-metric-medium); color: var(--color-white); text-align: center; text-transform: capitalize; padding: 10px 35px; position: relative; transition: var(--transition-common); }
.button__primary::after, a.button__primary::after, .button-header a::after { content: ""; border: solid white; border-width: 0 2px 2px 0; display: inline-block; padding: 3.5px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); margin-left: 10px; transition: var(--transition-common); }
.button__primary:hover, a.button__primary:hover, .button-header a:hover { background: var(--color-accent); color: var(--color-white); }
/* .button__primary:hover::after, a.button__primary:hover::after, .button-header a:hover::after{} */
.button__primary.button__primary-white:hover { background: var(--color-white); }

@media only screen and (max-width: 767px) {
    .button__primary, a.button__primary, .button-header a {  padding: 12px 24px;}
}

/*================ Form Control Styles ================*/
.form-row { margin-bottom: var(--gap-40); }
.form-control { background-color: var(--form-holder-bg); height: var(--form-height); border: none; border: 1px solid #00394F66 !important; border-radius: var(--form-border-radious); box-shadow: none !important; color: var(--form-font-color); font-size: var(--f-size-L); padding-right: 20px; padding-left: 20px; }
select.form-control { background: url(../images/select-arrow.svg); background-position: right 5px center; background-size: 13px; background-repeat: no-repeat; padding: 2px 22px 2px 15px; height: fit-content; color: var(--color-secondary); cursor: pointer; }
textarea.form-control { height: 115px; border-radius: 30px; padding: 20px; resize: none; }
.form-control::-moz-placeholder { color: var(--form-placeholder-color); opacity: 1; font-weight: 600; color: #929292; }
.form-control:-ms-input-placeholder { color: var(--form-placeholder-color); font-weight: 600;color: #929292; }
.form-control::-webkit-input-placeholder { color: var(--form-placeholder-color); font-weight: 600;color: #929292; }
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-transition: "color 9999s ease-out, background-color 9999s ease-out";
    -webkit-transition-delay: 9999s;
}

@media only screen and (min-width: 1600px) {
    .container{ max-width: 1480px;}
}
.slick-arrow { width: 30px; height: 60px; background: transparent; border: 0; border-radius: 50%; z-index: 5; transition: var(--transition-common); top: 43%;}
.slick-arrow::before { content: ""; background-position: center !important; background-size: 100% !important; background-repeat: no-repeat !important; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 25px; margin: auto; opacity: 1; transition: var(--transition-common);}

.slick-prev::before{ background-image: url(../images/terra-arrow.svg) !important; background-size: 26px !important; }
.slick-next::before{ background-image: url(../images/terra-arrow.svg) !important; transform: rotate(180deg); background-size: 26px !important;}
.slick-arrow:hover{ background-color: transparent; border-color: transparent;}
/*.slick-arrow:hover::before{ filter: brightness(0) invert(1);}*/

.common-arrow-slider .slick-prev{ left: -100px;}
.common-arrow-slider .slick-next{ right: -100px;}
@media only screen and (max-width: 1699px){
    .common-arrow-slider .slick-prev{ left: -65px;}
    .common-arrow-slider .slick-next{ right: -65px;}
}
@media only screen and (max-width: 1599px){
    /*.slick-arrow { width: 42px; height: 42px;}
    .slick-arrow::before{ width: 18px;}*/
    .common-arrow-slider .slick-prev{ left: -50px;}
    .common-arrow-slider .slick-next{ right: -50px;}
}
@media only screen and (max-width: 1399px){
    .common-arrow-slider{ padding: 0 25px;}
    .common-arrow-slider .slick-prev{ left: -25px;}
    .common-arrow-slider .slick-next{ right: -25px;}
}
@media only screen and (max-width: 575px){
    .slick-arrow { width: 30px; height: 30px;}
    .slick-arrow::before{ width: 13px;}
    .common-arrow-slider .slick-prev{ left: -10px;}
    .common-arrow-slider .slick-next{ right: -10px;}
}
/* GLOBAL SETTINGS END HERE ========================== */
/* GLOBAL SETTINGS END HERE ========================== */
/* GLOBAL SETTINGS END HERE ========================== */

/* HEADER PART START HERE ========================== */
/* HEADER PART START HERE ========================== */

/* hamburger menu design */
.hamburger-nav { display: none; vertical-align: top; width: 32px; height: 26px; position: relative; margin: 0 0 0 15px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; margin-top: 0; z-index: 9; }
.hamburger-nav span { display: block; position: absolute; height: 2px; width: 100%; background: var(--color-white); border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
.hamburger-nav span:nth-child(1) { top: 2px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.hamburger-nav span:nth-child(2) { top: 10px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.hamburger-nav span:nth-child(3) { top: 18px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }

.hamburger-nav-close { vertical-align: top; width: 30px; height: 24px; position: relative; margin: 0 0 0 15px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; margin-top: 0; z-index: 9; }
.hamburger-nav-close span { display: block; position: absolute; height: 2px; width: 100%; background: var(--color-white); border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
.hamburger-nav-close span:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 10px; left: 3px; }
.hamburger-nav-close span:nth-child(2) { width: 0%; opacity: 0; }
.hamburger-nav-close span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 10px; left: 2px; }

.header-wraper { position: fixed; z-index: 999; top: 0; right: 0; left: 0; padding: 15px 0 30px; }
.header-wraper .site-logo { height: 65px; transition: var(--transition-common); }
.header-wraper .site-logo * { display: inline-block; height: 100%; width: auto; transition: var(--transition-common); }
.header-wraper .desktop-menu ul.nav { align-items: center; }
.header-wraper .desktop-menu li { margin: 0 20px; }
.header-wraper .desktop-menu li:first-child{ margin-left: 0;}
.header-wraper .desktop-menu li:last-child{ margin-right: 0;}

.header-wraper .desktop-menu li:not(.button-header){ font-family: var(--ff-test-metric-medium);}
.header-wraper .desktop-menu li:not(.button-header) a { font-size: var(--f-size-L); padding-top: 12px; padding-bottom: 12px; color:var(--color-white);}
.header-wraper .desktop-menu li:not(.button-header) a:hover { color: var(--color-secondary);text-decoration: underline; }
.header-wraper .desktop-menu li a:hover::before { border-color: var(--color-accent); }
.header-wraper .desktop-menu li.current-menu-item a { color: var(--color-secondary);text-decoration: underline; }
.header-wraper .desktop-menu li.button-header.current-menu-item a { color: var(--color-white); text-decoration: none;}
/* sub-menu start */
.header-wraper .menu-item-has-children { position: relative; }
.header-wraper .menu-item-has-children .sub-menu { background: #FFF; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.13); width: 210px; border-radius: var(--border-radius-image); position: absolute; top: 25px; opacity: 0; visibility: hidden; overflow: hidden; transition: var(--transition-common); }
.header-wraper .menu-item-has-children .sub-menu li { margin: 0; }
.header-wraper .menu-item-has-children .sub-menu a { display: block; padding: 10px 20px; color: var(--color-primary) !important; }
.header-wraper .menu-item-has-children .sub-menu a:hover { background: rgba(128, 128, 128, 0.3); color: var(--color-accent) !important; }
.header-wraper .menu-item-has-children:hover .sub-menu { transform: translateY(10px); opacity: 1; visibility: visible; }
.header-wraper .menu-item-has-children>a { padding-right: 25px; }
.header-wraper .menu-item-has-children>a::before { position: absolute; content: ''; border: solid var(--color-white); border-width: 0 2px 2px 0; display: inline-block; padding: 3px; transform: rotate(45deg); -webkit-transform: rotate(45deg); right: 5px; top: 8px; transition: var(--transition-common); }
/* sub-menu end */

/* Mobile Menu */
.mobile-menu { display: none; background: var(--color-secondary); width: 100%; max-width: 450px; height: 100vh; position: fixed; top: 0; right: -100vw; overflow: hidden; z-index: 1010; transition: var(--transition-common); }
.mobile-menu .top-row { padding: 15px; }
.mobile-menu .logo-wrap a { display: block; height: 45px;}
.mobile-menu .logo-wrap a img { width: auto; height: 100%; }
.mobile-menubar { height: calc(100vh - 125px); padding: 20px 0; overflow: auto; }

html.menu-open{ height: 100vh; overflow: hidden;}
.menu-open body{ position: relative;}
body::before { content: ""; background: rgba(0, 0, 0, 0.6); backdrop-filter: blur(2px); position: absolute; z-index: 1000; top: 0; right: 0; bottom: 0; left: 0; height: 100%; transition: var(--transition-common); pointer-events: none; opacity: 0; visibility: hidden; }
.menu-open body::before { opacity: 1; visibility: visible; }
.menu-open .mobile-menu { right: 0; }

.mobile-menu .mobile-menubar li { opacity: 0; -webkit-transform: translateX(-150px); transform: translateX(-150px); -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; padding: 0 15px; font-size: 18px; border-bottom: 1px solid rgba(144, 238, 144, 0.3);}
.menu-open .mobile-menu .mobile-menubar li { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }
.menu-open .mobile-menu .mobile-menubar li:nth-child(2) { transition-delay: 0.24s; }
.menu-open .mobile-menu .mobile-menubar li:nth-child(3) { transition-delay: 0.32s; }
.menu-open .mobile-menu .mobile-menubar li:nth-child(4) { transition-delay: 0.40s; }
.menu-open .mobile-menu .mobile-menubar li:nth-child(5) { transition-delay: 0.48s; }
.menu-open .mobile-menu .mobile-menubar li:nth-child(6) { transition-delay: 0.56s; }
.menu-open .mobile-menu .mobile-menubar li:nth-child(7) { transition-delay: 0.56s; }
.mobile-menu .mobile-menubar li.button-header{ border-bottom: 0;}
.mobile-menu .mobile-menubar li:not(.button-header) a{ display: inline-block; padding: 12px 0; color: var(--color-white);}
.mobile-menu .button-header{ margin-top: 20px;}
.mobile-menu .button-header a{ background: var(--color-white); color: var(--color-secondary)!important;}
.mobile-menu .button-header a::after{ border-color: var(--color-secondary);}

/* ~~ header sticky start ~~ */
@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.header-sticky .header-wraper { background: rgba(0, 0, 0, 0.3); backdrop-filter: blur(15px); box-shadow: 4px 4px 15px 0px rgb(0 0 0 / 10%); animation: slide-down 0.5s; padding: 15px 0; }
.header-sticky .header-wraper .site-logo{ height: 45px;}
/* ~~ header sticky end ~~ */


@media only screen and (max-width: 1399px){
    .header-wraper{ padding: 18px 0;}
    .header-wraper .site-logo{ height: 50px;}
    .header-wraper .desktop-menu li { margin: 0 15px; }
}
@media only screen and (max-width: 991px) {
    .desktop-menu { display: none; }
    .hamburger-nav { display: block; }
    .mobile-menu { display: block; }
    .mobile-menu .sub-menu { display: none; width: calc(100% - 20px); margin-left: auto; }
}
@media only screen and (max-width: 767px){
    .header-wraper { padding: 15px 0; }
    .header-wraper .site-logo { height: 45px; }
    .mobile-menu .logo-wrap a { height: 40px; }
    .header-sticky .header-wraper{ padding: 12px 0;}
    .header-sticky .header-wraper .site-logo { height: 38px; }
    h1{line-height: 1.8;}
    
    .team-modal { padding-top: 0!important; background-color: #fff !important;}
    
}
@media only screen and (max-width: 479px){
    .header-wraper .site-logo { height: 38px; }
    .mobile-menu .logo-wrap a { height: 35px; }
    .header-sticky .header-wraper .site-logo { height: 35px; }
    

}
/* HEADER PART END HERE ========================== */
/* HEADER PART END HERE ========================== */

/* HOME PAGE START HERE ==========================*/
/* HOME PAGE START HERE ==========================*/

.hero-banner .banner-video{ position: relative; padding-bottom: 100vh; overflow: hidden; }
.inner-hero-banner .banner-video { position: relative; padding-bottom: 40%; overflow: hidden; }
.hero-banner .banner-video video, .inner-hero-banner .banner-video video { position: absolute; left: 0; right: 0; bottom: 0; top: 0; height: 100%; width: 100%; object-fit: cover; }
.hero-banner .banner-video:before , .inner-hero-banner .banner-video:before { content: ""; background: rgb(0 0 0 / 30%); position:absolute; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; }
.hero-banner .banner-video:after {content: ''; background: url(../images/TAI-TRI.svg) no-repeat center; background-size: contain; position: absolute; width: 50vw; height: 50vh; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0.7; filter: brightness(1.5) contrast(1); }

.team-modal { display: none; position: fixed; z-index: 9999; padding-top:60px; left: 0; top: 0; width: 100%; height: 100%; overflow-x: hidden;
 overflow-y: auto; background-color:rgba(0, 0, 0, 0.8); }
.team-modal .modal-dialog-center { display: flex; align-items: center; justify-content: center; height: 100%; } 
.team-modal-content { background: #fff; margin: auto; padding: 20px; border-radius: 10px; width: 96%; max-width: 900px; position: relative; } 
.team-modal .close { position: absolute; top: 15px; right: 20px; font-size: 30px; cursor: pointer; } 
.team-popup-inner { display: flex; gap: 20px; }
.team-popup-inner .popup-img img { max-width: 250px; border-radius: 10px; } 
.popup-info h3 { margin-bottom: 0; } 

.popup-social a {font-size: 20px; background: #0077b5; color: #fff;  transition: color 0.3s; align-items: center; justify-content: center; width: 40px; height: 40px; display: flex;  border-radius: 50%;} 
.popup-social a:hover { background: #005582; }
.titleholder { margin-bottom: 10px; display: flex; align-items: center; column-gap: 20px; }
.main-infos ul li {  padding-left: 30px;  position: relative;}
.main-infos ul li:before {width: 6px; height: 6px; content: ""; background: #000; border-radius: 50%; position: absolute; top: 9px; left: 15px; }


.hero-banner .banner-info { max-width: 1200px; margin: auto;}
.hero-banner .banner-bg { padding-bottom: 100dvh; }
.hero-banner .banner-bg::before, .inner-hero-banner .banner-bg::before{ content: ""; background: rgba(0, 0, 0, 0.15); position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; }
.hero-banner .banner-bg::after, .inner-hero-banner .banner-bg::after{ content: ""; background: linear-gradient(0deg,rgba(255, 255, 255, 0) 33%, rgba(255, 255, 255, 0) 52%, rgba(255, 255, 255, 0.45) 69%, rgba(255, 255, 255, 1) 100%); position: absolute; z-index: 3; top: 0; right: 0; left: 0; width: 100%; height: 100%; }
.hero-banner .container-holder, .inner-hero-banner .container-holder{ display: flex; align-items: center; justify-content: center; position: absolute; z-index: 3; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; padding-top: 10%; }
.hero-banner h1, .inner-hero-banner h1{ color: var(--color-white); }
.hero-banner h1{margin: 0 auto 25px;}
.hero-banner p{ font-family: var(--ff-test-metric-semibold); font-size: var(--f-size-XL); color: var(--color-white);}
.inner-hero-banner h3, .inner-hero-banner h2 { color:var(--color-white); font-family:var(--ff-test-metric-semibold); font-weight: 600; text-shadow: 0px 0px 6px #000000A6;     margin: 0 0 10px;}
.our-firm-section .info-wraper { padding-right: 2%; }
.our-firm-section .short-description p{ margin-bottom: 5px;}
.our-founder-story-box { padding: 20px; border: 1px solid #0F163421; border-radius: 20px; box-shadow: 0px 5px 15px 0px #0000000D; margin-top: var(--gap-40);}
.our-founder-story-box .image-wraper { padding-bottom: 90%; border-radius: 10px; }
.our-founder-story-box h3{ font-family: var(--ff-test-metric-medium); color: var(--color-quaternary); margin-bottom: 12px;}
.our-founder-story-box p{ color: var(--color-tertiary); margin-bottom: 20px;}
.our-firm-section .image-outer-row, .our-firm-section .image-outer-row .image-col, .our-firm-section .image-outer-row .image-wraper{ height: 100%;}
.our-firm-section .image-outer-row .image-wraper{ padding-bottom: 50%; border-radius: 30px;}

.how-we-invest-section{ isolation: isolate;}
.how-we-invest-section::before { content: ""; background: url(../images/how-we-invest-bg.png); background-size: 100%; background-repeat: no-repeat; background-position: bottom center; position: absolute; z-index: -1; width: 50%; height: 100%; right: 0; bottom: 0; }
.top-title-row{ margin-bottom: var(--gap-40);}
.top-title-row h2 { margin-bottom: 0; }
.invest-card { background: #FFFFFF; border: 1px solid #0F163421; border-radius: 20px; padding: 20px 20px 30px; box-shadow: 0px 5.13px 15.39px 0px #0000000D; height: 100%;}
.invest-card .logo-outer { background: #D3EDE9BA; box-shadow: 0px 5.13px 15.39px 0px #0000000D; height: 250px; display: flex; align-items: center; padding: 15px; border-radius: 20px; }
.invest-card .logo-outer .logo-row { justify-content: space-around; width: 100%; }
.invest-card .logo-outer .logo-row img { max-height: 180px; }
.invest-card .invest-card-info { display: flex; flex-direction: column; height: calc(100% - 250px); padding-top: 25px; }
.invest-card  .card-short-info{ margin-bottom: 22px;}
.invest-card h5{ font-family: var(--ff-test-metric-semibold); margin-bottom: 10px;}
.invest-card .invest-card-info .button-row { margin-top: auto; }
.invest-card-outer .row { margin-right: -30px; margin-left: -30px; }
.invest-card-outer .row>*{ padding-right: 30px; padding-left: 30px;}

.team-card-inner { padding: 20px 20px 0 0; }
.team-card .team-image{ padding-bottom: 100%; border-radius: 30px;}
.team-card .team-profile a { font-size: 0; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; }
.team-card .team-profile{ isolation: isolate;}
.team-card .team-profile::before { content: ""; background: linear-gradient(180deg, rgba(0, 161, 196, 0.4) 0%, rgba(75, 129, 60, 0.4) 93.12%); position: absolute; z-index: -1; top: -20px; right: -20px; width: 100%; height: 100%; border-radius: 30px; transition: var(--transition-common); }
.team-card .team-info-row { padding: 20px; position: absolute; bottom: 0; right: 0; left: 0; }
.team-card .team-info-row *{ color: var(--color-white);}
.team-card .team-info-row .team-profile-details { width: calc(100% - 55px); }
.team-card .team-info-row h6{  font-weight: var(--fw-bold); margin-bottom: 5px;}
.team-card .team-info-row p{ font-size: var(--f-size-M); line-height: 1;}
.team-card .arrow { display: flex; align-items: center; justify-content: center; width: 22px; height: 22px; border: 2px solid #FFFFFF; border-radius: 50%; transition: var(--transition-common);}
.team-card:hover .team-profile::before{ top: 0; right: 0;}
.team-card:hover .arrow{ background: var(--color-accent); border-color: var(--color-accent); transform: translateX(5px);}
.team-slider .slick-list{ margin: 0 -25px;}
.team-slider .slick-slide{ padding: 0 25px;}


.new-articles-section{ isolation: isolate;}
.new-articles-section::before{ content: ""; background: url(../images/new-articale-design.png); background-size: 100%; background-repeat: no-repeat; background-position: bottom center; position: absolute; z-index: -1; width: 50%; height: 100%; bottom: 0; left: 0; }
.articale-card { background: #FFFFFF; border: 1px solid #0F163421; border-radius: 20px; padding: 20px 20px 30px; box-shadow: 0px 5.13px 15.39px 0px #0000000D; height: 100%; }
.articale-card .articale-image { height: 300px; border-radius: 10px; }
.articale-card .articale-card-info { display: flex; flex-direction: column; height: calc(100% - 300px); padding-top: 25px; }
.articale-card .card-short-info { margin-bottom: 20px; }
.articale-card h3{ font-family: var(--ff-test-metric-medium); color: var(--color-quaternary); margin-bottom: 10px;}
.articale-card p{ font-size: var(--f-size-M); color: var(--color-tertiary);}
.articale-card .button-row{ margin-top: auto;}

.articale-slider .slick-list{ margin: 0 -12px;}
.articale-slider .slick-track{ display: flex;}
.articale-slider .slick-slide{ padding: 0 12px; height: inherit;}

.contact-section .contact-inner { padding: 55px 0; isolation: isolate;}
.form-box { background: var(--color-white); padding: 60px; border: 1px solid #0F163421; border-radius: 20px; box-shadow: 0px 5px 15px 0px #0000000D; }
.form-box .section-title{ margin-bottom: var(--gap-40);}
.form-box .section-title h2{ margin-bottom: 10px;}
.form-box .section-title p{ font-family: var(--ff-test-metric-semibold);}
.submit-button.button__primary { padding: 0; }
.submit-button.button__primary input[type="submit"] { background: transparent; border: 0; outline: none; box-shadow: none; padding: 13px 50px 13px 30px; color: var(--color-white);}
.submit-button.button__primary::after { position: absolute; right: 30px; }
.wpcf7-spinner{ position: absolute;}
.wpcf7-not-valid-tip{ display: none;}
.wpcf7-not-valid{ border-color: #dc3232 !important;}
.wpcf7-response-output { margin: 20px 0 0 !important; padding: 5px 10px !important; font-size: 16px; line-height: normal; }

.contact-section .map-holder { width: 100%; max-width: 55%; position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; border-radius: 30px; overflow: hidden; }
.contact-section .map-holder iframe{ width: 100%; height: 100%;}



.founder-holder {background: none !important; }
.commitment-holder .commitment-img img { max-width: 100%;  opacity: 0.5; }
.subheadingholder .tranglebg, .commitment-holder .tranglebg {  left: 0;  margin: auto;}




@media only screen and (max-width: 1599px){
    .team-slider .slick-list{ margin: 0 -18px;}
    .team-slider .slick-slide{ padding: 0 18px;}
    .hero-banner .banner-info { max-width: 900px;}
}
@media only screen and (max-width: 1399px){
    .our-firm-section .info-wraper { padding-right: 0; }
    .invest-card-outer .row { margin-right: -18px; margin-left: -18px; }
    .invest-card-outer .row>*{ padding-right: 18px; padding-left: 18px;}
    .invest-card .logo-outer .logo-row img { max-height: 130px; }
    .team-slider .slick-list{ margin: 0 -10px;}
    .team-slider .slick-slide{ padding: 0 10px;}
    .team-card-inner { padding: 12px 12px 0 0; }
    .team-card .team-profile::before{ top: -12px; right: -12px;}
    .team-card .team-info-row .team-profile-details { width: calc(100% - 30px); }
    .form-box{ padding: 40px;}
}
@media only screen and (max-width: 1199px){
    .invest-card-outer .row { margin-right: -10px; margin-left: -10px; }
    .invest-card-outer .row>*{ padding-right: 10px; padding-left: 10px;}
    .invest-card{ padding: 15px;}
    .invest-card .logo-outer{ height: 220px;}
    .invest-card .logo-outer .logo-row img { max-height: 100px; }
    .invest-card .invest-card-info{ height: calc(100% - 220px);}
    .hero-banner .banner-info { max-width: 680px;}

    .articale-card{ padding: 15px;}
    .articale-card .articale-image{ height: 160px;}
    .articale-card .articale-card-info { height: calc(100% - 160px); }
    .form-box { padding: 25px 20px; }
}
@media only screen and (max-width: 991px){
    .our-firm-section .image-outer-row, .our-firm-section .image-outer-row .image-col, .our-firm-section .image-outer-row .image-wraper{ height: auto;}
    .our-firm-section .image-outer-row{ margin: 0 -5px 25px;}
    .our-firm-section .image-outer-row>*{ padding-right: 5px; padding-left: 5px;}
    .our-firm-section .image-outer-row .image-wraper { padding-bottom: 200%; border-radius: 15px; }
    .top-title-row .section-title{ margin-bottom: 25px;}
    .invest-card-col:not(:last-child){ margin-bottom: 25px;}
    .contact-section .contact-inner{ padding: 0;}
    .contact-section .map-holder{ position: relative; z-index: -1; padding-bottom: 75%; max-width: 100%; margin-top: 25px;}
    .contact-section .map-holder iframe{ position: absolute; z-index: 1;}
    
    .hero-banner .banner-bg { padding-bottom: 60vh;}
	
}
@media only screen and (max-width: 767px){
    .our-founder-story-box{ padding: 12px;}
    .our-founder-story-box .image-wraper{ margin-bottom: 25px;}
    .invest-card { padding: 12px; }
    .articale-card { padding: 12px; }
    .inner-hero-banner .banner-video { padding-bottom: 75%;}
    
    .team-popup-inner { display: block; text-align: center;}
    .team-popup-inner .popup-img img {margin: 10px auto 20px; max-width: 100%;}
    .popup-social { justify-content: center;}
    .team-modal .close {  top: 0;  right: 10px;}
    .popup-info { text-align: left;}
    .popup-social a {  font-size: 15px;  width: 30px;  height: 30px;}
    .hero-banner .banner-info { max-width: 100%;}
    
    
}
@media only screen and (max-width: 575px){
    .invest-card .logo-outer { height: 150px; }
    .invest-card .logo-outer .logo-row img { max-height: 70px; }
    .form-box { padding: 25px 15px; }
}
@media only screen and (max-width: 419px){
    .team-card .team-info-row{ padding: 15px;}
    
    .hero-banner .banner-bg { padding-bottom: 70vh;}
    
}
@media only screen and (max-width: 375px){
    .hero-banner p { font-size: var(--f-size-L);}
    
}
/* HOME PAGE END HERE ==========================*/
/* HOME PAGE END HERE ==========================*/

/* FOOTER PART START HERE ==========================*/
/* FOOTER PART START HERE ==========================*/
.main-footer{ background: var(--color-secondary); padding-bottom: var(--gap-40);}
.footer-border{ margin-bottom: var(--gap-40); padding-bottom: var(--gap-40); border-bottom: 1px solid #FFFFFF33;}
.footer-newsletter-title h2, .main-footer p, .main-footer a, .main-footer h5{ color: var(--color-white);}
.main-footer p a{ text-decoration: underline;}
.main-footer p a:hover{ text-decoration: none;}
.footer-newsletter-title { padding-right: 10%; max-width: 550px; }
.footer-newsletter-title h2{ margin-bottom: 0;}
.newsletter-form .form-control{ height: 60px; background-color: transparent; background-image: url(../images/email.svg); background-position: left 30px center; background-size: 25px; background-repeat: no-repeat; border-color: #FFFFFF66 !important; color: var(--color-white); padding-left: 65px;}
.newsletter-form .form-control::-moz-placeholder { color: var(--color-white);}
.newsletter-form .form-control:-ms-input-placeholder { color: var(--color-white);}
.newsletter-form .form-control::-webkit-input-placeholder { color: var(--color-white);}
.newsletter-form .button__primary { flex: 0 0 auto; margin-left: var(--gap-40); background: var(--color-white); color: var(--color-secondary);  padding: 14px 45px;}
.newsletter-form .button__primary:hover{ background: var(--color-accent); color: var(--color-white);}

.footer-about { max-width: 500px; }
.footer-logo{ margin-bottom: 80px;}
.footer-logo a { display: inline-block; height: 72px; }
.footer-logo a img{ display: block; width: auto; height: 100%;}
.top-footer h4{ font-family: var(--ff-test-metric-bold); color: var(--color-white);}
.footer-menu li a{ display: inline-block; font-size: var(--f-size-L); line-height: 1.15; text-decoration: underline;}
.footer-menu li:not(:last-child){ margin-bottom: 18px;}
.footer-menu li a:hover{ color: var(--color-accent);}

.footer-contact-listing ul{ margin: 0; padding: 0;}
.footer-contact-listing ul li:not(:last-child){ margin-bottom: 18px;}
.footer-contact-listing ul li a{ display: block; font-size: var(--f-size-L); line-height: 1.15; position: relative; padding-left: 35px;}
.footer-contact-listing ul li a::before{ content: ""; position: absolute; top: 2px; left: 0; background-size: 100% !important; width: 20px; height: 20px;}
.footer-contact-listing ul li.phone a::before{ background: url(../images/phone-icon.svg) top left no-repeat;}
.footer-contact-listing ul li.mail a::before{ background: url(../images/envelope-logo.svg) top left no-repeat;}
.footer-contact-listing ul li.location a::before{ background: url(../images/location-icon.svg) top left no-repeat;}
.footer-contact-listing li.location a::before{ height: 25px;}

.footer-slider-outer { margin-top: var(--gap-40); padding: 0 5%; }
.footer-logo-slider .slick-list{ margin: 0 -8px;}
.footer-logo-slider .slick-slide{ padding: 0 8px;}
.footer-logo-slider .logo-box { display: flex; align-items: center; justify-content: center; height: 60px; }
.footer-logo-slider .logo-box img{ max-height: 50px; width: auto;}

.footer-logo-slider {display: flex; align-items: center; justify-content: center; gap: 30px; flex-wrap: wrap; }


.bootm-footer p{ font-size: var(--f-size-L);}

@media only screen and (max-width: 1399px){
    .footer-logo a { height: 60px; }
    .footer-logo-slider { gap: 15px; }
    .footer-logo-slider .logo-box img { max-height: 45px; }
}
@media only screen and (max-width: 1199px){
    .footer-logo a { height: 50px; }
    .newsletter-form .button__primary{ padding: 13px 30px; margin-left: 12px;}
.footer-contact-listing ul li a, .footer-menu li a, .bootm-footer p { font-size: var(--f-size-S);}

.footer-logo-slider { gap: 30px; }
	
	
}
@media only screen and (max-width: 991px){
    .footer-newsletter-title{ padding-right: 0; margin-bottom: 25px;}
    .footer-logo { margin-bottom: 20px; }
    .footer-about{ margin-bottom: 30px;}
    .current-menu-item a {  color: var(--color-accent) !important;}
}
@media only screen and (max-width: 767px){
    .newsletter-form .form-control{ height: 50px;}
    .newsletter-form .button__primary { padding: 12px 22px; margin-left: 10px; }
    .footer-about { margin-bottom: 15px; }
    .footer-logo a { height: 40px; }
    .footer-menu{ margin-bottom: 18px;}
    .footer-contact-details h5{ margin-bottom: 15px;}
    
    .main-footer { text-align: center;}
.footer-contact-listing ul li a {font-size:var(--f-size-small);  display: inline-block; padding-left: 0; padding-top: 25px;}
.footer-contact-listing ul li a, .footer-menu li a, .bootm-footer p { font-size:var(--f-size-small);}
.footer-contact-listing {  margin-bottom: 20px;}
.footer-menu li:not(:last-child) { margin-bottom: 10px;}
.bootm-footer p, .footer-menu li a { font-size:var(--f-size-small);}
.bootm-footer p span {  display: block;}
.footer-contact-listing ul li a::before { top: 0px;width: 14px; height: 14px; left: 0; right: 0; margin: auto;} 
.hero-banner .banner-info h1 br{display:block;}
	
	
}
@media only screen and (max-width: 419px){
.newsletter-form-row { flex-wrap: wrap;}
.newsletter-form .form-control { height: 50px; background-size: 18px; background-position: left 20px center; padding-left: 50px; }
.newsletter-form .button__primary{ margin: 12px 0 0; width: 100%;}
.footer-logo-slider .logo-box img{ max-height: 40px;}

    
}
@media only screen and (max-width: 360px){
.hero-banner .banner-bg { padding-bottom: 90vh;}
.bootm-footer p {  font-size: var(--f-size-small);}
    
}
/* FOOTER PART END HERE ==========================*/
/* FOOTER PART END HERE ==========================*/


/* HOW WE INVEST PAGE START HERE ==========================*/
/* HOW WE INVEST PAGE START HERE ==========================*/
.inner-hero-banner .banner-bg{ padding-bottom: 39.78666%;}

.investment-process-section{ isolation: isolate;}
.investment-process-section h2, .impact-process-section h2 { color: var(--color-secondary); }
.investment-process-section h3 { font-family: var(--ff-base); }
/*.investment-process-section::before{ content: ""; background: url(../images/investment-process-bg.png); background-size: 100%; background-repeat: no-repeat; background-position: bottom center; position: absolute; z-index: -1; width: 50%; height: 100%; right: 0; bottom: 0; left: 0; margin: 0 auto;     max-width: 1200px;}*/

.page-template-template_how_we_invest .subheadingholder h3 {font-family: var(--ff-test-metric-medium); }
.tranglebg { position: absolute; right: 0;  top: 50%; transform: translateY(-50%); max-width: 516px;}
/*.impact-process-section .section-title p{ font-size: var(--f-size-XL); }*/



.invest-process-steps h4 { font-family: var(--ff-test-metric-medium); }
.invest-process-steps ul { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 40px; justify-content: space-between; }
.invest-process-steps ul li { width: 45%; position: relative; aspect-ratio: 1 / 1;}
.invest-process-steps ul li .icon-box { background: #039A9A; width: 150px; height: 150px; border-radius: 50%; margin: 0 auto 20px; display: inline-flex; align-items: center; justify-content: center; box-shadow: 0.85px 2.56px 4.43px 0px #0000002B; }
.invest-process-steps ul li .icon-box img {height: 60%; }
.invest-process-steps ul li h4 { margin: 0; min-height: 65px;}
.invest-process-steps { padding: 0 18px;}

.invest-process-steps ul li:nth-child(2) .icon-box { background: #44B4A6; }
.invest-process-steps ul li:nth-child(3) .icon-box { background: #85CFB3; }
.invest-process-steps ul li:nth-child(4) .icon-box { background: #93D3C3; }

.invest-process-steps ul li:nth-child(2) .hover-text { background: #44b4a6;}
.invest-process-steps ul li:nth-child(3) .hover-text { background: #85CFB3;}
.invest-process-steps ul li:nth-child(4) .hover-text { background: #93D3C3;}

.invest-process-steps ul li .icon-box.shade-carbon { background: #4A895C;}
.invest-process-steps ul li:nth-child(2) .icon-box.shade-carbon { background: #4BA571;}
.invest-process-steps ul li:nth-child(3) .icon-box.shade-carbon { background: #64C48D;}
.invest-process-steps ul li:nth-child(4) .icon-box.shade-carbon { background: #72C57F;}
.invest-process-steps>h4 {font-weight:600;}

.invest-process-steps.for-ep ul li:nth-child(1) .hover-text { background: #4A895C;}
.invest-process-steps.for-ep ul li:nth-child(2) .hover-text { background: #4BA571;}
.invest-process-steps.for-ep ul li:nth-child(3) .hover-text { background: #64C48D;}
.invest-process-steps.for-ep ul li:nth-child(4) .hover-text { background: #72C57F;}

.invest-process-steps ul li .hover-text {background: var(--color-seagreen); color: var(--color-white); padding: 15px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: none; align-items: center; justify-content: center; z-index: 3; border-radius: 50%; aspect-ratio: 1 / 1; }
.invest-process-steps ul li .hover-text p { font-size: 20px; }
.invest-process-steps ul li:hover .hover-text { display: inline-flex; }


.invest-process-steps ul li .icon-box.shade-governance { background: #44B4A6; }
.invest-process-steps ul li .icon-box.shade-financial { background: #85CFB3; }
.invest-process-steps ul li .icon-box.shade-operations { background: #93D3C3; }

.invest-process-steps ul li .icon-box.shade-carbon { background: #4A895C;}
.invest-process-steps ul li .icon-box.shade-water { background: #4BA571;}
.invest-process-steps ul li .icon-box.shade-waste { background: #64C48D;}
.invest-process-steps ul li .icon-box.shade-soil { background: #72C57F;}

.impact-process-section .section-title { margin: 0 0 5px;}
.imapace-process-slider { margin: 0 -12px; }

.impact-stat-box { background: #85CFB3; padding:50px; text-align: center; box-shadow: 0px 5px 15px 0px #0000000D; border-radius: 35px; height:90%; }
.impact-stat-item { padding: 0 12px; }
.impact-stat-box .icon-number { display: flex; align-items: center; justify-content: center; margin: 0 0 30px; gap: 20px; }
.impact-stat-box .icon-number h3 { margin: 0; color: var(--color-white); }
.impact-stat-box h4 { font-family: var(--ff-test-metric-medium); color: var(--color-white);margin-bottom: 0; line-height: 1.5;}
.section-title { margin: 0 0 25px; }
.section-title h2 { color: var(--color-secondary);}
.impact-stat-box .icon-number img {  min-height: 75px; width: auto;}
.impact-stat-box.shade-2 { background: #44B4A6; }
.impact-stat-box.shade-3 { background: #039A9A; }


.slick-dots { position: static; }
.slick-dots li { width: auto; height: auto; }
.slick-dots li button { width: 8px; height: 8px; padding: 0; background: #D9D9D9; border-radius: 50%; }
.slick-dots li button:before { display: none; }
.slick-dots li.slick-active button { background: var(--color-secondary); width: 10px; height: 10px; }
.invetsment-model .row .col-md-4:last-child {  align-self: baseline;}





@media only screen and (max-width: 1399px){
.invest-process-steps ul { gap: 20px;}
    
}
@media only screen and (max-width: 1199px){
.invest-process-steps ul li .icon-box {  width: 125px;  height: 125px;  padding: 30px;}

}
@media only screen and (max-width: 991px){
.invest-process-steps ul li .icon-box {   width: 100px;    height: 100px;    padding: 25px;}  
.invest-process-info { padding: 30px 0;}
.invetsment-model .row.align-items-center { align-items: flex-start !important;}
    
}
@media only screen and (max-width: 767px){
.inner-hero-banner .banner-bg { padding-bottom: 80%;}
br{display: none;} 
.infograph-infobox .ttl-with-icon { justify-content: space-between;}
.footer-contact-listing ul li a br { display: block;}

.invest-process-steps ul li .hover-text p { font-size: 14px; }
    
    
}

/* HOW WE INVEST PAGE END HERE ==========================*/
/* HOW WE INVEST PAGE END HERE ==========================*/



/* PEOPLE PAGE START HERE ==========================*/
/* PEOPLE PAGE START HERE ==========================*/

.team-list { padding: 0 0 60px; }
.team-list.last { padding: 0; }
.team-list ul { margin: 0 -15px; padding: 0; list-style: none; display: flex; flex-wrap: wrap; }
.team-list ul li { padding: 15px; width: 25%; }

.team-box { position: relative; }
.team-box .team-member-img { padding: 0 0 97%; position: relative; border-radius: 30px; overflow: hidden; }
.team-box .team-member-img img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.team-box .team-member-img:after { content: ''; background: linear-gradient(179.96deg, rgba(0, 0, 0, 0) 0.03%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.85) 99.96%); position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; }
.team-box .team-member-info { position: absolute; bottom: 0; left: 0; right: 0; padding: 15px; z-index: 3; }
.team-box .team-member-info h4 { color: var(--color-white); margin: 0 0 10px; }
.team-box .team-member-info p { font-size: 20px; color: var(--color-white); /*overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical; */}

/*.team-list-section p { font-size: var(--f-size-XL); line-height: 1.3; }*/


.commitment-section { background: #E7F5FF; }
.commitment-section .section-title h3 {font-family: var(--ff-test-metric-medium); color: var(--color-seagreen); }
.infograph-box { position: relative; }
.infograph-box ul { display: flex; flex-wrap: wrap; }
.infograph-box ul li { width: 50%; padding: 50px; border: 1.5px solid #60666B; }
.infograph-box ul li:first-child { border-left: 0; border-top: 0; }
.infograph-box ul li:nth-child(2) { border-top: 0; border-right: 0; }
.infograph-box ul li:nth-child(3) { border-left: 0; border-bottom: 0; }
.infograph-box ul li:nth-child(4) { border-right: 0; border-bottom: 0; }
.infograph-infobox { border: 5px solid #85CFB3; padding: 30px; border-radius: 60px; height: 100%; }
.infograph-infobox .ttl-with-icon { display: flex; align-items: center; gap: 20px; margin: 0 0 20px; }
.infograph-infobox .ttl-with-icon h3 { font-family: var(--ff-test-metric-medium); color:var(--color-secondary); margin: 0; }
.infograph-infobox p { color:var(--color-black);}
.infograph-infobox .ttl-with-icon img {height: 65px; }
.infograph-box ul li:first-child .infograph-infobox, .infograph-box ul li:nth-child(3) .infograph-infobox { padding-right: 40%; }
.infograph-box ul li:nth-child(2) .infograph-infobox, .infograph-box ul li:nth-child(4) .infograph-infobox { padding-left: 40%; }
.infograph-box .infograph-elemnt { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 48.5%; }

.infograph-box ul li:nth-child(2) .infograph-infobox { border-color: #599DD6;}
.infograph-box ul li:nth-child(3) .infograph-infobox { border-color: #008080;}
.infograph-box ul li:nth-child(4) .infograph-infobox { border-color: #FD9A4B;}
.internship-program-section p a {  color: #002BB7;}
.internship-program-section .internship-program-conetnt p:nth-child(2){
    font-family: var(--ff-test-metric-medium);
    color: var(--color-seagreen);
    font-size: var(--f-size-XL);
}

.program-box { background-color: var(--color-white); box-shadow: 0px 5px 15px 0px #0000000D; border: 1px solid #0F163421; border-radius: 20px; padding: 18px; }
.program-box .imgbox { margin: 0 0 15px; padding: 0 0 60%; position: relative; }
.program-box .imgbox img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 20px; width: 100%; height: 100%; object-fit: cover; }
.program-box .imgbox img.overlay-logo { height: auto; width: auto; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 0; mix-blend-mode: multiply; z-index: 2; opacity: 1; }
.program-box .imgbox:after { content: ''; background: rgba(255,255,255,0.3); position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; opacity: 0; }
.ttl-arrw { display: flex; align-items: center; justify-content: space-between; }
.ttl-arrw h4 {font-family: var(--ff-test-metric-medium); width: 86%; margin: 0; -webkit-box-orient: vertical; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; overflow: hidden; }
.ttl-arrw h4 a { color: var(--color-primary);}

.page-template-templates .program-box.impact-report-box { height: calc(100% - 25px);}
.teamSlider, .teamAdvisors, .teamEmeritus{display: none;}
.popup-description p, .popup-info strong {font-size: var(--f-size-L);}
.popup-description {/* max-height: 300px; overflow-y: auto; */padding-right: 15px;}

.internship-program-section .program-box .imgbox {background: #f5f5f5; }
.internship-program-section .program-box .imgbox a img {opacity: 1; }




@media only screen and (max-width: 1299px){
.infograph-box .infograph-elemnt { width: 35%;}
.infograph-box ul li { padding: 25px;}  
.team-list-section{background-size: 60%;} 
.program-box .imgbox img.overlay-logo { width: 130px;}  
.team-list ul li { width: 25%;}
    
    
}
@media only screen and (max-width: 1199px){
.infograph-box ul li:first-child .infograph-infobox, .infograph-box ul li:nth-child(3) .infograph-infobox { padding-right: 30%;}
.infograph-box ul li:nth-child(2) .infograph-infobox, .infograph-box ul li:nth-child(4) .infograph-infobox { padding-left: 30%;} 
br { display: none;}  
}
@media only screen and (max-width: 991px){
.infograph-infobox .ttl-with-icon img {width: 60px;}
.infograph-infobox { padding: 20px;  border-radius: 30px;}
.infograph-infobox .ttl-with-icon h3 { font-size: var(--f-size-L);}   
.infograph-box .infograph-elemnt {  top: 46.4%; width: 30%;}   
.team-list ul li { width: 33%;}  
.ttl-arrw h4 { width: 90%;} 
}
@media only screen and (max-width: 767px){
.team-list ul li { width: 100%;} 
.infograph-box ul li { width: 100%;border: 0; padding: 0 0 20px 0;}
.infograph-box .infograph-elemnt {  top: auto; width: auto;  position: inherit; transform: inherit; left: inherit;} 
.infograph-box ul li:first-child .infograph-infobox, .infograph-box ul li:nth-child(3) .infograph-infobox { padding-right: 20px;}
.infograph-box ul li:nth-child(2) .infograph-infobox, .infograph-box ul li:nth-child(4) .infograph-infobox { padding-left: 20px;}    
.teamSlider, .teamAdvisors, .teamEmeritus{display: block;} 
.teamSlider .team-box, .teamAdvisors .team-box, .teamEmeritus .team-box { margin: 0 10px 20px;}
.team-list {display: none;}   
.page-template-templates .program-box.impact-report-box { height: auto;}
.popup-description { padding-bottom: 20px;}
}







/* PEOPLE PAGE END HERE ==========================*/
/* PEOPLE PAGE END HERE ==========================*/



/* INSIGHTS PAGE START HERE ==========================*/
/* INSIGHTS PAGE START HERE ==========================*/

.category-section { background-color: #F2FAFC; }

.category-box { border-radius: 20px; margin: 0 0 24px; padding: 0 0 66%; position: relative; }
.category-box img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 20px; width: 100%; height: 100%; object-fit: cover;}
.category-box h2 { background: rgba(255, 255, 255, 0.75); padding: 30px; text-align: center; position: absolute; top: 50%; right: 0; left: 0; transform: translateY(-50%); margin: 0; line-height: 1; }

.program-box.impact-report-box { margin: 0 0 25px; flex-grow: 1; }
.program-box.impact-report-box .imgbox { padding: 0 0 115%; }
.program-box.impact-report-box .imgbox::after { display: none; }

.newsletter-list-section { background-color: #F2FAFC; background-size: contain; }
.program-box.newsletter-list { padding: 0; margin: 0 0 25px; }
.program-box.newsletter-list .imgbox { margin: 0;}
.program-box.newsletter-list .imgbox img { border-radius: 20px 20px 0 0; }
.program-box.newsletter-list .imgbox img.overlay-logo {opacity: 0; }
.program-box.newsletter-list .ttl-arrw { padding: 25px; }

.tai-v { height: calc(100% - 30px); }
.tai-v .imgbox::after { display: none; }

.epInsight-list-section { background-color: #F2FAFC; }

.program-box.epInsight { height: calc(100% - 30px); }
.program-box.epInsight .imgbox::after { display: none; }
.program-box.epInsight p { font-size: var(--f-size-M); margin: 15px 0 0; padding-bottom: 30px; }

.news-box .imgbox::after { display: none; }

.insight-details-section { margin-top: 100px;}
.insight-details-header { margin: 0 0 30px; }
.insight-details-header h4 {color: var(--color-seagreen); text-transform: uppercase; letter-spacing: 4px; margin: 0 0 10px;font-size: var(--f-size-M);}
.insight-details-header h1 { font-size: 44px; }
.insight-details-header .details-img { margin: 0 auto 20px; max-width: 800px; }
.insight-details-header .details-img img { width: 100%; border-radius: 30px; }

.term-news .impact-reports-section { margin-top: 60px;}
.epInsight-list-section .col-md-4, .impact-reports-section .col-md-4 {display: flex; }
.program-box.news-box {  margin-bottom: 25px; flex-grow: 1; }

.insight-details-section .insight-details-header p { color: #808080;}
/*.single-insight .header-wraper, .page-id-3 .header-wraper, .error404 .header-wraper, .page-id-154 .header-wraper { background:#18475d;}*/
.no-banner .header-wraper { background:#18475d;}

/*.tax-insight_category .program-box.impact-report-box .imgbox {
    padding: 0 0 100%;
}*/

@media only screen and (max-width: 1199px){
    .insight-details-section { margin-top: 50px;}
}
@media only screen and (max-width: 991px){
.program-box { padding: 10px;}
.ttl-arrw { column-gap: 10px;}
.insight-details-header h1 { font-size: var(--f-size-XXXL);}
}
@media only screen and (max-width: 767px){
.program-box {margin-bottom: 20px;}

}

/* INSIGHTS PAGE END HERE ==========================*/
/* INSIGHTS PAGE END HERE ==========================*/


.icon-contact { position: relative; padding-left: 45px; margin: 0 0 30px; }
.icon-contact img {position: absolute; left: 0; width: 24px; top: 8px; }
.icon-contact  h5 { font-weight: 600; font-family: var(--ff-test-metric-semibold); font-size: 30px; }
.icon-contact p { margin: 0 0 6px; }
.icon-contact p a { color: var(--color-primary); }

.contact-map { height: 320px; }
.contact-map iframe { width: 100%; height: 100%; border-radius: 20px; }

.contact-form-btm { background: #F2FAFC; }
.form-group { margin: 0 0 15px; }

.wp-singular .common-pages, .error404 .common-pages {  margin-top: 60px;}
.contact-page-section .section-title p {  font-size: var(--f-size-XL);  font-weight: 500;  font-family: var(--ff-test-metric-medium); color: var(--color-seagreen);}
.contact-form-btm .insight-details-header h2 { color: var(--color-secondary);}

.program-box.epInsight .imgbox {padding: 0 0 60%; }

@media only screen and (max-width: 991px){
    .icon-contact { padding-left: 35px; }
    .icon-contact  h5 {font-size: 22px; }
    .icon-contact img {width: 20px; top: 5px; }

}

@media only screen and (max-width: 767px){
.signup-form { position: relative;}
.contact-page-section {  background-size: 80%;}   
}
@media only screen and (max-width: 375px){
.icon-contact p { font-size: var(--f-size-S);}
    
}

.error-img img {  margin: 0 auto;}

/* OUR FIRM ==========================*/
/* OUR FIRM ==========================*/

.commitment-img img {max-width: 380px;width: 100%;}
.commitment-img { display: flex; justify-content: flex-end;}
.founder-img img{max-width: 380px; border-radius: 20px;width: 100%;}
.our-firm-area .section-title { margin-bottom: 0;}
.our-firm-area .section-title h3:last-child { margin-bottom: 0;}
.commitment-info h3, .founder-info h3, .our-firm-area h3 { color: var(--color-secondary);}
.commitment-info p strong, .founder-info p strong {font-family: var(--ff-test-metric-medium); font-weight: 500; font-size: var(--f-size-XL); color: var(--color-seagreen); }

.founder-info-mdl { margin: 0 0 25px;}



@media only screen and (max-width: 991px){
	.commitment-img {  justify-content: center; margin-top: 30px;}
}
@media only screen and (max-width: 767px){
	.order-2 { order: inherit !important;}
	.founder-img{margin-bottom:30px; justify-content: center; display: flex;}
	.founder-holder { background-size: 100% !important;}
	.founder-holder .col-lg-8.order-2.col-sm-8 {  order: 2 !important;}
	.commitment-info, .founder-info { text-align: center;}
	.founder-info-mdl { flex-direction: column; }
}


/*==== IMPACT PAGE ====*/

.risk-addressing { padding: 0; }
.risk-addressing h2 {margin: 0 0 20px; text-align: center; }

.adrs-sol-lt-outer {background: #CAEAEE; }
.adrs-sol-lt {max-width: 80%; margin: 0 auto; padding: 50px 15px; }

.adrs-sol-lt ul, .adrs-sol-rt ul {margin: 0; padding: 0; list-style: none; }
.adrs-sol-lt ul li, .adrs-sol-rt ul li {display: flex; align-items: center; gap: 20px; padding: 12px 0; }
.adrs-sol-lt ul li span.icon-box {display: inline-flex; width: 100px; height: 100px; align-items: center; justify-content: center; }
.adrs-sol-lt ul li span.number {font-size: 54px; font-family: var(--ff-title); width: 115px; }
.adrs-sol-lt ul li  p {font-size: var(--f-size-XL); font-family: var(--ff-test-metric-medium); }
.adrs-sol-lt ul li {color: var(--color-seagreen); justify-content: center;}
.adrs-sol-lt ul li:nth-child(2) {color: #318082; }
.adrs-sol-lt ul li:nth-child(3) {color: #326A97; }

.adrs-sol-rt-outer {background: #71ADBD; }
.adrs-sol-rt {max-width: 90%; margin: 0 auto; padding: 50px 15px; }
.adrs-sol-rt h2{color: #fff;}
.adrs-sol-rt ul {display: flex; flex-wrap: wrap; }
.adrs-sol-rt ul li {width: 50%; padding: 11px; }
.adrs-sol-rt ul li span.icon-box {display: inline-flex; width: 60px; height: 60px; align-items: center; justify-content: center; }
.adrs-sol-rt ul li span.icon-box img {filter: brightness(0) invert(1); }
.adrs-sol-rt ul li p {font-family: var(--ff-test-metric-medium); width: calc(100% - 90px); color: var(--color-white); font-size: calc(var(--f-size-L) + 8px); line-height: 1.3;}

.adrs-sol-lt > p, .adrs-sol-rt > p { font-style: italic; }
.adrs-sol-rt > p { color: #fff; }



.direct-engmnt-slider {margin: 0 -10px; padding-top: 30px; padding-bottom: 30px; }
/*.direct-engmnt-slider .slick-prev::before { background-image: url(../images/terra-arrow.svg) !important; background-size: 18px !important; }
.direct-engmnt-slider .slick-next::before { background-image: url(../images/terra-arrow.svg) !important; background-size: 18px !important; transform: rotate(180deg);}*/
.direct-engmnt-slider .slider-item { padding: 0 12px; }
.impact-engment-box { background: #E1F9FD; border: 1px solid #D9D9D9; box-shadow: 3px 4px 10px 0px #00000014; border-radius: 20px; padding: 70px; text-align: center; height: 100%; position:relative; }
.impact-engment-box span.icon-box {display: inline-flex; background: #E1F9FD; border-radius: 20px; width: 100px; height: 100px; align-items: center; justify-content: center; margin: 0 auto 30px; }
.impact-engment-box h4 {font-family: var(--ff-test-metric-semibold); margin: 0; font-size: calc(var(--f-size-L) + 12px);}
.direct-engmnt-slider .slick-dots {position: absolute; }

.impact-engment-box .hover-cont {background: var(--color-seagreen); position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 20px; display: none; flex-direction: column; align-items: center; justify-content: center; padding: 20px; }
.impact-engment-box .hover-cont p { color: var(--color-white); }
.impact-engment-box:hover .hover-cont { display: flex; }


.impact-process-section.by-numbers {background: #F2FAFC; }

.EPInsight {background-color: #F2FAFC; }

.page-template-template_impact .ImpactReports .program-box.impact-report-box .imgbox {padding: 0 0 115%; }
.ImpactRecognition .col-md-4 {display: flex; }

.page-template-template_impact .imapace-process-slider .slick-prev::before { background-image: url(../images/terra-arrow.svg) !important; }
.page-template-template_impact .imapace-process-slider .slick-next::before { background-image: url(../images/terra-arrow.svg) !important; transform: rotate(180deg);}

.EPInsight .program-box.impact-report-box .imgbox {padding: 0 0 60%; }

.slick-track {display: flex; }
.slick-track .slick-slide {height: auto; }


body.no-banner header.header-wraper {position: relative; }
body.no-banner.header-sticky header.header-wraper {position: fixed; }
body.error404 header.header-wraper { background: #18475d; }


.term-newsletters .program-box.impact-report-box .imgbox, .term-ep-insights .program-box.impact-report-box .imgbox, .term-news .program-box.impact-report-box .imgbox, .term-tai-voices .program-box.impact-report-box .imgbox  {padding: 0 0 60%; }


.category-box .hover-text {position: absolute; inset: 0; background: rgba(0, 0, 0, 0.75); color: #fff; opacity: 0; visibility: hidden; transition: all 0.3s ease; border-radius: 20px; display: none; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
.category-box:hover .hover-text a {display: flex; height: 100%; align-items: center; justify-content: center; padding: 20px; color: var(--color-white); }
.category-box .hover-text h4 { -webkit-box-orient: vertical; text-overflow: ellipsis; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 1; }
.category-box .hover-text p {font-size: 20px; -webkit-box-orient: vertical; text-overflow: ellipsis; display: -webkit-box; overflow: hidden; /* -webkit-line-clamp: 2;*/ }
.category-box:hover .hover-text {opacity: 1; visibility: visible; display: flex; }



@media screen and (min-width:1999px) {
    .adrs-sol-rt ul li p{    font-size: calc(var(--f-size-L) + 10px);}
    .team-box .team-member-info p{font-size: 22px;}
}
@media only screen and (max-width: 1599px){

    .adrs-sol-lt, .adrs-sol-rt { max-width: 90%; }
    .adrs-sol-rt ul li span.icon-box { width: 50px; height: 50px;}
    .adrs-sol-rt ul li p { width: calc(100% - 60px); font-size: calc(var(--f-size-L) + 4px); }
    .team-box .team-member-info p{font-size: 18px;}

    .category-box .hover-text p {font-size: 16px; }
}

@media only screen and (max-width: 1359px){

    .adrs-sol-lt, .adrs-sol-rt { max-width: 100%; }
    .team-box .team-member-info p{font-size: 16px;}

}

@media only screen and (max-width: 1199px){

    .adrs-sol-rt ul li p { font-size: 18px; }

    .adrs-sol-lt ul li span.number { font-size: 44px; width: 105px; }
    .adrs-sol-lt ul li  p { width: calc(100% - 245px); }

}

@media only screen and (max-width: 991px){
    .impact-engment-box { padding: 40px; }
    .impact-engment-box h4 { font-size: calc(var(--f-size-L) + 6px); }
}

@media only screen and (max-width: 767px){
    .adrs-sol-rt ul li { width: 100%; padding: 11px; }
}