/* MOBILE RESPONSIVE FIX */
@media (max-width: 768px){

  .home-thq-hero-title-elm,
  .home-thq-hero-subtitle-elm,
  .home-thq-section-content-elm28,
  .home-thq-carousel-wrapper-elm,
  .home-thq-carousel-track-elm,
  .footer-thq-footer-grid-elm,
  .footer-thq-footer-main-elm{
    width:100% !important;
    max-width:100% !important;
  }

  .section-title,
  .hero-title{
    font-size:32px !important;
    line-height:1.2;
  }

  .section-content,
  .hero-subtitle,
  p{
    font-size:15px !important;
    line-height:1.7;
  }

  .footer-grid,
  .benefits-grid,
  .services-grid,
  .stats-grid{
    grid-template-columns:1fr !important;
  }

  .testimonial-card,
  .bento-cell,
  .service-cell,
  .stats-cell{
    width:100% !important;
  }

  .testimonial-card{
  height:auto !important;
  min-height:260px;
  overflow:visible;
}

  .navigation-image{
    width:150px;
    height:auto;
    cursor:pointer;
transition:0.3s ease;
  }

  .footer{
  padding-bottom:50px !important;
}

  section{
    padding-left:20px;
    padding-right:20px;
  }

}




 
.navigation-container1 {
  display: contents;
}
 
.navigation-image {
  width: 215px;
  height: 59px;
  object-fit: cover;
}

.navigation-image:hover{
transform:scale(1.05);
}

.navigation-brand img{
  width:160px;
  height:auto;
}
 
.navigation-thq-navigation-desktop-menu-elm {
  width: 930px;
  animation-name: none;
  animation-delay: 0s;
  animation-duration: 300ms;
  animation-direction: normal;
  animation-iteration-count: 1;
  animation-timing-function: ease;
}
 
.navigation-container2 {
  display: none;
}
 
.navigation-container3 {
  display: contents;
}
 
.navigation-container4 {
  display: none;
}
 
.navigation-container5 {
  display: contents;
}

.footer-wrapper {
  display: contents;
}
 
.footer-container1 {
  display: contents;
}
 
.footer-thq-footer-main-elm {
  height: auto;
  min-height: 357px;
}
 
.footer-thq-footer-grid-elm {
  width: 100%;
  max-width: 1168px;
  height: auto;
  min-height: 259px;
}
 
.footer-container2 {
  display: none;
}
 
.footer-container3 {
  display: contents;
}

.home-container1 {
  width: 100%;
  min-height: 100vh;
  padding-top:75px;
}
 

 
.home-text12 {
  color: var(--color-secondary);
}
 
.home-text13 {
  color: var(--color-secondary);
  display: block;
}
 

 
.home-thq-section-content-elm28 {
  padding-left: 100px;
  padding-right: 100px;
}
 

 
.home-thq-quote-icon-elm1 {
  border: 2px dashed rgba(120, 120, 120, 0.4);
}
 
.home-thq-author-info-elm1 {
  border: 2px dashed rgba(120, 120, 120, 0.4);
}
 
.home-thq-quote-icon-elm2 {
  border: 2px dashed rgba(120, 120, 120, 0.4);
}
 
.home-thq-author-info-elm2 {
  border: 2px dashed rgba(120, 120, 120, 0.4);
}
 
.home-thq-quote-icon-elm3 {
  border: 2px dashed rgba(120, 120, 120, 0.4);
}
 
.home-thq-author-info-elm3 {
  border: 2px dashed rgba(120, 120, 120, 0.4);
}
 
.home-thq-quote-icon-elm4 {
  border: 2px dashed rgba(120, 120, 120, 0.4);
}
 
.home-thq-author-info-elm4 {
  border: 2px dashed rgba(120, 120, 120, 0.4);
}
 
.home-container2 {
  display: none;
}
 
.home-container3 {
  display: contents;
}
 
.home-container4 {
  display: none;
}
 
.home-container5 {
  display: contents;
}
 
