.card-asistencias .content-icon {
    padding: 2.5rem 0;
    border-radius: 12px 12px 0 0;
}

.card-asistencias .content-icon img {
    width: 25%;
}

.card-asistencias.card {
    height: auto;
    width: 48%;
}

.card-asistencias p {
    font-size: 17px;
    line-height: 120%;
    margin: 1rem;
}

.card-asistencias p span {
    color: #00CC00;
    font-weight: bold;
}

.card-img-custom {
    width: 100%;
}

.carousel-mobile {
    display: none;
}

.seccion-principal {
    background-color: #f5f5f5;
}

.banner-principal {
    background-color: #60CF6C;
}

.t-blanco {
    color: white;
}

.t-negro {
    color: black;
}

.vigilado {
    z-index: 2;
    position: absolute;
    top: 31rem;
}

.carousel-control-prev {
    left: -10%;
    top: -20%;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    background-color: #008C00;
    background-size: 16px;
    border-radius: 100%;
}

.carousel-control-next {
    right: -4%;
    top: -20%;
    width: 3%;
}

.titulo-oferta {
    width: 73%;
}

.tamaño-btn {
    margin-left: 3rem;
    display: flex;
    justify-content: center;
}



.izquierda {
    flex-direction: column;
}

.texto-alternativo {
    font-size: 20px;
}

.titulo-oferta {
    font-size: 36px;
    color: black;
    line-height: 38px;
}





.destaque {
    color: rgba(0, 184, 0, 1);
}

.container-btn {
    display: flex;
    margin-bottom: 20px;
}





.btn-productos-ahorro p {
    padding-top: 15px;
}

.icono-bolsa {
    width: 48px;
    height: auto;
}

.icono-asistencia {
    width: 40px;
    height: auto;
}

.icono-vector {
    width: 9px;
    height: auto;
    opacity: 0;
}

.btn-productos-financiamiento p {
    padding-top: 15px;
}






.btn-productos:hover {
    border: 2px solid #008F00;
    transition: all 0.1s ease;
}

.fila3 {
    gap: 40px;
    justify-content: center;
}

.columna-left {
    display: none;
    flex-direction: column;
}

.columna-right {
    display: none;
    flex-direction: column;
}

.ver-mas {
    font-size: 12px;
    background-color: #00CC00;
    border-radius: 6px;
    color: white;
    font-weight: 400;
    padding: 8px 10px;
    border: 1px solid #008F00;
}

.fila2 {
    gap: 40px;
    justify-content: center;
}

.icono-ver-mas {
    width: 5px;
}

.mth-bannerOne-desuscipcion h1 {
    color: #008F00;
    font-size: 2.5rem;
    font-weight: 700;
    margin-left: 3rem;
  }

  .mth-span-desuscipcion {
    color: black;
  }

  .mth-bannerOne-desuscipcion p {
    font-size: 1.2rem;
  }

  .mth-content-three-desuscipcion {
    background-color: #ffffff !important;
  }

  .mth-span-two-desuscripcion {
    color: #008F00;
  }

  .mth-text-desuscripcion {
    text-align: left;
  }

  .mth-btn-off2 {
    background-color: #008F00;
    border: 1.5px solid #008F00;
    border-radius: 10px;
    font-size: 20px;
    color: #fff;
    padding: 8px 7.1rem;
    text-decoration: none;
  }

  .mth-btn-off3 {
    background-color: #B3F0B3;
    border: 1.5px solid #B3F0B3;
    border-radius: 10px;
    font-size: 20px;
    color: #008F00;
    padding: 8px 60px;
    text-decoration: none;
  }

  .autorice-content-input-desuscripcion {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    margin-bottom: 2rem;
    width: 100%;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }

  .autorice-content-input-desuscripcion input[type="checkbox"] {
    flex-shrink: 0;
    appearance: none;
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    border: 2px solid gray;
    background-color: white;
    cursor: pointer;
    border-radius: 4px;
    position: relative;
    margin: 0;
  }

  .autorice-content-input-desuscripcion input[type="checkbox"]:checked {
    background-color: #008F00;
  }

  .autorice-content-input-desuscripcion input[type="checkbox"]:checked::before {
    content: '';
    position: absolute;
    top: 2px;
    left: 6px;
    width: 6px;
    height: 12px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
  }

  .autorice-content-input-desuscripcion label {
    margin: 0;
    font-size: 1rem;
    cursor: pointer;
    flex-grow: 1;
    text-align: left;
  }

  .mth-btn2 {
    background-color: #119450;
    border: 1.5px solid #119450;
    border-radius: 7px;
    font-size: 20px;
    color: #fff;
    padding: 8px 60px;
    text-decoration: none;
    cursor: pointer !important;
}

.mth-typ-desuscipcion{
    background-color: #f3fff3;
}

@keyframes mijo_down {

    0% {
        transform: translateY(-300px);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes mijo_up {

    0% {
        transform: translateY(0px);
    }

    100% {
        transform: translateY(-300px);
    }
}

.mth-section {
    padding: 1.5rem 0;
}

.btn-products p {
    font-size: 18px;
    line-height: 100%;
}

.content-vector {
    width: 10%;
}

.btn-productos {
    justify-content: space-around;
    border: 1px solid #7B7B7B;
    border-radius: 10px;
    background-color: #F5F5F5;
    color: black;
    font-weight: bold;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.295);
    width: 410px;
    height: 90px;
    text-align: center;
    animation: aparecerDesdeArriba 0.7s ease-out forwards;
}

.btn-products {
    justify-content: space-between;
    padding: 0px 18px 0px 17px;
    border: 1px solid #008F00;
    border-radius: 15px;
    background-color: white;
    color: black;
    font-weight: bold;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.295);
    width: 410px;
    height: 60px;
    text-align: center;
}

.instruccion-oferta {
    color: black;
    font-size: 26px;
    line-height: 25px;
}

.subtitulo-oferta {
    font-size: 34px;
    color: black;
    line-height: 32px;
    margin: 3rem 0 2rem;
}

.titulo-oferta h2 {
    font-size: 48px;
}

.banner-principal p {
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 2rem;
}

.banner-principal h2 {
    font-size: 34px;
}

.btn-regresar {
    border-radius: 8px;
    border: 0.5px solid #D8D8D8;
    color: #000;
    background-color: #FFFFFF;
    padding: 8px 20px;
    height: 3rem;

}

