/* navbar start */
/* FORCE RESPONSIVE FIX */

/* MOBILE + TABLET */
@media screen and (max-width:1024px){

  .nav-links{
    display:none !important;
  }

  .menu-btn{
    display:block !important;
    color:#fff;
    font-size:22px;
  }

}

/* DESKTOP */
@media screen and (min-width:1025px){

  .nav-links{
    display:flex !important;
  }

  .menu-btn{
    display:none !important;
  }

}
/* sidebar end   */
















/* video start */
/* Hide mobile video by default */
.mobile-video {
  display: none;
}

/* Show mobile video on small screens */
@media (max-width: 768px) {
  .desktop-video {
    display: none;
  }

  .mobile-video {
    display: block;
  }
}
/* video end */



/* carousel */



/* carousel end */


/* mission */
/* RESPONSIVE */
@media screen and (max-width:768px){
  .mission-grid{
    grid-template-columns:1fr !important;
  }
}
/* mission */






/* faq */
/* Responsive */
@media screen and (max-width:768px){
  .faq-title {
    font-size: 28px !important;
  }

  .faq-question {
    font-size: 16px !important;
  }
}

/* faq */








/* contact card */
/* RESPONSIVE */
@media screen and (max-width: 768px) {
  .cards-container {
    flex-direction: column !important;
    align-items: center !important;
  }

  .big {
    width: 250px !important;
    height: 250px !important;
  }

  .small {
    width: 150px !important;
    height: 150px !important;
    right: 20px !important;
  }
}


/* contact card */


/* card  */

/* card end */

/* footer */

/* 📱 MOBILE */
@media screen and (max-width: 768px) {
  .footer{
    padding:40px 15px !important;
  }

  .footer-box{
    padding:15px !important;
  }

  .footer-bottom{
    flex-direction:column !important;
    text-align:center !important;
  }
}


/* RESPONSIVE */
@media screen and (max-width: 768px) {
  .footer-container{
    flex-direction:column !important;
    text-align:center !important;
  }

  .footer-bottom{
    flex-direction:column !important;
    gap:10px !important;
  }
}

/* footer end */


/* icon */
/* Hide text on very small screens if preferred */
@media screen and (max-width: 768px) {
  .btn-text {
    display: none !important;
  }
  .btn-float {
    padding: 15px !important;
    width: 55px !important;
    height: 55px !important;
  }
}

/* icon */


/* social media */


/* Mobile */
@media screen and (max-width: 768px) {
    .qr-card {
    height: 350px !important;
  }
}
/* social media */