.home-container6 {
  right: 50px;
  border: 1px solid #ffffff5c;
  bottom: 30px;
  display: flex;
  z-index: 22;
  position: fixed;
  box-shadow: 5px 5px 10px 0px rgba(31, 31, 31, 0.4);
  min-height: auto;
  align-items: center;
  padding-top: 8px;
  padding-left: 12px;
  border-radius: 8px;
  padding-right: 12px;
  padding-bottom: 8px;
  backdrop-filter: blur(6px);
  background-color: rgba(41, 41, 41, 0.41);
}
 
.home-icon31 {
  width: 24px;
  margin-right: 4px;
}
 
.home-text39 {
  color: white;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}


.carousel-wrapper,
.carousel-track,
.testimonials-carousel,
.testimonials-container{
  height: auto !important;
  overflow: visible !important;
}

.testimonial-card{
  height: auto !important;
  min-height: 260px;
}


@media (max-width:768px){
  .testimonial-card{
    min-height: auto;
    padding:20px;
  }

  .carousel-track{
    display:flex;
    flex-direction:column;
    gap:20px;
  }
}



html, body{
  overflow-x: hidden !important;
  max-width: 100%;
}

*{
  box-sizing: border-box;
}

.home-container1,
.testimonials-container,
.carousel-wrapper,
.carousel-track,
.footer,
.footer-container1,
.footer-container2,
.footer-thq-footer-grid-elm,
.footer-thq-footer-main-elm{
  width: 100% !important;
  max-width: 100% !important;
}

img, video{
  max-width: 100%;
  height: auto;
}

.carousel-track{
  display: grid !important;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  transform: none !important;
}

@media (max-width:768px){
  .carousel-track{
    grid-template-columns: 1fr !important;
  }
}



#loader{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:#ffffff;
z-index:99999;
display:flex;
justify-content:center;
align-items:center;
transition:0.5s;
}

.spinner{
width:55px;
height:55px;
border:5px solid #ddd;
border-top:5px solid #0d6efd;
border-radius:50%;
animation:spin 1s linear infinite;
}

@keyframes spin{
100%{transform:rotate(360deg);}
}

.testimonial-card,
.bento-cell,
.stats-cell,
.timeline-card,
.service-cell{
transition:0.4s ease;
cursor:pointer;
}

.testimonial-card:hover,
.bento-cell:hover,
.stats-cell:hover,
.timeline-card:hover,
.service-cell:hover{
transform:translateY(-8px);
box-shadow:0 15px 35px rgba(0,0,0,0.15);
}


#topBtn{
display:none;
position:fixed;
bottom:25px;
right:25px;
z-index:999;
border:none;
outline:none;
background:#0d6efd;
color:#fff;
cursor:pointer;
padding:14px 16px;
border-radius:50%;
font-size:22px;
box-shadow:0 8px 20px rgba(0,0,0,0.2);
transition:0.3s;
}

#topBtn:hover{
transform:scale(1.1);
background:#084298;
}




.reveal{
opacity:0;
transform:translateY(70px);
transition:1s ease;
}

.reveal.show{
opacity:1;
transform:translateY(0);
}


img{
transition:0.5s ease;
}

.bento-cell:hover img,
.service-cell:hover img,
.about-sidebar:hover img{
transform:scale(1.08);
}

.navigation-wrapper{
position:fixed !important;
top:0;
left:0;
width:100%;
z-index:9999;
display:block !important;
backdrop-filter:blur(12px);
background:rgba(255,255,255,0.92);
box-shadow:0 5px 20px rgba(0,0,0,0.06);
transition:0.3s ease;
}



.btn,
.btn-accent{
transition:0.4s ease;
}

.btn:hover,
.btn-accent:hover{
transform:translateY(-4px);
box-shadow:0 10px 25px rgba(0,0,0,0.18);
}


#topBtn{
animation:pulse 2s infinite;
}

