._swiper {
   margin-left: auto;
   margin-right: auto;
   position: relative;
   overflow: hidden;
   list-style: none;
   padding: 0;
   z-index: 1;
}

._swiper .swiper-wrapper {
   position: relative;
   width: 100%;
   height: 100%;
   z-index: 1;
   display: flex;
   transition-property: transform;
   box-sizing: content-box;
}

._swiper .swiper-slide {
   flex-shrink: 0;
   width: 100%;
   height: 100%;
   position: relative;
   transition-property: transform;
}

.swiper-fade .swiper-slide {
   pointer-events: none;
   transition-property: opacity;
}

.swiper-fade .swiper-slide-active {
   pointer-events: auto;
}

/* PROGRESS BAR */
.swiper-pagination-progressbar {
   background: rgba(0, 0, 0, .1);
   position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
   background-color: var(--primary);
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   transform: scale(0);
   transform-origin: left top;
}

.swiper-pagination-progressbar.swiper-pagination-horizontal {
   width: 100%;
   height: 8px;
   left: 0;
   top: 0;
}

/* PAGINATION BAR (indexdagi main slider'dan o'chirilgani) */
/* .swiper-pagination-bullet {
   cursor: pointer;
   flex: 0 0 27px;
   height: 27px;
   position: relative;
   display: flex;
   justify-content: center;
   align-items: center;
   margin: 2px 0;
}

.swiper-pagination-bullet::before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   border-radius: 50%;
   border: 1px solid var(--primary);
   transition: 0.4s;
   transform: scale(0);
}

.swiper-pagination-bullet::after {
   content: '';
   position: absolute;
   width: 11px;
   height: 11px;
   background-color: #d8d8d8;
   border-radius: 50%;
   transition: 0.4s;
}

.swiper-pagination-bullet-active::after {
   background-color: var(--primary);
}

.swiper-pagination-bullet-active::before {
   transform: scale(1);
} */