/**
Theme Name: Deducible-theme
Author: Sergio_rk
Author URI: http://wpastra.com/about/
Description: Astra child theme for Deducible.es website
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: deducible-theme
Template: astra
*/

/* ==========================
    TIPOGRAFÍA FLUIDA 
============================= */
@media (min-width: 977px) {
  .titulo-100 .uagb-heading-text {
    font-size: clamp(72px, 6.95vw, 100px) !important;
    line-height: 1.08 !important;
  }
  .titulo-72 .uagb-heading-text {
    font-size: clamp(64px, 5vw, 72px) !important;
    line-height: 1.1 !important;
  }
  .titulo-64 .uagb-heading-text {
    font-size: clamp(48px, 4.45vw, 64px) !important;
    line-height: 1.12 !important;
  }
  .titulo-48 .uagb-heading-text {
    font-size: clamp(38px, 3.34vw, 48px) !important;
    line-height: 1.2 !important;
  }
  .titulo-32 .uagb-heading-text {
    font-size: clamp(28px, 2.22vw, 32px) !important;
    line-height: 1.2 !important;
  }
  .titulo-28 .uagb-heading-text {
    font-size: clamp(24px, 1.95vw, 28px) !important;
    line-height: 1.1 !important;
  }
  .titulo-24 .uagb-heading-text {
    font-size: clamp(22px, 1.67vw, 24px) !important;
    line-height: 1.33 !important;
  }
}


/* ====================
    FUNCIONABILIDADES
======================= */
/* --- ANCHURA COMPLETA --- */
.full-width{
  width: 100% !important;
}
/* --- ALTURA COMPLETA --- */
.full-height{
  height: 100% !important;
}
/* --- GRADIENT TEXTO --- */
.card-gradient .texto-gradient .uagb-heading-text {
  background-image: linear-gradient(
    67deg,
    #006633 0%,
    #CCFF99 56%,
    #CCFF99 65%,
    #99FFCC 100%
  ) !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  transition:
    color 0.45s ease,
    -webkit-text-fill-color 0.45s ease !important;
}

.card-gradient:hover .texto-gradient .uagb-heading-text {
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}

/* --- HOVERS --- */
.hover-white {
  transition: background-color 0.5s ease;
}
.hover-white:hover {
  background-color: #ffffffa6 !important;
}
@media (max-width: 977px) {
  .hover-white {
    background-color: #ffffffa6 !important;
  }
}

/* --- NUMERO METODOLOGIA --- */
.circulo-numero {
  width: 72px !important;
  height: 72px !important;
  min-width: 72px !important;
  min-height: 72px !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
}

.circulo-numero .wp-block-uagb-advanced-heading,
.circulo-numero .uagb-heading-text {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  text-align: center !important;
}

@media (max-width: 1024px) {
  .circulo-numero {
    width: 64px !important;
    height: 64px !important;
    min-width: 64px !important;
    min-height: 64px !important;
  }
}

@media (max-width: 767px) {
  .circulo-numero {
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    min-height: 56px !important;
  }
}


/* ==========
    HEADER
============= */
/* --- WRAPPER GLASSY --- */
.ded-header-wrapper {
  position: fixed;
  top: 16px;
  left: 0;
  width: 100%;
  z-index: 9999;
  padding-inline: 20px;
  pointer-events: none;
}
.ded-header-glass {
  width: min(100%, 1400px);
  margin-inline: auto;
  pointer-events: auto;
  background: rgba(255, 255, 255, 0.65) !important;
  backdrop-filter: blur(3px) !important;
  -webkit-backdrop-filter: blur(3px) !important;
  border: 1px solid rgba(255, 255, 255, 0.45);
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 20px;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.06);
}

