.slider-section {position: relative;}

.swiper-container 
{height: 400px;width: 100%; padding-bottom: 85px; overflow: hidden;}
.swiper-wrapper 
{width: 73.8%; will-change: transform;}

.swiper-slide 
{border: 1px solid #ddd; width: 100%; background-color: white; overflow: hidden;}
.swiper-slide.swiper-slide-active .slide-image, .swiper-slide.swiper-slide-duplicate-active .slide-image 
{transform: scale3d(1, 1, 1);}



.swiper-wrapper .swiper-slide .slide-image 
{background-size: cover; background-position: center center; background-repeat: no-repeat;}
.swiper-wrapper .swiper-slide[data-swiper-slide-index="0"] .slide-image {background-image: url('../m00-p01.jpg');}
.swiper-wrapper .swiper-slide[data-swiper-slide-index="1"] .slide-image {background-image: url('../m00-p02.jpg');}
.swiper-wrapper .swiper-slide[data-swiper-slide-index="2"] .slide-image {background-image: url('../m00-p03.jpg');}
.swiper-wrapper .swiper-slide[data-swiper-slide-index="3"] .slide-image {background-image: url('../m00-p04.jpg');}
.swiper-wrapper .swiper-slide[data-swiper-slide-index="4"] .slide-image {background-image: url('../m00-p05.jpg');}
.swiper-wrapper .swiper-slide[data-swiper-slide-index="5"] .slide-image {background-image: url('../m00-p06.jpg');}


/*
.swiper-pagination 
{position: relative; display: flex; justify-content: center; align-items: center; height: 85px;}
.swiper-pagination.swiper-pagination 
{bottom: 0;}
.swiper-pagination-bullet 
{background: #eb2a2e; width: 22px; height: 4px; border-radius: 0; transition: opacity 1s ease;}
.swiper-pagination-bullet.swiper-pagination-bullet.swiper-pagination-bullet 
{margin: 0;}
*/
.swiper-pagination {
    margin-top: 50px !important;
}
.swiper-pagination-progressbar {
    position: static !important;
    height: 4px !important;
    width: 70% !important;
    display: block;
    background: #ccc;
}
.swiper-pagination-progressbar-fill {
    background-color: #eb2a2e !important;
}





.slide-image 
{position: relative; height: 100%; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; backface-visibility: hidden; will-change: transform; transition: transform 1400ms ease;}
.slide-image > a {width: 100%; height: 100%; display: block;}
.slide-image .txtwrap {
    position: absolute;
    width: 100%;
    height: 30%;
    bottom: 0;
}
.slide-image .txtwrap li {margin-bottom: 10px;}
.slide-image .txtwrap li p {
    font-size: 20px;
    color: #222;
    font-weight: 700;
}
.slide-image a:hover .txtwrap li p {color: #eb2a2e; transition: all .5s;}

.slide-image .txtwrap li:last-child {
    background: #eb2a2e;
    display: inline-block;
    width: 30px; height: 30px;
    border-radius: 20px;
}
.slide-image .txtwrap li:last-child img {width: 100%; transition: all ease .5s;}
.slide-image a:hover .txtwrap li:last-child img {transform: rotate(90deg);}


.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after
{color: #222; transition: all 0.5s;}
.swiper-button-prev:hover:after, .swiper-rtl .swiper-button-next:hover:after,
.swiper-button-next:hover:after, .swiper-rtl .swiper-button-prev:hover:after
{color: #eb2a2e;}

.slider-section .btnwrap {
    position: absolute;
    right: 10%;
    bottom: 10%;
    width: 100px;
}
.swiper-button-next:after, .swiper-button-prev:after {
    font-size: 26px;
    font-weight: 1000;
}

@media (max-width: 1024px) {
    .swiper-slide {
        width: 25%;
    }
}
@media screen and (max-width: 991px){
    .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,
    .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after
    {color: #ccc; }
    

}

@media (max-width: 768px) {
    .swiper-slide {width: 33.333333%;}
    .swiper-slide.swiper-slide-next .slide-image, .swiper-slide.swiper-slide-prev .slide-image, .swiper-slide.swiper-slide-duplicate-next .slide-image, .swiper-slide.swiper-slide-duplicate-prev .slide-image {transform: scale3d(1, 1, 1);}
    .swiper-pagination-bullet {width: 40px;}

    .slide-image .txtwrap li p {font-size: 18px;}
}
@media (max-width: 575px) {
    .swiper-slide {width: 50%;}
    .swiper-wrapper {width: 100%;}
    .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,
    .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after
    {color: #222; }

    .swiper-container {height: 450px;}
}