/* banner section css start  */

.success-banner-sec{
    margin-top: 6rem;
}

.success-banner-sec .carousel-inner h3{
    color: #282828;
    text-align: left;
}
.success-banner-sec .slider-btn{
    margin-top: 35px;
}
.success-banner-sec .slider-btn a{
    padding: 12px 25px 12px 25px;
    background: #E6000A;
    border-radius: 6px;
    color: #fff;
    transition-duration: 0.3s;
    font-weight: 600;
}
.success-banner-sec .slider-btn a:hover{
    background: #282828;
    transition: all ease-in-out 0.3s; 
}
.success-banner-sec .carousel-caption{
    top: 155px;
    padding-top: 0rem;
    padding-bottom: 0rem;
    bottom: 0rem;
    padding-left: 15rem;
    padding-right: 15rem;
}
.success-banner-sec .carousel-control-next-icon{
    background-image: url(/assets/images/knowledge-center/landing-page/arrow-right-white.png);
    width: 24%;
    height: 11%;
}
.success-banner-sec .carousel-control-prev-icon{
    background-image: url(/assets/images/knowledge-center/landing-page/arrow-left-white.png);
    width:24%;
    height: 11%;
}
.success-banner-sec .carousel-indicators [data-bs-target]{
    width: 12px;
    height: 12px;
    background-color: #fff;
    border-radius: 50%;
}
.success-banner-sec .carousel-inner p{
    text-align: center;
    margin-top: 20px;
    font-size: 18px;
    background: #00000091;
    padding: 12px;
    border-radius: 8px;
}
.success-banner-sec .carousel-inner h1{
    font-size: 45px;
}
.success-banner-sec .carousel-inner i{
    padding-left: 10px;
}

/* blog section css start  */

.success-txt h2{
    font-size: 20px;
}
.success-txt{
    padding: 20px;
    background-color: #f2f2f2;
    min-height: 14rem;
}
.success-txt .read-btn a{
    color: #000;
    transition: all ease-in-out 0.3s;
}
.success-txt .read-btn a:hover{
    color: #E6000A;
}
.success-txt .read-btn i{
    padding-left: 7px;
    transition: padding-left 0.3s ease;
}
.success-txt .read-btn a:hover i{
    padding-left: 12px;
    color: #E6000A;
}
.success-txt p{
    font-size: 15px;
}

 .success-cards {
    position: relative;
    overflow: hidden;
    transition: transform 0.4s ease; /* Smooth transition for zoom effect */
    border-radius: 6px;
    }

    .success-cards:hover {
     transform: scale(1.04); /* Zoom in effect for the entire card */
     border-radius: 6px;
    }

    /* Optional: add a slight shadow effect for better visual feedback */
    .success-cards:hover {
    border-radius: 0px 0px 6px 6px;
    border-radius: 6px;
    }

    .success-story-head h4{
        font-size: 20px;
        color: #E6000A;
    }
    .success-story-head{
        margin-bottom: 4rem;
    }