@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins-Light.woff2") format("woff2"),
    url("../fonts/Poppins-Light.woff") format("woff");
  font-weight: 300;
}

@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins-Regular.woff2") format("woff2"),
    url("../fonts/Poppins-Regular.woff") format("woff");
  font-weight: 400;
}

@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins-Medium.woff2") format("woff2"),
    url("../fonts/Poppins-Medium.woff") format("woff");
  font-weight: 500;
}

@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins-SemiBold.woff2") format("woff2"),
    url("../fonts/Poppins-SemiBold.woff") format("woff");
  font-weight: 600;
}

@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins-Bold.woff2") format("woff2"),
    url("../fonts/Poppins-Bold.woff") format("woff");
  font-weight: 700;
}

@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins-ExtraBold.woff2") format("woff2"),
    url("../fonts/Poppins-ExtraBold.woff") format("woff");
  font-weight: 800;
}

@font-face {
  font-family: "Inter 18pt";
  src: url("../fonts/Inter18pt-Light.woff2") format("woff2"),
    url("../fonts/Inter18pt-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Inter 18pt";
  src: url("../fonts/Inter18pt-Bold.woff2") format("woff2"),
    url("../fonts/Inter18pt-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Inter 18pt";
  src: url("../fonts/Inter18pt-ExtraBold.woff2") format("woff2"),
    url("../fonts/Inter18pt-ExtraBold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Inter 18pt";
  src: url("../fonts/Inter18pt-Medium.woff2") format("woff2"),
    url("../fonts/Inter18pt-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Inter 18pt";
  src: url("../fonts/Inter18pt-Regular.woff2") format("woff2"),
    url("../fonts/Inter18pt-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Inter 18pt";
  src: url("../fonts/Inter18pt-SemiBold.woff2") format("woff2"),
    url("../fonts/Inter18pt-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "bootstrap-icons";
  src: url("../fonts/bootstrap-icons.woff2") format("woff2"),
    url("../fonts/bootstrap-icons.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

/* change language css */

html[lang="hi"] p,
html[lang="bn"] p,
html[lang="gu"] p,
html[lang="kn"] p,
html[lang="ml"] p,
html[lang="mr"] p,
html[lang="or"] p,
html[lang="pa"] p,
html[lang="ta"] p,
html[lang="te"] p,
html[lang="bn"] .home-para,
html[lang="gu"] .home-para,
html[lang="hi"] .home-para,
html[lang="kn"] .home-para,
html[lang="ml"] .home-para,
html[lang="mr"] .home-para,
html[lang="or"] .home-para,
html[lang="pa"] .home-para,
html[lang="ta"] .home-para,
html[lang="te"] .home-para,
html[lang="hi"] .popular-section .card .view-bx,
html[lang="bn"] .popular-section .card .view-bx,
html[lang="gu"] .popular-section .card .view-bx,
html[lang="kn"] .popular-section .card .view-bx,
html[lang="ml"] .popular-section .card .view-bx,
html[lang="mr"] .popular-section .card .view-bx,
html[lang="or"] .popular-section .card .view-bx,
html[lang="ta"] .popular-section .card .view-bx,
html[lang="hi"] .heroImg .posted-bx p,
html[lang="bn"] .heroImg .posted-bx p,
html[lang="gu"] .heroImg .posted-bx p,
html[lang="kn"] .heroImg .posted-bx p,
html[lang="mr"] .heroImg .posted-bx p,
html[lang="ml"] .heroImg .posted-bx p,
html[lang="or"] .heroImg .posted-bx p,
html[lang="pa"] .heroImg .posted-bx p,
html[lang="ta"] .heroImg .posted-bx p,
html[lang="te"] .heroImg .posted-bx p,
html[lang="hi"] .login_sec .form-box .info-section p,
html[lang="bn"] .login_sec .form-box .info-section p,
html[lang="gu"] .login_sec .form-box .info-section p,
html[lang="kn"] .login_sec .form-box .info-section p,
html[lang="ml"] .login_sec .form-box .info-section p,
html[lang="mr"] .login_sec .form-box .info-section p,
html[lang="or"] .login_sec .form-box .info-section p,
html[lang="pa"] .login_sec .form-box .info-section p,
html[lang="ta"] .login_sec .form-box .info-section p,
html[lang="te"] .login_sec .form-box .info-section p {
  font-size: 16px;
}

html[lang="hi"] .theme-button,
html[lang="bn"] .theme-button,
html[lang="gu"] .theme-button,
html[lang="kn"] .theme-button,
html[lang="ml"] .theme-button,
html[lang="mr"] .theme-button,
html[lang="or"] .theme-button,
html[lang="pa"] .theme-button,
html[lang="te"] .theme-button,
html[lang="ta"] .theme-button,
html[lang="hi"] .theme-button-two,
html[lang="bn"] .theme-button-two,
html[lang="gu"] .theme-button-two,
html[lang="kn"] .theme-button-two,
html[lang="ml"] .theme-button-two,
html[lang="mr"] .theme-button-two,
html[lang="or"] .theme-button-two,
html[lang="pa"] .theme-button-two,
html[lang="te"] .theme-button-two,
html[lang="ta"] .theme-button-two,
html[lang="hi"] .header .navbar .navbar-nav .nav-link,
html[lang="bn"] .header .navbar .navbar-nav .nav-link,
html[lang="gu"] .header .navbar .navbar-nav .nav-link,
html[lang="mr"] .header .navbar .navbar-nav .nav-link,
html[lang="or"] .header .navbar .navbar-nav .nav-link,
html[lang="pa"] .header .navbar .navbar-nav .nav-link,
html[lang="te"] .header .navbar .navbar-nav .nav-link,
html[lang="ml"] .companies_section .nav-tabs .nav-link,
html[lang="mr"] .companies_section .nav-tabs .nav-link,
html[lang="te"] .companies_section .nav-tabs .nav-link,
html[lang="ml"] .login_sec .submit_btn,
html[lang="kn"] .login_sec .submit_btn {
  font-size: 14px;
}

html[lang="bn"] .searchJob .theme-button,
html[lang="kn"] .searchJob .theme-button {
  white-space: nowrap;
  padding: 14px 24px;
}

html[lang="kn"] .heroImg .posted-bx span,
html[lang="ml"] .heroImg .posted-bx span,
html[lang="mr"] .heroImg .posted-bx span,
html[lang="or"] .heroImg .posted-bx span,
html[lang="pa"] .heroImg .posted-bx span,
html[lang="ta"] .heroImg .posted-bx span,
html[lang="te"] .heroImg .posted-bx span {
  font-size: 10px;
}

html[lang="ml"] .header .navbar .navbar-nav .nav-link,
html[lang="kn"] .header .navbar .navbar-nav .nav-link,
html[lang="ta"] .header .navbar .navbar-nav .nav-link,
html[lang="kn"] .popular-section .card .trending-btn,
html[lang="ta"] .popular-section .card .trending-btn,
html[lang="or"] .popular-section .card .trending-btn,
html[lang="ta"] .companiesCarousel .card .theme-button {
  font-size: 12px;
}

html[lang="ml"] .header .navbar .navbar-nav .nav-link,
html[lang="ta"] .header .navbar .navbar-nav .nav-link,
html[lang="kn"] .header .navbar .navbar-nav .nav-link {
  padding: 0 10px 0;
}

html[lang="ml"] .theme-button,
html[lang="kn"] .theme-button,
html[lang="ta"] .theme-button,
html[lang="te"] .theme-button,
html[lang="ml"] .theme-button-two,
html[lang="ta"] .theme-button-two,
html[lang="te"] .theme-button-two,
html[lang="kn"] .theme-button-two,
html[lang="ta"] .companiesCarousel .card .theme-button {
  padding: 12px 14px;
}

html[lang="ta"] .popular-section .card .trending-btn,
html[lang="te"] .popular-section .card .trending-btn {
  font-size: 8px;
  padding: 5px 4px;
}

html[lang="ml"] .companies_section .nav-tabs .nav-link,
html[lang="te"] .companies_section .nav-tabs .nav-link {
  padding: 12px 16px;
}

html[lang="hi"] .trendingCarousel .card h5,
html[lang="mr"] .trendingCarousel .card h5,
html[lang="pa"] .trendingCarousel .card h5,
html[lang="hi"] .trendingCarousel .card h5 a,
html[lang="mr"] .trendingCarousel .card h5 a,
html[lang="pa"] .trendingCarousel .card h5 a {
  padding: 3px 0;
}

html[lang="ml"] .popular-section .card .trending {
  padding: 20px 20px 0;
}

html[lang="pa"] h1 br {
  display: none;
}

html[lang="bn"] .profile_des .action-card button,
html[lang="gu"] .profile_des .action-card button,
html[lang="hi"] .profile_des .action-card button,
html[lang="kn"] .profile_des .action-card button,
html[lang="ml"] .profile_des .action-card button,
html[lang="mr"] .profile_des .action-card button,
html[lang="or"] .profile_des .action-card button,
html[lang="pa"] .profile_des .action-card button,
html[lang="ta"] .profile_des .action-card button,
html[lang="te"] .profile_des .action-card button,
html[lang="bn"] .job-card .action-buttons a,
html[lang="gu"] .job-card .action-buttons a,
html[lang="hi"] .job-card .action-buttons a,
html[lang="kn"] .job-card .action-buttons a,
html[lang="ml"] .job-card .action-buttons a,
html[lang="mr"] .job-card .action-buttons a,
html[lang="or"] .job-card .action-buttons a,
html[lang="pa"] .job-card .action-buttons a,
html[lang="ta"] .job-card .action-buttons a,
html[lang="te"] .job-card .action-buttons a,
html[lang="bn"] .job-card .action-buttons button,
html[lang="gu"] .job-card .action-buttons button,
html[lang="hi"] .job-card .action-buttons button,
html[lang="kn"] .job-card .action-buttons button,
html[lang="ml"] .job-card .action-buttons button,
html[lang="mr"] .job-card .action-buttons button,
html[lang="or"] .job-card .action-buttons button,
html[lang="pa"] .job-card .action-buttons button,
html[lang="te"] .job-card .action-buttons button,
html[lang="ta"] .job-card .action-buttons button {
  font-size: 12px;
  padding: 10px;
  max-width: fit-content;
  width: auto;
}

/* html[lang="kn"] .job-card,
html[lang="ta"] .job-card,
html[lang="ml"] .job-card {
  min-height: 700px;
} */
html[lang="kn"] .job-card .action-buttons,
html[lang="te"] .job-card .action-buttons,
html[lang="ta"] .job-card .action-buttons {
  flex-wrap: wrap;
  width: auto;
}

html[lang="ta"] .filter_sec nav ul.pagination li a {
  overflow: hidden;
}

/* change language css end */
body {
  top: 0px !important;
  font-family: "Poppins", sans-serif;
  padding: 0 !important;
}

a {
  text-decoration: none;
}

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

h1,
.resume_head h1 {
  font-size: 60px;
  color: #111827;
  font-weight: 700;
  margin-bottom: 20px;
}

h2 {
  font-size: 36px;
  line-height: 40px;
  font-weight: 700;
  color: #111827;
  text-transform: capitalize;
}

h1 span,
h2 span {
  background: linear-gradient(to left, #9333ea, #4f46e5);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}

p {
  font-size: 18px;
  line-height: 1.625;
  color: #4b5563;
  font-family: "Inter 18pt";
}

.head-para {
  line-height: 28px;
  max-width: 53%;
}

.section-padding {
  padding: 75px 0;
}

.theme-button,
.theme-button-two {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  border-radius: 8px;
  border: none;
  padding: 12px 30px;
  transition: all ease-in-out 0.4s;
  background: linear-gradient(90deg,
      rgba(79, 70, 229, 1) 0%,
      rgba(147, 51, 234, 1) 100%);
}

.theme-button-two {
  font-weight: 600;
  padding: 16px 32px;
  border-radius: 12px;
}

.theme-button-two i {
  font-size: 18px;
}

.theme-button-two.btn-tran-bg {
  color: #4f46e5;
  border: 2px solid #4f46e5;
  background: transparent;
  padding: 17px 25px 13px;
}

.theme-button:hover,
.theme-button-two:hover {
  transform: scale(1.05);
  color: #fff;
}

.resume_modal .close_resume_edit i.bi.bi-x,
.login_sec .submit_btn:hover,
.filter_sec nav ul.pagination li.active span i,
.filter_sec nav ul.pagination li.active a i,
.filter_sec nav ul.pagination li a:hover i {
  color: #fff;
}

.filter_sec nav ul.pagination li.active span,
.filter_sec nav ul.pagination li span:hover,
.filter_sec nav ul.pagination li a:hover,
.filter_sec nav ul.pagination li.active a,
.theme-button-two.btn-tran-bg:hover {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(90deg,
      rgba(79, 70, 229, 1) 0%,
      rgba(147, 51, 234, 1) 100%);
}

.header .navbar-brand {
  max-width: 200px;
}

.header .navbar .navbar-nav .nav-link {
  font-size: 16px;
  font-weight: 400;
  color: #374151;
  padding: 0 16px 0;
}

.header .navbar .navbar-nav .nav-link.active,
.header .navbar .navbar-nav .nav-link:hover {
  color: #4f46e5;
  font-weight: 500;
}

.hero-section {
  background-image: linear-gradient(to right, #dde3fd, #fee2f1);
  min-height: 700px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 50px;
}

.home-para {
  font-size: 20px;
  line-height: 28px;
  color: #4b5563;
}

.trusted-bx {
  color: #4f46e5 !important;
  font-size: 14px;
  font-weight: 400;
  width: fit-content;
  border-radius: 25px;
  background-color: #e0e7ff;
  padding: 8px 16px;
  margin-bottom: 24px;
}

.searchJob {
  display: flex;
  border-radius: 16px;
  border: 1px solid #e5e7eb;
  box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  justify-content: space-between;
  padding: 8px;
  gap: 12px;
}

input:focus {
  box-shadow: none !important;
}

.scroller_filter {
  max-height: 230px;
  overflow-y: scroll;
}

.scroller_filter::-webkit-scrollbar {
  width: 5px;
}

.filter-sidebar .filter_options span.select2-selection.select2-selection--single {
  height: unset;
  border: 1px solid #e5e7eb;
  font-size: 13px;
  padding: 7px 12px;
  border-radius: 10px;
}

.filter-sidebar .filter_options .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 43px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}

.filter-sidebar .filter_options .select2-selection__rendered {
  padding: 0 !important;
}

.filter-sidebar .filter_options input {
  border: 1px solid #e5e7eb;
  font-size: 13px;
  padding: 12px;
  border-radius: 10px;
}

input#skillSearch {
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 14px 18px;
  color: #212529;
  font-size: 15px;
  font-family: "Poppins", sans-serif;
}

.skillsContainer hr {
  margin: 0px;
}

.skill_scrolls {
  max-height: 300px;
  overflow-y: scroll;
}

.searchJob .input-group i {
  font-size: 15px;
  color: #6b7280;
}

.skill_scrolls::-webkit-scrollbar {
  width: 5px;
}

.skill_scrolls::-webkit-scrollbar-track {
  background: transparent;
}

.skill_scrolls::-webkit-scrollbar-thumb {
  background: #4f46e5;
  border-radius: 30px;
}

.bi-geo-alt::before {
  font-weight: 600 !important;
}

.searchJob .input-group {
  padding: 12px 16px;
  background-color: #f9fafb;
  color: #111827;
  border-radius: 12px !important;
  border: none;
  width: 40%;
}

.searchJob .input-group .form-control:focus {
  outline: 0;
  box-shadow: unset;
}

.searchJob .input-group .select2-selection__rendered {
  /* padding: 0;
  padding-right: 20px !important; */
  background-position: right -2px center;
  padding: 0 !important;
}

.searchJob .input-group .select2-selection--single {
  border: 0;
  background-color: transparent;
}

.searchJob .theme-button {
  border-radius: 12px;
  padding: 14px 30px;
}

.menu-button .bar1,
.menu-button .bar2,
.menu-button .bar3 {
  width: 27px;
  border-bottom: 4px solid #7939cd;
  margin-bottom: 4px;
  border-radius: 58px;
}

.heroImgBg::before,
.heroImgBg::after,
.opportunitiesImgs::before,
.opportunitiesImgs::after {
  content: "";
  border-radius: 100%;
  position: absolute;
  animation: bgOpacity 3s linear infinite;
}

@keyframes bgOpacity {
  0% {
    opacity: 0.2;
  }

  50% {
    opacity: 0.5;
  }

  100% {
    opacity: 0.2;
  }
}

.heroImgBg::before {
  width: 80px;
  height: 80px;
  top: -40px;
  left: -40px;
  background: linear-gradient(90deg,
      rgba(79, 70, 229, 1) 0%,
      rgba(147, 51, 234, 1) 100%);
}

.heroImgBg::after {
  width: 128px;
  height: 128px;
  bottom: -40px;
  right: -40px;
  background: linear-gradient(90deg,
      rgba(236, 72, 153, 1) 0%,
      rgba(234, 88, 12, 1) 100%);
}

.heroImg {
  padding: 32px;
  background-color: #fffc;
  border-radius: 24px;
  border: 1px solid #e5e7eb;
  z-index: 9;
}

.heroImg img {
  border-radius: 16px;
}

.heroImg .posted-bx {
  position: absolute;
  left: -16px;
  top: -16px;
  color: #fff;
  width: 117px;
  height: 84px;
  border-radius: 16px;
  animation: postedmove 2s ease infinite alternate;
  background: linear-gradient(90deg,
      rgba(34, 197, 94, 1) 0%,
      rgba(5, 150, 105, 1) 100%);
  /* -webkit-animation: postedmove 0.9s ease infinite alternate; */
}

@keyframes postedmove {
  0% {
    transform: translateY(-10px);
  }

  50% {
    transform: translateY(20px);
  }

  100% {
    transform: translateY(-10px);
  }
}

.heroImg .active-bx {
  position: absolute;
  top: unset;
  left: unset;
  right: -16px;
  bottom: -16px;
  background: #a855f7;
  background: linear-gradient(90deg,
      rgba(168, 85, 247, 1) 0%,
      rgba(219, 39, 119, 1) 100%);
}

.heroImg .posted-bx p {
  font-size: 24px;
  font-weight: 700;
  color: #fff;
}

.heroImg .posted-bx span {
  font-size: 14px;
}

.work-card {
  padding: 32px;
  background-color: #f9fafb;
  border-radius: 16px;
  border: 1px solid #e5e7eb;
  transition: all 0.6s;
  height: 100%;
}

.work-card:hover {
  transform: scale(1.01);
  box-shadow: rgba(0, 0, 0, 0.2) 0px 18px 50px -10px;
}

.work-section .row>div:nth-of-type(2) .work-card:hover {
  border-color: #8124d2;
  background: linear-gradient(0deg, #f6edffe6 0%, #ffffff 100%);
}

.work-section .row>div:nth-of-type(2) .work-card:hover h3 {
  color: #8124d2;
}

.work-section .row>div:nth-of-type(3) .work-card:hover {
  border-color: #b14de0;
  background: linear-gradient(0deg, #fee2f1a6 0%, #ffffff 100%);
}

.work-section .row>div:nth-of-type(3) .work-card:hover h3 {
  color: #b14de0;
}

.work-section .row>div:nth-of-type(4) .work-card:hover {
  border-color: #15853f;
  background: linear-gradient(0deg, #e0faeaa6 0%, #ffffff 100%);
}

.work-section .row>div:nth-of-type(4) .work-card:hover h3 {
  color: #15853f;
}

.work-card .icon {
  color: #fff;
  font-size: 30px;
  width: 64px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: linear-gradient(90deg,
      rgba(79, 70, 229, 1) 0%,
      rgba(147, 51, 234, 1) 100%);
}

.work-card .icon2 {
  background: linear-gradient(90deg,
      rgba(168, 85, 247, 1) 0%,
      rgba(219, 39, 119, 1) 100%);
}

.work-card .icon3 {
  background: linear-gradient(90deg,
      rgba(22, 163, 74, 1) 0%,
      rgba(5, 150, 105, 1) 100%);
}

.work-card h3 {
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  color: #111827;
}

.work-card p {
  font-size: 16px;
}

.popular-section,
.mission-section {
  background-image: linear-gradient(to right, #eef2ff, #faf5fa);
}

.mission-section .OurMission {
  border-radius: 24px;
  height: 100%;
}

.mission-section .play-button {
  background-color: #ffffffe6;
  border-radius: 100%;
  border: none;
  width: 64px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #4f46e5;
  font-size: 32px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.mission-section .work-card {
  border-width: 2px;
  padding: 24px;
  cursor: pointer;
  background-color: white;
}

.mission-section .work-card:hover {
  border-color: #4f46e5;
}

.mission-section .work-card .icon {
  width: 48px;
  height: 48px;
  font-size: 20px;
}

.mission-section .work-card h3 {
  font-size: 16px;
  line-height: 22px;
}

.mission-section .work-card p {
  font-size: 14px;
  line-height: 20px;
}

.mission-section .work-card a {
  font-size: 26px;
  color: #4b5563;
}

.counter-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}

.counter-grid .count {
  font-size: 24px;
  line-height: 32px;
  color: #111827;
  font-weight: 600;
}

.doc_box p,
.counter-grid .text {
  font-size: 14px;
  line-height: 20px;
  color: #4b5563;
}

.testimonial_carousel .carousel-inner {
  max-width: 85%;
  margin: 0 auto;
  padding: 0 15px;
}

.testimonial_carousel .carousel-inner .carousel-item {
  background-color: white;
  padding: 0px 32px;
  height: 100%;
}

.carousel_itemsinner {
  border-radius: 24px;
  border: 1px solid #e5e7eb;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 24px -6px;
  padding: 30px;
  min-height: 270px;
}

.testimonial_carousel .testi-user {
  width: 96px;
  height: 96px;
  border-radius: 100%;
  border: 4px solid #e5e7eb;
  object-fit: cover;
}

.testimonial_carousel .rating-star i {
  color: #eab308;
  font-size: 20px;
}

.testimonial_carousel .user {
  color: #111827;
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
}

.profile_des .action-card p,
.testimonial_carousel .designation {
  font-size: 16px;
  color: #4b5563;
}

.testimonial_carousel .carousel-control-next,
.testimonial_carousel .carousel-control-prev {
  width: 48px;
  height: 48px;
  border-radius: 100%;
  top: 50%;
  transform: translateY(-50%);
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 16px 1px;
}

.testimonial_carousel .carousel-control-prev {
  left: 12px;
}

.testimonial_carousel .carousel-control-next {
  right: 12px;
}

.testimonial_carousel .carousel-control-prev-icon,
.testimonial_carousel .carousel-control-next-icon {
  filter: invert(1);
  width: 20px;
}

.testimonial_carousel .carousel-indicators button {
  width: 12px;
  height: 12px;
  border: none;
  border-radius: 100%;
  background: linear-gradient(90deg,
      rgba(79, 70, 229, 1) 0%,
      rgba(147, 51, 234, 1) 100%);
}

.footer .store-list a {
  padding: 10px;
}

.footer .store-list a .dwdText {
  font-size: 10px;
  line-height: 13px;
  opacity: 1;
}

.footer .store-list a .icon {
  width: 25px;
  height: 25px;
}

.footer .store-list a .storeText {
  font-size: 12px;
}

.testimonial_carousel .carousel-indicators button.active {
  width: 15px;
  height: 15px;
}

.opportunities-section {
  background-image: linear-gradient(to bottom right, #eef2ff, #faf5ff, #fdf2f8);
}

.store-list a {
  background-color: #fff;
  padding: 12px 24px;
  border-radius: 16px;
  border: 1px solid #e5e7eb;
  gap: 12px;
  transition: all ease-in-out 0.5s;
}

.store-list a:hover {
  transform: scale(1.05);
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px,
    rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}

.store-list a .icon {
  background-color: #000;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  color: #fff;
}

.store-list a:nth-child(2) .icon {
  background: linear-gradient(90deg,
      rgba(34, 197, 94, 1) 0%,
      rgba(59, 130, 246, 1) 100%);
}

.store-list a .dwdText {
  font-size: 12px;
  line-height: 16px;
  color: #111827;
  font-weight: 500;
  opacity: 0.75;
}

.select_input span.select2.select2-container.select2-container--default {
  width: 100%;
}

.tab_sec .tab-content .talent_box h6,
.tab_sec .tab-content h5,
.doc_box h5,
.profile_des .profileright_col .language_col p,
.store-list a .storeText,
.development-bx p {
  font-size: 16px;
  color: #111827;
  font-weight: 600;
}

.profile_des .salary_col h4,
.popular-section .card h4 {
  text-align: center;
  font-size: 30px;
  font-weight: 600;
}

.trusted-bx .rating-star i {
  color: #eab308;
}

.trusted-bx span {
  color: #374151;
  font-size: 14px;
  font-weight: 500;
}

.opportunitiesImgs .imgBg {
  z-index: 2;
  max-width: 306px;
  min-height: 500px;
  /* box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; */
}

.opportunitiesImgs .imgBg:nth-child(1) {
  rotate: 6deg;
  transform-origin: top right;
  margin-right: -8%;
}

.opportunitiesImgs .imgBg:nth-child(2) {
  rotate: -6deg;
  transform-origin: top left;
  margin-left: -8%;
}

.opportunitiesImgs .imgBg,
.opportunitiesImgs .imgBg img,
.opportunitiesImgs .imgBg::before {
  border-radius: 24px;
}

/* .opportunitiesImgs .imgBg::before {
  content: "";
  position: absolute;
  height: calc(100% - 32px);
  width: calc(100% - 32px);
  opacity: 0.1;
  background-color: #db2777;
} */

/* .opportunitiesImgs::before {
  width: 80px;
  height: 80px;
  top: -40px;
  right: -40px;
  background: linear-gradient(
    90deg,
    rgba(79, 70, 229, 1) 0%,
    rgba(147, 51, 234, 1) 100%
  );
} */

.opportunitiesImgs::after {
  width: 128px;
  height: 128px;
  bottom: -40px;
  left: -40px;
  background: linear-gradient(90deg,
      rgba(236, 72, 153, 1) 0%,
      rgba(234, 88, 12, 1) 100%);
}

.chat {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: linear-gradient(90deg,
      rgba(79, 70, 229, 1) 0%,
      rgba(147, 51, 234, 1) 100%);
  bottom: 32px;
  right: 32px;
  box-shadow: rgba(17, 17, 26, 0.1) 0px 8px 24px,
    rgba(17, 17, 26, 0.1) 0px 16px 56px, rgba(17, 17, 26, 0.1) 0px 24px 80px;
  animation: bgOpacity 3s linear infinite;
  z-index: 99999;
}

.chat i {
  color: #fff;
  font-size: 20px;
}

/* footer */
.footer {
  padding: 64px 0 20px;
  background-color: #111827;
}

.footer h3 {
  color: #fff;
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
}

.footer p {
  font-size: 16px;
  color: #9ca3af;
}

.footer-logo {
  max-width: 150px;
}

.footer .social-icon li a {
  font-size: 18px;
  color: #fff;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  background-color: #1f2937;
  transition: all ease-in-out 0.4s;
}

.footer .social-icon li a:hover {
  background-color: #4f46e5;
}

.footer .page-list li:not(:last-child) {
  padding-bottom: 12px;
}

.header button.btn-close {
  color: #5a43e6;
  filter: brightness(0) saturate(100%) invert(40%) sepia(92%) saturate(6405%) hue-rotate(243deg) brightness(93%) contrast(92%);
  opacity: 1;
}

.footer .page-list li a,
.footer .policy-list li a,
.footer .callNow {
  color: #9ca3af;
  font-size: 16px;
}

.footer .email-input-group {
  height: 3rem;
}

/* 
.footer .email-input-group .form-control {
  background: #1f2937;
  color: #fff;
  border: 1px solid #374151;
  border-radius: 0.375rem 0 0 0.375rem;
  padding: 0 1rem;
  font-size: 0.95rem;
  height: 100%;
  box-shadow: none;
}

.footer .email-input-group .form-control::placeholder {
  color: #9ca3af;
}

.footer .email-input-group .form-control:focus {
  border-color: #4f46e5;
} */
/* 
.footer .email-input-group .btn-send {
  border: none;
  color: #fff;
  font-size: 18px;
  background: linear-gradient(
    90deg,
    rgba(79, 70, 229, 1) 0%,
    rgba(147, 51, 234, 1) 100%
  );
  border-radius: 0 0.375rem 0.375rem 0;
  width: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  transition: background 0.2s;
} */

.footer .callNow i {
  font-size: 18px;
}

.footer .copyRight {
  padding-top: 22px;
  border-top: 1px solid #1f2937;
}

.profile_login .user_profile {
  width: 50px;
  height: 50px;
  margin-left: 20px;
}

.profile_login .user_profile img {
  object-fit: cover;
  border-radius: 50%;
  width: 100%;
  height: 100%;
}

header .user_profile_dropdown ul.dropdown-menu {
  background: #f5f5f5;
  padding: 12px 25px;
  border-radius: 10px 10px 10px 10px;
  margin-top: 10px;
  right: 0;
  min-width: 11rem;
  left: unset;
}

header .user_profile_dropdown ul.dropdown-menu li,
.company-setting ul.dropdown-menu li {
  border-bottom: solid 1px #dbdbdb;
}

header .user_profile_dropdown a.dropdown-item {
  color: #000;
  padding: 8px 0;
}

.profile_login i {
  font-size: 20px;
  margin: 0 20px 0 0;
  background: #7939cd;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
}

header .user_profile_dropdown .dropdown-toggle::after {
  display: none !important;
}

.notification_model {
  top: 35px;
  left: 335px;
}

.notification_model .modal-content {
  border-radius: 25px;
  padding: 15px 10px;
}

.notification_model h5 {
  letter-spacing: 1px;
}

.notification_model .btn-close {
  background: url(../image/experience_modal_close.png) no-repeat;
  box-shadow: none;
  background-size: 8px;
  background-position: 9px;
  padding: 0;
  opacity: 1;
  width: 26px;
  height: 26px;
  background-color: #7939cd;
}

.notification_model .modal-body {
  overflow-y: scroll;
  height: 430px;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.notification_model .new_chatcard {
  border-bottom: solid 1px #d2d2d2;
  margin-bottom: 25px;
}

.notification_model .header_notification {
  margin-bottom: 12px;
}

.notification_model .img_box {
  max-width: 50px;
  height: 50px;
}

.notification_model .img_box img {
  object-fit: cover;
}

.notification_model p {
  color: #777777;
  font-size: 14px;
  line-height: 26px;
}

.notification_model .chat_btnbox a {
  width: 140px;
  padding: 9px 12px;
  font-size: 14px;
  margin: 5px 10px 30px 0;
  letter-spacing: 1px;
}

.notification_model .chat_btn {
  background: #7939cd;
  color: #fff !important;
}

.notification_model .chat_detailbtn {
  background: #ebebeb;
  color: #000 !important;
}

.notification_model .bi-three-dots-vertical {
  top: -10px;
  right: -12px;
  color: #000000;
  font-size: 17px;
}

#dialogMob {
  padding: 20px;
  border: none;
  border-radius: 20px;
  margin: auto;
}

#dialogMob a {
  display: inline-block;
  color: #4f46e5;
  font-size: 15px;
  font-weight: 500;
}

#dialogMob p {
  margin-bottom: 10px;
}

#dialog {
  padding: 20px;
  border: none;
  border-radius: 20px;
  margin: auto;
}

#dialog a {
  display: inline-block;
  color: #4f46e5;
  font-size: 15px;
  font-weight: 500;
}

#dialog p {
  margin-bottom: 10px;
}

/* find job page css start */

.filter-sidebar .filter_options {
  background-color: #fff;
  padding: 20px;
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 6%);
  border-radius: 12px;
  margin-bottom: 25px;
}

.filter_sec {
  background-color: #fafaff;
  padding: 100px 0;
}

.filter_sec h4 {
  color: #111827;
  font-weight: 600;
  font-size: 18px;
}

.tab_sec .tab-content .talent_box p.active,
.profile_des .section-title i,
.filter_sec h4 i {
  color: #7939cd;
}

.doc_box i:before,
.profile_des .section-title i,
.filter_sec .bookmark i:before,
.filter_sec nav ul.pagination li a i:before,
.info-icons span i:before,
.filter_sec h4 i:before {
  font-weight: 600 !important;
}

.job-card .specilist_box h4,
.filter-sidebar .filter_options h6 {
  color: #111827;
  font-size: 16px;
  font-weight: 500;
}

.slide_content {
  margin-top: 15px;
}

.tab_sec .tab-content .talent_box p,
.info-icons span,
.filter-sidebar .filter_options small {
  color: #4b5563;
  font-size: 14px;
  font-weight: 400;
  font-family: "Inter", sans-serif;
}

.filter-sidebar .filter_options label.form-check-label {
  color: #4b5563;
  font-size: 16px;
  font-weight: 400;
  font-family: "Inter", sans-serif;
}

.profile_des .action-card .fillbtn,
.job-card .action-buttons a.fillbtn,
.job-card .action-buttons button.fillbtn,
.fiter_themebtn button.fillbtn {
  background: linear-gradient(90deg,
      rgba(79, 70, 229, 1) 0%,
      rgba(147, 51, 234, 1) 100%);
  margin-bottom: 15px;
}

.fiter_themebtn button {
  font-size: 16px;
  font-weight: 500;
  border-radius: 12px;
  padding: 10px;
  color: #7939cd;
  border: 1px solid #7939cd;
}

.match-badge {
  font-size: 14px;
  font-weight: 600;
  background-color: #22c55e;
  display: inline-block;
  padding: 10px 15px;
  color: #fff;
  border-radius: 54px;
  position: absolute;
  right: 4px;
  top: 10px;
}

.job-card {
  background-color: #fff;
  padding: 20px;
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 6%);
  border-radius: 16px;
  margin-bottom: 25px;
  position: relative;
  min-height: 662px;
}

.job-card h5 {
  font-size: 18px;
  font-weight: 600;
  color: #111827;
  padding-top: 25px;
}

.job-card p {
  font-size: 15px;
  color: #4b5563;
  font-family: "Inter", sans-serif;
  margin-bottom: 7px;
}

.job-card a.company-name {
  font-size: 15px;
  font-weight: 400;
  color: #7939cd;
  padding-bottom: 5px;
}

.job-card h6 {
  color: #111827;
  font-family: "Inter", sans-serif;
  font-weight: 500;
}

.job-card .job-type-badge {
  background-color: #f2ebfa;
  display: inline-block;
  padding: 5px 12px;
  border-radius: 4px;
  font-size: 14px;
  color: #7939cd;
  font-family: "Inter", sans-serif;
  margin-bottom: 11px;
  margin-right: 6px;
}

.filter_sec .slide_content .form-check.custom-checkbox-purple {
  margin-bottom: 10px;
}

.profile_des .action-card button,
.job-card .action-buttons a,
.job-card .action-buttons button {
  font-size: 16px;
  font-weight: 500;
  border-radius: 12px;
  padding: 10px 15px;
  color: #7939cd;
  border: 1px solid #7939cd;
  max-width: 48%;
  width: 100%;
}

.job-card.new_canditatevcard .action-buttons a,
.job-card.new_canditatevcard .action-buttons button {
  max-width: 55%;
}

.info-icons span i {
  font-size: 18px;
  line-height: 0;
}

.job-card.new_canditatevcard img {
  aspect-ratio: 3/3;
  object-fit: cover;
  object-position: top;
  /* background-color: #f6f6f6; */
}

.info-icons span {
  display: flex;
  align-items: center;
}

.inner_banner .searchJob {
  max-width: 65%;
  margin: auto;
}

.filter_sec .custom-checkbox-purple .form-check-input {
  width: 20px;
  height: 20px;
  border: 1px solid #7939cd;
  border-radius: 6px;
  background-color: transparent;
  cursor: pointer;
  margin-right: 10px;
  margin-top: 0 !important;
  padding: 8px;
}

.filter_sec .custom-checkbox-purple .form-check-input:checked {
  background-color: #7939cd;
  border-color: #7939cd;
}

.filter_sec .custom-checkbox-purple .form-check-input:checked[type="checkbox"] {
  background-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D'0%200%2016%2016'%20fill%3D'white'%20xmlns%3D'http%3A//www.w3.org/2000/svg'%3E%3Cpath%20d%3D'M13.78%203.72a.75.75%200%200%200-1.06%200L6.5%209.94%203.28%206.72a.75.75%200%200%200-1.06%201.06l3.72%203.72a.75.75%200%200%200%201.06%200l7.28-7.28a.75.75%200%200%200%200-1.06z'/%3E%3C/svg%3E");
  background-size: 60% 60%;
  background-position: center;
  background-repeat: no-repeat;
}

.hero-section.inner_banner {
  min-height: 400px;
  padding-top: 162px;
  padding-bottom: 80px;
}

.hero-section.resume_head .searchJob {
  max-width: 100%;
  padding: 10px 20px
}

.filter_options .noUi-horizontal {
  height: 8px;
}

.filter_options #salarySlider .noUi-handle {
  box-shadow: unset;
  width: 20px;
  height: 20px;
  top: -7px;
  border-radius: 50%;
  right: -10px;
}

.filter_options .noUi-handle:after,
.noUi-handle:before {
  content: unset !important;
}

.filter_options #salarySlider {
  margin: 25px 6px 20px;
}

.filter_sec nav ul.pagination li span,
.filter_sec nav ul.pagination li a {
  border: 1px solid #e7e7e8;
  border-radius: 6px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.login_sec .form-box form label.form-label,
.filter_sec nav ul.pagination li span,
.filter_sec nav ul.pagination li a i,
.filter_sec nav ul.pagination li a,
.gerForm .input-group label {
  color: #111827;
  font-size: 16px;
  font-weight: 500;
}

.filter_sec nav ul.pagination li:not(:first-child):not(:last-child) span,
.filter_sec nav ul.pagination li:not(:first-child):not(:last-child) a {
  width: 40px;
  height: 40px;
}

.filter_sec ul.pagination {
  gap: 10px;
  justify-content: center;
  margin-top: 40px;
}

.new_canditatevcard .action-buttons button {
  width: unset;
  max-width: unset;
  padding: 10px 23px;
}

.job-card .action-buttons {
  padding-top: 20px;
  position: absolute;
  width: 86%;
  bottom: 22px;
}

header.header.headertheme nav.navbar {
  border-right: 0 !important;
}

.social_shares a {
  background: #7939cd;
  width: 38px !important;
  height: 38px;
  margin: 10px 0px 0px 0;
  color: #fff !important;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50% !important;
  max-width: unset !important;
}

.social_shares {
  border-radius: 5px;
  padding: 0 10px 10px 10px;
  box-shadow: 0px 0px 2px 0px #00000024;
  position: absolute;
  bottom: 26px;
  background-color: #fff;
  right: -3px;
}

.info-icons span .social_shares i:before {
  font-weight: 400 !important;
}

.recuiter-tabing .tab-content .bookmark,
.filter_sec .bookmark {
  position: absolute;
  background-color: #fff;
  padding: 10px;
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  margin: 7px;
}

#salarySlider .noUi-connect {
  background: #7a30cf;
  /* Purple filled track */
}

#salarySlider .noUi-handle {
  background-color: white;
  border: 2px solid #7a30cf;
  box-shadow: 0 0 2px #7a30cf;
}

.salary-labels {
  display: flex;
  justify-content: space-between;
  font-weight: 500;
  color: #4a4a4a;
  margin-top: 10px;
}

.job-card a img {
  object-fit: cover;
  aspect-ratio: 3/2;
}

img.ready_to_work {
  position: absolute;
  right: 4px;
  top: 2px;
  max-width: 60px;
  z-index: 1;
}

/* find job page css end */

/* login and signup page css start */

.login_sec {
  background-color: #fafaff;
  padding: 150px 0 100px;
}

.login_sec .form-box ul.nav.nav-tabs {
  background-color: #f3f4f6;
  padding: 10px;
  border: none;
  border-radius: 15px;
}

.login_sec .form-box ul.nav.nav-tabs li.nav-item button {
  border: none;
  padding: 13px;
  border-radius: 10px;
  color: #111827;
  font-weight: 500;
}

.login_sec .form-box ul.nav.nav-tabs li.nav-item button.active {
  color: #9333e8;
}

.login_sec .form-box {
  background-color: #f6f1fb;
  padding: 20px;
  border-radius: 40px;
  max-width: 80%;
  margin: 0 auto;
  display: flex !important;
  align-items: center;
}

.login_sec .form-box .info-section {
  padding: 30px;
}

.login_sec .form-box .form-section h3 {
  color: #111827;
  font-size: 34px;
  font-weight: 600;
}

.login_sec .form-box .form-section p {
  font-size: 16px;
  line-height: 25px;
}

#filterSidebar .select2 {
  width: 100% !important;
}

.login_sec .form-box .form-section {
  padding: 0px 60px 0px 40px;
}

.login_sec .form-box .info-section,
.login_sec .form-box .form-section {
  max-width: 50%;
  width: 100%;
}

.login_sec .form-box form .input_box {
  border: 1px solid #d1d5db;
  background-color: transparent;
  padding: 15px;
  border-radius: 15px;
}

.login_sec .form-box .form-section .loginbottom_text {
  color: #111827;
  font-size: 18px;
  font-weight: 400;
  font-family: "Inter", sans-serif;
  margin-bottom: 0;
  text-align: center;
}

.login_sec .form-box .info-section h2 {
  font-size: 60px;
  line-height: 70px;
  font-weight: 600;
}

.login_sec .form-box .info-section p {
  font-size: 18px;
  color: #fff;
  font-weight: 400;
  width: 35%;
}

.login_sec .form-box .info-section img {
  position: absolute;
  bottom: 0px;
  right: 40px;
}

.login_sec .form-box .info-section {
  min-height: 640px;
}

.login_sec .form-box .info-section.signup_bg {
  min-height: 780px;
}

.login_sec .form-box form input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
  -webkit-text-fill-color: #000 !important;
  transition: background-color 5000s ease-in-out 0s;
}

.login_sec .form-box form input:-internal-autofill-selected {
  background-color: transparent !important;
}

.login_sec .form-check label.form-check-label {
  font-size: 15px;
  color: #4b5563;
  font-family: "Inter", sans-serif;
}

.login_sec .form-box form .input_box input {
  font-size: 16px;
  font-weight: 400;
  color: #000 !important;
  font-family: "Inter", sans-serif;
}

.login_sec .form-box form .input_box i,
.login_sec .form-box form .input_box input::placeholder,
input::placeholder {
  /* color: #000 !important; */
}

.login_sec .forget_text {
  color: #9333e8;
  font-size: 16px;
  font-weight: 600;
  font-family: "Inter", sans-serif;
  display: inline-block;
  text-align: center;
  padding-bottom: 4px;
  border-bottom: 1px solid #9333e8;
}

.login_sec .submit_btn {
  background: linear-gradient(90deg,
      rgba(79, 70, 229, 1) 0%,
      rgba(147, 51, 234, 1) 100%);
  color: #fff;
  padding: 15px 40px;
  border-radius: 12px;
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 6%);
  border: none;
  font-size: 16px;
  font-weight: 500;
  /* max-width: 140px;
  width: 100%; */
}

.job-card.internship_card {
  min-height: 500px;
}

#usersignup #exampleCheck1 {
  border: 1px solid #9333e8;
}

