:root {
  --ms-py: 0.85rem;
  --primary-red-color: #E50000;
  --primary-green-color: #31795A;
  --primary-gray-color: #EDEDED;
  --primary-light-bg-color: #FF450010;
  --primary-black-color: #000000;
  --primary-btn-hover-color: #244034;
  --primary-white-color: #FFFFFF;
}
/*Filter Area */
.filter-area-tab {
  position: relative;
}
.filter-area-tab .border-20 {
  border-radius: 20px;
}
.filter-area-tab .btn-close {
  position: absolute;
  right: 15px;
  top: 15px;
  box-shadow: none;
}
.filter-area-tab .filter-header {
  background: #EFF6F3;
  padding-top: 25px;
  padding-bottom: 25px;
}
.filter-area-tab .filter-header:before {
  content: "\f282";
  font-family: "bootstrap-icons";
  width: 35px;
  height: 35px;
  line-height: 35px;
  font-size: 16px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.01);
  position: absolute;
  right: 25px;
  top: 27px;
  text-align: center;
  color: #31795A;
  transition: all 0.2s ease-in-out 0s;
}
.filter-area-tab .filter-header:not(.collapsed):before {
  transform: rotate(180deg);
}
.filter-area-tab .light-bg {
  background: #EFF6F3;
}
.filter-area-tab .main-title {
  font-size: 25px;
}
.filter-area-tab .filter-block.bottom-line {
  border-bottom: 1px solid rgba(49, 121, 90, 0.3);
}
.filter-area-tab .filter-title {
  font-size: 1em;
  position: relative;
  display: block;
}
.filter-area-tab .filter-title:not(.collapsed) {
  margin-bottom: 10px;
}
.filter-area-tab a.filter-title {
  padding-right: 22px;
  cursor: pointer;
  text-decoration: none;
}
.filter-area-tab a.filter-title:before {
  content: "\f4fe";
  font-family: "bootstrap-icons";
  width: 20px;
  height: 20px;
  border-radius: 50%;
  /* background: #31795A; */
  background-color: var(--primary-red-color);
  position: absolute;
  right: 0;
  top: 3px;
  text-align: center;
  line-height: 20px;
  color: #fff;
  transition: all 0.2s ease-in-out 0s;
}
.filter-area-tab a.filter-title:not(.collapsed):before {
  content: "\f2ea";
}
.filter-area-tab .nice-select {
  height: 45px;
  line-height: 45px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.65);
  border: 1px solid #EDEDED;
  border-radius: 7px;
  outline: none;
  box-shadow: none;
  padding: 0 15px 0 15px;
}
.filter-area-tab .nice-select:before {
  content: url(../images/icon/icon_49.svg);
  position: absolute;
  right: 10px;
  top: 8px;
  line-height: initial;
  transform: none;
}
.filter-area-tab .nice-select.open:before {
  transform: rotate(180deg);
  top: 17px;
}
.filter-area-tab .nice-select:after {
  display: none;
}
.filter-area-tab .nice-select .option {
  font-size: 1em;
  line-height: 32px;
}
.filter-area-tab .nice-select .list {
  padding: 5px 0;
  display: none;
  max-height: 250px;
  overflow-y: auto;
}
.filter-area-tab .nice-select.open .list {
  display: block;
}
.filter-area-tab .loccation-range-select {
  color: #31795A;
  font-size: 15px;
}
.filter-area-tab .loccation-range-select input[type=range] {
  background: #31795A;
  border-radius: 8px;
  height: 7px;
  width: 100%;
  outline: none;
  transition: background 450ms ease-in;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
}
.filter-area-tab .loccation-range-select input[type=range]::-webkit-slider-thumb {
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background: #fff;
  border: 2px solid #00BF58;
  cursor: pointer;
  pointer-events: auto;
  appearance: none;
  -webkit-appearance: none;
}
.filter-area-tab .loccation-range-select input[type=range]::-moz-range-thumb {
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background: #fff;
  border: 2px solid #00BF58;
  cursor: pointer;
  pointer-events: auto;
  appearance: none;
  -moz-appearance: none;
}
.filter-area-tab .filter-input li {
  position: relative;
}
.filter-area-tab .filter-input li label {
  display: block;
  position: relative;
  font-size: 15px;
  line-height: 35px;
  padding-left: 28px;
  transition: all 0.1s ease-in-out 0s;
}
.filter-area-tab .filter-input li label::before {
  content: "";
  width: 16px;
  height: 16px;
  line-height: 14px;
  border-radius: 3px;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  font-size: 12px;
  text-align: center;
  position: absolute;
  left: 0;
  top: 9px;
  font-family: "bootstrap-icons";
  font-weight: 900;
  transition: all 0.1s ease-in-out 0s;
}
.filter-area-tab .filter-input li label span {
  font-size: 11px;
  font-weight: 500;
  text-align: center;
  color: #FFFFFF;
  line-height: 20px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background:var(--primary-red-color);
  border: 1px solid var(--primary-red-color);
  float: right;
  margin-top: 7px;
}
.filter-area-tab .filter-input li input[type=checkbox] {
  position: absolute;
  opacity: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  left: 0;
  cursor: pointer;
}
.filter-area-tab .filter-input li input[type=checkbox]:checked + label:before {
  content: "\f633";
  background:var(--primary-red-color);
  color: #fff;
  border-color:var(--primary-red-color);
}
.filter-area-tab .filter-input li input[type=checkbox]:checked + label {
  background: rgba(49, 121, 90, 0.02);
}
.filter-area-tab .filter-input li:hover label {
  /* color: #fff;
  background: var(--primary-red-color); */
  color: var(--primary-red-color);
  background: #fff;
}
.filter-area-tab .filter-input .hide {
  display: none;
}
.filter-area-tab .filter-input.show .hide {
  display: block;
}
.filter-area-tab .more-btn {
  margin-top: 10px;
  color: #fff;
  font-size: 12px;
  line-height: 28px;
  font-weight: 500;
  cursor: pointer;
  background: var(--primary-red-color);
  text-align: center;
  border-radius: 5px;
  transition: all 0.2s ease-in-out 0s;
}
.filter-area-tab .more-btn i {
  font-size: 18px;
  vertical-align: -4px;
}
.filter-area-tab .more-btn:hover {
  background: #FFFFFF;
  color: var(--primary-red-color);
  border: 1px solid var(--primary-red-color);
}
.filter-area-tab .salary-slider {
  position: relative;
}
.filter-area-tab .salary-slider .price-input {
  width: 100%;
  margin: 0 0 10px;
  padding-top: 0px;
}
.filter-area-tab .salary-slider .price-input .currency {
  font-size: 11px;
  color: #000;
}
.filter-area-tab .salary-slider .price-input input {
  width: 45px;
  height: 20px;
  outline: none;
  font-size: 11px;
  text-align: center;
  color: #000;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 2px;
}
.filter-area-tab .salary-slider input[type=number]::-webkit-outer-spin-button,
.filter-area-tab .salary-slider input[type=number]::-webkit-inner-spin-button {
  appearance: none;
  -webkit-appearance: none;
}
.filter-area-tab .salary-slider .slider {
  height: 4px;
  position: relative;
  background: #fff;
  border-radius: 7px;
}
.filter-area-tab .salary-slider .slider .progress {
  height: 100%;
  left: 0;
  right: 70%;
  position: absolute;
  border-radius: 7px;
  background: var(--primary-red-color);
}
.filter-area-tab .salary-slider .range-input {
  position: relative;
}
.filter-area-tab .salary-slider .range-input input {
  position: absolute;
  width: 100%;
  height: 4px;
  top: -4px;
  background: none;
  pointer-events: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.filter-area-tab .salary-slider input[type=range]::-webkit-slider-thumb {
  height: 12px;
  width: 12px;
  border-radius: 50%;
  background: #fff;
  border: 2px solid #00BF58;
  cursor: pointer;
  pointer-events: auto;
  appearance: none;
  -webkit-appearance: none;
}
.filter-area-tab .salary-slider input[type=range]::-moz-range-thumb {
  height: 12px;
  width: 12px;
  border-radius: 50%;
  background: #fff;
  border: 2px solid #00BF58;
  cursor: pointer;
  pointer-events: auto;
  appearance: none;
  -moz-appearance: none;
}
.filter-area-tab .radio-filter li {
  position: relative;
  width: auto;
  margin: 0 2px 5px;
}
.filter-area-tab .radio-filter li label {
  position: relative;
  font-size: 11px;
  font-weight: 500;
  line-height: 20px;
  background: #fff;
  color: #31795A;
  border-radius: 30px;
  padding: 0 12px;
  transition: all 0.1s ease-in-out 0s;
}
.filter-area-tab .radio-filter li input[type=radio],
.filter-area-tab .radio-filter li input[type=checkbox] {
  position: absolute;
  opacity: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  left: 0;
  cursor: pointer;
}
.filter-area-tab .radio-filter li input[type=radio]:checked + label,
.filter-area-tab .radio-filter li input[type=checkbox]:checked + label {
  background: #31795A;
  color: #fff;
}
.filter-area-tab .input-box {
  height: 45px;
}
.filter-area-tab .input-box input {
  width: 100%;
  height: 100%;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.65);
  border: 1px solid #EDEDED;
  border-radius: 7px;
  padding: 0 35px 0 15px;
}
.filter-area-tab .input-box button {
  width: 50px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}

