@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap");
::-webkit-scrollbar{ display: none; }


body { font-family: "Roboto Condensed", sans-serif; }

/*=====================================================================================*/
@keyframes loaderLoading {
    0% { transform: translateX(-100%); }
    100% { transform: translateX(220%); }
}
@keyframes loaderFloat {
    0%,100% { transform: translateY(0px); }
    50% { transform: translateY(-6px); }
}
.loader-animate-loading {
    animation: loaderLoading 1.2s linear infinite;
}
.loader-animate-float {
    animation: loaderFloat 2.5s ease-in-out infinite;
}
/*=====================================================================================*/

.glass-nav { background: rgba(255, 255, 255, 0.9); backdrop-filter: blur(12px); }
.page-hero {
    background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('https://flowtel.in/assets/web-images/myfe-industry-h.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.hero-35 { height: 350px; }
.hero-45 { height: 450px; }

#myfeHomeClients .swiper-wrapper { transition-timing-function: linear !important; }

@media screen and (min-width: 1536px) { .hero-45, .hero-35 { height : 600px; } }

#mobile-menu { transition: transform 0.3s ease-in-out; background-color: white !important; }
#mobile-menu.active { transform: translateX(0) !important; }

#imgModal { display: none; position: fixed; z-index: 1000; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); backdrop-filter: blur(5px); transition: all 0.3s; }
#modalImg { max-width: 90%; max-height: 80%; border-radius: 8px; margin: auto; display: block; position: relative; top: 50%; transform: translateY(-50%); }

.footer-link:hover { color: #fb923c; transform: translateX(5px); transition: all 0.3s; }

.bg-mesh-telemetry {
    background-image: repeating-linear-gradient(45deg, #f7f7f7 0px, #f7f7f7 .5px, transparent 1px, transparent 5px), repeating-linear-gradient(-45deg, #F7F7F7 0px, #F7F7F7 .5px, transparent 0px, transparent 5px);
    background-size: 100% 100%;
}