/*Icons*/
.modal-content .icon:before {
  background-image: none;
}
.message .icon {
  background-size: 48px 48px;
}
.message .icon-ok-black {
  background-image: url('/assets/img/icons/13_Confirma_black-Outline.svg');
}
.message .icon-ok,
ul.ok li {
  background-image: url("/assets/img/icons/13_Confirma_black-Outline.svg");
  background-size: 48px 48px;
}
.message .icon-ok-gris,
ul.ok li {
  background-image: url("/assets/img/icons/13_Confirma_gris-Outline.svg");
  background-size: 48px 48px;
}

.icon-ok-new{
  background-image: url("/assets/img/icons/ok-6417.svg");
}
.banner-contract-credit-line ul.ok li {
  background-size: auto;
}
.message .icon-ko {
  background-image: url("/assets/img/icons/28_Error-atencion.svg");
}
.icon-ko-new {
  background-image: url("/assets/img/icons/atention-6417.svg");
}
.message .icon-ko-risk {
  background-image: url("/assets/img/icons/denied-6417.svg");
}
.message .icon-warning {
  background-image: url("/assets/img/icons/warning.svg");
}
.message .icon-blocked {
  background-image: url('/assets/img/icons/block_119382.svg');
}
.message .icon-information {
  background-image: url("/assets/img/icons/more_information.svg");
}
.information-text {
  text-align: left;
  padding: 0 1rem;
}

.bannerMC01 {
  cursor: pointer;
  margin: 20px 0;
  width: 100%;
  position: relative;
  justify-content: center;
  display: flex;

  .img {
    width: 100%;
  }

  .desktop {
    display: block;
    height: 100%;
  }
  .tablet {
    display: none;
  }
  .mobile {
    display: none;
    max-height: 227px;
    max-width: 300px;
  }
}

.modal {
  z-index: 1050;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: none;
  outline: 0;
  overflow: hidden;
  padding: 0 !important;
  -webkit-overflow-scrolling: touch;
  text-align: center;
}

.modal:before {
  content: "";
  display: inline-block;
  margin-right: -4px;
  height: 100%;
  vertical-align: middle;
}

.modal.spinner {
  z-index: 1030;
}

body.modal-open {
  position: fixed;
  width: 100%;
  overflow: hidden;
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal.in {
  display: inline-grid;
  align-content: center;
}
#evolveModalTutorial.modal.in {
  z-index: 1100;
}

.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  transform: translate(0, -25%);

  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;

  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
/*Modal Dialog*/
.modal-dialog {
  position: relative;
  display: inline-block;
  margin: 15px auto;
  height: calc(100vh - 30px);
  max-width: 640px;
  width: calc(100vw - 30px);
  vertical-align: middle;
  text-align: left;
}
.modal-dialog.modal-dialog-simulation {
  max-width: 700px;
}

.modal-dialog.modal-dialog-cancel {
  max-width: 542px;
}
.modal-dialog-small{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 425px;
}
.modal-small {
  max-width: 420px;
}
.modal-medium {
  max-width: 830px;
}
.modal-large {
  max-width: 1020px;
}
.modal-tall {
  max-height: 90vh;
}
.modal-300,
.modal-400,
.modal-430,
.modal-450,
.modal-490 {
  width: 292px;
}
.new-modal-receipt {
  width: 330px !important;
}
.title-receipt {
  margin-bottom: 15px;
  padding-bottom: 4px;
  text-align: center;
  font-family: "Lato Light", sans-serif;
  font-size: 2.2rem;
}
.icon-ok-receipt {
  background-image: url("/assets/img/icons/ok-6417.svg");
  background-size: 48px 48px;
}
.icon-alert-receipt {
  background-image: url("/assets/img/icons/atention-6417.svg");
  background-size: 48px 48px;
}
.button-back {
  padding: 20px 35px;
}
.button-back-ko {
  padding: 15px 35px;
  margin: 10px 10px;
}
.text-up {
  margin-top: 20px;
}

/*Modal Content*/
.modal-content {
  position: relative;
  outline: 0;
  background-color: #fff;
  background-clip: padding-box;
  padding: 20px;
}

.modal-content > h1,
.modal-content .default-title {
  border-bottom: solid 1px #ddd;
  margin-bottom: 15px;
  padding-right: 30px;
  padding-bottom: 4px;
  font-family: "Lato Light", sans-serif;
  font-size: 2.2rem;
  color: #333;
}
.private .modal-content > h1,
.private .modal-content .default-title {
  padding-right: 0;
  display: contents;
}

.private .modal-content>h1.ppc-lb-confirmar-title {
  display: block;
  text-align: center;
  margin-bottom: 6px;
  border-bottom: none;
}

.modal .main-title {
  border-bottom: 1px solid #ddd;
  margin-bottom: 20px;
  padding-bottom: 5px;
  font-size: 2rem;
  color: #333;
}

.modal .close:active,
.modal button.close:active {
  border: 1.4px solid #242424;
}
.modal .close, .modal button.close {
  right: 1rem;
  background-image: url("/assets/img/icons/cross_grey.svg");
  background-size: 10px auto;
  height: 17px;
  width: 17px;
  background-repeat: no-repeat;
  background-position: 50%;
}

.modal .newClose {
  background-image: url("/assets/img/icons/new_cross_black.svg");
  position: relative;
  width: 17px;
  height: 17px;
  top: 5px;
}

.modal #modalLC .close, .modal #modalCancelLC .close {
  right: -15px;
  top: -15px;
}

.modal-body#modal-body-LC {
  padding-top: 25px;
}

#modalOnePlusNoMarkAutoread .close {
  position: absolute;
  scale: 2;
  margin-top: 2rem;
}

.modal .close.close--absolute {
  position: absolute;
  top: 10px;
}

.modal .close:hover {
  border-bottom: none;
}

.modal .close.white {
  background-image: url("/assets/img/icons/cross_white.svg");
}
.modal .close.black {
  background-image: url('/assets/img/icons/one-plus/close-black.svg');
}

.modal .buttons-inline .btn {
  width: auto;
  float: left;
}
.modal .buttons-inline .go {
  margin-right: 20px;
  float: right;
  line-height: 46px;
}
.modal .buttons-inline .go:after {
  top: 20px;
}

/*Modal Backdrop*/
.modal-backdrop {
  z-index: 1040;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #000000;
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.modal-backdrop.in {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

/*Modal header*/
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
  content: " ";
  display: table;
}
.modal-header:after,
.modal-footer:after {
  clear: both;
}
.modal-header-banner-ET23 {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  align-content: flex-start;
  align-items: flex-start;
}
.modal-body-newBannerET23 {
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: 51vw;
  align-content: center;
  height: 12vw;
  margin-top: 4vw;
  padding-left: 8vw;
}

/*Politica de privacidad*/

.modal-private-policy .btn {
  margin: 0;
}
.public .modal-private-policy .main-title {
  color: #333;
}

.modal-private-policy ol {
  padding-left: 20px;
  list-style: decimal;
}

.modal-private-policy li {
  margin-bottom: 10px;
}

.modal-private-policy li li {
  list-style-position: inside;
}
/* Modal provisional de Solicitud de Tarjeta */

.request-card-form .modal-dialog {
  max-width: 400px;
}

.notification-one-plus.modal .modal-content {
  padding: 0;
}

.notification-one-plus .modal-content a {
  position: absolute;
  bottom: 10px;
  right: 40px;
}

.modal-renegotation.modal-calling-logalty .img-arrow {
  margin-top: 12px;
  width: 40px;
}

@media (max-width: 1023px) {
  .modal-private-policy .modal-body {
    margin-bottom: 20px;
    max-height: 310px;
    overflow-y: scroll;
  }
  .modal-private-policy .btn {
    width: 100%;
  }
}

@media (min-width: 768px) {
  .modal .modal-content {
    padding: 30px;
  }
  .modal-300 {
    width: 300px;
  }
  .modal-400 {
    width: 400px;
  }
  .modal-430 {
    width: 430px;
  }
  .modal-450 {
    width: 450px;
  }
  .modal-490 {
    width: 490px;
  }
  .modal-760 {
    max-width: none;
    width: 760px;
  }
  .modal .main-title {
    font-size: 2.4rem;
  }

  #identifDatosVerificados .modal-content {
    padding: 20px;
  }
}
@media (min-width: 1024px) {
  .header + .modal + #main {
    margin-top: 100px;
  }

  .modal-dialog {
    margin-top: 20px;
  }
}
@media screen\0 {
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .modal-contratar iframe,
  .modal-contratar .pdfobject-container,
  .modal-contratar .pdfobject,
  #pdf-embeded {
    display: none;
  }
}
/* TODO: refactorizar el id a Modal KO*/
#identifDatosIncorrectos .modal-dialog {
  max-width: 400px;
}
#identifDatosIncorrectos .modal-body ul.list-bullet-gray {
  margin: 0 10px;
}
#identifDatosIncorrectos .modal-body ul.list-bullet-gray li {
  margin: 0 0 5px 0;
}
#identifDatosIncorrectos .icon-ko {
  margin-bottom: 12px;
}

@media (max-width: 767px) {
  .modal-dialog {
    height: calc(100vh - 80px);
  }
  .modal-header--icon {
    opacity: 0;
    height: 20px;
  }

  .modal .close, .modal button.close{
    top: 0;
  }

  #modalDirectLoan .close {
    top: 30px;
  }
  /* .pdfobject-container {
    display: none;
  } */
}

.modal-header--title__centered {
  text-align: center;
}

.modal-header-h1 {
  font-family: "Lato", sans-serif;
  color: #333;
}

#evolveModalTutorial .modal-dialog {
  max-width: 520px;
}

#evolveModalTutorial .modal-header {
  border-bottom: 1px solid #bbb;
}
.left-arrow-legal{
  width: 16px;
}
.go-legal-way-pay{
  display: flex;
  justify-content: flex-end;
  margin-top: 15px;
}
.go-modify-way-pay{
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
  align-items: center;
}
.go-modify-way-pay-revolving{
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
  align-items: center;
}
#legal-consequences-modal .main-text{
  margin-bottom: 20px;
}
#evolveModalTutorial .modal-header--title {
  margin: 0 auto 10px;
  max-width: 324px;
  border-width: 0;
}

#evolveModalTutorial .modal-body {
  padding: 20px 0;
}

