@charset "utf-8";
:root {
/* COLOR VARIABLES */
--white: 255 255 255;
--black: 0 0 0;
--primary-color: 36 26 63;
--secondary-color: 117 100 171;
--tertiary-color: 123 195 236;
--gray-1: 235 235 235;

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

/* GAP */
--gap-xs: 8px;
--gap-sm: 16px;
--gap-md: 24px;
--gap-lg: 32px;
--gap-xl: 40px;
--gap-xxl: 48px;
--gap-xxxl: 56px;

/* FONT FAMILY */
--primary-font: "Jost", sans-serif;
--secondary-font: "Inter", 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(--primary-font); font-weight: 300; line-height: 150%; color: inherit; color: rgb(var(--black) / 100%); }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: var(--primary-font); }
input, input:focus, textarea, textarea:focus, .form-control, .form-control:focus { -webkit-box-shadow: none; box-shadow: none; outline: none; background: transparent; color: rgb(var(--black) / 70%); }
.btn:focus { -webkit-box-shadow: none; box-shadow: none; }
*, a, 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: 18px; line-height: 140%; width: 100%; position: relative; font-weight: 300; font-family: var(--primary-font); 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.show { opacity: 1; }
body p { font-size: 18px; line-height: 140%; color: rgb(var(--black) / 80%); margin-bottom: calc(var(--gap-xl) / 2); font-weight: 300; font-family: var(--secondary-font); }

.no-scroll { overflow: hidden; }
section { overflow: hidden; }

hr { border-top: 1px solid rgb(var(--black) / 10%); }

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

::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 3px rgb(var(--white) / 80%); box-shadow: inset 0 0 3px rgb(var(--white) / 80%); }
::-webkit-scrollbar-thumb { background-color: rgb(var(--primary-color) / 100%); -webkit-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; }

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

@media screen and (min-width: 1600px) {
.container { max-width: calc(100% - 200px); position: relative; z-index: 1; }
}

.form-control::-webkit-input-placeholder { color: rgb(var(--black) / 80%); font-size: 14px; }
.form-control::-moz-placeholder { color: rgb(var(--black) / 80%); font-size: 14px; }
.form-control:-ms-input-placeholder { color: rgb(var(--black) / 80%); font-size: 14px; }
.form-control::-ms-input-placeholder { color: rgb(var(--black) / 80%); font-size: 14px; }
.form-control::placeholder { font-size: 14px; -webkit-transition: var(--all-fast); -o-transition: var(--all-fast); font-weight: 400; transition: var(--all-fast); color: rgb(var(--black) / 80%); font-family: var(--primary-font); }

/* Firefox */
input[type=number] { -moz-appearance: textfield; }
.form-control { font-weight: 400; }
.img-box, .video--box { 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; }
img, video, svg { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }

#smooth-content { position: relative; }

.loader { background: #0D0D0D; position: fixed; left: 0; top: 0; width: 100%; height: 100vh; 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; z-index: 9; --banner-scroll-count: 1; overflow: hidden; }
.loader .logo-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; z-index: 1; width: 200px; height: 6px; border: 1px solid #fff; border-radius: 10px; overflow: hidden; }
.loader .icon { width: 0; height: 100%; background: #fff; }
.loader .company-name { width: 0; }
.loader .company-name img { width: 100%; opacity: 0; }

.mask { position: absolute; width: 100%; height: 80%; -webkit-mask-image: url(../images/icons/mig_logo_icon_white.svg); -webkit-mask-repeat: no-repeat; -webkit-mask-position: 50% 50%; z-index: 2; -webkit-mask-size: auto calc(50% * var(--banner-scroll-count)); opacity: 0; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; }
.mask img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; display: none; }
.mask video { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.loader.loaded .mask { -webkit-transition: all 0.1s; -o-transition: all 0.1s; transition: all 0.1s; }

.scroll-info { position: absolute; left: 0; bottom: 60px; width: 100%; padding: 20px 0 40px; text-align: center; opacity: 0; z-index: 2; }
.scroll-info h3 { color: rgba(255,255,255,0.5); text-align: center; font-size: 14px; font-weight: 300; font-family: 'Noto Sans', sans-serif; letter-spacing: 3px; text-transform: uppercase; margin-top: 20px; }
.scroll-info .circle { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; position: relative; }
.scroll-info .circle .line { display: block; width: 2px; height: 60px; border-radius: 5px; position: absolute; left: calc(50% - 1px); top: 0; -webkit-transform: translateY(calc(-50% + -10px)); -ms-transform: translateY(calc(-50% + -10px)); transform: translateY(calc(-50% + -10px)); opacity: 0.5; overflow: hidden; }
.scroll-info .circle .line::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(255,255,255,0)),color-stop(35%, rgba(255,255,255,1)),color-stop(50%, rgba(255,255,255,1)),color-stop(65%, rgba(255,255,255,1)),to(rgba(255,255,255,0))); background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 35%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 65%,rgba(255,255,255,0) 100%); background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 35%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 65%,rgba(255,255,255,0) 100%); -webkit-animation: scroll ease 4s infinite forwards; animation: scroll ease 4s infinite forwards; }
.scroll-info svg { opacity: 0.5; }

@-webkit-keyframes scroll {
0% { -webkit-transform: translateY(-40px); transform: translateY(-40px); opacity: 1; }
30% { opacity: 1; }
100% { -webkit-transform: translateY(40px); transform: translateY(40px); opacity: 0; }
}

@keyframes scroll {
0% { -webkit-transform: translateY(-40px); transform: translateY(-40px); opacity: 1; }
30% { opacity: 1; }
100% { -webkit-transform: translateY(40px); transform: translateY(40px); opacity: 0; }
}

/* BUTTONS */
.btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; padding: var(--gap-sm) var(--gap-md); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: none; border-radius: 5px; overflow: hidden; }
.btn span { color: rgb(var(--white) / 100%); text-align: center; font-size: 18px; font-weight: 400; line-height: normal; font-family: var(--secondary-font); z-index: 11; position: relative; }

