.product-swiper .swiper-slide img {
    width: 253.5px;
    /* height: 154.7px; */
    object-fit: contain;
    cursor: pointer;
}

.product-swiper .swiper-slide.swiper-slide-active img {
    /* transform: scale(1); */
    height: 100%;
    width: 100%;
    cursor: pointer;
}

.product-swiper .swiper-slide.swiper-slide-active {
    /* transform: scale(1); */
    height: 411px;
    align-items: start;
    justify-content: center;
    align-content: start;
    width: 578px !important;
}

.product-swiper .swiper-slide {
    transition: all 0.4s linear; 
    height: 154.7px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-swiper {
    padding: 130px 300px;
    margin-top: -250px;
    max-width: 1705px;
    padding-bottom: 50px !important;
}

.product-swiper .swiper-wrapper {
    align-items: center;
}

.product-swiper .swiper-button-prev, .product-swiper .swiper-button-next {
    background: #D2242A;
    padding: 16px 24px;
    width: 88px;
    height: 72px;
    top: var(--swiper-navigation-top-offset,47%) !important;
}

.slider-item-btn {
    background: #D2242A;
    max-width: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 72px;
    height: 48px;
    right: 0px;
    bottom: 0px;
    cursor: pointer;
    transition: all 0.3s linear !important;
}

.product-swiper .swiper-button-next {
    right: var(--swiper-navigation-sides-offset,0px) !important;
}

.product-swiper .swiper-button-prev svg, .product-swiper .swiper-button-next svg{
    height: 40px;
}

.product-swiper .swiper-button-prev::after, .product-swiper .swiper-button-next::after {
    display: none !important;
}

.product-swiper .swiper-button-prev:focus, .product-swiper .swiper-button-next:focus {
    outline-width: 0px !important;
}

.product-swiper .swiper-button-prev:hover, .product-swiper .swiper-button-next:hover, .slider-item-btn:hover {
    background: var(--wp--preset--color--custom-primary) !important;
}

.slider-item-btn:hover {
    right: -25px;
}

.product-swiper .swiper-button-prev:hover svg path, .product-swiper .swiper-button-next:hover svg path, .slider-item-btn:hover svg path{
    stroke: #1F2023 !important;
}

.slider-item-content {
    position: absolute;
    bottom: -130px;
    width: 353px;
    height: 202px;
    filter: drop-shadow(0px 100px 41px rgba(0, 0, 0, 0.04)) drop-shadow(0px 41.7776px 17.1288px rgba(0, 0, 0, 0.0287542)) drop-shadow(0px 22.3363px 9.15789px rgba(0, 0, 0, 0.0238443)) drop-shadow(0px 12.5216px 5.13384px rgba(0, 0, 0, 0.02)) drop-shadow(0px 6.6501px 2.72654px rgba(0, 0, 0, 0.0161557)) drop-shadow(0px 2.76726px 1.13458px rgba(0, 0, 0, 0.0112458));
    flex-direction: column;
    left: 100px;
    transform: scale(0.7) translateY(35px);
    transition: transform 0.5s ease, opacity 0.5s ease, visibility 0.5s ease;
    opacity: 0;
    visibility: hidden;
    
}

.swiper-slide.swiper-slide-active .slider-item-content {
    bottom: -50px;
    transform: scale(1) translateY(35px);
}

.product-swiper .swiper-slide:hover .slider-item-content{
    opacity: 1;
    visibility: visible !important;
    transform: scale(0.7) translateY(0px);
}

.product-swiper .swiper-slide.swiper-slide-active:hover .slider-item-content{
    opacity: 1;
    visibility: visible !important;
    transform: scale(1) translateY(0px);
}

.slider-item-container-content {
    background-color: #1F2023;
    padding: 24px;
    display: flex;
    flex-direction: column;
    width: 305px;
    clip-path: polygon(5% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 8%);
    box-shadow: 0px -8px 40px rgba(0, 0, 0, 0.08);
    min-height: 130px;
    justify-content: center;
}


.slider-item-content .slider-item-container-content h5 {
    font-family: var(--wp--preset--font-family--montserrat) !important;
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 140%;
    color: #FFFFFF;
    margin-top: 0px;
    margin-bottom: 8px;
    color: #FFFFFF;
}

.slider-item-content .slider-item-container-content p {
    font-family: var(--wp--preset--font-family--montserrat) !important;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    color: #B9BAC2;
    margin: 0px;
}

/* .swiper-slide .slider-item-content {
    display: none;
} */

.product-swiper .swiper-wrapper {
    min-height: 411px;
}

@media (max-width: 1600px){
    .product-swiper .swiper-slide.swiper-slide-active {
        width: 32vw !important;
    }
    
}

@media (max-width: 1366px){

    /* SWIPER SECTION */
    /* .product-swiper .swiper-slide img {
        width: auto;
    } */
}

@media (max-width: 1024px){
    .product-swiper .swiper-button-prev, .product-swiper .swiper-button-next {
        width: 70px;
        height: 60px;
    }
}

@media (max-width: 1100px){
    .product-swiper .swiper-slide img {
        height: 200px;
    }
}

@media (max-width: 991px){
    .slider-item-content {
        left: 0px;
    }

    .product-swiper .swiper-slide.swiper-slide-active:hover .slider-item-content {
        transform: scale(0.8) translateY(0px);
    }
}

@media (max-width: 871px){
    .product-swiper .swiper-slide.swiper-slide-active {
        width: 100% !important;
    }
    .product-swiper .swiper-slide.swiper-slide-active:hover .slider-item-content {
        transform: scale(1) translateY(0px);
        left: 30%;
    }
}

@media (max-width: 810px){
    .product-swiper .swiper-slide img {
        height: clamp(3.125rem, -1.2726rem + 21.6495vw, 9.6875rem);
    }
}

@media (max-width: 767px){
    .product-swiper .swiper-slide.swiper-slide-active {
        width: 100% !important;
    }
    .product-swiper .swiper-slide.swiper-slide-active:hover .slider-item-content {
        transform: scale(0.7) translateY(0px);
    }
}

@media (max-width: 600px){
    .product-swiper {
        margin-top: -70px !important;
        padding-bottom: 0px !important;
        /* padding-bottom: 0px !important; */
        /* overflow: visible !important; */
    }
    .product-swiper .swiper-slide.swiper-slide-active {
        height: 100%;
    }
    .slider-item-content {
        left: clamp(0.625rem, -6.0227rem + 32.7273vw, 6.25rem) !important;
    }
    .product-swiper .swiper-button-prev, .product-swiper .swiper-button-next {
        top: var(--swiper-navigation-top-offset, 50%) !important;
        width: 60px;
        height: 50px;
        padding: 10px 10px;
    }
    /* .slider-item-container-content {
        width: 250px;
    }
    .slider-item-btn {
        right: 55px;
    } */
    .product-swiper .swiper-button-prev svg, .product-swiper .swiper-button-next svg {
        height: 25px;
    }
}


@media (max-width: 480px){
    .slider-item-container-content {
        min-height: 106px;
    }
    .swiper-slide.swiper-slide-active .slider-item-content {
        bottom: -92px;
    }
    .slider-item-content .slider-item-container-content h5 {
        font-size: 18px;
    }
    .slider-item-content .slider-item-container-content p {
        font-size: 15px;
    }
    .product-swiper .swiper-button-prev, .product-swiper .swiper-button-next {
        width: 38px;
        height: 28px;
    }
}