::-webkit-scrollbar {
    display: none;
}

body {
    position: relative;
}

.form-payment .label_inp, .form-payment .select2-hidden-accessible ~ .label_inp, .form-payment .indicative_country ~ .label_inp, .form-payment .select2-selection__placeholder {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    font: normal normal normal 14px / 18px Europa !important;
    left: 35px !important;
    color: var(--color-gray-1) !important;
    transition: all .5s ease !important;
}

.form-payment .active + .label_inp, .form-payment .select2-hidden-accessible.active ~ .label_inp, .form-payment .indicative_country.active ~ .label_inp, .form-payment .select2-container--open .select2-selection__placeholder {
    font: normal normal normal 12px/15px Europa !important;
    color: var(--color-green-ligth) !important;
    top: 8px !important;
    left: 20px !important;
    transition: all .5s ease !important;
}

.body_main {
    background-color: initial !important;
    min-height: 100vh !important;
    height: auto !important;
}

.modal-open {
    padding-right: 0 !important;
}


.body_main .header {
    position: absolute;
    background-color: initial;
}

.btn_info_user {
    margin-left: 25px !important;
}

.change_flex {
    flex-direction: column;
}

.c_volver .back_name,
.skip a,
.sp_suscription {
    margin: 0;
    text-decoration: underline !important;
}

.logout_enterprice .sp_suscription {
    text-decoration: none !important;
}

.c_volver a span {
    margin-right: 2px;
}

.header+.main_enterprice .c_datos {
    gap: 20px;
}

.header+.main_suscription {
    padding-top: 70px;
}

/*------------*/

.payment .modal-methods-payment .ctn-modal-methods, .payment.modal-methods-payment .ctn-modal-methods {
    display: grid;
    grid-template-columns: [start]auto[first]auto[end];
    column-gap: 25px;
}

.payment .modal-methods-payment .btn_close, .payment.modal-methods-payment .btn_close {
    color: var(--color-green);
    position: absolute;
    top: 5px;
    right: 15px;
}

.payment .modal-methods-payment .modal-method, .payment.modal-methods-payment .modal-method {
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    cursor: pointer;
}

.payment .modal-methods-payment .modal-method img, .payment.modal-methods-payment .modal-method img {
    width: 70%;
    height: auto;
}

.payment .modal-methods-payment .modal-mp-main, .payment.modal-methods-payment .modal-mp-main {
    display: flex;
    flex-direction: column;
    row-gap: 25px;
}

.payment .modal-methods-payment .dtm-confirm, .payment.modal-methods-payment .dtm-confirm {
    margin: 0;
}

.payment .owl-nav {
    position: absolute;
    bottom: 0;
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    left: 0;
    z-index: -9999;
}

.payment  .owl-prev {
    position: relative;
    left: -40px;
}

.payment  .owl-next {
    position: relative;
    right: -40px;
}

.ctn_img_home .img-home {
    max-width: 90%;
}

.payment.modal-methods-payment {
    background-color: transparent;
}

/*------------*/

@media only screen and (max-width: 1220px) {
    .header+.main_enterprice {
        padding: 50px 0 !important;
    }

    .payment{
        display: grid;
        flex-direction: revert;
    }

    .footer{
        grid-area: revert;
    }
}

@media only screen and (max-width: 1199.98px) {
    .form-payment {
        margin-left: 0;
        flex-direction: column-reverse;
        row-gap: 30px;
    }

    .form-payment .form-output {
        margin-top: 50px;
    }

    .skr-cc{
        width: 100%;
    }
}

@media only screen and (max-width: 1024px) {
    .body_main {
        display: block;
    }

    .body_main .header {
        position: fixed;
        background-color: var(--color-white);
    }

    .ctn_img_home {
        margin-top: 20px;
    }

    .ctn_img_home .img-home{
        max-width: 50%;
    }
}

@media only screen and (max-width: 1000px) {

    .payment  .owl-prev{
        position: relative;
        left: 0;
    }

    .payment  .owl-next{
        position: relative;
        right: 0;
    }
}

@media only screen and (max-width: 991.98px) {
    .step-card{
        opacity: 0;
        z-index: -9999;
        height: 0;
    }

    .current-step{
        opacity: revert;
        z-index: revert;
        height: revert;
    }

    .ctn-step-btn .step-btn{
        display: flex;
    }

    #btn_add_cc, #btn_buy_plan{
        display: none;
    }
}

@media only screen and (max-width: 880px) {
    .header+.main_enterprice {
        padding: 100px 0 !important;
    }

    .header+.main_enterprice .c_datos {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media only screen and (max-width: 799px) {
    .lg_menu_mobile {
        display: block;
    }

    .d-img-none {
        display: none;
    }

    .header>div {
        width: 100%;
    }

    .c_volver a {
        font-size: 14px;
    }

    .c_volver a .back_icon {
        font-size: 18px;
        margin-right: 2px;
        font-weight: 700;
    }

    .change_flex {
        flex-direction: column-reverse;
    }

    .payment-back .c_volver_ent {
        display: revert !important;
        gap: revert !important;
        float: revert !important;
        padding: revert !important;
        margin-bottom: 15px;
    }

    .payment-back .ocl_txt {
        display: revert !important;
    }
}