/* ============================================================
   Hover animation delay layer
   Makes every hover effect on the site wait 0.5s after the
   cursor actually reaches the element before it starts, and
   revert immediately (no delay) once the cursor leaves.
   Loaded AFTER the main bundle stylesheet so it wins ties.
   ============================================================ */

/* Header nav underline */
.Header_navLinks__Wa1Nx li:not(.Header_enqurieBtn__0J8jL):hover:after{
  transition:width 1s ease .5s !important;
}

/* Header "Enquire" button glow */
.Header_enqurieBtn__0J8jL:hover{
  transition:all .8s ease .5s !important;
}

/* Mobile menu list items */
.Header_mobileMenu__iaKH4 li{
  transition:background-color .3s ease !important;
}
.Header_mobileMenu__iaKH4 li:hover{
  transition:background-color .3s ease .5s !important;
}

/* Footer banner button */
.Footer_bannerFooter__vYm5Z>div>button{
  transition:background-color .3s ease,color .3s ease !important;
}
.Footer_bannerFooter__vYm5Z>div>button:hover{
  transition:background-color .3s ease .5s,color .3s ease .5s !important;
}

/* Footer consultation button glow */
.Footer_consultationBtn__qz_qE:hover{
  transition:all .8s ease .5s !important;
}

/* Footer social icons */
.Footer_footerBottomRight__JAhQ_>div>a>svg:hover{
  transition:transform .5s ease .5s !important;
}

/* Footer newsletter submit button */
.Footer_submitButton__XqbJI:hover{
  transition:background-color .5s .5s !important;
}

/* WhatsApp floating button glow */
.HomePage_whatsappButton__gVCFa:hover{
  transition:all .8s ease .5s !important;
}

/* Home banner button glow */
.HomePage_bannerBtn__9DIV3:hover{
  transition:all .8s ease .5s !important;
}

/* Auto-demo state: same visual as :hover, but triggered by the
   .autoHover class from the sequential-showcase script (no delay —
   the script itself controls timing). */
.OurServices_serviceCard__8q8qs.autoHover .OurServices_cardContent__mi3up>div{
  transform:rotate(-90deg);color:var(--primary);
}
.OurServices_serviceCard__8q8qs.autoHover .OurServices_serviceTitle__rxIx_{
  color:var(--primary);
}
.OurServices_serviceCard__8q8qs.autoHover:before{
  transform:translateY(0);
}
.OurServices_serviceCard__8q8qs.autoHover .OurServices_hoverContent__86uAK{
  opacity:1;transform:translateY(0);
}

/* Service cards flip / reveal — triggers instantly, every time the
   cursor reaches the card (delay removed so it never feels missed) */
.OurServices_serviceCard__8q8qs:hover .OurServices_cardContent__mi3up>div{
  transition:all .5s ease !important;
}
.OurServices_serviceCard__8q8qs:hover .OurServices_serviceTitle__rxIx_{
  transition:all .5s ease !important;
}
.OurServices_serviceCard__8q8qs:hover:before{
  transition:transform .8s cubic-bezier(.215,.61,.355,1) !important;
}
.OurServices_serviceCard__8q8qs:hover .OurServices_hoverContent__86uAK{
  transition:all .6s cubic-bezier(.215,.61,.355,1) !important;
}
.OurServices_hoverContent__86uAK button:hover{
  transition:all .8s ease .5s !important;
}
.OurServices_submitButton__40ut6:hover{
  transition:background-color .5s .5s !important;
}

/* Projects section */
.Projects_projectDiv__m9t_J:hover .Projects_aboutSection__6GXw0 h1{
  transition:all .5s ease .5s !important;
}
.Projects_visitButton__MheGv:hover{
  transition:all .5s ease .5s !important;
}

/* Auto-demo state for project cards: same visual as :hover, but
   triggered by the .autoHover class from the sequential-showcase
   script (no delay — the script itself controls timing). This runs
   on every page the Projects section appears on (Home and /projects),
   not just the home page. */
.Projects_projectDiv__m9t_J.autoHover .Projects_aboutSection__6GXw0 h1{
  color:var(--primary);
}

/* Enquiry modal */
.GwtEnquire_close__1:hover{
  transition:color .3s .5s !important;
}
.GwtEnquire_submit__1:hover{
  transition:background-color .3s .5s,color .3s .5s,border-color .3s .5s !important;
}

/* Blog buttons */
.Blogs_bannerBtn__Okpq1:hover{
  transition:all .8s ease .5s !important;
}
.Blogs_blogMainRight__WZTOF>button{
  transition:background-color .3s ease,color .3s ease !important;
}
.Blogs_blogMainRight__WZTOF>button:hover{
  transition:background-color .3s ease .5s,color .3s ease .5s !important;
}
.Blogs_blogListContainerRight__Ntkak>button{
  transition:background-color .3s ease,color .3s ease !important;
}
.Blogs_blogListContainerRight__Ntkak>button:hover{
  transition:background-color .3s ease .5s,color .3s ease .5s !important;
}