/**
 * Theme Name:     Chemist Child
 * Author:         AncoraThemes
 * Template:       chemist
 * Text Domain:	   chemist-child
 * Description:    Chemist is a Premium WordPress theme that has built-in support for popular Page Builders, slider with swipe gestures, and is SEO- and Retina-ready. The unique system of inheritance and override options allows setting up individual parameters for different sections of your site and supported plugins.
 */


.all-category-wrapper{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:0px;
}
.custom-category-card.after-line{
    position:relative;
    overflow:hidden;
    border-radius:24px;
    min-height:320px;
    padding:30px 30px 0 30px;
    display:flex;
    align-items:flex-end;
    isolation:isolate;
    transition:.4s ease;
}

.custom-category-card.after-line .featured-img{
    position:absolute;
    inset:0;
    z-index:1;
    opacity:0;
    transition:.4s ease;
}

.custom-category-card.after-line .featured-img img{
    width:100%;
    height:100%;
    object-fit:cover;
}

/* dark overlay */
.custom-category-card.after-line::before{
    content:"";
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    opacity:1;
    transition:.4s ease;
    z-index:2;
}
.custom-category-card.after-line::after{
    content:'';
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:0;
    border-radius:24px;
    background:linear-gradient(
        180deg,
        rgba(112,142,134,0) 0%,
        #2C3D8F 100%
    );
    transition:height .5s ease;
    z-index:3;
}
.custom-category-card.after-line:hover .featured-img{
    opacity:1;
}

.custom-category-card.after-line:hover::before{
    opacity:1;
}

.custom-category-card.after-line:hover::after{
    height:100%;
}

.custom-category-card.after-line .service-grid{
    position:relative;
    z-index:5;
    width:100%;
    display:flex;
    flex-direction:column;
    gap:18px;
}

.custom-category-card.after-line h2{
    font-size:32px;
    line-height:1.1;
    margin:0;
    color:#fff;
}

.custom-category-card.after-line .cat-desc{
    display:none;
}

.custom-category-card.after-line .read-more-btn{
 font-size:18px;
    color:#fff;
    text-decoration:none;
    transition:.3s ease;
}

.custom-category-card.after-line .cat-desc {
    display: block;
    color: #fff;
}
.custom-category-card.after-line .service-grid{
    border-bottom:1px solid rgba(255,255,255,.2);
    padding-bottom: 50px;
}

.custom-category-card.after-line::before{
    content:"";
    position:absolute;
    top:50%;
    right:0;
    transform:translateY(-50%);
    width:1px;
    height:85%;
    background:#676564;
}
.custom-category-card.after-line .service-grid::before{
    display:none;
    content:none;
}
/* tablet */
@media(max-width:1024px){

    .all-category-wrapper{
        grid-template-columns:repeat(2,1fr);
    }

}
@media(max-width:767px){
 .custom-category-card.after-line::before{
        display:none;
    }
    .all-category-wrapper{
        grid-template-columns:1fr;
    }

.custom-category-card.after-line {
    min-height: 280px;
    padding: 30px 30px 0 30px;
}

    .custom-category-card.after-line h2{
        font-size:24px;
    }

    .custom-category-card.after-line .service-grid::before{
        display:none;
    }

}



.service-slider .sp-wcsp-slider,
.service-slider .swiper {
    overflow: visible !important;
}
.service-slider .sp-wcsp-cat-item {
    position: relative;
    transition: all .4s ease;
    transform: scale(.88);
    opacity: .45;
    clip-path: inset(0 0 0 0);
}

.service-slider .sp-wcsp-cat-item.swiper-slide-active {
    transform: scale(1.08);
    opacity: 1;
    z-index: 999;
    clip-path: inset(0 0 0 0) !important;
    border-radius: 12px;
}
.service-slider .sp-wcsp-cat-item.swiper-slide-prev,
.service-slider .sp-wcsp-cat-item.swiper-slide-next {
    height: 550px;
    border-radius: 12px 12px 12px 12px;
    clip-path: inset(10% 0 10% 0 round 12px 12px 12px 12px);
    opacity: .75;
    transform: scale(.95);
}
.service-slider .sp-wcsp-cat-details{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    padding:20px;
    text-align:center;
    display:0;
    visibility:hidden;
    clip-path: inset(0 100% 0 0);
    transition:all .45s ease;
}

/* Show only active */
.service-slider .sp-wcsp-cat-item.swiper-slide-active .sp-wcsp-cat-details{
    opacity:1;
    visibility:visible;
    clip-path: inset(0 0 0 0) !important;
}
.service-slider .swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform,height;
    left: 35%;
    padding-top: 30px;
}

.service-slider .sp-wcsp-cat-item .sp-wcsp-cat-thumbnail img {
    height: 550px;
    object-fit: cover;
    border-radius: 12px;
}
#sp-wcsp-slider-section-12182 {
    opacity: 0;
    padding-bottom: 50px;
}
.service-slider .sp-wcsp-cat-thumbnail::after{
    content: "";
    position: absolute;
    inset: 0;
    opacity: 0;
    pointer-events: none;
    border-radius: 12px;
    transition: opacity .4s ease;
    background: linear-gradient(
        to top,
        rgba(0,0,0,.9) 0%,
        rgba(0,0,0,.55) 40%,
        rgba(0,0,0,0) 100%
    );
}
.service-slider .sp-wcsp-cat-item.swiper-slide-active .sp-wcsp-cat-thumbnail::after{
    opacity: 1;
}
.service-slider .sp-wcsp-cat-name a{
    display:inline-block;
    transform:translateX(-50px);
    opacity:0;
    font-size:25px !important;
    color:#fff !important;
    transition:
        transform .4s cubic-bezier(.3,0,.3,1),
        opacity .4s cubic-bezier(.3,0,.3,1);
}
.service-slider .sp-wcsp-cat-item.swiper-slide.swiper-slide-active .sp-wcsp-cat-name a{
    transform:translateX(0);
    opacity:1;
    transition-delay:.5s;
}

.sp-wcsp-slider-area #sp-wcsp-slider-section-12182 .sp-wcsp-cat-item .sp-wcsp-cat-details .sp-wcsp-cat-desc {
    color: #fff !important;
    padding-top: 20px !important;
   
}

@media (max-width:767px){

    .service-slider .sp-wcsp-cat-item,
    .service-slider .sp-wcsp-cat-item.swiper-slide-prev,
    .service-slider .sp-wcsp-cat-item.swiper-slide-next,
    .service-slider .sp-wcsp-cat-item .sp-wcsp-cat-thumbnail img{
        height:450px;
    }

    .service-slider .sp-wcsp-cat-item{
        transform:scale(.92);
    }

    .service-slider .sp-wcsp-cat-item.swiper-slide-active{
        transform:scale(1);
    }

    .service-slider .swiper-container-autoheight .swiper-wrapper{
        left:0;
        padding-top:15px;
    }

    .service-slider .sp-wcsp-cat-details{
        padding:20px 15px;
    }

    .service-slider .sp-wcsp-cat-name a{
        font-size:20px!important;
        line-height:1.3;
    }

    .service-slider .sp-wcsp-cat-desc{
        font-size:14px!important;
        line-height:1.6;
    }
}