/*==========================================================
                OUR CLINIC
==========================================================*/

.gallery-section{

    padding:110px 0;

    background:#ffffff;

}

/*==========================================================
                HEADER
==========================================================*/

.gallery-header{

    max-width:760px;

    margin:0 auto 60px;

    text-align:center;

}

.gallery-header h2{

    font-size:52px;

    font-weight:800;

    color:#1F2937;

    margin:18px 0;

}

.gallery-header p{

    font-size:20px;

    line-height:1.8;

    color:#667085;

}


/*==========================================================
                FEATURE IMAGE
==========================================================*/

.gallery-feature{

    position:relative;

    overflow:hidden;

    border-radius:32px;

    margin-bottom:35px;

    box-shadow:
    0 25px 70px rgba(0,0,0,.12);

}

.gallery-feature img{

    width:100%;

    height:600px;

    object-fit:cover;

    transition:.6s;

}

.gallery-feature:hover img{

    transform:scale(1.06);

}


/*==========================================================
                FEATURE OVERLAY
==========================================================*/

.gallery-overlay{

    position:absolute;

    left:35px;

    bottom:35px;

    background:rgba(255,255,255,.88);

    backdrop-filter:blur(18px);

    -webkit-backdrop-filter:blur(18px);

    border-radius:22px;

    padding:20px 28px;

    box-shadow:
    0 12px 35px rgba(0,0,0,.12);

}

.gallery-overlay h3{

    font-size:30px;

    color:#1A8E4B;

    font-weight:800;

    margin-bottom:6px;

}

.gallery-overlay span{

    font-size:17px;

    color:#555;

}


/*==========================================================
                GRID
==========================================================*/

.gallery-grid{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:30px;

}


/*==========================================================
                CARD
==========================================================*/

.gallery-card{

    position:relative;

    overflow:hidden;

    border-radius:24px;

    height:380px;

    box-shadow:
    0 18px 45px rgba(0,0,0,.08);

    cursor:pointer;

    transition:.35s;

}

.gallery-card img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.6s;

}

.gallery-card:hover{

    transform:translateY(-8px);

    box-shadow:
    0 30px 65px rgba(26,142,75,.18);

}

.gallery-card:hover img{

    transform:scale(1.08);

}


/*==========================================================
                DARK OVERLAY
==========================================================*/

.gallery-card::before{

    content:"";

    position:absolute;

    inset:0;

    background:linear-gradient(

        transparent,

        rgba(0,0,0,.65)

    );

    opacity:.9;

    transition:.4s;

}

.gallery-card:hover::before{

    opacity:1;

}


/*==========================================================
                LABEL
==========================================================*/

.gallery-info{

    position:absolute;

    left:22px;

    bottom:22px;

    background:rgba(255,255,255,.92);

    backdrop-filter:blur(18px);

    -webkit-backdrop-filter:blur(18px);

    border-radius:18px;

    padding:12px 18px;

    font-size:18px;

    font-weight:700;

    color:#1F2937;

    transition:.35s;

}

.gallery-card:hover .gallery-info{

    transform:translateY(-8px);

}