section.bannersection::after {
    background-image: url(../img/ai/banner-bg.png);
}


/* case study section start  */

.case-study{
    background:#0b0b0b;
    padding:20px;
    border-radius:20px;
}
.case-study__container{
    max-width:900px;
}
.case-study__header h2{
    font-size:30px;
    font-weight:700;
    margin-bottom:30px;
}

.timeline{
    position:relative;
}

.timeline::before{
    content:"";
    position:absolute;
    left:20px;
    top:10px;
    bottom:10px;
    width:2px;
     background: repeating-linear-gradient(
        to bottom,
        #fcfcfc63 0 4px,
        transparent 4px 10px
    );
    height: calc(80% - 20px);
}

.timeline__item{
    display:flex;
    gap:24px;
    position:relative;
    padding-bottom:30px;
}

.timeline__item:last-child{
    padding-bottom:0;
}

.timeline__icon{
    width:42px;
    min-width:42px;
    height:42px;
    background:#0b0b0b;
    display:flex;
    justify-content:center;
    align-items:center;
    position:relative;
    z-index:2;
}

.timeline__icon img{
    width:22px;
    height:22px;
    object-fit:contain;
}

.timeline__content{
    flex:1;
}

.timeline__content h3{
    font-size:22px;
    font-weight:700;
    margin-bottom:16px;
    color:#fff;
}

.timeline__content p{
    font-size:16px;
    font-weight:400;
    line-height:1.5;
    color:#b9b9b9;
}

.section-fifteen .owl-carousel .owl-nav{
    display: flex !important;
    justify-content: center;
    gap: 20px;
    margin-top: 20px;
}
.section-fifteen .owl-carousel .owl-nav button img{
    border: 1px solid #3A3A3A;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    width: 44px;
    height: 44px;
}
.case-study-carousel figure img{
    height: 645px;
}
/* Tablet */
@media (max-width:992px){

    .case-study__header h2{
        font-size:30px;
    }

    .timeline__content h3{
        font-size:24px;
    }

    .timeline__content p{
        font-size:16px;
    }

}

/* Mobile */
@media (max-width:576px){

    .case-study{
        padding:40px 18px;
    }

    .case-study__header{
        margin-bottom:30px;
    }

    .case-study__header h2{
        font-size:24px;
    }

    .timeline::before{
        left:16px;
    }

    .timeline__item{
        gap:16px;
        padding-bottom:36px;
    }

    .timeline__icon{
        width:34px;
        min-width:34px;
        height:34px;
    }

    .timeline__icon img{
        width:18px;
        height:18px;
    }

    .timeline__content h3{
        font-size:20px;
        margin-bottom:10px;
    }

    .timeline__content p{
        font-size:15px;
        line-height:1.7;
    }

}

@media (min-width: 1400px) and (max-width: 2560px) {
.timeline__item{
    padding-bottom:40px;
}
}

/* case study section end  */