.testi{padding:20px 0px 35px 0px;position: relative; webkit-box-shadow:0px 0px 30px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);}
.carousel .carousel-item {
  color: #696969;
  overflow: hidden;
  min-height: 120px;
  font-size: 18px;font-family:'Poppins-Regular';
}
.carousel img {
  width: 65px;
  height: 65px;
  display: block;
  border-radius: 50%;
}
.carousel .testimonial {
  padding: 0 15px 0 0px ;
  position: relative;
}
/* .carousel .testimonial::before {
  content: "\201C";
  font-family: Arial,sans-serif;
  color: #e2e2e2;
  font-weight: bold;
  font-size: 68px;
  line-height: 54px;
  position: absolute;
  left: 15px;
  top: 0;
} */
.carousel .overview b {
  text-transform: uppercase;
  color: #333333;display: block;
}
.carousel .carousel-indicators {
  bottom:-30px;margin-left: 0px;justify-content: left;
}
.carousel-indicators li, .carousel-indicators li.active {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin: 1px 3px;
  box-sizing: border-box;
}
.carousel-indicators li {	
  background: #e2e2e2;cursor: pointer;
  /* border: 4px solid #fff; */
}
.carousel-indicators li.active {
  color: #fff;
  background: #086ad8;    
    
}
.testiname{display: inline-block;top:0%;position: absolute;left: 7%;}
.carousel .carousel-item p{margin: 5px 0px;}