.login_sec .form-check label.form-check-label span a {
  color: #9333e8;
  font-weight: 500;
  font-size: 15px;
}

.register_steps .loginbottom_text span {
  color: #9333e8;
  font-weight: 600;
  font-size: 18px;
}

#usersignup #exampleCheck1:checked {
  background-color: #9333e8;
}

.login_sec.register_steps .form-box {
  max-width: 39%;
  padding: 60px;
}

.login_sec.register_steps .form-section {
  max-width: 100% !important;
  width: 100%;
}

.login_sec.register_steps .form-control {
  display: block;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #f5f5f5;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.06);
}

/* login and signup page css end */

/* user profile css start */

.profile_des .skill_details,
.profile_des .card {
  background-color: #fff;
  padding: 20px;
  /* box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.06); */
  box-shadow: rgb(0 0 0 / 13%) 0px 5px 15px;
  border-radius: 12px;
  margin-bottom: 25px;
  border: 0;
}

.profile_des.view_des .card {
  margin-bottom: 30px;
}

.profile_details h3 {
  font-size: 48px;
  color: #fff;
}

.profile_head {
  padding: 125px 0 50px;
  background-image: linear-gradient(to right, #4f46e5, #9333ea);
}

.profile_details p {
  color: #e0e7ff;
  font-size: 18px;
}

.profile_details h6 {
  color: #e0e7ff;
  font-size: 24px;
  font-family: "Inter 18pt";
}

.profile_details p span {
  background-color: #fff3;
  padding: 8px 16px;
  border-radius: 30px;
  font-size: 16px;
  display: inline-block;
}

.profile_des h3 {
  color: #111827;
  font-size: 24px;
  font-weight: 600;
  padding-bottom: 10px;
}

.jobrighttab_card h5,
.profile_des .skill_details h4 {
  color: #111827;
  font-size: 20px;
  font-weight: 600;
  padding-bottom: 5px;
}

.profile_des .skill_part h6 {
  color: #111827;
  font-size: 18px;
  font-weight: 500;
  padding-bottom: 5px;
}

.profile_des .skill_details small {
  color: #6b7280;
  font-weight: 500;
  padding-bottom: 5px;
  display: inline-block;
  font-size: 16px;
  font-family: "Inter 18pt";
}

.education .skill_details {
  border: 1px solid #e0e7ff;
  background-image: linear-gradient(to right, #eef2ff, #faf5ff);
}

.skill_part span.tag {
  font-weight: 500;
  margin: 6px;
  border-radius: 20px;
  padding: 8px 16px;
  text-align: center;
  display: inline-block;
}

.skill_part .blue_btn span.tag {
  color: #4338ca;
  background-color: #eef2ff;
}

.skill_part .green_btn span.tag {
  color: #047857;
  background-color: #ecfdf5;
}

.skill_part .purple_btn span.tag {
  color: #6d28d9;
  background-color: #f5f3ff;
}

.skill_details .dot {
  height: 15px;
  width: 15px;
  background-color: #7b2cbf;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  left: -54px;
  top: 0;
}

.profile_des .skill_details.sift_left {
  margin-left: 60px;
  position: relative;
}

.skill_details .dot:after {
  content: "";
  width: 2px;
  display: inline-block;
  height: 195px;
  position: absolute;
  left: 6px;
  background-color: #e9d5ff;
  top: 15px;
}

.profile_des .profileright_col h3 {
  font-size: 20px;
}

.profile_des .doc_box {
  background-color: #f9fafb;
  border-radius: 12px;
  padding: 16px;
  margin-bottom: 12px;
}

.profile_des .achievements_col p {
  border: 1px solid #e0e7ff;
  background-image: linear-gradient(to right, #eef2ff, #faf5ff);
  border-radius: 12px;
  padding: 13px;
}

.profile_des .action-card h5,
.companiesCarousel .card h5 {
  font-size: 24px;
  color: #111827;
}

.profile_des .action-card button {
  padding: 15px 25px;
  width: unset;
}

.profile_des .action-card {
  background-color: #fff;
  padding: 30px;
  box-shadow: 0 2px 25px 0 rgba(0, 0, 0, 7%);
  border-radius: 12px;
  margin-bottom: 25px;
  border: 0;
}

/* user profile css end */

/* job filter slider css start */
/* Default hidden on mobile */

.profile_head #updateimg .profile-avatar .icon-2 {
  justify-content: end;
  position: relative;
}

.profile_head #updateimg .profile-avatar .icon-2 .icon {
  background-color: #fff;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.profile_head #updateimg .profile-avatar .icon-2 .icon i {
  font-size: 17px;
  line-height: 0;
  color: #5345e5;
}

.work_profile_modal .salary_range input {
  display: inline-block;
  float: left;
  width: 40%;
  margin-right: 13px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.profile_head #updateimg .profile-avatar .icon-2 .icon:nth-child(1) {
  position: absolute !important;
  top: -85px;
  right: -17px;
}

.profile_head #updateimg .profile-avatar .icon-2:nth-child(2) .icon:nth-child(2) {
  position: absolute;
  top: -46px;
  right: 13px;
}

