.slider
{
  height: 630px;
}

.slider img
{
  max-height: 630px;
  object-fit: cover;
  position: absolute;
  top:0;
  right:0;
}





.text
{
  /* background: linear-gradient(180deg, rgba(255, 255, 255, 0) -7.75%, rgba(255, 255, 255, 0.1624) -7.74%); */
  font-weight: 500;
  font-size: 32px;
  line-height: 120%;
}

.one-slide
{
  background-size: cover;
  height: 630px;
}

.center-block
{
  height: 630px;
  position: relative;
  color:#1C1B1F;
  	
    background-color: rgba(255, 255, 255, .35);
    /*размываем элемент*/
          -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
  
}
.center-block .button
{
  background: #F1F1F1;
  margin-top: 50px;
}
#shops_vue_4
{
  --swiper-theme-color:#FFCC33 !important;

}

:root {
  --swiper-pagination-bullet-horizontal-gap: 8px;
  --swiper-pagination-bullet-inactive-opacity: 1;
  --swiper-pagination-bullet-inactive-color: #FFF;
  --swiper-pagination-color: #FFCC33 ;
  --swiper-navigation-size: 50px;
  --swiper-navigation-color: #FFCC33 ;
}



.title-slide
{
  font-weight: 700;
  font-size: 36px;
  text-transform: uppercase;
  margin-bottom: 25px;

}

.one-slide .button
{
  padding: 13px 24px;
  display: inline-block;
  width: fit-content;
  line-height: 140%;
}





.swiper-pagination-bullet{
  width: 12px !important;
  height: 12px !important;
}

.img-main-container
{
  position: relative;
}

.custom-swipe
{
  position: absolute;
  z-index: 9;
    left: 50%;
    margin-left: -58.5px;
    padding-left: 35px;
    bottom: 20px;

}

.img-main-container .nav-swipe-arr
{
  border-color: #D2D1D2 !important;
}


.img-main-container .nav-swipe-arr:hover
{
  border-color:#000000 !important;
}

.img-main-container .swiper-button-prev{
  top: 0;
}



.img-main-container swiper-container::part(pagination) {

    bottom: 35px;
    left: -50px;
}

@media only screen and (max-width: 820px)
{

  .img-main-container .nav-swipe-arr{
    display: none !important;
  }

  .img-main-container swiper-container::part(pagination){
    bottom: 20px;
    left: 0;
  }
}

.slide-text-main
{
  margin: 0 20px;
}