.swiper-slide.swiper-slide-active .animate-bounce {
    animation-name: bounce
}
.swiper-slide.swiper-slide-active .animate-flash {
    animation-name: flash
}
.swiper-slide.swiper-slide-active .animate-pulse {
    animation-name: pulse
}
.swiper-slide.swiper-slide-active .animate-rubberBand {
    animation-name: rubberBand
}
.swiper-slide.swiper-slide-active .animate-shakeX {
    animation-name: shakeX
}
.swiper-slide.swiper-slide-active .animate-shakeY {
    animation-name: shakeY
}
.swiper-slide.swiper-slide-active .animate-headShake {
    animation-name: headShake
}
.swiper-slide.swiper-slide-active .animate-swing {
    animation-name: swing
}
.swiper-slide.swiper-slide-active .animate-tada {
    animation-name: tada
}
.swiper-slide.swiper-slide-active .animate-heartBeat {
    animation-name: heartBeat
}
.swiper-slide.swiper-slide-active .animate-backInDown {
    animation-name: backInDown
}
.swiper-slide.swiper-slide-active .animate-backInLeft {
    animation-name: backInLeft
}
.swiper-slide.swiper-slide-active .animate-backInRight {
    animation-name: backInRight
}
.swiper-slide.swiper-slide-active .animate-backInUp {
    animation-name: backInUp
}
.swiper-slide.swiper-slide-active .animate-backOutDown {
    animation-name: backOutDown
}
.swiper-slide.swiper-slide-active .animate-backOutLeft {
    animation-name: backOutLeft
}
.swiper-slide.swiper-slide-active .animate-backOutRight {
    animation-name: backOutRight
}
.swiper-slide.swiper-slide-active .animate-backOutUp {
    animation-name: backOutUp
}
.swiper-slide.swiper-slide-active .animate-wobble {
    animation-name: wobble
}
.swiper-slide.swiper-slide-active .animate-jello {
    animation-name: jello
}
.swiper-slide.swiper-slide-active .animate-bounceIn {
    animation-name: bounceIn
}
.swiper-slide.swiper-slide-active .animate-bounceInDown {
    animation-name: bounceInDown
}
.swiper-slide.swiper-slide-active .animate-bounceInLeft {
    animation-name: bounceInLeft
}
.swiper-slide.swiper-slide-active .animate-bounceInRight {
    animation-name: bounceInRight
}
.swiper-slide.swiper-slide-active .animate-bounceInUp {
    animation-name: bounceInUp
}
.swiper-slide.swiper-slide-active .animate-bounceOut {
    animation-name: bounceOut
}
.swiper-slide.swiper-slide-active .animate-bounceOutDown {
    animation-name: bounceOutDown
}
.swiper-slide.swiper-slide-active .animate-bounceOutLeft {
    animation-name: bounceOutLeft
}
.swiper-slide.swiper-slide-active .animate-bounceOutRight {
    animation-name: bounceOutRight
}
.swiper-slide.swiper-slide-active .animate-bounceOutUp {
    animation-name: bounceOutUp
}
.swiper-slide.swiper-slide-active .animate-fadeIn {
    animation-name: fadeIn
}
.swiper-slide.swiper-slide-active .animate-fadeInDown {
    animation-name: fadeInDown
}
.swiper-slide.swiper-slide-active .animate-fadeInDownBig {
    animation-name: fadeInDownBig
}
.swiper-slide.swiper-slide-active .animate-fadeInLeft {
    animation-name: fadeInLeft
}
.swiper-slide.swiper-slide-active .animate-fadeInLeftBig {
    animation-name: fadeInLeftBig
}
.swiper-slide.swiper-slide-active .animate-fadeInRight {
    animation-name: fadeInRight
}
.swiper-slide.swiper-slide-active .animate-fadeInRightBig {
    animation-name: fadeInRightBig
}
.swiper-slide.swiper-slide-active .animate-fadeInUp {
    animation-name: fadeInUp
}
.swiper-slide.swiper-slide-active .animate-fadeInUpBig {
    animation-name: fadeInUpBig
}
.swiper-slide.swiper-slide-active .animate-fadeInTopLeft {
    animation-name: fadeInTopLeft
}
.swiper-slide.swiper-slide-active .animate-fadeInTopRight {
    animation-name: fadeInTopRight
}
.swiper-slide.swiper-slide-active .animate-fadeInBottomLeft {
    animation-name: fadeInBottomLeft
}
.swiper-slide.swiper-slide-active .animate-fadeInBottomRight {
    animation-name: fadeInBottomRight
}
.swiper-slide.swiper-slide-active .animate-fadeOut {
    animation-name: fadeOut
}
.swiper-slide.swiper-slide-active .animate-fadeOutDown {
    animation-name: fadeOutDown
}
.swiper-slide.swiper-slide-active .animate-fadeOutDownBig {
    animation-name: fadeOutDownBig
}
.swiper-slide.swiper-slide-active .animate-fadeOutLeft {
    animation-name: fadeOutLeft
}
.swiper-slide.swiper-slide-active .animate-fadeOutLeftBig {
    animation-name: fadeOutLeftBig
}
.swiper-slide.swiper-slide-active .animate-fadeOutRight {
    animation-name: fadeOutRight
}
.swiper-slide.swiper-slide-active .animate-fadeOutRightBig {
    animation-name: fadeOutRightBig
}
.swiper-slide.swiper-slide-active .animate-fadeOutUp {
    animation-name: fadeOutUp
}
.swiper-slide.swiper-slide-active .animate-fadeOutUpBig {
    animation-name: fadeOutUpBig
}
.swiper-slide.swiper-slide-active .animate-fadeOutTopLeft {
    animation-name: fadeOutTopLeft
}
.swiper-slide.swiper-slide-active .animate-fadeOutTopRight {
    animation-name: fadeOutTopRight
}
.swiper-slide.swiper-slide-active .animate-fadeOutBottomLeft {
    animation-name: fadeOutBottomLeft
}
.swiper-slide.swiper-slide-active .animate-fadeOutBottomRight {
    animation-name: fadeOutBottomRight
}
.swiper-slide.swiper-slide-active .animate-fadeOutUpBig {
    animation-name: fadeOutUpBig
}
.swiper-slide.swiper-slide-active .animate-fadeOutUpBig {
    animation-name: fadeOutUpBig
}
.swiper-slide.swiper-slide-active .animate-animated.animate-flip {
    animation-name: flip
}
.swiper-slide.swiper-slide-active .animate-flipInX {
    animation-name: flipInX
}
.swiper-slide.swiper-slide-active .animate-flipInY {
    animation-name: flipInY
}
.swiper-slide.swiper-slide-active .animate-flipOutX {
    animation-name: flipOutX
}
.swiper-slide.swiper-slide-active .animate-flipOutY {
    animation-name: flipOutY
}
.swiper-slide.swiper-slide-active .animate-lightSpeedInRight {
    animation-name: lightSpeedInRight
}
.swiper-slide.swiper-slide-active .animate-lightSpeedInLeft {
    animation-name: lightSpeedInLeft
}
.swiper-slide.swiper-slide-active .animate-lightSpeedOutRight {
    animation-name: lightSpeedOutRight
}
.swiper-slide.swiper-slide-active .animate-lightSpeedOutLeft {
    animation-name: lightSpeedOutLeft
}
.swiper-slide.swiper-slide-active .animate-rotateIn {
    animation-name: rotateIn
}
.swiper-slide.swiper-slide-active .animate-rotateInDownLeft {
    animation-name: rotateInDownLeft
}
.swiper-slide.swiper-slide-active .animate-rotateInDownRight {
    animation-name: rotateInDownRight
}
.swiper-slide.swiper-slide-active .animate-rotateInUpLeft {
    animation-name: rotateInUpLeft
}
.swiper-slide.swiper-slide-active .animate-rotateInUpRight {
    animation-name: rotateInUpRight
}
.swiper-slide.swiper-slide-active .animate-rotateOut {
    animation-name: rotateOut
}
.swiper-slide.swiper-slide-active .animate-rotateOutDownLeft {
    animation-name: rotateOutDownLeft
}
.swiper-slide.swiper-slide-active .animate-rotateOutDownRight {
    animation-name: rotateOutDownRight
}
.swiper-slide.swiper-slide-active .animate-rotateOutUpLeft {
    animation-name: rotateOutUpLeft
}
.swiper-slide.swiper-slide-active .animate-rotateOutUpRight {
    animation-name: rotateOutUpRight
}
.swiper-slide.swiper-slide-active .animate-hinge {
    animation-name: hinge
}
.swiper-slide.swiper-slide-active .animate-jackInTheBox {
    animation-name: jackInTheBox
}
.swiper-slide.swiper-slide-active .animate-rollIn {
    animation-name: rollIn
}
.swiper-slide.swiper-slide-active .animate-rollOut {
    animation-name: rollOut
}
.swiper-slide.swiper-slide-active .animate-zoomIn {
    animation-name: zoomIn
}
.swiper-slide.swiper-slide-active .animate-zoomInDown {
    animation-name: zoomInDown
}
.swiper-slide.swiper-slide-active .animate-zoomInLeft {
    animation-name: zoomInLeft
}
.swiper-slide.swiper-slide-active .animate-zoomInRight {
    animation-name: zoomInRight
}
.swiper-slide.swiper-slide-active .animate-zoomInUp {
    animation-name: zoomInUp
}
.swiper-slide.swiper-slide-active .animate-zoomOut {
    animation-name: zoomOut
}
.swiper-slide.swiper-slide-active .animate-zoomOutDown {
    animation-name: zoomOutDown
}
.swiper-slide.swiper-slide-active .animate-zoomOutDown {
    animation-name: zoomOutDown
}
.swiper-slide.swiper-slide-active .animate-zoomOutRight {
    animation-name: zoomOutRight
}
.swiper-slide.swiper-slide-active .animate-zoomOutUp {
    animation-name: zoomOutUp
}
.swiper-slide.swiper-slide-active .animate-slideInDown {
    animation-name: slideInDown
}
.swiper-slide.swiper-slide-active .animate-slideInLeft {
    animation-name: slideInLeft
}
.swiper-slide.swiper-slide-active .animate-slideInRight {
    animation-name: slideInRight
}
.swiper-slide.swiper-slide-active .animate-slideInUp {
    animation-name: slideInUp
}
.swiper-slide.swiper-slide-active .animate-slideOutDown {
    animation-name: slideOutDown
}
.swiper-slide.swiper-slide-active .animate-slideOutLeft {
    animation-name: slideOutLeft
}
.swiper-slide.swiper-slide-active .animate-slideOutRight {
    animation-name: slideOutRight
}
.swiper-slide.swiper-slide-active .animate-slideOutUp {
    animation-name: slideOutUp
}


