@charset "utf-8";

@font-face { font-family: "MinervaModern"; src: url("fonts/MinervaModern-Bold.eot"); src: local("MinervaModern Bold"), local("MinervaModern-Bold"), url("fonts/MinervaModern-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/MinervaModern-Bold.woff2") format("woff2"), url("fonts/MinervaModern-Bold.woff") format("woff"), url("fonts/MinervaModern-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap; }
@font-face { font-family: "MinervaModern"; src: url("fonts/MinervaModern-Regular.eot"); src: local("MinervaModern Regular"), local("MinervaModern-Regular"), url("fonts/MinervaModern-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/MinervaModern-Regular.woff2") format("woff2"), url("fonts/MinervaModern-Regular.woff") format("woff"), url("fonts/MinervaModern-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: "MinervaModern"; src: url("fonts/MinervaModern-Black.eot"); src: local("MinervaModern Black"), local("MinervaModern-Black"), url("fonts/MinervaModern-Black.eot?#iefix") format("embedded-opentype"), url("fonts/MinervaModern-Black.woff2") format("woff2"), url("fonts/MinervaModern-Black.woff") format("woff"), url("fonts/MinervaModern-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; }

:root {
	--cursor-stroke: rgb(var(--white) / 100%);
	--cursor-fill: none;
	--cursor-stroke-width: 1px;

	/* COLOR VARIABLES */
	--white: 255 255 255;
	--black: 0 0 0;
	--green: 0 159 110;
	--dark-green: 11 84 77;
	--gray: 242 242 242;
	--dark-gray: 208 208 208;

	/* TRANSITION SPEED */
	--all-fast: all 0.3s;
	--all-medium: all 0.5s;
	--all-slow: all 0.8s;

	--gap: 8px;

	--font-primary: "MinervaModern";
	--font-secondary: "Raleway", sans-serif;
}

/* ========================== COMMON CSS ========================== */
*,
ul,
ol,
li,
a { margin: 0; padding: 0; list-style-type: none; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: var(--font-secondary); font-weight: 400; line-height: 1.5; color: inherit; color: rgb(var(--black) / 100%); }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: var(--font-primary); }
input,
input:focus,
textarea,
textarea:focus,
.form-control,
.form-control:focus, .form-check-input:focus, .page-link:focus { -webkit-box-shadow: none; box-shadow: none; outline: none; background: transparent; color: rgb(var(--black) / 70%); }
*,
a,
a:active,
a:focus,
a:hover,
button:hover,
button:focus { text-decoration: none; outline: 0; color: inherit; }
button { background: transparent; outline: none; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; }
[type=reset], [type=submit], button, html [type=button] { -webkit-appearance: none; outline: none; border: none; }
a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; }
a:hover { color: inherit; }

body { width: 100%; font-size: 16px; line-height: 1.4; width: 100%; position: relative; font-weight: 400; color: rgb(var(--black) / 100%); z-index: 1; overflow-x: hidden; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
body p { font-size: 16px; line-height: 1.4; color: rgb(var(--black) / 80%); margin-bottom: 20px; font-weight: 400; text-transform: initial; }
body p::first-letter { text-transform: capitalize; }

.no-scroll { overflow: hidden; }

hr { border-top: 1px solid rgb(var(--light-gray) / 100%); }

::-moz-selection { color: rgb(var(--white) / 100%); background: rgb(var(--black) / 100%); }
::selection { color: rgb(var(--white) / 100%); background: rgb(var(--black) / 100%); }

Body::-webkit-scrollbar { width: 10px; display: none; }
Body::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 3px rgb(var(--black) / 80%); box-shadow: inset 0 0 3px rgb(var(--black) / 80%); }
Body::-webkit-scrollbar-thumb { background-color: #888; border-radius: 15px; }

@media (any-pointer: fine) {
	.cursor { position: fixed; top: 0; left: 0; display: block; pointer-events: none; opacity: 0; z-index: 999; }
	.cursor__inner { fill: var(--cursor-fill); stroke: var(--cursor-stroke); stroke-width: var(--cursor-stroke-width); }
}

.barContainer { position: fixed; top: 0; right: 0; width: 10px; height: 100vh; -webkit-box-shadow: inset 0 0 3px rgb(var(--white) / 80%); box-shadow: inset 0 0 3px rgb(var(--white) / 80%); background: #000; border-radius: 15px; z-index: 999; pointer-events: none; }
.bar { height: 20%; width: 100%; background-color: #888; border-radius: 15px; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }

/* Chrome Safari Edge Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

@media screen and (min-width: 1200px) {
	.container-fluid { max-width: calc(100% - 100px); margin: 0 auto; position: relative; }
}
@media screen and (min-width: 1700px) {
	.container-fluid { max-width: calc(100% - 200px); margin: 0 auto; position: relative; }
}
@media screen and (min-width: 1500px) {
	.container { max-width: 1320px; position: relative; z-index: 1; }
}

.form-control::-webkit-input-placeholder { color: rgb(var(--black) / 60%); }
.form-control::-moz-placeholder { color: rgb(var(--black) / 60%); }
.form-control:-ms-input-placeholder { color: rgb(var(--black) / 60%); }
.form-control::-ms-input-placeholder { color: rgb(var(--black) / 60%); }
.form-control::placeholder { -webkit-transition: var(--all-fast); -o-transition: var(--all-fast); transition: var(--all-fast); color: rgb(var(--black) / 60%); }


label { font-size: 18px; line-height: 1; font-weight: 300; width: 100%; cursor: pointer; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
label span { color: #FF0000; }

.form-group, .input-group { margin-bottom: calc(var(--gap) * 5); }
.input-group > .form-select { width: 50px; flex: unset; }

.form-control { width: 100%; padding: 12px 0px; font-size: 18px; font-weight: 300; color: rgb(var(--black) / 100%); line-height: 1.2; border: none; border-bottom: 1px solid rgb(var(--black) / 60%); border-radius: 0; -moz-appearance: none; appearance: none; -webkit-appearance: none; background: transparent; }
.form-control:not(:-moz-placeholder-shown) ~ label { font-size: 14px; transform: translateY(-20px); }
.form-control:not(:-ms-input-placeholder) ~ label { font-size: 14px; -ms-transform: translateY(-20px); transform: translateY(-20px); }
.form-control:focus ~ label, .form-control:not(:placeholder-shown) ~ label { font-size: 14px; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
.form-control:focus { color: var(--black, #252324); background: transparent; border-bottom: 1px solid rgb(var(--green) / 100%); outline: none; -webkit-box-shadow: none; box-shadow: none; }
.form-select:focus { box-shadow: none; }
select.form-control:not([size]):not([multiple]), textarea.form-control { height: auto; }
.form-select { background-size: 10px; color: var(--black, #252324); font-size: 16px; font-weight: 400; line-height: 1.35; letter-spacing: 0.3px; padding: 12px 0; padding-right: 15px; border: none; border-bottom: 1px solid rgb(var(--black) / 60%); border-radius: 0; cursor: pointer; }

select.form-control:not([size]):not([multiple]), textarea.form-control { height: auto; }
.form-check-input:checked { background-color: rgb(var(--dark-green) / 100%); border-color: rgb(var(--dark-green) / 100%); }

/* Firefox */
input[type=number] { -moz-appearance: textfield; }

.img-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; }
img, .svg { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

#smooth-content { position: relative; }

/* ========================== COMMON CSS ========================== */
.section-title { font-size: 22px; line-height: 1.4; font-weight: 400; text-transform: uppercase; color: rgb(var(--green) / 100%); letter-spacing: 2px; margin-bottom: calc(var(--gap) * 4); }
.section-title small { font-size: 60%; line-height: 1; font-weight: 400; font-family: var(--font-primary); }
.section-subtitle { font-size: 56px; font-weight: 400; color: rgb(var(--black) / 100%); margin-bottom: calc(var(--gap) * 5); }
.section-subtitle::first-letter { text-transform: capitalize; }
.hero { font-size: 72px; color: rgb(var(--black) / 100%); font-weight: 400; line-height: 1.14; margin-bottom: calc(var(--gap) * 5); }
.hero::first-letter { text-transform: capitalize; }

.h3 { font-size: 40px; font-weight: 400; line-height: 1.3; margin-bottom: calc(var(--gap) * 3); }
.h4 { font-size: 30px; font-weight: 400; line-height: 1.3; margin-bottom: calc(var(--gap) * 3); }
.h4::first-letter { text-transform: capitalize; }

.p1 { font-size: 22px; line-height: 1.4; font-weight: 400; color: rgb(var(--black) / 80%); margin-bottom: calc(var(--gap) * 4); }
.p1::first-letter { text-transform: capitalize; }
.p2 { font-size: 20px; line-height: 1.5; font-weight: 400; color: rgb(var(--black) / 80%); margin-bottom: calc(var(--gap) * 4); }
.p2::first-letter { text-transform: capitalize; }
.p3 { font-size: 18px; line-height: 1.5; font-weight: 400; color: rgb(var(--black) / 80%); margin-bottom: calc(var(--gap) * 4); }
.p3::first-letter { text-transform: capitalize; }

.button { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 22px 30px; border: 1px solid rgb(var(--dark-green) / 100%); overflow: hidden; position: relative; z-index: 1; cursor: pointer; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.button span { font-size: 14px; line-height: 1; font-weight: 700; text-transform: uppercase; color: rgb(var(--dark-green) / 100%); letter-spacing: 3px; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.button .icon { width: 20px; aspect-ratio: 1; display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: 5px; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.button span + .icon { margin-right: 0; margin-left: 5px; }
.button .icon img { width: 100%; }


.button--secondary { background: rgb(var(--green) / 100%); }
.button--secondary span { color: rgb(var(--white) / 100%); }

.link { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; -webkit-transition: var(--all-fast); -o-transition: var(--all-fast); transition: var(--all-fast); }
.link span { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-size: 16px; font-weight: 600; line-height: 1; color: rgb(var(--green) / 100%); text-transform: uppercase; letter-spacing: 3px; }
.link .img-box { width: 20px; height: 20px; margin-left: 5px; -webkit-transition: var(--all-fast); -o-transition: var(--all-fast); transition: var(--all-fast); }

.link .img-box img { width: 100%; }

.read--more { font-size: 20px; color: rgb(var(--dark-green) / 100%); text-transform: capitalize; }

.services-dropdown { display: none; }

/* COMPANY LINKS LIST */
.company--link--list { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 40px 1fr; grid-template-columns: repeat(2, 1fr); -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; }
.company--link--list a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; padding: calc(var(--gap) * 1.5) 0; border-bottom: 1px solid rgb(var(--black) / 20%); -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.company--link--list a span { font-size: 20px; font-weight: 400; line-height: 1.2; }
.company--link--list a span::first-letter { text-transform: capitalize; }
.company--link--list a img { width: 9px; -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }


/* COMPANY FEATURE LIST */
.company--feature--list { display: -ms-grid; display: grid; grid-template-columns: repeat(3, 1fr); margin-top: calc(var(--gap) * 8); }
.company--feature--list li { padding: 0 calc(var(--gap) * 3); border-left: 1px solid rgb(var(--black) / 20%); }
.company--feature--list li > p:first-of-type { font-weight: 700; font-size: 22px; line-height: 1.2; font-family: var(--font-primary); color: rgb(var(--black) / 100%); text-transform: uppercase; }
.company--feature--list li .counter--wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; }
.company--feature--list li .counter--wrapper .counter--value { font-size: 56px; font-weight: 400; line-height: 1; color: rgb(var(--black) / 100%); margin-bottom: var(--gap); }
.company--feature--list li .counter--wrapper span { font-family: var(--font-primary); font-size: 56px; line-height: 1; font-weight: 400; color: rgb(var(--black) / 100%); }
.company--feature--list li .counter--wrapper p { margin-bottom: calc(var(--gap) * 7); }


/* INNER BANNER */
.inner--banner { background: rgb(var(--dark-green) / 100%) url(../images/banner/inner-banner-dots.webp) no-repeat; background-position: calc(100% - 50px) top; background-size: auto calc(100% - 50px); padding: calc(var(--gap) * 6) 0; }
.inner--banner .section-title { margin-bottom: calc(var(--gap) * 2); }
.inner--banner .hero { color: rgb(var(--white) / 100%); margin-bottom: 0; }
.inner--banner .hero:has( + .row ) { margin-bottom: calc(var(--gap) * 3); }
.inner--banner .h4 { font-size: 40px; font-weight: 400; color: rgb(var(--white) / 100%); }


/* BREADCRUMBS */
nav:has(.breadcrumb) { width: 100%; }
nav .breadcrumb { width: 100%; margin-bottom: calc(var(--gap) * 3); }
nav .breadcrumb .breadcrumb-item { font-size: 12px; font-weight: 400; color: rgb(var(--white) / 50%); text-transform: capitalize; }
nav .breadcrumb .breadcrumb-item a { font-size: 12px; font-weight: 300; color: rgb(var(--white) / 40%); text-transform: capitalize; }
.breadcrumb-item+.breadcrumb-item::before { color: rgb(var(--white) / 40%); }


/* HEADER */
.menu-overlay {display:none;}
.header--space { width: 100%; display: flex; min-height: 98px; }
.header { position: fixed; left: 0; top: 0; width: 100%; z-index: 99; padding: calc(var(--gap) * 2) 0 0; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.header .logo { display: flex; width: 350px; padding-bottom: 12px; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); position: relative; margin-bottom:0px; padding-bottom:0px;}
.header .logo img:first-child { width: 100%; -webkit-clip-path: inset(0% 0% 0% 0%); clip-path: inset(0% 0% 0% 0%); -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.header .logo img:nth-child(2) { position: absolute; left: 0; top: 0; width: auto; height: calc(100% - 0px); -webkit-clip-path: inset(0% 100% 0% 0%); clip-path: inset(0% 100% 0% 0%); -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.header .logo span { display: none; font-size: 12px; color: rgb(var(--white) / 80%); font-family: var(--font-secondary); text-align: right; position: absolute; left: 105px; bottom: -6px; letter-spacing: 1px; font-weight: 300; -webkit-clip-path: inset(0% 0% 0% 0%); clip-path: inset(0% 0% 0% 0%); transition: var(--all-medium); }

/* Mobile Menu CSS Start */
.humburger {display:none;}
.header .navbar--nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; }
.header .navbar--nav > li { padding: calc(var(--gap) * 3) calc(var(--gap) * 3); -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.header .navbar--nav > li > a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; font-weight: 600; text-transform: uppercase; color: rgb(var(--white) / 100%); font-family: var(--font-secondary); letter-spacing: 2px; padding: 5px 0; position: relative; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.header .navbar--nav > li > a.header--contact { color: rgb(var(--white) / 100%); }
.header .navbar--nav > li > a svg { width: 24px; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.header .navbar--nav > li > a svg path { fill: rgb(var(--white) / 100%); -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }

.header .navbar--nav > li > a:before { content: ''; position: absolute; right: 0; top: 100%; width: 0%; height: 2px; background: rgb(var(--dark-green) / 100%); -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }

.header.active .navbar--nav > li > a:not(.dropdown-toggle).active { background: transparent; color: rgb(var(--black) / 100%); }
.header.active .navbar--nav > li.dropdown .show { color: rgb(var(--white) / 100%); }
.header .navbar--nav > li > a.active:before { width: 100%; right: auto; left: 0; }
.header .navbar--nav > li.dropdown .show { color: rgb(var(--white) / 100%); }
.header.inner--header .navbar--nav > li > a:not(.dropdown-toggle).active { color: rgb(var(--black) / 100%); }
.header .navbar--nav .dropdown .dropdown-menu.show { opacity: 1; pointer-events: all; }

/* DROPDOWN CSS */
.header .navbar--nav .dropdown .dropdown-menu { position: fixed; left: auto; right: 10px; top: 0; min-width: 18rem; display: block; background: rgb(var(--white) / 100%); padding: 20px; border-radius: 0; border: none; display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; width: 60vw; opacity: 0; pointer-events: none; margin: 0; border: 1px solid rgb(var(--black) / 10%); border-top: none; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
@media (hover: none) {
	.header .navbar--nav .dropdown .dropdown-menu { right: 0; }
}
.inner--header .navbar--nav .dropdown .dropdown-menu li a, .header .navbar--nav .dropdown .dropdown-menu li a { display: flex; flex-flow: row wrap; padding: 0; color: rgb(var(--dark-green) / 100%); position: relative; transition: var(--all-medium); }

.header.active .navbar--nav .dropdown .dropdown-menu { background: rgb(var(--white) / 100%); }
.header.active .navbar--nav > li { padding: calc(var(--gap) * 2) calc(var(--gap) * 3); }

.header .navbar--nav .dropdown .dropdown-menu li .card { width: 100%; height: 100%; align-items: unset; border: none; border-radius: 0; }
.header .navbar--nav .dropdown .dropdown-menu li .card .card-img { width: 40%; aspect-ratio: 2; overflow: hidden; border-radius: 0; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.header .navbar--nav .dropdown .dropdown-menu li .card .card-img img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); will-change: transform; }


.header .navbar--nav .dropdown .dropdown-menu li .card .card-body { flex: 1; display: flex; flex-flow: row wrap; align-items: center; align-content: center; padding: 0 calc(var(--gap) * 1) 0 calc(var(--gap) * 3); position: relative; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.header .navbar--nav .dropdown .dropdown-menu li .card .card-body .link { margin-top: auto; }
.header .navbar--nav .dropdown .dropdown-menu li .card .card-body .link span { font-size: 16px; }

.header .navbar--nav .dropdown .dropdown-menu li .card .card-title { width: 100%; font-size: 30px; font-weight: 500; line-height: 1.2; color: rgb(var(--dark-green) / 100%); text-transform: capitalize; margin-bottom: calc(var(--gap) * 1.5); }
.header .navbar--nav .dropdown .dropdown-menu li .card .card-title img { width: 24px; margin-left: 16px; }
.header .navbar--nav .dropdown .dropdown-menu li .card .card-text { font-size: 16px; width: 100%; color: rgb(var(--black) / 80%); margin-bottom: 0; letter-spacing: 1px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

/* INNER HEADER CSS */
.inner--header { background: rgb(var(--white) / 90%); }
.inner--header .logo span { color: rgb(var(--dark-green) / 100%); }
.inner--header .navbar--nav > li > a, .inner--header .navbar--nav > li > a.header--contact  { color: rgb(var(--black) / 80%); }
.inner--header .navbar--nav > li > a svg path { fill: rgb(var(--dark-green) / 100%); }
.inner--header .navbar--nav .dropdown .dropdown-menu { background: rgb(var(--white) / 100%); }


/* ACTIVE HEADER CSS */
.header.active { background: rgb(var(--white) / 90%); padding-top: 0; }
.header.active .logo img:first-child { -webkit-clip-path: inset(0% 100% 0% 0%); clip-path: inset(0% 100% 0% 0%); }
.header.active .logo img:nth-child(2) { position: absolute; left: 0; top: 0; width: auto; -webkit-clip-path: inset(0% 0% 0% 0%); clip-path: inset(0% 0% 0% 0%); }
.header.active .logo { width: 220px; }
.header.active .logo span { -webkit-clip-path: inset(0% 0% 0% 100%); clip-path: inset(0% 0% 0% 100%); }

.header.active .navbar--nav > li > a { color: rgb(var(--black) / 100%); }
.header.active .navbar--nav > li > a svg path { fill: rgb(var(--black) / 100%); }
#navigation .navbar--nav > li > a { color:var(--black);}


/* BANNER */
.banner--space { width: 100%; height: 100dvh; }
.banner { position: fixed; top: 0; left: 0; z-index: 1; width: 100%; overflow: hidden; background: rgb(var(--white) / 100%); -webkit-clip-path: inset(0% 0% 0% 0%); clip-path: inset(0% 0% 0% 0%); }
.banner.mobile { display: none; }

.banner .bg { width: 100%; height: 100vh; position: relative; -webkit-transform-origin: center right; -ms-transform-origin: center right; transform-origin: center right; overflow: hidden; }
.banner .bg picture { display: flex; width: 100%; height: 100%; }
.banner .bg img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; margin: 0 -1px; }
.banner .bg .layer { width: 100%; height: 100%; will-change: transform; overflow: hidden; position: absolute; left: 0; top: 0; -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }
.banner .bg .layer.one { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; }
.banner .bg .layer.one .loop { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; -webkit-animation: cloudAnimation 100s linear 0s infinite forwards; animation: cloudAnimation 100s linear 0s infinite forwards; }

.banner .swiper-slide { opacity: 0 !important; }
.banner .swiper-slide.swiper-slide-active { opacity: 1 !important; }
.banner .banner-content { position: absolute; bottom: 0; left: 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding: 35px 0; }
.banner .banner-content .title { font-size: 60px; font-weight: 400; line-height: 1.1; text-transform: lowercase; color: rgb(var(--white) / 100%); margin-bottom: calc(var(--gap) * 3); }
.banner .banner-content .title::first-letter { text-transform: capitalize; }
.banner .banner-content .subtitle { font-size: 20px; font-weight: 400; line-height: 1.3; color: rgb(var(--white) / 100%); margin-bottom: 24px; }
.banner .banner-content .link span { color: rgb(var(--white) / 100%); }

@-webkit-keyframes cloudAnimation {
	0% { -webkit-transform: translateX(0); transform: translateX(0); }
	100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); }
}

@keyframes cloudAnimation {
	0% { -webkit-transform: translateX(0); transform: translateX(0); }
	100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); }
}

.banner--navigation--wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; bottom: 30px; right: 100px; gap: 70px; z-index: 2; }
.banner--navigation--wrapper .swiper-pagination { min-width: 80px; font-size: 20px; font-family: var(--font-primary); text-align: center; font-weight: 100; color: rgb(var(--black) / 40%); -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.banner--navigation--wrapper .swiper-pagination span { color: rgb(var(--white) / 100%); line-height: 1; font-family: var(--font-primary); }
.banner--navigation--wrapper .swiper-pagination .swiper-pagination-current { font-size: 32px; line-height: 1; color: rgb(var(--white) / 100%); }
.swiper-button-next, .swiper-button-prev, .swiper-pagination { position: static; opacity: 1; width: auto; height: auto; margin: 0; }
.swiper-button-next:after, .swiper-button-prev:after { display: none; }
.swiper-button-next, .swiper-button-prev { padding: 10px; }
.swiper-button-next svg, .swiper-button-prev svg { width: 20px; }
.swiper-button-next svg path, .swiper-button-prev svg path { fill: rgb(var(--white) / 100%); }

.scroll { position: absolute; right: 100px; bottom: 50%; z-index: 9; display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column wrap; flex-flow: column wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.scroll span { font-size: 12px; font-weight: 300; color: rgb(var(--white) / 100%); letter-spacing: 1.5px; -webkit-writing-mode: vertical-lr; -ms-writing-mode: tb-lr; writing-mode: vertical-lr; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.scroll img { width: 18px; margin-top: calc(var(--gap) * 1.5); }


/* THE COMPANY */
.the--company--space { width: 100%; height: 100vh; }
.home--the--company { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 100px 0; min-height: 100vh; position: fixed; left: 0; top: 0; width: 100%; background: rgb(var(--white) / 100%); z-index: 1; -webkit-transform: translateY(100vh); -ms-transform: translateY(100vh); transform: translateY(100vh); clip-path: inset(0% 0% 0% 0%); }
.home--the--company.mobile { display: none; }
.the--company { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 100px 0; width: 100%; background: rgb(var(--white) / 100%); }
@media (hover: hover) and (pointer: fine) {
	.home--the--company .center-box { -webkit-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px); }
}
.the--company .row { --bs-gutter-x: 80px; }
.the--company .img-box { width: 100%; aspect-ratio: 66/34; overflow: hidden; }
.the--company .img-box img { -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); }

.home--the--company .button.mobile { display: none; }

/* CEO */
.ceo--message { padding: 0px 0px 100px 0px; }
.ceo--message .read--more--box { margin-bottom: calc(var(--gap) * 4); }
.ceo--message .text-box { margin-bottom: calc(var(--gap) * 3); }
.ceo--message .p2:last-child { margin-bottom: 0px; }
.ceo--message .read--more { display: none; }
.ceo--message .read--more .icon { transform: rotate(90deg); transition: var(--all-medium); }
.ceo--message .read--more--box.active + .read--more .icon { transform: rotate(-90deg); }

.ceo--message .ceos_regards { display: inline-flex; flex-flow: column wrap; }
.ceo--message .ceos_regards .media { display: flex; flex-flow: row-reverse wrap; align-items: center; }
.ceo--message .ceos_regards .media-img { width: 100px; aspect-ratio: 1; border-radius: 50px; overflow: hidden; margin-left: 20px; }
.ceo--message .ceos_regards .media-body { flex: 1; text-align: right; }
.ceo--message .ceos_regards .media-body .p2 { font-size: 20px; margin-bottom: 0; }
.ceo--message .ceos_regards .media-body .p3 { font-size: 14px; margin-bottom: 0; }

.ceo--message .ceos_regards .sign-img { width: 100%; max-width: 130px; margin-bottom: 10px; }

/* PEOPLE BEHIND */
.people--behind { padding: 100px 0; background: rgb(var(--gray) / 40%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 2; }
.people--behind.white-bg { background: rgb(var(--white) / 100%); }
.people--behind .section-subtitle:not(:has( + .description)) { margin-bottom: 0; }
.people--behind .row { --bs-gutter-x: 80px; }

.people--behind .mobile-listing { display: none; }

.team--details:has( + .team--list) { margin-bottom: calc(var(--gap) * 4); }
.team--list { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 15px 1fr 15px 1fr 15px 1fr 15px 1fr; grid-template-columns: repeat(4, 1fr); gap: 30px; margin-top: 60px; }
@media screen and (hover: hover) {
	.team--list li { -webkit-transform: translateY(150px); -ms-transform: translateY(150px); transform: translateY(150px); opacity: 0; }
}
.team--list .card { background: transparent; cursor: pointer; border: none; border-radius: 0; }
.team--list .card .card-img { width: 100%; aspect-ratio: 1; overflow: hidden; border-radius: 0; margin-bottom: 20px; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.team--list .card .card-img img { -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }

.team--list .card .card-body { padding: 0; }
.team--list .card .card-title { font-size: 32px; font-weight: 400; line-height: 1; margin-bottom: calc(var(--gap) * 1.5); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.team--list .card .card-title img { width: 24px; margin-left: 16px; }
.team--list .card .card-text { font-size: 17px; line-height: 1.3; color: rgb(var(--black) / 80%); margin-bottom: var(--gap); }
.team--list .card .icon { width: 30px; aspect-ratio: 1; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.team--list .card.active .icon { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }

.mobile-listing { position: relative; }
.mobile-listing:after { content: ''; width: 60px; height: 100%; position: absolute; right: calc(var(--bs-gutter-x) * .4); top: 0; }
.people--behind .mobile-listing:after { background: linear-gradient(to right, rgba(250,250,250,0) 0%, rgba(250,250,250,0.8) 80%); }
.people--behind.white-bg .mobile-listing:after { background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%); }
.people--behind.leadership .mobile-listing:after { background: linear-gradient(to right, rgba(11,84,77,0) 0%, rgba(11,84,77,1) 80%); }

.team--details { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; z-index: 11; }
.team--details li { width: 100%; max-height: 0; overflow: hidden; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.team--details li .text-box { width: 100%; padding: calc(var(--gap) * 6); border: 1px solid rgb(var(--dark-gray) / 30%); display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: calc(var(--gap) * 3); position: relative; }

.team--details.leadership li .text-box { background: transparent; }
.people--behind:not(.leadership, .white-bg) .text-box { background: rgb(var(--white) / 100%); border: none; }

.team--details li .text-box .section-subtitle { line-height: 1; color: rgb(var(--green) / 100%); margin-bottom: calc(var(--gap) * 2); }
.team--details li .text-box .section-subtitle + .p1 { color: rgb(var(--black) / 100%); }
.team--details li .text-box .p2:last-child { margin-bottom: 0; }
.team--details li * { width: 100%; }

.team--details li .text-box .close { position: absolute; right: 10px; top: 10px; width: 30px; aspect-ratio: 1; padding: 8px; cursor: pointer; }
.team--details li .text-box .close img { -o-object-fit: contain; object-fit: contain; }

/* LEADERSHIP */
.people--behind.leadership { background: rgb(var(--dark-green) / 100%) url(../images/people-behind/leadership-bg.webp) 0 0 no-repeat; background-size: 800px auto; }
.people--behind.leadership .section-subtitle { color: rgb(var(--white) / 100%); }
.people--behind.leadership .team--list .card .card-title { color: rgb(var(--white) / 100%); }
.people--behind.leadership .team--list .card .card-text { color: rgb(var(--white) / 80%); }
.people--behind.leadership .team--details li .text-box .section-subtitle + .p1 { color: rgb(var(--white) / 100%); }
.people--behind.leadership .team--details li .text-box .p2, .people--behind.leadership .team--details li .text-box p { color: rgb(var(--white) / 100%); }
.people--behind.leadership .team--details li .text-box::before { background: url('../images/people-behind/top-corner-green.svg') center bottom no-repeat; background-size: contain; }
.people--behind.leadership .team--details li .text-box .close img { filter: invert(1); }


/* WHAT WE DO */
.what--we--do { padding: 120px 0 100px; position: relative; z-index: 1; }
.what--we--do .green--bar { position: absolute; left: 0; top: 0; width: 100%; height: 500px; background: rgb(var(--dark-green) / 100%) url('../images/we-do/logo-icon-bg.webp') no-repeat; background-position: 0% 50%; background-size: auto 100%; z-index: -1; pointer-events: none; }
.what--we--do .section-subtitle { color: rgb(var(--white) / 100%); }
.what--we--do .row { --bs-gutter-x: 40px; }
.what--we--do .card { height: 100%; border: none; border-radius: 0; opacity: 0; -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); background: transparent; will-change: opacity, transform; }
.what--we--do .card .card-img { width: 100%; aspect-ratio: 3.9/2.2; overflow: hidden; border-radius: 0; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.what--we--do .card .card-img img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); will-change: transform; }
.what--we--do .card .card-body { flex: 1; display: flex; flex-flow: column wrap; padding: calc(var(--gap) * 4); background: rgb(var(--gray) / 100%); position: relative; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.what--we--do .card .card-body .link { margin-top: auto; }

.what--we--do .card .card-title { font-size: 34px; font-weight: 500; line-height: 1; color: rgb(var(--dark-green) / 100%); margin-bottom: calc(var(--gap) * 3); }
.what--we--do .card .card-title img { width: 24px; margin-left: 16px; }
.what--we--do .card .card-text { color: rgb(var(--black) / 80%); margin-bottom: calc(var(--gap) * 4); }


/* MEDIA GALLERY */
.media--gallery { padding: 100px 0 120px; }

.media { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; }
.media .media-body { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }


/* INSIGHTS */
.insights.insights-page { padding: 100px 0px; }
.insights { padding: 0px 0px 100px; }
.home--insights .news--list li { transform: translateY(100px); opacity: 0; }
.news--list { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 40px 1fr 40px 1fr; grid-template-columns: repeat(3, 1fr); gap: 25px; margin-bottom: calc(var(--gap) * 0); }
.news--list .card { border: none; border-radius: 0; }
.news--list .card .card-img { width: 100%; aspect-ratio: 55/35; overflow: hidden; border-radius: 0; margin-bottom: calc(var(--gap) * 3); position: relative; }
.news--list .card .card-img img { transition: var(--all-medium); }

.news--list .card .card-body { padding: 0; }
.news--list .card .card-title { font-size: 32px; font-weight: 400; line-height: 1.1; margin-bottom: calc(var(--gap) * 2);  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.news--list .card .card-text { font-size: 20px; line-height: 1.4; color: rgb(var(--black) / 80%); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; margin-bottom: 0; }

.news--list .card .card-img .tag--date { position: absolute; bottom: 0; left: 0; width: 100%; padding: calc(var(--gap) * 2) calc(var(--gap) * 3) calc(var(--gap) * 2) calc(var(--gap) * 2); z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.news--list .card .card-img .tag--date .tag { text-transform: uppercase; padding: calc(var(--gap) / 2) calc(var(--gap) * 1.2); background-color: rgb(var(--dark-green) / 100%); font-size: 12px; color: rgb(var(--white) / 100%); }
.news--list .card .card-img .tag--date .tag::first-letter { text-transform: capitalize; }
.news--list .card .card-img .tag--date .date { font-size: 14px; color: rgb(var(--white) / 100%); }

.insights .p3 { margin-bottom: 0; font-size: 16px; }

.page-link { font-size: 16px; font-family: var(--font-primary); line-height: 1.3; display: flex; flex-flow: row wrap; align-items: center; border: none; box-shadow: none; color: rgb(var(--dark-green) / 100%); }
.page-link.active { background: rgb(var(--dark-green) / 100%); color: rgb(var(--white) / 100%); border-radius: 2px; }
.page-link img { width: 8px; margin-bottom: 2px; }
.page-link.prev img { margin-right: 10px; }
.page-link.next img { margin-left: 10px; }
.page-item:not(:first-child) .page-link { margin: 0; }

.insights-page .news--list {margin-bottom: 60px; gap: 40px;}
/* FOOTER */
.footer { padding: 80px 0px; background: url('../images/footer/footer-bg.webp') no-repeat; background-position: calc(50% - 30px) calc(100% - 60px); background-size: auto 60%; border-top: 1px solid rgb(var(--black) / 15%); }
.footer .section-subtitle { margin-bottom: 60px; }

.footer .footer--logo { width: 120px; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 60px; }
.footer .footer--logo img { width: 100%; }

.footer .p2 { margin-bottom: calc(var(--gap) * 4); color: rgb(var(--dark-green) / 100%); font-weight: 600; }
.footer address { --font-size: 16px; font-size: var(--font-size); font-weight: 400; color: rgb(var(--black) / 100%); letter-spacing: calc(var(--font-size) / 100% * 3); margin-bottom: calc(var(--gap) * 2); }

.footer .c-link { --font-size: 16px; font-size: var(--font-size); font-weight: 400; color: rgb(var(--black) / 100%); letter-spacing: calc(var(--font-size) / 100% * 3); margin-bottom: calc(var(--gap) * 4); }
.footer .c-link a { --font-size: 16px; font-size: var(--font-size); font-weight: 400; color: rgb(var(--black) / 100%); letter-spacing: calc(var(--font-size) / 100% * 3); -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.footer .c-link:has( + .social--links) { margin-bottom: calc(var(--gap) * 3); }

.footer .social--links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.footer .social--links a { height: 18px; margin-right: calc(var(--gap) * 3); -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }

.footer .footer--links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; }
.footer .footer--links a { --font-size: 16px; font-size: var(--font-size); font-weight: 400; text-transform: capitalize; color: rgb(var(--black) / 100%); letter-spacing: calc(var(--font-size) / 100% * 3); position: relative; width: 100%; margin-bottom: var(--gap); -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.footer .footer--links a::before { content: ''; position: absolute; left: -30px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 18px; aspect-ratio: 1; background: url('../images/icons/button-arrow-green.svg') no-repeat center center; background-size: contain; opacity: 0; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }


.subscribe--box { margin-top: 80px; }
.subscribe--box form { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; }
.subscribe--box form button { position: absolute; right: 0; bottom: 0; padding: calc(var(--gap) * 1.5) 0; }
.subscribe--box form button img { width: 28px; }


.copy { padding: 40px 0; background: rgb(var(--gray) / 100%); }
.copy p { font-size: 14px; color: rgb(var(--black) / 60%); margin-bottom: 0; }
.copy p a { color: rgb(var(--black) / 60%); -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }


.copy .extra--links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.copy .extra--links a { font-size: 16px; font-weight: 400; color: rgb(var(--black) / 100%); cursor: pointer; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }

.copy .extra--links span { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin: 0 calc(var(--gap) * 2); color: #d4d4d4; }
.copy .extra--links span:last-child { display: none; }

.copy .text-lg-end, .copy .text-lg-end a { color: rgb(var(--black) / 50%); }
.copy .mobile-copy { display: none; }
.copy .mobile-copy, .copy .mobile-copy a { color: rgb(var(--black) / 50%); }

.copy .copy--note { font-size: 14px; color: rgb(var(--black) / 60%); margin-top: calc(var(--gap) * 4); margin-bottom: 0; }


/* MODALS */
.modal .modal-header .section-title { margin-bottom: 0; }
.modal .modal-body { position: relative; padding: calc(var(--gap) * 5); }
.modal .btn-close { position: absolute; top: 20px; right: 20px; cursor: pointer; }
.modal .btn-close:focus { -webkit-box-shadow: none; box-shadow: none; }

#cookie-setting .d-flex { -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; }

.text--editor p strong { display: block; margin-bottom: 10px; }
.text--editor ul { margin-bottom: 16px; }
.text--editor ul li { font-size: 16px; color: rgb(var(--black) / 80%); padding-left: 15px; position: relative; margin-bottom: 4px; }
.text--editor ul li:after { content: ''; position: absolute; left: 0; top: 10px; width: 5px; height: 5px; border-radius: 10px; background: rgb(var(--black) / 100%); }

/* WHY WEALTHBRIX */
.why--wb { padding: 100px 0; background: rgb(var(--gray) / 40%); }
.why--wb .img-box { width: 100%; display: flex; transform: rotateY(180deg); }
.why--wb .img-box { object-fit: contain; }


/* MISSION VISION */
/* .mission--vision .row>* { padding-right: calc(var(--bs-gutter-x) * .3); padding-left: calc(var(--bs-gutter-x) * .3);} */
.mission--vision .row { --bs-gutter-x: 30px; }
.mission--vision { padding: 100px 0; }
.mission--vision .card { border: none; border-radius: 0; background: transparent; transform: translateY(100px); opacity: 0; }
.mission--vision .card .card-img { width: 100%; display: flex; margin-bottom: calc(var(--gap) * 3); overflow: hidden; }
.mission--vision .card .card-img.mobile { display: none; }
.mission--vision .card .card-img img { transition: var(--all-medium); }
/* .mission--vision .card:hover .card-img img { transform: scale(1.1); } */
.mission--vision .card .card-body { padding: 0; }
.mission--vision .card .card-body .h4 { margin-bottom: var(--gap); }
.mission--vision .card p:last-child { margin-bottom: 0px; }


/* TABS */
.tabs--wrapper { width: 100%; display: flex; flex-flow: row wrap; align-items: center; }
.tabs--wrapper .tab { flex: 1; padding: calc(var(--gap) * 3); display: inline-flex; justify-content: center; text-align: center; background: rgb(var(--dark-green) / 100%); font-size: 26px; font-weight: 400; color: rgb(var(--white) / 100%); text-transform: capitalize; font-family: var(--font-primary); border-right: 1px solid rgb(var(--white) / 20%); border-top: 1px solid rgb(var(--white) / 20%); transition: var(--all-medium); }
.tabs--wrapper .tab br { display: none; }
.tabs--wrapper .tab:last-child { border-right: none; }
@media screen and (hover: hover) {
	.tabs--wrapper .tab:hover { background: rgb(var(--white) / 100%); color: rgb(var(--black) / 100%); }
}
.tabs--wrapper .tab.active { background: rgb(var(--white) / 100%); color: rgb(var(--black) / 100%); }


/* PRIVATE CLIENT */
.private--client { padding: 100px 0px 0px 0px; }
.private--client .img-box { display: flex; aspect-ratio: 876/520; }
.private--client .row { --bs-gutter-x: 30px; }


/* OUR APPROACH */
.our--approach { padding: 80px 0; margin-top: 100px; background: rgb(var(--gray) / 40%); }
/* .our--approach .img-box { margin-bottom: calc(var(--gap) * 3); } */
.our--approach .img-box img { mix-blend-mode: multiply; }
.our--approach .p1 { line-height: 1.5; margin-bottom: 0; }
.our--approach p:last-child { margin-bottom: 0px; }


/* OUR ADVANTAGES */
.our--advantages { padding: 100px 0; background: url(../images/private-clients/advantages/our-advantages.webp) no-repeat; background-size: cover; background-position: 50% 0%; }
.our--advantages .advantages--list { display: grid; grid-template-columns: repeat(3, 1fr); gap: calc(var(--gap) * 8); }
.our--advantages .advantages--list .media { display: flex; flex-flow: row wrap; align-items: center; }
.our--advantages .advantages--list .media .media-img { width: 70px; aspect-ratio: 1; margin-right: calc(var(--gap) * 3); }
.our--advantages .advantages--list .media .media-body { flex: 1; }
.our--advantages .advantages--list .media .media-body .media-title { font-size: 32px; font-weight: 400; color: rgb(var(--white) / 100%); }
.our--advantages .advantages--list .media .media-body .media-title::first-letter { text-transform: capitalize; }


/* BANK RELATIONSHIP */
.bank--relationship { padding: 100px 0px 100px 0px; background: rgb(var(--gray) / 40%); }
.bank--relationship .bank--title { display: flex; flex-flow: row wrap; align-items: center; font-size: 40px; font-weight: 400; font-family: var(--font-primary); }
.bank--relationship .bank--title .bank--count { font-size: 50px; font-weight: 400; color: rgb(var(--dark-green) / 100%); font-family: var(--font-primary); margin-right: calc(var(--gap) * 2); }

.relationship--list { display: flex; flex-flow: row wrap; align-items: center; justify-content: space-between; }


/* OUR EXPERTISE */
.our--expertise { padding: 100px 0px; }
.our--expertise .section-title { margin-bottom: calc(var(--gap) * 6); }
.accordion--list { display: flex; flex-flow: row wrap; }
.accordion--list li:first-child { border-top: 1px solid rgb(var(--black) / 10%); }
.accordion--list li { width: 100%; border-bottom: 1px solid rgb(var(--black) / 10%); }
.accordion--list li .accordion--header { display: flex; flex-flow: row wrap; align-items: center; cursor: pointer; padding: calc(var(--gap) * 2) 0; transition: var(--all-medium); }
.accordion--list li .accordion--header.active .h4 , .join--team--accordion li .accordion--header.active .p2 { color: rgb(var(--dark-green) / 100%); }

.accordion--list li .accordion--header .icon { width: 52px; aspect-ratio: 1; margin-right: calc(var(--gap) * 6); }
.accordion--list li .accordion--header .icon img { object-fit: contain; }
.accordion--list li .accordion--header .h4 { flex: 1; margin-bottom: 0; transition: var(--all-medium); }
.accordion--list li .accordion--header .plus { width: 20px; aspect-ratio: 1; position: relative; }
.accordion--list li .accordion--header .plus::before, .accordion--list li .accordion--header .plus::after { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: rgb(var(--green) / 100%); transition: var(--all-medium); }
.accordion--list li .accordion--header .plus::before { width: 100%; height: 2px; }
.accordion--list li .accordion--header .plus::after { width: 2px; height: 100%; }
.accordion--list li:has( .active) .accordion--header .plus::after { height: 0%; }
.accordion--list li .accordion--body { padding: 0px 0px 0px 100px; max-height: 0; margin: 0px 0px; overflow: hidden; transition: var(--all-medium); }
.accordion--list li .accordion--body.active { max-height: 100vh; margin: 20px 0px; }
.accordion--list li .accordion--body .pl-i {  }
.accordion--list li .accordion--body .d-flex { column-gap: calc(var(--gap) * 2); margin-bottom: 30px; }
.accordion--list li .accordion--body .d-flex .button--secondary { border-color: #0077B5; background: #0077B5; }
.accordion--list li .accordion--body .d-flex .button--secondary .icon { margin-right: var(--gap); }
.accordion--list li .accordion--body .d-flex .button--secondary span { margin-top: 2px; }


/* CAREER */
.work--with--us { padding: 100px 0; }
.work--with--us .row { --bs-gutter-x: 40px; row-gap: calc(var(--gap) * 2); }
.work--with--us .icon { width: auto; height: 70px; aspect-ratio: 1; margin-bottom: calc(var(--gap) * 3); }
.work--with--us .icon img { object-fit: contain; object-position: left; }
.work--with--us .title--grp { margin-bottom: 70px; }
.work--with--us .title--grp p:last-child { margin-bottom: 0px; }
.work--with--us .title--grp .section-subtitle { margin-bottom: calc(var(--gap) * 3);}


/* JOIN TEAM */
.join--team { padding: 0px 0px 100px 0px; }

.table--header { display: flex; flex-flow: row wrap; align-items: center; padding: calc(var(--gap) * 2) 0; }
.table--header .p2 { font-weight: 400; color: rgb(var(--black) / 50%); }
.table--header .p2:first-child { flex: 1; margin-bottom: 0; }
.table--header .p2:last-child { margin-right: 20px; }
.table--header .p2:not(:first-child) { width: calc(100% / 12 * 3); margin-bottom: 0; }

.join--team--accordion li .accordion--header { padding: calc(var(--gap) * 2) 0; }
.join--team--accordion li .accordion--header .p2 { margin-bottom: 0; }
.join--team--accordion li .accordion--header .p2 { width: calc(100% / 12 * 3); }
.join--team--accordion li .accordion--body { padding-left: calc(100% / 12 * 6 - 18px); margin-top: 0px; }
.join--team--accordion li .accordion--body.active { margin-bottom: calc(var(--gap) * 3) 0;  }
.join--team--accordion li .accordion--body p:empty { display: none; }


/* CONTACT PAGE */
.contact--us { padding: 80px 0; background: #09554e url(../images/contact/conatact-web.webp) center center no-repeat; }
.contact--us .hero { font-size: 40px; color: rgb(var(--white) / 100%); }

.contact--us .container > .row { --bs-gutter-x: 160px; }
.contact--us .contact--box { margin-bottom: calc(var(--gap) * 6); }
.contact--us .contact--box .section-title { font-size: 18px; margin-bottom: calc(var(--gap) * 2); }
.contact--us .contact--box .h4 { font-size: 26px; line-height: 1.4; color: rgb(var(--white) / 100%); margin-bottom: 0; }
.contact--us .contact--box .h4:has( + .link ) { margin-bottom: calc(var(--gap) * 3); }
.contact--us .contact--box .link span { font-size: 14px; text-decoration: underline; text-underline-offset: 4px; color: rgb(var(--white) / 100%); }
.contact--us .social--links { margin-bottom: 0px; }
.contact--us .social--links a { margin-right: calc(var(--gap) * 3); transition: all 0.5s; }
.contact--us .social--links a .svg { width: 20px; aspect-ratio: 1; }
.contact--us .social--links a .svg path { fill: rgb(var(--white) / 100%); }
.contact--us .p1 { font-weight: 200; color: rgb(var(--white) / 100%); }
.contact--us .p1 a { font-weight: 200; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; }

.contact--us .checkbox--wrapper .checkbox--list { margin-bottom: calc(var(--gap) * 3); padding-left: calc(var(--gap) * 3); }
.contact--us .checkbox--wrapper .p3 { max-height: 0px; overflow: hidden; transition: all 0.3s; }
.contact--us .checkbox--wrapper:has( .active) .p3 { max-height: 30px; }

.contact--us .checkbox--list li { margin-bottom: calc(var(--gap) * 1); }
.contact--us .checklist { margin-bottom: calc(var(--gap) * 5); }
.contact--us .checklist li .form-check { margin-bottom: 0; }
.contact--us .checklist li .form-check-label { font-size: 15px; }
.contact--us .checklist .form-check { display: flex; align-items: center; align-items: center; margin-bottom: calc(var(--gap) * 2); padding-left: 0; }
.contact--us .checklist .form-check:has( + .p3) { margin-bottom: 0; }
.contact--us .checklist .form-check + .p3 { padding-left: calc(var(--gap) * 3); margin-bottom: calc(var(--gap) * 2); }
.contact--us .checklist .form-check-input { display: flex; border: 2px solid rgb(var(--black) / 100%); width: 20px; height: 19px; cursor: pointer; margin: 0; margin-right: var(--gap); }
.contact--us .checklist .form-check-input:checked { border-color: rgb(var(--dark-green) / 100%); }

#investible-amount-list { overflow: hidden; max-height: 0; opacity: 0; transition: var(--all-medium); margin-bottom: 0px; }
#investible-amount-list.active { max-height: 200px; opacity: 1; margin-bottom: calc(var(--gap) * 2); }

.contact--us .form--box { padding: calc(var(--gap) * 10) calc(var(--gap) * 8); background: rgb(var(--white) / 100%); }
.contact--us .form--box .h2 { font-size: 36px; line-height: 1; text-transform: lowercase; margin-bottom: calc(var(--gap) / 2); }
.contact--us .form--box .h2::first-letter { text-transform: capitalize; }

.thank--you { width: 100%; margin-top: calc(var(--gap) * 4); }
.thank--you .h3 { font-weight: 500; color: rgb(var(--dark-green) / 100%); margin-bottom: calc(var(--gap) * 1); }
.thank--you .p2 { margin-bottom: 0; }

.contact--band { background: rgb(var(--gray) / 100%); padding: 80px 0; position: relative; z-index: 1; }
.contact--band .section-subtitle { margin-bottom: 0; transition: var(--all-medium); }
#gradient-canvas { position: absolute; width:100%; height:100%; top: 0; left: 0; --gradient-color-1: #0b544d;--gradient-color-2: #048161;--gradient-color-3: #439985;--gradient-color-4: #0b544d; z-index: -1; opacity: 0; transition: var(--all-slow); pointer-events: none; }

.intl-tel-input.separate-dial-code .selected-flag { background-color: rgba(0,0,0,0) !important; }

/* INSIGHT DETAILS */
.insight--text--box { padding: calc(var(--gap) * 8) 0 calc(var(--gap) * 5); }
.insight--text--box .p1 { margin-bottom: 0; }
.insight--text--box .row { --bs-gutter-x: calc(var(--gap) * 10); }
.insight--text--box .img-box { width: 100%; aspect-ratio: 88/50; overflow: hidden; margin-top: -30%; }

.insight--details { padding: 40px 0 80px; }
.insight--details .row { --bs-gutter-x: calc(var(--gap) * 8); }
.insight--details h3 { font-size: 36px; font-weight: 700; font-family: var(--font-secondary); text-transform: capitalize; color: rgb(var(--black) / 80%); margin-bottom: calc(var(--gap) * 3); }
.insight--details p { font-size: 20px; font-weight: 400; margin-bottom: calc(var(--gap) * 4); }


@media screen and (hover:hover) {
	.button:hover { background: rgb(var(--dark-green) / 100%); }
	.button:hover span { color: rgb(var(--white) / 100%); }
	.button:hover span + .icon { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); filter: brightness(0) invert(1); }
	.button:hover > .icon { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
	.link:hover .img-box { margin-left: 12px; }

	.header.active .navbar--nav > li > a:not(.dropdown-toggle):hover { background: transparent; color: rgb(var(--black) / 100%); }
	.header.active .navbar--nav > li.dropdown:hover > a { color: rgb(var(--white) / 100%); }

	.header .navbar--nav > li > a:hover svg { -webkit-transform: translateX(8px); -ms-transform: translateX(8px); transform: translateX(8px); }
	.header .navbar--nav > li > a:hover svg path { fill: rgb(var(--dark-green) / 100%); }
	.header .navbar--nav > li > a:hover:before { width: 100%; right: auto; left: 0; }

	.header .navbar--nav > li.dropdown:hover > a { color: rgb(var(--white) / 100%); }
	.header .navbar--nav > li.dropdown:hover, .header .navbar--nav > li:has(a.show) { background: rgb(var(--white) / 100%); }
	.header .navbar--nav > li.dropdown:hover, .header .navbar--nav > li:has(a.show) { background: rgb(var(--dark-green) / 100%); color: rgb(var(--white) / 100%); }
	.header .navbar--nav > li.dropdown > a:hover, .header .navbar--nav > li:has(a.show) > a { color: rgb(var(--white) / 100%); }

	.header .navbar--nav .dropdown:hover .dropdown-menu { opacity: 1; pointer-events: all; }
	.header .navbar--nav .dropdown .dropdown-menu li .card:hover .card-img img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }
	.header .navbar--nav .dropdown .dropdown-menu li .card:hover .link .img-box { margin-left: 12px; }

	.header.inner--header .navbar--nav > li > a:not(.dropdown-toggle):hover { color: rgb(var(--black) / 100%); }
	.header.inner--header .navbar--nav > li > a:hover svg path { fill: rgb(var(--black) / 100%); }

	.header.active .navbar--nav > li > a:hover svg path { fill: rgb(var(--dark-green) / 100%); }

	.company--link--list a:hover { color: rgb(var(--green) / 100%); }
	.company--link--list a:hover img { -webkit-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); }

	.what--we--do .card:hover .card-img img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
	.what--we--do .card:hover .link .img-box { margin-left: 12px; }

	.news--list .card:hover .card-img img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }
	.team--list .card:hover .card-img img { opacity: 0.7; }

	.footer .footer--links a:hover::before { left: -15px; opacity: 1; }
	.copy p a:hover { color: rgb(var(--green) / 100%); }
	.footer .c-link a:hover { color: rgb(var(--green) / 100%); }
	.footer .social--links a:hover { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }
	.footer .footer--links a:hover { padding-left: 5px; color: rgb(var(--green) / 100%); }
	.copy .extra--links a:hover { color: rgb(var(--green) / 100%); }

	.contact--us .social--links a:hover { transform: scale(1.1); }

	.contact--band:hover #gradient-canvas { opacity: 1; }
	.contact--band:hover .section-subtitle { color: rgb(var(--white) / 100%); }
	.contact--band:hover .button { background: rgb(var(--white) / 100%); }
	.contact--band:hover .button span { color: rgb(var(--dark-green) / 100%); }
	.contact--band:hover .button:hover span + .icon, .contact--band:hover .button span + .icon { filter: none; }

	.accordion--list li .accordion--header:hover .h4 { color: rgb(var(--dark-green) / 100%); }
}