@charset "UTF-8";
/* theme */
.grey-bg {
  background: #859095;
}

.light-bg {
  background: #f5f5f5;
}

.blue-bg {
  background: #004B49;
}

.pink-bg {
  background: #FF51A5;
}

.white-bg {
  background: #FFFFF3;
}

.black-bg {
  background: #02212C;
}

.yellow-bg {
  background: #F4D306;
}

/*****color******/
.white {
  color: #FFFFF3;
}

.pink {
  color: #FF51A5;
}

.orange {
  color: #EA4200;
}

.yellow {
  color: #F4D306;
}

.green {
  color: #CAD400;
}

.teal {
  color: #61D2A8;
}

.blue {
  color: #0998b0;
}

.red {
  color: #EA4200;
}

html {
  scroll-behavior: smooth;
}

body {
  padding: 0px;
  margin: 0px;
  font-family: "Lexend", sans-serif !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; /* Chrome, Safari */
  text-rendering: optimizeLegibility; /* Firefox */
  font-weight: 400;
  color: #02212C;
  background: #FFFFF3;
}

* {
  transition: all 0.5s;
}

img {
  max-width: 100%;
}

h1 {
  font-size: 60px;
}

h2 {
  font-size: 48px;
}

h3 {
  font-size: 36px;
}

h4 {
  font-size: 24px;
}

h5 {
  font-size: 20px;
}

h6 {
  font-size: 18px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  word-break: break-word;
  line-height: 1.2;
  margin: 0;
  font-family: "League Gothic", sans-serif;
  font-weight: 400;
  letter-spacing: 0.5px;
  /*text-transform:capitalize;*/
}

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

a {
  color: #004B49;
}

a, a:hover {
  text-decoration: none;
}

p {
  word-break: break-word;
  margin: 0;
  line-height: 1.3;
}

button,
input,
optgroup,
select,
textarea {
  font-family: "Lexend", sans-serif;
}

button:focus, button:active, button:hover {
  outline: none !important;
  box-shadow: none;
}

.btn {
  border-radius: 10px;
  padding: 6px 15px;
  transition: background 0.3s ease-in-out;
  /*text-transform: capitalize;*/
}

.btn-sm {
  padding: 5px 10px;
  line-height: normal;
  border-radius: 6px;
}

* {
  transition: 0.3s ease-in-out;
}

.btn-primary {
  background: #004B49;
  border-color: #004B49;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
  background: #005467;
  border-color: #005467;
  outline: none;
  box-shadow: none;
}

.btn-secondary {
  background: #FF51A5;
  border-color: #FF51A5;
}
.btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus {
  background: #005467;
  border-color: #005467;
  outline: none;
  box-shadow: none;
}

.btn-white {
  background: #FFFFF3;
  border-color: #FFFFF3;
  color: #004B49;
}
.btn-white:hover, .btn-white:active, .btn-white:focus {
  background: #FFFFF3;
  border-color: #FFFFF3;
  color: #004B49;
  outline: none;
  box-shadow: none;
}

.btn-outline {
  color: #004B49;
  border-color: #004B49;
  background: #FFFFF3;
}
.btn-outline:hover, .btn-outline:active, .btn-outline:focus {
  border-color: #005467;
  color: #005467;
  outline: none;
  box-shadow: none;
}

.btn-primary.disabled, .btn-primary:disabled, fieldset:disabled .btn-primary {
  background: #004B49;
  border-color: #004B49;
}

.scrollTop {
  position: fixed;
  z-index: 999;
  right: 20px;
  bottom: 30px;
  background-color: #004B49;
  padding: 6px;
  opacity: 0;
  transition: all 0.4s ease-in-out 0s;
  cursor: pointer;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  text-align: center;
  padding: 10px 0;
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.3);
}
.scrollTop i {
  color: #FFFFF3;
}

.form-check-input {
  border-color: #859095;
  cursor: pointer;
}
.form-check-input:checked {
  background-color: #004B49;
  border-color: #004B49;
}
.form-check-input:focus {
  box-shadow: none;
  border-color: #859095;
}

@media (max-width: 767px) {
  h1 {
    font-size: 48px;
  }
  h2 {
    font-size: 36px;
  }
  h3 {
    font-size: 28px;
  }
  h4 {
    font-size: 20px;
  }
  h5 {
    font-size: 18px;
  }
  h6 {
    font-size: 16px;
  }
}
body.hidden {
  overflow: hidden;
}

header {
  z-index: 999;
  width: 100%;
  padding: 0px 0;
  background: #FFFFF3;
  transition: all 0.2s ease-in-out 0.2s;
  position: relative;
  font-family: "Anton", sans-serif;
}
header .logo {
  display: flex;
  align-items: center;
  grid-gap: 20px;
}
header .logo img {
  max-height: 50px;
  margin: 0;
  display: block;
}
header .logo span {
  display: block;
  background: #004B49;
  color: #FFFFF3;
  font-family: "Lexend", sans-serif;
  padding: 4px 10px;
  border-radius: 2px;
  text-transform: uppercase;
  font-size: 14px;
}
header .mainNav {
  display: flex;
  align-items: center;
  /*& > li {
      &:last-child {
          display: none;
      }
  }*/
}
header .mainNav li {
  display: block;
  list-style-type: none;
  padding: 0 13px;
  position: relative;
}
header .mainNav li a {
  color: #02212C;
  text-decoration: none;
  font-weight: 400;
  display: flex;
  width: 100%;
  align-items: center;
  font-size: 15px;
  font-family: "Anton", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  position: relative;
  justify-content: space-between;
  padding: 15px 0;
}
header .mainNav li a:hover {
  color: #005467;
}
header .mainNav li > ul {
  display: none;
}
header .mainNav li:has(ul) > a:after {
  content: "\f107";
  font-size: 12px;
  margin-left: 8px;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  border: none;
}
header .mainNav li .submenu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 220px;
  background: #FFFFF3;
  border-radius: 10px;
  padding: 5px 0 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  z-index: 99;
  margin-left: -50px;
  /*border-top: 3px solid $blue;*/
}
header .mainNav li .submenu:before {
  content: "";
  position: absolute;
  top: 0;
  left: 10%;
  right: 10%;
  height: 2px;
  background: linear-gradient(to right, #FFFFF3, #004B49, #FFFFF3);
  border-radius: 30px;
}
header .mainNav li .submenu li {
  padding: 0;
}
header .mainNav li .submenu li a {
  padding: 10px 25px 10px 5px;
  font-size: 14px;
  position: relative;
  justify-content: flex-start;
  grid-gap: 12px;
}
header .mainNav li .submenu li a:before {
  content: "\f061";
  font-size: 12px;
  margin-left: 8px;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}
header .mainNav li .submenu li a:after {
  right: 10px;
  position: absolute;
}
header .mainNav li .submenu li a:hover {
  background: #004B49;
  color: #FFFFF3;
}
header .mainNav li .submenu li:last-child {
  border-radius: 0 0 10px 10px;
  /*overflow: hidden;*/
}
header .mainNav li .submenu .submenu {
  top: 0;
  left: 100%;
  padding-top: 0;
  margin-left: 0;
}
header .mainNav li .submenu .submenu:before {
  display: none;
}
header .mainNav li .submenu .submenu li:first-child {
  border-radius: 10px;
}
header .mainNav li.about .submenu .submenu {
  right: 100%;
  left: auto;
}
header .mainNav li.mobile-top {
  display: none;
}
header .mainNav li.active a {
  color: #005467;
}
header .right-menu .dropdown .dropdown-menu li {
  padding: 0;
}
header .right-menu .dropdown .dropdown-menu li a, header .right-menu .dropdown .dropdown-menu li .dropdown-item {
  justify-content: flex-start;
  grid-gap: 5px;
  font-size: 13px;
  font-family: "Lexend", sans-serif;
  cursor: pointer;
}
header .right-menu .dropdown .dropdown-menu li a:hover, header .right-menu .dropdown .dropdown-menu li a.active, header .right-menu .dropdown .dropdown-menu li .dropdown-item:hover, header .right-menu .dropdown .dropdown-menu li .dropdown-item.active {
  background: #d9dcd5;
  color: #004B49;
}
header .header-top-left .menu-toggle {
  display: none;
}
header .main-header .NavBar {
  border: none;
  box-shadow: none;
  position: static;
  padding: 10px 0;
  transform: inherit;
}
header .top-right-btn {
  display: flex;
  grid-gap: 10px;
  position: relative;
}
header .top-right-btn .btn {
  padding: 7px;
  font-family: "Lexend", sans-serif;
  font-weight: 400;
  font-size: 12px;
  min-width: 80px;
  text-align: center;
}
header .top-right-btn i {
  font-size: 14px;
  cursor: pointer;
}
header .top-right-btn .header-btn {
  background: #d9dcd5;
  padding: 5px 30px 5px 5px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  grid-gap: 10px;
}
header .top-right-btn .arrow-btn {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  right: 8px;
  height: 44px;
}
header .top-right-btn .arrow-btn i {
  font-size: 16px;
  color: #004B49;
}
header .container {
  max-width: 1280px;
}

header.fixed {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  position: fixed;
  background: #FFFFF3;
  top: 0;
}

.NavBar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 0;
  min-height: 89px;
}

header .top-right-btn i {
  font-size: 14px;
}
header .top-right-btn .btn {
  max-width: 150px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.container {
  max-width: 1160px;
}

.find-form {
  display: flex;
  /*align-items: center;*/
  grid-gap: 0;
  background: rgba(0, 75, 73, 0.2);
  border-radius: 10px;
  padding: 30px;
}
.find-form .search-box {
  display: flex;
  position: relative;
  grid-gap: 0;
  width: calc(100% - 150px);
}
.find-form .search-box > div {
  position: relative;
}
.find-form .search-box > div i {
  position: absolute;
  left: 20px;
  top: 18px;
  color: #859095;
}
.find-form .search-box input,
.find-form .search-box select {
  padding: 15px;
  font-size: 14px;
  color: #02212C;
  font-weight: 300;
  height: auto;
  border: none;
  border-radius: 0;
  padding-left: 40px;
  background: #FFFFF3;
  box-shadow: none;
  width: 100%;
}
.find-form .search-box input:focus,
.find-form .search-box select:focus {
  outline: none;
  box-shadow: none;
  border-color: #004B49;
  color: #02212C;
}
.find-form .search-box input:active,
.find-form .search-box select:active {
  outline: none;
  box-shadow: none;
  border-color: #004B49;
  color: #02212C;
}
.find-form .search-box input::placeholder,
.find-form .search-box select::placeholder {
  color: #859095;
  opacity: 1;
}
.find-form .search-box input::-webkit-input-placeholder,
.find-form .search-box select::-webkit-input-placeholder {
  color: #859095;
}
.find-form .search-box input::-ms-input-placeholder,
.find-form .search-box select::-ms-input-placeholder {
  color: #859095;
}
.find-form .search-box .home-search-hold {
  width: 60%;
}
.find-form .search-box .home-search-hold input {
  padding-left: 45px;
  border-radius: 10px 0 0 10px;
  border-right: 1px solid #d9dcd5;
}
.find-form .search-box .location {
  width: 40%;
  /*input {
              border-right: 1px solid $boxgrey;
          }*/
}
.find-form .search-box .miles {
  position: relative;
  width: 30%;
}
.find-form .search-box .miles select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: #FFFFF3;
  width: 100%;
  padding-left: 15px;
  border-left: 1px solid #d9dcd5;
}
.find-form .search-box .miles span.fa {
  position: absolute;
  right: 10px;
  color: #02212C;
  font-size: 14px;
  top: 22px;
  pointer-events: none;
}
.find-form .home-search-btn {
  position: relative;
}
.find-form .home-search-btn .search-btn-hold {
  height: 100%;
  display: flex;
}
.find-form .home-search-btn img {
  position: absolute;
  left: 50%;
  pointer-events: none;
  top: 0;
  transform: translate(-50%, -50%);
  margin-top: 28px;
  max-width: 35px;
}
.find-form .home-search-btn input {
  background: #004B49;
  color: #FFFFF3;
  border-radius: 0 10px 10px 0;
  min-width: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: none;
}
.find-form .home-search-btn input:hover {
  background: #005467;
}

.main-banner {
  position: relative;
  text-align: center;
  color: #FFFFF3;
  /*display: flex;*/
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  max-height: 100vh;
  /*background: url(../images/Kent-Banner-2.png) no-repeat;
  background-size: cover;
  background-position: center;
  height: 100vh;
  padding: 100px 0;*/
}
.main-banner .container {
  padding: 0;
}
.main-banner .banner-inner {
  margin: 0 auto;
  position: absolute;
  top: 50%;
  z-index: 10;
  width: 100%;
  transform: translate(-50%, -50%);
  left: 50%;
  max-width: 1000px;
}
.main-banner .banner-inner h1 {
  color: #FFFFF3;
  font-family: "League Gothic", sans-serif;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  margin: 0 0 20px;
  text-align: center;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  font-weight: 500;
}
.main-banner .owl-carousel {
  height: 100vh;
}
.main-banner .owl-dots {
  position: absolute;
  right: 20px;
  z-index: 999;
  top: 40%;
  transform: translate(0, -40%);
}
.main-banner .owl-dots button {
  display: block;
  padding: 0 !important;
  margin: 15px 0;
  position: relative;
  background: rgba(255, 255, 243, 0.3);
  border: 0 !important;
  width: 4px;
  height: 20px;
}
.main-banner .owl-dots button.active {
  background: #FFFFF3;
}
.main-banner .owl-item {
  /*width: 100vw !important;*/
}
.main-banner .owl-item img {
  height: 100vh;
  object-fit: cover;
}
.main-banner .location-sec {
  background: #FFFFF3;
  position: absolute;
  left: 0;
  border-radius: 0 20px 20px 0;
  display: flex;
  flex-direction: row-reverse;
  z-index: 99;
  top: 50%;
  transform: translate(0, -50%);
}
.main-banner .location-sec > span {
  writing-mode: vertical-lr;
  text-orientation: mixed;
  color: #004B49;
  font-size: 30px;
  font-weight: 400;
  padding: 30px 10px 30px 15px;
  display: inline-block;
  overflow: hidden;
  font-family: "League Gothic", sans-serif;
  transform: rotate(180deg);
  letter-spacing: 1px;
  cursor: pointer;
  line-height: 1;
}
.main-banner .location-sec > span:hover {
  color: #005467;
}
.main-banner .location-sec .location-block {
  max-height: 0;
  opacity: 0;
  overflow: auto;
  transform: translateY(-10px);
  transition: max-height 0.5s ease, opacity 0.4s ease, transform 0.4s ease;
  max-width: 0;
  scrollbar-width: thin;
  scrollbar-color: #859095;
}
.main-banner .location-sec .location-block * {
  direction: ltr;
}
.main-banner .location-sec .location-block::-webkit-scrollbar {
  width: 6px;
}
.main-banner .location-sec .location-block::-webkit-scrollbar-track {
  background: #859095;
  border-radius: 5px;
}
.main-banner .location-sec .location-block::-webkit-scrollbar-thumb {
  background: #004B49;
  border-radius: 10px;
}
.main-banner .location-sec .location-block.active {
  max-height: 400px;
  opacity: 1;
  transform: translateY(0);
  max-width: 100%;
  padding: 20px;
  direction: rtl;
  margin: 10px;
}
.main-banner .location-sec .location-block .location-box {
  display: flex;
  align-items: center;
  grid-gap: 10px;
  margin-bottom: 20px;
  transition: all 0.5s;
}
.main-banner .location-sec .location-block .location-box img {
  /*max-width: 40px;*/
  max-width: 180px;
  max-height: 40px;
  object-fit: contain;
}
.main-banner .location-sec .location-block .location-box img:hover {
  transform: scale(1.08);
}
.main-banner .location-sec .location-block .location-box span {
  text-transform: uppercase;
  font-family: "Anton", sans-serif;
  text-align: left;
  font-size: 20px;
  line-height: 1;
}
.main-banner .location-sec .location-block .location-box span span {
  color: #859095;
  text-transform: none;
  display: block;
  font-family: "League Gothic", sans-serif;
  font-size: 24px;
  line-height: 1;
}
.main-banner.inner-banner {
  background: url(../images/banner-2.png) no-repeat;
  background-size: cover;
  background-position: center;
  height: auto;
  padding: 70px 0;
}
.main-banner.vacancy-banner {
  background: url(../images/banner-inner.png) no-repeat;
  background-size: cover;
  background-position: center;
  height: auto;
  padding: 140px 0;
}
.main-banner.head-teacher-banner {
  background: url(../images/banner-inner01.png) no-repeat;
  background-size: cover;
  background-position: center;
  height: auto;
  padding: 140px 0;
}

.content-section {
  padding: 50px 0;
  overflow: hidden;
}

.view-all-hold a {
  text-decoration: underline;
  color: #004B49;
  font-weight: 600;
}

.locations-slider .location-box {
  display: flex;
  align-items: center;
  grid-gap: 10px;
  background: #FFFFF3;
  border-radius: 20px;
  padding: 20px 25px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  margin: 20px 30px;
  justify-content: center;
  transition: all 0.5s;
}
.locations-slider .location-box img {
  /*max-width: 50px;*/
  max-width: 200px;
  max-height: 50px;
  object-fit: contain;
}
.locations-slider .location-box span {
  text-transform: uppercase;
  font-family: "Anton", sans-serif;
  text-align: left;
  font-size: 24px;
  line-height: 1;
}
.locations-slider .location-box span span {
  color: #859095;
  text-transform: none;
  display: block;
  font-family: "League Gothic", sans-serif;
  font-size: 26px;
  line-height: 1;
}
.locations-slider .location-box:hover {
  transform: scale(1.08);
}
.locations-slider .locations-slider-inner {
  padding: 0 75px;
  position: relative;
}
.locations-slider .owl-carousel {
  position: static;
}
.locations-slider .owl-carousel .owl-stage-outer {
  z-index: 1;
}
.locations-slider .owl-carousel .owl-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
}
.locations-slider .owl-carousel .owl-nav button {
  width: 70px;
  height: 40px;
}
.locations-slider .owl-carousel .owl-nav button.owl-prev {
  background: url(../images/Arrow-Icon.svg) no-repeat;
  background-size: 100%;
  background-position: center;
  transform: rotate(180deg);
}
.locations-slider .owl-carousel .owl-nav button.owl-next {
  background: url(../images/Arrow-Icon.svg) no-repeat;
  background-size: 100%;
  background-position: center;
}
.locations-slider .owl-carousel .owl-nav button span, .locations-slider .owl-carousel .owl-nav button i {
  display: none;
}

.record-sec {
  background: #004B49;
  color: #FFFFF3;
}
.record-sec .box {
  text-align: center;
}
.record-sec .box span {
  display: block;
  font-size: 60px;
  font-family: "League Gothic", sans-serif;
  font-weight: 400;
  line-height: 1;
  margin-bottom: 15px;
}

.featured-sec h2 {
  color: #004B49;
  margin-bottom: 20px;
}
.featured-sec .block {
  border-radius: 10px;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
  margin: 15px;
  padding: 20px;
  border: 1px solid #f5f5f5;
  transition: border 0.3s ease-in-out;
}
.featured-sec .block .img-sec {
  background: white;
  width: 100px;
  height: 100px;
  display: flex;
  margin: 0 auto;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  align-items: center;
  justify-content: center;
  padding: 10px;
  overflow: hidden;
  margin-bottom: 20px;
}
.featured-sec .block .img-sec img {
  max-width: 75px;
  height: 70px;
  object-fit: contain;
}
.featured-sec .block .desc {
  text-align: center;
}
.featured-sec .block .desc h4 {
  margin-bottom: 15px;
  min-height: 30px;
}
.featured-sec .block .desc h4 a {
  color: #004B49;
}
.featured-sec .block .desc .desc-p {
  margin-bottom: 30px;
  color: #02212C;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  min-height: 62px;
}
.featured-sec .block .desc p {
  color: #02212C;
  /*margin-bottom: 30px;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  min-height: 62px;*/
}
.featured-sec .block .desc > div {
  display: flex;
  justify-content: space-between;
}
.featured-sec .block .desc > div .btn {
  font-size: 14px;
}
.featured-sec .block:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border: 1px solid #004B49;
}
.featured-sec .block:hover .desc h4 a {
  color: #005467;
}
.featured-sec .mt-3 a {
  text-decoration: underline;
  color: #004B49;
  font-weight: 600;
}
.featured-sec .owl-carousel .owl-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  width: calc(100% + 112px);
  left: -56px;
  top: 50%;
  transform: translate(0, -50%);
}
.featured-sec .owl-carousel .owl-nav button {
  width: 56px;
  height: 16px;
  margin: 25px 0 0;
}
.featured-sec .owl-carousel .owl-nav button.owl-prev {
  background: url(../images/left-arrow-1.svg) no-repeat;
  background-size: 140% auto;
  background-position: -14px 0;
}
.featured-sec .owl-carousel .owl-nav button.owl-next {
  background: url(../images/right-arrow-1.svg) no-repeat;
  background-size: 140% auto;
  background-position: -10px 0;
}
.featured-sec .owl-carousel .owl-nav button span, .featured-sec .owl-carousel .owl-nav button i {
  display: none;
}

.education-sec {
  background: #004B49;
  padding-bottom: 80px;
}
.education-sec h2 {
  margin-bottom: 20px;
  color: #FFFFF3;
}
.education-sec .block {
  border-radius: 10px;
  margin: 15px;
  color: #FFFFF3;
  overflow: hidden;
  position: relative;
}
.education-sec .block:before {
  content: "";
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
  transition: all 0.3s ease;
}
.education-sec .block img {
  max-width: 100%;
  width: 100%;
  border-radius: 10px;
  object-fit: cover;
  max-height: 320px;
  min-height: 320px;
}
.education-sec .block .desc {
  display: flex;
  flex-direction: column;
  z-index: 2;
  padding: 20px;
  margin: auto;
  position: absolute;
  left: 50%;
  top: 80%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
  color: #FFFFF3;
  transition: all 0.5s ease;
}
.education-sec .block .desc > div {
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.5s ease 0.15s;
  height: 0;
  will-change: opacity;
}
.education-sec .block .desc h4 {
  transition: all 0.5s ease 0.15s;
}
.education-sec .block .desc p {
  margin: 0 0 20px;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}
.education-sec .block:hover:before {
  content: "";
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.education-sec .block:hover .desc {
  top: 50%;
}
.education-sec .block:hover .desc h4 {
  transform: translateY(-15px);
}
.education-sec .block:hover .desc > div {
  opacity: 1;
  transform: translateY(0);
  height: auto;
}
.education-sec .mt-3 .btn {
  z-index: 2;
  position: relative;
}
.education-sec .owl-carousel .owl-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  width: calc(100% + 112px);
  left: -56px;
  top: 50%;
  transform: translate(0, -50%);
}
.education-sec .owl-carousel .owl-nav button {
  width: 56px;
  height: 16px;
  margin: 25px 0 0;
}
.education-sec .owl-carousel .owl-nav button.owl-prev {
  background: url(../images/left-arrow-white.png) no-repeat;
}
.education-sec .owl-carousel .owl-nav button.owl-next {
  background: url(../images/right-arrow-white.png) no-repeat;
}
.education-sec .owl-carousel .owl-nav button span, .education-sec .owl-carousel .owl-nav button i {
  display: none;
}

.county-education-sec .block {
  margin: 0 0 20px 0;
}

.job-search-map {
  background: #004B49;
  color: #FFFFF3;
}
.job-search-map h2 {
  margin-bottom: 30px;
}
.job-search-map .map-block {
  border-radius: 10px;
  background: #FFFFF3;
  color: #02212C;
}
.job-search-map .map-block img {
  border-radius: 10px;
  max-width: 100%;
  width: 100%;
}
.job-search-map .block {
  border-radius: 10px;
  padding: 25px;
  background: #FFFFF3;
  color: #02212C;
}
.job-search-map .block .top {
  display: flex;
  align-items: center;
  grid-gap: 10px;
  background: #FFFFF3;
}
.job-search-map .block .top img {
  max-width: 180px;
  /*height: 80px;*/
}
.job-search-map .block .top span {
  font-family: "League Gothic", sans-serif;
  text-align: left;
  font-size: 44px;
  line-height: 1;
  color: #FF51A5;
  letter-spacing: 0.5px;
}
.job-search-map .block .top span span {
  color: #004B49;
  display: block;
}
.job-search-map .block p {
  margin: 20px 0;
}
.job-search-map .block h4 {
  border-bottom: 3px solid #004B49;
  padding-bottom: 3px;
  margin-bottom: 5px;
}
.job-search-map .block ul {
  max-height: 410px;
  overflow: auto;
}
.job-search-map .block ul li {
  border-bottom: 1px solid #dbdbdb;
  margin-bottom: 3px;
  padding: 4px 0;
}
.job-search-map .block ul li strong {
  font-size: 18px;
  font-weight: 600;
}
.job-search-map .block ul li a {
  font-size: 13px;
}

