#hero{
    background-image: url(../resources/images/erp/hero-bg.png);
}
#customization{
    background: url(../resources/images/general/white-bg-lines.png);
    background-size: 100% 100%;
    background-position: top left;
    background-repeat: no-repeat;
}
#implementation{
    background: url(../resources/images/general/white-bg-lines-flipped.png);
    background-size: 100% 100%;
    background-position: top left;
    background-repeat: no-repeat;
    text-align: end;
}
#second-hero{
    background: url(../resources/images/general/second-hero.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
#implementation .section-title{
    justify-content: end;

}
#howitworks{
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
#howitworks .ma-card{
    border:.2rem solid #D8D8D8;

}
#howitworks .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));

}
#howitworks .ma-card-icon img{
    width: clamp(1.875vw, 3.6rem, 36px);

}
.arrow{
    max-width: clamp(26.5px, 2.76vw , 5.3rem);
    
}

@media screen and (max-width:1024px) {
    #customization, #implementation{
        background: white;
    }
}
@media screen and (max-width:768px){
    .arrow {
        display: none;
    }
    #howitworks .ma-card{
        width: 100%;
    }
}