/*
Theme Name: Under Pressure Theme
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: A child theme for the Kadence Theme.
Version: 1.0.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kadence-child
*/

/* Theme customization starts here */

:root {
    --background: rgb(249, 250, 251);
    --foreground: rgb(13, 26, 38);
    --card: rgb(255, 255, 255);
    --card-foreground: rgb(13, 26, 38);
    --popover: rgb(255, 255, 255);
    --popover-foreground: rgb(13, 26, 38);
    --primary: rgb(9, 97, 170);
    --primary-foreground: rgb(255, 255, 255);
    --secondary: rgb(48, 180, 232);
    --secondary-foreground: rgb(255, 255, 255);
    --muted: rgb(240, 242, 245);
    --muted-foreground: rgb(98, 115, 132);
    --accent: rgb(218, 242, 251);
    --accent-foreground: rgb(6, 69, 121);
    --destructive: rgb(239, 68, 68);
    --destructive-foreground: rgb(248, 250, 252);
    --border: rgb(224, 230, 235);
    --input: rgb(224, 230, 235);
    --ring: rgb(9, 97, 170);
    --radius: rgb(9, 97, 170);
    /* --hero-overlay: rgb(4, 42, 73); */
    --section-dark: rgb(3, 33, 58);
    --section-dark-foreground: rgb(255, 255, 255);
    /* --cyan-glow: rgb(48, 180, 232); */
    --sidebar-background: rgb(250, 250, 250);
    --sidebar-foreground: rgb(63, 63, 70);
    --sidebar-primary: rgb(24, 24, 27);
    --sidebar-primary-foreground: rgb(250, 250, 250);
    --sidebar-accent: rgb(244, 244, 245);
    --sidebar-accent-foreground: rgb(24, 24, 27);
    --sidebar-border: rgb(229, 231, 235);
    --sidebar-ring: rgb(59, 130, 246);

    --cyan-glow: 48, 180, 232;
    --hero-overlay: 4, 42, 73;
}

/* .hero-overlay {
    border-radius: 0px !important;
    background: linear-gradient(
      135deg,
      hsl(var(--hero-overlay) / 0.88) 0%,
      hsl(var(--cyan-glow) / 0.4) 100%
    );
} */

/* Hero sections */

.hero-container{ 
  position: relative;
  width: 100%;
  height: 95svh; /* mobile */
  overflow: hidden;
}

/* tablet Elementor */
@media (min-width:768px) and (max-width:1024px){
  .hero-container{
    height: 90svh;
  }
}

/* desktop Elementor */
@media (min-width:1025px){
  .hero-container{
    height: 100svh;
  }
}



.hero-overlay{
  position: absolute;
  inset: 0;

  width: 100%;
  height: 100%;

  border-radius: 0;

  background: linear-gradient(
    135deg,
    rgba(var(--hero-overlay), 0.88) 0%,
    rgba(var(--cyan-glow), 0.4) 100%
  );

  z-index: 1;
  pointer-events: none;
}
/* tablet Elementor */
@media (min-width:768px) and (max-width:1024px){
  .hero-overlayr{
    height: 90svh;
  }
}

/* desktop Elementor */
@media (min-width:1025px){
  .hero-overlay{
    height: 95svh;
  }
}
.hero-content{
  position: absolute;
  top: 50%;
  left: 50%;

  transform: translate(-50%, -50%);
 
  display: flex;
  flex-direction: column;
  align-items: center;

  text-align: center;

  width: 100%;
  max-width: 900px;

  padding: 1.5rem;

  z-index: 2;
}
.video-hero,
.video-hero .elementor-wrapper,
.video-hero .elementor-video{
    width: 100% !important;;
}

/* Base: Mobile */
.video-hero{
    width:100%;
    height:95vh;
    overflow:hidden;
}

.video-hero video{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    display:block;
}

.video-hero .elementor-wrapper{
    height:100%;
}

/* Tablet */
@media (min-width:768px){
    .video-hero{
        height:90vh;
    }
}

