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

.hero{
    min-height:120vh;
    background:
    linear-gradient(rgba(11,61,109,.45),rgba(11,61,109,.45)),
    url("../assets/images/hero.jpg");

    background-size:cover;
    background-position:center right;

    display:flex;
    align-items:center;

    padding:120px 7%;
}
.hero-container{
    max-width:1400px;
    width:100%;
    margin:auto;
}

.hero-left{

    width:50%;

}

.hero-left h1{

    font-size:68px;

    font-weight:900;

    line-height:1.05;

    color:#fff;

}

.hero-left h2{

    font-size:68px;

    font-weight:900;

    line-height:1.05;

    margin-bottom:25px;

    color:#fff;

}

.hero-left span{

    color:#C7A33B;

}

.hero-left p{

    color:#E6E6E6;

    font-size:24px;

    line-height:1.7;

    max-width:620px;

    margin-bottom:45px;

}

.hero-buttons{

    display:flex;

    gap:25px;

}

/* WHY CHOOSE US */


.why-us{

    padding:80px 7%;

    background:#F7F9FC;

}

.why-us h2{

    text-align:center;

    font-size:42px;

    color:#0B3D6D;

    margin-bottom:60px;

}

.cards{

    display:grid;

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

    gap:30px;

}

.card{

    background:#FFFFFF;

    border-radius:15px;

    padding:40px 30px;

    text-align:center;

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

    transition:.35s;

    border-top:5px solid #C7A33B;

}

.card:hover{

    transform:translateY(-10px);

    box-shadow:0 18px 35px rgba(0,0,0,.15);

}

.icon{

    font-size:48px;

    margin-bottom:20px;

}

.card h3{

    color:#0B3D6D;

    font-size:24px;

    margin-bottom:15px;

}

.card p{

    color:#555;

    line-height:1.8;

    font-size:16px;

}
//* ==========================
   FEATURED CATEGORIES
========================== */

.categories{

    padding:80px 7%;
    background:#ffffff;

}

.categories h2{

    text-align:center;
    font-size:42px;
    color:#0B3D6D;
    margin-bottom:60px;

}

.category-grid{

    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;

}

/* Category Card */

.category{

    display:block;
    text-decoration:none;
    color:inherit;

    background:#fff;
    border-radius:15px;
    overflow:hidden;

    border:1px solid #ECECEC;

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

    transition:.35s;

    cursor:pointer;

}

.category:hover{

    transform:translateY(-10px);

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

}

.category img{

    width:100%;
    height:220px;

    object-fit:contain;

    background:#fff;

    padding:15px;

    transition:.4s;

}

.category:hover img{

    transform:scale(1.03);

}

.category h3{

    padding:20px;

    text-align:center;

    color:#0B3D6D;

    font-size:22px;

    font-weight:700;

    text-decoration:none;

}

/* Remove underline from all link states */

.category:link,
.category:visited,
.category:hover,
.category:active{

    text-decoration:none;
    color:inherit;

}


.section-description{

    max-width:850px;

    margin:15px auto 50px;

    text-align:center;

    color:#666;

    font-size:18px;

    line-height:1.8;

}