/***************************************************************/
body, .poppins-font {
    font-family: "Poppins", sans-serif;
}
h1, h2, h3, h4, h5, h6, .afacad-font{font-family: "Afacad", sans-serif !important;}
.poppins-font{font-family: "Poppins", sans-serif!important;}
.capitalize{ text-transform: capitalize !important}
.lowercase{ text-transform: lowercase !important}
.uppercase{ text-transform: uppercase !important}

#header {box-shadow: none;position: absolute;}
.navbar-brand img {height: auto;}
.navbar-brand {margin-left: 0px;}
.banner-section-inner video {width: 100%;}
.banner-section-inner {position: relative;}
.banner-section {height: 100%;min-height: 100vh;position: relative; overflow: hidden;}
.banner-section-content {position: absolute;top: 50%;left: 50%;width: 100%;transform: translate(-50%, -50%);display: flex;align-items: center;justify-content: center;}


.ESG_Desktop_Banner {width: 100%;height: 100vh;position: relative;}
.ESG_Desktop_Banner::after {content: '';width: 100%;height: 100%;position: absolute;top: 0; left: 0;}
.ESG_Desktop_Banner img {width: 100%;}
.esgtitlebanner {position: relative;} 
.esgtitlebanner h1 {font-size: 64px;line-height: 70px; font-family: "Afacad", sans-serif;font-weight: 700;color: #000000;margin-bottom: 15px;text-align: left;text-transform: uppercase;}
.esgtitlebanner h2 {font-size: 64px;line-height: 70px; font-family: "Poppins", sans-serif;font-weight: 400;color: #23282A;text-align: left;background-color: #fff; padding: 3px 5px;display: inline-block;}
.esgtitlebanner01 {top: -37%;left: 35%;width: 50%;}

.relative {position: relative;}


/* .esgMain-img img {width: 100%;} */

.realESG-section {background-color: #fff;padding: 50px 0 100px 0;overflow: hidden;}
.realESG-inner {position: relative;}
.realESG-inner h2 {font-family: "Afacad", sans-serif; font-size: 112px; line-height: 112px; background: linear-gradient(90deg, #2B9E0A 20%, #750FA3 50%);-webkit-background-clip: text;-webkit-text-fill-color: transparent; text-transform: uppercase; transition: all cubic-bezier(0.19, 1, 0.22, 1)0.5s; -webkit-transition: all cubic-bezier(0.19, 1, 0.22, 1)0.5s; -moz-transition: all cubic-bezier(0.19, 1, 0.22, 1)0.5s; -ms-transition: all cubic-bezier(0.19, 1, 0.22, 1)0.5s; -o-transition: all cubic-bezier(0.19, 1, 0.22, 1)0.5s;position: relative;z-index: 1;margin-bottom: 40px;}
.realESG-inner p {font-family: "Poppins", sans-serif;font-weight: 500;font-size: 20px;line-height: 25px;color: #1D1D1D; font-style: italic;}
/* .realESG-img img {width: 100%;} */
.realESG-img {text-align: right;}

.sustainability-inner { background-size: cover; background-repeat: no-repeat;}

#restart-btn{background: linear-gradient(135deg, #e2dbe6, #eee9ea);color: black;}


.quiz-container {background: white;padding: 30px;border-radius: 12px;width: 100%;max-width: 600px;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);position: relative;display: flex;justify-content: center; align-items: center; flex-direction: column; margin: 10% auto;    }
h1 {margin-bottom: 10px;}
.intro { font-size: 16px; margin-bottom: 30px;}
h2 {margin-bottom: 0px;}
.options-container { display: flex; flex-direction: column; gap: 12px; margin-bottom: 20px;}
.option { background: #eaeaea;padding: 12px;border-radius: 8px;cursor: pointer;transition: background 0.3s;}
.option:hover { background: #d0d0d0;}
.option.selected { background: linear-gradient(135deg, #710EA6, #E31437);color: white;}
.next-button{background: linear-gradient(135deg, #710EA6, #E31437); border: none; padding: 0.75rem 1.5rem; font-weight: 600;border-radius: 8px; transition: background 0.3s ease, transform 0.2s ease; color: white; padding: 12px 24px; font-size: 16px; font-weight: 600; border: none; border-radius: 8px; cursor: pointer; transition: background-color 0.3s ease, transform 0.2s ease;}
.next-button:hover { background: linear-gradient(135deg, #FF4E50, #FC913A); /* Coral to Orange */ transform: scale(1);}
.next-button:active {
 transform: scale(1);}
.hidden { display: none;}
#result-box{   padding: 25px;  background: linear-gradient(135deg, #5E0B87, #C3112F);  border-radius: 9px;}
#result-box h3{ color: #ffffff;}
#result-box p{ color: #ffffff}

/* natures Slick slider */
.slider-wrapper { max-width: 600px; margin: auto; position: relative;}
.slider .slide { text-align: center; }
.slide-content { display: flex; justify-content: center;}
.slide-content img {  width: 100%;  max-height: 300px;  object-fit: cover;  border-radius: 6px;}
.description-box {  background: linear-gradient(to bottom, #710EA6, #E31437);  color: white;  padding: 20px;  text-align: center;
  border-radius: 0 0 6px 6px;margin-top: 6px;}
.description-box h4 { margin-bottom: 10px; font-size: 25px !important;font-weight: bold; font-weight: 800;}
.description-box p {font-size: 20px !important;line-height: 1.5;}
.custom-prev,.custom-next { background: none; border: none; position: absolute; top: 45%;transform: translateY(-50%); z-index: 10;
 cursor: pointer; }
.custom-prev { left: -40px}
.custom-next { right: -40px;}
.custom-prev img,.custom-next img {  width: 30px;  height: 30px; }
.slick-prev,.slick-next {position: absolute;top: 50%;transform: translateY(-50%);border-radius: 50%;width: 10px;height: 10px;display: flex;align-items: center;justify-content: center;cursor: pointer;z-index: 10;left: auto;}
.slick-prev {left: -60px;  }
.slick-next {right: -60px; }


.timeline-line {display: flex;flex-direction: column;align-items: center; height: 300px;  position: relative; top: -18.2rem;left: -18%;}
.circle { width: 20px; height: 20px; background-color: white; border: 3px solid #fff; border-radius: 50%; z-index: 1;}
.dotted-line { flex-grow: 1; width: 2px; background: repeating-linear-gradient(   to bottom,   white,   white 5px,   transparent 5px,
 transparent 10px);}
.bottom-circle {width: 40px;height: 40px;background: #fff;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.bottom-circle img { width: 40px; height: 40px;}
.timeline-year {font-size: 35px !important;font-weight: 800;color: #FFFFFF;}
.timeline-title {font-size: 25px !important;font-weight: 700;line-height: 30px;}
.timeline-desc {font-size: 20px !important; line-height: 30px; min-height: 80px; }

.timeline-line {display: flex;flex-direction: column; align-items: center;}
.timeline-line.odd {transform: rotate(180deg);}

/* Optional: flip image back upright if it gets rotated */
.timeline-line.odd img {
  transform: rotate(180deg);}
.odd{top:-2.5rem;}
.down-memory-section{padding: 80px 0; background-color: rgb(236, 241, 247); text-align: center;}

.down-memory-inner h2 { margin-bottom: 20px; font-size: 130px; line-height: 125px; background: linear-gradient(90deg, #DD143D 20%, #710EA6 50%);-webkit-background-clip: text;-webkit-text-fill-color: transparent; text-transform: uppercase; transition: all cubic-bezier(0.19, 1, 0.22, 1)0.5s; -webkit-transition: all cubic-bezier(0.19, 1, 0.22, 1)0.5s; -moz-transition: all cubic-bezier(0.19, 1, 0.22, 1)0.5s; -ms-transition: all cubic-bezier(0.19, 1, 0.22, 1)0.5s; -o-transition: all cubic-bezier(0.19, 1, 0.22, 1)0.5s;position: relative;z-index: 1; }

.arrow-btn-wrap {position:relative;bottom:-25px;left:0px;z-index: 1; margin-bottom: 5%;}
.btn-gradient-white {background-color: #fff;font-family: "Poppins", sans-serif; font-size: 21px;line-height: 26px;color: #000;font-weight: 400;text-transform: uppercase;padding: 10px 42px 10px 15px;position: relative; transition: transform 0.3s ease-out;}
.btn-gradient-white img {position: absolute;top: 15px; right: 13px; transition: transform 0.3s ease-out; }
.btn-gradient-white:hover img { transform: translateX(3px); -webkit-transform: translateX(3px); -moz-transform: translateX(3px); -ms-transform: translateX(3px); -o-transform: translateX(3px); }
.btn-gradient-white:hover {background: rgb(113,14,166);background: linear-gradient(0deg, rgba(227,20,55,1) 0%, rgba(113,14,166,1) 100%); text-decoration: none;color: #fff;}

.caseStudyarrow-btn-wrap {margin-top: 45px;}

.btn-gradient {background: rgb(113,14,166);background: linear-gradient(0deg, rgba(113,14,166,1) 0%, rgba(227,20,55,1) 100%);font-family: "Poppins", sans-serif; font-size: 18px;line-height: 24px;color: #fff;font-weight: 600;text-transform: uppercase;padding: 10px 20px 10px 20px;position: relative; transition: transform 0.3s ease-out;}
.btn-gradient img {position: absolute;top: 15px; right: 13px; transition: transform 0.3s ease-out; }
.btn-gradient:hover img { transform: translateX(3px); -webkit-transform: translateX(3px); -moz-transform: translateX(3px); -ms-transform: translateX(3px); -o-transform: translateX(3px); }
.btn-gradient:hover {background: rgb(113,14,166);background: linear-gradient(0deg, rgba(227,20,55,1) 0%, rgba(113,14,166,1) 100%); text-decoration: none;color: #fff;}

 



.sustainability-inner {padding: 30px 30px;box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;margin-top: -100px;z-index: 1;position: relative;  background-repeat: no-repeat;background-size: cover;position: relative;}

.sustainability-h2{ color: #fff; text-transform: uppercase;font-family: "Afacad", sans-serif; font-size: 100px;font: 700; line-height:95px;position: relative;   z-index: 4; background-clip: text; -webkit-background-clip: text; background-size: cover;   background-position: center;}

.inside-left{color: #ffff; width: 43% !important; margin-bottom: 2%;}
.sustainability-inner .mask-white {background: linear-gradient(to bottom, #710EA6, #E31437);width: 55%;height: 100%;position: absolute; top: 0;left: 0;z-index: -1;}
/*.sustainability-inner:after {content: '';background-color: rgb(255 255 255 / 30%);width: 70%;height: 100%;position: absolute;right: 0;top: 0;z-index: -1;filter: blur(50px);}*/
.inverse_triangle {background: none;width: 0;height: 0;border-top: 60px solid rgba(255, 255, 255, 1); border-left: 0px solid transparent;border-right: 70px solid transparent;position: absolute;bottom: -48px;left: 15%;}



 

/***************************************************************/


/**ANIMATION**/
.animation-element.slide-up {opacity: 0;-moz-transition: all 500ms;	-webkit-transition: all 500ms ;	-o-transition: all 500ms ;	transition: all 500ms ;	-moz-transform: translate3d(0,200px,0);	-webkit-transform: translate3d(0,200px,0);	-o-transform: translate3d(0,200px,0);	-ms-transform: translate3d(0,200px,0);	transform: translate3d(0,200px,0);}
.animation-element.slide-up.in-view {opacity: 1;-moz-transform: translate3d(0,0,0);-webkit-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);	-ms-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}

.animation-element.slide-right {opacity: 0;-moz-transition: all 500ms;	-webkit-transition: all 500ms ;	-o-transition: all 500ms ;	transition: all 500ms ;	-moz-transform: translate3d(200px,0,0);	-webkit-transform: translate3d(200px,0px,0);	-o-transform: translate3d(200px,0,0);	-ms-transform: translate3d(200px,0,0);	transform: translate3d(200px,0,0);  }
.animation-element.slide-right.in-view {opacity: 1;-moz-transform: translate3d(0,0,0);-webkit-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);	-ms-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}

.animation-element.slide-left {opacity: 0;-moz-transition: all 500ms;	-webkit-transition: all 500ms ;	-o-transition: all 500ms ;	transition: all 500ms ;	-moz-transform: translate3d(-200px,0,0); -webkit-transform: translate3d(-200px,0px,0);-o-transform: translate3d(-200px,0,0);-ms-transform:  translate3d(-200px,0,0);transform:  translate3d(-200px,0,0);  }
.animation-element.slide-left.in-view {opacity: 1;-moz-transform: translate3d(0,0,0);-webkit-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);	-ms-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}

.animation-element-out.animation-element .flip {opacity: 0;transition-duration: 0.6s;transition-timing-function: cubic-bezier(0.4, -0.05, 0.25, 1);visibility: hidden;backface-visibility: hidden;transition-property: transform;transform: perspective(2500px) rotateY(-100deg); transition-delay: 0.1s; }
.animation-element-out.animation-element.in-view .flip {opacity: 1;transform: perspective(2500px) rotateY(0);visibility: visible;}

.delay-1{ transition-delay: 0.1s !important;}
.delay-2{ transition-delay: 0.2s !important;}
.delay-3{ transition-delay: 0.3s !important;}
.delay-4{ transition-delay: 0.4s !important;}
.delay-5{ transition-delay: 0.5s !important;}
.delay-6{ transition-delay: 0.6s !important;}


.articlebanner-section {position: relative;background: rgb(113,14,166);background: linear-gradient(265deg, rgba(113,14,166,1) 0%, rgba(227,20,55,1) 120%);width: 100%;height: 100vh; padding: 170px 0px 60px 0;}
.articlebanner-section-inner h1 {color: #fff;font-size: 85px;line-height: 95px;font-weight: 700;text-transform: uppercase;}
.articlebanner-intro p {margin-bottom: 0;font-size: 25px;line-height: 35px;font-family: "Poppins", sans-serif;font-style: italic;color: #fff;}
.main-articlebodycontainer #header {box-shadow: 0 3px 10px #00000021;background: #fff;position: absolute;}
.main-articlebodycontainer #header .nav-link {color: #000 !important;}
.main-articlebodycontainer #header .navbar-logowhite {display: none;}
.main-bodycontainer #header .navbar-logo {display: none;}

/* .main-bodycontainer .navbar-light .navbar-toggler-icon {border-bottom: 1px solid #fff;} */
/* .main-bodycontainer .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {border-color: transparent;} */
/* .main-bodycontainer .navbar-light .navbar-toggler-icon:after, .main-bodycontainer .navbar-light .navbar-toggler-icon:before {background-color: #fff;} */

#navbarSupportedContent .navbar-nav { padding-left: 15px !important;padding-right: 15px !important;}


 
.sustainability-section {background-color: #ECF1F7;padding-bottom: 120px;}

.down-memory-row {display: flex;align-items: start;justify-content: center;gap: 30px;width: 100%;margin-top: 80px;}
.down-memory-list {margin-bottom: 30px;position: relative;}
.down-memory-list p {color: #23282A;font-size: 16px; line-height: 24px;font-style: italic;margin-bottom: 0;padding-top: 0;text-align: left;position: relative;bottom: 0;}
.down-memory-list img {width: 100%;}
.dual-imgs {display: flex;gap: 30px;align-items: center;justify-content: center;width: 100%;}






.olympicgames-section {position: relative;padding: 100px 0;padding-bottom:0 !important ; background: linear-gradient(265deg, rgba(113, 14, 166, 1) 30%, rgba(221, 20, 61, 1) 100%);}
.olympicgames-h2 {font-size: 130px;line-height: 125px; color: #fff;text-transform: uppercase;text-align: center;}
.p-0 {padding: 0 !important;}
.olympicgames-inner {display: flex;flex-direction: column; /*align-items: normal;*/justify-content: center;gap: 30px;position: relative;z-index: 1;width: 100%;min-height: 550px;}
.olympicgames-img {opacity: 1;}
.olympicgames-num {background-color: #fff;font-size: 18px;line-height: 24px;color: #23282A; width: 51px;height: 51px; font-weight: 700; display: flex;align-items: center;justify-content: center;opacity: 0.8;    position: absolute; top: 270px;z-index: 10;}
.olympicgames-content {text-align: left;max-width: 100%;}
.olympicgames-content p {font-size: 15px;line-height: 25px;color: #fff;margin-bottom: 12px !important;}



/* 
.olympicgames-slider .slick-current.slick-center .olympicgames-content p{opacity: 1;}
.olympicgames-slider .slick-current.slick-center .olympicgames-img {opacity: 1;}
.olympicgames-slider .slick-current.slick-center .olympicgames-num {opacity: 1;}
.olympicgames-slider .slick-slide .olympicgames-inner .olympicgames-img {transform: scale(0.9);transition: all 0.4s ease-in-out;}
.olympicgames-slider .slick-slide .olympicgames-inner .olympicgames-content {transform: scale(0.9);transition: all 0.4s ease-in-out;opacity: 0.8;}
.olympicgames-slider .slick-current.slick-active .olympicgames-inner .olympicgames-img{transform: scale(1.1);}
.olympicgames-slider .slick-current.slick-active .olympicgames-inner .olympicgames-content{transform: scale(1.1);opacity: 1;}
.olympicgames-slider .slick-current.slick-center .olympicgames-inner .olympicgames-img{transform: scale(1.1);}
.olympicgames-slider .slick-current.slick-center .olympicgames-inner .olympicgames-content{transform: scale(1.1);}
.olympicgames-slider .slick-track{padding: 120px 0 40px 0;}
.olympicgames-slider .slick-slide:nth-child(even) .olympicgames-inner {flex-direction: column-reverse;}
.olympicgames-slider .slick-slide:nth-child(even) .olympicgames-inner .olympicgames-content {position: relative;top: 50px;}
.olympicgames-slider .slick-slide:nth-child(even) .olympicgames-inner .olympicgames-img{position: relative;bottom: -150px;}
.olympicgames-slider .slick-slide:nth-child(odd) .olympicgames-inner .olympicgames-content {position: relative;bottom: -100px;}
.olympicgames-slider .slick-slide:nth-child(odd) .olympicgames-inner .olympicgames-img{position: relative;top:0px;}
.olympicgames-slider .slick-slide:nth-child(5) .olympicgames-inner .olympicgames-img {top: -40px;}
.olympicgames-slider .slick-slide:nth-child(7) .olympicgames-inner .olympicgames-content {bottom: 50px;}
.olympicgames-slider .slick-slide:nth-child(7) .olympicgames-inner .olympicgames-img {top: -120px;}
.olympicgames-slider .slick-list {overflow: visible;}
.olympicgames-slider .slick-custom-arrow {cursor: pointer;bottom: auto;top: 50%;background-color: #fff;width: 40px;height: 50px;}
.olympicgames-slider .slick-custom-arrow::after {content: ''; width: 12px;height: 18px;position: absolute;top: 16px;left:12px;background-image: url(../image/archiving-past/black-arrow.svg);background-repeat: no-repeat;background-size: 10px;background-position: center;}
.olympicgames-slider .slick-custom-arrow.slick-custom-arrow-left::after {transform: rotate(-180deg);}
.olympicgames-slider .slick-custom-arrow.slick-custom-arrow-right::after {transform: rotate(0deg);left: 15px;}
.olympicgames-slider .slick-custom-arrow-left { left: 0;}
.olympicgames-slider .slick-custom-arrow-right {right: 0;}
.olympicgames-slider .slick-arrow:before {display: none;}
.olympicgames-slider .slick-list::after {content: '';width: 100%;height: 1px;background-color: #B5B5B5;position: absolute;top: 50%;left: 0;z-index: -1;} */




.olympicgames-slider {width: 100%;overflow: visible;}
  
  .olympicgames-slider .swiper-slide {text-align: left !important;display: flex;justify-content: center;align-items: center;margin: 0px; transition:all 0.3s ease;}
  .olympicgames-slider .swiper-slide .olympicgames-inner .olympicgames-img{transform: scale(0.9); ;transition: all 0.4s ease-in-out;}
  .olympicgames-slider .swiper-slide .olympicgames-inner .olympicgames-num{transform: scale(0.9); ;transition: all 0.4s ease-in-out;}
  .olympicgames-slider .swiper-slide .olympicgames-inner .olympicgames-content{transform: scale(0.9); ;transition: all 0.4s ease-in-out;}

  .olympicgames-slider .swiper-slide.swiper-slide-active .olympicgames-inner .olympicgames-img {transform: scale(1); z-index: 2;opacity: 1;}
  .olympicgames-slider .swiper-slide.swiper-slide-active .olympicgames-inner .olympicgames-num {opacity: 1;}
  .olympicgames-slider .swiper-slide.swiper-slide-active .olympicgames-inner .olympicgames-content {transform: scale(1);z-index: 2;opacity: 1;}
  .olympicgames-slider::after {content: '';width: 100%;height: 1px;background-color: #B5B5B5;position: absolute;top: 295px;left: 0;z-index: 0;}

  /* .olympicgames-slider .swiper-slide .olympicgames-inner.reverse-wrap {flex-direction: column-reverse;} */

  .olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames01 .olympicgames-img{position: relative;top: -18rem;left: 9rem;}
   .olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames01 .olympicgames-img{position: relative;top: -18rem;left: 9rem;}
      .olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames01 .olympicgames-img1{position: relative;top: -11rem;left: 9rem;}
  .olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames01 .olympicgames-content{position: relative;top: 0;left: 12rem;width: 50%;}

  .olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames02 .olympicgames-img{position: relative;top: -3rem;left:9rem}
  .olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames02 .olympicgames-content{position: relative;top:-17rem;left: 12rem;width: 50%;}

  .olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames03 .olympicgames-img{position: relative;top: -12rem; left: 9rem;}
  .olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames03 .olympicgames-content{position: relative;top: 0;left:12rem;width: 50%;}
  .olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames03 .timeline-line{position: relative;top:-12.2rem}
  

  .olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames04 .olympicgames-img{position: relative;top:-12rem;left: 9rem;}
  .olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames04 .olympicgames-content{position: relative;top: 0;left:12rem;width: 50%;}
  .olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames04 .timeline-line{position: relative;top:-12.2rem}

  .olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames05 .olympicgames-img{position: relative;top:-15rem;left: 9rem;}
  .olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames05 .olympicgames-content{position: relative;top: 0;left:12rem;width: 50%;}
  .olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames05 .timeline-line{position: relative;top:-15.2rem}

  .olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames06 .olympicgames-img{position: relative;top:-15rem;left: 9rem;}
  .olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames06 .olympicgames-content{position: relative;top: 0;left:12rem;width: 50%;}
  .olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames06 .timeline-line{position: relative;top:-15.2rem}

 .olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames07 .olympicgames-img{position: relative;top:-15rem;left: 9rem;}
  .olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames07 .olympicgames-content{position: relative;top: 0;left:12rem;width: 50%;}
  .olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames07 .timeline-line{position: relative;top:-15.2rem}


.olympicgames-slider {margin-top: 180px;position: relative;}
.olympicgames-slider .swiper-button-prev {left: 0;}
.olympicgames-slider .swiper-button-next{right: 0;}
.olympicgames-slider .swiper-button-next, .olympicgames-slider .swiper-button-prev {background-color: #fff;width: 30px;height: 40px;}
.olympicgames-slider .swiper-button-next:after, .olympicgames-slider .swiper-button-prev:after {color: #000;font-size: 16px;font-weight: 700;}

#decades .nineties{text-transform: lowercase;}













@media (min-width: 1920px){
    /* .banner-section {height: 100%;height: 100%;min-height: 100vh;} */

    .ESG_Desktop_Banner img {height: 100%; /*height: 100vh;*/}
    .sustainability-inner .mask-white {width: 57%;}
    .main-bodycontainer .container{max-width: 1320px;}

    /* .esgMain-img .desk-banner01 {width: 100%;height: 100vh;object-fit: cover;} */
   body .olympicgames-slider .swiper-button-next, body .olympicgames-slider .swiper-button-prev {top: 33%;}
   .olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames01 .olympicgames-content {top: 1rem;left: 13rem; width: 50%;}
 .olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames01 .timeline-line {top: -17rem;left: 1rem; }
 .olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames01 .olympicgames-img {  top: -16rem; left: 9rem;}


   .olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames02 .olympicgames-content {position: relative;top: -17rem;left: 12rem;width: 50%;}
    .olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames03 .olympicgames-content {top: 0;left: 12rem;width: 50%;}
    .olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames04 .olympicgames-content {top: 0;left: 12rem;width: 50%;}

     .olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames05 .olympicgames-content {top: 0;left: 12rem;width: 50%;}
     .olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames05 .timeline-line {top: -13rem}
     .olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames05 .olympicgames-img { top: -12rem; left: 9rem;}

      .olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames06 .olympicgames-content {top: 0;left: 12rem;width: 50%;}
      .olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames06 .olympicgames-img { position: relative;top: -11rem; left: 9rem;}
    .olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames06 .timeline-line {top: -12.2rem;}

       .olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames07 .olympicgames-content {top: 0;left: 8rem;width: 50%;}

       .olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames07 .olympicgames-img {top: -13rem;left: 6rem;}
       .olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames07 .timeline-line {top: -14.2rem;left: -3rem;}


}
@media (min-width: 1600px){
    .main-bodycontainer .container{max-width: 1320px;}
    .olympicgames-slider .swiper-button-next, .olympicgames-slider .swiper-button-prev {top: 48%;}
    .down-memory-listing .down-memory6 p {margin-left: 70px;}
}
@media only screen and (max-width: 1680px) {
    .banner-section {height: 100%;min-height: 100%;}
    .ESG_Desktop_Banner img {height: 100%;}
  
}
@media (min-width: 1680px){
    .main-bodycontainer .container{max-width: 1320px;}
    .olympicgames-slider .swiper-button-next, .olympicgames-slider .swiper-button-prev {top: 50%;}
}
@media (min-width: 1536px){
    .main-bodycontainer .container{max-width: 1320px;}
    .olympicgames-slider .swiper-button-next, .olympicgames-slider .swiper-button-prev {top: 32%;}
}
@media (min-width: 1400px) and (max-width: 1440px){
    .olympicgames-h2 {font-size: 125px;}
    .olympicgames-slider .swiper-button-next, .olympicgames-slider .swiper-button-prev {background-color: #fff;width: 30px;height: 40px;top: 31%;}
    .olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames03 .timeline-line {position: relative;top: -15.2rem;}
    .olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames03 .olympicgames-img {position: relative;top: -13rem;left: 9rem;}
    .olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames04 .timeline-line {position: relative;top: -13.2rem;}
    .olympicgames-slider .swiper-slide { transition: all 0.3s ease;width: 413.667px;}
}

@media (min-width: 1300px){
    .main-bodycontainer .container{max-width: 1320px;}
    .main-articlebodycontainer .container{max-width: 1320px;}
}


@media only screen and (min-width: 1440px) and (max-width: 1450px) {
.olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames01 .timeline-line { top: -21.2rem;}
}
@media (max-width: 1440px){
.esgtitlebanner01 {top: -44%; left: 43%;width: 50%;}


}

@media (max-width: 1366px){
   
    .olympicgames-h2 {font-size: 115px;line-height: 125px;}
    .olympicgames-slider .swiper-button-next, .olympicgames-slider .swiper-button-prev {top: 31%;}
   
    .inside-left {width: 380px;}
    .esgtitlebanner01 {top: -37%;left: 46%;width: 50%;}
.olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames01 .timeline-line {position: relative; top: -21.2rem;}

.olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames03 .timeline-line {position: relative; top: -15.2rem;}
.olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames04 .timeline-line { position: relative;top: -13.2rem;}

}
@media (max-width: 1280px){
    .banner-section-content {width: 100%;}
    .banner-section {height: 100%;}
   
    .esgtitlebanner h2 {font-size: 55px;}
   
    .down-memory-inner h2 {font-size: 120px;}
    .olympicgames-h2 {font-size: 110px;line-height: 120px;}
    .caseStudy-inner h2 {font-size: 120px;}
    .inside-left {        width: 55%;
}
    .olympicgames-content p {font-size: 22px;line-height: 32px;}
    .down-memory-listing .down-memory6 p {margin-left: 58px;}
    .down-memory-listing .down-memory7 p { margin-left: 60px;}
    .down-memory-list p {font-size: 14px;line-height: 22px;}

    .timeline-line {top: -20.2rem;}
    .olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames01 .olympicgames-img { top: -19rem;left: 9rem;}
    .olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames01 .olympicgames-content { position: relative; top: 0; left: 12rem; width: 86%;
}
   .olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames02 .timeline-line {top: -2.5rem;left: -5rem;
}
.olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames02 .olympicgames-content { position: relative; top: -17rem; left: 9rem; width:78%;}
.olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames02 .olympicgames-img {
    position: relative;
    top: -3rem;
    left: 6rem;
}

.olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames03 .timeline-line { position: relative; top: -18.2rem; }
.olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames03 .olympicgames-img {position: relative;top: -18rem;left: 5rem;}
.olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames03 .olympicgames-content {position: relative;top: 0;left: 10rem;width: 50%;}

.olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames04 .timeline-line {position: relative;top: -16rem;left: -3rem;}
.olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames04 .olympicgames-img {position: relative;top: -15rem;left: 9rem;}

.olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames05 .timeline-line {top: -18.2rem;}
.olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames05 .olympicgames-img {top: -18rem;left: 5rem;}
.olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames05 .olympicgames-content {
    position: relative;
    top: 0;
    left: 9rem;
    width: 50%;
}

.olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames06 .timeline-line{top: -20.2rem;}
.olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames06 .olympicgames-img {top: -19rem;left: 6rem;}
.olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames06 .olympicgames-content {
    position: relative;
    top: 0;
    left: 10rem;
    width: 50%;
}

.olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames07 .timeline-line {position: relative;top: -20.2rem;left: -5rem;}
.olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames07 .olympicgames-content{top: 0;left: 9rem;width: 50%;}
.olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames07 .olympicgames-img {position: relative;top: -19rem;left: 3rem;}

.esgtitlebanner01 {left: 39%;width: 58%}

.inside-left {width: 53% !important;margin-top: 19px;font-size: 20px;}
.sustainability-inner .mask-white {background: linear-gradient(to bottom, #710EA6, #E31437);width: 63%;}

.olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames01 .timeline-line { position: relative; top: -20.2rem; left: -3rem;  }

}



@media (max-width: 1024px){
  
    .main-bodycontainer .container {max-width: 960px;}
    .main-articlebodycontainer .container {max-width: 960px;}

    .btn-gradient {font-size: 16px;line-height: 20px;}
    
    .ESG_Desktop_Banner img {object-fit: cover;}
    .esgtitlebanner h1, .esgtitlebanner h2 {font-size: 110px;}
    .inside-left {width: 300px;}
    .olympicgames-h2 {font-size: 90px;line-height: 100px;}
.olympicgames-img img {max-width: 85%;}
/* .olympicgames-slider .swiper-slide.swiper-slide-active .olympicgames-img img {max-width: 100%;} */
.olympicgames-content p {font-size: 18px;line-height: 28px;}
.olympicgames-slider .swiper-button-next, .olympicgames-slider .swiper-button-prev {top: 32%;}
.down-memory-inner h2 {font-size: 100px;}
.olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames03 .olympicgames-content {position: relative;top: 1rem;left: 9rem;width: 62%;}
.olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames03 .olympicgames-img {position: relative;top: -15rem;left: 9rem;}
.olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames03 .timeline-line { position: relative; top: -16.2rem;}
.olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames04 .olympicgames-content {top: 0; left: 10rem; width: 64%;}
.olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames04 .timeline-line { position: relative; top: -15.2rem;}
.olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames04 .olympicgames-img {top: -14rem;left: 9rem;}
.olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames05 .olympicgames-content {top: 0;left: 9rem;width: 64%;}
.olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames05 .timeline-line {top: -16.2rem;}
.olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames06 .olympicgames-content {top: 0;left: 10rem;width: 64%;}
.olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames06 .timeline-line {top: -18.2rem;}
.olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames06 .olympicgames-img {top: -16rem;left: 9rem;}
.olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames07 .timeline-line {position: relative;top: -23.2rem;left: -1rem;}
.olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames07 .olympicgames-content { top: -2rem; left: 6rem; width: 50%;}
.olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames07 .olympicgames-img { top: -23rem; left: 7rem;}

}

@media only screen and (min-width: 1024px) and (max-width: 1030px) {
    /* .banner-section {min-height: 500px} */
    .esgtitlebanner p {font-size: 18px;line-height: 24px;}
    .sustainability-h2 {font-size: 70px;line-height: 75px;}
    .itm-box p {font-size: 16px;line-height: 24px;}
    .slick-custom-arrow-left {left: -45px;}
    .slick-custom-arrow-right {right: -45px;}
    .itm-box-inner {gap: 20px;}
    .realESG-inner h2 {font-size: 95px;line-height: 95px;}
    .realESG-img img {width: 100%;}
    .caseStudy-inner h2 {font-size: 110px;line-height: 110px;}
    .realESG-section {padding: 50px 0 60px 0;}

}

@media only screen and (min-width: 810px) and (max-width: 850px) {
    .banner-section-inner {height: 100%;}
    .banner-section-inner video {height: 100%;object-fit: cover;}
    .navbar-brand {max-width: 155px;margin-left: 0;}
    .desk-banner {display: none;}
    .mob-banner {display: block;}
    .desk-banner01 {display: none;}
    .mob-banner01 {display: block;}
    .ESG_Desktop_Banner img {object-fit: cover;}
    .banner-section { height: 100%;min-height: 100%;}
    .esgtitlebanner {position: relative;}
    
    .esgMain-img img {width: 100%;}
    .esgtitlebanner h1 br {display: none;}
    .esgtitlebanner h2 br {display: none;}
   
    .inverse_triangle {border-top: 40px solid rgba(255, 255, 255, 1); border-left: 0px solid transparent; border-right: 45px solid transparent;bottom: -35px;}
    .sustainability-h2 {font-size: 90px;line-height: 95px;}
    .itm-box-inner {flex-direction: column;align-items: center;padding: 0 10px;}
    .itm-rgt {padding-top: 0;}
     
    .realESG-inner h2 {text-align: center;font-size: 75px;line-height: 75px;}
    .realESG-inner {text-align: center;}
    .realESG-img img {width: 100%;}
    .realESG-img {margin-top: 35px;}

    .caseStudy-inner p {margin-top: 30px;}
    .inside-left {width: 250px;}
 
    .slick-custom-arrow-left {left: 0;}
    .slick-custom-arrow-right {right: 0;}

    .olympicgames-h2 {font-size: 70px;line-height: 80px;}
    .down-memory-inner h2 {font-size: 85px;}
    .caseStudy-inner h2 {font-size: 90px;line-height: 100px;}

    .down-memory-row {padding-left: 20px;padding-right: 20px;}
    .down-memory-list p {font-size: 14px;line-height: 20px;}

    .down-memory-listing .down-memory6 p {margin-left: 50px;}
    .down-memory-listing .down-memory7 p {margin-left: 55px;}
    .down-memory-listing .down-memory9 p {margin-left: 20px;}


}

@media (max-width: 992px){
    .main-bodycontainer .container {max-width: 100%;}
    .main-articlebodycontainer .container {max-width: 100%;}

   
}

@media (min-width: 821px){
    .desk-banner {display: block;}
    .mob-banner {display: none;}
    .desk-banner01 {display: block;}
    .mob-banner01 {display: none;}
}

@media (max-width: 820px){
    .desk-banner {display: none;}
    .mob-banner {display: block;}
    .desk-banner01 {display: none;}
    .mob-banner01 {display: block;}
}



@media (max-width: 767px){
    .banner-section-inner {height: 100%;}
    .banner-section-inner video {height: 100%;object-fit: cover;}
    .navbar-brand {max-width: 155px;margin-left: 0;}
    .desk-banner {display: none;}
    .mob-banner {display: block;}
    .desk-banner01 {display: none;}
    .mob-banner01 {display: block;}
    .ESG_Desktop_Banner img {object-fit: cover;}
    .banner-section { height: 100%;min-height: 100%;}
    .esgtitlebanner {position: relative;}
    .banner-section-content {top: 40%;}
    .esgMain-img img {width: 100%;}
    .esgtitlebanner h1 br {display: none;}
    .esgtitlebanner h2 br {display: none;}
    .esgtitlebanner h1 {font-size: 40px;line-height: 40px;}
    .esgtitlebanner h2 {font-size: 30px;line-height: 40px;}     
   
    .sustainability-h2 {font-size: 30px;line-height: 37px;}
    .inverse_triangle {border-top: 40px solid rgba(255, 255, 255, 1); border-left: 0px solid transparent; border-right: 45px solid transparent;bottom: -35px;}
    .ESG_Desktop_Banner {height: 100%;margin-top: 100px;}
     
    .realESG-inner h2 {text-align: center;font-size: 46px;line-height: 46px;}
    .realESG-inner {text-align: center;}
    .realESG-img img {width: 100%;}
    .realESG-img {margin-top: 35px;}

    .caseStudy-inner p {margin-top: 30px;}
    
    .slick-custom-arrow-left {left: 0;}
    .slick-custom-arrow-right {right: 0;}
    .sustainability-inner {padding: 30px 20px;}
    .navbar-collapse {background-color: #fff;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
     
  
    .btn-gradient img {top: 13px;}
    .sustainability-inner {margin-top: 0;}

    .inside-left { width: 60%;position: relative;z-index: 1; margin-top: 20px;}
    .arrow-btn-wrap {position: relative;bottom: 0;left: 0;margin-top: 30px;}
    .sustainability-section {padding-bottom: 60px;}
    .olympicgames-h2 {font-size: 52px;line-height: 60px;}
    .down-memory-inner h2 {font-size: 75px;line-height: 75px;}
    .caseStudy-inner h2 {font-size: 65px;line-height: 70px;}
    /* .olympicgames-slider .swiper-slide.swiper-slide-active .olympicgames-inner .olympicgames-img {transform: scale(1);}
    .olympicgames-slider .swiper-slide.swiper-slide-active .olympicgames-inner .olympicgames-content {transform: scale(1);} */
    .olympicgames-slider {margin-top: 60px;}
    /* .olympicgames-slider .swiper-slide.swiper-slide-active .olympicgames-img img {max-width: 100%%;} */
    .olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames07 .olympicgames-img{position: relative;top: -60px;}
    .caseStudy-inner h3 {font-size: 24px;line-height: 30px;}
    .caseStudy-inner p {font-size: 16px;line-height: 26px; font-weight: 400;}
    .btn-gradient-white {font-size: 16px;line-height: 20px;}
    .btn-gradient-white img {top: 11px;right: 10px;}
    .down-memory-inner p {font-size: 18px;line-height: 26px;}
    .down-memory-row {flex-direction: column;}
    .down-memory-list img {max-width: 85%;}
    .down-memory-listing p {margin-left: 0;text-align: center;}
    .down-memory-listing .down-memory1 {margin-left: 0;}
    .down-memory-listing .down-memory4,.down-memory-listing .down-memory5 {max-width: 100%;}
    .down-memory-listing .down-memory6 p {margin-left: 0;}
    .down-memory-listing .down-memory7 p {margin-left: 0;}
    /* .dual-imgs {flex-direction: column;} */
    .dual-imgs {gap: 0px;}
    .sustainability-inner .mask-white {width: 58%;}
    .olympicgames-h2 br {display: none;}
    .dual-imgs {flex-direction: column;}
	

	


  .esgtitlebanner01 {
    top: -15%;
    left: 3%;
    width: 75%;

}
.olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames03 .olympicgames-content {
    position: relative;
    top: 1rem;
    left: 3rem;
    width: 50%;
}
}

@media (max-width: 430px){
      .esgtitlebanner01 {
        top: -34%;
        left: 0%;
        width: 75%;
    }
  .slick-prev {
    left: 0;
}
  .slick-next {
    right: 0;
}
    .olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames01 .olympicgames-content {
    position: relative;
    top: 1px;
    left: 10rem;
    width: 50%;
}

.timeline-year {
    font-size: 25px !important;}
.timeline-title {
    font-size: 20px !important;}
.timeline-desc {
    font-size: 15px !important;}

.olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames01 .olympicgames-img {
    position: relative;
    top: -20rem;
    left: 5rem;
}
.olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames01 .timeline-line {
        position: relative;
        top: -20.2rem;
        left: -6rem;
}
.olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames01 .olympicgames-content {
    position: relative;
    top: 1px;
    left: 10rem;
    width: 50%;
}

.olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames02 .timeline-line {top: -2.5rem;left: -7rem;}
.olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames02 .olympicgames-img { position: relative;top:-3rem;left: 3rem;}
.olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames02 .olympicgames-content {top: -17rem;left: 8rem;width: 49%;}


.olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames03 .olympicgames-img {
    position: relative;
    top: -12rem;
    left: 4rem;
}
.olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames03 .timeline-line {
    position: relative;
    top: -13.2rem;
    left:-7rem
}
  .olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames03 .olympicgames-content {
        position: relative;
        top: 1rem;
        left: 8rem;
        width: 50%;
    }
.olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames07 .timeline-line {
    position: relative;
    top: -16.2rem;
}
.olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames04 .olympicgames-content {
    position: relative;
    top: 1rem;
    left: 9rem;
    width: 50%;
}

.olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames04 .olympicgames-img {
    position: relative;
    top: -12rem;
    left: 4rem;
}
.olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames04 .timeline-line {
    position: relative;
    top: -13.2rem;
    left: -6rem;
}
.olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames05 .olympicgames-content {
    position: relative;
    top: 1;
    left: 9rem;
    width: 61%;
}
.olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames05 .olympicgames-img {
    position: relative;
    top: -12rem;
    left: 4rem;
}
.olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames05 .timeline-line {
    position: relative;
    top: -13.2rem;
    left: -6rem;
}
.olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames06 .olympicgames-content {
    position: relative;
    top: 1px;
    left: 9rem;
    width: 58%;
}
.olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames06 .olympicgames-img {
    position: relative;
    top: -12rem;
    left: 4rem;
}
.olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames06 .timeline-line {
    position: relative;
    top: -13.2rem;
    left:-6rem
}
.olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames07 .olympicgames-content {
    position: relative;
    top: 1rem;
    left: 8rem;
    width: 58%;
}
    .olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames07 .olympicgames-img {
        position: relative;
        top: -12rem;
        left: 4rem;
    }
    .olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames07 .timeline-line {
    position: relative;
    top: -14.2rem;
    left: -7rem;
}

.slick-prev, .slick-next {
    position: absolute;
    top: 41%;}
    .description-box h4 {

    font-size: 22px !important;

}
 .description-box p {
    font-size: 16px !important;
    line-height: 1.5;
}
    .down-memory-inner h2 {
        font-size: 50px;
        line-height: 56px;
    }
    .sustainability-inner .mask-white {
        width: 65% !important;
    }
     .sustainability-inner {

  background-position: center;}
      .inside-left {
        width: 60%;
        position: relative;
        z-index: 1;
        margin-top: 20px;
        font-size: 12px;
    
}
    .sustainability-h2 {
        font-size: 25px;
        line-height: 29px;
    }
}



@media (max-width: 414px){
    
}
@media (max-width: 393px){
  


}
 
@media (max-width: 360px){
    .itm-box h2 {font-size: 90px;line-height: 90px;}
    .realESG-inner h2 {font-size: 42px;line-height: 42px;}
    .realESG-section {padding: 50px 0 50px 0;}
    .caseStudy-inner h2 {font-size: 55px;line-height: 55px;}
    
    .showcasing-h2 h2 {font-size: 48px;line-height: 48px;}
    .itm-box .txt-small h2 {font-size:40px; line-height: 40px;}
    .olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames01 .olympicgames-content { position: relative; top: 1px; left: 7rem; width:58%;}
    .olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames01 .timeline-line {position: relative;top: -20.2rem;}
    .olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames01 .olympicgames-img { position: relative; top: -19rem;left:2rem}
        
    .olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames02 .olympicgames-content {position: relative;top: -19rem;left: 6rem;width: 55%;}
    .olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames03 .timeline-line {position: relative;top: -17.2rem;}
    .olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames03 .olympicgames-img { position: relative; top: -16rem; left: 2rem;}
     .olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames03 .olympicgames-content { position: relative; top: 1px; left: 7rem; }

    .olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames04 .olympicgames-img {top: -12rem;left: 2rem; }
    .olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames04 .timeline-line {top: -13.2rem; }
        .olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames04 .olympicgames-content { position: relative; top: 1rem;left:7rem; width: 50%;}

    .olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames05 .timeline-line {position: relative;top: -15.2rem;}
    .olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames05 .olympicgames-img {position: relative;top: -13rem;left: 2rem;}
    .olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames05 .olympicgames-content { position: relative; top: 1; left: 7rem; width: 61%;}


    .olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames06 .olympicgames-img { top: -15rem;left: 2rem;}
    .olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames06 .timeline-line { top: -16.2rem;}
    .olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames06 .olympicgames-content {position: relative;top: 1px;left: 7rem;
    width: 58%;}


    .olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames07 .timeline-line { top: -16.2rem;left: -6rem;}
    .olympicgames-slider .swiper-slide .olympicgames-inner.olympicgames07 .olympicgames-img { position: relative; top: -15rem; left: 2rem;}
    
    .slick-prev, .slick-next {position: absolute;top: 33%;}

}
@media (max-width: 320px){
    .esgtitlebanner h1 {font-size: 28px;line-height: 38px;}
    .esgtitlebanner h2 {font-size: 26px;line-height: 30px;}
    .itm-box h2 {font-size: 75px;line-height: 75px;}
    
    .realESG-inner h2 {font-size: 32px;line-height: 32px;}
    .realESG-inner p {font-size: 18px;line-height: 24px;}
    .caseStudy-inner h2 {font-size: 46px;line-height: 46px;}
    .caseStudy-inner p {font-size: 16px;line-height: 24px;}
    .showcasing-h2 h2 {font-size: 42px;line-height: 42px;}
    .showcasing-caption {font-size: 13px;line-height: 19px;}
    .btn-gradient {font-size: 14px;line-height: 18px;}
    .itm-box p {font-size: 16px;line-height: 24px;}
    .sustainability-h2 {font-size: 31px;line-height: 36px;}
    .itm-box .txt-small h2 {font-size:34px; line-height: 34px;}
    
    .down-memory-inner p {font-size: 16px;line-height: 24px;}
    .olympicgames-h2 {font-size: 42px;line-height: 52px;}
    .olympicgames-content p {font-size: 16px;line-height: 26px;}
    .olympicgames-num {left: 45%;}
    .down-memory-row {margin-top: 40px;}

}

/* @supports (-ms-ime-align:auto){
  .banner-section{height: 71vh;}
} */