: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: 100;
	--extra-light: 200;
	--light: 300;
	--regular: 400;
	--medium: 500;
	--semi-bold: 600;
	--bold: 700;
	--extra-bold: 800;
	--black: 900;
}

/* for menu*/
@media screen and (max-width: 1000px) {
	.header {
		position: fixed;
		padding: 2rem 2rem 2rem;
		height: auto;
		background: transparent;
	}

	.header.header__scrollup {
		background: var(--cl-lb);
	}

	.header__wrapper {
		flex-direction: row;
	}

	.header__logo {
		width: 8.2rem;
	}

	.nav__burger {
		display: flex;
		margin-left: auto;
		position: relative;
		right: -15px;
	}

	.ham {
		cursor: pointer;
		-webkit-tap-highlight-color: transparent;
		transition: transform 400ms;
		-moz-user-select: none;
		-webkit-user-select: none;
		-ms-user-select: none;
		user-select: none;
		height: 60px;
		width: 60px;
	}

	.hamRotate.active {
		transform: rotate(45deg);
	}

	.hamRotate180.active {
		transform: rotate(180deg);
	}

	.line {
		fill: none;
		transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
		stroke: #ffffff;
		stroke-width: 5.5;
		stroke-linecap: round;
	}

	.ham1 .top {
		stroke-dasharray: 40 139;
	}

	.ham1 .bottom {
		stroke-dasharray: 40 180;
	}

	.ham1.active .top {
		stroke-dashoffset: -98px;
	}

	.ham1.active .bottom {
		stroke-dashoffset: -138px;
	}

	.header .header__nav {
		position: fixed;
		top: 10rem;
		left: 0;
		width: 100%;
		/* background: rgba(0, 0, 0, .5); */
		margin: 0;
		padding: 3rem 2rem;
		opacity: 0;
		pointer-events: none;
		transition: var(--g-transition);
		transform: translateX(-100%);
		justify-content: flex-start;
	}

	.header__nav > ul {
		display: flex;
		flex-direction: column;
	}

	.header__nav > ul > li {
		margin: 1rem 0 2rem;
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transition: all 0.3s ease;
	}

	.header.active .header__nav {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		transform: translateX(0%);
	}

	.header.active .header__nav > ul > li {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		padding: 0;
	}

	.sub-nav {
		display: none;
		position: inherit;
		left: 15px;
		top: inherit;
		transition: none;
		padding: 0;
		margin-top: 15px;
	}

	.header__nav > ul > li.has-dropdown:hover > a::before {
		display: none;
	}

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

	.overlay--dropdown.menu-open {
		height: 100vh !important;
		opacity: 1 !important;
		visibility: visible !important;
		background: var(--cl-lb);
		z-index: 9;
	}

	.scrolldownbox {
		height: 80px;
	}
	.box span {
		width: 10px;
		height: 10px;
	}
}

