@charset "utf-8";

@font-face { font-family: "TT Commons"; src: url("fonts/TTCommons-Light.eot"); src: local("TT Commons Light"), local("TTCommons-Light"), url("fonts/TTCommons-Light.eot?#iefix") format("embedded-opentype"), url("fonts/TTCommons-Light.woff2") format("woff2"), url("fonts/TTCommons-Light.woff") format("woff"), url("fonts/TTCommons-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: "TT Commons"; src: url("fonts/TTCommons-Regular.eot"); src: local("TT Commons Regular"), local("TTCommons-Regular"), url("fonts/TTCommons-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/TTCommons-Regular.woff2") format("woff2"), url("fonts/TTCommons-Regular.woff") format("woff"), url("fonts/TTCommons-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: "TT Commons"; src: url("fonts/TTCommons-Medium.eot"); src: local("TT Commons Medium"), local("TTCommons-Medium"), url("fonts/TTCommons-Medium.eot?#iefix") format("embedded-opentype"), url("fonts/TTCommons-Medium.woff2") format("woff2"), url("fonts/TTCommons-Medium.woff") format("woff"), url("fonts/TTCommons-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "NoirPro-Light"; src: url("fonts/NoirPro-Light.eot"); src: local("TT Commons Medium"), local("NoirPro-Light"), url("fonts/NoirPro-Light.eot?#iefix") format("embedded-opentype"), url("fonts/NoirPro-Light.woff2") format("woff2"), url("fonts/NoirPro-Light.woff") format("woff"), url("fonts/NoirPro-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap; }

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

--noir-pro:"NoirPro-Light";
--TTCommon:"TT Commons";

/* COLOR VARIABLES */
--white: #ffffff;
--black: #000000;
--black2: #231F20;
--green: #40C1BB;
--orange: #F68B1F;
--gray: #D0D0D0;
--gray-100: #F0F0F0;

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

--gap-sm: 8px;
--gap-md: 16px;
--gap-lg: 24px;
--gap-xl: 32px;
--gap-xxl: 40px;
--gap-xxxl: 48px;
}

/* ========================== 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(--TTCommon); font-weight: 400; line-height: 1.5; color: inherit; color: var(--black); }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { line-height: 1.1; }
input, input:focus, textarea, textarea:focus, .form-control,
.form-control:focus, .btn: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: 20px; line-height: 1.3; width: 100%; position: relative; font-weight: 300; color: var(--black); z-index: 1; overflow-x: hidden; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
body p { font-size: 20px; line-height: 1.3; color: var(--black); margin-bottom: 30px; font-weight: 300; font-family: var(--TTCommon); }

.no-scroll { overflow: hidden; }

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

::-moz-selection { color: var(--white); background: var(--black); }
::selection { color: var(--white); background: var(--black); }

::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { background: #f2f2f2; }
::-webkit-scrollbar-thumb { background-color: var(--green); 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: 6px; height: 100vh;  background: #f2f2f2; border-radius: 15px; z-index: 999999; pointer-events: none; }
.bar { height: 20%; width: 100%; background-color: var(--green); 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% - 200px); margin: 0 auto; position: relative; }
}

@media screen and (min-width: 2000px) {
  .container { max-width: 1700px; position: relative; z-index: 1; }
}
@media screen and (min-width: 1500px) {
  .container-fluid { max-width: calc(100% - 80px); position: relative; z-index: 1; }
  .container { max-width: 1400px; }
}

.form-control::-webkit-input-placeholder { color: rgba(0,0,0,0.5); }
.form-control::-moz-placeholder { color: rgba(0,0,0,0.5); }
.form-control:-ms-input-placeholder { color: rgba(0,0,0,0.5); }
.form-control::-ms-input-placeholder { color: rgba(0,0,0,0.5); }
.form-control::placeholder { -webkit-transition: var(--all-fast); -o-transition: var(--all-fast); transition: var(--all-fast); color: rgba(0,0,0,0.5); font-size: 18px; }

.form-group { margin-bottom: var(--gap-xxl); }
label { font-size: 20px; line-height: 1; font-weight: 300; position: absolute; left: 0; top: 0; padding: 12px 0; width: 100%; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
label span { color: #FF0000; }
.form-control { width: 100%; padding: 10px 0px; font-size: 20px; font-weight: 300; color: var(--black); line-height: 1; border: none; border-bottom: 1px solid rgba(0,0,0,0.20); 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, .form-select:focus { color: var(--black, #252324); background: transparent; border-bottom: 1px solid var(--green); outline: none; -webkit-box-shadow: none; box-shadow: none; }
select.form-control:not([size]):not([multiple]), textarea.form-control { height: auto;  }
.form-select { background: transparent url(../images/icons/dropdown-arrow-black.svg) right center no-repeat; 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-bottom: 1px solid rgb(94 95 97 / 10%); border-radius: 0; cursor: pointer; }
.form-select:focus { background: transparent url(../images/icons/dropdown-arrow-black.svg) right center no-repeat; background-size: 10px; }
select.form-control { padding-right: 10px; background: transparent url(../images/icons/down-arrow.svg) right center no-repeat; background-size: 10px; font-size: 18px; font-weight: 300; color: var(--black); }
select.form-control:focus { background: transparent url(../images/icons/down-arrow.svg) right center no-repeat; background-size: 10px; }
select.form-control:not([size]):not([multiple]), textarea.form-control { height: auto; }

textarea.form-control {  height: 140px; }

/* 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; width: 100%; height: auto; }
img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

.image--animation { overflow: hidden; }
.image--animation img { clip-path: inset(0% 100% 0% 0%); will-change: clip-path; transform: scale(1.4); }

#smooth-content { position: relative; }
.image--animation2 { overflow: hidden; }
.image--animation2 img { height:calc(100% + 120px); }

/* HEADINGS */
section { position: relative; }

.hero--1 { font-size: 80px; line-height: 1.1; font-weight: 300; font-family: var(--noir-pro); }
.hero--2 { font-size: 42px; line-height: 1.1; font-weight: 300; font-family: var(--noir-pro); margin-bottom: var(--gap-lg); }
.hero--3 { font-size: 64px; line-height: 1.1; font-weight: 300;  }

.h1 { font-size: 45px; line-height: 1.2; font-weight: 300; font-family: var(--noir-pro); }
.h2 { font-size: 20px; line-height: 1.2; font-weight: 400; font-family: var(--noir-pro); letter-spacing: 2px; margin-bottom: var(--gap-md); text-transform: uppercase; color: var(--green); }
.h3 { font-size: 48px; line-height: 1.2; font-weight: 300; font-family: var(--noir-pro); margin-bottom: var(--gap-xxxl); color: var(--black2) }
.h4 { font-size: 35px; line-height: 1.2; font-weight: 300; font-family: var(--noir-pro); margin-bottom: var(--gap-xxl); color: var(--black); }
.h5 { font-size: 22px; line-height: 1.2; font-weight: 300; font-family: var(--noir-pro) }
.h6 { font-size: 20px; line-height: 1.2; font-weight: 500; font-family: var(--noir-pro) }
.h7 { font-size: 20px; line-height: 1.2; font-weight: 300; font-family: var(--noir-pro) }
.h8 { font-size: 18px; line-height: 1.2; font-weight: 300; font-family: var(--noir-pro) }
.h9 { font-size: 14px; line-height: 1.2; font-weight: 500; font-family: var(--noir-pro) }

.p1 { font-size: 26px; line-height: 1.3; font-weight: 300; }
.white { color: var(--white); }
.subtitle { padding: 10px 20px; border-radius: 30px; font-size: 20px; color: var(--black); font-weight: 300; margin-bottom: var(--gap-xl); display: inline-flex; align-items: center; background: #F6F6F6; font-family: var(--TTCommon); color: rgba(0,0,0,0.8); }
.subtitle span { width: 8px; height: 8px; background-color: var(--green); display: inline-block; margin-right: 10px; }

.py--lg { padding: calc(var(--gap-xxxl) * 2) 0; }
.pb--lg { padding-bottom: calc(var(--gap-xxxl) * 2); }
.pt--lg { padding-top: calc(var(--gap-xxxl) * 2); }

/* BUTTONS */
.btn { display: inline-flex; border-radius: 0px; align-items: center; padding: calc(var(--gap-sm) / 2 * 3) var(--gap-xl); cursor: pointer; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.btn span { font-size: 18px; font-weight: 300; line-height: 1.2; text-align: center; text-transform: capitalize; font-family: var(--noir-pro); color: inherit; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.btn .svg { width: 6px; height: auto; margin-left: 6px; transform: translateY(-1px); }
.btn .svg path { fill: var(--white); -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }

.btn--primary { background: var(--green); color: var(--white); border: 1px solid var(--green) }
.btn--primary:hover { background: transparent; color: var(--green); }
.btn--primary:hover span { color: var(--green); }
.btn--primary:hover .svg path { fill: var(--green); }

.btn--white--border { background: transparent; color: var(--white); border: 1px solid var(--white); }
.btn--white--border:hover { background: var(--white); color: var(--green); }
.btn--white--border:hover span { color: var(--green); }
.btn--white--border svg path { fill: var(--white); }
.btn--white--border:hover .svg path { fill: var(--green); }

.btn--secondary { background: transparent; color: var(--green); border: 1px solid var(--green); }
.btn--secondary:hover { background: var(--green); color: var(--green); }
.btn.btn--secondary svg path { fill: var(--green); }
.btn.btn--secondary:hover svg path { fill: var(--white); }
.btn--secondary:hover span { color: var(--white); }

.btn--tertiary { padding: var(--gap-xl) calc(var(--gap-xl) * 2); background: var(--white); color: var(--black); }
.btn--tertiary span { font-size: 14px; font-weight: 500; color: var(--black); }
.btn--tertiary:hover { background: var(--orange); }

.read--more--white { display: inline-flex; align-items: center; }
.read--more--white span { font-size: 18px; color: var(--white); text-transform: capitalize; font-family: var(--noir-pro); font-weight: 400; text-decoration: underline; text-underline-offset: 6px; text-decoration-color: var(--white); transition: var(--all-medium); }
.read--more--white .svg { margin-left: 7px; width: 7px; height: auto; }
.read--more--white .svg path { fill: var(--white); transition: var(--all-medium); }
.read--more--white:hover span { color: var(--black); text-decoration-color: var(--black); }
.read--more--white:hover span { text-decoration: underline; }
.read--more--white:hover .svg path { fill: var(--black); }

.read--more { font-size: 16px; color: var(--green); text-transform: capitalize; font-family: var(--noir-pro); font-weight: 400; display: inline-flex; align-items: center; text-decoration: underline; text-underline-offset: 6px; text-decoration-color: var(--green); transition: var(--all-medium); }
.read--more span { font-size: 18px; color: var(--green); text-transform: capitalize; font-family: var(--noir-pro); font-weight: 400; text-decoration: underline; text-underline-offset: 6px; text-decoration-color: var(--green); transition: var(--all-medium); }
.read--more .svg { margin-left: 8px; width: 11px; height:auto; }
.read--more .svg line { stroke: var(--green); transition: var(--all-medium); }
.read--more:hover span { color: var(--black); text-decoration-color: var(--black); text-decoration: underline; }
.read--more:hover .svg line { stroke: var(--black); }

.container-fluid { max-width: calc(100% - 120px ); }

/* custom dropdown */
.selected-display { display: flex; font-size: 16px; text-transform: uppercase; align-items: center; }
.selected-display .flag--img { width: 15px; margin-right: 7px; }
.wrapper-dropdown { position: relative; display: flex; width: auto; margin-left: 20px;  justify-content: center; align-items: center; padding: 0px 10px 0px 10px; transition: all 0.4s; color:#000; font-size: 14px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.wrapper-dropdown:hover { background: var(--marron); }
.wrapper-dropdown .svg { position: static; width: 6px; transform: rotate(90deg); height: auto; z-index: 1 ; rotate: 0deg; margin-left: 10px; }
.wrapper-dropdown svg path { fill: var(--black); } 
.wrapper-dropdown::before { position: absolute; top: 50%; right: 16px; margin-top: -2px; border-width: 6px 6px 0 6px; border-style: solid; border-color: #fff transparent; }
.rotated { transform: rotate(-180deg); }
.wrapper-dropdown .dropdown { transition: 0.4s; position: absolute; top: 100%; right: 0; left: 0; margin: 0; padding: 0px 0px; list-style: none; z-index: 99; box-shadow: inherit; background: inherit;
 -webkit-transform-origin: top; -moz-transform-origin: top; -ms-transform-origin: top; transform-origin: top; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
 background: var(--green); border-radius: 0px; opacity: 0; visibility: hidden; }
.wrapper-dropdown .dropdown li { border-bottom: 1px solid rgba(0,0,0,0.20); background: transparent; text-align: left; justify-content: flex-start; border-left: 0px; color: var(--white); line-height: 1; padding: 7px 10px; width: 100%; height: auto; overflow: hidden; transition: var(--all-medium); }
.wrapper-dropdown.active .dropdown { opacity: 1; visibility: visible; }
.wrapper-dropdown .dropdown li:hover { color: var(--black); }

.overlay--div { opacity: 0; pointer-events: none; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 111; background: rgba(0, 0, 0, 0.85); -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }

/* HEADER */
.header { position: fixed; left: 0; top: 0; width: 100%; z-index: 1111; padding: 0px 0px; transition: var(--all-medium); border-bottom: 1px solid transparent; }
.header .container-fluid { border-bottom: 1px solid #7e7d7d; transition: var(--all-medium); }
.header .logo { display: flex; transition: var(--all-medium); width: 160px; height: auto; text-align: center; position: relative; overflow: hidden; }
.header.show { background: rgba(255,255,255,1); border-bottom: 1px solid #f2f2f2; }
.header.show .container-fluid { border-bottom: 0px; }
.header .logo img { transition: var(--all-medium); height: auto; object-fit: contain; }
.header .logo .sticky--icon { opacity: 0; transition: var(--all-medium); position: absolute; left: 0px; top: 0px; }
.header.show .logo .sticky--icon { opacity: 1; transition: var(--all-medium); }
.header.show .logo .logo--img { opacity: 0; }
.header .navbar--nav { width: 100%; display: flex; flex-flow: row wrap; align-items: center; justify-content: flex-end; }
.header .navbar--nav li a { display: flex; flex-wrap: wrap; align-items: center; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; font-weight: 300;  color: var(--white);  font-family: var(--noir-pro); padding: 35px 0px; margin-left: var(--gap-xl); transition: var(--all-medium); position: relative; }

.header .navbar--nav li a:before { content: ""; position: absolute; left: 0px; bottom: 0px; width: 0px; height: 1px; background: var(--green); transition: var(--all-medium); }
.header.show .navbar--nav li a { padding: 20px 0px; color: var(--black); }
.header.show .navbar--nav li a.btn--white--border span { color: var(--black); }
.header.show .navbar--nav li a.btn--white--border span svg path { fill: var(--black); }
.header.show .navbar--nav li a.btn--white--border { border-color: var(--black); }
.header.show .navbar--nav li a.btn--white--border { padding: var(--gap-sm) var(--gap-md); }
.header.show .navbar--nav li .dropdown--menu li a { padding: var(--gap-sm); }

.header .navbar--nav li a.active { color: var(--green); }
.header .navbar--nav li a.active:before { width: 100%; }
.header .navbar--nav li a:hover:before, .header .navbar--nav li.active a:before { width: 100%; }
.header .navbar--nav li .btn--white--border { border-color: rgba(255,255,255,1); padding: var(--gap-sm) var(--gap-md); }
.header .navbar--nav li a.btn--white--border:before { display: none; }
.header .navbar--nav li .btn--white--border span { color: rgba(255,255,255,1); font-size: 14px; letter-spacing: 1px; text-transform: uppercase; }
.header .navbar--nav li .btn .svg { opacity: 1; }
.header .navbar--nav li .btn svg path { fill: var(--white); transition: var(--all-medium); }
.header .navbar--nav li .btn:hover svg path { fill: var(--white); }
.header .navbar--nav li .btn--white--border:hover { background: var(--green); border-color: var(--green); }
.header .navbar--nav li .btn--white--border:hover span { color: var(--white); }

.header .lang--sec { display: flex; justify-content: flex-end; transition: var(--all-medium); }
.header.show .lang--sec { clip-path: inset(0 0 100% 0); max-height: 0px; pointer-events: none; margin-bottom: 0px; }
.sub--navbar--bar li a { font-size: 15px; font-weight: 300; font-family: var(--noir-pro); color: rgba(0,0,0,1); transition: var(--all-medium); }
.sub--navbar--bar li a:hover { color: var(--green); }
.sub--navbar--bar li { display: flex; }

.dropdown--bx a .arrow { width: 6px; height: auto; -o-object-fit: contain; object-fit: contain; margin-left: 8px; transition: var(--all-medium); transform: rotate(90deg); }
header.show .dropdown--bx a svg path { fill: var(--black); }
.dropdown--bx { position: relative; }
.dropdown--bx .dropdown--menu { position: absolute; top: 100%; left: 50%; z-index: 11; -webkit-transform: translateX(-50%) translateY(10px); -ms-transform: translateX(-50%) translateY(10px); transform: translateX(-50%) translateY(10px); min-width: 250px; width: auto; background: var(--white); border: 1px solid var(--blue); opacity: 0; pointer-events: none; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); border-radius: 6px; padding: 15px 20px 10px 20px; border: 1px solid var(--green); border-radius: 0px; }
.dropdown--bx .dropdown--menu li a { margin-left: 0px; font-size: 14px; margin-left: 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 12px 0px; opacity: 0.9; border-bottom: 1px solid #f2f2f2; color: var(--black); }
.dropdown--bx .dropdown--menu li:last-child a { border-bottom: 0px; }
.dropdown--bx .dropdown--menu li:first-child a { padding-top: 0px; }
.dropdown--bx .dropdown--menu:before { content: ""; position: absolute; width: 15px; height: 15px; bottom: 100%; left: 50%; -webkit-transform: translateX(-50%) rotate(45deg); -ms-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); margin-bottom: -7px; background: var(--white); border-top: 1px solid var(--green); border-left: 1px solid var(--green); }
.dropdown--bx:hover .dropdown--menu { opacity: 1; -webkit-transform: translateX(-50%) translateY(0px); -ms-transform: translateX(-50%) translateY(0px); transform: translateX(-50%) translateY(0px); pointer-events: auto; }
.header .navbar--nav li .dropdown--menu a:before { bottom: 0px; }
.dropdown--bx .dropdown--item { cursor: auto; }

.header .hamburger--div { display: none; flex-direction: column; gap: 5px; justify-content: center; margin-left: 15px; }
.header .hamburger--div span { width: 30px; height: 1px; background: var(--white); }
.header .hamburger--div span:nth-child(2) { width: 25px; }

.navbar--cont .close--icon { width: 40px; padding: 12px; position: absolute; right: 10px; top: 10px; display: none; align-items: center; cursor: pointer; }
.navbar--cont .close--icon .svg { height: auto; width: 100%; object-fit: contain; }

/* ========================== HOME PAGE ========================== */
/* BANNER */
.home--banner--space { width: 100%; height: 100vh; position: relative; }
.home--banner { position: fixed; top: 0px; left: 0px; width: 100%; height: 100vh; overflow: hidden; z-index: 1;  }
.home--banner .banner--slider .swiper-slide .bg { width: 100%; height: 100vh; position: relative; }
.home--banner .banner--slider .swiper-slide .bg img { transition: all 1.5s; transform: scale(1.3); }
.home--banner .banner--slider .swiper-slide.swiper-slide-active .bg img { transform: scale(1); }
.home--banner .banner--slider .swiper-slide .bg::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 25%,rgba(0,0,0,0.8) 90%,rgba(0,0,0,0.8) 100%); }

.home--banner .banner--logo-icon { width: 840px; height: auto; text-align: center; overflow: hidden; position: absolute; right: -240px; bottom: -200px; z-index: 111; }
.home--banner .banner--logo-icon img { width: 95%; height: auto; object-fit: contain; }

.home--banner:before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 40%; ; z-index: 11; background: linear-gradient(to bottom,  rgba(0,0,0,0.85) 0%,rgba(0,0,0,0) 100%); pointer-events: none; }
.home--banner .banner--slider .swiper-slide .bg:after, .home--banner .banner--slider .banner--video:after  { content: ""; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 60%; z-index: 1; background: linear-gradient(to top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); pointer-events: none; }

.home--banner .banner--slider { position: relative; height: 100%; }
.home--banner .banner--slider .banner--content { position: absolute; bottom: 100px; left: 0px; width: 100%; z-index: 11; }
.home--banner .banner--slider .banner--content .hero--1 { color: var(--white); margin-bottom: var(--gap-md); }
.home--banner .banner--slider .banner--content p { color: var(--white); margin-bottom: var(--gap-xl); font-size: 34px; font-weight: 300; }
.home--banner .banner--slider .banner--content .read--more:hover span { color: var(--white); text-decoration-color: var(--white); }
.home--banner .banner--slider .banner--content .read--more:hover .svg line { stroke: var(--white); }

.home--banner .banner--slider .banner--video { width: 100%; height: 100%; position: relative; }
.home--banner .banner--slider .banner--video video { width: 100%; height: 100%; object-fit: cover;  }

.banner--thumbnail--section { position: absolute; bottom: 0px; width: 100%; z-index: 111; display: none; }
.banner--thumbnail--section .banner--thumb { padding-top: 5px; }
.banner--thumbnail--section .banner--thumb .swiper-slide { cursor: pointer; padding: 20px 27px 20px 27px; position: relative; border-top: 1px solid rgba(255,255,255,0.5) } 
.banner--thumbnail--section .banner--thumb .swiper-slide:after { content: ""; position: absolute; right: 0px; height: 60px; top: 35px; width: 0.5px; background: rgba(255,255,255,0.5); }
.banner--thumbnail--section .banner--thumb:after { content: ""; position: absolute; left: 0px; height: 60px; top: 35px; width: 0.5px; background: rgba(255, 255, 255, 0.5); }
.banner--thumbnail--section .banner--thumb .swiper-slide span  { color: rgba(255,255,255,0.7); font-size: 19px; line-height: 1.2; font-weight: 300; transition: var(--all-medium); font-family: var(--noir-pro); margin-bottom: 5px; display: flex; }
.banner--thumbnail--section .banner--thumb .swiper-slide p  { margin-bottom: 0px; color: rgba(255,255,255,0.75); font-size: 16px; font-weight: 300; transition: var(--all-medium); line-height: 1.2; }
.banner--thumbnail--section .banner--thumb .swiper-slide:before { content: ""; position: absolute; top: -3px; left: 0px; width: 0px; height: 6px; background: var(--white); transition: var(--all-slow); }
.banner--thumbnail--section .banner--thumb .swiper-slide.swiper-slide-thumb-active p, .banner--thumbnail--section .banner--thumb .swiper-slide.swiper-slide-thumb-active span { color: rgba(255,255,255,0.4); }
.banner--thumbnail--section .banner--thumb .swiper-slide.swiper-slide-thumb-active:before { width: 100%; }

.banner--thumbnail--section .prev, .banner--thumbnail--section .next { opacity: 0; pointer-events: none; display: flex; align-items: center; justify-content: center; position: absolute; top: 50%; transform: translateY(-50%); z-index: 10;color: #fff; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; border-radius: 4px; cursor: pointer; user-select: none; }
.banner--thumbnail--section .prev img, .banner--thumbnail--section .next img { width: 7px; height: auto; object-fit: contain; }
.banner--thumbnail--section .prev { left: 10px; }
.banner--thumbnail--section .next { right: 10px; }

/* HOME ABOUT SECTION */
.home--about--sec { position: relative; overflow: hidden; background: var(--white); }
.home--about--sec .group--img--list { display: flex; gap: 25px; margin-top: calc(var(--gap-xxxl)* 1.5); position: relative; }
.home--about--sec .group--img--list li { flex: 1; }
.home--about--sec .group--img--list li .img--bx { overflow: hidden; aspect-ratio: 0.8; }
.home--about--sec .group--img--list li .img--group .img--bx { aspect-ratio: 1.2; }
.home--about--sec .group--img--list li:last-child { width: 400px; flex: 0 0 auto; }
.home--about--sec .group--img--list li:first-child { width: 400px; flex: 0 0 auto; display: flex; flex-direction: column;  justify-content: flex-end; }
.home--about--sec .group--img--list li .img--group { display: flex; width: 100%; row-gap: 25px; flex-direction: column; }

.home--about--sec .logo--icon2 { position: absolute; right: 150px; width: 620px; bottom: -220px; height: auto; }
.home--about--sec .logo--icon2 img { width: 100%; height: auto; }

.home--about--sec .about--bg { display: none; width: 1000px; height: auto; position: absolute; left: 0px; top: 0px; z-index: -1; pointer-events: none; }
.home--about--sec .about--bg img { width: 100%; height: auto; }

.home--about--sec .h3, .company--group .h3, .market--sec .h3, .esg--sec .h3 { margin-bottom: var(--gap-xl); }
.market--sec p:last-child { margin-bottom: 0px; }

.company--list--sec { display: grid; grid-template-columns: repeat(3, 1fr); gap: 50px; }
.company--list--sec { margin-bottom: var(--gap-xxl); }
.company--info--bx { display: flex; }
.company--info--bx .comp--icon { width: 70px; height: auto; margin-right: 30px; flex: 0 0 auto; }
.company--info--bx .comp--text { flex: 1; }
.company--info--bx img { width: 100%; height: auto; object-fit: contain; }
.company--info--bx .comp--text .comp--title { font-size: 26px; margin-bottom: var(--gap-sm); font-weight: 300; font-family: var(--noir-pro); }
.company--info--bx .comp--text p { margin-bottom: var(--gap-sm); }
.company--group > .company--list--sec:last-child { margin-bottom: 0px; }
.company--group .h2 { margin-bottom: var(--gap-lg); }
.company--group { background: var(--white); }
.company--group p:last-child { margin-bottom: 0px; }

.investment--list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 35px; }
.investment--bx { display: flex; flex-flow: column wrap; position: relative; height: 100%; min-height: 280px; border:1px solid rgba(0,0,0,0.30); padding: var(--gap-xxl) var(--gap-xxl); overflow: hidden; border-radius: 5px; align-items: center; text-align: center; justify-content: center;  }
.investment--bx .bg--img { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: -1; transition: var(--all-slow); opacity: 0; transform: scale(1.05); }
.investment--bx .bg--img:before { content: ""; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 100%; background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.40) 67%,rgba(0,0,0,0.7) 100%) }
.investment--bx .invest--icon { width: 80px; height: auto; margin-bottom: var(--gap-lg); display: flex; transition: var(--all-medium); }
.investment--bx .invest--icon img { width: 100%; height: auto; object-fit: contain; }
.investment--bx .invest--title { font-size: 28px; margin-bottom: var(--gap-lg); font-weight: 300; transition: var(--all-medium); }
.investment--bx .h5:last-child { margin-bottom: 0px; }
.investment--bx p { margin-bottom: var(--gap-lg); transition: var(--all-medium); }
.investment--bx:hover .bg--img { transform: scale(1); opacity: 1; }
.investment--bx:hover p, .investment--bx:hover .invest--title { color: var(--white); }
.investment--bx:hover .read--more { color: var(--white); text-decoration-color: var(--white); }
.investment--bx:hover .invest--icon { opacity: 0; }
.investment--section .h3 { margin-bottom: var(--gap-lg); }
.investment--section .decr { margin-bottom: var(--gap-xxl); }

.company--group .investment--bx:hover .invest--icon { opacity: 1; }
.company--group .investment--bx:hover p, .company--group .investment--bx:hover .invest--title { color: var(--black); }

.insight--section .btn--grp { text-align: right; }
.insign--bx { position: relative; height: 100%; width: 100%; min-height: 500px; padding: 20px; overflow: hidden; }
.insign--bx .insignt--img { width: calc(100% + 50px); height: 100%; position: absolute; top: 0px; left: 0px; z-index: -1; transition: var(--all-medium); }
.insign--bx:hover .insignt--img { transform: translateX(-50px); }
.insign--bx .link--arrow { position: absolute; bottom: 20px; right: 20px; }
.insign--bx .link--arrow { width: 35px; height: 35px; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: var(--all-medium); }
.insign--bx .link--arrow .svg { width: 20px; height: auto; object-fit: contain; }
.insign--bx .link--arrow svg line { stroke: var(--white); transition: var(--white); }
.insign--bx:hover .link--arrow svg line, .link--arrow:hover svg line { stroke: var(--green); }
.insign--bx:before { content: ""; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 100%; background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.30) 67%,rgba(0,0,0,0.5) 100%); z-index: 0; }
.insign--bx .insight--text { position: relative; z-index: 1; width: 100%; display: flex; justify-content: flex-end; flex-direction: column; }
.insign--bx .insight--text .insight--date { color: var(--white); font-size: 16px; display: flex; font-family: var(--TTCommon); font-weight: 300; margin-bottom: var(--gap-sm); }
.insign--bx .insight--text .insight--title { color: var(--white); font-size: 40px; font-weight: 300; }

.insight--thumb  { width: 100%; height: 100%; min-height: 280px; display: flex; padding: 15px; border: 10px solid var(--green); flex-direction: column; justify-content: space-between; position: relative; }
.insight--thumb:before { content: ""; position: absolute; left: -10px; top: -10px; width: 0px; height: 0px; border-top: 10px solid transparent; border-left: 10px solid transparent; background: transparent; transition: var(--all-medium); }
.insight--thumb:after { content: ""; position: absolute; right: -10px; bottom: -10px; width: 0px; height: 0px; border-bottom: 10px solid transparent; border-right: 10px solid transparent; background: transparent;  transition: var(--all-medium); }
.insight--thumb:hover:before, .insight--thumb:hover:after { width: calc(100% + 20px); height: calc(100% + 20px); border-color: #d6d6d6; } 

.insight--thumb .insight--thumb-txt { display: flex; justify-content: space-between; align-items: flex-end; }
.insight--thumb .insight--thumb-txt p { flex: 1; margin-bottom: 0px; font-weight: 400; line-height: 1.1; }
.insight--thumb .insight--thumb-txt .link--arrow { flex: 0 0 auto; }
.insight--thumb .insight--date { font-weight: 300; font-size: 16px; }
.insight--thumb.insight--thumb2 .link--arrow { border-color: var(--black); display: inline-flex;  margin-left: 5px; width: 13px; height: auto; }
.insight--thumb.insight--thumb2 .link--arrow line { stroke: var(--green);  }
.insight--thumb.insight--thumb2 .link--arrow svg path { stroke: var(--black); }
.insight--thumb.insight--thumb2:hover .link--arrow svg path { stroke: var(--white); }

.insight--thumb3 { display: flex; max-height: 280px; height: 100%; }
.insight--thumb3 .insight--thumb--left { background: var(--black2); flex: 0 0 50%; height: 100%; display: flex; padding: 20px; justify-content: space-between; flex-direction: column; }
.insight--thumb3 .insight--thumb--left p, .insight--thumb3 .insight--thumb--left .insight--date { color: var(--white); }
.insight--thumb3 .insight--thumb--left p { margin-bottom: 0px; }
.insight--thumb3 .thumb--right--img { flex: 0 0 100%; overflow: hidden; height: 100%; position: relative; }
.insight--thumb3 .thumb--right--img .link--arrow { position: absolute; bottom: 20px; right: 20px; width: 13px; display: flex; }
.insight--thumb3 .thumb--right--img .link--arrow line { stroke: var(--white); }
.row.insight--row2 { --bs-gutter-x: 24px; --bs-gutter-y: 24px; }

.esg--sec, .insight--page--section { background: var(--white); }

/* FOOTER */
footer { position: relative; background: #f0eeee; z-index: 1; }
footer > * { color: var(--white); }
footer .footer--top { padding: var(--gap-xxl) 0px; border-bottom: 1px solid rgba(0,0,0,0.2); margin-bottom: var(--gap-xxl); }
footer .footer--top .get--in--touch--title { color: #464646; font-size: 90px; font-weight: 300; font-family: var(--noir-pro); line-height: 1; margin-bottom: 0px;  }
footer .footer--top .arrow { width: 75px; height: auto; margin-left: auto; display: flex; align-items: center; }
footer .footer--top .arrow:hover svg path { fill: var(--green); }
footer .footer--top .arrow svg { height: auto; width: 100%; }
footer .footer--top .arrow svg path { transition: var(--all-medium); }
footer .footer--logo { display: flex; width: 160px; height: auto; margin-bottom: var(--gap-lg); }
footer .footer--logo img { width: 100%; height: auto; }
footer .footer--div .footer--title { color: #252525; font-size: 18px; letter-spacing: 1px; margin-bottom: var(--gap-lg); font-weight: 300; font-family: var(--noir-pro); text-transform: uppercase; }
footer .footer--div .footer--link li a, footer .footer--div .footer--link li, footer .footer--div p { color: rgba(0,0,0,0.8); font-family: var(--TTCommon); font-weight: 300; font-size: 18px; line-height: 1.2; }
footer .footer--div .footer--link li, footer .footer--div p { margin-bottom: var(--gap-sm); }
footer .footer--decr--txt { width: 70%; }
.download-btn .svg { width: 14px; margin-left: 8px; }
.btn.download-btn span { font-size: 16px; }
.btn.download-btn { margin-top: var(--gap-md); }

.footer--link li a { position: relative; }
.footer--link li a:before { content: ""; position: absolute; bottom: -3px; left: 0px; width: 0px; height: 1px; background: var(--green); transition: var(--all-medium); }
.footer--link li a:hover:before { width: 100%; }

.social--links { display: flex; align-items: center; justify-content: flex-start; margin-top: var(--gap-lg); }
.social--links li a { width: 30px; height: 30px; display: flex; justify-content: flex-start; align-items: center; margin-right: 8px; }
.social--links li a img { width: auto; height: 20px; transition: var(--all-medium); }
.social--links li a:hover img { transform: scale(1.1); opacity: 0.9; }

.footer--bottom1 { padding: var(--gap-lg) 0px; margin-top: var(--gap-xxl); border-top:  1px solid rgba(0,0,0,0.1); border-bottom:  1px solid rgba(255,255,255,0.5); }
.footer--bottom2 { padding: var(--gap-lg) 0px; }
.footer--bottom1 p, .design--txt p a, .footer--bottom2 p { margin-bottom: 0px; font-size: 15px; color:rgba(0,0,0,0.5); }
.footer--bottom1 .design--txt { text-align: right; }
.footer--bottom1 .design--txt p a { text-transform: uppercase; transition: var(--all-medium); }
.footer--bottom1 .design--txt p a:hover { color: var(--green); }

/* IN PAGE BANNER */
.inbanner--space { position: relative; width: 100%; height: 500px; }
.in--banner { width: 100%; height: 500px; position: fixed; top: 0px; left: 0px; overflow: hidden; z-index: 1; }
.in--banner .h2 { margin-bottom: 0px; }
.in--banner img { width: 100%; height: 100%; object-fit: cover; }
.in--banner:before { pointer-events: none; content: ""; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 100%; background: linear-gradient(to top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0.3) 50%,rgba(0,0,0,1) 100%); opacity: 0.7; z-index: 1;  }
.in--banner:after { pointer-events: none; content: ""; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 100%; background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); opacity: 0.6; }
.no--overlay.in--banner:before, .no--overlay.in--banner:after { display: none; }

.in--banner .in--banner--txt { position: absolute; left: 0px; top: calc(50% + 35px); transform: translateY(-50%); width: 100%; z-index: 11; }
.in--banner .in--banner--txt .h2 { color: var(--white); font-size: 45px;  }

.breadcrump--div { position: absolute; left: 0px; width: 100%; bottom: 30px; z-index: 11; }
.bredcrump { display: flex; flex-wrap: wrap; }
.bredcrump li img { width: 5px; height: auto; margin-left: 8px }
.bredcrump li, .bredcrump li a{ color:rgba(255,255,255,0.5); font-size: 15px; font-family: var(--noir-pro); font-weight: 300; transition: var(--all-medium);  }
.bredcrump li { margin-right: 8px; }
.bredcrump li a:hover { color:var(--green); }
.bredcrump li { color: var(--white); }

/* GROUP COMPANIES DETAIL PAGE */
.company--group .row:not( .company--group .row .row) { --bs-gutter-x: 50px; }
.detail--specifiction--list li .group--info span {  font-size: 20px; display: flex; font-family: var(--noir-pro); font-weight: 300; color: #848484; margin-bottom: var(--gap-sm); }
.detail--specifiction--list li .group--info p:last-child { margin-bottom: 0px; }
.detail--specifiction--list li { border-bottom: 1px solid #cfcfcf; padding-bottom: 20px; margin-bottom: 20px; }
.detail--specifiction--list li:last-child { border-bottom: 0px; padding-bottom: 0px; margin-bottom: 0px; }
.detail--specifiction--list li:nth-child(even) { padding-left: 20px; }
.company--group .img--bx { margin-top: var(--gap-xl); }

/* ABOUT US PAGE */
.why--section { background: var(--black2); }
.why--info .why--title--grp { display: block; margin-bottom: calc(var(--gap-xl) *1.8); }
.why--info .why--title--grp span { font-size: 70px; line-height: 1.4; font-weight: 300; font-family: var(--noir-pro); color: rgba(255,255,255,0.5); display: block; }
.why--info .why--title--grp span:last-child { color: rgba(255,255,255,1) }
.why--info .why--list li .why--bx { width: 100%; height: 100%; position: relative; border-bottom: 1px solid #525050; padding-bottom: var(--gap-xl); }
.why--info .why--list li { margin-bottom: var(--gap-xl); }
.why--info .why--list li .why--bx .why--title {  font-size: 30px; color: var(--white); font-family: var(--TTCommon); font-weight: 300; margin-bottom: var(--gap-lg); }
.why--info .why--list li .why--bx p { color: #A1A1A1; }
.why--info .why--list li .why--bx p:last-child { margin-bottom: 0px; }
.why--info .why--list li:last-child, .why--info .why--list li:nth-last-child(2) { margin-bottom: 0px; }
.why--info .why--list li:last-child .why--bx, .why--info .why--list li:nth-last-child(2) .why--bx { border-bottom: 0px; padding-bottom: 0px; }

.mission--section .container-fluid { width: 100%; max-width: 100%; }
.mission--section ul li .mission--bx { padding: 100px 110px; height: 100%; background: #F6F6F6; display: flex; flex-direction: column; justify-content: center; }
.mission--section ul li .mission--bx .h2 { color: var(--black2); font-size: 40px; margin-bottom: var(--gap-lg); }
.mission--section ul li .mission--bx p:last-child { margin-bottom: 0px; }
.mission--section ul li { border-bottom: 1px solid #D3D2D0; border-right: 1px solid #D3D2D0; }

.value--list { margin-top: var(--gap-md); }
.value--list li .value--bx { padding: var(--gap-sm) var(--gap-lg); }
.value--list li:first-child .value--bx { padding-left: 0px; }
.value--list li:last-child .value--bx { padding-right: 0px; }
.value--list li { border-right: 1px solid #D3D2D0; }
.value--list li:last-child { border-right: 0px; }
.value--list li .value--bx .value--icon { display: flex; height: 50px; width: auto; margin-bottom: var(--gap-md); }
.value--list li .value--bx .value--icon img { width: auto; height: 100%; object-fit: contain; }
.value--list li .value--bx .h4 { margin-bottom: var(--gap-sm); font-size: 30px; }
.value--list li .value--bx p:last-child { margin-bottom: 0px; }

.ceo--info .h4 { margin-bottom: var(--gap-sm); }
.ceo--info .ceo--name--grp .h3 { margin-bottom: var(--gap-sm); }
.ceo--info .ceo--name--grp p { margin-bottom: 15px; }
.ceo--section .row { --bs-gutter-x: 50px; }
.ceo--section { display: none; }

.mission--section .mission--img { height: 100%; }

.team--list { display: grid; grid-template-columns: repeat(3,1fr); gap: 40px 30px; margin-top: var(--gap-lg); }
.team--list li .team--img { aspect-ratio: 0.9; overflow: hidden; margin-bottom: var(--gap-md); }
.team--list li .team--info .h4 { font-size: 26px; margin-bottom: var(--gap-sm); line-height: 1.1; }
.team--list li .team--info p:last-child { margin-bottom: 0px; }

.team--section .h3 { margin-bottom: calc(var(--gap-md) * 1); }

/* INSIGHT PAGE */
.news--banner.no--overlay.in--banner:before { display: block; }
.insight--page--section .h3 { margin-bottom: var(--gap-xl); }
.insight--page--section .insight--list { display: grid; grid-template-columns: repeat(3,1fr); gap: 30px; margin-top: var(--gap-xxxl); }
.insight--page--section .insign--bx { height: 100%; min-height: 400px; }
.insight--list .insign--bx .link--arrow { width: 30px; height: 20px; bottom: 0px; right: 0px; }
.insight--list .insign--bx .insight--text { padding-right: 30px; }

.pagination { display: flex; align-items: center; }
.pagination .no a { width: 30px; height: 30px; border-radius: 5px; transition: var(--all-medium); display: flex; align-items: center; justify-content: center; }
.pagination .no a:hover, .pagination .no a.active { background:#666666; color: var(--white); }
.pagination li a { font-size: 16px; color: var(--black); display: flex; align-items: center; margin: 0px 10px; }
.pagination li.prev--btn a img { margin-right: 10px; width: 8px; }
.pagination li.next--btn a img { margin-left: 10px; width: 8px; }

.insight--footer { display: none; align-items: center; justify-content: space-between; margin-top: calc(var(--gap-xxl) * 1.5); }
.insight--footer .page--no, .insight--footer .page--no span  { margin-bottom: 0px; font-size: 16px; color: #666666; font-weight: 300; }

/* COMPLIANCE PAGE */
.compliance--list li { display: flex; margin-bottom: var(--gap-xxl); }
.compliance--list li:last-child { margin-bottom: 0px; }
.compliance--list li .h4 { margin-bottom: 0px; width: 400px; flex: 0 0 auto; }
.compliance--list li p:last-child { margin-bottom: 0px; }

/* CONTACT PAGE */
.contact--section { background: var(--white); }
.contact--section .map--div { width: 100%; height: auto; }
.contact--section .map--div iframe { width: 100%; }
.contact--section .row { --bs-gutter-x: 50px; }
.contact--section .contact--info .h4 { font-size: 30px; margin-bottom: var(--gap-lg); color: #231F20; }
.contact--section .contact--info .contact--addre li, .contact--section .contact--info .contact--addre li a, .contact--section .contact--info .contact--addre li span { display: flex; align-items: center; font-size: 20px; font-weight: 300; font-family: var(--TTCommon); }
.contact--section .contact--info .contact--addre li a img { width: 20px; height: auto; object-fit: contain; margin-right: 15px; }
.contact--section .contact--info .contact--addre { display: block; }
.contact--section .contact--info .contact--addre li { margin-bottom: 10px; display: block; }
.contact--section .contact--info .contact--addre li a span { position: relative; transition: var(--all-medium); }
.contact--section .contact--info .contact--addre li a span:before { display: inline-flex; content: ""; position: absolute; left: 0px; bottom: 1px; width:0px; height: 1px; background: var(--green); transition: var(--all-medium); }
.contact--section .contact--info .contact--addre li a:hover span:before { width: 100%; }
.contact--section .contact--info .contact--addre li:first-child { flex: 0 0 100%; width: 100%; }
.contact--form .btn { margin-top: var(--gap-xxl); }
.contact--form .h2 { margin-bottom: var(--gap-xxl); text-align: center; }

/* CAREER PAGE */
.carrer--section { background: var(--white); }
.carrer--section .row { --bs-gutter-x: 60px; }
.carrer--section .img--bx { min-height: 400px; height: calc(100% - 70px); margin-top: 70px; }
.carrer--section .carrer--info .h4 { margin-bottom: var(--gap-md);  }
.career--feature--list li { padding: var(--gap-xxl) 0px; border-top: 1px solid #d5d3d3; }
.career--feature--list li:last-child { border-bottom: 1px solid #d5d3d3; }
.career--feature--list li .carrer--bx { align-items: center; }
.career--feature--list li .carrer--bx .h4 { margin-bottom: 0px; }
.career--feature--list li .carrer--bx p:last-child { margin-bottom: 0px; }
.career--feature--list li .carrer--bx .carrer--icon { width: 85px; height: auto; display: flex; margin: auto; }
.career--feature--list li .carrer--bx .carrer--icon img { width: 100%; height: auto; object-fit: contain; }

.apply--form .h2 { text-align: center; margin-bottom: var(--gap-xxl); }

.file--container { position: relative; margin-bottom: 25px; cursor: pointer; }
.file--container .wpcf7-form-control-wrap { position: absolute; width: 100%; height: 50px; left: 0px; top: 0px; cursor: pointer; }
.file--container label { font-size: 16px; color: rgba(255, 255, 255, 0.5); display: flex; width: 100%; position: static; cursor: pointer; }
.file--container .wpcf7-file { opacity: 0; position: absolute; z-index: 1; width: 100%; height: 100%; cursor: pointer; }
.file--container .wpcf7 input[type="file"] { cursor: pointer; }
.file--container #custom-button { display: flex; align-items: center; width: 100%; }
.file--container .headerfileupload { width: 100%; height: auto; font-size: 18px; color: rgba(0, 0, 0, 0.5); font-weight: 300; cursor: pointer; }
.file--container .headerfileupload img { width: 15px; height: auto; object-fit: contain; margin-right: 10px; }
.career--feature--list li .carrer--bx .carrer--icon { width: 70px; }

/* SUSTANIBILTY PAGE */
.sustanability--growth { position: relative; padding: 100px 0px 300px 0px; }
.sustanability--growth .bg--image { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: -1 }
.sustanability--growth .bg--image:before { pointer-events: none; content: ""; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 100%; background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(0,0,0,0.3) 50%,rgba(0,0,0,1) 100%); opacity: 0.3 ;  }
.sustanability--growth .bg--image:after { pointer-events: none; content: ""; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 100%; background: linear-gradient(175deg,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); opacity: 0.3; }
.sustanability--growth .info p { color: var(--white); }
.sustanability--growth .info > p { padding-top: 20px; border-top: 1px solid var(--white); }

.commitments--section .container-fluid { max-width: 100%; width: 100%; }
.commitments--section .card--row1 .img--bx { width: 100%; height: 100%; }
.commitments--section .card--row1 .comitment--info { width: 100%; height: 100%; padding: 80px; border-bottom: 1px solid #DEDEDE; display: flex; flex-direction: column; justify-content: center; }
.commitments--section .card--row1 .comitment--info .h4 { margin-bottom: var(--gap-lg); }
.commitments--section .card--row1 .comitment--info p:last-child { margin-bottom: 0px; }

.env--efforts--section .project--rows li .project--bx { display: block; }
.env--efforts--section .project--rows li .project--bx .img--bx { margin-bottom: var(--gap-md); overflow: hidden; }
.env--efforts--section .project--rows li .project--bx .img--bx img { transition: var(--all-medium); }
.env--efforts--section .project--rows li .project--bx:hover .img--bx img { transform: scale(1.05); } 
.env--efforts--section .project--rows li .project--bx p:last-child { margin-bottom: 0px; }
.env--efforts--section .project--rows { margin-top: var(--gap-lg); }

.community--section p:last-child { margin-bottom: 0px; }
.community--img--list { display: flex; gap: 1px; margin-bottom: var(--gap-xl); }
.community--img--list li { flex: 1; overflow: hidden; aspect-ratio: 1; }
.community--img--list li img { transform: scale(1.01); }

/* INVESTMENT PAGE */
.investment--focus--sec { background: #f2f2f2; }
.investment--focus--sec .bg--image { position: absolute; top: 0px; left: 0px; z-index: 0; width: 100%; height: 100%; }
.investment--focus--sec .container { position: relative; z-index: 1; }
/* .invest--info--grp > * { color: var(--white); } */
.invest--info--grp p:last-child { margin-bottom: 0px; }
.invest--info--grp .feature--list--title { margin-bottom: 10px; }

.investment--focus--sec .h3 { margin-bottom: var(--gap-lg); }
.investment--focus--sec .p1 { margin-bottom: var(--gap-xxl); }

.list { padding-left: 20px; margin-bottom: var(--gap-lg); }
.list li { font-size: 20px; line-height: 1.2; font-weight: 300; font-family: var(--TTCommon); margin-bottom: 5px; list-style-type: disc; list-style-position: outside; }

.sector--of--investment, .goals--section { padding-top: calc(var(--gap-xxl)* 2); }
.sector--of--investment .container-fluid { max-width: 100%; }
.sector--of--investment .sector--bx { display: block; position: relative; overflow: hidden; }
.sector--of--investment .sector--bx img { transition: var(--all-medium); width: calc(100% + 50px); }
.sector--of--investment .sector--bx:hover img { transition: var(--all-medium); transform: translateX(-50px); }
.sector--of--investment .sector--bx .overlay--txt { width: 100%; height: 100%; top: 0px; left: 0px; padding: var(--gap-md); display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.25); position: absolute; }
.sector--of--investment .sector--bx .overlay--txt .h2 { color: var(--white); margin-bottom: 0px; }

.shaping--future--sec { padding: 150px 0px; }
.shaping--future--sec .row { --bs-gutter-x: 60px; }
.shaping--future--sec .bg--image:before { pointer-events: none; content: ""; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 1 ;  }

.investment--criteria .row { --bs-gutter-x: 40px; }
.investment--criteria .bg--image { position: relative; padding: 100px 0px 100px 0px; overflow: hidden; margin-bottom: var(--gap-xxl);  }
.investment--criteria .bg--image img { width: 100%; height: 100%; position: absolute; left: 0px; bottom: 0px; }
.investment--criteria .bg--image .h3 { color: var(--black2); margin-bottom: 0px; }

.value--creation--sect .invest--info--grp .h4 { margin-bottom: var(--gap-xl); }
.value--creation--sect .feature--list--title { margin-bottom: var(--gap-md); font-size: 26px; }

.commitments--section.goals--section .card--row1 .comitment--info { border-top: 1px solid #DEDEDE; }

.wpcf7-not-valid-tip { font-size: 14px; }

 /* insight detail page */
.news--detail--banner { background: var(--green); }
.insight--detail { background: var(--white); }
.insight--detail h1, .insight--detail h2, .insight--detail h3, .insight--detail h4, .insight--detail h5, .insight--detail h6 {  font-size: 38px; font-weight: 300; font-family: var(--noir-pro); margin-top: 40px; margin-bottom: 20px;  }
.insight--detail :is(h1, h2, h3, h4, h5, h6):first-of-type { margin-top: 0px; }
.insight--detail ul li, .insight--detail ol li,.insight--detail p,.insight--detail p span,.insight--detail a { font-size: 20px; color: var(--black); font-weight: 300;  }
.insight--detail p { margin-bottom: 12px; }
.insight--detail ul,  .insight--detail ol { margin-bottom: 20px; }
.insight--detail ul li, .insight--detail ol li { margin-bottom: 3px; list-style-type: disc; list-style-position: outside; }
.insight--detail ul li:last-child, .insight--detail ol li:last-child { margin-bottom: 0px; }
.insight--detail ul li b, .insight--detail p b, .insight--detail strong { font-weight: 400; } 
.insight--detail ul, .insight--detail ol { padding-left: 20px; }

/* New section */
.card--section { background: #f9f9f9; overflow: hidden; }
.card--section .row { --bs-gutter-x: 60px; } 
.card--section.bg--white { background: var(--white); }
.card--section .row { --bs-gutter-x: 70px; }
.card--section .img--bx img { width: 100%; height: auto }
.card--section2 .img--bx { margin-top: 100px; height: auto; }
.card--section2 .h3 { margin-bottom: var(--gap-xl); }

.card--section .logo--icon { position: absolute; bottom: -140px; right: 0px; width: 620px; z-index: 1; opacity: 0.2; overflow: hidden; }
.card--section .logo--icon svg { width: 100%; height: auto;  overflow: hidden; margin-left: 182px; }
.card--section .logo--icon svg path { fill: var(--green); }

.card--section .logo--icon2 { position: absolute; bottom: -140px; left: 0px; width: 620px; z-index: 1; opacity: 0.2; overflow: hidden; }
.card--section .logo--icon2 svg { width: 100%; height: auto; margin-left: -182px; }
.card--section .logo--icon2 svg path { fill: var(--green); }

.wpcf7-form-control-wrap { width: 100%; }
.wpcf7-form-control-wrap .wpcf7-tel { padding-left: 15px; }
.form-group.phone-number { position: relative; }
.phone-number .phoneclass { position: absolute; left: 0px; height: 100%; padding-top: 1px; }

/* 404 page */
/* .error-header { position: absolute; top: 0px; left: 0px; background: #9c9c9c; width: 100%; height: 90px; }
.error--bx { padding: 200px 0px 200px 0px; position: relative; overflow: hidden; }
.error--bx--in { position: relative; text-align: center; padding-top: 0px; }
.error--bx--in .error--no { font-size: 350px; font-family: var(--TTCommon); color: rgba(0,0,0,0.90); font-weight: 400; line-height: 1; margin-bottom: 0px; }
.error--description { width: 100%; text-align: center; }
.error--description p { font-size: 26px; font-weight: 500; color: #333; }

.error--bx .logo--icon2 { width: 700px; height: 700px; position: absolute; left: -150px; bottom: -200px; z-index: 0; opacity: 0.3; }
.error--bx .logo--icon2 svg { width: 100%; height: 100%; }
.error--bx .logo--icon2 svg path { fill: var(--green); } */

/* 404 PAGE */
.error-header { position: absolute; top: 0px; left: 0px; background: #424242; width: 100%; height: 91px; z-index: 11; }
.not-found { width: 100%; min-height: 90vh; display: flex; flex-flow: row wrap; align-items: center; padding: 80px 0; text-align: center; background: #fff url(../images/404-bg.webp) no-repeat center center; background-size: cover; background-attachment: fixed; }
.not-found .title { font-size: 36px; font-weight: 600; margin-bottom: 20px; color: var(--black); }
.not-found p { text-align: center; font-size: 18px; font-weight: 400; margin-bottom: 20px; color:var(--black); }
.not-found .subtitle { font-size: 180px; font-weight: 400; line-height: 1; margin-bottom: 0px; color: var(--green); background: transparent; }

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { margin: 25px 0 0px 0!important; width: 98%; font-size: 16px; padding: 12px 12px; border-width: 1px; }