/* .......... Nida CSS Start .............  */
html {
  overflow-y: scroll;
}

:root {
  --bannerSearch: #fff;
  --bgbanner: #f1f1f1;
  --bgColor: #fff;
  --BluePrimary: #1d184b;
  --orangePrimary: #feaa00;
  --paragraph: #64666C;
  --textColor: #121212;
  --Section-Card: #bbb7b73d;
  --bgColorSecondary: #f0ecec;
  --dropdowncolor: #ececec;
  --bgCard: #fafafa;
  --bgCard1: #fff;
  --footerBG: #f5f5f2;
  --footerBG1: #bebebe;
  --textColor1: #fff;
  --textColor2: #8c8989;
  --borderColor2: #d4d4d4;
  --borderColor3: #9f9e9e;
  --textcolorPrimary: #202020;
  --textblackwhite: #fff;
  --textcolorSecondary: #202020;
  --orangeSecondary: #f29e1f;
  --yellowPrimary: #fdd272;
  --BlueSecondary: #081a39;
  --BlueButton: #262f88;
  --BorderColor: #cfc5c5;
  --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: rgb(198, 198, 198);
  --bg-tertiary-color: #ffff;
  --badge-gray-bg: #e9e9ed;
  --badge-gray-text: #696974;
  --icon-bg: #f5f5f2;
  --unread-notifications: #e3f1fe;
  --lighttext: #76787E;

  /* made by Ashnab */
  --DropdownDark: #fff;
  --footerBGNew: #fff;
  --Search-sidebar: #ececec;
  --Social-Card: #fff;
  --Counter-Card: #f5f5f5;
  --Job-Card-Svg: #202020;
  --dropdown-color: #e6e6e6;
  --border-blog-box: #ebebeb;
  --email-update-input: #dadada;
  --alljobs-points-color: #6d6d6d;
  --accordian-color: #e9e9e9;
}

[data-theme="dark"] {
  --bgbanner: #d9d9d9;
  --bannerSearch: #979797;
  --bgColor: #121212;
  --bgColorSecondary: #2f2f2f;
  --dropdowncolor: #2f2f2f;
  --bgCard: #181818;
  --bgCard1: #181818;
  --footerBG: #2a2a28;
  --footerBG1: #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;
  --lighttext: #76787E;
  --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;
  --unread-notifications: #4f5152;
  --Social-Card: #363636;

  /* made by Ashnab */
  --DropdownDark: #3d3d3d;
  --footerBGNew: #2a2a28;
  --Search-sidebar: #2f2f2f;
  --Section-Card: #a5a5a53d;
  --Counter-Card: #000000;
  --Job-Card-Svg: #979797;
  --dropdown-color: #3e3e3e;
  --border-blog-box: #535050;
  --email-update-input: #5a5959;
  --alljobs-points-color: #c1c1c1;
  --accordian-color: #5d5d5d;

}


@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: 60px 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;
}

.textcolor a {
  color: var(--text-color2);
}

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

.employer-block {
  /* height: 150px; */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  min-height: 120px;
  /* Adjust this value based on your design */
  margin-bottom: 22px;
  border: 1px solid var(--BorderColor);
  padding: 20px;
  border-radius: 8px;
  transition: all 0.3s ease-in-out;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: var(--bgCard);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

.grayCard {
  background-color: var(--bgCard);
  border-radius: 10px;
  border: 1px solid var(--border);
}

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

/* .................................... TopNotification. */
.sub-notification .notify {
  border-bottom: 2px solid var(--orangePrimary);
}

.sub-notification-content {
  /* height: 280px; */
  overflow: scroll;
  overflow-y: auto;
  /* Enables vertical scrollbar when needed */
  overflow-x: hidden;
  /* Prevent horizontal scrollbar */
  max-height: 280px;
  /* Ensures the scroll activates at this height */
}

.sub-notification-content h6 span {
  color: var(--textColor);
}

.sub-notification-content::-webkit-scrollbar {
  /* display: none; */
  width: 10px;
}

.sub-notification-content::-webkit-scrollbar-track {
  background: #cdc8c8;
  /* Dark background to match your theme */
  border-radius: 10px;
}


.sub-notification-content::-webkit-scrollbar-thumb {
  background-color: #888;
  border-radius: 4px;
  height: 30px;
}

.sub-notification-content::-webkit-scrollbar-thumb:hover {
  background-color: #555;
}

.sub-notification-content .message-notification {
  color: var(--textColor) !important;
}

.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: 35%;
  margin: auto;
  border-radius: 5px;
  padding: 5px;
  height: 40px;
  margin-left: 0;
  /* margin-right: 280px; */
}

.home-page-main-text .header-ct-center {
  margin-left: 200px;
}

.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: 35px;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  /* padding: 12px 32px; */
  border: none;
}

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

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

.downloadbtn:hover {
  background-color: var(--BlueButton) !important;
  color: white !important;
}

.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;
}

.nonlogin-khojSecondaryBtn {
  height: 36px !important;
}

.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(--bannerSearch) !important;
  /* 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);
}

.nonloginFeature .new-feature-job .short-content {
  color: var(--textColor);
}

.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);
  border-radius: 4px;
  border: 1px solid gainsboro;
}

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

/* #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(--BluePrimary);
}

.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 {
  background-color: transparent !important;
  border-color: transparent !important;
  height: 30px !important;
}

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

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

.react-select__input-container input {
  height: 20px !important;
  color: gray !important;
}

.banner-search-cont .react-select__input-container 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-50 {
  padding-top: 50px;
}

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

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

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

.Search-features-job {
  height: 100%;
}

/* .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 {
  background-color: #ffb3211a;
  color: #ffb321;
  padding: 5px 15px;
  border-radius: 50px;
  font-weight: 600;

}

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

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

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

.mainBtn.red {
  background-color: #eb4d4d1a !important;
  color: #eb4d4d !important;
  padding: 5px 15px !important;
  border-radius: 50px !important;
  font-weight: 600 !important;
  border: none !important;
}

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

.jobapplication .rdt_Pagination svg {
  background: none;
  /* margin-top: 10px; */
}

.checkIcon {
  color: #00a676;
}

.rejectIcon {
  color: red;
}

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

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

.dropdown-item a {
  color: var(--text-color2);
}

.bannerCR.tf-slider.sl5 .form-sl {
  margin: auto !important;
}

.suggestion-item img {
  width: 30px !important;
  height: 30px !important;
}

.userProfileHeader,
.logo-company img {
  width: 45px !important;
  height: 45px !important;
  border-radius: 50%;
}

.blogs-title,
.blogs-date {
  color: var(--textColor);
}

/* .......... 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 !important;
}

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

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

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

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

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

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

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

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

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

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

.f-400 {
  font-weight: 400;
  line-break: anywhere;
}

.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: 15px !important;
  margin-bottom: 0;
}

.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: var(--orangePrimary);
  border-radius: 100px;
}

.profile-resume-userinfo {
  width: 100%;
  border-radius: 10px 10px 10px 10px;
  /* background-color: #e5e0e03d; */
  background-color: var(--Section-Card);
  margin-bottom: 13px;
}

.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(--BlueButton);
  border-color: var(--BlueButton) !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-imag {
  width: 70px;
  height: 70px;
}

.linkedIn-imag img {
  width: 100%;
}

.social-image {
  width: 30px;
  height: 30px;
}

.social-image img {
  width: 100%;
}

.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; */
  background-color: var(--Section-Card);
  margin-bottom: 13px;
}

.Section-Card-Contact-D {
  background-color: var(--Section-Card);
  border-radius: 10px;
  margin-bottom: 13px;
}


.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-initial-icon {
  width: 12px;
  height: 12px;
  background-color: #3445de !important;
  border-radius: 50%;
}

.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;
}

.Applied.Comp a {
  color: var(--textColor) !important;
}

/******************        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 #bdbcbc;
  /* 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: 420px;
  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;
}

.no-match-item {
  color: gainsboro;
}

.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: var(--orangePrimary);
}

.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 {
  align-items: baseline;
}

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

.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(--bgCard1);
  margin-bottom: 10px;
}

.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(198, 198, 198) !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;
}

.notifyCount {
  font-size: 10px;
  margin-bottom: 0;
  position: absolute;
  top: -13px;
  text-align: center;
  background-color: rgb(220 53 69);
  /* padding: 1px 5px; */
  height: 17px;
  width: 20px;
  border-radius: 13px;
  color: white;
}

.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: center;
  flex-grow: 1;
}

.box-latest .box-content {
  border: 2px solid var(--border-blog-box);
}

.employer-block .box-content .institutename {
  color: #000;
  font-weight: 700;
}

.pakage-icon {
  font-size: 80px !important;
  background-color: #c3defb;
  color: var(--BluePrimary) !important;
  border-radius: 50%;
  padding: 10px;
}

.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 .guqXRe {
  background-color: var(--bgColorSecondary);
  color: var(--textColor);
}

.eye-icon-color {
  background-color: var(--bgCard) !important;
  border: 1px solid gray !important;
}

.setnewpassword .logo {
  width: 150px;
}

/* .logo {
  width: 105px;
  height: max-content;
} */

.logo img {
  width: 100%;
}

.blogs-image img {
  /* height: 150px; */
  /* object-fit: unset; */
  width: 100%;
}



.wrap-counter .css-1umw9bq-MuiSvgIcon-root {
  font-size: 40px;
}

