/********** General **********/
a {
   transition: all .3s ease-in-out !important;
}
.hide-on-desktop {
   display: none !important;
}
.subarea {
   padding-bottom: 200px !important;
}
.pb-150 {
   padding-bottom: 150px;
}
/********** General End **********/


/********** Header **********/
.navigation ul li a.active,
.slicknav_nav a.active {
   color: #4342F5;
}
/********** Header End **********/


/********** Banner **********/
body .hero_content.bg-1 {
   background-image: url(../img/banner.jpg);
}
/********** Banner End **********/


/********** Why Choose Us **********/
body .experience-video {
   background-image: url(../img/about.png);
   background-size: contain;
   height: 100%;
}
body .single_know_list {
   display: flex;
   align-items: flex-start;
}
body .single_know_list .icon {
   min-width: 72px;
   height: 72px;
}
/********** Why Choose Us End **********/


/********** Work Process **********/
body .process-count {
   padding: 20px;
}
/********** Work Process End **********/


/********** Team **********/
body .team-content {
   display: flex;
   flex-direction: column;
   justify-content: center;
}
/********** Team End **********/


/********** Services **********/
body .single_service_text {
   padding: 30px;
}
body .single_service_text p {
   color: #ffffff;
}
/********** Services End **********/


/********** Testimonial **********/
body section.testimonial_area {
   background-image: url(../img/testimonial.jpg)
}
/********** Testimonial End **********/


/********** Newsletter **********/
body .subscribe-section {
   z-index: 99;
}
body span.subs-btn button {
   padding: 9px 35px;
   font-weight: 500;
   color: #fff;
   background: #0049ff;
   border: 1px solid #0049ff;
   display: inline-block;
   border-top-right-radius: 20px;
   border-bottom-right-radius: 20px;
   position: relative;
   z-index: 1;
   margin-left: 7px;
}
/********** Newsletter End **********/


/********** 1199px and below **********/
@media (max-width: 1199px) {
   /***** Header *****/
   body #header-area .container {
      max-width: 1199px;
   }
   /***** Header End *****/


   /***** Footer *****/
   body .single_footer img {
      max-width: 216px;
   }
   /***** Footer End *****/
}
/********** 1199px and below End **********/


/********** 1024px and below **********/
@media (max-width: 1024px) {
   /***** Header *****/
   body .navigation ul li {
      margin-right: 10px !important;
   }
   /***** Header End *****/
}
/********** 1024px and below End **********/


/********** 991px and below **********/
@media (max-width: 991px) {
   /***** General *****/
   .hide-on-desktop {
      display: inline-table !important;
   }
   /***** General End *****/


   /***** Header *****/
   body .single_footer img {
      max-width: 203px;
   }
   /***** Header End *****/
}
/********** 991px and below End **********/


/********** 767px and below **********/
@media (max-width: 767px) {
   /***** About *****/
   body .experience-video .play-video-icon {
      display: none;
   }
   /***** About End *****/
}
/********** 767px and below End **********/