body {
  overflow-x: hidden;
}

.mt-180 {
  margin-top: 18rem;
}

.take_closer h1 {
  width: 60%;
  margin-top: 12rem;
  margin-bottom: 11.4rem;
  font-family: "roobert_regular", sans-serif;
  font-size: 4.4rem;
  line-height: 5.3rem;
  color: #243508;
}

.csl_payment_sector {
  display: flex;
  position: relative;
  height: 70rem;
  width: 100%;
  margin-bottom: 4.5rem;
  /*HRDU-138 - Reduce spacing - 12.5rem*/
}

.csl_payment_sector.align_left {
  height: 700px;
}

.csl_payment_sector.align_right {
  height: 825px;
}

.ps_left {
  width: 56%;
  height: 60rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 8.125rem;
}

.ps_right {
  height: 70rem;
  width: 57%;
}

.ps_right img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.csl_payment_sector p {
  width: 44.6rem;
  font-size: 4.2rem;
  line-height: 5.1rem;
  margin-bottom: 0;
}

.csl_payment_sector h2,
.csl_payment_sector h3 {
  font-family: "roobert_regular", sans-serif;
  font-size: 4.2rem;
  line-height: 5.1rem;
  margin-bottom: 40px;
  max-width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .csl_payment_sector h2,
  .csl_payment_sector h3 {
    font-size: 3.2rem;
    line-height: 4.1rem;
  }
}

.csl_payment_sector h3 {
  margin-top: -40px;
}

.csl_col_counter {
  margin-bottom: 18rem;
}

.csl_outcome_figures {
  font-family: "roobert_medium", sans-serif;
}

.csl_col_counter h2 {
  font-size: 9.2rem;
  line-height: 11rem;
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .csl_col_counter h2 {
    font-size: 6.2rem;
    line-height: 8rem;
  }
}

.csl_col_counter h3 {
  font-size: 3.5rem;
  line-height: 4.2rem;
  margin-bottom: 0;
}

.csl_col_counter h3 p {
  width: 100%;
  font-size: 3.5rem;
  line-height: 4.2rem;
  margin-bottom: 0;
  margin-top: 0;
}

.csl_col_counter p {
  width: 70%;
  font-family: "roobert_regular", sans-serif;
  font-size: 2.4rem;
  line-height: 3rem;
  margin-top: 5.2rem;
  margin-bottom: 0;
}

.csl_col_count_23 {
  margin-top: 12rem;
  margin-bottom: 18rem;
}

.csl_col_count_23 h4 {
  font-size: 9.2rem;
  font-family: "roobert_medium", sans-serif;
  line-height: 11rem;
  margin-bottom: 0;
}

.csl_col_count_23 h5 {
  font-size: 3.5rem;
  font-family: "roobert_medium", sans-serif;
  line-height: 4.2rem;
  margin-bottom: 0;
}

.csl_col_count_23 p {
  width: 70%;
  font-family: "roobert_medium", sans-serif;
  font-size: 2.4rem;
  line-height: 3rem;
  color: #243508;
  margin-top: 5.2rem;
  margin-bottom: 0;
}

.mt-12 {
  margin-top: 0;
  margin-bottom: 12rem;
  width: 18.9rem;
  margin-left: auto;
  margin-right: auto;
}

.dark_green .csl_outcome_figures {
  color: #243508;
}

.bg_purple .csl_outcome_figures {
  color: #243508;
}

.light_green .csl_outcome_figures {
  color: #bff355;
}

.bg_grey .csl_outcome_figures {
  color: #243508;
}

.bg_green .csl_outcome_figures {
  color: #243508;
}

.dark_green .ps_left {
  background: #243508;
  color: #fff;
}

.light_green .ps_left {
  background: #bff355;
  color: #243508;
}

.bg_green .ps_left {
  background: #bff355;
  color: #243508;
}

.light_blue .ps_left {
  background: #243508;
  color: #fff;
}

.bg_grey .ps_left {
  background: #E2D6CF;
  color: #243508;
}

.bg_purple .ps_left {
  background: #243508;
  color: #fff;
}

.csl_payment_sector.bg_green,
.csl_col_counter.bg_green {
  background-color: white;
}

.align_left .ps_left,
.align_left .ps_right {
  position: absolute;
}

