.bhc-hero{
padding:90px 0 110px;
position:relative;

min-height:500px;

display:flex;

align-items:center;

background-image:url("../images/hero.webp");

background-size:cover;

background-position:center;

overflow:visible;

}

.bhc-hero-grid{

display:grid;

grid-template-columns:1fr 1fr;

gap:70px;

align-items:center;

}


.hero-tag {
    padding: 7px 17px;
    display: inline-block;
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 2px;
    color: #f8f8f8;
    background: #D6B64C;
    border-radius: 50px;
}


.bhc-buttons{

display:flex;

gap:20px;

}

.btn-outline{

border:2px solid #102B5C;

color:#102B5C;

}

.hero-image{

width:100%;

border-radius:28px;

box-shadow:0 35px 80px rgba(0,0,0,.12);

}

@media(max-width:991px){

.bhc-hero-grid{

grid-template-columns:1fr;

}



.bhc-buttons{

flex-wrap:wrap;

}

}



.bhc-hero-overlay{

position:absolute;

inset:0;

background:
linear-gradient(
90deg,
rgba(10,31,60,.90) 0%,
rgba(10,31,60,.75) 35%,
rgba(10,31,60,.20) 70%,
rgba(10,31,60,0) 100%
);

}

.bhc-hero-content{

position:relative;

z-index:5;

max-width:640px;

color:#fff;

padding:40px 0;

}



.bhc-hero h1{

font-size:68px;

line-height:1.08;

margin-bottom:25px;

color:#fff;

}

.bhc-hero p{

font-size:20px;

line-height:1.8;

margin-bottom:40px;

opacity:.95;
max-width: 520px;

}

.hero-buttons{

display:flex;

gap:20px;

}

.btn-secondary{

background:none;
border:1px solid #fff;

color:#fff;

}
.btn-secondary:hover{
    color:#fff !important;
    border-color: #D6B64C;
    background:#D6B64C;
    transform: translateY(-2px);
}

.hero-stats{

position:absolute;

left:0;

right:0;

bottom:-65px;

z-index:10;

}

.stats-grid{

display:grid;

grid-template-columns:repeat(5,1fr);

background:#0F274E;

border-radius:18px;

overflow:hidden;

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

}

.hero-stat{
    display:flex;
    align-items:center;
    gap:18px;
    border-right:1px solid rgba(255,255,255,.18);
    padding:21px;
}

.hero-stat-icon{
    width:50px;
    height:50px;
    border-radius:14px;

    display:flex;
    align-items:center;
    justify-content:center;

    background:rgba(214,182,76,.12);
    color:var(--accent);

    flex-shrink:0;
}
.hero-stat-icon:hover{
    transform: translateY(-2px)
}


.hero-stat-icon i{
    font-size:26px;
}

.hero-stat-content h3{
    margin:0;
    font-size:28px;
    font-weight:700;
    line-height:1.1;
    color:#fff;
}

.hero-stat-content span{
    display:block;
    margin-top:4px;
    font-size:15px;
    color:rgba(255,255,255,.75);
}

.hero-stat:last-child{

border:none;

}