.wrap-counter {
  /* border: 2px solid var(--textColor); */
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.tabContent .css-1xc3v61-indicatorContainer {
  padding-top: 0;
}

.profile-image-style input {
  height: 50px;
}

.jobCardMainText {
  height: 20px;
}

.wd-counter .description {
  color: var(--textcolorPrimary);
}

.create-comp-style input {
  padding-left: 10px;
}

.create-comp-style .create-comp-city {
  padding-left: 0px;
}

.custom-list-style {
  list-style-type: disc;
}

.custom-works-card {
  padding: 10px !important;
  /* height: 325px; */
  width: 32% !important;
}

.review-section {
  width: 24% !important;
}

.Associted-Comp-box-content {
  padding: 45px;
}

.Search-job-Manage-ComList {
  /* justify-content: start !important; */
}

.Search-job-group .comp-shimmer-style {
  width: 49% !important;
  margin-right: 6px;
  padding: 10px;
  /* margin-right: 3px; */
  /* padding-top: 0px; */
  /* margin-bottom: 5px; */
}

.Search-job-group .inner-box {
  margin-top: 0;
}

.delete-card h5 {
  color: var(--textColor);
}

.nav-wrap {
  /* width: 50px; */
  height: 50px;
  margin-top: 3px;
}

.nav-wrap.menu {
  margin-bottom: 0px !important;
}

.sc-eDHQDy .hnFrir .cNIvEM svg {
  margin-top: 10px !important;
}

.candidateHomeCat .card-color {
  background-color: gray;
}

.css-1wy0on6 {
  margin-bottom: 10px;
}

/* .header-ct-center .dropdown-container {
  width: 200px;
  height: 80px;
  background-color: pink;
}
.header-ct-center .dropdown-container .dropdown-item{

} */
.header-ct-center .dropdown:hover>.dropdown-menu {
  display: block;
}

.header-ct-center .dropdown>.dropdown-toggle:active {
  /*Without this, clicking will make it sticky*/
  pointer-events: none;
}

.header-ct-center .manage-job-txt-color {
  color: var(--textColor);
}

.header-ct-center .dropdown-menu {
  top: 90% !important;
  left: 20 !important;
  transform: none !important;
  width: 200px;
  height: 80px;
  padding: 0;
  margin: 0;
  border: none;
  margin-top: 10px;
  border-radius: 0 !important;
}

.header-ct-center .dropdown-menu .dropdown-item {
  height: 40px;
  border-radius: 0;
}

.header-ct-center .candidate-menu {
  height: 160px;
}

.header-ct-center .dropdown-menu .dropdown-item:hover {
  background-color: var(--bgColorSecondary) !important;
}

.New-Khoj-Inner-Footer .footer-cl-2 {
  width: 150px;
  margin-left: 70px;
}

.wd-counter h6 {
  line-height: 16px;
}

.blogs-container span {
  color: var(--BluePrimary);
  font-weight: 600;
}

.wd-review-job ul li {
  list-style-type: disc;
  font-size: 14px;
  margin-bottom: 9px;
}

.about-review .wd-review-job {
  background-color: var(--Social-Card);
}

.wd-review-job-image {
  width: 150px;
}

.wd-review-job-image img {
  width: 100%;
}

.inner-review-section-two .linkedIn-image {
  height: 70px;
  width: 150px;
}

.inner-review-section-two .linkedIn-image img {
  width: 100%;
}

.user-works-style .tf-iconbox .img1 img {
  width: 135px !important;
  height: 135px !important;
}


.mobile-title {
  display: none;
}

.review-job-section-four {
  padding-top: 60;
}

.khoj-text-color {
  color: var(--orangePrimary);
}

.container .content .text-center {
  /* width: 60%;
  margin: auto; */
  /* margin: 0px 227px; */
  font-size: 14px;
  width: 67%;
  margin: 0px 192px;
}

.container .content .banner-sub-para {
  /* width: 61%;
  display: flex; */
  font-size: 13.8px;
  width: 67%;
  margin: 0px 238px;
}

.formContent .main-banner-text {
  font-size: 32px !important;
}

.candidate-homepage {
  width: 100% !important;
}

.account-section .create-acc-text {
  margin-top: 140px;
}

.partners-iamge {
  width: 100%;
  height: 83%;
}

.meet-img img {
  height: -webkit-fill-available;
  width: -webkit-fill-available;
}

.inner-review-section-two .wd-review-job {
  background-color: var(--bgCard);
  height: 254px;
  width: 290px;
}

.inner-review-section-two .thumb-style3 {
  background-color: var(--bgCard);
  height: 350px;
  align-content: end;
}

.partners-iamge img {
  width: 100%;
}

.meet-container p {
  font-size: 13px !important;
  text-align: justify;
  hyphens: auto;
  line-height: 1.6;
  max-width: 500px;
  word-break: break-word;
}

/* .meet-partener-first-card p{
  text-align: left;
} */
.meet-container .meet-cards {
  background-color: var(--bgCard);
}

.khoj-career-image {
  width: 100%;
  height: 100%;
}

.khoj-career-image img {
  width: 100%;
}

.work-with-content li {
  color: var(--lighttext);
}

.topJobsHome svg {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}

.job-card-style svg {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}

.partner-style {
  margin-bottom: 0 !important;
}

.about-image-container {
  margin-top: 47px;
}

.career-about-image img {
  margin-top: 37px;
}

.banner-text-mobile-view {
  display: none;
}

.inner-employer-section .currency-capitalized {
  text-transform: uppercase;
}

.menu-mobile-popup .close-icon-responsive {
  position: absolute;
  right: 10px;
  top: 0px;
}

.gsGWfL {
  border-top-color: #ffff !important;
}

.blog-banner-image {
  height: 119vh !important;
}

.react-select__menu {
  text-align: left !important;
}

.react-select__option {
  text-align: left !important;
}

.react-select__single-value {
  text-align: left !important;
}

.inner-content p {
  margin-left: 20px;
  /* Bullet points ke baad space */
  /* text-indent: -12px; */
  /* First line ke liye negative indent */
  padding-left: 35px;
  /* Second line se proper align */
}

.inner-content ul {
  list-style-position: outside;
  /* Bullets ko left par fix karega */
  padding-left: 20px;
  /* List ka left padding */
}

.custom-bullet-list {
  list-style-type: none;
  /* Use API bullets instead of default ones */
  padding-left: 20px;
  /* Proper left alignment */
}

.custom-bullet-list li {
  margin-bottom: 8px;
  padding-left: 5px;
}

.profile-resume-main-container .cv-form-details.job-sg {
  margin-top: 0;
}

.add-project-modal .flatpickr-innerContainer .flatpickr-rContainer {
  background-color: red !important;
}

.flatpickr-monthSelect-month {
  color: #b0b0b0 !important;
  font-size: 16px;
  font-weight: bold;
}

.flatpickr-monthSelect-month:hover,
.flatpickr-monthSelect-month.selected {
  color: white !important;
  background: #444 !important;
  border-radius: 5px;
}

.flatpickr-monthSelect-year {
  color: #ddd !important;
  font-size: 18px;
  font-weight: bold;
}

.dropdown-cmpny {
  border: 1px solid var(--dropdown-color) !important;
  /* background-color: var(--dropdown-color) !important; */
}

.dropdown-modal {
  /* border: 1px solid var(--dropdown-color) !important; */
  background-color: white !important;
}

.follow-modal:hover {
  background-color: #ede9e9 !important;
}

/* .downloadbtn:disabled {
  background-color: gray !important;
  border: 1px solid gray;
  cursor: not-allowed;
} */

.inst-profile-image {
  width: 75px;
  height: 75px;
}

.inst-profile-image img {
  width: 100%;
}

.khojdesktopHeader .assigned-test {
  background-color: var(--bgColor);
}

.cv-form-details .Company-cont-details {
  width: 278px;
}

.AssignCandid .user a {
  color: var(--textColor);
}

.add-skills-modal .post-form-group {
  display: flex;
  flex-direction: column;
}

.bulk-upload-btn {
  height: 40px;
}

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

.loader {
  border: 2px solid #f3f3f3;
  border-top: 2px solid white;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  animation: spin 1s linear infinite;
  display: inline-block;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.truncate-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  max-width: 100%;
  /* Or set a specific width like 200px */
}

.duplicate-skip-cont {
  margin-top: 35px !important;
}

/* Accordian */

.accordion .accordion-item {
  width: 100%;
}

.accordion-button {
  font-size: 16px;
}

.accordion-body {
  padding: 1rem;
}

/* .khojdesktopHeader .accordion {
  background: gray;
  height: 35px;
  margin-top: 9px;
} */
.khojdesktopHeader .accordian-cont {
  margin-top: 9px;
}

.khojdesktopHeader .accordion-item:last-of-type>.accordion-header .accordion-button.collapsed {
  padding-top: 0;
  padding-bottom: 0;
  background-color: gray;
}

.accordion-button::after {
  margin-top: 3px;
}

.accordion-item {
  border: none !important;
}

.accordion-item:last-of-type {
  border-radius: 0px 0px 4px 5px;
  --bs-accordion-btn-focus-box-shadow: 0;
}

.accordion-button:not(.collapsed) {
  box-shadow: none;
}

.accordion-item {
  background-color: unset;
}

.accordian-container {
  margin-top: 4.5px !important;
}

.accordion-header button {
  padding-top: 0;
  padding-bottom: 0 !important;
  /* background-color: var(--orangePrimary) !important; */
  border: none;
  box-shadow: unset !important;
  margin-bottom: 0 !important;
  color: #000 !important;
}

.accordion-body {
  background-color: var(--bgCard);
  color: var(--textColor) !important;
  border-radius: none;
  border: none !important;
}

.accordion-button {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  background-color: var(--orangePrimary) !important;
  margin-bottom: 0 !important;
}

.textColor {
  font-size: 400;
  color: #918e8e;
}

.accordion-item {
  /* border: none !important; */
}

/* .accordian-cont {
  background-color: gray !important;
} */
.test-candidate-data {
  text-align: left !important;
}

.test-candidate-header {
  text-transform: math-auto;
}

.accordian-container .view-test-link {
  background-color: var(--bgCard) !important;
  border: 1px solid gray !important;
  color: gray;
}

.accordian-container .view-test-link:hover {
  color: gray;
}

.refreshBtn {
  /* background-color: green !important; */
  border: 1px solid black;
}

.test-candidate-cont {
  border: 1px solid gray;
}

.pricing-section-three .instituteSearchCont {
  height: 50px;
}

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

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

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

.ProfileCard .ProfileCard-list {
  /* display: flex; */
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: var(--lighttext);
  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: 20px; */
}

.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 ol {
  padding-left: 0;
}

.jobapplication ul {
  margin: 0;
  padding-left: 0;
}

.jobapplication ul li {
  background-color: #e5d2f8;
  color: blueviolet;
  padding: 5px 12px;
  border-radius: 50px;
  font-weight: 600;
  margin-bottom: 4px;
}

.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: 1px solid var(--bgCard);
  border: none;
  border-radius: 0;
  margin-top: 44px;
  transform: translate3d(-95px, -59px, 0px) !important;
}

.view-job-dropdown .dropdown-menu.show {
  display: block;
  background-color: var(--bgCard);
  inset: -10px auto auto -60px !important;
  border: 1px solid var(--bgCard);
  border: none;
  border-radius: 0;
  margin-top: 0 !important;
  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(17.3333% - -136px);
  height: 330px !important;
}

.truncate-text {
  display: inline-block;
  max-width: 100px;
  /* adjust as needed */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
}

.PeopleSearch .form-group-1 {
  width: 500px;
  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: 16px;
  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);
  margin-bottom: 5px;
}

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

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

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

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

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

.settings .form-control {
  padding: 8px;
  font-size: 16px;
  border: 1px solid #bfbebe;
  border-radius: 4px;
  background-color: var(--bgColorSecondary);
  /* margin-bottom: 0px; */
}

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

.btn:first-child:active {
  background-color: var(--BlueButton) !important;
  color: #fff !important;
}

.btn:first-child:active {
  background-color: var(--BlueButton) !important;
  color: #fff !important;
}

.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;
} */

.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: none;
}

.alljob .group-4-8.Search-Job-Cards {
  display: flex;
  /* max-height: 96vh; */
  /* Prevent overflow */
  overflow: hidden;
}

.alljob .sidebar {
  /* max-height: 96vh; */
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
}

.alljob .content-tab {
  overflow-x: hidden;
  scrollbar-width: thin;
  /* height: 400px; */
}

