.heading_button_container {
    display: flex;
    gap: 10px;
    max-width: 490px;
    margin-top: 30px;
    flex-wrap: wrap;
    height: auto;
}
.banner_button_wrapper {
    display: flex;
    justify-content: center;
    @media (min-width: 1300px) {
        display: unset;
    }
}
.banner_button_filled {
    min-width: 204px;
}
.banner_button_outlined {
    min-width: 204px;
}

.laptop_img {
    display: none;
    @media (min-width: 1300px) {
        display: block;
        margin-bottom: 36px;
    }
}

.adaptive_laptop_img {
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 30px 0;
    img {
        width: 100%;
        max-width: 595px;
    }
    @media (min-width: 1300px) {
        display: none;
    }
}

.shopping {
    padding: 0 15px;
}
.shopping_container {
    display: flex;
    justify-content: space-between;
    padding: 15px 0;
    @media (min-width: 768px) {
        padding: 50px 0;
    }
    @media (min-width: 1300px) {
        padding: 90px 0 0 0 ;
    }
}

.shopping_banner_heading {
    @media (min-width: 1300px) {
        max-width: 540px;
    }
}

.accounting_monitor {
    margin-right: 147px;
}


/*shopping stats*/
.shopping_stats {
    background: var(--grey-50);
    padding: 30px 15px;
    @media (min-width: 768px) {
        padding: 90px 15px;
    }
}

.shopping_stat_card {
    width: 150px !important;
    @media (min-width: 768px) {
        width: 200px!important;
    }
    @media (min-width: 1300px) {
        width: 220px !important;
    }
}

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


/*workflow*/
.workflow {
    background: var(--orange-25);
}
.workflow_card {
    width: 100% !important;
    p {
        width: 220px;
    }
    @media (min-width: 705px) {
    width: 330px !important;
    }
    @media (min-width: 768px) {
        width: 410px !important;
        p {
            width: 320px;
        }
    }
}


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

.benefit_card {
    width: 100%;
    @media (min-width: 768px) {
        width: 300px !important;

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