.csr-detail-container{    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 4.5rem 1.75rem;
    padding-top: 2.5rem;
    margin: 0;}


.csr-detail-container .item::after{
    content: "";
    background-image: url(https://cacharcancerhospital.org//wp-content/uploads/2025/01/resouces-vector-blue.webp);
    background-position: top;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: absolute;
    left: 0px;
    top: -40px;
    display: flex;
    height: calc(100% + 50px);
    width: 100%;
    z-index: -1;}


.csr-detail-container .item{position:relative;}



.csr-detail-container .item .c-box{padding: 30px;
    background: #fff;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 15px;
    border: 2px solid #10A2C5;
    border-radius: 12px;}

.csr-detail-container .item .c-box h3{    color: #263972;
    text-align: center;
    font-weight: 500;
    font-size: 2.375rem;
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: 10px}

.csr-detail-container .item .c-box p{    font-size: 22px;
    font-weight: 300;
    color: #363636;}



.csr-detail-container .item {
    display: flex;
}

.csr-detail-container .c-box {
    display: flex;
    flex-direction: column;
    height: 100%;
}

@media only screen and (max-width: 781px) {
    
    .csr-detail-container {
    grid-template-columns: 1fr;
    gap: 3.5rem;}
    
  .csr-detail-container .item .c-box h3{font-size:1.75rem;}  
    .csr-detail-container .item .c-box {
    padding: 20px;}
    
    .csr-detail-container .item .c-box p {
    font-size: 18px;}
    
    .csr-detail-container .item::after{top:-25px;}
    
    
        #single-research .re-sec {
        padding-bottom: 30px !important;
    }
    
    
    
    .mob-pt0-5rem{    padding-top: 0.5rem !important;}
    
    
    
}