@charset "utf-8";
@font-face { font-family: 'GT-Walsheim'; font-weight: 400; font-style: normal; src: url(fonts/GT-Walsheim-Regular-Trial.eot); src: url(fonts/GT-Walsheim-Regular-Trial.eot?#iefix) format('embedded-opentype'), url(fonts/GT-Walsheim-Regular-Trial.otf) format('otf'), url(fonts/GT-Walsheim-Regular-Trial.svg#GT-Walsheim-Regular-Trial) format('svg'), url(fonts/GT-Walsheim-Regular-Trial.ttf) format('truetype'), url(fonts/GT-Walsheim-Regular-Trial.woff) format('woff'), url(fonts/GT-Walsheim-Regular-Trial.woff2) format('woff2'); }
@font-face { font-family: 'GT-Walsheim'; font-weight: 300; font-style: normal; src: url(fonts/GT-Walsheim-Thin-Trial.eot); src: url(fonts/GT-Walsheim-Thin-Trial.eot?#iefix) format('embedded-opentype'), url(fonts/GT-Walsheim-Thin-Trial.otf) format('otf'), url(fonts/GT-Walsheim-Thin-Trial.svg#GT-Walsheim-Thin-Trial) format('svg'), url(fonts/GT-Walsheim-Thin-Trial.ttf) format('truetype'), url(fonts/GT-Walsheim-Thin-Trial.woff) format('woff'), url(fonts/GT-Walsheim-Thin-Trial.woff2) format('woff2'); }
@font-face { font-family: 'GT-Walsheim'; font-weight: 500; font-style: normal; src: url(fonts/GT-Walsheim-Medium-Trial.eot); src: url(fonts/GT-Walsheim-Medium-Trial.eot?#iefix) format('embedded-opentype'), url(fonts/GT-Walsheim-Medium-Trial.otf) format('otf'), url(fonts/GT-Walsheim-Medium-Trial.svg#GT-Walsheim-Medium-Trial) format('svg'), url(fonts/GT-Walsheim-Medium-Trial.ttf) format('truetype'), url(fonts/GT-Walsheim-Medium-Trial.woff) format('woff'), url(fonts/GT-Walsheim-Medium-Trial.woff2) format('woff2'); }
@font-face { font-family: 'HelveticaNeue'; font-weight: 500; font-style: normal; src: url(fonts/HelveticaNeueMedium.eot); src: url(fonts/HelveticaNeueMedium.eot?#iefix) format('embedded-opentype'), url(fonts/HelveticaNeueMedium.otf) format('otf'), url(fonts/HelveticaNeueMedium.svg#HelveticaNeueMedium) format('svg'), url(fonts/HelveticaNeueMedium.ttf) format('truetype'), url(fonts/HelveticaNeueMedium.woff) format('woff'), url(fonts/HelveticaNeueMedium.woff2) format('woff2'); }
@font-face { font-family: 'HelveticaNeue'; font-weight: 300; font-style: normal; src: url(fonts/HelveticaNeueLight.eot); src: url(fonts/HelveticaNeueLight.eot?#iefix) format('embedded-opentype'), url(fonts/HelveticaNeueLight.otf) format('otf'), url(fonts/HelveticaNeueLight.svg#HelveticaNeueLight) format('svg'), url(fonts/HelveticaNeueLight.ttf) format('truetype'), url(fonts/HelveticaNeueLight.woff) format('woff'), url(fonts/HelveticaNeueLight.woff2) format('woff2'); }
@font-face { font-family: 'Epilogue'; font-weight: 200; font-style: normal; src: url(fonts/Epilogue-Thin.eot); src: url(fonts/Epilogue-Thin.eot?#iefix) format('embedded-opentype'), url(fonts/Epilogue-Thin.otf) format('otf'), url(fonts/Epilogue-Thin.svg#Epilogue-Thin) format('svg'), url(fonts/Epilogue-Thin.ttf) format('truetype'), url(fonts/Epilogue-Thin.woff) format('woff'), url(fonts/Epilogue-Thin.woff2) format('woff2'); }
@font-face { font-family: 'Epilogue'; font-weight: 500; font-style: normal; src: url(fonts/Epilogue-Medium.eot); src: url(fonts/Epilogue-Medium.eot?#iefix) format('embedded-opentype'), url(fonts/Epilogue-Medium.otf) format('otf'), url(fonts/Epilogue-Medium.svg#Epilogue-Medium) format('svg'), url(fonts/Epilogue-Medium.ttf) format('truetype'), url(fonts/Epilogue-Medium.woff) format('woff'), url(fonts/Epilogue-Medium.woff2) format('woff2'); }
@font-face { font-family: 'Epilogue'; font-weight: 600; font-style: normal; src: url(fonts/Epilogue-Bold.eot); src: url(fonts/Epilogue-Bold.eot?#iefix) format('embedded-opentype'), url(fonts/Epilogue-Bold.otf) format('otf'), url(fonts/Epilogue-Bold.svg#Epilogue-Bold) format('svg'), url(fonts/Epilogue-Bold.ttf) format('truetype'), url(fonts/Epilogue-Bold.woff) format('woff'), url(fonts/Epilogue-Bold.woff2) format('woff2'); }
@font-face { font-family: 'Epilogue'; font-weight: 300; font-style: normal; src: url(fonts/Epilogue-Light.eot); src: url(fonts/Epilogue-Light.eot?#iefix) format('embedded-opentype'), url(fonts/Epilogue-Light.otf) format('otf'), url(fonts/Epilogue-Light.svg#Epilogue-Light) format('svg'), url(fonts/Epilogue-Light.ttf) format('truetype'), url(fonts/Epilogue-Light.woff) format('woff'), url(fonts/Epilogue-Light.woff2) format('woff2'); }
@font-face { font-family: 'Epilogue'; font-weight: 400; font-style: normal; src: url(fonts/Epilogue-Regular.eot); src: url(fonts/Epilogue-Regular.eot?#iefix) format('embedded-opentype'), url(fonts/Epilogue-Regular.otf) format('otf'), url(fonts/Epilogue-Regular.svg#Epilogue-Regular) format('svg'), url(fonts/Epilogue-Regular.ttf) format('truetype'), url(fonts/Epilogue-Regular.woff) format('woff'), url(fonts/Epilogue-Regular.woff2) format('woff2'); }

:root {
--GT-Walsheim:"GT-Walsheim", sans-serif;
--Epilogue:"Epilogue";
--helvetica:"HelveticaNeue";

/* COLOR VARIABLES */
--white: #ffffff;
--black: #000000;
--green: #00C9D4;
--blue: #0626A9;
--grey: #BFBFBF;
--your-color: #0626A9; 

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

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

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

body { width: 100%; font-size: 15px; line-height: 1.4; width: 100%; position: relative; font-weight: 300; color: var(--black); z-index: 1; font-family: var(--Epilogue); -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); overflow-x: hidden; }
body p { font-size: 15px; line-height: 1.4; color: #5C5555; margin-bottom: 20px; font-weight: 300; font-family: var(--Epilogue); }
.no-scroll { overflow: hidden; }

::-moz-selection { color: var(--white); background: var(--black); }
::selection { color: var(--white); background: var(--black); }
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #f2f2f2; }
::-webkit-scrollbar-thumb { background-color: var(--blue); border-radius: 3px; }

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

@media screen and (min-width: 1200px) {
.container-fluid { max-width: calc(100% - 200px); margin: 0 auto; position: relative; }
.container { max-width: 95%; }
}
@media screen and (min-width: 1680px) {
.container { max-width: 1600px; position: relative; z-index: 1; }
}
@media screen and (min-width: 2559.98px) {
.container { max-width: 1880px; position: relative; z-index: 1; }
}

.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); }

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

.img--bx { border-radius: 16px; overflow: hidden; }
img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

#smooth-content { position: relative; overflow: hidden; }
.overlay--div { opacity: 0; pointer-events: none; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 111; background: rgba(0, 0, 0, 0.85); -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
body.no-scroll .overlay--div { opacity: 1; }
html.modal-open, body.modal-open, .modal-open .navbar, .modal-open .header { padding-right: 0 !important; overflow: hidden; }

/* HEADINGS */
.hero--1 { font-size: 64px; line-height: 1; font-weight: 400; font-family: var(--GT-Walsheim); }
.hero--2 { font-size: 44px; line-height: 1; font-weight: 400; font-family: var(--GT-Walsheim); color: var(--black); }

.h1 { font-size: 64px; line-height: 1; font-weight: 400; font-family: var(--GT-Walsheim); margin-bottom: calc(var(--gap-xl) * 1.3); }
.h2 { font-size: 44px; line-height: 1; font-weight: 400; font-family: var(--GT-Walsheim); margin-bottom: calc(var(--gap-xl) * 1.3); }
.h3 { font-size: 32px; line-height: 1; font-weight: 400; font-family: var(--GT-Walsheim); margin-bottom: var(--gap-lg); } 
.h4 { font-size: 30px; line-height: 1; font-weight: 400; font-family: var(--GT-Walsheim); }
.h5 { font-size: 22px; line-height: 1; font-weight: 400; font-family: var(--GT-Walsheim); }
.h6 { font-size: 20px; line-height: 1; font-weight: 500; font-family: var(--GT-Walsheim); }
.h7 { font-size: 20px; line-height: 1; font-weight: 300; font-family: var(--GT-Walsheim); }
.h8 { font-size: 18px; line-height: 1; font-weight: 300; font-family: var(--GT-Walsheim); }
.h9 { font-size: 14px; line-height: 1; font-weight: 500; font-family: var(--GT-Walsheim); }

.p1 { font-size: 30px; line-height: 1.3; font-weight: 300; font-family: var(--helvetica); color: var(--black); }
.p2 { font-size: 20px; font-weight: 400; line-height: 1.2; font-family: var(--GT-Walsheim); color: var(--black); margin-bottom: var(--gap-lg); }

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

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

.img--bx { width: 100%; height: auto; }
.img--bx img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

/* BUTTONS */
.btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: var(--gap-md) var(--gap-lg); border-radius: 40px; cursor: pointer; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); position: relative; }
.btn span { font-size: 16px; font-weight: 500; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1.1; text-align: center; font-family: var(--GT-Walsheim); color: inherit; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); position: relative; z-index: 1; }
.btn .svg { width: 15px; height: auto; margin-left: 10px; margin-top: 1px; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.btn:hover .svg { -webkit-transform: translateX(3px); -ms-transform: translateX(3px); transform: translateX(3px); }
.btn .svg path { -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }

.btn--primary { background: var(--white); color: var(--black); }
.btn--primary span { color: var(--black); }
.btn--primary:hover { background: var(--green); }
.btn--primary:hover span { color: var(--white); }
.btn--primary:hover svg path { fill: var(--white); }

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

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

.btn--border--black:hover { border-color: #3378b9; }
.btn--border--black:hover span { color: var(--white); }
.btn--border--black svg path { stroke: var(--black); }
.btn--border--black:hover svg path { stroke: var(--white); }

.read--more { font-size: 15px; color: var(--black);  font-family: var(--Epilogue); font-weight: 400; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); text-decoration: underline; text-underline-offset: 2px; }
.read--more:hover { color: var(--green); text-decoration: underline; }

.img-animate { overflow: hidden; }
.img-animate img { -webkit-transition: none; -o-transition: none; transition: none; }


/* HEADER */
.header { position: fixed; left: 0; top: 0; width: 100%; border-bottom: 1px solid transparent; background: var(--white); z-index: 111; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.header.show { background: rgba(255,255,255,0.9); border-bottom: 1px solid var(--green); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); }
.header .container-fluid { max-width: 100%; }
.header .logo { width: 160px; 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: 80px; }
.header .navbar--nav { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.header .navbar--nav li:not(.dropdown--menu li) { padding: 50px 0px; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.header.show .navbar--nav li:not(.dropdown--menu li) { padding: 18px 0px; }
.header .navbar--nav li a { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: var(--gap-xxl); letter-spacing: 0.6px; padding: 8px 0px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: var(--black); font-size: 16px; font-weight: 500; line-height: 1; color: var(--black); font-family: var(--GT-Walsheim); -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); position: relative; }
.header .navbar--nav li:first-child a { margin-left: 0px; }
.header .navbar--nav li a:after { content: ""; position: absolute; right: 0px; bottom: 0px; width: 0px; height: 2px; background: var(--green); -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.active a:after { width: 100%; left: 0; right: unset; }
.header .navbar--nav li.active .dropdown--menu li a::after { width: 0px; }
.header .navbar--nav li.active .dropdown--menu li a:hover::after { width: 100%; }
.header .navbar--nav li a span { text-transform: uppercase; font-size: 14px; }
.header .navbar--nav li .btn { padding: calc(var(--gap-sm) / 2 * 3 + 4px) var(--gap-xl) calc(var(--gap-sm) / 2 * 3) var(--gap-xl); }
.header .navbar--nav li .btn--border--white:after { display: none; }
.header .navbar--container { margin-left: calc(var(--gap-xl)* 2.5); }

.dropdown--bx a .arrow { width: 10px; height: auto; -o-object-fit: contain; object-fit: contain; margin-left: 6px; }
.dropdown--bx { position: relative; }
.dropdown--bx .dropdown--menu { position: absolute; top: 100%; left: 50%; -webkit-transform: translateX(-50%) translateY(10px); -ms-transform: translateX(-50%) translateY(10px); transform: translateX(-50%) translateY(10px); min-width: 290px; width: auto; background: var(--white); border: 1px solid var(--green); opacity: 0; pointer-events: none; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); border-radius: 6px; padding: 20px 20px 10px 20px; }
.dropdown--bx .dropdown--menu li a { margin-left: 0px; font-size: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 14px 0px; opacity: 0.9; border-bottom: 1px solid #ebebeb; }
.dropdown--bx .dropdown--menu li:last-child a { border-bottom: 0px; }
.dropdown--bx .dropdown--menu li:first-child a { padding-top: 0px; }
.dropdown--bx .dropdown--menu:before { content: ""; position: absolute; width: 15px; height: 15px; bottom: 100%; left: 50%; -webkit-transform: translateX(-50%) rotate(45deg); -ms-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); margin-bottom: -7px; background: var(--white); border-top: 1px solid var(--green); border-left: 1px solid var(--green); }
.dropdown--bx:hover .dropdown--menu { opacity: 1; -webkit-transform: translateX(-50%) translateY(0px); -ms-transform: translateX(-50%) translateY(0px); transform: translateX(-50%) translateY(0px); pointer-events: auto; }

/* custom dropdown */
.header--right ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
.header--right ul li { padding-left: 15px; margin-left: 20px; position: relative; }
.header--right ul li:first-child { padding-left: 0px; margin-left: 0px; }
.header--right ul li:first-child:before { display: none; }
.header--right ul li:before { content: ""; position: absolute; left: 0px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 1px; height: 12px; background: var(--grey); }
.header--right ul .hamburger--div--cont { display: none; }
.navbar--container .close--btn { display: none; }
.lang--btn { -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); font-size: 16px; }
.lang--btn:hover { color: var(--green); }

.header--right ul li .search--div { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; width: auto; height: auto; }
.header--right ul li .search--div img { width: 15px; height: auto; margin-left: 10px; -o-object-fit: contain; object-fit: contain; }
.header--right ul li .search--div .is-search-input { position: absolute; right: 100%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: transparent; border-radius: 0px; padding: 6px 0px; min-height: 35px; width: 0px; height: 100%; border: 0px; border-bottom: 1px solid var(--grey); margin-left: auto; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); color: var(--white); }
.header--right ul li .search--div.active .is-search-input { width: 150px; }
.header--right ul li .search--div input::-webkit-input-placeholder { font-size: 12px; }
.header--right ul li .search--div input::-moz-placeholder { font-size: 12px; }
.header--right ul li .search--div input:-ms-input-placeholder { font-size: 12px; }
.header--right ul li .search--div input::-ms-input-placeholder { font-size: 12px; }
.header--right ul li .search--div input::placeholder { font-size: 12px; }

/* BANNER */
.home--banner { height: 100vh; width: 100%; z-index: 1; will-change: transform; position: relative; }
.home--banner .bg { width: 100%; height: 100%; background: #000000; }
.home--banner .banner--video { width: 100%; height: 100%; }
.home--banner .banner--video video { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.home--banner .banner--video::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%;  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 25%,rgba(0,0,0,0.8) 90%,rgba(0,0,0,0.8) 100%); }
.home--banner .banner--content { position: absolute; bottom: 160px; left: 0px; width: 100%; }
.home--banner .banner--content .hero--1 { color: var(--white); margin-bottom: var(--gap-xxl); }
.home--banner .banner--content p { color: var(--white); margin-bottom: var(--gap-xl); font-weight: 500; }

/* about section */
.home--about .row { --bs-gutter-x: 50px; }
.home--about .h1 { margin-bottom: var(--gap-xxxl); }
.rating--div { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: 50px; -moz-column-gap: 50px; column-gap: 50px; }
.rating--div li { -webkit-box-flex: 0; -ms-flex: 0 0 calc(33.33% - 50px); flex: 0 0 calc(33.33% - 50px); }
.rating--div li .rating--bx .counter--bx { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: var(--gap-xl) }
.rating--div li .rating--bx .counter--bx .counter--value-grp, .rating--div li .rating--bx .counter--bx .counter--value-grp .counter--value { color: var(--blue); line-height: 1; font-size: 64px; font-family: var(--GT-Walsheim); font-weight: 300; }
.rating--div li .rating--bx .counter--bx .counter--text { font-size: 20px; line-height: 1.2; font-weight: 400; font-family: var(--GT-Walsheim); margin-left: var(--gap-md); }
.rating--div li .rating--bx p:last-child { margin-bottom: 0px; }

/* home service */
.service--bx { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border: 1px solid var(--grey); border-radius: 14px; overflow: hidden; height: 100%; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.service--bx:hover { border-color: var(--green); -webkit-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); }
.service--bx .service--img { width: 100%; height: 250px; overflow: hidden; }
.service--bx .service--img img { -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.service--bx .service--txt { padding: var(--gap-lg) var(--gap-md); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.service--bx .service--txt .h3 { color: var(--blue); margin-bottom: var(--gap-md); min-height: 65px; }
.service--bx .service--txt .btn--border--green { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.service--bx .service--txt .btn--border--green span { text-align: left; }
.service--bx:hover .btn--border--green svg path { fill: var(--white); }
.service--bx:hover .btn--border--green { background: var(--green); }
.service--bx:hover .btn--border--green span { color: var(--white); }

/* sustanability section */
.sustanability--efforts { background-color: #EFEFEF; position: relative; }
.sustanability--efforts .leaf--img { width: 350px; height: auto; position: absolute; bottom: 0px; left: 48%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); overflow: hidden; }
.sustanability--efforts .leaf--img img { margin-bottom: -70px; }
.sustanability--efforts .row { --bs-gutter-x: var(--gap-xxl); }
.sustanability--efforts .rating--div { -webkit-column-gap: 60px; -moz-column-gap: 60px; column-gap: 60px; row-gap: var(--gap-lg); }
.sustanability--efforts .rating--div li { -webkit-box-flex:0; -ms-flex:0 0 calc(50% - 60px); flex:0 0 calc(50% - 60px); }
.sustanability--efforts .rating--div li p:last-child { margin-bottom: 0px; }
.sustanability--efforts .rating--div li .rating--bx .counter--value-grp, .sustanability--efforts .rating--div li .rating--bx .counter--value-grp .counter--value { font-size: 48px; color: var(--green); font-weight: 400; font-family: var(--GT-Walsheim); }

/* stakholder section */
.stakeholder--list { display: -ms-grid; display: grid; grid-template-columns: repeat(6, 1fr); }
.stakeholder--list li { 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: 25px 15px; border: 1px solid rgba(191,191,191, 0.4); border-left: 0px; }
.stakeholder--list li:first-child { border-left: 1px solid rgba(191,191,191, 0.4); }
.stakeholder--list li 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; cursor: default; }
.stakeholder--list li a img { opacity: 0; -webkit-transition: opacity 1.5s ease-in-out; -o-transition: opacity 1.5s ease-in-out; transition: opacity 1.5s ease-in-out; max-width: 100%; }
.stakeholder--list li a img:last-child { position: absolute; left: 50%; top: 50%; max-width: 85%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: auto; height: auto; -o-object-fit: contain; object-fit: contain; }
.stakeholder--list li a img.active { opacity: 1; }

.industry--info--sec { background: #EFEFEF; }
.industry--info--sec .row { --bs-gutter-x: 55px; }
.industry--info--sec .h1 { margin-bottom: 0px; }

/* FOOTER */
footer { position: relative; overflow: hidden; padding-top: calc(var(--gap-xxl) * 2); border-top: 1px solid rgba(191,191,191, 0.5) }
footer .container-fluid { max-width: 100%; }

.footer--div .footer--logo { width: 233px; }
.footer--div .footer--title { font-size: 18px; color: var(--black); margin-bottom: var(--gap-lg); font-family: var(--GT-Walsheim); font-weight: 400; }
.footer--link li a { font-size: 15px; line-height: 1.3; color: var(--black); font-weight: 300; display: -webkit-box; display: -ms-flexbox; display: flex; width: auto; position: relative; }
.footer--link li a:before { content: ""; position: absolute; right: 0px; bottom: 2px; width: 0px; height: 1px; background: var(--black); -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.footer--link li a:hover:before { width: 100%; left: 0px; right: unset; }
.footer--link li { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 8px; }
.footer--link li:last-child { margin-bottom: 0px; }
.footer--div { position: relative; height: 100%; }
.footer--last--div { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.social--link { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 10px; }
.social--link li a { width: 25px; height: 20px; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.social--link li a .svg { -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); height: auto; width: 20px; -webkit-transform: var(--all-medium); -ms-transform: var(--all-medium); transform: var(--all-medium); }
.social--link li a:hover .svg { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }
.social--link li { margin-right: var(--gap-md); }
.social--link li a:hover { background: var(--dark-blue); border-color: var(--dark-blue); }
.social--link li a:hover svg path { fill:var(--white); }

.footer--bottom { padding: var(--gap-lg) 0px; border-top: 1px solid rgba(191,191,191, 0.4); margin-top: calc(var(--gap-xxl) * 2); }
.footer--bottom p { margin-bottom: 0px; }
.footer--bottom .copy--text, .footer--bottom .copy--text span { font-size: 14px; color: var(--black); font-weight: 300; }

/* innerpages */
.in--page--banner { position: relative; height: 550px; overflow: hidden; border-radius: 16px; margin-top: var(--gap-md); }
.in--page--banner img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.in--page--banner .in--banner--text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: absolute; left: 0px; bottom: 0px; width: 100%; z-index: 11; padding: var(--gap-lg) var(--gap-xxl); background: rgba(255,255,255,0.92); }
.in--page--banner .in--banner--text .hero--2 { margin-bottom: var(--gap-md); }

.bredcrump { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.bredcrump li img { width: 5px; height: auto; margin-left: 8px; -o-object-fit: contain; object-fit: contain; }
.bredcrump li, .bredcrump li a { color:#8E8E8E; font-size: 14px; font-family: var(--Epilogue); font-weight: 400; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.bredcrump li { margin-right: 8px; color: #4C4C4C; }
.bredcrump li a:hover { color:var(--green); }

/* Career page */
.info--div--sec .row { --bs-gutter-x: 80px; }
.info--div--sec p:last-child { margin-bottom: 0px; }
.people--list { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 20px 1fr 20px 1fr; grid-template-columns: repeat(3, 1fr); grid-gap: 20px; height: 100%; } 
.people--list li { border-radius: 16px; overflow: hidden; min-height: 470px; height: 100%; }

.check--list--cont { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 60px 1fr; grid-template-columns: repeat(2, 1fr); height: 100%; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; padding: var(--gap-xxl) var(--gap-xl); border: 1px solid rgba(191,191,191, 0.4); border-radius: 16px; }
.check--list--cont li { padding-bottom: var(--gap-lg); border-bottom: 1px solid rgba(191,191,191, 0.4); margin-bottom: var(--gap-xl); }
.check--list--cont li .check--div { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
.check--list--cont li .check--div img { width: 20px; margin-top: 5px; height: auto; -o-object-fit: contain; object-fit: contain; margin-right: var(--gap-md); -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; }
.check--list--cont li .check--div p { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-bottom: 0px; }
.check--list--cont li:last-child, .check--list--cont li:nth-last-child(-n+2) { border-bottom: 0px; margin-bottom: 0px; border: none; padding-bottom: 0px; }

.check--list--cont li .check--div .text--grp { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
.check--list--cont li .check--div .text--grp .p2 { margin-bottom: 8px; font-weight: 300; font-family: var(--Epilogue); }
.check--list--cont li .check--div .text--grp .check--title { font-weight: 500; margin-bottom: 6px; }

.join--text { width: 100%; height: 100%; border: 1px solid rgba(191,191,191, 0.4); border-radius: 16px; padding: var(--gap-xl); }
.join--text .p1 { color: var(--blue); font-weight: 400; font-family: var(--GT-Walsheim); line-height: 1.1; }
.join--us--sec .btn { margin-top: calc(var(--gap-xxl) * 1.5); }
.join--text p:last-child { margin-bottom: 0px; }

/* contact page */
.join--text .cont--adress li a { padding-right: 10px; margin-right: 10px; position: relative; }
.join--text .cont--adress li a:before { content: ""; position: absolute; right: 0px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 1px; height: 15px; background: var(--grey); }
.join--text .cont--adress li a:last-child:before { display: none; }
.join--text .cont--adress li a:last-child { padding-right: 0px; margin-right: 0px; }
.join--text .cont--adress li a, .join--text .cont--adress li, .join--text .cont--adress li a span { font-size: 15px; color: #5C5555; }
.join--text .cont--adress li a span { position: relative; margin-left: 4px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; }
.join--text .cont--adress li a span:before { content: ""; position: absolute; left: 0px; bottom: 0px; width: 0px; height: 1px; background: var(--green); -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.join--text .cont--adress li a:hover span:before { width: 100%; }
.join--text .cont--adress { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.join--text .cont--adress li { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: var(--gap-sm); -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; }
.join--text .grp--div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.join--text .grp--div ul li { font-size: 14px; color: #5C5555; }
.join--text .grp--div ul li a svg path { stroke: #5C5555; }
.join--text .grp--div .social--link { margin-top: 0px; }
.contact--sec .row { --bs-gutter-y: 30px; --bs-gutter-x: 30px; }

/* Services page */
.join--text .title--grp { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.join--text .title--grp .icon { width: 40px; height: auto; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-right: var(--gap-md); }
.join--text .title--grp .icon img { -o-object-fit: contain; object-fit: contain; }
.join--text .title--grp .p1 { margin-bottom: 0px; line-height: 1.1; }
.join--text .title--grp { margin-bottom: calc(var(--gap-md) * 1.5); min-height: 65px; }

.sub--services--sec .join--text { padding: calc(var(--gap-md) * 1.5); border-radius: 12px; }
.sub--services--sec .row { --bs-gutter-y: 25px; }
.sub--services--sec .h2 { margin-bottom: var(--gap-md); }

.experience--sec { background: #EFEFEF; }
.experience--sec .row { --bs-gutter-x: 50px; }
.experience--sec .exp--text .check--list--cont { border: 0px; padding: 0px; margin-top: var(--gap-xl); -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; }

.travel--sec { display: none; }
.travel--sec .row { --bs-gutter-x: 40px; }

.services--offered .join--text .p1 { min-height: 70px; }
.services--offered .join--text a { -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); text-decoration: underline; text-underline-offset: 3px; }
.services--offered .join--text a:hover { color: var(--green); }
.services--offered .join--text p span { font-weight: 500; }
.services--offered .h2 { margin-bottom: var(--gap-xl); }
.services--offered .row { --bs-gutter-y: 25px; }

.nav-tabs li .nav-link { border: 0px; padding: var(--gap-lg); font-family: var(--Epilogue); font-size: 20px; font-weight: 600; color: #5C5555; position: relative; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.nav-tabs li .nav-link.active { color: var(--blue); }
.nav-tabs li .nav-link:before { content: ""; width: 0px; height: 8px; background: var(--green); position: absolute; left: 0px; bottom: -1px; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.nav-tabs li .nav-link.active:before { width: 100%; } 
.nav-tabs { border-bottom: 2px solid var(--blue); }

.benefit--bx { padding: var(--gap-xxl) 0px; border-radius: 16px; border-top-left-radius: 0px!important; border-top-right-radius: 0px!important; border: 1px solid rgba(191,191,191, 0.4); border-top: 0px; }
.benefit--sec .h2 { margin-bottom: var(--gap-md); }
.benefit--sec .p1 { margin-bottom: var(--gap-xl); }
.benefit--bx .join--text { padding: 0px var(--gap-lg); border: 0px; border-radius: 0px; border-right: 1px solid rgba(191,191,191, 0.4); }
.benefit--bx .join--text .p1 { min-height: 70px; }
.benefit--bx ul li:last-child.join--text { border-right: 0px; }
.benefit--bx .row { row-gap: 20px; }

.security--service--list .row { --bs-gutter-y: 25px; }
.benefit--bx.security--service--list { border-top: 1px solid rgba(191, 191, 191, 0.4); border-radius: 16px!important; }
.benefit--sec.munawala--benefit--sec .h2 { margin-bottom: var(--gap-xl); }

/* about us page */
.info--div--sec .p2:last-child { margin-bottom: var(--gap-lg); }
.mission--sec { padding: var(--gap-xxl) 0px; background: #EFEFEF; }
.mission--sec .mission--bx { width: 100%; height: 100%; background: var(--white); border-radius: 16px; padding: var(--gap-xxl) 200px var(--gap-xxl) var(--gap-xxl); position: relative; overflow: hidden; }
.mission--sec .mission--bx .h2 { margin-bottom: var(--gap-lg); } 
.mission--sec .mission--bx > p:last-of-type { margin-bottom: 0px; }
.mission--sec .mission--bx .mission--icon { width: 130px; height: auto; position: absolute; right: 50px; bottom: -10px; }
.mission--sec .mission--bx.value--bx .mission--icon { right: 100px; }
.mission--sec .mission--bx.mission--bx1 .mission--icon { bottom: -30px; }
.mission--sec .mission--bx .mission--icon img { height: auto; -o-object-fit: contain; object-fit: contain; }
.mission--sec .mission--bx .value--list { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 40px 1fr 40px 1fr; grid-template-columns: repeat(3, 1fr); grid-gap: 30px 40px; }
.mission--sec .mission--bx .value--list li .p1 { color: var(--blue); font-weight: 400; font-family: var(--GT-Walsheim); margin-bottom: calc(var(--gap-md) * 1.5); }
.mission--sec .mission--bx.value--bx { margin-top: 30px; height: auto; }
.mission--sec .mission--bx .value--list li p:last-child { margin-bottom: 0px; }

.ceo--section .row { --bs-gutter-x: 100px; }
.ceo--section .ceo--text .p1 { line-height: 1.4; color: var(--blue); font-weight: 400; font-family: var(--GT-Walsheim); }
.ceo--section .ceo--text .ceo--name { font-size: 30px; margin-top: var(--gap-xxl); }

.team--list { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 25px 1fr 25px 1fr 25px 1fr; grid-template-columns: repeat(4,1fr); grid-gap: 25px; }
.team--list li a { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: var(--white); border: 1px solid rgba(191,191,191, 0.4); border-radius: 12px; overflow: hidden; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.team--list li a:hover { -webkit-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); border-color: var(--green); }
.team--list li a .team--img { width: 100%; height: 400px; }
.team--list li a .team--info { padding: var(--gap-lg) var(--gap-md); }
.team--list li a .team--info .p1 { color: var(--blue); font-weight: 400; }
.team--list li a .team--info p:last-child { margin-bottom: 0px; }

/*bio Modal */
.modal { background: rgba(0,0,0,0.80); }
.modal-content { border-radius: 12px; }
.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: -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; }
.modal .btn-close img { width: 10px; height: auto; -o-object-fit: contain; object-fit: contain; }
.modal .modal-dialog { max-width: 1200px; }
.modal .modal-body { padding: 50px 35px; }
.team-modal .team--bio--detail { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
.team-modal .team--info .h3 { color: var(--blue); font-weight: 500; margin-bottom: var(--gap-lg); }
.team-modal .team--info .h4 { margin-bottom: var(--gap-md); }  
.team-modal .team--img { -webkit-box-flex: 0; -ms-flex: 0 0 400px; flex: 0 0 400px; margin-right: 30px; height: auto; border-radius: 12px; overflow: hidden; }
.team-modal .team--info .process--text { overflow-y: scroll; max-height: 80vh; }
.team-modal .team--info .p1 { color: var(--blue); font-weight: 400; font-family: var(--GT-Walsheim); }
.team-modal .team--info p { margin-bottom: 15px; }
.team-modal .team--info .designation { font-weight: 600; }

.team--section { background: #f5f5f5; }
.jouney--img { margin-top: var(--gap-lg); }
.jouney--img picture { width: 100%; }
.jouney--img picture img { height: auto; -o-object-fit: contain; object-fit: contain; }

/* privacy policy */
.privacy--info p, .privacy--info ul li, .privacy--info span, .privacy--info span, .privacy--info a, .privacy--info ol li { font-size: 15px; line-height: 1.4; color: var(--black); font-weight: 300; font-family: var(--Epilogue); }
.privacy--info p, .privacy--info ul, .privacy--info ol , .privacy--info img { margin-bottom: 25px; }
.privacy--info strong, .privacy--info b { font-weight: 400; }
.privacy--info a { color: var(--green); -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.privacy--info a:hover { opacity: 0.5; }
.privacy--info h1, .privacy--info h2:not(.privacy--info .h2), .privacy--info h3, .privacy--info h4, .privacy--info h5, .privacy--info h6 { font-size: 22px; font-weight: 400; margin-bottom: 15px; margin-top: 30px; } 
.privacy--info ul li, .privacy--info ol li { list-style-type: disc; list-style-position: outside; margin-bottom: 5px; }
.privacy--info ul, .privacy--info ol { padding-left: 20px; }
.privacy--info > h3:first-of-type { margin-top: 0px!important; }

/* news page */
.news--bx { border-radius: 16px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border: 1px solid rgba(191, 191, 191, 0.4); height: 100%; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.news--bx:hover { border-color: var(--green); -webkit-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); }
.news--bx .news--img { width: 100%; height: 330px; }
.news--bx .news--text { padding: var(--gap-xl) var(--gap-xl) var(--gap-lg); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;  }
.news--bx .news--text p { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.news--bx .news--text .h3 { color: var(--blue); }
.news--bx .news--text .btn--grp { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: var(--gap-xxxl); }
.news--bx .news--text .btn--grp .date { margin-bottom: 0px; }
.news--bx:hover .btn--border--green svg path { fill: var(--white); }
.news--bx:hover .btn--border--green { background: var(--green); }
.news--bx:hover .btn--border--green span { color: var(--white); }
.news--list { row-gap: var(--gap-xl); }
.row.news--list { --bs-gutter-x: var(--gap-xl); }

/* news detail page */
.news--detail--section .p2.publish--text { color: #5C5555; }
.news--detail--section ul { margin-bottom: 20px; }
.news--detail--section ul li, .news--detail--section ul li span { font-size: 15px; line-height: 1.4; color: #5C5555; font-weight: 300; font-family: var(--Epilogue); }
.news--detail--section ul li span { text-decoration: underline; }



header .header--right{display:none !important;}