/* ==========================
   Hero
========================== */

.hero-text h1{

    font-size:45px;

    color:#1976d2;

}

.hero-text h2{

    font-size:28px;

    margin-top:15px;

}

.hero-text p{

    font-size:20px;

    margin-top:15px;

}

.hero-image img{

    width:260px;

    border-radius:20px;

    box-shadow:0 5px 20px #ccc;

}

/* ==========================
   Features
========================== */

.features{

    text-align:center;

    padding:50px 20px;

}

.feature-box{

    display:flex;

    justify-content:center;

    gap:30px;

    flex-wrap:wrap;

}

.feature-box div{

    width:250px;

    background:#fff;

    padding:25px;

    border-radius:15px;

    box-shadow:0 5px 20px #ddd;

}

/* ==========================
   Banner
========================== */

.banner-section{

    text-align:center;

    padding:50px;

}

.banner-section img{

    max-width:90%;

    border-radius:15px;

}