/*
    Investor Relations
    style-IR.css
    Last modified - 03 Apr 2026
*/

@font-face {
   font-family: "ClashGrotesk";
   src: url("../../fonts/ClashGrotesk-Regular.woff2") format("woff2");
   font-weight: 400;
   font-display: swap;
   font-style: normal;
}

@font-face {
   font-family: "ClashGrotesk";
   src: url("../../fonts/ClashGrotesk-Medium.woff2") format("woff2");
   font-weight: 500;
   font-display: swap;
   font-style: normal;
}

@font-face {
   font-family: "Satoshi";
   src: url("../../fonts/Satoshi-Regular.woff2") format("woff2");
   font-weight: 400;
   font-display: swap;
   font-style: normal;
}

@font-face {
   font-family: "Satoshi";
   src: url("../../fonts/Satoshi-Medium.woff2") format("woff2");
   font-weight: 500;
   font-display: swap;
   font-style: normal;
}

@font-face {
   font-family: "Satoshi";
   src: url("../../fonts/Satoshi-Bold.woff2") format("woff2");
   font-weight: 700;
   font-display: swap;
   font-style: normal;
}

:root {
   --ff-clash: "ClashGrotesk", sans-serif;
   --ff-satoshi: "Satoshi", sans-serif;
   --fw-regular: 400;
   --fw-medium: 500;
   --fw-bold: 700;
   --fs-80: 80px;
   --fs-70: 70px;
   --fs-60: 60px;
   --fs-50: 50px;
   --fs-40: 40px;
   --fs-30: 30px;
   --fs-24: 24px;
   --fs-22: 22px;
   --fs-20: 20px;
   --fs-18: 18px;
   --fs-16: 16px;
   --content-text-22: 22px;
   --content-text-20: 20px;
   --content-text-18: 18px;
   --content-text-16: 16px;
   --wrapper-max-size: 1700px;
   --wrapper-half: calc(var(--wrapper-max-size) / 2);
   --wrapper-inline-padding: 100px;
   --clr-primary: #2da54b;
   --clr-primary-light: #b5d19b;
   --clr-primary-dark: #457020;
   --clr-red: #e81d26;
   --clr-dark: #1b3a35;
   --clr-dark-light: #5c5c5c;
   --clr-grey: #ababab;
   --clr-dark-grey: #444444;
   --bg-body: #ffffff;
   --bg-section-light: #f8fff9;
   --bg-light: #fdfffd;
   --bg-light-green: #f8fff9;
   --bg-dark-green: #1b2322;
   --section-border-clr: rgba(68, 152, 85, 0.1);
   --rounded-corner: 20px;
   --section-bp-120: 120px;
   --section-bp-100: 100px;
   --section-bp-80: 80px;
   --section-bp-70: 70px;
   --section-bp-60: 60px;
   --section-bp-40: 40px;
   --section-bp-30: 30px;
   --gap-60: 60px;
   --gap-50: 50px;
   --gap-40: 40px;
   --gap-35: 35px;
   --gap-30: 30px;
   --gap-25: 25px;
   --gap-20: 20px;
   --gap-10: 10px;
   --swiper-navigation-size: 45px;
   --swiper-navigation-color: #1b3a35;
   --swiper-navigation-top-offset: 45%;
   --swiper-navigation-sides-offset: 55px;
}

@media (max-width: 1700px) {
   :root {
      --fs-80: 70px;
      --fs-70: 60px;
      --fs-60: 50px;
      --fs-50: 45px;
      --fs-40: 35px;
      --section-bp-120: 100px;
      --wrapper-inline-padding: 60px;
   }
}

@media (max-width: 640px) {
   :root {
      --wrapper-inline-padding: 20px;
      --fs-80: 50px;
      --fs-70: 45px;
      --fs-60: 35px;
      --fs-50: 35px;
      --fs-40: 30px;
      --section-bp-120: 60px;
      --section-bp-100: 60px;
      --section-bp-80: 60px;
      --section-bp-60: 50px;
      --section-bp-40: 30px;
      --section-bp-30: 20px;
      --rounded-corner: 10px;
   }
}

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

body {
   position: relative;
   min-height: 100svh;
   font-family: var(--ff-satoshi);
   font-weight: var(--fw-regular);
   background-color: var(--bg-body);
   color: var(--clr-dark);
   line-height: 1.5;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   scrollbar-gutter: stable;
}

@media (prefers-reduced-motion: no-preference) {
   body {
      scroll-behavior: smooth;
   }
}

a {
   text-decoration: none;
}

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

input,
button,
textarea,
select {
   font: inherit;
}

img {
   border: none;
   outline: 0;
   display: block;
}

img.fluid {
   max-width: 100%;
   height: auto;
}

img.rounded {
   border-radius: var(--rounded-corner);
}

.img--cover,
.vid--cover {
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center;
   user-select: none;
   position: absolute;
   left: 0;
}

@media (prefers-reduced-motion: no-preference) {
   .animate,
   .animate-loop {
      opacity: 0;
      transition: all 1s;
      will-change: transform;
   }

   .fade-in {
      opacity: 0;
      transition: opacity ease-in 200ms;
   }

   .animate-up {
      transform: translateY(100px);
   }

   .animate-down {
      transform: translateY(-100px);
   }

   .animate-up-lg {
      transform: translateY(150px);
   }

   .animate-delay-100 {
      transition-delay: 100ms;
   }

   .animate-delay-150 {
      transition-delay: 150ms;
   }

   .animate-delay-200 {
      transition-delay: 200ms;
   }

   .animate-delay-250 {
      transition-delay: 250ms;
   }

   .animate-delay-300 {
      transition-delay: 300ms;
   }
}

@media (prefers-reduced-motion: no-preference) and (max-width: 860px) {
   .animate-up {
      transform: translateY(40px);
   }

   .animate-up-lg {
      transform: translateY(80px);
   }

   .animate-delay-100 {
      transition-delay: 30ms;
   }

   .animate-delay-150 {
      transition-delay: 50ms;
   }

   .animate-delay-200 {
      transition-delay: 80ms;
   }

   .animate-delay-250 {
      transition-delay: 100ms;
   }

   .animate-delay-300 {
      transition-delay: 120ms;
   }
}
.animated,
.animate-looped {
   opacity: 1;
   transform: translate(0);
}

.fade-in.animated {
   opacity: 1;
}
.wrapper {
   position: relative;
   width: 100%;
   margin-inline: auto;
   padding-inline: var(--wrapper-inline-padding);
   max-width: calc(
      var(--wrapper-max-size) + calc(var(--wrapper-inline-padding) * 2)
   );
}

.wrapper--overflow {
   padding-inline: 0;
}

@media (max-width: 860px) {
   .wrapper--overflow--mob {
      padding-inline: 0;
      overflow-x: auto;
   }
}

.d__flex {
   display: flex;
}

.flex--center {
   justify-content: center;
   align-items: center;
}

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

.flex--justify--center {
   justify-content: center;
}

.flex--align--center {
   align-items: center;
}

.flex--align--end {
   align-items: end;
}

.flex--end {
   justify-content: end;
}

.flex--between {
   justify-content: space-between;
}

.flex--wrap {
   flex-wrap: wrap;
}

.d__grid {
   display: grid;
}

.grid--center {
   place-items: center;
   place-content: center;
}

.grid--start {
   justify-items: start;
}

.grid--align-start {
   align-content: start;
}

.grid--content--gap {
   row-gap: 20px;
}

.w--100 {
   width: 100%;
}

.h--100 {
   height: 100%;
}

.lang,
.lang__nav {
   font-family:
      system-ui,
      -apple-system,
      BlinkMacSystemFont,
      "Segoe UI",
      Roboto,
      Oxygen,
      Ubuntu,
      Cantarell,
      "Open Sans",
      "Helvetica Neue",
      sans-serif;
}

/* --------------- Header --------------- */

header {
   --header-logo-inline-max-size: 160px;
   --header-block-padding: 40px;
   --header-end-gap: 10px;
   --header-bg: transparent;
   --header-clr: white;
   --header-aside-hover: rgba(255, 255, 255, 0.2);
   position: absolute;
   z-index: 55;
   top: 0;
   left: 0;
   width: 100%;
   padding-block: var(--header-block-padding);
   background-color: var(--header-bg);
   transition: all ease-in-out 300ms;
}

header .header__logo {
   max-width: var(--header-logo-inline-max-size);
}

.site__header__end {
   gap: var(--header-end-gap);
   color: var(--header-clr);
}

.site__header__end a {
   transition: all ease-in-out 200ms;
}

.site__header__end .ipo {
   font-weight: var(--fw-bold);
   font-family: var(--ff-satoshi);
   background-color: var(--clr-red);
   padding: 8px 15px;
   border-radius: 20px;
   color: white;
}

.site__header__end .site__search {
   width: 44px;
   height: 44px;
   color: var(--header-clr);
   border-radius: 50%;
}

.site__header__end .lang {
   font-size: 0.9375rem;
   color: var(--header-clr);
   padding: 10px;
   border-radius: 20px;
   font-weight: 600;
}

.site__header__end .site__search.search--active {
   background-color: var(--header-aside-hover);
}

@media (hover: hover) {
   .site__header__end .site__search {
      border-radius: 50%;
   }

   .site__header__end .lang {
      border-radius: 20px;
   }

   .site__header__end .site__search:hover,
   .site__header__end .lang:hover {
      background-color: var(--header-aside-hover);
   }

   .site__header__end .ipo:hover {
      background-color: white;
      color: var(--clr-dark);
   }

   .dark--header .site__header__end .ipo:hover {
      background-color: var(--clr-dark);
      color: white;
   }
}

@media (max-width: 1400px) {
   header {
      --header-logo-inline-max-size: 140px;
      --header-block-padding: 30px;
   }
}

@media (min-width: 1200px) and (max-width: 1400px) {
   header {
      --wrapper-inline-padding: 30px;
   }
}

@media (max-width: 640px) {
   header {
      --header-logo-inline-max-size: 120px;
      --header-block-padding: 20px;
   }

   .site__header .wrapper {
      padding-inline-end: 10px;
   }

   .site__header__end .lang {
      display: none;
   }

   .site__header__end .ipo {
      font-size: 13px;
   }

   header.sticky {
      --header-block-padding: 15px;
   }
}

/* --------------- Navigation --------------- */

.site__nav__toggle,
.nav__item.lang__nav {
   display: none;
}

.site__nav__toggle {
   --nav-icon-width: 32px;
   --nav-icon-height: 2px;
   --nav-toggle-gap: 4px;
   color: white;
}

.dark--header .site__nav__toggle {
   color: var(--clr-dark);
}

.dark--header header.sticky .site__nav__toggle {
   color: white;
}

.site__nav__toggle i {
   gap: var(--nav-toggle-gap);
}

.site__nav__toggle i span {
   background-color: currentColor;
   height: var(--nav-icon-height);
   width: var(--nav-icon-width);
   transform-origin: right;
   transition: all ease-in-out 200ms;
}

.site__nav__toggle.nav--active i span:nth-child(2) {
   opacity: 0;
}

.site__nav__toggle.nav--active i span:nth-child(1) {
   transform: rotate(-45deg) translateX(var(--nav-icon-height));
}

.site__nav__toggle.nav--active i span:nth-child(3) {
   transform: rotate(45deg) translateX(var(--nav-icon-height));
}

nav {
   --primary-nav-main-color: white;
   --primary-nav-main-font-size: 1rem;
   --primary-nav-item-gap: 0px;
   --primary-nav-item-block-padding: 12px;
   --primary-nav-item-inline-padding: 22px;
   --menu-arrow-size: 6px;
   --submenu-minwidth: 740px;
   --submenu-block-padding: 20px;
   --submenu-inline-padding: 30px;
   --submenu-font-size: 17px;
   --submenu-item-block-padding: 8px;
   --submenu-lg-block-padding: 50px;
   --submenu-thumb-img-width: 350px;
   --submenu-thumb-img-height: 240px;
}

@media (min-width: 1200px) {
   .dark--header nav {
      --primary-nav-main-color: var(--clr-dark);
   }

   .dark--header header.sticky nav {
      --primary-nav-main-color: white;
   }
}

.primary__nav {
   align-items: center;
   gap: var(--primary-nav-item-gap);
}

.primary__nav .nav__item {
   position: relative;
}

.primary__nav .nav__item__main {
   display: flex;
   align-items: center;
   position: relative;
   font-family: var(--ff-satoshi);
   font-weight: var(--fw-bold);
   font-size: var(--primary-nav-main-font-size);
   color: var(--primary-nav-main-color);
   padding-inline: var(--primary-nav-item-inline-padding);
   padding-block: var(--primary-nav-item-block-padding);
   border-radius: 30px;
   transition: all ease-in-out 200ms;
}