#filterSidebar {
  position: fixed;
  top: 0;
  left: -100%;
  width: 80%;
  height: 100%;
  background: #fff;
  z-index: 1050;
  padding: 1rem;
  transition: left 0.3s ease-in-out;
  box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

#filterSidebar.open {
  left: 0;
}

@media (min-width: 992px) {
  #filterSidebar {
    position: static;
    width: 100%;
    height: auto;
    left: 0;
    box-shadow: none;
    transition: none;
  }

  #filterToggleBtn,
  #closeFilter {
    display: none;
  }

  .job_alert_sec .fiter_themebtn button {
    display: block !important;
  }
}

#location {
  z-index: 1;
  /* ensure it appears above other elements */
  position: relative;
}

.pac-container {
  z-index: 99999 !important;
  /* for suggestions dropdown */
}

/* job filter slider css end */

/* notification */
.webnotification span {
  background: red;
  top: -9px;
  right: 14px;
  width: 15px;
  height: 15px;
  font-size: 12px;
  border-radius: 50%;
}

.form-control.is-invalid {
  background-image: none;
}

.invalid-feedback {
  font-size: 15px;
}

/* choose role start */

.account_card {
  border: 1px solid transparent;
  border-radius: 12px;
  padding: 13px 10px;
  cursor: pointer;
  font-size: 18px;
  color: #111827;
  text-align: center;
  margin-bottom: 20px;
  background-color: #fff;
  font-weight: 400;
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.06);
  font-family: "Inter 18pt";
}

.account_card input {
  display: none;
}

.account_card.active_account {
  border-color: #4f46e5;
  color: #4f46e5;
  font-weight: 600;
}

/* choose role end */

/* choose position  start */
.login_sec.register_steps .form-control.search-input {
  width: unset;
  height: unset;
  box-shadow: unset;
  border-radius: unset;
  background-color: transparent;
  border: none;
  padding: 0;
  margin-bottom: 0;
}

/* choose position  end */

