.whyus-image{
    width: 100%;
    height: 390px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url('/images/WHy us 1.png');

}

.whyus-image>span{
    font-family: 'Montserrat', serif;
    font-size: 3.75rem;
    color: #FFFFFF;
    text-align: center;
    font-weight: bold;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);

}

.whyus-container{
    background: #E2F8E2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 100px 0;
    position: relative;
    min-height: 1800px;
}

.image-container-1{
    position: absolute;
    left: 272px;
    top: 100px;
}

.image-container-2{
    position: absolute;
    right: 214px;
    top: 525px;
}

.image-container-3{
    position: absolute;
    left: 272px;
    top: 965px;
}

.image-container-4{
    position: absolute;
    right: 214px;
    top: 1405px;
} 

@media screen and (max-width:1350px) {
    .image-container-1,.image-container-2,.image-container-3,.image-container-4{
        transform: scale(0.9);
        margin-top: 0;
    }

    .image-container-1{
        top: 80px;
    }

    .whyus-container{
        padding-top: 70px;
        padding-bottom: 100px;
    }
}

@media screen and (max-width:1270px) {
    .image-container-1,.image-container-2,.image-container-3,.image-container-4{
        transform: scale(0.8);
        margin-top: 20px;
    }

    .whyus-container{
        padding-top: 60px;
    }

    .image-container-1{
        top: 0px;
        left: 240px;
    }

    .image-container-3{
        left: 200px;
    }

    
}

@media screen and (max-width:1170px) {
    .whyus-container>img{
        display: none;
    }

    .image-container-1,.image-container-2,.image-container-3,.image-container-4{
       position: relative;
       top: 0;
       right: 0;
       left: 0;
       transform: scale(1);
    }
}

@media screen and (max-width:778px) {
    .whyus-image>span{
        font-size: 3.3rem;
    }

    .image-container-1,.image-container-2,.image-container-3,.image-container-4{
        transform: scale(0.9);
        margin: 0;
        padding: 0;
    }

    .whyus-container{
        height:auto
    }
}

@media screen and (max-width:490px){
    .image-container-1,.image-container-2,.image-container-3,.image-container-4{
        transform: scale(0.8);
        max-height: 500px;
    }

    .whyus-container{
        margin: 0;
        padding: 0;
    }
}

@media screen and (max-width:420px) {
    .image-container-1,.image-container-2,.image-container-3,.image-container-4{
        transform: scale(0.7);
    }

    .whyus-container{
        max-height: 2000px;
    }
}

@media screen and (max-width:378px) {
    .image-container-1,.image-container-2,.image-container-3,.image-container-4{
        transform: scale(0.6);
        max-height: 400px;
    }

    .whyus-container{
       max-height: 1700px;
       min-height: 0;
       padding-bottom: 60px;
    }
}