.primary__nav .nav__item__main:hover {
   background-color: rgba(255, 255, 255, 0.2);
   backdrop-filter: blur(8px);
   -webkit-backdrop-filter: blur(8px);
   --primary-nav-main-color: white;
}

.primary__nav .nav__item.active .nav__item__main {
   background-color: rgba(255, 255, 255, 0.3);
   backdrop-filter: blur(8px);
   -webkit-backdrop-filter: blur(8px);
   --primary-nav-main-color: white;
}

.primary__nav .has--sub__menu .nav__item__main::after {
   display: none;
   position: absolute;
   right: 12px;
   content: "";
   width: var(--menu-arrow-size);
   height: var(--menu-arrow-size);
   aspect-ratio: 1;
   transform: rotate(135deg);
   transition: all ease-in-out 200ms;
   border-top: 1px solid var(--primary-nav-main-color);
   border-right: 1px solid var(--primary-nav-main-color);
}

.primary__nav .has--sub__menu.drop--open .nav__item__main::after {
   transform: rotate(45deg);
}

.primary__nav .sub__menu {
   position: absolute;
   left: 50%;
   transform: translateX(calc(calc(var(--submenu-minwidth) / 2) * -1));
   top: 100%;
   font-family: var(--ff-satoshi);
   font-weight: var(--fw-medium);
   background-color: white;
   min-width: var(--submenu-minwidth);
   padding-block: var(--submenu-block-padding)
      calc(var(--submenu-block-padding) + 10px);
   padding-inline: var(--submenu-inline-padding);
   border-radius: 10px;
   box-shadow: 0px 24px 34px 10px rgba(83, 72, 48, 0.2);
}

.primary__nav .sub__menu::before {
   content: "";
   position: absolute;
   top: -6px;
   left: 50%;
   width: 16px;
   height: 16px;
   background-color: white;
   border-radius: 3px;
   transform: translateX(-50%) rotate(45deg);
}

.primary__nav .sub__menu .sub__menu__content {
   display: grid;
   grid-template-columns: var(--submenu-thumb-img-width) 1fr;
   column-gap: 25px;
   row-gap: 15px;
}

.primary__nav .sub__menu .sub__menu__content .nav__title {
   grid-column: span 2;
   font-size: clamp(1rem, 3vw, 1.375rem);
}

.primary__nav .sub__menu .menu__list {
   align-content: start;
   justify-items: start;
   gap: 5px;
}

.primary__nav .sub__menu .menu__list li.submenu {
   padding-inline-start: 20px;
}

.primary__nav .sub__menu .menu__list a {
   position: relative;
   display: inline-block;
   padding-block: var(--submenu-item-block-padding);
   padding-inline: 20px;
   font-size: var(--submenu-font-size);
   font-weight: var(--fw-medium);
   color: #444;
   border-radius: 30px;
   transition: all ease-in-out 200ms;
}

.primary__nav .sub__menu .menu__list a:hover,
.primary__nav .sub__menu .menu__list li.active a {
   color: white;
   background-color: var(--clr-primary);
}

.primary__nav .sub__menu .nav__thumb {
   width: 100%;
   height: var(--submenu-thumb-img-height);
   object-fit: cover;
   border-radius: 6px;
}

.primary__nav .sub__menu {
   opacity: 0;
   pointer-events: none;
   transition: all ease-in-out 300ms;
}

.primary__nav .has--sub__menu.drop--open .sub__menu {
   opacity: 1;
   pointer-events: all;
}

/* 3rd level menu */

.menu__list li ul {
   margin-inline-start: 20px;
}

.menu__list li ul li {
   position: relative;
}

/*.menu__list li ul li::before,
.menu__list li ul li::after {
    position: absolute;
    left: -18px;
    top: 50%;
    width: 15px;
    height: 1px;
    background-color: var(--clr-dark);
    content: "";
}

.menu__list li ul li::after {
    transform: rotate(90deg);
    left: -25px;
    top: 12px;
}
*/

@media (hover: hover) {
   .primary__nav .sub__menu {
      --fade-up: 10px;
      transform: translateX(calc(calc(var(--submenu-minwidth) / 2) * -1))
         translateY(var(--fade-up));
   }

   .primary__nav .has--sub__menu:hover .sub__menu {
      --fade-up: 0px;
      opacity: 1;
      pointer-events: all;
   }
}

.menu-lg {
   --submenu-minwidth: 880px;
}

@media (min-width: 1200px) {
   .menu-lg .menu__list {
      grid-template-columns: repeat(2, 1fr);
   }
}

@media (max-width: 1600px) {
   nav {
      --submenu-minwidth: 660px;
      --submenu-thumb-img-width: 300px;
      --primary-nav-item-gap: 0px;
      --primary-nav-main-font-size: 15px;
      --submenu-font-size: 15px;
      --primary-nav-item-inline-padding: 15px;
   }

   .menu-lg {
      --submenu-minwidth: 780px;
   }
}

@media (max-width: 1400px) {
   nav {
      --submenu-minwidth: 620px;
      --submenu-thumb-img-width: 250px;
      --submenu-thumb-img-height: 180px;
      --submenu-block-padding: 15px;
      --submenu-inline-padding: 30px;
   }

   .menu-lg {
      --submenu-minwidth: 740px;
   }
}

@media (max-width: 1200px) {
   .site__nav__toggle {
      display: grid;
      width: 46px;
      height: 46px;
      padding: 10px 7px;
   }

   .menu-lg {
      --submenu-minwidth: 100%;
   }

   nav {
      --nav-sidebar-width: 350px;
      --submenu-minwidth: 100%;
      --nav-block-start-padding: 20px;
      --nav-inline-padding: 40px;
      --primary-nav-main-font-size: 16px;
      --primary-nav-item-inline-padding: 20px;
      --menu-arrow-size: 8px;
      --submenu-inline-padding: 0px;
      --submenu-block-padding: 10px;
      --submenu-item-block-padding: 10px;
      --primary-nav-item-gap: 5px;
      position: fixed;
      height: 100dvh;
      z-index: 56;
      left: 0;
      top: 0;
      bottom: 0;
      width: var(--nav-sidebar-width);
      background-color: var(--clr-dark);
      overflow-y: auto;
      padding-block: var(--nav-block-start-padding) 50px;
      padding-inline: var(--nav-inline-padding);
      -ms-scroll-chaining: none;
      overscroll-behavior: contain;
      transform: translateX(calc(var(--nav-sidebar-width) * -1));
      transition: all ease-in-out 200ms;
   }

   .nav__open nav {
      transform: translateX(0);
   }

   .nav__open header.header__up {
      top: 0;
   }

   .primary__nav {
      flex-direction: column;
      align-items: stretch;
      padding-block-end: 60px;
   }

   .primary__nav .sub__menu {
      position: relative;
      top: auto;
      background-color: var(--clr-dark);
      box-shadow: none;
      width: 100%;
   }

   .primary__nav .nav__item__main {
      width: 100%;
      justify-content: space-between;
      padding-block: 1rem;
   }

   .primary__nav .has--sub__menu .nav__item__main::after {
      display: block;
   }

   .primary__nav .sub__menu {
      opacity: 1;
      pointer-events: all;
      display: none;
   }

   .primary__nav .nav__item.has--sub__menu.drop--open .sub__menu {
      display: block;
   }

   .primary__nav .sub__menu .sub__menu__content {
      grid-template-columns: auto;
      gap: 0;
      padding-inline: 10px;
   }

   .primary__nav .sub__menu .nav__thumb,
   .primary__nav .sub__menu::before,
   .primary__nav .sub__menu .sub__menu__content .nav__title {
      display: none;
   }

   .primary__nav .sub__menu .menu__list a {
      color: #b5d19b;
   }

   .primary__nav .has--sub__menu .nav__item__main::after {
      right: 20px;
   }
}

@media (max-width: 640px) {
   nav {
      --nav-sidebar-width: calc(100% - 60px);
      --nav-inline-padding: 20px;
      --primary-nav-main-font-size: 16px;
      transform: translateX(calc(calc(var(--nav-sidebar-width) + 60px) * -1));
   }

   .nav__item.lang__nav {
      display: flex;
   }
}

/* --------------- Search --------------- */

.site__search__wrapper {
   --search-block-padding: 60px;
   --search-form-block-padding: 20px;
   --search-form-inline-padding: 30px;
   --search-rounded-corner: 20px;
   --search-bg-gradient-angle: 180deg;
   position: fixed;
   bottom: 0;
   left: 0;
   width: 100%;
   z-index: 55;
   padding-block: var(--search-block-padding);
   transition: all ease-in-out 300ms;
   display: grid;
   align-items: end;
   background: linear-gradient(
      var(--search-bg-gradient-angle),
      rgba(9, 9, 9, 0) 0%,
      rgba(9, 9, 9, 0.8) 100%
   );
   -webkit-backdrop-filter: blur(6px);
   backdrop-filter: blur(6px);
   pointer-events: none;
   opacity: 0;
}

.dark--header .site__search__wrapper {
   background: linear-gradient(
      var(--search-bg-gradient-angle),
      rgba(245, 243, 237, 0) 0%,
      rgba(245, 243, 237, 0.8) 100%
   );
}

.search--open .site__search__wrapper {
   opacity: 1;
   pointer-events: all;
}

.search__form {
   background-color: white;
   padding: var(--search-form-block-padding) var(--search-form-inline-padding);
   border-radius: var(--search-rounded-corner);
   transition: all ease-in-out 400ms;
   transform: translateY(200px);
}

.search--open .search__form {
   transform: translateY(0px);
   transition-delay: 100ms;
}

.search__form form {
   grid-template-columns: auto 1fr auto;
   align-items: center;
   gap: 20px;
}

.search__form form input[type="search"] {
   font-size: clamp(16px, 3vw, 18px);
   font-weight: var(--fw-medium);
   border: 0;
   padding-block: 1rem;
   background-color: transparent;
}

.search__form input[type="search"]:focus {
   outline: 0;
}

.search__form button,
.form__wrapper button {
   background-color: var(--clr-dark);
   color: white;
   font-size: 1rem;
   font-weight: var(--fw-bold);
   font-family: var(--ff-satoshi);
   padding: 12px 20px;
   border-radius: 30px;
   cursor: pointer;
   border: 0;
   box-shadow: none;
   transition: all ease-in-out 200ms;
}

.search__form button:hover,
.search__form button:focus-within,
.form__wrapper button:hover,
.form__wrapper button:focus-within {
   background-color: var(--clr-primary);
   color: white;
}

@media (max-width: 1200px) {
   .site__search__wrapper {
      --search-bg-gradient-angle: 360deg;
      --search-form-block-padding: 15px;
      bottom: auto;
      top: 0;
   }

   .search__form {
      transform: translateY(-200px);
   }
}

@media (max-width: 640px) {
   .site__search__wrapper {
      --search-form-block-padding: 12px;
      --search-form-inline-padding: 20px;
      --search-rounded-corner: 10px;
      --search-block-padding: 30px;
   }

   .site__search__wrapper .wrapper {
      --wrapper-inline-padding: 10px;
   }

   .search__form form {
      grid-template-columns: 30px 1fr;
      gap: 10px;
   }

   .search__form button {
      grid-column: span 2;
   }
}

/* --------------- IR General--------------- */

.section--block {
   position: relative;
   padding-block: var(--section-bp-120) var(--section-bp-120);
}

.section--block__has--title {
   position: relative;
   padding-block: var(--section-bp-80) var(--section-bp-120);
}

.section--block.pt-0 {
   padding-top: 0 !important;
}

.section--block.pb-0 {
   padding-bottom: 0 !important;
}

.clr--green {
   color: var(--clr-primary);
}

.clr--red {
   color: var(--clr-red);
}

.clr--white {
   color: white;
}

.bg--light {
   background-color: var(--bg-light-green);
}

.section__title {
   font-family: var(--ff-clash);
   font-weight: var(--fw-regular);
   line-height: 1.2;
   text-wrap: balance;
}

.title--80 {
   font-size: var(--fs-80);
}

.title--70 {
   font-size: var(--fs-70);
}

.title--60 {
   font-size: var(--fs-60);
}

.title--50 {
   font-size: var(--fs-50);
}

.title--40 {
   font-size: var(--fs-40);
}

.title--30 {
   font-size: var(--fs-30);
}

.gap--40 {
   gap: var(--gap-40);
}

.gap--35 {
   gap: var(--gap-35);
}

.gap--30 {
   gap: var(--gap-30);
}

.gap--25 {
   gap: var(--gap-25);
}

.gap--20 {
   gap: var(--gap-20);
}

.gap--10 {
   gap: var(--gap-10);
}

