*{padding: 0px; margin: 0px;}
html{font-size: 62.5%; }
body{padding: 0px; margin: 0px; font-family: "Poppins", sans-serif;}
h1,h2,h3,h4,h5,h6,p{font-family: "Poppins", sans-serif;}
a{transition: ease-in-out .5s;}
h1,h2{font-size: 5rem; line-height: 5rem; color: #006cb5; font-weight: 400; font-family: "Poppins", sans-serif;}
h3{font-size: 3.6rem; line-height: 4.6rem; font-weight: 400; color: #00a069;  }
h4{font-size: 2.2rem; line-height: 3.2rem; font-weight: 400; color: #464646;}
p{font-size: 1.8rem; line-height: 2.8rem; font-weight: 400; color: #464646;}
ul{margin:0px; padding: 0px; list-style: none;}
/* .container-menu{width: 100%; max-width: 1080px; margin: 0 auto;} */
.container-menu{width: 100%; padding-right: 15px;  padding-left: 15px;  margin-right: auto; margin-left: auto;}
.container-custom{width: 100%; max-width: 1490px; margin: 0 auto;}
.header{display: none;}
.desktop-sec{position: fixed; top: 56px; width: 100%; z-index: 99; padding: 0 15px;}
.desktop-sec.sticky{ top: 12px; }
.desktop-sec .container-menu{background: linear-gradient(to right,  #edeeed 0%,#edeeed 25%,#b8b9b8 100%,#b8b9b8 100%,#b8b9b8 101%); border-radius: 50px; padding: 0 5rem; position: relative; box-shadow: 0 4px 8px 0 rgba(205, 204, 204, 0.2), 0 6px 20px 0 rgba(41, 41, 41, 0.19);}
.dasktop-menutop{position: static; }
.main-logo{display: flex; justify-content: center;  align-items: center;  height: 100%; text-align: center;}
.main-logo a{text-decoration: none;}
.main-logo img{width: 100%; max-width: 99px;}
.main-logo h4{font-size: 1.5rem; line-height: 2.3rem; margin-bottom: 0; color: #006cb5;}
.main-logo p{display: none;}
.deskmenu-ul{display: flex; justify-content: center;}
.deskmenu-ul li{padding: 2.5rem 2rem;}
.deskmenu-ul li a{font-size: 1.6rem; line-height: 2.6rem; font-weight: 500; color: #000; font-family: "Raleway", sans-serif;}
.mega-menu{background-color:rgba(220, 220, 220, .9); position: absolute; left: 0; top: 80px; width: 100%; padding: 5rem 0; border-radius: 35px; opacity: 0;   visibility: hidden;  transition: 0.3s ease;}
.mega-cont{width: 100%; max-width: 855px; margin: 0 auto;}
.menuheading{display: flex; height: 100%;  align-items: center;  border-right: 1px dashed #000;}
.menuheading h3{font-family: "Raleway", sans-serif;}
.company-ul{padding-left: 2rem; height: 100%; display: flex; flex-direction: column; justify-content: center;}
.company-ul li{padding: .5rem 0;}
.company-ul li a:hover, .deskmenu-ul li a:hover{text-decoration: none; color: #00a069;}
.comp-img{float: right;display: flex; justify-content: center;  align-items: center;  height: 100%;}
.comp-img img{width: 100%; max-width: 294px;}
.deskmenu-ul li:hover .mega-menu{opacity: 1; visibility: visible;}
.product-emnucont{display: flex; flex-wrap: wrap; margin: 0 -6px;}
.product-col{padding: 0 6px;  width: 33.333%; display: flex;   flex-direction: column;}
.product-col h3{margin-bottom: 1.5rem; font-family: "Raleway", sans-serif;}
.product-col h3 a{font-size: 3.2rem; line-height: 4.2rem;  font-weight: 400;  color: #00a069;}
.product-col ul{  flex-grow: 1;}
.product-col ul li{padding: 0; margin-bottom: 1.5rem;}
.product-col ul li a{font-size: 1.6rem; line-height: 1.8rem; font-family: "Raleway", sans-serif;}
.product-col ul li a span{font-size: 1.1rem; display: block;}
.product-col img{width: 100%; margin-top: auto; margin-top: 1.5rem;}
.pro-cont{max-width: 893px;}
.capheading{margin-right: 5rem;}
.design-ul{margin-left: -5rem; height: 100%;display: flex; flex-direction: column; justify-content: center;}
/* full mega menu */
.hemb-menu{display: flex; justify-content: center;  align-items: center;  height: 100%; cursor: pointer;}
.overlay { height: 100%; width: 100%;  display: none;  position: fixed;  z-index: 1;  top: 0;  left: 0;  background-color: #fff;  }
.overlay-content { position: relative;  top: 12%;  width: 100%;  margin-top: 30px;}
.container-hemb{width: 100%; max-width: 1280px; margin: 0 auto;}
.hemb-compul{margin-top: 1.5rem;}
.hemb-compul li a{font-size: 1.6rem; line-height: 2.6rem; font-weight: 500; color: #000; display: block; margin-bottom: 1rem; font-family: "Raleway", sans-serif;}
.products-col{border-left: 1px dashed#000; border-right: 1px dashed#000; border-right: 1px dashed #000;  padding: 0 0 0 5rem; margin-left: -15px;}
.promt7{margin-top: 7rem;}
.go-col h3{margin-bottom: 2rem; font-size: 3rem; line-height: 4rem;}
.go-col ul li{margin-bottom: 3rem;}
.go-col ul li a{font-size: 1.6rem; line-height: 1.8rem; color: #000; font-weight: 500; font-family: "Raleway", sans-serif;}
.go-col ul li a span{font-size: 1.1rem; display: block;}
.hemb-capa{padding-left: 3rem;}
.hemb-capa h3 a{color: #00a069;}
.overlay a:hover, .overlay a:focus {  color: #00a069; text-decoration: none;}
.overlay .closebtn { position: absolute;  top: 20px;  right: 45px;  font-size: 5rem; color: #525252;}
.hemb-compul li a:hover, .go-col ul li a:hover{text-decoration: none; color: #00a069;}
/* end menu */
#myVideo{width: 100%;height: 100%; object-fit: cover;}
.theholt{padding: 7rem 0;}
.theholt-box{text-align: center;}
.theholt-box h1{margin-bottom: 3rem;}
.theholt-box p{width: 48%;  margin: 0 auto;}
.theholt-box p a{color: #464646;}
.holtpro-sec{margin-top: 7rem;}
.custom-body{position: relative;}
.holt-btn h2{font-size: 3.6rem; font-weight: 400; color: #006cb5; }
.holt-btn h2 a{color: #006cb5;}
.holt-btn h2 a:hover{text-decoration: none; color: #00a069;}
.custom-text h4{font-size: 2.2rem; font-weight: 400; color: #464646; margin-bottom: 20px; }
.custom-text p{font-size: 1.7rem; font-weight: 400; color: #464646; font-family: "Poppins", sans-serif;}
.custom-text{background: #fff; box-shadow: 0 4px 8px 0 rgba(223, 223, 223, 0.2), 0 6px 20px 0 rgba(87, 87, 87, 0.19);  padding: 28px; border-radius: 35px;  width: 100%;  max-width: 390px;  float: right; position: absolute;  z-index: 9; right: 0; top: -122px;}
.holt-btn{display: flex; justify-content: space-between; align-items: center;}
.custom-img{position: relative; top: 0; overflow: hidden; border-radius: 30px; margin-top: 122px;}
.custom-img img{width: 100%; object-fit: cover;  border-radius: 20px;  transition: transform 0.6s ease; }
.custom-body:hover img {transform: scale(1.04);}
.arrow-btn { display: inline-block;  background: #0aa06e;  color: #fff;  padding: 8px 16px;  border-radius: 20px;  font-size: 16px;  transition: all 0.3s ease;}
/* Arrow button container */
.arrow-btn { position: relative;  width: 67px;  height: 40px;  overflow: hidden;  cursor: pointer;}
.arrow-btn:hover{background-color: #0065b2; transition: ease-in-out. 5s;}
/* Arrows */
.arrow { position: absolute;  top: 0;  left: 17px;  font-size: 27px;  transition: transform 0.4s ease;}
/* Second arrow starts behind */
.arrow-2 { transform: translateX(-42px);  }
/* Hover effect (ONLY when hovering arrow) */
.arrow-btn:hover .arrow-1 { transform: translateX(55px);}
.arrow-btn:hover .arrow-2 {transform: translateX(0);}
/* Smooth feel */
.arrow { transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);}
.global-right{display: flex;height: 100%; flex-direction: column;  justify-content: center;}
.global-right .global-cont:last-child{border-bottom: 0;}
.global-cont{display: flex; flex-flow: row nowrap;  align-items: center; border-bottom: 1px solid#bfbfbf; padding-bottom: 2rem; margin-bottom: 2rem;}
.global-left img{width: 100%; max-width: 595px;}
.global-text{margin-left: 3rem;}
.global-text h4{font-weight: 600;}
.global-text p{width: 80%;}
.theholt-box .holtis{width: 70%; margin: 3rem auto 3rem;}
.theholt-box h4{font-size: 2.4rem; line-height: 3.8rem; font-weight: 300; font-style: italic; color: #464646; font-family: "Poppins", sans-serif;}
.eleimg{width: 100%; margin-top: 4rem;}
.blog-img{margin-top: 0;}
.blog-text{position: relative; top: -65px;}
.blog-text h4{font-size: 2rem; line-height: 3rem; font-weight: 400; margin-bottom: .9rem;}
.blog-text p{font-size: 1.6rem; line-height: 2.6rem; font-weight: 400;}
.ele-btn{margin-top: 3rem;}
.ele-btn img{width: 100%; max-width: 499px; margin-bottom: 3rem;}
.btn {font-size: 2.4rem;  font-weight: 400;  color: #fff;  padding: 11px 26px;  border-radius: 50px;  display: block;  max-width: 274px;  margin: 0 auto;  font-family: "Poppins", sans-serif;}
.btn-primary {background-color: #00a069;  border-color: #00a069;}
.btn-primary:hover { color: #fff;  background-color: #0065b2;  border-color: #0065b2;}
footer{padding: 6rem 0;  background: #111820;}
.footer-logo{text-align: center;}
.footer-logo img{width: 100%; max-width: 149px;}
.footer-logo h5{font-size: 1.8rem; line-height: 2.8rem;  color: #fff;  font-weight: 600;  font-family: "Poppins", sans-serif; margin-bottom: 0;}
.footer-logo p{font-size: 1.4rem; color: #fff;  font-family: "Poppins", sans-serif;  margin-bottom: 2rem; line-height: 2.2rem;}
.footer-logo p a{color: #fff;}
.social-icon{display: flex; justify-content: center;}
.social-icon li{margin: 0 5px;}
.social-icon a{font-size: 2rem;  color: #fff;  border: 2px solid #fff;  height: 45px;  width: 45px;  text-align: center;  border-radius: 50%;  line-height: 42px; display: block;}
.social-icon .fa-whatsapp{font-size: 2.2rem;}
.social-icon a:hover{border-color: #fff; color: #fff; background: #00a069;}
.footer-address h5, .footer-menu h5{font-size: 1.8rem; line-height: 2.8rem; color: #fff; font-weight: 600; font-family: "Poppins", sans-serif;}
.footer-menu h5 a{color: #fff;}
.footer-menu h5 a:hover{text-decoration: none; color: #00a069;}
.footer-address p{font-size: 1.4rem; color: #fff; font-family: "Poppins", sans-serif; margin-bottom: 2.5rem;}
.footer-address p a{color: #fff;}
.address-cont{display: flex; flex-flow: row nowrap; align-items: flex-start; margin-bottom: 2.5rem;}
.address-cont p{font-size: 1.4rem; font-family: "Poppins", sans-serif; margin-left: 2rem; margin-bottom: 0;}
.address-cont p a{color: #fff;}
.address-cont p a:hover, .footer-menu h6 a:hover{text-decoration: none; color: #00a069;}
.call-cont{align-items: center;}
.footerul {margin-top: 1rem;}
.footerul li a{font-size: 1.4rem; line-height: 2.8rem; color: #fff; font-family: "Poppins", sans-serif; display: block; padding-bottom: .4rem;}
.footerul li a:hover, .go-ul li a:hover{text-decoration: none; color: #00a069;}
.footer-menu h6{font-size: 1.8rem; color: #00a069; font-family: "Poppins", sans-serif;  font-weight: 600; margin-bottom: .6rem;}
.footer-menu h6 a{color: #00a069;}
.go-ul li{margin-bottom: 2rem;}
.go-ul li a{font-size: 1.4rem; line-height: 1.8rem; color: #fff; font-weight: 500;}
.go-ul li a span{font-size: 1.1rem; display: block;}
.footer-sec .col:first-child{ flex: 0 0 25%; max-width: 25%;}
.footer-sec .col:last-child{ flex: 0 0 12%; max-width: 12%;}
.footer-bottomtext{display: flex; justify-content: space-between;}
.footer-bottomtext p{font-size: 1.2rem; line-height: 2.2rem; font-weight: 400; color: #888c90; font-family: "Poppins", sans-serif; margin-bottom: 0;}
.footer-bottomtext p a{color: #888c90;}
.footer-bottomtext p a:hover{text-decoration: none; color: #0065b2;}
/* overview */
.inner-header{background: url(../images/overview-bg.webp) top center no-repeat; background-size: cover; position: relative;}
.innder-heading{padding: 36rem 0 20rem;}
.innder-heading h4{font-size: 2.4rem; line-height: 3.4rem; font-weight: 700; color: #fff; text-transform: uppercase; position: relative; padding-bottom: 1rem;}
.innder-heading h4:after{content: ''; width: 57px; height: 2px; background: #fff; position: absolute; left: 0; bottom: 0;}
.innder-heading h5{font-size: 2.4rem; line-height: 3.4rem; font-weight: 400; color: #fff; margin-bottom: 1.5rem; }
.innder-heading h1{color: #fff;}
.compcrumb { background-color: transparent; padding: .7rem .6rem;} 
.compcrumb .breadcrumb-item { font-size: 1.4rem;  line-height: 2.4rem;  color: #fff;  font-weight: 400;}
.compcrumb .breadcrumb-item + .breadcrumb-item::before { content: "/";  padding-right: .7rem;  padding-left: .7rem;  color: #fff;}
.compcrumb .breadcrumb-item a { color: #fff;}
.compcrumb .breadcrumb-item a:hover{text-decoration: none; color: #00a069;}
.theworld{padding: 8rem 0;}
.theworld-heading{text-align: center;}
.theworld-heading h2{line-height: 6.5rem; margin-bottom: 2rem;}
.theworld-heading p{width: 67%; margin: 0 auto;}
.paddingtop{padding-top: 8rem;}
.designin{text-align: center;}
.designin h4{margin: 1rem 0 3rem;}
.designimg{position: relative;  top: 0;  overflow: hidden;  border-radius: 30px;}
.designimg img { width: 100%;  object-fit: cover;  border-radius: 30px;  transition: transform 0.6s ease;}
.designimg:hover img, .designin:hover img{transform: scale(1.04); transition: ease-in-out .5s;}
.webring p{width: 83%; margin: 0 auto; text-align: center;  line-height: 3.2rem;}
.webring p a{color: #464646;}
.webring h2{text-align: center; line-height: 6.5rem; margin: 2rem 0 7rem;}
.webring img{width: 100%;}
.bg-grey{background: #f5f5f5; border-radius: 35px;}
.vehicle-img img{width: 100%; max-width: 595px;}
.vehicle-cont{display: flex;}
.vehicle-box{padding: 5rem 0; height: 100%; display: flex;  flex-direction: column;  justify-content: center; width: 46%;}
.vehicle-box p{width: 100%;}
.vehicleul{padding: 2rem 0;}
.vehicleul li{font-size: 1.8rem; line-height: 2.8rem; color: #464646; margin-bottom: 1.5rem;}
.vehicleul li img{margin-right: 2rem;}
.logo-cont{display: flex; width: 50%; flex-wrap: wrap; align-content: center; margin-right: 6rem; }
.col1{border-right: 1px dashed#000;  padding: 19px 6px;width: 50%; border-bottom: 1px dashed #000;}
/* .logo-cont .col1:nth-child(1){width: 14%;} */
.logo-cont .col1:nth-child(1), .logo-cont .col1:nth-child(2){padding-top: 0;}
.logo-cont .col1:nth-child(2), .logo-cont .col1:nth-child(4), .logo-cont .col1:nth-child(6){border-right: 0;}
.logo-cont .col1:nth-child(5), .logo-cont .col1:nth-child(6){border-bottom: 0;}
.theworld-heading .textbut{font-weight: 600; padding: 3rem 0;}
.importedUl{width: 35%; margin: -1rem auto;}
.importedUl li{font-size: 1.8rem; line-height: 5rem; font-weight: 400; color: #464646; border-bottom: 1px dashed#000; display: flex;  justify-content: center;  align-items: center;}
.importedUl li .fa-xmark{color: #ec1d3a; padding-right: 1rem;  font-size: 2.6rem;  position: relative; }
.importedUl li:last-child{border-bottom: 0;}
.globalUl{display: flex; justify-content: center; border-bottom: 1px dashed#000;width: 76%;  margin: 0 auto;  padding-bottom: 7rem;}
.globalUl li{font-size: 1.8rem; line-height: 2.8rem; color: #464646; padding: 0 1.5rem;}
.globalUl li img{margin-right: .6rem;}
.pro-heading  h1{position: relative; padding-bottom: 1rem;}
.pro-heading h1:after{content: ''; width: 57px; height: 2px; background: #fff; position: absolute; left: 0; bottom: 0;}
.pro-heading h5{margin-bottom: 1rem;}
.compcrumb{padding-left: 0;}
.go-header{background: url(../images/go-bg.webp) top center no-repeat; background-size: cover; position: relative;}
.pro-heading{padding: 35rem 0 25rem;}
.product-heading h2{margin-bottom: 0;}
.product-heading h3{color: #494949;}
.charging-sec{display: flex; justify-content: center;}
.charging-box{display: flex;flex-flow: row nowrap; align-items: center; background: #f0f0f0; justify-content: center; padding: 1.1rem 1rem; border-radius: 30px; margin-bottom: 3rem;}
.charging-box img{margin-right: .5rem;}
.charging-box p{margin-bottom: 0;}
.margintop{margin-top: 7rem;}
.carry-box{border: 3px solid#00a069; position: relative; text-align: center; padding: 3rem 1rem 4rem; width: 100%; max-width: 985px; margin: 0 auto; margin-top: 6rem;}
.carryinner-box{margin-top: -58px;}
.carryinner-box h2{color: #00a069; font-weight: 500; font-style: italic; background: #fff;  display: inline-block;  padding: 0 2rem;  margin-bottom: 1rem;}
.carryinner-box h3{color: #00a069; font-weight: 500; font-style: italic; font-size: 5rem;}
.features-box{text-align: center; border-right: 1px dashed#000; height: 100%; padding-right: 3.3rem;}
.features-box p{text-align: left; margin: 1.5rem 0;}
.reatures-cont {max-width: 1130px;  margin: 0 auto;}
.reatures-cont > div:last-child .features-box{  border-right: none;}
.feaimg img{width: 100%;}
.spec-table-wrap{ background: #111820;    border-radius: 28px;    padding: 35px 40px;    overflow: hidden;}
.spec-table{margin: 0;    color: #ffffff;     border-top: none !important;}
.spec-table tr{ border-bottom: 1px solid#393f45;}
.spec-table tr:first-child{ border-top: none !important;}
.spec-table tr:last-child{ border-bottom: none;}
.spec-table td{padding: 18px 12px; vertical-align: middle; font-size: 1.8rem; font-weight: 400; line-height: 2.8rem;  border-top: none !important;}
.spec-table td:first-child{ width: 23%;   font-weight: 600;   color: #fff;  padding-left: 7rem;}
.spec-table td:nth-child(2),
.spec-table td:nth-child(3){ width: 30.5%;}
.spec-table tr:nth-child(1){ background:#616161;}
.home-header{background: url(../images/home-bg.webp) top center no-repeat; background-size: cover; position: relative;}
.rfid-box{margin-top: 8rem;}
.overcurrent-box p{width: 570px;}
.rfid-cont > div:nth-child(3) .features-box{border-right: none;}
.technical-table{padding: 3.5rem 11rem;}
.business-header{background: url(../images/business-bg.webp) top center no-repeat; background-size: cover; position: relative;}
.quick-right{margin-right: 6rem;}
.cont-form{border-bottom: 1.5rem; display: flex; justify-content: center;}
.cont-form .btn{margin: 5rem 2rem 0; width: 200px;padding: 8px 26px; padding: 8px 26px;}
.cont-form .form-control{border: 0px;border-bottom: 1px solid #dfdfdf;  border-radius: 0px;  padding: 1rem 0 1rem 3rem;  font-size: 1.8rem;  font-weight: 400; box-shadow: none; color: #b2b2b2;}
.cont-form .form-control::placeholder{color: #b2b2b2;}
.business-right{background: #f4f5f8; padding: 4rem 5rem 6rem; border-radius: 12px;}
.business-right h5{margin-bottom: 0;}
.business-right h5, .business-right p{color: #464646;}
.business-right .address-cont p a {color: #464646;}
.business-right .address-cont p a:hover{color: #00a069;}
.footer-address .amob{margin-bottom: 3rem;}
.footer-address .amob a{color: #464646;}
.address-cont .icong{position: relative; top: 8px;}
.captchimg img{padding: 1rem 0 1rem 3rem;}
.inquire-btn{position: fixed; top: inherit;; right: -100px;  transform: translate(-50%, -50%); z-index: 99; bottom: 0; }
.inquire-btn a:hover{ padding: 1.2rem 2.4rem;}
.inquire-btn a:hover span{ max-width: 200px;  opacity: 1;}
.inquire-btn a {display: flex; align-items: center;  font-size: 2.2rem;  background: #00a069;  width: 100%; max-width: 295px;  padding: 1rem 2rem;  border-radius: 30px;  justify-content: space-around;  color: #fff;  font-weight: 600;}
.inquire-btn .arrow-btn{background: #fff; color: #00a069; margin-left: 1.5rem;}
.inquire-btn a:hover{text-decoration: none;}
.power-header{background: url(../images/power-bg.webp) top center no-repeat; background-size: cover; position: relative;}
.idealfor-col{display: flex;  justify-content: center;  align-items: center;}
.ideal-cont{display: flex; flex-wrap: wrap;}
.ideal-box{width: 42%; border-right: 1px dashed #000;  border-bottom: 1px dashed #000;  text-align: center;  padding: 3rem 1rem;}
.ideal-box p{margin: .8rem 0 0;}
.ideal-cont .ideal-box:nth-child(2), .ideal-cont .ideal-box:nth-child(4){border-right: 0;}
.ideal-cont .ideal-box:nth-child(3), .ideal-cont .ideal-box:nth-child(4){border-bottom: 0;}
.blue, .holt-btn .blue{color: #006cb5;}
.install-header{background: url(../images/install-bg.webp) top center no-repeat; background-size: cover; position: relative;}
.doc-card {background: #fafafa; border: 1px solid #e6e6e6; padding: 18px 22px; border-radius: 10px; margin-bottom: 15px;  transition: 0.25s ease; display: flex; justify-content: space-between;     align-items: center;  }
.doc-card:hover { background: #fff; box-shadow: 0 4px 16px rgba(0,0,0,0.08);  }
.doc-card a:hover{text-decoration: none;}
.doc-title { margin: 0; font-size: 1.6rem;  font-weight: 500; color: #222; display: flex; align-items: center;  }
.install-box{font-size: 1.6rem;}
.doc-title span{color: #0065b2; display: block;  line-height: 3rem;}
.doc-download {font-size: 1.6rem; font-weight: 600; color: #006cb5;  text-decoration: none; }
.doc-download:hover { opacity: 1; }
.doc-download:hover, .doc-download:hover p, .doc-title:hover, .doc-title:hover span{color: #00a069; transition: ease-in-out .5s;}
.doc-download .fa-file-pdf{font-size: 4rem; margin-right: 10px;}