@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap");

* {
  margin: 0;
  padding: 0;
}

.col-md-4,
.col-md-6 {
  position: relative;
}

a {
  text-decoration: none !important;
}

p,
h1,
h2,
h3,
h4,
span,
a,
li {
  font-family: "Poppins", sans-serif !important;
}

body {
  background-color: #f5f5f5 !important;
}

.nav {
  background-color: #fff;
}

.nav-items {
  padding: 40px 0;
  width: 90%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.nav-items .buttons {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.items ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
}

.items ul li {
  list-style: none;
  text-transform: uppercase;
  position: relative;
  font-size: 18px;
  margin-right: 40px;
}

.buttons a {
  font-weight: 600;
  text-decoration: none;
  border-radius: 51px;
  padding: 5px 16px;
  font-size: 18px;
  margin-right: 20px;
  display: flex;
  align-items: center;
}
.nav-list .buttons a {
  margin-right: 10px;
}

.nav-container .buttons > a:first-child {
  /* background: #f05537; */
  background: linear-gradient(180deg, #eb6c53, #e04123);
  color: #fff;
  transition: all 300ms ease-in-out;
}
.nav-container .buttons > a:first-child:hover {
  background: linear-gradient(180deg, #d45b43, #d73f20);
  color: #fff !important;
}

.buttons > a:nth-child(2) {
  border: 1px solid #3949ab;
  color: #3949ab;
}

.buttons > a:last-child {
  font-weight: 400;
  color: #3949ab;
  cursor: pointer;
  transition: all 300ms ease-in-out;
}

.buttons > a:last-child:hover {
  background: #3949ab;
  color: #fff;
}

.navigation {
  height: auto;
  background: #fff;
  position: sticky;
  top: 0;
  z-index: 9998;
  box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px,
    rgba(17, 17, 26, 0.05) 0px 8px 32px;
}

.navigation .logo {
  max-width: 300px;
}

.navigation .logo img {
  width: 100%;
  height: auto;
}
.navigation .nav-container .logo a {
  z-index: 100;
}
.navigation .nav-container .nav-mobile a {
  z-index: 100;
}
.nav-container {
  padding: 20px 80px;
}

nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

nav ul li {
  float: left;
  position: relative;
}

nav ul li a,
nav ul li a:visited {
  display: block;
  padding: 5px 0;
  color: #000;
  text-decoration: none;
}

nav ul li a:focus {
  color: #f05537;
}

nav ul li a {
  color: #000;
  font-size: 18px;
  font-weight: 500;
  text-transform: uppercase;
  opacity: 0.9;
}

nav ul li a:hover,
nav ul li a:visited:hover {
  color: #f05537 !important;
}

nav ul li a:not(:only-child):after,
nav ul li a:visited:not(:only-child):after {
  padding-left: 4px;
  content: " \025BE";
}

nav ul li ul li {
  min-width: 190px;
}

nav ul li ul li a {
  padding: 15px;
  line-height: 20px;
}

.navbar-dropdown {
  position: absolute;
  display: none;
  z-index: 9999999;
  background-color: #fff;
  left: 50%;
  transform: translate(-34%, 0);
  border: 0;
  /* box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px,
    rgba(17, 17, 26, 0.05) 0px 8px 32px; */
  border-radius: 8px;
  box-shadow: rgba(17, 17, 26, 0.1) 0px 10px 16px,
    rgba(17, 17, 26, 0.05) 0px 20px 32px;
  overflow: hidden;
}

/* Mobile navigation */
.nav-mobile {
  display: none;
  position: relative;
  height: 55px;
  width: 70px;
  /* margin-right: 40px; */
}

.navbar-dropdown .subitems {
  display: flex;
  gap: 20px;
  padding: 30px;
  background: var(--white-100, #fff);
  max-height: calc(100vh - 215px);
  overflow-y: scroll;
}
.navbar-dropdown .subitems::-webkit-scrollbar {
  width: 5px;
}
.navbar-dropdown .subitems::-webkit-scrollbar-track {
  background: #fff;
}
.navbar-dropdown .subitems::-webkit-scrollbar-thumb {
  background: linear-gradient(90deg, #3949ab, #2b398f);
}

.navbar-dropdown .subitems li a {
  color: #5a5a5a;
  font-size: 12px;
  font-weight: 400;
  padding: 5px 0;
  border-bottom: 1px solid #efefef;
}

.navbar-dropdown .subitems li a.more-btn {
  color: #5b86e5;
  font-size: 12px;
  font-weight: 400;
  text-decoration-line: underline;
}
.navbar-dropdown .subitems li a.more-btn-nav i {
  transition: all 300ms ease-in-out;
}
.navbar-dropdown .subitems li a.more-btn-nav:hover i {
  margin-left: 4px;
}

.navbar-dropdown .subitems h3 {
  color: var(--Nav-Item, #000);
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  border-bottom: 1px solid #b8b2b2;
  padding-bottom: 10px;
}

.nav-list li {
  margin-right: 30px;
}

#main-menu-item.active {
  color: #f05537;
}

.nav-container nav .buttons {
  display: flex;
  width: unset;
}

.profile-box-user {
  position: relative;
}

.profile-box-user .drop-down-box-user {
  display: none;
  position: absolute;
  top: 70px;
  right: 0;
  padding: 10px;
  background: #fff;
  z-index: 99999;
  border: 0;
  box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px,
    rgba(17, 17, 26, 0.05) 0px 8px 32px;
  border-radius: 8px;
  overflow: hidden;
}

.drop-down-box-user.active-drop {
  display: block;
  white-space: nowrap;
}

.profile-box-user .drop-down-box-user a {
  background: none;
  color: #000;
  border: none;
  font-weight: 400;
  width: 100%;
  font-size: 16px;
  cursor: pointer;
}

.profile-box-user .drop-down-box-user a:hover {
  color: #f05537;
  width: 100%;
}

/* .profile-box-user .drop-down-box-user a:first-child {
  margin-bottom: 7px;
} */

.profile-box-user .image-person {
  max-width: 60px;
  max-height: 60px;
  min-width: 60px;
  min-height: 60px;
}

.profile-box-user .image-person img {
  border-radius: 100%;
  width: 100%;
  object-fit: cover;
}

#___gcse_0 {
  max-width: 980px;
  margin: 0 auto;
}

#profile-picture,
#profile-picture-desktop {
  min-height: 52px;
  min-width: 52px;
  max-width: 52px;
  max-height: 52px;
  border-radius: 100%;
  /* background-color: #f05537; */
  background: linear-gradient(180deg, #ff795f, #e04123) !important;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  cursor: pointer;
}

@media (max-width: 1603px) {
  .buttons a {
    font-size: 18px;
    margin-right: 10px;
  }
}

@media (max-width: 1548px) {
  /* .nav-container {
    padding: 40px 10px;
  } */
}

@media (max-width: 1500px) {
  /* .nav-container {
    padding: 40px 10px;
  } */

  .buttons a {
    font-size: 16px;
    padding: 5px 10px;
    margin-right: 10px;
  }

  .navigation .logo {
    max-width: 160px;
  }
}

@media (max-width: 1300px) {
  /* .nav-container {
    padding: 40px 10px;
  } */

  .nav-list li {
    margin-right: 30px;
  }

  .buttons a {
    font-size: 16px;
    padding: 5px 10px;
    margin-right: 10px;
  }

  .navigation .logo {
    max-width: 160px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  /* .nav-container {
    padding: 40px 0;
  } */

  nav ul li a {
    font-size: 16px;
    margin-right: 10px;
  }

  .nav-list li {
    margin-right: 0;
  }

  .buttons a {
    font-size: 14px;
    padding: 5px 10px;
    margin-right: 10px;
  }

  .navigation .logo {
    max-width: 160px;
  }
}

@media only screen and (max-width: 1024px) {
  .nav-mobile {
    display: block;
  }

  .desktop-version-nav {
    display: none !important;
  }

  .mobile-version-nav {
    padding: 20px 10px;
  }

  /* .buttons {
    display: none;
  } */
  .nav-list {
    width: 100%;
    position: absolute;
    right: 0px;
    top: 91px;
    display: none;
    background-color: #fff;
    /* border: 1px solid #b8b2b2; */
    z-index: 9999;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px,
      rgba(17, 17, 26, 0.05) 0px 8px 32px;
    border: 0;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
  }

  .nav-list li {
    margin-right: 0;
  }

  .navbar-dropdown .subitems {
    flex-direction: column;
  }

  nav ul li a,
  nav ul li a:visited {
    color: #000;
  }

  .nav-container {
    padding: 18px 10px;
  }

  nav {
    width: 100%;
  }

  nav ul {
    display: none;
  }

  nav ul li {
    float: none;
  }

  nav ul li a {
    padding: 15px;
    line-height: 20px;
  }

  nav ul li ul li a {
    padding-left: 30px;
  }

  .navbar-dropdown {
    position: relative;
    left: auto;
    transform: translate(0);
  }
}

@media screen and (min-width: 1025px) {
  .nav-list {
    display: block;
  }

  .desktop-version-nav {
    display: flex !important;
  }

  .mobile-version-nav {
    display: none !important;
  }
}

#navbar-toggle {
  position: absolute;
  left: 18px;
  top: 15px;
  cursor: pointer;
  padding: 10px 35px 16px 0px;
}

#navbar-toggle span,
#navbar-toggle span:before,
#navbar-toggle span:after {
  cursor: pointer;
  border-radius: 1px;
  height: 4px;
  width: 36px;
  background: #3949ab;
  position: absolute;
  display: block;
  content: "";
  transition: all 300ms ease-in-out;
}

#navbar-toggle span:before {
  top: -12px;
}

#navbar-toggle span:after {
  bottom: -12px;
}

#navbar-toggle.active span {
  background-color: transparent;
}

#navbar-toggle.active span:before,
#navbar-toggle.active span:after {
  top: 0;
}

#navbar-toggle.active span:before {
  transform: rotate(45deg);
}

#navbar-toggle.active span:after {
  transform: rotate(-45deg);
}

/* -----------google search bar css------------------------------ */
.banner #___gcse_1 {
  max-width: 980px;
  margin: 0 auto;
}

.banner .gsc-control-cse,
.navigation .gsc-control-cse {
  background: none;
  border: none;
}

.banner table.gsc-search-box,
.navigation table.gsc-search-box {
  border-radius: 40px;
}

.banner .gsc-search-button,
.navigation .gsc-search-button {
  border-radius: 100%;
  background-color: #3949ab !important;
  border: none;
}

.banner input.gsc-input,
.navigation input.gsc-input {
  border-radius: unset;
  /* background-image: unset; */
  background: url("../admin/assets/search.png") !important;
  background-position: left !important;
  background-repeat: no-repeat !important;
  padding: 25px 20px;
  height: auto !important;
  margin: 0 !important;
}

.banner input.gsc-input:focus,
.banner input.gsc-input:active,
.navigation input.gsc-input:focus,
.navigation input.gsc-input:active {
  background: unset !important;
}

.banner .gsc-control-wrapper-cse,
.navigation .gsc-control-wrapper-cse {
  background-color: #fff;
  border-radius: 40px;
}

.banner #gs_tti51,
.navigation #gs_tti51 {
  padding: 0 20px;
  background-color: #fff;
  border: none;
  outline: none;
}

.banner .gsc-input-box,
.navigation .gsc-input-box {
  border: none;
}

.banner table td,
.navigation table td {
  border-right: none;
  border-left: none;
}

.banner .gsc-search-button-v2 svg,
.navigation .gsc-search-button-v2 svg {
  width: 32px;
  height: 32px;
}

.banner table tr:nth-of-type(odd) td,
.navigation table tr:nth-of-type(odd) td {
  background-color: #fff;
}

.banner .gsc-search-button-v2,
.navigation .gsc-search-button-v2 {
  padding: 6px 10px;
}

@media (max-width: 760px) {
  .banner table .gsc-search-button,
  .navigation table .gsc-search-button {
    display: none !important;
  }

  /* .navbar-dropdown {
    border-top: 1px solid #aaa;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #aaa;
  } */
}

/* ----------------------------------------------------------------Banner---------------------------------------------------------------- */