.filter-btn {
  font-size: 15px;
  color: #244034;
  width: 86px;
  height: 32px;
  border: 2px solid #244034;
  border-radius: 6px;
}
.filter-btn i {
  display: inline-block;
  font-size: 1.08em;
  vertical-align: -2px;
  margin-right: 2px;
}
.filter-btn:hover {
  background: #244034;
  color: #fff;
}

.upper-filter {
  position: relative;
}
.upper-filter .total-job-found{color: #000;}
.upper-filter .total-job-found span {
  /* color: rgba(0, 0, 0, 0.4); */
  color: var(--primary-red-color) !important;
}
.upper-filter .short-filter .nice-select {
  min-width: 154px;
  height: 32px;
  line-height: 30px;
  font-size: 13px;
  font-weight: 500;
  padding: 0 15px 0 15px;
  background: rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 30px;
}
.upper-filter .short-filter .nice-select:after {
  right: 14px;
}
.upper-filter .short-filter .nice-select .list {
  padding: 0;
}
.upper-filter .short-filter .nice-select .option {
  font-size: 1em;
}
.upper-filter .style-changer-btn {
  width: 35px;
  height: 35px;
  line-height: 15px;
  color: #000;
  font-size: 18px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  display: none;
}
.upper-filter .style-changer-btn:hover {
  color:var(--primary-red-color);
  background:  #fff;
  border-color: var(--primary-red-color);
}
.upper-filter .style-changer-btn.active {
  display: block;
}

.bg-color .upper-filter .nice-select {
  background: transparent;
  border-color: #244034;
}

.bg-color .upper-filter .style-changer-btn {
  border-color: #244034;
}

.popUpModal .modal-content {
  border-radius: 15px;
}
.popUpModal .modal-content.filter-area-tab .input-box input, .popUpModal .modal-content.filter-area-tab .nice-select {
  background: #FAFAFA;
  border-color: #EDEDED;
}
.popUpModal .modal-content.filter-area-tab .salary-slider .slider {
  background: #EFEFEF;
}
.popUpModal .modal-content .btn-close {
  position: absolute;
  right: 15px;
  top: 15px;
  box-shadow: none;
  z-index: 1;
}

/*End Filter Area*/
.dragArea:first-child {
  padding-left: 0px;
}

.dragArea {
  margin-top: 10px;
  min-height: 10px;
  padding-left: 20px;
  padding-bottom: 10px;
}

.dragArea li {
  list-style: none;
  cursor: move;
}

.validation-errors {
  position: fixed;
  top: 2rem;
  right: 2rem;
  padding: 1rem;
  background-color: white;
  z-index: 999999;
  border-radius: 5px;
  width: 25rem;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.dark .validation-errors {
  background-color: rgb(31, 41, 55);
}

.validation-errors-user {
  position: fixed;
  top: 2rem;
  right: 2rem;
  box-shadow: 3px 3px 8px 1px #00000063;
  padding: 13px 20px;
  background-color: #ff0000e0;
  z-index: 999999;
  border-radius: 8px;
}

.error-list {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
}

.error-list p {
  color: white;
  margin-top: 2px;
  margin-bottom: 0;
}

.validation-errors div p {
  margin-top: 1rem;
  color: rgb(255, 0, 0);
}

.slide-right-enter-active,
.slide-right-leave-active {
  transition-duration: 0.4s;
  transition-property: opacity, transform;
  transition-timing-function: ease;
}

.slide-right-enter-from,
.slide-right-leave-to {
  transform: translateX(100%);
  opacity: 0;
}

.ck.ck-editor__main>.ck-editor__editable {
  min-height: 300px;
}

.dark .ck.ck-editor__main>.ck-editor__editable {
  --ck-color-base-background: rgb(30, 41, 59);
  background: var(--ck-color-base-background);
}

.dark .ck.ck-editor__main>.ck-editor__editable:not(.ck-focused) {
  --ck-color-base-border: rgb(103, 123, 142);
  border: 1px solid var(--ck-color-base-border);
}

.dark .ck-reset_all :not(.ck-reset_all-excluded *), .ck.ck-reset, .ck.ck-reset_all {
  background: rgb(15, 23, 42);
}

.dark .ck-reset_all :not(.ck-reset_all-excluded *), .ck.ck-reset_all {
  color: #eff6f3;
}

.ck.ck-label.ck-voice-label {
  display: none;
}

.ai-ck-section .ck.ck-editor__main>.ck-editor__editable {
  min-height: 430px;
  max-height: 500px;
}

.ai-ck-section .ck.ck-toolbar {
  border: none;
}

.ai-ck-section .ck.ck-content {
  border: none;
}

.ai-ck-section .ck.ck-content.ck-focused {
  border: none;
}

.ai-ck-section .ck.ck-editor__editable.ck-focused:not(.ck-editor__nested-editable) {
  border: none;
  box-shadow: none;
}

.ai-ck-section .ck.ck-balloon-panel.ck-balloon-panel_visible .ck.ck-powered-by {
  display: none;
}

.c-input-label {
  display: block;
  font-size: 15px;
  font-weight: 500;
  color: #254035;
  margin-bottom: 10px;
}

.max-h-26-r {
  overflow-y: auto;
  max-height: 26rem;
}

.max-h-22-r {
  overflow-y: auto;
  max-height: 22rem;
}

.company-i-pt-3 {
  padding-top: 3rem;
}

.fade-enter-active,
.fade-leave-active {
  transition-duration: 0.2s;
  transition-property: opacity;
  transition-timing-function: linear;
}

.fade-enter-from,
.fade-leave-to {
  opacity: 0;
}

.c-modal-container {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 100000;
  background-color: rgba(0, 0, 0, 0.205);
  display: grid;
  place-items: center;
}

.c-modal-content {
  width: 33%;
}

.c-modal-content h6 {
  font-size: 1.5rem;
  font-weight: 600;
}

.c-modal-content p {
  font-size: 1.1rem;
  font-weight: 400;
}

.c-modal-content .exclamation {
  width: 100px;
  height: 100px;
  border-radius: 50px;
  border: 5px solid rgb(248, 191, 142);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}

.c-modal-content .exclamation span {
  font-size: 3rem;
  color: rgb(248, 191, 142);
}

.c-model-btn-container {
  display: flex;
  justify-content: center;
  column-gap: 0.5rem;
}

@media (max-width: 768px) {
  .c-modal-content {
    width: 90%;
  }
}

.text-fs-sm {
  font-size: 0.85rem;
}

.expertSectionImg {
  height: 400px;
  width: 280px;
  object-fit: cover;
}

.filter-currency {
  position: relative;
  margin-left: 10px;
}

.filter-currency .nice-select {
  min-width: 150px;
  height: 25px;
  line-height: 22px;
  font-size: 11px;
  padding: 0 10px 0 10px;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 10px;
}

.filter-currency .nice-select:before {
  right: 10px;
  top: 10%;
}

.filter-currency .nice-select.open:before {
  transform: rotate(180deg);
  top: 16%;
}

.filter-currency .nice-select .list {
  padding: 0;
}

.filter-currency .nice-select .option {
  font-size: 0.6rem;
  line-height: 1.5rem;
}

.payment-container {
  background-color: rgb(235, 255, 255);
}

.payment-container .gateways {
  padding: 0 12px;
}

.job-list-one,
.job-list-two,
.job-list-three {
  position: relative;
  overflow: hidden;
}
.job-list-one.style-two{
  width: 49%;
  margin-left: 1%;
  float: left !important;
}
.job-list-one.favourite::before,
.job-list-two.favourite::before,
.job-list-three.favourite::before {
  content: '';
  position: absolute;
  width: 60px;
  height: 60px;
  /* background: #31795a; */
  background-color: var(--primary-red-color);
  top: -30px;
  left: -30px;
  transform: rotate(45deg);
}

.job-list-one.favourite::after,
.job-list-two.favourite::after,
.job-list-three.favourite::after {
  content: '\f586';
  font-family: bootstrap-icons !important;
  position: absolute;
  color: #fff;
  font-size: 14px;
  top: 2px;
  left: 7px;
}
.job-listing-three.bg-color{background-color: #FFFFFF;}
.spinner_btn_img {
  height: 25px;
}
.job-list-three .main-wrapper .apply-btn{background-color: var(--primary-red-color);color: var(--primary-white-color);border: 1px solid var(--primary-red-color); text-decoration: none;}
.job-list-three .main-wrapper .apply-btn:hover{background-color: var(--primary-white-color);color: var(--primary-red-color);border: 1px solid var(--primary-red-color);}
.job-list-three .main-wrapper .title{text-decoration: none;}
.job-list-three .main-wrapper .title:hover{color: var(--primary-red-color); text-decoration: none;}

.job-list-two.style-two .job-duration,.job-list-two .title{text-decoration: none;}
.job-list-two.style-two .apply-btn{background-color: var(--primary-red-color);color: var(--primary-white-color);border: 1px solid var(--primary-red-color); text-decoration: none;}
.job-list-two.style-two .apply-btn:hover{background-color: var(--primary-white-color);color: var(--primary-red-color);border: 1px solid var(--primary-red-color);}
.job-list-two.style-two:hover{background-color: var(--primary-white-color);}
.job-list-two .job-salary{color: var(--primary-red-color);font-weight: 500;}
.no-data-found-img {
  max-height: 100px;
}

.category-section-img {
  max-height: 100px;
}

section.candidates-profile .cadidate-avatar img.rounded-circle,
.candidate-avatar-rounded img {
  height: 80px;
  width: 80px;
  object-fit: cover;
}



.skeleton {
  animation: skeleton-loading 1s linear infinite alternate;
  width: 100%;
  padding: 10px;
  border-radius: 10px;
}

@keyframes skeleton-loading {
  0% {
    background-color: hsl(0, 0%, 100%);
  }

  100% {
    background-color: hsl(0, 0%, 95%);
  }
}

.skeleton-line {
  background: rgb(232, 232, 232);
  width: 100%;
  min-height: 0.7rem;
  border-radius: 8px;
}

.emoji-backdrop {
  width: 100vw;
  height: 100vh;
  background: transparent;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
}

.m-emoji-container {
  position: absolute;
  bottom: 3rem;
  left: 5.5rem;
  z-index: 1001;
}


.paginate-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: end;
  gap: 6px;
}

.paginate-link {
  padding: 5px 12px 7px 12px;
  font-size: 14px;
  border-radius: 5px;
}

.paginate-link-null {
  color: #8e8e8e;
}

.paginate-link-active {
  color: inherit;
  text-decoration: none;
}

.paginate-link-active:hover {
  background-color: #8B5CF6;
  color: white;
}

.paginate-link-active:focus {
  border-color: #6b44c7;
}

.paginate-link-active-bg {
  background-color: #8B5CF6;
  color: white;
}

.dark .multiselect-dark {
  --ms-bg: rgba(23, 22, 22, 0.1);
  --ms-tag-bg: rgba(15, 23, 42, 0.6);
  --ms-dropdown-bg: rgb(30, 41, 59);
}

.dark .multiselect-tags-search {
  background-color: rgb(30, 41, 59);
}

.dark .multiselect-dark [type='text']:focus {
  --tw-ring-color: rgba(23, 22, 22, 0);
  outline: 0px solid var(--tw-ring-color);
}

.ai-template-multiselect {
  --ms-py: 0.5rem;
}

.fs-7 {
  font-size: 0.8rem;
}

.candidate-card-bg {
  border-radius: 20px;
  padding: 20px;
  background: #eff6f3
}

.review-avatar-img {
  max-height: 60px;
}

.loader-img {
  height: 25px;
}

.main-page-wrapper .header-bg-color {
  background-color: white;
}

.main-page-wrapper .inner-banner-colors {
  background-color: white;
  color: rgb(11, 19, 15);
}

.main-page-wrapper .inner-breadcrumb-colors {
  background-color: white;
  color: rgb(11, 19, 15);
  padding-bottom: 80px;
}

.main-page-wrapper .inner-banner-one.inner-banner-colors h2,
.main-page-wrapper .inner-banner-one.inner-banner-colors p {
  color: rgb(11, 19, 15);
}

.main-page-wrapper .inner-banner-one.inner-breadcrumb-colors h2,
.main-page-wrapper .inner-banner-one.inner-breadcrumb-colors li,
.main-page-wrapper .inner-banner-one.inner-breadcrumb-colors .post-date {
  color: rgb(11, 19, 15);
}

.main-page-wrapper .inner-banner-one.inner-breadcrumb-colors li a:hover {
  color: rgb(11, 19, 15);
}

.main-page-wrapper .inner-banner-one h2,
.main-page-wrapper .inner-banner-one p {
  color: rgb(255, 255, 255);
}

.main-page-wrapper .inner-banner-one.inner-breadcrumb-colors .share-buttons li a {
  background-color: rgba(4, 4, 4, 0.6);
}

.main-page-wrapper .inner-banner-one.inner-breadcrumb-colors .candidate-profile-card * {
  color: rgba(4, 4, 4, 0.6);
}

.main-page-wrapper .inner-banner-one.inner-breadcrumb-colors .cadidate-skills li,
.main-page-wrapper .inner-banner-one.inner-breadcrumb-colors .cv-download-btn {
  background-color: rgba(70, 70, 70, 0.8);
  color: #f8f8f8;
}

.main-page-wrapper .inner-banner-one.inner-breadcrumb-colors .save-btn {
  background-color: rgba(216, 216, 216, 0.8);
}


.main-page-wrapper .inner-banner-one.inner-breadcrumb-colors .candidate-profile-card .candidate-name {
  color: rgb(6, 6, 6);
}

.main-page-wrapper .inner-banner-one .candidate-profile-card .candidate-name {
  color: rgb(255, 255, 255);
}

.w-60px {
  width: 60px;
}

.p-70px {
  padding: 70px 0;
}

.h-25px {
  height: 25px;
}

.select-input-degree {
  padding: 14px 10px;
}

.m-h-40px {
  max-height: 40px
}

.b-radius-30 {
  border-radius: 30px;
}

.none {
  display: none;
}

/* Theme Settings */
#homepage h6 {
  margin-top: 20px;
  padding: 10px 0;
  text-align: center;
  border-radius: 10px 10px 0 0;
  font-weight: bold;
}

#homepage h6:first-child,
#homepage h6:last-child {
  margin-top: unset;
}