.btn {
   --btn-f-size: 16px;
   --btn-icon-size: 16px;
   --btn-block-padding: 16px;
   --btn-inline-padding: 30px;
   --btn-gap: 10px;
   position: relative;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: var(--btn-gap);
   padding-block: var(--btn-block-padding);
   padding-inline: var(--btn-inline-padding);
   text-transform: uppercase;
   border-radius: 40px;
   color: white;
   font-family: var(--ff-clash);
   font-size: var(--btn-f-size);
   font-weight: var(--fw-medium);
   background-color: var(--clr-primary);
   -webkit-transition: all ease-in-out 250ms;
   -o-transition: all ease-in-out 250ms;
   transition: all ease-in-out 250ms;
}

.btn--alt,
.btn:hover {
   background-color: var(--clr-dark);
   color: white;
}

.btn--alt:hover {
   background-color: var(--clr-primary);
}

.btn svg {
   width: var(--btn-icon-size);
   height: var(--btn-icon-size);
}
.btn.btn--external {
   --btn-icon-size: 12px;
}

@media (hover: hover) {
   .btn:hover {
      --btn-gap: 15px;
   }
}

.download--btn {
   display: flex;
   justify-content: center;
   align-items: center;
   width: 48px;
   height: 48px;
   border-radius: 50%;
   color: var(--clr-dark);
   border: 1px solid rgba(27, 58, 53, 0.5);
   transition: all ease-in-out 200ms;
}

.download--btn svg {
   width: 20px;
   height: 20px;
}

.download--btn:hover,
.download--btn:focus {
   background-color: var(--clr-primary);
   border-color: var(--clr-primary);
   color: white;
}

@media (max-width: 640px) {
   .btn {
      --btn-f-size: 15px;
      --btn-icon-size: 16px;
      --btn-block-padding: 14px;
      --btn-inline-padding: 25px;
   }

   .download--btn {
      width: 42px;
      height: 42px;
   }

   .download--btn svg {
      width: 15px;
      height: 15px;
   }
}

/* --------------- Banners --------------- */

.page__banner {
   --banner-title-size: 80px;
   --page-banner-title-size: 70px;
   --banner-text-size: 25px;
   --banner-title-max-size: 800px;
   --pb-home-height: 700px;
   --pb-page-height: 500px;
   position: relative;
   display: grid;
   overflow: hidden;
   color: white;
}

.page__banner.ir--hp--banner {
   height: var(--pb-home-height);
}

.page__banner.ir--page--banner {
   height: var(--pb-page-height);
}

.page__banner picture,
.page__banner .banner__content {
   grid-area: 1/1;
}

.page__banner .banner__content {
   position: relative;
   z-index: 2;
   background-color: rgba(0, 0, 0, 0.3);
}

.page__banner.ir--hp--banner .banner__content {
   padding-block-start: 100px;
}

.page__banner::before,
.page__banner .banner__content::before {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   content: "";
}

.page__banner::before {
   z-index: 1;
   background: linear-gradient(
      180deg,
      rgba(0, 0, 0, 0.4) 0%,
      rgba(0, 0, 0, 0) 30%
   );
}

.page__banner .banner__content::before {
   background: linear-gradient(
      90deg,
      rgba(0, 0, 0, 0.4) 0%,
      rgba(0, 0, 0, 0) 50%
   );
}

.page__banner.ir--hp--banner .banner__content::before {
   background: linear-gradient(
      90deg,
      rgba(0, 0, 0, 0.7) 0%,
      rgba(0, 0, 0, 0.1) 60%
   );
}

.page__banner .banner__content .wrapper {
   display: flex;
   justify-content: space-between;
   align-items: center;
   height: 100%;
}

.page__banner.ir--page--banner .banner__content .wrapper {
   align-items: end;
   padding-block-end: clamp(30px, 3vw, 60px);
}

.page__banner .banner__content .content {
   display: grid;
   gap: var(--gap-20);
}

.page__banner .banner__content h1 {
   font-family: var(--ff-clash);
   font-size: var(--banner-title-size);
   max-width: var(--banner-title-max-size);
   font-weight: var(--fw-regular);
   line-height: 1.1;
}

.page__banner.ir--page--banner .banner__content h1 {
   font-size: var(--page-banner-title-size);
}

.page__banner .banner__content p {
   font-size: var(--banner-text-size);
   font-weight: var(--fw-medium);
}

.page__banner.ir--page--banner .banner__content h1,
.breadcrumb .wrapper {
   transform: none !important;
}

@media (max-width: 2000px) {
   .page__banner {
      --pb-home-height: 650px;
      --pb-page-height: 400px;
   }
}

@media (max-width: 1800px) {
   .page__banner {
      --pb-home-height: 600px;
      --banner-title-size: 70px;
      --page-banner-title-size: 60px;
   }
}

@media (max-width: 1600px) {
   .page__banner {
      --pb-home-height: 520px;
      --pb-banner-title-size: 60px;
      --banner-text-size: 22px;
      --banner-title-size: 60px;
      --page-banner-title-size: 50px;
   }
}

@media (max-width: 1400px) {
   .page__banner {
      --pb-banner-title-size: 55px;
      --pb-page-height: 320px;
   }
}

@media (max-width: 640px) {
   .page__banner {
      --pb-home-height: 680px;
      --banner-title-size: 45px;
      --pb-banner-title-size: 45px;
      --banner-text-size: 18px;
      --page-banner-title-size: 40px;
      --pb-page-height: 270px;
   }

   .page__banner.ir--hp--banner {
      height: auto;
      min-height: var(--pb-home-height);
   }

   .page__banner .banner__content .wrapper {
      flex-direction: column;
      align-items: start;
      gap: var(--gap-20);
      /* padding-block-end: var(--gap-40); */
   }

   .page__banner .banner__content .content {
      gap: var(--gap-10);
   }

   .page__banner.ir--page--banner .banner__content .wrapper {
      justify-content: end;
      align-items: start;
   }

   .page__banner.ir--hp--banner .banner__content::before {
      background: linear-gradient(
         0deg,
         rgba(0, 0, 0, 0.4) 0%,
         rgba(0, 0, 0, 0.7) 60%
      );
   }

   .page__banner .banner__content p {
      text-wrap: balance;
   }
}

/* --------------- IR Menu--------------- */

.ir__nav__toggle {
   display: none;
}

.ir__nav {
   --ir-nav-f-size: 18px;
   --ir-nav-block-size: 70px;
   background-color: var(--clr-dark);
   position: sticky;
   top: 0;
   z-index: 44;
}

.ir__nav .ir__nav__list {
   display: flex;
   justify-content: space-between;
}

.ir__nav .ir__nav__list .ir__nav__item {
   position: relative;
}

.ir__nav .ir__nav__list a {
   display: flex;
   align-items: center;
   color: white;
   font-size: var(--ir-nav-f-size);
   font-weight: var(--fw-bold);
   height: var(--ir-nav-block-size);
   transition: all ease-in-out 200ms;
}

.ir__nav .ir__nav__list a:hover {
   color: var(--clr-primary-light);
}

.ir__nav .ir__nav__list .ir__nav__item.active a {
   color: var(--clr-primary-light);
}

.ir__nav .ir__nav__list .ir__nav__item::after {
   position: absolute;
   content: "";
   bottom: 0;
   left: 0;
   width: 0;
   height: 6px;
   background-color: var(--clr-primary);
}

.ir__nav .ir__nav__list .ir__nav__item.active::after {
   width: 100%;
}

@media (max-width: 1800px) {
   .ir__nav {
      --ir-nav-f-size: 16px;
   }
}

@media (max-width: 1400px) {
   .ir__nav {
      --ir-nav-f-size: 15px;
   }
}

@media (max-width: 1200px) {
   .ir__nav {
      --ir-nav-f-size: 18px;
   }

   .ir__nav .ir__nav--wrapper {
      position: relative;
      z-index: 2;
      height: var(--ir-nav-block-size);
      overflow: hidden;
   }

   .ir__nav .ir__nav--wrapper::after {
      position: absolute;
      content: "";
      right: var(--wrapper-inline-padding);
      top: 24px;
      width: 15px;
      height: 15px;
      border-top: 2px solid white;
      border-right: 2px solid white;
      transform: rotate(135deg);
      transition: transform ease-in-out 200ms;
   }

   .ir__nav .ir__nav--wrapper.dropdown {
      overflow: inherit;
   }

   .ir__nav .ir__nav--wrapper.dropdown::after {
      transform: rotate(45deg);
   }

   .ir__nav__list {
      width: 100%;
      left: 0;
      right: 0;
      position: absolute;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      overflow: hidden;
      background-color: var(--clr-dark);
      padding-inline: var(--wrapper-inline-padding);
      padding-block-end: 20px;
   }

   .ir__nav__toggle {
      display: block;
      position: absolute;
      z-index: 3;
      top: 0;
      left: 0;
      width: 100%;
      height: var(--ir-nav-block-size);
   }

   .ir__nav__item.active {
      -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
      order: -1;
      pointer-events: none;
   }
}

@media (max-width: 640px) {
   .ir__nav {
      --ir-nav-f-size: 16px;
   }

   .ir__nav .ir__nav__item:not(.active) {
      --ir-nav-block-size: 55px;
   }

   .ir__nav .ir__nav__list .ir__nav__item::after {
      height: 2px;
   }
}

/* --------------- Swiper // Swiper 11.1.4 --------------- */

:host {
   position: relative;
   display: block;
   margin-left: auto;
   margin-right: auto;
   z-index: 1;
}

.swiper {
   margin-left: auto;
   margin-right: auto;
   position: relative;
   overflow: hidden;
   list-style: none;
   padding: 0;
   /* Fix of Webkit flickering */
   z-index: 1;
   display: block;
}

.swiper-wrapper {
   position: relative;
   width: 100%;
   height: 100%;
   z-index: 1;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-transition-property: -webkit-transform;
   transition-property: -webkit-transform;
   -o-transition-property: transform;
   transition-property: transform;
   transition-property:
      transform,
      -webkit-transform;
   -webkit-transition-timing-function: var(
      --swiper-wrapper-transition-timing-function,
      initial
   );
   -o-transition-timing-function: var(
      --swiper-wrapper-transition-timing-function,
      initial
   );
   transition-timing-function: var(
      --swiper-wrapper-transition-timing-function,
      initial
   );
   -webkit-box-sizing: content-box;
   box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
   -webkit-transform: translate3d(0px, 0, 0);
   transform: translate3d(0px, 0, 0);
}

.swiper-horizontal {
   -ms-touch-action: pan-y;
   touch-action: pan-y;
}

.swiper-vertical {
   -ms-touch-action: pan-x;
   touch-action: pan-x;
}

.swiper-slide {
   -ms-flex-negative: 0;
   flex-shrink: 0;
   width: 100%;
   height: 100%;
   position: relative;
   -webkit-transition-property: -webkit-transform;
   transition-property: -webkit-transform;
   -o-transition-property: transform;
   transition-property: transform;
   transition-property:
      transform,
      -webkit-transform;
   display: block;
}

.swiper-slide-invisible-blank {
   visibility: hidden;
}

.swiper-slide * {
   outline: 0;
}

.swiper-button-prev,
.swiper-button-next {
   position: absolute;
   top: var(--swiper-navigation-top-offset, 50%);
   margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
   width: var(--swiper-navigation-size);
   height: var(--swiper-navigation-size);
   z-index: 10;
   cursor: pointer;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   color: var(--swiper-navigation-color);
   border: 1px solid currentColor;
   border-radius: 50%;
   opacity: 0.4;
   -webkit-transition: all ease-in-out 200ms;
   -o-transition: all ease-in-out 200ms;
   transition: all ease-in-out 200ms;
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
   opacity: 0;
   cursor: auto;
   pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
   display: none !important;
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
   opacity: 1;
}

.swiper-button-prev svg,
.swiper-button-next svg {
   width: 18px;
   height: 13px;
   -webkit-transform-origin: center;
   -ms-transform-origin: center;
   transform-origin: center;
}

.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
   -webkit-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
   transform: rotate(180deg);
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
   left: calc(var(--swiper-navigation-sides-offset) * -1);
   right: auto;
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
   right: calc(var(--swiper-navigation-sides-offset) * -1);
   left: auto;
}

.swiper-button-lock,
.swiper-pagination-lock {
   display: none;
}

@media (hover: hover) {
   .swiper-button-prev:hover,
   .swiper-button-next:hover {
      -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
      transform: scale(1.1);
      background-color: var(--clr-primary);
      color: white;
      border-color: var(--clr-primary);
   }
}

