:root {
	--noto: "Noto Sans", sans-serif;

	--cl--db: #003258;
	--cl-lb: #0098c8;
	--cl-y: #fec340;

	--textile-cl: #2a384c;
	--healthcare-cl: #00aaaa;
	--finance-cl: #086f94;
	--properties-cl: #7fbc4d;
	--hotels-cl: #d14850;
	--agro-cl: #b18c7f;

	--grey--cl: #808285;

	--g-transition: all 0.3s ease-in-out;

	--thin: 300;
	--extra-light: 200;
	--light: 300;
	--regular: 400;
	--medium: 500;
	--semi-bold: 600;
	--bold: 700;
	--extra-bold: 800;
	--black: 900;
}

*,
*::before,
*::after {
	box-sizing: border-box;
	padding: 0;
	margin: 0;
	outline: none;
}

/* Works on Firefox */
* {
	scrollbar-width: thin;
	scrollbar-color: var(--cl-lb) #efe5df;
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
	width: 8px;
	padding: 10px;
}

*::-webkit-scrollbar-track {
	background: #efe5df;
}

*::-webkit-scrollbar-thumb {
	background-color: var(--cl-lb);
}

::-moz-selection {
	color: #fff;
	background: #000;
	text-shadow: none;
}

::selection {
	color: #fff;
	background: #000;
	text-shadow: none;
}

html {
	/* Resets 1rem to 10px */
	font-size: 62.5%;
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	scroll-behavior: smooth;
}

body {
	line-height: 1.6;
	font-family: var(--noto);
	font-weight: var(--regular);
	overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: inherit;
	font-size: inherit;
	margin: 0;
}

ol,
ul,
li {
	list-style: none;
}

a {
	outline: none;
	color: inherit;
	background-color: transparent;
	text-decoration: none;
	transition: var(--g-transition);
	-webkit-transition: var(--g-transition);
	-moz-transition: var(--g-transition);
	-ms-transition: var(--g-transition);
	-o-transition: var(--g-transition);
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	/* 1 */
	font-size: 100%;
	/* 1 */
	line-height: 1.15;
	/* 1 */
	margin: 0;
	/* 2 */
}

main {
	display: block;
}

section {
	display: flex;
	flex-direction: column;
	width: 100%;
}

img {
	border-style: none;
}

.img-res {
	width: 100%;
	max-width: 100%;
	height: auto;
	border: 0;
	-ms-interpolation-mode: bicubic;
	vertical-align: bottom;
}

/* ! Global css */
.cnt {
	width: 100%;
	margin: 0 auto;
}

.cnt__1705 {
	max-width: 170.5rem;
}

.cnt__1630 {
	max-width: 163rem;
}

.cnt__1480 {
	max-width: 148rem;
	padding: 0;
}

.cnt__1155 {
	max-width: 115.5rem;
	padding: 0;
}

.cnt__wrapper {
	display: flex;
	flex-direction: column;
	width: 100%;
}

/* ! Header */
.header {
	position: fixed;
	width: 100%;
	padding: 4rem 0 0 0;
	transition: var(--g-transition);
	z-index: 999;
}

.header__cnt {
	max-width: 163.6rem;
	margin: 0 auto;
	width: 100%;
	height: 100%;
}

.header__wrapper {
	display: flex;
	align-items: center;
	height: 100%;
	/* background: blue; */
	flex-direction: column;
}

.header__logo {
	width: 125px;
}

.header__nav {
	width: 100%;
	display: flex;
	margin-top: 3rem;
	border-top: 2px solid #fff;
	padding-top: 3rem;
	justify-content: center;
}

.header__nav > ul {
	display: flex;
}

.header__nav > ul > li {
	padding: 0 3.5rem;
	position: relative;
}

.header__nav > ul > li > a {
	font-weight: var(--medium);
	font-size: 2rem;
	line-height: 2rem;
	color: #fff;
	cursor: pointer;
	position: relative;
	text-transform: uppercase;
}

.header__nav > ul > li > a::before {
	content: "";
	position: absolute;
	right: 0;
	bottom: -5px;
	width: 0%;
	height: 1px;
	background: #fff;
	transition: all 0.3s linear;
}

.header__nav > ul > li:hover > a::before {
	content: "";
	left: 0;
	right: auto;
	width: 100%;
}

.sub-nav {
	position: absolute;
	top: 100%;
	left: 3.5rem;
	transform: translateX(-10px);
	opacity: 0;
	pointer-events: none;
	transition: 0.5s;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	padding: 2rem 0 2rem;
}

.header__nav > ul > li:hover .sub-nav {
	transform: translate(0, 0);
	opacity: 1;
	pointer-events: auto;
}

.sub-nav > li {
	margin-bottom: 5px;
}

.sub-nav > li > a {
	font-weight: var(--light);
	font-size: 1.8rem;
	line-height: 2rem;
	color: #ffffff;
}

/* .sub-nav > li > a:hover {
    color: var(--cl-lb);
} */

.overlay--dropdown {
	background: rgba(0, 0, 0, 0.5);
	position: fixed;
	top: 0;
	left: 0;
	height: 50%;
	width: 100%;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	opacity: 0;
	pointer-events: none;
	visibility: hidden;
	z-index: 1;
}

.overlay--dropdown.active {
	opacity: 1;
	visibility: visible;
}

/* ! header on scroll */
.header__scrolldown {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	display: none;
}

.header__scrollup {
	opacity: 1;
	visibility: visible;
	pointer-events: all;
}

.header.header__scrollup .header__logo {
	width: 70px;
}

@media screen and (min-width: 1000px) {
	.header.header__scrollup,
	.header__scrolldown {
		padding: 2rem 0 2rem 0;
		background: var(--cl-lb);
	}

	.header__scrollup .header__wrapper,
	.header__scrolldown .header__wrapper {
		flex-direction: row;
		align-items: center;
	}

	.header__scrollup .sub-nav {
		padding: 3rem 0 2rem;
	}

	.header__scrollup .header__nav,
	.header__scrolldown .header__nav {
		width: 75%;
		display: flex;
		margin-top: 0rem;
		border-top: none;
		padding-top: 8px;
		justify-content: flex-end;
		margin-left: auto;
	}

	.header__scrollup .header__nav > ul > li > a,
	.header__scrolldown .header__nav > ul > li > a {
		font-size: 1.8rem;
		line-height: 1.8rem;
	}

	.header__scrollup .header__nav > ul > li,
	.header__scrolldown .header__nav > ul > li {
		padding: 0 2.5rem;
	}

	.header__scrollup .header__nav > ul > li:last-child,
	.header__scrolldown .header__nav > ul > li:last-child {
		padding-right: 0;
	}
}

.nav__burger {
	display: none;
}

/* ! Footer */
.Sticky__footer {
	min-height: calc(100vh - 40rem);
}

.footer {
	width: 100%;
	display: flex;
	height: 22rem;
	background: #fff;
	margin-top: 8rem;
}

.footer__cnt {
	max-width: 163.6rem;
	margin: 0 auto;
	width: 100%;
	height: 100%;
}

.footer__wrapper {
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: space-between;
}

.footer__top {
	padding: 2rem 0;
	border-top: 1px solid #707070;
	border-bottom: 1px solid #707070;
	margin-bottom: 2rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.footer__contact {
	display: flex;
	flex-direction: column;
	color: var(--grey--cl);
	font-size: 1.5rem;
	font-weight: var(--light);
	line-height: 2rem;
}

.footer__contact span {
	margin-bottom: 20px;
	font-size: 3rem;
	font-weight: var(--regular);
}

.footer__contact a:hover {
	color: var(--cl-lb);
}

.footer__link ul {
	display: flex;
}

.footer__link li {
	margin: 0 10px;
}

.footer__link a {
	font-weight: var(--regular);
	font-size: 1.5rem;
	line-height: 2rem;
	color: #707070;
}

.footer__link a:hover {
	color: var(--cl-lb);
}

.footer__social ul {
	display: flex;
}

.footer__social li {
	margin-left: 15px;
	transition: var(--g-transition);
}

.footer__social li:first-child {
	margin: 0;
}

.strokcl {
	stroke: var(--grey--cl);
	transition: var(--g-transition);
}

.footer__social a:hover .strokcl {
	stroke: #fff;
	fill: var(--cl--db);
}

.footer__social li:hover {
	transform: translateY(-5px);
}

.footer__social li a {
	width: 42px;
	height: 42px;
	display: block;
}

.footer__social li a svg {
	width: 100%;
	height: 100%;
	display: block;
}

.footer__bottom {
	font-weight: var(--thin);
	font-size: 1.5rem;
	color: var(--grey--cl);
	margin-bottom: 3rem;
}

/* ! Homepage */

/* ? preloader */
.preloader {
	position: fixed;
	overflow: hidden;
	background: var(--cl-lb);
	width: 100%;
	height: 100vh;
	left: 0;
	top: 0;
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease-in-out;
}

.preloader__logo {
	width: 140px;
}

.preloader__logo svg {
	display: block;
	width: 100%;
}

.preloader__bg {
	width: 100%;
	position: fixed;
	background: #ffffff;
	bottom: 0;
}

.preloader.active {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

/* ? hero */
.hero {
	display: flex;
	flex-direction: column;
	height: 100vh;
	width: 100%;
	overflow: hidden;
	position: relative;
}

.hero .cnt {
	height: 100%;
}

.hero .cnt__wrapper {
	height: 100%;
	padding-bottom: 5%;
	position: relative;
}

.hero__image {
	width: 100%;
	height: 100%;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: cover;

	-moz-transition: transform 18s linear;
	-o-transition: transform 18s linear;
	-ms-transition: transform 18s linear;
	-webkit-transition: transform 18s linear;
	transition: transform 18s linear;
}

.hero__image.active {
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

#bgvideo {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: -1;
}

.hero__desc {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.hero__text {
	width: 60%;
	margin-top: auto;
	margin-bottom: 10%;
}

.hero__cluster {
	position: relative;
	top: -7%;
}

.hero__title {
	font-weight: var(--light);
	font-size: 6.5rem;
	line-height: 7.5rem;
	color: #fff;
	margin-bottom: 10px;
}

.hero__title strong {
	font-weight: var(--bold);
}

.hero__paragraph {
	font-weight: var(--light);
	font-size: 2rem;
	line-height: 3rem;
	color: #fff;
}

.hero__paragraph h1 {
	font-weight: var(--thin);
	font-size: 4.4rem;
	line-height: 6rem;
	margin-bottom: 15px;
}

.hero__paragraph h1 span,
.hero__paragraph h1 strong {
	font-weight: var(--bold);
}

.hero__btn {
	margin-top: 4rem;
	display: flex;
}

.hero__btn a {
	color: #fff;
	position: relative;
}

.btn__arrow {
	font-size: 1.6rem;
	display: flex;
	align-items: center;
}

.btn__arrow .circle {
	width: 48px;
	height: 48px;
	margin-right: 0px;
	position: relative;
}

.btn__arrow .circle svg {
	display: block;
	stroke: #ffffff;
	position: absolute;
	top: -5px;
}

.another-circle {
	cursor: pointer;
	stroke-dasharray: 95;
	stroke-dashoffset: 0;
	transition: stroke-dashoffset 600ms ease;
	transform-origin: 0px 0px 0px;
}

.btn__arrow:hover .another-circle {
	stroke-dashoffset: 95px;
	transform: translate(5, 14);
}

/* ? Homepage about us */
.homepage__about {
	height: 100vh;
	display: flex;
	flex-direction: row;
	border-top: 1px solid #fff;
}

.homepage__about--left {
	width: 50%;
	height: 100%;
	background: var(--cl--db);
	display: flex;
	align-items: flex-end;
	padding: 0 7.7916%;
	position: relative;
	border-right: 1px solid #fff;
	padding-bottom: 9%;
}

.homepage__about--desc {
	color: #ffffff;
	display: flex;
	flex-direction: column;
	position: relative;
}

.homepage__about--desc h2 {
	font-weight: var(--thin);
	font-size: 5rem;
	line-height: 6rem;
	margin-bottom: 2rem;
	width: 55%;
}

.homepage__about--desc h2 strong {
	font-weight: var(--bold);
}

.homepage__about--desc p {
	font-weight: var(--light);
	font-size: 2.2rem;
	line-height: 3rem;
	width: 75%;
}

.homepage__about--btn {
	margin-top: 5.5rem;
}

.homepage__about--right {
	width: 50%;
	height: 100%;
}

.homepage__about--top {
	height: 50%;
	width: 100%;
	display: flex;
	color: #ffffff;
	align-items: center;
	justify-content: center;
	position: relative;
	overflow: hidden;
}

.homepage__about--top::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.3);
}

.homepage__about--top video {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	transform: translate(-50%, -50%);
}

.homepageGrid__top--investors {
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	position: relative;
	z-index: 1;
}

.homepageGrid__investor--title {
	font-weight: var(--medium);
	font-size: 3rem;
	line-height: 4rem;
	display: flex;
	align-items: flex-end;
	margin-bottom: 4rem;
}

.homepageGrid__investor--title span {
	font-weight: var(--thin);
	font-size: 8rem;
	line-height: 8rem;
	margin-right: 20px;
	margin-left: 20px;
}

.homepageGrid__investor {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #ffffff;
	padding: 2rem 10px;
	border-left: none;
	border-right: none;
}

.homepageGrid__investor--left {
	font-weight: var(--light);
	font-size: 6rem;
	display: flex;
	flex-direction: column;
	padding-right: 3rem;
	position: relative;
	padding-top: 2rem;
	padding-bottom: 2rem;
	line-height: 6rem;
}

.homepageGrid__investor--left::after {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	background: #ffffff;
	height: 100%;
	width: 1px;
}

.homepageGrid__investor--left span {
	font-weight: var(--regular);
	font-size: 2.5rem;
	line-height: 2.5rem;
}

.homepageGrid__investor--right {
	font-weight: var(--light);
	font-size: 6rem;
	display: flex;
	align-items: center;
	padding-left: 3rem;
	line-height: 6rem;
}

.homepageGrid__investor--right span {
	font-weight: var(--regular);
	font-size: 2.5rem;
	margin-left: 20px;
}

.homepage__about--bottom {
	height: 50%;
	width: 100%;
	display: flex;
	border-top: 1px solid #fff;
}

.homepage__about--bottom > div {
	width: 50%;
	height: 100%;
}

.homepage__about--shareprice {
	background: var(--cl-y);
	display: flex;
	align-items: center;
	justify-content: center;

	padding: 0 10%;
	border-right: 1px solid #ffffff;
}

.homepage__shareprice {
	display: flex;
	flex-direction: column;
	color: var(--cl--db);
	width: 85%;
}

.homepage__shareprice sup {
	font-size: 2.6rem;
	line-height: 3rem;
}

.homepage__shareprice strong {
	font-weight: var(--bold);
	font-size: 9rem;
	line-height: 7.5rem;
}

.homepage__shareprice span {
	font-weight: var(--light);
	font-size: 4rem;
	line-height: 5rem;
}

.homepageGrid__sharetitle {
	font-size: 2.6rem;
	line-height: 3.4rem;
	border: 1px solid var(--cl--db);
	padding: 1rem 0;
	border-right: none;
	border-left: none;
	margin-top: 1rem;
}

.animated__svg {
	width: 100%;
	height: 100%;
	position: absolute;
	pointer-events: none;
	left: 0;
	top: 0;
}

.animated__svg svg {
	display: block;
	pointer-events: none;
	opacity: 0.7;
}

.homepage__about--bod {
	position: relative;
}

.homebod {
	width: 100%;
	height: 100%;
}

.homebod__desc {
	position: absolute;
	bottom: 10%;
	left: 10%;
	z-index: 1;
}

.homebod .swiper-slide {
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.homebod .swiper-pagination {
	display: none;
}

.homebod__title {
	font-weight: var(--thin);
	font-size: 3.6rem;
	line-height: 4rem;
	color: #fff;
	margin-bottom: 10px;
}

.homebod__title strong {
	font-weight: var(--light);
	display: block;
}

.homebod__btn a {
	color: #ffffff;
}

/* .homebod .swiper-pagination {
    bottom: 3%;
    left: 0;
    width: 100%;
    text-align: left;
    padding-left: 10%;
}

.homebod .swiper-pagination-bullet {
     background: var(--ciel-y);
    background: #fff;
} */

.imageAccordion {
	padding: 10rem 0;
	position: relative;
}

.imageAccording--bg {
	position: absolute;
	width: 95%;
	left: 50%;
	top: 80%;
	pointer-events: none;
	transform: translate(-50%, -50%);
}

.imageAccordion--mainTitle {
	display: flex;
}

.imageAccordion--Title {
	font-weight: var(--thin);
	font-size: 8rem;
	line-height: 10rem;
	color: var(--cl--db);
}

.imageAccordion--Title span,
.imageAccordion--Title strong {
	font-weight: var(--medium);
}

.imageAccordion--link {
	display: flex;
	margin-left: auto;
}

.imageAccordion--link .more--btn {
	display: flex;
	align-items: center;
	font-size: 1.6rem;
	color: var(--cl-lb);
	margin-left: 5rem;
}

.imageAccordion--link .more--btn .circle {
	width: 48px;
	height: 48px;
	margin-right: 0px;
	position: relative;
}

.imageAccordion--link .more--btn .circle svg {
	display: block;
	position: absolute;
	top: -7px;
	display: block;
	stroke: var(--cl-lb);
}

.imageAccordion--link .more--btn .another-circle {
	cursor: pointer;
	stroke-dasharray: 95;
	stroke-dashoffset: 0;
	transition: stroke-dashoffset 600ms ease;
	transform-origin: 0px 0px 0px;
	stroke: var(--cl-lb);
}

.imageAccordion--link .more--btn:hover .another-circle {
	stroke-dashoffset: 95px;
	transform: translate(5, 14);
}

.accordionImg {
	display: flex;
	height: 680px;
	overflow: hidden;
	margin-top: 5rem;
}

.panelImg {
	flex: 1;
	transition: var(--g-transition);
	height: 100%;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
}

/* .panelImg.open  */
.panelImg:hover {
	flex: 8;
}

.panelImg a {
	width: 100%;
	height: 100%;
	display: flex;
}

.panelImg video {
	object-fit: cover;
	position: absolute;
	width: 100%;
	height: 100%;
}

.panelImg__desc {
	position: absolute;
	bottom: 0px;
	left: 0px;
	color: white;
	display: none;
	padding: 3rem 5rem;
	width: 100%;
	background: rgba(0, 0, 0, 0.3);
}

.panelImg.open .panelImg__desc {
	display: flex;
	opacity: 1;
	visibility: visible;
	transition-delay: 0s;
}

.panelImg__text {
	opacity: 0;
	transition: all 0.3s ease-in-out;
	/* Add visibility transition */
	visibility: hidden;
	transform: translateY(20px);
	font-weight: var(--light);
	font-size: 2rem;
	line-height: 3rem;
	color: #ffffff;
}

.panelImg__desc.open .panelImg__text {
	opacity: 1;
	visibility: visible;
	transform: translateY(0px);
}

.panelImg__title {
	font-weight: var(--medium);
	font-size: 3rem;
	margin-bottom: 2rem;
	line-height: 3rem;
}

/* ! news */
.news__more {
	padding: 10rem 0 0 0;
}

.news__more--mainTitle {
	display: flex;
}

.news__more--Title {
	font-weight: var(--thin);
	font-size: 7rem;
	line-height: 10rem;
	color: var(--grey--cl);
}

.news__more--Title span {
	font-weight: var(--medium);
}

.news__more--link {
	display: flex;
	margin-left: auto;
}

.news__more--link .more--btn {
	display: flex;
	align-items: center;
	font-size: 1.6rem;
	color: var(--grey--cl);
	margin-left: 5rem;
}

.news__more--link .more--btn .circle {
	width: 48px;
	height: 48px;
	margin-right: 0px;
	position: relative;
}

.news__more--link .more--btn .circle svg {
	stroke: var(--grey--cl);
	position: absolute;
	top: -7px;
	display: block;
}

.news__more--link .more--btn .another-circle {
	stroke: var(--grey--cl);
	cursor: pointer;
	stroke-dasharray: 95;
	stroke-dashoffset: 0;
	transition: stroke-dashoffset 600ms ease;
	transform-origin: 0px 0px 0px;
}

.more--btn .another-circle {
	stroke: var(--cl-lb);
}

.news__more--link .more--btn:hover .another-circle {
	stroke-dashoffset: 95px;
	transform: translate(5, 14);
}

.news__wrapper {
	width: 100%;
	display: flex;
	margin-top: 6.5rem;
	position: relative;
}

.newsSwiper {
	width: 100%;
	height: 100%;
}

.news__box {
	width: 100%;
	height: 381px;
	display: flex;
	position: relative;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.news__box a {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
}

.news__box--desc {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	position: relative;
	padding: 12rem 5rem 4rem;
	justify-content: flex-end;
}

.news__box--desc::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.2);
	transition: all 0.3s ease-in-out;
	/* opacity: 0;
    visibility: hidden;
    pointer-events: none; */
}

.news__box:hover .news__box--desc::before {
	/* opacity: 1;
    visibility: visible;
    pointer-events: auto; */
	background: rgba(0, 0, 0, 0.4);
}

.news__box:hover .another-circle {
	stroke-dashoffset: 95px;
	transform: translate(5, 14);
}

.news__box--date {
	font-size: 1.2rem;
	color: #fff;
}

.news__box--title {
	font-weight: var(--bold);
	font-size: 1.8rem;
	line-height: 2.4rem;
	color: #fff;
	position: relative;
	margin-bottom: 2rem;
	display: flex;
	flex-direction: column;
}

.news__box--btn {
	/* margin-top: auto; */
	position: relative;
}

.news__box--btn .btn__arrow {
	font-size: 1.5rem;
	line-height: 1.5rem;
	color: #fff;
}

/* Cluster */
.cluster {
	padding: 10rem 0 0rem;
}

.cluster__keyval {
	width: 100%;
	display: flex;
	padding: 0 8%;
}

.keyval__swipe {
	width: 100%;
	height: 100%;
}

.key__box {
	font-size: 1.6rem;
	display: flex;
	flex-direction: column;
	line-height: 2.2rem;
	position: relative;
	padding-right: 20px;
}

.key__box span {
	width: 85%;
}

.key__box strong {
	font-weight: var(--bold);
	font-size: 6rem;
	line-height: 6rem;
	margin-bottom: 10px;
}

.cluster__agro .key__box {
	color: var(--agro-cl);
}

.cluster__textile .key__box {
	color: var(--textile-cl);
}

.cluster__finance .key__box {
	color: var(--finance-cl);
}

.cluster__properties .key__box {
	color: var(--properties-cl);
}

.cluster__hotels .key__box {
	color: var(--hotels-cl);
}

.cluster__healthcare .key__box {
	color: var(--healthcare-cl);
}

.cluster__info {
	width: 100%;
	display: flex;
	height: 560px;
	margin: 8rem 0 5rem 0;
}

.cluster__info--left {
	width: 72%;
	height: 100%;
	display: flex;
}

.cluster__info--left > div {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.cluster__info--panel-one {
	width: 20%;
	min-width: 218px;
	max-width: 218px;
}

.cluster__info--panel-two {
	width: 80%;
	position: relative;
	border-left: 3px solid #fff;
	border-right: 3px solid #fff;
}

.cluster__info--panel-two video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.cluster__info--panel-three {
	width: 100%;
	max-width: 80px;
	min-width: 80px;
}

.cluster__info--right {
	width: 28%;
	height: 100%;
	border-left: 3px solid #fff;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 3rem 3rem;
}

.cluster .simpletext--left {
	position: relative;
	padding: 4rem 0 0rem 0;
	font-size: 2rem;
	line-height: 2.8rem;
}

.cluster__agro .cluster__info--right {
	background: var(--agro-cl);
}

.cluster__agro .simpletext--left {
	color: var(--agro-cl);
}

.cluster__textile .cluster__info--right {
	background: var(--textile-cl);
}

.cluster__textile .simpletext--left {
	color: var(--textile-cl);
}

.cluster__finance .cluster__info--right {
	background: var(--finance-cl);
}

.cluster__finance .simpletext--left {
	color: var(--finance-cl);
}

.cluster__properties .cluster__info--right {
	background: var(--properties-cl);
}

.cluster__properties .simpletext--left {
	color: var(--properties-cl);
}

.cluster__hotels .cluster__info--right {
	background: var(--hotels-cl);
}

.cluster__hotels .simpletext--left {
	color: var(--hotels-cl);
}

.cluster__healthcare .cluster__info--right {
	background: var(--healthcare-cl);
}

.cluster__healthcare .simpletext--left {
	color: var(--healthcare-cl);
}

.keybrand--wrapper {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.cluster__info--title {
	font-weight: var(--light);
	color: #fff;
	font-size: 3rem;
	line-height: 4rem;
	text-align: center;
	margin-bottom: 20px;
}

.cluster__info--title strong {
	font-weight: var(--bold);
}

.cluster__info--slider {
	width: 100%;
	display: flex;
}

.keybrand--desc {
	width: 100%;
	display: flex;
	max-width: 390px;
	margin: 0 auto;
	flex-wrap: wrap;
	gap: 0;
	align-items: center;
	justify-content: center;
}

.keybrand {
	width: 100%;
	height: 100%;
}

/* ! Investor */
.inverstors__intro {
	padding: 8rem 0;
	position: relative;
	/* overflow: hidden; */
}

.investors__intro--info {
	display: flex;
	flex-direction: column;
	width: 42%;
	/* padding-top: 50px; */
}

.investors__intro--top {
	display: flex;
	flex-direction: column;
}

.investors__intro--title {
	font-weight: var(--light);
	font-size: 6.5rem;
	line-height: 7.5rem;
	color: var(--cl--db);
	margin-bottom: 4rem;
}

.investors__intro--title strong {
	font-weight: var(--bold);
}

.investors__intro--desc {
	font-size: 2rem;
	line-height: 2.8rem;
	color: var(--cl--db);
	font-weight: var(--light);
	margin-bottom: 4rem;
}

.investors__intro--bottom {
	font-size: 2rem;
	line-height: 2.8rem;
	color: var(--cl--db);
	font-weight: var(--light);
	margin-bottom: 4rem;
}

.investors__intro--bottom strong {
	font-weight: var(--bold);
}

.investors__intro--btn {
	display: flex;
	margin-top: 15px;
}

.investors__intro--btn a {
	font-weight: var(--medium);
	font-size: 1.5rem;
	line-height: 2rem;
	color: #808285;
	text-decoration: underline;
}

.investors__intro--playbtn {
	display: flex;
	margin-top: 20px;
	left: 5%;
	bottom: 5%;
	position: absolute;
}

.investors__intro--playbtn a {
	display: flex;
	align-items: center;
	gap: 15px;
	color: #fff;
}

.investors__intro--playbtn a:hover {
	color: var(--cl-lb);
}

.playbtn-svg {
	width: 45px;
	height: 45px;
	display: block;
}

.playbtn-svg svg {
	width: 100%;
	height: 100%;
	display: block;
}

.playbtn-svg-stroke {
	stroke: #fff;
	transition: all 0.3s ease-in-out;
}

.investors__intro--playbtn a:hover .playbtn-svg-stroke {
	stroke: var(--cl-lb);
}

.playbtn-svg-fill {
	fill: #fff;
	transition: all 0.3s ease-in-out;
}

.investors__intro--playbtn a:hover .playbtn-svg-fill {
	fill: var(--cl-lb);
}

.investors__author {
	font-weight: var(--light);
	font-size: 2rem;
	line-height: 2.4rem;
	color: var(--cl--db);
	margin-top: 15px;

	display: none;
}

.investors__author strong {
	font-weight: var(--bold);
}

.investors__intro--panel {
	width: 50%;
	position: absolute;
	right: 0%;
	/* height: 750px; */
	height: 600px;
	display: flex;
	overflow: hidden;
}

.investors__intro--panel > div {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	height: 100%;
}

.i-panel-one {
	width: 50%;
}

.i-panel-one video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.i-panel-two {
	width: 10%;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
}

.i-panel-three {
	width: 40%;
}

/* ! Investor key */
.investors__facts {
	padding: 10rem 0 0rem;
	position: relative;
}

/* .investors__facts {
	padding: 30rem 0 0rem;
	position: relative;
} */

.investors__svg {
	position: absolute;
	/* width: 70%; */
	width: 56%;
	top: -32%;
	right: 0%;
	z-index: -1;
}

.investors__facts--title {
	display: flex;
	align-items: center;
}

.investors__facts--title h3 {
	font-weight: var(--thin);
	font-size: 8rem;
	line-height: 10rem;
	color: var(--cl--db);
}

.investors__facts--title h3 strong {
	font-weight: var(--medium);
}

.facts__tab--nav {
	width: 165px;
	display: flex;
	flex-direction: column;
	position: relative;
	margin-left: 30px;
	top: 10px;
}

.facts__tab--nav ul {
	display: flex;
	justify-content: space-between;
}

.facts__tab--nav li {
	color: var(--cl-lb);
	opacity: 0.3;
	transition: all 0.3s ease-in-out;
	font-weight: var(--medium);
	font-size: 2rem;
	line-height: 2rem;
}

.facts__tab--nav li.active {
	opacity: 1;
}

.performance__tab--nav {
	width: 165px;
	display: flex;
	flex-direction: column;
	position: relative;
	margin-left: 30px;
}

.performance__tab--nav ul {
	display: flex;
	justify-content: space-between;
}

.performance__tab--nav li {
	color: var(--cl-lb);
	opacity: 0.3;
	transition: all 0.3s ease-in-out;
	font-family: var(--pluto-Medium);
	font-size: 2rem;
	line-height: 2rem;
}

.performance__tab--nav li.active {
	opacity: 1;
}

.switch-performance {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	cursor: pointer;
}

.switch-performance::before {
	content: "";
	width: 40px;
	height: 20px;
	border-radius: 20px;
	background: transparent;
	border: 1px solid var(--cl-lb);
	transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
	display: inherit;
}

.switch-performance::after {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 3px;
	width: 15px;
	height: 15px;
	background: var(--cl-lb);
	border-radius: 50%;
	transition: left 0.28s cubic-bezier(0.4, 0, 0.2, 1),
		background 0.28s cubic-bezier(0.4, 0, 0.2, 1),
		box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}

.switch-performance.active::after {
	left: 22px;
}

.switch {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	cursor: pointer;
}

.switch::before {
	content: "";
	width: 40px;
	height: 20px;
	border-radius: 20px;
	background: transparent;
	border: 1px solid var(--cl-lb);
	transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
	display: inherit;
}

.switch::after {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 3px;
	width: 15px;
	height: 15px;
	background: var(--cl-lb);
	border-radius: 50%;
	transition: left 0.28s cubic-bezier(0.4, 0, 0.2, 1),
		background 0.28s cubic-bezier(0.4, 0, 0.2, 1),
		box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}

.switch.active::after {
	left: 22px;
}

.facts__tab--content {
	margin-top: 3rem;
}

.tabc {
	display: none;
}

.tabc.active {
	display: block;
}

.facts__tab--content {
	margin-top: 3rem;
}

.facts__tab--cnt {
	width: 100%;
	display: flex;
	flex-direction: column;
}

.facts__tabs--row {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.facts__tabs--row > div {
	width: 25%;
	height: 200px;
	border: 1px solid #fff;
}

#tab1 .facts__tabs--row > div:first-child {
	background: var(--cl-y);
	color: var(--cl--db);
}

#tab2 .facts__tabs--row > div:first-child {
	background: var(--cl-lb);
	color: #ffffff;
}

.tabs-shareprice {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	padding: 2rem 3rem;
}

.shareprice-date {
	font-size: 1.4rem;
	font-weight: var(--light);
	text-align: right;
	margin-bottom: 0.5rem;
}

.shareprice-title {
	font-weight: var(--light);
	font-size: 1.8rem;
	/* margin-bottom: 3rem; */
	text-decoration: underline;
	text-underline-position: under;
	/* background: red; */
}

.shareprice-title strong {
	font-weight: var(--bold);
}

.shareprice-price {
	font-weight: var(--bold);
	font-size: 5rem;
	line-height: 2rem;
	margin-top: auto;
}

.shareprice-price > span {
	font-weight: var(--light);
	font-size: 2rem;
}

.shareprice-semdex {
	font-weight: var(--light);
	font-size: 1.6rem;
	/* margin-top: auto; */
}

#tab1 .facts__tabs--row > div:nth-child(2) {
	background: var(--cl--db);
	color: #fff;
}

#tab2 .facts__tabs--row > div:nth-child(2) {
	background: var(--cl-y);
	color: var(--cl--db);
}

