.header-bottom .row{
    margin:-25px 0px;
}

.single-service i{
    color:#fff;
}


.single-fact i {
    color: #6ab43e;
}

.page-banner-area {
    padding: 40px 0 40px;
}

.form_required{
    color:red;
}


.footer-news .image img{
    object-fit: cover;
    max-height: 80px;
    overflow-y: hidden;
}


.flickr-gallery li a img{
    width: 80px;
    height: 80px;
    object-fit: cover;
    background-size: cover;
}


.gallery-item{
    
    object-fit: cover;
    background-size: cover;
}


@media screen and (min-width: 720px){

    .gallery-item img{
        height: 150px;
        object-fit: cover;
    }

    .gallery .gallery-item img{
        height: 350px;
        object-fit: cover;
        background-color: #6ab43e;
        border-radius: 5px;
    }
}


img.page_header_image{
    width: 100%;
    background-position: center;
    /* background-size: cover; */
    max-height: 400px;
    object-fit: cover;
    border-radius:10px;
    box-shadow: 0px 2px 10px rgba(0,0,0,0.2);
}

.pages article{
 text-align: justify;
}

.overlay.gradient::before{
    background: linear-gradient(to right, #6ab43e 0%, #198754 100%);
}

@media only screen and (max-width: 767px){

    .hero-caption{
        margin: 100px auto;
    }
    
}


.single-project{
    padding:0px;
}

.single-project section{
    padding:20px;
}


.event_block{
    overflow: hidden;
}


img.event_thumb{
    display: block;
    width: 100%;
    height: 100%;
    transition: transform 0.3s;
}

img.event_thumb:hover {
    transform: scale(1.12); /* Adjust the scale value to control the zoom level */
}


.event_thumb_container{
    background: url(../../../public/sat/photos/events/event-background.png);
    width: 100% !important;
    display: block;
    position: relative;
    height: 350px;
    background-size: cover !important;
    background-position: center !important;
}

.event_thumb_container p {
    color: #fff;
    padding: 30% 30px;
    font-size: -webkit-xxx-large;
    line-height: 1;
    font-family: inherit;
    font-weight: 800;
}

img.partner_logo{
    max-width: 200px;
    max-height: 100px;
    background: #fff;
    margin: 10px;
    padding: 10px;

}


.pages article.page_contenr img {
    width: 100%;
    border-radius: 10px;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
    margin: 30px auto;
}

.afforestation_images{
    height: 230px;
    object-fit: cover;
    text-align: center;
    width: 280px !important;
    margin: 10px !important;
}

.logo_sm{
    width:80px !important;
    margin-bottom:15px !important;
}