@media screen and (max-width: 767px) {
	.scrolldownbox {
		display: none;
	}
	.cnt {
		width: 90%;
	}

	.Sticky__footer {
		min-height: calc(100vh - 33rem);
	}

	.footer {
		height: 33rem;
		margin-top: 5rem;
	}

	.footer__cnt {
		width: 90%;
	}

	.footer__top {
		padding: 2rem 0;
		margin-bottom: 1rem;
		align-items: flex-start;
		flex-direction: column;
	}

	.footer__link ul {
		font-size: 1.8rem;
		line-height: 2rem;
		flex-direction: column;
	}

	.footer__link li {
		margin: 0;
	}

	.footer__link {
		margin: 10px 0;
	}

	.footer__link a {
		font-size: 1.6rem;
		line-height: 2.2rem;
	}

	.footer__contact {
		font-size: 1.6rem;
		line-height: 2rem;
	}

	.footer__social li {
		width: 40px;
		height: 40px;
	}

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

	.footer__bottom {
		font-size: 1.6rem;
		margin-bottom: 1rem;
	}

	/* ! Homepage */
	.hero__text {
		width: 100%;
	}

	.hero__paragraph {
		font-size: 1.8rem;
		line-height: 2.4rem;
	}

	.hero__btn {
		margin-top: 2rem;
	}

	.homepage__about {
		height: auto;
		display: flex;
		flex-direction: column;
	}

	.homepage__about--left {
		width: 100%;
		height: auto;
		padding: 9rem 7.7916% 10%;
	}

	.homepage__about--desc h2 {
		font-size: 3rem;
		line-height: 4rem;
		margin-bottom: 2rem;
		width: 100%;
	}

	.homepage__about--desc p {
		font-size: 1.6rem;
		line-height: 2.8rem;
		width: 100%;
	}

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

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

	.homepage__about--top {
		height: auto;
		width: 100%;
		padding: 4rem 5%;
		justify-content: flex-start;
	}

	.homepageGrid__investor--title {
		font-size: 1.8rem;
		line-height: 2rem;
		margin-bottom: 3rem;
		flex-direction: column;
	}

	.homepageGrid__investor--title span {
		font-size: 6rem;
		line-height: 6rem;
	}

	.homepageGrid__investor--left span {
		font-size: 1.8rem;
		line-height: 2rem;
	}

	.homepageGrid__investor--left {
		font-size: 5rem;
		padding-right: 0;
		line-height: 5rem;
	}

	.homepageGrid__investor--right {
		font-size: 5rem;
		line-height: 5rem;
		padding: 0;
	}

	.homepageGrid__investor--right span {
		font-size: 1.8rem;
		line-height: 2rem;
	}

	.homepageGrid__investor {
		width: 100%;
		justify-content: center;
		flex-direction: column;
	}

	.homepageGrid__top--investors {
		margin: 0 auto;
	}

	.homepageGrid__investor--left::after {
		display: none;
	}

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

	.homepage__about--bottom {
		height: auto;
		width: 100%;
		flex-direction: column;
	}

	.homepage__about--shareprice {
		padding: 5rem 10%;
	}

	.homepage__shareprice strong {
		font-size: 6rem;
		line-height: 6.5rem;
	}

	.homepage__shareprice span {
		font-size: 3rem;
		line-height: 4rem;
	}

	.homepageGrid__sharetitle {
		font-size: 2rem;
		line-height: 3rem;
	}

	.homepage__about--bottom .homepage__about--bod {
		height: 400px;
		border-top: 1px solid #fff;
	}

	.global__map {
		overflow: hidden;
		position: relative;
	}

	.global__inner {
		position: inherit;
		width: 100%;
		height: 100%;
		padding: 8rem 0 3rem 0px;
		order: 1;
	}

	.global__map--images {
		order: 2;
		position: absolute;
		top: 0;
	}

	.global__inner .cnt__wrapper {
		width: 100%;
	}

	.global__inner--title {
		font-size: 3rem;
		line-height: 3.2rem;
		width: 50%;
	}

	.global__inner--bot {
		font-size: 1.8rem;
		line-height: 2.4rem;
	}

	.global__dot--listing {
		margin-top: 2rem;
		margin-bottom: 3rem;
	}

	.panelAccordion__slider {
		display: flex;
		padding: 5rem 0;
		position: relative;
		overflow: hidden;
	}

	.panelAccordion__slider--bg {
		width: 100%;
		position: absolute;
		top: 40px;
		left: 0;
		pointer-events: none;
	}

	.imageAccordion {
		display: none;
	}

	.accordionImg--swiper .swiper-pagination {
		bottom: -30px;
		top: auto;
		left: 0;
		width: 100%;
	}

	.imageAccordion--Title {
		font-size: 4rem;
		line-height: 5rem;
	}

	.imageAccordion--Title span,
	.imageAccordion--Title strong {
		display: block;
	}

	.imageAccordion--mainTitle {
		flex-direction: column;
	}

	.imageAccordion--link .more--btn {
		margin-left: -11px;
	}

	.imageAccordion--link {
		display: flex;
		margin: 0px 0px;
	}

	.accordionImg--swiper {
		width: 100%;
		display: flex;
		margin-top: 2rem;
		position: relative;
	}

	.panelSlide--img {
		width: 100%;
		position: relative;
	}

	.panelSlide--desc {
		position: absolute;
		width: 100%;
		bottom: 0;
		padding: 5%;
		color: #fff;
		font-weight: var(--medium);
		font-size: 3rem;
		background: rgba(0, 0, 0, 0.3);
	}

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

	.news__more--mainTitle {
		display: flex;
		flex-direction: column;
	}

	.homebod__title {
		font-size: 3rem;
		line-height: 4rem;
	}

	.news__more--Title {
		font-size: 4rem;
		line-height: 5rem;
	}

	.news__more--link .more--btn {
		margin-left: -11px;
		margin-top: 10px;
	}

	.news__wrapper {
		margin-top: 3.5rem;
		margin-bottom: 3rem;
		position: relative;
	}

	.news__wrapper .swiper-pagination {
		bottom: -25px;
		top: auto;
		left: 0;
		width: 100%;
	}

	.swiper-pagination-bullet {
		width: 10px;
		height: 10px;
		background: var(--cl-lb);
	}

	.news__more {
		padding: 6rem 0 0 0;
	}

	.separator__quote ul {
		flex-direction: column;
	}

	.hero__paragraph h1 {
		font-size: 3.8rem;
		line-height: 5rem;
	}

	.separator__quote {
		padding: 3rem 0 0rem;
	}

	.separator__quote li {
		font-size: 2.4rem;
		line-height: 3rem;
		padding: 15px 2rem;
	}

	.separator__quote li::after {
		content: "";
		position: absolute;
		right: 0;
		top: auto;
		bottom: 0;
		width: 100%;
		height: 3px;
		background: var(--cl--db);
		opacity: 0.5;
	}

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

	.bod__block--title {
		font-size: 4rem;
		line-height: 5rem;
		margin-bottom: 3rem;
	}

	.d_more--title {
		font-size: 4rem;
		line-height: 5rem;
		margin-bottom: 3rem;
	}

	.d_more--overlay {
		top: 5%;
		left: -30%;
	}

	.d_more--wrapper .swiper-pagination {
		bottom: -25px;
		top: auto;
		left: 0;
		width: 100%;
	}

	.separtor__blue--text {
		font-size: 2.2rem;
		line-height: 3rem;
	}

	.imageAccordion.imageAccordion-about .imageAccordion--Title {
		color: var(--cl--db);
	}

	.imageAccordion.imageAccordion-about .imageAccordion--link .more--btn {
		color: var(--cl--db);
	}

	.imageAccordion.imageAccordion-about
		.imageAccordion--link
		.more--btn
		.circle
		svg {
		stroke: var(--cl--db);
	}

	.imageAccordion.imageAccordion-about
		.imageAccordion--link
		.more--btn
		.another-circle {
		stroke: var(--cl--db);
	}

	.imageAccordion.imageAccordion-about .imageAccordion--Title {
		font-size: 4rem;
		line-height: 5rem;
	}

	.aboutTimeline--wrapper-mainTitle {
		font-size: 4rem;
		line-height: 5rem;
		margin-bottom: 0;
	}

	.imageAccordion.imageAccordion-about
		.accordionImg--swiper
		.swiper-pagination {
		bottom: -25px;
	}

	.aboutTimeline {
		margin-top: 4rem;
		flex-direction: column;
	}

	.aboutTimeline > div {
		width: 100%;
	}

	.aboutTimeline .aboutTimeline--left {
		height: 400px;
	}

	.a_timeline--title {
		font-size: 4rem;
		line-height: 5rem;
		margin-bottom: 2rem;
	}

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

	.aboutTimeline .aboutTimeline--right {
		height: auto;
	}

	.a_timeline--info {
		padding: 15% 12% 20%;
	}

	.panelAccordion__slider.panelAccordionAbout__slider {
		padding-bottom: 0;
	}

	.imageAccordion.imageAccordion-about {
		display: flex;
	}

	.imageAccordion.imageAccordion-about .accordionImg {
		display: none;
	}

	.imageAccordion.imageAccordion-about .accordionImg--swiper {
		display: flex;
		flex-direction: column;
	}

	.hero__cluster--img {
		width: 55%;
		position: absolute;
		right: 0;
		bottom: auto;
		transform: translateY(-50%);
		top: 50%;
	}

	.cluster__info {
		height: auto;
		padding: 0rem 0 3rem 0;
		flex-direction: column;
	}

	.cluster__info--left {
		width: 100%;
		height: 300px;
	}

	.cluster__info--right {
		width: 100%;
		height: auto;
		border-left: none;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		padding: 3rem 3rem;
	}

	.cluster__info--panel-one {
		width: 15%;
		min-width: inherit;
		max-width: inherit;
	}

	.cluster__info--panel-three {
		width: 5%;
		max-width: inherit;
		min-width: inherit;
	}

	.inverstors__intro .cnt__wrapper {
		flex-direction: column;
	}

	.investors__intro--info {
		width: 100%;
		padding-top: 30px;
	}

	.investors__intro--title {
		font-size: 4rem;
		line-height: 5rem;
		margin-bottom: 3rem;
	}

	.investors__intro--desc {
		font-size: 2rem;
		line-height: 2.8rem;
		margin-bottom: 5rem;
	}

	.investors__intro--bottom {
		font-size: 2rem;
		line-height: 2.8rem;
		margin-bottom: 3rem;
	}

	.investors__intro--panel {
		width: 100%;
		position: inherit;
		right: inherit;
		height: 300px;
		display: flex;
		overflow: hidden;

		margin-top: 3rem;
	}

	.investors__facts {
		padding: 4rem 0 10rem;
	}

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

	.facts__tab--nav {
		margin-left: auto;
		width: 145px;
	}

	.facts__tabs--row > div {
		width: 100%;
		height: 200px;
	}

	#tab1 .facts__tabs--row > div:nth-child(4),
	#tab2 .facts__tabs--row > div:nth-child(4) {
		display: none;
	}

	.investors__svg {
		position: absolute;
		width: 100%;
		top: -45px;
		right: 0%;
		z-index: -1;
	}

	.shareprice-title {
		font-size: 1.8rem;
		margin-bottom: 0rem;
	}
	.shareprice-price {
		font-weight: var(--bold);
		font-size: 4rem;
	}

	.shareprice-semdex {
		font-size: 1.8rem;
		margin-top: 0;
	}

	.tabs-editda--title {
		font-size: 1.8rem;
		margin-top: 10px;
		margin-bottom: 1rem;
		height: 45px;
	}

	.shareprice-global {
		font-weight: var(--bold);
		font-size: 4rem;
	}

	.tabs-lead {
		padding: 2rem 2rem;
		font-size: 1.6rem;
	}

	.investors__graph {
		padding: 5rem 0 5rem;
	}

	.investors__graph .cnt__wrapper {
		justify-content: space-between;
		flex-direction: column;
	}

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

	.investors__graph--title {
		font-size: 3rem;
		line-height: 3.6rem;
	}

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

	.investors__graph--right {
		width: 100%;
		margin-top: 4rem;
	}

	.ig-charts-desc {
		display: flex;
		align-items: center;
		margin: 20px 0;
	}

	.investor__more .cnt__wrapper {
		align-items: center;
		flex-direction: row;
		justify-content: flex-start;
		flex-wrap: wrap;
	}

	.corporate-banner .hero__text {
		width: 100%;
	}

	.financial__report--desc {
		display: flex;
		align-items: flex-start;
		flex-direction: column;
	}

	.financial__report--title {
		font-size: 4rem;
		line-height: 5rem;
	}

	.financial__report--btn {
		margin-left: 0px;
		margin-top: 15px;
	}

	.financial__report--wrapper {
		display: flex;
		margin-top: 5rem;
		flex-direction: column;
	}

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

	.financial__bodytab {
		margin-top: 30px;
		width: 100%;
		margin-left: 0;
	}

	.financial__bodytab--box--inner {
		display: flex;
		justify-content: flex-start;
		width: 100%;
		flex-direction: column;
	}

	.financial__bodytab--box--child {
		display: flex;
		flex-direction: column;
		width: 100%;
		padding-left: 0;
		margin-bottom: 20px;
	}

	.financial__bodytab--box--child:last-child {
		margin-bottom: 0px;
	}

	.box-child--arrow {
		width: 35px;
		height: 35px;
		position: absolute;
		left: 0;
	}

	.financial__bodytab--box--child li {
		margin-bottom: 3rem;
		padding-left: 50px;
	}

	.financial__bodytab--box--child li:last-child {
		margin-bottom: 0px;
	}

	.financial__bodytab--box--child > span {
		height: auto;
		font-size: 2rem;
		line-height: 2.5rem;
		margin-bottom: 2rem;
	}

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

	.financial__calendar {
		padding: 4rem 0;
	}

	.financial__calendar--list {
		margin-top: 3rem;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.financial__calendar--list li {
		padding-left: 32px;
		width: 100%;
		margin-bottom: 25px;
	}

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

	.financial__newsletter {
		margin-top: 5px;
		height: 475px;
		padding: 5rem 0;
	}

	.financial__newsletter--title {
		font-size: 2.4rem;
		line-height: 3rem;
	}

	.financial__newsletter--form .js-form-item {
		max-width: 340px;
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}

	.financial__newsletter--form {
		display: flex;
		width: 100%;
		position: relative;
		margin-top: 1rem;
	}

	.programswiper .swiper-button-prev {
		left: auto;
		right: 45px;
	}

	.programswiper .swiper-button-next,
	.programswiper .swiper-button-prev {
		top: 23px;
	}

	.program-icn {
		width: 35px;
		height: 35px;
		margin-right: 15px;
	}

	.financial__program {
		padding: 5rem 0 0rem;
	}

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

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

	.annoucement__year--box {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		gap: 20px;
		justify-content: center;
	}

	.annoucement__tab--content {
		display: flex;
		width: 100%;
		margin-left: auto;
		flex-wrap: wrap;
		gap: 0;
		height: 100%;
		padding: 20px 0;
		overflow: scroll;
	}

	.annoucement__year--content--box {
		width: 100%;
		margin-bottom: 25px;
	}

	.annoucement__right {
		width: 100%;
		height: auto;
	}

	.annoucement__year--content--box a .icnbox {
		width: 35px;
		height: 35px;
		margin-right: 15px;
	}

	.annoucement__year--content--box a {
		display: flex;
		font-size: 1.5rem;
		line-height: 1.8rem;
	}

	.annoucement__title {
		color: #fff;
		font-size: 3rem;
		line-height: 4rem;
	}

	.annoucement {
		padding: 5rem 0 3rem;
	}

	.annual__report--shape {
		width: 110%;
		top: -25px;
	}

	.annual__report--shape img {
		width: 100%;
	}

	.grey__link .cnt__wrapper {
		flex-direction: row;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.grey__link .link-text {
		width: 80%;
	}

	.grey__link a {
		margin-bottom: 22px;
		font-size: 1.8rem;
		line-height: 2rem;
		width: 100%;
	}

	.annual__grid--form {
		grid-gap: 0;
		margin-top: 4px;
		display: flex;
		flex-direction: column;
	}

	.annual__form--grid-element-1 {
		height: 300px;
		width: 100%;
	}

	.annual__form--grid-element-2 {
		padding: 6rem 2rem 4rem;
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: column;
	}

	.annual__form--grid-element-2--form form > div {
		width: 100%;
		margin-bottom: 3rem;
	}

	.annual__form--grid-element-1 a {
		height: 100%;
		width: 100%;
		display: flex;
		padding: 6rem 2rem 2rem;
		align-items: flex-end;
		flex-direction: column;
	}

	.el-text {
		font-size: 3rem;
		line-height: 4rem;
	}

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

	.annual__grid--title {
		font-size: 4rem;
		line-height: 4rem;
		margin-bottom: 3rem;
	}

	.annual__grid--item a span {
		width: 30px;
		height: 30px;
		position: absolute;
		right: 10px;
		top: 10px;
	}

	.annual__report--banner {
		padding-top: 13rem;
		position: relative;
		overflow: hidden;
	}

	.annual__report--banner--title {
		font-size: 4rem;
		line-height: 5rem;
	}

	.annual__report--banner--text {
		font-size: 2rem;
		line-height: 2.8rem;
	}

	.annual__report--banner--desc {
		margin-bottom: 7rem;
		width: 100%;
	}

	.report--linkbt--title {
		margin-right: auto;
		font-size: 1.2rem;
		font-weight: bold;
		color: var(--cl-lb);
		line-height: 1.2rem;
		width: 30%;
	}

	.simpletext {
		padding: 8rem 0 3rem 0;
		font-size: 1.8rem;
		line-height: 2.8rem;
	}

	.simpletext--right {
		z-index: -1;
		position: absolute;
		left: -32%;
		width: 100%;
		opacity: 0.5;
		top: -13%;
	}

	.simpletext .cnt__wrapper {
		width: 100%;
	}

	.hero__img--bodshape {
		width: 95%;
	}

	.com_board {
		margin-top: 10rem;
	}

	.com_board__wrapper {
		display: flex;
		flex-direction: column;
	}

	.com_board__wrapper > div {
		width: 100%;
	}

	.com_board--left {
		padding: 5rem 2rem;
	}

	.com_board--left--title {
		font-size: 3rem;
		line-height: 3.4rem;
		margin-bottom: 2.5rem;
	}

	.com_board--right--title {
		font-size: 3rem;
		line-height: 3.4rem;
	}

	.com_board--left--text {
		font-size: 1.8rem;
		line-height: 2.4rem;
	}

	.com_board--right {
		padding: 5rem 2rem;
	}

	.com_board--right--b > span {
		font-size: 2rem;
		line-height: 2.4rem;
		width: 100%;
		margin-bottom: 2rem;
	}

	.com_board--right--b li {
		margin-bottom: 1rem;
	}

	.com_board--right--b a {
		font-size: 1.6rem;
		line-height: 2rem;
		margin-top: 2rem;
		margin-bottom: 4rem;
	}

	.com_doc {
		padding: 5rem 0;
	}

	.com_doc .cnt__wrapper {
		flex-direction: column;
		padding: 0;
	}

	.com_doc--left {
		width: 100%;
		margin-bottom: 3rem;
	}

	.com_doc--right {
		width: 100%;
		flex-direction: column;
	}

	.com_doc--right ul {
		width: 100%;
		margin-top: 0rem;
	}

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

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

	.com_sep__wrapper {
		gap: 20px;
		flex-direction: column;
		align-items: flex-start;
	}

	.com_sep {
		padding: 20px 2rem;
	}

	.com_sep__wrapper a {
		font-size: 1.8rem;
		line-height: 2.4rem;
	}

	.hero__img--comitshape {
		width: 155%;
		bottom: 7%;
	}

	.sus-report .cnt__wrapper {
		flex-direction: column;
		align-items: flex-start;
	}

	.sus-report--title {
		font-size: 4rem;
		line-height: 4.3rem;
		width: 100%;
	}

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

	.sus-report--wrapper {
		width: 100%;
		border: 2px solid var(--cl--db);
		margin-left: auto;
		height: 185px;
		background-repeat: no-repeat;
		background-position: center bottom;
		background-size: contain;
		margin-top: 15px;
	}

	.sus-report--text {
		font-weight: var(--light);
		font-size: 2rem;
		line-height: 3rem;
	}

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

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

	.sus-btn {
		display: flex;
		margin-top: 0;
		position: relative;
		top: -30px;
	}

	.sus-btn svg {
		width: 35px;
	}

	.susAccordion {
		padding: 10rem 0 3rem;
	}

	.susAccordion .imageAccordion--Title {
		font-size: 5rem;
		line-height: 6rem;
	}

	.susAccordion--btn {
		margin: 10px;
		margin-left: -10px;
		margin-bottom: 20px;
	}

	.susAccordion .imageAccordion--mainTitle {
		align-items: flex-start;
	}

	.susAccordionSlider--wrapper {
		position: relative;
	}

	.susAccordionSlider--wrapper .swiper-pagination {
		bottom: -25px;
		top: auto;
		left: 0;
		width: 100%;
	}

	.sus__dev--title {
		font-size: 4rem;
		line-height: 5rem;
	}

	.sus__dev--text {
		font-size: 1.8rem;
		line-height: 2.4rem;
	}

	.sus__dev--grid {
		display: flex;
		grid-template-columns: inherit;
		grid-gap: 0;
		margin-top: 4rem;
		flex-direction: column;
	}

	.sus__dev--gridleft {
		height: auto;
		padding: 2rem 2rem;
	}

	.sus__dev--grid--text {
		font-size: 1.8rem;
		line-height: 2.4rem;
		margin-top: 1rem;
		margin-bottom: 1.5rem;
	}

	.sus__dev--grid--images {
		flex-direction: column;
		gap: 20px;
		margin-top: 20px;
		align-items: center;
	}

	.sus__dev--gridright {
		height: auto;
		padding: 2rem 2rem;
	}

	.ferney {
		padding: 3rem 0 5rem 0;
	}

	.ferney__wrapper {
		display: flex;
		width: 100%;
		align-items: flex-start;
		flex-direction: column;
	}

	.ferney__left {
		width: 100%;
	}

	.ferney__right {
		width: 100%;
		height: 300px;
	}

	.ferney__title {
		width: 170px;
	}

	.ferney__title img {
		width: 100%;
	}

	.ferney__text {
		font-size: 1.8rem;
		line-height: 2.4rem;
		margin-top: 1.5rem;
		width: 100%;
	}

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

	.ferney__grid > div {
		max-width: 384px;
		width: 100%;
		padding: 1rem 2rem 0 !important;
	}

	.ferney__grid--yellow {
		order: 6;
	}

	.sus__video {
		padding: 3rem 0 5rem 0;
	}

	.sus__video--wrapper {
		display: flex;
		width: 100%;
		margin-left: 0;
		align-items: flex-start;
		flex-direction: column;
	}

	.sus__video--left {
		width: 100%;
		padding: 0 4%;
	}

	.sus__video--title {
		font-size: 4rem;
		line-height: 5rem;
	}

	.sus__video--text {
		font-size: 1.8rem;
		line-height: 2.4rem;
	}

	.sus__video--btn .more--btn {
		font-size: 1.8rem;
		line-height: 2rem;
	}

	.sus__video--right {
		width: 100%;
		display: flex;
		gap: 2px;
		margin-top: 4rem;
	}

	.susAccordionSlider.susAccordion {
		display: flex;
	}

	.foundation__wrapper {
		display: flex;
		flex-direction: column;
	}

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

	.foundation--top {
		padding-top: 0;
	}

	.foundation__img {
		max-width: 270px;
	}

	.foundation--title {
		font-size: 2.4rem;
		margin-top: 2rem;
	}

	.foundation--text {
		font-size: 2rem;
		line-height: 2.4rem;
		margin-top: 2rem;
	}

	.foundation--bot {
		padding-left: 0;
	}

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

	.foundation__grid > div {
		width: 100%;
		height: 200px;
		padding: 3rem !important;
	}

	.foundation__right {
		width: 100%;
		display: flex;
		margin-left: auto;
		gap: 2px;
		height: 400px;
	}

	.focusarea--boxes {
		margin-top: 3rem;
		justify-content: space-between;
		flex-direction: column;
	}

	.focusarea--boxnum {
		font-weight: var(--bold);
		font-size: 3.8rem;
		line-height: 5rem;
	}

	.panelAccordion__slider.focusaccordionslider .panelSlide--desc {
		position: inherit;
		width: 100%;
		bottom: inherit;
		color: var(--cl--db);
		font-size: 3rem;
		line-height: 3.2rem;
		background: transparent;
		padding: 2% 0;
		margin-top: 20px;
	}
	.panelAccordion__slider.focusaccordionslider .panelSlide--text {
		font-weight: var(--regular);
		font-size: 1.8rem;
		line-height: 2.4rem;
		color: var(--grey--cl);
		padding: 2% 0%;
	}

	.panelAccordion__slider.focusaccordionslider
		.accordionImg--swiper
		.swiper-pagination {
		bottom: -20px;
	}

	.foundation--video {
		padding: 4rem 0;
	}

	.foundation--video-top {
		display: flex;
		width: 100%;
		flex-direction: column;
	}

	.foundation--video-left {
		width: 100%;
		padding: 0 4%;
	}

	.foundation--video--title {
		font-size: 3rem;
		line-height: 4rem;
		margin-bottom: 2rem;
	}

	.foundation--video--text {
		font-size: 1.8rem;
		line-height: 2.4rem;
	}

	.foundation--video--right {
		width: 100%;
		margin-top: 30px;
	}

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

	.f-banner-left {
		background: var(--cl-y);
		display: flex;
		flex-direction: column;
		width: 100%;
		padding: 4rem 10% 4% 8%;
	}

	.f-banner--text {
		font-size: 1.8rem;
		line-height: 2.8rem;
		margin-top: 3rem;
		margin-bottom: 3rem;
	}

	.f-banner-right {
		width: 100%;
	}

	.l-project--Title {
		font-size: 4rem;
		line-height: 5rem;
	}

	.l-project--mainTitle {
		display: flex;
		flex-direction: column;
	}

	.l-project--link .more--btn {
		font-size: 1.5rem;
		margin-left: -11px;
		margin-top: 2rem;
	}

	.l-project--inner {
		width: 100%;
		height: 100%;
		position: relative;
		display: flex;
		background: rgba(127, 187, 77, 0.4);
		align-items: center;
		flex-direction: column;
	}

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

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

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

	.l-project--btn .p-svg {
		width: 30px;
		height: 30px;
	}

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

	.vacancies--title {
		font-size: 4rem;
		line-height: 5.8rem;
	}

	.vacancies .cnt__wrapper {
		flex-direction: column;
		align-items: flex-start;
	}

	.vacancies-filter {
		margin-left: 0;
		margin-top: 15px;
	}

	.vacancies--box--title {
		font-size: 2.2rem;
		line-height: 2.4rem;
		margin-bottom: 15px;
		padding-right: 50px;
	}

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

	.vacancies--box--location {
		display: flex;
		margin-left: 0;
		align-items: center;
		margin-top: 9px;
	}

	.vacancies--box--top {
		width: 100%;
		padding-right: 0;
	}

	.vacancies--box--btn {
		width: 36px;
		height: 36px;
		position: absolute;
		right: 0;
		top: -5px;
		transform: none;
	}

	.vacancies--box--cluster {
		flex-direction: column;
	}

	.vacancies--box--cluster span::after {
		display: none;
	}

	.vacancies--bot {
		grid-gap: 1%;
		padding: 0;
	}

	.vacancies--box {
		width: 100%;
		padding: 0;
	}

	.careers__left--btn .line {
		width: 80%;
	}

	.vacancies--modal--cnt {
		flex-direction: column;
		overflow: auto;
		padding: 7rem 6%;
	}

	.modal-close {
		top: 10px;
		width: 35px;
		height: 35px;
		left: auto;
		right: 10px;
	}

	.vacancies--modal--left {
		width: 100%;
		display: flex;
		flex-direction: column;
	}

	.vacancies--modal--right {
		width: 100%;
		margin-left: 0;
	}

	.vacancies--modal--left {
		flex-direction: column;
	}

	.vacancies--modal--left--cluster span::after {
		display: none;
	}

	.vacancies--modal--left--bot {
		display: flex;
		margin-top: 2rem;
		margin-bottom: 4rem;
		flex-direction: column;
		width: 100%;
	}

	.vacancies--modal--left--bot .vacancies--box--text {
		width: 80%;
		display: flex;
		align-items: center;
		gap: 20px;
	}

	.vacancies--modal {
		flex-direction: column;
	}

	.vacancies--modal--left--cluster {
		display: flex;
		flex-direction: column;
		margin-top: 17px;
	}

	.careers__testimonials--wp {
		width: 100%;
		display: flex;
		gap: 0;
		height: auto;
		flex-direction: column;
	}

	.careers__left {
		height: auto;
		width: 100%;
		padding: 5% 7%;
	}

	.careers__left--desc {
		font-size: 1.8rem;
		line-height: 2.8rem;
		letter-spacing: -2px;
		margin-bottom: 25px;
	}

	.careers__left--btn a {
		font-size: 1.8rem;
		line-height: 2.4rem;
		margin-bottom: 20px;
	}

	.careers__left--btn svg {
		width: 35px;
	}

	.careers__right {
		height: auto;
		width: 100%;
	}

	.careers__testimonials--box {
		background-image: none;
		display: flex;
		flex-direction: column;
	}

	.careers__testimonials--box img {
		width: 100%;
		display: block;
	}

	.careers__testimonials--box--text {
		font-size: 1.6rem;
		line-height: 2.4rem;
	}

	.video__intro {
		padding: 5rem 0;
	}

	.video__intro__wrapper {
		display: flex;
		align-items: flex-start;
		flex-direction: column;
	}

	.video__intro__desc {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
		margin-bottom: 30px;
	}

	.video__intro__title {
		font-size: 4rem;
		line-height: 5rem;
		margin-bottom: 2rem;
	}

	.video__intro__paragraph {
		font-size: 2rem;
		line-height: 2.8rem;
	}

	.video__intro__video {
		width: 100%;
	}

	.notvideo__intro--wrapper {
		display: flex;
		align-items: flex-start;
		flex-direction: column;
		margin-top: 5rem;
	}

	.notvideo__intro--left {
		width: 100%;
		padding-left: 0;
		order: 2;
		margin-top: 2rem;
	}

	.notvideo__intro--right {
		width: 100%;
		margin-left: 0;
		padding-right: 0;
		order: 1;
	}

	.notvideo__intro--title {
		font-size: 4rem;
		line-height: 5rem;
		margin-bottom: 2rem;
	}

	.notvideo__intro--text {
		font-size: 2rem;
	}

	.life--slider--title {
		font-size: 3.4rem;
		line-height: 4rem;
		width: 100%;
	}

	.life--slider--text {
		font-size: 2.4rem;
		line-height: 2.8rem;
		width: 100%;
		margin-top: 2rem;
	}

	.lifebox {
		/* height: 200px; */
		display: flex;
		background-size: cover;
	}

	.lifebox__desc {
		opacity: 1;
		visibility: visible;
		height: auto;
		padding: 5rem 0;
	}

	.lifebox a {
		height: auto;
		width: 100%;
		display: flex;
		align-items: flex-end;
	}

	.lifebox__desc .d-name {
		font-size: 1.8rem;
		line-height: 2rem;
	}

	.lifebox__desc .d-title {
		font-size: 1.4rem;
		line-height: 1.8rem;
	}

	.newslisting__item--desc {
		position: inherit;
		padding: 25px 4% 20px;
	}

	.newslisting__item--title {
		font-size: 2rem;
		line-height: 2.4rem;
		width: 100%;
	}

	.corporate__news {
		padding: 12% 4% 8%;
	}

	.newslisting__newletter {
		height: auto;
		padding: 4rem 4%;
		align-items: flex-start;
		flex-direction: column;
	}

	.newslisting__newletter--title {
		font-size: 2.2rem;
		line-height: 3rem;
		width: 100%;
		margin-bottom: 20px;
	}

	.newsletter__form {
		margin-left: 0;
		width: 100%;
	}

	.newsletter__form button {
		width: 30px;
		background-size: 30px;
		height: 30px;
		margin-left: 0;
	}

	.newslisting__newletter--btn {
		height: 100%;
		display: flex;
		align-items: center;
		padding: 0;
		justify-content: flex-start;
		padding: 2rem 4%;
	}

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

	.hero__news--innerdetails {
		display: flex;
		width: 100%;
		margin-top: 0;
		flex-direction: column;
	}

	.hero__news--info--title {
		font-size: 3rem;
		line-height: 4rem;
	}

	.hero__news--desc {
		width: 100%;
		display: flex;
		flex-direction: column;
		padding: 5rem 0rem 3rem 0rem;
	}

	.hero__news--wrapper {
		height: 100%;
		padding-right: 0;
	}

	.hero__news--assets {
		width: 100%;
	}

	.hero__news {
		padding-top: 13rem;
		height: auto;
	}

	.newsdetails {
		padding-bottom: 2rem;
		padding-top: 4rem;
	}

	.newdetails--textcontent {
		font-size: 1.8rem;
		line-height: 2.4rem;
	}

	.newsdetails .cnt__wrapper {
		padding: 0;
	}

	.newsdetails__inner {
		display: flex;
		align-items: flex-start;
		margin-bottom: 5rem;
		flex-direction: column;
	}

	.newsdetails__img {
		width: 100%;
	}

	.newsdetails__img-text {
		width: 100%;
		font-size: 1.8rem;
		line-height: 2.4rem;
		padding: 0;
		margin-top: 20px;
	}

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

	.map__left {
		padding: 4rem 8%;
	}

	.map__right {
		height: 300px;
	}

	.contact__inv {
		background: var(--cl--db);
		font-size: 1.8rem;
		line-height: 2rem;
		color: #fff;
		padding: 20px 20px;
	}

	.contact__whisteleblowing {
		height: auto;
		padding: 20px 20px;
	}

	.contact__social {
		height: 300px;
		padding: 0 12%;
	}

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

	.contact__company__title {
		font-size: 3rem;
		line-height: 4rem;
	}

	.contact__company {
		display: none;
	}

	.contact__accordion {
		display: flex;
	}

	.contact__cards--row {
		display: flex;
		flex-direction: column;
		width: 100%;
		padding: 3rem 4%;
	}

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

	.privacy--title {
		font-size: 4rem;
		line-height: 5rem;
		margin-bottom: 2rem;
	}

	.privacy--text {
		font-size: 1.8rem;
		line-height: 2.4rem;
	}

	.error__page--wrapper {
		display: flex;
		flex-direction: column;
	}

	.error__page--right {
		width: 100%;
		padding: 0 4%;
	}

	.error__page--left {
		width: 100%;
		margin-left: 0;
		padding: 0 4% 20px;
	}

	.error__page--title {
		font-size: 6rem;
		line-height: 8rem;
	}

	.error--shape {
		width: 70.49%;
		position: absolute;
		left: auto;
		top: 25%;
		transform: translateY(-50%);
		pointer-events: none;
		right: 0;
	}

	.news__box {
		width: 100%;
		height: 350px;
	}
	.news__box--desc {
		padding: 12rem 2rem 2rem;
	}

	.news__more--link {
		margin-left: 6px;
	}

	.global__map {
		padding-bottom: 0rem;
	}

	.sepValue--img {
		width: 50%;
		padding: 0px 20px;
	}

	.sepValue {
		padding: 4rem 0;
	}

	.sliding__logo {
		margin-bottom: 0rem;
	}

	.cluster {
		padding: 6rem 0 0rem;
	}

	.key__box strong {
		font-size: 4rem;
		line-height: 4rem;
	}

	.inverstors__intro {
		padding: 3rem 0 5rem;
	}

	.financial__program--title {
		font-size: 4rem;
		line-height: 5.2rem;
	}
	.program--text span {
		width: 100%;
	}

	.d_more {
		padding: 10rem 0 7rem 0;
		margin-top: 2rem;
	}

	.latest__ann--wrapper {
		display: flex;
		align-items: flex-start;
		flex-direction: column;
	}

	.latest__ann {
		padding: 6rem 0 6rem;
	}

	.latest__ann--left {
		width: 100%;
	}

	.latest__ann--desc {
		display: flex;
		width: 100%;
		margin-top: 5rem;
	}

	.annual__report--linkbtn {
		display: flex;
		gap: 0px;
		flex-direction: column;
	}

	.grey__link--title {
		font-size: 4rem;
		line-height: 5rem;
		margin-bottom: 4rem;
	}

	.grey__link--wrapper > div {
		width: 100%;
		margin-bottom: 2rem;
	}

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

	.grey__link--wrapper > div ul li {
		margin-bottom: 1rem;
	}

	.newslisting__wrapper--bot {
		display: flex;
		margin-top: 4px;
		flex-direction: column;
	}

	.contact__more {
		grid-template-columns: 100%;
	}

	.cluster .simpletext--left {
		font-size: 1.6rem;
		line-height: 2.4rem;
	}

	.ferney__grid--secondwhite--num {
		margin-bottom: 20px;
	}

	.map__wrapper {
		grid-template-columns: 100%;
	}

	.financial__bodytab--box-video {
		width: 100%;
		padding: 4rem 0rem;
	}

	.financial__bodytab--box-video--title {
		font-size: 2rem;
		line-height: 2.6rem;
		margin-bottom: 1rem;
		text-align: left;
	}

	.financial__bodytab--box-video--content {
		width: 100%;
	}

	.inv_wp {
		flex-direction: column;
	}

	.inv_wp_box {
		display: flex;
		flex-direction: column;
		gap: 15px;
		width: 100%;
	}

	.inv_wp_box_title {
		margin-bottom: 10px;
	}

	.inv_text_title {
		font-size: 3rem;
		line-height: 4rem;
		margin-bottom: 3rem;
	}

	.investors__graph {
		margin-top: 2rem;
	}

	.panelAccordion__slider.value-proposition {
		display: none;
	}

	/* h2 */
	.investors__facts--title h3,
	.imageAccordion.imageAccordion-about .imageAccordion--Title,
	.imageAccordion--Title,
	.aboutTimeline--wrapper-mainTitle,
	.bod__block--title,
	.susAccordion .imageAccordion--Title,
	.focusaccordion .imageAccordion--Title,
	.l-project .news__more--Title,
	.financial__report--title .vacancies--title {
		font-size: 4rem;
		line-height: 5rem;
	}

	/* h3 */
	.sliding__logo--title,
	.investors__graph--title,
	.exe_title .bod__block--title,
	.financial__calendar--title,
	.financial__program--title,
	.financial__newsletter--title,
	.annual__grid--title,
	.sus__video--title,
	.foundation--video--title,
	.contact__company__title {
		font-size: 3rem;
		line-height: 4rem;
	}

	.financial__headtab > span {
		font-size: 2.6rem;
	}

	.inner_video {
		height: 20vh;
		position: relative;
	}

	.investors__facts--date {
		font-size: 1.4rem;
	}

	.search_icon {
		position: absolute;
		right: 18%;
		top: 32px;
	}

	.header.header__scrollup .search_icon,
	.header__scrolldown .search_icon {
		position: absolute;
		right: 18%;
		top: 32px;
	}

	.search_icon a {
		width: 35px;
		height: 35px;
		display: block;
	}

	.search-popup-title {
		font-size: 4rem;
		line-height: 4rem;
	}

	.search-popup-content form {
		gap: 4rem;
		align-items: center;
		flex-direction: column;
	}

	.search-popup-content form .form-type-search {
		width: 100%;
	}

	.search-close {
		top: 5%;
		right: 5%;
	}

	.search_banner {
		height: 25rem;
		padding: 0 2rem 3rem;
	}

	.search_banner h1 {
		font-size: 3rem;
		line-height: 4rem;
	}

	.searchSection #block-ciel-content form .js-form-wrapper {
		display: flex;
		flex-direction: column;
	}

	.searchSection #block-ciel-content form .form-type-search {
		display: flex;
		flex-direction: column;
	}

	.searchSection #block-ciel-content form .form-type-search input {
		width: 100%;
		height: 3rem;
		border: 1px solid var(--cl--db);
		padding: 1rem;
		font-size: 1.6rem;
		font-weight: var(--regular);
		margin: 15px 0px 5px;
	}

	.custom-search-result h3 {
		font-size: 2.4rem;
		line-height: 3rem;
	}

	.annual__report--linkbtn a {
		width: 100%;
	}
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
	.cnt {
		width: 90%;
	}

	.Sticky__footer {
		min-height: calc(100vh - 33rem);
	}

	.footer {
		height: 33rem;
		margin-top: 5rem;
	}

	.footer__cnt {
		width: 90%;
	}

	.footer__top {
		padding: 2rem 0;
		margin-bottom: 1rem;
		align-items: flex-start;
		flex-direction: column;
	}

	.footer__link ul {
		font-size: 1.8rem;
		line-height: 2rem;
		flex-direction: column;
	}

	.footer__link li {
		margin: 0;
	}

	.footer__link {
		margin: 10px 0;
	}

	.footer__link a {
		font-size: 1.6rem;
		line-height: 2.2rem;
	}

	.footer__contact {
		font-size: 1.6rem;
		line-height: 2rem;
	}

	.footer__social li {
		width: 40px;
		height: 40px;
	}

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

	.footer__bottom {
		font-size: 1.6rem;
		margin-bottom: 1rem;
	}

	/* ! Homepage */
	.hero__text {
		width: 100%;
	}

	.hero__paragraph {
		font-size: 2rem;
		line-height: 3rem;
	}

	.hero__btn {
		margin-top: 2rem;
	}

	.homepage__about {
		height: auto;
		display: flex;
		flex-direction: column;
	}

	.homepage__about--left {
		width: 100%;
		height: auto;
		padding: 9rem 7.7916% 10%;
	}

	.animated__svg {
		width: 70%;
	}

	.homepage__about--desc h2 {
		font-size: 4rem;
		line-height: 5rem;
		margin-bottom: 2rem;
		width: 100%;
	}

	.homepage__about--desc p {
		font-size: 1.8rem;
		line-height: 2.8rem;
		width: 100%;
	}

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

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

	.homepage__about--top {
		height: auto;
		width: 100%;
		padding: 4rem 5%;
		justify-content: flex-start;
	}

	.homepageGrid__investor--title {
		font-size: 1.8rem;
		line-height: 2rem;
		margin-bottom: 3rem;
		flex-direction: column;
	}

	.homepageGrid__investor--title span {
		font-size: 6rem;
		line-height: 6rem;
	}

	.homepageGrid__investor--left span {
		font-size: 1.8rem;
		line-height: 2rem;
	}

	.homepageGrid__investor--left {
		font-size: 5rem;
		padding-right: 0;
		line-height: 5rem;
	}

	.homepageGrid__investor--right {
		font-size: 5rem;
		line-height: 5rem;
		padding: 0;
	}

	.homepageGrid__investor--right span {
		font-size: 1.8rem;
		line-height: 2rem;
	}

	.homepageGrid__investor {
		width: 100%;
		justify-content: center;
		flex-direction: column;
	}

	.homepageGrid__top--investors {
		margin: 0 auto;
	}

	.homepageGrid__investor--left::after {
		display: none;
	}

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

	.homepage__about--bottom {
		height: auto;
		width: 100%;
		flex-direction: row;
	}

	.homepage__about--shareprice {
		padding: 5rem 10%;
	}

	.homepage__shareprice strong {
		font-size: 6rem;
		line-height: 6.5rem;
	}

	.homepage__shareprice span {
		font-size: 3rem;
		line-height: 4rem;
	}

	.homepageGrid__sharetitle {
		font-size: 2rem;
		line-height: 3rem;
	}

	.homepage__about--bottom .homepage__about--bod {
		height: 400px;
		border-top: 1px solid #fff;
	}

	.global__map {
		overflow: hidden;
		position: relative;
	}

	.global__inner {
		position: inherit;
		width: 100%;
		height: 100%;
		padding: 8rem 0 20rem 0px;
		order: 1;
	}

	.global__map--images {
		order: 2;
		position: absolute;
		top: 0;
	}

	.global__inner .cnt__wrapper {
		width: 100%;
	}

	.global__inner--title {
		font-size: 3rem;
		line-height: 3.2rem;
		width: 50%;
	}

	.global__inner--bot {
		font-size: 1.8rem;
		line-height: 2.4rem;
		width: 60%;
	}

	.global__dot--listing {
		margin-top: 2rem;
		margin-bottom: 3rem;
	}

	.panelAccordion__slider {
		display: flex;
		padding: 5rem 0;
		position: relative;
		overflow: hidden;
	}

	.panelAccordion__slider--bg {
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}

	.imageAccordion {
		display: none;
	}

	.accordionImg--swiper .swiper-pagination {
		bottom: 10px;
		top: auto;
		left: 0;
		width: 100%;
	}

	.imageAccordion--Title {
		font-size: 5rem;
		line-height: 6rem;
	}

	.imageAccordion--mainTitle {
		flex-direction: column;
	}

	.imageAccordion--link .more--btn {
		margin-left: -11px;
	}

	.imageAccordion--link {
		display: flex;
		margin: 20px 0px;
	}

	.accordionImg--swiper {
		width: 100%;
		display: flex;
		margin-top: 2rem;
	}

	.panelSlide--img {
		width: 100%;
		position: relative;
	}

	.panelSlide--desc {
		position: absolute;
		width: 100%;
		bottom: 0;
		padding: 5%;

		color: #fff;
		font-weight: var(--medium);
		font-size: 3rem;
		background: rgba(0, 0, 0, 0.3);
	}

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

	.news__more--mainTitle {
		display: flex;
		flex-direction: column;
	}

	.news__more--Title {
		font-size: 5rem;
		line-height: 6rem;
	}

	.news__more--link .more--btn {
		margin-left: -11px;
		margin-top: 10px;
	}

	.news__wrapper {
		margin-top: 3.5rem;
	}

	.news__wrapper .swiper-pagination {
		bottom: -25px;
		top: auto;
		left: 0;
		width: 100%;
	}

	.swiper-pagination-bullet {
		width: 10px;
		height: 10px;
		background: var(--cl-lb);
	}

	.news__more {
		padding: 6rem 0 0 0;
	}

	.hero {
		height: 50vh;
	}

	.hero__paragraph h1 {
		font-size: 3.8rem;
		line-height: 5rem;
	}

	.separator__quote {
		padding: 3rem 0 0rem;
	}

	.separator__quote li {
		font-size: 2.4rem;
		line-height: 2.4rem;
		padding: 0 3rem;
	}

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

	.bod__block--title {
		font-size: 4rem;
		line-height: 5rem;
		margin-bottom: 3rem;
	}

	.d_more--title {
		font-size: 4rem;
		line-height: 5rem;
		margin-bottom: 3rem;
	}

	.d_more--overlay {
		top: 5%;
		left: -30%;
	}

	.d_more--wrapper .swiper-pagination {
		bottom: -25px;
		top: auto;
		left: 0;
		width: 100%;
	}

	.separtor__blue--text {
		font-size: 2.2rem;
		line-height: 3rem;
	}

	.imageAccordion.imageAccordion-about .imageAccordion--Title {
		color: var(--cl--db);
	}

	.imageAccordion.imageAccordion-about .imageAccordion--link .more--btn {
		color: var(--cl--db);
	}

	.imageAccordion.imageAccordion-about
		.imageAccordion--link
		.more--btn
		.circle
		svg {
		stroke: var(--cl--db);
	}

	.imageAccordion.imageAccordion-about
		.imageAccordion--link
		.more--btn
		.another-circle {
		stroke: var(--cl--db);
	}

	.imageAccordion.imageAccordion-about .imageAccordion--Title {
		font-size: 5rem;
		line-height: 6rem;
	}

	.imageAccordion.imageAccordion-about
		.accordionImg--swiper
		.swiper-pagination {
		bottom: -25px;
	}

	.bod__gallery--item--name {
		font-size: 1.8rem;
		line-height: 2.4rem;
	}

	.aboutTimeline {
		margin-top: 4rem;
		flex-direction: column;
	}

	.aboutTimeline > div {
		width: 100%;
	}

	.aboutTimeline .aboutTimeline--left {
		height: 400px;
	}

	.a_timeline--title {
		font-size: 4rem;
		line-height: 5rem;
		margin-bottom: 2rem;
	}

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

	.aboutTimeline .aboutTimeline--right {
		height: auto;
	}

	.a_timeline--info {
		padding: 15% 12% 20%;
	}

	.panelAccordion__slider.panelAccordionAbout__slider {
		padding-bottom: 0;
	}

	.imageAccordion.imageAccordion-about {
		display: flex;
	}

	.imageAccordion.imageAccordion-about .accordionImg {
		display: none;
	}

	.imageAccordion.imageAccordion-about .accordionImg--swiper {
		display: flex;
	}

	.sliding__logo {
		margin-top: 5rem;
	}

	.corporate-banner .hero__text {
		width: 100%;
	}

	.financial__report--desc {
		display: flex;
		align-items: flex-start;
		flex-direction: column;
	}

	.financial__report--title {
		font-size: 4rem;
		line-height: 5rem;
	}

	.financial__report--btn {
		margin-left: 0px;
		margin-top: 15px;
	}

	.financial__report--wrapper {
		display: flex;
		margin-top: 5rem;
		flex-direction: column;
	}

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

	.financial__bodytab {
		margin-top: 30px;
		width: 100%;
		margin-left: 0;
	}

	.financial__bodytab--box--inner {
		display: flex;
		justify-content: flex-start;
		width: 100%;
		flex-direction: column;
	}

	.financial__bodytab--box--child {
		display: flex;
		flex-direction: column;
		width: 100%;
		padding-left: 0;
		margin-bottom: 20px;
	}

	.financial__bodytab--box--child:last-child {
		margin-bottom: 0px;
	}

	.box-child--arrow {
		width: 35px;
		height: 35px;
		position: absolute;
		left: 0;
	}

	.financial__bodytab--box--child li {
		margin-bottom: 3rem;
		padding-left: 50px;
	}

	.financial__bodytab--box--child li:last-child {
		margin-bottom: 0px;
	}

	.financial__bodytab--box--child > span {
		height: auto;
		font-size: 2rem;
		line-height: 2.5rem;
		margin-bottom: 2rem;
	}

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

	.financial__calendar {
		padding: 4rem 0;
	}

	.financial__calendar--list {
		margin-top: 3rem;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.financial__calendar--list li {
		padding-left: 32px;
		width: 100%;
		margin-bottom: 25px;
	}

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

	.financial__newsletter {
		margin-top: 5px;
		height: 475px;
		padding: 5rem 0;
	}

	.financial__newsletter--title {
		font-size: 2.4rem;
		line-height: 3rem;
	}

	.financial__newsletter--form .js-form-item {
		max-width: 340px;
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}

	.financial__newsletter--form {
		display: flex;
		width: 100%;
		position: relative;
		margin-top: 1rem;
	}

	.programswiper .swiper-button-prev {
		left: auto;
		right: 45px;
	}

	.programswiper .swiper-button-next,
	.programswiper .swiper-button-prev {
		top: 23px;
	}

	.program-icn {
		width: 35px;
		height: 35px;
		margin-right: 15px;
	}

	.financial__program {
		padding: 5rem 0 0rem;
	}

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

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

	.annoucement__year--box {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		gap: 20px;
		justify-content: center;
	}

	.annoucement__tab--content {
		display: flex;
		width: 100%;
		margin-left: auto;
		flex-wrap: wrap;
		gap: 0;
		height: 100%;
		padding: 20px 0;
		overflow: scroll;
	}

	.annoucement__year--content--box {
		width: 100%;
		margin-bottom: 25px;
	}

	.annoucement__right {
		width: 100%;
		height: auto;
	}

	.annoucement__year--content--box a .icnbox {
		width: 35px;
		height: 35px;
		margin-right: 15px;
	}

	.annoucement__year--content--box a {
		display: flex;
		font-size: 1.5rem;
		line-height: 1.8rem;
	}

	.annoucement__title {
		color: #fff;
		font-size: 3rem;
		line-height: 4rem;
	}

	.annoucement {
		padding: 5rem 0 3rem;
	}

	.annual__report--shape {
		width: 110%;
		top: -25px;
	}

	.annual__report--shape img {
		width: 100%;
	}

	.grey__link .cnt__wrapper {
		flex-direction: row;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.grey__link .link-text {
		width: 80%;
	}

	.grey__link a {
		margin-bottom: 22px;
		font-size: 1.8rem;
		line-height: 2rem;
		width: 100%;
	}

	.annual__grid--form {
		grid-gap: 0;
		margin-top: 4px;
		display: flex;
		flex-direction: column;
	}

	.annual__form--grid-element-1 {
		height: 300px;
		width: 100%;
	}

	.annual__form--grid-element-2 {
		padding: 6rem 2rem 4rem;
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: column;
	}

	.annual__form--grid-element-2--form form > div {
		width: 100%;
		margin-bottom: 3rem;
	}

	.annual__form--grid-element-1 a {
		height: 100%;
		width: 100%;
		display: flex;
		padding: 6rem 2rem 2rem;
		align-items: flex-end;
		flex-direction: column;
	}

	.el-text {
		font-size: 3rem;
		line-height: 4rem;
	}

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

	.annual__grid--title {
		font-size: 4rem;
		line-height: 4rem;
		margin-bottom: 5rem;
	}

	.annual__grid--item a span {
		width: 30px;
		height: 30px;
		position: absolute;
		right: 10px;
		top: 10px;
	}

	.annual__report--banner {
		padding-top: 13rem;
		position: relative;
		overflow: hidden;
	}

	.annual__report--banner--title {
		font-size: 4rem;
		line-height: 5rem;
	}

	.annual__report--banner--text {
		font-size: 2rem;
		line-height: 2.8rem;
	}

	.annual__report--banner--desc {
		margin-bottom: 7rem;
		width: 100%;
	}

	.report--linkbt--title {
		font-size: 1.6rem;
		font-weight: bold;
		color: var(--cl-lb);
		line-height: 1.6rem;
		width: 30%;
	}

	.simpletext {
		padding: 12.8rem 0 3rem 0;
		font-size: 2rem;
		line-height: 2.8rem;
	}

	.simpletext .cnt__wrapper {
		width: 100%;
	}

	.hero__img--bodshape {
		width: 95%;
	}

	.com_board {
		margin-top: 10rem;
	}

	.com_board__wrapper {
		display: flex;
		flex-direction: column;
	}

	.com_board__wrapper > div {
		width: 100%;
	}

	.com_board--left {
		padding: 5rem 2rem;
	}

	.com_board--left--title {
		font-size: 4rem;
		line-height: 5rem;
		margin-bottom: 2.5rem;
	}

	.com_board--left--text {
		font-size: 1.8rem;
		line-height: 2.4rem;
	}

	.com_board--right {
		padding: 5rem 2rem;
	}

	.com_board--right--b > span {
		font-size: 2rem;
		line-height: 2.4rem;
		width: 100%;
		margin-bottom: 2rem;
	}

	.com_board--right--b li {
		margin-bottom: 1rem;
	}

	.com_board--right--b a {
		font-size: 1.6rem;
		line-height: 2rem;
		margin-top: 2rem;
		margin-bottom: 4rem;
	}

	.com_doc {
		padding: 5rem 0;
	}

	.com_doc .cnt__wrapper {
		flex-direction: column;
		padding: 0;
	}

	.com_doc--left {
		width: 100%;
	}

	.com_doc--right {
		width: 100%;
		margin-top: 5rem;
	}

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

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

	.com_sep__wrapper {
		gap: 20px;
		flex-direction: column;
	}

	.com_sep {
		padding: 20px 2rem;
	}

	.com_sep__wrapper a {
		font-size: 1.8rem;
		line-height: 2.4rem;
	}

	.hero__img--comitshape {
		width: 155%;
		bottom: 7%;
	}

	.sus-report .cnt__wrapper {
		flex-direction: column;
		align-items: flex-start;
	}

	.sus-report--title {
		font-size: 4rem;
		line-height: 4.3rem;
		width: 100%;
	}

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

	.sus-report--wrapper {
		width: 100%;
		border: 2px solid var(--cl--db);
		margin-left: auto;
		height: 90px;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		margin-top: 30px;
	}

	.sus-report--text {
		font-weight: var(--light);
		font-size: 2rem;
		line-height: 3rem;
	}

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

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

	.sus-btn {
		display: flex;
		margin-top: 20px;
	}

	.sus-btn svg {
		width: 35px;
	}

	.susAccordion {
		padding: 10rem 0;
	}

	.susAccordion .imageAccordion--Title {
		font-size: 5rem;
		line-height: 6rem;
	}

	.susAccordion--btn {
		margin: 10px;
		margin-left: -10px;
		margin-bottom: 20px;
	}

	.susAccordion .imageAccordion--mainTitle {
		align-items: flex-start;
	}

	.susAccordionSlider--wrapper {
		position: relative;
	}

	.susAccordionSlider--wrapper .swiper-pagination {
		bottom: -25px;
		top: auto;
		left: 0;
		width: 100%;
	}

	.sus__dev--title {
		font-size: 4rem;
		line-height: 5rem;
	}

	.sus__dev--text {
		font-size: 1.8rem;
		line-height: 2.4rem;
	}

	.sus__dev--grid {
		display: flex;
		grid-template-columns: inherit;
		grid-gap: 0;
		margin-top: 4rem;
		flex-direction: column;
	}

	.sus__dev--gridleft {
		height: auto;
		padding: 2rem 2rem;
	}

	.sus__dev--grid--text {
		font-size: 1.8rem;
		line-height: 2.4rem;
		margin-top: 1rem;
		margin-bottom: 1.5rem;
	}

	.sus__dev--grid--images {
		flex-direction: column;
	}

	.sus__dev--gridright {
		height: auto;
		padding: 2rem 2rem;
	}

	.ferney {
		padding: 3rem 0 5rem 0;
	}

	.ferney__wrapper {
		display: flex;
		width: 100%;
		align-items: flex-start;
		flex-direction: column;
	}

	.ferney__left {
		width: 100%;
	}

	.ferney__right {
		width: 100%;
		height: 300px;
	}

	.ferney__title {
		width: 200px;
	}

	.ferney__title img {
		width: 100%;
	}

	.ferney__text {
		font-size: 2rem;
		line-height: 2.8rem;
		margin-top: 1.5rem;
		width: 100%;
	}

	.ferney__grid {
		width: 100%;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		gap: 0;
	}

	.ferney__grid > div {
		max-width: 384px;
		width: 50%;
		padding: 0rem 4rem 0 !important;
	}

	.ferney__grid--yellow {
		order: 6;
	}

	.sus__video {
		padding: 3rem 0 5rem 0;
	}

	.sus__video--wrapper {
		display: flex;
		width: 100%;
		margin-left: 0;
		align-items: flex-start;
		flex-direction: column;
	}

	.sus__video--left {
		width: 100%;
		padding: 0 4%;
	}

	.sus__video--title {
		font-size: 4rem;
		line-height: 5rem;
	}

	.sus__video--text {
		font-size: 2rem;
		line-height: 2.8rem;
	}

	.sus__video--btn .more--btn {
		font-size: 1.8rem;
		line-height: 2rem;
	}

	.sus__video--right {
		width: 100%;
		display: flex;
		gap: 2px;
		margin-top: 4rem;
	}

	.susAccordionSlider.susAccordion {
		display: flex;
	}

	.foundation__wrapper {
		display: flex;
		flex-direction: column;
	}

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

	.foundation--top {
		padding-top: 0;
	}

	.foundation__img {
		max-width: 270px;
	}

	.foundation--title {
		font-size: 2.4rem;
		margin-top: 2rem;
	}

	.foundation--text {
		font-size: 2rem;
		line-height: 2.4rem;
		margin-top: 2rem;
	}

	.foundation--bot {
		padding-left: 0;
	}

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

	.foundation__grid > div {
		width: 50%;
		height: 200px;
		padding: 3rem !important;
	}

	.f-num-lg {
		font-size: 6.5rem;
		line-height: 5rem;
	}

	.fgrid-white-num {
		font-size: 6.5rem;
		line-height: 5rem;
	}

	.fgrid-lightblue-num {
		margin-top: 3.5rem;
		font-size: 6.5rem;
		line-height: 5rem;
	}

	.fgrid-yellow-num {
		margin-top: 2.5rem;
		font-size: 6.5rem;
		line-height: 5rem;
	}

	.foundation__right {
		width: 100%;
		display: flex;
		margin-left: auto;
		gap: 2px;
		height: 400px;
	}

	.focusarea--boxes {
		margin-top: 3rem;
		justify-content: space-between;
		flex-direction: row;
		flex-wrap: wrap;
	}

	.focusarea--boxnum {
		font-weight: var(--bold);
		font-size: 3.8rem;
		line-height: 5rem;
	}

	.panelAccordion__slider.focusaccordionslider .panelSlide--desc {
		position: inherit;
		width: 100%;
		bottom: inherit;
		color: var(--cl--db);
		font-size: 3rem;
		line-height: 3.2rem;
		background: transparent;
		padding: 2% 0;
		margin-top: 20px;
	}
	.panelAccordion__slider.focusaccordionslider .panelSlide--text {
		font-weight: var(--regular);
		font-size: 1.8rem;
		line-height: 2.4rem;
		color: var(--grey--cl);
		padding: 2% 0%;
	}

	.panelAccordion__slider.focusaccordionslider
		.accordionImg--swiper
		.swiper-pagination {
		bottom: 0px;
	}

	.foundation--video {
		padding: 4rem 0;
	}

	.foundation--video-top {
		display: flex;
		width: 100%;
		flex-direction: column;
	}

	.foundation--video-left {
		width: 100%;
		padding: 0 4%;
	}

	.foundation--video--title {
		font-size: 3rem;
		line-height: 4rem;
		margin-bottom: 2rem;
	}

	.foundation--video--text {
		font-size: 1.8rem;
		line-height: 2.4rem;
	}

	.foundation--video--right {
		width: 100%;
		margin-top: 30px;
	}

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

	.f-banner-left {
		background: var(--cl-y);
		display: flex;
		flex-direction: column;
		width: 100%;
		padding: 4rem 10% 4% 8%;
	}

	.f-banner--text {
		font-size: 1.8rem;
		line-height: 2.8rem;
		margin-top: 3rem;
		margin-bottom: 3rem;
	}

	.f-banner-right {
		width: 100%;
	}

	.l-project--Title {
		font-size: 4rem;
		line-height: 5rem;
	}

	.l-project--mainTitle {
		display: flex;
		flex-direction: column;
	}

	.l-project--link .more--btn {
		font-size: 1.5rem;
		margin-left: -11px;
		margin-top: 2rem;
	}

	.l-project--inner {
		width: 100%;
		height: 100%;
		position: relative;
		display: flex;
		background: rgba(127, 187, 77, 0.4);
		align-items: center;
		flex-direction: column;
	}

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

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

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

	.l-project--btn .p-svg {
		width: 30px;
		height: 30px;
	}

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

	.vacancies--title {
		font-size: 4rem;
		line-height: 5.8rem;
	}

	.vacancies--box--title {
		font-size: 2.2rem;
		line-height: 2.4rem;
		margin-bottom: 15px;
		padding-right: 50px;
	}

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

	.vacancies--box--location {
		display: flex;
		margin-left: 0;
		align-items: center;
		margin-top: 9px;
	}

	.vacancies--box--top {
		width: 100%;
		padding-right: 0;
	}

	.vacancies--box--btn {
		width: 36px;
		height: 36px;
		position: absolute;
		right: 0;
		top: -5px;
		transform: none;
	}

	.vacancies--box--cluster {
		flex-direction: column;
	}

	.vacancies--box--cluster span::after {
		display: none;
	}

	.vacancies--bot {
		grid-gap: 1%;
	}

	.vacancies--modal--cnt {
		flex-direction: column;
		overflow: auto;
		padding: 7rem 6%;
	}

	.modal-close {
		top: 10px;
		width: 35px;
		height: 35px;
		left: auto;
		right: 10px;
	}

	.vacancies--modal--left {
		width: 100%;
		display: flex;
		flex-direction: column;
	}

	.vacancies--modal--right {
		width: 100%;
		margin-left: 0;
	}

	.vacancies--modal--left {
		flex-direction: column;
	}

	.vacancies--modal--left--cluster span::after {
		display: none;
	}

	.vacancies--modal--left--bot {
		display: flex;
		margin-top: 2rem;
		margin-bottom: 4rem;
		flex-direction: column;
		width: 100%;
	}

	.vacancies--modal--left--bot .vacancies--box--text {
		width: 80%;
		display: flex;
		align-items: center;
		gap: 20px;
	}

	.vacancies--modal {
		flex-direction: column;
	}

	.vacancies--modal--left--cluster {
		display: flex;
		flex-direction: column;
		margin-top: 17px;
	}

	.careers__testimonials--wp {
		width: 100%;
		display: flex;
		gap: 0;
		height: auto;
		flex-direction: column;
	}

	.careers__left {
		height: auto;
		width: 100%;
		padding: 5% 7%;
	}

	.careers__left--desc {
		font-size: 1.8rem;
		line-height: 2.8rem;
		letter-spacing: -2px;
		margin-bottom: 25px;
	}

	.careers__left--btn a {
		font-size: 1.8rem;
		line-height: 2.4rem;
		margin-bottom: 20px;
	}

	.careers__left--btn svg {
		width: 35px;
	}

	.careers__right {
		height: auto;
		width: 100%;
	}

	.careers__testimonials--box {
		background-image: none;
		display: flex;
		flex-direction: column;
	}

	.careers__testimonials--box img {
		width: 100%;
		display: block;
	}

	.careers__testimonials--box--text {
		font-size: 1.6rem;
		line-height: 2.4rem;
	}

	.video__intro {
		padding: 5rem 0;
	}

	.video__intro__wrapper {
		display: flex;
		align-items: flex-start;
		flex-direction: column;
	}

	.video__intro__desc {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
		margin-bottom: 30px;
	}

	.video__intro__title {
		font-size: 4rem;
		line-height: 5rem;
		margin-bottom: 2rem;
	}

	.video__intro__paragraph {
		font-size: 2rem;
		line-height: 2.8rem;
	}

	.video__intro__video {
		width: 100%;
	}

	.notvideo__intro--wrapper {
		display: flex;
		align-items: flex-start;
		flex-direction: column;
		margin-top: 5rem;
	}

	.notvideo__intro--left {
		width: 100%;
		padding-left: 0;
		order: 2;
		margin-top: 2rem;
	}

	.notvideo__intro--right {
		width: 100%;
		margin-left: 0;
		padding-right: 0;
		order: 1;
	}

	.notvideo__intro--title {
		font-size: 4rem;
		line-height: 5rem;
		margin-bottom: 2rem;
	}

	.notvideo__intro--text {
		font-size: 2rem;
	}

	.life--slider--title {
		font-size: 3.4rem;
		line-height: 4rem;
	}

	.life--slider--text {
		font-size: 2.4rem;
		line-height: 2.8rem;
		width: 100%;
		margin-top: 2rem;
	}

	.lifebox {
		height: 300px;
		display: flex;
		background-size: cover;
	}

	.life--slider {
		padding: 0rem;
	}

	.lifebox__desc {
		opacity: 1;
		visibility: visible;
		height: 120px;
	}

	.lifebox a {
		height: auto;
		width: 100%;
		display: flex;
		align-items: flex-end;
	}

	.lifebox__desc .d-name {
		font-size: 1.8rem;
		line-height: 2rem;
	}

	.lifebox__desc .d-title {
		font-size: 1.4rem;
		line-height: 1.8rem;
	}

	.newslisting__item--desc {
		position: inherit;
		padding: 25px 4% 20px;
	}

	.newslisting__item--title {
		font-size: 2rem;
		line-height: 2.4rem;
		width: 100%;
	}

	.corporate__news {
		padding: 12% 4% 8%;
	}

	.newslisting__newletter {
		height: auto;
		background: var(--cl-y);
		display: flex;
		padding: 5rem 4%;
		align-items: flex-start;
		flex-direction: column;
	}

	.newsletter__form {
		margin-left: 0;
		margin-top: 20px;
		width: 100%;
	}

	.newslisting__newletter--title {
		width: 100%;
	}

	.newslisting__newletter--btn {
		height: 100%;
		display: flex;
		align-items: center;
		padding: 0;
		justify-content: center;
	}

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

	.hero__news--innerdetails {
		display: flex;
		width: 100%;
		margin-top: 0;
		flex-direction: column;
	}

	.hero__news--info--title {
		font-size: 3rem;
		line-height: 4rem;
	}

	.hero__news--desc {
		width: 100%;
		display: flex;
		flex-direction: column;
		padding: 5rem 0rem 3rem 0rem;
	}

	.hero__news--wrapper {
		height: 100%;
		padding-right: 0;
	}

	.hero__news--assets {
		width: 100%;
	}

	.hero__news {
		padding-top: 13rem;
		height: auto;
	}

	.newsdetails {
		padding-bottom: 2rem;
		padding-top: 4rem;
	}

	.newdetails--textcontent {
		font-size: 1.8rem;
		line-height: 2.4rem;
	}

	.newsdetails .cnt__wrapper {
		padding: 0;
	}

	.newsdetails__inner {
		display: flex;
		align-items: flex-start;
		margin-bottom: 5rem;
		flex-direction: column;
	}

	.newsdetails__img {
		width: 100%;
	}

	.newsdetails__img-text {
		width: 100%;
		font-size: 1.8rem;
		line-height: 2.4rem;
		padding: 0;
		margin-top: 20px;
	}

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

	.map__left {
		padding: 4rem 7%;
	}

	.map__right {
		height: 300px;
	}

	.contact__inv {
		background: var(--cl--db);
		height: auto;
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding: 5rem 10px;
		font-weight: var(--bold);
		font-size: 1.8rem;
		line-height: 2rem;
		color: #fff;
	}

	.contact__whisteleblowing {
		height: 100%;
		padding: 23px 20px;
	}

	.contact__social {
		height: 300px;
		padding: 0 12%;
	}

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

	.contact__company__title {
		font-size: 3rem;
		line-height: 4rem;
	}

	.contact__company {
		display: none;
	}

	.contact__accordion {
		display: flex;
	}

	.contact__cards--row {
		display: flex;
		flex-direction: column;
		width: 100%;
		padding: 3rem 4%;
	}

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

	.privacy--title {
		font-size: 4rem;
		line-height: 5rem;
		margin-bottom: 2rem;
	}

	.privacy--text {
		font-size: 1.8rem;
		line-height: 2.4rem;
	}

	.error__page--wrapper {
		display: flex;
		flex-direction: column;
	}

	.error__page--right {
		width: 100%;
		padding: 0 4%;
	}

	.error__page--left {
		width: 100%;
		margin-left: 0;
		padding: 0 4% 20px;
	}

	.error__page--title {
		font-size: 6rem;
		line-height: 8rem;
	}
	.error--shape {
		width: 70.49%;
		position: absolute;
		left: auto;
		top: 25%;
		transform: translateY(-50%);
		pointer-events: none;
		right: 0;
	}

	.aboutTimeline--wrapper-mainTitle {
		font-size: 5rem;
		line-height: 6rem;
		margin-bottom: 3rem;
	}

	.sepValue--img {
		width: 35%;
		padding: 0 20px;
	}

	.cluster__info--right {
		width: 45%;
	}
	.cluster__info--left {
		width: 60%;
	}
	.cluster__info--panel-one {
		width: 20%;
		min-width: inherit;
		max-width: inherit;
	}
	.cluster__info--panel-two {
		width: 70%;
	}
	.cluster__info--panel-three {
		width: 10%;
		min-width: inherit;
		max-width: inherit;
	}

	.facts__tab--nav {
		margin-left: auto;
	}

	.facts__tabs--row > div {
		width: 50%;
		height: 200px;
	}

	#tab1 .facts__tabs--row > div:nth-child(4),
	#tab2 .facts__tabs--row > div:nth-child(4) {
		display: none;
	}

	.investors__svg {
		position: absolute;
		width: 100%;
		top: -45px;
		right: 0%;
		z-index: -1;
	}

	.shareprice-title {
		font-size: 1.8rem;
		margin-bottom: 0rem;
	}
	.shareprice-price {
		font-weight: var(--bold);
		font-size: 4rem;
	}

	.shareprice-semdex {
		font-size: 1.8rem;
		margin-top: 0;
	}

	.tabs-editda--title {
		font-size: 1.8rem;
		margin-top: 10px;
		margin-bottom: 1rem;
		height: 45px;
	}

	.shareprice-global {
		font-weight: var(--bold);
		font-size: 4rem;
	}

	.tabs-lead {
		padding: 2rem 2rem;
		font-size: 1.6rem;
	}

	.investors__graph {
		padding: 5rem 0 5rem;
	}

	.investors__graph .cnt__wrapper {
		justify-content: space-between;
		flex-direction: column;
	}

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

	.investors__graph--title {
		font-size: 3rem;
		line-height: 3.6rem;
	}

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

	.investors__graph--right {
		width: 100%;
		margin-top: 4rem;
	}

	.ig-charts-desc {
		display: flex;
		align-items: center;
		margin: 20px 0;
	}

	.investor__more .cnt__wrapper {
		align-items: center;
		flex-direction: row;
		justify-content: flex-start;
		flex-wrap: wrap;
		gap: 25px;
	}

	.annual__report--linkbtn {
		display: flex;
		gap: 3%;
		flex-direction: column;
	}

	.grey__link--title {
		font-size: 4rem;
		line-height: 5rem;
		margin-bottom: 4rem;
	}

	.grey__link--wrapper > div {
		width: 100%;
		margin-bottom: 2rem;
	}

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

	.grey__link--wrapper > div ul li {
		margin-bottom: 1rem;
	}

	.simpletext--right {
		z-index: -1;
		position: absolute;
		left: -32%;
		width: 60%;
		opacity: 0.5;
		top: -13%;
	}

	.contact__more {
		grid-template-columns: 100%;
	}

	.map__wrapper {
		grid-template-columns: 100%;
	}

	.financial__bodytab--box-video {
		width: 100%;
		padding: 7rem 5rem;
	}

	.inv_text_title {
		font-size: 3rem;
		line-height: 4rem;
	}

	.inv_wp_box {
		display: flex;
		flex-direction: column;
		gap: 20px;
		width: 50%;
		padding: 0px 20px;
		margin-bottom: 30px;
	}

	.inv_wp {
		display: flex;
		gap: 0px;
		flex-wrap: wrap;
	}

	.investors__graph {
		padding-bottom: 10rem;
		margin-top: 20rem;
	}

	/* h2 */
	.investors__facts--title h3,
	.imageAccordion.imageAccordion-about .imageAccordion--Title,
	.imageAccordion--Title,
	.aboutTimeline--wrapper-mainTitle,
	.bod__block--title,
	.susAccordion .imageAccordion--Title,
	.focusaccordion .imageAccordion--Title,
	.l-project .news__more--Title,
	.financial__report--title,
	.vacancies--title {
		font-size: 4rem;
		line-height: 5rem;
	}

	/* h3 */
	.sliding__logo--title,
	.investors__graph--title,
	.exe_title .bod__block--title,
	.financial__calendar--title,
	.financial__program--title,
	.financial__newsletter--title,
	.annual__grid--title,
	.sus__video--title,
	.foundation--video--title,
	.contact__company__title {
		font-size: 3rem;
		line-height: 4rem;
	}

	.sliding__logo--wrapper .swiper-button-next,
	.sliding__logo--wrapper .swiper-button-prev {
		position: absolute;
		top: -15px;
		width: 30px;
		height: 30px;
	}

	.search_icon {
		position: absolute;
		right: 10%;
		top: 33%;
	}

	.header.header__scrollup .search_icon,
	.header__scrolldown .search_icon {
		position: absolute;
		right: 10%;
		top: 33%;
	}

	.search_icon a {
		width: 35px;
		height: 35px;
		display: block;
	}

	.custom-search-result h3 {
		font-size: 2.4rem;
		line-height: 3rem;
	}

	.annual__report--linkbtn a {
		width: 100%;
	}
}

