:root {
--h1: 86px;
--h2: 60px;
--h3: 40px;
--h4: 30px;
--h5: ;
--h6: ;
--body: 20px;
--font-100: 100px;
--font-30: 30px;
--font-24: 24px;
--font-18: 18px;
--font-16: 16px;
--font-13: 13px;
--small: 13px;
--container-padding: 80px;
--orange: #EE5B2F;
--dark-green: #6C6E57;
--blue: #B2BFC4;
--teal: #E5F1E9;
--off-white: #F7F7F7;
}
#preloader{position:fixed;top:0;left:0;right:0;bottom:0;background:#E5F1E9;z-index:10000;color: #fff;pointer-events:none;}
html {
scroll-behavior: auto;
}
:target {
scroll-margin-top: 74px;
}
body, html {
font-size: 20px;
line-height: 1.2em;
font-family: "Urbanist", sans-serif;
-webkit-font-smoothing: antialiased;
font-display: swap;
}
section {
margin-top: 80px;
margin-bottom: 80px;
}
.urbanist {
font-family: "Urbanist", sans-serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
}
.utile {
font-family: 'utile-display';
}
.p-10{padding:10px}.p-20{padding:20px}.p-30{padding:30px}.p-40{padding:40px}.p-50{padding:50px}.p-60{padding:60px}.p-70{padding:70px}.p-80{padding:80px}.p-90{padding:90px}.p-100{padding:100px}.p-110{padding:110px}.p-120{padding:120px}.p-130{padding:130px}.p-140{padding:140px}.p-150{padding:150px}.p-160{padding:160px}.p-170{padding:170px}.p-180{padding:180px}.p-190{padding:190px}.p-200{padding:200px}.p-5{padding:5px}.p-15{padding:15px}.p-25{padding:25px}.p-35{padding:35px}.p-45{padding:45px}.p-55{padding:55px}.p-65{padding:65px}.p-75{padding:75px}.p-85{padding:85px}.p-95{padding:95px}.p-105{padding:105px}.p-115{padding:115px}.p-125{padding:125px}.p-135{padding:135px}.p-145{padding:145px}.p-155{padding:155px}.p-165{padding:165px}.p-175{padding:175px}.p-185{padding:185px}.p-195{padding:195px}.pt-10{padding-top:10px}.pt-20{padding-top:20px}.pt-30{padding-top:30px}.pt-40{padding-top:40px}.pt-50{padding-top:50px}.pt-60{padding-top:60px}.pt-70{padding-top:70px}.pt-80{padding-top:80px}.pt-90{padding-top:90px}.pt-100{padding-top:100px}.pt-110{padding-top:110px}.pt-120{padding-top:120px}.pt-130{padding-top:130px}.pt-140{padding-top:140px}.pt-150{padding-top:150px}.pt-160{padding-top:160px}.pt-170{padding-top:170px}.pt-180{padding-top:180px}.pt-190{padding-top:190px}.pt-200{padding-top:200px}.pt-5{padding-top:5px}.pt-15{padding-top:15px}.pt-25{padding-top:25px}.pt-35{padding-top:35px}.pt-45{padding-top:45px}.pt-55{padding-top:55px}.pt-65{padding-top:65px}.pt-75{padding-top:75px}.pt-85{padding-top:85px}.pt-95{padding-top:95px}.pt-105{padding-top:105px}.pt-115{padding-top:115px}.pt-125{padding-top:125px}.pt-135{padding-top:135px}.pt-145{padding-top:145px}.pt-155{padding-top:155px}.pt-165{padding-top:165px}.pt-175{padding-top:175px}.pt-185{padding-top:185px}.pt-195{padding-top:195px}.pb-10{padding-bottom:10px}.pb-20{padding-bottom:20px}.pb-30{padding-bottom:30px}.pb-40{padding-bottom:40px}.pb-50{padding-bottom:50px}.pb-60{padding-bottom:60px}.pb-70{padding-bottom:70px}.pb-80{padding-bottom:80px}.pb-90{padding-bottom:90px}.pb-100{padding-bottom:100px}.pb-110{padding-bottom:110px}.pb-120{padding-bottom:120px}.pb-130{padding-bottom:130px}.pb-140{padding-bottom:140px}.pb-150{padding-bottom:150px}.pb-160{padding-bottom:160px}.pb-170{padding-bottom:170px}.pb-180{padding-bottom:180px}.pb-190{padding-bottom:190px}.pb-200{padding-bottom:200px}.pb-5{padding-bottom:5px}.pb-15{padding-bottom:15px}.pb-25{padding-bottom:25px}.pb-35{padding-bottom:35px}.pb-45{padding-bottom:45px}.pb-55{padding-bottom:55px}.pb-65{padding-bottom:65px}.pb-75{padding-bottom:75px}.pb-85{padding-bottom:85px}.pb-95{padding-bottom:95px}.pb-105{padding-bottom:105px}.pb-115{padding-bottom:115px}.pb-125{padding-bottom:125px}.pb-135{padding-bottom:135px}.pb-145{padding-bottom:145px}.pb-155{padding-bottom:155px}.pb-165{padding-bottom:165px}.pb-175{padding-bottom:175px}.pb-185{padding-bottom:185px}.pb-195{padding-bottom:195px}.m-10{margin:10px}.m-20{margin:20px}.m-30{margin:30px}.m-40{margin:40px}.m-50{margin:50px}.m-60{margin:60px}.m-70{margin:70px}.m-80{margin:80px}.m-90{margin:90px}.m-100{margin:100px}.m-110{margin:110px}.m-120{margin:120px}.m-130{margin:130px}.m-140{margin:140px}.m-150{margin:150px}.m-160{margin:160px}.m-170{margin:170px}.m-180{margin:180px}.m-190{margin:190px}.m-200{margin:200px}.m-5{margin:5px}.m-15{margin:15px}.m-25{margin:25px}.m-35{margin:35px}.m-45{margin:45px}.m-55{margin:55px}.m-65{margin:65px}.m-75{margin:75px}.m-85{margin:85px}.m-95{margin:95px}.m-105{margin:105px}.m-115{margin:115px}.m-125{margin:125px}.m-135{margin:135px}.m-145{margin:145px}.m-155{margin:155px}.m-165{margin:165px}.m-175{margin:175px}.m-185{margin:185px}.m-195{margin:195px}.mb-10{margin-bottom:10px}.mb-20{margin-bottom:20px}.mb-30{margin-bottom:30px}.mb-40{margin-bottom:40px}.mb-50{margin-bottom:50px}.mb-60{margin-bottom:60px}.mb-70{margin-bottom:70px}.mb-80{margin-bottom:80px}.mb-90{margin-bottom:90px}.mb-100{margin-bottom:100px}.mb-110{margin-bottom:110px}.mb-120{margin-bottom:120px}.mb-130{margin-bottom:130px}.mb-140{margin-bottom:140px}.mb-150{margin-bottom:150px}.mb-160{margin-bottom:160px}.mb-170{margin-bottom:170px}.mb-180{margin-bottom:180px}.mb-190{margin-bottom:190px}.mb-200{margin-bottom:200px}.mb-5{margin-bottom:5px}.mb-15{margin-bottom:15px}.mb-25{margin-bottom:25px}.mb-35{margin-bottom:35px}.mb-45{margin-bottom:45px}.mb-55{margin-bottom:55px}.mb-65{margin-bottom:65px}.mb-75{margin-bottom:75px}.mb-85{margin-bottom:85px}.mb-95{margin-bottom:95px}.mb-105{margin-bottom:105px}.mb-115{margin-bottom:115px}.mb-125{margin-bottom:125px}.mb-135{margin-bottom:135px}.mb-145{margin-bottom:145px}.mb-155{margin-bottom:155px}.mb-165{margin-bottom:165px}.mb-175{margin-bottom:175px}.mb-185{margin-bottom:185px}.mb-195{margin-bottom:195px}.mt-10{margin-top:10px}.mt-20{margin-top:20px}.mt-30{margin-top:30px}.mt-40{margin-top:40px}.mt-50{margin-top:50px}.mt-60{margin-top:60px}.mt-70{margin-top:70px}.mt-80{margin-top:80px}.mt-90{margin-top:90px}.mt-100{margin-top:100px}.mt-110{margin-top:110px}.mt-120{margin-top:120px}.mt-130{margin-top:130px}.mt-140{margin-top:140px}.mt-150{margin-top:150px}.mt-160{margin-top:160px}.mt-170{margin-top:170px}.mt-180{margin-top:180px}.mt-190{margin-top:190px}.mt-200{margin-top:200px}.mt-5{margin-top:5px}.mt-15{margin-top:15px}.mt-25{margin-top:25px}.mt-35{margin-top:35px}.mt-45{margin-top:45px}.mt-55{margin-top:55px}.mt-65{margin-top:65px}.mt-75{margin-top:75px}.mt-85{margin-top:85px}.mt-95{margin-top:95px}.mt-105{margin-top:105px}.mt-115{margin-top:115px}.mt-125{margin-top:125px}.mt-135{margin-top:135px}.mt-145{margin-top:145px}.mt-155{margin-top:155px}.mt-165{margin-top:165px}.mt-175{margin-top:175px}.mt-185{margin-top:185px}.mt-195{margin-top:195px}
/* TYPOGRAPHY */
body, html {
font-size: var(--body);
line-height: 1.2em;
color: #000;
}
a, a:hover {
color: inherit;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
margin-bottom: 16px;
}
p {
margin-bottom: 20px;
}
p:last-child {
margin-bottom: 0;
}
h1, .h1 {
font-family: 'utile-display';
font-size: var(--h1);
line-height: ;
}
h2, .h2 {
font-family: 'utile-display';
font-size: var(--h2);
line-height: ;
}
h3, .h3 {
font-family: 'utile-display';
font-size: var(--h3);
line-height: ;
}
h4, .h4 {
font-family: 'utile-display';
font-size: var(--h4);
line-height: ;
}
h5, .h5 {
xfont-family: 'utile-display';
font-size: var(--h5);
line-height: ;
}
h6, .h6 {
xfont-family: 'utile-display';
font-size: var(--h6);
line-height: ;
}
small {
font-size: ;
line-height: ;
}
.text-pretty {
text-wrap: pretty;
}
.elementor-button, .btn.btn-default {
font-size: var(--body);
line-height: ;
font-weight: 700;
xdisplay: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: auto 20px;
xdisplay: inline-block;
line-height: 100%;
height: 38px;
border: 1px solid #fff;
background: #FFFFFF;
color: var(--orange);
border-radius: 999px;
transition: all .4s ease;
}
.btn.btn-default:hover {
background: var(--orange);
border: 1px solid var(--orange);
color: #fff;
transition: all .4s ease;
}
.btn.btn-default.orange-btn {
border-color: var(--orange);
color: #fff;
background-color: var(--orange);
}
.btn.btn-default.orange-btn:hover {
background:#2D5652;
border: 1px solid #2D5652;
color: #fff;
transition: all .4s ease;
}
.btn.btn-default.transparent-btn {
border-color: var(--orange);
color: var(--orange);
background-color: transparent;
}
.btn.btn-default.transparent-btn:hover {
background: var(--orange);
border: 1px solid var(--orange);
color: #fff;
transition: all .4s ease;
}
.orange {
color: var(--orange);
}
.white {
color: #fff;
}
.bold {
font-weight: 700;
}
.font-13 {
font-size: var(--font-13);
line-height:1em;
}
.font-16 {
font-size: var(--font-16);
line-height:1.1875em;
}
.font-30 {
font-size: var(--font-30);
line-height: 1.2em;
}
/* END TYPOGRAPHY */
/* LAYOUTS */
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
padding-left: var(--container-padding);
padding-right: var(--container-padding);
}
.container-padding {
padding-left: var(--container-padding);
padding-right: var(--container-padding);
}
.container-padding-right {
padding-right: var(--container-padding);
}
.container-padding-left {
padding-left: var(--container-padding);
}
@media (min-width: 1200px) {
.container, .container-lg, .container-md, .container-sm, .container-xl {
max-width: calc(1230px + var(--container-padding) + var(--container-padding));
}
}
@media (min-width: 992px) {
.g-40 {
margin-right: -20px;
margin-left: -20px;
}
.g-40 > [class*="col-"] {
padding-right: 20px;
padding-left: 20px;
}
.g-70 {
margin-right: -35px;
margin-left: -35px;
}
.g-70 > [class*="col-"] {
padding-right: 35px;
padding-left: 35px;
}
.g-100 {
margin-right: -50px;
margin-left: -50px;
}
.g-100 > [class*="col-"] {
padding-right: 50px;
padding-left: 50px;
}
}
/* html {
scroll-behavior: smooth !important;
}
:target {
scroll-margin-top: 100px;
} */
/* END LAYOUTS */
/* HEADER */
.navbar {
background: var(--teal);
font-size: var(--font-16);
padding-left: var(--container-padding);
padding-right: var(--container-padding);
}
.dropdown-menu {
font-size: var(--font-16);
}
.dropdown-toggle::after {
display: inline-block;
margin-left: .255em;
vertical-align: 0;
content: "";
border-top: .3em solid;
border-right: .3em solid transparent;
border-bottom: 0;
border-left: .3em solid transparent;
border: none;
background: url('data:image/svg+xml,');
width: 12px;
height: 8px;
padding-top: 5px;
}
.dropdown-menu {
xdisplay: block !important;
}
nav .nav-item {
margin-left: 20px;
}
.dropdown-menu .nav-item {
margin-left: 0;
}
nav .navbar-nav > .nav-item.current-menu-item > a, nav .nav-item:hover > a {
color: var(--orange);
}
.nav-item .dropdown-menu .dropdown-item:hover {
color: var(--orange);
}
nav .nav-item.active .dropdown-toggle::after, nav .nav-item:hover .dropdown-toggle::after {
background: url('data:image/svg+xml,');
}
nav .nav-item:hover .dropdown-toggle::after {
transform: rotate(-180deg);
}
.navbar-expand-lg .navbar-nav .nav-link {
padding-right: 5px;
padding-left: 5px;
}
.navbar-brand img {
height: 31px;
}
#home-banner, #page-banner {
position: relative;
}
#page-banner {
height: 500px;
background-size: cover;
}
#home-banner video {
width: 100%;
height: 90vh;
object-fit: cover;
z-index: 0;
}
#video-overlay {
width: 100%;
height: 100%;
position: absolute;
z-index: 1;
top: 0;
left: 0;
background-color: rgba(0,0,0,0.8);
}
#image-overlay {
width: 100%;
height: 100%;
position: absolute;
z-index: 1;
top: 0;
left: 0;
background-color: rgba(0,0,0,.75);
transition: all 2s ease 0s;
}
.loaded #image-overlay {
background-color: rgba(0,0,0,0.25);
transition: all 2s ease 0s;
}
body.loaded #video-overlay {
background-color: rgba(0,0,0,0.25);
transition: all 3s ease 0s;
}
body.home.loaded #video-overlay {
background-color: rgba(0,0,0,0.4);
transition: all 3s ease 0s;
}
#banner-text {
max-width: 715px;
width: 100%;
color: #fff;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
text-align: center;
z-index: 2;
}
#banner-text {
opacity: 0 !important;
visibility: hidden !important;
}
body.loaded #banner-text {
opacity: 1 !important;
visibility: visible !important;
}
#banner-text .btn-wrapper {
opacity: 0;
}
body.loaded #banner-text .btn-wrapper {
opacity: 1;
transition: all 1s ease .5s;
}
#banner-text .h2 {
margin-bottom: 0 !important;
}
/* SplitText adds wrapper divs with this class */
.line-wrapper, .line-mask {
overflow: hidden;
display: inline-block;
line-height: 1.0em;
}
.line-wrapper {
padding-bottom: 12px;
will-change: transform;
}
.navbar-nav .dropdown-menu {
position: static;
float: none;
background: #E5F1E9;
border-radius: 15px;
border-top-left-radius: 0;
border-top-right-radius: 0;
border: none;
padding-left: 15px;
padding-right: 15px;
margin-left: -10px;
padding-top: 20px;
padding-bottom: 5px;
padding-top: 12px;
}
.navbar-nav .dropdown-item {
padding: 14px 0;
line-height: 1.1875em;
border-bottom: 1px solid #000 !important;
}
.navbar-nav .dropdown-menu .menu-item:first-child .dropdown-item {
padding-top: 0;
}
.navbar-nav .dropdown-menu .menu-item:last-child .dropdown-item {
border-bottom: none !important;
}
.dropdown-item.active, .dropdown-item:active {
color: inherit
}
.navbar {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 99;
padding-top: 15px;
padding-bottom: 15px;
}
body.admin-bar .navbar {
top: 32px;
}
body {
padding-top: 74px;
}
.navbar-nav .dropdown-menu {
margin-top: 0;
}
/* END HEADER */
/* CONTENT */
section#milestones {
background: var(--teal);
}
.milestones-years, .milestones-year {
position: relative;
font-size: var(--font-24);
transition: all .3s ease;
}
.milestones-year.current {
font-size: var(--font-30);
font-weight: bold;
color: var(--orange) !important;
transition: all .3s ease;
}
.milestones-year {
margin-bottom: 30px;
padding-left: 40px;
height: 40px;
display: flex;
align-items: center;
cursor: pointer;
}
.milestones-year:last-child {
margin-bottom: 0;
}
/* --- Base / Fallback --- */
/* You can set a default style here if needed */
/* --- 0 steps away (Current) --- */
/* 100% opacity */
.milestones-year.current {
color: rgba(0, 0, 0, 1.0);
}
/* --- 1 step away (Adjacent) --- */
/* 70% opacity */
/* Next 1 */ .milestones-year.current + .milestones-year,
/* Prev 1 (idx2) */ .milestones-years:has(> .milestones-year:nth-child(2).current) > .milestones-year:nth-child(1),
/* Prev 1 (idx3) */ .milestones-years:has(> .milestones-year:nth-child(3).current) > .milestones-year:nth-child(2),
/* Prev 1 (idx4) */ .milestones-years:has(> .milestones-year:nth-child(4).current) > .milestones-year:nth-child(3) {
color: rgba(0, 0, 0, 0.7);
}
/* --- 2 steps away --- */
/* 40% opacity */
/* Next 2 */ .milestones-year.current + .milestones-year + .milestones-year,
/* Prev 2 (idx3) */ .milestones-years:has(> .milestones-year:nth-child(3).current) > .milestones-year:nth-child(1),
/* Prev 2 (idx4) */ .milestones-years:has(> .milestones-year:nth-child(4).current) > .milestones-year:nth-child(2) {
color: rgba(0, 0, 0, 0.4);
}
/* --- 3 steps away --- */
/* 10％ opacity */
/* Next 3 */ .milestones-year.current + .milestones-year + .milestones-year + .milestones-year,
/* Prev 3 (idx4) */ .milestones-years:has(> .milestones-year:nth-child(4).current) > .milestones-year:nth-child(1) {
color: rgba(0, 0, 0, 0.1);
}
.milestones-years::before {
content: '';
position: absolute;
left: 0;
top: 10px;
width: 2px;
background: var(--orange);
height: calc(100% + 70px);
}
.milestones-year::before {
content: '';
width: 40px;
height: 40px;
border-radius: 50%;
background: var(--orange);
position: absolute;
left: -19px;
top: 0;
transition: all .3s ease;
}
.milestones-year:not(.current)::before {
transform: scale(0.5);
transition: all .3s ease;
}
.milestones-years {
margin-left: 65px;
}
@media (min-width: 992px) {
/* Ensure inner cards or content wrappers expand to 100% height */
.milestones-slides .slick-slide > div {
display: flex;
flex: 1;
height: 100%;
}
.milestones-slides,
#milestones:not(.full-milestones) .milestones-slides .slick-list,
.milestones-slides .slick-track {
height: 100% !important;
}
.milestones-slides .slick-slide {
height: 100% !important;
display: flex !important;
align-items: center; /* optional vertical centering */
}
.milestones-slides .slick-slide > div {
height: 100%;
width: 100%;
}
}
section#investment-themes {
background: var(--dark-green);
padding-top: 80px;
padding-bottom: 80px;
margin-top: 0;
margin-bottom: 0;
color: white;
}
section#investment-themes .investment-title {
position: absolute;
top: auto;
bottom: 0;
left: 20px;
width: calc(100% - 40px);
padding: 10px 15px;
background: rgba(108, 110, 87, 0.8);
}
section#investment-themes.investment-page .investment-title {
background: rgba(178, 191, 196, 0.8);
}
section#investment-themes .investment-title h4 {
margin-bottom: 0;
}
.investment-card {
cursor: pointer;
}
.nav-pills .nav-link {
padding: 7px 20px;
border: 1px solid #2D5652;
border-radius: 999px;
font-size: var(--font-16);
line-height: 19px;
font-weight: 700;
/* Green */
color: #2D5652;
margin-right: 12px;
transition: all .3s ease;
}
.nav-pills .nav-link:hover {
background:#2D5652;
color: #fff;
border: 1px solid #2D5652;
}
.nav-pills .nav-link.active {
border-color: var(--orange);
color: #fff;
background: var(--orange);
}
.logo-c {
gap: 40px calc((100% - (200px * 6)) / 5);
xgap: 60px 100px;
flex-wrap: wrap;
}
@media (max-width: 1680px) {
.logo-c {
xgap: 30px 60px;
gap: 40px calc((100% - (200px * 5)) / 4);
flex-wrap: wrap;
}
}
@media (max-width: 1380px) {
.logo-c {
gap: 40px calc((100% - (200px * 4)) / 3);
flex-wrap: wrap;
}
}
.partners-c {
display: grid;
grid-template-columns: repeat(5, 200px); /* Strictly forces 5 columns of 200px */
justify-content: space-between;
row-gap: 40px;
}
@media (min-width: 1680px) {
.partners-c {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap: 40px 70px;
}
}
.logo-c img, .partners-c img {
width: 200px;
height: 115px;
object-fit: contain;
}
.partners-c img {
}
section#impact-highlights {
padding-top: 80px;
padding-bottom: 80px;
background: #F7F7F7 url('img/Frame 28.png') no-repeat top right;
background-size: 190px 210px;
transition: all 2s ease;
}
section#impact-highlights.revealed {
background: #F7F7F7 url('img/Frame 28.png') no-repeat top right;
background-size: 190px 190px;
}
.info-r {
background-color: #E7E7E7;
}
.info-c {
padding: 30px;
display: flex;
flex-direction: column;
gap: 20px;
position: relative;
border: none;
border-top: 10px solid #404752;
}
.info-title {
font-size: 26px;
line-height: 31px;
font-weight: 700;
color: #404752;
}
.info-no {
font-size: 36px;line-height: 43px;
font-weight: 700;
color: #404752;
}
.info-text {
color: #404752;
}
.info-graphic {
position: absolute;
top: 30px;
right: 30px;
}
.info-graphic img {
width: 75px;
height: 75px;
object-fit: contain;
}
.info-light * {
color: #f7f7f7;
}
section#people {
background: #B2BFC4;
padding-top: 80px;
padding-bottom: 80px;
}
.people {
cursor: pointer;
}
.people-c {
flex: 0 0 182px;
}
.people-r {
gap: 60px;
}
.people-slider-c {
width: 100%;
}
.people-slider .people img, .popup-team img {
xaspect-ratio: 1/1;
xobject-fit: cover;
xobject-position: center 5%;
height: auto;
}
.popup-team img {
xmax-height: 360px;
xobject-fit: cover;
xobject-position: top;
}
.people-name {
margin: 16px 0;
font-size: var(--font-30);
line-height: 1.133333333333333em;
/* Black */
color: #000000;
}
.people-position {
font-size: var(--font-18);
line-height: 1.222222222222222em;
}
.people {
flex: 0 0 20%;
xmax-width: 300px;
}
.board-tab .people, .management-tab .people {
flex: 0 0 calc(20% - calc(96px / 4));
}
.people-slider {
display: flex;
gap: 30px;
flex-wrap: nowrap;
overflow-x: clip;
}
.people-scroll-dot {
width: 35px;
height: 35px;
border-radius: 50%;
background: var(--orange) url('data:image/svg+xml,') no-repeat center center;
background-size: 21px 12px;
}
.people-slider {
display: flex;
gap: 30px;
flex-wrap: nowrap;
overflow-x: auto;
overflow-y: hidden;
scrollbar-width: none;
-ms-overflow-style: none;
cursor: grab;
user-select: none;
}
.people-slider::-webkit-scrollbar {
display: none;
}
.people-slider.dragging {
cursor: grabbing;
}
.people-scroller {
position: relative;
margin-top: 50px;
height: 2px;
background: rgba(0,0,0,0.3);
}
.people-scroll-dot {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
cursor: grab;
}
section#people .container-fluid {
padding-right: 30px !important;
}
#home-news .news-card {
position: relative;
border-top: 2px solid var(--orange);
padding: 30px 0;
}
#home-news .news-cat {
position: absolute;
top: 30px;
right: 20px;
font-weight: 700;
font-size: var(--font-16);
color: var(--orange);
}
.investor-portal {
min-height: 676px;
background: var(--orange) url('img/Investor Portal.png') no-repeat center center;
background-size: cover;
width: 50%;
}
.contact-form-footer {
background: #B2BFC4;
}
.popup-bg {
display: none;
position: fixed;
width: 100%;
height: 100%;
left: 0px;
top: 0px;
background: rgba(0, 0, 0, 0.5);
backdrop-filter: blur(4px);
z-index: 9998;
}
.popup {
display: none;
position: fixed;
top: 50%;
left: 50%;
max-width: 742px;
width: 100%;
z-index: 9999;
transform: translate(-50%, -50%);
padding: 30px;
}
.popup.popup-team {
background: #6C6E57; height: 460px;
}
.popup.popup-theme {
background: #B2BFC4;
color: #000;
}
.popup-content {
font-size: var(--font-18);
line-height: 1.222222222222222em;
color: #FFFFFF;
}
.popup-right {
max-height: 310px;
overflow-y: auto;
padding-right: 30px;
}
.popup-right::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 0;
background-color: #6C6E57;
}
.popup-right::-webkit-scrollbar
{
width: 6px;
background-color: #6C6E57;
}
.popup-right::-webkit-scrollbar-thumb
{
border-radius: 10px;
-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.3);
background-color: #fff;
transition: all .5s ease;
}
.popup-right::-webkit-scrollbar-thumb:hover
{
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #fff;
transition: all .5s ease;
}
.close-popup {
position: absolute;
right: 30px;
top: 30px;
z-index: 1;
}
.news-card > .row {
transition: all .4s ease;
}
.news-card:hover > .row {
transform: translateX(10px);
}
.signatory-img {
width: 170px;
height: 100px;
object-fit: contain;
}
.acceptance {
margin: 0;
font-family: 'Urbanist';
font-style: italic;
font-weight: 500;
font-size: 13px;
line-height: 16px;
color: #2D5652;
margin-left: -8px;
}
/* Remove Contact Form 7's default spacing */
.acceptance .wpcf7-list-item {
display: block;
margin: 0;
}
/* CF7 generates this label automatically */
.acceptance .wpcf7-list-item label {
display: flex;
align-items: flex-start;
gap: 9px;
cursor: pointer;
font-family: 'Urbanist';
font-style: italic;
font-weight: 500;
font-size: 13px;
line-height: 16px;
color: #2D5652;
}
/*
* Allows .checkmark and .acceptance-text to behave
* like direct flex children of the generated label.
*/
.acceptance .wpcf7-list-item-label {
display: contents;
}
/* Hide the native checkbox */
.acceptance input[type="checkbox"] {
position: absolute;
width: 1px;
height: 1px;
opacity: 0;
pointer-events: none;
}
.acceptance .checkmark {
width: 20px;
height: 20px;
min-width: 20px;
border: none;
border-radius: 0;
background: #D9D9D9;
display: flex;
align-items: center;
justify-content: center;
margin-top: 3px;
transition: 0.25s;
}
.acceptance .checkmark svg {
width: 14px;
height: 14px;
fill: none;
stroke: #fff;
stroke-width: 3;
stroke-linecap: round;
stroke-linejoin: round;
opacity: 0;
transform: scale(0.5);
transition: 0.2s;
}
/* Contact Form 7 inserts .wpcf7-list-item-label between them */
.acceptance input[type="checkbox"]:checked
+ .wpcf7-list-item-label
.checkmark {
background: #2D5652;
}
.acceptance input[type="checkbox"]:checked
+ .wpcf7-list-item-label
.checkmark svg {
opacity: 1;
transform: scale(1);
}
.acceptance .wpcf7-list-item label:hover .checkmark {
background: #c9c9c9;
}
.acceptance input[type="checkbox"]:checked
+ .wpcf7-list-item-label
.checkmark:hover {
background: #244348;
}
/* Keyboard accessibility */
.acceptance input[type="checkbox"]:focus-visible
+ .wpcf7-list-item-label
.checkmark {
outline: 2px solid #244348;
outline-offset: 2px;
}
.acceptance .acceptance-text {
display: block;
flex: 1;
padding-top: 5px;
}
.acceptance .acceptance-text em {
font-style: italic;
color: #36545A;
}
.wpcf7-not-valid-tip {
color: #dc3232;
font-size: 13px;
font-weight: normal;
display: block;
position: absolute;
}
.news-single a {
text-decoration: underline;
}
ul {
margin-bottom: 0;
}
.news-item .image-wrapper {
overflow: hidden;
border-radius: 4px; /* optional clean edge */
}
.news-item img {
transition: transform 0.3s ease-in-out;
height: auto;
aspect-ratio: 4 / 3;
object-fit: contain;
border: 1px solid var(--dark-green);
border-radius: 16px;
background: #E5F1E9;
}
.news-item.cover img {
transition: transform 0.3s ease-in-out;
height: auto;
aspect-ratio: 4 / 3;
object-fit: cover;
border: 1px solid var(--dark-green);
border-radius: 16px;
background: #E5F1E9;
}
.news-item:hover img {
transform: scale(1.05);
}
.news-item .transparent-btn {
transition: background-color 0.3s ease, color 0.3s ease;
}
.news-single ul {
list-style: none;
padding-left: 12px;
}
.news-single ul li {
position: relative;
padding-left: 16px;
}
.news-single ul li::before {
content: "";
position: absolute;
left: 0px;
top: 10px;
width: 3px;
height: 3px;
background-color: #000; /* Change color as needed */
border-radius: 50%;
}
.news-content {
xmax-width: 1000px;
}
.news-content a {
color: var(--orange);
}
@media (min-width: 1680px) {
.home-partners .logo-c img {
width: 230px;
height: 132.25px;
}
}
.home-news-left img {
xmax-width: 600px;
width: 100%;
}
.contact-form .acceptance, .contact-form .acceptance-text em {
color: black;
}
.news-right .stretched-link.btn {
xpadding-left: 90px;
xpadding-right: 90px;
}
.contact-left .nav {
position: sticky;
top: 154px;
}
.signatory-to {
padding-top: 5px;
}
#investment-themes .g-40 {
gap: 40px 0;
}
.people img {
pointer-events: none;
height: auto;
}
.more-team {
cursor: pointer;
}
.nav-pills {
gap: 10px 0;
}
.wpcf7-response-output {
margin: 30px 0 0;
padding: 10px 15px;
border: 2px solid #2D5652;
line-height: 1.5;
background-color: #E5F1E9;
}
.wpcf7-response-output.success {
border-color: #2D5652;
}
.wpcf7-response-output.error {
border-color: #dc3232;
}
.funds-nav {
gap: 60px;
margin-bottom: 40px;
}
.fund-nav {
cursor: pointer;
color: rgba(0,0,0,0.2);
transition: color .3s ease;
}
.fund-nav:hover {
color: rgba(0,0,0,1);
}
.fund-nav.active {
color: var(--orange);
}
.about-slide-content img {
width: 250px;
margin-left: 30px;
}
.media-release-pagination .page-numbers {
display: flex;
align-items: center;
gap: 10px;
margin: 0;
padding: 0;
list-style: none;
justify-content: center;
}
.media-release-pagination a,
.media-release-pagination .current {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 40px;
height: 40px;
padding: 0 12px;
}
.media-release-pagination .current {
color: #fff;
background: #f15a29;
}
.publication-pagination .page-numbers {
display: flex;
align-items: center;
gap: 10px;
margin: 0;
padding: 0;
list-style: none;
justify-content: center;
}
.publication-pagination a,
.publication-pagination .current {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 40px;
height: 40px;
padding: 0 12px;
}
.publication-pagination .current {
color: #fff;
background: #f15a29;
}
.popup-theme h4 br {display:none;}
#investment-themes .image-wrapper img {height: auto;}
.submit-notice {
font-size: 13px;
font-weight: 400;
line-height: 1.3em !important;
display: block;
margin-top: 20px;
color: var(--dark-green);
}
.submit-notice a {
text-decoration: underline;
}
/* END CONTENT */
footer {
padding-top: 60px;
padding-bottom: 60px;
background: var(--teal);
font-size: 16px;
line-height: 1.1875em;
/* Black */
color: #000000;
}
.footer-menus {
display: flex;
gap: 35px; /* Optional: adds space between your 5 columns */
justify-content: space-between;
}
.footer-menus .footer-menu-c {
flex: 0 0 auto; /* Prevents the column from growing or shrinking */
white-space: nowrap;
display: flex;
flex-direction: column;
}
@media (max-width: 1280px) {
.footer-menus {
display: flex;
gap: 35px;
justify-content: flex-start;
flex-wrap: wrap;
}
.footer-menus .footer-menu-c {
flex: 0 0 25%;
white-space: nowrap;
display: flex;
flex-direction: column;
}
.g-70 {
margin-right: -20px;
margin-left: -20px;
}
.g-70 > [class*="col-"] {
padding-right: 20px;
padding-left: 20px;
}
.g-100 {
margin-right: -20px;
margin-left: -20px;
}
.g-100 > [class*="col-"] {
padding-right: 20px;
padding-left: 20px;
}
}
.footer-menu-c a {
margin-bottom: 15px;
}
.contact-section{
background:#d8e1e5;
padding:70px 0;
}
.form-group{
margin-bottom:20px;
}
.form-group label{
display:block;
font-size:var(--font-16);
font-weight:700;
margin-bottom:10px;
color:#111;
}
.form-group input,
.form-group textarea{
width:100%;
background:transparent;
border:none;
border-bottom:2px solid #111;
border-radius:0;
padding:0 0 10px;
font-size:var(--font-16);
color:#111;
outline:none;
box-shadow:none;
resize:none;
}
.form-group textarea {
height: 100px;
}
.form-group input:focus,
.form-group textarea:focus{
border-color:#f55a2a;
box-shadow:none;
}
.submit-btn{
border:none;
background:#f55a2a;
color:#fff;
font-size:var(--body);
font-weight:700;
padding: 9px 20px;
margin-top: 30px;
border-radius:999px;
transition:.3s;
line-height:1;
}
.submit-btn {
transition: all .3s ease;
}
.submit-btn:hover{
background:#2D5652;
}
/* ── Entrance: hidden initial state ── */
.revealer.fadeInUp {
opacity: 0;
transform: translateY(45px);
transition: opacity 0.8s ease,
transform 0.8s ease,
box-shadow 0.4s ease;
}
/* ── Entrance: visible state (triggered by JS) ── */
.loaded .revealer.fadeInUp.revealed {
opacity: 1;
transform: translateY(0);
}
/* ── Entrance: hidden initial state ── */
.revealer.fadeInLeft {
opacity: 0;
transform: translateX(25px);
transition: opacity 0.8s ease,
transform 0.8s ease,
box-shadow 0.4s ease;
}
/* ── Entrance: visible state (triggered by JS) ── */
.loaded .revealer.fadeInLeft.revealed {
opacity: 1;
transform: translateX(0);
}
/* ── Entrance: hidden initial state ── */
.revealer.fadeInRight {
opacity: 0;
transform: translateX(-25px);
transition: opacity 0.8s ease,
transform 0.8s ease,
box-shadow 0.4s ease;
}
/* ── Entrance: visible state (triggered by JS) ── */
.loaded .revealer.fadeInRight.revealed {
opacity: 1;
transform: translateX(0);
}
/* ── Entrance: hidden initial state ── */
.revealer.zoomIn {
opacity: 0;
transform: scale(0.0);
transition: opacity 0.8s ease,
transform 0.8s ease,
box-shadow 0.4s ease;
}
/* ── Entrance: visible state (triggered by JS) ── */
.loaded .revealer.zoomIn.revealed {
opacity: 1;
transform: scale(1);
}
/* ── Entrance: hidden initial state ── */
.revealer.fadeIn {
opacity: 0;
transition: opacity 0.8s ease,
transform 0.8s ease,
box-shadow 0.4s ease;
}
/* ── Entrance: visible state (triggered by JS) ── */
.revealer.fadeIn.revealed {
opacity: 1;
}
/* ── Stagger delays ── */
.revealer:nth-child(1).revealed, .delay-1 { transition-delay: 0.05s !important; }
.revealer:nth-child(2).revealed, .delay-2 { transition-delay: 0.20s !important; }
.revealer:nth-child(3).revealed, .delay-3 { transition-delay: 0.35s !important; }
.revealer:nth-child(4).revealed, .delay-4 { transition-delay: 0.50s !important; }
.revealer:nth-child(5).revealed, .delay-5 { transition-delay: 0.65s !important; }
/* ── Hover: lift + subtle shadow ── */
#home-about .col-lg-4 > * {
transition: all .4s ease;
}
#home-about .col-lg-4:hover > * {
transform: translateY(-8px);
transition: all .4s ease;
}
/* ── Hover: image zoom ── */
#home-about .col-lg-4 img {
transition: transform 0.6s ease;
}
#home-about .col-lg-4:hover img {
transform: scale(1.05);
}
.image-wrapper {
overflow: hidden;
}
#home-about .top-line {
position: relative;
top: 0;
left: 0;
width: 0%;
height: 0;
background: var(--orange);
}
#home-about .col-lg-4:hover .top-line {
width: 100%;
height: 3px;
}
#investment-themes .investment-title {
transform: translateY(20%);
opacity: 0;
transition: all 0.8s ease;
}
#investment-themes .revealed .investment-title {
transform: translateY(0%);
opacity: 1;
transition: all 0.6s ease;
}
#investment-themes .revealed .image-wrapper {
transition: all 0.4s ease;
}
#investment-themes .revealed:hover .image-wrapper {
transform: translateY(-8px);
transition: all 0.4s ease;
}
#investment-themes .revealer .investment-title h4 {
transition: all 0.4s ease;
}
#investment-themes .revealer:hover .investment-title h4 {
padding-bottom: 8px;
transition: all 0.4s ease;
}
/* ── Hover: image zoom ── */
#investment-themes .revealer .image-wrapper img {
transition: transform 0.6s ease;
}
#investment-themes .revealer:hover .image-wrapper img {
transform: scale(1.05);
}
#what-we-do {
background: #F7F7F7 url('img/BG Graphic Placeholder.png') no-repeat right bottom;
background-size: 935px auto;
padding-bottom: 260px;
position: relative;
z-index: 1;
}
.revealed h3 {
position: relative;
display: inline-block;
}
#what-we-do .revealer h3::before {
content: '';
width: 0%;
height: 2px;
background: var(--orange);
position: absolute;
bottom: 0;
left: 0;
transition: all 1s ease .1s;
}
#what-we-do .col-lg-4.revealer.revealed h3::before {
width: 100%;
transition: all 1s ease .1s;
}
.abc-difference {
background: var(--orange);
padding: 33px var(--container-padding) 52px;
color: white;
position: absolute;
bottom: 0;
top: auto;
left: 0;
width: 600px;
transform: translateY(50%);
}
.about-slider {
width: 100%;
}
.about-slide-no {
font-style: normal;
font-weight: 700;
font-size: var(--font-100);;
line-height: 120px;
}
.about-slide {
min-height: 675px;
height: 675px !important;
position: relative;
padding: 93px var(--container-padding) 56px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.about-slide > div {
z-index: 1;
position: relative;
}
.about-slide::before {
content: '';
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: linear-gradient(0deg, rgba(222, 223, 205, 0.85), rgba(222, 223, 205, 0.85));
}
.slide-content-text {
max-width: 763px;
margin-left: auto;
}
.about-slider .slick-dots {
position: absolute;
bottom: auto !important;
top: 60px !important;
right: var(--container-padding) !important;
display: block;
width: auto !important;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots {
display: flex !important;
gap: 30px;
}
.slick-dots li {
width: 140px;
height: 3px !important;
margin: 0;
}
.slick-dots li button {
width: 140px;
padding: 0;
height: 10px !important;
border-radius: 999px;
opacity: 1;
}
.slick-dots li button:after {
content: '';
width: 140px !important;
padding: 0;
height: 3px !important;
background: rgba(0, 0, 0, 0.5);
border-radius: 999px;
opacity: 1 !important;
position: absolute;
left: 0;
top: 0;
}
.slick-dots li button:before {
content: '';
width: 0;
padding: 0;
height: 3px !important;
background: rgba(0, 0, 0, 0.5);
border-radius: 999px;
opacity: 1 !important;
z-index: 1;
}
.slick-dots li.slick-active button:after {
background: var(--orange);
}
/* Restart animation whenever a new dot becomes active */
.slick-dots li.slick-active button:before {
animation: dotProgress 5s linear forwards;
}
@keyframes dotProgress {
from {
width: 10px;
}
to {
width: 140px;
}
}
.milestone-row {
gap: 30px;
}
.full-milestones .milestones-years {
display: flex;
flex-direction: column;
justify-content: space-between;
}
#people-about .nav-link {
padding-left: 80px;
padding-right: 80px;
}
.team-pos {
white-space: nowrap;
}
img.bigger-partner {
width: 280px;
height: 145px;
}
.news-item h3 {
display: -webkit-box;
-webkit-line-clamp: 3; /* Change number to desired visible lines */
-webkit-box-orient: vertical;
overflow: hidden;
}
.read-more-less-wrapper {
display: -webkit-box;
-webkit-line-clamp: 3; /* Change number to desired visible lines */
-webkit-box-orient: vertical;
overflow: hidden;
transition: all 0.3s ease;
}
.read-more-less-wrapper.is-expanded {
-webkit-line-clamp: unset;
overflow: visible;
}
.portfolio-c {
margin-bottom: 30px;
}
section.investment-page {
background: #B2BFC4 !important;
color: #000 !important;
}
.portfolio-investment-page {
background-color: #F7F7F7;
}
.portfolio-header {
cursor: pointer;
}
.portfolio-wrapper {
background-color: #fff;
padding: 15px;
color: #2D5652;
}
.portfolio-header, .position-relative {
position: relative;
}
.portfolio-header img {
width: 140px;
height: 60px;
object-fit: cover;
}
.expand-close-portfolio {
font-style: normal;
font-weight: 700;
font-size: 24px;
line-height: 29px;
position: absolute;
right: 0px;
top: 50%;
transform: translateY(-50%);
}
.portfolio-text {
border-top: 2px solid #2D5652;
margin-top: 15px;
padding-top: 15px;
display: none;
}
.portfolio-text .btn.btn-default {
border-color: #2D5652;
color: #2D5652;
}
.portfolio-text .btn.btn-default:hover {
border-color: #2D5652;
background: #2D5652;
color: #fff;
}
.contact-page, .news-page {
display: flex;
flex-direction: row;
}
.contact-left, .news-left {
background-color: #F7F7F7;
flex: 0 0 25%;
min-width: 380px;
padding: var(--container-padding);
}
.news-left {
flex: 0 0 20%;
min-width: 286px;
}
.contact-right, .news-right {
flex: 1;
background-color: #fff;
padding: var(--container-padding);
}
.contact-left .nav-link {
display: inline;
/* H3 */
font-family: 'utile-display';
font-style: normal;
font-weight: 400;
font-size: 40px;
line-height: 45px;
text-align: center;
/* Green */
color: #2D5652;
padding-left: 0;
padding-right: 0;
padding-top: 0;
padding-bottom: 0;
opacity: 0.5;
border: none;
background: transparent;
text-align: left;
margin-bottom: 60px;
transition: all .4s ease;
position: relative;
}
.contact-left .nav-link::before {
content: '';
width: 0%;
height: 2px;
background: #EE5B2F;
position: absolute;
bottom: 0;
left: 0;
}
.contact-left .nav-link.active, .contact-left .nav-link:hover {
opacity: 1;
transition: all .4s ease;
}
.contact-left .nav-link.active::before {
width: 100%;
transition: all .4s ease;
}
.tab-pane hr {
width: calc(100% + var(--container-padding));
border-top: 2px solid var(--orange);
margin-top: 30px;
margin-bottom: 30px;
}
.tab-pane .contact-form {
max-width: 620px;
}
.tab-pane .submit-btn {
margin-top: 30px;
}
.form-dropdown .btn {
display: flex;
flex-direction: row;
align-items: center;
padding: 0px;
gap: 10px;
width: 210px;
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;
display: flex;
flex-direction: row;
align-items: center;
padding: 10px 65px 10px 30px;
gap: 10px;
/* Green */
background: #2D5652;
border-radius: 20px;
/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;
/* Nav Bar */
font-family: 'Urbanist';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 19px;
text-align: center;
border-color: #2D5652 !important;
/* White */
color: #FFFFFF;
box-shadow: none !important;
transition: all .3s ease;
}
.form-dropdown .dropdown-toggle {
position: relative;
}
.select-text { position: relative; }
.form-dropdown .dropdown-toggle::after { display: none; }
.form-dropdown .dropdown-toggle::before {
content: '';
background: url('data:image/svg+xml,') no-repeat center center;
background-size: contain;
width: 15px;
height: 12px;
position: absolute;
right: 25px;
top: calc(50% + 1px);
transform: translateY(-50%);
transition: all .5s ease;
}
.form-dropdown.dropdown.show .dropdown-toggle::before {
transform: translateY(-50%) rotateX(-180deg);
}
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
background: #2D5652;
}
.show>.btn-secondary.dropdown-toggle {
background: #2D5652;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-secondary.dropdown-toggle:focus {
box-shadow: none;
background: #2D5652;
}
.form-dropdown .dropdown-menu {
border: none;
background: #2D5652;
color: #fff;width: 186px;
min-width: 210px;
border-radius: 20px;
padding: 0 30px 5px 30px;
margin-top: 0;
top: 50px;
transition: all .3s ease !important;
opacity: 0;
display: block;
pointer-events: none;
}
.form-dropdown .dropdown-menu.show {
top: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
opacity: 1;
pointer-events: all;
transition: all .3s ease !important;
}
.form-dropdown .dropdown-item {
color: #fff;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 0;
padding-right: 0;
border-bottom: 1px solid #fff;
}
.form-dropdown .dropdown-item:first-child {
xpadding-top: 0;
}
.form-dropdown .dropdown-item:last-child {
border-bottom: 0;
}
.dropdown-item {
background-color: transparent !important;
}
section#method {
background: #F7F7F7;
}
.method-r, .method-c {
position: relative;
}
.method-r > .row {
gap: 225px;
}
.method-r::before {
content: '';
width: 0;
height: 2px;
background-color: var(--orange);
position: absolute;
top: 0;
left: calc(var(--container-padding) + 20px);
transition: all 1s ease;
}
.revealed.method-r::before {
width: calc(100% - var(--container-padding) - 20px);
transition: all 1s ease;
}
.method-c::before {
content: '';
width: 40px;
height: 40px;
border: 1px solid var(--orange);
position: absolute;
top: -70px;
left: 15px;
border-radius: 50%;
z-index: 1;
transform: scale(0.5);
transition: all .4s ease .2s;
}
.method-c::after {
content: '';
width: 20px;
height: 20px;
background: var(--orange);
position: absolute;
top: -60px;
left: 25px;
border-radius: 50%;
z-index: 1;
}
.r-reversed.method-r::before {
content: '';
xwidth: calc(100% - var(--container-padding) - 20px);
width: calc(50% + var(--container-padding));
height: 2px;
background-color: var(--orange);
position: absolute;
top: 0;
left: 0;
right: auto;
transform: translateX(-100%);
}
.last-line {
width: 100%;
height: 4px;
background-color: #f7f7f7;
position: absolute;
top: -51px;
left: 40px;
}
.method-r {
--container-padding: 150px;
}
.method-c {
opacity: 0;
transition: all .4s ease .2s;
}
.revealed .method-c {
opacity: 1;
transition: all .4s ease .2s;
}
.revealed .method-2 {
transition: all .4s ease .6s;
}
.revealed .method-c::before {
transition: all .6s ease .2s;
transform: scale(1);
}
.revealed .method-2::before {
transition: all .6s ease .6s;
transform: scale(1);
}
.revealed .method-4 {
transition: all .4s ease .5s;
}
.revealed .method-4::before {
transition: all .6s ease .5s;
transform: scale(1);
}
.revealed.r-reversed.method-r::before {
transform: translateX(-0%);
}
.method-c img {
width: 265px;
height: 125px;
object-fit: contain;
}
section#impact-accordion {
background-color: #f7f7f7;
}
.accordion>.card>.card-header {
padding: 0;
border: none;
background: transparent;
position: relative;
}
.accordion .btn-block {
padding: 0;
font-weight: bold;
color: #000;
font-size: var(--font-16);
line-height: 19px;
padding: 20px 0;
font-family: "Urbanist", sans-serif;
}
.accordion>.card>.card-header .btn-block::before {
content: '+';
font-size: 16px;
font-weight: 700;
position: absolute;
right: 0;top: 50%;
transform: translateY(-50%);
}
.accordion>.card>.card-header .btn-block[aria-expanded="true"]::before {
content: '-';
font-size: 16px;
font-weight: 700;
position: absolute;
right: 0;top: 50%;
transform: translateY(-50%);
}
.accordion .card {
border: none; background: transparent;
border-bottom: 2px solid var(--orange) !important;
border-radius: 0;
}
.card-body {
padding: 0;
padding-bottom: 30px;
}
* {
box-shadow: none !important;
}
@media (max-width: 1280px) {
.method-r > .row {
gap: 100px;
}
:root {
--container-padding: 40px;
}
}
@media (min-width: 992px) and (max-width: 1280px) {
.navbar-nav {
align-items: center;
}
}
/* start mobile/tablets */
.mobile { display: none; }
@media (max-width: 991.98px){
.mobile { display: block; }
.mobile.flex { display: flex; }
.desktop { display: none !important; }
.m-p-0{padding:0!important}.m-p-10{padding:10px!important}.m-p-20{padding:20px!important}.m-p-30{padding:30px!important}.m-p-40{padding:40px!important}.m-p-50{padding:50px!important}.m-p-60{padding:60px!important}.m-p-70{padding:70px!important}.m-p-80{padding:80px!important}.m-p-90{padding:90px!important}.m-p-100{padding:100px!important}.m-p-110{padding:110px!important}.m-p-120{padding:120px!important}.m-p-130{padding:130px!important}.m-p-140{padding:140px!important}.m-p-150{padding:150px!important}.m-p-160{padding:160px!important}.m-p-170{padding:170px!important}.m-p-180{padding:180px!important}.m-p-190{padding:190px!important}.m-p-200{padding:200px!important}.m-pt-0{padding-top:0!important}.m-pt-10{padding-top:10px!important}.m-pt-20{padding-top:20px!important}.m-pt-30{padding-top:30px!important}.m-pt-40{padding-top:40px!important}.m-pt-50{padding-top:50px!important}.m-pt-60{padding-top:60px!important}.m-pt-70{padding-top:70px!important}.m-pt-80{padding-top:80px!important}.m-pt-90{padding-top:90px!important}.m-pt-100{padding-top:100px!important}.m-pt-110{padding-top:110px!important}.m-pt-120{padding-top:120px!important}.m-pt-130{padding-top:130px!important}.m-pt-140{padding-top:140px!important}.m-pt-150{padding-top:150px!important}.m-pt-160{padding-top:160px!important}.m-pt-170{padding-top:170px!important}.m-pt-180{padding-top:180px!important}.m-pt-190{padding-top:190px!important}.m-pt-200{padding-top:200px!important}.m-pb-0{padding-bottom:0!important}.m-pb-10{padding-bottom:10px!important}.m-pb-20{padding-bottom:20px!important}.m-pb-30{padding-bottom:30px!important}.m-pb-40{padding-bottom:40px!important}.m-pb-50{padding-bottom:50px!important}.m-pb-60{padding-bottom:60px!important}.m-pb-70{padding-bottom:70px!important}.m-pb-80{padding-bottom:80px!important}.m-pb-90{padding-bottom:90px!important}.m-pb-100{padding-bottom:100px!important}.m-pb-110{padding-bottom:110px!important}.m-pb-120{padding-bottom:120px!important}.m-pb-130{padding-bottom:130px!important}.m-pb-140{padding-bottom:140px!important}.m-pb-150{padding-bottom:150px!important}.m-pb-160{padding-bottom:160px!important}.m-pb-170{padding-bottom:170px!important}.m-pb-180{padding-bottom:180px!important}.m-pb-190{padding-bottom:190px!important}.m-pb-200{padding-bottom:200px!important}.m-mb-0{margin-bottom:0!important}.m-mb-10{margin-bottom:10px!important}.m-mb-20{margin-bottom:20px!important}.m-mb-30{margin-bottom:30px!important}.m-mb-40{margin-bottom:40px!important}.m-mb-50{margin-bottom:50px!important}.m-mb-60{margin-bottom:60px!important}.m-mb-70{margin-bottom:70px!important}.m-mb-80{margin-bottom:80px!important}.m-mb-90{margin-bottom:90px!important}.m-mb-100{margin-bottom:100px!important}.m-mb-110{margin-bottom:110px!important}.m-mb-120{margin-bottom:120px!important}.m-mb-130{margin-bottom:130px!important}.m-mb-140{margin-bottom:140px!important}.m-mb-150{margin-bottom:150px!important}.m-mb-160{margin-bottom:160px!important}.m-mb-170{margin-bottom:170px!important}.m-mb-180{margin-bottom:180px!important}.m-mb-190{margin-bottom:190px!important}.m-mb-200{margin-bottom:200px!important}.m-mt-0{margin-top:0!important}.m-mt-10{margin-top:10px!important}.m-mt-20{margin-top:20px!important}.m-mt-30{margin-top:30px!important}.m-mt-40{margin-top:40px!important}.m-mt-50{margin-top:50px!important}.m-mt-60{margin-top:60px!important}.m-mt-70{margin-top:70px!important}.m-mt-80{margin-top:80px!important}.m-mt-90{margin-top:90px!important}.m-mt-100{margin-top:100px!important}.m-mt-110{margin-top:110px!important}.m-mt-120{margin-top:120px!important}.m-mt-130{margin-top:130px!important}.m-mt-140{margin-top:140px!important}.m-mt-150{margin-top:150px!important}.m-mt-160{margin-top:160px!important}.m-mt-170{margin-top:170px!important}.m-mt-180{margin-top:180px!important}.m-mt-190{margin-top:190px!important}.m-mt-200{margin-top:200px!important}
.mpt-0 {
padding-top: 0 !important;
}
.mpb-0 {
padding-bottom: 0 !important;
}
.m-mr-10 {margin-right: 10px !important;}
.m-ml-50 {margin-left: 50px !important;}
:root {
--h1: calc(86px * 0.75);
--h2: calc(60px * 0.75);
--h3: calc(40px * 1.0);
--h4: calc(30px * 1.0);
--h5: ;
--h6: ;
--body: 18px;
--font-100: 100px;
--font-30: 24px;
--font-24: 20px;
--font-18: 16px;
--font-16: 14px;
--font-13: 12px;
--small: 12px;
--container-padding: 20px;
}
.d-flex.people-r, .info-r {
flex-direction: column;
}
.navbar-toggler {background: transparent;}
.navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}
#impact-highlights .w-50 {
width: 100% !important;
flex: 0 0 100% !important;
}
body, html {
overflow-x: clip;
}
section {
margin-top: 40px;
margin-bottom: 40px;
}
section.pt-80 { padding-top: 40px;}
section.pb-80 { padding-bottom: 40px;}
.milestones-years {
margin-left: 10px;
}
.milestones-year {
padding-left: 30px;
}
.milestones-slide {
padding-left: 30px;
xfont-size: 16px;
}
.pl-0 {
padding-left: 15px !important;
}
section#investment-themes .investment-title {
left: 15px;
width: calc(100% - 30px);
padding: 10px 15px;
}
section#impact-highlights.revealed, section#impact-highlights {
background: #F7F7F7 url(img/Frame 28.png) no-repeat top right;
background-size: 100px;
}
#contact .w-50 {
width: 100% !important;
flex: 0 0 100%;
}
.investor-portal {
min-height: auto;
padding: 100px 20px;
}
.footer-menus {
display: flex;
gap: 30px 0;
justify-content: space-between;
flex-direction: row;
margin-top: 50px;
flex-wrap: wrap;
}
.footer-menus .footer-menu-c {
flex: 0 0 50%;
white-space: wrap;
display: flex;
width: 50%;
flex-direction: column;
}
.footer-menu-c a {
padding-right: 30px;
}
#milestones .transparent-btn {
width: auto;
margin-top: 10px;
}
.logo-c {
justify-content: center !important;
gap: 0;
}
.people-r .people-c {
justify-content: space-between;
display: flex;
align-items: center;
flex: 0;
}
.people-r .people-c h3 {
margin-bottom: 0;
}
.people {
flex: 0 0 calc(50% - 15px) !important;
max-width: 300px;
}
.news-card h4 {
padding-right: 0 !important;
}
#home-news .news-cat {
position: relative;
top: 0;
right: 0;
font-weight: 700;
font-size: var(--font-16);
color: var(--orange);
}
.elementor-button, .btn.btn-default {
height: auto;
}
#tablist {
display: flex;
flex-wrap: nowrap;
overflow-x: auto;
-webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */
padding-bottom: 10px; /* Prevents scrollbar from overlapping text */
}
#tablist .nav-item {
white-space: nowrap;
flex: 0 0 auto;
}
#tablist::-webkit-scrollbar {
display: none; /* Hides scrollbar for Chrome, Safari, and Opera */
}
#tablist {
-ms-overflow-style: none; /* Hides scrollbar for IE and Edge */
}
#banner-text {
padding: 0 20px;
}
.milestones-right {
display: flex;
flex-direction: column;
justify-content: center;
}
.portfolio-tabs {
width: calc(100% + 60px);
padding-right: 15px;
padding-left: 30px;
margin-left: -30px;
}
section#people .container-fluid {
padding-right: 20px !important;
}
.popup.popup-team {
background: #6C6E57;
height: 90vh;
overflow: hidden;
width: calc(100% - 40px);
padding-top: 60px;
}
nav .nav-item {
margin-left: 0;
}
.navbar {
font-size: var(--body);
}
nav .navbar-nav {
padding-top: 15px;
}
#page-banner {
height: 250px;
}
h3.mb-60 {
margin-bottom: 30px;
}
.abc-difference {
width: 100%;
transform: translateY(0);
}
#what-we-do {
background: #F7F7F7 url('img/BG Graphic Placeholder.png') no-repeat bottom 0px center !important;
background-size: 935px auto;
padding-bottom: 400px;
position: relative;
z-index: 1;
}
.about-slider .slick-dots {
gap: 20px;
}
.slick-dots li button, .slick-dots li, .slick-dots li button:after {
width: 90px !important
}
/* Restart animation whenever a new dot becomes active */
.slick-dots li.slick-active button:before {
animation: dotProgressM 5s linear forwards;
}
@keyframes dotProgressM {
from {
width: 10px;
}
to {
width: 90px;
}
}
#people-about .nav-link {
padding-left: 40px;
padding-right: 40px;
}
.milestone-row {
flex-direction: column;
}
.contact-page, .news-page {
display: flex;
flex-direction: column;
}
.contact-page .nav {
flex-direction: row !important;
gap: 30px;
}
.contact-left .nav-link {
margin-bottom: 0;
}
.news-right .news-top {
margin-top: 15px;
}
.tab-pane hr {
width: 100%;
border-top: 2px solid var(--orange);
margin-top: 30px;
margin-bottom: 30px;
}
.contact-right, .news-right {
padding-top: 30px;
padding-bottom: 30px;
}
.popup img {
margin-bottom: 20px;
}
.popup .position {
margin-bottom: 20px;
}
body {
padding-top: 61px;
}
/* ANIMATED X */
.navbar-toggler.x {
border: none;
padding-right: 0;
}
.navbar-toggler.x:focus {
outline: none;
}
.navbar-toggler.x[aria-expanded=true] .icon-bar:nth-of-type(1) {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transform-origin: 10% 10%;
-ms-transform-origin: 10% 10%;
transform-origin: 10% 10%;
}
.navbar-toggler.x[aria-expanded=true] .icon-bar:nth-of-type(2) {
opacity: 0;
filter: alpha(opacity=0);
}
.navbar-toggler.x[aria-expanded=true] .icon-bar:nth-of-type(3) {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: 10% 90%;
-ms-transform-origin: 10% 90%;
transform-origin: 10% 90%;
}
.navbar-toggler.x .icon-bar {
width: 22px;
display: block;
height: 2px;
background-color: var(--dark-green);
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.navbar-toggler.x .icon-bar + .icon-bar {
margin-top: 4px;
}
.navbar-toggler.x .icon-bar:nth-of-type(1) {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
}
.navbar-toggler.x .icon-bar:nth-of-type(2) {
opacity: 1;
filter: alpha(opacity=100);
}
.navbar-toggler.x .icon-bar:nth-of-type(3) {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
}
.method-r {
--container-padding: 20px;
}
.method-c {
padding-left: 70px;
padding-top: 6px;
flex: 0 0 100%;
}
.method-r::before, .r-reversed.method-r::before {
content: '';
width: 2px;
height: 0%;
background-color: var(--orange);
position: absolute;
top: 10px;
left: calc(var(--container-padding) + 20px);
transform: none;
transition: all 1s ease;
}
.revealed.method-r::before, .revealed.r-reversed.method-r::before {
height: 100%;
width: 2px;
transform: none;
transition: all 1s ease;
}
.method-c::before {
top: 0;
}
.method-c::after {
top: 10px;
}
.method-r > .row {
gap: 60px;
}
#portfolio .logo-c img {
xmargin-top: -10px;
xmargin-bottom: -10px;
overflow: hidden;
}
img.bigger-partner {
width: 50%;
height: auto;
}
.partners-c {
display: grid;
xgrid-template-columns: repeat(3, 100px);
grid-template-columns: repeat(2, 50%);
justify-content: space-between;
row-gap: 30px;
}
.partners-c img {
max-width: 100%;
margin-top: -20px;
margin-bottom: -20px;
overflow: hidden;
}
.popup-right {
max-height: 100%;
overflow-y: visible;
padding-right: 0;
}
.popup.popup-team > .row {
overflow-y: auto;
max-height: 100%;
}
.close-popup {
position: absolute;
right: 15px;
top: 15px;
z-index: 1;
}
.popup.popup-theme {
padding-right: 40px;
}
.navbar-brand img {
height: 25px;
}
.navbar {
padding-top: 12.5px;
padding-bottom: 12.5px;
}
.investment-themes-home-title {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: space-between;
align-items: center;
}
.investment-themes-home-title h3 {
width: 60%;
}
.logo-c img, .partners-c img {
xwidth: calc(200px * 0.7);
width: 100%;
height: calc(115px * 0.7);
object-fit: contain;
}
.logo-c {
justify-content: flex-start !important;
gap: 15px 30px;
}
.milestone-row {
flex-direction: column-reverse;
}
.contact-left {
position: sticky;
top: 61px;
z-index: 9;
padding: 5px var(--container-padding) 12px;
}
.scrollable-nav {
max-width: 100%;
overflow-x: auto;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
flex-wrap: nowrap;
overflow-y: hidden;
/* Hide scrollbar for Chrome, Safari, and Opera */
&::-webkit-scrollbar {
display: none;
}
/* Hide scrollbar for IE, Edge, and Firefox */
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
}
/* Optional: Prevent buttons from shrinking */
.scrollable-nav .nav-link, .contact-left .nav-link {
flex: 0 0 auto;
font-size: var(--h4);
}
.popup-theme {
width: calc(100% - 40px);
}
.popup-theme h4 {
padding-right: 40px;
}
.btn.btn-default {
xfont-size: var(--font-16);
}
#portfolio .tab-content .logo-c, .home-partners .logo-c {
display: grid !important;
grid-template-columns: repeat(2, 50%);
justify-content: space-between !important;
row-gap: 15px;
gap: 15px 0;
}
#portfolio .tab-content .logo-c::-webkit-scrollbar {
}
#portfolio .tab-content .logo-c img, .home-partners .logo-c img {
width: 100%;
height: calc(115px * 0.7);
object-fit: contain;
max-width: 100%;
overflow: hidden;
padding-left: 15px;padding-right: 15px;
}
.team-tab .team-item {
padding-right: 30px;
padding-left: 30px;
}
.more-team {
padding-left: 10px;
}
#copyright .row .col-md-8 { flex-direction: column; }
.about-slide-logos {
}
.about-slide-logos img {
margin-left: 0;
width: 150px;
}
.m-p-0 {
padding: 0;
}
.funds-home-r {
margin-top: 30px;
gap: 15px !important;
flex-direction: column;
}
.funds-nav {
margin-top: 15px;
}
.fund-c {
display: flex;
}
.funds-nav {
gap: 60px;
margin-bottom: 20px;
}
.duplicate-fund-nav {left: 20px !important;}
#banner-text .h2 {
font-size: 36px !important;
}
} /* end mobile/tablets */
/* tablets only */
@media (min-width: 768px) and (max-width: 1224px) {
#contact .flex-md-row {
-ms-flex-direction: column!important;
flex-direction: column !important;
}
.people {
flex: 0 0 calc(27.333% - 15px) !important;
max-width: 300px;
}
.people-r {
gap: 60px;
flex-wrap: wrap !important;
}
.abc-difference {
xposition: relative !important;
}
} /* end tablets only */
@media (min-width: 768px) and (max-width: 992px) {
.m-investment-row {
display: flex !important;
}
.m-investment-row .m-mb-30 {
margin-bottom: 0 !important;
}
}