.all-packages {
    font-size: .9vw;
    font-weight: 400;
    font-family: Poppins;
    background-color: #f51451 !important;
    color: #fff !important;
    margin: unset;
    border: .1vw solid #f51451;
    border-radius: .41vw;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    grid-gap: .75vw;
    padding: .865vw
}

    .all-packages img {
        width: 1vw;
        height: auto;
        margin: unset
    }

.pricing-section {
    padding: 7.5vw 7.5vw 5vw;
    background: linear-gradient(#fff5f8,#fff);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    grid-gap: 3vw
}

    .pricing-section .pricing-header {
        border-radius: 100vw;
        border: .1vw solid #ffecf2;
        padding: .835vw;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        grid-gap: 1.25vw;
        background-color: #ffecf2;
        margin-top: 1vw
    }

    .pricing-section .tab-link {
        border: .1vw solid #d7a7a7;
        border-radius: 100vw;
        color: #595959;
        padding: .75vw 1.25vw;
        background-color: transparent;
        font-size: 1.25vw;
        font-weight: 400;
        cursor: pointer;
        transition: .2s ease-in-out
    }

        .pricing-section .tab-link.active-tab-bar {
            border: .1vw solid #e81c53;
            color: #fff;
            background-color: #e81c53
        }

    .pricing-section .pricing-group {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        grid-gap: .835vw
    }

        .pricing-section .pricing-group h1 {
            font-size: 3.5vw;
            font-weight: 500;
            color: #000;
            margin: unset;
            line-height: 4vw;
            text-align: center;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center
        }

            .pricing-section .pricing-group h1 span {
                font-size: 1.5vw;
                line-height: 3vw
            }

        .pricing-section .pricing-group h2 {
            font-size: 3vw;
            font-weight: 500;
            color: #000;
            margin: unset;
            line-height: 4vw
        }

        .pricing-section .pricing-group p {
            font-size: 1.2vw;
            font-weight: 500;
            color: #8b7474;
            margin: unset
        }

        .pricing-section .pricing-group span {
            font-size: 2vw;
            font-weight: 500;
            color: #f51451;
            margin: unset
        }

    .pricing-section .pricing-table {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-between;
        grid-gap: 1.41vw;
        width: 100%
    }

        .pricing-section .pricing-table .pricing-pos-product {
            border: .1vw solid #ddc9cf;
            border-radius: 1.25vw;
            flex-direction: column;
            justify-content: flex-start;
            background-color: #fff;
            align-items: flex-start;
            width: 100%;
            display: none
        }

            .pricing-section .pricing-table .pricing-pos-product .mobile-desc, .section-pricing .body-group .box .responsive-body .mobile-body {
                display: none
            }

        .pricing-section .pricing-table .tablet-pos {
            background-color: #f51451 !important;
            border: .1vw solid #f51451 !important;
            position: relative
        }

            .pricing-section .pricing-table .tablet-pos h3 {
                color: #f51451 !important;
                background-color: #fff !important;
                margin: 1.75vw 1.25vw .5vw !important;
                padding: .15vw .5vw !important;
                border-radius: 5vw
            }

            .pricing-section .pricing-table .tablet-pos p {
                color: #fff !important;
                font-weight: 500;
                font-size: 1.55vw;
                margin: unset;
                padding: 0 0 0 1.75vw
            }

            .pricing-section .pricing-table .tablet-pos .discount {
                position: absolute;
                right: 1.75vw;
                top: 1.75vw;
                text-align: right;
                color: #fff;
                margin: unset;
                font-size: .865vw;
                line-height: 1.25vw;
                font-weight: 500
            }

                .pricing-section .pricing-table .tablet-pos .discount span {
                    color: #fff;
                    margin: unset;
                    font-size: 1.25vw;
                    line-height: 1.25vw;
                    font-weight: 500
                }

            .pricing-section .pricing-table .tablet-pos img {
                margin-top: .55vw !important
            }

            .pricing-section .pricing-table .tablet-pos .pricing-text-group .pricing-text-top a {
                background-color: #f51451 !important;
                color: #fff !important
            }

        .pricing-section .pricing-table .pricing-pos-product h3 {
            color: #f51451;
            font-weight: 500;
            font-size: .835vw;
            margin: 0 0 .5vw 0;
            padding: 1.75vw 1.75vw 0
        }

        .pricing-section .pricing-table .pricing-pos-product p {
            color: #000;
            font-weight: 500;
            font-size: 1.55vw;
            margin: unset;
            padding: 0 0 0 1.75vw
        }

        .pricing-section .pricing-table .pricing-pos-product .pricing-img {
            width: auto;
            height: 11vw;
            margin-top: .835vw;
            margin-left: auto;
            margin-right: auto
        }

        .pricing-section .pricing-table .pricing-pos-product .compare-group {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: center;
            grid-gap: 0;
            width: 100%;
            padding: 0 1.75vw 1.75vw;
            border-radius: 0 0 1.25vw 1.25vw;
            background-color: #fff5f8
        }

            .pricing-section .pricing-table .pricing-pos-product .compare-group h4, .pricing-section .pricing-table .pricing-pos-product.tablet-pos .compare-group h4 {
                font-size: 1vw;
                font-weight: 500;
                color: #f51451;
                margin: 0 auto;
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-items: center;
                grid-gap: .5vw;
                padding: unset;
                cursor: pointer;
                user-select: none
            }

                .pricing-section .pricing-table .pricing-pos-product .compare-group h4 img {
                    width: 1vw;
                    transition: transform .3s
                }

            .pricing-section .pricing-table .pricing-pos-product .compare-group.active h6 img {
                transform: rotate(180deg)
            }

            .pricing-section .pricing-table .pricing-pos-product .compare-group.active .compare-feature {
                max-height: 1000px;
                opacity: 1;
                text-align: center
            }

            .pricing-section .pricing-table .pricing-pos-product .compare-group.active, .pricing-section .pricing-table .pricing-pos-product.tablet-pos .compare-group.active {
                grid-gap: .5vw
            }

            .pricing-section .pricing-table .pricing-pos-product .compare-group .compare-feature {
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                justify-content: center;
                grid-gap: 0;
                width: 100%;
                max-height: 0;
                overflow: hidden;
                transition: max-height .4s,opacity .3s;
                text-align: center;
                opacity: 0
            }

                .pricing-section .pricing-table .pricing-pos-product .compare-group .compare-feature p, .pricing-section .pricing-table .pricing-pos-product.tablet-pos .compare-group .compare-feature p {
                    font-size: .835vw;
                    font-weight: 500;
                    margin: .5vw 0 0;
                    color: #af6f81 !important;
                    width: 100%;
                    padding-left: unset;
                }

                    .pricing-section .pricing-table .pricing-pos-product .compare-group .compare-feature p.deleted, .pricing-section .pricing-table .pricing-pos-product.tablet-pos .compare-group .compare-feature p.deleted {
                        text-decoration: line-through;
                        opacity: .7
                    }

        .pricing-section .pricing-table .pricing-pos-product.tablet-pos .compare-group h4 img {
            margin: unset !important;
            width: 1vw
        }

        .pricing-section .pricing-table .pricing-pos-product.tablet-pos .compare-group .compare-feature {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: center;
            grid-gap: 0;
            width: 100%
        }

        .pricing-section .pricing-table .pricing-pos-product .pricing-text-group {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            background-color: #fff5f8;
            border-radius: 1.25vw 1.25vw 0 0;
            padding: 0 1.75vw;
            width: 100%
        }

            .pricing-section .pricing-table .pricing-pos-product .pricing-text-group .pricing-text-top {
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                align-items: center;
                width: 100%;
                padding: 1.75vw 0
            }

                .pricing-section .pricing-table .pricing-pos-product .pricing-text-group .pricing-text-top .pricing-text-prices {
                    display: flex;
                    flex-direction: column;
                    justify-content: flex-start;
                    align-items: flex-start
                }

                    .pricing-section .pricing-table .pricing-pos-product .pricing-text-group .pricing-text-top .pricing-text-prices h4 {
                        font-size: 1.25vw;
                        font-weight: 600;
                        color: #000;
                        margin: unset
                    }

                    .pricing-section .pricing-table .pricing-pos-product .pricing-text-group .pricing-text-top .pricing-text-prices h5 {
                        font-size: .6vw;
                        font-weight: 500;
                        color: #000;
                        margin: unset
                    }

                .pricing-section .pricing-table .pricing-pos-product .pricing-text-group .pricing-text-top a {
                    font-size: .9vw;
                    font-weight: 400;
                    font-family: Poppins;
                    color: #f51451;
                    margin: unset;
                    border: .1vw solid #f51451;
                    border-radius: .41vw;
                    display: flex;
                    flex-direction: row;
                    align-items: center;
                    justify-content: center;
                    grid-gap: .75vw;
                    padding: .45vw .865vw
                }

                    .pricing-section .pricing-table .pricing-pos-product .pricing-text-group .pricing-text-top a:hover {
                        opacity: .7
                    }

                    .pricing-section .pricing-table .pricing-pos-product .pricing-text-group .pricing-text-top a img {
                        width: 1vw;
                        height: auto !important;
                        margin: unset !important
                    }

            .pricing-section .pricing-table .pricing-pos-product .pricing-text-group p {
                font-size: .835vw;
                font-weight: 500;
                color: #af6f81 !important;
                margin: unset;
                padding: 1.25vw 0;
                border-top: .1vw solid #ead1d9;
                width: 100%;
                text-align: center
            }

.integrate-section {
    padding: 5vw 10vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    grid-gap: 5vw;
    background: linear-gradient(to top,#fff5f8,#fff)
}

    .integrate-section .integrate-head {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        grid-gap: .65vw
    }

        .integrate-section .integrate-head h3 {
            font-size: 2vw;
            font-weight: 500;
            color: #000;
            text-align: center;
            margin: unset
        }

        .integrate-section .integrate-head h4 {
            font-size: 1.041vw;
            font-weight: 400;
            color: #6a6a6a;
            text-align: center;
            margin: unset
        }

    .integrate-section .integrate-body {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        grid-gap: 2.5vw;
        width: 100%
    }

        .integrate-section .integrate-body .integrate-card {
            display: flex;
            flex-direction: row;
            align-items: flex-start;
            justify-content: center;
            width: 100%;
            border: .1vw solid #ddc9cf;
            border-radius: 1.25vw;
            height: 11vw;
            background-color: #fff
        }

            .integrate-section .integrate-body .integrate-card .integrate-card-content {
                display: flex;
                flex-direction: row;
                align-items: flex-start;
                justify-content: space-between;
                width: 30%;
                border: .1vw solid #ddc9cf;
                border-radius: 1.25vw;
                height: 100%;
                background-color: #fffafb
            }

                .integrate-section .integrate-body .integrate-card .integrate-card-content .integrate-card-head {
                    display: flex;
                    flex-direction: column;
                    align-items: flex-start;
                    justify-content: center;
                    padding: 1.25vw 2.085vw;
                    height: 100%
                }

                    .integrate-section .integrate-body .integrate-card .integrate-card-content .integrate-card-head span {
                        display: flex;
                        flex-direction: column;
                        align-items: flex-start;
                        justify-content: center;
                        font-size: .865vw;
                        font-weight: 500;
                        margin: unset;
                        color: #f51451
                    }

                    .integrate-section .integrate-body .integrate-card .integrate-card-content .integrate-card-head h4 {
                        display: flex;
                        flex-direction: column;
                        align-items: flex-start;
                        justify-content: center;
                        font-size: 1.67vw;
                        font-weight: 500;
                        margin: unset;
                        color: #000
                    }

                .integrate-section .integrate-body .integrate-card .integrate-card-content .integrate-card-body {
                    display: flex;
                    flex-direction: row;
                    align-items: center;
                    justify-content: space-between;
                    width: 100%;
                    margin-top: 1vw
                }

                    .integrate-section .integrate-body .integrate-card .integrate-card-content .integrate-card-body .integrate-card-price {
                        display: flex;
                        flex-direction: column;
                        align-items: flex-start;
                        justify-content: flex-start;
                        width: 100%
                    }

                        .integrate-section .integrate-body .integrate-card .integrate-card-content .integrate-card-body .integrate-card-price .price {
                            font-size: 1.25vw;
                            font-weight: 600;
                            color: #000;
                            margin: unset;
                            display: flex;
                            align-items: flex-start;
                            flex-direction: row
                        }

                            .integrate-section .integrate-body .integrate-card .integrate-card-content .integrate-card-body .integrate-card-price .price b {
                                font-size: .875vw;
                                font-weight: 500
                            }

                        .integrate-section .integrate-body .integrate-card .integrate-card-content .integrate-card-body .integrate-card-price .monthly-license {
                            font-size: .875vw;
                            font-weight: 500;
                            color: #000;
                            margin: unset
                        }

                    .integrate-section .integrate-body .integrate-card .integrate-card-content .integrate-card-body p {
                        font-size: .835vw;
                        font-weight: 400;
                        color: #6a6a6a;
                        margin: unset;
                        width: 100%
                    }

            .integrate-section .integrate-body .integrate-card .integrate-image {
                height: 100%;
                width: 70%;
                padding: 1.25vw 2.085vw;
                border-radius: 1.25vw;
                display: flex;
                flex-direction: row;
                grid-gap: 1.25vw;
                justify-content: flex-start;
                align-items: center
            }

                .integrate-section .integrate-body .integrate-card .integrate-image img {
                    height: 2vw
                }

            .integrate-section .integrate-body .integrate-card .integrate-image1 {
                height: 100%;
                width: 70%;
                padding: 2.085vw;
                border-radius: 1.25vw;
                display: none;
                flex-direction: row;
                grid-gap: 1.25vw;
                justify-content: flex-start;
                align-items: center
            }

                .integrate-section .integrate-body .integrate-card .integrate-image1 img {
                    height: 2vw;
                    display: none
                }

.section-pricing .body-group .box .head .mobil-pos, .section-pricing .body-group .box .head .premium-pos, .section-pricing .body-group .box .head .professional-pos, .section-pricing .body-group .box .head .web-pos {
    width: 14vw;
    height: 11vw;
    background-position: bottom;
    background-repeat: no-repeat
}

.section-pricing .pricing-info {
    padding: 0 7.3vw 5vw
}

.section-pricing {
    position: relative;
    z-index: 1
}

    .section-pricing .pricing-header-text {
        padding: 11vw 7.3vw 5vw;
        text-align: center;
        margin-bottom: 5vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background: linear-gradient(45deg,#fff,#eff8fa)
    }

        .section-pricing .pricing-header-text .img-1 {
            position: absolute;
            left: -2vw;
            top: 1vw;
            width: 3.5vw;
            height: 3.5vw
        }

        .section-pricing .pricing-header-text .img-2 {
            position: absolute;
            right: -2vw;
            top: -3vw;
            width: 4.5vw;
            height: 4.5vw
        }

        .section-pricing .pricing-header-text h2 {
            color: #e81c53;
            font: 600 1.2vw Poppins;
            margin: unset
        }

        .section-pricing .pricing-header-text h3 {
            font: 500 4.25vw/5vw Poppins;
            color: #000;
            position: relative;
            margin: unset;
            text-align: center;
            z-index: 999
        }

        .section-pricing .pricing-header-text h4 {
            font: 400 1.2vw Poppins;
            margin: 3vw 0 0;
            padding: .35vw 1vw;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #e81c53;
            border: unset;
            color: #fff;
            border-radius: 100vw;
            width: fit-content
        }

            .section-pricing .pricing-header-text h4 img {
                width: 1.5vw;
                height: 1.5vw;
                margin-right: .5vw
            }

            .section-pricing .pricing-header-text h4 span {
                font-weight: 600
            }

    .section-pricing .notify {
        font: 400 .9vw Poppins;
        color: #626262;
        display: flex;
        width: 100%;
        justify-content: flex-start;
        margin: unset
    }

    .section-pricing .body-group {
        display: flex;
        align-items: flex-start;
        grid-gap: 1vw;
        margin: 2vw 0
    }

        .section-pricing .body-group .box-border {
            background-color: #edf2f5;
            border: .15vw solid #edf2f5;
            border-radius: .41vw;
            padding: 1vw 0;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: flex-start;
            flex: 1
        }

            .section-pricing .body-group .box-border .head {
                display: flex;
                align-items: center;
                justify-content: center;
                height: 24vw
            }

            .section-pricing .body-group .box-border h2 {
                font: 500 .8vw Poppins;
                margin: unset;
                height: 1.5vw;
                display: flex;
                align-items: center
            }

            .section-pricing .body-group .box-border h3 {
                font: 600 2.5vw Poppins;
                padding: 0 1vw;
                text-align: left;
                margin: unset;
                height: 6vw
            }

            .section-pricing .body-group .box-border .body {
                display: flex;
                flex-direction: column;
                padding: 0 1vw;
                width: 100%;
                grid-gap: 1.61vw;
                margin-top: 1.61vw
            }

        .section-pricing .body-group .active {
            background-color: #edf2f580 !important;
            border: .25vw solid #d3b6cb !important;
            padding: .9vw 0 !important
        }

        .section-pricing .body-group .box {
            background-color: transparent;
            border: .15vw solid #edf2f5;
            border-radius: .41vw;
            padding: 1vw 0;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: flex-start;
            flex: 1
        }

            .section-pricing .body-group .box .body {
                display: flex;
                flex-direction: column;
                align-items: center;
                grid-gap: 1.61vw;
                margin-top: 1.61vw
            }

                .section-pricing .body-group .box .body img {
                    width: 1vw;
                    height: 1.5vw
                }

                .section-pricing .body-group .box .body h2 {
                    margin: unset;
                    font: 400 .85vw Poppins;
                    height: 1.5vw;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    background-color: #edf2f5;
                    color: #000;
                    border-radius: 10vw;
                    padding: .1vw 1vw;
                    width: 8vw;
                    letter-spacing: .02vw
                }

                .section-pricing .body-group .box .body .androidWindows {
                    width: 11vw;
                    white-space: nowrap
                }

                .section-pricing .body-group .box .body .active-span, .section-pricing .head-group .choose .choosen {
                    background-color: #e81c53;
                    color: #fff
                }

            .section-pricing .body-group .box .head {
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: space-between;
                height: 22vw
            }

                .section-pricing .body-group .box .head .annual-price, .section-pricing .body-group .box .head .monthly-price {
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    grid-gap: 0.5vw;
                    margin: 0;
                    height: 7vw
                }

                .section-pricing .body-group .box .head .web-pos {
                    background-image: url('../../assets/images/pricing/web-pos.webp');
                    background-size: 14vw
                }

                .section-pricing .body-group .box .head .mobil-pos {
                    background-image: url('../../assets/images/pricing/mobil-pos.webp');
                    background-size: 11vw
                }

                .section-pricing .body-group .box .head .professional-pos {
                    background-image: url('../../assets/images/pricing/professional-pos.webp');
                    background-size: 12vw
                }

                .section-pricing .body-group .box .head .premium-pos {
                    background-image: url('../../assets/images/pricing/premium-pos.webp');
                    background-size: 10vw
                }

                .section-pricing .body-group .box .head h2 {
                    font: 600 1.3vw Poppins;
                    color: #545454;
                    margin: 0;
                    height: 2vw
                }

                .section-pricing .body-group .box .head h3 {
                    font: 700 2vw Poppins;
                    color: #545454;
                    margin: 0;
                    padding: 0 3vw;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    letter-spacing: .01vw;
                    height: 2vw
                }

                    .section-pricing .body-group .box .head h3 span, .section-pricing .footer-group .card-group h3 span {
                        font: 400 .7vw Poppins;
                        margin-left: .2vw;
                        letter-spacing: .01vw
                    }

                .section-pricing .body-group .box .head h4 {
                    font: 600 .9vw Poppins;
                    color: #a9337c;
                    margin: 0;
                    padding: 0 1vw;
                    grid-gap: .1vw;
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    justify-content: center
                }

                    .section-pricing .body-group .box .head h4 span, .section-pricing .footer-group .card-group h4 span {
                        font: 400 .7vw Poppins;
                        margin-left: .2vw;
                        letter-spacing: .1vw
                    }

                .section-pricing .body-group .box .head a {
                    font: 500 .85vw Poppins;
                    cursor: pointer;
                    margin-bottom: unset;
                    padding: .5vw 1vw;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    background-color: #e81c53;
                    border: unset;
                    color: #fff;
                    border-radius: .41vw;
                    width: 9vw
                }

                    .section-pricing .body-group .box .head a:hover, .section-pricing .footer-group .card-group button:hover, .section-pricing .sub-group .other-solutions a:hover {
                        opacity: .85
                    }

            .section-pricing .body-group .box .responsive-body {
                margin-top: 2vw
            }

    .section-pricing .head-group {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        margin-top: 5vw
    }

        .section-pricing .head-group .choose {
            display: flex;
            background-color: #edf2f5;
            width: fit-content;
            padding: .25vw;
            border-radius: .41vw
        }

            .section-pricing .head-group .choose button {
                background-color: unset;
                border: unset;
                margin: unset;
                padding: .5vw 2vw;
                cursor: pointer;
                font: 500 .9vw Poppins;
                color: #7c7c7c;
                border-radius: .41vw;
                width: 13vw
            }

    .section-pricing .packages {
        font: 600 2vw Poppins;
        color: #545454;
        margin: 0;
        width: fit-content
    }

    .section-pricing .sub-group {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        grid-gap: 1.5vw;
        margin: 2vw 0
    }

        .section-pricing .sub-group .other-solutions {
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: 100%;
            border: .1vw solid #edf2f5;
            padding: 1.5vw;
            border-radius: .41vw;
            background-color: #edf2f580 !important
        }

            .section-pricing .sub-group .other-solutions a {
                font: 500 0.85vw Poppins;
                cursor: pointer;
                margin: .75vw 0 0;
                padding: .35vw 1vw;
                display: flex;
                align-items: center;
                justify-content: center;
                background-color: #e81c53;
                border: unset;
                color: #fff;
                border-radius: .41vw;
                width: 9vw
            }

            .section-pricing .sub-group .other-solutions .detail h3 {
                font: 600 1.5vw Poppins;
                color: #545454;
                margin: 0;
                padding: 0
            }

            .section-pricing .sub-group .other-solutions .detail p {
                font: 400 1vw Poppins;
                color: #939393;
                margin: 0;
                padding: .5vw 0 0
            }

            .section-pricing .sub-group .other-solutions .annual-price, .section-pricing .sub-group .other-solutions .monthly-price {
                display: flex;
                flex-direction: column;
                align-items: center;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                height: 9vw
            }

    .section-pricing .footer-group .card-group .annual-price, .section-pricing .footer-group .card-group .monthly-price {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        height: 7.5vw
    }

    .section-pricing .sub-group .other-solutions .annual-price h3, .section-pricing .sub-group .other-solutions .monthly-price h3 {
        font: 700 2.5vw Poppins;
        color: #545454;
        margin: 0;
        padding: 0;
        display: flex;
        align-items: center
    }

        .section-pricing .sub-group .other-solutions .annual-price h3 span, .section-pricing .sub-group .other-solutions .monthly-price h3 span {
            font: 400 .9vw Poppins;
            margin: unset;
            letter-spacing: .01vw
        }

    .section-pricing .sub-group .other-solutions .annual-price h4, .section-pricing .sub-group .other-solutions .monthly-price h4 {
        font: 500 0.9vw Poppins;
        color: #545454;
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        align-items: center
    }

        .section-pricing .sub-group .other-solutions .annual-price h4 span, .section-pricing .sub-group .other-solutions .monthly-price h4 span {
            font: 400 0.7vw Poppins;
            margin: unset;
            letter-spacing: .1vw
        }

    .section-pricing .footer-group {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        grid-gap: 1vw;
        margin: 2vw 0
    }

        .section-pricing .footer-group .card-group {
            display: flex;
            flex-direction: column;
            padding: 1vw;
            border-radius: .41vw;
            border: .15vw solid #edf2f5;
            height: auto;
            width: 16vw
        }

            .section-pricing .footer-group .card-group h3 {
                font: 700 2vw Poppins;
                color: #545454;
                margin: .5vw 0 0;
                padding: .5vw 0 0;
                display: flex;
                align-items: center;
                justify-content: center;
                border-top: .1vw solid #8080801f;
                letter-spacing: .01vw;
                width: 100%
            }

            .section-pricing .footer-group .card-group button {
                font: 500 .85vw Poppins;
                cursor: pointer;
                margin-bottom: unset;
                padding: .5vw 1vw;
                display: flex;
                align-items: center;
                justify-content: center;
                background-color: #e81c53;
                border: unset;
                color: #fff;
                border-radius: .41vw;
                width: 100%
            }

            .section-pricing .footer-group .card-group .footer-card {
                height: 5vw;
                background-repeat: no-repeat;
                background-size: 10vw;
                background-position: center
            }

            .section-pricing .footer-group .card-group #logo {
                background-size: 7vw;
                background-image: url('../../assets/images/integration/logo.svg')
            }

            .section-pricing .footer-group .card-group #mikro {
                background-size: 8vw;
                background-image: url('../../assets/images/integration/mikro.svg')
            }

            .section-pricing .footer-group .card-group #parasut {
                background-image: url('../../assets/images/integration/parasut.svg')
            }

            .section-pricing .footer-group .card-group #netsis {
                background-image: url('../../assets/images/integration/netsis.svg')
            }

            .section-pricing .footer-group .card-group #hamurlabs {
                background-image: url('../../assets/images/integration/hamurlabs.svg')
            }

            .section-pricing .footer-group .card-group #getir {
                background-image: url('../../assets/images/integration/getir.svg')
            }

            .section-pricing .footer-group .card-group #yemeksepeti {
                background-image: url('../../assets/images/integration/yemeksepeti.svg')
            }

            .section-pricing .footer-group .card-group #trendyol {
                background-image: url('../../assets/images/integration/trendyol.svg')
            }

            .section-pricing .footer-group .card-group #migrosyemek {
                background-image: url('../../assets/images/integration/migros-yemek.svg')
            }

            .section-pricing .footer-group .card-group #iyzico {
                background-size: 7vw;
                background-image: url('../../assets/images/integration/iyzico.svg')
            }

            .section-pricing .footer-group .card-group #efatura {
                background-image: url('../../assets/images/integration/e-fatura.svg')
            }

            .section-pricing .footer-group .card-group #ticaribir {
                background-image: url('../../assets/images/integration/ticaribir.svg')
            }

            .section-pricing .footer-group .card-group #earsiv {
                background-image: url('../../assets/images/integration/e-arsiv.svg')
            }

            .section-pricing .footer-group .card-group #netgsm {
                background-image: url('../../assets/images/integration/netgsm.svg')
            }

            .section-pricing .footer-group .card-group #stripe {
                background-size: 6vw;
                background-image: url('../../assets/images/integration/stripe.svg')
            }

            .section-pricing .footer-group .card-group #ingenicotsm {
                background-size: 8vw;
                background-image: url('../../assets/images/integration/ingenico-tsm.svg')
            }

            .section-pricing .footer-group .card-group #ingenicogmp3 {
                background-size: 8vw;
                background-image: url('../../assets/images/integration/ingenico-gmp3.svg')
            }

            .section-pricing .footer-group .card-group #pavo {
                background-size: 7vw;
                background-image: url('../../assets/images/integration/pavo.svg')
            }

            .section-pricing .footer-group .card-group #fuudy {
                background-size: 6vw;
                background-image: url('../../assets/images/integration/fuudy.svg')
            }

            .section-pricing .footer-group .card-group #pospratik {
                background-image: url('../../assets/images/integration/pos-pratik.svg')
            }

            .section-pricing .footer-group .card-group #stockmount {
                background-image: url('../../assets/images/integration/stockmount.svg')
            }

            .section-pricing .footer-group .card-group #hotech {
                background-size: 8vw;
                background-image: url('../../assets/images/integration/hotech.svg')
            }

            .section-pricing .footer-group .card-group #paycell {
                background-size: 8vw;
                background-image: url('../../assets/images/integration/paycell.svg')
            }

            .section-pricing .footer-group .card-group #odeal {
                background-size: 8vw;
                background-image: url('../../assets/images/integration/odeal.svg')
            }

            .section-pricing .footer-group .card-group #tidypay {
                background-size: 8vw;
                background-image: url('../../assets/images/integration/tidypay.svg')
            }

            .section-pricing .footer-group .card-group h2 {
                font: 400 .91vw Poppins;
                margin: 0 0 .5vw;
                text-align: center
            }

            .section-pricing .footer-group .card-group h4 {
                font: 600 .9vw Poppins;
                color: #545454;
                margin: 0;
                padding: 0;
                display: flex;
                grid-gap: .1vw;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                width: 100%
            }

