.elementor-15353 .elementor-element.elementor-element-3c9fcc2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;overflow:visible;}.elementor-15353 .elementor-element.elementor-element-1fbb339{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;z-index:9999;}.elementor-15353 .elementor-element.elementor-element-8f82f98{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;overflow:visible;}.elementor-15353 .elementor-element.elementor-element-9e0e657{width:100%;max-width:100%;}.elementor-15353 .elementor-element.elementor-element-d49476f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;overflow:visible;}.elementor-15353 .elementor-element.elementor-element-96513ec{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:1px 1px 1px 1px;box-shadow:10px 1px 10px 3px rgba(37.06300271739129, 214.2, 196.65477295937202, 0.25);overflow:visible;}.elementor-15353 .elementor-element.elementor-element-5b67d68{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;overflow:visible;}/* Start custom CSS for html, class: .elementor-element-9e0e657 *//* =========================================================
EFECTO HOVER ORIGINAL — SOLO DENTRO DEL CONTENEDOR
Clase del contenedor Elementor: .efecto-boton
========================================================= */

.efecto-boton button,
.efecto-boton input[type="submit"],
.efecto-boton input[type="button"],
.efecto-boton input[type="reset"],
.efecto-boton a.elementor-button,
.efecto-boton a.pl-ai-btn,
.efecto-boton .elementor-cta__button,
.efecto-boton .wp-block-button__link,
.efecto-boton [role="button"]{
position:relative;
overflow:hidden;
}

.efecto-boton button::before,
.efecto-boton input[type="submit"]::before,
.efecto-boton input[type="button"]::before,
.efecto-boton input[type="reset"]::before,
.efecto-boton a.elementor-button::before,
.efecto-boton a.pl-ai-btn::before,
.efecto-boton .elementor-cta__button::before,
.efecto-boton .wp-block-button__link::before,
.efecto-boton [role="button"]::before{
content:"";
position:absolute;
top:0;
left:-120%;
width:80%;
height:100%;
background:linear-gradient(90deg, transparent, rgba(255,255,255,.2), transparent);
transform:skewX(-18deg);
transition:.7s;
pointer-events:none;
}

.efecto-boton button:hover::before,
.efecto-boton input[type="submit"]:hover::before,
.efecto-boton input[type="button"]:hover::before,
.efecto-boton input[type="reset"]:hover::before,
.efecto-boton a.elementor-button:hover::before,
.efecto-boton a.pl-ai-btn:hover::before,
.efecto-boton .elementor-cta__button:hover::before,
.efecto-boton .wp-block-button__link:hover::before,
.efecto-boton [role="button"]:hover::before{
left:140%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8f82f98 *//* =========================================================
   CUSTOMIZACIÓN DE ANCHO, ALTURA Y FILAS DEL FORMULARIO
   POLIMATALAB — VERSIÓN AJUSTADA
   ========================================================= */


/* =========================================================
   0. CONTROL PRINCIPAL DE ALTURA
   =========================================================
   
   MODIFICA SOLAMENTE ESTE VALOR:

   600px = altura actual
   595px = 5px menos
   590px = 10px menos
   605px = 5px más
   610px = 10px más

   ========================================================= */

:root {
  --pl-custom-hero-height: 600px;
}


/* =========================================================
   1. ALTURA DEL HERO EN ESCRITORIO
   ========================================================= */

@media (min-width: 1101px) {

  .pl-ai-hero {
    height: var(--pl-custom-hero-height) !important;
    min-height: var(--pl-custom-hero-height) !important;
    max-height: var(--pl-custom-hero-height) !important;
    overflow: hidden !important;
  }

  .pl-ai-hero-inner {
    grid-template-columns:
      minmax(280px, .8fr)
      minmax(400px, 1.2fr)
      minmax(450px, 1.8fr);

    min-height: var(--pl-custom-hero-height) !important;
    height: var(--pl-custom-hero-height) !important;
    max-height: var(--pl-custom-hero-height) !important;

    align-items: center;

    /* =====================================================
       ESPACIADO LATERAL DEL CONTENIDO DEL HERO
       -----------------------------------------------------
       30px a la izquierda:
       separa textos/botones del borde izquierdo.

       30px a la derecha:
       separa el formulario del borde derecho.

       Este espacio se aplica al CONTENEDOR GENERAL,
       no al formulario individual.

       NO modifica:
       - tamaño de los campos
       - padding interno de la tarjeta
       - columnas del formulario
       - animaciones
       - partículas
       - JavaScript
       ===================================================== */

    padding-left: 30px !important;
    padding-right: 30px !important;

    box-sizing: border-box !important;
  }


  /* =======================================================
     AISLAR LA ANIMACIÓN DEL CÁLCULO DE ALTURA
     ======================================================= */

  .pl-ai-canvas,
  .pl-ai-depth {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    pointer-events: none !important;
  }

  .pl-ai-ring {
    position: absolute !important;
    pointer-events: none !important;
  }

}


/* =========================================================
   2. REDUCIR PADDING DE LA TARJETA
   ========================================================= */

.pl-ai-form-card {
  padding: 20px 24px !important;
}


/* =========================================================
   3. FORMULARIO EN DOS COLUMNAS
   ========================================================= */

#plAiContactForm {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px 14px;
}


