/* Restore LocomotiveScroll styles for larger screens*/
@media (pointer: fine) {
  html, body {
    overflow: hidden;
  }

  [data-scroll-container] {
    overflow: hidden;
  }

}




@media (min-width: 767px) {
  .main-header {
      padding: 40px 40px;
  }

  .mobile-header {
    gap: 70px;
  }

  .mobile-header a {
    font-size: 1.3em;
  }

  .mobile-header-socials img{
    height: 25px;
  }


  .cta-container {
    padding: 120px 0px 120px 0px;
  }

  .cta-text h2 {
    font-size: 5em;
  }

  .cta-text p {
    font-size: 1.4em;
    margin-top: 120px;
  }


  .footer {
    padding: 0px 0px 120px 0px;
  }


  .footer-logo img {
      max-width: 260px;
  }

  .footer-content {
    width: 75%;
  }

  .footer-links {
    gap: 80px;
    margin: 120px 0px 120px 0px;
  }

  .footer-links a {
    font-size: 1.4em;
  }


  .footer-social a {
    margin: 0px 25px;
  }

  .footer-social img {
    height: 30px;
    transition: transform 0.3s ease;
  }

  .footer-credits {
    font-size: 1em;
    margin: 120px auto 0px auto;
      width: 65%;
  }



}




@media (min-width: 1024px) {

  .cta-text h2 {
    font-size: 7em;
  }

  .cta-text p {
    font-size: 1.6em;
    margin-top: 180px;
  }

  .cta-container {
    padding: 140px 0px 140px 0px;
  }

  .footer {
    padding: 0px 0px 140px 0px;
  }



    .footer-logo img {
        max-width: 300px;
    }


      .footer-links {
        gap: 100px;
        margin: 140px 0px 140px 0px;
      }

      .footer-links a {
        font-size: 1.4em;
      }

      .footer-social a {
        margin: 0px 30px;
      }

      .footer-social img {
        height: 30px;
        transition: transform 0.3s ease;
      }

      .footer-credits {
        font-size: 1.1em;
        margin: 140px auto 0px auto;
          width: 60%;
      }





}









@media (min-width: 1199px) {

}












@media (min-width: 1366px) {
  .hamburger {
    display: none;
  }

  .mobile-header {
    display: none;
  }

  .nav-list {
    display: flex;
  }


  .main-header {
      padding: 40px 0px;
  }

  .navbar {
    justify-content: center;
  }


.footer {
  padding: 0px 0px 80px 0px;
}

  .footer-content {
    flex-direction: row;
    justify-content: space-between;
    padding: 100px 0px 100px 0px;
    width: 80%;
  }



  .footer-links {
    flex-direction: row;
    gap: 30px;
    margin: 0px 0px 0px 0px;
  }


  .footer-links a {
    font-size: 1em;
  }


  .footer-right {
    justify-content: flex-end;
  }

  .footer-left {
    justify-content: flex-start;
  }

  .footer-social img {
    height: 20px;
  }

  .footer-social a {
    margin: 0px 10px;
  }

  .footer-logo img {
    max-width: 150px;
    margin: 0;
  }



.cta-container {
  padding: 80px 0px 80px 0px;
}

.cta-text h2 {
  font-size: 7em;
}

  .cta-text h2::after {
    content: '';
    position: absolute;
    top: 110%; /* Center vertically */
    right: -110px; /* Adjust spacing from the h2 */
    transform: translateY(-50%); /* Ensure perfect vertical centering */
    height: auto; /* Set the height */
     width: 250px; /* Let the width adjust automatically */
  }

  .cta-text h2:hover::after {
     transform: translate(20px, -50%);
    transition: transform 0.3s ease; /* Smooth transition */
  }

  .cta-text p {
    font-size: 1.4em;
    margin-top: 40px;
  }


  .footer-credits {
      font-size: 0.8em;
      margin: 0px auto 0px auto;
      width: 90%;
  }


}



@media (min-width: 1600px) {
  .nav-list a {
    font-size: 1.2em;
  }

  .nav-list li {
    margin: 0 25px; /* Spacing between items */
  }

  .nav-list {
    margin: 0px 60px;
  }

  .logo img {
    max-height: 50px; /* Adjust for your logo's size */
    object-fit: contain;
  }




  .cta-text h2 {
    font-size: 9em;
  }

  .cta-text h2::after {
    content: '';
    position: absolute;
    top: 115%;
    right: -130px;
     width: 300px;
  }



  .footer-logo img {
    max-width: 180px;
  }

  .footer-links {
    gap: 60px;
  }

  .footer-links a {
    font-size: 1em;
  }

  .footer-social img {
    height: 20px;
  }

  .footer-social a {
    margin: 0px 10px;
  }

  .footer-credits {
      font-size: 1em;
      margin: 0px auto 0px auto;
      width: 90%;
  }

.cta-container, .footer-content {
  padding: 120px 0px 120px 0px;
}


.footer {
  padding-bottom: 100px;
}


}




















@media (min-width: 1800px) {


  .cta-text h2 {
    font-size: 10em;
  }




  .footer-logo img {
    max-width: 200px;
  }

  .footer-links {
    gap: 60px;
  }

  .footer-links a {
    font-size: 1.2em;
  }

  .footer-social img {
    height: 24px;
  }

  .footer-social a {
    margin: 0px 15px;
  }

  .footer-credits {
      font-size: 1em;
      margin: 0px auto 0px auto;
      width: 90%;
  }

}





































/* end */