.logo_dimensions {
  width: 22vw !important;
  height: auto !important;
}

.footer_logo {
  width: 40vh;
  height: auto;
}

.footer {
  background: #000 !important;
  padding: 60px 60px !important;
  /* position: relative;
  color: #adb5bd;  */
}

.text-orange {
  color: #f96f17 !important;
}

.text-yellow {
  color: #fdc018 !important;
}

/* .bg-black{
  background: #000 !important;
} */

#topnav {
  background: #fff !important;
}

#topnav .navigation-menu > li > a {
  color: #f96f17 !important;
}

#topnav .navigation-menu > li:hover > a,
#topnav .navigation-menu > li.active > a {
  color: #fff !important;
}
#topnav .white-header > li:hover > a,
#topnav .white-header > li.active > a {
  color: #000 !important;
}

#topnav.scroll {
  background: #000 !important;
  -webkit-box-shadow: 0 0 3px rgb(0 0 0 / 15%);
  box-shadow: 0 0 3px rgb(0 0 0 / 15%);
}

#topnav.scroll .navigation-menu > li:hover > a,
#topnav.scroll .navigation-menu > li.active > a {
  color: #fff !important;
}

#topnav.scroll .navigation-menu > li > a {
  color: #f96f17 !important;
}

.section-title .title.title-line:after {
  background: #deb3ad !important;
  /* top: 105px !important; */
}

.section-title .title.title-line:before {
  background: #deb3ad !important;
  /* top: 110px !important; */
}

.section-title .title.tadj:after {
  top: 105px !important;
}
.section-title .title.tadj:before {
  top: 110px !important;
}

.nav-pills .nav-link.active {
  background-color: #000 !important;
  color: #f96f17 !important;
  border-color: #000 !important;
}

.popu-category-box i {
  background: #deb3ad4d !important;
}

.text-hotpink {
  color: #f41663 !important;
}
.btn-yellow {
  background: #fdc018;
  border: 1px solid #fdc018;
  color: #fff;
}

.btn-yellow:hover {
  background-color: #f96f17;
  border: 1px solid #f96f17;
  color: #fff;
}

.footer-list li a:hover {
  font-size: 18px !important;
  color: #fff !important;
}

/* .pl-7{
  padding-left: 5rem !important;
} */

.bg-home {
  /* padding: 600px 0px 250px 0px;
  background-size: cover;
  position: relative;
  background-position: center center; */
  padding: 0px;
  margin-top: 82px;
}

.fullscreen-bg video {
  height: 90vh;
  width: 100vw;
  object-fit: cover;
}
.fullscreen-bg{
  position: relative !important;
}

/* .fullscreen-bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: -100;
}

.fullscreen-bg-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
} */

.bg-overlay {
  background-color: transparent !important;
  width: fit-content;
  height: fit-content;
}

.bg-about {
  padding: 280px 0px 180px 0px;
  background-image: url(/images/AboutUs.jpg);
  background-size: cover;
  position: relative;
  background-position: center center;
}

.bg-services {
  padding: 280px 0px 180px 0px;
  background-image: url(/images/HomePage.jpg);
  background-size: cover;
  position: relative;
  background-position: center center;
}
.bg-jobseeker {
  padding: 280px 0px 180px 0px;
  background-image: url(/images/JobSeeker.jpeg);
  background-size: cover;
  position: relative;
  background-position: center center;
}
.bg-recruitment {
  padding: 280px 0px 180px 0px;
  background-image: url(/images/RecruitmentProcess.jpg);
  background-size: cover;
  position: relative;
  background-position: center center;
}
.bg-contact {
  padding: 280px 0px 180px 0px;
  background-image: url(/images/ContactUs.jpg);
  background-size: cover;
  position: relative;
  background-position: center center;
}

.desktop-hidden{
  display: none !important;
}

.mobile-hidden {
  display: flex !important;
}

.popu-category-box i {
  width: 100px;
  height: 100px;
  line-height: 95px;
  background: #edf0fb;
}

.h3,
h3 {
  font-size: 4em;
}