/* =========================================================
   4. CAMPOS DE ANCHO COMPLETO
   ========================================================= */

.pl-ai-field:has(#plServicio),
.pl-ai-field:has(#plEmail),
.pl-ai-field:has(#plMensaje) {
  grid-column: span 2;
}


/* =========================================================
   5. ELIMINAR ESPACIO EXTRA ENTRE CAMPOS
   ========================================================= */

.pl-ai-field {
  margin-bottom: 0 !important;
}


/* =========================================================
   6. INPUTS Y SELECT
   ========================================================= */

.pl-ai-field input,
.pl-ai-field select {
  min-height: 38px !important;
  padding: 6px 10px !important;
  font-size: 13px !important;
}


/* =========================================================
   7. TEXTAREA
   ========================================================= */

.pl-ai-field textarea {
  min-height: 50px !important;
  max-height: 80px !important;
  padding: 6px 10px !important;
}


/* =========================================================
   8. CABECERA DEL FORMULARIO
   ========================================================= */

.pl-ai-form-head {
  margin-bottom: 12px !important;
}

.pl-ai-form-title {
  font-size: 15px !important;
}


/* =========================================================
   9. BOTÓN
   ========================================================= */

.pl-ai-submit {
  grid-column: span 2;
  min-height: 40px !important;
  margin-top: 4px !important;
  font-size: 14px !important;
}


/* =========================================================
   10. ESTADO DEL FORMULARIO
   ========================================================= */

.pl-ai-form-status {
  grid-column: span 2;
  margin-top: 4px !important;
  min-height: 14px !important;
}


/* =========================================================
   11. AJUSTE FINO DE POSICIÓN DEL FORMULARIO
   =========================================================
   
   MODIFICA SOLO EL VALOR:

   0px   = posición normal
   -5px  = sube 5px
   -10px = sube 10px
   5px   = baja 5px
   10px  = baja 10px

   IMPORTANTE:
   NO utilizar margin-left/right aquí.
   El espaciado lateral general se controla en
   .pl-ai-hero-inner mediante padding de 30px.

   ========================================================= */

@media (min-width: 1101px) {

  .pl-ai-form-wrap {
    transform: translateY(0px) !important;
  }

}


/* =========================================================
   12. PROTECCIÓN CONTRA DESBORDE DE LA ANIMACIÓN
   ========================================================= */

@media (min-width: 1101px) {

  #polimatalab-ai-hero {
    contain: layout paint;
  }

  #polimatalab-ai-hero .pl-ai-canvas {
    z-index: 1 !important;
  }

  #polimatalab-ai-hero .pl-ai-depth {
    z-index: 2 !important;
  }

  #polimatalab-ai-hero .pl-ai-hero-inner {
    position: relative !important;
    z-index: 10 !important;
  }

}


