.designs-slider {
background-color: #5e6866;
      color: #fff;
      padding: 80px 0;
      text-align: center;
    }

.carousel-container {
      max-width: 1200px;
      margin: auto;
      position: relative;
      margin-bottom: 60px;
    }

    .carousel-header {
      text-align: center;
      margin-bottom: 30px;
      padding: 0 20px;
    }

    .carousel-header p {
      color: #e0e0e0;
    }

    .swiper {
      overflow: hidden;
    }

    .swiper-slide {
      /* text-align: center; */
    }

    .swiper-slide img {
      width: 100%;
      border-radius: 20px;
      user-select: none;
      pointer-events: none;
    }

    .swiper-button-prev,
    .swiper-button-next {
      color: #fff;
    }

    .swiper-pagination-bullet {
      background-color: #999;
      opacity: 1;
    }

    .swiper-pagination-bullet-active {
      background-color: #fff;
    }

    @media (max-width: 768px) {
      .swiper-button-prev,
      .swiper-button-next {
        width: 50px;
        height: 50px;
        transform: translateY(-45%);
      }

      .swiper-button-prev {
        left: 5px;
      }

      .swiper-button-next {
        right: 5px;
      }
    }

    @media (min-width: 769px) and (max-width: 1024px) {
      .swiper-button-prev {
        left: 10px;
      }

      .swiper-button-next {
        right: 10px;
      }
    }