.tabs-editda {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	padding: 2rem 3rem;
}

.tabs-editda--title {
	font-weight: var(--light);
	font-size: 1.8rem;
	margin-top: 24px;
	margin-bottom: 2rem;
	/* height: 60px; */
	text-decoration: underline;
	text-underline-position: under;
	/* background: red; */
}

.tabs-editda--title strong {
	font-weight: var(--bold);
	font-weight: var(--bold);
}

.shareprice-global {
	font-weight: var(--bold);
	font-size: 5rem;
	line-height: 2rem;
	margin-top: auto;
	margin-bottom: 2rem;
}

.shareprice-global > span {
	font-weight: var(--light);
	font-size: 2rem;
}

#tab1 .facts__tabs--row > div:nth-child(3) {
	background: #d9d9da;
	color: var(--cl--db);
	border: 1px solid transparent;
}

#tab2 .facts__tabs--row > div:nth-child(3) {
	background: #d9d9da;
	color: var(--cl--db);
}

#tab1 .facts__tabs--row > div:nth-child(4),
#tab2 .facts__tabs--row > div:nth-child(4) {
	background: transparent;
	border: 1px solid transparent;
}

#tab1 .facts__tabs--row > div:nth-child(5) {
	background: var(--cl-lb);
	color: #ffffff;
}

#tab2 .facts__tabs--row > div:nth-child(5) {
	background: var(--cl--db);
	color: #ffffff;
}

#tab1 .facts__tabs--row > div:nth-child(6) {
	/* background: #7e98ac; */
	background: #7cb3df;
	color: #fff;
}

#tab2 .facts__tabs--row > div:nth-child(6) {
	background: #808285;
	color: #fff;
}

#tab1 .facts__tabs--row > div:nth-child(7) {
	background: #808285;
	color: #fff;
}

#tab2 .facts__tabs--row > div:nth-child(7) {
	background: #aa8d81;
	color: #fff;
}

#tab1 .facts__tabs--row > div:nth-child(8) {
	background: var(--cl--db);
	color: #ffffff;
	border: 1px solid transparent;
}

#tab2 .facts__tabs--row > div:nth-child(8) {
	background: var(--cl--db);
	color: #ffffff;
	border: 1px solid transparent;
}

.tabs-lead {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	padding: 2rem 3rem;
	color: #fff;
	font-size: 1.8rem;
	font-weight: var(--light);
	justify-content: center;
}

.tabs-lead strong {
	font-weight: var(--bold);
	font-size: 1.8rem;
	line-height: 1.8rem;
	margin-bottom: auto;
	text-decoration: underline;
	text-underline-position: under;
	margin-top: 28px;
}

.tabs-lead strong span {
	font-weight: var(--light);
}

.tabs-lead a:hover {
	color: var(--cl-y);
}

/* .imageAccordion.imageAccordion--inner .panelImg__desc {
    position: absolute;
    bottom: auto;
    left: 0px;
    color: white;
    top: 0;
} */

/* ! key value charts */

.investors__graph {
	padding: 10rem 0 5rem;
	background: rgba(128, 130, 133, 0.3);
	margin-top: 10rem;
}

.investors__graph .cnt__wrapper {
	justify-content: space-between;
	flex-direction: row;
	margin-top: 3rem;
}

.investors__graph--title {
	width: 100%;
	text-align: center;

	font-weight: var(--light);
	font-size: 5rem;
	line-height: 5.2rem;
	color: var(--cl--db);
}

.investors__graph--title strong {
	font-weight: var(--bold);
}

.investors__graph--left {
	width: 60%;
}

.investors__graph--right {
	width: 35%;
}

.kp-toggle ul {
	display: flex;
	align-items: center;
	margin: 40px 0px 50px;
	justify-content: center;
}

.kp-toggle li {
	color: #003158;
	font-size: 14px;
	line-height: 20px;
	margin: 0 15px;
	position: relative;
	cursor: pointer;
}

.kp-toggle li.active {
	color: #0092c2;
	font-weight: var(--bold);
}

.kp-toggle li.active:before {
	content: "";
	background: #0092c2;
	width: calc(100% + 10px);
	height: 1px;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}

.kp-toggle li:first-child {
	margin-left: 0;
}

.kp-toggle li:last-child {
	margin-right: 0;
}

.all-charts-repeat {
	display: none;
}

.all-charts-repeat.active {
	display: block;
}

.all-charts-repeat .desc {
	display: none;
}

.all-charts-repeat .desc.active {
	display: block;
}

.ig-charts-desc {
	display: flex;
	align-items: center;
	margin: 40px 0 50px;
	justify-content: center;
}

.ig-desc-left {
	color: #003158;
	font-size: 14px;
	line-height: 20px;
	line-height: 100%;
	/* color: #0092c2; */
	text-transform: uppercase;
}

.ig-desc-right {
	color: #003158;
	font-size: 14px;
	/* font-size: 24px; */
	line-height: 100%;
	/* color: #0092c2; */
	margin-left: 15px;
	padding-left: 15px;
	position: relative;
}

.ig-desc-right:before {
	content: "";
	background: #0092c2;
	width: 2px;
	height: 70%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: -1px;
}

.ig-desc-right.desc {
	display: none;
}

.ig-desc-right.desc.active {
	display: block;
}

.highcharts-credits {
	display: none;
}

/* ! About */
.imageAccordion.imageAccordion-about {
	padding-bottom: 0;
}

.imageAccordion.imageAccordion-about .imageAccordion--Title {
	font-weight: var(--thin);
	font-weight: var(--thin);
	font-size: 8rem;
	line-height: 10rem;
	color: var(--cl--db);
}

/* .imageAccordion.imageAccordion-about .imageAccordion--link .more--btn {
    display: flex;
    align-items: center;
    font-size: 1.5rem;
    color: #808285;
    margin-left: 5rem;
} */

.imageAccordion.imageAccordion-about .panelImg {
	border-right: 2px solid #fff;
}

.imageAccordion.imageAccordion-about .panelImg:last-child {
	border-right: none;
}

.aboutTimeline--wrapper {
	width: 100%;
	display: flex;
	margin-top: 10rem;
	flex-direction: column;
}

.aboutTimeline {
	width: 100%;
	display: flex;
}

.aboutTimeline--wrapper-mainTitle {
	font-weight: var(--thin);
	font-size: 8rem;
	line-height: 10rem;
	color: var(--cl--db);
	margin-bottom: 5rem;
}

.aboutTimeline--wrapper-mainTitle span {
	font-weight: var(--medium);
}

.aboutTimeline > div {
	width: 50%;
	height: 600px;
}

.aboutTimeline--left {
	background: var(--cl--db);
	border-right: 1px solid #fff;
}

.a_timeline {
	height: 100%;
	width: 100%;
}

.aboutTimeline--left .swiper-slide {
	height: 100%;
}

.a_tineline--img {
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.aboutTimeline--left .swiper-button-next,
.aboutTimeline--left .swiper-button-prev {
	position: absolute;
	top: auto;
	width: 48px;
	height: 48px;
	margin-top: 0;
	bottom: 8%;
}

.aboutTimeline--left .swiper-button-next {
	right: 5%;
}

.aboutTimeline--left .swiper-button-prev {
	left: 5%;
}

.aboutTimeline--left .swiper-button-next:after,
.aboutTimeline--left .swiper-button-prev:after {
	display: none;
}

.aboutTimeline--right {
	background: var(--cl-lb);
	border-left: 1px solid #fff;
	position: relative;
}

.aboutTime--img {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 35%;
	pointer-events: none;
}

.a_thumb {
	width: 100%;
	height: 100%;
}

.a_timeline--info {
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
	padding: 15% 12% 0;
}

.a_timeline--title {
	font-weight: var(--medium);
	font-size: 5rem;
	line-height: 6rem;
	margin-bottom: 3rem;
	color: #fff;
}

.a_timeline--text {
	font-weight: var(--light);
	font-size: 1.8rem;
	line-height: 2.4rem;
	color: #fff;
}

.a_timeline--text ul li {
	/* display: flex; */
	position: relative;
	padding-left: 30px;
	/* flex-direction: column; */
	margin-bottom: 2rem;
}

.a_timeline--text ul {
	margin-top: 15px;
}

.a_timeline--text ul li::before {
	content: "";
	width: 23px;
	height: 15px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAARCAYAAADDjbwNAAAACXBIWXMAAAsTAAALEwEAmpwYAAAE9GlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4xLWMwMDIgNzkuZjM1NGVmYzcwLCAyMDIzLzExLzA5LTEyOjA1OjUzICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjUuNCAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjQtMDItMTRUMTQ6MDc6NTYrMDQ6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDI0LTAyLTE0VDE0OjA4OjQwKzA0OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDI0LTAyLTE0VDE0OjA4OjQwKzA0OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2MWIwNTAwYy0wNmYxLTRmZTItOTIzZC1iNmY5MWQ2OWQ4MDgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjFiMDUwMGMtMDZmMS00ZmUyLTkyM2QtYjZmOTFkNjlkODA4IiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6NjFiMDUwMGMtMDZmMS00ZmUyLTkyM2QtYjZmOTFkNjlkODA4Ij4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MWIwNTAwYy0wNmYxLTRmZTItOTIzZC1iNmY5MWQ2OWQ4MDgiIHN0RXZ0OndoZW49IjIwMjQtMDItMTRUMTQ6MDc6NTYrMDQ6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyNS40IChNYWNpbnRvc2gpIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PujRXCgAAADXSURBVDiNtZXbDYJAFAVH47924HYgHUgJlmAn0omxAzpQO8AKpAO1guOHd5HgCqzgJDdAAjMbwmMiiZ4sgBXgbABKm3Pn1ZK6ZivpqHZukvaS3DdPWyCRdO0IhIK7mFAWGWiy7xMaGvFkbaHtSBFPGgo5ve7xmBxDodPIEU8iiak95Q5Y932hItkAVSj7UwQgrYfSP4bmADMgAZYDZQ+gsP3ShtpxFYoRnkxamKT4dnKdGe8PZIiLib28jFjUR6iOX3Fu25/FodAdOJg8H0vcZKL+/6NBPAHv77cfqyne1wAAAABJRU5ErkJggg==);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	left: 0;
	top: 7px;
}