/* =========================================================
   13. TABLET
   ========================================================= */

@media (min-width: 651px) and (max-width: 1100px) {

  .pl-ai-canvas,
  .pl-ai-depth {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    pointer-events: none !important;
  }

}


/* =========================================================
   14. MÓVIL
   ========================================================= */

@media (max-width: 650px) {

  .pl-ai-canvas,
  .pl-ai-depth {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    pointer-events: none !important;
  }

}


/* =========================================================
   CONTROLES RÁPIDOS
   =========================================================

   ALTURA:
   --pl-custom-hero-height: 600px;

   POSICIÓN VERTICAL DEL FORMULARIO:
   transform: translateY(0px);

   ESPACIO IZQUIERDO DEL HERO:
   padding-left: 30px;

   ESPACIO DERECHO DEL HERO:
   padding-right: 30px;

   ========================================================= */

/* =========================================================
   CORRECCIONES DESKTOP — 1280px
   POLIMATALAB
   =========================================================
   
   CORRECCIÓN 1:
   Select del formulario en modo oscuro.
   
   CORRECCIÓN 2:
   Botones inferiores del bloque de texto.
   
   NO modifica:
   - Animaciones
   - Canvas
   - Partículas
   - Cerebro
   - JavaScript
   - Transiciones
   ========================================================= */


/* =========================================================
   1. SELECT — TEXTO VISIBLE EN MODO OSCURO
   =========================================================
   
   El problema ocurre porque el select utiliza texto claro
   y el navegador muestra las opciones con fondo claro.

   Se fuerza:
   - texto oscuro
   - fondo claro
   - opción seleccionada legible
   ========================================================= */

@media (min-width: 1101px) {

  #polimatalab-ai-hero .pl-ai-field select {
    color: #f5f7fa !important;
    background-color: #262b30 !important;
  }

  #polimatalab-ai-hero .pl-ai-field select option {
    color: #171a1d !important;
    background-color: #ffffff !important;
  }

  #polimatalab-ai-hero .pl-ai-field select option:checked {
    color: #ffffff !important;
    background-color: #2563eb !important;
  }

}


/* =========================================================
   2. BOTONES DEL BLOQUE IZQUIERDO
   =========================================================
   
   En 1280x800 los botones inferiores están siendo
   parcialmente recortados por la distribución vertical.

   Los elevamos ligeramente y garantizamos que queden
   visibles por encima de la animación.
   ========================================================= */

@media (min-width: 1101px) and (max-width: 1350px) {

  #polimatalab-ai-hero .pl-ai-copy {
    position: relative !important;
    z-index: 20 !important;
  }


  /* -------------------------------------------------------
     BOTONES / ENLACES DEL BLOQUE DE TEXTO
     ------------------------------------------------------- */

  #polimatalab-ai-hero .pl-ai-copy button,
  #polimatalab-ai-hero .pl-ai-copy a {
    position: relative !important;
    z-index: 30 !important;
  }


  /* -------------------------------------------------------
     SI EXISTE UN CONTENEDOR DE ACCIONES
     ------------------------------------------------------- */

  #polimatalab-ai-hero .pl-ai-actions,
  #polimatalab-ai-hero .pl-ai-hero-actions,
  #polimatalab-ai-hero .pl-ai-copy-actions,
  #polimatalab-ai-hero .pl-ai-buttons {
    position: relative !important;
    z-index: 30 !important;

    transform: translateY(-18px) !important;
  }


  /* -------------------------------------------------------
     EVITAR QUE EL BLOQUE DE TEXTO CORTE LOS BOTONES
     ------------------------------------------------------- */

  #polimatalab-ai-hero .pl-ai-copy {
    overflow: visible !important;
  }

}


/* =========================================================
   3. PROTECCIÓN DE LOS BOTONES CONTRA LA ANIMACIÓN
   ========================================================= */