.btn--primary { background: -webkit-gradient(linear, left top, right top, from(#7BC3EC), to(#7564AB)); background: -o-linear-gradient(left, #7BC3EC 0%, #7564AB 100%); background: linear-gradient(90deg, #7BC3EC 0%, #7564AB 100%); position: relative; }
.btn--primary::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, right top, from(#7BC3EC), to(#7564AB)); background: -o-linear-gradient(left, #7BC3EC 0%, #7564AB 100%); background: linear-gradient(90deg, #7BC3EC 0%, #7564AB 100%); z-index: -1; -webkit-transition: var(--all-slow); -o-transition: var(--all-slow); transition: var(--all-slow); }
.btn--primary::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, right top, from(#7564AB),to(#7BC3EC)); background: -o-linear-gradient(left, #7564AB 0%,#7BC3EC 100%); background: linear-gradient(90deg, #7564AB 0%,#7BC3EC 100%); z-index: -1; opacity: 0; -webkit-transition: var(--all-slow); -o-transition: var(--all-slow); transition: var(--all-slow); }
.btn--primary:hover::before { opacity: 0; }
.btn--primary:hover::after { opacity: 1; }

.link--button { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-family: var(--primary-font); font-size: 20px; font-style: normal; font-weight: 400; line-height: normal; -webkit-text-decoration-line: underline; text-decoration-line: underline; -webkit-text-decoration-style: solid; text-decoration-style: solid; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font; background: -webkit-gradient(linear, left top, right top, from(#7564AB), to(#7BC3EC)); background: -o-linear-gradient(left, #7564AB 0%, #7BC3EC 100%); background: linear-gradient(90deg, #7564AB 0%, #7BC3EC 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.link--button::after { content: ''; position: absolute; width: 100%; height: 2px; background: -webkit-gradient(linear, left top, right top, from(#7564AB), to(#7BC3EC)); background: -o-linear-gradient(left, #7564AB 0%, #7BC3EC 100%); background: linear-gradient(90deg, #7564AB 0%, #7BC3EC 100%); bottom: 0px; left: 0; z-index: -1; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.link--button:hover::after { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }

.link--button.white { color: rgb(var(--white) / 100%); font-size: 18px; -webkit-text-fill-color: rgb(var(--white) / 100%); text-decoration: none; }
.link--button.white::after { height: 1px; background: rgb(var(--white) / 100%); }

.link--button.black { color: rgb(var(--black) / 100%); font-size: 18px; -webkit-text-fill-color: rgb(var(--black) / 100%); text-decoration: none; }
.link--button.black::after { height: 1px; background: rgb(var(--black) / 100%); }

/* TITLES */
.h1 { color: rgb(var(--black) / 100%); font-family: var(--primary-font); font-size: 46px; font-weight: 300; line-height: 120%; margin-bottom: var(--gap-lg); }
.h2 { color: rgb(var(--black) / 100%); font-family: var(--secondary-font); font-size: 20px; font-style: normal; font-weight: 300; line-height: 130%; margin-bottom: var(--gap-md); }
.h3 { color: rgb(var(--black) / 100%); font-family: var(--primary-font); font-size: 45px; font-style: normal; font-weight: 300; line-height: 120%; margin-bottom: var(--gap-lg); }
.h4 { color: rgb(var(--black) / 100%); font-family: var(--secondary-font); font-size: 16px; font-style: normal; font-weight: 300; line-height: 130%; margin-bottom: var(--gap-sm); }
.h5 { color: rgb(var(--black) / 100%);  font-family: var(--primary-font); font-size: 24px; font-weight: 300; line-height: 120%; margin-bottom: var(--gap-sm); }
.h6 { color: rgb(var(--black) / 100%); font-family: var(--secondary-font); font-size: 24px; font-weight: 300; line-height: 36px; margin-bottom: var(--gap-lg); }

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

/* FADE ANIMATIONS */
[fade-in-left] {  opacity: 0; -webkit-transform: translateX(-200px); -ms-transform: translateX(-200px); transform: translateX(-200px); }
[fade-in-right] {  opacity: 0; -webkit-transform: translateX(200px); -ms-transform: translateX(200px); transform: translateX(200px); }

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

.form-group { margin-bottom: var(--gap-lg); }
.form-control { width: 100%; padding: 12px 0px; height: 50px; font-size: 16px; font-weight: 400; color: var(--black); line-height: 1.5; border: none; border-bottom: 1px solid rgba(0,0,0,0.2); 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 rgb(var(--primary-color) / 100%); outline: none; -webkit-box-shadow: none; box-shadow: none; }
select.form-control:not([size]):not([multiple]), textarea.form-control { height: auto; }
select.form-control:not([size]):not([multiple]), textarea.form-control { height: auto; }

/* HEADER */

.header { padding-left: 100px; position: fixed; top: 0; left: 0; width: 100%; z-index: 100; background: rgb(var(--primary-color) / 100%); z-index: 3; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.header .logo { width: 220px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.header.show .logo { width: 150px; }

.header .navbar { 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: 0; }
.header .navbar-nav { 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; margin-left: auto; padding-right: var(--gap-md); }
.header .navbar-nav > li { padding: 0 var(--gap-md); position: relative; }
.header .navbar-nav > li > a { color: rgb(var(--white) / 100%); font-size: 14px; font-style: normal; text-transform: uppercase; font-weight: 400; line-height: normal; letter-spacing: 2.52px; padding: var(--gap-sm) 0; position: relative; }
.header .navbar-nav > li > a::after { content: ''; position: absolute; width: 0px; height: 2px; background: -webkit-gradient(linear, left top, right top, from(#7564AB), to(#7BC3EC)); background: -o-linear-gradient(left, #7564AB 0%, #7BC3EC 100%); background: linear-gradient(90deg, #7564AB 0%, #7BC3EC 100%); bottom: 5px; right: 0; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.header .navbar-nav > li > a:hover::after, .header .navbar-nav > li > a.active::after { width: 100%; right: auto; left: 0; }
.header .header--contact { 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: var(--gap-lg) calc(var(--gap-xxl) * 2); z-index: 1; position: relative; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.header .header--contact .svg { width: 16px; aspect-ratio: 1; margin-right: 10px; }
.header .header--contact span { color: rgb(var(--white) / 100%); font-size: 14px; font-style: normal; font-weight: 700; line-height: normal; letter-spacing: 2.52px; }
.header.show .header--contact { padding: var(--gap-md) calc(var(--gap-xxl) * 2); }

.header .header--contact::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, right top, from(#7BC3EC), to(#7564AB)); background: -o-linear-gradient(left, #7BC3EC 0%, #7564AB 100%); background: linear-gradient(90deg, #7BC3EC 0%, #7564AB 100%); z-index: -1; -webkit-transition: var(--all-slow); -o-transition: var(--all-slow); transition: var(--all-slow); }
.header .header--contact::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, right top, from(#7564AB),to(#7BC3EC)); background: -o-linear-gradient(left, #7564AB 0%,#7BC3EC 100%); background: linear-gradient(90deg, #7564AB 0%,#7BC3EC 100%); z-index: -1; opacity: 0; -webkit-transition: var(--all-slow); -o-transition: var(--all-slow); transition: var(--all-slow); }
.header .header--contact:hover::before { opacity: 0; }
.header .header--contact:hover::after { opacity: 1; }

.hamburger--div, .header .navbar .close--btn { display: none; }

/* HOME BANNER */
.banner--section--space { width: 100%; position: relative; z-index: 1; pointer-events: none; }
.banner--section--space .space--1 { width: 100%; height: 100vh; position: relative; z-index: 1; pointer-events: none; }
.banner--section--space .space--2 { width: 100%; height: 100vh; position: relative; z-index: 1; pointer-events: none; }
.home--banner { width: 100%; position: fixed; left: 0; top: 0; z-index: 1; overflow: hidden; -webkit-clip-path: inset(0% 0% 0% 0%); clip-path: inset(0% 0% 0% 0%); }
.home--banner .banner--slider { width: 100%; height: 100%; }
.home--banner .banner--slide .slide--bg { width: 100%; height: 100dvh; display: -webkit-box; display: -ms-flexbox; display: flex; }
.home--banner .banner--slide .banner--content { position: absolute; top: 50%; left: 50%; width: 100%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2; }
.home--banner .banner--slide .banner--content .banner--title { color: rgb(var(--white) / 100%); font-size: 66px; font-weight: 300; line-height: 130%; margin-bottom: var(--gap-xxxl); }

.swiper--button--wrapper { position: absolute; bottom: 100px; right: 100px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: var(--gap-sm); z-index: 2; }
.swiper--button--wrapper .swiper-button-next, .swiper--button--wrapper .swiper-button-prev { width: 50px; height: 50px; aspect-ratio: 1; border: 2px solid rgb(var(--white) / 100%); border-radius: 50%; position: static; padding: var(--gap-md); -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.swiper--button--wrapper .swiper-button-next::after, .swiper--button--wrapper .swiper-button-prev::after { font-size: 12px; color: rgb(var(--white) / 100%); -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }

.home--banner .swiper-pagination { display: -webkit-box; display: -ms-flexbox; display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column wrap; flex-flow: column wrap; left: 100px; bottom: 100px; gap: var(--gap-md); z-index: 2; }
.home--banner .swiper-pagination .swiper-pagination-bullet { width: 20px; height: 1px; background: rgb(var(--white) / 80%); border-radius: 0; opacity: 1; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.home--banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 30px; background: rgb(var(--tertiary-color) / 100%); }


/* HOME ABOUT */
.home--about { width: 100%; position: relative; z-index: 1; padding: calc(var(--gap-xxl) * 3) 0 calc(var(--gap-xxl) * 1.5); }

/* .about--grid { display: -ms-grid; display: grid; -ms-grid-columns: 25% var(--gap-lg) calc(50% - calc(var(--gap-lg) * 2)) var(--gap-lg) 25%; grid-template-columns: 25% calc(50% - calc(var(--gap-lg) * 2)) 25%; -ms-grid-rows: 1fr var(--gap-lg) 1fr; grid-template-rows: repeat(2, 1fr); gap: var(--gap-lg); position: relative; margin-top: var(--gap-xxxl); } */
.about--grid { display: block;}
.about--grid > *:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; }

.about--grid > *:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 3; }

.about--grid > *:nth-child(3) { -ms-grid-row: 1; -ms-grid-column: 5; }

.about--grid > *:nth-child(4) { -ms-grid-row: 3; -ms-grid-column: 1; }

.about--grid > *:nth-child(5) { -ms-grid-row: 3; -ms-grid-column: 3; }

.about--grid > *:nth-child(6) { -ms-grid-row: 3; -ms-grid-column: 5; }
.about--grid .grid--box { background-color: rgb(var(--gray-1) / 100%); border-radius: 20px; padding: var(--gap-lg); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column wrap; flex-flow: column wrap; overflow: hidden; }
.about--grid .grid--box:not(.grid--5)::after { content: ''; position: absolute; top: 0; left: 0; width: 200%; height: 100%; background: -webkit-gradient(linear, left top, right top, from(#7BC3EC), to(#7564AB)); background: -o-linear-gradient(left, #7BC3EC 0%, #7564AB 100%); background: linear-gradient(90deg, #7BC3EC 0%, #7564AB 100%); z-index: -1; -webkit-transition: var(--all-slow); -o-transition: var(--all-slow); transition: var(--all-slow); opacity: 0; }

/* .grid--box--wrapper { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column wrap; flex-flow: column wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } */
.grid--box--wrapper { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column wrap; flex-flow: column wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
.about--grid .grid--5 .grid--box--wrapper { position: relative; background: rgba(255,255,255,0.85); border-radius: 16px; padding: 1.5rem; width: 100%; height: auto; }
.home--about .h6 { margin-bottom: var(--gap-xxl); }
.home--about .row { --bs-gutter-x: 40px; }

.about--grid .icon--box { width: 88px; aspect-ratio: 1; margin-bottom: 1rem; }
.about--grid .icon--box .svg { -webkit-filter: grayscale(0) invert(0) brightness(1); filter: grayscale(0) invert(0) brightness(1); -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }

.about--grid .grid--1 { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 1; grid-row: 1; aspect-ratio: 1.2; display: none; }
.about--grid .grid--2 { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 2; grid-row: 2; aspect-ratio: 1.2; display: none }
.about--grid .grid--3 { -ms-grid-column: 3; grid-column: 3; -ms-grid-row: 1; grid-row: 1; aspect-ratio: 1.2; display: none }
.about--grid .grid--4 { -ms-grid-column: 3; grid-column: 3; -ms-grid-row: 2; grid-row: 2; aspect-ratio: 1.2; display: none }
.about--grid .grid--5 { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 1; -ms-grid-row-span: 2; grid-row: 1 / span 2; background: url(../images/about/about.webp) center center/cover no-repeat; border-radius: 20px; position: relative; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
.about--grid .text--info .h3 { color: rgb(var(--black) / 90%); -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.about--grid .text--info .h4 { color: rgb(var(--black) / 80%); -webkit-box-orient: vertical; max-width: 60%; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }

.about--img { border-radius: 20px; overflow: hidden; width: 100%; aspect-ratio: 1.5; }
.about--img img { width: 100%; height: auto; }

@media screen and (min-width: 1200px){
.about--grid .grid--box:hover::after { width: 100%; opacity: 1; }
.about--grid .grid--box:hover .icon--box .svg { -webkit-filter: grayscale(1) invert(1) brightness(5); filter: grayscale(1) invert(1) brightness(5); }
.about--grid .grid--box:hover .text--info .h3 { color: rgb(var(--white) / 90%); }
.about--grid .grid--box:hover .text--info .h4 { color: rgb(var(--white) / 80%); }
}

/* ANIMATION CSS */
.about--grid .grid--1, .about--grid .grid--2 { -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); opacity: 0; }
.about--grid .grid--3, .about--grid .grid--4 { -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); opacity: 0; }
.about--grid .grid--5 { -webkit-transform: translateY(20%); -ms-transform: translateY(20%); transform: translateY(20%); opacity: 0; }

/* HOME DIVISION */
.home--divisions { width: 100%; position: relative; z-index: 1; padding: calc(var(--gap-xxl) * 1.5) 0; }

.division--wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; border: 1px solid rgb(var(--gray-1) / 100%); border-radius: 20px; margin-top: calc(var(--gap-xl) * 2); }
.division--wrapper .division--box { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 128px; flex: 0 0 128px; background: rgb(var(--white) / 100%); -webkit-transition: var(--all-slow) ease; -o-transition: var(--all-slow) ease; transition: var(--all-slow) ease; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; color: #000; border-right: 1px solid #ddd; overflow: hidden; z-index: 1; }
.division--wrapper .division--box::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, right top, from(#7564AB), to(#7BC3EC)); background: -o-linear-gradient(left, #7564AB 0%, #7BC3EC 100%); background: linear-gradient(90deg, #7564AB 0%, #7BC3EC 100%); color: rgb(var(--white) / 100%); opacity: 0; -webkit-transition: var(--all-slow) ease; -o-transition: var(--all-slow) ease; transition: var(--all-slow) ease; z-index: -1; }
.division--wrapper .division--box:hover:after { opacity: 1; }
.division--wrapper .division--box:last-child { border-right: none; }
.division--wrapper .division--box .division--action--button span { color: rgb(var(--black) / 100%); font-size: 22px; line-height: 1; font-style: normal; font-weight: 300; margin-right: 15px; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.division--wrapper .division--box.active { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
.division--wrapper .division--box.active::after { opacity: 1; }
.division--wrapper .division--box.active .division--action--button span { color: rgb(var(--white) / 100%); }
.division--wrapper .division--box.active .division--action--button { border-left: 1px solid rgb(var(--white) / 20%); }
.division--wrapper .division--action--button { text-decoration: none; color: inherit; 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-writing-mode: vertical-lr; -ms-writing-mode: tb-lr; writing-mode: vertical-lr; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: var(--gap-lg); padding: var(--gap-md) var(--gap-lg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; border-right: 1px solid rgb(var(--white) / 40%); -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.division--wrapper .division--action--button span { font-size: 14px; margin-bottom: 5px; }
.division--wrapper .division--action--button .h3 { font-weight: 200; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; color: rgb(var(--black) / 100%); -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); margin: 0; }
.division--wrapper .division--box.active .h3 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; color: rgb(var(--white) / 100%); margin: 0; }
.division--wrapper .division--info-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; overflow: hidden; white-space: nowrap; padding: 40px; gap: 40px; }

.division--wrapper .division--action--button:hover .h3 { color: rgb(var(--white) / 100%); }
.division--wrapper .division--action--button:hover span { color: rgb(var(--white) / 100%); }

.division--wrapper .info { width: calc(50% - var(--gap-xl)); }
.division--wrapper .info .icon { width: 95px; margin-bottom: var(--gap-xxxl); }
.division--wrapper .info .icon img { -o-object-fit: contain; object-fit: contain; }
.division--wrapper .info .icon svg path { fill: rgb(var(--black) / 100%); -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.division--wrapper .division--box.active .info .icon svg path { fill: rgb(var(--white) / 100%); }

.division--wrapper .division--box .info p.h2 { font-weight: 200; color: rgb(var(--black) / 100%); margin-bottom: 20px; white-space: initial; }
.division--wrapper .division--box.active .info p.h2 { color: rgb(var(--white) / 100%); }

.division--wrapper .division--box.active .link--button.black { -webkit-text-fill-color: rgb(var(--white) / 100%); }
.division--wrapper .division--box.active .link--button.black::after { background: rgb(var(--white) / 100%); }

.division--wrapper .division--img { width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 20px; overflow: hidden; position: relative; }
.division--wrapper .division--img img { -webkit-transition: var(--all-slow); -o-transition: var(--all-slow); transition: var(--all-slow); }
.division--wrapper .division--info-wrapper:hover .division--img img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.division--wrapper .division--icon { position: absolute; width: 50%; bottom: 0; right: 0; opacity: 0.2; }

/* HOME PARTNERS */
.home--partners { width: 100%; position: relative; z-index: 1; padding: calc(var(--gap-xxl) * 1.5) 0; }
.home--partners .client--slider-top { margin-top: calc(var(--gap-xl) * 2); margin-bottom: var(--gap-lg); }
.home--partners .swiper-wrapper { -webkit-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; }
.home--partners .client--logo { width: 100%; height: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 var(--gap-md); border: 1px solid rgb(var(--black) / 20%); border-radius: var(--gap-xxxl); }
.home--partners .client--logo img { -o-object-fit: contain; object-fit: contain; }
.home--partners .client--slider-top, .home--partners .client--slider-bottom { overflow: visible; }


/* CSR */
.home--csr { width: 100%; position: relative; z-index: 1; padding: calc(var(--gap-xxl) * 1.5) 0; }
.home--csr .csr--bg { width: 90%; margin: auto; height: 80vh; border-radius: var(--gap-xxl); overflow: hidden; background-size: cover; background-position: 50% 100%; }
.home--csr .info--box { position: absolute; top: 50%; left: 0; width: 100%; padding: 0 calc(var(--gap-xxxl) * 2); z-index: 2; }


/* NEWS & PRESS */
.news--press { width: 100%; position: relative; z-index: 1; padding: calc(var(--gap-xxl) * 1.5) 0; }
.news--grid { display: -ms-grid; display: grid; -ms-grid-columns: 1fr var(--gap-md) 1fr var(--gap-md) 1fr var(--gap-md) 1fr; grid-template-columns: repeat(4, 1fr); gap: var(--gap-md); margin-top: var(--gap-md); position: relative; }
.news--grid li { -webkit-transform: translateX(100px) translateY(100px); -ms-transform: translateX(100px) translateY(100px); transform: translateX(100px) translateY(100px); opacity: 0; }
.news--grid .card { border: none; border-radius: 20px; overflow: hidden; }
.news--grid .card .card-img { width: 100%; aspect-ratio: 1.3; }
.news--grid .card .card-img img { -webkit-transition: var(--all-slow); -o-transition: var(--all-slow); transition: var(--all-slow); }
.news--grid .card .card-img img:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.news--grid .card .card-body { padding: var(--gap-lg) var(--gap-xxl); border-radius: 0 0 20px 20px; border: 1px solid rgb(var(--gray-1) / 100%); border-top: none; }
.news--grid .card .card-body .h4 { color: rgb(var(--black) / 50%); margin-bottom: var(--gap-xs); font-size: 14px; }
.news--grid .card .card-body .h5 { margin-bottom: 0; }


/* HOME SOCIAL */
.social-sec { padding: 70px 0 140px; display: none; }
.social-sec .h6 { text-transform: uppercase; font-weight: 400; letter-spacing: 5px; font-family: var(--primary-font); margin-bottom: var(--gap-xxxl); }
.social-sec .card { background: #F8F8F8; border: none; border-radius: 12px; overflow: hidden; }

.social-sec .card .img-box { width: 100%; aspect-ratio: 1.4; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; }
.social-sec .card .img-box img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: var(--all-slow); -o-transition: var(--all-slow); transition: var(--all-slow); }

.social-sec .card:hover .img-box img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }
.social-sec .card .card-body { padding: var(--gap-md) var(--gap-md); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.social-sec .card .left--main img { width: 60px; }

.social-sec .card .left--main { 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; }
.social-sec .card .left--main .title--grp { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-left: var(--gap-sm); }
.social-sec .card .left--main .title--grp .h4 { text-transform: uppercase; font-weight: 700; font-family: var(--primary-font); overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin-bottom: var(--gap-xs); }
.social-sec .card .left--main small { font-family: var(--primary-font); }

.social-sec .card a.read--more--social { font-size: 16px; opacity: 0.5; font-family: var(--secondary-font); color: #000; }
.social-sec .card p { min-height: 68px; font-size: 16px; font-weight: 400; font-family: var(--secondary-font); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }

.social-sec .card .card-footer { padding: var(--gap-sm) var(--gap-md); border-radius: 0 0 var(--gap-md) var(--gap-md); background: none; }
.social-sec .card .card-footer ul 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; }
.social-sec .card .card-footer ul li a img { width: 24px; aspect-ratio: 1; -o-object-fit: contain; object-fit: contain; margin-right: var(--gap-xs); }
.social-sec .card .card-footer ul li a span { font-size: 16px; line-height: 1; color: rgb(var(--black) / 50%); font-family: var(--secondary-font); }


/* FOOTER */
.footer { width: 100%; position: relative; z-index: 1; padding: calc(var(--gap-xl) * 2) 0 0; border-top: 1px solid rgb(var(--black) / 10%); }

.footer .footer--logo { width: 215px; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: var(--gap-md); }
.footer .footer--heading { color: rgb(var(--black) / 70%); font-family: var(--secondary-font); font-size: 18px; font-weight: 200; line-height: 120%; }

.footer .h4 { margin-bottom: 0; }

.footer--list li a { color: rgb(var(--black) / 100%); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-family: var(--secondary-font); font-size: 18px; font-weight: 200; line-height: 180%; position: relative; padding: calc(var(--gap-xs) / 2) 0; }
.footer--list li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.footer--list li a::after { content: ''; position: absolute; width: 0px; height: 2px; background: -webkit-gradient(linear, left top, right top, from(#7564AB), to(#7BC3EC)); background: -o-linear-gradient(left, #7564AB 0%, #7BC3EC 100%); background: linear-gradient(90deg, #7564AB 0%, #7BC3EC 100%); bottom: 5px; right: 0; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.footer--list li a:hover::after, .footer--list li a.active::after { width: 100%; right: auto; left: 0; }

.footer--list li .line { width: 1px; height: 12px; background: rgb(167 167 167);; display: -webkit-inline-box;; display: -ms-inline-flexbox;; display: inline-flex; margin: 0 5px; }

.quick--links { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.quick--links li { width: 40%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; }

.social--list { 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; gap: var(--gap-lg); margin-top: var(--gap-sm); }
.social--list .footer--heading { margin-bottom: 0; }
.social--list a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 50px; height: 50px; border: 1px solid rgb(var(--black) / 100%); border-radius: 50%; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.social--list a img { width: 20px; height: 20px; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.social--list a:hover { background: rgb(var(--tertiary-color) / 100%); border-color: rgb(var(--tertiary-color) / 100%); }
.social--list a:hover img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}

.copyright { margin-top: calc(var(--gap-xxl) * 2); padding: var(--gap-md) 0; border-top: 1px solid rgb(var(--black) / 10%); }
.copyright .h4 { color: rgb(var(--black) / 50%); font-family: var(--secondary-font); font-size: 16px; font-style: normal; font-weight: 200; line-height: normal; }
.copyright .h4 a { -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); color: rgb(var(--black) / 50%); font-style: normal; font-weight: 200; font-family: var(--secondary-font); }
.copyright .h4 a:hover { color: rgb(var(--black) / 100%); }

/* INNER BANNER */
.inner--banner { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; overflow: hidden; border-radius: 0 0 70px 70px; }
.inner--banner .banner--bg { width: 100%; position: relative; padding-bottom: 35%; }
.inner--banner .banner--bg img { position: absolute; top: 0; left: 0; }
.inner--banner .banner--content { position: absolute; top: 50%; left: 50%; width: 100%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2; }
.inner--banner .banner--content .banner--title { color: rgb(var(--white) / 100%); font-size: 66px; font-weight: 300; line-height: 1.2; margin-bottom: var(--gap-sm); }
.inner--banner .banner--content .h6 { color: rgb(var(--white) / 100%); margin-bottom: 0; }

.breadcrumb { margin-bottom: 0px; }
.breadcrumb-nav { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: absolute; bottom: 0; left: 0; z-index: 1; padding: var(--gap-lg) 0; }
.breadcrumb-nav .breadcrumb-item { font-size: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; color: rgb(var(--white) / 100%); font-weight: 300px; }
.breadcrumb-nav .breadcrumb-item a { font-size: 20px; color: rgb(var(--white) / 50%); font-weight: 300px; }
.breadcrumb-nav .breadcrumb-item a .svg { margin-left: 10px; width: 10px; }
.breadcrumb-item+.breadcrumb-item::before { color: #b4bfca; font-size: 10px; }

/* INNER ABOUT */
.inner--about { width: 100%; position: relative; z-index: 1; padding: calc(var(--gap-xxl) * 1.5) 0 calc(var(--gap-xxl) * 3); }
.inner--about .h1 { margin-bottom: var(--gap-xxxl); }
.inner--about .h1 + .row { row-gap: calc(var(--gap-xxl) * 2); }
.inner--about .media { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; }
.inner--about .media .media-img { width: 90px; margin-right: var(--gap-lg); }
.inner--about .media .media-body { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
.inner--about .media .media-body .h3 { margin-bottom: var(--gap-sm); }

/* MISSION VISION */
.mission--vision { background: rgb(var(--gray-1) / 50%); overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; }
.mission--vision .h6, .mission--vision .info--box { padding: var(--gap-xl) calc(var(--gap-xxl) * 2); }
.mission--vision .h1 { margin-bottom: var(--gap-md); }
.mission--vision .h2 { margin-bottom: 0; }
.mission--vision .img-box { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 100%; }
.mission--vision .vision { border-top: 1px solid rgb(var(--black) / 10%); }

/* CEO MESSAGE */
.ceo--message { padding: calc(var(--gap-xxl) * 3) 0 calc(var(--gap-xxl) * 1.5); width: 100%; position: relative; z-index: 1; overflow: hidden; }
.ceo--message .sign { width: 300px; margin-top: var(--gap-xxl); }
.ceo--message .sign img { -o-object-fit: contain; object-fit: contain; }
.ceo--message .info--box { padding: 0 calc(var(--gap-xxl) * 2); }
.ceo--message .ceo--card { border: 1px solid rgb(var(--black) / 10%); }
.ceo--message .ceo--card .ceo--info { padding: 0 var(--gap-md) var(--gap-md); }
.ceo--message .ceo--card .ceo--info .h6 { margin-bottom: 0; }
.ceo--message .ceo--card .ceo--info p { font-weight: 400; color: rgb(var(--black) / 100%); }
.ceo--message .ceo--card .ceo--info p:last-child { margin-bottom: 0px; }

/* THE FOUNDATION */
.the--foundation { padding: calc(var(--gap-xxl) * 1.5) 0; }
.foundation--list { display: -ms-grid; display: grid; -ms-grid-columns: 1fr var(--gap-md) 1fr var(--gap-md) 1fr var(--gap-md) 1fr; grid-template-columns: repeat(4, 1fr); gap: var(--gap-md); margin-top: var(--gap-lg); }
.team--card { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; border: 1px solid rgb(var(--black) / 10%); }
.team--card .card--img { width: 100%; padding-bottom: 80%; overflow: hidden; position: relative; }
.team--card .card--img img { position: absolute; top: 0; left: 0; }
.team--card .card--body { padding: var(--gap-md); width: 100%; }
.team--card .card--body .h5 { margin-bottom: var(--gap-xs); }
.team--card .card--body .h4 { margin-bottom: 0; color: rgb(var(--black) / 50%); }

/* SUSTAINABILITY */
.sustainability { padding: calc(var(--gap-xxl) * 2) 0 calc(var(--gap-xxl) * 3); position: relative; z-index: 1; overflow: hidden; margin-bottom: calc(var(--gap-xxl) * 2); }
.sustainability .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; }
.sustainability .sust--mob--img { display: none; width: 100%; height: auto; margin-top: var(--gap-lg); }

/* SUSTAINABILITY */
.invest--portfolio { padding: calc(var(--gap-xl) * 2) 0; position: relative; z-index: 1; overflow: hidden; }
.invest--portfolio .nav { margin-right: 80px; }

/* PORTFOLIO */
.btn--list { padding-right: 30px; }
.btn--list li .tab--btn { text-align: left; padding: 20px 0px; font-size: 16px; color: rgb(var(--black) / 80%); border-bottom: 1px solid #BFBFBF; border-radius: 0px; position: relative; width: 100%; }
.btn--list li .tab--btn:after { content: ""; position: absolute; width: 0px; left: 0px; bottom: -1px; height: 2px; background: -webkit-gradient(linear, left top, right top, from(#7564AB), to(#7BC3EC)); background: -o-linear-gradient(left, #7564AB 0%, #7BC3EC  100%); background: linear-gradient(90deg, #7564AB 0%, #7BC3EC  100%); -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.btn--list li .tab--btn.active:after { width: 100%; }
.btn--list li .tab--btn.active { background: transparent; }

.invest--portfolio .portfolio--list--cont { margin-top: calc(var(--gap-xl) * 1.5); }
.row.portfolio--list { row-gap: var(--gap-xl); --bs-gutter-x: var(--gap-lg); }
.portfolio--list li.hide { display: none; }
.portfolio--bx { position: relative; 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: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-line-pack: start; align-content: flex-start; border-radius: 20px; overflow: hidden; height: 100%; border: 1px solid #DEDCDC; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.portfolio--bx:hover { border: 1px solid rgb(var(--primary-color) /100%); }
.portfolio--bx .portfolio--img { width: 40%; height: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; border-top-right-radius: 20px; border-bottom-right-radius: 20px; border-right: 1px solid #DEDCDC; position: relative; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); overflow: hidden; }
.portfolio--bx .portfolio--img:after { content: ""; position: absolute; left: 0px; top: 0px; opacity: 0.3; width: 100%; height: 100%; z-index: -1; background: -webkit-gradient(linear, left bottom, left top, from(#7564AB), to(#7BC3EC)); background: -o-linear-gradient(bottom, #7564AB 0%, #7BC3EC  100%); background: linear-gradient(360deg, #7564AB 0%, #7BC3EC  100%); }
.portfolio--bx .portfolio--text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 100%; padding: var(--gap-md) 45px var(--gap-md) var(--gap-lg); }
.portfolio--bx .portfolio--text p { color: rgb(var(--black) / 50%); }
/* .portfolio--bx .portfolio--text .h5 { font-weight: 400; } */
.portfolio--bx .portfolio--text p:last-child { margin-bottom: 0px; }

.portfolio--bx .arrow { width: 35px; height: 35px; z-index: 11;  border-radius: 50%; background: #ffffff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; right: 10px; top: 10px; -webkit-box-shadow: 0 4px 3px rgba(0,0,0,0.09); box-shadow: 0 4px 3px rgba(0,0,0,0.09); }
.portfolio--bx .arrow  img { width: 20px; height: auto; }

/* news page */
.new--section { padding: calc(var(--gap-xl) * 2) 0; position: relative; z-index: 1; overflow: hidden; }
.news--bx .news--img img { mix-blend-mode: soft-light; }
.news--bx .news--img:after { content: ""; position: absolute; left: 0px; top: 0px; opacity: 0.3; width: 100%; height: 100%; z-index: -1; background: -webkit-gradient(linear, left bottom, left top, from(#7564AB), to(#7BC3EC)); background: -o-linear-gradient(bottom, #7564AB 0%, #7BC3EC  100%); background: linear-gradient(360deg, #7564AB 0%, #7BC3EC  100%); }

.pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: calc(var(--gap-xl)* 2); gap: 15px; }
.pagination li a.page-link { display: -webkit-box; display: -ms-flexbox; display: flex; border: 0px; padding: 6px 12px; font-size: 16px; font-weight: 500; color: rgb(var(--black) / 75%); font-family: var(--secondary-font); border-bottom: 2px solid transparent; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.page-item.active .page-link { color: rgb(var(--primary-color) /100%); background: transparent; border-color: rgb(var(--primary-color) /100%);}
.pagination li a.page-link img { width: 6px; height: auto; -o-object-fit: contain; object-fit: contain; }
.pagination li a.prev img { margin-right: 10px; }
.pagination li a.next img { margin-left: 10px; }
.pagination .page-link:focus { -webkit-box-shadow: none; box-shadow: none; background: none; }
.pagination .page-link:hover { color: rgb(var(--primary-color) / 100%); background: transparent; border-color: transparent; }

.news--detail--sec { padding: calc(var(--gap-xl) * 2) 0 0; position: relative; z-index: 1; overflow: hidden; }
.news--detail--sec .news--left li .h6 { margin-bottom: 10px; line-height: 1; }
.news--detail--sec .news--left li:not( .news--detail--sec .news--left li ul li) { margin-bottom: calc(var(--gap-xl) * 2); }
.news--detail--sec .news--left li:last-child { margin-bottom: 0px; }
.news--detail--sec .news--left .social--list li a { border: 0px; font-size: 16px; border-radius: 0px; height: auto; height: auto; padding-right: 10px; margin-right: 10px; position: relative; }
.news--detail--sec .news--left .social--list li a:hover { background: none; color: rgb(var(--tertiary-color) / 100%);}
.news--detail--sec .news--left .social--list li a:after { content: ""; position: absolute; right: 0px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 1px; height: 14px; background: rgb(var(--black) / 50%);}
.news--detail--sec .news--left .social--list li:last-child a:after { display: none; }
.news--detail--sec .news--left .social--list { gap: 0px; }

.news--detail--sec .news--detail--text .news--quote { background: rgba(191,191,191, 0.2); margin-bottom: 20px; padding: var(--gap-md)  var(--gap-md) var(--gap-md) 40px; position: relative; }
.news--detail--sec .news--detail--text .news--quote:before { content: ""; position: absolute; width: 1px; height: 70%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 20px; top: 50%; background: -webkit-gradient(linear, left bottom, left top, from(#7564AB), to(#7BC3EC)); background: -o-linear-gradient(bottom, #7564AB 0%, #7BC3EC  100%); background: linear-gradient(360deg, #7564AB 0%, #7BC3EC  100%); }
.news--detail--sec .news--detail--text .news--quote p:last-child { margin-bottom: 0px; }

.news--detail--sec .btn--grp { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: var(--gap-xl); -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #BFBFBF; padding-bottom: var(--gap-xl); }
.news--detail--sec .btn--grp .btn { font-size: 18px; padding: 10px 0px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: rgb(var(--black) / 75%); -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.news--detail--sec .btn--grp .btn:hover { color: rgb(var(--tertiary-color) / 100%); }
.news--detail--sec .btn--grp .btn img { width: 8px; height: auto; -o-object-fit: contain; object-fit: contain; margin-top: 4px; }
.news--detail--sec .btn--grp .btn.prev img { margin-right: 8px; }
.news--detail--sec .btn--grp .btn.next img { margin-left: 8px; }

.news--press-detail .news--grid li, .new--section .news--grid li { -webkit-transform:none; -ms-transform:none; transform:none; opacity: 1; }

/* contact page */
.contact--row { display: -webkit-box; display: -ms-flexbox; display: flex; }
.contact--row > li { padding-right: 100px; margin-right: 100px; position: relative; }
.contact--row > li:last-child { padding-right: 0px; margin-right: 0px; }
.contact--row li, .contact--row li ul li a { font-size: 18px; color: rgba(0,0,0,0.8); font-weight: 300; font-family: var(--secondary-font); }
.contact--row > li:before { content: ""; position: absolute; width: 1px; top: 0px; right: 1px; z-index: 1; height: 70px; background: -webkit-gradient(linear, left top, right top, from(#7BC3EC), to(#7564AB)); background: -o-linear-gradient(left, #7BC3EC 0%, #7564AB 100%); background: linear-gradient(90deg, #7BC3EC 0%, #7564AB 100%); }
.contact--row > li:last-child:before { display: none; }
.contact--row li ul.contact--links li a { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-bottom: 4px; }
.contact--row li ul.contact--links li a:before { content: ""; position: absolute; left: 0px; bottom: 0px; width: 0px; height: 1px; background: -webkit-gradient(linear, left top, right top, from(#7BC3EC), to(#7564AB)); background: -o-linear-gradient(left, #7BC3EC 0%, #7564AB 100%); background: linear-gradient(90deg, #7BC3EC 0%, #7564AB 100%); -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.contact--row li ul.contact--links li a:hover:before { width: 100%; }

.img--box { border-radius: 20px; overflow: hidden; }
.enquiry--sec .row:first-child { --bs-gutter-x: 80px; }

/* CSR page */
.csr--text p:last-child { margin-bottom: 0px; }

/* partners list */
.partner--list { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 30px 1fr 30px 1fr 30px 1fr; grid-template-columns: repeat(4,1fr); grid-gap: 40px 30px; margin-top: var(--gap-xxl); }
.partners--sec .client--logo { width: 100%; height: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 var(--gap-md); border: 1px solid rgb(var(--black) / 20%); border-radius: var(--gap-xxxl); }
.partners--sec .client--logo img { -o-object-fit: contain; object-fit: contain; }

/* career page */
.carrer--life { background: rgb(var(--primary-color) / 100%); }
.carrer--life .row { --bs-gutter-x: 40px; }
.carrer--life .h6 { color: rgb(var(--white) / 100%); }

.career-sec .row { --bs-gutter-x: 60px; }
.career--bx .icon { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 60px; height: 60px; margin-bottom: 25px; }
.career--bx .icon img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; }
.career--bx .h6 { font-size: 14px; line-height: 1; color:rgb(var(--white) / 50%); margin-bottom: 10px; }
.career--bx .h3 { font-size: 32px; margin-bottom: var(--gap-md); color:rgb(var(--white) / 100%); line-height: 1.2; }
.career--bx p { color: rgb(var(--white) / 60%); }
.career--bx p.h6:last-child { margin-bottom: 0px; }

.file--container { position: relative; margin-bottom: 25px; cursor: pointer; }
.file--container label { display: block; }
.file--container .wpcf7-form-control-wrap { position: absolute; width: 100%; height: 50px; left: 0px; top: 0px; cursor: pointer; }
#real-file, .wpcf7-file { opacity: 0; position: absolute; z-index: 1; width: 100%; height: 100%; cursor: pointer; }
.headerfileupload img { width: 15px; height: auto; -o-object-fit: contain; object-fit: contain; }
.headerfileupload { color: rgb(var(--black) / 80%); font-size: 14px; font-weight: 400; font-family: var(--primary-font); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.join--form--sec .row:first-child { --bs-gutter-x: 60px; }
.join--form--sec .title--grp { text-align: center; margin-bottom: calc(var(--gap-xxl)* 1.5); }

/* linked in section */
.epGgGS { width: 100%; max-width: 100%!important; }
.eHDZGF { height: 100%!important; }
.jShdof { margin-bottom: 20px; }
.bfJMSe { gap: 20px!important; }