.payment-option {
    background-image: linear-gradient(#e6e7e8, #e0e3e4);
    color: #1a1b1c;
    ;
    border: 1px solid #007bff;
    font-size: 16px;

}

.payment-option:hover {
    background-color: #f8f9fa;
    color: #0056b3;
}

.payment-option {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.payment-methods-img {
    display: flex;
}
@media (min-width: 992px) {

    .vertical-align{
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items:center;
        align-items: center;
    }
}
@media (min-width: 1200px) {
    .left-30 {
        left: 30%;
    }
    
}
    .banner-container {
width: 100%;
height: 300px;
overflow: hidden; 
position: relative; 
}

.banner-image {
position: absolute; 
top: 0;
left: 50%;
transform: translateX(-50%); 
height: 100%; 
width: auto;
min-width: 100%;
}
.step{
    border-radius: 100%;
    width: 40px;
    height: 40px;
}
.mainHeader-height{
    max-height: 330px;
    height: 40vh;
}