.banner_section {
    padding: 0 15px;
}

.laptop_img {
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 30px 0;
    img {
        width: 100%;
        max-width: 595px;
    }
    @media (min-width: 1300px) {
        margin-bottom: 36px;
    }
}
.banner_text {
    @media (min-width: 1300px) {
        max-width: 600px;
    }
}
.shopping_container {
    display: flex;
    justify-content: space-between;
    padding: 15px 0;
    flex-direction: column;
    @media (min-width: 768px) {
        padding: 50px 0;
    }
    @media (min-width: 1300px) {
        padding: 90px 0 0 0;
        flex-direction: row;
    }
}

.workflow {
    background: var(--orange-25);
}
.workflow_card {
    width: 100% !important;
    @media (min-width: 650px) {
        width: 300px !important;
    }
    @media (min-width: 768px) {
        width: 350px !important;
    }
    @media (min-width: 900px) {
        width: 400px !important;
    }
    @media (min-width: 1300px) {
        width: 300px !important;
    }
    h3 {
        width: 170px;
    }
    p {
        width: 210px;
    }
}

/*inventory_management_stats*/
.inventory_management_stats {
    background: var(--grey-50);
    padding: 30px 0;
    @media (min-width: 1300px) {
        padding: 90px 0;
    }
}


/*accounting_features*/
.shopping_features {
    background: var(--grey-25);
}


/*benefits*/
.benefits {
    background: var(--grey-50);
}


/*steps*/
.steps {
    background: var(--orange-25);
}
.step_card {
    width: 100% !important;
    p {
        width: 160px;
    }
    @media (min-width: 570px) {
        width: 260px !important;

    }
    @media (min-width: 768px) {
        width: 350px !important;
        p {
            width: 280px;
        }
    }
    @media (min-width: 1300px) {
        width: 410px !important;
        p {
            width: 280px;
        }
    }
}


.best {
    background: var(--grey-50);
}
.top_best_card {
    @media (min-width: 768px) {
        width: 350px !important;
    }
    @media (min-width: 1300px) {
        width: 410px !important;
    }
}

.bottom_best_card {
    @media (min-width: 768px) {
        width: 300px !important;
    }
}

.logos_container {
    display: flex;
    gap: 30px;
    padding: 90px 0;
    align-items: center;
    justify-content: center;
}