.alljob .Search-job-group {
  display: flex;
  flex-wrap: wrap;
  /* max-height: 90vh; */
  /* Set a maximum height */
  /* max-height: 100vh; */
  /* Set a maximum height */
}

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

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

  .cv-form-details .Company-cont {
    width: 104px;
  }

  .banner-text-mobile-view {
    display: block;
  }

  .formContent .main-banner-text {
    font-size: 20px !important;
  }

  /* .tf-slider.sl5 {
    padding-top: 70px !important;
    padding-bottom: 200px !important;
    background: url(http://localhost:3000/static/media/home_banner.b819aa9….png);
    background-color: var(--bgbanner);
    background-repeat: no-repeat;
    background-size: 145% !important;
    background-position: bottom !important;
  } */

  .container .content .text-center {
    width: 100%;
    margin: 0px 0px;
    font-size: 12px;
  }

  .container .content .banner-sub-para {
    width: 100%;
    margin: 0px 0px;
    font-size: 12px;
  }

  .desktop-banner-text {
    display: none;
  }

  /* .rdt_Pagination .sc-Rjrgp {
  display: block !important;
} */
  .view-job-style {
    padding-bottom: 10px;
  }

  .jobapplication {
    padding-bottom: 10px;
  }

  .react-table-colorclass .sc-epnzzT,
  .react-table-colorclass div {
    /* color: var(--textColor); */
    justify-content: inherit;
  }

  .react-table-colorclass .kDCQlx,
  .react-table-colorclass .sc-epnzzT,
  .react-table-colorclass div {
    /* color: var(--textColor); */
    background-color: var(--bgColor);
  }

  .view-job-style {
    padding-bottom: 10px;
  }

  .jobapplication {
    padding-bottom: 10px;
  }

  .react-table-colorclass .sc-epnzzT,
  .react-table-colorclass div {
    /* color: var(--textColor); */
    justify-content: space-evenly;
  }

  .react-table-colorclass .kDCQlx,
  .react-table-colorclass .sc-epnzzT,
  .react-table-colorclass div {
    /* color: var(--textColor); */
    background-color: var(--bgColor);
  }

  .view-style-mobile {
    margin-top: 10px;
  }

  .inner-review-section .about-mobile {
    margin-right: 0px !important;
  }


  .tab-responsive-style .group-title {
    margin-top: 0px !important;
  }

  .topJobsHome {
    padding: 0 0 0 0;
  }

  .mobile-city-syle .row-group-search {
    width: 270px;
  }

  .topJobsHome .group-title {
    padding-top: 0;
  }

  .wd-iconbox .title-iconbox {
    padding-top: 0;
  }

  /* ............Box07 & ReviewJob10 */
  .review-job-section-four {
    padding-top: 60px;
  }

  .review-section {
    width: 46% !important;
  }

  .wd-iconbox .review-section {
    margin-right: 0 !important;
    margin-left: 10px;
  }

  .candidateHomeCat .row {
    justify-content: center;
  }

  .inner-review-section-two {
    padding-top: 0 !important;
  }

  .title-iconbox.stc h4 {
    margin-bottom: 0px;
  }

  .inner-review-section-two .col-md-12 {
    margin-top: 0 !important;
  }

  .inner-testimonials-section {
    padding-bottom: 0;
  }

  .custom-works-card {
    width: 95% !important;
    margin-right: 0 !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: max-content;
  }

  .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;
  }

  .login-mobile-header-style .mobile-not-register-class {
    display: none;
  }

  .blogs-container {
    /* margin-left: 50px; */
    margin-bottom: 50px;
  }

  .New-Khoj-Inner-Footer .footer-cl-2 {
    margin-left: 0;
  }

  /* .New-Khoj-Inner-Footer .info-mobile-css {
    margin-left: 140px;
  }
  } */

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

  .register-login-container {
    width: 200px;
  }

  .search-container .suggestions-dropdown {
    width: 250px;
  }
}

.mobile-header-login-btn {
  margin-top: 120px;
}

@media (max-width: 768px) {
  .nav-wrap {
    height: unset;
  }

  .tab-responsive-style .group-title {
    margin-top: 60px;
  }

  .topJobsHome {
    padding: 0 0 0 0;
  }

  .topJobsHome .group-title {
    padding-top: 0;
  }

  .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;
  }

  /*............................. PplSearch */

  .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;
  }

  #main-nav #menu-primary-menu {
    display: none;
  }

  .PeopleSearch .group-col-3 .cl3 {
    /* width: calc(17.3333% - -136px); */
    height: 330px !important;
  }
}

@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) {}

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

/* ....................................................... ASHNAB CSS START */

/* .................... */
.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;
  }

  #main-nav #menu-primary-menu {
    display: block;
  }

  .alljob .sidebar {
    max-height: 40vh;
    position: sticky;
  }

  .alljob .Search-job-group {
    max-height: 100vh;
    /* Set a maximum height */
  }

  .alljob .content-tab {
    max-height: 60vh;
  }

  /* .inner-employer-section {
    padding: 20px auto !important;
  } */

  .inner-employer-section {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
}

/* @media only screen and (max-width: 550px) {

  .sticky-area-wrap .header-ct-right .khojPrimaryBtn,
  .sticky-area-wrap .header-ct-right .khojSecondaryBtn {
    display: block !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 {
  /* margin-top: 20px; */
}

.edit-delete-title {
  margin-top: 20px;
}

.delete-title h1 {
  font-size: 35px;
  margin-bottom: 15px;
  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: 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 15px;
  /* 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: rgb(198, 198, 198);
}

.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;
}

.manage-search-container .css-1wy0on6 {
  height: 35px !important;
}

.manage-search-container .css-1wy0on6 {
  height: 35px !important;
}

.manage-search-container .css-b62m3t-container {
  width: 270px;
}

/* 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: var(--BluePrimary);
  color: white;
  border: none;
  padding: 12px 40px;
  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;
}

.pricing-section-three .assigned-test {
  width: 200px;
  height: 48px;
  background-color: var(--BluePrimary);
  border: none;
  font-weight: bold;
}

.pricing-section-three .assigned-test:hover {
  background-color: #1e2776;

}

.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;
}

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

.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 #bdbcbc;
  /* 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: 10px;
  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: 1px solid #bdbcbc;
  text-transform: capitalize;
  border-radius: 4px;
  background-color: var(--bgColorSecondary);
  font-size: 1em;
  color: var(--textColor);
}

.Dark-Input-from-group::placeholder {
  text-transform: none !important;
}

.Normal-Input-Fill::placeholder {
  text-transform: none !important;
}

.text-transform-email input {
  text-transform: none;
}

.email-label-category input {
  background-color: var(--email-update-input) !important;
}

/* .email-label-category .form-control{
  background-color: var(--email-update-input) !important;
} */

.Company-React-category .form-control {
  background-color: var(--email-update-input) !important;
}

input::placeholder {
  text-transform: none;
}

.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)
}

.placeholder-from-react-select label {
  font-size: 16px;
}

.currency-input-from .react-select__single-value {
  text-transform: uppercase;
}

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

/* ............................. ReactQuill */
.placeholder-from-react-select .ql-picker-label,
.placeholder-from-react-select .ql-stroke {
  color: var(--textColor);
  stroke: var(--textColor) !important;
}

.placeholder-from-react-select .post-description-input .ql-editor h1,
h2,
h3 {
  color: var(--textColor) !important;
}

.post-description-input .ql-editor.ql-blank::before {
  color: var(--textColor) !important;
}

.post-description-input .ql-editor ul li:not(.ql-direction-rtl) {
  color: var(--textColor);
}


/* Change active button color in the toolbar */
.ql-toolbar .ql-active {
  color: #06c;
  /* Change to your desired color */
  stroke: #06c;
  /* Ensure it affects SVG icons */
}

/* If stroke-based icons (like Bold, Italic, etc.) are turning blue */
.ql-toolbar .ql-active .ql-stroke {
  stroke: #06c !important;
}

/* If fill-based icons are turning blue */
.ql-toolbar .ql-active .ql-fill {
  fill: #06c !important;
}


/* ............................. ReactQuill */

/*................. 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 10px;
  /* 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);
}

.green {
  color: #00a676;
}

/* * 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;
  margin-top: 15px;
}

.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;
  margin-bottom: 20px;
}

/* 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 !important;
  background-color: transparent !important;
  color: var(--textColor) !important;
  border: 1.5px solid var(--BluePrimary) !important;
}

.appliedbtn .mainBtn:hover {
  color: white;
}

.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;
}

/* ..................... normal input border */
.normalinput-fill-border {
  border: 1px solid #bdbcbc !important;
}

/* ............................................ Update Resume */
.Dark-Input-from-group {
  background-color: var(--bgColorSecondary) !important;
  border: 1px solid #bdbcbc !important;
}

.Dark-Input-from-group:-webkit-autofill {
  background: var(--bgColor) !important;
  -webkit-text-fill-color: var(--textColor) !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;
  border-radius: 4px;
  border: 1px solid #bdbcbc;
}

.Normal-Input-Fill:-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(--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(--bgColor) !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;
}

/* ........................................................ */
/* ........................................... InstituteDetails */
.Institutedetails-hole-content {
  padding: 90px 70px;
}

.InstituteDetail-main-section {
  justify-content: center;
  display: flex;
}

.InstituteDetail-main-section .profile-resume-details {
  width: 100% !important;
}

.Institute-Detail-Container {
  display: flex;
  justify-content: space-between;
}

/* ............................................InstituteDetails */

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

.features-job {
  border-radius: 8px;
  margin: 0 4px;
  width: 95%;
  /* height: 350px; */
  padding: 15px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  /* width: -webkit-fill-available; */
}

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

  /* pointer-events: none; */
}

.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;
}

.Navbar-Input-from-Data:hover {
  background-color: var(--bgColorSecondary) !important;
  color: red;
}

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

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

.complete-profile-Btn {
  background-color: #e9b73ea3;
  color: black;
  font-weight: 400;
  border: none;
  margin-bottom: 4px;
}

.complete-profile-Btn:hover {
  background-color: #e9b73ea3;
  color: black;
}

.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__input-container {
  margin-bottom: 20px !important;
}

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

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

.addcand-manage-btn a {
  color: white;
  font-weight: bold;
}

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

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

/* ........................... Sticky Dropdown of Salary Type*/


/* ........................... Sticky Dropdown of Salary Type*/


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

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

.pricing-section-three .wd-findjob-filer {
  margin-bottom: 0;
}

.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;
  border-collapse: collapse;
  table-layout: fixed;
  background-color: var(--bgCard) !important;
}

.react-dataTable::-webkit-scrollbar {
  display: none;
}

/* ....................... */
.react-table-colorclass .rdt_TableBody {
  /* flex-direction: column-reverse; */
}

.application-drop-section .react-table-colorclass .rdt_TableBody {
  /* flex-direction: column-reverse !important; */
}

/* .................................  react-table-colorclass */
/* ............................TextColor */

.react-table-colorclass .rdt_TableCell {
  color: var(--textColor);
}

.react-table-colorclass .rdt_TableRow {
  color: var(--textColor);
}

.react-table-colorclass .fahXAq {
  color: var(--textColor);
}

