.header__main_link ul li:hover a::after{
  background-color: #fff;
}
.main__screen{
    position: relative;
    top: 0;
    left: 0;
      height: 100vh;
      width: 100vw;
}

.swiper {
    width: 100%;
    height: 100%;
  }

  .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .autoplay-progress {
    position: absolute;
    right: 16px;
    bottom: 16px;
    z-index: 10;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* font-weight: bold; */
    color: #fff;
  }

  .autoplay-progress svg {
    --progress: 0;
    position: absolute;
    left: 0;
    top: 0px;
    z-index: 10;
    width: 100%;
    height: 100%;
    stroke-width: 2px;
    stroke: #fff;
    fill: none;
    stroke-dashoffset: calc(125.6 * (1 - var(--progress)));
    stroke-dasharray: 125.6;
    transform: rotate(-90deg);
  }
  .mySwiper .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 30px) !important; 
}
.mySwiper .swiper-pagination-bullet {
  width: 30px !important;
  height: 3px !important;
  background-color: #fff !important;
  border-radius: 0px !important;
}
.mySwiper .swiper-button-next, .swiper-button-prev {
  top: var(--swiper-navigation-top-offset, 93.8%) !important;
}
.mySwiper .swiper-button-next, .swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 42%) !important;

}
.mySwiper .swiper-button-prev, .swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 42%) !important;
}
.mySwiper .swiper-button-next, .swiper-button-prev {
  color: #fff !important;
  z-index: 20 !important;
  border: 1px solid #fff;
  padding: 15px;
  border-radius: 50%;
}
:root {
  --swiper-navigation-size: 14px !important;
}



.new__product {
  margin-top: 110px;
  text-align: center;
  margin-bottom: 100px;
}
.new__product h2 {
  text-transform: uppercase;
  font-weight: 500;
}
.new__product_btn {
  display: flex;
  justify-content: center;
  column-gap: 20px;
  margin-top: 20px;
}
.btn__wooman,
.btn__man {
  display: flex;
  cursor: pointer;
  column-gap: 10px;
  position: relative;
  font-size: 14px;
  align-items: center;
}
.new__product_btn .circle{
  width: 20px;
  height: 20px;
  border: 1px solid #000;
  border-radius: 50%;
}
.new__product_btn .btn__wooman.active .circle::after,
.new__product_btn .btn__man.active .circle::after
{
  content: '';
  position: absolute;
  top: 10px;
  left: 10px;
  transform: translate(-50%,-50%);
  width: 10px;
  height: 10px;
  background-color: #000;
  border-radius: 50%;
}







.mySwiper2 .swiper-button-next, .mySwiper2 .swiper-button-prev {
  color: #000 !important;
  z-index: 20 !important;
 border: none !important;
  padding: 25px;
  border-radius: 0%;
  background: rgba(255, 255, 255, 0.5) !important;
}
.mySwiper2 .swiper-button-next, .mySwiper2 .swiper-button-prev {
  top: var(--swiper-navigation-top-offset, 40%) !important;
}
.mySwiper2 .swiper-button-next, .mySwiper2 .swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 1%) !important;

}
.mySwiper2 .swiper-button-prev, .mySwiper2 .swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 1%) !important;
}

.list__item {
  margin-top: 40px;
}



.card__img {
  position: relative;
}
.item__image1 {
 transition: 0.5s all ease;
}
.item__image2{
  position: absolute;
 top: 0;
 left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: 0.5s all ease;
}
.card__img_info {
  position: absolute;
  top: 15px;
  right: 15px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.card__img_info .new__info{
  font-size: 12px;
    line-height: 21px;
    padding: 0 8px;
    background-color: #fff;
    color: #000;
}
.card__img_info .new__info_sale{
  font-size: 12px;
    line-height: 21px;
    padding: 0 8px;
    background-color: #e04f4f;
    color: #fff;
    margin-top: 5px;
}

.card:hover .item__image2{
  opacity: 1;
  transition: 0.5s all ease;
}
.card__desc {
  text-align: center;
}

.card__desc p:nth-child(1){
  margin-top: 46px;
  font-size: 14px;
}
.card__desc p:nth-child(2){
  margin-top: 8px;
  font-size: 10px;
  display: flex;
  column-gap: 5px;
  justify-content: center;
align-items: center;
  color: #212529;
  font-weight: 500;

}
.card__desc p:nth-child(2) span:nth-child(1){
  text-decoration: line-through;
}
.card__desc p:nth-child(2) span:nth-child(2){
  color: #f80a0a;
  font-size: 14px;
}
.list__item {
  display: none;
}





.new__collection {
  margin-top: 100px;
  background-image: url('../images/new_col.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  column-gap: 10px;
  padding: 350px 0px;
}

.new__collection a {
  display: inline-block;
    border: 1px solid #fff;
    min-width: 150px;
    padding: 0 15px;
    text-align: center;
    font-size: 12px;
    line-height: 32px;
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
}


.main__desc_info {
    overflow: hidden;
    position: relative;
    color: #999;
    margin-top: 35px;
    min-height:  125px;
    height: 125px;
    transition:1s all ease;
}
.main__desc_info.open {
  height: auto;
  transition: 1s all ease;
}
.main__desc_info_btn {
  margin-top: 40px;
  display: flex;
  justify-content: center;
}
.main__desc_info_btn button {
  display: inline-block;
    color: #000;
    border: 1px solid #000;
    min-width: 150px;
    padding: 0 15px;
    text-align: center;
    font-size: 12px;
    line-height: 32px;
    background: none;
    cursor: pointer;
}
.main__desc {
  padding: 0px 4vw;
  padding-bottom: 60px;
}
.main__desc h2 {
  text-align: center;
}
.main__desc_info h3{
  margin-bottom: 20px;
  margin-top: 20px;
}
.main__desc_info p{
  margin-bottom: 20px;
}
header{
  position: relative;
  z-index: 1;
}
main{
  position: relative;
  z-index: 1;
  margin-bottom: 560px;
  background-color: #fff;
}
.card:hover .item__image1 {
  opacity: 0;
  transition: 0.5s all ease;
}