.inner-hero-section {
  background-color: var(--green-dark);
  padding: 140px 0 120px;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 80px), 0% 100%);
  -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 80px), 0% 100%);
  overflow: hidden;
}
.inner-hero-wrapper {
  max-width: 100%;
  min-width: 100%;
}
.inner-hero-section h1 i {
  position: relative;
  display: inline-block;
  font-style: normal;
  color: var(--green-dark);
  margin-inline: 4px;
  z-index: 1;
}

.inner-hero-section h1 i::before {
  content: "";
  position: absolute;
  width: calc(100% + 12px);
  height: 56px;
  top: 50%;
  left: -6px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='322' height='51' viewBox='0 0 322 51' fill='none'%3E%3Cpath d='M24 26.5002C92.5 23.1684 231.862 23.002 298 27' stroke='%23CDF274' stroke-width='48' stroke-linecap='round'/%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 30px;
  transform: translateY(-50%);
  z-index: -1;
}
@media screen and (min-width: 992px) {
  .inner-hero-section {
    padding: unset;
    padding-top: 100px;
    height: 100vh;
    max-height: 1080px;
    min-height: 800px;
    position: relative;
    justify-content: flex-start;
  }
  .inner-hero-section:after {
    content: "";
    position: absolute;
    right: 0;
    top: 130px;
    width: 50%;
    height: 100%;
  }
  .inner-hero-wrapper {
    max-width: 1312px;
    width: 100%;
    min-width: unset;
    margin: 0 auto;
  }
  .inner-hero-wrapper > div {
    width: 50%;
    z-index: 2;
  }
  .inner-hero-wrapper .content {
    margin-top: 110px;
  }
  .inner-hero-wrapper .content p {
    max-width: 335px;
  }
  .inner-hero-section .img-holder img {
    max-height: calc(100vh - 90px);
    min-height: 650px;
    object-fit: contain;
  }
  .skew-visual {
    height: 218px;
    width: 100%;
    background-color: var(--green-dark);
    z-index: 1;
  }
}
@media screen and (max-width: 1352px) {
  .inner-hero-wrapper {
    max-width: calc(100vw - 40px);
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 991px) {
  .inner-hero-section {
    min-height: 400px;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 40px), 0 100%);
    -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 40px), 0 100%);
  }
}
@media screen and (max-width: 767px) {
  .inner-hero-section {
    padding-top: 185px;
  }
}
@supports (-webkit-touch-callout: none) and (not (translate: none)) {
  .inner-hero-section .inner-hero-wrapper .content * ~ * {
    margin-top: 32px;
  }
  @media screen and (max-width: 767px) {
    .hero-section .hero-wrapper .content * ~ * {
      margin-top: 24px;
    }
  }
}