.payment .modal-content{
    height: 227px;
    max-width: 372px;
}
.custom-listx {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 1000;
  max-height: 200px;
  overflow-y: auto;
  border: 1px solid #ced4da;
  border-radius: 0.375rem;
  background: #fff;
  list-style: none;
  margin: 0;
  padding: 0;
  display: none; /* oculta por defecto */
}

.custom-listx li {
  padding: 0.5rem 0.75rem;
  cursor: pointer;
}

.custom-listx li:hover {
  background-color: #f0f0f0;
}

.payment .modal-body{
    display: flex;
    align-items: center;
    justify-content: center;
}
.payment .modal-body .dtm-confirm{
    font: normal normal 300 18px/29px Europa;
    color: var(--color-green);
    margin: 0;
}
.payment .modal-body .text-modal{
    font: normal normal bold 53px/53px Europa;
    margin: 0;
    margin-top: 9px;
}
.payment .btn_close {
    color: var(--color-green);
}
.payment .modal_cc .text-modal {
    color: var(--first-color);
    font-size: 30px;
    text-align: center;
    margin-bottom: 20px;
}
.payment .modal_cc .dtm-confirm {
    text-align: center;
    font-size: 16px;
    color: var(--text-medium);
    margin-bottom: 20px;
}
.payment .modal_cc .modal-content {
    max-width: 372px;
    height: 100%;
    width: 372px;
    max-height: 316px;
}
.text_message {
    color: var(--color-gray-1) !important;
}
.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 {
    color: var(--color-green);
    position: absolute;
    top: 5px;
    right: 15px;
}

.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{
    width: 70%;
    height: auto;
    max-width: 150px;
}

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

.payment .modal-methods-payment .dtm-confirm{
    margin: 0;
}
.menu_doc {
    border-bottom: 5px solid var(--color-scrollbar-track);
    margin: 30px 0 40px 0;
}
.menu_doc_link {
    width: 146px;
    color: var(--dark-green);
    position: relative;
    bottom: -5px;
    text-align: center;
    padding: 0 0 8px;
}
.menu_doc_link.active {
    border-bottom: 5px solid var(--dark-green);
}
.menu_doc_link:hover {
    color: unset;
}
.dash_act_icon {
    border-radius: 50%;
    width: 30px;
    min-width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--white-color);
    font-size: 18px;
}
.dash_act_icon_min {
    width: 20px;
    min-width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size: 14px;
    color: var(--color-white);
}
.dash_act_icon svg, .dash_act_icon_min svg {
    width: inherit;
}
.ctn_signers {
    padding: 10px 54px 2px 20px;
    margin-right: 54px;
    background-color: var(--color-bg-disabled);
    border-radius: 5px;
}
.img_list_user {
    width: 38px;
    height: 38px;
}
.ctn_enterprise {
    background-color: var(--color-bg-disabled);
    border-radius: 12px;
}
.list_card_admin {
    position: absolute;
    top: 18px;
    right: 20px;
    padding: 0;
}
.ctn_item_card_admin {
    display: flex;
    list-style: none;
    gap: 20px;
    padding-bottom: 0;
}
.ctn_item_card_admin a {
    color: var(--dark-green);
    font-size: 20px;
    width: 18px;
    display: block;
}
.ctn_item_card_admin a:hover {
    color: var(--color-green);
}
.tooltip > .tooltip-inner {
    background: var(--color-black-2);
    color: var(--color-white);
    box-shadow: 0px 3px 7px var(--color-box-shadow) !important;
    border-radius: 3px !important;
    padding: 3px 20px !important;
    margin: 0 !important;
}
.tooltip-arrow, .tooltip-arrow:after, .tooltip-arrow:before {
    display: none;
}
.ctn_eraser {
    width: 40px;
    height: 40px;
    background-color: var(--dark-green);
    border-radius: 50%;
    font-size: 20px;
    cursor: pointer;
    color: var(--color-white);
}
.ctn_eraser:hover {
    background-color: var(--color-green);
}
.icon_draft {
    background-color: var(--color-state-draft);
}
.select2-selection__placeholder {
    font: normal normal normal 16px/20px Europa;
}
.section_add {
    gap: 10px;
    margin-bottom: 20px;
}
.gap-10 {
    gap: 10px;
}
.section_add_grid {
    display: grid;
    grid-template-columns: 0 30% 1fr;
}
.info_basic {
    background: var(--color-white) 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 26px var(--color-box-shadow-2);
    border: 3px solid var(--color-gray-border);
    border-radius: 13px;
    padding: 32px;
    height: fit-content;
}
.p_cuad_basic {
    padding: 24px 16px 20px 24px;
}
.cuad_2 {
    padding-left: 30px;
    height: 100%;
    overflow: hidden;
    overflow-y: auto;
}
.max-600 {
    max-height: 600px;
}
.icon_title {
    font-size: 20px;
    color: var(--color-green-ligth);
}
.icon_title_cuad {
    font-size: 32px;
    color: var(--color-green-ligth);
}
.icon_title_cuad2 {
    font-size: 16px;
    color: var(--color-white);
    width: 40px;
    border-radius: 50%;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px;
}
.title_detail {
    font-size: 16px;
    font-weight: 700;
    color: var(--first-color-light);
}
.title_observation_signer {
    color: var(--color-gray-1);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 14px; /* 100% */
}
.text_observation_signer {
    color: var(--color-gray-1);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px; /* 150% */
}
.cuad_mid {
    display: grid;
    grid-template-columns: 50% 50%;
    gap: 16px;
}
.cl_icon {
    font-size: 16px;
}
.textarea_cuad {
    resize: none;
    height: 110px;
    overflow: hidden;
    overflow-y: auto;
    width: 100%;
    border-radius: 9px !important;
}
.ctn_textarea .label_inp {
    font: normal normal bold 14px/14px Europa;
    color: var(--color-green-2);
    margin: 0 0 8px 4px;
} 

