Sindbad~EG File Manager

.selul {
  .s-city__slider {
    padding: 60px 0;
    background: var(--purple300);

    .s-city__card {
      border-radius: 16px;
      height: 530px;
      overflow: hidden;
      background: var(--neutre50);
      box-shadow: 0px 4px 6px -2px #0c041b08;

      box-shadow: 0px 12px 16px -4px #0c041b14;

      .s-city__slider-image {
        width: 100%;
        object-fit: cover;
        height: 226px;
      }

      .s-city__slider-card-content {
        padding: 24px 32px;
      }

      .s-city__slider-icon {
        width: 48px;
        height: 48px;
        object-fit: cover;
      }
      .s-city__slider-title {
        color: #27262a;
      }
      .s-city__slider-location-container {
        display: flex;
        align-items: center;
        gap: 8px;
      }

      .s-city__slider-location-content {
        color: #27262a;
      }
    }
    .swipper-btn-wrapper {
      display: flex;
      margin-top: 64px;
      align-items: center;
      gap: 70px;
      justify-content: center;

      @media (max-width: 768px) {
        gap: 32px;
      }
      .swiper-pagination-dots {
        width: fit-content;
      }

      .swipper-btn {
        width: 32px;
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0px 4px 6px -2px #0c041b08;

        box-shadow: 0px 12px 16px -4px #0c041b14;
        border-radius: 50%;
        background-color: var(--white);
        transition: opacity 0.3s ease-in-out;
      }

      .swiper-button-disabled {
        transition: opacity 0.3s ease-in-out;
        opacity: 0.4;
        cursor: not-allowed;
      }

      .swiper-pagination-bullet {
        background: var(--purple100);
        opacity: 1;
      }
      .swiper-pagination-bullet-active {
        background: var(--purple500);
      }
    }
  }

  .s-testimonials {
    padding-top: 96px;
    padding-bottom: 60px;

    .s-testimonials__cols {
      display: flex;
      gap: 16px;
      @media (max-width: 768px) {
        flex-direction: column;
      }
      .s-testimonials_col {
        flex: 0 0 33%;
        display: flex;
        flex-direction: column;
        gap: 16px;

        .s-testimonial_card {
          padding: 32px;
          border-radius: 12px;
          border: 2px solid;

          border-image-source: linear-gradient(
            122.64deg,
            rgba(247, 243, 253, 0.6) -0.05%,
            rgba(247, 243, 253, 0.6) 100.01%
          );
          box-shadow: 0px 4px 6px -2px #0c041b08;

          box-shadow: 0px 12px 16px -4px #0c041b14;

          backdrop-filter: blur(20px);
        }

        &.s-testimonials_col-1 {
          @media (max-width: 768px) {
            flex-direction: column-reverse;
          }
          .s-testimonial_image {
            width: 100%;
            height: 100%;
            max-height: 330px;

            border-radius: 16px;
            overflow: hidden;

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