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

.hero{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:80px 8%;

    min-height:85vh;

}

/* Left Side */

.hero-content{

    max-width:600px;

}

.hero h1{

    font-size:60px;

    line-height:1.2;

    margin-bottom:20px;

}

.hero h1 span{

    color:#FFD54F;

}

.tagline{

    font-size:26px;

    color:#42A5F5;

    margin-bottom:20px;

    font-weight:600;

}

.description{

    font-size:18px;

    color:#dddddd;

    line-height:1.8;

    margin-bottom:35px;

}

/* Buttons */

.hero-buttons{

    display:flex;

    gap:20px;

}

.btn-primary{

    background:#FFD54F;

    color:#1C2526;

    padding:15px 30px;

    border-radius:10px;

    font-weight:600;

    transition:.3s;

}

.btn-primary:hover{

    transform:translateY(-3px);

}

.btn-secondary{

    border:2px solid #FFD54F;

    color:#FFD54F;

    padding:15px 30px;

    border-radius:10px;

    transition:.3s;

}

.btn-secondary:hover{

    background:#FFD54F;

    color:#1C2526;

}

/* Right Side */

.hero-image img{

    width:420px;

    border-radius:20px;

}