.align_left .ps_left {
  left: 0;
  z-index: 1;
  clip-path: polygon(0 0%, 90% 0%, 99% calc(100% - 128px), 0% 100%);
}

.align_left .ps_right {
  right: 0;
  clip-path: polygon(0 0, 100% 0, 100% 85%, 15% 100%);
}

.align_right .csl_polygon_right {
  clip-path: polygon(0 0, 85% 0, 100% 86%, 0% 100%);
}

.align_right .ps_left {
  clip-path: polygon(0 0, 100% 0%, 100% 85%, 15% 100%);
  z-index: 1;
  margin-top: 0;
}

.align_right .ps_right {
  margin-top: 9rem;
  width: 62%;
  height: 735px;
  position: relative;
  z-index: 0;
  clip-path: polygon(0 0, 85% 0, 100% 85%, 0% 100%);
  left: 0;
}

.align_right .ps_left {
  position: absolute;
  right: 0;
}

.csl_col_counter .col-sm-4 {
  margin-top: 0;
}

.csl_col_counter .out_p_1,
.csl_col_counter .out_p_2 {
  font-size: 9.2rem;
  line-height: 11rem;
}

.csl_payment_sector.align_left .ps_left .container {
  margin-right: calc(15% + 50px);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .csl_payment_sector.align_left .ps_left .container {
    margin-right: calc(15% + 20px);
  }
}

.csl_payment_sector.align_right .ps_left .container {
  margin-left: calc(15% + 50px);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .csl_payment_sector.align_right .ps_left .container {
    margin-left: calc(15% + 20px);
  }
}

.csl_payment_sector .ps_left .container {
  max-width: 500px;
}

.body_csl main > .container {
  width: 100%;
  max-width: 100%;
}

.similar_payment_sector {
  margin-top: 18rem;
}

.body_csl .mm_desk_item:nth-child(3) > a {
  border-bottom: 0.3rem solid #243508;
}

@media (min-width: 768px) {
  .csl_payment_sector .ps_left .container {
    padding: 0 15px;
  }
}
@media (max-width: 767px) {
  .csl_payment_sector.align_left {
    height: auto;
  }
  .csl_payment_sector.align_right {
    height: auto;
  }
  .take_closer h1 {
    width: 100%;
    font-size: 3.6rem;
    line-height: 4.3rem;
    margin-top: 5rem;
    margin-bottom: 8rem;
  }
  .csl_payment_sector {
    display: flex;
    height: auto;
    width: 100%;
    flex-direction: column;
    margin-bottom: 0;
  }
  .ps_left,
  .ps_right {
    width: 100%;
    height: auto;
  }
  .align_left .ps_right,
  .align_left .ps_left {
    position: unset;
    clip-path: unset;
  }
  .align_left p,
  .align_right p {
    width: 100%;
    font-size: 3.4rem;
    line-height: 4.1rem;
    margin-bottom: 0;
  }
  .align_left .ps_right,
  .align_right .ps_right {
    order: 1;
    clip-path: unset;
    margin-top: 0;
  }
  .align_right .ps_left,
  .align_left .ps_left {
    order: 2;
    clip-path: polygon(0 10%, 100% 0, 100% 90%, 0% 100%);
    padding: 10rem 0 7.5rem 0;
    margin-top: 0;
    position: relative;
    top: -6rem;
  }
  .csl_payment_sector h2,
  .csl_payment_sector h3 {
    font-family: "roobert_medium", sans-serif;
    font-size: 3.4rem;
    line-height: 4.1rem;
    max-width: 100%;
  }
  .align_left .ps_right,
  .align_right .ps_right {
    height: 350px;
  }
  .csl_col_counter {
    margin-top: 0;
    margin-bottom: 10rem;
  }
  .csl_col_counter h2 {
    font-size: 6rem;
    line-height: 7.2rem;
  }
  .csl_col_counter h3 {
    font-size: 2.4rem;
    line-height: 3.4rem;
  }
  #content .csl_col_counter .col-sm-4:nth-child(2) {
    margin: 5rem 0;
  }
  .csl_col_counter h3 p {
    font-size: 2.8rem;
    line-height: 3.4rem;
  }
  .csl_col_counter p {
    width: 100%;
    font-size: 2.1rem;
    line-height: 3rem;
    font-family: "roobert_medium", sans-serif;
  }
  .align_right .ps_right,
  .align_right .ps_left {
    width: 100%;
  }
  .csl_col_count_23 {
    margin-top: 0;
    margin-bottom: 10rem;
  }
  .csl_col_count_23 p {
    width: 100%;
    font-size: 2.1rem;
    line-height: 3rem;
    font-family: "roobert_medium", sans-serif;
  }
  .csl_col_count_23 h4 {
    font-size: 6rem;
    line-height: 7.2rem;
  }
  .csl_col_count_23 h5 {
    font-size: 2.8rem;
    line-height: 3.4rem;
  }
  .mt-12 {
    margin: 0 auto;
  }
  .mt-180 {
    margin-top: 0;
  }
  .container {
    max-width: 100%;
  }
  .csl_payment_sector .ps_right img {
    height: 50rem;
    /*Font size changes*/
    object-fit: cover;
  }
  .csl_col_counter .out_p_1,
  .csl_col_counter .out_p_2 {
    font-size: 6rem;
    line-height: 7.2rem;
  }
  .csl_payment_sector .ps_left .container,
  .csl_col_counter .container {
    width: 100%;
    margin-right: unset;
  }
  .csl_payment_sector.align_left .ps_left .container,
  .csl_payment_sector.align_right .ps_left .container {
    margin: 0;
  }
  .csl_payment_sector [data-aos=fade-left],
  .csl_payment_sector [data-aos=fade-right] {
    transform: unset;
  }
  .align_right .ps_left.aos-init.aos-animate {
    position: relative;
  }
  .align_left .ps_left {
    width: 100%;
  }
  .take_closer .container {
    width: calc(100% - 30px);
  }
  .csl_payment_sector + .csl_payment_sector {
    margin-top: 5rem;
  }
}
.align_left.image-front-position .ps_left {
  z-index: 0;
}