.btn-regresar img {
    width: 49%;
    margin-right: 8px;
    margin-bottom: 2px;
}

.btn-regresar p {
    margin: 0;
}

.mijo_down {
    animation-name: mijo_down;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: none;
}



.asistente_mijo img {
    border-radius: 5px;
    width: 90px;
}

.mijo01.asistente_mijo {
    translate: 0px;
    opacity: 1;
}

.asistente_mijo {
    width: 28%;
    background-color: #C5ECBF;
    border: 1.5px solid #00CC00;
    border-radius: 5px;
    margin-left: 0.5rem;
    position: absolute;
    z-index: 2;
    transition: 1s ease;
    margin-top: 1rem;
}

.asistente_mijo.mijo_active {
    translate: 0;
    transition: 1s ease;
}

.asistente_mijo.mijo_active_01 {
    opacity: 1;
    transition: 1s ease;
}

.asistente_mijo.closed {
    translate: -600px;
    transition: 1s ease;
}

.asistente_mijo.closed-right {
    opacity: 0;
    transition: 1s ease;
}

.active_page {
    color: #fff !important;
    background-color: #008F00 !important;
    border-color: #008F00 !important;
}

.asistente_mijo h3 {
    font-size: 15px;
    line-height: 90%;
}

.asistente_mijo p {
    font-size: 12px;
    line-height: 105%;
    color: #434343;
    margin: 0;
}

.asistente_mijo .close_mijo button {
    padding: 15px 15px 0 0;
}



.btn-arrows {
    color: #FC7121;
    background-color: #00B800;
    font-size: 22px;
    font-weight: 500;
    border: 1.5px solid #00B800;
    border-radius: 100%;
    padding: 3px 13px;
    margin: 0 3px;
}

.btn-arrows img {
    margin-bottom: 5px;
    vertical-align: middle;
}

.section_cards {
    background-color: #F1FAF0;
}

footer {
    background-color: #fff;
}

.carousel-item {
    width: 95%;
    padding: 0 10px;
}

.tarjetabp img {
    width: 20%;
}

.comunidad-img {
    margin-top: 5em;
}

.textBanner {
    margin-left: 3rem;
}

.mth-card-slider-responsive .card-body {
    height: 24.5em;
    display: flex;
    align-items: center;
    padding: 0;
}

.hcardhome .card-body {
    height: 24.5em !important;
    display: flex;
    align-items: center;
    justify-content: center;

}

.content-cards .card-body {
    height: 9rem;
}

.ratiovideo {
    --bs-aspect-ratio: 56.24%;
}

.my-5 {
    margin-bottom: 0 !important;
}

.vig-horizontal {
    margin: 5px 0 0 35px;
}

.img-video {
    cursor: pointer;
    margin-top: 4rem;
}

.mth-bannerOne h1 {
    color: #008F00;
    font-size: 48px;
    font-weight: 700;
    margin-top: 7rem;
    margin-left: 3rem
}

.mth-bannerOne h1 span {
    color: #000;
}

.mth-bannerOne p {
    font-weight: 500;
    font-size: 22px;
    line-height: 28px;
}

.autorice-content p {
    font-size: 22px;
    line-height: 28px;
}

.autorice-content-input p span {
    font-size: 12px;
}

.autorice-content-input p {
    font-size: 18px;
}

.autorice-content {
    width: 53%;
}

.legal-form {
    width: 63%;
    font-size: 18px;
}

.mth-btn {
    background-color: #00B800;
    border: 1.5px solid #008F00;
    border-radius: 10px;
    font-size: 20px;
    color: #fff;
    padding: 8px 60px;
    text-decoration: none;
    cursor: pointer !important;
}

button.valid {
    background-color: #00B800;
    border: 1.5px solid #008F00;
    cursor: pointer !important;
}


.mth-content-two {
    background-color: #f5f5f5;
    background-size: cover;
}

h3 {
    font-weight: 700;
    margin-bottom: 20px;
}

h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
    color: #00CC00;
}

p span {
    color: #008F00;
}

.mth-content-two .mth-text p {
    font-size: 20px;
    margin: 1rem 15rem;
}

.mth-card-form {
    background: #fff;
    margin: 2rem 5rem;
    padding: 1rem 5rem;
    border-radius: 20px;
}

.content-form {
    font-size: 15px;
    font-weight: 400;
}

.modal-dialog {
    max-width: 55% !important;
}

.mth-form input,
.mth-form select {
    height: 48px;
    border-radius: 10px;
    border: 1.5px solid #D9D9D9;
    padding: 0 14px;
    font-size: 14px;
    margin: 5px 0;
}

.mth-form-name input {
    width: 100%;
    height: 48px;
    border-radius: 10px;
    border: 1.5px solid #D9D9D9;
    padding: 0 14px;
    font-size: 14px;
    margin: 5px 0;
}

.mth-btn-frame {
    width: 30%;
}

.mth-btn-frame .mth-btn {
    padding: 4px 20px;
}

.mth-form input:focus,
.mth-form-name input:focus {
    background-color: #C5ECBF;
    border: 1.5px solid #008C00;
}

.mth-content-tdatos p,
.mth-content-form-internas p {
    font-size: 10px;
    padding: 2px 10px 0;
}

.mth-content-tdatos p a,
.mth-content-form-internas p a {
    font-weight: bold;
    text-decoration: underline;
    color: #000;

}

.mth-content-tdatos input,
.mth-content-form-internas input {
    width: 24px;
    height: 24px;
    border-radius: 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 2px solid #D9D9D9;
    border-radius: 5px;
    background-color: #ffffff;
    position: relative;
}

.autorice-content input {
    width: 24px;
    height: 24px;
    border-radius: 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 2px solid #D9D9D9;
    border-radius: 5px;
    background-color: #ffffff;
    position: relative;
}

.autorice-content input:checked::before {
    content: '';
    position: absolute;
    top: 2px;
    left: 6px;
    width: 8px;
    height: 12px;
    border: solid #00B800;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
}

.mth-content-tdatos input:checked::before,
.mth-content-form-internas input:checked::before {
    content: '';
    position: absolute;
    top: 2px;
    left: 6px;
    width: 8px;
    height: 12px;
    border: solid #00B800;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
}

