.sticky-bar.stick {
      background: #fff !important;
    backdrop-filter: blur(5px) !important;
    background-color: rgb(255 255 255 / 73%) !important;
}
.box-newsletter {
  background: #12649B !important;
}
.jbd-custome {
  display: flex;
    align-items: center;
    justify-content: space-between;
      flex-wrap: wrap;
  background-color:#f8faff;
}
.job-bookmark-action.jbd {
      border-radius: 7px;
  border: none;
}

@media only screen and (max-width: 481px) {
  .save-jbd {
    display: none;
  }
}

@media only screen and (min-width: 768px) {
  .banner-hero .block-banner .form-find{
    border-radius:100px !important;
  }
  .job-promoter-transform {
    margin-top:0 !important;
  }
  .footer-logo {
  max-width: 40%;}
  .footer-intro{
    width: 70%;
}

}
@media only screen and (max-width: 768px) {
  .header-logo a img {
    max-height:43px;
  }
  .footer-logo{
        max-width: 30% ;
}
  .header-logo a img {
    max-height: 30px !important;
}
  .footer-menu-item {
    margin-top:20px;
  }
  .footer-container{
    width: 95% !important;
  }
   .item-timeline{
   	     flex-wrap: wrap;
  }

}


.save-jbd {
    margin-right: 30px;
  }

.swiper-container-job-promoted{
  padding: 15px;
    border-radius: 15px;
    height: 134px;
    backdrop-filter: blur(5px);
    background-color: rgba(255, 255, 255, 0.1);
}

.job-promoter-transform {

    transform: translateY(75%);

}
.sticky-bar {
      background-color: #12649b;
}
#userdropdown span:hover {
  color:white !important;
}
.sticky-bar.stick div div div nav ul li a {
  color: black;
}
.sticky-bar.stick div div div nav ul li a:hover {
 color:black;
}
.sticky-bar.stick .main-menu li.has-children>a:after {
  color:black;
}

.sticky-bar.stick #userdropdown {
color:black !important;
}
.sticky-bar.stick #userdropdown span:hover {
color:black !important;
}
#job-banner-x{
     background-color: #12649b!important;
}
.badge {
      padding: 10px;
    border-radius: 100px;
    background-color: #b5b5b52b !important;
    color: #6a6a6a;
    border: 1px solid #cdcdcd;
}
#jobs-location-grid{
  display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}
.signin-btn {
  border: 1px solid #ffffff54;
}
.register-btn {
 color:white !important;
 text-decoration-line: unset !important;
}
.sticky-bar.stick .register-btn  {
  color:black !important;
}

.race-by {
  --uib-size: 80px;
  --uib-speed: 1.4s;
  --uib-color: #12649b;
  --uib-line-weight: 5px;

  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: var(--uib-line-weight);
  width: var(--uib-size);
  border-radius: calc(var(--uib-line-weight) / 2);
  overflow: hidden;
  transform: translate3d(0, 0, 0);
}

.race-by::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: var(--uib-color);
  opacity: 0.1;
}

.race-by::after {
  content: '';
  height: 100%;
  width: 100%;
  border-radius: calc(var(--uib-line-weight) / 2);
  animation: raceBy var(--uib-speed) ease-in-out infinite;
  transform: translateX(-100%);
  background-color: var(--uib-color);
}

@keyframes raceBy {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
.user-profile-section {
  padding-top: 90px;
}
.login-register-cover{
  margin-left:0 !important;
  margin-right:0 !important;
}
.header.sticky-bar.stick .burger-icon.burger-icon-white>span:after, .header.sticky-bar.stick .burger-icon.burger-icon-white>span:before{
background-color:#12649b;
      z-index: 9999;
}
.header.sticky-bar .burger-icon.burger-icon-white.burger-close>span:after, .header.sticky-bar .burger-icon.burger-icon-white.burger-close>span:before{
background-color:#12649b !important;

}
.sticky-bar.stick .burger-icon {
    top: 6px;
}
.location-feature{
      background: url(../imgs/template/icons/location.svg) no-repeat 0 5px;
    color: #777f87;
    display: inline-block;
    font-size: 12px;
   padding: 2px 0 0 18px;
}
.section-box-2{
  margin-top: 15px;}
.scholarship-desc{
      display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: justify;
}
.scholarship-title {
 color: #05264e;
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
}
@media (min-width: 1200px) {
    .col-xl-3 {
        flex: 0 0 auto;
        width: 33.33333333% !important;
    }
}