.polygon_banner_with_CTA {
  position: relative;
  animation: Topbanner 0.25s linear;
  animation-delay: 0.3s;
  animation-fill-mode: forwards;
  float: inherit;
}
@media only screen and (min-width: 0) and (max-width: 991px) {
  .polygon_banner_with_CTA {
    clip-path: polygon(0 0, 100% 0, 100% 94%, 0 100%, 0% 38%);
    animation: none;
  }
}
@media only screen and (min-width: 0) and (max-width: 991px) {
  .polygon_banner_with_CTA .field-promoicon {
    line-height: 0;
  }
}
.polygon_banner_with_CTA img {
  height: 91.236rem;
  width: 100%;
  object-fit: cover;
}
@media only screen and (min-width: 0) and (max-width: 991px) {
  .polygon_banner_with_CTA img {
    height: 51.75rem;
  }
}
.polygon_banner_with_CTA .content-wrapper {
  position: absolute;
  top: 19.22rem;
  width: auto;
}
@media only screen and (min-width: 0) and (max-width: 991px) {
  .polygon_banner_with_CTA .content-wrapper {
    position: relative;
    padding: 6rem 1.875rem 13.75rem 1.875rem;
    background-color: #243508;
    animation: none;
    top: -2px;
  }
}
.polygon_banner_with_CTA .innerpart {
  max-width: 585px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .polygon_banner_with_CTA .innerpart {
    max-width: 100%;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .polygon_banner_with_CTA .innerpart {
    padding: 0 15px;
    max-width: 720px;
    margin: 0 auto;
  }
}
.polygon_banner_with_CTA .desc_topbanner {
  color: #fff;
  font-size: 3.375rem;
  font-family: "roobert_medium";
  line-height: 4.625rem;
}
@media only screen and (min-width: 0) and (max-width: 991px) {
  .polygon_banner_with_CTA .desc_topbanner {
    font-size: 2.625rem;
    font-family: "roobert_regular";
    line-height: 3.75rem;
  }
}
.polygon_banner_with_CTA .btn-learn-dark {
  margin-top: 5rem;
}
@media only screen and (min-width: 0) and (max-width: 991px) {
  .polygon_banner_with_CTA .btn-learn-dark {
    margin-top: 3.75rem;
  }
}
@media only screen and (min-width: 0) and (max-width: 991px) {
  .polygon_banner_with_CTA .container {
    padding: 0;
    margin: 0;
    width: 100%;
    max-width: none;
  }
}

@keyframes Topbanner {
  0% {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0% 38%);
  }
  100% {
    clip-path: polygon(0 0, 100% 0, 100% 74%, 0 100%, 0% 38%);
  }
}
@media only screen and (min-width: 992px) {
  .light-theme .desc_topbanner {
    color: #243508 !important;
  }
}
@media only screen and (min-width: 992px) {
  .light-theme .btn-learn-dark a span {
    color: #243508 !important;
  }
}
@media only screen and (min-width: 992px) {
  .light-theme .btn-learn-dark a::after {
    background-image: url(../images/Common/cta-transform-arrow.svg) !important;
  }
}

@media only screen and (min-width: 992px) {
  .dark-theme .desc_topbanner {
    color: #fff !important;
  }
}
@media only screen and (min-width: 992px) {
  .dark-theme .btn-learn-dark a span {
    color: #fff !important;
  }
}
@media only screen and (min-width: 992px) {
  .dark-theme .btn-learn-dark a::after {
    background-image: url(../images/case_study_landing/cta-transform-arrow.svg) !important;
  }
}

@media only screen and (min-width: 0) and (max-width: 991px) {
  .polygon_bg_dark_green_txt_white .content-wrapper {
    background-color: #243508;
    color: #fff;
  }
  .polygon_bg_dark_green_txt_white .content-wrapper .innerpart .desc_topbanner {
    color: #fff;
  }
  .polygon_bg_dark_green_txt_white .content-wrapper .innerpart .btn-learn-dark a span {
    border: 2px solid #bff355;
    color: #fff !important;
  }
  .polygon_bg_dark_green_txt_white .content-wrapper .innerpart .btn-learn-dark a::after {
    background-image: url(/~/media/Themes/HoganLovells/Site%20theme%20name/images/case_study_landing/cta-transform-arrow.svg) !important;
  }
}
@media only screen and (min-width: 0) and (max-width: 991px) {
  .polygon_bg_dark_green_txt_white.polygon_banner_with_CTA .content-wrapper {
    background-color: #243508;
    color: #fff;
  }
  .polygon_bg_dark_green_txt_white.polygon_banner_with_CTA .content-wrapper .innerpart .desc_topbanner {
    color: #fff;
  }
  .polygon_bg_dark_green_txt_white.polygon_banner_with_CTA .content-wrapper .innerpart .btn-learn-dark a span {
    border: 2px solid #bff355;
    color: #243508 !important;
  }
  .polygon_bg_dark_green_txt_white.polygon_banner_with_CTA .content-wrapper .innerpart .btn-learn-dark a::after {
    background-image: url(/~/media/Themes/HoganLovells/Site%20theme%20name/images/case_study_landing/cta-transform-arrow.svg) !important;
  }
}