/* Desktop */
@media (min-width:1024px){
    .video-hero{
        height:95vh;
    }
}
.first-subtitle p{
    display: inline-block;
    background: rgba(255,255,255,0.95); /* blanco con opacidad */
    padding: 6px 15px!important;
    border-radius: 15px!important;
    animation: subtitleFade 0.9s ease-out;

}
@keyframes subtitleFade{
    from{
        opacity:0;
        transform:translateY(10px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}

/* h1*/
.main-title h1{
  color: var(--primary-foreground)!important;
  color: rgba(255, 255, 255, 0.95) !important;
  font-weight: 800;
  line-height: 1.25;
  text-align: center!important;
}
.main-text,
.main-text span 
.main-text p{
  color: rgba(255, 255, 255, 0.9) !important;
  font-weight: 400;
  line-height: 1.5;
  font-size: clamp(0.9rem, 2.5vw, 1.3rem);
}
.text-primary-foreground-70 {
    color: rgba(255, 255, 255, 0.8) !important;
    background-color: rgba(0, 0, 0, 0) !important;
    font-family: "Open Sans", sans-serif !important;
    font-weight: 400 !important;
    font-size: 18px !important;
}
/* H2" secciones*/
.headers-sections {
  color: var(--foreground);
  font-weight: 700;
  line-height: 1;
  text-align: center!important;
}
.rounded-icon{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 64px !important;
    width: 64px !important ;
}
/* h3 secciones*/
.mig-about-f-2942 {
    color: var(--foreground);
  font-weight: 700;
  line-height: 1;
  text-align: center!important;
}
/*Parrafos after header sections*/
.mig-home-f-52d8 {

    text-align: center!important;
    max-width: 48rem!important;
    margin-left: auto;
    margin-right: auto;
}
/*Iconos*/
.icon-social-wrap {
    display: flex !important;
    justify-content: center !important; /* centra horizontal */
    align-items: center !important;     /* centra vertical */
    width: 48px!important;
    height: 48px!important;
}
.icon-social-wrap a{
    width: 24px!important;
    height: 24px!important;
    color: var(--primary) !important;
    
}
/*Buttons hero*/
.wrap-botones-hero div{
  display: flex!important;
  justify-content: center!important; /* centra horizontalmente */
  align-items: center!important;     /* alinea verticalmente */
  gap: 15px;               /* espacio entre botones */
  flex-direction: row!important;       /* coloca los botones en fila */
}
.wrap-botones-hero div div{
  display: inline-block!important;
  /* padding: 15px 20px!important; */
}
/* Buttons */
.bg-secondary a{
    background-color: var(--secondary)!important;
}
.bg-transparent a{
    /* background-color: rgba(0, 0, 0, 0) !important; */
    background-color: transparent !important;
}
.color-white a{
    color: var(--primary-foreground) !important;
}
.boton a{
    border-radius: 6px !important;
    padding: 15px 20px!important;
}

.border-secondary a{
    border-color: var(--secondary) !important;
    border: solid 1px !important;
}

/* Aout Us*/
.text-about{
    color: var(--foreground) !important;
}
/*Our Services​*/

.container-services > div {
  display: grid!important;
  gap: 15px; /* espacio entre columnas y filas */
  grid-template-columns: 1fr; /* Mobile-first: 1 columna */
}

/* Tablets: 2 columnas */
@media (min-width: 640px) {
  .container-services > div {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Desktop: 3 columnas */
@media (min-width: 1024px) {
  .container-services > div {
    grid-template-columns: repeat(3, 1fr);
  }
}
/* cards servicios*/
.wrap-icon-serv {/*icon container*/
    background-color: rgba(48, 180, 232, 0.1) !important;
    border-color: rgba(48, 180, 232, 0.3) !important;
    color: rgba(48, 180, 232, 0.8)!important;
    border: 1px solid !important;
    width: 40px !important;
    height: 40px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    max-width: 48px !important;  /* ignora max-width global */
    min-width: 40px !important;  /* ignora max-width global */
    display: block;   
    box-sizing: border-box!important;
    border-radius: 6px !important;
}

.title-card-serv h3{/*titulo container*/
    color: var(--card)!important; 
}
.text-card-serv p{/*parrafo container*/
    color: var(--foreground) !important;
    font-size: 16px !important;
}
.content-card-serv {
    gap: 1rem !important;
}

/* CARD */

.video-card{
    position: relative;
    overflow: hidden;
    /* border-radius: 12px; */
    aspect-ratio: 16/9;
    cursor: pointer;
}

/* VIDEO WIDGET */

.video-card .video-bg{
    position:absolute;
    inset:0;
    z-index:1;
}

.video-card .video-bg .elementor-wrapper{
    width:100%;
    height:100%;
}

.video-card .video-bg video{
    width:100%;
    height:100%;
    object-fit:cover;
    opacity:0;
    transition:opacity .3s;
}

/* IMAGEN */

.video-card .video-thumb{
    position:absolute;
    inset:0;
    z-index:2;
}

.video-card .video-thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:opacity .3s;
}

/* OVERLAY + TEXTO */

.video-card .video-overlay{
    position:absolute;
    inset:0;
    z-index:3;

    display:flex;
    align-items:center;
    justify-content:center;

    background:rgba(30,80,150,.55);
    transition:background .3s;
}

/* HOVER VISUAL */

.video-card:hover .video-overlay{
    background:rgba(30,80,150,.25);
}
.video-card .rounded-icon{
    transition: opacity .25s, transform .25s;
}

.video-card:hover .rounded-icon{
    opacity: 0;
    transform: scale(.8);
}
/*play*/
@keyframes playPulse{
    0%{
        transform:scale(1);
    }
    50%{
        transform:scale(1.08);
    }
    100%{
        transform:scale(1);
    }
}
.video-card .rounded-icon{
    opacity:1;
    transform:scale(1);
    animation:playPulse 2s infinite ease-in-out;
    transition:opacity .3s ease, transform .3s ease;
}

/*icon container*/
.wrap-icon-glass{
    background-color: rgba(48, 180, 232, 0.1) !important;
    border-color: rgba(48, 180, 232, 0.3) !important;
    color: rgba(48, 180, 232, 0.8)!important;
    border: 1px solid !important;
    width: 40px !important;
    min-width: 40px !important;  
    height: 40px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    display: block;   
    box-sizing: border-box!important;
    border-radius: 6px !important;
}


/* WHY CHOOSE*/
.section-dark {
    background: linear-gradient(180deg, var(--section-dark) 0%, hsl(207 85% 18%) 100%);
    color: var(--section-dark-foreground) !important;
}
.section-dark h2,
.section-dark h3,
.section-dark p,
.section-dark span {
    color: var(--section-dark-foreground) !important;
}

.section-why-choose {
    color: var(--section-dark-foreground) !important;
    font-family: "Open Sans", sans-serif !important;
    font-weight: 400 !important;
    font-size: 16px !important;
}
.glass-card {
    border-radius: 12px !important;
    background-color: rgba(255, 255, 255, 0.08) !important;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    border: 1px solid hsl(0 0% 100% / 0.12);
    padding: 18px!important;
    color: rgba(255, 255, 255, 0.85) !important;
}
.glass-card > div{
    gap: 20px!important;
    padding: 0!important;
    flex-wrap: nowrap!important;
}
.glass-card p{
    color: rgba(255, 255, 255, 0.95) !important;
}
.glass-card h3{
    color: rgba(255, 255, 255, 0.98) !important;
    line-height: 1.1!important;
}
.glas-card-text > div{
    row-gap: 1px!important;
    padding: 0!important;
    padding-inline-start: 0!important;
    padding-inline-end: 0!important;
}
.glas-card-text{
    font-size: 15px!important;
    padding-inline-start: 0!important;
    padding-inline-end: 0!important;
}

.border-2 {
    border-width: 2px;
}
.gap-4 {
    gap: 16px;
}
.p-6 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
    padding-right: 24px !important;
    padding-left: 24px !important;
}


/* Contact*/

.wrap-contacct-form{
  padding: 15px !important; /* móvil */
}

/* tablet */
@media (min-width: 768px){
  .wrap-contacct-form{
    padding: 20px !important;
  }
}

/* desktop */
@media (min-width: 1024px){
  .wrap-contacct-form{
    padding: 25px !important;
  }
}
.contact-form{
  display:flex;
  flex-direction:column;
  gap: 16px !important;
}

.contact-form label{
  font-weight:600;
  font-size:14px;
  color:#1f2937;
  display:flex;
  flex-direction:column;
  gap:6px;
}

.contact-form input,
.contact-form textarea{
  width:100%;
  padding:14px 16px;
  border:1px solid #d1d5db;
  border-radius:8px;
  font-size:14px;
  outline:none;
  transition:all .2s ease;
  background:#fff;
}

.contact-form textarea{
  min-height: 60px;
  /* resize:vertical; */
}

.contact-form input:focus,
.contact-form textarea:focus{
  border-color:#2563eb;
  box-shadow:0 0 0 2px rgba(37,99,235,.2);
}

.contact-form input::placeholder,
.contact-form textarea::placeholder{
  color:#9ca3af;
}

.contact-form input[type="submit"]{
  background:#1f66a8;
  color:white;
  border:none;
  padding:14px;
  border-radius:8px;
  font-weight:600;
  cursor:pointer;
  transition:background .2s ease;
}

.contact-form input[type="submit"]:hover{
  background:#1a558c;
}

/* Contact Direciones redes, etc*/
.social-contact-wrap{
    gap: 20px!important;
}
.social-contact-wrap svg{
    width: 24px!important;
    height: 24px!important;
}
.contact-wrap div{
  gap:10px;
}
.wrap-contact-items div{
    column-gap: 15px!important;
    flex-wrap: nowrap!important;
}
.contact-item-text div{ 
    gap: 4px!important;
    padding: 0!important;
}
/* SECTION-CONTENT*/
/* Márgenes para las secciones */
.section-content {
    padding-top: 25px !important; /* Móviles */
    padding-bottom: 25px !important; /* Móviles */
}
@media (min-width: 768px) {
    .section-content {
        padding-top: 35px !important;
        padding-bottom: 35px !important;
    }
}

@media (min-width: 1024px) {
    .section-content {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }
}

@media (min-width: 1440px) {
    .section-content {
        padding-top: 80px !important;
        padding-bottom: 80px !important;
    }
}
/* Texto top */
/* Va al ultimo para sobre escrinir colores con important*/
.top-section-text,
.section-dark .top-section-text p{
  color: var(--secondary) !important;
  letter-spacing: 0.2em;
  font-weight: 600;
  line-height: 1.3;
  font-family: Montserrat, sans-serif !important;
  text-align: center !important;
  font-size: 0.75rem!important; /* móvil */
}

/* tablet */
@media (min-width: 768px){
  .top-section-text{
    font-size: 0.8rem!important;
  }
}

/* laptop */
@media (min-width: 1024px){
  .top-section-text{
    font-size: 0.85rem!important;
  }
}

/* pantallas grandes */
@media (min-width: 1280px){
  .top-section-text{
    font-size: 0.9rem!important;
  }
}
/* Footer*/

footer ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

footer li {
  margin: 0;
  padding: 0;
}

footer h3{
  text-transform: uppercase;
  font-weight: 600; /* seminegrita */
  font-size: 0.8rem;  /* móvil */
  margin-bottom: 12px;
  color: white!important;
}

/* párrafos y listas */
footer p,
footer ul,
footer ol,
footer li,
footer a {
  font-size: 0.8rem; /* móvil */
  color: rgba(255, 255, 255, .8)!important;
}

/* tablet */
@media (min-width: 768px){
  footer h3{
    font-size: 0.9rem;
  }

  footer p,
  footer ul,
  footer ol,
  footer li,
  footer a{
    font-size: 0.9rem!important;
  }
}

/* desktop */
@media (min-width: 1024px){
  footer h3{
    font-size: 0.95rem!important;
  }

  footer p,
  footer ul,
  footer ol,
  footer li,
  footer a{
    font-size: 0.95rem!important;
  }
}

.logo-footer span{
  display: block;
}



.-ml-4 {
    color: var(--foreground) !important;
    background-color: rgba(0, 0, 0, 0) !important;
    font-family: "Open Sans", sans-serif !important;
    font-weight: 400 !important;
    font-size: 16px !important;
}
.backdrop-blur-sm {
    color: var(--foreground) !important;
    background-color: rgba(48, 180, 232, 0.8) !important;
    border-radius: 9999px !important;
    box-shadow:
        rgba(0, 0, 0, 0) 0px 0px 0px 0px,
        rgba(0, 0, 0, 0) 0px 0px 0px 0px,
        rgba(0, 0, 0, 0.1) 0px 10px 15px -3px,
        rgba(0, 0, 0, 0.1) 0px 4px 6px -4px !important;
    font-family: "Open Sans", sans-serif !important;
    font-weight: 400 !important;
    font-size: 16px !important;
}
.basis-full {
    border-radius: 0px !important;
}
.bg-accent {
    background-color: var(--accent) !important;
}
.bg-background {
    background-color: var(--background) !important;
}
.bg-card {
    background-color: var(--card) !important;
}
.bg-primary {
    background-color: var(--primary) !important;
}
.bg-secondary-10 {
    background-color: rgba(48, 180, 232, 0.1) !important;
}
.bg-secondary-20 {
    background-color: rgba(48, 180, 232, 0.2) !important;
}
.bg-secondary-80 {
    background-color: rgba(48, 180, 232, 0.8) !important;
}
.block {
    border-radius: 0px !important;
}
.bottom-4 {
    color: var(--card) !important;
    font-family: Montserrat, sans-serif !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    background-color: rgba(0, 0, 0, 0) !important;
}
.bottom-8 {
    color: rgba(255, 255, 255, 0.6) !important;
    background-color: rgba(0, 0, 0, 0) !important;
    font-family: "Open Sans", sans-serif !important;
    font-weight: 400 !important;
    font-size: 16px !important;
}
.container {
    border-radius: 0px !important;
}
.disabled-opacity-50 {
    color: var(--card) !important;
    background-color: var(--primary) !important;
    border-radius: 6px !important;
    font-family: Montserrat, sans-serif !important;
    font-weight: 700 !important;
    font-size: 14px !important;
}

.font-bold {
    color: var(--card) !important;
    background-color: var(--primary) !important;
    border-radius: 6px !important;
    font-family: Montserrat, sans-serif !important;
    font-weight: 700 !important;
    font-size: 14px !important;
}
.font-extrabold {
    color: var(--card) !important;
    background-color: rgba(0, 0, 0, 0) !important;
    font-family: Montserrat, sans-serif !important;
    font-weight: 800 !important;
    font-size: 20px !important;
}
.font-heading {
    color: var(--card) !important;
    background-color: rgba(0, 0, 0, 0) !important;
    font-family: Montserrat, sans-serif !important;
    font-weight: 700 !important;
    font-size: 14px !important;
}
.font-semibold {
    color: var(--primary) !important;
    background-color: rgba(0, 0, 0, 0) !important;
    font-family: "Open Sans", sans-serif !important;
    font-weight: 600 !important;
    font-size: 14px !important;
}
.gap-05 {
    color: var(--foreground) !important;
    background-color: rgba(0, 0, 0, 0) !important;
    font-family: "Open Sans", sans-serif !important;
    font-weight: 400 !important;
    font-size: 16px !important;
}
.gap-1 {
    color: var(--primary) !important;
    background-color: rgba(0, 0, 0, 0) !important;
    font-family: "Open Sans", sans-serif !important;
    font-weight: 600 !important;
    font-size: 14px !important;
}
.gap-12 {
    color: var(--foreground) !important;
    background-color: rgba(0, 0, 0, 0) !important;
    font-family: "Open Sans", sans-serif !important;
    font-weight: 400 !important;
    font-size: 16px !important;
}
.gap-2 {
    color: var(--card) !important;
    background-color: var(--primary) !important;
    border-radius: 6px !important;
    font-family: Montserrat, sans-serif !important;
    font-weight: 700 !important;
    font-size: 14px !important;
}
.gap-3 {
    color: var(--foreground) !important;
    background-color: rgba(0, 0, 0, 0) !important;
    font-family: "Open Sans", sans-serif !important;
    font-weight: 400 !important;
    font-size: 16px !important;
}

.gap-8 {
    color: var(--card) !important;
    background-color: rgba(0, 0, 0, 0) !important;
    font-family: "Open Sans", sans-serif !important;
    font-weight: 400 !important;
    font-size: 16px !important;
}

/* .group {
    color: var(--foreground) !important;
} */
.grow-0 {
    border-radius: 0px !important;
}


.inline-flex {
    border-radius: 0px !important;
}
.inset-0 {
    color: var(--foreground) !important;
    font-family: "Open Sans", sans-serif !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    background-color: rgba(0, 0, 0, 0) !important;
}
.items-center {
    justify-content: center !important;
    align-items: center !important;
}
.items-start {
    justify-content: normal !important;
    align-items: flex-start !important;
}
.justify-center {
    justify-content: center !important;
    align-items: center !important;
}
.left-1-2 {
    color: rgba(255, 255, 255, 0.6) !important;
    background-color: rgba(0, 0, 0, 0) !important;
    font-family: "Open Sans", sans-serif !important;
    font-weight: 400 !important;
    font-size: 16px !important;
}
.lucide {
    border-radius: 0px !important;
}
.lucide-arrow-left {
    border-radius: 0px !important;
}
.lucide-arrow-right {
    border-radius: 0px !important;
}
.lucide-calendar {
    border-radius: 0px !important;
}
.lucide-quote {
    border-radius: 0px !important;
}
.lucide-star {
    border-radius: 0px !important;
}

.mb-3 {
    color: var(--card) !important;
    background-color: rgba(0, 0, 0, 0) !important;
    font-family: Montserrat, sans-serif !important;
    font-weight: 800 !important;
    font-size: 20px !important;
}
.mb-6 {
    color: var(--foreground) !important;
    background-color: var(--accent) !important;
    border-radius: 9999px !important;
    font-family: "Open Sans", sans-serif !important;
    font-weight: 400 !important;
    font-size: 16px !important;
}


.mig-about-f-7239 {
    align-items: normal !important;
    display: block !important;
    flex-direction: row !important;
    gap: normal !important;
    height: 52px !important;
    justify-content: normal !important;
    line-height: 26px !important;
    /* width: 328.672px !important; */
}
.mig-about-f-99e4 {
    align-items: normal !important;
    display: block !important;
    flex-direction: row !important;
    gap: normal !important;
    height: 78px !important;
    justify-content: normal !important;
    line-height: 26px !important;
    /* width: 328.656px !important; */
}


.mig-blog-f-1623 {
    align-items: normal !important;
    display: block !important;
    flex-direction: row !important;
    gap: normal !important;
    height: 24px !important;
    justify-content: normal !important;
    line-height: 16px !important;
    /* width: 81.75px !important; */
}
.mig-blog-f-32d8 {
    align-items: normal !important;
    display: flow-root !important;
    flex-direction: row !important;
    gap: normal !important;
    height: 68.25px !important;
    justify-content: normal !important;
    line-height: 22.75px !important;
    min-height: auto !important;
    /* width: 299.328px !important; */
}
.mig-blog-f-3335 {
    align-items: normal !important;
    display: block !important;
    flex-direction: row !important;
    font-family: "Open Sans", sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    gap: normal !important;
    height: 16px !important;
    justify-content: normal !important;
    line-height: 16px !important;
    min-height: auto !important;
    /* width: 70.7812px !important; */
}
.mig-blog-f-4032 {
    align-items: normal !important;
    display: block !important;
    flex-direction: row !important;
    gap: normal !important;
    height: 24px !important;
    justify-content: normal !important;
    line-height: 16px !important;
    /* width: 53.4219px !important; */
}
.mig-blog-f-49e2 {
    align-items: normal !important;
    display: flow-root !important;
    flex-direction: row !important;
    gap: normal !important;
    height: 48px !important;
    justify-content: normal !important;
    line-height: 24px !important;
    margin-bottom: 8px !important;
    min-height: auto !important;
    /* width: 299.328px !important; */
}
.mig-blog-f-57c9 {
    align-items: normal !important;
    display: block !important;
    flex-direction: row !important;
    gap: normal !important;
    height: 24px !important;
    justify-content: normal !important;
    line-height: 16px !important;
    /* width: 96.5312px !important; */
}
.mig-blog-f-6b9d {
    align-items: normal !important;
    display: block !important;
    flex-direction: row !important;
    gap: normal !important;
    height: 1px !important;
    justify-content: normal !important;
    line-height: 20px !important;
    margin-bottom: -1px !important;
    margin-left: -1px !important;
    margin-right: -1px !important;
    margin-top: -1px !important;
    /* width: 1px !important; */
}
.mig-blog-f-9655 {
    align-items: normal !important;
    display: block !important;
    flex-direction: row !important;
    font-family: "Open Sans", sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    gap: normal !important;
    height: 16px !important;
    justify-content: normal !important;
    line-height: 16px !important;
    min-height: auto !important;
    /* width: 67.7656px !important; */
}



.mig-f-0a8b {
    align-items: normal !important;
    display: block !important;
    flex-direction: row !important;
    gap: normal !important;
    height: 24px !important;
    justify-content: normal !important;
    line-height: 24px !important;
    margin-bottom: 4px !important;
    /* width: 280.656px !important; */
}
.mig-f-0d6d {
    align-items: normal !important;
    display: block !important;
    flex-direction: row !important;
    gap: normal !important;
    height: 45.5px !important;
    justify-content: normal !important;
    line-height: 22.75px !important;
    /* width: 280.672px !important; */
}


.mig-f-451e {
    align-items: normal !important;
    display: block !important;
    flex-direction: row !important;
    gap: normal !important;
    height: 20px !important;
    justify-content: normal !important;
    line-height: 20px !important;
    margin-bottom: 16px !important;
    /* width: 394.656px !important; */
}
.mig-f-6258 {
    align-items: normal !important;
    display: block !important;
    flex-direction: row !important;
    gap: normal !important;
    height: 24px !important;
    justify-content: normal !important;
    line-height: 24px !important;
    margin-bottom: 4px !important;
    /* width: 280.672px !important; */
}
.mig-f-9400 {
    align-items: normal !important;
    display: list-item !important;
    flex-direction: row !important;
    font-family: "Open Sans", sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    gap: normal !important;
    height: 20px !important;
    justify-content: normal !important;
    line-height: 20px !important;
    /* width: 394.656px !important; */
}
.mig-f-9a99 {
    align-items: normal !important;
    display: block !important;
    flex-direction: row !important;
    gap: normal !important;
    height: 20px !important;
    justify-content: normal !important;
    line-height: 20px !important;
    margin-bottom: 16px !important;
    /* width: 394.672px !important; */
}
.mig-f-9f64 {
    display: flex !important;
    flex-direction: row !important;
    gap: 4px !important;
    height: 20px !important;
    line-height: 20px !important;
    margin-top: 16px !important;
    min-height: auto !important;
    /* width: 299.328px !important; */
}
.mig-f-a0b3 {
    align-items: normal !important;
    display: block !important;
    flex-direction: row !important;
    gap: normal !important;
    height: 44px !important;
    justify-content: normal !important;
    line-height: 28px !important;
    margin-bottom: 12px !important;
    /* width: 394.656px !important; */
}
.mig-f-b97f {
    align-items: normal !important;
    display: block !important;
    flex-direction: row !important;
    gap: normal !important;
    height: 45.5px !important;
    justify-content: normal !important;
    line-height: 22.75px !important;
    /* width: 280.656px !important; */
}
.mig-f-bb25 {
    align-items: normal !important;
    display: block !important;
    flex-direction: row !important;
    gap: normal !important;
    height: 45.5px !important;
    justify-content: normal !important;
    line-height: 22.75px !important;
    /* width: 394.656px !important; */
}
.mig-f-cbf2 {
    align-items: normal !important;
    display: list-item !important;
    flex-direction: row !important;
    font-family: "Open Sans", sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    gap: normal !important;
    height: 20px !important;
    justify-content: normal !important;
    line-height: 20px !important;
    margin-top: 8px !important;
    /* width: 394.656px !important; */
}
.mig-f-d396 {
    display: inline-flex !important;
    flex-direction: row !important;
    gap: 8px !important;
}
.mig-f-d88b {
    align-items: normal !important;
    display: block !important;
    flex-direction: row !important;
    gap: normal !important;
    height: 32px !important;
    justify-content: normal !important;
    line-height: 24px !important;
    width: 32px !important;
}
.mig-f-dd5a {
    align-items: normal !important;
    display: list-item !important;
    flex-direction: row !important;
    font-family: "Open Sans", sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    gap: normal !important;
    height: 20px !important;
    justify-content: normal !important;
    line-height: 20px !important;
    /* width: 394.672px !important; */
}
.mig-f-f826 {
    align-items: normal !important;
    display: list-item !important;
    flex-direction: row !important;
    font-family: "Open Sans", sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    gap: normal !important;
    height: 20px !important;
    justify-content: normal !important;
    line-height: 20px !important;
    margin-top: 8px !important;
    /* width: 394.672px !important; */
}

.mig-home-f-942a {
    align-items: normal !important;
    display: block !important;
    flex-direction: row !important;
    gap: normal !important;
    height: 24px !important;
    justify-content: normal !important;
    line-height: 24px !important;
    margin-bottom: 16px !important;
    
}

.mig-reviews-f-171b {
    align-items: normal !important;
    display: block !important;
    flex-direction: row !important;
    gap: normal !important;
    height: 16px !important;
    justify-content: normal !important;
    line-height: 16px !important;
    /* width: 68.2969px !important; */
}
.mig-reviews-f-3d8b {
    align-items: normal !important;
    display: block !important;
    flex-direction: row !important;
    gap: normal !important;
    height: 20px !important;
    justify-content: normal !important;
    line-height: 20px !important;
    /* width: 76.5469px !important; */
}
.mig-reviews-f-465c {
    align-items: normal !important;
    display: block !important;
    flex-direction: row !important;
    gap: normal !important;
    height: 16px !important;
    justify-content: normal !important;
    line-height: 16px !important;
    /* width: 76.5469px !important; */
}
.mig-reviews-f-4a5f {
    align-items: normal !important;
    display: block !important;
    flex-direction: row !important;
    gap: normal !important;
    height: 113.75px !important;
    justify-content: normal !important;
    line-height: 22.75px !important;
    margin-bottom: 16px !important;
    min-height: auto !important;
    /* width: 291.328px !important; */
}
.mig-reviews-f-4a98 {
    align-items: normal !important;
    display: block !important;
    flex-direction: row !important;
    gap: normal !important;
    height: 20px !important;
    justify-content: normal !important;
    line-height: 20px !important;
    /* width: 75.1562px !important; */
}
.mig-reviews-f-4aaa {
    align-items: normal !important;
    display: block !important;
    flex-direction: row !important;
    gap: normal !important;
    height: 24px !important;
    justify-content: normal !important;
    line-height: 24px !important;
    min-height: auto !important;
    /* width: 210.188px !important; */
}
.mig-reviews-f-887d {
    align-items: normal !important;
    display: block !important;
    flex-direction: row !important;
    gap: normal !important;
    height: 16px !important;
    justify-content: normal !important;
    line-height: 16px !important;
    /* width: 70.8281px !important; */
}
.mig-reviews-f-a06e {
    align-items: normal !important;
    display: block !important;
    flex-direction: row !important;
    gap: normal !important;
    height: 16px !important;
    justify-content: normal !important;
    line-height: 16px !important;
    /* width: 75.1562px !important; */
}
.mig-reviews-f-a351 {
    align-items: normal !important;
    display: block !important;
    flex-direction: row !important;
    gap: normal !important;
    height: 20px !important;
    justify-content: normal !important;
    line-height: 20px !important;
    /* width: 70.8281px !important; */
}
.mig-reviews-f-a744 {
    display: inline-flex !important;
    flex-direction: row !important;
    gap: 8px !important;
    height: 20px !important;
    line-height: 20px !important;
    /* width: 211.375px !important; */
}
.mig-reviews-f-c115 {
    align-items: normal !important;
    display: block !important;
    flex-direction: row !important;
    gap: normal !important;
    height: 28px !important;
    justify-content: normal !important;
    line-height: 28px !important;
    min-height: auto !important;
    /* width: 25.5156px !important; */
}
.mig-reviews-f-c6ef {
    align-items: normal !important;
    display: block !important;
    flex-direction: row !important;
    gap: normal !important;
    height: 20px !important;
    justify-content: normal !important;
    line-height: 20px !important;
    /* width: 68.2969px !important; */
}
.mig-reviews-f-f2db {
    align-items: normal !important;
    display: block !important;
    flex-direction: row !important;
    gap: normal !important;
    height: 20px !important;
    justify-content: normal !important;
    line-height: 20px !important;
    min-height: auto !important;
    /* width: 173.812px !important; */
}

.min-h-80px {
    color: var(--foreground) !important;
    background-color: var(--background) !important;
    border-radius: 6px !important;
    font-family: "Open Sans", sans-serif !important;
    font-weight: 400 !important;
    font-size: 14px !important;
}
.min-h-screen {
    color: var(--foreground) !important;
    background-color: rgba(0, 0, 0, 0) !important;
    font-family: "Open Sans", sans-serif !important;
    font-weight: 400 !important;
    font-size: 16px !important;
}
.min-w-0 {
    color: var(--foreground) !important;
    background-color: rgba(0, 0, 0, 0) !important;
    font-family: "Open Sans", sans-serif !important;
    font-weight: 400 !important;
    font-size: 16px !important;
}
.mt-4 {
    color: var(--primary) !important;
    background-color: rgba(0, 0, 0, 0) !important;
    font-family: "Open Sans", sans-serif !important;
    font-weight: 600 !important;
    font-size: 14px !important;
}
.mx-auto {
    margin-right: auto !important;
    padding-right: 16px !important;
    margin-left: auto !important;
    padding-left: 16px !important;
}
.object-cover {
    color: var(--foreground) !important;
    font-family: "Open Sans", sans-serif !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    background-color: rgba(0, 0, 0, 0) !important;
}
.p-5 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    padding-right: 20px !important;
    padding-left: 20px !important;
}
.p-6 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
    padding-right: 24px !important;
    padding-left: 24px !important;
}
.p-8 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
    padding-right: 32px !important;
    padding-left: 32px !important;
}
.pt-4 {
    color: var(--foreground) !important;
    font-family: "Open Sans", sans-serif !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    background-color: rgba(0, 0, 0, 0) !important;
}
.pt-8 {
    color: rgba(255, 255, 255, 0.4) !important;
    background-color: rgba(0, 0, 0, 0) !important;
    font-family: "Open Sans", sans-serif !important;
    font-weight: 400 !important;
    font-size: 14px !important;
}
.px-3 {
    padding-top: 8px !important;
    padding-right: 12px !important;
    padding-bottom: 8px !important;
    padding-left: 12px !important;
}
.px-8 {
    margin-top: 24px !important;
    padding-right: 32px !important;
    padding-left: 32px !important;
}
.py-12 {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
}
.py-24 {
    padding-top: 96px !important;
    padding-bottom: 96px !important;
}
.ring-offset-background {
    color: var(--card) !important;
    background-color: var(--primary) !important;
    border-radius: 6px !important;
    font-family: Montserrat, sans-serif !important;
    font-weight: 700 !important;
    font-size: 14px !important;
}
.rounded-full {
    border-radius: 9999px !important;
}
.rounded-lg {
    border-radius: 8px !important;
}
.rounded-md {
    border-radius: 6px !important;
}
.rounded-xl {
    border-radius: 12px !important;
    overflow: hidden !important;
}