.react-table-colorclass .fkaPER {
  color: var(--textColor);
}

.react-table-colorclass .kDCQlx,
.react-table-colorclass .sc-epnzzT,
.react-table-colorclass div {
  color: var(--textColor);
}

/* (no records Display)*/
.react-table-colorclass .guqXRe div {
  color: var(--textColor);
}

/*(no records Display) */
.react-table-colorclass .hReMJp {
  color: var(--textColor);
}

/* ............................TextColor */
/* ............................  BackGroundColor */
.react-table-colorclass .rdt_TableHeadRow,
.react-table-colorclass .rdt_TableBody {
  background-color: var(--bgColor) !important;
}

.react-table-colorclass .bmtJPb {
  background-color: var(--bgColor) !important;
}

.react-table-colorclass .rdt_TableRow {
  background-color: var(--bgColor) !important;
  margin-bottom: 10px;
}

.react-table-colorclass .rdt_Pagination {
  background-color: var(--bgColor) !important;
  color: var(--textColor) !important;
  border-top: none;
}

.react-table-colorclass .Cuuov:focus {
  background-color: inherit;
}

/*(no records Display) */
.react-table-colorclass .guqXRe {
  background-color: var(--bgColor) !important;
}

.react-table-colorclass .sc-jSSkKI {
  background-color: var(--bgColor) !important;
}

.rdt_Pagination button svg {
  background-color: #e4e4e4 !important;
  border-radius: 10px;
  cursor: pointer;
}

.rdt_Pagination .Cuuov:hover:not(:disabled) {
  background-color: inherit;
}

/*(no records Display)*/
/* ............................BackGroundColor */
/* ...................................  react-table-colorclass */

.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;
} */
.our-clients-text {
  font-size: 36px;
}

/* .............. All Paragraph & Links, use this class */
.para-custom-color {
  color: var(--lighttext) !important;
  font-size: 16px !important;
}

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

.NavLink-custom-color:hover {
  color: var(--BluePrimary) !important;
  font-weight: bold;
}

/* ....................... TopCandidates*/
.tf-button {
  color: var(--textColor);
}

.btns {
  display: flex;
}

/* ......................... Dropdown-Menu-Dark */
.Dropdown-menu-dark .react-select__menu {
  background-color: var(--DropdownDark) !important;
}

.Dropdown-menu-dark .react-select__option {
  background-color: var(--DropdownDark);
}

/* ........................... DiseBar */
.SideBar-Search-Class {
  background-color: var(--Search-sidebar);
}

.salary-group-form {
  /* margin-bottom: 3px !important; */
}

/* .................... */
.Profile-Image-UserMap {
  height: -webkit-fill-available;
}

/* ............................................ */
.group-category-job .job-category-box {
  background-color: var(--footerBGNew);
}


.Follow-Btn-Companies-Sec {
  position: absolute;
  right: 0;
  bottom: 0;
}

/* .........................Job05 */
.short-content-jobcard {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* Limits to 2 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  /* Adds '...' at the end */
  white-space: normal;
}

.new-feature-job {
  height: 100% !important;
}

.new-feature-job .job-archive-header h4 {
  color: var(--orangePrimary);
}

.new-feature-job .job-archive-header h3 {
  color: var(--textColor);
}

.employer-block .box-content h3 {
  color: var(--textColor);
}

.employer-block .box-content h3:hover {
  color: var(--BluePrimary);
}

.feature-job-bag-svg {
  color: var(--Job-Card-Svg);
}

/* ..................................  Institute*/
.Institue-cards-block {
  margin: 5px;
  width: 48% !important;
  height: 150px !important;
}

/* .................................. JobDetails*/
.applybtn-mainbtn .apply-job {
  padding: 6px 10px !important;
}

.Job-Details-Content .content-left .content h6 a {
  color: var(--textColor);
}

.wd-job-author2 .content-left .content .tags a {
  background-color: transparent !important;
  border: 0.5px solid var(--BluePrimary) !important;
  color: var(--textColor) !important;
}

/* .................................... ManageComList*/
.comp-shimmer-style h3 {
  font-size: 15px;
  margin-left: 4px;
  margin-top: 10px;
}

.comp-shimmer-style h3 a {
  color: var(--textColor);
}

.Companines-Remove-Btn {
  padding: 4px 8px !important;
  padding-bottom: 1px;
}

/* ....................................... */
.Flatpickr-Calender-Class .flatpickr-calendar.static.open {
  /* margin-top: -360px; */
}

.Flatpickr-Calender-Class-nt .flatpickr-calendar.static.open {
  margin-top: 0px;
}

.Flatpickr-Calender-Class .flatpickr-wrapper {
  width: 100% !important;
}

.Flatpickr-Calender-Class::placeholder {
  text-transform: none;
}

.group-counter-vision .wd-counter {
  justify-items: center;
}

/* .................................. Vision */
.All-CICR-Class .custom-works-card {
  margin: 3px !important;
}

/* ....................... AboutUs Page*/
.tf-iconbox-Rediscover {
  display: flex;
  flex-direction: column;
}

.tf-iconbox-Rediscover .box-content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.tf-iconbox-Rediscover ul {
  padding: 0;
}

.tf-iconbox-Rediscover button {
  margin-top: auto;
  align-self: center;
  color: var(--BluePrimary);
}

.tf-iconbox-Rediscover button a {
  color: var(--BluePrimary);
}

.tf-iconbox-Rediscover button a:hover {
  color: #feaa00;
}

/* ............................ Counter*/
/* .whychoose-tf-iconbox {
  border: none !important;
  background-color: var(--Counter-Card) !important;
} */

.whychoose-tf-iconbox.style-3 {
  /* text-align: center; */
  padding: 40px 32px;
  border: 1px solid var(--Counter-Card);
  border-radius: 8px;
  transition: all 0.3s ease-in-out;
  background-color: var(--Counter-Card) !important;
  margin-right: 6px;
  box-shadow: none !important;
}


.whychoose-tf-iconbox.style-3:hover {
  border: 1px solid var(--BluePrimary) !important;
  box-shadow: 0px 10px 25px rgba(54, 95, 104, 0.1) !important;
}





/* ................................ AllCompanies*/

.Institue-cards-allcompanines .inner-box {
  /* height: 150px; */
  flex-wrap: inherit !important;
}

.Institue-cards-allcompanines a:hover {
  color: #0d6efd;
}

.allcompanines-info {
  background-color: var(--BluePrimary);
  color: white !important;
  font-size: 12px !important;
  line-height: 13px !important;
  font-weight: 500;
  padding: 8px 16px;
  border-radius: 52px;
  display: flex !important;
  align-items: center;
  text-align: center;
}

/* ..............................  index , Term and Contion*/
.terms-condtions-Defpoints {
  color: var(--textColor);
  font-weight: bold;
}

/*.................................... AllJobsNew */
.inner-employer-section-alljobs {
  padding-bottom: 0px !important;
}

.cityname-content li {
  color: var(--alljobs-points-color) !important;
}

.Card-Item-Type-Content a {
  color: var(--textColor) !important;
}

/* .................................. Job03 */
.Job-Footer-Small-Button li a {
  color: var(--textColor) !important;
}

/* .................................. Job03 & Alljobs*/
.alljobs-about-card {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* Limits to 2 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  /* Adds '...' at the end */
  white-space: normal;
  margin-bottom: 0;
}

.truncate-title h3 {
  max-height: 50px;
  /* Adjust based on font-size */
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap;
}

.alljobs-about-card,
.alljobs-about-card p span,
.alljobs-about-card p ul,
.alljobs-about-card ul li,
.alljobs-about-card p strong {
  color: var(--textColor) !important;
}

.alljobs-about-card ul li {
  list-style: none;
}

.job-footer-right-price {
  align-items: center;
}

.job-footer-right-price .price {
  align-items: baseline !important;
  width: 62%;
}

.view-applybtn {
  text-align: end;
}

.view-applybtn .apply-job {
  margin-top: 5px;
}

.currencycapitalized {
  text-transform: uppercase;
}

/* .................................... Iconbox3 */
.meet-partners-two {
  padding-left: 25px !important;
}

.meet-partners-two .meet-patner-P-one {
  padding-bottom: 13px;
}

.meet-partners-two .meet-partners-two-card {
  height: fit-content;
}

.meet-partners-one .partners-iamge img {
  margin-left: 2px;
}

.meet-partners-two .partners-iamge img {
  /* margin-left: 8px; */
  /* height: 290px; */
}

.meet-container-mobile {
  display: none !important;
}

/* ............................. CandidateResume*/
.profile-resume-image {
  justify-content: flex-end;
}

.profile-resume-about-heading .border-bottom1 {
  border-bottom: 1.5px solid var(--textColor) !important;
}


/*............................ Review */
.about-image-containe-formob {
  display: none !important;
}

.fadeRightLeft-mob-img-para {
  display: none !important;
}

.khoj-career-image-one img {
  width: 80%;
  margin-top: 40px !important;
}


/*.....//// this all page top same styple od design /////////*/
.saved-drop-section {
  padding-top: 25px;
}

.application-drop-section {
  padding-top: 25px;
}

.manage-drop-section {
  padding-top: 15px;
}

.post-new-job-title {
  margin-top: 20px;
}

.view-style-mobile {
  margin-top: 42px;
}

.profile-resume-heading-cont {
  margin-top: 20px;
}

/* .......................................... PplSearch Start*/
.PeopleSearch .features-job .job-archive-header .candidate-profile {
  display: flex;
  /* justify-content: center; */
  padding-left: 0;
}

.PeopleSearch .features-job .job-archive-header .career-tag-section {
  display: flex;
  /* justify-content: center; */
  padding-left: 0;
  /* margin-top: 40px; */
  gap: 14px 7px;
  width: max-content;
}

.career-tag-section li a {
  padding: 8px 8px !important;
  cursor: default;
}


.PeopleSearch .wd-thum-career.style-2 .job-archive-header .career-info li:first-child {
  /* left: 62px !important; */
  width: 100%;
  justify-content: center;
  left: 0 !important;
  position: sticky !important;
  margin-right: 0;
}

.feature-candi .job-archive-header {
  padding: 0px 31.25px 12px !important;
}

.feature-candi .job-archive-header .career-header-left img {
  margin: 3px 0px 6px 0px;
}

/* .......................................... PplSearch End*/

/* ................................ Blog1 Blog2 Blog3 Blog4*/
.fadeInUp-blog .box-latest :hover {
  background-color: var(--bgColor) !important;
}

/* ........................ TestAssign*/

.test-assign-khojPrimaryBtn {
  height: fit-content !important;
}

/* .............................. RecentAplicant*/
.react-table-inner-section {
  display: flex;
}

/* ................... InterviewSchedule */
.post-form-group textarea {
  padding: 10px;
}


/*.................... Media Query for Laptop Tablet and Mobile ...*/
/* @media (max-width: 1440px) {

  .container .content .text-center {
    font-size: 15.7px;
    margin: 0px 273px;  
  }

  .container .content .banner-sub-para {
    margin: 0px 286px;
    font-size: 15.5px;
  }
} */
/* .................................................................................... */
/* .................................................................................... */

