.esg-carousel.common-slider-oprion1 .content-box .circle {
  bottom: -55px;
}

.stats-content-wrap {
  font-size: 18px;
  line-height: 24px;
  color: #fff;
  margin-bottom: 10px;
  font-weight: 400;
}

.stats-content-wrap .stats-content-big {
  font-size: 44px;
  line-height: 26px;
  font-weight: 900;
}

.stats-content-wrap .stats-content-sm {
  text-transform: uppercase;
  font-weight: 400;
}

.ourLegacy-section {
  height: 780px;
  padding-top: 120px;
}

.count-box {
  align-items: self-start;
  text-align: left;
}

.count-box .inline-count {
  display: inline-flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  margin: 0.5rem 0;
}

.count-box h3 {
  color: #fff;
  font-size: 3.438rem;
  line-height: 3.25rem;
  font-weight: 700;
  margin-bottom: 0;
}

.count-box p,
.count-box span {
  color: #fff;
  font-size: 1.125rem;
  line-height: 1.375rem;
  margin-bottom: 0;
  padding: 0;
  font-weight: 400;
}

.count-box span {
  margin-left: 10px;
}

.counterlist-container {
  position: absolute;
  bottom: 80px;
  left: 0;
  width: 100%;
}

.ourLegacy_titleWrap {
  position: absolute;
  top: 15%;
  left: 8%;
}

.counterlist-container .counterlist-wrap {
  display: flex;
  position: relative;
  left: 8%;
  width: 100%;
}

.counterlist-wrap .counterlist-slide {
  padding: 0 20px;
}

.tradingview-widget-container .tradingview-widget-copyright {
  text-align: left !important;
  color: #8F1F34 !important;
}

.investors-section {
  padding-bottom: 8rem;
}

.annualReport-wrap .figure-caption {
  font-size: 1rem;
  line-height: 1.5rem;
  color: #131313;
  padding: 10px 0;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -ms-transition: 0.4s;
  transition: 0.4s;
}

.annualReport-picture {
  position: relative;
  overflow: hidden;
  box-shadow: rgba(0, 0, 0, 0.15) 4.4px 4.4px 6.2px;
}

.annualReport-wrap .figure img {
  -webkit-transition: transform 0.2s;
  -moz-transition: transform 0.2s;
  -o-transition: transform 0.2s;
  -ms-transition: transform 0.2s;
  transition: transform 0.2s;
}

.annualReport-wrap .figure:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.annualReport-wrap {
  display: flex;
  align-items: center;
  justify-content: right;
  position: relative;
  margin-top: -100px;
  z-index: 1;
}

.annualReport-wrap .figure:hover .figure-caption {
  color: #8F1F34;
}

.inTheNews-section {
  padding-bottom: 5rem;
}

.parallax-icon {
  position: absolute;
  z-index: 1;
}

.parallax-icon1 {
  top: 1%;
  right: -23%;
}

.parallax-icon2 {
  top: 12%;
  right: -25%;
}

.parallax-icon3 {
  top: 25%;
  left: -36%;
}

.parallax-icon4 {
  top: 44%;
  left: -28%;
}

.parallax-icon5 {
  top: 53%;
  right: -6%;
}

.parallax-icon6 {
  top: 90%;
  left: -20%;
}

.main-container {
  position: relative;
  overflow: hidden;
}

.tradingview-widget-container {
  width: 100% !important;
}

.tradingview-widget-container iframe {
  width: 100% !important;
  height: 100% !important;
}

.investors-list {
  margin-top: 40px;
}

.common-title-wrap h2,
.common-title-wrap h3,
.common-title-wrap p {
  position: relative;
  z-index: 2 !important;
}

.businessVerticals-carousel,
.ourPresence-section .common-title-wrap {
  position: relative;
  z-index: 2;
}

.common-slider-oprion1 .figure {
  display: block;
}

.common-slider-oprion1 .figure img {
  width: 100%;
}

.home-map {
  width: 110%;
  position: relative;
}

.ourPresence-map-stats {
  position: relative;
}

.mapstats-container {
  background-color: rgba(255, 255, 255, 0.7);
  display: flex;
  padding: 30px 80px;
  position: absolute;
  top: 45%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
}

.mapstats-list .count-box h3 {
  color: #4b525a;
  font-size: 55px;
  line-height: 50px;
}