@media (min-width: 1101px) {

  #polimatalab-ai-hero .pl-ai-copy button,
  #polimatalab-ai-hero .pl-ai-copy a {
    pointer-events: auto !important;
  }

}


/* =========================================================
   CONTROL RÁPIDO
   =========================================================

   BOTONES:

   -18px = sube los botones 18px
   -25px = sube más
   -10px = sube menos
    0px  = posición original

   SELECT:

   Las opciones ahora utilizan:
   - fondo blanco
   - texto oscuro
   - opción seleccionada azul con texto blanco

   ========================================================= */


/* =========================================================
   POLIMATALAB — AJUSTE FINAL 1280×800 / 1440×900
   =========================================================
   OBJETIVO DE ESTA SECCIÓN
   ---------------------------------------------------------
   1. Subir el formulario 40px en 1280×800 y 1440×900.
   2. Ocultar la etiqueta "INTELIGENCIA ARTIFICIAL APLICADA"
      únicamente en estas resoluciones de escritorio.
   3. Reducir el bloque de texto izquierdo aproximadamente 30%.
   4. Garantizar que "Explorar soluciones" y "Ver proyectos"
      entren dentro del Hero.
   5. Mantener visible la animación del CEREBRO en lugar del
      chip integrado en 1280–1500px.
   6. NO tocar el JavaScript ni alterar el motor del cerebro.
   7. Mantener los 30px de separación lateral existentes.

   IMPORTANTE:
   Esta sección está al FINAL para que prevalezca sobre las
   reglas anteriores sin tener que borrar el CSS2 que ya funciona.
   ========================================================= */


/* =========================================================
   A. CONTROLES RÁPIDOS — PUEDES EDITAR ESTOS VALORES
   ========================================================= */

@media (min-width:1101px) and (max-width:1500px){

  /* FORMULARIO
     -20px = sube 40px
      0px  = posición original
     +40px = baja 40px
  */
  #polimatalab-ai-hero .pl-ai-form-wrap{
    transform:translateY(-20px) !important;
  }


  /* TEXTO IZQUIERDO
     70% = aproximadamente 30% más pequeño
     65% = todavía más pequeño
     75% = un poco más grande
  */
  #polimatalab-ai-hero .pl-ai-copy{
    max-width:430px !important;
  }

  #polimatalab-ai-hero .pl-ai-title{
    font-size:clamp(32px,3.5vw,50px) !important;
    line-height:.90 !important;
    letter-spacing:-2px !important;
    margin-bottom:16px !important;
  }

  #polimatalab-ai-hero .pl-ai-description{
    max-width:430px !important;
    font-size:15.4px !important;
    line-height:1.42 !important;
    margin-bottom:18px !important;
  }


  /* =======================================================
     ETIQUETA SUPERIOR
     Se oculta para recuperar espacio vertical.
     ======================================================= */

  #polimatalab-ai-hero .pl-ai-eyebrow{
    display:none !important;
  }


  /* =======================================================
     BOTONES
     Los hacemos ligeramente más compactos para garantizar
     que ambos queden dentro de 600px de Hero.
     ======================================================= */

  #polimatalab-ai-hero .pl-ai-actions{
    display:flex !important;
    flex-wrap:nowrap !important;
    gap:9px !important;
    align-items:center !important;
    position:relative !important;
    z-index:50 !important;
    overflow:visible !important;
  }

  #polimatalab-ai-hero .pl-ai-btn{
    min-height:42px !important;
    padding:10px 15px !important;
    font-size:13px !important;
    gap:7px !important;
    white-space:nowrap !important;
  }


  /* =======================================================
     PROTECCIÓN DE VISIBILIDAD / INTERACCIÓN
     ======================================================= */

  #polimatalab-ai-hero .pl-ai-copy{
    position:relative !important;
    z-index:40 !important;
    overflow:visible !important;
  }

  #polimatalab-ai-hero .pl-ai-copy a,
  #polimatalab-ai-hero .pl-ai-copy button{
    position:relative !important;
    z-index:50 !important;
    pointer-events:auto !important;
  }


  /* =======================================================
     CEREBRO 3D
     En 1280–1500px se prioriza visualmente el cerebro.

     El orquestador JS puede activar el chip después de un
     tiempo. Para estas resoluciones el chip se mantiene
     oculto visualmente y el cerebro permanece visible.

     Esto evita que una captura/visita coincida con el estado
     del chip y garantiza que la animación cerebral sea visible.
     ======================================================= */

  #polimatalab-ai-hero #pl-chip-integrated{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
  }

  #polimatalab-ai-hero.pl-orchestrator-hide-brain #plAiNeuralCanvas,
  #polimatalab-ai-hero.pl-orchestrator-hide-brain #plAiAnatomyCanvas{
    visibility:visible !important;
    opacity:1 !important;
    display:block !important;
  }

  #polimatalab-ai-hero .pl-ai-brain-zone{
    position:relative !important;
    z-index:5 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

}