.ctn_textarea .ctn-textarea-description {
    font: normal normal normal 14px / 18px Europa;
    color: var(--first-color-light);
    margin: 0 0 8px 4px;
} 

.gray_question {
    font: italic normal 300 12px/15px Europa;
    color: var(--color-gray-1);
}
.green_question {
    text-decoration: underline;
    color: var(--color-green-ligth);
}
.green_question:hover {
    color: var(--color-hover-bg-primary);
}
.drop-area{
    width: auto;
    padding-bottom: 20px;
    background: var(--color-bg-disabled) 0% 0% no-repeat padding-box;
    border: 1px solid var(--color-gray-light);
    border-radius: 5px;
    opacity: 1;
}
.drop-area.active{
    background-color: var(--color-blue-bg);
    color: var(--color-black-1);
    border: 2px dashed var(--color-blue-txt);
}
.button-link-upload{
    margin-left: 5px;
    text-align: left;
    text-decoration: underline;
    font: italic normal bold 12px/15px Europa;
    letter-spacing: 0px;
    color: var(--color-gray-1);
    cursor: pointer;
    border: none;
    outline: none;
    background-color: transparent;
}
.icon-upload-file{
    color: var(--color-gray-1);
}
.span-text {
    font: italic normal 300 12px/15px Europa;
    color: var(--color-gray-1);
}
.fa-37x {
    font-size: 2.8em;
}
.ctn_terms {
    top: 0;
}
.cuantity_days {
    width: 55px;
    height: 36px;
    background: var(--color-white) 0% 0% no-repeat padding-box;
    border: 1.5px solid var(--color-gray-border-2);
    border-radius: 5px;
    margin: 0 5px;
    text-align: center;
}
.terms_check {
    margin-right: 12px;
}
.text_more {
    font: normal normal normal 14px/18px Europa;
    color: var(--first-color-light);
}
.total_signers, .total_signers_mobile {
    font: italic normal bold 12px/14px Europa;
    color: var(--text-medium);
}
.ctn_signer {
    background: var(--color-white) 0% 0% no-repeat padding-box;
    border: 1px solid var(--color-gray-border-2);
    border-radius: 11px;
    padding: 12px 16px 0 20px;
}
.color_green {
    color: var(--color-card);
    width: fit-content;
}
.color_green:hover {
    color: var(--color-green);
}
.title_form_signer, .title_form_signer_mobile {
    font: normal normal bold 14px/14px Europa;
    color: var(--color-card);
}
.subtitle_details {
    font: normal normal bold 14px/14px Europa;
    color: var(--color-black-2);
}
.more {
    width: 38px;
    height: 38px;
    background-color: var(--color-green-ligth);
    color: var(--color-white);
    border: none;
    border-radius: 50%;
    outline: none;
    font-size: 25px;
}
.more:hover {
    background-color: var(--color-hover-bg-primary);
}
.ctn_buttons {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 30px;
}
.button_eraser, .button_add {
    padding: 18px 30px;
    border-radius: 28px;
    font: normal normal normal 14px/14px Europa;
    border: none;
    outline: none;
    display: flex;
    align-items: center;
    gap: 7.5px;
    height: 55px;
}
.font-20 {
    font-size: 20px !important;
}
.dz-drag-hover {
    border: 2px solid var(--color-green-ligth) !important;
}
.button_eraser {
    background-color: var(--color-white);
    border: 2px solid var(--color-green-ligth);
    color: var(--color-green-ligth);
    box-shadow: 0px 3px 10px var(--sombra);
}
.button_eraser:hover {
    border: 2px solid var(--color-green);
    color: var(--color-green);
}
.button_add {
    background-color: var(--color-green-ligth);
    color: var(--color-white);
}
.button_add:hover {
    background-color: var(--color-hover-bg-primary);
}
.p-btn-ajus {
    padding: 12px 20px;
}
.ctn_file {
    background: var(--color-white) 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 13px var(--color-box-shadow-3);
    border-radius: 5px;
}
.name_file {
    font: normal normal bold 14px/18px Europa;
    color: var(--text-medium);
    width: auto;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.size_file {
    font: normal normal normal 14px/18px Europa;
    color: var(--text-medium);
}
.delete_file{
    outline: none;
    border: none;
    position: absolute;
    border-radius: 50%;
    top: 8px;
    right: 8px;
    width: 18px;
    height: 18px;
    background-color: var(--color-btn-delete);
    color: var(--color-white);
    cursor: pointer;
    font-size: 12px;
}
.delete_file:hover {
    background-color: var(--color-gray-2);
}
.font-22 {
    font-size: 22px;
}
.dz-preview {
    display: none;
}
.ctn_info_file {
    overflow: hidden;
    padding-right: 10px;
    display: grid;
    grid-template-columns: auto 1fr;
}
.info_name_file {
    overflow: hidden;
    min-width: 0;
}
select.form-control {
    padding-right: 40px !important;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.cuantity_days:focus-visible, .cuantity_days:focus {
    outline: none;
}
.indicative_country ~ .label_inp {
    top: 10px;
}
.list_files {
    max-height: 180px;
    overflow: hidden;
    overflow-y: auto;
}
.add_mobile, .img_modal_row_mobile, .img_modal_mobile {
    display: none;
}
.green_box p {
    font-size: 18px;
    color: var(--color-white);
    line-height: 1.3;
}
.img_modal {
    width: 95%;
}
.tittle_modal {
    margin: 0 0 45px 0;
}
.green_box {
    padding: 35px 20px 40px 40px;
    margin-bottom: 45px;
}
.text_question_modal {
    font-size: 18px;
    padding: 0 40px;
}
.ctn_modal_question {
    padding: 40px 40px 0 50px !important;
}
.img_modal {
    max-height: 100vh;
}
.img_modal_row {
    position: absolute;
    width: 180px;
    top: -70px;
    left: -15%;
}
.ctn_modal_question2 {
    padding: 80px 40px 50px 30px !important;
}
.text_question_modal2 {
    padding: 0 !important;
}
.green_box2 {
    margin-bottom: 0;
}
.container_signer {
    margin-top: 3rem !important;
}
.container_signer:first-of-type {
    margin-top: 0 !important;
}
.ctn_file_detail {
    display: grid;
    align-items: center;
    grid-template-columns: 1fr auto;
    background: var(--color-white) 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px var(--color-box-shadow-3);
    border: 1px solid var(--color-hover-select);
    border-radius: 6px;
    padding: 8px 16px;
}
.ctn_file_detail.active {
    box-shadow: 0px 3px 6px 0px var(--color-box-shadow-3);
    border: 2px solid var(--color-green-ligth);
    margin-bottom: 16px;
}
.dash_act_icon_green {
    background-color: var(--color-green-4);
}
.text_green_detail {
    text-decoration: underline;
    font: normal normal normal 14px/18px Europa;
    color: var(--color-card);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.text_green_detail:hover, .cuad_green_icon:hover {
    color: var(--color-green-2);
}
.cuad_green_icon {
    color: var(--color-green-ligth);
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.num_days_detail {
    padding: 6px 12px;
    color: var(--color-white);
    font: normal normal normal 14px/18px Europa;
    border-radius: 11px;
    width: fit-content;
    display: flex;
    height: 24px;
    align-items: center;
}
.mb-6-5 {
    margin-bottom: 6.5vh;
}
.mb-7-8 {
    margin-bottom: 6vh;
}
.mb-9 {
    margin-bottom: 7vh;
}
.mb-3-8 {
    margin-bottom: 3.8vh;
}
.img_list_detail {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    margin: 0;
    margin-right: 20px;
    box-shadow: 0px 3px 6px var(--color-box-shadow);
}
.info_detail_detail {
    color: var(--color-gray-1);
    text-align: start;
    font-size: 14px;
    line-height: 24px;
}
.info_detail_text {
    color: var(--text-medium);
    text-align: start;
    font-size: 14px;
    line-height: normal;
    white-space: nowrap;        /* evita salto de línea */
    overflow: hidden;           /* oculta el resto del texto */
    text-overflow: ellipsis;    /* agrega los tres puntos (...) */
}
.border-left {
    border-left: 2px solid var(--color-gray-border-2);
    padding-left: 28px !important;
}
.signer_card {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    column-gap: 5%;
    row-gap: 16px;
    max-width: 100%;
}
.signer_card_cuad {
    border-bottom: 1px solid var(--color-hover-select);
}
.sig_info {
    display: grid;
    grid-template-columns: 1fr 300px;
}
.signer_card_cuad:last-of-type {
    border: none;
}
.row_detail_name {
    cursor: pointer;
}
.mini_loader {
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
}
.md_content_info_pay {
    max-width: fit-content !important;
    max-height: 100% !important;
}
.color-yellow {
    background-color: var(--color-info-banner-bg);
    color: var(--color-card);
}
.btn_add_fol {
    min-width: 200px;
    justify-content: center;
}
.section_detail_doc {
    display: grid;
    grid-template-columns: 1fr 45%;
}
.list_docs_detail {
    overflow: hidden;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.detail_download_all {
    color: var(--color-green-dark);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}
.detail_download_all:hover {
    color: var(--color-green);
}
.folio-1 {
    background-color: var(--color-state-signed);
    color: var(--white-color);
}
.folio-2{
    background-color: var(--color-state-pending);
    color: var(--white-color);
}
.folio-3{
    background-color: var(--color-state-rejected-signer);
    color: var(--white-color);
}
.folio-4{
    background-color: var(--color-state-approved);
    color: var(--white-color);
}
.folio-5{
    background-color: var(--color-state-rejected-admin);
    color: var(--white-color);    
}
input.disabled-inp-name{
    color: var(--color-input-disabled) !important;
    background-color: var(--color-bg-disabled) !important;
    position: initial;
    border-color: var(--color-input-disabled) !important;
    pointer-events: none;
}
input.disabled-inp-name ~ .label_inp{
    color: var(--color-input-disabled) !important;
}
.ctn-merge-documents{
    display: flex;
    flex-direction: column;
}
.grid-2 {
    display: grid;
    grid-template-columns: 1fr auto;
}
.icon_movil {
    display: none;
}


@media only screen and (max-width: 1680px) {
    .section_add_grid {
        grid-template-columns: 0 35% 1fr;
    }
}

@media only screen and (max-height: 700px) {
    .ctn_modal_question {
        padding: 0 30px !important;
    }
    .img_modal {
        width: 90%;
    }
    .tittle_modal {
        margin-bottom: 30px;
    }
    .green_box {
        margin-bottom: 30px;
    }
    .text_question_modal {
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 1550px) {
    .col-50 {
        width: 50%;
    }
    .section_detail_doc {
        grid-template-columns: 1fr 1fr;
    }
    .sig_info {
        grid-template-columns: 1fr 1fr;
    }
    .section_add_grid {
        grid-template-columns: 0 45% 1fr;
    }
}

@media only screen and (max-width: 1399.9px) {
    .sig_info {
        grid-template-columns: 1fr;
    }
    .border-left {
        border: none;
        padding: 0 !important;
    }
    .mb-20 {
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 1250px) {
    .col-100 {
        width: 100%;
    }
    .cuad_2 {
        max-height: 650px;
    }
    .section_add_grid {
        display: block;
    }
}

@media only screen and (max-width: 1199.9px) {
    .ctn_signers {
        margin-right: 30px;
    }
    .section_add {
        flex-direction: column;
    }
    .ctn_cuad_signers {
        max-width: 100%;
    }
    .mb-20 {
        margin-bottom: 0;
    }
    .section_detail_doc {
        grid-template-columns: 1fr;
    }
    .border-left {
        border-left: 2px solid var(--color-gray-border-2);
        padding-left: 28px !important;
    }
    .sig_info {
        display: grid;
        grid-template-columns: 1fr 300px;
    }
    .info_basic {
        padding: 24px;
    }
    .signer_card {
        grid-template-columns: repeat(2, 1fr);
    }
    .signer_card > :last-child {
        order: -1; /* Moverlo al inicio visualmente */
        grid-column: span 2; /* Ocupar dos columnas */
    }
}

@media only screen and (max-width: 991.9px) {
    .dis-cont {
        display: contents;
    }
    .ctn_modal_question {
        grid-template-columns: 1fr;
        padding: 45px 16px 10px 16px !important;
        grid-template-areas: 'question question'
                             'green_box green_box'
                             'img text';
    }
    .tittle_modal {
        grid-area: question;
    }
    .green_box {
        grid-area: green_box;
        margin-bottom: 0;
    }
    .img_modal {
        grid-area: img;
    }
    .ctn_text_question_modal {
        grid-area: text;
    }
    .img_modal_row, .img_modal_desk {
        display: none;
    }
    .img_modal_row_mobile {
        display: block;
        position: absolute;
        width: 150px;
        top: 20px;
        left: -120px;
    }
    .text_question_modal {
        padding-top: 50px;
        padding-left: 0;
    }
    .ctn_modal_question2 {
        grid-template-columns: 1fr;
        grid-template-areas: 'question2'
                             'img2'
                             'text2'
                             'green_box2';
    }
    .tittle_modal2 {
        grid-area: question2;
    }
    .green_box2 {
        grid-area: green_box2;
        margin-bottom: 40px;
    }
    .img_modal2 {
        grid-area: img2;
    }
    .text_question_modal2 {
        grid-area: text2;
        text-align: center;
    }
    .img_modal_mobile {
        display: block;
        margin: 0 auto;
        margin-bottom: 15px;
    }
    .mb-20 {
        margin-bottom: 20px;
    }
    .sig_info {
        grid-template-columns: 1fr;
    }
    .border-left {
        border: none;
        padding: 0 !important;
    }
}

@media only screen and (max-width: 799px) {
    .cuad_modal {
        padding: 0 !important;
        width: auto !important;
        overflow: unset;
    }
    .img_modal {
        width: 35vw !important;
    }
    .text_question_modal {
        padding-top: 0;
        padding-right: 0;
        padding-left: 20px;
    }
    .img_modal_row_mobile {
        display: block;
        position: absolute;
        width: 150px;
        top: -30px;
        left: -100px;
    }
    .cuad_modal .btn_close {
        top: -35px;
        color: var(--color-white);
    }
    .tittle_modal2 {
        margin-bottom: 25px;
    }
    .text_question_modal {
        padding-bottom: 30px !important;
    }
    .mb-6-5 {
        margin-bottom: 24px;
    }
    .mb-7-8 {
        margin-bottom: 32px;
    }
    .mb-3-8 {
        margin-bottom: 24px;
    }
    .mb-9 {
        margin-bottom: 30px;
    }
    .info_basic {
        padding: 16px;
    }
    .cuad_mid {
        grid-template-columns: 1fr;
    }
    .signer_card {
        grid-template-columns: 1fr;
    }
    .signer_card > :last-child {
        order: -1;
        grid-column: 1;
    }
    .grid-2 {
        grid-template-columns: 1fr;
        gap: 24px;
    }
    .icon_movil {
        display: block;
    }
    .cuad_2 .ctn_first,
    .cuad_2 .detail_download_all {
        overflow: hidden;
        height: auto;
        max-height: 20000px; /* altura máxima esperada cuando está visible */
        transition: all 0.4s ease;
    }
    .cuad_2.peak .ctn_first,
    .cuad_2.peak .detail_download_all {
        max-height: 0;
        margin: 0 !important;
        transition: all 0.4s ease;
    }
    .cuad_2.peak .grid-2 {
        gap: 0;
    }
}

@media only screen and (max-width: 575.99px) {
    .section_add_grid {
        margin-bottom: 0;
    }
    .list_card_admin {
        position: relative;
        width: 100%;
        top: 0;
        right: 5px;
        display: flex;
        justify-content: flex-end;
        margin-bottom: 24px;
    }
    .ctn_item_card_admin{
        margin-bottom: 0;
        gap: 30px;
    }
    .ctn_signers {
        padding: 10px 20px;
    }
    .eraser_desk,.add_desktop {
        display: none !important;
    }
    .icon_mobile {
        display: flex;
    }
    .view_history {
        margin-bottom: 0 !important;
    }
    .icon_mobile > div {
        gap: 30px;
    }
    .pd-full-sm {
        padding: 14px 12px 30px 12px !important;
    }
    .add_mobile {
        display: block;
    }
    .info_basic {
        min-width: 100%;
    }
    .ctn_signer {
        padding: 16px 12px 0 12px;
    }
    .ctn_mobile {
        padding-left: 0;
    }
    .ctn_file {
        flex-direction: column;
        align-items: flex-start !important;
    }
    .ctn_info_file {
        max-width: 100%;
    }
    .ctn_file .ctn_terms {
        width: 100%;
        justify-content: flex-start !important;
        align-items: flex-start !important;
    }
    .ctn_buttons {
        flex-direction: column-reverse;
        padding-top: 20px !important;
    }
    .ctn_buttons button {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .text_question_modal {
        font-size: 14px;
        padding-right: 10px;
        padding-top: 30px;
    }
    .img_modal {
        min-width: 150px;
        margin: 0 !important;
    }
    .img_modal_row_mobile {
        width: 120px;
        top: 8px;
        left: -70px;
    }
    .green_box {
        padding: 20px 16px;
        margin-bottom: 20px;
    }
    .green_box p, .font-14 {
        font-size: 14px;
    }
    .green_box h4 {
        font-size: 25px;
    }
    .img_modal2 {
        margin: 0 auto !important;
        margin-bottom: 15px !important;
    }
    .green_box2 {
        padding: 20px 8vw;
    }
    .green_box2 h4 {
        margin-bottom: 15px;
    }
    .text_question_modal2 {
        padding-left: 10px !important;
        hyphens: initial;
        padding-right: 10px !important;
    }
    .p-btn-ajus {
        text-align: center;
        padding: 28px 34px;
    }
    .p_cuad_basic {
        padding: 24px 16px 20px 16px;
    }
}
progress::-webkit-progress-value {
    background-color: #78db7f !important;
    border-radius: 3PX !important;
}

progress::-moz-progress-bar {
    background-color: #78db7f !important;
    border-radius: 3PX !important;
}