.a_timeline--text ul li ul li::before {
	content: "";
	width: 23px;
	height: 15px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAARCAYAAADDjbwNAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFw2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4xLWMwMDIgNzkuZjM1NGVmYzcwLCAyMDIzLzExLzA5LTEyOjA1OjUzICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjUuNCAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjQtMDItMTRUMTQ6MDc6NTYrMDQ6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDI0LTAyLTI2VDIwOjI4OjI5KzA0OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDI0LTAyLTI2VDIwOjI4OjI5KzA0OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowMTU4MTdhMi1lNzVmLTRiMjktYjI4NS02ZmViMmJkZWZlOGQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjFiMDUwMGMtMDZmMS00ZmUyLTkyM2QtYjZmOTFkNjlkODA4IiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6NjFiMDUwMGMtMDZmMS00ZmUyLTkyM2QtYjZmOTFkNjlkODA4Ij4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MWIwNTAwYy0wNmYxLTRmZTItOTIzZC1iNmY5MWQ2OWQ4MDgiIHN0RXZ0OndoZW49IjIwMjQtMDItMTRUMTQ6MDc6NTYrMDQ6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyNS40IChNYWNpbnRvc2gpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDowMTU4MTdhMi1lNzVmLTRiMjktYjI4NS02ZmViMmJkZWZlOGQiIHN0RXZ0OndoZW49IjIwMjQtMDItMjZUMjA6Mjg6MjkrMDQ6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyNS40IChNYWNpbnRvc2gpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqTMnGwAAAEISURBVDiNtZXhjYIwGIafGv6fG+gGOkAT7QZucG4iTnC3wZ0TyAbFpP/lNmAEnKD+4FN73CEQ6pM0oaG8T/tBi/Le0wfvzBRYAHNpACVQKm1PXc+rLpF3Zgu8A+snwyogA/ZK23KQyDuzBI48Zt+HCvhU2u6bNyYtkhQ4D5QATIHUO/PVKRLJbqCgyVZy7vwqnbyPP7MZgVHa5hCsyDszBz4iSiCoTFi6b+oax2QtH1UtktWsIktubO4iIH2RBGT/TcLOi3gDSKSGs5FhF6CQ61IaQZ8EWA4MzCW0oD7nivbhDxKe7/4fCc6Bou0c6ysKuc04A/Ixwf+JKuAAZErbLFZwk87fRCyu3l1Yps+T2vAAAAAASUVORK5CYII=);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	left: 0;
	top: 7px;
}

.sliding__logo {
	/* background: #d3d3d4; */
	padding: 5rem 0;
	margin-bottom: 8rem;
}

.sliding__logo--title {
	font-weight: var(--light);
	font-size: 5rem;
	line-height: 5.2rem;
	color: var(--cl--db);
	margin-bottom: 3rem;
}

.sliding__logo--title strong {
	font-weight: var(--bold);
}

.sliding__logo--swiper {
	width: 100%;
	height: 100%;
}

.global__map {
	background: #d3d3d4;
	padding-bottom: 10rem;
	position: relative;
}

.global__map--images {
	width: 100%;
	position: relative;
}

.global__map--overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.global__map--overlay svg {
	width: 100%;
	height: 100%;
	display: block;
}

.map--country {
	fill: #ffffff;
	transition: all 0.3s ease-in-out;
}

.map--country.active {
	fill: var(--cl-y);
}

.global__map-dotted {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}

.global__map-dotted svg {
	width: 100%;
	height: 100%;
	display: block;
}

.map__path--dotted {
	cursor: pointer;
	transition: all 0.3s ease-in-out;
	opacity: 1;
}

@keyframes glow {
	0% {
		filter: drop-shadow(0 0 2px rgba(0, 0, 255, 0));
		/* No glow */
	}

	50% {
		filter: drop-shadow(0 0 10px rgba(0, 50, 88, 1));
		/* Visible blue glow */
	}

	100% {
		filter: drop-shadow(0 0 2px rgba(0, 0, 255, 0));
		/* No glow */
	}
}

.map__path--dotted.active {
	animation: glow 1s infinite ease-in-out;
}

.map__path--dotted.fadedot {
	opacity: 0.1 !important;
}

.global__inner {
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 10rem 0 0 0px;
}

.global__inner .cnt {
	height: 100%;
}

.global__inner .cnt__wrapper {
	width: 33%;
	height: 100%;
}

.global__inner--top {
	position: relative;
	z-index: 2;
}

.global__inner--title {
	font-weight: var(--thin);
	font-size: 6rem;
	line-height: 8rem;
	color: var(--cl--db);
}

.global__inner--title strong {
	font-weight: var(--medium);
}

.global__inner--bot {
	font-weight: var(--light);
	font-size: 2.2rem;
	line-height: 2.6rem;
	color: var(--cl--db);
	margin-top: auto;
	display: flex;
	flex-direction: column;
	position: relative;
	z-index: 2;
	margin-bottom: 25rem;
}

.global__inner--bot h2 {
	font-weight: var(--thin);
	font-size: 3.4rem;
	line-height: 4.8rem;
	margin-bottom: 1rem;
	color: var(--cl--db);
}

.global__inner--bot strong {
	font-weight: var(--medium);
	font-size: 3.4rem;
	line-height: 4.8rem;
	margin-bottom: 1rem;
	color: var(--cl--db);
	display: block;
}

.global__dot--listing {
	display: flex;
	flex-direction: column;
	margin-top: 3rem;
}

.global__dot--listing li {
	display: flex;
	font-size: 1.5rem;
	line-height: 2rem;
	color: var(--grey--cl);
	font-weight: var(--light);
	margin-bottom: 10px;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
}

/* .global__dot--listing li:hover {
	text-decoration: underline;
	text-underline-position: under;
} */

.global__dot--listing li.fadeout {
	opacity: 0.3;
}

.global__dot--listing li::before {
	content: "";
	width: 19px;
	height: 19px;
	margin-right: 10px;
	border-radius: 100%;
}

.global__dot--listing li.cluster__hotels::before {
	background: var(--hotels-cl);
}

.global__dot--listing li.cluster__textile::before {
	background: var(--textile-cl);
}

.global__dot--listing li.cluster__finance::before {
	background: var(--finance-cl);
}

.global__dot--listing li.cluster__healthcare::before {
	background: var(--healthcare-cl);
}

.global__dot--listing li.cluster__properties::before {
	background: var(--properties-cl);
}

.global__dot--listing li.cluster__agro::before {
	background: var(--agro-cl);
}

.separator__blue {
	background: var(--cl--db);
	padding: 5rem 2rem;
	text-align: center;
}

.separtor__blue--text {
	font-weight: var(--extra-bold);
	font-size: 2.8rem;
	line-height: 3rem;
	color: #fff;
}

.separator__quote {
	padding: 4rem 0 4rem;
	background: var(--cl--db);
	display: none;
}

.separator__quote ul {
	display: flex;
	justify-content: center;
}

.separator__quote li {
	font-weight: var(--light);
	color: #fff;
	font-size: 2.8rem;
	line-height: 3rem;
	padding: 0 5rem;
	position: relative;
}

.separator__quote li strong {
	font-weight: var(--bold);
}

.separator__quote li::after {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	width: 3px;
	height: 100%;
	background: #fff;
}

.separator__quote li:last-child::after {
	display: none;
}

.bod__block {
	padding: 9rem 0 0rem 0;
}

.bod__block--title {
	/* font-weight: var(--light);
	color: var(--cl--db);
	font-size: 4rem;
	line-height: 5rem;
	margin-bottom: 4rem; */

	font-weight: var(--thin);
	font-size: 8rem;
	line-height: 10rem;
	color: var(--cl--db);
	margin-bottom: 3rem;
}

.bod__block--title strong {
	font-weight: var(--medium);
}

.exe_title .bod__block--title {
	font-weight: var(--light);
	font-size: 5rem;
	line-height: 5.2rem;
	color: var(--cl--db);
}

.exe_title .bod__block--title strong {
	font-weight: var(--bold);
}

.bod__gallery {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 8px;
}

@media (max-width: 768px) {
	.bod__gallery {
		grid-template-columns: repeat(2, 1fr);
		/* 2x2 layout for smaller screens */
	}
}

.bod__gallery--item {
	background: var(--cl--db);
	position: relative;
}

.bod__gallery--item--desc {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: rgba(0, 50, 88, 0.6);
	color: #fff;

	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease-in-out;
}

.bod__gallery--item:hover .bod__gallery--item--desc {
	opacity: 1;
	visibility: visible;
}

.bod__gallery--item--name {
	font-weight: var(--bold);
	font-size: 2rem;
	line-height: 2.8rem;
	text-align: center;
}

.bod__gallery--item--position {
	font-weight: var(--light);
	font-size: 1.6rem;
	line-height: 2rem;
	padding: 0 25px;
	text-align: center;
}

.d_more {
	padding: 13rem 0 7rem 0;
	position: relative;
	margin-top: 13rem;
	/* overflow: hidden; */
}

.d_more--overlay {
	position: absolute;
	top: 0;
	left: -2%;
	z-index: -1;
	pointer-events: none;
}

.d_more--title {
	font-weight: var(--thin);
	font-size: 6rem;
	line-height: 8rem;
	color: var(--grey--cl);
}

.d_more--title strong {
	font-weight: var(--medium);
}

.d_more--img {
	position: relative;
}

.d_more--desc {
	display: flex;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	align-items: flex-end;
	justify-content: center;
	padding-bottom: 30px;
	transition: all 0.3s ease-in-out;
}

.d_more--desc .line {
	color: #fff;
	font-weight: var(--bold);
	font-size: 2.4rem;
}

.d_more--img:hover .d_more--desc {
	background: rgba(0, 50, 88, 0.4);
}

.d_more--img:hover .another-circle {
	stroke-dashoffset: 95px;
	transform: translate(5, 14);
}

.hero__img--shape {
	position: absolute;
	right: -30%;
	bottom: 0;
	width: 65%;
}

.simpletext {
	padding: 9rem 0 9rem 0;
	font-weight: var(--light);
	font-size: 2.2rem;
	line-height: 2.8rem;
	/* color: #808285; */
	color: var(--cl--db);
	/* background: rgba(128, 130, 133, 0.11); */
}

.simpletext--left {
	position: relative;
}

.simpletext--right {
	z-index: -1;
	position: absolute;
	left: -20%;
	width: 32%;
	opacity: 0.3;
	top: -35%;
}

.simpletext .cnt__wrapper {
	width: 100%;
}

.com_board {
	margin-top: 10rem;
}

.com_board__wrapper {
	display: flex;
}

.com_board__wrapper > div {
	width: 50%;
}

.com_board--left {
	background: rgba(128, 130, 133, 0.11);
	padding: 8.5rem 4% 10rem 7%;
}

.com_board--left--title {
	font-weight: var(--thin);
	font-size: 5.4rem;
	line-height: 7rem;
	color: var(--cl--db);
	margin-bottom: 4.5rem;
}

.com_board--left--title strong {
	font-weight: var(--medium);
}

.com_board--left--text {
	font-weight: var(--regular);
	font-size: 1.8rem;
	line-height: 2.4rem;
	color: var(--cl--db);
}

.com_board--right {
	padding: 5rem 0% 45px 5%;
}

.com_board--right--title {
	font-weight: var(--light);
	font-size: 3rem;
	line-height: 3.7rem;
	color: var(--cl--db);
	margin-bottom: 4rem;
}

.com_board--right--title strong {
	font-weight: var(--medium);
}

.com_board--right--wrapper {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
}

@media (max-width: 768px) {
	.com_board--right--wrapper {
		grid-template-columns: repeat(2, 1fr);
		/* 2x2 layout for smaller screens */
	}
}

@media (max-width: 480px) {
	.com_board--right--wrapper {
		grid-template-columns: 1fr;
		/* 1x1 layout for very small screens */
	}
}

.com_board--right--b > span {
	font-weight: var(--medium);
	font-size: 2.2rem;
	line-height: 2.8rem;
	color: var(--cl--db);
	width: 70%;
	display: block;
	margin-bottom: 1rem;
}

.com_board--right--b ul {
	display: flex;
	flex-direction: column;
}

.com_board--right--b li {
	font-weight: var(--medium);
	font-size: 1.5rem;
	line-height: 2rem;
	color: #808285;
	margin-bottom: 1rem;
}

.com_board--right--b li:last-child {
	margin-bottom: 0;
}

.com_board--right--b li span {
	font-weight: var(--regular);
	display: block;
}

.com_board--right--b a {
	font-weight: var(--regular);
	font-size: 1.7rem;
	line-height: 2rem;
	color: var(--cl--db);
	display: flex;
	margin-top: 4rem;
	align-items: center;
}

.com_board--right--b a span {
	width: 25px;
	height: 25px;
	margin-right: 10px;
}

.com_board--right--b a span svg {
	width: 100%;
	height: 100%;
}

.com_board--right--b a:hover {
	color: var(--cl-y);
}

.com_doc {
	padding: 15rem 0;
	background: var(--cl--db);
}

.com_doc .cnt__wrapper {
	flex-direction: row;
	padding: 0 4%;
}

.com_doc--left {
	font-weight: var(--medium);
	font-size: 3rem;
	line-height: 3.7rem;
	color: #fff;
	width: 20%;
}

.com_doc--right {
	display: flex;
	margin-left: auto;
	width: 70%;
}

.com_doc--right ul {
	display: flex;
	flex-direction: column;
	width: 33.3333%;
}

.com_doc--right li {
	margin-bottom: 24px;
}

.com_doc--right li:last-child {
	margin-bottom: 0;
}

.com_doc--right li a {
	display: flex;
	font-weight: var(--medium);
	font-size: 1.5rem;
	line-height: 2rem;
	color: #ffffff;
	align-items: center;
}

.com_doc--right li a:hover {
	color: var(--cl-y);
}

.com_doc--right li a .spanicon {
	width: 29px;
	height: 29px;
	margin-right: 15px;
	/* position: relative;
    bottom: -3px; */
}

.com_doc--right li a span svg {
	width: 100%;
	height: 100%;
	display: block;
}

.com_doc--right li a .spantext {
	width: 70%;
}

.com_sep {
	padding: 20px 0;
	background: var(--cl-lb);
}

.com_sep__wrapper {
	display: flex;
	width: 100%;
	height: 100%;
	gap: 40px;
	align-items: center;
	justify-content: center;
}

.com_sep__wrapper a {
	display: flex;
	font-weight: var(--medium);
	font-size: 2rem;
	line-height: 2.4rem;
	color: #ffffff;
	align-items: center;
}

.com_sep__wrapper a:hover {
	color: var(--cl-y);
}

.com_sep__wrapper a .sep-icon {
	width: 37px;
	margin-right: 15px;
}

.com_sep__wrapper a .sep-icon svg {
	display: block;
	height: 100%;
	width: 100%;
}

.annual__report--banner {
	padding-top: 34rem;
	position: relative;
}

.annual__report--banner--bg {
	position: absolute;
	width: 100%;
	height: 100vh;
	background: var(--cl-lb);
	pointer-events: none;
	top: 0;
	z-index: -1;
}

.annual__report--banner--desc {
	display: flex;
	flex-direction: column;
	margin-bottom: 8rem;
	width: 80%;
}

.annual__report--banner--title {
	font-weight: var(--thin);
	font-size: 5rem;
	line-height: 5rem;
	color: #fff;
	margin-bottom: 15px;
}

.annual__report--banner--title strong {
	font-weight: var(--bold);
}

.annual__report--banner--text {
	font-weight: var(--light);
	font-size: 2.2rem;
	line-height: 2.8rem;
	color: #fff;
}

.annual__report--image {
	position: relative;
}

.annual__report--shape {
	position: absolute;
	top: 0;
	z-index: -1;
	left: 50%;
	transform: translateX(-50%);
}

.grey__link {
	padding: 7rem 0;
	background: rgba(128, 130, 133, 0.3);
}

.grey__link a {
	color: var(--cl--db);
	font-size: 1.8rem;
	line-height: 2rem;
	font-weight: var(--medium);
	display: flex;
	align-items: center;
}

.grey__link a:hover {
	color: var(--cl-lb);
}

.grey__link .link-icon {
	width: 32px;
	height: 32px;
	margin-right: 15px;
}

.grey__link .link-icon svg {
	display: block;
	height: 100%;
	width: 100%;
}

.annual__grid {
	padding: 15rem 0 0 0;
}

.annual__grid--title {
	font-weight: var(--light);
	font-size: 5rem;
	line-height: 5.2rem;
	color: var(--cl--db);
	margin-bottom: 8rem;
}

.annual__grid--title strong {
	font-weight: var(--bold);
}

.annual__grid__wrapper {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 4px;
}

@media (max-width: 768px) {
	.annual__grid__wrapper {
		grid-template-columns: repeat(2, 1fr);
		/* 2x2 layout for smaller screens */
	}
}

.annual__grid--item a {
	position: relative;
	display: block;
}

.linkAnnual {
	display: flex;
	position: relative;
}

.linkAnnual_btn {
	top: 15px;
	position: absolute;
	right: 15px;
	display: flex;
	gap: 15px;
}

.linkAnnual_btn a {
	width: 45px;
	height: 45px;
}

.linkAnnual_btn a svg {
	width: 100%;
	height: 100%;
	display: block;
}

.annual__grid--form {
	display: grid;
	grid-template-columns: calc((100% - 2 * 4px) / 3) calc(
			2 * ((100% - 2 * 4px) / 3) + 4px
		);
	grid-gap: 4px;
	margin-top: 4px;
}

@media (max-width: 768px) {
	.annual__grid--form {
		/* Adjustments for smaller screens */
		grid-template-columns: 1fr;
	}
}

@media (max-width: 480px) {
	.annual__grid--form {
		/* Further adjustments for very small screens */
		grid-template-columns: 1fr;
	}
}

.annual__grid--item {
	background: var(--cl-lb);
}

.annual__form--grid-element-1 {
	height: 100%;
	background: var(--cl--db);
}

.annual__form--grid-element-1 a {
	height: 100%;
	width: 100%;
	display: flex;
	padding: 0 6rem 5rem;
	align-items: flex-end;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.annual__element-1--text {
	display: flex;
	align-items: flex-end;
}

.el-text {
	font-weight: var(--thin);
	font-size: 3rem;
	line-height: 4rem;
	color: #fff;
	width: 70%;
}

.el-text strong {
	font-weight: var(--medium);
}

.el-icon {
	width: 56px;
	height: 56px;
	margin-left: auto;
}

.el-icon svg {
	width: 100%;
	height: 100%;
	display: block;
}

.annual__form--grid-element-2 {
	height: 100%;
	background: rgba(128, 130, 133, 0.4);
	padding: 6rem 10rem 4rem;
}

.annual__form--grid-element-2--title {
	font-weight: var(--light);
	font-size: 2.8rem;
	line-height: 3.5rem;
	color: var(--cl--db);
}

.annual__form--grid-element-2--title strong {
	font-weight: var(--bold);
}

.annual__form--grid-element-2--form {
	display: flex;
	margin-top: 4rem;
}

.contact__map {
	padding: 10rem 0 0 0;
}

.contact__map .cnt__wrapper {
	padding: 0 4%;
}

.map__wrapper {
	display: grid;
	width: 100%;
	grid-template-columns: 66.6666% 33.333%;
	gap: 4px;
}

.map__right {
	height: 540px;
}

.map__right iframe {
	width: 100%;
	height: 100%;
	display: block;
}

.map__left {
	display: flex;
	flex-direction: column;
	justify-content: center;
	background: var(--cl-lb);
	padding: 2% 8%;
}

.map__left form > div {
	width: 100%;
	margin-bottom: 2rem;
}

.map__left .js-form-item input {
	width: 100%;
	height: 40px;
	background: transparent;
	border: none;
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
	font-weight: var(--light);
	font-size: 1.8rem;
	line-height: 2rem;
	color: #ffffff;
}

.map__left .js-form-item textarea {
	width: 100%;
	height: 40px;
	background: transparent;
	border: none;
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
	font-weight: var(--light);
	font-size: 1.8rem;
	line-height: 2rem;
	color: #fff;
}

.map__left .js-form-item ::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	font-weight: var(--light);
	font-size: 1.8rem;
	line-height: 2rem;
	color: #fff;
}

.map__left .js-form-item ::-moz-placeholder {
	/* Firefox 19+ */
	font-weight: var(--light);
	font-size: 1.8rem;
	line-height: 2rem;
	color: #fff;
}

.map__left .js-form-item :-ms-input-placeholder {
	/* IE 10+ */
	font-weight: var(--light);
	font-size: 1.8rem;
	line-height: 2rem;
	color: #fff;
}

.map__left .js-form-item ::placeholder {
	font-weight: var(--light);
	font-size: 1.8rem;
	line-height: 2rem;
	color: #fff;
}

.map__left .form-actions {
	display: flex;
	margin-top: 2rem;
	margin-bottom: 0;
}

