body { color:#000; font-family:Inter !important; font-weight:normal !important; }
:root { --main-color:#e4b123; --main-color-1:#232e5e; }
a, i, button, .serv-box, .serv-icon { outline:none; text-decoration:none; transition:all ease 0.5s; -webkit-transition:all ease 0.5s; }
ul { list-style:none; margin:0; padding:0; }
img { height:auto; object-fit:cover; width:auto; }
h1, h2, h3, h4, h5, h6 { font-family:Adamina !important; }
p { color:#6E6E6E; line-height:1.7; margin:0 0 12px;font-size: 16px; }

header { background-color:#fff; position:sticky; top:0; transition:all 500ms; z-index:111; }
header.sticky { box-shadow:0 4px 25px 0 rgba(0,0,0,0.08); }
header .col-lg-2, header .col-lg-10 { align-self:center; }
.top-head { background-color:var(--main-color); font-size:17px; padding:8px 0; }
.top-head a { color:#fff; font-size:14px; } 
.top-head a i { font-size:16px; padding-right:4px; }
.top-head a:hover, .product-sec.dd .pro-box a:hover, .read_more:hover, .blog-list p a { color:var(--main-color-1); }
.logo { width:190px; }	

.social-icon { display:flex; justify-content:end; gap:12px; }
.social-icon li i, .social-icon span { align-items:center; background-color:var(--main-color-1); border-radius:50%; color:#fff; display:flex; font-size:18px; height:32px; justify-content:center; padding:0; width:32px; }
.social-icon span img { height:18px; filter:brightness(0) invert(1); }
.social-icon span:hover img { filter:none; }
.social-icon li i:hover, .social-icon span:hover, .price-box.dd .sch-btn { background-color:#fff !important; color:var(--main-color-1); }
.free-btn { border:2px solid var(--main-color-1); color:var(--main-color-1); display:inline-block; font-size:17px; font-weight:500; padding:7px 18px; }
.free-btn:hover { background-color:var(--main-color-1); border:2px solid var(--main-color-1); color:#fff; }

/**** Navbar CSS Start Here ****/
header .navbar, header .navbar-toggler { padding:0; }
header .navbar-expand-md .navbar-nav .nav-link { color:var(--main-color-1); font-size:16px; font-weight:500; margin:30px 20px; padding:4px 0; position:relative; }
header .dropdown-menu { border:none; border-radius:0; min-width:max-content; padding:0; }
header .dropdown-menu li a { border-bottom:1px solid #e2e2e2; color:var(--main-color-1); display:block; font-size:15px; padding:10px 18px; }
header .dropdown-menu li:last-child a { border-bottom:none; }
header .navbar-expand-md .navbar-nav .nav-link:hover, header .navbar-nav .nav-link:focus, header .navbar-nav .dropdown:hover .nav-link, header .navbar-nav .dropdown > .dropdown-toggle.show, header .navbar-nav .dropdown-menu li a:hover, header .navbar-nav .dropdown-toggle[aria-expanded="true"], .main h1 strong, .main h2 strong, .help-sec h2 strong, footer li a:hover, .service-sec h2 strong, .step-sec h2 strong, .cont-sec h2 strong, .cont-sec p a:hover, .contact-sec h2 strong, .process-sec h2 strong, .choose-sec h2 strong, .blog-list li:hover p a, .readMore { color:var(--main-color); }
/**** Navbar CSS End Here ****/

.main .w-100 { height:650px; }
.main .carousel-caption { bottom:0; display:flex; flex-direction:column; left:0; justify-content:center; padding:0; right:0; text-align:left; top:0; z-index:0; }
.main .carousel-caption::before { background-color:rgba(0,0,0,0.5); bottom:0; content:''; left:0; position:absolute; right:0; top:0; z-index:-1; }
.main .carousel-control-prev, .main .carousel-control-next { opacity:1; width:5%; z-index:1; }
.main h1, .main h2 { color:#fff; font-size:52px; font-weight:900; line-height:1.3; margin:0 0 20px; }
.main p { color:#fff; font-size:18px; line-height:1.8; margin:0 0 30px; }
.see-btn { background-color:var(--main-color); color:#fff; display:inline-block; font-size:16px; font-weight:500; padding:9px 0; text-align:center; text-transform:uppercase; width:200px; }
.see-btn:hover, .sch-btn:hover, .price-box.dd .sch-btn:hover { background-color:var(--main-color-1) !important; color:#fff !important; }
.see-btn img { margin:-3px 4px 0 0; transition:all ease 0.5s; -webkit-transition:all ease 0.5s; width:0; }
.see-btn:hover img { width:38px; }

.banner-icon { background-color:var(--main-color-1); padding:55px 0 28px; }
.banner-icon .col-lg-4, .cont-sec .col-xl-3, .process-sec .col-lg-3, .experience-sec .col-lg-3 { margin:0 0 12px; }
.ban-txt { display:flex; gap:20px; }
.ban-txt img, .choose-box img, .cont-icon img, .process-icon img { height:45px; }
.ban-txt h2 { color:#fff; font-family:Inter !important; font-size:20px; margin:0 0 15px; }

.about-sec { padding:140px 0 110px; }
.about-img { height:100%; margin:0 22px 22px 0; position:relative; }
.about-img img, .blog-list li a { height:100%; }
.about-img::before { background-color:#f1f1f1; bottom:22px; content:''; left:22px; position:absolute; right:-22px; top:-22px; z-index:-1; }
.about-sec h2, .service-sec h2, .service-sec h4, .product-sec h2, .why-sec h2, .gallery-sec h2, .client-sec h2, .help-sec h2, .about-icon h2, .step-sec h2, .choose-sec h2, .cont-sec h2, .contact-sec h2, .process-sec h2, .price-sec h2, .install-sec h2, .faq-sec h2 { color:var(--main-color-1); font-size:40px; font-weight:900; line-height:1.4; margin:10px 0 15px; }
.about-sec h3, .service-sec h3, .product-sec h3, .why-sec h3, .gallery-sec h3, .client-sec h3, .about-icon h3, .choose-sec h3, .experience-sec h2, .price-sec h3, .install-sec h3, .faq-sec h3 { color:var(--main-color); font-size:18px; font-weight:700; letter-spacing:1.8px; line-height:1.5; margin:0; text-transform:uppercase; }
.about-sec ul { display:flex; gap:25px; padding:18px 0 0; }
.about-sec li { color:var(--main-color-1); font-size:18px; font-weight:600; text-align:center; width:33.33%; }
.about-sec li img { display:block; height:60px; margin:0 auto 12px; }
.about-sec.dd-1 .col-lg-6:first-child { padding-right:22px; }
.about-sec.dd-1 .w-100, .install-sec .w-100 { border-radius:12px 80px 12px 12px; box-shadow:10px 10px 0 0 rgba(25,122,197,0.15); height:100%; }

.ban-txt p, .serv-box:hover h4, .serv-box:hover p, .why-sec h2, .why-sec .col-xl-8 p, .price-box.dd h3, .price-box.dd h4, .price-box.dd h5, .price-box.dd li, .price-box.dd p, .smart-sec.dd li, .sch-btn.dd:hover { color:#fff; }

.service-sec { padding:90px 0; text-align:center; }
.service-sec .col-xl-3, .service-sec .col-xl-4, .product-sec .col-lg-4, .why-sec .col-xl-3, .gallery-sec .col-lg-4, .gallery-sec .col-lg-6, .about-icon .col-lg-3, .feature-icon .col-lg-3, .choose-sec .col-xl-3 { margin:0 0 24px; }
.service-sec h2, .product-sec h2, .about-icon h2 { margin:12px 0 50px; }
.service-sec h4 { font-size:24px; line-height:1.5; margin:25px 0 0; }
.serv-box {background: #fff;border:2px solid #f0f0f0; border-radius:10px; height:100%; padding:32px 15px; }
.serv-box:hover { background-color:var(--main-color-1); border:2px solid var(--main-color-1); }
.serv-icon, .choose-icon { align-items:center; background-color:#ececec; border:1px solid #ddd; border-radius:50%; display:flex; height:100px; justify-content:center; margin:0 auto; width:100px; }
.serv-icon img, .fea-icon img { height:58px; }
.serv-box:hover .serv-icon, .why-box:hover .serv-icon, .price-box.dd { background-color:var(--main-color); border:1px solid var(--main-color); }
.serv-box:hover img, .why-box:hover img { filter:brightness(0) invert(1); }
.serv-box p { color:var(--main-color-1); margin:14px 0 0; }
.service-sec.dd h4 { font-family:Inter !important; font-size:20px; font-weight:600; }

.product-sec { background-color:#f8f3ed; padding:90px 0; text-align:center; }
.pro-box { height:100%; overflow:hidden; position:relative; }
.pro-box img { transition:all 0.5s ease; -webkit-transition:all 0.5s ease;height: 380px; }
.pro-box:hover img { transform:scale(1.1) rotate(4deg); -webkit-transform:scale(1.1) rotate(4deg); }
.pro-box h4 { background-color:rgba(35,46,94,0.8); bottom:0; color:#fff; font-family:Inter !important; font-size:18px; font-weight:600; left:0; letter-spacing:0.5px; margin:0; padding:14px 10px; position:absolute; right:0; text-transform:uppercase; }
.pro-box p { margin:8px 18px 0; }
.product-sec.dd { background-color:transparent; }
.product-sec.dd h2 { margin:12px 0 18px; }
.product-sec.dd .pro-box h4 { background-color:transparent; color:var(--main-color-1); font-size:22px; font-weight:700; margin:20px 18px 0; padding:0; position:unset; text-transform:none; }
.product-sec.dd .pro-box { border:1px solid var(--main-color); border-radius:8px; padding:0 0 20px; text-align:left; }
.product-sec.dd .pro-box a { color:var(--main-color); display:inline-block; font-weight:600; margin:8px 18px 0;font-size: 16px; }
.pro-img { overflow:hidden; }
.pro-img img { height:320px !important; }

.why-sec { background-color:var(--main-color-1); padding:90px 0; text-align:center; }
.why-sec .col-xl-8 p, .gallery-sec .col-xl-5 p, .client-sec .col-lg-6 p, .product-sec.dd .col-xl-6 p, .process-sec .col-lg-6 p, .price-sec .col-xl-6 p { margin:0 0 45px; }
.why-box { background-color:#fff; border-radius:10px; height:100%; padding:40px 18px 25px; }
.why-box h4 { color:var(--main-color-1); font-family:Inter !important; font-size:22px; font-weight:600; margin:25px 0 15px; }

.gallery-sec { padding:90px 0; text-align:center; }
.gallery-sec  img { border-radius:10px; cursor:pointer; height:300px; }
.gallery-sec .free-btn { font-size:15px; font-weight:600; margin:30px 0 0; padding:9px 20px; text-transform:uppercase; }

.gallery-sec .nav-tabs { border-bottom:none; gap:5px; justify-content:center; }
.gallery-sec .nav-tabs li a { background-color:var(--main-color-1); border-radius:5px; color:#fff; display:inline-block; font-size:15px; font-weight:500; padding:10px 15px; }
.gallery-sec .nav-tabs li .active, footer .social-icon i, footer .social-icon span { background-color:var(--main-color); }
.gallery-sec .tab-content { padding:25px 0 0; }
.gallery-sec .tab-content ul { display:flex; flex-wrap:wrap; }
.gallery-sec .tab-content li { padding:7px; width:25%; }

.help-sec { background-image:url(../images/help-bg.webp) !important; background-position:top center; background-size:cover; border-radius:25px; box-shadow:10px 10px 0 0 rgba(25, 122, 197, 0.15); margin:0 0 100px; overflow:hidden; padding:90px 12%; position:relative; text-align:center; z-index:1; }
.help-sec::before, footer::before { background-color:rgba(35,46,94,0.8); bottom:0; content:''; left:0; position:absolute; right:0; top:0; z-index:-1; }
.help-sec h2, .step-sec h2, .choose-sec h2 { color:#fff; line-height:1.4; margin:0 0 25px; }
.help-sec p { color:#fff; font-size:22px; font-weight:400; line-height:1.8; margin:0 0 38px; }
.sch-btn { background-color:var(--main-color) !important; border:none !important; box-shadow:0px -3px 0 0 rgba(0,0,0,0.25) inset !important; border-radius:30px; color:#fff; display:inline-block; font-size:17px; font-weight:500; margin:0 12px 12px 0; padding:13px 20px !important; text-align:center; }
.sch-btn img { margin:-4px 4px 0 0; }
.sch-btn.dd { color:#000; margin:35px 0 0; }
.call-btn { border:2px solid #fff; border-radius:30px; color:#fff; display:inline-block; font-size:17px; font-weight:500; padding:11px 20px; }
.call-btn:hover { background-color:var(--main-color); border:2px solid var(--main-color); color:#fff; }

.client-sec { background-image:url(../images/client-bg.webp) !important; background-position:center center; background-size:cover; padding:90px 0; text-align:center; }
.client-box { background-color:#fff; border-radius:18px; box-shadow:0 10px 15px -3px rgba(0,0,0,0.10), 0 4px 6px -4px rgba(0,0,0,0.10); height:100%; padding:40px 35px; text-align:left; }
.client-box h4 { color:var(--main-color-1); font-family:Inter !important; font-size:14px; margin:0; }
.client-box h4 strong { color:var(--main-color); display:block; font-size:17px; font-weight:500; padding:0 0 8px; }
.client-box i { color:var(--main-color); font-size:17px; margin:0 6px 18px 0; }
.client-img { align-items:center; border-top:1px solid #f3f4f6; display:flex; gap:12px; padding:18px 0 0; }
.client-pic { align-items:center; background-color:var(--main-color); border:1px solid var(--main-color); border-radius:50%; color:#fff; display:flex; font-size:22px; font-weight:600; height:50px; justify-content:center; overflow:hidden; width:50px; }
.client-box .quote-icon { color:var(--main-color-1); display:block; font-size:30px; margin:0 0 12px; }
.owl-dots { align-items:center; display:flex; justify-content:center; margin-top:20px; gap:10px; }
.owl-dots button { background-color:#D1D5DC !important; border-radius:50%; height:8px; width:8px; }
.owl-dots button.active { background-color:var(--main-color-1) !important; border-radius:32px; height:8px; width:32px; }

footer { background-image:url(../images/footer-bg.webp) !important; background-size:cover; padding:60px 0 0; position:relative; z-index:0; }
.foot-logo { width:240px; }
footer .social-icon { justify-content:start; margin:12px 0 0; }
footer h2 { color:#fff; font-size:24px; font-weight:700; margin:18px 0 22px; }
footer p { color:#fff; margin:40px 0 15px; }
footer li { padding:0 0 12px; }
footer li a { color:#fff; font-size:16px; word-break:break-word; }
.cont-list li { align-items:center; display:flex; gap:12px; font-family:Inter !important; line-height:1.6; padding:0 0 16px; }
.cont-list li strong { font-weight:normal; }
.cont-list li img { margin-top:4px; }
.copy-txt { background-color:var(--main-color); margin:45px 0 0; padding:10px 0; text-align:center; }
.copy-txt h6 { align-items:center; color:#fff; display:flex; font-family:Inter !important; font-size:14px; font-weight:normal; justify-content:space-between; margin:0; text-align:center; }
.copy-txt h6 span { display:inline-block; }
.copy-txt h6 img { margin-left:5px; width:160px; }

/******************** about-us page CSS ********************/
.inner-banner { position:relative; z-index:0; }
.inner-banner::before, .smart-sec::before, .step-sec::before, .choose-sec::before { background-color:rgba(0,0,0,0.6); bottom:0; content:''; left:0; position:absolute; right:0; top:0; }
.inner-banner img { height:400px; }
.inner-banner h1 { color:#fff; font-size:48px; font-weight:800; margin:0; }
.inner-banner p { color:#fff; font-size:22px; font-weight:500; margin:12px 0 0; }
.inner-txt { align-items:center; bottom:0; display:flex; flex-direction:column; justify-content:center; left:0; position:absolute; right:0; text-align:center; top:0; }

.about-icon, .about-sec.dd-1 { padding:90px 0 0; }
.about-icon .col-lg-12, .choose-sec.dd, .srvc_txt h3 { text-align:center; }
.about-icon img { height:70px; }
.about-icon h4 { color:#000; font-family:Inter !important; font-size:24px; font-weight:600; margin:24px 0 10px; }
.about-icon p { font-size:16px; margin:0; }

.about-sec.dd { padding:60px 0 90px; }
.about-sec video, .service-txt video { object-fit:cover; }
.about-sec .free-btn { margin:22px 10px 10px 0; }
.about-sec .sch-btn { border-radius:0; margin:22px 0 0; padding:10px 18px; }

.smart-sec { background-image:url(../images/smart-bg.webp) !important; background-position:bottom right; background-size:cover; margin:0 0 80px; padding:110px 0; position:relative; z-index:0; }
.smart-sec::before { z-index:-1; }
.smart-sec h2 { color:#fff; font-family:Inter !important; font-size:45px; font-weight:800; margin:0; }
.smart-sec p { color:#fff; font-size:20px; margin:20px 0 0; }
.smart-sec.dd { background-image:url(../images/LULA-bg.webp) !important; margin:90px 0; padding:80px 0; }\
.smart-sec.dd::before { background-color:rgba(0,0,0,0.85); }
.smart-sec.dd ul { padding-top:18px; }

.choose-sec { background-attachment:fixed; background-image:url(../images/choose-bg.webp) !important; background-position:top center; background-size:cover; margin:0 0 90px; padding:90px 0; position:relative; z-index:0; }
.choose-sec::before, .step-sec::before { background-color:rgba(0,0,0,0.8); z-index:-1; }
.choose-sec .col-xl-7 .col-xl-6 { margin:12px 0; }
.choose-sec h3 { font-size:14px; line-height:1.8; margin:0 0 15px; }
.choose-sec p, .step-sec p { color:#fff; font-size:18px; margin:0 0 20px; }
.choose-box { background-color:#111; border:1px solid rgba(255,255,255,0.1); border-radius:8px; height:100%; padding:25px; }
.choose-box h4 { color:#fff; font-family:Inter !important; font-size:22px; font-weight:600; margin:18px 0 8px; }
.choose-box p { margin:0; }

.choose-sec.dd .col-lg-12 { padding-bottom:35px; }
.choose-sec.dd h4 { color:var(--main-color); line-height:1.5; margin-top:0; }
.choose-sec.dd .choose-box { border-radius:18px; padding:25px 20px; }
.choose-sec.dd .sch-btn { margin:30px 12px 0; }
.choose-icon { background-color:#2a2010; border:1px solid var(--main-color); height:85px; margin:0 auto 20px; width:85px; }

.install-sec { padding:90px 0; }
.install-sec h4 { color:var(--main-color); font-family:Inter !important; font-weight:600; margin:0 0 15px; }
.install-sec p strong { background-color:var(--main-color-1); border-radius:8px; color:#fff; display:inline-block; font-weight:500; padding:8px 18px; }
.install-sec p b { color:var(--main-color-1); font-weight:600; }

/******************** service page CSS ********************/
.feature-icon { margin:-50px 0 70px; position:relative; }
.fea-box { background-color:#f8f3ed; border:1px solid #ddd; border-radius:40px 5px 40px 5px; height:100%; padding:30px 20px; transition:all 500ms; }
.fea-box:hover { opacity:0.9; transform:scale(1.05); }
.fea-icon { align-items:center; border:2px solid var(--main-color-1); border-radius:50%; display:flex; height:90px; justify-content:center; width:90px; }
.fea-box h2 { color:var(--main-color-1); font-family:Inter !important; font-size:20px; font-weight:600; line-height:1.4; margin:18px 0 0; }

.service-txt h2 { color:var(--main-color-1); font-size:40px; font-weight:900; margin:0 0 30px; }
.service-txt li { background-image:url(../images/arrow3.png) !important; background-position:left 2px; background-repeat:no-repeat; background-size:20px; color:#6E6E6E; padding:0 0 10px 34px; }

.step-sec { background-image:url(../images/step-bg.webp) !important; background-position:center center; background-size:cover; padding:90px 0; position:relative; z-index:0; }
.step-sec h3 { color:#fff; font-family:Inter !important; font-size:26px; font-weight:600; margin:0 0 16px; }
.step-sec ul { border-left:1px solid rgba(255,255,255,0.3); }
.step-sec li { padding:0 0 28px 35px; position:relative; }
.step-sec li strong { color:rgba(228,177,35,0.3); font-size:80px; left:0; line-height:0.8; position:absolute; top:0;font-weight: bold; }
.step-sec li::before { background-color:var(--main-color); border-radius:50%; content:''; height:12px; left:-6px; position:absolute; top:8px; width:12px; z-index:1; }
.step-sec li::after { background-color:rgba(255,255,255,0.9); border-radius:50%; content:''; height:20px; left:-10px; position:absolute; top:4px; width:20px; }
.step-sec li:last-child { padding-bottom:0; }
.step-sec li p { color:#fff; font-size:16px; margin:0; }

.process-sec { padding:80px 0 60px; text-align:center; }
.process-sec h3 { color:var(--main-color-1); font-size:24px; font-weight:900; margin:0 0 10px; }
.process-icon { align-items:center; background-color:var(--main-color); border-radius:50%; box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1); color:#fff; display:flex; font-family:Inter !important; font-weight:700; height:80px; justify-content:center; margin:0 auto 20px; width:80px; }

.experience-sec { background-color:#f8f3ed; margin:90px 0 0; padding:90px 0 65px; text-align:center; }
.experience-sec .col-lg-8 p { font-size:20px; margin:10px 0 45px; }
.experience-sec h3 { color:var(--main-color-1); font-family:Inter !important; font-size:18px; font-weight:600; line-height:1.4; margin:18px 0 10px; }
.experience-sec img { border:1px solid var(--main-color); border-radius:10px; height:200px; padding:2px; }

/******************** contact-us page CSS ********************/
.cont-sec { padding:75px 0 40px; text-align:center; }
.cont-icon { align-items:center; background-color:var(--main-color-1); border-radius:50%; display:flex; height:100px; justify-content:center; margin:0 auto 22px; width:100px; }
.cont-sec h3 { color:var(--main-color); font-family:Inter !important; font-size:20px; font-weight:500; letter-spacing:0.5px; line-height:1.5; margin:0 0 8px; }
.cont-sec .col-xl-6 p, .process-sec .col-lg-6 p { font-size:18px; margin:0 0 45px; }
.cont-sec p a { color:#6E6E6E; }

.contact-sec { background-color:#f8f3ed; padding:90px 0; }
.contact-sec .client-box { height:auto; margin:30px 0 0; padding:30px; }
.contact-sec .client-box p, .testimonial-sec .client-box p { font-size:16px; }
.contact-sec .client-box h4 { padding-left:45px; position:relative; }
.contact-sec .client-box h4::before { background-color:var(--main-color); content:''; height:3px; left:0; position:absolute; top:8px; width:35px; }

.cont-box { background-color:#fff; border-radius:18px; box-shadow:0 10px 15px -3px rgba(0,0,0,0.10), 0 4px 6px -4px rgba(0,0,0,0.10); padding:30px; }
.cont-box h2 { font-family:Inter !important; font-size:28px; font-weight:700; margin:0 0 12px; }
.cont-box p { margin:0 0 28px; }
.in-box { margin:0 0 22px; }
.box { background-color:#f8fafc; border:1px solid #F2F2F2; border-radius:8px; color:#1B1A1A; font-size:15px; outline:none; padding:12px 16px; width:100%; }
.box:focus { border:1px solid var(--main-color); }
.box:focus::placeholder { color:transparent; }
.box::placeholder { color:#888; opacity:1; }
.cont-box select.box { background-image:url(../images/arrow4.png) !important; background-position:right center; background-repeat:no-repeat; background-size:auto; color:#888; -webkit-appearance:none; }
.cont-box .sch-btn { border:none; border-radius:8px; padding:10px 20px; width:100%;margin: 0; }

/******************** product page CSS ********************/
.price-sec { background-color:#f8f3ed; margin:0 0 90px; padding:90px 0 60px; text-align:center; }
.price-sec .col-xl-4 { padding:0 25px 50px; }
.price-box { background-color:#fff; border:1px solid #ccc; border-radius:20px; box-shadow:10px 10px 0 0 rgba(25,122,197,0.15); height:100%; overflow:hidden; padding:28px 22px 35px; }
.price-box h3 { align-items:center; color:var(--main-color-1); display:flex; font-family:Inter !important; font-size:22px; justify-content:space-between; letter-spacing:0; text-transform:none; }
.price-box h3 strong { background-color:var(--main-color-1); border-radius:30px; box-shadow:3px 5px 0 0 rgba(25,122,197,0.15); color:#fff; font-size:16px; font-weight:600; padding:5px 15px; }
.price-box h4, .price-box h5 { color:var(--main-color); font-family:Inter !important; font-size:18px; font-weight:600; line-height:1.4; margin:0 0 10px; text-align:left; }
.price-box h5 { color:var(--main-color-1); font-size:16px; margin:8px 0 0; }
.price-box p { margin:0 0 24px; text-align:left; }
.price-box ul { border-top:1px solid #ccc; margin:24px 0 0; padding:24px 0 8px; }
.price-box.dd ul { border-top:1px solid #fff; }
.price-box li, .smart-sec li, .install-sec li { color:rgba(0,0,0,0.60); font-size:16px; font-weight:500; padding:0 0 14px 32px; position:relative; text-align:left; }
.price-box li::before, .smart-sec li::before, .install-sec li::before { background-image:url(../images/check.svg) !important; background-size:100% 100%; content:''; height:21px; left:0; position:absolute; top:3px; width:20px; }
.price-box.dd h3 strong { box-shadow:3px 5px 0 0 rgba(255,255,255,0.30); }
.price-box.dd li::before { background-image:url(../images/check1.svg) !important; }
.price-box .sch-btn { border-radius:30px; margin:0; padding:10px 20px; text-transform:none; width:100%; }

/******************** testimonial page CSS ********************/
.testimonial-sec { padding:110px 0 10px; }
.testimonial-sec .client-box { border:2px solid var(--main-color); height:auto; margin:0 0 80px; padding:0 30px 30px; }
.testimonial-sec .client-pic { border:2px solid var(--main-color); height:100px; margin:-50px auto 0; width:100px; }

.cont-box form p {margin: 0 !important;position: relative;}
span.wpcf7-spinner { left:0; margin:0 auto; position:absolute; right:0; }
.page-id-497 .install-sec.dd, .page-id-582 .faq-sec, .page-id-582 .experience-sec, .page-id-582 .install-sec.dd, .page-id-588 .faq-sec, .page-id-588 .experience-sec, .page-id-588 .install-sec.dd, .page-id-591 .faq-sec, .page-id-591 .experience-sec, .page-id-591 .install-sec.dd, .page-id-601 .faq-sec, .page-id-601 .experience-sec, .page-id-601 .install-sec.dd { display:none; }
.page-id-497 .step-sec { margin:0 0 80px; }

.faq-sec { font-family:Inter !important; text-align:center; }
.faq-sec h2 { font-size:35px; margin:10px 0 50px; }
.faq-sec .card { background-color:#f7f7f7; border:none; border-radius:0; margin:0 0 22px; padding:0 35px 14px; text-align:left; }
.faq-sec .card-header { background-color:transparent; border:none; font-size:22px; padding:0; }
.faq-sec .card-header a { color:var(--main-color-1); display:block; padding:30px 30px 15px 0; position:relative; }
.faq-sec .card-header a::after { background-image:url(../images/arrow.png); bottom:0; content:""; height:9px; margin:auto 0; position:absolute; right:0; top:17px; width:18px; }
.faq-sec .card-header a[aria-expanded="true"]::after { background-image:url(../images/arrow1.png); top:0; }
.faq-sec .card-body { border-top:1px solid rgba(0,0,0,0.1); padding:12px 0; }
.faq-sec .card-body p { font-size:18px; line-height:1.8; margin:0; }

/* Blog page CSS Start here */
.paddTB_50 { padding:70px 0; }
.blog-card { background-color:#fff; border-radius:12px; box-shadow:0 1px 10px rgba(0,0,0,0.08); height:100%; overflow:hidden; transition:transform 0.3s ease; }
.blog-card:hover { box-shadow:0 12px 24px rgba(0,0,0,0.12); transform:translateY(-5px); }
.blog-card .featured-image { height:250px; width:100%; }
.blog-card .featured-image img { height:100%; width:100%; }
.blog-content { padding:1.8rem; }
.blog_badge { color:var(--main-color); font-size:14px; font-weight 600; margin-bottom:10px; text-transform:uppercase; }
.blog-content h3 a { color:var(--main-color-1); font-weight:600; }
.blog-content p { color:#4b4b4b; margin-bottom:1rem; }
.blog-meta { align-items:center; color:#777; display:flex; font-size:0.85rem; margin-bottom:1rem; gap:1rem; }
.blog-meta i { font-size:1rem; }
.read_more { color:var(--main-color); font-size:16px; }
.read_more i { font-size:14px; }
.pagi_nation ul{justify-content:center;display:flex;list-style: none;margin-top:40px}
.pagi_nation li:not(:last-child){margin-right:10px}
.pagi_nation span.page-numbers, .pagi_nation a.page-numbers{width:52px;height:52px;border:1px solid var(--main-color);border-radius:100%!important;display:flex;align-items:center;justify-content:center;color:var(--main-color)!important;font-size:16px;font-weight:500}
.pagi_nation .page-numbers.current,.pagi_nation a:hover{background:var(--main-color);border-color:var(--main-color);color:#fff!important}

.blog-img img { border-radius:12px; margin-bottom:20px; }
.blog-list { border:1px solid #e4e4e4; border-radius:12px; margin-bottom:20px; padding:30px; }
.blog-list h3 { font-weight:600; margin-bottom:20px; text-align:center; }
.blog-list li { align-items:center; background-color:#fff; border-radius:12px; box-shadow:0 1px 10px rgba(0, 0, 0, 0.08); display:flex; overflow:hidden; transition:transform 0.3s ease; }
.blog-list li:not(:last-child){margin-bottom: 25px;}
.blog-list li a img { height:100%; max-width:120px; min-width:120px; }
.blog-list p { margin:0; padding:10px; }

/* Blog page CSS End here */
.partner_sec { background-color:#f8f3ed; margin-bottom:50px; }
.partner_logo { background:#fff; border-radius:10px; display:block; padding:30px 10px; text-align:center; }
.partner_logo img { height:65px; max-width:100%; object-fit:contain; }
.thankYou h1 { margin:10px 0; }

.rank-math-html-sitemap { padding:50px 0; }
.rank-math-html-sitemap ul { padding:10px; }
.rank-math-html-sitemap ul li { font-size:16px; margin:0 0 5px; }
.srvc_img img { border-radius:20px; height:376px; object-fit:cover; object-position:center; }
.srvc_txt { margin-top:30px; }
.srvc_txt p, .readMore { font-size:16px; }

/******************** design-your-own-elevator page CSS ********************/
.lift-sec { padding:80px 0; }
.configurationImg { align-self:start; position:sticky !important; top:95px; width:45% !important; }
.configurationImg img { width:100%; }
.lift-main .dd { left:0; position:absolute; top:0; }
.head-txt { border-top:1px solid var(--main-color-1); color:var(--main-color-1); font-size:25px; font-weight:300; padding:18px 0 0; width:100%; }
.head-caption { color:#000; font-size:16px; margin:0 0 14px; width:100%; }
.cabconfigopts ul { display:flex; flex-wrap:wrap; gap:12px; margin:0 0 28px; }
.cabconfigopts button { background-color:transparent; border:2px solid #ccc; padding:0; }
.cabconfigopts button.active { border:2px solid var(--main-color-1); }
.cab-style-selection li button { background-color:var(--main-color-1); border:none; color:#fff; font-size:14px; padding:10px 18px; }
.cab-style-selection li .active { background-color:var(--main-color); border:1px solid var(--main-color); }

.lift-sec .modal-content { border-radius:0; }
.lift-sec .modal-header { background-color:var(--main-color-1); border-radius:0; padding:10px 15px; }
.lift-sec .modal-header h5 { color:#fff; font-weight:600; }
.lift-sec .close { background-color:transparent; border:none; color:var(--main-color); font-size:35px; font-weight:300; line-height:1; padding:0; }
.lift-sec .modal-body { padding:15px; }
.lift-sec table { border:1px solid #ccc; }
.lift-sec td { border-bottom:1px solid #ccc; border-left:1px solid #ccc; font-size:15px; padding:10px; }
.lift-sec td strong { font-weight:600; }
.lift-sec form { margin:25px 0 15px; text-align:center; }

.cta_box p {
    margin-bottom: 10px;
}
.whoSec .container .row:not(:last-child) {
    margin-bottom: 40px;
}
.whoSec ul {
    display: block;
    list-style: disc;
    padding: 0 0 0 20px;
    margin-bottom: 12px;
}
.whoSec ul li {
    text-align: left;
    margin-bottom: 5px;
    width: 100%;
}
/*.................. Home-Page-Media .................. */
@media (min-width:320px) and (max-width:767.98px){
header .free-btn { font-size:15px; margin:30px 0 0 15px; }	
.logo { margin:8px 0; width:165px; }
.top-head, header .free-btn.dd { display:none; }
.bottom-head .col-lg-2 { width:75%; }
.bottom-head .col-lg-10 { width:25%; }
.main .carousel-caption { padding:0 20px; text-align:center; }
.main .w-100 { height:500px; }
.main h1, .about-sec h2, .service-sec h2, .product-sec h2, .why-sec h2, .gallery-sec h2, .help-sec h2, .client-sec h2, .smart-sec h2, .choose-sec h2, .cont-sec h2, .process-sec h2, .price-sec h2, .main h2 { font-size:34px; }
.main p, .faq-sec .card-body p { font-size:16px; }
.about-sec ul { flex-direction:column; }
.about-sec li { width:100%; }
.help-sec { padding:65px 20px; }
.help-sec p, .inner-banner p, .smart-sec p, .faq-sec .card-header { font-size:18px; }
.client-sec .owl-stage { padding:0 0 40px; }
.copy-txt h6 { display:block; padding:10px 0; }
.copy-txt h6 span { display:block; padding-top:12px; }
.inner-banner img, .experience-sec img { height:300px; } 
.inner-banner h1 { font-size:33px; }
.about-icon { text-align:center; }
.feature-icon { margin:70px 0; }
.service-txt h2, .step-sec h2, .contact-sec h2, .install-sec h2 { font-size:30px; }
.service-txt video, .about-sec.dd-1 .w-100 { height:300px; }
.gallery-sec .tab-content li { width:100%; }
.faq-sec h2 { font-size:28px; }
.faq-sec .card-header a { padding:15px 20px 15px 0; }
.faq-sec .card { margin:0 0 15px; padding:0 15px; }
.faq-sec .card-header a::after { top:8px; }
	
.configurationImg { background-color:#fff; margin:0 0 30px; text-align:center; top:66px; width:100% !important; }
.configurationImg img { margin:0 auto; right:0; width:180px !important; }	
}

@media (min-width:320px) and (max-width:991.98px){
.mob-logo { margin:20px auto 30px; width:190px; }
.mob-logo img { width:100%; }
header .navbar-expand-md { justify-content:flex-end; padding:15px 0; }	
header .navbar-collapse { background-color:#fff; box-shadow:0 0 5px #999; height:100%; left:-15px; overflow-y:auto; position:fixed; top:0; transform:translateX(-100%); transition:0.3s cubic-bezier(0.55,0,0.1,1); width:280px; z-index:11; -webkit-transform:translateX(-100%); -webkit-transition:0.3s cubic-bezier(0.55,0,0.1,1); }
header .collapse.show { left:0; transform:translateX(0); -webkit-transform:translateX(0); } 
header .navbar-nav { display:block; padding:0 15px; }
header .navbar-toggler:focus { box-shadow:none; outline:none; }
header .navbar-toggler .icon-bar { background-color:var(--main-color-1); display:block; height:3px; margin:5px 0; outline:none; transition:all 500ms; width:25px; }
header .navbar-toggler:not(.collapsed) .icon-bar { position:relative; transition:all 300ms ease-in-out 0s; }
header .navbar-toggler:not(.collapsed) .icon-bar:nth-child(2) { top:9px; transform:rotate(45deg); }
header .navbar-toggler:not(.collapsed) .icon-bar:nth-child(3) { opacity:0; }
header .navbar-toggler:not(.collapsed) .icon-bar:last-child { top:-7px; transform:rotate(-45deg); }
header .navbar-expand-md .navbar-nav .nav-link { align-items:center; display:flex; justify-content:space-between; }
header .navbar-expand-md .navbar-nav .nav-link, header .dropdown-menu li a { border-bottom:1px solid #e2e2e2; margin:0; padding:10px 0; }
header .dropdown-toggle { color:var(--main-color-1); cursor:pointer; font-size:13px; height:43px; padding:15px 0; position:absolute; right:0; text-align:right; top:0; width:30px; z-index:1; }
header .dropdown-toggle::after { display:none; }
header .dropdown-menu {	background-color:transparent; min-width:unset; padding-left:10px; }
.about-sec .col-lg-6:last-child, .service-txt .col-lg-6:last-child, .install-sec .col-lg-6:last-child { padding-top:40px; }
.step-sec .col-xl-6 { padding-top:15px; }
.contact-sec .col-xl-5 { order:2; padding-top:35px; }
.step-sec .sch-btn.dd { margin:35px 0 20px; }
}

@media (min-width:480px) and (max-width:991.98px){
.gallery-sec .tab-content li { width:50%; }
}

@media (min-width:768px){
header.sticky { top:-48px; }	
.top-head .col-lg-10 li { float:left; padding-right:15px; }
header .free-btn { margin-left:55px; }
header .navbar-expand-md .navbar-collapse .free-btn { display:none; }
.why-sec .row, .inner-banner .row, .gallery-sec .row, .client-sec .row, .process-sec .row, .product-sec .row, .cont-sec .row, .experience-sec .row:first-child, .price-sec .row, .testimonial-sec .row { justify-content:center; }
.client-box { background-color:rgba(255,255,255,0.8); }
.client-sec .owl-stage { display:flex; padding:40px 10px 70px; }
.client-sec .owl-item.active.center { margin:-40px 0; }
.client-sec .owl-item.active.center .client-box { background-color:#fff; }
.client-sec .owl-item.active.center .client-box .quote-icon { font-size:45px; }
.client-box p { font-size:14px; }
.client-sec .owl-item.active.center .client-pic { font-size:26px; height:65px; width:65px; }
.client-sec .owl-item.active.center .client-box p { font-size:18px; }
.client-sec .owl-nav button { background-color:#fff !important; background-image:url(../images/arrow1.svg) !important; background-position:center !important; background-repeat:no-repeat !important; background-size:12px !important; border-radius:50%; bottom:40px; font-size:0 !important; height:45px; left:-50px; margin:auto 0; position:absolute; top:0; width:45px; }
.client-sec .owl-nav .owl-next { background-image:url(../images/arrow2.svg) !important; left:auto; right:-50px; }
	
.lift-main { display:flex; gap:15px; }	
.cabconfigopts { width:55%; }
.lift-sec .modal-dialog {	max-width:700px; }	
}

@media (min-width:768px) and (max-width:991.98px){
header.smaller { top:-67px; }	
header .navbar-expand-md .navbar-toggler, header .navbar-expand-md .navbar-collapse { display:block !important; }
header .navbar-expand-md .navbar-nav .dropdown-menu { position:relative; }
header .navbar-expand-md .navbar-toggler { order:2; padding:0 0 0 15px; }
header .free-btn { margin:0 15px 0 0; }
.service-txt video, .about-sec.dd-1 .w-100 { height:400px; }
}

@media (min-width:992px){	
header .navbar-collapse { justify-content:end; }
header .navbar-expand-md .navbar-nav .nav-link { border-bottom:3px solid transparent; }
header .navbar-expand-md .navbar-nav .active .nav-link { border-bottom:3px solid var(--main-color); color:var(--main-color); }
header .collapse ul li:hover > .dropdown-menu { background-color:#fff; border-top:3px solid var(--main-color-1); box-shadow:0 0 2px #333; display:block; }
header .collapse ul ul { border-top:2px solid var(--main-color-1); box-shadow:0 0 2px #333; left:20px; min-width:258px; }
header .navbar-nav .dropdown-menu li a:hover { background-color:var(--main-color); color:#fff; }
header .dropdown-menu .dropdown .dropdown-menu { left:100%; margin-left:2px; top:0; }
header .navbar-nav .dropdown .dropdown-toggle::after, .mob-logo { display:none; }
header .navbar .dropdown i { color:var(--main-color-1); font-size:12px; position:absolute; right:0; top:39px; transition:none; -webkit-transition:none; }
header .navbar .dropdown:hover i, header .navbar-expand-md .navbar-nav .active .dropdown-toggle { color:var(--main-color); }
.about-sec .col-lg-6:last-child, .install-sec .col-lg-6:last-child { align-self:center; padding:30px 12px 30px 50px; }
.service-txt .col-lg-6:first-child { padding:30px 50px 30px 12px; }
.choose-sec .col-xl-7 { padding-left:60px; }
.feature-icon .col-lg-3, .experience-sec .col-lg-3, .process-sec .col-lg-3 { width:20%; }
.install-sec.dd .col-lg-6:first-child { order:2; }
.install-sec.dd .col-lg-6:last-child { padding:30px 50px 30px 12px; }
.install-sec.dd .w-100 { border-radius:80px 12px 12px 12px; box-shadow:-10px -10px 0 0 rgba(25,122,197,0.15); }
.whoSec .container .row:nth-child(even) > div:first-child {
    order: 1;
}
.whoSec .container .row > div:last-child {
    padding-left: 12px;
}
.whoSec .about-img {
    margin-right: 0;
}
}

@media (min-width:992px) and (max-width:1199.98px){
.logo { width:165px; }	
header .navbar-expand-md .navbar-nav .nav-link { font-size:14px; margin:30px 11px; }
header .navbar .dropdown i { font-size:10px; right:-2px; top:40px; }
header .collapse ul ul { left:11px; }	
header .free-btn { font-size:15px; margin-left:15px; padding:7px 14px; }
.main .carousel-caption { padding:0 50px; }
.about-sec .col-lg-6:last-child { padding-left:12px; }
.about-sec li { font-size:16px; }
.about-sec li img { height:45px; }
footer h2 { font-size:22px; }
.service-txt h2, .step-sec h2 { font-size:34px; }
.gallery-sec .tab-content li, .experience-sec .col-lg-3 { width:33.33%; }
}

@media (min-width:1200px){
.lift-main { gap:85px; }
}

@media (min-width:1200px) and (max-width:1399.98px){
header .navbar-expand-md .navbar-nav .nav-link { font-size:15px; margin:30px 14px; }
header .collapse ul ul { left:14px; }
header .navbar .dropdown i { right:-2px; }
.main .col-xl-6 { width:65%; }
.main .carousel-caption { padding:0 50px; }
.client-sec .owl-nav button { left:-30px; }
.client-sec .owl-nav .owl-next { right:-30px; }
.step-sec h2 { font-size:36px; }
}