.swiper-pagination {
   --swiper-pagination-bullet-size: 8px;
   --swiper-pagination-bullet-ring-size: 26px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   gap: 5px;
   -webkit-margin-before: 20px;
   margin-block-start: 20px;
   text-align: center;
   -webkit-transition: 300ms opacity;
   -o-transition: 300ms opacity;
   transition: 300ms opacity;
   -webkit-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
}

.swiper-pagination.swiper-pagination-hidden {
   opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
   display: none !important;
}

.swiper-pagination-bullet {
   position: relative;
   width: var(--swiper-pagination-bullet-ring-size);
   height: var(--swiper-pagination-bullet-ring-size);
   display: -ms-grid;
   display: grid;
   justify-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   border-radius: 50%;
   opacity: 1;
   background-color: transparent;
}

.swiper-pagination-bullet::after,
.swiper-pagination-bullet::before {
   grid-area: 1/1;
   border-radius: 50%;
   content: "";
}

.swiper-pagination-bullet::before {
   width: var(--swiper-pagination-bullet-ring-size);
   height: var(--swiper-pagination-bullet-ring-size);
   border: 1px solid white;
   opacity: 0;
   -webkit-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all ease-in-out 250ms;
   -o-transition: all ease-in-out 250ms;
   transition: all ease-in-out 250ms;
}

.swiper-pagination-bullet::after {
   width: var(--swiper-pagination-bullet-size);
   height: var(--swiper-pagination-bullet-size);
   background-color: white;
}

.pagination--dark .swiper-pagination-bullet::before {
   border-color: var(--clr-dark);
}

.pagination--dark .swiper-pagination-bullet::after {
   background-color: var(--clr-dark);
}

button.swiper-pagination-bullet {
   border: none;
   margin: 0;
   padding: 0;
   -webkit-box-shadow: none;
   box-shadow: none;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
   cursor: pointer;
}

.swiper-pagination-bullet:only-child {
   display: none !important;
}

.swiper-pagination-bullet-active {
   opacity: 1;
}

.swiper-pagination-bullet-active::before {
   opacity: 1;
   -webkit-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
}

@media (max-width: 860px) {
   .swiper-pagination {
      --swiper-pagination-bullet-size: 5px;
      --swiper-pagination-bullet-ring-size: 16px;
   }
}

/* a11y */
.swiper .swiper-notification {
   position: absolute;
   left: 0;
   top: 0;
   pointer-events: none;
   opacity: 0;
   z-index: -1000;
}

.swiper__overflow {
   overflow-x: hidden;
}

.swiper__overflow::-webkit-scrollbar {
   display: none;
}

.swiper__overflow .wrapper,
.swiper__overflow .swiper-container {
   overflow: visible;
}

@media (max-width: 860px) {
   .swiper-button-prev,
   .swiper-button-next {
      display: none;
   }
}

/* --------------- Euroland Tools // Scrolling Ticker / Iframes --------------- */

.scrolling__ticker {
   padding-block-start: 16px;
   background-color: hsl(0deg 0% 0% / 6%);
   border-bottom: 1px solid rgba(138, 139, 139, 0.2);
   max-height: 60px;
}

.scrolling__ticker iframe {
   height: 35px !important;
}

.page__banner .iframe__wrapper {
   width: 337px;
   flex-shrink: 0;
}

/* --------------- breadcrumb--------------- */

.breadcrumb {
   padding-block-start: var(--gap-30);
}

.breadcrumb ul {
   row-gap: 5px;
   flex-wrap: wrap;
}

.breadcrumb li {
   position: relative;
   display: flex;
   align-items: center;
   flex-shrink: 0;
}

.breadcrumb li:not(:last-child)::after {
   content: "";
   display: block;
   margin-inline: 10px;
   width: 14px;
   height: 12px;
   opacity: 0.5;
   background-size: contain;
   background-repeat: no-repeat;
   background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOC45NTY3NSAwLjY5Nzk5OEwxMiA0LjY5OEw4Ljk1Njc1IDguNjk4TDguMTM2MTMgOC4wNzg5NkwxMC4zMTg0IDUuMjEwNTdILTAuMDAwMjEzNjIzVjQuMTg1NDNIMTAuMzE4NEw4LjEzNjEzIDEuMzE3MDNMOC45NTY3NSAwLjY5Nzk5OFoiIGZpbGw9IiMxQjNBMzUiLz4KPC9zdmc+Cg==);
}

.breadcrumb a {
   font-size: 14px;
   color: var(--clr-dark);
   opacity: 0.5;
}

.breadcrumb a:hover {
   color: var(--clr-primary);
   opacity: 1;
   text-decoration: underline;
}

@media (max-width: 640px) {
   .breadcrumb {
      padding-block-start: var(--gap-20);
   }

   .breadcrumb a {
      font-size: 13px;
   }

   .breadcrumb li:not(:last-child)::after {
      margin-inline: 5px;
      width: 10px;
      height: 8px;
   }
}

/* --------------- IR intro--------------- */

.ir__intro .wrapper {
   gap: 100px;
}

.ir__intro.section--block {
   padding-block-start: var(--section-bp-80);
}

.ir__intro .intro__content .section__title {
   text-wrap: balance;
   line-height: 1.1;
   grid-column: span 2;
}

.ir__intro .intro__content {
   grid-template-columns: repeat(2, minmax(0, 1fr));
   column-gap: var(--gap-60);
   row-gap: var(--gap-50);
}

.ir__intro .intro__content p {
   font-size: var(--fs-22);
}

.ir__intro .intro__content .content {
   align-content: center;
}

.facts__wrap {
   gap: var(--gap-50);
}

.lulu__facts {
   --count: 3;
   --counter-min-width: 220px;
   --fact-icon-max-block-size: 60px;
   --fact-type-f-size: 16px;
   grid-template-columns: repeat(var(--count), minmax(0, 1fr));
   gap: var(--content-gap);
   row-gap: var(--gap-50);
   column-gap: var(--gap-30);
}

.lulu__facts .fact__icon {
   width: auto;
   height: var(--fact-icon-max-block-size);
}

.lulu__facts li {
   gap: 1.25rem;
   align-items: flex-start;
   min-width: var(--counter-min-width);
}

.lulu__facts li .counter {
   align-items: baseline;
   flex-wrap: wrap;
   gap: 3px;
}

.lulu__facts li .fact__count,
.lulu__facts li .counter span {
   font-size: var(--fs-50);
   line-height: 1;
   font-family: var(--ff-clash);
   font-feature-settings: "tnum";
   font-variant-numeric: tabular-nums;
}

.lulu__facts li .fact--content {
   gap: 1rem;
}

.lulu__facts li small {
   font-family: var(--ff-satoshi);
   font-size: clamp(14px, 3vw, 18px);
   font-weight: var(--fw-medium);
}

.lulu__facts li .facts__type {
   font-size: var(--fact-type-f-size);
   font-family: var(--ff-satoshi);
   font-weight: var(--fw-bold);
   color: var(--clr-dark);
   opacity: 0.4;
   text-transform: uppercase;
}

.lulu__facts li:nth-child(1) {
   transition-delay: 50ms;
}

.lulu__facts li:nth-child(2) {
   transition-delay: 100ms;
}

.lulu__facts li:nth-child(3) {
   transition-delay: 140ms;
}

.lulu__facts li:nth-child(4) {
   transition-delay: 160ms;
}

.stats--note {
   font-size: clamp(13px, 2vw, 16px);
   opacity: 0.8;
}

@media (max-width: 1900px) {
   .lulu__facts li .counter span {
      --fs-50: 2.5rem;
   }

   .ir__intro .intro__content p {
      font-size: var(--fs-20);
   }
}

@media (max-width: 1400px) {
   .lulu__facts {
      --counter-min-width: 150px;
      --fact-icon-max-block-size: 50px;
      --fact-type-f-size: 13px;
      --section-block-padding: 70px;
      --title-gap: 40px;
   }

   .lulu__facts li .counter span {
      --fs-50: 2.1875rem;
   }

   .ir__intro .intro__content {
      column-gap: var(--gap-40);
   }

   .ir__intro .intro__content .content {
      gap: var(--gap-20);
   }

   .ir__intro .intro__content p {
      font-size: var(--fs-18);
   }
}

@media (max-width: 1200px) {
   .lulu__facts {
      --counter-min-width: 50%;
   }

   .lulu__facts {
      flex-wrap: wrap;
      column-gap: 0;
   }
}

@media (max-width: 860px) {
   .ir__intro .intro__content {
      grid-template-columns: auto;
   }

   .ir__intro .intro__content .section__title {
      grid-column: auto;
   }

   .ir__intro .wrapper {
      gap: var(--gap-60);
   }

   .lulu__facts {
      --count: 2;
   }
}

@media (max-width: 640px) {
   .lulu__facts {
      --fact-icon-max-block-size: 40px;
      --fact-type-f-size: 12px;
      --content-gap: 25px;
      --title-gap: 30px;
      --count: 1;
      row-gap: var(--gap-30);
   }

   .lulu__facts li {
      gap: 10px;
      flex-direction: column;
   }

   .lulu__facts li:first-child .counter {
      flex-direction: column;
   }

   .lulu__facts li .fact--content {
      gap: 6px;
   }

   .lulu__facts li .counter span {
      --fs-50: 1.875rem;
   }

   .ir__intro .intro__content .section__title {
      font-size: 38px;
   }

   .ir__intro .intro__content {
      row-gap: var(--gap-25);
   }

   .ir__intro.section--block {
      padding-block-start: var(--section-bp-60);
   }

   .ir__intro .intro__content p {
      font-size: var(--fs-16);
   }

   .ir__intro .intro__content .content {
      gap: var(--gap-20);
   }

   .facts__wrap {
      gap: var(--gap-30);
   }
}

/* --------------- Announcements--------------- */

.latest__announcements {
   background-color: var(--bg-light-green);
   grid-template-columns: 42% 1fr;
   border-block: 1px solid rgba(68, 152, 85, 0.2);
}

.announcements__content {
   padding-block: var(--section-bp-100);
   padding-inline-end: var(--wrapper-inline-padding);
}

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

.announcements__content > .content {
   max-width: calc(var(--wrapper-max-size) / 2 + 18%);
   padding-inline-start: 70px;
}

.announcement__list li {
   width: 100%;
}

.announcement__list li:nth-child(1) {
   transition-delay: 50ms;
}

.announcement__list li:nth-child(2) {
   transition-delay: 100ms;
}

.announcement__list li:nth-child(3) {
   transition-delay: 150ms;
}

.announcement__list li:nth-child(4) {
   transition-delay: 200ms;
}

.announcement__list li:nth-child(5) {
   transition-delay: 250ms;
}

.announcement__list li figure {
   display: grid;
   grid-template-columns: 1fr auto;
   gap: 15px;
   align-items: center;
   border: 1px solid rgba(27, 58, 53, 0.2);
   border-radius: var(--rounded-corner);
   padding: 20px 30px;
}

.announcement__list li figure p {
   font-size: 26px;
   text-wrap: balance;
}

.announcement__list li figure .info {
   font-size: clamp(13px, 3vw, 16px);
   opacity: 0.5;
   text-transform: uppercase;
   font-weight: var(--fw-bold);
}

@media (hover: hover) {
   .announcement__list li figure {
      transition: all ease-in-out 200ms;
   }

   .announcement__list li:hover .download--btn {
      border-color: var(--clr-primary);
   }

   .announcement__list li:hover figure {
      background-color: white;
      border-color: var(--clr-primary);
   }
}

@media (max-width: 1900px) {
   .announcements__content {
      padding-block: var(--section-bp-80);
   }

   .announcement__list li figure p {
      font-size: var(--fs-24);
   }
}

@media (max-width: 1600px) {
   .announcements__content > .content {
      gap: var(--gap-25);
   }
}

@media (max-width: 860px) {
   .latest__announcements {
      grid-template-columns: auto;
      grid-template-rows: 500px auto;
   }
}

@media (max-width: 640px) {
   .latest__announcements {
      grid-template-rows: 250px auto;
   }

   .announcements__content {
      padding-block-start: var(--section-bp-60);
   }

   .announcements__content > .content {
      padding-inline-start: 20px;
   }

   .announcement__list li figure {
      gap: 10px;
      padding-block: 15px;
      padding-inline: 15px;
   }

   .announcement__list li figure p {
      font-size: var(--fs-18);
      font-weight: var(--fw-medium);
   }
}

/* --------------- IR Quick Links--------------- */

.quick__links {
   --card-count: 3;
   border-top: 1px solid var(--section-border-clr);
}

.quick__links li:nth-child(2) {
   transition-delay: 100ms;
}

.quick__links li:nth-child(3) {
   transition-delay: 200ms;
}

