/* Wrapper link styling */
.row1-card.case-study-link {
    text-decoration: none; 
    color: inherit;
    display: block;
}

/* Card styling */
.row1-card .case-study-card {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    overflow: hidden;
    max-width: 400px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer; /* Indicates the card is clickable */
    min-height: 45rem;
}

.row1-card .case-study-card:hover {
    transform: scale(1.03);
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

/* Image styling */
.row1-card .card-img img {
    display: block;
    width: 100%;
    height: auto;
}

.row1-card .card-heading{
    color: red;
    text-align: center;
    margin-top: 15px;
    margin-top: 20px;
}
.row1-card .card-heading h4{
    font-weight: 600;
    color: #e6000a;
}

/* Paragraph styling */
.row1-card .card-para {
    padding: 9px 18px 9px 18px;
    color: #343434;
    text-align: justify;
}

.row1-card .card-read-more{
    margin-bottom: 15px;
    text-align: center;
}
.row1-card .card-read-more a{
    font-size: 15px;
    color: #000;
    transition-duration: 0.4s;
    font-weight: 600;
}
.row1-card .card-read-more a:hover{
    color: #e6000a;
    transition: all 0.4s;
}
.row1-card .second-coloumn{
    margin-top: 4rem;
}
.row1-card .third-col{
    margin-bottom: 6rem;
}

/* banner css start  */

.sucess-caption{
    top: 180px;
    height: 180px;
    width: 30%;
    left: 15%;
    border-radius: 5px;
}

.carousel-caption{
    top: 120px;
    width: 40%;
    background: rgb(0 0 0 / 70%);;
    height: 310px;
    position: absolute;
    padding: 25px;
    left: 13%;
    border-radius: 5px;

}
.carousel-caption h2, .carousel-caption h3{
    color: #fff;
}

/* banner css end  */



/* case study responsive work css start */

@media only screen and (min-width:1601px) and (max-width:1919px){
    .carousel-caption {
        top: 50px;
        width: 50%;
        height: 310px;
        position: absolute;
        padding: 25px;
        left: 13%;
    
    }
}

@media only screen and (min-width:1400px) and (max-width:1600px){

    .sucess-caption{
        top: 140px;
        height: 175px;
        width: 40%;
        left: 15%;
        border-radius: 5px;
    }
    .carousel-caption {
        top: 60px;
        width: 50%;
        height: 310px;
        position: absolute;
        padding: 25px;
        left: 13%;
    
    }
}

@media only screen and (min-width:1200px) and (max-width:1399px){
    .sucess-caption{
        top: 105px;
        height: 175px;
        width: 40%;
        left: 15%;
        border-radius: 5px;
    }
    .carousel-caption {
        top: 40px;
        width: 50%;
        height: 310px;
        position: absolute;
        padding: 25px;
        left: 13%;
    
    }
}

@media only screen and (min-width:1120px) and (max-width:1199px){
    .sucess-caption{
        top: 80px;
        height: 175px;
        width: 45%;
        left: 15%;
        border-radius: 5px;
    }
    .carousel-caption {
        top: 35px;
        width: 78%;
        height: 245px;
        position: absolute;
        padding: 10px;
        left: 100px !important;  
    } 
}


@media only screen and (min-width:1024px) and (max-width:1119px){
    .sucess-caption{
        top: 64px;
        height: 175px;
        width: 45%;
        left: 15%;
        border-radius: 5px;
    }
    .carousel-caption {
        top: 35px;
        width: 78%;
        height: 245px;
        position: absolute;
        padding: 10px;
        left: 100px !important;  
    } 
}

@media only screen and (min-width:901px) and (max-width:1023px){

    .row1-card .first-coloum{
        margin-top: 4rem;
        display: flex;
        justify-content: center; 
     }
     .row1-card .second-coloumn{
        display: flex;
        justify-content: center;
     }
     .row1-card .case-study-card{
        max-width: 480px;
     }
     .heading{
        text-align: center;
     }
     .sucess-caption{
        top: 140px;
        height: 160px;
        width: 70%;
        left: 13% !important;
        border-radius: 5px;
    }
    .sucess-caption h2{
        font-size: 28px !important;
        padding: 0px;
    }  
    .carousel-caption {
        top: 31px;
        width: 78%;
        height: 245px;
        position: absolute;
        padding: 10px;
        left: 95px !important;  
    } 
}


@media only screen and (min-width:768px) and (max-width:900px){
    .row1-card .first-coloum{
        margin-top: 4rem;
        display: flex;
        justify-content: center; 
     }
     .row1-card .second-coloumn{
        display: flex;
        justify-content: center;
     }
     .row1-card .case-study-card{
        max-width: 480px;
     }
     .heading{
        text-align: center;
     }
     .sucess-caption{
        top: 140px;
        height: 160px;
        width: 70%;
        left: 13% !important;
        border-radius: 5px;
    }
    .sucess-caption h2{
        font-size: 28px !important;
        padding: 0px;
    }  
    .carousel-caption {
        top: 100px;
        width: 78%;
        height: 245px;
        position: absolute;
        padding: 10px;
        left: 80px !important;  
    } 
}

@media only screen and (min-width:576px) and (max-width:767px){
    .row1-card .first-coloum{
        margin-top: 4rem;
        display: flex;
        justify-content: center; 
     }
     .row1-card .second-coloumn{
        display: flex;
        justify-content: center;
     }
     .row1-card .case-study-card{
        max-width: 480px;
     }
     .heading{
        text-align: center;
     }
     .sucess-caption{
        top: 90px;
        height: 90px;
        width: 70%;
        left: 13% !important;
        border-radius: 5px;
    }
    .sucess-caption h2{
        font-size: 28px !important;
        padding: 0px;
    }
    .carousel-caption {
        top: 17px;
        width: 78%;
        height: 245px;
        position: absolute;
        padding: 10px;
        left: 80px !important;  
    }
}    

@media only screen and (min-width:420px) and (max-width:575px){
    .row1-card .first-coloum{
       margin-top: 4rem; 
    }
    .sucess-caption{
        top: 115px;
        height: 90px;
        width: 70%;
        left: 13% !important;
        border-radius: 5px;
    }
    .sucess-caption h2{
        font-size: 28px !important;
    }
    .carousel-caption {
        top: 21px;
        width: 82%;
        height: 275px;
        position: absolute;
        padding: 10px;
        left: 22px !important;
    }
    .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next{
        right: 25%;
    }
    .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{
        left: 25%;
    }
    .carousel-caption h2, .carousel-caption h3{
        font-size: 15px;
    }
}

@media only screen and (min-width:100px) and (max-width:419px){
    .row1-card .first-coloum{
       margin-top: 4rem; 
    }
    .sucess-caption{
        top: 115px;
        height: 90px;
        width: 70%;
        left: 13% !important;
        border-radius: 5px;
    }
    .sucess-caption h2{
        font-size: 28px !important;
    }
    .carousel-caption {
        top: 21px;
        width: 82%;
        height: 275px;
        position: absolute;
        padding: 10px;
        left: 22px !important;
    }
    .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next{
        right: 25%;
    }
    .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{
        left: 25%;
    }
    .carousel-caption h2, .carousel-caption h3{
        font-size: 15px;
    }
}