/* HeroBanner Polygon CSS */
/* Polygon color theme  */
.bg_light_green_txt_black .esg_global {
  background-color: #bff355;
  color: #243508;
}

.bg_dark_green_txt_white .esg_global {
  background-color: #243508;
  color: #ffffff;
}

.bg_dark_grey_txt_white .esg_global {
  background-color: #E2D6CF;
  color: #243508;
}

.bg_green_txt_black .esg_global {
  background-color: #bff355;
  color: #243508;
}

.bg_purple_txt_white .esg_global {
  background-color: #243508;
  color: #ffffff;
}

.component.hero-banner-component {
  background-color: transparent;
  color: initial;
}

.ad_hero_banner img {
  /* max-height: 683px; */
  max-height: 704px;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 80%);
  width: 100%;
  object-fit: cover;
  /*HLMS-1501*/
}

.component.cg_hero_banner {
  margin-bottom: 24px;
}
.component.cg_hero_banner img {
  clip-path: none;
  height: 533px;
  max-height: 561px;
}
@media only screen and (min-width: 768px) {
  .component.cg_hero_banner img {
    max-height: 561px;
    height: auto;
  }
}
.component.cg_hero_banner .esg_global {
  clip-path: none;
  position: relative;
  padding: 29px 15px;
  max-width: 100%;
  min-height: 382px;
  margin-top: -39.5rem;
  transition: margin-top 0.3s ease-in-out;
}
@media only screen and (min-width: 768px) {
  .component.cg_hero_banner .esg_global {
    padding: 58px 38px;
    min-height: 425px;
    max-width: 425px;
    margin-top: -28rem;
  }
}
.component.cg_hero_banner .esg_global .field-banner-heading {
  font-size: 35px;
  line-height: 42.2px;
  margin-bottom: 16px;
  font-family: "roobert_medium";
}
@media only screen and (min-width: 768px) {
  .component.cg_hero_banner .esg_global .field-banner-heading {
    margin-bottom: 20px;
  }
}
.component.cg_hero_banner .esg_global .field-banner-subheading {
  font-size: 21px;
  line-height: 31.5px;
  font-family: "roobert_medium";
}

.esg_global {
  max-width: 50.5rem;
  margin-top: -34rem;
  padding: 6rem 5rem 10rem 5.5rem;
}

.polygon_left .esg_global {
  clip-path: polygon(0 0, 100% 0, 100% 86%, 0% 100%);
}

.hero-banner-main .esg_global {
  clip-path: polygon(0 0, 100% 0, 100% 79%, 0% 100%);
  padding: 7.5rem 6.25rem 12.5rem 6.875rem;
  /*Font Size Changes*/
  max-width: 60rem;
  margin-top: -23%;
}

.polygon_right .esg_global {
  margin-left: auto;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 79%);
}

.polygon_right .ad_hero_banner img {
  clip-path: polygon(0 0, 100% 0, 100% 80%, 0% 100%);
}

.esg_global h1 {
  font-size: clamp(6rem, 6vw - 0.5em, 9rem);
  font-family: "roobert_medium", sans-serif;
  line-height: clamp(7.2rem, 7vw - 0.5em, 10.9rem);
  margin-bottom: 3rem;
}

.hero-banner-main .esg_global h1 {
  font-size: 4.4rem;
  line-height: 5.3rem;
  margin-bottom: 1.5rem;
}

.esg_global p {
  font-size: 4.4rem;
  line-height: 5.3rem;
  font-family: "roobert_medium", sans-serif;
}

.polygon-sm {
  width: 100%;
}

/* Outcome Section */
.outcome-section {
  margin-top: 7rem;
  margin-bottom: 7.5rem;
  clip-path: polygon(0 0, 100% 0%, 100% 75%, 0% 100%);
  width: 100%;
  font-family: "roobert_medium", sans-serif;
  padding-top: 9.7rem;
  padding-bottom: 26rem;
}

.outcome-section.outcome-parent {
  margin-bottom: 3rem;
  margin-top: 7.5rem;
}

.outcome-section h2 {
  font-size: 3.4rem;
  line-height: 4.1rem;
  margin-bottom: 3rem;
}

.outcome-section .para-desc p {
  font-size: 2.6rem;
  line-height: 1.5;
  max-width: 789px;
  margin-bottom: 6.5rem;
}

