body {
  font-family: 'Poppins', sans-serif;
  padding: 0px;
  margin: 0px;
  box-sizing: border-box;
}


.section-padding1{
  padding: 4rem 0px;
  background-color: #fff;
}

.section-padding2{
  padding: 4rem 0px;
  background-color: #F5F5F5;
}

.heading{
  font-size: 45px;
  font-weight: 800;
  color: #E76F51;
}

.p-text{
  font-size: 16px;
  color: #464646;
}
   #counter1 {
      font-size: 18px;
      font-weight: bold;
      color: #f2f2f2;
     
      margin-top: 20px;
    }

.top-header{
  padding: 12px 0px;
}

.top-section-content{
  background-color: #F5F5F5;
  padding: 15px 0px;
}

.top-section-content span a{
  text-decoration: none;
  color: #000;
}

.top-header .div-button1{
  background-color: #E76F51;
  text-decoration: none;
  font-size: 15px;
  padding: 5px 10px;
  color: #fff;
  border-radius: 50px;
}

.top-header .div-button1:hover{
  background-color: #a6333b;
  color: #fff;
  border-color: #9D1D26;
}

.top-header .div-button1 i{
  color: #9D1D26;
}

.top-header .div-button1:hover i{
  color: #fff;
}



.offcanvas{
  background-color: #336AA2 !important;
}

.offcanvas button{
  background-color: #fff;
}
 header .navbar {
  background-color: #E76F51;
}
header .navbar .nav-item .nav-link {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
}
header .navbar .nav-item {
  padding: 0px 20px;
}
header .offcanvas .navbar-nav .nav-item .dropdown-item {
  border-radius: 5px;
  color: #fff !important;
}
header .offcanvas .navbar-nav .nav-item .dropdown-item:hover {
  background: none !important;
  text-decoration: underline !important;
}
header .offcanvas .navbar-nav .dropdown-menu {
  border: 0;
  background-color: #E76F51;
  display: none;
  padding-left: 0.5rem;
}

/* Submenu styling */
.dropdown-submenu {
  position: relative;
}
.dropdown-submenu > .dropdown-menu {
  display: none;
  position: static;
  margin-left: 1rem;
  border-left: 2px solid rgba(255, 255, 255, 0.2);
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 90%;
    margin-top: -1px;
    display: none;
  }

  /* WhatsApp */
  .whatsapp_main {
    position: fixed;
    bottom: 20px;
    left: 20px;
    text-align: center;
    z-index: 10;
  }
/*footer-css*/

footer{
  background: url(../image/footer-bg.png);background-size: cover;background-repeat: no-repeat;
  padding-top: 4rem;
}

footer h5{
  font-size: 25px;
  color: #fff;
  font-weight: 600;
}

footer ul li{
  color: #fff;
}

footer ul li a{
  font-size: 16px;
  text-decoration: none;
  color: #fff;
}

footer ul{
  line-height: 40px;
  padding-left: 0px;
  padding-left: 20px;margin-top: 20px;
}

footer p{
  font-size: 16px;
  color: #fff;
}

footer .map{
  padding-top: 20px;
}

footer p i{
  font-size: 20px;
}

footer .copy-div{
  margin-top: 30px;
}


/*category-section*/

.category-section a{
   background-color: #fff;
   height: 80px;
   width: 80px;
   padding: 60px 20px;
   border-radius: 50%;
   box-shadow: 0 0 15px rgba(51, 106, 162, 0.3);
/*box-shadow: 0 0 30px rgba(231, 111, 81, 0.3);*/





}

.category-section a img{
  width: 65%;
}

.category-section p{
  font-size: 15px;
  color: #000;
  margin-top: 45px;
  font-weight: 600;
  line-height: 30px;
}

.category-section .col{
  margin-top: 25px;
}

/*about-section-css*/

.about-section ul li{
  list-style: none;
}