.article-banner .align_right.text-bottom-position .ps_left {
  top: auto;
  bottom: 0;
  margin-top: 0;
}
.article-banner .article-banner-without-cta h2,
.article-banner .article-banner-without-cta h1 {
  line-height: 41px;
  font-size: 34px;
  font-family: "roobert_medium";
}
@media only screen and (min-width: 992px) {
  .article-banner .article-banner-without-cta h2,
  .article-banner .article-banner-without-cta h1 {
    line-height: 42px;
    font-size: 35px;
    font-family: "roobert_regular";
  }
}

#btnArticlesListLoadMore a {
  font-family: "roobert_light", sans-serif;
  font-size: 2.5rem;
  line-height: 4rem;
  height: 50px;
  display: inline-block;
  text-decoration: none;
  position: relative;
  background-size: 200% 100%;
  transition: all 0.4s ease;
  background-image: linear-gradient(to right, #bff355 49%, transparent 50%);
  background-position: right 105%;
  cursor: pointer;
}
#btnArticlesListLoadMore a span {
  border: 0;
  height: 0;
  min-height: 50px;
  background-image: none;
  background-position: none;
}
#btnArticlesListLoadMore a:hover {
  text-decoration: none;
  background-position: left 105%;
  color: #243508;
  background-image: linear-gradient(to right, #bff355 50%, transparent 50%);
}
#btnArticlesListLoadMore a:hover span {
  background-image: none;
  color: none;
  background-position: none;
}
#btnArticlesListLoadMore a::after {
  transition: all 0.4s ease;
}
#btnArticlesListLoadMore a:not(:has(span)) {
  background-color: #bff355;
  padding: 0.8rem 6.5rem 0.8rem 2rem;
}
#btnArticlesListLoadMore a:not(:has(span)):hover {
  background-image: none;
  background-position: initial;
  color: inherit;
}

.article-banner .dark_green .ps_left {
  background: #243508;
  color: #fff;
}

.article-banner .light_green .ps_left {
  background: #bff355;
  color: #243508;
}

.article-banner .bg_green .ps_left {
  background: #BFF355;
  color: #243508;
}

.article-banner .light_blue .ps_left {
  background: #243508;
  color: #fff;
}

.article-banner .bg_grey .ps_left {
  background: #E2D6CF;
  color: #243508;
}

.article-banner .bg_purple .ps_left {
  background: #243508;
  color: #fff;
}