@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,700&display=swap');

body{ margin:0px; height:0px; outline: none !important; font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 400; font-size: 15px; color: #333; line-height: 1.7; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

*{outline: none !important; }

html {
  scroll-behavior: smooth;
}
.container{max-width:1280px;}


header .D-logo-section {max-width: 152px;width:100%; margin-right: 15px;}
header .D-logo-section img{width: 100%; height:100%; object-fit: contain;}

.nav-top-section .dropdown-toggle.nav-link{background: transparent;box-shadow: none; color: #111; border-radius: 0px; padding: 5px 16px; font-size: 14px; font-weight: 500; letter-spacing: 0.01em;}
.nav-top-section .dropdown-menu .dropdown-item{font-size: 13px; color: #222; font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 500; padding: 9px 18px; letter-spacing: 0.01em;}
header .dropdown-toggle::after {width: 8px;height: 8px;content: "";border: none;vertical-align: 2px;border-bottom: 2px solid #000;border-left: 2px solid #000;transform: rotate(-45deg);}
header .navbar{padding:0px;}

/*.top-padding .main-body-content{  display: grid;  grid-row-gap: 60px;}
*/
header{background: #fff;position: relative; z-index: 100; border-bottom: 1px solid #ebebeb; padding:18px 0px; width: 100%; transition: .5s; }
.nav-top-section .dropdown-menu { z-index: 200; }
.contact-details{position: fixed; z-index: 9; bottom:0px; width: 100%;}
header .nav-bar .nav-flex{display: flex; align-items: center; justify-content: space-between; list-style: none; padding:0; margin: 0px;}
header .nav-bar .nav-flex .nav-link{color: #111; padding:5px 16px; font-size: 14px; font-weight: 500; letter-spacing: 0.01em; margin: 0px;}
header .nav-bar .nav-flex .nav-link:hover{color: #111; text-decoration: underline; text-underline-offset: 4px;}

/* ============================================================
   FOOTER
   ============================================================ */
footer { background: #0d0d0d; width: 100%; display: block; padding: 60px 0px 0px; }
.footer-top { width: 100%; }
.footer-main-row { padding-bottom: 40px; border-bottom: 1px solid rgba(255,255,255,0.08); }

.footer-col { padding-bottom: 30px; }

/* Brand block */
.footer-logo { max-width: 130px; width: 100%; filter: brightness(0) invert(1); margin-bottom: 14px; display: block; }
.footer-tagline { color: rgba(255,255,255,0.5); font-size: 12px; line-height: 1.6; margin-bottom: 20px; letter-spacing: 0.3px; }

/* Contact list */
.footer-contact-list { list-style: none; padding: 0; margin: 0; }
.footer-contact-list li { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 12px; }
.footer-contact-list .fc-icon { color: rgba(255,255,255,0.6); font-size: 13px; margin-top: 2px; min-width: 14px; }
.footer-contact-list li span:not(.fc-icon),
.footer-contact-list li a { color: rgba(255,255,255,0.65); font-size: 13px; line-height: 1.5; text-decoration: none; }
.footer-contact-list li a:hover { color: #fff; }

/* Heading */
.footer-heading { color: #fff; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.2px; margin-bottom: 18px; }

/* Link lists */
.footer-links { list-style: none; padding: 0; margin: 0; }
.footer-links li { margin-bottom: 10px; }
.footer-links li a { color: rgba(255,255,255,0.6); font-size: 13px; text-decoration: none; transition: color 0.2s; }
.footer-links li a:hover { color: #fff; }

/* Social buttons */
.footer-social { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 24px; }
.social-btn { width: 38px; height: 38px; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 15px; text-decoration: none; transition: transform 0.2s, background 0.2s, color 0.2s; background: rgba(255,255,255,0.08); color: rgba(255,255,255,0.7); border: 1px solid rgba(255,255,255,0.1); }
.social-btn:hover { transform: translateY(-3px); background: #fff; color: #0d0d0d; border-color: #fff; }

/* Make in India */
.footer-made-in { color: rgba(255,255,255,0.4); font-size: 12px; display: flex; align-items: center; gap: 8px; margin: 0; }
.make-india-badge { max-height: 28px; width: auto; opacity: 0.7; }

/* Bottom bar */
.footer-bottom { padding: 18px 0; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 6px; }
.footer-copy { color: rgba(255,255,255,0.35); font-size: 12px; margin: 0; }
.footer-address-inline { color: rgba(255,255,255,0.25); font-size: 11px; margin: 0; text-align: right; }


/* ============================================================
   HERO SLIDER
   ============================================================ */
.hero-slider { width: 100%; margin-bottom: 50px; }
.hero-slide { position: relative; height: 82vh; min-height: 520px; overflow: hidden; display: flex; align-items: center; }
.hero-slide-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.hero-overlay { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(0,0,0,0.75) 40%, rgba(0,0,0,0.3) 100%); }
.hero-content { position: relative; z-index: 2; max-width: 600px; padding: 20px 0; }
.hero-tag { display: inline-block; background: transparent; border: 1px solid rgba(255,255,255,0.45); color: rgba(255,255,255,0.9); font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; padding: 5px 14px; border-radius: 4px; margin-bottom: 20px; }
.hero-content h1 { color: #fff; font-size: 46px; font-weight: 800; line-height: 1.12; letter-spacing: -0.02em; margin-bottom: 16px; }
.hero-content p { color: rgba(255,255,255,0.82); font-size: 16px; line-height: 1.65; margin-bottom: 28px; max-width: 480px; }
.hero-btn { background: #fff; color: #111; border: 2px solid #fff; border-radius: 4px; padding: 11px 28px; font-size: 13px; font-weight: 700; letter-spacing: 0.5px; transition: background 0.2s, color 0.2s; display: inline-block; }
.hero-btn:hover { background: transparent; color: #fff; }

/* Owl nav dots */
.hero-slider.owl-carousel .owl-dots { position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); }
.hero-slider.owl-carousel .owl-dot span { background: rgba(255,255,255,0.4) !important; width: 8px; height: 8px; border-radius: 50%; }
.hero-slider.owl-carousel .owl-dot.active span { background: #fff !important; width: 24px; border-radius: 4px; }

/* old know-more button (used elsewhere on pages) */
.know-more{color: #fff; border: 2px solid #111; border-radius: 4px; min-width: 160px; display: inline-block; font-size: 14px; font-weight: 600; letter-spacing: 0.3px; text-align: center; padding: 10px 22px; background: #111;}
.know-more:hover{color: #111; background: #fff; border-color: #111;}

.faicam-blog{margin-bottom: 30px;}
.F-card-blog {padding-bottom: 30px;}
.F-card-blog .card{border:0; border-radius:0px;height:250px;position: relative;cursor: pointer;transition: 0.3s all;}
.F-card-blog .card .card-img{width:100%;height:100%;}
.F-card-blog .card .card-img img{width:100%; height:100%; object-fit: cover;}

.F-card-blog .card .card-content{position: absolute; flex-direction: column; justify-content: center; width: 100%;height: 100%;padding:20px; top:50%; left:0px; transform: translateY(-50%); transition: 0.3s all;  background: rgba(0, 0, 0, 0.35); display: none;}
.F-card-blog .card .card-content .fst-title{color: #fff; font-size: 20px; letter-spacing: -0.01em; margin-bottom: 6px; font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 700;}
.F-card-blog .card .card-content .Sub-title{color: #fff; font-size: 19px;margin-bottom: 35px; font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 600;}
.F-card-blog .card .card-content .know-more{padding: 8px 14px; width: auto; min-width: auto; display: inline-block; font-size: 13px; border-radius: 4px;}
.F-card-blog .card:hover .card-content{display: inline-flex; }
.F-card-blog .card:hover .card-img{-webkit-filter: blur(2px); filter: blur(2px);}

.F-title{font-size: 28px; font-weight: 700; color: #111; letter-spacing: -0.01em; margin-bottom: 32px; display: block;}

/* Simple / Quick / Reliable section */
.faicam-simple { padding: 100px 0; background: #f7f7f7; }
.simple-row { align-items: center; }
.simple-text-col { padding-right: 40px; }
.simple-tag { display: inline-block; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.6px; color: #888; margin-bottom: 18px; }
.simple-heading { font-size: 42px; font-weight: 800; color: #111; line-height: 1.12; letter-spacing: -0.02em; margin-bottom: 20px; }
.simple-desc { font-size: 16px; color: #555; line-height: 1.75; margin-bottom: 28px; max-width: 480px; }
.simple-features { list-style: none; padding: 0; margin: 0 0 36px; }
.simple-features li { font-size: 15px; color: #333; margin-bottom: 14px; display: flex; align-items: center; gap: 12px; }
.simple-features li .fa-check { width: 20px; height: 20px; background: #111; color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 9px; flex-shrink: 0; }
.simple-btn { background: #111; color: #fff; border: 2px solid #111; border-radius: 4px; padding: 12px 30px; font-size: 13px; font-weight: 700; letter-spacing: 0.3px; transition: background 0.2s, color 0.2s; }
.simple-btn:hover { background: #fff; color: #111; }
.simple-phone-col { display: flex; justify-content: center; align-items: center; }
.simple-phone-wrap { max-width: 540px; width: 100%; }
.simple-phone-img { width: 100%; height: auto; object-fit: contain; display: block; }

.best-faicam-system{padding:20px 0px 60px;}
.best-faicam-system .Best-card{padding-bottom: 20px;}
.best-faicam-system .Best-card .card-trad{height:145px;display: flex;flex-direction: column; align-items: center;justify-content: center; padding:28px 20px;color: #111; border: 1px solid #e5e5e5; font-size:13px; font-weight: 500; letter-spacing: 0.01em; text-align: center;transition: .3s; }
.best-faicam-system .Best-card .card-trad span {font-size:13px; font-weight: 500; color: #666; padding-bottom:6px; display: block; letter-spacing: 0.02em;}
.best-faicam-system .Best-card .card-trad .text-num{font-size: 32px; font-weight: 800; letter-spacing: -0.02em; color: #111; padding-bottom:4px;}
.best-faicam-system .Best-card .card-trad:hover{background: #111; color: #fff; border-color: #111;}

.best-india{margin-bottom: 40px;}
.best-india .B-heading{color: #111; font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 800; letter-spacing: -0.02em; text-align: center; font-size: 34px; margin-bottom: 0px;}
.best-india .India-img{max-width:250px; width: 100%; margin: 0px auto;}
.best-india .India-img img{width:100%; height:100%; object-fit: contain;}

.top-banner-section .middle-content h2 span{display: block;}

/* hospital */

/* Old hospital-section-top: background removed; kept layout rules only */
.hospital-section-top{padding:50px 0px;position: relative; min-height: 72vh; width: 100%; background: none; display: flex;align-items: center;}
.hospital-section-top::before{display: none;}

.hospital-section-top .Host-middle-content{max-width:650px; width: 100%; position: relative;}
.hospital-section-top .Host-middle-content h2{color: #fff; font-size: 44px; letter-spacing: -0.02em; margin-bottom: 24px; font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 800; }
.hospital-section-top .Host-middle-content p{color: rgba(255,255,255,0.85); font-size:16px; margin-bottom: 40px; line-height: 1.7;}
.hospital-section-top .Host-middle-content .know-more{background: #fff;color: #000; border-color:#fff;}

.host-benift{padding:50px 0px;}
.host-title{color: #111; font-size: 32px; font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 800; letter-spacing: -0.02em; margin-bottom: 36px; text-align: center;}

.host-benift .card-host{height: 100%; padding-bottom: 20px; width: 100%;}
.host-benift .card-host .card{border-radius:8px; height:100%;overflow: hidden; border: 1px solid #e5e5e5; }
.host-benift .card-host .card-img{height:200px; width: 100%;}
.host-benift .card-host .card-img img{width:100%; height: 100%; object-fit: cover;}
.host-benift .card-host .card-body{padding:20px 10px;}
.host-benift .card-host .card-data{text-align: center;display: flex; flex-direction: column; height: 100%; justify-content: center;  align-items: center;}
.host-benift .card-host .card-data h3{font-size: 17px; color: #000; font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 600; margin-bottom: 20px;height:50px; text-align: center;}
.host-benift .card-host .card-data p{text-align: center;font-size:14px; margin-bottom: 30px;color: #000; font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 300; }
.host-benift .card-host .card-data .know-more{padding:7px 15px;font-size:17px; margin-top: auto;}

.btn:focus{box-shadow: none;}

.system-data{width: 100%; background: #f5f5f5; padding:50px 0px; position:relative;}
.system-data::before{display:none;}
.sys-content{position: relative; max-width:80%; width: 100%;}
.sys-content p{ font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 600; font-size:17px; color: #fff; margin-bottom: 20px;line-height: 22px; letter-spacing: 0.3px; line-height: 1.4; }
.sys-content p span{display: block;}
.sys-content h2{color: #fff; font-size:26px; font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 700; letter-spacing: -0.01em; margin-bottom: 0px; padding:12px 0px}

.application-hospital .host-title{padding-bottom: 20px;}
.application-data{padding-bottom:60px;}
.application-data .app-img{/*width:450px; */height:270px;overflow: hidden; width:95%}
.application-data .app-img img{width: 100%; height:100%; object-fit: cover;transition: .4s all; overflow: hidden;}
.application-data .app-img img:hover{transform: scale(1.05);}
.application-data .app-content h2{color: #111; font-size: 18px; text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 12px; font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 700; }
.application-data .app-content .sub-title{color: #000; font-size: 19px; margin-bottom: 15px; font-weight: 600;}
.application-data .app-content p{color: #000; font-size:16px; margin-bottom: 0px;}

.security-system{width: 100%; background: #111; padding:50px 0px; position:relative;}
.security-system::before{display:none;}
.security-system .sys-content h2{margin-bottom: 20px;}

.system-data-camera{display: flex; align-items: center;padding-top: 30px;}
.system-data-camera .system-circle{width:120px; height:120px; border-radius: 50%;margin:0px 15px;}
.system-data-camera .system-circle img{width:100%; height: 100%; object-fit: cover;}
.system-data-camera .arrow-right{width:106px; margin:0px 15px;}
.system-data-camera .arrow-right img{width: 100%; height: 100%;object-fit: contain;}

.seemless-section{padding:60px 0px;}
.seemless-section .seemless-video-section{max-width:1000px; width: 100%; margin: 0px auto;}
.seemless-video-section .video-section{width: 100%; height:500px; position: relative; margin-bottom: 30px;}
.seemless-video-section .video-section::before{left:0; right:0; top:0; bottom:0; /*background: rgba(40,62,95,0.6);*/ position: absolute;content: "";}

.seemless-video-section .video-section img{/*width: 100%; height: 100%; object-fit: cover;*/}
.seemless-video-section .video-section .play-icon{cursor:pointer; color: #fff; width:90px; height:90px;font-size: 36px; padding-left: 5px; position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); border-radius:50%; background: #39548f;display: flex; align-items: center; justify-content: center;}
.seemless-video-section .data-contents h3{color:#000; font-size: 22px; margin-bottom: 20px; font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 700;  }
.seemless-video-section .data-contents p{font-size:15px; line-height: 1.4; color: #000; margin-bottom: 0px;}

.cctv-system{padding:42px 0px; background: #111; width:100%; position: relative;}
.cctv-system::before{display:none;}

.make-india{display:flex; align-items: center;justify-content: center; max-width:500px;height:100%; width: 100%; background: #222; position: absolute; right:0; top: 0;}
.make-india .make-india-logo{max-width:250px;width: 100%; margin-left: auto; margin-right: 70px;}
.make-india .make-india-logo img{width: 100%; height: 100%; object-fit: contain;}

.slimscrolldata .scroll-content{display: inline-flex;}
.slimscrolldata .card-scroll{/*width:300px;*/ width:25%;padding:0px 10px; display: block; margin:0 5px;}
.slimscrolldata .scrollbar-track{border:1px solid #ccc;background: #fff; opacity: 1; border-radius:20px;}
.slimscrolldata .scrollbar-thumb{background: #333;}

/* retail-page — background rules removed (now using product-hero <img> approach) */
.hospital-section-top .Host-middle-content{position: relative;}

.retail-system-data.system-data::before{display:none;}
.retail-system-data .sys-content p, .retail-system-data .sys-content h2 {color: #000;}
.retail-system-data .cart-desktop{max-width:425px; width: 100%; position: absolute;right:30px; bottom:0px;}
.retail-system-data .cart-desktop img{max-width: 100%; max-height: 100%; width: auto; height: auto;}

/* Old variant classes — background removed, kept for compatibility */
.hospital-section-top.retail-img{position: relative; background: none;}
.hospital-section-top.Industry-img{position: relative; background: none;}
.hospital-section-top.Corporate-img{position: relative; background: none;}
.hotel-img.hospital-section-top{position: relative; background: none;}
.home-img.hospital-section-top{position: relative; background: none;}
.common-img-banners::before{display:none;}

.slimscrolldata .scrollbar-track.scrollbar-track-y{display: none !important}







/* stat card hover: flip child text colours */
.best-faicam-system .Best-card .card-trad:hover .text-num,
.best-faicam-system .Best-card .card-trad:hover span { color: rgba(255,255,255,0.7); }

/* Product hero */
.product-hero { position: relative; height: 82vh; min-height: 520px; overflow: hidden; display: flex; align-items: center; margin-bottom: 0; }
.product-hero-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.product-hero-overlay { position: absolute; inset: 0; background: rgba(0,0,0,0.55); }
.product-hero-content { position: relative; z-index: 2; max-width: 640px; padding: 20px 0; }
.product-hero-content h1 { color: #fff; font-size: 46px; font-weight: 800; line-height: 1.12; letter-spacing: -0.02em; margin-bottom: 16px; }
.product-hero-content p { color: rgba(255,255,255,0.82); font-size: 16px; line-height: 1.7; margin-bottom: 28px; max-width: 500px; }
@media (max-width: 768px) {
  .product-hero { height: 70vh; }
  .product-hero-content h1 { font-size: 32px; }
}
@media (max-width: 576px) {
  .product-hero { height: 100vh; }
  .product-hero-content h1 { font-size: 26px; }
}

/*----------------------- Responsive media -------------*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

}

@media (min-width: 1499px){
    
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1440px;
}

}

@media(min-width:1200px) and (max-width:1366px){

}


@media (max-width: 1199px) {
.hero-content h1 { font-size: 36px; }
.hero-slide { height: 68vh; }
header .nav-bar .nav-flex .nav-link{font-size: 15px;}

.host-title{font-size: 28px;}
.sys-content p{font-size: 20px;}
.sys-content h2{font-size: 28px;}
.application-data .app-img{max-width: 100%;width: 100%; height:230px;}
.application-data .app-content h2{font-size:24px;}
.application-data .app-content .sub-title{font-size: 20px;}
.application-data .app-content p{font-size:16px;}
.host-benift {padding: 50px 0px 30px;}
.hospital-section-top .Host-middle-content h2{font-size: 42px;}
.hospital-section-top{background-position: left;}
.hospital-section-top .Host-middle-content p{font-size: 20px;}
.retail-system-data .cart-desktop {max-width: 343px;}

}

@media (max-width: 991px) {
.container{ max-width: 100%; }

/* side nav */
.menu {border-radius: 50%; width: 50px; height: 50px; position: absolute;  cursor: pointer; top: 50%;transform: translateY(-50%); right: 15px;}
.menu span { -webkit-user-select: none; transform: translate(-50%, -50%); -moz-user-select: none;  -ms-user-select: none;  user-select: none;  position: absolute; top: 50%; left: 50%;}
.menu span, .menu span::before, .menu span::after { display: block; width:25px; right: 20px; height: 2px;  background-color: #000; outline: 1px solid transparent; -webkit-transition-property: background-color, -webkit-transform; -moz-transition-property: background-color, -moz-transform; -o-transition-property: background-color, -o-transform;  transition-property: background-color, transform;  -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s;  transition-duration: 0.3s;}
.header-fixed .menu span,.header-fixed .menu span::before,.header-fixed .menu span::after {  background-color: #000;}

.menu span::before,.menu span::after { position: absolute; content: "";}
.menu span::before { top: -8px;  width:16px;right: 0;}
.menu span::after { top: 8px; width:30px;right: 0;}
.menu.clicked span {background-color: transparent !important;}
.menu.clicked span::before { left: 0px;
    -webkit-transform: translateY(8px) rotate(45deg);
    -moz-transform: translateY(8px) rotate(45deg);
    -ms-transform: translateY(8px) rotate(45deg);
    -o-transform: translateY(8px) rotate(45deg);
    transform: translateY(8px) rotate(45deg);
    width: 33px;
    background-color: #fff;
}
.menu.clicked span::after {left: 0px;
    -webkit-transform: translateY(-9px) rotate(-45deg);
    -moz-transform: translateY(-9px) rotate(-45deg);
    -ms-transform: translateY(-9px) rotate(-45deg);
    -o-transform: translateY(-9px) rotate(-45deg);
    transform: translateY(-9px) rotate(-45deg);
    background-color: #fff;
}
/* .menu.clicked span:before, .menu.clicked span:after {background-color: #656565; } */
.menu:hover {
    cursor: pointer;
}
/*  NAV
========================================== */
#nav {/* display: flex; */ background: #000;  align-items: center;  justify-content: center;  position: fixed; z-index: 20; top: 0;  left: 0; height: 100%; max-width: 100%; width: 100%;padding: 50px 0px 30px; overflow-y: auto;display: none; transition: all .75s cubic-bezier(0.87, 0, 0.13, 1);}
/* #nav::before{background: rgba(0, 0, 0, 0.7); position: absolute;left: 0; right:0; top:0; bottom:0;content: "";} */
#nav.show {display: flex; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px);}
#nav.show ul.main li { opacity: 1;}
.menu.clicked { position: fixed; z-index: 99;  top: 20px; transform: none; }
#nav ul.main {padding: 0px;display: block; list-style-type: none;margin: 0px;max-width:80%; width: 100%; transform: scale(1) rotate(0deg);  text-align: center;  transition: all .75s cubic-bezier(0.87, 0, 0.13, 1);} 
#nav ul.main li { padding:10px 30px;  text-align: center;  transition: all .75s cubic-bezier(0.87, 0, 0.13, 1);}

#nav ul.main li .nav-link { font-size:20px;padding:0px; color: #fff;}
#nav ul.main .nav-link.active {color: #fff; }
#nav ul.main li a { color: #fff; text-decoration: none; display: block;  transition: all .25s ease-in-out;}

#nav ul.main li a:hover {color: #fff;}
.menu.clicked span::before, .menu.clicked span::after { width: 25px;}

/* main-content */

footer { padding-top: 40px; }
.footer-bottom { flex-direction: column; align-items: center; text-align: center; }
.footer-address-inline { text-align: center; }

/*.navbar-toggler{ border: 1px solid #333; border-radius: 5px; padding: 6px; }*/
.navbar-toggler .navbar-toggler-icon { background: #333; width: 25px; height: 3px; margin-bottom: 4px; display: block; }
.navbar-toggler .navbar-toggler-icon:last-child{ margin-bottom: 0px; }

.m-collapse-data {text-align: center; font-size: 16px; font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 500;}
.m-collapse-data .collapse .dropdown-item, .m-collapse-data .collapsing .dropdown-item{font-size: 16px; font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 500;padding: 10px 15px;}
.m-collapse-data .collapse, .m-collapse-data .collapsing{padding-top: 20px;}
header .nav-top-section .nav-bar .nav-flex{display: block;text-align: center;padding-top:20px;}
header .nav-top-section .nav-bar .nav-flex .nav-link{padding: 10px 15px;}
header .D-logo-section{margin-right:0px;}

.best-india .B-heading{margin-bottom: 30px;}
.F-title {font-size: 30px;}

.F-card-blog .card .card-content{padding:15px 10px;height: 70px; top: auto;bottom:0;transform: none; display: inline-flex; flex-direction: row; align-items: flex-end;justify-content: space-between;}
.F-card-blog .card .card-content .Sub-title{display: none;}
.F-card-blog .card .card-content .fst-title{font-size: 20px;margin-bottom: 0px;}
.F-card-blog .card .card-content .know-more{width:130px; font-size: 13px; padding:5px 10px;}
.F-card-blog .card {height:200px;}
.F-card-blog .card:hover .card-img { -webkit-filter: blur(0px); filter: blur(0px);}
.F-card-blog .card .overlay-m{-webkit-filter: blur(2px); filter: blur(2px);position: absolute;bottom:0;height:70px;width: 100%;}
.F-card-blog .card .overlay-m img{width: 100%; height:100%; object-fit: cover; object-position: bottom;}

#nav ul.main li .nav-link{cursor: pointer;}
#nav ul.main ul {list-style: none;padding:0px;}
#nav ul.main ul .nav-link{font-size: 14px;}
.footer-col { padding-bottom: 20px; }

.hospital-section-top{min-height:70vh;}
.host-benift .card-host .card-data h3{font-size: 20px;}
.host-benift .card-host .card-data p{font-size: 14px;}
.host-title {font-size: 28px;}
.application-data {padding-bottom: 48px;}
.application-data .app-img{height:190px;}
.application-data .app-content h2 {font-size: 22px;}
.application-data .app-content .sub-title {font-size:18px;}
.sys-content{max-width: 100%;}
.seemless-video-section .video-section{height:400px;}

.retail-system-data .cart-desktop{display: none;}

}


@media (max-width: 767px) {
    

}

@media (max-width: 700px) {
.sys-content h2 {font-size: 28px;}
.seemless-video-section .data-contents p {font-size: 15px;}
.seemless-video-section .data-contents h3{font-size:24px; margin-bottom: 15px;}

}


@media (max-width: 576px) {
.hero-slide { height: 100vh; min-height: 480px; background-position: center right; }
.hero-content h1 { font-size: 28px; }
.hero-content p { font-size: 14px; }
.hero-tag { font-size: 10px; }
.know-more{font-size: 20px;padding:7px 10px;}
.best-faicam-system .Best-card .card-trad span {font-size: 25px;}
.best-faicam-system .Best-card .card-trad .text-num {font-size: 30px;}
.best-faicam-system .Best-card .card-trad{font-size: 19px;}
.top-banner-section .middle-content h2 {font-size: 26px;}
.top-banner-section{height:90vh; align-items: flex-start; padding-top: 30px;margin-bottom: 30px;}
.top-container, .top-container-host{padding:0px; overflow: hidden;}
.top-container .know-more{display: none;}
header .navbar{justify-content: center;}
header .D-logo-section {max-width: 120px;}
.F-title{text-align: center;}
.best-india .B-heading u{display: block;}
#nav ul.main{max-width: 100%;}
.footer-top .address {max-width: 100%;}
.hospital-section-top{padding:50px 20px; min-height:100vh;}
.hospital-section-top .Host-middle-content h2 {font-size: 35px;}
.hospital-section-top .Host-middle-content p {font-size: 15px;}
.hospital-section-top .Host-middle-content .know-more{margin:0px auto;}
.m-flexs{text-align: center;}
.sys-content p {font-size: 15px;}
.host-title {font-size: 25px;}
.application-data .app-content{padding:20px 30px 0px;text-align: center;}
.system-data-camera .system-circle {width: 100px;height: 100px;}
.seemless-video-section .video-section {height: 332px;}
.seemless-video-section .video-section .play-icon { width: 60px; height: 60px;  font-size: 22px;}
.data-contents{padding:0px 15px;text-align: center;}

.slimscrolldata .card-scroll{width:300px;}
.application-data .app-img {height: 220px;}


}

@media (max-width: 500px){
.top-banner-section{background: url('/assets/faicam-img/img/Group37.png)no-repeat;background-size: cover; background-position: right;}
.best-faicam-system .row .col-6 , .faicam-blog .row .col-6{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
.top-banner-section .middle-content h2 span{display: inline-block;}
.F-title {font-size: 27px;}
.security-system{background: #111;}
.security-system:before{display:none;}
.sys-content h2 {font-size: 22px; margin-bottom: 10px;}
.sys-content p span {display: inline;}
.sys-content p {font-size: 15px;}
.system-data-camera{display: block; text-align: center;}
.system-data-camera .system-circle { margin: 0px auto 40px;}
.system-data-camera .system-circle:last-child{margin-bottom: 0px;}
.system-data-camera .arrow-right { transform: rotate(91deg);  margin: 0px auto 40px;}

.hospital-section-top{ background: none; }
.hospital-section-top .m-flexs{position: absolute; bottom:20px;width: 100%;left:0px;}
.hospital-section-top .m-flexs .know-more{border-radius:30px;}
.system-data-camera .system-circle {width: 120px;height: 120px;}
.system-data .sys-content p {font-size: 17px;}

.hospital-section-top{min-height:93vh;}
.application-hospital .host-title{padding:0px 5px 20px;}

}


@media (max-width: 400px) {
.sys-content h2 {font-size: 20px;}
.seemless-video-section .data-contents p {font-size: 14px;}
.hospital-section-top .Host-middle-content h2 {font-size: 30px;}
.hospital-section-top .Host-middle-content p {font-size: 14px;}


}


@media (max-width: 320px) {
.top-banner-section .middle-content h2 {font-size: 23px;}
.host-title {font-size: 21px;}
.application-data .app-content h2 {font-size: 20px;}
.application-data .app-content .sub-title {font-size: 15px;}
.application-data .app-content p {font-size: 14px;}

}

/* ============================================================
   CONTACT PAGE
   ============================================================ */

/* Hero Banner */
.contact-hero { background: #111; padding: 90px 0 80px; }
.contact-hero-inner { max-width: 640px; }
.contact-hero-tag { display: inline-block; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; color: rgba(255,255,255,0.55); border: 1px solid rgba(255,255,255,0.2); padding: 5px 14px; border-radius: 4px; margin-bottom: 22px; }
.contact-hero-heading { color: #fff; font-size: 48px; font-weight: 800; line-height: 1.1; letter-spacing: -0.02em; margin-bottom: 18px; }
.contact-hero-sub { color: rgba(255,255,255,0.65); font-size: 16px; line-height: 1.7; margin: 0; max-width: 500px; }

/* Info Cards */
.contact-info-section { padding: 0 0 0; background: #fff; }
.contact-cards-row { margin: 0; }

.contact-info-card { padding: 40px 32px; border: 1px solid #e5e5e5; border-top: none; height: 100%; transition: border-color 0.2s; }
.contact-info-card:hover { border-color: #111; }

.contact-info-card--dark { background: #111; border-color: #111; }
.contact-info-card--dark .contact-info-icon { color: rgba(255,255,255,0.6); }
.contact-info-card--dark .contact-info-title { color: #fff; }
.contact-info-card--dark .contact-info-text,
.contact-info-card--dark .contact-info-text a { color: rgba(255,255,255,0.85); }
.contact-info-card--dark .contact-info-sub { color: rgba(255,255,255,0.4); }

.contact-info-icon { font-size: 20px; color: #111; margin-bottom: 18px; }
.contact-info-title { font-size: 15px; font-weight: 700; color: #111; text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 10px; }
.contact-info-text { font-size: 15px; color: #333; line-height: 1.6; margin-bottom: 6px; }
.contact-info-text a { color: #333; text-decoration: none; }
.contact-info-text a:hover { color: #000; text-decoration: underline; text-underline-offset: 3px; }
.contact-info-sub { font-size: 12px; color: #999; margin: 0; }

/* Form Section */
.contact-form-section { padding: 80px 0 90px; background: #fff; }
.contact-form-row { align-items: flex-start; gap: 0; }

/* Left text */
.contact-form-left { padding-right: 60px; padding-top: 12px; }
.contact-form-tag { display: inline-block; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; color: #888; margin-bottom: 16px; }
.contact-form-heading { font-size: 36px; font-weight: 800; color: #111; line-height: 1.15; letter-spacing: -0.02em; margin-bottom: 16px; }
.contact-form-desc { font-size: 15px; color: #555; line-height: 1.75; margin-bottom: 28px; }
.contact-form-points { list-style: none; padding: 0; margin: 0; }
.contact-form-points li { font-size: 14px; color: #333; margin-bottom: 12px; display: flex; align-items: center; gap: 12px; }
.contact-form-points li .fa-check { width: 20px; height: 20px; background: #111; color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 9px; flex-shrink: 0; }

/* Form box */
.contact-form-box { background: #f7f7f7; border: 1px solid #e5e5e5; padding: 40px 36px; }

.contact-field-wrap { padding-bottom: 22px; padding-right: 0; }
.contact-field-wrap:nth-child(odd of .col-sm-6) { padding-right: 12px; }
.contact-field-wrap:nth-child(even of .col-sm-6) { padding-left: 12px; }

.contact-label { display: block; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: #444; margin-bottom: 8px; }

.contact-input-group { position: relative; display: flex; align-items: center; }
.contact-input-group--textarea { align-items: flex-start; }
.contact-input-icon { position: absolute; left: 14px; color: #aaa; font-size: 13px; pointer-events: none; top: 50%; transform: translateY(-50%); }
.contact-input-icon--top { top: 14px; transform: none; }

.contact-input { width: 100%; background: #fff; border: 1px solid #ddd; border-radius: 0; padding: 13px 14px 13px 40px; font-size: 14px; color: #111; font-family: 'Plus Jakarta Sans', sans-serif; outline: none; transition: border-color 0.2s; }
.contact-input:focus { border-color: #111; }
.contact-input::placeholder { color: #bbb; }
.contact-textarea { resize: vertical; min-height: 130px; }

.contact-submit-wrap { padding-bottom: 0; }
.contact-submit-btn { background: #111; color: #fff; border: 2px solid #111; padding: 13px 32px; font-size: 13px; font-weight: 700; letter-spacing: 0.3px; display: inline-flex; align-items: center; gap: 10px; cursor: pointer; transition: background 0.2s, color 0.2s; font-family: 'Plus Jakarta Sans', sans-serif; }
.contact-submit-btn:hover { background: #fff; color: #111; }

/* Column spacing fix for the two-column fields */
.contact-form-box .col-sm-6:first-of-type .contact-field-wrap { padding-right: 10px; }
.contact-form-box .col-sm-6:last-of-type .contact-field-wrap { padding-left: 10px; }

/* Responsive */
@media (max-width: 991px) {
    .contact-hero-heading { font-size: 36px; }
    .contact-form-left { padding-right: 0; margin-bottom: 40px; }
    .contact-info-card { border-top: 1px solid #e5e5e5; border-bottom: none; }
    .contact-info-card--dark { border-color: #111; }
    .contact-cards-row .col-md-4:last-child .contact-info-card { border-bottom: 1px solid #e5e5e5; }
    .contact-info-card--dark { border-bottom: none !important; }
}

@media (max-width: 767px) {
    .contact-hero { padding: 60px 0; }
    .contact-hero-heading { font-size: 30px; }
    .contact-form-box { padding: 28px 20px; }
    .contact-form-heading { font-size: 28px; }
    .contact-form-box .col-sm-6 { width: 100%; }
    .contact-form-box .col-sm-6:first-of-type .contact-field-wrap,
    .contact-form-box .col-sm-6:last-of-type .contact-field-wrap { padding-left: 0; padding-right: 0; }
}