@media only screen and (min-width: 0) and (max-width: 991px) {
  .polygon_bg_dark_grey_txt_white .content-wrapper {
    background-color: #E2D6CF;
    color: #fff;
  }
  .polygon_bg_dark_grey_txt_white .content-wrapper .innerpart .desc_topbanner {
    color: #fff;
  }
  .polygon_bg_dark_grey_txt_white .content-wrapper .innerpart .btn-learn-dark a span {
    border: 2px solid #bff355;
    color: #fff !important;
  }
  .polygon_bg_dark_grey_txt_white .content-wrapper .innerpart .btn-learn-dark a::after {
    background-image: url(/~/media/Themes/HoganLovells/Site%20theme%20name/images/case_study_landing/cta-transform-arrow.svg) !important;
  }
}
@media only screen and (min-width: 0) and (max-width: 991px) {
  .polygon_bg_dark_grey_txt_white.polygon_banner_with_CTA .content-wrapper {
    background-color: #E2D6CF;
    color: #fff;
  }
  .polygon_bg_dark_grey_txt_white.polygon_banner_with_CTA .content-wrapper .innerpart .desc_topbanner {
    color: #fff;
  }
  .polygon_bg_dark_grey_txt_white.polygon_banner_with_CTA .content-wrapper .innerpart .btn-learn-dark a span {
    border: 2px solid #bff355;
    color: #fff !important;
  }
  .polygon_bg_dark_grey_txt_white.polygon_banner_with_CTA .content-wrapper .innerpart .btn-learn-dark a::after {
    background-image: url(/~/media/Themes/HoganLovells/Site%20theme%20name/images/case_study_landing/cta-transform-arrow.svg) !important;
  }
}

@media only screen and (min-width: 0) and (max-width: 991px) {
  .polygon_bg_purple_txt_white .content-wrapper {
    background-color: #243508;
    color: #fff;
  }
  .polygon_bg_purple_txt_white .content-wrapper .innerpart .desc_topbanner {
    color: #fff;
  }
  .polygon_bg_purple_txt_white .content-wrapper .innerpart .btn-learn-dark a span {
    border: 2px solid #bff355;
    color: #fff !important;
  }
  .polygon_bg_purple_txt_white .content-wrapper .innerpart .btn-learn-dark a::after {
    background-image: url(/~/media/Themes/HoganLovells/Site%20theme%20name/images/case_study_landing/cta-transform-arrow.svg) !important;
  }
}
@media only screen and (min-width: 0) and (max-width: 991px) {
  .polygon_bg_purple_txt_white.polygon_banner_with_CTA .content-wrapper {
    background-color: #243508;
    color: #fff;
  }
  .polygon_bg_purple_txt_white.polygon_banner_with_CTA .content-wrapper .innerpart .desc_topbanner {
    color: #fff;
  }
  .polygon_bg_purple_txt_white.polygon_banner_with_CTA .content-wrapper .innerpart .btn-learn-dark a span {
    border: 2px solid #bff355;
    color: #fff !important;
  }
  .polygon_bg_purple_txt_white.polygon_banner_with_CTA .content-wrapper .innerpart .btn-learn-dark a::after {
    background-image: url(/~/media/Themes/HoganLovells/Site%20theme%20name/images/case_study_landing/cta-transform-arrow.svg) !important;
  }
}

@media only screen and (min-width: 0) and (max-width: 991px) {
  .polygon_bg_light_green_txt_black .content-wrapper {
    background-color: #bff355;
    color: #243508;
  }
  .polygon_bg_light_green_txt_black .content-wrapper .innerpart .desc_topbanner {
    color: #243508;
  }
  .polygon_bg_light_green_txt_black .content-wrapper .innerpart .btn-learn-dark a span {
    border: 2px solid #243508;
    color: #243508 !important;
  }
  .polygon_bg_light_green_txt_black .content-wrapper .innerpart .btn-learn-dark a::after {
    background-image: url(../images/Common/cta-transform-arrow.svg) !important;
  }
}
@media only screen and (min-width: 0) and (max-width: 991px) {
  .polygon_bg_light_green_txt_black.polygon_banner_with_CTA .content-wrapper {
    background-color: #bff355;
    color: #243508;
  }
  .polygon_bg_light_green_txt_black.polygon_banner_with_CTA .content-wrapper .innerpart .desc_topbanner {
    color: #243508;
  }
  .polygon_bg_light_green_txt_black.polygon_banner_with_CTA .content-wrapper .innerpart .btn-learn-dark a span {
    border: 2px solid #243508;
    color: #243508 !important;
  }
  .polygon_bg_light_green_txt_black.polygon_banner_with_CTA .content-wrapper .innerpart .btn-learn-dark a::after {
    background-image: url(../images/Common/cta-transform-arrow.svg) !important;
  }
}

@media only screen and (min-width: 0) and (max-width: 991px) {
  .polygon_bg_green_txt_black .content-wrapper {
    background-color: #BFF355;
    color: #243508;
  }
  .polygon_bg_green_txt_black .content-wrapper .innerpart .desc_topbanner {
    color: #243508;
  }
  .polygon_bg_green_txt_black .content-wrapper .innerpart .btn-learn-dark a span {
    border: 2px solid #243508;
    color: #243508 !important;
  }
  .polygon_bg_green_txt_black .content-wrapper .innerpart .btn-learn-dark a::after {
    background-image: url(../images/Common/cta-transform-arrow.svg) !important;
  }
}
@media only screen and (min-width: 0) and (max-width: 991px) {
  .polygon_bg_green_txt_black.polygon_banner_with_CTA .content-wrapper {
    background-color: #BFF355;
    color: #243508;
  }
  .polygon_bg_green_txt_black.polygon_banner_with_CTA .content-wrapper .innerpart .desc_topbanner {
    color: #243508;
  }
  .polygon_bg_green_txt_black.polygon_banner_with_CTA .content-wrapper .innerpart .btn-learn-dark a span {
    border: 2px solid #243508;
    color: #243508 !important;
  }
  .polygon_bg_green_txt_black.polygon_banner_with_CTA .content-wrapper .innerpart .btn-learn-dark a::after {
    background-image: url(../images/Common/cta-transform-arrow.svg) !important;
  }
}