/* --- MENÚ HEADER --- */
.menu_header .wp-block-navigation-item__content,
.menu_header .wp-block-navigation-item__label {
  white-space: nowrap !important;
}
.menu_header .wp-block-navigation__container {
  flex-wrap: nowrap !important;
}
.menu_header .wp-block-navigation-item {
  flex-shrink: 0 !important;
}
/* Contenedor padre desplegable (Servicios, metodología, etc...) */
.menu_header .wp-block-navigation-item .wp-block-navigation-submenu__toggle{
  box-shadow: none !important;
}
.menu_header .wp-block-navigation-item:hover,
.menu_header .wp-block-navigation-item .wp-block-navigation-submenu__toggle[aria-expanded="true"]{
  color: #006633 !important;
}
/* Contenedor interior */
.menu_header ul.wp-block-navigation__submenu-container{
  border: none !important;
  background-color: white !important;
  border-radius: 16px !important;
  padding: 20px !important;
  row-gap: 15px !important;
  box-shadow: 0 2px 7px 0 rgba(148, 148, 148, 0.15);
}
.menu_header .wp-block-navigation .has-child .wp-block-navigation__submenu-container{
  align-items: self-start !important;
  width: auto !important;
}
/* Hijos dentro del desplegable */
.menu_header .wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content{
  font-family: 'Poppins' !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  color: black !important;
  line-height: 1.2em !important;
  padding: 8px 16px !important;
  border-radius: 16px !important;
}
.menu_header .wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content:hover{
  background-color: #EEEEEE !important;
}
/* Pico encima del contenedor interior desplegable */
.menu_header .wp-block-navigation-item.has-child {
  position: relative;
}
.menu_header .wp-block-navigation-item.has-child>.wp-block-navigation__submenu-container {
  top: calc(100% + 30px) !important;
  left: -25px !important;
  overflow: visible !important;
  z-index: 9999;
}
.menu_header .wp-block-navigation-item.has-child > .wp-block-navigation__submenu-container::before {
  content: "";
  position: absolute;
  top: -9px;
  left: 40px;
  width: 20px;
  height: 20px;
  background: #fff;
  transform: rotate(45deg);
  z-index: -1;
  box-shadow: 0 2px 7px 0 rgba(148, 148, 148, 0.15) !important;
  -webkit-clip-path: polygon(-20px -20px, calc(100% + 20px) -20px, -20px calc(100% + 20px));
  clip-path: polygon(-20px -20px, calc(100% + 20px) -20px, -20px calc(100% + 20px));
}

/* --- MODAL MENÚ HAMBURGUESA --- */
.burger-menu{
  display:none!important;
}
/* Modal fullscreen */
.uagb-modal-popup.uagb-block-1781df9b .uagb-modal-popup-wrap,
.uagb-modal-popup.uagb-block-1781df9b .uagb-modal-popup-content{
  width:100vw!important;
  max-width:100vw!important;
  min-height:100vh!important;
  background:#fff!important;
  border-radius:0!important;
  box-shadow:none!important;
}
/* Botón cerrar */
.uagb-modal-popup.uagb-block-1781df9b .uagb-modal-popup-close{
  top:28px!important;
  right:28px!important;
  z-index:999999!important;
  box-shadow:none!important;
}
/* Menú modal */
.uagb-modal-popup.uagb-block-1781df9b nav.wp-block-navigation{
  width:100%!important;
  display:block!important;
}
.uagb-modal-popup.uagb-block-1781df9b nav.wp-block-navigation>.wp-block-navigation__container{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:8px!important;
  width:100%!important;
}
.uagb-modal-popup.uagb-block-1781df9b .wp-block-navigation-item{
  width:100%!important;
}
.uagb-modal-popup.uagb-block-1781df9b .wp-block-navigation-item__content,
.uagb-modal-popup.uagb-block-1781df9b .wp-block-navigation-submenu__toggle{
  width:100%!important;
  padding:12px 0!important;
  font-family:'Poppins'!important;
  font-size:22px!important;
  line-height:28px!important;
  font-weight:400!important;
  color:#000!important;
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
  text-align:left!important;
}
.uagb-modal-popup.uagb-block-1781df9b .wp-block-navigation-item__content:hover,
.uagb-modal-popup.uagb-block-1781df9b .wp-block-navigation-submenu__toggle:hover,
.uagb-modal-popup.uagb-block-1781df9b .wp-block-navigation-submenu__toggle[aria-expanded="true"]{
  color:#006633!important;
}
.uagb-modal-popup.uagb-block-1781df9b .wp-block-navigation-item.has-child{
  display:block!important;
  position:relative!important;
}
/* Flechas */
.uagb-modal-popup.uagb-block-1781df9b .wp-block-navigation__submenu-icon{
  position:absolute!important;
  top:15px!important;
  right:8px!important;
  margin:0!important;
}
.uagb-modal-popup.uagb-block-1781df9b .wp-block-navigation__submenu-icon svg{
  width:18px!important;
  height:18px!important;
  transition:transform .2s ease!important;
}
.uagb-modal-popup.uagb-block-1781df9b .wp-block-navigation__submenu-icon svg path{
  stroke:#000!important;
  stroke-width:2!important;
}
.uagb-modal-popup.uagb-block-1781df9b .wp-block-navigation-submenu__toggle[aria-expanded="true"]+.wp-block-navigation__submenu-icon svg{
  transform:rotate(180deg);
}
.uagb-modal-popup.uagb-block-1781df9b .wp-block-navigation-submenu__toggle:hover+.wp-block-navigation__submenu-icon svg path,
.uagb-modal-popup.uagb-block-1781df9b .wp-block-navigation-submenu__toggle[aria-expanded="true"]+.wp-block-navigation__submenu-icon svg path{
  stroke:#006633!important;
}
/* Submenús */
.uagb-modal-popup.uagb-block-1781df9b .wp-block-navigation__submenu-container{
  display:none!important;
  position:static!important;
  visibility:visible!important;
  opacity:1!important;
  height:auto!important;
  width:100%!important;
  min-width:0!important;
  margin:4px 0 12px!important;
  padding:14px!important;
  background:#f6f6f6!important;
  border:none!important;
  border-radius:16px!important;
  box-shadow:none!important;
}
.uagb-modal-popup.uagb-block-1781df9b .wp-block-navigation-submenu__toggle[aria-expanded="true"]+.wp-block-navigation__submenu-icon+.wp-block-navigation__submenu-container{
  display:flex!important;
  flex-direction:column!important;
  gap:4px!important;
}
.uagb-modal-popup.uagb-block-1781df9b .wp-block-navigation__submenu-container::before{
  display:none!important;
}
.uagb-modal-popup.uagb-block-1781df9b .wp-block-navigation__submenu-container .wp-block-navigation-item__content{
  padding:9px 12px!important;
  font-size:16px!important;
  line-height:22px!important;
  color:#000!important;
  border-radius:12px!important;
}
.uagb-modal-popup.uagb-block-1781df9b .wp-block-navigation__submenu-container .wp-block-navigation-item__label{
  color:#000!important;
}
.uagb-modal-popup.uagb-block-1781df9b .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover,
.uagb-modal-popup.uagb-block-1781df9b .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover .wp-block-navigation-item__label{
  background:#fff!important;
  color:#006633!important;
}
/* Idiomas */
.uagb-modal-popup.uagb-block-1781df9b .idioma-header{
  margin-top:24px!important;
  display:flex!important;
  justify-content:flex-start!important;
}
.uagb-modal-popup.uagb-block-1781df9b .deducible-language-switcher{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
}
.uagb-modal-popup.uagb-block-1781df9b .deducible-language-switcher__language{
  font-size: 22px!important;
  line-height:24px!important;
}
/* Logo fijo modal */
.uagb-modal-popup.uagb-block-1781df9b .logo-modal{
  position:fixed!important;
  top:1px!important;
  left:30px!important;
  z-index:999999!important;
  width: 100%!important;
  margin-top:-1px!important;
}

