/* ====================================================
    Responsive
==================================================== */
/* Desktop 1200 - up */
@media (min-width: 1200px){
    .container {
        max-width: 1200px;
        overflow: hidden;
    }

    .theme-btn-1 {
      background-color: var(--newblue);
      color: var(--white);
      border-color: #ffffff !important;
      font-weight: bold !important;
      width: 250px;
      height: 50px;
      font-size: medium !important;      
    }

    .theme-btn-3 {
      border-color: #171b2a !important;
      border: 2px solid var(--border-color-9);
      font-size: larger !important;
      font-weight: bold !important;
      width: 250px;
    }

      .no-mobile{
        display: none !important
    }

    .animate-slide-in {
        position: relative;
        right: -100%; /* Inicialmente, la imagen estará fuera del contenedor a la derecha */
        animation: slideIn 1s forwards; /* Utilizamos una animación llamada 'slideIn' que dura 1 segundo */
        animation-delay: 1s;
      }
      
    @keyframes slideIn {
    to {
        right: 0; /* Cuando la animación termine, la imagen estará posicionada a la derecha (0 indica la posición inicial del contenedor) */
    }
    }
    .row-video-landing {
    margin-left: 20%;
    margin-right: 20%;
    margin-top: -20px;
    padding-top: 100px;

    }
    .row-video-landing iframe{
    height: 400px;
    width: 650px;
    }
    .ltn__media-logo-item img{
    width: auto !important;
    height: 20px !important;
    }
    .ltn__header-middle-area > .container > .row {
    background-color: white !important;
    margin-top: 0px;
    }
    .container-beehiiv{
      margin-top: -50px;
    }
    
      .bg-image-banner {
        background-position: center center;
        background-repeat: no-repeat;
        position: absolute;
        width: 500px !important;
        padding-left: 50px !important;
      }

    }

/* Normal desktop :992px. (Laptop 14") */
@media (min-width: 992px) and (max-width: 1199px) {
    /* Global */
    h1 {
        font-size: 30px;
    }
    h2 {
        font-size: 26px;
    }
    h3 {
        font-size: 22px;
    }
    h4 {
        font-size: 20px;
    }
    h5 {
        font-size: 18px;
    }
    h6 {
        font-size: 16px;
    }
    .no-mobile{
        display: none !important
    }
    .animate-slide-in {
        position: relative;
        right: -100%; /* Inicialmente, la imagen estará fuera del contenedor a la derecha */
        animation: slideIn 1s forwards; /* Utilizamos una animación llamada 'slideIn' que dura 1 segundo */
        animation-delay: 1s;
      }
      
      @keyframes slideIn {
        to {
          right: 0; /* Cuando la animación termine, la imagen estará posicionada a la derecha (0 indica la posición inicial del contenedor) */
        }
      }
     .row-media {
        margin-left: 20%;
        margin-right: 20%;
        margin-top: 0px;
        padding-top: 10px;
    }

    .row-video-landing {
        margin-left: 20%;
        margin-right: 20%;
        margin-top: -60px;
        padding-top: 80px;

      }
      .row-video-landing iframe{
        height: 400px;
        width: 650px;
      }
    .logo-mobile{
        margin-left: 150px;
    }

    .bg-image-banner {
      background-position: center center;
      background-repeat: no-repeat;
      position: absolute;
      width: 250px !important;
    }

    .theme-btn-1 {
      background-color: var(--newblue);
      color: var(--white);
      border-color: #ffffff !important;
      font-weight: bold !important;
      align-content: center !important;
    }

    .theme-btn-3 {
      background-color: white;
      border: 2px solid var(--border-color-9);
      border-color: #171b2a !important;
      font-weight: bold !important;
      align-content: center !important;
    }
}
 
/* Tablet device :768px. */
@media (min-width: 768px) and (max-width: 991px) {
    /* Global */
    body {
        font-size: 14px;
    }
    h1 {
        font-size: 26px;
    }
    h2 {
        font-size: 22px;
    }
    h3 {
        font-size: 20px;
    }
    h4 {
        font-size: 18px;
    }
    h5 {
        font-size: 16px;
    }
    h6 {
        font-size: 15px;
    }
    p {
        font-size: 14px;
    }
    .centrado {
        text-align: center; /* Para centrar contenido en línea */
        margin: 0 auto; /* Para centrar bloques con un ancho definido */
    }
    .centrado img {
        display: block; /* Para evitar espacios adicionales alrededor de la imagen */
        margin: 0 auto; /* Para centrar la imagen horizontalmente */
      }
    .no-mobile{
        display: none !important
    }

    .animate-slide-in {
        position: relative;
        right: -100%; /* Inicialmente, la imagen estará fuera del contenedor a la derecha */
        animation: slideIn 2s forwards; /* Utilizamos una animación llamada 'slideIn' que dura 1 segundo */
        animation-delay: 2s;
      }
      
      @keyframes slideIn {
        to {
          right: 0; /* Cuando la animación termine, la imagen estará posicionada a la derecha (0 indica la posición inicial del contenedor) */
        }
      }


    .row-media {
        margin-left: 20%;
        margin-right: 20%;
        margin-top: 0px;
        padding-top: 10px;
    }

    .row-video-landing {
        margin-left: 20%;
        margin-right: 20%;
        margin-top: -60px;
        padding-top: 80px;

      }
      .row-video-landing iframe{
        height: 400px;
        width: 650px;
      }
    
      .bg-image-banner {
        background-position: center center;
        background-repeat: no-repeat;
        position: absolute;
        width: 250px !important;
        
      }

      .theme-btn-1 {
        background-color: var(--newblue);
        color: var(--red);
        border-color: #FFFFFF !important;
        font-weight: bold !important;
        align-content: center !important;
      }

      .theme-btn-3 {
        background-color: white;
        border: 2px solid var(--border-color-9);
        border-color: #171b2a !important;
        font-weight: bold !important;
        align-content: center !important;
      }
}
 