@media (max-width:768px) {
    .integrate-section {
        padding: 10vw 5vw;
        grid-gap: 5vw
    }

        .integrate-section .integrate-head {
            grid-gap: 3vw
        }

            .integrate-section .integrate-head h3, .pricing-section .pricing-group h2 {
                font-size: 9vw;
                line-height: 11.5vw;
                text-align: center
            }

            .integrate-section .integrate-head h4 {
                font-size: 3.5vw;
                line-height: 5.5vw
            }

        .integrate-section .integrate-body {
            grid-gap: 5vw
        }

            .integrate-section .integrate-body .integrate-card {
                flex-direction: column;
                height: 100%;
                border-radius: 2.41vw
            }

                .integrate-section .integrate-body .integrate-card .integrate-card-content {
                    width: 100%;
                    border-radius: 2.41vw;
                    background-color: #fff
                }

                    .integrate-section .integrate-body .integrate-card .integrate-card-content .integrate-card-head {
                        padding: unset;
                        grid-gap: unset;
                        position: relative;
                        width: 100%
                    }

                        .integrate-section .integrate-body .integrate-card .integrate-card-content .integrate-card-head span {
                            font-size: 3.5vw;
                            line-height: 5vw;
                            padding: 3vw 0 0 3vw;
                            z-index: 9
                        }

                        .integrate-section .integrate-body .integrate-card .integrate-card-content .integrate-card-head h4 {
                            font-size: 6.5vw;
                            line-height: 8vw;
                            z-index: 9;
                            padding: 0 0 0 3vw
                        }

                        .integrate-section .integrate-body .integrate-card .integrate-card-content .integrate-card-head .integrate-card-body {
                            background-color: #fff5f8;
                            border-radius: 2.41vw;
                            padding: 3vw;
                            margin: unset;
                            position: absolute;
                            top: 0;
                            height: 20vw;
                            align-items: flex-start
                        }

                            .integrate-section .integrate-body .integrate-card .integrate-card-content .integrate-card-head .integrate-card-body .integrate-card-price {
                                align-items: flex-end
                            }

                                .integrate-section .integrate-body .integrate-card .integrate-card-content .integrate-card-head .integrate-card-body .integrate-card-price .price, .pricing-section .pricing-table .pricing-pos-product .pricing-text-group .pricing-text-top .pricing-text-prices h4, .pricing-section .pricing-table .tablet-pos .discount span {
                                    font-size: 5vw
                                }

                                    .integrate-section .integrate-body .integrate-card .integrate-card-content .integrate-card-head .integrate-card-body .integrate-card-price .price b {
                                        font-size: 3vw;
                                        margin-top: 2vw
                                    }

                                .integrate-section .integrate-body .integrate-card .integrate-card-content .integrate-card-head .integrate-card-body .integrate-card-price .monthly-license, .pricing-section .pricing-table .pricing-pos-product .pricing-text-group .pricing-text-top .pricing-text-prices h5 {
                                    font-size: 3vw
                                }

                .integrate-section .integrate-body .integrate-card .integrate-image, .integrate-section .integrate-body .integrate-card .integrate-image img {
                    display: none !important
                }

                .integrate-section .integrate-body .integrate-card .integrate-image1 {
                    display: flex !important;
                    width: 100%;
                    grid-gap: 6vw;
                    padding: 8vw 3vw 3vw;
                    flex-wrap: wrap;
                    border-radius: 2.41vw
                }

                    .integrate-section .integrate-body .integrate-card .integrate-image1 img {
                        height: auto;
                        width: 15vw;
                        display: flex !important
                    }

    .pricing-section {
        padding: 20vw 0
    }

        .pricing-section .pricing-header {
            padding: 3vw;
            white-space: nowrap;
            width: 90vw;
            justify-content: flex-start;
            grid-gap: 5vw;
            overflow: auto;
            display: none !important
        }

            .pricing-section .pricing-header .tab-link {
                padding: 2vw 4vw;
                font-size: 3.5vw
            }

        .pricing-section .pricing-group {
            grid-gap: 3vw;
            padding: 0 5vw 5vw
        }

            .pricing-section .pricing-group h1 {
                font-size: 9vw;
                font-weight: 500;
                line-height: 11vw;
                text-align: center
            }

                .pricing-section .pricing-group h1 span {
                    font-size: 3.5vw;
                    font-weight: 500;
                    line-height: 11vw;
                    text-align: center
                }

            .pricing-section .pricing-group p {
                font-size: 4.5vw;
                font-weight: 400;
                line-height: 6.5vw;
                text-align: center
            }

            .pricing-section .pricing-group span {
                font-size: 3.5vw;
                font-weight: 400;
                line-height: 5.5vw;
                text-align: center
            }

        .pricing-section .pricing-table {
            overflow-y: scroll;
            padding: 2vw 5vw;
            grid-gap: 5vw;
            flex-direction: column
        }

            .pricing-section .pricing-table .pricing-pos-product {
                width: 100%;
                border-radius: 2.41vw;
                height: fit-content;
                position: relative;
                display: flex !important
            }

                .pricing-section .pricing-table .pricing-pos-product .mobile-desc {
                    display: flex;
                    font-size: 3.5vw;
                    font-weight:400;
                    padding: 1vw 0 3vw 3vw;
                    line-height: 5vw;
                    margin: unset;
                    color:#333;
                }

                .pricing-section .pricing-table .pricing-pos-product.tablet-pos .mobile-desc {
                    font-size: 3.5vw;
                    font-weight: 400;
                    padding: 1vw 0 3vw 3vw;
                    line-height: 5vw;
                    margin: unset;
                    color: #fff
                }

                .pricing-section .pricing-table .pricing-pos-product h3 {
                    font-size: 3.5vw;
                    padding: 3vw 0 0 3vw;
                    line-height: 8vw
                }

                .pricing-section .pricing-table .pricing-pos-product p {
                    font-size: 6vw;
                    padding: 0 0 0 3vw;
                    line-height: 8vw
                }

                .pricing-section .pricing-table .pricing-pos-product .pricing-img {
                    height: 30vw;
                    padding: 2vw 0;
                    position: absolute;
                    right: 0;
                    bottom: 18vw
                }

                .pricing-section .pricing-table .pricing-pos-product.ordersolutions .mobile-app, .pricing-section .pricing-table .pricing-pos-product.selfservice .pricing-img {
                    height: 35vw !important
                }

                .pricing-section .pricing-table .pricing-pos-product .compare-group.active, .pricing-section .pricing-table .pricing-pos-product.tablet-pos .compare-group.active {
                    grid-gap: 2vw
                }

                .pricing-section .pricing-table .pricing-pos-product .compare-group {
                    grid-gap: 0;
                    border-radius: 0 0 2.41vw 2.41vw;
                    padding: 0 3vw 5vw;
                    display: none
                }

                .pricing-section .pricing-table .pricing-pos-product.tablet-pos .compare-group {
                    padding: 0 3vw 5vw;
                    grid-gap: 0;
                    margin-top: -.2vw
                }

                .pricing-section .pricing-table .pricing-pos-product .compare-group h4 {
                    font-size: 3.5vw;
                    color: #f51451;
                    line-height: 5.5vw;
                    grid-gap: 1.5vw
                }

                .pricing-section .pricing-table .pricing-pos-product.tablet-pos .compare-group h4 {
                    font-size: 3.5vw;
                    line-height: 8vw;
                    grid-gap: 3vw
                }

                .pricing-section .pricing-table .pricing-pos-product .compare-group h4 img {
                    width: 3.5vw
                }

                .pricing-section .pricing-table .pricing-pos-product.tablet-pos .compare-group h4 img {
                    width: 3.5vw;
                    margin: unset !important
                }

                .pricing-section .pricing-table .pricing-pos-product .compare-group .compare-feature {
                    grid-gap: 0;
                    align-items: center
                }

                .pricing-section .pricing-table .pricing-pos-product.tablet-pos .compare-group .compare-feature {
                    grid-gap: unset
                }

                .pricing-section .pricing-table .pricing-pos-product .compare-group .compare-feature p {
                    font-size: 3.5vw;
                    font-weight: 500;
                    color: #af6f81;
                    text-align: center;
                    margin-top: 2vw
                }

                .pricing-section .pricing-table .pricing-pos-product.tablet-pos .compare-group .compare-feature p {
                    font-size: 3.5vw;
                    margin-top: 2vw
                }

                .pricing-section .pricing-table .pricing-pos-product .pricing-text-group {
                    padding: 0 3vw;
                    border-radius: 2.41vw;
                    margin-top: auto;
                    z-index: 9
                }

                    .pricing-section .pricing-table .pricing-pos-product .pricing-text-group .pricing-text-top {
                        padding: 3vw 0
                    }

                        .pricing-section .pricing-table .pricing-pos-product .pricing-text-group .pricing-text-top a {
                            border-radius: 1.5vw;
                            padding: 2vw 3vw;
                            grid-gap: 0;
                            font-size: 3.5vw
                        }

                            .pricing-section .pricing-table .pricing-pos-product .pricing-text-group .pricing-text-top a img {
                                width: 8vw;
                                padding: 0 0 0 2vw
                            }

                    .pricing-section .pricing-table .pricing-pos-product .pricing-text-group p {
                        font-size: 3.5vw;
                        padding: 3vw 0;
                        display: none
                    }

            .pricing-section .pricing-table .tablet-pos .discount {
                font-size: 3.5vw;
                line-height: 5.5vw;
                right: 3vw;
                top: 3vw;
                display: none
            }

            .pricing-section .pricing-table .tablet-pos h3 {
                padding: 1vw 3vw !important;
                line-height: 5vw;
                margin: 3vw 1.25vw 2vw 3vw !important
            }

    .section-pricing .body-group .box .head .mobil-pos, .section-pricing .body-group .box .head .premium-pos, .section-pricing .body-group .box .head .professional-pos, .section-pricing .body-group .box .head .web-pos {
        width: 85vw;
        background-repeat: no-repeat;
        background-position: center;
        height: 100%
    }

    .section-pricing .footer-group .card-group .annual-price, .section-pricing .footer-group .card-group .monthly-price {
        height: 25vw
    }

    .section-pricing .body-group .box-border, .section-pricing .pricing-header-text .img-1, .section-pricing .pricing-header-text .img-2 {
        display: none
    }

    .section-pricing .pricing-header-text h2 {
        color: #e81c53;
        font: 600 4vw Poppins;
        margin: unset
    }

    .section-pricing .pricing-header-text h3 {
        font: 500 9vw/11.5vw Poppins;
        color: #000;
        margin: unset;
        text-align: center
    }

    .section-pricing .pricing-header-text h4 {
        font: 400 4vw Poppins;
        margin: 5vw 0 0;
        padding: 1vw 4vw;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #e81c53;
        border: unset;
        color: #fff;
        border-radius: 100vw;
        width: fit-content
    }

        .section-pricing .pricing-header-text h4 img {
            width: 5vw;
            height: 5vw;
            margin-right: 1vw
        }

        .section-pricing .pricing-header-text h4 span {
            font-weight: 600
        }

    .section-pricing .pricing-header-text p {
        font: 500 4.5vw/6.5vw Poppins;
        color: #7c7c7c;
        margin: unset
    }

    .section-pricing .pricing-header-text {
        text-align: center;
        margin: 8vw 0
    }

    .section-pricing .notify {
        font: 500 3.5vw Poppins;
        color: #626262;
        display: flex;
        width: 100%;
        justify-content: flex-start;
        margin: unset
    }

    .section-pricing .body-group {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        grid-gap: 5vw;
        margin: 6vw 0 12vw
    }

        .section-pricing .body-group .active {
            background-color: #edf2f580 !important;
            border: .25vw solid #d3b6cb !important;
            padding: 5vw 0 !important
        }

        .section-pricing .body-group .box {
            background-color: transparent;
            border: .7vw solid #edf2f5;
            border-radius: 1.5vw;
            padding: 3vw 0;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: flex-start;
            width: 100%
        }

            .section-pricing .body-group .box .responsive-body {
                display: flex;
                padding: 0 3vw;
                width: 100%;
                justify-content: space-between
            }

                .section-pricing .body-group .box .responsive-body .mobile-body {
                    display: flex;
                    flex-direction: column;
                    grid-gap: 4vw
                }

                    .section-pricing .body-group .box .responsive-body .mobile-body h2 {
                        font: 500 3.25vw Poppins;
                        color: #545454;
                        margin: unset;
                        display: flex;
                        align-items: center;
                        height: 7vw
                    }

            .section-pricing .body-group .box .body {
                display: flex;
                flex-direction: column;
                align-items: center;
                grid-gap: 4vw;
                padding: 0;
                margin-top: 0;
                width: fit-content
            }

                .section-pricing .body-group .box .body img {
                    width: 5vw;
                    height: 7vw
                }

                .section-pricing .body-group .box .body h2 {
                    margin: unset;
                    font: 400 3.5vw Poppins;
                    height: 7vw;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    background-color: #edf2f5;
                    color: #000;
                    border-radius: 10vw;
                    padding: .5vw 3vw;
                    width: fit-content;
                    letter-spacing: .02vw
                }

                .section-pricing .body-group .box .body .androidWindows {
                    width: 40vw;
                    white-space: nowrap
                }

                .section-pricing .body-group .box .body .active-span, .section-pricing .head-group .choose .choosen {
                    background-color: #e81c53;
                    color: #fff
                }

            .section-pricing .body-group .box .head {
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: space-between;
                height: 110vw;
                margin-bottom: 10vw
            }

                .section-pricing .body-group .box .head .annual-price, .section-pricing .body-group .box .head .monthly-price {
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    justify-content: center;
                    height: 25vw
                }

                .section-pricing .body-group .box .head .web-pos {
                    background-image: url('../../assets/images/pricing/web-pos.webp');
                    background-size: 80vw
                }

                .section-pricing .body-group .box .head .mobil-pos {
                    background-image: url('../../assets/images/pricing/mobil-pos.webp');
                    background-size: 60vw
                }

                .section-pricing .body-group .box .head .professional-pos {
                    background-image: url('../../assets/images/pricing/professional-pos.webp');
                    background-size: 60vw
                }

                .section-pricing .body-group .box .head .premium-pos {
                    background-image: url('../../assets/images/pricing/premium-pos.webp');
                    background-size: 55vw
                }

                .section-pricing .body-group .box .head h2 {
                    font: 600 6vw Poppins;
                    color: #545454;
                    margin: 0 0 5vw;
                    height: 7vw
                }

                .section-pricing .body-group .box .head h3 {
                    font: 700 10vw Poppins;
                    color: #545454;
                    margin: 1vw 0 3vw;
                    padding: 0;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    letter-spacing: .01vw;
                    height: 7vw
                }

                    .section-pricing .body-group .box .head h3 span, .section-pricing .footer-group .card-group h3 span {
                        font: 400 4vw Poppins;
                        margin-left: .2vw;
                        letter-spacing: .01vw
                    }

                .section-pricing .body-group .box .head h4 {
                    font: 600 3.5vw Poppins;
                    color: #a9337c;
                    margin: 0 0 3vw;
                    padding: 0;
                    display: flex;
                    grid-gap: .75vw;
                    align-items: center;
                    justify-content: center
                }

                    .section-pricing .body-group .box .head h4 span, .section-pricing .footer-group .card-group h4 span {
                        font: 400 3vw Poppins;
                        margin-left: .2vw;
                        letter-spacing: .1vw
                    }

                .section-pricing .body-group .box .head a {
                    font: 500 3.5vw Poppins;
                    cursor: pointer;
                    margin-bottom: unset;
                    padding: 2vw 6vw;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    background-color: #e81c53;
                    border: unset;
                    color: #fff;
                    border-radius: 1.5vw;
                    width: fit-content
                }

                    .section-pricing .body-group .box .head a:hover, .section-pricing .sub-group .other-solutions a:hover {
                        opacity: .85
                    }

    .section-pricing .head-group {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center
    }

        .section-pricing .head-group .choose {
            display: flex;
            background-color: #edf2f5;
            width: 100%;
            padding: 1.5vw;
            border-radius: 1.5vw;
            margin-top: 5vw
        }

            .section-pricing .head-group .choose button {
                background-color: unset;
                border: unset;
                margin: unset;
                padding: 2vw 6vw;
                cursor: pointer;
                font: 500 3.5vw Poppins;
                color: #7c7c7c;
                border-radius: 1.5vw;
                width: 100%
            }

    .section-pricing .packages {
        font: 600 5.5vw Poppins;
        color: #545454;
        margin: 0 0 3vw;
        width: fit-content
    }

    .section-pricing .sub-group {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        grid-gap: 5vw;
        margin: 6vw 0 12vw
    }

        .section-pricing .sub-group .other-solutions {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            align-items: flex-start;
            width: 100%;
            border: .1vw solid #edf2f5;
            grid-gap: 3vw;
            padding: 3vw;
            border-radius: 1.5vw;
            background-color: #edf2f580 !important
        }

            .section-pricing .sub-group .other-solutions a {
                font: 500 3.5vw Poppins;
                cursor: pointer;
                margin: 3vw 0 0;
                padding: 2vw 6vw;
                display: flex;
                align-items: center;
                justify-content: center;
                background-color: #e81c53;
                border: unset;
                color: #fff;
                border-radius: 1.5vw;
                width: fit-content
            }

            .section-pricing .sub-group .other-solutions .detail h3 {
                font: 600 5vw Poppins;
                color: #545454;
                margin: 0;
                padding: 0
            }

            .section-pricing .sub-group .other-solutions .detail p {
                font: 400 3.5vw Poppins;
                color: #939393;
                margin: 0;
                padding: .5vw 0 0
            }

            .section-pricing .sub-group .other-solutions .annual-price, .section-pricing .sub-group .other-solutions .monthly-price {
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                justify-content: flex-end;
                width: 100%;
                height: 35vw
            }

                .section-pricing .sub-group .other-solutions .annual-price h3, .section-pricing .sub-group .other-solutions .monthly-price h3 {
                    font: 700 11vw Poppins;
                    color: #545454;
                    margin: 0;
                    padding: 0;
                    display: flex;
                    align-items: center;
                    height: 12vw
                }

                    .section-pricing .sub-group .other-solutions .annual-price h3 span, .section-pricing .sub-group .other-solutions .monthly-price h3 span {
                        font: 400 4vw Poppins;
                        margin: unset;
                        letter-spacing: .01vw
                    }

                .section-pricing .sub-group .other-solutions .annual-price h4, .section-pricing .sub-group .other-solutions .monthly-price h4 {
                    font: 500 3.5vw Poppins;
                    color: #545454;
                    margin: 1vw 0 0;
                    padding: 0;
                    display: flex;
                    grid-gap: .75vw;
                    flex-direction: column;
                    align-items: flex-start
                }

                    .section-pricing .sub-group .other-solutions .annual-price h4 span, .section-pricing .sub-group .other-solutions .monthly-price h4 span {
                        font: 400 3vw Poppins;
                        margin: unset;
                        letter-spacing: .1vw
                    }

    .section-pricing .footer-group {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        grid-gap: 3vw;
        margin: 6vw 0
    }

        .section-pricing .footer-group .card-group {
            display: flex;
            flex-direction: column;
            padding: 5vw 2vw;
            border-radius: 1.5vw;
            border: .7vw solid #edf2f5;
            height: auto;
            width: 48%
        }

            .section-pricing .footer-group .card-group .footer-card {
                height: 20vw;
                background-repeat: no-repeat;
                background-size: 35vw;
                background-position: center
            }

            .section-pricing .footer-group .card-group #logo {
                background-size: 24vw;
                background-image: url('../../assets/images/integration/logo.svg')
            }

            .section-pricing .footer-group .card-group #mikro {
                background-size: 28vw;
                background-image: url('../../assets/images/integration/mikro.svg')
            }

            .section-pricing .footer-group .card-group #parasut {
                background-image: url('../../assets/images/integration/parasut.svg')
            }

            .section-pricing .footer-group .card-group #netsis {
                background-image: url('../../assets/images/integration/netsis.svg')
            }

            .section-pricing .footer-group .card-group #hamurlabs {
                background-image: url('../../assets/images/integration/hamurlabs.svg')
            }

            .section-pricing .footer-group .card-group #getir {
                background-image: url('../../assets/images/integration/getir.svg')
            }

            .section-pricing .footer-group .card-group #yemeksepeti {
                background-image: url('../../assets/images/integration/yemeksepeti.svg')
            }

            .section-pricing .footer-group .card-group #trendyol {
                background-image: url('../../assets/images/integration/trendyol.svg')
            }

            .section-pricing .footer-group .card-group #migrosyemek {
                background-image: url('../../assets/images/integration/migros-yemek.svg')
            }

            .section-pricing .footer-group .card-group #iyzico {
                background-size: 24vw;
                background-image: url('../../assets/images/integration/iyzico.svg')
            }

            .section-pricing .footer-group .card-group #efatura {
                background-image: url('../../assets/images/integration/e-fatura.svg')
            }

            .section-pricing .footer-group .card-group #earsiv {
                background-image: url('../../assets/images/integration/e-arsiv.svg')
            }

            .section-pricing .footer-group .card-group #ticaribir {
                background-size: 30vw;
                background-image: url('../../assets/images/integration/ticaribir.svg')
            }

            .section-pricing .footer-group .card-group #netgsm {
                background-image: url('../../assets/images/integration/netgsm.svg')
            }

            .section-pricing .footer-group .card-group #stripe {
                background-size: 18vw;
                background-image: url('../../assets/images/integration/stripe.svg')
            }

            .section-pricing .footer-group .card-group #ingenicotsm {
                background-size: 28vw;
                background-image: url('../../assets/images/integration/ingenico-tsm.svg')
            }

            .section-pricing .footer-group .card-group #ingenicogmp3 {
                background-size: 28vw;
                background-image: url('../../assets/images/integration/ingenico-gmp3.svg')
            }

            .section-pricing .footer-group .card-group #pavo {
                background-size: 26vw;
                background-image: url('../../assets/images/integration/pavo.svg')
            }

            .section-pricing .footer-group .card-group #fuudy {
                background-size: 18vw;
                background-image: url('../../assets/images/integration/fuudy.svg')
            }

            .section-pricing .footer-group .card-group #pospratik {
                background-image: url('../../assets/images/integration/pos-pratik.svg')
            }

            .section-pricing .footer-group .card-group #stockmount {
                background-image: url('../../assets/images/integration/stockmount.svg')
            }

            .section-pricing .footer-group .card-group #hotech {
                background-size: 26vw;
                background-image: url('../../assets/images/integration/hotech.svg')
            }

            .section-pricing .footer-group .card-group #paycell {
                background-size: 26vw;
                background-image: url('../../assets/images/integration/paycell.svg')
            }

            .section-pricing .footer-group .card-group #odeal {
                background-size: 26vw;
                background-image: url('../../assets/images/integration/odeal.svg')
            }

            .section-pricing .footer-group .card-group #tidypay {
                background-size: 28vw;
                background-image: url('../../assets/images/integration/tidypay.svg')
            }

            .section-pricing .footer-group .card-group h2 {
                font: 400 3vw Poppins;
                margin: 0 0 5vw;
                text-align: center;
                white-space: normal
            }

            .section-pricing .footer-group .card-group h3 {
                display: flex;
                align-items: center;
                justify-content: center;
                border-top: .1vw solid #8080801f;
                font: 700 6vw Poppins;
                color: #545454;
                margin: 0;
                padding: 1vw 0 0;
                display: flex;
                align-items: center;
                justify-content: center;
                letter-spacing: .01vw;
                height: 12vw
            }

            .section-pricing .footer-group .card-group h4 {
                font: 600 3.5vw Poppins;
                color: #545454;
                margin: 1vw 0 0;
                padding: 0;
                display: flex;
                grid-gap: .75vw;
                flex-direction: column;
                justify-content: center;
                align-items: center
            }

    .all-packages {
        font-size: 3.5vw;
        border: .1vw solid #f51451;
        border-radius: 1.5vw;
        grid-gap: 1.5vw;
        padding: 2vw 6vw;
        margin-top: 5vw
    }

        .all-packages img {
            width: 6vw
        }
}