@media screen and (min-width: 1024px) and (max-width: 1183px) {
	html {
		font-size: 57.5%;
	}

	.cnt__1480 {
		width: 90%;
	}

	.header__nav > ul > li {
		padding: 0 1.5rem;
	}

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

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

	.sub-nav > li > a {
		font-size: 1.4rem;
	}

	.header__logo {
		width: 80px;
	}

	.header__cnt {
		width: 90%;
	}

	.cnt__1630 {
		max-width: 163rem;
		width: 90%;
	}

	.footer__cnt {
		width: 90%;
	}

	.footer__contact {
		font-size: 1.8rem;
		line-height: 2.4rem;
	}

	.footer__bottom {
		font-size: 1.8rem;
	}

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

	.hero__text {
		margin-bottom: 8%;
	}

	.homepage__about--desc h2 {
		font-size: 4rem;
		line-height: 6rem;
		margin-bottom: 2rem;
		width: 70%;
	}

	.homepage__about--desc p {
		font-size: 1.8rem;
		line-height: 2.8rem;
	}

	.homepageGrid__investor--title span {
		font-size: 7rem;
		line-height: 6rem;
	}

	.homepageGrid__investor--left {
		font-size: 5rem;
		padding-top: 0rem;
		padding-bottom: 0rem;
	}

	.homepageGrid__investor--title {
		font-size: 3rem;
		line-height: 4rem;
		margin-bottom: 2rem;
	}

	.homepageGrid__investor--right {
		font-size: 6rem;
	}

	.homepage__about--shareprice {
		padding: 0 3%;
	}

	.homepage__shareprice strong {
		font-size: 7rem;
		line-height: 5.5rem;
	}

	.homepage__shareprice span {
		font-size: 3rem;
		line-height: 5rem;
	}

	.global__map {
		padding-bottom: 5rem;
	}

	.global__inner--bot {
		font-size: 1.8rem;
		line-height: 2rem;
		margin-top: 3rem;
	}

	.imageAccordion--Title {
		font-size: 6rem;
		line-height: 8rem;
	}

	.news__more--Title {
		font-size: 6rem;
		line-height: 8rem;
	}

	.news__box--title {
		font-size: 1.4rem;
		line-height: 1.8rem;
	}

	.news__box--desc {
		padding: 13rem 2rem 2rem;
	}

	.news__box--date {
		left: -30%;
		bottom: 35%;
	}

	.news__box--btn .btn__arrow {
		font-size: 1.4rem;
		line-height: 1.4rem;
	}

	.news__more {
		padding: 5rem 0 0 0;
	}

	.panelImg__title {
		font-size: 4rem;
	}

	.panelImg__text {
		font-size: 1.8rem;
		line-height: 3rem;
	}

	.news__box {
		width: 100%;
		height: 275px;
	}

	.homepage__about--left {
		width: 50%;
		height: 100%;
		padding: 0 5.7916%;
		padding-bottom: 4%;
	}

	.news__box--date {
		top: -25px;
		left: 0;
		bottom: auto;
		transform: none;
	}

	.imageAccordion {
		padding: 10rem 0 4rem;
	}

	.hero__paragraph {
		font-size: 2.2rem;
		line-height: 3rem;
	}

	.investors__facts {
		padding: 5rem 0 5rem;
	}

	.imageAccordion.imageAccordion--inner {
		padding: 5rem 0;
	}

	.investors__intro--title {
		font-size: 4.5rem;
		line-height: 5.5rem;
		margin-bottom: 2rem;
	}

	.investors__intro--desc {
		font-size: 1.8rem;
		line-height: 2.2rem;
		margin-bottom: 5rem;
	}

	.investors__intro--bottom {
		font-size: 1.8rem;
		line-height: 2.2rem;
		margin-bottom: 4rem;
	}

	.investors__facts .cnt__1480 {
		width: 85%;
	}

	.shareprice-price {
		font-size: 4rem;
	}

	.shareprice-global {
		font-weight: var(--bold);
		font-size: 4rem;
	}

	.imageAccordion.imageAccordion-about .imageAccordion--Title {
		font-size: 6rem;
		line-height: 8rem;
	}

	.separator__quote li {
		font-size: 2.6rem;
		line-height: 3rem;
		padding: 0 4rem;
	}

	.bod__block--title {
		font-size: 4rem;
		line-height: 5rem;
		margin-bottom: 3rem;
	}

	.bod__gallery--item--name {
		font-size: 1.8rem;
		line-height: 2.4rem;
	}

	.bod__gallery--item--position {
		font-size: 1.6rem;
		line-height: 2rem;
	}

	.d_more--overlay {
		top: -12%;
		left: -22%;
		width: 80%;
	}

	.d_more--title {
		font-size: 6rem;
		line-height: 8rem;
	}

	.simpletext {
		padding: 8.8rem 0 5rem 0;
	}

	.com_board--left--title {
		font-size: 4.2rem;
		line-height: 5rem;
		margin-bottom: 2.5rem;
	}

	.com_board--left {
		padding: 8.5rem 3% 10rem 3%;
	}

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

	.com_board--right--b > span {
		font-size: 2rem;
		line-height: 2.4rem;
		margin-bottom: 2rem;
	}

	.com_board--right--b li {
		font-size: 1.5rem;
		line-height: 2rem;
		margin-bottom: 2rem;
	}

	.map__left {
		padding: 3rem 6%;
	}

	.map__title {
		font-size: 3rem;
		line-height: 3rem;
		margin-bottom: 2rem;
	}

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

	.contact__company__title {
		font-size: 5rem;
		line-height: 6rem;
	}

	.contact__company--list li {
		margin-bottom: 2.5rem;
	}

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

	.contact__card--title {
		font-size: 2rem;
		line-height: 2.4rem;
	}

	.contact__inv__title {
		font-size: 3rem;
		line-height: 4rem;
		margin-bottom: 3rem;
	}

	.contact__inv {
		height: 350px;
		font-size: 1.8rem;
		line-height: 2rem;

		padding: 0 8%;
	}

	.contact__whisteleblowing {
		height: 350px;
	}

	.contact__social {
		height: 350px;
	}

	.map__right {
		height: 100%;
	}

	.contact__whisteleblowing a {
		font-size: 1.8rem;
		line-height: 2rem;
	}

	.contact__company--list li {
		font-size: 2rem;
	}

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

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

	.contact__svg {
		width: 50%;
		right: 5%;
		bottom: auto;
		top: -40%;
	}

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

	.annual__report--shape {
		width: 120%;
		top: -20px;
	}

	.annual__report--shape img {
		width: 100%;
	}

	.grey__link a {
		font-size: 1.5rem;
	}

	.grey__link {
		padding: 4rem 0;
	}

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

	.annual__grid--title {
		margin-bottom: 4rem;
	}

	.el-text {
		font-size: 3rem;
		line-height: 3rem;
	}

	.annual__form--grid-element-1 a {
		padding: 0 2rem 5rem;
	}

	.cnt__1705 {
		max-width: 170.5rem;
		width: 95%;
	}

	.corporate__news--text {
		font-size: 1.2rem;
		line-height: 1.6rem;
	}

	.newslisting__item--title {
		font-size: 2.2rem;
		line-height: 2.8rem;
	}

	.corporate__news--btn .btn__arrow {
		font-size: 1.4rem;
	}
	.corporate__news--title {
		font-size: 1.4rem;
		line-height: 1.4rem;
		margin-bottom: 0.5rem;
	}

	.corporate__news {
		padding: 4% 4% 4%;
	}

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

	.vacancies--bot {
		margin-top: 7rem;
	}

	.careers__left {
		height: 600px;
		padding: 7% 7%;
	}

	.vacancies--modal--left--desc {
		font-size: 1.4rem;
		line-height: 2rem;
	}

	.vacancies--modal--cnt {
		width: 85%;
	}

	.vacancies--modal--left--title {
		font-size: 2.4rem;
		line-height: 3rem;
	}

	.vacancies--modal--left--cluster {
		font-size: 1.8rem;
		line-height: 2.2rem;
	}

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

	.careers__left--btn a {
		font-size: 1.8rem;
		line-height: 2.8rem;
	}

	.vacancies--box--cluster {
		font-size: 1.4rem;
		line-height: 2.4rem;
	}

	.careers__testimonials--box--text {
		font-size: 1.6rem;
		line-height: 2.2rem;
	}

	.vacancies--modal {
		align-items: flex-start;
		justify-content: center;
		padding: 5rem 0 5rem 0;
		overflow: auto;
	}

	.foundation__img {
		max-width: 320px;
	}

	.foundation--title {
		font-size: 2.8rem;
	}

	.foundation--text {
		font-size: 2.2rem;
		line-height: 2.4rem;
	}

	.foundation__grid > div {
		width: 384px;
	}

	.f-banner-right {
		width: 50%;
	}

	.foundation--video-left {
		width: 46.7%;
		padding: 0 10% 0 1%;
	}

	.foundation--video--text {
		font-size: 1.6rem;
		line-height: 2.4rem;
	}

	.focusarea--boxnum {
		font-size: 3rem;
		line-height: 4rem;
	}

	.focusarea--boxtitle {
		font-size: 1.8rem;
		line-height: 2rem;
	}

	.f-banner--text {
		font-size: 1.8rem;
		line-height: 2rem;
		margin-top: 2rem;
		margin-bottom: 4rem;
	}

	.foundation--video--title {
		font-size: 3rem;
		line-height: 4rem;
	}

	.l-project--left {
		width: 70%;
		padding: 0% 5% 5%;
	}

	.l-project--title {
		font-size: 2rem;
		line-height: 2.4rem;
	}

	.foundation--bot {
		padding-left: 0;
	}

	.l-project--btn {
		font-size: 1.2rem;
		bottom: 2%;
	}

	.l-project--btn .p-svg {
		width: 30px;
		height: 30px;
	}

	.sus-report--title {
		font-size: 4rem;
		line-height: 4.5rem;
	}

	.sus__dev--title {
		font-size: 4rem;
		line-height: 4rem;
	}

	.sus__dev--grid--text {
		font-size: 1.6rem;
		line-height: 2rem;
	}

	.ferney__text {
		font-weight: var(--light);
		font-size: 2rem;
		line-height: 2.8rem;
	}

	.fb-num-sm {
		font-size: 1.8rem;
		line-height: 2rem;
	}

	.ferney__grid--firstwhite--num {
		font-size: 4.5rem;
		line-height: 3rem;
	}

	.fb-num-lg {
		font-weight: var(--bold);
		font-size: 4.5rem;
		line-height: 3rem;
	}

	.ferney__grid--yellow--text {
		font-weight: var(--light);
		font-size: 3rem;
		line-height: 3.5rem;
	}

	.ferney__grid--secondwhite--num {
		font-size: 4.5rem;
		line-height: 3rem;
		margin-bottom: 2rem;
	}

	.ferney__grid--lightblue--num {
		font-size: 4.5rem;
		line-height: 3rem;
	}

	.ferney__grid--secondblue--num {
		font-size: 4.5rem;
		line-height: 3rem;
	}

	.sus__video--text {
		font-weight: var(--regular);
		font-size: 1.8rem;
		line-height: 2.8rem;
	}

	.ferney__left {
		width: 70.9%;
	}

	.ferney__grid > div {
		max-width: 384px;
		padding: 6rem 3rem 0;
	}

	.sus__dev--grid--title {
		font-size: 2rem;
		line-height: 2.8rem;
	}

	.fb-num-md {
		font-size: 3rem;
		line-height: 3rem;
	}

	.news__wrapper .swiper-pagination {
		bottom: -25px;
		top: auto;
		left: 0;
		width: 100%;
	}

	.swiper-pagination-bullet {
		width: 10px;
		height: 10px;
		background: var(--cl-lb);
	}

	/* .imageAccordion {
		display: none;
	} */

	/* .panelAccordion__slider {
		display: flex;
	} */

	/* .panelAccordion__slider {
		display: flex;
		padding: 5rem 0;
		position: relative;
		overflow: hidden;
	}

	.panelAccordion__slider--bg {
		width: 75%;
		position: absolute;
		top: 0;
		left: 0;
	} */

	/* .imageAccordion {
		display: none;
	} */

	.accordionImg--swiper .swiper-pagination {
		bottom: 10px;
		top: auto;
		left: 0;
		width: 100%;
	}

	.imageAccordion--Title {
		font-size: 5rem;
		line-height: 6rem;
	}

	.imageAccordion--mainTitle {
		flex-direction: column;
	}

	.imageAccordion--link .more--btn {
		margin-left: -11px;
	}

	.imageAccordion--link {
		display: flex;
		margin: 20px 0px;
	}

	.accordionImg--swiper {
		width: 100%;
		display: flex;
		margin-top: 2rem;
	}

	.panelSlide--img {
		width: 100%;
		position: relative;
	}

	.panelSlide--desc {
		position: absolute;
		width: 100%;
		bottom: 0;
		padding: 5%;

		color: #fff;
		font-weight: var(--medium);
		font-size: 3rem;
		background: rgba(0, 0, 0, 0.3);
	}

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

	.separator__quote {
		padding: 3rem 0 0rem;
	}

	.separator__quote li {
		padding: 0 3rem;
	}

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

	.bod__block--title {
		font-size: 4rem;
		line-height: 5rem;
		margin-bottom: 3rem;
	}

	.d_more--title {
		font-size: 4rem;
		line-height: 5rem;
		margin-bottom: 3rem;
	}

	.d_more--overlay {
		top: 5%;
		left: -30%;
	}

	.d_more--wrapper .swiper-pagination {
		bottom: -25px;
		top: auto;
		left: 0;
		width: 100%;
	}

	.imageAccordion.imageAccordion-about .imageAccordion--Title {
		color: var(--cl--db);
	}

	.imageAccordion.imageAccordion-about .imageAccordion--link .more--btn {
		color: var(--cl--db);
	}

	.imageAccordion.imageAccordion-about
		.imageAccordion--link
		.more--btn
		.circle
		svg {
		stroke: var(--cl--db);
	}

	.imageAccordion.imageAccordion-about
		.imageAccordion--link
		.more--btn
		.another-circle {
		stroke: var(--cl--db);
	}

	.imageAccordion.imageAccordion-about .imageAccordion--Title {
		font-size: 5rem;
		line-height: 6rem;
	}

	.imageAccordion.imageAccordion-about
		.accordionImg--swiper
		.swiper-pagination {
		bottom: -25px;
	}

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

	.a_timeline--title {
		font-size: 4rem;
		line-height: 5rem;
		margin-bottom: 2rem;
	}

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

	.aboutTimeline .aboutTimeline--right {
		height: auto;
	}

	.a_timeline--info {
		padding: 15% 12% 20%;
	}

	.panelAccordion__slider.panelAccordionAbout__slider {
		padding-bottom: 0;
	}

	.imageAccordion.imageAccordion-about {
		display: flex;
	}

	.imageAccordion.imageAccordion-about .accordionImg {
		display: flex;
	}

	.imageAccordion.imageAccordion-about .accordionImg--swiper {
		display: none;
	}

	.programswiper .swiper-button-prev {
		left: auto;
		right: 40px;
	}

	.programswiper .swiper-button-next,
	.programswiper .swiper-button-prev {
		top: 22px;
	}

	.financial__calendar--list li a {
		font-size: 1.5rem;
		line-height: 2rem;
	}

	.financial__calendar {
		padding: 5rem 0;
	}

	.annoucement__year--content--box a {
		font-size: 1.5rem;
		line-height: 2rem;
	}

	.annoucement__year--content--box a .icnbox {
		width: 35px;
		height: 35px;
	}

	.annoucement__year--content--box {
		margin-bottom: 3rem;
	}

	.program--desc {
		font-size: 1.5rem;
		line-height: 2rem;
	}

	.program-icn {
		width: 35px;
		height: 35px;
		margin-right: 15px;
	}

	.box-child--arrow {
		width: 35px;
		height: 35px;
		position: absolute;
		left: -50px;
	}

	.financial__bodytab--box--child {
		padding-left: 10%;
		width: 50%;
		margin-bottom: 2rem;
	}

	.financial__bodytab--box--child > span {
		height: 40px;
		font-size: 1.8rem;
		line-height: 1.8rem;
		margin-bottom: 3rem;
		padding-top: 0px;
		padding-bottom: 0px;
		align-items: center;
	}

	.financial__report--title {
		font-size: 5rem;
		line-height: 6rem;
	}

	.financial__headtab > span {
		height: 40px;
		font-size: 2.4rem;
	}

	.financial__bodytab--box--inner {
		display: flex;
		justify-content: flex-end;
		width: 100%;
		flex-wrap: wrap;
	}

	.financial__calendar--list li {
		position: relative;
		padding-left: 32px;
		width: 25%;
		margin-bottom: 30px;
	}

	.financial__calendar--list {
		margin-top: 5rem;
		flex-wrap: wrap;
	}

	.financial__newsletter--title {
		font-weight: var(--light);
		font-size: 4rem;
		line-height: 5.4rem;
		color: #fff;
		width: 50%;
	}

	.financial__newsletter--form .js-form-item {
		max-width: 215px;
		width: 100%;
		margin-right: 5%;
	}

	.annoucement--company {
		font-size: 2rem;
		line-height: 3rem;
	}

	.report--linkbt--title {
		margin-right: auto;
		font-size: 1.6rem;
	}

	.annual__report--linkbtn a {
		font-size: 1.6rem;
		line-height: 1.6rem;
	}

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

	.annual__form--grid-element-1 {
		height: 100%;
	}

	.com_board--left--text {
		font-size: 1.6rem;
		line-height: 2.4rem;
	}

	.sus__dev--grid {
		display: flex;
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 0;
		flex-direction: column;
	}

	.panelAccordion__slider.focusaccordionslider {
		display: none;
	}

	.imageAccordion.focusaccordion {
		display: flex;
	}

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

	.foundation__grid > div {
		width: 50%;
	}

	.l-project--inner {
		width: 100%;
		height: 100%;
		position: relative;
		display: flex;
		background: rgba(127, 187, 77, 0.4);
		align-items: center;
		flex-direction: column;
	}

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

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

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

	.l-project--btn .p-svg {
		width: 30px;
		height: 30px;
	}

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

	.vacancies--title {
		font-size: 4rem;
		line-height: 5.8rem;
	}

	.vacancies--box--title {
		font-size: 2.2rem;
		line-height: 2.4rem;
		margin-bottom: 15px;
		padding-right: 50px;
	}

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

	.vacancies--box--location {
		display: flex;
		margin-left: 0;
		align-items: center;
		margin-top: 9px;
	}

	.vacancies--box--top {
		width: 100%;
		padding-right: 0;
	}

	.vacancies--box--btn {
		width: 36px;
		height: 36px;
		position: absolute;
		right: 0;
		top: -5px;
		transform: none;
	}

	.vacancies--box--cluster {
		flex-direction: column;
	}

	.vacancies--box--cluster span::after {
		display: none;
	}

	.vacancies--bot {
		grid-gap: 1%;
	}

	.vacancies--modal--cnt {
		flex-direction: column;
		overflow: auto;
		padding: 7rem 6%;
	}

	.modal-close {
		top: 10px;
		width: 35px;
		height: 35px;
		left: auto;
		right: 10px;
	}

	.vacancies--modal--left {
		width: 100%;
		display: flex;
		flex-direction: column;
	}

	.vacancies--modal--right {
		width: 100%;
		margin-left: 0;
	}

	.vacancies--modal--left {
		flex-direction: column;
	}

	.vacancies--modal--left--cluster span::after {
		display: none;
	}

	.vacancies--modal--left--bot {
		display: flex;
		margin-top: 2rem;
		margin-bottom: 4rem;
		flex-direction: column;
		width: 100%;
	}

	.vacancies--modal--left--bot .vacancies--box--text {
		width: 80%;
		display: flex;
		align-items: center;
		gap: 20px;
	}

	.vacancies--modal {
		flex-direction: column;
	}

	.vacancies--modal--left--cluster {
		display: flex;
		flex-direction: column;
		margin-top: 17px;
	}

	.careers__testimonials--wp {
		width: 100%;
		display: flex;
	}

	.careers__left {
		height: auto;
		width: 100%;
		padding: 5% 7%;
	}

	.careers__left--desc {
		font-size: 1.8rem;
		line-height: 2.8rem;
		letter-spacing: -2px;
		margin-bottom: 25px;
	}

	.careers__left--btn a {
		font-size: 1.8rem;
		line-height: 2.4rem;
		margin-bottom: 20px;
	}

	.careers__left--btn svg {
		width: 35px;
	}

	.careers__right .swiper-autoheight .swiper-wrapper {
		align-items: stretch !important;
		height: 100% !important;
	}

	.careers__testimonials--box--desc {
		padding: 10% 7% 5%;
		height: 60%;
	}

	.video__intro__title {
		font-size: 4.5rem;
		line-height: 5.5rem;
		margin-bottom: 2rem;
	}

	.video__intro__paragraph {
		font-size: 1.8rem;
		line-height: 2.4rem;
	}

	.notvideo__intro--title {
		font-size: 4.5rem;
		line-height: 5.5rem;
		margin-bottom: 2rem;
	}

	.notvideo__intro--text {
		font-size: 1.8rem;
		line-height: 2.4rem;
	}

	.life--slider--title {
		font-size: 4.5rem;
		line-height: 5.5rem;
	}

	.life--slider--text {
		width: 100%;
	}

	.lifebox {
		height: 350px;
	}

	.lifebox__desc {
		opacity: 1;
		visibility: visible;
		height: 120px;
	}

	.lifebox a {
		height: auto;
		width: 100%;
		display: flex;
		align-items: flex-end;
	}

	.lifebox__desc .d-name {
		font-size: 2rem;
		line-height: 2rem;
	}

	.lifebox__desc .d-title {
		font-size: 1.6rem;
		line-height: 2.4rem;
	}

	.newslisting__item--title {
		font-size: 2rem;
		line-height: 2.4rem;
		width: 100%;
	}

	.corporate__news {
		padding: 12% 4% 8%;
	}

	.newslisting__newletter {
		height: auto;
		background: var(--cl-y);
		display: flex;
		padding: 5rem 4%;
		align-items: flex-start;
		flex-direction: column;
	}

	.newsletter__form {
		margin-left: 0;
		margin-top: 20px;
	}

	.newslisting__newletter--btn {
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0;
	}

	.corporate__news--text {
		font-size: 1.6rem;
		line-height: 2rem;
	}

	.corporate__news--title {
		font-size: 1.8rem;
		line-height: 2rem;
		margin-bottom: 1rem;
	}

	.hero__news--info--title {
		font-size: 3rem;
		line-height: 4rem;
	}

	.hero__news {
		padding-top: 25%;
	}

	.global__inner--title {
		font-weight: var(--light);
		font-size: 4.5rem;
	}

	.global__inner .cnt__wrapper {
		width: 40%;
	}

	.aboutTimeline--wrapper-mainTitle {
		font-size: 5rem;
		line-height: 6rem;
		margin-bottom: 3rem;
	}

	.sepValue--img {
		width: 35%;
		padding: 0 20px;
	}

	.cluster__info--right {
		width: 45%;
	}
	.cluster__info--left {
		width: 60%;
	}
	.cluster__info--panel-one {
		width: 20%;
		min-width: inherit;
		max-width: inherit;
	}
	.cluster__info--panel-two {
		width: 70%;
	}
	.cluster__info--panel-three {
		width: 10%;
		min-width: inherit;
		max-width: inherit;
	}

	.facts__tabs--row > div {
		width: 33.3333%;
	}

	#tab1 .facts__tabs--row > div:nth-child(4),
	#tab2 .facts__tabs--row > div:nth-child(4) {
		display: none;
	}

	.tabs-lead {
		padding: 2rem;
		font-size: 1.5rem;
	}

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

	.scrolldownbox {
		height: 80px;
	}
	.box span {
		width: 10px;
		height: 10px;
	}

	.financial__bodytab--box-video {
		width: 100%;
		padding: 7rem 5rem;
	}

	.bod__gallery--item--large.three {
		grid-column: span 2;
		padding: 0;
	}

	.inv_text_title {
		font-size: 3rem;
		line-height: 4rem;
	}

	.inv_wp_box {
		display: flex;
		flex-direction: column;
		gap: 20px;
		width: 50%;
		padding: 0px 20px;
		margin-bottom: 30px;
	}

	.inv_wp {
		display: flex;
		gap: 0px;
		flex-wrap: wrap;
	}

	.investors__intro--panel {
		height: 345px;
	}

	.investors__graph {
		margin-top: 10rem;
	}

	/* h2 */
	.investors__facts--title h3,
	.imageAccordion.imageAccordion-about .imageAccordion--Title,
	.imageAccordion--Title,
	.aboutTimeline--wrapper-mainTitle,
	.bod__block--title,
	.susAccordion .imageAccordion--Title,
	.focusaccordion .imageAccordion--Title,
	.l-project .news__more--Title,
	.financial__report--title,
	.vacancies--title {
		font-size: 4rem;
		line-height: 5rem;
	}

	/* h3 */
	.sliding__logo--title,
	.investors__graph--title,
	.exe_title .bod__block--title,
	.financial__calendar--title,
	.financial__program--title,
	.financial__newsletter--title,
	.annual__grid--title,
	.sus__video--title,
	.foundation--video--title,
	.contact__company__title {
		font-size: 3rem;
		line-height: 4rem;
	}

	.search_icon {
		position: absolute;
		right: 6%;
		top: 82%;
	}

	.header.header__scrollup .search_icon,
	.header__scrolldown .search_icon {
		position: absolute;
		right: 2%;
		top: 31%;
	}

	.search_icon a {
		width: 35px;
		height: 35px;
		display: block;
	}
}

