h1,

h2,

h3,

h4,

h5,

h6,

p {

    margin-bottom: 0px;

}



ul{

    list-style: none;

    margin: 0;

    padding: 0;

}

a {

    text-decoration: none;

    margin: 0;

    padding: 0;

}

:root{

    --red:#9a060b;

    --white:#ffffff;

    --black:#000000;

    --dark-cyan:#007070;

    --color-secondary:#f79638;

    --color-paragraph:#57585a;

    --color-liteyellow:#faebd7;



    /* ---------------new_colors------------- */



    --red: #e92e28;

    --white: #fff;

    --black: #000000;

    --light-black: #57585a;

    --yellow: #ffd800;

    --blue: #1e4585;

    --green: #2e7c3c;

}

#gallery_section{

    height: calc(100vh - 156.68px);

    display: flex;

    align-items: center;

    padding: 0 0 45px;

}



#gallery_section .page_title h2{

    font-size: 24px;

    font-weight: 600;

    color: #e92e29;

    margin-bottom: 25px;

    padding-bottom: 10px;

    border-bottom: 1px solid #000;

    text-transform: uppercase;

    text-align: center;

}



/* #gallery_section .section_heading{

    padding: 20px 0 50px;

} */



/* #gallery_section .section_heading h1{

    font-size: 32px;

    font-weight: 600;

    color: var(--black);

    text-align: center;

    text-decoration: 1px underline #000;

    text-underline-offset: 10px;

    position: relative;

}

#gallery_section .section_heading h1::after{

    position: absolute;

    content: ' ';

    height: 6px;

    width: 40px;

    background-color: var(--dark-cyan);

    bottom: -6px;

    right: 656px;

} */



#gallery_section .row{

    display: flex;

    row-gap: 24px;

}



#gallery_section .img_card{

    overflow: hidden;

    position: relative;

    cursor: pointer;

    background-color: var(--black);

}



#gallery_section .img_card .img_container img{

    transition: all .5s ease;

}



#gallery_section .img_card:hover .img_container img{

    transform: scale(1.1);

}





#gallery_section .card_img_overlay{

    position: absolute;

    top: 0;

    left: 0;

}



#gallery_section .img_card .event_name{

    display: block;

    align-items: center;

    padding: 5px 10px;

    transition: all 0.5s ease;

    text-transform: uppercase;

    /* background:rgba(0,0,0,.6); */

    background-color: #ffd800;

}



#gallery_section .img_card .event_name h5{

    color: #000;

    font-size: 16px;

}



#gallery_section .icon_overlay{

    color: #fff;

    position: absolute;

    bottom: 0;

    right: 0;

}



#gallery_section .view_more{

    display: block;

    align-items: center;

    background-color: #2e7c3c;

    padding: 5px 10px;

    transform: translateX(103px);

    transition: all 0.5s ease;

    text-transform: uppercase; 

}



#gallery_section .card_title{

    margin-bottom: 0;

    font-size: 16px;

}



#gallery_section .img_card:hover .view_more{

    transform: translateX(0);

}



/* ---------------------Responsive CSS------------------------- */