@media screen and (min-device-width: 1400px) and (max-device-width: 2560px) {
  .Candidate-Profile-Mobile {
    margin-left: -45px !important;
    justify-content: center;
  }

}

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

@media (max-width: 1200px) {
  .group-col-3 .cl3 {
    width: calc(50% - 32px) !important;
  }

  .placeholder-from-react-selectLocation .react-select__placeholder {
    font-size: 13px;
  }

  /* .................................... Iconbox3 */
  .meet-container p {
    font-size: 12px !important;
  }

  .inner-review-section-two .thumb-style3 {
    height: 320px;
  }


  .meet-partners-two .meet-patner-P-one {
    padding-bottom: 20px;
  }

  .meet-partners-one .partners-iamge img {
    height: 280px;
    width: 210px;
    margin-left: 29px;
  }

  .meet-partners-two .partners-iamge img {
    height: 350px;
    width: 268px;
    margin-left: 6px;
  }

  .inner-review-section-two .wd-review-job {
    width: 100%;
  }

  .group-heading h5 {
    font-size: 15px;
  }

  /*............. NonLoginHeader */
  .sticky-nav-wrap-section {
    justify-content: space-between;
  }

  .sticky-nav-wrap-section .header-ct-center {
    margin-left: 10px;
  }

  /* Review */
  .career-about-image img {
    margin-top: 125px;
    width: 90%;
  }

  .khoj-career-image-one img {
    width: 100%;
    margin-top: 89px !important;
  }

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

  .PeopleSearch .group-col-3 .NewCl3 {
    width: 29% !important;
  }

  /* Sidebar  */
  .group-form .react-select__placeholder {
    font-size: 13px;
  }

  .group-form .react-select__single-value {
    font-size: 13px;
  }

  /*................................. Job03 */
  .Job-Details-Content .job-info-tag-li {
    flex-wrap: wrap;
  }

  .Job-Details-Content .job-info-tag-li li {
    padding-bottom: 10px;
  }

  /* .................................. pplSearch*/
  .Candidate-Profile-Mobile .feature-candi {
    width: 30% !important;
  }

  /* ............... */
  .loginkhojHeader .menu-item {
    margin-right: 0px;
  }

  /* ................... InterviewSchedule */
  .hiringstatus-container {
    flex-direction: column;
  }

  /* ........................ Index Non-login*/
  .non-login-registerGraphics {
    display: flex;
    flex-direction: column-reverse;
    justify-content: normal;
    text-align: center;
  }

}


@media (max-width: 1068px) {
  .loginkhojHeader .menu-item {
    margin-right: 0px;
  }

  /* ............................. JobDetails */
  .Job-Details-Content .content-left .thumb img {
    height: 80px !important;
    width: 80px;
  }
}

@media (max-width: 1024px) {
  .tf-slider .form-sl .row-group-search.home1 .form-group-2 {
    width: 100%;
  }

  /* Search Jobs and Compaines at Header  */
  .loginkhojHeader .khojSearch {
    width: 35% !important;
  }

  .group-category-job .job-category-box:last-child {
    width: 31% !important;
  }

  .candidateHomeCat {
    margin-top: 124px;
  }

  /* Sidebar  */
  .group-form .react-select__placeholder {
    font-size: 13px;
  }

  .group-form .react-select__single-value {
    font-size: 13px;
  }

  /* ....................... Banner07 */
  .placeholder-from-react-selectLocation {
    width: 100%;
  }

  .row-group-search .row-search-group-button {
    display: flex;
    justify-content: center;
  }

  .row-group-search .input-filter-search {
    padding-left: 25px !important;
  }

  /*............. NonLoginHeader */
  .sticky-nav-wrap-section {
    justify-content: space-between;
  }

  .sticky-nav-wrap-section .header-ct-center {
    margin-left: 10px;
  }

  /*................ Blog */
  .tf-slider.blog1 {
    height: 43vh !important;
  }

  .tf-slider.blog2 {
    height: 43vh !important;
  }

  .tf-slider.blog3 {
    height: 43vh !important;
  }

  .tf-slider.blog4 {
    height: 43vh !important;
  }

  /* Review */
  .career-about-image img {
    margin-top: 148px;
    width: 85%;
  }

  .khoj-career-image-one img {
    width: 100%;
    margin-top: 89px !important;
  }

  /*......................... Alljobs  */
  .job-footer-right-price .price {
    width: 95%;
    font-size: 15px !important;
  }

  .job-footer-right-price .price p {
    font-size: 14px !important;
    line-height: 16px !important;
  }

  .view-applybtn .apply-job {
    margin-top: 0;
  }

  .Search-features-job .view-applybtn {
    margin-top: 8px;
  }

  .features-job .job-footer-right {
    justify-content: end;
  }

  .features-job-zerothree .job-footer-right {
    justify-content: space-between;
    align-items: baseline;
  }

  /* Banner */
  .tf-slider.sl5 {
    height: 126vh !important;
  }

  /* Meet Container */
  .meet-partners-two .partners-iamge img {
    height: 350px;
    width: 230px;
    margin-left: 8px;
  }

  .inner-review-section-two .wd-review-job {
    width: 100%;
  }

  .meet-container p {
    font-size: 12px !important;
  }

  .group-heading h5 {
    font-size: 16px;
  }

  /*......................... Alljobs */
  .contact-card-infor-v1 {
    padding: 50px 18px 50px 18px !important;
  }


  /* ManageComList */
  .comp-shimmer-style .logo-company {
    width: 55% !important;
  }

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

}

.group-category-job a .job-category-box {
  width: calc(33.3333% - 20px) !important;
  background-color: var(--footerBGNew);
}


@media (max-width: 992px) {
  .PeopleSearch .group-col-3 .NewCl3 {
    width: 45% !important;
  }

  /* .................................... Iconbox3 */
  .meet-partners-one {
    justify-content: center;
    width: 100% !important;
  }

  .meet-partners-two {
    justify-content: center;
    margin-top: 20px !important;
    margin-left: -10px;
    width: 100% !important;
  }

  .meet-container p {
    font-size: 12px !important;
  }

  .inner-review-section-two .wd-review-job {
    width: 290px;
  }

  .inner-review-section-two .thumb-style3 {
    height: 300px;
  }

  .meet-partners-two .partners-iamge img {
    height: 300px;
  }

  .meet-partners-one .partners-iamge img {
    width: 250px;
    margin-left: 29px;
  }

  .meet-partners-two .partners-iamge img {
    width: 280px;
    /* margin-left: 15px; */
  }

  /*................ Blog */
  .tf-slider.blog1 {
    height: 33vh !important;
  }

  .tf-slider.blog2 {
    height: 33vh !important;
  }

  .tf-slider.blog3 {
    height: 33vh !important;
  }

  .tf-slider.blog4 {
    height: 33vh !important;
  }

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

  .Institue-cards-block {
    width: 47% !important;
  }

  /* ........................... Alljobs */
  .compname-search-card {
    font-size: 11px;
  }

  /*......................... Alljobs  */
  .job-footer-right-price .price {
    width: 95%;
    font-size: 14px !important;
  }

  .job-footer-right-price .price p {
    font-size: 12px !important;
    line-height: 16px !important;
  }

  .view-applybtn .apply-job {
    margin-top: 0;
  }

  .Search-features-job .view-applybtn {
    margin-top: 8px;
  }

  .features-job .job-footer-right {
    justify-content: end;
  }

  .features-job-zerothree .job-footer-right {
    justify-content: space-between;
    align-items: baseline;
  }

  .Search-features-job .job-archive-header h3 {
    line-height: 15px;
  }

  .Search-features-job .job-archive-header h3 a {
    font-size: 14px !important;
  }

  .Search-features-job .job-archive-footer .job-tag {
    gap: 2px;
  }

  .Search-features-job .alljobs-about-card {
    font-size: 14px;
  }

  .Search-features-job .job-footer-left {
    padding: 2px;
  }

  /* ............................. JobDetails */
  .Job-Details-Content .content-left .thumb img {
    height: 70px !important;
    width: 80px;
  }

  /*......................... Alljobs */

  .PeopleSearch .PeopleSearch-container {
    max-width: 880px;
  }

  /* .......................... PostCard & PostJobRecruiter*/
  .placeholder-from-react-select .react-select__placeholder {
    font-size: 15px;
  }

  .placeholder-from-react-select .react-select__single-value {
    font-size: 15px;
  }

  .post-form-fontPcard .react-select__placeholder {
    font-size: 13px !important;
  }

  /* .......................... EditJobs */
  .placeholder-from-react-select-Edit .react-select__placeholder {
    font-size: 13px;
  }

  .placeholder-from-react-select .react-select__placeholder {
    font-size: 14px;
  }

  /* ................. ResumeDetails*/

  .resume-details-content-wrapper {
    width: 80% !important;
  }

  /* JobDetails */
  .job-info-tag-li {
    flex-wrap: wrap !important;
    display: flex !important;
  }

  .Job-Details-Content .job-info-tag-li li {
    display: flex;
    text-align: center;
    /* margin-bottom: 10px; */
  }

  /*...................... Review */
  .contentbox1 h3 {
    font-size: 30px !important;
    margin-top: 20px;
  }

  /* 1 img start */
  .about-image-container {
    display: none !important;
  }

  .about-image-containe-formob {
    display: block !important;
  }

  .career-about-image img {
    margin-top: 7px;
  }

  /* 1 img end */

  .fadeRightLeft-tab-img-para {
    display: none !important;
  }

  .fadeRightLeft-mob-img-para {
    display: block !important;
  }

  .fadeRightLeft-tab-img-para img {
    display: none !important;
  }

  /*................... Counter */
  .whychoose-tf-iconbox.style-3 {
    width: 46% !important;
  }

  .career-about-image-mob-two img {
    width: 80%;
    margin-top: -70px !important;
  }


  /*............. NonLoginHeader */
  .sticky-nav-wrap-section {
    justify-content: space-between;
  }

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

  .career-tag-section {
    gap: 12px !important;
    justify-content: center;
  }

  /* ....................... */
  .react-dataTable {
    min-width: 100% !important;
  }

  /* .................. EditCard & EditCandidByInst*/
  .post-form-group .react-select__placeholder {
    font-size: 15px;
  }

  .post-form-fontExp .react-select__placeholder {
    font-size: 12px;
  }

  .post-form-fontEdu .react-select__placeholder {
    font-size: 14px;
  }

  /* ................................ Blog1 Blog2 Blog3 Blog4*/
  .fadeInUp-blog {
    margin-bottom: 10px;
  }

  /* ................... InterviewSchedule */
  .hiringstatus-container li {
    display: ruby-text;
  }

  .hiringstatus-container .history-pointer {
    text-align: center;
    margin-left: 0 !important;
  }

  /* ........................ RecentAplicant*/
  .candidate-main-section .tdm-Candid {
    text-align: center;
  }

  .react-table-section .rdt_TableCell {
    flex-direction: column;
  }

  .react-table-inner-section {
    flex-direction: column;
    padding: 5px 0px;
    text-align: center;
  }

  .inst-cacndidate-section .inst-cacndidate-list-style {
    flex-direction: column;
    text-align: center;
  }

  /* ........................ Index Non-login*/
  .non-login-registerGraphics {
    display: flex;
    flex-direction: column-reverse;
    justify-content: normal;
    text-align: center;
  }

}


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

  .delete-card {
    width: 100%;
  }

  .manage-card {
    width: 100%;
  }

  .PostCard {
    width: 100%;
    padding: 20px 10px;
  }

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

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

  .tf-slider.sl5 {
    height: 60vh !important;
    /* background-size: 250% !important; */
    /* background-position: center 200% !important; */
  }

  /* .................. Blog */
  .tf-slider.blog1 {
    height: 35vh !important;
  }

  .tf-slider.blog2 {
    height: 35vh !important;
  }

  .tf-slider.blog4 {
    height: 41vh !important;
  }

  /* ...............................CandidateResume */
  .profile-card-two-mobile {
    padding-left: 0 !important;
  }

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

  /* ............................. JobDetails */
  .Job-Details-Content .content-left .thumb img {
    height: 60px !important;
    width: 80px;
  }
}

