#hero{

    background-image: url(../resources/images/homepage/hero-bg.png);
   
}
#erp{
    background: url(../resources/images/general/white-bg-lines.png);
    background-size: 100% 100%;
    background-position: top left;
    background-repeat: no-repeat;
}
#ecom{
    background: url(../resources/images/general/black-bg-lines.png);
    background-size: 100% 100%;
    background-position: top left;
    background-repeat: no-repeat;
}
#whychooseus{
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
#whychooseus .ma-card{
    border:.2rem solid #D8D8D8;
    height: 100%;

}
#whychooseus .col-lg-4{
    padding-left: calc(clamp(1.75rem, var(--bs-gutter-x) * 0.5, 1.82vw));
    padding-right: calc(clamp(1.75rem, var(--bs-gutter-x) * 0.5, 1.82vw));

}
@media screen and (max-width:1024px) {
    #erp{
        background: white;
    }
    #ecom{
        background: var(--black);
    }
}