@media (min-width: 768px) {
  .modal-header--icon {
    display: block;
    margin: 0 auto 30px;
    max-height: 100px;
    width: auto;
  }
  #evolveModalTutorial .modal-body {
    padding: 20px;
  }
}

#evolveModalTutorial .numbers {
  margin-bottom: 2.5em;
}

#evolveModalTutorial p {
  margin-bottom: 1em;
}

#app2 {
  display: flex;
  padding-bottom: 15px;
  justify-content: center;
}

.error-data .generic-error {
  margin: 0px 5px 10px;
  color: #df5454;
}

/* New Modales and Banners */

/* Modales */

.modalNewCardEA05 {
  background-image: url("/assets/img/public/new-notifications/EA05-lightbox-767x600.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 767px;
  height: 600px;
}

.modalNewCardMT32 {
  background-image: url("/assets/img/public/new-notifications/MT32-Lightbox-Desktop.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 767px;
  height: 490px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.modalNewCardAB21 {
  background-image: url("/assets/img/public/new-notifications/AB21-Lightbox-Desktop-640x410.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 767px;
  height: 490px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.modalNewCardET28 {
  background-image: url("/assets/img/public/new-notifications/Lightbox_ET28_Desktop_767x600px.png");
  background-repeat: no-repeat;
  background-size: contain;
  position: relative; 
  width: 660px;
  height: 515px;
  display: flex;
  flex-direction: column;
}

.modalNewCardMT32 {
  background-image: url("/assets/img/public/new-notifications/MT32-lightbox.767x600.png");
  background-repeat: no-repeat;
  background-size: contain;
  position: relative; 
  width: 660px;
  height: 515px;
  display: flex;
  flex-direction: column;
}

.modalNewCardET01 {
  background-image: url("/assets/img/public/new-notifications/ET01-Lightbox_767x600.png");
}

.modal-header-et01, .modal-header-ea05{
  width: 100%;
  height: 100%;
}

.modalNewCardET29 {
  background-image: url("/assets/img/public/new-notifications/Lightbox_ET29_767x600.png");
}
.modalNewCardET23{
  background-image: url("/assets/img/public/new-notifications/Lightbox_ET23_Desktop_767x600.png");
}

.modalNewCardET08{
  background-image: url('/assets/img/public/new-notifications/Lightbox_ET08_Desktop_767x600px.png');
}

.modalNewCardEA05 {
  background-image: url("/assets/img/public/new-notifications/EA05-lightbox-767x600.png");
}

.modalNewCardEA00 {
  background-image: url("/assets/img/public/new-notifications/EA00-lightbox-767x600.png");
}

.modalMC02 {
  background-image: url("/assets/img/public/new-notifications/MC02-Lightbox-Desktop-767x600.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 600px;
  height: 490px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  .btnModalMC02{
    top: -5rem;
    position: relative;
    left: 18rem;
    border-radius: 4px;
    background-color: #333;
    padding: 10px 20px;
  }
}



.modalMC02 a.close {
  margin-top: 20px;
}

.modalReceipts01 {
  background-image: url("/assets/img/private/dashboard/receipts/Aplazamiento_Recibo_TECI_640x410px.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 767px;
  height: 490px;
  display: flex;
  flex-direction: column;
}
.modal-1-ciberseguridad {
  background-image: url("/assets/img/private/dashboard/notificaciones-ciberseguridad/ciberseguridad-1er-trimestre.svg");
}
.modal-2-ciberseguridad {
  background-image: url("/assets/img/private/dashboard/notificaciones-ciberseguridad/ciberseguridad-2o-trimestre.svg");
}
.modal-3-ciberseguridad {
  background-image: url("/assets/img/private/dashboard/notificaciones-ciberseguridad/ciberseguridad-3er-trimestre.svg");
}
.modal-4-ciberseguridad {
  background-image: url("/assets/img/private/dashboard/notificaciones-ciberseguridad/ciberseguridad-4o-trimestre.svg");
}
.modalCiberseguridad {
  background-repeat: no-repeat;
  background-size: contain;
  width: 767px;
  height: 490px;
  display: flex;
  flex-direction: column;
}

@media (max-width: 560px) {
  .bannerMC01 {
    .desktop {
      display: none;
    }
    .tablet {
      display: none !important;
    }
    .mobile {
      display: block !important;
    }
  }
}


.modalReceipts03 {
  background-image: url("/assets/img/private/dashboard/receipts/Aplazamiento_Recibo_EVOLVE_640x410px.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 767px;
  height: 490px;
  display: flex;
  flex-direction: column;
}

.containermodalpd33 {
  background-image: url("/assets/img/private/dashboard/notification-contract-direct-loan/Lightbox_Prestamo_Directo_640x410.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 767px;
  height: 490px;
  display: flex;
  flex-direction: column;
}



/* Banners */

.bannerNewCardET28 {
  background-image: url("/assets/img/public/new-notifications/Banner_ET28_Desktop_1240x94.png");
  background-repeat: no-repeat;
  background-size: contain;
  max-width: 1219px;
  min-height: 93px;
  margin-left: 10px;
  margin-right: 10px;
  display: flex;
  align-items: center;
  position: relative;
  margin-top: 42px;
  margin-left: 10px;
}

.bannerRdDana {
  background-image: url("/assets/img/private/dashboard/banner-dana/banner-link/IMG_05_banner_dashboard_superior_moratoria_DANA_2024_(1240x94px)_feci_accede.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  min-height: 93px;
  display: flex;
  margin-top: 15px;
  align-items: center;
  position: relative;
  justify-content: end;
}

.bannerRdDana > .bannerRdDana-body {
  position: relative;
  right: 28px;
}

.bannerRdDana > .bannerRdDana-body  > .btn_DANA {
  padding: 8px 40px; 
}

.bannerRdDanaNoLink {
  background-image: url("/assets/img/private/dashboard/banner-dana/banner-no-link/IMG_03_banner_dashboard_superior_moratoria_DANA_2024_(1240x94px)_feci_llama.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  min-height: 93px;
  display: flex;
  margin-top: 10px;
  align-items: center;
  position: relative;
}

.bannerNewCardMT32 {
  background-image: url("/assets/img/public/new-notifications/MT32-Banner-Desktop.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  max-width: 1219px;
  min-height: 93px;
  display: flex;
  align-items: center;
  position: relative;
}

.bannerNewCardAB21 {
  background-image: url("/assets/img/public/new-notifications/AB21-Banner-Desktop_1240x94px.png");
  background-repeat: no-repeat;
  background-size: contain;
  max-width: 1219px;
  min-height: 93px;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 42px;
  display: flex;
  align-items: center;
  position: relative;
}

.hide {
  display: none;
}

.modal-evolve-newBannerET01 {
  margin-right: 25px;
}

.bannerNewCardEA00 {
  background-image: url("/assets/img/public/new-notifications/EA00-banner-1240x94.png");
  background-repeat: no-repeat;
  background-size: contain;
  max-width: 1219px;
  min-height: 93px;
  display: flex;
  align-items: center;
  position: relative;
}

.bannerNewCardEA05 {
  background-image: url("/assets/img/public/new-notifications/EA05-banner-1240x94.png");
  background-repeat: no-repeat;
  background-size: contain;
  max-width: 1219px;
  min-height: 93px;
  display: flex;
  align-items: center;
  position: relative;
}

.bannerNewCardET01 {
  background-image: url("/assets/img/public/new-notifications/ET01-Banner_1240x94.png");
  background-repeat: no-repeat;
  background-size: contain;
  max-width: 1219px;
  min-height: 93px;
  display: flex;
  align-items: center;
  position: relative;
}

.bannerNewCardMT32 {
  background-image: url("/assets/img/public/new-notifications/MT32-banner-1240x94.png");
  background-repeat: no-repeat;
  background-size: contain;
  max-width: 1219px;
  min-height: 93px;
  display: flex;
  align-items: center;
  position: relative;
}

.bannerNewCardET29 {
  background-image: url("/assets/img/public/new-notifications/Banner_ET29_Desktop_1024X94px.png");
}

.bannerNewCardET23{
  background-image: url("/assets/img/public/new-notifications/Banner_ET23_Desktop_1240x94px.png");
}

.bannerNewCardET08{
  background-image: url('/assets/img/public/new-notifications/Banners_ET08_Desktop_1024x94px.png');
}

.modalNewCardLI01 {
  background-image: url("/assets/img/private/dashboard//impagados/LI01-lightbox-Desktop.jpg")!important;
  align-items: center;
}
.modalNewCardCG02 {
  background-image: url("/assets/img/private/dashboard/resumen-compras/IMG_02_lightbox_ACT_(767x600px)_clientes_TECI_gco_2024.jpg")!important;
  align-items: center;
}

.bannerAR02 {
  display: block;  
}
.bannerImpagados-container {
  position: relative;
  width: 100%;
}
.bannerImpagados-btn {
  position: absolute;
  text-align: center;
  bottom: 28%;
  right: 9%;

  background-color: white;
  color: black;
  padding: 5px 14px;
  min-width: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 4rem;
}

.bannerPD34 {
  background-image: url("/assets/img/private/dashboard/direct-loan-update/FECI_Banner_PrestamoDirecto_Analogica_1240x94_CLEAN.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  /* max-width: 1219px; */
  min-height: 93px;
  /* margin-left: 10px; */
  /* margin-right: 10px; */
  display: flex;
  /* margin-top: 42px; */
  align-items: center;
  position: relative;
}

@media (max-width: 767px) {
  .bannerImpagados-btn {
    right: 39%;
    bottom: 17%;
  }
}
@media (max-width: 491px) {
  .bannerImpagados-btn {
    bottom: 14%;
    right: 29%;
    min-width: 140px;
    height: 3rem;
  }
}

.bannerAR02 {
  background-image: url("/assets/img/private/dashboard/receipts/Banner_Aplazamiento_Recibo_TECI_1240x94px.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  max-width: 1219px;
  min-height: 93px;
  margin-left: 10px;
  margin-right: 10px;
  display: flex;
  position: relative;
  margin-top: 42px;
  margin-left: 10px;
  justify-content: flex-end;
}

.bannerAR04 {
  background-image: url("/assets/img/private/dashboard/receipts/Banner_Aplazamiento_Recibo_EVOLVE_1240x94px.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  max-width: 1219px;
  min-height: 93px;
  margin-left: 10px;
  margin-right: 10px;
  display: flex;
  position: relative;
  margin-top: 42px;
  margin-left: 10px;
  justify-content: flex-end;
}

/* Buttons */

.btnNewCardSecond {
  padding: 15px 90px;
  font-size: 2rem;
  background-color: black;
}

.btnNewCardSecondET28 {
  display: inline-block;
  text-decoration: none;
  line-height: 1.45;
  text-align: center;
  padding: 15px 40px;
  font-family: "Eci Font Medium";
  font-size: 2rem;
  margin: 180px 0px 0px 40px;
  height: 70px;
  background-color: black;
  color: white;
}

@media (min-width: 481px) {
  #modalet28 .btnNewCardSecondET28 {
    margin: 110px 0px 0px 40px;
  }
}

.btnBannerNewCardEA05, .btnBannerNewCardEA00, .btnNewBannerMT32 {
  padding: 10px 40px;
  margin-right: 35px;
  background-color: black;
  color: white;
  width: 180px;
  text-transform: uppercase;
}

.btnBannerNewCardEA00 {
  padding: 5px 50px;
  margin: 4px 0px 0px 80px;
  background-color: black;
  width: 180px;
  height: 42px;
  margin-right: 35px;
}

.modal-footer-EA05 {
  display: flex;
  align-items: center;
  margin-left: auto;
  margin-right: 20px;
}
.textbannerPD34-br {
  display: none;
}
.modal-header-bannerPD34 {
  flex: 1.7
}
.modal-footer-PD34 {
  flex: 1;
  display: flex;
  align-items: center; 
  gap: 20px;
  margin-left: auto;
  margin-right: 20px;
}

/* @media (min-width: 481px) {
  #modalet01 .btnET01,
  #modalet08 .btnET01 {
    margin: 186px 0px 0px 40px;
  }
} */

@media (min-width: 481px) {
  #modalet01 .btnET01,
  #modalet08 .btnET01 {
    margin: 20px 0px 0px 20px;
  }
}

.btnET01, .btnEA05 {
  margin: 200px 0px 0px 40px;
  color: white;
  width: 25%;
  height: 70px;
  text-transform: uppercase;
}

.btnEA05 {
  margin: 120px 0px 10px 27px;
  color: white;
}

.btn_MT32{
  text-transform: uppercase;
}
.btn_CG02 {
  position: relative;
  bottom: -42rem;
  font-size: 2rem !important;
  padding: 2rem 5rem !important;
  color: white !important;
  background-color: black !important;
  border: none !important;
  font-weight: 600;
  border-radius: 4px;
}

a.btnAR01, a:hover.btnAR01, a.btnAR03, a:hover.btnAR03 {
  font-size: xx-large;
  color: white;
  text-decoration: underline;
  font-weight: bold;

}

.arrow-right-continue{
  background: url(../../../../assets/img/loyalty/arrow-right-continue.svg) no-repeat;
  background-size:contain;
  width: 20px;
  height: 20px;
  margin-top:5px;
}

.imp-banner-acc__button:active .arrow-right-continue {
  background-image: url(../../../../assets/img/loyalty/arrow-right-continue-black.svg);
}

.btnBannerNewCardET01, .btnBannerNewCardEA05, .btnBannerNewCardEA00, .btnBannerNewCardMT23, .btnNewBannerMT32 {
  padding: 5px 76px;
  background-color: black;
  width: 180px;
  text-transform: uppercase!important;
}

.roundedButton{
  padding: 15px 20px !important;
  border-radius: 35px; 
  font-family: "Eci Font Medium" !important;
}

.btnBannerNewCardET28, .btnBannerNewCardET01, .btnBannerNewCardEA05, .btnBannerNewCardEA00, .btnBannerNewCardMT23, .btnNewBannerMT32 {
  display: flex; 
  align-items: center;
  justify-content: center;
  gap: 1rem; 
  min-width: 100px; 
  margin-right: 20px; 
}
.btnBannerNewCardET28_mobile {
  display:none; 
}

.btnbannerPD34{
  padding: 5px 76px;
  background-color: black;
  width: 160px;
}

a.btnBannerAR02, a:hover.btnBannerAR02, a.btnBannerAR04, a:hover.btnBannerAR04 {
  font-size: x-large;
  color: white;
  text-decoration: underline;
  font-weight: bold;
}

a.btnBannerAR02:active, a.btnBannerAR04:active {
  color: #242424;
}

.btnNewBannerMT32 {
  padding: 5px 50px;
  background-color: black;
  color: white;
  width: 180px;
}

/* Titles and Texts */

.thirdTitleNewNotification {
  font-family: "Eci Font Medium";
  font-size: 5rem;
  color: white;
  margin-top: 22px;
  text-align: initial;
}

.titleNewNotification {
  font-family: "Eci Font Medium";
  font-size: 5.5rem;
  color: white;
  text-align: initial;
}

.titleNewNotificationEA00 {
  font-family: "Eci Font Medium";
  font-size: 44px;
  color: white;
  text-align: initial;
  width: 640px;
  line-height: 53.64px;
  padding-top: 40px;
}

.secondTitleNewNotificationEA00 {
  font-family: "Eci Font Light";
  font-size: 28px;
  color: white;
  text-align: initial;
  width: 640px;
  padding-top: 15px;
  line-height: 30.8px;
}

@media (min-width: 481px) {
  #modalet01 .secondTitleNewNotification {
    margin-top: 40px;
  }
}

.secondTitleNewNotification {
  font-family: "Eci Font Medium";
  font-size: 4rem;
  color: #dadcdb;
  margin-top: 25px;
  text-align: initial;
}




.textNewCard {
  font-family: "Eci Font Medium";
  color: black;
  text-decoration: underline;
  font-size: 2rem;
  margin-top: 10px;
  text-align: initial;
  margin-left: 40px;
}

.textNewCardSecond {
  font-family: "Eci Font Medium";
  color: black;
  font-size: 1.5rem;
  text-decoration: none;
  text-align: initial;
}

.textNewCardSecondEA00 {
  font-family: "Eci Font Medium";
  color: black;
  font-size: 1.5rem;
  text-decoration: none;
  text-align: initial;
  margin-left: 40px;
}

.secondTitleBannerNewCardET01 {
  font-family: "Eci Font Light";
  color: #dadcdb;
  font-size: 2rem;
  text-align: initial;
  margin-top: 10px;
}

.titleBannerNewCardET01 {
  font-family: "Eci Font Medium";
  color: white;
  font-size: 2rem;
  text-align: initial;
}

.titleNewBannerMT32 {
  font-family: "Eci Font Medium";
  color: white;
  font-size: 2rem;
  text-align: initial;
  line-height: 28px;
  margin: 0px;
}

.titleBannerNewCardEA00 {
  font-family: "Eci Font Medium";
  color: white;
  font-size: 2.2rem;
  text-align: initial;
  margin-bottom: 0.8rem;
  line-height: 2.2rem;
}

.secondTitleBannerNewCardEA00 {
  font-family: "Eci Font Medium";
  color: white;
  font-size: 1.6rem;
  text-align: initial;
  margin-bottom: 0;
}

.titleBannerNewCardEA05 {
  font-family: "Eci Font Medium";
  color: white;
  font-size: 2rem;
  text-align: initial;
  margin: 15px 0px 0px 173px;
}

.textBannerNewCardEA00 {
  font-weight: bold;
  text-align: initial;
}

.textBannerNewCardEA00 {
  width: 190px;
}

.textBannerNewCardEA05 {
  font-weight: bold;
  text-align: initial;
  width: 190px;
}
.basic.btnbannerPD34.btn_PD34 {
  font-family: 'Poppins Medium', sans-serif;
  font-size: 14px;
  border: none;
  background-color: #333;
  border-radius: 5px;
}
.textbannerPD34 {
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
  text-align: initial;
  li{
    font-weight: normal; 
  }
}

.titleBannerNewCardEA05 br {
  display: none;
}

.textNewBannerMT32 {
  font-weight: bold;
  margin: 15px;
  cursor: pointer;
}

.titlebannerPD34 {
  font-family: 'Poppins', sans-serif;
  font-size: 28px;
  color: #333;
  text-align: initial;
  margin-left: 24.7px;
}

.titlebannerPD34 .nowrap{
  text-wrap: nowrap;
}

.titlebannerPD34 span{
  color: #0a8250;
  font-size: 28px;
}


/* Modals and cards */

.titles-modals-align {
  text-align: initial;
  display: flex;
  flex-direction: column;
}

.titles-modals-notalign {
  display: flex;
  flex-direction: column;
}

.modal-body-newBannerEA00 {
  display: flex;
  align-items: center;
}

.modal-exit-ciberseguridad {
  padding-top: 20px;
}
.modal-exit {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding-left: 40px;
}

.only-exit {
  justify-content: flex-end;
}

.modal-body-newCard {
  margin-left: 40px;
  display: flex;
  flex-direction: column;
  width: fit-content;
}

.modal-evolve-startCard {
  display: flex;
  flex-direction: column;
  margin-left: 20px;
  justify-content: space-between;
  height: 100%;
}

.modal-evolve-newBannerET01, .modal-evolve-newBannerMT32 {
  display: flex;
  padding: 0px 0px 0px 175px;
  width: 100%;
  justify-content: flex-end;
  align-items: center;
  position: absolute;
  top: 18px;
}

.modal-header-newCardEA00 {
  margin: 0px 0px 0px 175px;
}

.body-modal-MT32 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.body-modal-ET01, .body-modal-EA05, .body-modal-EA00{
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  height: 90%;
  padding-right: 30px;
}

.body-modal-AR01, .body-modal-AR03 {
  top: 250px;
  position: relative;
  left: -260px;
}

.body-modal-PD33 {
  position: relative;
  height: 100%;
  
  .modal-content{
    background-color: transparent;
    height: 100%;

    .modal-body {
      padding: 2rem;

      .welcome-direct-loan {
        color: #0a8250;
        font-size: 2.5rem;
      }
      .bigger{
        font-size: 3rem; 
      }
      .regular-paragraph {
        font-size: 3rem;
        line-height: 3.5rem;
      }
      .big-number {
        font-size: 7rem;
        font-weight: bold;
      }
      .regular-paragraph.regular-info {
        font-size: 2rem;
      }
      .no-margin{
        margin: 0; 
        line-height: normal;
      }
    }
  }

  .btn_PD34{
    padding: 17px 35px;
    font-size: 20px;
  }
}

.modalRequestCard {
  justify-content: center;
}

.modal-evolve-newBannerEA05 {
  display: flex;
  width: 100%;
}

.modal-evolve-newBannerET28 {
  display: flex;
  position: absolute; 
  width: 100%;
  justify-content: flex-end;
  align-items: center;
}

.modal-header-banner-AB21 {
  margin: 10px 0px 0px 160px;
}

.modal-header-banner-AB21 br {
  display: none;
}

.modal-evolve-newBannerMT32 {
  width: 100%;
  display: flex;
  align-items: center;
  margin: 0px 0px 0px 175px;
  justify-content: space-between;
}

.modal-evolve-newBannerMT32 br {
  display: none;
}

.modal-body-newBannerMT32 {
  display: flex;
  align-items: center;
  margin-right: 25px;
}

.modal-header-newCardET28 {
  display: flex;
  flex-direction: column;
}

.modal-header-newCardET29 {
  display: flex;
  flex-direction: column;
}

.modal-header-newCardET23 {
  display: flex;
  flex-direction: column;
  margin-top: 15px;
}

.modal-header-newCardET23 {
  display: flex;
  flex-direction: column;
  margin-top: 13px;
}

.modal-evolve-newBannerET23 {
  display: flex;
  align-items: center;
  margin: 0px 0px 0px 175px;
  width: 100%;
}

.modal-evolve-bannerPD34{
  display: flex; 
  align-items: center;
  gap: 10px; 
  width: 100%; 
}

.modal-footer-ET23 {
  margin-left: auto;
  display: flex;
}

.modal-body-newBannerET28 br {
  display: none;
}

.modal-body-newBannerET28 {
  margin-right: 25px;
}

.modal-body-newBannerET29 {
  margin: 0px 0px 0px 84px;
}

.bannerAR02-body, .bannerAR04-body {
  position: relative;
  right: 165px;
  top: 2.6rem;
}

.modal-body-newBannerET01, .modal-footer-EA00, .modal-body-newBannerMT32{
  position: relative;
  right: 0;
}

.closeNewNotif {
  right: 37px;
  top: 20px;
}

.closeReceiptsNotif {
  top: 20px;
}

.btnNewCardET28{
  display: flex; 
  gap:1.5rem; 
  align-items: center;
  font-size: 15px !important;
  position: absolute;
  top: 75%;
  left: 57%;
}

.btnNewCardET29{
  left: 69%; 
}

.modalNewCardEA00 > .btn_EA00:hover,
.modalNewCardEA00 > .btn_EA00:focus {
  color: #fff;
}

.modalNewCardEA00 > .btn_EA00{
  top: 68%; 
}

.modalNewCardET23 > .btn_ET23 {
  left: 68%;
}

.modalNewCardET08 > .btn_ET08{
  left: 72%;
}

@media (min-width: 640px) and (max-width: 767px) {
  /* Tittles and Texts */

  .secondTitleNewNotification {
    font-size: 3rem;
  }

  .titleNewNotification {
    font-size: 3rem;
  }

  .thirdTitleNewNotification {
    font-size: 3rem;
  }

  .textNewCard {
    font-size: 1.5rem;
    margin-top: 10px;
  }

  /* Buttons */

  .btnET01, .btnEA05 {
    margin: 174px 0px 0px 35px;
  }

  .btnEA05 {
    margin: 125px 0px 0px 35px;
    padding: 15px 65px;
  }

  .btnNewCardSecond {
    padding: 13px 75px;
    font-size: 2rem;
  }

  .btnNewCardSecondEA00 {
    padding: 13px 95px;
    font-size: 2rem;
  }



  .btnNewCardSecondMT32 {
    padding: 13px 75px;
    font-size: 2rem;
    margin: 145px 0px 0px 40px;
  }

  /* Modals */

  .modalNewCardMT32 {
    width: 640px;
    height: 410px;
  }

  .modalNewCardET28 {
    width: 640px;
    height: 410px;
  }

  .modalCiberseguridad{
    width: 640px;
      height: 410px;
  }

  .modal-evolve-startCard {
    margin-left: 0px;
  }

  .modal-exit {
    width: 100%;
    padding-left: 35px;
  }

  .modal-body {
    margin-left: 35px;
  }

  .modal-body-newCard {
    margin-left: 35px;
  }
}

@media (min-width: 400px) and (max-width: 639px) {
  /* Titles and texts */

  .bannerNewCardET01 {
    background-image: url("/assets/img/public/new-notifications/ET01-Banner_375x112.png");
    align-items: unset;
    padding-top: 20px;
    padding-left: 20px;
    height: 227px;
  }

  .bannerNewCardMT32 {
    background-image: url("/assets/img/public/new-notifications/MT32-banner-375x112.png");
    align-items: unset;
    padding-top: 20px;
    padding-left: 20px;
    height: 227px;
  }

  .bannerNewCardEA05 {
    background-image: url("/assets/img/public/new-notifications/EA05-banner-375x112.png");
    align-items: unset;
    padding-top: 20px;
    padding-left: 20px;
    height: 227px;
  }

  .btnBannerNewCardET01, .btnBannerNewCardEA05, .btnBannerNewCardEA00, .btnBannerNewCardMT23, .btnNewBannerMT32 {
    width: 100px;
  }

  .modal-evolve-newBannerET01, .modal-evolve-newBannerMT32 {
    padding: 0px;
    flex-direction: column;
    position: relative;
    width: unset;
  }

  .modal-body-newBannerET01, .modal-footer-EA00, .modal-body-newBannerMT32 {
    position: absolute;
    bottom: 20px;
    left: 20px;
    bottom: 35px;
    left: 0px;
  }

  .thirdTitleNewNotification {
    font-size: 2rem;
  }

  .titleNewNotification {
    font-size: 2.5rem;
  }

  .titleNewNotificationAB21 {
    font-size: 1.5rem;
  }

  .secondTitleNewNotificationAB21 {
    font-size: 2.5rem;
  }

  .textNewCardSecond {
    font-size: 1rem;
  }

  .textNewCardSecondEA00 {
    font-size: 1rem;
    margin-left: 10px;
  }

  .secondTitleNewNotification {
    font-size: 2.5rem;
    margin-top: 20px;
  }

  .textNewCard {
    font-size: 1.5rem;
    margin-top: 10px;
    margin-left: 20px;
  }

  /* Buttons */

  .btnNewCardSecond {
    padding: 11px 45px;
    font-size: 1.2rem;
  }

  .btnNewCardSecondEA00 {
    padding: 9px 52px;
    font-size: 1rem;
    margin: 24px 0px 0px 13px;
    height: 35px;
  }

  .btnNewCardSecondMT32 {
    padding: 5px 50px;
    font-size: 2rem;
    margin: 55px 0px 0px 20px;
  }

  .btnET01, .btnEA05 {
    margin: 90px 0px 0px 35px;
    height: 40px;
  }

  .btnEA05 {
    margin: 77px 0px 0px 20px;
    padding: 10px 60px;
    height: 35px;
  }

  /* Modals */

  .modal-exit {
    width: 100%;
    padding-left: 20px;
  }

  .modal-body-newCard {
    margin-left: 20px;
  }

  .modalNewCardMT32 {
    width: 400px;
    height: 260px;
  }

  .modalNewCardET28 {
    width: 400px;
    height: 260px;
  }

  .modalCiberseguridad{
    width: 400px;
    height: 260px;
  }

  .modal-body {
    margin-left: 20px;
  }
}

@media (max-width: 978px) {
  .titleBannerNewCardEA00 {
    font-size: 2rem;
  }

  .secondTitleBannerNewCardEA00 {
    font-size: 1.09rem;
    line-height: 1.4rem;
    margin-bottom: 1rem;
  }
}

@media (max-width: 900px) {
  .modal-header-bannerPD34 {
    flex: 1
  }
  .bannerMC01 {
    .desktop {
      display: none;
    }
    .tablet {
      display: block;
    }
    .mobile {
      display: none;
    }
  }
 
  .btn_CG02 {
    bottom: -13rem;
    font-size: .8rem !important;
    padding: 1rem 1rem !important;
    left: 7.5rem;
  }
  /* Banners */

  .bannerNewCardET01 {
    background-image: url("/assets/img/public/new-notifications/ET01-Banner_768x65.png");
    align-items: unset;
    padding-top: 20px;
    padding-left: 20px;
    height: 227px;
  }

  .bannerNewCardMT32 {
    background-image: url("/assets/img/public/new-notifications/MT32-banner-768x65.png");
    align-items: unset;
    padding-top: 20px;
    padding-left: 20px;
    height: 227px;
  }

  .modalNewCardLI01 {
    background-image: url("/assets/img/private/dashboard//impagados/LI01-Lightbox-mobile.jpg")!important;
    align-items: center;
    width: 640px;
    height: 410px;
  }

  .modalNewCardCG02 {
    background-image: url("/assets/img/private/dashboard/resumen-compras/IMG_02_lightbox_ACT_(400X260px)_clientes_TECI_gco_2024.jpg")!important;
    align-items: center;
    width: 640px;
    height: 410px;
  }

  .modal-evolve-newBannerET01, .modal-evolve-newBannerMT32 {
    padding: 0px;
    flex-direction: column;
    position: relative;
    width: unset;
    top: 1rem;
  }

  .modal-body-newBannerET01, .modal-footer-EA00, .modal-body-newBannerMT32 {
    position: absolute;
    bottom: 35px;
    left: 0px;
  }

  .btnBannerNewCardET01, .btnBannerNewCardEA05, .btnBannerNewCardEA00, .btnBannerNewCardMT23, .btnNewBannerMT32 {
    width: 100px;
  }

  .bannerNewCardEA00 {
    background-image: url("/assets/img/public/new-notifications/EA00-banner-768x65.png");
    align-items: unset;
    padding-top: 20px;
    padding-left: 20px;
    height: 227px;
  }

  .bannerNewCardEA05 {
    background-image: url("/assets/img/public/new-notifications/EA05-banner-768x65.png");
    align-items: unset;
    padding-top: 20px;
    padding-left: 20px;
    height: 227px;
  }

  .bannerNewCardMT32 {
    background-image: url("/assets/img/public/new-notifications/MT32-Banner-Mobile.jpg");
    background-repeat: no-repeat;
    background-size: contain;
    height: 410px;
    align-items: flex-start;
    position: relative;
  }

  .modalNewCardET01 {
    background-image: url("/assets/img/public/new-notifications/ET01-Lightbox_640x410.png");
  }

  .modalNewCardEA00 {
    background-image: url("/assets/img/public/new-notifications/EA00-lightbox-640x410.png");
    background-repeat: no-repeat;
    background-size: contain;
    width: 640px;
    height: 410px;
    align-items: flex-start;
    position: relative;
    margin-left: auto;
    margin-right: auto;
  }

  .modalNewCardEA05 {
    background-image: url("/assets/img/public/new-notifications/EA05-lightbox-640x410.png");
  }

  .bannerPD34 {
    background-image: url("/assets/img/private/dashboard/direct-loan-update/FECI_Banner_PrestamoDirecto_Analogica_768x65_CLEAN.jpg");
    min-height: 140px;
    align-items: center;
    position: relative;
  }

  .modal-footer-PD34{ 
    gap: 10px;
    width: 100%;
    justify-content: space-between;
  }

  /* Titles and texts */

  .thirdTitleNewNotification {
    font-size: 2rem;
  }

  .titleNewNotificationAB21 {
    font-size: 1.8rem;
  }

  .titleNewNotification {
    font-size: 1.5rem;
  }

  .titleNewNotificationEA00 {
    font-size: 16px;
    width: 225px;
    line-height: 19.5px;
    padding-top: 14px;
  }

  .secondTitleNewNotificationEA00 {
    font-size: 12px;
    width: 240px;
    padding-top: 3px;
    line-height: 18px;
  }

  .secondTitleNewNotificationAB21 {
    font-size: 2rem;
    margin-top: 35px;
  }

  .secondTitleNewNotification {
    font-size: 2rem;
  }

  .textNewCard {
    font-size: 1rem;
    margin-top: 0px;
    margin-left: 20px;
  }

  .textNewBannerMT32 {
    margin: 0px;
  }

  .textNewCardSecond {
    font-size: 8px;
  }

  #modalet23 .textNewCardSecond {
    margin-bottom: 18px;
  }

  .textNewCardSecondEA00 {
    font-size: 0.8rem;
    margin-left: 20px;
  }

  .titleBannerNewCardAB21 {
    font-size: 2.5rem;
    line-height: 3.5rem;
  }

  .secondTitleBannerNewCardET01 {
    font-size: 1.5rem;
  }

  .titleBannerNewCardET01 {
    font-size: 2.5rem;
  }

  .titleNewBannerMT32 {
    font-size: 2.5rem;
  }

  .titleBannerNewCardEA00 {
    font-size: 2.5rem;
    margin: 0px 0px 0px 10px;
  }

  .secondTitleBannerNewCardEA00 {
    font-size: 1.5rem;
    margin: 0px 0px 0px 10px;
  }

  .textBannerNewCardEA00 {
    margin: 10px 0px 0px 10px;
    font-size: 1rem;
  }

  .titleBannerNewCardEA00 {
    font-size: 2rem;
    margin-bottom: 0.8rem;
  }

  .secondTitleBannerNewCardEA00 {
    font-family: "Eci Font Ligth";
    font-size: 1.2rem;
    line-height: 1.4rem;
    width: 23rem;
  }

  .titleBannerNewCardEA05 {
    font-size: 2rem;
    margin: 10px 0px 0px 20px;
  }

  .textBannerNewCardEA05 {
    text-align: initial;
    font-weight: bold;
    margin-top: 18px;
    margin-left: 20px;
  }

  .textBannerNewCardEA05 {
    margin-left: 0px;
  }

  /* Buttons */

  .btnET01, .btnEA05 {
    margin: 40px 0px 0px 20px;
    height: 55px!important;
  }

  .btnNewCardSecond {
    padding: 9px 35px;
    font-size: 1rem;
  }

  .btnNewCardSecondEA00 {
    padding: 9px 35px;
    font-size: 1rem;
  }

  .btnNewCardSecondMT32 {
    padding: 13px 30px;
    font-size: 2rem;
  }

  .btnNewCardSecond {
    padding: 4px 33px;
    font-size: 1rem;
    margin: 20px 0px 0px 20px;
    height: 35px;
  }

  .btnEA05 {
    padding: 9px 40px;
    font-size: 1rem;
    margin: 45px 0px 0px 15px;
    height: 30px;
  }

  .btnNewCardSecondEA00 {
    padding: 7px 45px;
    font-size: 1rem;
    margin: 0px 0px 0px 20px;
    height: 30px;
  }

  .btnNewCardSecondMT32 {
    padding: 4px 25px;
    font-size: 1.5rem;
    margin: 25px 0px 0px 20px;
  }

  .btnBannerNewCardEA00 {
    padding: 5px 50px;
    margin-left: 10px;
    width: 125px;
  }

  .btnBannerNewCardEA05, .btnBannerNewCardEA00 {
    padding: 5px 25px;
    margin-left: 10px;
    width: 100px;
  }

  .btnBannerNewCardET01, .btnBannerNewCardEA05, .btnBannerNewCardEA00, .btnBannerNewCardMT23, .btnNewBannerMT32 {
    padding: 5px 30px;
  }

  /*.btnBannerNewCardET28 {
    padding: 5px 23px;
    min-width: 100px;
  }*/

  .btnBannerNewCardET29 {
    padding: 5px 45px;
  }

  .btnNewBannerMT32 {
    padding: 5px 30px;
    width: auto;
  }

  .btnbannerPD34{
    margin-top: 10px; 
    padding: 8px 20px !important;
  }

  /* Modals */

  .modal-exit {
    width: 100%;
    padding-left: 20px;
  }

  .modal-body-newCard {
    margin-left: 20px;
  }
  .containermodalpd33{
    .modal-content{
      padding: 10px !important;
      .modal-body {
        margin-left: 0;
        padding: 1rem;
        .welcome-direct-loan.bigger {
          margin-bottom: 10px;
        }
        .regular-paragraph {
          margin: 0;
          font-size: 2.5rem;
          line-height: 3rem;
        }
        .big-number {
          font-size: 4rem;
        }
        .regular-paragraph.regular-info {
          margin-bottom: .5rem;
        }
      }
    }
  }
  .containermodalpd33.pd20 {
    .regular-paragraph.regular-info.no-margin {
      line-height: 2rem;
      margin-bottom: 0;
    }
    .pdBr {
      display: none;
    }
  }
  .modal-body {
    margin-left: 20px;
  }
  .modal-body.ppc-lb-confirmar-modal-body {
    margin-left: 0;
  }

  .modal-header-newCardEA00 {
    margin: 0px 0px 0px 0px;
  }

  .modal-body-newBannerEA05 {
    display: flex;
  }

  .modal-evolve-newBannerEA05 br {
    display: none;
  }

  .modal-evolve-newBannerEA05 {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    margin: 0;
  }

  .modal-body-newBannerET01, .modal-footer-EA00, .modal-body-newBannerMT32 {
    display: flex;
    justify-content: flex-end;
    position: absolute;
    bottom: 55px;
  }

  .modal-body-newBannerET28 {
    margin: 40px 0px 0px 0px;
    display: flex;
  }

  .modal-body-newBannerET29 {
    margin: 87px 0px 0px 0px;
    display: flex;
  }

  .modal-evolve-newBannerET01, .modal-evolve-newBannerMT32 {
    display: block;
    width: 100%;
    margin: 0;
  }

  .modal-footer-EA05 {
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    align-items: flex-end;
    margin-top: 20px;
    margin-left: 0;
    margin-bottom: 20px;
    width: 100%;
  }
  
  .modal-evolve-newBannerET28 {
    display: flex;
    /* flex-direction: column; */
    /* margin-top: 30px; */
    align-items: flex-start;
    padding-left: 20px;
    /* width: 300px; */
    height: 100%;
  }

  .modal-evolve-newBannerET23 {
    display: flex;
    margin: 0px;
    flex-direction: column;
    height: 100%;
    align-items: flex-start;
    justify-content: space-between;
    padding: 20px;
  }

  .modalNewCardAB21 {
    width: 300px;
    height: 210px;
    background-image: url("/assets/img/public/new-notifications/AB21-Lightbox-Mobile-400x260.png");
  }

  .modalNewCardET28 {
    width: 300px;
    height: 210px;
    background-image: url("/assets/img/public/new-notifications/Lightbox_ET28_Mobile_400x260px.png");
  }
  .modalCiberseguridad{
    width: 400px;
    height: 260px;
  }
  .modalNewCardET01{
    background-image: url("/assets/img/public/new-notifications/ET01-Lightbox_400x260.png");
  }

  .modalNewCardEA05 {
    background-image: url("/assets/img/public/new-notifications/EA05-lightbox-400x260.png");
  }

  .modalNewCardEA00 {
    background-image: url("/assets/img/public/new-notifications/EA00-lightbox-400x260.png");
  }

  .modalNewCardMT32 {
    background-image: url("/assets/img/public/new-notifications/MT32-lightbox-400x260.png");
  }

  .modalNewCardET29{
    background-image: url("/assets/img/public/new-notifications/Lightbox_ET29_400x260px.png");
  }

  .modalNewCardET23{
    background-image: url("/assets/img/public/new-notifications/Lightbox_ET23_Mobile_400x260.png");
  }

  .modalNewCardET08{
    background-image: url("/assets/img/public/new-notifications/Lightbox_ET08_Mobile_400x260px.png");
  }

  .btnNewCardET28{
    font-size: 9px !important;
    top: 67%;
    left: 51%; 
  }

  .btnNewCardET29{
    left: 69%; 
  }

  .btn_MT32{
    left: 65%; 
  }
  
  .modalNewCardEA00 > .btn_EA00{
    left: 65%;
    top: 53%; 
  }

  .modalNewCardET23 > .btn_ET23 {
    left: 64%;
    top: 54%;
  }

  .modalNewCardET08 > .btn_ET08{
    left:72%;
    top: 65%; 
    font-size: 10px !important;
  }
  
  .roundedButton{
    padding: 8px 10px !important; 
  }

  .arrow-right-continue{
    display: none; 
  }

  .modalMC02 a.close{
    margin-top: 2px; 
  }

  .modal-evolve-startCard {
    margin-left: 0px;
  }

  .modalReceipts01 {
    width: 300px;
    height: 210px;
    background-image: url("/assets/img/private/dashboard/receipts/Aplazamiento_Recibo_TECI_400x260px.jpg");
  }
  
  .modalReceipts03 {
    width: 300px;
    height: 210px;
    background-image: url("/assets/img/private/dashboard/receipts/Aplazamiento_Recibo_EVOLVE_400x260px.jpg");
  }

  .containermodalpd33{

    .body-modal-PD33 {
      position: relative;
      .btn_PD34{
        padding: 6px;
        font-size: 10px
      }
    }
  }

  .body-modal-AR01, .body-modal-AR03 {
    top: 85px;
    left: -94px;
  }

  .modal-evolve-newBannerET28{
    top: 18px; 
  }

  a.btnAR01, a:hover.btnAR01, a.btnAR03, a:hover.btnAR03  {
    font-size: large;
  }
}

@media (max-width: 1200px) {
  .bannerAR02-body, .bannerAR04-body, .btnBannerNewCardET01, .btnBannerNewCardEA05, .btnBannerNewCardEA00, .btnBannerNewCardMT23, .btnNewBannerMT32 {
    right: 150px;
    top: 2rem;
  }
}

@media (max-width: 1150px) {
  .bannerAR02-body, .bannerAR04-body {
    right: 120px;
    top: 2rem;
  }
  .modal-evolve-newBannerET28{
    top: 20px;
  }

  .btnBannerNewCardET28, .btnBannerNewCardET01, .btnBannerNewCardEA05, .btnBannerNewCardEA00, .btnBannerNewCardMT23, .btnNewBannerMT32 {
    font-size: 1.2rem !important;
    padding: 8px !important;
  }
}

@media (max-width: 1060px) {
  .bannerAR02-body, .bannerAR04-body {
    right: 115px;
    top: 2rem;
  }
  .modal-evolve-newBannerET28{
    top: 14px;
  }
}

@media (max-width: 1023px) {
  .bannerAR02-body, .bannerAR04-body{
    right: 110px;
    top: 1.7rem;
  }
  .modal-evolve-newBannerET28{
    top: 15px;
  }
}

@media (max-width: 950px) {
  .bannerAR02, .bannerAR04, .bannerNewCardAB21, .bannerNewCardET28, .bannerRdDana, .bannerRdDanaNoLink{
    min-height: 75px;
  }

  .bannerNewCardET01 {
    background-image: url("/assets/img/public/new-notifications/ET01-Banner_768x65.png");
    align-items: unset;
    height: auto;
    padding: 0;
    background-size: contain;
  }

  .bannerNewCardMT32 {
    background-image: url("/assets/img/public/new-notifications/MT32-banner-768x65.png");
    align-items: unset;
    height: auto;
    padding: 0;
    background-size: contain;
  }

  .bannerNewCardEA05 {
    background-image: url("/assets/img/public/new-notifications/EA05-banner-768x65.png");
    align-items: unset;
    height: auto;
    padding: 0;
    background-size: contain;
  }

  .bannerNewCardEA00 {
    background-image: url("/assets/img/public/new-notifications/EA00-banner-768x65.png");
    align-items: unset;
    height: auto;
    padding: 0;
    background-size: contain;
  }
  

  .bannerAR02-body, .bannerAR04-body {
    right: 130px;
    top: 2rem;
  }
  .modal-evolve-newBannerET28{
    top: 11px;
  }

  a.btnBannerAR02, a:hover.btnBannerAR02, a.btnBannerAR04, a:hover.btnBannerAR04 {
    font-size: larger;
  }
}

@media (min-width: 700px) and (max-width: 900px) {
  .modal-footer-PD34{ 
    flex: 1.5;
  }
}

@media (max-width: 900px) {
  .bannerAR02-body, .bannerAR04-body{
    right: 115px;
    top: 2rem;
  }

  .containermodalpd33{
    width: 450px;
    height: 300px;

    .body-modal-PD33{
      .btn_PD34 {
        padding: 10px 20px;
        font-size: 13px;
    }
    }
  }

  .regular-paragraph.regular-info{
    font-size: 11px!important;
  }
}

@media (max-width: 850px) {
  .bannerAR02-body, .bannerAR04-body {
    right: 100px;
    top: 1.7rem;
  }
  .modal-evolve-newBannerET28{
    top: 20%; 
  }
  .bannerNewCardEA00>.modal-evolve-newBannerET28 {
    top: 17%;
  }
  .btnBannerNewCardET28_mobile{
    padding: 8px 10px !important; 
  }
}

@media (max-width: 775px) {
  .titlebannerPD34 {
    font-size: 1.5rem;
    margin-left: 20px;
    line-height: 20px;
    font-family: 'Poppins Medium';
  }

  .titlebannerPD34 span{
    font-size: 1.7rem;
  }

  .bannerAR02 {
    background-image: url("/assets/img/private/dashboard/receipts/Banner_Aplazamiento_Recibo_TECI_768x65px.jpg");
  }

  .bannerAR04 {
    background-image: url("/assets/img/private/dashboard/receipts/Banner_Aplazamiento_Recibo_EVOLVE_768x65px.jpg");
  }

  .bannerNewCardAB21{
    background-image: url('/assets/img/public/new-notifications/AB21-Banner-Desktop-768x65px.png');
  }

  .bannerRdDana {
    background-image: url("/assets/img/private/dashboard/banner-dana/banner-link/IMG_05_banner_dashboard_superior_moratoria_DANA_2024_(768x65px)_feci_accede.jpg");
  }

  .bannerRdDana > .bannerRdDana-body {
    right: 20px;
  }

  .bannerRdDana > .bannerRdDana-body > .btnbannerRdDana.btn_DANA.basic {
    padding: 5px 10px; 
  }


  .bannerRdDanaNoLink {
    background-image: url("/assets/img/private/dashboard/banner-dana/banner-no-link/IMG_03_banner_dashboard_superior_moratoria_DANA_2014_(768x65px)_feci_llama.jpg");
  }

  .bannerNewCardET28{
    background-image: url('/assets/img/public/new-notifications/Banner_ET28_Desktop_768x65px.png');
  }
  .bannerNewCardET29 {
    background-image: url("/assets/img/public/new-notifications/Banner_ET29_Desktop_768x65px.png");
  }
  .bannerNewCardET23{
    background-image: url("/assets/img/public/new-notifications/Banner_ET23_Desktop_768x65px.png");
  }
  .bannerNewCardET08{
    background-image: url("/assets/img/public/new-notifications/Banners_ET08_Desktop_768x65px.png");
  }
  .bannerNewCardET01{
    background-image: url("/assets/img/public/new-notifications/ET01-Banner_768x65.png");
  }
  .bannerNewCardEA05{
    background-image: url("/assets/img/public/new-notifications/EA05-banner-768x65.png");
  }
  .bannerNewCardEA00{
    background-image: url("/assets/img/public/new-notifications/EA00-banner-768x65.png");
  }
  .bannerNewCardMT32{
    background-image: url("/assets/img/public/new-notifications/MT32-banner-768x65.png");
  }

  .btnBannerNewCardET28, .btnBannerNewCardET01, .btnBannerNewCardEA05, .btnBannerNewCardEA00, .btnBannerNewCardMT23, .btnNewBannerMT32 {
    display: none; 
  }

  .modal-evolve-newBannerET28 > .btn_ET23, .modal-evolve-newBannerET28 > .btn_ET08, .modal-evolve-newBannerET28 > .btn_ET01, .modal-evolve-newBannerET28 > .btn_EA05,
  .modal-evolve-newBannerET28 > .btn_EA00, .modal-evolve-newBannerET28 > .btn_MT32 {
    display: block; 
    font-size: 10px !important;
    min-width: 70px !important;
  }

  .btnBannerNewCardET28_mobile, .btnBannerNewCardET01, .btnBannerNewCardEA05, .btnBannerNewCardEA00, .btnBannerNewCardMT23, .btnNewBannerMT32 {
    display: block; 
    margin-right: 20px; 
    font-size: 10px !important;
  }

  .modalNewCardET01 {
    background-image: url("/assets/img/public/new-notifications/ET01-Lightbox_400x260.png");
  }

  .modalNewCardEA00 {
    background-image: url("/assets/img/public/new-notifications/EA00-lightbox-400x260.png");
  }

  .modalNewCardEA05 {
    background-image: url("/assets/img/public/new-notifications/EA05-lightbox-400x260.png");
  }

  .btnET01, .btnEA05{
    height: 40px !important;
    margin: 20px 0px 0px 20px;
    font-size: 1.1rem!important;
  }

  .body-modal-ET01, .body-modal-EA05, .body-modal-EA00 {
    padding-right: 15px!important;
  }
}

@media (max-width: 700px) {
  .modalMC02{
    width: 300px;
    height: 210px;
    background-image: url("/assets/img/public/new-notifications/MC02-Lightbox-Mobile-640x410.jpg");
    .btnModalMC02{
      top: -3rem;
      left: 9rem;
      padding: 6px 8px;
      font-size: 11px;
    }
  }

  .bannerAR02-body, .bannerAR04-body{
    right: 89px;
    top: 1.5rem;
  }

  a.btnBannerAR02, a:hover.btnBannerAR02, a.btnBannerAR04, a:hover.btnBannerAR04 {
    font-size: medium;
  }

  .containermodalpd33{
    width: 500px;
    height: 350px;
    .body-modal-PD33{
      .btn_PD34 {
        padding: 12px 30px;
        font-size: 13px;
      }
    }
    .modal-content{
      padding: 10px;
      .modal-body {
        margin-left: 0;
        padding: 1rem;
        .regular-paragraph {
          font-size: 2.5rem;
          line-height: 3rem;
        }
        .big-number {
          font-size: 4rem;
        }
      }
    }
  }
}

@media (max-width: 650px) {
  .bannerAR02, .bannerAR04,.bannerNewCardAB21, .bannerNewCardET28, .bannerRdDana, .bannerRdDanaNoLink {
    min-height: 75px;
  }

  .bannerAR02-body, .bannerAR04-body {
    right: 89px;
    top: 1.3rem;
  }

  a.btnBannerAR02, a:hover.btnBannerAR02, a.btnBannerAR04, a:hover.btnBannerAR04 {
    font-size: small;
  }
}
@media (min-width: 901px) and (max-width: 1050px) {
  .titlebannerPD34 {
    font-size: 20px;
  }
  .titlebannerPD34 span{
    font-size: 20px;
  }
  .textbannerPD34 {
    font-size: 14px;
  }
  .basic.btnbannerPD34.btn_PD34 {
    font-size: 12px;
  }
}
@media (min-width: 600px) and (max-width: 800px) {
  .textbannerPD34 {
    font-size: 12px;
  }
  .basic.btnbannerPD34.btn_PD34 {
    font-size: 10px;
  }
}
@media (max-width: 600px) {
  .btnbannerPD34.basic {
    font-size: 0.9rem !important;
    max-width: 125px;
  }
  .textbannerPD34-br {
    height: 0px;
    display: block;
  }
  .modal-evolve-newBannerET28 {
    display: flex;
    flex-direction: column;
    margin-top: 30px;
    align-items: flex-start;
    padding-left: 20px;
    width: 300px;
    height: 100%;
  }

  .modal-evolve-bannerPD34{
    gap: 10px;
  }
  
  .modal-footer-PD34{
    flex-direction: column;
    gap: 1rem; 
  }

  .bannerAR02 {
    background-image: url("/assets/img/private/dashboard/receipts/Banner_Aplazamiento_Recibo_TECI_375x112px.jpg");
  }

  .bannerAR04 {
    background-image: url("/assets/img/private/dashboard/receipts/Banner_Aplazamiento_Recibo_EVOLVE_375x112px.jpg");
  }

  .bannerPD34 {
    background-image: url("/assets/img/private/dashboard/direct-loan-update/FECI_Banner_PrestamoDirecto_Analogica_375x112_CLEAN.jpg");
  }

  .btnbannerPD34{
    width: 145px;
  }

  .textbannerPD34{
    font-size:1.3rem;
    line-height:2rem;
  }

  .bannerAR02, .bannerAR04, .bannerNewCardAB21, .bannerNewCardET28, .bannerRdDana, .bannerRdDanaNoLink {
    min-height: 170px;
    justify-content: flex-start;
  }

  .bannerAR02-body, .bannerAR04-body {
    top: 10rem;
    left: 2.3rem;
    right: 0;
  }

  .modal-evolve-newBannerET28{
    top: 9.2rem;
    left: 2rem;
    justify-content: flex-start;
  }
  .bannerNewCardET08 > .modal-evolve-newBannerET28 {
    top: 7rem;
  }

  .bannerNewCardET01 > .modal-evolve-newBannerET28 {
    top: 7rem;
  }

  .bannerNewCardMT32>.modal-evolve-newBannerET28{
    top: 7.2rem;
  }

  .bannerNewCardEA00>.modal-evolve-newBannerET28{
    top: 0%;
    left: 40%;
  }

  .bannerNewCardET29>.modal-evolve-newBannerET28{
    top: 7.2rem;
    left: -1rem;
  }

  .btnBannerNewCardET28_mobile, .btnBannerNewCardET01, .btnBannerNewCardEA05รง, .btnBannerNewCardEA00, .btnBannerNewCardMT23, .btnNewBannerMT32 {
    font-size: 12px !important;
  }

  .bannerNewCardET23 > .modal-evolve-newBannerET28{
    top: 7rem;
    left: 17rem;
  }

  .modal-evolve-newBannerET28 > .btn_ET23{
    padding: 10px !important;
    font-size: 12px !important; 
  }

  a.btnBannerAR02, a:hover.btnBannerAR02, a.btnBannerAR04, a:hover.btnBannerAR04 {
    font-size: x-large;
  }

  .bannerNewCardAB21{
    background-image: url('/assets/img/public/new-notifications/AB21-Banner-Mobile_375x112.png');
  }

  .bannerRdDana {
    background-image: url("/assets/img/private/dashboard/banner-dana/banner-link/IMG_05_banner_dashboard_superior_moratoria_DANA_2024_(375x112px)_feci_accede.jpg");
  }
  .bannerRdDana > .bannerRdDana-body {
    left: 58%;
    top: 15px;
  }
  .bannerRdDana > .bannerRdDana-body > .btnbannerRdDana.btn_DANA.basic {
    padding: 6px 35px;
    font-size: 1.2rem;
  }

  .bannerRdDanaNoLink {
    background-image: url("/assets/img/private/dashboard/banner-dana/banner-no-link/IMG_03_banner_dashboard_superior_moratoria_DANA_2024_(375x112px)_feci_llama.jpg");
  }

  .bannerNewCardET28{
    background-image: url('/assets/img/public/new-notifications/Banner_ET28_Mobile_375x112px.png');
  }

  .bannerNewCardET29{
    background-image: url('/assets/img/public/new-notifications/Banner_ET29_Mobile_375x112px.png');
  }
  .bannerNewCardET23{
    background-image: url('/assets/img/public/new-notifications/Banner_ET23_Mobile_375x112px.png');
  }
  .bannerNewCardET08{
    background-image: url('/assets/img/public/new-notifications/Banners_ET08_Mobile_375x112px.png');
  }

  .bannerNewCardET01{
    background-image: url('/assets/img/public/new-notifications/ET01-Banner_375x112.png');
  }
  .bannerNewCardEA05{
    background-image: url('/assets/img/public/new-notifications/EA05-banner-375x112.png');
  }
  .bannerNewCardEA00{
    background-image: url('/assets/img/public/new-notifications/EA00-banner-375x112.png');
  }
  .modal-evolve-newBannerEA00{
    justify-content: center!important;
  }
  .bannerNewCardMT32{
    background-image: url('/assets/img/public/new-notifications/MT32-banner-375x112.png');
  }
}

@media (max-width: 550px){
  .bannerNewCardET23 > .modal-evolve-newBannerET28{
    top: 6rem;
  }

  .modal-footer-EA05{
    bottom: 2rem;
  }

  .modalNewCardET28 {
    width: 300px;
    height: 210px;
  }
  .modalCiberseguridad{
    width: 300px;
    height: 210px;
  }

}

@media (max-width: 510px) {
  .bannerAR02, .bannerAR04, .bannerNewCardAB21, .bannerNewCardET28, .bannerRdDana, .bannerRdDanaNoLink {
    min-height: 140px;
  }

  #modalDirectLoan{
    .containermodalpd33{
      width: 300px;
      .modal-content{
        padding: 8px;
        .modal-body {
          margin-left: 0;
          padding: .5rem;
          .welcome-direct-loan{
            font-size: 1.5rem;
            margin-bottom: 0;
          }
          .regular-paragraph {
            font-size: 1.2rem;
            line-height: 2rem;
            margin-bottom: 0;
          }
          .regular-paragraph.regular-info{
            line-height: normal; 
          }
          .big-number {
            font-size: 2rem;
          }
          .btn_PD34{
            margin-top:10px;
          }
        }
      }
    }
  }

  .containermodalpd33{
    width: 300px;
    .modal-content{
      padding: 10px;
      .modal-body {
        margin-left: 0;
        padding: 1rem;
        .welcome-direct-loan{
          font-size: 1.5rem;
          margin-bottom: 0;
        }
        .regular-paragraph {
          font-size: 1.5rem;
          line-height: 2.5rem;
          margin-bottom: 0;
        }
        .big-number {
          font-size: 3rem;
        }
        .regular-paragraph.regular-info {
          margin: 0;
        }
      }
    }
  }
  .containermodalpd33 .body-modal-PD33{
    top: -25px;
  }
  .containermodalpd33 .body-modal-PD33 .btn_PD34 {
    padding: 6px 12px;
    font-size: 11px;
  }
  .bannerNewCardET01 {
    background-image: url("/assets/img/public/new-notifications/ET01-Banner_375x112.png");
    align-items: unset;
    height: 150px;
  }

  .bannerNewCardMT32 {
    background-image: url("/assets/img/public/new-notifications/MT32-banner-375x112.png");
    align-items: unset;
    height: 140px;
  }

  .bannerNewCardEA05{
    background-image: url("/assets/img/public/new-notifications/EA05-banner-375x112.png");
    align-items: unset;
    height: 150px;
  }

  .bannerNewCardEA00 {
    background-image: url("/assets/img/public/new-notifications/EA00-banner-375x112.png");
    align-items: unset;
    height: 150px;
  }

  .modal-body-newBannerET01 {
    bottom: 6rem !important;
  }

  .bannerAR02-body, .bannerAR04-body {
    top: 8rem;
    left: 2rem;
  }

  .modal-evolve-newBannerET28{
    top: 4rem;
    left: 2rem;
  }

  .bannerNewCardET01 > .modal-evolve-newBannerET28 {
    top: 4rem;
  }

  .bannerNewCardMT32>.modal-evolve-newBannerET28{
    top: 4rem;
    left: 2rem;
  }

  .bannerNewCardET23 > .modal-evolve-newBannerET28{
    top: 6rem;
    left: 14rem;
  }

  .bannerNewCardET29 > .modal-evolve-newBannerET28{
    top: 4rem;
    left: -1rem;
  }

  .bannerNewCardET08 > .modal-evolve-newBannerET28{
    top: 4rem; 
  }

  .bannerNewCardEA00 > .modal-evolve-newBannerET28{
    top: 38%;
    left: 40%;
    justify-content: start !important;
  }

  .modal-evolve-newBannerET28 > .btn_ET23{
    min-width: 30px !important
  }

  .btnBannerNewCardET28_mobile, .btnBannerNewCardET01, .btnBannerNewCardEA05, .btnBannerNewCardEA00, .btnBannerNewCardMT23, .btnNewBannerMT32, .modal-evolve-newBannerET28 > .btn_ET23{
    font-size: 10px !important;
    padding: 5px !important; 
  }

  a.btnBannerAR02, a:hover.btnBannerAR02, a.btnBannerAR04, a:hover.btnBannerAR04 {
    font-size: medium;
  }
  
}

@media(max-width: 450px) {   
  .bannerNewCardEA00 {
    height: 130px;
  }

  .bannerNewCardET23 > .modal-evolve-newBannerET28{
    top: 4rem;
    left: 11rem;
  }

  .btnET01, .btnEA05{
    height: 30px !important;
    font-size: 0.9rem !important;
    margin-bottom: 10px!important;
  }

  .modal-footer-EA00{
    justify-content: center !important;
  }

  .btn_EA00{
    height: fit-content;
  }
}

@media (max-width: 400px) {
  .private .modal-content>h1.ppc-lb-confirmar-title {
    max-width: 80%;
  }

  .bannerAR02, .bannerAR04 {
    min-height: 110px;
  }

  .modal-footer-EA00 {
    bottom: 5rem !important;
  }

  .bannerNewCardET01 {
    background-image: url("/assets/img/public/new-notifications/ET01-Banner_375x112.png");
    align-items: unset;
    height: 140px;
  }

  .bannerNewCardMT32 {
    background-image: url("/assets/img/public/new-notifications/MT32-banner-375x112.png");
    align-items: unset;
    height: 110px;
  }

  .bannerNewCardEA05 {
    background-image: url("/assets/img/public/new-notifications/EA05-banner-375x112.png");
    align-items: unset;
    height: 140px;
  }

  .modal-body-newBannerET01 {
    bottom: 7rem!important;
  }

  .btnBannerNewCardET01, .btnBannerNewCardEA05, .btnBannerNewCardEA00, .btnBannerNewCardMT23, .btnNewBannerMT32{
    width: 80px!important;
  }

  .bannerAR02-body, .bannerAR04-body {
    top: 6rem;
    left: 1.5rem;
  }

  .btnBannerNewCardET28_mobile, .btnBannerNewCardET01, .btnBannerNewCardEA05, .btnBannerNewCardEA00, .btnBannerNewCardMT23, .btnNewBannerMT32 {
    font-size: 10px !important;
    padding: 5px !important; 
  }

  .btnBannerNewCardEA00{
    margin: 0;
    min-width: 80px!important;
  }

  .modal-evolve-newBannerET28{
    top: 2rem;
    left: 1rem;
  }
  .bannerNewCardET23 > .modal-evolve-newBannerET28{
    top: 2rem;
    left: 7rem;
  }
  .modal-evolve-newBannerET28 > .btn_ET23{
    min-width: 100px !important;
  }

  .bannerNewCardEA05{
    height: 120px;
  }

  .modal-footer-EA05{
    bottom: 1rem;
  }
  
  .bannerNewCardET29 > .modal-evolve-newBannerET28{
    top: 5.6rem;
  }

  .bannerNewCardET08 > .modal-evolve-newBannerET28 {
    top: 2rem;
  }

  .bannerNewCardET01 > .modal-evolve-newBannerET28 {
    top: 2rem;
  }

  .bannerNewCardMT32>.modal-evolve-newBannerET28{
    top: 2rem;
    left: 2rem;
  }

  .bannerNewCardET29>.modal-evolve-newBannerET28{
    top: 3rem;
    left: -1rem;
  }

  .bannerNewCardEA00>.modal-evolve-newBannerET28{
    left: 33%;
    top: 15%;
    justify-content: start !important;
  }
}


@media(min-width: 360px) and (max-width: 400px) {   
  .bannerNewCardET23 > .modal-evolve-newBannerET28{
    top: 3.4rem;
    left: 9rem;
  }
  .bannerNewCardEA00>.modal-evolve-newBannerET28{
    top: 20% !important;
    left: 34%;
  }
}

@media(min-width: 401px) and (max-width: 425px) {   
  .bannerNewCardEA00>.modal-evolve-newBannerET28{
    top: 28% !important;
    left: 34%;
  }
}

@media(min-width: 426px) and (max-width: 475px) {   
  .bannerNewCardEA00>.modal-evolve-newBannerET28{
    top: 30% !important;
    left: 38%;
  }
}

@media (max-width: 325px) {
  .bannerAR02-body, .bannerAR04-body {
    top: 4.5rem;
  }
  
  .bannerNewCardET23 > .modal-evolve-newBannerET28{
    top: 2rem !important;
  }

  .bannerNewCardET01 > .modal-evolve-newBannerET28 {
    top: 2rem!important;
  }
  
  .bannerNewCardET08 > .modal-evolve-newBannerET28 {
    top: 2rem!important;
  }
  
  .modal-evolve-newBannerET28 {
    top: 4rem!important;
  }
  
  .bannerNewCardMT32>.modal-evolve-newBannerET28{
    top: 1.2rem !important;
  }

  .bannerNewCardET29>.modal-evolve-newBannerET28{
    top: 2rem !important;
    left: -1rem;
  }

  .bannerNewCardEA00>.modal-evolve-newBannerET28{
    top: 2rem !important;
    left: 9rem;
  }

  .modal-body-newBannerET01, .modal-footer-EA00 {
    bottom: 8rem!important;
  }

  .modal-body-newBannerMT32{
    bottom: 6rem!important;
  }

  .btnBannerNewCardET01, .btnBannerNewCardEA05, .btnBannerNewCardEA00, .btnBannerNewCardMT23, .btnNewBannerMT32{
    width: 60px!important;
  }

  .bannerNewCardET23 > .modal-evolve-newBannerET28{
    top: 3.6rem;
  }
  .modal-evolve-newBannerET28 > .btn_ET23, .modal-evolve-newBannerET28 > .btnBannerNewCardET28_mobile, .modal-evolve-newBannerET28 > .btn_ET08{
    font-size: 8px !important;
    min-width: 50px !important;
  }

  .bannerNewCardEA05{
    height: 100px;
  }

  .bannerNewCardEA00{
    height: 90px;
  }

  .modal-footer-EA00{
    bottom: 3rem !important;
  }

  .titlebannerPD34{
    width: 116px;
  }

  .btnbannerPD34.basic{
    font-size: 0.9rem !important;
    max-width: 125px;
  }

  .textbannerPD34{
    font-size:1.3rem;
  }

  .btnBannerNewCardET28_mobile, .btnBannerNewCardET01, .btnBannerNewCardMT23, .btnNewBannerMT32 {
    font-size: 10px !important;
    padding: 5px !important;
  }
  .modalNewCardET28, .modalNewCardAB21, .modalNewCardMT32 , .modalCiberseguridad{
    width: 250px;
    height: 175px;
  }

  .btn_EA00{
    font-size: 8px !important;
    padding: 5px 10px !important;
    min-width: fit-content;
  }

  .btn_CG02 {
    bottom: -10rem;
    left: 6.3rem;
  }
  .bannerRdDana > .bannerRdDana-body  > .btn_DANA {
    padding: 8px 20px !important; 
  }
}

/* modal smart-pin */
#modalErrorSmartPin .modal-footer {
  display: flex;
  justify-content: center;
}

.top-cross {
  top: 30px;
}

.top-cross-sm{
  top: 20px;
}

.bannerImpagados .bannerImpagados-container .bannerImpagados-btn:active {
  background-color: #242424;
  color: #fafafa;
  border: 1px solid #242424;
}
.banner-pin-page .banner-pin-page__button.basic:focus {
  color: #fafafa;
}
.banner-pin-page .banner-pin-page__button.basic:active {
  background-color: #fafafa;
  color: #242424;
  border: 1px solid #242424;
}

.bannerPD34 .modal-evolve-bannerPD34 .modal-footer-PD34 .btn_PD34:active {
  background-color: #fafafa;
  color: #242424;
  border: 1px solid #242424;
}

.bannerNewCardET29 .modal-evolve-newBannerET28 .btnBannerNewCardET29:active,
.bannerNewCardET29 .modal-evolve-newBannerET28 .btnBannerNewCardET29_mobile:active,
.bannerNewCardET08 .modal-evolve-newBannerET28 .btn_ET08:active,
.bannerNewCardET23 .modal-evolve-newBannerET28 .btn_ET23:active,
.bannerNewCardEA05 .modal-evolve-newBannerET28 .btn_EA05:active,
.bannerNewCardET01 .modal-evolve-newBannerET28 .btn_ET01:active,
.bannerNewCardMT32 .modal-evolve-newBannerET28 .btn_MT32:active,
.bannerNewCardEA00 .modal-evolve-newBannerET28 .btn_EA00:active {
  border: 1px solid #242424;
  color: #242424;
  background-color: #fafafa;
}

.bannerNewCardET29 .modal-evolve-newBannerET28 .btnBannerNewCardET29:active .arrow-right-continue,
.bannerNewCardET29 .modal-evolve-newBannerET28 .btnBannerNewCardET29_mobile:active .arrow-right-continue,
.bannerNewCardET08 .modal-evolve-newBannerET28 .btn_ET08:active .arrow-right-continue,
.bannerNewCardET23 .modal-evolve-newBannerET28 .btn_ET23:active .arrow-right-continue,
.bannerNewCardEA05 .modal-evolve-newBannerET28 .btn_EA05:active .arrow-right-continue,
.bannerNewCardET01 .modal-evolve-newBannerET28 .btn_ET01:active .arrow-right-continue,
.bannerNewCardMT32 .modal-evolve-newBannerET28 .btn_MT32:active .arrow-right-continue,
.bannerNewCardEA00 .modal-evolve-newBannerET28 .btn_EA00:active .arrow-right-continue {
  background: url(../../../../assets/img/loyalty/arrow-right-continue-black.svg) no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
  margin-top:5px;
}

.modal.modalRequestCard .btn_MT32:active,
.modal.modalRequestCard .btnNewCardET29:active,
.modal.modalRequestCard .btn_ET23:active,
.modal.modalRequestCard .btn_ET08:active,
.modal.modalRequestCard .btn_ET01:active,
.modal.modalRequestCard .btn_EA05:active,
.modal.modalRequestCard .btn_EA00:active {
  border: 1px solid #242424;
  color: #242424;
  background-color: #fafafa;
}

.modal.modalRequestCard .btn_MT32:active .arrow-right-continue,
.modal.modalRequestCard .btnNewCardET29:active .arrow-right-continue,
.modal.modalRequestCard .btn_ET23:active .arrow-right-continue,
.modal.modalRequestCard .btn_ET08:active .arrow-right-continue,
.modal.modalRequestCard .btn_ET01:active .arrow-right-continue,
.modal.modalRequestCard .btn_EA05:active .arrow-right-continue,
.modal.modalRequestCard .btn_EA00:active .arrow-right-continue {
  background: url(../../../../assets/img/loyalty/arrow-right-continue-black.svg) no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
  margin-top:5px;
}

.modalNewCardLI01.modalNewCardET28:active {
  background-color: #242424 !important;
  color: #fafafa !important;
  border: 1px solid #242424 !important;
}