.swiper-main .swiper-slide {
	overflow: hidden;
}
.swiper .swiper-slide .slide-wrapper {
	height: 100%;
}
.swiper .swiper-slide .slide-wrapper {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
    background-attachment: fixed;
    padding-top: 96px;
}
.swiper .inner {
	background-size: cover;
	width: 100%;
}
.swiper-button-prev:after {
    content: "\f053";
}
.swiper-button-next:after {
    content: "\f054";
}
.swiper-button-prev:after,
.swiper-button-next:after {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
}
.swiper-button {
    width: 40px;
    height: 40px;
}
.swiper-button:after {
	font-size: var(--fs-h3);
	color: #000;
}
.swiper-btn-group {
    top: calc(50%);
}
.swiper-button-next svg {
	transform: rotate(180deg);
}
.swiper-pagination-bullet {
	width: 13px;
	height: 13px;
	opacity: 1;
	background-color: transparent;
	border: 1px solid #fff;
    border-radius: var(--rounded-sm);
}
.swiper-pagination-bullet-active {
	background: var(--color-primary);
	border-color: var(--color-primary);
}
.swiper-buttons {
	height: 100%;
    position: absolute;
    width: 100%;
    top: 0;
	left: 0;
}
.swiper-button-group {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
	z-index: 0;
}
.swiper-buttons .swiper-button {
	margin: 0;
	top: auto;
	bottom: auto;
}
.slider-buttons .swiper-button-prev {
	left: 0;
}
.slider-buttons .swiper-button-next {
	right: 0;
}
.swiper.full-screen {
	width: 100%;
	height: 100vh;
}
.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: 0;
}
.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: 0;
}
.swiper.full-screen .slide {
	background-size: cover;
	background-repeat: no-repeat;
}
.swiper-parallax-bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 130%;
	height: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;	
}
.swiper-button {
    width: auto;
}