.banner {
  /* background: rgba(85, 98, 183, 0.28); */
  background: linear-gradient(195deg, #3949ab, #14248a);
  padding: 72px 0;
}

.banner p {
  max-width: 850px;
  font-size: 20px;
  margin: 0 auto;
  /* color: #000; */
  color: #fff;
  text-align: center;
  margin-bottom: 30px;
  font-weight: 400;
  line-height: 1.7;
}

.banner .form {
  flex: 1;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  border-radius: 66px;
  max-width: 1100px;
  margin: 20px auto;
}

.banner input,
.banner .date,
.banner .book {
  padding: 15px;
  margin-right: 10px;
  font-size: 18px;
  outline: 0;
  border: none;
  border-radius: 100% 0 0 100%;
}

.banner input {
  position: relative;
  padding: 5px 0 !important;
  padding-left: 25px !important;
  flex: 2;
}

.banner .date {
  width: 20%;
  flex: 1;
}

.banner .form i.fa-map-marker-alt {
  padding-left: 20px;
}

.banner .book {
  border-radius: 100%;
  padding: 15px 18px;
}

.form input:first-child {
  padding-left: 30px !important;
  border-right: 1px solid #000;
}

.banner .book {
  margin-right: 0 !important;
  text-decoration: none;
  color: #000;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #3949ab;
  font-size: 16px;
  font-weight: normal;
}

.banner .book i {
  color: #fff;
  font-size: 32px;
}

.countires {
  background-color: #fff;
  padding: 60px 0 50px 0;
}

.countires ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.countires ul li {
  color: #000;
  list-style: none;
  font-weight: 500;
  margin-bottom: 30px;
  text-transform: uppercase;
  margin-right: 16px;
  font-size: 21px;
  padding: 5px 20px;
  border-radius: 51px;
  /* border: 1px solid #5a5a5a; */
  border: 1px solid #3950c238;
  background: var(--white-100, #fff);
  box-shadow: 0px 4px 11px 2px rgba(0, 0, 0, 0.09);
  transition: 0.3s ease;
}

.countires ul a:nth-child(n + 10) {
  display: none;
}

.countires ul li span {
  color: #f05537;
}

.countires ul li:hover span {
  color: #fff;
}

.countires ul li:hover {
  background-color: #3949ab;
  color: #fff;
  border: 1px solid #3949ab;
}

.urgent-job,
.featured-job,
.manpower-employee,
.recruiter,
.exchange-rate,
.expert-view,
footer {
  margin-top: 20px;
  background-color: #fff;
  padding: 55px 0;
}

.urgent-job h1,
.featured-job h2,
.info_orientaion_view h2 {
  color: #5a5a5a;
  font-size: 31px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.62px;
}

.urgent-job-post .image {
  /* max-width: 250px; */
  height: auto;
  position: relative;
}

.urgent-job-post .image img {
  width: 100%;
  height: 170px;
  max-height: 170px;
  object-fit: cover;
}

.urgent-job-post .item {
  padding: 32px 16px 20px 16px;
  border-radius: 8px;
  box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px,
    rgba(17, 17, 26, 0.05) 0px 8px 32px;
  height: 100%;
  border-bottom: 4px solid #f05537;
  transition: all 200ms ease-in-out;
}

.urgent-job-post .item:hover {
  box-shadow: rgba(17, 17, 26, 0.15) 0px 4px 16px,
    rgba(17, 17, 26, 0.1) 0px 8px 32px;
  transform: translateY(-6px);
}

.urgent-job-post {
  padding-top: 20px;
}

.urgent-job-post .image span {
  position: absolute;
  font-size: 12px;
  background-color: #f05537;
  color: #fff;
  top: -15px;
  left: 50%;
  padding: 6px 10px 6px 10px;
  width: 70%;
  transform: translate(-50%, 0);
}

.urgent-job-container .ad-section {
  width: 25%;
  /* background-color: #eeeeee; */
  display: flex;
  /* align-items: center; */
  justify-content: center;
}

.urgent-job-container .urgent-job-post {
  width: 100%;
}

.ad-section p {
  color: var(--Nav-Item, #000);
  text-align: center;
  font-family: Poppins;
  font-size: 31px;
  font-style: normal;
  font-weight: 275;
  line-height: normal;
  max-width: 200px;
  margin: 0 auto;
}

.carousel {
  width: 100%;
}

.slick-slide {
  margin: 10px;
}

.urgent-job .slick-list {
  padding: 0 !important;
}

.slick-prev,
.slick-next {
  background: #000;
  border-radius: 15px;
  border-color: transparent;
}

.urgent-job-post h3 {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 21px;
  margin-top: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 8px;
  transition: all 300ms ease-in-out;
}

.urgent-job-post h3:hover {
  color: #f05537;
}

.urgent-job-post p {
  color: #5a5a5a;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
  margin-top: 10px;
}

.urgent-job-container {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}

.urgent-job .slick-next:before,
.urgent-job .slick-prev:before {
  content: "\f054";
  font-family: "Font Awesome 6 Free";
  font-weight: 600;
  color: #000;
  border: 1px solid #000;
  padding: 10px 15px;
  border-radius: 100%;
  transition: 0.3s ease;
}

.slick-next:before,
.slick-prev:before {
  background-color: white;
}

.urgent-job .slick-next:hover:before,
.urgent-job .slick-prev:hover:before {
  background-color: #3949ab;
  color: #fff;
  border: 1px solid #3949ab;
}

.urgent-job .slick-prev:before {
  content: "\f053";
}

.urgent-job .slick-prev {
  left: 10px !important;
  z-index: 99;
}

.urgent-job .slick-next {
  /* right: 25px !important; */
}

/* .urgent-job .slick-slide {
  max-width: 250px !important;
} */
.urgent-job-post .job-info p .urgent-job-company,
.urgent-job-post .job-info p .salary {
  font-weight: 600;
}

.header-content {
  max-width: 365px;
  margin: 0 auto 40px auto;
}

.header-content h2 {
  color: #5a5a5a;
  font-size: 31px;
  font-style: normal;
  text-transform: uppercase;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.62px;
  text-align: center;
}

.header-content p {
  color: #5a5a5a;
  text-align: center;
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
  /* 136.364% */
}

.featured-job .main-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.featured-job .item,
.recruiter .item {
  display: flex;
  width: calc(33% - 10px);
  gap: 12px;
  box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px,
    rgba(17, 17, 26, 0.05) 0px 8px 32px;
  padding: 20px 12px;
  border-radius: 8px;
  margin-bottom: 1.55rem !important;
  transition: all 300ms ease-in-out;
}

.featured-job .item {
  position: relative;
}

.featured-job .item:hover,
.recruiter .item:hover {
  transform: translateY(-6px);
}

.featured-job .item .image,
.recruiter .item .image {
  max-width: 120px;
  max-height: 120px;
}

.featured-job .item .image img,
.recruiter .item .image img {
  object-fit: cover;
  margin-bottom: 20px;
}

.featured-job .item .image img {
  object-fit: cover;
  margin-bottom: 20px;
  margin-left: -15px;
}

.featured-job .item .image a,
.recruiter .item .image a {
  color: var(--Primary-Color, #3949ab);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 21px;
  border: 1px solid #3949ab;
  text-decoration: none;
  text-transform: capitalize;
  padding: 5px 10px;
  transition: 0.3s ease;
  white-space: nowrap;
  text-transform: uppercase;
  border-radius: 4px;
}

.featured-job .item .image a:first-child {
  border: none;
}

.featured-job .item .image a:nth-child(2):hover,
.recruiter .item .image a:hover {
  background-color: #3949ab;
  color: #fff;
}

.job-info p {
  color: var(--Nav-Item, #000);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  margin-bottom: 5px;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  align-items: center;
  opacity: 0.8;
}

.job-info h5 a {
  color: var(--Nav-Item, #000);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  text-decoration: none;
  transition: all 300ms ease-in-out;
}

.job-info h5 a:hover {
  color: #3949ab;
}

.job-info h5 span {
  font-weight: 400;
  font-size: 12px;
}

.job-info p i {
  color: #5a5a5a;
  min-width: 14px;
}

.job-info p span.ds {
  border-right: 1px solid #9a9a9a;
  padding-right: 5px;
}

.job-info p span.blue {
  color: #5b86e5;
}

.ad-section {
  width: 100%;
  margin: 20px 0 20px 0;
  background-color: #eeeeee;
  max-width: 100%;
  align-items: center;
  justify-content: center;
}

.ad-section img {
  object-fit: cover;
}

.manpower-employee .container {
  display: flex;
  justify-content: space-between;
}

.manpower-employee .company {
  width: 47%;
}

.manpower-employee .logo {
  max-width: 100px;
  max-height: 100px;
  padding-bottom: 10px;
  align-self: center;
}

/* .manpower-employee .logo a img {
    border-radius: 100%;

} */
.manpower-employee ul {
  list-style: none;
  counter-reset: my-awesome-counter;
}

.manpower-employee ul li {
  position: relative;
  display: flex;
  /* gap: 20px; */
  counter-increment: my-awesome-counter;
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 20px;
  min-height: 140px;
}

.manpower-employee ul li::before {
  content: counter(my-awesome-counter) ". ";
  color: #423c3c;
  font-weight: bold;
  position: absolute;
  top: 25%;
  left: 0;
  font-size: 27px;
  transform: translate(-50%, 0);
  padding-right: 50px;
}

.manpower-employee ul li .job-roles {
  color: #4e7ee8;
  font-size: 21px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.42px;
  margin-bottom: 5px;
}

.manpower-employee ul li .company-name {
  color: #423c3c;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
  transition: all 300ms ease-in-out;
}

.manpower-employee ul li .company-name:hover {
  color: #3949ab;
}

.manpower-employee ul li .location {
  color: #9a9a9a;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.38px;
  margin-top: 6px !important;
}

.manpower-employee ul li .location i {
  margin-right: 4px;
}
.manpower-employee .employers.company ul li,
.manpower-employee .manpower.company ul li {
  margin-bottom: 4px;
}
.manpower-employee .employers {
  max-width: 600px;
  margin: 0 auto;
  padding-right: 60px;
  border-right: 1px solid #e0e0e0;
}

.manpower-employee .manpower {
  max-width: 600px;
  margin: 0 auto;
}

.manpower-employee .views-active {
  display: flex;
  flex-wrap: wrap;
  /* justify-content: space-between; */
  align-items: center;
  gap: 15px;
}

.manpower-employee .views-active .views-jobs {
  color: #9a9a9a;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.38px;
}

.manpower-employee .views-active .views-jobs span {
  /* border-right: 2px solid #9a9a9a; */
  /* padding-right: 10px; */
}

.manpower-employee .views-active .active-jobs {
  color: #4e7ee8;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.34px;
}

.manpower-employee .views-active .active-jobs .manpower-employee-anchor-fix {
  background: #198754 !important;
  color: #fff;
  padding: 2px 10px;
  border-radius: 5px;
  font-size: 14px;
  border: 1px solid #147347 !important;
}

.manpower-employee li a,
.recruiter li a {
  justify-content: start;
  color: #9a9a9a;
  font-weight: 400;
}

.manpower-employee a,
.recruiter a {
  color: #4e7ee8;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.38px;
  text-decoration: none;
  text-align: end;
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 10px;
  transition: all 300ms ease-in-out;
}

.manpower-employee a:hover,
.recruiter a:hover {
  color: #3949ab;
}

.manpower-employee-anchor-fix {
  justify-content: initial !important;
  text-align: start !important;
}

.recruiter .main-content a {
  margin-top: 0;
}

.recruiter .main-content ul > a {
  margin-bottom: 12px;
  padding: 10px !important;
  border-radius: 4px;

  margin-bottom: 12px;
  padding: 10px !important;
  border-radius: 4px;
  list-style-type: none !important;
  border: 1px solid #3949ab24;
  background: #3949ab05;
}
.recruiter .main-content ul > a:hover {
  background: #3949ab;
}
.recruiter .main-content ul > a:hover h4,
.recruiter .main-content ul > a:hover p,
.recruiter .main-content ul > a:hover li::before {
  color: #fff !important;
}
.recruiter a {
  margin-top: 40px;
}

.recruiter .header-content {
  max-width: 720px;
}

.recruiter .main-content {
  display: flex;
  justify-content: space-between;
}

.country ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 50px;
}

.country ul a {
  list-style: none;
  display: block;
  text-align: start;
  border: 1px solid #000;
  color: var(--Nav-Item, #000);
  font-size: 19px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  padding: 5px 20px;
  border-radius: 51px;
  margin-bottom: 30px;
  margin-right: 30px;
  margin-top: 0;
}

.country ul a:hover {
  background-color: #3949ab;
  color: #fff;
  border: 1px solid #3949ab;
}

.lower-body {
  margin-top: 60px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.recent-job,
.jobs-cate {
  width: 47%;
}

.post-job-cat-section .jobs-cate {
  width: 100%;
}

.post-job-cat-section .jobs-cate a {
  text-decoration: none;
  margin-bottom: 16px;
  /* margin-left: 36px; */
}

.recent-jobs {
  list-style: none;
  padding-left: 8px;
}
.recent-jobs ul {
  padding-left: 0;
}
.recent-jobs li {
  display: flex;
  gap: 20px;
  /* align-items: baseline; */
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 20px;
}

.recent-jobs li h3 {
  color: var(--Nav-Item, #000);
  font-size: 21px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.recent-jobs li p {
  color: #9a9a9a;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 23px;
  letter-spacing: 0.38px;
}

.recent-jobs li p span {
  border-right: 2px solid #9a9a9a;
  padding-right: 5px;
}

.recent-jobs li p span.text-success {
  font-size: 14px;
}

.recent-jobs .recent-jobs-countries {
  display: flex;
  flex-wrap: wrap;
}
.recent-jobs .recent-jobs-countries a {
  margin-right: 6px;
  margin-bottom: 8px;
}
.jobs-cate ul {
  list-style: none;
  counter-reset: my-awesome-counter;
  width: 100%;
  padding-left: 0;
  /* background: rgba(49, 106, 231, 0.051); */
  padding: 16px !important;
  /* border: 1px solid rgba(57, 73, 171, 0.188); */
  border-radius: 8px;
}

.jobs-cate ul li {
  position: relative;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  counter-increment: my-awesome-counter;
  border-bottom: 1px solid #b8b2b2;
  align-items: end;
  border-bottom: none;
}
.jobs-cate ul > a {
  margin-bottom: 16px;
}
.jobs-cate ul li h4 {
  font-size: 20px !important;
  margin-bottom: 0;
}

.jobs-cate ul li::before {
  content: counter(my-awesome-counter) ". ";
  color: #000;
  font-weight: 500;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  left: 0;
  font-size: 20px;
}

.jobs-cate ul li h3 {
  margin-left: 25px;
}
.jobs-cate ul li p {
  color: #5a5a5a;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 0;
}

.exchange-rate .container {
  display: flex;
  justify-content: space-between;
}

.exchange-rate .job-vacation {
  width: 62%;
}

.exchange-rate .header-content {
  width: 100%;
  max-width: 100%;
  margin: 0;
}

.exchange-rate .money-rate .header-content h3 {
  color: var(--white-100, #fff);
  background-color: #3949ab;
  padding: 10px 15px;
  width: 100%;
  font-size: 31px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.62px;
  text-align: center;
  margin: 0;
}

.job-vacation h3 {
  text-align: center;
  text-transform: uppercase;
}

.job-vacation ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6px 10px;
  list-style: none;
  margin-top: 20px;
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 30px;
  padding-left: 0 !important;
  padding: 16px;
}

@media screen and (max-width: 1280px) {
  .job-vacation ul {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 992px) {
  .job-vacation ul {
    grid-template-columns: repeat(1, 1fr);
  }
}

@media screen and (max-width: 779px) {
  .job-vacation ul {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 575px) {
  .job-vacation ul {
    grid-template-columns: repeat(1, 1fr) !important;
  }
}

.job-vacation ul a {
  color: var(--Nav-Item, #000);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.38px;
  text-decoration: none;
  background-color: transparent;
  transition: 0.5s;
  transition: all 300ms ease-in-out;
}
.job-vacation .bot-con li {
  box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px,
    rgba(17, 17, 26, 0.05) 0px 8px 32px;
  border-radius: 4px;
}
.job-vacation .bot-con li a {
  font-weight: 500;
}
.job-vacation .bot-con li a:hover {
  color: #f05537;
}

.job-vacation ul a li {
  padding: 5px 20px;
}

.job-vacation ul a:hover li {
  background-color: #3949ab;
  color: #fff;
  padding: 5px 20px;
  border-radius: 4px;
}

/* removed with frontend permission */
/* .job-vacation .ad-section {
  margin: 30px 0 50px 0;
} */

.money-rate {
  width: 34%;
}
.money-rate table thead th {
  background-color: #3949ab14;
  border: 1px solid #3949ab14;
}

.header-content.two {
  margin-top: 50px;
  display: flex;
  justify-content: space-between;
}

.header-content.two a {
  color: #5b86e5;
  font-size: 23px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.46px;
  text-decoration: none;
}

.bot-con {
  padding: 0;
  gap: 20px !important;
  border-bottom: none !important;
}

.bot-con p {
  color: var(--Nav-Item, #000);
  font-size: 19px;
  font-style: normal;
  font-weight: 300;
  line-height: 119%;
  margin-top: 10px;
  padding: 0 12px;
}

.bot-con img {
  width: 100%;
  object-fit: cover;
}

table {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
  overflow: hidden;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px,
    rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
  border-radius: 8px;
}

/* .gsc-input table td {
  border-top: none;
} */

table td,
table th {
  border-top: 1px solid #ecf0f1;
  padding: 10px;
}

table td {
  border-left: 1px solid #ecf0f1;
  border-right: 1px solid #ecf0f1;
}

table th {
  background-color: #fafbfd;
}

table tr:nth-of-type(odd) td {
  background-color: #fafbfd;
}

table .total th {
  background-color: white;
}

table .total td {
  text-align: right;
  font-weight: 700;
}

.mobile-header {
  display: none;
}

/* 
table .mobile-cue {
  display: none;
} */
/* 
@media screen and (max-width: 760px) {
  table tbody td:first-child {
    font-size: 18px;
    font-weight: 500;
  }

  table .mobile-cue {
    display: inline-block;
    font-size: 14px;
  }

  .job-details table tr td:not(:first-child) {
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 24px !important;
    padding-left: 20px;
  }

  .job-details table tr td:nth-child(4) {
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 24px !important;
  }
} */

/* @media only screen and (max-width: 760px) {

  table tr td:not(:first-child),
  table tr th:not(:first-child),
  table tr td:not(.total-val) {
    display: none;
  }

  table tr:nth-of-type(even) td:first-child {
    background-color: #d9f4f2;
  }

  table tr:nth-of-type(odd) td:first-child {
    background-color: white;
  }

  table tr:nth-of-type(even) td:not(:first-child) {
    background-color: white;
  }

  table tr th:first-child {
    width: 100%;
    display: block;
  }

  table tr th:not(:first-child) {
    width: 40%;
    transition: transform 0.4s ease-out;
    transform: translateY(-9999px);
    position: relative;
    z-index: 0;
  }

  table tr td:not(:first-child) {
    transition: transform 0.4s ease-out;
    transform: translateY(-9999px);
    width: 100%;
    position: relative;
    z-index: 0;
  }

  table tr td:first-child {
    display: block;
    cursor: pointer;
  }

  table tr.total th {
    width: 25%;
    display: inline-block;
  }

  table tr td.total-val {
    display: inline-block;
    transform: translateY(0);
    width: 75%;
  }
} */

/* @media only screen and (max-width: 300px) {
  table tr th:not(:first-child) {
    width: 50%;
    font-size: 14px;
  }

  table tr td:not(:first-child) {
    width: 50%;
    font-size: 14px;
  }
} */

.expert-view .header-content.two {
  max-width: 100%;
  width: 100%;
}

.expert-view .yt-video {
  position: relative;
}

.expert-view .yt-video img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-position: center;
}

#play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 999;
  background-color: transparent;
  border: 5px solid #fff;
  border-radius: 100%;
  padding: 20px;
}

#play-btn i {
  font-size: 48px;
  color: #fff;
}

.expert-view ul {
  display: flex;
  list-style: none;
  justify-content: space-between;
  padding: 0;
}

.expert-view ul li {
  max-width: 300px;
}

.expert-view ul p {
  color: var(--Nav-Item, #000);
  font-size: 19px;
  font-style: normal;
  font-weight: 500;
  line-height: 119%;
  margin-top: 15px;
}

.lower-content {
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
  padding: 10px 30px 30px 30px;
  background: rgb(85 98 183 / 14%);
  border-radius: 8px;
  border: 1px solid #3949ab29;
}

.counter-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 30px 50px;
  text-align: center;
}

.counter {
  font-size: 39px;
  margin-top: 10px;
  font-weight: 600;
  font-family: "Poppins", sans-serif !important;
}

.counter-container span {
  color: #5a5a5a;
  text-align: center;
  font-size: 19px;
  font-style: normal;
  font-weight: 400;
  line-height: 119%;
}

@media (max-width: 580px) {
  .lower-content {
    flex-direction: column;
  }
}

.lower-content i {
  font-size: 60px;
}

footer {
  padding-bottom: 10px;
  background-color: #3949ab;
  color: #fff;
}
footer .col-md-3 > h3 {
  margin-bottom: 20px;
}
footer ul {
  list-style: none;
  padding: 0;
}

footer ul a {
  color: #fff;
  text-decoration: none;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 119%;
}

footer ul a img {
  width: 60%;
  max-width: 180px;
  margin-left: -3px;
}

footer ul a li {
  margin: 15px 0;
}

footer p {
  text-align: center;
  margin-top: 40px;
}

footer ul a:hover {
  color: #f05537;
}

/* --------------responsive css--------------- */
@media (max-width: 1199px) {
  .urgent-job-container {
    flex-direction: column;
  }

  .urgent-job-container .ad-section {
    width: 100%;
  }

  .urgent-job-container .urgent-job-post {
    width: 90%;
    margin: 0 auto;
  }

  .featured-job .item,
  .recruiter .item {
    width: 48%;
    margin-bottom: 20px;
  }

  .recruiter .main-content {
    flex-wrap: wrap;
  }

  .expert-view ul li {
    max-width: 220px;
  }

  .manpower-employee .views-active {
    gap: 15px;
  }
}

@media (max-width: 991px) {
  .urgent-job,
  .featured-job,
  .manpower-employee,
  .recruiter,
  .exchange-rate,
  .expert-view,
  footer {
    padding: 40px 0;
  }

  .countires {
    padding: 40px 0 20px 0;
  }

  .countires ul li {
    font-size: 21px;
  }

  .urgent-job-container,
  .manpower-employee .container,
  .lower-body,
  .exchange-rate .container {
    flex-direction: column;
  }

  .recruiter .main-content {
    flex-wrap: wrap;
  }

  .recruiter a {
    margin-top: 0;
  }

  .jobs-cate,
  .job-vacation {
    margin-top: 40px;
  }

  .expert-view ul li {
    max-width: 48%;
  }

  .expert-view ul {
    flex-wrap: wrap;
  }

  .lower-content {
    flex-wrap: wrap;
  }

  .counter-container {
    width: 200px;
    margin: 20px auto;
  }

  .urgent-job-container .urgent-job-post,
  .urgent-job-container .ad-section,
  .manpower-employee .company,
  .recent-job,
  .jobs-cate,
  .money-rate,
  .exchange-rate .job-vacation {
    width: 100%;
  }

  .featured-job .item,
  .recruiter .item {
    width: 48%;
    margin-bottom: 20px;
  }

  .ad-section {
    margin: 50px 0 25px 0;
  }

  .manpower-employee .employers {
    border-right: none;
    margin-bottom: 40px;
    padding: 0;
  }

  .header-content {
    max-width: 500px;
  }

  .manpower-details .banner-mid > .container,
  .manpower-details .banner-bot > .container {
    flex-direction: column;
    align-items: flex-start !important;
    gap: 20px;
  }

  .manpower-details .banner-mid .container .btns {
    padding-left: 0 !important;
  }
}

@media (max-width: 767px) {
  .navbar-dropdown .subitems {
    padding: 16px;
  }
  .navbar-dropdown .subitems h3 {
    font-size: 14px;
  }

  .urgent-job-container,
  .featured-job .main-content,
  .manpower-employee .container,
  .recruiter .main-content,
  .lower-body,
  .exchange-rate .container {
    flex-direction: column;
  }

  .urgent-job-container .urgent-job-post,
  .urgent-job-container .ad-section,
  .recruiter .item,
  .manpower-employee .company,
  .recent-job,
  .jobs-cate,
  .money-rate,
  .exchange-rate .job-vacation {
    width: 100%;
    justify-content: center;
  }

  .featured-job .item {
    width: 100%;
  }

  .recruiter .main-content {
    justify-content: center;
  }
  .manpower-details .banner-mid .container .left.side,
  .manpower-details .banner-bot .container .left.side {
    flex-direction: column !important;
  }
  .manpower-details .banner-mid .left.side img {
    margin-bottom: 16px;
  }
  .manpower-details .banner-mid .container .left.side .desc,
  .manpower-details .banner-bot .container .left.side .desc {
    margin-left: 0 !important;
  }
  .manpower-details .banner-mid .container .right.side {
    display: flex;
    justify-content: flex-start;
  }
}

@media (max-width: 575px) {
  .countires ul li {
    font-size: 14px;
    margin-right: 10px !important;
    margin-bottom: 12px !important;
  }

  .lower-content {
    flex-direction: column;
  }

  .urgent-job,
  .featured-job,
  .manpower-employee,
  .recruiter,
  .exchange-rate,
  .expert-view,
  footer {
    padding: 20px 0;
  }

  .urgent-job h1,
  .featured-job h2,
  .info_orientaion_view h2 {
    font-size: 24px;
  }

  .urgent-job .slick-prev {
    left: 0;
  }

  .countires {
    padding: 50px 0 20px 0;
  }

  .manpower-employee .employers {
    /* padding: 0 20px; */
    border-right: none;
    margin-bottom: 40px;
  }

  .countires ul {
    justify-content: center;
  }

  .urgent-job-container,
  .featured-job .main-content,
  .manpower-employee .container,
  .recruiter .main-content,
  .lower-body,
  .exchange-rate .container {
    flex-direction: column;
  }

  .header-content h2 {
    font-size: 24px;
  }

  .urgent-job-container .urgent-job-post,
  .urgent-job-container .ad-section,
  .featured-job .item,
  .recruiter .item,
  .manpower-employee .company,
  .recent-job,
  .jobs-cate,
  .money-rate,
  .exchange-rate .job-vacation {
    width: 100%;
  }

  .featured-job .item,
  .recruiter .item {
    justify-content: center;
    margin-bottom: 20px;
  }

  .urgent-job-container .ad-section,
  .ad-section {
    margin: 40px 0 20px 0;
  }

  .slick-slide.slick-current.slick-active.slick-center {
    /* padding: 0 50px; */
  }

  .recent-jobs,
  .jobs-cate ul {
    padding: 0 !important;
    margin: 0;
  }

  .jobs-cate,
  .exchange-rate .job-vacation {
    margin-top: 40px;
  }

  .manpower-employee .views-active {
    gap: 15px;
  }

  .job-vacation ul {
    margin-top: 20px;
    padding: 0;
    grid-template-columns: repeat(2, 1fr);
    padding-bottom: 30px;
  }

  .expert-view ul li {
    max-width: 100%;
    margin-bottom: 10px;
  }

  .header-content.two a {
    font-size: 18px !important;
  }

  .counter-container {
    margin: 20px auto;
  }

  .recruiter a {
    margin-top: 20px;
  }

  .manpower-employee .manpower {
    padding-bottom: 40px;
  }

  .header-content {
    margin: 0 auto 20px auto;
  }

  .banner {
    padding: 40px 0;
  }
}

/* / -----------------exchange rate page css----------------------- / */
.exchange-rate-page {
  margin: 20px auto;
  padding: 50px 0;
  background: #fff;
}

.exchange-rate-page .money-rate {
  width: 100%;
}

/* / ------------------login page------------------- / */
.login-page {
  margin: 20px 0;
  background-color: #fff;
}

.login-page .form {
  padding: 60px 0;
}

.login-page h1 {
  color: var(--Nav-Item, #000);
  font-size: 27px;

  font-weight: 500;
}

.login-page h1 span {
  font-size: 19px;
  font-weight: 400;
}

.login-page p {
  color: var(--Nav-Item, #000);
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 26px;
}

.login-page p a .und {
  text-decoration-line: underline;
  color: #000;
}

.login-page ul {
  list-style: none;
  padding: 0;
  margin-top: 20px;
}

.login-page ul li {
  color: var(--Nav-Item, #000);
  font-size: 19px;
  font-weight: 300;
  margin-top: 10px;
}

.login-page ul li i {
  color: #3949ab;
}

.login-page button {
  color: var(--Primary-Color, #3949ab);
  font-size: 21px;
  font-weight: 400;
  background-color: transparent;
  padding: 8px 36px;
  border: 1px solid #3949ab;
  margin-top: 15px;
  transition: all 300ms ease-in-out;
}

.login-page button:hover {
  background-color: #3949ab;
  color: #fff !important;
}

.login-page button:hover a p {
  color: #fff !important;
}

.login-page .right button:hover a p {
  color: #fff !important;
}

.login-page .left button:hover span a {
  color: #fff !important;
}

.login-page button span a {
  text-decoration-line: underline;
  color: var(--Primary-Color, #3949ab);
}

.login-page .form .content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.login-page .side {
  width: 48%;
}

.login-page .right.side {
  border-left: 1px solid #e0e0e0;
  padding-left: 40px;
}

.login-page .left button {
  display: flex;
  gap: 5px;
}

.inactive {
  display: none !important;
}

.active {
  display: block !important;
}

.login-page .left a {
  text-decoration: none;
}

.login-page .right button {
  width: 100%;
  border-radius: 8px;
}

.login-page .right button:nth-of-type(1) {
  border: 2px solid #d6d6d6 !important;
}
.login-page .right button:nth-of-type(1):hover {
  border-color: #3949ab !important;
}
.fb-icon {
  background: white;
  height: 30px;
  border-radius: 80px;
  overflow: hidden;
  width: 30px;
}

.login-page .right button a p {
  /* color: #9a9a9a !important; */
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
}

.login-page .divider {
  margin: 20px auto;
  text-align: center;
  color: #9a9a9a;
  font-size: 21px;
  font-weight: 300;
}

.login-page .divider a {
  text-decoration: none;
}

.login-page button a {
  display: flex;
  justify-content: center;
  text-decoration: none;
  flex-direction: row-reverse;
  align-items: center;
  gap: 12px;
}

.login-page button:nth-of-type(2) {
  background-color: #4c69ba;
}

.login-page button:nth-of-type(2) p {
  color: #ffffff;
}

.login-page input {
  border: 1px solid #b2b2b2;
  width: 100%;
  padding: 10px 16px;
  margin-bottom: 15px;
  border-radius: 4px;
}

.login-page input::placeholder {
  color: #9a9a9a;
  font-size: 18px;
  font-weight: 400;
  font-family: "Poppins", sans-serif !important;
}

.login-page .login-sign-btn {
  color: var(--white-100, #fff);
  font-size: 23px;
  font-weight: 600;
  background-color: #3949ab;
  text-decoration: none;
  width: 100%;
  text-align: center;
  padding: 7px 35px;
  text-transform: uppercase;
  display: block;
}

.login-page .forget-btn {
  color: #4e7ee8;
  font-size: 21px;
  font-weight: 400;
  text-decoration-line: underline;
  text-align: center;
  display: block;
}

.login-page .captcha {
  margin: 20px;
  color: #4c4a4b;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 500px) {
  .login-page .text {
    margin: 0.5em !important;
    text-align: center;
  }

  .login-page .logo {
    align-self: center !important;
  }

  .login-page .captcha {
    width: 100%;
    justify-content: start;
  }
}

.login-page .text {
  color: #9a9a9a;
  font-size: 21px;
  font-weight: 400;
}

.login-page .spinner {
  position: relative;
  width: 25px;
  height: 25px;
  display: flex;
  margin: 2em 1em;
  align-items: center;
  justify-content: center;
}

.login-page input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

.login-page input[type="checkbox"] + .checkmark {
  display: inline-block;
  width: 25px;
  height: 25px;
  background-color: #fcfcfc;
  border: 2.5px solid #c3c3c3;
  border-radius: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.login-page input[type="checkbox"] + .checkmark span {
  content: "";
  position: relative;
  margin-top: -3px;
  transform: rotate(45deg);
  width: 0.75em;
  height: 1.2em;
  opacity: 0;
}

.login-page input[type="checkbox"] + .checkmark > span:after {
  content: "";
  position: absolute;
  display: block;
  height: 3px;
  bottom: 0;
  left: 0;
  background-color: #029f56;
}

.login-page input[type="checkbox"] + .checkmark > span:before {
  content: "";
  position: absolute;
  display: block;
  width: 3px;
  bottom: 0;
  right: 0;
  background-color: #029f56;
}

.login-page input[type="checkbox"]:checked + .checkmark {
  animation: 2s spin forwards;
}

.login-page input[type="checkbox"]:checked + .checkmark > span {
  animation: 1s fadein 1.9s forwards;
}

.login-page input[type="checkbox"]:checked + .checkmark > span:after {
  animation: 0.3s bottomslide 2s forwards;
}

.login-page input[type="checkbox"]:checked + .checkmark > span:before {
  animation: 0.5s rightslide 2.2s forwards;
}

@keyframes fadein {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes bottomslide {
  0% {
    width: 0;
  }

  100% {
    width: 100%;
  }
}

@keyframes rightslide {
  0% {
    height: 0;
  }

  100% {
    height: 100%;
  }
}

.logo {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  align-self: flex-end;
  margin: 0.5em 1em;
}

.logo img {
  height: 100px;
  /* width: 50px; */
}

.logo p {
  color: var(--Nav-Item, #000);
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  margin-top: 5px;
}

.logo small {
  color: #9d9ba7;
  margin: 0;
  font-size: 0.8em;
}

@keyframes spin {
  10% {
    width: 0;
    height: 0;
    border-width: 6px;
  }

  30% {
    width: 0;
    height: 0;
    border-radius: 50%;
    border-width: 1em;
    transform: rotate(0deg);
    border-color: rgb(199, 218, 245);
  }

  50% {
    width: 2em;
    height: 2em;
    border-radius: 50%;
    border-width: 4px;
    border-color: rgb(199, 218, 245);
    border-right-color: rgb(89, 152, 239);
  }

  70% {
    border-width: 4px;
    border-color: rgb(199, 218, 245);
    border-right-color: rgb(89, 152, 239);
  }

  90% {
    border-width: 4px;
  }

  100% {
    width: 2em;
    height: 2em;
    border-radius: 50%;
    transform: rotate(720deg);
    border-color: transparent;
  }
}

.desg-name {
  color: red;
  font-weight: bold;
  font-size: 20px;
}

/* / ---------responsive css--------------- / */
@media (max-width: 1024px) {
  .login-page .side {
    width: 100%;
  }

  .login-page .left.side {
    display: none;
  }

  .login-page .right.side {
    border: none;
    padding: 0;
  }
}

/* / manpower details page-------------------------------- / */
.manpower-details .video-container {
  background-position: center center;
  object-fit: cover;
  width: 100%;
  max-height: 400px;
  height: 400px;
}

.manpower-details .banner-mid {
  background-color: #3949ab;
  color: #fff;
  padding: 30px 20px;
}
.manpower-details .banner-mid .left.side img {
  border-radius: 4px;
  margin-right: 6px;
}
.manpower-details .banner-bot {
  padding: 20px;
  background: #f0f0f0;
  color: #000;
}

.manpower-details .banner-mid .container,
.manpower-details .banner-bot .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.manpower-details .banner-mid .container .desc,
.manpower-details .banner-bot .container .desc {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-left: 20px;
  column-gap: 16px;
  row-gap: 6px;
}
.manpower-details .banner-bot .container .left.side .desc {
  margin-left: 0 !important;
}
.manpower-details .banner-mid .container .btns {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  padding-left: 20px;
  justify-content: flex-end;
}

@media screen and (min-width: 1080px) {
  .manpower-details .banner-mid .container .btns {
    justify-content: flex-end;
  }
}

.manpower-details .banner-mid .container .follow {
  border-radius: 51px;
  background: var(--white-100, #fff);
  padding: 0px 20px;
  color: #3949ab;
  text-decoration: none;
  font-size: 20px;
  font-weight: 500;
  line-height: 35.5px;
  white-space: nowrap;
}

.manpower-details .banner-mid .container .review {
  color: var(--white-100, #fff);
  font-size: 20px;
  font-weight: 400;
  line-height: 35.5px;
  text-decoration: none;
}

.manpower-details .banner-bot p {
  font-size: 18px;
  font-weight: 400;
  line-height: 35.5px;
  margin-bottom: 0;
}

.manpower-details .banner-bot p a {
  color: #000;
}

.manpower-details .banner-bot p i {
  color: #5a5a5a;
  margin-right: 6px;
}

.manpower-details .banner-bot .btns {
  display: flex;
  align-items: center;
  gap: 20px;
}

.manpower-details .banner-bot .btns a {
  font-size: 36px;
}

.manpower-details .banner-bot .btns a img {
  margin-top: -7px;
}

.about-manpower,
.manpwoer-categories,
.google-map,
.similar-jobs,
.job-opening {
  padding: 40px 0;
  background-color: #fff;
}
.manpwoer-categories {
  padding-top: 0 !important;
}
.about-manpower .container {
  padding-bottom: 40px;
  border-bottom: 1px solid #e0e0e0;
  background-color: #fff;
}

.about-manpower h1,
.manpwoer-categories h1,
.similar-jobs h1 {
  color: var(--Nav-Item, #000);
  font-size: 27px;
  font-weight: 500;
  /* line-height: 15px; */
}

.about-manpower p,
.about-manpower p span {
  font-size: 18px !important;
  font-weight: 300;
  margin-top: 20px;
  opacity: 0.9;
  text-align: justify;
  line-height: 1.6 !important;
  letter-spacing: normal !important;
}
.about-manpower .read-more-about-manpower-wrapper div {
  font-size: 18px !important;
  font-weight: 300;
  margin-top: 20px;
  opacity: 0.9;
  text-align: justify;
  line-height: 1.6 !important;
  letter-spacing: normal !important;
  font-family: "Open Sans", sans-serif !important;
}
.about-manpower .read-more-about-manpower-wrapper p strong {
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: normal !important;
  font-family: "Open Sans", sans-serif !important;
}
.about-manpower .read-more-about-manpower-button,
.about-manpower .read-less-about-manpower-button {
  font-weight: 500;
  color: #3949ab;
}
.about-manpower label {
  color: #4e7ee8;
  font-size: 19px;
  font-weight: 400;
  letter-spacing: 0.38px;
}

.read-more-target,
.read-more-trigger_opened {
  display: none;
}

.read-more-state:checked ~ .read-more-wrap .read-more-target,
.read-more-state:checked ~ .read-more-trigger_opened {
  display: block;
}

.read-more-state:checked ~ .read-more-trigger_closed {
  display: none;
}

.manpwoer-categories .container {
  border-bottom: 1px solid #e0e0e0;
}

.manpwoer-categories .row.carousels,
.similar-jobs .row.carousels {
  margin-top: 30px;
}

.manpwoer-categories .row.carousels .slick-list.draggable,
.similar-jobs .row.carousels .slick-list.draggable {
  padding: 0 !important;
}

.manpwoer-categories .row.carousels .col-md-3 img {
  max-width: 70px;
  max-height: 70px;
  margin: 0 auto;
  margin-bottom: 12px;
}

.manpwoer-categories .row.carousels .col-md-3 h5,
.similar-jobs .row.carousels .col-md-3 h5 {
  color: #5a5a5a;
  font-size: 23px;
  font-weight: 400;
  margin: 0;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  white-space: nowrap;
  margin-bottom: 6px;
}

.manpwoer-categories .row.carousels .col-md-3 a,
.similar-jobs .row.carousels .col-md-3 a {
  color: #4e7ee8;
  font-size: 19px;
  font-weight: 400;
  text-decoration: none;
  text-align: center;
}

.manpwoer-categories .slick-next:before,
.manpwoer-categories .slick-prev:before,
.similar-jobs .slick-next:before,
.similar-jobs .slick-prev:before {
  content: "\f054";
  font-family: "Font Awesome 6 Free";
  font-weight: 600;
  color: #000;
  border: 1px solid #000;
  padding: 10px 15px;
  border-radius: 100%;
  transition: 0.3s ease;
}

.manpwoer-categories .slick-next:hover:before,
.manpwoer-categories .slick-prev:hover:before,
.similar-jobs .slick-next:hover:before,
.similar-jobs .slick-prev:hover:before {
  background-color: #3949ab;
  color: #fff;
  border: 1px solid #3949ab;
}

.manpwoer-categories .slick-prev:before,
.similar-jobs .slick-prev:before {
  content: "\f053";
}

.manpwoer-categories .slick-prev,
.similar-jobs .slick-prev {
  left: -50px;
  z-index: 1;
}

.similar-jobs .slick-track {
  /* transform: translate3d(0px, 0px, 0px) !important; */
  margin-inline: auto;
}

.job-opening .manpower ul {
  padding: 0;
  list-style: none;
}

.job-opening .col-md-9 {
  border-right: 1px solid #e0e0e0;
  padding-right: 60px;
}

.job-opening .col-md-3 {
  padding-left: 20px;
  position: relative;
}

.job-opening .manpower ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #9a9a9a;
  padding-bottom: 10px;
  margin-top: 10px;
  text-align: left;
}

.job-opening .manpower ul li .logo {
  max-width: 80px;
  max-height: 80px;
  align-self: center;
}

.job-opening .manpower ul li .logo img {
  width: 100%;
}

.job-opening .manpower ul li h4 {
  color: #423c3c;
  font-size: 16px;
  font-weight: 500;
  line-height: 15px;
  margin-bottom: 3px;
}

.job-opening .manpower ul li p {
  color: #000;
  font-size: 14px;
  font-weight: 300;
  line-height: 15px;
  margin-bottom: 3px;
}

.job-opening .opening-jobs-manpower-details {
  list-style: none;
  padding: 0;
}

.job-opening .opening-jobs-manpower-details li {
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 30px;
  margin-bottom: 30px;
}

.job-opening .opening-jobs-manpower-details a.header {
  color: var(--Nav-Item, #000);
  font-size: 25px;
  font-weight: 400;
  line-height: 35.5px;
  text-decoration: none;
}

.job-opening .opening-jobs-manpower-details a.header .day-left {
  color: #f05537;
  font-size: 18px;
  font-weight: 600;
  line-height: 35.5px;
}

.job-opening .opening-jobs-manpower-details a.header .date-posted {
  color: #9a9a9a;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.job-opening .opening-jobs-manpower-details a.header .promoted {
  color: var(--white-100, #fff);
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
  font-size: 14px;
  font-weight: 500;
  line-height: 35.5px;
  letter-spacing: 0.24px;
  background-color: #f05537;
  padding: 3px 15px;
  border-radius: 25px;
}
.job-opening .opening-jobs-manpower-details a.header .zero-cost {
  color: #000;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
  font-size: 14px;
  font-weight: 500;
  line-height: 35.5px;
  letter-spacing: 0.24px;
  background-color: #ffff00;
  padding: 3px 15px;
  border-radius: 25px;
}

.job-opening .opening-jobs-manpower-details .desc p {
  color: #818181;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 8px;
}

.job-opening .opening-jobs-manpower-details .desc a {
  text-decoration: none;
}

.job-opening .opening-jobs-manpower-details .info {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.job-opening .opening-jobs-manpower-details .info .apply-btn {
  text-decoration: none;
  color: var(--white-100, #fff);
  text-transform: uppercase;
  font-size: 21px;
  font-weight: 500;
  line-height: 15px;
  background-color: #3949ab;
  padding: 17px 25px;
  white-space: nowrap;
  border-radius: 4px;
}

.job-opening .opening-jobs-manpower-details .desc .top.cat p:first-child {
  border-right: 1px solid #9a9a9a;
  padding-right: 20px;
}

.job-opening .opening-jobs-manpower-details .desc .cat {
  display: flex;
  /* justify-content: space-between; */
  gap: 0px 20px;
  flex-wrap: wrap;
  padding-right: 10px;
}

.job-opening .opening-jobs-manpower-details .desc .cat i {
  color: #9a9a9a;
  min-width: 24px;
}

.job-opening .manpower ul li p.active-jobs {
  color: #5b86e5;
}

.job-opening .col-md-9 .main-content ul {
  text-align: left;
}

.job-opening .manpower .body-content,
.job-opening .col-md-9 {
  text-align: end;
}

.job-opening .manpower .body-content a,
.job-opening .col-md-9 a {
  text-decoration: none;
  color: #4e7ee8;
  font-size: 17px;
  font-weight: 400;
  letter-spacing: 0.34px;
}

.job-opening .header-content h2 {
  font-size: 25px;
}

.job-opening .col-md-9 .header-content,
.google-map .header-content {
  margin: 0 0 50px 0;
}

.job-opening .col-md-9 .header-content h2,
.google-map .header-content h2 {
  color: #000;
  text-transform: capitalize;
  font-size: 28px;
  text-align: left;
  font-weight: 500;
}

.google-map iframe {
  width: 100%;
  max-height: 500px;
}

.similar-jobs .row .col-md-3 {
  padding: 35px 24px;
  border-radius: 24px;
  border: 0.5px solid #d9d9d9;
  background: var(--white-100, #fff);
  box-shadow: 0px 4px 11px 0px rgba(0, 0, 0, 0.11);
  overflow: hidden;
  width: 100%;
}
.similar-jobs .container.urgent {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.similar-jobs .recent-jobs .right-side {
  padding-bottom: 12px;
}
.similar-jobs .recent-jobs li h3 {
  font-size: 18px;
}

/* / ---reponsive csss------------------ / */
@media (min-width: 768px) and (max-width: 1024px) {
  .manpwoer-categories .row.carousels .slick-list.draggable,
  .similar-jobs .row.carousels .slick-list.draggable {
    padding: 0 40px !important;
  }

  .slick-next {
    right: 25px !important;
  }

  .slick-prev {
    left: 25px !important;
    z-index: 99;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .job-opening .col-md-9 {
    border: none;
    padding-right: 0;
    margin-bottom: 30px;
    width: 100%;
  }

  .job-opening .manpower ul li {
    justify-content: center;
  }

  .job-opening .col-md-3 {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .manpower-details .banner-mid .container,
  .manpower-details .banner-bot .container {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
    padding: 10px 0;
  }

  .manpower-details .banner-mid .container .side,
  .manpower-details .banner-bot .container .side {
    width: 100%;
  }

  .job-opening .opening-jobs-manpower-details .info {
    flex-direction: column;
    align-items: flex-start;
  }

  .job-opening .col-md-9 {
    border: none;
    padding-right: 0;
    margin-bottom: 30px;
  }

  .job-opening .manpower ul li {
    justify-content: flex-start;
  }

  .urgent-job .urgent h1 {
    text-align: center;
  }

  .header-content.ethical h2,
  .header-content.ethical p {
    text-align: left;
  }

  .manpower-employee ul li .company-name {
    font-size: 18px;
  }

  .read-more-about-manpower-wrapper img {
    width: 100%;
    height: 100%;
  }
}

/* job listing */

.job-listing {
  margin: 20px 0;
  padding: 50px 0 100px 0;
  background-color: #fff;
}

.job-listing h2 {
  color: #5a5a5a;
  font-size: 22px;
  font-weight: 400;
  text-align: center;
}

.job-listing .heading,
.manpower-listing .heading {
  color: #5a5a5a;
  font-size: 2rem;
  font-weight: 400;
  text-align: center;
  margin-bottom: 20px;
  margin-bottom: 36px !important;
}

.job-listing .filter-by {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 50px;
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 32px;
  column-gap: 16px;
}

.job-listing .filter-by .filter {
  display: flex;
  gap: 15px;
  align-items: center;
  /* flex: 1; */
}
.job-listing .filter-by .filter.more {
  display: none;
}
.pre-candidate .filter-by {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.pre-candidate .filter-by .filter h3 {
  margin-bottom: 10px;
}

.job-listing .filter-by .filter.range .wrapper,
.user__details .filter.range .wrapper {
  max-width: 340px;
}

.pre-candidate .filter.range .wrapper {
  max-width: 100%;
}

.job-listing .filter-by .filter .filter-sub,
.user__details .filter .filter-sub,
.pre-candidate .filter .filter-sub {
  word-wrap: normal;
  border: 1px solid #9a9a9a;
  padding: 7px 15px;
  border-radius: 10px;
  height: 3rem !important;
  width: 100%;
}

.job-listing .filter-by .filter select,
.user__details .filter select,
.pre-candidate .filter select {
  border: none;
}

.job-listing .filter-by .filter select:visited,
.job-listing .filter-by .filter select:focus-visible,
.user__details .filter select:visited,
.user__details .filter select:focus-visible,
.pre-candidate .filter select:visited,
.pre-candidate .filter select:focus-visible {
  border: none;
  outline: none;
}

.job-listing .filter-by .filter h3,
.user__details .filter h3,
.pre-candidate .filter h3 {
  color: var(--Nav-Item, #000);
  font-size: 18px;
  font-weight: 500;
  margin: 0;
}

.job-listing .price-input,
.user__details .price-input,
.pre-candidate .price-input {
  width: 100%;
  display: flex;
  margin: 0px 0 10px;
}

.job-listing .price-input .field,
.user__details .price-input .field,
.pre-candidate .price-input .field {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.job-listing .field input,
.user__details .field input,
.pre-candidate .field input {
  width: 100%;
  height: 100%;
  outline: none;
  font-size: 19px;
  margin-left: 12px;
  border-radius: 5px;
  text-align: left;
  border: none;
  -moz-appearance: textfield;
}

.job-listing .field:last-child input,
.user__details .field:last-child input,
.pre-candidate .field:last-child input {
  text-align: end;
}

.job-listing input[type="number"]::-webkit-outer-spin-button,
.user__details input[type="number"]::-webkit-inner-spin-button,
.pre-candidate input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.job-listing .price-input .separator,
.user__details .price-input .separator,
.pre-candidate .price-input .separator {
  width: 130px;
  display: flex;
  font-size: 19px;
  align-items: center;
  justify-content: center;
}

.job-listing .slider,
.user__details .slider,
.pre-candidate .slider {
  height: 5px;
  position: relative;
  background: #ddd;
  border-radius: 5px;
}

.job-listing .slider .progress,
.user__details .slider .progress,
.pre-candidate .slider .progress {
  height: 100%;
  left: 0;
  right: 0;
  position: absolute;
  border-radius: 5px;
  background: #e04427;
}

.job-listing .range-input,
.user__details .range-input,
.pre-candidate .range-input {
  position: relative;
}

.job-listing .range-input input,
.user__details .range-input input,
.pre-candidate .range-input input {
  position: absolute;
  width: 100%;
  height: 5px;
  top: -5px;
  background: none;
  pointer-events: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.job-listing input[type="range"]::-webkit-slider-thumb,
.user__details input[type="range"]::-webkit-slider-thumb,
.pre-candidate input[type="range"]::-webkit-slider-thumb {
  height: 17px;
  width: 17px;
  border-radius: 50%;
  background: #e04427;
  pointer-events: auto;
  -webkit-appearance: none;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}

.job-listing input[type="range"]::-moz-range-thumb,
.user__details input[type="range"]::-moz-range-thumb,
.pre-candidate input[type="range"]::-moz-range-thumb {
  height: 17px;
  width: 17px;
  border: none;
  border-radius: 50%;
  background: #e04427;
  pointer-events: auto;
  -moz-appearance: none;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}

.job-listing .row {
  margin-top: 50px;
}

.job-listing .right-filter .filter-option,
.ebcf_modal-content .filter-option {
  padding-bottom: 10px;
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 30px;
}

.job-listing .right-filter ul,
.ebcf_modal-content ul {
  padding: 0;
  list-style: none;
  max-height: 240px;
  overflow-y: scroll;
}

/* .ebcf_modal-content ul {
    display: none;
  } */
.job-listing .right-filter h3,
.ebcf_modal-content h3 {
  color: var(--Nav-Item, #000);
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.job-listing .job-listing-page .main-content {
  padding-left: 20px;
  text-align: right;
  padding-right: 2rem !important;
}

.job-listing .right-filter ul a,
.ebcf_modal-content ul a {
  margin-top: 10px;
  text-decoration: none;
  color: var(--Nav-Item, #000);
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0.38px;
  display: flex;
  gap: 20px;
  align-items: center;
  transition: all 300ms ease-in-out;
}
.job-listing .right-filter ul a:hover li,
.ebcf_modal-content ul a:hover li {
  opacity: 0.8;
}
.job-listing .opening-jobs-manpower-details {
  list-style: none;
  padding: 0;
  text-align: left;
}

.job-listing .opening-jobs-manpower-details li {
  border: 1px solid #3949ab30 !important;
  padding-bottom: 30px;
  margin-bottom: 20px !important;
  padding: 12px 16px;
  border-radius: 10px;
  background: #e5e5e517;
}

.job-listing .opening-jobs-manpower-details a.header {
  color: var(--Nav-Item, #000);
  font-size: 24px;
  font-weight: 400;
  line-height: 35.5px;
  text-decoration: none;
}

.job-listing .opening-jobs-manpower-details a.header .day-left {
  color: #f05537;
  font-size: 18px;
  font-weight: 500;
  line-height: 35.5px;
}

.job-listing .opening-jobs-manpower-details a.header .date-posted {
  color: #9a9a9a;
  font-size: 16px;
  font-weight: 300;
  line-height: 35.5px;
  font-style: italic;
}

.job-listing .opening-jobs-manpower-details a.header .promoted {
  color: var(--white-100, #fff);
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
  font-size: 14px;
  font-weight: 500;
  line-height: 35.5px;
  letter-spacing: 0.24px;
  background-color: #f05537;
  padding: 3px 15px;
  border-radius: 25px;
  white-space: nowrap;
}

.job-listing .opening-jobs-manpower-details a.header .zero-cost {
  color: #000;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
  font-size: 14px;
  font-weight: 500;
  line-height: 35.5px;
  letter-spacing: 0.24px;
  background-color: #ffff00;
  padding: 3px 15px;
  border-radius: 25px;
  white-space: nowrap;
}

.job-listing .opening-jobs-manpower-details .desc p {
  color: #5a5a5a;
  font-size: 16px;
  font-weight: 300;
  line-height: 32px;
  margin-bottom: 0;
}

.job-listing .opening-jobs-manpower-details .desc a {
  text-decoration: none;
}

.job-listing .opening-jobs-manpower-details .info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: -4px;
}

.job-listing .opening-jobs-manpower-details .info .apply-btn {
  text-decoration: none;
  color: var(--white-100, #fff);
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 500;
  line-height: 15px;
  background-color: #3949ab;
  padding: 16px 24px;
  border-radius: 4px;
  white-space: nowrap;
}

.job-listing .opening-jobs-manpower-details .desc .top.cat p:first-child {
  border-right: 1px solid #9a9a9a;
  padding-right: 20px;
}

.job-listing .opening-jobs-manpower-details .desc .cat {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}

.job-listing .opening-jobs-manpower-details .desc .cat i {
  color: #9a9a9a;
  min-width: 24px;
}

.job-listing-page .slick-next,
.job-listing-page .slick-prev {
  bottom: -30px;
  top: unset;
  z-index: 99;
}

.job-listing-page .slick-prev {
  left: 10%;
}

.job-listing-page .slick-next {
  right: 10%;
}

.job-listing .slick-dots li {
  margin-right: 40px;
}

.job-listing .slick-dots li a {
  color: var(--Nav-Item, #000);
  font-size: 19px;
  font-weight: 500;
  letter-spacing: 0.38px;
  text-decoration: none;
}

.job-listing .slick-dots li.slick-active a {
  border: 1px solid #000;
  border-radius: 7px;
  padding: 5px 10px 5px 10px;
  text-align: center;
}

.job-listing .slider-control {
  padding-top: 20px;
  text-align: center;
}

.job-listing .slider-control .cnt {
  margin-top: 30px;
}

.job-listing .slider-control .bank {
  color: #e04325;
  text-align: center;
  font-size: 20px;
  padding: 6px 10px;
  font-weight: 400;
  letter-spacing: 0.5px;
  text-decoration: none;
  text-transform: uppercase;
  flex: 1;
  cursor: pointer;
}

.job-listing .slider-control .bank.active {
  padding: 6px 10px;
  color: #fff;
  background: #e04325;
}

.job-listing .slider-control .carousel {
  width: 90%;
  margin: 0px auto;
}

.job-listing .slider-control .slick-slide {
  margin: 10px;
  height: auto;
}

.job-listing .slider-control .slick-slide img {
  width: 100%;
  border: 2px solid #fff;
}

.job-listing .slider-control .wrapper .slick-dots li button:before {
  font-size: 20px;
  color: white;
}

.job-listing .menu-partner {
  display: flex;
  justify-content: space-between;
  border-bottom: 2px solid #e04224;
}

.job-listing .post-info {
  margin-bottom: 20px;
}

.job-listing .post-info h4,
.job-listing .post-info.recent h4 a.text-dark {
  color: var(--Nav-Item, #000);
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  text-align: left;
}

.job-listing .post-info .sub-info {
  display: flex;
  gap: 10px;
  align-items: center;
}

.job-listing .post-info .sub-info .img-box {
  width: 45%;
}

.job-listing .post-info .sub-info .img-box img {
  width: 100%;
  height: auto;
}

.job-listing .post-info .sub-info p {
  color: #5a5a5a;
  font-size: 15px;
  font-weight: 300;
  line-height: 17px;
  text-align: left;
}

.job-listing .post-info .c-name {
  color: #4e7ee8;
  font-size: 16px;
  font-weight: 500;
  line-height: 35.5px;
  text-align: left;
  margin: 0;
}

.job-listing .post-info .date-posted {
  text-align: left;
  color: #9a9a9a;
  font-size: 14px;
  font-weight: 300;
  line-height: 35.5px;
  margin-top: -10px;
}

#more-filter {
  color: var(--white-100, #fff);
  font-size: 21px;
  font-weight: 500;
  line-height: 15px;
  background-color: #3949ab;
  padding: 15px 30px;
  display: none;
  border: none;
}

.ebcf_modal {
  display: none;
  /* / Hidden by default / */
  position: fixed;
  /* / Stay in place / */
  z-index: 1;
  /* / Sit on top / */
  padding-top: 100px;
  /* / Location of the box / */
  left: 0;
  top: 0;
  width: 100%;
  /* / Full width / */
  height: 100%;
  /* / Full height / */
  overflow: auto;
  /* / Enable scroll if needed / */
  background-color: rgb(0, 0, 0);
  /* / Fallback color / */
  background-color: rgba(0, 0, 0, 0.4);
  /* / Black w/ opacity / */
}

/* / Modal Content / */
.ebcf_modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
}

/* / The Close Button / */
.ebcf_close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.ebcf_close:hover,
.ebcf_close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

/* / ------------responsive---------------- / */
@media (max-width: 991px) {
  #more-filter {
    display: block;
  }

  .job-listing .filter-by {
    flex-wrap: wrap;
    gap: 30px;
  }

  .job-listing .right-filter {
    display: none;
  }

  .job-listing .job-listing-page {
    width: 100%;
  }

  .job-listing .job-listing-page .main-content {
    padding: 0;
  }
}

@media (max-width: 767px) {
  .job-listing .slick-slide.slick-current.slick-active.slick-center {
    padding: 0;
  }

  .job-listing .opening-jobs-manpower-details .info {
    flex-wrap: wrap;
  }

  .job-listing .opening-jobs-manpower-details .desc .cat {
    width: 100%;
  }
}

@media (max-width: 1199px) {
  .job-listing .filter-by {
    flex-wrap: wrap;
    gap: 30px;
  }
}

/* job details  */
.job-details {
  background-color: #fff;
  padding: 80px 0 50px 0;
}

.job-details .h2 {
  color: var(--Nav-Item, #000);
  font-size: 31px;
  font-weight: 400;
  line-height: 35.5px;
}

.job-details .h2 span {
  font-size: 19px;
  font-weight: 300;
  line-height: 35.5px;
}

.job-details .row:first-child {
  margin-bottom: 40px;
}

.job-details .row.job-post {
  margin-top: 50px;
}
.job-details .row.job-post strong span,
.job-details .row.job-post span strong {
  padding-left: 6px;
  padding-right: 6px;
}
.job-details .row:first-child .col-md-8 {
  border-right: 1px solid #9a9a9a;
  padding-right: 40px;
}

.job-details .bottom-info {
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
  gap: 30px;
}

.job-details .job-info {
  display: flex;
  gap: 10px;
  align-items: center;
}
.job-details .desktop-contact-details .job-info {
  background: #3949ab0f;
  padding: 12px;
  border: 1px solid #3949ab1a;
  border-radius: 8px;
}
.job-details table th {
  background-color: #3949ab;
  color: #fff;
}
.job-details .desktop-contact-details .job-info p {
  flex-wrap: nowrap;
  margin-bottom: 0;
  display: inline-block;
  max-width: 100%;
}
.job-details table .Particular {
  font-weight: 500;
}

@media screen and (max-width: 1280px) {
  .job-details .job-info {
    flex-direction: column;
    /* transform: translateX(20px); */
  }
}

.job-details .bottom-info .job-info h4 {
  color: var(--Nav-Item, #000);
  font-size: 19px;
  font-weight: 400;
  line-height: 35.5px;
  margin: 0;
  margin-top: -5px;
}

.job-details .bottom-info .job-info h4.company-name {
  color: #4e7ee8;
  font-weight: 500;
}

.job-details .bottom-info .job-info h4 span {
  font-weight: 300;
}

.job-details .job-info h3 {
  color: var(--Nav-Item, #000);
  font-size: 21px;
  font-weight: 400;
  line-height: 24px;
}

.job-details .job-info h3:first-child {
  color: var(--Nav-Item, #000);
  font-size: 28px;
  font-weight: 500;
  line-height: 28px;
  text-transform: uppercase;
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 10px;
  margin-top: 10px;
}

.job-details .job-info h3 span {
  color: #888686;
  font-size: 16px;
  font-weight: 400;
}

.job-details .job-info p {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #000;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.job-details .job-info p.phone {
  color: #4e7ee8;
}

.job-details .col-lg-4 .job-info p i {
  color: #000;
  margin-right: 6px;
}

.job-details .col-lg-4 .company-logo,
.job-details .col-lg-8 .company-logo {
  max-width: 150px;
  max-height: 150px;
  width: 120px;
  overflow: hidden;
}

.job-details .col-lg-4 .company-logo img {
  border-radius: 100%;
  height: 80px;
  width: 80px;
  min-width: 80px;
}

.job-details .col-lg-8 .company-logo img {
  width: 100%;
}

.job-details .bottom-info .job-info p {
  color: #5a5a5a;
  font-size: 17px;
  font-weight: 300;
  line-height: 25px;
}

.job-details .bottom-info .job-info p i {
  color: #9a9a9a;
  margin-right: 6px;
}

.job-details .apply-btn {
  min-width: 150px;
  height: 56px;
}

.apply-btn a {
  color: var(--white-100, #fff);
  font-size: 21px;
  font-weight: 500;
  line-height: 15px;
  padding: 10px 50px;
  background-color: #3949ab;
  text-decoration: none;
}

.job-details .apply-btn a {
  padding: 10px 15px;
  font-size: 18px;
  text-wrap: nowrap;
  border-radius: 4px;
}

/* 
.job-details table {
  width: 100%;
}

.job-details table th {
  background-color: #fff;
  font-size: 21px;
  font-weight: 500;
  line-height: 35.5px;
  text-decoration-line: underline;
}

.job-details table tr:nth-of-type(odd) td {
  background-color: #c4c4c4;
}

.job-details table tr:nth-of-type(even) td {
  background-color: #fff;
}

.job-details table.job-position th {
  text-decoration: none;
}

.job-details table tr td:nth-child(2) {
  color: var(--Nav-Item, #000);
  font-size: 19px;
  font-weight: 400;
  line-height: 35.5px;
}

.job-details table tr td:nth-child(4) {
  font-size: 19px;
  font-weight: 300;
  line-height: 35.5px;
  / 186.842% /
} */

.job-details .ad-sec {
  background-color: #eeeeee;
  max-height: 400px;
}

.job-details .ad-sec p {
  color: var(--Nav-Item, #000);
  font-size: 50px;
  font-weight: 300;
  line-height: 15px;
}

.job-details .row.job-post .job-position-f {
  color: var(--Nav-Item, #000);
  font-size: 21px;
  font-weight: 500;
  line-height: 35.5px;
  text-decoration-line: underline;
}

.job-details .row.job-post .col-md-9 {
  border-right: 1px solid #a0a0aa;
  padding-right: 20px;
}

.job-details .more-job-position {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #9a9a9a;
  padding-bottom: 30px;
  width: 90%;
}

.job-details .more-job-position .list h3 {
  color: var(--Nav-Item, #000);
  font-size: 21px;
  font-weight: 500;
  line-height: 35.5px;
  text-decoration-line: underline;
}

.job-details .more-job-position .list ul {
  list-style: none;
  padding: 0;
  padding-left: 20px;
}

.job-details .more-job-position .list ul li {
  display: flex;
  gap: 10px;
  margin-bottom: 10px;
  color: var(--Nav-Item, #000);
  font-size: 19px;
  font-weight: 300;
  line-height: 27px;
  position: relative;
  padding-left: 30px;
  flex-wrap: wrap;
}

.job-details .more-job-position .list ul li::before {
  position: absolute;
  content: url(/frontendV2/img/Vector.png);
  /* top: 20%; */
  transform: translate(-50%, 0%);
  left: 0%;
}
.job-details .row.job-post ol,
.job-details .row.job-post ul {
  padding-left: 1rem !important;
}
.job-details .row.job-post ol li,
.job-details .row.job-post ul li {
  margin-bottom: 6px;
  opacity: 0.9;
}
.job-details .newspaper {
  margin-top: 40px;
  width: 100%;
}

.job-details .manpower ul,
.rating-field ul {
  padding: 0;
}

.job-details .manpower ul li,
.rating-field ul li {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #d9d9d9;
  padding-bottom: 10px;
  margin-top: 10px;
  text-align: left;
  gap: 10px;
}

.job-details .manpower ul li:last-child,
.rating-field ul li:last-child {
  border-bottom: 0;
}

.job-details .manpower ul li .employee-details {
  display: flex;
  width: 100%;
  flex-direction: column;
  max-width: 400px;
  background: #3949ab0d;
  padding: 12px;
  border-radius: 4px;
  border: 1px solid #3949ab1c;
}

.manpower-employee .employee-details {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-top: 16px;
  padding-bottom: 16px;
}

.job-details .manpower ul li .logo {
  max-width: 80px;
  max-height: 80px;
  align-self: center;
}

.job-details .manpower ul li .logo img,
.rating-field ul li .logo img {
  width: 100%;
}

.job-details .manpower ul li h4 {
  color: #423c3c;
  font-size: 16px;
  font-weight: 500;
  line-height: 15px;
  margin-bottom: 3px;
}

.job-details .manpower ul li p,
.rating-field ul li p {
  color: #000;
  font-size: 12px;
  font-weight: 300;
  line-height: 15px;
  margin-bottom: 3px;
}

.job-details .header-content {
  margin: 0 auto 25px auto;
}

.job-details .manpower a,
.rating-field a {
  color: #4e7ee8;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.28px;
  text-decoration: none;
  float: right;
}

.job-details .precautions,
.job-details .labor-info {
  margin-top: 40px;
}

.job-details .precautions h3,
.job-details .labor-info h3 {
  color: var(--Nav-Item, #000);
  font-size: 21px;
  font-weight: 500;
  line-height: 35.5px;
  text-decoration-line: underline;
}

.job-details .precautions p {
  color: var(--Nav-Item, #000);
  font-size: 18px;
  font-weight: 400;
  line-height: 35.5px;
}

.job-details .precautions ul,
.job-details .labor-info ul {
  list-style: none;
  padding: 0;
}

.job-details .precautions ul li {
  display: flex;
  gap: 10px;
  margin-bottom: 20px;
  font-weight: 300;
}

.job-details .precautions ul li p {
  font-weight: 300;
  font-size: 16px;
  line-height: normal;
}

.job-details .precautions a,
.job-details .labor-info a {
  color: #4e7ee8;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0.28px;
  text-decoration: none;
}

.job-details .labor-info li {
  counter-increment: step-counter;
  margin-bottom: 10px;
  font-weight: 300;
  font-size: 19px;
}

.job-details .labor-info li::before {
  content: counter(step-counter);
  font-size: 19px;
  color: #000;
  font-weight: 300;
  padding-right: 5px;
}

.feedback-review {
  padding: 40px;
  margin-top: 20px;
  background-color: #fff;
}

.rating-field ul li .employee-details {
  width: 100%;
}
.rating-field ul li .employee-details .company-name {
  font-size: 20px;
}
.rating-field ul li .employee-details .feedback {
  font-size: 16px;
}
.rating-field ul li .logo {
  max-width: 100px;
  max-height: 100px;
  align-self: flex-start;
}

.rating-field ul li .logo img {
  /* height: auto; */
  height: 80px;
  width: 80px;
  max-height: 80px;
  max-width: 80px;
  border-radius: 100%;
  object-fit: cover;
}

.job-details .feedback-review h4 {
  font-size: 19px;
}

.rating-field .views-active p {
  color: #5a5a5a;
  font-size: 19px;
  font-weight: 300;
  line-height: 26px;
  background: #e6e6e63b;
  padding: 3px 8px;
  border-radius: 4px;
  margin-bottom: 6px;
}

.rating-field .views-active .rating {
  float: right;
}

.feedback-review h3 {
  margin-bottom: 30px;
}

/*  
   * Rating styles
   */
.rating {
  width: auto;
  /* margin: -25px auto 0; */
  overflow: hidden;
}

.rating input {
  float: right;
  opacity: 0;
  position: absolute;
}

.rating a,
.rating label {
  float: right;
  color: #aaa;
  text-decoration: none;
  -webkit-transition: color 0.4s;
  -moz-transition: color 0.4s;
  -o-transition: color 0.4s;
  transition: color 0.4s;
}

.rating label:hover ~ label,
.rating input:focus ~ label,
.rating label:hover,
.rating a:hover,
.rating a:hover ~ a,
.rating a:focus,
.rating a:focus ~ a {
  color: orange;
  cursor: pointer;
}

.rating2 {
  direction: rtl;
}

.rating2 a {
  float: none;
}

#contact input[type="text"],
#contact input[type="email"],
#contact input[type="tel"],
#contact input[type="url"],
#contact textarea,
#contact button[type="submit"] {
  font-size: 20px;
}

#contact h3 {
  color: var(--Nav-Item, #000);
  font-size: 21px;
  font-weight: 500;
  line-height: 119%;
  text-align: center;
  margin-bottom: 0px;
}

fieldset {
  border: medium none !important;
  margin: 0 0 20px !important;
  min-width: 100%;
  padding: 0;
  width: 100%;
}

#contact input[type="text"],
#contact input[type="email"],
#contact input[type="tel"],
#contact input[type="url"],
#contact textarea {
  width: 100%;
  border: 1px solid #5a5a5a8f;
  background: #fff;
  margin: 0 0 5px;
  padding: 12px 14px !important;
}

#contact input[type="text"]:hover,
#contact input[type="email"]:hover,
#contact input[type="tel"]:hover,
#contact input[type="url"]:hover,
#contact textarea:hover {
  -webkit-transition: border-color 0.3s ease-in-out;
  -moz-transition: border-color 0.3s ease-in-out;
  transition: border-color 0.3s ease-in-out;
  border: 1px solid #aaa;
}

#contact textarea {
  height: 100px;
  max-width: 100%;
  resize: none;
}

#contact button[type="submit"] {
  cursor: pointer;
  max-width: 300px;
  border: none;
  background: #3949ab;
  color: #fff;
  margin: 0 0 5px;
  padding: 10px 25px;
  font-size: 21px;
}

#contact button[type="submit"]:active {
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
}

.copyright {
  text-align: center;
}

#contact input:focus,
#contact textarea:focus {
  outline: 0;
  border: 1px solid #5a5a5a8f;
}

::-webkit-input-placeholder {
  color: #cbcbcb;
  font-size: 18px;
}

:-moz-placeholder {
  color: #cbcbcb;
  font-size: 18px;
}

::-moz-placeholder {
  color: #cbcbcb;
  font-size: 18px;
}

:-ms-input-placeholder {
  color: #cbcbcb;
  font-size: 18px;
}

.job-details .newspaper img {
  width: 100%;
}

/* / --------responsive css------------- / */

@media (min-width: 992px) and (max-width: 1199px) {
  .job-details .bottom-info {
    flex-wrap: wrap;
  }
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .apply-btn a {
    padding: 10px 20px;
  }

  .job-details .bottom-info {
    flex-wrap: wrap;
  }
}

.mobile-apply-btns {
  display: none;
}

@media (max-width: 991px) {
  .job-details .bottom-info {
    flex-direction: column;
  }

  .job-details .job-info {
    flex-direction: column;
  }

  .job-details .ad-sec p {
    font-size: 21px;
    line-height: 28px;
  }

  .desktop-view-apply {
    display: none;
  }

  .desktop-contact-details {
    display: none;
  }

  .mobile-apply-btns {
    display: flex;
  }

  .job-details .manpower ul li,
  .rating-field ul li {
    /* flex-direction: column; */
  }

  .rating-field ul li .logo {
    align-self: unset;
  }

  .job-details .more-job-position {
    flex-direction: column;
  }
}

@media (max-width: 767px) {
  .job-details .bottom-info,
  .job-details .job-info,
  .job-details .more-job-position {
    flex-direction: column;
    align-items: start;
    width: 100%;
  }

  .job-details .ad-sec {
    margin-top: 40px;
  }

  .job-details .row:first-child .col-md-8 {
    border: none;
    padding-right: 0;
    margin-bottom: 50px;
  }

  .job-details .row.job-post .col-md-9 {
    padding-right: 0;
    border: none;
  }

  .job-details .header-content {
    margin-top: 50px;
  }

  .rating-field .views-active p {
    float: unset;
  }

  .rating-field .views-active .rating {
    float: unset;
  }

  .rating {
    margin: 0 auto 10px;
  }
}

/* manpower listing  */
.manpower-listing {
  padding: 60px 0;
  background-color: #fff;
  margin-top: 20px;
}
.manpower-listing .slider-control hr.my-4 {
  display: none;
}
.manpower-listing h2 {
  color: #5a5a5a;
  font-size: 22px;
  font-weight: 400;
  text-align: center;
}

.manpower-listing .top-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 30px 0;
}

.manpower-listing h3 {
  color: var(--Nav-Item, #000);
  font-size: 21px;
  font-weight: 400;
}
.manpower-listing .slider-control {
  /* border-right: 1px solid #e0e0e0 !important; */
}
.manpower-listing .menu-partner.top-barss {
  display: flex;
  border-radius: 50px;
  border: 0.5px solid var(--Nav-Item, #00000033);
  background: var(--white-100, #fff);
  padding: 10px 20px 10px 20px;
}

.manpower-listing .menu-partner.top-barss .showSingles.bank:first-child {
  padding-right: 10px;
  border-right: 1px solid #aaa;
}

.manpower-listing .menu-partner.top-barss .showSingles.bank:nth-child(2) {
  padding-left: 10px;
}

.manpower-listing .menu-partner a {
  color: var(--Nav-Item, #000);
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
}

.manpower-listing .menu-partner a.active {
  color: #f05537;
}

.manpower-listing .search {
  position: relative;
  display: flex;
  min-width: 600px;
}

.manpower-listing .searchTerm {
  width: 100%;
  border-right: none;
  padding: 5px 20px;
  height: 50px;
  border-radius: 66px;
  border: 1px solid #00000045;
  background: var(--white-100, #fff);
  outline: none;
  color: #9dbfaf;
}

.manpower-listing .searchTerm:focus {
  color: #3949ab;
}

.manpower-listing .searchButton {
  width: 50px;
  height: 50px;
  border: 1px solid #3949ab;
  background: #3949ab;
  text-align: center;
  color: #fff;
  border-radius: 100%;
  cursor: pointer;
  font-size: 20px;
  margin-left: -50px;
}

.manpower-listing .filter-option {
  padding-bottom: 10px;
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 30px;
}

.manpower-listing .filter-option ul {
  padding: 0;
  list-style: none;
  max-height: 240px;
  overflow-y: scroll;
  margin-top: 20px;
}

.manpower-listing .filter-option ul a {
  display: flex;
  gap: 10px;
  margin-top: 10px;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0.38px;
  color: #000;
  text-decoration: none;
}

.manpower-listing .filter-option ul a span {
  font-size: 14px;
  color: #f05537;
}

.manpower-listing .filter-option h3 {
  color: var(--Nav-Item, #000);
  font-size: 25px;

  font-weight: 500;

  letter-spacing: 0.5px;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.manpower-listing .header-content {
  margin: 0 0 20px;
  text-align: left;
}

.manpower-listing .header-content h2 {
  text-align: left;
}

.manpower-listing .manpower ul {
  padding: 0;
}

.manpower-listing .manpower ul .active-jobs {
  color: #5b86e5;
}
.manpower-listing .manpower ul .active-jobs .active-job a {
  color: #198754 !important;
  margin-top: 8px;
}
.manpower-listing .manpower ul li {
  display: flex;
  gap: 20px;
  align-items: center;
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 10px;
  margin-top: 10px;
  text-align: left;
}

.manpower-listing .manpower ul li .logo {
  max-width: 80px;
  max-height: 80px;
  align-self: center;
}

.manpower-listing .manpower ul li .logo img {
  width: 100%;
}

.manpower-listing .manpower ul li h4 {
  color: #423c3c;
  font-size: 16px;
  font-weight: 500;
  line-height: 15px;
  margin-bottom: 6px;
}
.manpower-listing .manpower ul li .views-active p.views-jobs {
  font-weight: 600;
  color: #000;
}
.manpower-listing .col-md-4 {
  padding-right: 40px;
  border-right: 1px solid #e0e0e0;
}

.manpower-listing .col-md-8 {
  padding-left: 30px;
}

.manpower-listing .manpower ul li p {
  color: #000;
  font-size: 14px;
  font-weight: 300;
  line-height: 15px;
  margin-bottom: 3px;
}

.manpower-listing .col-md-4 .slider-control {
  padding-top: 20px;
  text-align: center;
}

.manpower-listing .col-md-4 .slider-control .cnt {
  margin-top: 30px;
}

.manpower-listing .col-md-4 .slider-control .bank {
  color: #e04325;
  text-align: center;
  font-size: 20px;
  padding: 6px 10px;
  font-weight: 400;
  letter-spacing: 0.5px;
  text-decoration: none;
  text-transform: uppercase;
  flex: 1;
  cursor: pointer;
}

.manpower-listing .col-md-4 .slider-control .bank.active {
  padding: 6px 10px;
  color: #fff;
  background: #e04325;
}

.manpower-listing .col-md-4 .slider-control .carousel {
  width: 90%;
  margin: 0px auto;
}

.manpower-listing .col-md-4 .slider-control .slick-slide {
  margin: 10px;
  height: auto;
}

.manpower-listing .col-md-4 .slider-control .slick-slide img {
  width: 100%;
  border: 2px solid #fff;
}

.manpower-listing
  .col-md-4
  .slider-control
  .wrapper
  .slick-dots
  li
  button:before {
  font-size: 20px;
  color: white;
}

.manpower-listing .col-md-4 .menu-partner {
  display: flex;
  justify-content: space-between;
  border-bottom: 2px solid #e04224;
}

.manpower-listing .col-md-4 .post-info {
  margin-bottom: 20px;
}
.manpower-listing .col-md-4 .post-info h4 a.text-dark {
  color: var(--Nav-Item, #000);
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  text-align: left;
}
.manpower-listing .col-md-4 .post-info h4 {
  color: var(--Nav-Item, #000);
  font-size: 19px;
  font-weight: 500;
  line-height: 22px;
  text-align: left;
}

.manpower-listing .col-md-4 .post-info .sub-info {
  display: flex;
  gap: 10px;
  align-items: center;
}

.manpower-listing .col-md-4 .post-info .sub-info .img-box {
  width: 35%;
  max-width: 35%;
  min-width: 35%;
}

.manpower-listing .col-md-4 .post-info .sub-info .img-box img {
  width: 100%;
  height: auto;
}

.manpower-listing .col-md-4 .post-info .sub-info p {
  color: #5a5a5a;
  font-size: 15px;
  font-weight: 300;
  line-height: 17px;
  text-align: left;
}

.manpower-listing .col-md-4 .post-info .c-name {
  color: #4e7ee8;
  font-size: 16px;
  font-weight: 500;
  line-height: 35.5px;
  text-align: left;
  margin: 0;
}

.manpower-listing .col-md-4 .post-info .date-posted {
  text-align: left;
  color: #9a9a9a;
  font-size: 15px;
  font-weight: 300;
  line-height: 35.5px;
  margin-top: -10px;
}

.manpower-listing .opening-jobs-manpower-details {
  list-style: none;
  padding: 0;
  text-align: left;
}

.manpower-listing .opening-jobs-manpower-details li {
  border: 1px solid #3949aa29 !important;
  padding: 12px 16px !important;
  margin-bottom: 16px !important;
  display: flex;
  gap: 20px;
  border-radius: 6px;
  background: #fff;
}

.manpower-listing.my_jobs .opening-jobs-manpower-details li {
  flex-direction: column;
}

.manpower-listing.my_jobs .targetDivs h3 {
  text-decoration: underline;
  text-decoration-thickness: 3px;
  text-underline-offset: 7px;
  margin-bottom: 30px;
}

.manpower-listing .opening-jobs-manpower-details li .logo-img {
  min-width: 150px;
  min-height: 150px;
  max-width: 150px;
  max-height: 150px;
}

.manpower-listing .opening-jobs-manpower-details li .logo-img img {
  width: 100%;
  border-radius: 20px;
}

.manpower-listing .opening-jobs-manpower-details a.header {
  color: var(--Nav-Item, #000);
  font-size: 24px;
  font-weight: 400;
  line-height: 35.5px;
  text-decoration: none;
}

.manpower-listing .opening-jobs-manpower-details a.header .day-left {
  color: #f05537;
  font-size: 19px;
  font-weight: 300;
  line-height: 35.5px;
}

.manpower-listing .opening-jobs-manpower-details a.header .date-posted {
  color: #9a9a9a;
  font-size: 16px;
  font-weight: 300;
  line-height: 35.5px;
}

.manpower-listing .opening-jobs-manpower-details a.header .promoted {
  color: var(--white-100, #fff);
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
  font-size: 14px;
  font-weight: 500;
  line-height: 35.5px;
  letter-spacing: 0.24px;
  background-color: #f05537;
  padding: 3px 15px;
  border-radius: 25px;
}

.manpower-listing .opening-jobs-manpower-details .desc p {
  color: #5a5a5a;
  font-size: 16px;
  font-weight: 300;
  line-height: 2;
}

.job-listing .opening-jobs-manpower-details .desc a {
  text-decoration: none;
}

.manpower-listing .opening-jobs-manpower-details .info {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.manpower-listing .opening-jobs-manpower-details .info .apply-btn {
  text-decoration: none;
  color: var(--white-100, #fff);
  text-transform: uppercase;
  font-size: 21px;
  font-weight: 500;
  line-height: 15px;
  background-color: #3949ab;
  padding: 17px 25px;
}

.manpower-listing .opening-jobs-manpower-details .desc .top.cat p:first-child {
  border-right: 1px solid #9a9a9a;
  padding-right: 20px;
}

.manpower-listing .opening-jobs-manpower-details p {
  margin-bottom: 0;
  font-weight: 500;
  font-size: 24px;
}

.manpower-listing .opening-jobs-manpower-details .desc .cat {
  display: flex;
  gap: 20px;
}

.manpower-listing .opening-jobs-manpower-details .desc .cat i {
  color: #9a9a9a;
  margin-right: 6px;
}

.manpower-listing .slick-list.draggable {
  padding: 0 !important;
}

.manpower-listing .slick-next,
.manpower-listing .slick-prev {
  bottom: -30px;
  top: unset;
  z-index: 99;
}

.manpower-listing .slick-prev {
  left: 10%;
}

.manpower-listing .slick-next {
  right: 10%;
}

.manpower-listing .slick-dots li {
  margin-right: 40px;
}

.manpower-listing .slick-dots li a {
  color: var(--Nav-Item, #000);
  font-size: 19px;
  font-weight: 500;
  letter-spacing: 0.38px;
  text-decoration: none;
}

.manpower-listing .slick-dots li.slick-active a {
  border: 1px solid #000;
  border-radius: 7px;
  padding: 5px 10px 5px 10px;
  text-align: center;
}

/* / -----------responsive csss--------------- / */
@media (max-width: 1399px) {
  .manpower-listing .top-bar {
    flex-wrap: wrap;
    gap: 20px;
  }

  .manpower-listing .search {
    min-width: 450px;
  }
}

@media (max-width: 1024px) {
  .manpower-listing .top-bar {
    flex-wrap: wrap;
    gap: 20px;
  }

  .manpower-listing .search {
    min-width: 340px;
  }
}

@media (max-width: 991px) {
  .manpower-listing .top-bar {
    flex-wrap: wrap;
    gap: 20px;
    flex-direction: column;
  }

  .manpower-listing .search {
    min-width: 340px;
  }

  .manpower-listing .col-md-4 {
    display: none;
  }

  .manpower-listing .col-md-8 {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .manpower-listing .top-bar {
    flex-wrap: wrap;
    gap: 20px;
    flex-direction: column;
  }

  .manpower-listing .search {
    min-width: 340px;
  }

  .manpower-listing .opening-jobs-manpower-details .desc .cat {
    flex-direction: column;
    gap: 0;
  }

  .manpower-listing
    .opening-jobs-manpower-details
    .desc
    .top.cat
    p:first-child {
    border-right: none;
    padding-right: 0;
  }

  .manpower-listing .col-md-4 {
    display: none;
  }

  .manpower-listing .row.reversed {
    flex-direction: column-reverse;
  }
}

@media (max-width: 575px) {
  .manpower-listing .opening-jobs-manpower-details li {
    flex-direction: column;
  }

  .manpower-listing .opening-jobs-manpower-details li .logo-img {
    max-width: 80px;
    max-height: 80px;
    margin: 0 auto;
  }
  .manpower-employee ul li::before {
    font-size: 20px;
    transform: none;
  }
}

/* custom style css */
.text-gray-anchor {
  color: #5a5a5a;
}

.text-gray-anchor:hover {
  color: #4a4a4a;
}

/* company-details page------------------------------- */
.job-opening .main-content a {
  color: #4e7ee8;
  font-size: 19px;
  font-weight: 500;
  letter-spacing: 0.38px;
  text-decoration: none;
}

.company-fit .more-job-position {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #9a9a9a;
  padding-bottom: 30px;
}

.company-fit .more-job-position .list h3 {
  color: var(--Nav-Item, #000);
  font-size: 21px;
  font-weight: 500;
  line-height: 35.5px;
}

.company-fit .more-job-position .list ul {
  list-style: none;
  padding: 0;
}

.company-fit .more-job-position .list ul li {
  display: flex;
  gap: 20px;
  margin-bottom: 10px;
  color: var(--Nav-Item, #000);
  font-size: 19px;
  font-weight: 300;
  line-height: 44px;
}

.slick-next {
  right: 48px !important;
}

.slick-prev {
  left: 24px !important;
}

/* -----------------directory page------------------------ */
.directory-page {
  margin-top: 20px;
  padding: 40px 0;
  background-color: #fff;
}
.directory-page h4.my-4 {
  display: none;
}
.directory-page .search {
  position: relative;
  display: flex;
  max-width: 600px;
  min-width: 600px;
  margin: 0 auto 60px auto;
}

/* .directory-page .row {
  align-items: baseline;
} */

.directory-page .searchTerm {
  width: 100%;
  border-right: none;
  padding: 5px 20px;
  height: 50px;
  border-radius: 66px;
  border: 0.5px solid var(--Nav-Item, #000);
  background: var(--white-100, #fff);
  outline: none;
  color: #9dbfaf;
}

.directory-page .searchTerm:focus {
  color: #3949ab;
}

.directory-page .searchButton {
  width: 50px;
  height: 50px;
  border: 1px solid #3949ab;
  background: #3949ab;
  text-align: center;
  color: #fff;
  border-radius: 100%;
  cursor: pointer;
  font-size: 20px;
  margin-left: -50px;
}

.directory-page .col-md-6 {
  padding: 0 40px;
}

.directory-page .col-md-6 h2 {
  color: #5a5a5a;
  font-size: 31px;
  font-weight: 600;
  text-transform: uppercase;
  margin: 50px 0 30px 0;
  margin-bottom: 20px;
}

.opening-jobs-manpower-details.block {
  list-style: none;
  padding: 0;
}

.opening-jobs-manpower-details.block li {
  border: 1px solid #3949aa29 !important;
  margin-bottom: 16px !important;
  display: flex;
  gap: 20px;
  border-radius: 6px;
  padding: 12px 16px !important;
  background: #ffffff;
}

.opening-jobs-manpower-details.block li .logs-info {
  padding: 8px 16px;
}

.opening-jobs-manpower-details.block li .logo-img {
  max-width: 100px;
  max-height: 100px;
  min-width: 100px;
  min-height: 100px;
  margin-top: 10px;
}

.opening-jobs-manpower-details.block li .logo-img img {
  width: 100%;
}

.opening-jobs-manpower-details.block a.header {
  color: var(--Nav-Item, #000);
  font-size: 25px;
  font-weight: 400;
  line-height: 35.5px;
  text-decoration: none;
}

.opening-jobs-manpower-details.block a.header > p {
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
}

.opening-jobs-manpower-details.block a.header .day-left {
  color: #f05537;
  font-size: 19px;
  font-weight: 300;
  line-height: 35.5px;
}

.opening-jobs-manpower-details.block a.header .date-posted {
  color: #9a9a9a;
  font-size: 16px;
  font-weight: 300;
  line-height: 35.5px;
}

.opening-jobs-manpower-details.block a.header .promoted {
  color: var(--white-100, #fff);
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
  font-size: 14px;
  font-weight: 500;
  line-height: 35.5px;
  letter-spacing: 0.24px;
  background-color: #f05537;
  padding: 3px 15px;
  border-radius: 25px;
}

.opening-jobs-manpower-details.block .desc p {
  color: #5a5a5a;
  font-size: 16px;
  font-weight: 300;
  line-height: 2;
  margin-bottom: 0;
}
.opening-jobs-manpower-details.block .desc p i {
  margin-right: 8px;
}
.opening-jobs-manpower-details.block .desc a {
  text-decoration: none;
}

.opening-jobs-manpower-details.block .info {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.opening-jobs-manpower-details.block .info .apply-btn {
  text-decoration: none;
  color: var(--white-100, #fff);
  text-transform: uppercase;
  font-size: 21px;
  font-weight: 500;
  line-height: 15px;
  background-color: #3949ab;
  padding: 17px 25px;
}

.opening-jobs-manpower-details.block .desc .cat {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}

.opening-jobs-manpower-details.block .desc .cat i {
  color: #9a9a9a;
  margin-right: 6px;
}

.view-more-btn {
  color: #4e7ee8;
  font-size: 19px;
  font-weight: 500;
  letter-spacing: 0.38px;
  text-decoration: none;
  float: right;
  margin-bottom: 40px;
}

.jobs-cate.block {
  width: 100%;
}

.jobs-cate.block ul {
  padding: 0;
}

.jobs-cate.block ul li h3 {
  margin-left: 40px;
}

.jobs-cate.block h2 {
  color: #5a5a5a;
  font-size: 31px;
  font-weight: 600;
  letter-spacing: 0.62px;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.Career-tips-block .bot-con {
  padding: 0;
  gap: 20px !important;
  border-bottom: none !important;
  display: grid;
  list-style: none;
  grid-template-columns: repeat(3, 1fr);
  width: 100%;
  padding-right: 0px !important;
  /* padding-right: 50px; */
}

.Career-tips-block .bot-con p {
  color: var(--Nav-Item, #000);
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.4;
  margin-top: 10px;
}

.Career-tips-block h2 {
  color: #5a5a5a;
  font-size: 31px;
  margin-bottom: 30px;
  font-weight: 600;
}

.Career-tips-block .bot-con img {
  width: 100%;
  max-height: 120px;
  min-height: 120px;
  object-fit: cover;
}

.botm-items {
  padding: 50px 0;
}

.useful-links-blocks {
  padding-left: 40px;
  margin-top: 40px;
  margin-top: 100px;
}

.useful-links-blocks.directory {
  margin-top: 0;
}

.useful-links-blocks h2 {
  color: var(--Nav-Item, #000);
  font-size: 31px;
  font-weight: 400;
  letter-spacing: 0.62px;
  text-decoration-line: underline;
  text-align: center;
  margin-bottom: 30px;
}

.useful-links-blocks ul {
  list-style: none;
  padding: 0;
}

.useful-links-blocks ul a {
  text-decoration: none;
  display: flex;
  gap: 20px;
  margin-bottom: 20px;
}

.useful-links-blocks ul a img {
  max-width: 30px;
  max-height: 30px;
}

.useful-links-blocks ul li {
  position: relative;
  color: #4e7ee8;
  font-size: 19px;
  font-weight: 300;
  letter-spacing: 0.38px;
}

.related-directory-block {
  padding: 50px 0;
}

.related-directory-block .items {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}

.related-directory-block h2 {
  color: var(--Nav-Item, #000);

  font-size: 31px;
  font-weight: 500;
  letter-spacing: 0.62px;
  text-transform: uppercase;
}

.related-directory-block .item .icon-box {
  width: 80px;
  height: 80px;
  background-color: #3949ab;
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.related-directory-block .item i {
  font-size: 40px;
  color: #fff;
}

.related-directory-block .item h6 {
  color: var(--Nav-Item, #000);
  text-align: center;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 0.38px;
  margin-top: 10px;
  line-height: 1.4;
}

.related-field,
.botm-items {
  background-color: #fff;
  margin-top: 20px;
}

.about-bank-detail h2 {
  color: #5a5a5a;
  font-size: 27px;
  font-weight: 600;
  text-transform: uppercase;
}

.about-bank-detail h2 p {
  color: #888686;
  font-size: 19px;
  font-weight: 300;
  letter-spacing: 0.76px;
  margin-bottom: 0;
}

.about-bank-detail .bank-info {
  display: flex;
  gap: 20px;
}

.about-bank-detail .bank-info img {
  max-height: 140px;
  max-width: 140px;
  min-height: 140px;
  min-width: 140px;
}

.about-bank-detail .bank-info .desc h4 {
  color: var(--Nav-Item, #000);
  font-size: 25px;
  font-weight: 300;
  letter-spacing: 0.5px;
}

.about-bank-detail .bank-info .desc h4 span {
  color: var(--white-100, #fff);
  font-family: Poppins;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.24px;
  border-radius: 25px;
  background: var(--Primary-Color, #3949ab);
  padding: 5px 10px;
}

.about-bank-detail .bank-info .desc p {
  color: #888686;
  font-size: 19px;
  font-weight: 300;
  letter-spacing: 0.76px;
  margin-bottom: 0;
}

.about-bank-detail .bank-info .desc a {
  color: #4e7ee8;
  font-size: 19px;
  font-weight: 400;
  letter-spacing: 0.38px;
}

.about-bank-detail .below-desc p {
  color: #888686;
  font-size: 19px;
  font-weight: 300;
  letter-spacing: 0.76px;
  margin-bottom: 0;
}

.about-bank-detail .responsive-map {
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 0;
  margin-top: 50px;
}

.about-bank-detail .responsive-map iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}

.responsive-map iframe {
  width: 100%;
}

.contact-block {
  margin-top: 50px;
}

.contact-block .contact-info p {
  color: var(--Nav-Item, #000);
  font-size: 23px;
  font-weight: 300;
  letter-spacing: 0.46px;
}

.contact-block .social-links-all {
  display: flex;
  gap: 20px;
}

.contact-block .social-links-all a img {
  max-width: 40px;
  max-height: 40px;
  min-width: 40px;
  min-height: 40px;
}

.contact-block h4 {
  margin-top: 40px;
  color: var(--Nav-Item, #000);
  font-size: 25px;
  font-weight: 500;
  text-decoration-line: underline;
}

.contact-block .form-horizontal {
  font-weight: 400;
}

.contact-block .form-horizontal .form-group {
  margin-bottom: 20px;
}

.contact-block .form-horizontal button {
  background-color: #3949ab;
  margin-bottom: 40px;
}

.contact-block .form-control,
.contact-block textarea {
  background-color: transparent;
  color: #fff;
  letter-spacing: 1px;
}

.contact-block .send-button {
  margin-top: 15px;
  height: 34px;
  overflow: hidden;
  transition: all 0.2s ease-in-out;
}

.contact-block .alt-send-button {
  height: 34px;
  transition: all 0.2s ease-in-out;
}

.contact-block .send-text {
  display: block;
  margin-top: 10px;
  letter-spacing: 2px;
}

.contact-block .alt-send-button:hover {
  transform: translate3d(0px, -29px, 0px);
}

/* Begin Right Contact Page */
.contact-block .direct-contact-container {
  max-width: 400px;
}

.contact-block .contact-list {
  list-style-type: none;
  margin-left: -30px;
  padding-right: 20px;
}

.contact-block .list-item {
  line-height: 4;
  color: #aaa;
}

.contact-block .contact-text {
  letter-spacing: 1.9px;
  color: #bbb;
}

.contact-block .contact-text a {
  color: #bbb;
  text-decoration: none;
  transition-duration: 0.2s;
}

.contact-block .contact-text a:hover {
  color: #fff;
  text-decoration: none;
}

.contact-block .social-media-list {
  position: relative;
  font-size: 22px;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}

.contact-block .social-media-list li a {
  color: #fff;
}

.contact-block .social-media-list li {
  position: relative;
  display: inline-block;
  height: 60px;
  width: 60px;
  margin: 10px 3px;
  line-height: 60px;
  border-radius: 50%;
  color: #fff;
  background-color: rgb(27, 27, 27);
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}

.contact-block .social-media-list li:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  height: 60px;
  line-height: 60px;
  border-radius: 50%;
  opacity: 0;
  box-shadow: 0 0 0 1px #fff;
  transition: all 0.2s ease-in-out;
}

.contact-block .social-media-list li:hover {
  background-color: #fff;
}

.contact-block .textarea.form-control {
  width: 100%;
}

.contact-block .social-media-list li:hover:after {
  opacity: 1;
  transform: scale(1.12);
  transition-timing-function: cubic-bezier(0.37, 0.74, 0.15, 1.65);
}

.contact-block .social-media-list li:hover a {
  color: #000;
}

.faq-page {
  padding: 50px 0;
  background-color: #fff;
  margin-top: 20px;
}

.faq-heading {
  font-weight: 400;
  font-size: 19px;
  -webkit-transition: text-indent 0.2s;
  text-indent: 20px;
  color: #333;
}

.faq-text {
  font-weight: 400;
  color: #919191;
  width: 95%;
  padding-left: 20px;
  margin-bottom: 30px;
}

.faq {
  width: 100%;
  margin: 0 auto;
  background: white;
  border-radius: 4px;
  position: relative;
  padding-right: 60px;
}

.faq h2 {
  color: #5a5a5a;
  font-size: 31px;
  font-weight: 600;
}

.faq label {
  display: block;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  height: 56px;
  background-color: #fff;
  border-bottom: 1px solid #e1e1e1;
}

.faq input[type="checkbox"] {
  display: none;
}

/* .faq .faq-arrow {
  width: 10px;
  height: 10px;
  transition: -webkit-transform 0.8s;
  transition: transform 0.8s;
  transition: transform 0.8s, -webkit-transform 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  border-top: 2px solid rgba(0, 0, 0, 0.33);
  border-right: 2px solid rgba(0, 0, 0, 0.33);
  float: right;
  position: relative;
  top: -30px;
  right: 27px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
} */

.faq input[type="checkbox"]:checked + label > .faq-arrow {
  transition: -webkit-transform 0.8s;
  transition: transform 0.8s;
  transition: transform 0.8s, -webkit-transform 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.faq input[type="checkbox"]:checked + label {
  display: block;
  background: rgba(255, 255, 255, 255) !important;
  color: #4f7351;
  height: auto;
  transition: height 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  border: 1px solid #e1e1e1;
  border-radius: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.faq input[type="checkbox"]:not(:checked) + label {
  display: block;
  transition: height 0.8s;
  height: 50px;
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.blog-block h2,
.interview-advice-block h2,
.notice-block h2 {
  color: #5a5a5a;
  font-size: 31px;
  font-weight: 600;
  margin-bottom: 30px;
  text-transform: capitalize;
}

.blog-block ul {
  list-style: none;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px;
}

.blog-block ul li img {
  max-width: 180px;
}

.blog-block ul p {
  color: var(--Nav-Item, #000);
  font-size: 19px;
  font-weight: 300;
  line-height: normal;
}

.interview-advice-block,
.notice-block {
  padding-right: 50px;
}

.interview-advice-block ul,
.notice-block ul {
  padding: 0;
  list-style: none;
}

.interview-advice-block ul li {
  display: flex;
  gap: 20px;
  margin-bottom: 20px;
}

.notice-block ul li {
  display: flex;
  flex-direction: row-reverse;
  gap: 20px;
  margin-bottom: 20px;
}

.interview-advice-block ul li img,
.notice-block ul li img {
  max-width: 200px;
  height: auto;
}

.opening-jobs-manpower-details.block-post {
  list-style: none;
  padding: 0;
  text-align: left;
  padding-right: 50px;
}

.opening-jobs-manpower-details.block-post h2 {
  color: #5a5a5a;
  font-size: 31px;
  font-weight: 600;
  margin-bottom: 30px;
  text-transform: capitalize;
}

.opening-jobs-manpower-details.block-post li {
  border-bottom: 1px solid #9a9a9a;
  padding-bottom: 30px;
  margin-bottom: 30px;
}

.opening-jobs-manpower-details.block-post li .logo-img {
  min-width: 150px;
  min-height: 150px;
}

.opening-jobs-manpower-details.block-post li .logo-img img {
  width: 100%;
  border-radius: 20px;
}

.opening-jobs-manpower-details.block-post a.header {
  color: var(--Nav-Item, #000);
  font-size: 25px;
  font-weight: 400;
  line-height: 35.5px;
  text-decoration: none;
}

.opening-jobs-manpower-details.block-post a.header .day-left {
  color: #f05537;
  font-size: 19px;
  font-weight: 300;
  line-height: 35.5px;
}

.opening-jobs-manpower-details.block-post a.header .date-posted {
  color: #9a9a9a;
  font-size: 16px;
  font-weight: 300;
  line-height: 35.5px;
}

.opening-jobs-manpower-details.block-post a.header .promoted {
  color: var(--white-100, #fff);
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
  font-size: 14px;
  font-weight: 500;
  line-height: 35.5px;
  letter-spacing: 0.24px;
  background-color: #f05537;
  padding: 3px 15px;
  border-radius: 25px;
}

.opening-jobs-manpower-details.block-post .desc p {
  color: #5a5a5a;
  font-size: 17px;
  font-weight: 300;
  line-height: 35.5px;
}

.opening-jobs-manpower-details.block-post .desc a {
  text-decoration: none;
}

.opening-jobs-manpower-details.block-post .info {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.opening-jobs-manpower-details.block-post .info .apply-btn {
  text-decoration: none;
  color: var(--white-100, #fff);
  text-transform: uppercase;
  font-size: 21px;
  font-weight: 500;
  line-height: 15px;
  background-color: #3949ab;
  padding: 17px 25px;
}

.opening-jobs-manpower-details.block-post .desc .top.cat p:first-child {
  border-right: 1px solid #9a9a9a;
  padding-right: 20px;
}

.opening-jobs-manpower-details.block-post p {
  margin-bottom: 0;
}

.opening-jobs-manpower-details.block-post .desc .cat {
  display: flex;
  gap: 20px;
}

.opening-jobs-manpower-details.block-post .desc .cat i {
  color: #9a9a9a;
}

@media (min-width: 768px) and (max-width: 991px) {
  .jobs-cate ul li {
    align-items: center;
  }

  .jobs-cate.block ul li h3 {
    font-size: 21px;
  }

  .jobs-cate ul li p {
    font-size: 12px;
  }

  .useful-links-blocks {
    padding-left: 0;
  }

  .Career-tips-block .bot-con {
    grid-template-columns: repeat(2, 1fr);
  }

  .blog-block ul {
    grid-template-columns: repeat(2, 1fr);
  }

  .opening-jobs-manpower-details.block-post .desc .cat {
    flex-direction: column;
    gap: 0;
  }

  .opening-jobs-manpower-details.block-post .desc .top.cat p:first-child {
    border-right: none;
  }
}

@media (max-width: 991px) {
  .Career-tips-block .bot-con,
  .interview-advice-block,
  .notice-block {
    padding-right: 0;
  }

  .opening-jobs-manpower-details.block-post .info {
    flex-direction: column;
    align-items: flex-start;
  }

  .opening-jobs-manpower-details.block-post .info .apply-btn {
    margin-top: 15px;
  }
}

/* Begin Media Queries*/
@media screen and (max-width: 850px) {
  .contact-block .contact-wrapper {
    display: flex;
    flex-direction: column;
  }

  .contact-block .direct-contact-container,
  .contact-block .form-horizontal {
    margin: 0 auto;
  }

  .contact-block .direct-contact-container {
    margin-top: 60px;
    max-width: 300px;
  }

  .contact-block .social-media-list li {
    height: 60px;
    width: 60px;
    line-height: 60px;
  }

  .contact-block .social-media-list li:after {
    width: 60px;
    height: 60px;
    line-height: 60px;
  }

  .directory-page .search {
    max-width: 100%;
    min-width: 100%;
  }
}

@media (max-width: 767px) {
  .Career-tips-block .bot-con {
    grid-template-columns: repeat(2, 1fr);
  }

  .blog-block ul {
    grid-template-columns: repeat(2, 1fr);
  }

  .opening-jobs-manpower-details.block-post .info {
    flex-direction: column;
    align-items: flex-start;
  }

  .opening-jobs-manpower-details.block-post .info .apply-btn {
    margin-top: 15px;
  }
}

@media screen and (max-width: 569px) {
  .contact-block .direct-contact-container,
  .contact-block .form-wrapper {
    float: none;
    margin: 0 auto;
  }

  .contact-block .form-control,
  .contact-block textarea {
    margin: 0 auto;
  }

  .contact-block .name,
  .contact-block .email,
  .contact-block textarea {
    width: 100%;
  }

  .contact-block .direct-contact-container {
    margin-top: 60px;
    max-width: 280px;
  }

  .contact-block .social-media-list {
    left: 0;
  }

  .contact-block .social-media-list li {
    height: 55px;
    width: 55px;
    line-height: 55px;
    font-size: 2rem;
  }

  .contact-block .social-media-list li:after {
    width: 55px;
    height: 55px;
    line-height: 55px;
  }
}

@media (max-width: 575px) {
  .useful-links-blocks {
    padding-left: 0;
  }

  .related-directory-block .items {
    flex-wrap: wrap;
  }

  .Career-tips-block .bot-con {
    grid-template-columns: repeat(1, 1fr);
  }

  .blog-block ul {
    grid-template-columns: repeat(1, 1fr);
  }

  .interview-advice-block ul li {
    flex-direction: column;
  }

  .notice-block ul li {
    flex-direction: column;
  }

  .interview-advice-block ul li img,
  .notice-block ul li img {
    max-width: 100%;
  }

  .opening-jobs-manpower-details.block-post .info {
    flex-direction: column;
    align-items: flex-start;
  }

  .opening-jobs-manpower-details.block-post .info .apply-btn {
    margin-top: 15px;
  }

  .about-bank-detail .bank-info {
    flex-direction: column;
  }

  .directory-page .search {
    max-width: 100%;
    min-width: 100%;
  }
}

@media screen and (max-width: 410px) {
  .contact-block .send-button {
    width: 99%;
  }
}

/* ---------------------create Cv csssss-------------------------- */
.Cv-Creater {
  background-color: #fff;
  padding: 40px 0;
  margin-top: 20px;
}

.Cv-Creater .showSingle.bank {
  color: #000;
  text-decoration: none;
  padding: 15px 20px;
}

.Cv-Creater .showSingle.bank .btn-info-box {
  display: flex;
  gap: 15px;
  align-items: center;
}

.Cv-Creater .menu-partner ul {
  list-style: none;
  padding: 0;
}

.Cv-Creater .showSingle.bank.active i {
  background-color: #3949ab;
  color: #fff;
}

.Cv-Creater .showSingle.bank.active a {
  color: #3949ab;
}

.Cv-Creater .showSingle.bank:hover {
  color: #3949ab;
}

.Cv-Creater .showSingle.bank:hover i {
  background-color: #3949ab;
  color: #fff;
}

.Cv-Creater .showSingle.bank i {
  padding: 4px 6px;
  background-color: #000;
  color: #fff;
  font-size: 12px;
  border-radius: 3px;
}

.Cv-Creater .showSingle.bank a {
  font-size: 18px;
}

.Cv-Creater .cnt h3 {
  color: #3e334e;
  font-size: 32px;
  font-weight: 600;
}

.Cv-Creater .cnt p {
  color: var(--Nav-Item, #000);
  font-size: 20px;
  font-weight: 400;
}

.Cv-Creater .user-profile {
  margin-bottom: 40px;
}

.Cv-Creater .user-profile .profile {
  display: flex;
  gap: 15px;
  align-items: center;
  width: 100%;
}

.Cv-Creater .user-profile .profile .img-box {
  max-width: 80px;
  /* max-height: 80px; */
  min-width: 80px;
  min-height: 80px;
  border-radius: 12px;
}

.Cv-Creater .user-profile .profile .img-box img {
  border-radius: 12px;
  width: 100%;
  object-fit: cover;
}

.Cv-Creater .user-profile .profile .info-box {
  width: 100%;
  overflow: hidden;
}

.Cv-Creater .user-profile .profile h4 {
  color: var(--gray-gray-700, #2d3748);
  font-size: 16px;
  font-weight: 700;
}

.Cv-Creater .user-profile .profile p {
  color: #2e2e2e;
  font-size: 14px;
  margin-bottom: 0;
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
}

.Cv-Creater .box {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}

.Cv-Creater .box label {
  position: relative;
  cursor: pointer;
}

.Cv-Creater .box label input {
  display: none;
}

.Cv-Creater .box label span {
  position: relative;
  display: inline-block;
  color: #b8b2b2;
  font-size: 16px;
  font-weight: 400;
  padding: 8px 20px;
  border-radius: 25px;
  border: 1px solid var(--Nav-Item, #000);
  transition: 0.1s ease;
}

.Cv-Creater .box label input:checked ~ span {
  color: #fff;
  border: 1px solid var(--Nav-Item, #3949ab);
  background-color: #3949ab;
}

.Cv-Creater .input__box .height-box,
.admin-body .input__box .height-box {
  display: flex;
  align-items: baseline;
  width: 100%;
}

.Cv-Creater .input__box .height-box input.typeable,
.admin-body .input__box .height-box input.typeable {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  border-radius: unset;
  width: 70%;
}

.admin-body .input__box .weight-box input.typeable {
  border-radius: 10px 0px 0px 10px !important;
}

.Cv-Creater .input__box .height-box p,
.admin-body .input__box .height-box p {
  background: #b8b2b2;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  font-size: 17.5px;
  padding: 15px;
  width: 30%;
}

.Cv-Creater .lower-btns-sec {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 30px;
  flex-wrap: wrap;
  gap: 10px;
}

.Cv-Creater .top-sec-btn {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
}

.Cv-Creater .top-sec-btn p {
  max-width: 600px;
}

.Cv-Creater .top-sec-btn a {
  background-color: #3949ab;
  color: #fff;
  border: 1px solid #3949ab;
  text-decoration: none;
  border-radius: var(--4, 4px);
  padding: 10px 30px;
  text-align: center;
}

.Cv-Creater .lower-btns-sec button,
.Cv-Creater .lower-btns-sec a {
  color: #3949ab;
  text-decoration: none;
  border-radius: var(--4, 4px);
  padding: 10px 30px;
  min-width: 250px;
  border: 1px solid #b8b2b2;
  text-align: center;
  transition: 0.2s ease;
  background-color: transparent;
}

.Cv-Creater .lower-btns-sec button:hover,
.Cv-Creater .lower-btns-sec a:hover {
  background-color: #3949ab;
  color: #fff;
  border: 1px solid #3949ab;
}

.Cv-Creater .input__box .chosen-container.chosen-container-multi {
  width: 100% !important;
}

.Cv-Creater
  .input__box
  .chosen-container.chosen-container-multi
  .chosen-choices {
  border-radius: var(--8, 8px);
  border: 1px solid #b8b2b2;
  background: rgba(255, 255, 255, 0);
  padding: 15px;
  font-size: 16px;
  transition: all 0.3s ease;
  width: 100%;
}

.Cv-Creater
  .input__box
  .chosen-container.chosen-container-multi
  .chosen-choices
  .search-choice {
  border-radius: 25px;
  background: var(--Primary-Color, #3949ab);
  padding: 10px 20px;
  color: #fff;
}

.Cv-Creater
  .input__box.country-box
  .chosen-container.chosen-container-multi
  .chosen-choices
  .search-choice {
  padding: 0;
  background: transparent;
  color: #1a1a1a;
}

.Cv-Creater .add-more-btn-f-work-xp,
.Cv-Creater .add-more-btn-f,
.Cv-Creater .add-more-btn-fs,
.Cv-Creater .add-more-btn-fss,
.Cv-Creater .add-more-btn-fsss,
.Cv-Creater .add-more-btn-fsss-social,
.Cv-Creater .add-more-btn-fsss-reference {
  color: var(--Primary-Color, #3949ab);
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  background-color: transparent;
  border: none;
  margin: 20px 0;
}

.Cv-Creater .add-more-btn-f-work-xp span,
.Cv-Creater .add-more-btn-f span,
.Cv-Creater .add-more-btn-fs span,
.Cv-Creater .add-more-btn-fss span,
.Cv-Creater .add-more-btn-fsss span,
.Cv-Creater .add-more-btn-fsss-social span,
.Cv-Creater .add-more-btn-fsss-reference span {
  color: #b8b2b2;
  font-size: 14px;
  font-weight: 500;
}

.Cv-Creater .remove-btn,
.remove-experience {
  text-align: center;
  color: #fff;
  background-color: #3949ab;
  padding: 10px 15px;
  min-width: 200px;
  max-width: 200px;
}

.Cv-Creater .select2.select2-container.select2-container--default {
  width: 100% !important;
}

.Cv-Creater .user__details_add.user__details,
.Cv-Creater .user__details_adds.user__details,
.Cv-Creater .user__details_addss.user__details,
.Cv-Creater .user__details_addsss.user__details,
.Cv-Creater .user__details_addsss-social.user__details {
  border-bottom: 1px solid #dfdfdf;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

/* --------apply job page------------csss------------ */
.job-apply .Job-Position.form-check {
  padding-left: 50px;
  min-height: 56px;
  margin-bottom: 0px;
}
.job-apply .Job-Position.form-check span.error {
  font-size: 10px;
}

.job-apply .Job-Position.form-check input[type="checkbox"] {
  margin-top: 0px;
  width: 1.5em;
  height: 1.5em;
  margin-right: 5px;
  border: 2px solid #276efd;
}

.job-details.job-apply table {
  width: 100%;
  border-bottom: 1px solid #dfdfdf;
}

.job-apply .user__details p.details {
  color: var(--Nav-Item, #000);
  font-size: 25px;
  font-weight: 500;
  margin-top: 50px;
}

.job-apply .lower-btns-job-apply {
  display: flex;
  gap: 40px;
  margin-top: 40px;
}

.job-apply .lower-btns-job-apply button {
  min-width: 150px;
}

.job-apply .lower-btns-job-apply button.apply,
.job-apply .lower-btns-job-apply a.apply,
.job-apply .lower-btns-job-apply button.close:hover {
  background-color: #3949ab;
  color: #fff;
  border: 1px solid #3949ab;
  padding: 10px 20px;

  font-size: 27px;
  font-weight: 500;
}

.job-apply .lower-btns-job-apply button.apply:hover,
.job-apply .lower-btns-job-apply button.close {
  background-color: transparent;
  border: 1px solid #3949ab;
  color: #3949ab;
  padding: 10px 20px;
  font-size: 27px;
  font-weight: 500;
}

.if-completed-work {
  margin: 20px 0;
}

.if-completed-work .header-title {
  display: flex;
  gap: 20px;
  align-items: baseline;
}

.if-completed-work .header-title i {
  color: #3949ab;
  background-color: #fff;
  font-size: 18px;
  padding: 5px 8px;
  border-radius: 100%;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.if-completed-work .header-title h3 {
  font-size: 21px;
  color: #3949ab;
  text-transform: capitalize;
}

.if-completed-work .header-title h3 span {
  font-size: 14px;
  color: #9a9a9a;
  text-transform: none;
}

.if-completed-work .header-title p {
  font-size: 14px;
  color: #9a9a9a;
  margin-bottom: 0;
}

.if-completed-work .header-title p.location {
  text-transform: capitalize;
}

.if-completed-work .header-title p.job-objectives {
  margin-top: 10px;
}

.if-completed-work .header-title .btns {
  display: flex;
  gap: 20px;
  margin-top: 15px;
}

.if-completed-work .header-title .btns button {
  background-color: #3949ab;
  color: #fff;
  border: none;
  min-width: 150px;
  padding: 5px;
  text-align: center;
}

.personal-info .edit-btn {
  background-color: #3949ab;
  border: 1px solid #3949ab;
  color: #fff;
  text-decoration: none;
  padding: 10px 15px;
  border-radius: 5px;
}

.personal-info .cancel-btn {
  background-color: #f05538;
  border: 1px solid #f05538;
  color: #fff;
  text-decoration: none;
  padding: 10px 15px;
  border-radius: 5px;
}

/* -------search beolow buttons----------------- */
.banner .lower-icons {
  display: flex;
  gap: 20px;
  justify-content: center;
  flex-wrap: wrap;
}

@media (max-width: 1024px) {
  .banner .lower-icons {
    gap: 10px;
  }

  .banner .lower-icons .div-con {
    margin-top: 10px;
    padding: 0;
  }
}

@media (max-width: 767px) {
  .banner .lower-icons {
    gap: 10px;
  }

  .banner .lower-icons .div-con {
    margin-top: 10px;
    padding: 0;
  }
}

.banner .lower-icons .div-con {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: 85px;
  max-width: 135px;
  margin-top: 12px;
  padding: 15px 0;
}

.banner .lower-icons .div-con p {
  white-space: nowrap;
  transition: all 300ms ease-in-out;
}
.banner .lower-icons .div-con p:hover {
  opacity: 0.85;
}

.banner .lower-icons .icon-box {
  max-width: 50px;
  max-height: 50px;
  min-width: 50px;
  min-height: 50px;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  text-align: center;
  transition: 0.2s ease-in;
}

.banner .lower-icons a {
  text-decoration: none;
}

.banner .lower-icons .div-con i {
  color: #3949ab;
  font-size: 21px;
}

.banner .lower-icons a:nth-of-type(1) .div-con i {
  color: #fff;
  font-size: 21px;
}

.banner .lower-icons a:nth-of-type(1) .icon-box {
  background-color: #3949ab;
}

.banner .lower-icons .icon-box:hover {
  background-color: #3949ab;
}

.banner .lower-icons .icon-box:hover i {
  color: #fff;
}

.banner .lower-icons .div-con p {
  font-size: 16px;
  /* color: #3949ab; */
  color: #fff;
  text-transform: capitalize;
  margin-top: 10px;
  margin-bottom: 0;
}

/* --------------job search by country-------------- */
.bottom-help-desk {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-row-gap: 50px;
  grid-column-gap: 20px;
  margin-bottom: 50px;
}

.bottom-help-desk .help-center .wrapper-box {
  display: flex;
  gap: 20px;
  /* align-items: center; */
}

.bottom-help-desk .img-box {
  max-width: 150px;
  max-height: 150px;
  min-height: 150px;
  min-width: 150px;
}

.bottom-help-desk .img-box img {
  width: 100%;
  height: 150px;
  min-height: 150px;
  object-fit: cover;
}

.bottom-help-desk .info-box h5 {
  color: var(--Nav-Item, #000);
  font-size: 21px;
  font-weight: 500;
  letter-spacing: 0.5px;
}

.bottom-help-desk .info-box i {
  color: #a0a0a0;
}

.bottom-help-desk .info-box p {
  margin-bottom: 5px;
  color: var(--Nav-Item, #000);
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.76px;
}

.bottom-help-desk .btns-more button {
  color: #fff;
  background-color: #3949ab;
  font-size: 14px;
  padding: 5px 8px;
  border: none;
  margin-top: 10px;
}

.bottom-help-desk .btns-more button.icon-btn {
  background-color: transparent;
  color: #3949ab;
  border: none;
  font-size: 21px;
}

.bottom-help-desk .btns-more button.icon-btn i {
  color: #3949ab;
}

/* ------pagination css----------------- */
.pagination {
  gap: 5px;
}

.pagination .page-item button {
  border: none;
  color: #000;
  padding: 5px 15px;
}

.pagination .page-item button.active {
  background-color: #3949ab;
  color: #fff;
  border-radius: 4px;
}

.pagination .page-item.active button {
  background-color: #3949ab;
  color: #fff;
  border-radius: 4px;
}

.pagination .page-link:hover {
  background-color: #3949ab;
  color: #fff;
  border-radius: 4px;
}

/* ---------responive remaining issues with pages---------------------------------------------------------------- */
@media (max-width: 575px) {
  .manpower-employee ul {
    padding-left: 0 !important;
  }
  .manpower-employee ul li {
    flex-direction: column;
  }

  .logo {
    align-self: flex-start;
  }

  .logo img {
    height: 100px;
  }

  .banner .lower-icons {
    flex-wrap: wrap;
    gap: 5px;
  }
  .nav-container {
    padding: 8px 10px;
  }
  .banner .lower-icons .div-con {
    min-width: 80px;
    max-width: 110px;
    margin-top: 10px;
    padding: 10px 0;
  }

  .banner .lower-icons .icon-box {
    max-width: 35px;
    max-height: 35px;
    min-width: 35px;
    min-height: 35px;
  }

  .banner .lower-icons .div-con i {
    font-size: 16px;
  }

  .banner .lower-icons .div-con p {
    font-size: 13px;
  }

  nav ul li a {
    font-size: 16px;
    padding: 12px 16px;
  }
  #navbar-toggle {
    scale: 0.8;
  }
  .nav-list {
    top: 71px;
  }
  .navigation .logo {
    margin-left: 0 !important;
  }
  .countires ul {
    padding: 0;
  }
  .countires ul li {
    padding: 5px 10px;
  }
  .nav-list {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}

@media (max-width: 360px) {
  .banner .lower-icons .div-con {
    min-width: 100px;
    max-width: 100px;
    margin-top: 10px;
    padding: 0 0;
  }
}

/* -------missing css----------- */
.featured-job .loc-date {
  display: flex;
  gap: 10px;
}

/* ------radio page---------------css---------------- */
.radio-player {
  background-color: #fff;
  margin: 20px auto;
  padding: 80px;
}

.radio-player h2 {
  color: var(--Nav-Item, #000);
  text-align: center;
  font-size: 31px;
  font-weight: 500;
  letter-spacing: 0.62px;
  text-transform: uppercase;
}

/* -------------post view csss------------------- */
.post_view {
  background-color: #fff;
  margin: 20px auto;
  padding: 60px 0;
}

.directory-page {
  margin-top: 20px;
  padding: 40px 0;
  background-color: #fff;
}

.directory-page .search {
  position: relative;
  display: flex;
  max-width: 600px;
  min-width: 600px;
  margin: 0 auto 60px auto;
}

/* .directory-page .row {
  align-items: baseline;
} */

.directory-page .searchTerm {
  width: 100%;
  border-right: none;
  padding: 5px 20px;
  height: 50px;
  border-radius: 66px;
  border: 1px solid #00000045;
  background: var(--white-100, #fff);
  outline: none;
  color: #9dbfaf;
}

.directory-page .searchTerm:focus {
  color: #3949ab;
}

.directory-page .searchButton {
  width: 50px;
  height: 50px;
  border: 1px solid #3949ab;
  background: #3949ab;
  text-align: center;
  color: #fff;
  border-radius: 100%;
  cursor: pointer;
  font-size: 20px;
  margin-left: -50px;
}

.directory-page .col-md-6 {
  padding: 0 40px;
}

.directory-page .col-md-6 h2 {
  color: #5a5a5a;
  font-size: 31px;
  font-weight: 600;
  text-transform: uppercase;
  margin: 50px 0 30px 0;
  margin-bottom: 20px;
}

.opening-jobs-manpower-details.block {
  list-style: none;
  padding: 0;
  margin-top: 24px;
}

.opening-jobs-manpower-details.block li {
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 30px;
  margin-bottom: 30px;
  display: flex;
  gap: 20px;
}

.opening-jobs-manpower-details.block li .logo-img {
  max-width: 100px;
  max-height: 100px;
  min-width: 100px;
  min-height: 100px;
}

.opening-jobs-manpower-details.block li .logo-img img {
  width: 100%;
}

.opening-jobs-manpower-details.block a.header {
  color: var(--Nav-Item, #000);
  font-size: 25px;
  font-weight: 400;
  line-height: 35.5px;
  text-decoration: none;
}

.opening-jobs-manpower-details.block a.header .day-left {
  color: #f05537;
  font-size: 19px;
  font-weight: 300;
  line-height: 35.5px;
}

.opening-jobs-manpower-details.block a.header .date-posted {
  color: #9a9a9a;
  font-size: 16px;
  font-weight: 300;
  line-height: 35.5px;
}

.opening-jobs-manpower-details.block a.header .promoted {
  color: var(--white-100, #fff);
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
  font-size: 14px;
  font-weight: 500;
  line-height: 35.5px;
  letter-spacing: 0.24px;
  background-color: #f05537;
  padding: 3px 15px;
  border-radius: 25px;
}

.opening-jobs-manpower-details.block .desc p {
  color: #5a5a5a;
  font-size: 16px;
  font-weight: 300;
  line-height: 2;
  margin-bottom: 0;
}

.opening-jobs-manpower-details.block .desc a {
  text-decoration: none;
}

.opening-jobs-manpower-details.block .info {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.opening-jobs-manpower-details.block .info .apply-btn {
  text-decoration: none;
  color: var(--white-100, #fff);
  text-transform: uppercase;
  font-size: 21px;
  font-weight: 500;
  line-height: 15px;
  background-color: #3949ab;
  padding: 17px 25px;
}

.opening-jobs-manpower-details.block .desc .cat {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}

.opening-jobs-manpower-details.block .desc .cat i {
  color: #9a9a9a;
}

.view-more-btn {
  color: #4e7ee8;
  font-size: 19px;
  font-weight: 500;
  letter-spacing: 0.38px;
  text-decoration: none;
  float: right;
  margin-bottom: 40px;
}

.jobs-cate.block {
  width: 100%;
}

.jobs-cate.block ul {
  padding: 0;
}

.jobs-cate.block ul li h3 {
  margin-left: 40px;
}

.jobs-cate.block h2 {
  color: #5a5a5a;
  font-size: 31px;
  font-weight: 600;
  letter-spacing: 0.62px;
  text-transform: uppercase;
  margin-bottom: 20px;
}

/* .Career-tips-block .bot-con {
  padding: 0;
  gap: 30px !important;
  border-bottom: none !important;
  display: grid;
  list-style: none;
  grid-template-columns: auto auto auto;
  width: 100%;
  padding-right: 50px;
} */
.Career-tips-block .bot-con p {
  color: var(--Nav-Item, #000);
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.4;
  margin-top: 10px;
}

.Career-tips-block h2 {
  color: #5a5a5a;
  font-size: 31px;
  margin-bottom: 30px;
  font-weight: 600;
}

.Career-tips-block .bot-con img {
  width: 100%;
}

.botm-items {
  padding: 50px 0;
}

.useful-links-blocks {
  padding-left: 40px;
  margin-top: 40px;
  margin-top: 100px;
}

.useful-links-blocks.directory {
  margin-top: 0;
}

.useful-links-blocks h2 {
  color: var(--Nav-Item, #000);
  font-size: 31px;
  font-weight: 400;
  letter-spacing: 0.62px;
  text-decoration-line: underline;
  text-align: center;
  margin-bottom: 30px;
}

.useful-links-blocks ul {
  list-style: none;
  padding: 0;
}

.useful-links-blocks ul a {
  text-decoration: none;
  display: flex;
  gap: 20px;
  margin-bottom: 20px;
}

.useful-links-blocks ul a img {
  max-width: 30px;
  max-height: 30px;
}

.useful-links-blocks ul li {
  position: relative;
  color: #4e7ee8;
  font-size: 19px;
  font-weight: 300;
  letter-spacing: 0.38px;
}

.related-directory-block {
  padding: 50px 0;
}

.related-directory-block .items {
  display: flex;
  /* justify-content: space-between; */
  margin-top: 30px;
}

.related-directory-block h2 {
  color: var(--Nav-Item, #000);

  font-size: 31px;
  font-weight: 500;
  letter-spacing: 0.62px;
  text-transform: uppercase;
}

.related-directory-block .item .icon-box {
  width: 80px;
  height: 80px;
  background-color: #3949ab;
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.related-directory-block .item i {
  font-size: 40px;
  color: #fff;
}

.related-directory-block .item h6 {
  color: var(--Nav-Item, #000);
  text-align: center;
  font-size: 19px;
  font-weight: 300;
  letter-spacing: 0.38px;
  margin-top: 10px;
}

.related-field,
.botm-items {
  background-color: #fff;
  margin-top: 20px;
}

.about-bank-detail h2 {
  color: #5a5a5a;
  font-size: 27px;
  font-weight: 600;
  text-transform: uppercase;
}

.about-bank-detail h2 p {
  color: #888686;
  font-size: 19px;
  font-weight: 300;
  letter-spacing: 0.76px;
  margin-bottom: 0;
}

.about-bank-detail .bank-info {
  display: flex;
  gap: 20px;
}

.about-bank-detail .bank-info img {
  max-height: 140px;
  max-width: 140px;
  min-height: 140px;
  min-width: 140px;
}

.about-bank-detail .bank-info .desc h4 {
  color: var(--Nav-Item, #000);
  font-size: 25px;
  font-weight: 300;
  letter-spacing: 0.5px;
}

.about-bank-detail .bank-info .desc h4 span {
  color: var(--white-100, #fff);
  font-family: Poppins;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.24px;
  border-radius: 25px;
  background: var(--Primary-Color, #3949ab);
  padding: 5px 10px;
}

.about-bank-detail .bank-info .desc p {
  color: #888686;
  font-size: 19px;
  font-weight: 300;
  letter-spacing: 0.76px;
  margin-bottom: 0;
}

.about-bank-detail .bank-info .desc a {
  color: #4e7ee8;
  font-size: 19px;
  font-weight: 400;
  letter-spacing: 0.38px;
}

.about-bank-detail .below-desc p {
  color: #888686;
  font-size: 19px;
  font-weight: 300;
  letter-spacing: 0.76px;
  margin-bottom: 0;
}

.about-bank-detail .responsive-map {
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 0;
  margin-top: 50px;
}

.about-bank-detail .responsive-map iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}

.responsive-map iframe {
  width: 100%;
}

.contact-block {
  margin-top: 50px;
}

.contact-block .contact-info p {
  color: var(--Nav-Item, #000);
  font-size: 23px;
  font-weight: 300;
  letter-spacing: 0.46px;
}

.contact-block .social-links-all {
  display: flex;
  gap: 20px;
}

.contact-block .social-links-all a img {
  max-width: 40px;
  max-height: 40px;
  min-width: 40px;
  min-height: 40px;
}

.contact-block h4 {
  margin-top: 40px;
  color: var(--Nav-Item, #000);
  font-size: 25px;
  font-weight: 500;
  text-decoration-line: underline;
}

.contact-block .form-horizontal {
  font-weight: 400;
}

.contact-block .form-horizontal .form-group {
  margin-bottom: 20px;
}

.contact-block .form-horizontal button {
  background-color: #3949ab;
  margin-bottom: 40px;
}

.contact-block .form-control,
.contact-block textarea {
  background-color: transparent;
  color: #fff;
  letter-spacing: 1px;
}

.contact-block .send-button {
  margin-top: 15px;
  height: 34px;
  overflow: hidden;
  transition: all 0.2s ease-in-out;
}

.contact-block .alt-send-button {
  height: 34px;
  transition: all 0.2s ease-in-out;
}

.contact-block .send-text {
  display: block;
  margin-top: 10px;
  letter-spacing: 2px;
}

.contact-block .alt-send-button:hover {
  transform: translate3d(0px, -29px, 0px);
}

/* Begin Right Contact Page */
.contact-block .direct-contact-container {
  max-width: 400px;
}

.contact-block .contact-list {
  list-style-type: none;
  margin-left: -30px;
  padding-right: 20px;
}

.contact-block .list-item {
  line-height: 4;
  color: #aaa;
}

.contact-block .contact-text {
  letter-spacing: 1.9px;
  color: #bbb;
}

.contact-block .contact-text a {
  color: #bbb;
  text-decoration: none;
  transition-duration: 0.2s;
}

.contact-block .contact-text a:hover {
  color: #fff;
  text-decoration: none;
}

.contact-block .social-media-list {
  position: relative;
  font-size: 22px;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}

.contact-block .social-media-list li a {
  color: #fff;
}

.contact-block .social-media-list li {
  position: relative;
  display: inline-block;
  height: 60px;
  width: 60px;
  margin: 10px 3px;
  line-height: 60px;
  border-radius: 50%;
  color: #fff;
  background-color: rgb(27, 27, 27);
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}

.contact-block .social-media-list li:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  height: 60px;
  line-height: 60px;
  border-radius: 50%;
  opacity: 0;
  box-shadow: 0 0 0 1px #fff;
  transition: all 0.2s ease-in-out;
}

.contact-block .social-media-list li:hover {
  background-color: #fff;
}

.contact-block .textarea.form-control {
  width: 100%;
}

.contact-block .social-media-list li:hover:after {
  opacity: 1;
  transform: scale(1.12);
  transition-timing-function: cubic-bezier(0.37, 0.74, 0.15, 1.65);
}

.contact-block .social-media-list li:hover a {
  color: #000;
}

.faq-page {
  padding: 50px 0;
  background-color: #fff;
  margin-top: 20px;
}

.faq-heading {
  font-weight: 400;
  font-size: 19px;
  -webkit-transition: text-indent 0.2s;
  text-indent: 20px;
  color: #333;
  background: #a9b4fd;
  padding: 10px;
  border-radius: 20px 20px 0 0;
}

.faq-text {
  font-weight: 400;
  color: #919191;
  width: 95%;
  padding-left: 20px;
  margin-bottom: 30px;
}

.faq {
  width: 100%;
  margin: 0 auto;
  background: white;
  border-radius: 4px;
  position: relative;
  padding-right: 60px;
}

.faq h2 {
  color: #5a5a5a;
  font-size: 31px;
  font-weight: 600;
}

.faq label {
  display: block;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  height: 56px;
  background-color: #fff;
  border-bottom: 1px solid #e1e1e1;
  margin-top: 20px;
  padding: 0 !important;
}

.faq input[type="checkbox"] {
  display: none;
}

.faq .faq-arrow {
  width: 10px;
  height: 10px;
  transition: -webkit-transform 0.8s;
  transition: transform 0.8s;
  transition: transform 0.8s, -webkit-transform 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  border-top: 2px solid rgba(0, 0, 0, 0.33);
  border-right: 2px solid rgba(0, 0, 0, 0.33);
  float: right;
  position: relative;
  top: -45px !important;
  right: 27px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.faq input[type="checkbox"]:checked + label > .faq-arrow {
  transition: -webkit-transform 0.8s;
  transition: transform 0.8s;
  transition: transform 0.8s, -webkit-transform 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.faq input[type="checkbox"]:checked + label {
  display: block;
  background: rgba(255, 255, 255, 255) !important;
  color: #4f7351;
  height: auto;
  transition: height 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  border: 1px solid #e1e1e1;
  border-radius: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.faq input[type="checkbox"]:not(:checked) + label {
  display: block;
  transition: height 0.8s;
  height: 50px;
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.blog-block h2,
.interview-advice-block h2,
.notice-block h2 {
  color: #5a5a5a;
  font-size: 31px;
  font-weight: 600;
  margin-bottom: 30px;
  text-transform: capitalize;
}

.blog-block ul {
  list-style: none;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px;
}

.blog-block ul li img {
  max-width: 180px;
}

.blog-block ul p {
  color: var(--Nav-Item, #000);
  font-size: 19px;
  font-weight: 300;
  line-height: normal;
}

.interview-advice-block,
.notice-block {
  padding-right: 50px;
}

.interview-advice-block ul,
.notice-block ul {
  padding: 0;
  list-style: none;
}

.interview-advice-block ul li {
  display: flex;
  gap: 20px;
  margin-bottom: 20px;
}

.notice-block ul li {
  display: flex;
  flex-direction: row-reverse;
  gap: 20px;
  margin-bottom: 20px;
}

.interview-advice-block ul li img,
.notice-block ul li img {
  max-width: 200px;
  height: auto;
}

.opening-jobs-manpower-details.block-post {
  list-style: none;
  padding: 0;
  text-align: left;
  padding-right: 50px;
}

.opening-jobs-manpower-details.block-post h2 {
  color: #5a5a5a;
  font-size: 31px;
  font-weight: 600;
  margin-bottom: 30px;
  text-transform: capitalize;
}

.opening-jobs-manpower-details.block-post li {
  border-bottom: 1px solid #9a9a9a;
  padding-bottom: 30px;
  margin-bottom: 30px;
}

.opening-jobs-manpower-details.block-post li .logo-img {
  min-width: 150px;
  min-height: 150px;
}

.opening-jobs-manpower-details.block-post li .logo-img img {
  width: 100%;
  border-radius: 20px;
}

.opening-jobs-manpower-details.block-post a.header {
  color: var(--Nav-Item, #000);
  font-size: 25px;
  font-weight: 400;
  line-height: 35.5px;
  text-decoration: none;
}

.opening-jobs-manpower-details.block-post a.header .day-left {
  color: #f05537;
  font-size: 19px;
  font-weight: 300;
  line-height: 35.5px;
}

.opening-jobs-manpower-details.block-post a.header .date-posted {
  color: #9a9a9a;
  font-size: 16px;
  font-weight: 300;
  line-height: 35.5px;
}

.opening-jobs-manpower-details.block-post a.header .promoted {
  color: var(--white-100, #fff);
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
  font-size: 14px;
  font-weight: 500;
  line-height: 35.5px;
  letter-spacing: 0.24px;
  background-color: #f05537;
  padding: 3px 15px;
  border-radius: 25px;
}

.opening-jobs-manpower-details.block-post .desc p {
  color: #5a5a5a;
  font-size: 17px;
  font-weight: 300;
  line-height: 35.5px;
}

.opening-jobs-manpower-details.block-post .desc a {
  text-decoration: none;
}

.opening-jobs-manpower-details.block-post .info {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.opening-jobs-manpower-details.block-post .info .apply-btn {
  text-decoration: none;
  color: var(--white-100, #fff);
  text-transform: uppercase;
  font-size: 21px;
  font-weight: 500;
  line-height: 15px;
  background-color: #3949ab;
  padding: 17px 25px;
}

.opening-jobs-manpower-details.block-post .desc .top.cat p:first-child {
  border-right: 1px solid #9a9a9a;
  padding-right: 20px;
}

.opening-jobs-manpower-details.block-post p {
  margin-bottom: 0;
}

.opening-jobs-manpower-details.block-post .desc .cat {
  display: flex;
  gap: 20px;
}

.opening-jobs-manpower-details.block-post .desc .cat i {
  color: #9a9a9a;
}

@media (min-width: 768px) and (max-width: 991px) {
  .jobs-cate ul li {
    align-items: center;
  }

  .jobs-cate.block ul li h3 {
    font-size: 21px;
  }

  .jobs-cate ul li p {
    font-size: 12px;
  }

  .useful-links-blocks {
    padding-left: 0;
  }

  .Career-tips-block .bot-con {
    grid-template-columns: repeat(2, 1fr);
  }

  .blog-block ul {
    grid-template-columns: repeat(2, 1fr);
  }

  .opening-jobs-manpower-details.block-post .desc .cat {
    flex-direction: column;
    gap: 0;
  }

  .opening-jobs-manpower-details.block-post .desc .top.cat p:first-child {
    border-right: none;
  }
}

@media (max-width: 991px) {
  .Career-tips-block .bot-con,
  .interview-advice-block,
  .notice-block {
    padding-right: 0;
  }

  .opening-jobs-manpower-details.block-post .info {
    flex-direction: column;
    align-items: flex-start;
  }

  .opening-jobs-manpower-details.block-post .info .apply-btn {
    margin-top: 15px;
  }
}

/* Begin Media Queries*/
@media screen and (max-width: 850px) {
  .contact-block .contact-wrapper {
    display: flex;
    flex-direction: column;
  }

  .contact-block .direct-contact-container,
  .contact-block .form-horizontal {
    margin: 0 auto;
  }

  .contact-block .direct-contact-container {
    margin-top: 60px;
    max-width: 300px;
  }

  .contact-block .social-media-list li {
    height: 60px;
    width: 60px;
    line-height: 60px;
  }

  .contact-block .social-media-list li:after {
    width: 60px;
    height: 60px;
    line-height: 60px;
  }

  .directory-page .search {
    max-width: 100%;
    min-width: 100%;
  }
}

@media (max-width: 767px) {
  .Career-tips-block .bot-con {
    grid-template-columns: repeat(2, 1fr);
  }

  .blog-block ul {
    grid-template-columns: repeat(2, 1fr);
  }

  .opening-jobs-manpower-details.block-post .info {
    flex-direction: column;
    align-items: flex-start;
  }

  .opening-jobs-manpower-details.block-post .info .apply-btn {
    margin-top: 15px;
  }
}

@media screen and (max-width: 569px) {
  .contact-block .direct-contact-container,
  .contact-block .form-wrapper {
    float: none;
    margin: 0 auto;
  }

  .contact-block .form-control,
  .contact-block textarea {
    margin: 0 auto;
  }

  .contact-block .name,
  .contact-block .email,
  .contact-block textarea {
    width: 100%;
  }

  .contact-block .direct-contact-container {
    margin-top: 60px;
    max-width: 280px;
  }

  .contact-block .social-media-list {
    left: 0;
  }

  .contact-block .social-media-list li {
    height: 55px;
    width: 55px;
    line-height: 55px;
    font-size: 2rem;
  }

  .contact-block .social-media-list li:after {
    width: 55px;
    height: 55px;
    line-height: 55px;
  }
}

@media (max-width: 575px) {
  .useful-links-blocks {
    padding-left: 0;
  }

  .related-directory-block .items {
    flex-wrap: wrap;
  }

  .Career-tips-block .bot-con {
    grid-template-columns: repeat(1, 1fr);
  }

  .blog-block ul {
    grid-template-columns: repeat(1, 1fr);
  }

  .interview-advice-block ul li {
    flex-direction: column;
  }

  .notice-block ul li {
    flex-direction: column;
  }

  .interview-advice-block ul li img,
  .notice-block ul li img {
    max-width: 100%;
  }

  .opening-jobs-manpower-details.block-post .info {
    flex-direction: column;
    align-items: flex-start;
  }

  .opening-jobs-manpower-details.block-post .info .apply-btn {
    margin-top: 15px;
  }

  .about-bank-detail .bank-info {
    flex-direction: column;
  }

  .directory-page .search {
    max-width: 100%;
    min-width: 100%;
  }
}

@media screen and (max-width: 410px) {
  .contact-block .send-button {
    width: 99%;
  }
}

.sajha-button-design {
  color: var(--Primary-Color, #3949ab);
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  padding: 12px 16px;
  border-radius: var(--4, 4px);
  background: transparent;
  border: 1px solid var(--Primary-Color, #3949ab);
  transition: 0.4s;
}

.sajha-button-design:hover {
  background: #3949ab;
  color: #fff;
}

.info_orientaion_view {
  margin: 20px 0;
  padding: 40px 0;
  background-color: #fff;
}

.info_orientaion_view .icon-box {
  display: flex;
  justify-content: space-between;
  padding: 0 20px;
  align-items: center;
  width: 100%;
}

.info_orientaion_view .info_orientation-redirect,
.language_training .language_training-redirect {
  text-decoration: none;
  color: inherit;
}

.info_orientaion_view.detail {
  padding: 0 0 80px;
}

.info_orientaion_view h2 {
  border-bottom: 1px solid #9a9a9a;
  padding-bottom: 10px;
  margin-bottom: 40px;
}

.info_orientaion_view .catagory {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.language_training .training {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.info_orientaion_view .catagory .cate {
  padding: 30px;
  text-align: center;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  transition: 0.2s ease-in;
  border-radius: 10px;
  display: flex;
  min-height: 240px;
  max-height: 240px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: all 300ms ease-in-out;
}
.info_orientaion_view .catagory .cate:hover {
  background: #043ead !important;
  color: #fff;
}
.info_orientaion_view .catagory .cate:hover .img-box img {
  background: #fff;
  padding: 6px;
  border-radius: 4px;
}

.language_training .training .cate-noimage {
  padding: 30px;
  text-align: center;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  transition: 0.2s ease-in;
  border-radius: 10px;
  display: flex;
  min-height: 200px;
  max-height: 200px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.language_training .training .cate-noimage:hover {
  background-color: #3949ab !important;
}
.language_training .training .cate-noimage:hover h4 {
  color: #fff !important;
}
.language_training .training .cate-noimage:hover p {
  color: #fff !important;
  opacity: 0.9;
}
.info_orientaion_view span.view-count {
  font-size: 14px;
  color: #9a9a9a;
  font-weight: 400;
}

.info_orientaion_view.detail .catagory .cate,
.language_training .training .cate-noimage {
  padding: 20px 30px;
  text-align: center;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  transition: 0.2s ease-in;
  border: none;
  border-radius: 10px;
}

.info_orientaion_view .catagory .cate:hover,
.language_training .training .cate-noimage:hover {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  background-color: #c5ccf9;
  /* border: 1px solid #3949ab; */
}

.info_orientaion_view .img-box {
  max-width: 80px;
  min-width: 80px;
  max-height: 80px;
  min-height: 80px;
  margin: 0 auto 20px;
}

.info_orientaion_view .top-prior-head {
  display: flex;
  justify-content: space-between;
}

.info_orientaion_view .top-prior-head iframe {
  width: 100%;
  border-radius: 10px;
}

.info_orientaion_view .img-box img {
  /* width: 100%; */
  min-height: 80px;
  object-fit: cover;
  max-height: 80px;
  width: auto;
}

.info_orientaion_view .header-font {
  background-color: #3949ab;
  padding: 20px 60px;
  color: #fff;
}

.info_orientaion_view .header-font h2 {
  color: #fff;
  border: none;
  padding-bottom: 0;
  margin-bottom: 0;
}

.info_orientaion_view .header-font {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
}

.info_orientaion_view .header-font p {
  margin-bottom: 0;
}

.info_orientaion_view .header-font button {
  background-color: #f05537;
  padding: 10px 20px;
  color: #fff;
  border: none;
  border-radius: 10px;
}

.info_orientaion_view .header-font .right-side {
  display: flex;
  gap: 20px;
  align-items: center;
}

.info_orientaion_view .content {
  display: flex;
  gap: 40px;
}

.info_orientaion_view.detail .left-sde {
  display: flex;
  align-items: center;
  gap: 20px;
}

@media screen and (max-width: 600px) {
  .info_orientaion_view.detail .left-sde {
    flex-direction: column;
  }

  .info_orientaion_view.detail .left-sde h2 {
    text-align: center;
  }
}

@media screen and (max-width: 992px) {
  .info_orientaion_view.detail .left-sde button {
    display: none;
  }

  .info_orientaion_view.detail .right-side {
    display: none;
  }
}

.info_orientaion_view.detail .left-sde img {
  min-width: 80px;
  min-height: 80px;
  max-width: 80px;
  max-height: 80px;
  object-fit: cover;
}

.info_orientaion_view .content img {
  max-width: 400px;
  height: auto;
  object-fit: cover;
  border-radius: 20px;
}

.info_orientaion_view .info-content {
  display: flex;
  justify-content: space-between;
  margin: 40px 0;
  align-items: center;
  text-align: center;
  padding: 40px;
  border-radius: 20px;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
  gap: 10px;
}

.info_orientaion_view .info-content .info i {
  color: #3949ab;
}

.info_orientaion_view .info-content .button.info {
  display: flex;
  gap: 10px;
}

.info_orientaion_view .info-content p {
  margin: 0;
}

@media screen and (max-width: 768px) {
  .info_orientaion_view .info-content .button.info {
    flex-direction: column;
    width: 100%;
  }
}

.info_orientaion_view .info-content .button.info .view-btn .complain-btn {
  background-color: #f05538;
  white-space: nowrap;
  text-align: center;
}

.info_orientaion_view .info-content .button.info .complain-btn {
  background-color: #3949ab;
  color: #fff;
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
}

.info_orientaion_view .info-content .button.info .view-btn {
  display: flex;
  flex-direction: column;
  gap: 10px;
  text-align: center;
}

.info_orientaion_view .info-content .button.info .view-btn button {
  background-color: #f05537;
  color: #fff;
  border-radius: 3px;
  border: none;
  padding: 3px 9px;
}

.info_orientaion_view .category-content {
  padding: 40px;
  box-shadow: rgba(0, 0, 0, 0.15) -1.95px 1.95px 2.6px;
  margin-bottom: 40px;
}

.info_orientaion_view .content-img img {
  width: 100%;
  max-height: 400px;
  object-fit: cover;
  margin-bottom: 40px;
}

.info_orientaion_view .category-content ul {
  padding: 0;
  list-style: none;
}

.info_orientaion_view .category-content ul i {
  color: #f05537;
  margin-right: 10px;
}

.info_orientaion_view .category-content ul li {
  color: #9a9a9a;
  font-size: 24px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  border-bottom: 2px solid #ececec;
  display: flex;
  align-items: center;
}

.info_orientaion_view .category-content ul li p {
  margin-bottom: 0;
}

.info_orientaion_view .category-content ul li p span {
  font-size: 16px;
}

@media (max-width: 1499px) {
  .info_orientaion_view .catagory {
    grid-template-columns: repeat(3, 1fr);
  }

  .language_training .training {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 1024px) {
  .info_orientaion_view .catagory {
    grid-template-columns: repeat(2, 1fr);
  }

  .language_training .training {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 991px) {
  .info_orientaion_view .content {
    flex-direction: column-reverse;
  }

  .info_orientaion_view .content img {
    max-width: 100%;
    max-height: 200px;
  }
}

@media (max-width: 767px) {
  .info_orientaion_view .info-content {
    justify-content: start;
    align-items: flex-start;
    text-align: left;
    row-gap: 24px;
    flex-wrap: wrap;
    flex-direction: column;
  }
}

@media (max-width: 575px) {
  .info_orientaion_view .header-font {
    flex-direction: column;
    row-gap: 20px;
  }
  .expert-view ul {
    flex-direction: column;
  }
}

@media (max-width: 400px) {
  .info_orientaion_view .catagory {
    grid-template-columns: repeat(1, 1fr);
  }

  .language_training .training {
    grid-template-columns: repeat(1, 1fr);
  }

  .info_orientaion_view .category-content ul li {
    font-size: 21px;
  }

  .info_orientaion_view .category-content ul li p span {
    font-size: 14px;
  }
}

.description-box-admin-content p img {
  width: 100%;
  height: auto;
}

/* ---------country detail page--------- */
.country_details.job-listing {
  padding: 0 0 100px;
}

.country_details.job-listing .job-listing-page {
  padding-right: 40px;
}

.country_details .breadscrub-bar {
  background-color: #3949ab;
  color: #fff;
  padding: 10px 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.breadscrub-bar .left-side {
  display: flex;
  gap: 20px;
  align-items: center;
}

.breadscrub-bar .left-side h3 {
  font-size: 21px;
  margin-bottom: 0;
}

.breadscrub-bar .left-side p,
.breadscrub-bar .right-side p {
  margin-bottom: 0;
}

/* ---------directory-page-css-------------- */
.directory-page {
  margin-top: 20px;
  padding: 40px 0;
  background-color: #fff;
}

.directory-page .search {
  position: relative;
  display: flex;
  max-width: 600px;
  min-width: 600px;
  margin: 0 auto 60px auto;
}

/* .directory-page .row {
  align-items: baseline;
} */

.directory-page .searchTerm {
  width: 100%;
  border-right: none;
  padding: 5px 20px;
  height: 50px;
  border-radius: 66px;
  border: 1px solid #00000045;
  background: var(--white-100, #fff);
  outline: none;
  color: #9dbfaf;
}

.directory-page .searchTerm:focus {
  color: #3949ab;
}

.directory-page .searchButton {
  width: 50px;
  height: 50px;
  border: 1px solid #3949ab;
  background: #3949ab;
  text-align: center;
  color: #fff;
  border-radius: 100%;
  cursor: pointer;
  font-size: 20px;
  margin-left: -50px;
}

.directory-page .col-md-6 {
  padding: 0 40px;
}

.directory-page .col-md-6 h2 {
  color: #5a5a5a;
  font-size: 31px;
  font-weight: 600;
  text-transform: uppercase;
  margin: 50px 0 30px 0;
  margin-bottom: 20px;
}

.opening-jobs-manpower-details.block {
  list-style: none;
  padding: 0;
}

.opening-jobs-manpower-details.block li {
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 30px;
  margin-bottom: 30px;
  display: flex;
  gap: 20px;
}

.opening-jobs-manpower-details.block li .logo-img {
  max-width: 100px;
  max-height: 100px;
  min-width: 100px;
  min-height: 100px;
}

.opening-jobs-manpower-details.block li .logo-img img {
  width: 100%;
}

.opening-jobs-manpower-details.block a.header {
  color: var(--Nav-Item, #000);
  font-size: 25px;
  font-weight: 400;
  line-height: 35.5px;
  text-decoration: none;
}

.opening-jobs-manpower-details.block a.header .day-left {
  color: #f05537;
  font-size: 19px;
  font-weight: 300;
  line-height: 35.5px;
}

.opening-jobs-manpower-details.block a.header .date-posted {
  color: #9a9a9a;
  font-size: 16px;
  font-weight: 300;
  line-height: 35.5px;
}

.opening-jobs-manpower-details.block a.header .promoted {
  color: var(--white-100, #fff);
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
  font-size: 14px;
  font-weight: 500;
  line-height: 35.5px;
  letter-spacing: 0.24px;
  background-color: #f05537;
  padding: 3px 15px;
  border-radius: 25px;
}

.opening-jobs-manpower-details.block .desc p {
  color: #5a5a5a;
  font-size: 16px;
  font-weight: 300;
  line-height: 2;
  margin-bottom: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;
}

.opening-jobs-manpower-details.block .desc a {
  text-decoration: none;
  width: 100%;
}

.opening-jobs-manpower-details.block .info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  overflow: hidden;
}

.opening-jobs-manpower-details.block .info .apply-btn {
  text-decoration: none;
  color: var(--white-100, #fff);
  text-transform: uppercase;
  font-size: 21px;
  font-weight: 500;
  line-height: 15px;
  background-color: #3949ab;
  padding: 17px 25px;
}

.opening-jobs-manpower-details.block .desc .cat {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}

.opening-jobs-manpower-details.block .desc .cat i {
  color: #9a9a9a;
}

.view-more-btn {
  color: #4e7ee8;
  font-size: 19px;
  font-weight: 500;
  letter-spacing: 0.38px;
  text-decoration: none;
  float: right;
  margin-bottom: 40px;
}

.jobs-cate.block {
  width: 100%;
}

.jobs-cate.block ul {
  padding: 0;
}

.jobs-cate.block ul li h3 {
  margin-left: 40px;
}

.jobs-cate.block h2 {
  color: #5a5a5a;
  font-size: 31px;
  font-weight: 600;
  letter-spacing: 0.62px;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.Career-tips-block .bot-con {
  padding: 0;
  gap: 20px !important;
  border-bottom: none !important;
  display: grid;
  list-style: none;
  grid-template-columns: repeat(3, 1fr);
  width: 100%;
  padding-right: 50px;
}

.Career-tips-block .bot-con p {
  color: var(--Nav-Item, #000);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.4;
  margin-top: 10px;
  transition: all 300ms ease-in-out;
}
.Career-tips-block .bot-con p:hover {
  color: #f05537;
}
.Career-tips-block .bot-con > a {
  box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px,
    rgba(17, 17, 26, 0.05) 0px 8px 32px;
  border-radius: 4px;
}

.Career-tips-block h2 {
  color: #5a5a5a;
  font-size: 31px;
  margin-bottom: 30px;
  font-weight: 600;
}

.Career-tips-block .bot-con img {
  width: 100%;
}

.botm-items {
  padding: 50px 0;
}

.useful-links-blocks {
  padding-left: 40px;
  margin-top: 40px;
  margin-top: 100px;
}

.directory-page .useful-links-blocks {
  padding-left: 0;
}

.useful-links-blocks.directory {
  margin-top: 0;
}

.useful-links-blocks h2 {
  color: var(--Nav-Item, #000);
  font-size: 31px;
  font-weight: 400;
  letter-spacing: 0.62px;
  text-decoration-line: underline;
  text-align: center;
  margin-bottom: 30px;
}

.useful-links-blocks ul {
  list-style: none;
  padding: 0;
}

.useful-links-blocks ul a {
  text-decoration: none;
  display: flex;
  gap: 20px;
  margin-bottom: 20px;
}

.useful-links-blocks ul a img {
  max-width: 30px;
  max-height: 30px;
}

.useful-links-blocks ul li {
  position: relative;
  color: #4e7ee8;
  font-size: 19px;
  font-weight: 300;
  letter-spacing: 0.38px;
}

.related-directory-block {
  padding: 50px 0;
}

.related-directory-block .items {
  display: flex !important;
  /* justify-content: center !important; */
  margin-top: 30px;
  flex-wrap: wrap;
  gap: 20px;
}

.related-directory-block a.item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 140px;
}

.related-directory-block h2 {
  color: var(--Nav-Item, #000);

  font-size: 31px;
  font-weight: 500;
  letter-spacing: 0.62px;
  text-transform: uppercase;
}

.related-directory-block .item .icon-box {
  width: 80px;
  height: 80px;
  background-color: #3949ab;
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.related-directory-block .item i {
  font-size: 40px;
  color: #fff;
}

.related-directory-block .item h6 {
  color: var(--Nav-Item, #000);
  text-align: center;
  font-size: 19px;
  font-weight: 300;
  letter-spacing: 0.38px;
  margin-top: 10px;
}

.related-field,
.botm-items {
  background-color: #fff;
  margin-top: 20px;
}

.about-bank-detail h2 {
  color: #5a5a5a;
  font-size: 27px;
  font-weight: 600;
  text-transform: uppercase;
}

.about-bank-detail h2 p {
  color: #888686;
  font-size: 19px;
  font-weight: 300;
  letter-spacing: 0.76px;
  margin-bottom: 0;
}

.about-bank-detail .bank-info {
  display: flex;
  gap: 20px;
}

.about-bank-detail .bank-info img {
  max-height: 140px;
  max-width: 140px;
  min-height: 140px;
  min-width: 140px;
  object-fit: contain;
}

.about-bank-detail .bank-info .desc h4 {
  color: var(--Nav-Item, #000);
  font-size: 25px;
  font-weight: 300;
  letter-spacing: 0.5px;
}

.about-bank-detail .bank-info .desc h4 span {
  color: var(--white-100, #fff);
  font-family: Poppins;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.24px;
  border-radius: 25px;
  background: var(--Primary-Color, #3949ab);
  padding: 5px 10px;
}

.about-bank-detail .bank-info .desc p {
  color: #888686;
  font-size: 19px;
  font-weight: 300;
  letter-spacing: 0.76px;
  margin-bottom: 0;
}

.about-bank-detail .bank-info .desc a {
  color: #4e7ee8;
  font-size: 19px;
  font-weight: 400;
  letter-spacing: 0.38px;
}

.about-bank-detail .below-desc p {
  color: #888686;
  font-size: 19px;
  font-weight: 300;
  letter-spacing: 0.76px;
  margin-bottom: 0;
}

.about-bank-detail .responsive-map {
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 0;
  margin-top: 50px;
}

.about-bank-detail .responsive-map iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}

.responsive-map iframe {
  width: 100%;
}

.contact-block {
  margin-top: 50px;
}

.contact-block .contact-info p {
  color: var(--Nav-Item, #000);
  font-size: 23px;
  font-weight: 300;
  letter-spacing: 0.46px;
}

.contact-block .social-links-all {
  display: flex;
  gap: 20px;
}

.contact-block .social-links-all a img {
  max-width: 40px;
  max-height: 40px;
  min-width: 40px;
  min-height: 40px;
}

.contact-block h4 {
  margin-top: 40px;
  color: var(--Nav-Item, #000);
  font-size: 25px;
  font-weight: 500;
  text-decoration-line: underline;
}

.contact-block .form-horizontal {
  font-weight: 400;
}

.contact-block .form-horizontal .form-group {
  margin-bottom: 20px;
}

.contact-block .form-horizontal button {
  background-color: #3949ab;
  margin-bottom: 40px;
}

.contact-block .form-control,
.contact-block textarea {
  background-color: transparent;
  color: #fff;
  letter-spacing: 1px;
}

.contact-block .send-button {
  margin-top: 15px;
  height: 34px;
  overflow: hidden;
  transition: all 0.2s ease-in-out;
}

.contact-block .alt-send-button {
  height: 34px;
  transition: all 0.2s ease-in-out;
}

.contact-block .send-text {
  display: block;
  margin-top: 10px;
  letter-spacing: 2px;
}

.contact-block .alt-send-button:hover {
  transform: translate3d(0px, -29px, 0px);
}

/* Begin Right Contact Page */
.contact-block .direct-contact-container {
  max-width: 400px;
}

.contact-block .contact-list {
  list-style-type: none;
  margin-left: -30px;
  padding-right: 20px;
}

.contact-block .list-item {
  line-height: 4;
  color: #aaa;
}

.contact-block .contact-text {
  letter-spacing: 1.9px;
  color: #bbb;
}

.contact-block .contact-text a {
  color: #bbb;
  text-decoration: none;
  transition-duration: 0.2s;
}

.contact-block .contact-text a:hover {
  color: #fff;
  text-decoration: none;
}

.contact-block .social-media-list {
  position: relative;
  font-size: 22px;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}

.contact-block .social-media-list li a {
  color: #fff;
}

.contact-block .social-media-list li {
  position: relative;
  display: inline-block;
  height: 60px;
  width: 60px;
  margin: 10px 3px;
  line-height: 60px;
  border-radius: 50%;
  color: #fff;
  background-color: rgb(27, 27, 27);
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}

.contact-block .social-media-list li:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  height: 60px;
  line-height: 60px;
  border-radius: 50%;
  opacity: 0;
  box-shadow: 0 0 0 1px #fff;
  transition: all 0.2s ease-in-out;
}

.contact-block .social-media-list li:hover {
  background-color: #fff;
}

.contact-block .textarea.form-control {
  width: 100%;
}

.contact-block .social-media-list li:hover:after {
  opacity: 1;
  transform: scale(1.12);
  transition-timing-function: cubic-bezier(0.37, 0.74, 0.15, 1.65);
}

.contact-block .social-media-list li:hover a {
  color: #000;
}

.faq-page {
  padding: 50px 0;
  background-color: #fff;
  margin-top: 20px;
}

.faq-heading {
  font-weight: 400;
  font-size: 19px;
  -webkit-transition: text-indent 0.2s;
  text-indent: 20px;
  color: #333;
}

.faq-text {
  font-weight: 400;
  color: #919191;
  width: 95%;
  padding-left: 20px;
  margin-bottom: 30px;
}

.faq {
  width: 100%;
  margin: 0 auto;
  background: white;
  border-radius: 4px;
  position: relative;
  padding-right: 60px;
}

.faq h2 {
  color: #5a5a5a;
  font-size: 31px;
  font-weight: 600;
}

.faq label {
  display: block;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  height: 56px;
  background-color: #fff;
  border-bottom: 1px solid #e1e1e1;
}

.faq input[type="checkbox"] {
  display: none;
}

/* .faq .faq-arrow {
  width: 10px;
  height: 10px;
  transition: -webkit-transform 0.8s;
  transition: transform 0.8s;
  transition: transform 0.8s, -webkit-transform 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  border-top: 2px solid rgba(0, 0, 0, 0.33);
  border-right: 2px solid rgba(0, 0, 0, 0.33);
  float: right;
  position: relative;
  top: -30px;
  right: 27px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
} */

.faq input[type="checkbox"]:checked + label > .faq-arrow {
  transition: -webkit-transform 0.8s;
  transition: transform 0.8s;
  transition: transform 0.8s, -webkit-transform 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.faq input[type="checkbox"]:checked + label {
  display: block;
  background: rgba(255, 255, 255, 255) !important;
  color: #4f7351;
  height: auto;
  transition: height 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  border: 1px solid #e1e1e1;
  border-radius: 20px;
  padding-top: 10px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.faq input[type="checkbox"]:not(:checked) + label {
  display: block;
  transition: height 0.8s;
  height: 50px;
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.blog-block h2,
.interview-advice-block h2,
.notice-block h2 {
  color: #5a5a5a;
  font-size: 31px;
  font-weight: 600;
  margin-bottom: 30px;
  text-transform: capitalize;
}

.blog-block ul {
  list-style: none;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px;
}

.blog-block ul li img {
  max-width: 180px;
}

.blog-block ul p {
  color: var(--Nav-Item, #000);
  font-size: 19px;
  font-weight: 300;
  line-height: normal;
}

.interview-advice-block,
.notice-block {
  padding-right: 50px;
}

.interview-advice-block ul,
.notice-block ul {
  padding: 0;
  list-style: none;
}

.interview-advice-block ul li {
  display: flex;
  gap: 20px;
  margin-bottom: 20px;
}

.notice-block ul li {
  display: flex;
  flex-direction: row-reverse;
  gap: 20px;
  margin-bottom: 20px;
}

.interview-advice-block ul li img,
.notice-block ul li img {
  max-width: 200px;
  height: auto;
}

.opening-jobs-manpower-details.block-post {
  list-style: none;
  padding: 0;
  text-align: left;
  padding-right: 50px;
}

.opening-jobs-manpower-details.block-post h2 {
  color: #5a5a5a;
  font-size: 31px;
  font-weight: 600;
  margin-bottom: 30px;
  text-transform: capitalize;
}

.opening-jobs-manpower-details.block-post li {
  border-bottom: 1px solid #9a9a9a;
  padding-bottom: 30px;
  margin-bottom: 30px;
}

.opening-jobs-manpower-details.block-post li .logo-img {
  min-width: 150px;
  min-height: 150px;
}

.opening-jobs-manpower-details.block-post li .logo-img img {
  width: 100%;
  border-radius: 20px;
}

.opening-jobs-manpower-details.block-post a.header {
  color: var(--Nav-Item, #000);
  font-size: 25px;
  font-weight: 400;
  line-height: 35.5px;
  text-decoration: none;
}

.opening-jobs-manpower-details.block-post a.header .day-left {
  color: #f05537;
  font-size: 19px;
  font-weight: 300;
  line-height: 35.5px;
}

.opening-jobs-manpower-details.block-post a.header .date-posted {
  color: #9a9a9a;
  font-size: 16px;
  font-weight: 300;
  line-height: 35.5px;
}

.opening-jobs-manpower-details.block-post a.header .promoted {
  color: var(--white-100, #fff);
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
  font-size: 14px;
  font-weight: 500;
  line-height: 35.5px;
  letter-spacing: 0.24px;
  background-color: #f05537;
  padding: 3px 15px;
  border-radius: 25px;
}

.opening-jobs-manpower-details.block-post .desc p {
  color: #5a5a5a;
  font-size: 17px;
  font-weight: 300;
  line-height: 35.5px;
}

.opening-jobs-manpower-details.block-post .desc a {
  text-decoration: none;
}

.opening-jobs-manpower-details.block-post .info {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.opening-jobs-manpower-details.block-post .info .apply-btn {
  text-decoration: none;
  color: var(--white-100, #fff);
  text-transform: uppercase;
  font-size: 21px;
  font-weight: 500;
  line-height: 15px;
  background-color: #3949ab;
  padding: 17px 25px;
}

.opening-jobs-manpower-details.block-post .desc .top.cat p:first-child {
  border-right: 1px solid #9a9a9a;
  padding-right: 20px;
}

.opening-jobs-manpower-details.block-post p {
  margin-bottom: 0;
}

.opening-jobs-manpower-details.block-post .desc .cat {
  display: flex;
  gap: 20px;
}

.opening-jobs-manpower-details.block-post .desc .cat i {
  color: #9a9a9a;
}

@media (min-width: 768px) and (max-width: 991px) {
  .jobs-cate ul li {
    align-items: center;
  }

  .jobs-cate.block ul li h3 {
    font-size: 21px;
  }

  .jobs-cate ul li p {
    font-size: 12px;
  }

  .useful-links-blocks {
    padding-left: 0;
  }

  .Career-tips-block .bot-con {
    grid-template-columns: repeat(2, 1fr);
  }

  .blog-block ul {
    grid-template-columns: repeat(2, 1fr);
  }

  .opening-jobs-manpower-details.block-post .desc .cat {
    flex-direction: column;
    gap: 0;
  }

  .opening-jobs-manpower-details.block-post .desc .top.cat p:first-child {
    border-right: none;
  }
}

@media (max-width: 991px) {
  .Career-tips-block .bot-con,
  .interview-advice-block,
  .notice-block {
    padding-right: 0;
  }

  .opening-jobs-manpower-details.block-post .info {
    flex-direction: column;
    align-items: flex-start;
  }

  .opening-jobs-manpower-details.block-post .info .apply-btn {
    margin-top: 15px;
  }
}

/* Begin Media Queries*/
@media screen and (max-width: 850px) {
  .contact-block .contact-wrapper {
    display: flex;
    flex-direction: column;
  }

  .contact-block .direct-contact-container,
  .contact-block .form-horizontal {
    margin: 0 auto;
  }

  .contact-block .direct-contact-container {
    margin-top: 60px;
    max-width: 300px;
  }

  .contact-block .social-media-list li {
    height: 60px;
    width: 60px;
    line-height: 60px;
  }

  .contact-block .social-media-list li:after {
    width: 60px;
    height: 60px;
    line-height: 60px;
  }

  .directory-page .search {
    max-width: 100%;
    min-width: 100%;
  }
}

@media (max-width: 767px) {
  .Career-tips-block .bot-con {
    grid-template-columns: repeat(2, 1fr);
  }

  .blog-block ul {
    grid-template-columns: repeat(2, 1fr);
  }

  .opening-jobs-manpower-details.block-post .info {
    flex-direction: column;
    align-items: flex-start;
  }

  .opening-jobs-manpower-details.block-post .info .apply-btn {
    margin-top: 15px;
  }
}

@media screen and (max-width: 569px) {
  .contact-block .direct-contact-container,
  .contact-block .form-wrapper {
    float: none;
    margin: 0 auto;
  }

  .contact-block .form-control,
  .contact-block textarea {
    margin: 0 auto;
  }

  .contact-block .name,
  .contact-block .email,
  .contact-block textarea {
    width: 100%;
  }

  .contact-block .direct-contact-container {
    margin-top: 60px;
    max-width: 280px;
  }

  .contact-block .social-media-list {
    left: 0;
  }

  .contact-block .social-media-list li {
    height: 55px;
    width: 55px;
    line-height: 55px;
    font-size: 2rem;
  }

  .contact-block .social-media-list li:after {
    width: 55px;
    height: 55px;
    line-height: 55px;
  }
}

@media (max-width: 575px) {
  .useful-links-blocks {
    padding-left: 0;
  }

  .related-directory-block .items {
    flex-wrap: wrap;
  }

  .Career-tips-block .bot-con {
    grid-template-columns: repeat(1, 1fr);
  }

  .blog-block ul {
    grid-template-columns: repeat(1, 1fr);
  }

  .interview-advice-block ul li {
    flex-direction: column;
  }

  .notice-block ul li {
    flex-direction: column;
  }

  .interview-advice-block ul li img,
  .notice-block ul li img {
    max-width: 100%;
  }

  .opening-jobs-manpower-details.block-post .info {
    flex-direction: column;
    align-items: flex-start;
  }

  .opening-jobs-manpower-details.block-post .info .apply-btn {
    margin-top: 15px;
  }

  .about-bank-detail .bank-info {
    flex-direction: column;
  }

  .directory-page .search {
    max-width: 100%;
    min-width: 100%;
  }
  footer ul a {
    font-size: 16px;
  }
}

@media screen and (max-width: 410px) {
  .contact-block .send-button {
    width: 99%;
  }
}

/* ---profile completions -------------------------------- */
.progress-profile {
  --progress: 0;
  /*200px*/
  /*   --progress-bar-height:20;  */
  position: relative;
  display: flex;
  --progress-bar-width: 100%;
  /*500px*/
  /*   height:clamp(1rem,calc(var(--progress-bar-height) * 0.1rem),10rem); */
  border: 3px solid #3949ab;
  border-radius: 8px;
  font-size: 12px;
  font-family: Courier, monospace;
  overflow: hidden;
  width: 100%;
  max-width: calc(var(--progress-bar-width) * 0.1rem);
  margin: auto;
  font-weight: bold;
}

.progress-profile .back,
.progress-profile .front {
  padding: 0.5rem;
}

.progress-profile .back {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  background: #3949ab;
  color: white;
}

.progress-profile .front {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: white;
  color: #3949ab;
  clip-path: inset(0 0 0 calc(var(--progress) * 1%));
  -webkit-clip-path: inset(0 0 0 calc(var(--progress) * 1%));
  transition: clip-path 0.5s linear;
}

/* ----------print-btnko css------------------- */
.printko-btn {
  padding: 10px 15px;
  background-color: #3949ab;
  color: #fff;
  border: none;
  max-width: 280px;
  margin-top: 30px;
}

/* --------appplyjob ko baki css---------------- */
.user-info-box-content {
  margin: 20px auto;
  padding: 30px 30px;
  background-color: #9a9a9a;
  display: flex;
  gap: 20px;
  justify-content: space-between;
}

.user-info-box-content .info-person {
  width: 60%;
}

.user-info-box-content .info-person,
.user-info-box-content .right-s {
  display: flex;
  gap: 20px;
}

.user-info-box-content .right-s {
  flex-direction: column;
  width: 38%;
}

.underground-btn {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

@media screen and (max-width: 768px) {
  .user-info-box-content {
    flex-wrap: wrap;
  }

  .user-info-box-content .info-person {
    width: 100%;
  }

  .user-info-box-content .right-s {
    flex-direction: column;
    width: 100%;
  }
}

.user-info-box-content .right-s a {
  background-color: #3949ab;
  color: #fff;
  text-decoration: none;
  padding: 10px 15px;
  border-radius: 5px;
}

.user-info-box-content .info-person .img-box {
  max-width: 80px;
  max-height: 80px;
  min-width: 80px;
  min-height: 80px;
}

.user-info-box-content .info-person .img-box img {
  width: 100%;
  min-height: 80px;
  object-fit: cover;
}

.filter-btn-candidate {
  background-color: #3949ab;
  border: none;
  color: #fff;
  padding: 10px 15px;
}

.pre-candidate .user__details .input__box {
  margin-bottom: 20px;
}

/* -----------info oritentation form-------------- */
.info_orientaion_view .user__details .input__box {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 20px;
}

.info_orientaion_view .user__details .input__box p {
  margin-bottom: 0;
}

.info_orientaion_view .user__details .input__box .typeable {
  padding: 10px 20px;
  width: 100%;
}

/* -------lt-search----------- */
.lt_search,
.foreign-exchange {
  margin: 20px auto;
  padding: 60px 0;
  background-color: #fff;
}

.search-bar-lt {
  background: #fff;
  padding: 10px;
  border-radius: 20px;
  max-width: 600px;
  margin: 0 auto;
  position: relative;
}

.search-bar-lt .search-bars,
.search-bar-lt .search-bars.active {
  /* border: 1px solid #000; */
  border: 1px solid #00000045;
  border-radius: 50px;
  justify-content: space-between;
  display: flex !important;
  align-items: center;
}

.search-bar-lt.active {
  border-bottom: 2px solid #7158e2;
}

.search-bar-lt input {
  font-size: 18px;
  border: none;
  outline: none;
  padding: 10px 20px;
  width: 100%;
  border-radius: 100%;
}
.search-bar-lt input:focus {
  border-color: #3949ab !important;
}
.search-bar-lt i {
  color: #fff;
  background-color: #3949ab;
  padding: 11px 12px;
  font-size: 25px;
  border-radius: 100%;
  outline: 3px solid #3949ab;
  outline-offset: -2px;
}

.search-bar-lt .list-group {
  padding: 10px;
  background: white;
  border-radius: 0 0 7px 7px;
  display: none;
  max-height: 200px;
  overflow-y: auto;
}

.search-bar-lt .list-group li {
  list-style: none;
  background: white;
  padding: 10px;
  border-radius: 5px;
  color: #2f3542;
  cursor: pointer;
  transition: all 0.2s ease;
  position: absolute;
  width: 100%;
}

.search-bar-lt .list-group li:hover {
  background: #dfe4ea;
}

.lt_search .container {
  margin-top: 40px;
}

.lt_search .job-description-side {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.lt_search h2 {
  color: #9a9a9a;
  text-align: center;
  margin-bottom: 40px;
}

.lt_search .job-description-side .info-box h6 {
  font-weight: 700;
}

.lt_search .job-description-side .info-box p {
  font-weight: normal;
  color: #9a9a9a;
}

@media (max-width: 575px) {
  .lt_search .job-description-side {
    grid-template-columns: repeat(1, 1fr);
  }
}

/* -------foreign exchange--------- */
.foreign-exchange .exchange-rate {
  padding: 0;
}

.foreign-exchange .exchange-rate .container {
  display: block;
}

.foreign-exchange .money-rate {
  width: 100%;
}

.foreign-exchange .container {
  height: auto;
  max-width: 1100px;
  /* background-image: linear-gradient(to bottom left,#a4d1a2,#b1eece ); */
  background-color: #ffffff;
  margin-top: 10vh;
  padding: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: none;
  border-radius: 20px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  color: #000000;
  opacity: 1;
  text-align: center;
  align-content: center;
}

.foreign-exchange .currency {
  padding: 20px 0;
  display: flex;
}

.foreign-exchange .currency select {
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  background-color: transparent;
  color: #0e3114;
  width: 80px;
  height: 32px;
  border: none;
  border-radius: 5px;
  font-size: 1.5rem;
  font-weight: bold;
}

.foreign-exchange .currency input {
  font-family: Verdana, Geneva, Tahoma, sans-serif;

  background-color: transparent;
  color: #192c1e;
  width: 400px;
  height: 40px;
  border: none;
  border-radius: 30px;
  padding: 2px;
  font-size: 1.8rem;
  font-weight: 500;
  margin-top: 4px;
  text-align: end;
}

.foreign-exchange .currency select option {
  background-color: #89c095;
  font-size: 1rem;
  color: rgb(20, 41, 26);
}

.foreign-exchange .result {
  display: flex;
  align-items: center;
  justify-content: center;
}

.foreign-exchange button#exchange {
  width: 80px;
  height: 80px;
  margin-top: 15px;
  margin-bottom: 15px;
  background-color: transparent;
  color: #213a25;
  font-weight: bold;
  font-size: 2.5rem;
  text-align: center;
  justify-content: center;
  padding-bottom: 0.3rem;
  border: none;
  /* border: 2px solid #000;*/
  border-radius: 50%;
}

.foreign-exchange button#exchange:hover {
  color: #fff;
  background-color: #3949ab;
  border: none;
  border-radius: 50%;
}
.foreign-exchange .rate {
  color: #5f2419;
  width: 500px;
  height: 35px;
  border-radius: 15px;
  border-radius: 35px;
  margin-top: 80px;
  font-weight: 500;
  font-size: 2rem;
  text-align: center;
}

.foreign-exchange select:focus,
input:focus,
button:focus {
  outline: 0;
}

.search-box-nav .input__box select.typeable {
  border-radius: var(--8, 8px);
  border: 1px solid #b8b2b2;
  background: rgba(255, 255, 255, 0);
  padding: 15px;
  font-size: 16px;
  transition: all 0.3s ease;
  width: 100%;
  gap: 1rem;
}

.category-hiring .container h1 {
  font-size: 2rem;
  margin: 1rem 0;
}
.category-hiring .manpower ul li .views-active {
  display: flex;
  gap: 8px;
}
.category-hiring .container .cat-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}
.category-hiring .manpower ul li .employee-details {
  display: grid;
  align-items: start;
  row-gap: 4px;
}
.category-hiring .manpower ul li .employee-details i {
  margin-right: 6px;
}
.category-hiring .container .category-card {
  min-height: 100px;
  background: #fff !important;
  border-radius: 8px;
  box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px,
    rgba(17, 17, 26, 0.05) 0px 8px 32px;
}

.category-hiring .container .category-card img {
  max-width: 100px;
  max-height: 70px;
  min-height: 70px;
  margin: 0 auto;
  margin-bottom: 8px;
}

.category-hiring .manpower ul {
  padding: 0;
  list-style: none;
  background: #fff;
  padding: 24px;
  border: 1px solid #3949ab1a;
}

.category-hiring .col-md-9 {
  border-right: 1px solid #9a9a9a;
  padding-right: 60px;
}

.category-hiring .col-md-3 {
  padding-left: 20px;
}

.category-hiring .manpower ul li {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #e0e0e0;
  text-align: left;
  padding: 16px 0;
  column-gap: 8px;
}

.category-hiring .manpower ul li:last-child {
  border-bottom: 0;
}

.category-hiring .manpower ul li .logo {
  max-width: 80px;
  max-height: 80px;
  align-self: center;
  flex-direction: initial !important;
  justify-content: flex-end;
}

.category-hiring .manpower ul li .logo img {
  width: 100%;
}

.category-hiring .manpower ul li h4 {
  color: #423c3c;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 10px;
}

.category-hiring .manpower ul li p {
  color: #5a5a5a;
  font-size: 14px;
  font-weight: 300;
  line-height: 15px;
  margin-bottom: 3px;
}

.go-to-top {
  display: none;
  position: fixed;
  right: 10px;
  bottom: 20px;
  float: right;
}

.go-to-top.show {
  display: block;
}

.go-to-top i {
  padding: 15px 18px;
  border-radius: 100%;
  color: #fff;
  background-color: #f05537;
}

.img-box-square img,
.img-box-wide img,
.img-box-half-wide img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

/* removed with guidance of frontend */
/* .img-box-wide img,
.img-box-half-wide img {
  max-height: 300px;
} */

.home-ad-below-banner {
  padding: 20px 0;
  background-color: #fff;
}

.home-ad-above-footer {
  padding-top: 20px;
}

.manpower-listing-jobopening-sidebar-ad,
.job-details-sidebar-ad,
.directory-listing-category-ad,
.post-details-category-ad {
  width: 100%;
  height: auto;
  position: sticky;
  top: 10px;
  left: 0;
}

.job-details-below-newspaper-ad,
.job-details-above-footer-ad,
.mapower-listing-above-recent-trending-ad,
.mapower-listing-above-footer-ad,
.mapower-listing-within-list-ad,
.job-listing-above-recent-trending-ad,
.job-listing-above-footer-ad,
.job-listing-below-list-ad,
.ethical-job-listing-below-list-ad,
.ethical-job-listing-above-footer-ad,
.ethical-job-listing-above-recent-trending-ad,
.country-detail-above-recent-trending-ad,
.country-detail-above-footer-ad,
.apply-job-above-footer-ad,
.directory-listing-above-footer-ad,
.directory-details-category-ad,
.directory-details-above-footer-ad,
.radio-above-footer-ad,
.popular-manpower-above-footer-ad,
.popular-manpower-category-ad,
.popular-manpower-list-item-ad,
.job-list-by-category-item-ad,
.job-list-by-category-ad,
.post-details-above-footer-ad,
.jobs-category-above-footer-ad,
.recent-job-list-by-category-ad,
.recent-job-list-above-footer-ad {
  position: relative;
  width: 100%;
  height: auto;
  margin-top: 20px;
}

.manpower-listing-jobopening-sidebar-ad img,
.job-details-below-newspaper-ad img,
.job-details-sidebar-ad img,
.job-details-above-footer-ad img,
.mapower-listing-above-recent-trending-ad img,
.mapower-listing-above-footer-ad img,
.mapower-listing-within-list-ad img,
.job-listing-above-recent-trending-ad img,
.job-listing-above-footer-ad img,
.job-listing-below-list-ad img,
.ethical-job-listing-below-list-ad img,
.ethical-job-listing-above-footer-ad img,
.ethical-job-listing-above-recent-trending-ad img,
.country-detail-above-recent-trending-ad img,
.country-detail-above-footer-ad img,
.apply-job-above-footer-ad img,
.directory-listing-above-footer-ad img,
.directory-listing-category-ad img,
.directory-details-category-ad img,
.directory-details-above-footer-ad img,
.radio-above-footer-ad img,
.popular-manpower-above-footer-ad img,
.popular-manpower-category-ad img,
.popular-manpower-list-item-ad img,
.job-list-by-category-item-ad img,
.job-list-by-category-ad img,
.post-details-category-ad img,
.post-details-above-footer-ad img,
.jobs-category-above-footer-ad img,
.recent-job-list-by-category-ad img,
.recent-job-list-above-footer-ad img {
  width: 100%;
  object-fit: cover;
  height: auto;
}

/* -----manpower faq section css--------- */
.faq-block-manpower {
  text-align: left;
}

.faq-block-manpower h1 {
  font-size: 27px;
  margin-top: 20px;
  border-bottom: 1px solid #eee;
  padding-bottom: 20px;
}

.faq-block-manpower .faq {
  background-color: transparent;
  border: 1px solid #3949ab;
  border-radius: 10px;
  padding: 20px;
  margin: 20px 0;
  position: relative;
  overflow: hidden;
  transition: all 0.4s ease;
}

.faq-block-manpower .faq.active {
  background-color: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.1);
}

.faq-block-manpower .faq-title {
  margin: 0 35px 0 0;
  font-size: 21px;
}

.faq-block-manpower .faq-text {
  display: none;
  margin: 30px 0 0;
  font-size: 18px;
}

.faq-block-manpower .faq.active .faq-text {
  display: block;
}

.faq-block-manpower .faq-toggle {
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  position: absolute;
  top: 18px;
  right: 16px;
  height: 30px;
  width: 30px;
  color: #f05537;
}

.faq-block-manpower .chevron,
.faq-block-manpower .close {
  width: 12px;
  height: 12px;
}

.faq-block-manpower .faq-toggle .close {
  display: none;
}

.faq-block-manpower .faq.active .faq-toggle .close {
  display: block;
}

.faq-block-manpower .faq.active .faq-toggle .chevron {
  display: none;
}

.faq-block-manpower .faq.active .faq-toggle {
  background-color: #f05537;
  border-radius: 50%;
  color: #ffffd9;
}

/* Account Deletion Styles */

.account-deletion {
  padding: 60px 80px;
  background-color: white;
}

@media (max-width: 1548px) {
  .account-deletion {
    padding: 40px 20px;
  }
}

@media (max-width: 1500px) {
  .account-deletion {
    padding: 40px 20px;
  }
}

@media (max-width: 1300px) {
  .account-deletion {
    padding: 40px 20px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .account-deletion {
    padding: 40px 20px;
  }
}

.account-deletion .title,
.account-deletion .title h2 {
  font-size: 28px;
  font-weight: 500;
  position: relative;
  margin-bottom: 20px;
}

.account-deletion form {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 60px;
}

.account-deletion form .input__box {
  width: 100%;
  margin-block: 25px;
  background: white;
}

.top-sec {
  margin-top: 24px;
  font-size: 1.25rem;
}

.account-deletion form .input__box input {
  border-radius: var(--8, 8px);
  border: 1px solid #b8b2b2;
  background: rgba(255, 255, 255, 0);
  padding: 15px;
  font-size: 16px;
  transition: all 0.3s ease;
  width: fit-content;
  min-width: 340px;
  margin-top: 8px;
}

.account-deletion form .input__box .details {
  color: #5a5a5a;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 5px;
}

.account-deletion form button {
  background: #f05537;
  color: #fff;
  text-align: center;
  font-size: 1.25rem;
  padding: 12px 16px;
  border-radius: var(--4, 4px);
  border: none;
  transition: 0.4s;
  width: fit-content;
  text-transform: uppercase;
}

.read-more-about-manpower-wrapper img {
  margin-right: 20px;
  margin-bottom: 20px;
}

.read-more-about-manpower-wrapper {
  min-height: 350px;
}

.job-info .information {
  width: 100%;
  overflow: hidden;
}

@media screen and (max-width: 992px) {
  .Cv-Creater form .user__details.editable.active-this {
    display: flex;
    flex-direction: column;
  }
}

.category-items {
  width: 100% !important;
  display: flex !important;
  flex-direction: column;
  align-items: center;
}

.rating-box {
  position: relative;
}

.rating-box .stars {
  display: flex;
  align-items: center;
  gap: 12px;
}

.stars i {
  color: #e6e6e6;
  font-size: 26px;
  cursor: pointer;
  transition: color 0.2s ease;
}

.stars i.active {
  color: #ff9c1a;
}

.info-box h4 {
  font-size: 18px;
}

.admin-dashboard-table td.status p,
.admin-dashboard-table td.action p {
  white-space: nowrap;
}

/* ----------Under Construction----------- */

.under-construction {
  background-color: #ffffff;
  position: relative;
}

.under-construction .container h2 {
  text-align: center;
  position: absolute;
  top: 0%;
  left: 40%;
  transform: translateX(-50%);
  font-size: 24px;
  color: #f05537;
  padding: 20px 40px;
  border: 2px solid #f05537;
  border-radius: 8px;
  rotate: -30deg;
  background-color: rgb(255 216 209 / 45%);
}

.under-construction .container .detail {
  max-width: 800px;
  margin-inline: auto;
  padding-block: 60px;
  text-align: center;
}

.under-construction .container .detail .desc {
  font-size: 18px;
}

.under-construction .container .detail img {
  width: 50%;
}

/* .select2-container--default
  .select2-selection--multiple
  .select2-selection__rendered {
  margin-top: -14px !important;
} */

.directory-page .about-bank-detail img {
  width: 100%;
}

/* ---------------addded csses------------------- */
.suppoters-in-country {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(2, 1fr);
}

.carousels {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(4, 1fr);
}

.carousel {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(3, 1fr);
}

@media (max-width: 1399px) {
  .carousels {
    grid-template-columns: repeat(3, 1fr);
  }

  .carousel {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 1024px) {
  .carousels {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  .suppoters-in-country {
    grid-template-columns: repeat(1, 1fr);
  }
}

@media (max-width: 575px) {
  .carousel,
  .carousels {
    grid-template-columns: repeat(1, 1fr);
  }

  footer {
    padding: 48px 0 !important;
    text-align: center;
  }
  footer ul a img {
    max-width: 140px;
  }
}

/* passport search */

.lt_search h2.passport-initial {
  font-size: 18px;
  font-weight: 300;
  color: black;
  line-height: 1.5;
}
.lt_search h2.passport-error {
  text-align: start;
}
.lt_search h2.passport-success {
  font-size: 17px;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 16px;
}

.passport-description {
  margin-top: 24px;
  margin-bottom: 24px;
}
.passport-info-box,
.lt-info-box {
  display: flex;
  gap: 16px;
  margin-bottom: 8px;
}
.passport-info-box h6 {
  font-size: 18px;
  margin: 0;
  font-weight: 600;
}
.passport-info-box p {
  margin: 0;
}
.lt-info-box h6 {
  font-size: 18px;
  margin: 0;
  font-weight: 600;
}
.lt-info-box p {
  font-size: 16px;
  margin: 0;
}
.lt-table th,
.lt-table td {
  border: 1px solid #ecf0f1;
}

@media screen and (max-width: 560px) {
  .lt_search h2.passport-initial {
    font-size: 14px;
    text-align: start;
  }
  .lt_search h2.passport-success {
    text-align: start;
  }
  .lt-info-box h6 {
    font-size: 16px;
  }
  .lt-info-box p {
    font-size: 14px;
  }
  .lt-table {
    font-size: 14px;
  }
}

.m-0 {
  margin: 0;
}
.text-sj-accent-primary {
  color: #f05538 !important;
}

.text-sj-accent-secondary {
  color: #3949ab !important;
}
.bg-sj-accent-primary {
  background-color: #f05538 !important;
}
.bg-sj-accent-secondary {
  background-color: #3949ab !important;
}

.cv-view-underline {
  border-bottom: 2px solid black;
  border-radius: 0px;
  font-weight: 600 !important;
}

/* NEW FIXES & CHANGES */
.toast:not(.showing):not(.show) {
  z-index: 99999;
  position: fixed;
}
.toast-container {
  z-index: 99999;
}
@media (max-width: 991.98px) {
  .carousel.urgent-job-post {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 575.98px) {
  .carousel.urgent-job-post {
    grid-template-columns: 100%;
  }
  .carousel.urgent-job-post > div {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .job-listing .job-listing-page .main-content {
    padding-right: 0 !important;
  }
}

@media (max-width: 991.98px) {
  .container,
  .container-sm {
    max-width: 100% !important;
  }
}

body,
p,
h1,
h2,
h3,
h4,
span,
a,
li {
  font-family: "Open Sans", sans-serif !important;
}

*:not(body):not(html)::-webkit-scrollbar {
  width: 9px;
}

*:not(body):not(html)::-webkit-scrollbar-track {
  border-radius: 100vh;
  background: #e0e0e0;
}

*:not(body):not(html)::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  border-radius: 100vh;
  background: linear-gradient(90deg, #3949ab, #2b398f);
}
.description-box-admin-content {
  margin-top: 16px;
}
.more-button-exchange {
  font-weight: 600;
}
.exchange-rate .job-vacation .main-content ul > a {
  position: relative;
}
.exchange-rate .job-vacation .main-content ul > a::before {
  content: "\f054";
  font-family: "Font Awesome 6 free";
  font-weight: 900;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  font-size: 14px;
  color: #3949ab;
}
.page-link {
  color: #3949ab;
}
table tbody tr:last-child td {
  border-bottom: 1px solid #ecf0f1;
}
.radio-player .similar-radios .radio {
  max-width: 100% !important;
}

@media (min-width: 992px) {
  .post-job-cat-section .jobs-cate {
    margin-left: 24px;
  }
}

.select2-container .select2-dropdown {
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px !important;
  padding: 8px !important;
  border: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #d4d4d4 !important;
  border-radius: 4px;
}
.radio-player .similar-radios .popular-radio-title {
  padding-bottom: 24px;
}
.radio-player .similar-radios h3 {
  margin-bottom: 0 !important;
}
.radio-player .similar-radios .search .searchTerm {
  border: 1px solid #00000045;
  color: #ddd !important;
}
.bottom-bar-radio .right-side {
  gap: 16px !important;
}
.bottom-bar-radio {
  margin-bottom: 8px;
}
.playing-radio .radio-information .follow-btn {
  border-radius: 4px;
  padding: 6px 20px;
}

.directory-page .jobs-cate ul > a {
  padding: 10px !important;
  border-radius: 4px;
  list-style-type: none !important;
  border: 1px solid #3949ab24;
  background: #3949ab05;
  margin-bottom: 8px !important;
}
.directory-page .jobs-cate ul li::before {
  display: none;
}
.directory-page .jobs-cate ul li h4 {
  margin-left: 0 !important;
  font-size: 18px !important;
}
.directory-page .jobs-cate ul li p {
  color: #ffffff;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  margin-bottom: 0;
  background: #3949ab;
  padding: 2px 6px;
  border-radius: 4px;
}

.placeholder-glow * {
  font-size: 18px !important;
}

.cursor-pointer {
  cursor: pointer;
}