.bottom-nav .slideNext-btn, .bottom-nav .slidePrev-btn {
    align-items: center;
    background-color: rgba(var(--white), 1);
    border-radius: 100%;
    color: rgba(var(--theme-body-sub-title-color), .8);
    display: flex;
    height: 2.75rem;
    justify-content: center;
    width: 2.75rem;
}
.bottom-nav .slideNext-btn {
    position: relative;
}
.brand-slider-2 .bottom-nav .slideNext-btn, .brand-slider-2 .bottom-nav .slidePrev-btn {
    border: 1px solid rgba(var(--theme-body-sub-title-color), .3);
    border-radius: 10px;
}

.brand-style-1 .brand-slider-wrapper .swiper {
    padding: 1px 1px 1.25rem;
}
.brand-slider-2 .swiper-wrapper {
    height: auto;
}
.brand-slider-2 .swiper-wrapper {
    height: auto;
}


.brand-style-1 .brand-box {
    align-items: center;
    border: 1px solid rgba(var(--theme-body-sub-title-color),.4);
    border-radius: 5px;
    display: flex;
    height: 68px;
    justify-content: center;
    -o-object-fit: cover;
    object-fit: cover;
    padding: .9375rem;
    transition: .5s
}

@media (max-width: 575.98px) {
    .brand-style-1 .brand-box {
        height:52px
    }
}

.brand-style-1 .brand-box img {
    /*filter: grayscale(1);*/
    transition: .5s
}

@media (max-width: 575.98px) {
    .brand-style-1 .brand-box img {
        height:20px
    }
}

.brand-style-1 .brand-box:hover {
    border: 1px solid rgba(var(--primary),1);
    box-shadow: 0 9px 20px rgba(var(--shadow-color),.15);
    transition: .5s
}

.brand-style-1 .brand-box:hover img {
    filter: unset;
    transition: .5s
}

.brand-style-1 .brand-slider-wrapper {
    margin: -1px -1px -1.25rem
}

.brand-style-1 .brand-slider-wrapper .swiper {
    padding: 1px 1px 1.25rem;
}

.brand-slider-2 .swiper-wrapper {
    height: auto
}

.brand-slider-2 .bottom-nav .slideNext-btn,.brand-slider-2 .bottom-nav .slidePrev-btn {
    border: 1px solid rgba(var(--theme-body-sub-title-color),.3);
    border-radius: 10px;
    cursor: pointer;
    color: #2f333b;
}

.brand-slider-2 .bottom-nav .slideNext-btn:before {
    left: -.875rem
}

@media (max-width: 575.98px) {
    .brand-style-4 .brand-slider-4 .swiper-wrapper .brand-box {
        height:3.25rem
    }

    .brand-style-4 .brand-slider-4 .swiper-wrapper .brand-box img {
        height: 1.25rem
    }
}

.brand-style-4 .brand-box {
    border: 1px solid;
    border-image-slice: 1;
    border-radius: .625rem;
    position: relative
}

.brand-style-4 .brand-box:before {
    background: linear-gradient(90.68deg,rgba(90,81,255,.813) -3.14%,#918cf1 72.68%);
    border-radius: .625rem;
    content: "";
    inset: 0;
    -webkit-mask: linear-gradient(rgba(var(--white),1) 0 0) content-box,linear-gradient(rgba(var(--white),1) 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    padding: .063rem;
    position: absolute;
    z-index: 1
}

.brand-style-4 .brand-box:after {
    background-repeat: no-repeat;
    bottom: 0;
    box-shadow: 1px 32px 24px -5px rgba(49,45,120,.28);
    content: "";
    height: 100px;
    left: 0;
    position: absolute;
    width: 100%
}

.brand-style-4 .brand-box img {
    filter: unset
}

.brand-style-4 .brand-slider-wrapper .bottom-nav {
    margin-top: 3.063rem
}

@media (max-width: 1199.98px) {
    .brand-style-4 .brand-slider-wrapper .bottom-nav {
        margin-top:2.0625rem
    }
}

.brand-style-4 .brand-slider-wrapper .bottom-nav .slideNext-btn,.brand-style-4 .brand-slider-wrapper .bottom-nav .slidePrev-btn {
    background-color: rgba(var(--dark-blue),1);
    border: unset
}

.brand-style-4 .brand-slider-wrapper .bottom-nav .slideNext-btn svg,.brand-style-4 .brand-slider-wrapper .bottom-nav .slidePrev-btn svg {
    color: rgba(var(--light-blue),1)
}

.brand-style-4 .brand-slider-wrapper .bottom-nav .slideNext-btn:hover,.brand-style-4 .brand-slider-wrapper .bottom-nav .slidePrev-btn:hover {
    background-color: rgba(var(--primary),1)
}

.brand-style-4 .brand-slider-wrapper .bottom-nav .slideNext-btn:hover svg,.brand-style-4 .brand-slider-wrapper .bottom-nav .slidePrev-btn:hover svg {
    color: rgba(var(--white))
}

.review-style-1 .review-slider-1 .swiper-wrapper {
    height: auto
}

.bottom-nav {
    align-items: center;
    display: flex;
    gap: 1.625rem;
    justify-content: center;
    margin-top: 1.875rem
}

@media (max-width: 575.98px) {
    .bottom-nav {
        margin-top:.9375rem
    }
}

.bottom-nav .slideNext-btn,.bottom-nav .slidePrev-btn {
    align-items: center;
    background-color: rgba(var(--white),1);
    border-radius: 100%;
    color: rgba(var(--theme-body-sub-title-color),.8);
    display: flex;
    height: 2.75rem;
    justify-content: center;
    width: 2.75rem
}

@media (max-width: 575.98px) {
    .bottom-nav .slideNext-btn,.bottom-nav .slidePrev-btn {
        height:2rem;
        width: 2rem
    }
}

.bottom-nav .slideNext-btn:hover,.bottom-nav .slidePrev-btn:hover {
    background-color: rgba(var(--primary),1);
    color: rgba(var(--white),1)
}

.bottom-nav .slideNext-btn {
    position: relative
}

.bottom-nav .slideNext-btn:before {
    background: rgba(var(--theme-body-sub-title-color),.3);
    content: "";
    height: .9375rem;
    left: -.75rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px
}

.brand-box {
    /*display: block;*/
    position: relative;
    /*width: auto;*/
    width: 100%;
    margin: 0px 20px;
}

.home__adv {
    /* width: 100%; */
    /* display: block; */
    position: relative;
    /* max-width: 700px; */
    /* z-index: 9999; */
}

.brand-slider-wrapper {
    width: 100%;
    display: block;
    position: relative;
}

.swiper-wrapper {
    /* width: 100%; */
    position: relative;
    /*display: block;*/
    z-index: 999;
}

.swiper.brand-slider-2.swiper-initialized.swiper-horizontal.swiper-pointer-events.swiper-backface-hidden {
    position: relative;
    width: 100%;
}