/* .......... Nida CSS Start .............  */

:root {
  --bgColor: #fff;
  --bgColorSecondary: #f6f6f6;
  --bgCard: #fafafa;
  --footerBG: #f5f5f2;
  --textColor: #121212;
  --textColor1: #fff;
  --textColor2: #8c8989;
  --borderColor2: #d4d4d4;
  --borderColor3: #9f9e9e;
  --textcolorPrimary: #202020;
  --textblackwhite: #fff;
  --textcolorSecondary: #202020;
  --orangePrimary: #feaa00;
  --orangeSecondary: #f29e1f;
  --yellowPrimary: #fdd272;
  --BluePrimary: #1d184b;
  --BlueSecondary: #081a39;
  --BlueButton: #262f88;
  --BorderColor: #e5e5e5;
  --boxShadow: rgba(0, 0, 0, 0.2);
  --tableHeaderbg: #e5e5e5;
  --tabletextcolor: #121212;
  --toggleBg: #fbedb6;
  --toggleCircle: #f4ca25;
  --toogleIcon: #3e3e3e;
  --datecardShadow: 0 0 10px rgba(0, 0, 0, 0.1);
  --notiTabhover: #333;
  --cancel: #14a077;
  --maphighlight: #3772ff;
  --yellow: #eed60040;
  --red1: #b5000040;
  --red: #b50000;
  --yellowText: #a39200;
  --border: #dcdbdd;
  --search-bg: rgb(216, 216, 216);
  --search-bg-color: #fff;
  --placeholder: #c9c7c7;
  --bg-tertiary-color: #ffff;
  --badge-gray-bg: #e9e9ed;
  --badge-gray-text: #696974;
  --icon-bg: #f5f5f2;
}

[data-theme="dark"] {
  --bgColor: #121212;
  --bgColorSecondary: #2f2f2f;
  --bgCard: #181818;
  --footerBG: #2a2a28;
  --textColor: #fff;
  --textColor1: #121212;
  --textColor2: #8c8989;
  --borderColor2: #d4d4d4;
  --borderColor3: #9f9e9e;
  --textcolorPrimary: #e0e0e0;
  --textcolorSecondary: #202020;
  --textblackwhite: #fff;
  --orangePrimary: #ffb74d;
  --orangeSecondary: #f29e1f;
  --yellowPrimary: #ffd54f;
  --BluePrimary: #4c51a6;
  --BlueSecondary: #464a8f;
  --BlueButton: #1b1e3c;
  --BorderColor: #403f3f;
  --boxShadow: rgba(255, 255, 255, 0.2);
  --tableHeaderbg: #726f6f;
  --tabletextcolor: #121212;
  --datecardShadow: 0 0 10px #6f6e6e;
  --notiTabhover: #fff;

  --toggleBg: #043449;
  --toggleCircle: #25b6f4;
  --toogleIcon: #f9f6f6;
  --cancel: #14a077;
  --search-bg: rgb(108, 108, 108);
  --search-bg-color: #7c7c7c;
  --placeholder: #c9c7c7;
  --bg-tertiary-color: #707070;
  --badge-gray-bg: #e9e9ed;
  --badge-gray-text: #696974;
  --icon-bg: #3a3a38;
}

@font-face {
  font-family: "Marbledisplay-regular";
  font-style: normal;
  font-weight: normal;
  src: url("Fontspring-DEMO-marbledisplay-regular.otf") format("opentype");
}

@font-face {
  font-family: "MarbleDisplay-Bold";
  font-style: normal;
  font-weight: bold;
  src: url("Fontspring-DEMO-marbletext-bold.otf") format("opentype");
}

