.mainHeroContainer{
    display: flex;
    align-items: center;
    margin: 60px 0;
    justify-content: space-between;
}
.textInput{
    width: 45%;
    
}
.textInput h1{
    margin-bottom: 10px;
}
.textInput p{
    margin-bottom: 15px;
}
.textInput button{
    background-color: #0044bb;
    color:white;
    padding: 5px 20px;
    transition: all 0.3s;
}
.textInput button:hover{
    background-color: #1b67e9;
}
.image{
    width: 45%;
}
.image img{
    width: 100%;
}
.benefits{
    margin: 60px 0;
}
.benefits h1{
    text-align: center;
    margin-bottom: 20px;
}
.benefits .blogsContainer{
    display: flex;
    justify-content: space-evenly;
}
.benefits .blogsContainer .SingleBlog{
    width: 23%;
    background: #0045bb34;
    padding: 15px;
    border-radius: 10px;
}
.benefits .blogsContainer .SingleBlog h3{
    margin: 15px 0;
}
.interested{
    margin: 60px 0;
}
.mainInterested{
    text-align: center;
}
.mainInterested h2{
    font-size: 30px;
    margin-bottom: 20px;
}
.mainResume{
    margin: 60px 0;
    
}
.mainResume h2{
    text-align: center;
    margin-bottom: 20px;
    font-size: 30px;
}
.allInputFields{
    display: flex;
    justify-content: space-evenly;
    margin-bottom: 30px;
}
.allInputFields .inputRow{
    width: 30%;

}
.allInputFields .inputRow input{
    width: 100%;
    outline: none;
    border: 1px solid #c9c9c9;
    border-radius: 5px;
    padding: 5px 10px;
    margin: 5px 0;
}
.allInputFields .inputRow button{
    background: rgb(187, 186, 186);
    padding: 10px 20px;
    border-radius: 10px;
    transition: all 0.3s;
}.allInputFields .inputRow button:active{
    background:transparent;
    border: 1px solid rgb(187, 186, 186);

}
.submitBtn{
    text-align: center;
}
.submitBtn button{
    background: #0044bb;
    color: white;
    padding: 10px 30px;
    border-radius: 5px;
    transition: all 0.3s;
}
.submitBtn button:hover{
    background: #1b67e9;
}
@media (max-width: 991px) {
    .mainHeroContainer{
        flex-direction: column;
        justify-content: center;
        margin: 5px 0 20px;
    }
    .textInput{
        width: 95%;
        margin: 15px auto;
    }
    .image{
        width: 95%;
        margin: 15px auto;
    }
    .benefits .blogsContainer{
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .benefits .blogsContainer .SingleBlog{
        width: 95%;
        margin: 10px 0;
    }
    .allInputFields{
        flex-direction: column;
        justify-content: center;
        align-items: center;
       
    }
    .allInputFields .inputRow{
        width: 95%;
        margin: 10px 0;
    }
}