.about-section ul li i{color: #E76F51 !important}

.about-section ul{
  padding-left: 0px;
  padding-left: 5px;
  line-height: 30px;
}

.about-section .button-css{
  background-color: #E76F51;
  color: #fff;
  text-decoration: none;
  padding: 8px 18px;
  font-size: 16px;
  border-radius: 50px;
}

.about-section .button-css:hover{
  background-color: #fff;
  color: #336AA2;
  border: solid 1px #336AA2;
}

.about-section .about-video{
  position: absolute;
  right: 14px;
  bottom: -50px;
}


/*product-section-css*/

.product-section1 .shadow{
  padding: 20px;
  text-align: center;
  border-radius: 20px;
}
.product-section1 .shadow h5{color: #000;
  font-weight: 700;
  line-height: 33px;
  font-size: 20px;
  padding-bottom: 8px;}

/*.product-section1 .shadow a{text-decoration: none;}  */

.product-section .card .card-body h4{
  font-size: 22px;
  color: #868686;
  font-weight: 600;
  text-decoration: line-through;
}

.product-section .card .card-body h6{
  font-size: 22px;
  color: #C40C0C;
  font-weight: 600;
}

/*.product-section .card .card-body{
  padding: 12px 40px 20px 40px;
}*/

.product-section .card .card-body a h5{
  color: #000;
  font-weight: 600;
  line-height: 33px;
  font-size: 20px;
  padding-bottom: 8px;
}
.product-section .card .card-body a{
  text-decoration: none;
}
.product-section .nav-tabs button{
  font-size: 24px;
  padding-bottom: 15px;
  background: none !important;
  border: none;
  font-weight: 600;

}

/* Optional: Normal tabs color */
.nav-tabs .nav-link.active {
  color: #E76F51;
  text-decoration: underline;

}

.nav-tabs .nav-link{
  color: #000;
}


/*testimonial-section-css*/

.testimonial-section .content-box{
  background-color: #E76F51;
  padding: 25px;
  border-radius: 25px;
}

.testimonial-section .content-box h5{
  font-size: 18px;
  color: #fff;
}

.testimonial-section .content-box .d-flex p{
   font-size: 15px;
   color: #fff;
}


/*client-section-css*/

.client-section img{
  width: 60%;
  padding: 15px;
  margin: auto;
  background-color: #fff;
  border-radius: 50%;
}

.client-section{background-color: #FCDBD0}

/*banner-section-start*/

.banner-section .banner-content{
  position: absolute;
  top: 20px;
  left: 23px;
}

.banner-section .banner-content span{
  background-color: #666A84;
  padding: 4px 10px;
  border-radius: 50px;
  color: #fff;
  font-size: 15px;
}

.banner-section .banner-content h5{
  font-size: 25px;
  width: 80%;
  font-weight: 600;
  color: #fff;
  line-height: 38px;
  padding-top: 15px;
}

.banner-section .banner-content p{
  color: #8C8C8C;
  font-size: 18px;
  padding: 20px 0px 8px 0px;
}

.banner-section .banner-content h4{
  color: #C40C0C;
  font-size: 25px;
  font-weight: 700;
  padding-bottom: 15px;
}

.banner-section .banner-content a{
  color: #fff;
  font-size: 18px;
}

/**/

.banner-section .banner-content1{
  position: absolute;
  top: 45px;
  left: 23px;
}

.banner-section .banner-content1 span{
  background-color: #666A84;
  padding: 4px 10px;
  border-radius: 50px;
  color: #fff;
  font-size: 15px;
}

.banner-section .banner-content1 h5{
  font-size: 25px;
  width: 100%;
  font-weight: 600;
  color: #fff;
  line-height: 38px;
  padding-top: 15px;
}

.banner-section .banner-content1 p{
  color: #fff;
  font-size: 18px;
  padding: 20px 0px 8px 0px;
}

.banner-section .banner-content1 h4{
  color: #fff;
  font-size: 25px;
  font-weight: 700;
  padding-bottom: 15px;
}

.banner-section .banner-content1 a{
  color: #fff;
  font-size: 18px;
}


/*counter-section-css*/

#counter .item{
  text-align: center;
  border-radius: 100px;
  padding: 0px 0px 10px 0px;
  background-color: #fadbd4;
  -webkit-box-shadow: 0px 0px 38px -8px rgba(0,0,0,0.34);
-moz-box-shadow: 0px 0px 38px -8px rgba(0,0,0,0.34);
box-shadow: 0px 0px 38px -8px rgba(0,0,0,0.34);
} 
#counter .item span{
  color: #000;
  font-weight: 700;
  margin-bottom: 5px;
  font-size: 30px;
}
/*#counter .item h3{
  color: #4f4e28;
  text-transform: capitalize;
}
*/

.map-section{background: url(../image/background-img3.png);background-size: cover;background-repeat: no-repeat;}

.experience-section .container{background: url(../image/background-img2.png);background-size: cover;background-repeat: no-repeat;
border-radius: 50px;padding: 40px 40px 0px 50px;}

.experience-section h5{
  font-size: 30px;
  color: #fff;
  font-weight: 700;
  padding-top: 20px;
}
/*industry-section-css*/

.industry-section img{
  border-radius: 20px;
}

.industry-section h6{
  font-size: 20px;
  padding-top: 15px;
  font-weight: 700;
}

/*.industry-section .owl-nav{display: none !important;}*/

/*owl-carousel-css*/

/*.owl-theme .owl-nav{
  display: none;
}*/

.owl-theme .owl-dots .owl-dot{
  margin-top: 20px;
}

.owl-dot.active span {
  background: #336AA2 !important;
}