.map__left .form-actions input {
	width: 100%;
	border: none;
	background-color: transparent;
	font-weight: var(--medium);
	font-size: 1.8rem;
	line-height: 2rem;
	color: #fff;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADEAAAAxCAYAAABznEEcAAAACXBIWXMAAAsTAAALEwEAmpwYAAAE9GlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4xLWMwMDIgNzkuZGJhM2RhM2I1LCAyMDIzLzEyLzE1LTEwOjQyOjM3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjUuNiAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjQtMDQtMTZUMDc6NDc6NDIrMDQ6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDI0LTA0LTE2VDA3OjQ4OjIxKzA0OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDI0LTA0LTE2VDA3OjQ4OjIxKzA0OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpiMDQwYzEwNi0zMWE0LTQ0NTMtODg3Mi0yNzI3MzZmNThkNTIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6YjA0MGMxMDYtMzFhNC00NDUzLTg4NzItMjcyNzM2ZjU4ZDUyIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6YjA0MGMxMDYtMzFhNC00NDUzLTg4NzItMjcyNzM2ZjU4ZDUyIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDpiMDQwYzEwNi0zMWE0LTQ0NTMtODg3Mi0yNzI3MzZmNThkNTIiIHN0RXZ0OndoZW49IjIwMjQtMDQtMTZUMDc6NDc6NDIrMDQ6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyNS42IChNYWNpbnRvc2gpIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpFmpxoAAAOVSURBVGiBzVrBcdswEFxrnJn8gmd+YQlIBWEHZgdmKrA6iDqIOjBTgdSBmQrEDsT88hP9zmPzAGCeIFImAdLmztwAGAKHW9yRPIC8IYmJ8A1ACkADSGwp0QCoANS2/G3LeJCMkTuSO4bjRPInSR1jR8ggRfKe5DHC+C48kUxDSNxwXDhlAH7ChIuPPwBKmBCp0IaPQypKbctPHXpKAN9hwm4YRqz+rmP1GpJbhodDRrLo8czDUD1DOmlehk5DcmPJxd5XIJn0kNkNmWMIgZOneD+h8b6kJCtvvsNr840h0JDMZzJeiuKlV64SGUNAvwEBKflQIn0rcXxnAn1EHoeS2C2EgJO1RyR7jUTmDcjfmYCTvbDpRC+sroXRfgHGS9tqYVvRRyIXnRqf7QLEj5Kki4T0wmYBRndJ2eWNLpZzeGEqfamw8+T0rmwKlYt0qrDJ21TIAJwAHACoSF0lTKIJqysD8ELiTnQsIifykdhSA3hCPJFC1DMA8F1UzxTLhZjjEBle2gsprNDm+YBx1xzIAfyydY04j1QAnm1dAdArnO+Fq0DFQ5BjWiIOegXgS8/FOZBjGiKlqCe+J5oAhWORYzqPAABuvXY1YmwCs98ONeAvgM9oiXwN1JP6JMYgg3vEheMfgA8wRBSGR0IlGzEktrZUAWM/AriH8QRgTjeaEeO1qDe3MI8rd3SSYtxjdjuir4OCCR9JoAjQ41CtMP8TSULBENC2HUogkY0Vzg+p0gCFQ6EwDQHgnETpe0JjHihMRwAwh9cOdWcuMrEomy855JH65LahdrlThfNcJItYoS6sMZ0HgHP7SgAvm6KtYFdM7AlNsyOL9YDz6knYmpHtzk6GFCn2rwuTtR9KLpyA9suNwybS5XNAAXgQ7eKlJlimnjfSBay8lI2wraHYWPkdS9HxwOUc2/jhvpbX/c6J1/lxAQQUz4+TKr9P16C1RyR/ZxIHYUvDjrPhvoH7hRB5HGLHNRdWnoKHNzRe8dwDpHmXdfZ/TZFPZMf5b3bNy2+ExbUxQ1bEJ3JkxzeCCUSR/MFL9HpgKAmnvOhQ/sRp3iWKJlSPnv6GA+/FMZNlVrGPI80K6pHG39HcuKcOndUYfWP/KFAwW9L7nusNTApTinaNNotNrKQ9459hUp7tGKNCQyBh/58AIagZ8XF/rCd8KLRHNym6/9Xog/sXZG8lGLEkfGi0/zsBbdg0aLfBJUyI1VNN+h+gZx5liU/xCAAAAABJRU5ErkJggg==);

	background-repeat: no-repeat;
	background-position: left center;
	background-size: 35px;
	height: 35px;
	display: flex;
	align-items: center;
	padding-left: 50px;
}

.map__left span {
	margin-right: 10px;
}

.map__left--title {
	font-size: 2rem;
	line-height: 2rem;
	font-weight: var(--light);
	margin-bottom: 2rem;
	color: #fff;
}

.map__left--title strong {
	font-weight: var(--medium);
}

.map__title {
	font-size: 2.4rem;
	line-height: 4rem;
	font-weight: var(--medium);
	margin-bottom: 2rem;
}

.map__address {
	font-weight: var(--medium);
}

.map__address,
.map__phone,
.map__fax {
	margin-bottom: 1rem;
}

.contact__more {
	display: grid;
	margin-top: 4px;
	grid-template-columns: 33.333% 66.6666%;
	gap: 4px;
}

.contact__inv {
	background: var(--cl--db);
	display: flex;
	flex-direction: column;
	padding: 20px 10%;
	font-size: 1.6rem;
	line-height: 2rem;
	color: #fff;
	height: 240px;
	justify-content: center;
	font-weight: var(--light);
}

.contact__inv a:hover {
	color: var(--cl-y);
}

.contact__whisteleblowing {
	background: var(--cl-y);
	display: flex;
	background: var(--cl-y);
	padding: 20px 5%;
	flex-direction: column;
	justify-content: flex-end;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
}

.contact__whisteleblowing::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
	left: 0;
	top: 0;
}

.contact__whisteleblowing .texte_form {
	display: flex;
	font-weight: var(--light);
	color: #ffffff;
	font-size: 1.8rem;
	line-height: 2.4rem;
	align-items: center;
	max-width: 510px;
	margin-bottom: 20px;
	position: relative;
}

.contact__whisteleblowing a {
	display: flex;
	font-weight: var(--medium);
	color: #ffffff;
	font-size: 1.8rem;
	line-height: 2.4rem;
	align-items: center;
	position: relative;
}

.contact__whisteleblowing a:hover {
	color: var(--cl-lb);
}

.contact__whisteleblowing svg {
	fill: #ffffff;
}

.c-icon {
	width: 35px;
	height: 35px;
	margin-right: 15px;
}

.c-icon svg {
	width: 100%;
	height: 100%;
	display: block;
}

.contact__social {
	background: var(--cl-lb);
	padding: 0 10%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	display: none;
}

.contact__social--title {
	font-weight: var(--light);
	font-size: 2.8rem;
	line-height: 3rem;
	color: #ffffff;
	margin-bottom: 2rem;
	width: 253px;
}

.contact__s-w {
	display: flex;
	width: 253px;
	justify-content: center;
}

.contact__s-w li {
	margin-right: 20px;
}

.contact__s-w li:last-child {
	margin-right: 0;
}

.contact__s-w a {
	width: 50px;
	height: 50px;
	display: block;
}

.contact__s-w svg {
	width: 100%;
	height: 100%;
	display: block;
}

.contact__company {
	padding: 12rem 0 10rem 0;
}

.contact__company__title {
	font-weight: var(--light);
	font-size: 5rem;
	line-height: 5.2rem;
	color: var(--cl--db);
}

.contact__company__title strong {
	font-weight: var(--medium);
}

.contact__company--wrapper {
	display: flex;
	width: 100%;
	margin-top: 9.5rem;
}

.contact__company--list {
	width: 23.31%;
}

.contact__company--list ul {
	display: flex;
	flex-direction: column;
}

.contact__company--list li {
	color: var(--cl--db);
	font-weight: var(--medium);
	font-size: 2.2rem;
	line-height: 3.2rem;
	opacity: 0.5;
	margin-bottom: 2.5rem;
	cursor: pointer;
}

.contact__company--list li.active {
	opacity: 1;
	font-size: 2.4rem;
}

.contact__company--list li:last-child {
	margin-bottom: 0;
}

.contact__company--listdetails {
	width: 76.69%;
	display: flex;
	position: relative;
}

.contact__svg {
	position: absolute;
	width: 50%;
	right: 26%;
	bottom: 5%;
	z-index: -1;
	pointer-events: none;
	display: none;
}

.contact__cards {
	display: flex;
	width: 60%;
	padding: 0 3%;
}

.contact__cards--row {
	display: flex;
	flex-direction: column;
	width: 45%;
}

.contact__card {
	font-weight: var(--light);
	font-size: 1.8rem;
	line-height: 2.2rem;
	color: #808285;
	margin-bottom: 4rem;
}

.contact__card:last-child {
	margin-bottom: 0;
}

.contact__card > div {
	margin-bottom: 15px;
}

.contact__card > div:last-child {
	margin-bottom: 0;
}

.contact__card a:hover {
	color: var(--cl-y);
}

.contact__card--title {
	font-weight: var(--bold);
	margin-bottom: 30px;
}

.contact__img {
	width: 40%;
	/* height: 100px; */
	margin-top: -17rem;
}

