/**
 * 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;
    }

}