:root {
 --uniheavy: 'uni_neueheavy';
 --uniregular: 'uni_neueregular';
 --epundaItalic: 'epunda_sanslight_italic';
 --epundalight: 'epunda_sanslight';
 --primary-color: #FFD311;
 --secondary-color: #19353F;
 --white-color: #fff;
 --limeGreen-color: #A0C876;
 --tealGreen-color: #016E56;
 --emeraldGreen-color: #109C67;
 --brown-color: #8A6024;
 --14-font: 1.4rem;
 --16-font: 1.6rem;
 --18-font: 1.8rem;
 --20-font: 2rem;
 --22-font: 2.2rem;
 --24-font: 2.4rem;
 --28-font: 2.8rem;
 --30-font: 3rem;
 --32-font: 3.2rem;
 --35-font: 3.5rem;
 --40-font: 4rem;
 --45-font: 4.5rem;
 --50-font: 5rem;
 --55-font: 5.5rem;
 --60-font: 6rem;
 --65-font: 6.5rem;
 --75-font: 7.5rem;
 --80-font: 8rem;
 --85-font: 8.5rem;
 --95-font: 9.5rem;
 --100-font: 10rem;
 --120-font: 12rem;
 --150-font: 15rem;
 --transition-03: all 0.3s ease-in;
}

