/*================================================
        COMMON PHOTO GALLERY PAGE
================================================*/


.photo_page{

    width:85%;

    margin:auto;

    padding:40px 0 80px;

}



/*==============================
        BREADCRUMB
==============================*/


.breadcrumb{

    display:flex;

    align-items:center;

    gap:10px;

    margin-bottom:35px;

    font-size:16px;

}


.breadcrumb a{

    text-decoration:none;

    color:#b30000;

    font-weight:600;

}


.breadcrumb span{

    color:#777;

}


.breadcrumb p{

    margin:0;

    color:#555;

}




/*==============================
        PAGE HEADING
==============================*/


.photo_title{

    text-align:center;

    font-size:40px;

    font-weight:700;

    color:#222;

    margin-bottom:55px;

    position:relative;

}



.photo_title::after{


    content:"";

    width:90px;

    height:4px;

    background:#b30000;

    position:absolute;

    bottom:-18px;

    left:50%;

    transform:translateX(-50%);

    border-radius:20px;

}





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


.photo_gallery{


    display:grid;

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

    gap:25px;


}





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


.photo_card{


    height:280px;

    border-radius:18px;

    overflow:hidden;

    background:#fff;


    box-shadow:

    0 10px 35px rgba(0,0,0,.12);


    transition:.4s;


}



.photo_card img{


    width:100%;

    height:100%;

    object-fit:cover;


    transition:.5s;


}




.photo_card:hover{


    transform:translateY(-10px);


}




.photo_card:hover img{


    transform:scale(1.12);


}





/*==============================
        TABLET VIEW
==============================*/


@media(max-width:900px){


.photo_gallery{


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


}



}




/*==============================
        MOBILE VIEW
==============================*/


@media(max-width:600px){


.photo_page{


    width:92%;


}



.photo_gallery{


    grid-template-columns:1fr;


}



.photo_title{


    font-size:30px;


}



.photo_card{


    height:240px;


}


}