@media (max-width: 1343px) {
  /* Botones */
  .header-buttons .wp-block-button__link {
    padding: 10px !important;
    font-size: 14px !important;
  }
  .header-buttons .uagb-button__link {
    font-size: 14px !important;
  }
  /* Menú header */
  .menu_header .wp-block-navigation-item__content,
  .menu_header .wp-block-navigation-item__label {
    font-size: 16px !important;
    line-height: 22px !important;
    white-space: nowrap !important;
  }
  .menu_header .wp-block-navigation__container {
    gap: 15px !important;
  }
}
@media (max-width: 1160px) {
  .menu_header {
    display: none !important;
  }
  .burger-menu {
    display: flex !important;
  }
}


/* ==========
    SLIDERS
============= */
/* Igualar altura de cards dentro del slider */
.slider-home .swiper-wrapper {
  align-items: stretch !important;
}
.slider-home .swiper-slide {
  height: auto !important;
  display: flex !important;
}
.slider-home .swiper-slide .swiper-content {
  width: 100%;
  display: flex !important;
}
.slider-home .swiper-slide .card_EBFFF5 {
  width: 100%;
  height: 100% !important;
  display: flex !important;
}
.slider-home .swiper-slide .card_EBFFF5 > .uagb-container-inner-blocks-wrap {
  height: 100%;
  display: flex !important;
  flex-direction: column !important;
}
/* Botones */
.slider-home .swiper-button-next{
  top: 100% !important;
  right: 0 !important;
  border: 2px solid #D1D1D1 !important;
  font-weight: 600 !important;
}
.slider-home .swiper-button-prev{
  top: 100% !important;
  left: auto !important;
  right: 40px !important;
  border: 2px solid #D1D1D1 !important;
  font-weight: 600 !important;
}
.slider-home .swiper-button-disabled{
  border: 2px solid #EEEEEE !important;
  font-weight: 600 !important;
}

