/* ================= HERO SECTION ================= */


.sh-hero{

    min-height:100vh;

    background-image:
    url("images/hero1.jpg");

    background-size:cover;

    background-position:center;

    position:relative;

    display:flex;

    align-items:center;

    overflow:hidden;

}



.sh-hero-overlay{

    position:absolute;

    inset:0;

    background:
    linear-gradient(
        90deg,
        rgba(15,23,42,.9),
        rgba(15,23,42,.55)
    );

}



.sh-hero-wrapper{

    position:relative;

    z-index:2;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:50px;

}



.sh-hero-content{

    max-width:650px;

    color:white;

}



.sh-hero-badge{


    display:inline-block;

    padding:10px 22px;

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

    backdrop-filter:blur(10px);

    border-radius:50px;

    color:#FBBF24;

    margin-bottom:20px;

}



.sh-hero-content h1{

    font-size:clamp(40px,5vw,70px);

    font-weight:800;

    line-height:1.15;

}



.sh-hero-content h1 span{

    color:#38BDF8;

}



.sh-hero-content p{

    font-size:18px;

    line-height:1.7;

    opacity:.9;

}



/* SEARCH BOX */


.sh-search-box{


    margin-top:30px;

    padding:15px;

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

    backdrop-filter:blur(15px);

    border-radius:22px;

    display:flex;

    align-items:center;

    gap:25px;

    color:white;

}



.sh-search-box small{

    opacity:.7;

}


.sh-search-box h6{

    margin:5px 0;

}



.sh-search-box button{


    background:#2563EB;

    color:white;

    border:none;

    padding:15px 25px;

    border-radius:50px;

}



/* BUTTONS */


.sh-buttons{

    margin-top:30px;

    display:flex;

    gap:15px;

}



.sh-btn-primary,
.sh-btn-outline{


    padding:15px 32px;

    border-radius:50px;

    text-decoration:none;

    font-weight:600;

}



.sh-btn-primary{

    background:#2563EB;

    color:white;

}



.sh-btn-outline{

    border:1px solid white;

    color:white;

}




/* STATS CARD */


.sh-stats-card{


    width:260px;

    padding:30px;


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


    backdrop-filter:blur(15px);


    border-radius:22px;


    color:white;


    box-shadow:
    0 20px 45px rgba(0,0,0,.15);


}



.stat-item{

    text-align:center;

    margin-bottom:25px;

}


.stat-item:last-child{

    margin-bottom:0;

}


.stat-item h2{

    color:#FBBF24;

}


/* MOBILE */


@media(max-width:768px){


.sh-hero{

    min-height:auto;

    padding:120px 0 60px;

}



.sh-hero-wrapper{

    flex-direction:column;

    text-align:center;

}



.sh-search-box{

    flex-direction:column;

}



.sh-search-box button{

    width:100%;

}



.sh-buttons{

    flex-direction:column;

}



.sh-btn-primary,
.sh-btn-outline{

    width:100%;

}



.sh-stats-card{

    width:100%;

}


}