/* =========================================================
   B. 1280×800 — AJUSTE ESPECÍFICO
   =========================================================
   Aquí el espacio vertical es menor, por eso compactamos
   ligeramente más el bloque izquierdo.
   ========================================================= */

@media (min-width:1101px) and (max-width:1320px){

  #polimatalab-ai-hero .pl-ai-title{
    font-size:clamp(31px,3.45vw,45px) !important;
    line-height:.89 !important;
    margin-bottom:14px !important;
  }

  #polimatalab-ai-hero .pl-ai-description{
    font-size:14.5px !important;
    line-height:1.38 !important;
    max-width:390px !important;
    margin-bottom:15px !important;
  }

  #polimatalab-ai-hero .pl-ai-btn{
    min-height:40px !important;
    padding:9px 13px !important;
    font-size:12.5px !important;
  }

  /* El formulario conserva exactamente los -20px */
  #polimatalab-ai-hero .pl-ai-form-wrap{
    transform:translateY(-20px) !important;
  }

}


/* =========================================================
   C. 1366×768 — AJUSTE ESPECÍFICO
   =========================================================
   1366×768 tiene menos altura que 1440×900, así que se
   mantiene la compactación vertical del bloque izquierdo.
   ========================================================= */

@media (min-width:1321px) and (max-width:1390px){

  #polimatalab-ai-hero .pl-ai-title{
    font-size:45px !important;
    line-height:.89 !important;
    margin-bottom:14px !important;
  }

  #polimatalab-ai-hero .pl-ai-description{
    font-size:14.5px !important;
    line-height:1.38 !important;
    max-width:410px !important;
    margin-bottom:15px !important;
  }

  #polimatalab-ai-hero .pl-ai-btn{
    min-height:40px !important;
    padding:9px 13px !important;
    font-size:12.5px !important;
  }

}


/* =========================================================
   D. 1440×900 — PRESENTACIÓN MÁS HOLGADA
   =========================================================
   En esta resolución dejamos respirar un poco más el texto,
   pero seguimos aproximadamente 30% por debajo del tamaño
   original.
   ========================================================= */

@media (min-width:1391px) and (max-width:1500px){

  #polimatalab-ai-hero .pl-ai-title{
    font-size:50px !important;
    line-height:.90 !important;
    margin-bottom:17px !important;
  }

  #polimatalab-ai-hero .pl-ai-description{
    font-size:15.5px !important;
    line-height:1.42 !important;
    max-width:430px !important;
    margin-bottom:18px !important;
  }

  #polimatalab-ai-hero .pl-ai-btn{
    min-height:42px !important;
    padding:10px 15px !important;
    font-size:13px !important;
  }

}