@media (max-width: 977px){
  .slider-home .swiper-button-next,
  .slider-home .swiper-button-prev {
    margin-right: 50px !important;
  }
}
@media (max-width: 767px){
  .slider-home .swiper-button-next,
  .slider-home .swiper-button-prev {
    margin-right: 20px !important;
  }
}


/* ==========
    CARDS
============= */
.card_EBFFF5,
.card_F2FFE5,
.card_prensa,
.card_proceso {
  transition: background-color 0.5s ease;
}
.card_EBFFF5:hover,
.card_proceso:hover{
  background-color: #EBFFF5;
}
.card_F2FFE5:hover{
  background-color: #F2FFE5;
}
.card_prensa:hover{
  background-color: #F6F6F6;
}

@media (max-width: 977px){
  .card_EBFFF5{
    background-color: #EBFFF5;
  }
  .card_F2FFE5{
    background-color: #F2FFE5;
  }
  .card_proceso{
    background-color: transparent !important;
  }
}


/* =========================
   BLOQUE TECNOLOGÍA STICKY
========================= */
.sticky-layout {
  display: flex;
  align-items: flex-start;
}
.sticky-container {
  position: sticky;
  top: 110px;
  align-self: flex-start;
  height: fit-content;
}
@media (max-width: 767px) {
  .sticky-container {
    display: none !important;
  }
  .sticky-layout {
    display: block !important;
  }
}


/* =========================
   TIMELINES
========================= */
/* --- TIMELINE PROCESOS VERTICAL --- */
.timeline-procesos {
  --circulo-timeline: 72px;
  position: relative !important;
}
.timeline-procesos {
  --timeline-gap: 48px;
}
.proceso-item {
  position: relative !important;
}
.proceso-item:not(:last-child)::before {
  content: "";
  position: absolute;
  top: calc(var(--circulo-timeline) / 2);
  left: calc(var(--circulo-timeline) / 2 - 2px);
  width: 4px;
  height: calc(100% + var(--timeline-gap));
  background: #99ffcc;
  z-index: 0;
  pointer-events: none;
}
.proceso-numero {
  width: var(--circulo-timeline) !important;
  min-width: var(--circulo-timeline) !important;
  height: var(--circulo-timeline) !important;
  min-height: var(--circulo-timeline) !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  aspect-ratio: 1 / 1;
  border-radius: 50% !important;
  background: #99ffcc !important;
  position: relative !important;
  z-index: 2;
}
.proceso-numero .wp-block-uagb-advanced-heading {
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.proceso-numero .uagb-heading-text {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  text-align: center !important;
}
@media (max-width: 1024px) {
  .timeline-procesos {
    --circulo-timeline: 64px;
  }
}
@media (max-width: 767px) {
  .timeline-procesos {
    --circulo-timeline: 56px;
  }
}


/* --- TIMELINE HORIZONTAL --- */
.timeline-procesos-horizontal {
  --circulo-timeline: 72px;
  position: relative !important;
}
.timeline-procesos-horizontal::before {
  content: "";
  position: absolute;
  top: calc(var(--circulo-timeline) / 2);
  left: calc(var(--circulo-timeline) / 2);
  right: 0;
  height: 4px;
  background: #99ffcc;
  z-index: 0;
}
.timeline-procesos-horizontal .proceso-item > .uagb-container-inner-blocks-wrap {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}
.timeline-procesos-horizontal .proceso-numero {
  width: var(--circulo-timeline) !important;
  height: var(--circulo-timeline) !important;
  min-width: var(--circulo-timeline) !important;
  max-width: var(--circulo-timeline) !important;
  min-height: var(--circulo-timeline) !important;
  max-height: var(--circulo-timeline) !important;
  flex: 0 0 var(--circulo-timeline) !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  background: #99ffcc !important;
  position: relative !important;
  z-index: 2;
}
.timeline-procesos-horizontal .proceso-numero .wp-block-uagb-advanced-heading,
.timeline-procesos-horizontal .proceso-numero .uagb-heading-text {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  text-align: center !important;
}
@media (max-width: 977px) {
  .timeline-procesos-horizontal {
    --circulo-timeline: 56px;
    --timeline-gap: 48px;
  }
  .timeline-procesos-horizontal::before {
    display: none !important;
  }
  .timeline-procesos-horizontal .proceso-item {
    position: relative !important;
  }
  .timeline-procesos-horizontal .proceso-item:not(:last-child)::before {
    content: "";
    position: absolute;
    top: calc(var(--circulo-timeline) / 2);
    left: calc(var(--circulo-timeline) / 2 - 2px);
    width: 4px;
    height: calc(100% + var(--timeline-gap));
    background: #99ffcc;
    z-index: 0;
  }
  .timeline-procesos-horizontal .proceso-item > .uagb-container-inner-blocks-wrap {
    display: grid !important;
    grid-template-columns: var(--circulo-timeline) minmax(0, 1fr) !important;
    align-items: start !important;
  }
}


/* --- TIMELINE HISTORIA --- */
.timeline-historia {
  width: 100% !important;
  max-width: 850px !important;
}
.timeline-historia .uagb-timeline__arrow{
  display: none !important;
}
.timeline-historia .uagb-timeline__marker.out-view-uagb-timeline__icon svg{
  width: 12px !important;
  height: 12px !important;
}

.timeline-historia .timeline-historia-child strong{
  color: #006633 !important;
  font-weight: 700 !important;
  font-size: clamp(38px, 3.34vw, 48px) !important;
}


/* ==========
   BLOG
============= */
/* --- PLANTILLA POST INDIVIDUAL --- */
/* Categorias */
.deducible-post-categories {
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  gap: 8px;
}
.deducible-post-category {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 16px;
  border-radius: 999px;
  background-color: #F0F0F0;
  color: #777777;
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
}
/* Primera letra mayúscula en la fecha */
.fecha-relativa::first-letter {
  text-transform: uppercase;
}
/* Foto autor */
.post_blog .author_img_blog img{
  width: 100% !important;
  max-width: 250px !important;
  max-height: 250px !important;
  object-fit: cover;
  border-radius: 16px !important;
}
/* Fotos destacada */
.post_blog .main_img_blog img{
  width: 1200px !important;
  max-height: 525px !important;
  height: auto !important;
  object-fit: cover !important;
}
.post_blog .entry-content{
  font-family: 'Poppins' !important;
  color: black !important;
}
/* Zoom iamgen posts recientes */
.card-hover-zoom {
  cursor: pointer;
}
.card-hover-zoom .wp-block-image,
.card-hover-zoom figure,
.card-hover-zoom .uagb-image__figure {
  overflow: hidden;
  border-radius: inherit;
  border-radius: 16px !important;
}
.card-hover-zoom img {
  transition: transform 0.45s ease;
  transform: scale(1);
  will-change: transform;
}
.card-hover-zoom:hover img {
  transform: scale(1.08);
}
/* Imagen para shortcode de LinkedIn Autor */
.deducible-author-linkedin {
  display: inline-flex;
  align-items: center;
  justify-content: left;
  width: 24px;
  height: 24px;
  text-decoration: none;
}
.deducible-author-linkedin__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background: #6f6f6f;
  color: #ffffff;
  border-radius: 2px;
  font-family: Arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
}
.deducible-author-linkedin:hover .deducible-author-linkedin__icon {
  opacity: 0.75;
}
@media (max-width: 977px) {
  .post_blog .author_img_blog img{
    width: 250px !important;
    height: 250px !important;
  }
}
@media (max-width: 767px) {
  .post_blog .author_img_blog img{
    width: 150px !important;
    height: 150px !important;
  }
}


