.baner-text {
    color: #1f53ab;
}
ul.list-ul {
    margin-left: 25px;
}
.box {
    background: #fabf8f;
    width: 521px;
    padding: 10px 0 10px 22px;
    margin-top: 35px;
    margin-left: 33px;
}
.box p {
    margin-bottom: 0;
}


@media (max-width: 575.98px){
.box {
 
    width: 295px;
    padding: 10px 23px 10px 22px;
    margin-left: 0px;
}
.hader-img {
    margin-top: 22px;
}
}


@media (min-width: 576px) and (max-width: 767.98px){
.hader-img {
    margin-top: 22px;
}
.container.mt-4.canters {
    text-align: center;
}
.box {
    margin-left: 0px;
}
img.img-fluid.hader-img.haderimg3 {
    width: 98%;
}


}

@media (min-width: 1200px){
img.img-fluid.hader-img.haderimg3 {
    width: 100%;
}
}