@keyframes pulse{
0%{box-shadow:0 0 0 0 rgba(13,110,253,0.5);}
70%{box-shadow:0 0 0 18px rgba(13,110,253,0);}
100%{box-shadow:0 0 0 0 rgba(13,110,253,0);}
}


/* Navigation text visible in light mode */
body:not(.dark-mode) .navigation-link,
body:not(.dark-mode) .navigation-link span,
body:not(.dark-mode) .navigation-links a{
color:#111827 !important;
}

/* Dark mode nav */
body.dark-mode .navigation-wrapper{
background:rgba(15,23,42,.95) !important;
}

body.dark-mode .navigation-link,
body.dark-mode .navigation-link span,
body.dark-mode .navigation-links a{
color:#ffffff !important;
}

body.dark-mode .navigation-link:hover,
body.dark-mode .navigation-link:hover span{
color:#60a5fa !important;
}

/* Dark mode cards only */
body.dark-mode .bento-cell,
body.dark-mode .stats-cell,
body.dark-mode .service-cell,
body.dark-mode .timeline-card,
body.dark-mode .testimonial-card{
background:#1e293b !important;
border:1px solid #334155 !important;
color:#ffffff !important;
}

/* Dark mode inside text */
body.dark-mode .bento-cell *,
body.dark-mode .stats-cell *,
body.dark-mode .service-cell *,
body.dark-mode .timeline-card *,
body.dark-mode .testimonial-card *{
color:#ffffff !important;
}

/* Buttons */
#themeToggle{
position:fixed;
left:20px !important;
right:auto !important;
bottom:20px !important;
z-index:9999;
}

#topBtn{
right:20px !important;
left:auto !important;
bottom:20px !important;
}

/* Mobile */
@media(max-width:768px){
#themeToggle{left:15px !important; bottom:15px !important;}
#topBtn{right:15px !important; bottom:15px !important;}
}

/* ===== LOGO MODE SWITCH ===== */

/* default */
.logo-dark{
display:none;
}

.logo-light{
display:block;
}

/* dark mode */
body.dark-mode .logo-light{
display:none;
}

body.dark-mode .logo-dark{
display:block;
}



/* =========================================
ULTIMATE MOBILE FIX
FOR 479px to 768px
PASTE AT VERY BOTTOM
========================================= */

@media screen and (min-width:479px) and (max-width:768px){

  html,
  body{
    overflow-x:hidden !important;
    width:100% !important;
  }

  /* FORCE SINGLE COLUMN */
  .carousel-track,
  .stats-grid,
  .services-grid,
  .bento-grid,
  .benefits-grid{
    display:flex !important;
    flex-direction:column !important;
    width:100% !important;
    gap:20px !important;
  }

  /* FORCE FULL CARD WIDTH */
  .bento-cell,
  .stats-cell,
  .service-cell,
  .timeline-card,
  .testimonial-card{
    width:100% !important;
    max-width:100% !important;
    min-width:100% !important;

    height:auto !important;
    min-height:auto !important;
    max-height:none !important;

    overflow:visible !important;

    display:block !important;

    padding:24px !important;
    box-sizing:border-box !important;
  }

  /* REMOVE INTERNAL CUTTING */
  .bento-cell *,
  .stats-cell *,
  .service-cell *,
  .timeline-card *,
  .testimonial-card *{
    white-space:normal !important;
    word-break:break-word !important;
    overflow-wrap:break-word !important;
    writing-mode:horizontal-tb !important;
  }

  /* FIX LONG TEXT */
  .service-cell p,
  .stats-cell p,
  .bento-cell p{
    font-size:16px !important;
    line-height:1.8 !important;
  }

  /* FIX TITLES */
  .service-cell h1,
  .service-cell h2,
  .service-cell h3,
  .stats-cell h1,
  .stats-cell h2,
  .stats-cell h3{
    line-height:1.3 !important;
  }

  /* REMOVE GRID COLUMN SPAN */
  .small,
  .large{
    grid-column:auto !important;
    grid-row:auto !important;
  }

}