.overlay {
  position: absolute;
  bottom: 0;
  
  background: url('../images/overlay_bg.png');
  /* background: rgba(0, 0, 0, 0.5); */
  /* Black see-through */
  color: #f1f1f1;
  width: 100%;
  transition: .5s ease;
  opacity: 1;
  
  font-size: 20px;
 
  text-align: center;
  
}

@media only screen and (max-width: 767px) {
  /* .bg-jobseeker {
    padding: 0px;
    height: 40vh;
    background-size: contain;
    background-repeat: no-repeat;

  } */
  .logo_dimensions {
    width: 65vw !important;
  }
  .footer_logo {
    width: 25vh !important;
    padding-left: 15px;
  }
  .list-inline {
    padding-left: 15px;
  }
  .mobile-adjust {
    width: 385px !important;
  }
  .pl-7 {
    padding-left: 0 !important;
  }
  .top-space {
    margin-top: 10px !important;
  }

  .fullscreen-bg video {
    height: 35vh;
    width: 100%;
  }
  /* video {
    width: 400px !important;
    height: auto;
    display: flex;
    justify-content: center;
    margin-top: 225px;
  } */
  /* .bg-home {
          padding: 200px 0px 150px 0px;
          background-size: cover;
          position: relative;
          background-position: center center;
        } */

  /* .fullscreen-bg {
          position: absolute;
          top: -105px;
          right: 0px;
          bottom: -40px;
          left: 0px;
          overflow: hidden;
          z-index: -100;
        }
    
                .fullscreen-bg-video {
                  position: absolute;
                  top: -120px;
                  left: 0;
                  width: 100%;
                  height: 100%;
                  object-fit: cover;
                } */

    .bg-about {
      background-image: url(/images/Aboutus_mob.png);
      height: 35vh;
      width: 100%;
      padding: 0px !important;
    }
    
        .bg-services {
          background-image: url(/images/services_mob.png);
          height: 35vh;
          width: 100%;
          padding: 0px !important;
        }
    
        .bg-jobseeker {
          background-image: url(/images/Jobseeker_mob.png);
            height: 35vh;
            width: 100%;
            padding: 0px !important;
        }
    
        .bg-recruitment {
          background-image: url(/images/Recruit_mob.png);
            height: 35vh;
            width: 100%;
            padding: 0px !important;
        }
    
        .bg-contact {
          background-image: url(/images/Contactus_mob.png);
            height: 35vh;
            width: 100%;
            padding: 0px !important;
        }
        .img_mob_c{
          height: 25%;
          width: 50%;
        }
        .mob-font{
          font-size: 21px;
        }
        .mob_title_font{
          font-size: 16px;
        }

  .bg-overlay {
    background-color: transparent !important;
    width: fit-content;
    height: fit-content;
  }
  #topnav.scroll {
    background: #000 !important;
    -webkit-box-shadow: 0 0 3px rgb(0 0 0 / 15%);
    box-shadow: 0 0 3px rgb(0 0 0 / 15%);
  }

  #topnav.scroll .navigation-menu > li:hover > a,
  #topnav.scroll .navigation-menu > li.active > a {
    color: #fff !important;
  }

  #topnav.scroll .navigation-menu > li > a {
    color: #f96f17 !important;
  }
  #topnav .navigation-menu > li:hover > a,
  #topnav .navigation-menu > li.active > a {
    color: #fff !important;
  }

  #topnav .white-header > li:hover > a,
  #topnav .white-header > li.active > a {
    color: #000 !important;
  }
  #topnav .black-header > li:hover > a,
  #topnav .black-header > li.active > a {
    color: #fff !important;
  }
}

#preloader #status .spinner {
  height: auto !important;
  width: auto !important;
}

.file-adjust {
  position: relative;
}

.errormsg {
  position: absolute;
  top: 100%;
  right: 0;
}

#preloader #status {
  position: absolute;
  left: 50%;
  right: auto;
  top: 50%;
  transform: translate(-50%, -50%);
}

.section {
  padding: 50px 0 !important;
}

.orange {
  background-color: rgb(249 111 23 / 30%) !important;
}