.form-button {
    font-size: 14px;
    padding: 0.8rem 6rem;
}

.content-cards {
    justify-content: center;
    display: flex;
}

.mth-card {
    background-color: #fff;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 19%;
    box-shadow: 2px 7px 23px -17px #000000;
    border-radius: 20px;
    margin-top: 2px;
    position: relative;
}

.hover_card {
    position: absolute;
    background-color: #232E24CC;
    border-radius: 20px;
    border: 1.5px solid #00B800;
    width: 100%;
    height: 100%;
    display: none;
}

.hover_card .text-white {
    font-size: 28px;
    height: 3.96em;
}

.mth-card-two {
    background-color: #fff;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 340px;
    max-width: 100%;
    box-shadow: 2px 7px 23px -17px #000000;
    border-radius: 10px;
    margin-top: 2px;
}

.mth-card-two .card-body {
    padding: 0 12px;
    height: 10.5rem;
}

.mth-card-two h5 {
    font-size: 15px;
}

.mth-card-two p {
    font-size: 12.5px;
    line-height: 14px;
}


.mth-card p {
    font-size: 18px;
    line-height: 25px;
    margin: 0;
    padding: 8px 23px;
    height: 8em;
}

.mth-card .mth-btn {
    padding: 0px;
    font-size: 14px;
    width: 124px;
    height: 40px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2rem;
}

.mth-card .mth-btn-disabled {
    padding: 5px 23px;
    font-size: 14px;
    background-color: #9D9D9D;
    border-color: #9D9D9D;
    cursor: not-allowed;
    pointer-events: none;
}

.mth-btn-off {
    background-color: #9D9D9D;
    border: 1.5px solid #9D9D9D;
    cursor: not-allowed !important;
    border-radius: 10px;
    font-size: 20px;
    color: #fff;
    padding: 8px 60px;
    text-decoration: none;
}

.mth-card-img img {
    border-radius: 20px 20px 0 0;
    width: 100%;
}

.mth-card-img {
    width: 100%;
    pointer-events: none;
    align-content: flex-end;
}

.mth-card-img img {
    width: 100%;
    height: 100%;
}


.mth-etiqueta {
    position: absolute;
    width: 265px;
    pointer-events: none;
}

.mth-card-logos {
    height: 4rem;
    pointer-events: none;
}

.content-footer .ADLlogo {
    vertical-align: middle;
    margin: 0 10px;
    pointer-events: none;
}

.content-footer .logop {
    vertical-align: middle;
    margin: 15px 10px 0;
    pointer-events: none;
}

.content-footer h5 {
    padding-top: 5px;
}

.text-footer {
    font-size: 12px;
    font-weight: 500;
}

.content-footer {
    border-top: 2px solid #00CC00;
    display: flex;
}

.mth-vigilado {
    width: 25%;
    display: flex;
    justify-content: start;
    margin: 30px 0 0 10px;
    pointer-events: none;
}

.mth-intendencia {
    display: flex;
    justify-content: end;
    width: 25%;
    margin: 30px 10px 0 0;
}

.mth-content-three {
    background: #F1FAF0;
    padding-bottom: 3rem;
}

.error-message {
    color: #FF0000;
    font-size: 10px;
    text-align: left;
    display: none;
}

.cards-event-one .content-left {
    background: #60CF6C;
    color: #fff;
    display: grid;
    justify-content: normal;
    align-items: self-end;
}

.cards-event-one h2 span {
    color: #000;
}

.cards-event-one .content-left h2 {
    line-height: 32px;
    width: 365px;
}

.cards-event-one .content-left p {
    line-height: 24px;
    font-size: 21px;
    margin: 0;
    width: 350px;
}

.cards-event-one .content-left div .img-tarjeta {
    width: 157px;
}

.cards-event-one .content-right {
    background-color: #f5f5f5;

}

.mth-d-active {
    display: flex !important;
    transition: 10s ease;
}

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

.mth-cards-products {
    display: none;
}

.btn-diseable {
    background-color: #F5F5F5;
    border: 1.5px solid #D9D9D9;
    border-radius: 5px;
    padding: 5px 10px;
    color: #000;
    text-decoration: none;
    font-size: 12px;
    cursor: pointer;
}

.btn-active {
    background-color: #B3F0B3;
    border: 1.5px solid #00B800;
    border-radius: 5px;
    padding: 5px 10px;
    color: #008F00;
    text-decoration: none;
    font-size: 12px;
    cursor: pointer;
}

.openFinanceDiv h6,
.openHospitalDiv h6,
.openExequialDiv h6,
.openseguroDiv h6,
.openAhorroDiv h6 {
    padding: 5px 5px 0 5px;
}

.openFinanceDiv .content-logo,
.openExequialDiv .content-logo,
.openHospitalDiv .content-logo,
.openseguroDiv .content-logo,
.openAhorroDiv .content-logo {
    border-radius: 5px;
    border: 1.5px solid #D9D9D9;
    background-color: #fff;
    height: 2.5rem;
    padding: 0 10px;

}

.openAhorroDiv a,
.openExequialDiv a,
.openHospitalDiv a,
.openseguroDiv a,
.openFinanceDiv a {
    color: #000;
    text-decoration: none;
}

.openFinanceDiv .content-logo img,
.openseguroDiv .content-logo img,
.openHospitalDiv .content-logo img,
.openExequialDiv .content-logo img,
.openAhorroDiv .content-logo img {
    vertical-align: middle;
    width: 24px;
}

.openFinanceDiv .content-logo:hover,
.openHospitalDiv .content-logo:hover,
.openExequialDiv .content-logo:hover,
.openAhorroDiv .content-logo:hover {
    background: #F5F5F5 !important;
    color: #008F00;
}

.content-text {
    line-height: 18px;
}

.content-text a {
    color: #00CC00;
    text-decoration: none;
    font-weight: bold;
}

.content-right .card {
    border-radius: 20px;
    padding: 30px;
    height: 100%;
}

.content-right .card h1 {
    line-height: 100%;
}

.content-video img {
    width: 513px;
}

.comunidad-img img {
    width: 107px;
    vertical-align: middle;
}


/* -------------------- estilos detalle producto crédito libranza --------------------------*/

.mth-banner {
    height: 450px;
    background-image: url('../bannerDPLibranza.jfif');
    background-size: cover;
    background-position: 0% 35%;
}

