/********** Banner **********/
body .hero-header {
   background-size: auto, auto, contain, auto;
}
/********** Banner End **********/


/********** Header **********/
.navbar .colored {
   display: none;
   transition: all .3s ease-in-out !important;
}
.navbar .no-colored {
   transition: all .3s ease-in-out !important;
}
.navbar.sticky-top .no-colored {
   display: none;
}
.navbar.sticky-top .colored {
   display: block;
}
.navbar-light .navbar .nav-link {
   position: relative;
   margin-right: 25px;
   padding: 45px 0;
   font-family: 'Jost', sans-serif;
   font-size: 18px;
   font-weight: 500;
   color: var(--light) !important;
   outline: none;
   transition: .5s;
}
.navbar-light .navbar .nav-link:hover::before, .navbar-light .navbar .nav-link.active::before {
   top: 0;
}
.navbar-light .navbar .nav-link::before {
   position: absolute;
   content: "";
   width: 0;
   height: 0;
   top: -10px;
   left: 50%;
   transform: translateX(-50%);
   border: 10px solid;
   border-color: var(--light) transparent transparent transparent;
   transition: .5s;
}
.sticky-top.navbar-light .navbar .nav-link {
   padding: 20px 0;
   color: var(--dark) !important;
}
.sticky-top.navbar-light .navbar .nav-link::before {
   border-top-color: var(--primary);
}
/********** Header End **********/


/********** General **********/
body .breadcrumb-item+.breadcrumb-item::before {
   color: #ffffff;
}
/********** General End **********/


/********** Footer **********/
.footer {
   background-size: auto, auto, contain, auto;
   padding-top: 15rem;
}
.footer a {
   color: #ffffff;
   transition: all .3s ease-in-out;
}
.footer a:hover {
   color: #262B47;
}
/********** Footer End **********/


/********** About Us End **********/
body .hero-header.aboutpage {
   padding-bottom: 10rem !important;
}
/********** About Us End **********/


/********** 991px and below **********/
@media all and (max-width: 991px) {
   /***** Header *****/
   .navbar,
   .sticky-top.navbar-light {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      transition: all .3s ease-in-out;
      background-color: #ffffff;
      z-index: 2;
   }
   .navbar-light .navbar-toggler {
      color: #04000B;
      border-color: #04000B;
      transition: all .3s ease-in-out;
   }
   .fa-bars:before {
      color: #04000B;
      transition: all .3s ease-in-out;
   }
   .navbar .no-colored {
      display: none;
   }
   .navbar .colored {
      display: block;
   }
   .hero-header {
      padding-top: 150px;
   }
   /***** Header End *****/


   /***** Footer *****/
   .footer {
      padding-top: 10rem;
   }
   /***** Footer End *****/
}
/********** 991px and below End **********/


/********** 767px and below **********/
@media all and (max-width: 767px) {
   /***** Footer *****/
   .footer {
      padding-top: 5rem;
   }
   /***** Footer End *****/
}
/********** 767px and below End **********/