@media screen and (min-width: 1184px) and (max-width: 1399px) {
	/* ! homepage */
	.overlay--dropdown {
		height: 60%;
	}
	html {
		font-size: 57.5%;
	}

	.header__logo {
		width: 100px;
	}

	.header__cnt {
		width: 90%;
	}

	.cnt {
		width: 90%;
	}

	.hero__text {
		margin-bottom: 8%;
	}

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

	.sub-nav > li > a {
		font-size: 1.6rem;
		line-height: 1.8rem;
	}

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

	.header__scrollup .header__nav,
	.header__scrolldown .header__nav {
		width: 80%;
	}

	.homepage__about--desc h2 {
		font-size: 4rem;
		line-height: 5rem;
		margin-bottom: 2rem;
	}

	.homepage__about--desc p {
		font-size: 1.8rem;
		line-height: 2.6rem;
	}

	.homepageGrid__investor--title {
		font-size: 2.8rem;
		line-height: 3rem;
	}

	.homepageGrid__investor--title span {
		font-size: 6rem;
		line-height: 4rem;
	}

	.homepageGrid__investor--left {
		font-size: 5rem;
		line-height: 5rem;
	}

	.homepageGrid__investor--left span {
		font-size: 2rem;
		line-height: 2rem;
	}

	.homepageGrid__investor--right {
		font-size: 5rem;
		line-height: 5rem;
	}

	.homepageGrid__investor--right span {
		font-size: 2rem;
		margin-left: 11px;
	}

	.homepage__shareprice sup {
		font-size: 2.4rem;
	}

	.homepage__shareprice strong {
		font-size: 7rem;
		line-height: 5.5rem;
	}

	.homepage__shareprice span {
		font-size: 3rem;
		line-height: 4rem;
	}

	.homepageGrid__sharetitle {
		font-size: 2.6rem;
		line-height: 3.4rem;
	}

	.homepage__about--shareprice {
		padding: 0 7%;
	}

	.homebod__title {
		font-size: 3rem;
		line-height: 4rem;
	}

	.global__dot--listing li::before {
		content: "";
		width: 15px;
		height: 15px;
	}

	.global__inner--title {
		font-size: 4.4rem;
		line-height: 4.4rem;
	}

	.global__inner--bot {
		font-size: 1.8rem;
		line-height: 2.4rem;
	}

	.imageAccordion--Title {
		font-size: 7rem;
		line-height: 7rem;
	}

	.accordionImg {
		height: 450px;
	}

	.panelImg__title {
		font-size: 3rem;
		margin-bottom: 2rem;
	}

	.panelImg__text {
		font-size: 1.8rem;
		line-height: 2.4rem;
	}

	.imageAccordion {
		padding: 10rem 0 5rem;
	}

	.news__more {
		padding: 5rem 0 0 0;
	}

	.news__more--Title {
		font-size: 7rem;
		line-height: 7rem;
	}

	.news__box {
		width: 100%;
		height: 280px;
	}

	.news__box--desc {
		padding: 6rem 2rem 2rem;
	}

	.news__box--title {
		font-size: 1.6rem;
		line-height: 2rem;
		margin-bottom: 1rem;
	}

	.footer__cnt {
		width: 90%;
	}

	/* ! executive team */
	.hero__paragraph h1 {
		font-size: 4rem;
		line-height: 6rem;
	}

	.separator__quote li {
		font-size: 2.4rem;
		line-height: 3rem;
	}

	.separator__quote {
		padding: 3rem 0 3rem;
	}

	.bod__block--title {
		font-size: 4rem;
		line-height: 5rem;
	}

	.bod__gallery--item--position {
		font-size: 1.6rem;
		line-height: 2.2rem;
	}

	.d_more--overlay {
		top: 0;
		left: -3%;
		width: 55%;
	}

	/* ! the group team */
	.separtor__blue--text {
		font-size: 2.4rem;
		line-height: 3rem;
	}

	.separator__blue {
		padding: 3rem 2rem;
	}

	.imageAccordion.imageAccordion-about .imageAccordion--Title {
		font-size: 6rem;
		line-height: 6rem;
	}

	.aboutTimeline--wrapper-mainTitle {
		font-size: 6rem;
		line-height: 6rem;
		margin-bottom: 4rem;
	}

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

	.aboutTime--img {
		width: 30%;
	}

	.a_timeline--text ul li::before {
		top: 3px;
	}

	/* ! value proposition */
	.investors__intro--desc {
		font-size: 1.8rem;
		line-height: 2.2rem;
		margin-bottom: 3rem;
	}

	.investors__intro--bottom {
		font-size: 1.8rem;
		line-height: 2.2rem;
		margin-bottom: 2rem;
	}

	.playbtn-svg {
		width: 30px;
		height: 30px;
	}

	.investors__intro--playbtn a {
		gap: 10px;
		font-size: 1.6rem;
	}

	.investors__intro--panel {
		/* height: 600px; */
		height: 500px;
	}

	.tabs-lead {
		padding: 2rem 3rem;
		font-size: 1.6rem;
	}

	.tabs-editda--title {
		font-size: 1.8rem;
		height: 55px;
		line-height: 2rem;
	}

	.investors__graph--title {
		font-size: 3rem;
	}

	/* ! financial */
	.hero.corporate-banner .hero__paragraph {
		font-size: 1.8rem;
		line-height: 2.4rem;
	}

	.financial__report--title {
		font-size: 4rem;
		line-height: 5rem;
	}

	.financial__headtab > span {
		height: 40px;
		font-size: 2.8rem;
		line-height: 3rem;
	}

	.financial__bodytab--box--child > span {
		font-size: 1.8rem;
		line-height: 2rem;
		height: 55px;
		padding-bottom: 15px;
	}

	.box-child--text {
		font-size: 1.3rem;
		line-height: 1.8rem;
	}

	.box-child--arrow {
		width: 25px;
		height: 25px;
		left: -40px;
		top: 1px;
	}

	.financial__calendar--list li a span {
		order: 1;
		margin-bottom: 10px;
	}

	.financial__calendar--list li strong::before {
		content: "";
		left: -30px;
		top: -2px;
	}

	.financial__newsletter--form .js-form-item {
		max-width: 285px;
	}

	.financial__calendar--title {
		font-size: 4rem;
		line-height: 4.2rem;
	}

	.annoucement__title {
		font-size: 3rem;
		line-height: 4rem;
	}

	.annoucement--company {
		font-size: 2rem;
		line-height: 3rem;
	}

	.anoucementswiper-one .swiper-button-next,
	.anoucementswiper-one .swiper-button-prev {
		width: 30px;
		height: 30px;
	}

	.annoucement__slide {
		height: 35px;
	}

	.anoucementswiper-one .swiper-button-next,
	.anoucementswiper-one .swiper-button-prev {
		top: 50%;
		margin-top: 0;
		z-index: 10;
		transform: translateY(-50%);
	}

	.annoucement__year--content--box a .icnbox {
		width: 25px;
		height: 25px;
	}

	.annoucement__year--content--box a {
		font-size: 1.6rem;
		line-height: 2rem;
	}

	.financial__program--title {
		font-size: 4rem;
		line-height: 4.2rem;
	}

	.d_more--title {
		font-size: 4rem;
		line-height: 6rem;
	}

	.program--desc {
		font-size: 1.6rem;
		line-height: 2rem;
	}

	.program-icn {
		width: 25px;
		height: 25px;
		top: -2px;
	}

	.program--year {
		padding-left: 40px;
	}

	.programswiper .swiper-button-prev {
		left: auto;
		right: 4%;
	}

	/* ! corporate governance */
	.simpletext {
		padding: 8rem 0 8rem 0;
		font-size: 2rem;
		line-height: 2.8rem;
	}

	.com_board--left--title {
		font-size: 4rem;
		line-height: 5rem;
	}

	.com_board--left--text {
		font-size: 1.8rem;
		line-height: 2.4rem;
	}

	.com_board--right--b > span {
		font-size: 2rem;
		line-height: 2.4rem;
		margin-bottom: 2rem;
	}

	.com_board--right--b li {
		font-size: 1.4rem;
		line-height: 2rem;
		margin-bottom: 1.5rem;
	}

	.com_doc {
		padding: 12rem 0;
	}

	.com_sep__wrapper a .sep-icon {
		width: 30px;
		height: 30px;
	}

	.com_board {
		margin-top: 2rem;
	}

	/* ! our commitment */
	.sus__dev--title {
		font-size: 4rem;
		line-height: 5rem;
	}

	.sus__dev--text {
		font-size: 2rem;
		line-height: 2.4rem;
		width: 80%;
	}

	.sus__dev--gridleft {
		padding: 3rem 3rem;
	}

	.ferney__title {
		width: 180px;
	}

	.ferney__text {
		font-size: 1.8rem;
		line-height: 2.4rem;
		width: 80%;
	}

	.ferney__grid--firstblue-title,
	.ferney__grid--firstwhite--title,
	.ferney__grid--secondwhite--title,
	.ferney__grid--lightblue--title,
	.ferney__grid--secondblue--title {
		font-size: 1.8rem;
		line-height: 2.4rem;
	}

	.ferney__grid--firstblue,
	.ferney__grid--firstwhite,
	.ferney__grid--yellow,
	.ferney__grid--secondwhite,
	.ferney__grid--lightblue,
	.ferney__grid--secondblue {
		padding: 4rem 3rem 4rem 3rem;
	}

	.ferney__grid--yellow--text {
		font-size: 2.4rem;
		line-height: 3rem;
	}

	.ferney__right {
		height: 625px;
	}

	.sus__video--text {
		font-size: 1.8rem;
	}

	.sus__video--btn .more--btn {
		font-size: 1.8rem;
	}

	/* ! ciel foundation */
	.foundation__img {
		max-width: 300px;
	}

	.foundation--text {
		font-weight: var(--light);
		font-size: 2rem;
		line-height: 2.4rem;
	}

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

	.foundation__grid {
		max-width: 700px;
	}

	.foundation__grid > div {
		width: 350px;
	}

	.foundation__right {
		height: 620px;
	}

	.focusarea--boxnum {
		font-size: 4rem;
		line-height: 5rem;
	}

	.foundation--video-left {
		padding: 0 10% 0 0%;
	}

	.foundation--video--text {
		font-size: 1.8rem;
		line-height: 2.4rem;
	}

	.f-banner--text {
		font-size: 1.8rem;
		line-height: 2.8rem;
		margin-top: 5rem;
		margin-bottom: 5rem;
	}

	.f-banner-right {
		width: 48.8%;
	}

	.f-banner-left {
		padding: 4% 10% 4% 4%;
	}

	/* ! life at ciel */
	.video__intro__title,
	.notvideo__intro--title {
		font-size: 4rem;
		line-height: 5rem;
		margin-bottom: 3rem;
	}

	.video__intro__paragraph,
	.notvideo__intro--text {
		font-size: 1.8rem;
		line-height: 2.4rem;
	}

	.global__inner--bot strong {
		font-size: 3rem;
		line-height: 4rem;
	}

	.life--slider--title {
		font-size: 4rem;
		line-height: 5rem;
	}

	.lifebox {
		height: 330px;
	}

	.lifebox__desc .d-name {
		font-size: 2.2rem;
		line-height: 2.4rem;
	}

	.lifebox__desc .d-title {
		font-size: 1.8rem;
		line-height: 2rem;
	}

	/* ! careers */
	.vacancies--bot {
		padding: 0;
		margin-top: 5rem;
	}

	.modal-close {
		width: 30px;
		height: 30px;
		left: -50px;
	}

	.vacancies--modal--left--desc {
		font-size: 1.4rem;
		line-height: 2rem;
	}

	.vacancies--modal--cnt {
		width: 85%;
	}

	.vacancies--modal--left--title {
		font-size: 2.4rem;
		line-height: 3rem;
	}

	.vacancies--modal--left--cluster {
		font-size: 1.8rem;
		line-height: 2.2rem;
	}

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

	.careers__left--btn a {
		font-size: 1.8rem;
		line-height: 2.8rem;
	}

	.vacancies--box--cluster {
		font-size: 1.4rem;
		line-height: 2.4rem;
	}

	.careers__testimonials--box--text {
		font-size: 1.6rem;
		line-height: 2.2rem;
	}

	.vacancies--modal {
		align-items: flex-start;
		justify-content: center;
		padding: 5rem 0 5rem 0;
		overflow: auto;
	}

	.careers__left {
		height: 520px;
		width: 50%;
		padding: 5% 9%;
	}

	.careers__testimonials {
		padding: 8rem 0 5rem 0;
	}

	/* ! news */
	.newslisting__item--title {
		font-size: 1.6rem;
		line-height: 2rem;
		width: 90%;
	}

	.newslisting__item--btn .btn__arrow {
		font-size: 1.2rem;
		line-height: 1.2rem;
	}

	.newslisting__item--btn .btn__arrow .circle,
	.corporate__news--btn .btn__arrow .circle,
	.jumptoarchive__btn .btn__arrow .circle,
	.newslisting__newletter--btn .btn__arrow .circle {
		width: 40px;
		height: 40px;
	}

	.newslisting__item--btn .btn__arrow .circle svg,
	.corporate__news--btn .btn__arrow .circle svg,
	.jumptoarchive__btn .btn__arrow .circle svg,
	.newslisting__newletter--btn .btn__arrow .circle svg {
		top: -5px;
		width: 100%;
		height: 100%;
	}

	.corporate__news--title {
		font-size: 1.4rem;
		line-height: 1.6rem;
		margin-bottom: 0.5rem;
	}

	.corporate__news--text {
		font-size: 1.2rem;
		line-height: 1.6rem;
	}

	.corporate__news--btn .btn__arrow {
		font-size: 1.4rem;
		line-height: 1.4rem;
	}

	.newsletter__form form {
		display: flex;
		align-items: flex-end;
	}

	.newsletter__form button {
		width: 30px;
		background-size: 30px;
		height: 30px;
	}

	.newslisting__newletter--title {
		font-size: 2rem;
	}

	.jumptoarchive > span {
		font-size: 1.4rem;
		line-height: 1.4rem;
	}

	.sepValue--img {
		width: 30%;
	}
	.bod__gallery--item--name {
		font-size: 1.8rem;
		line-height: 2.4rem;
	}

	.cluster__info {
		height: 520px;
	}

	.cluster__info--right {
		padding: 2rem 2rem;
	}

	.key__box strong {
		font-size: 5rem;
		line-height: 5rem;
	}

	.latest__ann--left {
		width: 55%;
	}

	.grey__link .cnt__wrapper {
		flex-wrap: wrap;
		gap: 20px;
	}

	/* ! newsdetails */
	.hero__news--info--title {
		font-size: 3rem;
		line-height: 4rem;
	}

	.hero__news--assets {
		width: 50%;
		margin-left: auto;
	}

	.hero__news--back {
		bottom: -20px;
	}

	.hero__news--share > span {
		font-size: 2rem;
	}

	.newdetails--textcontent {
		font-size: 1.8rem;
		line-height: 2.4rem;
	}

	.grey__link a {
		color: var(--cl--db);
		font-size: 1.6rem;
	}

	.contact__cards--row {
		width: 46%;
	}

	.scrolldownbox {
		height: 80px;
	}
	.box span {
		width: 10px;
		height: 10px;
	}

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

	.map__left {
		padding: 2% 10%;
	}

	.investors__graph {
		margin-top: 12rem;
	}

	.investors__facts--title h3,
	.imageAccordion.imageAccordion-about .imageAccordion--Title,
	.imageAccordion--Title,
	.aboutTimeline--wrapper-mainTitle,
	.bod__block--title,
	.susAccordion .imageAccordion--Title,
	.focusaccordion .imageAccordion--Title,
	.l-project .news__more--Title,
	.vacancies--title,
	.news__more--Title,
	.financial__report--title {
		font-size: 6rem;
		line-height: 6rem;
	}

	.sliding__logo--title,
	.investors__graph--title,
	.exe_title .bod__block--title,
	.financial__calendar--title,
	.financial__program--title,
	.financial__newsletter--title,
	.annual__grid--title,
	.sus__video--title,
	.foundation--video--title,
	.contact__company__title,
	.grey__link--title {
		font-size: 4rem;
		line-height: 5rem;
	}

	.search_icon {
		position: absolute;
		right: 6%;
		top: 85%;
	}

	.search_icon a {
		width: 35px;
		height: 35px;
		display: block;
	}

	.header.header__scrollup .search_icon,
	.header__scrolldown .search_icon {
		position: absolute;
		right: 2%;
		top: 30%;
	}
}