.column div:first-child {
  margin-left: 0;
}
figure {
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
/* Circle */
.hover15 figure {
  position: relative;
  margin-bottom: 20px;
}
.hover15 figure::before {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  display: block;
  content: '';
  width: 0;
  height: 0;
  background: rgba(255,255,255,.2);
  border-radius: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
}
.hover15 figure:hover::before {
  -webkit-animation: circle .75s;
  animation: circle .75s;
}
@-webkit-keyframes circle {
  0% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  100% {
    width: 200%;
    height: 200%;
    opacity: 0;
  }
}
@keyframes circle {
  0% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  100% {
    width: 200%;
    height: 200%;
    opacity: 0;
  }
}

.owl-nav-custom {
  position: relative;
}

.owl-prev, .owl-next {
  position: absolute;
  top: 40%;
  transform: translateY(-50%);
  background: #e76f51e8 !important;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}

.owl-prev {
  left: -10px;
}

.owl-next {
  right: -10px;
}

.owl-prev span, .owl-next span {
  font-size: 24px;
  color: #fff !important;
}
/*contact-page-css*/


.contact-div{background-color: #336AA2;padding: 30px 20px;border-radius: 30px}

.contact-div h1{
  font-size: 26px;
  color: #fff;
  padding-bottom: 5px;
}

.contact-div p{
  color: #fff;
  font-size: 15px !important;
}

.col-lg-8 .shadow input{
  padding: 10px 10px;
  border-radius: 50px;
  border: solid 1px #464646;
}

.col-lg-8 .shadow textarea{
  padding: 10px 10px;
  border-radius: 10px;
  border: solid 1px #464646;
}

.col-lg-8 .shadow{
  padding: 40px 20px;
  border-radius: 25px;
}

.col-lg-8 .shadow .button-css{
  background-color: #E76F51;
  color: #fff;
  text-decoration: none;
  padding: 8px 18px;
  font-size: 16px;
  border-radius: 50px;
}

.contact-div  a i {
  background-color: #336AA2;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  color: white; /* optional: makes icon white */
  font-size: 18px; /* optional: controls icon size */
}

.contact-div  a{
  text-decoration: none;
}

footer .col-lg-3 a i {
  background-color: #E76F51;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  color: white; /* optional: makes icon white */
  font-size: 18px; /* optional: controls icon size */
}
footer .col-lg-3 a{text-decoration: none;}

/*media-query-start*/


@media only screen and (max-width:1024px){
  
.category-section p{font-size: 18px;line-height: 28px}
.category-section a {padding: 50px 20px !important;}

.about-section .about-video { bottom: 100px;}
.banner-section .banner-content h5 {font-size: 20px;line-height: 33px;padding-top: 9px;}
.banner-section .banner-content p {font-size: 15px; padding: 8px 0px 8px 0px;}
.banner-section .banner-content h4 {font-size: 22px;padding-bottom: 3px;}
.banner-section .banner-content span {font-size: 12px;}

.banner-section .banner-content1 h5 {font-size: 20px;line-height: 33px;padding-top: 9px;}
.banner-section .banner-content1 p {font-size: 15px; padding: 8px 0px 8px 0px;}
.banner-section .banner-content1 h4 {font-size: 22px;padding-bottom: 3px;}
.banner-section .banner-content1 span {font-size: 12px;}


}


@media only screen and (max-width:800px){
  .category-section a {padding: 38px 20px !important;}
  .category-section p {font-size: 13px;line-height: 17px;}
  .about-section .about-video {bottom: -49px;}
#counter .item {padding: 5px 0px;}
#counter .item span {font-size: 30px;}
.experience-section .countrt-box i {font-size: 30px;padding: 6px 10px;}
.experience-section .countrt-box {right: -20px;top: 20px;}
.banner-section .banner-content {top: 60px;}
.banner-section .col-lg-5 .banner-content1 {top: 70px;}
.experience-section .container{padding: 20px!important;}
.experience-section .container .col-lg-3{display: none;}
.industry-section h6 {font-size: 17px;}
.experience-section{padding: 3rem 15px !important;}
/*.owl-nav{display: none;}*/


}



@media only screen and (max-width:500px){
  .banner-section .col-lg-7 .d-flex{flex-wrap: wrap;}
.banner-section .banner-content1 {top: 26px;}
.experience-section .countrt-box{display: none;}
.navbar-toggler{background-color: #fff}
.banner-section .col-lg-5 .banner-content1 {top: 45px;}
.top-header .col-md-5{text-align: center;}
.top-header .col-md-7 .d-flex{justify-content: center !important;}
.category-section p {margin-top: 33px;}
.category-section{padding-bottom: 20px !important}
.about-section .about-video {bottom: -72px;}
.heading {font-size: 30px;}
.about-section h2{padding-top: 3rem}
.p-text {font-size: 14px;}
.section-padding1{padding: 3rem 0px}
.product-section .nav-tabs button {font-size: 16px;padding-bottom: 0px}
.product-section .card .card-body a h5 {line-height: 23px;font-size: 17px;}
.product-section .card .card-body {padding: 12px 10px 20px 10px;}
.product-section .card .card-body h4 {font-size: 16px;}
.product-section .card .card-body h6 {font-size: 16px;}
.product-section .item{margin-bottom: 0px !important} 
.section-padding2{padding: 3rem 0px}
.testimonial-section .content-box h5 {font-size: 16px;}
footer { padding-top: 3rem;}
footer h5 {font-size: 20px;}
footer ul {line-height: 30px;}
.client-section{text-align: center;}
header .offcanvas .navbar-nav .nav-item.dropdown .dropdown-menu{
flex-wrap: wrap !important;
}

.experience-section h5 {font-size: 22px;}

}

@media only screen and (max-width:400px){
.banner-section .col-lg-5 .banner-content1 {top: 30px !important;}

}

.most_trusted
{
  height: 180px;
  border-radius: 10px;
}