/********** General **********/
a {
   transition: all .3s ease-in-out;
}
.text-white a {
   color: #ffffff;
}
.text-white a:hover {
   color: #f1c111;
}
.grey-color {
   color: #909090;
}
/********** General End **********/


/********** Header **********/
body .navbar {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   z-index: 99999;
   transition: all .3s ease-in-out;
}
body .navbar.sticky-active {
   background-color: #ffffff;
   box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
}
body .nav-item {
   display: flex;
   align-items: center;
}
body .navbar .navbar-nav .nav-item .nav-link:not(.contact) {
   padding: 0;
}
body .navbar.sticky-active .navbar-nav .nav-item .nav-link {
   color: #666262;
}
body .navbar.sticky-active .navbar-nav .nav-item .nav-link:hover {
   color: #f1c111;
}
body .navbar.sticky-active .navbar-nav .nav-item .nav-link.contact:hover {
   color: #ffffff;
}
body .navbar-brand {
   padding-top: 0;
   padding-bottom: 0;
}
body .navbar.sticky-active .navbar-brand {
   color: #666262;
}
body .navbar.sticky-active .navbar-brand:hover {
   color: #f1c111;
}
body .navbar .navbar-toggler .navbar-toggler-icon,
body .navbar .navbar-toggler .navbar-toggler-icon::before, 
body .navbar .navbar-toggler .navbar-toggler-icon::after {
   transition: all .3s ease-in-out;
}
body .navbar.sticky-active .navbar-toggler .navbar-toggler-icon,
body .navbar.sticky-active .navbar-toggler .navbar-toggler-icon::before, 
body .navbar.sticky-active .navbar-toggler .navbar-toggler-icon::after {
   background: #666262;
}
/********** Header End **********/


/********** Banner **********/
body .hero {
   padding: 11.5em 0 9em;
}
/********** Banner End **********/


/********** Our Services **********/
body .project-info {
   padding-right: 80px;
}
/********** Our Services **********/


/********** Contact **********/
body .newsletter-form button,
body .contact-form #submit-button {
   transition: all .3s ease-in-out;
}
body .newsletter-form button:hover,
body .contact-form #submit-button:hover {
   background: #171819;
}
/********** Contact End **********/




/********** 991px and below **********/
@media (max-width: 991px) {
   /***** Our Services *****/
   body .project-info {
      top: 0;
      bottom: 0;
      height: fit-content;
      margin: auto;
   }
   /***** Our Services *****/
}
/********** 991px and below End **********/


/********** 576px and below **********/
@media (max-width: 576px) {
   /***** Our Services *****/
   body .project-wrapper {
      min-height: 400px;
   }
   /***** Our Services *****/
}
/********** 576px and below End **********/