.section-text-with-tabs {

  .image-with-text__grid {
    max-width: 1500px;
    margin: 0 auto;

    gap: 1rem;
    @media screen and (min-width: 1024px) {
      gap: 8rem;
      padding: 0 3.5rem;

      padding-left: 5.3% !important;

      .accordion {
        margin: 0 0 0 auto;
        max-width: 580px;
      }
    }
  }
}

.text-content-wrapper {
  .image-with-text__content .image-with-text__text {
    margin-top: 20px;
    @media screen and (min-width: 1024px) and (max-width: 1359px) {
      margin-top: 15px;
    }
    @media screen and (min-width: 1360px) {
      margin-top: 42px;
    }
  }

  .image-with-text__heading {
    font-size: 48px;
    font-weight: 400;
    strong,
    b {
      font-weight: 800;
    }
    @media screen and (min-width: 1024px) and (max-width: 1359px) {
      font-size: 60px;
      line-height: 66px!important;
    }
    @media screen and (min-width: 1360px) {
      font-size: 89px;
    }
  }

  .link {
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
    @media screen and (min-width: 1024px) {
      font-size: 26px;
      &:hover {
        color: var(--color-blue) !important;
        transform: translateX(30px);
        svg path {
          stroke: var(--color-blue) !important;
        }
      }
    }
  }
}

.city-slider {
  .swiper-slide {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    position: relative;
    padding-bottom: 10px;
    @media screen and (max-width: 760px) {
      overflow: hidden;
    }
    @media screen and (min-width: 1024px) {
      padding-bottom: 120px;
    }
    img {
      display: block;
      width: 100%;
      object-fit: contain;
      height: auto;
      @media screen and (max-width: 760px) {
        width: calc(100% + 60px);
        margin: 0 -30px;
      }

      @media screen and (min-width: 1024px) {
        margin: 0;
      }
    }
  }
  .city-slider__title {
    font-weight: 500;
    font-size: 24px;
    text-transform: uppercase;
    margin: 10px 0 50px;
    @media screen and (min-width: 1024px) {
      position: absolute;
      bottom: 175px;
      left: 10vw;
      margin: 0;
    }
  }

  .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--color-black);
  }

  .swiper-pagination-bullet {
    border-color: var(--color-black);
  }
}