.trusted-schools h2 {
  color: #004B49;
  margin-bottom: 30px;
}
.trusted-schools .block {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  grid-gap: 40px;
}
.trusted-schools .trusted-logo {
  /*.slick-track {
      display: flex;
      align-items: center;
      justify-content: center;
      grid-gap: 20px;

      .slick-slide {
          display: flex;
          align-items: center;

          div {
              display: flex;
              align-items: center;
          }
      }
  }*/
}
.trusted-schools .trusted-logo.slider-wrapper {
  overflow: hidden;
  position: relative;
}
.trusted-schools .trusted-logo.slider-wrapper:before, .trusted-schools .trusted-logo.slider-wrapper:after {
  content: "";
  position: absolute;
  top: 0;
  width: 100px;
  height: 100%;
  z-index: 2;
  pointer-events: none;
}
.trusted-schools .trusted-logo.slider-wrapper:before {
  left: 0;
  background: linear-gradient(to right, #FFFFF3, transparent);
}
.trusted-schools .trusted-logo.slider-wrapper:after {
  right: 0;
  background: linear-gradient(to left, #FFFFF3, transparent);
}
.trusted-schools .trusted-logo.slider-wrapper .logo-slider {
  display: flex;
  gap: 80px;
  animation: scroll 600s linear infinite;
  width: max-content;
  align-items: center;
}
.trusted-schools .trusted-logo.slider-wrapper .logo-slider a {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  padding: 10px;
  border-radius: 10px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 93px;
  margin: 10px;
  max-width: 180px;
  width: 100%;
  min-width: 180px;
  background: white;
}
.trusted-schools .trusted-logo.slider-wrapper .logo-slider a img {
  max-width: 150px;
  max-height: 90px;
  object-fit: contain;
}
.trusted-schools .trusted-logo.slider-wrapper:hover .logo-slider {
  animation-play-state: paused;
}
@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

.top-search h2 {
  margin-bottom: 30px;
  color: #004B49;
}
.top-search .top-search-tab .nav-tabs {
  border-bottom: none;
  grid-gap: 20px;
}
.top-search .top-search-tab .nav-tabs .nav-link {
  background: #FFFFF3;
  color: #859095;
  border-radius: 30px;
  padding: 5px 30px;
  border: none;
  font-size: 26px;
  font-weight: 400;
  letter-spacing: 0.5px;
  min-width: 155px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  font-family: "League Gothic", sans-serif;
}
.top-search .top-search-tab .nav-tabs .nav-link:hover, .top-search .top-search-tab .nav-tabs .nav-link.active {
  background: #FFFFF3;
  color: #004B49;
}
.top-search .top-search-tab .tab-content {
  margin: 30px 0 0;
}
.top-search .top-search-tab ul.p-search-list {
  display: flex;
  flex-wrap: wrap;
  grid-column-gap: 10px;
}
.top-search .top-search-tab ul.p-search-list li {
  width: calc(33.33% - 10px);
  padding: 3px 0;
}
.top-search .top-search-tab ul.p-search-list li a {
  color: #FFFFF3;
  font-size: 16px;
  background: #004B49;
  border-radius: 10px;
  padding: 10px 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 400;
  font-family: "Lexend", sans-serif;
}
.top-search .top-search-tab ul.p-search-list li a span {
  font-family: "Lexend", sans-serif;
  font-size: 13px;
  font-weight: 200;
}
.top-search .top-search-tab ul.p-search-list li a:hover {
  background: #005467;
}
.top-search .top-search-tab ul.p-search-list .sidereadmore {
  clear: both;
  width: 100%;
  margin-top: 20px;
}
.top-search .top-search-tab ul.p-search-list .more-item {
  opacity: 0;
  display: none;
  height: 0;
  padding: 0 !important;
  animation: fadeIn 0.3s ease-in;
}
.top-search .top-search-tab ul.p-search-list .more-item.show {
  display: block;
  opacity: 1;
  height: auto;
  padding: 3px 0 !important;
  animation: fadeIn 0.3s ease-in;
}
.top-search .text-center a {
  text-decoration: underline;
  color: #004B49;
  font-weight: 600;
}
.top-search .text-center a:hover {
  color: #005467;
}

.text-video {
  /*.headline {
      font-size: $fs-48;
      font-weight: 700;
      line-height: 1.3;
      color: $black;
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 20px;

      .static-text {
          color: $black;
      }

      .rotating-text-wrapper {
          position: relative;
          display: inline-block;
          height: 1.3em;
          overflow: hidden;
          vertical-align: middle;
          width: 100%;

          .rotating-text {
              position: absolute;
              width: 100%;
              left: 0;
              top: 0;
              color: $purple;
              animation: rotateText 12s infinite;
              opacity: 0;
              transform: translateY(100%);

              &:nth-child(1) {
                  animation-delay: 0s;
              }

              &:nth-child(2) {
                  animation-delay: 3s;
              }

              &:nth-child(3) {
                  animation-delay: 6s;
              }

              &:nth-child(4) {
                  animation-delay: 9s;
              }
          }

          @keyframes rotateText {
              0% {
                  opacity: 0;
                  transform: translateY(100%);
              }

              2% {
                  opacity: 1;
                  transform: translateY(0);
              }

              23% {
                  opacity: 1;
                  transform: translateY(0);
              }

              25% {
                  opacity: 0;
                  transform: translateY(-100%);
              }

              100% {
                  opacity: 0;
                  transform: translateY(-100%);
              }
          }
      }
  }*/
}
.text-video video {
  width: 100%;
  height: 130px;
  /*object-fit: cover;*/
}

.latest-blog {
  background: #004B49;
}
.latest-blog h2 {
  margin-bottom: 20px;
  color: #FFFFF3;
}
.latest-blog .blog-block {
  position: relative;
  background: #FFFFF3;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
  margin: 15px;
  border: 1px solid #004B49;
  transition: border 0.3s ease-in-out;
}
.latest-blog .blog-block .top img {
  height: auto;
  width: 100%;
  object-fit: cover;
}
.latest-blog .blog-block .bottom {
  padding: 25px;
}
.latest-blog .blog-block .bottom .date {
  color: #02212C;
  font-weight: 500;
  display: flex;
  align-items: center;
  grid-gap: 10px;
}
.latest-blog .blog-block .bottom .date i {
  color: #02212C;
}
.latest-blog .blog-block .bottom h4 {
  line-height: 1.2;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 10px 0;
  min-height: 58px;
}
.latest-blog .blog-block .bottom h4 a {
  color: #004B49;
}
.latest-blog .blog-block .bottom p {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  min-height: 62px;
  margin-bottom: 15px;
}
.latest-blog .blog-block .bottom img {
  transition: all 0.5s;
}
.latest-blog .blog-block .bottom .btn {
  font-size: 14px;
}
.latest-blog .blog-block:hover {
  border: 1px solid #FFFFF3;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.latest-blog .blog-block:hover .bottom h4 a {
  color: #005467;
}
.latest-blog .mt-3 .btn, .latest-blog .mt-4 .btn {
  z-index: 2;
  position: relative;
}
.latest-blog .mt-3 a, .latest-blog .mt-4 a {
  text-decoration: underline;
  color: #FFFFF3;
  font-weight: 600;
}
.latest-blog .owl-carousel .owl-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  width: calc(100% + 112px);
  left: -56px;
  top: 50%;
  transform: translate(0, -50%);
}
.latest-blog .owl-carousel .owl-nav button {
  width: 56px;
  height: 16px;
  margin: 25px 0 0;
}
.latest-blog .owl-carousel .owl-nav button.owl-prev {
  background: url(../images/left-arrow-white.png) no-repeat;
}
.latest-blog .owl-carousel .owl-nav button.owl-next {
  background: url(../images/right-arrow-white.png) no-repeat;
}
.latest-blog .owl-carousel .owl-nav button span, .latest-blog .owl-carousel .owl-nav button i {
  display: none;
}

.testimonial-sec {
  color: var(--quoteColor);
}
.testimonial-sec .owl-stage-outer:before, .testimonial-sec .owl-stage-outer:after {
  content: "";
  position: absolute;
  top: 0;
  width: 150px;
  height: 100%;
  z-index: 2;
  pointer-events: none;
}
.testimonial-sec .owl-stage-outer:before {
  left: 0;
  background: linear-gradient(to right, #FFFFF3, transparent);
}
.testimonial-sec .owl-stage-outer:after {
  right: 0;
  background: linear-gradient(to left, #FFFFF3, transparent);
}

.quote-sec {
  background: #FFFFF3;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  padding: 70px 100px;
  position: relative;
  border-radius: 10px;
  text-align: center;
  margin: 10px;
  max-width: 700px;
}
.quote-sec h3 {
  color: #02212C;
  line-height: 1.1;
  margin-bottom: 10px;
  min-height: 80px;
}
.quote-sec p {
  font-weight: 500;
  color: #004B49;
}
.quote-sec img {
  position: absolute;
  max-width: 100px;
}
.quote-sec img.left {
  bottom: 15px;
  left: 15px;
}
.quote-sec img.right {
  top: 15px;
  right: 15px;
  transform: scaleX(-1);
}
.quote-sec .quote-icon {
  position: absolute;
  width: 100px;
  height: 100px;
  background-color: var(--quoteColor);
  -webkit-mask: url("/images/Dark-Green-Quote-Mark-Doodle.svg") no-repeat center;
  mask: url("/images/Dark-Green-Quote-Mark-Doodle.svg") no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.quote-sec .quote-icon.left {
  bottom: 15px;
  left: 15px;
}
.quote-sec .quote-icon.right {
  top: 15px;
  right: 15px;
  transform: scaleX(-1);
}

.get-in-touch h2 {
  color: #004B49;
}
.get-in-touch .get-in-touch-inner {
  background: linear-gradient(90deg, rgba(0, 75, 73, 0.7) 0%, rgba(0, 75, 73, 0.8) 40%, rgba(0, 75, 73, 0.95) 100%), url(../images/contact-img-fill.jpg) no-repeat;
  background-size: contain !important;
  background-position: left;
  color: #FFFFF3;
  border-radius: 30px;
  padding: 60px 60px;
  display: flex;
  margin: 40px auto 0;
  grid-gap: 60px;
  justify-content: flex-end;
  position: relative;
  overflow: hidden;
}
.get-in-touch .get-in-touch-inner > div {
  width: 45%;
}
.get-in-touch .get-in-touch-inner > div img {
  border-radius: 10px;
  width: 100%;
  object-fit: cover;
  margin: 30px 0 0;
}
.get-in-touch .get-in-touch-inner .contact-info {
  width: 45%;
}
.get-in-touch .get-in-touch-inner .contact-info h3 {
  margin-bottom: 10px;
}
.get-in-touch .get-in-touch-inner .contact-info p {
  margin-bottom: 10px;
}
.get-in-touch .get-in-touch-inner .contact-info a {
  display: flex;
  align-items: center;
  grid-gap: 10px;
  color: #FFFFF3;
  margin-bottom: 10px;
}
.get-in-touch .get-in-touch-inner .contact-info a span {
  background: #FFFFF3;
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #004B49;
  border-radius: 50%;
}
.get-in-touch .get-in-touch-inner .contact-info > div:first-child {
  /*margin-bottom: 40px;*/
}

footer {
  background: url(../images/banner-2.png) no-repeat;
  padding-top: 80px;
  background-size: cover;
  background-position: center;
  position: relative;
}
footer:before {
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
}
footer img {
  max-width: 140px;
}
footer > div {
  position: relative;
  z-index: 1;
}
footer .f-menu {
  display: flex;
  flex-wrap: wrap;
  grid-column-gap: 10px;
}
footer .f-menu li {
  margin-bottom: 10px;
  width: calc(50% - 5px);
}
footer .f-menu li a {
  color: #FFFFF3;
  font-weight: 400;
  font-size: 18px;
}
footer .f-menu li a:hover {
  color: #004B49;
}

.social-icon h4 {
  color: #FFFFF3;
  margin-bottom: 20px;
}
.social-icon ul {
  display: flex;
  align-items: center;
  grid-gap: 5px;
  flex-wrap: wrap;
  max-width: 150px;
  width: 100%;
}
.social-icon ul li a {
  display: flex;
  color: #FFFFF3;
  border: 2px solid #FFFFF3;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  transition: all 0.5s;
}
.social-icon ul li a:hover {
  border-color: #004B49;
  color: #004B49;
}

.copyright {
  padding: 25px 0;
  text-align: center;
  color: #FFFFF3;
  margin-top: 50px;
}

.job-list-bg {
  background: linear-gradient(to bottom, #e2e2d8 0%, #f3f3e6 50px, #fffff3 100px);
}

.job-list-top {
  position: relative;
}
.job-list-top .record-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  grid-gap: 10px;
}
.job-list-top .record-head h1, .job-list-top .record-head h2 {
  display: flex;
  align-items: flex-start;
  grid-gap: 15px;
}
.job-list-top .record-head img {
  max-width: 50px;
}
.job-list-top .record-head .btn-primary {
  font-weight: 500;
  font-size: 14px;
  align-items: center;
  display: flex;
  grid-gap: 5px;
}
.job-list-top .record-head .btn-primary img {
  max-width: 20px;
}
.job-list-top .filter-toggle {
  display: flex;
  font-weight: 200;
  align-items: center;
  grid-gap: 5px;
  min-width: 90px;
}
.job-list-top .filter-toggle i {
  color: #FFFFF3;
}
.job-list-top .filter-toggle img {
  width: 16px;
  transition: all 5s;
}
.job-list-top .filter-toggle img.fill {
  display: none;
}
.job-list-top .filter-toggle:hover img.line {
  display: none;
}
.job-list-top .filter-toggle:hover img.fill {
  display: inline-block;
}
.job-list-top .sort-by {
  display: flex;
  align-items: center;
  grid-gap: 15px;
}
.job-list-top .sort-by label {
  white-space: nowrap;
  /*font-family: $heading-font-family;*/
  font-size: 16px;
  color: #02212C;
  font-weight: 500;
}
.job-list-top .sort-by .form-select {
  border-radius: 10px;
  color: #004B49;
  min-width: 110px;
  font-weight: 300;
  background-color: #FFFFF3;
}
.job-list-top .sort-by .form-select:focus, .job-list-top .sort-by .form-select:active {
  outline: none;
  box-shadow: none;
  border-color: #004B49;
}
.job-list-top .search-sort {
  display: flex;
  justify-content: space-between;
  grid-gap: 10px;
  margin: 30px 0;
}
.job-list-top .search-sort form {
  width: 100%;
}
.job-list-top .search-sort .find-form {
  padding: 10px;
  background: rgba(0, 75, 73, 0.2);
}
.job-list-top .search-sort .search-box {
  width: calc(100% - 120px);
}
.job-list-top .search-sort .search-box i {
  position: absolute;
  left: 20px;
  top: 16px;
  color: #859095;
}
.job-list-top .search-sort .search-box .search-hold {
  width: calc(100% - 120px);
}
.job-list-top .search-sort .search-box input, .job-list-top .search-sort .search-box select {
  /*padding: 12px 14px;*/
  font-size: 12px;
  color: #02212C;
  font-weight: 500;
  height: auto;
  /*border: none;*/
  /*border-radius: 10px 0 0 10px;*/
  background: #FFFFF3;
  /*padding-left: 35px;*/
  width: 100%;
}
.job-list-top .search-sort .search-box .miles span.fa {
  top: 18px;
}
.job-list-top .search-sort .search-box .search-btn-hold {
  position: relative;
  min-width: 120px;
  border-left: 1px solid #859095;
}
.job-list-top .search-sort .search-box .search-btn-hold input {
  background: #FFFFF3;
  color: #004B49;
  border-radius: 0 10px 10px 0;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: none;
  height: 100%;
  width: 100%;
  /*&:hover {
      background: $blue-1;
  }*/
}
.job-list-top .search-sort .search-box .search-btn-hold input::placeholder {
  color: #859095;
  opacity: 1;
}
.job-list-top .search-sort .search-box .search-btn-hold input::-webkit-input-placeholder {
  color: #859095;
}
.job-list-top .search-sort .search-box .search-btn-hold input::-ms-input-placeholder {
  color: #859095;
}
.job-list-top .search-sort .home-search-btn input {
  min-width: 120px;
  background: #004B49;
  color: #FFFFF3;
  border-left: 1px solid #d9dcd5;
}
.job-list-top .job-listing-banner-mid {
  max-height: 60px !important;
  width: 468px !important;
}
.job-list-top .job-listing-banner-mid img {
  max-width: none;
  max-height: 60px;
}

.banner-ad-container.job-listing-ad {
  max-height: 60px !important;
  height: 60px !important;
  width: 468px !important;
}

.filter-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 75, 73, 0.5);
  backdrop-filter: blur(2px);
  display: none;
  z-index: 1050;
}
.filter-overlay.active {
  display: block;
}

.filter-col {
  position: fixed;
  top: 0;
  right: -100%;
  width: 100%;
  max-width: 330px;
  height: 100vh;
  background: #fff;
  z-index: 1050;
  padding: 1rem 0;
  /*overflow-y: auto;*/
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
  transition: 0.35s;
  background: #FFFFF3;
}
.filter-col.show {
  right: 0;
}
.filter-col h3 {
  color: #004B49;
}
.filter-col .close-filter {
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  padding: 10px;
  margin: 0;
  color: #02212C;
  background: #FFFFF3;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  height: 70px;
  width: 35px;
  z-index: 999;
  font-size: 24px;
  left: -17px;
}

.job-filter {
  background: #FFFFF3;
  border-radius: 10px;
  padding: 0 15px;
}
.job-filter ul.nav {
  border-bottom: 1px solid #d9dcd5;
  padding: 15px;
}
.job-filter ul.nav .nav-link {
  color: #004B49;
  font-family: "League Gothic", sans-serif;
  font-size: 20px;
  border: none;
  border-radius: 10px;
  padding: 5px 18px;
}
.job-filter ul.nav .nav-link.active {
  background: #004B49;
  color: #FFFFF3;
}
.job-filter .tab-content {
  padding: 15px 20px;
  overflow-y: auto;
  max-height: calc(100vh - 110px);
}
.job-filter .tab-content .selected-option .text-end > a {
  text-transform: uppercase;
  font-size: 12px;
  color: #02212C;
}
.job-filter .tab-content .selected-option .tags {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 4px;
  margin-top: 5px;
}
.job-filter .tab-content .selected-option .tags span {
  background: #004B49;
  color: #FFFFF3;
  border-radius: 25px;
  padding: 5px 14px;
  padding-right: 32px;
  display: block;
  font-size: 16px;
  position: relative;
  font-family: "League Gothic", sans-serif;
  letter-spacing: 0.5px;
}
.job-filter .tab-content .selected-option .tags span a {
  color: #FFFFF3;
  position: absolute;
  right: 10px;
  top: 8px;
  font-size: 12px;
}
.job-filter .tab-content .list-box {
  margin-top: 15px;
}
.job-filter .tab-content .list-box h5 {
  color: #02212C;
  margin-bottom: 10px;
}
.job-filter .tab-content .list-box .list-option {
  background: #d9dcd5;
  border-radius: 10px;
  position: relative;
  padding: 10px;
}
.job-filter .tab-content .list-box .list-option .arrow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 12px;
  color: #859095;
}
.job-filter .tab-content .list-box .list-option .arrow i {
  font-size: 14px;
  color: #859095;
}
.job-filter .tab-content .list-box .list-option ul {
  max-height: 115px;
  overflow-y: auto;
  display: none;
  margin-top: 5px;
  scrollbar-width: thin;
  scrollbar-color: #9da3a1 transparent;
  /* custom scrollbar */
}
.job-filter .tab-content .list-box .list-option ul::-webkit-scrollbar {
  width: 6px;
}
.job-filter .tab-content .list-box .list-option ul::-webkit-scrollbar-thumb {
  background: #9da3a1;
  border-radius: 6px;
}
.job-filter .tab-content .list-box .list-option ul li a {
  color: #02212C;
  font-size: 12px;
}
.job-filter .tab-content .list-box .list-option ul li a:hover {
  color: #004B49;
}
.job-filter .tab-content .list-box .list-option.active .arrow i {
  transform: rotate(-180deg);
}
.job-filter .tab-content .list-box .list-option.active ul {
  display: block;
}
.job-filter .tab-content .search-box .form-control,
.job-filter .tab-content .search-box .form-select {
  background-color: #d9dcd5;
  border-radius: 15px;
  font-size: 13px;
  padding: 10px 15px;
  margin: 10px 0;
  color: #004B49;
}
.job-filter .tab-content .search-box .form-control:focus, .job-filter .tab-content .search-box .form-control:active,
.job-filter .tab-content .search-box .form-select:focus,
.job-filter .tab-content .search-box .form-select:active {
  outline: none;
  box-shadow: none;
  border-color: #004B49;
}
.job-filter .tab-content .search-box > div {
  margin-top: 20px;
}
.job-filter .tab-content .search-box > div a {
  text-transform: uppercase;
  font-size: 11px;
  color: #02212C;
  text-decoration: underline;
}

.job-search-top-job .top-job-image-hold {
  border-radius: 15px 15px 0 0;
  border-bottom: 0;
}
.job-search-top-job .job-card.blue-bg {
  background-image: none;
  background-color: #004B49;
  border-radius: 0 0 15px 15px;
  border-top: 0;
}
.job-search-top-job .job-card.blue-bg .desc {
  padding: 10px 20px;
}
.job-search-top-job .searchdeatilsinfo {
  min-height: auto !important;
}

.job-card {
  border-radius: 15px;
  border: 2px solid #004B49;
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
  transition: all 0.5s;
  /*.featured-badge, .top-badge {
      background: url(../images/featured-bg.svg) no-repeat;
      background-size: 100%;
      width: 100px;
      position: absolute;
      top: -10px;
      right: 0;
      height: 100px;
      font-family: $heading-font-family;
      font-size: $fs-16;
      z-index: 2;

      span {
          padding: 25px 0 0;
          color: $white;
          max-width: 50px;
          display: block;
          text-align: center;
          margin: 0 auto;
          line-height: 1;
          letter-spacing: 0.5px;
          font-weight: $fw-400;
      }
  }*/
  /* TOP JOB RIBBON */
}
.job-card:hover .card-header-image:before {
  opacity: 1;
}
.job-card.featured .card-header-image::before, .job-card.premium .card-header-image::before {
  opacity: 1;
}
.job-card .card-header-image {
  height: 150px;
  /*background: url(../images/blog-1.webp);*/
  background: url(../images/job-card-banner01.webp);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: transparent;
  border-radius: 0 0 0 0;
  position: relative;
  transition: all 0.5s;
  overflow: hidden;
}
.job-card .card-header-image:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 150px;
  background: linear-gradient(to top, rgb(0, 75, 73), rgba(0, 75, 73, 0.2)) border-box, transparent padding-box;
  z-index: 1;
  opacity: 0;
  transition: all 0.5s;
}
.job-card .card-header-image .job-card-blur-bg {
  background: url(../images/job-card-banner01.webp) no-repeat;
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 150px;
  position: absolute;
  left: 0;
  top: 0;
  filter: blur(8px);
  transform: scale(1.05);
  z-index: -1;
}
.job-card.featured .card-header-image:before {
  background: linear-gradient(to top, rgb(244, 211, 6), rgba(244, 211, 6, 0.2)) border-box, transparent padding-box;
  /*background: rgba(244, 211, 6, 0.3);*/
}
.job-card.featured .badge {
  background: radial-gradient(50% 0.2em at top, rgba(0, 0, 0, 0.6666666667), rgba(0, 0, 0, 0)) border-box, #F4D306 padding-box;
  /* the color  */
}
.job-card .badge-container {
  position: absolute;
  top: -3px;
  right: 30px;
  z-index: 2;
}
.job-card .badge-container .badge.Top {
  background: radial-gradient(50% 0.2em at top, rgba(0, 0, 0, 0.6666666667), rgba(0, 0, 0, 0)) border-box, #F4D306 padding-box;
}
.job-card .badge-container .badge.Featured {
  background: radial-gradient(50% 0.2em at top, rgba(0, 0, 0, 0.6666666667), rgba(0, 0, 0, 0)) border-box, #F4D306 padding-box;
}
.job-card .badge-container .badge.Premium {
  background: radial-gradient(50% 0.2em at top, rgba(0, 0, 0, 0.6666666667), rgba(0, 0, 0, 0)) border-box, #F4D306 padding-box;
}
.job-card .badge {
  --r: 1em;
  /* control the cutout */
  border-inline: 0.5em solid rgba(0, 0, 0, 0);
  padding: 0.5em 0.5em calc(var(--r) + 0.2em);
  clip-path: polygon(0 0, 100% 0, 100% 100%, calc(100% - 0.5em) 100%, 50% calc(100% - var(--r)), 0.5em 100%, 0 100%);
  background: radial-gradient(50% 0.2em at top, rgba(0, 0, 0, 0.6666666667), rgba(0, 0, 0, 0)) border-box, #004B49 padding-box;
  /* the color  */
  width: fit-content;
  /* position: absolute;
  top: -3px;
  right: 30px;*/
  height: 80px;
  font-size: 12px;
  z-index: 2;
  min-width: 75px;
}
.job-card .badge span {
  padding: 15px 0 0;
  color: #FFFFF3;
  max-width: 60px;
  display: block;
  text-align: center;
  margin: 0 auto;
  line-height: 1.3;
  letter-spacing: 0.5px;
  font-weight: 600;
}
.job-card .info-item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 12px;
  color: #FFFFF3;
}
.job-card .info-item img,
.job-card .info-item i {
  margin-right: 10px;
  margin-top: 0;
  max-width: 25px;
  max-height: 25px;
}
.job-card .info-item i {
  font-size: 14px;
  color: #FFFFF3;
  top: -3px;
  position: relative;
}
.job-card .info-item p {
  font-size: 14px;
  color: #FFFFF3;
  font-weight: 500;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.job-card .searchdeatilsinfo {
  /*min-height: 85px;*/
}
.job-card .searchdeatilsinfo.new {
  background: #004B49;
  padding: 0 15px 5px 15px;
  display: flow-root;
}
.job-card .desc {
  position: relative;
  z-index: 1;
  padding: 15px 15px 0;
  background: #004B49;
  display: flex;
  justify-content: space-between;
  grid-gap: 10px;
}
.job-card .desc h4 {
  color: #FFFFF3;
  margin-bottom: 10px;
}
.job-card .desc h4 a {
  color: #FFFFF3;
  white-space: normal;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  min-height: 58px;
}
.job-card .desc .info-item p {
  height: 37px;
}
.job-card .desc .job-description {
  margin: 0 0 15px;
  font-size: 12px;
  -webkit-line-clamp: 4;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  min-height: 63px;
}
.job-card .desc .top-job-logo-hold {
  padding-right: 100px;
}
.job-card .desc .aca-logo {
  margin-bottom: 10px;
  background: white;
  border-radius: 10px;
  overflow: hidden;
  /*padding: 5px;*/
}
.job-card .desc .aca-logo img {
  max-width: 90px;
  margin: 5px;
  min-height: 90px;
  object-fit: contain;
  max-height: 90px;
}
.job-card .desc .time-ago {
  font-size: 12px;
  grid-gap: 3px;
  display: flex;
  align-items: flex-start;
  margin-top: 15px;
  line-height: 1.2;
  color: #FFFFF3;
  font-weight: 200;
}
.job-card .desc .time-ago i {
  margin-top: 2px;
  color: #FFFFF3;
}
.job-card .desc-text {
  font-size: 13px;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  min-height: 35px;
  padding: 0 15px;
  background: #004B49;
  color: #FFFFF3;
  font-weight: 200;
}
.job-card .bottom {
  background: #004B49;
  color: #FFFFF3;
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  grid-gap: 20px;
  font-weight: 200;
  font-size: 13px;
}
.job-card .bottom a {
  color: inherit;
}
.job-card .bottom .action-buttons {
  display: flex;
  align-items: center;
  grid-gap: 10px;
}
.job-card .bottom .action-buttons a {
  font-size: 14px;
  color: #FFFFF3;
}
.job-card .bottom .action-buttons a i {
  color: #FFFFF3;
}
.job-card .bottom .action-buttons a img {
  width: 25px;
  transition: all 5s;
}
.job-card .bottom .action-buttons a img.fill {
  display: none;
}
.job-card .bottom .action-buttons a:hover img.line {
  display: none;
}
.job-card .bottom .action-buttons a:hover img.fill {
  display: inline-block;
}
.job-card .bottom .action-buttons a .star-fill img.fill {
  display: block;
}
.job-card .bottom .action-buttons a .star-fill img.line {
  display: none;
}
.job-card.top-job {
  background: url(../images/job-card-banner01.webp);
  /*background: url(../images/blog-1.webp);*/
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #F4D306;
  background-position: center center;
}
.job-card.top-job:before {
  opacity: 1;
  height: 100%;
}
.job-card.top-job .top-job-blur-bg {
  background: url(../images/job-card-banner01.webp) no-repeat;
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 150px;
  position: absolute;
  left: 0;
  top: 0;
  filter: blur(8px);
  transform: scale(1.05);
  z-index: -1;
}
.job-card.top-job .badge {
  background: radial-gradient(50% 0.2em at top, rgba(0, 0, 0, 0.6666666667), rgba(0, 0, 0, 0)) border-box, #F4D306 padding-box;
  /* the color  */
}
.job-card.top-job .desc {
  /*background: linear-gradient(to top, rgba(0, 75, 73, 0.9), rgba(0, 75, 73, 0.4)) border-box, transparent padding-box;*/
  background: none;
  /*padding-top: 80px;*/
  padding: 20px;
}
.job-card.top-job .desc > div:last-child {
  /*margin-top: 30px;*/
}
.job-card.top-job .desc h4 {
  max-width: calc(100% - 75px);
  font-size: 30px;
}
.job-card.top-job .desc h4 a {
  min-height: auto;
  margin-bottom: 20px;
}
.job-card.top-job .desc h2 {
  color: #FFFFF3;
  margin-bottom: 20px;
}
.job-card.top-job .desc h2 a {
  color: #FFFFF3;
}
.job-card.top-job .desc .info-item {
  color: #FFFFF3;
  margin-bottom: 10px;
}
.job-card.top-job .desc .info-item img,
.job-card.top-job .desc .info-item i {
  margin-right: 10px;
  margin-top: 0;
  max-width: 30px;
  max-height: 30px;
}
.job-card.top-job .desc .info-item i {
  font-size: 18px;
}
.job-card.top-job .desc .info-item p {
  height: auto;
  /*font-size: $fs-16;
  color: $white;
  font-weight: $fw-300;*/
}
.job-card.top-job .desc .job-description, .job-card.top-job .desc .jobdesc {
  color: #FFFFF3;
  font-size: 14px;
  font-weight: 200;
  min-height: inherit;
}
.job-card.top-job .bottom {
  font-size: 14px;
  background-color: transparent;
  padding-bottom: 0;
}
.job-card.top-job .bottom .action-buttons a {
  font-size: 14px;
}
.job-card.premium .card-header-image:before {
  background: linear-gradient(to top, rgb(244, 211, 6), rgba(244, 211, 6, 0.2)) border-box, transparent padding-box;
  /*background: rgba(244, 211, 6, 0.3);*/
}
.job-card.premium .badge {
  background: radial-gradient(50% 0.2em at top, rgba(0, 0, 0, 0.6666666667), rgba(0, 0, 0, 0)) border-box, #F4D306 padding-box;
  /* the color  */
}
.job-card:hover:before {
  opacity: 1;
}

.job-details-sec .top-back-next-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.job-details-sec .top-back-next-btn > div {
  display: flex;
  align-items: center;
  grid-gap: 20px;
}
.job-details-sec .top-back-next-btn a {
  display: flex;
  align-items: center;
  color: #004B49;
  grid-gap: 6px;
}
.job-details-sec .top-back-next-btn a span {
  position: relative;
  top: 1px;
}
.job-details-sec .top-back-next-btn a:hover, .job-details-sec .top-back-next-btn a:focus, .job-details-sec .top-back-next-btn a:active {
  color: #02212C;
}
.job-details-sec .job-details .top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.job-details-sec .job-details .top .aca-logo {
  background: white;
  border-radius: 10px;
  overflow: hidden;
  padding: 10px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.job-details-sec .job-details .top .aca-logo img {
  max-width: 150px;
}
.job-details-sec .job-details .top .action-buttons {
  display: flex;
  align-items: center;
  grid-gap: 10px;
}
.job-details-sec .job-details .top .action-buttons a {
  color: #FFFFF3;
}
.job-details-sec .job-details .top .action-buttons a.btn {
  min-width: 100px;
}
.job-details-sec .job-details .top .action-buttons a i {
  color: #004B49;
  font-size: 20px;
}
.job-details-sec .job-details .top .action-buttons a img {
  width: 25px;
  transition: all 5s;
}
.job-details-sec .job-details .top .action-buttons a img.fill {
  display: none;
}
.job-details-sec .job-details .top .action-buttons a:hover img.line {
  display: none;
}
.job-details-sec .job-details .top .action-buttons a:hover img.fill {
  display: inline-block;
}
.job-details-sec .job-details .top .action-buttons a .star-fill img.fill {
  display: block;
}
.job-details-sec .job-details .top .action-buttons a .star-fill img.line {
  display: none;
}
.job-details-sec .job-details .desc {
  display: flex;
  justify-content: space-between;
  margin: 20px 0 0;
  align-items: flex-start;
}
.job-details-sec .job-details .desc h1, .job-details-sec .job-details .desc h2 {
  margin-bottom: 15px;
}
.job-details-sec .job-details .desc h1 a, .job-details-sec .job-details .desc h2 a {
  color: #02212C;
}
.job-details-sec .job-details .desc .info-item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 10px;
  color: #02212C;
}
.job-details-sec .job-details .desc .info-item img,
.job-details-sec .job-details .desc .info-item i {
  margin-right: 10px;
  margin-top: -2px;
  max-width: 28px;
  max-height: 28px;
}
.job-details-sec .job-details .desc .info-item i {
  font-size: 14px;
  color: #02212C;
  top: -3px;
  position: relative;
}
.job-details-sec .job-details .desc .info-item p {
  font-size: 16px;
  color: #02212C;
  font-weight: 500;
}
.job-details-sec .job-details .desc > div:last-child {
  display: flex;
  flex-direction: column;
  grid-gap: 10px;
  margin-top: 15px;
  margin-right: 7px;
}
.job-details-sec .job-details .desc > div:last-child .btn {
  color: #02212C;
  font-size: 14px;
  padding-top: 8px;
  padding-bottom: 8px;
  min-width: 156px;
}
.job-details-sec .blue-bg .j-desc {
  color: #FFFFF3;
  padding: 5px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  grid-gap: 20px;
}
.job-details-sec .blue-bg .j-desc .j-desc-left {
  display: flex;
  grid-gap: 50px;
}
.job-details-sec .blue-bg .j-desc .j-desc-left dl {
  display: flex;
  grid-gap: 8px;
  margin-bottom: 10px;
}
.job-details-sec .blue-bg .j-desc .j-desc-left dl dd,
.job-details-sec .blue-bg .j-desc .j-desc-left dl dt {
  font-weight: 300;
  margin: 0;
}
.job-details-sec .blue-bg .j-desc .j-desc-left dl dd {
  font-weight: 500;
}
.job-details-sec .blue-bg .j-desc .j-desc-left dl:last-child {
  margin-bottom: 0;
}
.job-details-sec .blue-bg .j-desc .j-desc-left dl a {
  color: inherit;
}
.job-details-sec .blue-bg .j-desc .j-desc-right {
  background: #FFFFF3;
  padding: 10px;
  border-radius: 10px;
}
.job-details-sec .blue-bg .j-desc .j-desc-right img {
  max-width: 150px;
}
.job-details-sec .job-description-left h3 {
  margin-bottom: 15px;
}
.job-details-sec .job-description-left p {
  margin-bottom: 15px;
  font-weight: 400;
}
.job-details-sec .job-description-left p.light {
  font-weight: 300;
}
.job-details-sec .job-description-left ul, .job-details-sec .job-description-left ol {
  padding: 10px 0 10px 15px;
}
.job-details-sec .job-description-left ul li, .job-details-sec .job-description-left ol li {
  line-height: 1.3;
  margin-bottom: 8px;
}
.job-details-sec .job-description-left ul li {
  list-style: disc outside;
}
.job-details-sec .job-description-left ol li {
  list-style: decimal outside;
}
.job-details-sec .job-description-left .apply-sec .btn.btn-primary {
  min-width: 130px;
  padding: 11px 15px;
  margin-bottom: 20px;
}
.job-details-sec .job-description-left .apply-sec .btn.btn-outline {
  padding: 11px 20px;
  grid-gap: 20px;
  display: inline-flex;
}
.job-details-sec .job-description-left .apply-sec .btn.btn-outline span {
  display: flex;
  align-items: center;
  grid-gap: 5px;
}
.job-details-sec .job-description-left .faq-content {
  background: none;
}
.job-details-sec .job-description-left .faq-content .faq-sec .accordion-body {
  border: 1px solid #d9dcd5;
}
.job-details-sec .job-description-right {
  margin-bottom: 30px;
}
.job-details-sec .job-description-right .img-box {
  margin-bottom: 30px;
}
.job-details-sec .job-description-right .img-box img {
  border-radius: 30px;
  width: 100%;
  max-height: 250px;
  object-fit: cover;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.job-details-sec .job-description-right .map {
  margin-bottom: 30px;
}
.job-details-sec .job-description-right .map iframe {
  width: 100%;
  height: 250px;
  border-radius: 30px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.job-details-sec .job-description-right .join-talent {
  background: #004B49;
  border-radius: 10px;
  padding: 30px 15px;
  display: flex;
  flex-direction: column;
  grid-gap: 15px;
  margin-bottom: 30px;
  color: #FFFFF3;
}
.job-details-sec .job-description-right .join-talent p {
  font-weight: 200;
}
.job-details-sec .job-description-right .join-talent .btn {
  display: inline-block;
  max-width: 120px;
  margin: 0 auto;
}
.job-details-sec .job-description-right .jobdetail .job-card {
  margin-bottom: 0;
}
.job-details-sec .about-job {
  border-radius: 10px;
  color: #FFFFF3;
  padding: 30px;
}
.job-details-sec .about-job .top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}
.job-details-sec .about-job .top > div {
  max-width: 400px;
  width: 100%;
}
.job-details-sec .about-job .top h3 {
  margin-bottom: 20px;
}
.job-details-sec .about-job .top .box {
  background: #FFFFF3;
  border-radius: 10px;
  color: #004B49;
  padding: 20px;
  width: 100%;
}
.job-details-sec .about-job .top .box p {
  margin-bottom: 15px;
}
.job-details-sec .about-job .top .box p:last-child {
  margin-bottom: 0;
}
.job-details-sec .about-job .job-slider {
  max-width: 420px;
  margin-right: 20px;
}
.job-details-sec .about-job .job-slider div img {
  width: 100%;
  border-radius: 30px;
  max-height: 240px;
  object-fit: cover;
}
.job-details-sec .about-job .job-slider .owl-nav {
  position: absolute;
  top: 50%;
  width: calc(100% + 40px);
  left: -20px;
  transform: translate(0, -50%);
}
.job-details-sec .about-job .job-slider .owl-nav button.owl-next {
  float: right;
}

.recommended-jobs h2 {
  margin-bottom: 20px;
}
.recommended-jobs .recommended-block {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  background: #FFFFF3;
  border-radius: 10px;
  padding: 15px;
  height: 100%;
}
.recommended-jobs .recommended-block a {
  font-family: "League Gothic", sans-serif;
  letter-spacing: 0.5px;
  font-size: 24px;
  display: block;
  line-height: 24px;
  color: #004B49;
}
.recommended-jobs .recommended-block span {
  display: block;
  color: #005467;
  margin: 5px 0;
}

.grey-strip {
  background-color: #859095;
}
.grey-strip .j-des-tab-link {
  color: #02212C;
  font-size: 16px;
  margin-right: 30px;
  border-bottom: solid 5px #859095;
  padding: 10px 0 5px 0;
}
.grey-strip .active {
  color: #FFFFF3;
  border-bottom-color: #004B49;
}

.job-slider_thumbnail .item img {
  border-radius: 30px;
}
.job-slider_thumbnail .owl-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
}
.job-slider_thumbnail .owl-dot {
  margin: 0 5px;
}
.job-slider_thumbnail .owl-dot img {
  opacity: 0.5;
  transition: 0.3s;
  border-radius: 10px;
}
.job-slider_thumbnail .owl-dot.active img {
  opacity: 1;
}
.job-slider_thumbnail .owl-nav {
  position: absolute;
  top: 35%;
  width: calc(100% + 40px);
  left: -20px;
  transform: translate(0, -50%);
}
.job-slider_thumbnail .owl-next {
  float: right;
}
.job-slider_thumbnail .fa::before {
  font-size: 24px;
}

.full-width-map iframe {
  width: 100%;
  height: 100%;
  border-radius: 30px;
}

.testimonial_microsite .quote-sec {
  background-color: #004B49;
}
.testimonial_microsite .quote-sec h3 {
  color: #FFFFF3;
  min-height: 80px;
}

.boxtheme01 {
  overflow: hidden;
  border: 1px solid #859095;
  border-radius: 10px;
  background-color: #859095;
  padding: 30px 50px 30px 50px;
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  color: #FFFFF3;
}
.boxtheme01 .logo {
  margin: 0 0 20px 0;
  display: block;
}
.boxtheme01 p {
  margin: 15px 0;
}
.boxtheme01 a {
  color: #004B49;
}
.boxtheme01 a:hover {
  color: #005467;
}
.boxtheme01 .or-divider {
  position: relative;
}
.boxtheme01 .or-divider:before {
  content: "";
  border-bottom: solid 1px #fffff3;
  width: 100%;
  height: 2px;
  display: block;
  top: 10px;
  position: absolute;
}
.boxtheme01 .or-divider span {
  background: #859095;
  padding: 0 10px;
  z-index: 10;
  position: relative;
}
.boxtheme01 .social-icons-hold ul {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin: 20px 0 0 0;
}
.boxtheme01 .social-icons-hold ul a {
  background: url(../images/social-icons.png) no-repeat #FFFFF3;
  background-position-x: 0px;
  background-position-y: 2px;
  width: 44px;
  height: 44px;
  display: inline-block;
  border-radius: 50%;
  background-size: cover;
}
.boxtheme01 .social-icons-hold ul a.social-google {
  background-position-x: 0px;
  background-position-y: -42px;
}
.boxtheme01 .social-icons-hold ul a.social-linkedin {
  background-position-x: 0px;
  background-position-y: -88px;
}
.boxtheme01 .social-icons-hold ul button {
  background: url(../images/social-icons.png) no-repeat #FFFFF3;
  background-position-x: 0px;
  background-position-y: 2px;
  width: 44px;
  height: 44px;
  display: inline-block;
  border-radius: 50%;
  border: none;
  background-size: cover;
}
.boxtheme01 .social-icons-hold ul button.social-google {
  background-position-x: 0px;
  background-position-y: -42px;
}
.boxtheme01 .social-icons-hold ul button.social-linkedin {
  background-position-x: 0px;
  background-position-y: -88px;
}
.boxtheme01 .social-icons-hold .signin-seperate {
  border-bottom: 1px solid #FFFFF3;
  position: relative;
  margin: 30px 0;
}
.boxtheme01 .social-icons-hold .signin-seperate:before {
  content: "or";
  display: inline-block;
  position: absolute;
  background: #859095;
  padding: 0 10px;
  top: -11px;
  left: 50%;
  margin-left: -18px;
}

.input_wrapper {
  margin: 12px 0;
  display: inline-block;
  width: 100%;
}
.input_wrapper label {
  margin: 0 0 4px 0;
  width: 100%;
  text-align: left;
}
.input_wrapper .star-mandatory {
  color: #EA4200;
}

textarea.form-control {
  min-height: 150px;
  max-height: 300px;
}

.form-control, .form-select {
  background-color: #FFFFF3;
  border-color: #FFFFF3;
  border-radius: 10px;
  font-size: 14px;
  padding: 10px 15px;
  color: #02212C;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.form-control:focus, .form-select:focus {
  color: #02212C;
  background-color: #FFFFF3;
  border-color: #0998b0;
  outline: 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.form-control[readonly], .form-select[readonly] {
  background: #d9dcd5;
  cursor: default;
  border-color: #d9dcd5;
}
.form-control[readonly]:focus, .form-select[readonly]:focus {
  box-shadow: none;
}
.form-control.hasDatepicker, .form-select.hasDatepicker {
  background: #FFFFF3;
  border-color: #FFFFF3;
}

.onboarding-footer-hold {
  text-align: center;
  display: flex;
}
.onboarding-footer-hold ul {
  display: flex;
  margin: 15px auto 0 auto;
  gap: 16px;
}
.onboarding-footer-hold ul li {
  border-right: 1px solid #004B49;
  padding-right: 16px;
  font-size: 14px;
}
.onboarding-footer-hold ul li a {
  color: #004B49;
}

.common-text {
  text-align: left;
}

.customcheck, .customradio {
  display: flex;
  font-size: 13px;
  margin: 8px 0;
}
.customcheck input, .customradio input {
  margin: 4px 5px 0 0;
  align-self: baseline;
}

.action-login {
  margin: 20px 0;
}

.terms-text {
  font-size: 13px;
}

.select-hold {
  position: relative;
}
.select-hold .fa.fa-angle-down {
  position: absolute;
  right: 10px;
  color: #02212C;
  font-size: 14px;
  top: 14px;
}

.no-mar-auto {
  margin: 0 auto;
}

.signup-container {
  max-width: 825px;
  width: 100%;
  display: block;
  margin: 0 auto 20px auto;
}
.signup-container h1 {
  font-size: 40px;
}
.signup-container h5 {
  border-bottom: 1px solid #FFFFF3;
  text-align: left;
  padding-bottom: 5px;
}

.signup-container.forgot-password {
  max-width: 550px;
}

.signup-box {
  background-color: #859095;
  padding: 0;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  margin-top: 10px;
  margin-bottom: 30px;
  color: #FFFFF3;
  text-align: left;
}
.signup-box a {
  color: #02212C;
}

.customradio [type=radio]:checked + label, .customradio [type=radio] + label {
  color: #FFFFF3;
}
.customradio [type=radio]:checked + label:before, .customradio [type=radio]:not(:checked) + label:before {
  width: 15px;
  height: 15px;
  top: 3px;
  left: 3px;
}
.customradio [type=radio]:checked + label:before {
  border-color: #02212C;
}
.customradio [type=radio]:checked + label:after, .customradio [type=radio]:not(:checked) + label:after {
  background: #02212C;
  width: 9px;
  height: 9px;
  top: 6px;
  left: 6px;
}

.signin-container .form_wrapper {
  max-width: 400px;
  margin: 0 auto;
}

.shadow-always {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.federation-signin .form_wrapper {
  max-width: 400px;
  margin: 0 auto;
}

.icon-input {
  position: relative;
}
.icon-input .fa {
  width: 40px;
  height: 43px;
  position: absolute;
  top: 28px;
  left: 0;
  background: #0998b0;
  border-radius: 10px 0 0 10px;
  -webkit-border-radius: 10px 0 0 10px;
  -moz-border-radius: 10px 0 0 10px;
  color: #FFFFF3;
  text-align: center;
  line-height: 42px;
}
.icon-input .form-control {
  padding-left: 45px;
}

.job-alert {
  background: #FFFFF3;
  margin: 10px 0 0;
  padding: 20px;
  border-radius: 10px;
  /*display: none;*/
  flex-direction: column;
  grid-gap: 10px;
  max-width: 330px;
  width: 100%;
  border: 1px solid #004B49;
  text-align: center;
  position: absolute;
  right: 0;
  z-index: 9;
  opacity: 0;
  transition: all 0.5s;
  visibility: hidden;
}
.job-alert:before {
  content: "";
  border: 15px solid #FFFFF3;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid transparent;
  position: absolute;
  top: -30px;
  right: 20px;
  filter: drop-shadow(0 -0.3px 0.3px #004B49);
}
.job-alert .alert-close {
  position: absolute;
  right: 10px;
  top: 5px;
  z-index: 9;
  color: #02212C;
}
.job-alert.active {
  display: flex;
  opacity: 1;
  visibility: visible;
}
.job-alert p, .job-alert h4 {
  margin-bottom: 15px;
  color: #004B49;
}
.job-alert > div .btn {
  width: 100%;
  margin-top: 15px;
}

/*County vertical pagr*/
.county-vertical-kent {
  /*.btn-white {
      color: $light-blue;
  }

  .btn-primary {
      background-color: $light-blue;
      border-color: $light-blue;
  }

  .btn-outline {
      border-color: $light-blue;
      color: $light-blue
  }*/
  /*.find-form {
      background: rgba(9, 152, 176, 0.2);

      .home-search-btn {
          input {
              background: $light-blue;

              &:hover {
                  background: $light-blue;
              }
          }
      }
  }*/
  /*.featured-sec {
      h2 {
          color: $light-blue;
      }

      .block {
          &:hover {
              border-color: $light-blue;
          }

          .desc {
              h4 {
                  a {
                      color: $light-blue;
                  }
              }

              p {
                  margin-bottom: 15px;
                  text-overflow: ellipsis;
                  -webkit-line-clamp: 3;
                  -webkit-box-orient: vertical;
                  overflow: hidden;
                  min-height: 50px;
                  display: -webkit-box;
              }
          }
      }

      .mt-3 {
          a {
              color: $light-blue;
          }
      }
      .owl-carousel {
          .owl-nav {
              button {
                  &.owl-prev {
                      background: url(../images/left-arrow-blue.png) no-repeat;
                  }

                  &.owl-next {
                      background: url(../images/right-arrow-blue.png) no-repeat;
                  }
              }
          }
      }
  }*/
}
.county-vertical-kent header {
  /*.mainNav {
      li {
          .submenu {
              &:before {
                  background: linear-gradient(to right, $white, $light-blue, $white );
              }

              li {
                  a {
                      &:hover {
                          background: $light-blue;
                      }
                  }
              }
          }
      }
  }*/
  /*.top-right-btn {
      .header-btn {
          background:none;
          padding:0;
      }
  }*/
}
.county-vertical-kent .main-banner {
  height: auto;
  background: none;
  display: block;
  padding: 0;
  position: relative;
  text-align: center;
  /*overflow: hidden;*/
  /*.container {
      display: flex;
      align-items: center;
      justify-content: center;
  }*/
  /*.owl-dots {
      position: absolute;
      right: 20px;
      z-index: 999;
      top: 40%;
      counter-reset: my-sec-counter;
      transform: translate(0, -40%);
      display: none;

      button {
          display: block;
          padding: 4px 20px 4px 0 !important;
          margin: 20px 0;
          position: relative;
          font-weight: $fw-400;
          font-family: $secondary-font-family;
          font-size: $fs-16;

          &:after {
              content: "";
              background: $red;
              width: 4px;
              height: 100%;
              position: absolute;
              right: 0;
              border-radius: 5px;
              top: 0;
          }

          &:before {
              counter-increment: my-sec-counter;
              content: "Slide " counter(my-sec-counter) "";
              font-weight: $fw-400;
          }

          &:first-child:after {
              background: $pink;
          }

          &:nth-child(2):after {
              background: $yellow;
          }

          &:nth-child(3):after {
              background: $red;
          }

          &:nth-child(4):after {
              background: $mint-green;
          }

          &.active {
              &:first-child {
                  color: $pink;
              }

              &:nth-child(2) {
                  color: $yellow;
              }

              &:nth-child(3) {
                  color: $red;
              }

              &:nth-child(4) {
                  color: $mint-green;
              }
          }
      }
  }*/
}
.county-vertical-kent .main-banner .banner-inner {
  margin: 0 auto;
  position: absolute;
  top: 50%;
  z-index: 10;
  width: 100%;
  transform: translate(-50%, -50%);
  left: 50%;
}
.county-vertical-kent .main-banner .slide-img img {
  height: 100vh;
  object-fit: cover;
}
.county-vertical-kent .record-sec {
  background-color: #0998b0;
}
.county-vertical-kent .career-hub h2 {
  /*color: $light-blue;
  line-height: 1.2;*/
  margin-bottom: 20px;
}
.county-vertical-kent .career-hub img {
  border-radius: 10px;
}
.county-vertical-kent .career-hub .career-content {
  margin-bottom: 18px;
  cursor: pointer;
}
.county-vertical-kent .career-hub .career-content h4 {
  /*color: $light-blue;*/
  margin-bottom: 8px;
  align-items: center;
  display: flex;
  grid-gap: 5px;
  font-family: "Lexend", sans-serif;
  letter-spacing: 0;
  font-size: 20px;
  font-weight: bold;
}
.county-vertical-kent .career-hub .career-content h4 span {
  color: #02212C;
  margin-left: 5px;
  font-size: 16px;
}
.county-vertical-kent .career-hub .career-content p {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.county-vertical-kent .education-sec {
  background-color: #FFFFF3;
}
.county-vertical-kent .education-sec h2 {
  /*color: $light-blue;*/
}
.county-vertical-kent .education-sec .owl-carousel .owl-nav button.owl-prev {
  background: url(../images/left-arrow-1.png) no-repeat;
}
.county-vertical-kent .education-sec .owl-carousel .owl-nav button.owl-next {
  background: url(../images/right-arrow-1.png) no-repeat;
}
.county-vertical-kent .job-search-map {
  /*background-color: $light-blue;*/
}
.county-vertical-kent .job-search-map .block .top img {
  /*max-width: 100%;*/
}
.county-vertical-kent .trusted-schools h2 {
  /*color: $light-blue;*/
}
.county-vertical-kent .latest-blog {
  /*background-color: $light-blue;*/
}
.county-vertical-kent .latest-blog .blog-block .bottom h4 a {
  /*color: $light-blue;*/
}
.county-vertical-kent .quote-sec p {
  /*color: $light-blue;*/
}
.county-vertical-kent .get-in-touch h2 {
  /*color: $light-blue;*/
}
.county-vertical-kent .get-in-touch .get-in-touch-inner {
  /*background: linear-gradient(90deg, rgba(9, 152, 176, 0.7) 0%, rgba(9, 152, 176, 0.8) 40%, rgba(9, 152, 176, 0.95) 100%), url(../images/contact-img-fill.jpg) no-repeat;*/
}

/**************** Theme-1 *****************/
.theme-1 .btn-primary {
  background: #FF51A5;
  border-color: #FF51A5;
}
.theme-1 header .logo img {
  max-width: 100px;
}
.theme-1 header .mainNav li a:hover {
  color: #FF51A5;
}
.theme-1 header .mainNav li .submenu:before {
  background: linear-gradient(to right, #FFFFF3, #FF51A5, #FFFFF3);
}
.theme-1 header .mainNav li .submenu li a:hover {
  background: #FF51A5;
}
.theme-1 .job-card {
  border: 2px solid #FF51A5;
}
.theme-1 .job-card:before {
  background: linear-gradient(to top, rgb(255, 81, 165), rgba(255, 81, 165, 0.2)) border-box, transparent padding-box;
}
.theme-1 .job-card .desc {
  background: #FF51A5;
}
.theme-1 .job-card .badge {
  background: radial-gradient(50% 0.2em at top, rgba(0, 0, 0, 0.6666666667), rgba(0, 0, 0, 0)) border-box, #FF51A5 padding-box;
}
.theme-1 .job-card.top-job {
  border: 2px solid #F4D306;
}
.theme-1 .job-card.top-job .badge {
  background: radial-gradient(50% 0.2em at top, rgba(0, 0, 0, 0.6666666667), rgba(0, 0, 0, 0)) border-box, #F4D306 padding-box;
}
.theme-1 .job-card.top-job .desc {
  background: linear-gradient(to top, rgba(255, 81, 165, 0.9), rgba(255, 81, 165, 0.4)) border-box, transparent padding-box;
}
.theme-1 .job-card.featured .badge {
  background: radial-gradient(50% 0.2em at top, rgba(0, 0, 0, 0.6666666667), rgba(0, 0, 0, 0)) border-box, #F4D306 padding-box;
}
.theme-1 .job-card.featured:before {
  background: linear-gradient(to top, rgb(244, 211, 6), rgba(244, 211, 6, 0.2)) border-box, transparent padding-box;
}
.theme-1 .job-card .bottom {
  background: #FF51A5;
}
.theme-1 .job-list-top .search-sort .search-box {
  background: #FF51A5;
}
.theme-1 .job-list-top .search-sort .search-box .search-btn-hold input {
  color: #FF51A5;
}
.theme-1 .job-alert {
  border-color: #FF51A5;
}
.theme-1 .job-alert:before {
  filter: drop-shadow(0 -0.3px 0.3px #FF51A5);
}
.theme-1 .job-alert h4 {
  color: #FF51A5;
}
.theme-1 .filter-overlay {
  background: rgba(255, 81, 165, 0.5);
}
.theme-1 .filter-col h3 {
  color: #FF51A5;
}
.theme-1 .job-filter ul.nav .nav-link {
  color: #FF51A5;
}
.theme-1 .job-filter ul.nav .nav-link.active {
  background: #FF51A5;
  color: #FFFFF3;
}
.theme-1 .job-filter .tab-content .selected-option .tags span {
  background: #FF51A5;
}
.theme-1 .job-filter .tab-content .list-box .list-option ul li a:hover {
  color: #FF51A5;
}
.theme-1 .job-filter .tab-content .search-box .form-control,
.theme-1 .job-filter .tab-content .search-box .form-select {
  color: #004B49;
}
.theme-1 .job-filter .tab-content .search-box .form-control:focus, .theme-1 .job-filter .tab-content .search-box .form-control:active,
.theme-1 .job-filter .tab-content .search-box .form-select:focus,
.theme-1 .job-filter .tab-content .search-box .form-select:active {
  border-color: #FF51A5;
}

/*******************************Jobskeers Css Start********************************/
.sub-nav .nav li a {
  color: #FFFFF3;
  border-radius: 10px;
}
.sub-nav .nav li a.active {
  background: #005467;
}

.profile-card {
  background: #FFFFF3;
  border-radius: 10px;
  padding: 20px;
  border: 1px solid #d9dcd5;
}
.profile-card img {
  width: 100%;
  height: 100%;
  max-width: 60px;
  max-height: 60px;
  border-radius: 50%;
  object-fit: cover;
}
.profile-card .progress-circle {
  --size: 160px;
  --stroke: 12px;
  --percent: 0;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  background: conic-gradient(#004B49 calc(var(--percent) * 1%), #d9dcd5 0);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin: auto;
}
.profile-card .progress-circle:before {
  content: "";
  position: absolute;
  width: calc(var(--size) - var(--stroke) * 2);
  height: calc(var(--size) - var(--stroke) * 2);
  background: #FFFFF3;
  border-radius: 50%;
}
.profile-card .progress-value {
  position: relative;
  font-size: 28px;
  font-weight: 600;
  color: #EA4200;
}
.profile-card .progress-value small {
  font-size: 14px;
  display: block;
}

.border {
  border: 1px solid #d9dcd5 !important;
}

.rounded {
  border-radius: 10px !important;
}

.text-dark {
  color: #02212C !important;
}

.stats-card {
  background: #FFFFF3;
  border-radius: 10px;
  padding: 20px;
  text-align: center;
  border: 1px solid #d9dcd5;
}
.stats-card i {
  font-size: 30px;
  margin-bottom: 10px;
  color: #02212C;
}
.stats-card:hover {
  background: #004B49;
  color: #FFFFF3;
  border-color: #004B49;
}
.stats-card:hover i {
  color: #FFFFF3;
}

.settings-card {
  background: #FFFFF3;
  border: 1px solid #d9dcd5;
  border-radius: 10px;
  padding: 24px;
  margin-bottom: 24px;
}
.settings-card .contact-details span {
  font-weight: 500;
}

.section-title {
  margin-bottom: 15px;
}

.sync-card {
  background: #FFFFF3;
  border: 1px solid #d9dcd5;
  border-radius: 8px;
  padding: 24px;
  margin-bottom: 24px;
}
.sync-card h5 {
  margin-bottom: 10px;
}
.sync-card ul {
  padding-left: 18px;
  margin-bottom: 20px;
}
.sync-card ul li {
  list-style: disc outside;
  margin-bottom: 5px;
}
.sync-card .sync-logos {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin-bottom: 18px;
}
.sync-card .sync-logos .logo-badge {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  font-size: 14px;
  font-weight: 600;
}
.sync-card .sync-logos .logo-badge .logo-box {
  width: 46px;
  height: 46px;
  border: 1px solid #004B49;
  border-radius: 6px;
  background: #004B49;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 700;
  color: #FFFFF3;
  text-align: center;
  line-height: 1.2;
}

.deactivate-link {
  text-decoration: underline;
}

.upload_wrapper .upload-file {
  position: relative;
  display: inline-block;
}
.upload_wrapper .upload-file .hideFileInput {
  opacity: 0;
  width: 75px;
  padding: 0;
  margin: 0;
  height: 75px;
  position: absolute;
  cursor: pointer;
}
.upload_wrapper button {
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  margin: 0 3px;
  min-width: 80px;
  padding-top: 43px;
  padding-bottom: 3px;
  text-align: center;
  margin-top: 5px;
  outline: none;
  border: 1px solid #d9dcd5;
  border-radius: 10px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  color: #02212C;
  transition-property: transform;
  transition-duration: 0.3s;
  backface-visibility: hidden;
  transition-timing-function: ease-out;
}
.upload_wrapper button:hover, .upload_wrapper button:focus, .upload_wrapper button:active {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
  border-color: #004B49;
  color: #004B49;
}
.upload_wrapper .up_computer {
  background: url(../images/upload_icon.png) no-repeat 8px 6px;
}
.upload_wrapper .up_googled {
  background: url(../images/upload_icon.png) no-repeat -56px 5px;
}
.upload_wrapper .up_onedrive {
  background: url(../images/upload_icon.png) no-repeat -135px 5px;
}
.upload_wrapper .up_box {
  background: url(../images/upload_icon.png) no-repeat -218px 5px;
}
.upload_wrapper .up_gmail {
  background: url(../images/upload_icon.png) no-repeat -298px 6px;
}
.upload_wrapper .up_dropbox {
  background: url(../images/upload_icon.png) no-repeat 14px 5px;
}
.upload_wrapper.upload-icon button {
  border: none;
  height: 45px;
  background-color: transparent;
  width: 65px;
  text-indent: -9999px;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  outline: none !important;
  box-shadow: none;
  margin: 0;
  min-width: inherit;
}
.upload_wrapper.upload-icon button:hover {
  filter: none;
}

.details-hold dl {
  display: flex;
  grid-gap: 10px;
  font-size: 14px;
  margin-bottom: 10px;
}
.details-hold dl dt {
  min-width: 130px;
  text-align: right;
}
.details-hold .job_alert_head {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

.application-card .app-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 10px;
  padding-bottom: 15px;
}
.application-card .app-actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  padding: 10px 0 15px;
  border-bottom: 1px solid #d9dcd5;
  margin-bottom: 10px;
}
.application-card .note-section, .application-card .qa-section {
  border-bottom: 1px solid #d9dcd5;
  padding: 15px 0;
  display: none;
  margin-bottom: 15px;
}
.application-card .note-section label, .application-card .qa-section label {
  margin-bottom: 10px;
}
.application-card .note-section .note-actions, .application-card .qa-section .note-actions {
  display: flex;
  align-items: center;
  grid-gap: 10px;
  margin-top: 15px;
  justify-content: flex-end;
}
.application-card .note-section.show, .application-card .qa-section.show {
  display: block;
}
.application-card .details-hold dl dt {
  text-align: left;
  min-width: 70px;
}
.application-card .details-hold dl dd {
  margin: 0;
}

.modal .modal-body .scroll-box {
  max-height: 150px;
  overflow-y: auto;
  border: 1px solid #d9dcd5;
  border-radius: 6px;
  padding: 10px;
}

.section-card {
  margin-bottom: 20px;
}

.edit-profile-nav {
  border: 1px solid #d9dcd5;
  border-radius: 10px;
  overflow: hidden;
}
.edit-profile-nav a {
  color: #02212C;
}
.edit-profile-nav a:hover {
  color: #004B49;
}
.edit-profile-nav a.active {
  background: #004B49 !important;
  color: #FFFFF3 !important;
  border-radius: 0;
}

.edit-prof-img {
  position: relative;
  cursor: pointer;
  border-radius: 50%;
  transition: all 0.5s;
}
.edit-prof-img input {
  position: absolute;
  opacity: 0;
  width: 80px;
  height: 80px;
  top: 0;
}
.edit-prof-img .img-thumb-section img {
  width: 80px;
  height: 80px;
  border-radius: 50px;
}
.edit-prof-img:hover {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 50px;
}

.card-section {
  background: #FFFFF3;
  border: 1px solid #d9dcd5;
  border-radius: 10px;
  margin-bottom: 25px;
  overflow: hidden;
}
.card-section .section-header {
  background: #f5f5f5;
  padding: 10px 15px;
  border-bottom: 1px solid #d9dcd5;
}
.card-section .section-body {
  padding: 15px;
}

.left-nav-hold {
  position: sticky;
  top: 100px;
}
.left-nav-hold ul li {
  padding: 5px 0;
}
.left-nav-hold ul li a {
  color: #02212C;
}
.left-nav-hold ul li a:hover {
  color: #004B49;
}

.right-section-hold h5 {
  font-family: "Lexend", sans-serif;
  font-size: 18px;
  font-weight: 500;
}

.scroll-box {
  max-height: 200px;
  overflow-y: auto;
  border: 1px solid #d9dcd5;
  border-radius: 6px;
  padding: 10px;
}

.upload-box {
  position: relative;
  border: 2px dashed #d9dcd5;
  background: #FFFFF3;
  text-align: center;
  padding: 30px;
  border-radius: 10px;
}
.upload-box input {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  left: 0;
  top: 0;
}

.job-detail-faq-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  grid-gap: 10px;
  background: #f5f5f5;
  padding: 10px 15px;
  border-radius: 10px;
  margin-bottom: 15px;
}

.star-mandatory, .text-red {
  color: #EA4200;
}

.text-grey {
  color: #859095;
}

.green-text {
  color: #61d2a7;
}

.teal-text {
  color: #004B49;
}

.edit-profile-nav li a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 15px;
  line-height: 20px;
  padding: 8px 5px 8px 40px;
  border-radius: 0 !important;
}
.edit-profile-nav li a:before {
  content: url(/images/profile-arrow.png);
  display: block;
  float: left;
  margin-left: -30px;
  font-size: 20px;
  line-height: 0;
  position: absolute;
  top: 8px;
}
.edit-profile-nav li a.completed:before {
  content: url(/images/profile-arrow-active.png);
}
.edit-profile-nav li.active a, .edit-profile-nav li:hover a {
  background: #004B49;
  color: #FFFFF3;
}

/*******************************Jobskeers Css End********************************/
/************************************Recruiter Css Start************************************/
.recruiter-pages .main-content {
  padding-left: 0;
}

.rec-sidebar {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 260px;
  background: #004B49;
  z-index: 1050;
  transform: translateX(-100%);
  transition: transform 0.3s ease;
  display: flex;
  flex-direction: column;
  padding-top: 16px;
  overflow-y: auto;
}
.rec-sidebar.open {
  transform: translateX(0);
}
.rec-sidebar .sidebar-close {
  background: none;
  border: none;
  color: #FFFFF3;
  font-size: 1.3rem;
  padding: 8px 16px;
  cursor: pointer;
  align-self: flex-end;
  line-height: 1;
}
.rec-sidebar nav {
  flex: 1;
  padding: 8px 0;
}
.rec-sidebar .nav-item {
  list-style: none;
}
.rec-sidebar .nav-link {
  display: flex;
  align-items: center;
  gap: 12px;
  color: rgba(255, 255, 255, 0.92);
  text-decoration: none;
  padding: 13px 20px;
  font-size: 0.9rem;
  font-weight: 500;
  transition: background 0.15s;
}
.rec-sidebar .nav-link:hover, .rec-sidebar .nav-link.active {
  background: rgba(0, 0, 0, 0.15);
  color: #FFFFF3;
}
.rec-sidebar .nav-link i {
  font-size: 1.1rem;
  min-width: 20px;
}
.rec-sidebar .nav-link .chevron {
  margin-left: auto;
  font-size: 0.75rem;
  transition: transform 0.2s;
}
.rec-sidebar .nav-link[aria-expanded=true] .chevron {
  transform: rotate(180deg);
}
.rec-sidebar .submenu {
  background: rgba(0, 0, 0, 0.12);
  list-style: none;
}
.rec-sidebar .submenu .nav-link {
  padding-left: 52px;
  font-size: 0.85rem;
  font-weight: 400;
}

.sidebar-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 1040;
  display: none;
}
.sidebar-overlay.show {
  display: block;
}

.topbar {
  display: flex;
  align-items: center;
  padding: 0 15px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
}
.topbar .hamburger {
  background: none;
  border: none;
  font-size: 20px;
  color: #02212C;
  cursor: pointer;
  padding: 6px;
  border-radius: 4px;
  line-height: 1;
}
.topbar .hamburger:hover {
  background: #d9dcd5;
}
.topbar .logo {
  display: flex;
  align-items: center;
  gap: 4px;
  text-decoration: none;
}
.topbar .greeting {
  margin-left: auto;
  display: flex;
  align-items: center;
  cursor: pointer;
  position: relative;
  font-family: "Lexend", sans-serif;
}
.topbar .greeting .name {
  white-space: nowrap;
  font-family: "Lexend", sans-serif;
}
.topbar .greeting .header-btn {
  font-family: "Lexend", sans-serif;
  display: none;
}

.ats-pages .topbar .header-btn {
  display: block;
}

.logo-icon svg {
  width: 48px;
  height: 48px;
}

.logo-text {
  line-height: 1.1;
}
.logo-text .teach {
  font-weight: 600;
  color: #02212C;
}

.profile-dropdown {
  display: none;
  position: absolute;
  top: calc(100% + 12px);
  right: 0;
  width: 320px;
  background: #FFFFF3;
  border: 1px solid #d9dcd5;
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  z-index: 2000;
  font-family: "Lexend", sans-serif;
  overflow: hidden;
}
.profile-dropdown.show {
  display: block;
}
.profile-dropdown .school-name {
  margin-bottom: 2px;
}
.profile-dropdown .school-role {
  font-size: 12px;
  margin-bottom: 16px;
}
.profile-dropdown .shield-logo {
  width: 64px;
  height: 64px;
  background: #ebfaff;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.profile-dropdown .shield-logo svg {
  width: 44px;
  height: 44px;
}
.profile-dropdown .user-image {
  max-width: 60px;
  max-height: 60px;
}

.stat-card {
  background: #FFFFF3;
  border-radius: 10px;
  padding: 18px 20px;
  display: flex;
  align-items: center;
  gap: 14px;
  border: 1px solid #d9dcd5;
  height: 100%;
}
.stat-card.profile-card {
  gap: 16px;
}
.stat-card .shield-wrap {
  width: 60px;
  height: 60px;
  background: #ebfaff;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.stat-card .shield-wrap svg {
  width: 42px;
  height: 42px;
}
.stat-card .profile-info .name {
  font-size: 1rem;
  font-weight: 700;
}
.stat-card .profile-info .role {
  font-size: 14px;
}
.stat-card .icon-wrap {
  font-size: 28px;
  color: #004B49;
  flex-shrink: 0;
}
.stat-card .stat-body .number {
  font-size: 26px;
  font-weight: 700;
  color: #004B49;
  line-height: 1;
}
.stat-card .stat-body .label {
  font-size: 14px;
  margin-top: 4px;
}

.credit-card {
  background: #FFFFF3;
  border-radius: 10px;
  padding: 20px;
  border: 1px solid #d9dcd5;
  height: 100%;
}
.credit-card .credit-num {
  font-size: 32px;
  font-weight: 700;
  color: #004B49;
  line-height: 1;
  margin-bottom: 4px;
}
.credit-card .credit-label {
  font-size: 14px;
  margin-bottom: 16px;
}
.credit-card .credit-footer {
  border-top: 1px solid #d9dcd5;
  padding-top: 12px;
  display: flex;
  gap: 12px;
  font-size: 14px;
  color: #859095;
}
.credit-card .credit-footer .divider {
  width: 1px;
  background: #d9dcd5;
  align-self: stretch;
}

.table-card {
  background: #FFFFF3;
  border-radius: 10px;
  border: 1px solid #d9dcd5;
  overflow: hidden;
  margin-bottom: 20px;
}
.table-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  border-bottom: 1px solid #d9dcd5;
}
.table-card-header .actions {
  display: flex;
  gap: 10px;
}
.table-card table {
  width: 100%;
  border-collapse: collapse;
}
.table-card table thead th {
  padding: 12px 16px;
  font-size: 14px;
  font-weight: 700;
  color: #02212C;
  border-bottom: 1px solid #d9dcd5;
  text-align: left;
}
.table-card table tbody td {
  padding: 14px 16px;
  font-size: 14px;
  border-bottom: 1px solid #d9dcd5;
  color: #02212C;
}
.table-card table tbody tr:last-child td {
  border-bottom: none;
}

.users-panel {
  background: #FFFFF3;
  border-radius: 10px;
  border: 1px solid #d9dcd5;
  padding: 18px;
}
.users-panel .panel-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
.users-panel .user-item {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 10px 0;
  border-bottom: 1px solid #f5f5f5;
}
.users-panel .user-item:last-child {
  border-bottom: none;
}
.users-panel .user-name {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 2px;
}
.users-panel .user-role {
  font-size: 13px;
}
.users-panel .user-credits {
  font-size: 12px;
  color: #004B49;
  margin-top: 2px;
}
.users-panel .edit-btn {
  background: none;
  border: none;
  color: #004B49;
  cursor: pointer;
  padding: 2px 6px;
  flex-shrink: 0;
}
.users-panel .edit-btn:hover {
  color: #005467;
}

.shield-svg {
  display: inline-block;
}

.section-label {
  margin-bottom: 10px;
}

.form-card {
  background: #FFFFF3;
  border: 1px solid #d9dcd5;
  border-radius: 10px;
  padding: 24px;
  margin-bottom: 24px;
}
.form-card .upload-links {
  font-size: 14px;
  display: flex;
  grid-gap: 10px;
  flex-wrap: wrap;
}

.table-nav ul li a {
  color: #02212C;
}
.table-nav ul li a:hover, .table-nav ul li a.active {
  color: #005467;
  text-decoration: underline;
}

.top-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 15px;
}
.top-bar .job-info {
  color: #02212C;
  font-weight: 500;
}
.top-bar .search-box {
  position: relative;
}
.top-bar .search-box input {
  padding-right: 30px;
}
.top-bar .search-box i {
  position: absolute;
  right: 10px;
  top: 10px;
  color: #02212C;
}
.top-bar .add-role {
  display: flex;
  align-items: center;
  grid-gap: 20px;
}
.top-bar .add-role select {
  min-width: 220px;
}
.top-bar .add-role .btn {
  white-space: nowrap;
}

.bottom-actions {
  display: flex;
  justify-content: flex-end;
  grid-gap: 10px;
}

.cv-search-sec .sidebar-card {
  background: #FFFFF3;
  border-radius: 10px;
  text-align: center;
  overflow: hidden;
  border: 1px solid #f5f5f5;
}
.cv-search-sec .sidebar-card .sidebar-top {
  background: #f5f5f5;
  padding: 20px;
}
.cv-search-sec .sidebar-card .sidebar-top .circle-icon {
  width: 70px;
  height: 70px;
  background: #004B49;
  color: #FFFFF3;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  font-size: 28px;
}
.cv-search-sec .sidebar-card .sidebar-top .circle-icon .icon {
  background: url(../images/rec-dash-icon.png) no-repeat;
  background-position: 0 -103px;
  background-size: 100%;
  width: 50px;
  height: 50px;
}
.cv-search-sec .sidebar-card .sidebar-section {
  padding: 20px;
  border-bottom: 1px solid #f5f5f5;
  font-size: 18px;
}
.cv-search-sec .sidebar-card .sidebar-section ~ .sidebar-section {
  background: #f5f5f5;
}
.cv-search-sec .sidebar-card .sidebar-section:last-child {
  border-bottom: none;
}

.password-box, .password-rules {
  border: 1px solid #d9dcd5;
  border-radius: 10px;
  padding: 15px;
  background: #FFFFF3;
  font-size: 14px;
  color: #02212C;
  text-align: left;
}
.password-box ul, .password-rules ul {
  margin: 3px 0 10px 0;
  padding: 0 0 0 15px;
}
.password-box ul li, .password-rules ul li {
  color: #EA4200;
  margin-bottom: 3px;
  list-style: disc;
}
.password-box ul li.sub-ul, .password-rules ul li.sub-ul {
  list-style: none;
}
.password-box ul li.pwd-check, .password-rules ul li.pwd-check {
  color: green;
}
.password-box ul li.pwd-check::after, .password-rules ul li.pwd-check::after {
  content: "✓";
  padding-left: 3px;
}
.password-box ul li.pwd-nonman, .password-rules ul li.pwd-nonman {
  color: #859095;
}
.password-box ul li span, .password-rules ul li span {
  margin-right: 5px;
}
.password-box ul li span.fa, .password-rules ul li span.fa {
  display: none;
}
.password-box ul ul li, .password-rules ul ul li {
  list-style: circle;
}
.password-box small, .password-rules small {
  /*color: $mint-green;*/
}

.filter-btns {
  max-width: 220px;
}
.filter-btns .btn {
  font-size: 12px;
  padding: 4px;
}
.filter-btns .btn.activefilter {
  background: #004B49;
  color: #FFFFF3;
}

.section-head {
  background: #d9dcd5;
  border: 1px solid #d9dcd5;
  border-radius: 10px;
  padding: 10px 15px;
  margin-bottom: 10px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.section-head span {
  transition: 0.3s;
}
.section-head.collapsed span {
  transform: rotate(-90deg);
}

.package-card {
  border-radius: 20px;
  padding: 30px 20px;
  transition: all 0.3s ease;
  height: 100%;
  background: #FFFFF3;
  border: 3px solid #d9dcd5;
}
.package-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}
.package-card .package-icon {
  font-size: 45px;
  margin-bottom: 15px;
}
.package-card .package-desc {
  font-size: 14px;
  color: #859095;
  margin-bottom: 20px;
}
.package-card .package-list {
  text-align: left;
  font-size: 14px;
  padding-left: 16px;
}
.package-card .package-list li {
  margin-bottom: 8px;
  color: #02212C;
  list-style: disc outside;
}
.package-card.yellow {
  border-color: #F4D306;
}
.package-card.yellow h4, .package-card.yellow .package-icon {
  color: #F4D306;
}
.package-card.teal {
  border-color: #61D2A8;
}
.package-card.teal h4, .package-card.teal .package-icon {
  color: #61D2A8;
}
.package-card.highlight {
  background: rgba(244, 211, 6, 0.1);
}

.post-img {
  vertical-align: middle;
  background-image: url("/images/block-sprite.png");
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  min-height: 93px;
}
.post-img.post {
  background-position: 0 12px;
}
.post-img.view {
  background-position: 0 -100px;
}
.post-img.applications {
  background-position: 0 -217px;
}
.post-img.CVs {
  background-position: -160px 8px;
}
.post-img.search-stats {
  background-position: -150px -114px;
}

.filter-1 {
  display: flex;
  grid-gap: 10px;
}
.filter-1 > a {
  font-size: 14px;
}

/*Recruiter ATS Css Start*/
.fileContainer {
  border: 2px dashed #859095;
  padding: 12px;
  text-align: center;
  display: flex;
  flex-direction: column;
  cursor: pointer;
  border-radius: 10px;
}
.fileContainer input {
  opacity: 0;
  max-height: 0;
}

.recruiter-pages .app-breadcrumb-shell {
  border-bottom: none;
}
.recruiter-pages .app-breadcrumb-shell .app-breadcrumb-container {
  padding-left: 10px;
  padding-right: 10px;
}
.recruiter-pages .app-breadcrumb-shell .app-breadcrumb-container .container {
  max-width: 100%;
}

/*Recruiter ATS Css End*/
/**********************************Recruiter Css End*****************************/
/**********************************Recruiter ATS Css Start*****************************/
.pipeline-holder .pipeline-content-left ul li {
  text-align: center;
}
.pipeline-holder .pipeline-top li {
  border-right: 1px solid #859095;
  padding-right: 10px;
  display: flex;
}
.pipeline-holder .pipeline-top li i {
  font-size: 20px;
  margin-top: -3px;
}
.pipeline-holder .pipeline-top li:last-child {
  border-right: 0;
}
.pipeline-holder .pipeline-content-middle {
  border-left: 1px solid #859095;
  border-right: 1px solid #859095;
  padding-left: 20px;
  padding-right: 20px;
}
.pipeline-holder .pipeline-actions-right {
  max-width: 120px;
  border-left: 1px solid #859095;
}
.pipeline-holder .pipeline-actions-right ul li {
  flex: 1 1 auto;
  width: 46%;
  text-align: center;
}
.pipeline-holder .pipeline-actions-right ul li a.disabled-icon {
  color: #d9dcd5;
  cursor: default;
}
.pipeline-holder .pipeline-actions-right ul li i {
  font-size: 20px;
}

.thumbnail-action li {
  padding-right: 12px;
}

.thumbnail-section-l {
  width: 68%;
}
.thumbnail-section-r {
  width: 32%;
}

.stage-arrow li {
  position: relative;
  width: 50px;
  height: 40px;
  margin-left: -3px;
  text-align: center;
  margin-bottom: 5px;
}
.stage-arrow li .arrow-bg, .stage-draft.stage-arrow .stage-arrow li .arrow-bg:hover {
  background: url(../../Images/recruiter-ats/arrow-bg.png);
  height: 40px;
  width: 50px;
  display: block;
  background-repeat: no-repeat;
  transition: none;
}
.stage-arrow li .arrow-bg.active, .stage-arrow li .arrow-bg:hover {
  background: url(../../Images/recruiter-ats/arrow-hover.png);
  color: #ffffff !important;
}
.stage-arrow li .arrow-bg.waiting-approval, .stage-arrow li .arrow-bg.waiting-approval:hover {
  background: url(../../Images/recruiter-ats/arrow-waiting.png);
  color: #ffffff !important;
}
.stage-arrow li .arrow-bg.approved-approval, .stage-arrow li .arrow-bg.approved-approval:hover {
  background: url(../../Images/recruiter-ats/arrow-approved.png);
  color: #ffffff !important;
}
.stage-arrow li .arrow-bg.rejected-approval, .stage-arrow li .arrow-bg.rejected-approval:hover {
  background: url(../../Images/recruiter-ats/arrow-rejected.png);
  color: #ffffff !important;
}
.stage-arrow li a {
  font-weight: 600;
  color: #000000;
  padding-top: 9px;
}
.stage-arrow li a.active:before, .stage-arrow li a:hover:before {
  height: 40px;
}
.stage-arrow li:first-child {
  margin-left: 0 !important;
}
.stage-arrow li:first-child a:before {
  left: 0;
  background: none !important;
}
.stage-arrow li:first-child a.active:before, .stage-arrow li:first-child a:hover:before {
  background: #004B49;
}
.stage-arrow li:first-child a.waiting-approval.active:before, .stage-arrow li:first-child a.waiting-approval:hover:before {
  background: #e4ac58;
}
.stage-arrow li:first-child a.approved-approval.active:before, .stage-arrow li:first-child a.approved-approval:hover:before {
  background: #0f9e63;
}
.stage-arrow li:first-child a.rejected-approval.active:before, .stage-arrow li:first-child a.rejected-approval:hover:before {
  background: #ef7571;
}
.stage-arrow li:last-child a:before {
  right: -1px;
  width: 15px;
  height: 40px;
  display: block;
  content: "";
  background: #e7eded;
  top: 0;
  position: absolute;
}
.stage-arrow li:last-child a.active:before, .stage-arrow li:last-child a:hover:before {
  background: #00b0c2;
}
.stage-arrow li:last-child a.waiting-approval:before, .stage-arrow li:last-child a.waiting-approval.active:before, .stage-arrow li:last-child a.waiting-approval:hover:before {
  background: #e4ac58;
}
.stage-arrow li:last-child a.approved-approval:before, .stage-arrow li:last-child a.approved-approval.active:before, .stage-arrow li:last-child a.approved-approval:hover:before {
  background: #0f9e63;
}
.stage-arrow li:last-child a.rejected-approval:before, .stage-arrow li:last-child a.rejected-approval.active:before, .stage-arrow li:last-child a.rejected-approval:hover:before {
  background: #ef7571;
}

.stage-draft.stage-arrow li a:hover {
  color: #000000 !important;
}
.stage-draft.stage-arrow li:last-child a:hover:before {
  background: #e7eded !important;
}
.stage-draft.stage-arrow li:first-child a:before, .stage-draft.stage-arrow li:first-child a:hover:before {
  background: none !important;
}

.current-stage {
  padding: 9px 15px;
  font-size: 14px;
  font-weight: 600;
  float: left;
  margin-left: 25px;
  position: relative;
}
.current-stage.inprogress {
  color: #333333 !important;
  border: solid 1px #e6c927;
  background: #fdfaf5;
}
.current-stage.inprogress:before {
  border-right: 8px solid #e6c927;
}
.current-stage.shortlisted {
  color: #333333 !important;
  border: solid 1px #a9df9b;
  background: #f4ffec;
}
.current-stage.shortlisted:before {
  border-right: 8px solid #a9df9b;
}
.current-stage.hired, .current-stage.offer {
  color: #333333 !important;
  border: solid 1px #a9df9b !important;
  background: #d8f9ce !important;
}
.current-stage.inprogress:before, .current-stage.shortlisted:before {
  content: "";
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  position: absolute;
  left: -8px;
}

.activity-hold {
  background: #f6f8f7;
  border: solid 1px #f6f8f7;
  border-radius: 3px;
  padding: 15px;
}
.activity-hold p {
  font-weight: 600;
  margin-bottom: 5px;
  color: #000000;
}
.activity-hold p:last-child {
  margin-bottom: 0;
}
.activity-hold p span {
  color: #000000;
  font-size: 14px;
  font-weight: 500;
}

.activity-icon-hold {
  height: 40px;
  width: 40px;
  border-radius: 50px;
  overflow: hidden;
  margin-right: 20px;
}
.activity-icon-hold img {
  height: 40px;
  object-fit: cover;
}

.green-heading {
  font-size: 14px;
  color: #004B49;
  font-weight: 600;
  margin-bottom: 0;
}

.scorecard-title {
  color: #000000;
  font-weight: 600;
  float: left;
  font-size: 16px !important;
}

.application-list .thumbnail-image img {
  max-width: 60px;
  border-radius: 50%;
}

.armed-logos li img {
  width: 22px;
  height: 22px;
}

.right-tag span {
  position: absolute;
  right: -6px;
  top: 0;
  font-size: 10px;
  font-weight: 400;
  padding: 4px 6px 4px 8px;
  text-transform: uppercase;
  height: auto;
  color: #ffffff;
  z-index: 10;
}
.right-tag span:after {
  content: "";
  position: absolute;
  right: -6px;
  top: 16px;
  border: 6px solid transparent;
  transform: rotate(90deg);
}
.right-tag .approved {
  background: #0f9e63;
}
.right-tag .approved:after {
  border-bottom-color: #0f9e63;
}
.right-tag .draft {
  background: #00b1bf;
}
.right-tag .draft:after {
  border-bottom-color: #00b1bf;
}
.right-tag .pending-approval {
  background: #e4ac58;
}
.right-tag .pending-approval:after {
  border-bottom-color: #e4ac58;
}
.right-tag .rejected {
  background: #ef7672;
}
.right-tag .rejected:after {
  border-bottom-color: #ef7672;
}

.progress-container .progress-info,
.progress-container .progress-hold {
  display: block;
  border: 0;
  margin: 0;
}
.progress-container .progress-info p {
  display: inline-block;
  vertical-align: baseline;
  margin: 0;
}
.progress-container .progress-info p.value {
  font-size: 22px;
  font-weight: 700 !important;
  margin: 0 8px 0 0;
  color: #aaa;
}
.progress-container .progress-info p.value a {
  font-weight: 700;
  color: #f77e7a !important;
}
.progress-container .progress-info p.value span {
  font-size: 14px;
  vertical-align: baseline;
  margin-left: 8px;
}
.progress-container .progress-info p.value.right-info {
  float: right;
  margin-right: 0;
}
.progress-container .progress-info p.value.right-info a {
  font-weight: 700;
  color: #0195a1 !important;
}
.progress-container .progress-hold,
.progress-container .progress-result {
  background: #ddd;
  height: 5px;
  overflow: hidden;
  border-radius: 5px;
}
.progress-container .progress-hold {
  margin: 5px 0;
  position: relative;
}
.progress-container .progress-hold .progress-application {
  background: #f77e7a;
  position: absolute;
  height: 5px;
  top: 0;
  left: 0;
}
.progress-container .progress-hold .progress-view {
  background: #004B49;
  height: 5px;
  position: relative;
  z-index: 10;
  float: right;
}
.progress-container .progress-result {
  background: #004B49;
  width: 75%;
}
.progress-container.progress-100 .progress-result {
  width: 100%;
}
.progress-container.level01 .progress-info p.value {
  color: #f77e7a;
}
.progress-container.level01 .progress-result {
  background: #f77e7a;
}
.progress-container.level02 .progress-info p.value {
  color: #004B49;
}
.progress-container.level02 .progress-result {
  background: #004B49;
}
.progress-container.level03 .progress-info p.value {
  color: #004B49;
}
.progress-container.level04 .progress-info p.value {
  color: #00bd43;
}
.progress-container.level04 .progress-result {
  background: #00bd43;
}
.progress-container.skin01 .progress-info p.value {
  color: #f77e7a;
}
.progress-container.skin01 .progress-info p.value.right-info {
  color: #004B49;
}

.custom-tooltip {
  position: absolute;
  background: #000;
  width: 250px;
  color: #fff;
  padding: 10px;
  border-radius: 5px;
  float: left;
  bottom: 125%;
  display: none;
  z-index: 10;
}
.custom-tooltip span,
.custom-tooltip p {
  display: block;
  width: 100%;
  margin: 0 auto 5px;
  font-size: 14px;
  color: #fff;
}
.custom-tooltip::after {
  content: "";
  position: absolute;
  left: 12px;
  bottom: -11px;
  border: 6px solid transparent;
  border-left-color: #000000;
  transform: rotate(90deg);
}

.stage-arrow li:hover .custom-tooltip {
  display: block;
}

.icon-hold {
  position: relative;
}
.icon-hold .icon-r {
  position: absolute;
  right: 10px;
  top: 10px;
}

.candidate-image img {
  max-width: 60px;
  border-radius: 50%;
}

.application-status ul li {
  width: 100%;
  display: block;
  margin-bottom: 0;
  border-left: dashed 1px #eaebec;
  padding-left: 20px;
  padding-bottom: 20px;
  position: relative;
  margin-left: 5px;
}
.application-status ul li:last-child {
  padding-bottom: 0;
}
.application-status ul li:before {
  width: 10px;
  height: 10px;
  content: "";
  background: #ffffff;
  border: solid 1px #004B49;
  border-radius: 50px;
  position: absolute;
  left: -5px;
  top: 0;
}
.application-status span {
  font-weight: 600;
  color: #666666;
  line-height: 14px;
  display: inline-block;
  margin-bottom: 10px;
}
.application-status p {
  color: #000000;
  font-weight: 600;
  margin-bottom: 0 !important;
}

/***** Common Variables *****/
/***** Common Placeholders *****/
.app-yettostart-hold, .app-ongoing-hold, .app-offer-hold, .app-hired-hold, .app-shortlisted-hold {
  padding: 20px;
  border-radius: 10px;
  display: block;
  width: 100%;
  display: inline-block;
  font-size: 14px;
  margin-bottom: 15px;
}

.yettostart-text, .ongoing-text, .offer-text, .hired-text, .shortlisted-text {
  float: left;
  margin-top: 3px;
  font-weight: 600;
}

.app-ongoing-hold .stage-viewmore, .app-offer-hold .stage-viewmore,
.app-offer-hold .stage-viewless, .app-hired-hold .stage-viewmore,
.app-hired-hold .stage-viewless, .app-shortlisted-hold .stage-viewmore,
.app-shortlisted-hold .stage-viewless {
  width: 100%;
  display: block;
  padding: 10px 0 0 0;
  text-align: center;
  margin-top: 15px;
  font-weight: 600;
}

/*****Shortlisted application*****/
.app-shortlisted-hold {
  background: rgba(35, 177, 77, 0.2) !important;
  border: solid 1px rgb(35, 177, 77) !important;
}
.app-shortlisted-hold .stage-viewmore,
.app-shortlisted-hold .stage-viewless {
  color: rgb(35, 177, 77);
  border-top: solid 1px rgb(35, 177, 77);
}
.app-shortlisted-hold .stage-viewmore:hover, .app-shortlisted-hold .stage-viewmore:focus,
.app-shortlisted-hold .stage-viewless:hover,
.app-shortlisted-hold .stage-viewless:focus {
  color: rgb(35, 177, 77);
}

.shortlisted-text {
  color: rgb(35, 177, 77) !important;
}

/*****Hired application*****/
.app-hired-hold {
  background: rgba(35, 177, 77, 0.35) !important;
  border: solid 1px rgb(35, 177, 77) !important;
}
.app-hired-hold .stage-viewmore,
.app-hired-hold .stage-viewless {
  color: rgb(35, 177, 77);
  border-top: solid 1px rgb(35, 177, 77);
}
.app-hired-hold .stage-viewmore:hover, .app-hired-hold .stage-viewmore:focus,
.app-hired-hold .stage-viewless:hover,
.app-hired-hold .stage-viewless:focus {
  color: rgb(35, 177, 77);
}

.hired-text {
  color: rgb(35, 177, 77) !important;
}

/*****Offered application*****/
.app-offer-hold {
  background: rgba(35, 177, 77, 0.3) !important;
  border: solid 1px rgb(35, 177, 77) !important;
}
.app-offer-hold .stage-viewmore,
.app-offer-hold .stage-viewless {
  color: rgb(35, 177, 77);
  border-top: solid 1px rgb(35, 177, 77);
}
.app-offer-hold .stage-viewmore:hover, .app-offer-hold .stage-viewmore:focus,
.app-offer-hold .stage-viewless:hover,
.app-offer-hold .stage-viewless:focus {
  color: rgb(35, 177, 77);
}

.offer-text {
  color: rgb(35, 177, 77) !important;
}

/*****Ongoing application*****/
.app-ongoing-hold {
  background: #e9fdfe;
  border: solid 1px #004B49;
}
.app-ongoing-hold .stage-viewmore {
  color: #004B49;
  border-top: solid 1px #004B49;
}
.app-ongoing-hold .stage-viewmore:hover, .app-ongoing-hold .stage-viewmore:focus {
  color: #1598a3;
}

.ongoing-text {
  color: #004B49;
}

/*****yettostart application*****/
.app-yettostart-hold {
  background: #f6f8f7;
  border: solid 1px #ececec;
}

.yettostart-text {
  color: #666666;
}

.referees-hold {
  background: #f6f8f8;
  text-align: left;
  padding: 15px;
  display: inline-block;
  width: 100%;
}

.plain-card {
  background: #e9fdfe;
  border: 1px solid #5d898c;
  padding: 10px;
  margin: 20px 0 0;
  text-align: center;
  display: inline-block;
  width: 100%;
  border-radius: 10px;
}
.plain-card p {
  font-size: 16px;
  font-weight: bold;
  margin: 20px 0;
}
.plain-card div {
  text-align: left;
  padding: 0 15px;
}
.plain-card.referees-card {
  padding-left: 0;
  padding-right: 0;
}
#refereesection .plain-card.referees-card {
  display: flex;
}
.plain-card.referees-card ul li {
  padding: 5px 0;
  font-size: 15px;
  width: 100%;
  line-height: 1.5;
  display: flex;
  align-items: center;
  position: relative;
}
.plain-card.referees-card ul li span.reference-submit {
  display: inline-block;
  min-width: 200px;
}
.plain-card.referees-card ul li .btn {
  min-width: 200px;
}
.plain-card.referees-card ul li .btn i {
  float: none;
  margin: 0 5px 0 0;
}
.plain-card.referees-card .referees-right i.icon-svg {
  float: left;
}
.plain-card.referees-card .referees-right ul li {
  text-align: center;
  margin-bottom: 10px;
}

.icon-svg {
  background: url(../../Images/recruiter-ats/SVG/association.svg) no-repeat;
  background-size: auto 100%;
  width: 24px;
  height: 24px;
  display: inline-block;
  margin: 0;
}
.icon-svg.association {
  background-image: url(../../Images/recruiter-ats/SVG/association.svg);
}
.icon-svg.file-referees {
  background-image: url(../../Images/recruiter-ats/SVG/file-referees.svg);
}
.icon-svg.contact {
  background-image: url(../../Images/recruiter-ats/SVG/contact.svg);
  width: 30px;
  height: 30px;
  margin: 0 5px 0 0;
}
.icon-svg.file-sent {
  background-image: url(../../Images/recruiter-ats/SVG/file-sent.svg);
}
.icon-svg.file-opened {
  background-image: url(../../Images/recruiter-ats/SVG/file-opened.svg);
}
.icon-svg.file-completed {
  background-image: url(../../Images/recruiter-ats/SVG/file-completed.svg);
}
.icon-svg.file-completed-white {
  background-image: url(../../Images/recruiter-ats/SVG/file-completed-white.svg);
}
.icon-svg.file-sent-white {
  background-image: url(../../Images/recruiter-ats/SVG/file-sent-white.svg);
}
.icon-svg.file-referees-white {
  background-image: url(../../Images/recruiter-ats/SVG/file-referees-white.svg);
}

.referees-main .reference-approve:last-child .icon-svg.contact {
  background-image: url(../../Images/recruiter-ats/SVG/diary.svg);
  width: 24px;
  height: 24px;
  margin: 0 5px 0 0;
}

.referees-main {
  border-right: 1px solid #5d898c;
  min-height: 245px;
}
.referees-main h5 {
  padding: 6px 0;
  margin: 0;
}
.referees-main ul li {
  padding-left: 30px !important;
  min-height: 32px;
}
.referees-main ul li .bi, .referees-main ul li .icon-svg {
  position: absolute;
  left: 0;
  top: 2px;
  width: 26px;
  text-align: center;
  font-size: 18px;
  color: #333333;
}

.reference-submit {
  border-radius: 10px;
}
.reference-submit.submitted {
  background: #60c060;
}
.reference-submit.decline {
  background: #f15058;
}

.referencedisplay .referencedisplay-heading {
  font-size: 18px;
  background: #eaebed;
  padding: 10px;
  font-weight: 700;
}
.referencedisplay .dl-horizontal dt,
.referencedisplay .dl-horizontal dd {
  font-size: 15px;
}
.referencedisplay .dl-horizontal dt {
  width: 30%;
  margin: 0 !important;
  padding: 10px !important;
  font-weight: 700;
  z-index: 2;
  position: relative;
}
.referencedisplay .dl-horizontal dd {
  margin-left: 32%;
  margin-bottom: 0;
  padding-top: 10px;
}
.referencedisplay .dl-horizontal dd:before {
  content: "";
  background: #f4f2f2;
  height: 100%;
  width: 45%;
  display: inline !important;
  position: absolute;
  left: -272px;
  top: 0;
}

.dl-list dt,
.dl-list dd {
  font-size: 15px;
}
.dl-list dt {
  margin-bottom: 3px;
}
.dl-list dt span {
  font-style: italic;
}
.dl-list dd {
  margin-bottom: 20px;
}
.dl-list dd p {
  font-weight: normal;
}

.reference-display-table01 {
  width: 100%;
}
.reference-display-table01 table.reference-display-table01 thead tr,
.reference-display-table01 table.reference-display-table01 tbody tr {
  background: #ffffff;
}
.reference-display-table01 table.reference-display-table01 th,
.reference-display-table01 table.reference-display-table01 td {
  font-size: 15px;
  padding: 6px;
}
.reference-display-table01 table.reference-display-table01 tr td {
  border-top: 1px solid #bebebe;
}

.reference-display-table {
  border: 1px solid #dedede;
}
.reference-display-table th,
.reference-display-table td {
  text-align: center;
  padding: 5px;
}
.reference-display-table th:first-child,
.reference-display-table td:first-child {
  text-align: left;
}
.reference-display-table td i {
  margin: 0;
  color: green;
}

.plain-card-list {
  margin: 20px 0;
}
.plain-card-list li {
  display: inline-block;
  padding: 0 10px;
  border-right: 1px solid #aeaeae;
}

.app-personal-detail-container {
  background: #f6f8f8;
  padding: 25px 20px;
}

.label-with-center-border {
  position: relative;
}
.label-with-center-border label {
  background: #f6f8f8;
  z-index: 1;
  display: inline-block;
  padding-right: 15px;
  width: auto;
  position: relative;
}
.label-with-center-border .cross-line {
  position: absolute;
  height: 2px;
  width: 100%;
  background: #e6e8eb;
  top: 45%;
  left: 0;
  z-index: 0;
}

.app-detail-content {
  margin: 10px 0;
}
.app-detail-content label {
  font-size: 13px;
  color: #666666;
  font-weight: 500;
  margin-bottom: 0;
}
.app-detail-content p {
  font-weight: 600;
  color: #000000;
}

.dl-horizontal dt {
  float: left;
  width: 160px;
  clear: left;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dl-horizontal dd {
  margin-left: 180px;
}

.grey-box-theme2 {
  border-radius: 10px;
  padding: 20px;
  border: 1px solid #004b49;
  background: #f1ffff;
}

.icon-font i {
  font-size: 20px;
}

.nav-tabs.single-line {
  display: flex;
  align-items: center;
  gap: 0;
  padding: 0;
  margin: 0;
  list-style: none;
  background: #f3f3f3;
  border-bottom: 1px solid #ddd;
}
.nav-tabs.single-line li {
  margin: 0;
}
.nav-tabs.single-line li a {
  display: block;
  padding: 16px 22px;
  font-size: 15px;
  font-weight: 600;
  color: #222;
  text-decoration: none;
  position: relative;
  transition: all 0.25s ease;
  border: none;
  background: transparent;
  cursor: pointer;
}
.nav-tabs.single-line li a:hover {
  color: #004B49;
  background: rgba(0, 169, 197, 0.04);
}
.nav-tabs.single-line li a.active {
  color: #004B49;
  background: #fff;
}
.nav-tabs.single-line li a.active::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 3px;
  background: #004B49;
}

.stage-hold-header {
  float: left;
  width: 100%;
}
.stage-hold-content {
  float: left;
  width: 100%;
  margin-top: 20px;
}

.stage-detail-main {
  position: relative;
}
.stage-detail-main i {
  position: absolute;
  left: 15px;
  font-size: 21px;
  color: #000000;
}
.stage-detail-main label {
  width: auto;
  min-width: 135px;
  position: relative;
}
.stage-detail-main label:after {
  content: ":";
  position: absolute;
  right: 4px;
  top: 0;
}
.stage-detail-main span {
  font-size: 15px;
  line-height: 1.7;
}
.stage-detail-main span.icon-edit:before {
  line-height: 1;
  vertical-align: top;
  cursor: pointer;
}
.stage-detail-main .stage-right-hold {
  width: 100%;
  max-width: calc(100% - 140px);
  display: inline-block;
  word-wrap: break-word;
}
.stage-detail-main .stage-right-hold > span:nth-child(2) {
  margin: 0 12px;
}
.stage-detail-main .multi-select-hold {
  float: none;
  position: relative;
}
.stage-detail-main .multi-select-hold .ui-multiselect-menu {
  position: absolute !important;
  top: 35px !important;
  left: 0 !important;
  z-index: 10;
}
.stage-detail-main .ui-multiselect {
  height: auto !important;
  position: relative;
}
.stage-detail-main .ui-multiselect:after {
  top: 13px;
  right: 0;
}
.stage-detail-main .ui-multiselect span {
  margin: 0 !important;
}
.stage-detail-main .ui-helper-reset li a {
  line-height: 1.6;
}
.stage-detail-main .ui-helper-reset li a span {
  height: 20px;
}
.stage-detail-hold {
  padding-left: 30px;
  padding-bottom: 5px;
}
.stage-detail-hold p {
  font-size: 14px;
  color: #000000;
}
.stage-detail-hold p span {
  padding: 0 10px;
}
.stage-detail-inline input {
  max-width: 110px;
  padding: 2px 5px;
}
.stage-detail-time {
  display: inline-block;
}
.stage-detail-time label {
  min-width: 0;
  padding: 0 5px 0 15px;
}
.stage-detail-time label:after {
  display: none;
}
.stage-detail-time .select:after {
  top: 10px;
  right: 0;
}
.stage-detail-time select,
.stage-detail-time input {
  padding: 3px 20px 3px 4px;
  font-size: 14px;
  max-width: 80px;
}

.email-recp .form-control {
  width: 0;
  opacity: 0;
}
.email-recp .form-control.expanded {
  max-width: 400px;
  opacity: 1;
  width: 100%;
}
.email-recp .btn {
  min-width: 100px;
}

.schedule-hold {
  background: #ffffff;
  padding: 15px;
  border: solid 1px #859095;
  border-radius: 10px;
  display: block;
  margin-bottom: 15px;
}
.schedule-hold h5 {
  margin: 0 0 5px 0;
}
.schedule-hold p {
  font-size: 14px;
  font-weight: 600;
  color: #000000;
}
.schedule-hold p span {
  padding: 0 10px;
}
.schedule-hold dl {
  display: grid;
  margin-top: 5px;
  margin-bottom: 0;
  grid-template-columns: 40% 60%;
  line-height: 1.4;
}
.schedule-hold dt {
  position: relative;
  font-size: 14px;
  font-weight: 600;
}
.schedule-hold dt:after {
  content: ":";
  position: absolute;
  right: 5px;
  top: 0;
  display: block;
}
.schedule-hold dd {
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: normal;
}

.schedule-heading {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.schedule-heading .dropdown-toggle {
  cursor: pointer;
  color: #afb8c1 !important;
  background: transparent !important;
}
.schedule-heading .dropdown-menu {
  padding: 10px;
  min-width: 200px;
  right: 0;
  left: auto !important;
  transform: none !important;
  top: 20px !important;
}
.schedule-heading .dropdown-menu li {
  display: block;
  width: 100%;
}
.schedule-heading .dropdown-menu li a {
  padding: 5px 10px;
  display: block;
}

.candidate-name .star-rating {
  width: 33%;
  text-align: right;
}
.candidate-name .star-rating p {
  color: #333333;
  font-size: 14px;
  display: inline-block;
  margin-bottom: 0;
}

.star-rating {
  float: right;
}
.star-rating span {
  color: #bcbcba;
  margin: 0 5px 0 0;
  font-size: 16px;
}
.star-rating .checked {
  color: #e4c412;
}

.star-rating-main {
  max-width: 150px;
}

.star-good {
  color: #e4c412 !important;
  font-size: 14px;
  font-weight: 600;
}

.main-loader.loader-sec {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1700;
  text-align: center;
}
.main-loader.loader-sec::before {
  content: "";
  position: absolute;
  top: 45%;
  left: 50%;
  width: 60px;
  height: 60px;
  margin-left: -30px;
  margin-top: -30px;
  border: 6px solid #FFFFF3;
  border-top-color: #004B49;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}
.main-loader.loader-sec::after {
  content: "Loading...";
  position: absolute;
  top: calc(45% + 50px);
  left: 50%;
  transform: translateX(-50%);
  color: #FFFFF3;
  font-size: 20px;
  letter-spacing: 1px;
  animation: pulse 1.2s ease-in-out infinite;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes pulse {
  0%, 100% {
    opacity: 0.4;
  }
  50% {
    opacity: 1;
  }
}
.postjob-main-body .job-menu-hold {
  display: none !important;
}

/* Wrapper */
.steps-hold {
  width: 100%;
}

/* Steps Container */
.steps-main {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 12px;
  /* Each Step */
}
.steps-main .steps-click {
  flex: 1;
  /* Step Link */
  /* Step Number Circle */
  /* Active Step */
}
.steps-main .steps-click a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 18px 15px;
  background: #eceff1;
  color: #02212C;
  font-size: 17px;
  font-weight: 600;
  text-decoration: none;
  border-radius: 10px;
  border: 1px solid #02212C;
  transition: all 0.3s ease;
  cursor: pointer;
  min-height: 65px;
}
.steps-main .steps-click a:hover {
  transform: translateY(-2px);
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.08);
}
.steps-main .steps-click .number {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #d9dcd5;
  color: #02212C;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 14px;
}
.steps-main .steps-click.active a {
  background: #FFFFF3;
  color: #004B49;
  border-color: #004B49;
  box-shadow: 0 4px 10px rgba(14, 165, 183, 0.25);
}
.steps-main .steps-click.active .number {
  background: #004B49;
  color: #FFFFF3;
}
.steps-main .steps-click.complete a {
  background: #004B49;
  color: #FFFFF3;
  border-color: #004B49;
  box-shadow: 0 4px 10px rgba(0, 75, 73, 0.25);
}
.steps-main .steps-click.complete .number {
  background: #FFFFF3;
  color: transparent;
  position: relative;
}
.steps-main .steps-click.complete .number::before {
  content: "✔";
  color: #004B49;
  font-size: 16px;
  font-weight: bold;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* FAQ: hide fields and action buttons by default */
.questions-ans .ans-field,
.questions-ans .answer-btn {
  display: none;
}

/*******Workflow*******/
.workflow-stage-hold {
  border: solid 2px #dddddd;
  background: #ffffff;
  display: block;
  width: 100%;
  float: left;
  margin-bottom: 15px;
}
.workflow-stage-hold .StagesList {
  position: relative;
  margin-bottom: 0;
}
.workflow-stage-hold .StagesList a {
  color: #004B49;
}
.workflow-stage-hold .StagesList a:hover {
  color: #004B49;
}
.workflow-stage-hold .StagesList:nth-child(odd) .shortable-table-body {
  background: #f2f4f4;
}
.workflow-stage-hold .workflow-drag-handle {
  position: absolute;
  left: -25px;
  top: 45%;
  color: #999999;
}
.workflow-stage-hold .workflow-drag-handle i {
  margin: 0;
}
.workflow-stage-hold .workflow-stage-delete {
  position: absolute;
  right: -25px;
  top: 42px;
  color: #f75050;
}
.workflow-stage-hold .workflow-stage-delete i {
  margin: 0;
}
.workflow-stage-hold .shortable-table-head {
  display: table;
  width: 100%;
  background: #dddddd;
}
.workflow-stage-hold .shortable-table-head li {
  display: table-cell !important;
  font-weight: 600;
  padding: 10px;
  color: #000000;
  min-width: 44px;
}
.workflow-stage-hold .shortable-table-body {
  display: table;
  width: 100%;
}
.workflow-stage-hold .shortable-table-body li {
  padding: 10px;
  float: left;
}
.workflow-stage-hold .shortable-table-body li:last-child {
  /*width: 16% !important;*/
}

.edit-workflow .StagesList {
  margin-bottom: 0 !important;
  border-top: solid 1px #dddddd;
  overflow: visible;
}

.StagesList .form-control {
  margin-bottom: 0;
}

.new-search {
  position: relative;
}
.new-search a {
  position: absolute;
  right: 10px;
  top: 13px;
  color: #999999;
}

.workflow-page .multi-select-hold .ui-multiselect-menu {
  width: initial !important;
  position: absolute !important;
  left: auto !important;
  top: auto !important;
  z-index: 12;
}
.workflow-page .ui-multiselect-checkboxes li {
  padding: 0 !important;
  width: 100% !important;
}
.workflow-page .ui-multiselect {
  overflow-y: auto;
}

/*****Multi select*****/
.workflow-page {
  /* Requirment request dropdown */
}
.workflow-page .require-dropdown {
  position: relative;
}
.workflow-page .require-dropdown .ui-multiselect-menu {
  min-width: 100%;
}

/* Multi select wrapper */
.multi-select-hold {
  width: 100%;
  float: left;
}
.multi-select-hold .ui-multiselect-menu {
  width: 100% !important;
  position: static !important;
  background: #ffffff !important;
  padding: 0;
}

/* Main multiselect button */
.ui-multiselect {
  border: 1px solid #e0e4e4 !important;
  box-shadow: none !important;
  border-radius: 6px;
  height: 50px !important;
  margin-bottom: 0 !important;
  width: 100% !important;
  padding: 6px 12px !important;
  font-size: 15px;
  font-family: "Open Sans", Helvetica, sans-serif !important;
  color: #000000 !important;
  line-height: 1.42857143;
  outline: none !important;
  font-weight: normal;
  background: #fffff3 !important;
  text-align: left;
}

/* hide default icon */
.ui-icon {
  display: none;
}

/* dropdown menu */
.ui-multiselect-menu {
  background: #ffffff;
  float: left;
  width: 100%;
  display: block;
}

/* header */
.ui-multiselect-header {
  background: #f2f4f4 !important;
  padding: 10px !important;
}
.ui-multiselect-header span.ui-icon.ui-icon-check, .ui-multiselect-header span.ui-icon.ui-icon-closethick {
  text-indent: 0;
  display: block;
  background: none;
  margin: 0;
}
.ui-multiselect-header span.ui-icon.ui-icon-check::after {
  content: "\f00c";
  font-family: FontAwesome;
  display: block;
  float: left;
}
.ui-multiselect-header span.ui-icon.ui-icon-closethick::after {
  content: "\f00d";
  font-family: FontAwesome;
  display: block;
  float: left;
  color: #ff0000;
}

/* filter */
.ui-multiselect-filter {
  font-size: 0 !important;
  font-weight: 600;
  color: #000000;
  float: none !important;
  width: 100%;
}
.ui-multiselect-filter input {
  display: block;
  width: 100% !important;
  float: left;
  background: #ffffff;
  border: 1px solid #e0e4e4 !important;
  box-shadow: none !important;
  border-radius: 6px;
  height: 40px !important;
  padding: 10px 12px !important;
  font-size: 14px !important;
  font-weight: 500;
  margin: 0 !important;
  color: #000000;
  box-sizing: border-box !important;
}

/* reset helper */
.ui-helper-reset {
  margin-top: 10px !important;
  float: left;
  width: 100%;
}
.ui-helper-reset li {
  padding: 0 !important;
  margin-right: 20px;
}
.ui-helper-reset li a {
  color: #004B49 !important;
  font-size: 14px;
  font-weight: 500;
  display: flex;
}

/* checkbox list */
.ui-multiselect-checkboxes {
  max-height: 150px;
  overflow-y: auto;
  padding: 10px !important;
  float: left !important;
  width: 100% !important;
  margin-top: 0 !important;
}
.ui-multiselect-checkboxes li {
  display: block;
  float: left;
  width: 100%;
}
.ui-multiselect-checkboxes li label {
  font-weight: 500 !important;
  background: none !important;
  border: none !important;
}
.ui-multiselect-checkboxes li label:hover {
  color: #004B49;
}
.ui-multiselect-checkboxes li label::after {
  display: none;
}
.ui-multiselect-checkboxes li label span {
  padding-left: 10px;
  position: relative;
  top: -3px;
}

/* advert profiling overrides */
.advert-profiling .ui-multiselect-all span,
.advert-profiling .ui-multiselect-none span {
  color: #ffffff;
}

/* hide dropdown arrow */
.ui-icon-triangle-1-s {
  display: none !important;
}

/******* Confirmation Message *******/
.confirmation-message,
.kanban-confirmation-message {
  position: fixed;
  bottom: -150px;
  left: 40%;
  padding: 25px;
  width: 300px;
  color: #ffffff;
  font-weight: 500;
  text-align: center;
  font-size: 14px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.confirmation-message {
  z-index: 9999;
  display: none;
  display: block !important;
}
.confirmation-message.success, .confirmation-message.failure, .confirmation-message.warning {
  bottom: 0;
  display: block;
  color: #FFFFF3;
}
.confirmation-message.success {
  background: #60c060;
}
.confirmation-message.failure {
  background: #ef7571;
}
.confirmation-message.warning {
  background: #ffc90e;
}

.kanban-confirmation-message {
  z-index: 1040;
  display: none;
}
.kanban-confirmation-message.kanban-warning {
  background: #ffc90e;
  bottom: 0;
}

/******* Form Styles *******/
.post-jorm-form h2 {
  margin: 0 0 10px 0 !important;
  color: #3c3c3b;
}

.request-form-hold {
  margin: 0 auto;
}
.request-form-hold .radio-hold {
  float: left;
}

.multiselect-hold {
  border: 0 solid transparent;
  max-height: 100%;
  overflow-y: hidden !important;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.multiselect-hold dd {
  float: left;
  width: 100%;
  display: block;
}
.multiselect-hold dd ul {
  width: 100%;
  max-height: 220px;
  overflow-y: auto;
  padding: 15px 15px 15px 10px;
  background: #ffffff;
  margin-bottom: 10px;
}
.multiselect-hold ul li {
  border-bottom: 0 solid transparent;
  padding: 5px 10px;
  width: 100%;
  float: left;
  display: block;
}
.multiselect-hold .form-check label {
  text-transform: capitalize;
}

dd {
  line-height: 140%;
  font-weight: 600;
  margin-bottom: 5px;
  position: relative;
}

.action-btns.fixed-btns {
  position: fixed;
  top: 102px;
  right: 24px;
  z-index: 10;
}

.form-container,
.multiselect-hold,
.dvradio {
  margin-bottom: 15px;
  width: 100%;
  float: none;
}
.form-container p,
.multiselect-hold p,
.dvradio p {
  font-size: 14px;
  color: #000000;
}

.font-16 {
  font-size: 14px;
  color: #000000;
}

.main-head h2 {
  margin: 0;
}

hr {
  border-color: #bbc1c1;
  margin: 0;
}

/******* Select Result *******/
.select_reslt {
  display: flex;
  margin-top: 10px;
  flex-direction: column;
}
.select_reslt .search-choice {
  margin-bottom: 5px;
  margin-right: 4px;
  position: relative;
  width: auto;
  list-style: none;
  z-index: 0;
  background: #dddddd;
  border-radius: 3px;
  padding: 5px 0;
  display: flex !important;
  align-items: center;
}
.select_reslt li.search-choice, .select_reslt li.search-clr {
  margin: 0 10px 10px 0;
  padding: 4px 8px;
  background: #e8e8e8;
  border-radius: 6px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 500;
  cursor: default;
  border: 1px solid #dddfde;
  display: flex;
}
.select_reslt li.search-clr {
  background: transparent;
  border-radius: 0;
  border: 0;
  color: #EA4200;
}
.select_reslt li.search-clr .search-choice-close {
  right: 0;
  color: #EA4200;
}
.select_reslt .search-choice .search-choice-close,
.select_reslt li.search-clr .search-choice-close {
  font-size: 15px;
  color: #02212C;
}
.select_reslt .search-choice span,
.select_reslt li.search-clr span {
  margin: 0 8px 0 0;
}
.select_reslt .search-clr span {
  margin: 0;
}

.inline-close {
  position: absolute;
  top: 10px;
  right: 10px;
  float: right;
  font-size: 0;
  height: 12px;
  width: 17px;
  z-index: 10;
  display: block;
  padding: 10px;
  border-radius: 50%;
  margin-top: 5px;
}

/******* Upload Icons *******/
.upload-ico-hold button,
.upload_wrapper button {
  border: none;
  height: 45px;
  width: 65px;
  text-indent: -9999px;
  background: url(../images/upload_icon.png) no-repeat;
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  outline: none !important;
}
.upload-ico-hold button:hover,
.upload_wrapper button:hover {
  filter: none;
}
.upload-ico-hold button.up_computer,
.upload_wrapper button.up_computer {
  background-position: 4px 6px;
}
.upload-ico-hold button.up_googled,
.upload_wrapper button.up_googled {
  background-position: -60px 5px;
}
.upload-ico-hold button.up_onedrive,
.upload_wrapper button.up_onedrive {
  background-position: -139px 5px;
}
.upload-ico-hold button.up_box,
.upload_wrapper button.up_box {
  background-position: -222px 5px;
}
.upload-ico-hold button.up_gmail,
.upload_wrapper button.up_gmail {
  background-position: -302px 6px;
}
.upload-ico-hold button.up_dropbox,
.upload_wrapper button.up_dropbox {
  background-position: 10px 5px;
  background-image: url(../images/drop_box.png);
}

.up_computer, .up_onedrive, .up_cvbuilder {
  background: none !important;
  text-indent: 1px !important;
  position: relative;
  box-shadow: none !important;
  width: auto !important;
}
.up_computer:before, .up_onedrive:before, .up_cvbuilder:before {
  font-family: bootstrap-icons;
  font-size: 30px;
  color: #666666;
  position: absolute;
  top: 0;
  left: 25px;
}

.up_computer:before {
  content: "\f603";
}

.up_onedrive:before {
  content: "\f2c0";
}

.up_cvbuilder:before {
  content: "\f358";
  left: 40%;
}

/****** Manage jobs ******/
.job-list-hold {
  position: relative;
  margin-bottom: 20px !important;
}
.job-list-hold:last-child {
  margin-bottom: 0 !important;
}
.job-list-hold .selecthold {
  top: 5px;
  right: 5px;
  position: absolute;
}

.manage-jobs-main .managejobs-left {
  /*border: none !important;*/
}
.manage-jobs-main .managejobs-right {
  border-left: solid 1px #dddddd;
}
.manage-jobs-main .managejobs-actions {
  border: none !important;
}

.managejobs-left {
  width: 45%;
  border-right: solid 1px #dddddd;
  padding-right: 15px;
  min-height: 158px;
}
.managejobs-left .thumbnail-section-l {
  width: 100%;
}

.managejobs-right {
  width: 45%;
  padding-left: 15px;
  border-right: solid 1px #dddddd;
  min-height: 158px;
}

.manage-appln-left {
  width: 90%;
  float: left;
  position: relative;
}

.manage-appln-right,
.managejobs-actions {
  width: 10%;
  padding-left: 15px;
  float: left;
  position: relative;
}

.managejobs-date-hold {
  width: 45% !important;
  margin: 0 0 10px 0 !important;
}

.managejob-filter {
  float: none;
  width: 100%;
  overflow: visible;
}
.managejob-filter li p {
  font-weight: 600;
  padding-right: 10px;
}
.managejob-filter li a {
  padding: 8px 5px;
  margin-right: 10px;
  color: #333333;
}
.managejob-filter li a.active {
  color: #004B49;
  border-bottom: solid 1px #004B49;
}
.managejob-filter .dropdown-toggle.btn-toolbar {
  height: 50px;
  margin-right: 5px;
  padding: 15px 30px 15px 10px !important;
  position: relative;
}
.managejob-filter .dropdown-toggle.btn-toolbar span {
  position: absolute;
  right: 5px;
}
.managejob-filter .inline-input .dropdown-toggle i.pr-1 {
  float: left;
  margin-right: 5px;
}
.managejob-filter .inline-input .dropdown-toggle i.pr-1 ~ i {
  max-width: 55%;
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
  margin-left: 5px;
}

.manage-application-filter.managejob-filter .dropdown-toggle.btn-toolbar {
  min-width: 240px;
  text-align: left;
  max-width: 240px;
}

.managejobs-details {
  margin: 0 0 5px 0;
  /*float: left;*/
  width: 100%;
}
.managejobs-details:last-child {
  margin-bottom: 0;
}
.managejobs-details dt {
  display: inline-block;
  min-width: 120px;
  position: relative;
  float: left;
  padding-right: 10px;
  font-weight: normal;
}
.managejobs-details dt:after {
  content: ":";
  display: block;
  position: absolute;
  top: 0;
  right: 8px;
}
.managejobs-details dd span {
  padding-right: 15px;
  margin: 0 10px;
  position: relative;
  float: left;
}
.managejobs-details dd span:after {
  font-family: FontAwesome;
  display: block;
  position: absolute;
  right: -5px;
  top: 0;
  font-weight: 500;
}
.managejobs-details dd span[type=expired], .managejobs-details dd span[type=notlive] {
  color: #ff0000;
}
.managejobs-details dd span.broadcast-yes:after {
  color: #29ae53;
  content: "\f00c";
}
.managejobs-details dd span.broadcast-no:after {
  color: #ed1d2d;
  content: "\f00d";
}

.manage-jobs-body .managejobs-details dd {
  margin-left: 140px;
  word-break: break-word;
  font-weight: normal !important;
}

.managejobs-actions h5 {
  margin-top: 0 !important;
}
.managejobs-actions ul {
  margin-top: 10px;
}
.managejobs-actions ul li {
  flex: 1 1 auto;
  width: 46%;
  text-align: center;
}
.managejobs-actions ul li a {
  color: #004B49;
  cursor: pointer;
}
.managejobs-actions ul li a:hover {
  color: #004B49;
}
.managejobs-actions ul li a i {
  font-size: 20px;
}
.managejobs-actions ul li a.invalid-link {
  cursor: default;
}

.per-page-holder {
  margin-bottom: 15px;
}
.per-page-holder ul li,
.per-page-holder ul li a {
  margin-top: 10px;
}
.per-page-holder ul li:first-child {
  font-weight: 600;
}
.per-page-holder ul li a.active {
  color: #004B49;
}

.thumbnail-section-l .thumbnail-heading02 {
  word-break: break-word;
}

.core-emails .managejobs-actions {
  margin-top: 20px;
}

.emails-header {
  position: relative;
  float: left;
  width: 100%;
}
.emails-header h3 {
  background: #f2f4f4;
  float: left;
  width: auto;
  margin: 0 0 15px 0;
  position: relative;
  padding-right: 10px;
}
.emails-header:before {
  width: 100%;
  display: block;
  content: "";
  float: left;
  position: absolute;
  top: 18px;
}

.placeholder-heading {
  text-align: center;
  text-transform: uppercase;
  background: #a6a6a6;
  color: #000000;
  font-weight: bold;
  padding: 3px;
}

.placeholder-showmore-hold {
  display: none;
}

.placeholder-holder {
  background: #e6fffe;
  border: solid 1px #004B49;
  float: none;
  width: 100%;
  overflow: hidden;
  padding: 15px;
  border-radius: 10px;
}
.placeholder-holder .pad-15 {
  max-height: 325px;
  overflow-y: auto;
}
.placeholder-holder .row .col-md-4 {
  min-height: 30px;
}

.placeholder-btn {
  background: #FFFFF3;
  border: solid 1px #dddddd;
  padding: 3px 5px;
  font-size: 12px;
  color: #333333;
  font-weight: 600;
  text-transform: uppercase;
}

.placeholder-showmore {
  background: #004B49;
  padding: 10px;
  width: 100%;
  text-align: center;
  float: left;
  color: #FFFFF3;
}
.placeholder-showmore:hover, .placeholder-showmore:focus {
  color: #FFFFF3;
}

/* bulk action bottom bar */
.bulk-action-select {
  background: #1b191a;
  border-color: #1b191a;
  color: #FFFFF3;
}
.bulk-action-select:hover {
  background: #1b191a;
  border-color: #1b191a;
  color: #FFFFF3;
}
.bulk-action-select .custom_icon {
  color: #FFFFF3;
}
.bulk-action-select:hover .custom_icon {
  color: #FFFFF3;
}

.bulk-action {
  background: #004B49;
  border-radius: 5px 5px 0 0;
  position: sticky;
  bottom: 0;
  right: 15px;
  left: 75px;
  z-index: 10;
}
.bulk-action ul {
  padding: 15px 20px;
}
.bulk-action.ver2 {
  background: #FFFFF3;
  border: 2px solid #004B49;
  border-radius: 10px 10px 0 0;
  position: sticky;
  bottom: 0;
  right: 15px;
  left: 75px;
  z-index: 1050;
}
.bulk-action.ver2 ul.btns-hold li {
  margin: 0 0 0 10px;
}

ul.notification_hold {
  padding: 20px;
}

.dropdown-menu.drop-top {
  bottom: 100%;
  top: auto;
  margin-bottom: 15px;
  min-width: 180px;
}
.dropdown-menu.drop-top:before {
  content: " ";
  background: #FFFFF3;
  width: 16px;
  height: 16px;
  position: absolute;
  bottom: -8px;
  right: 12px;
  transform: rotate(45deg);
}
.dropdown-menu.drop-bottom {
  top: 100%;
  bottom: auto;
  margin-top: 15px;
  min-width: 180px;
}
.dropdown-menu.drop-bottom:before {
  content: " ";
  background: #FFFFF3;
  width: 16px;
  height: 16px;
  position: absolute;
  top: -8px;
  right: 12px;
  transform: rotate(45deg);
  border-top: solid 1px #dddddd;
  border-left: solid 1px #dddddd;
}

/* Pagination Wrapper */
.pagination {
  display: flex;
  justify-content: center;
  margin: 20px 0;
  font-family: Arial, sans-serif;
}

/* Pagination List */
.pagination ul {
  display: flex;
  align-items: center;
  padding: 0;
  margin: 0;
  list-style: none;
  border: 1px solid #0b5c5c;
  border-radius: 6px;
  overflow: hidden;
  background: #f5f3ec;
}

/* Pagination Items */
.pagination ul li {
  border-right: 1px solid #0b5c5c;
}

.pagination ul li:last-child {
  border-right: none;
}

/* Links */
.pagination ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  height: 38px;
  padding: 0 14px;
  text-decoration: none;
  font-size: 16px;
  font-weight: 600;
  color: #0b5c5c;
  background: #f5f3ec;
  transition: all 0.2s ease;
}

/* Hover */
.pagination ul li a:hover {
  background: #dfe9e7;
}

/* Active Page */
.pagination ul li a.active {
  background: #0b5c5c;
  color: #FFFFF3;
}

/* Dots (...) */
.pagination ul li.dots a {
  pointer-events: none;
  color: #999;
  background: #f5f3ec;
}

/* Icons */
.pagination .material-icons {
  font-size: 18px;
  vertical-align: middle;
}

/* Responsive */
@media (max-width: 600px) {
  .pagination ul li a {
    min-width: 36px;
    height: 34px;
    font-size: 14px;
    padding: 0 10px;
  }
}
/* Star Rating */
.rating-star label {
  display: block;
  width: auto;
}

.rating {
  border: none;
  float: left;
}
.rating > input {
  display: none;
}
.rating > input:checked ~ label {
  color: #FFD700;
}
.rating > input:checked ~ label:hover {
  color: #FFED85;
}
.rating > input:checked ~ label:hover ~ label {
  color: #FFED85;
}
.rating > input:checked + label:hover,
.rating > input:checked ~ label:hover,
.rating > input:checked ~ input:checked ~ label,
.rating > input:checked ~ label:hover ~ label {
  color: #FFED85;
}
.rating > label {
  color: #ddd;
  float: right;
}
.rating > label:before {
  font-family: FontAwesome;
  display: inline-block;
  content: "\f005";
  margin: 0 5px 0 0;
  font-size: 16px;
}
.rating > label:hover {
  color: #FFD700;
  cursor: pointer;
}
.rating > label:hover ~ label {
  color: #FFD700;
}
.rating > .half:before {
  content: "\f089";
  position: absolute;
}
.rating:not(:checked) > label:hover {
  color: #FFD700;
}
.rating:not(:checked) > label:hover ~ label {
  color: #FFD700;
}

/* Disabled Star Rating */
.dis-rating-star label {
  display: block;
}

.dis-rating {
  border: none;
  float: left;
}
.dis-rating > label {
  color: #ddd;
  float: right;
}
.dis-rating > label:before {
  margin: 5px;
  font-size: 1.25em;
  font-family: FontAwesome;
  display: inline-block;
  content: "\f005";
}
.dis-rating > .half:before {
  content: "\f089";
  position: absolute;
}

.application-detail-content.scorecard-main h5 {
  background: #004B49;
  color: #ffffff;
  padding: 10px 20px;
  margin: 30px 0 0 0;
  line-height: 31px;
}
.application-detail-content.scorecard-main h5:first-of-type {
  margin-top: 0;
}
.application-detail-content.scorecard-main .scorecard-hold {
  background: #f6f8f7;
  padding: 15px;
  display: inline-block;
  width: 100%;
}
.application-detail-content.scorecard-main .scorecard_down_section:first-child {
  display: block !important;
}
.application-detail-content.scorecard-main .user-image {
  min-width: 30px;
  min-height: 30px;
  max-width: 30px;
  max-height: 30px;
  margin-right: 10px;
}
.application-detail-content.scorecard-main .scorecard-hold-inner {
  display: none;
  float: left;
}

.scorecard-notes-btn {
  display: inline-block;
  margin-bottom: 15px;
  margin-top: 10px;
}

.scorecard-notes-hold {
  display: none;
  margin-bottom: 20px;
  margin-top: -5px;
}
.scorecard-notes-hold .save-scorecard-btn-hold {
  text-align: right;
  margin: 15px 0 0 0;
}
.scorecard-notes-hold .btn-sm {
  min-height: 37px;
  line-height: 26px;
}

.scorecard-hold textarea {
  max-height: 200px;
}
.scorecard-hold.scorecard-hold-inner.scorecard-expanded {
  display: block !important;
}

.shortlist-option {
  margin-top: 7px;
}
.shortlist-option > span {
  font-weight: bold;
  margin: 3px 30px 0 0;
  display: block;
}
.shortlist-option label {
  float: left;
}

.column .shortlist-option {
  margin: 0;
}
.column .shortlist-option > span {
  margin: 0 0 20px 0;
}

#scorecard .shortlist-option > span {
  float: left;
}
#scorecard .pull-left {
  margin-bottom: 20px;
}

/*******Interview scorecard*******/
.scorecard-container {
  background: #cccccc;
  border: solid 1px #cccccc;
  padding: 10px;
  float: left;
  width: 100%;
}
.scorecard-container .application-detail-content {
  padding: 0;
}

.scorecard-inner {
  background: #ffffff;
  padding: 10px;
  border: solid 1px #333333;
  float: left;
  width: 100%;
}
.scorecard-inner .pull-left {
  width: 40%;
  margin-right: 15px;
}
.scorecard-inner .pull-left:last-child {
  width: 15%;
}
.scorecard-inner .pull-left .form-control {
  margin-bottom: 0;
  border-radius: 3px !important;
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  box-shadow: none !important;
}

.status-button {
  padding: 5px;
  border-width: 1px;
  border-style: solid;
  background: #ffffff;
  font-size: 14px;
  font-weight: 600;
  position: relative;
  margin-right: 5px;
}
.status-button.active:after {
  content: "";
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-left: 8px solid transparent;
  border-bottom: 8px solid #333333;
  border-right: 8px solid transparent;
  position: absolute;
  left: 40%;
  top: 27px;
}

.status-withdraw,
.status-Withdraw {
  color: #bd0000 !important;
  border-color: #bd0000;
}
.status-withdraw:hover, .status-withdraw.active,
.status-Withdraw:hover,
.status-Withdraw.active {
  background: #ffcaca;
  color: #333333 !important;
}

.status-reject {
  color: #bd0000 !important;
  border-color: #bd0000;
}
.status-reject:hover, .status-reject.active {
  background: #ffcaca;
  color: #333333 !important;
}

.status-hold {
  color: #d3bd51 !important;
  border-color: #d3bd51;
}
.status-hold:hover, .status-hold.active {
  background: #f3e4ad;
  color: #333333 !important;
}

.status-review {
  color: #004B49 !important;
  border-color: #004B49;
}
.status-review:hover, .status-review.active, .status-review.review-btn.rev-btn {
  background: #aaf6fc;
  color: #333333 !important;
}

.status-review-text {
  color: #004B49 !important;
}

.status-offer {
  color: #2fd05f !important;
  border-color: #2fd05f;
}
.status-offer:hover, .status-offer.active, .status-offer.offer-btn.ofr-btn {
  background: #b5f9c4;
  color: #3b6647 !important;
}

.status-hire {
  color: #28bc54 !important;
  border-color: #28bc54;
}
.status-hire:hover, .status-hire.active, .status-hire.hire-btn.active {
  background: #b5f9c4;
  color: #3b6647 !important;
}

.status-next {
  color: #87d482 !important;
  border-color: #87d482;
}
.status-next:hover, .status-next.active {
  background: #d3efdb;
  color: #3b6647 !important;
}

.status-divider {
  border-right: solid 1px #333333;
}

.status-button-holder {
  min-height: 40px;
  border-bottom: solid 3px #333333;
  display: inline-block;
}

.stage-hold-header .status-offer {
  background: none !important;
  color: #00ff3a !important;
}

.stage-detail-new p,
.stage-detail-new label {
  display: inline-block;
  width: auto;
}
.stage-detail-new p {
  line-height: 26px;
  min-height: 24px;
}

.Scorecard-head {
  background: #f6f8f7;
  padding: 10px;
  margin-top: 15px;
  border: 1px solid #767877;
}
.Scorecard-head label,
.Scorecard-head h5 {
  margin: 0;
  width: auto;
  display: inline-block;
  max-width: 75%;
}
.more-details {
  display: inline-block;
  width: 100%;
  margin-bottom: 20px;
  overflow: hidden;
  max-height: 165px;
}
.more-details.show-details {
  max-height: none;
}

.feedback-progress {
  float: left;
  width: 100%;
  white-space: pre-line;
}
.feedback-progress.more-feedback {
  max-height: inherit;
  display: inline-block;
}

.feedback-progress1 {
  background: #f5f5f5;
  border-radius: 5px;
  padding: 10px;
}

.view-content .active {
  background: #004B49;
}
.view-content .active span {
  color: #ffffff !important;
}
.view-content .active span:hover,
.view-content .active .grey-icon:hover span {
  color: #ffffff !important;
}
.view-content a span:hover {
  color: #999999 !important;
}

/***Tag***/
.tag-listing li {
  background: #dddddd;
  padding: 5px;
  margin-right: 5px;
}
.tag-listing li span {
  padding: 3px 5px;
  border-style: solid;
  border-width: 1px;
  font-size: 12px;
  margin-right: 5px;
  background: #ffffff;
  float: left;
}
.tag-listing li .container.customcheck {
  width: auto !important;
  padding-left: 0 !important;
}

.scorecard-popup dl dt {
  width: 40%;
  display: inline-block;
  text-align: right;
  font-weight: 600;
}
.scorecard-popup dl dd {
  width: 58%;
  display: inline-block;
  font-weight: normal;
}

*[disabled] {
  cursor: not-allowed !important;
}

.select-disabled .custom-tooltip {
  padding: 3px;
  width: 110px;
  text-align: center;
}
.select-disabled .custom-tooltip:after {
  left: 50px;
}
.select-disabled .custom-tooltip p {
  font-size: 13px;
}
.select-disabled:hover .custom-tooltip {
  display: block;
}

[disabled] a,
[disabled] a span {
  color: #dddddd !important;
  cursor: not-allowed !important;
  display: inline-block;
}

*[title="Not Authorised"],
*[data-original-title="Not Authorised"],
*[data-original-title="Not Authorised"] span {
  cursor: not-allowed !important;
  color: #dddddd;
}

.manage-tags-table .tag-name {
  background: #ffffff;
  padding: 3px;
  border-style: solid;
  border-width: 1px !important;
  margin-right: 10px;
  font-size: 13px;
  border-color: red;
  color: red;
  overflow: hidden;
  max-width: 230px;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}

.book-interview-modal {
  max-height: 80vh !important;
}

.refine-search-left .refine-menu li {
  border: solid 1px #e0e4e4;
  padding: 0 10px 5px;
  border-radius: 5px;
  margin-bottom: 15px;
  float: left;
}
.refine-search-left .refine-menu li ul li {
  border: none !important;
  padding: 5px 0 !important;
  border-radius: 0 !important;
  margin-bottom: 0 !important;
}
.refine-search-left .refine-menu .refine-show {
  font-size: 16px;
  font-weight: 600;
  color: #0a0a0b;
  display: block;
  width: 100%;
  padding: 15px 0 10px 0;
  position: relative;
  margin-bottom: 0px;
  top: 0;
  background: #ffffff;
  z-index: 99;
}
.refine-search-left .refine-menu.overVisible .refine-show {
  z-index: 9;
}

.recruiter_page.recruiter_page_new dl.cvsearch-date {
  padding: 5px 0 0;
  margin-bottom: 0;
}
.recruiter_page.recruiter_page_new dl.cvsearch-date dt {
  float: left;
  margin-right: 10px;
}

.cke_combo__font {
  display: none !important;
}

.new_head_tools_btn.h_t_i_nav3 {
  background-position: -171px -1064px !important;
}

.scorecard-expand h5 {
  padding-right: 35px !important;
  position: relative;
}
.scorecard-expand h5:after {
  content: "\f107";
  font-family: FontAwesome;
  display: block;
  position: absolute;
  right: 10px;
  top: 19%;
  font-size: 26px;
}
.scorecard-expand.arrow_down h5:after {
  content: "\f106";
}

.scorecard-right .scorecard-expand {
  width: 100% !important;
}
.scorecard-right .scorecard-expand h5 {
  padding-left: 45px !important;
}
.scorecard-right .scorecard-collapse {
  position: relative;
}
.scorecard-right .user-image {
  min-width: 30px;
  min-height: 30px;
  max-width: 30px;
  max-height: 30px;
  margin-right: 10px;
  position: absolute;
  top: 27%;
  left: 10px;
}
.scorecard-right .StageActions {
  display: none;
}
.scorecard-right .StageActions .scorecard-expand {
  display: none;
}
.scorecard-right .StageActions .material-icons {
  color: #ffffff !important;
}
.scorecard-right .dropdown.open .dropdown-toggle {
  background-color: transparent;
}

.scorecard-main-expand {
  margin-top: 15px;
  cursor: pointer;
}
.scorecard-main-expand h5 {
  position: relative;
}
.scorecard-main-expand h5:after {
  content: "\f107";
  font-family: FontAwesome;
  display: block;
  position: absolute;
  right: 0 !important;
  top: 12px !important;
  font-size: 26px;
}
.scorecard-main-expand.arrow_down h5:after {
  content: "\f106";
}

.scorecard-collapse {
  margin-top: 15px;
  width: 100%;
  display: flex;
  background: #004B49;
}
.scorecard-collapse .StageActions {
  width: 45px;
}

.scorecard_down_section {
  display: none;
}
.scorecard_down_section.scorecard_expand {
  display: block;
}

.SaveBroadCastingDataAlert.btn[disabled] {
  color: #333333 !important;
}

.new-pages .btn.new-icon-btn {
  position: relative;
  padding-left: 45px !important;
}
.new-pages .btn.new-icon-btn i {
  position: absolute;
  left: 10px;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  border-color: #e0e4e4 !important;
  cursor: not-allowed !important;
}

#GenerateLink {
  cursor: pointer !important;
}

#ScoreCardData .StageActions a.dropdown-toggle {
  padding: 15px 12px;
  color: #FFFFF3;
  display: inline-block;
}
#ScoreCardData .StageActions a.dropdown-toggle:after {
  display: none;
}
#ScoreCardData .scorecard-hold.scorecard_expand_main {
  display: block;
  float: left;
}
#ScoreCardData.scorecard-hold:first-child {
  display: block !important;
}