/* =========================================================
   E. RESUMEN DE AJUSTES
   =========================================================

   1280×800:
   - Formulario: -20px
   - Etiqueta: oculta
   - Título: ~31–45px
   - Descripción: 14.5px
   - Botones: compactos y visibles
   - Cerebro: visible
   - Chip: oculto

   1366×768:
   - Formulario: -20px
   - Etiqueta: oculta
   - Título: 45px
   - Descripción: 14.5px
   - Botones: compactos y visibles
   - Cerebro: visible
   - Chip: oculto

   1440×900:
   - Formulario: -20px
   - Etiqueta: oculta
   - Título: 50px
   - Descripción: 15.5px
   - Botones: visibles
   - Cerebro: visible
   - Chip: oculto

   Si quieres modificar el formulario:
   translateY(-20px)

   Si quieres modificar el tamaño del título:
   .pl-ai-title { font-size: ... }

   Si quieres modificar la descripción:
   .pl-ai-description { font-size: ... }

   ========================================================= */
/* =========================================================
   CONTROL ÚNICO — TEXTO + BOTONES DEL BLOQUE IZQUIERDO
   POLIMATALAB
   ---------------------------------------------------------
   Cambia únicamente los valores de SCALE si quieres
   hacer todo el bloque más grande o más pequeño.

   0.70 = 30% más pequeño
   0.75 = 25% más pequeño
   0.80 = 20% más pequeño
   1.00 = tamaño original

   Incluye:
   - Título principal
   - Texto descriptivo
   - Botón "Explorar soluciones"
   - Botón "Ver proyectos"

   NO modifica:
   - Formulario
   - Animación
   - Cerebro / chip
   - Fondo
   ========================================================= */


/* =========================================================
   1440 × 900
   ========================================================= */

@media (min-width: 1400px) {

  .pl-ai-hero .pl-ai-copy,
  .pl-ai-hero .pl-ai-content,
  .pl-ai-hero .pl-ai-left,
  .pl-ai-hero .pl-ai-actions {
    zoom: 0.90;
  }

}


/* =========================================================
   1280 × 800
   ========================================================= */

@media (min-width: 1200px) and (max-width: 1399px) {

  .pl-ai-hero .pl-ai-copy,
  .pl-ai-hero .pl-ai-content,
  .pl-ai-hero .pl-ai-left,
  .pl-ai-hero .pl-ai-actions {
    zoom: 0.90;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bfb846f *//* =========================================================
EFECTO HOVER ORIGINAL — SOLO DENTRO DEL CONTENEDOR
Clase del contenedor Elementor: .efecto-boton
========================================================= */

.efecto-boton button,
.efecto-boton input[type="submit"],
.efecto-boton input[type="button"],
.efecto-boton input[type="reset"],
.efecto-boton a.elementor-button,
.efecto-boton a.pl-ai-btn,
.efecto-boton .elementor-cta__button,
.efecto-boton .wp-block-button__link,
.efecto-boton [role="button"]{
position:relative;
overflow:hidden;
}

.efecto-boton button::before,
.efecto-boton input[type="submit"]::before,
.efecto-boton input[type="button"]::before,
.efecto-boton input[type="reset"]::before,
.efecto-boton a.elementor-button::before,
.efecto-boton a.pl-ai-btn::before,
.efecto-boton .elementor-cta__button::before,
.efecto-boton .wp-block-button__link::before,
.efecto-boton [role="button"]::before{
content:"";
position:absolute;
top:0;
left:-120%;
width:80%;
height:100%;
background:linear-gradient(90deg, transparent, rgba(255,255,255,.2), transparent);
transform:skewX(-18deg);
transition:.7s;
pointer-events:none;
}

.efecto-boton button:hover::before,
.efecto-boton input[type="submit"]:hover::before,
.efecto-boton input[type="button"]:hover::before,
.efecto-boton input[type="reset"]:hover::before,
.efecto-boton a.elementor-button:hover::before,
.efecto-boton a.pl-ai-btn:hover::before,
.efecto-boton .elementor-cta__button:hover::before,
.efecto-boton .wp-block-button__link:hover::before,
.efecto-boton [role="button"]:hover::before{
left:140%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d49476f */.automation-catalog .catalog-tab {
  font-size: 18px !important;
}
.catalog-heading {
  display: none !important;
}

.automation-catalog {
  padding-top: 0px !important;
}/* End custom CSS */