.mth-banner-tarjeta-posible {
    height: 450px;
    background-image: url('../banner_tarjeta_posible.png');
    background-size: cover;
    background-position: 0% 35%;
    background-size: cover;
    background-position: 0% 35%;
}

.mth-banner-credito-libranza {
    background-image: url('../bannerDPLibranza.jfif');
}

.mth-banner-tarjeta-posible {
    background-image: url('../banner_tarjeta_posible.png');
}

.mth-banner-tarjeta-credito {
    background-image: url('../banner-tarjeta-credito.png');
}

.mth-banner-cuenta-ahorrar {
    background-image: url('../banner-cuenta-ahorrar.png');
}

.mth-banner-cdt {
    background-image: url('../banner-cdt.png');
}

.mth-banner-cuenta-nomina {
    background-image: url('../banner-cuenta-nomina.png');
}

.mth-banner-cuenta-pension {
    background-image: url('../banner-cuenta-pension.png');
}

.mth-banner-seguros {
    background-image: url('../banner-seguros.png');
}

.mth-content-one-detalle-producto,
.mth-content-two-detalle-producto,
.mth-content-three-detalle-producto {
    background-color: #F5F5F5;
}

.mth-form-int {
    width: 40%;
    background-color: #FEFEFE;
    box-shadow: 9px 12px 58.1px 0px #232e2440;
    border-radius: 13px;
}

.mth-form-int input,
.mth-form-int select {
    height: 45px;
    border-radius: 6px;
    border: 2px solid #D9D9D9;
    font-size: 14px;
}

.mth-check-form-int {
    height: 24px !important;
}

.mth-img-bank {
    width: 7em !important;
}

.mth-txt-h5 {
    font-weight: 700;
}

.mth-txt-color-h5 {
    color: #00B800;
}

.mth-txt-color-h4 {
    color: #00CC00;
}

.mth-lbl-nombre,
.mth-lbl-correo,
.mth-lbl-tipo-docu,
.mth-lbl-documento,
.mth-lbl-celular,
.mth-lbl-atencion {
    font-size: 14px;
    font-weight: 500;
    line-height: 12px;
}

#nameInt:focus,
#ciudadInt:focus,
#emailInt:focus,
#documentoInt:focus,
#phoneInt:focus {
    background-color: #C5ECBF;
    border: 0.75px solid #008C00;
}

.mth-btn-registro {
    background-color: #9D9D9D;
    border: 1.5px solid #9D9D9D;
    cursor: not-allowed !important;
    color: #ffffff;
    border-radius: 6px;
    padding: 12px 10rem;
    font-weight: 600;
}

.mth-btn-regresar {
    border-radius: 8px;
    border: 0.5px solid #D8D8D8;
    color: #000;
    background-color: #FFFFFF;
    padding: 6px 4%;
}

.mth-chevron-left {
    color: #00CC00;
    font-size: 12px;
    text-align: left;
    font-weight: 700;
}

.mth-button-dropdown {
    width: 95%;
    text-align: left;
    border-radius: 10px;
    background-color: #ffffff;
    border: 1px solid #D9D9D9;
    color: #000;
    padding: 2%;
}

.mth-button-dropdown-seguros {
    width: 100%;
}

.mth-text-h4-color {
    color: #008F00;
    font-weight: 600;
    line-height: 35px;
}

.mth-img-organizer {
    width: 8em !important;
}

img.mth-img-player-mijo {
    width: 80%;
}

.card {
    border: none;
    height: 380px;
    border-radius: 15px;
    box-shadow: 0px 8px 16px 0px #00000023;
}

.carousel-indicators [data-bs-target] {
    width: 15px !important;
    height: 15px !important;
    border-radius: 50% !important;
    background-color: #00CC00 !important;
}

.carousel-indicators {
    position: static !important;
    margin-top: 1rem !important;
    margin-bottom: 0 !important;
}

.carousel-indicators .active {
    opacity: 1 !important;
    background-color: #00CC00 !important;
}

.card-text {
    font-size: 13px;
    font-weight: 400;
    color: #000;
    line-height: 18px;
    text-align: left;
}

.mth-btn-carousel {
    border-radius: 32px;
    background-color: #C5ECBF;
    color: #008C00;
    font-size: 12px;
    font-weight: 500;
    line-height: 17px;
    border: none;
    width: 224px;
}


.content-thankyoupage div {
    width: 700px;
}

.form-title {
    margin: 0 6rem;
}

.mth-form {
    display: flex;
    justify-content: center;
}

.mth-content-tdatos {
    padding: 0 10rem;
}

.slide-mb {
    display: none;
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
    display: flex;
}

.mth-li-guion {
    list-style: none;
}

.mth-li-guion::before {
    content: "- "
}

.video-container {
    position: relative;
    width: 100%;
    max-width: 100%;
    height: auto;
    overflow: hidden;
}

.video-container video {
    width: 100%;
    height: auto;
    border-radius: 12px;
}

.video-container,
video {
    margin: 0;
    padding: 0;
}

.play-pause-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(0, 0, 0, 0);
    color: white;
    font-size: 53px;
    border: none;
    border-radius: 50%;
    display: none;
    z-index: 1;
}

.video-container:hover .play-pause-btn {
    display: block;
}

video {
    display: block;
    width: 100%;
    height: auto;
}

.modal-header {
    border: 0 !important;
}

.modal-content {
    padding-bottom: 10px;
}

.modal-title {
    font-size: 22px;
    line-height: 25px !important;
    font-weight: bold;
}

.btn-mb {
    display: none !important;
}

.mth-p-video {
    padding-top: 3rem;
}



.mth-form-name {
    margin-bottom: 1rem;
}

.autorice-content-input {
    margin-left: 1.5rem;
    margin-top: 1rem;
    justify-content: start;
    text-align: center;
}

.autorice-content-input div:nth-of-type(1) {
    margin-left: 3rem;
}


.content-checkbox {
    margin-left: 2.5rem;
}

.bp-logo {
    justify-content: center;
}

@media (max-width: 1024px) {
    .mth-bannerOne h1{
        font-size: 40px;
    }

    .asistente_mijo{
        width: 34%;
    }
}