.login_sec.register_steps .input_box {
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.06);
  border-radius: 12px !important;
  border: none !important;
  background-color: #fff !important;
}

.login_sec.register_steps .scroll_box label {
  color: #111827;
  font-size: 16px;
  font-weight: 500;
  font-family: "Inter 18pt";
  display: flex;
  /* align-items: center; */
  line-height: 28px;
}

.login_sec.register_steps .scroll_box input[type="radio"]:checked::before {
  content: "";
  width: 16px;
  height: 16px;
  background: #4f46e5;
  border-radius: 50%;
  position: absolute;
  top: 0px;
  left: 0px;
}

.login_sec.register_steps .scroll_box input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  border: 1px solid #4f46e5;
  /* 🔶 Purple border */
  border-radius: 50%;
  min-width: 18px;
  height: 18px;
  outline: none;
  cursor: pointer;
  position: relative;
  margin-right: 8px;
  margin-top: 6px;
}

/* create profile css start */
.profile_sec h2,
.cities-title {
  color: #111827;
  font-size: 30px;
  font-weight: 600;
}

.profile_sec p,
.profile_sec .modal p {
  color: #4b5563;
  font-size: 16px;
  font-weight: 400;
}

.profile_sec .head p {
  max-width: 40%;
  margin: 0 auto;
}

.profile_sec .card {
  background-color: #f8eef9;
  border-radius: 25px;
  padding: 50px 40px !important;
}

.profile_sec .form-box {
  max-width: 100%;
  align-items: unset !important;
  background-color: unset;
  border-radius: unset;
  padding: unset;
}

.profile_sec .basic_infor .form-box,
.profile_sec .experience .form-box {
  background-color: unset !important;
  padding: 0 !important;
  background-color: unset;
  border-radius: unset;
  padding: unset;
}

.profile_sec h3,
.profile_sec .modal-title {
  font-size: 22px;
}

.profile_sec .form-box .member-error select,
.profile_sec .form-box .input_box {
  border: none !important;
  background-color: #ffffff !important;
  padding: 15px 20px !important;
  border-radius: 12px !important;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.06) !important;
}

.profile_sec .form-box form textarea,
.profile_sec .sected_btn input,
.profile_sec .form-select,
.work-experience-toggle label {
  border: none;
  background-color: #ffffff;
  padding: 10px 18px;
  border-radius: 12px;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.06);
}

/* .profile_sec .sected_btn input,
.work-experience-toggle input[type="radio"]:checked + label {
  font-size: 16px;
  font-weight: 500;
  color: #111827;
  padding: 16px 20px;
  white-space: break-spaces;
} */

.profile_sec .sected_btn input.active,
.work-experience-toggle input[type="radio"]:checked+label {
  color: #fff;
  background-color: #4f46e5;
}

.profile_sec h5 {
  font-size: 16px;
  font-weight: 500;
  color: #4f46e5;
}

.profile_sec .upload-area {
  border: 2px dashed #ced4da;
  transition: background-color 0.2s;
  background-color: #fff;
  border-radius: 12px;
  height: 190px;
  width: 100%;
  object-fit: cover;
}

.profile_sec .upload-area .photo {
  font-size: 14px;
  color: #9ca3af;
  font-weight: 400;
}

.profile_sec .form-check-input:checked {
  background-color: #4f46e5;
}

.profile_sec #exampleCheck1 {
  border-color: #4f46e5;
}

.work-experience-toggle input[type="radio"] {
  display: none;
}

/* create profile css end */

/* skill css start */
.skillsContainer .skill-btn.active,
.skillsContainer .skill-btn:hover {
  background-color: #4f46e5;
  color: #fff;
  border: none;
}

.skillsContainer .skill-btn {
  margin: 5px;
  cursor: pointer;
  background-color: #fff;
  border-radius: 10px;
  padding: 10px 18px;
  border: none;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.06);
}

.profile_sec .modal-header {
  border-bottom: none;
}

.profile_sec .modal-content {
  padding: 40px;
  border-radius: 30px;
}

.profile_sec .salary {
  min-height: 380px;
}

/* skill css end */

/* job page css start */
.jobrighttab_card .job-card {
  padding: 30px;
  border-radius: 16px;
}

.specilist_box {
  border: 1px solid #e0e7ff;
  background-image: linear-gradient(to right, #eef2ff, #faf5ff);
  padding: 20px;
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.06);
  border-radius: 16px;
}

.applied_btn {
  font-size: 16px;
  background-color: #3988f5;
  color: #fff;
  border-radius: 12px;
  font-weight: 600;
  padding: 10px 20px;
  border: none;
}

.status-step h6 {
  font-size: 14px;
  color: #111827;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
}

.status-step span.process_bar {
  background-color: #afb9c8;
  width: 23px;
  height: 2px;
  flex-shrink: 0;
}

.status-step span.process_bar.active {
  background-color: #22c55e;
}

.status-step {
  display: flex;
  align-items: center;
  gap: 1rem;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  padding: 1rem 0;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.status-step::-webkit-scrollbar {
  display: none;
}

.tab_sec .badge {
  width: 24px;
  height: 24px;
  background-color: #e4e5e8;
  align-items: anchor-center;
  font-size: 12px;
  font-weight: 500;
  color: #4b5563;
  font-family: "Inter 18pt";
}

.tab_sec .tab_Btn.active .badge {
  background-color: #9e5eed;
  color: #fff;
}

.tab_sec .tab_Btn {
  padding: 16px 20px;
  border-radius: 12px;
  background-color: #fff;
  font-size: 16px;
  gap: 10px;
  display: flex;
  color: #111827;
  font-weight: 500;
  font-family: "Inter 18pt";
}

.jobs_btn a.fillbtn,
.recuiter_head a.fillbtn,
.tab_sec .tab_Btn.active {
  background: linear-gradient(90deg,
      rgba(79, 70, 229, 1) 0%,
      rgba(147, 51, 234, 1) 100%);
  color: #fff;
}

.tab_sec .tab-content .talent_Btn {
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px,
    rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
  border-radius: 12px;
  padding: 16px;
  border: 2px solid transparent;
}

.tab_sec .tab-content .talent_Btn.active {
  border-color: #7939cd;
}

.tab_sec .tab-content h5 {
  font-size: 18px;
}

.tab_sec .tab-content .talent_box .yellow,
.tab_sec .tab-content .talent_box .blue {
  font-weight: 500;
  font-family: "Inter 18pt";
}

.tab_sec .tab-content .talent_box .blue {
  color: #3988f5;
  font-weight: 500;
  font-family: "Inter 18pt";
}

/* job page css end */

/*cv*/
.create-profile .drop-zone-input {
  opacity: 0;
}

.phone_number {
  padding-left: 84px !important;
}

.work_profile_modal h5 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 30px;
  letter-spacing: 1px;
  text-transform: capitalize;
}

.position_modal .modal-header .btn-close,
.work_profile_modal .modal-header .btn-close {
  background: url("/public/front-assets/assets/img/experience_modal_close.png") no-repeat;
  box-shadow: none;
  position: absolute;
  top: 28px;
  right: 28px;
  background-size: 10px;
  background-position: 10px;
  padding: 0;
  opacity: 1;
  width: 30px;
  height: 30px;
  background-color: #7939cd;
  border-radius: 50%;
}

.work_profile_modal label {
  font-size: 16px;
  margin-bottom: 5px !important;
  font-weight: 600;
}

.work_profile_modal#aboutmodel textarea {
  width: 100%;
  border-radius: 10px;
  outline: none;
  padding: 12px 15px;
  background: #f5f5f5;
  border: none;
  margin-top: 5px;
  color: #000;
  resize: none;
}

.select-profile .basic_details .cke_top.cke_reset_all,
.select-profile .basic_details .cke_bottom.cke_reset_all,
.work_profile_modal .cke_top.cke_reset_all,
.work_profile_modal .cke_bottom.cke_reset_all {
  display: none;
}

.cke_chrome {
  border: none !important;
  border-radius: 5px;
}

.work_profile_modal .modal-footer {
  border: none;
  margin: auto;
}

.work_profile_modal .modal-body,
.work_profile_modal .modal-header,
.work_profile_modal .modal-footer {
  padding: 0 !important;
}

.work_profile_modal .modal-content,
.crop_img_modal .modal-content,
.jobdetails_modal .modal-content {
  padding: 30px;
}

.candidate_type {
  margin-bottom: 25px;
  cursor: pointer;
  margin-top: -10px;
}

.work_profile_modal .color_input {
  background: #ebebeb !important;
}

.work_profile_modal input,
.work_profile_modal select {
  background: #ebebeb !important;
  color: #000;
  border: none;
  box-shadow: none !important;
  padding: 12px 20px;
  font-size: 14px;
  outline: none;
}

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

.work_profile_modal input[type="checkbox"],
.work_profile_modal input[type="radio"] {
  border: solid 1px #777777;
  padding: 7px;
  margin-top: 4px !important;
}

.work_profile_modal .form-group {
  margin-bottom: 20px;
}

/* .skill_modal .select_skills .skill_type h5,
.position_modal h5 {
  font-size: 20px;
  margin-bottom: 10px !important;
} */

.select_skills .your_skill li,
.position_modal li {
  display: inline;
}

.work_profile_modal.skill_modal .select_skills .skill_type label {
  min-width: 47.2% !important;
  padding: 8px 10px;
  font-size: 16px;
}

.select_skills .skill_type label,
.select_skills .skill_type select {
  border: solid 1px #000;
  padding: 10px 10px;
  color: #000;
  min-width: 23.3%;
  margin: 15px 5px 0;
  cursor: pointer;
  text-transform: capitalize;
  font-size: 15px;
}

.select_skills .your_skill li input,
#updateindustry .your_skill.member-error li input {
  margin-right: 5px;
}

#other-skill-dropdown input {
  border: solid 1px #000;
  padding: 12px 15px;
  width: 73.3%;
  margin: 2.3% 5px 0;
  color: #000;
  font-weight: 500;
}

/* .skill-item {
  border: 1px solid #ccc;
  padding: 8px 32px !important;
  display: flex;
  align-items: center;
  column-gap: 10px;
  border-radius: 35px;
  cursor: pointer;
  margin: 5px 0;
} */

.skillContainer {
  width: 65%;
  max-height: 200px;
  overflow: auto;
}

.skillContainer .test_class_de label.form-check-label.skill-item {
  justify-content: center;
}

/* .position_modal h5, */
.skill_modal .select_skills .skill_type h5 {
  font-size: 20px;
  margin-bottom: 10px !important;
}

#workexpermodel .candidate_type input:checked[type="checkbox"],
.skill_modal .select_skills .skill_type input:checked[type="checkbox"],
.skill_modal .select_skills .skill_type input:checked[type="radio"] {
  background-image: url("/public/new-front-assets/image/radio_check_icon.png") !important;
  background-color: #7939cd !important;
  background-repeat: no-repeat !important;
  background-size: 9px !important;
  background-position: 5px 6px !important;
}

#workexpermodel .candidate_type input,
.skill_modal .select_skills .skill_type input[type="checkbox"],
.skill_modal .select_skills .skill_type input[type="radio"] {
  width: 20px;
  height: 20px;
  margin-top: 2px !important;
}

.work_profile_modal .select_skills .your_skill {
  margin-bottom: 25px;
}

.user-profile .resume_modal .file_upload_heading {
  font-size: 30px;
}

.create-profile .upload-cv h3 {
  font-size: 21px;
  font-weight: 700;
  margin-bottom: 15px;
  text-align: left;
  color: #000;
}

.user-profile .resume_modal .create-profile .upload-cv p {
  color: #777777;
  font-size: 16px;
  margin-bottom: 5px;
  text-align: left;
}

.upload-seeker-doc .seeker-doc-feild .drop-zone,
.upload-seeker-resume .seeker-resume-feild .drop-zone,
.appreciation1 .drop-zone {
  height: 180px;
}

.create-profile .drop-zone {
  /* border: 1px dashed #000000;
  border-radius: 20px;
  background: transparent;
  margin-bottom: 20px;
  margin-top: 20px; */
  position: relative;
  height: 100%;
}

.upload-seeker-doc .seeker-doc-feild .drop-zone-input,
.upload-seeker-resume .seeker-resume-feild .drop-zone-input,
.appreciation1 .upload-cv .drop-zone-input {
  height: auto;
  width: 30%;
  top: 40px;
  margin: 0 auto;
  display: block;
}

/* .create-profile .drop-zone-input {
  height: 180px;
  border-radius: 0px;
  margin: 0px;
  opacity: 0;
  position: relative;
  z-index: 5;
} */

.user-profile .resume_modal .create-profile {
  padding: 40px 0 !important;
}

.create-profile .drop-zone-item {
  bottom: 0;
  left: 0;
  right: 0;
  top: -40px;
  position: absolute;
  justify-content: center;
}

.create-profile .drop-zone .cv-hide {
  height: 60%;
}

.create-profile .drop-zone .drop-zone-input {
  height: 80%;
}

.upload-seeker-doc .drop-zone-item,
.upload-seeker-resume .drop-zone-item,
.appreciation1 .drop-zone-item {
  top: -25px;
}

.create-profile .drop-zone .drop-icon {
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #777777;
  text-decoration: none;
  margin-right: 10px;
}

.tab_sec #myTabContent .jobrighttab_card .vertical_tab {
  width: 92%;
}

.angle_bg:after {
  background-image: url(/public/new-front-assets/image/right_circle.png);
  background-position: center;
  background-repeat: no-repeat;
  content: "";
  display: inline-block;
  background-size: 100%;
  height: 30%;
  width: 3.5%;
  position: absolute;
  top: 75%;
  left: 0%;
}

.angle_bg:before {
  background-image: url(/public/new-front-assets/image/left-circle.png);
  background-position: center;
  background-repeat: no-repeat;
  content: "";
  display: inline-block;
  background-size: 100%;
  height: 25%;
  width: 3.5%;
  position: absolute;
  top: 45%;
  right: 0;
}

/* Recruiter page css start */
.recuiter-section .recuiter-profile {
  /* background-color: #fff; */
  border-radius: 30px;
}

.recuiter-section .profile-images img,
.recuiter-section .recuiter-images img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.recuiter-section .recuiter-containet {
  padding: 50px 0;
}

.recuiter-section .profile-images {
  position: relative;
  width: 108px;
  height: 108px;
  margin-top: -57px;
  margin-left: 20px;
  border-radius: 100%;
  overflow: hidden;
}

.recuiter-section .profile-images img {
  width: 100% !important;
  height: 100% !important;
  border-radius: 50% !important;
  /* background: #ffffffeb;
  position: relative;
  z-index: 1;
  border: 2px solid #9333e8; */
}

.recuiter-section .profile-images .acquiringImg {
  position: absolute;
  top: 0;
  left: 0;
  background: transparent;
}

.recuiter-section .profile-text h3 {
  font-size: 30px;
  color: #000;
  text-transform: capitalize;
}

.recuiter-section .recuiter-tabing .nav-tabs .nav-link {
  margin-bottom: 0px;
  background: none;
  font-size: 16px;
  color: #444445;
  font-weight: 500;
  border-radius: 0;
  padding: 17px 28px;
  border-bottom: 2px solid transparent !important;
}

.recuiter-section .recuiter-tabing .nav-tabs {
  border: none;
  margin-bottom: 35px;
}

.recuiter-section .tab-about {
  font-size: 22px;
  color: #111827;
  font-weight: 600;
}

.recuiter-section .tab-pane p {
  font-size: 16px;
}

.recuiter-section .recuiter-websites {
  padding: 10px;
  border-radius: 15px;
  margin: 32px 0 0px;
  box-shadow: 0 2px 15px 2px rgba(0, 0, 0, 0.06);
  display: flex;
  align-items: center;
  width: 46%;
}

.recuiter-section .recuiter-websites a {
  color: #7939cd;
  font-size: 20px;
}

.recuiter-section .company-job {
  border-radius: 15px;
  padding: 20px;
  margin-bottom: 20px;
  background-color: #fff;
  box-shadow: 0 1px 8px 0 rgb(0 0 0 / 12%);
  border: 1px solid transparent;
}

.recuiter-section .company-job.active {
  border-color: #c999f3;
}

/* .recprofile_jobscroll {
  overflow-y: scroll;
  height: 600px;
  padding-right: 15px;
  margin-top: 60px;
} */
.recuiter-section .company-img,
.company_listing .company-img {
  width: 58px;
  height: 59px;
  margin-right: 20px;
  background: linear-gradient(to top left, #4f46e5 0%, #9333e8 100%);
  color: #fff;
  text-align: center;
  padding: 11px;
  font-size: 28px;
  box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.06);
}

.recuiter-section .company-img img,
.company_listing .company-img img {
  width: 100%;
  object-fit: cover;
  height: 100%;
}

