body{margin: 0px; padding: 0px; font-family: "Jost", sans-serif;
font-family: "Poppins", sans-serif; overflow-x: hidden;}

 .viewport {
  overflow: hidden;
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.scroll-container {  
  position: absolute;  
  overflow: hidden;
  z-index: 10;
  display: flex;
  justify-content: center;  
  backface-visibility: hidden;
  transform-style: preserve-3d;
} 

.container-fluid{padding: 0px 30px;}

h2{font-family: "Jost", sans-serif; margin: 0px;}

h3{font-size:45px; font-weight: 700;font-family: "Jost", sans-serif; margin: 0px;}

h5{font-size: 24px; font-weight: 700; line-height: 34px; margin: 0px;font-family: "Jost", sans-serif;}

p{font-size: 16px; color: #8a8a8a;line-height: 26px; margin: 0px; padding: 0px;}

a{text-decoration: none;}

header{padding: 15px 0px;}

.top-sec{padding:0px; background: #f5f8ff;}

.logo-dv img{max-width: 100%;}

.whatsappno img{width: 25px; margin-right: 10px;}

.whatsappno p{font-weight: 600; }

.whatsappno p a{color: #000;}

.whatsappno p a:hover{color: #99b55e;}

.whatsappno{display: inline-flex; align-items: center; height: 100%; float: right;}

.banner-img img{width: 100%;}

.banner-title h1{font-family: "Jost", sans-serif; margin: 0px; padding: 0px; font-size: 70px;
font-weight: 800; color: #89a2ac;}

.banner-title h1 span{color:#99b55e;}

.banner-section-left {display: flex; align-items: center; height: 100%;}

.work-btn i{font-size:38px; margin-right: 10px;}

.work-btn{margin:50px 0px 0px; color: #99b55e; font-size: 19px; display: block; font-weight: 600;
display: flex; align-items: center;} 

.work-btn:hover{color:#799838;}

.work-btn img{width:50px; float: left; margin-right: 10px;}

.pertinent-heading{margin:45px 0px 0px;}

.pertinent-heading p{margin:0px 0px 20px; padding: 0px; text-align: left; font-weight: 600; color: #4bafd5;}

.iconimg{width: 80px; height: 80px; border-radius: 50%; background: #e6fcb6; text-align: center; display: flex;
align-items: center; justify-content: center; margin: 0px auto; transition: all linear 0.5s;}

.iconimg img{max-width: 100%; margin:0px auto; width: 40px; height: auto;}

.icon-info p{margin:10px 0px 0px;  font-weight: 600; font-size: 14px;}

.icon-info{width:10%; margin-right: 1%;}

.icon-info:hover .iconimg{box-shadow: 0 10px 50px rgb(6 118 0 / 45%);}

.banner-services{padding: 30px; background: #e5f5f9; border-radius: 15px; margin:40px 0px 60px;}

.banner-icns {padding:25px 10px; height: 100%; border-radius:5px; transition:all linear 2s; }

.banner-icns:hover{background: #fff;}

.banner-icns img{width: 100px; margin-bottom: 15px;}

.banner-icns h5{font-size: 18px; line-height: inherit;}

.about-section .container-fluid{padding-left: 0px; }

.about-section{padding: 80px 0px;}

.about-img img{width: 100%; float: left;}

.about-text{    padding-right: 150px;
    padding-left: 30px;}

.about-text  h5{margin: 0px 0px 20px; padding: 0px;}

.about-text p{margin: 20px 0px 0px; font-size: 15px; color: #4b4b4b;}

.product-section{background-image: linear-gradient(to right, #99b55e 50% , #fff 50%, #fff 100%); padding:100px 0px;}

.productimg{padding: 0px 40px 0px 0px;}

.productimg img{width: 100%;}

.innovativetext {padding-left: 70px;}

.innovativetext p{margin: 20px 0px 0px; font-size: 25px; color: #4b4b4b; line-height: 35px}

.innovativetext p span{color: #99b55e;}

.innovativetext  a{background: #99b55e; color:#fff; font-size:20px; margin:50px 0px 0px; padding:12px 40px;
float:left; border-radius:10px; font-weight: 500;  transition: all 0.2s linear 0s; position: relative;
overflow: hidden;}

.innovativetext  a:before {
    content: "\f0a4";
    font-family: FontAwesome;
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: -30px;
    width: 30px;
    height: 100%;
    background-color:#87a24d; 
    border-radius: 0px 6px 6px 0px;
    transition: all 0.2s linear 0s;
    text-align: center;
  }

.innovativetext a:hover { text-indent: -20px;}

.innovativetext a:hover:before {  right: 0; text-indent: 0px;  }

.network-img{width:250px; max-width: 100%; float: right; position: absolute; right: 10px; top: -100px;}

.whoweserve-section{padding: 100px 0px;}

.serve-heading h3, .customer-title h3{margin-bottom: 15px;}

.whoweservice{margin: 50px 0px 0px;}

.service-serve{padding: 50px 20px; text-align: center; background: #fff;
box-shadow: 0 10px 50px rgba(50, 73, 179, 0.08); border-radius: 10px;}

.service-serve h5{font-family: "Jost", sans-serif; text-transform: uppercase; margin: 40px 0px 10px;
font-size: 22px;}

.service-serve img{width: 90px; max-width: 100%;}

.service-offered{padding: 80px 0px; background: #f9f9f9; margin-top: 100px;}

.service-offered h3, .setup-heading  h3{margin-bottom: 20px;}

.offeredimg{position: absolute; right: 90px; top: -140px; width: 350px;}

.gallery-img{background: #99b55e; padding: 20px; border-radius: 20px; margin-top: 20px;}

.gallery-img img{width: 100%;}

.dashboard-gallery{padding: 100px 0px;}

.gallery-title{margin-bottom: 30px;}

.customer-feedback{margin: 0px;}

.customer-feedback{padding: 100px 0px;}

.customer-qutoesdv{margin: 40px 0px 0px;}

#owl-carousel .item{margin: 15px;}

.testimonial-dv{padding: 30px 25px; box-shadow: 0 0 10px rgba(50, 73, 179, 0.08); margin-bottom: 10px;
border-radius: 10px;}

.testimonialtext p{margin: 0px 0px 0px; color: #000; font-size: 18px; line-height: 30px;}

.testimonialtext p.nameclient{font-weight: 600; line-height: 24px; margin-top: 25px;}

.testimonialtext p span{color: #8a8a8a; font-weight: 400; font-size: 15px;}

.quotesicns{width:60px; height: 60px; background: #3249b3; border-radius: 50%; text-align: center;}

.quotesicns i{font-size: 25px; color: #fff; line-height: 60px;}

.ratingdv{margin: 40px 0px 10px;}

.ratingdv i{color: #f8d458; font-size: 16px;}

.setup-section{padding: 100px 0px; background: #f9f9f9;}

.setup-boxes {margin:40px 0px 0px; }

.setupinnerbx {padding: 10px 20px; margin-top: 20px; position: relative;}

.setupinnerbx img {
    width: 90px;
    max-width: 100%;
}

.setupinnerbx h5 {  margin: 40px 0px 10px; }

.setupinnerbx::after {
    position: absolute;
    content: "";
    top: 20%;
    right: -41%;
    width: 100%;
    height: 100%;
    background-image: url("../images/shadow.webp");
    background-repeat: no-repeat;
    background-position: top right;
}

.setup-boxes .col-md-4:nth-child(3) .setupinnerbx::after{display: none;}

.loveproductsection{width: 100%; float: left; margin:0px; padding: 100px 0px; background: #fff;}

.loveproductsection h2{ font-size: 55px; font-weight: 700;}

.loveproductsection h2 span{color: #99b55e;}

.loveproductsection p{font-size: 22px; margin-top: 30px;}

.loveprdctimg{position: absolute; right:40px; top:15px; width:250px;}

.footerimg img{width: 100%;}

footer{width: 100%; float: left; padding:50px 0px 10px; background: #f5f8ff;}

.footerinfo img{max-width: 100%; width: 240px; margin-bottom: 40px;}

.socialicns{margin:30px 0px 0px; padding: 0px; list-style:none;}

.socialicns {margin:30px 0px 20px; padding: 0px; list-style: none;}

.socialicns li{margin: 0px; padding: 0px; display: inline-block; }

.socialicns a{width: 35px; height: 35px; line-height:35px; text-align: center; transition: all linear 0.5s;
border: 1px solid #e1e1e1; display: inline-block; margin-right:10px; border-radius: 50%;}

.socialicns a i{font-size: 16px;color: #727272;}

.socialicns a:hover{color: #fff; background: #799838; border-color: #799838;}

.socialicns a:hover i{color: #fff;}

.infofooter{margin:10px 0px 0px; padding: 0px; list-style: none;}

.infofooter li{margin: 0px 0px 20px; padding: 0px; display: inline-flex; align-items: center;
color: #99b55e; font-weight:600;}

.infofooter li a{color: #99b55e; }

.infofooter li a:hover{color: #799838}

.infofooter li i{color: #99b55e; font-size:35px; margin-right: 10px;}

.footerlinks{margin-top: 30px; padding-left: 50px;}

.footerlinks h5{margin: 0px; padding: 0px; font-weight: 700; margin-bottom: 40px; font-size: 19px;
    font-family: "Poppins", sans-serif;}

.footerlinks ul{margin: 0px; padding: 0px; list-style: none;}

.footerlinks ul li{display: block; margin-bottom: 15px;}

.footerlinks ul li a{font-size: 16px; color: #8a8a8a; }

.footerlinks ul li a:hover{color: #99b55e;}

.footerlinks ul li a:before{content: "\f105"; font-family: "fontawesome"; color: #99b55e; margin-right:3px;
  display: none; transition: all 0.2s linear 0s;
}

.footerlinks ul li a:hover:before{display: inline-block;}

.emailinput{width: 100%; color: #727272; border: 1px solid #e1e1e1; padding: 20px; border-radius: 5px; 
font-size: 15px; text-align: center; outline: none;}

.subscribe-btn{background:#99b55e; padding: 15px 20px; border-radius: 5px; font-weight: 500; font-size: 16px;
color: #fff; width: 100%; float: left; margin: 10px 0px 0px; text-transform: uppercase; border: none;
 position: relative; transition: all linear 0.5s;}

.subscribe-btn:hover{background: #799838}

.footer-two{border-top: 1px solid #e0e0e0; padding-bottom: 20px; margin-top: 20px; padding-top: 25px;}

.copyrightdv p{font-size: 14px; margin:0px; padding: 0px;}

.infolinks ul{margin: 0px; padding: 0px; list-style: none; text-align: right;}

.infolinks ul li{margin: 0px; display: inline-block;}

.infolinks ul li a{color: #8a8a8a; font-size: 14px; }

.infolinks ul li a:hover{color: #799838;}

.infolinks ul li a:after{content: "|"; display:inline-block; color: #8a8a8a; margin: 0px 10px 0px 10px; padding: 0px;}

.infolinks ul li:last-child a:after{display: none;}

.feedbackimg{position: absolute; width: 150px; right: 0; top: -100px}

 ul#tab-links {
    list-style-type: none;
    padding:0px; 
    border-radius: 50px;
    text-align: center; padding-right: 30px;
  
    margin:30px auto 0px;
    display: inline-block; position: relative;
}

 ul#tab-links li {
    display:block; padding:0px; float: left;
    position: relative;   border-radius: 0px; width: 100%;
}


 ul#tab-links li a {
    display: block;
    text-decoration: none; margin: 0px 0px 10px;
    transition: all .2s ease-in-out;
    cursor: pointer; color: #000;  background: #fff; border-radius: 15px;
     float: left; width: 100%; font-size: 18px; padding:18px 20px;
     font-weight: 600;  text-align: left;    font-family: "Jost", sans-serif;
}


 ul#tab-links li a i{font-size: 14px; margin-right: 5px;}

 ul#tab-links li.active a{background:#99b55e; color: #fff;}

 ul#tab-links li.active a{color: #fff;}

.service-offered section{
    display:none;
}

.service-offered section.active {
    display: block; position: relative; z-index: 1;
}

.offered-right{background: #fff; padding: 20px; border-radius: 20px; margin-top: 30px;}

.offer-content img{width: 100%; float: left;}

.offer-content h4{margin-bottom: 10px; margin-top: 25px; display: block;
font-family: "Jost", sans-serif; font-weight: 600;}

.offeredtext p{margin: 20px 0px 0px;}

wifi-symbol {
  display: none;
}

.wifi-symbol [foo], .wifi-symbol {
  position: absolute;
  top: 35%;
  display: inline-block;
  width:80px;
  height: 80px;
  left: 0px;
  -ms-transform: rotate(-45deg) translate(-100px);
  -moz-transform: rotate(-45deg) translate(-100px);
  -o-transform: rotate(-45deg) translate(-100px);
  -webkit-transform: rotate(-45deg) translate(-100px);
  transform: rotate(-45deg) translate(-100px);
}

.symbol2{right: -60px; top: 0; left: inherit;}

.wifi-symbol .wifi-circle {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  display: block;
  width: 100%;
  height: 100%;
  font-size: 21.42857px;
  position: absolute;
  bottom: 0;
  left: 0;
  border-color: #00A9C2;
  border-style: solid;
  border-width: .5em .5em 0 0;
  -webkit-border-radius: 0 100% 0 0;
  border-radius: 0 100% 0 0;
  opacity: 0;
  -o-animation: wifianimation 2s infinite;
  -moz-animation: wifianimation 2s infinite;
  -webkit-animation: wifianimation 2s infinite;
  animation: wifianimation 2s infinite;
}

.wifi-symbol .wifi-circle.first {
  -o-animation-delay: 800ms;
  -moz-animation-delay: 800ms;
  -webkit-animation-delay: 800ms;
  animation-delay: 800ms;
}

.wifi-symbol .wifi-circle.second {
  width: 2.7em;
  height:2.7em;
  -o-animation-delay: 400ms;
  -moz-animation-delay: 400ms;
  -webkit-animation-delay: 400ms;
  animation-delay: 400ms;
}

.wifi-symbol .wifi-circle.third {
  width: 1.7em;
  height: 1.7em;
}

.wifi-symbol .wifi-circle.fourth {
  width: .5em;
  height: .5em;
  opacity: 1;
  background-color: #00A9C2;
  -o-animation: none;
  -moz-animation: none;
  -webkit-animation: none;
  animation: none;
}

@-o-keyframes wifianimation
{
  0% {
    opacity: 0.4;
  }
  5% {
    opactiy: 1;
  }
  6% {
    opactiy: 0.1;
  }
  100% {
    opactiy: 0.1;
  }
}

@-moz-keyframes wifianimation
{
  0% {
    opacity: 0.4;
  }
  5% {
    opactiy: 1;
  }
  6% {
    opactiy: 0.1;
  }
  100% {
    opactiy: 0.1;
  }
}

@-webkit-keyframes wifianimation
{
  0% {
    opacity: 0.4;
  }
  5% {
    opactiy: 1;
  }
  6% {
    opactiy: 0.1;
  }
  100% {
    opactiy: 0.1;
  }
}

.watchvideo .modal-header { padding: 0px;  border-bottom: none;}

.watchvideo .btn-close {
    position: absolute;  right: -16px; top: -17px;  width: 24px;  height: 24px;
    outline: none;  background-color: #fff;  border-radius: 50%;
    opacity: 1;  border: 1px solid #000;
}

.popup-video video, .popup-video iframe { width: 100%;  height: 450px;}

.whatsappno i{
    font-size: 29px; color: #d7efa3;  margin-right: 10px;}


.offrmobile h2{background: #99b55e; font-size: 18px; margin:20px 0px 10px;
  padding: 18px 20px; color: #fff; font-weight: 600; border-radius: 15px;}

.offrmobile img{ width:100%; border-radius:20px; }    

.contact-img img{width: 100%;}

.contact-text{position: absolute; left: 0; top: 0; height: 100%; display: flex; align-items: center;}

.contact-text h1{margin: 0px; padding: 0px; color: #fff; text-align: center;
font-size:50px; font-weight: 600;text-shadow: 0px 0px 4px #262626;}

.contact-section{padding: 80px 0px;}

 .contact-boxes{
    padding: 50px 20px; text-align: center;background: #fff; cursor: pointer;
    box-shadow: 0 10px 50px rgba(50, 73, 179, 0.08);  border-radius: 10px;    transition: all 0.3s;
}

 .contact-boxes:hover{transform: translateY(-5px);}

.icnsdv{
    width:120px;
    height: 120px;
    border-radius: 50%;
    background: #e6fcb6;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px auto 10px;
    transition: all linear 0.5s;
}

.icnsdv img {
    max-width: 100%;
    margin: 0px auto;
    width: 80px;
    height: auto;
}

.contact-textdtl{margin: 20px 0px 0px;}

.contact-textdtl h5{font-size: 27px;}

.contact-textdtl  p{margin: 10px 0px 0px}

.contact-sectionbtm{padding: 100px 0px 0px; background-image: url("../images/image-new.png");
background-repeat: no-repeat; background-size:800px; background-position: bottom left;
background-color: #f8ffea;}

.getinfo-section h3{margin:15px 0px;}

.getinfo-section h5{color: #99b55e;}

.formlist p input, .formlist p textarea{width: 100%; float: left; padding: 12px 10px; border: 1px solid #cecece;
font-size: 15px; border-radius: 5px; background: #fff; outline: none;}

.formlist{margin-bottom: 10px;}

.formlist p textarea{height: 150px;}

.submit-btn{background: #99b55e; padding: 15px 40px;  border-radius: 5px;  font-weight: 500;
    font-size: 16px; color: #fff; text-transform: uppercase; transition: all linear 0.5s;
    border: none; margin: 10px 0px 0px;}

.submit-btn:hover{background: #799838;}

.contact-sectionbtm .footerimg{margin-top: 80px;}

.aboutmn-section{padding: 100px 0px;}

.about-left h2{font-weight: 700; font-size: 35px; position: relative; line-height: 45px}

.about-left h2:before {
    display: block !important; content: ""; position: absolute; width: 50px; height: 50px;
    background: transparent; z-index: 1;  top: -15px;  border-style: solid; 
    border-color: #799838;  border-top-width: 5px;  border-bottom-width: 0;
    pointer-events: none; left: -20px;  border-left-width: 5px;  border-right-width: 0;
}

.videoimg{border-radius: 10px; overflow: hidden;}

.videoimg img{width: 100%; float: left;}

.aboutvideo{margin-top: 60px;}

.videoplay-icons{position: absolute; height: 100%; display: flex; align-items: center; justify-content:center;
margin: 0px; padding: 0px;}

.videoplay-icons a{background: #ffffff;width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center; position: relative;
    display: inline-block;
    border-radius: 50%;}

.videoplay-icons i{
    font-size: 20px;  line-height: 80px; display: block;  color: #1a73e9; position: relative; z-index: 333;
}


/* triangle */
.videoplay-icons a::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-40%) translateY(-50%);
  transform: translateX(-40%) translateY(-50%);
  transform-origin: center center;
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 25px solid #fff;
  z-index: 100;
  -webkit-transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

/* pulse wave */
.videoplay-icons a:before {
  content: "";
  position: absolute;
  width: 150%;
  height: 150%;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation: pulsate1 2s;
  animation: pulsate1 2s;
  -webkit-animation-direction: forwards;
  animation-direction: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: steps;
  animation-timing-function: steps;
  opacity: 1;
  border-radius: 50%;
  border: 5px solid rgba(255, 255, 255, .75);
  top: -28%;
  left: -28%;
  background: rgba(198, 16, 0, 0);
}

@-webkit-keyframes pulsate1 {
  0% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 1;
    box-shadow: inset 0px 0px 25px 3px rgba(255, 255, 255, 0.75), 0px 0px 25px 10px rgba(255, 255, 255, 0.75);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
    box-shadow: none;

  }
}

@keyframes pulsate1 {
  0% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 1;
    box-shadow: inset 0px 0px 25px 3px rgba(255, 255, 255, 0.75), 0px 0px 25px 10px rgba(255, 255, 255, 0.75);
  }
  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1);
    opacity: 0;
    box-shadow: none;

  }
}

#aboutmain{width: 100%; float: left; margin: 0px; padding:0px 0px 70px;}

.aboutmainimage{border-radius: 20px; overflow: hidden;}

.aboutmainimage img{width: 100%;}

.aboutmaintext {padding: 0px 0px 20px; background: #f5f8ff; border-radius: 10px;}

.aboutmaintext  ul{margin: 0px 0px 10px; padding: 0px 0px 0px; border-bottom:2px solid #4bafd5;}

.aboutmaintext .nav-link{color: #000; padding: 10px 20px; border-radius: 10px 10px 0px 0px; font-size: 25px;}

.aboutmaintext .nav-link.active{background: #4bafd5;}

.tab-pane{padding: 20px 20px 0px;}

.tab-pane h5{margin: 20px 0px 0px; font-size: 20px; line-height: 30px;}

.tab-pane h5 strong{color: #99b55e; font-size: 25px;}

.tab-pane p{margin: 0px ;font-size: 25px; line-height: 38px;}

.mnright{padding-left: 30px;}

.service-mainsection{padding: 100px 0px;}

.serve-heading{display:flex; height: 100%; align-items: center;}

.servicebx{background: #fff; box-shadow: 0 10px 50px rgba(50, 73, 179, 0.08); height:88%;
    border-radius: 10px; padding:40px 20px; margin-bottom: 30px; transition: all linear 0.5s;}

.servicebx img{width: 120px;}

.servicebx h4{font-family: "Poppins", sans-serif; margin: 20px 0px 0px; font-size: 20px;}

.servicebx:hover h4{color: #fff;}

.servicebx:hover{background: #99b55e;}

.service-detls{padding-bottom: 100px;}

.listing-bx{background: #fff; box-shadow: 0 10px 50px rgba(50, 73, 179, 0.08); border-radius: 10px;
padding:30px; margin:20px 0px 0px; height:97%;  transition: all 0.3s;
}

.listing-bx:hover{transform: translateY(-5px);}


.listing-bx img{width:90px;}

.listing-bx h4{margin:15px 0px; padding:0px; font-size:22px; font-weight: 600; height:55px;}

.listing-bx ul{margin: 0px; padding: 0px; list-style: none;}

.listing-bx ul li{margin:0px 0px 10px; padding:0px 0px 0px 15px; position: relative; font-size: 14px; color: #8a8a8a;}

.listing-bx ul li:before{width: 5px; height: 5px; border-radius: 50%; background: #799838; border-radius: 50%;
content: ""; display: inline-block; position: absolute; top: 9px; left: 0px;}

.btnpdf a{background: #99b55e; color:#fff; font-size:20px; margin:20px 0px 0px; padding:12px 40px;
 border-radius:10px; font-weight: 500;  transition: all 0.2s linear 0s; position: relative;
overflow: hidden;display: inline-block;}

.btnpdf a:hover{background: #799838;}

/*
.btnpdf a:before {
    content: "\f0a4";
    font-family: FontAwesome;
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0; 
    right: -30px;
    width: 30px;
    height: 100%;
    background-color:#87a24d; 
    border-radius: 0px 6px 6px 0px;
    transition: all 0.2s linear 0s;
    text-align: center;
  }

.btnpdf a:hover { text-indent: -20px;}

.btnpdf a:hover:before {  right: 0; text-indent: 0px;  }*/

.service-ftre-sctn{margin:100px 0px 0px; padding: 0px;}

.service-ftre-sctn ul{
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.service-ftre-sctn ul li {
    margin: 0px 0px 15px;
    padding: 0px 0px 0px 20px;
    position: relative;
    font-size: 22px;
    color: #8a8a8a;
}

.service-ftre-sctn ul li:before {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #799838;
    border-radius: 50%;
    content: "";
    display: inline-block;
    position: absolute;
    top: 12px;
    left: 0px;
}

.servcimg {display: flex; align-items: center; justify-content: center; height: 100%;}

.servcimg img{width: 100%; float: left;}

.productimg video {
    width: 100%;
    border-radius: 45px;
}
.bg-100 {     background: #f5f8ff;
}
/**css-end**/

/**menu-css-start**/

div#overlay { display: none}

a#toggle {position: relative; text-align: center; color:#89a2ac; display: none;
float: right; outline: none; margin-right: 10px; z-index: 99;}

a#toggle i { font-size: 30px}

a#toggle i { position: relative;}

.open-menu a#toggle i {color: #fff}

main#content {padding: 10px;}

#menu{
    text-align: left; transition: all ease-out .3s; height: 100%;
 align-items: center;    display: flex; float: right;}

#menu a { color: #000; text-decoration: none}

#menu ul {margin:0px 0px 0px;padding: 0;text-align: center;}

#menu ul li {display: inline-block;position: relative; margin-left: 10px;}

#menu ul li>a {
    display: inline-block; /**padding: 4px 7px;  font-size: 14px;**/
    margin: 0px; color: #000; position: relative; font-weight:600;
    transition: all linear 0.5s; margin: 0px 0px 0px 0px;
    padding: 4px 20px;  font-size: 15px;}

#menu ul li>a.active{color: #fff; background: #99b55e}

#menu ul li>a:hover{color: #fff; background: #99b55e;}

#menu ul li> a:before {
  content: ""; position: absolute;  bottom: 12px; left: 12px; width: 12px;
  height: 12px;  border: 3px solid #99b55e;  border-width: 0 0 3px 3px;
  opacity: 0;   transition: all 0.3s
}

#menu ul li> a:hover:before, #menu ul li>a.active:before {
  opacity: 1;  bottom: -8px; left: -8px;}

#menu ul li> a:after {
  content: ""; position: absolute;  top: 12px;  right: 12px;  width: 12px;
  height: 12px; border: 3px solid #99b55e; border-width: 3px 3px 0 0;
  opacity: 0; transition: all 0.3s;
}

#menu ul li> a:hover:after, #menu ul li>a.active:after {
  opacity: 1;  top: -8px;  right: -8px;
}

#menu ul li>a>i { margin-left: 10px; transition: all ease-out .3s;  
    -webkit-transition: all ease-out .1s}

#menu ul li ul {
    display: none; position: absolute; top: 22px; margin-top:10px; width: 180px;  background:#000; 
    text-align: left;  z-index: 3;}
	#menu ul li ul li {margin-left:0px;
	}

#menu ul li ul li a { border: none; color: #000;}

#menu ul li ul li:hover>a {color: #fff}

#menu ul li ul li a:before{display: none;}
#menu ul li ul li a:after{display: none;}

#menu ul li ul li {display: block}

#menu ul li ul li a {
    display: block;  text-transform: capitalize;  color: #fff;
    font-size: 14px;  padding:8px 15px;  font-weight: 500;  margin: 0
}

#menu ul li ul li:hover a{color: #fff;}

#menu ul li ul li:before { border-left: none}

#menu ul li:hover>a>i { transform: rotateZ(90deg)}

#menu ul li:hover ul { display: block}

/**menu-media**/

@media screen and (max-width:767px) {
 a#toggle { display: block  }

a#toggle { margin-top: 15px;}

a#toggle:hover {  text-decoration: none  }

#menu .fa-plus { display: block }

main#content {  margin-top: 65px; transition: all ease-out .3s }

#menu { position: fixed; width:100%; height: 100%; top: 0;
        right: 0; overflow: hidden; overflow-y: hidden; z-index: 9;
        overflow-y: auto; background-color:#4bafd5; transform: translateX(750px)}

#menu ul {
  text-align: left;
  background-color: transparent;
  padding-top: 0px;
  padding-left: 30px;
  padding-bottom: 0px;
  padding-right: 30px;
  top: 50px;
  position: absolute;
}

#menu ul li ul { padding-top: 0  }

#menu ul li { display: block }

#menu ul li a {
  display: block; outline: none; color: #fff; padding: 16px 0!important; margin: 0
}

#menu ul li a>i {  float: right;margin-top: 5px; }

#menu ul li ul { display: none; position: static; padding: 0; width: 100%}

#menu ul li:hover>ul {  display: none  }

#menu ul li:hover>a>i { transform: rotateZ(0) }

.open a i::before { content: "\f107"; }

#menu ul li.open>ul { display: block;margin-top: 0px; }

div#overlay { display: block; visibility: hidden; position: fixed;
 right: 0; top: 0;  width: 100%;  height: 100%; background-color: rgba(0, 0, 0, .8);
  z-index: 1; opacity: 0 }

html.open-menu { overflow: hidden  }

html.open-menu div#overlay { visibility: visible;  opacity: 1; width: calc(-150%);
left: 250px }

html.open-menu nav#menu {  z-index: 22; transform: translateX(0)  }

#menu ul li>a { border-right: none }

#menu ul li ul a { font-weight: 400; padding: 8px 0!important }

#menu ul li ul li {  border-bottom: none }

#menu ul li ul { background: 0 0 }

.open-menu .fa-bars:before {  content: "\f00d"  }

#menu li:last-child { border-bottom: none }

#menu ul li::before { display: none }

#menu ul li a.active {  border-bottom: none }

#menu ul li > a{border: none}

#menu  .active{color: #fff;}

#menu a.active::after{content: none !important; border: none;}
#menu a:hover{border: none;}

#menu ul li a:hover{border-bottom: none;}

#menu ul li > a:hover{background: none;}

#menu ul li>a.active{color:#fff;}

#menu ul li>a:hover{color: #fff;}

#menu ul li a:hover, #menu ul li a.active{background: transparent; color:#d9faca;}

#menu ul li a:before, #menu ul li a:after{display: none;}



}

/**menu-css-end**/


/**formedia**/

@media (min-width: 1200px) and ( max-width:1399px ) {

h5{font-size: 20px; line-height: 30px;}

h3{font-size: 35px;}

#menu ul li>a {   padding: 4px 18px;  font-size: 13px;}

p{font-size: 14px; line-height: 22px;}

.banner-title h1{font-size: 54px;}

.iconimg{width: 70px; height: 70px;}

.iconimg img{width: 30px;}

.icon-info p{font-size: 12px;}

.work-btn{font-size: 16px;    margin: 45px 0px 0px;}

.work-btn i{font-size: 35px;}

.banner-icns h5{font-size: 15px;}

.about-text p{font-size: 13px; margin-top: 15px;}

.innovativetext p{font-size: 20px; line-height: 30px;}

.innovativetext a{font-size: 17px;}

.about-text {  padding-right:calc(100vw - 1140px); }

.service-serve img{width: 70px;}

.service-serve h5{font-size: 18px;}

.offeredimg{width: 280px;}

ul#tab-links li a{font-size: 16px;}

.testimonialtext p{font-size: 16px; line-height: 27px;}

.testimonialtext p span{font-size: 13px;}

.testimonialtext p.nameclient{line-height: 20px;}

.loveprdctimg{width: 200px;}

.loveproductsection h2{font-size: 45px;}

.loveproductsection p{font-size: 18px;}

.footerlinks h5{font-size: 17px;}

.footerlinks ul li a{font-size: 13px;}

.infofooter li i{font-size: 28px;}

.infofooter li  span{font-size: 15px;}

.emailinput{padding: 15px 20px; font-size: 13px;}

.subscribe-btn{font-size: 13px; padding: 12px 20px;}

.infolinks ul li a, .copyrightdv p{font-size: 12px;}

.setupinnerbx img{width: 70px;}

.setupinnerbx::after{right: -46%;}

.about-left h2 { font-size: 31px;  line-height: 42px;}

.aboutmaintext .nav-link{font-size: 22px;}

.tab-pane p { font-size: 20px;
    line-height: 33px;
}

.contact-text h1{font-size: 45px;}

.icnsdv{width: 100px; height: 100px;}

.contact-textdtl h5{font-size: 25px;}

.submit-btn{padding: 10px 37px;}

.servicebx h4{font-size: 16px;}

.servicebx img{width: 80px}

.listing-bx img{width: 70px;}

.listing-bx h4{font-size: 18px;}

.listing-bx ul li{font-size: 12px;    margin: 0px 0px 7p}

.listing-bx ul li:before{top: 6px;}

}

.footerthree{padding-bottom: 20px;}


.innovativetext001 p {
    margin: 20px 0px 0px;
    font-size: 25px;
    color: #4b4b4b;
    line-height: 35px;
}

.innovativetext001 h3 {
    font-size: 45px;
    font-weight: 700;
    font-family: "Jost", sans-serif;
    margin: 0px;
}

.innovativetext001 a {
    background: #99b55e;
    color: #fff;
    font-size: 20px;
    margin: 50px 0px 0px;
    padding: 12px 40px;
    float: left;
    border-radius: 10px;
    font-weight: 500;
    transition: all 0.2s linear 0s;
    position: relative;
    overflow: hidden;
}
.innovativetext001 p span {
    color: #99b55e;
}