.contact_cards--company {
	display: flex;
	justify-content: space-between;
	position: absolute;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

.contact_cards--company.active {
	position: inherit;
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	width: 100%;
}

.contact__image--card {
	display: flex;
	position: absolute;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	right: 0px;
	top: 0px;
}

.contact__image--card.active {
	position: inherit;
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

/* ! news */

.newslisting {
	padding: 9.5rem 0;
}

.newslisting__wrapper {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 4px;
}

@media (max-width: 768px) {
	.newslisting__wrapper {
		grid-template-columns: repeat(1, 1fr);
	}
}

.newslisting__item a {
	position: relative;
	display: block;
}

.newslisting__item--inner {
	position: relative;
	display: flex;
	flex-direction: column;
}

.newslisting__item--desc {
	position: absolute;
	padding: 20px 5% 20px;
	height: 100%;
	bottom: 0;
	background: rgba(0, 50, 88, 0.3);
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	flex-wrap: wrap;
	transition: all 0.3s ease-in-out;
}

.newslisting__item a:hover .newslisting__item--desc {
	background: rgba(0, 50, 88, 0.6);
}

.newslisting__item--htag {
	font-weight: var(--light);
	font-size: 1.5rem;
	color: #fff;
	display: none;
}

.newslisting__item--date {
	font-size: 1.5rem;
	color: #fff;
}

.newslisting__item--title {
	font-weight: var(--medium);
	font-size: 2rem;
	line-height: 2.4rem;
	color: #fff;
	position: relative;
	width: 80%;
	margin-top: auto;
}

.newslisting__item--btn {
	margin-top: 20px;
	position: relative;
}

.newslisting__item--btn .btn__arrow {
	font-size: 1.5rem;
	line-height: 1.5rem;
	color: #fff;
}

.newslisting__morelink {
	height: 100%;
}

.newslisting__morelink {
	/* display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 4px; */
}

/* @media (max-width: 768px) {
    .newslisting__morelink {
        grid-template-columns: repeat(1, 1fr);
    }
} */

.newslisting__wrapper--bot {
	display: grid;
	/* grid-template-columns: repeat(2, 1fr); */
	/* grid-gap: 4px;
 
  grid-template-columns: 2fr 1fr; */

	grid-template-columns: calc(66.6% - 1px) calc(33.33% - 2px);
	grid-gap: 5px;
	margin-top: 4px;
}

.newslisting__morelink--left {
	height: 100%;
	background: var(--cl--db);
}

.corporate__news {
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: 20px 5% 20px;
	background: url("../assets/images/todelete/business.png") center center
		no-repeat;
	background-size: cover;
}

.corporate__news--title {
	font-weight: var(--medium);
	font-size: 1.8rem;
	line-height: 2rem;
	color: #fff;
	margin-bottom: 2.5rem;
	margin-top: auto;
}

.corporate__news--text {
	font-weight: var(--light);
	font-size: 1.6rem;
	line-height: 1.8rem;
	color: #fff;
}

.corporate__news--btn {
	margin-top: 20px;
	position: relative;
}

.corporate__news--btn .btn__arrow {
	font-weight: var(--medium);
	font-size: 1.8rem;
	line-height: 2rem;
	color: #fff;
}

.newslisting__morelink--right {
	height: 100%;
	background: #808285;
	display: none;
}

.jumptoarchive {
	display: flex;
	height: 100%;
	padding: 20px 5% 20px;
	align-items: center;
}

.jumptoarchive > span {
	font-weight: var(--bold);
	font-size: 1.8rem;
	line-height: 2rem;
	color: #ffffff;
}

.jumptoarchive--btn {
	margin-top: auto;
	position: relative;
}

.newslisting__newletter {
	height: 105px;
	background: var(--cl-y);
	display: flex;
	padding: 20px 5%;
	align-items: center;
}

.newslisting__newletter--title {
	font-weight: var(--bold);
	font-size: 2.4rem;
	line-height: 3rem;
	color: var(--cl--db);
	width: 30%;
}

.newslisting__newletter--btn {
	/* height: 100%; */
	display: flex;
	align-items: center;
	padding: 20px 5%;
	background: var(--cl-lb);
	justify-content: flex-end;
}

.newslisting__newletter--btn a {
	font-weight: var(--medium);
	font-size: 1.8rem;
	line-height: 2rem;
	color: #fff;
}

.newslisting__newletter--btn a .circle {
	width: 48px;
	height: 48px;
	margin-right: 0px;
	position: relative;
}

.newslisting__newletter--btn a .circle svg {
	stroke: #fff;
	position: absolute;
	top: -7px;
	display: block;
}

.newslisting__newletter--btn a .another-circle {
	stroke: #fff;
	cursor: pointer;
	stroke-dasharray: 95;
	stroke-dashoffset: 0;
	transition: stroke-dashoffset 600ms ease;
	transform-origin: 0px 0px 0px;
}

.newslisting__newletter--btn a:hover .another-circle {
	stroke-dashoffset: 95px;
	transform: translate(5, 14);
}

.newslisting__square--wrapper {
	/* display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 4px; */
	width: 100%;
}

.newslisting__square--wrapper .news__box {
	background-size: cover;
}

.newslisting__square--wrapper .views-infinite-scroll-content-wrapper {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 4px;
}

@media (max-width: 768px) {
	.newslisting__square--wrapper .views-infinite-scroll-content-wrapper {
		grid-template-columns: repeat(3, 1fr);
	}
}

/* careers */
.careers__testimonials {
	padding: 12rem 0 2rem 0;
}

.careers__testimonials--wp {
	width: 100%;
	display: flex;
	gap: 2px;
	flex-direction: column;
}

.careers__left {
	height: 650px;
	background: var(--cl--db);
	width: 50%;
	display: flex;
	flex-direction: column;
	padding: 7% 10%;
}

.careers__left--info {
	color: #fff;
}

.careers__left--title {
	font-weight: var(--medium);
	font-size: 2.4rem;
	line-height: 2.8rem;
	margin-bottom: 4.8rem;
}

.careers__left--desc {
	font-weight: var(--light);
	font-size: 2.2rem;
	line-height: 2.8rem;
}

.careers__left--btn {
	margin-top: auto;
	position: relative;
}

.careers__left--btn a {
	font-weight: var(--medium);
	font-size: 2.2rem;
	line-height: 3rem;
	color: var(--cl-y);
	display: flex;
	align-items: center;
}

.careers__left--btn a:hover {
	color: var(--cl--db);
}

.careers__left--btn .circle {
	/* position: absolute;
  left: -10%;
  width: 48px;
  height: 48px;
  margin-right: 0px; */
	/* width: 28px;
  height: 31px;
  margin-right: 15px; */
	position: relative;
	top: -7px;
}

.careers__left--btn .more--btn .circle svg {
	stroke: var(--cl-y);
	/* position: absolute;
  top: -7px; */
	display: block;
	width: 100%;
	height: 100%;
}

.careers__left--btn .more--btn .another-circle {
	stroke: var(--cl-y);
	cursor: pointer;
	stroke-dasharray: 95;
	stroke-dashoffset: 0;
	transition: stroke-dashoffset 600ms ease;
	transform-origin: 0px 0px 0px;
}

.careers__left--btn .more--btn:hover .another-circle {
	stroke-dashoffset: 95px;
	transform: translate(5, 14);
}

.careers__right {
	height: 600px;
	width: 100%;
}

.careers__swiper {
	width: 100%;
	height: 100%;
}

.careers__testimonials--box {
	width: 100%;
	height: 100%;
	position: relative;
	display: flex;
	align-items: flex-end;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.careers__testimonials--box--desc {
	color: #fff;
	background: rgba(49, 50, 52, 0.6);
	padding: 5% 7%;
	height: 50%;
}

.careers__testimonials--box--name {
	font-weight: var(--bold);
	font-size: 2.2rem;
	line-height: 2.7rem;
	margin-bottom: 10px;
}

.careers__testimonials--box--title {
	font-weight: var(--light);
	font-size: 2.2rem;
	line-height: 2.7rem;
	margin-bottom: 10px;
}

.careers__testimonials--box--text {
	font-weight: var(--light);
	font-size: 1.6rem;
	line-height: 2.4rem;
}

.careers__swiper .swiper-button-next,
.careers__swiper .swiper-button-prev {
	position: absolute;
	top: 8%;
	width: 35px;
	height: 35px;
}

.careers__swiper .swiper-button-next:after,
.careers__swiper .swiper-button-prev:after {
	display: none;
}

.careers__swiper .swiper-button-prev {
	left: 5%;
}

.careers__swiper .swiper-button-next {
	right: 5%;
}

.vacancies {
	padding: 10rem 0 0 0;
}

.vacancies--top {
	display: flex;
}

.vacancies--title {
	font-weight: var(--thin);
	font-size: 8rem;
	line-height: 10rem;
	color: var(--cl--db);
}

.vacancies--title strong {
	font-weight: var(--medium);
}

.vacancies--bot {
	display: flex;
	margin-top: 8rem;
	width: 100%;
	padding: 0 5%;
	flex-wrap: wrap;
	justify-content: space-between;
}

@media (max-width: 768px) {
	.vacancies--box {
		width: 100%;
	}
}

.vacancies--box {
	display: flex;
	flex-direction: column;
	cursor: pointer;
	margin-bottom: 4rem;
	cursor: pointer;
	width: 47%;
	padding: 20px;
	transition: all 0.3s ease-in-out;
	border: 1px solid transparent;
}

.vacancies--box:hover {
	border: 1px solid var(--cl--db);
	-webkit-box-shadow: 2px 4px 5px -1px rgba(212, 204, 212, 1);
	-moz-box-shadow: 2px 4px 5px -1px rgba(212, 204, 212, 1);
	box-shadow: 2px 4px 5px -1px rgba(212, 204, 212, 1);
}

.vacancies--box--top {
	width: 100%;
	display: flex;
	flex-direction: column;
	position: relative;
	padding-right: 50px;
	border-bottom: 1px solid #707070;
	padding-bottom: 1px;
	transition: all 0.3s ease-in-out;
}

.vacancies--box--title {
	font-size: 2.2rem;
	line-height: 2.4rem;
	color: var(--grey--cl);
	margin-bottom: 5px;
	transition: all 0.3s ease-in-out;
}

.vacancies--box--cluster {
	font-size: 1.8rem;
	line-height: 2.4rem;
	font-weight: var(--medium);
	display: flex;
}

.vacancies--box--cluster span {
	font-weight: var(--medium);
	text-transform: uppercase;
	position: relative;
	display: flex;
	padding-right: 10px;
}

.vacancies--box--cluster span::after {
	content: "";
	width: 1px;
	height: 20px;
	background: #808285;
	display: flex;
	margin-left: 10px;
	align-items: center;
	position: relative;
	top: 3px;
}

.vacancies--box.cluster-finance:hover {
	border: 1px solid var(--finance-cl);
}

.cluster-finance .vacancies--box--cluster {
	color: var(--finance-cl);
}

.cluster-finance .clustersvg {
	fill: var(--finance-cl);
}

.vacancies--box.cluster-textile:hover {
	border: 1px solid var(--textile-cl);
}

.cluster-textile .vacancies--box--cluster {
	color: var(--textile-cl);
}

.cluster-textile .clustersvg {
	fill: var(--textile-cl);
}

.vacancies--box.cluster-healthcare:hover {
	border: 1px solid var(--healthcare-cl);
}

.cluster-healthcare .vacancies--box--cluster {
	color: var(--healthcare-cl);
}

.cluster-healthcare .clustersvg {
	fill: var(--healthcare-cl);
}

.vacancies--box.cluster-properties:hover {
	border: 1px solid var(--properties-cl);
}

.cluster-properties .vacancies--box--cluster {
	color: var(--properties-cl);
}

.cluster-properties .clustersvg {
	fill: var(--properties-cl);
}

.vacancies--box.cluster-hotels:hover {
	border: 1px solid var(--hotels-cl);
}

.cluster-hotels .vacancies--box--cluster {
	color: var(--hotels-cl);
}

.cluster-hotels .clustersvg {
	fill: var(--hotels-cl);
}

.vacancies--box.cluster-agro:hover {
	border: 1px solid var(--agro-cl);
}

.cluster-agro .vacancies--box--cluster {
	color: var(--agro-cl);
}

.cluster-agro .clustersvg {
	fill: var(--agro-cl);
}

.vacancies--box.cluster-finance:hover .vacancies--box--title {
	color: var(--finance-cl);
}

.vacancies--box.cluster-textile:hover .vacancies--box--title {
	color: var(--textile-cl);
}

.vacancies--box.cluster-healthcare:hover .vacancies--box--title {
	color: var(--healthcare-cl);
}

.vacancies--box.cluster-properties:hover .vacancies--box--title {
	color: var(--properties-cl);
}

.vacancies--box.cluster-hotels:hover .vacancies--box--title {
	color: var(--hotels-cl);
}

.vacancies--box.cluster-agro:hover .vacancies--box--title {
	color: var(--agro-cl);
}

.vacancies--box.cluster-finance:hover .vacancies--box--top {
	border-bottom: 1px solid var(--finance-cl);
}

.vacancies--box.cluster-textile:hover .vacancies--box--top {
	border-bottom: 1px solid var(--textile-cl);
}

.vacancies--box.cluster-healthcare:hover .vacancies--box--top {
	border-bottom: 1px solid var(--healthcare-cl);
}

.vacancies--box.cluster-properties:hover .vacancies--box--top {
	border-bottom: 1px solid var(--properties-cl);
}

.vacancies--box.cluster-hotels:hover .vacancies--box--top {
	border-bottom: 1px solid var(--hotels-cl);
}

.vacancies--box.cluster-agro:hover .vacancies--box--top {
	border-bottom: 1px solid var(--agro-cl);
}

.vacancies--box--btn {
	width: 36px;
	height: 36px;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.vacancies--box--btn svg {
	height: 100%;
	width: 100%;
	display: block;
}

.vacancies--box--bot {
	margin-top: 20px;
	display: flex;
}

.vacancies--box--time {
	display: flex;
	align-items: center;
}

.icn-calendar {
	width: 20px;
	height: 20px;
	margin-right: 10px;
}

.icn-calendar svg {
	display: block;
	width: 100%;
	height: 100%;
}

.vacancies--box--text {
	font-weight: var(--light);
	font-size: 1.6rem;
	line-height: 2.8rem;
	color: #808285;
}

.vacancies--box--text strong {
	font-weight: var(--medium);
}

.vacancies--box--location {
	display: flex;
	margin-left: auto;
	align-items: center;
}

.icn-location {
	width: 18px;
	height: 28px;
	margin-right: 7px;
}

.icn-location img {
	width: 100%;
}

.vacancies--modal {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: all 0.3s ease-in-out;

	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	background: var(--cl--db);
	width: 100%;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
}

.vacancies--modal.active {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

.vacancies--modal--cnt {
	max-width: 163rem;
	width: 100%;
	display: flex;
	position: relative;
}

.modal-close {
	position: absolute;
	top: 0%;
	width: 43px;
	height: 43px;
	left: -5%;
}

.modal-close svg {
	width: 100%;
	height: 100%;
	display: block;
}

.vacancies--modal--left {
	width: 45%;
}

.vacancies--modal--left--title {
	font-weight: var(--medium);
	font-size: 3rem;
	line-height: 3rem;
	color: #fff;
}

.vacancies--modal--left--cluster {
	font-weight: var(--medium);
	font-size: 2rem;
	line-height: 2.8rem;
	color: #fff;
	display: flex;
}

.vacancies--modal--left--cluster span {
	text-transform: uppercase;
	position: relative;
	display: flex;
	padding-right: 10px;
}

.vacancies--modal--left--cluster span::after {
	content: "";
	width: 1px;
	height: 20px;
	background: #fff;
	display: flex;
	margin-left: 10px;
	align-items: center;
	position: relative;
	top: 3px;
}

.vacancies--modal--left--bot {
	display: flex;
	margin-top: 2rem;
	margin-bottom: 4rem;
}

.vacancies--modal--left--bot .vacancies--box--location {
	margin-left: 25px;
}

.vacancies--modal--left--bot .vacancies--box--text {
	font-weight: var(--light);
	font-size: 1.5rem;
	line-height: 2rem;
	color: #fff;
	display: flex;
	align-items: center;
}

.vacancies--modal--left--desc {
	font-weight: var(--light);
	font-size: 1.5rem;
	line-height: 2.5rem;
	color: #fff;
}

.vacancies--modal--left--desc strong {
	font-weight: var(--medium);
}

.vacancies--modal--left--desc a:hover {
	color: var(--cl-y);
}

.vacancies--modal--right {
	width: 45%;
	margin-left: auto;
}

.vacancies--apply {
	margin-top: 3rem;
}

.vacancies--apply a {
	font-weight: var(--medium);
	font-size: 1.8rem;
	line-height: 2.5rem;
	color: #fff;
	display: flex;
}

.vacancies--apply a .circle {
	margin-right: 10px;
}

.sus__foundation {
	padding: 5rem 0 7rem 0;
	overflow: hidden;
	position: relative;
}

.sus-svg {
	width: 68.49%;
	position: absolute;
	top: 50%;
	right: -5%;
	transform: translateY(-50%);
	z-index: -1;
}

.foundation__wrapper {
	display: flex;
}

.foundation__left {
	display: flex;
	flex-direction: column;
	width: 63.5%;
	justify-content: flex-end;
}

.foundation--top {
	display: flex;
	flex-direction: column;
	padding-top: 3rem;
}

.foundation__img {
	max-width: 350px;
	width: 100%;
}

.foundation--title {
	font-weight: var(--light);
	font-size: 2.4rem;
	color: var(--cl-lb);
	margin-top: 6rem;
}

.foundation--title strong {
	font-weight: var(--medium);
}

.foundation--text {
	font-weight: var(--light);
	font-size: 2.2rem;
	line-height: 2.8rem;
	color: var(--cl--db);
	margin-top: 2rem;
}

.foundation--bot {
	padding-left: 14%;
}

.foundation__grid {
	max-width: 770px;
	width: 100%;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 2px;
	margin-top: 8rem;
}

.foundation__grid > div {
	width: 384px;
	height: 200px;
}

.fgrid-blue {
	background: var(--cl--db);
	color: #ffffff;
	display: flex;
	flex-direction: column;
	padding: 3rem 4rem 3rem 4rem;
}

.fgrid-blue--title {
	font-weight: var(--light);
	font-size: 1.8rem;
	line-height: 2.4rem;
	text-decoration: underline;
	text-underline-position: under;
}

.fgrid-blue-num {
	display: flex;
	align-items: flex-end;
	margin-top: auto;
}

.f-num-sm {
	font-weight: var(--light);
	font-size: 2rem;
	line-height: 2.4rem;
}

.f-num-lg {
	font-weight: var(--bold);
	font-size: 8.5rem;
	line-height: 7rem;
}

.f-num-md {
	font-weight: var(--bold);
	font-size: 5rem;
	line-height: 5rem;
}

.fgrid-white {
	display: flex;
	flex-direction: column;
	padding: 3rem 4rem 3rem 4rem;
	background: #d9d9da;
	color: var(--cl--db);
}

.fgrid-white--title {
	font-weight: var(--light);
	font-size: 1.8rem;
	line-height: 2.4rem;
	text-decoration: underline;
	text-underline-position: under;
}

.fgrid-white-num {
	font-weight: var(--bold);
	margin-top: auto;
	font-size: 5rem;
	line-height: 4rem;
}

.fgrid-lightblue {
	background: var(--cl-lb);
	color: #ffffff;
	display: flex;
	flex-direction: column;
	padding: 3rem 4rem 3rem 4rem;
}

.fgrid-lightblue--title {
	font-weight: var(--light);
	font-size: 1.8rem;
	line-height: 2.4rem;
	text-decoration: underline;
	text-underline-position: under;
}

.fgrid-lightblue-num {
	font-weight: var(--bold);
	margin-top: auto;
	font-size: 5rem;
	line-height: 4rem;
	display: flex;
	align-items: flex-end;
}

.fgrid-lightblue-num span {
	font-weight: var(--light);
	font-size: 1.8rem;
	line-height: 2.4rem;
	/* text-decoration: underline;
  text-underline-position: under; */
}

.fgrid-yellow {
	background: var(--cl-y);
	color: var(--cl--db);
	display: flex;
	flex-direction: column;
	padding: 3rem 4rem 3rem;
}

.fgrid-yellow--title {
	font-weight: var(--light);
	font-size: 1.8rem;
	line-height: 2.4rem;
	text-decoration: underline;
	text-underline-position: under;
}

.fgrid-yellow-num {
	font-weight: var(--bold);
	margin-top: auto;
	font-size: 5rem;
	line-height: 4rem;
}

.foundation__right {
	width: 28.3%;
	display: flex;
	margin-left: auto;
	gap: 2px;
	height: 700px;
	margin-top: auto;
}

.foundation__right > div {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	height: 100%;
}

.foundation__right--limg {
	position: relative;
	width: 80%;
}

.foundation__right--limg video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.foundation__right--simg {
	width: 20%;
}

.sus-focusarea {
	background: rgba(128, 130, 133, 0.2);
	padding: 5rem 0;
}

.focusarea--title {
	font-weight: var(--light);
	font-size: 3rem;
	line-height: 4rem;
	color: var(--cl--db);
}

.focusarea--title strong {
	font-weight: var(--medium);
}

.focusarea--boxes {
	display: flex;
	margin-top: 4rem;
	justify-content: space-between;
}

.focusarea--box {
	display: flex;
	align-items: center;
	gap: 10px;
}

.focusarea--boxnum {
	font-weight: var(--bold);
	font-size: 6rem;
	line-height: 7rem;
	color: var(--grey--cl);
}

.focusarea--boxtitle {
	font-weight: var(--regular);
	font-size: 2.2rem;
	line-height: 2.2rem;
	color: var(--grey--cl);
}

.focusaccordion {
	padding: 6rem 0;
}

.focusaccordion .imageAccordion--Title {
	font-weight: var(--thin);
	font-size: 8rem;
	line-height: 10rem;
	color: var(--cl--db);
}

.focusaccordion .imageAccordion--Title strong {
	font-weight: var(--medium);
}

.foundation--video {
	margin: 6rem 0 0 0;
	background: var(--cl-lb);
}

.foundation--video-top {
	display: flex;
	width: 92.6%;
	margin-left: auto;
	align-items: center;
}

.foundation--video-left {
	width: 46.7%;
	padding: 0 10% 0 0%;
	display: flex;
	flex-direction: column;
}

.foundation--video--title {
	font-weight: var(--light);
	font-size: 5rem;
	line-height: 5.2rem;
	color: var(--cl--db);
	color: #ffffff;
	margin-bottom: 3rem;
}

.foundation--video--title strong {
	font-weight: var(--bold);
}

.foundation--video--text {
	font-size: 2.5rem;
	line-height: 3rem;
	color: var(--cl-y);
}

.foundation--video--right {
	width: 55%;
}

.f-video-box {
	width: 100%;
	position: relative;
	cursor: pointer;
}

.f-video-svg {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 18%;
}

.f-video-svg svg {
	display: block;
	width: 100%;
	height: 100%;
}

.f-svg-stroke {
	stroke: #fff;
	transition: all 0.3s ease-in-out;
}

.f-svg-fill {
	fill: #fff;
	transition: all 0.3s ease-in-out;
}

.f-video-box:hover .f-svg-stroke {
	stroke: var(--cl-y);
}

.f-video-box:hover .f-svg-fill {
	fill: var(--cl-y);
}

.swiperVideo {
	width: 100%;
	height: 100%;
}

.foundation--video--bot {
	display: flex;
	width: 100%;
	height: 100%;
	padding-top: 2px;
	position: relative;
	background: #ffffff;
}

.foundation--video--bot .swiper-pagination {
	bottom: -25%;
}

.f-banner {
	padding: 5rem 0;
}

.f-banner--wrapper {
	display: flex;
}

.f-banner-left {
	background: var(--cl-y);
	display: flex;
	flex-direction: column;
	width: 61.2%;
	color: #fff;
	padding: 4% 10% 4% 8%;
	/* 1175 */
}

.f-banner-logo {
	max-width: 303px;
	width: 100%;
}

.f-banner--text {
	font-size: 2rem;
	line-height: 3rem;
	color: #fff;
	margin-top: 7rem;
	margin-bottom: 7rem;
}

.f-banner--btn {
	display: flex;
}

.f-banner--btn a {
	font-weight: var(--medium);
	font-size: 2rem;
	line-height: 2.4rem;
	display: flex;
	align-items: center;
}

.f-banner--btn .more--btn .circle {
	width: 48px;
	height: 48px;
	margin-right: 0px;
	position: relative;
}

.f-banner--btn .more--btn .circle svg {
	stroke: #fff;
	position: absolute;
	top: -7px;
	display: block;
}

.f-banner--btn .more--btn .another-circle {
	stroke: #fff;
	cursor: pointer;
	stroke-dasharray: 95;
	stroke-dashoffset: 0;
	transition: stroke-dashoffset 600ms ease;
	transform-origin: 0px 0px 0px;
}

.f-banner--btn .more--btn:hover .another-circle {
	stroke-dashoffset: 95px;
	transform: translate(5, 14);
}

.f-banner-right {
	width: 38.8%;
	display: flex;
	gap: 5px;
}

.l-project {
	padding: 6rem 0 4rem 0;
}

.l-project .news__more--Title {
	font-weight: var(--thin);
	font-size: 8rem;
	line-height: 10rem;
	color: var(--cl--db);
}

.l-project .news__more--Title span {
	font-weight: var(--medium);
}

.l-project .news__more--link .more--btn {
	color: var(--cl-lb);
}

.l-project--wrapper {
	display: flex;
	width: 100%;
	margin-top: 6rem;
}

.projectSwiper {
	width: 100%;
	height: 100%;
}

.l-project--wrapper a {
	display: flex;
	width: 100%;
	height: 100%;
}

.l-project--inner {
	width: 100%;
	height: 100%;
	position: relative;
	display: flex;
	/* background: rgba(127, 187, 77, 0.4); */
	background: rgba(128, 130, 133, 0.2);
	align-items: center;
}

.projectSwiper .swiper-slide:nth-child(even) .l-project--inner {
	background: rgba(0, 50, 88, 0.9);
}

.projectSwiper
	.swiper-slide:nth-child(even)
	.l-project--inner
	.l-project--title {
	color: #fff;
}

.l-project--left {
	width: 45%;
	padding: 5% 5% 5%;
	height: 100%;
	display: flex;
	flex-direction: column;
}

.l-project--title {
	font-weight: var(--light);
	font-size: 2.4rem;
	line-height: 3rem;
	color: var(--cl--db);
}

.l-project--text {
	font-size: 1.4rem;
	line-height: 2rem;
	margin-top: 2rem;
	color: var(--grey--cl);
}

.projectSwiper .swiper-slide:nth-child(even) .l-project--text {
	color: #fff;
}

.l-project--btn {
	color: var(--cl-lb);
	font-size: 1.5rem;
	display: flex;
	align-items: center;
	position: absolute;
	bottom: 8%;
}

.projectSwiper .swiper-slide:nth-child(even) .l-project--btn {
	color: #fff;
}

.l-project--btn .circle {
	width: 48px;
	height: 48px;
	margin-right: 0px;
	position: relative;
}

.l-project--btn .circle svg {
	width: 100%;
	height: 100%;
	stroke: var(--cl-lb);
	position: absolute;
	top: -7px;
	display: block;
}

.projectSwiper .swiper-slide:nth-child(even) .l-project--btn .circle svg {
	stroke: #fff;
}

.l-project--btn .another-circle {
	stroke: var(--cl-lb);
	cursor: pointer;
	stroke-dasharray: 95;
	stroke-dashoffset: 0;
	transition: stroke-dashoffset 600ms ease;
	transform-origin: 0px 0px 0px;
}

.projectSwiper .swiper-slide:nth-child(even) .l-project--btn .another-circle {
	stroke: #fff;
}

.l-project--btn:hover .another-circle {
	stroke-dashoffset: 95px;
	transform: translate(5, 14);
}

.l-project--right {
	width: 55%;
}

.sus-report {
	padding: 10rem 0 3rem;
}

.sus-report .cnt__wrapper {
	flex-direction: row;
	align-items: center;
}

.sus-report--title {
	font-weight: var(--light);
	font-size: 6rem;
	line-height: 5.5rem;
	color: var(--cl--db);
	width: 30%;
	display: none;
}

.sus-report--title strong {
	font-weight: var(--medium);
}

.sus-report--wrapper {
	/* width: 63.3%; */
	width: 100%;
	border: 3px solid var(--cl--db);
	margin-left: auto;
	height: 220px;
	background-repeat: no-repeat;
	background-position: right center;
	background-size: contain;
}

.sus-report--wrapper a {
	display: flex;
	width: 100%;
	height: 100%;
	padding: 4rem 4rem 2rem;
	flex-direction: column;
	justify-content: space-between;
}

.sus-report--text {
	font-weight: var(--light);
	font-size: 2.6rem;
	line-height: 3rem;
	color: var(--cl--db);
	display: flex;
	flex-direction: column;
}

.sus-report--text strong {
	font-weight: var(--bold);
	color: var(--cl-lb);
	font-size: 3.4rem;
}

.sus-btn .more--btn {
	font-weight: var(--regular);
	font-size: 1.5rem;
}

.sus-btn .more--btn {
	display: flex;
	align-items: center;
}
.sus-btn .more--btn .circle {
	width: 48px;
	height: 48px;
	margin-right: 0px;
	position: relative;
}

.sus-btn .more--btn .circle svg {
	display: block;
	stroke: var(--cl--db);
	position: absolute;
	top: -7px;
	left: 0;
}

.sus-btn .more--btn .another-circle {
	cursor: pointer;
	stroke-dasharray: 95;
	stroke-dashoffset: 0;
	transition: stroke-dashoffset 600ms ease;
	transform-origin: 0px 0px 0px;
	stroke: var(--cl--db);
}

.sus-btn .more--btn:hover .another-circle {
	stroke-dashoffset: 95px;
	transform: translate(5, 14);
}

/* .susAccordion .cnt.cnt__1630 {
  max-width: 142rem;
} */

.susAccordion .imageAccordion--mainTitle {
	align-items: center;
}

.susAccordion .imageAccordion--Title {
	font-weight: var(--thin);
	font-size: 8rem;
	line-height: 10rem;
	color: var(--cl--db);
}

.susAccordion .panelImg__title {
	font-weight: var(--light);
	font-size: 4rem;
	line-height: 4.5rem;
}

.susAccordion--btn {
	margin-left: auto;
}

.susAccordion--btn .more--btn {
	display: flex;
	align-items: center;
	color: #808285;
	font-size: 1.5rem;
}

.susAccordion--btn .circle {
	margin-right: 15px;
}

.panelImg--boxes {
	/* display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 5%; */
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.panelImg--boxes ul {
	flex-direction: column;
	display: flex;
	list-style-type: disc;
}

.panelImg--boxes ul li {
	list-style-type: disc;
	list-style-position: inside;
}

.sus__dev {
	padding: 5rem 0;
}

.sus__dev--top {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.sus__dev--title {
	color: var(--cl--db);
	font-size: 5rem;
	font-weight: var(--thin);
	line-height: 6rem;
}

.sus__dev--title strong {
	font-weight: var(--bold);
}

.sus__dev--text {
	font-size: 2rem;
	line-height: 2.5rem;
	color: var(--grey--cl);
	margin-top: 2rem;
	width: 75%;
}

.sus__dev--grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 1px;
	margin-top: 5rem;
	color: var(--cl--db);
}

.sus__dev--gridleft {
	height: 350px;
	background: rgba(179, 141, 129, 0.2);
	padding: 3rem 6rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.sus__dev--gridright {
	height: 350px;
	background: rgba(0, 50, 88, 0.2);
	padding: 3rem 6rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.sus__dev--grid--title {
	font-weight: var(--medium);
	font-size: 2.4rem;
	line-height: 3.8rem;
}

.sus__dev--grid--text {
	font-weight: var(--regular);
	font-size: 1.6rem;
	line-height: 2.4rem;
	margin-top: 2rem;
	margin-bottom: 1.5rem;
}

.sus__dev--grid--images {
	display: flex;
	gap: 60px;
	margin-top: 20px;
	align-items: flex-end;
}

.sus__video {
	padding: 10rem 0 5rem 0;
}

.sus__video--wrapper {
	display: flex;
	width: 92.6%;
	margin-left: auto;
	align-items: center;
}

.sus__video--left {
	width: 46.7%;
	padding: 0 10% 0 0%;
	display: flex;
	flex-direction: column;
}

.sus__video--title {
	font-weight: var(--light);
	font-size: 5rem;
	line-height: 5.2rem;
	color: var(--cl--db);
	margin-bottom: 3rem;
}

.sus__video--title strong {
	font-weight: var(--bold);
}

.sus__video--text {
	margin-bottom: 3rem;
	font-weight: var(--light);
	font-size: 2rem;
	line-height: 2.8rem;
	color: var(--cl--db);
}

.sus__video--btn .more--btn {
	display: flex;
	color: var(--cl--db);
	font-size: 2rem;
	line-height: 2.4rem;
	align-items: center;
}

.sus__video--btn .more--btn .circle {
	width: 48px;
	height: 48px;
	margin-right: 0px;
	position: relative;
}

.sus__video--btn .more--btn .circle svg {
	width: 100%;
	height: 100%;
	display: block;
	stroke: var(--cl--db);
	position: absolute;
	top: -7px;
	left: 0;
}

.sus__video--btn .more--btn .another-circle {
	cursor: pointer;
	stroke-dasharray: 95;
	stroke-dashoffset: 0;
	transition: stroke-dashoffset 600ms ease;
	transform-origin: 0px 0px 0px;
	stroke: var(--cl--db);
}

.sus__video--btn .more--btn:hover .another-circle {
	stroke-dashoffset: 95px;
	transform: translate(5, 14);
}

.sus__video--right {
	width: 55%;
	display: flex;
	gap: 2px;
}

.ferney {
	padding: 10rem 0 8rem 0;
	position: relative;
	overflow: hidden;
}

.ferney-svg {
	width: 68.49%;
	position: absolute;
	top: 50%;
	right: -5%;
	transform: translateY(-50%);
	z-index: -1;
}

.ferney__wrapper {
	display: flex;
	width: 100%;
	align-items: stretch;
}

.ferney__left {
	width: 70.9%;
	display: flex;
	flex-direction: column;
}

.ferney__top {
	display: flex;
	flex-direction: column;
}

.ferney__title {
	width: 220px;
}

.ferney__title img {
	width: 100%;
	display: block;
}

.ferney__text {
	font-weight: var(--light);
	font-size: 2rem;
	line-height: 2.8rem;
	color: var(--cl--db);
	margin-top: 3.5rem;
	width: 80%;
}

.ferney__bot {
	display: flex;
	flex-direction: column;
	margin-top: 8rem;
}

.ferney__bot--title {
	font-weight: var(--light);
	color: var(--cl--db);
	font-size: 3rem;
	line-height: 3.7rem;
	margin-bottom: 2rem;
}

.ferney__bot--title strong {
	font-weight: var(--medium);
}

.ferney__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 2px;
}

.ferney__grid {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 2px;
}

.ferney__grid > div {
	max-width: 384px;
	height: 200px;
	width: 100%;
	padding: 2rem 3rem !important;
}

.ferney__grid--firstblue {
	background: var(--cl--db);
	color: #ffffff;
	display: flex;
	flex-direction: column;
	padding: 6rem 4rem 5rem 4rem;
}

.ferney__grid--firstblue-title {
	font-weight: var(--light);
	font-size: 1.6rem;
	line-height: 2rem;
	text-decoration: underline;
	text-underline-position: under;
	margin-top: 24px;
}

.ferney__grid--firstblue-num {
	display: flex;
	align-items: flex-end;
	margin-top: auto;
	margin-bottom: 2rem;
}

.fb-num-sm {
	font-weight: var(--light);
	font-size: 2rem;
	line-height: 2.4rem;
}

.fb-num-lg {
	font-weight: var(--bold);
	font-size: 5rem;
	line-height: 4rem;
	/* margin-bottom: 2rem; */
}

.fb-num-md {
	font-weight: var(--bold);
	font-size: 3rem;
	line-height: 3rem;
}

.ferney__grid--firstwhite {
	background: #d9d9da;
	display: flex;
	flex-direction: column;
	padding: 6rem 4rem 5rem 4rem;
	color: var(--cl--db);
}

.ferney__grid--firstwhite--title {
	font-weight: var(--light);
	font-size: 2rem;
	line-height: 2.4rem;
	font-size: 1.6rem;
	line-height: 2rem;
	text-decoration: underline;
	text-underline-position: under;
	margin-top: 24px;
}

.ferney__grid--firstwhite--num {
	font-weight: var(--bold);
	margin-top: auto;
	font-size: 5rem;
	line-height: 4rem;
	margin-bottom: 2rem;
}

.ferney__grid--yellow {
	background: var(--cl-y);
	color: #fff;
	display: flex;
	flex-direction: column;
	padding: 6rem 4rem 5rem 4rem;
	justify-content: flex-end;
}

.ferney__grid--yellow--text {
	font-weight: var(--light);
	font-size: 2.4rem;
	line-height: 3.2rem;
	display: flex;
	flex-direction: column;
	margin-bottom: 2rem;
}

.ferney__grid--yellow--text strong {
	font-weight: var(--medium);
	display: block;
}

.ferney__grid--secondwhite {
	background: #7e98ac;
	color: #ffffff;
	display: flex;
	flex-direction: column;
	padding: 6rem 6rem 0;
}

.ferney__grid--secondwhite--title {
	font-weight: var(--light);
	font-size: 1.8rem;
	line-height: 2.4rem;
	text-decoration: underline;
	text-underline-position: under;
	margin-top: 24px;
}

.ferney__grid--secondwhite--num {
	font-weight: var(--bold);
	margin-top: auto;
	font-size: 5rem;
	/* line-height: 4rem; */
	display: flex;
	align-items: flex-end;
}

.ferney__grid--secondwhite--num span {
	font-weight: var(--light);
	font-size: 2rem;
	line-height: 2.4rem;
}

.ferney__grid--lightblue {
	background: var(--cl-lb);
	color: #ffff;
	display: flex;
	flex-direction: column;
	padding: 6rem 4rem 5rem;
}

.ferney__grid--lightblue--title {
	font-weight: var(--light);
	font-size: 1.8rem;
	line-height: 2.4rem;
	margin-top: 24px;
	text-decoration: underline;
	text-underline-position: under;
}

.ferney__grid--lightblue--num {
	font-weight: var(--bold);
	margin-top: auto;
	font-size: 5rem;
	line-height: 4rem;
	margin-bottom: 2rem;
}

.ferney__grid--secondblue {
	background: var(--cl--db);
	color: #fff;
	display: flex;
	flex-direction: column;
	padding: 6rem 4rem 5rem;
}

.ferney__grid--secondblue--title {
	font-weight: var(--light);
	font-size: 1.8rem;
	line-height: 2.4rem;
	text-decoration: underline;
	text-underline-position: under;
	margin-top: 24px;
}

.ferney__grid--secondblue--num {
	font-weight: var(--bold);
	margin-top: auto;
	font-size: 5rem;
	line-height: 4rem;
	display: flex;
	align-items: flex-end;
	margin-bottom: 2rem;
}

.ferney__grid--secondblue--num span {
	font-weight: var(--light);
	font-size: 2rem;
	line-height: 2.4rem;
}

.ferney__right {
	width: 29.1%;
	display: flex;
	gap: 2px;
	margin-left: auto;
	height: 700px;
	margin-top: auto;
	border-left: 2px solid #ffffff;
}

.ferney__right > div {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	height: 100%;
}

.ferney__right--limg {
	position: relative;
	width: 80%;
}

.ferney__right--limg video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.ferney__right--simg {
	width: 20%;
}

.hero__news {
	height: 100vh;
	background: var(--cl-lb);
	padding-top: 13%;
}

.hero__news .cnt,
.hero__news .cnt__wrapper {
	height: 100%;
}

.hero__news--wrapper {
	display: flex;
	flex-direction: column;
	height: 100%;
	padding-right: 3rem;
}

.hero__news--back {
	display: flex;
	height: 20px;
	width: 100%;
	justify-content: flex-end;
}

.hero__news--back a {
	color: #fff;
	font-size: 1.5rem;
	display: flex;
}

.hero__news--back .newsdetails-btn {
	width: 40px;
	height: 40px;
	margin-right: 15px;
}

.hero__news--back .newsdetails-btn svg {
	width: 100%;
	height: 100%;
	display: block;
}

.hero__news--innerdetails {
	display: flex;
	width: 100%;
	margin-top: auto;
}

.hero__news--desc {
	width: 40%;
	display: flex;
	flex-direction: column;
	padding: 3rem 10rem 5rem 3rem;
}

.hero__news--info {
	display: flex;
	flex-direction: column;
	color: #fff;
}

.hero__news--info--title {
	font-weight: var(--light);
	font-size: 4rem;
	line-height: 5rem;
}

.hero__news--info--title strong {
	font-weight: var(--medium);
}

.hero__news--info--text {
	font-weight: var(--light);
	font-size: 2rem;
	line-height: 2.6rem;
	margin-top: 4rem;
}

.hero__news--share {
	margin-top: auto;
	color: #fff;
}

.hero__news--share > span {
	font-weight: var(--light);
	font-size: 2rem;
	line-height: 3rem;
}

.hero__news--share ul {
	display: flex;
}

.hero__news--share li {
	width: 35px;
	height: 35px;
	margin-right: 15px;
}

.hero__news--share li a {
	width: 100%;
	height: 100%;
	display: block;
}

.hero__news--share li a svg {
	width: 100%;
	height: 100%;
	display: block;
	transition: all 0.3s ease-in-out;
}

.hero__news--share .strokcl {
	stroke: #fff;
	transition: var(--g-transition);
}

.hero__news--share a:hover .strokcl {
	fill: var(--cl-y);
}

.hero__news--assets {
	width: 60%;
}

.newsdetails {
	padding-bottom: 2rem;
	padding-top: 8rem;
}

.newsdetails .cnt__wrapper {
	padding: 0 3rem;
}

.newsdetails__inner {
	display: flex;
	align-items: center;
	margin-bottom: 5rem;
}

.newsdetails__img {
	width: 35.8%;
}

.newsdetails__img-text {
	width: 64.2%;
	font-weight: var(--light);
	font-size: 2rem;
	line-height: 2.6rem;
	color: var(--grey--cl);
	padding: 0 10% 0 5%;
}

.newdetails--textcontent {
	font-weight: var(--light);
	font-size: 2rem;
	line-height: 2.6rem;
	color: var(--grey--cl);
}

.video__intro {
	padding: 11.5rem 0 0 0;
}

.video__intro__wrapper {
	display: flex;
	align-items: center;
}

.video__intro__desc {
	width: 40.5%;
	padding-left: 2.5rem;
	padding-right: 6%;
	display: flex;
	flex-direction: column;
}

.video__intro__title {
	font-weight: var(--light);
	font-size: 5.5rem;
	line-height: 6.5rem;
	color: var(--cl--db);
	margin-bottom: 6rem;
}

.video__intro__title strong {
	font-weight: var(--medium);
}

.video__intro__paragraph {
	font-weight: var(--light);
	font-size: 2.2rem;
	line-height: 2.8rem;
	color: var(--grey--cl);
}

.video__intro__paragraph strong {
	font-weight: var(--bold);
}

.video__intro__video {
	width: 56%;
	display: flex;
	gap: 2px;
	justify-content: flex-end;
}

.video__intro--lg a {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
}

.notvideo__intro--wrapper {
	display: flex;
	align-items: center;
}

.notvideo__intro--left {
	width: 40.5%;
	padding-left: 2.5rem;
}

.notvideo__intro--right {
	width: 56%;
	margin-left: auto;
	padding-right: 7%;
}

.notvideo__intro--title {
	font-weight: var(--medium);
	font-size: 5.5rem;
	line-height: 6.5rem;
	color: var(--cl--db);
	margin-bottom: 6rem;
}

.notvideo__intro--text {
	font-weight: var(--light);
	font-size: 2.2rem;
	line-height: 2.8rem;
	color: var(--grey--cl);
}

.life--slider {
	padding: 10rem 0 0 0;
}

.life--slider--title {
	font-weight: var(--light);
	font-size: 4rem;
	line-height: 5rem;
	color: var(--cl--db);
	width: 60%;
}

.life--slider--title strong {
	font-weight: var(--medium);
}

.life--slider--text {
	font-weight: var(--light);
	font-size: 2rem;
	line-height: 2.8rem;
	color: var(--cl--db);
	width: 50%;
}

.life--slider--wrapper {
	display: flex;
	margin-top: 6rem;
}

.lifeswiper {
	width: 100%;
	height: 100%;
}

.lifebox {
	height: 440px;
	display: flex;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.lifebox a {
	height: 100%;
	width: 100%;
	display: flex;
}

.lifebox__desc {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 5%;
	transition: all 0.3s ease-in-out;
	background: rgba(0, 50, 88, 0.4);
	opacity: 0;
	visibility: hidden;
}

.lifebox a:hover .lifebox__desc {
	opacity: 1;
	visibility: visible;
}

.lifebox__desc .d-name {
	font-weight: var(--bold);
	font-size: 2rem;
	line-height: 2rem;
	color: #fff;
}

.lifebox__desc .d-title {
	font-weight: var(--light);
	font-size: 1.6rem;
	line-height: 2rem;
	color: #fff;
}

.lifebox__desc .d-text {
	font-weight: var(--light);
	font-size: 1.6rem;
	line-height: 2rem;
	color: #fff;
}

.privacy {
	min-height: 100vh;
	background: var(--cl-lb);
	padding: 5rem 0 15rem 0;
}

.privacy--wrapper {
	margin-top: 8rem;
	padding: 0 5%;
}

.privacy--box {
	display: flex;
	flex-direction: column;
	margin-bottom: 8rem;
}

.privacy--box a {
	text-decoration: underline;
}

.privacy--box:last-child {
	margin-bottom: 0;
}

.privacy--title {
	font-weight: var(--medium);
	font-size: 4rem;
	line-height: 5rem;
	color: #fff;
	margin-bottom: 2rem;
}

.privacy--text {
	font-weight: var(--light);
	font-size: 2rem;
	line-height: 2.8rem;
	color: #fff;
}

.privacy--text ul {
	flex-direction: column;
	display: flex;
	list-style-type: disc;
}

.privacy--text ul li {
	list-style-type: disc;
	list-style-position: inside;
}

.error__page {
	height: 100vh;
	background: #808285;
	position: relative;
}

.error--shape {
	width: 56.49%;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	pointer-events: none;
}

.error__page--wrapper {
	display: flex;
}

.error__page--wrapper {
	height: 100%;
	padding: 5% 0;
	align-items: center;
}

.error__page--left {
	width: 25%;
	margin-left: auto;
}

.error__page--title {
	font-weight: var(--thin);
	font-size: 8rem;
	line-height: 9rem;
	color: #fff;
}

.error__page--title strong {
	font-weight: var(--medium);
}

.error__page--btn {
	color: #fff;
}

.error__page--right {
	width: 50%;
	height: 100%;
	display: flex;
	overflow: hidden;
	position: relative;
	margin-left: auto;
}

.error__page--right .i-panel-one {
	position: relative;
}

.corporate-banner .hero__text {
	width: 70%;
}

.financial__report {
	padding: 10rem 0 5rem;
}

.financial__report--desc {
	display: flex;
	align-items: center;
}

.financial__report--title {
	font-weight: var(--thin);
	font-size: 8rem;
	line-height: 10rem;
	color: var(--cl--db);
}

.financial__report--title strong {
	font-weight: var(--bold);
}

.financial__report--btn {
	margin-left: auto;
}

.financial__report--btn a {
	display: flex;
	align-items: center;
	color: var(--grey--cl);
	font-size: 1.5rem;
}

.financial__report--btn .circle {
	margin-right: 15px;
	width: 48px;
	height: 48px;
}

.financial__report--btn .circle svg {
	width: 100%;
	height: 100%;
	display: block;
}

.financial__report--wrapper {
	display: flex;
	margin-top: 7rem;
}

.financial__headtab {
	width: 20%;
	display: flex;
	flex-direction: column;
}

.financial__headtab > span {
	height: 40px;
	border-bottom: 2px solid #707070;
	font-weight: var(--bold);
	color: var(--cl--db);
	font-size: 3rem;
	line-height: 4rem;
	margin-bottom: 3rem;
	width: fit-content;
}

.financial__headtab ul {
	display: flex;
	flex-direction: column;
}

.financial__headtab li {
	font-weight: var(--light);
	font-size: 1.8rem;
	line-height: 2rem;
	color: #a4a5a8;
	margin-bottom: 1rem;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
}

.financial__headtab li:hover {
	color: var(--cl--db);
}

.financial__headtab li:last-child {
	margin-bottom: 0;
}

.financial__headtab li.active {
	color: var(--cl--db);
	font-weight: var(--medium);
}

.financial__bodytab {
	width: 80%;
	margin-left: auto;
}

.financial__bodytab--box--inner {
	display: flex;
	justify-content: flex-end;
	width: 100%;
}

.financial__bodytab--box--child {
	display: flex;
	flex-direction: column;
	width: 33.3333%;
	padding-left: 5%;
}

.financial__bodytab--box--child > span {
	border-bottom: 2px solid #707070;
	color: var(--cl--db);
	font-size: 2rem;
	line-height: 2rem;
	margin-bottom: 3rem;
	width: fit-content;
	display: flex;
	padding-top: 10px;
	height: 55px;
	padding-bottom: 20px;
}

.financial__bodytab--box--child > span strong {
	font-weight: var(--medium);
}

.financial__bodytab--box--child ul {
	display: flex;
	width: 85%;
	flex-direction: column;
	align-items: flex-end;
}

.financial__bodytab--box--child li {
	display: flex;
	position: relative;
	margin-bottom: 3rem;
	width: 100%;
}

.financial__bodytab--box--child li:last-child {
	margin-bottom: 0;
}

.box-child--arrow {
	width: 35px;
	height: 35px;
	position: absolute;
	left: -50px;
	top: -2px;
}

.box-child--arrow svg {
	width: 100%;
	height: 100%;
	display: block;
}

.box-child--text {
	font-size: 1.5rem;
	line-height: 2rem;
	color: var(--cl--db);
	min-height: 50px;
}

.financial__bodytab--box {
	display: none;
}

.financial__bodytab--box:first-child {
	display: flex;
	flex-direction: column;
}

.financial__calendar {
	background: rgba(128, 130, 133, 0.3);
	padding: 8rem 0;
}

.financial__calendar--title {
	font-weight: var(--light);
	font-size: 5rem;
	line-height: 5.2rem;
	color: var(--cl--db);
}

.financial__calendar--title strong {
	font-weight: var(--bold);
}

.financial__calendar--list {
	display: flex;
	width: 100%;
	margin-top: 6rem;
	justify-content: space-between;
}

.financial__calendar--list li {
	position: relative;
	padding-left: 30px;
	width: 12%;
}

.financial__calendar--list li strong {
	position: relative;
}

.financial__calendar--list li strong::before {
	content: "";
	width: 25px;
	height: 17px;
	background: url("../assets/images/svg/bulletpoint-c.png") center center
		no-repeat;
	background-size: 100%;
	position: absolute;
	left: -30px;
	top: 3px;
}

.financial__calendar--list li a {
	display: flex;
	flex-direction: column;
	font-size: 1.5rem;
	font-weight: var(--regular);
	color: var(--cl--db);
	line-height: 1.5rem;
}

.financial__calendar--list li a span {
	order: 1;
	margin-bottom: 5px;
}

.financial__calendar--list li a strong {
	font-weight: var(--medium);
	order: 2;
	font-size: 1.5rem;
	line-height: 1.6rem;
}

.financial__newsletter {
	margin-top: 5px;
	height: 380px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	padding: 7rem 0;
}

.financial__newsletter::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 50, 88, 0.5);
	pointer-events: none;
}

.financial__newsletter--desc {
	display: flex;
	flex-direction: column;
	position: relative;
}

.financial__newsletter--subtitle {
	font-weight: var(--bold);
	font-size: 2rem;
	line-height: 2.4rem;
	color: #fff;
	margin-bottom: 20px;
}

.financial__newsletter--title {
	font-weight: var(--light);
	font-size: 5rem;
	line-height: 5.2rem;
	color: #fff;
}

.financial__program {
	padding: 8rem 0 0rem;
	background: #ffffff;
}

.financial__program--title {
	font-weight: var(--light);
	font-size: 5rem;
	line-height: 5.2rem;
	color: var(--grey--cl);
}

.financial__program--title strong {
	font-weight: var(--bold);
}

.program__slider {
	display: flex;
	width: 100%;
	margin-top: 1rem;
}

.programswiper {
	width: 100%;
	height: 100%;
	padding-top: 6rem;
}

.program__box {
	display: flex;
	flex-direction: column;

	width: 100%;
}

.program__box a {
	display: flex;
	align-items: flex-end;
}

.program-icn {
	width: 30px;
	height: 30px;
	margin-right: 15px;
	position: relative;
	top: 2px;
}

.program-icn svg {
	width: 100%;
	height: 100%;
	display: block;
}

.program--desc {
	display: flex;
	flex-direction: column;
	width: 100%;
	color: var(--grey--cl);
	font-size: 1.8rem;
	line-height: 2.5rem;
}

.program--text span {
	width: 80%;
}

.pfillsvg {
	fill: var(--grey--cl);
	transition: all 0.3s ease-in-out;
}

.program__box a:hover .pfillsvg {
	fill: var(--cl--db);
}

.program__box a:hover .program--desc {
	color: var(--cl--db);
}

.program--year {
	font-weight: var(--medium);
	margin-bottom: 18px;
	padding-left: 50px;
}

.program--text {
	display: flex;
}

.programswiper .swiper-button-next,
.programswiper .swiper-button-prev {
	width: 25px;
	height: 25px;
	top: 30px;
}

.programswiper .swiper-button-next svg,
.programswiper .swiper-button-prev svg {
	width: 100%;
	height: 100%;
	display: block;
}

.programswiper .swiper-button-prev {
	left: auto;
	right: 3%;
}

.programswiper .swiper-button-prev:after,
.programswiper .swiper-button-next:after {
	display: none;
}

.swiperfill {
	fill: var(--cl--db);
	transition: all 0.3s ease-in-out;
}

.programswiper .swiper-button-next:hover .swiperfill,
.programswiper .swiper-button-prev:hover .swiperfill {
	fill: var(--cl-y);
}

.annoucement {
	background: var(--cl-lb);
	padding: 8rem 0;
	margin-top: 5px;
}

.annoucement__wrapper {
	display: flex;
	width: 100%;
}

.annoucement__left {
	width: 25%;
	display: flex;
	flex-direction: column;
}

.annoucement__title {
	color: #fff;
	font-size: 3.8rem;
	line-height: 4rem;
	font-weight: var(--light);
}

.annoucement__title strong {
	font-weight: var(--bold);
}

.annoucement__slide {
	width: 100%;
	display: flex;
	margin-top: 5rem;
	height: 50px;
}

.anoucementswiper-one {
	width: 100%;
	height: 100%;
}

.anoucementswiper-one .swiper-button-next,
.anoucementswiper-one .swiper-button-prev {
	width: 38px;
	height: 38px;
}

.anoucementswiper-one .swiper-button-next svg,
.anoucementswiper-one .swiper-button-prev svg {
	width: 100%;
	height: 100%;
	display: block;
}

.anoucementswiper-one .swiper-button-prev:after,
.anoucementswiper-one .swiper-button-next:after {
	display: none;
}

.swiperfill-white {
	fill: #fff;
	transition: all 0.3s ease-in-out;
}

.anoucementswiper-one .swiper-button-next:hover .swiperfill-white,
.anoucementswiper-one .swiper-button-prev:hover .swiperfill-white {
	fill: var(--cl-y);
}

.annoucement--company {
	font-weight: var(--medium);
	font-size: 2.3rem;
	line-height: 3rem;
	color: #fff;
	width: 100%;
	text-align: center;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.annoucement__year {
	width: 100%;
	display: flex;
	margin-top: 3rem;
}

.anoucementswiper-year {
	width: 100%;
	height: 100%;
}

.annoucement__year--box {
	display: flex;
	flex-direction: column;
}

.annoucement__year--box > li {
	font-weight: var(--light);
	font-size: 1.8rem;
	line-height: 2rem;
	margin-bottom: 1.5rem;
	color: #fff;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
}

.annoucement__year--box > li:hover {
	color: var(--cl-y);
}

.annoucement__year--box > li.active {
	font-weight: var(--medium);
	text-decoration: underline;
	text-underline-position: under;
}

.annoucement__right {
	width: 75%;
	height: 460px;
}

.annoucement__year--content {
	display: none;
}

.annoucement__tab--content {
	display: flex;
	width: 80%;
	margin-left: auto;
	flex-wrap: wrap;
	gap: 5%;
	/* height: 500px; */
	padding: 40px 0;
}

.annoucement__year--content--box {
	width: 45%;
	margin-bottom: 3rem;
}

.annoucement__year--content--box a {
	display: flex;
	font-size: 1.8rem;
	line-height: 2.2rem;
	color: #fff;
}

.annoucement__year--content--box a:hover {
	color: var(--cl-y);
}

.annoucement__year--content--box a .icnbox {
	width: 35px;
	height: 35px;
	margin-right: 15px;
}

.annoucement__year--content--box a .icnbox svg {
	width: 100%;
	height: 100%;
	display: block;
}

.svgboxfill {
	fill: #fff;
	transition: all 0.3s ease-in-out;
}

.annoucement__year--content--box a .textbox {
	width: 80%;
}

.annoucement__year--content--box a:hover .svgboxfill {
	fill: var(--cl-y);
}

.investor__more .cnt__wrapper {
	align-items: center;
	flex-direction: row;
	justify-content: space-around;
}

.investor__more a {
	color: var(--cl-lb);
}

.investor__more .btn__arrow .circle svg {
	stroke: var(--cl-lb);
}

.investor__more.presentation {
	padding: 5rem 0;
}

.investor__more.presentation .cnt__1480 {
	position: relative;
}

.investor__more.presentation .cnt__1480:before {
	content: "";
	width: calc(100% + 5%);
	height: 1px;
	top: -5rem;
	left: 50%;
	transform: translate(-50%, -50%);
	position: absolute;
	background: rgb(128, 130, 133, 0.3);
}

.panelAccordion__slider {
	display: none;
}

.d_more--wrapper {
	position: relative;
}

.imageAccordion.imageAccordion-about .accordionImg--swiper {
	display: none;
}

.hero__cluster--img {
	width: 42%;
	position: absolute;
	right: 0;
	bottom: 0;
}

.clustershape-one {
	position: absolute;
	right: 0;
	bottom: 0;
}

.clustershape-two {
	position: absolute;
	right: -6%;
	top: -8%;
	width: 80%;
}

.financial__newsletter--form {
	display: flex;
	width: 100%;
	position: relative;
	margin-top: 5rem;
}

.financial__newsletter--form > div {
	width: 100%;
}

.financial__newsletter--form form {
	display: flex;
	flex-wrap: wrap;
}

.financial__newsletter--form .js-form-item {
	max-width: 340px;
	width: 95%;
	margin-right: 3%;
}

.financial__newsletter--form .js-form-item:last-child {
	margin-right: 0;
}

.financial__newsletter--form .js-form-item input {
	width: 100%;
	height: 40px;
	background: transparent;
	border: none;
	border-bottom: 2px solid #fff;
	font-weight: var(--medium);
	font-size: 2rem;
	line-height: 2.4rem;
	color: #ffffff;
}

.financial__newsletter--form .js-form-item ::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	font-weight: var(--medium);
	font-size: 2rem;
	line-height: 2.4rem;
	color: #ffffff;
}

.financial__newsletter--form .js-form-item ::-moz-placeholder {
	/* Firefox 19+ */
	font-weight: var(--medium);
	font-size: 2rem;
	line-height: 2.4rem;
	color: #ffffff;
}

.financial__newsletter--form .js-form-item :-ms-input-placeholder {
	/* IE 10+ */
	font-weight: var(--medium);
	font-size: 2rem;
	line-height: 2.4rem;
	color: #ffffff;
}

.financial__newsletter--form .js-form-item ::placeholder {
	font-weight: var(--medium);
	font-size: 2rem;
	line-height: 2.4rem;
	color: #ffffff;
}

.financial__newsletter--form .form-actions {
	margin-left: auto;
}

.financial__newsletter--form .form-actions input {
	width: 100%;
	border: none;
	background-color: transparent;
	font-weight: var(--medium);
	font-size: 2rem;
	line-height: 2.4rem;
	color: #ffffff;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADEAAAAxCAYAAABznEEcAAAABHNCSVQICAgIfAhkiAAABJFJREFUaEPFms911DAQxtkD73EDbtzY3LhBKmCpAKiATQWECthUAKmApQJCBYQKgArYdBDOHML385sJY0Vey7YM856e17Y0mm/+aSTv4lYlurq6eipWK7Unavfsd+R+qZvvaju7fl0sFtxPpsUUDhL8ucav1V6M5AOwrdrHKYAGg5DgaBnhN2rLkcLnhp3r4YnAcB1Eg0AIABp/1yH8hZ4jAC5Cu4za1diVScYVl+N6NyMtPI40dleKpAiEaf+DmKZu80vPtrQx7mBKgeerjMDH4nlaAqQXhCZCa58S7SP8e5omwq8nkeZYisEmA+bMrLJ3jr0gDMAXMSIOnD7rx7qG8ClyczmU8zi8wzWf7ZuvE0QGANrHxLjPbGSuC5DoYnuBZEF0AFiN8fuxaCXDWmOJQ6dOIDdAmCa+aSR+CmGBfwrApc4AIYEcpYrJgSCIPQv9NwAByLF+k9adSL8tl26BsJQHiM4BY91jyjjJRZZigYXIVAcx0K9BZNzoszqOLSemyHxjrMlGTDy0l5Qpa+8YQUSz4UbLOdLoWHQZL8EaO/hFED8R3CahhtmMnXCucQJyLt5Uy9C1NRoQCcrqVsAdaljVFkMWX6f78HUQMXBO9QLXqkJBQb0rb8mE4ocLeWw0mcpBXAUGhzUXNU0aY20yEPHDzd+avE3yWSQmutBDj4sSxRT10RxbdfQyYhIQqyZYjCHK/fuAiMhaqatIwsJOlYGwVvhe5BAQMR7eCBnF1yxUC0iSpY4AgWnYM0CUvOezIDCmNYAk3nMCiNmCuksZU4HsBSEr9O70XDAxIgFQmMUN0xAjPlLnBzbgu6Y+LB2cgPjassRAEGl1WSpD7PdbN7ftQbNwlTBJFufxIJjM1oAxlrij4aRct0SzaJUAsHk3uv5dKyRITFf/IrABTengyWQQgAyIJrDJRl5UzQrCSupJAAwEVvPFswHRfjBT9VoLgIFoKz6pbWbZCNUEYCDisnCAJfDNVi1SGmAl/WYAwG7Tt9BNredVbAzul3pBKVKFkpw+OIhTIRL3b2o9B0G99NoGVC0CzdLw57ilOI3mNGhWZQfqab1RuIOILsX4A73cVTFFRSZJ/F5vG+IeO0Z8VWvUwGFWiId6J1L0Bt4RxEr3cf8665oxFFgSW61zgPTwLFpj0g5sqJD7+icZlK6tfU8KYqkOBI5T9uyzpoB9vDJu9ENu5CVLMzx3FptWp5PTYp+gPVaIm7bs2XDX0X7csjLHfwEiK3C0vw4gs3J0gSAPEx/xi03xN7QpmmdsZpXnced52L4vRTkgWAhtFG1exoCxIE6/Ee5N+X3f7HJAdpYdqpUmQftUDZsEfO+JZO+e2kxL2ZB+psXdWHC4jibjD28SyjIwKv5G2AvCmdq+dqv79AM6luE5ZTxrSxGJHx9NqEhp6Rb3h57xhbaIXzGIYPKcVVxwYoWJ3TrcA9LzOpqmrTqQov2NhGeOYhoEwrnacc1G97l/AhRPHjpe6PdWbdTH/VEgAhjcwF0C7eb+q9EFCsGx2NnU/cskEKl0lh5xHVwGcrdxN+MZgu9qlvp/AJALUk9aE0F3AAAAAElFTkSuQmCC);

	background-repeat: no-repeat;
	background-position: left center;
	background-size: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	padding-left: 45px;
}

.error {
	color: red;
}

.annual__form--grid-element-2--form form {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.annual__form--grid-element-2--form form > div {
	width: 45%;
	margin-bottom: 4rem;
}

.annual__form--grid-element-2--form .js-form-item input {
	width: 100%;
	height: 40px;
	background: transparent;
	border: none;
	border-bottom: 2px solid var(--grey--cl);
	font-weight: var(--regular);
	font-size: 2rem;
	line-height: 2.4rem;
	color: var(--grey--cl);
}

.annual__form--grid-element-2--form .js-form-item textarea {
	width: 100%;
	height: 40px;
	background: transparent;
	border: none;
	border-bottom: 2px solid var(--grey--cl);
	font-weight: var(--regular);
	font-size: 2rem;
	line-height: 2.4rem;
	color: var(--grey--cl);
}

.annual__form--grid-element-2--form .js-form-item ::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	font-weight: var(--regular);
	font-size: 2rem;
	line-height: 2.4rem;
	color: var(--grey--cl);
}

.annual__form--grid-element-2--form .js-form-item ::-moz-placeholder {
	/* Firefox 19+ */
	font-weight: var(--regular);
	font-size: 2rem;
	line-height: 2.4rem;
	color: var(--grey--cl);
}

.annual__form--grid-element-2--form .js-form-item :-ms-input-placeholder {
	/* IE 10+ */
	font-weight: var(--regular);
	font-size: 2rem;
	line-height: 2.4rem;
	color: var(--grey--cl);
}

.annual__form--grid-element-2--form .js-form-item ::placeholder {
	font-weight: var(--regular);
	font-size: 2rem;
	line-height: 2.4rem;
	color: var(--grey--cl);
}

.annual__form--grid-element-2--form .form-actions input {
	width: 100%;
	border: none;
	background-color: transparent;
	font-weight: var(--medium);
	font-size: 2rem;
	line-height: 2.4rem;
	color: var(--cl--db);
	cursor: pointer;
	transition: all 0.3s ease-in-out;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADEAAAAxCAYAAABznEEcAAAABHNCSVQICAgIfAhkiAAABShJREFUaEPFWktyGzcQbYzKJXmVeJed6V12HvICVk4gZRFzshJ9gsgniHQC0ScIvSOdhekTWL6AOD6BlRs4O6tSQqcbmA+AmeEA87FQpVIVCwP0Q/8/AoZa099fgMBjAIwBYQJCxNbRiF8BRAoCbkFiCiA/Qfo3/e+/RK8j4vkJRLAg4k47ncPABKxAyrd9AIWDiE9/BHh8Qq9+QQRMOhFf9xHCNXHwEtL1deiZYSDil6cgoqta4hH+ocuvCVwKksQG7r9arxsnJGq0IjgGJJET9B/EDxWCNZhXBObWF4wfCH796PCvqtjgv3QRi8OqkzjoR6E/OKsQLPEc0s0bHyDtIOLf6NUO3tuvz8SLJchvS0i3pLA9V5yQIQAWTwcMbkHeEVf237EfhAIQfSRLQ3qQLcQPgHeLtoM7wWKRE7ik+54b96V03y/77msGUQFAry8FsXi96kSg70csuuKIgBhcQdKzPUDqQdQCkMed5N6XeHdfnCzICJAeFhLQCKQKQr/ErtQB5sB3BpAT7gJhI3KzfuXirYKYzd+XVugBAeSUzubnRM9VQbiUv0L6bmsCsUGwyYsiApEtqez1uDrgI27T+ZaU/URtZS+Pd89MRS9BuGLEVmi36RZO+BAWskfTxnHXUw0E3sJuvciPMECYisRidDcZxYyGEG/urUoJcUN79RLENPliOLRLUqCLrveN9t00obAGXrjc0CAslCNwgcVhGM9+TGb3o6sbGoSpOIBv4GZDFmGglT9Qi8Pyvm2a3Ba6kRkeDWKWYHGIvJ8O6tRMEzkEkFnCYv5nxg1lfARwvFKwiMLp3Xri/Sq+G6fJqggj+gLhaCI62BUitds8EcQFA5ltunxp9No3JJDZnFNdnYuQ5AhHH16TPiy9iOqyaSggppUivWAQFCdlSb0ECnnD08MgPEMAMaUH4JLFaTylbkLXF8heEDfr9kwvJ4yzsQivAI2EKYgl+DPJ9U/K3bKy7zZT789tPf5kcyIEhBtdelNgbET8j0T5kVbQb0+8HaLpnBF6gFD+RYXJZerqCwTlERF/RlzUnAiNlh1fQZwwzdV3UGwVkR5y3q4rhKEA1OMZbkEptm2uxrVOQwBgEKZhyECU3pR+GC16HQqABlFGs+QWWJzK9G+sRGhIAFqcDLcAzyh2qsYivvrptW9oALZlUrFeFsWayl1NxL2IbdpkKmEXJXbPtRyljvVyEBQviT/Ufid/7QWAP9Zl0CWdS/XankUHzVXKQDOznlU+sszOEClt9or8tTeIIQ+w9LdMG8wcuzZ/HZKGXmdVinqlJTWrHWVypLkxrs8IRWQ5OLsOYAd8VjVhfxE3lIZe+00LqhXXynucCiBHpvDFuLC29tmLoNCPq0W9zxTxWk3NulqsU/t84FKmmbRBfW24Pn+wSjhKPx6mJjtLuLS/KJjXQEdDf0LZY7JWRscmoIcWKjGV/a6X13rQWA/b0ymqAQJ+PbReIOp6hC0OuKVnVwMEaSIA5Wu3R9CLcOXZuUN7xFHDhX1We0WyPaeu66Ep7nZvnltEqub+4RmJ7nmlQ+vZI2wHkd+ookexqjTQmTNqtOH+Q1D5U41U0DgFIvWxnRQX8TNxmzq0frMf/iBylrudTfNZyyGUa/Wz5KEUAhkVwyoTPbzC0wR1SzX3L0ILeGEgCq40Nc87agaPVChudmvudwNRgGF5PiJxYJFomNVowpXPgqDc9jUS/UC4BLJ5hAOqWpPIaOXPxIZHgnhohUWMDAKLWMAASht//wfhc7pPI5c9BgAAAABJRU5ErkJggg==);

	background-repeat: no-repeat;
	background-position: left center;
	background-size: 35px;
	height: 35px;
	display: flex;
	align-items: center;
	padding-left: 50px;
}

.annual__report--linkbtn {
	display: flex;
	gap: 2rem 0rem;
	flex-wrap: wrap;
}

.report--linkbt--title {
	margin-right: auto;
	font-size: 2rem;
	font-weight: bold;
	color: var(--cl-lb);
}

.annual__report--linkbtn a {
	display: flex;
	align-items: center;
	font-size: 2rem;
	font-weight: bold;
	color: var(--cl--db);
	margin-left: 0;
	position: relative;
	display: flex;
	width: 33.3333%;
}

.annual__report--linkbtn a:hover {
	color: var(--cl-y);
}

.annual__report--linkbtn a .circle {
	width: 50px;
	height: 50px;
	margin-right: 10px;
	position: relative;
	top: -5px;

	/* position: absolute;
  left: -40px;
  top: -10px; */
}

.annual__report--linkbtn a .circle svg {
	display: block;
	stroke: var(--cl--db);
	width: 100%;
	height: 100%;
}

.annual__report--linkbtn a .another-circle {
	cursor: pointer;
	stroke-dasharray: 95;
	stroke-dashoffset: 0;
	transition: stroke-dashoffset 600ms ease;
	transform-origin: 0px 0px 0px;
	stroke: var(--cl--db);
}

.annual__report--linkbtn a:hover .another-circle {
	stroke-dashoffset: 95px;
	transform: translate(5, 14);
}

.annual__report--linkbtn a .report--linkbtn--icon svg {
	width: 100%;
	height: 100%;
	display: block;
}

.hero__img--bodshape {
	position: absolute;
	position: absolute;
	right: -35%;
	bottom: -15%;
	width: 75%;
	display: none;
}

/* .hero.herobod {
  overflow: initial;
} */

#block-ciel-content {
	overflow: hidden;
}

.hero__img--comitshape {
	position: absolute;
	left: -10%;
	bottom: -22%;
	width: 82%;
	display: none;
}

.susAccordion--btn .more--btn .circle {
	width: 48px;
	height: 48px;
	margin-right: 0px;
	position: relative;
}

.susAccordion--btn .more--btn .circle svg {
	display: block;
	stroke: var(--grey--cl);
	position: absolute;
	top: -7px;
	left: 0;
}

.susAccordion--btn .more--btn .another-circle {
	cursor: pointer;
	stroke-dasharray: 95;
	stroke-dashoffset: 0;
	transition: stroke-dashoffset 600ms ease;
	transform-origin: 0px 0px 0px;
	stroke: var(--grey--cl);
}

.susAccordion--btn .more--btn:hover .another-circle {
	stroke-dashoffset: 95px;
	transform: translate(5, 14);
}

.susAccordionSlider--wrapper {
	width: 100%;
	display: flex;
}

.susAccordionSwiper {
	width: 100%;
	height: 100%;
}

.susAccordionSwiper a {
	display: flex;
	flex-direction: column;
}

.susSlide--img {
	width: 100%;
}

.susSlide--desc {
	width: 100%;
	display: flex;
	flex-direction: column;
	margin-top: 3rem;
}

.susSlide--desc .panelImg__title {
	font-weight: var(--medium);
	font-size: 3rem;
	line-height: 3.8rem;
	color: var(--cl--db);
}

.susSlide--desc .panelImg--boxes {
	display: flex;
	flex-direction: column;
	grid-gap: 0;
	margin-top: 5px;
}

.susSlide--desc .panelImg--boxes > div {
	width: 100%;
	margin-bottom: 20px;
}

.susSlide--desc .panelImg--boxes span {
	font-weight: var(--light);
	font-size: 2.2rem;
	line-height: 3rem;
	color: var(--cl--db);
}

.susSlide--desc .panelImg--boxes {
	font-weight: var(--regular);
	font-size: 1.8rem;
	line-height: 2rem;
	color: var(--grey--cl);
}

.susSlide--desc .panelImg--boxes ul li {
	margin-bottom: 10px;
}

.susAccordionSlider.susAccordion {
	display: none;
}

.l-project--mainTitle {
	display: flex;
}

.l-project--Title {
	font-weight: var(--thin);
	font-size: 8rem;
	line-height: 10rem;
	color: var(--cl-lb);
}

.l-project--Title span {
	font-weight: var(--medium);
}

.l-project--link {
	display: flex;
}

.newsletter__form {
	width: 70%;
}

.l-project--link .more--btn {
	display: flex;
	align-items: center;
	font-size: 1.5rem;
	color: var(--cl-lb);
	margin-left: 5rem;
}

.l-project--link .more--btn span {
	margin-left: 10px;
}

.l-project--link .more--btn .circle {
	width: 48px;
	height: 48px;
	margin-right: 0px;
	position: relative;
}

.l-project--link .more--btn .circle svg {
	display: block;
	stroke: var(--cl-lb);
	position: absolute;
	top: -18px;
	left: -4px;
	width: 65px;
	height: 65px;
}

.l-project .more--btn .another-circle {
	cursor: pointer;
	stroke-dasharray: 95;
	stroke-dashoffset: 0;
	transition: stroke-dashoffset 600ms ease;
	transform-origin: 0px 0px 0px;
	stroke: var(--cl-lb);
}

.l-project .more--btn:hover .another-circle {
	stroke-dashoffset: 95px;
	transform: translate(5, 14);
}

.vacancies .cnt__wrapper {
	flex-direction: row;
	align-items: center;
	flex-wrap: wrap;
}

.vacancies-filter {
	margin-left: auto;
}

.vacancies-filter .js-form-item label {
	color: #707070;
	font-size: 1.8rem;
	font-weight: var(--regular);
	margin-right: 15px;
}

.vacancies-filter select {
	border: none;
	background-color: transparent;
	color: var(--grey--cl);
	border-bottom: 1px solid var(--grey--cl);
	font-weight: var(--medium);
	font-size: 1.8rem;
	line-height: 2rem;
	appearance: none;

	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAADgKtSgAAAABHNCSVQICAgIfAhkiAAAAkdJREFUSEu1Vdtt20AQ3CXg79CVhOlAriB2BZYrsPRrSuTqwfxariByBZErsNKB0kE6iPJtgJvZI48+WSIlI8kBBIjj3uxwb2aXqWPJbNYj5c8ISUjxMMekuiWmDfY2EUWrLLv73gbBhz440DK6B0iiRL9ZdU3EBlgvTZS5h8MfkHRDUTmU8Rgxu2sPXCbzJRheE+kP4khkfLdqYyazL5ekpSDxR8QvJBsNw9gdcACvAIwy6BCBi66Shd9kOh8gwT32VpKlV/5bA/7KmG4QsDwV2MfJtOjj/SueJc7f2L4Dry4uen4v47cEmj/g8sLuoAKfzt1loRTJexkfSLCBwlTy9BM3rJmvui6vIlGs8cu9LgLVJes3Kgngk2KhTP1JlsbHWANcAX5QvuHZfFpsWWnJxsaMIfno8l+B16qLuc6yQI2g1+51KnNUA1h6a8wVLpu0gYtIjGdb17wpS7i/d6kGzpR3MnfSUrhVXy4sgWduwMRnz8T6eMhsxhz3OPA1/4mamwn2ljOX2RsJKDr7ReXLuQNGe+g4Y06PnVoQeI3A87aKNwnQyFyj6gA2jFe1eHce0XmdwBraYxvjyu2BzhuH1q7qNAj6x7G+E7r9//cWx95qz3SL17/rikoPkDVacN0VfSl8P4d1B3mePhwzVXPO93PVp9Dp7ZMIqmBCc8tHT60qsssrNbdxCBU1jH18+wxVhkRN3zaQec3VUHZLbVir9tzAduNQByfN0JClSIGJT/16UCc2kN3AxuR3ekfnE0mDwb37j38ALjBYu7O8j3EAAAAASUVORK5CYII=);
	background-size: 23px;
	background-position: right 8px;
	background-repeat: no-repeat;
	cursor: pointer;
	height: 40px;
	padding-right: 30px;
}

.newsletter__form form {
	display: flex;
}

.newsletter__form form > div {
	width: 90%;
}

.newsletter__form button {
	width: 35px;
	border: none;
	background-color: transparent;
	font-weight: var(--medium);
	font-size: 2rem;
	line-height: 2.4rem;
	color: var(--cl--db);
	cursor: pointer;
	transition: all 0.3s ease-in-out;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADEAAAAxCAYAAABznEEcAAAABHNCSVQICAgIfAhkiAAABShJREFUaEPFWktyGzcQbYzKJXmVeJed6V12HvICVk4gZRFzshJ9gsgniHQC0ScIvSOdhekTWL6AOD6BlRs4O6tSQqcbmA+AmeEA87FQpVIVCwP0Q/8/AoZa099fgMBjAIwBYQJCxNbRiF8BRAoCbkFiCiA/Qfo3/e+/RK8j4vkJRLAg4k47ncPABKxAyrd9AIWDiE9/BHh8Qq9+QQRMOhFf9xHCNXHwEtL1deiZYSDil6cgoqta4hH+ocuvCVwKksQG7r9arxsnJGq0IjgGJJET9B/EDxWCNZhXBObWF4wfCH796PCvqtjgv3QRi8OqkzjoR6E/OKsQLPEc0s0bHyDtIOLf6NUO3tuvz8SLJchvS0i3pLA9V5yQIQAWTwcMbkHeEVf237EfhAIQfSRLQ3qQLcQPgHeLtoM7wWKRE7ik+54b96V03y/77msGUQFAry8FsXi96kSg70csuuKIgBhcQdKzPUDqQdQCkMed5N6XeHdfnCzICJAeFhLQCKQKQr/ErtQB5sB3BpAT7gJhI3KzfuXirYKYzd+XVugBAeSUzubnRM9VQbiUv0L6bmsCsUGwyYsiApEtqez1uDrgI27T+ZaU/URtZS+Pd89MRS9BuGLEVmi36RZO+BAWskfTxnHXUw0E3sJuvciPMECYisRidDcZxYyGEG/urUoJcUN79RLENPliOLRLUqCLrveN9t00obAGXrjc0CAslCNwgcVhGM9+TGb3o6sbGoSpOIBv4GZDFmGglT9Qi8Pyvm2a3Ba6kRkeDWKWYHGIvJ8O6tRMEzkEkFnCYv5nxg1lfARwvFKwiMLp3Xri/Sq+G6fJqggj+gLhaCI62BUitds8EcQFA5ltunxp9No3JJDZnFNdnYuQ5AhHH16TPiy9iOqyaSggppUivWAQFCdlSb0ECnnD08MgPEMAMaUH4JLFaTylbkLXF8heEDfr9kwvJ4yzsQivAI2EKYgl+DPJ9U/K3bKy7zZT789tPf5kcyIEhBtdelNgbET8j0T5kVbQb0+8HaLpnBF6gFD+RYXJZerqCwTlERF/RlzUnAiNlh1fQZwwzdV3UGwVkR5y3q4rhKEA1OMZbkEptm2uxrVOQwBgEKZhyECU3pR+GC16HQqABlFGs+QWWJzK9G+sRGhIAFqcDLcAzyh2qsYivvrptW9oALZlUrFeFsWayl1NxL2IbdpkKmEXJXbPtRyljvVyEBQviT/Ufid/7QWAP9Zl0CWdS/XankUHzVXKQDOznlU+sszOEClt9or8tTeIIQ+w9LdMG8wcuzZ/HZKGXmdVinqlJTWrHWVypLkxrs8IRWQ5OLsOYAd8VjVhfxE3lIZe+00LqhXXynucCiBHpvDFuLC29tmLoNCPq0W9zxTxWk3NulqsU/t84FKmmbRBfW24Pn+wSjhKPx6mJjtLuLS/KJjXQEdDf0LZY7JWRscmoIcWKjGV/a6X13rQWA/b0ymqAQJ+PbReIOp6hC0OuKVnVwMEaSIA5Wu3R9CLcOXZuUN7xFHDhX1We0WyPaeu66Ep7nZvnltEqub+4RmJ7nmlQ+vZI2wHkd+ookexqjTQmTNqtOH+Q1D5U41U0DgFIvWxnRQX8TNxmzq0frMf/iBylrudTfNZyyGUa/Wz5KEUAhkVwyoTPbzC0wR1SzX3L0ILeGEgCq40Nc87agaPVChudmvudwNRgGF5PiJxYJFomNVowpXPgqDc9jUS/UC4BLJ5hAOqWpPIaOXPxIZHgnhohUWMDAKLWMAASht//wfhc7pPI5c9BgAAAABJRU5ErkJggg==);

	background-repeat: no-repeat;
	background-position: left center;
	background-size: 35px;
	height: 35px;
	display: flex;
	align-items: center;
	padding-left: 18px;
	font-size: 0;
	margin-left: 20px;
}

.newsletter__form label {
	display: none;
}

.newsletter__form input {
	width: 100%;
	height: 40px;
	background: transparent;
	border: none;
	border-bottom: 2px solid rgba(0, 50, 88, 0.6);
	font-weight: var(--medium);
	font-size: 1.8rem;
	line-height: 2rem;
	color: rgba(0, 50, 88, 0.6);
}

.newsletter__form ::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	font-weight: var(--medium);
	font-size: 1.8rem;
	line-height: 2rem;
	color: rgba(0, 50, 88, 0.6);
}

.newsletter__form ::-moz-placeholder {
	/* Firefox 19+ */
	font-weight: var(--medium);
	font-size: 1.8rem;
	line-height: 2rem;
	color: rgba(0, 50, 88, 0.6);
}

.newsletter__form :-ms-input-placeholder {
	/* IE 10+ */
	font-weight: var(--medium);
	font-size: 1.8rem;
	line-height: 2rem;
	color: rgba(0, 50, 88, 0.6);
}

.newsletter__form ::placeholder {
	font-weight: var(--medium);
	font-size: 1.8rem;
	line-height: 2rem;
	color: rgba(0, 50, 88, 0.6);
}

body.isactive {
	overflow: hidden;
}

.contact__accordion {
	display: none;
	padding: 8rem 0 0;
}

.contact__accordion--wrapper {
	margin-top: 3rem;
}

.accordion-content {
	display: none;
}

.accordion-head {
	cursor: pointer;
	padding: 10px;
	margin-top: 5px;
	font-weight: var(--medium);
	font-size: 2rem;
	line-height: 3rem;
	color: #fff;
	background: var(--cl--db);
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	transition: all 0.3s ease-in-out;
}

.accordion-head::after {
	content: "+";
	font-size: 30px;
	color: #fff;
	font-weight: var(--medium);
	transition: all 0.3s ease-in-out;
}

.accordion.active .accordion-head::after {
	content: "-";
	font-size: 30px;
	color: #fff;
	font-weight: var(--medium);
	transition: all 0.3s ease-in-out;
}

.accordion-cluster--agro.active .accordion-head {
	background: var(--agro-cl);
}

.accordion-cluster--textile.active .accordion-head {
	background: var(--textile-cl);
}

.accordion-cluster--finance.active .accordion-head {
	background: var(--finance-cl);
}

.accordion-cluster--healthcare.active .accordion-head {
	background: var(--healthcare-cl);
}

.accordion-cluster--hotel.active .accordion-head {
	background: var(--hotels-cl);
}

.accordion-cluster--properties.active .accordion-head {
	background: var(--properties-cl);
}

.accordion-cluster--corporate.active .accordion-head {
	background: var(--cl-lb);
}

.gin--horizontal-toolbar #toolbar-administration {
	z-index: 999999 !important;
}

.highcharts-background {
	fill: transparent;
}

.highcharts-exporting-group {
	display: none;
}

.highcharts-grid-line {
	stroke: rgba(0, 0, 0, 0.5);
}

.highcharts-title {
	display: none;
}

.investor__more {
	padding: 5rem 0 0 0;
}

.financial__report--btn .more--btn .circle {
	width: 48px;
	height: 48px;
	margin-right: 0px;
	position: relative;
}

.financial__report--btn .more--btn .circle svg {
	stroke: var(--grey--cl);
	position: absolute;
	top: -7px;
	display: block;
}

.financial__report--btn .more--btn .another-circle {
	stroke: var(--grey--cl);
	cursor: pointer;
	stroke-dasharray: 95;
	stroke-dashoffset: 0;
	transition: stroke-dashoffset 600ms ease;
	transform-origin: 0px 0px 0px;
}

.more--btn .another-circle {
	stroke: var(--cl-lb);
}

.financial__report--btn .more--btn:hover .another-circle {
	stroke-dashoffset: 95px;
	transform: translate(5, 14);
}

.simplebar-scrollbar::before {
	background: #fff;
	opacity: 1;
}

.simplebar-scrollbar.simplebar-visible:before {
	opacity: 1;
	transition-delay: 0s;
	transition-duration: 0s;
}

.highcharts-data-label text,
.highcharts-legend-item text {
	font-size: 1.3em !important; /* Adjust the size as needed */
	fill: var(--cl--db) !important;
	color: var(--cl--db) !important;
}

.highcharts-text-outline {
	stroke: none !important;
}

.sepValue {
	padding: 10rem 0;
}

.sepValue .cnt__wrapper {
	flex-wrap: wrap;
	flex-direction: row;
	width: 100%;
	display: flex;
	justify-content: space-around;
	align-items: flex-start;
	margin: 0 auto;
}

.investors__intro--img {
	max-width: 100%;
	display: flex;
	width: 100%;
	margin-top: 10px;
	position: relative;
}

.hero__annual {
	background: var(--cl-lb);
}

.latest__ann {
	padding: 10rem 0 10rem;
}

.latest__ann--wrapper {
	display: flex;
	align-items: center;
}

.latest__ann--left {
	width: 50%;
}

.latestannualtitle {
	margin-bottom: 5rem;
	color: var(--cl-lb);
}

.latestannualtitle strong {
	display: block;
}

.latest__ann--desc {
	display: flex;
	width: 50%;
}

.annual__element-1--text .btn__arrow {
	margin-left: auto;
}

.annual__element-1--text .btn__arrow .circle {
	width: 55px;
	height: 55px;
}

.annual__element-1--text .btn__arrow .circle svg {
	display: block;
	stroke: var(--cl-y);
	width: 100%;
	height: 100%;
	position: relative;
	top: 0;
	right: -12px;
}

.careers__linkdin {
	display: flex;
	padding: 3rem 0px;
	align-items: center;
	justify-content: center;
	display: none;
}
.panelSlide--video {
	width: 100%;
	position: relative;
	height: 260px;
}
.panelSlide--video video {
	object-fit: cover;
	position: absolute;
	width: 100%;
	height: 100%;
}

.grey__link--title {
	font-weight: var(--thin);
	font-size: 5rem;
	line-height: 6rem;
	color: var(--cl--db);
	margin-bottom: 4rem;
}

.grey__link--title strong {
	font-weight: var(--bold);
}

.grey__link--wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.grey__link--wrapper > div {
	width: 25%;
}

.grey__link--wrapper--title {
	font-size: 3rem;
	line-height: 3rem;
	font-weight: var(--medium);
	color: var(--cl--db);
	margin-bottom: 2rem;
}

.grey__link--wrapper > div ul {
	display: flex;
	flex-direction: column;
}

.grey__link--wrapper > div ul li {
	margin-bottom: 2rem;
	width: 100%;
}

.grey__link--wrapper > div ul li .link-text {
	width: 80%;
}

.bod__gallery--item--large {
	grid-column: span 2;
}

.scrolldownbox {
	position: absolute;
	bottom: 5%;
	left: 50%;
	display: flex;
	align-items: flex-end;
	height: 130px;
	font-size: 1.4rem;
	font-weight: var(--light);
	color: #fff;
}

.scrolldownbox > span {
	display: none;
}

.box {
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.box span {
	display: block;
	width: 20px;
	height: 20px;
	border-bottom: 2px solid white;
	border-right: 2px solid white;
	transform: rotate(45deg);
	margin: -10px;
	animation: animate 4s infinite;
}

.box span:nth-child(2) {
	animation-delay: -0.3s;
}

.box span:nth-child(3) {
	animation-delay: -0.5s;
}

@keyframes animate {
	0% {
		opacity: 0;
		transform: rotate(45deg) translate(-20px, -20px);
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		transform: rotate(45deg) translate(20px, 20px);
	}
}

.sliding__logo--wrapper {
	position: relative;
}

.sliding__logo--wrapper .swiper-button-next,
.sliding__logo--wrapper .swiper-button-prev {
	position: absolute;
	top: -40%;
	width: 35px;
	height: 35px;
}

.sliding__logo--wrapper .swiper-button-next:after,
.sliding__logo--wrapper .swiper-button-prev:after {
	display: none;
}

.sliding__logo--wrapper .swiper-button-prev {
	left: auto;
	right: 50px;
}

.sliding__logo--wrapper .swiper-button-next {
	right: 0%;
}

.homepageGrid__investor--bottom {
	font-size: 1.8rem;
	line-height: 2rem;
	margin-top: 0.5rem;
}

.financial__bodytab--box-video {
	width: 100%;
	padding: 7rem 15rem;
}

.financial__bodytab--box-video--title {
	font-weight: var(--bold);
	color: var(--cl--db);
	font-size: 2.8rem;
	line-height: 3.6rem;
	margin-bottom: 2rem;
	text-align: center;
}

.financial__bodytab--box-video--content {
	width: 75%;
	margin: 0 auto;
}

.bod__gallery--item--large.three {
	grid-column: span 3;
	padding: 0 30px;
}

@media screen and (max-width: 767px) {
	.bod__gallery--item--large.three {
		grid-column: span 2;
		padding: 0;
	}
}

.c-img {
	width: 45%;
	margin: 12px 5px;
}

.c-img a {
	display: flex;
	width: 100%;
}

.inv_text_section {
	padding-bottom: 8rem;
	padding-top: 6rem;
}

.inv_text_title {
	font-size: 4rem;
	color: var(--cl--db);
	font-weight: var(--light);
	width: 100%;
	text-align: center;
	margin-bottom: 8rem;
}

.inv_wp {
	display: flex;
	gap: 50px;
}

.inv_wp_box {
	display: flex;
	flex-direction: column;
	gap: 20px;
	width: 25%;
}

.inv_wp_box_img {
	width: 100px;
	margin: 0 auto;
}

.inv_wp_box_desc {
	text-align: center;
}

.inv_wp_box_title {
	font-weight: var(--bold);
	font-size: 1.8rem;
	color: var(--cl--db);
	margin-bottom: 20px;
}

.inv_wp_box_txt {
	font-size: 1.6rem;
	line-height: 2rem;
	color: var(--cl--db);
	font-weight: var(--light);
}

.report_vid_link .f-svg-stroke {
	stroke: var(--cl--db);
}

.report_vid_link .f-svg-fill {
	fill: var(--cl--db);
}

.report_vid_link .fill_white {
	fill: #fff;
}

.c-img a img {
	transition: all 0.3s ease-in-out;
}

.c-img a:hover img {
	transform: scale(1.2);
}

.ferney__grid > div > div:first-child {
	height: 50px;
}

.ferney__grid > div > div:nth-child(2) {
	height: 100px;
	display: flex;
	align-items: flex-end;
}

.ferney__grid--yellow .ferney__grid--yellow--text {
	height: auto !important;
}

.inner_video {
	height: 80vh;
	position: relative;
}

#tsvideo {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: translate(-50%, -50%);
	z-index: -1;
}

.highcharts-label text {
	font-size: 1.3rem !important;
}

.captcha {
	border: none;
}

.captcha__title {
	display: none;
}

.captcha__description {
	display: none;
}

.investors__facts--date {
	display: flex;
	margin-top: 3rem;
	font-weight: var(--light);
	font-size: 1.8rem;
	color: #003158;
	line-height: 100%;
	text-transform: uppercase;
}

.highcharts-markers path {
	fill: #000080;
}

.highcharts-spline-series path {
	stroke: #000080;
	stroke-width: 2;
}

.com_doc.cluster_doc {
	margin-bottom: 6rem;
	background: var(--textile-cl);
}

.com_doc.cluster_doc .com_doc--right ul {
	width: 44%;
}

.financial__newsletter--form .captcha {
	margin-top: 10px;
}

/* ! search */
.search_icon {
	position: absolute;
	right: 10%;
	top: 83%;
}

.header.header__scrollup .search_icon,
.header__scrolldown .search_icon {
	position: absolute;
	right: 5%;
	top: 23%;
}

.search_icon a {
	width: 45px;
	height: 45px;
	display: block;
}

.search_icon a svg {
	width: 100%;
	height: 100%;
	display: block;
}

.search-popup {
	position: fixed;
	background: var(--cl--db);
	width: 100%;
	height: 100vh;
	z-index: 999;
	pointer-events: none;
	opacity: 0;
	transition: var(--g-transition);
	display: flex;
	top: 0;
	left: 0;
}

.search-popup .cnt__wrapper {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.search-popup.active {
	opacity: 1;
	pointer-events: auto;
}

.search-popup-content {
	max-width: 50rem;
	width: 90%;
	position: relative;
	text-align: center;
}

.search-popup-title {
	font-weight: var(--thin);
	font-size: 8rem;
	line-height: 10rem;
	color: #ffff;
}

.search-popup-content form {
	display: flex;
	justify-content: space-between;
}

.search-popup-content form .form-type-search {
	width: 65%;
}

.search-popup-content form .form-type-search input {
	width: 100%;
	height: 4rem;
	border: none;
	border-bottom: 1px solid #fff;
	background: transparent;
	font-size: 1.8rem;
	color: #fff;
	font-weight: var(--regular);
	font-family: var(--noto);
}

.search-popup-content form .form-actions {
	width: 120px;
}

.search-popup-content form .form-actions input {
	width: 100%;
	border: 1px solid #fff;
	height: 4rem;
	background: #fff;
	color: var(--cl--db);
	font-size: 1.8rem;
	font-weight: var(--medium);
	cursor: pointer;
	transition: var(--g-transition);
}

.search-popup-content form .form-actions input:hover {
	background: var(--cl-lb);
	border: 1px solid var(--cl-lb);
	color: #fff;
}

.search-popup-form {
	width: 100%;
	display: flex;
	margin-top: 8rem;
	flex-direction: column;
}

.search-close {
	position: fixed;
	top: 20%;
	right: 20%;
	width: 40px;
	height: 40px;
}

.search-close a {
	display: block;
	width: 100%;
	height: 100%;
}

.search-close a svg {
	display: block;
	width: 100%;
	height: 100%;
}

.search_banner {
	height: 45rem;
	background: var(--cl-lb);
	display: flex;
	justify-content: flex-end;
	align-items: center;
	padding-bottom: 7rem;
}

.search_banner h1 {
	font-size: 4rem;
	line-height: 4rem;
	font-weight: var(--medium);
	color: #fff;
}

.searchSection {
	display: flex;
	flex-direction: column;
	margin-top: 6rem;
}

.searchSection #block-ciel-content {
	display: flex;
	flex-direction: column;
}

.searchSection #block-ciel-content form {
	width: 100%;
	display: flex;
	flex-direction: column;
	margin-bottom: 5rem;
}

.searchSection #block-ciel-content form .form-type-search {
	display: flex;
}

.searchSection #block-ciel-content form .js-form-wrapper {
	display: flex;
}
.searchSection #block-ciel-content form .form-type-search label {
	font-size: 1.8rem;
	line-height: 2.4rem;
	font-weight: var(--bold);
	color: var(--cl--db);
	margin-right: 10px;
}
.searchSection #block-ciel-content form .form-type-search input {
	width: 200px;
	height: 3rem;
	border: 1px solid var(--cl--db);
	padding: 1rem;
	font-size: 1.6rem;
	font-weight: var(--regular);
}
.searchSection #block-ciel-content form #edit-submit {
	height: 3rem;
	background: var(--cl--db);
	cursor: pointer;
	transition: var(--g-transition);
	border: none;
	font-size: 1.6rem;
	color: #fff;
	font-weight: var(--semi-bold);
	padding: 0 15px;
}