.quick__links__cards {
   grid-template-columns: repeat(var(--card-count), minmax(0, 1fr));
   gap: var(--gap-30);
}

.quick__links__cards figure {
   display: grid;
   position: relative;
   width: 100%;
   height: 100%;
   aspect-ratio: 600/700;
   border-radius: var(--rounded-corner);
   overflow: hidden;
}

.quick__links__cards figure picture,
.quick__links__cards figure figcaption {
   grid-area: 1/1;
}

.quick__links__cards figure figcaption {
   z-index: 2;
   display: flex;
   align-items: end;
   padding-inline: clamp(20px, 3vw, 40px);
   padding-block-end: clamp(25px, 3vw, 40px);
   background: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.8) 0%,
      rgba(0, 0, 0, 0.5) 30%,
      rgba(0, 0, 0, 0) 100%
   );
}

@media (hover: hover) {
   .quick__links__cards figure img,
   .quick__links__cards figure figcaption {
      transition: all linear 250ms;
   }

   .quick__links__cards a:hover img {
      transform: scale(1.1);
   }

   .quick__links__cards a:hover figure figcaption {
      padding-block-end: 70px;
   }
}

@media (max-width: 860px) {
   .quick__links {
      --card-count: 2;
   }
}

@media (max-width: 640px) {
   .quick__links {
      --card-count: 1;
   }

   .quick__links__cards figure {
      aspect-ratio: 600/500;
   }
}

/* --------------- IR Subscription Center--------------- */

.subscription__centre {
   border-top: 1px solid var(--section-border-clr);
}

/* --------------- Page Content--------------- */

.page {
   padding-block: var(--section-bp-40) var(--section-bp-120);
}

/* --------------- IR Contact--------------- */

.ir__contact {
   background-color: var(--clr-dark);
}

.ir__contact .wrapper {
   grid-template-columns: 2fr 1fr 1fr;
   align-content: start;
}

.ir__contact .content p {
   font-size: clamp(15px, 3vw, var(--fs-18));
   color: rgba(255, 255, 255, 0.5);
   text-wrap: balance;
}

.ir__contact address {
   display: -ms-grid;
   display: grid;
   gap: 25px;
   -ms-flex-line-pack: start;
   align-content: start;
   font-style: normal;
   min-width: 260px;
}

.ir__contact address h5 {
   font-size: clamp(18px, 3vw, 22px);
   font-weight: var(--fw-bold);
   color: white;
}

.ir__contact address ul {
   display: -ms-grid;
   display: grid;
   gap: 10px;
}

.ir__contact address li,
.ir__contact address li a {
   font-size: clamp(16px, 3vw, 18px);
   color: var(--clr-primary-light);
}

.ir__contact address ul a {
   text-decoration: underline;
}

.ir__contact address ul a:hover {
   color: white;
   text-decoration: none;
}

@media (max-width: 860px) {
   .ir__contact .wrapper {
      grid-template-columns: auto;
      gap: var(--gap-40);
   }
}

/* --------------- Accordion --------------- */

.accordion__container {
   --accord-item-block-padding: 20px;
   --accord-title-gap: 30px;
   --icon-size: 44px;
   --accord-f-size: 20px;
   --icon-plus-size: 24px;
}

.accordion__item {
   position: relative;
   border-bottom: 2px solid var(--clr-primary-light);
   padding-block: var(--accord-item-block-padding);
}

.accordion__title {
   display: -ms-grid;
   display: grid;
   -ms-grid-columns: 1fr var(--accord-title-gap) var(--icon-size);
   grid-template-columns: 1fr var(--icon-size);
   gap: var(--accord-title-gap);
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   cursor: pointer;
}

.accordion__title h5 {
   color: var(--clr-dark);
   line-height: 1.3;
   font-weight: var(--fw-bold);
   font-size: var(--accord-f-size);
   -webkit-transition: all ease-in-out 200ms;
   -o-transition: all ease-in-out 200ms;
   transition: all ease-in-out 200ms;
}

.accordion__title .accordion__icon {
   display: -ms-grid;
   display: grid;
   place-items: center;
   -ms-flex-line-pack: center;
   align-content: center;
   width: var(--icon-size);
   height: var(--icon-size);
   border-radius: 50%;
}

.accordion__title .accordion__icon::before,
.accordion__title .accordion__icon::after {
   display: block;
   grid-area: 1/1;
   content: "";
   width: var(--icon-plus-size);
   -webkit-transition: all ease-in-out 200ms;
   -o-transition: all ease-in-out 200ms;
   transition: all ease-in-out 200ms;
   border-top: 2px solid var(--clr-primary-light);
}

.accordion__item:not(.open) .accordion__icon::after {
   -webkit-transform: rotate(90deg);
   -ms-transform: rotate(90deg);
   transform: rotate(90deg);
}

.accordion__item.open .accordion__title h5 {
   color: var(--clr-primary);
}

.accordion__item.open .accordion__icon {
   background-color: var(--clr-primary-light);
}

.accordion__item.open .accordion__icon::before,
.accordion__item.open .accordion__icon::after {
   border-color: var(--clr-dark);
}

.accordion__content {
   display: none;
}

.accordion__content .content {
   padding-block: 20px;
   padding-inline-end: 40px;
}

.accordion__content .content,
.accordion__content .content ul {
   display: -ms-grid;
   display: grid;
   gap: 20px;
   -ms-flex-line-pack: start;
   align-content: start;
}

.accordion__content .content p,
.accordion__content .content ul li {
   color: var(--clr-ash);
   font-size: var(--content-text-20);
}

.accordion__content .content ul,
.accordion__content .content ul li {
   list-style: initial;
}

.accordion__content .content ul {
   -webkit-padding-start: 20px;
   padding-inline-start: 20px;
}

.accordion__content .content ul li ul {
   -webkit-padding-start: 20px;
   padding-inline-start: 20px;
   -webkit-padding-before: 20px;
   padding-block-start: 20px;
   -webkit-margin-start: 15px;
   margin-inline-start: 15px;
}

.accordion__content .content ul li ul,
.accordion__content .content ul li ul li {
   list-style: circle;
}

@media (max-width: 1600px) {
   .accordion__container {
      --accord-item-block-padding: 12px;
   }
}

@media (max-width: 1400px) {
   .accordion__container {
      --icon-size: 40px;
   }
}

@media (max-width: 860px) {
   .accordion__container {
      --accord-item-block-padding: 15px;
   }
}

@media (max-width: 640px) {
   .accordion__container {
      --icon-size: 32px;
      --icon-plus-size: 20px;
      --accord-title-gap: 20px;
      --accord-f-size: 16px;
   }

   .accordion__content .content {
      padding-inline-end: 0;
   }

   .accordion__content .content p,
   .accordion__content .content ul li {
      font-size: var(--content-text-16);
   }
}

.number--accordion {
   --counter-size: 40px;
   --counter-padding: 60px;
   --accord-item-block-padding: 18px;
   -webkit-padding-start: var(--counter-padding);
   padding-inline-start: var(--counter-padding);
   counter-reset: list;
}

.number--accordion .accordion__item {
   position: relative;
}

.number--accordion .accordion__item::before {
   position: absolute;
   left: calc(var(--counter-padding) * -1);
   top: 20px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   counter-increment: list;
   content: counter(list);
   width: var(--counter-size);
   height: var(--counter-size);
   font-family: var(--ff-clash);
   font-weight: var(--fw-medium);
   font-size: clamp(13px, 3vw, 16px);
   border-radius: 50%;
   border: 1px solid var(--clr-primary-light);
}

@media (max-width: 640px) {
   .number--accordion {
      --counter-size: 35px;
      --counter-padding: 50px;
   }
}

/* --------------- Footer--------------- */

footer {
   --footer-block-padding: 100px;
   --footer-link-size: 18px;
   --footer-title-size: 22px;
   --footer-color: var(--clr-dark);
   --career-portal-max-width: 485px;
   --career-portal-max-height: 345px;
   --footer-pattern-size: 690px;
   --footer-pattern-position: 35%;
   position: relative;
   z-index: 4;
   background-color: white;
   padding-block: var(--footer-block-padding);
   background-image: url("../../images/bg-pattern-footer.svg");
   background-size: var(--footer-pattern-size);
   background-position: var(--footer-pattern-position) bottom;
   background-repeat: no-repeat;
   border-top: 1px solid #e9e9e9;
}

footer .footer__nav__title {
   font-size: var(--footer-title-size);
   font-family: var(--ff-satoshi);
   font-weight: var(--fw-bold);
   color: var(--clr-primary);
}

footer .footer__nav {
   display: grid;
   gap: clamp(10px, 3vw, 20px);
   align-content: start;
}

footer .footer__nav ul {
   display: grid;
   gap: 2px;
}

footer .footer__nav.footer--group ul,
footer .footer__nav.footer--ir ul {
   grid-template-columns: repeat(2, minmax(0, 1fr));
}

footer .footer__nav a {
   display: inline-block;
   font-family: var(--ff-satoshi);
   font-size: var(--footer-link-size);
   color: var(--footer-color);
   padding-block: 10px;
}

footer .footer__nav a:hover {
   color: var(--clr-primary);
}

footer .wrapper {
   display: grid;
   grid-auto-columns: 1fr;
   grid-template-columns: 2fr 1.3fr 1.7fr;
   grid-template-rows: auto auto auto;
   gap: 50px 30px;
   grid-template-areas:
      "area__group area__business footer--ir"
      "area__social area__social area__lang"
      "area__legal area__legal area__legal";
}

footer .footer--group {
   grid-area: area__group;
   max-width: 650px;
}

footer .footer--business {
   grid-area: area__business;
}

footer .footer__careers__portal {
   grid-area: area__careers;
}

footer .footer--ir {
   grid-area: footer--ir;
}

footer .social__links {
   grid-area: area__social;
}

footer .footer__lang {
   grid-area: area__lang;
   font-weight: var(--fw-bold);
   color: var(--clr-dark);
   display: inline-block;
   margin-inline-start: auto;
   padding: 8px 16px;
   border-radius: 25px;
   margin-block: auto;
   transition: all ease-in-out 200ms;
}

footer .footer__lang:hover {
   color: var(--clr-primary);
   background-color: var(--clr-dark);
}

footer .footer__legal {
   grid-area: area__legal;
   justify-content: space-between;
   color: var(--footer-color);
   font-family: var(--ff-satoshi);
}
/*
footer .footer__careers__portal figure {
	display: grid;
	position: relative;
	width: var(--career-portal-max-width);
	height: var(--career-portal-max-height);
	border-radius: var(--rounded-corner);
	overflow: hidden;
}

footer .footer__careers__portal picture,
footer .footer__careers__portal figcaption {
	grid-area: 1/1;
}

footer .footer__careers__portal figcaption {
	place-self: end;
	z-index: 2;
	margin: 25px;
	padding: 20px 25px;
	border-radius: 10px;
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 30px;
	align-items: center;
	background: rgba(138, 139, 139, 0.5);
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
	color: white;
	transition: all ease-in-out 250ms;
}

footer .footer__careers__portal figcaption .content {
	gap: 10px;
}

footer .footer__careers__portal figcaption h6 {
	font-size: clamp(18px, 1vw, 22px);
	font-weight: var(--fw-medium);
}

footer .footer__careers__portal figcaption span {
	font-size: clamp(14px, 1vw, 16px);
	opacity: 0.8;
	font-family: var(--ff-satoshi);
}

footer .footer__careers__portal figcaption i {
	width: 46px;
	height: 46px;
	border-radius: 50%;
	border: 2px solid white;
	transition: all ease-in-out 150ms;
}

footer .footer__careers__portal:hover figcaption {
	background: rgba(138, 139, 139, 0.7);
}

footer .footer__careers__portal:hover figcaption i {
	background-color: var(--clr-primary);
	border-color: var(--clr-primary);
}*/

footer .social__links {
   gap: clamp(5px, 2vw, 20px);
}

footer .social__links a {
   width: 44px;
   height: 44px;
   border-radius: 50%;
   color: #3c3c3c;
   transition: background-color ease-in-out 250ms;
}

footer .social__links a:hover {
   background-color: var(--clr-primary);
   color: white;
}

footer .social__links a svg {
   transition: all ease-in-out 100ms;
}

footer .social__links a:hover svg {
   transform: scale(0.8);
}

footer .footer__legal ul {
   column-gap: 20px;
   row-gap: 10px;
}

footer .footer__legal ul a {
   color: var(--footer-color);
}

footer .footer__nav a:hover,
footer .footer__legal ul a:hover {
   color: var(--clr-primary);
   text-decoration: underline;
   text-underline-offset: 4px;
}

