#ourprogram .nav-pills .nav-link {
    background-color: #f0f8ff08;
    margin: 4px 0px;
    border-radius: 0px;
    padding: 5px 12px;
    font-size: 16px;
}

#ourprogram .nav-pills .nav-link.active {
    background: #3983e2 url(../images/csr/arrow4.png) no-repeat 100% 50%;
}



#ourprogram .slide_with {
    width: 100%;
    /* height: 412px; */
}

#ourprogram .carousel-caption {
    background: linear-gradient(0deg, rgba(20, 70, 159, 1) 46%, rgba(0, 212, 255, 0.006039915966386533) 100%);
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
}



#ourprogram .csr_tab_icon {
    width: 48px;
    margin-right: 10px;
}

#csr #social_activity .line-clamp-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
#social_activity .social_box h4{
    color: #14469f !important;
    letter-spacing: normal;
}

.max-height-455{
    max-height: 470px;
    height: 455px;
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    #ourprogram ul {
        overflow-x: auto;
        white-space: nowrap;
    }

    #ourprogram .csr_tab_icon {
        display: none;
    }

    #ourprogram .nav-pills .nav-link.active {
        background: #3983e2;
    }
    
    
}

@media only screen and (max-device-width: 768px) {
    #ourprogram ul {
        overflow-x: auto;
        white-space: nowrap;
    }

    #ourprogram .csr_tab_icon {
        display: none;
    }

    #ourprogram .nav-pills .nav-link.active {
        background: #3983e2;
    }
    #csr_section .projectFactsWrap .item{
        width: 33%;
    }
    #csr_section .border_right {
        border-right: 2px solid #c7d3f5;
    }
    /* #csr_carousel .carousel_csr .carousel-inner img{
        height: 80vh;
    } */
    #csr_carousel .carousel_csr .carousel-inner{
        margin-top: 65px;
    }
}