@media (max-width: 890px) {

  /* .................................. AllJobsNew Start */
  .PeopleSearch .PeopleSearch-container {
    max-width: 760px;
  }

  .Search-Job-Cards .sidebar {
    width: 100% !important;
    margin-left: 25px !important;
  }

  .Search-Job-Cards .jobcontent {
    width: 100% !important;
  }

}

/* .................................. AllJobsNew End */


@media (max-width: 768px) {
  .tf-slider.sl5 {
    height: 75vh !important;
    /* background-size: 250% !important; */
    /* background-position: center 200% !important; */
  }

  .sticky-area-wrap .header-ct-left .logo .site-logo {
    width: 100px;
  }

  #header {
    height: 75px;
  }

  .btns {
    display: none;
  }

  .orange-box {
    height: 25px;
  }

  .review-section {
    width: 46% !important;
  }

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

  .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 10px;
  }

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

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

  /* 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;
  }

  .placeholder-from-react-select label {
    font-size: 14px;
  }

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


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

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

  .react-dataTable {
    display: flex;
    flex-direction: column;
    height: 100%;
    /* Ensure the table takes full height */
  }

  .rdt_Pagination {
    position: sticky;
    width: 372px !important;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    /* Ensure it stays above other elements */
    background-color: #fff;
    /* Optional: Add background to match the page */
    box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
    /* Optional: Add a shadow for emphasis */
  }

  .react-dataTable table {
    margin-bottom: 50px;
    /* Space for pagination to avoid overlapping */
    overflow-x: auto;
    /* Ensure the table content can scroll horizontally */
  }

  .PeopleSearch .PeopleSearch-container {
    max-width: 700px;
  }



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

  /* ...................................... Alljobs START*/
  .Search-Job-Cards {
    display: contents !important;
    max-height: fit-content !important;
    margin-left: 1px;
  }

  .Search-Job-Cards .sidebar {
    width: 100% !important;
    margin-left: 0px !important;
  }

  .Search-Job-Cards .jobcontent {
    width: 100% !important;

  }

  .group-4-8 .cl8.jobcontent {
    margin-left: 0 !important;

  }

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

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

  .features-job .job-archive-header h4 {
    font-size: 13px;
    padding-right: 8px;
  }

  .Search-features-job h3 {
    line-height: 16px !important;
  }

  .Search-features-job h3 a {
    font-size: 13px;
  }

  .Search-features-job .alljobs-about-card {
    font-size: 12px !important;
  }

  .Search-features-job .Card-Item-Type-Content a {
    font-size: 10px !important;
    text-align: center;
  }

  .job-footer-right-price .price {
    width: 95%;
    font-size: 14px !important;
  }

  .job-footer-right-price .price p {
    font-size: 13px !important;
    line-height: 16px !important;
  }

  .view-applybtn .apply-job {
    margin-top: 0;
  }

  .Search-features-job .view-applybtn {
    margin-top: 8px;
  }

  .features-job .job-footer-right {
    justify-content: end;
  }

  /* ...................................... Alljobs END*/

  /*................................... Jobs03 Start */
  .Candidate-Featured-Jobs-Cards .job-footer-right {
    justify-content: space-between;
  }

  /*................................... Jobs03 End */


  /* ..... Institute , Company, Candidate , Recruiter - Proifle */
  .Aboutme-Container-Profile {
    margin-top: 10px !important;
  }

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

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

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

  .saved-drop-section {
    padding: 5px 0px !important;
  }

  .application-drop-section {
    padding: 5px 0px !important;
  }

  .manage-drop-section {
    padding: 5px 0px !important;
  }

  /* ............................. */
  .profile-resume-image {
    text-align: center;
    justify-content: center;
  }

  .Main-resume-username {
    justify-content: center;
  }

  .profile-resume-designation {
    text-align: center;
  }

  .Resume-Skills-Country-Mobile {
    justify-content: center;
  }

  /* Search Jobs and Compaines at Header  */
  .loginkhojHeader .khojSearch {
    width: 45% !important;
    margin: 0 110px !important;
  }

  /* .......................... */
  .group-category-job .job-category-box:last-child {
    width: 43% !important;
  }

  .group-category-job .job-category-box {
    width: calc(45.3333% - 20px) !important;
  }

  .group-category-job .job-category-data {
    width: calc(45.3333% - 20px) !important;
  }


  /* ...................................... Index.jsx Footer*/
  .Khoj-Icon-Para-Class {
    margin-top: 15px !important;
  }

  .New-Khoj-Inner-Footer {
    padding: 0px 0px !important;
  }

  .New-Khoj-Inner-bottom {
    padding: 0px 0px 20px 0px !important;
  }

  /* ................................. Proifle and Overview Bottom */
  .profile-resume-parent-cont {
    margin-bottom: 13px;
  }

  /* .............................  EditCard*/
  .Edit-Card-details-form {
    padding: 20px 10px;
  }

  .post-form-group .react-select__placeholder {
    font-size: 13px;
  }

  .post-form-fontExp .react-select__placeholder {
    font-size: 12px;
  }

  /* .formContent .form-group-4 button {
    display: flex;
    justify-content: center;
  }

  /* ..................................  Institute*/
  .Institue-cards-block {
    width: 100% !important;
  }

  .web-title {
    display: none;
  }

  .mobile-title {
    display: block;
  }

  /* .................................. Vision */
  .All-CICR-Class .custom-works-card {
    margin: 2px !important;
  }

  /* ............Box07 & ReviewJob10 */
  .review-job-section-four {
    padding: 0px;
  }

  /* ............Box07 & ReviewJob10 */
  .Foundation-review-job img {
    margin-bottom: 20px;
  }


  /*........................... Review */
  .contentbox1 h3 {
    font-size: 30px !important;
    margin-top: 20px;
  }

  /* 1 img start */
  .about-image-container {
    display: none !important;
  }

  .about-image-containe-formob {
    display: block !important;
  }

  .career-about-image img {
    margin-top: 7px;
  }

  /* 1 img end */

  .career-about-image-mob {
    margin-bottom: 15px;
  }

  .fadeRightLeft-tab-img-para {
    display: none !important;
  }

  .fadeRightLeft-mob-img-para {
    display: block !important;
  }

  .fadeRightLeft-tab-img-para img {
    display: none !important;
  }

  .career-about-image-mob img {
    width: 70%;
  }


  /* .................................... Iconbox3 */
  .meet-partners-one {
    justify-content: center;
    display: flex;
    width: 98% !important;
    margin-left: 6px;
  }

  .meet-partners-two {
    justify-content: center;
    margin-left: -7px;
    margin-top: 20px !important;
  }

  .meet-partners-one .wd-review-job {
    width: 100%;
    height: 210px;
  }

  .meet-partners-two .wd-review-job {
    width: 100%;
    height: 210px;
  }

  .meet-partners-one .partners-iamge img {
    width: 100%;
    margin-left: 0;
  }

  .meet-partners-two .partners-iamge img {
    width: 100%;
    margin-left: 0px;
  }

  .meet-container-mobile {
    display: none !important;
  }

  /* InstituteMobileHeader  CRMobileHeader LoginMobile*/
  .menu-mobile-popup .mobile-header .close-icon-button-group {
    /* margin-top: 0;
    margin-left: 10px; */
    margin-left: 220px;
    position: absolute;
    margin-top: -123px;
  }

  .menu-mobile-popup .mobile-header {
    display: contents;
  }

  .menu-mobile-popup .nonlogin {
    display: flex;
  }

  /* JobDetails */
  .Job-Details-Content .job-info-tag-li li {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
  }

  .edit-candid {
    margin: auto 10px;
  }

  /* ....................... Index ContactUs*/
  .contact-card-infor-v1 {
    margin-top: 70px;
  }

  .contact-card-infor-v1 .icon {
    display: flex;
    align-items: center;
  }

  /*................ Blog */
  .tf-slider.blog1 {
    height: 43vh !important;
  }

  .tf-slider.blog2 {
    height: 43vh !important;
  }

  .tf-slider.blog3 {
    height: 42vh !important;
  }

  .tf-slider.blog4 {
    height: 42vh !important;
  }

  /*................... PplSearch */
  .PeopleSearch .features-job .job-archive-header ul {
    display: flex;
    justify-content: flex-start;
    padding-left: 0;
    /* margin-top: 40px; */
  }

  .PeopleSearch .wd-thum-career.style-2 .job-archive-header .career-info li:first-child {
    /* left: 62px !important; */
    width: 100%;
    justify-content: center;
    left: 0 !important;
    position: sticky !important;
  }

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

  /* ...................... AboutCampusPage AboutCorpotatePage AbputTalentPage*/
  .About-main-Heading {
    line-height: 25px;
  }

  .profile-resume-heading-cont {
    margin-top: 5px;
  }

  /* ................... Work with us*/
  .wd-review-job.page-text.stc {
    padding: 2px 0px 0px !important;
  }

  .main-term-section {
    padding: 35px 0px !important;
  }

  .post-new-job-title {
    margin-top: 5px;
  }

  .view-style-mobile {
    margin-top: 23px;
  }

  /* .............................. BulkResume */
  .addcand-manage-btn {
    text-align: center;
    width: 270px;
    margin-left: 0;
  }

  /* ................. */
  .blog-detail-side-bar-content .blog-text li {
    font-size: 14px;
  }

  /* meet Container */
  .meet-container p {
    font-size: 11px !important;
  }

  /* ManageComList */
  .comp-shimmer-style .logo-company {
    width: 60% !important;
  }

  /* .............................CompanyProfile */
  .profile-resume-userinfo .profile-section-image {
    margin-left: 15px;
  }

  /* ............................. JobDetails */
  .Job-Details-Content .content-left .thumb img {
    height: 65px !important;
    width: 65px;
  }

  .Job-Details-Content .content-right .price p {
    text-align: start;
  }

}

