.banner-image{

    width:100%;

    height:340px;

    object-fit:cover;

    border-radius:14px;

}

.banner-overlay{

    position:absolute;

    inset:0;

    background:linear-gradient(
        to right,
        rgba(0,0,0,.75),
        rgba(0,0,0,.25)
    );

    border-radius:14px;

}

.carousel-caption{

    left:40px;

    right:auto;

    bottom:40px;

    max-width:480px;

    text-align:left;

}

.carousel-caption h2{

    font-size:34px;

    font-weight:700;

    color:#fff;

}

.carousel-caption p{

    color:#f1f5f9;

    margin:15px 0;

}

.banner-countdown{

    display:inline-block;

    background:rgba(255,255,255,.15);

    color:#fff;

    padding:8px 16px;

    border-radius:30px;

    font-weight:600;

}

.carousel-indicators button{

    width:12px;

    height:12px;

    border-radius:50%;

}

@media(max-width:768px){

    .banner-image{

        height:200px;

    }

    .carousel-caption{

        left:20px;

        right:20px;

        bottom:20px;

    }

    .carousel-caption h2{

        font-size:22px;

    }

    .carousel-caption p{

        display:none;

    }

}

.banner-item{

    border-radius:18px;
    position:relative;
    overflow:hidden;

}

.banner-item img{

    height:240px;
    object-fit:cover;

}

.banner-item h2{

    font-size:34px;

}

.banner-item p{

    font-size:27px;

}

.banner-close{

    background:#fff;
    opacity:1;

}

@media(max-width:992px){

.banner-item img{

    height:180px;

}

.banner-item h2{

    font-size:24px;

}

.banner-item p{

    font-size:14px;

}

}