@media only screen and (max-width: 991px) {
  .logo_dimensions {
    width: 50vw !important;
  }
  .footer_logo {
    width: 15vh;
  }
  .upload {
    padding-top: 3vh;
  }

  .mobile-adjust {
    width: 360px !important;
  }
  .pl-7 {
    padding-left: 330px;
  }
  /* .ipad-adjust{
      width: 1050px !important;
    } */

  #topnav {
    background: #fff !important;
  }
  #topnav .logo .logo-light {
    display: inline-block !important;
  }
  #topnav .logo .logo-dark {
    display: none !important;
  }
  #topnav.scroll .logo .logo-dark {
    display: inline-block !important;
  }
  #topnav.scroll .logo .logo-light {
    display: none !important;
  }

  #topnav {
    /* background-color: #000 !important; */
    -webkit-box-shadow: 0 0 3px rgb(0 0 0 / 15%);
    box-shadow: 0 0 3px rgb(0 0 0 / 15%);
    min-height: 74px;
  }
  /* #navigation.black-header {
    border-top: 1px solid #f1f3f9;
    border-bottom: 1px solid #f1f3f9;
    background-color: #000 !important;
  } */
  #navigation {
    border-top: 1px solid #f1f3f9;
    border-bottom: 1px solid #f1f3f9;
    background-color: #fff !important;
  }
  #topnav .navbar-toggle span {
    background-color: #f96f17 !important;
  }
  div#first {
    order: 1;
  }
  div#second {
    order: 2;
  }
  /* video {
    width: 700px;
    height: auto;
    display: flex;
    justify-content: center;
    margin-top: 225px;
  }
    .bg-home {
      padding: 300px 0px 200px 0px;
      background-size: cover;
      position: relative;
      background-position: center center;
    } */

  /* .fullscreen-bg {
      position: absolute;
      top: -105px;
      right: -49px;
      bottom: -40px;
      left: 0px;
      overflow: hidden;
      z-index: -100;
    } */
  /*   
    .fullscreen-bg-video {
      position: absolute;
      top: -120px;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
    } */

  .bg-overlay {
    background-color: transparent !important;
    width: fit-content;
    height: fit-content;
  }
  #topnav.scroll {
    background: #000 !important;
    -webkit-box-shadow: 0 0 3px rgb(0 0 0 / 15%);
    box-shadow: 0 0 3px rgb(0 0 0 / 15%);
  }

  #topnav.scroll .navigation-menu > li:hover > a,
  #topnav.scroll .navigation-menu > li.active > a {
    color: #000 !important;
  }

  #topnav.scroll .navigation-menu > li > a {
    color: #f96f17 !important;
  }
  #topnav .navigation-menu > li:hover > a,
  #topnav .navigation-menu > li.active > a {
    color: #fff !important;
  }

  #topnav .white-header > li:hover > a,
  #topnav .white-header > li.active > a {
    color: #000 !important;
  }

  #topnav .black-header > li:hover > a,
  #topnav .black-header > li.active > a {
    color: #fff !important;
  }
}

/* carousel */
.stretch-card > .card {
  width: 100%;
  min-width: 100%;
}

body {
  background-color: #f9f9fa;
}

.flex {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

@media (max-width: 991.98px) {
  .padding {
    padding: 1.5rem;
  }
}

@media (max-width: 767.98px) {
  .padding {
    padding: 1rem;
  }
  .word-adjust{
  word-break: break-word;
  }
  .mobile-hidden{
    display: none !important;
  }
    .desktop-hidden {
      display: block !important;
    }
}

.padding {
  padding: 3rem;
}

.owl-carousel .item {
  margin: 3px;
}

.owl-carousel .item img {
  display: block;
  width: 100%;
  height: auto;
}

.owl-carousel .item {
  margin: 50px;
}

.owl-carousel {
  margin-bottom: 15px;
}
.card-body {
  padding: 0 !important;
}
@media only screen and (min-width: 768px) and (max-width: 991px){
  .fullscreen-bg video {
    height: 40vh;
    width: 100vw;
  }
}
.accordion-button{
  color: #f96f17 !important;
  background-color: #000 !important;
}