html, body {overflow-x: hidden;}
html {overflow-y: scroll;}
body.modal-open,
body.modal-open .navbar,
body.modal-open .fixed-top,
body.modal-open .sticky-top {
padding-right: 0 !important;
}
/* ......................................................HOME.........................................................................*/
/* Navbar */
.navbar{background-color: #fff;}
.nav-item{font-family: "Inter", sans-serif;font-size: 15px;padding: 15px;}
.nav-link{color: black !important;}
.quote a{text-decoration: none;color: white;background-color: #EE8040;font-family: "Inter", sans-serif;font-size: 16px;padding: 10px 20px ;border-radius: 3px;}
.quote a:hover{background-color: #333;color: #fff;}
/* Banner */
/* .banner-bg{background-image: url(images/banner.jpg); background-size:cover;background-repeat: no-repeat;overflow: hidden;margin-top: 90px;}
.banner h2{font-size: 50px;font-weight: bold;font-family: "Libre Franklin", sans-serif;padding-top: 150px;padding-bottom: 15px; background: linear-gradient(to right, #000, #c7c7c7);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.banner p{font-size: 17px;font-family: "Inter", sans-serif;padding-bottom: 150px;margin-bottom: 0%;} */
.slide{margin-top: 50px;}
.carousel-caption{text-align:left !important;top:23% !important;right:13% !important;left: 13% !important;padding-bottom:0;margin-bottom:0;}
.slider-content h2{font-size: 45px;font-weight: bold;font-family: "Libre Franklin", sans-serif;padding-bottom: 15px;}
.slider-content p{font-size: 17px;font-family: "Inter", sans-serif;padding-bottom: 30px;margin-bottom: 0%;}
.points{margin-bottom: 20px;}
.points span{font-size: 17px;font-family: "Inter", sans-serif;}
.points i{background-color: #EE8040;border-radius: 100px;padding: 7px;color: #fff;font-size: 22px;}
/* Features */
.features{padding: 70px 70px;}
.icon-circle img{width: 130px;background-color: #f5f5f5;border-radius:50%;padding: 10px;}
.night-vision{width: 150px;}
.ftr-content{padding-top: 10px;}
.ftr-content h5{font-size: 20px;font-weight:700 ;font-family: "Inter", sans-serif;}
.ftr-content p{font-size: 15px;font-family: "Inter", sans-serif;}
/* Smart-security */
.smart-bg{background-color: #f5f5f5;overflow: hidden;}
.smart-container{padding: 20px;}
.smart-content{padding-left: 50px;padding-bottom: 30px;padding-top: 50px;}
.smart-content h3{font-size: 40px;font-family: "Libre Franklin", sans-serif;font-weight: bold;}
.smart-content p{font-size: 17px;font-family: "Inter", sans-serif;line-height: 25px;padding-right: 60px;padding-top: 20px;}
.slider-container {display: flex;align-items: center;justify-content: center;position: relative; padding: 20px 0 70px;width: 100%;
max-width: 100%;}
.nav-btn {background-color: #EE8040;color: #fff;font-size: 20px;padding: 10px;border: none;cursor: pointer;border-radius: 2px;z-index: 2;margin: 0 10px;flex-shrink: 0;}
.slider-window {overflow: hidden; width:100%;} /* 5 slides * 260px + 4 gaps * 10px = 1320px */
.slider-track {display: flex;transition: transform 0.5s ease;padding: 0 10px;}
.smart-slide {flex: 0 0 240px;height: 240px;background-size: cover;background-position: center;position: relative;overflow: hidden;}
.overlay {position: absolute;left: 0;right: 0;padding: 20px;color: #fff;bottom: 10px;}
.overlay h3 {font-size: 40px;font-weight:600;font-family: "Libre Franklin", sans-serif;padding-bottom: 75px;}
.overlay p {font-size: 20px;margin: 5px 0 0;font-weight: 600;line-height: 1.4;font-family: "Inter", sans-serif;}
/* Product */
.product {padding-top: 80px;}
.product-content h3 {font-size: 40px;font-weight: bold;font-family: "Libre Franklin", sans-serif;padding-bottom: 15px;}
.product-content p {font-size: 17px;font-family: "Inter", sans-serif;max-width: 800px;}
.product-slider-section {position: relative;display: flex;align-items: center;padding: 20px 0;background-color: #fff;}
.product-slider-container {display: flex;overflow: hidden;scroll-behavior: smooth;gap: 20px;}
.product-card {min-width: 300px;max-width: 100%;background-color: #f5f5f5;text-align: center;transition: transform 0.3s ease;}
.product-card:hover{cursor: pointer;}
.product-card img {width: 65%; height: auto; margin-bottom: 20px;}
.product-info span {font-family: "Inter", sans-serif;display: block;font-weight: 600;font-size: 17px;}
.product-info p {font-family: "Inter", sans-serif;font-size: 17px;margin-top: 5px;}
.slider-btn {background-color: #f5f5f5;border: none;box-shadow: 0 2px 8px rgba(0,0,0,0.1);padding: 10px;border-radius: 2px;cursor: pointer;transition: all 0.3s;z-index: 2;}
.slider-btn img {width: 39px;height: 39px;}
.slider-btn.prev {position: absolute; }
.slider-btn.next {position: absolute;right: 0px;}
.modal-body{padding: 0 !important;}
.container.popup, .row, .col-lg-5{padding-left: 0 !important;margin-left: 0 !important;}
.popup-left {background: #f5f5f5;text-align: center;padding-bottom: 40px;}
.popup-left h3 {font-size: 20px;margin-bottom: 15px;font-weight: 700;padding-top: 20px;}
.icons {display: flex;flex-wrap: wrap;padding-left: 80px;padding-top: 20px !important;}
.icons img {width: 70px;height: 70px;object-fit: contain;margin-bottom: 0;}
.icons-line-2{padding-top: 10px;}
.popup-right {flex: 2 1 400px;padding: 30px 20px 40px 20px;}
.popup-right h4 {font-size: 22px;font-weight: 700;margin-bottom: 15px;font-family: "Inter", sans-serif;}
.popup-right ul {text-decoration: none;padding-left: 18px;font-size: 15px;line-height: 1.9;font-family: "Inter", sans-serif;}
.btn {font-family: "Inter", sans-serif;border: solid #000 1px !important;background: none !important;border: none;border-radius: 3px;}
.btn a{text-decoration: none; color: #000;}
.btn:focus {outline: none !important;box-shadow: none !important;}
/* Support */
.support-bg{background-color: #F5F5F5;margin-top: 70px;padding-bottom: 70px;}
.support-content{padding-top: 80px;}
.support-bg h3{font-size: 40px;font-weight:bold;font-family: "Libre Franklin", sans-serif;padding-right: 200px;padding-left: 50px;}
.support-bg p{font-size: 17px;font-family: "Inter", sans-serif;padding-right: 180px;padding-left: 50px;padding-top: 20px;}
.support-bg ul{font-size: 17px;font-family: "Inter", sans-serif;padding-right: 200px;padding-left: 65px;padding-top: 20px;}
.support-bg img{width: 550px;padding-top: 60px;}
/* Clients */
.clients{margin:80px;}
.clients .col-lg-2{margin:0;}
/* Form */
.form-container{padding-bottom: 60px;padding-top: 80px;}
.form-content{text-align: center;}
.form-content h3{font-size: 40px;font-weight:bold;font-family: "Libre Franklin", sans-serif;}
.form-content p{font-size: 17px;font-family: "Inter", sans-serif;padding-top: 30px;padding-bottom: 30px;}
form {background: #fff;box-shadow: 0 0 20px rgba(69, 69, 69, 0.1);max-width: 1000px;margin: 0 auto;padding: 40px 40px 20px 40px;}
form .row {margin-bottom: 30px;display: flex;flex-wrap: wrap;gap: 15px;}
form .col-lg-3 {flex: 1;min-width: 200px;}
form .col-lg-12 {flex: 0 0 100%;}
form input[type="text"], form input[type="email"], form input[type="tel"], form textarea {width: 100%;padding: 12px 15px;border: 0.5px solid #ddd;border-radius: 3px;font-size: clamp(14px, 2vw, 16px);box-sizing: border-box;}
form textarea {height: 120px;resize: none;}
form button[type="submit"] {background: #EE8040;color: #fff;padding: 10px 20px;font-size: 16px;border: none;border-radius: 3px;cursor: pointer;transition: background 0.2s ease;padding: clamp(10px, 2vw, 12px) clamp(20px, 4vw, 30px);width: auto;display: block;margin: 0 auto; }
/* Footer */
.footer-bg{background-color: #000;margin-top: 40px;}
.footer-content{color: white;padding-top: 90px;font-family: "Inter", sans-serif;}
.footer-content h5{font-size: 22;padding-bottom: 20px;font-weight: 600;}
.footer-content a{font-size: 16px;text-decoration: none;color: #ededed;}
.footer-content a:hover{color: #B9B7B7;}
.footer hr{color: #c0c0c0;margin-top: 60px;margin-bottom: 60px;}
.copyright{display: flex;}
.copyright p{color: #fff;font-family: "Inter", sans-serif;font-size: 15px;font-weight: 300;padding-bottom: 50px;margin-bottom: 0%;}
.social-icons {color: #fff;padding-left: 1010px;font-size: 25px;}
.social-icons i{padding: 5px;}
/* .........................................ABOUT-US..........................................................*/
/* Banner */
.banner-2{background-image: url(images/banner-2.png);background-size: cover;overflow: hidden;background-repeat: no-repeat;margin-top: 90px;}
.banner-2-content{padding-top: 110px;padding-bottom: 110px;}
.banner-2-content h2{font-size: 50px;font-weight: bold;font-family: "Libre Franklin", sans-serif;color: #fff;}
.banner-2-content p{font-size: 17px;font-family: "Inter", sans-serif;color: #fff;}
/* About */
.about{padding: 100px 0;}
.about-content{padding-top: 50px;}
.about h3{font-size: 40px;font-family: "Libre Franklin", sans-serif;font-weight: bold;}
.about p{font-size: 17px;font-family: "Inter", sans-serif;line-height: 25px;padding-right: 55px;padding-top: 40px;}
/* Vison & mission */
.vm-bg{background-color: #F5F5F5;}
.vm-content{padding: 80px;}
.vision{padding-left:90px !important;}
.vision p{padding-right:30px!important;}
.vm-content span{font-size: 30px;font-family: "Inter", sans-serif;font-weight: 600;}
.vm-content p{font-family: "Inter", sans-serif;font-size: 15px;padding-right: 100px;padding-top: 40px;line-height: 25px;}
.vertical-line {width: 1px;background-color: #ccc;height: 100%; transform: translateX(-50%);}
/* Core-businesses */
.core-businesses{padding: 80px 0;}
.core-businesses h3{font-size: 40px;font-family: "Libre Franklin", sans-serif;font-weight: bold;text-align: center;}
.core-businesses h6{font-family: "Inter", sans-serif;font-size: 21px;font-weight: 500;padding-top: 30px;}
.core-businesses p{font-size: 15px;font-family: "Inter", sans-serif;line-height: 25px;padding-right: 20px;padding-top: 10px;}
.core-businesses .row .col-lg-4{background-color: #fff;box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);padding: 30px 0px 20px 30px;margin-top: 50px;}
/* Technology */
.card{box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);height: 411px;}
.technology h3{font-size: 40px;font-family: "Libre Franklin", sans-serif;font-weight: bold;text-align: center;padding-top: 20px;}
.technology-card{padding-top: 50px;}
.card-body{font-family: "Inter", sans-serif;text-align: center;padding: 30px !important;}
.card-title{font-size: 20px;font-weight: 500;}
.card-text{font-size: 15px;padding: 15px 30px 0px 30px;}
.technology-card-2{padding-top: 20px;}
/* Certifications */
.certifications{padding-bottom: 80px;}
.certifications h3{font-size: 40px;font-family: "Libre Franklin", sans-serif;font-weight: bold;text-align: center;padding-top: 80px;}
.certifications p{text-align: center;font-size: 17px;font-family: "Inter", sans-serif;line-height: 25px;padding-top: 20px;padding-bottom: 35px;}
.certificate-img{background-color: #fff;padding: 50px 40px 50px 40px;box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);width: 1050px;margin: auto;}
/* ...............................................PRODUCTS....................................................*/
/* Product-tabs */
.product-thumbnail:hover{cursor: pointer;}
.product-tabs{padding-top: 80px;}
.flex-column{background-color: #F5F5F5 !important;padding: 0px 0 0 40px;}
.nav-pills .product-tab.active{background-color: #EE8040 !important; color: #fff;}
.nav-pills .product-tab {border-radius: 0 !important;font-family: "Inter", sans-serif;font-size: 18px;text-align: left;border: none !important;}
.product-tab{padding: 15px 60px 15px 15px !important;}
.camera-contents h4{font-family: "Inter", sans-serif;font-size: 30px;font-weight: 500;}
.camera-contents p{font-family: "Inter", sans-serif;font-size: 15px;}
.ip-camera .row .col-lg-4,
.nvr-dvr .row .col-lg-4,
.entrance-automation .row .col-lg-4,
.smart-door-lock .row .col-lg-4,
.touch-switches .row .col-lg-4,
.turnstiles-barriers .row .col-lg-4
{border: solid#B9B7B7 1px;padding: 0 20px 20px 20px ;width: 290px;height: 290px;}
.ip-camera .row .col-lg-4 img,
.nvr-dvr .row .col-lg-4 img,
.entrance-automation .row .col-lg-4 img,
.smart-door-lock .row .col-lg-4 img,
.touch-switches .row .col-lg-4 img
{display: block;margin-left: auto;margin-right: auto;}
.ip-camera .row,
.nvr-dvr .row,
.entrance-automation .row,
.smart-door-lock .row,
.touch-switches .row,
.turnstiles-barriers .row
{padding-left: 12px;}
.product-information{text-align: center;font-family: "Inter", sans-serif;font-size: 17px;}
.product-information span{font-weight: 600;}
.product-information p{padding-top: 7px;}
.row-1{padding-top: 25px;}
.ip-slide {display: none;}
.ip-slide.active {display: block;}
.pagination span {background-color: #000;padding: 10px 20px;color: #fff;margin: 0 5px;cursor: pointer;margin-bottom: 50px;}
.pagination span.active {background-color: #333;}
.dropdown-menu {
position: absolute;
inset: 0px auto auto 0px;
margin: 0px;
transform: translate(0px, 59px);
width: 100%;
border-radius: 0 !important;
background-color: #e9e9ed !important;
border: none !important;
padding: 0 !important;
}
.poe-tab, .music-tab, .turnstiles-tab{min-height: 90vh;}
/* Make dropdown subcategory buttons behave like normal tabs */
.dropdown-menu .product-tab.active {
background-color: #D9D9D9 !important;/* same as main tab */
color: #000 !important;
}
.dropdown-menu .product-tab {
width: 100%; /* full width highlight */
text-align: left; /* align text properly */
}
/* ...............................................SOLUTIONS....................................................*/
/* Intro */
.intro p{font-size: 17px;font-family: "Inter", sans-serif;text-align: center;padding-top: 80px;padding-left: 230px;padding-right: 230px;}
.lists{padding-top: 70px;}
.list-contents{padding-left: 70px !important;}
.list-contents h3{font-size: 40px;font-family: "Libre Franklin", sans-serif;font-weight: bold;padding-top: 40px;}
.list-contents p{font-size: 15px;font-family: "Inter", sans-serif;line-height: 25px;padding-right: 100px;padding-top: 20px;}
.list-contents ul{padding-left: 15px;line-height: 30px;}
.lists hr{margin-top: 80px;margin-bottom: 80px;}
.last-list{padding-bottom: 70px;}
/* ...............................................CONTACT....................................................*/
/* Get-in-touch */
.get-in-touch{padding-bottom: 70px;}
.get-in-touch h3{font-size: 40px;font-family: "Libre Franklin", sans-serif;font-weight: bold;padding-top: 80px;padding-right: 50px;}
.get-in-touch p{font-size: 15px;font-family: "Inter", sans-serif;line-height: 25px;padding-top: 30px;padding-right: 90px;}
.contact-icons{padding-top: 40px;}
.contact-icons i{background-color: #EE8040;font-size: 30px;padding: 10px; color: #fff;}
.contact-icons span{font-size: 15px;font-family: "Inter", sans-serif;padding-left: 25px;}
.form-2{padding-top: 90px;}
.contact-form {display: flex;flex-direction: column;gap: 10px;background: #fff;box-shadow: 0 0 20px rgba(69, 69, 69, 0.1);padding-bottom: 40px !important;}
.form-input {padding: 14px 16px;font-family: 'Inter', sans-serif;border: none;background-color: #f5f5f5;border-radius: 3px;width: 100%; }
.contact-form input, .contact-form textarea{border: none !important; font-size: 15px;}
.contact-form input::placeholder, .contact-form textarea::placeholder{color: #000;}
.send-btn {padding: 12px 20px;font-size: 16px;font-family: 'Inter', sans-serif;background-color: #000;color: #fff;border: none;border-radius: 3px;cursor: pointer;align-self: start;transition: 0.3s;}
.send-btn:hover {background-color: #333;}
.form-2 form button[type="submit"]{margin-top: 15px;}
/* RESPONSIVE */
/* Home */
@media (min-width:1400px) {
.carousel-caption{top: 18% !important; }
}
@media (min-width:1200px) and (max-width:1399.98px){
/* .banner .col-lg-4{width: 38.3%;} */
/* .banner h2{padding-top: 100px;text-wrap: nowrap;}
.banner p{padding-bottom: 120px;} */
.carousel-caption{top: 16% !important; }
.slider-content{padding-left: 30px !important;}
.slider-content h2{font-size: 30px;padding-top: 20px;}
.slide{margin-top: 60px;}
.support-bg img{width: 500px;padding-top: 80px;}
.support-bg{padding-bottom: 50px;}
.copyright p{font-size: 15px;font-weight: 300;padding-bottom: 50px;margin-bottom: 0%;}
.social-icons {padding-left:840px;font-size: 23px;}
.social-icons i{padding: 3px;}
}
@media (min-width:992px) and (max-width:1199.98px){
/* .banner .col-lg-4{width: 38.3%;} */
/* .banner h2{padding-top: 90px;font-size: 35px;}
.banner p{padding-bottom: 90px;padding-right: 50px;font-size: 15px;} */
.slide{margin-top: 80px;}
.slider-content h2{font-size:30px;padding-bottom: 15px;}
.slider-content p{font-size: 15px;padding-bottom:20px;margin-bottom: 0%;}
.points{padding-bottom: 10px;}
.points span{font-size: 15px;}
.carousel-caption{top: 14% !important;}
.carousel-control-next, .carousel-control-prev{bottom: 110px !important;}
.slider-content{padding-left: 20px !important;}
.slider-content h2{margin-bottom: 0;}
.icon-circle img{width: 160px;padding: 10px;}
.ftr-content h5{font-size: 17px;font-weight:700 ;}
.ftr-content p{font-size: 14px;}
.smart-content h3{font-size: 30px;}
.smart-content p{font-size: 15px;line-height: 25px;}
.product-content h3 {font-size: 30px;font-weight: bold;padding-bottom: 10px;}
.product-content p {font-size: 15px;margin-bottom: 0;}
.product-info span {font-weight: 600;font-size: 15px;}
.product-info p {font-size: 15px;margin-top: 5px;}
.icons{padding-left: 15px;}
.popup-left{padding-bottom: 180px;}
.popup-left h3{padding-left: 10px;padding-right: 10px;}
.support-content{padding-top: 70px;}
.support-bg{padding-bottom: 50px;}
.support-bg img{width: 450px;padding-top:70px;padding-right: 20px;}
.support-bg h3{padding-right: 0;font-size: 30px;}
.support-bg p{padding-right: 120px;font-size: 15px;}
.support-bg ul{font-size: 15px;padding-right:0;padding-left: 65px;padding-top: 0;}
.form-container form{max-width:929px;}
.form-content h3{font-size: 30px;font-weight:bold;margin-bottom: 0;}
.form-content p{font-size: 15px;margin-bottom: 0;}
.footer-content h5{font-size: 20px;padding-bottom: 20px;font-weight: 600;}
.footer-content p{font-size: 14px;font-weight: 300;}
.copyright p{font-size: 14px;font-weight: 300;padding-bottom: 50px;margin-bottom: 0%;}
.social-icons {padding-left:660px;font-size: 23px;}
.footer hr{margin-top: 50px;margin-bottom: 50px;}
}
@media (min-width:768px) and (max-width:991.98px){
.navbar{padding: 15px 0 !important;}
.nav-item{font-size: 15px;padding:0;}
.quote a{padding: 7px 20px;}
/* .banner-bg{background-size: contain;}
.banner .col-lg-4{padding-left: 400px;}
.banner h2{padding-top: 50px;font-size: 35px;}
.banner p{padding-bottom: 40px;padding-right: 0;font-size: 15px;} */
.slider-bg img{height: 370px;}
.points{margin-bottom: 5px;}
.slide{margin-top: 70px;}
.slider-content{padding-left: 20px !important;}
.slider-content h2{font-size:25px;padding-bottom: 10px;margin-bottom: 0;}
.slider-content p{font-size: 13px;padding-bottom:10px;margin-bottom: 0%;}
.points{padding-bottom: 10px;}
.points span{font-size: 13px;}
.carousel-caption{top: 12% !important;}
.carousel-control-next, .carousel-control-prev{bottom: 197px !important;}
.icon-circle img{width: 170px;padding: 10px;}
.ftr-content h5{font-size: 17px;font-weight:700 ;}
.ftr-content p{font-size: 14px;margin-bottom: 0;}
.smart-content h3{font-size: 30px;}
.smart-content p{font-size: 15px;line-height: 25px;}
.product-content h3 {font-size: 30px;font-weight: bold;padding-bottom: 10px;}
.product-content p {font-size: 15px;margin-bottom: 0;}
.product-info span {font-weight: 600;font-size: 15px;}
.product-info p {font-size: 15px;margin-top: 5px;}
.popup-left{padding-bottom: 30px;}
.icons{padding-left: 100px;}
.container.popup, .row, .col-lg-5{padding-right: 0 !important;margin-right: 0 !important;}
.product-slider-section{padding: 40px 0;}
.support-bg{padding-bottom: 40px;}
.support-bg img{width: 600px;padding-top:60px;padding-left: 80px;order: 1;}
.support-content{padding-top: 50px;order: 2;padding-left: 40px !important;}
.support-bg h3{padding-right: 0;font-size: 30px;}
.support-bg p{padding-right: 120px;font-size: 15px;}
.support-bg ul{font-size: 15px;padding-right:0;padding-left: 65px;padding-top: 0;}
.clients .col-lg-2{width:120px;}
.form-content h3{font-size: 30px;font-weight:bold;margin-bottom: 0;}
.form-content p{font-size: 15px;margin-bottom: 0;}
form{padding: 30px 20px 10px 20px;max-width: 700px;}
.solutions, .contact{padding-top: 30px;}
.copyright p{padding-bottom: 50px;margin-bottom: 0%;}
.social-icons {padding-left:400px;font-size: 23px;}
.footer hr{margin-top: 50px;margin-bottom: 50px;}
}
@media (min-width:576px) and (max-width:767.98px){
.navbar{padding: 15px 0 !important;}
.nav-item{font-size: 15px;padding:0;}
.quote a{padding: 7px 20px;}
/* .banner-bg{background-size:cover;}
.banner .col-lg-4{padding-left: 300px;width: 130.3%;margin-bottom: 30px;}
.banner h2{padding-top: 30px;font-size: 27px;text-wrap: nowrap;}
.banner p{padding-bottom: 0;font-size: 13px;} */
.slider-bg img{height: 830px;}
.slide{margin-top: 70px;}
.slider-content{padding-top: 40px;}
.slider-content h2{font-size:36px;margin-bottom: 0;}
.slider-content p{font-size: 17px;}
.points{padding-bottom: 10px;}
.points span{font-size: 17px;}
.carousel-caption{top: 4% !important;}
.carousel-control-next, .carousel-control-prev{top: 300px !important;}
.smart-content h3{font-size: 30px;}
.smart-content p{font-size: 15px;line-height: 25px;}
.product-content h3 {font-size: 30px;font-weight: bold;padding-bottom: 10px;}
.product-content p {font-size: 15px;margin-bottom: 0;}
.product-info span {font-weight: 600;font-size: 15px;}
.product-info p {font-size: 15px;margin-top: 5px;}
.popup-left{padding-bottom: 30px;}
.icons{padding-left: 100px;}
.container.popup, .row, .col-lg-5{padding-right: 0 !important;margin-right: 0 !important;}
.product-slider-section{padding: 40px 0;}
.support-bg{padding-bottom: 60px;}
.support-bg img{width: 500px;padding-top:70px;padding-left: 0px;order: 1;}
.support-content{padding-top: 50px;order: 2;}
.support-bg h3{padding-right: 0;font-size: 30px;}
.support-bg p{padding-right: 120px;font-size: 15px;}
.support-bg ul{font-size: 15px;padding-right:0;padding-left: 65px;padding-top: 0;}
.clients .col-lg-2{width:138px;padding: 0px 20px;}
.clients{margin:50px;}
.form-content h3{font-size: 30px;font-weight:bold;margin-bottom: 0;}
.form-content p{font-size: 15px;margin-bottom: 0;}
form{padding: 30px 20px 10px 20px;max-width:550px;}
.contact-section {padding: 30px 30px;}
.contact-form {padding: 30px 30px;width: 100%;max-width: 700px;}
.contact-form input{padding: 13px;}
.solutions, .contact{padding-top: 30px;}
.copyright p{padding-bottom: 50px;margin-bottom: 0%;}
.social-icons {padding-left:230px;font-size: 23px;}
.footer hr{margin-top: 50px;margin-bottom: 50px;}
}
@media (min-width:0) and (max-width:575.98px){
.navbar{padding: 15px 0 !important;}
.nav-item{font-size: 15px;padding:0;}
.quote a{padding: 7px 20px;}
/* .banner-bg{background-image: url(images/bg-2.png);background-size: contain;padding-top: 200px;background-color: #d5d5d5;}
.banner h2{padding-top:160px;font-size: 27px;}
.banner p{padding-bottom: 50px;font-size: 13px;} */
.slide{margin-top: 49px;}
.slider-bg img{height: 600px;}
.slider-content{padding-top: 60px;}
.slider-content h2{font-size:25px;margin-bottom: 0;}
.slider-content p{font-size: 15px;}
.points{display: none !important;}
.points span{font-size: 15px;}
.carousel-caption{top: 10% !important;}
.features{padding: 50px 50px;}
.ftr-content h5{font-size: 17px;font-weight:700 ;}
.ftr-content p{font-size: 14px;}
.smart-content{padding-left: 0;}
.smart-content h3{font-size: 25px;}
.smart-content p{font-size: 15px;line-height: 25px;padding-right: 0;}
.smart-container{padding-bottom: 50px;}
.slider-container {display: block;padding-bottom: 70px;}
.slider-window {width: 100%;overflow: hidden;}
.slider-track {display: flex;width: 100%;transition: transform 0.3s ease;}
.smart-slide {flex: 0 0 100%;min-width: 100%;height: 240px;background-size: cover;background-position: center;}
#prevBtn, #nextBtn {position: absolute;bottom: 10px;width: 100px;margin: 0;transform: none;}
#prevBtn {left: 50%;margin-left: -110px;}
#nextBtn {right: 50%;margin-right: -110px; /* Half button width + gap */}
.product-content h3 {font-size: 30px;font-weight: bold;padding-bottom: 10px;}
.product-content p {font-size: 15px;margin-bottom: 0;}
.product-info span {font-weight: 600;font-size: 15px;}
.product-info p {font-size: 15px;margin-top: 5px;}
.popup-left{padding-bottom: 30px;}
.icons{padding-left:6px;}
.container.popup, .row, .col-lg-5{padding-right: 0 !important;margin-right: 0 !important;}
.product-slider-section{padding: 20px 0;}
.popup-right .btn{margin-bottom:40px ;}
.support-bg{padding-bottom: 50px;}
.support-bg img{width: 300px;padding-top:60px;order: 1;}
.support-content{padding-top: 50px;order: 2;}
.support-bg h3{padding-right: 0;font-size: 30px;padding-left: 15px;}
.support-bg p{padding-right:0;font-size: 15px;padding-left: 15px;}
.support-bg ul{font-size: 15px;padding-right:0;padding-left: 25px;padding-top: 0;}
.clients{margin:50px;}
.clients .col-lg-2{width:145x;padding: 0px 20px;}
.form-container form{max-width: 300px;padding: 30px 20px 10px 20px;}
.form-container form .row{margin-bottom: 15px;}
.form-content h3{font-size: 30px;margin-bottom: 0;padding-left: 10px;padding-right: 10px;}
.form-content p{font-size: 15px;margin-bottom: 0;padding-left: 10px;padding-right: 10px;}
.copyright p{padding-bottom: 50px;margin-bottom: 0%;font-size: 14px;}
.social-icons {padding-left:20px;font-size: 15px;}
.footer hr{margin-top: 50px;margin-bottom: 50px;}
}
/* About */
@media (min-width:1200px) and (max-width:1399.98px){
.about-content{padding-top: 30px;}
.vision p{padding-right:0 !important;}
.vm-content p{padding-right: 40px;}
}
@media (min-width:992px) and (max-width:1199.98px){
.about{padding-top: 100px;padding-bottom: 70px;}
.about-content{padding-top:0;}
.about h3{margin: 0;}
.about p{padding-right:20px;padding-top: 20px;}
.vision{padding-left:30px !important;}
.vision p{padding-right:0!important;}
.vm-content{padding: 40px;}
.vm-content p{padding-right: 0;padding-top: 40px;}
.certificate-img{width:900px;}
.card-text{padding: 15px 0 0 0;}
}
@media (min-width:768px) and (max-width:991.98px){
.about{padding-top: 60px;padding-bottom: 70px;}
.vm-content{padding: 40px 30px 40px 30px !important;}
.vision{padding-left:0 !important;padding-bottom: 40px;}
.vision p{padding-right:0!important;}
.vm-content p{padding-right: 0;padding-top:20px;}
.core-businesses .row .col-lg-4{margin-top: 30px;}
.technology-card-2{padding-top:50px;}
.technology .row .col-lg-4 {padding-top: 25px;}
.technology h3{margin: 0;}
.card-text{padding:15px 0 0 0;}
.certifications{padding-bottom: 40px;}
.certificate-img{width:600px;}
}
@media (min-width:576px) and (max-width:767.98px){
.about{padding: 60px 0;}
.about p{padding-right: 30px}
.vision{padding-left:0 !important;padding-bottom: 40px;}
.vision p{padding-right:0!important;}
.vm-content p{padding-right: 0;padding-top: 20px;}
.technology .row .col-lg-4{padding-top: 20px;}
.card{height: 460px;}
.technology-card {padding-top: 20px;}
.certifications{padding-bottom: 40px;}
.certificate-img{width:470px;}
}
@media (min-width:0) and (max-width:575.98px){
.banner-2-content h2{font-size: 40px;}
.about{padding: 60px 0;}
.about h3{font-size: 30px;}
.about p{padding-right: 20px}
.vision{padding-left:0 !important;padding-bottom: 40px;}
.vision p{padding-right:0!important;}
.vm-bg{padding: 0 30px 0px 30px !important;}
.vm-content{padding: 40px;}
.vm-content p{padding-right: 0;padding-top: 20px;margin-bottom: 0;}
.core-businesses h3{font-size: 30px;margin:0;}
.core-businesses{padding: 60px 0;}
.core-businesses .row .col-lg-4{margin-top: 30px;}
.technology h3{font-size: 30px;margin:0;}
.technology .row .col-lg-4{padding-top: 15px;}
.card-text{padding: 15px 10px 0px 10px;}
.card-body{padding: 30px 10px 30px 10px !important;}
.card{height: 380px;}
.technology-card-2{padding-top: 0;}
.certifications h3{font-size: 30px;margin:0;}
.certifications p{font-size: 15px;}
.certifications{padding-bottom: 40px;}
.certificate-img{width:250px;}
}
/* Products */
@media (min-width:992px) and (max-width:1199.98px){
.product-tabs .container {max-width: 100%;padding: 0 15px;}
.product-tabs .nav-pills {width: 200px;padding-left: 0;}
.product-tabs .tab-content {width: calc(100% - 220px);margin-left: 20px;}
.product-tabs .row {display: grid;grid-template-columns: repeat(2, 1fr);gap: 15px;margin-left: 0;}
.product-tabs .col-lg-4 {width: 100%;height: auto;margin: 0;padding: 15px;}
.camera-contents {margin-bottom: 20px;}
}
@media (min-width:0) and (max-width:575.98px){
.entrance-mobile button{border-radius: 0 !important;font-family: "Inter", sans-serif;font-size: 18px;text-align: left;border: none !important;}
.product-tabs {padding-top: 20px;}
/* Convert vertical tabs to dropdown */
.d-flex.align-items-start {flex-direction: column;}
/* Hide original vertical nav */
.nav.flex-column.nav-pills {display: none;width: 100%;padding: 0;margin: 0;background: #F5F5F5;position: relative;border: 1px solid #ddd;border-top: none;}
/* Show when active */
.nav.flex-column.nav-pills.show {display: block;}
/* Dropdown toggle button */
.mobile-tabs-dropdown {display: block;width: 100%;padding: 12px 15px;background: #F5F5F5;border: 1px solid #ddd;text-align: left;font-family: "Inter", sans-serif;font-size: 18px;position: relative;cursor: pointer;margin-bottom: 0;}
.mobile-tabs-dropdown {position: relative;padding-right: 35px;text-align: left;}
.mobile-tabs-dropdown::after {content: "\f078";font-family: 'Font Awesome 6 Free';font-weight: 900;position: absolute;right: 12px;top: 50%;transform: translateY(-50%);font-size: 18px;display: inline-block;font-style: normal;text-rendering: auto;line-height: 1;transition: transform 0.3s ease;}
.mobile-tabs-dropdown.active::after {content: "\f077";transform: translateY(-50%) rotate(0deg);}
/* Tab items */
.product-tab {width: 100%;padding: 12px 15px !important;font-size: 15px;border-radius: 0 !important;border: none;border-top: 1px solid #ddd;}
/* Active tab style */
.product-tab.active {background-color: #D9D9D9 !important;}
.camera-contents{padding-top: 40px;}
/* Product grid adjustments */
.ip-camera .row,
.nvr-dvr .row,
.entrance-automation .row
{ margin-top: 30px;flex-direction: column;gap: 15px !important;padding-left: 0;}
.ip-camera .row .col-lg-4,
.nvr-dvr .row .col-lg-4,
.entrance-automation .row .col-lg-4,
.smart-door-lock .row .col-lg-4,
.touch-switches .row .col-lg-4
{width: 100%;height: auto;margin: 0;padding: 15px;}
/* Product content adjustments */
.camera-contents h4 {font-size: 22px;}
.camera-contents p {font-size: 15px;}
.product-information {font-size: 15px;}
/* Modal adjustments */
.modal-dialog.modal-xl {margin: 10px auto;max-width: calc(100% - 20px);}
.popup .row {flex-direction: column;}
.popup-left, .popup-right {width: 100%;padding: 0;}
.smart-door-lock .popup-right h4,
.touch-switches .popup-right h4
{padding-top: 20px;}
}
/* Solutions */
@media (min-width:1200px) and (max-width:1399.98px){
.list-contents h3{padding-top:0;}
.last-list{padding-bottom: 40px;}
}
@media (min-width:992px) and (max-width:1199.98px){
.intro p{padding-left: 130px !important;padding-right: 130px !important;padding-top: 60px !important;}
.list-contents h3{padding-top:0 !important;}
.list-contents{padding-left: 30px !important;}
.last-list{padding-bottom: 30px !important;}
}
@media (min-width:768px) and (max-width:991.98px){
.intro p{padding-left: 80px !important;padding-right: 80px !important;padding-top: 60px !important;}
.lists{padding-top: 50px !important;}
.lists hr{margin-top: 50px;}
.list-contents{padding-left: 10px !important;}
}
@media (min-width:576px) and (max-width:767.98px){
.intro p{padding-left: 0;padding-right: 0;padding-top: 40px !important;}
.list-contents{padding-left: 10px !important;}
.list-contents p{padding-right: 0 !important;}
.lists hr{margin-top: 50px;}
.last-list{padding-bottom: 30px !important;}
}
@media (min-width:0) and (max-width:575.98px){
.intro p{padding-left: 0;padding-right: 0;padding-top: 40px !important;}
.lists{padding-top: 50px;}
.list-contents{padding-left: 10px !important;}
.list-contents h3{padding-top: 20px;font-size: 30px;}
.list-contents p{padding-right: 0 !important;}
.lists hr{margin-top: 30px;margin-bottom: 50px;}
.last-list{padding-bottom: 30px;}
}
/* Contact */
@media (min-width:992px) and (max-width:1199.98px){
.form-2 form{padding: 30px 20px 30px 20px;}
}
@media (min-width:768px) and (max-width:991.98px){
.form-2 form{padding: 30px 20px 30px 20px;}
.form-2{padding-top: 70px;}
.get-in-touch{padding-bottom: 50px;}
}
@media (min-width:0) and (max-width:575.98px){
.get-in-touch h3{padding-right: 0;font-size: 30px;}
.get-in-touch p{padding-top: 10px;padding-right: 0;}
.form{padding-top: 50px;}
.contact-form{padding: 20px;}
.get-in-touch{padding-bottom: 30px;}
}