.hero{
    background-color: #FFF3E5;
    height: 700px;
}

nav{
    display: flex;
    padding: 35px 20px;
    align-items: center;
}

nav img{
    width: 100px;
    background-color: aqua;
}

nav ul{
    display: flex;
    list-style: none;
    margin-left: 33% !important;
}

nav ul li{
    width: 100px;
    color: #1E1F50;
    
}

.login-button{
    background-color: #fff;
    border: 0;
    border-radius: 35px;
    color: #515151;
    padding: 10px 35px;
    font-size: 14.5px;
    margin-left: 6%;
    cursor: pointer;
}

.hero-content{
    display: flex;
    margin-top: 100px;
}

.hero-text{
    width: 45%;
    padding: 25px 20px 10px 100px;
}

.hero-text h1{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 45px;
    color: #30337F;
}

.hero-text p{
    color: #1D1E1E;
    margin-top: 20px;
    width: 75%;
    color: #1E1F50;
}

.how-it-works{
    display: flex;
    align-items: center;
    margin-top: 105px;
    cursor: pointer;
    margin-left: 5px;
}

.how-it-works p{
    margin-top: 3px;
}

.how-it-works img{
    height: 42px;
    margin-right: 10px;
}

.hero-img{
    width: 50%;
    margin-left: -15% !important;
    margin-top: -5% !important;
}