/********************** CUSTOM SWIPER **********************/
.slider-main .preloader,
.swiper-main {
	height: 650px;	
}
.swiper-main .swiper-slide {
	z-index: 1;
}
.swiper-main .swiper-slide .title {
    text-transform: none;
}
.swiper-main .swiper-slide .slide-wrapper:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background-color: rgba(0,0,0,.3);
    /*backdrop-filter: blur(6px);*/
}
.swiper-main .content {
	opacity: 0;
	z-index: 2;
}
.swiper-main .swiper-slide.swiper-slide-active .content {
	opacity: 1;
}
.swiper-main .swiper-btn-group {
    max-width: 1920px;
    top: calc(50% - 20px);
}
.swiper-main .swiper-button:after {
    color: #fff;
}


.slider-article-gallery .swiper-button-next {
	right: -3rem;
}
.slider-article-gallery .swiper-button-prev {
	left: -3rem;
}
/*.swiper-product-detail .swiper-slide img {
    object-fit: cover;
}
.swiper-product-detail .swiper-slide:not(.box-lg) img {
    width: 195px;
    height: 195px;
}
.swiper-product-detail .swiper-slide.box-lg img {
    width: 58px;
    height: 583px;
}*/
.slider-product-detail .swiper-button {
    width: 30px;
    height: 30px;
}
.slider-product-detail .swiper-slide .img {
    object-fit: cover;
}