@media (min-width: 1024px) {

    .columna-left,
    .columna-right {
        display: flex !important;
    }

    .flecha {
        display: none;
    }

    .vacio {
        height: 15%;
    }

    .flecha {
        content: url(../Vector-black.svg);
    }

    .hover_card .text-white {
        font-size: 18px;
        line-height: 20px;
        height: 3.96em;
    }

    .hover_card .text-center img {
        max-width: 19.5%;
        margin-top: 10px;
    }

    .mth-card p {
        font-size: 15px;
        line-height: 18px;
    }
}


@media (min-width: 1440px) {

    .hover_card .text-white {
        font-size: 20px;
        line-height: 24px;
        height: 2.96em;
    }

    .hover_card .text-center img {
        margin-top: 27px;
        margin-bottom: 12px;
    }


}

/* Responsive Tablet*/

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

    .wd-card{
        width: 50%;
    }

    .mth-col-slider-responsive{
        display: flex;
        justify-content: center;
    }

    .vigilado {
        top: 45rem;
    }

    .tama���o-btn {
        margin-left: 0;
        width: 100%;
        margin-bottom: 1rem;
    }

    ol,
    ul {
        padding-left: 1.5rem !important;
    }

    .card-asistencias p,
    .card-asistencias ul {
        font-size: 13px;
    }

    .carousel-mobile {
        display: block;
    }

    .carousel-inner .carousel-item.active,
    .carousel-inner .carousel-item-next,
    .carousel-inner .carousel-item-prev {
        justify-content: center;
    }

    .carousel-item {
        width: 100%;
    }

    .carousel-control-next {
        right: 0%;
        width: 15%;
    }

    .carousel-control-prev {
        left: 0%;
    }

    .carousel-destokp {
        display: none;
    }

    .mth-section {
        padding: 0;
    }

    .on {
        background-color: #00B800;
        color: rgb(255, 255, 255);
        transition: 0.3s;
    }

    .tamaño-btn {
        margin: 0 0 20px;
        width: 100%;
    }

    .content_text_btn {
        flex-wrap: wrap;
        justify-content: center;
    }

    .btn-products {
        width: 270px;
    }

    .btn-productos {
        width: 270px;
    }

    .btn-points {
        color: #FC7121;
        background-color: #FFEBB6;
        font-size: 22px;
        font-weight: 500;
        border: 1.5px solid #FC7121;
        border-radius: 100%;
        padding: 3px 14px;
        margin: 0 3px;
    }

    .close_mijo {
        display: none;
    }

    .asistente_mijo img {
        border-radius: 5px;
        width: 70px;
    }

    .asistente_mijo {
        width: 100%;
        background-color: #C5ECBF;
        border: 1.5px solid #00CC00;
        border-radius: 5px;
        margin: 5rem 0 2rem;
        position: relative;
        z-index: 0;
        translate: 0;
        transition: 0s ease;
    }

    .asistente_mijo .inner-asistente {
        justify-content: center;
    }

    .content_mijo {
        margin: 0px 20px 0;
    }

    .asistente_mijo .inner-asistente .content_picture {
        position: absolute;
        margin-top: -3.5rem;
    }

    .asistente_mijo h3 {
        margin-bottom: 5px;
    }

    .asistente_mijo .inner-asistente .mijo_text {
        justify-content: center;
        text-align: center;
        margin-right: .5rem;
        margin-top: 16px;
    }

    .hover_card .text-white {
        font-size: 20px;
    }

    .comunidad-img {
        margin-top: 0;
    }

    .mth-card-slider-responsive .card-body {
        height: 20em;
    }

    .mth-card-slider-responsive .mth-height-card {
        height: 12em;
    }

    .hcardhome .card-body {
        height: 10em !important;
    }

    .mth-btn-regresar {
        margin-top: 8rem;
    }

    .bp-logo {
        justify-content: start;
    }

    .text-footer p {
        font-size: 6px;
    }

    .content-thankyoupage img {
        width: 55%;
    }

    .content-thankyoupage h1 {
        font-size: 35px;
    }

    .content-thankyoupage h5 {
        font-size: 14px;
    }

    .content-thankyoupage div {
        width: 100%;
        padding: 0 20px;
    }

    .bg-modal-header .btn-close {
        width: 3px;
        --bs-btn-close-bg: url(data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAALgAAAC3CAMAAACWu2QgAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAXFQTFRFAAAA////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////iIJ5mQAAAHt0Uk5TAC56tNj08NSscCEoiuH/8Z89DpanxDziziU37v1lWktMdzD4+Uj+UAIPY4TRAR42WG9uiUqaZ4ZJHcfGV726FebjFC8y80L3OW1pOPItEqihJKCVA+UxTU77QFZSPiCP/BeShQnJBRze3MsnyBHk+oIGZARys8CydXkzljfIVAAABeRJREFUeJzt3duLlVUUAPC97MGaEaEii8FLjeao00U0LxM6RmopiVpUCkKRmD4Igv9Eb+KD+CKKCtJLFwO7UU7SgKUgguKtHLzUkJGggaGTacezz5w5nTnn27e1174scj2o8+3vO/5YHL75LnutDWIwoBY3RY7RWpaJCvP64Aao/PkI/FPb5a9/E7gM0dJyu/bvkXcq9Ap8DNyq3wuuxGUZow1u1P00Gn4Vg/Dxfzbs+PDleCiLePJaw4ZHL1bg7XC1YWAMnI+FsoinS380bHkCfirDp/S1NO2bk7zZLcTAxLMgpvUX7J2PvMgtxLjTIJ75pWj/XOTFbjHQAc9dKj4iD7nCLcRTMP2C6qAMzi1N55NaTIQZfaqx9DlX5rs8BCNGqQ+cfCwExzpe+Fk91gGzz6lH0+Zck28hpsKE67qDpx2h5liH+vstYwpMvfu7ZjxdzrX5FqITxIuntB+QKOf6fItnD4OYd1K7S5qcG/JdPm2UL7Lmn9B/SIKcG/ItpvfKq8MFcFy7V/ycm/I9E76rXI+39z+o/6DH48p1528ZA/N7qndAi3r18rg5N+V7oPugGLrnzElu567CM5Jbuofg2cht3TV4JnJr93/wLOT27jp4BnIHdz08udzFPQwuFsFR7ZFh5U7u4XDR1plO7uZugCeUO7ob4cnkru4meCK5s7sZnkTu7i6AJ5Aj3EXw6HKMuxAeWY5yF8OjynFuBTyiHOlWwaPJsW4lPJIc7VbDo8jxbg08gtzDrYMHl/u4tfDAci+3Hh5U7uc2wM3y9m/0H6AMT7cJbpR3lXByX7cRHkju7TbDg8j93RbwAHICtw2cXE7htoITy0ncdnBSOY3bEk4oJ3LbwsnkVG5rOJGczG0PJ5HTuR3gBHJCtwvcW07pdoJ7ykndbnAvOa3bEe4hJ3a7wtFyarczHCknd7vDUXJ6NwKOkAdwY+DO8hBuFNxRHsSNgzvJw7iRcAe5yT2nhHJj4dZyo/v0bzgAFm4pD+bGw63k4dwecAv5xXBuH7hY0vOQdrzrR/3xtx7Du73gxpzrwyffnnAvuZ/bE+4h93T7wtFyX7c3HCn3dvvDUXJ/NwEcISdwU8Cd5RRuErijnMRNA3eS07iJ4A5yIjcV3FpO5SaDW8rJ3HRwKzmdmxBuISd0U8LF0sOGHeZ9Sfef3c842+8417MK1/M419+cXK9VuF4dcr0e53oHxPWek+tdPtfnKlyfZHF9dsj1ae1rtw1P9g3Px7uPp3k+zvWNBNd3QFzfunF9z0n4ZhkpT/8uHynPYPYETp7DfBWUPIsZQhh5HnOyEHM//jez4LjOO+Q605Pr3Fqus5m5zh/3rzRMM2OforYzRY0ETU1q/KoUqlra2HVAdDXAcSuvKGuXY9a60dZcx6supK4Vj1XPSV/jHqeCNkRtfoya5TA9BcJXiYfqhRC6Lj9cD4ewnRC49p7g2u2Da38Vrh1tuPYQ4tq1iWufLK6dybj2guPafY9rv0OuHSa59vTk2kWVa99arp2CufZmTun26Yad1o3vP57aje34nt6N67GfgxuzqkEebvd1JHJxu67ckY/bba2UnNwuq9Ms7NXX18deg8m0/hJ0H6jAlx/SP4fLbwWm0tizEr7ikP5jIq+/JMO0BtPLn5XhrQ9o98lylbHRs/aDeEP/ODdBvmUYcr74E3jz25Jmh1xX0nv1I3j7a93hifItY9VXutGFMPeMejTtapGr4Qv14DJYc0A9mnCtSBmrNeWfy+EVJS79iqianK+A13tUY4nzLUOd85UgXipeuTB9vmWocl66AeLd/YVDGeRbhiLncoHoro5PmwfyyLeMwpx3te0uX6us/bh5JJN8yyjK+Vu75EXWus9vNmzPJ98ymnO+CnZUrsc3wIfDBzLKt4zGnK858331DmhB57667X+v2x5RZRMbd46s++kd2CaG7jnX90/aU938HsDWyC5zbP6hfejrUnoftsi/azc/zy/evRYEwN4rSWimaN10p6zru7D0g+qGe3OF10KoPF2hAAAAAElFTkSuQmCC);
    }

    .content-footer .content-text {
        width: 88% !important;
        margin-top: 0 !important;
    }

    .mth-vigilado {
        width: 5%;
    }

    .mth-intendencia {
        width: 10%;
        margin: 18px 10px 0 0;
    }

    .tarjetabp img {
        width: 80%;
    }

    .mth-form {
        display: grid;
    }

    .h-card {
        height: 11rem !important;
      
    }

    .mth-form div {
        width: 100%;
    }

    .mth-text h2 {
        font-size: 42px !important;
    }

    .mth-bannerOne div:nth-of-type(1) {
        flex-direction: column-reverse;
        text-align: center;
    }

    .mth-bannerOne div>div {
        width: 100% !important;
    }

    .mth-bannerOne p {
        font-size: 28px;
        margin: 0 4rem !important;
        line-height: 33px;
    }

    .mth-bannerOne button {
        margin: 2rem 0 !important;
        padding: 8px 133px;
        font-size: 30px;
    }

    .mth-content-two .mth-text p {
        margin: 1rem 8rem;
        ;
    }

    .mth-card-form {
        margin: 2rem 2.5rem;
        padding: 1rem 2rem;
    }

    .form-title {
        margin: 0 3rem;
    }

    .mth-bannerOne h1 {
        margin: 1rem 0 !important;
        font-size: 50px;
        padding: 0 4rem;
    }

    .mth-content-tdatos {
        padding: 0 1rem;
    }

    .mth-btn-off {
        padding: 8px 252px;
    }

    .mth-card-two {
        flex-wrap: nowrap;
    }

    .mth-dnone {
        display: none;
    }

    .mth-slider {
        flex-wrap: nowrap;
        overflow-x: hidden;
        scrollbar-width: none;
        margin-left: 25px;
        justify-content: start;
    }

    .mth-card {
        margin: 0 20px;
        width: 263px;
        max-width: 100%;
    }

    .mth-card p {
        padding: 8px 22px;
        line-height: 25px;
        height: 6em;
    }

    .mth-card .pb-5 {
        padding: 0 !important;
    }

    .mth-card-img {
        width: 263px;
    }

    .mth-content-three {
        padding-bottom: 0 !important;
    }

    .carousel-indicators {
        margin-bottom: 0 !important;

    }

    .slide-mb {
        display: block;
    }

    .mth-top {
        margin-top: 3rem;
    }

    .mth-d-active {
        display: grid !important;
    }

    .cards-event-one .col-6 {
        width: 100%;
        display: flex;
        flex-direction: row-reverse;
        justify-content: start;
        align-items: center;
    }

    .comunidad-img {
        width: 96% !important;
    }

    .content-left div:nth-of-type(1) {
        text-align: center;
        width: 65%;
        margin-bottom: 4rem;
    }

    .tarjetabp {
        padding-top: 2rem;
        width: 19%;
    }

    .content-right .card {
        margin-top: -55px;
    }

    .content-right .card h1 {
        font-size: 50px;
        margin-bottom: 20px;
    }

    .mth-text h1 {
        font-size: 42px;
        padding: 0 8rem;
    }

    .mth-content-three h1 {
        font-size: 42px;
        padding: 0 8rem;
    }

    .mth-card-two h5 {
        font-size: 19px;
    }

    .mth-card-two p {
        font-size: 16px;
    }

    .mth-card-two {
        width: 388px;
    }

    .card-two-img {
        text-align: end;
    }

    .autorice-content {
        width: 81%;
    }

    .legal-form {
        width: 85%;
    }

    .mth-banner-credito-libranza,
    .mth-banner-cdt,
    .mth-banner-cuenta-ahorrar,
    .mth-banner-cuenta-nomina,
    .mth-banner-cuenta-pension,
    .mth-banner-seguros,
    .mth-banner-tarjeta-credito,
    .mth-banner-tarjeta-posible {
        height: 270px;
        margin-bottom: 58em;
    }

    .mth-form-int {
        width: 90%;
        margin-top: 12em !important;
        margin-right: auto;
        margin-left: auto;
    }

    .mth-btn-registro {
        padding: 12px 16em;
    }

    .mth-button-dropdown {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

    .mth-img-organizer {
        width: 12em;
    }

    img.mth-img-player-mijo {
        width: 80em;
    }

    .mth-form .ps-2 {
        padding: 0 !important;
    }

    .mth-d-active {
        display: none !important;
    }

    .closebtn {
        background: #00FF0000;
        border: none;
        color: #fff;
        font-size: 15px;
        font-family: 'Poppins';
    }

    .mth-top {
        margin-top: 0rem;
    }

    h5 {
        font-size: 2rem;
    }

    .card-text,
    .error-message {
        font-size: 15px;
    }

    .mth-content-tdatos {
        padding: 0rem;
    }

    .mth-reverse-form .mt-3 {
        margin: 0 !important;
    }

    .mth-reverse-form {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }

    .mth-form .ps-2 {
        padding: .5rem !important;
    }

    .mth-form {
        display: flex;
        justify-content: start;
    }


    .mth-form-name {
        justify-content: start;
        margin: 0 !important;
    }

    .mth-slider {
        margin-left: 10px;
    }

    .content-right .card {
        border-radius: 12px;
        padding: 15px;
        width: 100%;
    }

    .mth-btn-frame {
        width: 100%;
    }

    .mth-btn-frame .mth-btn {
        padding: 0px 20px;
    }

    .openFinanceDiv h6,
    .openHospitalDiv h6,
    .openExequialDiv h6,
    .openseguroDiv h6,
    .openAhorroDiv h6 {
        font-size: 11px;
    }

    .comunidad-img img {
        width: 56px;
    }

    .mb-dialog .modal-content {
        border-radius: 0 !important;
    }

    .bg-modal-header {
        background-color: #60CF6C;
        border-radius: 0 !important;
        display: flex;
        justify-content: end;
        padding: 2px 7px 0 0;
    }

    .img-video {
        margin: 0rem 0 1rem;
    }

    .textBanner {
        margin-left: 0;
    }

    .play-pause-btn img {
        display: none;
    }

    .mth-p-video {
        padding-top: 0;
    }

    .content-text {
        line-height: 10px;
    }

    .content-text p,
    .content-text ul,
    .content-text a {
        font-size: 8.31px;
    }

    .vig-horizontal {
        margin: 5px 0 0 10px;
    }

    .openFinanceDiv .content-logo img,
    .openseguroDiv .content-logo img,
    .openHospitalDiv .content-logo img,
    .openExequialDiv .content-logo img,
    .openAhorroDiv .content-logo img,
    .openAhorroDiv .content-logo img,
    .openseguroDiv .content-logo img,
    .openHospitalDiv .content-logo img,
    .openExequialDiv .content-logo img,
    .openAhorroDiv .content-logo img {
        width: 15px;
    }

    .openFinanceDiv .content-logo,
    .openExequialDiv .content-logo,
    .openHospitalDiv .content-logo,
    .openseguroDiv .content-logo,
    .openAhorroDiv .content-logo,
    .openAhorroDiv .content-logo,
    .openExequialDiv .content-logo,
    .openHospitalDiv .content-logo,
    .openseguroDiv .content-logo,
    .openAhorroDiv .content-logo {
        height: 1.8rem;
        padding: 0 6px;
    }

    .openFinanceDiv h4,
    .openAhorroDiv h4,
    .openseguroDiv h4 {
        font-size: 15px;
    }

    .openFinanceDiv h6,
    .openAhorroDiv h6 {
        font-size: 11px;
    }

    .btn-diseable,
    .btn-active {
        font-size: 8px;
        margin-right: 5px !important;
    }


    .content-right .card h1 {
        font-size: 23px;
        margin-bottom: 10px;
    }

    .cards-event-one .content-right {
        padding: 35px 15px 0 !important;
    }

    .mb-dialog {
        margin: 0 !important;
    }

    .tarjetabp {
        padding-top: 0rem;
    }

    .cards-event-one .content-left p {
        line-height: 10px;
        font-size: 9px;
        width: 150px;
        margin-left: 17px;
    }

    .cards-event-one .content-left h2 {
        line-height: 17px;
        width: 187px;
        font-size: 16px;
    }

    .cards-event-one .content-left div .img-tarjeta {
        width: 70px;
        margin-top: 18px;
    }

    .btn-destokp {
        display: none !important;
    }

    .btn-mb {
        display: flex !important;
    }

    .mth-btn-off {
        padding: 8px 45px;
    }

    .mth-bannerOne button {
        padding: 8px 90px;
    }

    .mth-bannerOne h1 {
        font-size: 70px;
        padding: 0 1rem;
    }

    .mth-text h2 {
        font-size: 24px !important;
        margin-bottom: 1rem !important;
        line-height: 28px;
    }

    .mth-content-two .mth-text p {
        margin: 0rem 1rem;
        line-height: 32px;
        font-size: 28px;
    }

    .mth-card-form {
        margin: 2rem 1rem;
        padding: 1rem 1rem;
    }

    .form-title h2 {
        font-size: 28px;
    }

    .mth-btn-off {
        font-size: 28px;
    }

    .mth-form input,
    .mth-form select {
        font-size: 20px;
    }

    .mth-content-tdatos p,
    .mth-content-form-internas p {
        font-size: 14px;
    }

    .content-form {
        font-size: 20px;
    }

    .form-title {
        margin: 0rem;
    }

    .mth-text h1 {
        font-size: 36px;
        padding: 0 0rem;
    }

    .mth-content-three h1 {
        font-size: 33px;
        padding: 0rem;
    }

    .content-footer h5 {
        font-size: 8px;
        width: 80px;
        margin-top: 5px;
        margin-left: 20px;
    }

    .content-footer .ADLlogo {
        width: 32px;
        margin-top: 10px;
    }

    .content-footer .logop {
        width: 56px;
    }

    .mth-intendencia a img {
        width: 50px;
        margin-top: 10px;
    }

    .mth-vigilado img {
        width: 4px;
    }

    .card-title h5 {
        font-size: 16px;
    }

    .autorice-content p {
        font-size: 15px;
        line-height: 18px;
    }

    .legal-form {
        font-size: 15px;
        line-height: 20px;
    }

    .textbanner h1 {
        font-size: 24px;
    }

    .autorice-content-input {
        margin-left: 0;
        text-align: left;
    }

    .autorice-content-input div {
        margin-left: 0;
    }

    .content-checkbox {
        margin-left: -3rem;
    }
}



@media (max-width: 767px) {

    .titulo-oferta h2 {
        font-size: 30px;
    }

    .instruccion-oferta {
        font-size: 20px;
        line-height: 20px;
    }

    .btn-regresar {
        margin-bottom: 2rem;
    }

    .subtitulo-oferta {
        font-size: 21px;
        line-height: 25px;
        margin: 1rem 0 2rem;
    }

    .icono-btn {
        margin: 0;
        width: 25%;
    }

    .vigilado {
        top: 30rem;
    }

    .vigilado img {
        width: 8px;
    }

    .banner-principal h2 {
        text-align: start !important;
        font-size: 17px;
    }

    .text-start {
        padding-left: 15px;
    }

    .t-blanco {
        padding-left: 10px;
    }

    .banner-principal p {
        font-size: 12px;
    }

    .btn-products {
        width: 270px;
    }

    .btn-productos {
        width: 270px;
    }

    .content_text_btn .tamaño-btn {
        margin: 0;
    }


    .titulo-oferta {
        width: 100%;
        padding: 0;
    }

    .icono-vector {
        opacity: 1;
    }

    .mth-bannerOne h1 {
        font-size: 36px;
    }

    .mth-content-two .mth-text p {
        line-height: 18px;
        font-size: 16px;
    }

    .form-title h2 {
        font-size: 17px;
    }

    .content-form {
        font-size: 14px;
    }

    .mth-form input,
    .mth-form select {
        font-size: 14px;
    }

    .mth-content-tdatos p,
    .mth-content-form-internas p {
        font-size: 7px;
    }

    .card-text,
    .error-message {
        font-size: 13px;
    }
}

/* Responsive mobile*/

@media (max-width: 768px) {
    .modal-dialog {
        max-width: 100% !important;
    }

    .mth-cards-products {
        display: flex;
    }
}

@media (max-width: 426px) {

    .carousel-control-prev-icon,
    .carousel-control-next-icon {
        opacity: 0;
    }

    .carousel-control-next {
        right: 0%;
    }

    .Content_card_asistencia {
        flex-wrap: wrap;
    }

    .card-asistencias.card {
        width: 100%;
        margin-bottom: 1.5rem;
    }

 


}

@media (min-width: 425px) and (max-width: 767px) {

    .mth-banner-credito-libranza,
    .mth-banner-cdt,
    .mth-banner-cuenta-ahorrar,
    .mth-banner-cuenta-nomina,
    .mth-banner-cuenta-pension,
    .mth-banner-seguros,
    .mth-banner-tarjeta-credito,
    .mth-banner-tarjeta-posible {
        height: 125px;
        margin-bottom: 62em;
    }

    .mth-form-int {
        margin-top: 5em !important;
    }

    .mth-btn-registro {
        padding: 12px 7.5rem !important;
    }
}

@media (min-width: 375px) and (max-width: 424px) {

    .mth-text h2 {
        padding: 0 50px;
    }

    .mth-banner-credito-libranza,
    .mth-banner-cdt,
    .mth-banner-cuenta-ahorrar,
    .mth-banner-cuenta-nomina,
    .mth-banner-cuenta-pension,
    .mth-banner-seguros,
    .mth-banner-tarjeta-credito,
    .mth-banner-tarjeta-posible {
        height: 125px;
        margin-bottom: 62em;
    }

    .mth-form-int {
        margin-top: 5em !important;
    }

    .mth-btn-registro {
        padding: 12px 6rem !important;
    }

}

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

    .mth-btn-regresar {
        margin-top: 8rem;
    }

    .mth-bannerOne p {
        font-size: 18px;
        margin: 0 1rem !important;
        line-height: 27px;
    }

    .mth-lbl-nombre,
    .mth-lbl-correo,
    .mth-lbl-tipo-docu,
    .mth-lbl-documento,
    .mth-lbl-celular,
    .mth-lbl-atencion {
        line-height: 18px;
    }

    .mth-btn-registro {
        padding: 12px 4.5rem;
    }

    .mth-banner-credito-libranza,
    .mth-banner-cdt,
    .mth-banner-cuenta-ahorrar,
    .mth-banner-cuenta-nomina,
    .mth-banner-cuenta-pension,
    .mth-banner-seguros,
    .mth-banner-tarjeta-credito,
    .mth-banner-tarjeta-posible {
        height: 125px;
        margin-bottom: 65em;
    }

    .mth-form-int {
        margin-top: 5em !important;
    }

    .mth-d-flex-responsive {
        display: inline !important;
    }

    .mth-card-slider-responsive {
        height: auto;
        margin: 0 10px;
    }

    .hcardhome .card-body {
        height: 10em !important;
    }

    .mth-btn-carousel {
        margin-top: -2px !important;
    }

    .card-img-custom {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .mth-card-slider-responsive .card-body .card-text>p {
        margin-top: -5%;
    }

    .mth-content-three-detalle-producto .container .row>h1 {
        font-size: 17px;
    }

    .mth-form input,
    .mth-form select {
        max-width: 257px;
    }

    .mth-img-icono-internas {
        width: 8%;
    }

    .mth-button-dropdown {
        width: auto !important;
    }

    .mth-content-two-detalle-producto .d-flex {
        padding-top: 2% !important;
    }

    .video-container {
        width: auto !important;
    }
}