:root {
  --title-font: "Be Vietnam Pro", sans-serif;
  --body-font: "Raleway", sans-serif;
  --transition-03s: all 0.3s ease-in-out;
  --primary-green-cl: #70755f;
  --body-cl: #494343;
  --dark-puple-cl: #37374e;
  --yellow-cl: #dac556;
  --lightblue-cl: #b5c5d1;
  --orange-cl: #e96852;
  --lightBrown-cl: #d4b9a8;

  --finance-cl: #37374e;
  --technology-cl: #e96852;
  --commerce-cl: #d4b9a8;
  --logistics-cl: #8f6c95;
  --realestate-cl: #dac556;
  --hospitality-cl: #b7c7d3;
  --agri-cl: #3d441e;
}

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

/* Works on Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: red;
}

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

*::-webkit-scrollbar-track {
  background: red;
}

*::-webkit-scrollbar-thumb {
  background-color: #000;
}

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

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

html {
  font-size: 62.5%;
  line-height: 1.15;
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  overflow-y: scroll;
}

body {
  font-family: var(--body-font);
  font-size: 1.6rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Firefox */
* {
  scrollbar-width: none;
}

/* Chrome, Edge, Safari */
*::-webkit-scrollbar {
  width: 0;
  background: transparent;
}

.fp-overflow {
  overflow-y: scroll !important;
  scrollbar-width: none; /* Firefox */
}

.fp-overflow::-webkit-scrollbar {
  width: 0px;
  background: transparent; /* Chrome/Safari/Edge */
}

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

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

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-weight: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
  background: none;
  border: none;
  color: inherit;
}

textarea {
  width: 100%;
}

input:focus,
textarea:focus,
select:focus,
button:focus {
  outline: none;
}

fieldset,
legend {
  border: none;
  padding: 0;
  margin: 0;
}

main {
  display: block;
}

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

img {
  border-style: none;
}

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

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

/* ! Global css */
.core {
  position: relative;
}

.cnt {
  width: 100%;
  margin: 0 auto;
}

/* ! Header */
.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9;
  padding: 4rem 5% 1rem 5%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  transition: var(--transition-03s);
  /* display: none; */
}

.header_logo {
  width: 13.8rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 4rem;
}

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

.filllogo {
  fill: #fff;
  transition: var(--transition-03s);
}

.header_right {
  display: flex;
  align-items: center;
  gap: 2rem;
}

.header_shareprice {
  display: flex;
  flex-direction: column;
  font-size: 1.6rem;
  color: #fff;
  font-weight: 300;
  font-family: var(--title-font);
}

.header_search {
  width: 2.5rem;
}

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

.header.panel2-active {
  background: rgba(255, 255, 255, 0.5);
  height: 10rem;
  padding: 2rem 5% 2rem 5%;
  align-items: center;
}

.header_burger {
  cursor: pointer;
  position: relative;
  z-index: 1;
  left: -2rem;
  top: -3rem;
}

.header .header_burger {
  cursor: pointer;
  position: relative;
  z-index: 1;
  left: -2rem;
  top: 0rem;
}

.menu_btn {
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  padding: 0;
  width: 8rem;
  position: relative;
}

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

.line {
  fill: none;
  stroke: #fff;
  stroke-width: 6;
  transition:
    stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
    stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}
.line1 {
  stroke-dasharray: 60 207;
  stroke-width: 2;
}
.line2 {
  stroke-dasharray: 60 60;
  stroke-width: 2;
}
.line3 {
  stroke-dasharray: 60 207;
  stroke-width: 2;
}
.opened .line1 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 2;
}
.opened .line2 {
  stroke-dasharray: 1 60;
  stroke-dashoffset: -30;
  stroke-width: 2;
}
.opened .line3 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 2;
}

/* close end */
.header.panel2-active .header_burger .header_burgerstroke {
  stroke: var(--primary-green-cl);
}

.header.panel2-active .header_shareprice {
  color: var(--primary-green-cl);
}

.header.panel2-active .header_logo {
  width: 7.8rem;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 50%;
}

.header.panel2-active .filllogo {
  fill: var(--primary-green-cl);
}

.header_nav {
  width: 21%;
  /* height: 70rem; */
  position: fixed;
  top: 0;
  left: 5rem;
  display: flex;
  flex-direction: column;
  opacity: 0;
  transition: var(--transition-03s);
  pointer-events: none;
  visibility: hidden;
}

.header_nav.active {
  opacity: 1;
  transition: var(--transition-03s);
  pointer-events: auto;
  visibility: visible;
}

.header_nav nav {
  width: 100%;
  background: var(--primary-green-cl);
  padding: 13rem 4rem 0 4rem;
  /* height: 66%; */
}

.header.panel2-active .header_nav nav {
  padding: 10rem 4rem;
}

.header_nav ul {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  position: relative;
  z-index: 1;
}

.header_nav ul > li > a {
  color: #fff;
  font-family: var(--title-font);
  font-size: 4rem;
  font-style: normal;
  font-weight: 300;
  line-height: 4.2rem;
}
.header_nav ul > li > a:hover {
  color: var(--yellow-cl);
}

.header_nav_img {
  display: flex;
  width: 100%;
  position: relative;
  top: -0.1rem;
}

/* Collapse by default */
.dropdown_menu,
.has-dropdown > ul {
  display: none;
  padding: 0;
  margin: 0;
}

.dropdown_menu {
  gap: 2rem;
  position: relative;
  top: 1rem;
}

.header_nav .dropdown_menu li {
  position: relative;
  padding-left: 2rem;
}