.candidate-application-title {
  max-width: 60%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.candidate-list-ref {
  max-width: 40%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pipeline-more-filter .date-field {
  width: 47%;
  float: left;
}
.pipeline-more-filter .date-field:last-child {
  float: right;
}

.managejob-filter .pipeline-more-filter .dropdown-toggle.btn-toolbar {
  max-width: 210px;
}

/*Interview page*/
.managejob-filter {
  float: none;
  width: 100%;
  overflow: visible;
}

.new-search {
  position: relative;
}
.new-search .form-control {
  padding-right: 35px !important;
}
.new-search a {
  position: absolute;
  right: 10px;
  top: 13px;
  color: #999999;
}

.inline-input {
  display: inline-block;
  margin-right: 10px;
}

.dropdown,
.dropleft,
.dropright,
.dropup {
  position: relative;
}

.date-field span.custom_icon {
  position: absolute;
  top: 15px;
  right: 5px;
  pointer-events: none;
}

.recruiter-interview-header li:first-child h5 {
  color: #004b49;
}
.recruiter-interview-header li h5 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  display: inline-block;
}
.recruiter-interview-header li.interviewjobtitle {
  width: 35%;
}
.recruiter-interview-header li.facetoface {
  width: 15%;
}
.recruiter-interview-header li .dropdown-menu li {
  width: 100%;
  padding: 0 !important;
  display: block;
  float: none;
}
.recruiter-interview-header li .dropdown-menu li a {
  display: block;
}
.recruiter-interview-header li ul li {
  border: none !important;
}
.recruiter-interview-header .dropdown-menu {
  padding: 10px;
  min-width: 200px;
  right: 0;
  left: auto !important;
  transform: none !important;
  top: 20px !important;
}
.recruiter-interview-header .armed-logos {
  margin-right: 15px;
}

.search-highlight {
  font-weight: 800 !important;
}

.more-option-btn.dropdown-toggle {
  cursor: pointer;
}

#Selection input[type=checkbox] {
  z-index: 149;
}

