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

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


#responsemainform{text-align:center;padding-bottom:20px;font-weight:bold}
#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: 35px 40px 40px 40px; color:var(--white); border-radius:10px; background-color: var(--title2);}
.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:45px; background-color:#113444; border:none; border-radius:0; padding-left:15px; color:var(--white);}
.forms .form-group textarea.form-control{height:65px; resize: none;}

.forms input[type="button"]{height:45px; border:none; 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.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{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: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;}
.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;} */