.bannerSales {
    padding: 1rem 0;
}



.bannerSales img {
    border-radius: 5px;
    height: 266px;
}

.bannerSales.wideBanner img {
    height: 100%;
}

.bannerSales a {
    display: block;
}

.bannerSales .col-md-6:first-child a{
    padding-left: 1rem;
}

.bannerSales.bigBanner img {
    height: 135px !important;
}

.bannerSales .container-fluid {
    padding: 0;
}

@media(max-width: 1024px) {
    .bannerSales .container-fluid {
        padding-left: 15px;
        padding-right: 15px;
    
    }
   
}
@media(max-width: 992px) {
    .bannerSales img {
        
        height: auto;
    }

    .bannerSales.wideBanner img {
        height: auto !important;
    }
}


@media (max-width: 767px) {
    .bannerSales.bigBanner img {
        height: auto !important;
    }
    .bannerSales .col-md-6:first-child a {
        padding-left: 0 !important;
    }

    .bannerSales img {
        margin: 0 auto;
        display: block;
        height: auto;
    }

    .bannerSales.wideBanner img {
        height: auto !important;
    }
}

@media (max-width: 767px) {
    .mb2 {
        margin-bottom: 1rem;
    }
}

.video-intro {
    padding: 1rem 0;
    position: relative;
}

.video-intro .title {
    text-align: center;
}

.video-intro .title h2 {
    color: #191919;
    font-size: 22px;
    display: inline-block;
    margin-bottom: 0;
    padding: 10px 0;
    position: relative;
}

.video-intro .title p {
    font-size: 14px;
    color: #676C75;
}

.video-intro .plyr--video {
    max-width: 900px;
    margin: .5rem auto 0;
    border-radius: 5px;
    --plyr-color-main: #000;
}
/* .plyr--stopped.plyr__poster-enabled .plyr__poster {
    height: auto;
} */

@media(max-width: 767px) {
    .video-intro .plyr--video {
        height: auto;
    }
}

.banner .swiper-pagination-bullets {
    text-align: center;
    position: relative;
    top: -35px;
    z-index: 333;
    text-align: right;
    right: 100px;
}

.testimonails {
    padding-bottom: 30px;
}

.testimonails .swiper-wrapper {
    margin-bottom: 1rem;
}

.testimonails .swiper-pagination-bullets {
    text-align: center;
}

.testimonails .titleHead {
    text-align: center;
    margin: 2rem 0 2rem 0;
}

@media(max-width: 767px) {
    .testimonails .titleHead,
    .partners .titleHead {
        text-align: right;
    }
}

.testimonails .swiper-pagination-bullet,
.testimonails .swiper-ul-pagination-bullet {
    width: 8px !important;
    height: 8px !important;
    border: 1px solid #000;
    background-color: #fff;
}

.testimonails .custom_slide_arrows {
    text-align: left ;
    position: relative ;
    top: -60px;
}

.testimonails .swiper-slide {
    height: auto !important;
}

.testimonails .item {
    padding: .7rem 1.3rem;
    border: 1px solid #eee;
    border-radius: 10px;
    background-color: #F5F7F9;
    position: relative;
    /* box-shadow: 0px 6px 30px 0px rgba(0, 0, 0, 0.05); */
    min-height: 100%;

}

.testimonails .item .quote {
    width: 60px;
    height: 60px;
    border-radius: 50px;
    /* box-shadow: 0px 6px 30px 0px rgba(0, 0, 0, 0.05); */
    text-align: center;
    line-height: 60px;
    background: #fff;
}


.testimonails .item h3 {
    font-size: 17px;
    color: #323643;
    margin: 1rem .5rem 0;
}

.testimonails .item .rate {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 1rem 0;
}

.testimonails .item .rate .stars ul li {
    display: inline-block;
}

.testimonails .item .rate .region {
    margin-right: 10px;
    color: #43459B;
}

.testimonails .item p {
    color: #696969;
    font-size: 12px;
    margin-top: 1rem;
    margin-bottom: 0;
}


.testimonails .item .quote svg {
    max-width: 30px;
    opacity: .6;
}