.mapstats-list .count-box span {
  color: #4b525a;
  font-size: 33px;
  line-height: 33px;
}

.mapstats-list .count-box p {
  color: #4b525a;
  font-size: 18px;
  line-height: 24px;
}

.mapstats-container .mapstats-list {
  flex: 0 0 33.33%;
  max-width: 33.33%;
  align-items: center;
  justify-content: center;
  display: flex;
}

.inTheNews-carousel .content-box picture::after {
  opacity: 1;
}

.inTheNews-carousel .noimg-box {
  height: 258px;
}

@media screen and (max-width: 767px) {
  .investors-section {
    padding-bottom: 1rem;
  }

  .slide .slide__content {
    position: relative;
    top: 0;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    width: 100%;
    padding: 15px 15px 70px;
    background-color: #f1f1f1;
    min-height: 280px;
  }

  .progressBarContainer div span.progressBar {
    background-color: rgba(0, 0, 0, 0.3);
  }

  .slide .slide__content--headings h1,
  .slide .slide__content--headings h2 {
    font-size: 2.5rem;
    line-height: 2.875rem;
  }

  .home-slider .slide .slide__img {
    height: 350px;
  }

  .slide .slide__content--headings .common-btn {
    width: 8rem;
  }

  .slide .slide__content--headings .common-btn .button-text {
    padding: 0.38rem 0;
    font-size: 0.875rem;
  }

  .slide .slide__content--headings .common-btn .circle {
    width: 2rem;
    height: 2rem;
  }

  .slide .slide__content--headings .common-btn .circle .icon.arrow::before {
    right: 4px;
  }

  .common-btn .circle .icon.arrow::before {
    right: 0;
  }

  .common-btn:hover .circle .icon.arrow::before {
    right: 0;
  }

  .progressBarContainer {
    position: relative;
    bottom: 35px;
    width: 170px;
  }

  .slick-counter {
    right: 5%;
    color: #131313;
  }

  .ourLegacy-section .count-box {
    width: auto;
  }

  body .swiper-container-horizontal > .swiper-scrollbar {
    width: 100%;
    left: 0;
  }

  .swiper-container .swiper-scrollbar-drag {
    width: 120px !important;
  }

  .annualReport-wrap {
    margin-top: 0;
    justify-content: left;
  }

  .investors-list {
    margin-top: 50px;
  }

  .awardsAchievements-section {
    padding-bottom: 4rem;
  }

  .esg-section,
  .ourLegacy-section {
    padding-bottom: 2rem;

  }

  .count-box p {
    white-space: normal;
    font-size: 1rem;
  }

  .swiper-container-option1.swiper-container {
    position: relative;
    bottom: 0;
  }

  .ourLegacy-section {
    height: 100%;
    padding-top: 60px;
  }

  .parallax-icon1 {
    right: -60%;
  }

  .parallax-icon img {
    height: 300px;
  }

  .parallax-icon6 {
    top: 90%;
    left: -40%;
  }

  .swiper-slide .count-box h3 {
    font-size: 2.813rem;
    line-height: 3rem;
    margin-bottom: 0;
  }

  .awardsAchievements-section::after {
    content: "";
    background: rgba(255, 255, 255, 0.25);
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    -webkit-transition: 0.4s ease-in-out;
    -moz-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    z-index: 1;
  }

  .annualReport-wrap,
  .annualReport-wrap .figure {
    display: block;
  }

  .annualReport-wrap .figure img {
    width: 100%;
  }

  .parallax-icon4 {
    top: 37%;
    left: -50%;
  }

  .parallax-section .parallax-image,
  .parllaxWrapper-container {
    height: 100%;
  }

  .counterlist-container {
    bottom: 20px;
    width: 100%;
    position: relative;
  }

  .counterlist-wrap .counterlist-slide {
    margin-bottom: 10px;
    flex-basis: calc(100% - 1rem);
    max-width: 50%;
    padding: 0 10px;
  }

  .counterlist-container .counterlist-wrap {
    position: relative;
    left: 0;
    flex-wrap: wrap;
  }

  .count-box h3 {
    font-size: 2.2rem;
  }

  .mapstats-container {
    padding: 25px 0;
  }

  .mapstats-list .count-box p {
    font-size: 13px;
    line-height: 20px;
  }

  .mapstats-list .count-box span {
    font-size: 28px;
    line-height: 28px;
  }

  .mapstats-list .count-box h3 {
    font-size: 36px;
    line-height: 38px;
  }

  .businessVerticals-carousel.common-slider-oprion1 .figure-caption {
    font-size: 1.625rem;
    line-height: 2.45rem;
  }

  .ourLegacy-section .common-title-wrap h3 {
    font-size: 1.375rem;
    line-height: 1.8rem;
  }

  .inTheNews-section .noimg-box {
    height: 270px;
  }

  .home-slider .slick-slide:nth-child(2).slide .slide__content--headings h1,
  .home-slider .slick-slide:nth-child(3).slide .slide__content--headings h1,
  .home-slider .slick-slide:nth-child(2).slide .slide__content--headings h2,
  .home-slider .slick-slide:nth-child(3).slide .slide__content--headings h2 {
    color: #8F1F34;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .slide .slide__content {
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 75%;
  }

  .imgContentBox-container .imgContentBox-inner {
    top: 0;
    left: 0;
    padding: 40px 40px 0;
  }

  .annualReport-wrap {
    margin-top: 0;
    position: relative;
    z-index: 2;
  }

  .parallax-icon2 {
    top: 24%;
    right: -50%;
  }

  .parallax-icon3 {
    top: 30%;
    left: -65%;
  }

  .parallax-icon5 {
    top: 56%;
    right: -12%;
  }

  .parallax-icon6 {
    top: 92%;
    left: -40%;
  }

  .parallax-icon4 {
    top: 46%;
    left: -65%;
  }

  .noimg-box {
    height: 375px;
  }

  .parllaxWrapper-container {
    height: 100%;
  }

  .counterlist-container {
    bottom: 15px;
    width: 100%;
  }

  .counterlist-wrap .counterlist-slide {
    margin-bottom: 15px;
    flex-basis: calc(50% - 1rem);
  }

  .counterlist-container .counterlist-wrap {
    position: relative;
    left: 40px;
    flex-wrap: wrap;
  }
}