@font-face {
    font-family: 'epunda_sanslight_italic';
    src: url('../assets/fonts/epundasans-italic-variablefont_wght-webfont.woff2') format('woff2'),
         url('../assets/fonts/epundasans-italic-variablefont_wght-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'epunda_sanslight';
    src: url('../assets/fonts/epundasans-variablefont_wght-webfont.woff2') format('woff2'),
         url('../assets/fonts/epundasans-variablefont_wght-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'uni_neueheavy';
    src: url('../assets/fonts/unineueheavy-webfont.woff2') format('woff2'),
         url('../assets/fonts/unineueheavy-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'uni_neueregular';
    src: url('../assets/fonts/unineueregular-webfont.woff2') format('woff2'),
         url('../assets/fonts/unineueregular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

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

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

}

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

}

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

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

}

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

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

html {
    font-size: 62.5%;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    scroll-behavior: smooth
}

body {
    line-height: 1;
    background-image: url('../assets/images/todelete/body_background.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    color: var(--secondary-color);
    font-family: var(--uniregular);
}

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

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

a {
    outline: none;
    color: inherit;
    background-color: transparent;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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


main {
    display: block;
    position: relative;
}

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

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

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

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

.cnt_70 {
    max-width: 70%;
}

.cnt_75 {
    max-width: 75%;
}

.cnt_80 {
    max-width: 80%;
}

.cnt_85 {
    max-width: 85%;
}

.cnt_90 {
    max-width: 90%;
}

.cnt_95 {
    max-width: 95%;
}

/* ! Header */
.header {
    position: fixed;
    top: 0;
    width: 100%;
    height: 7rem;
    background-color: var(--primary-color);
    z-index: 99;
}

.header .cnt_wp {
    justify-content: flex-start;
    align-items: center;
    padding-top: 2rem;
    gap: 3rem;
}

.logo_img {
   width: 20rem;
}

.header::after {
    content: '';
    width: 100%;
    position: absolute;
    background-image: url('../assets/images/todelete/bot_banner.png' );
    background-size: 100%;
    bottom: -6rem;
    height: 60px;
    z-index: -1;
    background-repeat: no-repeat;
}

.nav_list {
    display: flex;
    gap: 4rem;
    padding-bottom: 9rem;
}

.nav_link:nth-child(3) a{
   max-width: 15rem;
}

.nav_link a {
   display: flex;
   align-items: center;
   font-size: var(--14-font);
   gap: 1rem;
   font-family: var(--uniheavy);
}

.nav_txt {
    position: relative;
}

.nav_txt::after {
    content: '';
    height: 1px;
    background-color: var(--secondary-color);
    width: 0;
    position: absolute;
    bottom: -3px;
    left: 0;
    transition: var(--transition-03);
}

.nav_link a:hover .nav_txt::after,
.nav_link.active a .nav_txt::after {
    width: 100%;
}

/* burger_menu */
.burger_menu-svg {
    cursor: pointer;
    display: none;
    width: 5.5rem;
    height: 5.5rem;
    position: relative;
    z-index: 2;
}

.burger_menu-svg svg {
    width: 100%;
    height: 100%;
}

.line {
    fill: none;
    stroke: var(--secondary-color);
    stroke-width: 6;
    transition: stroke-dasharray 600ms 
    cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms 
    cubic-bezier(0.4, 0, 0.2, 1);
}

.line1 {
    stroke-dasharray: 60 207;
    stroke-width: 6;
}

.line2 {
    stroke-dasharray: 60 60;
    stroke-width: 6;
}

.line3 {
    stroke-dasharray: 60 207;
    stroke-width: 6;
}

.burger_menu-svg.active .line1 {
    stroke-dasharray: 90 207;
    stroke-dashoffset: -134;
    stroke-width: 6;
}

.burger_menu-svg.active .line2 {
    stroke-dasharray: 1 60;
    stroke-dashoffset: -30;
    stroke-width: 6;
}

.burger_menu-svg.active .line3 {
    stroke-dasharray: 90 207;
    stroke-dashoffset: -134;
    stroke-width: 6;
}

/* ! Footer */
.footer {
    padding-bottom: 5rem;
}

.home_footer {
    background: var(--primary-color);
}

.footer .cnt_wp {
    background: var(--white-color);
    border-radius: 30px;
    padding: 5rem 17rem 7rem 24rem;
    justify-content: space-between;
    align-items: flex-start;
}

.footer-left-txt {
    font-size: var(--60-font);
    opacity: 0.2;
    line-height: 5.5rem;
    letter-spacing: -3px;
}

.footer-left-txt span {
    font-family: var(--uniheavy);
}

.date_report {
    margin-top: 3rem;
    font-size: var(--18-font);
    font-family: var(--epundalight);
}

.footer-right {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    gap: 10rem;
}

.footer-contact {
    display: flex;
    flex-direction: column;
    gap:  2.8rem;
}

.contact-method,
.contact-num,
.contact-media,
.contact-address,
.contact-email,
.footer-privacy {
    font-size: var(--18-font);
    line-height: 2.4rem;
    font-family: var(--epundalight);
}

.contact-method {
    color: var(--brown-color);
    font-weight: 700;
}

.footer-link {
    transition: var(--transition-03);
}

.footer-link:hover {
    color: var(--tealGreen-color);
}

/* ! homepage */
.banner_home {
    overflow: hidden;
}

.homemain_animation {
    position: relative;
    width: 165rem;
    height: 100rem;
    margin: 0 auto;
}

.imprinting .cnt_wp {
    align-items: center;
}

.imprinting-txt-left {
    width: 28.5%;
    margin-left: auto;
    font-family: var(--epundalight);
    font-size: var(--24-font);
    line-height: 2.5rem;
}

.imprinting-img-right {
    width: 60%;
    height: 80rem;
}

.imprinting-animation {
    width: 114rem;
}

.at_a_glance {
    margin-top: 5rem;
    padding: 5rem 0 0;
    height: 54.5rem;
    background: var(--white-color);
    position: relative;
}

.glance_title {
    text-align: center;
    font-size: var(--80-font);
    font-family: var(--uniheavy);
}

.glance_title span {
    font-size: var(--28-font);
    font-family: var(--epundalight);
    display: block;
    margin-bottom: 10px;
}

.animal_img {
    position: absolute;
    top: 18rem;
    left: 50%;
    transform: translateX(-50%);
    width: 85%;
    z-index: 1;
}

.glasses_img {
   position: absolute;
   bottom: -5px;
   width: 100%;
   overflow: hidden;
}

.p_word_info .cnt_wp,
.career .cnt_wp,
.climate_strategy .cnt_wp,
.local_circular .cnt_wp,
.biodiversity .cnt_wp,
.directors .cnt_wp,
.policy .cnt_wp,
.environmental .cnt_wp {
    flex-direction: column;
}

.p_word_summary {
    padding-top: 4.5rem;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 13rem;
    font-family: var(--uniheavy);
}

.summary-info-left,
.summary-info-right {
  display: table-cell;
  font-weight: 300;
  text-align: right;
  position: relative;
}

.p_word_summary-title {
    font-size: var(--95-font);
    font-weight: 300;
    text-transform: uppercase;
    width: 23rem;
    position: relative;
    bottom: -6px;
    line-height: 8rem;
}

.p_word_summary-wp {
    display: table;
    width: 55rem;
    table-layout: fixed;
}

.info-year {
    font-size: var(--50-font);
    color: var(--white-color);
    position: absolute;
    right: 0;
    top: -8rem;
}

.info-figure {
    font-size: var(--55-font);
}

.p_word_summary.process .info-figure {
    text-transform: capitalize;
}

.info-txt {
    font-size: var(--20-font);
}

.p_word_summary.people {
    background: var(--limeGreen-color);
    padding-top: 15.7rem;
}

.p_word_summary.people .info-figure{
    padding-top: 5rem;
}

.p_word_summary.people .p_word_summary-title,
.p_word_summary.people .info-figure,
.p_word_summary.people .info-txt  {
    color: var(--tealGreen-color);
}

.p_word_summary.planet {
    background-color: var(--tealGreen-color);
}

.p_word_summary.planet .p_word_summary-title,
.p_word_summary.planet .info-figure,
.p_word_summary.planet .info-txt {
    color: var(--emeraldGreen-color); 
}

.p_word_summary.planet .info-figure {
    line-height: 4rem;
}

.p_word_summary.planet .info-figure span {
    font-size: var(--45-font);
}

.p_word_summary.process {
   background-color: var(--emeraldGreen-color);
}

.p_word_summary.process .info-figure {
   padding-top: 1.5rem;
   line-height: 4.5rem;
}

.p_word_summary.process .p_word_summary-title,
.p_word_summary.process .info-figure,
.p_word_summary.process .info-txt {
   color: var(--primary-color); 
}

.p_word_summary.profit {
    background-color: var(--primary-color);
}

.p_word_summary.profit .p_word_summary-title,
.p_word_summary.profit .info-figure,
.p_word_summary.profit .info-txt  {
    color: var(--white-color);
}

.p_word_summary.profit .info-figure {
    padding-top: 4rem;
}

.p_word_summary.profit .info-figure span {
    font-size: var(--24-font);
}

.fix_download {
    position: fixed;
    top: 15rem;
    right: 0;
    z-index: 1;
}

.menuActive .fix_download {
    z-index: unset;
}

/*! about us */
.about_intro {
    margin-top: 10em;
}

.about_intro .cnt_wp {
    justify-content: flex-start;
}

.about_intro-left {
    z-index: 1;
    width: 50%;
    overflow: hidden;
}

.about_animation {
    position: relative;
    width: 145rem;
    height: 85rem;
}

.about_intro-right {
    width: 50%;
}

.about_intro-yellowShape {
    position: relative;
    margin-top: 7rem;
    max-width: 82rem;
}

.about_intro-yellowShape img,
.corporate-right img,
.livestook_bg_img img,
.floating_egg-right img,
.floating_egg-left img,
.key_result_mau-img img,
.governance_structure-img img,
.regional_img-right img,
.bg_brown-img img,
.yellow_egg_bg img,
.key_result_mada-img img,
.girl_yellow-img img,
.financial_big_shpae img,
.half-egg img  {
    mix-blend-mode: multiply;
}

.review_txt_wp {
    position: absolute;
    top: 60%;
    left: 55%;
    transform: translate(-50%, -50%);
    width: 64%;
    font-family: var(--epundalight);
}

.review_txt {
    font-size: var(--24-font);
    line-height: 3rem;
    margin-bottom: 3rem;
}

.chairperson-name {
   font-size: var(--28-font);
   font-family: var(--uniheavy);
   margin-bottom: 0.5rem;
}

.chairperson-position {
  font-size: var(--24-font);
  margin-bottom: 3rem;
  font-family: var(--epundalight);
}

.link {
   font-family: var(--epundalight);
   font-size: var(--18-font);
   padding: 1rem 2rem;
   color: var(--white-color);
   background: var(--secondary-color);
   display: inline-block;
   border-radius: 50px;
   text-transform: uppercase;
   transition: var(--transition-03);
   font-weight: 700;
}

.link:hover {
    background: var(--white-color);
    color:var(--secondary-color);
}

.mission .cnt_wp {
    background: #FAF6EC;
    padding: 13rem 20rem 30rem;
    position: relative;
    border-radius: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mission-left {
    display: flex;
    flex-direction: column;
    gap: 8rem;
}

.mission-left,
.mission-right {
    z-index: 1;
}

.mission-right {
    padding-top: 8rem;
}

.mission-name {
    font-family: var(--uniheavy);
    font-size: var(--55-font);
    margin-bottom: 1rem;
}

.mission-txt {
   font-size: var(--24-font);
   line-height: 3rem;
   max-width: 40rem;
   font-family: var(--epundalight);
}

.misson-right-bottom {
    max-width: 35rem;
}

.mission-img {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    max-width: 45%;
}

.values-list {
    display: flex;
    flex-direction: column;
    gap: 1.5rem
}

.values-list li {
   list-style: disc;
   padding-left: 2rem;
   max-width: 30rem;
}

.sustainability {
    margin-top: 8rem;
    text-align: center;
}

.inner_page-subTitle {
     font-size: var(--55-font);
     font-family: var(--uniheavy);
     text-transform: uppercase;
}

.sustainability_title {
   margin-bottom: 2rem;
}

.inner_page-txt {
    font-size: var(--24-font);
    line-height: 3rem;
    font-family: var(--epundalight);
}

.sustainability_txt {
   max-width: 80rem;
   margin: 0 auto 2rem;
}

.link-sustainability {
   margin: 0 auto;
}

.sustainability-img {
   width: 80%;
   margin: 10rem auto 0;
}

.corporate_identity {
    position: relative;
}

.corporate-left {
    position: absolute;
    bottom: 1rem;
    left: 8px;
    z-index: 1;
}

.corporate-right {
    margin-left: auto;
    position: relative;
}

.corporate_txt_cnt {
    width: 60%;
    position: absolute;
    top: 54%;
    left: 64%;
    transform: translate(-50%, -50%);
}

.corporate-title {
    font-size: var(--55-font);
    margin-bottom: 3rem;
    text-transform: uppercase;
}

.corporate_txt_wp {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8rem;
}

.corporate-repeat:not(:first-child) {
    padding-top: 4.2rem;
}

.corporate-repeat-title {
    font-family: var(--uniheavy);
    font-size: var(--22-font);
}

.name-list {
    margin-top: 2.5rem;
}

.name-list li {
    font-size: var(--22-font);
}

.name-list li:not(:last-child) {
    margin-bottom: 1rem;
}

/*! our governance page */
.governance_banner_page {
    background-image: url('../assets/images/todelete/governance_background.jpg');
}

.banner_intro_wp {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.banner_intro-left {
    width: 45%;
    padding-left: 25rem;
    margin-right: auto;
}

.banner_intro-right {
   overflow: hidden;
   width: 55%;
   position: relative;
}

.banner_img_logo {
    position: relative;
    width: 135%;
    height: 100%;
    left: -35%;
    top: -10px;
}

.inner_intro-banner {
    position: relative;
}

.inner_page_title {
    font-family: var(--uniheavy);
    color: var(--white-color);
    font-size: var(--80-font);
    line-height: 9rem;
    margin-bottom: 1rem;
    max-width: 60rem;
    text-transform: uppercase;
}

/* .inner_page_txt-wp {
    position: absolute;
    top: 60%;
    left: 10%;
    transform: translateY(-50%);
} */

.link-downloadFull {
    font-family: var(--uniheavy);
    position: absolute;
    bottom: 0;
    left: 10%;
    background: var(--primary-color);
    padding: 1.2rem 7.5rem;
    font-size: var(--24-font);
    display: flex;
    align-items: center;
    gap: 2rem;
    text-transform: uppercase;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
}

.shareholding_group {
    margin-top: 10rem;
}

.shareholding-title {
    line-height: 6rem;
}

.shareholding_diagram {
    margin-top: 7rem;
}

.livestook {
    position: relative;
    padding-top: 10rem;
}

.livestook_img {
    width: 50%;
    margin: 0 auto;
    z-index: 1;
}

.livestook_bg_img {
    position: absolute;
    top: 17rem;
}

.lft_group {
    margin-top: 7rem;
}

.lft_group .cnt_wp {
    position: relative;
}

.lft_group-img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70%;
    z-index: 1;
}

.diagram-wp .cnt_wp {
    justify-content: center;
    gap: 5rem;
}

.board_diagram {
    margin-top: 15rem
}

.governance_structure .cnt_wp {
    justify-content: center;
    align-items: center;
}

.governance_structure-title{
    font-size: var(--85-font);
    font-family: var(--uniheavy);
    position: relative;
    left: 5.5rem;
}

.governance_structure-left {
    width: 28%;
    z-index: 1;
}

.governance_structure-right {
    width: 72%;
    position: relative;
}

.yellow_egg_bg {
    width: 95%;
}

.governance_structure-img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 85%;
    z-index: 1;
}

.directors_swiper_wp {
    width: 100%;
}

.directors {
    margin-top: 7rem;
    margin-bottom: 3rem;
}

.directors .cnt_wp {
    font-family: var(--uniheavy);
    border-radius: 30px;
    background: #67481C;
    padding-top: 7rem;
    text-align: center;
    padding-bottom: 7rem;
    padding-left: 5rem;
}

.directors-title {
    color: white;
    font-size: var(--55-font);
    margin-bottom: 7rem;
    width: 100%;
}

.director-name {
    font-size: var(--20-font);
    color: var(--primary-color);
    font-family: var(--uniheavy);
    margin-bottom: 0.5rem;
}

.director-position {
    font-size: var(--16-font);
    color: var(--white-color);
    font-family: var(--uniregular);
}

.directors_swiper .swiper-wrapper {
    padding-bottom: 7rem;
} 

.director_swiper_nav {
    display: flex;
    padding: 0 10rem;
    gap: 2rem;
}

.director_swiper_nav .swiper-button-next, 
.director_swiper_nav .swiper-button-prev,
.director_swiper_nav .swiper-pagination {
    position: relative;
}

.director_swiper_nav .swiper-pagination-progressbar-fill {
    background: var(--primary-color);
}

.director-img {
    max-width: 32rem;
}

/*! performance & impact */
.performace_banner_page {
    background-image: url('../assets/images/todelete/performance_background.jpg');
}

.performace_banner_page .banner_img_logo {
    top: 10rem;
}

.policy,
.creed {
    margin: 12rem 0 5.5rem;
}

.policy .inner_page-subTitle,
.creed .inner_page-subTitle {
    margin-bottom: 1.5rem;
    color: var(--brown-color);;
}

.policy .inner_page-txt,
.creed .inner_page-txt {
    max-width: 120rem;
}

.environmental .cnt_wp {
    background: var(--white-color);
    border-radius: 30px;
    padding: 10rem 0 7rem;
}

.environmental-repeat-wp {
    display: flex;
    justify-content: center;
    gap: 6rem;
}

.frame_img {
    max-width: 44rem;
}

.environmental-repeat {
    position: relative;
}

.environmental_txt_wp {
    position: absolute;
    top: -15px;
    left: 5rem;
}

.social_responsibility .environmental_txt_wp,
.governance_developlement .environmental_txt_wp {
     top: -3.5rem;
}

.environmental-title {
    font-size: var(--30-font);
    font-family: var(--uniheavy);
    margin-bottom: 2rem;
    min-height: 7rem;
}

.environ .environmental-title {
    color: #2D7945;
}

.social_responsibility .environmental-title {
    color: #F47929;
    margin-bottom: 3.5rem;
}

.governance_developlement .environmental-title {
    color: #49C0B6;
    margin-bottom: 3.5rem;
}

.environmental-txt {
    font-family: var(--epundalight);
    font-size: var(--18-font);
    max-width: 34rem;
}

.policy_communicate {
    font-family: var(--epundalight);
    font-size: var(--24-font);
    margin: 5rem auto 0;
    max-width: 87rem;
    text-align: center;
}

.social_impact {
    position: relative;
    margin-top: 7rem;
}

.social_impact .cnt_wp {
    align-items: center;
    gap: 5rem;
    position: relative;
}

.social_impact .inner_page-subTitle {
    color: var(--brown-color);
    margin-bottom: 2rem;
}

.social_points {
    font-size: var(--18-font);
    font-family: var(--epundalight);
    max-width: 61rem;
}

.social_points:not(:first-child) {
    margin-top: 2rem
}

.social_points-title {
    color: var(--brown-color);
    font-weight: 700;
    margin-bottom: 0.5rem;
}

.floating_egg-right {
    position: absolute;
    top: 12rem;
    right: 8rem;
}

.key_result_mau {
    position: relative;
    height: 112rem;
}

.floating_egg-left {
    position: absolute;
    top: 1rem;
    left: 5rem;
}

.key_result_mau-img {
    margin-left: auto;
    max-width: 95%;
    position: absolute;
    top: -10rem;
    right: 0;
}

.key_mau-cnt {
    position: absolute;
    top: 56%;
    left: 56%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.key_mau-wp {
    position: relative;
    width: 120rem;
    height: 75rem;
}

.egg-box {
    position: absolute;
}

.egg-box-1 {
    font-size: var(--30-font);
    color: var(--white-color);
}

.egg-box-1 span {
    font-size: var(--65-font);
    color: var(--primary-color);
    display: block;
    font-family: var(--uniheavy);
    padding-top: 1rem;
}

.egg-box-2 {
    max-width: 36rem;
    top: 18%;
    left: 0;
}

.egg-box-3 {
    max-width: 42rem;
    top: 0%;
    left: 32%;
}

.egg-box-4 {
    max-width: 33rem;
    top: -4%;
    right: 4rem;
}

.egg-box-5 {
    max-width: 39rem;
    bottom: 0;
    left: 10%;
}

.egg-box-6 {
    max-width: 30rem;
    bottom: 17%;
    left: 40%;;
}

.egg-box-7 {
    max-width: 29rem;
    bottom: 17%;
    right: 10%;
}

.key_result_mada {
    position: relative;
}

.key_result_mada-img {
    max-width: 95%;
}

.key_result_mada .cnt_wp {
    align-items: center;
}

.key_result_mada-left {
    width: 68%;
}

.key_result_mada-right {
     width: 32%;
}

.key_mada-title {
    font-size: var(--85-font);
    font-family: var(--uniheavy);
    position: relative;
    right: 37rem;
    top: 2rem;
    z-index: 1;
}

.key_mada-title span {
    font-size: var(--40-font);
    color: var(--brown-color);
    display: block;
    margin-top: 1rem;
}

.key_mada-cnt {
    position: absolute;
    top: 54%;
    left: 5%;
    transform: translateY(-50%);
    z-index: 2;
}

.key_mada-wp {
    position: relative;
    width: 87rem;
    height: 70rem;
}

.egg-box-8 {
    max-width: 40rem;
    top: 0;
    left: 30%;
}

.egg-box-9 {
    max-width: 47rem;
    bottom: 4%;
    left: 0;
}

.egg-box-10 {
    max-width: 30rem;
    bottom: 10%;
    right: 13%;
}

.key_result_mada .floating_egg-left {
    top: 20rem;
    right: 15rem;
    left: initial;
}

/*! our people */
.people_banner_page {
    background-image: url('../assets/images/todelete/people_background.png');
}

.people_banner_page .banner_img_logo {
    width: 119%;
    top: 6rem;
}

.our_foundation {
    position: relative;
}

.our_foundation .cnt_wp {
    height: 97.8rem;
}

.our_foundation-left {
    width: 34%;
}

.women_img {
    top: 0;
    left: 5%;
    z-index: 1;
}

.girl_yellow-wp {
    bottom: 1%;
}

.girl_yellow-img {
    position: relative;
}

.girl_yellow-txt {
    position: absolute;
    font-size: var(--28-font);
    font-family: var(--uniheavy);
    bottom: 35%;
    left: 27%;
}

.girl_yellow-txt span {
    display: block;
}

.foundation_img {
    position: absolute;
}

.our_foundation-right {
     width: 58%;
     position: relative;
}

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

.creed-egg {
    position: absolute;
}

.creed-egg-1 {
    max-width: 30rem;
    top: 17%
}

.creed-egg-2 {
    max-width: 29rem;
    top: 2%;
    left: 27%;
    z-index: 1;
}

.creed-egg-3 {
    max-width: 32rem;
    top: 0;
    right: 17%;
}

.creed-egg-4 {
    max-width:33rem;
    top: 23%;
    right: 0;
}

.creed-egg-5 {
    max-width: 24rem;
    bottom: 23%;
    left: 23%;
    z-index: 1;
}

.creed-egg-6 {
    max-width: 20rem;
    bottom: 14%;
    right: 36%;
}

.creed-egg-7 {
    max-width: 33rem;
    bottom: 22%;
    right: 8%;
}

.creed-egg-8 {
    max-width: 25rem;
    bottom: 35%;
}

.creed-egg-9 {
    max-width: 49rem;
    top: 22%;
    left: 25%;
}

.career {
    margin-top: 5rem;
}

.career-title {
    font-family: var(--uniheavy);
    font-size: var(--55-font);
    margin-bottom: 0.5rem;
    color: var(--brown-color);
}

.career-top,
.career-bottom {
    display: flex;
    align-items: flex-start;
}

.career-bottom {
    margin-top: 2.5rem;
}

.career-subTitle {
    font-size: var(--35-font);
    color: var(--brown-color);
    margin-bottom: 2rem;
}

.career-txt {
   font-family: var(--epundalight);
   font-size: var(--24-font);
   line-height: 3rem;
}

.career-txt span {
    font-family: var(--uniheavy);
    font-size: var(--28-font);
    display: block;
}

.career-top-left,
.career-bottom-left{
    width: 50%;
}

.career-top-right,
.career-bottom-right {
    width: 45%;
    margin-left: auto;
}

.training_table table {
    width: 41rem;
    border-collapse: collapse;
}

.training_table table th {
    text-align: left;
    background: var(--primary-color);
    font-size: var(--18-font);
    font-family: var(--uniheavy);
    padding: 1rem;
}

table tr {
    background: #DCCFBD;
}

.training_table table td {
    font-size: var(--18-font);
    padding: 1rem;
    text-align: left;
}

.training_table table th:nth-child(even),
.training_table table td:nth-child(even) {
    text-align: center;
}

.diversity {
    margin-top: 10rem;
    margin-bottom: 8rem;
}

.diversity .cnt_wp {
    position: relative;
}

.diversity_txt_cnt {
    display: flex;
    width: 100%;
    position: absolute;
    top: 0;
}

.diversity-left {
    color: var(--white-color);
    width: 47.3%;
    padding: 10rem 3rem 0 10rem;
}

.diversity-title {
    font-family: var(--uniheavy);
    font-size: var(--32-font);
    margin-bottom: 2rem;
}

.diversity-subTitle {
    font-size: var(--30-font);
    margin-bottom: 2rem;
}

.diversity-txt {
    font-size: var(--20-font);
    line-height: 3rem;
}

.diversity_img img {
    border-radius: 25px;
}

.bg_brown-img {
    width: 100%;
}

/* .diversity .bg_brown-img img {
    height: 97.7%;
} */

/*! our planet */
.planet_banner_page {
    background-image: url('../assets/images/todelete/planet_background.jpg');
}

.planet_banner_page .banner_intro-left {
    width: 35%;
}

.planet_banner_page .banner_img_logo {
    left: -30%;
    top: 8rem;
}

.environmental_impact .inner_page-subTitle {
    color: var(--brown-color);
    margin-bottom: 2rem;
}

.environmental_impact .inner_page-txt {
    max-width: 72rem;
}

.environmental_impact-left {
    width: 45%;
    padding: 15rem 0 0 15rem;
}

.environmental_impact-right-img {
    width: 98%;
}

.environmental_impact-right {
    width: 52%;
    margin-left: auto;
    position: relative;
}

.climate_strategy {
    margin-top: 10rem;
}

.climate_strategy .inner_page-subTitle {
    color: var(--brown-color);
    text-align: center;
    margin-bottom: 2rem;
}

.stategy_wp {
    position: relative;
}

.stategy_wp:not(:last-child) {
    margin-bottom: 10rem;
}

.chicken_img {
    max-width: 35rem;
    position: absolute;
    top: 10%;
    right: 15%;
}

.stategy_wp .strategy_txt {
    color: var(--white-color);
    background: #176727;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    padding: 7rem 15rem 2rem 20rem;
}

.stategy_wp.strategy_2026  .strategy_txt{
    background: #F8B133;
    padding-bottom: 15rem;
}

.egg_date {
    position: absolute;
    top: 0;
    left: 5rem;
}

.stategy_wp .egg_date-img {
    max-width: 37rem;
    position: relative
}

.stategy_wp .egg_date-txt {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--white-color);
    font-family: var(--uniheavy);
    font-size: var(--100-font);
}

.strategy_txt li {
    font-size: var(--35-font);
    font-family: var(--epundalight);
    list-style: disc;
    margin-bottom: 4rem;
    font-weight: 600;
}

.strategy_2026 .strategy_txt li {
    color: var(--brown-color);
}

.strategy_txt li::marker {
    color: var(--white-color);
    width: 20px;
    height: 20px;
}

.strategy_txt li span.number {
    font-size: var(--100-font);
    margin-bottom: 2rem;
    display: inline-block;
}

.strategy_txt li span {
    color: #2EB94A;
    font-family: var(--uniheavy);
    font-size: var(--30-font);
}

.electricity_diagram {
    margin-top: 15rem;
}

.diagram-left {
    padding-right: 2rem;
}

.diagram-right {
    padding-left: 2rem;
}

.biodiversity {
    margin-top: 7rem;
    position: relative;
}

.biodiversity_cnt {
    background-color: #FDBE00;
    padding-bottom: 10rem;
}

.biodiversity-title {
    color: var(--white-color);
    position: absolute;
    top: 20rem;
    left: 50%;
    transform: translateX(-50%);
}

.biodiversity_img_wp {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3rem;
    width: 80%;
    margin: 5rem auto 0;
}

.local_circular {
    margin-top: 7rem;
}

.local_circular .inner_page-subTitle {
    text-align: center;
}

.local_circular-img {
    margin-top: 9rem;
}

.waste_diagram {
    margin-top: 7rem;
    margin-bottom: 10rem;
}

.waste_diagram .diagram-right {
    padding-top: 5rem;
}

/*! our process */
.process_banner_page {
    background-image: url('../assets/images/todelete/process_background.jpg');
}

.process_banner_page .banner_img_logo {
    left: -25rem;
    top: 8rem;
}

.mauritius .inner_page-subTitle {
    color: var(--brown-color);
}

.mauritius .inner_page-txt {
    margin-top: 2rem;
    max-width: 58rem;
}

.mauritius .link {
    margin-top: 2rem;
}

.mauritius_impact-left {
    width: 42%;
    padding: 20rem 0 0 15rem;
}

.mauritius_impact-right {
    position: relative;
    width: 58%;
    height: 72rem;
    z-index: 1;
}

.process_egg {
    position: absolute;
}

.process_egg-1 {
    max-width: 56rem;
    bottom: 2%;
}

.process_egg-2 {
    max-width: 37rem;
    top: 0;
    left: 33%;
}

.process_egg-3 {
    max-width: 62rem;
    right: 0;
    bottom: 5%;
}

.regional {
    margin: 5rem 0;
}

.regional-left {
    position: relative;
    z-index: 1;
}

.regional_img-left {
    max-width: 82rem;
}

.regional-right {
    position: absolute;
    bottom: 18rem;
    right: 0;
    width: 65%;
}

.regional-right-wp {
   position: relative;
   overflow: hidden;
}

.regional_img-right {
    overflow: hidden;
}

.regional_flag-wp {
    position: absolute;
    top: 46%;
    left: 20%;
    z-index: 1;
}

.flag_wp {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 6rem;
    margin-top: 4rem;
}

.flag-pdf {
    margin-bottom: 6rem;
}

.flag-pdf.madagascar {
    max-width: 26rem;
}

.flag-pdf.rwanda {
    max-width: 17.6rem;
}

.flag-pdf.seychelles {
    max-width: 22rem;
}

.flag-pdf.kenya {
    max-width: 14rem;
}

.tree-img {
    position: absolute;
    bottom: 3.2%;
    right: -3%;
    z-index: 1;
}

/*! profit */
.profit_banner_page {
    background-image: url('../assets/images/todelete/profit_background.jpg');
}

.profit_banner_page .banner_img_logo {
    left: -45rem;
    top: 5rem;
}

.profit_intro {
    position: relative;
}

.profit_intro .cnt_wp {
    justify-content: space-between;
}

.at_glace_logo {
    max-width: 60rem; 
}

.profit_intro-left {
    padding: 9rem 2rem 5rem 17rem; 
}

.profit_intro-right {
    position: relative;
}

.profit_chicken_img {
    max-width: 43rem;
    position: absolute;
    bottom: 8%;
}

.figure_wp {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 15rem;
    margin-top: 5rem;
}

.figure-box {
    margin-bottom: 5rem;
    padding: 0 2rem 2rem 0;
    position: relative;
}

.figure-box::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 50%;
    bottom: 0;
    border-bottom: 5px solid #F49154;
    border-right: 5px solid #F49154;
    border-bottom-right-radius: 60px;
}

.figure-box .num {
    color: #564475;
    font-family: var(--uniheavy);
    font-size: var(--100-font);
}

/* .figure-left .figure-box:first-child .num {
    color: #7A4E1A;
}

.figure-left .figure-box:last-child .num {
    color: #644F25;
}

.figure-right .figure-box:first-child .num {
    color: #9C7B42;
}

.figure-right .figure-box:last-child .num {
    color: #CCA358;
} */

.big_num {
    font-size: var(--150-font);
}

.figure_txt {
    display: block;
    font-size: var(--45-font);
    font-family: var(--uniregular);
}

.big_purple_shape {
    max-width: 115rem;
    position: relative;
}

.operations_txt {
    font-size: var(--24-font);
    color: var(--white-color);
    position: absolute;
    top: 10%;
    left: 35%;
    transform: translateX(-35%);
    line-height: 3rem;
}

.profit_graph .cnt_wp {
    background: var(--white-color);
    border-radius: 40px;
    flex-direction: column;
    position: relative;
    padding: 10rem 0 15rem;
    margin-top: -50%;
    margin-bottom: 15rem;
}

.profit_graph .graph_two_col {
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.profit_graph .graph_two_col:first-child {
    gap: 14rem;
    padding: 0 11rem 
}

.revenue_graph,
.equity_graph {
    padding: 17rem 21rem 0;
}

.equity_graph {
    margin-bottom: 10rem;
}

.value_chart {
    padding-left: 11rem;
}

.brown_glass {
    position: absolute;
    bottom: 0;
    left: 0;
}

/* .operation-table table {
    width: 120rem;
    margin: 0 auto;
    border-collapse: collapse;
    margin-top: 4rem;
    margin-bottom: 8rem;
}

.operation-table table th {
    text-align: center;
    background: var(--primary-color);
    font-size: var(--20-font);
    font-family: var(--uniheavy);
    padding: 1rem;
    color: #42454A;
}

.operation-table table th span {
    display: block;
}

.operation-table table td {
    text-align: center;
    padding: 2rem;
    font-size: var(--18-font);
}

.operation-table table td:first-child {
    text-align: left;
}

.operation-table table td:nth-of-type(2) {
    background: var(--white-color);
} */

/*! up icon */
.up_icon {
    position: absolute;
    bottom: 5rem;
    right: 20rem;
    z-index: unset;
    cursor: pointer;
}

.up_icon.governance_up {
    bottom: 2rem;
}

.up_icon.governance_up svg path {
    fill: var(--white-color);
}

.up_icon.people_up {
    bottom: -6rem;
}

/*! financial statement */
.financial_banner_page {
    background-image: url('../assets/images/todelete/financial_statement-bkg.jpg');
}

.financial_banner_page .banner_img_logo {
    width: 72%;
    left: 0rem;
    top: 6rem;
}

.financial_pdf .cnt_wp {
    position: relative;
    padding-bottom: 10rem;
}

.pdf-wp {
    padding: 12rem 14rem 0 24rem;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    row-gap: 10rem;
    column-gap: 8rem;
    position: absolute;
}

.pdf_repeat {
    max-width: 45rem;
    padding-bottom: 2rem;
    position: relative;
    display: block;
}

.pdf_txt {
    color: #1B3C48;
    font-size: var(--40-font);
    font-weight: 800;
    line-height: 1.2;
    position: relative;
    display: block;
    padding: 0 2rem 0 7rem;
}

.pdf_txt::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='47' height='47' viewBox='0 0 47 47' fill='none'%3E%3Cpath d='M44.458 30.305V39.74C44.458 40.3596 44.336 40.9731 44.0989 41.5455C43.8618 42.1179 43.5142 42.638 43.0761 43.0761C42.638 43.5142 42.1179 43.8618 41.5455 44.0989C40.9731 44.336 40.3596 44.458 39.74 44.458H6.718C5.46671 44.458 4.26667 43.9609 3.38187 43.0761C2.49707 42.1913 2 40.9913 2 39.74V30.305M11.435 18.511L23.229 30.305M23.229 30.305L35.023 18.511M23.229 30.305V2' stroke='%231B3C48' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.pdf_repeat::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    border-bottom: 5px solid var(--white-color);
    border-right: 5px solid var(--white-color);
    border-bottom-right-radius: 60px;
}

.financial_chicken {
    position: absolute;
    bottom: 0;
    right: 28%;
}