.hero-slider{
    position:relative;
}

.hero-slider .carousel-item{
    height:85vh;
    min-height:600px;
}

.hero-slider .carousel-item img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.slider-overlay{
    position:absolute;
    inset:0;
    background:rgba(5,20,40,.65);
}

.carousel-caption{
    left:5%;
    right:auto;
    bottom:17%;
    transform:translateY(50%);
    max-width:700px;
    text-align:left;
    z-index:2;
}

.slider-tag{
    display:inline-block;
    background:#006fec;
    color:#fff;
    padding:10px 20px;
    border-radius:30px;
    font-size:14px;
    font-weight:600;
    margin-bottom:20px;
}

.carousel-caption h1{
    font-size:60px;
    font-weight:800;
    color:#fff;
    line-height:1.2;
    margin-bottom:20px;
}

.carousel-caption p{
    font-size:18px;
    color:#f5f5f5;
    line-height:1.8;
    margin-bottom:30px;
}

.btn-primary-custom{
    background:#006fec;
    color:#fff;
    border:none;
    padding:14px 35px;
    border-radius:50px;
    text-decoration:none;
    font-weight:600;
    margin-right:15px;
}

.btn-primary-custom:hover{
    background:#ffffff;
    color:#0b1f3a;
}

.btn-outline-custom{
    border:2px solid #fff;
     background:#454545;
    color:#fff;
    padding:12px 35px;
    border-radius:50px;
    text-decoration:none;
    font-weight:600;
}

.btn-outline-custom:hover{
    background:#fff;
    color:#0b1f3a;
}

.carousel-control-prev,
.carousel-control-next{
    width:60px;
}











@media(max-width:991px){

    .hero-slider .carousel-item{
        height:30vh;
        min-height:100px;
    }

    .carousel-caption{
        left:20px;
        right:20px;
        max-width:100%;
    }

    .carousel-caption h1{
        font-size:34px;
    }

    .carousel-caption p{
        font-size:16px;
    }

    .slider-btns .btn{
        display:block;
        margin-bottom:0px;
        text-align:center;
        width:80px;
    }
.hero-slider .carousel-item img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

}

.carousel-fade .carousel-item{
   transition: transform 0.8s ease-in-out;
}

/* Mobile Slider Buttons */
@media (max-width: 767px) {

    .slider-btns{
        display: flex;
        justify-content: left;
        align-items: center;
        gap: 0px;
        flex-wrap: nowrap;
    }

    .slider-btns .btn{
        padding: 8px 10px;
        font-size: 8px;
        min-width: auto;
        white-space: nowrap;
    }

    .btn-primary-custom {
  
    margin-right: 5px;
}



}