.recuiter-section .company-data h5,
.company_listing .company-data h5,
.aboutUs-section h4,
.how-it-worksbx .card h4,
.counter-section .card h4,
.recruiter-section h4 {
  color: #111827;
  font-size: 20px;
  font-weight: 600;
}

.recuiter-section .company-data h6,
.company_listing .company-data h6 {
  color: #595656;
  font-size: 18px;
  font-weight: 400;
}

.recuiter-section .company-data p {
  margin-bottom: 2px;
  color: #8d8d8d;
  font-family: Poppins;
}

.recuiter-section .company-setting {
  margin-right: -20px;
  margin-top: -5px;
  position: relative;
}

.recuiter-section .company-setting i {
  color: #4b5563;
  font-size: 22px;
}

.company-setting ul.dropdown-menu {
  background: #fff;
  padding: 6px 15px;
  border-radius: 5px;
  left: -20px !important;
  min-width: 7rem;
}

.recuiter-section .company-setting .dropdown-toggle::after {
  opacity: 0;
}

.company-setting a.dropdown-item {
  color: #000;
  padding: 6px 0;
  font-size: 14px;
}

.recuiter-section .recuiter-images img {
  border-radius: 15px 15px 0 0;
  height: 140px;
  width: 100%;
}

.jobs_btn a,
.recuiter_head a {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  border-radius: 10px;
  padding: 12px 20px;
  transition: all ease-in-out 0.4s;
  color: #4f46e5;
  border: 1px solid #4f46e5;
}

.recuiter_head {
  box-shadow: 0 2px 15px 2px rgba(0, 0, 0, 0.06);
  border-radius: 0 0 15px 15px;
  padding: 30px 20px 30px 143px;
  margin-top: -50px;
  background-color: #fff;
}

.recuiter-tabing ul.nav-tabs {
  box-shadow: 0 2px 15px 0px rgba(0, 0, 0, 0.06);
  padding: 0 15px;
  border-radius: 15px;
  justify-content: space-between;
  background-color: #fff;
}

.recuiter-section .recuiter-tabing .nav-tabs .nav-link.active {
  border-color: #9333e8 !important;
  background-color: #f5edfd;
  color: #9333e8;
}

.recuiter-section .recuiter-tabing .nav-tabs .nav-link.active span img {
  filter: brightness(0) saturate(100%) invert(28%) sepia(92%) saturate(1835%) hue-rotate(255deg) brightness(87%) contrast(112%);
}

.recuiter-tabing .tab-content .tab_shadow {
  box-shadow: 0 2px 15px 0px rgba(0, 0, 0, 0.06);
  border-radius: 15px;
  padding: 50px 40px;
  background-color: #fff;
}

.starts_icon {
  color: #f8bd00;
  font-size: 22px;
}

.rating_area .progress .progress-bar {
  background-color: #f8bd00;
}

.rating_area .progress {
  background-color: #c9c5c5;
  height: 4px;
  width: 48%;
}

.rating_area small {
  color: #181725;
  font-size: 14px;
  font-weight: 400;
  width: 40px;
}

.ration_main {
  height: 28px;
}

.rating_area h2 {
  font-size: 52px;
  font-weight: 500;
}

.rating_area p {
  color: #6a6e7a;
}

.rating_area {
  padding: 25px;
}

.recuiter-section .recuiter-websites h5,
.right_reviewbox h4 {
  color: #111827;
  font-size: 22px;
  font-weight: 600;
}

.right_reviewbox p.review_apra {
  font-size: 16px;
  line-height: 22px;
}

.right_reviewbox .review-card {
  border: 1px solid #f4ebfd;
  padding: 20px;
  border-radius: 10px;
}

.right_reviewbox .reviewer-initial {
  background: linear-gradient(90deg,
      rgba(79, 70, 229, 1) 0%,
      rgba(147, 51, 234, 1) 100%);
  color: #fff;
  width: 55px;
  height: 55px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}

.profile_sec .card label,
.right_reviewbox .review-card h5 {
  font-size: 16px;
  color: #111827;
  font-weight: 500;
}

.right_reviewbox .review-card h6 {
  color: #9ca3af;
  font-size: 14px;
  font-weight: 400;
}

.right_reviewbox .review-card a,
.right_reviewbox .review-card p {
  color: #858c98;
  font-size: 16px;
  line-height: 24px;
}

.recuiter-section .recuiter-websites i {
  width: 58px;
  height: 58px;
  display: inline-block;
  text-align: center;
  background-color: #9333e8;
  color: #fff;
  border-radius: 15px;
  padding: 10px;
  font-size: 27px;
  margin-right: 15px;
}

.recuiter-section .recuiter-websites a {
  color: #9333e8;
  font-size: 16px;
  font-weight: 400;
  font-family: "Inter 18pt";
}

.recuiter-section .company_info .recuiter-websites i {
  background-color: unset;
  color: #9333e8;
  width: unset;
  height: unset;
  padding: 0;
}

.recuiter-section .company_info .recuiter-websites {
  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.2);
  padding: 15px 18px;
}

.recuiter-section .company_info .recuiter-websites h5 {
  font-size: 16px;
}

.recuiter-tabing .tab-content .internship_card i:before {
  font-weight: 400 !important;
}

/* Recruiter page css end */

/* user profile */
/* Custom Switch Button */
.switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 25px;
}

span.select2-container.select2-container--default.select2-container--open {
  z-index: 9999;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: transparent !important;
  border: none !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove span {
  color: #4f46e5;
}

/* Hide default checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
  border-radius: 25px;
}

.slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 4px;
  bottom: 3.5px;
  background-color: white;
  transition: 0.4s;
  border-radius: 50%;
}

/* When checked, move the slider */
input:checked+.slider {
  background-color: #7939cd;
}

input:checked+.slider:before {
  transform: translateX(24px);
}

/* Round slider */
.slider.round {
  border-radius: 25px;
}

div#removeRes {
  margin: 0 0 10px 0;
}

.resume_modal .modal-content {
  padding: 60px 50px 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: #f5f5f5;
}

.resume_modal .remove_resume {
  border-radius: 10px;
  padding: 25px 35px;
  width: 100%;
  margin: 40px 0 0;
  background: #fff;
}

.resume_modal button.theme_btn {
  margin-top: 40px;
  padding: 12px 18px;
}

.resume_modal .close_resume_edit {
  background: #7939cd;
  position: absolute;
  top: 20px;
  right: 20px;
  width: 30px;
  color: #fff;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 2px;
  font-size: 20px;
}

.theme_btn {
  background: #7939cd;
  color: #fff;
  padding: 10px 30px;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-decoration: none;
  display: inline-block;
  border: solid 1px #7939cd;
  box-shadow: none;
}

.resume_modal .close_resume_upload {
  background: #7939cd;
  position: absolute;
  top: 20px;
  right: 20px;
  width: 30px;
  color: #fff;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 2px;
  font-size: 20px;
}

.position_modal .modal-content {
  padding: 50px 30px 60px;
  border-radius: 10px;
  background: #f5f5f5;
}

.position_modal .modal-header h5 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 30px;
  letter-spacing: 1px;
  text-transform: capitalize;
}

.position_modal .search_bar {
  margin: 18px 10px 20px 5px;
  max-width: 400px;
  position: relative;
}

.position_modal li {
  display: inline;
}

.position_modal .search_bar i {
  position: absolute;
  top: 8px;
  left: 12px;
  color: #7939cd;
}

.position_modal .search_bar input {
  background: #fff;
  color: #000;
  padding: 8px 20px 8px 35px;
  font-size: 15px;
  outline: none;
}

.position_modal label {
  min-width: 47.5% !important;
  font-size: 15px;
  margin-bottom: 2px;
  cursor: pointer;
  color: #000000;
}

.position_modal .modal-footer button {
  padding: 10px 30px;
  max-width: 220px;
}

.position_modal .select_position h5 {
  letter-spacing: 1px;
}

/* .position_modal h5 {
  font-size: 20px;
  margin-bottom: 10px !important;
} */
.position_modal input[type="radio"] {
  margin: 5px 10px 5px 5px;
  background-color: transparent;
  border: solid 1px #7939cd;
  box-shadow: none;
}

.position_modal input:checked[type="radio"] {
  background-color: #7939cd;
}

/* .position_modal .modal-header .btn-close {
        box-shadow: none;
        position: absolute;
        top: 28px;
        right: 28px;
        background-size: 10px;
        background-position: 10px;
        padding: 0;
        opacity: 1;
        width: 30px;
        height: 30px;
        background-color: #7939CD;
        border-radius: 50%;
        --bs-btn-close-color: #fff;
    } */

/* .work_profile_modal input {
  background: #ebebeb !important;
  color: #000;
  border: none;
  box-shadow: none !important;
  padding: 12px 20px;
  font-size: 14px;
  outline: none;
} */
.work_profile_modal .candidate_type input:checked[type="checkbox"] {
  background-color: #4290f6 !important;
  background-image: url("/public/new-front-assets/image/radio_check_icon.png") !important;
  background-size: 10px !important;
  background-repeat: no-repeat !important;
  background-position: 2px !important;
}

/* Search suggestions */
#search-suggestions {
  max-height: 200px;
  overflow-y: auto;
  border: 1px solid #ddd;
  border-radius: 0.375rem;
  background: #fff;
  margin-top: 2px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

#search-suggestions li {
  padding: 10px 12px;
  font-size: 14px;
  border-bottom: 1px solid #f1f1f1;
}

#search-suggestions li:last-child {
  border-bottom: none;
}

#search-suggestions li:hover {
  background: #f8f9fa;
  cursor: pointer;
}

.website-design-img {
  width: 80;
  height: 80px;
  object-fit: cover;
  border-radius: 15px;
}

.advanced-btn {
  background-color: #dcfce7;
  border-radius: 50px;
  color: #15803d;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: 500;
  display: inline-block;
}

.card.card-padding {
  padding: 35px;
}

.info_btn {
  border-radius: 10px;
  font-weight: 500;
  font-size: 14px;
  padding: 5px 12px;
}

.info_btn.advanced {
  color: #22c55e;
  background-color: #d3f3df;
}

.info_btn.offline {
  color: #9333e8;
  background-color: #e9d6fa;
  display: inline-block;
  padding: 0.25rem 0.75rem;
  font-size: 0.875rem;
  margin-right: 0.5rem;
  margin-bottom: 0.25rem;
}

.info_btn.seat {
  color: #ef494e;
  background-color: #fcdbdc;
}

.skill_part .sky_blue_btn span.tag {
  font-size: 15px;
  color: #9333e8;
  background: linear-gradient(90deg,
      hwb(268 90% 0%) 0%,
      hsl(215, 94%, 93%) 100%);
}

.skill_part .lg_tag {
  background-color: #e0e7ff;
  color: #6550d2;
  font-size: 16px;
  font-weight: 500;
  border-radius: 50px;
  padding: 4px 10px;
  display: inline-block;
}

.skill_part .imm_tag {
  background-color: #dcfce7;
  color: #15803d;
  border-radius: 5px;
  padding: 8px 10px;
  font-size: 16px;
  font-weight: 500;
  width: fit-content;
}

.ft_icons li a {
  color: #4f46e5;
  font-size: 18px;
}

/*  job-details page */
.disable-links a {
  pointer-events: none;
  /* Prevent click events */
  cursor: default;
  /* Change cursor to default */
  color: inherit;
  /* Optional: keep the text color same as surrounding text */
  text-decoration: none;
  /* Optional: remove underline */
}

/* Modal Overlay */
.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.45);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

/* Modal Box */
.modal-box {
  background: #fff;
  width: 90%;
  max-width: 700px;
  max-height: 90vh;
  border-radius: 16px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

/* Header */
.modal-header {
  padding: 16px 24px;
  border-bottom: 1px solid #eee;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.modal-header h4 {
  margin: 0;
}

.modal-close {
  font-size: 24px;
  cursor: pointer;
}

/* Body */
.modal-body {
  padding: 16px 24px;
  /* overflow-y: auto; */
  flex: 1;
}

/* Comment Input */
.comment-input {
  display: flex;
  align-items: flex-start;
  margin-bottom: 20px;
}

.comment-input .user-img {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  margin-right: 12px;
}

.comment-input textarea {
  flex: 1;
  resize: none;
  height: 80px;
  border: 1px solid #ccc;
  border-radius: 12px;
  padding: 10px;
}

.comment-input button {
  background: #6366f1;
  color: white;
  border: none;
  padding: 10px 16px;
  border-radius: 12px;
  margin-left: 10px;
  cursor: pointer;
}

/* Comments List */
.comments-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* Individual Comment */
.comment {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.comment .user-img {
  width: 40px;
  height: 40px;
  border-radius: 100%;
}

.comment-header {
  font-size: 14px;
  color: #333;
}

.comment-header .date {
  font-size: 12px;
  color: #aaa;
  margin-left: 10px;
}

.comment p {
  margin: 4px 0;
}

.comment-actions {
  font-size: 13px;
  color: #666;
}

#customCommentModal .comments-list {
  max-height: 300px;
  /* Adjust height as needed */
  overflow-y: auto;
  padding-right: 10px;
  margin-top: 10px;
}

/* Optional: Style scrollbar for better appearance */
#customCommentModal .comments-list::-webkit-scrollbar {
  width: 6px;
}

#customCommentModal .comments-list::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 3px;
}

.comment.reply-comment {
  display: flex;
  justify-content: flex-end;
  margin-top: 5px;
}

.reply-box {
  background-color: #e0f7fa;
  color: #333;
  padding: 10px 15px;
  border-radius: 12px 12px 0px 12px;
  max-width: 70%;
  font-size: 14px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

/* company details */
.review_star {
  margin: 15px 0 20px;
}

.review_outer .review_star span {
  font-size: 32px;
  color: #ffd600;
  margin-right: 15px;
  line-height: normal;
}

.review_outer .review_star i {
  font-size: 25px;
  margin-right: 4px;
}

.review_outer .review_star .fa-star {
  color: #ffd600;
}

.review_outer .review_star .fa-star-o {
  color: #acacac;
}

.review_pane h5 {
  font-size: 20px;
  margin-bottom: 5px;
  letter-spacing: 1px;
  color: #000;
}

.seeker_review {
  width: 80px;
  height: 80px;
  margin-right: 15px;
}

.seeker_review img {
  object-fit: cover;
}

.review_pane .review_details {
  margin: 30px 0 30px;
}

.review_pane .review_details p {
  font-size: 14px;
}

.work_profile_modal .review_modal_content textarea {
  padding: 10px 20px;
  background: #fff;
  color: #454545;
  border-radius: 20px;
  outline: none;
  resize: none;
}

.review_modal_content .form-group .stars a {
  display: inline-block;
  padding-right: 4px;
  text-decoration: none;
  margin: 0;
}

.review_modal_content .form-group .stars a:after {
  position: relative;
  font-size: 40px;
  font-family: "FontAwesome", serif;
  display: block;
  content: "\f005";
  color: #d2d2d2;
  margin-right: 5px;
}

.review_modal_content .form-group span {
  font-size: 0;
}

.review_modal_content .form-group .stars a:hover~a:after {
  color: #cfcfcf !important;
}

.review_modal_content .form-group span.active a.active~a:after {
  color: #cfcfcf;
}

.review_modal_content .form-group span:hover a:after {
  color: #ffd600 !important;
}

.review_modal_content .form-group span.active a:after,
.review_modal_content .form-group .stars a.active:after {
  color: #ffd600;
}

.add_reviewbtn {
  margin-left: auto;
  font-size: 14px;
}

span.star_rating {
  color: #ffd600;
}

.star_rating svg {
  margin-bottom: 5px;
}

/* save jab page css */
.save_job .job-card {
  padding: 14px;
  min-height: 625px;
}

.save_job .job-card .action-buttons {
  position: relative;
  bottom: unset;
  width: 100%;
  padding-top: 24px;
}

.save_job .match,
.job-card .match {
  background-color: #22c55e;
  border-radius: 50px;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  padding: 5px 10px;
  position: absolute;
  top: 10px;
  right: 10px;
  width: fit-content;
}

/* save jab page css end */

/* companies page css end */
.companies_section .companies_row {
  border-radius: 15px;
  padding: 50px 14px 14px;
  box-shadow: rgb(149 157 165 / 8%) 0px 8px 24px;
}

.companies_section .card {
  padding: 25px 20px;
  border-radius: 15px;
  border: 1px solid #e6e6e6;
  height: 100%;
}

.companies_section .card .img-com {
  border-radius: 8px;
  width: 60px;
  height: 60px;
  object-fit: cover;
}

.companies_section .card h3 {
  text-transform: capitalize;
  font-size: 20px;
  font-weight: 600;
  color: #111827;
}

.companies_section .card .theme-button {
  border-radius: 12px;
  width: 116px;
  padding: 8px 8px;
  text-align: center;
}

.companies_section .card .theme-button.unfollow {
  background: transparent;
  border: 1px solid #9333e8;
  color: #9333e8;
}

.companies_section .nav-tabs,
.final_sec .nav-tabs {
  border-bottom: none;
  gap: 14px;
}

.companies_section .nav-tabs .nav-link,
.final_sec .nav-tabs .nav-link {
  border-radius: 12px;
  background: #fff;
  font-size: 16px;
  font-weight: 500;
  color: #111827;
  border: none;
  margin: 0;
  padding: 13px 24px;
  box-shadow: rgb(149 157 165 / 8%) 0px 8px 24px;
}

.companies_section .nav-tabs .nav-link.active,
.final_sec .nav-tabs .nav-link.active {
  color: #fff;
  background: linear-gradient(90deg,
      rgba(79, 70, 229, 1) 0%,
      rgba(147, 51, 234, 1) 100%);
}

.modal-backdrop.show {
  opacity: 0.5;
  background-color: rgba(0, 0, 0, 0.5);
}

.companies_section .acquir_img {
  position: absolute;
  width: 90px;
  height: 90px;
  top: -15px;
  left: -14px;
}

.inner_banner .searchJob.company_searchbar {
  max-width: 40%;
}

.inner_banner .searchJob.company_searchbar .input-group {
  width: 100%;
}

/* companies page css end */

/* job page css start */

.job_sec h3 {
  font-size: 25px;
  color: #111827;
  font-weight: 600;
  font-family: "Inter 18pt";
  margin-bottom: 36px;
}

.job_sec h3 span {
  font-size: 20px;
  color: #8d8d8d;
  font-weight: 500;
  font-family: "Inter 18pt";
}

.job_sec .custom_card,
.job_sec .detail_cutom_card,
.custom_img_slider .detail_cutom_card {
  padding: 40px 30px;
  border-radius: 15px;
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 6%);
  background-color: #fff;
}