@media screen and (min-device-width: 576px) and (max-device-width: 767px) {

  /* ........................ Index Non-login*/
  .non-login-registerGraphics {
    text-align: center;
    display: block;
  }
}

@media screen and (min-device-width: 576px) and (max-device-width: 768px) {
  .react-table-colorclass .rdt_Pagination {
    width: 63% !important;
    justify-content: center;
    box-shadow: none;
  }

}

@media (max-width: 668px) {
  .applybtn-mainbtn .apply-job-button {
    margin-top: 5px;
  }
}


/* Media queries for mobile */
@media (max-width: 576px) {
  #header {
    height: 75px;
  }

  .orange-box {
    height: 21px;
  }

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

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

  .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%;
  }

  /* ................. ResumeDetails*/
  .resume-details-content-wrapper {
    width: 90% !important;
  }

  .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;
  }

  .location-issueexp-date {
    flex-direction: column;
  }

  .location-issueexp-date .locationicon-svg {
    margin-right: 92px;
  }

  /*...... 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;
  }

  .Edit-Card-details-form .post-form-row {
    margin-bottom: 0;
    margin-top: 0;
  }

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

  .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 2px;
  }

  .post-form-group {
    width: 100%;
    flex: none;
  }

  .post-form-row {
    gap: 0;
  }

  .edit-candid .post-form-group {
    margin-bottom: 10px;
  }

  /* ................................. */
  .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: 90% !important;
  }

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


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

  /* .......................... PostCard & PostJobRecruiter*/
  .placeholder-from-react-select .react-select__placeholder {
    font-size: 16px;
  }

  .placeholder-from-react-select .react-select__single-value {
    font-size: 16px;
  }

  /* .......................... EditJobs*/
  .placeholder-from-react-select-Edit .react-select__placeholder {
    font-size: 16px;
  }

  .placeholder-from-react-select-Edit .react-select__single-value {
    font-size: 16px;
  }

  .placeholder-from-react-selectLocation .react-select__placeholder {
    font-size: 13px;
  }

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

  /* ..................................... RecentAlicant & InterviewSchedule*/
  .hiringstatus-container ul li {
    font-size: 12px;
  }

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

  .saved-drop-section {
    padding: 14px 10px !important;
  }

  .saved-drop-section {
    padding: 14px 10px !important;
  }

  .application-drop-section {
    padding: 14px 10px !important;
  }

  .manage-drop-section {
    padding: 14px 10px !important;
  }

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

  .react-dataTable {
    min-width: 1000px !important;
  }

  .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;
  }

  .post-new-job-title {
    margin-top: 10px;
  }

  .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%;
    height: auto;
  }

  .sidebar .group-form .react-select__placeholder {
    font-size: 15px;
  }

  .sidebar .group-form .react-select__single-value {
    font-size: 15px;
  }


  /* .................................... FormContent*/
  .row-group-search {
    margin-left: -25px;
  }

  .row-group-search .row-search-group-button {
    text-align: center;
    display: flex;
    justify-content: center;
  }

  .tf-slider .form-sl .row-group-search {
    /* margin-right: -25px !important; */
  }


  .row-group-search .form-group-FJ {
    margin-left: 0;
  }

  /* .................................... FormContent*/

  /* .............................CompanyProfile */
  .profile-resume-userinfo .profile-section-image {
    margin-left: 0px;
  }

  /* .................  Home job-categroy-box*/
  .group-category-job .job-category-box {
    width: calc(100% - 20px) !important;
  }

  .group-category-job .job-category-data {
    width: calc(100% - 20px) !important;
  }

  /* ..................... Home*/
  .group-category-job .job-category-box:last-child {
    width: 100% !important;
  }

  /* ...................................... Index.jsx Footer*/
  .Khoj-Icon-Para-Class {
    margin-top: 15px !important;
  }

  .New-Khoj-Inner-Footer {
    padding: 0px 0px !important;
  }

  .New-Khoj-Inner-bottom {
    padding: 0px 0px 20px 0px !important;
  }

  /* .......................... */
  .Search-job-group .comp-shimmer-style {
    width: 90% !important;
  }

  /* ................................. Proifle and Overview Bottom */
  .profile-resume-parent-cont {
    margin-bottom: 13px;
  }

  /* ..................................  Institute*/
  .Institue-cards-block {
    width: 90% !important;
  }

  /* .....................................  JobDetails*/
  .Job-Details-Content .content-left {
    display: contents;
  }

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

  .wd-job-author2 .content-left .content .tags a {
    background-color: var(--BluePrimary);
    color: var(--bgCard);
  }

  .Job-Details-Content .content-right .top .btn {
    padding: 5px 10px;
  }

  .Job-Details-Content .job-info-tag-li li {
    /* margin-bottom: 10px; */
  }

  /* ...................... */
  /*................................... Jobs03 Start */
  .features-job-zerothree .price {
    width: 100%;
  }

  .Candidate-Featured-Jobs-Cards .job-footer-right {
    justify-content: end;
  }

  .features-job-zerothree .appliedbtn {
    margin-top: 8px;
  }

  /*................................... Jobs03 End */


  /* ...................... */
  .rdt_Pagination {
    overflow-x: hidden;
  }

  /* ...........................LoginHeader */
  .Search-Mobile-Responsive-Title {
    justify-content: space-between;
  }

  .search-icon svg {
    color: var(--textColor);
  }

  .search-modal-inner-description {
    width: 95%;
    margin: 2px 5px 3px 6px;
    padding: 10px 10px 32px 10px;
  }

  .css-4twga0 {
    background-color: var(--bgCard) !important;
  }

  .Search-Mobile-Responsive-Title .CloseIcon-Search-Mobile:hover {
    color: red;
  }

  .GobalSearch-search-modal .search-container {
    padding: 0px !important;
  }

  .GobalSearch-search-modal .search-input-container .input-filter-search {
    border-radius: 10px;
    width: 96%;
    margin-left: 5px;
  }

  .Khoj-Mobile-Logo {
    margin-left: 6px;
  }

  .userProfileHeader {
    margin-bottom: 3px;
  }

  .loginkhojHeader .khojSearch {
    width: 70% !important;
    margin: 0 50px !important;
  }

  .loginkhojHeader .sticky-area-wrap {
    align-items: center;
  }

  .menu-mobile-popup .icon-close {
    font-size: 24px;
    /* background-color: grey; */
    border-radius: 50%;
    color: black;
  }

  /* .................................. Vision */
  .All-CICR-Class {
    justify-content: center;
  }

  /* ................. */
  .candidateHomeCat {
    margin-top: 0px;
  }

  /*................. AllCompanines */
  .allcompanines-info {
    padding: 5px 9px;
    line-height: 11px !important;
  }

  /*................ Iconbix3 */
  .meet-container {
    display: none !important;
  }

  .meet-partners-one .wd-review-job {
    width: 98%;
    height: 100%;
    margin-left: -3px;
  }

  .meet-partners-two .wd-review-job {
    width: 100%;
    height: 100%;
  }

  .meet-partners-one .partners-iamge img {
    width: 90%;
  }

  .meet-partners-one .partners-iamge {
    display: flex;
    justify-content: center;
  }

  .meet-partners-two .partners-iamge img {
    width: 95%;
  }

  .meet-partners-two .partners-iamge {
    display: flex;
    justify-content: center;
  }

  .meet-container-mobile {
    display: block !important;
  }

  .meet-container-mobile p {
    font-weight: 600;
  }


  /* ................................. Banner07 */

  .banners-mobile-search form {
    justify-content: center;
    display: flex;
  }

  .tf-slider.sl5 {
    height: 80vh !important;
    padding-top: 70px !important;
    padding-bottom: 200px !important;
    background: url(../../assets/images/khojgraphics/homebanner.png);

    /* background: url(http://localhost:3000/static/media/home_banner.b819aa9….png); */
    background-color: var(--bgbanner);
    background-repeat: no-repeat;
    background-size: 145% !important;
    background-position: bottom !important;
  }

  .tf-slider .content {
    margin-top: -20px !important;
  }

  /*................ Review */
  .contentbox1 h3 {
    font-size: 24px !important;
    margin-top: 25px;
  }

  .inner-review-section-mobile {
    padding: 0px 0px !important;
  }


  .fadeRightLeft-tab-img-para img {
    display: none !important;
  }

  .career-about-image-mob img {
    margin-top: -30px !important;
  }

  .career-about-image-mob-two img {
    margin-top: -60px !important;
  }


  /*......... CandidateResume */
  .profile-card-two-mobile {
    margin-left: -1px;
  }

  /*......... TopCandidate */
  .All-Candidate-Linkclass {
    padding-top: 0px !important;
  }

  /* ............................. CandidateResume*/
  .profile-resume-image {
    justify-content: center;
  }

  /* ................. */
  .profile-resume-main-container h2 {
    margin-bottom: 0px !important;
  }

  .profile-resume-empty-cont {
    width: 8px;
    height: 25px;
    background-color: var(--orangePrimary);
    border-radius: 100px;
  }

  /* PrivacyPolicys */
  .privacy-para-custom-header {
    line-height: 1.7;
  }

  /* InstituteMobileHeader  CRMobileHeader LoginMobile*/
  .menu-mobile-popup .mobile-header .close-icon-button-group {
    font-size: 0;
    margin-top: 0;
    margin-left: 10px;
  }

  /* InstituteMobileHeader  CRMobileHeader LoginMobile*/
  .menu-mobile-popup .mobile-header .close-icon-button-group {
    /* margin-top: 0;
      margin-left: 10px; */
    margin-left: 220px;
    position: absolute;
    margin-top: -123px;
  }

  .menu-mobile-popup .mobile-header {
    display: contents;
  }

  .menu-mobile-popup .nonlogin {
    display: flex;
  }

  .custom-works-card {
    width: 95% !important;
    margin-right: 0 !important;
  }

  /* .................................. TopInstitute*/
  .All-Card-Employer h3 {
    font-size: 18px !important;
  }

  /* ....................... Index ContactUs*/
  .contact-card-infor-v1 {
    margin-top: 80px;
  }

  .contact-card-infor-v1 .icon {
    display: flex;
    align-items: center;
  }

  .contact-card-infor-v1 .icon svg {
    width: 54px;
    height: 40px;
  }

  /* ............Box07 & ReviewJob10 */
  .Foundation-review-job img {
    margin-bottom: 20px;
  }

  /*................ Blog */
  .tf-slider.blog3 {
    height: 0 !important;
  }

  .react-table-colorclass .rdt_Pagination {
    width: 53% !important;
    box-shadow: none;
  }

  /*.................... PplSearch */
  .PeopleSearch .wd-thum-career.style-2 .job-archive-header .career-info li:first-child {
    /* left: 62px !important; */
    width: 100%;
    justify-content: center;
    left: 0 !important;
  }

  /* ...................... AboutCampusPage AboutCorpotatePage AbputTalentPage*/
  .About-main-Heading {
    line-height: 25px;
  }

  /* ......................... */
  .react-table-colorclass div {
    justify-content: center;
  }

  /* ................... Work with us*/
  .wd-review-job.page-text.stc {
    padding: 2px 0px 0px !important;
  }

  .main-term-section {
    padding: 20px 0px;
  }

  .view-style-mobile {
    margin-top: 29px;
  }

  .profile-resume-heading-cont {
    margin-top: 9px;
  }

  /*.................. Reviewworkwithus */
  .post-form-group-mob {
    margin-bottom: 17px;
  }

  /* .................... */
  .tf-slider.blog1 {
    height: 28vh !important;
  }

  .tf-slider.blog2 {
    height: 28vh !important;
  }

  .tf-slider.blog3 {
    height: 28vh !important;
  }

  .tf-slider.blog4 {
    height: 27vh !important;
  }

  /* ............ ManageCaed */
  .modal-backdrop .modal {
    padding-left: 0 !important;
  }
}