#InterViewData dl {
  margin-bottom: 5px;
}

.green-text {
  color: #29ae53 !important;
}

.bulk-action {
  background: #FFFFF3;
  border: 2px solid #004B49;
  border-radius: 10px 10px 0 0;
  position: sticky;
  bottom: 0;
  right: 15px;
  left: 75px;
  z-index: 1050;
}
.bulk-action ul li a {
  cursor: pointer;
}

/****Broadcasting page CSS******/
.broadcast-alert {
  padding: 15px;
  background: #004B49;
  width: 100%;
  color: #FFFFF3;
}

.notes-hold {
  background: #f5f5f5;
  border: solid 1px #d9dcd5;
  padding: 10px;
  border-left: solid 3px #004B49;
  border-radius: 10px;
  margin-top: 15px;
}

.scrollTop {
  align-items: center;
  justify-content: center;
  display: flex;
}

/**********************************Recruiter ATS Css End*****************************/
/*******************************Site Admin Css********************************/
.onboarding-main {
  min-height: calc(100vh - 126px);
}
.onboarding-main h1 {
  font-size: 40px;
}

.breadcrumb .breadcrumb-item {
  font-size: 14px;
  color: #02212C;
}
.breadcrumb .breadcrumb-item a {
  color: #005467;
}
.breadcrumb .breadcrumb-item a:hover {
  text-decoration: underline;
}

