#promotions-block{
    /* padding: 0 30px; */
    margin: 110px 0;
}
#promotions-block .container{
  padding: 0;
}

#promotions-block .promotions-swiper{
  margin-top: 40px;
}

#promotions-block .promotions-swiper .promotion{
  display: flex;
  background-color: var(--card);
  border-radius: 10px;
  justify-content: space-between;
  height: auto;
}


#promotions-block .promotions-swiper .promotion .prom_img{
  width: 180px;
  border-radius: 10px;
  overflow: hidden;
}

#promotions-block .promotions-swiper .promotion .prom_img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#promotions-block .promotions-swiper .promotion .prom_content{
  width: 230px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

#promotions-block .promotions-swiper .promotion .prom_content .btn{
  margin-top: 45px;
}

#promotions-block .promotions-swiper .promotion .prom_content .card_time{
  padding: 7px 20px;
  border: 1px solid var(--stroke);
  width: fit-content;
  display: flex;
  border-radius: 100px;
  color: var(--main_text);
}

#promotions-block .promotions-swiper .promotion .prom_content .p2{
  color: var(--main_text);
  margin-top: 5px;
}

#promotions-block .promotions-swiper .promotion .prom_content h6{
  margin-top: 20px;
}

#promotions-block .nav__holder .arr-left, .nav__holder .arr-right{
  background-color: var(--card);
}
#promotions-block .nav__holder .arr-left.swiper-button-disabled, .nav__holder .arr-right.swiper-button-disabled{
  background-color: var(--card);
}

#promotions-block .bottom-pagination-documents .swiper-pagination-progressbar {
  background: var(--card) !important;
}

@media (max-width: 1330px) {
  #promotions-block .promotions-swiper .promotion .prom_content{
    width: auto;
  }
  #promotions-block .promotions-swiper .promotion .prom_img{
    width: 220px;
    min-width: 220px;
  }
}

@media (max-width: 1030px) {
  #promotions-block .promotions-swiper .promotion .prom_img{
    width: 400px;
    min-width: 400px;
    max-height: 400px;
  }
}

@media (max-width: 850px) {
  #promotions-block .promotions-swiper .promotion .prom_img{
    width: 300px;
    min-width: 300px;
    max-height: none;
  }
}


  @media (max-width: 700px) {
    #promotions-block{
        margin: 55px 0;
    }    
    #promotions-block .title-block{
      font-size: 36px;
    }
    #promotions-block .promotions-swiper .promotion .prom_img{
      width: 200px;
      min-width: 200px;
    }
  }

  @media (max-width: 480px) {
    #promotions-block .promotions-swiper .promotion{
      flex-direction: column-reverse;
      /* justify-content: start; */
      /* height: 100%; */
    }
    #promotions-block .promotions-swiper .promotion .prom_img{
      width: auto;
      min-width: none;
      max-height: 200px;
    }
    #promotions-block .promotions-swiper .promotion .prom_content{
      height: 100%;
    }
    #promotions-block .promotions-swiper .promotion .prom_content .btn{
      margin-top: 24px;
    }
    #promotions-block .promotions-swiper{
      margin-top: 20px;
    }
  }