@media(max-width: 567px) {
    .testimonails .item {
        padding: .5rem 1rem;
    }

    .testimonails .item .quote {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
    .testimonails .item p {
        margin-top: 1rem;
    margin-bottom: 0;
    }

    .testimonails .item h3 {
        font-size: 17px;
        color: #323643;
        margin: 1rem .3rem .3rem;
    }
}


.star-rating {
    font-size: 0;
    white-space: nowrap;
    display: inline-block;
    /* width: 250px; remove this */
    height: 50px;
    overflow: hidden;
    position: relative;
    background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjREREREREIiBwb2ludHM9IjEwLDAgMTMuMDksNi41ODMgMjAsNy42MzkgMTUsMTIuNzY0IDE2LjE4LDIwIDEwLDE2LjU4MyAzLjgyLDIwIDUsMTIuNzY0IDAsNy42MzkgNi45MSw2LjU4MyAiLz48L3N2Zz4=');
    background-size: contain;
}

.star-rating i {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    /* width: 20%; remove this */
    z-index: 1;
    background: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='20px' height='20px' viewBox='0 0 20 20' enable-background='new 0 0 20 20' xml:space='preserve'%3E%3Cpolygon fill='%23fda500' points='10,0 13.09,6.583 20,7.639 15,12.764 16.18,20 10,16.583 3.82,20 5,12.764 0,7.639 6.91,6.583 '/%3E%3C/svg%3E");
    background-size: contain;
}

.star-rating input {
    -moz-appearance: none;
    -webkit-appearance: none;
    opacity: 0;
    display: inline-block;
    /* width: 20%; remove this */
    height: 100%;
    margin: 0;
    padding: 0;
    z-index: 2;
    position: relative;
}

.star-rating input:hover+i,
.star-rating input:checked+i {
    opacity: 1;
}

.star-rating i~i {
    width: 40%;
}

.star-rating i~i~i {
    width: 60%;
}

.star-rating i~i~i~i {
    width: 80%;
}

.star-rating i~i~i~i~i {
    width: 100%;
}

::after,
::before {
    height: 100%;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    text-align: center;
    vertical-align: middle;
}

.star-rating.star-5 {
    width: 250px;
}

.star-rating.star-5 input,
.star-rating.star-5 i {
    width: 20%;
}

.star-rating.star-5 i~i {
    width: 40%;
}

.star-rating.star-5 i~i~i {
    width: 60%;
}

.star-rating.star-5 i~i~i~i {
    width: 80%;
}

.star-rating.star-5 i~i~i~i~i {
    width: 100%;
}

.star-rating.star-3 {
    width: 150px;
}

.star-rating.star-3 input,
.star-rating.star-3 i {
    width: 33.33%;
}

.star-rating.star-3 i~i {
    width: 66.66%;
}

.star-rating.star-3 i~i~i {
    width: 100%;
}

#showRateModal .rates {
    max-width: 314px;
    border-radius: 50px;
    background-color: #FAFAFA;
    margin: 30px auto;
    text-align: center;
    padding: 10px;
    direction: ltr;
}

.productAddRateModal .title {
    text-align: center;
}

.productAddRateModal .title h3 {
    font-size: 25px;
    color: #000;
}

.productAddRateModal .modal-header {
    padding: 0;
}

.productAddRateModal .modal-header .close {
    position: absolute;
    left: 15px;
    top: 8px;
    z-index: 22;
}

.productAddRateModal .modal-content {
    border-radius: 10px;
    padding: 2rem;
}

.productAddRateModal .rates {
    background-color: transparent !important;
}

.productAddRateModal .modal-footer button {
    width: 100%;
}

.quick-categories {
    padding: 0 0;
}

.quick-categories .swiper-button-next, 
.quick-categories .swiper-button-prev {
    transform: translateY(-50%);
}


.quick-categories .titleHead .title::before{
    transform: rotate(
        -1deg);
}

.quick-categories .titleHead .title::after{
    transform: rotate( 
-1deg);
}

.quick-categories .swiper-slide .mainCategorieImage {
    width: 100%;
    max-width: 100%;
    display: block;
    margin: 0 auto;
    border-radius: 10px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border: 1px solid #E6E6E6;
    transition: all 300ms ease-in-out;
}

.quick-categories .swiper-slide .categorieItem {
    position: relative;
    border-radius: 5px;
    transition: all 300ms ease-in-out;
    -webkit-box-shadow: 0px 20px 30px rgb(0 0 0 / 5%);
     box-shadow: 0px 20px 30px rgb(0 0 0 / 5%);
     overflow: hidden;
}

.quick-categories .swiper-slide .category-description {
    /* position: absolute;
    bottom: 0px;
    right: 0; */
    /* background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .1)), to(rgba(0, 0, 0, .7)));
    background: -o-linear-gradient(top, rgba(255, 255, 255, .1), rgba(0, 0, 0, .7) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, .1), rgba(0, 0, 0, .7) 100%); */
    /* display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column; */   
    width: 100%;
    height: 100%;
    padding: 20px 13px 20px;
    text-align: center;
    border-radius: 4px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    background-color: #F5F7F9;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 222;
}

.quick-categories .swiper-slide .category-description .line {
    width: 25px;
    height: 2px;
    background-color: #fff;
    transition: all 300ms ease-in-out;
    display: none;
}
.quick-categories .swiper-slide .category-description h3 {
    color: #333;
    font-size: 16px;
    margin-bottom: 0;
    margin-top: 5px;
    transition: all 300ms ease-in-out;
    font-weight: 600;
}

.quick-categories .swiper-slide .categorieItem:hover .mainCategorieImage{
    transform: scale(1.2);
}


.borderdImage {
    border-radius: 8px;
}

/* Video Player  */

.plyr__controls {
    background-color: rgba(0, 0, 0, .3) !important;
}
.plyr__controls .plyr__controls__item:first-child {
    background-color: #fff;
    border-radius: 50px;
}