.header_nav .dropdown_menu li::after {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  background: #fff;
  border-radius: 100%;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.header_nav .dropdown_menu li a {
  color: #fff;
  font-family: var(--title-font);
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 300;
  line-height: 3rem;
}

.header_nav .dropdown_menu li.active a {
  font-weight: 500;
}

.header.panel2-active .line {
  stroke: var(--primary-green-cl);
}

.header.panel2-active .menu_btn.opened .line {
  stroke: #fff;
}

.has-dropdown.open > .dropdown_menu,
.has-dropdown.open > ul {
  display: block;
}

/* Desktop hover - expand content */
/* @media (min-width: 992px) {

} */

/* ! Footer */
.footer {
  display: flex;
  width: 100%;
}

.footer_left {
  width: 43.23%;
  background: var(--dark-puple-cl);
  height: 35rem;
  display: flex;
  flex-direction: column;
  padding-left: 5%;
  /* padding-top: 6rem;
	padding-bottom: 1rem; */
  padding-top: 3rem;
  padding-bottom: 3rem;
  padding-right: 4%;
}

.footer_left_title {
  color: #fff;
  font-family: var(--title-font);
  font-size: 3rem;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
}

.footer_left_txt {
  color: #fff;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.5rem;
  margin-top: 2rem;
}

.footer_left_copywrite {
  color: #fff;
  font-size: 1.2rem;
  font-weight: 300;
  line-height: normal;
  margin-top: auto;
}

.footer_mid {
  width: 38.02%;
  background: var(--yellow-cl);
  height: 35rem;
  display: flex;
  padding-left: 5%;
  /* padding-top: 6rem;
	padding-bottom: 1rem; */
  padding-top: 3rem;
  padding-bottom: 3rem;
  padding-right: 4%;
}

.footer_mid_links {
  display: flex;
  flex-direction: column;
  width: 48%;
}

.footer_mid_title {
  color: #fff;
  font-family: var(--title-font);
  font-size: 3rem;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  margin-bottom: 2rem;
}

.footer_mid_links > ul {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.footer_mid_links > ul > li > a {
  color: #fff;
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.footer_mid_txt {
  color: #fff;
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.footer_mid_links > ul > li > a:hover {
  color: #000;
}

.footer_socials ul {
  display: flex;
  gap: 3rem;
  align-items: center;
  margin-top: 5rem;
}

.footer_right {
  width: 18.75%;
  background: var(--primary-green-cl);
  height: 35rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.footer_right a {
  background: #fff;
}

/*  !  newsletter */
.newsletter {
  background: var(--primary-green-cl);
  position: relative;
}

.newsletter_wp {
  width: 100%;
  height: 100%;
  display: flex;
  border-top-right-radius: 25rem;
  background: var(--dark-puple-cl);
  padding: 2rem 10% 5rem;
  align-items: flex-end;
  justify-content: center;
}

.newsletter_title {
  color: #fff;
  font-family: var(--title-font);
  font-size: 6.9rem;
  font-weight: 800;
  line-height: 7.5rem;
  padding-top: 3rem;
  width: 50%;
}

.newsletter_btn {
  display: flex;
  margin-left: 7rem;
  position: relative;
  top: -1rem;
}

.newsletter_btn a {
  color: #fff;
  border-color: #fff;
}

/* ! Brands */
.segment_brands {
  padding: 20rem 5% 10rem 5%;
  background: rgb(228 228 225);
}

.segment_brands_wp {
  display: flex;
  width: 100%;
  gap: 1%;
}

.segment_brands_items {
  width: 12.5%;
  display: flex;
  flex-direction: column;
}

.segment_brands_title {
  color: #6f7061;
  font-family: var(--title-font);
  font-size: 2rem;
  font-weight: 800;
  line-height: 3rem;
  text-transform: uppercase;
  height: 7rem;
  display: flex;
  width: 100%;
}

.segment_brands_items ul {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
  margin-top: 2rem;
}

.segment_brands_items ul li a,
.segment_brands_items ul li span {
  color: #6f7061;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 600;
  line-height: 3rem;
}

.segment_brands_items ul li a:hover,
.segment_brands_items ul li span:hover {
  color: #e86852;
}

/* ! Homepage */

/* ! masking */
.hiding_svg {
  height: 0;
  width: 0;
  position: absolute;
}
/* Actual video masking */
.video-mask-wrapper {
  position: fixed;
  z-index: 1;
  background: transparent;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  pointer-events: none;
  z-index: 2;
  top: -2px;
}

.video-mask-wrapper.active {
  opacity: 1;
}

.mask-target-slot {
  position: relative;
}

.mask-target-slot .video-mask-wrapper {
  position: absolute;
}

.video-mask-item {
  width: 28%;
  height: 100vh;
  clip-path: url(#clip-path-video);
  -webkit-clip-path: url(#clip-path-video);
  overflow: hidden;
}

.video-mask-item img {
  width: 100%;
  height: 100%;
}

.video-mask-item video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transform: scale(1.15);
}

video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/*  ? homepage section 1 */
.fullscreenvideo video {
  object-fit: cover;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.fp-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  z-index: 0;
  top: 0;
  left: 0;
}

.banner_btn {
  position: absolute;
  right: 5%;
  bottom: 5%;
}

.banner_btn .btn_courbe {
  border: 1px solid #fff;
  color: #fff;
}

/*  ? homepage section 2 */
.hm_second_panel {
  height: 100vh;
  background: #fff;
  display: flex;
  position: relative;
}

.second_panel_wp {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
}

.second_panel_wp.hidden {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

.second_panel_left {
  width: 36%;
  height: 100%;
  position: relative;
}

.second_panel_mid {
  width: 28%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}

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

.second_panel_right {
  width: 36%;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
}

/* ! masking container second panel */
.second_panel_maskingsvg {
  width: 27%;
  height: 100%;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  overflow: hidden;
  opacity: 0;
}

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

/* ! second elements */
.second_panel_shape_one {
  position: absolute;
  width: 62.5%;
  right: 0;
  top: 0;
  z-index: 1;
  overflow: hidden;
}

.square_element {
  width: 35.5%;
  position: absolute;
  right: -2px;
  bottom: 54.08%;
  z-index: 1;
}

/* ! content panel two */
.panel_content {
  height: 82.08%;
  margin-top: auto;
  display: flex;
  flex-direction: column;
}

.hompage_intro {
  display: flex;
  flex-direction: column;
  width: 90%;
  padding: 3rem;
}

.hompage_intro_title {
  color: var(--primary-green-cl);
  font-family: var(--title-font);
  font-size: 6.9rem;
  font-weight: 800;
  line-height: 6.5rem;
  width: 80%;
}

.hompage_intro_txt {
  color: var(--primary-green-cl);
  font-size: 2rem;
  font-weight: 500;
  line-height: 2.6rem;
  margin-top: 3rem;
  overflow: hidden;
  position: relative;
}

.hompage_intro_title .line,
.hompage_intro_txt .line {
  display: block;
  will-change: transform;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
}

.hompage_intro_btn {
  display: flex;
  margin-top: 4.5rem;
}

.btn_courbe {
  padding: 0rem 2rem 0rem 2rem;
  border: 1px solid #707161;
  color: #707161;
  font-family: var(--title-font);
  font-size: 2.4rem;
  font-weight: 300;
  border-top-right-radius: 6rem;
  height: 4rem;
  display: flex;
  align-items: center;
  transition: var(--transition-03s);
}

.btn_courbe:hover {
  border-top-right-radius: 0rem;
}

.btn_courbe_white {
  border: 1px solid #fff;
  color: #fff;
}

/* ! key value boxes */
.second_panel_key {
  position: absolute;
  left: 0;
  bottom: -8rem;
  width: 100%;
  height: 25rem;
  overflow: hidden;
  display: flex;
  align-items: center;
  padding-bottom: 5rem;
}

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

.keyvalue_left ul {
  display: flex;
  gap: 8rem;
  /* transform: translateX(-100%); */
}

.keyvalue_left ul li {
  display: flex;
  flex-direction: column;
  font-family: var(--title-font);
  color: var(--primary-green-cl);
  white-space: nowrap;
  min-width: 15rem;
}

.life_at_frci .keyvalue_left ul li {
  display: flex;
  flex-direction: column;
  white-space: initial;
  max-width: 20rem;
  min-width: 15rem;
}

.keyvalue_right ul li {
  display: flex;
  flex-direction: column;
  font-family: var(--title-font);
  color: var(--primary-green-cl);
  white-space: nowrap;
  min-width: 15rem;
}

.keyvalue_num {
  font-size: 5rem;
  font-weight: 800;
  line-height: 6rem;
}

.keyvalue_title {
  font-size: 3rem;
  font-weight: 300;
  line-height: 3rem;
}

.keyvalue_title span {
  font-size: 2rem;
  font-weight: 600;
  line-height: 3rem;
}

.growline-wp {
  width: 100%;
  position: absolute;
  top: 20%;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  opacity: 0;
  z-index: 1;
}

.growline-wp.active {
  opacity: 1;
}

.growline {
  width: 99.8%;
  height: 0%;
  display: flex;
  background: var(--primary-green-cl);
  position: relative;
}

.cls-1 {
  fill: var(--primary-green-cl);
}

.growline-shape {
  display: flex;
  width: 99.8%;
  position: relative;
  top: -15rem;
}

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

/*  ? homepage section 3 */
.third_panel {
  height: 100vh;
  padding: 10rem 0;
  background: #fff;
  display: flex;
  position: relative;
}

.third_panel_wp {
  display: flex;
  width: 100%;
  height: 100%;
  position: relative;
  align-items: center;
}

.third_pane_map {
  position: absolute;
  width: 35%;
  left: 12%;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  /* opacity: 0;
	transform-origin: center center;
	will-change: transform, opacity; */
}

.third_panel-right {
  margin-left: auto;
  width: 36%;
  height: 100%;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  padding-left: 3rem;
  /* padding-top: 15rem; */
  justify-content: center;
}

.maps_content_title {
  color: var(--primary-green-cl);
  font-family: var(--title-font);
  font-size: 6.9rem;
  font-weight: 800;
  line-height: 6.5rem;
  width: 90%;
}

.maps_content_txt {
  color: var(--primary-green-cl);
  font-size: 2rem;
  font-weight: 500;
  line-height: 2.6rem;
  margin-top: 3rem;
  width: 65%;
}

.maps_content_title .line,
.maps_content_txt .line {
  display: block;
  will-change: transform;
}

/*  ? homepage section 4 */
.fourth_panel {
  min-height: 100vh;
  padding: 5rem 0;
}

.fourth_panel_wp {
  display: flex;
  height: 100%;
  width: 100%;
  position: relative;
  /* padding-top: 20rem; */
  padding-top: 15rem;
}

.fourth_panel_left {
  width: 36%;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  padding-left: 10%;
  padding-right: 1.5rem;
}

.fourth_panel_left_title {
  color: var(--primary-green-cl);
  font-family: var(--title-font);
  font-size: 6.9rem;
  font-weight: 800;
  line-height: 6.5rem;
}

.fourth_panel_left_dls {
  display: flex;
  flex-direction: column;
  margin-top: 7rem;
  gap: 5rem;
}

.fourth_panel_left_dls li a {
  display: flex;
  color: var(--primary-green-cl);
  font-weight: 300;
  align-items: flex-start;
}

.dls_icn {
  width: 3.8rem;
  padding-top: 0.6rem;
}

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

.fill_dls {
  fill: #6f7062;
  transition: var(--transition-03s);
}

.fourth_panel_left_dls li a:hover .fill_dls {
  fill: #e86852;
}

.fourth_panel_left_dls li a:hover {
  color: #e86852;
}

.dls_info {
  width: 80%;
  margin-left: 2rem;
  display: flex;
  flex-direction: column;
}

.dls_title {
  font-family: var(--title-font);
  font-size: 3rem;
  line-height: 3rem;
}

.dls_txt {
  font-size: 2rem;
  line-height: 2.6rem;
  margin-top: 1.2rem;
}

.fourth_panel_left_btn {
  display: flex;
  margin-top: 5rem;
}

.fourth_panel_mid {
  width: 27%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  top: 0%;
  flex-direction: column;
  z-index: 2;
}

.fourth_panel_mid-line {
  width: 100%;
  height: 0%;
  display: flex;
  background: var(--primary-green-cl);
}

.fourth-growline-shape {
  display: flex;
  width: 100%;
}

.fourth-growline-shape svg {
  width: 100%;
  height: 100%;
  display: block;
}

.fourth_panel_mid_wp {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 40rem 5rem 0 5rem;
}

.fourth_panel_mid_title {
  font-family: var(--title-font);
  color: #fff;
  font-size: 6.6rem;
  font-weight: 800;
  line-height: 7rem;
}

.fourth_panel_mid_price {
  font-family: var(--title-font);
  color: #d9c454;
  font-size: 6.6rem;
  font-weight: 800;
  line-height: 7rem;
}

.fourth_panel_mid_date {
  font-family: var(--title-font);
  color: #fff;
  font-size: 3rem;
  font-weight: 800;
  line-height: 4rem;
}

.fourth_panel_right {
  width: 36.5%;
  height: 100%;
  margin-left: auto;
  display: flex;
  padding: 20rem 3rem 0 3rem;
}

.fourth_panel_value ul {
  display: flex;
  flex-wrap: wrap;
  gap: 2%;
  width: 100%;
}

.fourth_panel_value li {
  display: flex;
  flex-direction: column;
  font-family: var(--title-font);
  color: var(--primary-green-cl);
  white-space: nowrap;
  width: 48%;
  margin-bottom: 6rem;
}
/*  ? homepage section 5 */
.fifth_panel {
  height: 100vh;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.fifth_panel_wp {
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.fifth_panel_mid {
  width: 27%;
  height: 100%;
  /* background: #6f7060; */
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  top: 0;
  display: flex;
  z-index: 2;
}

.fifth_panel_mid_info {
  display: flex;
  flex-direction: column;
  padding: 15rem 5rem 0 5rem;
}

.fifth_panel_mid_title {
  color: #fff;
  font-family: var(--title-font);
  font-size: 5.5rem;
  font-weight: 800;
  line-height: 6rem;
}

.fifth_panel_mid_txt {
  color: #fff;
  font-size: 2rem;
  font-weight: 500;
  line-height: 2.6rem;
  margin-top: 3rem;
}

.fifth_panel_left_btn {
  display: flex;
  margin-top: 5rem;
}

.fifth_panel_mid_title .line,
.fifth_panel_mid_txt .line {
  display: block;
  will-change: transform;
}

.fifth_panel_bg_overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff; /* or white/green if preferred */
  z-index: 0;
  pointer-events: none;
  opacity: 1;
}

/*  ? homepage section 6 */
.sixth_panel {
  height: 100vh;
  display: flex;
  position: relative;
  z-index: 2;
  background: #fff;
  margin-bottom: 12rem;
}

.sixth_panel_wp {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
}

.sixth_panel_left {
  width: 36%;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  padding-left: 10%;
  padding-right: 1.5rem;
  padding-top: 20rem;
}

.sixth_panel_title {
  color: var(--primary-green-cl);
  font-family: var(--title-font);
  font-size: 6.9rem;
  font-weight: 800;
  line-height: 7.5rem;
}
.sixth_panel_txt {
  color: var(--primary-green-cl);
  font-size: 2rem;
  font-weight: 500;
  line-height: 2.6rem;
  margin-top: 4rem;
}

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

.sixth_panel_mid {
  position: relative;
  z-index: 2;
}

.sixth_panel_right {
  width: 36%;
  height: 100%;
  margin-left: auto;
  display: flex;
  padding: 30rem 3rem 0 3rem;
}

.sixth_panel_value ul {
  display: flex;
  flex-wrap: wrap;
  gap: 2%;
}

.sixth_panel_value li {
  display: flex;
  flex-direction: column;
  font-family: var(--title-font);
  color: var(--primary-green-cl);
  width: 48%;
  margin-bottom: 6rem;
}

.sixth_panel_mid {
  width: 28%;
  height: 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  z-index: -1;
  top: 0;
  display: flex;
  overflow: hidden;
}

.sixth_panel_mid-img {
  width: 100%;
  position: relative;
  display: flex;
  overflow: overlay;
  z-index: 1;
}

.sixth_panel_mid-img-shape {
  position: absolute;
  width: 100%;
  right: -0.1rem;
  bottom: -0.1rem;
}

/* .masked-image {
	width: 101%;
	height: 100%;

	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	clip-path: url(#clip-path-video);
	-webkit-clip-path: url(#clip-path-video);
	position: relative;
	top: -15rem;
} */

/*  ? homepage section 7 */
.seventh_panel {
  padding: 2rem 0 5rem 0;
}

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

.seventh_panel_title {
  color: var(--primary-green-cl);
  font-family: var(--title-font);
  font-size: 6.9rem;
  font-weight: 800;
  line-height: 7.5rem;
  padding-left: 10%;
}

.segments_listing {
  margin-top: 7rem;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 0 3%;
}

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

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

.segments_item_img {
  display: flex;
  justify-content: center;
  width: 75%;
  margin: 0 auto;
  margin-bottom: 1rem;
  position: relative;
}

.segment-logo-hover {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  visibility: hidden;
  transition: var(--transition-03s);
  display: block !important;
}

.segments_item a:hover .segment-logo-hover {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.segments_item_name {
  color: var(--primary-green-cl);
  text-align: center;
  font-family: var(--title-font);
  font-size: 2.8rem;
  font-weight: 300;
  line-height: normal;
}

/*  ? homepage section 8 */
.eigth_panel {
  padding: 7rem 0 10rem;
  position: relative;
  z-index: 1;
  background: #fff;
}

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

.eigth_panel_top {
  display: flex;
  width: 100%;
  padding: 0 10%;
  align-items: center;
  justify-content: space-between;
}

.eigth_panel_title {
  color: var(--primary-green-cl);
  font-family: var(--title-font);
  font-size: 6.9rem;
  font-weight: 800;
  line-height: 7.5rem;
}

.eigth_panel_bot {
  width: 100%;
  display: flex;
  margin-top: 4rem;
  flex-direction: column;
}

.news_item {
  width: 100%;
  display: flex;
  height: 45rem;
  /* height: 55rem; */
  background: var(--primary-green-cl);
}

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

.news_item_img {
  width: 50%;
}

.news_item_img img {
  height: 100%;
  object-fit: cover;
}

.news_item_desc {
  width: 50%;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 2rem 2rem;
}

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

.news_item_cat {
  color: #fff;
  font-size: 2rem;
  font-weight: 500;
  line-height: 2.5rem;
}

.news_item_date {
  margin-left: auto;
  color: #fff;
  font-size: 2rem;
  font-weight: 500;
  line-height: 2.5rem;
}

.news_item_title {
  color: #fff;
  font-family: var(--title-font);
  font-size: 2.4rem;
  font-weight: 800;
  line-height: 2.8rem;
  margin-top: 2rem;
}

.news_item_txt {
  color: #fff;
  font-size: 2rem;
  font-weight: 500;
  line-height: 2.5rem;
  margin-top: 3rem;
}

.news_item_readmore {
  margin-top: auto;
  color: #fff;
  font-family: var(--title-font);
  font-size: 2.4rem;
  font-weight: 800;
  text-decoration: underline;
  text-underline-position: under;
  margin-bottom: 3rem;
}

.news_item.cat-sustainability {
  background: var(--primary-green-cl);
}

.news_item.cat-corporate {
  background: var(--orange-cl);
}

.news_nav {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  gap: 2rem;
  margin-top: 2rem;
  padding: 0 10%;
}

.news_nav .swiper-button-next,
.news_nav .swiper-button-prev {
  position: inherit;
  top: inherit;
  width: 5.5rem;
  height: 5.5rem;
  margin-top: 0;
}

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

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

.seg_nav {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  gap: 2rem;
  margin-top: 2rem;
  padding: 0 10%;
}

.seg_nav .swiper-button-next,
.seg_nav .swiper-button-prev {
  position: inherit;
  top: inherit;
  width: 5.5rem;
  height: 5.5rem;
  margin-top: 0;
}

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

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

/* Preloader Base */
/* Preloader Base */
#preloader {
  overflow: hidden;
  height: 100vh;
  width: 100%;
  position: fixed;
  z-index: 99999999999999999;
}

/* Panels */
.preloader-panel {
  position: fixed;
  top: 0;
  width: 50%;
  height: 100vh;
  background: var(--primary-green-cl);
  z-index: 1;
}

/* Position panels using transform-ready base */
.preloader-panel.left {
  left: 0;
  transform: translateX(0%);
}

.preloader-panel.right {
  right: 0;
  transform: translateX(0%);
}

/* Logo with Pulse Animation */
.preloader-logo {
  width: 15rem;
  z-index: 2;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.preloader-logo svg {
  width: 100%;
  height: 100%;
  display: block;
  animation: pulse 1.5s infinite ease-in-out;
}

@keyframes pulse {
  0%,
  100% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.1);
    opacity: 0.7;
  }
}

.midtest {
  position: fixed;
  height: 100vh;
  width: 28%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}

/* ! Glance */
.svg-mask-wrapper-Glance .video-mask-wrapper,
.second_panelAtGlance .video-mask-wrapper {
  width: 58%;
  left: 50%;
  transform: translateX(-50%);
}

.svg-mask-wrapper-Glance .video-mask-item,
.second_panelAtGlance .video-mask-item {
  clip-path: url(#clip-path-video_glance);
  -webkit-clip-path: url(#clip-path-video_glance);
  width: 100%;
}

.gl_secondpanel {
  min-height: 100vh;
  background: #fff;
  display: flex;
  position: relative;
}

.gl_secondpanel .mask-target-slot {
  position: sticky;
  top: 0;
  z-index: 1;
}

.gl_secondpanel_wp {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
}

.gl_secondpanel_wp.hidden {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

.gl_secondpanel_left {
  width: 35.5%;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  padding-left: 10%;
  padding-right: 5%;
  padding-top: 20rem;
}

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

.gl_secondpanel_title {
  color: var(--primary-green-cl);
  font-family: var(--title-font);
  font-size: 6.9rem;
  font-weight: 800;
  line-height: 7.5rem;
}

.gl_secondpanel_txt {
  color: var(--primary-green-cl);
  font-size: 2rem;
  font-weight: 500;
  line-height: 2.6rem;
  margin-top: 4rem;
}

.gl_secondpanel_txt strong {
  font-weight: 800;
}

.gl_secondpanel_left-bot {
  display: flex;
  flex-direction: column;
  margin-top: 12rem;
}

.gl_thirdpanel {
  background: transparent;
  display: flex;
  position: relative;
}

.gl_thirdpanel_wp {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
}

.gl_thirdpanel_wp .gl_secondpanel_left {
  padding-top: 5rem;
}

.gl_fourthpanel {
  padding: 5rem 0 5rem;
  overflow: hidden;
  height: 55vh;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 3;
  background: transparent;
  opacity: 0;
}

.gl_fourthpanel .keyvalue_left {
  z-index: 1;
  position: relative;
}

.Glnew_mid {
  width: 28.6%;
  height: 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  background: var(--yellow-cl);
  display: none;
}

.gl_fourthpanel_mid {
  width: 28.6%;
  height: 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  background: var(--yellow-cl);
}

.testsvg {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;

  z-index: 1;
}

.appear_at_end {
  width: 100%;
  position: absolute;
  left: -0.1rem;
  bottom: -0.1rem;
  z-index: 1;
  pointer-events: none;
}

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

.gl_fifthpanel {
  height: auto;
}

.gl_fifthpanel_wp {
  display: flex;
  width: 100%;
  height: 100%;
  position: relative;
}

.gl_fifthpanel_right {
  width: 35.5%;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  padding-left: 2%;
  padding-top: 15rem;
  padding-right: 5%;
}

.gl_fifthpanel_title {
  color: var(--primary-green-cl);
  font-family: var(--title-font);
  font-size: 6rem;
  font-weight: 800;
  line-height: 6.5rem;
}

.gl_fifthpanel_quote {
  color: var(--primary-green-cl);
  font-family: var(--title-font);
  font-size: 4rem;
  font-style: normal;
  font-weight: 800;
  line-height: 4.5rem;
  margin-top: 4rem;
  margin-bottom: 5rem;
}

.gl_fifthpanel_author {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  color: var(--body-cl);
  font-family: var(--title-font);
  font-size: 2.5rem;
  line-height: 3.5rem;
  font-weight: 100;
  margin-top: auto;
}

.gl_fifthpanel_author strong {
  font-weight: 800;
}

.gl_fifthpanel_btn {
  display: flex;
  margin-top: 5rem;
}

.gl_testimonials_video {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  overflow: hidden;
}

.playvideo {
  width: 9.4rem;
  display: flex;
  position: absolute;
  z-index: 1;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 75%;
}

.playvideo a {
  display: flex;
  cursor: pointer;
}

.playvideo a svg {
  width: 100%;
  height: 100%;
}

.filllogo_play {
  transition: var(--transition-03s);
  fill: var(--primary-green-cl);
}

.playvideo a:hover .filllogo_play {
  fill: var(--yellow-cl);
}

.gl_secondpanel_mid-triangleshape {
  width: 80%;
  position: absolute;
  left: -50%;
  top: 55%;
  transform: translateY(-50%);
}

.gl_sixthpanel {
  min-height: auto;
  height: 110vh;
}

.spacer_panel {
  height: 20rem;
}

.gl_sixthpanel_wp {
  display: flex;
  width: 100%;
  height: 100%;
  position: relative;
}

.gl_sixthpanel_left {
  width: 36%;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  padding-left: 10%;
  padding-right: 5%;
}

.gl_sixthpanel_title {
  color: var(--primary-green-cl);
  font-family: var(--title-font);
  font-size: 6.9rem;
  font-weight: 800;
  line-height: 7.5rem;
}

.gl_sixthpanel_txt {
  color: var(--primary-green-cl);
  font-size: 2rem;
  font-weight: 500;
  line-height: 2.6rem;
  margin-top: 4rem;
}

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

.gl_sixthpanel_mid {
  background: #8f6c95;
  width: 28.6%;
  height: 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 1px;
  z-index: 1;
}

.gl_sixthpanel_mid_imgTop {
  position: absolute;
  width: 100%;
  top: -1px;
  left: -0.1rem;
}

.gl_sixthpanel_mid_imgBot {
  position: absolute;
  width: 100%;
  bottom: 0;
  right: -0.1rem;
  display: none;
}

.gl_sixthpanel_right {
  margin-left: auto;
  width: 36%;
}

.gl_sixthpanel_right_img {
  width: 80%;
  position: sticky;
  top: 0rem;
}

.gl_seventhpanel {
  /* height: 250vh; */
  display: flex;
  position: relative;
  height: auto;
}

.gl_seventhpanel_wp {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  padding: 5rem 0;
  flex-direction: column;
}

.gl_seventhpanel_left {
  width: 100%;
  height: 100vh;
  display: flex;
}

.gl_seventhpanel_right {
  width: 100%;
  height: 100vh;
  margin-left: auto;
  display: flex;
  position: relative;
  justify-content: flex-end;
}

.gl_seventhpanel_mid {
  width: 28.6%;
  height: 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  top: 0;
  z-index: 1;
  background: #8f6c95;
  padding-bottom: 50rem;
}

.gl_seventhpanel_mid ul {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 10rem 5rem 5rem;
  position: sticky;
  top: 2rem;
  height: 35rem;
}

.gl_seventhpanel_mid ul li {
  font-family: var(--title-font);
  font-size: 6rem;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  cursor: pointer;
  transition: var(--transition-03s);
  display: flex;
  width: 100%;
  gap: 1rem;
}

.gl_seventhpanel_mid ul li span {
  width: 3rem;
}

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

.gl_seventhpanel_mid ul li:first-child .gl_seventhpanel_midfill {
  fill: var(--yellow-cl);
  transition: var(--transition-03s);
}

.gl_seventhpanel_mid ul li:nth-child(2) .gl_seventhpanel_midfill {
  fill: var(--orange-cl);
  transition: var(--transition-03s);
}

.gl_seventhpanel_mid ul li:first-child {
  color: var(--yellow-cl);
}

.gl_seventhpanel_mid ul li:nth-child(2) {
  color: var(--orange-cl);
}

.gl_seventhpanel_mid ul li:hover {
  color: #fff;
}

.gl_seventhpanel_mid ul li:hover .gl_seventhpanel_midfill {
  fill: #fff;
}

.gl_seventhpanel_tableft {
  width: 36%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0px 0px;
  display: flex;
  margin-top: 12rem;
}

.gl_seventhpanel_tabMid {
  display: flex;
  width: 29%;
  position: relative;
  z-index: 2;
}

.gl_seventhpanel_tabMid ul {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 10%;
}

.gl_seventhpanel_tableft-Box {
  width: 75%;
  background: var(--yellow-cl);
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 10%;
}

.gl_seventhpanel_imgTop {
  width: 100%;
  position: absolute;
  top: 0rem;
  left: 0rem;
}

.gl_seventhpanel_imgBot {
  width: 100%;
  position: absolute;
  bottom: -0.3rem;
  right: 0rem;
}

.gl_seventhpanel_tableft_txt {
  color: #fff;
  font-family: var(--body-font);
  font-size: 5rem;
  font-weight: 500;
  line-height: 6rem;
  margin-top: 3rem;
}

.gl_seventhpanel_tabright {
  width: 36%;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0px 0px;
  display: flex;
  margin-top: -35rem;
}

.gl_seventhpanel_tabright-Box {
  width: 75%;
  background: var(--orange-cl);
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 5%;
}

.gl_seventhpanel_tabright_txt {
  color: #fff;
  font-family: var(--body-font);
  font-size: 4rem;
  font-weight: 500;
  line-height: 5rem;
}

.gl_eigthpanel {
  height: 100vh;
  /* height: 100vh; */
  /* position: relative;
	top: -40rem; */
}

.gl_eigthpanel_wp {
  display: flex;
  width: 100%;
  height: 100%;
  position: relative;
}

.gl_eigthpanel_left {
  width: 36%;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  padding-left: 10%;
  padding-right: 2%;
  justify-content: center;
}

.gl_eigthpanel_title {
  color: var(--primary-green-cl);
  font-family: var(--title-font);
  font-size: 6.9rem;
  font-weight: 800;
  line-height: 7.5rem;
}

.gl_eigthpanel_right {
  width: 36%;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  padding-left: 5%;
  color: var(--primary-green-cl);
  padding-right: 10%;
  justify-content: center;
}

.gl_eigthpanel_right .accordion-title {
  font-family: var(--title-font);
  font-size: 5rem;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
}

.gl_eigthpanel_right .accordion-content {
  color: var(--body-font);
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 3.5rem;
}

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

.accordion-header {
  cursor: pointer;
}

.accordion-content {
  display: none;
  padding-left: 2rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.accordion-item.active .accordion-content {
  display: block;
}

.accordion-title {
  position: relative;
  padding-left: 2rem;
}

.accordion-title::before {
  content: "+";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -3rem;
  transition: var(--transition-03s);
  font-size: 6rem;
  font-weight: 400;
  line-height: 0;
}

.accordion-item.active .accordion-title::before {
  content: "-";
}

.gl_eigthpanel_mid {
  width: 28.6%;
  height: 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -40rem;
  display: flex;
  z-index: 1;
}

.gl_eigthpanel_mid_img {
  width: 100%;
}

.gl_eigthpanel_mid_img img {
  display: block;
  width: 100%;
  height: auto; /* or height: 100%; object-fit: cover; if needed */
  will-change: clip-path;
}

.gl_map {
  width: 100%;
  height: auto;
  background: #e2e2df;
  margin-top: 20rem;
  margin-bottom: 10rem;
  padding-bottom: 8rem;
}

.gl_map_wp {
  display: flex;
  width: 100%;
  height: 100%;
  position: relative;
  align-items: center;
}

.gl_map_right {
  width: 35.5%;
  height: 100%;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  padding-right: 5%;
  justify-content: center;
}

.gl_map_right_title {
  color: var(--primary-green-cl);
  font-family: var(--title-font);
  font-size: 6.9rem;
  font-weight: 800;
  line-height: 7.5rem;
}

.gl_map_right_txt {
  color: var(--primary-green-cl);
  font-size: 2rem;
  font-weight: 500;
  line-height: 2.6rem;
  margin-top: 4rem;
  width: 80%;
}

/* ! tabbing shape */
.tabbing_wshape {
  margin-top: 10rem;
  padding-bottom: 10rem;
}

.tabbing_wshape_wp {
  display: flex;
  width: 100%;
  height: 100%;
  position: relative;
  align-items: flex-start;
}

.tabbing_wshape_left {
  width: 35.5%;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  padding-left: 10%;
  padding-right: 3%;
}

.tabbing_wshape_left_title {
  color: var(--primary-green-cl);
  font-family: var(--title-font);
  font-size: 6.9rem;
  font-weight: 800;
  line-height: 7.5rem;
}

.tabbing_wshape_left_txt {
  color: var(--primary-green-cl);
  font-size: 2rem;
  font-weight: 500;
  line-height: 2.6rem;
  margin-top: 4rem;
}

.tabbing_wshape_tabbing_listing {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-top: 4rem;
}

.tabbing_wshape_tabbing_listing ul {
  flex-direction: column;
  width: 100%;
  display: flex;
  gap: 1rem;
}

.tabbing_wshape_tabbing_listing ul li {
  display: flex;
  cursor: pointer;
  color: var(--primary-green-cl);
  font-family: var(--title-font);
  font-size: 3rem;
  font-weight: 300;
  align-items: center;
  gap: 2rem;
}

.tabbing_wshape_listing-icon {
  width: 31px;
  height: 44px;
}

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

.wshape_listing-icon-fill {
  stroke: var(--primary-green-cl);
  transition: var(--transition-03s);
}

.tabbing_wshape_tabbing_listing ul li.active .wshape_listing-icon-fill,
.tabbing_wshape_tabbing_listing ul li:hover .wshape_listing-icon-fill {
  fill: var(--primary-green-cl);
  stroke: var(--primary-green-cl);
  font-weight: 800;
}

.tabbing_wshape_tabbing_listing ul li.active {
  font-weight: 800;
}

.tabbing_wshape_right {
  width: 55%;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  padding-right: 7%;
  justify-content: center;
  /* margin-top: 20rem; */
  /* padding-top: 20rem; */
  position: sticky;
  top: 2rem;
}

.tabbing_wshape_right_wp {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
}

.tabbing_wshape_listing-contentbox {
  display: flex;
  position: absolute;
  width: 100%;
  opacity: 0;
  pointer-events: none;
  transition: var(--transition-03s);
  overflow: hidden;
}

.tabbing_wshape_listing-contentbox.active {
  opacity: 1;
  pointer-events: all;
  position: relative;
  display: flex;
}

.tabbing_wshape_listing-shape {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
}

.shape-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 60%; /* adjust for how much left coverage you want */
  height: 100%;
  z-index: 2;
}

.tabbing_wshape_left_txtbox {
  width: 60%;
  position: absolute;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding-top: 25rem;
  padding-left: 4rem;
  padding-right: 22rem;
}

.tabbing_wshape_left_txtbox-title {
  color: #fff;
  font-family: var(--title-font);
  font-size: 3rem;
  font-weight: 800;
  line-height: 3.5rem;
}

.tabbing_wshape_left_txtbox-txt {
  color: #fff;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2.2rem;
  margin-top: 1.5rem;
}

.tabbing_wshape_left_txtbox-btn {
  display: flex;
  margin-top: 2rem;
}

.tabbing_wshape_left_txtbox-btn a {
  font-size: 1.8rem;
}

/* ! discover more */
.discovermore {
  padding: 0 0 10rem;
}

.discovermore_cnt {
  display: flex;
  width: 100%;
  height: 100%;
  position: relative;
  flex-direction: column;
}

.discovermore_title {
  color: var(--primary-green-cl);
  font-family: var(--title-font);
  font-size: 6.9rem;
  font-weight: 800;
  line-height: 7.5rem;
  padding-left: 10%;
}

.discovermore_wp {
  display: flex;
  width: 100%;
  padding: 0 5%;
  margin-top: 5rem;
}

.discovermore_box {
  width: 100%;
}

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

.discovermore_box-img {
  width: 100%;
  border-radius: 1.2rem;
  overflow: hidden;
  height: 45rem;
  position: relative;
}

.discovermore_box-name {
  color: var(--primary-green-cl);
  text-align: center;
  font-family: var(--title-font);
  font-size: 3rem;
  font-weight: 800;
  line-height: normal;
  margin-top: 2rem;
}

.discovermore_box-shape {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  width: 100%;
  color: #fff;
  font-size: 2.4rem;
  font-weight: 500;
  transform: translateY(100%);
  transition: all 0.8s ease-in-out;
}

.discovermore_box-shape span {
  position: absolute;
  bottom: 2rem;
  text-align: center;
  width: 100%;
}

.discovermore_box a:hover .discovermore_box-shape {
  transform: translateY(0);
  transition: var(--transition-03s);
}

/* ! publications */
.fp-sliderBanner {
  width: 100%;
  height: 100vh;
  position: absolute;
  left: 0;
  top: 0;
}

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

.blockListing {
  padding: 20rem 0 10rem;
  min-height: 100vh;
}

.blockListing_wp {
  display: flex;
  flex-direction: column;
  padding: 0 5%;
}

.blockListing_title {
  color: var(--primary-green-cl);
  font-family: var(--title-font);
  font-size: 6.9rem;
  font-weight: 800;
  line-height: 7.5rem;
  padding: 0 5%;
}

.blockListing_filter {
  display: flex;
  width: 100%;
  margin-top: 5rem;
  align-items: center;
}

.blockListing_filter_title {
  color: var(--primary-green-cl);
  font-size: 2.5rem;
  line-height: 3rem;
  margin-right: 2rem;
}

.blockListing_filter_dropdown {
  display: flex;
  gap: 4rem;
  align-items: center;
}

.blockListing_filter_dropdown select {
  color: var(--primary-green-cl);
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 3rem;
  appearance: none;
  cursor: pointer;
  padding: 0rem 3rem 0 1rem;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAcCAYAAAC+lOV/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFISURBVHgBpdSvb8JQEAfw66ticzA1MoEg+w8QMyAmwCBQS3CbBgW+mQSJR0HAAAEBCAQKwX9AgiM4ggQBSeEKr9DrryucaNImn++7174edDotvVj804fDvh601FjsXTseD7BcLgArHv8EbolU6tu8GY8HMBoN2FhtNFqaooC5cpAOBF7S6SxkMllLB9PphIedAnq9NsznMx6WAcnk7R00m3XPAEEf5HI/kEh8sQKE08N8/tcS0O22Yb1e8TAN2O93UKtVbQGuGK5biEY/XAM8cSj0AoVC2Raw3W6MewXPKPgUXTUcfjuHlnhYBlQq/+aqGCDgiWJhulfZtuBCud/LSyzx2rbDsgF928ajSaH8bJ6YnmkKXTGFeFQpdMQ4hii8/0lcMUKcIhxowRTiVPGCJnaCOFX8SjwKsdRI5FV7BBory4EXFGKdAL3R6i0FoYNwAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 10px;
}

.blockListing_filter-list {
  display: flex;
  width: 100%;
  margin-top: 6rem;
  flex-wrap: wrap;
  gap: 6%;
}

.blockListing_filter-item {
  height: 434px;
  width: 29.3333%;
  margin-bottom: 5rem;
  display: flex;
}

.blockListing_filter-item a {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 6rem 3rem;
  border-radius: 5px;
  background: var(--technology-cl);
}

.blockListing_filter-item.presentations a {
  background: var(--agri-cl);
}
.blockListing_filter-item.annual-reports a {
  background: var(--lightblue-cl);
}
.blockListing_filter-item.quarterly-reports a {
  background: var(--logistics-cl);
}
.blockListing_filter-item.dividend-announcements a {
  background: var(--dark-puple-cl);
}
.blockListing_filter-item.others a {
  background: var(--lightBrown-cl);
}

.p_listing_top {
  display: flex;
  width: 100%;
  flex-direction: column;
  height: 10rem;
}

.p_listing_date {
  color: #fff;
  font-size: 2rem;
  font-weight: 500;
  line-height: 2.5rem;
}

.p_listing_cat {
  color: #fff;
  font-family: var(--title-font);
  font-size: 3rem;
  font-weight: 800;
  line-height: 3.5rem;
  margin-top: 0.5rem;
}

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

.p_listing_title {
  color: #fff;
  font-size: 2.5rem;
  font-weight: 900;
  line-height: 3rem;
}

.p_listing_subtitle {
  color: #fff;

  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.5rem;
}

.p_listing_btn {
  color: #fff;
  font-family: var(--title-font);
  font-size: 2rem;
  font-style: normal;
  font-weight: 300;
  line-height: 2.6rem;
  display: flex;
  margin-top: auto;
  gap: 1rem;
}

.blockListing_filter-item a:hover {
  background: var(--body-cl);
}

/* get in touch */

.git_block {
  width: 100%;
  height: 48rem;
  background: var(--primary-green-cl);
  display: flex;
}

.git_block_wp {
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  padding: 0 10%;
  align-items: center;
}

.git_block_left {
  display: flex;
  flex-direction: column;
  width: 33%;
}

.git_block_title {
  color: #fff;
  font-family: var(--title-font);
  font-size: 6.9rem;
  font-style: normal;
  font-weight: 800;
  line-height: 7.5rem;
}

.git_block_txt {
  color: #fff;
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.6rem;
  margin-top: 2rem;
}

.git_block_right {
  display: flex;
  flex-direction: column;
  width: 33%;
  margin-left: 8.5rem;
  position: relative;
  z-index: 1;
}
.git_block_right ul {
  display: flex;
  flex-direction: column;
}

.git_block_right li {
  color: #fff;
  font-family: var(--title-font);
  font-size: 4rem;
  font-style: normal;
  font-weight: 300;
  line-height: 5rem;
}

.gitNewsroom .git_block_right li {
  font-size: 3rem;
  line-height: 4rem;
}

.git_block_right li a:hover {
  color: #d9c454;
}

.git_blockshape {
  width: 45%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  overflow: hidden;
}

.fitbg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.git_blockshape-one {
  position: absolute;
  right: 0;
  bottom: -0.1rem;
}

.git_blockshape-two {
  position: absolute;
  left: -1px;
  top: 0;
}

/* ! Job item */
.blockListing_filter-jobitem {
  width: 29.3333%;
  margin-bottom: 5rem;
  display: flex;
}

.blockListing_filter-jobitem a {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.blockListing_filter-jobitem-top {
  display: flex;
  font-size: 3rem;
  font-style: normal;
  font-weight: 800;
  line-height: 3rem;
  padding: 0px 3rem 2rem 3rem;
}

.blockListing_filter-jobitem-bot {
  display: flex;
  height: 50rem;
  padding: 3rem 3rem 10rem 3rem;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  position: relative;
  background: var(--primary-green-cl);
}

.blockListing_img {
  position: absolute;
  right: -1px;
  bottom: -1px;
  pointer-events: none;
}

.blockListing_filter-jobitem-title {
  color: #fff;
  font-family: var(--title-font);
  font-size: 4rem;
  font-style: normal;
  font-weight: 800;
  line-height: 5rem;
  width: 80%;
}

.blockListing_filter-jobitem-date {
  color: #fff;
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 3rem;
  margin-top: auto;
  display: flex;
  flex-direction: column;
}

.blockListing_filter-jobitem-btn {
  display: flex;
  margin-top: 2rem;
}

.blockListing_filter-jobitem.hospitality--\&-travel
  .blockListing_filter-jobitem-bot {
  background: var(--hospitality-cl);
}

.blockListing_filter-jobitem.agribusiness .blockListing_filter-jobitem-bot {
  background: var(--agri-cl);
}

.blockListing_filter-jobitem.finance .blockListing_filter-jobitem-bot {
  background: var(--finance-cl);
}

.blockListing_filter-jobitem.logistics .blockListing_filter-jobitem-bot {
  background: var(--logistics-cl);
}

.blockListing_filter-jobitem.real-estate .blockListing_filter-jobitem-bot {
  background: var(--realestate-cl);
}

.blockListing_filter-jobitem.technology-\&-energy
  .blockListing_filter-jobitem-bot {
  background: var(--technology-cl);
}

.blockListing_filter-jobitem.commerce-\&-manufacturing
  .blockListing_filter-jobitem-bot {
  background: var(--commerce-cl);
}

.blockListing_filter-jobitem.hospitality--\&-travel
  .blockListing_filter-jobitem-top {
  color: var(--hospitality-cl);
}
.blockListing_filter-jobitem.agribusiness .blockListing_filter-jobitem-top {
  color: var(--agri-cl);
}
.blockListing_filter-jobitem.finance .blockListing_filter-jobitem-top {
  color: var(--finance-cl);
}
.blockListing_filter-jobitem.logistics .blockListing_filter-jobitem-top {
  color: var(--logistics-cl);
}

.blockListing_filter-jobitem.real-estate .blockListing_filter-jobitem-top {
  color: var(--realestate-cl);
}
.blockListing_filter-jobitem.technology-\&-energy
  .blockListing_filter-jobitem-top {
  color: var(--technology-cl);
}

.blockListing_filter-jobitem.commerce-\&-manufacturing
  .blockListing_filter-jobitem-top {
  color: var(--commerce-cl);
}

.hospitality--\&-travel .blockListing_subtitle {
  color: var(--hospitality-cl);
}
.agribusiness .blockListing_subtitle {
  color: var(--agri-cl);
}
.finance .blockListing_subtitle {
  color: var(--finance-cl);
}
.logistics .blockListing_subtitle {
  color: var(--logistics-cl);
}

.real-estate .blockListing_subtitle {
  color: var(--realestate-cl);
}
.technology-\&-energy .blockListing_subtitle {
  color: var(--technology-cl);
}

.commerce-\&-manufacturing .blockListing_subtitle {
  color: var(--commerce-cl);
}

/* ! sp forms */
.sp_form {
  margin: 5rem 0;
}

.sp_form_wp {
  width: 100%;
  height: 120rem;
  display: flex;
}

.sp_form_left {
  width: 50%;
  height: 100%;
  background: #b7c7d3;
  position: relative;
  display: flex;
}

.sp_form_left-shape {
  width: 100%;
  position: absolute;
  right: -1px;
  bottom: -1px;
  pointer-events: none;
}

.sp_form_left-desc {
  display: flex;
  flex-direction: column;
  padding: 5rem 20%;
}

.sp_form_left-title {
  color: #fff;
  font-family: var(--title-font);
  font-size: 6.9rem;
  font-style: normal;
  font-weight: 800;
  line-height: 7.5rem;
}

.sp_form_left-txt {
  color: #fff;
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.6rem;
  margin-top: 2.5rem;
  width: 85%;
}

.sp_form_right {
  width: 50%;
  height: 100%;
  background: var(--dark-puple-cl);
  position: relative;
}

.sp_form_right-shape {
  width: 100%;
  position: absolute;
  right: -1px;
  top: -1px;
  pointer-events: none;
}

.life_aqua {
  padding: 35rem 0 18rem 0;
}

.life_aqua_wp {
  display: flex;
  width: 100%;
  position: relative;
  align-items: flex-end;
}

.life_aqua_left {
  background: var(--orange-cl);
  height: 66.5rem;
  display: flex;
  flex-direction: column;
  padding: 0 10%;
  justify-content: center;
}

.life_aqua_title {
  color: #fff;
  font-family: var(--title-font);
  font-size: 6.9rem;
  font-weight: 800;
  line-height: 7.5rem;
}

.life_aqua_txt {
  color: #fff;
  font-size: 2rem;
  font-weight: 500;
  line-height: 2.6rem;
  margin-top: 4rem;
}

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

.life_aqua_right {
  width: 80.8rem;
  right: 0;
  position: absolute;
}

.life_aqua_shapeone {
  position: absolute;
  top: 0;
  left: -0.1rem;
  width: 100%;
}

.life_aqua_shapetwo {
  position: absolute;
  bottom: 0;
  left: -0.1rem;
}

.blockSp_details {
  height: auto;
  min-height: auto;
}

.blockListing_subtitle {
  padding: 0 5%;
  font-size: 3rem;
  font-weight: 900;
  line-height: 3rem;
  margin-bottom: 8rem;
}

.blockListing_mainDate {
  color: var(--primary-green-cl);
  font-size: 3rem;
  font-weight: 500;
  line-height: 3.5rem;
  padding: 0 5%;
  margin-top: 3rem;
}

.sp_details-left {
  width: 50%;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  padding-left: 10%;
  padding-right: 5rem;
  padding-top: 5rem;
}

.sp_details-info-repeatable {
  display: flex;
  flex-direction: column;
  gap: 3rem;
  margin-bottom: 6rem;
}

.sp_details-info-repeatable:last-child {
  margin-bottom: 0;
}

.sp_details-info-repeatable-title {
  font-family: var(--title-font);
  font-size: 6.9rem;
  font-weight: 800;
  line-height: 7.5rem;
  color: var(--primary-green-cl);
}

.sp_details-info-repeatable-txt {
  font-size: 2rem;
  font-weight: 500;
  line-height: 2.6rem;
  color: var(--primary-green-cl);
  margin-top: 1.5rem;
}

.sp_details-info-repeatable-txt ul {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.sp_details-info-repeatable-txt ul li {
  padding-left: 2rem;
  position: relative;
}

.sp_details-info-repeatable-txt ul li::before {
  content: "";
  width: 5px;
  height: 5px;
  background: var(--primary-green-cl);
  position: absolute;
  left: 0;
  top: 12px;
}

.sp_form-details {
  height: auto;
}

.sp_form-details .sp_form_right {
  position: sticky;
  top: 2rem;
  height: auto;
}

.blockBrands {
  min-height: auto;
  padding-bottom: 15rem;
}

.blockBrands_txt {
  padding: 0 5%;
  color: var(--primary-green-cl);
  font-size: 3rem;
  font-weight: 500;
  line-height: 4rem;
  margin-top: 4rem;
  width: 90%;
}

.brandsListing {
  padding-bottom: 18rem;
}

.brandsListing_wp {
  display: flex;
  width: 100%;
  padding: 0 5%;
  flex-direction: column;
}

.brandsListing_views {
  display: flex;
  flex-wrap: wrap;
  margin-top: 8rem;
  width: 100%;
  gap: 2.66%;
}

.brandsListing_box {
  width: 23%;
  margin-bottom: 3rem;
}

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

.brandsListing_img {
  width: 100%;
  height: 40rem;
  order: 2;
}

.brandsListing_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.brandsListing_logo {
  width: 100%;
  height: 10rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  padding: 1rem 0;
  order: 1;
}

.brandsListing_btn {
  display: flex;
  justify-content: center;
  margin-top: 10px;
  opacity: 1;
  transition: var(--transition-03s);
  order: 3;
}

.brandsListing_btn .btn_courbe {
  background: transparent;
  color: var(--primary-green-cl);
}

.brandsListing_btn .btn_courbe:hover {
  background: var(--primary-green-cl);
  color: #fff;
}

.brandsListing_box a:hover .brandsListing_btn {
  opacity: 1;
  transition: var(--transition-03s);
}

/* ! Teams */
.Banner {
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.Banner_video-bg {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 1;
  transform: translate(-50%, -50%);
  object-fit: cover;
}

.banner-overlay {
  position: relative;
  z-index: 1;
  color: white;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
}

.bod {
  width: 100%;
}

.bod_wp {
  display: flex;
  width: 100%;
  height: 100%;
  position: relative;
  padding: 7.5rem 5% 0;
  flex-wrap: wrap;
  gap: 1%;
}

.bod_listing {
  width: 68%;
}

.bod_tab {
  display: none;
  opacity: 0;
  transition: opacity 0.4s ease;
}

.bod_tab.active {
  display: flex;
  gap: 3%;
  flex-wrap: wrap;
  opacity: 1;
}

.bod_box {
  width: 31.3333%;
  margin-bottom: 5rem;
  transition: var(--transition-03s);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.bod_box a {
  display: flex;
  flex-direction: column;
}

.bod_box-img {
  padding: 0 10%;
  position: relative;
  z-index: 1;
  height: 32.8rem;
  background: #d9d9d9;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  transition: var(--transition-03s);
}

.bod_box-img .bod_box-linkdin {
  width: 2.5rem;
  position: absolute;
  right: 2rem;
  top: 2rem;
  opacity: 0;
  visibility: hidden;
  transition: var(--transition-03s);
  pointer-events: none;
}

.bod_box a:hover .bod_box-img .bod_box-linkdin {
  opacity: 1;
  visibility: visible;
  transition: var(--transition-03s);
}

.bod_box-imgshape {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transition: var(--transition-03s);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: -1;
}

.bod_box:hover .bod_box-img {
  background: transparent;
}

.bod_box:hover .bod_box-imgshape {
  opacity: 1;
  visibility: visible;
}

.bod_box-desc {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  padding: 15px 5px;
}

.bod_box-title {
  color: var(--body-cl);
  font-family: var(--title-font);
  font-size: 1.8rem;
  font-weight: 800;
  line-height: 2rem;
  text-align: center;
}

.bod_box-position {
  color: var(--body-cl);
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  margin-top: 0.8rem;
}

.bod_box-btn {
  display: flex;
  justify-content: center;
}

.bod_box-btn .btn_courbe {
  background: var(--primary-green-cl);
  color: #fff;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2rem;
  transition: var(--transition-03s);
  transform: translateY(100%);
  opacity: 0;
}

.bod_box:hover .bod_box-btn .btn_courbe {
  transform: translateY(0);
  opacity: 1;
  transition: var(--transition-03s);
}

.bod_right {
  width: 30%;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  margin-top: -30rem;
  position: relative;
  z-index: 2;
}

.bod_right-rest {
  background: var(--primary-green-cl);
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 1rem 7rem;
  position: relative;
}

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

.bod_right-top-title {
  color: #fff;
  font-family: var(--title-font);
  font-size: 6.5rem;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
}

.bod_right-top-txt {
  color: #fff;
  font-size: 2.8rem;
  font-style: normal;
  font-weight: 500;
  line-height: 3.4rem;
  margin-top: 5rem;
}

.bod_right-top-links {
  display: flex;
  margin-top: 5rem;
  flex-direction: column;
  gap: 4rem;
}

.bod_right-top-links a {
  display: flex;
  color: #fff;
  font-family: var(--title-font);
  font-size: 3rem;
  font-style: normal;
  font-weight: 300;
  line-height: 3rem;
  align-items: center;
  gap: 2rem;
}

.links_dl-icn {
  width: 3.8rem;
}

.links_dl_txt {
  width: 80%;
}

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

.filltoyellow {
  fill: #fff;
  transition: var(--transition-03s);
}

.bod_right-top-links a:hover {
  color: var(--yellow-cl);
}

.bod_right-top-links a:hover .filltoyellow {
  fill: var(--yellow-cl);
}

.filtericnSvg {
  stroke: #d9d9d9;
  transition: var(--transition-03s);
}

.bod_right-filter {
  width: 100%;
  display: flex;
  margin-top: 10rem;
  position: sticky;
  top: 5rem;
  padding-bottom: 10rem;
}

.bod_right-filter ul {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.bod_right-filter ul li a {
  color: #fff;
  font-family: var(--title-font);
  font-size: 3rem;
  font-style: normal;
  font-weight: 300;
  line-height: 3.5rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 1rem;
}

.filter_icn {
  width: 3rem;
}

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

.bod_right-filter ul li a:hover {
  color: var(--yellow-cl);
}

.bod_right-filter ul li.active {
  pointer-events: none;
}

.bod_right-filter ul li.active a .filtericnSvg {
  fill: #d9d9d9;
  stroke: #d9d9d9;
}

.bod_right-filter ul li a:hover .filtericnSvg {
  fill: var(--yellow-cl);
  stroke: var(--yellow-cl);
}

.bod_right-filter ul li.active a {
  font-weight: 800;
}

.bod_box-txt {
  display: none;
}

.bod_pop {
  position: fixed;
  height: 100vh;
  background: rgba(217, 217, 217, 1);
  width: 100%;
  left: 0;
  top: 0;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: var(--transition-03s);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

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

.bod_pop_cnt {
  width: 80%;
  height: 100%;
  display: flex;
  position: relative;
}

.bod_popup_wp {
  display: flex;
  width: 100%;
  padding: 0 3%;
}

.bod_pop_close {
  position: absolute;
  top: 2rem;
  right: 2rem;
  width: 10rem;
  height: 10rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 2;
}

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

.bod_popup-left {
  display: flex;
  align-items: center;
  padding-right: 5%;
  width: 65%;
}

.bod_popup-right {
  margin-left: auto;
  width: 33.333%;
  background: var(--yellow-cl);
  height: 100%;
  display: flex;
  flex-direction: column;
  padding-top: 20rem;
  position: relative;
}

.bod_popup-right-shape {
  width: 50%;
  position: absolute;
  right: -0.1rem;
  top: 0;
}

.bod_popup-img {
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  justify-content: flex-end;
  isolation: isolate;
}

.bod_popup-imgshape {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: -1;
}

.bod_popup-name {
  color: #fff;
  text-align: center;
  font-family: var(--title-font);
  font-size: 3rem;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  margin-top: 2rem;
}

.bod_popup-position {
  color: #fff;
  text-align: center;
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.4rem;
}

.bod_popup-txt {
  display: flex;
  flex-direction: column;
  color: var(--primary-green-cl);
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 4rem;
}

.bod_popup-txt h3 {
  color: var(--primary-green-cl);
  font-family: var(--title-font);
  font-size: 4rem;
  font-style: normal;
  font-weight: 800;
  line-height: 5.5rem;
  width: 80%;
  margin-bottom: 2rem;
}

.bod_popup-txt ul {
  padding-left: 0;
}

.bod_popup-txt ul li {
  display: flex;
  align-items: flex-start;
  gap: 0.5em;
  position: relative;
  padding-left: 0;
}

.bod_popup-txt ul li::before {
  content: "•";
  color: var(--primary-green-cl);
  font-size: 1.6rem;
}

.bod_intro_wp {
  display: flex;
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0 5% 7.5rem;
  flex-wrap: wrap;
  gap: 1%;
}

.bod_intro_left {
  width: 68%;
  display: flex;
  flex-direction: column;
  padding-left: 5%;
  padding-top: 5rem;
}

.bod_intro_right {
  width: 30%;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  position: relative;
}

.bod_intro_shape {
  position: absolute;
  width: 100%;
  right: -1px;
  bottom: -1px;
}

.bod_intro_title {
  color: var(--primary-green-cl);
  font-family: var(--title-font);
  font-size: 6.9rem;
  font-weight: 800;
  line-height: 7.5rem;
}

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

.bod_intro_inner-left {
  width: 43%;
  flex-direction: column;
}

.bod_intro_inner-txt {
  color: var(--primary-green-cl);
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.6rem;
}

.bod_intro_inner-btn {
  display: flex;
  margin-top: 5rem;
}

.bod_intro_inner-right {
  display: flex;
  width: 52%;
  margin-left: auto;
}

.bod_intro_inner-right ul {
  display: flex;
  flex-wrap: wrap;
  gap: 2%;
}

.bod_intro_inner-right li {
  display: flex;
  flex-direction: column;
  font-family: var(--title-font);
  color: var(--primary-green-cl);
  white-space: nowrap;
  width: 48%;
  margin-bottom: 4rem;
}

.bod_intro_inner-right li:nth-child(even) {
  padding-left: 5rem;
}

#management .bod_box-btn {
  display: none;
}

/* ! History */
.history_intro {
  position: relative;
  z-index: 1;
}

.history_intro-wp {
  display: flex;
  width: 100%;
}

.history_intro-left {
  width: 36%;
  height: 100vh;
  padding-left: 5%;
  display: flex;
  position: relative;
}

.history_intro-shape {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}

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

.history_intro-mid {
  width: 28%;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  position: relative;
}

.history_intro-mid-shapetop {
  display: flex;
  flex-direction: column;
  min-height: 50vh;
  position: absolute;
  top: -50%;
  left: 0;
}

.history_intro-mid-topcontent {
  display: flex;
  width: 100%;
  height: 100%;
  background: var(--lightblue-cl);
  flex-direction: column;
  padding: 1rem 5rem 1rem 5rem;
  justify-content: center;
}

.history_intro-mid-shape {
  position: relative;
  bottom: -0.1rem;
}

.history_intro-mid-inner {
  display: flex;
  width: 100%;
  height: 100%;
  background: var(--lightblue-cl);
  flex-direction: column;
  padding: 10rem 5rem 10rem 5rem;
  justify-content: center;
}

.history_intro-mid-topcontent {
  display: flex;
  width: 100%;
  flex-direction: column;
  position: relative;
}

.history_intro-mid-topcontent-title {
  color: #fff;
  font-family: var(--title-font);
  font-size: 6.5rem;
  font-weight: 800;
  line-height: 6rem;
}

.history_intro-mid-topcontent-txt {
  color: #fff;
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.6rem;
  margin-top: 5rem;
}

.history_intro-tabbing {
  display: flex;
  width: 100%;
}

.history_intro-tabbing ul {
  display: flex;
  flex-direction: column;
  gap: 3.5rem;
}

.history_intro-tabbing ul li {
  cursor: pointer;
  display: flex;
  gap: 2rem;
}

.history_intro-tabbing-icn {
  width: 3.2rem;
}

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

.history_intro-tabbing-txt {
  color: #fff;
  font-family: var(--title-font);
  font-size: 6.5rem;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  transition: var(--transition-03s);
}
.tofillHover-white {
  fill: none;
  transition: var(--transition-03s);
}

.history_intro-tabbing ul li:hover .tofillHover-white,
.history_intro-tabbing ul li.active .tofillHover-white {
  fill: #fff;
}

.history_intro-tabbing ul li.active .history_intro-tabbing-txt {
  font-weight: 600;
}

.history_intro-right {
  width: 36%;
  padding-right: 10%;
  padding-left: 5rem;
  padding-top: 10rem;
  padding-bottom: 5rem;
}

.notvisible {
  display: none;
}

.history_intro-right-content {
  color: var(--primary-green-cl);
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.6rem; /* 130% */
}

.history_intro-right-content li {
  transition: var(--transition-03s);
}

.history_Timeline {
  height: 100vh;
  width: 100%;
  background: #e6e6e6;
  position: relative;
  margin-bottom: 10rem;
}

.history_Timeline-wp {
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.history_Timeline-left {
  width: 36%;
  height: 100vh;
  display: flex;
}
.history_Timeline-left-img,
.history_Timeline-right-img {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  width: 100%;
}

.history_Timeline-right {
  width: 36%;
  height: 100%;
}

.history_Timeline-mid {
  width: 28%;
  height: 100vh;
  display: flex;
  position: relative;
  z-index: 2;
}

.history_Timeline-mid-content {
  width: 100%;
  height: 100%;
  background: var(--lightblue-cl);
  padding: 10rem 5rem 0 5rem;
}

.timeLine_box-content-date {
  color: #fff;
  font-family: var(--title-font);
  font-size: 6.5rem;
  font-style: normal;
  font-weight: 800;
  line-height: 7.5rem;
  margin-bottom: 2rem;
}

.history_Timeline-mid-contentappear {
  display: flex;
  flex-direction: column;
  color: #fff;
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2rem; /* 130% */
  gap: 4rem;
}

.history_Timeline-mid-contentappear h2 {
  font-size: 2.2rem;
  font-weight: 900;
  margin-bottom: 1rem;
}

.timeLine_box-content-repeat {
  display: flex;
  flex-direction: column;
}

.history_Timeline-bot {
  width: 100%;
  position: absolute;
  left: -1px;
  bottom: -1px;
  z-index: 1;
}

.history_Timeline-dates-wrapper {
  overflow: hidden;
  width: 100%;
  display: flex;
  position: relative;
}

.history_Timeline-dates {
  width: 100%;
  height: 25rem;
  background: #8d6c94;
  display: flex;
}

.dates-left,
.dates-right {
  height: 100%;
  display: flex;
  width: 36%;
  display: flex;
  align-items: center;
  height: 100%;
}

.dates-mid {
  display: flex;
  width: 28%;
  height: 100%;
  position: relative;
  z-index: 999;
}

.alldates {
  display: none;
}

.history_Timeline-dates ul li {
  color: #fff;
  font-family: var(--title-font);
  font-size: 6.5rem;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  text-transform: uppercase;
  width: 33.3333%;
  cursor: pointer;
  transition: var(--transition-03s);
  padding: 0 4%;
}

.history_Timeline-dates ul li.active {
  display: none;
}

.history_Timeline-dates ul li:hover {
  color: var(--yellow-cl);
}

.history_Timeline-dates ul li:nth-child(4) {
  margin-left: auto;
}

.timeLine_box {
  display: flex;
  flex-direction: column;
}
.timeLine_box-content {
  display: none;
}

.history_Timeline-controls {
  position: absolute;
  right: 5%;
  bottom: 2rem;
  display: flex;
  gap: 2rem;
}

.history_Timeline-controls button {
  background: transparent;
  border: transparent;
  width: 4rem;
  height: 4rem;
  cursor: pointer;
}

.history_Timeline-controls button svg {
  width: 100%;
  height: 100%;
  display: block;
}

.whitestroketoyellow {
  stroke: #fff;
  transition: var(--transition-03s);
}

.history_Timeline-controls button:hover .whitestroketoyellow {
  stroke: var(--yellow-cl);
}

/* ! Group performance */
.groupPerformance {
  width: 100%;
  min-height: 100vh;
}

.groupPerformance_wp {
  display: flex;
  width: 100%;
  height: 100%;
  position: relative;
  padding: 7.5rem 5% 0;
  flex-wrap: wrap;
  gap: 1%;
}

.groupPerformance_wp-inner {
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  flex-direction: column;
}

.groupPerformance_right {
  width: 30%;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  /* margin-top: -30rem; */
  position: relative;
  z-index: 2;
  position: absolute;
  right: 0;
  height: 120%;
  top: -20%;
}

.groupPerformance_right-bot {
  display: flex;
  flex-direction: column;
  background: var(--primary-green-cl);
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 1rem 5rem;
  position: relative;
  top: -1px;
}

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

.groupPerformance_left-inner {
  width: 100%;
  display: flex;
}

.left--innerAlign {
  width: 68%;
  display: flex;
  flex-direction: column;
  padding-left: 4%;
  padding-right: 4%;
}

.groupPerformance-intro {
  display: flex;
  flex-direction: column;
}

.groupPerformance-intro-title {
  color: var(--primary-green-cl);
  font-family: var(--title-font);
  font-size: 6.9rem;
  font-weight: 800;
  line-height: 7.5rem;
}

.groupPerformance-intro-txt {
  color: var(--primary-green-cl);
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.6rem;
  margin-top: 2.5rem;
}

#shareprice_spline {
  width: 100%;
}

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

.groupdPerformace_keyhighlights-top {
  display: flex;
  width: 100%;
}

.groupdPerformace_keyhighlights-title {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  width: 60%;
  color: var(--primary-green-cl);
  font-family: var(--title-font);
  font-size: 6.9rem;
  font-weight: 800;
  line-height: 7.5rem;
}

/* .groupdPerformace_keyhighlights-title h2 {
	color: var(--primary-green-cl);
	font-family: var(--title-font);
	font-size: 6.9rem;
	font-weight: 800;
	line-height: 7.5rem;
} */

.groupdPerformace_keyhighlights-title span {
  color: var(--primary-green-cl);
  font-family: var(--title-font);
  font-size: 4rem;
  font-style: normal;
  font-weight: 300;
  line-height: 4rem;
}

.groupdPerformance_keyhighlight-btn {
  display: flex;
  width: 40%;
  margin-left: auto;
  padding-top: 3rem;
  justify-content: flex-end;
}

.groupdPerformance_keyhighlight-btn a {
  display: flex;
  color: var(--primary-green-cl);
  font-weight: 300;
  align-items: flex-start;
}

.groupdPerformance_keyhighlight-btn .dls_info {
  width: 90%;
}

.groupdPerformace_keyhighlights-bot {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 10rem;
  display: none;
}

.groupdPerformace_keyhighlights-images {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 10rem;
  display: flex;
  align-items: center;
}

.groupdPerformace_keyhighlights-images-left {
  width: 50%;
}

.groupdPerformace_keyhighlights-images-right {
  width: 50%;
  display: flex;
  padding-left: 4%;
}

.groupdPerformace_keyhighlights-images-right ul {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.groupdPerformace_keyhighlights-images-right li {
  display: flex;
  color: var(--primary-green-cl);
  font-family: var(--title-font);
  font-size: 2.2rem;
  font-style: normal;
  font-weight: 300;
  line-height: 3rem;
  gap: 2rem;
  align-items: center;
}

.groupdPerformace_keyhighlights-images-right li strong {
  font-weight: 700;
}

.highlight_icn {
  width: 2.5rem;
}

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

.fillArgi {
  fill: var(--agri-cl);
}

.fillRealestate {
  fill: var(--realestate-cl);
}

.fillHospitality {
  fill: var(--hospitality-cl);
}

.fillLogistics {
  fill: var(--logistics-cl);
}

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

.fillCommerce {
  fill: var(--commerce-cl);
}

.fillTechnology {
  fill: var(--technology-cl);
}

.graph {
  width: 47%;
}

.highcharts-figure {
  display: flex;
  flex-direction: column;
}

.highcharts-figure .tit {
  color: var(--primary-green-cl);
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2.6rem;
  margin-bottom: 3rem;
}

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

.groupPerformance_keynumber-title {
  color: var(--primary-green-cl);
  font-family: var(--title-font);
  font-size: 40px;
  font-style: normal;
  font-weight: 300;
  line-height: 4rem;
  padding-left: 5%;
  margin-bottom: 4rem;
}

.groupPerformance_keynumber-list {
  display: flex;
  width: 68%;
  gap: 7%;
}

.groupPerformance_keynumber-list li {
  display: flex;
  flex-direction: column;
  font-family: var(--title-font);
  color: var(--primary-green-cl);
  white-space: nowrap;
  margin-bottom: 6rem;
}

.groupPerformance_keynumber-list li .keyvalue_title {
  font-size: 2rem;
  font-weight: 300;
  line-height: 3rem;
}

.groupPerformance_left--inner {
  display: flex;
  margin-top: 10rem;
}

.groupPerformance_right--inner {
  width: 30%;
  position: relative;
  z-index: 5;
  margin-left: auto;
  padding: 0rem 5rem;
  display: flex;
  flex-direction: column;
}

.groupPerformance_right--inner.gpPerformaceBlock-right {
  padding: 3rem 5rem;
}

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

.shareprice_performance_title {
  font-family: var(--title-font);
  color: #fff;
  font-size: 6.6rem;
  font-weight: 800;
  line-height: 7rem;
}

.shareprice_performance_price {
  font-family: var(--title-font);
  color: #d9c454;
  font-size: 6.6rem;
  font-weight: 800;
  line-height: 7rem;
}

.shareprice_performance_date {
  font-family: var(--title-font);
  color: #fff;
  font-size: 3rem;
  font-weight: 800;
  line-height: 4rem;
}

.calculatePortfolio {
  display: flex;
  flex-direction: column;
  margin-top: 10rem;
}

.calculatePortfolio_title {
  color: #fff;
  font-family: var(--title-font);
  font-size: 4rem;
  font-style: normal;
  font-weight: 800;
  line-height: 5rem;
}

.portfolio_worth {
  display: flex;
  color: var(--yellow-cl);
  font-size: 2rem;
  margin-top: 1rem;
}

#sharepriceForm {
  display: flex;
  width: 100%;
  flex-direction: column;
  max-width: 40rem;
  align-items: flex-start;
  gap: 1rem;
}

#sharepriceCal {
  width: 100%;
  background: #b7c7d3;
  height: 8rem;
  margin-top: 2rem;
  border-top-right-radius: 6rem;
  appearance: none;
  padding: 0 1rem;
  color: #fff;
  font-family: var(--body-font);
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

#sharepriceCal::-webkit-input-placeholder {
  color: #fff;
  font-family: var(--body-font);
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
#sharepriceCal::-moz-placeholder {
  color: #fff;
  font-family: var(--body-font);
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
#sharepriceCal:-ms-input-placeholder {
  color: #fff;
  font-family: var(--body-font);
  font-size: 2rem;
}

.sp_form_right-form :-moz-placeholder {
  color: #fff;
  font-family: var(--body-font);
  font-size: 3rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

#sharepriceForm #submit {
  padding: 0rem 2rem 0rem 2rem;
  border: 1px solid #fff;
  color: #fff;
  font-family: var(--title-font);
  font-size: 2.4rem;
  font-weight: 300;
  border-top-right-radius: 6rem;
  height: 4rem;
  display: flex;
  align-items: center;
}

.gp_performance_title {
  color: #fff;
  font-family: var(--title-font);
  font-size: 4rem;
  font-style: normal;
  font-weight: 300;
  line-height: 4rem; /* 65% */
}

.gp_performance_listing {
  display: flex;
  flex-direction: column;
  color: #fff;
  gap: 5rem;
  margin-top: 5rem;
}

.gp_performance_listing--num {
  font-size: 5.5rem;
  font-weight: 800;
  line-height: 6rem;
  font-family: var(--title-font);
}

.gp_performance_listing--title {
  font-size: 2rem;
  font-weight: 300;
  line-height: 3rem;
  font-family: var(--title-font);
}
.gp_performance_listing--subtitle {
  font-size: 2rem;
  font-weight: 600;
}

.gpPerformaceBlock {
  margin-top: 20rem;
  align-items: flex-start;
}

/* .gpPerformaceBlock-right {
	position: sticky;
	top: 2rem;
	padding-bottom: 2rem;
} */

/* ! value creation */
.gp_valueCreation {
  height: 100vh;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: relative;
  overflow: hidden;
}
.gp_valueCreation-shape {
  width: 100%;
  position: absolute;
  bottom: 0;
  z-index: 2;
  display: none;
}

.gp_valueCreation_wp {
  display: flex;
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0 5%;
}

.gp_valueCreation_right {
  width: 30%;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 2;
  background: #b7c7d3;
  height: 100%;
  padding: 3rem;
}

.gp_valueCreation_title {
  color: #fff;
  font-family: var(--title-font);
  font-size: 6.9rem;
  font-style: normal;
  font-weight: 800;
  line-height: 7.5rem;
}

.gp_valueCreation_txt {
  color: #fff;
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.6rem;
  margin-top: 2.5rem;
}

/* ! publication block */
.publication_block {
  padding-bottom: 15rem;
}

.publication_wp {
  display: flex;
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0 0% 0;
}

.publication_left {
  width: 36%;
  position: relative;
  display: flex;
  flex-direction: column;
  padding-left: 10%;
  padding-right: 1.5rem;
  padding-top: 10rem;
  padding-bottom: 10rem;
}

.publication_pdfBoxes-title {
  color: var(--primary-green-cl);
  font-family: var(--title-font);
  font-size: 6.9rem;
  font-weight: 800;
  line-height: 7.5rem;
  margin-bottom: 4rem;
}

.publication_pdfBoxes-wp {
  display: flex;
  gap: 15rem;
  flex-direction: column;
}

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

.publication_pdfBoxes-subtitle {
  color: var(--primary-green-cl);
  font-family: var(--primary-green-cl);
  font-size: 2.6rem;
  font-style: normal;
  font-weight: 900;
  line-height: 3rem;
  text-transform: uppercase;
}

.publication_pdfBoxes-list {
  display: flex;
  flex-direction: column;
  margin-top: 7rem;
  gap: 5rem;
  width: 100%;
}

.publication_pdfBoxes-list li a {
  display: flex;
  color: var(--primary-green-cl);
  font-weight: 300;
  align-items: flex-end;
}

.publication_pdfBoxes-list li a:hover .fill_dls {
  fill: #e86852;
}

.publication_pdfBoxes-list li a:hover {
  color: #e86852;
}

.publication_pdfBoxes-btn {
  display: flex;
  margin-top: 5rem;
}

.publication_mid {
  width: 28%;
  height: 100%;
  background: #b7c7d3;
  display: flex;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.publication_mid-shape {
  width: 100%;
  position: absolute;
  right: -1px;
  bottom: -1px;
}

.publication_right {
  width: 36%;
  height: 100%;
  margin-left: auto;
  display: flex;
  padding: 10rem 5rem 10rem 5rem;
  flex-direction: column;
  justify-content: flex-start;
  position: sticky;
  top: 2rem;
}

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

.publication_right-title {
  color: var(--primary-green-cl);
  font-family: var(--title-font);
  font-size: 6.9rem;
  font-weight: 800;
  line-height: 7.5rem;
  margin-bottom: 4rem;
}

.publication_keydate {
  display: flex;
  flex-direction: column;
  gap: 5rem;
  margin-top: 5rem;
}

.publication_keydate li {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.publication_keydate-title {
  color: var(--primary-green-cl);
  font-family: var(--title-font);
  font-size: 2.6rem;
  font-style: normal;
  font-weight: 900;
  line-height: 3rem;
  text-transform: uppercase;
}

.publication_keydate-txt {
  color: var(--primary-green-cl);
  font-family: var(--title-font);
  font-size: 2rem;
  font-style: normal;
  font-weight: 300;
  line-height: 2.6rem;
}

.tabbingInner {
  padding-bottom: 10rem;
}

.tabbingInner .tabbing_wshape_left {
  width: 40%;
}

/* ! faq block */
.faq_block {
  width: 100%;
  height: 48rem;
  background: var(--primary-green-cl);
  display: flex;
  margin-bottom: 20rem;
}

.faq_block-wp {
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  padding: 0 10%;
  align-items: center;
}

.faq_block-left {
  display: flex;
  flex-direction: column;
  width: 45%;
}

.faq_block-title {
  color: #fff;
  font-family: var(--title-font);
  font-size: 6.9rem;
  font-style: normal;
  font-weight: 800;
  line-height: 7.5rem;
}

.faq_block-right {
  margin-left: auto;
  width: 45%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  overflow: hidden;
}

.faq_block-right-img {
  height: 100%;
  display: flex;
}

.faq_block-right-img img {
  height: 100%;
  object-fit: cover;
}

.faq_block-right-shape {
  position: absolute;
  left: -1px;
  top: 0;
}

/* ! gogreen block */
.go_green_block {
  width: 100%;
  height: 48rem;
  background: var(--primary-green-cl);
  display: flex;
  margin-bottom: 20rem;
}

.go_green_block-wp {
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  align-items: center;
}

.go_green_block-left {
  display: flex;
  flex-direction: column;
  width: 55%;
  height: 100%;
  position: relative;
}

.go_green_block-left-img {
  height: 100%;
  display: flex;
  width: 100%;
}

.go_green_block-left-img img {
  height: 100%;
  object-fit: cover;
}

.go_green_block-left-shape {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}

.go_green_block-right {
  width: 45%;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 0 9%;
  justify-content: center;
}

.go_green_block-title {
  color: #fff;
  font-family: var(--title-font);
  font-size: 4.5rem;
  font-style: normal;
  font-weight: 300;
  line-height: 5.5rem; /* 122.222% */
}

.go_green_btn {
  display: flex;
  margin-top: 5rem;
}

.faq_block,
.go_green_block,
.git_block {
  overflow: hidden;
  position: relative;
}

.faq_block img,
.go_green_block img,
.git_block img {
  will-change: transform;
  transition: transform 0.3s ease-out;
}

/* ! Corporate govenance */
.coperateGovernance {
  width: 100%;
  min-height: 100vh;
  position: relative;
}

.coperateGovernance-wp {
  display: flex;
  width: 100%;
  height: 100%;
  position: relative;
  padding: 7.5rem 5% 0;
  flex-wrap: wrap;
  gap: 1%;
}

.coperateGovernance-wp-sidebar {
  width: 27%;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 2;
  position: absolute;
  right: 5%;
  height: 120%;
  top: -20%;
}

.coperateGovernance-wp-rightShape {
  display: flex;
  flex-direction: column;
  position: relative;
  bottom: -0.1rem;
}

.coperateGovernance-wp-rightShape-rest {
  display: flex;
  flex-direction: column;
  background: #b7c7d3;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 1rem 5rem;
}

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

.coperateGovernance-boxes {
  display: flex;
  width: 100%;
  margin-bottom: 10rem;
}

.coperateGovernance-boxes:last-child {
  margin-bottom: 0;
}

.coperateGovernance-boxes-left {
  width: 67%;
  display: flex;
  flex-direction: column;
  padding-left: 5%;
  padding-right: 6%;
}

.coperateGovernance-boxes-left .publication_pdfBoxes-list .dls_txt {
  display: none;
}

.coperateGovernance-boxes-left .publication_pdfBoxes-list .dls_icn {
  padding-top: 0;
}

.coperateGovernance-boxes-left .publication_pdfBoxes-list li a {
  align-items: center;
}

.coperateGovernance-boxes-title {
  color: var(--primary-green-cl);
  font-family: var(--title-font);
  font-size: 6.9rem;
  font-weight: 800;
  line-height: 7.5rem;
}

.coperateGovernance-boxes-txt {
  color: var(--primary-green-cl);
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.6rem;
  margin-top: 2.5rem;
}

.coperateGovernance-boxes-right {
  width: 30%;
  position: relative;
  z-index: 5;
  margin-left: auto;
  display: flex;
  flex-direction: column;
}

.coperateGovernance-boxes-mainRight-top {
  color: var(--primary-green-cl);
  font-family: var(--title-font);
  font-size: 5rem;
  font-style: normal;
  font-weight: 800;
  line-height: 6rem;
  position: relative;
  top: -28rem;
  padding: 0rem 5rem;
}

.coperateGovernance-boxes-shape-right {
  background: var(--dark-puple-cl);
}

.coperateGovernance-boxes-shape-right-img {
  width: 100%;
  position: relative;
  top: -10rem;
}

.coperateGovernance-boxes-shape-right-imgShape {
  position: absolute;
  left: 0px;
  bottom: 0px;
}

.coperateGovernance-boxes.nomargin {
  margin-bottom: 0;
}

.coperateGovernance_discover {
  margin: 0;
  padding: 0;
}

.coperateGovernance_discover-wp {
  display: flex;
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0rem 5% 0;
  flex-wrap: wrap;
  gap: 1%;
}

.coperateGovernance_discover-sidebar {
  width: 27%;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 2;
  position: absolute;
  right: 5%;
  height: 120%;
  top: -1px;
  background: var(--dark-puple-cl);
}

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

.coperateGovernance_discover-boxes {
  width: 100%;
  display: flex;
}

.coperateGovernance_discover-boxes-title {
  color: var(--primary-green-cl);
  font-family: var(--title-font);
  font-size: 6.9rem;
  font-weight: 800;
  line-height: 7.5rem;
  padding-left: 5%;
  margin-bottom: 5rem;
}

.coperateGovernance_discover-boxes .tabbing_wshape_right {
  width: 71%;
  display: flex;
  flex-direction: column;
  padding-left: 5%;
  padding-right: 0%;
  margin-left: 0;
}

.coperateGovernance_discover-boxes .tabbing_wshape_left_txtbox {
  width: 50%;
  padding-top: 25rem;
}

.coperateGovernance_discover-boxes .tabbing_wshape_left {
  width: 30%;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  padding-left: 3rem;
  z-index: 4;
  justify-content: center;
}

.coperateGovernance_discover-boxes .tabbing_wshape_tabbing_listing ul li {
  color: #fff;
}

.coperateGovernance_discover-boxes .wshape_listing-icon-fill {
  stroke: #fff;
  transition: var(--transition-03s);
}

.coperateGovernance_discover-boxes
  .tabbing_wshape_tabbing_listing
  ul
  li.active
  .wshape_listing-icon-fill,
.coperateGovernance_discover-boxes
  .tabbing_wshape_tabbing_listing
  ul
  li:hover
  .wshape_listing-icon-fill {
  fill: #fff;
  stroke: #fff;
  font-weight: 800;
}

.coperateGovernance_discover-boxes .tabbing_wshape_tabbing_listing ul {
  gap: 2rem;
}

.grayBlock {
  background: #d9d9d9;
  /* height: 100vh; */
  position: relative;
  z-index: 2;
  margin-top: 10rem;
}

.grayBlock_wp {
  display: flex;
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0rem 5% 0;
  flex-wrap: wrap;
}

.grayBlock_wp-inner {
  width: 100%;
  display: flex;
}

.grayBlock_wp-sidebar {
  width: 27%;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 2;
  position: absolute;
  right: 5%;
  height: 100%;
  background: var(--dark-puple-cl);
}

.grayBlock_wp-left {
  width: 67%;
  display: flex;
  flex-direction: column;
  padding-left: 5%;
  padding-right: 6%;
  padding-top: 10rem;
  padding-bottom: 13rem;
}

.grayBlock_tabBody {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.grayBlock_wp-left-title {
  color: var(--primary-green-cl);
  font-family: var(--title-font);
  font-size: 6.9rem;
  font-weight: 800;
  line-height: 7.5rem;
}

.grayBlock_wp-left-maintxt {
  color: var(--primary-green-cl);
  font-size: 2.6rem;
  font-style: normal;
  font-weight: 700;
  line-height: 3rem;
  margin-top: 3rem;
}

.grayBlock_wp-left-txt {
  color: var(--primary-green-cl);
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.6rem;
  margin-top: 3rem;
}

.grayBlock_wp-boxes {
  display: flex;
  flex-direction: column;
  margin-top: 5rem;
}

.grayBlock_wp-boxes-title {
  color: var(--primary-green-cl);
  font-size: 4rem;
  font-style: normal;
  font-weight: 900;
  line-height: 4rem;
}

.grayBlock_wp-boxes-info {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-top: 1rem;
}

.grayBlock_wp-boxes-info ul {
  display: flex;
  flex-direction: column;
  color: var(--primary-green-cl);
  font-size: 2.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 3rem;
  gap: 0.5rem;
}

.grayBlock_wp-right {
  width: 30%;
  position: relative;
  z-index: 5;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.grayBlock-tab-head {
  display: flex;
  flex-direction: column;
  padding: 20rem 3rem 5rem;
  gap: 2rem;
  position: sticky;
  top: 2rem;
}

.grayBlock-tab-head li {
  display: flex;
  cursor: pointer;
  font-family: var(--title-font);
  font-size: 3rem;
  font-weight: 300;
  align-items: center;
  gap: 2rem;
  color: #fff;
}

.grayBlock-tab-head li.active {
  font-weight: 800;
}

.grayBlock-tab-head li .grayBlock-tab-head-icon {
  width: 31px;
  height: 44px;
}

.grayBlock-tab-head li .grayBlock-tab-head-icon svg {
  width: 100%;
  height: 100%;
  display: block;
}

.grayBlock-tab-head-title {
  width: 75%;
}

.grayBlock-tab-head li .wshape_listing-icon-fill {
  stroke: #fff;
  transition: var(--transition-03s);
}

.grayBlock-tab-head li.active .wshape_listing-icon-fill,
.grayBlock-tab-head li:hover .wshape_listing-icon-fill {
  fill: #fff;
  stroke: #fff;
  font-weight: 800;
}

.grayBlock_tabBody-box {
  display: flex;
  flex-direction: column;
  position: absolute;
  width: 100%;
  opacity: 0;
  pointer-events: none;
  transition: var(--transition-03s);
  left: 0;
  top: 0;
}

.grayBlock_tabBody-box.active {
  opacity: 1;
  pointer-events: all;
  position: relative;
  display: flex;
}

.mob_img_discover,
.text_mob_accordion {
  display: none;
}

/* ! code of ethics */
.codeEthics {
  width: 100%;
  min-height: 100vh;
  position: relative;
}

.codeEthics-wp {
  display: flex;
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0rem 5% 0;
  flex-wrap: wrap;
  gap: 1%;
}

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

.codeEthics-inner .coperateGovernance-boxes-left {
  padding-top: 10rem;
}

.codeEthics-inner .publication_pdfBoxes-list {
  margin-bottom: 3rem;
}

.codeEthics-sidebar {
  width: 27%;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  z-index: 2;
  position: absolute;
  right: 5%;
  height: 120%;
  top: -20%;
}

.codeEthics .coperateGovernance-boxes-shape-right-img {
  top: 0rem;
}

/* ! policies block */
.policies_block {
  padding: 15rem 0;
  background: #70755f;
  margin-top: 5rem;
}

.policies_block-wp {
  padding: 0rem 5% 0;
  display: flex;
  width: 100%;
}

.policies_block-right {
  width: 45%;
  margin-left: auto;
  position: relative;
}

.policies_block-right-img {
  width: 100%;
}

.policies_block-right-shapeimg {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}

.policies_block-left {
  width: 50%;
  display: flex;
  flex-direction: column;
  padding: 0 5%;
}

.policies_block-suptitle {
  color: #fff;
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.5rem;
  margin-bottom: 3rem;
}

.policies_block-title {
  color: #fff;
  font-family: var(--title-font);
  font-size: 6.5rem;
  font-style: normal;
  font-weight: 800;
  line-height: 7.5rem;
}

.policies_block-txt {
  color: #fff;
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.6rem; /* 130% */
  margin-top: 2.5rem;
}

.policies_block-btn {
  display: flex;
  width: 100%;
  margin-top: 5rem;
}

.policies_block-scrolllist {
  display: flex;
  width: 100%;
  margin-top: 5rem;
}

.my-scroll-box {
  max-height: 35rem;
  overflow: auto;
  padding: 2rem 0;
  width: 100%;
}

/* Force the track to always be visible */
.my-scroll-box .simplebar-track {
  opacity: 1 !important; /* Always visible */
  visibility: visible !important; /* Prevent hiding */
  transition: none !important; /* No fading */
  border-radius: 0;
}

/* Optional: Style the track */
.my-scroll-box .simplebar-track.simplebar-vertical {
  width: 4px;
  background: #eee;
  border-radius: 0;
  right: 10px;
  overflow: auto;
}

/* Optional: Style the thumb (the draggable part) */
.my-scroll-box .simplebar-scrollbar::before {
  background: #333; /* Dark thumb */
  border-radius: 2px;
  width: 100%;
  left: 0;
  border-radius: 20px;
  top: 0;
  bottom: 0;
}

.policies_block-scrolllist ul {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}

.policies_block-scrolllist-dl a {
  display: flex;
  color: #fff;
  font-family: var(--title-font);
  gap: 2rem;
  align-items: flex-end;
}

.policies_block-scrolllist-dl-icn {
  width: 3.8rem;
}

.policies_block-scrolllist-dl-icn svg {
  width: 100%;
  height: 100%;
  display: block;
}

.fill_dls-white {
  fill: #fff;
  transition: var(--transition-03s);
}

.policies_block-scrolllist-dl-txt {
  width: 80%;
  display: flex;
  flex-direction: column;
  font-size: 3rem;
  font-style: normal;
  font-weight: 300;
  line-height: 3rem;
}

.policies_block-scrolllist-dl-date {
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 300;
  line-height: 3rem;
}

.policies_block-scrolllist-dl a:hover .fill_dls-white {
  fill: #e86852;
}

.policies_block-scrolllist-dl a:hover {
  color: #e86852;
}

/* ! Academy */
.academy_intro {
  width: 100%;
  min-height: 100vh;
  position: relative;
}

.academy_intro-wp {
  display: flex;
  width: 100%;
  height: 100%;
  position: relative;
  padding: 7.5rem 5% 0;
  flex-wrap: wrap;
  gap: 1%;
}

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

.academy_intro-Inner-boxes {
  display: flex;
  width: 100%;
  margin-bottom: 0rem;
}

.academy_intro-Inner-boxes.wnomargin {
  margin-bottom: 0;
}

.academy_intro-sidebar {
  width: 27%;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 2;
  position: absolute;
  right: 5%;
  height: 120%;
  top: -20%;
}

.academy_intro-sidebar-rightShape {
  display: flex;
  flex-direction: column;
}

.academy_intro-sidebar-rightShape-rest {
  /* display: flex;
	flex-direction: column; */
  background: var(--lightBrown-cl);
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 1rem 5rem;
}

.academy_intro-Inner-left {
  width: 67%;
  display: flex;
  flex-direction: column;
  padding-left: 5%;
  padding-right: 6%;
}

.academy_intro-title {
  color: var(--primary-green-cl);
  font-family: var(--title-font);
  font-size: 6.9rem;
  font-weight: 800;
  line-height: 7.5rem;
}

.academy_intro-txt {
  color: var(--primary-green-cl);
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.6rem;
  margin-top: 2.5rem;
}

.academy_intro-Inner-right {
  width: 30%;
  position: relative;
  z-index: 5;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.academy_intro-Inner-right-top {
  position: relative;
  top: -23rem;
  padding: 0rem 5rem;
}

.academy_intro-Inner-right-top-title {
  color: #fff;
  font-family: var(--title-font);
  font-size: 6.9rem;
  font-style: normal;
  font-weight: 800;
  line-height: 6rem;
}

.academy_intro-Inner-right-top-key {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-top: 5rem;
}

.academy_intro-Inner-right-top-key li {
  display: flex;
  width: 48%;
  flex-direction: column;
  color: #fff;
  justify-content: space-between;
  margin-top: 5rem;
}

.academy_intro-key-num {
  font-family: var(--title-font);
  font-size: 5.5rem;
  font-style: normal;
  font-weight: 800;
  line-height: 7rem;
}

.academy_intro-key-title {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 4rem;
  display: flex;
  flex-direction: column;
}

.academy_intro-key-title span {
  font-size: 2rem;
  font-weight: 600;
  line-height: 3rem;
}

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

.hr_content-title {
  color: var(--primary-green-cl);
  font-family: var(--title-font);
  font-size: 6.9rem;
  font-weight: 800;
  line-height: 7.5rem;
}

.hr_content-txt {
  color: var(--primary-green-cl);
  font-family: var(--title-font);
  font-size: 5rem;
  font-style: normal;
  font-weight: 800;
  line-height: 6rem;
  margin-top: 5rem;
}

.hr_content-author {
  display: flex;
  flex-direction: column;
  color: var(--body-cl);
  font-family: var(--title-font);
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 100;
  line-height: 3.5rem;
  margin-top: 5rem;
}

.hr_content-author strong {
  font-weight: 800;
}

.hr_shape {
  width: 100%;
  position: absolute;
  left: -0.1rem;
  bottom: -0.1rem;
  z-index: 1;
}

.academy_intro-Inner-boxes.wnomargin .academy_intro-Inner-right {
  justify-content: flex-end;
}

.academy_intro-Inner-boxes.wnomargin .academy_intro-Inner-left {
  margin-top: 9rem;
}

.policies_block-inner .policies_block-wp {
  align-items: center;
}

/* course listing */
.course_listing {
  padding: 10rem 0;
}

.course-listing-wp {
  display: flex;
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0rem 5% 0rem;
  flex-wrap: wrap;
  gap: 1%;
}

.course-listing-left {
  width: 67%;
  display: flex;
  flex-direction: column;
  padding-left: 5%;
  padding-right: 6%;
}

.course-listing-title {
  color: var(--primary-green-cl);
  font-family: var(--title-font);
  font-size: 6.9rem;
  font-weight: 800;
  line-height: 7.5rem;
}
.course-listing-txt {
  color: var(--primary-green-cl);
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.6rem;
  margin-top: 2.5rem;
}

.course-listing-slider {
  margin-top: 7rem;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 0 3%;
}

.course_box {
  width: 100%;
  height: 43rem;
  border-radius: 5px;
  overflow: hidden;
}

.course_box a {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  padding: 4rem 3rem;
  color: #fff;
  text-decoration: none;
  background: #8f6c95;
}

.course_box a:hover {
  background: var(--dark-puple-cl);
}

.course_box-date {
  color: #fff;
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.5rem;
}

.course_box-title {
  color: #fff;
  font-family: var(--title-font);
  font-size: 3rem;
  font-style: normal;
  font-weight: 800;
  line-height: 3.5rem;
  /* height: 5rem; */
  margin-top: 2rem;
  margin-bottom: 3rem;
}

.course_box-txt {
  color: #fff;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.5rem;
}

.course-btn {
  display: flex;
  margin-top: auto;
}

.course-listing-slider-nav {
  display: flex;
  gap: 2rem;
  margin-top: 3rem;
  width: 100%;
  justify-content: flex-end;
}

.course-listing-slider-nav .swiper-button-next,
.course-listing-slider-nav .swiper-button-prev {
  position: inherit;
  top: inherit;
  width: 5.6rem;
  height: 5.6rem;
  margin-top: 0;
  left: inherit;
  right: inherit;
}

.course-listing-slider-nav svg {
  width: 100%;
  height: 100%;
  display: block;
}

.course-listing-slider-nav .swiper-button-next:after,
.course-listing-slider-nav .swiper-button-prev:after {
  display: none;
}

/* ! Segment finance */
.video-mask-wrapper-finance {
  position: fixed;
  z-index: 1;
  background: transparent;
  /* background: red; */
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  pointer-events: none;
  z-index: 2;
  top: 0;
  /* left: 5.5%; */
}

.video-mask-wrapper-finance.active {
  opacity: 1;
}

.mask-target-slot-finance {
  position: relative;
}

.mask-target-slot-finance .video-mask-wrapper-finance {
  position: absolute;
}

.video-mask-item-finance {
  width: 38.5%;
  height: 100vh;
  clip-path: url(#clip-path-video-finance);
  -webkit-clip-path: url(#clip-path-video-finance);
  overflow: hidden;
  position: relative;
}

.video-mask-item-finance video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transform: scale(1.15);
}

/*  ? homepage section 2 */
.hm_second_panel_finance {
  height: 100vh;
  background: #37374e;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hm_second_panel_finance_wp {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
}

.hm_second_panel_finance_wp.hidden {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

.hm_second_panel_finance_mid {
  /* width: 28.9%; */
  width: 28%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  /* overflow: hidden; */
}

.hm_second_panel_finance_mid-yellow {
  position: absolute;
  right: -37%;
  top: 0;
  background: var(--yellow-cl);
  width: 45%;
  height: 25rem;
}

.hm_second_panel_finance_mid-blue {
  position: absolute;
  right: 1%;
  bottom: 0;
  background: #b7c7d3;
  width: 99%;
  height: 44%;
}

.hm_second_panel_finance_left {
  width: 30%;
  padding-left: 5%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-right: 2%;
  padding-bottom: 10rem;
}

.hm_second_panel_finance_title {
  color: #fff;
  font-family: var(--title-font);
  font-size: 6.9rem;
  font-style: normal;
  font-weight: 800;
  line-height: 7.5rem;
}

.hm_second_panel_finance_txt {
  color: #fff;
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.5rem;
  margin-top: 4rem;
}

.second_panel_finance_key {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 25rem;
  overflow: hidden;
  display: flex;
  align-items: center;
  padding-bottom: 2rem;
}

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

.second_panel_finance_left ul {
  display: flex;
  gap: 8rem;
  /* transform: translateX(-100%); */
}

.second_panel_finance_left ul li {
  display: flex;
  flex-direction: column;
  font-family: var(--title-font);
  color: #fff;
  white-space: nowrap;
  min-width: 15rem;
}

.second_panel_finance-keyvalue_num {
  font-size: 5.5rem;
  font-weight: 800;
  line-height: 6rem;
}

.second_panel_finance-keyvalue_title {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 4rem;
}

.second_panel_finance-keyvalue_title span {
  font-size: 2rem;
  font-weight: 600;
  line-height: 3rem;
}

/* ! Third panel finance cluster */
.third_panel_finance_cluster {
  height: 100vh;
  width: 100%;
}

.third_panel_finance_cluster-wp {
  display: flex;
  width: 100%;
  height: 100%;
}

.third_panel_finance_cluster-left {
  width: 36%;
  padding-left: 5%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding-right: 3%;
  padding-top: 10rem;
  padding-bottom: 4rem;
}

.third_panel_finance_cluster-txt {
  color: var(--primary-green-cl);
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.6rem;
}

.third_panel_finance_cluster-mid {
  width: 28%;
  height: 100%;
  background: #b7c7d3;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  /* padding-top: 12rem; */
  padding: 0 6rem;
}

.cluster_tabbing-head-title {
  width: 80%;
}

.third_panel_finance_cluster-right {
  width: 36%;
  height: 100%;
  background: yellow;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}

.third_panel_finance_cluster-keyvalue {
  display: flex;
  flex-wrap: wrap;
  gap: 2%;
  margin-top: 4rem;
  justify-content: space-between;
}

.third_panel_finance_cluster-keyvalue li {
  display: flex;
  flex-direction: column;
  font-family: var(--title-font);
  color: var(--primary-green-cl);
  width: 48%;
  margin-bottom: 4rem;
}

.third_panel_finance-keyvalue_num {
  font-size: 4.4rem;
  font-weight: 800;
  line-height: 6rem;
}

.third_panel_finance-keyvalue_title {
  font-size: 2.8rem;
  font-weight: 300;
  line-height: 3rem;
}

.third_panel_finance-keyvalue_title span {
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 2rem;
}

.third_panel_finance-keyvalue_btn {
  display: flex;
  margin-top: 3rem;
}

.cluster_tabbing-head {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}

.cluster_tabbing-head li {
  display: flex;
  color: #fff;
  font-family: var(--title-font);
  font-size: 5rem;
  font-weight: 300;
  line-height: normal;
  align-items: center;
  gap: 2rem;
  cursor: pointer;
  transition: var(--transition-03s);
}

.cluster_tabbing-head-icon {
  width: 31px;
  height: 44px;
}

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

.cluster_tabbing-head--fill {
  stroke: #fff;
  transition: var(--transition-03s);
}

.cluster_tabbing-head li.active .cluster_tabbing-head--fill,
.cluster_tabbing-head li:hover .cluster_tabbing-head--fill {
  fill: #fff;
  stroke: #fff;
}

/* .cluster_tabbing-head li.active {
	font-weight: 800;
} */

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

.imgtobeinTab {
  display: none;
}

.cluster_tabbing-body {
  display: flex;
  flex-direction: column;
}

.cluster_tabbing-box {
  display: flex;
  width: 100%;
  flex-direction: column;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.cluster_tabbing-box.active {
  position: relative;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

/* ! cluster brands */
.cluster_brands {
  background: #d9d9d9;
  padding: 8rem 0 12rem;
}

.cluster_brands-cnt {
  display: flex;
  width: 100%;
  height: 100%;
  position: relative;
  flex-direction: column;
}

.cluster_brands-title {
  color: var(--primary-green-cl);
  font-family: var(--title-font);
  font-size: 6.9rem;
  font-weight: 800;
  line-height: 7.5rem;
  padding-left: 10%;
  display: flex;
  justify-content: space-between;
  padding-right: 10%;
  align-items: flex-end;
}

.cluster_brands-wp {
  display: flex;
  width: 100%;
  padding: 0 5%;
  margin-top: 5rem;
  flex-direction: column;
}

.cluster_brands-wp .brandsListing_box {
  width: 100%;
  margin: 0;
}

.cluster_brands-wp .brandsListing_box .brandsListing_btn {
  margin-top: 24px;
}

.cluster_brands-wp .news_nav {
  margin-top: 5rem;
  padding: 0 0%;
}

/* ! Cluster map */
.clusterMap {
  height: auto;
  overflow: hidden;
  padding-bottom: 4rem;
}

.clusterMap-wp {
  display: flex;
  width: 100%;
  height: 100%;
  position: relative;
}

.clusterMap-mid {
  width: 28%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.clusterMap-mid-shape {
  min-height: 100vh;
  height: 100%;
  background: #b7c7d3;
  display: flex;
  width: 100%;
  position: relative;
}

.clusterMap-mid-shape-img {
  position: absolute;
  width: 100%;
  bottom: -2px;
  right: -1px;
}

.clusterMap-right {
  width: 36%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-top: 8rem;
  padding-left: 5%;
  padding-right: 2%;
}

.clusterMap-title {
  color: var(--primary-green-cl);
  font-family: var(--title-font);
  font-size: 5.5rem;
  font-style: normal;
  font-weight: 800;
  line-height: 6.5rem;
  margin-bottom: 5.5rem;
}

.clusterMap-subtitle {
  color: var(--primary-green-cl);
  font-family: var(--title-font);
  font-size: 4rem;
  font-style: normal;
  font-weight: 300;
  line-height: 4rem;
}

.clusterMap-list {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  width: 80%;
  margin-top: 5rem;
}

.clusterMap-list li {
  display: flex;
  flex-direction: column;
  width: 100%;
  color: var(--primary-green-cl);
  font-family: var(--title-font);
}

.clusterMap-listtitle {
  font-size: 4.5rem;
  font-style: normal;
  font-weight: 800;
  line-height: 6rem;
}

.clusterMap-listtitle span {
  font-size: 3rem;
}

.clusterMap-listsubtitle {
  font-size: 3rem;
  font-style: normal;
  font-weight: 300;
  line-height: 3.8rem;
}

.clusterMap-listtxt {
  font-size: 2rem;
  font-style: normal;
  font-weight: 600;
  line-height: 3rem;
}

.clusterMap-txt {
  display: flex;
  flex-direction: column;
  margin-top: 3rem;
  color: var(--primary-green-cl);
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.6rem;
}

.clusterMap-txt strong {
  font-size: 3rem;
  font-style: normal;
  font-weight: 900;
  font-family: var(--title-font);
}

/* ! cluster leader */
.cluster_leader {
  /* padding: 10rem 0 12rem; */
  padding: 10rem 0 0;
}

.cluster_leader-cnt {
  display: flex;
  width: 100%;
  height: 100%;
  position: relative;
  flex-direction: column;
}

.cluster_leader_title {
  color: var(--primary-green-cl);
  font-family: var(--title-font);
  font-size: 6.9rem;
  font-weight: 800;
  line-height: 7.5rem;
  padding-left: 10%;
}

.cluster_leader_txt {
  color: var(--primary-green-cl);
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.6rem;
  margin-top: 2rem;
  padding: 0 10%;
}

.cluster_leader-wp {
  display: flex;
  width: 100%;
  padding: 0 5%;
  margin-top: 8rem;
  flex-direction: column;
}

.cluster_leader-wp .bod_box {
  width: 100%;
  margin-bottom: 0;
}

.cluster_leader-wp .news_nav {
  margin-top: 5rem;
  padding: 0 0%;
}

/* ! Segment technology */
.video-mask-wrapper-technology {
  position: fixed;
  z-index: 1;
  background: transparent;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64.42708333%;
  /* width: 100%; */
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  pointer-events: none;
  z-index: 2;
  top: 0;
}

.video-mask-wrapper-technology.active {
  opacity: 1;
}

.mask-target-slot-technology {
  position: relative;
}

.mask-target-slot-technology .video-mask-wrapper-technology {
  position: absolute;
}

.video-mask-item-technology {
  width: 100%;
  height: 100vh;
  clip-path: url(#clip-path-video-technology);
  -webkit-clip-path: url(#clip-path-video-technology);
  overflow: hidden;
  position: relative;
}

.video-mask-item-technology video {
  width: 155%;
  height: 100%;
  object-fit: cover;
  display: block;
  transform: scale(1.15);
}

/*  ? homepage section 2 */
.hm_second_panel_technology {
  height: 100vh;
  background: #e96852;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hm_second_panel_technology_wp {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
}

.hm_second_panel_technology_wp.hidden {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

.hm_second_panel_technology_mid {
  width: 28.9%;
  /* width: 28%; */
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  /* position: relative; */
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  /* overflow: hidden; */
}

.hm_second_panel_technology_img2 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.hm_second_panel_technology_left {
  width: 36%;
  padding-left: 5%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-right: 2%;
  padding-bottom: 10rem;
}

.hm_second_panel_technology_right {
  width: 35.62%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: auto;
  overflow: hidden;
  position: relative;
}

.hm_second_panel_technology-img1 {
  position: absolute;
  width: 70%;
  left: 0;
  top: 0;
}

.hm_second_panel_technology_title {
  color: #fff;
  font-family: var(--title-font);
  font-size: 6rem;
  font-style: normal;
  font-weight: 800;
  line-height: 6.2rem;
}

.hm_second_panel_technology_txt {
  color: #fff;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2rem;
  margin-top: 2rem;
}

.second_panel_technology_key {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 25rem;
  overflow: hidden;
  display: flex;
  align-items: center;
  padding-bottom: 2rem;
}

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

.second_panel_technology_left ul {
  display: flex;
  gap: 8rem;
  /* transform: translateX(-100%); */
}

.second_panel_technology_left ul li {
  display: flex;
  flex-direction: column;
  font-family: var(--title-font);
  color: #fff;
  white-space: nowrap;
  min-width: 15rem;
}

.second_panel_technology-keyvalue_num {
  font-size: 5.5rem;
  font-weight: 800;
  line-height: 6rem;
}

.second_panel_technology-keyvalue_title {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 4rem;
}

.second_panel_technology-keyvalue_title span {
  font-size: 2rem;
  font-weight: 600;
  line-height: 3rem;
}

.third_panel_finance_cluster.third_panel_technology_cluster
  .third_panel_finance_cluster-mid {
  background: #d4b9a8;
  width: 29.13%;
}

.clusterMap.clusterMap-technology .clusterMap-mid-shape {
  background: #d4b9a8;
}

/* ! Segment commerce */
.video-mask-wrapper-commerce {
  position: fixed;
  z-index: 1;
  background: transparent;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  pointer-events: none;
  z-index: 2;
  top: 0;
}

.video-mask-wrapper-commerce.active {
  opacity: 1;
}

.mask-target-slot-commerce {
  position: relative;
}

.mask-target-slot-commerce .video-mask-wrapper-commerce {
  position: absolute;
}

.video-mask-item-commerce {
  width: 56%;
  height: 100vh;
  clip-path: url(#clip-path-video-commerce);
  -webkit-clip-path: url(#clip-path-video-commerce);
  overflow: hidden;
  position: relative;
}

.video-mask-item-commerce video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transform: scale(1.15);
}

/*  ? homepage section 2 */
.hm_second_panel_commerce {
  height: 100vh;
  background: #d4b9a8;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hm_second_panel_commerce_wp {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
}

.hm_second_panel_commerce_wp.hidden {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

.hm_second_panel_commerce_mid {
  width: 28%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  /* position: relative; */
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  /* overflow: hidden; */
}

.hm_second_panel_commerce_left {
  width: 36%;
  padding-left: 5%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-right: 2%;
  padding-bottom: 10rem;
  position: relative;
  z-index: 3;
}

.hm_second_panel_commerce_right {
  width: 35.62%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: auto;
  overflow: hidden;
  position: relative;
}

.hm_second_panel_commerce-img1 {
  position: absolute;
  width: 69%;
  left: 0;
  top: 0;
}

.hm_second_panel_commerce_title {
  color: #fff;
  font-family: var(--title-font);
  font-size: 5.8rem;
  font-style: normal;
  font-weight: 800;
  line-height: 6.5rem;
}

.hm_second_panel_commerce_txt {
  color: #fff;
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.6rem;
  margin-top: 4rem;
}

.second_panel_commerce_key {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 25rem;
  overflow: hidden;
  display: flex;
  align-items: center;
  padding-bottom: 2rem;
}

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

.second_panel_commerce_left ul {
  display: flex;
  gap: 8rem;
  /* transform: translateX(-100%); */
}

.second_panel_commerce_left ul li {
  display: flex;
  flex-direction: column;
  font-family: var(--title-font);
  color: #fff;
  white-space: nowrap;
  min-width: 15rem;
}

.second_panel_commerce-keyvalue_num {
  font-size: 5.5rem;
  font-weight: 800;
  line-height: 6rem;
}

.second_panel_commerce-keyvalue_title {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 4rem;
}

.second_panel_commerce-keyvalue_title span {
  font-size: 2rem;
  font-weight: 600;
  line-height: 3rem;
}

.third_panel_finance_cluster.third_panel_commerce_cluster
  .third_panel_finance_cluster-left {
  width: 36.5%;
}

.third_panel_finance_cluster.third_panel_commerce_cluster
  .third_panel_finance_cluster-mid {
  background: #37374e;
  width: 28.5%;
}

.clusterMap.clusterMap-commerce .clusterMap-mid-shape {
  background: #8f6c95;
}

/* ! Segment logistic */
.video-mask-wrapper-logistics {
  position: fixed;
  z-index: 1;
  background: transparent;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  pointer-events: none;
  z-index: 2;
  top: 0;
}

.video-mask-wrapper-logistics.active {
  opacity: 1;
}

.mask-target-slot-logistics {
  position: relative;
}

.mask-target-slot-logistics .video-mask-wrapper-logistics {
  position: absolute;
}

.video-mask-item-logistics {
  width: 28%;
  height: 100vh;
  clip-path: url(#clip-path-video-logistics);
  -webkit-clip-path: url(#clip-path-video-logistics);
  overflow: hidden;
  position: relative;
}

.video-mask-item-logistics video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transform: scale(1.15);
}

/*  ? homepage section 2 */
.hm_second_panel_logistics {
  height: 100vh;
  background: #8f6c95;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hm_second_panel_logistics_wp {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
}

.hm_second_panel_logistics_wp.hidden {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

.hm_second_panel_logistics_mid {
  width: 28%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  overflow: hidden;
}

.hm_second_panel_logistics_left {
  width: 36%;
  padding-left: 10%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-right: 2%;
  padding-bottom: 10rem;
  position: relative;
  z-index: 2;
}

.hm_second_panel_logistics_right {
  width: 36%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: auto;
  overflow: hidden;
  position: relative;
}

.hm_second_panel_logistics-img1 {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
}

.hm_second_panel_logistics-img2 {
  position: absolute;
  width: 40%;
  top: 0;
  left: 0;
}

.hm_second_panel_logistics_title {
  color: #fff;
  font-family: var(--title-font);
  font-size: 6.9rem;
  font-style: normal;
  font-weight: 800;
  line-height: 7.5rem;
}

.hm_second_panel_logistics_txt {
  color: #fff;
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.6rem;
  margin-top: 4rem;
}

.second_panel_logistics_key {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 25rem;
  overflow: hidden;
  display: flex;
  align-items: center;
  padding-bottom: 2rem;
}

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

.second_panel_logistics_left ul {
  display: flex;
  gap: 8rem;
  /* transform: translateX(-100%); */
}

.second_panel_logistics_left ul li {
  display: flex;
  flex-direction: column;
  font-family: var(--title-font);
  color: #fff;
  white-space: nowrap;
  min-width: 15rem;
}

.second_panel_logistics-keyvalue_num {
  font-size: 5.5rem;
  font-weight: 800;
  line-height: 6rem;
}

.second_panel_logistics-keyvalue_title {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 4rem;
}

.second_panel_logistics-keyvalue_title span {
  font-size: 2rem;
  font-weight: 600;
  line-height: 3rem;
}

.third_panel_finance_cluster.third_panel_logistics_cluster
  .third_panel_finance_cluster-mid {
  background: #b7c7d3;
}

.clusterMap.clusterMap-logistics .clusterMap-mid-shape {
  background: #b7c7d3;
}

/* ! Segment realestate */
.video-mask-wrapper-realestate {
  position: fixed;
  z-index: 1;
  background: transparent;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  pointer-events: none;
  z-index: 2;
  top: 0;
}

.video-mask-wrapper-realestate.active {
  opacity: 1;
}

.mask-target-slot-realestate {
  position: relative;
}

.mask-target-slot-realestate .video-mask-wrapper-realestate {
  position: absolute;
}

.video-mask-item-realestate {
  width: 40%;
  height: 100vh;
  clip-path: url(#clip-path-video-realestate);
  -webkit-clip-path: url(#clip-path-video-realestate);
  overflow: hidden;
  position: relative;
}

.video-mask-item-realestate video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transform: scale(1.15);
}

/*  ? homepage section 2 */
.hm_second_panel_realestate {
  height: 100vh;
  background: #dac556;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hm_second_panel_realestate_wp {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
}

.hm_second_panel_realestate_wp.hidden {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

.hm_second_panel_realestate_mid {
  width: 28%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  overflow: hidden;
}

.hm_second_panel_realestate-img1 {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}

.hm_second_panel_realestate-img2 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 56.5%;
  overflow: hidden;
}

.hm_second_panel_realestate-img2-cl {
  background: #3b2517;
  width: 100%;
  height: 100%;
}

.hm_second_panel_realestate_left {
  width: 36%;
  padding-left: 5%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-right: 3%;
  padding-bottom: 10rem;
  position: relative;
  z-index: 2;
}

.hm_second_panel_realestate_right {
  width: 36%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: auto;
  overflow: hidden;
  position: relative;
}

.hm_second_panel_realestate_title {
  color: #fff;
  font-family: var(--title-font);
  font-size: 6.9rem;
  font-style: normal;
  font-weight: 800;
  line-height: 7.5rem;
}

.hm_second_panel_realestate_txt {
  color: #fff;
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.6rem;
  margin-top: 4rem;
}

.second_panel_realestate_key {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 25rem;
  overflow: hidden;
  display: flex;
  align-items: center;
  padding-bottom: 2rem;
}

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

.second_panel_realestate_left ul {
  display: flex;
  gap: 8rem;
  /* transform: translateX(-100%); */
}

.second_panel_realestate_left ul li {
  display: flex;
  flex-direction: column;
  font-family: var(--title-font);
  color: #fff;
  white-space: nowrap;
  min-width: 15rem;
}

.second_panel_realestate-keyvalue_num {
  font-size: 5.5rem;
  font-weight: 800;
  line-height: 6rem;
}

.second_panel_realestate-keyvalue_title {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 4rem;
}

.second_panel_realestate-keyvalue_title span {
  font-size: 2rem;
  font-weight: 600;
  line-height: 3rem;
}

.third_panel_finance_cluster.third_panel_realestate_cluster
  .third_panel_finance_cluster-mid {
  background: #3b2517;
}

.clusterMap.clusterMap-realestate .clusterMap-mid-shape {
  background: #3b2517;
}

/* ! Segment hospitality */
.video-mask-wrapper-hospitality {
  position: fixed;
  z-index: 1;
  background: transparent;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  pointer-events: none;
  z-index: 2;
  top: 0;
}

.video-mask-wrapper-hospitality.active {
  opacity: 1;
}

.mask-target-slot-hospitality {
  position: relative;
}

.mask-target-slot-hospitality .video-mask-wrapper-hospitality {
  position: absolute;
}

.video-mask-item-hospitality {
  width: 28%;
  height: 100vh;
  clip-path: url(#clip-path-video-hospitality);
  -webkit-clip-path: url(#clip-path-video-hospitality);
  overflow: hidden;
  position: relative;
}

.video-mask-item-hospitality video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transform: scale(1.15);
}

/*  ? homepage section 2 */
.hm_second_panel_hospitality {
  height: 100vh;
  background: #b7c7d3;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hm_second_panel_hospitality_wp {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
}

.hm_second_panel_hospitality_wp.hidden {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

.hm_second_panel_hospitality_mid {
  width: 27.9%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  overflow: hidden;
}

.hm_second_panel_hospitality_mid-shape {
  background: #37374e;
  width: 100%;
  height: 55%;
  position: absolute;
  left: 0;
  bottom: 0;
}

.hm_second_panel_hospitality_left {
  width: 36%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 10%;
  padding-right: 2%;
  padding-bottom: 10rem;
  position: relative;
  z-index: 2;
  overflow: hidden;
}

.hm_second_panel_hospitality_left-img {
  position: absolute;
  right: 0;
  top: 0;
  width: 60%;
  z-index: 1;
}

.hm_second_panel_hospitality_right {
  width: 36%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 2%;
  padding-right: 4%;
  padding-bottom: 12rem;
  position: relative;
  z-index: 2;
  margin-left: auto;
}

.hm_second_panel_hospitality_title {
  color: #fff;
  font-family: var(--title-font);
  font-size: 6.9rem;
  font-style: normal;
  font-weight: 800;
  line-height: 7.5rem;
}

.hm_second_panel_hospitality_txt {
  color: #fff;
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.6rem;
  margin-top: 4rem;
}

.second_panel_hospitality_key {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 25rem;
  overflow: hidden;
  display: flex;
  align-items: center;
  padding-bottom: 2rem;
}

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

.second_panel_hospitality_left ul {
  display: flex;
  gap: 8rem;
  /* transform: translateX(-100%); */
}

.second_panel_hospitality_left ul li {
  display: flex;
  flex-direction: column;
  font-family: var(--title-font);
  color: #fff;
  white-space: nowrap;
  min-width: 15rem;
}

.second_panel_hospitality-keyvalue_num {
  font-size: 5.5rem;
  font-weight: 800;
  line-height: 6rem;
}

.second_panel_hospitality-keyvalue_title {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 4rem;
}

.second_panel_hospitality-keyvalue_title span {
  font-size: 2rem;
  font-weight: 600;
  line-height: 3rem;
}

.third_panel_finance_cluster.third_panel_hospitality_cluster
  .third_panel_finance_cluster-mid {
  background: #37374e;
}

.clusterMap.clusterMap-hospitality .clusterMap-mid-shape {
  background: #37374e;
}

/* ! Segment agri */
.video-mask-wrapper-agri {
  position: fixed;
  z-index: 1;
  background: transparent;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  pointer-events: none;
  z-index: 2;
  top: 0;
}

.video-mask-wrapper-agri.active {
  opacity: 1;
}

.mask-target-slot-agri {
  position: relative;
}

.mask-target-slot-agri .video-mask-wrapper-agri {
  position: absolute;
}

.video-mask-item-agri {
  width: 28%;
  height: 100vh;
  clip-path: url(#clip-path-video-agri);
  -webkit-clip-path: url(#clip-path-video-agri);
  overflow: hidden;
  position: relative;
}

.video-mask-item-agri video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transform: scale(1.15);
}

/*  ? homepage section 2 */
.hm_second_panel_agri {
  height: 100vh;
  background: #3d441e;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hm_second_panel_agri_wp {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
}

.hm_second_panel_agri_wp.hidden {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

.hm_second_panel_agri_mid {
  width: 27.9%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  overflow: hidden;
}

.hm_second_panel_agri_mid-shape {
  background: #dac556;
  width: 100%;
  height: 55%;
  position: absolute;
  left: 0;
  bottom: 0;
}

.hm_second_panel_agri_left {
  width: 36%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 10%;
  padding-right: 2%;
  padding-bottom: 10rem;
  position: relative;
  z-index: 2;
  overflow: hidden;
}

.hm_second_panel_agri_left-img {
  position: absolute;
  right: -0.1rem;
  top: 0;
  width: 50%;
  z-index: 1;
}

.hm_second_panel_agri_right-img {
  position: absolute;
  left: -0.1rem;
  top: 0;
  width: 60%;
  z-index: 1;
}

.hm_second_panel_agri_right {
  width: 36%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 2%;
  padding-right: 4%;
  /* padding-bottom: 12rem; */
  position: relative;
  z-index: 2;
  margin-left: auto;
  overflow: hidden;
}

.hm_second_panel_agri_title {
  color: #fff;
  font-family: var(--title-font);
  font-size: 6.9rem;
  font-style: normal;
  font-weight: 800;
  line-height: 7.5rem;
}

.hm_second_panel_agri_txt {
  color: #fff;
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.6rem;
  margin-top: 4rem;
}

.second_panel_agri_key {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 25rem;
  overflow: hidden;
  display: flex;
  align-items: center;
  padding-bottom: 2rem;
}

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

.second_panel_agri_left ul {
  display: flex;
  gap: 8rem;
  /* transform: translateX(-100%); */
}

.second_panel_agri_left ul li {
  display: flex;
  flex-direction: column;
  font-family: var(--title-font);
  color: #fff;
  white-space: nowrap;
  min-width: 15rem;
}

.second_panel_agri-keyvalue_num {
  font-size: 5.5rem;
  font-weight: 800;
  line-height: 6rem;
}

.second_panel_agri-keyvalue_title {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 4rem;
}

.second_panel_agri-keyvalue_title span {
  font-size: 2rem;
  font-weight: 600;
  line-height: 3rem;
}

.third_panel_finance_cluster.third_panel_agri_cluster
  .third_panel_finance_cluster-mid {
  background: #dac556;
}

.clusterMap.clusterMap-agri .clusterMap-mid-shape {
  background: #dac556;
}

/* ! newsletter page */
.newsletterSection-wp {
  width: 100%;
  display: flex;
}

.newsletterSection-left {
  width: 36%;
  padding-top: 20rem;
}

.newsletterSection-mid {
  width: 28%;
  display: flex;
  flex-direction: column;
  position: relative;
  padding-top: 20rem;
}

.newsletterSection-mid-content {
  display: flex;
  flex-direction: column;
  padding: 0 5%;
  position: relative;
  z-index: 1;
}

.newsletterSection-mid-title {
  color: #fff;
  font-family: var(--transition-03s);
  font-size: 6.5rem;
  font-style: normal;
  font-weight: 800;
  line-height: 7.5rem; /* 108.696% */
}

.newsletterSection-mid-txt {
  color: #fff;
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.5rem;
  margin-top: 2rem;
}

.newsletterSection-mid-shape {
  height: 100%;
  width: 100%;
  background: #8f6c95;
  position: absolute;
  top: 0;
  left: 0;
}

.newsletterSection-mid-shape-obj {
  position: absolute;
  width: 100%;
  bottom: -0.1rem;
  right: 0;
  z-index: 1;
}

.newsletterSection-right {
  width: 36%;
  padding-top: 20rem;
}

.normalIntro {
  padding: 13rem 10% 12rem 10%;
}

.normalIntro-wp {
  width: auto;
  display: flex;
  flex-direction: column;
}

.normalIntro-title {
  color: var(--primary-green-cl);
  font-family: var(--title-font);
  font-size: 6.9rem;
  font-weight: 800;
  line-height: 7.5rem;
}

.normalIntro-txt {
  color: var(--primary-green-cl);
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.6rem;
  margin-top: 2.5rem;
  width: 60%;
}

.normalIntro-txt ul {
    padding-left: 2rem;
}

.normalIntro-txt ul li {
    list-style: disc;
}

.normalIntro-btn {
  display: flex;
}

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

/*  ! Commitment */
.commitmentsSection {
  width: 100%;
  min-height: 100vh;
}

.commitmentsSection-wp {
  display: flex;
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0rem 5% 0;
  flex-wrap: wrap;
  gap: 1%;
}

.commitmentsSection-wp-sidebar {
  width: 27%;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 2;
  position: absolute;
  right: 5%;
  height: 100%;
}

.commitmentsSection-wp-inner {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.commitmentsSection-boxes {
  display: flex;
  width: 100%;
}

.commitmentsSection-boxes-left {
  width: 67%;
  display: flex;
  flex-direction: column;
  padding-left: 5%;
  padding-right: 6%;
  padding-top: 15rem;
}

.commitmentsSection-boxes-left-top {
  display: flex;
  flex-direction: column;
  width: 100%;
  color: var(--primary-green-cl);
}

.commitmentsSection-boxes-title {
  color: var(--primary-green-cl);
  font-family: var(--title-font);
  font-size: 6.9rem;
  font-weight: 800;
  line-height: 7.5rem;
}

.commitmentsSection-boxes-txt {
  color: var(--primary-green-cl);
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.6rem;
  margin-top: 2.5rem;
}

.commitmentsSection-boxes-left-mid {
  display: flex;
  flex-direction: column;
  margin-top: 14rem;
  margin-bottom: 5rem;
}

.commitmentsSection-boxes-left-mid-suptitle {
  color: var(--primary-green-cl);
  font-family: var(--title-font);
  font-size: 4rem;
  font-style: normal;
  font-weight: 300;
  line-height: 4rem; /* 65% */
}

.commitmentsSection-boxes-left-mid-list {
  display: flex;
  flex-wrap: wrap;
  gap: 4.5%;
  margin-top: 7rem;
}

.commitmentsSection-boxes-left-mid-list li {
  display: flex;
  width: 28%;
  flex-direction: column;
  color: var(--primary-green-cl);
  font-family: var(--title-font);
  margin-bottom: 3rem;
  padding-right: 2%;
}

.comitKey-list-num {
  font-size: 5.5rem;
  font-style: normal;
  font-weight: 800;
  line-height: 7rem;
}

.comitKey-list-txt {
  font-size: 3.5rem;
  font-style: normal;
  font-weight: 300;
  line-height: 3.9rem;
}

.comitKey-list-stxt {
  font-size: 2rem;
  font-style: normal;
  font-weight: 300;
  line-height: 3rem;
}

.commitmentsSection-boxes-right {
  width: 30%;
  position: relative;
  z-index: 5;
  margin-left: auto;
  display: flex;
  flex-direction: column;
}

.sidebarShape-topimg {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.sidebarShape-botimg {
  width: 100%;
  position: absolute;
  bottom: -1px;
  left: 0px;
  transform: translateZ(0);
}

.commitmentsSection-wp-sidebar-rest {
  width: 100%;
  background: var(--primary-green-cl);
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 1rem 5rem;
  position: relative;
  z-index: 1;
}
.commitmentsSection-boxes.commitmentsSection-boxes-sf
  .commitmentsSection-boxes-left {
  padding-top: 0;
}
.commitmentsSection-boxes.commitmentsSection-boxes-sf {
  padding-bottom: 5%;
}

.comit_tabHead {
  display: flex;
  flex-direction: column;
  padding: 5rem 3rem;
  gap: 2rem;
  position: sticky;
  top: 2rem;
}

.comit_tabHead li {
  display: flex;
  cursor: pointer;
  font-family: var(--title-font);
  font-size: 3rem;
  font-weight: 300;
  align-items: center;
  gap: 2rem;
  color: #fff;
}

.comit_tabHead li.active {
  font-weight: 800;
}

.comit_tabHead li .comit_tabHead-icon {
  width: 31px;
  height: 44px;
}

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

.comit_tabHead-title {
  width: 75%;
}

.comit_tabHead li .wshape_listing-icon-fill {
  stroke: #fff;
  transition: var(--transition-03s);
}

.comit_tabHead li.active .wshape_listing-icon-fill,
.comit_tabHead li:hover .wshape_listing-icon-fill {
  fill: #fff;
  stroke: #fff;
  font-weight: 800;
}

.comit_tab-box {
  display: flex;
  flex-direction: column;
  position: absolute;
  width: 100%;
  opacity: 0;
  pointer-events: none;
  transition: var(--transition-03s);
  left: 0;
  top: 0;
}

.comit_tab-box.active {
  opacity: 1;
  pointer-events: all;
  position: relative;
  display: flex;
}

.commitmentsSection-boxes.commitmentsSection-boxes-Tabs
  .commitmentsSection-boxes-left {
  padding-top: 0;
}

.commitmentsSection-boxes-txt ul {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  font-weight: 800;
}

.commitmentsSection-boxes-btn {
  display: flex;
  margin-top: 3rem;
  width: 100%;
}

.commitmentsSection-boxes.commitmentsSection-boxes-Tabs {
  padding-bottom: 15rem;
}

.approachSection-wp {
  display: flex;
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0rem 5% 0 0%;
  flex-wrap: wrap;
  gap: 1%;
  z-index: 6;
}

.approachSection-inner {
  width: 100%;
  display: flex;
}

.approachSection-left {
  width: 71.6%;
  display: flex;
  flex-direction: column;
  background: #3d441e;
  padding: 15rem 5% 15rem 10%;
}

.approachSection-title {
  color: #fff;
  font-family: var(--title-font);
  font-size: 6.9rem;
  font-style: normal;
  font-weight: 800;
  line-height: 7.5rem;
  width: 80%;
}

.approachSection-txt {
  color: #fff;
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.6rem;
  margin-top: 4.5rem;
}

.approachSection-list {
  display: flex;
  flex-direction: column;
  color: #fff;
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.6rem;
  margin-top: 7.5rem;
  gap: 3rem;
}

.approachSection-list li {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.approachSection-list strong {
  font-size: 4rem;
  font-weight: 900;
  line-height: 4rem;
}

.approachSection-right {
  width: 28.4%;
  position: relative;
  z-index: 5;
  display: flex;
  flex-direction: column;
  height: 100%;
  background: var(--primary-green-cl);
}

.approachSection-right-bg {
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.fArea {
  height: 100vh;
}

.fArea-wp {
  display: flex;
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0rem 5% 0;
  flex-wrap: wrap;
  gap: 1%;
}

.fArea-inner {
  width: 100%;
  display: flex;
}

.fArea-left {
  width: 67%;
  display: flex;
  padding-left: 5%;
  color: var(--primary-green-cl);
  align-items: center;
}

.fArea-content {
  width: 45%;
  display: flex;
  flex-direction: column;
}

.fArea-content-title {
  font-family: var(--title-font);
  font-size: 6.9rem;
  font-style: normal;
  font-weight: 800;
  line-height: 7.5rem;
}

.fArea-content-subtitle {
  font-family: var(--body-font);
  font-size: 4rem;
  font-style: normal;
  font-weight: 900;
  line-height: 4.5rem;
  margin-top: 3rem;
}
.fArea-content-txt {
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.6rem;
  margin-top: 3rem;
}

.fArea-map {
  width: 49%;
  margin-left: auto;
}

.fArea-right {
  width: 30%;
  position: relative;
  z-index: 5;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  background: var(--primary-green-cl);
  justify-content: center;
  padding-left: 5%;
}

.fArea-right ul {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  color: #fff;
  font-family: var(--title-font);
  font-size: 5rem;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}

.fArea-right ul li {
  position: relative;
  padding-left: 3rem;
}

.fArea-right ul li::before {
  content: "";
  position: absolute;
  left: 0rem;
  width: 1.5rem;
  height: 1.5rem;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 100%;
  background: #37374e;
}

.fArea-right ul li:nth-child(2):before {
  background: var(--yellow-cl);
}

.fArea-right ul li:nth-child(3):before {
  background: #3b2517;
}

.fArea-right ul li:nth-child(4):before {
  background: var(--orange-cl);
}

.fArea-shape {
  width: 100%;
  left: -1px;
  bottom: -1px;
  position: absolute;
}

/* ! Standards */
.sStandards {
  background: #e6e6e6;
}

.sStandards-wp {
  display: flex;
  width: 100%;
  height: 100%;
  position: relative;
  padding: 10rem 10% 10rem 10%;
  flex-wrap: wrap;
  gap: 1%;
}

.sStandards-top {
  display: flex;
  flex-direction: column;
  width: 60%;
  margin-bottom: 5rem;
}

.sStandards-title {
  color: var(--primary-green-cl);
  font-family: var(--title-font);
  font-size: 6.9rem;
  font-style: normal;
  font-weight: 800;
  line-height: 7.5rem;
}

.sStandards-txt {
  color: var(--primary-green-cl);
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.6rem;
  margin-top: 2rem;
}

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

.standarsSwiper-img {
  width: 70%;
  margin: 0 auto;
}

.sStandards-slider .news_nav {
  gap: 2rem;
  margin-top: 5rem;
  padding: 0;
}

/* .clusterSus .cluster_leader-wp {
	padding: 0 10%;
} */

.susJourney .history_Timeline-mid-content {
  background: #3b2517;
}

.susJourney .history_Timeline-dates {
  background: #3d441e;
}

.reportingSus {
  height: auto;
}

.reportingSus-wp {
  display: flex;
  position: relative;
  width: 100%;
  height: 100%;
}

.reportingSus-left {
  width: 36%;
  position: relative;
  display: flex;
  flex-direction: column;
  padding-left: 10%;
  padding-right: 1.5rem;
  padding-top: 15rem;
  padding-bottom: 10rem;
}

.reportingSus-title {
  color: var(--primary-green-cl);
  font-family: var(--title-font);
  font-size: 5.5rem;
  font-style: normal;
  font-weight: 800;
  line-height: 6.5rem;
}

.reportingSus-txt {
  color: var(--primary-green-cl);
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.6rem;
  margin-top: 2.5rem;
}

.reportingSus-mid {
  width: 28%;
  height: 100%;
  background: #b7c7d3;
  display: flex;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.reportingSus-right {
  width: 36%;
  height: 100%;
  margin-left: auto;
  display: flex;
  padding: 30rem 5rem 10rem 5rem;
  flex-direction: column;
  justify-content: flex-start;
  position: sticky;
  top: 2rem;
}

.reportingSus-right .policies_block-scrolllist {
  margin-top: 8rem;
}

.reportingSus-right .fill_dls-white {
  fill: var(--primary-green-cl);
}

.reportingSus-right .policies_block-scrolllist-dl a {
  display: flex;
  color: var(--primary-green-cl);
  font-family: var(--title-font);
  gap: 2rem;
  align-items: flex-end;
}

.reportingSus-right .policies_block-scrolllist-dl a:hover {
  color: var(--orange-cl);
}

.reportingSus .blockListing_filter_dropdown select {
  font-size: 1.8rem;
  background-size: 9px;
}

.reportingSus .blockListing_filter_dropdown-select {
  width: fit-content;
}

.reportingSus .blockListing_filter_title {
  font-size: 2rem;
}

/* ! take part journey */
.pjourney {
  height: 100vh;
  overflow: hidden;
}

.pjourney-wp {
  display: flex;
  position: relative;
  width: 100%;
  height: 100%;
}

.pjourney-left {
  width: 36%;
  position: relative;
  display: flex;
  flex-direction: column;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.pjourney-mid {
  width: 28%;
  height: 100%;
  background: #3b2517;
  display: flex;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.pjourney-mid-shape {
  position: absolute;
  right: -1px;
  bottom: -2px;
  width: 100%;
  pointer-events: none;
}

.pjourney-mid-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 5rem 5%;
}

.pjourney-mid-content-title {
  color: #fff;
  font-family: var(--title-font);
  font-size: 5.5rem;
  font-style: normal;
  font-weight: 800;
  line-height: 5.5rem;
}

.pjourney-mid-content-txt {
  color: #fff;
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.6rem;
  margin-top: 4rem;
}

.pjourney-form {
  display: flex;
  width: 100%;
}
.header {
  transition:
    transform 0.3s ease,
    opacity 0.3s ease;
}

.header.panel2-active.hide-header,
.header.hide-header {
  transform: translateY(-150%);
  opacity: 0;
  pointer-events: none;
}

.blockListing_filter_dropdown-select {
  width: fit-content;
  display: flex;
}

.blockListing_filter_dropdown select {
  width: fit-content;
}

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

/* ! forms */
.sp_form_right-form {
  width: 80%;
  display: flex;
  padding: 20rem 10rem;
}

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

.js-form-item {
  display: flex;
  width: 100%;
  margin-bottom: 4rem;
  position: relative;
}

.error.form-item--error-message {
  position: absolute;
  top: -15px;
  left: 0;
  font-size: 1.2rem;
  color: red;
}

.form-type-textfield input,
.form-type-email input,
.form-type-number input {
  border-bottom: 1px solid #fff;
  color: #fff;
  font-family: var(--body-font);
  font-size: 3rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  width: 100%;
}

.form-type-textarea textarea {
  border-bottom: 1px solid #fff;
  color: #fff;
  font-family: var(--body-font);
  font-size: 3rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  width: 100%;
  height: 4rem;
  min-height: 0;
}

.select2-container--default .select2-selection--single {
  border: none;
  border-bottom: 1px solid #fff;
  color: #fff;
  font-family: var(--body-font);
  font-size: 3rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  width: 100%;
  background: transparent;
  border-radius: 0;
  padding-bottom: 4px;
  height: auto;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  color: #fff;
  font-family: var(--body-font);
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.sp_form_right-form ::-webkit-input-placeholder {
  color: #fff;
  font-family: var(--body-font);
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.sp_form_right-form ::-moz-placeholder {
  color: #fff;
  font-family: var(--body-font);
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.sp_form_right-form :-ms-input-placeholder {
  color: #fff;
  font-family: var(--body-font);
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.sp_form_right-form :-moz-placeholder {
  color: #fff;
  font-family: var(--body-font);
  font-size: 3rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.form-type-managed-file {
  display: flex;
  position: relative;
  margin-bottom: 9rem;
}

.form-type-managed-file label {
  color: #fff;
  font-family: var(--body-font);
  font-size: 2rem;
  font-weight: 500;
  line-height: normal;
}

/* Wrap styling */
.form-managed-file {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  /* position: relative; */
  font-family: var(--title-font);
  max-width: 230px;
  margin-left: auto;
}

/* Label styling */
.form-managed-file label {
  font-weight: 600;
  margin-bottom: 0.3rem;
  color: #333;
  font-size: 1rem;
}

/* File upload wrapper */
.file-upload-wrapper {
  position: absolute;
  display: inline-block;
  width: 100%;
  width: 100%;
  right: 0;
}

/* Hide ugly default input */
.file-upload-wrapper input[type="file"] {
  opacity: 0;
  width: 100%;
  height: 3rem;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
  z-index: 2;
  background: transparent;
}

/* Custom button */
.file-upload-wrapper::before {
  content: attr(data-text);
  display: block;
  width: 100%;
  background: transparent;
  border: 1px solid #fff;
  border-radius: 6px;
  padding: 1rem;
  text-align: center;
  color: #ffff;
  font-size: 0.95rem;
  cursor: pointer;
  transition: all 0.3s ease;
  font-size: 2rem;
  font-style: normal;
  font-weight: 300;
  line-height: 0px;
  border-top-right-radius: 6rem;
  height: 4rem;
  display: flex;
  align-items: center;
  padding: 0 30px;
  max-width: 22rem;
  position: absolute;
  right: 0;
}

/* Hover effect */
.file-upload-wrapper:hover::before {
  background: var(--technology-cl);
}

/* When a file is selected */
.file-upload-wrapper.file-selected::before {
  content: attr(data-filename);
  color: #333;
  background: #e0ffe0;
  border-color: #34a853;
}

/* Upload button (hidden by Drupal but style in case visible) */
.upload-button {
  display: none;
}

/* Uploaded file container */
.form-managed-file .file {
  display: flex;
  align-items: center;
  background: transparent;
  border: transparent;
  border-radius: 0px;
  padding: 0;
  margin-top: 0;
  color: #fff;
  font-family: var(--body-font);
  font-size: 1.6rem;
  line-height: 1.4;
  margin-top: 5rem;
  width: auto;
}

/* File link (name) */
.form-managed-file .file a {
  color: #fff;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.3s ease;
}

.form-managed-file .file a:hover {
  color: var(--technology-cl); /* or your accent color */
  text-decoration: underline;
}

/* File size */
.form-managed-file .file__size {
  margin-left: 1rem;
  font-size: 1.4rem;
  color: #ccc;
}

/* Remove button */
.form-managed-file .remove-button {
  background: transparent;
  border: none;
  border-radius: 4px;
  color: #fff;
  padding: 0.4rem 1rem;
  font-size: 1.4rem;
  cursor: pointer;
  transition: all 0.3s ease;
  position: absolute;
  right: inherit;
  top: 50px;
  color: red;
}

.form-managed-file .remove-button:hover {
  background: var(--technology-cl);
  color: #fff;
  border-color: var(--technology-cl);
}

.form-type-checkbox [type="checkbox"] {
  appearance: none;
  width: 4rem;
  height: 4rem;
  background-color: #fff;
  cursor: pointer;
  transition: var(--transition-03s);
}

.form-type-checkbox [type="checkbox"]:checked {
  background-color: var(--technology-cl);
}

.form-type-checkbox .description {
  width: 80%;
  margin-left: 3rem;
  color: #fff;
  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.js-webform-radios {
  display: flex;
  gap: 5rem;
}

[type="radio"] {
  appearance: none;
  width: 4rem;
  height: 4rem;
  background-color: #fff;
  cursor: pointer;
  transition: var(--transition-03s);
}

[type="radio"]:checked {
  background-color: var(--technology-cl);
}

.js-webform-radios label {
  padding-top: 1rem;
  margin-left: 1rem;
  color: #fff;
  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.fieldset__legend {
  color: #fff;
  font-size: 3rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 2rem;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAbCAYAAAAZMl2nAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAPKSURBVHgBxVdLTxpRFJ4Z3i8fSGtKawoEtRGqJrRaXbHp0m4s20aNmhjThcvGjYl/wH+AJq504z/ANOm61ag7U60N4IrGREYcZm6/M9whiI+CQHqSkzvDvfecb77zuBdRqFEYYyIEAxvGK+kQtKNiyR/oKfQH1u1inYBRaKaQ9zh0DZpjtQmtS9I+oVEhBjiAFGtMUsQiMUT6GBBrrLlC9jprBiHLchAbvrPWyE9o4F8MiCsrK5KmabushUL24VKCitUgdCA0GY/HzcfHx32qqp6yFgjZ3dvb6yc/5I/7FW8wkkgkTHi0Qj3r6+sxRVHOWBOF7JFdr9fbFg6HbQSGlSKhYyDnVO/S0dGRVCwWzRcXF7adnR3FZDJ9HRsbe282mz1Cg1IoFNKrq6uflpeXf+NVlSRJtVqt2vz8vFbuNYznRiwWs+DV5Xa7n9rt9iAWRhcWFj7k8/kMa0BoP9mBvddkF/afQNyc/Vt5IhIQv9/v9Hg8Pmx4iY0Ri8Xydm5ubvKxYGjfzMzMJOy8IXtwFSD79MFQCxHAKnsLKyWNKRAI2DF2OJ3OZxjDQqmNj0xPT3+sFwytp30AMQId4vb8HRDyQznJ/d4AIlSEx9nW1uZ1OBzP8dxLRsjY7OxszWAMENg/Ch222Wx9sPcCz15iPRKJUFikW8nEeB+hSQNMe3t7J4EhI/WAqWBiFDqMkLyCnR6EpKu7u9vFQRhslBnRUdGpStlLhiYmJlSAUVwuVwGGZGT8JbJcRvkVNjY2fi0uLn5G980Kdwj9TvObm5tntB4qo/ouUXl5hPsKYIoDAwMq3FC1UHLcf/gYzHDk5TCBmV583SAxQwlYzUwFE+94OPo5Ez6DCQq/UKeIfJNeSRRbaDlMeL4BhsapqakEgRRKd5V+aA9Ur5CKcNzr0HTfRCqV0kOWTqeZETo4FHBWCHAo7e/vX2az2W/j4+O9S0tLX5LJ5BnmrgFWBnN5NMc8+kUhGAwqFI7Dw0PtoYvSg1coVrplUQKbMpmMBaDsoNsBh07MOaA2LJOQCwzgrikn8J6HylwVlKm6vb2tCQ/lQ42i54xQESaeM2HqvkKp1wzyEi1XB36z3tkrGpHq0qYExuinlk2AMIZ43+mCuqtKtCYx17KIX5rpsRiNRsVcLneFw1FDWSr4XaJ5lKkCgNc+n4/CUTw4ONDquTzXRRsr3eRFHOHSycmJGX3DhHwR0WfY+fm5BsaKoVBI29raMvpE68Q4Dij+/IJj4SHTLztCnR9nyKM28dizqv36e8uZuAtM1XnR3H9T/0v+Ahbl+PXqP4laAAAAAElFTkSuQmCC);

  border-color: transparent;
  border-style: none;
  border-width: none;
  left: 50%;
  margin-left: -15px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 23px;
  height: 23px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.form-actions {
  display: flex;
}

.form-actions input {
  padding: 0rem 2rem 0rem 2rem;
  border: 1px solid #fff;
  color: #fff;
  font-family: var(--title-font);
  font-size: 2.4rem;
  font-weight: 300;
  border-top-right-radius: 6rem;
  height: 4rem;
  display: flex;
  align-items: center;
  transition: var(--transition-03s);
  cursor: pointer;
}
.form-actions input:hover {
  border-top-right-radius: 0rem;
}

.user-logged-in .header {
  top: 15rem;
}

.user-logged-in .header_nav {
  top: 16rem;
}

.form-type-webform-markup p {
  color: #fff;
  font-size: 2rem;
  line-height: 2.4rem;
  font-style: normal;
  font-weight: 400;
}

/* ! Newsletter Form */

.newsletterSection-right_form {
  display: flex;
  width: 100%;
  padding: 8rem 5rem 0rem 5rem;
}
.newsletterSection-right_form .form-actions input {
  border: 1px solid var(--primary-green-cl);
  color: var(--primary-green-cl);
}

.newsletterSection-right_form .form-type-textfield input,
.newsletterSection-right_form .form-type-email input,
.newsletterSection-right_form .form-type-number input {
  border-bottom: 1px solid var(--primary-green-cl);
  color: var(--primary-green-cl);
}

.newsletterSection-right_form .form-type-webform-markup p {
  color: var(--primary-green-cl);
}

.newsletterSection-right_form .form-type-checkbox [type="checkbox"] {
  appearance: none;
  width: 4rem;
  height: 4rem;
  background-color: var(--primary-green-cl);
  cursor: pointer;
  transition: var(--transition-03s);
}

.newsletterSection-right_form .form-type-checkbox .description {
  width: 88%;
  margin-left: auto;
  color: var(--primary-green-cl);
}

.newsletterSection-right_form .form-type-checkbox [type="checkbox"]:checked {
  background-color: var(--technology-cl);
}

.newsletterSection {
  padding-bottom: 15rem;
}

.hm_map-list {
  display: flex;
  margin-top: 4rem;
  padding-right: 5rem;
}

.hm_map-list ul {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
}

.hm_map-list ul li {
  font-size: 1.8rem;
  color: var(--primary-green-cl);
  font-family: var(--title-font);
  font-weight: 500;
  display: flex;
  gap: 1rem;
  align-items: center;
}

.hm_map-list ul li span {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 100%;
}

.hm_map-list ul li:nth-child(1) span {
  background: var(--agri-cl);
}
.hm_map-list ul li:nth-child(2) span {
  background: var(--realestate-cl);
}
.hm_map-list ul li:nth-child(3) span {
  background: var(--hospitality-cl);
}
.hm_map-list ul li:nth-child(4) span {
  background: var(--logistics-cl);
}
.hm_map-list ul li:nth-child(5) span {
  background: var(--finance-cl);
}
.hm_map-list ul li:nth-child(6) span {
  background: var(--commerce-cl);
}
.hm_map-list ul li:nth-child(7) span {
  background: var(--technology-cl);
}
.hm_map-list ul li:nth-child(8) span {
  background: var(--primary-green-cl);
}

/* ! map at a glance */
.gl_map_left {
  height: 100%;
  width: 62%;
  position: relative;
  padding-left: 5%;
}

.gl_map_left-tabhead {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  position: relative;
  top: 8rem;
}

.gl_map_left-tabitem {
  display: flex;
  gap: 1rem;
  color: var(--dark-puple-cl);
  font-family: var(--title-font);
  font-size: 5rem;
  font-style: normal;
  font-weight: 300;
  line-height: 5rem;
  cursor: pointer;
  transition: var(--transition-03s);
}

.gl_map_left-tabitem:hover {
  color: var(--primary-green-cl);
}

.mapfill-icn {
  stroke: #323e48;
  fill: transparent;
}

.gl_map_left-tabitem.active .mapfill-icn {
  stroke: #323e48;
  fill: #323e48;
}

.gl_map_left-tabitem.active {
  font-weight: 800;
}

.gl_map_left-tabitem-icon {
  width: 3.1rem;
}

.gl_map_left-tabitem-icon svg {
  width: 100%;
  height: 100%;
  display: block;
}
.gl_map_left-map {
  display: flex;
  width: 90%;
  margin-top: 10rem;
  position: relative;
  left: 8rem;
  top: -2rem;
}

.segmap {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  pointer-events: none;
  transition: var(--transition-03s);
  visibility: hidden;
}

.segmap.active {
  display: flex;
  width: 100%;
  position: inherit;
  opacity: 1;
  pointer-events: all;
  visibility: visible;
}

.gl_map_right-list {
  display: flex;
  margin-top: 4rem;
  padding-right: 5rem;
  min-height: 21rem;
}

.gl_map_right-list ul {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  margin-bottom: auto;
}

.gl_map_right-list ul li {
  font-size: 1.8rem;
  color: var(--primary-green-cl);
  font-family: var(--title-font);
  font-weight: 500;
  display: flex;
  gap: 1rem;
  align-items: center;
}

.gl_map_right-list ul li span {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 100%;
}

#segments_list li:nth-child(1) span {
  background: var(--agri-cl);
}
#segments_list li:nth-child(2) span {
  background: var(--realestate-cl);
}
#segments_list li:nth-child(3) span {
  background: var(--hospitality-cl);
}
#segments_list li:nth-child(4) span {
  background: var(--logistics-cl);
}
#segments_list li:nth-child(5) span {
  background: var(--finance-cl);
}
#segments_list li:nth-child(6) span {
  background: var(--commerce-cl);
}
#segments_list li:nth-child(7) span {
  background: var(--technology-cl);
}
#segments_list li:nth-child(8) span {
  background: var(--primary-green-cl);
}

/* eclosia */
#investments_list li:nth-child(1) span {
  background: #78bf26;
}
/* semaris */
#investments_list li:nth-child(2) span {
  background: #8f6c95;
}
/* swan */
#investments_list li:nth-child(3) span {
  background: #dac556;
}
/* frci */
#investments_list li:nth-child(4) span {
  background: #e96852;
}
/* superdist */
#investments_list li:nth-child(5) span {
  background: #d4b9a8;
}
#investments_list li:nth-child(6) span {
  background: #b7c7d3;
}

.gl_map_right-list ul {
  display: none;
  width: 100%;
}

.gl_map_right-list ul.active {
  display: flex;
}

#investments_list {
  padding-right: 8rem;
}

.clusterMap-left {
  width: 62%;
  padding: 7rem 6rem;
  position: relative;
  z-index: 1;
}
.clusterMap-left h3 {
  font-size: 2rem;
  padding-left: 4rem;
  font-weight: 800;
  color: var(--primary-green-cl);
  margin-bottom: 1rem;
}

.clusterMap-left ul {
  display: flex;
  gap: 1.5rem;
  font-size: 1.6rem;
  color: var(--primary-green-cl);
  font-family: var(--title-font);
  font-weight: 500;
  display: flex;
  gap: 1rem;
  flex-direction: column;
  padding-left: 4rem;
}

.clusterMap-left ul li span {
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 100%;
}

.clusterMap-left ul li {
  display: flex;
  gap: 1rem;
  align-items: center;
  transition: var(--transition-03s);
}

.clusterMap-left .clusterMap-left-boxes .clusterMap-left-box-brands {
  margin-bottom: 3rem;
}

/* ! clusterMap_finance */
.clusterMap_finance .clusterMap-left .clusterMap-left-box-brands ul li span {
  background: var(--finance-cl);
  border-radius: 0%;
}

.clusterMap_finance
  .clusterMap-left
  .clusterMap-left-box-keyinvestment
  ul
  li
  span {
  background: var(--primary-green-cl);
}

/* !  clusterMap-technology */
.clusterMap-technology .clusterMap-left .clusterMap-left-box-brands ul li span {
  background: #9a9a9a;
  border-radius: 0%;
}

.clusterMap-technology
  .clusterMap-left
  .clusterMap-left-box-brands
  ul
  li:nth-child(2)
  span {
  background: #dac556;
}

.clusterMap-technology
  .clusterMap-left
  .clusterMap-left-box-keyinvestment
  ul
  li
  span {
  background: #e96852;
}

.clusterMap-technology
  .clusterMap-left
  .clusterMap-left-box-keyinvestment
  ul
  li:nth-child(2)
  span {
  background: #b7c7d3;
}

/* ! clusterMap-commerce */
.clusterMap-commerce .clusterMap-left ul li:nth-child(1) span {
  background: #d4b9a8;
  border-radius: 0%;
}

/* ! clusterMap-logistics */
.clusterMap-logistics .clusterMap-left ul li:nth-child(1) span {
  background: #8f6c95;
  border-radius: 0%;
}

/* ! clusterMap-realestate */
.clusterMap-realestate .clusterMap-left .clusterMap-left-box-brands ul li span {
  background: #3b2517;
  border-radius: 0%;
}

.clusterMap-realestate
  .clusterMap-left
  .clusterMap-left-box-brands
  ul
  li:nth-child(2)
  span {
  background: #e96852;
}

.clusterMap-realestate
  .clusterMap-left
  .clusterMap-left-box-keyinvestment
  ul
  li
  span {
  background: #dac556;
}

/* ! clusterMap-hospitality */
.clusterMap-hospitality .clusterMap-left ul li:nth-child(1) span {
  background: #37374e;
  border-radius: 0%;
}
.clusterMap-hospitality .clusterMap-left ul li:nth-child(2) span {
  background: #dac556;
  border-radius: 0%;
}
.clusterMap-hospitality .clusterMap-left ul li:nth-child(3) span {
  background: #b7c7d3;
  border-radius: 0%;
}

/* ! clusterMap-agri */
.clusterMap-agri .clusterMap-left .clusterMap-left-box-brands ul li span {
  background: #3d441e;
  border-radius: 0%;
}

.clusterMap-agri
  .clusterMap-left
  .clusterMap-left-box-brands
  ul
  li:nth-child(2)
  span {
  background: #dac556;
}

.clusterMap-agri
  .clusterMap-left
  .clusterMap-left-box-keyinvestment
  ul
  li
  span {
  background: #78bf26;
}

/* ! Contact details */
.contactDetails-box {
  display: flex;
  width: 100%;
}

.contactDetails .blockListing_filter-jobitem {
  width: 29.3333%;
  margin-bottom: 5rem;
  display: flex;
  flex-direction: column;
}

.companyContact .blockListing_filter-jobitem-bot {
  background: var(--primary-green-cl);
}

.companyContact .blockListing_filter-jobitem-top {
  color: var(--primary-green-cl);
}

.PressrelationsContact .blockListing_filter-jobitem-bot {
  background: #3d441e;
}
.PressrelationsContact .blockListing_filter-jobitem-top {
  color: #3d441e;
}

.investorsRelationsContact .blockListing_filter-jobitem-bot {
  background: #8f6c95;
}

.investorsRelationsContact .blockListing_filter-jobitem-top {
  color: #8f6c95;
}

.contactDetails-box-title {
  color: #fff;
  font-size: 3rem;
  font-style: normal;
  font-weight: 500;
  line-height: 3.5rem;
  padding-right: 5%;
  height: 15rem;
}

.contactDetails-box {
  display: flex;
  flex-direction: column;
}

.contactDetails-box-details {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin-top: 3rem;
}

.contactDetails-box-details li {
  display: flex;
}

.contactDetails-box-details li a {
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
  align-items: center;

  color: #fff;
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 3.5rem;
  text-decoration: underline;
  text-underline-position: under;
}

.contactDetails-box-details li a:hover {
  color: var(--yellow-cl);
}

.contactDetails-box-details li .contactDetails-icn {
  width: 3.5rem;
}

.contactDetails-box-details li .contactDetails-icn svg {
  width: 100%;
  height: 100%;
  display: block;
}

.contactDetails-box-details li .contactDetails-txt {
  width: 80%;
}

.fillwhitetoyellow {
  fill: #fff;
  transition: var(--transition-03s);
}

.contactDetails-box-details li a:hover .fillwhitetoyellow {
  fill: var(--yellow-cl);
}

/* ! Contact Maps */
.contactMaps {
  height: 45rem;
  background: var(--primary-green-cl);
  flex-direction: row;
  margin: 5rem 0 10rem 0;
}

.contactMaps-left {
  width: 60%;
  display: flex;
  padding: 5rem 15% 5rem 10%;
  flex-direction: column;
  justify-content: center;
}

.contactMaps-title {
  color: #fff;
  font-family: var(--title-font);
  font-size: 6.5rem;
  font-style: normal;
  font-weight: 800;
  line-height: 7.5rem; /* 108.696% */
}

.contactMaps-txt {
  color: #fff;
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.6rem;
  margin-top: 3rem;
}

.contactMaps-right {
  width: 40%;
  display: flex;
}

.contactMaps-contactPage .contactMaps-left {
  width: 35%;
  padding: 5rem 5%;
}

.contactMaps-contactPage .contactMaps-right {
  width: 65%;
}

.contactMaps-right iframe {
  width: 100%;
  height: 100%;
  border: none;
}

.contactForm .sp_form_right {
  background: var(--primary-green-cl);
}

.newsroom {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 10rem;
  gap: 4%;
}

.newsroom .news_item {
  width: 48%;
  margin-bottom: 8rem;
}

.newsroom .news_item img {
  height: 100%;
  object-fit: cover;
}

.gitNewsroom {
  margin-bottom: 8rem;
}

/* ! Main release */
.mainRelease {
  padding: 5rem 10% 5rem 10%;
}

.mainRelease-wp {
  display: flex;
  width: 100%;
  align-items: center;
}

.mainRelease-left {
  width: 50%;
  display: flex;
  flex-direction: column;
}

.mainRelease-title {
  color: var(--primary-green-cl);
  font-family: var(--title-font);
  font-size: 6.9rem;
  font-weight: 800;
  line-height: 7.5rem;
}

.mainRelease-content {
  color: var(--primary-green-cl);
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.6rem;
  margin-top: 2.5rem;
}

.mainRelease-right {
  width: 30%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: auto;
}

/* ! newsdetails */
.header.darkHeader {
  background: var(--primary-green-cl);
}

.header.darkHeader.panel2-active .line {
  stroke: #fff;
}

.header.darkHeader.panel2-active .header_logo {
  width: 7.8rem;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 50%;
}

.header.darkHeader .header_logo {
  width: 7.8rem;
}

.header.darkHeader.panel2-active .filllogo {
  fill: #fff;
}

.header.darkHeader.panel2-active .header_shareprice {
  color: #fff;
}

.newsDetails {
  width: 100%;
  display: flex;
  padding-left: 10%;
  margin-top: 22rem;
}

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

.newsDetails-top {
  display: flex;
  width: 100%;
  flex-direction: column;
  position: relative;
}

.newsDetails-title {
  color: var(--primary-green-cl);
  font-family: var(--title-font);
  font-size: 6.5rem;
  font-style: normal;
  font-weight: 800;
  line-height: 7.5rem;
  width: 70%;
}

.newsDetails-date {
  display: flex;
  flex-direction: column;
  color: var(--primary-green-cl);
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.5rem;
  gap: 2rem;
  margin-top: 5rem;
}

.newsDetails-gallery {
  display: flex;
  width: 100%;
  flex-direction: column;
  margin-top: 8rem;
}

.newsDetails-Content {
  display: flex;
  width: 100%;
  flex-direction: column;
  margin-top: 5rem;

  color: var(--primary-green-cl);
  font-family: var(--body-font);
  font-size: 2.2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.8rem;
  padding-right: 10%;
}

.newsDetails-Content > img {
  margin: 0 !important;
}

.newsDetails-Content h2 {
  font-family: var(--title-font);
  font-size: 5.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 6.5rem;
  color: var(--primary-green-cl);
}

.newsDetails-Content h3 {
  color: var(--primary-green-cl);
  font-family: var(--title-font);
  font-size: 4.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 5.5rem;
}

.newsDetails-Content h4 {
  color: var(--primary-green-cl);
  font-family: var(--title-font);
  font-size: 4rem;
  font-style: normal;
  font-weight: 300;
  line-height: 5rem;
}

.newsDetails-Content img {
  width: 100%;
  height: 100%;
}

.newsDetails-Content strong {
  font-weight: 800;
}

.newsDetails-Content ul {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 2rem;
}

.newsDetails-Content li {
  position: relative;
  padding-left: 3rem;
}

.newsDetails-Content li::before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  left: 0;
  top: 7px;
  background: var(--primary-green-cl);
}

.newsDetails-Content-img {
  margin: 5rem 0;
  display: block;
  width: 100%;
}

.newsDetails-Content-imgBox {
  width: 50%;
  position: relative;
}

.playvideoWhite {
  width: 10rem;
  height: 10rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

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

.playvideoWhite .filllogo_play {
  fill: #fff;
}

.newsDetails-Quote {
  width: 98%;
  display: flex;
  padding-right: 10%;
  color: var(--logistics-cl);
  font-family: var(--title-font);
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 800;
  line-height: 3.4rem; /* 120% */
  padding: 3rem 10% 0 0;
  margin: 0 auto;
}

.shareit {
  position: absolute;
  right: 10%;
  top: 0;
  display: none;
}

.shareit-icn {
  width: 6.5rem;
  height: 6.5rem;
}
.shareit-icn svg {
  width: 100%;
  height: 100%;
  display: block;
}

.gl_seventhpanel_tableft_title {
  display: none;
}

.mobAccordion {
  display: none;
}

.mobImg {
  display: none;
}

.thirdPanel_mobileAccordion,
.historyAccordion,
.history_Timeline-Mobile,
.history_Timeline-Mobile-bg {
  display: none;
}

/* ! at a glance */
.video-mask-wrapper-atGlance {
  position: fixed;
  z-index: 1;
  background: transparent;
  height: 98vh;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  pointer-events: none;
  z-index: 2;
  top: 0;
}

.video-mask-wrapper-atGlance.active {
  opacity: 1;
}

.video-mask-item-atGlance {
  width: 55%;
  height: 100%;
  clip-path: url(#clip-path-video_glance);
  -webkit-clip-path: url(#clip-path-video_glance);
  overflow: hidden;
  position: relative;
}

.video-mask-item-atGlance video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transform: scale(1.15);
}

.Glnew {
  display: flex;
  height: auto;
  min-height: 100vh;
  position: relative;
}

.Glnew .video-mask-wrapper-atGlance {
  width: 100%;
}

.Glnew-wp {
  width: 100%;
  display: flex;
  align-items: flex-start;
}

.Glnew-right {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 250vh;
  z-index: 1;
}

.mask-target-slot-atGlance {
  position: sticky;
  width: 100%;
  top: 0;
}

.mask-target-slot-atGlance .video-mask-wrapper-atGlance {
  position: absolute;
}

.Glnew-left {
  width: 35%;
  display: flex;
  flex-direction: column;
  padding: 10rem 5% 5rem 10%;
}

.Glnew-Box {
  display: flex;
  flex-direction: column;
  margin-bottom: 10rem;
}

.Glnew-Box:last-child {
  margin-bottom: 0;
}

.Glnew-Box-title {
  color: var(--primary-green-cl);
  font-family: var(--title-font);
  font-size: 6.9rem;
  font-weight: 800;
  line-height: 7.5rem;
}

.Glnew-Box-txt {
  color: var(--primary-green-cl);
  font-size: 2rem;
  font-weight: 500;
  line-height: 2.6rem;
  margin-top: 4rem;
}

.gl_Bod {
  height: 100vh;
  width: 100%;
}

.gl_Bod-wp {
  height: 100%;
  width: 100%;
  position: relative;
  display: flex;
}

.gl_Bod-mid {
  width: 28.6%;
  height: 160vh;
  display: flex;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  top: -55rem;
  opacity: 0; /* start hidden */
}

.gl_Bod-mid-shape {
  position: absolute;
  left: -1px;
  bottom: -1px;
  width: 100%;
  pointer-events: none;
  z-index: 1;
}

.gl_Bod-mid-bg {
  width: 100%;
  height: 100%;
  display: flex;
  background: var(--yellow-cl);
  position: relative;
}

.gl_Bod-Persona {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}

.gl_Bod-left {
  width: 36%;
  height: 100%;
  position: relative;
}

.gl_Bod-left-shape {
  position: absolute;
  right: -0.1rem;
  top: -0.1rem;
  width: 100%;
  pointer-events: none;
  z-index: 1;
  width: 35%;
}

.commitmentsSection.privacyPolicy {
  padding-bottom: 20rem;
}

.commitmentsSection.privacyPolicy .fArea-shape {
  background: var(--primary-green-cl);
  position: inherit;
}

.commitmentsSection.privacyPolicy .commitmentsSection-boxes-left {
  gap: 10rem;
}

.commitmentsSection.privacyPolicy .commitmentsSection-boxes-left-top a {
  color: #e96852;
  text-decoration: underline;
  text-underline-position: under;
}

.commitmentsSection.privacyPolicy .commitmentsSection-boxes-left-top a:hover {
  color: var(--yellow-cl);
}

.commitmentsSection.privacyPolicy .commitmentsSection-boxes-left-top strong {
  color: #70755f;
}

.commitmentsSection.privacyPolicy .commitmentsSection-wp-sidebar {
  width: 30%;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 2;
  position: inherit;
  right: -1px;
  top: -1px;
  height: 100%;
}

.error_404 {
  height: 100vh;
  background: var(--finance-cl);
  overflow: hidden;
  position: relative;
}

.error_404-content {
  width: 70%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  padding-top: 13rem;
}

.error_404-content h1 {
  color: #fff;
  font-family: var(--title-font);
  font-size: 6.5rem;
  font-style: normal;
  font-weight: 800;
  line-height: 7.5rem;
  width: 95%;
}

.error_404-content p {
  color: #fff;
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.6rem;
  margin-top: 2rem;
  width: 40%;
}

.error_404-content-btn {
  display: flex;
  margin-top: 2rem;
}

.error_404-img {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  pointer-events: none;
}

/* ! pager */
.content-pagination {
  display: flex;
  justify-content: flex-end;
  margin-top: 5rem;
}

.content-pagination ul {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  gap: 8px; /* space between items */
}

.content-pagination li {
  display: flex;
}

.content-pagination a {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: var(--primary-green-cl); /* normal text color */
  background-color: none; /* button background */
  border: none;
  font-size: 3rem;
  transition: all 0.3s ease;
  font-family: var(--title-font);
  font-weight: 300;
}

.content-pagination a:hover {
  color: var(--yellow-cl); /* hover text color */
  background-color: transparent; /* hover background */
}

.content-pagination a[aria-current="page"],
.content-pagination li.active a {
  font-weight: 800;
}

/* Next & Prev Buttons */
.content-pagination a.next,
.content-pagination a.prev {
  width: 5rem;
  height: 5rem;
  border-radius: 100%;
}

.content-pagination a.next span,
.content-pagination a.prev span {
  display: none;
}

.content-pagination a.next::after {
  content: "";
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAVcSURBVHgBzZs/TBRBFMaHjQ1aidhAsIEECygg8RqMVEQ6oBNKKMFOsSXaqZ1YQgl2ihWECiMWZyLFUUhyNJCjQqz0St1vlrf3dm52b//MzN2XXLgLcDO/fW9m3rx50/XPl7Csq6tLUaudiXr9r//+V+R3PT13/Fev6O6+Kfr77wnbuiEsqFr9KSrHRxKyVjuXoGk1NDQswUdHxvz394VpdZmyMODK3w9FuXyYCTBJsDwewPTjGfnehAoDw5q7ezv+z5PYv+m53etbbUC6Lb1IcHe88JBqF+ex30HgRa2eGxid3Nre0IICqPRgQnYSHeSASZLQ8BTfS6qnJ7INVaOjY2Judj63xXMBH3zZF7u7O02uOzToW2F6xtjYg/cAHkNFFdqBxbMqEzAANzbfNVkV1kQHTI0zVbA0HrAKjmGytPg0U7upgdHo+vvXETfDbDo3+8TKbJq2D4BdWlxJvaSlAsa4QkPchScfTYm5uXnRDsHamChJmCMW5hf98T3e8n9bAquw+HI8UVdWTerXxuZ6xNoL80uiVJpI/D8v6ZfkQgQL93n+bK3tsBBceGV5NTJ+P37alg8iSbHAOli1gXZL7VMwqa5rlzNSLDCeFv0j3LjTYEkqNPqMlSROWmBMCJXKUfgZE0InwpJopiYhfofBdGoCxhM6ONgPP2NxTzP7tVvBEtlYNcCgG89NwLAuH7cIKIoq2BZeCtuanJyS4SxJZ+UIMMWxJIwNE3rzdk28fLUaWTttCUsTCREhwlOuCDDvEMJFE+OWdkPy+5WAwYakV7IYW23P4x3jE5UJV6YO8GDABTRcm3ZoqpVDYBvWJakRkG1o2p6SyuVv4fsQmO+AWoVneeQaGvtmUuX4RzgRS2CYnMZZkFaxEzq6hAYDzdiApeEqgfnYxSbeppxCDzYMRx4sgWsXjQWau4ItuYLma3L1NJi4rl36hP2Rm52QC2ieT6NEocfDLzWjaFsuoPlqA2iPZzH6+waEa9mG5kzYVHjR/NBd0Q7ZhFZz4B4/68E5T7tkC1odop7oIOmg+WYmj7gRYdyOAoZsJxo6ChguDKuSEA8XDXPVIeupJm+XdLALC0vCtLzu7lvhh3r9j2iHbMLyKBLDxcP5TOOX58K1bFuWxxnXLh2NREwdZqeRCzdGsEFCos+jN40/OBMu5AIW216ekMSaLIH5lpBvFW3J1QTFrUuMEjiaHbAL7AoWQqaDRLtAjz7wbZSa2jQll7ABR2PbS0b1eOMkXYlBUbmEpfZ4W2TQEJi7tcnSI2rcJaxqXR6thcA86UWdNCE8OJewEDw0LikZiaV5xj7uMCqPaK13AUsFMCS10idSekhWJnfAYdTK8gtRRHS2DEu7qKXknqmeekBNuyX1MIofneYVGnYBi/qxVoeBTcDqYRSsbGuZMinVlVFlpNtba/fDQTVdYwLb2t50cr6bV7p6lLjDwNgEAFyb102oBWGdIkDyvtGcEZdujgWmugkegXUaNPqCw/ZorVZyPUpiiodKC3kDgHa1o0qSzgDwylb1KKlKD8vlr/7k9SESfeWtZjUhXTVvmio8KHVxqa7UDxMbH+u2pavRzlJnCWUqH44bx3iyJsv0VcGSsCpigmjKJnt1YK4C8bhTAdPg8Crsz1VQCOsshlXWw79CVwDg4roJDInB0ZHx8ApAFiHIQfm//Km5XlC06r7wJQ9MaLt7nxOXK4DLe0l9QXhJufB6vR4Urf0O7jUhLx63LQVoqfSwcGLe2DWepPsJeRU8pAGj9yiMAZNgIXlRq3J9UStjrhtXfoKhMCxnXtMH9MaBVdHVnKAiLzjK4WEgXnQdD4GO7QqE/6OSvstV8cfCAAAAAElFTkSuQmCC);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 40px;
  height: 40px;
}

.content-pagination a.prev::after {
  content: "";
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAV1SURBVHgBzZs/TBRBFMbHjQ1aidhIsIEECygg8RqMVEQ6oBNKKMFOsSXaqZ1YQgl2ihWECiPNmUgBBSTQSI5KsdIrdb9Z3t7budm93ds3t/tLLnD8uZ1v3puZN2/eXPvnoxxzeflT1Wo/VL3+1//+V+R33d23/VeP6uq6oXp77ynXXFcOOD09VodHB1pkrXauhaZlYGBQCx8eGvG/v6+kuSZlYYirfttX1ep+JoFJwPLogPFHE2LWzy0Y1tze2fK/nsT+TfetHr/Bfdpt6UXA3fFCJ9UuzmM/A8InH0/ltnrbgtHIjc01q1AIqjwY041EA7nAJLRoeIrvJadnJ/oZJsPDI2pmelZbvx3aErz3ZVdtb281ue5Av2+FySmxsQfvgXgMFRM8BxbPSibBELi2/q7JqrAmGtBur7cClkYHm8IxTBbmn2Z6bmrBeOjq+9cRN8NEMjP9xMlsmrYNELswv5R6UkslGOMKD+IujJlzZmZWFQGsjYmSwBwxNzvvj+/Rlv/bUrApFh+OHu2UVZPatba+GrH23OyCqlTGEv/PS/oluRCJhfs8f7ZSuFgAF15aXI6M34+fNnVHJBEr2CbWfEDRmG0KJtVV63JGxApGb9E/wo3LJpYwRaPNWEnisArGhHB4eBC+x4RQRrEEzdQE4ncYzEaTYPTQ3t5u+B6Le5rZr2iCJbKxakCDbTw3CYZ1+bhFQOEaiqXzMj4+ocNZwmZlz3wwQjkCY8M16OCXr5bVm7crIqKxNBGICBGeciKCeY8gXHQ9biEWQQSgJEFetFeyGJsHKCAUjAfyicq1K3OxINhdyazvcG3aoZlW9ngD+MNdWtcmdm5uQUlB21MCuzsiFMx3QK3Cszy4Fktg30xAG80PXvCD4zDICNIqbkLHTokF0EAzNsTScNWC+djFJt4FnRRLDPQ3DEcerAXXLhqzI3cFKYoQC/iafHoWTFxXLn3C/kjWnYsSC3g+jYIbj699ZkYxL0WKJfhqA9Eej2567/YpKcogFnBN2FR40fzQHSVBWcQCMwfu8bMenPPkpUxiAResx7ASBMtbmcQCbsR6vS4rWKloPrD7dvmSBqKCkSjgYamZTi0Cc8h63OTm2W07mKnSMojmeF1dN8M39fofJUGZRPMoEmuyh/OZxi/PlRRlEc3jjCuX7mkKv6Qog2gEGwQSfXrS4uGXRJqFU6RoqisBZFgtmG8J+VZRiqJERzZFVxq1YL4ltB0+S1CE6MOj7+H3tAv06A2NY7iAmdqUopOiMR9xC5NRw8CDJ71cWRl0SjT/TJRAkUFDwRG3Fiw9suFatGldpG2JUDBPeulGOB5fNtFSKwQ8NC4pGYmlecY+7jBKEi5aKttCBTCEWekTKT0kK5M74OhlafGFcokW7c8fCAokBHPPhHXNHLtnawAB4fzo1BVZiteSwAkDPwzkZ8ZEk2DzMApWdrVMSWK6clx9pnU/HFTTNSawjc31xLqJorHVo8QdBsYmAODavG7CLAgrCxDJ20b1KHFDJFYw1U3wnVTZRKMtOEiP1mol16MkpniotJA/AKJdL1dpsBkAXtmqHiVV6WG1+tWfvD5Eoq92q1klsFXzpqnCA6mLS22lfpjY+Fh3ja1GO0udJchUPhw3jtGzsLYr4bAkrIqYIJqyyV4d2FaBeFywLy0cXoXLIqZQgHUWwyprwJLrCgBc3DaBITE4PDQaXgHIAoIclP/rr5brBXmr7nNf8sCEtr3zOXG5gnB9L+luEPlQLhxHH/ou0++gZAl58bhtKYRWKg9z15+IXeNJup/QLkEn9YneoxATTFCKCMlAfVErY64bV36CoTCoZ17JA3ogLtiEruYE95OCoxweBuJF1/GktohJ/AdffMMf15hkuwAAAABJRU5ErkJggg==);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 40px;
  height: 40px;
}

.banner_tagline {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-family: var(--title-font);
  font-weight: 800;
  font-size: 4rem;
  gap: 1rem;
  z-index: 1;
}

.blockBrands .blockListing_wp {
  flex-direction: row;
}

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

.blockBrand-left {
  width: 50%;
}

.seventh_panel_top {
  display: flex;
  padding-right: 5%;
}

.commitmentsSection-boxes-left-top.privatePolicyText h2 {
  color: var(--primary-green-cl);
  font-family: var(--title-font);
  font-size: 5.9rem;
  font-weight: 800;
  line-height: 7.5rem;
  margin-bottom: 4rem;
}

.commitmentsSection-boxes-left-top.privatePolicyText h3 {
  color: var(--primary-green-cl);
  font-family: var(--title-font);
  font-size: 4.5rem;
  font-weight: 800;
  line-height: 5.5rem;
}

.commitmentsSection.privacyPolicy .commitmentsSection-boxes-right {
  background: var(--primary-green-cl);
}

.commitmentsSection-boxes-left-top.privatePolicyText p {
  color: var(--primary-green-cl);
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.6rem;
  margin-top: 2.5rem;
}

.commitmentsSection-boxes-left-top.privatePolicyText ol {
  list-style: num;
}

.commitmentsSection-boxes-left-top.privatePolicyText ol li {
  list-style: num;
}

.commitmentsSection-boxes-left-top.privatePolicyText li {
  color: var(--primary-green-cl);
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2rem;
  margin-top: 0.5rem;
}

.commitmentsSection-boxes-left-top.privatePolicyText ul li {
  padding-left: 2rem;
  position: relative;
}

.commitmentsSection-boxes-left-top.privatePolicyText ul li::before {
  content: "";
  width: 5px;
  height: 5px;
  background: var(--primary-green-cl);
  position: absolute;
  left: 0;
  top: 12px;
}

.commitmentsSection.privacyPolicy .commitmentsSection-wp-sidebar-rest {
  display: none;
}

.cluster_leader .bod_box-img {
  height: 39rem;
}

.pjourney-right {
  display: flex;
  width: 36%;
  flex-direction: column;
  margin-left: auto;
}

.pjourney-form {
  display: flex;
  width: 100%;
  padding: 3rem 5rem;
}

.pjourney-form .form-type-textfield input,
.pjourney-form .form-type-email input,
.pjourney-form .form-type-number input {
  border-bottom: 1px solid var(--primary-green-cl);
  color: var(--primary-green-cl);
}

.pjourney-form .form-type-textarea textarea {
  border-bottom: 1px solid var(--primary-green-cl);
  color: var(--primary-green-cl);
}

.pjourney-form .form-type-checkbox [type="checkbox"] {
  background-color: var(--primary-green-cl);
}

.pjourney-form .form-type-checkbox .description {
  color: var(--primary-green-cl);
}

.pjourney-form .form-type-webform-markup p {
  color: var(--primary-green-cl);
}

.pjourney-form .form-actions input {
  border: 1px solid var(--primary-green-cl);
  color: var(--primary-green-cl);
}

.timeLine_box-date {
  font-size: 5rem;
}

.webform-confirmation {
  display: flex;
  color: #fff;
  flex-direction: column;
  padding-top: 5rem;
}

.webform-confirmation__message {
  margin: 0;
  font-family: var(--title-font);
  font-size: 3rem;
  font-style: normal;
  font-weight: 500;
  line-height: 3.5rem;
}
.webform-confirmation__back {
  display: flex;
}
.webform-confirmation__back a {
  padding: 0rem 2rem 0rem 2rem;
  border: 1px solid #fff;
  color: #fff;
  font-family: var(--title-font);
  font-size: 2.4rem;
  font-weight: 300;
  border-top-right-radius: 6rem;
  height: 4rem;
  display: flex;
  align-items: center;
}

.pjourney .webform-confirmation {
  color: var(--primary-green-cl);
}

.pjourney .webform-confirmation__back a {
  border: 1px solid var(--primary-green-cl);
  color: var(--primary-green-cl);
}

.commitmentsSection.privacyPolicy table {
  border-collapse: collapse;
  margin: 20px 0;
  font-size: 16px;
  font-family: sans-serif;
  width: 100%;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.commitmentsSection.privacyPolicy thead tr {
  background-color: #f4f4f4;
  color: #333;
  text-align: left;
}

.commitmentsSection.privacyPolicy th,
.commitmentsSection.privacyPolicy td {
  padding: 12px 15px;
  border-bottom: 1px solid #ddd;
}

.commitmentsSection.privacyPolicy tbody tr:hover {
  background-color: #f9f9f9;
}

.commitmentsSection.privacyPolicy tbody tr:last-of-type {
  border-bottom: 2px solid #f4f4f4;
}

/* Added on 04/08/25 */
/* life at ER */
.video-mask-wrapper.life-video-mask-wrapper {
  width: 92%;
}

.life_at_img_wp {
  position: absolute;
  z-index: 5;
  top: 0;
}

.lifeAt.second_panel_mid {
  width: 29%;
  margin-left: auto;
}

.lifeAt.second_panel_right {
  width: 35.5%;
}

.lifeAt.growline-wp {
  top: 48%;
}

.lifeAt.second_panel_right .panel_content {
  height: 40rem;
}

.lifeAt.growline {
  background: #dac556;
}

.lifeAt.growline-shape {
  top: -1rem;
}

.lifeAt.growline-shape .cls-1 {
  fill: #dac556;
}

.lifeAt.fourth_panel {
  margin-top: 0;
  padding: 0;
  min-height: initial;
  height: 96vh;
}

.lifeAt.fourth_panel_wp {
  padding-top: 0;
}

.lifeAt.fourth_panel_mid {
  height: 100%;
  display: flex;
  width: 29%;
  background: transparent;
  position: relative;
  transform: none;
  left: 0;
  top: 0;
}

.lifeAt_mid-shape {
  display: flex;
  width: 100%;
  height: 100%;
  background: #dac556;
  flex-direction: column;
  justify-content: center;
  padding: 0 7%;
}

.lifeat_fourthShape {
  display: flex;
  height: 100%;
  width: 100%;
  justify-content: center;
  padding: 30rem 5% 0 5%;
  z-index: 1;
}

.lifeAt.fourth_panel_left {
  padding-left: 12%;
  padding-top: 26rem;
  width: 35.5%;
}

.lifeAt.fourth_panel_mid li:hover,
.lifeAt.fourth_panel_mid li.active {
  color: #8f6c95;
}

.lifeAt.fourth_panel_mid
  .cluster_tabbing-head
  li.active
  .cluster_tabbing-head--fill,
.lifeAt.fourth_panel_mid
  .cluster_tabbing-head
  li:hover
  .cluster_tabbing-head--fill {
  fill: #8f6c95;
  stroke: #8f6c95;
}

.lifeAt.fourth_panel_right,
.ninth_panel_right {
  padding: 0;
}

.lifeAt.fourth_panel_right {
  width: 35.5%;
}

.lifeAt.fourth_panel_right .gl_seventhpanel_tabright-Box {
  background: #8f6c95;
  height: 90rem;
}

.lifeAt.ninth_panel_right .gl_seventhpanel_tabright {
  margin-top: 5rem;
  width: 90%;
}
.lifeAt.fourth_panel_right .gl_seventhpanel_tabright {
  margin-top: 0;
  width: 90%;
}

.lifeAt.fourth_panel_right .gl_seventhpanel_tabright_txt .gl_sixthpanel_txt {
  font-size: 5rem;
  line-height: 5.5rem;
  color: #ffffff;
}

.lifeAt.sixth_panel {
  background: transparent;
  margin-bottom: 0;
}

.lifeAt.sixth_panel .sixth_panel_left {
  padding-top: 20rem;
  width: 35.5%;
}

.lifeAt.sixth_panel .sixth_panel_mid {
  width: 29%;
  z-index: 1;
  position: relative;
  transform: none;
  left: 0;
  top: 0;
}

.sixth_panel_midGrow {
  position: absolute;
  width: 100%;
  height: 250vh;
  background: #b7c7d3;
  left: 0;
  top: 0;
}

.lifeAt.sixth_panel .sixth_panel_right {
  width: 35.5%;
  height: 100%;
  margin-left: auto;
  display: flex;
  padding: 20rem 3rem 0 3rem;
}

.lifeAt.sixth_panel .sixth_panel_key {
  margin-top: -15rem;
}

.lifeAt.sStandards {
  position: relative;
}

.aquaCommunityShape {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  /* height: 250vh; */
  /* background: #b7c7d3; */
  top: 0;
  width: 29%;
}

.aquaCommunityShapeGrow {
  position: absolute;
  height: 250vh;
  background: #b7c7d3;
  top: 0;
  left: 0;
  width: 100%;
}

.lifeAt.sStandards.aquaCommunity .filllogo_play {
  transition: var(--transition-03s);
  fill: #fff;
}

.sStandards.aquaCommunity .filllogo_play {
  transition: var(--transition-03s);
  fill: #fff;
}

.lifeAt.sStandards .partners-wp {
  padding: 20rem 5% 0 5%;
}

.ninth_panel_wp {
  padding: 10rem 0 0;
}

.ninth_panel_mid {
  top: 30%;
}

.ninth_panel_right .gl_seventhpanel_tabright_txt .gl_sixthpanel_txt {
  font-size: 3rem;
  line-height: 4rem;
  color: #ffffff;
}

.ninth_panel .cluster_tabbing-head-title {
  font-size: 3rem;
}

.ninth_panel .gl_seventhpanel_tabright-Box {
  background: #37374e;
  height: 90rem;
}

.tenth_panel {
  position: relative;
  z-index: 2;
}

.tenth_panel_left {
  width: 34%;
  padding-top: 4rem;
}

.tenth_panel_mid {
  z-index: 1;
  height: fit-content;
  width: 28.7%;
}

.tenth_panel_value ul {
  flex-direction: column;
  padding-left: 2rem;
}

.tenth_panel_value ul li {
  font-family: var(--body-font);
  width: 65%;
  list-style: square;
  margin-bottom: 3rem;
  display: list-item;
}

.tenth_panel_value ul li::marker {
  font-size: 3rem;
}

.divisity_title {
  font-family: var(--body-font);
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 2rem;
}

.meet_talents {
  background: #b7c7d3;
  position: relative;
  padding: 12rem 0;
  margin: 65rem 0 25rem;
}

.meet_talent-img-wp {
  width: 45%;
  position: absolute;
  top: -13rem;
}

.meet_talent-txt-wp {
  width: 55%;
  margin-left: auto;
}

.talentSwiper_text {
  max-width: 56rem;
}

.talent_title {
  font-size: 6.9rem;
  line-height: 7.5rem;
  font-weight: 900;
  color: #37374e;
  margin-bottom: 3.5rem;
}

.talent_name {
  font-size: 4.2rem;
  line-height: 5rem;
  color: #37374e;
  margin-bottom: 5.2rem;
}

.talent_name span {
  display: block;
  font-size: 2rem;
  line-height: 2.6rem;
}

.talent_testimo {
  font-size: 2rem;
  line-height: 2.6rem;
  color: #37374e;
  margin-bottom: 3.6rem;
}

.talentSwiper_text .btn_courbe {
  color: #37374e;
  width: max-content;
}

.talentSwiper-left,
.talentSwiper-mid,
.talentSwiper-right {
  width: 30%;
}

.blockListing_filter-list.life_at_frci {
  padding: 0 10rem;
}

.latest_job_section {
  margin: 40rem 0 0;
  padding: 0 3rem;
  position: relative;
  z-index: 1;
}

.latest_job_section .blockListing_filter-jobitem {
  width: 100%;
}

.hospitality_job .blockListing_filter-jobitem-top {
  color: #b7c7d3;
}

.hospitality_job .blockListing_filter-jobitem-bot {
  background: #b7c7d3;
}

.agri_job .blockListing_filter-jobitem-top {
  color: #3d441e;
}

.agri_job .blockListing_filter-jobitem-bot {
  background: #3d441e;
}

.logistics_job .blockListing_filter-jobitem-top {
  color: #8f6c95;
}

.logistics_job .blockListing_filter-jobitem-bot {
  background: #8f6c95;
}

/* project page */
.news_item.cat-social-inclusion {
  background: var(--yellow-cl);
}

.news_item.cat-climate-resilience {
  background: rgba(59, 37, 23, 1);
}

.blockListing.sustainability_project {
  padding: 20rem 0 5rem;
}

.discovermore.sustainability_project {
  padding: 5rem 0 10rem;
}

.sustainability_project .newsroom {
  margin-top: 5rem;
}

.sustainability_project .news_nav {
  margin-top: 5rem;
  padding: unset;
  margin-top: 0;
}

/* climate action page */
.sustainability-video-mask-item {
  width: 28.1%;
  height: 100vh;
}

.sustainability_action .growline-wp {
  top: 50%;
}

.sustainability_action.fourth_panel {
  min-height: auto;
  padding: 0;
  height: 100%;
}

.sustainability_action.fourth_panel .fourth_panel_wp {
  padding-top: 0;
}

.sustainability_action .fourth_panel_left {
  width: 35.5%;
  position: relative;
  display: flex;
  flex-direction: column;
  padding-left: 10%;
  padding-right: 5rem;
  padding-top: 0rem;
}

.sustainability_action .fourth_panel_left .gl_seventhpanel_tabright_txt {
  color: var(--primary-green-cl);
}

.sustainability_action .fourth_panel_mid .cluster_tabbing-head {
  padding-left: 3rem;
  padding-top: 5rem;
}

.sustainability_action .fourth_panel_right {
  padding: 0;
  width: 35.5%;
}

.sustainability_action .fourth_panel_right .gl_seventhpanel_tabright {
  width: 90%;
  margin-top: -26.2rem;
}

.sustainability_action .fourth_panel_right .gl_sixthpanel_txt {
  font-size: 3rem;
  line-height: 4rem;
  color: white;
}

.sustainability_action.sixth_panel {
  height: 100vh;
  margin-bottom: initial;
}

.gl_sixthpanel_mid.climateAction {
  background-color: initial;
  z-index: 2;
}

.gl_seventhpanel_mid.climateAction {
  background-color: #70755f;
}

.gl_seventhpanel_tabright-Box.climateAction {
  background: #3d441e;
  height: 100rem;
}

.climateAction .hompage_intro {
  padding: 15rem 5rem 0 18rem;
  margin-left: auto;
}

.climate-action-btn {
  width: 100%;
  margin-left: unset;
  justify-content: flex-start;
  margin-top: 5rem;
}

.partners {
  margin: 10rem 0 0;
}

.partners-wp {
  padding: 10rem 5%;
}

.partners_title {
  padding-left: 10%;
}

/* social action page */
.policies_social_action {
  background: #b7c7d3;
  color: #3d441e;
}

.policies_social_action .policies_block-title,
.policies_social_action .policies_block-txt {
  color: #3d441e;
}

.policies_element {
  list-style: square;
  margin-left: 2rem;
  font-size: 2rem;
  line-height: 4.5rem;
  font-weight: 700;
}

.policies_element::marker {
  font-size: 3rem;
}

.our_social_stories .news_item {
  background: #3d441e;
}

.aquaCommunity-img {
  position: relative;
}

.aquaCommunity-img .playvideo {
  top: 50%;
}

.social_partners .blockListing_filter {
  margin-left: 10%;
}

.social_partners .blockListing_filter_dropdown select {
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='28' viewBox='0 0 15 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.403097 25.6392C0.274334 25.7728 0.173671 25.93 0.106854 26.1017C0.0400364 26.2734 0.0083734 26.4563 0.0136749 26.64C0.0189763 26.8238 0.0611373 27.0047 0.13775 27.1724C0.214362 27.3401 0.323926 27.4914 0.460187 27.6177C0.596447 27.7439 0.756736 27.8426 0.931899 27.9081C1.10706 27.9736 1.29367 28.0046 1.48107 27.9994C1.66847 27.9942 1.85299 27.9529 2.0241 27.8778C2.1952 27.8027 2.34955 27.6953 2.47831 27.5617L14.6099 14.9691C14.8604 14.7093 15 14.3654 15 14.0079C15 13.6504 14.8604 13.3064 14.6099 13.0466L2.47831 0.452618C2.3504 0.316113 2.19609 0.205884 2.02436 0.128335C1.85262 0.0507858 1.66688 0.00746229 1.47792 0.00088192C1.28896 -0.00570036 1.10055 0.0245921 0.923634 0.089997C0.746718 0.155404 0.584821 0.254616 0.447348 0.381879C0.309875 0.509141 0.199566 0.661912 0.122829 0.83132C0.0460915 1.00073 0.00445505 1.1834 0.000338022 1.36871C-0.00377901 1.55403 0.0297054 1.7383 0.0988468 1.91082C0.167988 2.08335 0.271408 2.24068 0.403099 2.37369L11.6098 14.0079L0.403097 25.6392Z' fill='%2370755F'/%3E%3C/svg%3E");
}

.otherBrand {
  background: #d9d9d9;
}

.sStandards.aquaCommunity,
.sStandards.partners.social_partners {
  background: transparent;
}

.OtherBrand-slider .brandsListing_box {
  width: 100%;
  margin: 0;
}

/* brand detail page */
.page-node-type-brand .header {
  background: var(--primary-green-cl);
  padding: 2rem 5% 1rem 5%;
}

.page-node-type-brand .header.panel2-active {
  background: rgba(255, 255, 255, 0.5);
}

.page-node-type-brand .header_logo {
  top: 2.5rem;
  width: 6.8rem;
}

.brand-page-wp .brand-title {
  margin-top: 10rem;
}
.commitmentsSection.privacyPolicy
  .brand-page-wp
  .commitmentsSection-boxes-left {
  gap: 0;
}
.brand-page-wp .commitmentsSection-boxes-txt.brand-txt p {
  margin-bottom: 2.5rem;
}

.brand-image-wp {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.img-box-repeat {
  width: 30%;
}

/* risk management and internal audit */
.policies_risk_management {
  background: transparent;
}

.gp_valueCreation_right.internal_audit {
  background-color: var(--dark-puple-cl);
}

/* .enterprise_risk_wp */
.enterprise_risk_management {
  background-color: #8f6c95;
  padding: 18rem 18rem;
  position: relative;
  margin: 15rem 0 45rem;
}

.risk_management_title {
  max-width: 114rem;
  color: white;
}

.risk_management_txt {
  max-width: 89rem;
  color: white;
}

.risk_management_left {
  position: absolute;
  bottom: -22.7rem;
  right: 0;
}

.commitmentsSection.privacyPolicy.brand-page {
  padding-bottom: 10rem;
  margin-top: 20rem;
}

.commitmentsSection.privacyPolicy.brand-page .commitmentsSection-boxes-left {
  padding-top: 0;
}

.commitmentsSection.privacyPolicy
  .commitmentsSection-boxes-left-top
  .brand-visit-web
  a {
  color: #707161;
  text-decoration: unset;
  text-underline-position: unset;
}

.commitmentsSection-boxes.brand-boxes .commitmentsSection-boxes-right {
  width: 32%;
}

.brand-image-wp .img-box-repeat {
  width: 32%;
}

.follow-brand-wp {
  color: #ffffff;
  padding: 5rem 5rem 10rem;
}

.follow-title {
  font-size: 6.9rem;
  line-height: 7rem;
  font-family: var(--title-font);
}

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

.social-logo-wp {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 2rem;
}

.video-mask-item-risk-management {
  width: 30%;
}

.enterprise_risk_management {
  background-color: #8f6c95;
  padding: 18rem 18rem;
  position: relative;
  margin: 15rem 0 35rem;
}

.risk_management .Glnew-left {
  width: 50%;
}

.policies_risk_management .policies_block-wp {
  align-items: flex-start;
  padding: 0rem 8% 0;
}

.policies_risk_management .policies_block-left {
  padding: 0 0%;
}

/* ! academy page */

.meet_trainees {
  margin: 17rem 0 30rem;
}

.meet_trainees_img_wp {
  width: 45%;
  position: absolute;
  top: -20rem;
  right: 0;
}

.meet_trainees_txt_wp {
  width: 65%;
  margin-right: auto;
}

.meet_trainees_wp {
  padding: 0 25rem;
}

.academy_filter {
  margin-bottom: 5rem;
}

.academy_git_block {
  background: #37374e;
}

/* ! training application form */
.boost-career-video-wp {
  margin: 7rem 0 0rem;
  position: relative;
}

.boost-career-video-wp .playvideo {
  top: 50%;
}

.boost-career-video-wp .playvideo a .filllogo_play {
  fill: white;
}

.boost-career-video-wp .playvideo a:hover .filllogo_play {
  fill: var(--yellow-cl);
}

.boost-career-paragraph-second {
  margin-top: 30rem;
}

.hr_img-training {
  margin-top: -11rem;
}

.tranining_intro-txt {
  font-size: 2rem;
  color: #ffffff;
  line-height: 2.6rem;
  margin-top: 3rem;
}

.training-action-btn {
  color: #ffffff;
  width: 100%;
  justify-content: flex-start;
}

.training-action-btn .fill_dls {
  fill: #ffffff;
}

.training-action-btn .dls_title {
  color: #ffffff;
  line-height: 5rem;
}

.academy_intro-sidebar.training_programme-sidebar {
  height: 90%;
  top: -12%;
}

.academy_intro-sidebar.training_programme-sidebar
  .academy_intro-sidebar-rightShape-rest {
  background-color: #dac556;
}

.looking-for-lists {
  margin-top: 5rem;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.looking-for-lists li {
  font-size: 2rem;
  list-style: square;
  color: #70755f;
  font-weight: 700;
  margin-left: 1rem;
}

.looking-for-lists li::marker {
  font-size: 2rem;
}

.life_aqua.traninig_life_aqua {
  padding: 37rem 0 18rem 0;
}

.traninig_life_aqua .life_aqua_wp {
  background: var(--orange-cl);
}
.traninig_life_aqua .life_aqua_left {
  height: 66.7rem;
}

.traninig_life_aqua .life_aqua_right {
  width: initial;
  position: absolute;
  right: 0;
  bottom: 0;
}

/* ! News 20/08/2025 */
.climateSection_wp {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
}

.climateSection_left {
  width: 35.5%;
  position: relative;
  display: flex;
  flex-direction: column;
  padding-left: 10%;
  padding-right: 5rem;
  padding-top: 20rem;
}

.climateSection_mid {
  width: 29%;
  position: relative;
  display: flex;
  background: var(--primary-green-cl);
  z-index: 1;
}

.climateSection_mid--img {
  width: 100%;
  display: flex;
}

.climateSection_mid-Shape-topimg {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.climateSection_mid-Shape-botimg {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  display: none;
}

.climateSection_right {
  width: 35.5%;
  height: 100%;
  margin-left: auto;
  display: flex;
  padding: 30rem 3rem 0 3rem;
}

.sustainability_action .fourth_panel_mid {
  width: 29%;
  background: var(--primary-green-cl);
  /* height: 100%; */
  position: initial;
  transform: none;
}

.laeSection_right {
  width: 36%;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  display: flex;
  align-items: flex-end;
  padding-bottom: 15rem;
}

.laeSection__intro {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-left: 3%;
  padding-right: 5%;
}

.laeSection__intro-title {
  font-size: 6.9rem;
  line-height: 7.5rem;
  font-weight: 900;
  color: var(--primary-green-cl);
  margin-bottom: 3.5rem;
}

.laeSection__intro-txt {
  font-family: var(--body-font);
  font-weight: 500;
  font-size: 2rem;
  line-height: 2.6rem;
  color: var(--primary-green-cl);
}

.lifeAt-shape {
  width: 90%;
  display: flex;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}

.lifeFirstShape {
  width: 29%;
  margin-left: auto;
  height: 225vh;
  background: var(--yellow-cl);
}

.lifeAtNinthSection .ninth_panel_wp {
  padding: 0;
}

.lifeAtNinthSection .fourth_panel_left {
  width: 35.5%;
  padding-right: 6.5rem;
  padding-top: 10rem;
}

.lifeAtNinthSection .ninth_panel_mid {
  top: 0;
  position: initial;
  width: 29%;
  /* background: #b7c7d3; */
  transform: none;
}

.lifeAtNinthSection .fourth_panel_right {
  width: 35.5%;
}

.lifeAtNinthSection .gl_seventhpanel_tabright {
  width: 90%;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0px 0px;
  display: flex;
  margin-top: 5rem;
}

.ninth_panel_midShape {
  display: flex;
  width: 100%;
  height: 100%;
  padding: 0 5%;
  padding-top: 25rem;
}

.tenthSectionLife .tenth_panel_mid {
  z-index: 1;
  height: auto;
  width: 29%;
  position: initial;
  transform: none;
}

.tenthSectionLife .tenth_panel_left {
  width: 35.5%;
  padding-top: 6rem;
  padding-right: 3.5rem;
}

.tenthSectionLife .sixth_panel_right {
  width: 35.5%;
}

.elevenSectionLifeAt.latest_job_section {
  margin: 0;
  padding: 0 7%;
  position: relative;
  z-index: 1;
  margin-top: 12rem;
}

.lifeat_fourthShape-grow {
  background: #dac556;
  position: absolute;
  left: 0;
  top: 0;
  height: 100vh;
  width: 100%;
  display: none;
}

.lifeAt.sixth_panel {
  height: auto !important;
}

.Glnew.risk_management .Glnew-wp {
  width: 100%;
  display: flex;
  /* align-items: flex-start; */
  padding: 0 8%;
}

.risk_management .Glnew-left {
  width: 50%;
  padding: 10rem 0;
}

.risk_management .Glnew-right {
  width: 33%;
  top: 0;
  left: 0;
  height: auto;
  /* z-index: 1; */
  margin-left: auto;
  position: relative;
}

.policies_risk_management .policies_block-right {
  width: 40%;
  margin-top: 10rem;
}

.Glnew.risk_management {
  overflow: hidden;
}

.sixth_panel.sustainability_action .sixth_panel_left {
  width: 35.5%;
}

.sixth_panel.sustainability_action .sixth_panel_mid {
  width: 29%;
}
.sixth_panel.sustainability_action .sixth_panel_right {
  width: 35.5%;
}

.lifeAt.hm_second_panel {
  z-index: 1;
}

.sixth_panel.sustainability_action .groupdPerformance_keyhighlight-btn a {
  align-items: center;
}

.tabbing_wshape_listing-title {
  width: 80%;
}

/* ! integrated report */
.integrate_shareHolder .academy_intro-Inner-right-top {
  top: -32rem;
}

.integrate_shareHolder .academy_intro-wp,
.integrated_chairman_statement .chairman_intro-wp {
  padding: 0 5%;
}

.shareHolder_txt .academy_intro-title,
.integrated_report_key {
  margin-bottom: 7.3rem;
}

.shareHolder_txt .academy_intro-txt {
  margin-bottom: 5.4rem;
}

.integrate_shareHolder .academy_intro-Inner-left {
  padding-top: 11rem;
  padding-bottom: 9rem;
}

.integrate_shareHolder .academy_intro-sidebar {
  height: 155%;
  top: -55%;
}

.integrated_chairman_statement .academy_intro-Inner-left {
  padding-top: 8.9rem;
}

.integrated_chairman_statement .chairman_msg_box .academy_intro-Inner-left {
  padding-top: 23rem;
}

.integrate_shareHolder .btn_courbe {
  font-size: 2.2rem;
  color: #ffffff;
  border: 1px solid #ffffff;
  margin-top: 5.8rem;
  display: block;
  line-height: 4rem;
  cursor: pointer;
}

.integrated_report_btn a {
  display: flex;
  font-weight: 300;
  align-items: flex-start;
}

.integrated_report_btn a .dls_icn {
  width: 2.8rem;
  padding-top: 0;
  margin-bottom: 2rem;
}

.integrated_report_btn a .dls_info {
  margin-left: 1.8rem;
}

.integrated_report_btn a .dls_title {
  font-size: 2.5rem;
  line-height: initial;
  padding-top: 0.6rem;
}

.integrated_report_btn a {
  color: var(--primary-green-cl);
  transition: var(--transition-03s);
}

.integrated_report_btn.integrated_report_btn-white a {
  color: #ffffff;
  align-items: flex-start;
}

.integrated_report_btn.integrated_report_btn-white a .fill_dls {
  fill: #ffffff;
  transition: var(--transition-03s);
}

.integrated_report_btn.integrated_report_btn-dark-blue a {
  color: #37374e;
  /* max-width: 35rem; */
  align-items: flex-start;
}

.integrated_report_btn.integrated_report_btn-dark-blue a .fill_dls {
  fill: #37374e;
  transition: var(--transition-03s);
}

.integrated_report_btn a:hover {
  color: var(--yellow-cl);
}

.integrated_report_btn a:hover .fill_dls {
  fill: var(--yellow-cl);
}

.governance_btn_download_wp .integrated_report_btn a:hover {
  color: #e86852;
}

.governance_btn_download_wp .integrated_report_btn a:hover .fill_dls {
  fill: #e86852;
}

.integrated_report-sidebar .academy_intro-sidebar-rightShape-rest {
  background: var(--primary-green-cl);
}

.shareholder_documents_list li {
  display: flex;
  flex-direction: column;
  margin-top: 6.7rem;
  gap: 5rem;
}

.governance_btn_download_wp,
.financial_btn_download_wp,
.previous_btn_download_wp {
  margin-top: 5rem;
  overflow: auto;
}

.governance_btn_download_wp li:not(:last-child),
.financial_btn_download_wp li:not(:last-child),
.previous_btn_download_wp li:not(:last-child) {
  margin-bottom: 5rem;
}

.governance_btn_download_wp {
  max-width: 45rem;
  max-height: 35rem;
}

.financial_btn_download_wp {
  max-width: 59.5rem;
  max-height: 17rem;
}

.previous_btn_download_wp {
  max-width: 70rem;
  max-height: 29rem;
}

.integrated_chairman_statement .academy_intro-Inner-right {
  background-color: var(--lightBrown-cl);
}

.integrated_remuneration .gp_valueCreation_right {
  padding: 8rem 5rem;
  font-family: var(--title-font);
  background-color: var(--lightBrown-cl);
}

.integrated_remuneration .gp_valueCreation_title {
  font-size: 6.3rem;
  margin-bottom: 5rem;
}

.integrated_remuneration .gp_valueCreation_txt_wp {
  font-family: var(--title-font);
  max-width: 19rem;
  font-size: 3.5rem;
  line-height: 3.5rem;
  color: #ffffff;
}

.integrated_remuneration .gp_valueCreation_txt_wp:not(:last-child) {
  margin-bottom: 5rem;
}

.integrated_remuneration .gp_valueCreation_txt_wp:nth-child(3) {
  max-width: 24rem;
}

.integrated_remuneration .gp_valueCreation_txt_wp .gp_valueCreation_txt-title {
  font-size: 5rem;
  line-height: 5rem;
}

.integrated_remuneration .gp_valueCreation_txt_wp .gp_valueCreation_txt-stext {
  font-size: 2rem;
  line-height: 3rem;
}

.integrated_statement_box.active {
  display: flex;
  flex-direction: column;
  opacity: 1;
}

.integrated_statement_box {
  display: none;
  opacity: 0;
  transition: opacity 0.4s ease;
}

.integrated_statement-filter ul li {
  margin-bottom: 1rem;
}

.integrated_statement-filter ul li .filter_txt {
  font-family: var(--title-font);
  font-size: 3rem;
}

.integrated_statement-filter ul li a .filtericnSvg {
  stroke: #ffffff;
}

.integrated_statement-filter ul li.active a .filtericnSvg {
  fill: #ffffff;
  stroke: #ffffff;
}

.integrated_statement-filter ul li a:hover {
  color: #ffffff;
}

.integrated_statement-filter ul li a:hover .filtericnSvg {
  fill: #ffffff;
  stroke: #ffffff;
}

/* .integrated_statement-filter .filter_icn {
	display: none;
} */

.integrated_statement-filter {
  display: none;
}

.integrated_chairman_statement {
  margin-bottom: 15rem;
  overflow: hidden;
}

.integrated_chairman_statement .academy_intro-Inner-right-top {
  padding: 0rem 5rem;
  position: absolute;
  top: 47.5%;
  transform: translateY(-50%);
}

.integrated_chairman_statement .academy_intro-title {
  max-width: 39.5rem;
  margin-bottom: 4.5rem;
}

.integrated_chairman_statement .academy_intro-txt {
  margin-bottom: 5rem;
}

.integrated_chairman_statement .boost-career-video-wp {
  margin: 0;
  margin-bottom: 5rem;
}

.chairman_msg_box .hr_content-author {
  margin-bottom: 6.3rem;
}

.integrated_policies.policies_block {
  padding: 0;
  margin-top: 0;
  margin-bottom: 15rem;
  background: initial;
}

.integrated_policies.policies_block .academy_intro-txt {
  margin-bottom: 10rem;
}

.integrated_policies.policies_block .keyvalue_left {
  margin-bottom: 12rem;
}

.integrated_policies.policies_block .keyvalue_left .keyvalue_pin {
  gap: 0;
}

.integrated_policies.policies_block .keyvalue_left .keyvalue_pin li {
  max-width: 26rem;
  min-width: 26rem;
  white-space: initial;
}

.integrated_sustainability .gp_valueCreation_title {
  font-size: 5.7rem;
  line-height: 6.7rem;
  margin-bottom: 5rem;
}

.integrated_sustainability .gp_valueCreation_txt {
  font-size: 3.2rem;
  font-family: var(--title-font);
  line-height: 4.2rem;
  margin-top: initial;
  margin-bottom: 5rem;
  font-weight: 200;
}

.integrated_sustainability .gp_valueCreation_txt strong {
  display: block;
  font-size: 5.5rem;
}

.integrated_sustainability .gp_valueCreation_right {
  background: var(--agri-cl);
  color: #ffffff;
}

.integrated_performance {
  background-color: var(--dark-puple-cl);
  margin: 50rem 0 25rem;
  padding: 0;
  position: relative;
}

.integrated_performance .life_aqua_wp {
  padding: 4.4rem 5% 6.5rem;
}

.integrated_performance_txt_wp {
  position: relative;
}

.integrated_performance .life_aqua_left {
  background-color: initial;
  height: initial;
  padding: 0 5%;
  width: 60%;
}

.integrated_performance_txt_wp .life_aqua_txt {
  margin-bottom: 2.6rem;
}

.report_swiper_arrow .swiper-button-next,
.report_swiper_arrow .swiper-button-prev {
  width: 4.5rem;
  height: 4.5rem;
}

.download_report_wp {
  position: relative;
  max-width: 75rem;
}

.report_wp_repeat {
  font-family: var(--title-font);
  color: #ffffff;
}

.report_wp_repeat .report_number {
  font-size: 5.5rem;
  line-height: 5.5rem;
}

/* .report_wp_repeat .report_number .report_sub_prefix {
	font-size: 3.5rem;
} */

.report_wp_repeat .report_title {
  font-size: 3.5rem;
  font-weight: 100;
}

.report_wp_repeat .report_year {
  font-size: 2rem;
  font-weight: 400;
  margin-bottom: 7rem;
}

.news_nav.report_swiper_arrow {
  position: absolute;
  padding: 0;
  bottom: 0;
  right: 0;
}

.report_swiper_arrow_wp {
  display: flex;
  gap: 2rem;
}

.integrated_performance .life_aqua_right {
  width: 66.5rem;
  position: absolute;
  bottom: 0;
  right: 0;
}

.integrated_governance {
  margin: 0 0 42rem 0;
  padding: 0;
  position: relative;
}

.integrated_governance .meet_talent_wp {
  padding: 6.6rem 5%;
}

.integrated_governance .meet_talent_img_wp {
  position: absolute;
  top: -14rem;
  left: 0;
  width: 39%;
}

.integrate_financial {
  margin: 0 0 60rem 0;
  padding: 0;
}

.integrate_financial .enterprise_risk_wp {
  padding: 13.6rem 5% 16.1rem;
}

.integrate_financial .risk_management_right {
  padding: 0 5%;
  max-width: 65rem;
}

.integrate_financial .risk_management_left {
  width: 80rem;
  position: absolute;
  top: -16.7rem;
  right: 0;
}

.integrated_previous_report {
  margin: 0 0 20rem 0;
  padding: 0;
  background: var(--orange-cl);
  position: relative;
}

.integrated_previous_report .life_aqua_wp {
  padding: 6.9rem 5% 11.1rem;
}

.integrated_previous_report .life_aqua_left {
  width: 55%;
  background-color: initial;
  padding: 0 5%;
  height: initial;
}

.integrated_previous_report .life_aqua_right {
  width: 81.3rem;
  position: absolute;
  bottom: 0;
  right: 0;
}

.integrate_git_block {
  background: #6b6c62;
}

.integrated_governance .talent_title,
.integrate_financial .risk_management_title,
.integrated_previous_report .life_aqua_title {
  font-family: var(--title-font);
  font-size: 6.9rem;
}

.bod_popup-files {
  display: flex;
  width: 100%;
  margin-left: auto;
  padding-top: 3rem;
}

.bod_popup-files a {
  display: flex;
  color: var(--primary-green-cl);
  font-weight: 300;
  align-items: flex-start;
  width: 100%;
}

.integrated_pre_suffix {
  font-size: 3rem;
}

span.banner_tagline-right {
  text-transform: lowercase;
}

.lifeAt.sixth_panel {
  background: #fff;
  position: relative;
  z-index: 6;
}

.lifeAt.fourth_panel_wp .gl_seventhpanel_imgBot {
  bottom: 0.3%;
}

.gl_Bod .keyvalue_left {
  display: flex;
  width: 100%;
  position: absolute;
  left: 0;
  top: 14rem;
  z-index: 10;
}

.field_intro_link {
  margin-top: 25px;
}
.field_intro_link a {
  color: var(--primary-green-cl);
}
.field_intro_link a:hover {
  color: #e86852;
}

.resilience-design-button {
  border-top-right-radius: 6rem;
  border: 1px solid #707161;
  padding: 1rem 5rem 1rem 1rem;
}

.resilience-design-button .policies_block-scrolllist-dl-icn {
  display: none;
}

.resilience-design-button .policies_block-scrolllist-dl-txt {
  width: 100%;
  font-size: 2.4rem;
}

.field_intro_link a.resilience-design-button {
  color: #70755f;
  display: inline-block;
}

.resilience-design-button:hover {
  border-radius: 0;
}

/* .commitmentsSection-boxes-txt .publication_pdfBoxes-list{ display:none; } */
/* .node24pdfbox{ display:none; } */

.node24pdfbox {
  margin-top: 0;
}

.commitmentsSection-boxes-txt .align-docs {
  flex-direction: row;
  align-items: center;
  gap: 6rem;
}

.commitmentsSection-boxes-txt .align-docs .dls_info {
  margin-left: 1rem;
}

.commitmentsSection-boxes-txt .align-docs .dls_info .dls_txt {
  display: none;
}

.cluster_brands-title .clearall {
  cursor: pointer; /*display:none;*/
}

/*! search bar */
.search-help-link {
  display: none;
}

.search-form {
  margin-top: 4rem;
  color: var(--primary-green-cl);
}

.search-form .js-form-item {
  margin-bottom: 2rem;
  font-size: 2rem;
}

.search-form [type="search"] {
  display: block;
  padding: 1rem 2rem;
  border: 1px solid var(--primary-green-cl);
  margin-top: 1rem;
  width: 100%;
  border-radius: 7px;
  color: var(--primary-green-cl) !important;
}

.search-form [type="submit"] {
  padding: 0rem 2rem 0rem 1rem;
  border: 1px solid var(--primary-green-cl);
  color: #707161;
  font-size: 1.6rem;
  font-weight: 400;
  border-top-right-radius: 6rem;
  height: 4rem;
  margin-bottom: 4rem;
  cursor: pointer;
  transition: var(--transition-03s);
}

.search-form [type="submit"]:hover {
  border-radius: 0;
}

.search-form .form-item--error-message {
  padding-top: 1rem;
  color: #d02929;
}

.search_page {
  width: 100%;
  min-height: 100vh;
  position: relative;
  padding-bottom: 10rem;
}

.search_page-wp {
  display: flex;
  width: 100%;
  height: 100%;
  position: relative;
  padding: 7.5rem 5% 0;
}

.search_page-inner {
  display: flex;
  width: 100%;
  height: 100%;
  padding-left: 10rem;
}

.search_page-boxes-left {
  width: 60%;
}

.search_page-title {
  color: var(--primary-green-cl);
  font-family: var(--title-font);
  font-size: 6.9rem;
  font-weight: 800;
  line-height: 7.5rem;
}

.search_page-result-wp {
  margin-top: 2rem;
  display: flex;
  flex-direction: column;
  gap: 10rem;
  color: var(--primary-green-cl);
}

.search-result-title {
  color: var(--primary-green-cl);
  font-size: 4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 5rem;
}

.search-result-text {
  color: var(--primary-green-cl);
  font-family: var(--body-font);
  font-size: 2rem;
  font-weight: 500;
  line-height: 2.6rem;
  margin-top: 3.6rem;
}

.search_page-boxes-right {
  width: 35%;
  transform: translateY(-8rem);
  margin-left: auto;
  height: 100%;
}

.content-pagination li[disabled] {
  display: none;
}

.third_panel_finance_cluster.third_panel_hospitality_cluster {
  height: 115vh;
}

.third_panel_finance_cluster.third_panel_agri_cluster {
  height: 120vh;
}

.our-main-subsidiaries {
  padding-bottom: 2rem;
}

.our-main-subsidiaries h5 {
  font-weight: 800;
  margin-bottom: 1rem;
}

.bgcolor-yellow {
  color: var(--yellow-cl);
}

.bgcolor-green {
  color: var(--primary-green-cl);
}

.bgcolor-orange {
  color: var(--orange-cl);
}

.bgcolor-darkpurple {
  color: var(--dark-puple-cl);
}

.page-node-type-publication-page .discovermore {
  margin-top: 10rem;
}

/* interactive map */
.clusterMap .interactive_map {
  position: relative;
}

.old_map {
  display: none;
}

.dot_position,
.dot_position_name {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.dot_position {
  z-index: 1;
}

.dot_square,
.dot_circle {
  width: 15px;
  height: 15px;
  position: absolute;
  cursor: pointer;
  transition: var(--transition-03s);
}

.clusterMap-left ul li,
.hm_map-list li,
#segments_list li,
#investments_list li {
  transition: var(--transition-03s);
}

.dot_square.is_dimmed,
.dot_circle.is_dimmed,
.clusterMap-left ul li.is_dimmed,
.hm_map-list li.is_dimmed,
#segments_list li.is_dimmed,
#investments_list li.is_dimmed {
  opacity: 0.4 !important;
}

.dot_circle {
  border-radius: 50%;
}

.map_tooltip {
  position: absolute;
  padding: 10px;
  font-size: 1.4rem;
  border-radius: 6px;
  bottom: 2rem;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-5px);
  transition: var(--transition-03s);
  background: var(--tooltip-bg);
  color: #fff;
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 15rem;
  font-family: var(--body-font);
  z-index: 1;
}

.map_tooltip::after {
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .1);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    border-radius: 6px;
}

.map_tooltip span:not(:first-child) {
  font-weight: 600;
}

.map_tooltip.is_visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* logistics map */
.dot_square:nth-child(2) {
  bottom: 13%;
  left: 32.2%;
  background: #8f6c95;
}

/* agri map */
.agri_map .dot_circle:first-of-type {
  background: #78bf26;
  bottom: 9.3%;
  left: 18.8%;
}

.agri_map .dot_circle:nth-of-type(2) {
  background: #78bf26;
  bottom: 30%;
  left: 20.7%;
}

.agri_map .dot_circle:nth-of-type(3) {
  background: #78bf26;
  bottom: 31%;
  left: 25.7%;
}

.agri_map .dot_circle:nth-of-type(4) {
  background: #78bf26;
  bottom: 27.3%;
  left: 30.7%;
}

.agri_map .dot_circle:nth-of-type(5) {
  background: #78bf26;
  bottom: 17.2%;
  left: 29.3%;
}

.agri_map .dot_circle:nth-of-type(6) {
  background: #78bf26;
  bottom: 17.2%;
  left: 38.6%;
}

.agri_map .dot_square:nth-of-type(7) {
  background: #3d441e;
  bottom: 17.2%;
  left: 34.6%;
}

.agri_map .dot_square:nth-of-type(8) {
  background: #dac556;
  bottom: 17.2%;
  left: 36.6%;
}

/* realState map */
.realestate_map .dot_circle:first-of-type {
  background: #dac556;
  top: 44.6%;
  left: 4.6%;
}

.realestate_map .dot_circle:nth-of-type(2) {
  background: #dac556;
  bottom: 26%;
  left: 29.7%;
}

.realestate_map .dot_circle:nth-of-type(3) {
  background: #dac556;
  bottom: 17.5%;
  left: 39.2%;
}

.realestate_map .dot_square:nth-of-type(4) {
  background: #3b2517;
  bottom: 17.5%;
  left: 35%;
}

.realestate_map .dot_square:nth-of-type(5) {
  background: #e96852;
  bottom: 17.5%;
  left: 37%;
}

/* hospitality map */
.hospitality_map .dot_square:first-of-type {
  background: #b7c7d3;
  top: 27.4%;
  left: 6.8%;
}

.hospitality_map .dot_square:nth-of-type(2) {
  background: #b7c7d3;
  top: 32.8%;
  left: 9.1%;
}

.hospitality_map .dot_square:nth-of-type(3) {
  background: #b7c7d3;
  top: 35.9%;
  left: 13.7%;
}

.hospitality_map .dot_square:nth-of-type(4) {
  background: #b7c7d3;
  top: 44.6%;
  left: 4.2%;
}

.hospitality_map .dot_square:nth-of-type(5) {
  background: #b7c7d3;
  bottom: 9.4%;
  left: 17.3%;
}

.hospitality_map .dot_square:nth-of-type(6) {
  background: #b7c7d3;
  bottom: 26.6%;
  left: 30.6%;
}

.hospitality_map .dot_square:nth-of-type(7) {
  background: #b7c7d3;
  bottom: 17.5%;
  left: 38.1%;
}

.hospitality_map .dot_square:nth-of-type(8) {
  background: #dac556;
  bottom: 19.4%;
  left: 14.4%;
}

.hospitality_map .dot_square:nth-of-type(9) {
  background: #dac556;
  bottom: 9.5%;
  left: 19.2%;
}

.hospitality_map .dot_square:nth-of-type(10) {
  background: #dac556;
  bottom: 19.2%;
  left: 23.2%;
}

.hospitality_map .dot_square:nth-of-type(11) {
  background: #dac556;
  bottom: 24.8%;
  left: 27.7%;
}

.hospitality_map .dot_square:nth-of-type(12) {
  background: #dac556;
  bottom: 23.3%;
  left: 29.6%;
}

.hospitality_map .dot_square:nth-of-type(13) {
  background: #dac556;
  bottom: 17.5%;
  left: 29.3%;
}

.hospitality_map .dot_square:nth-of-type(14) {
  background: #dac556;
  bottom: 13.4%;
  left: 32.3%;
}

.hospitality_map .dot_square:nth-of-type(15) {
  background: #37374e;
  bottom: 17.5%;
  left: 36.5%;
}

.hospitality_map .dot_square:nth-of-type(16) {
  background: #dac556;
  bottom: 17.5%;
  left: 34.8%;
}

/* logistics map */
.logistics_map .dot_square:first-of-type {
  background: #8f6c95;
  top: 55.7%;
  left: 44.8%;
}

.logistics_map .dot_square:nth-of-type(2) {
  background: #8f6c95;
  bottom: 30.6%;
  left: 25.9%;
}

.logistics_map .dot_square:nth-of-type(3) {
  background: #8f6c95;
  bottom: 26.6%;
  left: 23.9%;
}

.logistics_map .dot_square:nth-of-type(4) {
  background: #8f6c95;
  bottom: 17.5%;
  left: 29.4%;
}

.logistics_map .dot_square:nth-of-type(5) {
  background: #8f6c95;
  bottom: 13%;
  left: 32.3%;
}

.logistics_map .dot_square:nth-of-type(6) {
  background: #8f6c95;
  bottom: 17.3%;
  left: 34.6%;
}

/* finance_map */
.finance_map .dot_circle:first-of-type {
  background: #70755f;
  bottom: 29.7%;
  left: 21.4%;
}

.finance_map .dot_circle:nth-of-type(2) {
  background: #70755f;
  bottom: 23.6%;
  left: 20.4%;
}

.finance_map .dot_circle:nth-of-type(3) {
  background: #70755f;
  bottom: 8.8%;
  left: 18.7%;
}

.finance_map .dot_circle:nth-of-type(4) {
  background: #70755f;
  bottom: 24%;
  left: 28%;
}

.finance_map .dot_circle:nth-of-type(5) {
  background: #70755f;
  bottom: 27.1%;
  left: 32.1%;
}

.finance_map .dot_circle:nth-of-type(6) {
  background: #70755f;
  bottom: 17.8%;
  left: 29.3%;
}

.finance_map .dot_circle:nth-of-type(7) {
  background: #70755f;
  bottom: 17.2%;
  left: 36.5%;
}

.finance_map .dot_square:nth-of-type(8) {
  background: #37374e;
  bottom: 27.2%;
  left: 30.4%;
}

.finance_map .dot_square:nth-of-type(9) {
  background: #37374e;
  bottom: 21.2%;
  left: 40.5%;
}

.finance_map .dot_square:nth-of-type(10) {
  background: #37374e;
  bottom: 17.2%;
  left: 34.8%;
}

/* commerce_map */
.commerce_map .dot_square:first-of-type {
  background: #d4b9a8;
  bottom: 17.2%;
  left: 34.8%;
}

.commerce_map .dot_square .map_tooltip {
  width: 15rem;
  color: #000;
}

/* technology_map */
.technology_map .dot_square .map_tooltip {
  width: 15rem;
}

.technology_map .dot_circle:first-of-type {
  background: #b7c7d3;
  bottom: 19.2%;
  left: 31.2%;
}

.technology_map .dot_circle:nth-of-type(2) {
  background: #b7c7d3;
  bottom: 17.5%;
  left: 39.9%;
}

.technology_map .dot_circle:nth-of-type(3) {
  background: #e96852;
  bottom: 17.5%;
  left: 38.2%;
}

.technology_map .dot_circle:nth-of-type(4) {
  background: #e96852;
  bottom: 7.5%;
  left: 63.2%;
}

.technology_map .dot_square:nth-of-type(5) {
  background: #9a9a9a;
  top: 67.9%;
  left: 20.8%;
}

.technology_map .dot_square:nth-of-type(6) {
  background: #9a9a9a;
  bottom: 19.2%;
  left: 29.5%;
}

.technology_map .dot_square:nth-of-type(7) {
  background: #9a9a9a;
  bottom: 17.5%;
  left: 34.8%;
}

.technology_map .dot_square:nth-of-type(8) {
  background: #dac556;
  bottom: 28.8%;
  left: 28.1%;
}

.technology_map .dot_square:nth-of-type(9) {
  background: #dac556;
  bottom: 17.5%;
  left: 36.3%;
}

.technology_map .dot_square,
.technology_map .dot_circle {
  width: 12px;
  height: 12px;
}

.technology_map .dot_square:nth-of-type(7) .map_tooltip,
.technology_map .dot_square:nth-of-type(8) .map_tooltip {
  color: #000;
}

/* at a glace our segments */
.segmap .dot_square,
.segmap .dot_circle {
  width: 12px;
  height: 12px;
}

.our_segmap_map .dot_circle:first-of-type {
  background: var(--hospitality-cl);
  top: 27.6%;
  left: 6.8%;
}

.our_segmap_map .dot_circle:nth-of-type(2) {
  background: var(--hospitality-cl);
  top: 32.5%;
  left: 10.3%;
}

.our_segmap_map .dot_circle:nth-of-type(3) {
  background: var(--hospitality-cl);
  top: 35.5%;
  left: 13.4%;
}

.our_segmap_map .dot_circle:nth-of-type(4) {
  background: var(--hospitality-cl);
  top: 46.3%;
  left: 3.9%;
}

.our_segmap_map .dot_circle:nth-of-type(5) {
  background: var(--hospitality-cl);
  bottom: 16.6%;
  left: 15.4%;
}

.our_segmap_map .dot_circle:nth-of-type(6) {
  background: var(--hospitality-cl);
  bottom: 9.5%;
  left: 18.3%;
}

.our_segmap_map .dot_circle:nth-of-type(7) {
  background: var(--hospitality-cl);
  bottom: 21.5%;
  left: 25.3%;
}

.our_segmap_map .dot_circle:nth-of-type(8) {
  background: var(--hospitality-cl);
  bottom: 25.5%;
  left: 27.7%;
}

.our_segmap_map .dot_circle:nth-of-type(9) {
  background: var(--hospitality-cl);
  bottom: 23.7%;
  left: 29.2%;
}

.our_segmap_map .dot_circle:nth-of-type(10) {
  background: var(--hospitality-cl);
  bottom: 19.6%;
  left: 29.5%;
}

.our_segmap_map .dot_circle:nth-of-type(11) {
  background: var(--hospitality-cl);
  bottom: 13.3%;
  left: 32.5%;
}

.our_segmap_map .dot_circle:nth-of-type(12) {
  background: var(--hospitality-cl);
  bottom: 27.1%;
  left: 32.8%;
}

.our_segmap_map .dot_circle:nth-of-type(13) {
  background: var(--hospitality-cl);
  bottom: 17.5%;
  left: 41.1%;
}

.our_segmap_map .dot_circle:nth-of-type(14) {
  background: var(--logistics-cl);
  bottom: 31%;
  left: 25.2%;
}

.our_segmap_map .dot_circle:nth-of-type(15) {
  background: var(--logistics-cl);
  bottom: 26.8%;
  left: 25%;
}

.our_segmap_map .dot_circle:nth-of-type(16) {
  background: var(--logistics-cl);
  bottom: 44.9%;
  left: 44.7%;
}

.our_segmap_map .dot_circle:nth-of-type(17) {
  background: var(--logistics-cl);
  bottom: 19.6%;
  left: 31.1%;
}

.our_segmap_map .dot_circle:nth-of-type(18) {
  background: var(--logistics-cl);
  bottom: 13.3%;
  left: 34.2%;
}

.our_segmap_map .dot_circle:nth-of-type(19) {
  background: var(--logistics-cl);
  bottom: 17.5%;
  left: 42.8%;
}

.our_segmap_map .dot_circle:nth-of-type(20) {
  background: var(--technology-cl);
  bottom: 29%;
  left: 22%;
}

.our_segmap_map .dot_circle:nth-of-type(21) {
  background: var(--technology-cl);
  bottom: 28.4%;
  left: 27.4%;
}

.our_segmap_map .dot_circle:nth-of-type(22) {
  background: var(--technology-cl);
  bottom: 17.5%;
  left: 48.1%;
}

.our_segmap_map .dot_circle:nth-of-type(23) {
  background: var(--finance-cl);
  bottom: 27.1%;
  left: 31%;
}

.our_segmap_map .dot_circle:nth-of-type(24) {
  background: var(--finance-cl);
  bottom: 22.2%;
  left: 42.4%;
}

.our_segmap_map .dot_circle:nth-of-type(25) {
  background: var(--finance-cl);
  bottom: 17.5%;
  left: 44.6%;
}

.our_segmap_map .dot_circle:nth-of-type(26) {
  background: var(--agri-cl);
  bottom: 17.5%;
  left: 37.6%;
}

.our_segmap_map .dot_circle:nth-of-type(27) {
  background: var(--realestate-cl);
  bottom: 17.5%;
  left: 39.4%;
}

.our_segmap_map .dot_circle:nth-of-type(28) {
  background: var(--commerce-cl);
  bottom: 17.5%;
  left: 46.4%;
}

.our_segmap_map .dot_circle:nth-of-type(29) {
  background: var(--primary-green-cl);
  bottom: 17.5%;
  left: 49.8%;
}

.our_segmap_map .dot_circle:nth-of-type(30) {
  background: var(--technology-cl);
  bottom: 19.6%;
  left: 32.5%;
}

/* key_investment_map */
.key_investment_map .dot_circle:first-of-type {
  background: #8f6c95;
  top: 45%;
  left: 5.5%;
}

.key_investment_map .dot_circle:nth-of-type(2) {
  background: #8f6c95;
  bottom: 27.4%;
  left: 32.6%;
}

.key_investment_map .dot_circle:nth-of-type(3) {
  background: #8f6c95;
  bottom: 17.7%;
  left: 37.4%;
}

.key_investment_map .dot_circle:nth-of-type(4) {
  background: #78bf26;
  bottom: 9.7%;
  left: 16.9%;
}

.key_investment_map .dot_circle:nth-of-type(5) {
  background: #78bf26;
  bottom: 28.8%;
  left: 21.2%;
}

.key_investment_map .dot_circle:nth-of-type(6) {
  background: #78bf26;
  bottom: 31%;
  left: 25.2%;
}

.key_investment_map .dot_circle:nth-of-type(7) {
  background: #78bf26;
  bottom: 19.3%;
  left: 29.4%;
}

.key_investment_map .dot_circle:nth-of-type(8) {
  background: #78bf26;
  bottom: 27.4%;
  left: 31%;
}

.key_investment_map .dot_circle:nth-of-type(9) {
  background: #78bf26;
  bottom: 17.7%;
  left: 35.5%;
}

.key_investment_map .dot_circle:nth-of-type(10) {
  background: #dac556;
  bottom: 22.8%;
  left: 21.3%;
}

.key_investment_map .dot_circle:nth-of-type(11) {
  background: #dac556;
  bottom: 9.7%;
  left: 18.5%;
}

.key_investment_map .dot_circle:nth-of-type(12) {
  background: #dac556;
  bottom: 27.4%;
  left: 34.2%;
}

.key_investment_map .dot_circle:nth-of-type(13) {
  background: #dac556;
  bottom: 17.7%;
  left: 39%;
}

.key_investment_map .dot_circle:nth-of-type(14) {
  background: #dac556;
  bottom: 28.8%;
  left: 22.8%;
}

.key_investment_map .dot_circle:nth-of-type(15) {
  background: #dac556;
  bottom: 25.4%;
  left: 27.7%;
}

.key_investment_map .dot_circle:nth-of-type(16) {
  background: #dac556;
  bottom: 19.3%;
  left: 31.3%;
}

.key_investment_map .dot_circle:nth-of-type(17) {
  background: #d4b9a8;
  bottom: 19.3%;
  left: 33%;
}

.key_investment_map .dot_circle:nth-of-type(18) {
  background: #d4b9a8;
  bottom: 17.7%;
  left: 42.4%;
}

.key_investment_map .dot_circle:nth-of-type(19) {
  background: #e96852;
  bottom: 17.7%;
  left: 40.8%;
}

.key_investment_map .dot_circle:nth-of-type(20) {
  background: #e96852;
  bottom: 7.4%;
  right: 35.5%;
}

/* new world map homepage */
.new_world_map .dot_square,
.new_world_map .dot_circle {
  width: 9px;
  height: 9px;
}

.new_world_map .dot_circle:first-of-type {
  background: var(--hospitality-cl);
  top: 32%;
  left: 14.2%;
}

.new_world_map .dot_circle:nth-of-type(2) {
  background: var(--hospitality-cl);
  top: 36.9%;
  left: 16.4%;
}

.new_world_map .dot_circle:nth-of-type(3) {
  background: var(--hospitality-cl);
  top: 39.8%;
  left: 20.3%;
}

.new_world_map .dot_circle:nth-of-type(4) {
  background: var(--hospitality-cl);
  top: 48.3%;
  left: 14.1%;
}

.new_world_map .dot_circle:nth-of-type(5) {
  background: var(--hospitality-cl);
  bottom: 14.8%;
  left: 45%;
}

.new_world_map .dot_circle:nth-of-type(6) {
  background: var(--hospitality-cl);
  bottom: 21.1%;
  left: 29.1%;
}

.new_world_map .dot_circle:nth-of-type(7) {
  background: var(--hospitality-cl);
  bottom: 22.3%;
  left: 36.5%;
}

.new_world_map .dot_circle:nth-of-type(8) {
  background: var(--hospitality-cl);
  bottom: 28%;
  left: 46.4%;
}

.new_world_map .dot_circle:nth-of-type(9) {
  background: var(--hospitality-cl);
  bottom: 24.7%;
  left: 41%;
}

.new_world_map .dot_circle:nth-of-type(10) {
  background: var(--hospitality-cl);
  bottom: 25.7%;
  left: 39%;
}

.new_world_map .dot_circle:nth-of-type(11) {
  background: var(--hospitality-cl);
  bottom: 13.3%;
  left: 35.6%;
}

.new_world_map .dot_circle:nth-of-type(12) {
  background: var(--hospitality-cl);
  bottom: 20.6%;
  left: 41.8%;
}

.new_world_map .dot_circle:nth-of-type(13) {
  background: var(--hospitality-cl);
  bottom: 17%;
  left: 50.9%;
}

.new_world_map .dot_circle:nth-of-type(14) {
  background: var(--logistics-cl);
  bottom: 30%;
  left: 35.6%;
}

.new_world_map .dot_circle:nth-of-type(15) {
  background: var(--logistics-cl);
  bottom: 26.3%;
  left: 36.6%;
}

.new_world_map .dot_circle:nth-of-type(16) {
  background: var(--logistics-cl);
  bottom: 41.5%;
  left: 57.7%;
}

.new_world_map .dot_circle:nth-of-type(17) {
  background: var(--logistics-cl);
  bottom: 20.6%;
  left: 44%;
}

.new_world_map .dot_circle:nth-of-type(18) {
  background: var(--logistics-cl);
  bottom: 17%;
  left: 52.8%;
}

.new_world_map .dot_circle:nth-of-type(19) {
  background: var(--logistics-cl);
  bottom: 14.8%;
  left: 46.8%;
}

.new_world_map .dot_circle:nth-of-type(20) {
  background: var(--technology-cl);
  bottom: 27.3%;
  left: 33.1%;
}

.new_world_map .dot_circle:nth-of-type(21) {
  background: var(--technology-cl);
  bottom: 28.4%;
  left: 39%;
}

.new_world_map .dot_circle:nth-of-type(22) {
  background: var(--technology-cl);
  bottom: 17%;
  left: 58.4%;
}

.new_world_map .dot_circle:nth-of-type(23) {
  background: var(--finance-cl);
  bottom: 28%;
  left: 44.4%;
}

.new_world_map .dot_circle:nth-of-type(24) {
  background: var(--finance-cl);
  bottom: 19.6%;
  left: 54.6%;
}

.new_world_map .dot_circle:nth-of-type(25) {
  background: var(--finance-cl);
  bottom: 17%;
  left: 54.6%;
}

.new_world_map .dot_circle:nth-of-type(26) {
  background: var(--agri-cl);
  bottom: 17%;
  left: 47%;
}

.new_world_map .dot_circle:nth-of-type(27) {
  background: var(--realestate-cl);
  bottom: 17%;
  left: 49%;
}

.new_world_map .dot_circle:nth-of-type(28) {
  background: var(--commerce-cl);
  bottom: 17%;
  left: 56.6%;
}

.new_world_map .dot_circle:nth-of-type(29) {
  background: var(--primary-green-cl);
  bottom: 17%;
  left: 60.2%;
}

.new_world_map .dot_circle:nth-of-type(30) {
  background: var(--technology-cl);
  bottom: 20.6%;
  left: 46%;
}

.entr-risk-mgmt-files .fill_dls {
  fill: #fff;
}

.entr-risk-mgmt-files .dls_info {
  color: #fff;
}

.entr-risk-mgmt-files .dls_info:hover {
  color: #e86852;
}


.interactive_map.our_segmap_map .map_tooltip span:last-child,
.interactive_map.new_world_map .map_tooltip span:last-child {
    display: none;
}