@charset "utf-8";
@font-face { font-family: "HelveticaNowDisplay"; src: url("fonts/HelveticaNowDisplay-Bold.eot"); src: local("HelveticaNowDisplay-Bold"), local("HelveticaNowDisplay-Bold"), url("fonts/HelveticaNowDisplay-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/HelveticaNowDisplay-Bold.woff2") format("woff2"), url("fonts/HelveticaNowDisplay-Bold.woff") format("woff"), url("fonts/HelveticaNowDisplay-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "HelveticaNowDisplay"; src: url("fonts/HelveticaNowDisplay-Light.eot"); src: local("HelveticaNowDisplay-Light"), local("HelveticaNowDisplay-Light"), url("fonts/HelveticaNowDisplay-Light.eot?#iefix") format("embedded-opentype"), url("fonts/HelveticaNowDisplay-Light.woff2") format("woff2"), url("fonts/HelveticaNowDisplay-Light.woff") format("woff"), url("fonts/HelveticaNowDisplay-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: "HelveticaNowDisplay"; src: url("fonts/HelveticaNowDisplay-Regular.eot"); src: local("HelveticaNowDisplay-Regular"), local("HelveticaNowDisplay-Regular"), url("fonts/HelveticaNowDisplay-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/HelveticaNowDisplay-Regular.woff2") format("woff2"), url("fonts/HelveticaNowDisplay-Regular.woff") format("woff"), url("fonts/HelveticaNowDisplay-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "TTHoves"; src: url("fonts/TTHoves-Bold.eot"); src: local("TTHoves-Bold"), local("TTHoves-Bold"), url("fonts/TTHoves-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/TTHoves-Bold.woff2") format("woff2"), url("fonts/TTHoves-Bold.woff") format("woff"), url("fonts/TTHoves-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "TTHoves"; src: url("fonts/TTHoves-Light.eot"); src: local("TTHoves-Light"), local("TTHoves-Light"), url("fonts/TTHoves-Light.eot?#iefix") format("embedded-opentype"), url("fonts/TTHoves-Light.woff2") format("woff2"), url("fonts/TTHoves-Light.woff") format("woff"), url("fonts/TTHoves-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: "TTHoves"; src: url("fonts/TTHoves-Regular.eot"); src: local("TTHoves-Regular"), local("TTHoves-Regular"), url("fonts/TTHoves-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/TTHoves-Regular.woff2") format("woff2"), url("fonts/TTHoves-Regular.woff") format("woff"), url("fonts/TTHoves-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "TTHoves"; src: url("fonts/TTHoves-Medium.eot"); src: local("TTHoves-Medium"), local("TTHoves-Medium"), url("fonts/TTHoves-Medium.eot?#iefix") format("embedded-opentype"), url("fonts/TTHoves-Medium.woff2") format("woff2"), url("fonts/TTHoves-Medium.woff") format("woff"), url("fonts/TTHoves-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "TTHovesPro"; src: url("fonts/TT-Hoves-Pro-Trial-Regular.eot"); src: local("TT-Hoves-Pro-Trial-Regular"), local("TT-Hoves-Pro-Trial-Regular"), url("fonts/TT-Hoves-Pro-Trial-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/TT-Hoves-Pro-Trial-Regular.woff2") format("woff2"), url("fonts/TT-Hoves-Pro-Trial-Regular.woff") format("woff"), url("fonts/TT-Hoves-Pro-Trial-Regular.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap; }

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

--helvetica:"HelveticaNowDisplay";
--TTHoves:"TTHoves";
--TTHovespro:"TTHovesPro";

/* COLOR VARIABLES */
--white: #ffffff;
--blue: #102D69;
--black2: #231F20;
--green: #005550;
--green2: #5db9be;
--orange: #F68B1F;
--gray: #D0D0D0;
--gray-100: #F0F0F0;
--black: #000000;

/* 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;
}

body.modal-open { padding-right: 0px !important; }  

html, body.no-scroll { overscroll-behavior: none; }
body.no-scroll #smooth-content { overflow: hidden !important; touch-action: none; }

html, body { -webkit-text-size-adjust: 100%; }

.mask { position: absolute; width: 100%; height: 100%; -webkit-mask-image: url(../images/loader-a-icon.svg); -webkit-mask-repeat: no-repeat; z-index: 2; opacity: 1; transition: all 1.5s; animation: zoomA 4s ease-in-out forwards; animation-delay: 1.3s;  -webkit-mask-position: 53% 47%; -webkit-mask-size: 2430%; }
.mask img { width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity 1.8s ease; }

@keyframes zoomA {
  0% { -webkit-mask-position: 53% 47%; -webkit-mask-size: 2430%; } 100% { -webkit-mask-size: 210px;  -webkit-mask-position: 50%; } }

/* ========================== 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(--helvetica); font-size: 18px; color:rgba(0,0,0,0.8); 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; }
*,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; transition: var(--all-medium); }
a:hover { color: inherit; }

body { width: 100%; font-size: 20px; line-height: 1.4; 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.4; color: var(--black); margin-bottom: 30px; font-weight: 300; font-family: var(--helvetica); }
p:last-child { margin-bottom: 0px; }

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

::-webkit-scrollbar { width: 5px; display:block; }
::-webkit-scrollbar-track { background: #f2f2f2; }
::-webkit-scrollbar-thumb { background-color: var(--blue); border-radius: 15px; }

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

@media screen and (min-width: 2000px) {
  .container { max-width: 1800px; position: relative; z-index: 1; }
}
@media screen and (min-width: 1780px) {
    .container { max-width: 1700px; }
}

@media screen and (min-width: 1400px) {
    .container { max-width: 95%; }
}

.form-control::-webkit-input-placeholder { color: rgba(0,0,0,0.5); font-size: 18px; }
.form-control::-moz-placeholder { color: rgba(0,0,0,0.5); font-size: 18px; }
.form-control:-ms-input-placeholder { color: rgba(0,0,0,0.5); font-size: 18px; }
.form-control::-ms-input-placeholder { color: rgba(0,0,0,0.5); font-size: 18px; }
.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-xl); }
label { font-size: 15px; line-height: 1; font-weight: 300; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
label span { color: #FF0000; }
.form-control { width: 100%; padding: 15px 20px; font-size: 18px; font-weight: 300; color: var(--black); line-height: 1; border: 1px solid #d9d9d9; border-radius: 0; -moz-appearance: none; appearance: none; -webkit-appearance: none; background: #f8f8f8; }
.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); border-color: var(--blue); 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: #ffffff url(../images/icons/down-arrow.svg) no-repeat;  background-position: right 15px center; background-size: 10px; }
select.form-control:focus { background: #ffffff url(../images/icons/down-arrow.svg) no-repeat; background-position: right 10px center; background-size: 10px; }
select.form-control:not([size]):not([multiple]), textarea.form-control { height: auto; }
.form-check-input:checked { background-color: var(--blue); border-color: var(--blue); }
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; }

#smooth-content { position: relative; }
.image--animation { overflow: hidden; }
.image--animation2 img { height:calc(100% + 120px); }
.image--animation img { clip-path: inset(0% 100% 0% 0%); will-change: clip-path; transform: scale(1.4); }
.image--animation3 { clip-path: inset(0% 100% 0% 0%); will-change: clip-path; }
.fade-in-left { transform: translateX(-100px); opacity: 0.5;}
.fade-in-right { transform: translateX(100px); opacity: 0.5;}

/* STYLE GUIDE */

/* HEADINGS */
section { position: relative; }
.hero--1, .hero--1 span { font-size: 75px; line-height: 1.1; font-weight: 500; font-family: var(--TTHoves); }
.hero--2 { font-size: 42px; line-height: 1.1; font-weight: 300; font-family: var(--TTHoves); margin-bottom: var(--gap-lg); }
.hero--3 { font-size: 64px; line-height: 1.1; font-weight: 300; }

.h1 { font-size: 60px; line-height: 1.2; font-weight: 500; font-family: var(--TTHoves); margin-bottom: var(--gap-xl); color: var(--blue); }
.h3 { font-size: 40px; line-height: 1.2; font-weight: 300; font-family: var(--TTHoves); margin-bottom: var(--gap-xxl); margin-top: -10px; color: var(--blue); }
.h3 span { font-weight: 500; line-height: 1.2; font-style: italic; font-size: 39px; font-family: var(--TTHoves); color: var(--blue); }
.h2 { font-size: 50px; line-height: 1.2; font-weight: 500; font-family: var(--TTHoves); margin-bottom: var(--gap-xl); color: var(--blue) }
.h2.thin { font-weight: 300; }
.h4 { font-size: 27px; line-height: 1.2; font-weight: 300; font-family: var(--TTHoves); margin-bottom: var(--gap-xxl); color: var(--black); }
.h5 { font-size: 22px; line-height: 1.2; font-weight: 300; font-family: var(--TTHoves) }
.h6 { font-size: 20px; line-height: 1.2; font-weight: 500; font-family: var(--TTHoves) }
.h7 { font-size: 20px; line-height: 1.2; font-weight: 300; font-family: var(--TTHoves) }
.h8 { font-size: 18px; line-height: 1.2; font-weight: 300; font-family: var(--TTHoves) }
.h9 { font-size: 14px; line-height: 1.2; font-weight: 500; font-family: var(--TTHoves) }

.p1 { font-size: 26px; line-height: 1.3; font-weight: 300; }
.p2 { font-size: 18px; }
.white { color: var(--white); }

.gradient-text { background: linear-gradient(270deg, #193874, #6997ce, #005550, #55b1b4, #102d69, #6997ce); background-size: 300% 300%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: moveGradient 8s ease infinite; }
.gradient-text::after { content: ""; position: absolute; top: 0; left: 0; width: 105%; height: 100%; background: radial-gradient(circle, rgba(255,255,255,0.3) 0%, transparent 40%) repeat; background-size: 10% 10%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: sparkle 4s linear infinite; }

@keyframes moveGradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }
@keyframes sparkle { 0% { background-position: 0% 0%; } 100% { background-position: 100% 100%; } }

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

/* BUTTONS */
.btn { display: inline-flex; border-radius: 0px; align-items: center; padding: calc(var(--gap-sm) / 1.5 * 3) var(--gap-xl); cursor: pointer; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); position: relative; }
.btn span { font-size: 18px; position: relative; z-index: 1; font-weight: 300; line-height: 1.2; text-align: center; text-transform: capitalize; font-family: var(--TTHoves); color: inherit; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }

.btn--primary { background: var(--blue); color: var(--white); border: 1px solid var(--blue) }
.btn--primary span { color: var(--white); }
.btn--primary:before { content: ""; opacity: 0; position: absolute; transition: var(--all-medium); left: 0px; top: 0px; width: 100%; height: 100%; z-index:0; background: linear-gradient(62deg, #193874, #6997ce, #005550, #55b1b4, #102d69); animation: gradient 10s ease infinite; background-size: 400% 400%; } 
.btn--primary:hover:before { opacity: 1; }
.btn--primary:hover { background: transparent; border-color: var(--blue); }

@-webkit-keyframes gradient{
  0% { background-position: 0 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
@keyframes gradient{
  0% { background-position: 0 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

.btn--white--border { background: transparent; color: var(--white); border: 1px solid var(--white); }
.btn--white--border span { color: var(--white); }
.btn--white--border:before { content: ""; opacity: 0; position: absolute; transition: var(--all-medium); left: 0px; top: 0px; width: 100%; height: 100%; z-index:0; background: linear-gradient(62deg, #193874, #6997ce, #005550, #55b1b4, #102d69); animation: gradient 10s ease infinite; background-size: 400% 400%; } 
.btn--white--border:hover:before { opacity: 1; }
.btn--white--border:hover span { color: var(--white); }

.btn--secondary { background: transparent; color: var(--green); border: 1px solid var(--green); }
.btn--secondary:before { content: ""; opacity: 0; position: absolute; transition: var(--all-medium); left: 0px; top: 0px; width: 100%; height: 100%; z-index:0; background: linear-gradient(62deg, #193874, #6997ce, #005550, #55b1b4, #102d69); animation: gradient 10s ease infinite; background-size: 400% 400%; } 
.btn--secondary:hover:before { opacity: 1; }
.btn.btn--secondary svg path { fill: var(--green); }
.btn.btn--secondary:hover svg path { fill: var(--white); }
.btn--secondary:hover span { color: var(--white); }

.read--more--white { display: inline-flex; align-items: center; font-size: 18px; color: var(--white); text-transform: capitalize; font-family: var(--TTHoves); font-weight: 400; text-decoration: underline; text-underline-offset: 6px; text-decoration-color: var(--white); transition: var(--all-medium); }
.read--more--white:hover { color: var(--blue); text-decoration-color: var(--blue); }
.read--more--white:hover { text-decoration: underline; }

.read--more--blue, .read--more--blue span { display: inline-flex; align-items: center; font-size: 18px; color: var(--blue); text-transform: capitalize; font-family: var(--TTHoves); font-weight: 400; text-decoration: underline; text-underline-offset: 6px; text-decoration-color: var(--blue); transition: var(--all-medium); }
.read--more--blue:hover { color: var(--black); text-decoration-color: var(--black); }
.read--more--blue:hover { text-decoration: underline; }

.read--more { display: inline-flex; align-items: center; font-size: 18px; color: var(--blue); text-transform: capitalize; font-family: var(--TTHoves); font-weight: 400; text-decoration: underline; text-underline-offset: 6px; text-decoration-color: var(--blue); transition: var(--all-medium); }
.read--more:hover { color: var(--green); text-decoration-color: var(--green); }
.read--more:hover { text-decoration: underline; }

/* HEADER */
.header { position: fixed; left: 0; top: 0; width: 100%; z-index: 111; padding: 15px 0px; border-bottom: 1px solid transparent; transition: var(--all-medium); }
.header:before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: linear-gradient(135deg,  rgba(20,30,60,1) 0%,rgba(10,29,69,1) 20%,rgba(16,44,102,1) 50%,rgba(10,29,69,1) 85%,rgba(20,30,60,1) 100%); opacity: 0; transition: var(--all-medium); z-index: -1; }
.header.show:before { opacity: 1; }
.header.in--page--header:before { opacity: 1; }
.header .logo { display: flex; transition: var(--all-medium); width: 140px; clip-path: inset(0% 0% 0% 0%); text-align: center; position: relative; overflow: hidden; }
.header.show { padding: 12px 0px; border-bottom: 1px solid #021d59; }
.header .logo img { transition: var(--all-medium); height: auto; object-fit: contain; }
.header.show .logo { width: 110px; }
.header.show { backdrop-filter: blur(5px); }
.header .logo .sticky--icon { opacity: 1; display: none; } 
.navbar--div { position: fixed; top: 0px; right: -500px; width: 500px; height: 100vh; display: flex; transition: var(--all-medium); z-index: 1111111;  animation: moveGradient 8s ease infinite; border-left: 1px solid #e1e1e1; }
.navbar--nav { width: 100%; display: block; }
.navbar--div .navbar--nav li { display: block; }
.navbar--div .navbar--right .container { max-width: 100%; }
.navbar--div.active { right: 0px; }
.navbar--div.active .navbar--links li:not(.dropdown--menu li) { -webkit-animation: animateIn 360ms ease-in-out calc(var(--animation-order) * 30ms) both; animation: animateIn 360ms ease-in-out calc(var(--animation-order) * 30ms) both; transition: var(--all-medium); }

@-webkit-keyframes animateIn { 0% { opacity: 0; transform: translateX(-20px); }
100% { opacity: 1; }
}

@keyframes animateIn { 0% { opacity: 0; transform: translateX(-20px); }
100% { opacity: 1; }
}

section { overflow: hidden; }

.contact--form--sec { overflow: visible; }

.navbar--div .navbar--right { width: 100%; padding: 65px 30px 30px 30px; overflow-y: auto; height: 100vh; -webkit-overflow-scrolling: touch; background: #ededed; position: relative; z-index: 11; }
.navbar--div .navbar--right::-webkit-scrollbar { display: none; }
.overlay--div { position: fixed; right: 0px; z-index: -1; width: 100%; height: 100%; top: 0px; background: rgba(0,0,0,0.7); backdrop-filter: blur(5px); pointer-events: none;    /* applies the blur */
    -webkit-backdrop-filter: blur(5px); opacity: 0; transition: var(--all-medium); }
.navbar--div.active .overlay--div { opacity: 1; }

.navbar--links li a { display: flex; align-items: center; }
.navbar--links li a .svg:not(.dropdown--menu li a img) { width: 12px; height: auto; object-fit: contain; margin-right: 10px; opacity: 0; transition: var(--all-medium);position: absolute; top: 50%; transform: translateY(-50%); left: 0px; display: none; }
.navbar--links li a:hover:not(.dropdown--menu li a) { padding-left: 20px; }
.navbar--links li a:hover .svg:not(.dropdown--menu li a img) { opacity: 1; }
.navbar--links li:not(.dropdown--menu li):after { content: ""; position: absolute; left: 0px; bottom: 0px; width: 100%; opacity: 0.25; height: 1px; background: linear-gradient(270deg, #193874, #6997ce, #005550, #55b1b4, #102d69, #6997ce); }
.navbar--links li a:not(.dropdown--menu li a) { color: var(--black); position: relative; font-size: 26px; font-weight: 600; text-transform: uppercase; color: var(--white); background: linear-gradient(270deg, #193874, #6997ce, #005550, #55b1b4, #102d69, #6997ce); background-size: 300% 300%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; padding: 20px 0px; }
.navbar--links li a:hover { animation: moveGradient 8s ease infinite; }
.navbar--links li a svg path { stroke: var(--blue); }
.navbar--links li:not(.dropdown--menu li) { position: relative; }

.navbar--links li .dropdown--menu { padding-bottom: 20px; display: none; }
.navbar--links li .dropdown--menu li { margin-bottom: 30px; display: block; }
.navbar--links li .dropdown--menu li a img { width: 7px; height: auto; object-fit: contain; margin-right: 10px; transition: var(--all-medium); opacity: 0; }
.navbar--links li .dropdown--menu li a:hover img { opacity: 1; }
.navbar--links li .dropdown--menu li ul li:last-child { margin-bottom: 0px; } 
.navbar--links li:last-child:after { display: none; }
.navbar--links li .dropdown--menu li a { font-size: 18px; color: var(--black); font-weight: 400; text-transform: none; position: relative; opacity: 0.9; transition: var(--all-medium); display: block; }
.navbar--links li .dropdown--menu li a:hover { color: var(--blue); padding-left: 10px; }
.navbar--links li .dropdown--menu li a.dropdown--item:hover, .navbar--links li a.dropdown--item:hover:not(.dropdown--menu li a) { padding-left: 20px; }
.navbar--links li .dropdown--menu li { margin-bottom: 10px; }

.dropdown--bx .dropdown--item { display: flex; align-items: center; justify-content: space-between; }
.dropdown--bx .dropdown--item img { width: 12px; height: auto; object-fit: contain; }
.dropdown--bx .icon { width: 30px; height: 30px; position: absolute; top: 25px; right: 0px; cursor: pointer; }
.dropdown--bx .icon:after { content: ""; width: 18px; height: 2px; background: var(--black); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.dropdown--bx .icon:before { content: ""; width: 2px; height: 18px; background: var(--black); position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: var(--all-medium);}
.dropdown--bx.active .icon:before { display: none; }

.close--btn { position: absolute; display: block; right: 20px; top: 20px; width: 50px; height: 50px; border-radius: 50%; border: 1px solid var(--black); display: flex; align-items: center; justify-content: center; transition: var(--all-medium); }
.close--btn img { width: 15px; height: auto; object-fit: contain; transition: var(--all-medium); filter: brightness(0); }
.close--btn:hover { background: linear-gradient(250deg, #193874, #005550, #4673ab);; border-color: rgba(255,255,255,0.5); }
.close--btn:hover img { transform: rotate(90deg); filter: brightness(1)}

.header .navbar--right { display: flex; justify-content: flex-end; }
.header .navbar--right .lang--grp { display: inline-flex; flex-wrap: wrap; }
.header .navbar--right .lang--grp a { font-size: 16px; color: rgba(255,255,255,0.5); line-height: 1; padding: 0 16px; }
.header .navbar--right .lang--grp a.active, .header .navbar--right .lang--grp a:hover { color: var(--white); }
.header .navbar--right .lang--grp a:first-child { border-right: 1px solid rgba(255,255,255,0.5); }

.hamburger--div { display: flex; flex-direction: column; margin-left: var(--gap-md); gap: 7px; align-items: flex-end; }
.hamburger--div span { width: 35px; height: 2px; display: flex; background: var(--white); border-radius: 10px; }
.hamburger--div span:first-child { width: 26px; }
.hamburger--div span:last-child { width: 20px; }

/* ========================== HOME PAGE ========================== */
/* BANNER */
.home--banner { position: relative; width: 100%; height:auto; min-height: 100vh; overflow: hidden; }

.home--banner .banner--img { width: 100%; height: 100%; overflow: hidden; position: relative; text-align: right; }
.home--banner .banner--img .banner--img1 { width: 100%; height: 105%; object-fit: cover; position: absolute; top: 0px; left: 0px; z-index: -1; }
.home--banner .banner--img .banner-shape { width: 100%; height: 100%; top: 0px; left: 0px; margin: 0px; }
.home--banner .banner--content { position: absolute; top: 40%; transform: translateY(-50%); left: 0px; width: 100%; }
.home--banner .banner--content .hero--1 { color: var(--white); margin-bottom: var(--gap-xl) }
.home--banner .banner--content p { color: var(--white); margin-bottom: var(--gap-lg); font-size: 34px; font-weight: 300; }
.home--banner .banner--content p, .home--banner .banner--content p span { color: var(--white); font-size: 34px; font-weight: 300; }

.banner--thumbnail--section { position: absolute; bottom: 0px; width: 100%; z-index: 111; }
.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: 50%; transform: translateY(-50%); 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(--TTHoves); 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 */
.about--link { display: flex; flex-wrap: wrap; }
.about--link li { position: relative; padding-right: 20px; margin-right: 20px; }
.about--link li:before { content: ""; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); width: 1px; height: 15px; background: rgba(0,51,117,0.87); }
.about--link li:last-child:before { display: none; }
.about--link li:last-child { padding-right: 0px; margin-right: 0px; }
.about--link li a { color: var(--blue); font-size: 18px; transition: var(--all-medium); position: relative; }
.about--link li a:after { content: ""; position: absolute; right: 0px; bottom: 1px; width: 100%; height: 1px; background: var(--blue); transition: var(--all-medium); }
.about--link li a:hover:after { width: 0px; }

/* ALUMINUM SECTION */
.aluminium--section .row, .home--about--section .row, .fact--section .row { --bs-gutter-x: 40px; }

/* SUSTANABILITY SECTION */
.empty--bx { width: 100%; aspect-ratio: 1.1; background: #6ABDBA; height: 100%; }
.sustanability--info { padding: calc(var(--gap-xl) * 2) calc(var(--gap-xxl) * 1.8); display: flex; flex-direction: column; justify-content: center;}
.sustanability--info .h3 { margin-bottom: 0px; }
.sustanability--info .h4 { color: var(--white); position: relative; z-index: 1; }
.sustanability--section .img--bx { width: 100%; height: 100%; }
.sustanability--section .info--color--bx { position: relative; height: 100%; background: #102D69; }
.sustanability--section .info--color--bx:before { pointer-events: none; z-index: 0; content: ""; position: absolute; left: 0px; top: 0px; opacity: 0.5; width: 100%; height: 100%; background: linear-gradient(135deg,  rgba(0,46,110,1) 1%,rgba(8,79,140,1) 19%,rgba(6,94,172,1) 29%,rgba(0,51,98,1) 38%,rgba(54,120,189,1) 49%,rgba(23,87,143,1) 84%,rgba(0,46,110,1) 100%); animation: gradient 10s ease infinite; background-size: 300% 300%; }
.sustanability--info .about--link li a { color: var(--white); }
.sustanability--info .about--link li:before { background: var(--white); }
.sustanability--info .about--link li a:after { background: var(--white); }

.pdf--btn { margin-bottom: var(--gap-md); }
.pdf--div { display: none; width: 80%; height: auto; overflow: hidden; }
.pdf--div iframe { width: 100%; height: 100%; }
.pdf--wrap--div .pdf--btn .less--text { position: absolute; top: 0px; left: 0px; opacity: 0; transition: var(--all-medium); }
.pdf--wrap--div .pdf--btn { transition: var(--all-medium); position: relative; }
.pdf--wrap--div .pdf--btn span { transition: var(--all-medium); }
.pdf--wrap--div.active .pdf--btn .less--text { opacity: 1; }
.pdf--wrap--div.active .pdf--btn .more--text { opacity: 0; }

.pdf--cont { width: 100%; background: var(--white); }
.pdf--cont .pdf--banner { width: 100%; min-height: 300px; height: auto; position: relative; }
.pdf--cont .pdf--banner .banner-shape { position: absolute; left: 0px; bottom: 0px; width: 100%; height: auto; object-fit: contain; }
.pdf--cont .pdf--text > * { font-family: var(--helvetica); }
.pdf--cont .pdf--text { padding: var(--gap-xxl); }
.pdf--cont .pdf--text .p1 { font-size: 16px; font-weight: 600; margin-bottom: var(--gap-sm); color: #929597 }
.pdf--cont .pdf--text p { color: #595A5B; }
.pdf--cont .pdf--text .info--bx .h4 { color: var(--blue); font-size: 16px; margin-bottom: var(--gap-sm); }
.pdf--cont .pdf--text .info--bx { margin-bottom: var(--gap-lg); }
.pdf--cont .pdf--text .info--bx p { font-size: 14px; }
.pdf--cont .pdf--text .info--list--sec { margin-top: var(--gap-xl); }
.pdf--cont .pdf--text .info--list--sec .info--list { padding-left: 25px; position: relative; }
.pdf--cont .pdf--text .info--list--sec .info--list:before { content: ""; position: absolute; left: 0px; top:7px; border-radius: 50%; background: var(--blue);  width: 5px; height: 5px; }
.pdf--cont .pdf--text .info--list--sec .info--list  ul li, .pdf--cont .pdf--text .info--list--sec .info--list  ul li span { font-size: 14px; color: #595A5B; font-weight: 300; }
.pdf--cont .pdf--text .info--list--sec .info--list  ul li span { margin-right: 10px; }

/* NEWSLETTER SECTION */
.newsletter-cont { position: relative; padding: var(--gap-xxl) var(--gap-xxl) 150px var(--gap-xxl); margin-top: var(--gap-xl); }
.newsletter-cont p { color: var(--white); }
.newsletter-cont .bg--img { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: -1; }
.news--letter--txt .h2 { color: var(--white); }
.newsletter-cont .newsletter--form { display: flex; flex-wrap: wrap; column-gap: 20px; justify-content: flex-end; row-gap: 0; }
.select--cont select.form-control:not([size]):not([multiple]) { width: 350px; padding: 15px 10px; border: 1px solid var(--white); height: 100%; font-size: 16px; color: rgba(0,0,0,0.7); }
.news--letter--txt .h2 { margin-bottom: var(--gap-md); }
.newsletter-cont .select--cont { display: flex; line-height: 1; gap: 0; }
.newsletter-cont .select--cont select.form-control { margin: 0; }

.image--animation2 { overflow: hidden; width: 100%; height: 100%; }
.image--animation2 img { height: 100%; width: calc(100% + 200px); max-width: unset; object-fit: cover; }

/* EVENT SECTION */
.event--section { margin-top: var(--gap-xl); }
.event--section .event--cont { padding: var(--gap-xxl) var(--gap-xxl) calc(var(--gap-xxl) * 1.5) var(--gap-xxl); position: relative; }
.event--section .event--cont .bg--img { position: absolute; left: 0px; top: 0px; z-index: -1; }
.event--section .event--cont .h2 { color: var(--white); margin-bottom: var(--gap-md); }
.event--section .event--cont p { color: var(--white); }

.event--tab .nav { border-bottom: 3px solid var(--white); margin-bottom: var(--gap-xl); gap: 15px; }
.event--tab .nav-pills .nav-link { font-size: 20px; color: rgba(255,255,255,0.4); padding: 8px 0; padding-right: 15px; }
.event--tab .nav-pills li .nav-link { position: relative; }
.event--tab .nav-pills li .nav-link:before { content: ""; position: absolute; left: 0px; bottom: -4px; width: 0px; height: 4px; background: #6bbdba; transition: var(--all-medium); z-index: 1; }
.event--tab .nav-pills li .nav-link.active:before { width: 100%; }
.event--tab .nav-pills li { position: relative; }
.event--tab .nav-pills li:before { content: ""; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); width: 1px; height: 15px; background:rgba(255,255,255,0.4); } 
.event--tab .nav-pills li:last-child:before { display: none; }
.nav-pills .nav-link.active, .nav-pills .show>.nav-link { background: transparent; color: var(--white); }

.event--tab .event--bx { padding-right: 25px; padding-left: 3px; }
.event--tab .event--bx > * { color: var(--white); width: 100%; position: relative; }
.event--tab .event--bx:after { content: ""; position: absolute; top: 6px; right: 15px; height: 150px; width: 1px; background: rgba(255,255,255,0.3); }
.event--tab .event--bx .h4 { margin-bottom: var(--gap-md); font-weight: 500; transition: var(--all-medium); }
.event--tab .event--bx:hover .h4 { color: rgba(255,255,255,0.5); }
.event--tab .event--bx ul li { font-size: 14px; color: rgba(255,255,255,0.6); margin-bottom: 3px; }
.event--tab .event--bx ul li img { width: 14px; height: auto; margin-right: 10px; object-fit: contain; }

.newsletter--home--section .image--animation2 img { transform: rotateY(180deg); }

.event--btn--grp { display: flex; justify-content: space-between; margin-top: var(--gap-xxl); }
.swiper--btn { display: flex; flex-wrap: wrap; column-gap: 20px; }
.swiper--btn .btn { position: relative; padding: 0px; width: 60px; height: 45px; border: 1px solid #d3d3d3; display: flex; align-items: center; justify-content: center; }
.swiper--btn .btn .svg { width: 20px; }

.swiper--btn .btn:before { content: ""; opacity: 0; position: absolute; transition: var(--all-medium); left: 0px; top: 0px; width: 100%; height: 100%; z-index:0; background: linear-gradient(62deg, #193874, #6997ce, #005550, #55b1b4, #102d69); animation: gradient 10s ease infinite; background-size: 400% 400%; z-index: -1; } 
.swiper--btn .btn:hover:before { opacity: 1; }

.social--row .info--bx { padding: calc(var(--gap-xl) * 1.8); height: 100%; }

/* FOOTER */
footer .divide--line { width: 100%; height: 1px; background: rgba(178,178,178,0.5); margin-bottom: calc(var(--gap-xxl)* 1.5); display: flex; }

footer .footer--div .footer--logo { display: flex; width: 300px; margin-bottom: var(--gap-xxl); }
footer .footer--div .footer--title { font-size: 16px; color:var(--black); font-weight: 700; font-family: var(--helvetica); margin-bottom: var(--gap-md);}
footer .footer--div p, .footer--link li a { font-size: 15px; color: var(--black); }
footer .footer--link li a { padding-bottom: 1px; position: relative; display: inline-flex; }
footer .footer--link li a:before { content: ""; position: absolute; left: 0px; bottom: 0px; width: 0px; height: 1px; background: var(--blue); transition: var(--all-medium); }
footer .footer--link li a:hover:before { width: 100%; }
footer .footer--div p { width: 95%; }
footer .footer--link { display: flex; flex-flow: row wrap; }
footer .footer--link li { width: 50%; display: flex; margin-bottom: 3px; }
footer .footer--link.other--links li { width: 100%; }

footer .contact--addr { display: flex; flex-wrap: wrap; }
footer .contact--addr li { margin-right: var(--gap-xl); }
footer .contact--addr li a { display: inline-flex; position: relative; font-size: 35px; font-weight: 300; color: var(--blue); transition: var(--all-medium); font-family: var(--helvetica); }
footer .contact--addr li a:hover { color: var(--green); }
footer .contact--addr li a:before { content: ""; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 1px; background: var(--blue); transition: var(--all-medium); }
footer .contact--addr li a:after { content: ""; position: absolute; left: 0px; bottom: 0px; width: 0; height: 2px; background: var(--green); transition: var(--all-medium); }
footer .contact--addr li:hover a:after { width: 100%; } 

.footer--bottom { padding-top: var(--gap-xl); padding-bottom: var(--gap-lg); display: block; } 
footer .footer--bottom .footer--div p { color: var(--black); font-weight: 400; }
.footer--bottom p, .footer--bottom p a, .footer--bottom p span { font-size: 14px; color: rgba(0,0,0,0.8); margin-bottom: 0px; font-family: var(--helvetica); font-weight: 300; }
.footer--bottom .copy--right--txt { margin-right: 30px; }
.footer--bottom p a:hover { color:var(--green); }

/* IN PAGE BANNER */
.in--banner { width: 100%; height: 600px; position: relative; overflow: hidden; display: flex; align-items: flex-end; }
.in--banner .h2 { margin-bottom: 0px; position: relative; z-index: 11; font-family: var(--TTHovespro); color: var(--white); margin-left: 200px; margin-bottom: 25px; font-weight: 400; }
.no--shape.in--banner .h2 { margin-left: 0px; margin-bottom:50px; }  
.in--banner .in--banner--img { position: absolute; content: ""; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 0; }
.in--banner .in--banner--img img { width: 100%; height: 100%; object-fit: cover; object-position: center bottom; }
.no--overlay.in--banner:before, .no--overlay.in--banner:after { display: none; }
.in--banner--shape { position: absolute; left: 0px; bottom: 0px; width: 100%; height: auto; z-index: 0; }
.in--banner.in--banner2 .h2 { margin-right: 200px; margin-left: 0px; display: block; text-align: right; }

.application--bx2 { display: flex; width: 100%; height: auto; cursor:inherit; position: relative; background: #0e1d41; aspect-ratio: 1.1; overflow: hidden; }
.application--bx2 img { width: 100%; height: 100%; transition: var(--all-slow); }
.application--bx2 { display: flex; position: relative; }
.application--bx2 .overlay--txt { position: absolute; width: 100%; height: 100%; padding: 40px; transition: var(--all-medium); z-index: 1; }
.application--bx2 .overlay--txt .h4 { color: var(--white); font-size: 26px; margin-bottom: 15px; font-weight: 500; }
.application--bx2 .overlay--txt p { color: var(--white); transition: var(--all-medium); opacity: 0; }
.application--bx2:hover .overlay--txt p { opacity: 1; }
.application--bx2 .application--img { position: relative; }
.application--bx2 .application--img:before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 90%; opacity: 0.6; transition: var(--all-medium); background: linear-gradient(to bottom,  rgba(3,22,58,1) 0%,rgba(3,22,58,0.99) 1%,rgba(255,255,255,0.11) 60%,rgba(255,255,255,0) 100%); z-index: 1; }
.application--bx2:hover img { opacity: 0.12; transform: scale(1.1) rotate(5deg); }
.row.application--row { --bs-gutter-x: 40px; --bs-gutter-y: 40px; }

.properties--sec { background: linear-gradient(to right,  rgba(100,193,197,1) 0%,rgba(0,85,80,1) 100%); }
.properties--sec ul { display: grid; grid-template-columns: repeat(4, 1fr); }
.properties--sec ul li { padding: 30px; text-align: center; color: var(--white); border-right: 1px solid rgba(255,255,255,0.7); border-bottom: 1px solid rgba(255,255,255,0.7); }
.properties--sec ul li img { width: 80px; height: 80px; object-fit: contain; margin-bottom: var(--gap-sm); }
.properties--sec ul li p { color: rgba(255,255,255,0.7); }
.properties--sec ul li p:last-child { margin-bottom: 0px; }
.properties--sec ul li:nth-child(4n) { border-right: none; }
.properties--sec ul li:nth-last-child(-n+4) { border-bottom: none; }
.properties--sec .h2 { color: var(--white); }

.process--list li .text-box { display: none; background: #f0f0f0;  overflow: hidden; }
.process--list li .text-box .read--more--white:hover { opacity: 0.7; }
.process--list li .text-box .process--text { flex: 0 0 50%; padding: 60px 60px 60px 75px; z-index: 1; position: relative; box-shadow: inset 0 10px 15px -10px rgba(0, 0, 0, 0.07); }
.process--list li .text-box .process--text p { margin-bottom: 10px; }
.process--list li .text-box .process--text p:last-child { margin-bottom: 0px; }
.process--list li .text-box .process--text .h4 { color:var(--blue); font-weight: 500; margin-bottom: var(--gap-lg); }
.process--list li .text-box .process--img { flex: 0 0 50%; min-height: 600px; position: relative; z-index: 1; }
.process--list li .text-box .process--img img { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0px; left: 0px; z-index: 1; }
.process--list li a:not(.read--more--white) { display: flex; align-items: center; position: relative; padding: var(--gap-xl) 0px; }
.process--list li a .h3 { margin-bottom: 0px; }
.process--list li a .h3 span { position: relative; }
.process--list li:hover a .h3 span, .process--list li.active a .h3 span { background: linear-gradient(270deg, #193874, #6997ce, #005550, #55b1b4, #102d69, #6997ce); background-size: 300% 300%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: moveGradient 8s ease infinite; }
.process--list li:hover a .h3 span:after, .process--list li.active a .h3 span:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient(circle, rgba(255,255,255,0.3) 0%, transparent 40%) repeat; background-size: 10% 10%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: sparkle 4s linear infinite; }
.process--list li a .no { font-size: 16px; font-weight: 300; color: rgba(0,0,0,0,0.8); font-family: var(--helvetica); text-transform: uppercase; margin-right: var(--gap-xxl); padding-right: 30px; }
.process--list li a .icon { width: 16px; height: auto; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); transform-origin: center; transition: var(--all-medium); }
.process--list li a .icon .svg { width: 100%; height: auto; }
.process--list li.active a .icon svg path { fill: var(--blue); }
.process--list li.active a .icon { transform: translateY(-50%) rotate(180deg); }
.process--list li a { position: relative; }
.process--list li a .shadow-img { position: absolute; left: 0px; z-index: 0; top: 0px; height: auto; width: 100%; object-fit: contain; pointer-events: none; }


/* CONTACT PAGE */
.contact--sec .row { --bs-gutter-x: 100px; }
.contact--sec .map--div { width: 100%; height: 500px; }
.contact--addr li { display: flex; align-items: center; margin-bottom: 30px; }
.contact--addr li.location--div { align-items: flex-start; }
.contact--addr li .cont--icon { width: 80px; height: 80px; background: #9098b3; border-radius: 50%; display: flex; flex: 0 0 auto; margin-right: 30px; }
.contact--addr li .contact--txt { flex: 1; }
.contact--addr li .contact--txt a, .contact--addr li .contact--txt p { display: inline-flex; font-size: 24px; font-weight: 400; color:var(--black); padding-bottom: 0px; position: relative; margin-bottom: 0px; transition: var(--all-medium); }
.contact--addr li .contact--txt a:before { content: ""; position: absolute; left: 0px; bottom: 0px; width: 0px; height: 1px; background: var(--blue); transition: var(--all-medium); }
.contact--addr li .contact--txt a:hover:before { width: 100%; }
.contact--addr li .contact--txt a:hover { color: var(--blue); }

/* SUSTANABILITY PAGE */
.sustanability--sec ul li:first-child .h2 { margin-bottom: -45px; }
.sustanability--sec ul li:not(.sustanability--sec ul li ul li) { margin-bottom: calc(var(--gap-xxl) * 2); }
.sustanability--sec ul li:last-child:not(.sustanability--sec ul li ul li) { margin-bottom: 0px; }
.img--cont { padding: 60px 0px; height: 100%; position: relative; z-index: 1; }
.sustanability--sec ul li .info--div { height: 100%; display: flex; flex-direction: column; justify-content: center; }
.sustanability--sec ul li .info--div .h4 { color: var(--blue); margin-bottom: var(--gap-md); font-weight: 500; margin-top: 25px; }
.sustanability--sec ul li:nth-child(odd) .info--div { padding: 50px 150px 50px 250px; background: #f0f0f0; margin-left: -200px; }
.sustanability--sec ul li:nth-child(even) .info--div { padding: 50px 250px 50px 85px; background: #f0f0f0; margin-right: -200px; background: linear-gradient(135deg,  rgba(0,86,81,1) 0%,rgba(90,182,186,1) 100%); }
.sustanability--sec ul li:nth-child(even) .info--div > * { color: var(--white); }
.sustanability--sec ul li:nth-child(even) .info--div ul li { color: var(--white); }
.sustanability--sec ul li .info--div ul li { font-size: 18px; font-weight: 300; }
.sustanability--sec ul li .info--div p { margin-bottom: 10px; }
.sustanability--sec ul li .info--div ul { margin-bottom: var(--gap-md); }

/* ABOUT PAGE */
.bod--sec { background: linear-gradient(to right,  rgba(100,193,197,1) 0%,rgba(0,85,80,1) 100%); }
.bod--sec .h2 { color: var(--white); }
.bod--list { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 40px; }
.bod--list li .bod--img { width: 100%; aspect-ratio: 1; margin-bottom: var(--gap-md); }
.bod--list li .bod--info .name { font-size: 24px; font-weight: 600; font-family: var(--helvetica); color: var(--white); margin-bottom: 0px; }
.bod--list li .bod--info .designtion { display: flex; font-size: 20px; font-weight: 300; font-family: var(--helvetica); color:var(--white); }

.team--sec .bod--list li .bod--info .name { color: var(--blue); opacity: 0.7; }
.team--sec .bod--list li .bod--info .designtion { color: #58595b; }

.membership--section .row { --bs-gutter-x: 80px; }
.membership--section .membership--txt .h4 { margin-bottom: var(--gap-sm); color:var(--blue); font-weight: 500; }

.members--logo { display: flex; flex-wrap: wrap; justify-content: center; }
.members--logo li { flex: 0 0 20%; text-align: center; display: flex; align-items: center; justify-content: center; padding: 10px; border-top: 1px solid #bfbfbf;  border-right: 1px solid #bfbfbf; }
.members--logo li a { display: flex; justify-content: center; }
.members--logo li img { width: 80%; height: auto; object-fit: contain; }
.members--logo li:nth-child(6) { margin-left: 5%; }
.members--logo li:nth-child(9) { margin-right: 5%; }
.members--logo li:nth-child(1), .members--logo li:nth-child(6), .members--logo li:nth-child(10) { border-left: 1px solid #bfbfbf }
.members--logo li:nth-last-child(-n+5) { border-bottom: 1px solid #bfbfbf; }
.members--logo li:nth-child(6), .members--logo li:nth-child(7), .members--logo li:nth-child(8), .members--logo li:nth-child(9) { border-top: 0px solid #bfbfbf; }
.members--logo li:nth-child(-n+5) { border-bottom: 1px solid #bfbfbf; }

/* Fact & figures section */
.figures--bx .h6 { font-size: 30px; color: var(--blue); font-weight: 400; }
.figures--bx .h6 span { font-size: 50px; opacity: 0.5; font-weight: 300; margin-left: 5px; }
.figures--bx .h5 { background: #ebeced; padding: 20px 20px; font-size: 26px; color: var(--blue); font-weight: 600; width: 100%; }
.figures--bx ul li { display: flex; align-items: center; flex: 1; padding: var(--gap-xl) 0px; border-bottom: 1px dotted #a7a7a7; min-height: 150px; }
.figures--bx ul li:last-child { border-bottom: 0px; padding-bottom: 0px; }
.figures--bx ul li p { font-size: 28px; color: var(--blue); font-weight: 600; flex: 0 0 50%; margin-bottom: 0px; }
.figures--bx ul li p.title { color: #1d7573; }
.figures--bx ul li .logo--name { flex: 0 0 50%; }
.figures--bx ul li .logo--name img { height: auto; width: auto; object-fit: contain; }

.figures--table { margin-top: calc(var(--gap-xxl) * 1.5); }
table { width: 100%; margin-top: var(--gap-md); }
table tr td { padding: 20px 12px; font-size: 20px; color:var(--black); font-weight: 600; line-height: 1.1; }
table tr td a { font-size: 20px; }
.figures--table table tr td:first-child:not(.figures--table table thead tr td:first-child) { color: var(--blue); }
table thead tr td { background: #005550; color: var(--white); }
table thead tr td:first-child { color: var(--white); }
table tbody tr:nth-child(odd)  { background: #f2f2f2; }
table tbody tr.first--row  { background: #cdd9d9; }

.product--sec .application--bx2:before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 90%; opacity: 0.6; transition: var(--all-medium); background: linear-gradient(to bottom,  rgba(3,22,58,1) 0%,rgba(3,22,58,0.99) 1%,rgba(255,255,255,0.11) 60%,rgba(255,255,255,0) 100%); z-index: 1; }

.fact--divs { display: grid; grid-template-columns: repeat(4, 1fr); }
.fact--divs li { display: flex; padding: var(--gap-lg); text-align: center; flex-direction: column; align-items: center; justify-content: center; min-height: 210px; }
.fact--divs li:nth-child(1),.fact--divs li:nth-child(3),.fact--divs li:nth-child(6),.fact--divs li:nth-child(8),.fact--divs li:nth-child(9),.fact--divs li:nth-child(11) { background: #def0f1; }
.fact--divs li .icon { width: 100px; height: 100px; display: inline-flex; margin-bottom: var(--gap-lg); }
.fact--divs li .icon svg { height: 100%; width: 100%; object-fit: contain; }
.fact--divs li .h3 { margin-bottom: var(--gap-sm); color: var(--black); font-weight: 500; opacity: 0.9; line-height: 1; }
.facts--banner { overflow: hidden; }

.milestone--list { padding-left: 300px; }
.milestone--list ul li { display: flex; }
.milestone--list ul li .milestone--year { flex: 0 0 560px; padding-bottom: var(--gap-lg); cursor: pointer; position: relative; font-size: 90px; font-family: var(--TTHoves); display: flex; align-items: flex-start; line-height: 1; color: #95adad; font-weight: 300; border-right: 1px solid #95adad; transition: var(--all-medium); }
.milestone--list ul li .milestone--info .year--grp .milestone--year-in { position: relative; line-height: 1; color: #95adad; font-weight: 300; font-size: 50px; margin-bottom: var(--gap-md); }
.milestone--list ul li .milestone--info .year--grp .milestone--year-in:after { content: ""; position: absolute; top:0px; left: -76px; width: 0; height: 0; border-top: 30px solid transparent; border-bottom: 30px solid transparent; border-left: 20px solid #d2e3e3; transition: var(--all-medium); opacity: 1; }
.milestone--list ul li .milestone--info .year--grp:first-child .milestone--year-in:after { display: none; }

.milestone--list ul li.active .milestone--year, .milestone--list ul li:hover .milestone--year { color: var(--green); }
.milestone--list ul li.active .milestone--year:after { opacity: 1; }
.milestone--list ul li:last-child .milestone--year { padding-bottom: 0px; }
.milestone--list2.milestone--list ul li .milestone--year { flex: 0 0 600px; }
.milestone--list ul li .milestone--info { padding-left: 80px; padding-bottom: 80px; justify-content:space-between; flex: 1; }
.milestone--list ul li .milestone--info p { margin-bottom: 6px; font-weight: 200; }
.milestone--list ul li .milestone--info p, .milestone--list ul li .milestone--info p span { font-size: 18px; }
.milestone--list ul li .milestone--info p span { font-weight: 400; }
.milestone--list ul li:last-child .milestone--info { padding-bottom: 60px; }
.milestone--list ul li .milestone--info .year--grp { margin-bottom: var(--gap-xl); }

.milestone--list ul li .milestone--info .milestone--img { height: 650px; flex: 0 0 48%; }
.milestone--list ul li .milestone--info .milestone--img  img { object-position: center; }

.milestone--list2.milestone--list ul li:first-child .milestone--year { padding-top: 50px; }
.milestone--list2.milestone--list ul li:first-child .milestone--year:after { top: 50px; }
.milestone--list2.milestone--list ul li:first-child .milestone--info { padding-top: 50px; }
.milestone--list2.milestone--list ul li:last-child .milestone--info { padding-bottom: 0px; }
.milestone--list2.milestone--list ul li:first-child .milestone--year:before { content: ""; position: absolute; right: 0px; top: 0px; width: 200px; height: 1px; background: #95adad; }
.milestone--list ul li .milestone--year:after { content: ""; position: absolute; top:10px; left: calc(100% + 4px); width: 0; height: 0; border-top: 30px solid transparent; border-bottom: 30px solid transparent; border-left: 20px solid #d2e3e3; transition: var(--all-medium); opacity: 0; }
.milestone--sec .h2 { margin-bottom: calc(var(--gap-xxl)* 1.5); }

/* Newsletter page */
.newsletter--section { background: #ebebeb; }
.newsletter--tab .nav-pills { display: flex; justify-content: center; margin-top: 0px!important; }
.newsletter--tab .nav-pills li .nav-link { background: #b1d6d7; color: var(--blue); font-size: 24px; padding: 20px 50px; line-height: 1; transition: var(--all-medium); border-radius: 0px; }
.newsletter--tab .nav-pills li .nav-link.active { background: var(--blue); color: var(--white); }

.newsletter--list { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 70px 100px; }
.newsletter--list li a { display: flex; padding-right: 120px; min-height: 130px; border: 1px solid var(--green2); background: var(--white); align-items: center; justify-content: center; position: relative; }
.newsletter--list li a p { margin-bottom: 0px; font-size: 32px; transition: var(--all-medium); }
.newsletter--list li a:hover p { color: var(--blue); }
.newsletter--list li a .icon { width: 120px; height: 100%; position: absolute; right: 0px; top: 0px; padding: 25px; display: flex; align-items: center; justify-content: center; background: var(--blue); }
.newsletter--list li a .icon img { width: 100%; height: auto; object-fit: contain; }

.newsletter--section .h3 { font-weight: 500; margin-bottom: var(--gap-md); margin-top: var(--gap-xxl); }
.event--list li .text--box { display: none; margin-bottom: var(--gap-md); }
.event--list li a { position: relative; display: flex; padding: var(--gap-lg) 0px; }
.event--list li a .title { color: var(--blue); font-size: 35px; }
.event--list li a .icon { transition: var(--all-medium); text-align: center; display: flex; justify-content: center; align-items: center; }
.event--list li.active a .icon { transform: translateY(-50%) rotate(-180deg);}
.event--list li a .icon { position: absolute; right: 0px; top: 50%; display: flex; transform: translateY(-50%); width: 20px; height: 20px; }
.eventbx--list { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 60px; width: 100%; }
.eventbx--list li .event--bx { display: flex; flex: 1; background: var(--blue); }
.eventbx--list li .event--bx .event--l { flex: 0 0 230px; display: block; text-align: center; font-weight: 300; align-items: center; justify-content: center; color: var(--white); font-size: 24px; background: linear-gradient(to bottom,  rgba(7,21,50,1) 0%,rgba(0,0,0,0) 100%); padding: calc(var(--gap-xxl)* 1.5) var(--gap-xl); }
.eventbx--list li .event--bx .event--l .date { display: block; font-size: 50px; font-family: var(--TTHovespro); }
.eventbx--list li .event--bx .event--r { flex: 1; padding: var(--gap-xl); background: var(--green2); display: flex; justify-content: center; align-items: flex-start; flex-direction: column; }
.eventbx--list li .event--bx .event--r .h6 { font-weight: 500; font-size: 30px; color: var(--white); font-family: var(--helvetica); }
.eventbx--list li .event--bx .event--r p { color: var(--white); }

.event--list li a .title { position: relative; display: inline-flex; background: #ebebeb; padding-right: 10px }
.event--list li a:before { content: ""; position: absolute; left: 0; bottom: 30px; width: 100%; height: 1px; background:var(--green2); }
.calender--section { margin-bottom: calc(var(--gap-xxl)*2); }

/* MODAL */
.modal { background: rgba(0,0,0,0.7); }
.modal .container { max-width: 100%; }
.modal .btn-close { position: absolute; right: -10px; top: -10px; width: 30px; height: 30px; background: var(--blue); z-index: 111; opacity: 1; cursor: pointer; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.modal .btn-close img { width: 10px; height: auto; object-fit: contain; }
.modal .modal-dialog { max-width: 1000px; }
.modal .modal-body { padding: 50px 35px; }
.process-modal .process--info { display: flex; align-items: flex-start; }
.process-modal .process--info .h3 { color: var(--blue); font-weight: 500; margin-bottom: var(--gap-lg); }
.process-modal .process--info .h4 { margin-bottom: var(--gap-md); }    
.process-modal .process--img { flex: 0 0 300px; margin-right: 20px; height: auto; }
.process-modal .process--info .process--text { overflow-y: scroll; max-height: 80vh; }
.process-modal .process--info p { margin-bottom: 15px; }
.process-modal .process--info .process--text::-webkit-scrollbar { display: none; }

.application-modal .btn { margin-top: var(--gap-sm); }
.application-modal .h3 { font-weight: 500; font-size: 30px; margin-bottom: var(--gap-lg); }

/* uuct and producer */
.country--tab { margin-top: var(--gap-lg); }
.country--tab .nav-pills li .nav-link { background: transparent; width: 100%; padding: 0px; display: flex; flex-direction: column; justify-content: center; }
.country--tab .nav-pills li { width: 16.6%; }
.country--tab .nav-pills li .nav-link { width: 100%; position: relative; font-size: 24px; font-family: var(--helvetica); color: var(--black); position: relative; padding-bottom: var(--gap-lg); }
.country--tab .nav-pills li .nav-link:after { content: ""; position: absolute; left: 50%; transform: translateY(-10px) translateX(-50%); top: 100%; width: 30px; height: 30px; background-image: url("../images/icons/down-arrow.svg"); background-size: 25px; z-index: 11; background-repeat: no-repeat; background-position: center; transition: var(--all-medium); opacity: 0; }
.country--tab .nav-pills li .nav-link.active:after { transform: translateY(0) translateX(-50%); opacity: 1; }

.country--section .tab-content .tab-pane { padding-top: var(--gap-xxl); }
.country--logo { padding: 0px var(--gap-xxl);}
.country--logo img { transition: var(--all-medium); }
.country--tab .nav-pills li .nav-link.active .country--logo img { opacity: 0.7; }

table .title--row { background: #cdd9d9!important; }
.tabel--section table tr.title--row td { font-weight: 600; font-size: 24px; color: var(--blue) }
.tabel--section table tr td, .tabel--section table tr td a { font-weight: 300; color: var(--black); }
.tabel--section table tr td a:hover { color: var(--green); }
.tabel--section table thead tr td { font-weight: 500; font-size: 24px; }
.tabel--section table { margin-top: 0px; }

.product--tab.country--tab .nav-pills li { width: calc((100% - (40px * 2)) / 3); }
.product--tab.country--tab .nav-pills { padding-bottom: 0px; gap: 40px; }
.product--tab .nav-pills li .application--bx2 { border-radius: 0; aspect-ratio: 1.5; }
.product--tab .nav-pills li .application--bx2:hover img { opacity: 0.9; }
.product--tab .nav-pills li .application--bx2 .h3 { color: var(--white); }
.product--tab .nav-pills li .application--bx2 .overlay--txt { padding: 25px; }

.product--sec .tab-content .tab-pane { padding-top: var(--gap-xxl); margin-bottom: var(--gap-xxl); }

.intl-tel-input .selected-flag .iti-flag { left: 8px !important; }
.intl-tel-input.separate-dial-code .selected-dial-code { display: none!important; font-size: 16px; }
.intl-tel-input.allow-dropdown .selected-flag, .intl-tel-input.separate-dial-code .selected-flag { width: 50px!important; }
.intl-tel-input.allow-dropdown.separate-dial-code input[type=text] { padding-left: 65px!important; }

.wpcf7-not-valid-tip { font-size: 16px!important; margin-top: 2px; font-weight: 300!important; }
.wpcf7 form .wpcf7-response-output { padding: 10px 15px!important; font-size: 14px; margin-bottom: 0px!important; }
.wpcf7 form.sent .wpcf7-response-output { margin-left: 0px!important; margin-right: 0px!important; }

/* 404 PAGE */
.error--header { background: var(--blue); }
.not-found { width: 100%; min-height: 75vh; display: flex; flex-flow: row wrap; align-items: center; padding-top: 80px; text-align: center; }
.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: rgb(var(--black) / 60%); }
.not-found .subtitle { font-size: 140px; font-weight: 900; line-height: 1; margin-bottom: 30px; color: var(--blue); }

.grecaptcha-badge { display: none!important; }