.job_sec .detail_cutom_card {
  padding: 20px;
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 12%);
}

.job_sec .detail_cutom_card .job_post_img {
  width: 78px;
  height: 78px;
  object-fit: cover;
  border-radius: 15px;
  box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 6%);
}

.job_sec .detail_cutom_card h5 {
  font-size: 18px;
  color: #000;
  font-family: "Inter 18pt";
  font-weight: 600;
}

.job_sec .detail_cutom_card p {
  font-size: 18px;
  color: #595656;
  font-family: "Inter 18pt";
  font-weight: 400;
}

.job_sec .detail_cutom_card span {
  font-size: 16px;
  color: #8d8d8d;
}

.job_sec .detail_cutom_card .active,
.job_sec .detail_cutom_card .disable {
  padding: 4px 16px;
  border-radius: 30px;
  background-color: #d3f3df;
  color: #22c55e;
  font-size: 14px;
  font-weight: 500;
  font-family: "Inter 18pt";
  line-height: 23px;
  border: none;
}

.job_sec .detail_cutom_card .disable {
  background-color: #ffcccd;
  color: #ff0004;
}

.job_sec.filter_sec .bookmark {
  width: 34px;
  height: 34px;
  margin: 10px;
}

.job_sec.filter_sec .bookmark i {
  color: #7939cd;
  font-size: 16px;
}

.job_sec.filter_sec .job-card h5 {
  font-family: "Inter 18pt";
}

.job_sec.filter_sec .job-card .action-buttons a {
  max-width: 100% !important;
  width: 100%;
}

.job_alert_sec .custom_card {
  padding: 30px 27px;
}

.job_alert_sec h3 i {
  font-size: 27px;
  color: #9333e8;
}

.job_alert_sec .detail_cutom_card {
  padding: 27px 25px 20px 27px;
  margin-bottom: 20px;
  border: 1px solid #e9d6fa;
}

.job_alert_sec .detail_cutom_card.active {
  border: none;
}

.job_alert_sec .custom_box {
  background-color: #efe0ff;
  min-width: 60px;
  height: 60px;
  border-radius: 15px;
  box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 6%);
}

.job_alert_sec .job_company {
  width: 27px;
  height: 27px;
}

.detail_cutom_card i,
.job-card i {
  color: #8d8d8d;
  cursor: pointer;
  font-size: 18px;
}

.job-card .social_shares i {
  color: #fff;
}

.job_alert_sec .job-card h6 {
  font-size: 14px;
  font-weight: 500;
  color: #111827;
  font-family: "Inter 18pt";
}

.job_alert_sec .job-card.internship_card {
  /* min-height: 626px; */
  min-height: 570px;
}

.job_alert_sec .custom_card .fillbtn,
.forum_sec .custom_card .fillbtn {
  background: linear-gradient(90deg,
      rgba(79, 70, 229, 1) 0%,
      rgba(147, 51, 234, 1) 100%);
  font-weight: 600;
  font-family: "Inter 18pt";
  padding: 14px 16px;
  border-radius: 12px;
}

.job_alert_sec .custom_card .form-control,
.forum_sec .custom_card .form-control,
.forum_sec .custom_card .form-select {
  font-size: 16px;
  font-weight: 500;
  color: #111827;
  border-radius: 12px;
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 6%);
  padding: 12px 16px;
  border: 0;
}

.forum_sec .custom_card .form-control,
.forum_sec .custom_card .form-select,
.forum_sec .custom_card .fillbtn {
  height: 54px;
}

.forum_sec .custom_card .custom_input {
  font-weight: 500;
}

.job_alert_sec .fiter_themebtn button {
  padding: 12px 16px;
}

.job_alert_sec .fiter_themebtn button:hover {
  border: 1px solid #7939cd;
}

.job_sec .carousel-control-next,
.custom_img_slider .carousel-control-next,
.job_sec .carousel-control-prev,
.custom_img_slider .carousel-control-prev {
  position: absolute;
  top: -12% !important;
  width: 36px !important;
  height: 36px;
  border-radius: 50%;
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 6%) !important;
  background: linear-gradient(90deg,
      rgba(79, 70, 229, 1) 0%,
      rgba(147, 51, 234, 1) 100%) !important;
}

.custom_img_slider .carousel-control-prev,
.custom_img_slider .carousel-control-next {
  top: 50% !important;
}

.job_sec .carousel-control-next-icon,
.job_sec .carousel-control-prev-icon,
.custom_img_slider .carousel-control-prev-icon,
.custom_img_slider .carousel-control-next-icon {
  width: 18px !important;
  height: 18px !important;
}

.job_sec .carousel-control-prev {
  left: 70% !important;
}

.detail_cutom_card a {
  text-decoration: none;
}

.forum_sec .custom_card {
  padding: 50px 30px 26px;
}

.custom_img_slider {
  padding-top: 100px;
  padding-bottom: 60px;
}

.forum_sec {
  padding-bottom: 100px;
}

.custom_img_slider .owl-carousel .item {
  text-align: center;
}

.custom_img_slider .owl-carousel .item img {
  width: 108px;
  height: 108px;
  border-radius: 50%;
  object-fit: cover;
}

.custom_img_slider .owl-theme .owl-nav {
  display: block !important;
}

.custom_img_slider .owl-carousel .owl-prev,
.custom_img_slider .owl-carousel .owl-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: linear-gradient(90deg,
      rgba(79, 70, 229, 1) 0%,
      rgba(147, 51, 234, 1) 100%) !important;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: #fff !important;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0 !important;
  line-height: normal;
}

.custom_img_slider .owl-carousel .owl-prev {
  left: -80px;
}

.custom_img_slider .owl-carousel .owl-next {
  right: -80px;
}

.custom_img_slider .owl-carousel .owl-prev span,
.custom_img_slider .owl-carousel .owl-next span {
  font-size: 33px;
}

.custom_img_slider .owl-theme .owl-dots {
  display: none !important;
}

.custom_img_slider .owl-carousel .item h6 {
  font-size: 20px;
  font-weight: 600;
  margin-top: 16px;
  color: #111827;
  font-family: "Inter 18pt";
  margin-bottom: 0;
}

.custom_img_slider .detail_cutom_card {
  padding: 36px 60px 20px;
}

.forum_sec .detail_cutom_card .found_img {
  width: 50px;
  height: 50px;
}

.forum_sec .detail_cutom_card h5 {
  font-size: 16px;
  color: #111827;
}

.forum_sec .detail_cutom_card p {
  font-size: 14px;
  color: #4b5563;
}

.forum_sec .detail_cutom_card .content h4 {
  font-size: 21px;
  color: #111827;
  font-weight: 600;
  font-family: "Inter 18pt";
}

.forum_sec .detail_cutom_card .content p {
  font-size: 16px;
  color: #7c7c7c;
  font-weight: 400;
}

/* job page css end */

.applied-jobsCards .schedule_meetup {
  margin: 30px 0;
}

.applied-jobsCards .schedule_meetup h3 {
  color: #111827;
  font-size: 22px;
  font-weight: 500;
}

/*Record not found*/

.recordCards img {
  max-width: 180px;
}

.recordCards p {
  width: 55%;
  margin: auto;
}

.recordCards h5 {
  font-size: 32px;
  font-weight: 600;
  color: #7939cd;
  padding-top: 10px;
  text-transform: capitalize;
}

/* google map page */

.layout-custom {
  padding: 120px 0px;
  background-color: #fafaff;
}

.nearbyJobCard,
.jobLocationCard,
.choose_resume .option-card {
  border-radius: 15px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
  background: #fff;
  padding: 50px 40px;
}

.final_sec .sidebar_left .nearbyJobCard,
.final_sec .sidebar_rigth .nearbyJobCard {
  padding: 30px 20px;
}

.final_sec .sidebar_rigth .btn-icon {
  border: 1px solid #9333e8;
  border-radius: 6px;
  background-color: transparent;
  cursor: pointer;
  padding: 6px 12px;
  width: 32%;
}

.final_sec .sidebar_rigth .btn-icon span,
.final_sec .sidebar_rigth .spell-check a {
  font-size: 12px;
  color: #7939cd;
  font-weight: 500;
}

.final_sec .sidebar_rigth .spell-check a {
  font-size: 16px;
}

.final_sec .sidebar_rigth .btn-icon i {
  color: #7939cd;
}

.final_sec .sidebar_rigth .spell-check {
  border-top: 1px solid #9333e8;
  border-bottom: 1px solid #9333e8;
}

.resume_bluider_sec .nearbyJobCard {
  padding: 0px;
}

.resume_bluider_sec .nearbyJobCard .card-header {
  padding: 30px 20px;
  margin-bottom: 30px;
  border-bottom: 2px solid #7939cd;
}

.resume_bluider_sec .nearbyJobCard .card-body {
  padding: 0px 20px 30px;
}

.jobLocationCard {
  margin-top: 120px;
}

.custom-content {
  padding-bottom: 40px;
}

.custom-content h5,
.choose_resume .option-card h5,
.resume_bluider_sec .nearbyJobCard h5,
#templateModal .modal-header h5 {
  color: #111827;
  font-size: 25px;
  font-weight: bold;
}

.resume_bluider_sec .nearbyJobCard h6,
.final_sec .sidebar_left h6,
.final_sec .sidebar_rigth h6 {
  color: #111827;
  font-weight: 600;
  font-size: 20px;
  /* margin-bottom: 20px; */
}

.final_sec .sidebar_rigth .section-list li {
  padding-bottom: 6px;
}

.final_sec .sidebar_rigth .section-list li a {
  font-size: 14px;
  font-weight: 600;
  color: #7939cd;
}

.choose_resume .option-card .circle_img {
  width: 64px;
  height: 64px;
  margin: 0 auto;
  border: 2px solid #7939cd;
  background: linear-gradient(to right, #dde3fd, #fee2f1);
}

.custom-content p {
  font-size: 16px;
  font-weight: 500;
}

.account_hed,
.resume_bluider_sec .nearbyJobCard .form-label,
.final_sec .sidebar_left .form-label {
  color: #111827;
  font-size: 16px;
  padding-bottom: 10px;
  font-weight: 500;
}

.nearby_input,
.resume_bluider_sec .nearbyJobCard .form-control,
.resume_bluider_sec .nearbyJobCard .form-control:focus {
  padding: 15px;
  border-radius: 12px;
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 6%) !important;
  color: #9ca3af;
  font-size: 16px;
}

.resume_bluider_sec .nearbyJobCard .progress-bar {
  background: linear-gradient(90deg,
      rgba(79, 70, 229, 1) 0%,
      rgba(147, 51, 234, 1) 100%);
}

.resume_bluider_sec .nearbyJobCard .form-control {
  margin-bottom: 25px;
}

.resume_bluider_sec .nearbyJobCard textarea {
  resize: none;
}

.resume_bluider_sec .btn_modal {
  border: 1px solid #7939cd;
  padding: 6px 10px;
  font-size: 16px;
  color: #7939cd;
  background: transparent;
  border-radius: 10px;
}

.resume_bluider_sec .accordion-button:not(.collapsed) {
  background: linear-gradient(to right, #dde3fd, #fee2f1);
  color: #111827;
  font-weight: 600;
}

/* .final_sec .sidebar_left  input[type="range"]{
    width: 100%;
    height: 4px;
    background: #7939cd;
    border: 3px solid white;
    box-shadow: var(--thumb-shadow);
    margin-top:0;
  } */

.final_sec .sidebar_left input[type="range"] {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 6px;
  border-radius: 10px;
  background: linear-gradient(90deg, #245444 0%, #66bb6a 100%);
  outline: none;
  cursor: pointer;
  border: none;
  margin-top: 10px;
}

/* 🎨 Background track styling (WebKit browsers like Chrome, Edge, Safari) */
.final_sec .sidebar_left input[type="range"]::-webkit-slider-runnable-track {
  height: 6px;
  background: linear-gradient(90deg,
      rgba(79, 70, 229, 1) 0%,
      rgba(147, 51, 234, 1) 100%);
  border-radius: 10px;
}

/* 🔘 Thumb styling */
.final_sec .sidebar_left input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 18px;
  height: 18px;
  background: white;
  border: 3px solid #7939cd;
  border-radius: 50%;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  margin-top: -6px;
  /* center thumb */
  transition: transform 0.15s ease;
}

.final_sec .sidebar_left input[type="range"]:active::-webkit-slider-thumb {
  transform: scale(1.1);
}

/* 🦊 Firefox support */
.final_sec .sidebar_left input[type="range"]::-moz-range-track {
  height: 6px;
  background: linear-gradient(90deg,
      rgba(79, 70, 229, 1) 0%,
      rgba(147, 51, 234, 1) 100%);
  border-radius: 10px;
}

/* .final_sec .sidebar_left .divider {
    border: 3px solid #7939cd;
} */

.resume_bluider_sec .accordion-button:focus {
  border-color: transparent;
}

.resume_bluider_sec .theme-button {
  font-size: 14px;
  padding: 8px 12px;
}

.footer .download-card .qr-img {
  width: 200px;
  height: 120px;
  object-fit: contain;
}

.nearby_input input {
  border: 0;
  padding: 0 5px;
}

.resume_bluider_sec .nearbyJobCard .form-check-input {
  border: 1px solid #7939cd;
}

.nearbyJobCard select.form-select,
.nearbyJob-baar span.select2-selection,
.advabsFilter-detail span.select2-selection,
.resume_head .searchJob .form-select {
  padding: 15px;
  border-radius: 12px;
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 6%);
  color: #9ca3af;
  font-size: 16px;
  border: 0;
  margin-bottom: 25px;
}

.final_sec .sidebar_left .nearbyJobCard select.form-select {
  border: 1px solid;
}

.final_sec .middle .resume-template-1 h1,
.final_sec .middle .resume-template-1 h2,
.final_sec .middle .resume-template-1 h3,
.final_sec .middle .resume-template-1 h4,
.final_sec .middle .resume-template-1 h5,
.final_sec .middle .resume-template-1 h6,
.final_sec .middle .resume-template-2 h1,
.final_sec .middle .resume-template-2 h2,
.final_sec .middle .resume-template-2 h3,
.final_sec .middle .resume-template-2 h4,
.final_sec .middle .resume-template-2 h5,
.final_sec .middle .resume-template-2 h6,
.final_sec .middle .resume-template-3 h1,
.final_sec .middle .resume-template-3 h2,
.final_sec .middle .resume-template-3 h3,
.final_sec .middle .resume-template-3 h4,
.final_sec .middle .resume-template-3 h5,
.final_sec .middle .resume-template-3 h6,
.final_sec .middle .resume-template-4 h1,
.final_sec .middle .resume-template-4 h2,
.final_sec .middle .resume-template-4 h3,
.final_sec .middle .resume-template-4 h4,
.final_sec .middle .resume-template-4 h5,
.final_sec .middle .resume-template-4 h6,
.final_sec .middle .resume-template-5 h1,
.final_sec .middle .resume-template-5 h2,
.final_sec .middle .resume-template-5 h3,
.final_sec .middle .resume-template-5 h4,
.final_sec .middle .resume-template-5 h5,
.final_sec .middle .resume-template-5 h6,
.final_sec .middle .resume-template-6 h1,
.final_sec .middle .resume-template-6 h2,
.final_sec .middle .resume-template-6 h3,
.final_sec .middle .resume-template-6 h4,
.final_sec .middle .resume-template-6 h5,
.final_sec .middle .resume-template-6 h6 {
  font-size: 16px !important;
}