/* ................................................ */
.postrequrement ul {
  padding-left: 20px;
  list-style: disc !important;
}

.postrequrement p {
  padding: 0;
  margin-left: 0;
}

.postrequrement p span {
  color: var(--textColor) !important;
}

.postrequrement ol {
  padding-left: 20px;
  list-style: decimal !important;
}

#job-requirement .ql-editor {
  height: 100px !important;
}

#job-description .ql-editor {
  height: 100px !important;
}

#job-requirement ol li {
  color: var(--textColor);
}

#job-requirement p {
  color: var(--textColor);
}

#job-description li {
  color: var(--textColor);

}

#job-description p,
#job-description p span,
#job-description h1,
#job-description h2 {
  color: var(--textColor) !important;

}

/*......... ManageComList ...............*/
.comp-shimmer-style .logo-company {
  max-width: 60% !important;
}


@media (max-width: 550px) {
  .applybtn-mainbtn .apply-job-button {
    margin-top: 0px;
  }
}


@media (max-width: 425px) {
  .tf-slider.blog1 {
    height: 31vh !important;
    padding-top: 110px !important;
  }

  .tf-slider.blog2 {
    height: 26vh !important;
    padding-top: 110px !important;
  }

  .tf-slider.blog3 {
    height: 28vh !important;
    padding-top: 110px !important;
  }

  .tf-slider.blog4 {
    height: 27vh !important;
    padding-top: 110px !important;
  }

}

@media (max-width: 398px) {

  /* ............................. */
  .overlay-popover-modal {
    transform: translate3d(59px, 27px, 0px) !important;
  }

  .overlay-popover-modal .popover-arrow::after {
    display: none !important;
  }

  /* .................................. TopInstitute*/
  .All-Card-Employer h3 {
    font-size: 16px !important;
  }

  /* ....................... Index ContactUs*/
  .contact-card-infor-v1 .icon {
    height: 30px !important;
    display: flex;
    justify-content: center;
  }

  .contact-card-infor-v1 .icon svg {
    width: 54px;
    height: 30px;
  }

  .contact-card-infor-v1 .icon-inforr a {
    word-break: break-word;
  }

  .react-table-colorclass .rdt_Pagination {
    width: 36% !important;
    box-shadow: none;
  }

  /* Bannner */
  .tf-slider.sl5 {
    height: 85vh !important;
  }

  /* ...................... CompanyDetails RecuriterDetails */
  .content-left .thumb {
    display: flex;
    align-items: center;
    width: 70px !important;
  }

  .content-left .thumb img {
    height: 70px !important;
  }

}

/* ............... for Banner Img */
@media (max-width: 380px) {

  /* Bannner */
  .tf-slider.sl5 {
    height: 108vh !important;
  }
}


@media (max-width: 360px) {
  .register-login-container h3 {
    font-size: 13px !important;
    margin-left: 47px;
    margin-bottom: 0;
  }

  /* .................................. */
  .overlay-popover-modal {
    transform: translate3d(49px, 27px, 0px) !important;
  }

  /* .................................. TopInstitute*/
  .All-Card-Employer h3 {
    font-size: 13px !important;
  }

  /* ............................ Alljobs*/
  .sidebar .group-form .react-select__placeholder {
    font-size: 14px;
  }

  .sidebar .group-form .react-select__single-value {
    font-size: 14px;
  }

  .react-table-colorclass .rdt_Pagination {
    width: 33% !important;
    box-shadow: none;
  }

  /* Bannner */
  .tf-slider.sl5 {
    height: 95vh !important;
  }

  /* ....................... */
  .tf-slider.blog1 {
    height: 27vh !important;
  }

  .tf-slider.blog2 {
    height: 26vh !important;
  }

  .tf-slider.blog3 {
    height: 30vh !important;
  }

  .tf-slider.blog4 {
    height: 27vh !important;
  }

}

/* ..........................  Very Small Mobile  View ............// */
@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 !important;
  }

  .post-new-job-title h1 {
    font-size: 18px;
  }

  .register-login-container h3 {
    font-size: 13px !important;
    margin-bottom: 0;
    display: grid;
    justify-content: end;
  }

  .overlay-popover-modal {
    transform: translate3d(20px, 27px, 0px) !important;
  }

  /* TopInstitute */

  .All-Card-Employer h3 {
    font-size: 12px !important;
  }

  .logo-company-topinstitute img {
    width: 40px !important;
    height: 40px !important;
    border-radius: 50%;
  }

  /* ............................ Alljobs*/
  .sidebar .group-form .react-select__placeholder {
    font-size: 13px;
  }

  .sidebar .group-form .react-select__single-value {
    font-size: 13px;
  }

  .react-table-colorclass .rdt_Pagination {
    width: 28% !important;
    box-shadow: none;
  }

  /* ...................... CompanyDetails RecuriterDetails */
  .content-left .thumb {
    display: flex;
    align-items: center;
  }

  .content-left .thumb img {
    height: 60px !important;
    width: 60px !important;
  }

  /* ....................... */
  .tf-slider.blog1 {
    height: 36vh !important;
    padding-top: 0px !important;
  }

  .tf-slider.blog2 {
    height: 30vh !important;
    padding-top: 0px !important;
  }

  .tf-slider.blog3 {
    height: 36vh !important;
    padding-top: 0px !important;
  }

  .tf-slider.blog4 {
    height: 35vh !important;
    padding-top: 0px !important;
  }

  /* ............................. JobDetails */
  .Job-Details-Content .content-left .thumb img {
    height: 60px !important;
    width: 60px;
  }

}

/* ....................................................... ASHNAB CSS END */

.disabled-row {
  opacity: 0.5;
  pointer-events: none;
}

/* .badge {
  padding: 5px 10px;
  border-radius: 12px;
  color: white;
  font-size: 0.9em;
  font-weight: bold;
} */

.badge-green {
  background-color: #1481601a !important;
  color: #14a077 !important;
  padding: 10px 20px !important;
  border-radius: 50px;
  font-weight: 600;
  font-size: 12px !important;
}

.badge-yellow {
  background-color: #ffb3211a !important;
  color: #ffb321 !important;
  padding: 10px 20px !important;
  border-radius: 50px;
  font-weight: 600;
  font-size: 12px !important;

}

.badge-red {
  background-color: #eb4d4d1a !important;
  color: #eb4d4d !important;
  padding: 10px 20px !important;
  border-radius: 50px;
  font-weight: 600;
  font-size: 12px !important;

}

.badge-purple {
  background-color: #e5d2f8 !important;
  color: blueviolet !important;
  padding: 10px 20px !important;
  border-radius: 50px;
  font-weight: 600;
  font-size: 12px !important;
}

.rec-badge-purple {

  background-color: #e5d2f8 !important;
  color: blueviolet !important;
  padding: 3px 7px !important;
  border-radius: 50px;
  font-weight: 600;
  font-size: 10px !important;
  display: ruby;
}


.rdt_Pagination .sc-huXwEz,
.rdt_Pagination .sc-eDHQDy {
  display: none;
}

.job-info {
  padding-left: 0;
}

.rdt_TableHeadRow,
.rdt_TableRow {
  border-bottom: 1px solid var(--BorderColor) !important;
}

/* .................................... ResumePdf of Img*/

.resuem-main-img img {
  border-radius: 50%;
  height: 95px !important;
  width: 95px !important;
}

.resuem-main-img {
  border-radius: 50%;
  /* background-color: red; */
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}

/* ..............................ResumePdf All style.........................  */

.resumepdf {
  width: 223mm;
  /* height: 297mm; */
  padding: 10mm;
  margin: auto;
  page-break-after: always;
}

.resumepdf section {
  page-break-before: always;
  /* Ensure new page starts properly */
  page-break-inside: avoid;
  display: block;
}

section {
  break-before: auto;
  break-inside: avoid;
  /* page-break-before: auto; */
  /* page-break-after: auto; */
}

.section:nth-of-type(n+2) {
  /* Second page and onwards */
  padding-top: 40px !important;
  /* Ensure spacing at top */
  margin-top: 40px !important;
}



.resumepdf header,
section {
  /* margin-bottom: 20px; */
}

.resumepdf header {
  text-align: center;
  margin-bottom: 20px;
}

.resumepdf header h1 {
  margin: 0;
  font-size: 2em;
  font-weight: 900;
}

.resumepdf header p {
  margin: 5px 0;
}

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

.resumepdf section h2 {
  border-bottom: 2px solid #000;
  padding-bottom: 5px;
  margin-bottom: 10px;
  font-weight: 700;
  color: black !important;
}

.resumepdf .job {
  margin-bottom: 10px;
}

.resumepdf h5 {
  color: black !important;
}

.resumepdf .job h3 {
  margin: 0;
  font-size: 1.2em;
  font-weight: 600;
  color: black !important;
}

.resumepdf h4 {
  margin: 0;
  font-size: 22px;
  font-weight: 600;
  color: black !important;
}

.resumepdf .job p {
  margin: 5px 0;
  color: black !important;
}

.resumepdf ul {
  padding-left: 20px;
  color: black !important;
}

.resumepdf ul li {
  list-style: disc;
  color: black !important;
}


@media print {
  .resumepdf .resume {
    width: 210mm;
    /* height: 397mm; */
    padding: 10mm;
    box-sizing: border-box;
    page-break-after: always;
  }

  .resumepdf section {
    page-break-inside: avoid;
  }

  .resumepdf .job {
    page-break-inside: avoid;
  }

  .resumepdf header,
  .resumepdf section {
    margin-bottom: 10px;
  }

  .page-break {
    page-break-before: always;
  }

  .avoid-break {
    page-break-inside: avoid;
  }
}

.preloder-box {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 60px auto;
}

.main-container {
  display: flex;
  min-height: 100vh;
  /* Full viewport height */
  overflow: hidden;
}

.sidebar {
  width: 250px;
  /* Adjust based on sidebar width */
  height: 100vh;
  /* Full height sidebar */
  overflow-y: auto;
  /* Ensure sidebar has its own scroll */
}

.job-list-container {
  flex-grow: 1;
  /* Occupy remaining space */
  overflow-y: auto;
  /* Make this container scrollable */
  height: 100vh;
  /* Full height */
  padding: 20px;
}