/* ==========================================================
   MERITZA CLASSES
   HERO SECTION
   ========================================================== */

/* HERO CONTAINER */

.hero-section{
    position:relative;
    overflow:visible;
        padding:30px 0 130px;
    background:
        radial-gradient(circle at 10% 20%, rgba(212,175,55,.18), transparent 30%),
        radial-gradient(circle at 90% 15%, rgba(56,189,248,.12), transparent 28%),
        linear-gradient(135deg,#081631 0%,#0A1946 55%,#11285f 100%);
}
.hero-inner{

    position:relative;

    z-index:3;

    display:flex;

    align-items:center;

    width:100%;
        min-height:280px;


}

.hero-section::before{

    content:"";

    position:absolute;

    width:380px;

    height:380px;

    left:-140px;

    top:-120px;

    border-radius:50%;

    background:rgba(212,175,55,.18);

    filter:blur(90px);

    pointer-events:none;

}

.hero-section::after{

    content:"";

    position:absolute;

    width:320px;

    height:320px;

    right:-120px;

    bottom:-120px;

    border-radius:50%;

    background:rgba(59,130,246,.18);

    filter:blur(100px);

    pointer-events:none;

}
/* BACKGROUND */

.hero-slideshow{
    position:absolute;
    inset:0;
    z-index:1;
}

.hero-slideshow img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center 40%;
}

.hero-overlay{

    position:absolute;

    inset:0;

    z-index:2;

    background:linear-gradient(
        90deg,
        rgba(8,22,49,.88) 0%,
        rgba(8,22,49,.78) 28%,
        rgba(8,22,49,.50) 55%,
        rgba(8,22,49,.25) 78%,
        rgba(8,22,49,.10) 100%
    );

}

/* CONTENT */

.hero-content{
    position:relative;
    z-index:3;
    max-width:620px;
    color:#fff;
    text-align:left;
    margin-left:0;
    margin-right:auto;
}
.hero-content{

    position:relative;

    z-index:5;

    max-width:680px;

}

.hero-stats-wrapper{

    position:relative;

}

.hero-stats-wrapper .container{

    position:relative;

}
.hero-badge{

    display:inline-flex;

    align-items:center;

    gap:8px;

    padding:6px 12px;

    border-radius:999px;

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

    border:1px solid rgba(255,255,255,.18);

    backdrop-filter:blur(16px);

    -webkit-backdrop-filter:blur(16px);

    box-shadow:0 8px 22px rgba(0,0,0,.12);

    font-size:.70rem;

    font-weight:600;

    color:#fff;

    margin-bottom:16px;

}

.hero-title{

    font-size:clamp(1.9rem,2.8vw,2.9rem);

    font-weight:800;

    line-height:1.12;

    letter-spacing:-0.6px;

    color:#ffffff;

    margin-bottom:10px;

    text-shadow:
        0 6px 22px rgba(0,0,0,.28);

}

.hero-highlight{

    color:var(--mc-gold);

    font-size:clamp(.92rem,1.05vw,1.08rem);

    font-weight:700;

    letter-spacing:.2px;

    margin-bottom:14px;

}

.hero-description{

    font-size:.90rem;

    line-height:1.6;

    max-width:480px;

    margin:0 0 20px;

    color:rgba(255,255,255,.88);

}

/* BUTTONS */

.hero-buttons{

    display:flex;

    justify-content:flex-start;

    gap:18px;

    flex-wrap:wrap;

}

.hero-buttons .btn{

min-width:155px;
padding:10px 18px;
border-radius:10px;
font-size:13px;

    transition:all .35s ease;

}
.hero-buttons .btn:hover{

    transform:translateY(-4px);

}

/* MOBILE */

@media(max-width:991px){

    .hero-inner{

    min-height:620px;

    padding:90px 20px 120px;

}

}

@media(max-width:768px){

    .hero-inner{

    min-height:560px;

    padding:70px 16px 120px;

}

    .hero-title{
        font-size:2rem;
    }

    .hero-highlight{
        font-size:1rem;
    }

    .hero-description{
        font-size:.92rem;
    }

    .hero-buttons{
        flex-direction:column;
    }

    .hero-buttons .btn{
        width:100%;
        max-width:320px;
        margin:auto;
    }

}/* Large Desktop */
@media (min-width:1200px){

    .hero-content{

        transform:none;

    }

}

/* Tablet & Mobile */
@media (max-width:1199px){

   .hero-content{

        transform:none;

   }

}
/*==================================================
 HERO STATS OVERLAP
==================================================*/

.hero-stats-section{

    position:relative;

    margin-top:-105px;

    margin-bottom:35px;

    z-index:20;

}

.hero-stats-wrapper{

    position:relative;

    z-index:20;

}
/*==================================================
 FLOATING HERO STATS
==================================================*/
.mc-stats{

    position:relative;

    box-shadow:
        0 25px 60px rgba(10,25,70,.18);

}
/* ==========================================================
   MERITZA STATS
========================================================== */

.mc-stats{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0;

    background:linear-gradient(
        145deg,
        rgba(255,255,255,.82),
        rgba(248,250,253,.95)
    );

    backdrop-filter:blur(14px);

    border:1px solid rgba(255,255,255,.45);

    border-radius:24px;

    overflow:hidden;

    box-shadow:0 20px 50px rgba(10,25,70,.08);

}

.mc-stat-item{

        padding:15px 14px;

    text-align:center;

    position:relative;

    transition:.35s;

}

.mc-stat-item:not(:last-child){

    border-right:1px solid rgba(10,25,70,.08);

}

.mc-stat-item:hover{

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

    transform:translateY(-6px);

}

.mc-stat-icon{

    width:42px;
    height:42px;

    margin:0 auto 14px;

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

    border-radius:16px;

    background:

linear-gradient(
145deg,
#FFFDF7,
#FFF5DA
);

    border:1px solid rgba(212,175,55,.18);

    box-shadow:
        0 12px 28px rgba(10,25,70,.08);

}

.mc-stat-icon i{

background:linear-gradient(
135deg,
#F7D774,
#C89B1F
);

-webkit-background-clip:text;
-webkit-text-fill-color:transparent;

    font-size:1.15rem;

}

.mc-stat-number{

        font-size:1.5rem;

font-weight:900;

letter-spacing:-1px;

color:var(--mc-primary);

}

.mc-stat-title{

    font-size:.82rem;

    margin-bottom:6px;

    font-weight:700;

    color:#243B6B;

}

.mc-stat-text{

    color:#64748B;

    font-size:.74rem;

    line-height:1.5;

}
.mc-stats-container{

    max-width:950px;

    margin:0 auto;

}
/*==================================================
 MOBILE STATS
==================================================*/

@media (max-width:768px){

    .hero-section{
    padding-bottom:110px !important;
}
    .mc-stat-item{

        padding:16px 6px;

        border-right:1px solid rgba(10,25,70,.08);

        border-bottom:none;

    }

    .mc-stat-item:last-child{

        border-right:none;

    }

    .mc-stat-icon{

        width:42px;
        height:42px;
        margin:0 auto 8px;

    }

    .mc-stat-icon i{

        font-size:1.15rem;

    }

    .mc-stat-number{

        font-size:1.2rem;

    }

    .mc-stat-title{

        font-size:.70rem;

        margin-bottom:0;

    }

    .mc-stat-text{

        display:none;

    }

}

@media (max-width:390px){

    .hero-section{
    padding-bottom:120px !important;
}

    .mc-stats{

        font-size:.9rem;

    }

    .mc-stat-number{

        font-size:1rem;

    }

    .mc-stat-title{

        font-size:.60rem;

    }

}