*{margin:0;padding:0;}
a{text-decoration:none;cursor:pointer}
buttons{border:none;cursor:pointer}
ul{padding:0;list-style-type:none}
p,h1,h2,h3,h4,h5,a,button,li{font-family:'Circular Std Book'}
:root{--grn:#2b61a8}
a{color:#000}
a:hover{text-decoration:none;color:var(--grn)}
svg{width:30px;height:30px}
@font-face{font-family:'Circular Std';src:url(../fonts/CircularStd-Bold.eot);src:url(../fonts/CircularStd-Bold.eot?#iefix) format("embedded-opentype"),url(../fonts/CircularStd-Bold.woff2) format("woff2");font-weight:700;font-style:normal}
@font-face{font-family:'Circular Std';src:url(../fonts/CircularStd-Medium.eot);src:url(../fonts/CircularStd-Medium.eot?#iefix) format("embedded-opentype"),url(../fonts/CircularStd-Medium.woff2) format("woff2");font-weight:500;font-style:normal}
@font-face{font-family:'Circular Std Book';src:url(../fonts/CircularStd-Book.eot);src:url(../fonts/CircularStd-Book.eot?#iefix) format("embedded-opentype"),url(../fonts/CircularStd-Book.woff2) format("woff2");font-weight:500;font-style:normal}
@media (min-width:1200px) {
    .container,.container-lg,.container-md,.container-sm,.container-xl{max-width:80%}
}
    .topNav{background:#fff}
    .logo img{width:100%;display:inline-block;padding:15px 0}
    .topNav .navbar-nav{align-items:center;height:55px}
    .topNav a.nav-link:hover{text-decoration:none;color:#fff}
    .navbar{padding: 0.8rem 1rem;}
    header{padding:50px 0 0;position:relative;background:#f4f6fb}
    header .lft img{width:250px;margin:0 0 40px}
    header h1{font-size:33px;font-weight:700;margin:0}
    header p{font-size:18px;letter-spacing:1px;line-height:24px;margin:6px 0 40px}
    .banRt form{background:#fff;padding:25px 25px 5px;border-radius:7px;box-shadow:2px 2px 7px #666;margin:0 0 -180px}
    header form .form-control{width:99%;height:42px;border:solid 1px #ccc;border-radius:4px;font-size:14px;font-style:italic}
    .banRt h2{text-align:left;margin:-8px 0 21px;font-size:25px;color:var(--grn)}
    header form button{height:55px;border:none;background:var(--grn);padding:0 50px;color:#fff;border-radius:4px;font-size:19px}
    header form button:hover{background:#000;color:#fff}
    header ul li{display:inline-block;font-size:16px}
    header form textarea.form-control{height:auto}
    header .navbar.navbar-expand-lg{justify-content:flex-end;padding:10px 0}
    .banRt form .form-group{width:100%}
    .nav-item.sigBtn{background:#fff;border-radius:40px}
    .nav-item.sigBtn a{color:var(--grn);font-weight:400;padding:7px 15px!important}
    .nav-item.sigBtn:hover a{color:var(--grn)}
    .popular{margin:50px 0 100px}
    .popular li{display:inline-block;font-size:15px;margin:0 7px 0 0}
    .popular li a{background:#dbdfe9;padding:10px 16px;border-radius:4px}
    .popular li a:hover{background:var(--grn);color:#fff}
    .banLft{display:flex;align-items:flex-end}
    .banLft img{width:96%;display:inline-block;margin:0}
    .banRt{padding:0 0 0 70px}
    .services{padding:70px 0 0}
    .services h2{width:100%;text-align:left;font-weight:700;font-size:40px;margin:0 0 50px}
    .services .tab-content{width:100%;display:inline-block}
    .services .nav.nav-pills{justify-content:center;margin:0 0 50px}
    .services .nav-pills .nav-link.active,.services .nav-pills .show > .nav-link{color:#fff;background-color:var(--grn);position:relative}
    .services .nav-pills .nav-link.active::before{width:30px;height:30px;content:"";position:absolute;bottom:-30px;background:none;left:0;right:0;margin:0 auto;border-top:15px solid var(--grn);border-right:15px solid #fff;border-left:15px solid #fff}
    .services .nav-item{width:20%;text-align:center;margin:0 15px}
    .services .nav-link{min-height:150px;display:flex;flex-wrap:wrap;align-items:center;border-radius:30px;font-size:20px;font-weight:700;line-height:23px}
    .services .nav-link .icon{width:100%;height:55px;margin:0 0 15px}
    .services .nav-pills .nav-link.active svg{fill:#fff}
    .subTab{padding:20px 0 0 70px}
    .subTab p{font-size:22px;line-height:31px;margin:0 0 15px}
    .subTab ul li span{width:auto;display:inline-block;font-size:32px;font-weight:700;border-top:solid 7px var(--grn);margin:0 0 5px;padding:20px 40px 0 0}
    .subTab p{font-size:16px;line-height:26px;margin:0 0 50px}
    .subTab a{width:230px;text-align:center;display:inline-block;background:var(--grn);color:#fff;padding:15px 5px 11px;font-size:23px;border-radius:100px}
    .subTab a:hover{background:#000}
    .servLft{background:#f4f6fb;height:100%;border-radius:40px;display:flex;align-items:center;justify-content:center}
    .servLft .icon{width:200px;height:200px;fill:#d4d9e5}
    .factSlide{margin:10% 0}
    .factSlide strong{font-size:160px;text-transform:uppercase;line-height:190px}
    .factSlide p{width:100%;text-align:center;display:inline-block;font-size:24px;line-height:28px}
    .factSlide .item{text-align:center;margin:0 -30px;color:#f4f6fb}
    .factSlide .owl-item.center .item strong{color:var(--grn)}
    .factSlide .owl-item.center .item p{color:var(--grn);animation:zoomIn;animation-duration:1s}
    .factSlide .owl-carousel .owl-stage-outer{max-height:250px}
    .experts{margin:6% 0 0}
    .experts h2{width:100%;text-align:center;font-weight:700;font-size:40px;margin:0 0 20px}
    .experts .cont{text-align:center;font-size:20px;width:80%;margin:0 auto 60px}
    .experts .r1,.experts .r2,.experts .r3{width:100%;display:inline-block}
    .experts .r2{margin:-80px 0 -100px}
    .experts ul{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}
    .experts ul li{width:190px;text-align:center}
    .experts ul li span{width:180px;height:180px;display:inline-block;background:#ccc;border-radius:100px;position:relative;overflow:hidden;transition:ease all 1s}
    .experts span strong{background:rgba(10, 122, 135, 0.9);width:100%;height:100%;display:inline-block;position:absolute;left:0;right:0;margin:0 auto;transition:ease all .5s;top:-100%;padding:30px 0 0}
    .experts ul li span:hover strong{transition:ease all .5s;top:0}
    .experts ul li span img{width:100%}
    .experts span strong .icon{width:28px;height:30px;fill:#ffd700;display:inline-block;vertical-align:top;margin:5px 0 0}
    .experts span strong i{width:100%;display:inline-block;font-style:normal;color:#fff;font-weight:400}
    .experts span strong .expName{font-size:20px}
    .experts span strong .expRate{font-size:30px;margin:4px 0}
    .experts span strong .exprivw{font-size:18px}
    .experts a{width:230px;text-align:center;display:inline-block;background:var(--grn);color:#fff;padding:15px 5px 11px;font-size:23px;border-radius:100px}
    .experts a:hover{background:#000}
    .feature{margin:8% 0 0}
    .feature a{width:230px;text-align:center;display:inline-block;background:var(--grn);color:#fff;padding:15px 5px 11px;font-size:23px;border-radius:100px}
    .feature a:hover{background:#000}
    .feature h2{width:100%;text-align:center;font-weight:700;font-size:40px;margin:0 0 50px}
    .subFeature{text-align:center;overflow:hidden}
    .subFeature img{width:95%;display:inline-block;margin:0 auto}
    .subFeature h3{text-align:left;font-size:24px;font-weight:700;margin:60px 0 15px;position:relative;display:inline-block;width:100%;vertical-align:top}
    .subFeature p{text-align:left;font-size:17px;line-height:27px;color:#000;display:inline-block;width:100%}
    .subFeature h3::before{content:"";position:absolute;left:0;top:-19px;width:100px;height:8px;background:var(--grn)}
    .testimonial{margin:10% 0}
    .testimonial .lft ul li{display:inline-block;width:45%;padding:10px}
    .testimonial .lft h2{width:100%;font-weight:700;font-size:40px;margin:20px 0 50px}
    .testimonial .lft ul li img{width:100%}
    .testimonial .lft ul li strong{font-size:25px;margin:11px 0 0;display:inline-block;width:100%;text-align:center}
    .testimonial .lft ul li strong .icon{width:25px;height:25px;display:inline-block;vertical-align:top;margin:3px 0 0;fill:var(--grn)}
    .testimonial .owl-nav{position:absolute;bottom:-70px;width:100%;text-align:right}
    .owl-nav span{font-size:50px;margin:0 7px;color:#666}
    .owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{outline:none}
    .testimonial .owl-prev,.testimonial .owl-next{display:inline-block;vertical-align:top}
    .subTest{background:#f4f6fb;min-height:400px;padding:30px}
    .subTest .icon{width:25px;height:25px;display:inline-block;margin:0 5px 0 0;fill:var(--grn)}
    .subTest span{width:100%;display:inline-block;font-size:20px;margin:0 0 8px;font-weight:700}
    .subTest p{font-size:15px;line-height:20px;margin:20px 0 0}
    .testItem{width:50%}
    .subTest::before{position:absolute;content:"“";font-size:520px;height:200px;right:40px;top:0;line-height:390px;color:#8599cc3d}
    .owl-nav{position:absolute;bottom:-200px;width:100%;text-align:right}
    .owl-nav span{font-size:50px;margin:0 7px;color:#666}
    .owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{outline:none}
    .subAbt img{width:100%}
    .subAbt{width:100%;position:relative}
    .subAbt span{position:absolute;left:0;top:0;color:#fff;background:#5acfdc;height:100%;padding:15px;opacity:0;transition:ease all .5s;width:100%}
    .subAbt:hover span{opacity:1;transition:ease all .5s}
    .subAbt h4{font-size:22px;border-bottom:solid 1px #fff;padding:0 0 4px;margin:0 0 11px;font-weight:700}
    .subAbt ul{padding:0 0 0 10px}
    .subAbt ul li{font-size:15px;list-style:disc}
    .about h2{width:100%;font-weight:700;font-size:40px;margin:0 0 20px}
    .about .abtLft{padding:0 20px 0 70px}
    .about .abtLft p{font-size:17px;line-height:23px;margin:0 0 40px}
    .about .abtLft h3{font-size:27px;font-weight:400;margin:0 0 25px}
    .abtLft ul{padding:0 0 0 40px}
    .abtLft ul li{position:relative;width:100%;font-size:18px;margin:0 0 15px}
    .abtLft ul li::before{content:"";position:absolute;left:-30px;top:-10px;background:transparent;border-bottom:solid 3px var(--grn);border-right:solid 3px var(--grn);width:17px;height:34px;transform:rotate(40deg)}
    .abtLft a{width:230px;text-align:center;display:inline-block;background:var(--grn);color:#fff;padding:15px 5px 11px;font-size:23px;border-radius:100px;margin:30px 0 0}
    .abtLft a:hover{background:#000}
    .ctaBan{background:var(--grn);padding:40px 0;margin:8% 0 0;color:#fff;text-align:left}
    .ctaBan h2{width:100%;font-weight:700;font-size:30px;margin:0 0 8px}
    .ctaBan form{width:100%;display:flex;justify-content:center}
    .ctaBan form .form-group{display:flex;justify-content:center}
    .ctaBan form .form-control{width:75%;height:65px;border:solid 2px #000;border-radius:4px 0 0 4px;border-right:none}
    .ctaBan form button{border:none;background:#000;color:#fff;padding:0 20px;border-radius:0 4px 4px 0;font-size:17px}
    .form-control:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:none}
    .ctaBan p{font-size:17px;line-height:24px;margin:0}
    .ctaBan a{border:none;background:#fff;color:var(--grn);padding:10px 20px 8px;border-radius:44px;font-size:19px;float:right;font-weight:700}
    .ctaBan a:hover{background:#000;color:#fff}
    .blogMain{margin:0 0 8%}
    .blogMain .blg{background:var(--grn);padding:15px;margin:0 0 30px;color:#fff;min-height:350px}
    .blg.blog1,.blg.blog6{min-height:150px}
    .blogMain h2{width:100%;text-align:center;font-weight:700;font-size:40px;margin:0 0 50px}
    footer{background:#f4f6fb;position:relative}
    footer p{margin:0;padding:25px 0 25px;font-size:16px;color:#666;width:100%;text-align:center}
    .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:265px}
    .viewSamples .item a{display:inline-block;width:100%;overflow:hidden;position:relative;background:var(--grn);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:inline-block; width: 100%;}
    .viewSamples .item a svg{fill:#f4976c;width:20px;height:20px}
    .sampForm{width:100%;text-align:center;display:inline-block;margin:10px 0 0}
    .sampForm .cta{width:230px;text-align:center;display:inline-block;background:var(--grn);color:#fff;padding:10px 5px 7px;font-size:19px;border-radius:100px}
    .helpOption{position:fixed;bottom:30px;left:20px;left:25px;z-index:999;background:#25d366;height:50px;padding:5px;border-radius:7px;transition:ease all 1s;width:50px;overflow:hidden}
    .options{text-align:center}
    .helpOption .icon{width:36px;height:40px}
    .rquestCall{width:auto;border-radius:100px;padding:15px;background:var(--grn);position:fixed;bottom:20px;right:10px;z-index:20;transition:ease all .5s}
    .rquestCall .icon{width:30px;height:30px;fill:#fff}
    .rquestCall span{width:14px;height:14px;background:#20E82A;display:inline-block;position:absolute;left:4px;top:0;border-radius:100px;animation:blink 1s infinite}
    @keyframes blink {
    0%{background:#09D313}
    50%{background:#fff}
    100%{background:#09D313}
    }
    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
        color: #495057;
        background-color: var(--grn);
        border-color: #dee2e6 #dee2e6 #fff;
        color: #fff;
      }
      .nav-tabs {
        border-bottom: 1px solid var(--grn);
      }
      .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
        border-color: var(--grn); background: var(--grn); color: #fff;
      }
      .viewSamples {
        padding: 60px 0 0;
      }

      .footLogo img {
        width: 100%;
      }
      .footerLinks {
        padding: 40px 0;
        border-bottom: solid 2px #ccc;
        text-align: left;
      }
      .footerLinks p {
        text-align: left;
        font-size: 14px;
        padding: 0;
      }
      .footLogo img {
        width: 260px;
        margin: 0 0 15px;
      }
      .footerLinks h3 {
        font-size: 22px;
        color: var(--grn);
        border-bottom: solid 2px var(--grn);
        padding: 0 0 3px;
        margin: 0 0 15px;
      }

      .footerLinks a {
        font-size: 14px;
        padding: 0 0 0 15px; color: #666;
        position: relative;
      }
      .footerLinks a::before {
        content: "-";
        position: absolute;
        left: 0;
        color: var(--grn);
        font-size: 22px;
        top: -5px;
        line-height: 22px;
      }


      .content h2 {
        font-size: 26px;
        color: var(--grn);
        margin: 40px 0 15px;
      }
      .content {
        text-align: center;
        margin: 50px 0;
      }

      .content p {
        font-size: 16px;
        line-height: 26px;
        margin: 0 0 50px;
      }










/***************************Services Page********************************/

.inner-banner {
  background: #e1e1e1;
  text-align: center;
}

.inner-banner h1 {
  margin: 0;
  font-size: 44px;
  color: var(--grn);
  font-weight: bold;
  padding: 30px 0;
}
.inner-banner {
  background: #e1e1e1;
  text-align: center;
  margin: 0 0 60px;
}
.interLinks {
  background: #efefef;
  padding: 20px;
  border-radius: 12px;
  margin: 0 0 21px;
}
.interLinks h4 {
  color: var(--grn);
  border-bottom: solid 2px var(--grn);
  padding: 0 0 4px;
  margin: 0 0 14px;
  font-size: 20px;
}
.interLinks ul {
  padding: 0 0 0 20px;
  color: var(--grn);
  margin: 0 0 5px;
  list-style: disc;
}
.interLinks ul a {
  color: #444;
  font-size: 15px;
}

.interLinks ul a:hover{color: var(--grn);}
.subContent h2 {
  color: var(--grn);
  font-size: 27px;
  line-height: 33px;
}
.subContent h2 {
  color: var(--grn);
  font-size: 25px;
  line-height: 30px;
  font-weight: bold;
  border-bottom: solid 2px var(--grn);
  margin: 40px 0 20px; width: 100%; display: block;
  padding: 0 0 6px;
}
.subContent p {
  font-size: 15px;
  line-height: 22px;
  color: #444;
  text-align: justify;
text-align-last: center;
}
.subContent h3 {
  font-size: 20px;
  color: var(--grn);
  padding: 5px 0 0px;
}

.liveFeed {
  position: fixed;
  bottom: 30px;
  left: 90px;
  background: #fbfbfb;
  border-radius: 10px;
  z-index: 9;
  box-shadow: 10px 10px 10px #00000014;
  border: 3px solid #0a7a87;
  width: 310px;
  z-index: 999;
  padding: 10px 45px 10px 10px;
  min-height: 85px;
}
.bellIcon {
  position: absolute;
  width: 40px;
  height: 40px;
  display: flex;
  right: -20px;
  top: 50%;
  background: var(--grn);
  border-radius: 100px;
  transform: translateY(-50%);
}
.heading h5 {
  font-size: 17px;
  margin: 0;
  color: var(--grn);
}
.shake-top {
	-webkit-animation: shake-top 1.5s ease-in-out 1s infinite both;
	        animation: shake-top 1.5s ease-in-out 1s infinite both;
}

@-webkit-keyframes shake-top {
  0%,
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0;
  }
  10% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
  20%,
  40%,
  60% {
    -webkit-transform: rotate(-4deg);
            transform: rotate(-4deg);
  }
  30%,
  50%,
  70% {
    -webkit-transform: rotate(4deg);
            transform: rotate(4deg);
  }
  80% {
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
  }
  90% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
}
@keyframes shake-top {
  0%,
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0;
  }
  10% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
  20%,
  40%,
  60% {
    -webkit-transform: rotate(-4deg);
            transform: rotate(-4deg);
  }
  30%,
  50%,
  70% {
    -webkit-transform: rotate(4deg);
            transform: rotate(4deg);
  }
  80% {
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
  }
  90% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
}


/************************Aside***************************/
.sideForm {
  text-align: center;
  padding: 15px;
  display: inline-block;
  background: #fff;
  border-radius: 7px;
  box-shadow: 2px 2px 7px #666;
  margin: 0 0 30px;
}
.sideForm h2 {
  font-size: 24px;
  font-weight: bold;
  color: var(--grn);
  border-bottom: solid 2px var(--grn);
  margin: 0 0 20px;
  padding: 0 0 5px;
}
.sideForm form .form-control {
  font-size: 14px;
}
.captcha {
  text-align: left;
}
.captcha svg {
  background: var(--grn);
  fill: #fff;
  width: 30px;
  padding: 5px;
  border-radius: 6px;
  cursor: pointer;
}

.formCta{
  height: 50px;
  border: none;
  background: var(--grn);
  padding: 0 50px;
  color: #fff;
  border-radius: 4px;
  font-size: 20px;
  margin: 20px 0 0;
}

.sampleSlider {
  text-align: center;
  background: var(--grn);
  padding: 10px 20px;
}
.sampleSlider {
  text-align: center;
  background: var(--grn);
  padding: 10px 20px 20px;
  margin: 10px 0;
  border-radius: 11px;
}
.sampleSlider h2 {
  font-size: 24px;
  font-weight: bold;
  color: #fff;
}
.adBanner {
  background: #e1e1e1;
  text-align: center;
  min-height: 240px;
  font-size: 23px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 30px 0 0;
  width: 100%;
}



/************************About Uss****************************/
.centerContent {
  text-align: center;
}

.centerContent h2{border: none;}



/*****************************Services Listing page*********************************/

.serviceList {
  background: #eee;
  padding: 15px 20px;
  margin: 0 0 30px;
  border-radius: 15px;
}
.serviceList h2 {
  color: var(--grn);
  font-size: 23px;
  line-height: 30px;
  border-bottom: solid 2px var(--grn);
  margin: 0 0 15px 0;
  width: 100%;
  display: block;
  padding: 0 0 4px;
}

.serviceList li {
  padding: 2px 10px;
  list-style-type: disc;
  list-style-position: inside;
}
.serviceList li:nth-child(2n) {
  background: #fff;
}


/***************************FAQ Page*******************************/
.subfaq .nav-item {
  width: 25%;
  text-align: center;
}
.subfaq .nav-link {
  border-radius: 10px 10px 0 0;
  border: none; padding: 7px 5px;}  
  .subfaq .tab-content {
    width: 100%;
    padding: 10px;
  }
  .subfaq h3 {
    font-weight: bold;
    font-size: 18px;
    color: var(--grn);
    border-bottom: solid 2px var(--grn);
    margin: 30px 0 10px;
    padding: 0 0 4px;
  }
  .subContact h2 {
    font-size: 28px;
    color: var(--grn);
    font-weight: bold;
    margin: 25px 0 2px;
  }
  .subContact p {
    font-size: 17px;
  }
  .notFound{text-align: center;}
  .notFound img {
    width: 95%;}


/* Blog page */
   .blogListing {
    padding: 0 30px 0 0;
}
.blogBox {
    border: 1px solid #ddd;
    padding: 15px;
    margin-bottom: 25px;
    box-shadow: 0px 0px 15px #dedede;
    min-height: 545px;
}
.blgListImg img {
    position: unset;
    height: auto;
    width: 100%;
    margin: 0 0 30px;
}
.type2txt .blogSubject {
    display: inline-block;
    margin: 0 0 5px;
}

.blogSubject {
    background: #0a7a87;
    color: #fff;
    line-height: 25px;
    font-size: 12px;
    padding: 0px 20px;
    margin: 0 18px 0 0;
    float: left;
}
.blogTime {
    float: right;
    margin: 0px 0 0;
}
.type2txt .blogTitle {
    font-size: 20px;
    line-height: 26px;
    margin: 20px 0;
}
.type2txt p {
    font-size: 15px;
    color: #333;
}
.blogCta {
    text-align: right;
}
.veiw_more_btn {
    background: #555;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    padding: 8px 20px;
    margin: 15px 0px 0 0;
}
.veiw_more_btn:hover{
    color:#fff !important;
}

    .reviewUs .form-group {
    width: 100%;
}
.reviewUs input#rate {
    width: 1px;
    opacity: 0;
}
.reviewUs .rate-ex2-cnt {
    width: 150px;
    display: inline-block;
}

.reviewUs .rate-ex2-cnt .rate-btn {
    width: 30px;
    height: 30px;
    background: url(../img/rate-btn2.png) no-repeat;
    float: left;
    cursor: pointer;
}

.reviewUs .rate-ex2-cnt .rate-btn-active, .reviewUs .rate-ex2-cnt .rate-btn-hover, .reviewUs .rate-ex2-cnt .rate-btn:hover {
    background: url(../img/rate-btn2-hover.png) no-repeat;
}



/******************************Packages section home page***************************************/
.packages {
  padding: 90px 0 10px;
}
.packages h2 {
  width: 100%;
  text-align: center;
  font-weight: 700;
  font-size: 40px;
  margin: 0 0 50px;
}
.packages h3 {
  font-size: 30px;
}
.table{text-align: center;}
.table th {
  font-weight: normal; text-align: left;
}
.packages img {
  width: 25px;
}
.packages img.no {
  width: 20px;
}
.packIc img {
  width: 41px;
}
.packIc {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  background: var(--grn);
  width: 80px;
  height: 80px;
}
.packNm {
  font-size: 22px;
  font-weight: bold; 
}
.packNm small {
  width: auto;
  display: inline-block;
  font-size: 16px;
  background: var(--grn);
  color: #fff;
  padding: 2px 0;
  margin: 15px 0 0;
  border-radius: 40px;
  width: 160px;
}
.packages .table-responsive {
  width: 100%;
  border: solid 2px #ccc;
  padding: 30px;
  border-radius: 30px;
}
.table th {
  border-top: none;
}
.packIntro {
  font-size: 14px;
  color: #666;
  width: 240px;
}
.packages h3{font-weight: bold; font-size: 32px;}
.packages .table td, .packages .table th {
  padding: .75rem;
  vertical-align: top;
  border-top: none;
  border-left: solid 8px #fff;
}




.packageCta1 {
  padding: 4% 0 0;
}

.packCta1 {
  background: var(--grn);
  padding: 30px 20px;
  border-radius: 30px;
}
.packCta1 p {
  margin: 0;
  color: #fff;}
  .packCta1 h2 {
    color: #fff;
    font-size: 32px;  
  }
  .packCta1 a {
    background: #fff;
    color: var(--grn);
    width: 150px;
    text-align: center;
    padding: 14px 0 11px;
    border-radius: 40px;
    float: right;}
  


    .packageCta2{margin: 0 0 4%;}
    .packCta2{background:#666;}
    .paymentsPage {
      padding: 0 0 80px;
    }

    .paymentsPage h1 {
      text-align: center;
      margin: 30px 0 50px;
      font-size: 32px;
    }
    #pay_with_upi{
        margin:auto !important;
    }

    .upiSec {
      background: #eee;
      text-align: center;
      padding: 20px;
      border-radius: 19px;
    }

    .qrCode img {
      width: 155px;
      margin: 14px 0;
      border-radius: 15px;
    }

    .or {
      font-size: 20px;
      text-transform: uppercase;
      margin: 0 0 15px;
    }

    .upiSec h2 {
      font-size: 29px;
      color: #000;
      font-weight: bold;
    }

    .upiSec h3 {
      font-size: 29px;
    }
    
    .payLink a {
      border: dashed 3px var(--grn);
      padding: 10px 20px;
      display: inline-block;
      font-size: 17px;
    }

    .bankPayment {
      border: solid 2px #ccc;
      padding: 20px;
      border-radius: 20px;
      text-align: center;
    }
    .bankPayment h2 {
      font-size: 29px;
      color: #000;
      font-weight: bold;
    }
    .bankPayment .table {
      text-align: left;
    }
    .bankPayment .table td {
      padding: 15px 25px;
      font-size: 17px;
    }
    .bankPayment h2 {
      font-size: 29px;
      color: #000;
      font-weight: bold;
      margin: 0 0 25px;
    }

    .careerPage h1 {
      text-align: center;
      margin: 0 0 40px;
      font-size: 33px;
      font-weight: bold;
    }
    .careerPage{margin:4% 0}
    .careerListing{background:#edf4f8;padding:30px;border-radius:20px}
    .careerListing h3{font-size:27px;color:#666}
    .careerListing p{font-size:18px;color:#666}
    .careerListing button{width:140px;background:var(--grn);border:none;color:#fff;padding:6px 0;font-size:18px}
    .careerListing button:hover{background:#999}
    .positionList{display:block;position:relative;padding-left:35px;margin-bottom:15px;cursor:pointer;font-size:17px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#666}
    .positionList input{position:absolute;opacity:0;cursor:pointer}
    .positionList .checkmark{position:absolute;top:4px;left:5px;height:19px;width:19px;background-color:#ddd;border-radius:50%}
    .positionList:hover input ~ .checkmark{background-color:#ccc}
    .positionList input:checked ~ .checkmark{background-color:#666}
    .positionList .checkmark:after{content:"";position:absolute;display:none}
    .positionList input:checked ~ .checkmark:after{display:block}
    .positionList .checkmark::after{top:4px;left:4px;width:11px;height:11px;border-radius:50%;background:var(--grn)}
    .listLft ul li{position:relative}
    .numb{position:absolute;right:0;top:0;background:#edf4f8;width:25px;height:25px;text-align:center;border-radius:5px;font-size:14px;padding:2px 0 0;color:#444}
    .listLft h2{margin:50px 0 30px}
    .listRt ul li{display:flex;justify-content:space-between;background:#edf4f8;padding:0 25px;margin:0 0 15px;align-items:center;border-radius:5px}
    .listRt ul li > a{width:75%;display:inline-block;padding:15px 0;font-size:16px}
    .listBtn a svg{fill:#444;width:24px;height:24px;margin:0 0 0 7px;display:inline-block;vertical-align:top}
    .listBtn a:first-child svg{fill:var(--grn)!important}
    .listBtn a:hover svg{fill:var(--grn)}
    .listRt ul li:hover{background:#444}
    .listRt ul li:hover a{color:#fff}
    .listRt ul li:hover svg{fill:#fff}
    .listRt{padding:0 0 0 30px}
    .jobList{box-shadow:1px 3px 8px -2px #666;padding:20px;border-radius:15px;margin:0 0 40px}
    .jobName{font-size:25px;color:var(--grn)!important;margin:0 0 4px;display:inline-block;width:100%}
    .subDesc{font-size:14px;margin:0 0 20px;border-bottom:solid 2px #ddd;padding:0 0 10px;color:#666;letter-spacing:1px}
    .subDesc strong{margin:0 30px 0 0}
    .jobList h4{font-size:17px;color:var(--grn)}
    .jobList p{font-size:13px;color:#666}
    .applyJob{text-align:right}
    .applyJob a{background:var(--grn);color:#fff;font-size:14px;width:110px;display:inline-block;text-align:center;padding:4px 0;border-radius:30px}
    .applyJob a:hover{background:#444}
    


/******************************************
**************Media Query******************
***************************************/

@media (min-width: 1440px) {}
@media (max-width: 1199px) {}
@media (max-width: 991px) {
    .topNav .navbar-collapse {
        background: #dfdfdf;
        position: fixed;
        right: -200px;
        top: 79px;
        z-index: 1000;
        padding: 15px;
        width: 180px;
        text-align: center;
        height: 100%;
        border-radius: 10px 0 0 0;
        transition: ease all 1s;
      }
      .topNav .navbar-collapse.openMenu {
        right: 0;
      }
      .topNav .nav-link {
        color: var(--grn);
        padding: 0 0 10px;
      }
      .navbar.navbar-expand-lg {
        padding: 0;
        float: right;
        margin:22px 0 0;
      }
      .navbar-toggler .icon {
        width: 25px;
        height: 25px;
      }
    .subAbt{display:none}
    .testimonial .lft h2{font-size:30px;margin:0 0 20px;text-align:center}
    .testItem{width:100%}
    .subTest::before {
    position: absolute;
    content: "“";
    font-size: 520px;
    height: 200px;
    right: 40px;
    top: 0px;
    line-height: 390px;
    color: rgba(133, 153, 204, 0.24);
}
    .subTest{background:#f4f6fb;min-height:220px;padding:20px}
    .testimonial .owl-carousel .owl-nav button.owl-next,.testimonial .owl-carousel .owl-nav button.owl-prev,.testimonial .owl-carousel button.owl-dot{outline:none;line-height:0}
    .testimonial .owl-nav{position:unset;width:100%;text-align:right}
    .experts ul li{width:140px;text-align:center}
    .experts ul li span{width:130px;height:130px}
    .factSlide strong{font-size:80px;text-transform:uppercase;line-height:120px}
    header h1{font-size:33px;font-weight:700;margin:40px 0 0}
    header p{font-size:18px;letter-spacing:1px;line-height:25px;margin:20px 0 40px}
    .ctaBan a {
        float: none;
        display: inline-block;
        margin: 30px auto 0;
      }
}


@media (max-width: 767px) {
    header{padding:20px 0 0}
    header .lft img{width:220px}
    .banLft img{display:none}
    .banRt{padding:0 15px}
    header h1{font-size:32px;margin:20px 0 0}
    header p{font-size:19px;line-height:23px;margin:10px 0 40px}
    .banRt form{padding:25px 15px 5px;margin:0}

    .services h2{text-align:center;font-size:30px;margin:10px 0 40px}
    .services .nav-item{width:85px;text-align:center;margin:0}
    .services .nav-link .icon{width:100%;height:45px;margin:0 0 8px}
    .services .nav-link{min-height:120px;border-radius:20px;font-size:13px;line-height:17px;padding:5px;font-weight:400}
    .servLft{background:#f4f6fb;height:100%;border-radius:10px;display:flex;align-items:center;justify-content:center;margin:0 15px;padding:20px 0}
    .services .nav.nav-pills{justify-content:center;margin:0 0 20px}
    .servLft{border-radius:20px;margin:0 15px;padding:15px 0}
    .servLft .icon{width:80px;height:80px}
    .subTab{padding:20px 15px; text-align: center;}
    .subTab p{font-size:18px;line-height:23px;margin:0 0 35px; text-align: center;}
    .factSlide strong{font-size:34px;text-transform:uppercase;line-height:60px}
    .experts{margin:80px 0 0}
    .experts h2{font-size:30px;margin:0 0 20px}
    .factSlide{margin:8% 0 0;height:130px;overflow:hidden}
    .experts .cont{font-size:18px;width:90%;margin:0 auto 50px;line-height:24px}
    .experts ul li span strong{display:none}
    .experts ul li span{width:100px;height:100px}
    .experts ul li{width:100px;text-align:center;margin:0 20px;font-size:14px;line-height:18px}
    .experts .r2{margin:-40px 0}
    .experts ul{flex-wrap:nowrap;justify-content:center}
    .feature{margin:90px 0 0}
    .subFeature img{width:70%}
    .subFeature p{margin:0 0 40px}
    .testimonial .lft h2{font-size:30px;margin:0 0 20px;text-align:center}
    .testItem{width:100%}
    .subTest::before{position:absolute;content:"“";font-size:290px;height:170px;right:20px;top:0;line-height:210px;color:#8599cc3d}
    .subTest{background:#f4f6fb;min-height:220px;padding:20px}
    .testimonial .owl-carousel .owl-nav button.owl-next,.testimonial .owl-carousel .owl-nav button.owl-prev,.testimonial .owl-carousel button.owl-dot{outline:none;line-height:0}
    .testimonial .owl-nav{position:unset;width:100%;text-align:right}
    .about .abtLft{padding:0 15px}
    .about h2{font-size:30px;margin:30px 0 20px}
    .subAbt{display:none}
    .ctaBan{background:var(--grn);padding:40px 15px}
    .ctaBan h2{font-size:23px}
    .ctaBan p{font-size:14px;line-height:21px}
    .ctaBan form .form-control{width:100%;border-right:solid 2px #000;border-radius:4px}
    .ctaBan form .form-group{display:inline-block;width:100%}
    .ctaBan form button{padding:15px 20px;border-radius:4px;margin:15px 0 0}
    .ctaBan{background:var(--grn);padding:25px 15px; text-align: center;}
    .blogMain .blg{min-height:150px}
    footer::before{width:150px}
    footer p{margin:0;padding:20px 15px;font-size:15px;color:#666;position:relative;z-index:10}
    .factSlide .owl-carousel{background:#f4f6fb;padding:10px 0}
    .feature h2{font-size:30px;margin:0 0 20px}
    .subTab ul li span {
      font-size: 29px;
      margin: 10px 0 15px;
      padding: 20px 0 0;
      line-height: 32px;
      text-align: center;
      width: 100%;
    }
    .viewSamples {
      padding: 70px 0 0;
    }
    .viewSamples h2 {font-size: 29px; margin: 0 0 30px;}
    #com_o_f_phone {
      width: 66% !important;
    }
    .subFeature h3 {
      text-align: center;}

      .subFeature p {
        text-align: center;}

        .subFeature h3::before {
          right: 0;
          margin: 0 auto;
        }
        .testimonial {
          margin: 50px 0;
        }
body{
        padding: 80px 0 0;
      }
      .topNav {

        position: fixed;
        top: 0;
        left: 0;
        z-index: 100;width: 100%;
      } 
      .liveFeed { width:200px; }
      .footLogo img { width: 175px; }
.services .nav-item { width: 70px; }
.services .nav-link { min-height:80px} .services .nav-link .icon { height: 35px; margin-bottom:4px}
      .factSlide .item {
        margin: 0 -33px;
      }


      .subfaq .nav-link {
      font-size: 13px;
      line-height: 16px;
      }

      .inner-banner h1 {
        font-size: 26px;
        line-height: 34px;
      }

      .content h2 {
        font-size: 22px;}

        .content {
          margin: 50px 0 0;
        }

        

}
@media (max-width: 480px){}