.final_sec .middle .resume-template-1 p,
.final_sec .middle .resume-template-2 p,
.final_sec .middle .resume-template-3 p,
.final_sec .middle .resume-template-4 p,
.final_sec .middle .resume-template-5 p,
.final_sec .middle .resume-template-6 p {
  font-size: 14px !important;
}


.resume_head .searchJob .form-select {
  margin-bottom: 0;
}

.nearbyJob-baar span.select2-selection,
.advabsFilter-detail span.select2-selection {
  height: unset;
  margin-bottom: 0px;
}

.nearbyJob-baar span.select2-selection .select2-selection__arrow,
.advabsFilter-detail span.select2-selection .select2-selection__arrow {
  height: 26px;
  top: 15px;
}

.nearbyJob-baar span.select2.select2-container,
.advabsFilter-detail span.select2.select2-container {
  width: 100% !important;
}

.advabsFilter {
  border-bottom: 1px solid #0000000f;
  padding-bottom: 30px;
  margin: 10px 0 30px 0;
}

.advabsFilter i.bi {
  color: #7939cd;
}

.advabsFilter a {
  font-size: 16px;
  color: #111827;
}

.jobLocationMap iframe {
  border-radius: 15px;
}

.JobsSearch-btn {
  text-align: center;
  padding-top: 20px;
}

.btnSatellite {
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 6%);
  color: #111827;
  margin-left: 15px;
  background: #ffffff;
}

/*google map page css end*/

/*Help and Support*/

.helpSupport-text h5 {
  font-size: 38px;
}

.accountInput-card input,
.accountInput-card textarea {
  padding: 15px;
  border-radius: 12px;
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 6%) !important;
  color: #9ca3af;
  font-size: 16px;
  border: 0;
}

.accountInput-card textarea {
  min-height: 270px;
  margin-bottom: 20px;
}

.accountInput-card {
  padding-bottom: 25px;
}

/*  google translator css */
/* Hide the ugly default Google logo */
/* .goog-te-gadget img {
  display: none !important;
} */

/* Style the select dropdown like your buttons */
/* .goog-te-gadget-simple {
  background: linear-gradient(
    90deg,
    rgba(79, 70, 229, 1) 0%,
    rgba(147, 51, 234, 1) 100%
  );
  border: none;
  color: #fff;
  padding: 12px 30px !important;
  font-size: 14px;
  border-radius: 8px;
  cursor: pointer;
  appearance: none; 
  outline: none;
  transition: all ease-in-out 0.4s;
}

#google_translate_container {
  position: relative;
  display: inline-block;
}

.goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed span {
  text-decoration: none;
  color: #ffffff;
  font-size: 16px;
  font-weight: 500;
  border-radius: 8px;
}
.header .languageBtn .skiptranslate {
  display: none;
}

.VIpgJd-ZVi9od-ORHb-OEVmcd {
  position: none;
  display: none !important;
} */
/* end google translator css */

.header .languageBtn .skiptranslate {
  border: 1px solid #9333e8;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  height: 48px;
  width: 48px;
  position: relative;
  cursor: pointer;
  overflow: hidden;
}

.header .goog-te-gadget-simple {
  background-color: transparent;
  border: none;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.goog-te-gadget-simple span {
  display: none !important;
}

.goog-te-gadget-simple::before {
  content: url("/public/new-front-assets/image/language-icon.svg");
  display: inline-block;
  width: 100%;
  height: 100%;
  vertical-align: middle;
}

.goog-te-gadget-simple img {
  display: none;
}

.skiptranslate select {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  z-index: 2;
}

.skiptranslate::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 22px;
  height: 22px;
  z-index: 1;
}

.VIpgJd-ZVi9od-ORHb-OEVmcd {
  display: none !important;
}

header.header .offcanvas-body ul.navbar-nav {
  display: flex;
  align-items: center;
}

/* home page new section added */

.popular-section .card {
  border-radius: 25px;
  border-color: #dbdbdb;
  height: 100%;
  overflow: hidden;
  justify-content: space-between;
  transition: all ease-in-out 0.6s;
  border: 1px solid #dbdbdb;
}