.outcome-section.outcome-parent .para-desc p {
  margin-bottom: 9.5rem;
}

.outcome-section .counter-part p,
.outcome-section .counter-part li {
  font-size: 3.5rem;
  line-height: 4.2rem;
}

.outcome-section.outcome-parent .counter-part p,
.outcome-section.outcome-parent .counter-part li {
  font-size: 2.1rem;
  line-height: 1.5;
  max-width: 289px;
}

.outcome-section .counter-part .counter-number {
  font-size: 10rem;
  line-height: 11rem;
  display: inline-block;
}

.outcome-section.outcome-parent .counter-part .counter-number {
  margin-bottom: 1.5rem;
}

.outcome-section .counter-part .counter-number .out_p_2 {
  /* font-size: 6rem; */
  /*Font size changes*/
  line-height: 5.1rem;
}

@media screen and (max-width: 991px) {
  .hero-banner-main .esg_global {
    margin-top: -27%;
  }
  .outcome-section {
    clip-path: polygon(0 0, 100% 0%, 100% 85%, 0% 100%);
    padding-bottom: 15rem;
  }
  .outcome-section .counter-part .counter-number {
    font-size: 6rem;
    line-height: 7.2rem;
  }
  .outcome-section .counter-part .counter-number .out_p_2 {
    line-height: 7.2rem;
  }
  .outcome-section .counter-part p,
  .outcome-section .counter-part li {
    font-size: 2.8rem;
    line-height: 3.4rem;
  }
}
@media screen and (max-width: 767px) {
  .ad_hero_banner img {
    height: 45rem;
    object-fit: cover;
  }
  .esg_global {
    padding: 4.8rem 4.5rem 9rem 4.8rem;
    max-width: 35rem;
    margin-top: -23rem;
    margin-left: 0;
  }
  .esg_global h1 {
    font-size: 6rem;
    line-height: 7.2rem;
  }
  .hero-banner-main .esg_global {
    padding: 5.6rem 4.5rem 10rem;
  }
  .hero-banner-main .esg_global h1 {
    font-size: 3rem;
    line-height: 3.7rem;
  }
  .esg_global p {
    font-size: 3rem;
    line-height: 3.7rem;
  }
  .outcome-section {
    padding-top: 6rem;
    padding-bottom: 6rem;
    margin-top: 5rem;
    margin-bottom: 5rem;
    clip-path: polygon(0 0, 100% 0%, 100% 93%, 0% 100%);
  }
  .outcome-section h2 {
    margin-bottom: 1.5rem;
  }
  .outcome-section .para-desc p {
    font-size: 2.1rem;
    line-height: 1.5;
    margin-bottom: 5rem;
  }
  .outcome-section.outcome-parent .para-desc p {
    margin-bottom: 5rem;
  }
  .outcome-section.outcome-parent .counter-part p,
  .outcome-section.outcome-parent .counter-part li {
    font-size: 1.8rem;
    line-height: 2.6rem;
    max-width: 100%;
  }
  .outcome-section .counter-part {
    margin-bottom: 5rem;
  }
}
@media screen and (max-width: 575px) {
  .hero-banner-component .esg_global {
    margin: -41% auto 0;
  }
}
.hero-banner-main .esg_global .field-banner-subheading {
  font-size: 2.625002rem;
}
@media screen and (max-width: 767px) {
  .hero-banner-main .esg_global .field-banner-subheading {
    font-size: 1.789999rem;
  }
}

@media screen and (max-width: 767px) {
  .hero-banner-component.mb-15 {
    margin-bottom: 100px;
  }
}

.bg_green_txt_white .esg_global {
  background-color: #BFF355;
  color: #ffffff;
}

.bg_blue_txt_white .esg_global {
  background-color: #243508;
  color: #ffffff;
}

.bg_blue_txt_black .esg_global {
  background-color: #243508;
  color: #243508;
}

.bg_blue_txt_white .esg_global {
  background-color: #243508;
  color: #ffffff;
}

.bg_pickle_green_txt_black .esg_global {
  background-color: #BFF355;
  color: #243508;
}

.bg_pickle_green_txt_white .esg_global {
  background-color: #BFF355;
  color: #243508;
}