/* HERO */

.hero-section{

    background:#11195f;

    color:#fff;

    padding:30px 0;

}

.hero-container{

    width:85%;

    /*max-width:1280px;*/

    margin:auto;

    display:grid;

    grid-template-columns:1.1fr .9fr;

    gap:70px;

    align-items:center;

}

.hero-badge{

    display:inline-block;

    padding:10px 22px;

    border-radius:50px;

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

    color:#ff9800;

    font-size:13px;

    letter-spacing:2px;

    margin-bottom:30px;

}

.hero-title{

    font-size:72px;

    line-height:1.08;

    color:#fff;

    margin-bottom:20px;

    font-weight:700;

}

.hero-title span{

    color:#ff9800;

    font-style:italic;

}

.hero-hindi{

    color:#8da0dd;

    margin-bottom:25px;

    font-size:28px;

    font-weight:400;

}

.hero-text{

    color:#bcc5ea;

    line-height:1.9;

    font-size:18px;

    max-width:600px;

}

.hero-buttons{

    display:flex;

    gap:20px;

    margin:40px 0;

}

.btn-orange{

    background:#ff8200;

    color:#fff;

    text-decoration:none;

    padding:16px 32px;

    border-radius:10px;

    font-weight:600;

}

.btn-outline{

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

    color:#fff;

    text-decoration:none;

    padding:16px 32px;

    border-radius:10px;

}

.hero-stats{

    display:grid;

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

    gap:20px;

    padding-top:35px;

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

}

.hero-stat h2{

    color:#ff9800;

    font-size:42px;

}

.hero-stat p{

    color:#9da8d7;

}

.hero-right{

    display:flex;

    justify-content:center;

    align-items:center;

}

.hero-image{

    width:100%;

}

.hero-image img{

    width:100%;

    /*max-width:600px;*/

    display:block;

    border-radius:20px;

    box-shadow:0 25px 50px rgba(0,0,0,.35);

}

.hero-category{

    background:#ff9800;

    color:#fff;

    padding:6px 14px;

    border-radius:30px;

    font-size:12px;

    display:inline-block;

    margin-bottom:15px;

}

.hero-card h3{

    font-size:28px;

    line-height:1.4;

}

.hero-card h3 a{

    color:#fff;

    text-decoration:none;

}

.hero-card p{

    margin-top:15px;

    color:#b9c4ec;

}

/* Tablet */

@media (max-width:991px){

.hero-container{

    display:flex;
    flex-direction:column;

    gap:40px;

}

.hero-left{
    order:1;
}

.hero-right{
    order:2;
}

}


/* Mobile */

@media(max-width:768px){

.hero-title{

font-size:44px;

}

.hero-buttons{

flex-direction:column;

}
.hero-right{
    order:2;
}

.hero-left{
    order:1;
}

.hero-stats{

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

}

}

/* Small Mobile */

@media(max-width:480px){

.hero-section{

padding:60px 20px;

}

.hero-right{
    order:2;
}

.hero-left{
    order:1;
}

.hero-title{

font-size:36px;

}

.hero-stats{

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

text-align:center;

gap:10px;

}

.hero-stat h2{

font-size:28px;

}

.hero-stat p{

font-size:12px;

}

}