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

.hero{

    padding:100px 0;

    background:linear-gradient(
        180deg,
        #ffffff 0%,
        #f4faff 100%
    );

}

.hero-badge{

    display:inline-block;

    padding:10px 22px;

    background:#EAF7FF;

    color:var(--primary);

    border-radius:50px;

    font-weight:600;

    margin-bottom:25px;

}

.hero h1{

    font-size:clamp(2.5rem,5vw,4.5rem);

    font-weight:800;

    line-height:1.2;

    margin-bottom:25px;

}

.hero h1 span{

    color:var(--secondary);

}

.hero p{

    font-size:1.1rem;

    margin-bottom:35px;

    max-width:550px;

}

.hero-features{

    margin-top:25px;

}

.hero-features div{

    margin-bottom:15px;

    font-size:17px;

    color:var(--primary);

}

.hero-features i{

    color:var(--secondary);

    margin-right:10px;

}

.hero-buttons{

    display:flex;

    gap:15px;

    flex-wrap:wrap;

}

.hero-rating{

    color:var(--primary);

    font-size:16px;

}

.hero-image{

    width:100%;

    max-width:580px;

    border-radius:30px;

    box-shadow:var(--shadow);

}