.hero-section{

    position:relative;

    overflow:hidden;

    min-height:100vh;
    
    display:flex;

    align-items:center;

    background:
    linear-gradient(135deg,#0f172a,#172554,#1e3a8a);

    color:#fff;

}


.hero-overlay{

    position:absolute;

    inset:0;

    background-image:
    radial-gradient(circle at 20% 20%,rgba(255,255,255,.08),transparent 30%),
    radial-gradient(circle at 80% 40%,rgba(59,130,246,.15),transparent 25%);

}


.hero-title{

    font-size:58px;

    font-weight:900;

    margin:25px 0;

}


.hero-text{

    font-size:20px;

    line-height:2.1;

    color:#d1d5db;

    margin-bottom:35px;

}


.hero-badge{

    display:inline-flex;

    align-items:center;

    gap:8px;

    background:#2563eb;

    padding:10px 22px;

    border-radius:50px;

    font-size:14px;

}


.hero-buttons{

    display:flex;

    gap:15px;

    flex-wrap:wrap;

}


.btn-primary-custom{

    background:#2563eb;

    color:#fff;

    padding:14px 28px;

    border-radius:12px;

    text-decoration:none;

    transition:.3s;

}


.btn-primary-custom:hover{

    background:#1d4ed8;

    color:#fff;

    transform:translateY(-3px);

}


.btn-outline-custom{

    border:2px solid #fff;

    color:#fff;

    padding:14px 28px;

    border-radius:12px;

    text-decoration:none;

    transition:.3s;

}


.btn-outline-custom:hover{

    background:#fff;

    color:#0f172a;

}


.hero-image-box{

    position:relative;

}


.hero-image{

    max-width:85%;

    animation:float 6s ease-in-out infinite;

    filter:drop-shadow(0 20px 40px rgba(0,0,0,.35));

}


.hero-stats{

    margin-top:50px;

    display:flex;

    gap:50px;

}


.hero-stats h3{

    font-size:34px;

    color:#38bdf8;

    margin:0;

}


.hero-stats span{

    color:#cbd5e1;

}


.hero-wave{

    position:absolute;

    bottom:-1px;

    left:0;

    width:100%;

}


.hero-wave svg{

    display:block;

    width:100%;

}


@keyframes float{

0%{

transform:translateY(0);

}

50%{

transform:translateY(-18px);

}

100%{

transform:translateY(0);

}

}


@media(max-width:992px){

.hero-title{

font-size:42px;

text-align:center;

}

.hero-text{

text-align:center;

}

.hero-buttons{

justify-content:center;

}

.hero-stats{

justify-content:center;

}

.hero-image{

margin-bottom:40px;

}

}


@media(max-width:576px){

.hero-title{

font-size:34px;

}

.hero-text{

font-size:17px;

}

.hero-stats{

gap:20px;

}

.hero-stats h3{

font-size:24px;

}

}


.hero-image-box {
    border-radius: 25px;
    overflow: hidden;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .15);
}

.hero-slide-image {
    width: 100%;
    height: 550px;
    object-fit: cover;
    border-radius: 25px;
}

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

.carousel-control-prev-icon,
.carousel-control-next-icon {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-color: rgba(37, 99, 235, .85);
    background-size: 50%;
}

.carousel-indicators {
    margin-bottom: 15px;
}

.carousel-indicators button {
    width: 12px !important;
    height: 12px !important;
    border-radius: 50%;
    margin: 0 5px !important;
    background-color: #fff;
    opacity: .5;
}

.carousel-indicators .active {
    opacity: 1;
    background-color: #2563eb;
}

@media (max-width: 992px) {

    .hero-slide-image {
        height: 350px;
    }

}