div.tmg-pay {
    width: auto !important;
    margin-left: auto;
    margin-right: auto;
    max-width: 600px;
}

div.tmg-pay > h3 {
    font-size: 1.3rem;
}

div.tmg-pay > h3 b {
    white-space: nowrap;
}

@media (max-width: 700px) {
    .tmg.tmg-pay .tmg_ps_paysys_desc {
        float: none;
        width: auto;
    }

    .tmg.tmg-pay .tmg_ps_paysys {
        position: unset;
    }
}

.payment-methods,
.payment-info,
.container.is-payment-methods {
    padding: 0;
}

#payCardBody .c-buttons-list > .is-secondary {
    width: 100% !important;
}

section.payment-methods label.deactive {
    display: none;
}

#formRobo {
    display: none;
}

#formRobo.active {
    display: flex;
}

#formStripe {
    display: none;
}

#formStripe.active {
    display: flex;
}

#buttonPayKeeper.deactive,
#buttonRobossa.deactive,
#buttonStripe.deactive {
    display: none;
}

.text-minimal-robo-pay {
    color: #7658e0;
}

.text-minimal-stripe-pay {
    color: #7658e0;
}

@media (max-width: 576px) {
    #pay-half-year-label {
        padding-left: 0;
        display: block;
    }

    #type-company-label {
        padding-left: 0;
        display: block;
    }

    #pay-one-month-label {
        display: block;
        padding-bottom: 2em;
    }

    #type-person-label {
        display: block;
        padding-bottom: 2em;
    }

    #pay-toggle-slider {
        margin-top: 2.5em;
        margin-left: -2em;
    }

    #type-toggle-slider {
        margin-top: 2.5em;
        margin-left: -2em;
    }
}

.pricing-card .display-4 {
    font-size: 3.1rem !important;
}

.pricing-card h3.card-title {
    font-size: 1.4rem !important;
}

html:not([dir=rtl]) .border-current,
html[dir=rtl] .border-current {
    border-color: #28c76f !important;
}

.tariff-card {
    transition: opacity 200ms ease;
}

.tariff-card.deactive {
    opacity: 0;
}