.hero__slider--activation .swiper__nav--btn.swiper-button-prev {
    left: 1.5rem
}

.hero__slider--activation .swiper__nav--btn.swiper-button-next {
    right: 1.5rem
}

.swiper__nav--btn.card__swiper--nav {
    opacity: 1;
    visibility: visible;
    top: -33px
}
.hero__slider--layer__style3{
    margin-top:-100px;
}
.swiper-slide-active .slider__content>* {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.swiper-slide-active .slider__subtitle {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.swiper-slide-active .slider__maintitle {
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.swiper-slide-active .slider__maintitle--style2 {
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.swiper-slide-active .slider__desc {
    -webkit-animation-delay: .7s;
    animation-delay: .7s
}

.swiper-slide-active .slider__price--text {
    -webkit-animation-delay: .7s;
    animation-delay: .7s
}

.swiper-slide-active .slider__btn {
    -webkit-animation-delay: .9s;
    animation-delay: .9s
}

.swiper-slide-active .slider__layer--img {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transition: 1.4s;
    transition: 1.4s
}
.small__product--inner .swiper-slide-active .small__product--card {
    border-top: 0
}
.single__product--nav .swiper-slide-active .single__product--nav__items {
    border-color: var(--secondary-color)
}
.swiper-slide-active .testimonial__items--thumbnail {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
}
.hero__slider--items__style3 {
    gap: 2.5rem;
    height: auto
}
@media only screen and (min-width:576px) {
    .hero__slider--items__style3 {
        gap: 3rem;
        height: 350px
    }
}

@media only screen and (min-width:768px) {
    .hero__slider--items__style3 {
        gap: 4rem;
        height: 440px
    }
}

@media only screen and (min-width:992px) {
    .hero__slider--items__style3 {
        height: 550px
    }
}

@media only screen and (min-width:1200px) {
    .hero__slider--items__style3 {
        height: 600px
    }
}

@media only screen and (min-width:1366px) {
    .hero__slider--items__style3 {
        height: 620px
    }
}

@media only screen and (min-width:1600px) {
    .hero__slider--items__style3 {
        height: 750px
    }
}

@media only screen and (max-width:575px) {
    .hero__slider--items__style3 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        padding: 5rem 0 7rem
    }
}
.slider__content {
    position: relative;
    z-index: 9
}

@media only screen and (max-width:575px) {
    .slider__content {
        text-align: center
    }
}
.swiper-slide-active .slider__content>* {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}
@media only screen and (min-width:576px) {
    .slider__content.style2 {
        padding-left: 4.5rem
    }
}
@media only screen and (min-width:1200px) {
    .slider__content.style2 {
        padding-left: 5.5rem
    }
}
@media only screen and (max-width:767px) {
    .slider__content.style4 {
        text-align: center
    }
}
.slider__content {
    position: relative;
    z-index: 9
}

.slider__subtitle.style3 {
    font-size: 1.5rem;
    margin-bottom: 1.2rem;
    line-height: 2.3rem;
    text-transform: uppercase
}

@media only screen and (min-width:576px) {
    .slider__subtitle.style3 {
        font-size: 1.6rem
    }
}

@media only screen and (min-width:768px) {
    .slider__subtitle.style3 {
        font-size: 1.8rem;
        margin-bottom: 1.5rem;
        line-height: 2.5rem
    }
}

@media only screen and (min-width:992px) {
    .slider__subtitle.style3 {
        font-size: 2rem;
        line-height: 2.8rem
    }
}

@media only screen and (min-width:1200px) {
    .slider__subtitle.style3 {
        font-size: 2.2rem;
        margin-bottom: 1.7rem
    }
}

@media only screen and (min-width:1366px) {
    .slider__subtitle.style3 {
        font-size: 2.5rem;
        line-height: 3rem
    }
}

.slider__maintitle.style3 {
    font-size: 2.6rem;
    line-height: 2.8rem;
    text-transform: uppercase;
    text-decoration: none
}

@media only screen and (min-width:480px) {
    .slider__maintitle.style3 {
        font-size: 2.8rem;
        line-height: 3rem
    }
}

@media only screen and (min-width:576px) {
    .slider__maintitle.style3 {
        font-size: 3.2rem;
        line-height: 3.2rem
    }
}

@media only screen and (min-width:768px) {
    .slider__maintitle.style3 {
        font-size: 4rem;
        line-height: 4rem
    }
}

@media only screen and (min-width:992px) {
    .slider__maintitle.style3 {
        font-size: 5rem;
        line-height: 5rem
    }
}

@media only screen and (min-width:1200px) {
    .slider__maintitle.style3 {
        font-size: 6rem;
        line-height: 6rem
    }
}

@media only screen and (min-width:1366px) {
    .slider__maintitle.style3 {
        font-size: 7rem;
        line-height: 7rem
    }
}

.slider__desc.style3 {
    font-size: 1.5rem;
    margin-bottom: 1.8rem
}

@media only screen and (min-width:576px) {
    .slider__desc.style3 {
        margin-bottom: 2rem
    }
}

@media only screen and (min-width:992px) {
    .slider__desc.style3 {
        font-size: 1.6rem;
        margin-bottom: 2.4rem
    }
}

@media only screen and (min-width:992px) {
    .slider__desc.style3 {
        font-size: 1.8rem;
        margin-bottom: 3rem
    }
}

@media only screen and (min-width:1200px) {
    .slider__desc.style3 {
        font-size: 2rem;
        margin-bottom: 3.5rem
    }
}

.slider__subtitle {
    font-size: 1.4rem;
    font-weight: 600;
    font-family: var(--inter-fonts);
    margin-bottom: .5rem
}
.swiper-slide-active .slider__subtitle {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}
.slider__subtitle.style4 {
    font-size: 1.5rem;
    line-height: 2rem;
    margin-bottom: 1.5rem;
    text-transform: uppercase;
    color: var(--secondary-color)
}

@media only screen and (min-width:576px) {
    .slider__subtitle.style4 {
        font-size: 1.6rem
    }
}

@media only screen and (min-width:992px) {
    .slider__subtitle.style4 {
        font-size: 1.8rem;
        margin-bottom: 1.8rem
    }
}

@media only screen and (min-width:1200px) {
    .slider__subtitle.style4 {
        font-size: 2rem;
        line-height: 2.2rem;
        margin-bottom: 2rem
    }
}
.swiper-slide-active .slider__subtitle {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}
.slider__maintitle {
    text-decoration: underline;
    margin-bottom: 1.5rem
}

@media only screen and (min-width:576px) {
    .slider__maintitle {
        margin-bottom: 1.8rem
    }
}

@media only screen and (min-width:992px) {
    .slider__maintitle {
        margin-bottom: 2.2rem
    }
}

@media only screen and (min-width:1200px) {
    .slider__maintitle {
        margin-bottom: 2.6rem
    }
}

.slider__maintitle--inner__text {
    font-family: var(--rubik-fonts);
    font-weight: 400;
    text-decoration: underline
}

@media only screen and (min-width:992px) {
    .slider__maintitle--inner__text {
        font-size: 3.4rem;
        line-height: 4rem
    }
}

@media only screen and (min-width:1200px) {
    .slider__maintitle--inner__text {
        font-size: 3.8rem;
        line-height: 4.2rem
    }
}
.swiper-slide-active .slider__maintitle {
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.swiper-slide-active .slider__maintitle--style2 {
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}
.slider__maintitle--style2 {
    margin-bottom: 1.2rem
}

@media only screen and (min-width:992px) {
    .slider__maintitle--style2 {
        font-size: 3.2rem;
        line-height: 4.2rem;
        margin-bottom: 1.8rem
    }
}

@media only screen and (min-width:1200px) {
    .slider__maintitle--style2 {
        font-size: 4.5rem;
        line-height: 5.5rem;
        margin-bottom: 2.2rem
    }
}

@media only screen and (max-width:767px) {
    .slider__maintitle--style2 {
        font-size: 2.5rem;
        line-height: 3.3rem
    }
}

@media only screen and (max-width:575px) {
    .slider__maintitle--style2 {
        font-size: 2.2rem;
        line-height: 3.2rem;
        margin-bottom: 1rem
    }
}
.slider__maintitle.style4 {
    text-decoration: inherit;
    text-transform: uppercase;
    font-family: var(--rubik-fonts);
    font-size: 2rem;
    line-height: 2.8rem;
    margin-bottom: 1.2rem
}

@media only screen and (min-width:400px) {
    .slider__maintitle.style4 {
        font-size: 2.2rem;
        line-height: 3rem
    }
}

@media only screen and (min-width:480px) {
    .slider__maintitle.style4 {
        font-size: 2.5rem;
        line-height: 3.2rem
    }
}

@media only screen and (min-width:576px) {
    .slider__maintitle.style4 {
        font-size: 2.8rem;
        line-height: 3.5rem;
        margin-bottom: 1.5rem
    }
}

@media only screen and (min-width:768px) {
    .slider__maintitle.style4 {
        font-size: 3.2rem;
        line-height: 4rem
    }
}

@media only screen and (min-width:992px) {
    .slider__maintitle.style4 {
        font-size: 4rem;
        line-height: 5rem
    }
}

@media only screen and (min-width:1200px) {
    .slider__maintitle.style4 {
        font-size: 4.8rem;
        line-height: 6rem;
        margin-bottom: 2rem
    }
}

@media only screen and (min-width:1366px) {
    .slider__maintitle.style4 {
        font-size: 5.2rem;
        line-height: 6.5rem
    }
}

@media only screen and (min-width:1600px) {
    .slider__maintitle.style4 {
        font-size: 6.2rem;
        line-height: 7.5rem
    }
}
@media only screen and (min-width:576px) {
    .slider__desc {
        margin-bottom: 2.2rem
    }
}

@media only screen and (min-width:992px) {
    .slider__desc {
        margin-bottom: 2.5rem
    }
}

@media only screen and (min-width:1200px) {
    .slider__desc {
        margin-bottom: 3rem
    }
}
.swiper-slide-active .slider__desc {
    -webkit-animation-delay: .7s;
    animation-delay: .7s
}
.slider__desc {
    margin-bottom: 1.8rem
}
.slider__desc.style4 {
    font-size: 1.4rem;
    margin-bottom: 2rem
}

@media only screen and (min-width:480px) {
    .slider__desc.style4 {
        font-size: 1.5rem
    }
}

@media only screen and (min-width:576px) {
    .slider__desc.style4 {
        margin-bottom: 2.2rem
    }
}

@media only screen and (min-width:992px) {
    .slider__desc.style4 {
        font-size: 1.6rem;
        margin-bottom: 2.5rem
    }
}

@media only screen and (min-width:1200px) {
    .slider__desc.style4 {
        margin-bottom: 3.5rem
    }
}

.primary__btn {
    font-weight: 600;
    display: inline-block;
    font-size: 1.3rem;
    line-height: 3.8rem;
    height: 3.8rem;
    padding: 0 2rem;
    letter-spacing: .2px;
    border-radius: 2.4rem;
    color: var(--text-white-color);
    border: 0
}

.primary__btn:hover {
    background: var(--primary-color);
    color: var(--text-white-color)
}

@media only screen and (min-width:768px) {
    .primary__btn {
        line-height: 4rem;
        height: 4rem;
        padding: 0 2.2rem;
        font-size: 1.4rem
    }
}

@media only screen and (min-width:992px) {
    .primary__btn {
        font-size: 1.5rem;
        line-height: 4.2rem;
        height: 4.2rem;
        padding: 0 2.5rem
    }
}

@media only screen and (min-width:1600px) {
    .primary__btn {
        line-height: 4.6rem;
        height: 4.6rem;
        padding: 0 3rem
    }
}
.slider__btn svg {
    margin-left: .3rem
}
.swiper-slide-active .slider__btn {
    -webkit-animation-delay: .9s;
    animation-delay: .9s
}
@media only screen and (max-width:1199px) {
    .hero__slider--layer__style3 {
        max-width: 470px
    }
}

@media only screen and (max-width:991px) {
    .hero__slider--layer__style3 {
        max-width: 400px
    }
}

@media only screen and (max-width:767px) {
    .hero__slider--layer__style3 {
        max-width: 300px
    }
}
.slider__layer--img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    display: block
}
.swiper-slide-active .slider__layer--img {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transition: 1.4s;
    transition: 1.4s
}
.slider__pagination.swiper-pagination {
    bottom: 2rem !important
}
.swiper-pagination {
    bottom: 0 !important
}
.swiper-pagination-bullet {
    width: 1.5rem;
    height: 1.5rem;
    border: 1px solid var(--secondary-color);
    opacity: 1;
    vertical-align: middle;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    background: inherit;
    margin: 0 4px !important;
    position: relative
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: var(--secondary-color)
}
.slider__pagination.swiper-pagination {
    bottom: 2rem !important
}
.quickview__gallery--pagination .swiper-pagination-bullet {
    width: 2rem;
    height: .6rem;
    background: var(--primary-color);
    opacity: 1;
    border-radius: 2px;
    margin: 0 3px !important
}
.quickview__gallery--pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: var(--secondary-color)
}