.swiper-related-products.swiper .swiper-slide {
	overflow: unset;
}
.swiper-related-products {
    /*width: calc(100% - 24px);*/
    margin: 0 auto;
}
.slider-related-products .swiper-btn-group {
    top: calc(50%);
}
.slider-product-detail .swiper-button:after,
.slider-related-products .swiper-button:after {
    font-size: var(--fs-xl);
}
.slider-product-detail .swiper-button,
.slider-related-products .swiper-button {
    background-color: #fff;
    box-shadow: var(--shadow-sm);
}
.slider-product-detail .swiper-button-prev {
	left: -5px;
}
.slider-product-detail .swiper-button-next {
	right: -5px;
}
.slider-related-products .swiper-button-prev {
	left: -5px;
}
.slider-related-products .swiper-button-next {
	right: -5px;
}
.swiper-related-products .swiper-slide {
	height: auto!important;
}

.swiper-categories-wrapper  .swiper-button:after {
    color: var(--color-primary);
}
.swiper-categories {
    width: calc(100% - 80px);
}
.swiper-categories .swiper-slide {
    height: auto!important;
    text-align: center;
}
.swiper-categories .swiper-slide .item {
    transition: .2s;
}
.swiper-categories .swiper-slide .item:hover {
    background-color: var(--color-secondary-100);
}
.swiper-categories .swiper-slide .title {
    font-size: var(--fs-sm);
    font-weight: 700;
    color: #fff;
    margin: 0;
}
.swiper-categories .swiper-pagination-bullet {
    border-color: var(--color-border-light);
}
.swiper-categories .swiper-pagination-bullet-active {
    background-color: var(--color-bg-light-200);
}
.swiper-categories-wrapper .swiper-pagination {
    bottom: 0;
}



/*@media (min-width: 992px) {
    .swiper-categories .swiper-wrapper {
        margin-right: -1.5rem;
        margin-left: -1.5rem;
        width: auto;
    }
    .swiper-categories .swiper-slide {
        width: 33.3333333333%;  
        flex: 0 0 auto;
        padding-right: 1.5rem;
        padding-left: 1.5rem;
    }
}*/
 

@media (min-width: 768px) {
	.swiper-product-detail .swiper-wrapper {
		margin-left: -4px;
		margin-right: -4px;
	}
	.swiper-product-detail .swiper-wrapper .swiper-slide {
		padding: 4px;
	}
}



@media (max-width: 1399.98px) {
    .swiper-button-prev, .swiper-rtl .swiper-button-next {
        left: 0;
    }
    .swiper-button-next, .swiper-rtl .swiper-button-prev {
        right: 0;
    }
    .swiper-main .content {
        padding-left: 80px;
        padding-right: 80px;
    }
}

@media (max-width: 1199.98px) {
	.slider-main .preloader,
	.swiper-main {
		height: 450px;	
	}
}

@media (max-width: 991.98px) {
	.slider-main .preloader,
	.swiper-main {
		height: 450px;	
	}
    .swiper-main .slide:after {
        display: block;
    }
    .swiper-button-group:not(.always-dark) .swiper-button:after,
    .swiper-main .content {
        color: #fff;
    }
    .swiper-button-group:not(.always-dark) .swiper-button {
        border-color: #fff;
    }
    .swiper-main .subtitle {
        justify-content: center;
    }
	.swiper-button {
		width: 30px;
		height: 30px;
	}
}

@media (max-width: 767.98px) {
    .swiper-product-detail .swiper-wrapper {
        -ms-flex-wrap: nowrap!important;
        flex-wrap: nowrap!important;
    }
    .swiper-product-detail .swiper-slide img {
        width: 100%!important;
        height: 190px!important;
        object-fit: cover;
    }
    .swiper-product-detail {
        width: calc(100% - 24px);
        margin: 0 auto;
    }
    .slider-product-detail .swiper-slide a {
        box-shadow: var(--shadow-bs);
    }
}

@media (max-width: 575.98px) {
    .swiper-main .content {
        padding-left: 15px;
        padding-right: 15px;
    }
    .swiper-product-detail .swiper-slide img {
        height: 160px!important;
	}
}

@media (max-width: 349.98px) {
    .swiper-product-detail .swiper-slide img {
        height: 220px!important;
	}
}