/* Start variables */
:root {
  --body-bg: #f7f7f7;
  --footer-bg: #1fbbb3;
  --black-cl: #242424;
  --nav-item-cl: #919191;
  --dark-teal: #138490;
  --light-teal: #33bdc7;
  --dark-indigo: #574ec6;
  --dark-violet: #614bc3;
  --statistics-card-bg: #1384900d;
  --text-cl: #fff;
  --main-req: #747286;
  --applicant-cl: #868686;
  --text-size: clamp(15px, 3vw, 18px);
  --subtitle-size: clamp(18px, 3.5vw, 21px);
  --title-size: clamp(25px, 5vw, 32px);
  --trans: all 0.3s ease;
  --border-radius: 10px;
  --margin-section: 100px;
  --margin-subPage: 180px 0;
  --margin-subPage-less: 65px 0 180px;
}
/* End variables */
/* Start constant values */
@font-face {
  font-family: neo-regular;
  src: url(../font/alfont_com_AlFont_com_Neo-Sans-W23.ttf);
}
@font-face {
  font-family: neo-medium;
  src: url(../font/alfont_com_AlFont_com_Neo-Sans-W23-m-1.ttf);
}
@font-face {
  font-family: neo-black;
  src: url(../font/alfont_com_AlFont_com_Neo-Sans-W23-b.ttf);
}
html,
body {
  background-color: var(--body-bg);
  overflow-x: hidden;
}
.container {
  max-width: 1200px;
  width: 100%;
  padding: 0 1rem;
}
* {
  font-family: neo-medium;
  list-style: none;
  text-decoration: none !important;
}
main {
  min-height: 55vh;
}
.mar-sec {
  margin-top: var(--margin-section);
}
.mar-sub {
  margin: var(--margin-subPage);
}
.mar-less {
  margin: var(--margin-subPage-less);
}
.background-sub {
  box-shadow: 0px 3px 6px #00000029;
  background-color: #fff;
  border-radius: var(--border-radius);
  -webkit-border-radius: var(--border-radius);
  -moz-border-radius: var(--border-radius);
  -ms-border-radius: var(--border-radius);
  -o-border-radius: var(--border-radius);
  max-width: 1000px;
  width: 100%;
  text-align: center;
  padding: 100px 0;
}
.general-main .general-inputs {
  margin-top: 85px;
  margin-bottom: 65px;
  max-width: 450px;
  width: 100%;
}
.general-main .custom-input,
.general-main .select2 {
  width: 100%;
  border-radius: var(--border-radius) !important;
  -webkit-border-radius: var(--border-radius) !important;
  -moz-border-radius: var(--border-radius) !important;
  -ms-border-radius: var(--border-radius) !important;
  -o-border-radius: var(--border-radius) !important;
  padding: 18px 24px;
  box-shadow: 0px 3px 6px #00000029;
  border: 1px solid #e8e8e8;
  font-size: var(--text-size);
  outline: none;
}
.general-main .select2-container--default .select2-selection--single {
  border: none;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  margin-left: 10px;
  margin-top: 20px;
  /* border-width: 6px 6px 0 6px; */
}
.select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  color: var(--nav-item-cl);
}
.general-main .file-name {
  font-size: 14px;
  color: var(--dark-teal);
  margin: 0 auto;
  max-width: 200px;
  text-align: center;
}
.general-main .custom-input::placeholder {
  color: #ddd;
}
.general-main .custom-label {
  font-family: neo-regular;
  font-size: 20px;
  color: var(--nav-item-cl);
  width: 200px;
  text-align: end;
  padding-top: 15px;
}
.general-main .col-form {
  display: flex;
  /* align-items: center; */
  justify-content: center;
  gap: 1.5rem;
  width: 100%;
}
.general-main .img-info img {
  width: 120px;
  height: 120px;
  box-shadow: 0px 3px 6px #0000000f;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  object-fit: cover;
}
.general-main input[type="radio"] {
  accent-color: var(--dark-teal);
  scale: 1.3;
}
.form-control.is-invalid,
.was-validated .form-control:invalid,
.form-control.is-valid,
.was-validated .form-control:valid {
  background-position: left calc(0.375em + 0.1875rem) center !important;
}
.form-control.is-invalid,
.was-validated .form-control:invalid {
  border-color: var(--bs-form-invalid-border-color) !important;
}
.form-control.is-valid,
.was-validated .form-control:valid {
  border-color: var(--bs-form-valid-border-color) !important;
}
.general-main .general-form-btn {
  background-color: var(--dark-indigo);
  color: #fff;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border: none;
  outline: none;
  height: 50px;
}
.general-form-container .title-form {
  font-size: 30px;
}
.general-main .send-message-btn .btn {
  width: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--dark-indigo);
  color: #fff;
  padding: 10px;
  font-size: clamp(16px, 2vw, 20px);
}
.company-cl {
  color: var(--dark-indigo);
}
.seekers-cl {
  color: var(--dark-teal);
}
.general-main .title-page {
  font-size: clamp(28px, 5vw, 35px);
  margin: 45px 0 35px;
}
.general-main .td-gray {
  background-color: #dedede;
  color: #6a6a6a;
}
.general-main .td-blue {
  background-color: #d6e4ff;
  color: #574ec6;
}
.general-main .td-red {
  background-color: #ffc4c4;
  color: #8d0b0b;
}
.general-main .td-green {
  background-color: #c3ffdc;
  color: #279e4d;
}
@media screen and (max-width: 767px) {
  .general-inputs .col-form {
    flex-direction: column;
    align-items: flex-start;
  }
  .general-inputs .custom-label {
    text-align: start;
  }
}
@media screen and (max-width: 500px) {
  .general-inputs {
    max-width: 100%;
    padding: 0 1rem;
  }
}
/* End constant values */
/* Start header */
header {
  box-shadow: 0px 0px 10px #00000048;
  background-color: #fff;
}
header nav {
  position: relative;
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
header nav li a {
  position: relative;
  font-family: neo-regular;
  color: var(--nav-item-cl);
  font-size: var(--text-size);
  transition: var(--trans);
  -webkit-transition: var(--trans);
  -moz-transition: var(--trans);
  -ms-transition: var(--trans);
  -o-transition: var(--trans);
}
header nav li:not(.nav-account-mob) a:hover,
header nav li:not(.nav-account-mob) a.active {
  color: var(--dark-teal);
}
header nav li:not(.nav-account-mob) a::after {
  position: absolute;
  content: "";
  bottom: -6px;
  right: 0;
  width: 0%;
  height: 3px;
  background-color: var(--dark-teal);
  transition: var(--trans);
  -webkit-transition: var(--trans);
  -moz-transition: var(--trans);
  -ms-transition: var(--trans);
  -o-transition: var(--trans);
}
header nav li a:hover::after,
header nav li a.active::after {
  width: 100%;
}
header nav .nav-account-mob {
  display: none;
  padding: 10px;
  max-width: 180px;
  width: 100%;
  align-items: center;
  justify-content: center;
  border-radius: var(--border-radius);
  -webkit-border-radius: var(--border-radius);
  -moz-border-radius: var(--border-radius);
  -ms-border-radius: var(--border-radius);
  -o-border-radius: var(--border-radius);
}
header nav .nav-menu li.seekers-account__link {
  background-color: var(--dark-teal);
}
header nav .nav-menu li.company-account__link {
  background-color: var(--dark-indigo);
}
header nav .nav-account-mob a {
  color: #fff;
}
header nav .nav-account {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 1rem;
  left: 0;
  top: 0;
}
header nav .general-nav .nav-account__link {
  position: relative;
  font-size: var(--text-size);
  padding: 14px 10px 10px;
  box-shadow: 0px 0px 6px #00000029;
  color: var(--nav-item-cl);
  border-radius: 0 0 6px 6px;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  -ms-border-radius: 0 0 6px 6px;
  -o-border-radius: 0 0 6px 6px;
  cursor: pointer;
  width: 180px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: var(--trans);
  -webkit-transition: var(--trans);
  -moz-transition: var(--trans);
  -ms-transition: var(--trans);
  -o-transition: var(--trans);
}
header nav .general-nav .nav-account__link.nav-account__myAccount {
  gap: 1rem;
}
header nav .general-nav .myAccount-container .myAccount__list {
  position: absolute;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 10px 5px;
  background-color: #fff;
  box-shadow: 0px 0px 6px #00000029;
  border-radius: 0 0 6px 6px;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  -ms-border-radius: 0 0 6px 6px;
  -o-border-radius: 0 0 6px 6px;
  opacity: 0;
  pointer-events: none;
  transition: var(--trans);
  -webkit-transition: var(--trans);
  -moz-transition: var(--trans);
  -ms-transition: var(--trans);
  -o-transition: var(--trans);
}
header nav .myAccount__list li {
  width: 100%;
}
header nav .myAccount__list li a {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px 0 8px;
  z-index: 2;
  color: var(--nav-item-cl);
}
header nav .myAccount__list li a::after {
  background: #f8f8f8;
  height: 100%;
  z-index: -1;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
}
header nav .myAccount__list li a:hover::after {
  width: 100%;
}
header
  nav
  .general-nav
  .myAccount-container
  .nav-account__link.nav-account__myAccount
  svg {
  transition: var(--trans);
  -webkit-transition: var(--trans);
  -moz-transition: var(--trans);
  -ms-transition: var(--trans);
  -o-transition: var(--trans);
}
header
  nav
  .general-nav
  .myAccount-container
  input[type="checkbox"]:checked
  ~ .nav-account__link.nav-account__myAccount
  svg {
  rotate: 180deg;
}
header
  nav
  .general-nav
  .myAccount-container
  input[type="checkbox"]:checked
  ~ .myAccount__list {
  opacity: 1;
  pointer-events: visible;
}
header nav .general-nav .nav-account__link::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 5px;
}
header nav .general-nav .nav-account__link.seekers-account__link::before {
  background-color: var(--dark-teal);
}
header nav .general-nav .nav-account__link.company-account__link::before {
  background-color: var(--dark-indigo);
}
header .toggle-bars {
  display: none;
}
header .toggle-bars > i {
  font-size: 1.5rem;
  cursor: pointer;
  color: var(--main-header-col);
}
header .toggle-bars .menuButton {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 2.5em;
  /* height: 3.5em; */
  border-radius: 0.5em;
  -webkit-border-radius: 0.5em;
  -moz-border-radius: 0.5em;
  -ms-border-radius: 0.5em;
  -o-border-radius: 0.5em;
  transition: var(--trans);
  -webkit-transition: var(--trans);
  -moz-transition: var(--trans);
  -ms-transition: var(--trans);
  -o-transition: var(--trans);
}
header .toggle-bars input[type="checkbox"] {
  -webkit-appearance: none;
  display: none;
  visibility: hidden;
}
header .toggle-bars .menuButton span {
  width: 30px;
  height: 4px;
  margin-top: 6px;
  background-color: var(--dark-teal);
  cursor: pointer;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
header .toggle-bars input[type]:checked ~ span.top {
  margin-top: 8px;
  transform: translateY(290%) rotate(45deg);
  -webkit-transform: translateY(290%) rotate(45deg);
  -moz-transform: translateY(290%) rotate(45deg);
  -ms-transform: translateY(290%) rotate(45deg);
  -o-transform: translateY(290%) rotate(45deg);
}
header .toggle-bars input[type]:checked ~ span.bot {
  margin-top: 8px;
  transform: translateY(-270%) rotate(-45deg);
  -webkit-transform: translateY(-270%) rotate(-45deg);
  -moz-transform: translateY(-270%) rotate(-45deg);
  -ms-transform: translateY(-270%) rotate(-45deg);
  -o-transform: translateY(-270%) rotate(-45deg);
}
header .toggle-bars input[type]:checked ~ span.mid {
  opacity: 0;
  transform: translateX(-20px);
  -webkit-transform: translateX(-20px);
  -moz-transform: translateX(-20px);
  -ms-transform: translateX(-20px);
  -o-transform: translateX(-20px);
}
@media screen and (max-width: 992px) {
  header .nav-menu {
    gap: 1.5rem !important;
    position: absolute;
    flex-direction: column;
    top: 120px;
    left: -20px;
    z-index: 1;
    box-shadow: 0px 0px 10px #00000048;
    background-color: #fff;
    padding: 2rem 0 3rem !important;
    right: -20px;
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    border-bottom: 1px solid #eee;
  }
  header .nav-menu.active {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  }
  header .toggle-bars {
    display: flex;
  }
  header nav .nav-account .nav-account__link {
    display: none;
  }
  header nav .nav-account-mob {
    display: flex;
  }
  header nav {
    align-items: center;
  }
  header nav .general-nav .nav-account__link {
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
  }
  header
    nav
    .general-nav
    .myAccount-container
    input[type="checkbox"]:checked
    ~ .myAccount__list {
    position: relative;
  }
}
@media screen and (max-width: 550px) {
  header nav img {
    width: 80px;
  }
}
/* End header */
/* Start slider */
.slider-section {
  padding: 50px 0;
  height: 60vh;
}
.slider-section #carouselContainer.slide {
  overflow: hidden;
  border-radius: var(--border-radius);
  -webkit-border-radius: var(--border-radius);
  -moz-border-radius: var(--border-radius);
  -ms-border-radius: var(--border-radius);
  -o-border-radius: var(--border-radius);
}
.slider-section .slider-info {
  position: absolute;
  color: var(--text-cl);
  right: clamp(30px, 5vw, 100px);
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.slider-section .slider-info h1 {
  font-size: clamp(2rem, 3vw, 70px);
}
/* End slider */
/* Start hero card */
.hero-cards .hero-card {
  padding: 3rem 1rem 2rem;
  border-radius: var(--border-radius);
  -webkit-border-radius: var(--border-radius);
  -moz-border-radius: var(--border-radius);
  -ms-border-radius: var(--border-radius);
  -o-border-radius: var(--border-radius);
  display: flex;
  flex-direction: column;
  gap: 16px;
  text-align: center;
}
.hero-cards .hero-card.hero-card1 {
  background: linear-gradient(
      0deg,
      rgba(51, 189, 199, 0.8),
      rgba(51, 189, 199, 0.8)
    ),
    url("../images/card1.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.hero-cards .hero-card.hero-card2 {
  background: linear-gradient(
      0deg,
      rgba(97, 75, 195, 0.8),
      rgba(97, 75, 195, 0.8)
    ),
    url("../images/card3.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.hero-cards .hero-card h1 {
  font-size: 36px;
  color: var(--text-cl);
}
.hero-cards .hero-card p {
  font-size: var(--text-size);
  color: var(--text-cl);
}
.hero-cards .hero-card p span {
  flex: 1;
}
/* End hero card */
/* Start statistics cards */
.statistics-cards .statistics-card {
  background-color: var(--statistics-card-bg);
  text-align: center;
  padding: 2rem 1rem;
  border-radius: var(--border-radius);
  -webkit-border-radius: var(--border-radius);
  -moz-border-radius: var(--border-radius);
  -ms-border-radius: var(--border-radius);
  -o-border-radius: var(--border-radius);
}
.statistics-cards .statistics-card h1 {
  font-size: 50px;
  color: var(--dark-teal);
}
.statistics-cards .statistics-card h2 {
  font-size: 26px;
  color: var(--dark-indigo);
}
/* End statistics cards */
/* Start clients */
.clients .clients-head {
  margin-bottom: 50px;
}
.clients .clients-head h1 {
  font-size: clamp(30px, 2.3vw, 50px);
  color: var(--black-cl);
}
.clients .clients-head p {
  margin-top: 1rem;
  font-size: clamp(16px, 2.1vw, 20px);
  color: var(--black-cl);
}
.clients .client-card {
  background-color: #fdfdfd;
  display: block;
  width: 100%;
  height: 120px;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 3px 6px #0000000b;
  border-radius: var(--border-radius);
  -webkit-border-radius: var(--border-radius);
  -moz-border-radius: var(--border-radius);
  -ms-border-radius: var(--border-radius);
  -o-border-radius: var(--border-radius);
}
/* End clients */
/* Start footer */
footer {
  background-color: var(--footer-bg);
  box-shadow: 0px 0px 10px #00000048;
  padding: 80px 1rem 60px;
}
footer .footer-menu li a {
  color: #fff;
  font-size: var(--text-size);
  transition: var(--trans);
  -webkit-transition: var(--trans);
  -moz-transition: var(--trans);
  -ms-transition: var(--trans);
  -o-transition: var(--trans);
}
footer .footer-social li a svg {
  fill: #fff;
  color: #fff;
  transition: var(--trans);
  -webkit-transition: var(--trans);
  -moz-transition: var(--trans);
  -ms-transition: var(--trans);
  -o-transition: var(--trans);
}
footer .footer-menu li a:hover,
footer .footer-social li a svg:hover {
  color: var(--dark-teal);
  fill: var(--dark-teal);
}
/* End footer */
/* Start subPages */
/* Start company & seekers account */
.login-account-main .login-account-container {
  box-shadow: 0px 3px 6px #00000029;
  background-color: #fff;
  border-radius: var(--border-radius);
  -webkit-border-radius: var(--border-radius);
  -moz-border-radius: var(--border-radius);
  -ms-border-radius: var(--border-radius);
  -o-border-radius: var(--border-radius);
  max-width: 1000px;
  width: 100%;
  text-align: center;
  padding: 100px 0;
}
.login-account-main.company-account-main .login-account-container .title-form {
  color: var(--dark-indigo);
}
.login-account-main.seekers-account-main .login-account-container .title-form {
  color: var(--dark-teal);
}
.login-account-main .login-account-container .login-account-inputs {
  margin-top: 85px;
  margin-bottom: 65px;
  max-width: 450px;
  width: 100%;
}
.login-account-main
  .login-account-container
  .login-account-inputs
  .login-input {
  width: 100%;
  border-radius: var(--border-radius) !important;
  -webkit-border-radius: var(--border-radius) !important;
  -moz-border-radius: var(--border-radius) !important;
  -ms-border-radius: var(--border-radius) !important;
  -o-border-radius: var(--border-radius) !important;
  padding: 18px 24px;
  box-shadow: 0px 3px 6px #00000029;
  border: 1px solid #e8e8e8;
  font-size: var(--text-size);
  outline: none;
}
.login-account-main.company-account-main
  .login-account-container
  .login-account-inputs
  a {
  color: var(--dark-indigo);
}
.login-account-main.seekers-account-main
  .login-account-container
  .login-account-inputs
  a {
  color: var(--dark-teal);
}
.login-account-main
  .login-account-container
  .login-account-inputs
  input::placeholder {
  color: #ddd;
}
.login-account-main
  .login-account-container
  .article-form
  input[type="checkbox"] {
  box-shadow: 0px 3px 6px #00000029;
  border: 1px solid #e8e8e8;
  border-radius: 8px;
  background-color: #fff;
  width: 22px;
  height: 22px;
}
.login-account-main.company-account-main
  .login-account-container
  .article-form
  label {
  font-size: var(--text-size);
  color: var(--dark-indigo);
}
.login-account-main.seekers-account-main
  .login-account-container
  .article-form
  label {
  font-size: var(--text-size);
  color: var(--dark-teal);
}
.login-account-main .login-account-container .login-account-btns {
  max-width: 350px;
  width: 100%;
}
.login-account-main .login-account-container .login-account-btns .btn {
  height: 60px;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  color: #fff;
  font-size: 22px;
}
.login-account-main.company-account-main
  .login-account-container
  .login-account-btns
  .btn {
  background-color: var(--dark-indigo);
  border: 1px solid var(--dark-indigo);
}
.login-account-main.seekers-account-main
  .login-account-container
  .login-account-btns
  .btn {
  background-color: var(--dark-teal);
  border: 1px solid var(--dark-teal);
}
.login-account-main
  .login-account-container
  .login-account-btns
  .btn:nth-child(2) {
  background-color: transparent;
  color: var(--dark-indigo);
  border: 1px solid var(--dark-indigo);
  padding-top: 10px;
}
.login-account-main.company-account-main
  .login-account-container
  .login-account-btns
  .btn:nth-child(2) {
  color: var(--dark-indigo);
  border: 1px solid var(--dark-indigo);
}
.login-account-main.seekers-account-main
  .login-account-container
  .login-account-btns
  .btn:nth-child(2) {
  color: var(--dark-teal);
  border: 1px solid var(--dark-teal);
}
@media screen and (max-width: 500px) {
  .login-account-main .login-account-container .login-account-inputs,
  .login-account-main .login-account-container .login-account-btns {
    max-width: 100%;
    padding: 0 1rem;
  }
}
/* End company & seekers account */
/* Start job details */
.job-details-main .back-btn {
  margin: 65px 0 20px;
  font-size: 21px;
  color: #707070;
}
.job-details-main .back-btn span {
  padding-bottom: 10px;
}
.job-details-main .job-details-container {
  text-align: start;
  padding: 100px 50px;
  max-width: 100%;
}
.job-details-main .job-details-container .title-form {
  font-size: clamp(24px, 5vw, 2rem);
  color: #1fbbb3;
}
.job-details-main .job-details-container .main-req .main-req-title,
.job-details-main .job-details-container .other-req .other-req-title {
  font-size: 19px;
  color: #3c3c3c;
}
.job-details-main .job-details-container .main-req .main-req-ques {
  font-size: var(--text-size);
  color: var(--main-req);
}
.job-details-main .job-details-container .main-req .main-req-ans {
  font-size: var(--text-size);
  color: var(--dark-teal);
}
.job-details-main .job-details-container .main-req img {
  box-shadow: 3px 2px 4px #00000029;
  border: 1px solid #e8f6f7;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}
.job-details-main .job-details-container .apply-job-btn {
  margin-top: 65px;
  font-size: 23px;
  padding: 10px 3rem;
  color: #fff;
  background: var(--dark-indigo);
  box-shadow: 0px 3px 6px #00000029;
  border-radius: var(--border-radius);
  -webkit-border-radius: var(--border-radius);
  -moz-border-radius: var(--border-radius);
  -ms-border-radius: var(--border-radius);
  -o-border-radius: var(--border-radius);
}
@media screen and (max-width: 400px) {
  .job-details-main .job-details-container {
    padding: 80px 20px;
  }
  .job-details-main .job-details-container .main-req img {
    width: 100%;
  }
  .job-details-main .job-details-container .apply-job-btn {
    padding: 10px;
    font-size: 20px;
    width: 100%;
  }
}
/* End job details */
/* Start FQA */
.fqa-section .fqa-title {
  font-family: neo-regular;
  font-size: 22px;
  color: var(--dark-indigo);
  margin-bottom: 25px;
}
.fqa-section .accordion-item {
  background: #fdfdfd;
  box-shadow: 0px 3px 6px #00000012;
  border-radius: var(--border-radius);
  -webkit-border-radius: var(--border-radius);
  -moz-border-radius: var(--border-radius);
  -ms-border-radius: var(--border-radius);
  -o-border-radius: var(--border-radius);
}
.fqa-section .accordion-item h2 button {
  font-family: neo-regular;
  font-size: clamp(20px, 2.3vw, 22px);
  color: var(--nav-item-cl);
  border-radius: var(--border-radius) !important;
  -webkit-border-radius: var(--border-radius) !important;
  -moz-border-radius: var(--border-radius) !important;
  -ms-border-radius: var(--border-radius) !important;
  -o-border-radius: var(--border-radius) !important;
}
.fqa-section .accordion-item .accordion-button::after {
  margin-left: 0 !important;
  margin-right: auto;
  background-image: url("../images/down.png");
}
.fqa-section .accordion-item .accordion-body {
  padding: 35px 20px;
  line-height: 1.6;
  color: var(--dark-teal);
  font-family: neo-regular;
  font-size: clamp(18px, 2.2vw, 20px);
}
/* End FQA */
/* Start contact */
.contact-section .contact-container .title-form {
  color: var(--dark-teal);
}
.contact-section .contact-container .send-message-btn {
  margin-top: 50px;
}
.general-main .contact-section .general-inputs {
  max-width: 600px;
  padding: 0 1rem;
}
/* End contact */
/* Start jobs */
.jobs-section .filter-head h2 {
  font-family: neo-regular;
  font-size: 27px;
  color: var(--dark-teal);
}
.jobs-section .filter-head p {
  font-family: neo-regular;
  font-size: var(--text-size);
  color: #000;
  margin-top: 10px;
}
.jobs-section .filter-selectors {
  position: absolute;
  background-color: #fff;
  padding: 1rem;
  left: 40px;
  top: -35px;
  border-radius: 10px;
  z-index: 5;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
.jobs-section .filter-icon {
  display: none;
}
.jobs-section .filter-icon.active {
  display: flex;
  cursor: pointer;
}
.jobs-section .filter-selectors .select2 {
  width: 200px !important;
}
.jobs-section .filter-selectors .select2 .select2-selection__rendered {
  font-size: 18px;
}
.jobs-section .filter-result {
  margin: 70px 0;
}
.jobs-section .filter-result .filter-cards .filter-card {
  display: flex;
  padding: 20px;
  max-width: 100%;
}
.jobs-section .filter-result .filter-cards .filter-card .filter-image {
  box-shadow: 3px 2px 4px #00000029;
  border: 1px solid #e8f6f7;
  border-radius: 3px;
}
.jobs-section .filter-result .filter-cards .filter-card .filter-info h3 {
  font-size: clamp(28px, 5vw, 31px);
  color: var(--dark-teal);
}
.jobs-section .filter-result .filter-cards .filter-card .filter-info p {
  font-size: clamp(18px, 3vw, 20px);
  color: var(--nav-item-cl);
}
.jobs-section .filter-result .filter-cards .filter-card .filter-details-btn {
  font-size: clamp(18px, 3vw, 23px);
  color: #fff;
  background-color: var(--dark-indigo);
  box-shadow: 0px 3px 6px #00000029;
  border-radius: var(--border-radius);
  -webkit-border-radius: var(--border-radius);
  -moz-border-radius: var(--border-radius);
  -ms-border-radius: var(--border-radius);
  -o-border-radius: var(--border-radius);
  padding: 10px 2rem;
}
.jobs-section .filter-result .filter-cards .not-found-results {
  color: var(--dark-teal);
  font-size: var(--subtitle-size);
  margin: 0;
}
@media screen and (max-width: 650px) {
  .jobs-section .filter-selectors {
    padding: 10px;
    right: 40px;
    left: auto;
    top: -30px;
  }
}
/* End jobs */
/* Start company & seekers users */
.general-main .upper-header {
  padding: 40px 0;
}
.company-main .upper-header {
  background: linear-gradient(
      0deg,
      rgba(97, 75, 195, 0.8),
      rgba(97, 75, 195, 0.8)
    ),
    url(../images/card3.jpg) center no-repeat;
  background-size: cover;
}
.seekers-main .upper-header {
  background: linear-gradient(
      0deg,
      rgba(51, 189, 199, 0.8),
      rgba(51, 189, 199, 0.8)
    ),
    url(../images/card3.jpg) center no-repeat;
  background-size: cover;
}
.company-main .upper-header picture {
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  box-shadow: 0px 3px 6px #0000000f;
  border: 1px solid #e5e5e5;
  border-radius: var(--border-radius);
  -webkit-border-radius: var(--border-radius);
  -moz-border-radius: var(--border-radius);
  -ms-border-radius: var(--border-radius);
  -o-border-radius: var(--border-radius);
}
.company-main .upper-header picture img {
  width: 70px;
}
.seekers-main .upper-header picture img {
  width: 90px;
  height: 90px;
  box-shadow: 0px 3px 6px #0000000f;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  object-fit: cover;
}
.general-main .upper-header h1 {
  font-size: var(--title-size);
  color: #fff;
}
.general-main .upper-header p {
  color: #fff;
  font-size: var(--text-size);
}
.general-main .lower-header {
  background: #fff;
  box-shadow: 0px 3px 6px #0000000f;
  border: 1px solid #e5e5e5;
  padding: 25px;
}
.general-main .lower-header li a {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 21px;
  color: #8e8e8e;
  transition: var(--trans);
  -webkit-transition: var(--trans);
  -moz-transition: var(--trans);
  -ms-transition: var(--trans);
  -o-transition: var(--trans);
}
.company-main .lower-header li a:hover,
.company-main .lower-header li a.active {
  color: var(--dark-indigo);
}
.seekers-main .lower-header li a:hover,
.seekers-main .lower-header li a.active {
  color: var(--dark-teal);
}
.general-main .general-container .general-head h2 {
  font-size: var(--title-size);
  color: var(--dark-indigo);
}
.general-main .general-container .general-head a {
  padding: 10px 1.5rem;
  background-color: var(--dark-indigo);
  color: #fff;
  font-size: var(--text-size);
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
}
.general-main .general-table {
  margin-bottom: 100px;
  direction: ltr;
  background-color: #fff;
  box-shadow: 0px 3px 6px #00000029;
  padding: 4rem 1rem;
  border-radius: var(--border-radius);
  -webkit-border-radius: var(--border-radius);
  -moz-border-radius: var(--border-radius);
  -ms-border-radius: var(--border-radius);
  -o-border-radius: var(--border-radius);
}
.general-main .general-table #example_wrapper {
  min-width: 900px;
}
.general-main .general-table th {
  text-align: right;
  padding: 1rem;
  color: #a0a0a0;
  font-size: 14px;
  font-weight: normal;
}
.general-main .general-table tr td,
.general-main .general-table tr td a {
  text-align: right;
  padding: 14px 10px;
  color: #4a4a4a;
  border-bottom: none;
  vertical-align: middle;
}
.general-main .general-table tr td a {
  padding: 0;
  padding-right: 1rem;
  transition: var(--trans);
  -webkit-transition: var(--trans);
  -moz-transition: var(--trans);
  -ms-transition: var(--trans);
  -o-transition: var(--trans);
}
.general-main .general-table tr td a:hover {
  color: var(--dark-indigo);
}
.general-main .general-table td.td-details a {
  font-size: var(--text-size);
  color: #747474;
  border: 1px solid #747474;
  padding: 5px 2rem;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
}
.general-main .general-table tr td .tooltip-company svg {
  color: #d6961e;
}
.general-main .general-table tr td .success-company svg {
  color: #078007;
}
/* End company & seekers users */
/* Start company & seekers summary */
.summary-main .general-container {
  max-width: 100%;
  padding-bottom: 250px;
}
.summary-main .general-container .card-summary {
  background: #fff;
  box-shadow: 0px 1px 6px #00000029;
  border-radius: 15px;
  width: 300px;
  height: 200px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 30px;
}
.summary-main .general-container .card-summary h1 {
  font-size: 56px;
}
.summary-main .general-container .card-summary h2 {
  font-size: 21px;
}
/* End company & seekers summary */
/* Start seekers job orders */
.job-orders-main .job-details-container .apply-job-btn {
  background: #d1d1d1;
}
/* End seekers job orders */
/* Start seekers account */
.seekers-account-main .seekers-account-container {
  max-width: 100%;
  padding: 35px 75px;
}
.seekers-account-main .title-form {
  font-size: 37px;
  color: var(--applicant-cl);
}
.seekers-account-main .general-inputs {
  max-width: 650px;
  margin: 0;
}
.seekers-account-main .general-inputs .custom-label {
  width: 250px;
}
.seekers-account-main .general-inputs .custom-input.radio-custom-input {
  box-shadow: none;
  border: none;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-wrap: wrap;
}
.seekers-account-main .general-inputs .custom-input.radio-custom-input {
  font-size: 21px;
  color: var(--applicant-cl);
}
.seekers-account-main .general-inputs.general-inputs-password {
  margin-top: 180px;
}
.seekers-account-main .general__form .send-message-btn .btn {
  margin-top: 120px;
  background-color: var(--dark-teal);
}
@media screen and (max-width: 767px) {
  .seekers-account-main .seekers-account-container {
    padding: 35px 1rem;
  }
  .seekers-account-main .seekers-account-container .general-inputs .col-form {
    gap: 1rem;
  }
}
/* End seekers account */
/* Start company file */
.company-file-main .general-container {
  margin-bottom: 150px;
  max-width: 100%;
}
.company-file-main .general-container .custom-label {
  width: auto;
}
.company-file-main .general-container .custom-input-merge {
  position: absolute;
  left: 13px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  background-color: #e5e5e5;
  height: 100%;
  width: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--border-radius) 0 0 var(--border-radius);
  -webkit-border-radius: var(--border-radius) 0 0 var(--border-radius);
  -moz-border-radius: var(--border-radius) 0 0 var(--border-radius);
  -ms-border-radius: var(--border-radius) 0 0 var(--border-radius);
  -o-border-radius: var(--border-radius) 0 0 var(--border-radius);
}
.company-file-main .general-container select.form-select {
  background-image: url("../images/up-down.png");
  background-position: left 0.75rem center;
  background-size: 20px 20px;
}
.company-file-main .general-container .company-file-title {
  font-size: 21px;
  color: #8e8e8e;
}
.company-file-main .general-container .company-file-upload {
  margin-top: 60px;
  max-width: 220px;
  width: 100%;
  height: 220px;
  background-image: url("../images/drag.webp");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border: 1px dashed var(--nav-item-cl);
  cursor: pointer;
}
.company-file-main .general-container .send-message-btn .btn {
  margin-top: 80px;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
}
@media screen and (max-width: 400px) {
  .company-file-main .general-container .custom-input-merge {
    width: 100px;
  }
}
/* End company file */
/* Start company & seekers jobs */
.general-main select.form-select-table {
  background-position: left 0.75rem center;
  background-size: 16px 16px;
  padding: 0.375rem 0.75rem;
}
.general-main .general-table tr td.td-details span {
  padding: 8px 20px;
  border-radius: 50px;
  width: 120px;
  display: inline-block;
  text-align: center;
}
.seekers-job-main .send-message-btn .btn {
  width: 400px;
  margin-bottom: 180px;
  background-color: var(--dark-teal);
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
}
/* End company & seekers jobs */
/* Start applicant details */
.company-applicant-main .background-sub {
  margin-bottom: 100px;
  max-width: 100%;
  padding: 100px 50px;
}
.company-applicant-main .applicant-container .applicant-title {
  font-size: var(--subtitle-size);
  color: var(--applicant-cl);
}
.company-applicant-main .applicant-container .applicant-des {
  font-size: var(--subtitle-size);
  color: var(--dark-teal);
  text-align: right;
  line-height: 1.8;
}
.company-applicant-main .applicant-container .applicant-des .lang-title {
  display: inline-block;
  width: 150px;
  margin-bottom: 10px;
}
.company-applicant-main .applicant-container .applicant-des .lang-level {
  font-family: neo-regular;
  margin-right: 80px;
}
.company-applicant-main .applicant-container .cer-row .applicant-des table td {
  text-align: center;
  padding: 10px 20px;
}
.company-applicant-main
  .applicant-container
  .cer-row
  .applicant-des
  table
  td.cer-head {
  font-size: var(--text-size);
  color: var(--applicant-cl);
}
.company-applicant-main
  .applicant-container
  .cer-row
  .applicant-des
  table
  td.cer-body-des {
  font-size: var(--text-size);
}
.company-applicant-main .applicant-container .applicant-des .skills-ul li {
  font-family: neo-regular;
  font-size: var(--text-size);
  color: #000;
  background: #ededed;
  border-radius: 18px;
  padding: 5px 20px;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  -ms-border-radius: 18px;
  -o-border-radius: 18px;
}
.company-applicant-main .applicant-container .applicant-info .img-info h3 {
  font-size: var(--subtitle-size);
  margin-top: 20px;
  color: var(--dark-teal);
}
.company-applicant-main .applicant-container .applicant-info .personal-info h2 {
  font-size: var(--subtitle-size);
  margin-top: 20px;
  color: var(--dark-teal);
}
.company-applicant-main
  .applicant-container
  .applicant-info
  .personal-info
  h2.email-info {
  font-size: var(--text-size);
}
.company-applicant-main
  .applicant-container
  .applicant-info
  .social-info
  a
  svg {
  color: var(--dark-teal);
}
.company-applicant-main .applicant-container .applicant-info .social-info a {
  flex: 1 0 20%;
}
.company-applicant-main
  .applicant-container
  .applicant-info
  .resume-info
  picture
  img {
  width: 150px;
  height: 150px;
  box-shadow: 0px 3px 6px #0000000f;
  object-fit: contain;
  aspect-ratio: 1/1;
}
.company-applicant-main
  .applicant-container
  .applicant-info
  .resume-info
  .upload-resume-file {
  color: #fff;
  background-color: var(--dark-teal);
  padding: 10px 1rem;
  cursor: pointer;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  box-shadow: 0px 3px 6px #0000000f;
}
.company-applicant-main .applicant-arrow {
  background-color: #fff;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: var(--border-radius);
  -webkit-border-radius: var(--border-radius);
  -moz-border-radius: var(--border-radius);
  -ms-border-radius: var(--border-radius);
  -o-border-radius: var(--border-radius);
}
.company-applicant-main .applicant-arrow svg {
  color: var(--dark-indigo);
  font-size: 20px;
}
.company-applicant-main .applicant-btn {
  padding: 1rem 4rem;
  font-size: var(--subtitle-size);
  box-shadow: 0px 3px 6px #00000029;
  border-radius: var(--border-radius);
  -webkit-border-radius: var(--border-radius);
  -moz-border-radius: var(--border-radius);
  -ms-border-radius: var(--border-radius);
  -o-border-radius: var(--border-radius);
}
.company-applicant-main .applicant-btn.applicant-btn-success {
  color: #2b6f00;
  background-color: #a7f4a7;
}
.company-applicant-main .applicant-btn.applicant-btn-reject {
  color: #8e0000;
  background-color: #ffafc4;
}
.company-applicant-main .team-head {
  font-size: var(--subtitle-size);
  color: var(--applicant-cl);
  width: 100%;
  margin-top: 4rem;
}
.company-applicant-main .team-reply {
  padding: 1rem 2rem;
  font-size: 16px;
  color: var(--applicant-cl);
  background-color: #fff;
  box-shadow: 0px 0px 3px #00000029;
  border-radius: var(--border-radius);
  -webkit-border-radius: var(--border-radius);
  -moz-border-radius: var(--border-radius);
  -ms-border-radius: var(--border-radius);
  -o-border-radius: var(--border-radius);
}
.company-applicant-main .team-reply-name {
  color: var(--dark-indigo);
  font-size: 16px;
}
.company-applicant-main .team-reply-date {
  color: var(--applicant-cl);
  font-size: 16px;
}
.company-applicant-main .team-textarea {
  background: #ffffff;
  border: 1px solid #a0a0a0;
  border-radius: 10px;
  resize: none;
  outline: none;
}
@media screen and (max-width: 767px) {
  .company-applicant-main .applicant-container .applicant-des {
    text-align: center;
    margin-top: 10px;
  }
  .company-applicant-main .background-sub {
    padding: 100px 20px;
  }
  .company-applicant-main .applicant-container .applicant-des .lang-level {
    margin-right: 0;
  }
}
/* End applicant details */
/* Start new job details */
.company-new-job-main .general-container .background-sub {
  padding: 100px 50px;
  margin-bottom: 100px;
  max-width: 100%;
}
.company-new-job-main .general-container .title-page {
  color: var(--dark-indigo);
  margin: 0;
}
.company-new-job-main .general-container .background-sub .custom-label {
  text-align: start;
}
.company-new-job-main
  .general-container
  .background-sub
  .custom-label
  span.tooltip-company {
  color: #e3e3e3;
}
.company-new-job-main
  .general-container
  .background-sub
  .custom-input.form-select {
  background-position: left 0.75rem center;
  background-size: 16px;
  background-image: url(../images/up-down.png);
  color: var(--nav-item-cl);
}
@media screen and (max-width: 767px) {
  .company-new-job-main .general-container .background-sub {
    padding: 100px 20px;
  }
}
/* End new job details */
/* Start seekers job info */
.general-main.seekers-job-info-main .background-sub {
  padding: 50px;
  text-align: right;
  max-width: 100%;
}
.general-main.seekers-job-info-main .background-sub .title-form {
  color: var(--dark-teal);
  font-size: var(--title-size);
}
.general-main.seekers-job-info-main .background-sub .custom-label {
  font-family: neo-medium;
  text-align: start;
}
.general-main.seekers-job-info-main .background-sub .userJobInfoImg {
  margin-top: -10px;
  font-size: 13px;
  background-color: #bbe8bb;
  padding: 3px 14px;
  color: var(--dark-teal);
  cursor: pointer;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
}
.general-main.seekers-job-info-main .background-sub select.form-select {
  background-image: url(../images/up-down.png);
  background-position: left 0.75rem center;
  background-size: 20px 20px;
}
.general-main.seekers-job-info-main .background-sub form .add-new-btn svg {
  color: #369021;
  cursor: pointer;
}
.general-main.seekers-job-info-main .background-sub form .remove-new-btn svg {
  color: #c90000;
  cursor: pointer;
}
.general-main.seekers-job-info-main .background-sub form .cer-head {
  font-size: var(--text-size);
  color: var(--applicant-cl);
  text-align: center;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.general-main.seekers-job-info-main .background-sub form .cer-body {
  text-align: center;
  font-size: 20px;
  color: #000;
  padding: 5px 20px;
  box-shadow: inset 0px 3px 6px #00000012;
  border: 1px solid #bfbfbf;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
}
.general-main.seekers-job-info-main .background-sub form .cer-body select,
.general-main.seekers-job-info-main .background-sub form .cer-body input {
  width: 100%;
  border: none;
  outline: none;
  text-align: center;
}
.general-main.seekers-job-info-main .background-sub .send-message-btn .btn {
  margin-top: 150px;
  background-color: var(--dark-teal);
}
.general-main.seekers-job-info-main .background-sub .skills-container {
  box-shadow: inset 0px 3px 6px #00000012;
  background-color: #fff;
  border: 1px solid #ebebeb;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
}
.general-main.seekers-job-info-main
  .background-sub
  .skills-container
  #addNewSkill
  .new-skill {
  background-color: #ededed;
  padding: 4px 10px;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
}
.general-main.seekers-job-info-main
  .background-sub
  .skills-container
  #addNewSkill
  .new-skill
  svg {
  cursor: pointer;
}
.general-main.seekers-job-info-main
  .background-sub
  .skills-container
  .new-skill-input {
  border: none;
  outline: none;
  min-width: 100px;
}
.general-main.seekers-job-info-main .background-sub .job-info-link {
  height: 50px;
  display: flex;
  box-shadow: inset 0px 3px 6px #00000012;
  border: 1px solid #bfbfbf;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  overflow: hidden;
}
.general-main.seekers-job-info-main .background-sub .job-info-link span {
  background-color: #e2e2e2;
  height: 100%;
  width: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.general-main.seekers-job-info-main .background-sub .job-info-link span svg {
  color: #606060;
}
.general-main.seekers-job-info-main .background-sub .job-info-link input {
  height: 100%;
  flex: 1;
  border: none;
  outline: none;
  padding: 10px;
}
.general-main.seekers-job-info-main .background-sub .job-info-file {
  margin-top: 100px;
}
.general-main.seekers-job-info-main
  .background-sub
  .job-info-file
  .job-file-title {
  color: var(--applicant-cl);
  font-size: var(--subtitle-size);
  padding-top: 15px;
  margin-bottom: 0;
}
.general-main.seekers-job-info-main
  .background-sub
  .job-info-file
  .job-file-label
  label {
  color: var(--applicant-cl);
  font-size: var(--subtitle-size);
  background: transparent linear-gradient(176deg, #e6e6e6 0%, #d8d8d8 100%);
  padding: 10px 3rem;
  cursor: pointer;
  border-radius: var(--border-radius);
  -webkit-border-radius: var(--border-radius);
  -moz-border-radius: var(--border-radius);
  -ms-border-radius: var(--border-radius);
  -o-border-radius: var(--border-radius);
}
.general-main.seekers-job-info-main
  .background-sub
  .job-info-file
  .job-file-open {
  color: var(--applicant-cl);
  font-size: var(--subtitle-size);
  display: flex;
  justify-content: center;
  gap: 10px;
  padding-top: 15px;
  transition: var(--trans);
  -webkit-transition: var(--trans);
  -moz-transition: var(--trans);
  -ms-transition: var(--trans);
  -o-transition: var(--trans);
}
.general-main.seekers-job-info-main
  .background-sub
  .job-info-file
  .job-file-open:hover {
  color: var(--dark-teal);
}
@media screen and (max-width: 992px) {
  .general-main .apply-overflow {
    overflow-x: auto;
  }
}
@media screen and (max-width: 767px) {
  .general-main.seekers-job-info-main .background-sub {
    padding: 50px 20px;
  }
}
/* End seekers job info */
/* End subPages */