@media only screen and (min-width: 851px) and (max-width: 992px) {
  .imgContentBox-container .imgContentBox-inner {
    padding: 40px 40px 0 55px;
  }

  .content-details {
    padding-left: 1.85em;
  }
}

@media only screen and (min-width: 810px) and (max-width: 850px) {
  .imgContentBox-container .imgContentBox-inner {
    padding: 40px 40px 0 55px;
  }

  .content-details {
    padding-left: 1.85em;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1080px) {
  .parallax-icon6 {
    top: 90%;
    left: -30%;
  }

  .parallax-icon5 {
    top: 51%;
    right: -6%;
  }

  .noimg-box {
    height: 340px;
  }

  .parallax-icon4 {
    top: 48%;
    left: -52%;
  }

  .parllaxWrapper-container {
    height: 100%;
  }

  .counterlist-container {
    bottom: 40px;
    width: 100%;
  }

  .counterlist-wrap .counterlist-slide {
    margin-bottom: 15px;
    flex-basis: calc(33% - 1rem);
  }

  .counterlist-container .counterlist-wrap {
    position: relative;
    left: 40px;
    flex-wrap: wrap;
  }
}

@media screen and (min-width: 1920px) {
  .parallax-icon-wrap .parallax-icon1 {
    top: 1%;
    right: -15%;
  }

  .parallax-icon-wrap .parallax-icon2 {
    top: 15%;
    right: -25%;
  }

  .parallax-icon-wrap .parallax-icon4 {
    top: 44%;
    left: -28%;
  }

  .parallax-icon-wrap .parallax-icon3 {
    top: 28%;
    left: -22%;
  }

  .parallax-icon-wrap .parallax-icon5 {
    top: 53%;
    right: -5%;
  }

  .parallax-icon-wrap .parallax-icon6 {
    top: 91%;
    left: -15%;
  }

  .counterlist-container .counterlist-wrap {
    left: 15%;
  }

  .counterlist-wrap .counterlist-slide {
    width: 15%;
  }
}

@media only screen and (min-width: 360px) and (max-width: 374px) {
  .swiper-slide .count-box h3 {
    font-size: 2.613rem;
    line-height: 3rem;
  }
}

@media only screen and (min-width: 411px) and (max-width: 450px) {
  .inTheNews-section .noimg-box {
    height: 315px;
  }
}

@media only screen and (min-width: 1280px) and (max-width: 1300px) {
  .common-slider-oprion1 .slide-box.content-box:hover .content-details {
    top: 50%;
  }

  .awardsAchievements-section.parallax-section .parallax-image {
    background-position: 15% 0;
  }

  .counterlist-wrap .counterlist-slide {
    padding: 0 10px;
    width: 18%;
  }

  .esg-section.parallax-section {
    height: 680px;
    
  }

  .banner-section .home-slider,
  .home-slider .slide .slide__img img {
    height: 100%;
  }

  .common-slider-oprion2 .content-caption p {
    font-size: 1.05rem;
    line-height: 1.35rem;
  }

  .inTheNews-carousel .noimg-box {
    height: 220px;
  }
}

@media only screen and (min-width: 1600px) and (max-width: 1919px) {
  .counterlist-wrap .counterlist-slide {
    width: 18%;
  }
}

@media screen and (max-width: 320px) {
  .count-box span {
    margin-left: 5px;
  }

  .mapstats-list .count-box p {
    font-size: 11.5px;
  }
}

@media screen and (max-width: 480px) {
  .blogs-figureCaption .content-caption p {
    font-size: 1.05rem;
    line-height: 1.45rem;
  }
}

@media only screen and (min-width: 1349px) and (max-width: 1439px) {
  .common-slider-oprion1 .slide-box.content-box:hover .content-details {
    top: 50%;
  }

  .counterlist-container {
    bottom: 130px;
  }

  .counterlist-container .counterlist-wrap {
    left: 7%;
  }

  .counterlist-wrap .counterlist-slide {
    padding: 0 10px;
    width: 18%;
  }

  .ourLegacy-section {
    height: 100vh;
  }

  .esg-section.parallax-section {
    height: 680px;
  }

  .banner-section .home-slider,
  .home-slider .slide .slide__img img {
    height: 100%;
  }

  .common-slider-oprion2 .content-caption p {
    font-size: 1.05rem;
    line-height: 1.35rem;
  }

  .inTheNews-carousel .noimg-box {
    height: 220px;
  }
}

@media only screen and (min-width: 1440px) and (max-width: 1445px) {
  .counterlist-container .counterlist-wrap {
    left: 5%;
  }

  .counterlist-wrap .counterlist-slide {
    padding: 0 10px;
    width: 18%;
  }

  .common-slider-oprion1 .slide-box.content-box:hover .content-details {
    top: 40%;
  }

  .banner-section .home-slider,
  .home-slider .slide .slide__img img {
    height: 100%;
  }
}

@media only screen and (min-width: 1680px) and (max-width: 1685px) {
  .banner-section .home-slider,
  .home-slider .slide .slide__img img {
    height: 100%;
  }
}
/* video banner section */

.hero-video-section {
  position: relative;
  height: 100vh;
  overflow: hidden;
}

.hero-video-local,
.hero-video-youtube {
  position: absolute;
  inset: 0;
  z-index: 1;
}

.hero-video-local video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hero-video-youtube iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  /* width: 177.77vh; */
  width: 120vh;
  height: 120vh;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

@media (max-aspect-ratio: 16/9) {
  .hero-video-youtube iframe {
    width: 100vw;
    height: 56.25vw;
  }
}

.hero-video-overlay {
  position: absolute;
  inset: 0;
  z-index: 2;
  /* background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.75) 0%,
    rgba(0, 0, 0, 0.45) 45%,
    rgba(0, 0, 0, 0.15) 70%,
    rgba(0, 0, 0, 0) 100%
  ); */
}

.hero-video-content {
  position: relative;
  z-index: 3;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-align: center;
}
/* Overlay */
.hero-video-overlay {
    position: absolute;
    inset: 0;
    z-index: 2;
    /* background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 2.99) 0%,
        rgba(255, 255, 255, 0) 20%,
        rgba(255, 255, 255, 0) 60%,
        rgba(0, 0, 0, 0) 80%,
        rgba(255, 255, 255, 0) 100%
    ); */
}


/* Content */
.hero-video-content {
  position: relative;
  z-index: 3;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #fff;
  padding: 20px;
}









/* header */