/* =================
   TRANSLATEPRESS
==================== */
.idioma-header {
  display: flex;
  align-items: center;
}
.idioma-header > .trp-block-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.idioma-header .trp-shortcode-switcher__wrapper {
  display: flex;
  align-items: center;
  --bg: transparent !important;
  --border: 0 !important;
  --border-width: 0 !important;
  --border-color: transparent !important;
  --border-radius: 0 !important;
}
.idioma-header .trp-language-item{
  padding: 5px 10px !important;
}
.idioma-header .trp-language-item .trp-language-item-name{
  font-family: 'Poppins' !important;
  font-size: 16px !important;
}
/* Texto + flecha */
.idioma-header .trp-current-language-item__wrapper {
  display: flex;
  align-items: center;
}
/* El dropdown cerrado */
.idioma-header .trp-switcher-dropdown-list[hidden] {
  display: none !important;
}
/* Dropdown abierto */
.idioma-header .trp-switcher-dropdown-list {
  background: #fff !important;
  padding: 10px !important;
  border-radius: 16px !important;
  box-shadow: 0 2px 7px 0 rgba(148, 148, 148, 0.15);
}
/* Idiomas */
.idioma-header .trp-switcher-dropdown-list .trp-language-item {
  background: #fff !important;
  color: #000 !important;
  border-radius: 16px !important;
}
/* Hover */
.idioma-header .trp-switcher-dropdown-list .trp-language-item:hover {
  background: #999 !important;
  color: #fff !important;
}
@media (max-width: 1160px) {
.idioma-header .trp-language-item .trp-language-item-name{
  font-size: 22px !important;
}
}