.online{padding:42px 0px;position: relative;background:#f2f2f2;}
.online p{font-family:'Poppins-Light';font-size:38px;margin: 0px;text-align: center;}
.online a{font-family:'Poppins-Regular';font-size:21px;background:#5fae08 ;border-radius: 4px;color: #fff;text-decoration: none;padding: 15px 40px;transition: all .3s ease-in-out;top: 12px; position: relative;}
.online a:hover{background:#3b709a ;border-radius: 4px;color: #fff;text-decoration: none;}

.clientele{padding:10px 0px 10px 0px;position: relative;}
.clientele img{opacity:0.4; cursor: pointer; transition:all 300ms ease;
  -webkit-transition:all 300ms ease;
  -ms-transition:all 300ms ease;
  -o-transition:all 300ms ease;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);}
.clientele img:hover{ opacity:1;
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);}
.clientelebg{background: #f7f7f7;}

.clientele .mrgnlft{margin-left: 100px;}

footer{padding:60px 0px 20px 0px;position: relative;background: #1c1c1c;margin-right: auto;margin-left: auto;}
footer h4{font-size:19px;padding: 30px 0px;color:#fff; font-family: 'Poppins-SemiBold';}
footer h5{font-size:17px; line-height: 24px;margin: 20px 0px;padding-top: 20px;color:#fff; font-family: Lato, sans-serif;font-weight: 600;border-top:1px solid #4d4e4f;}
footer h5 span{font-weight: 400;display: inherit;}
footer p{font-size:16px;color:#fff; font-family: Lato, sans-serif;font-weight: 400;}
footer p a{color:#fff;transition: 0.5s;}
footer p a:hover{color:#fa611d;}
footer ul{padding: 0px 0px 0px 0px;}
footer ul li{font-size:16px; font-family: Lato, sans-serif;font-weight: 400; padding: 0px 0px 8px 0px;}
footer ul li a{color: #fff;transition: 0.5s;;}
footer ul li a:hover{color:#fa611d;text-decoration: none}

footer .form-group label {width: 100% !important;}
footer .form-group input {background: #302e2f; border-radius: 4px; padding: 12px 20px 12px 20px; font-weight: 400; width: 100%; border:0px; color: #bfbfbf;}
/* footer .form-group .join {background: #1a75c8;  color: #fff; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 0px; border-bottom-left-radius: 0px;  font-family: 'Poppins-Regular'; font-size: 18px;font-weight: 400; padding: 11px 36px 10px 36px;right: 14px; text-align: center;position: absolute; border: 0px; cursor: pointer; transition: all .3s ease-in-out; width: auto;}
footer .form-group .join:hover {background: #fb7820;color: #fff;} */
footer .form-group button {background: #1a75c8;  color: #fff; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 0px; border-bottom-left-radius: 0px;  font-family: 'Poppins-Regular'; font-size: 18px;font-weight: 400; padding: 11px 36px 10px 36px;right: 14px; text-align: center;position: absolute; border: 0px; cursor: pointer; transition: all .3s ease-in-out; width: auto;}
footer .form-group button:hover {background: #fb7820;color: #fff;}
footer .form-group input:focus {outline: 0;}

.abt a{font-size:16px;color:#fff; font-family: Lato, sans-serif;font-weight: 600;display: inherit;text-decoration: none; line-height: 26px;  transition: 0.5s;}
.abt a:hover{color: #fb7820;}
.abt ul li {color: #cbcbcb; position: relative; display: inline-block;margin-right: 4px; }
.abt li .facebook, .instagram, .youtube, .twitter, .youtube {text-align: center; text-decoration: none; border-radius: 50% 50% 50% 50%; padding: 7px 7px 6px 8px; width: 60px; height: 60px; line-height: 26px; display: block; color: #FFFFFF; border-style: solid; border-width:3px 3px 3px 3px; border-color: #FFFFFF; transition: 0.3s; }
.abt li .facebook:hover {background-color: #3b5998; border-color: rgba(0, 0, 0, 0); }
.abt li .instagram:hover {background-color: #f46f30; border-color: rgba(0, 0, 0, 0); color: #FFF; }
.abt li .youtube:hover {background-color: #dd5044; border-color: rgba(0, 0, 0, 0); color: #FFF; }
.abt li .twitter:hover {background-color: #35b3f7; border-color: rgba(0, 0, 0, 0); color: #FFF; } .services section{padding: 40px;}
.abt li .linkedin:hover {background-color: #0073b2; border-color: rgba(0, 0, 0, 0); color: #FFF; } .services section{padding: 40px;}
.abt li i{font-size: 25px; transform: translate(0px,8px);}
.tag{font-size:20px !important;top: 2px;position: relative;  color: #fb7820;left: 1px;}
.badge-warning{color: #FFF !important;background:#fb7820 !important;border-radius: 0px;font-family: Lato, sans-serif;font-size: 13px;padding: .28em .4em;}
.brdrtp{border-top: 1px solid #4d4e4f;}
.copyright {color: #fff; padding: 30px 0 15px 0; font-family: 'Poppins-Light';font-size: 14px;}
.hide{display: block;}
.pdng {
  padding: 10px 0px;
}
#popup {display: none;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);background-color: white;visibility: visible;color: black;padding: 20px;border: 0px solid #ccc;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);z-index: 9;border-radius:4px;}
#popup p{color: #000}
#popup button{background: #1a75c8;border: 0px; color: #fff;border-radius:4px;cursor: pointer;padding: 3px 10px;transition: all .3s ease-in-out;}
#popup button:hover{background: #1c1c1c;  color: #fff;}
 
@media only screen and (min-width:320px)and (max-width:479px){
  .carousel img{width: 60px;height: 60px;}
  .testiname{left:22%;}
  .carousel .carousel-item p{font-size: 14px;}
  .carousel .carousel-indicators{bottom: -25px;}

  .online{text-align: center;padding:20px 0px 40px 0px;}
  .online p{font-size: 24px;}
  .online a{font-size: 18px;padding: 10px 30px;}

  footer{padding:0px;}
  footer h4 {padding: 10px 0px;} 
  footer p{font-size:15px;}
  footer ul{padding: 0px;}
  footer .pl-5{  padding-left: 1rem !important;}
  .copyright {padding:20px 0 15px 0;}
  .clientele .mrgnlft{margin-left: 0px;}

}
@media only screen and (min-width:480px) and (max-width:767px){
  .carousel img{width: 60px;height: 60px;}
  .testiname{left:22%;}
  .carousel .carousel-item p{font-size: 14px;}
  .carousel .carousel-indicators{bottom: -25px;}
  .online{text-align: center;padding:20px 0px 40px 0px;}
  .online p{font-size: 24px;}
  .online a{font-size: 18px;padding: 10px 30px;}

  footer{padding:0px;}
  footer h4 {padding:10px 0px;} 
  footer p{font-size:15px;}
  footer ul{padding: 0px;}
  footer .pl-5{  padding-left: 1rem !important;}
  .copyright {padding:20px 0 15px 0;}
  .hide{display: block;}
  .clientele .mrgnlft{margin-left: 0px;}
  .online{text-align: center;padding: 22px 0px;}
  .online p{font-size: 24px;}
  .online a{font-size: 18px;padding: 10px 30px;}
}
@media (max-width:768px){
  .hide{display: none!important;}
  
}
@media only screen and (min-width:768px) and (max-width:1024px){
  .carousel img{width: 60px;height: 60px;}
  .testiname{left:12%;}
  .carousel .carousel-item p{font-size: 14px;}
  .carousel .carousel-indicators{bottom: -25px;}
  .online{text-align: center;padding:20px 0px 20px 0px;}
  .online p{font-size: 24px;}
  .online a{font-size: 18px;padding: 10px 30px;top: 5px;}
  .price-section{margin-top:-150px!important;}

  footer{padding:0px;}
  footer h4 {padding: 20px 0px 10px 0px;} 
  footer p{font-size:15px;}
  footer ul{padding: 0px 0px 20px 0px;}
  footer .pl-5{  padding-left: 1rem !important;}
  .copyright {padding:20px 0 15px 0;}
  .hide{display: block;}
  .clientele .mrgnlft{margin-left: 0px;}
}
/*@media only screen and (min-width:1024px) and (max-width:1920px) {
  .hide{display: block;}
}*/