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,
.header-main.thankyou h4{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;}

.common-btn a{background-color:var(--dgray); display:inline-block; font-size:20px; 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{padding-bottom:60px; background:url(../images/header-bg.jpg) no-repeat; background-size:cover;}
.header-top{padding:5px 0; background-color:var(--white);}
.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;}
.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:36px;}
.header-main h1 strong{display: block; color: var(--title); font-size:42px; line-height: 36px;}
.header-main h1 small{font-size:72%; display:block; line-height:46px; text-align: center;}
.header-main h3{margin:0 0 20px 25px; font-size:22px; color:var(--title2);}
.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:18px;}
.header-main.thankyou p{ font-size:16px; margin:15px 0;}
.header-main.thankyou a{color: var(--title); font-size: 18px;}
.header-main.thankyou h4{font-size:14px;}

.forms{padding:40px; color:var(--white); border-radius:10px; background-color: var(--title2);}
.forms h5{font-size:22px; padding:0 0 0 15px; border-left:5px solid var(--dgray); margin-bottom:30px;}
.forms .form-group .form-control{height:60px; background-color:#113444; border:none; border-radius:0; padding-left:15px; color:var(--white);}
.forms .form-group textarea.form-control{height:115px; resize: none;}
.forms .form-group span small {font-size: 11px;color: #ff3b00cc;font-weight: 600;display: block;padding: 10px 0 0;}

.forms input[type="submit"]{height:60px; 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: 14px;}
.checkbox-container input[type="checkbox"]{width:30px; height:30px; margin-right: 10px;}

section{padding:60px 0;}
section h2{margin-bottom:30px; font-size:32px; color:var(--title2);}

.section1{padding:50px 0;}
.section1 .box{background-color:var(--lgray); text-align: center; padding:20px 10px 10px; 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;}
.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;}
.section1 .vd-box a{position: relative; cursor: pointer; display:block;}
.section1 .vd-box a img{max-width:100%;}
.section1 .vd-box a::after{position:absolute; opacity:0.7; z-index:1; background:var(--icons) no-repeat; transition:400ms ease-in-out; left:0; right:0; top:0; bottom:0; margin:auto; content: ""; width:85px; height:84px; background-position:-315px 0;}
.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}
.section1 .vd-box iframe{max-width:640px; width:100%;}

.section2{background:url(../images/bg1.jpg) no-repeat; background-size:cover; 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);}
.section2 .common-btn{position:absolute; bottom:-15px; left:0; right: 0; text-align: center;}
.certifications{background:url(../images/bg5.jpg) no-repeat; background-size:cover;}
.ceritification-carousel .item h5{text-align:center; font-size:15px; color:var(--white); background-color:var(--title); padding:5px;}
.certifications ul{display:flex; margin:15px -5px; padding:0; list-style:none;}
.certifications ul li{padding:0 5px;}
.certifications ul li img{max-width:100%;}
.certifications .patentd ul {padding-right:88px;}

.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-nav{position: absolute; top: 50%; transform: translateY(-50%); width: 100%; padding:0 15px;} */
/*.patented .owl-carousel .owl-nav button.owl-next, 
 .owl-carousel .owl-nav button.owl-prev{line-height: 20px; outline: none; float: left;width: 50px; height: 50px; background: #d0ceca;padding: 8px !important;}
.patented .owl-carousel .owl-nav button.owl-next span, .owl-carousel .owl-nav button.owl-prev span{font-size:100px; color: #fff;}
.patented .owl-carousel .owl-nav button.owl-next{float:right; margin-right:-65px;}
.patented .owl-carousel .owl-stage-outer{height: auto !important; padding: 0;} */
.patented .owl-carousel .owl-dots{display: none;}
.owl-carousel .owl-nav button.owl-prev{float: left; margin-left:-65px;}

.benefits{background:var(--title2) url(../images/bg3.jpg) no-repeat; background-size:cover; color:var(--white); padding-bottom:30px;}
.benefits h2{color: var(--white); margin-bottom:60px;}
.benefits ul li{margin-bottom:30px; font-size:15px;}

.cta{text-align:center; 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{background-color:var(--white); padding:65px 25px 30px; position: relative; box-shadow:0 0 20px #838181; margin-top:70px; user-select: none; min-height:255px;}
.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;}
.ct-box p{opacity:.7; line-height:24px;}
.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.featured{background-color:var(--white); padding-bottom:0;}
.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.featured .lists li{height:80px;}
.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);}

footer{color: #9d9c9a; padding:0; font-size:12px; background-color: var(--text);}
footer p{padding:10px 0}
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%; }
.header-main.thankyou #player{width:100%; margin-bottom:40px; height: 315px;}
.header-main.thankyou .head-text-container{padding:60px 35px;}
.header-main.thankyou .head-text-container .cta{padding: 15px 0; border-top:2px dashed var(--lgray); border-bottom:2px dashed var(--lgray); margin-bottom:15px;}
.header-main.thankyou .head-text-container .cta h4{color: var(--dgray);}
@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%; height: auto !important;}
.header-top a.logo{width: 200px; display: block; text-align: center; margin: 0 auto;}
.header-top .call-to-action{flex-wrap: wrap; justify-content: center;}
.header-top  a.calc{width: 160px; padding: 5px; font-size: 14px; margin:5px 0; }
.header-top a.num{font-size: 15px; width: 160px; margin: 5px; justify-content: center;}
.header-top a.email{width: 100%; margin-top: 8px;}
.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: 30px; line-height: 30px;}
.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:30px 0;}
section h2{font-size:22px;}
.section1 .box{margin:0 0 15px; padding:10px; min-height: 144px;}
.section1 .box h4{font-size:16px; margin-bottom: 10px;}
.videos h2{margin-top:15px;}
.section1 .box h5{font-size:12px;}
.section1 .vd-box{padding:0;}
.section2{background:var(--title2) url(../images/m-bg1.jpg) no-repeat; background-size:100% 100%;}
.section2 ul{padding:0 0 20px;}
.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;}
.certifications ul{flex-wrap: wrap;}
.certifications ul li{max-width:50%; margin-bottom:10px;}
.certifications .patentd ul{padding-right:0;}
.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{margin-bottom: 10px; font-size:16px;}
.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;}
.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;}
footer{text-align:center; padding:10px 0;}
footer a{margin:0 5px;}
footer p{padding: 4px 0;}

}