/* .two-col-promo-module .col-promo-content{ padding: 25px 15px;} */
.two-col-promo-module {
  padding-top: 35px;
}
.two-col-promo-headline-cta .col-promo {
  margin-bottom: 20px;
}
.two-col-promo-headline-cta .col-promo-readmore.orange-link {
  display: none;
}

.two-col-promo-side-scroll .col-promo {
  margin-bottom: 20px;
}

.two-col-promo-side-scroll .swiper-pagination-bullet {
  background-image: none;
  background-color: #c7cacf;
  border: 1.5px solid #74777a;
  opacity: 1;
}
.two-col-promo-side-scroll .swiper-pagination-bullet-active {
  background-color: #c3e8f3 !important;
  border-color: #00a0d1 !important;
  pointer-events: none;
}
.two-col-promo-side-scroll .swiper-pagination-bullet:hover {
  background-color: #f26322;
  border-color: #d74100;
}

.two-col-promo-side-scroll .swiper-button-next {
  right: 5%;
  background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMzIgMzIiIHdpZHRoPSIzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMjAuNjY5NCAxNi45OTQxLTUuOTg4MiA2LjA3MDRjLS4yMDUxLjIwNS0uNTMzMy4yMDUtLjY5NzMgMGwtLjgyMDMtLjgyMDRjLS4yMDUxLS4yMDUtLjIwNTEtLjQ5MjEgMC0uNjk3Mmw0LjgzOTgtNC45MjE5LTQuODM5OC00Ljg4MDljLS4yMDUxLS4yMDUtLjIwNTEtLjUzMzIgMC0uNjk3MmwuODIwMy0uODIwM2MuMTY0LS4yMDUxLjQ5MjItLjIwNTEuNjk3MyAwbDUuOTg4MiA2LjA3MDNjLjIwNTEuMjA1MS4yMDUxLjQ5MjIgMCAuNjk3MnoiIGZpbGw9IiM5MDk1OWYiIHN0cm9rZT0iIzY1Njg2YiIvPjwvc3ZnPg==");
}

.two-col-promo-side-scroll .swiper-button-next:hover {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lkdGg9IjMyIiBzdHlsZT0iem9vbTogMTsiPjxwYXRoIGQ9Im0yMC42Njk0IDE2Ljk5NDEtNS45ODgyIDYuMDcwNGMtLjIwNTEuMjA1LS41MzMzLjIwNS0uNjk3MyAwbC0uODIwMy0uODIwNGMtLjIwNTEtLjIwNS0uMjA1MS0uNDkyMSAwLS42OTcybDQuODM5OC00LjkyMTktNC44Mzk4LTQuODgwOWMtLjIwNTEtLjIwNS0uMjA1MS0uNTMzMiAwLS42OTcybC44MjAzLS44MjAzYy4xNjQtLjIwNTEuNDkyMi0uMjA1MS42OTczIDBsNS45ODgyIDYuMDcwM2MuMjA1MS4yMDUxLjIwNTEuNDkyMiAwIC42OTcyeiIgZmlsbD0iI2YyNjMyMiIgc3Ryb2tlPSIjZDc0MTAwIj48L3BhdGg+PC9zdmc+");
}

.two-col-promo-side-scroll .swiper-button-next:active {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lkdGg9IjMyIiBzdHlsZT0iem9vbTogMTsiPjxwYXRoIGQ9Im0yMC42Njk0IDE2Ljk5NDEtNS45ODgyIDYuMDcwNGMtLjIwNTEuMjA1LS41MzMzLjIwNS0uNjk3MyAwbC0uODIwMy0uODIwNGMtLjIwNTEtLjIwNS0uMjA1MS0uNDkyMSAwLS42OTcybDQuODM5OC00LjkyMTktNC44Mzk4LTQuODgwOWMtLjIwNTEtLjIwNS0uMjA1MS0uNTMzMiAwLS42OTcybC44MjAzLS44MjAzYy4xNjQtLjIwNTEuNDkyMi0uMjA1MS42OTczIDBsNS45ODgyIDYuMDcwM2MuMjA1MS4yMDUxLjIwNTEuNDkyMiAwIC42OTcyeiIgZmlsbD0iI2Q3NDEwMCIgc3Ryb2tlPSIjZDc0MTAwIj48L3BhdGg+PC9zdmc+");
}
.two-col-promo-side-scroll .swiper-button-next:after,
.two-col-promo-side-scroll .swiper-button-prev:after {
  content: "";
}

