/*
Theme Name: CCTV IT Solutions
Theme URI: https://cctvinstallationindia.in/
Author: IT Solutions
Description: CCTV installation business theme. All homepage content is editable from Appearance > Customize > Website Settings. Elementor and WooCommerce compatible.
Version: 2.0.0
Requires at least: 5.8
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: cctv-itsolutions
*/
body{margin:0}
.ims{font-family:'Poppins',Arial,sans-serif;color:#1e2a3a;line-height:1.55;--b:#1565e0;--d:#0a1f44;--l:#f3f7fd;width:100%;overflow-x:hidden}
.ims *{box-sizing:border-box}.ims a{text-decoration:none;color:inherit}.ims h1,.ims h2,.ims h3,.ims h4,.ims h5{margin:0;font-family:inherit;color:var(--d)}.ims p{margin:0}
.ims .w{max-width:1200px;margin:0 auto;padding:0 20px}
.ims .top{background:var(--d);color:#cfe0ff;font-size:12px;padding:7px 0}.ims .top .w{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.ims .hd{background:#fff;box-shadow:0 2px 12px rgba(10,31,68,.08);position:sticky;top:0;z-index:50}
.ims .hd .w{display:flex;align-items:center;justify-content:space-between;height:74px;gap:16px}
.ims .logo img{height:46px;width:auto;display:block}.ims .logo .custom-logo{max-height:50px;width:auto}
.ims .hd nav ul{display:flex;gap:26px;list-style:none;margin:0;padding:0;font-size:14px;font-weight:500}.ims .hd nav a:hover,.ims .hd nav .current-menu-item a{color:var(--b)}
.ims .callbtn,.ims .callbox{display:flex;align-items:center;gap:10px;background:var(--b);color:#fff!important;padding:9px 18px;border-radius:8px;font-weight:600;font-size:14px;white-space:nowrap;line-height:1.2}
.ims .callbtn small,.ims .callbox small{display:block;font-size:10px;font-weight:400;opacity:.85}
.ims .callbox{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.25)}
.ims .burger{display:none;background:none;border:0;font-size:26px;cursor:pointer;color:var(--d)}
.ims .btn{display:inline-block;background:var(--b);color:#fff!important;padding:12px 26px;border-radius:8px;font-weight:600;font-size:14px;border:0;cursor:pointer;font-family:inherit}
.ims .btn.o{background:#fff;color:var(--d)!important}.ims .btn:hover{opacity:.9}
.ims .hero{background-size:cover;background-position:center;color:#fff;padding:90px 0 120px}
.ims .badge{display:inline-block;background:rgba(77,163,255,.18);border:1px solid rgba(77,163,255,.45);color:#9fd0ff;font-size:11px;letter-spacing:1px;padding:5px 12px;border-radius:5px;margin-bottom:18px}
.ims .hero h1{color:#fff;font-size:46px;line-height:1.15;max-width:640px;font-weight:700}.ims .hero h1 span{color:#4da3ff}
.ims .hero p{max-width:540px;margin:18px 0 26px;color:#d6e4ff}.ims .hero .tr{display:flex;gap:26px;flex-wrap:wrap;margin-top:34px;font-size:13px;color:#e6efff}
.ims .stats{margin-top:-50px;position:relative;z-index:5}.ims .sb{background:#fff;border-radius:12px;box-shadow:0 10px 30px rgba(10,31,68,.12);display:grid;grid-template-columns:repeat(4,1fr);padding:22px 10px}
.ims .s{text-align:center;border-right:1px solid #e3eaf5;padding:0 8px}.ims .s:last-child{border:0}.ims .s strong{display:block;font-size:28px;color:var(--b);line-height:1.2}.ims .s span{font-size:13px;color:#667}
.ims section{padding:64px 0}.ims .alt{background:var(--l)}
.ims .hh{text-align:center;margin-bottom:34px}.ims .hh em,.ims .eb{font-style:normal;color:var(--b);font-size:12px;letter-spacing:2px;font-weight:600;text-transform:uppercase;display:block}
.ims .hh h2,.ims .ar h2{font-size:30px;margin:6px 0;font-weight:700}.ims .hh p,.ims .mut{color:#667;max-width:640px;margin:0 auto}.ims .mut{margin:6px 0 0}
.ims .hh.left{text-align:left;margin:0}.ims .hh.left p{margin:0}.ims .bl{color:var(--b)}
.ims .hh.gh{display:flex;justify-content:space-between;align-items:flex-end;text-align:left;gap:16px}.ims .hh.gh p{margin:0}
.ims .arr{display:flex;gap:8px}.ims .arr button{width:36px;height:36px;border-radius:50%;border:1px solid #cfdcf0;background:#fff;font-size:20px;cursor:pointer;color:var(--d)}.ims .arr button:hover{background:var(--b);color:#fff}
.ims .g6{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.ims .g5{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.ims .g3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ims .c-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px rgba(10,31,68,.08);display:block;transition:.25s}.ims .c-card:hover{transform:translateY(-5px)}
.ims .c-card img,.ims .ph{width:100%;height:125px;object-fit:cover;display:block;background:linear-gradient(135deg,#dbe8fb,#bcd3f5)}.ims .g3 .c-card img,.ims .g3 .ph{height:170px}
.ims .c-b{padding:14px}.ims .ct{display:flex;align-items:center;gap:8px;margin-bottom:6px}.ims .c-b h4{font-size:13.5px;line-height:1.3}.ims .c-b p{font-size:12px;color:#667;min-height:54px}.ims .c-b b{color:var(--b);font-size:12px;display:block;margin-top:8px}
.ims .ic{display:inline-flex;width:30px;height:30px;border-radius:7px;background:#e6f0ff;align-items:center;justify-content:center;font-size:15px;flex:none}
.ims .ic.big{width:42px;height:42px;border-radius:50%;font-size:19px;color:var(--b);font-weight:700}
.ims .why{display:grid;grid-template-columns:1fr 1fr 360px;gap:34px;align-items:center}.ims .why>img,.ims .why>.ph{width:100%;height:470px;object-fit:cover;border-radius:12px}
.ims .why ul{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:18px}.ims .why li{display:flex;gap:14px}.ims .why li h4{font-size:15px}.ims .why li p{font-size:13px;color:#667}
.ims .fm{background:#fff;padding:26px;border-radius:12px;box-shadow:0 10px 30px rgba(10,31,68,.14);display:grid;gap:12px}.ims .fm h3{font-size:17px;color:var(--b)}
.ims .fm input,.ims .fm select,.ims .fm textarea{width:100%;padding:12px;border:1px solid #d5dfee;border-radius:8px;font:inherit;font-size:13px;background:#fff}
.ims .sc{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}.ims .sc::-webkit-scrollbar{display:none}
.ims .gal img{flex:0 0 calc(20% - 13px);height:170px;object-fit:cover;border-radius:10px;scroll-snap-align:start}
.ims .tg .t{flex:0 0 calc(33.333% - 11px);scroll-snap-align:start;background:#fff;padding:22px;border-radius:12px;box-shadow:0 4px 16px rgba(10,31,68,.08);font-size:14px;border:1px solid #e8eef8}
.ims .who{display:flex;gap:12px;align-items:center;margin-bottom:8px}.ims .who small{display:block;color:#889;font-size:12px}.ims .av{width:42px;height:42px;border-radius:50%;background:var(--b);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600}
.ims .st{color:#f5a623;letter-spacing:2px;margin-bottom:6px}
.ims .ar{display:grid;grid-template-columns:1fr 1.2fr;gap:36px;align-items:center}.ims .ar iframe{width:100%;height:340px;border:0;border-radius:12px}
.ims .chips{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 22px}.ims .chips span{background:#fff;border:1px solid #d5e3f7;color:var(--d);font-size:12px;padding:6px 12px;border-radius:20px}
.ims footer{background:#071730;color:#9db3d6;font-size:13px}
.ims .cta{background:var(--d);border-bottom:1px solid #16294d;padding:28px 0}.ims .cta .w{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.ims .cta h3{color:#fff;font-size:22px}.ims .cta p{color:#9db3d6;font-size:13px}.ims .ctr{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.ims .fg{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1.5fr;gap:28px;padding-top:44px;padding-bottom:30px}
.ims .flogo{background:#fff;display:inline-block;padding:8px 12px;border-radius:8px;margin-bottom:12px}.ims .flogo img{display:block;height:36px;width:auto}
.ims footer h5{color:#fff;font-size:15px;margin:0 0 14px}.ims .fg a{display:block;margin-bottom:8px}.ims .fg a:hover,.ims .cp a:hover{color:#fff}.ims .fg p{margin-bottom:8px}
.ims .soc{display:flex;gap:8px;margin-top:14px}.ims .soc a{width:32px;height:32px;border-radius:50%;background:#12274d;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;margin:0}
.ims .cp{border-top:1px solid #16294d;padding:16px 0;font-size:12px}.ims .cp .w{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.ims .cp a{display:inline;margin-left:16px}
.ims .wa{position:fixed;right:18px;bottom:18px;background:#25d366;color:#fff;width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;z-index:99;box-shadow:0 6px 18px rgba(0,0,0,.25)}
.ims .pg{padding:50px 20px;min-height:50vh}.ims .pg h1{font-size:32px;margin-bottom:18px}.ims .pg img{max-width:100%;height:auto}.ims .pg .post{margin-bottom:30px}
@media(max-width:1100px){.ims .g6,.ims .g5{grid-template-columns:repeat(3,1fr)}.ims .why{grid-template-columns:1fr}.ims .why>img,.ims .why>.ph{height:300px}.ims .ar{grid-template-columns:1fr}.ims .fg{grid-template-columns:1fr 1fr}.ims .gal img{flex-basis:calc(33.333% - 11px)}.ims .tg .t{flex-basis:calc(50% - 8px)}.ims .g3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.ims .hd nav{display:none;position:absolute;left:0;right:0;top:74px;background:#fff;padding:12px 20px;box-shadow:0 8px 16px rgba(0,0,0,.1)}.ims .hd.open nav{display:block}.ims .hd nav ul{flex-direction:column;gap:12px}.ims .burger{display:block}.ims .callbtn small{display:none}}
@media(max-width:600px){.ims .hero h1{font-size:30px}.ims .hero{padding:60px 0 90px}.ims .g6,.ims .g5,.ims .g3{grid-template-columns:repeat(2,1fr)}.ims .sb{grid-template-columns:repeat(2,1fr);gap:16px}.ims .s:nth-child(2){border:0}.ims .fg{grid-template-columns:1fr}.ims .gal img{flex-basis:70%}.ims .tg .t{flex-basis:88%}.ims .top .w span:last-child{display:none}.ims .callbtn span:last-child{font-size:12px}.ims .g3{grid-template-columns:1fr}}

.ims .hero{position:relative;overflow:hidden;background-position:right center}.ims .hero .w{position:relative;z-index:2}.ims .himg{position:absolute;right:4%;top:50%;transform:translateY(-50%);max-height:90%;max-width:42%;z-index:1;object-fit:contain}
.ims .sb .s{display:flex;align-items:center;justify-content:center;gap:12px;text-align:left}.ims .si{width:46px;height:46px;border-radius:50%;background:#e6f0ff;display:flex;align-items:center;justify-content:center;font-size:21px;flex:none;color:var(--b)}
.ims .s strong{font-size:26px}.ims .s div span{display:block}
.ims .mapimg{width:100%;height:340px;object-fit:cover;border-radius:12px;display:block}
.ims img.av{object-fit:cover;background:#dbe8fb}
.totop{position:fixed;right:20px;bottom:84px;width:42px;height:42px;border-radius:50%;background:var(--b,#1565e0);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;text-decoration:none;z-index:98;box-shadow:0 6px 16px rgba(0,0,0,.25)}
@media(max-width:800px){.ims .himg{display:none}}
@media(max-width:600px){.ims .sb .s{justify-content:flex-start;border:0}}