@font-face {
  font-family: "PlusJakartaSans-Regular";
  font-style: normal;
  font-weight: normal;
  src: url("PlusJakartaSans-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "PlusJakartaSans-Bold";
  font-style: normal;
  font-weight: bold;
  src: url("PlusJakartaSans-Bold.ttf") format("truetype");
}

body {
  font-family: "PlusJakartaSans-Regular" !important;
}

p {
  font-family: "PlusJakartaSans-Regular";
}

a {
  text-decoration: none !important;
}

.topJobsHome {
  padding: 40px 0 0 0;
}

.categoryKhoj {
  padding: 80px 0 0 0;
}

.khojLogin {
  padding: 5px 15px !important;
  line-height: 20px !important;
}

.khojTypeSelect {
  width: 30%;
}

.khojglobalsearch {
  position: relative;
}

.khojglobalsearch .khojicon {
  left: 5px;
  top: 18px;
  font-size: 18px !important;
  color: #969494;
}

.khojMode .icon-container {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.khojMode .mode-icon {
  width: 30px;
  height: 30px;
  transition: transform 250ms ease-in-out;
  background-color: var(--BluePrimary);
  padding: 5px;
  border-radius: 50px;
  color: var(--textblackwhite);
}

.khojMode .icon-container:hover .mode-icon {
  transform: scale(1.1);
  /* Slight scaling on hover */
}

.text-red {
  color: red;
}

.features-job,
.employer-block {
  background-color: var(--bgCard);
}

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

.sub-notification-content {
  /* height: 280px; */
  overflow: scroll;
}

.sub-notification-content::-webkit-scrollbar {
  display: none;
}

.khojSearch {
  background-color: var(--bgColorSecondary);
}

.khojSearch .searchIcon {
  color: #7f7f7f;
}

.khojSearch input {
  border: none;
}

.khojHeader .header-ct-right {
  flex-grow: 0;
}

.khojHeader .khojSearch {
  width: 60%;
  margin: auto;
  border-radius: 5px;
  padding: 5px;
  height: 40px;
}

.loginkhojHeader .khojSearch {
  width: 30%;
  margin: auto;
  border-radius: 5px;
  padding: 5px;
  height: 40px;
}

.khojHeader .sticky-area-wrap

/* .loginkhojHeader .sticky-area-wrap */
  {
  margin-top: 10px;
}

.loginkhojHeader .username {
  color: var(--textColor);
}

.loginkhojHeader .userdataDropdown {
  transform: translate3d(0px, 80px, 0px) !important;
  border: none;
  box-shadow: 0px 2px 2px rgba(28, 36, 51, 0.1);
  background-color: var(--bgColor);
}

.userdataDropdown span {
  font-size: 14px;
  color: var(--textColor);
}

.userdataDropdown svg {
  font-size: 18px;
  color: var(--BluePrimary);
}

.khojTableBtn {
  background-color: var(--orangePrimary);
  color: var(--textblackwhite);
  width: 100px;
  height: 40px;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  /* padding: 12px 32px; */
}

.khojTableBtn:hover {
  background-color: var(--BluePrimary);
}

.khojPrimaryBtn {
  background-color: var(--BluePrimary) !important;
  color: var(--textblackwhite) !important;
  width: 100px;
  height: 40px;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  /* padding: 12px 32px; */
}

.khojPrimaryBtn a {
  color: var(--textblackwhite);
  font-size: 16px;
}

.khojPrimaryBtn:hover {
  background-color: var(--orangePrimary);
  color: white;
}

.khoDwnlodBtn p {
  background-color: var(--orangePrimary);
  color: var(--textblackwhite) !important;
  width: 100px;
  height: 40px;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.khojPrimaryBtn1 {
  background-color: var(--BluePrimary);
  color: var(--textblackwhite);
  width: 180px;
  height: 50px;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.khojPrimaryBtn1 a {
  color: var(--textblackwhite);
  font-size: 16px;
}

.khojPrimaryBtn1:hover {
  background-color: var(--orangePrimary);
}

.khojSecondaryBtn {
  background-color: var(--bgColor);
  color: var(--textColor);
  border: 1px solid var(--orangePrimary);
  width: 100px;
  height: 40px;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.khojSecondaryBtn:hover {
  background-color: var(--orangePrimary);
}

.khojSecondaryBtn a {
  color: var(--textColor);
  font-size: 16px;
}

.khojSecondaryBtn1 {
  background-color: var(--bgColor);
  color: var(--textColor);
  border: 1px solid var(--textColor);
  width: 180px;
  height: 50px;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.khojSecondaryBtn1 a {
  color: var(--textColor);
  font-size: 16px;
}

.khojCancelBtn {
  background-color: var(--bgColor);
  color: var(--textColor);
  border: 1px solid var(--cancel);
  width: 90px;
  height: 40px;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.khojCancelBtn a {
  color: var(--textColor);
  font-size: 16px;
}

.css-qqv411-singleValue {
  margin-left: 10px !important;
}

.banner-city {
  background-color: var(--bgColor) !important;
  border: none !important;
}

.css-7my0u6-control {
  box-shadow: 0 0 0 0px var(--bgCard) !important;
}

.badgeGreen {
  width: 100px;
  height: 30px;
  background-color: #1481601a;
  color: var(--cancel);
  border-radius: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
}

.loginkhojHeader .menu-item {
  margin-right: 20px;
}

.loginkhojHeader .menu-item svg,
.menu-mobile-popup svg {
  font-size: 20px;
  color: var(--BluePrimary);
}

.loginkhojHeader .mobileToggle {
  display: none;
}

.profileMenu {
  margin-left: 20px;
  margin-right: 20px !important;
}

.profileMenu a::after {
  display: none;
}

.loginkhojHeader .menu-item a {
  font-size: 12px !important;
  display: block;
}

.loginkhojHeader .sticky-area-wrap .header-ct-right .account img {
  width: 50px;
}

.loginkhojHeader #menu-primary-menu {
  justify-content: space-between;
  margin-right: 30px;
}

.loginkhojHeader .sticky-area-wrap .header-ct-center,
.loginkhojHeader .sticky-area-wrap .header-ct-right {
  flex-grow: 0;
}

.categoryKhoj .job-category-box .btn-category-job,
.candidateHomeCat .job-category-box .btn-category-job {
  /* color: var(--textColor); */
}

.categoryKhoj .job-category-box:hover,
.categoryKhoj .job-category-box.active {
  background: var(--BluePrimary);
}

.categoryKhoj .job-category-box.active p,
.categoryKhoj .job-category-box:hover p {
  /* color: var(--textColor); */
}

.nonloginFeature .wrap-testimonials .user-tag.react-tabs__tab--selected {
  background-color: var(--BlueButton);
  color: var(--textblackwhite) !important;
}

.nonloginFeature .wrap-testimonials .menu-tab .user-tag {
  color: var(--textcolorSecondary);
}

.candidateHomeCat .job-category-box.active .btn-category-job,
.candidateHomeCat .job-category-box:hover a,
.candidateHomeCat .job-category-box:hover p {
  color: var(--textblackwhite);
}

.candidateHomeCat .job-category-box:hover,
.candidateHomeCat .job-category-box.active {
  background-color: var(--BluePrimary);
}

.features-job .job-archive-header h4 a {
  color: var(--textColor);
}

.icon-close {
  color: var(--textblackwhite);
}

.menu-mobile-popup .icon-close {
  color: var(--textColor);
}

.loginkhojHeader .nav-sub {
  display: flex;
  align-items: center;
  padding-left: 10px;
}

.loginkhojHeader #main-nav #menu-primary-menu>li .sub-menu.st1 .nav-sub>a {
  padding-left: 6px;
}

.jobName {
  width: 25%;
}

.tableActions svg {
  background-color: var(--footerBG);
  font-size: 20px;
}

.pointer {
  cursor: pointer;
}

.modal input,
.modal textarea {
  background-color: var(--footerBG);
}

.userProfileHeader {
  /* border: 2px solid var(--BorderColor); */
  border-radius: 50%;
}

/* #main-nav.profileNav #menu-primary-menu>li.menu-item-has-children>a::before {
  display: none;
} */

.khojdesktopHeader {
  display: block;
}

.khojmobileHeader {
  display: none;
}

.accordion-item,
.accordion-button {
  background-color: var(--bgCard);
}

/* .profileMenu .menu-item {
  margin-top: 20px;
}

.profileMenu .sub-menu {
  top: 43px !important;
} */

.job-category-box.active .job-category-header a,
.job-category-box.active .job-category-header p,
.job-category-box.active .btn-category-job,
.job-category-box:hover .job-category-header a,
.job-category-box:hover .job-category-header p,
.job-category-box:hover .btn-category-job {
  color: #fff !important;
}

.features-job:hover {
  border: 1px solid var(--orangePrimary);
}

.changePassword .auth-pass-inputgroup {
  position: relative;
}

.wd-form-login .menu-tab li {
  height: 50px;
  /* background: var(--bgCard); */
}

.wd-form-login .menu-tab li.bg-card-visible {
  background: var(--bgCard);
}

.wd-form-login .menu-tab li:hover {
  background: none;
}

.css-b62m3t-container {
  height: 50px;
}

.react-select__control {
  border-color: transparent !important;
  height: 30px !important;
}

.react-select__value-container {
  height: 40px !important;
}

.form-control,
input {
  color: var(--textColor) !important;
}

.css-hlgwow {
  align-items: flex-start !important;
}

.createModal {
  /* color: var(--BlueButton); */
  color: var(--BluePrimary);
  text-decoration: underline !important;
}

.popover {
  z-index: 10005 !important;
  /* Ensure it's above modals */
}

.resumeAction svg {
  /* font-size: 16px; */
}

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

.css-b62m3t-container,
textarea {
  /* background-color: var(--bgColorSecondary) !important; */
}

.css-144qe3k-placeholder {
  color: var(--placeholder) !important;
}

.pt-70 {
  padding-top: 80px;
}

.pt-120 {
  padding-top: 120px;
}

.job-tag li {
  margin-bottom: 10px;
}

/* .job-footer-left {
  margin-left: 50px;
} */
@media screen and (min-width: 1313px) {
  .khojMode .toggle-container {
    top: 10px;
  }
}

/* .jobapplication .job-footer-left {
  margin-left: 0 !important;
} */
.jobapplication .pointer {
  /* margin-left: 0 !important; */
}

.job-footer-left .pointer {
  margin-left: 0;
}

.modal-content {
  background-color: var(--bgCard) !important;
}

.modal-header .btn-close {
  color: var(--textblackwhite);
}

.switch {
  position: relative;
  display: inline-block;
  width: 32px;
  height: 16px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 12px;
  /* Adjusted for a better fit */
  width: 12px;
  /* Adjusted for a better fit */
  left: 2px;
  /* Adjusted to align properly */
  bottom: 2px;
  /* Adjusted to align properly */
  background-color: white;
  transition: 0.4s;
}

input:checked+.slider {
  background-color: #2196f3;
}

input:focus+.slider {
  box-shadow: 0 0 1px #2196f3;
}

input:checked+.slider:before {
  transform: translateX(16px);
  /* Adjusted to match width properly */
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.updateActions svg {
  font-size: 18px !important;
}

.react-hot-toast,
.go4109123758 {
  z-index: 11000 !important;
}

.jobapplication .orange li a {
  background-color: #ffb3211a;
  color: #ffb321;
  padding: 5px 15px;
  border-radius: 50px;
}

.jobapplication .job-footer-left {
  margin-left: 0;
}

.jobapplication .green li a {
  background-color: #1481601a;
  color: #14a077;
  padding: 5px 15px;
  border-radius: 50px;
}

.jobapplication .red li a {
  background-color: #eb4d4d1a;
  color: #eb4d4d;
  padding: 5px 15px;
  border-radius: 50px;
}

.jobapplication svg {
  /* background: var(--icon-bg); */
  width: 30px;
  height: 30px;
  padding: 3px;
  margin-top: 5px;
}

.jobapplication .rdt_Pagination svg {
  background: none;
}

.checkIcon {
  color: #00a676;
}

.rejectIcon {
  color: red;
}

.blueIcon {
  color: var(--BluePrimary);
}

.calendarIcon {
  color: var(--maphighlight);
}



/* .......... Nida CSS End .............  */

/*************************     Soheb CSS Starts    ***********************/

.login-divider {
  font-size: 14px;
  display: flex;
  align-items: center;
}

.login-divider::before,
.login-divider::after {
  flex: 1;
  content: "";
  padding: 0.6px;
  background-color: #ebebeb;
  margin: 5px;
}

.work-status-card {
  width: 200px;
  height: 100px;
  border: 1px solid rgb(190, 190, 190);
  border-radius: 10px;
}

.f-10 {
  font-size: 10px;
}

.f-12 {
  font-size: 12px;
}

.f-14 {
  font-size: 14px;
}

.f-15 {
  font-size: 15px;
}

.f-16 {
  font-size: 16px !important;
}

.f-18 {
  font-size: 18px !important;
}

.f-24 {
  font-size: 24px;
}

.f-32 {
  font-size: 32px;
}

.f-400 {
  font-weight: 400;
}

.f-500 {
  font-weight: 500;
}

.f-600 {
  font-weight: 600;
}

.f-700 {
  font-weight: 700;
}

.f-800 {
  font-weight: 800;
}

.work-desc {
  color: gray;
}

.register-login-container h3 {
  font-size: 17px;
}

.app-logo {
  width: 100px;
}

.app-logo img {
  width: 100%;
}

.register-login {
  padding: 0 !important;
  color: var(--orangePrimary);
}

/**********     Manage Profile     ***************/

.profile-resume-container {
  width: 100%;
  border-radius: 10px;
  background-color: #e5e0e03d;
}

.profile-resume-upload-container {
  width: 100%;
  border: 0.5px dashed gray;
  border-radius: 10px;
}

.profile-resume-headline-text .material-symbols-sharp {
  font-size: 16px;
}

.profile-resume-skills-items {
  height: 30px;
  width: 60px;
  border-radius: 20px;
  border: 1px solid gray;
}

.profile-resume-add-employement a {
  color: var(--orangePrimary);
}

/* CSS using figma */

.profile-resume-main-container h2 {
  /* color: #1d184b; */
  font-size: 30px;
  font-weight: 800;
  line-height: 30px;
}

.profile-resume-empty-cont {
  width: 8px;
  height: 32px;
  background-color: #feaa00;
  border-radius: 100px;
}

.profile-resume-userinfo {
  width: 100%;
  border-radius: 10px 10px 0px 0px;
  background-color: #e5e0e03d;
}

.profile-resume-vector {
  width: 20px;
  height: 20px;
  border-radius: 99px;
  background-color: #504cfe;
}

.profile-resume-available-btn Button {
  border-radius: 50px;
  background-color: #1481601a;
  color: var(--orangePrimary);
  font-size: 12px;
  width: hug(103px);
  width: 115px;
  height: 30px;
}

.profile-resume-vector img {
  width: 9.8px;
  height: 12.6px;
}

.profile-resume-username {
  font-size: 24px;
  font-weight: 800;
}

.profile-resume-designation {
  color: var(--orangePrimary);
}

.profile-resume-skills {
  width: 70px;
  height: 32px;
  border-radius: 24px;
  background-color: var(--BluePrimary);
  color: white;
}

.profile-resume-country-icon .material-symbols-sharp {
  font-size: 20px;
  display: flex;
  align-items: end;
}

.edit-profile-btn Button {
  border: 1px solid black;
  background-color: var(--BluePrimary);
  width: 110px;
  height: 35px;
}

.edit-profile-btn Button a {
  color: white;
}

.edit-profile-btn Button:hover {
  color: none !important;
  background-color: var(--BluePrimary);
  border-color: black !important;
}

.profile-resume-user-info-list {
  width: 320px;
  height: 44px;
  border-bottom: 1px solid #e5e5e5;
}

.profile-resume-user-details {
  padding: 20px;
}

.profile-resume-user-info-lable {
  line-height: 35px;
}

.profile-resume-user-info-items-cont {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background-color: #e5e5e5;
}

.profile-resume-social-items {
  width: 7.71px;
  height: 16px;
}

.profile-resume-social-items img {
  width: 100%;
}

.linkedIn-image {
  width: 16px;
  height: 16px;
}

.githubImage {
  width: 20px;
  height: 20px;
}

.pintrestImage {
  width: 12px;
  height: 16px;
}

.instaImage {
  width: 14px;
  height: 14px;
}

.youtubeImage {
  width: 16px;
  height: 11.25px;
}

/* About */

.profile-resume-verticle-line {
  width: 2px;
  /* height: 210px; */
  background-color: #e5e5e5;
}

/* User activity timeline */

.profile-resume-parent-cont {
  background-color: #e5e0e03d;
}

.profile-resume-pdf-icon {
  width: 22px;
  height: 24px;
}

.profile-resume-pdf-icon img {
  width: 100%;
}

.profile-resume-user-actvity-container {
  padding-left: 30px;
  border-left: 1px solid rgb(207, 207, 207);
  margin-left: 6px;
}

.profile-resume-applied-status {
  width: 12px;
  height: 12px;
  background-color: #eb4d4d;
  border-radius: 50%;
}

.profile-resume-success-icon {
  background-color: #37b853;
}

.profile-resume-cv-icon {
  background-color: orange;
}

/******************        Edit Profile      *****************/

.edit-profile-heading {
  font-size: 30px;
  font-weight: 800;
}

.edit-profile-main-container {
  background-color: #e5e0e03d;
}

.edit-proifle-pic {
  width: 36px;
  height: 36px;
}

.edit-proifle-pic img {
  width: 100%;
}

.edit-profile-pic-main {
  width: 120px;
  height: 120px;
  border: 1px dashed gray;
}

.edit-profile-save-file Button {
  width: 156px;
  height: 50px;
  background-color: var(--BluePrimary);
  border: none;
}

/* Information */
.edit-profile-information-heading {
  font-size: 20px;
}

.cityData {
  width: 542px !important;
}

.uiInputBase-root {
  width: 100% !important;
}

.edit-profile-show-radio {
  margin-right: 50px;
}

.edit-profile-radio-cont {
  margin-top: 40px;
}

.no-border-radius {
  border-radius: 0 !important;
  border: none;
}

.no-border-radius .toast-header {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.no-border-radius .toast-body {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.error_msg_lbl {
  color: red;
}

.PostCard .form-control {
  padding: 8px;
  font-size: 16px;
  border: 1px solid var(--BorderColor);
  border-radius: 4px;
  background-color: var(--bgColorSecondary);
}

.search-container {
  display: flex;
  align-items: center;
  background-color: var(--searchbg);
  /* Gray background color */
  /* border-radius: 5px; */
  padding: 5px;
  height: 45px;
  width: 35%;
  align-items: center;
}

.search-icon {
  margin-right: 5px;
}

.search-icon .material-symbols-sharp,
.search-input-container input {
  color: var(--gray) !important;
}

.search-input-container {
  position: relative;
  flex: 1;
  /* height: 67px; */
}

.search-input {
  border: none;
  outline: none;
  width: 100%;
  background: transparent;
  padding: 5px;
  font-size: 16px;
}

.suggestions-dropdown {
  position: absolute;
  top: 118%;
  left: -47px;
  width: 500px;
  padding: 10px !important;
  background-color: var(--bgColor);
  border-radius: 5px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  max-height: 200px;
  overflow-y: auto;
  z-index: 2;
  scrollbar-width: none;
}

.suggestions-dropdown::-webkit-scrollbar {
  display: none;
  /* Chrome, Safari, Edge */
}

.suggestion-item {
  padding: 5px;
  cursor: pointer;
  padding-bottom: 10px;
}

.search-user-img {
  width: 50px;
  height: 50px;
}

.search-user-img img {
  width: 100%;
}

.suggestion-item p {
  color: var(--textcolorPrimary);
}

.suggestion-item:hover {
  background-color: var(--bgColorSecondary);
}

.css-qqv411-singleValue {
  margin-top: 10px;
}

.pagination-container button {
  margin: 0 5px;
  padding: 13px 18px;
  border: none;
  color: white;
  cursor: pointer;
  border-radius: 4px;
  background-color: rgb(245, 245, 245);
  color: rgb(32, 32, 32);
}

.pagination-container button.active {
  font-weight: bold;
}

.pagination-container button:hover {
  background: #feaa00;
}

.aKjZc {
  font-size: 18px;
  font-weight: 600;
}

.joblist-eye-icon {
  font-size: 16px !important;
}

.candidate-logo {
  width: 70px;
  height: 70px;
}

.candidate-logo img {
  width: 100%;
  border-radius: 50%;
}

.ddvZdT {
  font-weight: bold;
  font-size: 14px;
}

.add-class-submit-button Button {
  width: 70px;
}

.class-type {
  font-weight: bold;
}

.react-select__single-value {
  margin-top: 10px;
}

.certificate-create-btn {
  color: #007bff;
}

.org-styles .css-hlgwow {
  padding-top: 6px !important;
}

.pricing-section-three .ejfNUe {
  background-color: var(--bgColorSecondary);
  color: var(--textColor);
}

.ejfNUe {
  background-color: var(--bgColor) !important;
  color: var(--textColor) !important;
}

.main-container .delete-card {
  background-color: var(--bgCard);
}

.post-navigation .icon-color {
  color: black;
}

.border-custom {
  border-bottom: 1px solid var(--borderColor2);
}

.border-custom1 {
  border-bottom: 1px solid var(--borderColor3);
}

.border-custom2 {
  border-bottom: 0px solid var(--bg-tertiary-color);
}

.custom-style::placeholder {
  color: rgb(217, 217, 217) !important;
}

.tab-color {
  color: var(--textColor);
}

.dropdown-menu {
  position: absolute;
  will-change: transform;
  top: 100%;
  left: auto;
  right: 0;
  margin-top: 0.25rem;
  z-index: 1050;
  transform: translate3d(0px, -78px, 0px) !important;
}

.interview-job-details-btn {
  height: 25px;
  /* font-size: 12px; */
}

/* .css-b62m3t-container{
  height: 30px;
} */
.interview-job-details-btn a {
  font-size: 12px;
}

.interview-schedul-list select {
  margin-top: 10px;
  height: 40px;
}

.disabled-style {
  background-color: rgb(220, 220, 220);
}

.badgeContainer .badge-notification {
  background-color: var(--badge-gray-bg);
  color: var(--badge-gray-text);
  padding: 8px 25px;
  font-size: 14px;
}

.badgeContainer .hired {
  background-color: #b1d4b1;
  color: green;
}

.badgeContainer .rejected {
  background-color: rgb(255, 200, 200);
  color: red;
}

.profile-image-container {
  width: 50px;
  height: 50px;
}

.profile-image-container img {
  width: 100%;
  height: 50px;
}

.box-latest {
  /* background: #fff; */
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.box-content {
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 1;
}

.box-latest:hover {
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  background: #fff;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.view-job-dropdown .dropdown-menu.show {
  inset: 0;
  padding: 0;
}

.view-job-dropdown .dropdown-menu.show .dropdown-item {
  font-size: 13px;
  /* height: 25px; */
}

.view-job-dropdown .dropdown-menu.show .dropdown-item .joblist-eye-icon {
  width: 23px;
}

.bulk-upload-container button {
  border: none;
}

.view-job-style .hZZlND {
  /* overflow: hidden; */
}

.disabled-icon {
  pointer-events: none;
  opacity: 0.3;
}

.PeopleSearch .wd-thum-career.style-2 .job-archive-header .career-info li:first-child {
  position: absolute !important;
  left: 195px !important;
  top: 150px !important;
  
}

.pricing-section-three .gFmsEA {
  /* margin-left: 7px !important; */
}

/************************    Soheb CSS End      ****************************/

/* .......... Zeba CSS Start .............  */

/* ...........candidate module start......... */

.ProfileCard .ProfileCard-list {
  /* display: flex; */
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #64666c;
  margin-bottom: 15px;
}

.ProfileCard .ProfileCard-list li {
  margin-bottom: 15px;
}

.ProfileCard .ProfileCard-list li span {
  margin-left: 10px;
}

.ProfileCard .ProfileCard-img {
  width: 30% !important;
  height: -1px !important;
}

.ProfileCard .ProfileCard-imgbox {
  padding: 10px;
}

.ProfileCard-imges {
  width: 250px;
  height: 250px;
  border-radius: 50%;
  background-color: #969494;
}

.ProfileCard .ProfileCard-details {
  width: 70% !important;
}

/* ...........candidate module end......... */
/* ...........interview schedule start......... */

.interviews .container {
  margin-bottom: 25px;
  background: var(--bgColor);
  padding: 30px;
  border-radius: 10px;
}

.interviews h4 a {
  color: var(--textColor);
}

.interviews table {
  width: 100%;
  border-collapse: collapse;
}

.interviews .container {
  background-color: var(--tableHeaderbg);
  text-align: left;
}

.interviews .notification-table thead {
  border-bottom: 1px solid #e5e5e5;
}

.interviews .table-res .notification-table th,
td {
  text-align: left !important;
}

.interviews .table-res .table-tr:hover {
  background-color: var(--bgColorSecondary);
  border-radius: 10px;
}

.interviews th,
td {
  padding: 15px;
  border-bottom: 1px solid var(--BorderColor);
}

.interviews .date-cell {
  width: 15%;
  text-align: center;
}

.interviews .date-box {
  display: inline-block;
  box-shadow: var(--datecardShadow);
}

.interviews .month {
  background-color: #ffc107;
  border-radius: 5px 5px 0 0;
  padding: 3px 20px;
  font-size: 12px;
  text-transform: uppercase;
}

.interviews .day {
  background-color: white;
  border-radius: 0 0 5px 5px;
  color: var(--tabletextcolor);
  padding: 8px 20px;
  font-size: 20px;
  font-weight: bold;
}

.interviews .details-cell {
  width: 55%;
}

.interviews .details-cell h3 {
  margin: 0;
  font-size: 18px;
}

.interviews .actions-cell {
  width: 40%;
}

.interviews .message-btn,
.reschedule-btn,
.cancel-btn {
  border: none;
  padding: 8px 12px;
  border-radius: 5px;
  cursor: pointer;
  font-size: 16px;
}

.interviews .message-btn {
  background-color: #ddd;
}

.interviews .reschedule-btn {
  background-color: #4b4b8e;
  color: white;
}

.interviews .cancel-btn {
  border: 1px solid gray;
}

/* ...........interview schedule end......... */
/* ...........Approval process start......... */

.ApprovalProcess .container {
  margin-bottom: 25px;
  max-width: 1191px !important;
}

.ApprovalProcess h4 {
  text-align: left;
  margin-bottom: 20px;
}

.ApprovalProcess .schedule-table {
  width: 100%;
  border-collapse: collapse;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.ApprovalProcess .schedule-table th,
.ApprovalProcess .schedule-table td {
  border: none !important;
  padding: 10px;
  text-align: left;
}

.ApprovalProcess .schedule-table th {
  font-weight: bold;
}

.ApprovalProcess .schedule-table tbody {
  background-color: #f4f4f4;
}

.ApprovalProcess .notification-table .table-tr {
  /* border-bottom: 1px solid #e5e5e5 */
}

.ApprovalProcess .notification-table tr:hover {
  background-color: #f4f4f4;
  border-radius: 5px;
}

.ApprovalProcess .candidate-info {
  display: flex;
  align-items: center;
  gap: 10px;
}

.ApprovalProcess .avatar {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  object-fit: cover;
}

.ApprovalProcess .company {
  color: #888;
  font-size: 0.85rem;
}

.ApprovalProcess .cv-button {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 1.2rem;
}

/* ...........Approval process end......... */
/* ...........Manage Application Start......... */

.jobapplication .container {
  margin-bottom: 25px;

  background: var(--bgColor);
  padding: 30px;
  border-radius: 10px;
}

.jobapplication h4 {
  text-align: left;
  margin-bottom: 30px;
}

.jobapplication h4 a {
  color: var(--textColor);
}

.jobapplication .wd-findjob-filer .group-select .sort-search {
  width: 300px !important;
  height: 46px !important;
  background-color: var(--bgColorSecondary);
}

.jobapplication .wd-findjob-filer .group-select .search-container {
  width: 300px;
  height: 46px;
  background-color: var(--bgColorSecondary);
}

.jobapplication .wd-findjob-filer .group-select .sort {
  width: 176px;
  height: 46px;
  background-color: var(--bgColorSecondary);
}

.jobapplication .notification-table thead {
  border-bottom: 1px solid black !important;
  padding: 5px 0 !important;
}

.jobapplication .notification-table {
  width: 100%;
  border-collapse: collapse;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.jobapplication .notification-table th,
.jobapplication .notification-table td {
  border: none;
  padding: 10px;
  text-align: left !important;
}

.jobapplication .notification-table th {
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;
}

.jobapplication .notification-table thead {
  border-bottom: 1px solid #e5e5e5 !important;
}

.jobapplication .notification-table .table-tr:hover {
  background-color: var(--bgColorSecondary);
  border-radius: 5px;
}

.jobapplication .candidate-info {
  display: flex;
  align-items: center;
  gap: 10px;
}

.jobapplication .avatar {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  object-fit: cover;
}

.jobapplication .company {
  color: #888;
  font-size: 14px;
}

.jobapplication .cv-button {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 1.2rem;
  padding: 5px 5px 5px 0;
}

.jobapplication .actions {
  display: flex;
  gap: 10px;
}

.jobapplication .action-button {
  border: none;
  cursor: pointer;
  font-size: 15px;
  padding: 5px;
  border-radius: 50%;
}

.jobapplication input[type="text"] {
  border: none !important;
}

.jobapplication .table-res .notification-table .cmpnyname {
  font-size: 20px;
}

/* .jobapplication .accept { 
  color: white;
}

.jobapplication .reject { 
  color: white;
} */
.jobapplication ul {
  margin: 0;
}

.jobapplication ul li a {
  background-color: #e5d2f8;
  color: blueviolet;
  padding: 5px 15px;
  border-radius: 50px;
}

.jobapplication .icon-toggle {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.dropdown-menu.show {
  display: block;
  background-color: var(--bgCard);
  inset: -10px auto auto -60px !important;
  border: none;
  border-radius: 0;
  margin-top: 10px;
  padding-top: 20px;
  transform: translate3d(-95px, -59px, 0px) !important;
}

.dropdown svg {
  cursor: pointer;
}

.dropdown-item {
  color: var(--textColor) !important;
}

.dropdown-item:active {
  background-color: var(--bgColorSecondary) !important;
}

.dropdown-item:hover {
  background-color: var(--bgColorSecondary) !important;
  display: block !important;
}

.PeopleSearch .card-pro .logo-company img {
  border-radius: 50%;
}

.PeopleSearch .group-col-3 .cl3 {
  width: calc(33.3333% - -136px);
}

.PeopleSearch .form-group-1 {
  width: 300px;
  background-color: var(--bgColor) !important;
}

.bulkResume .recent {
  font-size: 18px;
  border-bottom: 1px solid var(--BorderColor);
}

.bulkResume .add-bulk-cv {
  background-color: #262f88;
  color: white;
  padding: 0.5rem 1rem;
  height: 46px;
  width: 176px;
  border: none;
  cursor: pointer;
  border-radius: 5px;
}

.bulkResume .notification-table {
  box-shadow: none;
}

.bulkResume .table-container {
  overflow-x: auto;
}

.bulkResume table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 1rem;
}

.bulkResume .table-res .notification-table th,
td {
  padding: 15px !important;
  text-align: center;
  border-bottom: 1px solid var(--BorderColor);
}

.bulkResume .status {
  padding: 0.5rem 1rem;
  border-radius: 12px;
  color: white;
  font-weight: bold;
  display: inline-block;
}

.bulkResume .status.success {
  border-radius: 50px;
  background-color: #14816080;
}

.bulkResume .status.missing {
  border-radius: 50px;
  background-color: #e5242480;
}

.bulkResume .status.uploaded {
  border-radius: 50px;
  background-color: #fdd27280;
}

.bulkResume .action-icon {
  margin-right: 0.5rem;
  cursor: pointer;
  color: #374151;
}

.bulkResume .upload-icons {
  color: grey;
  font-size: 100px !important;
}

.jobinfo {
  color: var(--maphighlight);
}

.form-control:disabled {
  /* background-color: var(--badge-gray-text); */
}

.otp-input input {
  width: -3em !important;
  margin-right: 10px;
  height: 3em;
  border: 2px solid var(--border);
}

.Blockcomp ul li a {
  background-color: #ffb3211a !important;
  color: #504cfe !important;
}

.css-1j74uew-MuiPaper-root-MuiCard-root {
  background-color: var(--bgCard) !important;
}

.resume .card {
  background-color: var(--bgColor);
}

.basic-info .info-row {
  padding: 10px 0;
  border-bottom: 1px solid var(--BorderColor);
}

.resume .info-row h6 {
  font-size: 18px;
  margin-bottom: 5px;
  color: var(--textColor);
}

.resume .info-row p {
  margin-bottom: 0;
  color: var(--textColor2);
}

.resume .addicon,
.resume .resumeAction {
  color: var(--textColor);
}

.resume .basic-info .View-class a {
  color: var(--textColor);
}

.edit-candi .card {
  background-color: var(--bgColorSecondary);
}

.edit-candi .card label {
  color: var(--textColor);
}

.settings .profile-setting-form {
  margin: 0 auto;
}

.settings .content-tab {
  background-color: var(--bgColor);
}

.settings .form-row {
  display: flex;
  gap: 20px;
  margin-bottom: 20px;
}

.settings .form-group {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.settings .form-group label {
  font-weight: bold;
  margin-bottom: 5px;
}

.settings .form-control {
  padding: 8px;
  font-size: 16px;
  border: 1px solid var(--BorderColor);
  border-radius: 4px;
  background-color: var(--bgColorSecondary);
}

.settings .btn-primary {
  background-color: var(--BluePrimary);
  color: #fff;
  border: none;
  padding: 10px 20px;
  font-size: 16px;
  cursor: pointer;
  margin-top: 20px;
}

.settings .deactivate-account h6,
.settings .deactivate-account p,
.settings .deactivate-account ul li {
  color: var(--yellowText);
}

.settings .deactivate-account {
  background-color: var(--yellow);
  padding: 20px;
  margin-bottom: "20px";
}

.settings .deactivate-account button {
  background-color: #f1e6a8;
  color: var(--yellowText);
  border: none;
  padding: 10px 20px;
  border-radius: 5px;
  cursor: pointer;
}

.settings .delete-account {
  background-color: var(--red1);
  padding: 20px;
  /* border: '8px' ; */
}

.settings .delete-account h6,
.settings .delete-account p,
.settings .delete-account ul li {
  color: var(--red);
}

.settings .delete-account button {
  background-color: #f4b0b0;
  color: #a94442;
  border: none;
  padding: 10px 20px;
  border-radius: 5px;
  cursor: pointer;
}

.hudJpJ,
.iGxMlw,
.hDPlLz {
  background-color: var(--bgColor) !important;
  color: var(--textColor) !important;
  padding: 6px 0;
}

.cPTFZC {
  cursor: unset;
  color: var(--textColor) !important;
  fill: var(--textColor) !important;
}

.cPTFZC:disabled {
  cursor: unset;
  color: var(--bgColorSecondary) !important;
  fill: var(--bgColorSecondary) !important;
}

.header-ct-center:hover {}

.disabled-btn {
  pointer-events: none;
  opacity: 0.6;
  cursor: not-allowed;
}

/* ...........settings end ................  */
/* ...........Responsive start......... */

@media (max-width: 426px) {
  .interviews table {
    width: 250% !important;
  }

  .wd-job-author2 .content-left .content .tags {
    display: block;
  }

  .wd-job-author2 .content-left .content .tags li {
    margin-bottom: 12px;
  }

  .wd-job-author2 .content-left .content .tags a {
    padding: 8px 12px;
  }

  .job-tag li {
    margin-bottom: 0;
    width: 90px;
  }

  .jobapplication .job-footer-left {
    margin-left: 0 !important;
  }

  .jobapplication ul li a {
    padding: 1px 12px !important;
  }

  .jobapplication .pointer {
    margin-left: 0 !important;
  }

  .post-navigation {
    align-items: flex-start;
  }

  .PeopleSearch .group-col-3 .cl3 {
    width: calc(33.3333% - -260px) !important;
    margin-left: 34px !important;
  }

  .PeopleSearch .form-group-1 {
    /* width: 400px; */
    width: 100%;
  }

  .PeopleSearch .wd-thum-career.style-2 .job-archive-header .career-info li:first-child {
    position: absolute !important;
    left: 16.25px !important;
    top: 6px !important;
  }

}

@media (max-width: 768px) {

  .Alljobs .group-col-3 .cl3,
  .group-col-2 .cl2 {
    width: calc(100% - 26px) !important;
  }

  .jobapplication .green li a {
    padding: 5px 10px;
  }

  .inst-candidate-style {
    display: flex;
  }

  .jobapplication .notification-table {
    width: 150%;
  }

  .PeopleSearch .group-col-3 .cl3 {
    width: calc(33.3333% - -96px);
  }

  .jobapplication .orange li a {
    padding: 5px 14px;
  }

  .PeopleSearch .wd-thum-career.style-2 .job-archive-header .career-info li:first-child {
    left: -5.75px;
  }

  .jobapplication .notification-table {
    width: 150%;
  }

  .PeopleSearch .group-col-3 .cl3 {
    width: calc(33.3333% - -96px);
  }

  .PeopleSearch .wd-thum-career.style-2 .job-archive-header .career-info li:first-child {
    left: -5.75px;
  }

  .PeopleSearch .features-job .job-archive-header ul {
    display: flex;
    justify-content: center;
  }

  .PeopleSearch .features-job .job-archive-header ul li:first-child {
    margin-right: 0;
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 1024px) {

  .Alljobs .group-col-3 .cl3,
  .group-col-2 .cl2 {
    width: 47%;
    margin: 10px;
  }

  @media only screen and (max-width: 1024px) {

    .Alljobs .group-col-3 .cl3,
    .group-col-2 .cl2 {
      width: 47%;
      margin: 10px;
      width: calc(100% - 490px);
    }

    .Alljobs .group-col-3 .cl3,
    .group-col-2 {
      margin-left: 0 !important;
    }

    .PeopleSearch .group-col-3 .cl3 {
      /* margin-left: 15px !important; */
    }

    .PeopleSearch .group-col-3 .NewCl3 {
      margin-left: 15px !important;
    }
  }
}

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

/* } */

@media only screen and (max-width: 1024px) {

  .Alljobs .group-col-3 .cl3,
  .group-col-2 .cl2 {
    width: 47%;
    margin: 10px;
  }
}

/* ...........Responsive end......... */
/* .......... Zeba CSS end .............  */

/* ....................................................... ASHNAB CSS START */
/* .. New Data ko upar se start kiya hu */
.htmdXE {
  flex-direction: column-reverse !important;
}

/* .................... */

.EyeIcon {
  color: var(--textColor) !important;
}


/* ...................... */
.savedIcon {
  position: absolute;
  top: 0;
  right: -12px;
  font-size: 35px !important;
  color: var(--bgColorSecondary);
}

.savedIcon:hover {
  color: var(--orangePrimary);
}

@media only screen and (max-width: 550px) {
  .Saved-Main-Bookmark .icon-heart {
    right: 30px !important;
  }
}

/*..................  DeleteCard Start  CSS */
.main-container {
  display: flex;
  justify-content: center;
  align-items: center;
  /* height: 100vh;  */
  /* background-color: var(--bgColorSecondary); */
  /* Optional background color */
}

.orange-box {
  display: inline-block;
  width: 8px;
  /* Adjust the size of the orange box */
  height: 30px;
  background-color: var(--orangePrimary);
  /* Orange color for the box */
}

.delete-title h1 {
  font-size: 35px;
  margin-bottom: 20px;
  margin-top: 20px;
  text-align: justify;
  display: inline-block;
  /* Make sure the heading and box stay inline */
}

.delete-card {
  width: 950px;
  /* Fixed width for the card */
  background-color: var(--bgColor);
  /* White card background */
  padding: 20px;
  border-radius: 8px;
  /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */
  /* Subtle shadow */
}

.delete-card h3 {
  font-size: 1.75rem;
  margin-bottom: 10px;
  text-align: justify;
}

.delete-card p {
  font-size: 1rem;
  margin: 15px 0px;
  text-align: justify;
  color: var(--textColor2);
}

.delete-card .password-input {
  width: 100% !important;
  /* Full width on smaller screens */
  width: 500px !important;
  background-color: var(--bgColorSecondary);
}

.delete-button {
  width: 116px;
  height: 50px;
  padding: 10px;
  background-color: red;
  color: white;
  border: none;
  border-radius: 4px;
  font-size: 1rem;
  margin: 20px 0px;
}

.delete-button:hover {
  background-color: darkred;
  /* Darker red on hover */
}

/*.......ChangePassword  CSS Start*/
.Password-button {
  width: 190px;
  padding: 14px;
  background-color: var(--cancel);
  color: var(--footerBG);
  text-transform: capitalize;
  margin: 20px 0px;
}

.Password-button:hover {
  background-color: var(--orangeSecondary);
  /* Darker red on hover */
}

.card .password-input .MuiInputBase-input {
  padding: 0px 17px !important;
  border: none;
}

.css-1n04w30-MuiInputBase-root-MuiOutlinedInput-root {
  background-color: var(--bgColorSecondary);
}

/*.................. AlertJobs CSS */
.Alertcard {
  /* display: flex;
  width: 900px; */
  background-color: var(--bgColor) !important;
}

.search-container {
  display: flex;
  justify-content: space-between;
  /* Aligns search bar and dropdown */
  align-items: center;
  width: 100%;
  /* Ensures full width */
  padding: 40px 20px;
  /* Add some padding */
}

.Alertsearch {
  display: flex;
  align-items: center;
  background-color: var(--bgColorSecondary);
  border-radius: 3px;
  padding: 12px 10px;
  width: 300px;
  /* box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); */
}

.search-icon {
  color: #909090;
  font-size: 20px;
}

.search-input {
  border: none;
  outline: none;
  background-color: transparent;
  margin-left: 8px;
  font-size: 14px;
  color: #909090;
  width: 100%;
}

.search-input::placeholder {
  color: #b0b0b0;
}

.Alertdrop-container {
  margin-left: 16px;
  /* Space between search bar and dropdown */
}

.AlertDrop {
  padding: 8px;
  /* border: 1px solid var(--BorderColor); */
  border-radius: 6px;
  width: 150px;
  background-color: var(--bgColorSecondary);
  /* box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); */
  color: #909090;
}

.job-alerts-container {
  overflow-x: auto;
  /* Allows horizontal scrolling on smaller screens */
  padding: 10px;
}

/* Table styling */
.job-alerts {
  width: 100%;
  border-collapse: collapse;
  min-width: 600px;
  /* Set a minimum width to trigger scrolling on smaller screens */
}

.job-alerts th,
.job-alerts td {
  padding: 10px;
  text-align: left;
  border-bottom: none;
  color: var(--textColor);
}

/* Highlight alternate rows */
/* .highlight-row {
  background-color: #f9f9f9;
} */

.highlight-row:hover {
  background-color: var(--bgColorSecondary);
}

.time-column {
  /* display: flex; */
  align-items: center;
  color: orange;
  font-weight: bold;
}

.close-icon {
  color: gray;
  font-size: 18px;
  margin-left: 10px;
  cursor: pointer;
  transition: color 0.3s ease;
}

.close-icon:hover {
  color: red;
}

.time-column .close-icon {
  border-radius: 50%;
  /* Makes the icon circular */
  background-color: var(--bgColorSecondary);
  /* Light grey background */
  padding: 5px;
  /* Adds padding inside the icon for better visual effect */
  cursor: pointer;
  /* Shows pointer cursor on hover */
  transition: background-color 0.3s ease;
  /* Smooth transition for background color on hover */
}

/* Hover effect */
.time-column .close-icon:hover {
  background-color: #d3d3d3;
  /* Darker grey on hover */
}

/*.................. AlertJobs CSS END */

/*.................. Dashboard CSS START */

/* .dashboard {
  padding: 20px;
} */

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

.dash-card {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

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

.dash-icon {
  margin-right: 10px;
  font-size: 45px !important;
}

.dash-icon-blue {
  color: #007bff;
}

.dash-icon-red {
  color: red;
}

.dash-icon-yellow {
  color: var(--orangePrimary);
}

.profile-views-chart {
  margin-top: 20px;
  text-align: center;
}

/* Main container styling */
.dash-ratio-main {
  display: flex;
  gap: 20px;
  /* padding: 20px; */
  /* background-color: #f5f5f5; */
}

/* Left container for profile views */
.dash-one {
  flex: 2;
  padding: 20px;
  background-color: var(--bgCard);
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Container styling for the profile header */
.dash-profile-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 20px;
  border-bottom: 1px solid var(--BorderColor);
}

/* Title styling */
.dash-profile-title {
  font-size: 1.2em;
  /* color: #333; */
  font-weight: 600;
}

/* Tab container styling */
.dash-time-tabs {
  display: flex;
  gap: 15px;
}

/* Styling for each tab */
.dash-tab {
  font-size: 13px;
  color: #888;
  cursor: pointer;
  transition: color 0.3s;
}

/* Active tab styling */
.dash-tab.active {
  color: #ffa500;
  /* Highlight color for active tab */
  font-weight: 600;
}

.dash-tab:hover {
  color: #555;
  /* Darken color on hover */
}

.dash-one h2 {
  font-size: 20px;
  /* color: #333; */
  margin-bottom: 10px;
}

.dash-one img {
  width: 100%;
  border-radius: 5px;
}

/* Right container for notifications */
.dash-two {
  flex: 1;
  padding: 20px;
  background-color: var(--bgCard);
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.dash-two h2 {
  font-size: 20px;
  /* color: #333; */
  margin-bottom: 15px;
}

/* Notification list styling */
.dash-notification-list {
  list-style: none;
  padding: 0;
}

.dash-notification-list li {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  font-size: 12px;
  color: #555;
}

.dash-notification-icon {
  color: #f5b82e;
  /* Icon color */
  margin-right: 10px;
}

/*.................. Dashboard CSS END */

/*................. ManageBatch CSS Start */
/* Main container for the manage card */
.manage-card {
  /* display: flex; */
  align-items: center;
  padding: 10px 2px;
  background-color: var(--bgCard);
  border-radius: 8px;
  /* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); */
  /* width: 900px; */
}

/* Container for all the elements in one line */
.manage-search-container {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 20px;
  padding: 10px;
}

/* Search bar styling */
.manage-search-bar {
  display: flex;
  align-items: center;
  background-color: var(--bgColorSecondary);
  padding: 1px 10px;
  border-radius: 5px;
  gap: 5px;
}

.manage-search-input {
  border: none !important;
  background: none;
  outline: none;
}

.Dark-Manage-Search {
  background-color: var(--bgColorSecondary) !important;
}

/* Dropdown styling */
.manage-dropdown-container {
  background-color: var(--bgColorSecondary);
  border-radius: 5px;
  padding: 1px;
}

.manage-dropdown {
  border: none;
  background: none;
  outline: none;
  padding: 5px 10px;
}

/* Icons section styling */
.alert-icons {
  display: flex;
  align-items: center;
  gap: 20px;
}

/* Add Batch button styling */
.manage-button {
  background-color: #2d3b9b;
  color: white;
  border: none;
  padding: 17px 65px;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 0.3s ease;

  /* This pushes the button to the far right of the container */
  margin-left: auto;
}

.manage-button:hover {
  background-color: #1e2776;
}

.manage-table-container {
  padding: 20px;
}

.manage-placement-table {
  width: 100%;
  border-collapse: collapse;
}

.manage-placement-table th,
.manage-placement-table td {
  padding: 15px;
  text-align: left !important;
}

.manage-placement-table th {
  /* background-color: #f0f0f0; */
  font-weight: bold;
  /* color: #555; */
  border-bottom: 1px solid rgb(199, 199, 199);
}

.manage-placement-table .manage-table-row:hover {
  background-color: var(--bgColorSecondary);
}

.manage-status-badge {
  padding: 5px 10px;
  border-radius: 12px;
  font-weight: 600;
  color: #fff;
}

.manage-status-badge.approved {
  background-color: #4caf50;
}

.manage-status-badge.pending {
  background-color: #ffb74d;
  color: #333;
}

.manage-action-button {
  margin: 0 5px;
}

.manage-action-button.add {
  color: var(--textColor);
  background-color: var(--bgColorSecondary);
  border-radius: 4px;
  width: 30px;
  height: 30px;
}

.manage-action-button.view {
  color: var(--textColor);
  background-color: var(--bgColorSecondary);
  border-radius: 4px;
  width: 30px;
  height: 30px;
}

.manage-action-button.edit {
  color: var(--textColor);
  background-color: var(--bgColorSecondary);
  border-radius: 4px;
  width: 30px;
  height: 30px;
}

.manage-action-button.delete {
  color: var(--textColor);
  background-color: var(--bgColorSecondary);
  border-radius: 4px;
  width: 30px;
  height: 30px;
}

.manage-batches-container {
  padding: 2px;
}

.manage-heading {
  font-size: 1.5rem;
  font-weight: 500;
  /* color: #333; */
  border-bottom: 1px solid var(--BorderColor);
  border-top: 1px solid var(--BorderColor);
  padding: 15px 0px 15px 12px;
  margin: 0;
  margin-top: 5px;
}

.manage-table-container {
  overflow-x: auto;
  /* Allows horizontal scrolling */
}

/* Table styling */
.manage-placement-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 800px;
  /* Minimum width to trigger scrolling on smaller screens */
}

.manage-placement-table th,
.manage-placement-table td {
  padding: 10px;
  /* border: 1px solid #ddd; */
  text-align: center;
}

.manage-placement-table td {
  border-bottom: none;
}

/*................. ManageBatch CSS END */

/*................. PostJobs CSS Start */
.PostCard {
  justify-content: center;
  align-items: center;
  width: 950px;
}

.post-job-form {
  width: 100%;
  max-width: 900px;
  /* margin: 0 auto; */
  font-family: Arial, sans-serif;
}

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

.post-form-label {
  font-weight: bold;
  display: block;
  margin: 20px 0px;
  font-size: 20px;
  color: var(--textColor);
}

.post-form-label span {
  color: red;
}

.post-upload-section {
  display: flex;
  align-items: center;
}

.post-browse-button {
  padding: 5px 16px;
  border: 1px solid #f4c150;
  cursor: pointer;
  font-weight: bold;
}

.post-browse-button:hover {
  background-color: #e3a520;
}

.post-upload-link {
  margin-left: 15px;
  cursor: pointer;
  padding: 2px 12px;
}

.post-upload-link:hover {
  color: #007bff;
}

.post-job-title-input {
  width: 100%;
  padding: 12px 14px;
  border: 1px solid #e0e0e0;
  background-color: #eeeeee;
  border-radius: 4px;
}

/*..... 1 */
.post-job-description {
  width: 100%;
  padding: 20px;
  /* max-width: 900px;
  margin: 0 auto; */
  font-family: Arial, sans-serif;
}

.post-form-label {
  font-weight: bold;
  display: block;
  margin-bottom: 5px;
}

.post-form-label span {
  color: red;
}

.post-editor-toolbar {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
  padding: 8px 0px;
  border-radius: 4px;
}

.post-toolbar-icon {
  cursor: pointer;
  color: #5f6368;
  font-size: 20px;
}

.post-toolbar-icon:hover {
  color: #e6e5e5;
  background-color: #333;
  border-radius: 3px;
}

.post-description-input {
  width: 100%;
  min-height: 150px;
  padding: 10px;
  border: 1px solid var(--BorderColor);
  background-color: var(--bgColorSecondary);
  border-radius: 4px;
  resize: vertical;
  font-size: 16px;
}

/*...... 2 */
.post-job-details-form {
  width: 100%;
  max-width: 900px;
  /* margin: 0 auto; */
  padding: 20px;
  font-family: Arial, sans-serif;
}

.post-form-row {
  display: flex;
  gap: 20px;
  margin-bottom: 20px;
  flex-wrap: wrap;
  margin-top: 15px;
}

.post-form-group {
  flex: 1;
  min-width: 200px;
  display: flex;
  flex-direction: column;
}

.post-form-group label {
  font-weight: bold;
  margin-bottom: 5px;
  color: var(--textColor);
}

.post-form-group select,
.post-form-group input {
  padding: 10px;
  border-radius: 4px;
  background-color: var(--bgColorSecondary);
  font-size: 1em;
  color: var(--textColor);
}

.edit-candi .post-form-group select {
  padding: 10px;
  border-radius: 4px;
  background-color: var(--bgColorSecondary);
  font-size: 1em;
  color: var(--textColor);
}

.update-candid .post-form-group select {
  padding: 10px;
  border-radius: 4px;
  background-color: var(--bgColorSecondary);
  font-size: 1em;
  color: var(--textColor);
}

textarea {
  color: var(--textColor);
}

.post-form-group select::placeholder,
textarea::placeholder,
.post-form-group input::placeholder,
input::placeholder {
  color: var(--placeholder) !important;
}

.post-form-group select:focus,
.post-form-group input:focus {
  border-color: var(--BorderColor);
  outline: none;
}

/*... 3 */
.post-form-container {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
}

.post-photo-section {
  display: flex;
  /* justify-content: space-between; */
  margin-bottom: 20px;
  gap: 100px;
}

.post-image-preview {
  width: 100px;
  height: 100px;
  background-color: #f0f0f0;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.post-image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.post-remove-btn {
  position: absolute;
  top: 5px;
  right: 5px;
  background: transparent;
  border: none;
  cursor: pointer;
  color: red;
  font-size: 16px;
}

.post-empty-placeholder {
  font-size: 24px;
  color: #bbb;
}

.post-upload-buttons {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.post-browse-btn {
  background-color: #4a4a4a;
  color: white;
  padding: 8px 16px;
  cursor: pointer;
  border-radius: 4px;
  margin-right: 10px;
}

.post-upload-text {
  font-size: 14px;
  color: #666;
}

.post-location-section {
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px;
}

.post-input-group {
  display: flex;
  flex-direction: column;
  width: 48%;
}

.post-input-group label {
  font-size: 14px;
  color: #333;
  margin-bottom: 4px;
}

.post-input-group input,
.post-input-group select {
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.main-company-disabled .form-control:disabled {
   background-color:var(--bgColorSecondary)
  }

/*................. PostJobs CSS End */

/*................. EditProfile CSS Start */
.EditCard {
  padding: 1px;
}

.avatar-upload-container {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
  /* background-color: #f7f8fa;
  border-radius: 8px; */
  /* border-bottom: 1px solid; */
}

.avatar-upload-section {
  display: flex;
  align-items: center;
}

.avatar-preview {
  width: 80px;
  height: 80px;
  border: 1px dashed #ccc;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 20px;
  background-color: #fff;
}

.avatar-upload-info {
  flex-direction: column;
  display: flex;
}

.avatar-icon {
  width: 40px;
  height: 40px;
  opacity: 0.5;
}

.avatar-upload-info label {
  font-size: 14px;
  font-weight: 500;
  color: #666;
}

.avatar-upload-info span {
  display: block;
  font-size: 12px;
  color: #aaa;
  margin-top: 4px;
}

.file-input {
  margin-top: 10px;
}

.save-button {
  background-color: var(--BlueButton);
  color: #fff;
  padding: 10px 20px;
  border: none;
  border-radius: 4px;
  font-size: 16px;
  cursor: pointer;
}

.save-button:hover {
  background-color: #272bb7;
}

.resume .Edit-Card-details-form .basic-info {
  color: var(--textColor);
}

.resume .Edit-Card-details-form .basic-info .content-data p {
  color: var(--textColor2);
}

.resume .Edit-Card-details-form h6,
a {
  color: var(--textColor);
  font-weight: 700;
}

.resume .Edit-Card-details-form h6 {
  text-transform: uppercase;
  letter-spacing: 1px;
  word-spacing: 3px;
}

.Education .analytic-sub p,
.Experience .analytic-sub p,
.Awards .analytic-sub p,
.Skills .analytic-sub p,
.Add-project .analytic-sub p,
.Certification .analytic-sub p {
  color: var(--textColor);
}

.Education .analytic-sub .locationIcon,
.Experience .analytic-sub .locationIcon,
.Awards .analytic-sub .locationIcon,
.Skills .analytic-sub .locationIcon,
.Add-project .analytic-sub .locationIcon,
.Certification .analytic-sub .locationIcon {
  color: var(--textColor2) !important;
}

.locationIcon {
  color: var(--textColor2) !important;
}

.ViewIcon {
  color: var(--textColor) !important;
}

.Edit-Card-details-form {
  /* margin: 20px auto; */
  padding: 20px 0;
  /* border-bottom: 1px solid; */
  width: 100%;
}

.form-group-radio {
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-family: Arial, sans-serif;
}

.form-group-radio-label {
  font-weight: 600;
  color: #333;
}

.radio-options {
  display: flex;
  gap: 20px;
  align-items: center;
}

.radio-option {
  display: flex;
  align-items: center;
  gap: 5px;
}

.radio-option input[type="radio"] {
  /* appearance: none; */
  border: 2px solid #ccc;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
  outline: none;
}

.radio-option input[type="radio"]:checked {
  border-color: #00a676;
}

.radio-option input[type="radio"]:checked::before {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 8px;
  height: 8px;
  background-color: #00a676;
  border-radius: 50%;
}

.radio-option label {
  font-size: 14px;
  color: #333;
}

.green-box {
  background-color: var(--cancel);
}

/* * resume * */

.resume-title {
  padding: 20px 0px;
}

.cv-uploader {
  border-bottom: 1px solid #e0e0e0;
  padding: 16px;
  /* border-radius: 8px; */
  font-family: Arial, sans-serif;
  width: 100%;
}

.cv-title {
  font-size: 16px;
  font-weight: bold;
  color: #333;
  margin-bottom: 12px;
}

.cv-files {
  display: flex;
  gap: 26px;
}

.Edit-card-cv-file {
  display: flex;
  align-items: center;
}

.edit-content-cv-file {
  display: flex;
  flex-direction: column;
  padding: 0px 20px 0px 0px;
}

.cv-file {
  background-color: var(--bgColorSecondary);
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 15px 12px;
  display: flex;
  align-items: center;
  /* width: 180px; */
  justify-content: space-between;
}

.file-name {
  font-size: 14px;
  /* color: #333; */
  font-weight: bold;
  margin-right: 8px;
}

.file-info {
  display: flex;
  align-items: center;
  gap: 4px;
}

.file-type {
  font-size: 12px;
  /* color: #666; */
}

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

.pdf-icon {
  color: #e74c3c;
  /* PDF icon color */
}

.doc-icon {
  color: #4a90e2;
  /* DOC icon color */
}

.editcard-remove-btn {
  font-size: 18px;
  color: #e74c3c;
  cursor: pointer;
  margin-left: 10px;
}

.upload-section {
  display: flex;
  align-items: center;
  margin-top: 16px;
}

.browse-btn {
  padding: 4px 27px;
  border: 1px solid var(--BorderColor);
  background-color: var(--bgColorSecondary);
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
}

.browse-btn:hover {
  /* background-color: #eaf5ea; */
}

.upload-info {
  font-size: 12px;
  color: #999;
  margin-left: 12px;
}

/* EducationForm*/

.Edit-border-edu {
  border-bottom: 1px solid;
}

.education-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: var(--bgColorSecondary);
  padding: 10px;
  border-radius: 5px;
}

.education-form {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 500px;
  font-family: Arial, sans-serif;
  margin: 30px 20px;
}

.edit-education-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.education-header {
  /* display: flex;
  align-items: center; */
  /* justify-content: space-between; */
  background-color: var(--bgColorSecondary);
  padding: 10px;
  border-radius: 5px;
  width: 100%;
}

.education-header h6 {
  font-size: 13px;
}

.icons {
  display: flex;
  gap: 8px;
}

.icon {
  cursor: pointer;
}

.edit-icon {
  color: #000;
}

.edit-close-icon {
  color: white;
  background-color: #999;
  border-radius: 50px;
}

.edit-academy-from {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 60px;
}

.edit-title-from {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 90px;
}

.label {
  font-size: 14px;
  color: #333;
  margin-bottom: 4px;
}

.input-field,
.date-field,
.textarea-field {
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 16px;
  width: 100%;
}

.date-group {
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 60px;
}

.edit-descrip-from {
  display: flex;
  flex-direction: row;
  /* align-items: center; */
  gap: 46px;
}

.date-separator {
  font-size: 14px;
  color: #666;
}

.textarea-field {
  resize: vertical;
}

.education-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.education-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: var(--bgColorSecondary);
  padding: 10px;
  border-radius: 5px;
  width: 100%;
}

.icons {
  display: flex;
  gap: 8px;
}

.icon {
  cursor: pointer;
}

.edit-icon {
  color: #000;
}

.close-icon {
  color: #999;
}

.add-button {
  background-color: transparent;
  border: 1px solid #4caf50;
  border-radius: 5px;
  padding: 10px;
  color: #4caf50;
  cursor: pointer;
  font-size: 16px;
}

.add-button:hover {
  background-color: #f0f0f0;
}

/* Skills */
.skill-input {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}

.input-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.title-select,
.percent-input {
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
  outline: none;
}

.percent-input {
  width: 50px;
}

.percent-symbol {
  margin-left: 4px;
}

.delete-btn {
  background: none;
  border: none;
  color: #ff5c5c;
  font-size: 20px;
  cursor: pointer;
  display: flex;
  align-items: center;
}

/* Skill */
.edit-skill-input {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}

.input-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.edit-skills-group {
  gap: 30px;
}

.edit-group-separator {
  display: flex;
  gap: 40px;
  align-items: center;
}

.edit-input-group {
  display: flex;
  align-items: center;
  gap: 75px;
}

.title-select,
.percent-input,
.edit-date-select {
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
  outline: none;
}

.percent-input {
  width: 50px;
}

.percent-symbol {
  margin-left: 4px;
}

.edit-date-select {
  width: 110px;
  background-color: var(--bgColorSecondary);
}

.delete-btn {
  background: none;
  border: none;
  color: #ff5c5c;
  font-size: 20px;
  cursor: pointer;
  display: flex;
  align-items: center;
}

/*................. EditProfile CSS End */

.Forgot-menu-tab {
  display: flex;
  justify-content: space-between;
  margin-left: -20px;
  margin-bottom: 32px;
}

.Forgot-menu-tab li {
  width: calc(50% - 0px);
  /* margin-left: 20px; */
  /* padding: 12px 32px; */
  background: var(--footerBG);
  border-radius: 4px;
  font-weight: 700;
  font-size: 16px;
  line-height: 52px;
  text-transform: capitalize;
  color: var(--textColor);
  cursor: pointer;
}

.Forgot-menu-tab li:hover,
.Forgot-menu-tab li.react-tabs__tab--selected {
  background: rgba(20, 129, 96, 0.1);
  border-radius: 4px;
  color: var(--orangePrimary);
}

/* ................ ResumeDetails */
.View-Resume-card {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 2px;
}

.View-class p {
  margin: 0px;
  padding-right: 10px;
}

.resumeDeleteSvg svg {
  /* font-size: 17px; */
}

/*.................... Resume Css */

/* SavedSec Title Header */
.orange-title {
  font-size: 35px;
  font-weight: bold;
}

/* JobSection SavedSec */
.job-tag {
  padding-left: 1px;
}

/*................... ApplyJob */
.apply-job {
  background-color: var(--BluePrimary) !important;
  border: none !important;
}

.button .hover-text,
.appliedBtn .hover-text {
  display: none;
}

.button:hover .hover-text,
.appliedBtn:hover .hover-text {
  display: flex;
}

.button:hover .default-text,
.appliedBtn:hover .default-text {
  display: none;
}

.appliedbtn .InsApplybtn {
  padding: 5px 10px;
  background-color: transparent !important;
  color: var(--textColor);
  border: 1.5px solid var(--BluePrimary);
}

.appliedbtn .mainBtn:hover {
  color: var(--textColor);
}

.appliedbtn .mainBtn:active {
  color: var(--textColor) !important;
}

.followStyle .default-text {
  color: var(--text-color2);
}

/* ................................Bookmark */
.BookmarkIcon {
  color: var(--orangeSecondary);
}

/* ......................................CRHeader */

.HeaderFLName h6 {
  font-size: 13px;
}

.HeaderEmail h6 {
  font-size: 10px;
}

.HeaderUserType h6 {
  font-size: 12px;
}

/* ....................................... Edit Card */
.Excel-File-Box {
  background-color: var(--bgCard) !important;
}

/* ............................................ Update Resume */
.Dark-Input-from-group {
  background-color: var(--bgColorSecondary) !important;
}

.Dark-Input-from-group:-webkit-autofill {
  background: var(--bgColor) !important;
  -webkit-text-fill-color: white !important;
  transition: background-color 5000s ease-in-out 0s;
}

.Dark-icon-color {
  color: var(--textColor) !important;
}

.Dark-Body-Card-group {
  background-color: var(--bgColor) !important;
}


.Text-mb-Create {
  color: var(--textColor);
}

/* .............................UpdateCandudatebyInstitute */
.Normal-Input-Fill {
  background: var(--bgColorSecondary) !important;
  color: var(--textColor) !important;
}

.Normal-Input-Fill:-webkit-autofill {
  background-color: var(--bgColorSecondary) !important;
  /* Ensure the background matches */
  -webkit-text-fill-color: var(--textColor) !important;
  -webkit-box-shadow: 0 0 0 1000px var(--bgColorSecondary) inset !important;
  /* Fix autofill background */
  transition: background-color 5000s ease-in-out 0s;
}

.Normal-Input-Fill:-webkit-autofill:hover,
.Normal-Input-Fill:-webkit-autofill:focus {
  background-color: var(--bgColorSecondary) !important;
  /* Same background on hover/focus */
  color: var(--textColor) !important;
  -webkit-box-shadow: 0 0 0 1000px var(--bgColorSecondary) inset !important;
}


/* ........................................... Bulk Resume */
.react-select__indicator-separator {
  margin-bottom: 15px !important;
}

.react-select__control {
  justify-content: center;
  align-items: center;
}


.react-select__value-container {
  /* margin-bottom: 10px; */
  margin-bottom: 2px;
}

.react-select__placeholder,
.react-select__single-value {
  color: var(--textColor) !important;
  margin-top: 5px;

}

.react-select__dropdown-indicator {
  margin-bottom: -1px;
}



/* ........................................................ */

.Featured-Jobs-Cards {
  padding: 5px;
}

.features-job {
  border-radius: 8px;
  height: 100%;
  padding: 15px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.features-job.feature-candi {
  border-radius: 8px;
  height: auto !important;
  padding: 15px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.Candidate-Featured-Jobs-Cards {
  padding: 0px 0px 12px;
  
}

/* ................................ TopInstitute */

.All-Card-Employer {
  height: 100%;
}

/* ............................................. */
.email-cv-form-details {

  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}

.email-list-infor .only-for-email {
  display: block !important;
}

.only-for-email {
  width: 100%;
  border-radius: 4px;
  box-sizing: border-box;
  resize: vertical;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

/* ......................................................... */

.Candidate-Profile-Mobile {
  margin-left: 0px;
}

/* ................................................Sign-In Index */
.Input-SignIn {
  background: var(--bgColor) !important;
  color: var(--textColor) !important;

}

.Input-SignIn:-webkit-autofill {
  background-color: var(--bgColor) !important;
  /* Ensure the background matches */
  -webkit-text-fill-color: var(--textColor) !important;
  -webkit-box-shadow: 0 0 0 1000px var(--bgColor) inset !important;
  /* Fix autofill background */
  transition: background-color 5000s ease-in-out 0s;
}

.Input-SignIn:-webkit-autofill:hover,
.Input-SignIn:-webkit-autofill:focus {
  background-color: var(--bgColor) !important;
  /* Same background on hover/focus */
  color: var(--textColor) !important;
  -webkit-box-shadow: 0 0 0 1000px var(--bgColor) inset !important;
}


/* ......................................... CR Institute Login Header */

.Notification-Text {
  color: var(--textColor2) !important;
}

/* .......................................... */

.View-profile-Btn {
  background-color: var(--BluePrimary);
  color: var(--textblackwhite);
}

.View-profile-Btn:hover {
  background-color: var(--BlueButton);
  color: var(--textblackwhite);
  border: none;

}

/* ..................................... BulkResume */

.react-select__multi-value {
  background-color: var(--boxShadow) !important;
  margin-bottom: 20px !important;
}

.react-select__multi-value__label {
  color: var(--textColor) !important;
}

.react-select__multi-value__remove {
  color: var(--textColor);
}

.react-select__multi-value__remove:hover {
  background-color: var(--boxShadow);
  /* color: white; */
}

/* ........................................Sidebar Sticky */
.widget-filter {
  position: sticky;
  top: 24vh;
  z-index: 10;
}

.Svg-Arrow-Class .css-1xc3v61-indicatorContainer{
  padding-top: 0;
}


/* ................................. */
.Button-Candidate-jobtag {
  display: ruby-text;
}

/* ..................................... JobList*/
/* Prevent Shaking and Ensure Stability */
.pricing-section-three {
  overflow-x: hidden;
}

.container.st3 {
  width: 100%;
  margin: 0 auto;
  padding: 15px;
}


.react-dataTable-wrapper {
  position: relative;
  width: 100%;
  border-radius: 5px;
  overflow-x: auto;
  overflow-y: hidden;
  min-height: 0;
  background: #fff;
  padding: 10px;
}

/* Table Styling */
.react-dataTable {
  width: 100%;
  min-width: 700px;
  /* Ensures table is scrollable if content exceeds viewport */
  border-collapse: collapse;
  table-layout: fixed;
  /* Prevents table resizing during interactions */
}


.input-filter-search {
  flex-grow: 1;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 8px 12px;
  font-size: 14px;
}
/* .inner-employer-section .features-job {
  width: 48%;
  margin-right: 10px;
} */







/*.................... Media Query for Tablet and Mobile ...*/
@media (max-width: 1200px) {
    .group-col-3 .cl3 {
        width: calc(50% - 32px) !important;
    }
}

@media (max-width: 992px) {
  .PeopleSearch .group-col-3 .NewCl3 {
    width: 330px; 
}
}

@media (max-width: 958px) {
  .Alertcard {
    width: 100%;
    padding: 8px;
  }

  .delete-card {
    width: 100%;
  }

  .manage-card {
    width: 100%;
  }

  .PostCard {
    width: 100%;
    padding: 5px;
  }

  /* JobSection SavedSec */
  .jobapplication ul li a {
    background-color: #e5d2f8;
    color: blueviolet;
    padding: 5px 6px;
    border-radius: 50px;
  }

  .job-tag {
    padding-left: 1px;
  }


}

@media (max-width: 768px) {
  .orange-box {
    height: 25px;
  }

  .inst-cacndidate-list-style {
    flex-direction: column;
  }

  .jobapplication ul li a {
    justify-content: center;
  }

  .delete-card {
    width: 100%;
    /* Slightly narrower for tablets */
  }

  .delete-title h1 {
    font-size: 30px;
  }

  .delete-card h3 {
    font-size: 20px;
  }

  .delete-card .password-input {
    width: 100% !important;
    /* Full width on smaller screens */
    width: 300px !important;
    background-color: #e1e1e7 !important;
  }

  .job-title,
  .job-query,
  .job-number,
  .job-time {
    font-size: 12px;
  }

  .close-button-container {
    height: 25px;
    width: 25px;
  }

  .close-button-container .icon-close {
    font-size: 12px;
  }

  /* Alertcard  CSS  Start*/
  .Alertcard {
    width: 100%;
  }

  .job-alerts th,
  .job-alerts td {
    font-size: 12px;
    padding: 12px;
  }

  .job-alerts-container {
    overflow-x: auto;
    /* Enable horizontal scroll on tablet */
  }

  /* Alertcard  CSS  End*/

  /* Manage CSS   Start*/
  .manage-search-container {
    flex-direction: column;
    gap: 15px;
    align-items: stretch;
  }

  .manage-card,
  .manage-search-bar,
  .manage-dropdown-container,
  .add-batch-btn {
    width: 100%;
    /* Full width */
    max-width: unset;
  }

  .manage-table-container {
    overflow-x: auto;
    /* Enable horizontal scroll on tablet */
  }

  /* Manage CSS   End*/

  /*..... PostJobs CSS  Start*/

  .form-row {
    flex-direction: column;
  }

  .PostCard {
    padding: 5px;
  }

  /*..... PostJobs CSS  End*/

  /* SavedSec Title Header */
  .orange-title {
    font-size: 32px;
  }

  /* JobSection SavedSec */
  .jobapplication ul li a {
    display: flex;
    text-align: center;
    padding: 6px 15px;
    width: 97px;
  }

  .jobapplication .job-footer-left {
    margin-left: 0 !important;
  }

  .jobapplication .pointer {
    margin-left: 0 !important;
  }

  .job-tag {
    padding-left: 1px;
  }

  .Search-job-group {
    justify-content: center;
  }

  /* ............................. Job05 */
  .Featured-Job-Section {
    justify-content: center;
  }

  .Featured-Jobs-Cards {
    width: 100%;
  }

  /* ................................... PostCard */
  .post-job-description {
    padding: 0;
  }

  /* ..................................... RecentAplicants & InterviewSchedule*/
  .dLHSn {
    padding-right: 0px !important;
  }

  /* .................................. JobList */
  .scroll-react-dataTable {
    overflow: scroll;
  }

  .react-dataTable {
    min-width: 1100px;
  }

  /* .......................... */
  .PeopleSearch .group-col-3 .NewCl3{
    width: 100%;
    margin-left: 0px !important;
  }
  /* ...................................... Alljobs */
  .Search-Job-Cards{
    display:flex ;
  }

  .Card-Item-Type-Content{
    display: contents;
  }

  .Inner-box-content{
    padding: 3px;
  }

  .features-job .job-archive-header h4{
    font-size: 13px;
    padding-right: 8px;
  }
/* ..... Institute , Company, Candidate , Recruiter - Proifle */
.Aboutme-Container-Profile{
  margin-top: 10px !important;
}

/* ............................... PplSearch */
.Candidate-Profile-Mobile{
  justify-content: space-around;
}

/* ......................... RecentAplicant */
.Button-Candidate-jobtag{
   display: contents;
}

/* ............................. */
.profile-resume-image{
  text-align: center;
}
.Main-resume-username{
  justify-content: center;
}
.profile-resume-designation{
  text-align: center;
}
.Resume-Skills-Country-Mobile{
  justify-content: center;
}

}

/* Media queries for mobile */
@media (max-width: 576px) {
  .orange-box {
    height: 21px;
  }

  .card {
    width: 100%;
    /* Full width on mobile */
    padding: 10px;
  }

  .delete-title h1 {
    font-size: 26px;
  }

  .delete-card h3 {
    font-size: 16px;
  }

  .delete-card h1 {
    font-size: 25px;
    text-align: center;
  }

  .delete-card .password-input {
    max-width: 100%;
    /* Ensure inputs are full width on mobile */
    width: 250px !important;
  }

  .Password-button {
    max-width: 100%;
    /* Full width button on mobile */
  }

  .Alertsearch {
    width: 160px;
    height: 40px;
  }

  .AlertDrop {
    width: 80px;
    height: 40px;
  }

  .column-title,
  .column-query,
  .column-number,
  .column-time {
    font-size: 11px;
  }

  .job-title,
  .job-query,
  .job-number,
  .job-time {
    font-size: 10px;
  }

  /* Alertcard  CSS*/
  .Alertcard {
    width: 100%;
  }

  .job-alerts th,
  .job-alerts td {
    font-size: 10px;
    padding: 8px;
  }

  .job-alerts-container {
    overflow-x: auto;
    /* Enable horizontal scroll on mobile */
  }

  .job-alerts th,
  .job-alerts td {
    padding: 8px;
    /* Adjust padding for compact view on mobile */
    font-size: 12px;
    /* Reduce font size for better readability */
  }

  .time-column .close-icon {
    font-size: 18px;
    /* Adjust icon size for mobile */
  }

  /*... DashBoard CSS  Start*/
  .dash-section {
    padding: 0 10px;
    /* Add padding around the section */
  }

  .dash-ratio-main {
    flex-direction: column;
  }

  .dash-icon {
    font-size: 35px !important;
  }

  .css-1miy0lu-MuiTypography-root {
    font-size: 10px;
    color: var(--textColor) !important;
  }

  /*.... DashBoard CSS End*/

  /*.... Manage CSS  Start*/
  .manage-card {
    padding: 1px;
  }

  .manage-table-container {
    padding: 14px;
  }

  .manage-placement-table th,
  .manage-placement-table td {
    padding: 6px;
    font-size: 8px;
  }

  .manage-status-badge {
    padding: 4px 8px;
    font-size: 10px;
  }

  .manage-search-input {
    padding: 6px;
    font-size: 14px;
  }

  .content-wrapper {
    width: 100%;
  }

  .manage-table-container {
    overflow-x: auto;
    /* Enable horizontal scroll on mobile */
  }

  .manage-placement-table th,
  .manage-placement-table td {
    padding: 8px;
    /* Adjust padding for a compact view */
    font-size: 12px;
  }

  /*...... Manage CSS End*/

  /*..... PostJobs CSS  Start*/

  .post-editor-toolbar {
    flex-wrap: wrap;
  }

  .post-browse-btn {
    font-size: 12px;
    padding: 2px 12px;
  }

  .post-image-preview {
    height: 70px;
  }

  /*..... PostJobs CSS  End*/

  /*..... EditCard CSS Start*/

  .avatar-upload-section {
    display: block;
  }

  .avatar-upload-container {
    display: contents;
  }

  .save-button {
    margin-top: 10px;
  }

  .cv-file {
    margin-top: 5px;
  }

  .cv-files {
    display: contents;
  }

  .edit-skills-group {
    gap: 10px;
  }

  .date-group {
    display: block;
  }

  .edit-academy-from {
    display: block;
  }

  .edit-title-from {
    display: block;
  }

  .edit-descrip-from {
    display: block;
  }

  .edit-skill-input {
    display: inline-flex;
    align-items: baseline;
    gap: 10px;
  }

  .edit-input-group {
    display: flex;
  }

  .edit-group-separator {
    display: flex;
    gap: 52px;
    align-items: center;
    margin-top: 5px;
  }

  /* SavedSec Title Header */
  .orange-title {
    font-size: 24px;
  }

  .jobapplication ul li a {
    display: flex;
    text-align: center;
    padding: 1px 15px;
    justify-content: center;
  }

  .jobapplication .job-tag {
    padding-left: 1px;
  }

  .Serach-features-job {
    margin-left: 25px;
  }

  /* ................................. */
  .Job-Footer-Small-Button li {
    display: contents;
  }

  /* ......................... Institute Header */
  .Nav-Header-Mobile {
    padding-left: 0px;
    margin: 0 !important;
  }

  .sticky-area-wrap .Nav-Header-Mobile {
    margin-bottom: 0 !important;
    margin-right: 5px !important;
  }

  /* ...................... EditCard or PostCard */

  .Title-header-Mobile {
    padding: 0 11px;
  }

  /* ................................. */
  .Resume-Skills-Country-Mobile {
    flex-wrap: wrap;
    justify-content: center;
  }

  .Manage-Download-Mobile {
    display: flex;
    justify-content: space-around;
  }

  /* ............................ */
  .Candidate-Profile-Mobile {
    display: inline;
  }

  .PeopleSearch .group-col-3 .NewCl3 {
    margin-left:0px !important;
    width: 100% !important;
  }

  /* ............................... PostCard */
  .post-job-description {
    padding: 0;
  }

  /* ................................... PostCard & EditCard*/
  .Bulk-Upload-Excel-Modal {
    margin-left: 0px;
  }

  /* ..................................... RecentAlicant & InterviewSchedule*/
  .dLHSn {
    padding-right: 0px !important;
  }

  /* ................................... */
  .scroll-react-dataTable {
    overflow: scroll;
  }

  .react-dataTable {
    min-width: 1000px;
  }

  .khojSearch {
    /* flex-wrap: wrap; */
    justify-content: space-between;
  }

  .input-filter-search {
    width: 100%;
    /* margin-top: 10px; */
  }

  /* .................................  CRHeader */
  .menu-item-has-children>a::before {
    display: none;
  }

  /* .................................. EditCard */
  .justify-content-between{
    align-items: center;
  }

  .bulk-upload-container .btn-primary{
    margin-top: 0px;
  }

  /* ...................................... Alljobs */
  .Search-Job-Cards{
    display:block ;
    margin-left: 0px;
  }

  .group-4-8 .cl4.sidebar{
    width: 100%;
    margin-left: 0px !important;

  }

  .group-4-8 .cl8.jobcontent {
    margin-left: 0px !important;
    width: 100%;
}
}

  /* ............  */
  @media (max-width: 320px) {
    .PeopleSearch .group-col-3 .NewCl3 {
      margin-left: 0px !important;
      width: 100% !important;
    }

    .orange-box {
      height: 18px;
  }

    .delete-title h1{
      font-size: 21px;
  }

  .post-new-job-title h1{
    font-size: 18px;
  }

  }

  /* ....................................................... ASHNAB CSS END */