#hero{
    background-image: url(../resources/images/ecom/hero-bg.png);
}

#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;

}
#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;
}
#howitworks{
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
#howitworks .ma-card{
    border:.2rem solid #D8D8D8;
    min-width: 22.43vw;

}
#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);
    
}
.small-img{
    width: clamp(100%, 19.27vw, 19.27vw);
}
.industries{
    display: flex;
    column-gap: clamp(20px,2.08vw, 4rem);
    row-gap: clamp(15px,1.56vw, 3rem);
    flex-wrap: wrap;
    margin-left: 1.30vw;
}
.industry{
    background: var(--bg);
    border-radius: 1.5rem;
    display: flex;
    gap: clamp(10px,1.04vw, 2rem);
    min-width: clamp(30%, 18.27vw, 100%);
    align-items: center;
}
.industry img{
    max-width: clamp(30px, 1.56vw, 3rem );
}
.integration-icons{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: clamp(10px, 8.41vw, 8.41vw );
}
.integration-icons img{
    height: clamp(50px, 2.6vw, 2.6vw );
}
@media screen and (max-width:768px) {
    .industry{
      
        min-width: 47%;
    }
    .arrow{
        display: none;
    }
    #howitworks .ma-card{
        width: 100%;
    }
    .integration-icons{
        justify-content: space-between;
    }
    .integration-icons img {
        width: 40%;
        max-height: 50px;
        object-fit: contain;
    }
    .industries{
        justify-content: space-between;
    }
}