#homepage h6+div {
  padding: 10px;
  border-radius: 0 0 10px 10px;
}

.skeleton {
  animation: skeleton-loading 1s linear infinite alternate;
  width: 100%;
  padding: 10px;
  border-radius: 10px;
}

@keyframes skeleton-loading {
  0% {
    background-color: hsl(0, 0%, 100%);
  }

  100% {
    background-color: hsl(0, 0%, 95%);
  }
}

.skeleton-line {
  background: rgb(232, 232, 232);
  width: 100%;
  min-height: 0.7rem;
  border-radius: 8px;
}

.chart-filter-area a {
  border-radius: 15px;
  font-size: 10pt;
  padding: 5px 15px;
}

.chart-filter-area a.active {
  background-color: #3f634d;
  color: white;
}

.navbar .dropdown-menu:before {
  content: '';
}
/*#ce9422*/
.top-header .logo a >img{width: 17% !important;}
.footer-intro .logo a >img{width: 100% !important;}
.top-header .order-lg-0{width: 40%;}
/*Color Code Changes as per logo color*/
.faq-section .bg-wrapper{background: #f0d6a2;}
.footer-one .footer-newsletter form button{background:#ff0000e0;}
.filter-area-tab .light-bg{background: var(--primary-white-color);border: 1px solid var(--primary-red-color);}
.offcanvas.offcanvas-start{border: none;}
.filter-area-tab a.filter-title:before{background: var(--primary-red-color);border-color: var(--primary-red-color);}
.accordion-style-one.color-two .accordion-button{color: #ce9422;}
.card-style-two .icon{background: #f0d6a2;}
.how-it-works.bg-color{background: #ce9422;}
.title-one h2{color:#ce9422 !important;}

/*.btn-four,.btn-one,.btn-eleven,.btn-three,.btn-five{background: #ff0000e0;color: #1e1e1e;}*/
/* .btn-four,.btn-one,.btn-eleven,.btn-three,.btn-five{background: rgb(229, 36, 73);}
.btn-four:hover,.btn-one:hover,.btn-three:hover{background: #ce9422;}
.btn-five:hover{background: #ce9422;} */

.btn-four,.btn-one,.btn-eleven,.btn-three,.btn-five{background: var(--primary-red-color);color: #fff; border: 1px solid var(--primary-red-color);text-decoration: none;}
.btn-four:hover,.btn-one:hover,.btn-three:hover{background: #FFFFFF;color: var(--primary-red-color);border: 1px solid var(--primary-red-color);}
.btn-five:hover{background: #FFFFFF;color: var(--primary-red-color);border: 1px solid var(--primary-red-color);}

.card-style-two p{color: #1e1e1e;}
.counter-block-one h2.main-count{color:#ce9422;}
.text-feature-three .video-post .video-icon{background: #ce9422;}
.title-three h2.color-blue{color: #ce9422;}
.card-style-one .wrapper .title{color: #ce9422;}
/* .job-search-one form .search-btn{background: var(--primary-gray-bg);} */
.job-search-one form .input-box .label{color: var(--primary-red-color);font-weight: bold;}
.job-search-one form .search-btn{background: var(--primary-red-color);color: var(--primary-white-color);}
.registration-section{background:var(--primary-gray-bg);}
/* .user-data-form h2{color: #ce9422;color: #1e1e1e;} */
.user-data-form h2{font-weight: bold;color: var(--primary-red-color);}
.user-data-form p a{color: var(--primary-red-color);text-decoration: none;}
.user-data-form .agreement-checkbox label a{color: #1e1e1e;}
.address-block-one p .call{color: #ce9422;}
/*.user-data-form .form-wrapper .input-group-meta label{color:var(--primary-red-color);font-weight: bold;}
 .user-data-form .form-wrapper .input-group-meta input{background-color: rgba(255, 56, 60, 0.09);border: 1px solid var(--primary-red-color);} */
 .user-data-form .form-wrapper .input-group-meta label{color:var(--text-black-color);font-weight: bold;}
.user-data-form .form-wrapper .input-group-meta input{background-color: rgba(255, 56, 60, 0.09);}
.user-data-form .nav .nav-item .nav-link:not(.active){color:var(--primary-white-color) !important;background: var(--primary-red-color);border: 1px solid var(--primary-red-color);}
.user-data-form .nav .nav-item .nav-link.active{background: var(--primary-white-color);color: var(--primary-red-color);border: 1px solid var(--primary-red-color);}
.inner-banner-one{background-color: var(--primary-gray-bg);}
.inner-banner-one .page-pagination li{color: var(--primary-red-color);}
.inner-banner-one .page-pagination li a{color: #000000;text-decoration: none;}
.inner-banner-one .page-pagination li a:hover{color: var(--primary-red-color);text-decoration: none;}


.title-two h2{color: var(--primary-red-color);}

/*admin panel css*/

.dash-aside-navbar .dasboard-main-nav li a{color: var(--primary-black-color);text-decoration: none;padding: 15px 5px 15px 15px;}
.dash-aside-navbar .dasboard-main-nav li a:hover{background: var(--primary-red-color);color: var(--primary-white-color);padding: 15px 5px 15px 15px;}
.dash-aside-navbar .dasboard-main-nav li a.active{background: var(--primary-red-color);color: var(--primary-white-color);padding: 15px 5px 15px 15px;}
.dash-aside-navbar .profile-complete-status .progress-line{background: var(--primary-black-color);}
.dash-aside-navbar .profile-complete-status .progress-line .inner-line{background: var(--primary-red-color);}

.dashboard-body .tab-filter-btn .nav-link:not(.active){color: var(--primary-white-color) !important;background: var(--primary-red-color);border: 1px solid var(--primary-red-color);}  
.dashboard-body .tab-filter-btn .nav-link.active{background: var(--primary-white-color);color: var(--primary-red-color);border: 1px solid var(--primary-red-color);}

.dashboard-body .main-title,.dashboard-body .dash-title-two,.dashboard-body .recent-job-tab .wrapper .job-item-list .job-title{color: var(--primary-red-color);}
.dashboard-body .recent-job-tab .wrapper .job-item-list .job-title h6 a{color: var(--primary-red-color);text-decoration: none;}
.dashboard-body .recent-job-tab .wrapper .job-item-list .job-title h6 a:hover{color: var(--primary-black-color);text-decoration: none;}
.chart-filter-area a{background-color: var(--primary-red-color);color: var(--primary-white-color);border: 1px solid var(--primary-red-color);text-decoration: none;}
.chart-filter-area a:hover{background-color: var(--primary-white-color);color: var(--primary-red-color);border: 1px solid var(--primary-red-color);text-decoration: none;}
.chart-filter-area a.active{background-color: var(--primary-white-color);color: var(--primary-red-color);border: 1px solid var(--primary-red-color);text-decoration: none;}
.dashboard-body .dashboard-header,.dashboard-body{background: var(--primary-gray-bg);}
.dashboard-body .user-avatar-setting .upload-btn{background: var(--primary-gray-bg);}
.dashboard-body .user-avatar-setting .upload-btn:hover{background: #ce9422;color:#1e1e1e;}
.dashboard-body .dash-card-one .icon{background: var(--primary-white-color);}
.dashboard-body .dash-card-one .value{color: var(--primary-black-color);}
.dashboard-body .dash-card-one span{color: var(--primary-red-color);}

.dashboard-body .dash-btn-two{background: var(--primary-red-color);text-decoration: none;color: var(--primary-white-color);border: 1px solid var(--primary-red-color);}
.dashboard-body .dash-btn-two:hover{background:var(--primary-white-color);color: var(--primary-red-color);border: 1px solid var(--primary-red-color);text-decoration: none;}
.dashboard-body .dash-btn-one{color:#1e1e1e;}
.dashboard-body .dash-btn-one:hover{background: #ce9422;} 
.dashboard-body .dash-cancel-btn{color: var(--primary-black-color);text-decoration: none;}
.dashboard-body .dash-cancel-btn:hover{color: var(--primary-red-color);text-decoration: none;}
.dashboard-body .dash-input-wrapper .info-text .chng-pass{text-decoration: none;}

.dashboard-body .dash-input-wrapper .info-text p a{color: var(--primary-red-color);text-decoration: none;}
.dashboard-body .dash-input-wrapper .info-text p a:hover{color: var(--primary-black-color);text-decoration: none;}
.dashboard-body .dash-input-wrapper .input-group-meta label{color: var(--primary-red-color);font-weight: bold;}
.dashboard-body .dash-input-wrapper .input-group-meta input{background-color: rgba(255, 56, 60, 0.09);border: 1px solid var(--primary-red-color);}  


/*footer section*/
.social-icon > i{display: none;}

/* Pagination */
.pagination-wrapper .page-link {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50% !important;
  margin: 0 5px;
  border: none;
  color: var(--primary-black-color);
  font-weight: 500;
  background: #F4F4F4;
}
.pagination-wrapper .page-item.active .page-link {background-color: var(--primary-red-color);color: #fff;}
.pagination-wrapper .page-link:hover { background-color: #e9ecef; }
/* Candidate Profile */
.candidate-profile-card .candidate-name a.tran3s,.candidate-profile-card .candidate-name a.tran3s:hover,.candidate-profile-card .candidate-info span {
  color: var(--primary-red-color);
  text-decoration: none;
}
.cadidate-profile-sidebar .bg-wrapper.bg-color{background-color: var(--primary-light-bg-color);}
.cadidate-profile-sidebar .cadidate-bio ul li span{color: var(--primary-red-color);}
.candidates-profile-details .skill-tags li{background-color: var(--primary-red-color);color: #fff;}

/*Company Profile */
.company-grid-layout .bottom-line a{text-decoration: none;}
.company-grid-layout a.company-name,.company-grid-layout a.company-name:hover{color: var(--primary-red-color);text-decoration: none;}


.company-list-layout a.company-name,.company-list-layout a.company-name:hover{color: var(--primary-red-color);text-decoration: none;}
.company-list-layout a.open-job-btn{background-color: var(--primary-red-color);color: var(--primary-white-color);border: 1px solid var(--primary-red-color); text-decoration: none;}
.company-list-layout a.open-job-btn:hover{background-color: var(--primary-white-color);color: var(--primary-red-color);border: 1px solid var(--primary-red-color); text-decoration: none;}
.job-company-info{background-color: var(--primary-light-bg-color);}
.job-company-info .job-meta-data span{color: var(--primary-red-color);}
.job-company-info .job-meta-data div,.job-company-info .job-meta-data li a{color: var(--primary-black-color);text-decoration: none;}