.cards {
  padding: 60px 0; }
  .cards .button__container {
    margin-top: auto;
    padding-top: 1em;
    margin-bottom: 0; }

.cards_carousel__container {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: -40px; }

.cards__item {
  background-color: #fff;
  box-shadow: 10px 10px 20px rgba(43, 44, 46, 0.2); }

.cards__item__content {
  padding: 15px; }
  @supports (padding: clamp(1em, 1vw, 1em)) {
    .cards__item__content {
      padding: clamp(15px, 2.1428571429vw, 30px); } }

.cards__item__heading {
  text-wrap: balance; }
  @supports (font-size: clamp(1em, 1vw, 1em)) {
    .cards__item__heading {
      font-size: clamp(20px, 1.4285714286vw, 24px); } }
  .cards__item__heading a {
    text-decoration: none;
    color: #2b2c2e;
    transition: color 0.2s; }
    .cards__item__heading a:hover, .cards__item__heading a:focus, .cards__item__image:hover + .cards__item__content .cards__item__heading a {
      color: #1d7198; }

.cards__item__description.site__copy {
  margin-top: 20px; }

.cards__item__description.site__copy > .hs_cos_wrapper_type_inline_rich_text {
  font-size: 16px; }
  .cards__item__description.site__copy > .hs_cos_wrapper_type_inline_rich_text h6, .cards__item__description.site__copy > .hs_cos_wrapper_type_inline_rich_text p, .cards__item__description.site__copy > .hs_cos_wrapper_type_inline_rich_text li, .cards__item__description.site__copy > .hs_cos_wrapper_type_inline_rich_text > span {
    font-size: 14px;
    text-wrap: pretty; }
    @supports (font-size: clamp(1em, 1vw, 1em)) {
      .cards__item__description.site__copy > .hs_cos_wrapper_type_inline_rich_text h6, .cards__item__description.site__copy > .hs_cos_wrapper_type_inline_rich_text p, .cards__item__description.site__copy > .hs_cos_wrapper_type_inline_rich_text li, .cards__item__description.site__copy > .hs_cos_wrapper_type_inline_rich_text > span {
        font-size: clamp(14px, 1vw, 16px); } }

.cards__item__image {
  position: relative;
  height: 0;
  padding-bottom: 56.25%; }
  .cards__item__image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center; }

.cards_carousel__slides.swiper {
  position: relative;
  margin-left: -10px;
  margin-right: -10px;
  width: calc(100% + 20px);
  padding: 20px 20px 60px;
  overflow: visible; }
  .cards_carousel__slides.swiper .swiper-pagination {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    font-size: 16px;
    color: #fff; }
  .cards_carousel__slides.swiper .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
  .cards_carousel__slides.swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 0.5em;
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: none;
    background-color: rgba(0, 0, 0, 0.7);
    transition: all 0.2s; }
    .cards_carousel__slides.swiper .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active,
    .cards_carousel__slides.swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
      background-color: #d06224; }
    .cards_carousel__slides.swiper .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:hover, .cards_carousel__slides.swiper .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:focus,
    .cards_carousel__slides.swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet:hover,
    .cards_carousel__slides.swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet:focus {
      outline: 0;
      background-color: #2b2c2e; }
      .cards_carousel__slides.swiper .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:hover.swiper-pagination-bullet-active, .cards_carousel__slides.swiper .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:focus.swiper-pagination-bullet-active,
      .cards_carousel__slides.swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet:hover.swiper-pagination-bullet-active,
      .cards_carousel__slides.swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet:focus.swiper-pagination-bullet-active {
        background-color: #2591c3; }
  .cards_carousel__slides.swiper .cards__item {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.5s;
    -webkit-transform: translateZ(0);
            transform: translateZ(0); }
  .cards_carousel__slides.swiper .swiper-slide-visible .cards__item {
    opacity: 1;
    pointer-events: auto; }

.cards_carousel__pagination {
  z-index: 100;
  position: absolute;
  bottom: 0;
  left: 20px;
  width: calc(100% - 40px);
  height: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0.15); }

.cards_carousel__pagination__item {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 4px;
  border: none;
  background-color: #d06224;
  color: white;
  cursor: pointer;
  pointer-events: auto;
  transition: background 0.2s; }
  .cards_carousel__pagination__item:hover, .cards_carousel__pagination__item:focus {
    outline: 0;
    background-color: #2591c3; }
  .cards_carousel__pagination__item svg {
    display: block;
    max-width: 100%;
    height: auto;
    width: 18px; }
