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

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

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

        .pricing-section .pricing-group h3 {
            font-size: 3.25vw;
            font-weight: 500;
            color: #000;
            margin: unset;
            line-height: 4.5vw
        }

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

        .pricing-section .pricing-group span {
            font-size: 1.25vw;
            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;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            align-items: flex-start;
            width: 100%
        }

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

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

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

            .pricing-section .pricing-table .tablet-pos .pricing-text-group {
                border: .1vw solid #f51451
            }

            .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: .335vw !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 .premium-pos .pricing-text-group .pricing-text-top a {
            background-color: #ffdbe5 !important;
            color: #f51451 !important;
            border: .1vw solid #ffdbe5 !important
        }

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

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

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

        .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;
            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: flex-start;
                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;
                margin: unset;
                padding: 1.75vw 0;
                border-top: .1vw solid #ead1d9;
                width: 100%;
                text-align: center
            }

.compare-section {
    padding: 5vw 10vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    grid-gap: 2.25vw
}

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

        .compare-section .compare-head h2 {
            font-size: 1.25vw;
            font-weight: 400;
            color: #f51451;
            margin: unset
        }

        .compare-section .compare-head h3 {
            font-size: 2.25vw;
            font-weight: 500;
            color: #000;
            margin: unset
        }

.compare-table {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

    .compare-table .compare-table-head {
        background-color: #fff5f8;
        border-radius: 15vw;
        padding: .42vw;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        grid-gap: 1vw
    }

        .compare-table .compare-table-head a {
            font-size: 1.25vw;
            font-weight: 400;
            margin: unset;
            padding: .42vw 1.25vw;
            border-radius: 15vw;
            color: #7d2d43;
            transition: .4s
        }

            .compare-table .compare-table-head a.active {
                background-color: #f51451;
                color: #fff !important
            }

.compare-section .compare-table .compare-table-content {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    grid-gap: .5vw;
    margin-top: 3vw
}

    .compare-section .compare-table .compare-table-content .compare-feature {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        padding: .73vw 1.15vw;
        width: 16.52vw
    }

        .compare-section .compare-table .compare-table-content .compare-feature h2 {
            margin: unset;
            width: 100%;
            padding: 2.058vw .835vw;
            border-bottom: .15vw solid #e9d1d8;
            font-size: 1.041vw;
            font-weight: 600;
            color: #000
        }

        .compare-section .compare-table .compare-table-content .compare-feature h3 {
            margin: unset;
            width: 100%;
            height: 3.655vw;
            border-bottom: .1vw solid #f1d1db;
            font-size: .835vw;
            font-weight: 400;
            color: #000;
            display: flex;
            align-items: center;
            justify-content: flex-start;
            padding: 0 .835vw
        }

    .compare-section .compare-table .compare-table-content .compare-pos {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: .73vw 1.15vw;
        width: 16.52vw;
        transition: .4s
    }

        .compare-section .compare-table .compare-table-content .compare-pos.selected1 {
            background-color: #fce9ef;
            padding: .73vw 1.15vw 2vw;
            border-radius: 1.25vw;
            z-index: 2
        }

        .compare-section .compare-table .compare-table-content .compare-pos.selected2 {
            background-color: #fff5f8;
            padding: .73vw 1.15vw 2vw;
            border-radius: 1.25vw;
            z-index: 2
        }

        .compare-section .compare-table .compare-table-content .compare-pos.selected h2 {
            border-bottom: .15vw solid #f51451 !important
        }

        .compare-section .compare-table .compare-table-content .compare-pos .pos-head {
            margin: unset;
            width: 100%;
            text-align: center;
            padding: 1.15vw .835vw;
            border-bottom: .15vw solid #e9d1d8;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            align-items: center
        }

            .compare-section .compare-table .compare-table-content .compare-pos .pos-head div {
                display: flex;
                flex-direction: row
            }

            .compare-section .compare-table .compare-table-content .compare-pos .pos-head h2 {
                margin: unset;
                text-align: center;
                font-size: 1.041vw;
                font-weight: 600;
                color: #000;
                display: flex;
                flex-direction: column
            }

            .compare-section .compare-table .compare-table-content .compare-pos .pos-head .price {
                font-size: 1.05vw;
                font-weight: 600;
                color: #7d2043
            }

            .compare-section .compare-table .compare-table-content .compare-pos .pos-head .monthly-license {
                font-size: .635vw;
                font-weight: 500;
                color: #7d2043;
                padding-top: .2vw;
                padding-left: .2vw
            }

        .compare-section .compare-table .compare-table-content .compare-pos h3 {
            margin: unset;
            width: 100%;
            height: 3.655vw;
            border-bottom: .1vw solid #f1d1db;
            font-size: .835vw;
            font-weight: 400;
            color: #000;
            display: flex;
            align-items: center;
            justify-content: center
        }

        .compare-section .compare-table .compare-table-content .compare-pos img {
            width: 100%;
            padding: 1.15vw 6.459vw;
            border-bottom: .1vw solid #f1d1db;
            height: 3.655vw;
            display: flex
        }

.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 h2 {
            font-size: 2vw;
            font-weight: 500;
            color: #000;
            text-align: center;
            margin: unset
        }

        .integrate-section .integrate-head h3 {
            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: column;
            align-items: flex-start;
            justify-content: center;
            width: 100%;
            border: .1vw solid #ddc9cf;
            border-radius: 1.25vw
        }

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

                .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;
                    width: 30%
                }

                    .integrate-section .integrate-body .integrate-card .integrate-card-content .integrate-card-head h2 {
                        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 h3 {
                        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;
                    border-left: .1vw solid #ddc9cf;
                    padding: 1.25vw 2.085vw;
                    width: 70%
                }

                    .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: 50%
                    }

                        .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 {
                background-color: #fff;
                width: 100%;
                padding: 1.25vw 2.085vw;
                border-radius: 1.25vw
            }

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

.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 .body-group .box .responsive-body .mobile-body {
    display: none
}

.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) {
    .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
            }
}