@import "../../vars";

.slider {

  .sw-wr {
    background: linear-gradient(270deg, #ABB2BF -4.92%, rgba(171, 178, 191, 0.2) 114.57%);
    border-radius: 10px;
  }

    .custom-swiper {
      margin-top: 63px;
      max-width: 1335px;
      width: 100%;
      height: 343px;
      background-image: url("../img/main/slider/slider-bg1.png");
      background-repeat: no-repeat;
      background-size: cover;

        .swiper-slide-custom {
          display: flex;
          justify-content: space-between;
        }
      

      .swiper-button-next {
        width: 50px;
        height: 50px;
        margin-right: 30px;

        .slider-next {
          width: 42px;
          height: 41px;
          margin-bottom: 4px;
        }
      }

      .swiper-button-prev {
        width: 50px;
        height: 50px;
        margin-right: 30px;
        
          .slider-prev {
            width: 42px;
            height: 41px;
            margin-left: 30px;
            transform: rotate(180deg);
          }
      }
    }
   

    .custom-swiper [class^="swiper-button-"]::after {
        content: "";
      }

    .swiper-pagination-bullet {
      width: 7px !important;
      height: 7px !important;
      background: #636B78 !important;
      opacity: 0.5 !important;
    }

      .swiper-pagination-bullet-active {
        width: 26px !important;
        height: 5px !important;
        border-radius: 6.38736px !important;
        background-color: #636B78 !important;
        top: -1px !important;
      }

      .custom-pagination {
        padding-right: 1280px !important;
        margin-bottom: 27px;
        margin-left: 10px !important;
      }
  
}

.slide-text {
    flex-basis: 760px;
    margin-top: 30px;
    margin-left: 27px;

    &__title {
        font-weight: 600;
        font-size: 36px;
        line-height: 42px;
        letter-spacing: -0.01em;
        color: $vmainGrey;
    }

    &__paragr {
        margin-top: 131px;
        font-family: 'Muller';
        font-style: normal;
        font-weight: 500;
        font-size: 15px;
        line-height: 19px;

        .par-two {
            font-weight: 700;
        }
    }
}

   .slider-img {
        max-width: 408.91px;
        width: 100%;
        max-height: 284px;
        height: 100%;
        margin-right: 161px;
        margin-top: 20px;
   }