.dashboard-grid {
  display: flex;
  gap: 25px;
  flex-wrap: wrap;
  justify-content: center;
}
.dashboard-grid .dashboard-card {
  background: #FFFFF3;
  border-radius: 10px;
  padding: 15px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
  transition: 0.3s ease;
  width: 100%;
  min-width: 280px;
  max-width: 300px;
  border: 1px solid #004B49;
  /*&:hover {
      transform: translateY(-5px);
      box-shadow: 0 10px 25px rgba(0,0,0,0.1);
  }*/
}
.dashboard-grid .dashboard-card .top {
  display: flex;
  align-items: center;
  grid-gap: 15px;
  margin-bottom: 10px;
}
.dashboard-grid .dashboard-card ul {
  list-style: none;
}
.dashboard-grid .dashboard-card ul li {
  margin-bottom: 10px;
}
.dashboard-grid .dashboard-card ul li a {
  text-decoration: none;
  color: #02212C;
  font-size: 14px;
  transition: 0.3s;
}
.dashboard-grid .dashboard-card ul li a:before {
  content: "\f105";
  font-family: FontAwesome;
  font-weight: bold;
  padding-right: 8px;
  color: #02212C;
}
.dashboard-grid .dashboard-card ul li a:hover {
  color: #005467;
  padding-left: 5px;
}
.dashboard-grid .dashboard-card .badge {
  background: #004B49;
  color: #FFFFF3;
  font-size: 10px;
  padding: 2px 6px;
  border-radius: 10px;
  margin-left: 6px;
}
.dashboard-grid .dashboard-card .card-icon {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #004B49;
  background-image: url(../images/admin-icons.png);
  background-position: -7px -44px;
}
.dashboard-grid .dashboard-card .card-icon.candidate, .dashboard-grid .dashboard-card .card-icon.users {
  background-position: -5px -98px;
}
.dashboard-grid .dashboard-card .card-icon.vacancy {
  background-position: -5px -151px;
}
.dashboard-grid .dashboard-card .card-icon.seo {
  background-position: -7px 11px;
}
.dashboard-grid .dashboard-card .card-icon.config {
  background-position: -7px -207px;
}
.dashboard-grid .dashboard-card .card-icon.ecommerce {
  background-position: -6px -262px;
}