@media screen and (min-width: 1400px) and (max-width: 1663px) {
	/* ! homepage */
	html {
		font-size: 57.5%;
	}

	.header__logo {
		width: 100px;
	}

	.header__cnt {
		width: 90%;
	}

	.cnt {
		width: 90%;
	}

	.hero__text {
		margin-bottom: 8%;
	}

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

	.sub-nav > li > a {
		font-size: 1.6rem;
		line-height: 1.8rem;
	}

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

	.header__scrollup .header__nav,
	.header__scrolldown .header__nav {
		width: 80%;
	}

	.homepage__about--desc h2 {
		font-size: 4rem;
		line-height: 5rem;
		margin-bottom: 2rem;
	}

	.homepage__about--desc p {
		font-size: 1.8rem;
		line-height: 2.6rem;
	}

	.homepageGrid__investor--title {
		font-size: 2.8rem;
		line-height: 3rem;
	}

	.homepageGrid__investor--title span {
		font-size: 6rem;
		line-height: 4rem;
	}

	.homepageGrid__investor--left {
		font-size: 5rem;
		line-height: 5rem;
	}

	.homepageGrid__investor--left span {
		font-size: 2rem;
		line-height: 2rem;
	}

	.homepageGrid__investor--right {
		font-size: 5rem;
		line-height: 5rem;
	}

	.homepageGrid__investor--right span {
		font-size: 2rem;
		margin-left: 11px;
	}

	.homepage__shareprice sup {
		font-size: 2.4rem;
	}

	.homepage__shareprice strong {
		font-size: 7rem;
		line-height: 5.5rem;
	}

	.homepage__shareprice span {
		font-size: 3rem;
		line-height: 4rem;
	}

	.homepageGrid__sharetitle {
		font-size: 2.6rem;
		line-height: 3.4rem;
	}

	.homepage__about--shareprice {
		padding: 0 7%;
	}

	.homebod__title {
		font-size: 3rem;
		line-height: 4rem;
	}

	.global__dot--listing li::before {
		content: "";
		width: 15px;
		height: 15px;
	}

	.global__inner--title {
		font-size: 4.4rem;
		line-height: 4.4rem;
	}

	.global__inner--bot {
		font-size: 2rem;
		line-height: 3rem;
	}

	.imageAccordion--Title {
		font-size: 7rem;
		line-height: 7rem;
	}

	.accordionImg {
		height: 500px;
	}

	.panelImg__title {
		font-size: 3rem;
		margin-bottom: 2rem;
	}

	.panelImg__text {
		font-size: 1.8rem;
		line-height: 2.4rem;
	}

	.imageAccordion {
		padding: 10rem 0 5rem;
	}

	.news__more {
		padding: 5rem 0 0 0;
	}

	.news__more--Title {
		font-size: 7rem;
		line-height: 7rem;
	}

	.news__box {
		width: 100%;
		height: 280px;
	}

	.news__box--desc {
		padding: 6rem 2rem 2rem;
	}

	.news__box--title {
		font-size: 1.6rem;
		line-height: 2rem;
		margin-bottom: 1rem;
	}

	.footer__cnt {
		width: 90%;
	}

	/* ! executive team */
	.hero__paragraph h1 {
		font-size: 4rem;
		line-height: 6rem;
	}

	.separator__quote li {
		font-size: 2.4rem;
		line-height: 3rem;
	}

	.separator__quote {
		padding: 3rem 0 3rem;
	}

	.bod__block--title {
		font-size: 4rem;
		line-height: 5rem;
	}

	.bod__gallery--item--position {
		font-size: 1.8rem;
		line-height: 2.2rem;
	}

	.d_more--overlay {
		top: 0;
		left: -2%;
		width: 55%;
	}

	/* ! the group team */
	.separtor__blue--text {
		font-size: 2.4rem;
		line-height: 3rem;
	}

	.separator__blue {
		padding: 3rem 2rem;
	}

	.imageAccordion.imageAccordion-about .imageAccordion--Title {
		font-size: 7rem;
		line-height: 8rem;
	}

	.aboutTimeline--wrapper-mainTitle {
		font-size: 7rem;
		line-height: 8rem;
		margin-bottom: 4rem;
	}

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

	.aboutTime--img {
		width: 30%;
	}

	.a_timeline--text ul li::before {
		top: 3px;
	}

	/* ! value proposition */
	.investors__intro--desc {
		font-size: 1.8rem;
		line-height: 2.2rem;
		margin-bottom: 3rem;
	}

	.investors__intro--bottom {
		font-size: 1.8rem;
		line-height: 2.2rem;
		margin-bottom: 2rem;
	}

	.playbtn-svg {
		width: 30px;
		height: 30px;
	}

	.investors__intro--playbtn a {
		gap: 10px;
		font-size: 1.6rem;
	}

	.investors__intro--panel {
		height: 450px;
	}

	.tabs-lead {
		padding: 2rem 3rem;
		font-size: 1.6rem;
	}

	.tabs-editda--title {
		font-size: 1.8rem;
		height: 55px;
		line-height: 2rem;
	}

	.investors__graph--title {
		font-size: 3rem;
	}

	/* ! financial */
	.hero.corporate-banner .hero__paragraph {
		font-size: 1.8rem;
		line-height: 2.4rem;
	}

	.financial__report--title {
		font-size: 4rem;
		line-height: 5rem;
	}

	.financial__headtab > span {
		height: 40px;
		font-size: 2.8rem;
		line-height: 3rem;
	}

	.financial__bodytab--box--child > span {
		font-size: 1.8rem;
		line-height: 2rem;
		height: 55px;
		padding-bottom: 15px;
	}

	.box-child--text {
		font-size: 1.3rem;
		line-height: 1.8rem;
	}

	.box-child--arrow {
		width: 25px;
		height: 25px;
		left: -40px;
		top: 1px;
	}

	.financial__calendar--list li a span {
		order: 1;
		margin-bottom: 10px;
	}

	.financial__calendar--list li strong::before {
		content: "";
		left: -30px;
		top: -2px;
	}

	.financial__newsletter--form .js-form-item {
		max-width: 285px;
	}

	.financial__calendar--title {
		font-size: 4rem;
		line-height: 4.2rem;
	}

	.annoucement__title {
		font-size: 3rem;
		line-height: 4rem;
	}

	.annoucement--company {
		font-size: 2rem;
		line-height: 3rem;
	}

	.anoucementswiper-one .swiper-button-next,
	.anoucementswiper-one .swiper-button-prev {
		width: 30px;
		height: 30px;
	}

	.annoucement__slide {
		height: 35px;
	}

	.anoucementswiper-one .swiper-button-next,
	.anoucementswiper-one .swiper-button-prev {
		top: 50%;
		margin-top: 0;
		z-index: 10;
		transform: translateY(-50%);
	}

	.annoucement__year--content--box a .icnbox {
		width: 25px;
		height: 25px;
	}

	.annoucement__year--content--box a {
		font-size: 1.6rem;
		line-height: 2rem;
	}

	.financial__program--title {
		font-size: 4rem;
		line-height: 4.2rem;
	}

	.d_more--title {
		font-size: 4rem;
		line-height: 6rem;
	}

	.program--desc {
		font-size: 1.6rem;
		line-height: 2rem;
	}

	.program-icn {
		width: 25px;
		height: 25px;
		top: -2px;
	}

	.program--year {
		padding-left: 40px;
	}

	.programswiper .swiper-button-prev {
		left: auto;
		right: 4%;
	}

	/* ! corporate governance */
	.simpletext {
		padding: 8rem 0 8rem 0;
		font-size: 2rem;
		line-height: 2.8rem;
	}

	.com_board--left--title {
		font-size: 4rem;
		line-height: 5rem;
	}

	.com_board--left--text {
		font-size: 1.8rem;
		line-height: 2.4rem;
	}

	.com_board--right--b > span {
		font-size: 2rem;
		line-height: 2.4rem;
		margin-bottom: 2rem;
	}

	.com_board--right--b li {
		font-size: 1.4rem;
		line-height: 2rem;
		margin-bottom: 1.5rem;
	}

	.com_doc {
		padding: 12rem 0;
	}

	.com_sep__wrapper a .sep-icon {
		width: 30px;
		height: 30px;
	}

	.com_board {
		margin-top: 15rem;
	}

	/* ! our commitment */
	.sus__dev--title {
		font-size: 4rem;
		line-height: 5rem;
	}

	.sus__dev--text {
		font-size: 2rem;
		line-height: 2.4rem;
		width: 80%;
	}

	.sus__dev--gridleft {
		padding: 3rem 3rem;
	}

	.ferney__title {
		width: 180px;
	}

	.ferney__text {
		font-size: 1.8rem;
		line-height: 2.4rem;
		width: 80%;
	}

	/* .ferney__grid > div {
    height: 260px;
  } */

	.ferney__grid--firstblue-title,
	.ferney__grid--firstwhite--title,
	.ferney__grid--secondwhite--title,
	.ferney__grid--lightblue--title,
	.ferney__grid--secondblue--title {
		font-size: 1.8rem;
		line-height: 2.4rem;
	}

	.ferney__grid--firstblue,
	.ferney__grid--firstwhite,
	.ferney__grid--yellow,
	.ferney__grid--secondwhite,
	.ferney__grid--lightblue,
	.ferney__grid--secondblue {
		padding: 4rem 3rem 4rem 3rem;
	}

	/* .ferney__grid--yellow--text {
    font-size: 3rem;
    line-height: 3.8rem;
  } */

	.ferney__right {
		height: 625px;
	}

	.sus__video--text {
		font-size: 1.8rem;
	}

	.sus__video--btn .more--btn {
		font-size: 1.8rem;
	}

	/* ! ciel foundation */
	.foundation__img {
		max-width: 300px;
	}

	.foundation--text {
		font-weight: var(--light);
		font-size: 2rem;
		line-height: 2.4rem;
	}

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

	.foundation__grid {
		max-width: 700px;
	}

	.foundation__grid > div {
		width: 350px;
	}

	.foundation__right {
		height: 620px;
	}

	.focusarea--boxnum {
		font-size: 4rem;
		line-height: 5rem;
	}

	.foundation--video-left {
		padding: 0 10% 0 0%;
	}

	.foundation--video--text {
		font-size: 1.8rem;
		line-height: 2.4rem;
	}

	.f-banner--text {
		font-size: 1.8rem;
		line-height: 2.8rem;
		margin-top: 5rem;
		margin-bottom: 5rem;
	}

	.f-banner-right {
		width: 48.8%;
	}

	.f-banner-left {
		padding: 4% 10% 4% 4%;
	}

	/* ! life at ciel */
	.video__intro__title,
	.notvideo__intro--title {
		font-size: 4rem;
		line-height: 5rem;
		margin-bottom: 3rem;
	}

	.video__intro__paragraph,
	.notvideo__intro--text {
		font-size: 1.8rem;
		line-height: 2.4rem;
	}

	.global__inner--bot strong {
		font-size: 3rem;
		line-height: 4rem;
	}

	.life--slider--title {
		font-size: 4rem;
		line-height: 5rem;
	}

	.lifebox {
		height: 330px;
	}

	.lifebox__desc .d-name {
		font-size: 2.2rem;
		line-height: 2.4rem;
	}

	.lifebox__desc .d-title {
		font-size: 1.8rem;
		line-height: 2rem;
	}

	/* ! careers */
	.vacancies--bot {
		padding: 0;
		margin-top: 5rem;
	}

	.modal-close {
		width: 30px;
		height: 30px;
		left: -50px;
	}

	.vacancies--modal--left--desc {
		font-size: 1.4rem;
		line-height: 2rem;
	}

	.vacancies--modal--cnt {
		width: 85%;
	}

	.vacancies--modal--left--title {
		font-size: 2.4rem;
		line-height: 3rem;
	}

	.vacancies--modal--left--cluster {
		font-size: 1.8rem;
		line-height: 2.2rem;
	}

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

	.careers__left--btn a {
		font-size: 1.8rem;
		line-height: 2.8rem;
	}

	.vacancies--box--cluster {
		font-size: 1.4rem;
		line-height: 2.4rem;
	}

	.careers__testimonials--box--text {
		font-size: 1.6rem;
		line-height: 2.2rem;
	}

	.vacancies--modal {
		align-items: flex-start;
		justify-content: center;
		padding: 5rem 0 5rem 0;
		overflow: auto;
	}

	.careers__left {
		height: 520px;
		width: 50%;
		padding: 5% 9%;
	}

	.careers__testimonials {
		padding: 8rem 0 5rem 0;
	}

	/* ! news */
	.newslisting__item--title {
		font-size: 1.6rem;
		line-height: 2rem;
		width: 90%;
	}

	.newslisting__item--btn .btn__arrow {
		font-size: 1.2rem;
		line-height: 1.2rem;
	}

	.newslisting__item--btn .btn__arrow .circle,
	.corporate__news--btn .btn__arrow .circle {
		width: 40px;
		height: 40px;
	}

	.newslisting__item--btn .btn__arrow .circle svg,
	.corporate__news--btn .btn__arrow .circle svg {
		top: -5px;
		width: 100%;
		height: 100%;
	}

	.corporate__news--title {
		font-size: 1.6rem;
		line-height: 1.6rem;
		margin-bottom: 0.5rem;
	}

	.corporate__news--text {
		font-size: 1.4rem;
		line-height: 1.6rem;
	}

	.corporate__news--btn .btn__arrow {
		font-size: 1.4rem;
		line-height: 1.4rem;
	}

	.newsletter__form form {
		display: flex;
		align-items: flex-end;
	}

	.newsletter__form button {
		width: 30px;
		background-size: 30px;
		height: 30px;
	}

	.newslisting__newletter--title {
		font-size: 2rem;
	}

	.jumptoarchive > span {
		font-size: 1.4rem;
		line-height: 1.4rem;
	}

	.sepValue--img {
		width: 25%;
	}

	.latest__ann--left {
		width: 55%;
	}
	/* ! newsdetails */
	.hero__news--info--title {
		font-size: 3rem;
		line-height: 4rem;
	}

	.hero__news--assets {
		width: 50%;
		margin-left: auto;
	}

	.hero__news--back {
		bottom: -20px;
	}

	.hero__news--share > span {
		font-size: 2rem;
	}

	.newdetails--textcontent {
		font-size: 1.8rem;
		line-height: 2.4rem;
	}
	.scrolldownbox {
		height: 80px;
	}
	.box span {
		width: 10px;
		height: 10px;
	}
	.contact__svg {
		position: absolute;
		width: 40%;
		right: 26%;
		bottom: -10%;
		z-index: -1;
		pointer-events: none;
	}

	.investors__facts--title h3,
	.imageAccordion.imageAccordion-about .imageAccordion--Title,
	.imageAccordion--Title,
	.aboutTimeline--wrapper-mainTitle,
	.bod__block--title,
	.susAccordion .imageAccordion--Title,
	.focusaccordion .imageAccordion--Title,
	.l-project .news__more--Title,
	.vacancies--title,
	.news__more--Title,
	.financial__report--title {
		font-size: 6rem;
		line-height: 6rem;
	}

	.sliding__logo--title,
	.investors__graph--title,
	.exe_title .bod__block--title,
	.financial__calendar--title,
	.financial__program--title,
	.financial__newsletter--title,
	.annual__grid--title,
	.sus__video--title,
	.foundation--video--title,
	.contact__company__title,
	.grey__link--title {
		font-size: 4rem;
		line-height: 5rem;
	}

	.search_icon {
		position: absolute;
		right: 6%;
		top: 85%;
	}

	.search_icon a {
		width: 35px;
		height: 35px;
		display: block;
	}

	.header.header__scrollup .search_icon,
	.header__scrolldown .search_icon {
		position: absolute;
		right: 2%;
		top: 30%;
	}
}