.shadow-lg {
    box-shadow:
        rgba(0, 0, 0, 0) 0px 0px 0px 0px,
        rgba(0, 0, 0, 0) 0px 0px 0px 0px,
        rgba(0, 0, 0, 0.1) 0px 10px 15px -3px,
        rgba(0, 0, 0, 0.1) 0px 4px 6px -4px !important;
}
.shadow-md {
    box-shadow:
        rgba(0, 0, 0, 0) 0px 0px 0px 0px,
        rgba(0, 0, 0, 0) 0px 0px 0px 0px,
        rgba(0, 0, 0, 0.1) 0px 4px 6px -1px,
        rgba(0, 0, 0, 0.1) 0px 2px 4px -2px !important;
}
.shadow-sm {
    box-shadow:
        rgba(0, 0, 0, 0) 0px 0px 0px 0px,
        rgba(0, 0, 0, 0) 0px 0px 0px 0px,
        rgba(0, 0, 0, 0.05) 0px 1px 2px 0px !important;
}
.shrink-0 {
    border-radius: 0px !important;
}
.space-y-2 {
    color: rgba(255, 255, 255, 0.6) !important;
    background-color: rgba(0, 0, 0, 0) !important;
    font-family: "Open Sans", sans-serif !important;
    font-weight: 400 !important;
    font-size: 14px !important;
}
/* .space-y-6 {
    color: var(--foreground) !important;
    font-size: 16px !important;
} */
.space-y-8 {
    color: var(--foreground) !important;
    background-color: rgba(0, 0, 0, 0) !important;
    font-family: "Open Sans", sans-serif !important;
    font-weight: 400 !important;
    font-size: 16px !important;
}
.sr-only {
    border-radius: 0px !important;
}
.text-base {
    color: var(--foreground) !important;
    font-family: "Open Sans", sans-serif !important;
    font-weight: 400 !important;
    font-size: 14px !important;
}
.text-center {
    text-align: center !important;
}
.text-foreground {
    color: var(--foreground) !important;
    background-color: rgba(0, 0, 0, 0) !important;
    font-family: "Open Sans", sans-serif !important;
    font-weight: 600 !important;
    font-size: 18px !important;
}
.text-muted-foreground {
    color: var(--muted-foreground) !important;
    background-color: rgba(0, 0, 0, 0) !important;
    font-family: "Open Sans", sans-serif !important;
    font-weight: 400 !important;
    font-size: 16px !important;
}
.text-primary {
    color: var(--primary) !important;
    background-color: var(--accent) !important;
    font-family: "Open Sans", sans-serif !important;
    font-weight: 400 !important;
    font-size: 16px !important;
}
.text-primary-foreground {
    color: var(--card) !important;
    background-color: var(--primary) !important;
    font-family: Montserrat, sans-serif !important;
    font-weight: 700 !important;
    font-size: 14px !important;
}
.text-primary-foreground-60 {
    color: rgba(255, 255, 255, 0.6) !important;
    background-color: rgba(0, 0, 0, 0) !important;
    font-family: "Open Sans", sans-serif !important;
    font-weight: 400 !important;
    font-size: 14px !important;
}
.text-primary-foreground-70 {
    color: rgba(255, 255, 255, 0.7) !important;
    background-color: rgba(0, 0, 0, 0) !important;
    font-family: "Open Sans", sans-serif !important;
    font-weight: 400 !important;
    font-size: 18px !important;
}
.text-primary-foreground-80 {
    color: rgba(255, 255, 255, 0.8) !important;
    background-color: rgba(0, 0, 0, 0) !important;
    font-family: "Open Sans", sans-serif !important;
    font-weight: 400 !important;
    font-size: 20px !important;
}
.text-sm {
    color: var(--card) !important;
    background-color: var(--primary) !important;
    font-family: Montserrat, sans-serif !important;
    font-weight: 700 !important;
    font-size: 14px !important;
}
.text-xl {
    color: var(--card) !important;
    background-color: rgba(0, 0, 0, 0) !important;
    font-family: Montserrat, sans-serif !important;
    font-weight: 800 !important;
    font-size: 20px !important;
}
.top-3 {
    color: var(--card) !important;
    font-family: "Open Sans", sans-serif !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    background-color: var(--primary) !important;
    border-radius: 9999px !important;
}
.uppercase {
    text-transform: uppercase;
}
.w-10 {
    width: 40px !important;
    height: 40px !important;
    min-height: auto !important;
    line-height: 24px !important;
}
.w-12 {
    width: 48px !important;
    height: 48px !important;
    min-height: auto !important;
    line-height: 24px !important;
}
.w-14 {
    width: 56px !important;
    height: 56px !important;
    min-height: auto !important;
    line-height: 24px !important;
}
.w-16 {
    width: 64px !important;
    height: 64px !important;
    line-height: 24px !important;
    
}
.w-305 {
    min-height: auto !important;
    width: 14px !important;
    height: 14px !important;
    line-height: 16px !important;
}
.w-4 {
    min-height: auto !important;
    width: 16px !important;
    height: 16px !important;
    line-height: 24px !important;
}
.w-6 {
    width: 24px !important;
    height: 24px !important;
    min-height: auto !important;
    max-width: 100% !important;
    line-height: 24px !important;
}
.w-8 {
    min-height: auto !important;
    width: 32px !important;
    height: 32px !important;
    line-height: 24px !important;
}
.w-full {
    width: 100% !important;
    height: 44px !important;
    max-width: 100% !important;
    line-height: 20px !important;
}