a{text-decoration: none; outline: none;}
.dwn-btn,
.vd-title,
.download-btn,
.title strong,
h1 strong,h2 strong,
.section1 .box h4,
.know-more a span,
.header-top .call-us a.num{color:var(--dgray);}

:root{
  --text:#000;
  --title:#005c87;
  --title2:#04415d;
  --dgray:#ff5e14;
  --icons:url(../images/icons.png);
  --white:#fff;
  --lgray:#ece1cd;
}
.bg-color1{background-color:#f8f1e6;}
body{font-family: "Roboto-Regular"; font-size:14px; line-height:normal;  color:var(--text); text-align:left; background-color:#fff;}
.text-center{text-align: center;}
.justify-content-center{justify-content: center;}

strong,
.header-top .call-to-action a,
.header-main h1 small,
.header-main h3,
section h2,
.header-main p,
.forms h5,
.section1 .box h5,
.section1 .box h4,
.common-btn a,
.modal-text-body h5,
.modal-text-header h3,
.header-main.thankyou h2,
.ct-box h4,
.header-main.thankyou a,
.ceritification-carousel .item h5{font-family:"Roboto-Bold";}

h1,
h2{position:relative; padding-left:15px;}
h2::after{position: absolute; content:""; max-width:130px; height:3px; background-color:var(--dgray); bottom:-20px; left:0; right:0; margin:auto; display: none;}
.center h2::after{display: inline-block;}
.center h2{border-left:none; text-align: center; padding-left: 0;}

.common-btn a{background-color:var(--dgray); display:inline-block; font-size:15px; padding:10px 20px; transition:400ms ease-in-out; border:2px solid var(--white); color:var(--white);}
.common-btn a i{background:var(--icons) no-repeat; background-position:-269px 0; width:25px; height:18px; margin-left:5px; display:inline-block;}
.common-btn:hover a{background-color:var(--title); transition:400ms ease-in-out;}

header{background:url(../images/header-bg.webp) no-repeat; background-size:cover;background-position: center center;position: relative;}
header::before{position: absolute;content: "";width: 100%;height: 100%;top: 0;left: 0;background: #000;opacity: 0.2;}
.header-top{padding:16px 0; background-color:var(--white);}
.header-top .logo{display: block; padding:5px 0;}
/* .header-top .logo img{height:40px;} */
.header-top .call-to-action{display:flex; justify-content:flex-end; align-items: center; padding:10px 0;}
.header-top .call-to-action a{margin-left:35px; color:var(--text); display: flex; transition:all 0.4s ease-in-out;}
.header-top a i{margin-right: 10px; background: var(--icons) no-repeat; display:inline-flex;}
.header-top a.num{font-size:18px;}
.header-top a.num i{background-position:0 -19px; width:18px; height:18px;}
.header-top a.email i{background-position:0 -41px; width:19px; height:14px;}
.header-top a.calc{background-color: var(--title2); color:var(--white); padding:10px 20px;}
.header-top a.calc i{background-position:0 0; width:12px; height:15px;}
.header-top a:hover{color:var(--dgray); transition:all 0.4s ease-in-out;}
.header-top a.calc:hover{background-color:var(--dgray); color:var(--white);}


.header-main{padding-top:60px; position: relative;padding-bottom:60px; }
/* .header-main::before{position: absolute;content:"";width: 100%; height: 100%; top: 0; left: 0;background: #000; opacity: 0.7;} */
.head-text-container{padding:25px 25px 20px;color: #fff;}
.header-main h1{margin:0 0 30px; font-size:50px;color:var(--white);font-weight: 700;}
.header-main h1 strong{ color: var(--white);}
.header-main h1 small{font-size:52%; display:block; line-height:30px;}
.header-main h2{margin:0 0 20px 25px; font-size:22px; color:var(--white); padding-left: 0; border-left: none; font-weight: 500;line-height: 30px;}
.header-main ul{font-size:16px; padding:0 0 0 25px; font-weight: normal;}
.section2 ul li,
.benefits ul li,
.header-main ul li{margin-bottom:10px; position: relative; padding-left:25px;}
.section2 ul li::before,
.benefits ul li::before,
.header-main ul li::before{position: absolute; content:""; left:0; top:3px;  width:10px; height:10px; background-color:var(--dgray); border-radius:100% 0 0;}
.header-main hr{margin: 20px -25px 15px; height: 10px; background: var(--dgray); border: none;}
.header-main p{font-size:22px; font-style:italic; color: var(--title);}

.header-main.thankyou{padding-top:80px;height: 96vh;}
.header-main.thankyou h2{border:none; font-size:16px;}
.header-main.thankyou p{ font-size:14px; margin:15px 0;color:var(--white)}
.header-main.thankyou a{color: var(--white);}

.forms{padding: 35px 40px 40px 40px; color:var(--white); border-radius:10px; background-color:#181a1c;}
.forms h3{font-size:14px; padding:0 0 0 15px; border-left:5px solid var(--dgray); margin-bottom:20px;line-height: 18px;}
.forms .form-group .form-control{height:50px; background-color:var(--white); border:none; border-radius:0; padding-left:15px; color:var(--text);}
.forms .form-group .form-control::placeholder{color: #000 !important;font-size: 18px;font-weight: 500;}
.forms .form-group textarea.form-control{height:102px; resize: none;}

.forms input[type="submit"]{height:45px; border:none; background-color:var(--dgray); transition:400ms linear; font-weight:700; font-size:18px; color:var(--white);}
.forms input[type="submit"]:focus,
.forms input[type="submit"]:hover{background-color:var(--title); transition:400ms linear; }
.checkbox-container{display:flex; font-size: 12px;}
.checkbox-container input[type="checkbox"]{width:22px; height:22px; margin-right: 10px;}
.error-border{border-color:red!important;box-shadow:none!important;box-shadow:0 0 8px #000!important}
.section1 h2{text-align: center;}
.section1 p{font-size: 18px;line-height: 25px;text-align: center;}
section{padding:50px 0;}
.about-us{position: relative;}
.section1 img{ border-radius:10px ; -webkit-border-radius:10px ; -moz-border-radius:10px ; -ms-border-radius:10px ; -o-border-radius:10px ; }
.about-us-box{background: #fff;line-height: 26px;box-shadow: 0 2px 1px rgb(0 0 0 / 5%);padding: 24px;display: flex;flex-direction: column;flex: 1;margin-left: 16px;margin-right:80px; margin-top: -60px;position: absolute;z-index: 1;margin-bottom: 20px;}
.about-us-box p{font-size: 13px;line-height: 20px;}
.wlcm-text{padding-bottom: 45px;}
.what-pg{font-size: 16px;text-align: center;line-height: 22px;}
.services-pg{font-size: 14px !important;line-height: 20px !important;margin: 20px 0px;}


section h2{margin-bottom:30px; font-size:36px; color:var(--text);text-align: center;padding: 20px 0px;}
.section1 .vd-box{width:100%; padding:15px 0 0;}
.what-pg {font-size: 15px;text-align: start;}
.vd-box{text-align: center;}
.section1 .vd-box a{position: relative; cursor: pointer; display:block;}
.section1 .vd-box a img{max-width:100%;}
.section1 .vd-box a::before{position: absolute; content: ""; background:var(--text); opacity:0.3; left:0; top:0; width:100%; height:100%; transition:400ms ease-in-out}
.section1 .vd-box a:hover::after{opacity:1; transition:400ms ease-in-out;}
.section1 .vd-box a:hover::before{opacity:0; transition:400ms ease-in-out}

.section2{background:#f8f1e6;color:var(--white); position:relative;}
/* .section2 h2{color:var(--white);} */




.ceritification-carousel .item h5{text-align:center; font-size:15px; color:var(--white); background-color:var(--title); padding:5px;}

.patented{background:var(--lgray) url(../images/bg2.jpg) no-repeat; background-size:cover;}
.patented h2{margin-bottom:60px;}
.patented .owl-carousel{max-width:635px; margin:auto;}
.patented .owl-carousel .owl-item{margin-bottom:0;}
.patented .owl-carousel .owl-item .item{padding:0;}
.patented .owl-carousel .owl-item img{display:inline-block; width:100%; border:10px solid var(--white); border-radius:8px;}

.patented .owl-carousel .owl-dots{display: none;}
.owl-carousel .owl-nav button.owl-prev{float: left; margin-left:-65px;}
.item{display: flex;justify-content: center;}
.benefits{background:url(../images/bg3.jpg) no-repeat; background-size:cover; color:var(--white); padding-bottom:30px;position: relative;padding: 50px 0;}
.benefits h2{color: var(--white); margin-bottom:60px;}
.benefits ul li{font-size:14px;}
.benefits ul li span{display:block; padding: 15px; background-color: var(--dgray); border-radius: 10px 6px 6px;}
.benefits::before{position: absolute;content: "";width: 100%;height: 100%;top: 0;left: 0;background: #000;opacity: 0.7;}
.benefits ul li::before{top: 7;}
.cta{padding:40px 0 50px;}
/* .cta h2{border:none;} */
.why-us{position:relative; overflow:hidden; text-align: center;}
.why-us h2{margin-bottom:50px; color:#fff;}
.why-us img{position: absolute; top:0; left: 0; height:355px; width:100%;}
.ct-box{max-width: 900px; background-color:var(--white); padding:65px 25px 60px; position: relative; box-shadow:0 0 20px #838181; user-select: none; min-height:255px; margin: 10px;}
.ct-box::after{position:absolute; content:""; width:0; height:3px; background-color: var(--title); right:0; bottom:0; transition:all 0.4s ease-in-out;}
.ct-box:hover::after{width:100%; left:0; right:inherit; transition:all 0.4s ease-in-out;}
.ct-box h4{font-size:18px; margin-bottom: 20px;color: #000;}
.BL-logo{padding: 45px 0 15px 0}
.ct-box p{line-height:20px;color: #000;font-size: 13px;font-weight: 700;text-align: center;}
.ct-box .icons{background-color:var(--white); width:105px; height:105px; border-radius:100%; position: absolute; left:0; top:-52px; right:0; margin:auto;}
.ct-box .icons::after{position: absolute; content:""; background:var(--icons) no-repeat; left:0; top:0; right:0; bottom:0; margin: auto;}
.ct-box .icons.pip::after{background-position:-23px -41px; width:68px; height:76px;}
.ct-box .icons.vex::after{background-position:-94px -41px; width:58px; height:72px;}
.ct-box .icons.wcm::after{background-position:-154px -41px; width:68px; height:68px;}
.ct-box .icons.rnd::after{background-position:-227px -41px; width:58px; height:72px;}
.owl-dots{display:flex; justify-content: center; margin-top:15px;}
.owl-dots .owl-dot{width:10px; height:10px; background-color: var(--dgray) !important; border-radius:50%; margin:0 3px;}
.owl-dots .owl-dot.active{background-color: var(--title) !important;}

.customers{background-color: var(--lgray);}
.customers .lists{margin:0; padding:15px 0 0 1px; list-style:none; display:flex; flex-wrap:wrap;}
.customers .lists li{background-color:var(--white); border:1px solid #bbb9b6; margin-left:-1px; padding:10px; margin-top:-1px; width:14.28%; height:109px; display:flex; justify-content:center; align-items:center;}
.customers .lists li img{max-width:100%; max-height: 100%;}
.reacts{background:var(--title2) url(../images/bg4.jpg) no-repeat; background-size:cover;}
.reacts h2{color:var(--white);}
/* .reacts .ct-box{box-shadow:none; text-align: center; margin: 100px 5% 0; min-height:478px; padding:110px 30px 30px;} */
.reacts .ct-box .icons{width:164px; height:164px; background:transparent; padding:0; top:-82px; text-align:center; overflow: hidden; border: 8px solid rgba(255, 255, 255, .5);}
.reacts .ct-box .icons::after{display: none;}
.reacts .ct-box .icons img{max-width:100%; border-radius:100%;}
.reacts .ct-box blockquote{line-height: 22px; padding-bottom:50px; position:relative; min-height: 270px;}
.reacts .ct-box blockquote::after{position: absolute; content:""; right:-5px; bottom:0; background:var(--icons) no-repeat; width:69px; height:48px; background-position:-405px 0; }
.reacts .ct-box h4{color: var(--dgray); font-size:20px;}
.reacts .ct-box h4 small{font-size:66%; display: block; color:#bbb9b6;}
.reacts .ct-box h4 small strong{color: var(--text);}
.reacts .forms{background-color:transparent; padding:20px 0 0 ;}
.reacts .forms .form-control{background-color:#d8e5ec; color:var(--title2); height:52px;}
.reacts .forms .form-control:-moz-placeholder{color:var(--text); opacity:1;}
.reacts .forms .form-control::-webkit-input-placeholder{color:var(--text); opacity:.5;}
.reacts .forms .form-group textarea.form-control{height:181px;}
.reacts  .checkbox-container input[type="checkbox"]{width: 20px; height: 20px;}
.reacts .forms input[type="submit"]{padding:15px 30px; height:auto;}
.ftr-top{padding:40px 0; font-size:12px; line-height:20px;}
.ftr-top hr{margin:10px auto; max-width:220px; border-color:var(--text);}
.ftr-top a{color:var(--text);}
.ftr-top a:hover{color:var(--dgray);}
.manufacturingcarousel{padding-top: 30px;}
.full-width-section{position:relative;padding:60px 0;z-index:11}.full-width-section.padd-top-half{padding-top:90px}.full-width-section.no-padd-top{padding-top:0}.full-width-section .outer-box{position:relative;padding-bottom:40px}.full-width-section .image-column{position:relative;right:0;top:0;width:100%;height:100%;float:right;background-size:cover;background-repeat:no-repeat;background-position:center center}.full-width-section .image-column .image{width:100%}.full-width-section .image-column .image img{display:block;width:100%}.full-width-section .image-column .overlay-link,.testimonial-section .overlay-link{position:absolute;left:0;top:0;width:100%;background:rgba(0,0,0,.6);transition:.6s;-moz-transition:.6s;-webkit-transition:.6s;-ms-transition:.6s}.full-width-section .image-column .overlay-link .icon,.testimonial-section .overlay-link .icon{position:absolute;left:50%;margin-left:-35px;width:100%;height:100vh;top:50%;margin-top:-35px;text-align:center;color:#fe0000;font-size:68px;border-radius:50%;padding-left:5px}.full-width-section .image-column .overlay-link .icon::before{z-index:1;position:relative}.full-width-section .image-column:hover .overlay-link,.testimonial-section .testimonial-one:hover .overlay-link{background:rgba(0,0,0,.5)}.full-width-section .main-product-carousel .owl-dots{position:absolute}
.sec-title .title{position:relative;font-size:20px;margin-bottom:15px;color:rgba(0,0,0,.5);text-align: center;}
ol.custom-lists li::before{position:absolute;left:0;top:0;content:counter(custom-counter);font-size:14px;width:30px;height:30px;border-radius:50%;background-color:#ff5e14;color:#fff;font-weight:700;text-align:center;line-height:30px}
ol.custom-lists li{margin-bottom:15px;position:relative;counter-increment:custom-counter;padding-left:40px;line-height:normal;min-height:30px;display:flex;align-items:center;font-weight:400;font-size:15px}
footer{color: #9d9c9a; padding:0; font-size:12px; background-color: var(--text);}
footer p{padding:20px 0;font-size: 14px;}
footer a{color: #9d9c9a; text-decoration: none; margin:0 10px;}
footer a:hover{color:#fff;}
.whatsapp-chat{position:fixed; left:10px; bottom:40px; width:36px; height:36px; z-index: 111;}
.whatsapp-chat img{max-width:100%; height:100%;}
.Brands{border: 2px solid#aa7526;}
.brand-imgs{width: 100%;padding: 10px;}
.Offernings h3{font-size: 18px;font-weight: 600;padding-top: 20px;text-align: center;}
.certification-box{padding-top: 40px;}
.certification-box ul {display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}
.certification-box ul li{padding: 0 10px 20px; max-width:15%;flex: 0 0 25%;}
.clients-carousel{padding-top: 40px;}
.clients-img{width: 216px !important;height: auto;}
 small{font-size:16px;}
.popular-search span{line-height: 27px;font-size: 16px;}
.linkedin-box{display: flex;}
.owner-profile {background: #f9f7f5;padding: 50px 0;}
.profile-container{max-width:800px;margin:0 auto;padding:15px;box-shadow:0 0 20px #e7e6e6;border-radius:15px;background-color:#fff}
.profile-pic img{border-radius:100%;border:1px solid #ededed;padding:10px}
.profile-text{padding: 40px 35px;}
.profile-text{line-height: 24px}
.profile-text h2{margin-bottom:10px;text-align: start;}
.profile-pic{padding: 10px;text-align: center;}
.popular-searches {text-align: start}
h2 small{font-size:18px;}
.Are-pg{width: 50%;margin-left: auto;margin-right: auto;text-align: center;line-height: 25px;font-size: 17px;padding-bottom: 20px;}
.mobile-activity {display: none;}
.sm{display: none;}
.accordion{width:90%;max-width:1000px;margin:2rem auto;position: relative;}
.accordion-item{background-color:#fff;color:#111;margin:1rem 0;border-radius:.5rem;box-shadow:0 2px 5px 0 rgba(0,0,0,.25)}
.accordion-item-header{padding:.5rem 3rem .5rem 1rem;min-height:3.5rem;line-height:1.25rem;font-weight:700;display:flex;align-items:center;position:relative;cursor:pointer}
.accordion-item-header::after{content:"\002B";font-size:2rem;position:absolute;right:1rem}
.accordion-item-header.active::after {content: "\2212";}
.accordion-item-body{max-height:0;overflow:hidden;transition:max-height .2s ease-out}
.accordion-item-body-content{padding:1rem;line-height:1.5rem;border-top:1px solid;border-image:linear-gradient(to right,transparent,#34495e,transparent) 1}
ol{list-style-type: circle;}
@media only screen and (max-width:767px){
header::before{position: inherit;}
img{max-width:100%;}
.header-main{padding-bottom:0; background: url(../images/mb01.jpg) no-repeat; background-size:100%;position: relative;}
.header-main::before {position: absolute;content: "";width: 100%;height: 100%;top: 0;left: 0; background: #000;opacity: 0.5;position: absolute;}
.header-top a.logo{display: block; margin: 0 auto;}
.header-top .call-to-action{flex-wrap: wrap; justify-content: flex-end; padding:0}
.header-top  a.calc{width: 160px; padding: 5px; font-size: 14px; margin:5px 0; }
.header-top a.num{font-size: 15px; width: 160px; margin:0 0 6px; justify-content: flex-end;}
.header-top a.email{width: 100%; margin-top: 3px;margin-left:10px; justify-content: flex-end;font-size: 12px;}
.head-text-container{padding:20px 6px;}
.header-main h1{font-size:28px; margin-bottom:20px;}
.header-main h1 strong{font-size:18px; line-height:24px;}
.header-main h3{margin: 0 0 20px 0; font-size:16px;}
.header-main ul{font-size:14px; padding:0;}
.header-main hr{margin: 20px -6px 15px;}
.header-main p{font-size:16px;}
.forms{padding:25px 15px; margin: 0 -15px; border-radius: 0;}
.mt{margin-top: 110px;}
.forms .form-group .form-control{height: 45px;}
.form-group{margin-bottom:15px;}
.section1,
.section1 p {font-size: 15px;line-height: 23px;text-align: justify;}
section{padding:30px 0;}
section h2{font-size:20px;margin-bottom: 0px;}
.section1 .box{margin:0 0 15px; padding:10px; min-height: 144px;}
.section1 .box h4{font-size:16px; margin-bottom: 10px;}
.Brands{margin: 8px 0 8px 0;}
.videos h2{margin-top:15px;}
.section1 .box h5{font-size:12px;}
.section1 .vd-box{padding:0;}
.about-imgs{margin: 10px 0px;}
.Are-pg {text-align: center;padding-bottom: 20px;width: 100%;line-height: 20px;font-size: 14px;}
.section2 ul{padding:0 0 20px;}
.common-btn {text-align: center;}
.common-btn a{font-size: 16px; padding: 8px 15px;}
.common-btn a i{transform: scale(0.7);}
.ceritification-carousel .item h5{padding: 5px 0; font-size: 11px;}
.benefits{background:var(--title2) url(../images/m-bg3.jpg) no-repeat; background-size:100% 100%;padding: 25px 0;}
.patented h2,.benefits h2{margin-bottom: 40px;}
.benefits ul li{margin-bottom: 15px; font-size: 14px;}
.cta{padding: 25px 0 30px;}
.cta h2{ font-size:16px;line-height: 25px;}
.why-us{background-color: var(--text);}
.why-us img{display: none;}
.customers .lists{justify-content:center;}
.full-width-section .content-column {width: 100%;padding: 0px 15px 0px;}
.full-width-section .image-column {width: 100%;position: relative;top: inherit;margin: 20px 0 0;}
.full-width-section{padding: 0px 0;}
.customers .lists li{height: 80px; width:25%;}
.subcta h2{margin-top:30px;}
.testimonial-carousel{margin-bottom: 30px;}
.reacts{background:var(--title2) url(../images/m-bg4.jpg) no-repeat; background-size:100% 100%;}
.reacts .ct-box{margin: 52px 0 0; padding:70px 15px 15px; min-height: inherit;}
.ct-box{padding: 20px 25px 50px;}
.inner-box h3{padding-top: 110px;}
.reacts .ct-box .icons{width: 104px; height: 104px; top:-52px;}
.reacts .ct-box blockquote{min-height:inherit; font-size: 13px; line-height:18px;}
.reacts .forms{margin:0; padding:0;}
.reacts .forms .form-control::-moz-placeholder{color:var(--text);}
.reacts .forms .form-control::-webkit-input-placeholder{color:var(--text);}
.reacts .forms .form-group textarea.form-control{height:90px;}
.profile-text h2{text-align:center;}
.checkbox-container{font-size:12px;}
.popular-search span{font-size: 14px;}
.linkedin-box{display: block;}
.profile-text {padding: 5px 35px;text-align: center;}
footer{text-align:center; padding:10px 0;}
footer a{margin:0 5px;}
footer p{padding: 4px 0;}
.vd-box iframe{width: 100%;}
.certification-box ul li{max-width: 45%;flex: none;}
.Offernings h3{font-size:14px;font-weight:600;padding-top:5px;text-align:center}
.inner-box{padding-left: 5px !important;padding-top: 80px !important;}
.mobile-activity {width: 100%;display: block;position: fixed;left: 0;bottom: 0;z-index: 11;}
.mobile-activity a,.mobile-activity button{border:none;width:50%;float:left;padding:9px;display:flex;justify-content:center;font-size:14px;font-weight:600;letter-spacing:1px;cursor:pointer;color:#fff;background-color:#000;text-transform:uppercase}
.mobile-activity a:first-child {background-color: #6a6965;}
.Designed{padding: 10px 0 30px  0;}
.lg{display: none;}
.sm{display: block;}
.header-main.thankyou{height: auto;}
}
.inner-box {position: relative;padding-top: 25px;padding-left: 230px;min-height: 178px;}
.inner-box .image {position: absolute;left: 0px;top: 0px; width: 170px;height: 178px;}
.inner-box h3 {position: relative;color: #222222;font-weight: 600;line-height: 1.3em;font-size:  28px;}
.inner-box .text {position: relative;color: #777777;font-size: 15px;font-weight: 400;line-height: 1.8em;margin-top: 12px;}
/* .quote-icon::after{ position: absolute;content: "";right: -5px;bottom: 0;background: var(--icons) no-repeat;width: 69px;height: 48px;background-position: -405px 0;} */