.hero-image{
    background-repeat: no-repeat;
    background-size: cover;
    height: 400px
}
.gal-padding{

    padding-top: 100px;
    padding-bottom: 100px;
}
.fooo{
    margin-bottom: -50px;
}
.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; // remove the gap so it doesn't close
 }
 .top-padding{

    padding-top: 160px;
 }
 .job-vac-wrapper {
    margin-bottom: 20px;
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
}
.job-vac-wrapper .hd-wrap {
    background-color: #af1b2b;
    padding: 15px 20px;
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;

}
.job-vac-wrapper .hd-wrap .title {
    display: block;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    line-height: 20px;
    height: 24px;
    overflow: hidden;
}
.job-vac-wrapper .dtls-wrap {
    padding: 20px;
    background-color: #f3f3f3;
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-image: url(../images/job-vac-bg.png);
    min-height: 280px;
}vac-wrapper:hover .apply-nw {
    background-color: #ed2c41;
}
.job-vac-wrapper .dtls-wrap .apply-nw {
    display: inline-block;
    padding: 5px 22px;
    color: #fff;
    background-color: #af1b2b;
    border-radius: 50px;
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    text-decoration: none;
}

.navbar-brand {
  letter-spacing: 3px;
  color: #c24244;
}

.navbar-brand:hover {
	color: #c24244;
}

.navbar-scroll .nav-link,
.navbar-scroll .fa-bars {
  color: #7f4722;
}

.navbar-scrolled .nav-link,
.navbar-scrolled .fa-bars {
  color: #7f4722;
}

.navbar-scrolled {
  background-color: #ffede7;
}
/* Color of the links BEFORE scroll */
.navbar-scroll .nav-link,
.navbar-scroll .navbar-toggler-icon,
.navbar-scroll .navbar-brand {
  color: #fff;
}

/* Color of the links AFTER scroll */
.navbar-scrolled .nav-link,
.navbar-scrolled .navbar-toggler-icon,
.navbar-scrolled .navbar-brand {
  color: #fff;
}

/* Color of the navbar AFTER scroll */
.navbar-scroll,
.navbar-scrolled {
  background-color: #cbbcb1;
}

.mask-custom {
  backdrop-filter: blur(5px);
  background-color: rgba(255, 255, 255, 0.808);
}

.navbar-brand {
  font-size: 1.75rem;
  letter-spacing: 3px;
}