@font-face{font-family:'Raleway';src:url(../fonts/Raleway-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Raleway';src:url(../fonts/Raleway-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Raleway';src:url(../fonts/Raleway-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}
*{margin:0;padding:0;font-family:"Raleway"}
h1,h2,h3,h4,h5,p{font-family:"Raleway";color:#666}
p{margin:0;font-size:16px}
ul{padding:0;margin:0}
ul li{list-style-type:none}
a{text-decoration:none;color:var(--nblue)}
a:hover{text-decoration:none;cursor:pointer}
svg{width:30px;height:30px}
body{padding:80px 0 0}
:root{--green:#ff9d14;--nblue:#012b51;}
@media (min-width:1200px) {
.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:88%}
}
h2{font-size:44px;color:#000;margin:10px 0 40px;font-weight:700;text-align:center}
.logo a{display:inline-block;width:100%;margin:0;max-width:320px}
.logo a img{width:60%;margin:0}
.topBar .rt{display:flex;justify-content:flex-end;width:100%;align-items:center;min-height:70px;font-size:14px}
.topBar .rt .icon{width:18px;height:18px;fill:var(--nblue);display:inline-block;vertical-align:top;margin:3px 4px 0}
.rt a:hover{color:var(--nblue)}
.topBar .mail{margin:0 0 0 20px}
.topBar{padding:10px 0;box-shadow:0 0 20px -9px #666;position:fixed;width:100%;left:0;top:0;z-index:1000;background:#fff}
.navbar .login a {background: var(--green);padding: 5px 14px 4px !important;width: auto;display: inline-block;text-align: center;vertical-align: top;line-height: 18px;font-size: 14px;margin: 0 0 0 20px;border-radius: 45px;color: #fff;}
.login a:hover{background:var(--nblue); color:#fff}
.login{display:none}
.topBar .rt .login .icon{width:18px;height:16px;fill:#fff}
.navbar{width:100%;text-align:right;padding:11px 0}
.navbar .nav-link{color:var(--nblue);font-size:14px;padding:6px 15px!important;margin:0 5px;font-weight:500}
.navbar .nav-link:hover{color:var(--green)}
.navbar .nav-item.active .nav-link{border-radius:4px;color:var(--green)}
.menu_fixed{position:fixed;z-index:90!important;width:100%;background-color:#fff;box-shadow:0 10px 15px rgba(0,0,0,0.05);top:0}
.menu_fixed img{width:190px}
.menu_fixed .rt{min-height:50px}
.menu_fixed .logo a{margin:7px 0 0}
.navbar-nav li{list-style-type:none;align-items:center;display:flex;flex-wrap:wrap}
.contactHead{width:200px;text-align:left;margin:0 0 0 20px}
.contactHead a{display:inline-block;width:100%;font-family:Arial,Helvetica,sans-serif}
.contactHead a svg{width:18px;height:18px;fill:var(--green)}
.banner{padding:0;text-align:left;background:url(../images/banner-bg.png) right bottom / 50% no-repeat;display:flex;align-items:center;height:91vh}
.banner h1{color:var(--nblue);font-size:40px;margin:40px 0 0}
.banner h1 strong{width:100%;display:inline-block}
.banner .icon {
    fill: var(--green);
    width: 20px;
    height: 25px;
    display: inline-block;
    vertical-align: top;
    margin: 1px 7px 0 0;
  }
  .banner ul {
    margin: 0 0 20px;
  }
  .banner li {
    font-size: 16px;
    color: #666;
  }
  .banner h3 {
    font-size: 22px;
    margin: 0;
  }



.typewrite{animation-delay:5s!important;font-size:30px;margin:0 0 50px;font-weight:700;color:var(--green)}
.cta{background:var(--green);color:#fff;font-size:18px;font-weight:700;min-width:180px;display:inline-block;padding:8px 20px;border-radius:60px;text-align:center;border:none}
.cta:hover{background:var(--nblue);color:#fff;cursor:pointer}
.offerArrow{background:var(--nblue);color:var(--green);font-size:21px;font-weight:700;min-width:390px;display:inline-block;padding:8px;border-radius:8px 0 0 8px;text-align:center;border:none;position:relative}
.offerArrow::after{position:absolute;content:"";width:0;height:0;border-top:24px solid transparent;border-bottom:24px solid transparent;border-left:24px solid var(--nblue);top:0;right:-24px}
.banner p {
    font-size: 20px;
    width: 100%;
    margin: 30px auto 10px;
    max-width: 610px;
    font-weight: bold;
  }
.err{color:#f4976c;position:relative;top:-4px;text-align:left;display:none;float:right;width:100%;font-size:15px}
.err2{color:red;position:relative;top:-4px;text-align:left;display:none;float:right;width:100%;font-size:15px}
.has-error{border:2px solid red}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.verify_div{display:none}
.half_row{width:49%!important;display:inline-block}
.intl-tel-input .flag{display:inline-block!important;margin-right:5px}
.intl-tel-input{display:flex}
#com_o_f_phone{width:65%}
.captchaInput{width:100px;border:solid 1px #ced4da;height:36px;text-align:center;border-radius:4px;display:inline-block;vertical-align:top}
#country-codes{display:inline-block;width:95px;margin:0 10px 0 0}
#country-codes .btn.btn-primary.dropdown-toggle{width:100%;border-color:#c3c3c3;z-index:-1;margin:0;display:inline-block;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}
#com_o_f_phone{display:inline-block;width:78%}
.intl-tel-input{width:100%}
.attch-feild{display:flex}
.attch-feild input#comm_o_f_att_file1{width:100%;vertical-align:sub;float:left;height:auto;padding:7px}
.attch-feild a#comm_o_f_add_more{line-height:23px!important;color:#f4976c;background-color:#fff;border-radius:4px;width:30px;height:30px;text-align:center;border:2px solid #f4976c;display:inline-block;padding:0;margin-top:3px;font-weight:700;font-size:25px}
.form-box .captcha a#change-image{vertical-align:top;display:inline-block;padding:5px 8px;margin:0 4px;border:none;color:var(--yellow);background:#313c67;border-radius:4px;text-align:center}
.form-box .icon{position:unset!important;display:inline-block;fill:#fff!important;width:18px!important;height:18px!important;margin:-2px 0 0}
#com_o_f_captcha_1{width:120px;display:inline-block}
@media (max-width: 768px) {
.half_row{width:100%!important}
#com_o_f_phone{width:66%!important}
.helpOption{display:none}
.rquestCall{display:none}
.mobile_view{display:block}
}
.services{text-align:center;background:url(../images/service-bg1.svg) left top /auto 50% no-repeat,url(../images/service-bg2.svg) right bottom /auto 50% no-repeat,#F7FAFC;padding:70px 0;margin:0 0 6%}
.subService{background:#fff;padding:30px;border-radius:30px 150px 30px 30px;box-shadow:0 0 25px -18px #000;margin:25px 10px 70px;text-align:left}
.subService img{width:100px;margin:-90px 0 10px;height:100px}
.subService h3{font-size:24px;font-weight:700;color:var(--nblue);margin:0 0 20px}
.subService p{font-size:16px;margin:0 0 30px}
.subService a {
    display: inline-block;
    background: var(--green);
    vertical-align: top;
    border-radius: 100px;
    padding: 3px 15px;
    color: #fff;
  }
  .subService .icon {
    fill: #fff;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: top;
    margin: 2px 0 0 6px;
  }
.services h5{font-size:19px;color:var(--green)}
.services h2{color:var(--nblue);margin:16px 0 80px}
.about{padding:70px 0;margin:0 0 6%}
.about h5{font-size:19px;color:var(--green)}
.about h2{color:var(--nblue);margin:16px 0 45px;text-align:left}
.about p{font-size:16px;margin:0 0 30px}
.testimonial{text-align:center;background:url(../images/service-bg1.svg) left center /auto 80% no-repeat,url(../images/service-bg2.svg) right center /auto 80% no-repeat,#F7FAFC;padding:70px 0;margin:6% 0 0}
.testimonial .item{background:#fff;padding:30px;border-radius:20px;box-shadow:0 0 25px -18px #000;margin:30px 10px;text-align:left}
.testimonial .testTop img{width:30px;display:inline-block;margin:0 6px 0 0}
.testimonial h5{font-size:19px;color:var(--green)}
.testimonial h2{color:var(--nblue);margin:16px 0 45px;text-align:center}
.testTop{text-align:left;border-bottom:solid 1px #ccc;margin:0 0 20px}
.starTest .icon{width:20px;height:16px;fill:#f8d021}
.starTest{display:inline-block}
.testTop p{font-size:13px;font-weight:700;margin:3px 0 10px;padding:0 2px}
.testText p{font-size:15px}
.owl-nav button{margin:0 10px}
.owl-nav button img{width:30px}
.usp{text-align:center;padding:60px 0 0;margin:0 0 70px}
.subUsp{background:#fff;padding:30px;border-radius:20px;box-shadow:0 0 25px -18px #000;margin:25px 10px;text-align:left;min-height: 400px;}
.subUsp p{font-size:16px;margin:0 0 30px}
.usp h5{font-size:19px;color:var(--green)}
.usp h2{color:var(--nblue);margin:16px 0 80px}
.uspIc{display:inline-block;background:var(--green);padding:13px 0 0;width:55px;height:55px;text-align:center;margin:0 0 20px;border-radius:80px}
.uspIc .icon{width:30px;height:30px;fill:#fff}
.subUsp h3{font-size:24px;font-weight:700;color:var(--nblue);margin:0 0 24px}
.uspCta{text-align:right}
.team{padding:70px 0;margin:0 0 6%}
.team h5{font-size:19px;color:var(--green)}
.team h2{color:var(--nblue);margin:16px 0 45px;text-align:left}
.team p{font-size:16px;margin:0 0 30px}
.team .row{align-items:center}
.feature{padding:70px 0;margin:0 0 6%;background:url(../images/service-bg2.svg) right center /auto 80% no-repeat,#F7FAFC}
.feature h5{font-size:19px;color:var(--green)}
.feature h2{color:var(--nblue);margin:16px 0 45px;text-align:left}
.feature p{font-size:16px;margin:0 0 30px}
.feature .rt img{width:50px;display:inline-block}
.feature ul li{display:flex;align-items:center;margin:0 0 15px 20px}
.feature .rt h3{font-size:24px;font-weight:700;color:var(--nblue);margin:0 0 0 20px}
.faq{margin:0 0 6%}
.faq h2{color:var(--nblue);margin:15px 0 50px;text-align:center}
.faq .card{margin:0 0 20px;border-bottom:solid 3px var(--green)}
.faq .card-header{padding:0}
.faq button{width:100%;text-align:left;padding:12px;color:#666;font-size:18px}
.faq button:hover{text-decoration:none;background:var(--green);color:#000}
.faq button:focus{text-decoration:none;background:var(--nblue);color:#fff}
.faq .card-body h4{font-size:21px;font-weight:700;color:#000;margin:10px 0 25px;border-bottom:solid 1px var(--green);padding:0 0 8px}
.faq .card-body h5{font-size:18px;color:#000;margin:30px 0 15px}
.faq .card-body ul{padding:0 0 0 30px;list-style:disc}
.faq .card-body ul li{width:100%;list-style:disc;font-size:14px;color:#666;margin:0 0 3px}
.faq ol {padding: 0 0 0 25px;}
.faq .card-body a{background:var(--green);color:#000;padding:6px;display:inline-block;width:120px;text-align:center;border-radius:5px;margin:20px 0 0;font-size:15px}
.faq .card-body a:hover{background:var(--nblue);color:#fff}
.orderForm{background:#fff;padding:20px;box-shadow:0 0 10px -3px #000;border-radius:20px}
.orderForm h2{color:#fff;text-align:left;font-size:25px;display:inline-block;background:var(--nblue);padding:6px 0 6px 21px;width:60%;border-radius:0 30px 30px 0;margin:10px 0 30px -20px; min-width: 310px;}
.contPageFrm .form-control{border:none;border-radius:6px;font-size:14px;color:#666;height:45px;box-shadow:0 0 5px -3px #666; border: solid 1px #eee;}
.contPageFrm textarea.form-control{height:auto}
.contactBtn{background:var(--yellow);width:170px;margin:30px 0 0}
.contactBtn:hover{background:var(--nblue);color:#fff}
.subContact label{font-weight:700;color:#000;width:100%;margin:0 0 5px}
.subContact{margin:0 0 25px}
.subContact a{font-size:15px;color:#666}
.subContact p{font-size:15px;color:#666}
.banner h2 strong{font-size:30px;margin:0 0 20px;display:inline-block}
#captcha_hidden_value_1{width:100px;border:none;background:#ddd;text-align:center;height:43px;border-radius:5px;font-size:16px;color:#333;margin:0 6px 0 0}
#change-image svg{width:25px;fill:var(--nblue)}
#captcha_1{width:150px;display:inline-block;margin:0 0 0 10px}
.menu_fixed{position:fixed;z-index:90!important;width:100%;background-color:#fff;box-shadow:0 10px 15px rgba(0,0,0,0.05);top:0}
.menu_fixed img{width:190px}
.menu_fixed .rt{min-height:50px}
.menu_fixed .logo a{margin:7px 0 0}
.beforeFoot{background:#eee;padding:40px 0 0}
.beforeFoot img{width:80%;float:right}
.beforeFoot h2{color:var(--nblue);margin:15px 0 50px;text-align:left;color:var(--nblue);margin:15px 0 20px;text-align:left;font-size:30px}
.beforeFoot p{margin:0 0 40px}
.beforeFoot .row{align-items:center}
.footLogo{width:100%;display:inline-block;text-align:left}
.footLogo img{float:left;margin:0 0 20px}
.infoLinks a{display:inline-block;width:100%;margin:0 0 10px;color:var(--nblue);font-size:17px}
.infoLinks a:hover{color:var(--green)}
.infoLinks .icon{width:20px;height:20px;fill:var(--green);margin:0 7px 0 0}
.impLinks{margin:11px 0 0}
.impLinks .nav-link{padding:3px 0 0;font-size:14px;color:var(--nblue);display:inline-block}
.impLinks .nav-link:hover{color:var(--green)}
footer{background:#eee;text-align:center;padding:25px 0 20px}
footer p{margin:0;color:#666;border-top:solid 2px #ccc;padding:20px 0 0;font-size: 14px;}
.subThanks{text-align:center;background:#fff;width:100%;box-shadow:0 0 20px -7px #000;border-radius:30px;padding:30px 20px 40px}
.subThanks img{width:220px;margin:0 0 10px}
.subThanks h1{margin:0;font-weight:700;font-size:25px}
.subThanks p{font-size:17px;width:100%;margin:10px auto 30px;max-width:none;line-height:23px}
.whatsapp{position:fixed;right:30px;z-index:1000;bottom:30px;background:#64b161;padding:7px;border-radius:7px;cursor:pointer}
.whatsapp svg{width:35px;height:35px}

.viewSamples {
  margin: 0 0 50px; background:#F7FAFC;padding: 60px 0;
}
.viewSamples h2{width:100%;text-align:center;font-weight:700;font-size:40px;margin:0 0 50px}
    .viewSamples .item{padding:10px;margin:0}
    .viewSamples .item img{position:relative;z-index:10;width:100%;display:inline-block;max-height:365px}
    .viewSamples .item a{display:inline-block;width:100%;overflow:hidden;position:relative;background:var(--nblue);padding:7px;border-radius:5px;box-shadow:0 0 20px -10px #666}
    .viewSamples .item a span{position:absolute;width:50px;height:50px;font-size:40px;left:0;z-index:1000;background:#303c6cd1;line-height:43px;text-align:center;right:0;margin:0 auto;top:40%;border-radius:100px}
    .tab-content{width:100%}
    .viewSamples .nav-tabs .nav-item{display:inline-block;float:none;margin:0 auto -1px}
    .viewSamples .nav.nav-tabs {
      display: flex;
      width: 100%;
      justify-content: space-around; border: none;
    }
    .viewSamples .nav-tabs .nav-link {
      border: none;
      background: var(--green);
      border-radius: 8px;color: #fff;
    }
    .viewSamples .nav-tabs .nav-link.active, .viewSamples .nav-tabs .nav-item.show .nav-link {
      color: #fff;
      border-color: transparent;
      background: var(--nblue); position: relative;
    }
    .viewSamples .nav-tabs .nav-link.active::before {
      width: 0px;
      position: absolute;
      content: "";
      height: 0px;
      border-left: 14px solid transparent;
      border-right: 14px solid transparent;
      border-top: 14px solid var(--nblue);
      bottom: -12px;
      left: 0;
      right: 0;
      margin: 0 auto;
    }

    .sampForm {
      text-align: center;
      display: inline-block;
      width: 100%;
    }
 
    .viewSamples .item a svg{fill:#f4976c;width:20px;height:20px}

    .viewSamples .owl-carousel .owl-stage {
      margin: 0 auto;
    }