table {
  font-size: 14px;
  color: #02212C;
}
table * {
  color: #02212C;
}
table td {
  color: #02212C !important;
}
table th {
  font-weight: 500;
  color: #02212C !important;
}
table a {
  color: #005467;
}

/* Sidebar */
.sidebar {
  background: #02212C;
  color: #FFFFF3;
  min-height: 100vh;
  max-height: 100vh;
  width: 250px;
  transition: all 0.3s ease;
  position: fixed;
  z-index: 9999;
  overflow: auto;
  top: 0;
  left: 0;
  font-family: "Lexend", sans-serif;
}
.sidebar li.active .nav-link {
  background: #005467;
  color: #FFFFF3;
}
.sidebar .nav-link {
  color: #859095;
  padding: 12px 16px;
}
.sidebar .nav-link.active, .sidebar .nav-link:hover {
  background: #005467;
  color: #FFFFF3;
}

/* Content */
.main-content {
  flex: 1;
  background: #f5f5f5;
  min-height: 100vh;
  padding-top: 90px;
  padding-left: 250px;
}
.main-content header {
  width: 100%;
  position: fixed;
  top: 0;
}
.main-content .full-height {
  min-height: calc(100vh - 126px);
}
.main-content .content-box {
  background: #FFFFF3;
  border-radius: 10px;
  padding: 20px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
}
.main-content .status-select {
  padding: 4px 10px;
  font-size: 14px;
}
.main-content .scroll-box {
  max-height: 150px;
  overflow-y: auto;
  border: 1px solid #d9dcd5;
  border-radius: 6px;
  padding: 10px;
}
.main-content .border-box, .main-content .thumbnail {
  border-radius: 10px;
  padding: 20px;
  border: 1px solid #d9dcd5;
  background: #f5f5f5;
}

.border-box {
  border-radius: 10px;
  padding: 20px;
  border: 1px solid #d9dcd5;
  background: #f5f5f5;
}

.admin-dashboard-page .sidebar, .admin-login-page .sidebar {
  display: none;
}
.admin-dashboard-page .main-content, .admin-login-page .main-content {
  padding-left: 0;
}
.admin-dashboard-page .main-content header, .admin-login-page .main-content header {
  width: 100%;
}
.admin-dashboard-page .main-content header .header-top-left #menuToggle, .admin-login-page .main-content header .header-top-left #menuToggle {
  display: none;
}

.status-action {
  min-width: 95px;
}

.dataTables_info {
  width: 100%;
  padding-top: 10px;
  color: #859095;
  font-size: 12px;
}

.dataTables_paginate {
  text-align: center;
  min-height: 30px;
}

.dataTables_filter {
  margin: 10px 0;
  float: right;
}
.only-search .dataTables_filter {
  margin: 2px 0 6px 0;
  float: left;
}
.dataTables_filter input {
  background-color: #FFFFF3;
  border-radius: 10px;
  font-size: 14px;
  padding: 10px 15px;
  color: #02212C;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border: 1px solid #FFFFF3;
  margin-left: 5px;
}
.dataTables_filter input:focus, .dataTables_filter input:focus-visible {
  outline: none;
  border-color: #005467;
}
.dataTables_filter .disarmed {
  font-size: 12px;
  margin-top: 5px;
  padding-left: 65px !important;
}

.dataTables_wrapper .dataTables_length {
  float: left;
}
.dataTables_wrapper .dataTables_length select {
  background-color: #FFFFF3;
  border-radius: 10px;
  font-size: 14px;
  padding: 10px 15px;
  color: #02212C;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border: 1px solid #FFFFF3;
  margin: 0 5px;
}

.table-wrap .dataTables_wrapper .dataTables_paginate .paginate_button {
  margin: 0 4px;
  padding: 2px 8px;
}

/*********************Blog pages********************/
.back-link {
  color: #004B49;
}
.back-link:hover {
  color: #005467;
}

.blog-page {
  background: #f5f5f5;
}

.blog-list-page {
  padding: 20px 0 50px;
}
.blog-list-page .blog-item {
  background: #FFFFF3;
  padding: 20px;
  border-radius: 10px;
  border: 1px solid #d9dcd5;
}
.blog-list-page .blog-filter-form {
  background: #FFFFF3;
  border: 1px solid #d9dcd5;
  padding: 20px;
  border-radius: 10px;
}
.blog-list-page .blog-content {
  /*.read-article {
          color: $blue;
          text-decoration: underline;

          &:hover {
              color: $blue-1;
          }
  }*/
}
.blog-list-page .blog-content p {
  margin: 10px 0;
}
.blog-list-page .blog-content p.blog-description {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  -webkit-box-orient: vertical;
}
.blog-list-page .blog-content .blog-meta span {
  color: #859095;
}

.blog-sidebar .search-box {
  position: relative;
  background: #004B49;
  padding: 10px;
  border-radius: 10px;
}
.blog-sidebar .search-box input {
  padding-right: 35px;
}
.blog-sidebar .search-box button {
  position: absolute;
  background: none;
  border: none;
  top: 19px;
  right: 12px;
  z-index: 1;
  cursor: pointer;
}
.blog-sidebar .category-list ul {
  display: flex;
  flex-direction: column;
  grid-gap: 5px;
  margin-top: 20px;
}
.blog-sidebar .category-list ul li {
  padding: 5px 0;
  border-bottom: 1px solid #d9dcd5;
}
.blog-sidebar .category-list ul li a {
  color: black;
}
.blog-sidebar .category-list ul li a:hover {
  color: #005467;
}

.blog-details .blog-content h1, .blog-details .blog-content h2, .blog-details .blog-content h3, .blog-details .blog-content h4, .blog-details .blog-content h4, .blog-details .blog-content h6 {
  margin: 15px 0;
}
.blog-details .blog-content p {
  margin: 15px 0;
}
.blog-details .blog-content ul, .blog-details .blog-content ol {
  padding: 0 0 0 20px;
}
.blog-details .blog-content ul li, .blog-details .blog-content ol li {
  list-style: disc outside;
  margin: 2px 0;
}
.blog-details .blog-content a {
  color: #004B49;
  text-decoration: underline;
  font-weight: 600;
}
.blog-details .blog-content a:hover {
  color: #005467;
  text-decoration: none;
}
.blog-details .blog-content img {
  border-radius: 10px;
  text-align: center;
}
.blog-details .blog-content .blog-hero-image {
  margin: 0 0 30px;
  text-align: center;
}
.blog-details .blog-content .blog-hero-image img {
  width: 100%;
  max-width: 670px;
  height: auto;
  border-radius: 14px;
  display: inline-block;
}
.blog-details .blog-meta span {
  color: #859095;
}

/* Sidebar Widget */
.recent-widget {
  background: #FFFFF3;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #d9dcd5;
  margin-top: 20px;
}
.recent-widget .recent-header {
  background: #004B49;
  color: #FFFFF3;
  padding: 14px 20px;
  font-weight: 600;
  font-size: 18px;
}
.recent-widget .post-card {
  padding: 15px;
  border-bottom: 1px dashed #d9dcd5;
}
.recent-widget .post-card .post-image img {
  width: 100%;
  border-radius: 6px;
}
.recent-widget .post-card .post-title {
  color: #004B49;
  font-size: 18px;
  font-weight: 600;
  margin-top: 10px;
  text-decoration: none;
  display: block;
}
.recent-widget .post-card .post-date {
  font-size: 13px;
  color: #859095;
}
.recent-widget .post-card .post-desc {
  font-size: 14px;
  margin-top: 5px;
}
.recent-widget .widget-footer {
  text-align: center;
  padding: 15px;
  /*a {
      text-decoration: none;
      font-weight: $fw-600;
      color: $blue;
  }*/
}

.pagination .page-link, .pagination span.paginate_button, .pagination .paging_simple_numbers .paginate_button, .paging_full_numbers .page-link, .paging_full_numbers span.paginate_button, .paging_full_numbers .paging_simple_numbers .paginate_button {
  color: #004B49;
  border: 1px solid #004B49;
  padding: 4px 10px;
  font-size: 15px;
  font-weight: normal;
}
.pagination .page-link:hover, .pagination span.paginate_button:hover, .pagination .paging_simple_numbers .paginate_button:hover, .paging_full_numbers .page-link:hover, .paging_full_numbers span.paginate_button:hover, .paging_full_numbers .paging_simple_numbers .paginate_button:hover {
  background: #004B49;
  color: #FFFFF3;
}
.pagination .page-item.active .page-link, .paging_full_numbers .page-item.active .page-link {
  background: #004B49;
  border-color: #004B49;
  color: #FFFFF3;
}
.pagination .page-item.disabled .page-link, .paging_full_numbers .page-item.disabled .page-link {
  color: #859095;
  border-color: #d9dcd5;
}

.paging_full_numbers {
  text-align: right;
}
.paging_full_numbers .first {
  border-radius: 5px 0 0 5px;
}
.paging_full_numbers .last {
  border-radius: 0 5px 5px 0;
}
.paging_full_numbers .paginate_button {
  margin-left: -1px;
  padding: 4px 10px;
}
.paging_full_numbers .paginate_active {
  background: #004B49;
  color: #FFFFF3;
  border: 1px solid #004B49;
  padding: 4px 10px;
  font-size: 15px;
  font-weight: normal;
}
.paging_full_numbers .paginate_button_disabled {
  color: #859095;
  border-color: #d9dcd5;
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: none;
}

/***************Static page css*******************/
.static-cms-page .banner-block__inner {
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  padding: 180px 0;
  color: #FFFFF3;
}
.static-cms-page .banner-block__inner h1 {
  text-align: left;
  margin: 30px 0px 10px 0px;
  text-shadow: 0 8px 20px rgba(0, 0, 0, 0.8);
  color: #FFFFF3;
  font-size: 70px;
}
.static-cms-page .banner-block__inner p {
  background: rgba(2, 33, 44, 0.15);
  padding: 10px;
  border-radius: 10px;
  font-size: 18px;
  font-weight: 500;
  color: #FFFFF3;
  max-width: 70%;
}
.static-cms-page h1 {
  font-size: 54px;
}
.static-cms-page h2 {
  font-size: 42px;
}
.static-cms-page img {
  max-width: 100%;
  height: auto;
}
.static-cms-page table {
  margin: 20px 0;
  width: 100%;
}
.static-cms-page table td {
  width: 50%;
  vertical-align: top;
}
.static-cms-page table td:first-child {
  padding-right: 20px;
}
.static-cms-page .rich-text-block h1, .static-cms-page .rich-text-block h2, .static-cms-page .rich-text-block h3, .static-cms-page .rich-text-block h4, .static-cms-page .rich-text-block h4, .static-cms-page .rich-text-block h6 {
  color: #004B49;
}
.static-cms-page .rich-text-block p {
  font-size: 16px;
  margin: 0 0 12px 0;
  display: inline-block;
  width: 100%;
}
.static-cms-page .rich-text-block a {
  text-decoration: underline;
}

.rich-text-block {
  padding: 30px 0;
}
.rich-text-block img {
  border-radius: 10px;
}
.rich-text-block h1, .rich-text-block h2, .rich-text-block h3, .rich-text-block h4, .rich-text-block h4, .rich-text-block h6 {
  margin: 15px 0;
}
.rich-text-block p {
  margin: 15px 0;
}
.rich-text-block ul, .rich-text-block ol {
  padding: 0 0 0 20px;
}
.rich-text-block ul li, .rich-text-block ol li {
  list-style: disc outside;
  margin: 2px 0;
}