.searchSection #block-ciel-content form #edit-submit:hover {
	background: var(--cl-lb);
}

.searchSection #block-ciel-content .search-help-link {
	display: none;
}

.searchSection #block-ciel-content .search-advanced {
	display: none !important;
}

.searchSection #block-ciel-content h2 {
	display: none;
}

.searchSection #block-ciel-content ol {
	display: flex;
	flex-direction: column;
	gap: 2rem;
}

.searchSection #block-ciel-content ol li {
	border-bottom: 1px solid var(--cl--db);
	padding: 0 0 2rem 0;
}

.searchSection #block-ciel-content ol li:last-child {
	border: none;
}

.custom-search-result {
	display: flex;
	flex-direction: column;
}

.custom-search-result h3 {
	font-size: 2.8rem;
	line-height: 3.6rem;
	font-weight: var(--medium);
	color: var(--cl--db);
	margin-bottom: 1rem;
}

.custom-search-result p {
	font-size: 1.8rem;
	line-height: 2.4rem;
	font-weight: var(--light);
	color: var(--cl--db);
}

.searchSection #block-ciel-content .pager__items {
	display: flex;
	gap: 1rem;
	font-size: 1.4rem;
	color: var(--cl--db);
	margin-top: 5rem;
}

.searchSection #block-ciel-content .pager__item.is-active {
	font-weight: var(--bold);
}

.searchSection #block-ciel-content .pager__item {
	font-weight: var(--light);
	opacity: 0.8;
}

input[type="search"]::-webkit-search-cancel-button {
	display: none;
}