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:#aa7526;

  --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:var(--white);}

.text-center{text-align: center;}

.justify-content-center{justify-content: center;}

[type="radio"]:checked,
[type="radio"]:not(:checked) {position: absolute; left: -9999px;}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label{position: relative; padding-left: 28px; cursor: pointer; line-height: 20px; display: inline-block; color: #e4e2e2;}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {content: ''; position: absolute; left: 0; top: 0; width: 18px; height: 18px; border: 1px solid #ddd; border-radius: 100%; background: #fff;}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {content: ''; width: 12px; height: 12px; background:var(--dgray); position: absolute; top: 4px; left: 4px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;}
[type="radio"]:not(:checked) + label:after {opacity: 0; -webkit-transform: scale(0); transform: scale(0);}
[type="radio"]:checked + label:after {opacity: 1; -webkit-transform: scale(1); transform: scale(1);}


.hide{display:none;}
.show{display: block;}
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; border-left:10px solid var(--dgray); 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;}

.header-top{padding:5px 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);}






#responsecta1form{text-align:center;padding-bottom:20px;font-weight:bold}

#responsecta2form{text-align:center;padding-bottom:20px;font-weight:bold}

#responsecta3form{text-align:center;padding-bottom:20px;font-weight:bold}

#responsecta4form{text-align:center;padding-bottom:20px;font-weight:bold}

#responsecta5form{text-align:center;padding-bottom:20px;font-weight:bold}



.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{background-color:var(--white); padding:25px 25px 20px; border:10px solid var(--lgray); border-radius:20px;}

.header-main h1{margin:0 0 30px; font-size:30px;color: #005c87;}

.header-main h1 strong{ color: var(--title);}

.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(--title2); padding-left: 0; border-left: none; font-weight: 600;}

.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;}

.header-main.thankyou h2{border:none; font-size:16px;}

.header-main.thankyou p{ font-size:14px; margin:15px 0;}

.header-main.thankyou a{color: var(--title);}



.forms{padding: 40px; color:var(--white); border-radius:10px; background-color: var(--title2); min-height: 465px;}

.forms h3{font-size:14px; padding:0 0 0 15px; border-left:5px solid var(--dgray); margin-bottom:30px;line-height: 18px;}
.forms h4{margin-bottom: 15px;}

.forms .form-group .form-control{height:45px; background-color:#113444; font-family:"Roboto-Regular"; border:none; border-radius:3px; padding-left:15px; color:var(--white);}

.forms .form-group textarea.form-control{height:65px; resize: none;}

#responsecta{margin-bottom:15px;}

.forms input[type="button"]{height:45px; border:none; border-radius:3px; font-family:"Roboto-Regular"; background-color:var(--dgray); transition:400ms linear; font-weight:700; font-size:18px; color:var(--white);}

.forms input[type="button"]:focus,

.forms input[type="button"]: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}



section{padding:50px 0;}

section h2{margin-bottom:30px; font-size:23px; color:var(--title2);}



.section1{padding:50px 0;}

.section1 .box{background-color:var(--lgray); text-align: center; padding:28px 10px 28px; margin:15px 0; min-height:172px;}

.section1 .box i{display: block; margin:0 auto 15px; background:var(--icons) no-repeat;}

.section1 .box i.yoe{background-position:-23px 0; width:50px; height:35px;}

.section1 .box i.ins{background-position:-76px 0; width:35px; height:37px;}

.section1 .box i.dps{background-position:-115px 0; width:37px; height:36px;}

.section1 .box i.fse{background-position:-155px 0; width:33px; height:33px;}

.section1 .box i.naw{background-position:-191px 0; width:34px; height:35px;}

.section1 .box i.apc{background-position:-228px 0; width:32px; height:34px;}

.section1 .box h4{font-size:24px; margin-bottom:15px; display: flex; justify-content: center; margin-top: 10px;}

.section1 .box h4 sup{margin-right: 4px; font-size: 16px;}

.section1 .box h5{font-size:14px; line-height: normal;}



.section1 .vd-box{width:100%; padding:15px 0 0;}

.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);} */



.section2 ul{padding-left:25px;}

.section2 ul li{margin-bottom: 10px; line-height:18px;}

.section2 ul li::before,

.benefits ul li::before{background-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.webp) 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{margin-bottom:30px; font-size:18px; padding-left: 0}

.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: 0;}

.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;}



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: 23px;}

.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:15px;}

.profile-pic{padding: 10px;text-align: center;}

h2 small{font-size:18px;}

.mobile-activity {display: none;}



@media only screen and (max-width:767px){

img{max-width:100%;}

header{padding-bottom:0; background: var(--title2) url(../images/m-header-bg.jpg) no-repeat; background-size:100% 100%}

.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 3px; justify-content: flex-end;}

.header-top a.email{width: 100%; margin-top: 3px;margin-left:10px; justify-content: flex-end;}

.header-main{padding-top: 30px;}

.head-text-container{padding:20px 6px; margin-bottom: 30px;}

.header-main h1{font-size:24px; margin-bottom:20px;}

.header-main h1 strong{ 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;}

.forms .form-group .form-control{height: 45px;}

.form-group{margin-bottom:15px;}

.section1,

section{padding:40px 0;}

section h2{font-size:20px;}

.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;}

.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%;}

.patented h2,.benefits h2{margin-bottom: 50px;}

.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;}

.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;}

.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;}

}

.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;} */