/*
 * Theme Name: Mayagüez Institute of Tecnology
 * Description: MIT
 * Author: Arroba PR
 * Author URI: https://www.arrobapr.com
 */
@import url('https://use.typekit.net/esi4xgq.css');
@import url('https://use.typekit.net/xwt4bwa.css');
body {color: #171717!important; overflow-x: hidden; font-family: 'AvenirNextLTPro', sans-serif!important;}
html {overflow-x: hidden}
a {cursor: pointer;text-decoration: none!important;color:#323031}
h1 {font-size: 42px;font-family: 'AvenirNextLTPro', sans-serif!important;}
h2 {font-size:34px!important; font-family: 'AvenirNextLTPro', sans-serif!important;color: #0b0d08;font-weight:600!important}
h3 { font-size:30px!important;font-family: 'AvenirNextLTPro', sans-serif!important;color: #0b0d08; font-weight:600!important}
p {line-height: 150%; font-size: 17px; }
.top-bar {background-color: #67a0da;text-align:right}
.top-bar p {display: inline-block; margin: 10px;color: #fff}
.top-bar a:hover {color: #fff}
.top-bar a {color: #fff;  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.19;
  letter-spacing: normal;
  text-align: left;}
img {max-width: 100%; height: auto;}
section {padding: 20px 0;position: relative}
.navbar .btn-green {padding: 5px 10px;}
.navbar-nav {float: none!important;width:100%!important; text-align:center!important; display: inline-block!important;transition: 0.6s;margin-left:25%; }
.navbar-nav > li {float: none; display: inline-block;margin:0 8px}
.navbar { box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);;margin-bottom: 0;
    border-radius: 0 !important;
    padding: 40px 0!important;
    position: relative!important;
    width: 100%!important;height: auto;
  z-index: 10;text-align: right!important;transition: 0.6s!important; background: #0b0d08;;}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {border-color: transparent}
.navbar-nav > li > a {text-align: center;font-size: 20px;;margin:0 10px; transition: 0.4s all ease-in-out;
  text-decoration: none; position: relative; z-index: 1; color: #fff}
.navbar-nav > li > a:hover, .navbar-nav > li > a:focus {background: none; color:#67a0da!important;transition: 0.4s all ease-in-out ; text-decoration: none}
.navbar .active{
 background:none;
 color:#67a0da;
 transition:0.3s all ease-in-out}
.navbar-brand {
  transition: 0.5s all ease-in-out;
  background: transparent;
  position: absolute;left: 36%
  ;top:0px}
.dropdown .dropdown-toggle{padding: 0!important; margin: 0!important;}
.dropdown-toggle {vertical-align: middle}
.dropdown-menu {
  position: absolute;
  z-index: 1000;
  display: none;
  min-width: 20rem!important;}
.dropdown-menu .nav-link {color: #000000;font-size: 19px}
.dropdown-menu .nav-link:hover {background:#67a0da;color: #fff }
.hm-banner {background: url(img/inicio/mit-inicio-banner-4k.webp)center no-repeat; position: relative; padding: 100px 0; text-align: center;background-size: cover}
.hm-banner h1 {color: #fff; margin: 0;padding: 0; line-height: 0.90;letter-spacing: 2px;
  font-stretch: normal;
  font-style: normal;
font-size:130px ;  font-family: "dunbar-tall", sans-serif!important; font-weight: 600!important;width: 100%;
    text-align: center;}
/* .hm-banner b {font-weight: 600!important;} */
/* .hm-banner .col-sm-6 span {display: block; width: 350px; margin:10px auto; background: url(img/inicio/mit-banner-tornasol.webp)center no-repeat; 
  height: 60px; line-height: 60px;background-size: contain;
  font-family: 'AvenirNextLTPro', sans-serif!important;font-size:40px;font-weight: 600;margin-bottom:0} */
.hm-banner .btn-white {text-transform: uppercase;font-weight: bold; margin-top: 20px; font-size: 44px}
.lok {margin-bottom: 20px!important;}
.dn {
  padding-top: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.hm-ser {text-align: center;; position: relative; background: url(img/inicio/mit-inicio-carrera-bg-4k.webp)top center no-repeat;margin-top: -20px;}
.hm-ser .container {padding-top:50px;}
.hm-ser h1 {
  background: url(img/inicio/mit-inicio-h1-bg.webp) center no-repeat;display: block;color:#fff;background-size: 100% 100%;width: 70%; margin:20px auto; font-family: 'AvenirNextLTPro-Demi', sans-serif !important;}
.hm-ser .wp-block-heading, .cta-pro .wp-block-heading  {
  background: url(img/inicio/mit-inicio-h1-bg.webp) center no-repeat;
 padding: 20px 0;
  display: flex;
  align-items: center; /* centra verticalmente */
  justify-content: center; /* centra horizontalmente */; background-size: 100% 100%; ;margin: auto!important; font-family: 'AvenirNextLTPro', sans-serif !important;
  font-size: 24px !important;
  margin: 0; /* elimina márgenes innecesarios */
  line-height: 1;color: #fff; width: 77%; 
}
.cta-pro .wp-block-heading a, .hm-ser .wp-block-heading a {color: #fff}
.hm-ser .cb-wrapper {position: relative}
.hm-ser .wp-block-image  {
  box-sizing: none!important;
  height: auto;
 width: 100%!important;display: block!important;
  margin-top: 20px;
}

/* .hm-ser .wp-block-heading {
  font-family: 'AvenirNextLTPro', sans-serif !important;
  font-size: 24px !important;
  margin: 0; /* elimina márgenes innecesarios 
  line-height: 1;
  text-align: center;width: 60%;color: #fff; 
} */

.npi {text-align: center; position: relative; padding: 120px 0}
.celu {position: absolute; right: 12%; top: 8%; width: 400px; height: 600px; text-align: center; margin: auto;display: block; background: url(img/inicio/mit-phone-frame.webp)center no-repeat;
 ;background-size: cover}
.celu iframe {margin-top: 50px; border-radius: 30px;max-width: 59%}
.arrw h1 {max-width: 80%; text-align: left;font-size: 65px;}
.arrw {
  background: url(img/mit-phone-banner.webp)center no-repeat; background-size: cover;
  padding: 100px 40px;
  display:block;max-width: 100%;margin: 100px 0;
  color: #fff;
}


.partner {text-align: center}
.partner img {margin: 10px 20px}
.eventos {text-align: center}
.cl { background-color: #0b0d08;display: block; max-width: 100%}
.bl i {color: #fff; font-size: 48px; display: block; margin: auto;line-height: 180px}
.em-item-meta-line {color: #fff!important;text-align: left}
.cl .btn-white {margin-top: 70px}
.cl .btn-white {text-transform:   initial; font-weight: 400}
.em-item-image-placeholder  {display: none!important;}
 .em-item-image {display: none!important;}
.cl .row {--bs-gutter-x: 0}
.cl .bl {  background-color: #67a0da;}
.em.em-list .em-item {
  width: 50%!important;;
  display: inline-block!important;;
  grid-template-columns:none!important;
  
  padding: 0px 4px 3px;
    padding-top: 30px;
  background-color: var(--meta-bg);
  color: var(--default-color);
}
.em-item-actions {display: none!important;}
.em.em-list {
  width: 100%;
  display: inline-block;
  grid-template-rows: 1fr;
  grid-gap: 25px;
}
.em.pixelbones a {
  color: #fff !important;text-align:left!Important}
.em.em-list .em-item .em-item-info h3.em-item-title {
  font-size: 22px;
  line-height: 26px;
  font-weight: 400;
  clear: none;
  margin: 0!;
    margin-top: 0px;
    margin-bottom: 7px;
  padding: 0;
  text-decoration: none;text-align: left
}
.em.pixelbone {display: inline-block;
  height: 38px !important;
  padding: var(--button-padding) !important;
  color: var(--text-color-softer) !important;
  text-align: center !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 38px !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  background: #fff !important;
  border-radius: 4px !important;
  border: 1px solid var(--border-color) !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
}
.em.em-list .em-item .em-item-info .em-item-meta, .em.em-list-widget .em-item {
  margin-bottom: 0px!important;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.em.em-list .em-item .em-item-info {
  border-right: 4px solid  #fff!important;border-left: 0;
  padding: 0 10px 0 35px;
}

.exitos {text-align: center}

.hm-us { background: #f5f5f5;}
.hm-us h1 {margin-top: 30px;margin-bottom:30px}
.hm-us li {
  display: flex;
  align-items: center; /* Alinea verticalmente al centro */
  gap: 20px; /* Espacio entre imagen y texto */
  margin: 25px 0;
  border-radius: 20px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  padding: 10px 20px;
  background-color: #fff;
  position: relative;
  width: 80%;
  margin-left: 20px;
  min-height: 90px;
  line-height: 1.4; /* Mejora legibilidad */
}

.hm-us li img {
  height: 60px;
  width: auto;
  flex-shrink: 0; /* Evita que la imagen se encoja */; margin-left: -50px
}

.hm-us p {
  margin: 0;
  padding: 0;
  width: auto;
}
.ban-ti {margin-top: 100px}
.bk-sb h1 {margin-bottom: 0;color:#fff}
.bk-sb span{ background: url(img/admisiones/mit-admisiones-label.webp) center no-repeat;
 padding: 5px 0;
  display: flex;
  align-items: center; /* centra verticalmente */
  justify-content: center; /* centra horizontalmente */; background-size: 100% 100%; width: 35%!important;margin: auto!important;font-size: 26px;font-family: AvenirNextLTPro-Cn;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.36;
  letter-spacing: normal;
  text-align: center;}
.accordion-item {margin: 0px 0;
  background-color: #fff;
  border: 0!important; border-bottom: 1px solid rgba(0,0,0,.125)!important;
}
.requi {padding: 40px 0}
.requi h1 {text-align: left;margin-bottom: 20px; font-weight: bold}
.accordion-body {border-top: 2px solid #b8b8b7}
.accordion {border: solid 5px #679fda;}
.accordion-button {color: #0b0d08!important; font-size: 20px!important;}
.accordion-body p {text-align: left}
.accordion-button:not(.collapsed), .accordion-button:focus {
  color: #0c63e4;
  background-color: transparent!important;;
  box-shadow:none!important;;
}
.calcu .accordion-item {margin: 0px 0;
  background-color: #fff;
  border: 0!important; border-bottom: none!important;width: 70%; margin:20px auto
}
.calcu .accordion-button:not(.collapsed), .accordion-button:focus {
  color: #fff;
  background-color:#67a0da !important;;
  box-shadow:none!important;;
}
.calcu .accordion-body {border:none!important;text-align: center}
.calcu .accordion {border:none!important;}
.calcu .accordion-button {color: #fff!important; font-size: 20px!important;display: block; margin: auto; text-align: center; background: #67a0da}
.calcu .accordion-body p {text-align: center}
.calcu strong {text-align: center; display: block}
.form-ad {text-align: center}
.cta-ad {text-align: center; background: url(img/admisiones/mit-admisiones-cta-4k.webp)center no-repeat; background-size: cover; position: relative; padding: 100px 0 }
.cta-ad p {display: block; margin: auto; width: 80%; color: #fff; margin-bottom: 10px}
.cta-ad .btn-white {text-transform: capitalize; font-weight: 400}

.requi h2 {margin-top: 100px}
.requi h2:after {
  content: "";
  display: block;
  width: 105px;
  height: 8px;
  background-color: rgb(103, 160, 218);
  margin: 5px 0px;
}

.ayudas h2:after {
  content: "";
  display: block;
  width: 105px;
  height: 8px;
  background-color: rgb(103, 160, 218);
  margin: 5px 0px;
}

.btn-blue, .w3eden .btn {padding:8px 25px;display: inline-block;
  background-color:#67a0da;text-decoration:none ;
font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: normal;
  text-align: center;
  color: #fff; transition: 0.3s all ease-in-out; font-size:20px; border:3px solid transparent;}
.btn-blue:hover, .w3eden .btn:hover{background: #fff;color: #67a0da !important;border:3px solid #67a0da ;transition: 0.3s all ease-in-out;text-decoration: none}
.btn-white {padding:8px 25px;display: inline-block;
  background-color:#fff;text-decoration:none ;  font-stretch: normal;
  font-style: normal;
  line-height: 1.21;
  letter-spacing: normal;
  text-align: center;
  color: #0b0d08;;; transition: 0.3s all ease-in-out; font-size:20px; border:3px solid transparent;t}
 .programas .btn-white {padding:8px 25px;display: inline-block;
  background-color:#fff;text-decoration:none ;
font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.21;
  letter-spacing: normal;
  text-align: center;
  color: #0b0d08;;; transition: 0.3s all ease-in-out; font-size:20px; border:3px solid #67a0da;text-transform: capitalize}
.btn-white:hover{background: #67a0da;color: #fff!important;border:3px solid #fff;transition: 0.3s all ease-in-out;text-decoration: none}
/* BANNERS */
.banner {height: 300px; text-align: center; background: url(img/unico/mit-unico-header-4k.webp)center no-repeat; background-size: cover; position: relative; padding: 110px 0}
.banner h2 {color: #fff;display: block; width: 600px; margin:0 auto; background: url(img/unico/mit-unico-header-label.webp)center no-repeat; 
  height: 60px; line-height: 60px;background-size: 100% 100%;}
.ad{background: url(img/admisiones/mit-amisiones-unete-4k.webp)center no-repeat!important; background-size: cover;height: 400px!important;}
.bk-sb h1 {margin-top: 50px}
    .barber { background: url(img/h/mit-unico-header-barberia-4k.webp)center no-repeat; background-size: cover;}
      .cosme { background: url(img/h/mit-unico-header-cosmetologia-4k.webp)center no-repeat; background-size: cover;}
 .avanzado { background: url(img/h/mit-unico-header-avanzado-4k.webp)center no-repeat; background-size: cover;}
 .costura { background: url(img/h/mit-unico-header-costura-4k.webp)center no-repeat; background-size: cover;}
     .saba { background: url(img/h/mit-unico-header-sabatinos-4k.webp)center no-repeat; background-size: cover;}
         .moda { background: url(img/h/mit-unico-header-alta-costura-4k.webp)center no-repeat; background-size: cover;}
                 .flor { background: url(img/h/mit-unico-header-floristeria-4k.webp)center no-repeat; background-size: cover;}
           .maqui { background: url(img/h/mit-unico-header-maquillaje-4k.webp)center no-repeat; background-size: cover;}
           .tapi { background: url(img/h/mit-unico-header-tapiceria-4k.webp)center no-repeat; background-size: cover;}
    .unas { background: url(img/h/mit-unico-header-tecu-4k.webp)center no-repeat; background-size: cover;}
      .masaje { background: url(img/h/mit-unico-header-masaje-4k.webp)center no-repeat; background-size: cover;}




.cat {text-align: center}
.cat h2:after {
  content: "";
  display: block;
  width: 105px;
  height: 8px;
  background-color: rgb(103, 160, 218);
  margin: 5px auto;}
.calcu {text-align: center}
.w3eden .col-lg-12, .w3eden .col-md-6, .w3eden .col-12 {display: inline-block!important;; max-width: 50%!important;}
.segu .w3eden, .segu .col-lg-12, .segu .w3eden .col-md-6, .segu .w3eden .col-12 {
  display: block !important;max-width: 100%!important; margin: auto!important;
}
.w3eden .card { text-align: center;
  position: relative;
  display: inline-block!important;
  -ms-flex-direction:  none!important;;
  flex-direction: none!important;;
  min-width: 0;
  word-wrap: normal!important;width: 100%;margin: 15px 0;
  background-color: transparent;
  background-clip: border-box;
  border: 5px solid #679fda;
  border-radius: var(--border-radius-regular);height: 150px
}
/* .w3eden .mr-3 {
  margin-right: 12px !important; float: right!important;
} */
.w3eden .mr-3 {
  display: none!important;
}
.w3eden .media {
  display: -ms-flexbox;
  display: block!important;;
  -ms-flex-align: start;
  align-items: flex-start;
}
.w3eden .text-muted, .w3eden text-small {display: none!important;}
.w3eden .wpdm_icon {
  box-shadow: none;
  min-width: 20px;
  max-width: 20px;
  width: 20px;
}
.ayu-doc .w3eden .card h3{width: 100%!important;}
.ayu-doc .w3eden .card {height: auto}
.ayu-doc .ml-3 {margin: auto!important;; text-align: center}
.w3eden .media-body {display:  block!important;margin-bottom: 10px; width: 100%;}
.w3eden .card-body h3 a {
  padding: 0;
  font-size: 17px!important;
  font-weight: 400!important;;display: block!important;font-family: 'AvenirNextLTPro', sans-serif!important;color: #0b0d08!important;; width: 80%!important;margin: auto
}
/* Quita el pointer y estilo de link */
.card .package-title {
  pointer-events: none;
  cursor: default;
  color: inherit;
  text-decoration: none;
}

.card a {color: #0b0d08}
.calcu h3 {font-family: 'AvenirNextLTPro', sans-serif!important;font-size:22px!important; margin-bottom: 30px}
.calcu h3:after {
  content: "";
  display: block;
  width: 105px;
  height: 8px;
  background-color: rgb(103, 160, 218);
  margin: 5px auto;}
.calcu ul {display: inline-table; text-align: center}
.calcu li {text-align: left; font-size: 17px}
.det {text-align: center; width: 50%; margin-bottom: 0}
.calcu .row {margin: 30px 0}
.calcu strong {text-align: left; display: block; font-size: 20px}
.calcu .row p {text-align: left}

.segu { background-color: #f5f5f5;text-align: center}
.segu h2 {margin-bottom: 20px}
.segu h2:after {
  content: "";
  display: block;
  width: 105px;
  height: 8px;
  background-color: rgb(103, 160, 218);
  margin: 5px auto;}
.segu strong {display: block; margin: 10px 0; font-size: 20px}
.politicas {text-align: center}
.politicas h2:after {
  content: "";
  display: block;
  width: 105px;
  height: 8px;
  background-color: rgb(103, 160, 218);
  margin: 5px auto;}
.text-segu p {width: 80%; margin: auto}
.inform {text-align: center; background-color: #f5f5f5;}
.inform strong {display: block; font-size: 20px; width: 70%; margin: 20px auto}
.programas {text-align: center;}
.programas p, .programas h3 {text-align: left; margin: 20px 0}
.programas .row {margin: 40px 0}
.programas h3:after {
  content: "";
  display: block;
  width: 105px;
  height: 8px;
  background-color: rgb(103, 160, 218);
  margin: 0px 0px;
}
.programas a {float: left; margin: 10px }

.programas h1 {text-align: left}
.programas .col-sm-4 {text-align: left}
.programas .col-sm-4 strong {display: block;margin-top: 5px}
.programas .col-sm-4 img {max-width: 12%}
.programas .col-sm-4 p {display: block;margin:0;margin-bottom: 20px}
.programas h4 {text-align: left; font-weight: 600; margin: 10px 0; display:block}
.programas ul {padding: 0 15px}
.programas li {text-align: left;font-size: 17px}
.programas h1:after {
  content: "";
  display: block;
  width: 105px;
  height: 8px;
  background-color: rgb(103, 160, 218);
  margin: 0px 0px;
}
.gal-pro {text-align: center;background: #f5f5f5}
.gal-pro h2:after {
  content: "";
  display: block;
  width: 105px;
  height: 8px;
  background-color: rgb(103, 160, 218);
  margin: 5px auto;
}
.cta-pro {text-align: center;}
.cta-pro h3:after {
  content: "";
  display: block;
  width: 105px;
  height: 8px;
  background-color: rgb(103, 160, 218);
  margin: 5px auto;
}
.us {text-align: center}
.us h3 {text-align: left; margin-bottom:20px}
.us h3:after {
  content: "";
  display: block;
  width: 155px;
  height: 8px;
  background-color: rgb(103, 160, 218);
  margin: 0px 0px;
}
.us p, .us h2 {text-align: left}
.us .row {margin: 30px 0}
.us span {text-align: left; display:block;background: url(img/unico/mit-unico-descubre-label.webp) left no-repeat;position: relative; background-size: 100% 100%; width: 75%; margin-top: 50px}
.us span p{ 
padding: 10px;
  display: flex;
  align-items: center; /* centra verticalmente */
  justify-content: center; /* centra horizontalmente */; margin: auto; font-size: 25px; color: #fff}
.us span img {position: absolute;right: -3%;top: -30px; max-width: 55px}
.us span b {margin-left: 4px;color:#67a0da}
.mis {text-align: center; background: url(img/unico/mit-unico-nuestra-historia-bg-4k.webp)center no-repeat; background-size: cover; position: relative }
.mis h1 {text-align: left; width: fit-content; color: #fff; font-family: "dunbar-tall", sans-serif!important;font-weight: 600; font-size: 50px;border-bottom: 8px solid #fff}
/* .mis h1:after {
  content: "";
  display: block;
  width: 70%;
  height: 8px;
  background-color: rgb(255,255,255);
  margin: 0px 0px;} */
.mis p {text-align: left; margin-top: 10px; color: #fff; font-size: 20px}
.acre {text-align: center}
.acre p, .acre h1 {text-align: left}
.acre .row {margin: 30px 0}
.acre h1:after {
  content: "";
  display: block;
  width: 150px;
  height: 8px;
  background-color: rgb(103, 160, 218);
  margin: 0px 0px;}

.cta-sb {text-align: center; background: url(img/unico/mit-unico-cta-bg-4k.webp)center no-repeat; background-size: cover; position: relative; padding: 80px 0}
.fond {text-align: center; display:block;background: url(img/unico/mit-unico-descubre-label.webp) center no-repeat;position: relative; background-size: 100% 100%;; width: 80%; margin:auto;margin-top: 100px}
.fond h1 {padding: 10px;
  display: flex;
  align-items: center; /* centra verticalmente */
  justify-content: center; /* centra horizontalmente */; margin: auto;color: #fff }
.fond b {margin: 0 7px; border-bottom: 7px solid #67a0da;  }
.cta-sb .btn-white {margin-top: 10px}
/* Contacto */
.contact {text-align: center;}
.contact .row {margin-top: 20px}
.contact h2, .contact h5 {text-align: left}
.contact span {display: inline-block;vertical-align:middle; padding-left: 10px}
.contact li {text-align: left;display: block;font-size: 20px;margin: 20px 0}
.contact ul {padding: 0}
.contact strong {color: #272757}
.contact p {display: inline-block; width: 80%; vertical-align: top; text-align: left; margin-bottom: 10px}
.contact a {color: #171717; }



.cita {text-align: center}
/*Footer*/
footer{max-width: 100%;text-align:center;padding-top:  15px ; padding-bottom: 5px; background-color: #0b0d08; position: relative; }
.arroba {vertical-align: middle;border-top: 3px solid #fff; padding: 10px 0; margin-top: 10px!important; }
footer strong {display: block; color: #fff; text-align: left;margin: 20px 0}

footer strong:after {content:''; display: block; width: 55px; height: 4px;background-color: #67a0da; margin: 10px 0}
footer a {color: #fff!important;; display: block ; text-align: left; margin: 10px 0; font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.21;
  letter-spacing: normal;
  text-align: left;}
footer p {color: #fff; text-align: left }
.fsocial {font-size: 24px; display:  inline-block;margin: 10px 5px}
.not-found {text-align: center; margin-top: 100px; font-size: 24px;}
/*Responsive */
@media screen and (max-width:2001px){
  .arrw h1 {max-width: 70%; text-align: left;font-size: 58px;}
.arrw {
  background: url(img/mit-phone-banner.webp)center no-repeat; background-size: cover;
  padding: 100px 40px;
  display:block;max-width: 90%;margin: 100px 0;
  color: #fff;
}
    .dn {padding-top: 150px}

  .hm-banner h1 {color: #fff; margin: 0;padding: 0; line-height: 0.90; font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;font-size:80px }
  .hm-banner .btn-white {font-size: 24px}
  .ad{background: url(img/admisiones/mit-amisiones-unete-2k.webp)center no-repeat!important; background-size: cover;height: 400px!important;}
  .hm-ser {
  text-align: center;
  position: relative;
  background: url(img/inicio/mit-inicio-carrera-bg-2k.webp)top center no-repeat;
  margin-top: -20px;
}
  .cta-sb {
  text-align: center;
  background: url(img/unico/mit-unico-cta-bg-2k.webp)center no-repeat;
    background-size: auto;
  background-size: cover;
  position: relative;
}
  .banner {
  height: 300px;
  text-align: center;
  background: url(img/unico/mit-unico-header-2k.webp)center no-repeat;
    background-size: auto;
  background-size: cover;
  position: relative;
  padding: 110px 0;
}
    .barber { background: url(img/h/mit-unico-header-barberia-2k.webp)center no-repeat; background-size: cover;}
      .cosme { background: url(img/h/mit-unico-header-cosmetologia-2k.webp)center no-repeat; background-size: cover;}
   .avanzado { background: url(img/h/mit-unico-header-avanzado-2k.webp)center no-repeat; background-size: cover;}
   .costura { background: url(img/h/mit-unico-header-costura-2k.webp)center no-repeat; background-size: cover;}
       .saba { background: url(img/h/mit-unico-header-sabatinos-2k.webp)center no-repeat; background-size: cover;}
           .moda { background: url(img/h/mit-unico-header-alta-costura-2k.webp)center no-repeat; background-size: cover;}
               .flor { background: url(img/h/mit-unico-header-floristeria-2k.webp)center no-repeat; background-size: cover;}
  .maqui { background: url(img/h/mit-unico-header-maquillaje-2k.webp)center no-repeat; background-size: cover;}
  .tapi { background: url(img/h/mit-unico-header-tapiceria-2k.webp)center no-repeat; background-size: cover;}
    .unas { background: url(img/h/mit-unico-header-tecu-2k.webp)center no-repeat; background-size: cover;}
      .masaje { background: url(img/h/mit-unico-header-masaje-2k.webp)center no-repeat; background-size: cover;}

  
 .hm-banner {background: url(img/inicio/mit-inicio-banner-2k.webp)center no-repeat; position: relative; padding: 90px 0; text-align: center; background-size: cover}
.mis {
  text-align: center;
  background: url(img/unico/mit-unico-nuestra-historia-bg-2k.webp)center no-repeat;
    background-size: auto;
  background-size: cover;
  position: relative;
}
.navbar-brand {
  transition: 0.5s all ease-in-out;
  background: transparent;
  position: absolute;left: 28%
  ;top:0px}
}

@media screen and (max-width:1400px){
   .hm-banner {background: url(img/inicio/mit-inicio-banner-2k.webp)center no-repeat; position: relative; padding: 60px 0; text-align: center; background-size: cover}

  .hm-banner h1 {color: #fff; margin: 0;padding: 0; line-height: 0.90; font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;font-size:58px }
 .navbar-brand {
  transition: 0.5s all ease-in-out;
  background: transparent;
  position: absolute;left: 15%
  ;}
  .navbar-nav > li > a {
    font-size: 19px;
  }
  .cta-ad {
  text-align: center;
  background: url(img/admisiones/mit-admisiones-cta-4k.webp)left no-repeat;
    background-size: auto;
  background-size: cover;
  position: relative;
  padding: 100px 0;
}
   .arrw h1 {max-width: 80%; text-align: left;font-size: 42px;}
.arrw {
  background: url(img/mit-phone-banner.webp)center no-repeat; background-size: cover;
  padding: 100px 40px;
  display:block;max-width: 80%;margin: 100px 0;
  color: #fff;
}
}
@media screen and (max-width:1500px){
  .dn {padding-top: 100px}
}
@media screen and (max-width:1366px){
    .arrw {
  background: url(img/mit-phone-banner.webp)center no-repeat; background-size: contain;
  padding: 100px 40px;
  display:block;max-width: 73%;margin: 100px 0;
    color: #fff;}
    .ad{background: url(img/admisiones/mit-amisiones-unete-l.webp)center no-repeat!important; background-size: cover;height: 400px!important;}
.bk-sb span {
  background: url(img/admisiones/mit-admisiones-label.webp) center no-repeat;
    background-size: auto;
  padding: 5px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: 100% 100%;
  width: 50% !important;
  margin: auto !important;
  font-size: 26px;
}
  .hm-ser {
  text-align: center;
  position: relative;
  background: url(img/inicio/mit-inicio-carrera-bg-l.webp)top center no-repeat;
  margin-top: -20px;
}
  .cta-sb {
  text-align: center;
 background: url(img/unico/mit-unico-cta-bg-l.webp)center no-repeat;
    background-size: auto;
  background-size: cover;
  position: relative;padding: 70px 0
}
.banner {
  height: 300px;
  text-align: center;
background: url(img/unico/mit-unico-header-l.webp)center no-repeat;
    background-size: auto;
  background-size: cover;
  position: relative;
  padding: 110px 0;
}
      .barber { background: url(img/h/mit-unico-header-barberia-l.webp)center no-repeat; background-size: cover;}
        .cosme { background: url(img/h/mit-unico-header-cosmetologia-l.webp)center no-repeat; background-size: cover;}
   .avanzado { background: url(img/h/mit-unico-header-avanzado-l.webp)center no-repeat; background-size: cover;}
   .costura { background: url(img/h/mit-unico-header-costura-l.webp)center no-repeat; background-size: cover;}
       .saba { background: url(img/h/mit-unico-header-sabatinos-l.webp)center no-repeat; background-size: cover;}
           .moda { background: url(img/h/mit-unico-header-alta-costura-l.webp)center no-repeat; background-size: cover;}
             .flor { background: url(img/h/mit-unico-header-floristeria-l.webp)center no-repeat; background-size: cover;}
   .maqui { background: url(img/h/mit-unico-header-maquillaje-l.webp)center no-repeat; background-size: cover;}
  .tapi { background: url(img/h/mit-unico-header-tapiceria-l.webp)center no-repeat; background-size: cover;}
      .unas { background: url(img/h/mit-unico-header-tecu-l.webp)center no-repeat; background-size: cover;}
        .masaje { background: url(img/h/mit-unico-header-masaje-l.webp)center no-repeat; background-size: cover;}








.hm-banner {background: url(img/inicio/mit-inicio-banner-l.webp)center no-repeat; position: relative;  text-align: center; background-size: cover}

}
@media screen and (max-width:1199px){
  .mis p {font-size: 18px}
  
  .arrw {
  background: url(img/mit-phone-banner.webp)center no-repeat; background-size: contain;
  padding: 100px 40px;
  display:block;max-width: 70%;margin: 100px 0;
    color: #fff;}

  .celu {position: absolute; right: 5%;; width: 400px; height: 600px; text-align: center; margin: auto;display: block; }

  .w3eden .card h3 {width: 100%!important;text-align: center!important;margin: 0!important;}
  .w3eden .card {height:180px}
.fond {
  text-align: center;
  display: block;
  background: url(img/unico/mit-unico-descubre-label.webp) center no-repeat;
    background-size: auto;
  position: relative;
  background-size: 100% 100%;
  width: 100%;
  margin: auto;
    margin-top: auto;
  margin-top: 100px;
}

  .navbar-brand img {
    max-width: 110px;
  }
  h1 {font-size: 38px!important;}

  .navbar-nav > li > a {

  font-size: 18px;}

  p {font-size: 17px}
.navbar-brand {
  transition: 0.5s all ease-in-out;
  background: transparent;
  position: absolute;
  left: 5%;top: 0px
  }
  .navbar {padding: 30px 0!important;}
.us span {
  text-align: left;
  display: block;
  position: relative;
  width: auto;
  margin-top: 50px;
}
  .hm-banner h1 {color: #fff; margin: 0;padding: 0; line-height: 0.90; font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;font-size:45px!important;}
  .hm-banner .btn-white {font-size: 20px}
  .lok {margin-bottom: 0!important;}
}

@media screen and (max-width:991px){
  .hm-banner {background: url(img/inicio/mit-inicio-banner-l.webp)center no-repeat; position: relative; padding: 120px 0; text-align: center; background-size: cover}

   h1 {font-size: 32px!important;}
  
  .npi {
  text-align: center;
  position: relative;
  padding: 50px 0;
}
  .arrw {

  padding: 100px 40px;
  display: block;
  max-width: 100%;
  margin: 0px 0;
  color: #fff;
/*! clip-path: polygon( 0% 0%, 85% 0%, 100% 50%, 85% 100%, ); */
}
    .celu {position: relative; right: 0; top: 0; width: 400px; height: 600px;text-align: center; margin: auto;display: block;}

  .dn {padding-top: 60px}
  .fond {
  text-align: center;
  display: block;
  background: url(img/unico/mit-unico-descubre-label.webp) center no-repeat;
    background-size: auto;
  position: relative;
  background-size: 100% 100%;
  width: 100%;
  margin: auto;
    margin-top: auto;
  margin-top: 30px;
}
  .fond h1 {font-size: 28px!important;}
  .acre .col-sm-7 img {max-width: 150px}
  .hm-ser {
  text-align: center;
  position: relative;
  background: url(img/inicio/mit-inicio-carrera-bg-l.webp)top center no-repeat;
  margin-top: -60px;
}
  .hm-ser h1 {
  background: url(img/inicio/mit-inicio-h1-bg.webp) center no-repeat;
    background-size: auto;
  display: block;
  color: #fff;
  background-size: 100% 100%;
  width: 100%;
  margin: 20px auto;
}
  .hm-ser .wp-block-heading, .cta-pro .wp-block-heading  {
  background: url(img/inicio/mit-inicio-h1-bg.webp) center no-repeat;
    background-size: auto;
  padding: 20px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: 100% 100%;
  margin: auto !important;
  font-family: 'AvenirNextLTPro', sans-serif !important;
  font-size: 19px !important;
  margin: 0;
  line-height: 1;
  color: #fff;
  width: 100%;
}
/*   .hm-ser .wp-block-cb-slide-v2 {
  background: url(img/inicio/mit-inicio-h1-bg.webp) center no-repeat;
    background-size: auto;
  padding: 20px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: 100% 100%;
  width: 30% !important;
  margin: auto !important;
} */
/*   .hm-ser .wp-block-heading {
  font-family: 'AvenirNextLTPro', sans-serif !important;
  font-size: 19px !important;
  margin: 0;
  line-height: 1;
  text-align: center;
  width: 90%;
  color: #fff;
} */
  .bk-sb span{ 
 padding: 10px 0;
  display: flex;
  align-items: center; /* centra verticalmente */
  justify-content: center; /* centra horizontalmente */; width: 55%!important;margin: auto!important;font-size: 24px}
  .programas .btn-blue, .programas .btn-white {padding: 8px 15px}
  .programas a {
  float: left;
  margin: 10px 5px;
}
 .us span p {
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  font-size: 20px;
}
  .us span img {
  position: absolute;
  right: -3%;
  top: -20px;
  max-width: 40px;
}
  .acre .col-sm-7 img {
    max-width: 120px;
  }
  .us span {
    text-align: left;
    display: block;
    position: relative;
    width: 100%;
    margin-top: 50px;
  }
  .eventos .container {max-width: 100%} 
 .em.em-list.size-small .em-item .em-item-info{border-top: 0!important;}
  .em.em-list.size-small .em-item {border: 0!important;}
}

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

  .navbar-nav > li a{
  float: none;
  display: inline-block;
  margin:0 3px;font-size: 17px
}
  .em.em-list .em-item .em-item-info {
  border-right: 4px solid #fff !important;
  border-left: 0;border-top: 0!important;
  }
 
/*   .navbar {padding: 15px 0!important;} */

}

@media screen and (max-width:768px){
 .ad {
    background: url(img/admisiones/mit-amisiones-unete-t.webp)center no-repeat !important;
    background-size: cover;
    height: 300px !important;}
  .bk-sb {margin-top: 0}
   .banner {
    height: 250px;
    text-align: center;
    background: url(img/unico/mit-unico-header-t.webp)center no-repeat;
    background-size: auto;
    background-size: auto;
    background-size: cover;
    position: relative;

  }
      .barber { background: url(img/h/mit-unico-header-barberia-t.webp)center no-repeat; background-size: cover;}
      .cosme { background: url(img/h/mit-unico-header-cosmetologia-t.webp)center no-repeat; background-size: cover;}
   .avanzado { background: url(img/h/mit-unico-header-avanzado-t.webp)center no-repeat; background-size: cover;}
   .costura { background: url(img/h/mit-unico-header-costura-t.webp)center no-repeat; background-size: cover;}
       .saba { background: url(img/h/mit-unico-header-sabatinos-t.webp)center no-repeat; background-size: cover;}
         .moda { background: url(img/h/mit-unico-header-alta-costura-t.webp)center no-repeat; background-size: cover;}
               .flor { background: url(img/h/mit-unico-header-floristeria-t.webp)center no-repeat; background-size: cover;}
   .maqui { background: url(img/h/mit-unico-header-maquillaje-t.webp)center no-repeat; background-size: cover;}
  .tapi { background: url(img/h/mit-unico-header-tapiceria-t.webp)center no-repeat; background-size: cover;}
      .unas { background: url(img/h/mit-unico-header-tecu-t.webp)center no-repeat; background-size: cover;}
        .masaje { background: url(img/h/mit-unico-header-masaje-l.webp)center no-repeat; background-size: cover;}








.hm-banner {background: url(img/inicio/mit-inicio-banner-t.webp)top center no-repeat; padding: 80px 0;position: relative; text-align: center; background-size: cover}
   .dn {
    padding-top: 40px;
  }
  .hm-banner h1 {font-size: 36px!important;}
  .cta-sb {
    text-align: center;
  background: url(img/unico/mit-unico-cta-bg-t.webp)center no-repeat;
    background-size: auto;
    background-size: auto;
    background-size: cover;
    position: relative;
  }
  .hm-ser {
  text-align: center;
  position: relative;
  background: url(img/inicio/mit-inicio-carrera-bg-t.webp)top center no-repeat;
  margin-top: -20px;
}
}

@media screen and (max-width:767px){
  .ban-ti {
  margin-top: 20px;
}
  .hm-banner img {margin-top: 15px}
  .programas .col-sm-8 .btn-blue {margin-bottom: 20px}
  .programas .col-sm-4 {text-align: center}
  .programas .col-sm-4 p {text-align: center}
      .celu {position: relative; right: 0; top: 0;width: auto; height: auto;text-align: center; margin: auto;display: block;background: transparent}
  .celu iframe {max-width: 100%; margin-top: 0}

  .requi h2 {margin-top: 20px}

  .cta-ad {
  text-align: center;
  background: url(img/admisiones/mit-admisiones-cta-4k.webp)center no-repeat;
    background-size: auto;
  background-size: cover;
  position: relative;
  padding: 80px 0;
}
  .bk-sb h1 {margin-top: 10px}
  .dn {padding-top: 0px}
  .calcu .accordion-item {
  background-color: #fff;
  border: 0 !important;
    border-bottom-width: 0px;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
  border-bottom: none !important;
  width: 100%;
  margin: 20px auto;
}
  .w3eden .btn {font-size: 17px; padding:8px 10px}
  .w3eden .col-lg-12, .w3eden .col-md-6, .w3eden .col-12 {
  display: block !important;
  max-width: 100% !important;
}
    .w3eden .card {height:auto}

  .video {margin-top: 20px}
  .wp-block-image img {max-width: 60%}
  .hm-ser {
  text-align: center;
  position: relative;
  background: url(img/inicio/mit-inicio-carrera-bg-m.webp)top center no-repeat;
  margin-top: -20px;
}
   .hm-ser .wp-block-heading, .cta-pro .wp-block-heading  {
    background: url(img/inicio/mit-inicio-h1-bg.webp) center no-repeat;
    background-size: auto;
    background-size: auto;
    padding: 15px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: 100% 100%;
    margin: auto !important;
    font-family: 'AvenirNextLTPro', sans-serif !important;
    font-size: 17px !important;
    margin: 0;
    line-height: 1;
    color: #fff;
    width: 100%;
  }
  .swiper-button-next::after {
 ;margin-left: -20px!important;
}
 .swiper-button-prev::after {
 ;margin-right:  -20px!important;
}
   .hm-ser h1 {
    background: url(img/inicio/mit-inicio-h1-bg.webp)top center no-repeat;
    background-size: auto;
    background-size: auto;
    display: block;
    color: #fff;
    background-size: 100% 100%;
    width: 100%;
    margin: 0px auto;line-height: 1em; padding: 10px 
  }
  .btn-white {padding: 8px 10px; font-size: 18px}
/*    .hm-ser .wp-block-cb-slide-v2 {
  background: url(img/inicio/mit-inicio-h1-bg.webp) center no-repeat;
    background-size: auto;
  padding: 20px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size:90% 100%;
  width: 50% !important;
  margin: auto !important;
} */
  .partner img {
  margin: 10px;max-width: 120px
}
/*   .hm-ser .wp-block-heading {
  font-family: 'AvenirNextLTPro', sans-serif !important;
  font-size: 18px !important;
  margin: 0;
  line-height: 1;
  text-align: center;
  width: 75%;
  color: #fff;
} */
  .cta-ad p {
  display: block;
  margin: 10px auto;
  width: 100%;
  color: #fff;
}
  .requi img {margin: 10px 0}
  .ayudas img {max-width: 70%; margin: auto; display: block}
   .fond h1 {
    font-size: 20px !important;
  }
  .fond b {margin: 0 02px; border-bottom: 3px solid #72a7db }

   .cta-sb {
    text-align: center;
   background: url(img/unico/mit-unico-cta-bg-t.webp)center no-repeat;
    background-size: auto;
    background-size: auto;
    background-size: cover;
    position: relative;padding: 40px 0
  }
  .cta-sb img {max-width: 200px}
  footer .col-sm-2 strong {display: inline-block}
  .em.em-list .em-item .em-item-info {
    border-right: 0px!important;
    border-left: 0;
    
  }
   .em.em-list.size-small .em-item .em-item-info {
    border-top: 4px solid #fff !important;
  }
  .cl .btn-white {
  margin: 15px 0;
}
  .em.em-list .em-item {
  width: auto !important;
  display: inline-block !important;
  grid-template-columns: none !important;
  padding: 0px 4px 3px;
  padding-top: 30px;
  background-color: var(--meta-bg);
  color: var(--default-color);
}
 .bl i {
  color: #fff;
  font-size: 48px;
  display: block;
  margin: auto;
  line-height: 70px;
}
.hm-banner {background: url(img/inicio/mit-inicio-banner-m.webp)top center no-repeat; position: relative;padding: 60px 0;  text-align: center; background-size: cover}
 
  .programas a {float: none}
   .programas h3 {
  text-align: center;
  margin: 20px 0;font-size: 28px!important;
}
  .programas h3::after {
  content: "";
  display: block;
  width: 90px;
  height: 8px;
  background-color: rgb(103, 160, 218);
  margin: 0px auto;
}

 
  .navbar {text-align: right!important; justify-content: right!important;z-index: 20; position:relative!important;padding: 25px 0!important;height: auto}
  .navbar-collapse {padding-top: 20px}
  .navbar-nav {
    margin-left: 0%;text-align: center
  }
  .navbar-brand {top: 0px}
   .ad {
    background: url(img/admisiones/mit-amisiones-unete-m.webp)center no-repeat !important;
    background-size: cover;
    height: 300px !important;}
.banner {
    height: 250px;
    text-align: center;
    background: url(img/unico/mit-unico-header-m.webp)center no-repeat;
    background-size: auto;
    background-size: auto;
    background-size: auto;
    background-size: cover;
    position: relative;
  }
  
      .barber { background: url(img/h/mit-unico-header-barberia-m.webp)center no-repeat; background-size: cover;}
        .cosme { background: url(img/h/mit-unico-header-cosmetologia-m.webp)center no-repeat; background-size: cover;}
   .avanzado { background: url(img/h/mit-unico-header-avanzado-m.webp)center no-repeat; background-size: cover;}
   .costura { background: url(img/h/mit-unico-header-costura-m.webp)center no-repeat; background-size: cover;}
     .saba { background: url(img/h/mit-unico-header-sabatinos-m.webp)center no-repeat; background-size: cover;}
           .moda { background: url(img/h/mit-unico-header-alta-costura-m.webp)center no-repeat; background-size: cover;}
             .flor { background: url(img/h/mit-unico-header-floristeria-m.webp)center no-repeat; background-size: cover;}
   .maqui { background: url(img/h/mit-unico-header-maquillaje-m.webp)center no-repeat; background-size: cover;}
  .tapi { background: url(img/h/mit-unico-header-tapiceria-m.webp)center no-repeat; background-size: cover;}
      .unas { background: url(img/h/mit-unico-header-tecu-m.webp)center no-repeat; background-size: cover;}
        .masaje { background: url(img/h/mit-unico-header-masaje-m.webp)center no-repeat; background-size: cover;}







  .bk-sb span {
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: 95% 80%;
    width: auto !important;
    margin: auto !important;
    font-size: 22px;
  }
/*   .ad {height: 300px; background: url(https://placehold.co/480x300)center no-repeat;} */
 .banner h2 {
  color: #fff;
  display: block;
  width: auto;
  margin: 0 auto;
  height: 60px;
  line-height: 60px;
  background-size: contain;font-size: 26px!important;
}
  
  .us {padding-top: 0}
  .mis h1 {
  text-align: center;
  ; margin:20px auto
}
  .acre h1 {
  text-align: center;margin: 10px 0
}
  .acre h1::after {
  content: "";
  display: block;
  width: 100px;
  height: 8px;
  background-color: rgb(103, 160, 218);
  margin: 0px auto;
}
   .arrw {
    background: url(img/mit-phone-banner.webp)right no-repeat;
    background-size: auto;
    background-size: cover;
    padding: 50px 40px;
    display: block;
  max-width: 100%;
    margin: 20px 0;
    color: #fff;
  }
/*   .mis h1::after {
 margin:5px auto;width:70%
} */
  .us span {text-align: center}
  .us span b {
  margin-left: 0px;
  color: #67a0da;
}
    .us span p {text-align: center;
    padding: 10px;
    display:  block;
    align-items: center;
    justify-content: center;
    margin: auto;
    font-size: 20px;
  }
  .us h3 {
  text-align: left;
  margin: 20px 0;
}
 .us h3::after {
  content: "";
  display: block;
  width: 75px;
  height: 8px;
  background-color: rgb(103, 160, 218);
  margin: 0px 0px;
}
.hm-banner span {
  display: block;
  width: 250px;
  margin: 0px auto;
  height: 60px;
  line-height: 60px;
  font-size: 26px;
}
  .acre .col-sm-5 img {max-width: 50%}
  .mis img {max-width: 70%}
  .navbar-brand  img {max-width: 100px}
  h3 {font-size: 22px!important;}
  .navbar-toggler {z-index: 20}
  .navbar-toggler-icon {height: auto; font-size: 28px;color: #fff;height: auto!important; }
  .navbar-nav li { margin:15px auto; display: table; text-align:center; justify-content:center}
 .navbar-toggler { line-height: 0!important;padding: 5px!important;}

  .navbar-toggler:focus {border: 0!important;box-shadow: none!important;; background: none!important;}
  .navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: none!important;}

    h1, h2 {font-size: 28px!important;}

.container {padding-left: 25px!important;padding-right: 25px!important;}
  .fsocial{text-align: center}
 .calcu h3 {
  font-family: 'AvenirNextLTPro', sans-serif !important;
  font-size: 20px !important;
  margin-bottom: 30px;
}
 .segu strong {
  display: block;
  margin: 10px 0;
  font-size: 18px;
}
}

@media screen and (max-width:385px){
   .banner h2 {
  color: #fff;
  display: block;
  width: auto;
  margin: 0 auto;
  height: 60px;
  line-height: 60px;
  background-size: contain;font-size: 24px!important;
}
   .fond h1 {
    font-size: 17px !important;
  }
}