.two-col-promo-side-scroll .swiper-button-prev {
  right: 68px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lkdGg9IjMyIiBzdHlsZT0iem9vbTogMTsiPjxwYXRoIGQ9Im0xMS4zMzA2IDE2LjAwNTkgNS45ODgyLTYuMDcwNGMuMjA1MS0uMjA1LjUzMzMtLjIwNS42OTczIDBsLjgyMDMuODIwNGMuMjA1MS4yMDUuMjA1MS40OTIxIDAgLjY5NzJsLTQuODM5OCA0LjkyMTkgNC44Mzk4IDQuODgwOWMuMjA1MS4yMDUuMjA1MS41MzMyIDAgLjY5NzJsLS44MjAzLjgyMDNjLS4xNjQuMjA1MS0uNDkyMi4yMDUxLS42OTczIDBsLTUuOTg4Mi02LjA3MDNjLS4yMDUxLS4yMDUxLS4yMDUxLS40OTIyIDAtLjY5NzJ6IiBmaWxsPSIjOTA5NTlmIiBzdHJva2U9IiM2NTY4NmIiPjwvcGF0aD48L3N2Zz4=");
}

.two-col-promo-side-scroll .swiper-button-next,
.two-col-promo-side-scroll .swiper-button-prev {
  background-size: auto;
  background-color: #fff;
  border-radius: 100%;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.05);
  position: absolute;
  width: 32px;
  height: 32px;
  transform: none;
  bottom: 8px;
  top: auto;
  left: auto;
  margin: 0;
  bottom: 16px;
}
.two-col-promo-module.two-col-promo-bigger-text.two-col-promo-side-scroll
  .swiper-wrapper {
  padding-bottom: 50px;
}
.two-col-promo-side-scroll .swiper-pagination-bullets {
  border: 0;
  border-radius: 16px;
  left: auto;
  right: auto;
  width: auto;
  max-width: none;
  height: 32px;
  padding-left: 16px;
  padding-right: 16px;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.05);
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  bottom: 16px;
  left: 5%;
}

.two-col-promo-side-scroll .swiper-slide {
  border: 1px solid #d9d9d9;
  margin-bottom: 20px;
  width: 90%;
  box-shadow: 0px 3px 6px 0px #00000015;
  filter: blur(2px);
  height: auto;
}
.two-col-promo-side-scroll .swiper-slide-active {
  filter: none;
}
.two-col-promo-side-scroll .swiper-slide .col-promo-content {
  padding: 0 15px;
}

.two-col-promo-side-by-side .col-promo {
  margin-bottom: 20px;
}

@media (max-width: 991px) {
  .two-col-promo-module .col-lg-6 {
    margin-bottom: 40px;
  }
  .two-col-promo-headline-cta .col-promo {
    margin: 10px 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .two-col-promo-headline-cta .col-promo .col-promo-img {
    width: 35%;
    float: left;
  }
  .two-col-promo-headline-cta .col-promo .col-promo-content {
    width: 60%;
    float: left;
    margin-left: 5%;
    padding: 0;
  }
  .two-col-promo-headline-cta .col-promo .col-promo-content p {
    display: none;
  }
  .two-col-promo-headline-cta .col-promo .col-promo-content h3 {
    font-size: 1.5rem;
    line-height: 1.625rem;
    margin-bottom: 5px;
  }
  .two-col-promo-headline-cta .col-promo-readmore.orange-link {
    display: block;
  }
  .two-col-promo-headline-cta .col-promo-readmore.orange-outlined {
    display: none;
  }
  .two-col-promo-headline-cta div.col-lg-6:first-child {
    border-top: 1px solid #d9d9d9;
  }
  .two-col-promo-headline-cta div.col-lg-6 {
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 0;
  }
  .two-col-promo-side-scroll .container {
    display: none;
  }
  .two-col-promo-side-scroll .container.mobile {
    display: block;
    position: relative;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  /* .two-col-promo-module .col-promo-content{padding: 25px 15px;} */
}