@media (max-width: 1400px) {
   footer {
      --footer-block-padding: 80px;
      --footer-link-size: 16px;
      --footer-title-size: 20px;
      --career-portal-max-width: 420px;
      --career-portal-max-height: 280px;
      --footer-pattern-size: 490px;
      --footer-pattern-position: 30%;
   }
}

@media (max-width: 1200px) {
   footer {
      --career-portal-max-width: 350px;
      --career-portal-max-height: 240px;
   }
}

@media (max-width: 860px) {
   footer .wrapper {
      grid-auto-columns: 1fr;
      grid-template-columns: 1fr 1fr;
      grid-template-rows: auto;
      gap: 50px 0px;
      grid-template-areas:
         "area__group area__group"
         "area__business footer--ir"
         "area__social area__lang"
         "area__legal area__legal";
   }

   footer .footer--group {
      max-width: 100%;
   }

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

@media (max-width: 640px) {
   footer {
      --footer-block-padding: 30px;
      --footer-pattern-size: 300px;
      --footer-pattern-position: 70%;
      --footer-title-size: 18px;
      padding-block-end: 100px;
   }

   footer .wrapper {
      grid-auto-columns: 1fr;
      grid-template-columns: 1fr 1fr;
      grid-template-rows: auto;
      gap: 10px 0px;
      grid-template-areas:
         "area__group area__group"
         "area__business area__business"
         "footer--ir footer--ir"
         "area__social area__lang"
         "area__legal area__legal";
   }

   .toggle__content {
      display: none;
   }

   footer .footer__careers__portal {
      display: none;
   }

   .footer--toggle {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding-block: 15px;
      border-bottom: 1px solid rgba(0, 0, 0, 0.2);
   }

   .footer--toggle::after {
      display: block;
      content: "";
      width: 12px;
      height: 12px;
      border-top: 1px solid var(--clr-dark);
      border-right: 1px solid var(--clr-dark);
      transform: rotate(135deg);
      transition: all ease-in-out 200ms;
   }

   .footer__nav__open .footer--toggle::after {
      transform: rotate(45deg);
      border-color: var(--clr-primary);
   }

   footer .social__links {
      margin-block: 20px;
   }

   footer .social__links a svg {
      width: 24px;
      height: 24px;
   }

   footer .footer__nav.footer--group ul,
   footer .footer__nav.footer--ir ul {
      grid-template-columns: auto;
   }

   footer .footer__legal {
      font-size: 14px;
   }
}

.iframe-wrap {
   width: 100%;
   border: 1px solid rgba(27, 58, 53, 0.2);
   border-radius: var(--rounded-corner);
   padding: clamp(10px, 3vw, 30px);
}

@media (max-width: 640px) {
   .results .iframe-wrap {
      padding: 0;
   }
}

/* --------------- Tabs --------------- */

.tab__wrapper {
   --tab-nav-f-size: 20px;
   --tab-nav-item-block-end-padding: 30px;
   --tab-content-gap: 30px;
   --tab-highlight-size: 4px;
   display: -ms-grid;
   display: grid;
   gap: var(--tab-content-gap);
}

.tab__nav {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-pack: flex-start;
   justify-content: flex-start;
   gap: 5px;
}

.tab__nav a,
.tab__nav span {
   position: relative;
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   height: 100%;
   text-transform: none;
   font-family: var(--ff-satoshi);
   font-weight: var(--fw-bold);
   font-size: var(--fs-18);
   -webkit-transition: all ease-in-out 200ms;
   -o-transition: all ease-in-out 200ms;
   transition: all ease-in-out 200ms;
   cursor: pointer;
   color: var(--clr-dark);
}

.tab__nav .tab__link .btn {
   background: #fff;
}

.tab__nav .tab__link .btn:hover {
   background-color: rgba(27, 35, 34, 0.1);
   color: var(--clr-dark);
}

.tab__nav .tab__link.active .btn {
   background-color: var(--clr-primary);
   color: white;
}

.tab__data {
   /* swiper fix for grid parent*/
   min-width: 0;
}

.tab--content {
   display: none;
   opacity: 0;
   -webkit-animation: fadeIn 0.5s ease 1 forwards;
   animation: fadeIn 0.5s ease 1 forwards;
}

.tab--content.active {
   display: block;
}

@-webkit-keyframes fadeIn {
   100% {
      opacity: 1;
   }
}

@keyframes fadeIn {
   100% {
      opacity: 1;
   }
}

.toggle__link {
   display: none;
}

@media (max-width: 1500px) {
   .tab__wrapper {
      --tab-nav-f-size: 18px;
      --tab-nav-item-block-end-padding: 20px;
   }
}

@media only screen and (max-width: 1500px) and (min-width: 1200px) {
   .tab__nav li {
      width: calc(100% / 4);
   }

   .tab__nav a,
   .tab__nav span {
      text-wrap: balance;
   }
}

@media only screen and (max-width: 1200px) and (min-width: 860px) {
   .tab__wrapper {
      --tab-nav-f-size: 17px;
   }

   .tab__nav li {
      width: auto;
   }

   .tab__nav {
      gap: var(--gap-30);
   }
}

@media (max-width: 1400px) {
   .tab__wrapper {
      --tab-nav-f-size: 18px;
      --tab-nav-item-block-end-padding: 20px;
      --tab-content-gap: 40px;
   }
}

@media (min-width: 860px) {
   .tab__link {
      width: max-content;
   }
}

@media (max-width: 860px) {
   .tab__wrapper {
      --tab-nav-f-size: 16px;
      --tab-nav-item-block-end-padding: 10px;
      --tab-content-gap: 40px;
      --tab-item-height: 55px;
   }

   .tab__nav {
      width: 100%;
      position: absolute;
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
      background-color: #a1d6ad;
      border-radius: 25px;
      overflow: hidden;
      padding-block-end: 10px;
   }

   .tab__nav a::after,
   .tab__nav span::after {
      display: none;
   }

   .tab__nav__wrapper {
      position: relative;
      z-index: 2;
      height: var(--tab-item-height);
      border-radius: 30px;
      border: 1px solid var(--clr-ash-600);
      overflow: hidden;
   }

   .tab__nav__wrapper::after {
      position: absolute;
      content: "";
      right: 25px;
      top: 20px;
      width: 12px;
      height: 12px;
      border-top: 2px solid white;
      border-right: 2px solid white;
      transform: rotate(135deg);
      transition: transform ease-in-out 200ms;
   }

   .tab__nav .tab__link .btn {
      background: #a1d6ad;
      position: relative;
   }

   .toggle__link {
      display: block;
      position: absolute;
      z-index: 3;
      top: 0;
      left: 0;
      width: 100%;
      height: var(--tab-item-height);
      border-radius: 30px;
   }

   .tab__nav__wrapper.drop--open {
      overflow: inherit;
   }

   .tab__nav__wrapper.drop--open::after {
      transform: rotate(45deg);
   }

   .tab__nav a,
   .tab__nav span {
      padding-block: var(--tab-nav-item-block-end-padding);
      width: 100%;
      min-height: var(--tab-item-height);
      font-size: var(--fs-16);
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding-inline: 25px;
   }

   .tab__nav li.active {
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1;
      pointer-events: none;
      background-color: white;
      -webkit-transition: var(--transition-200);
      -o-transition: var(--transition-200);
      transition: var(--transition-200);
   }

   .tab__nav__wrapper.drop--open .tab__nav li.active {
      background-color: var(--clr-concrete-light);
   }
}

@media (max-width: 640px) {
   .tab__wrapper {
      --tab-nav-f-size: 16px;
   }
}

/*Results & Reports*/

.downloads {
   --docs-col: 2;
   --docs-col-gap: 50px;
   --docs-list-padding: 25px;
   --docs-gap: 40px;
}

.documents__group {
   -ms-flex-line-pack: start;
   align-content: start;
   -webkit-padding-before: var(--docs-gap);
   padding-block-start: var(--docs-gap);
}

.documents__group article {
   gap: clamp(20px, 3vw, 30px);
}

.documents__group h4 {
   font-family: var(--ff-clash);
   font-size: clamp(20px, 3vw, 25px);
   font-weight: var(--fw-medium);
   color: var(--clr-primary-dark);
}

.documents__group .docs__list {
   grid-template-columns: repeat(var(--docs-col), minmax(0, 1fr));
   gap: var(--docs-col-gap);
   display: -ms-grid;
   display: grid;
   row-gap: var(--gap-20);
   column-gap: var(--gap-50);
}

.documents__group .docs__list li {
   -ms-grid-columns: 1fr 30px auto;
   grid-template-columns: 1fr auto;
   gap: 30px;
   -ms-flex-line-pack: center;
   align-content: center;
   padding: var(--docs-list-padding);
   border-radius: 10px;
   border: 1px solid rgba(68, 68, 68, 0.3);
}

.documents__group .docs__list li p {
   font-size: clamp(18px, 3vw, 22px);
   font-weight: var(--fw-medium);
   color: var(--clr-dark);
   -webkit-margin-after: 10px;
   margin-block-end: 10px;
}

.documents__group .docs__list li .content span {
   font-size: clamp(12px, 2vw, 14px);
   color: rgba(68, 68, 68, 0.6);
}

.btn__wrapper {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 10px;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   flex-wrap: wrap;
}

.documents__group .docs__list .btn {
   --btn-f-size: 15px;
   --btn-icon-size: 15px;
   --btn-block-padding: 10px;
   --btn-inline-padding: 20px;
   --btn-gap: 5px;
   background-color: transparent;
   border: 1px solid var(--clr-dark-grey);
   color: var(--clr-dark-grey);
}

.documents__group .docs__list .btn:hover,
.documents__group .docs__list .btn:focus {
   background-color: var(--clr-primary);
   color: white;
   border-color: var(--clr-primary);
}

@media (hover: hover) {
   .documents__group .docs__list li {
      -webkit-transition: all ease-in-out 250ms;
      -o-transition: all ease-in-out 250ms;
      transition: all ease-in-out 250ms;
   }

   .documents__group .docs__list li:hover {
      background-color: rgba(45, 165, 75, 0.03);
      border-color: rgba(68, 152, 85, 0.4);
      -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
      box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
   }
}

@media (max-width: 1600px) {
   .downloads {
      --docs-col-gap: 30px;
      --docs-gap: 40px;
   }
}

@media (max-width: 860px) {
   .downloads {
      --docs-col: 1;
   }
}

@media (max-width: 640px) {
   .downloads {
      --docs-list-padding: 20px;
   }

   .documents__group .docs__list li {
      -ms-grid-columns: auto;
      grid-template-columns: auto;
      gap: 15px;
   }

   .documents__group .docs__list .btn {
      --btn-f-size: 13px;
      --btn-icon-size: 13px;
      --btn-block-padding: 8px;
      --btn-inline-padding: 16px;
   }
}

/* contact */

.contact-wrap {
   grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 2rem;
   margin-block: 4rem;
}

h5.title--24 {
   margin-block-end: 2rem;
   font-size: var(--fs-24);
}

h2.contact {
   margin-block: 2rem;
}

.contact-wrap h6 {
   margin-block-end: 20px;
   font-size: var(--fs-22);
}

.contact-wrap .mail a {
   font-size: var(--fs-22);
   color: var(--clr-primary);
   cursor: pointer;
   text-decoration: underline;
}

.contact-wrap ul li {
   margin-block: 10px;
}

/* corporate governance */

.corporate-governance figure {
   grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: var(--gap-50);
   margin-block-end: var(--gap-60);
}

.corporate-governance figcaption {
   display: grid;
   gap: var(--gap-25);
}

.corporate-governance .section__title {
   color: var(--clr-primary);
}

.corporate-governance figure img {
   border-radius: var(--rounded-corner);
}

.corporate-governance figure p {
   font-size: clamp(var(--fs-16), 3vw, var(--fs-20));
}

.results {
   gap: var(--gap-60);
   align-items: start;
}

.quarter__list .resources__list .resources__list__item {
   gap: var(--gap-30);
}

.resources__list {
   --list-3: 2;
   --list-item-padding: 30px;
   --list-item-block-end-padding: 23px;
   grid-template-columns: repeat(var(--list-3), minmax(0, 1fr));
   gap: var(--gap-30);
}

.resources__list .resources__list__item {
   -ms-grid-rows: 1fr var(--gap-40) auto;
   grid-template-rows: 1fr auto;
   padding: var(--list-item-padding);
   -webkit-padding-after: var(--list-item-block-end-padding);
   padding-block-end: var(--list-item-block-end-padding);
   border-radius: var(--rounded-corner);
   border: 1px solid rgba(68, 68, 68, 0.3);
   min-height: 140px;
}

.resources__list .resources__list__item span {
   font-size: var(--fs-20);
   overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 3;
   line-clamp: 3;
   -webkit-box-orient: vertical;
}

.resources__list .resources__list__item .actions span {
   font-size: var(--fs-16);
   opacity: 0.5;
}

.resources__list .resources__list__item:hover {
   border: 1px solid var(--clr-primary);
}

.resources__list .resources__list__item a {
   align-content: space-between;
   color: var(--clr-dark);
   gap: var(--gap-25);
}

.resources__list .resources__list__item a .content {
   gap: 1rem;
}

.downloads .resources__list .resources__list__item a .section__title {
   font-family: var(--ff-satoshi);
   font-size: 26px;
   font-weight: var(--fw-medium);
}

.down-arrow {
   width: 48px;
   height: 48px;
   border: 1px solid #ccc;
   display: flex;
   justify-content: center;
   align-items: center;
   border-radius: 50%;
}

.down-arrow svg {
   width: 20px;
   height: 20px;
}

.resources__list .resources__list__item:hover .down-arrow {
   background: var(--clr-primary);
   border: 1px solid var(--clr-primary);
}

.resources__list .resources__list__item:hover .down-arrow svg {
   color: white;
}

.quarter__list__title {
   font-size: var(--fs-22);
   color: var(--clr-red);
   margin-block: 3rem 2rem;
}

.results aside ul {
   display: flex;
   flex-wrap: wrap;
   gap: 5px;
   align-content: start;
}

.results aside .links {
   width: 100%;
   display: block;
   padding: 18px 30px;
   font-size: var(--content-text-16);
   border-radius: 60px;
   color: var(--clr-dark);
   background: var(--section-border-clr);
   font-weight: var(--fw-bold);
   transition: all ease-in-out 200ms;
}

.results.zeo-space {
   margin-block-start: 0;
}

.results aside .links:hover,
.results aside .links.active {
   background-color: var(--clr-primary);
   color: #fff;
}

.year-filter select {
   position: relative;
   z-index: 2;
   border-radius: 30px;
   padding-block: 15px;
   padding-inline: 20px 30px;
   background: transparent;
   height: var(--tab-size);
   -webkit-appearance: none;
   appearance: none;
   min-width: 180px;
   font-size: var(--fs-16);
   font-weight: var(--fw-medium);
   color: var(--clr-dark);
   border: 1px solid #a8acb0;
}

.year-filter::after {
   position: absolute;
   content: "";
   right: 20px;
   top: 20px;
   width: 10px;
   height: 15px;
   background: url("../../images/drop.svg") no-repeat;
   background-size: contain;
   z-index: 9;
   pointer-events: none;
}

.year-filter {
   position: relative;
}

@media (max-width: 1500px) {
   .resources__list {
      --list-3: 2;
   }

   .results {
      gap: var(--gap-50);
   }

   .results aside .links {
      padding: 15px 25px;
   }

   .quarter__list__title {
      margin-block: 30px 20px;
   }

   .downloads .resources__list .resources__list__item a .section__title {
      font-size: var(--fs-24);
      font-weight: var(--fw-medium);
   }
}

@media (max-width: 900px) {
   .contact-wrap {
      grid-template-columns: 1fr;
      gap: 2rem;
      margin-block: 2rem;
   }

   .results {
      grid-template-columns: 1fr;
      align-items: start;
   }

   .corporate-governance figure {
      grid-template-columns: auto;
      gap: var(--gap-30);
   }
}

@media (max-width: 640px) {
   .resources__list .resources__list__item {
      min-height: 130px;
   }

   .resources__list {
      --list-3: 1;
      --list-item-padding: 20px;
      --list-item-block-end-padding: 20px;
      gap: var(--gap-20);
   }

   .downloads .resources__list .resources__list__item a .section__title {
      font-size: var(--fs-20);
   }

   .resources__list .resources__list__item .actions span {
      font-size: 13px;
   }

   .results aside .links {
      font-size: 15px;
      padding: 12px 18px;
   }

   .down-arrow {
      width: 42px;
      height: 42px;
   }

   .down-arrow svg {
      width: 15px;
      height: 15px;
   }

   .quarter__list__title {
      font-size: var(--fs-18);
   }

   .year-filter select {
      border-radius: 20px;
      padding-block: 10px;
      padding-inline: 15px 20px;
      min-width: 120px;
   }

   .year-filter::after {
      right: 15px;
      top: 15px;
   }

   .corporate-governance figure {
      gap: var(--gap-20);
      margin-block-end: var(--gap-35);
   }

   .corporate-governance figcaption {
      gap: var(--gap-10);
   }
}

.ir--contact .section__title.title--24 {
   font-family: var(--ff-satoshi);
   font-weight: var(--fw-medium);
}

.ir--contact .address li {
   font-family: var(--ff-satoshi);
   font-size: clamp(16px, 3vw, 18px);
}

/* ---------------------- Growth Strategy ---------------------- */

.strategy {
   --icon-size: 60px;
   padding-block-end: var(--section-bp-80);
}

.strategy .title--wrapper {
   padding-block-end: 30px;
   gap: 15px;
}

.strategy .title--wrapper p {
   font-size: clamp(16px, 3vw, 20px);
}

.strategy .slider__wrapper {
   position: relative;
}

.growth--slider figure {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
}

.growth--slider figcaption {
   display: grid;
   align-content: center;
   padding-inline-start: clamp(30px, 3vw, 50px);
   gap: clamp(20px, 2vw, 30px);
}

.growth--slider figcaption h5 {
   font-family: var(--ff-satoshi);
   font-size: clamp(25px, 3vw, 40px);
   font-weight: var(--fw-bold);
   color: var(--clr-primary);
}

.growth--slider figcaption p {
   font-family: var(--ff-satoshi);
   font-size: clamp(16px, 3vw, 24px);
   font-weight: var(--fw-regular);
}

.growth--slider figcaption .growth__list {
   display: grid;
   gap: 25px;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   padding-block-start: 20px;
}

.growth--slider figcaption .growth__list li {
   display: grid;
   grid-template-columns: var(--icon-size) 1fr;
   gap: 20px;
   align-items: center;
   align-content: center;
   padding-block-end: 20px;
   border-bottom: 1px solid rgba(27, 58, 53, 0.3);
}

.growth--slider figcaption .growth__list li img {
   width: var(--icon-size);
   height: var(--icon-size);
}

.growth--slider figcaption .growth__list li span {
   display: block;
   text-wrap: balance;
   font-size: clamp(16px, 3vw, 20px);
   font-weight: var(--fw-medium);
}

@media (max-width: 1600px) {
   .growth--slider figcaption h5 {
      font-size: 30px;
   }

   .growth--slider figcaption p {
      font-size: 20px;
   }

   .growth--slider figcaption .growth__list li span {
      font-size: 18px;
   }
}

@media (max-width: 1400px) {
   .strategy {
      --icon-size: 50px;
   }

   .strategy .title--wrapper {
      gap: 15px;
   }

   .strategy .title--wrapper p {
      font-size: 18px;
   }

   .growth--slider figcaption p {
      font-size: 18px;
   }

   .growth--slider figcaption .growth__list {
      padding-block-start: 10px;
   }

   .growth--slider figcaption .growth__list li {
      gap: 15px;
      padding-block-end: 15px;
   }

   .growth--slider figcaption .growth__list li span {
      font-size: 16px;
   }
}

@media (min-width: 860px) {
   .growth--slider .swiper-pagination {
      display: none;
   }
}

@media (max-width: 860px) {
   .growth--slider figure {
      grid-template-columns: auto;
      gap: clamp(20px, 2vw, 30px);
   }

   .growth--slider figcaption {
      padding-inline: 0;
   }

   .growth--slider .swiper-pagination {
      margin-block-start: clamp(25px, 2vw, 40px);
   }

   .growth--slider figcaption h5 {
      font-size: 25px;
   }
}

@media (max-width: 640px) {
   .strategy {
      --icon-size: 35px;
   }

   .growth--slider figure picture {
      position: relative;
      width: 100%;
      height: 200px;
      overflow: hidden;
   }

   .growth--slider figure picture img {
      position: absolute;
      object-fit: cover;
      width: 100%;
      height: 100%;
   }

   .growth--slider figcaption .growth__list {
      grid-template-columns: auto;
   }

   .strategy .title--wrapper p,
   .growth--slider figcaption p {
      font-size: 16px;
   }

   .growth--slider figcaption h5 {
      font-size: 22px;
   }

   .growth--slider figcaption .growth__list {
      padding-block-start: 0;
      gap: 15px;
   }
}

/* contact form */

.form__control {
   --form-item-size: 60px;
}

.form__control.w--50 {
   max-width: calc(50% - 15px);
}

.form__control input,
.form__control select,
.form__control textarea {
   width: 100%;
   min-width: 220px;
   background-color: white;
   border: 1px solid #a8acb0;
   padding: 12px 25px;
   font-size: 16px;
   color: var(--clr-dark);
   font-family: var(--ff-satoshi);
   box-shadow: none;
   resize: none;
   font-weight: var(--fw-medium);
   border-radius: var(--form-item-size);
}

.form__control input,
.form__control select,
.form__control .btn {
   height: var(--form-item-size);
}

.form__control input:focus,
.form__control select:focus,
.form__control textarea:focus {
   outline-color: var(--clr-dark);
}

.form__control input[aria-invalid="true"],
.form__control select[aria-invalid="true"] {
   outline: 1px solid red;
}

.form__control select {
   appearance: none;
   background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIGSURBVHgB7dk9UsJAGAbgL8FhrPjpmOFnoLO0tMQTiDfAzk7o6IDSCj2BeAK4gR6BG8hAQylUDgXx/TJxAGeTb5MNjsW+MyE7Cdl9hmw2bOKQYWq1Wh+rDpc9zxsvl8suGSRDBgFmhFUPyzkvjuNc5fN5Z71ev1PCuGSWtmLbAxnEFFTQ3KYdU1DqsSApFiTFgqRYkBQLkmJBUixIigVJsSApFiTl34HO+KNUKtWz2ewNisXtdjterVZz+oOo2nUqlUrTdd0J7edTn5gS32FKPJUqxMzVU21fLBaOcChVq9UWZrovh+3udrtbWNwRHU/uCvzFcrl8SScK1/0L47ebyWT63IdUDfPOt1OguE6umxQzXJyZJoNmIcemjorCBJm5UA0j6kgNpYHhX2jocuflTkwnRPHVpIHxLyR/HEJhjFVXQE24YkqAwaUdieG2A8N+YMSl+oRV1OnzK46DOsBEHTMM2qYjUIAapIWKgRkcblAOYBjw+Et9Cs8cI+s1GvxQ7cS+RhIMR/mMkZ8R8rNCFJukDvepFoX0i2BfnWJiQkG6KApPIQkmEqSJiptIjAiidFEiRgtE6aC0MNogMkNpY2KBKEDlcrkG/jro3kaegelRjMR+tbDZbKY6KNybXnE7uKeYSfSuQ0IFmDYlSOKXL2EoE4wR6AeFjl5E8QLLF5ZHYDpkkG/bReSDjwc95gAAAABJRU5ErkJggg==");
   background-position: right 20px center;
   padding-inline-end: 40px;
   background-size: 11px;
   background-repeat: no-repeat;
}

.required--msg {
   color: red;
   font-size: 0.875rem;
   font-family: var(--ff-satoshi);
}

@media (max-width: 1600px) {
   .form__control {
      --form-item-size: 50px;
   }
}

@media (max-width: 640px) {
   .form__control {
      --form-item-size: 48px;
   }
}

.contact__form {
   --form-gap: 15px;
   background-color: hsl(134deg 39% 74% / 10%);
   border: 1px solid #daecde;
   border-radius: var(--rounded-corner);
   padding: clamp(25px, 4vw, 40px);
   align-items: start;
   gap: var(--form-gap);
   margin-block-end: 50px;
}

.contact__form .content--title {
   font-size: clamp(25px, 3vw, 35px);
   margin-block-end: clamp(10px, 2vw, 20px);
}

.contact__form .form__wrapper.two--col,
.contact__form .form__wrapper.three--col {
   column-gap: 30px;
   row-gap: 20px;
   align-items: start;
}

.contact__form .form__wrapper.two--col {
   grid-template-columns: repeat(2, minmax(0, 1fr));
}

.contact__form .form__wrapper.three--col {
   grid-template-columns: repeat(3, minmax(0, 1fr));
}

.contact__form .form__control input,
.contact__form .form__control select,
.contact__form .form__control textarea {
   border-radius: 10px;
   padding: 12px 20px;
}

.contact__form label {
   font-size: var(--content-text-18);
}

.contact__form label sup {
   color: red;
}

.contact__form .form__control {
   display: grid;
   align-items: start;
   gap: 5px;
}

.form__msg {
   padding-block: clamp(10px, 2vw, 15px);
   padding-inline: clamp(15px, 2vw, 20px);
   border-radius: 10px;
   gap: 10px;
   color: white;
}

.form__msg p {
   font-size: clamp(14px, 2vw, 16px);
   font-weight: var(--fw-bold);
   font-family: var(--ff-satoshi);
}

.form__msg.success--message {
   background-color: rgba(100, 156, 100, 0.9);
}

.form__msg.error--message {
   background-color: rgba(180, 97, 97, 0.8);
}

.floating--msg {
   position: fixed;
   bottom: 20px;
   z-index: 55;
}

.floating--msg.success--message {
   background-color: var(--clr-primary);
}

.floating--msg.error--message {
   background-color: rgb(188, 50, 50);
}

.iti {
   width: 100%;
}

.form__wrapper button {
   padding: 15px 40px;
   font-size: clamp(16px, 3vw, 18px);
}

.radio__btn__wrapper,
.radio__btn__wrapper .radio__inline {
   display: flex;
   align-items: center;
}

.radio__btn__wrapper {
   gap: 15px;
}

.radio__btn__wrapper .radio__inline {
   gap: 10px;
}

.radio__btn__wrapper .radio__inline input {
   width: 20px;
   min-width: auto;
}

label.file__upload {
   position: relative;
   display: flex;
   justify-content: center;
   align-items: center;
   overflow: hidden;
   background: #efefef;
   border: 1px solid #a8acb0;
   color: var(--clr-dark);
   text-align: center;
   border-radius: 10px;
   padding: 20px;
   min-height: 115px;
}

label.file__upload input[type="file"] {
   position: absolute;
   top: 0;
   right: 0;
   min-width: 100%;
   min-height: 100%;
   font-size: 100px;
   text-align: right;
   filter: alpha(opacity=0);
   opacity: 0;
   outline: 0;
   background: #fff;
   cursor: inherit;
   display: block;
}

.spinner {
   width: 40px;
   height: 40px;
   margin-inline-start: 20px;
   border-radius: 50%;
   border: 3px solid white;
   border-top-color: var(--clr-primary);
   -webkit-animation: 0.5s spin infinite linear;
   animation: 0.5s spin infinite linear;
}

@keyframes spin {
   to {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
   }
}

@media (max-width: 860px) {
   .contact__form .form__wrapper.two--col,
   .contact__form .form__wrapper.three--col {
      grid-template-columns: auto;
   }

   .form__control.w--50 {
      max-width: 100%;
   }
}

/*--------------- Pagination --------------- */

.pagination {
   --pagination-size: 48px;
   --pagination-gap: 10px;
   --pagination-f-size: 16px;
   gap: var(--pagination-gap);
}

.pagination a,
.pagination span {
   display: flex;
   justify-content: center;
   align-items: center;
   text-align: center;
   width: var(--pagination-size);
   height: var(--pagination-size);
   border-radius: 50%;
   font-size: var(--pagination-f-size);
   font-family: var(--ff-satoshi);
   font-weight: var(--fw-bold);
   color: var(--clr-dark);
   border: 1px solid #a8acb0;
   transition: all ease-in-out 300ms;
}

.pagination a:hover {
   border-color: var(--clr-primary);
   background-color: white;
}

.pagination .active a,
.pagination .active span {
   background-color: var(--clr-primary);
   color: white;
   border-color: var(--clr-primary);
}

.latest__announcements .pagination-prev,
.latest__announcements .pagination-next {
   display: none;
}

@media (max-width: 1400px) {
   .pagination {
      --pagination-size: 44px;
      --pagination-f-size: 14px;
   }
}

/*--------------- Corporate Gov --------------- */

.esg__list {
   --item-gap: 80px;
   --esg-list-count: 3;
   gap: var(--item-gap);
}

.esg__report__list {
   --download-icon-size: 40px;
   --download-list-padding: 20px;
   grid-template-columns: repeat(var(--esg-list-count), minmax(0, 1fr));
   gap: var(--esg-list-gap);
   padding-block-start: clamp(25px, 3vw, 30px);
}

.esg__report__list li {
   grid-template-columns: 1fr var(--download-icon-size);
   border: 1px solid #e2e3e4;
   border-radius: var(--rounded-corner);
   padding-block: var(--download-list-padding);
   padding-inline: calc(var(--download-list-padding) + 5px)
      var(--download-list-padding);
   align-items: center;
   transition: all ease-in-out 200ms;
}

.esg__report__list li:hover {
   border-color: var(--clr-primary);
}

.esg__report__list li .content {
   gap: 10px;
}

.esg__report__list li .content .year {
   font-family: var(--ff-satoshi);
   font-weight: var(--fw-regular);
   font-size: var(--fs-30);
}

.esg__report__list li .content p {
   font-size: clamp(13px, 3vw, 15px);
   text-transform: uppercase;
   font-weight: var(--fw-bold);
   color: var(--clr-dark);
   opacity: 0.4;
}

.esg__report__list li .download--btn {
   padding: 0;
   width: 40px;
   height: 40px;
}

.esg__report__list li .download--btn svg {
   transform: rotate(90deg);
   width: 16px;
   height: 16px;
}

@media (max-width: 1200px) {
   .esg__list {
      --item-gap: 60px;
      --esg-list-count: 2;
      --esg-list-gap: 30px;
   }
}

@media (max-width: 640px) {
   .esg__list {
      --item-gap: 60px;
      --esg-list-count: 1;
      --esg-list-gap: 15px;
   }

   .esg__report__list {
      --download-list-padding: 15px;
   }

   .esg__report__list li .content .year {
      font-size: var(--fs-40);
   }
}
/* 03 April 2026*/
.page--wrapper {
   gap: clamp(30px, 3vw, 100px);
}
.page--wrapper .section--block {
   width: 100%;
   padding-block: clamp(20px, 1vw, 40px);
}
.page--wrapper p {
   font-size: clamp(var(--fs-16), 1.4vw, var(--fs-20));
}

.grid__area--block {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   grid-template-rows: auto 1fr;
   grid-template-areas:
      "media title"
      "media content";
   column-gap: clamp(30px, 4vw, 50px);
   row-gap: clamp(20px, 3vw, 25px);
   align-items: start;
}
.grid__area--block.grid--reverse {
   grid-template-areas:
      "title media"
      "content media";
}
@media (max-width: 860px) {
   .grid__area--block,
   .grid__area--block.grid--reverse {
      grid-template-rows: auto;
      grid-template-areas:
         "title title"
         "media media"
         "content content";
   }
}
.area--media {
   grid-area: media;
}
.area--heading {
   grid-area: title;
}
.area--content {
   grid-area: content;
}
.content-body,
.area--content {
   display: grid;
   gap: clamp(20px, 3vw, 25px);
}
.area--content .content-footer {
   display: flex;
   justify-content: flex-start;
   gap: 10px;
   padding-block-start: 10px;
}
.board__committees {
   gap: clamp(20px, 3vw, 30px);
   border: 0;
   align-items: start;
}
.board__committees .title--40 {
   font-size: clamp(25px, 2vw, 35px);
}
.static-learn-link {
   border: 1px solid white;
   padding: 14px 22px;
   border-radius: 30px;
   align-items: center;
   color: white;
   gap: 10px;
   font-size: 14px;
   font-weight: var(--fw-bold);
   text-transform: uppercase;
}
@media (max-width: 640px) {
   .static-learn-link {
      padding: 10px 20px;
      font-size: 12px;
   }
}
.quick__links__cards figure figcaption:has(.section__title + *) {
   flex-direction: column;
   align-items: start;
   justify-content: end;
   gap: 20px;
}
@media (hover: hover) {
   .quick__links__cards figure figcaption .static-learn-link {
      position: absolute;
      bottom: clamp(25px, 3vw, 40px);
      opacity: 0;
      transform: scale(0.7);
      transform-origin: center;
      transition:
         opacity ease-in-out 250ms,
         transform ease-in-out 250ms,
         background-color ease-in 150ms,
         color ease-in 150ms;
   }
   .quick__links__cards figure figcaption .static-learn-link:hover {
      background-color: white;
      color: var(--clr-dark);
   }
   .quick__links__cards a figure figcaption:has(.static-learn-link) {
      background: linear-gradient(
         0deg,
         rgba(0, 0, 0, 0.8) 0%,
         rgb(0 0 0 / 60%) 30%,
         rgba(0, 0, 0, 0) 100%
      );
   }
   .quick__links__cards a:hover figure figcaption:has(.static-learn-link) {
      padding-block-end: 120px;
   }
   .quick__links__cards a:hover figure figcaption .static-learn-link {
      transform: scale(1);
      opacity: 1;
   }
}
.lime-bg {
   background-color: hsl(91, 82%, 87%);
}
.charters {
   padding-block-start: clamp(50px, 4vw, 80px);
   padding-block-end: clamp(50px, 5vw, 100px);
   margin-block-start: clamp(50px, 5vw, 100px);
}
.charters .title--wrapper p {
   max-width: 62ch;
   font-size: clamp(16px, 3vw, 20px);
}
.charters .swiper__overflow {
   padding-block-start: clamp(30px, 3vw, 50px);
}

.cards__slider .cards__slider--item {
   height: auto;
}
.cards__slider figure {
   display: grid;
   gap: 15px;
   align-content: start;
   justify-items: start;
   background-color: white;
   height: 100%;
   border: 1px solid hsla(170, 36%, 17%, 0.1);
   border-radius: clamp(10px, 3vw, 20px);
   padding-inline: clamp(20px, 3vw, 30px);
   padding-block: clamp(25px, 3vw, 35px);
}
.cards__slider .title {
   font-size: clamp(18px, 2vw, 22px);
   line-height: 1.3;
   font-weight: var(--fw-bold);
   color: var(--clr-primary);
}
.cards__slider p {
   font-size: clamp(16px, 3vw, 18px);
}
.cards__slider .card--btn {
   background-color: #daecde;
   padding: 8px 20px;
   border-radius: 20px;
   font-size: 15px;
   font-weight: var(--fw-medium);
   color: var(--clr-dark);
   margin-block-start: 10px;
}
.cards__slider .card--btn:hover {
   background-color: var(--clr-primary);
   color: white;
}
.cards--swiper--nav .swiper--arrow:not(.swiper-button-disabled):hover {
   background-color: var(--clr-dark);
}
@media (max-width: 860px) {
   .cards--swiper--nav {
      display: none !important;
   }
}
@media (max-width: 640px) {
   .cards__slider.charts--slider .cards__slider--item {
      max-width: 300px;
   }
}

/* Modal */

.content__modal__body {
   background-color: white;
   padding: clamp(25px, 3vw, 40px);
   position: relative;
   border-radius: clamp(10px, 3vw, 20px);
}
.content__modal__body p {
   font-size: clamp(16px, 4vw, 18px);
   padding-block-end: clamp(20px, 4vw, 25px);
}
.member--list {
   --list-count: 4;
   --rounded-corner: 10px;
   grid-template-columns: repeat(var(--list-count), minmax(0, 1fr));
   gap: clamp(20px, 2vw, 30px);
}
.member--list .member--name {
   font-size: clamp(18px, 3vw, 20px);
   font-weight: var(--fw-medium);
   line-height: 1.3;
   padding-block: 10px 0;
}
.member--list .member-designation {
   font-size: 14px;
}
@media (max-width: 1200px) {
   .member--list {
      --list-count: 3;
   }
}
@media (max-width: 640px) {
   .member--list {
      --list-count: 2;
   }
}

.table-responsive {
   width: 100%;
   overflow-x: auto;
   -webkit-overflow-scrolling: touch;
   margin-top: var(--gap-20);
   border-radius: 0;
   background: #fff;
}

.table-responsive table {
   width: 100%;
   max-width: 100%;
   border-collapse: collapse;
   min-width: 760px;
   background: #fff;
}

.table-responsive th,
.table-responsive td {
   padding: 14px 16px;
   border: 1px solid rgba(27, 58, 53, 0.12);
   text-align: left;
   vertical-align: middle;
   font-size: var(--content-text-16);
}

.table-responsive thead th {
   background: rgba(45, 165, 75, 0.1);
   color: var(--clr-dark);
   text-transform: uppercase;
   font-weight: var(--fw-bold);
   letter-spacing: 0.04em;
}

@media (max-width: 860px) {
   .table-responsive table {
      min-width: 650px;
   }

   .table-responsive th,
   .table-responsive td {
      padding: 10px 12px;
      font-size: 14px;
   }
}

@media (max-width: 640px) {
   .table-responsive table {
      min-width: 100%;
   }

   .table-responsive th,
   .table-responsive td {
      padding: 10px 10px;
      font-size: 13px;
   }
}