.popular-section .card:hover {
  border-radius: 25px 25px 12px 12px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.popular-section .row>div:nth-of-type(2) .card:hover {
  border-color: #cb460c;
  background-color: #faf3e4;
}

.popular-section .row>div:nth-of-type(2) .card:hover h4 {
  color: #cb460c;
}

.popular-section .row>div:nth-of-type(2) .card:hover .view-bx,
.popular-section .row>div:nth-of-type(2) .card:hover .trending-btn {
  background-color: #cb460c;
}

.popular-section .row>div:nth-of-type(2) .card:hover .trending-btn {
  color: #faf3e4;
}

.popular-section .row>div:nth-of-type(3) .card:hover {
  border-color: #8124d2;
  background-color: #f6edff;
}

.popular-section .row>div:nth-of-type(3) .card:hover h4 {
  color: #8124d2;
}

.popular-section .row>div:nth-of-type(3) .card:hover .view-bx,
.popular-section .row>div:nth-of-type(3) .card:hover .trending-btn {
  background-color: #8124d2;
}

.popular-section .row>div:nth-of-type(3) .card:hover .trending-btn {
  color: #f6edff;
}

.popular-section .row>div:nth-of-type(4) .card:hover {
  border-color: #15853f;
  background-color: #e0faea;
}

.popular-section .row>div:nth-of-type(4) .card:hover h4 {
  color: #15853f;
}

.popular-section .row>div:nth-of-type(4) .card:hover .view-bx,
.popular-section .row>div:nth-of-type(4) .card:hover .trending-btn {
  background-color: #15853f;
}

.popular-section .row>div:nth-of-type(4) .card:hover .trending-btn {
  color: #e0faea;
}

.popular-section .row>div:nth-of-type(5) .card:hover {
  border-color: #0e7692;
  background-color: #d6fbfe;
}

.popular-section .row>div:nth-of-type(5) .card:hover h4 {
  color: #0e7692;
}

.popular-section .row>div:nth-of-type(5) .card:hover .view-bx,
.popular-section .row>div:nth-of-type(5) .card:hover .trending-btn {
  background-color: #0e7692;
}

.popular-section .row>div:nth-of-type(5) .card:hover .trending-btn {
  color: #d6fbfe;
}

.popular-section .card .trending {
  padding: 30px 30px 0;
}

.popular-section .card .view-bx {
  background-color: transparent;
  text-align: center;
  padding: 14px 10px;
  color: #9333e8;
  font-size: 18px;
  font-weight: 500;
  border-top: 1px solid #dbdbdb;
  transition: all ease-in-out 0.4s;
}

.popular-section .card:hover .view-bx {
  /* background-color: #4f46e5; */
  border-color: transparent;
  color: #fff;
}

.popular-section .card .job-user {
  height: 75px;
  width: 75px;
  margin-right: 8px;
}

.popular-section .card .trending-btn {
  background-color: #edecfc;
  border-radius: 10px;
  color: #7939cd;
  font-size: 14px;
  font-weight: 400;
  padding: 5px 8px;
  border: none;
}

.companiesCarousel .card {
  padding: 30px 24px;
  border-radius: 30px;
  background-color: #fff;
  border-color: #dedede;
  align-items: center;
  justify-content: space-between;
  text-align: center;
  height: 100%;
  min-height: 345px;
  transition: all ease-in-out 0.4s;
}

.companiesCarousel .card:hover {
  border-radius: 15px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.companiesCarousel .owl-item:nth-child(4n + 1) .card:hover {
  background-color: #ffedf3;
  border-color: #ff5a94;
}

.companiesCarousel .owl-item:nth-child(4n + 1) .card:hover h5 {
  color: #5d000d;
}

.companiesCarousel .owl-item:nth-child(4n + 1) .card:hover .theme-button {
  background: #5d000d;
}

.companiesCarousel .owl-item:nth-child(4n + 2) .card:hover {
  background-color: #f5f9fa;
  border-color: #a5cbd4;
}

.companiesCarousel .owl-item:nth-child(4n + 2) .card:hover h5 {
  color: #1d2e34;
}

.companiesCarousel .owl-item:nth-child(4n + 2) .card:hover .theme-button {
  background: #1d2e34;
}

.companiesCarousel .owl-item:nth-child(4n + 3) .card:hover {
  background-color: #fff7ed;
  border-color: #f69041;
}

.companiesCarousel .owl-item:nth-child(4n + 3) .card:hover h5 {
  color: #411409;
}

.companiesCarousel .owl-item:nth-child(4n + 3) .card:hover .theme-button {
  background: #411409;
}

.companiesCarousel .owl-item:nth-child(4n + 4) .card:hover {
  background-color: #f7f6ef;
  border-color: #ae9a61;
}

.companiesCarousel .owl-item:nth-child(4n + 4) .card:hover h5 {
  color: #2e221a;
}

.companiesCarousel .owl-item:nth-child(4n + 4) .card:hover .theme-button {
  background: #2e221a;
}

.popular-section .card h4,
.companiesCarousel .card h5,
.popular-section .card .trending-btn,
.trendingCarousel .card h5,
.aboutUs-section h4,
.how-it-worksbx .card h4,
.counter-section .card h4,
.recruiter-section h4,
.recruiter-section ul li {
  font-family: "Inter 18pt";
}

.companiesCarousel .card .comImg {
  width: 86px;
  height: 86px;
}

.companiesCarousel .card h5,
.companiesCarousel .card p {
  display: -webkit-box;
  max-width: 100%;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.companiesCarousel .card .theme-button {
  border-radius: 12px;
  padding: 11px 40px;
  background: transparent;
  color: #7939cd;
  border: 1px solid #7939cd;
}

.companiesCarousel .card:hover .theme-button {
  color: #fff;
  border-color: transparent;
  /* background: linear-gradient(
    90deg,
    rgba(79, 70, 229, 1) 0%,
    rgba(147, 51, 234, 1) 100%
  ); */
}

.companiesCarousel .owl-nav {
  margin-top: 0;
  position: absolute;
  top: -100px;
  right: 0;
  display: flex;
  gap: 20px;
}

.companiesCarousel.owl-theme .owl-nav button,
.trendingCarousel.owl-theme .owl-nav button {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #fff;
  margin: 0;
  position: relative;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.companiesCarousel.owl-theme .owl-nav button:hover,
.trendingCarousel.owl-theme .owl-nav button:hover {
  background-color: #fff;
}

.trendingCarousel.owl-theme .owl-nav button.owl-prev,
.trendingCarousel.owl-theme .owl-nav button.owl-next {
  position: absolute;
  top: 35%;
}

.trendingCarousel.owl-theme .owl-nav button.owl-prev {
  left: -30px;
}

.trendingCarousel.owl-theme .owl-nav button.owl-next {
  right: -30px;
}

.companiesCarousel.owl-theme .owl-nav button.owl-prev::before,
.companiesCarousel.owl-theme .owl-nav button.owl-next::before,
.trendingCarousel.owl-theme .owl-nav button.owl-prev::before,
.trendingCarousel.owl-theme .owl-nav button.owl-next::before {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #9333e8;
  font-size: 26px;
  font-weight: 700;
  font-family: bootstrap-icons !important;
  transform: translate(-50%, -50%);
}

.companiesCarousel.owl-theme .owl-nav button.owl-prev::before,
.trendingCarousel.owl-theme .owl-nav button.owl-prev::before {
  content: "\f284";
}

.companiesCarousel.owl-theme .owl-nav button.owl-next::before,
.trendingCarousel.owl-theme .owl-nav button.owl-next::before {
  content: "\f285";
}

.companiesCarousel.owl-theme .owl-nav button span,
.trendingCarousel.owl-theme .owl-nav button span {
  display: none;
}

.trendingCarousel.owl-theme .owl-dots {
  margin-top: 30px;
}

.trendingCarousel.owl-theme .owl-dots .owl-dot span {
  width: 15px;
  height: 15px;
  margin: 0 5px 0 0;
  background: #dfc2f8;
}

.trendingCarousel.owl-theme .owl-dots .owl-dot.active span {
  background: #9333e8;
}

.findjobBg {
  border-radius: 40px;
  padding: 100px;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px,
    rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}

.findjob-section .nav-tabs .nav-link {
  white-space: nowrap;
}

.findjob-section .cityBox {
  /* display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: repeat(2, 1fr); */
  gap: 30px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.findjob-section .cityBox .card {
  width: fit-content;
  min-width: 150px;
  padding: 15px;
  text-align: center;
  min-height: 90px;
  border-radius: 10px;
  border: 1px solid transparent;
  transition: all ease 0.6s;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px,
    rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}

.cityBox .card:nth-child(4n + 1):hover {
  border-color: #8124d2;
  background: linear-gradient(90deg, #fff 0%, #f6edff 40%);
}

.cityBox .card:nth-child(4n + 1):hover h6,
.cityBox .card:nth-child(4n + 1):hover p {
  color: #8124d2;
}

.cityBox .card:nth-child(4n + 2):hover {
  border-color: #cb460c;
  background: linear-gradient(90deg, #fff 0%, #faf3e4 40%);
}

.cityBox .card:nth-child(4n + 2):hover h6,
.cityBox .card:nth-child(4n + 2):hover p {
  color: #cb460c;
}

.cityBox .card:nth-child(4n + 3):hover {
  border-color: #15853f;
  background: linear-gradient(90deg, #fff 0%, #e0faea 40%);
}

.cityBox .card:nth-child(4n + 3):hover h6,
.cityBox .card:nth-child(4n + 3):hover p {
  color: #15853f;
}

.cityBox .card:nth-child(4n + 4):hover {
  border-color: #1e51db;
  background: linear-gradient(90deg, #fff 0%, #e1eeff 40%);
}

.cityBox .card:nth-child(4n + 4):hover h6,
.cityBox .card:nth-child(4n + 4):hover p {
  color: #1e51db;
}

.findjob-section .cityBox .card img {
  border-radius: 10px;
  height: 78px;
}

.findjob-section .cityBox .card h6 {
  font-size: 16px;
  color: #000;
}

.findjob-section .cityBox .card p {
  font-size: 16px;
  color: #a68fbb;
}

.view-cities-btn {
  color: #7939cd;
  border: 1px solid #7939cd;
  font-size: 16px;
  font-weight: 500;
  border-radius: 12px;
  padding: 14px 30px;
  display: inline-block;
}

.trending-section {
  border-top: 1px solid #dedede;
}

.trendingCarousel .card {
  border-radius: 10px;
  overflow: hidden;
  min-height: 338px;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px,
    rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}

.trendingCarousel .card img {
  height: 210px;
  object-fit: cover;
}

.trendingCarousel .card h5,
.trendingCarousel .card h5 a {
  font-size: 20px;
  color: #000;
  font-weight: 500;
  display: -webkit-box;
  max-width: 100%;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* home page new section added end */

.cities_list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(204px, 1fr));
  column-gap: 54px;
  row-gap: 8px;
  color: rgb(107, 124, 143);
}

.cities_list a {
  color: #4b5563;
  font-size: 16px;
  width: 96%;
  line-height: 24px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

/* new job list end */
.detailsCarousel .job-card {
  background-color: #e9dcf55e;
  min-height: 285px;
  margin-bottom: 0;
  padding: 12px;
}

.detailsCarousel .match-badge {
  font-size: 10px;
  padding: 6px 12px;
}

.detailsCarousel .filter_sec .bookmark {
  width: 30px;
  height: 30px;
}

.detailsCarousel .job-card i {
  font-size: 14px;
}

.detailsCarousel .job-card h5 {
  padding-top: 14px;
}

.detailsCarousel .owl-theme .owl-dots .owl-dot span {
  background: #dfc2f8;
  margin: 0 5px 0 0;
}

.detailsCarousel .owl-theme .owl-dots .owl-dot.active span {
  background: #9333e8;
}

.support-section .card {
  margin-bottom: 32px;
}

.support-section .card .icon,
.how-it-worksbx .card .icon,
.counter-section .card .icon {
  border-radius: 12px;
  width: 60px;
  height: 60px;
}

.support-section .card .icon i,
.how-it-worksbx .card .icon i,
.counter-section .card .icon i {
  font-size: 22px;
  color: #fff;
}

.support-section .card a,
.how-it-worksbx .card p,
.counter-section .card P,
.recruiter-section p,
.recruiter-section ul li {
  font-size: 16px;
  font-weight: 400;
}

.gerForm .input-group .form-control {
  color: #111827;
  font-size: 16px;
  width: 100%;
  border: 1px solid #d1d5db;
  background-color: transparent;
  padding: 15px;
  box-shadow: none;
  border-radius: 15px !important;
}

.gerForm .input-group textarea.form-control {
  resize: none;
  min-height: 114px;
}

.gerForm .input-group .iti {
  width: 100%;
}

.social-link li a {
  font-size: 18px;
  color: #fff;
  width: 40px;
  height: 40px;
  border-radius: 100%;
}

.aboutUs-section p {
  font-size: 16px;
  margin-bottom: 26px;
}

.aboutBx {
  border-radius: 20px;
  background-image: linear-gradient(to right, #dde3fd, #fee2f1);
  min-height: 320px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: sticky;
  top: 105px;
}

.aboutBx .icon {
  border-radius: 100%;
  width: 80px;
  height: 80px;
  color: #fff;
  font-size: 30px;
  background: linear-gradient(90deg,
      rgba(79, 70, 229, 1) 0%,
      rgba(147, 51, 234, 1) 100%);
}

.aboutBx .coBx {
  border-radius: 12px;
  height: 70px;
  width: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  position: absolute;
  font-size: 30px;
}

.aboutBx .coBx.check,
.aboutBx .coBx.lightning {
  top: -16px;
  right: -16px;
}

.aboutBx .coBx.bullseye,
.aboutBx .coBx.bullseyeRec {
  bottom: -16px;
  left: -16px;
}

.aboutBx .coBx.lightning,
.aboutBx .coBx.bullseyeRec {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  font-size: 22px;
}

.aboutBx .arrow {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  font-size: 18px;
  top: 50%;
  right: -16px;
  transform: translateY(-50%);
}

/* .abContbx p:first-child {
  text-align: center;
  margin-bottom: 40px;
} */

.how-it-worksbx .card,
.counter-section .card {
  border-radius: 20px;
  padding: 45px 30px 45px;
  border: none;
  height: 100%;
}

.recruiter-section .card {
  padding: 32px;
  height: 100%;
  border-radius: 15px;
  border: 1px solid #e2c2ff;
  transition: all ease-in-out 0.6s;
}

.recruiter-section .card:hover {
  border-color: #9333e8;
}

.recruiter-section .card .icon {
  width: 50px;
  height: 50px;
  border-radius: 12px;
  background-image: linear-gradient(to right, #dde3fd, #fee2f1);
}

.recruiter-section .card:hover .icon {
  background: linear-gradient(90deg,
      rgba(79, 70, 229, 1) 0%,
      rgba(147, 51, 234, 1) 100%);
}

.recruiter-section .card .icon i {
  font-size: 24px;
  color: #9333e8;
}

.recruiter-section .card:hover .icon i {
  color: #fff;
}

.recruiter-section .card:hover h4 {
  color: #9333e8;
}

.recruiter-section .card a {
  color: #9333e8;
  font-size: 16px;
  font-weight: 500;
  font-family: "Inter 18pt";
}

.recruiter-section ul li {
  margin-bottom: 8px;
  color: #4b5563;
}

.recruiter-section ul li:last-child {
  margin-bottom: 16px;
}

.selectNew .select2-selection {
  border: none !important;
  background-color: #ffffff;
  padding: 6px;
  min-height: auto !important;
  border-radius: 12px !important;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.06);
}

.company_list#company_list_0::-webkit-scrollbar {
  display: none;
}

.company_list#company_list_0 {
  width: 40% !important;
  margin-top: 15px !important;
}

.form-floating .note-editable {
  background-color: #fff;
}

.form-floating ol li {
  color: #4b5563;
  font-size: 16px;
  font-weight: 400;
}

.form-floating ol li:not(:last-child) {
  padding-bottom: 6px;
}

.success-password-sec {
  padding: 162px 0 80px 0;
}

.success-password-sec .success-card {
  border-radius: 12px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.fiter_themebtn_sticky {
  position: sticky;
  bottom: 0;
  z-index: 299;
  gap: 6px;
  background-color: #fafaff;
  transition: all 0.3s ease;
}

.fiter_themebtn_sticky.sticky-active {
  display: flex;
}

.fiter_themebtn_sticky.sticky-inactive {
  display: block;
}

.fiter_themebtn_sticky .fiter_themebtn {
  width: 100%;
}

#stickyPositionMarker {
  position: relative;
  height: 1px;
}

.resume_templates .theme_Btn,
.choose_resume .theme_Btn {
  position: absolute;
  bottom: 6%;
  left: 24%;
  padding: 14px 48px;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  background: linear-gradient(90deg,
      rgba(79, 70, 229, 1) 0%,
      rgba(147, 51, 234, 1) 100%);
  border-radius: 30px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2509803922);
}

.resume_templates .view-template-btn {
  width: 50px;
  height: 50px;
  background: linear-gradient(90deg,
      rgba(79, 70, 229, 1) 0%,
      rgba(147, 51, 234, 1) 100%);
  font-size: 20px;
  color: #fff;
}

.resume_templates .view-template-btn:hover,
.resume_templates .theme_Btn:hover {
  background: linear-gradient(90deg,
      rgba(79, 70, 229, 1) 0%,
      rgba(147, 51, 234, 1) 100%);
  color: #fff;
}

.resume_content {
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, .2);
  border-radius: 8px;
  transition: 200ms all linear;
  outline: 1px solid rgba(0, 0, 0, 0);
  border: 1px solid #dde2e7;
  min-height: 450px;
  overflow: hidden !important;
  height: 100%;
  transition: all 0.6s;
}

.resume_content:hover {
  outline: 2px solid #7939cd;
  transform: scale(1.03);
}

.filter_box .color-btn {
  min-width: 26px;
  min-height: 26px;
  border-radius: 50%;
  border: transparent;
  box-shadow: 0 .3rem .4rem rgba(0, 0, 0, .2);
  padding: 3px;
  position: relative;
  cursor: pointer;
}

.modal .filter_box .color-btn {
  min-width: 26px;
  height: 26px;
}

.filter_box .color-btn:hover {
  border: 2px solid #333;
}

.filter_box .color-btn.active-color::after {
  content: "✓";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  font-weight: bold;
  font-size: 16px;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.7);
}

#templateModal .modal-body {
  padding: 20px 40px;
}

#templateModal .modal-header .btn-close {
  font-size: 12px;
  color: #000;
}


/* --------------------------------------------------------- */


/* new css start  */



.header_class h2 {
  font-size: 32px;
  font-weight: 700;
  color: #000;
}

.header_class p {
  font-size: 18px;
  font-weight: 400;
}


.header_class .form-select {
  max-width: 175px;
  padding: 8px;
}

.header_class .filter_box {
  background-color: #f4f5fb;
  box-shadow: 0 2px 5px 2px rgba(0, 0, 0, .1);
  padding: 16px;
  border-radius: 8px;
}


.resume_card {
  position: relative;
  min-height: 450px;
}



/* .resume_templates .theme_Btn:hover {
  color: #fff;
  background-color: #2f5cf8;
} */



.detail_content h3 {
  font-size: 32px;
  color: #000;
  font-weight: 600;
}

.detail_content p {
  font-size: 18px;
  color: #000;
  font-weight: 400;
}

/* .login_section_des {
  padding: 24px;
  box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
  border-radius: 10px;
  background-color: #f4f5fb;
}

.login_section_des h5 {
  color: #111827;
  font-size: 24px;
  font-weight: 500;
}

.login_section_des form label {
  color: #111827;
  font-size: 14px;
  font-weight: 500;
}

.login_section_des .form-control {
  border: 1px solid #e5e7eb;
  padding: 8px 12px;
}

.login_section_des .form-text {
  font-size: 12px;
  color: #000;
  font-weight: 400;
} */

.choose_resume h1 {
  font-size: 40px;
  line-height: 38px;
  font-weight: 700;
}

/* .choose_resume .card {
  padding: 40px;
  border: 1px solid #000;
  border-radius: 8px;
  box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;
}

.choose_resume .card h5 {
  font-size: 24px;
  line-height: 28px;
  font-weight: 600;
  color: #000;
}

.choose_resume .card p,
.custom_head p {
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  color: #000;
} */

.custom_head .badge {
  font-size: 10px;
}

.choose_resume .theme_Btn {
  left: 0;
}

/* 
.resume-container.resume-template-1 {
  width: 100%;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.resume-container.resume-template-1::-webkit-scrollbar {
  display: none;
}

 .resume-template-1 .header {
  background-color: #009999;
  color: #fff;
  padding: 10px;
  display: flex;
  align-items: center;
  gap: 10px
}

.resume-template-1 .header .avatar {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  font-size: 18px;
  margin: 0px;
  border: 1px solid #fff;
  border-radius: 6px;
}

.resume-template-1 .header .name {
  font-size: 10px;
  font-weight: bold;
  margin-bottom: 4px;
}

.resume-template-1 .header .contact {
  font-size: 7px;
  color: #fff;
  font-weight: 500;
}

.resume-template-1 .section {
  padding: 6px 10px;
}

.resume-template-1 .section .border-div {
  border-bottom: 1px solid #009999;
  padding-bottom: 4px;
}

.resume-template-1li {
  font-size: 6px;
}

.resume-template-1 .section:last-child {
  border-bottom: none;
}

 .resume-template-1 .section h2 {
  font-size: 6px;
  margin-bottom: 6px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #009999;
  font-weight: 600;
}

.resume-template-1 .summary p {
  font-size: 6px;
  margin: 0;
} */

.skills-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.skills-container ul {
  list-style-type: disc;
  padding-left: 20px;
  width: 45%;
  margin: 0;
  font-size: 6px;
}

.experience-item {
  margin-bottom: 10px;
}

.experience-item h3 {
  margin: 0;
  font-size: 6px;
  font-weight: 600;
  color: #009999;
}

.experience-item h3 span {
  font-size: 6px;
  font-weight: 400;
  color: #333;
}

.experience-item .date {
  font-size: 6px;
  color: #999;
  font-style: italic;
}

.experience-item ul {
  font-size: 6px;
  padding-left: 20px;
  margin: 0;
}

.education-item,
.award-item {
  font-size: 6px;
}

.award-item ul {
  padding-left: 20px;
  margin: 5px 0;
  font-size: 6px;
}


.login_section_des h5,
.custom_card h4,
.login_section_des h5,
.custom_card .head {
  color: rgb(17, 24, 39);
  font-size: 24px;
  font-weight: 500;
}

.login_section_des h5,
.custom_card .head {
  font-size: 20px;
}

.login_section_des {
  box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
  background-color: rgb(244, 245, 251);
  padding: 24px;
  border-radius: 10px;
}

.login_section_des .btn {
  position: relative;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  letter-spacing: 0.5px;
  color: rgb(255, 255, 255);
  box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;
  padding: 12px;
  border-width: initial;
  border-style: none;
  border-color: initial;
  border-image: initial;
  border-radius: 12px;
  overflow: hidden;
  transition: 0.3s;
  background: linear-gradient(135deg, rgb(30, 58, 138) 0%, rgb(30, 64, 175) 50%, rgb(37, 99, 235) 100%);
}

.login_section_des .btn::before {
  content: "";
  position: absolute;
  height: 250%;
  width: 40px;
  top: 0px;
  left: -60px;
  transform: rotate(45deg) translateY(-35%);
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
  animation: 3s ease 0s infinite normal none running shine;
}

@keyframes shine {
  0% {
    left: -80px;
  }

  40% {
    left: calc(100% + 20px);
  }

  100% {
    left: calc(100% + 20px);
  }
}

.login_section_des .form-label {
  color: rgb(17, 24, 39);
  font-size: 15px;
  font-weight: 500;
}

.login_section_des .form-control {
  border-width: 1px;
  border-style: solid;
  border-color: rgb(229, 231, 235);
  border-image: initial;
  padding: 8px 12px;
}

.custom_card .card-header {
  background-color: rgb(244, 245, 251);
}

.custom_card .progress-bar {
  background-color: rgb(124, 143, 255);
}


.login_section_des .form-check-input {
  width: 16px;
  height: 16px;
  margin-top: 4px;
  margin-right: 10px;
}

.login_section_des .form-check-label {
  font-size: 16px;
  color: rgb(0, 0, 0);
  font-weight: 400;
}

/* new css  */

a {
  text-decoration: none;
}

/* Resume Container */
.resume-container_content {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}

/* Header */
/* .header {
        background-color: #f6e3c3;
        text-align: center;
        padding: 25px;
    } */

.header .initials {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  border: 2px solid black;
  border-radius: 50%;
  font-weight: bold;
  font-size: 22px;
  margin-bottom: 10px;
}

.header .name {
  font-size: 26px;
  font-weight: bold;
  letter-spacing: 1px;
}

.header .contact-info {
  font-size: 14px;
  color: #555;
}

/* Sections */
.resume-section {
  padding: 25px;
}

/* 
.section-title {
  font-size: 20px;
  font-weight: 600;
  color: #fff;
} */

.resume-section ul {
  list-style: disc;
  padding-left: 20px;
}

.resume-section li {
  margin-bottom: 6px;
}

/* Sidebar */


.sidebar .btn-icon:hover {
  color: #00bfff;
}

.save-btn {
  background-color: #2e58ff;
  color: white;
  font-weight: bold;
  width: 100%;
  border-radius: 8px;
  font-size: 16px;
  padding: 12px 0;
  margin-top: 15px;
  border: none;
  transition: 0.3s;
}

.save-btn:hover {
  background-color: #2345cc;
}


/* Tabs */
/* .nav-tabs {
  border: none;
}

.tab-content {
  background-color: #465075;
  padding: 12px;
  height: 80vh;
  overflow: hidden;
  overflow-y: scroll;
}

.tab-content::-webkit-scrollbar {
  display: none;
}

.tab-content .filter_box .color-btn {
  min-width: 22px;
  min-height: 22px;
  border-radius: 50%;
  border: transparent;
  box-shadow: 0 .3rem .4rem rgba(0, 0, 0, .2);
  padding: 3px;
  position: relative;
  cursor: pointer;
}

.nav-tabs .nav-link {
  color: #fff;
  border: none;
  border-radius: 8px 8px 0 0;
  background-color: #374269;
  font-weight: 500;
  font-size: 12px;
  width: 100%;
  min-width: 130px;
}

.nav-tabs .nav-link.active {
  color: #000;
  font-weight: 600;
  font-size: 12px;
  background-color: #ffedce;
}


.tab-content h6 {
  font-weight: 700;
  font-size: 16px;
  padding-bottom: 16px;

} 

.sidebar_left label {
  font-size: 16px;
  margin-bottom: 4px;
  font-weight: 700;
  color: #fff;
  width: 100%;
}

input[type="range"],
input[type="color"],
select {
  width: 100%;
  background-color: transparent;
  color: white;
}

input[type="color"] {
  height: 30px;
  border: none;
  border-radius: 5px;
}

.preview-box {
  height: 60px;
  background-color: #1b284f;
  border-radius: 8px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  margin-top: 10px;
  border: 2px solid #00b4d8;
}


.sidebar_left {
  color: white;
  border-radius: 12px;
  margin-bottom: 20px;
}

.sidebar_rigth button.btn-icon {
  width: 70px;
  height: 50px;
  background-color: #fff;
  border-radius: 6px;
  border: none;
}

.sidebar_rigth button.btn-icon a {
  color: #000;
  font-size: 10px;
  font-weight: 500;
}

.sidebar_rigth .save-btn {
  padding: 8px;
  border-radius: 30px;
  color: #fff;
  font-weight: 700;
  background-color: #2f5cf8;
}

.sidebar_rigth .spell-check {
  border: 1px dashed #dde2e7;
  padding: 20px 0;
  border-left: transparent;
  border-right: transparent;
  font-size: 14px;
}

.sidebar_rigth .spell-check a {
  color: #ffcd7d;
  font-weight: 700;
}

.sidebar_rigth .add-section {
  border: 1px dashed #dde2e7;
  border-left: transparent;
  border-right: transparent;
  border-top: transparent;
  display: block;
}

.sidebar_rigth .add-section a {
  font-size: 14px;
  font-weight: 400;
  color: #ffcd7d;
}

.sidebar_rigth .section-list li span {
  background: #fff;
  color: #000;
  border-radius: 50%;
  display: inline-block;
  width: 16px;
  height: 16px;
  text-align: center;
  line-height: 16px;
  font-size: 10px;
  margin-right: 8px;
}

.sidebar_rigth .section-list li {
  padding-bottom: 10px;
}

.sidebar_rigth .section-list li a {
  font-size: 14px;
  font-weight: 400;
  color: #fff;
}

.final_head a {
  font-size: 12px;
  color: #fff;
  font-weight: 400;
}
/* 
.divider {
  border-top: 1px dashed #dde2e7;
  margin: 24px 0;
} 

.range-label {
  display: flex;
  justify-content: space-between;
  font-size: 14px !important;
  font-weight: 400 !important;
}

@media (max-width: 1200px) {
  .nav-tabs .nav-link {
    min-width: 108px;
  }
}

 .custom-padding {
  padding: 60px 0;
} 

.resume_card p {
  font-size: 6px;
}
*/