/************************* schools a-z *********************/
.sortby_wrapper .btn.active {
  cursor: default;
  opacity: 0.5;
}

.sortby_a_z a {
  border: 1px solid #004B49;
  padding: 0px 5px 1px 5px;
  border-radius: 6px;
  min-width: 24px;
  display: inline-block;
  margin: 0 5px 5px 0;
}
.sortby_a_z a:hover, .sortby_a_z a.active {
  background: #004B49;
  color: #FFFFF3;
}
.sortby_a_z a.active {
  cursor: default;
}

.school-card .school-logo-hold {
  background: #ffffff;
  border-radius: 10px;
  display: inline-block;
  padding: 16px;
  margin-bottom: 15px;
  min-height: 192px;
  min-width: 212px;
}
.school-card .school-logo-hold img {
  max-width: 180px;
  max-height: 160px;
}

/*************************end*********************/
.job-filter .tab-content .jobsidenavigation .list-box {
  margin-top: 0;
}
.job-filter .tab-content .jobsidenavigation .list-box .list-option {
  padding: 0;
  background: none;
}
.job-filter .tab-content .jobsidenavigation .list-box .list-option > ul {
  display: block;
  max-height: inherit;
  margin: 0;
}
.job-filter .tab-content .jobsidenavigation .list-box .list-option > ul > li {
  margin-top: 15px;
}
.job-filter .tab-content .jobsidenavigation .list-box .list-option > ul > li .jobnavhead {
  color: #02212C;
  margin-bottom: 5px;
  font-size: 20px;
  font-family: "League Gothic", sans-serif;
  display: block;
  line-height: 24px;
  letter-spacing: 0.5px;
}
.job-filter .tab-content .jobsidenavigation .list-box .list-option > ul > li div:not(.sidereadmore, .nmore) {
  background: #d9dcd5;
  border-radius: 10px;
  position: relative;
  padding: 10px;
}
.job-filter .tab-content .jobsidenavigation .list-box .list-option > ul > li ul {
  max-height: 120px;
  overflow: auto;
  display: block;
}
.job-filter .tab-content .jobsidenavigation .list-box .list-option > ul > li ul li {
  margin: 5px 0;
  line-height: 14px;
}
.job-filter .tab-content .jobsidenavigation .list-box .list-option > ul > li ul li a {
  line-height: 14px;
  word-break: break-word;
}
.job-filter .tab-content .jobsidenavigation .list-box .list-option > ul > li ul li span {
  font-size: 12px;
}
.job-filter .tab-content .search-box .list-box .list-option ul {
  display: block;
}
.job-filter .tab-content .search-box .list-box .list-option ul li .form-check label {
  font-size: 12px;
  position: relative;
  top: -2px;
}

.dropdown-item.active {
  color: #FFFFF3;
  background: #004B49;
}

.owl-dots {
  text-align: center;
  margin-top: 10px;
}
.owl-dots .owl-dot {
  border: solid 2px #02212C !important;
  width: 12px;
  height: 12px;
  border-radius: 50px;
  margin-right: 10px;
}
.owl-dots .owl-dot.active {
  background: #02212C;
}

.faq-content {
  background: #004B49;
}
.faq-content h2 {
  color: #FFFFF3;
  margin: 0 0 20px;
}
.faq-content .faq-sec .accordion-item {
  border: solid 1px #FFFFF3;
  background: none;
  margin-bottom: 10px;
  border-radius: 10px;
  overflow: hidden;
}
.faq-content .faq-sec .accordion-item .accordion-header {
  padding: 0;
  margin-bottom: 0;
  background: #004B49;
  border: solid 1px #004B49;
  border-radius: 10px !important;
  color: #FFFFF3;
}
.faq-content .faq-sec .accordion-item .accordion-header button {
  padding: 15px 20px;
  color: #FFFFF3;
  font-weight: 500;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  background: none;
  box-shadow: none;
}
.faq-content .faq-sec .accordion-item .accordion-header button:after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fffff3' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.faq-content .faq-sec .accordion-item .accordion-header button:hover, .faq-content .faq-sec .accordion-item .accordion-header button:active, .faq-content .faq-sec .accordion-item .accordion-header button:focus {
  text-decoration: none;
  box-shadow: none;
}
.faq-content .faq-sec .accordion-body {
  background: #f5f5f5;
  color: #02212C;
  font-size: 16px;
  border-radius: 10px 10px 0 0;
  margin: 3px 0 0;
  padding: 15px 20px;
  line-height: 1.3;
}
.faq-content .faq-sec .accordion-body > :not(p:first-child) {
  margin-top: 8px;
}

/***********************UI dropdown css **********************/
.ui-menu {
  list-style: none;
  margin: 0;
  padding: 6px 0;
  background: #FFFFF3;
  border-radius: 10px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
  border: 1px solid #d9dcd5;
  max-height: 200px;
  max-width: 250px;
  overflow-y: auto;
  z-index: 1055;
}
.ui-menu .ui-menu-item {
  padding: 0;
}
.ui-menu .ui-menu-item .ui-menu-item-wrapper {
  display: block;
  padding: 5px 15px;
  font-size: 14px;
  color: #02212C;
  cursor: pointer;
  transition: all 0.2s ease;
  line-height: 18px;
}
.ui-menu .ui-menu-item .ui-menu-item-wrapper:hover, .ui-menu .ui-menu-item .ui-menu-item-wrapper.ui-state-active {
  background: #004B49;
  color: #FFFFF3;
  border-radius: 6px;
}
.ui-menu::-webkit-scrollbar {
  width: 6px;
}
.ui-menu::-webkit-scrollbar-thumb {
  background: #859095;
  border-radius: 10px;
}

.ui-state-disabled {
  color: #859095;
  pointer-events: none;
}

.cs-action-panel-popin {
  position: absolute;
  width: 200px;
  height: auto;
  background: #FFFFF3;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  transition: 0.3s;
  display: flex;
  flex-direction: column;
  right: 0;
  padding: 10px;
  border-radius: 10px;
  bottom: 10px;
  z-index: 9;
}
.cs-action-panel-popin > div {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 2px;
  justify-content: space-between;
}

/**************School Micro site***************/
.banner-sec {
  background: rgba(0, 0, 0, 0.5);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 5px 15px;
  grid-gap: 15px;
  text-transform: uppercase;
  flex-wrap: wrap;
  margin-top: 10px;
}
.banner-sec span,
.banner-sec a {
  display: flex;
  align-items: center;
  grid-gap: 8px;
  color: #FFFFF3;
}

.about-school {
  background: #004B49;
  color: #FFFFF3;
}
.about-school > div img {
  max-height: 400px;
  margin: 0 auto;
  display: block;
  border-radius: 10px;
}

.about-content p {
  line-height: 1.3;
  margin: 30px 0;
  color: #FFFFF3;
}

.find-job-role {
  background: #004B49;
}
.find-job-role h2 {
  margin-bottom: 30px;
  color: #FFFFF3;
}
.find-job-role .galary-box {
  margin-bottom: 30px;
  display: block;
}
.find-job-role .galary-box img {
  display: block;
  border-radius: 10px;
  object-fit: cover;
  height: 350px;
  width: 100%;
}

.become-teacher-inner {
  background: url(../images/Vacancies-banner.png) no-repeat;
  background-size: cover;
  border-radius: 10px;
  color: #FFFFF3;
  padding: 130px 30px 40px;
}
.become-teacher-inner h2 {
  margin-bottom: 20px;
}
.become-teacher-inner .text-end a {
  color: #FFFFF3;
  display: inline-block;
  margin-bottom: 8px;
}
.become-teacher-inner .text-end a:hover {
  text-decoration: underline;
}
.become-teacher-inner .owl-carousel .owl-nav {
  text-align: right;
  margin-top: 10px;
}
.become-teacher-inner .owl-carousel .owl-nav button {
  opacity: 0.8;
}
.become-teacher-inner .owl-carousel .owl-nav button:hover {
  opacity: 1;
}
.become-teacher-inner .owl-carousel .owl-nav button.owl-prev {
  background: url(../images/arrow-left.webp) no-repeat;
  width: 33px;
  height: 33px;
  text-indent: -9999px;
  margin: 0 10px;
}
.become-teacher-inner .owl-carousel .owl-nav button.owl-next {
  background: url(../images/arrow-right.webp) no-repeat;
  width: 33px;
  height: 33px;
  text-indent: -9999px;
}