@media screen and (min-width: 1530px) and (max-width: 1663px) {
	/* ! homepage */
	html {
		font-size: 52%;
	}

	.imageAccording--bg {
		width: 90%;
		top: 85%;
	}

	/* ! corporate gov */
	.com_doc--right li a .spanicon {
		width: 25px;
		height: 25px;
	}

	.com_sep__wrapper a .sep-icon {
		width: 25px;
		height: 25px;
	}

	/* ! our commitment */
	.sus__dev--gridleft,
	.sus__dev--gridright {
		height: 325px;
	}

	.sus__dev--grid--images {
		margin-top: auto;
	}

	.ferney__right {
		height: 665px;
	}

	/* ! news */

	.newslisting__item--title {
		font-size: 1.8rem;
		line-height: 2.4rem;
		width: 80%;
	}

	.corporate__news--text {
		font-size: 1.5rem;
		line-height: 1.8rem;
	}

	.corporate__news--title {
		font-size: 1.5rem;
		line-height: 1.6rem;
		margin-bottom: 2.5rem;
	}

	.jumptoarchive > span {
		font-size: 1.8rem;
		line-height: 2rem;
	}
}

@media screen and (min-width: 1664px) and (max-width: 1750px) {
	.cnt__1705 {
		width: 90%;
	}

	/* ! homepage */
	.header__logo {
		width: 100px;
	}

	.header__cnt {
		width: 90%;
	}

	.cnt__1630 {
		max-width: 163rem;
		width: 90%;
	}

	.hero__text {
		margin-bottom: 8%;
	}

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

	.sub-nav > li > a {
		font-size: 1.6rem;
		line-height: 1.8rem;
	}

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

	.header__scrollup .header__nav,
	.header__scrolldown .header__nav {
		width: 80%;
	}

	.homepage__about--desc h2 {
		font-size: 4rem;
		line-height: 5rem;
		margin-bottom: 2rem;
	}

	.homepage__about--desc p {
		font-size: 1.8rem;
		line-height: 2.6rem;
	}

	.homepageGrid__investor--title {
		font-size: 2.8rem;
		line-height: 3rem;
	}

	.homepageGrid__investor--title span {
		font-size: 6rem;
		line-height: 4rem;
	}

	.homepageGrid__investor--left {
		font-size: 5rem;
		line-height: 5rem;
	}

	.homepageGrid__investor--left span {
		font-size: 2rem;
		line-height: 2rem;
	}

	.homepageGrid__investor--right {
		font-size: 5rem;
		line-height: 5rem;
	}

	.homepageGrid__investor--right span {
		font-size: 2rem;
		margin-left: 11px;
	}

	.homepage__shareprice sup {
		font-size: 2.4rem;
	}

	.homepage__shareprice strong {
		font-size: 7rem;
		line-height: 5.5rem;
	}

	.homepage__shareprice span {
		font-size: 3rem;
		line-height: 4rem;
	}

	.homepageGrid__sharetitle {
		font-size: 2.6rem;
		line-height: 3.4rem;
	}

	.homepage__about--shareprice {
		padding: 0 7%;
	}

	.homebod__title {
		font-size: 3rem;
		line-height: 4rem;
	}

	.global__inner--title {
		font-size: 4.4rem;
		line-height: 4.4rem;
	}

	.global__inner--bot {
		font-size: 2rem;
		line-height: 3rem;
	}

	.imageAccordion--Title {
		font-size: 7rem;
		line-height: 7rem;
	}

	.accordionImg {
		height: 570px;
	}

	.panelImg__title {
		font-size: 3rem;
		margin-bottom: 2rem;
	}

	.panelImg__text {
		font-size: 1.8rem;
		line-height: 2.4rem;
	}

	.imageAccordion {
		padding: 10rem 0 5rem;
	}

	.news__more {
		padding: 5rem 0 0 0;
	}

	.news__more--Title {
		font-size: 7rem;
		line-height: 7rem;
	}

	.news__box {
		width: 100%;
		height: 320px;
	}

	.news__box--desc {
		padding: 6rem 2rem 2rem;
	}

	.news__box--title {
		font-size: 1.6rem;
		line-height: 2rem;
		margin-bottom: 1rem;
	}

	.footer__cnt {
		width: 90%;
	}

	/* ! executive team */
	.hero__paragraph h1 {
		font-size: 4rem;
		line-height: 6rem;
	}

	.separator__quote li {
		font-size: 2.4rem;
		line-height: 3rem;
	}

	.separator__quote {
		padding: 3rem 0 3rem;
	}

	.bod__block--title {
		font-size: 4rem;
		line-height: 5rem;
	}

	.bod__gallery--item--position {
		font-size: 1.8rem;
		line-height: 2.2rem;
	}

	/* ! the group team */
	.separtor__blue--text {
		font-size: 2.4rem;
		line-height: 3rem;
	}

	.separator__blue {
		padding: 3rem 2rem;
	}

	.imageAccordion.imageAccordion-about .imageAccordion--Title {
		font-size: 7rem;
		line-height: 8rem;
	}

	.aboutTimeline--wrapper-mainTitle {
		font-size: 7rem;
		line-height: 8rem;
		margin-bottom: 4rem;
	}

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

	.aboutTime--img {
		width: 30%;
	}

	.a_timeline--text ul li::before {
		top: 3px;
	}

	/* ! financial */
	.hero.corporate-banner .hero__paragraph {
		font-size: 1.8rem;
		line-height: 2.4rem;
	}

	.financial__report--title {
		font-size: 4rem;
		line-height: 5rem;
	}

	.financial__headtab > span {
		height: 40px;
		font-size: 2.8rem;
		line-height: 3rem;
	}

	.financial__bodytab--box--child > span {
		font-size: 1.8rem;
		line-height: 2rem;
		height: 55px;
		padding-bottom: 15px;
	}

	.box-child--text {
		font-size: 1.3rem;
		line-height: 1.8rem;
	}

	.box-child--arrow {
		width: 25px;
		height: 25px;
		left: -40px;
		top: 1px;
	}

	.financial__calendar--list li a span {
		order: 1;
		margin-bottom: 10px;
	}

	.financial__calendar--list li strong::before {
		content: "";
		left: -30px;
		top: -1px;
	}

	.financial__newsletter--form .js-form-item {
		max-width: 300px;
	}

	.financial__calendar--title {
		font-size: 4rem;
		line-height: 4.2rem;
	}

	.annoucement__title {
		font-size: 3rem;
		line-height: 4rem;
	}

	.annoucement--company {
		font-size: 2rem;
		line-height: 3rem;
	}

	.anoucementswiper-one .swiper-button-next,
	.anoucementswiper-one .swiper-button-prev {
		width: 30px;
		height: 30px;
	}

	.annoucement__slide {
		height: 35px;
	}

	.anoucementswiper-one .swiper-button-next,
	.anoucementswiper-one .swiper-button-prev {
		top: 50%;
		margin-top: 0;
		z-index: 10;
		transform: translateY(-50%);
	}

	.annoucement__year--content--box a .icnbox {
		width: 25px;
		height: 25px;
	}

	.financial__program--title {
		font-size: 4rem;
		line-height: 4.2rem;
	}

	.d_more--title {
		font-size: 4rem;
		line-height: 6rem;
	}

	.program--desc {
		font-size: 1.6rem;
		line-height: 2rem;
	}

	.program-icn {
		width: 25px;
		height: 25px;
		top: -2px;
	}

	.program--year {
		padding-left: 40px;
	}

	.programswiper .swiper-button-prev {
		left: auto;
		right: 4%;
	}

	/* ! corporate gov */
	.simpletext {
		padding: 12.8rem 0 6rem 0;
	}

	.com_board--left--title {
		font-size: 4rem;
		line-height: 6rem;
	}

	.com_board--left--text {
		font-size: 1.8rem;
		line-height: 2.4rem;
	}

	.com_board--right--b > span {
		font-size: 2rem;
		line-height: 2.4rem;
		margin-bottom: 2rem;
	}

	.com_doc {
		padding: 12rem 0;
	}

	/* ! our commitment */
	.sus__dev--title {
		font-size: 4rem;
		line-height: 5rem;
	}

	.sus__dev--text {
		font-size: 2rem;
		line-height: 2.4rem;
		width: 80%;
	}

	.sus__dev--gridleft {
		padding: 3rem 3rem;
	}

	.ferney__title {
		width: 180px;
	}

	.ferney__text {
		font-size: 1.8rem;
		line-height: 2.4rem;
		width: 80%;
	}

	/* .ferney__grid > div {
    height: 260px;
  } */

	.ferney__grid--firstblue-title,
	.ferney__grid--firstwhite--title,
	.ferney__grid--secondwhite--title,
	.ferney__grid--lightblue--title,
	.ferney__grid--secondblue--title {
		font-size: 1.8rem;
		line-height: 2.4rem;
	}

	.ferney__grid--firstblue,
	.ferney__grid--firstwhite,
	.ferney__grid--yellow,
	.ferney__grid--secondwhite,
	.ferney__grid--lightblue,
	.ferney__grid--secondblue {
		padding: 4rem 3rem 4rem 3rem;
	}

	/* .ferney__grid--yellow--text {
    font-size: 3rem;
    line-height: 3.8rem;
  } */

	.ferney__right {
		height: 700px;
	}

	.sus__video--text {
		font-size: 1.8rem;
	}

	.sus__video--btn .more--btn {
		font-size: 1.8rem;
	}

	/* ! ciel foundation */
	.foundation__img {
		max-width: 300px;
	}

	.foundation--text {
		font-weight: var(--light);
		font-size: 2rem;
		line-height: 2.4rem;
	}

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

	.foundation__grid {
		max-width: 700px;
	}

	.foundation__grid > div {
		width: 350px;
	}

	.foundation__right {
		height: 620px;
	}

	.focusarea--boxnum {
		font-size: 4rem;
		line-height: 5rem;
	}

	.foundation--video-left {
		padding: 0 10% 0 0%;
	}

	.foundation--video--text {
		font-size: 1.8rem;
		line-height: 2.4rem;
	}

	.f-banner--text {
		font-size: 1.8rem;
		line-height: 2.8rem;
		margin-top: 5rem;
		margin-bottom: 5rem;
	}

	.f-banner-right {
		width: 48.8%;
	}

	.f-banner-left {
		padding: 4% 10% 4% 4%;
	}

	/* ! life at ciel */
	.video__intro__title,
	.notvideo__intro--title {
		font-size: 4rem;
		line-height: 5rem;
		margin-bottom: 3rem;
	}

	.video__intro__paragraph,
	.notvideo__intro--text {
		font-size: 1.8rem;
		line-height: 2.4rem;
	}

	.global__inner--bot strong {
		font-size: 3rem;
		line-height: 4rem;
	}

	.life--slider--title {
		font-size: 4rem;
		line-height: 5rem;
	}

	.lifebox {
		height: 330px;
	}

	.lifebox__desc .d-name {
		font-size: 2.2rem;
		line-height: 2.4rem;
	}

	.lifebox__desc .d-title {
		font-size: 1.8rem;
		line-height: 2rem;
	}

	/* ! careers */
	.vacancies--bot {
		padding: 0;
		margin-top: 5rem;
	}

	.modal-close {
		width: 30px;
		height: 30px;
		left: -50px;
	}

	.vacancies--modal--left--desc {
		font-size: 1.4rem;
		line-height: 2rem;
	}

	.vacancies--modal--cnt {
		width: 85%;
	}

	.vacancies--modal--left--title {
		font-size: 2.4rem;
		line-height: 3rem;
	}

	.vacancies--modal--left--cluster {
		font-size: 1.8rem;
		line-height: 2.2rem;
	}

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

	.careers__left--btn a {
		font-size: 1.8rem;
		line-height: 2.8rem;
	}

	.vacancies--box--cluster {
		font-size: 1.4rem;
		line-height: 2.4rem;
	}

	.careers__testimonials--box--text {
		font-size: 1.6rem;
		line-height: 2.2rem;
	}

	.vacancies--modal {
		align-items: flex-start;
		justify-content: center;
		padding: 5rem 0 5rem 0;
		overflow: auto;
	}

	.careers__left {
		height: 520px;
		width: 50%;
		padding: 5% 9%;
	}

	.careers__testimonials {
		padding: 8rem 0 5rem 0;
	}

	/* ! news */
	.newslisting__item--title {
		font-size: 1.6rem;
		line-height: 2rem;
		width: 90%;
	}

	.newslisting__item--btn .btn__arrow {
		font-size: 1.2rem;
		line-height: 1.2rem;
	}

	.newslisting__item--btn .btn__arrow .circle,
	.corporate__news--btn .btn__arrow .circle {
		width: 40px;
		height: 40px;
	}

	.newslisting__item--btn .btn__arrow .circle svg,
	.corporate__news--btn .btn__arrow .circle svg {
		top: -5px;
		width: 100%;
		height: 100%;
	}

	.corporate__news--title {
		font-size: 1.6rem;
		line-height: 1.6rem;
		margin-bottom: 0.5rem;
	}

	.corporate__news--text {
		font-size: 1.4rem;
		line-height: 1.6rem;
	}

	.corporate__news--btn .btn__arrow {
		font-size: 1.4rem;
		line-height: 1.4rem;
	}

	.newsletter__form form {
		display: flex;
		align-items: flex-end;
	}

	.newsletter__form button {
		width: 30px;
		background-size: 30px;
		height: 30px;
	}

	.newslisting__newletter--title {
		font-size: 2rem;
	}

	.jumptoarchive > span {
		font-size: 1.4rem;
		line-height: 1.4rem;
	}

	.scrolldownbox {
		height: 80px;
	}
	.box span {
		width: 10px;
		height: 10px;
	}

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

	.search_icon {
		position: absolute;
		right: 6%;
		top: 85%;
	}

	.search_icon a {
		width: 35px;
		height: 35px;
		display: block;
	}

	.header.header__scrollup .search_icon,
	.header__scrolldown .search_icon {
		position: absolute;
		right: 2%;
		top: 30%;
	}
}

@media screen and (min-width: 1720px) and (max-width: 1750px) {
	/* ! homepage */
	.accordionImg {
		height: 600px;
	}
	.contact__svg {
		position: absolute;
		width: 40%;
		right: 26%;
		bottom: -10%;
		z-index: -1;
		pointer-events: none;
	}
}

@media screen and (min-width: 2400px) and (max-width: 2700px) {
	/* ! homepage */
	.news__box {
		width: 100%;
		height: 440px;
	}
}

@media screen and (min-width: 2000px) {
	.contact__svg {
		position: absolute;
		width: 35%;
		right: 26%;
		bottom: -5%;
	}
}