/* small mobile :320px. */
@media (max-width: 767px) {
    /* Global */
    body {
        font-size: 14px;
    }
    h1 {
        font-size: 24px;
    }
    h2 {
        font-size: 20px;
    }
    h3 {
        font-size: 18px;
    }
    h4 {
        font-size: 17px;
    }
    h5 {
        font-size: 16px;
    }
    h6 {
        font-size: 14px;
    }
    p {
        font-size: 14px;
    }
    .centrado {
        text-align: center; /* Para centrar contenido en línea */
        margin: 0 auto; /* Para centrar bloques con un ancho definido */
    }
    .centrado img {
        display: block; /* Para evitar espacios adicionales alrededor de la imagen */
        margin: 0 auto; /* Para centrar la imagen horizontalmente */
      }
    .mobile-text{
        font-size: 42px !important;
        font-weight: 700 !important;
        line-height: 45px;
        word-spacing: 0px !important;
        padding-top: 70px !important;
    }
    .mobile-view-social{
        display: none !important
    }
    .mobile-view-no-logo{
        display: none !important
    }

    .animate-slide-in {
        position: relative;
        right: -100%; /* Inicialmente, la imagen estará fuera del contenedor a la derecha */
        animation: slideIn 1s forwards; /* Utilizamos una animación llamada 'slideIn' que dura 1 segundo */
        animation-delay: 1s;
      }
      
      @keyframes slideIn {
        to {
          right: 0; /* Cuando la animación termine, la imagen estará posicionada a la derecha (0 indica la posición inicial del contenedor) */
        }
      }

      .row-media {
        margin-left: 20%;
        margin-right: 20%;
        margin-top: 0px;
        margin-bottom: 60px;
        padding-top: 20px;
        padding-bottom: 20px;
      }
      .row-bignumbers {
        margin-top: 0px;
      }

      .row-video-landing {
        margin-left: 0%;
        margin-right: 0%;
        padding-top: 0px;
        margin-bottom: -10px;

      }
      .row-video-landing iframe{
        height: 300px;
        width: 500px;
      }
      .logo-mobile{
        align-items: left;
        margin-left: -60px;
        margin-top: 30px;
    }
    .ltn__header-middle-area > .container > .row {
        background-color: white !important;
        margin-top: 0px;
    }
    
      .paddingTop-200 {
        padding-top: 0px !important;
      }

      .bg-image-banner {
        background-position: center center;
        background-repeat: no-repeat;
        position: relative;
        width: 250px !important;
        
      }

      .app-calendly {
        height: 1150px !important;
        margin-left: -15px;
        margin-right: -15px;
        overflow-y: hidden !important;
        text-align: center !important;
      }

      .theme-btn-1 {
        background-color: var(--newblue);
        color: var(--white);
        border-color: #FFFFFF !important;
        font-weight: bold !important;
        align-content: center !important;
      }

      .theme-btn-3 {
        background-color: white;
        border: 2px solid var(--border-color-9);
        border-color: #171b2a !important;
        font-weight: bold !important;
        align-content: center !important;
      }

      .container-beehiiv{
        margin-top: -50px;
      }      

      .container-graph{
        min-height: 350px !important;
      }

      .align-left {
        align-content: left !important;
      }

      .ltn__testimonial-item-7
      .ltn__testimoni-info-inner
      .ltn__testimoni-name-designation
      h5 {
      font-weight: 600;
      margin-bottom: 0;
      padding-right: 200px !important;
    }
  
    .product-ratting ul {
      margin: 0;
      padding: 0;
      padding-left: 230px;
    }

    .paddingbottom {
      padding-bottom: 30px !important;
      padding-left: 30px !important;
    }

    .mobilewidth {
      min-width: 350px !important;
    }
    .patrocinio {
      margin-bottom: 0px; /* Menos espacio debajo en dispositivos móviles si es necesario */
      padding-bottom: 30px;
  }

  .patrocinio img {
      max-width: 70%; /* Ajusta el tamaño máximo de la imagen */
      padding: 0px; /* Menos espacio interno en móviles */
      margin-top: auto;
      margin-bottom: auto;
  }
            
      
}

.theme-btn-1 {
  z-index: 0 !important;
}

.theme-btn-3 {
  z-index: 0 !important;
}