.become-block {
  background: rgba(0, 75, 73, 0.7);
  border-radius: 10px;
  padding: 20px;
  color: #FFFFF3;
  display: block;
}
.become-block h4 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.become-block p {
  margin-top: 10px;
  font-size: 14px;
  min-height: 37px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.become-block span.button {
  background: #FFFFF3;
  padding: 5px 15px;
  border-radius: 10px;
  color: #004B49;
  margin-top: 15px;
  display: inline-block;
}
.become-block:hover {
  background: rgba(0, 75, 73, 0.9);
}

.our-curriculumn {
  padding-bottom: 165px;
}
.our-curriculumn-inner {
  position: relative;
}
.our-curriculumn-inner img {
  max-width: 740px;
  border-radius: 10px;
  width: 100%;
}
.our-curriculumn-inner .box {
  background: #005467;
  color: #FFFFF3;
  padding: 70px;
  border-radius: 10px;
  position: absolute;
  top: 150px;
  right: 0;
  max-width: 700px;
}
.our-curriculumn-inner .box p {
  margin: 40px 0 40px;
  min-height: 84px;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  display: -webkit-box;
  overflow: hidden;
}

.text-danger, .field-validation-error, .fb-errmsg {
  text-align: left;
  display: block;
  margin: 5px 0 0;
  font-size: 12px;
  color: #EA4200;
}

.custom-success-alert {
  background: linear-gradient(135deg, #e6f7f1, #d1fae5);
  border: 1px solid #a7f3d0;
  border-radius: 10px;
  padding: 15px 20px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
  animation: slideIn 0.4s ease;
  max-width: 600px;
  text-align: center;
  margin: 0 auto;
}
.custom-success-alert h4 {
  color: #065f46;
}
.custom-success-alert .icon-box {
  width: 50px;
  height: 50px;
  background: #10b981;
  color: #FFFFF3;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
.custom-success-alert .icon-box i {
  font-size: 24px;
}
.custom-success-alert .btn-close {
  filter: none;
  opacity: 0.6;
}
.custom-success-alert .btn-close:hover {
  opacity: 1;
}
.custom-success-alert p {
  margin: 10px 0;
  color: #02212C;
}
.custom-success-alert > div {
  flex-wrap: wrap;
}
.custom-success-alert > div > div {
  width: 100%;
}

/* Animation */
@keyframes slideIn {
  from {
    transform: translateY(-10px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
.statmsg {
  color: #EA4200;
  font-size: 14px;
  line-height: normal;
  margin: 5px 0 0;
}

/*****success job saved popup start*****/
.success-modal .modal-content {
  border-radius: 10px;
  border: none;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
  text-align: center;
  padding: 20px;
}

.success-icon {
  width: 40px;
  height: 40px;
  background: #004B49;
  color: #FFFFF3;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  margin: 0 auto 15px;
}

/*****success job saved popup end*****/
.white-bg-error {
  color: #FFFFF3 !important;
  font-size: 12px;
  text-align: left;
  line-height: 1.8;
  border: 1px solid #964D4E;
  display: block;
  padding: 0 8px;
  border-radius: 5px;
  background: #BA7172;
}
.white-bg-error > span, .white-bg-error > div {
  /*border: 1px solid #964D4E;
  display: block;
  padding: 3px 8px;
  border-radius: 5px;
  background: $errorred;*/
}
.white-bg-error:empty {
  display: none;
}

.cv-ser-result .refine-search-left h4 {
  margin-bottom: 10px;
}
.cv-ser-result .refine-search-left .refine-menu > li {
  border: 1px solid #d9dcd5;
  border-radius: 10px;
  margin-bottom: 15px;
  overflow: hidden;
}
.cv-ser-result .refine-search-left .refine-menu > li .refine-show {
  display: block;
  width: 100%;
  padding: 10px;
  background: #f5f5f5;
  font-size: 15px;
}
.cv-ser-result .refine-search-left .refine-menu > li .refine-show:before {
  content: "\f105";
  padding-right: 5px;
  font-family: FontAwesome;
  font-size: 16px;
  line-height: 0;
}
.cv-ser-result .refine-search-left .refine-menu > li .refine-show.down-image:before {
  content: "\f107";
  padding-right: 5px;
  font-family: FontAwesome;
  font-size: 16px;
}
.cv-ser-result .refine-search-left .refine-menu > li .sub-menu {
  padding: 10px 15px 15px;
}
.cv-ser-result .refine-search-left .refine-menu > li .sub-menu li a {
  font-size: 14px;
}
.cv-ser-result .refine-search-left .refine-menu > li .sub-menu li a:hover {
  color: #005467;
}
.cv-ser-result .jobs-hold .job-search-results-text {
  margin-bottom: 10px;
}
.cv-ser-result .jobs-hold .cv-result-hold .cv-bottom-hold {
  border-bottom: 1px solid #d9dcd5;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.cv-ser-result .jobs-hold .cv-result-hold .cvsearch-date {
  font-size: 13px;
  display: flex;
  margin: 0;
}
.cv-ser-result .jobs-hold .cv-result-hold .cvsearch-date dt, .cv-ser-result .jobs-hold .cv-result-hold .cvsearch-date dd {
  margin: 0;
}
.cv-ser-result .jobs-hold .cv-result-hold .current-loc, .cv-ser-result .jobs-hold .cv-result-hold .desired-loc {
  font-size: 14px;
  padding-top: 3px;
  padding-bottom: 3px;
}
.cv-ser-result .jobs-hold .cv-result-hold .current-loc strong, .cv-ser-result .jobs-hold .cv-result-hold .desired-loc strong {
  font-weight: 500 !important;
}
.cv-ser-result .right-float.more-div {
  position: relative;
}
.cv-ser-result .pagination {
  justify-content: center;
}
.cv-ser-result .pagination ul {
  display: flex;
  grid-gap: 5px;
  justify-content: center;
}
.cv-ser-result .pagination ul li a {
  border: 1px solid #d9dcd5;
  display: inline-block;
  padding: 3px 10px;
  color: #02212C;
}
.cv-ser-result .pagination ul li a.active {
  background: #004B49;
  border-color: #004B49;
  color: #FFFFF3;
}

.alert-danger, .alert-info, .alert-warning, .alert-success, .alert-primary, .alert-secondary, .alert-light, alert-dark {
  padding: 8px;
  font-size: 14px;
  margin-top: 1rem;
}

.tab-view {
  display: inline-block;
  border-radius: 3px;
  border: solid 1px #004B49;
  text-align: right;
  padding: 0;
  margin: 15px 0;
  float: right;
}
.tab-view a {
  font-size: 20px;
  padding: 3px 10px;
  float: left;
}
.tab-view a:focus {
  outline: none;
}
.tab-view .current a {
  background: #004B49;
  color: #FFFFF3;
}
.tab-view .map-view {
  border-right: solid 1px #004B49;
}

.dataTables_processing {
  color: #004B49 !important;
  height: 110px !important;
  left: 48%;
  top: 38%;
  position: fixed;
  z-index: 9999;
  border: 1px solid #ddd;
  -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
  box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.4);
  background: #FFFFF3;
  padding: 15px;
}
.dataTables_processing:before {
  content: url("/images/processing.gif");
  margin-right: 10px;
  line-height: 100%;
  width: 100%;
  text-align: center;
  padding: 10px;
  display: block;
}

.qus-mrk {
  color: #005467;
}

::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

::-webkit-scrollbar-track {
  background: #FFFFF3;
}

::-webkit-scrollbar-thumb {
  background: #859095;
}

.recruiter_main-hold .main-content {
  padding-left: 0;
}

#jobsSection .border.rounded, #candidateSection .border.rounded {
  background: #ffffff;
}

.filter-btns .btn-outline {
  margin-bottom: 5px;
  min-width: 34px;
}

.select2-selection {
  background-color: #FFFFF3;
  border-color: #FFFFF3 !important;
  border-radius: 10px;
  font-size: 14px;
  padding: 10px 15px !important;
  color: #02212C;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.select2-selection .select2-selection__choice {
  background: #FFFFF3 !important;
}

.select2-search__field {
  margin: 0 !important;
  height: 21px !important;
}

.select2-results__option--highlighted {
  background: #004B49 !important;
}

.table-custom table {
  border: solid 1px #859095;
}
.table-custom table tbody {
  min-height: 300px;
  max-height: 300px;
  overflow: auto;
  display: block;
}
.table-custom table tr {
  display: table;
  width: 100%;
}
.table-custom table .selectedRow td {
  background: #004B49;
  color: #FFFFF3 !important;
}

.user-action a {
  border: solid 1px #859095;
  padding: 4px;
  margin: 5px auto;
  display: block;
  width: 32px;
}

.sorting_disabled:after {
  display: none !important;
}
.sorting_disabled:before {
  display: none !important;
}

.ui-multiselect {
  background-color: #FFFFF3;
  border-color: #FFFFF3;
  border-radius: 10px;
  font-size: 14px;
  padding: 10px 15px !important;
  color: #02212C;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) !important;
  width: 100% !important;
}
.ui-multiselect .ui-icon {
  display: none;
}
.ui-multiselect:focus {
  color: #02212C;
  background-color: #FFFFF3;
  border-color: #0998b0;
  outline: 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.ui-multiselect-filter {
  margin-bottom: 10px;
}
.ui-multiselect-filter input {
  background-color: #FFFFF3;
  border-color: #FFFFF3;
  border-radius: 10px;
  font-size: 14px;
  padding: 5px 15px !important;
  color: #02212C;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) !important;
}

.ui-helper-reset .ui-icon {
  margin-top: 0;
}

.ui-corner-all input {
  margin-right: 10px;
}

.manage-jobs-actions li {
  width: 50%;
  padding: 5px;
  text-align: center;
  height: 35px;
  border-bottom: solid 1px #859095;
}
.manage-jobs-actions li:last-child {
  border-bottom: none;
}
.manage-jobs-actions li:nth-last-child(2) {
  border-bottom: none;
}
.manage-jobs-actions li:nth-child(odd) {
  border-right: solid 1px #859095;
}

.star-rating span {
  color: #bcbcba;
  margin-right: 2px;
}
.star-rating .checked {
  color: #e4c412;
}

.dropdown-item {
  cursor: pointer;
  text-transform: capitalize;
}

.broadcast-yes::after {
  display: inline-block;
  font-family: "bootstrap-icons";
  content: "\f272";
  margin-left: 0.5rem;
  vertical-align: middle;
  color: #0f9e63;
}

.broadcast-no::after {
  display: inline-block;
  font-family: "bootstrap-icons";
  content: "\f659";
  margin-left: 0.5rem;
  vertical-align: middle;
  color: #ed1d2d;
}

.candidate-icon {
  width: 60px;
  height: 60px;
  border-radius: 50px;
  object-fit: cover;
}

.applicant-details-tabs .nav-tabs {
  border: none;
  background: #FFFFF3;
  border-radius: 10px 10px 0 0;
  margin-top: 15px;
  padding: 0 15px;
}
.applicant-details-tabs .nav-tabs a {
  border: none;
  border-bottom: solid 2px #FFFFF3;
  font-size: 14px;
  font-weight: 600;
  padding: 12px 15px;
  background: #FFFFF3;
}
.applicant-details-tabs .nav-tabs a:hover {
  background: #FFFFF3;
  border-bottom-color: #004B49;
}
.applicant-details-tabs .nav-tabs a.active {
  background: #FFFFF3;
  border-bottom-color: #004B49;
}
.applicant-details-tabs .content-box {
  border-radius: 0 0 10px 10px;
}
.applicant-details-tabs .label-with-center-border {
  position: relative;
}
.applicant-details-tabs .label-with-center-border label {
  z-index: 1;
  display: inline-block;
  padding-right: 15px;
  width: auto;
  min-height: 24px;
  margin-bottom: 5px;
  background: #FFFFF3;
  position: relative;
  font-size: 16px;
}
.applicant-details-tabs .label-with-center-border .cross-line {
  position: absolute;
  height: 2px;
  width: 100%;
  background: #e6e8eb;
  top: 45%;
  left: 0;
  z-index: 0;
}
.applicant-details-tabs p {
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 1rem;
}
.applicant-details-tabs label {
  font-weight: 500;
  font-size: 14px;
}
.applicant-details-tabs .mart-15 {
  margin-top: 15px;
}
.applicant-details-tabs .app-detail-content {
  margin: 10px 0;
}

.application-list .manage-appln-left {
  width: 90%;
  position: relative;
}
.application-list .managejobs-actions {
  width: 10%;
  padding-left: 15px;
  position: relative;
}

.book-interview-modal .grey-box {
  position: relative;
  background: #f2f4f4;
  padding: 20px;
  margin: 0 0 15px 0;
  float: left;
  width: 100%;
  height: auto;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.book-interview-modal .grey-box .dl-horizontal dd {
  margin-left: 160px;
}
.book-interview-modal .grey-box .dl-horizontal dd label {
  margin-bottom: 10px;
}
.book-interview-modal .grey-box .dl-horizontal dt {
  width: 140px;
  float: left;
  clear: left;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.book-interview-modal .grey-box .dl-horizontal dt label {
  font-size: 15px;
  color: #000000;
  font-weight: 700;
  line-height: 1.6;
  margin: 0px 0 5px 0;
  width: 100%;
  position: relative;
  min-height: 24px;
}
.book-interview-modal .rotate-text {
  position: absolute;
  left: 0;
  height: 100%;
  top: 0;
  vertical-align: middle;
  text-align: center;
  margin: 0 auto;
  font-size: 24px;
  background: #eee;
  bottom: 0;
  padding: 10px;
}
.book-interview-modal .rotate-text .rotated {
  writing-mode: tb-rl;
  transform: rotate(-180deg);
  height: 100%;
  vertical-align: middle;
}
.book-interview-modal .fileContainer {
  position: relative;
  background: #FFFFFF;
  border-radius: 0.5em;
  float: left;
  padding: 20px;
  border: 3px dashed #d7d7d7;
  width: 100%;
  text-align: center;
  margin-top: 10px;
  outline: none;
}
.book-interview-modal .fileContainer [type=file] {
  cursor: inherit;
  display: block;
  opacity: 0;
  filter: alpha(opacity=0);
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  text-align: center;
  outline: none !important;
  padding: 65px 0 10px 35px;
}

.fc-button-group:has(.fc-dayGridMonth-button) {
  display: flex;
  flex-direction: row-reverse;
}

.fc-button-group .fc-button.fc-dayGridMonth-button,
.fc-button-group .fc-button.fc-timeGridWeek-button,
.fc-button-group .fc-button.fc-timeGridDay-button {
  width: 35px !important;
  height: 35px !important;
  padding: 0 !important;
  font-size: 0 !important;
  border: 1px solid #ddd !important;
  border-radius: 0;
  box-shadow: none !important;
  background-color: #FFFFF3 !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fc-button-group .fc-button.fc-dayGridMonth-button:hover,
.fc-button-group .fc-button.fc-timeGridWeek-button:hover,
.fc-button-group .fc-button.fc-timeGridDay-button:hover {
  background-color: #FFFFF3 !important;
}
.fc-button-group .fc-button.fc-dayGridMonth-button:focus,
.fc-button-group .fc-button.fc-timeGridWeek-button:focus,
.fc-button-group .fc-button.fc-timeGridDay-button:focus {
  box-shadow: none !important;
}
.fc-button-group .fc-dayGridMonth-button {
  border-radius: 0 5px 5px 0 !important;
  background: #fff url("../../Images/recruiter-ats/SVG/calendar-month.svg") center center no-repeat !important;
}
.fc-button-group .fc-dayGridMonth-button.fc-button-active {
  background: #859095 url("../../Images/recruiter-ats/SVG/calendar-month.svg") center center no-repeat !important;
}
.fc-button-group .fc-timeGridWeek-button {
  border-radius: 0 !important;
  background: #fff url("../../Images/recruiter-ats/SVG/calendar-week.svg") center center no-repeat !important;
}
.fc-button-group .fc-timeGridWeek-button.fc-button-active {
  background: #859095 url("../../Images/recruiter-ats/SVG/calendar-week.svg") center center no-repeat !important;
}
.fc-button-group .fc-timeGridDay-button {
  border-radius: 5px 0 0 5px !important;
  background: #fff url("../../Images/recruiter-ats/SVG/calendar-day.svg") center center no-repeat !important;
}
.fc-button-group .fc-timeGridDay-button.fc-button-active {
  background: #859095 url("../../Images/recruiter-ats/SVG/calendar-day.svg") center center no-repeat !important;
}

.fc-toolbar-title {
  font-size: 18px !important;
}

.fc-button-group .fc-button {
  background-color: transparent !important;
  border: 0 !important;
  color: #004B49 !important;
  text-transform: capitalize !important;
}
.fc-button-group .fc-button:focus {
  outline: none !important;
  box-shadow: none !important;
}

.fc-button-group button.fc-dayGridMonth-button,
.fc-button-group button.fc-timeGridWeek-button,
.fc-button-group button.fc-timeGridDay-button {
  position: relative;
}
.fc-button-group button.fc-dayGridMonth-button::before,
.fc-button-group button.fc-timeGridWeek-button::before,
.fc-button-group button.fc-timeGridDay-button::before {
  background: #000;
  color: #fff;
  bottom: 130%;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  font-size: 12px;
  padding: 3px 8px;
  border-radius: 3px;
  font-weight: 300;
  white-space: nowrap;
  display: none;
  z-index: 10;
}
.fc-button-group button.fc-dayGridMonth-button::after,
.fc-button-group button.fc-timeGridWeek-button::after,
.fc-button-group button.fc-timeGridDay-button::after {
  content: "";
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #000;
  bottom: 112%;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  display: none;
  z-index: 10;
}
.fc-button-group button.fc-dayGridMonth-button:hover::before, .fc-button-group button.fc-dayGridMonth-button:hover::after,
.fc-button-group button.fc-timeGridWeek-button:hover::before,
.fc-button-group button.fc-timeGridWeek-button:hover::after,
.fc-button-group button.fc-timeGridDay-button:hover::before,
.fc-button-group button.fc-timeGridDay-button:hover::after {
  display: block;
}
.fc-button-group button.fc-dayGridMonth-button::before {
  content: "Month";
}
.fc-button-group button.fc-timeGridWeek-button::before {
  content: "Week";
}
.fc-button-group button.fc-timeGridDay-button::before {
  content: "Day";
}
.fc-button-group button.fc-button-active {
  background: #000;
  color: #fff;
}

.calendar-left-hold {
  width: 100%;
  float: left;
  position: sticky;
  top: 89px;
  left: 25px;
  overflow-y: auto;
  transition: all 0s ease 0s;
  -moz-transition: all 0s ease 0s;
  -webkit-transition: all 0s ease 0s;
  bottom: 0;
}
.calendar-left-hold .card {
  margin-bottom: 15px;
  border-radius: 0;
  border-color: #dddddd;
}
.calendar-left-hold .card .card-header {
  background: #FFFFF3;
}
.calendar-left-hold .card .card-header a {
  font-size: 14px;
  width: 100%;
  position: relative;
  display: block;
}
.calendar-left-hold .card .card-header a:after {
  content: "\f282";
  position: absolute;
  right: 0px;
  top: -1px;
  font-family: "bootstrap-icons";
  font-size: 16px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.calendar-left-hold .card .card-header a.collapsed:after {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.calendar-left-hold .card .card-body .customcheck input {
  float: left;
}
.calendar-left-hold .card .selectize-input {
  background-color: #FFFFF3;
  border-color: #FFFFF3;
  border-radius: 10px;
  font-size: 14px;
  padding: 10px 15px;
  color: #02212C;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.calendar-left-hold .card .selectize-input:focus {
  color: #02212C;
  background-color: #FFFFF3;
  border-color: #0998b0;
  outline: 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.calendar-left-hold .card .card-header.no-arrow a:after {
  content: "";
}

.calendar-left-scroll {
  top: 89px;
}

/*.fc-toolbar .fc-prev-button, .fc-toolbar .fc-today-button, .fc-toolbar .fc-next-button {
    background: #ffffff !important;
}*/
.fc-center h2 {
  font-size: 16px !important;
  margin-left: 20px !important;
  margin-top: 3px !important;
}

.fc-unthemed .fc-content, .fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-list-view, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead {
  border-color: transparent !important;
}

.fc-slats table tr td.fc-widget-content {
  border-left: 1px solid #999999 !important;
  border-left-color: #999999 !important;
}

.fc-slats table tr td.fc-widget-content {
  border-bottom: 1px solid #e7d2d2 !important;
}

.fc-time-grid table tbody .fc-time {
  border-right: 1px solid #ddd !important;
  width: 100%;
}

.fc-slats table tr td.fc-widget-content.fc-axis.fc-time {
  border-bottom: 0 !important;
  font-weight: 600 !important;
}

.fc-slats table tr td.fc-widget-content {
  height: 66px;
}

.fc.fc-unthemed .fc-view-container {
  border: 1px solid #f1f1f1;
  padding: 0 20px 20px 20px;
}

.fc-view-container .fc-body {
  border: 0 hidden transparent !important;
}

.fc-month-view .fc-body .fc-row {
  height: 150px !important;
  position: relative;
}

.fc .fc-row .fc-content-skeleton td {
  overflow: visible;
  position: relative;
}

.fc-month-view .fc-day {
  border: 1px solid #dddddd !important;
}

.fc-unthemed .fc-disabled-day {
  background: #f1f1f1 !important;
}

.fc-unthemed .fc-disabled-day {
  background: #d7d7d7;
  opacity: 0.3;
}

.fc-row .fc-content-skeleton td, .fc-row .fc-helper-skeleton td {
  border-color: #dddddd !important;
  border-bottom-width: 1px !important;
  border-style: solid !important;
}

.fc-day-header {
  padding: 10px !important;
}

.fc-month-button, .fc-agendaWeek-button, .fc-agendaDay-button {
  background: #FFFFF3;
  border: solid 1px #dddddd;
  font-size: 0 !important;
  width: 35px !important;
  height: 35px !important;
}
.fc-month-button:after, .fc-agendaWeek-button:after, .fc-agendaDay-button:after {
  position: absolute;
  right: 8px;
  top: 5px;
  font-family: "bootstrap-icons";
  font-size: 16px;
}

.fc-month-button:after {
  content: "\f214";
}

.fc-agendaWeek-button:after {
  content: "\f1f3";
}

.fc-agendaDay-button:after {
  content: "\f1e8";
}

.fc-state-active {
  background: #004B49 !important;
  color: #FFFFF3 !important;
}

.calendar-right-hold {
  position: relative;
}

.ui-corner-all input {
  vertical-align: top;
}

.manage-jobs-actions li {
  width: 50%;
  padding: 5px;
  text-align: center;
  height: 35px;
  border-bottom: solid 1px #859095;
}
.manage-jobs-actions li:last-child {
  border-bottom: none;
}
.manage-jobs-actions li:nth-last-child(2) {
  border-bottom: none;
}
.manage-jobs-actions li:nth-child(odd) {
  border-right: solid 1px #859095;
}

.star-rating span {
  color: #bcbcba;
  margin-right: 2px;
}
.star-rating .checked {
  color: #e4c412;
}

.selecthold {
  width: 20px;
  display: block;
  cursor: pointer;
  font-size: 23px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  top: 25px;
  right: 15px;
  height: 20px;
  position: absolute;
}
.selecthold input {
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.selecthold input:checked ~ .checkmark {
  background-color: #004B49 !important;
  border: 0;
}
.selecthold .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px !important;
  width: 20px !important;
  background-color: #fff !important;
  border-radius: 50% !important;
  border: 1px solid #bbbbbb;
  border-radius: 50%;
}
.selecthold .checkmark:after {
  content: "";
  left: 7px;
  top: 3px;
  width: 6px;
  height: 11px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
}

.filter-result {
  display: table-cell;
  padding-left: 15px;
}
.filter-result li {
  padding: 3px 30px 3px 15px !important;
  background: #e2e3e5;
  border-radius: 50px;
  display: inline-block;
  position: relative;
  margin-right: 5px;
  margin-bottom: 10px;
  font-size: 13px;
}
.filter-result li .close-icon {
  background: #c2c3c7 !important;
  float: right;
  font-size: 0;
  right: 5px;
  z-index: 10;
  display: block;
  padding: 8px;
  border-radius: 50%;
  top: 4px;
  position: absolute;
}
.filter-result li .close-icon:after {
  font-family: "bootstrap-icons";
  font-size: 10px;
  content: "\f659";
  position: absolute;
  top: 1px;
  right: 3px;
}

.interviewers-block {
  list-style: none;
  float: left;
  position: relative;
  padding-left: 20px;
  margin-left: 10px;
  margin-bottom: 10px;
  margin-top: 3px;
  font-size: 13px;
}
.interviewers-block .interviewer-block {
  position: absolute;
  width: 13px;
  height: 13px;
  border-radius: 3px;
  top: 2px;
  left: 0px;
}

.top-filter-section {
  padding: 0px 10px 0 10px;
  border-bottom: solid 1px #dddddd;
  display: table;
  width: 100%;
}
.top-filter-section label {
  font-size: 14px !important;
  margin-bottom: 0 !important;
  line-height: 140%;
}
.top-filter-section .teal-text {
  -webkit-line-clamp: 2;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  max-width: 600px;
  word-wrap: break-word;
  white-space: pre-wrap;
}

.requirement-approver-list {
  float: left;
  width: 100%;
  margin-bottom: 10px;
  font-weight: 500;
  position: relative;
}
.requirement-approver-list dt {
  font-weight: 500;
  color: #000000;
  float: left;
  min-width: 130px;
  margin-right: 10px;
  position: absolute;
  left: 0;
}
.requirement-approver-list dd {
  float: left;
  margin-left: 130px;
  width: calc(100% - 130px) !important;
}
.requirement-approver-list:first-child dd {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  max-width: 100%;
}

.skillsinfo-edit {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 5px;
  margin-top: 10px;
}
.skillsinfo-edit li {
  background: #f5f5f5;
  border-radius: 8px;
  border: 1px solid #d9dcd5;
  padding: 5px 8px;
  display: flex;
  align-items: center;
  grid-gap: 5px;
  font-size: 13px;
  color: #004B49;
  font-weight: 600;
}

/******************Federation Post a Job *********************/
.federation-post h5 {
  margin-bottom: 5px;
}
.federation-post .select_reslt {
  flex-direction: inherit;
  flex-wrap: wrap;
}
.federation-post .savedraft-hold {
  display: flex;
  grid-gap: 5px;
  width: 100%;
  justify-content: space-between;
  z-index: 1;
  margin: 20px 0;
}
.federation-post .left-nav-main {
  position: sticky;
  position: -webkit-sticky;
  top: 117px;
}
.federation-post .left-nav-main .left-nav-hold {
  background: #FFFFF3;
  padding: 20px;
  height: auto;
  border-radius: 30px;
  z-index: 10;
}
.federation-post .left-nav-main .left-nav-hold ul li a {
  color: #02212C;
  font-size: 15px;
  font-weight: 600;
  line-height: 24px;
  width: 100%;
  padding: 8px 0;
}
.federation-post .left-nav-main .left-nav-hold ul li.active a {
  color: #004B49;
}
.federation-post .fileContainer {
  background: #FFFFF3;
  border-radius: 0.5em;
  padding: 30px;
  border: 3px dashed #d9dcd5;
  width: 100%;
  text-align: center;
  margin-top: 10px;
  outline: none;
}
.federation-post .fileContainer input {
  padding: 0;
}
.federation-post .pack-hold {
  width: 100%;
  text-align: center;
  display: flex;
  margin: 10px 0;
  padding: 30px;
  background: #FFFFF3;
  border: 1px solid #d9dcd5;
  border-radius: 6px;
  min-height: 175px;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  grid-gap: 15px;
}
.federation-post .pack-hold p {
  font-size: 18px;
  color: #02212C;
}
.federation-post .upgradeparchased .pack-hold {
  background: #004B49 url(../images/purchad-tag.png) top right no-repeat;
}
.federation-post .upgradeparchased .pack-hold p {
  color: #FFFFF3;
}
.federation-post .list-box {
  margin-top: 24px;
}
.federation-post .list-box h5 {
  color: #02212C;
  margin-bottom: 10px;
}
.federation-post .list-box .list-option {
  background: #FFFFF3;
  border-radius: 10px;
  position: relative;
  padding: 10px;
}
.federation-post .list-box .list-option .arrow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 12px;
  color: #859095;
}
.federation-post .list-box .list-option .arrow i {
  font-size: 14px;
  color: #859095;
}
.federation-post .list-box .list-option ul {
  max-height: 115px;
  overflow-y: auto;
  margin-top: 5px;
  scrollbar-width: thin;
  scrollbar-color: #9da3a1 transparent;
  /* custom scrollbar */
}
.federation-post .list-box .list-option ul::-webkit-scrollbar {
  width: 6px;
}
.federation-post .list-box .list-option ul::-webkit-scrollbar-thumb {
  background: #9da3a1;
  border-radius: 6px;
}
.federation-post .list-box .list-option ul li a {
  color: #02212C;
  font-size: 12px;
}
.federation-post .list-box .list-option ul li a:hover {
  color: #004B49;
}
.federation-post .start-date, .federation-post .end-date-icon {
  position: relative;
}
.federation-post .start-date .date-ico, .federation-post .end-date-icon .date-ico {
  display: block;
  position: absolute;
  top: 10px;
  right: 25px;
  pointer-events: none;
}

#tblacjbsdiv {
  margin-bottom: 10px;
}

.employer_home_banner {
  background: url(../images/employer/employer_home.png) no-repeat center;
  background-size: cover;
}

.employer_about_banner {
  background: url(../images/employer/about_banner.webp) no-repeat center;
  background-size: cover;
}

.employer_advertise_banner {
  background: url(../images/employer/advertise_banner.webp) no-repeat center;
  background-size: cover;
}

.employer_features_banner {
  background: url(../images/employer/additional_features_banner.webp) no-repeat center;
  background-size: cover;
}

.employer_campaigns_banner {
  background: url(../images/employer/campaigns_banner.webp) no-repeat center;
  background-size: cover;
}

/********* head teacher page css changes**********/
.headteacher-tabs-section .quote-sec p {
  color: #FFFFF3;
}
.headteacher-tabs-section .quote-sec h3 {
  min-height: 80px;
}

.vacancy-banner {
  min-height: inherit;
}

.about-school-content h3 {
  margin-bottom: 20px;
}

.about-school-content p {
  margin-bottom: 10px;
}
.about-school-content p a {
  color: #FFFFF3;
  text-decoration: underline;
}

.local-area-content ol li, .how-to-apply-content ol li {
  list-style: number;
}

input[type=password]::-ms-reveal {
  display: none;
}

.search-sort #menu1.btn-outline {
  white-space: nowrap;
}

/***********end***********/
/****Federation****/
.federation-dashboard .profile-card .profile-info .name {
  width: 85%;
  overflow: hidden;
  text-overflow: ellipsis;
}

/****Federation end****/
.job-description-right #jobLocationMap {
  display: none;
}
.job-description-right .owl-stage-outer .job-card .cs-action-panel-popin {
  top: auto;
  left: auto;
  bottom: 35px;
  right: 0;
}

@media (max-width: 1280px) {
  .education-sec .owl-carousel, .latest-blog .owl-carousel, .featured-sec .owl-carousel {
    padding: 0 30px;
  }
  .education-sec .owl-carousel .owl-nav, .latest-blog .owl-carousel .owl-nav, .featured-sec .owl-carousel .owl-nav {
    left: 0;
    width: 100%;
  }
}
@media (max-width: 1199px) {
  header .mainNav li {
    padding: 0 16px;
  }
  .find-form .search-box {
    width: calc(100% - 130px);
  }
  .find-form .home-search-btn input {
    min-width: 130px;
  }
  .featured-sec .block {
    padding: 25px;
  }
  .featured-sec .block .desc > div .btn {
    font-size: 13px;
    padding: 5px 10px;
  }
  .latest-blog .blog-block .bottom h4 {
    min-height: 57px;
  }
  .job-filter ul.nav .nav-link {
    font-size: 16px;
    padding: 5px 15px;
  }
  .text-video video {
    height: 120px;
  }
}
@media (max-width: 1100px) {
  header .mainNav li {
    padding: 0 10px;
  }
  .main-banner .banner-inner {
    max-width: 900px;
  }
}
@media (max-width: 1024px) {
  header .mainNav li a {
    font-size: 15px;
  }
  .main-banner .banner-inner {
    max-width: 850px;
  }
  .locations-slider .locations-slider-inner {
    padding: 0 40px;
  }
  .locations-slider .locations-slider-inner .location-box {
    margin: 20px;
  }
  .text-video video {
    height: 110px;
  }
  .education-sec .owl-carousel, .latest-blog .owl-carousel, .featured-sec .owl-carousel {
    padding: 0 10px;
  }
  .education-sec .owl-carousel .owl-nav button, .latest-blog .owl-carousel .owl-nav button, .featured-sec .owl-carousel .owl-nav button {
    filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.3));
  }
}
@media (min-width: 992px) {
  .mainNav li:hover > .submenu {
    display: block;
    animation: fadeUp 0.25s ease;
  }
  .shadow-left {
    box-shadow: -4px 1px 3px -5px rgba(2, 33, 44, 0.73);
    -webkit-box-shadow: -4px 1px 3px -5px rgba(2, 33, 44, 0.73);
    -moz-box-shadow: -4px 1px 3px -5px rgba(2, 33, 44, 0.73);
  }
  .only-desktop {
    display: block;
  }
  .only-mobile {
    display: none;
  }
  .cand-mobile-menu {
    display: none;
  }
  .cand-desktop-menu {
    display: block;
  }
}
@media (max-width: 991px) {
  .no-scroll {
    overflow: hidden;
  }
  .cand-mobile-menu {
    display: block;
  }
  .sub-nav.active:before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.2);
    display: block;
    z-index: -1;
  }
  .cand-desktop-menu {
    display: none;
  }
  body.hidden {
    overflow: hidden;
  }
  header {
    padding: 0;
    /*.top-right-btn {
        display: none;
    }*/
  }
  header .NavBar {
    position: static;
    border: none;
    max-width: 100%;
    transform: inherit;
    padding: 10px 0;
    min-height: 65px;
  }
  header .header-top-left {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }
  header .header-top-left .menu-toggle {
    display: block;
    background: none;
    width: auto;
    height: 26px;
    margin: 0;
    color: #004B49;
  }
  header ul.mainNav {
    float: none;
    width: 100%;
    display: block;
    position: fixed;
    top: 0;
    background: #FFFFF3;
    z-index: 99;
    max-height: 100vh;
    overflow: auto;
    min-height: 100vh;
    left: -100%;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -moz-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
    -o-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
    -webkit-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
    transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
  }
  header ul.mainNav li.mobile-top {
    display: block;
    padding: 10px;
    position: sticky;
    top: 0;
    z-index: 100;
    background: #FFFFF3;
  }
  header ul.mainNav li.mobile-top .m-top-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }
  header ul.mainNav li.mobile-top .m-top-inner a.close {
    float: none;
    width: auto;
    opacity: 1;
    text-shadow: none;
    color: #004B49;
  }
  header ul.mainNav li.mobile-top .m-top-inner a.close:hover {
    background: none;
  }
  header ul.mainNav li {
    font-size: 16px;
    display: block;
    padding: 8px 20px;
  }
  header .mainNav .mobile-top a.logo:hover {
    background: none;
  }
  header .mainNav li {
    padding: 15px 20px;
    margin: 0;
    height: auto;
  }
  header .mainNav li a {
    color: #02212C;
    padding: 0;
  }
  header .mainNav li:before {
    display: none;
  }
  header ul.mainNav.active {
    left: 0;
  }
  header .logo img {
    max-width: 80px;
  }
  header .mainNav li .submenu {
    position: static;
    box-shadow: none;
    background: #d9dcd5;
    margin: 0;
    border-radius: 8px;
    padding: 0;
    transition: all 0.5s;
    height: 0;
    visibility: hidden;
    opacity: 0;
    transform: rotateX(-100deg);
    display: block;
    overflow: hidden;
  }
  header .mainNav li .submenu:before {
    display: none;
  }
  header .mainNav li .submenu .submenu {
    margin-left: 12px;
  }
  header .mainNav li.open > .submenu {
    display: block;
    opacity: 1;
    visibility: visible;
    height: auto;
    transform: rotateX(0);
    margin: 5px 0;
  }
  header .mainNav li:has(ul) > a:after:after {
    content: "\f107";
    font-size: 12px;
    margin-left: 8px;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    transform: rotate(0deg);
    transition: 0.3s;
  }
  header .mainNav li.open > a::after {
    transform: rotate(-180deg);
  }
  header.fixed {
    position: fixed;
  }
  header .mainNav > li {
    /*&:last-child {
        display: block;
        border-top: 1px solid $blue;
        margin-top: 20px;
        padding-top: 30px;
    }*/
  }
  header .mainNav > li .social-icon h4 {
    color: #004B49;
    margin: 30px 0 10px;
  }
  header .mainNav > li .social-icon ul {
    max-width: 100%;
    grid-gap: 10px;
  }
  header .mainNav > li .social-icon ul li {
    padding: 0;
  }
  header .mainNav > li .social-icon ul li a {
    border-color: #004B49;
    color: #004B49;
  }
  header .mainNav .top-right-btn {
    display: flex;
    background: none;
    padding: 0;
    grid-gap: 10px;
  }
  header .mainNav .top-right-btn a {
    justify-content: center;
    width: auto;
    min-width: 150px;
  }
  header .mainNav .top-right-btn a:last-child {
    color: #FFFFF3;
  }
  header .right-menu {
    margin-left: 15px;
  }
  .sub-nav {
    position: fixed;
    top: 0;
    z-index: 9999;
    max-width: 300px;
    right: -100%;
    height: 100vh;
    min-width: 280px;
  }
  .sub-nav.active {
    right: 0;
  }
  .sub-nav .menu-close {
    position: absolute;
    right: 10px;
    top: 5px;
    color: #FFFFF3;
  }
  .sub-nav ul.nav {
    display: block;
    padding: 25px 0;
    overflow: auto;
  }
  .find-form {
    /*align-items: flex-end;*/
    flex-wrap: wrap;
  }
  .find-form .search-box {
    flex-wrap: wrap;
  }
  .find-form .search-box .home-search-hold {
    width: 100%;
  }
  .find-form .search-box .home-search-hold input {
    border-radius: 10px 0 0 0;
    border-right: none;
    border-bottom: 1px solid #d9dcd5;
  }
  .find-form .search-box .location {
    width: 60%;
  }
  .find-form .search-box .location input {
    border-radius: 0 0 0 10px;
  }
  .find-form .search-box .miles {
    width: 40%;
  }
  .main-banner {
    height: 75vh;
  }
  .main-banner .banner-inner {
    padding: 0 55px;
  }
  .top-search .top-search-tab ul.p-search-list {
    grid-column-gap: 10px;
  }
  .top-search .top-search-tab ul.p-search-list li {
    width: calc(50% - 20px);
  }
  .job-search-map .block {
    margin-top: 30px;
  }
  .social-icon ul li a {
    width: 35px;
    height: 35px;
  }
  .job-details-sec .about-job .top {
    flex-wrap: wrap;
  }
  .job-details-sec .about-job .top > div {
    max-width: 100%;
    margin-bottom: 30px;
  }
  .job-details-sec .about-job .top .job-slider {
    max-width: 100%;
    margin: 0;
  }
  .county-vertical-kent header .header-top-left .menu-toggle {
    /*color: $light-blue;*/
  }
  .county-vertical-kent header .mainNav > li:last-child {
    /*border-top: 1px solid $light-blue;*/
  }
  .county-vertical-kent header .mainNav > li.mobile-top .m-top-inner a.close {
    /*color: $light-blue;*/
  }
  .county-vertical-kent header .mainNav > li .social-icon h4 {
    color: #0998b0;
  }
  .county-vertical-kent header .mainNav > li .social-icon ul li a {
    border-color: #0998b0;
    color: #0998b0;
  }
  .county-vertical-kent .main-banner .slide-img img {
    /*height: 80vh;*/
  }
  .county-vertical-kent .career-hub .career-content {
    margin-bottom: 0;
    margin-top: 25px;
  }
  .main-content {
    padding-left: 0;
    padding-top: 65px;
  }
  .main-content header {
    width: 100%;
  }
  .sidebar {
    position: fixed;
    left: -250px;
    top: 0;
    height: 100%;
    z-index: 1050;
  }
  .sidebar.show {
    left: 0;
  }
  .overlay {
    display: none;
    position: fixed;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    z-index: 1040;
    top: 0;
  }
  .overlay.show {
    display: block;
  }
  .employer-header .mainNav {
    padding: 15px;
  }
  .employer-header .mainNav li.p-0 {
    margin-top: 15px;
  }
  .only-desktop {
    display: none;
  }
  .only-mobile {
    display: block;
  }
}
@media (max-width: 768px) {
  .text-video video {
    height: 85px;
  }
  .text-video .headline {
    font-size: 24px;
    gap: 15px;
    max-width: 80%;
    margin: 0 auto;
  }
  /***************Job listing page css*******************/
  .job-card .desc h4 a {
    min-height: auto;
    padding-bottom: 8px;
  }
  .job-card .desc .info-item p {
    height: auto;
  }
  .job-card .desc-text {
    min-height: auto;
  }
  /***************Static page css*******************/
  .static-cms-page .banner-block__inner {
    padding: 80px 0;
  }
  .static-cms-page .banner-block__inner p {
    font-size: 15px;
    max-width: 100%;
  }
  .static-cms-page table td {
    width: 100%;
    display: block;
  }
  .static-cms-page table td:first-child {
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  .find-form .search-box {
    width: 100%;
    grid-gap: 10px;
  }
  .find-form .search-box > div i {
    top: 15px;
  }
  .find-form .search-box input, .find-form .search-box select {
    padding: 13px;
    padding-left: 40px;
    font-size: 14px;
    border-radius: 10px;
  }
  .find-form .search-box .home-search-hold input {
    border-radius: 10px;
    border-right: none;
    border-bottom: none;
  }
  .find-form .search-box .location {
    width: 100%;
  }
  .find-form .search-box .location input {
    border-radius: 10px;
  }
  .find-form .search-box .miles {
    width: 100%;
  }
  .find-form .search-box .miles span.fa {
    top: 16px;
  }
  .find-form .home-search-btn {
    width: 100%;
    margin-top: 10px;
  }
  .find-form .home-search-btn img {
    margin-top: 21px;
  }
  .find-form .home-search-btn input {
    min-width: 60px;
    height: 47px;
    width: 100%;
    border-radius: 10px;
  }
  .main-banner {
    height: auto;
    /*padding: 80px 0;*/
  }
  .main-banner .location-sec .location-block.active {
    max-height: 280px;
  }
  .text-video video {
    height: 70px;
  }
  .record-sec .box {
    margin: 10px 0;
  }
  .record-sec .box span {
    font-size: 40px;
  }
  .get-in-touch {
    /* padding-top: 0;*/
  }
  .get-in-touch .get-in-touch-inner {
    grid-gap: 30px;
    flex-wrap: wrap;
    padding: 30px;
    background-size: cover;
  }
  .get-in-touch .get-in-touch-inner > div {
    width: 100%;
  }
  .get-in-touch .get-in-touch-inner .contact-info {
    width: 100%;
  }
  footer {
    padding-top: 30px;
  }
  footer img {
    max-width: 100px;
  }
  footer .f-menu {
    grid-column-gap: 5px;
    margin: 20px 0;
  }
  footer .f-menu li {
    margin-bottom: 5px;
  }
  footer .f-menu li a {
    font-size: 16px;
  }
  footer .social-icon {
    text-align: center;
  }
  footer .social-icon ul {
    justify-content: center;
    max-width: 100%;
  }
  .copyright {
    padding: 10px 0;
    margin-top: 20px;
  }
  .copyright p {
    font-size: 14px;
  }
  h1, h2, h3, h4, h5, h6 {
    line-height: 1;
  }
  .latest-blog .blog-block {
    margin: 0 20px;
  }
  .education-sec .block {
    flex-wrap: wrap-reverse;
  }
  .education-sec .block img {
    max-width: 100%;
    width: 100%;
    max-height: 300px;
  }
  .education-sec .block .desc h2 img {
    max-width: 40px;
  }
  .trusted-schools .trusted-logo.slider-wrapper .logo-slider {
    display: flex;
    gap: 20px;
    animation: scroll 30s linear infinite;
    width: max-content;
    align-items: center;
  }
  .job-list-top .search-sort {
    flex-wrap: wrap;
    margin: 20px 0;
  }
  .job-list-top .search-sort .search-box {
    max-width: 100%;
    width: 100%;
  }
  .job-list-top .search-sort .search-box + div {
    width: 100%;
  }
  .job-details-sec .job-details .desc {
    flex-wrap: wrap;
  }
  .job-details-sec .job-details .desc > div {
    width: 100%;
  }
  .job-details-sec .blue-bg .j-desc {
    flex-wrap: wrap-reverse;
  }
  .job-details-sec .blue-bg .j-desc > div {
    width: 100%;
  }
  .job-details-sec .blue-bg .j-desc > div.j-desc-right {
    width: auto;
    margin: 0 auto;
  }
  .grey-strip .only-desktop {
    flex-wrap: nowrap;
    padding: 5px 0;
    grid-gap: 15px;
    overflow: auto;
    white-space: nowrap;
  }
  .grey-strip .j-des-tab-link {
    border: 1px solid transparent;
    padding: 7px 10px;
    border-radius: 10px;
    font-size: 16px;
    margin: 0;
  }
  .grey-strip .j-des-tab-link.active {
    border: 1px solid #FFFFF3;
  }
  #testi_tab .content-section {
    padding: 0;
  }
  .county-vertical-kent .main-banner {
    height: 100%;
    /*.banner-inner {
        max-width: 550px;
        left: inherit;
        transform: translate(0, -50%);
        text-align: left;
        padding: 0;

        h1 {
            text-align: left;
        }
    }*/
  }
  .county-vertical-kent .main-banner .slide-img img {
    /*min-height: 450px;
    height: auto;
    max-height: 450px;*/
  }
  .our-curriculumn {
    padding-bottom: 20%;
  }
  .our-curriculumn .our-curriculumn-inner .box {
    padding: 50px;
    top: auto;
    right: 5%;
    max-width: 90%;
    bottom: -20%;
  }
  .details-hold dl dt {
    text-align: left;
  }
  .employer-static .content-section {
    padding: 25px 0;
  }
  .employer-static .mb-5 {
    margin-bottom: 30px !important;
  }
  .job-search-top-job .blue-bg .searchdeatilsinfo .col-12.col-md-4 {
    margin-bottom: 10px;
  }
  .job-search-top-job .blue-bg .searchdeatilsinfo .info-item.mb-0 {
    margin-bottom: 10px;
  }
  .job-search-top-job .blue-bg .bottom {
    flex-direction: column;
    grid-gap: 10px;
  }
  .job-search-top-job .blue-bg .bottom .action-buttons {
    width: 100%;
    justify-content: end;
  }
  #ApplicationData .thumbnail-list {
    flex-direction: column;
    gap: 15px !important;
    align-items: start !important;
  }
  #AboutMe .section-card .border .d-flex {
    flex-direction: column;
    gap: 15px !important;
    align-items: start !important;
  }
}
@media (max-width: 576px) {
  header .logo img {
    max-width: 65px;
  }
  .find-form {
    flex-wrap: wrap;
    position: relative;
    padding: 10px;
    max-width: 85%;
    margin: 0 auto;
  }
  .find-form .search-box {
    width: 100%;
  }
  .find-form .search-box > div i {
    left: 10px;
  }
  .find-form .search-box .home-search-hold input {
    padding-left: 35px;
  }
  .find-form .search-box .location {
    width: 100%;
  }
  .find-form .search-box .location input {
    padding-left: 35px;
  }
  .find-form .search-box .miles {
    width: 100%;
  }
  .find-form .home-search-btn {
    width: 100%;
  }
  .find-form .home-search-btn input {
    min-width: 100px;
    margin: 0 auto;
  }
  .job-list-top .search-sort .find-form {
    max-width: 100%;
  }
  .job-list-top .search-sort .search-box i {
    left: 10px;
    top: 15px;
  }
  .main-banner .banner-inner {
    padding: 0;
  }
  .main-banner .location-sec > span {
    font-size: 20px;
  }
  .top-search .top-search-tab .nav-tabs {
    grid-gap: 5px;
    justify-content: space-between;
  }
  .top-search .top-search-tab .nav-tabs .nav-link {
    padding: 5px 20px;
    font-size: 20px;
    min-width: 110px;
  }
  .top-search .top-search-tab .tab-pane {
    overflow: auto;
  }
  .top-search .top-search-tab ul.p-search-list {
    max-height: 200px;
    /*overflow: auto;*/
    padding-right: 10px;
    /*white-space: nowrap;
    flex-wrap: nowrap;*/
    display: inline-block;
    width: 100%;
    padding-bottom: 10px;
  }
  .top-search .top-search-tab ul.p-search-list li {
    width: 100%;
    display: inline-block;
    margin: 0 5px 0 0;
  }
  .testimonidal-sec .owl-stage-outer:before, .testimonidal-sec .owl-stage-outer:after {
    content: "";
    position: absolute;
    top: 0;
    width: 50px;
    height: 100%;
    z-index: 2;
    pointer-events: none;
  }
  .quote-sec {
    padding: 40px 60px;
    /*& > div {
        padding: 40px 60px;
    }*/
  }
  .quote-sec h3 {
    line-height: 1;
  }
  .quote-sec img {
    max-width: 55px;
  }
  .latest-blog .blog-block {
    margin: 0 10px;
  }
  .education-sec {
    /*padding-top: 0;*/
    /*.owl-carousel {
        .owl-nav {
            max-width: calc(100% - 50px);
        }
    }*/
  }
  .education-sec .block {
    margin: 10px;
    /*padding: 20px 25px;*/
  }
  .featured-sec .block {
    flex-wrap: wrap;
    margin: 15px;
    padding: 20px;
  }
  .featured-sec .owl-carousel .owl-nav {
    max-width: calc(100% - 10px);
  }
  .locations-slider .locations-slider-inner {
    padding: 0 50px;
  }
  .locations-slider .locations-slider-inner .location-box {
    padding: 20px;
  }
  .locations-slider .locations-slider-inner .location-box img {
    max-width: 180px;
    max-height: 40px;
  }
  .locations-slider .locations-slider-inner .location-box span {
    font-size: 20px;
  }
  .locations-slider .locations-slider-inner .location-box span span {
    font-size: 22px;
  }
  .locations-slider .owl-carousel .owl-nav button {
    width: 60px;
    height: 30px;
  }
  .locations-slider .owl-carousel .owl-nav button.owl-prev, .locations-slider .owl-carousel .owl-nav button.owl-next {
    background-size: 80%;
  }
  .text-video video {
    height: 50px;
  }
  .job-list-top .record-head {
    flex-wrap: wrap;
  }
  .job-details-sec .blue-bg .j-desc .j-desc-left {
    flex-wrap: wrap;
    grid-gap: 10px;
  }
  .job-details-sec .blue-bg .j-desc .j-desc-left > div {
    width: 100%;
  }
  .record-sec {
    padding: 20px 0;
  }
  .record-sec .box {
    margin: 20px 0;
  }
  .county-vertical-kent .education-sec .owl-carousel .owl-nav {
    max-width: 100%;
  }
  .boxtheme01 {
    padding: 30px;
  }
  .banner-sec {
    grid-gap: 10px;
  }
  .our-curriculumn .our-curriculumn-inner .box {
    padding: 30px;
  }
  .our-curriculumn .our-curriculumn-inner .box p {
    margin: 25px 0;
  }
  .online-application-form .app-btn-hold {
    flex-direction: column;
    gap: 15px;
  }
  .online-application-form .app-btn-hold .savedraft-hold {
    float: none;
  }
  .online-application-form .app-btn-hold .savedraft-hold a {
    width: 100%;
  }
  .application-confirmation {
    flex-direction: column;
  }
  .mobile-cand-info-btn .d-flex .btn-primary {
    display: none;
  }
  .selected-filters-wrapper .d-flex {
    flex-direction: column;
    gap: 10px !important;
    align-items: start !important;
  }
  #ApplicationData .thumbnail-list .col-md-9 .d-flex.gap-4 {
    flex-direction: column;
    gap: 15px !important;
    align-items: start !important;
  }
  #ApplicationData .thumbnail-list .col-md-9 .closed-job-text {
    position: static !important;
    margin-bottom: 15px;
  }
}
@media (max-width: 480px) {
  .text-video video {
    height: 35px;
  }
  .text-video .headline {
    font-size: 16px;
    gap: 10px;
    max-width: 92%;
  }
  .job-card .desc {
    flex-wrap: wrap;
    grid-gap: 0;
  }
  .job-list-top .search-sort .search-box {
    /*.form-control {
        padding-left: 30px;
    }*/
  }
  .job-list-top .search-sort .search-box .search-hold {
    width: calc(100% - 80px);
  }
  .job-list-top .search-sort .search-box .search-btn-hold {
    min-width: 80px;
  }
  .job-alert {
    right: auto;
    left: 0;
    max-width: 100%;
  }
  .job-alert:before {
    right: auto;
    left: 20px;
  }
  .no-result-nav {
    flex-direction: column;
    gap: 15px !important;
  }
  #shortlistdiv, .responsive-setting-buttons {
    display: flex;
    flex-direction: column;
    gap: 15px;
  }
  .interviews-filter-hold .inline-input {
    display: block;
    margin-right: 0;
  }
}