/********** General **********/
a {
   transition: all .3s ease-in-out;
}
/********** General End **********/


/********** Header **********/
body .bg-light {
   padding: 20px 60px 50px 70px;
   background-size: 100% 100%;
}
body .logo img {
   max-width: 200px;
}
body .header_section {
   background-repeat: no-repeat;
   background-size: cover;
}
body .header_section .navbar {
   position: fixed;
   width: 100vw;
   top: 0;
   left: 0;
   z-index: 99999;
}
/********** Header End **********/


/********** Banner **********/
body .banner_main {
   width: 50%;
}
body .banner_section {
   padding-top: 180px;
}
/********** Banner End **********/


/********** About Us **********/
body .about_taital_main {
   padding-top: 80px;
}
/********** About Us End **********/


/********** What We Do **********/
body .services_section {
   background-size: cover;
}
/********** What We Do End **********/


/********** Contact Us **********/
.send_bt button {
   width: 100%;
   float: left;
   background-color: #13a25d;
   color: #ffffff;
   text-align: center;
   padding: 14px 0px;
   font-size: 16px;
   font-family: 'Roboto', sans-serif;
}
.send_bt button:hover {
   background-color: #ffffff;
   color: #000;
}
/********** Contact Us End **********/


/********** Footer **********/
.subscribe_bt {
   width: fit-content;
}
.subscribe_bt button {
   width: 100%;
   float: left;
   font-size: 20px;
   color: #13a25d;
   background-color: transparent;
   text-transform: uppercase;
}
.subscribe_bt button:hover {
   color: #ffffff;
}
.footer_text {
   display: flex;
   flex-direction: column;
}
.footer_text a {
   color: #8e8e8e;
}
.footer_text a:not(:last-child) {
   margin-bottom: 5px;
}
.footer_text a:hover {
   color: #ffffff;
}
/********** Footer End **********/


/********** 1024px and below **********/
@media (max-width: 1024px) {
   /***** Banner *****/
   body .banner_main {
      width: 100%;
      padding: 20px;
   }
   body .banner_section .container {
      max-width: 100%;
   }
   /***** Banner *****/
}
/********** 1024px and below End **********/


/********** 991px and below **********/
@media (max-width: 991px) {
   /***** Header *****/
   body .bg-light {
      padding: 15px;
   }
   /***** Header *****/

}
/********** 991px and below End **********/