@import url("https://fonts.googleapis.com/css2?family=Great+Vibes&family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;1,700&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-4-grid@3.4.0/css/grid.min.css");

/* @import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css"); */
:root {
  --font-bold: 700;
  --font-semibold: 600;
  --font-500: 500;
  --fontsize-14: 14px;
  --fontsize-15: 15px;
  --primary-font-color: #424240;
  --color-red: #ff4e53;
  --color-white: #ffffff;
  --anchor-textclr: #3d8ff2;
  --transition: 0.2s ease;
  --border-line: 1px solid #d8d8d8;
  --footer-bg: #273553;
  --topheader-bg: #0966c2;
}

select::-webkit-scrollbar {
  
  display: none !important;
  
}

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* font-family: 'Great Vibes', cursive; */
  font-family: "Montserrat", sans-serif;
}

.lds-dual-ring {
  display: inline-block;
  width: 80px;
  height: 80px;
  position: absolute;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  display: none !important;
}

.icon-coins {
  background-position: -127px -275px;
  height: 37px;
  width: 42px;
}

.coins_style {
  display: flex;
  align-items: center;
}

.lds-dual-ring:after {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  margin: 8px;
  border-radius: 50%;
  border: 6px solid rgb(21, 22, 22);
  border-color: rgb(13, 14, 15) transparent rgb(11, 12, 12) transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}

@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }

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

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;
}

html {
  scroll-behavior: smooth;
}

table td {
  padding: 10px 0;
}

table th {
  color: #0b0a0a;
  font-weight: var(--font-bold);
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 20px;
  text-align: center;
}

table td {
  font-weight: var(--font-semibold);
  font-size: 14px;
  line-height: 21px;
  color: #0b0a0a;
  text-align: center;
}

table td .userProfile p:last-child {
  color: #0b0a0a;
}

table .text-blue {
  color: #419ebd;
  font-weight: var(--font-semibold);
  font-size: 24px;
  line-height: 36px;
}

.mobileOnly {
  display: none !important;
}

.tab-content {
  display: none;
}

.tab-content.current {
  display: block;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  margin-bottom: 0px;
}

.ParentBlogDetail p {
  text-align: justify;
}

img {
  max-width: 50%;
  height: auto;
}

figure {
  margin: 0;
}

.pos-relative {
  position: relative;
}

.align-center {
  align-items: center;
}

.eyeopen {
  background: url(https://careerbucket.blr1.digitaloceanspaces.com/static/img/eyeOpen.svg);
  height: 17px;
  width: 16px;
  display: block;
  position: relative;
  /* margin-block: -56px; */
  right: 25px;
  top: -31px;
  float: right;
}

.eyeclose {
  background: url(https://careerbucket.blr1.digitaloceanspaces.com/static/img/eyeClose.svg);
  height: 17px;
  width: 16px;
  display: block;
  position: relative;
  /* margin-block: -56px; */
  right: 25px;
  top: -31px;
  float: right;
}

.cbHamburgerParent img {
  width: 85px;
}

.passwordStyle {
  width: 100%;
  border-radius: 10px;
  border: 1px solid var(--neutral-5, #ADACA8);

  color: var(--neutral-5, #ADACA8);
  /* Body/04 */
  font-family: 'Inter';
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  padding: 10px 32px;
  margin-bottom: 24px;
}

.cb-sprite {
  background-image: url("../img/careerSpriteN.svg");
  display: inline-block;
  overflow: hidden;
}

.uploadicon {
  background-position: -497px -81px;
  width: 27px;
  height: 22px;
}

.verified_icon {
  width: 60px;
  height: 27px;
  background-position: -558px -239px;
  vertical-align: middle;
}


.closeIcon {
  background-position: -445px -32px;
  width: 21px;
  height: 19px;
  transform: rotate(45deg);
  margin-left: 6px;
  vertical-align: middle;
  cursor: pointer;
}

.menuIcon {
  width: 20px;
  height: 20px;
  background: url("../img/hamberger_icon.png") no-repeat;
  background-size: 100%;
  background-position: center;
  display: none;
}

.downArrowIcon {
  background-position: -696px -130px;
  width: 28px;
  height: 25px;
}

.prevIcon {
  width: 39px;
  height: 36px;
  background: url("../img/cvPreviewLeft.png") no-repeat;
  background-position: 18px 6px;
  vertical-align: bottom;
}

.icon-home {
  background-position: -20px -23px;
}

.icon-dashboard {
  background-position: -110px -23px;
}

.icon-reports {
  background-position: -160px -23px;
}

.caseIcon {
  background-position: -160px -23px;
}

.caseIcon {
  background-position: -648px -447px;
}

.docIcon {
  background-position: -498px -78px;
}

.icon-quicksearch {
  background-position: -209px -24px;
}

.icon-jobs {
  background-position: -64px -25px;
}

.icon-leadersboard {
  background-position: -351px -24px;
}

.icon-explorecb {
  background-position: -303px -24px;
}

.icon-cbPlus {
  background-position: -693px -229px;
}

.icon-wallet {
  background-position: -255px -25px;
}

.briefcase-icon {
  width: 33px;
  height: 26px;
  background-position: -142px -130px;
  vertical-align: middle;
}

.company-icon {
  width: 33px;
  height: 26px;
  background-position: -500px -129px;
  vertical-align: middle;
}

.budget-icon {
  width: 29px;
  height: 26px;
  background-position: -190px -132px;
  vertical-align: middle;
}

.location-icon {
  width: 33px;
  height: 26px;
  background-position: -238px -128px;
  vertical-align: middle;
}

.book-icon {
  width: 33px;
  height: 26px;
  background-position: -281px -129px;
  vertical-align: middle;
}

.pencil-icon {
  width: 33px;
  height: 26px;
  background-position: -332px -127px;
  vertical-align: middle;
}

.building-icon {
  width: 33px;
  height: 31px;
  background-position: -497px -129px;
  vertical-align: middle;
}

.user-icon {
  width: 33px;
  height: 31px;
  background-position: -441px -130px;
  vertical-align: middle;
}

.wishlist-icon {
  width: 33px;
  height: 26px;
  background-position: -461px -79px;
  vertical-align: middle;
}

.deleteIcon {
  width: 33px;
  height: 37px;
  background-position: -388px -129px;
  cursor: pointer;
  position: absolute;
  right: 0;
  bottom: 0px;
}

.icon-cart {
  width: 32px;
  height: 31px;
  vertical-align: middle;
  background-position: -30px -126px
}

.icon-notification {
  width: 32px;
  height: 32px;
  vertical-align: middle;
  background-position: -80px -127px;
  margin-left: 15px;
  cursor: pointer;
}

.filter-icon {
  width: 24px;
  height: 24px;
  margin: 0 20px;
  vertical-align: sub;
  background-position: -126px -184px;
  cursor: pointer;
}


.searchIcon {
  width: 24px;
  height: 24px;
  background-position: -235px -65px;
}

.linkedinIcon {
  background-position: -239px -65px;
}

figcaption {
  text-align: center;
  padding: 15px 0;
  font-size: 15px;
}

.overflow-scroll {
  overflow: auto;
}

.cb-container {
  display: block;
  max-width: 1489px;
  margin: 0 auto;
}

.greyNav {
  height: calc(100vh - 91px);
  overflow: auto;
  top: 92px;
  background: #C8E1E9;
  position: fixed;
  left: 0;
}

.customLeftBody.close {
  width: auto;
  background: #C8E1E9;
  transition: 0.2s ease;
}

.customLeftBody.close .text {
  opacity: 0;
  display: none;
  /* background: #F7F7F8; */
}

.customLeftBody {
  width: 15%;
  background: #C8E1E9;
  transition: 0.5s;
  color: red;

}

.customrightB.expand {
  width: calc(100% - 80px);

}

.customrightB {
  width: 85%;
  position: relative;
}

.rightBodySection {
  /* width: calc(100% - 150px); */
  min-height: 100%;
  padding: 30px 33px;
  margin-top: 92px;
  position: absolute;
  right: 0;
  background: #F7F7F8;
}

.cb_message_alert {
  border-radius: 16px;
  border: 2px solid var(--Neutral-06, #D1CFCA);
  background: linear-gradient(0deg, #FCF1B5 0%, #FCF1B5 100%), #FFF;
  padding: 12px 16px;
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}

.cb_message_alert span {
  color: var(--Neutral-01, #0B0A0A);

  /* Poppins/web/Eyebrow subheading */
  font-family: Poppins;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  /* 133.333% */
  letter-spacing: 0.9px;
}

.cb_message_alert ul {
  margin: 0;
}

.cb_message_alert ul li {
  color: var(--Neutral-01, #0B0A0A);

  /* Poppins/web/Body text small reg */
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 142.857% */
  letter-spacing: 0.07px;
}

.cartSummary p {
  border-bottom: 1px solid #ADACA8;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  padding-bottom: 20px;
  margin-bottom: 20px !important;
}

.leftBodySection .cb-logo {
  position: fixed;
}

.cbHamburger {
  background: url("../img/cbHam.png") no-repeat;
  height: 50px;
  width: 50px;
  display: inline-block;
  cursor: pointer;
}

.cb-logo {
  background: url("../img/cb_logo_custom.svg") no-repeat;
  width: 106px;
  height: 68px;
  display: inline-block;
}

.leftNavigation {
  margin: 0;
  /* position: relative; */
  overflow: auto;
  padding: 16px;
  flex-direction: column;
  overflow: hidden;
}


.greyNav::-webkit-scrollbar {
  width: 2px;
}

.greyNav::-webkit-scrollbar-thumb {
  background: #9cb2b1;
  border-radius: 8px;
}

.greyNav::-webkit-scrollbar-track {
  border-radius: 8px;
}

.leftNavigation li {
  border-radius: 16px;
  list-style-type: none;
  font-weight: var(--font-semibold);
  margin: 10px 0;
  position: relative;
  cursor: pointer;
  transition: 0.1s ease;
  padding: 4px;
  border: 1px solid #c5dde5;
}

.leftNavigation li:first-child {
  margin-top: 0;
}

.leftNavigation li:last-child {
  margin-bottom: 0;
}

.leftNavigation li.active .icon-home {
  background-position: -18px -70px;
}

.leftNavigation li.active .icon-jobs {
  background-position: -61px -70px;
}

.leftNavigation li.active .icon-dashboard {
  background-position: -109px -69px;
}

.leftNavigation li.active .icon-reports {
  background-position: -157px -70px;
}

.leftNavigation li.active .icon-quicksearch {
  background-position: -208px -70px;
}

.leftNavigation li.active .icon-wallet {
  background-position: -253px -70px;
}

.leftNavigation li.active .icon-explorecb {
  background-position: -300px -71px;
}

.leftNavigation li.active .icon-cbPlus {
  background-position: -641px -230px;
}

.leftNavigation li.active .icon-leadersboard {
  background-position: -351px -70px;
}

/* .leftNavigation .icon-home:hover {
  background-position: -18px -70px;
}

.leftNavigation .icon-jobs:hover {
  background-position: -61px -70px;
}

.leftNavigation .icon-dashboard:hover {
  background-position: -109px -69px;
}

.leftNavigation .icon-reports:hover {
  background-position: -157px -70px;
}

.leftNavigation .icon-quicksearch:hover {
  background-position: -208px -70px;
}

.leftNavigation .icon-wallet:hover {
  background-position: -253px -70px;
}

.leftNavigation .icon-explorecb:hover {
  background-position: -300px -71px;
}

.leftNavigation .icon-leadersboard:hover {
  background-position: -351px -70px;
} */

.leftNavigation li.active {
  border-radius: 16px;
  background: #FDFDFC;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.05);
  border-left: 2px solid orange;
}


.leftNavigation li:hover {
  border-radius: 16px;
  background: #FDFDFC;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.05);
  border: 1px solid orange;
}

.leftNavigation li a span.text.active {
  color: orange;
}

.leftNavigation li a {
  display: flex;
  color: var(--primary-font-color);
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  /* padding: 10px 5px; */
  align-items: center;
  padding-bottom: 0px;
}

.leftNavigation li span.cb-sprite {
  /* margin: 0 auto; */
  width: 38px;
  height: 40px;
  display: block;
}

.leftNavigation li span:last-child {
  margin-left: 10px;
}

/* .candidateSection{
  display: flex;
  justify-content: center;
} */

.homebanner {
  background: rgba(65, 158, 189, 0.1);
  border-radius: 16px;
  padding: 5px 30px;
  margin: 0% 10% 0% 10%;
}

.homebanner h1 {
  font-weight: var(--font-semibold);
  font-size: 20px;
  line-height: 40px;
}

.homebanner p {
  font-weight: 400;
  font-size: 15px;
  line-height: 30px;
  color: #8a8885;
}

.searchSection {
  margin-top: 24px;
  margin-bottom: 14px;
  background: #fdfdfc;
  box-shadow: 0px 8px 16px rgba(11, 10, 10, 0.1);
  overflow: hidden;
  border-radius: 18px;
  position: relative;
  display: flex;
  align-items: center;
}

.searchSection input {
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  border-radius: 16px;
  padding: 15px 70px;
  border: none;
  width: calc(100% - 70px - 161px);
  background: url("../img/searchIcon.png") no-repeat;
  background-position: 15px 48%;
}

.searchSection input:focus {
  outline: none;
}

.searchSection .searchBtn {
  background: #f8ac1a;
  border-radius: 16px;
  font-weight: var(--font-bold);
  font-size: 20px;
  line-height: 30px;
  padding: 15px 36px;
  border: none;
  color: #fff;
  cursor: pointer;
  margin: 0;
}

.searchSection .searchBtn:focus {
  outline: none;
}

.searchSection .icon-filter {
  margin: 0 25px;
  cursor: pointer;
}

.searchSection .searchIcon {
  position: absolute;
  top: 19px;
  left: 29px;
}

.dashboard_HeadBtn {
  display: flex;
  list-style: none;
  column-gap: 35px;
  align-items: center;
}

.ParentPagintor {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.dataBtn {
  padding: 14px 28px;
  text-align: center;
  font-weight: var(--font-bold);
  font-size: 20px;
  line-height: 24px;
  margin: 8px 0;
  border-radius: 16px;
  transition: 0.2s ease;
  cursor: pointer;
  margin-right: 15px;
  color: #666563;
  border: none;
  background: white;
  font-weight: 500;
}

.dataBtn.active {
  color: #419EBD;
  border-bottom: 3px solid #419EBD;
}

.dataAnchorlink .dataBtn.active {
  color: #419EBD;
  border-bottom: 3px solid #419EBD;
}

.HomePaginator {
  float: right;
  display: flex;
  align-items: center;
  color: gray;
  padding: 10px 26px;
  border-radius: 6px;
  justify-content: end;
}

.HomePaginator ul {
  margin: 20px 30px;
  padding-left: 0px;
}

.HomePaginator ul li {
  display: inline-block;
  margin: 0 10px;
  background: #fff;
  height: 50px;
  width: 50px;
  border-radius: 8px;
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  line-height: 50px;
  cursor: pointer;
}

.HomePaginator ul li.active {
  color: var(--secondary-02, #419EBD);
  background-repeat: no-repeat;
  border: 1px solid #419EBD;

}

.homepagebtn1,
.homepagebtn2 {
  display: inline-flex;
  align-items: center;
  font-size: 22px;
  font-weight: 500;
  color: gray;
  background: transparent;
  outline: none;
  border: none;
  cursor: pointer;
  min-width: auto;
  margin: 0;
  padding: 0;
  border-radius: 8px;
}

.spriteIcon {
  background-image: url('../img/careerSprite.png');

}

.previcon {
  background-position: -459px -175px;
  width: 44px;
  height: 44px;
  background-repeat: no-repeat;
  background-color: #fff;
  background-image: url(../img/careerSprite.png);
}

.nexticon {
  background-position: -508px -175px;
  width: 44px;
  height: 44px;
  background-repeat: no-repeat;
  background-color: #fff;
}

.editIcon {
  background-position: -334px -129px;
}

.changeIcon {
  background-position: -471px -238px;
}

.signOutIcon {
  background-position: -136px -234px;
}

.uploadIcon {
  width: 24px;
  height: 24px;
  background-position: -500px -79px;
  vertical-align: middle;
  margin-bottom: 5px;
  margin-right: 10px;
}

.candidateCard {
  padding: 20px;
  background: #fdfdfc;
  border-radius: 16px;
  margin: 0 auto;
  margin-top: 30px;
  border: 1px solid #E7E5E2;
  box-shadow: 0px 8px 16px 0px rgba(11, 10, 10, 0.05);
  position: relative;
  max-width: 1050px;
}

.upr-sec{
  display: flex;
}

.m-0 .p-0 li{
  padding: 0px 10px;
}

@media (max-width: 768px) {
  .upr-sec {
    display: block; 
  }
  .m-0 .p-0 li{
    padding: 0px;
  }
}

.customHeightSalary {
  height: 400px;
}

.candidateCard .userImage {
  flex-basis: 60px;
  margin-right: 24px;
}

.candidateCard .userImage img {
  display: block;
}

/* .candidateCard .cardInfo {
  flex-basis: calc(100% - 84px);
} */
.Staricon {
  background-position: -288px -183px;
  width: 32px;
  height: 29px;
  margin-bottom: 13px;
}

.starDev {
  display: flex;
  align-items: center;
}

.cardInfo {
  height: 100%;
}

.cardJustifyStyle {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}


.cardInfo h2 {
  font-weight: var(--font-semibold);
  font-size: 17px;
  line-height: 28px;
  margin-bottom: 16px;
  text-transform: capitalize;
}

.internalCV-editIcons {
  position: absolute;
  right: 0;
  top: 0px;
}

.SingleCVdeleteIcon {
  background-position: -388px -127px;
  width: 27px;
  height: 32px;
  cursor: pointer;

}

.SingleCVeditIcon {
  background-position: -475px -28px;
  width: 35px;
  height: 29px;
  margin-block: 2px;
}

.cardInfo p {
  font-size: 11px;
  font-weight: 700;
  text-align: center;
}

.cardInfo .color-secondary-font {
  color: #666563;
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
  text-align: justify;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-transform: capitalize;
}

.cardInfo .aboutProfile {
  color: #8A8885;
  font-weight: 500;
  margin-bottom: 10px;
}

.cardInfo li {
  display: inline-block;
  margin-right: 24px;
}

.cardInfo li:last-child {
  margin-right: 0;
}

.cardInfo .WishLIsT {
  background: transparent;
  border: none;
  border-radius: 0px;
  font-size: 20px;
  line-height: 30px;
  color: #424240;
  outline: none;
  float: right;
  padding: 0;
  margin: 0;
}

.cardInfo button,
button {
  border: 3px solid #f8ac1a;
  padding: 5px 10px;
  text-align: center;
  font-weight: var(--font-bold);
  font-size: 15px;
  line-height: 24px;
  margin: 8px 10px ;
  min-width: 130px;
  border-radius: 10px;
  transition: 0.2s ease;
  background: #f8ac1a;
  cursor: pointer;
  margin-right: 15px;
  color: #fff;
}

.cardInfo button a {
  color: inherit;
  text-decoration: none;
}

.cardInfo button.saveBtn,
.cancelBtn,
.formSection button.emptyBtn,
button.emptyBtn {
  background: #fdfdfc;
  color: #f8ac1a;
}

.cardInfo button:focus {
  outline: none;
}

.cardInfo .card-footer p,
.cardInfo .card-footer p a {
  color: #f8ac1a;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  text-decoration: underline;
  margin-right: 15px;
  margin-left: 20px;
}

.cardInfo button.buyCv,
.cardInfo button.previewBtn,
.cardInfo button.saveBtn:hover {
  background: #f8ac1a;
  color: #fdfdfc;

}

a.previewBtn {
  text-decoration: none;
}

.cardInfo button.buyCv:hover,
.cardInfo button.previewBtn:hover {
  background: #fdfdfc;
  color: #f8ac1a;
}

.cardInfo button.addCart {
  background: #fdfdfc;
  color: #f8ac1a;
}

.cardInfo button.addCart:hover {
  background: #f8ac1a;
  color: #fdfdfc;
}

.cardInfo .cbcv,
.cardInfo .delete {
  color: #f8ac1a;
  font-weight: var(--font-bold);
  font-size: 16px;
  line-height: 24px;
  display: block;
  margin: 8px auto;
  max-width: 130px;
  padding: 15px;
}

/* .skillsDiv {
  margin-top: 24px !important;
}
.skillsDiv p {
  color: var(--primary-font-color);
  font-weight: var(--font-bold);
  font-size: 16px;
  line-height: 24px;
}
.skillsDiv ul li {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #ffffff;
  background: #419ebd;
  border-radius: 8px;
  padding: 4px 16px;
  margin: 4px 0;
  margin-right: 16px;
  display: inline-block;
} */

.pageHeader {
  justify-content: space-between;
  align-items: center;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.10);
  padding: 14px 20px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;
  margin: 0;
  z-index: 5;
}

/* .pageHeader .icon-cart {
  margin: 0 24px;
} */
.pageHeader select {
  border: none;
  cursor: pointer;
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  background: #F8AC1A;
}

.pageHeader .addNewBtn {
  font-weight: var(--font-semibold);
  font-size: 20px;
  line-height: 30px;
  color: #fdfdfc;
  background: #f8ac1a;
  border-radius: 8px;
  padding: 8px 22px;
  border: none;
  transition: 0.2s ease;
  border: 3px solid #f8ac1a;
  cursor: pointer;
}

.pageHeader .addNewBtn:hover {
  color: #f8ac1a;
  background: #fdfdfc;
}

.pageHeader .count {
  position: absolute;
  top: 0px;
  right: -6px;
  width: 20px;
  height: 20px;
  background: #FF2727;
  text-align: center;
  border-radius: 50%;
  color: #FDFDFC;
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
}

.notification {
  width: 16px;
  height: 16px;
  background: #000;
  margin: 0 24px;
}

.userProfile {
  min-width: 200px;
  margin: 0;
  margin-left: 24px;
}

.userProfile img {
  margin-right: 16px;
}

.userProfile div {
  flex-basis: calc(100% - 48px - 16px);
}

.userProfile p {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #0b0a0a;
}

.userProfile p:last-child {
  color: #8a8885;
}

.explorecbPage h2 {
  margin: 0 auto;
  color: var(--primary-font-color);
  font-size: 36px;
  line-height: 44px;
  margin-bottom: 25px;
}

.explorecbPage .filter-icon,
.blogPage .filter-icon {
  display: none;
}

.explorecbPage .searchSection,
.blogPage .searchSection {
  max-width: 830px;
  margin: 0 auto;
  margin-bottom: 30px;
}

.explorecbPage .searchSection input,
.blogPage .searchSection input {
  width: calc(100% - 162px);
}

.tutorialCard {
  border-radius: 16px;
  transition: 0.2s ease;
  overflow: hidden;
  margin-bottom: 30px;
}

.tutorialCard:hover {
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
}

.tutorialCard img {
  margin-bottom: 24px;
  display: block;
  width: 100%;
  max-height: 275px;
  -o-object-fit: cover;
  object-fit: cover;
}

.tutorialCard h3 {
  font-weight: var(--font-semibold);
  font-size: 20px;
  line-height: 36px;
  margin-bottom: 20px;
  padding: 16px;
}

.tutorialCard h3 a {
  color: var(--primary-font-color);
  text-decoration: none;
}

.tutorialCard p {
  color: #8a8885;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
}

.filterSection {
  display: none;
}

.searchSkiillsSection h3 {
  font-weight: 600;
  margin-bottom: 16px;
  font-size: 24px;
  line-height: 36px;
}

.searchSkiillsSection input[type=text] {
  box-shadow: 0 0 5px 0.2px rgba(0, 0, 0, 0.16);
  border-radius: 16px;
  padding: 15px;
  margin-bottom: 24px;
  padding-left: 50px;
  border: none;
  width: 100%;
  background: url("../img/searchIcon.png") no-repeat;
  background-color: #FFF;
  background-position: 15px 48%;
  font-size: 16px;
  font-weight: 500;
  line-height: 30px;
}

.searchSkiillsSection ul {
  margin: 0;
  padding: 0;
  max-height: 450px;
  overflow: auto;
}

.searchSkiillsSection ul li {
  list-style-type: none;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 8px;
}

.searchSkiillsSection ul label {
  margin: 0;
  cursor: pointer;
}

.searchSkiillsSection ul input[type=checkbox] {
  width: 24px;
  height: 24px;
  margin-right: 8px;
  vertical-align: middle;
  accent-color: #419EBD;
  overflow: hidden;
  border-radius: 4px;
}

.socialMediaOptions {
  margin-top: 26px;
}

.socialMediaOptions ul {
  display: block;
}

.socialMediaOptions .cb-sprite {
  width: 36px;
  height: 36px;
  background: black;
  display: block;
}

.reports_parent {
  width: 100%;
  margin: auto;
}

.report_child_grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-radius: 8px;
  background: var(--neutral-07, #FDFDFC);
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.16);
  margin-bottom: 26px;
  /* padding: 8px 24px; */
  line-height: 24px;
}

.report_child_grid ul {
  list-style: none;
  color: var(--neutral-03, #666563);
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
  /* 150% */
}

.report_child_grid ul li .green_class {
  color: var(--accent-02, #52C93F);
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  margin-left: 9px;
}

.report_child_grid ul li .red_class {
  color: var(--accent-01, #FF2727);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  /* 150% */
  margin-left: 9px;
}

.report_child_grid ul li .purple_class {
  color: var(--accent-04, #605BFF);
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  /* 150% */
  margin-left: 9px;
}

.report_third_grid {
  text-align: center;
}

.report_third_grid .report_total_wallet {
  color: var(--secondary-02, #419EBD);
  text-align: center;
  font-family: Montserrat;
  font-size: 35px;
  font-style: normal;
  font-weight: 600;
  line-height: 72px;
  /* 120% */
}

.line_style {
  border-right: 3px solid #419EBD;
  ;
}

.report_search_btn {
  position: absolute;
  right: 63px;
  height: 60px;
  margin: 0px 15px;
}


.uploadTypes,
.candidatesFilter,
.jobPostTypes {
  margin-bottom: 20px;
  display: flex
}

.jobPostTypes ul {
  /* background: #EDF2F3; */

}

.uploadTypes ul,
.candidatesFilter ul,
.jobPostTypes ul {
  margin: 0;
  padding: 0;
}

.uploadTypes ul li,
.candidatesFilter ul li,
.jobPostTypes ul li {
  font-weight: 600;
  font-size: 24px;
  line-height: 36px;
  display: inline;
  color: #8A8885;
  margin-right: 26px;
  margin-bottom: 8px;
  cursor: pointer;
}

.uploadTypes ul li:last-child,
.candidatesFilter ul li:last-child,
.jobPostTypes ul li:last-child {
  margin-right: 0;
}

.uploadTypes ul li.current,
.candidatesFilter ul li.current,
.jobPostTypes ul li.current {
  color: #0B0A0A;
  border-bottom: 6px solid #F8AC1A;
}

.jobPostTypes ul {
  /* background: #EDF2F3; */
  width: fit-content;
  padding: 9px 12px;
  border-radius: 16px;
  margin: 0 auto;
}

.jobPostTypes ul li {
  padding: 6px 20px;

}

.modal-content h3 {
  color: var(--text, #424240);
  font-family: Inter;
  font-size: 28px;
  font-style: normal;
  font-weight: 800;
  line-height: 30px;
}

.jobPostTypes ul li a {
  color: #ADACA8;
  text-decoration: none;
}

.jobPostTypes ul li.current {
  border-radius: 16px;
  border-bottom: 2px solid #419EBD;
  background: #fff;
}

.jobPostTypes ul li.current {
  color: #419EBD;
}

.row.tab-content.current {
  display: flex;
}

.candidatesFilter {
  margin: 30px 0;
}

.cardInfo .addMore button {
  display: inline-block;
  min-width: auto;
  cursor: pointer;
  background: #f8ac1a;
  color: #fff;
  padding: 0;
  font-size: 30px;
  line-height: 30px;
  width: 38px;
  height: 38px;
  margin: 0;
}

.cardInfo .addMore span {
  font-size: 18px;
  font-weight: 600;
  vertical-align: super;
}

.confirmOrder {
  font-weight: var(--font-semibold);
  font-size: 20px;
  line-height: 30px;
  color: #fdfdfc;
  background: #f8ac1a;
  border-radius: 8px;
  padding: 8px 22px;
  transition: 0.2s ease;
  border: 3px solid #f8ac1a;
  cursor: pointer;
  display: block;
}

.formSection .formGroup {
  margin-bottom: 20px;
  position: relative;
  width: 100%;
}

.prevPage {
  font-size: 20px;
  font-weight: 600;
  line-height: 36px;
  color: #419EBD;
  padding-bottom: 20px;
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
  /* margin-left: 8rem; */
}

.formSection .formGroup p {
  font-size: 24px;
  font-weight: 600;
  line-height: 28px;
  padding-bottom: 20px;
}

.formSection .formGroup input[type=file] {
  width: 51%;
  margin: auto;
  /* position: absolute;
  left: 0;
  top: 0;
  opacity: 0; */
  width: 252px;
  height: 252px;
}

.recruiter_resume_input {
  /* width: 51%;
  margin: auto;
  border-radius: 8px;
  border: 2px dashed #419EBD;
  background: #FFF; */
}

.recruiter_resume_input_child figure {
  /* height: 48px;
  width: 48px; */
}

.recruiter_resume_input_child {
  /* display: flex;
  flex-direction: column; */

}

.formSection .formGroup input,
.formSection .formGroup select,
.formSection .formGroup textarea {
  padding: 10px 25px;
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  display: block;
  width: 100%;
  border: none;
}

.formSection .formGroup select {
  background-image: url("../img/arrow.png");
  background-repeat: no-repeat;
  background-position: 98% 7px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
}

.formSection button {
  border: 2px solid #F8AC1A;
  border-radius: 16px;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  background: #F8AC1A;
  padding: 8px 28px;
  cursor: pointer;
}

.formSection button.cancelBtn {
  color: #F8AC1A;
  background: #fff;
  margin-right: 10px;
}

.formSection button.saveBtn {
  color: #fff;
}

.formSection input[type="checkbox"] {
  width: 24px;
  height: 24px;
  accent-color: #419EBD;
  cursor: pointer;
  vertical-align: middle;
  display: inline-block;
}

.signupErrormsg {
  color: red;
}

.errorlist li {
  color: #ff0707;
  font-weight: 600;
  list-style-type: none;
}

.divSwap {
  flex-flow: row-reverse;
}

.formSection .formGroup label {
  margin-left: 12px;
  margin-bottom: 5px;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  display: inline-block;
}

.formSection .formGroup label.imgUploadCss {
  display: flex;
  font-size: 21px;
  height: 800px;
}

.formSection .formGroup input:focus~.floating-label,
.formSection .formGroup input:not(:focus):valid~.floating-label,
.formSection .formGroup select:focus~.floating-label,
.formSection .formGroup select:not(:focus):valid~.floating-label {
  top: -15px;
  left: 20px;
  font-size: 20px;
  opacity: 1;
  background: #fff;
  padding: 0 10px;
  font-weight: 600;
}

.formSection .formGroup .floating-label {
  position: absolute;
  pointer-events: none;
  left: 25px;
  top: 10px;
  transition: 0.2s ease all;
  color: #ADACA8;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
}

.userInfoSection p {
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  color: #0B0A0A;
  margin-bottom: 20px;
}

.userInfoSection ul {
  padding: 0;
  margin-bottom: 20px;
}

.userInfoSection ul li {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #ffffff;
  background: #419ebd;
  border-radius: 8px;
  padding: 4px 16px;
  margin: 4px 0;
  margin-right: 16px;
  display: inline-block;
}

.userInfoSection button {
  color: #fff;
}

.searchBarSection {
  border-radius: 16px;
  border: 1px solid #E7E5E2;
  background: #fff;
  box-shadow: 0px 8px 16px 0px rgba(11, 10, 10, 0.05);
  margin-bottom: 25px;
  /* padding: 12px 0; */

  justify-content: space-between;
  align-items: center;
}

.searchBarSection button {
  /* margin: 0; */
}

.searchBarSection input[type="text"] {
  border: none;
  outline: none;
  font-size: 20px;
  line-height: 30px;
  padding: 0 44px;
  padding-left: 60px;
  width: 100%;
  background: url("../img/searchIcon.png") no-repeat;
  background-position: 15px 48%;
}

.searchBarSection select {
  border: none;
  outline: none;
  border-left: var(--border-line) !important;
  padding-left: 20px;
  font-size: 18px;
  line-height: 30px;
  cursor: pointer;
  min-width: 200px;
  min-height: 46px;
  background-color: #fff;
}

.searchBarSection .col-md-9 span.select2.select2-container.select2-container--default {
  /* min-height: 46px; */
  border-left: var(--border-line) !important;
}

.searchBarSection span.select2.select2-container.select2-container--default {
  padding: 8px 0px;
}

.searchBarSection li.select2-selection__choice {
  font-size: 14px !important;
}

.searchBarSection select option {
  cursor: pointer;
}

.modal-dialog {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 999;
  background: #000000ba;
  display: none;
}

.modal-content {
  background: white;
  max-width: 57%;
  margin: 2% auto;
  /* height: 82%; */
  /* min-height: 80vh; */
  text-align: center;
  padding: 42px;
  border-radius: 16px;
  position: relative;
}


.modal-content.small-modal {
    background: white;
    max-width: 57%;
    margin: 100px auto;
    text-align: center;
    padding: 42px;
    border-radius: 16px;
    position: relative;
    /* height: 35%; */
    /* min-height: 100vh; */
}
.modal .modal-body {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  /* min-height:440px; */
}

.modal-content h4 {
  color: var(--text, #424240);
  text-align: center;
  /* Heading 04 */
  font-family: Montserrat;
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: 40px;
  /* 133.333% */
}

.modal-content p {
  color: var(--text, #424240);
  text-align: center;
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
  /* 150% */
}

.closePopup {
  font-size: 35px;
  width: 20px;
  height: 20px;
  display: block;
  line-height: 20px;
  cursor: pointer;
  font-weight: 600;
  position: absolute;
  right: 10px;
  top: 10px;
}

.cvPrice {
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
  padding-top: 12px;
  color: #F8AC1A;
}

.modal-content button {
  min-width: 192px;
}

.delteModalBtn {
  display: flex;
  justify-content: center;
  column-gap: 46px;
  margin-top: 26px;
}

.modal-content p a {
  color: #F8AC1A;
}

.pagination {
  padding: 0;
  column-gap: 16px;
  float: right;
  display: flex;
  align-items: center;
  color: gray;
  padding: 10px 26px;
  border-radius: 6px;
  justify-content: end;
}

.pagination li {
  display: inline-block;
  background: white;
}

.pagination li a.page-link {
  font-size: 24px;
  display: block;
  padding: 5px;
  border-radius: 4px;
  min-width: 44px;
  min-height: 44px;
  line-height: 33px;
  color: #666563;
  text-decoration: none;
  font-weight: 600;
  transition: 0.2s ease;
}

.pagination li a.page-link:hover {
  color: var(--secondary-02, #419EBD);
  border: 1px solid #419EBD;
}

.pagination li a.page-link.active {
  border: 1px solid #419EBD;
  color: #419EBD;
}

.blogPage .card-body {
  flex-basis: 48.7%;
  margin-right: 25px;
  background: #fff;
  border-radius: 16px;
}

.blogPage .card-body:nth-of-type(2n) {
  margin-right: 0px;
}

.blogPage .card-body {
  padding: 20px;
  box-shadow: 0 16px 48px #E3E7EB;
}

.blogPage .card-title {
  font-size: 24px;
  font-weight: 600;
  line-height: 30px;
  padding-bottom: 20px;
}

.blogPage .card-text {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px
}

.blogPage .card-body a {
  color: #F8AC1A;
  font-weight: 600;
}

.ParentBlogDetail {
  width: 85%;
  margin: auto;
  border-radius: 10px;
  background-color: #ffffff;
  padding: 25px 25px;
}

.faq-content {
  display: none;
}

.faqDiv {
  border-radius: 16px;
  padding: 10px 20px;
  background: #fff;
  margin-bottom: 20px;
  box-shadow: 0px 8px 16px 0px rgba(11, 10, 10, 0.05);
  border: var(--border-line);
}

.faq-heading {
  color: #ADACA8;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  cursor: pointer;
  position: relative;
}

.faq-heading:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 32px;
  height: 32px;
  background: url("../img/arrow.png") no-repeat;
  background-position: center;
  transition: 0.2s ease;
}

.faq-heading.active:after {
  transform: rotate(-180deg);
}

.faq-content {
  padding-top: 10px;
  margin-top: 10px;
  border-top: var(--border-line);
  font-size: 15px;
  line-height: 24px;
  font-weight: 500;
}

.navDropdown {
  position: relative;
  place-items: center;
}

.dropdownHeading {
  padding: 10px;
  border-radius: 16px;
  color: #fff;
  padding: 12px 20px;
  background: #F8AC1A;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  cursor: pointer;
  min-width: 170px;
}

.userProfile .dropdownMenu {
  top: 48px;
}

.dropdownMenu {
  overflow: hidden;
  position: absolute;
  top: 40px;
  left: 0;
  background: var(--color-white);
  width: 13em;
  z-index: 3;
  border-radius: 0 0 4px 4px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .24);
  /* transition: all .25s ease; */
  opacity: 0;
  padding: 0;
  visibility: hidden;
  margin: 0;
}

.navDropdown:hover ul.dropdownMenu {
  opacity: 1;
  height: auto;
  visibility: visible;
}

.dropdownMenu li {
  display: block;
  padding: 6px 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;

}

.dropdownMenu li a {
  color: #0B0A0A;
  text-decoration: none;
  transition: 0.1s ease;

}

.dropdownMenu li a:hover {
  color: #F8AC1A;
  text-decoration: underline;
  cursor: pointer;
}

.dropdownMenu li:hover {
  color: #F8AC1A;
  text-decoration: underline;
  cursor: pointer;
}

.dropdownMenu .cb-sprite {
  width: 26px;
  height: 26px;
  margin-right: 15px;
  vertical-align: middle;
}

.selectedFilters button {
  background: rgba(65, 158, 189, 0.25);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #419EBD;
  border-radius: 50px;
  cursor: default;
  padding: 5px 15px;
  min-width: auto;
  border: none;
}

.selectedFilters button span {
  margin-left: 14px;
  font-size: 30px;
  line-height: 20px;
  vertical-align: sub;
  cursor: pointer;
}

.jobPostPreview h2 {
  font-size: 24px;
  padding-bottom: 15px;
  font-weight: 600;
  line-height: 36px;
}

.jobPostPreview li,
.jobPostPreview p {
  list-style-type: none;
  color: #424240;
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
}

.jobPostPreview li span {
  margin-right: 5px;
}

.jobPostPreview p {
  color: #666563;
  padding-bottom: 20px;
}

.jobPostPreview a {
  color: #f8ac1a;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  text-decoration: none;
}

.radioDiv {
  border-radius: 16px;
  padding: 10px;
  border: var(--border-line);
  margin-bottom: 15px !important;
}

.radioDiv span {
  display: block;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;

}

.radioDiv label {
  width: 100%;
  padding-left: 40px;
}

.radioDiv span:last-child {
  color: #8A8885;
}

.radioDiv input[type="radio"] {
  position: absolute;
  width: 30px;
  height: 30px;
  accent-color: darkgoldenrod;
  margin: 0;
}

.uploadFile label {
  text-align: center;
  font-size: 24px;
  color: #F8AC1A;
  font-weight: 600;
  line-height: 36px;
  display: flex;
  width: 100%;
  padding: 20px 20px;
  position: relative;
  border: 3px dashed #419EBD;
  cursor: pointer;
  min-height: 500px;
  border-radius: 16px;
  flex-direction: column;
  justify-content: center;
}

.formSection .formGroup .uploadFile input[type=file] {
  display: none;
}

.uploadFile {
  text-align: center;
  font-size: 24px;
  color: #F8AC1A;
  font-weight: 600;
  line-height: 36px;
}

.uploadFile img {
  display: block;
  margin: 0 auto;
}

.CBPreview {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.CBPreviewchild2 {
  text-align: initial;
  margin-left: 22%;
}

.edit-icon {
  background-position: -478px -30px;
  width: 26px;
  height: 26px;
  float: right;
  margin-right: 12px;
  cursor: pointer;
}

.del-icon {
  background-position: -390px -130px;
  width: 25px;
  height: 29px;
  float: right;
  cursor: pointer;
}

.personIcon {
  background-position: -558px -29px;
  width: 33px;
  height: 33px;
  position: absolute;
  margin-left: -39px;
}

.jobroleIcon {
  background-position: -518px -30px;
  width: 30px;
  height: 26px;
  position: absolute;
  margin-left: -37px;
  margin-block: 3px;
}

.emailIcon {
  background-position: -570px -75px;
  width: 32px;
  height: 33px;
  position: absolute;
  margin-left: -37px;
  margin-block: -1px;
}

.contactIcon {
  background-position: -532px -78px;
  width: 32px;
  height: 30px;
  position: absolute;
  margin-left: -34px;
  margin-block: 2px;
}

.previewCbCv {
  width: 80%;
  margin: auto;
  background: #fff;
  padding: 20px;
}

.previewCbCv p {
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
  padding-bottom: 20px;
}

.previewCbCv p span {
  color: #666563;
}

.previewCbCv h1 {
  color: #419EBD;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 36px;
  /* 150% */
}

.eduParent .eduList li p span,
.eduParent .edulocation {
  color: var(--neutral-03, #666563);
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
}

.eduList {
  display: flex;
  column-gap: 2%;
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.eduTitle {
  color: var(--neutral-03, #666563);
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 36px;
}

.cvDetail_btn {
  display: flex;
  justify-content: center;
}


.addTosaleSection input[type="checkbox"] {
  width: 48px;
  height: 48px;
  margin: 0;
  accent-color: darkgoldenrod;
  position: absolute;
  left: -100px;
  top: 0;
  border: none;
}

.addTosaleSection .candidateCard {
  margin-left: 100px;
}

.walletButton {}

.wallet_Transaction {
  color: var(--neutral-02, var(--text, #424240));
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 44px;
  padding-left: 2%;
  border-radius: 8px;

}

.border_style {
  border-bottom: 2px solid #419EBD;
  width: 100%;
  margin: auto;
  position: relative;
  top: 61px;
}

.transaction_title th {
  color: var(--neutral-5, #ADACA8);
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
  width: 25%;
}


.wallet_Transaction_table {
  width: 100%;
  margin: auto;
  border-radius: 8px;
  background: #FFF;
  padding-top: 22px;
}

.wallet_Transaction_table img {
  position: relative;
  left: 12px;
  top: 4px;
}

.user_img {
  background: url('../img/Ellipse4.png') no-repeat;
  display: inline-block;
  height: 33px;
  width: 33px;
  position: absolute;
  margin-left: -36px;
  margin-top: -4px;

}

.walletGrid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

.walletGrid .card-body {
  border-radius: 16px;
  background: #FFF;
  box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.10);
  padding: 16px;
  min-height: 180px;
  min-width: 200px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.walletGrid .card-text {
  color: var(--secondary-02, #419EBD);
  font-family: Montserrat;
  font-size: 33px;
  font-style: normal;
  font-weight: 600;
  line-height: 72px;
  /* 120% */
}

.bankDetailParent {
  width: 80%;
  margin: auto;
}

.bankDetailParentOne {
  border-radius: 8px;
  border: 1px solid gray;
  background: #FFF;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.16);
  margin-bottom: 24px;
}

.bankCardBorder {
  border: 2px solid #52C93F;
}

.bankDetailParentOne ul li {
  list-style: none;
}

.biggerTextBank {
  color: var(--neutral-04, #8A8885);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 14px;
  text-transform: uppercase
}

.smallerTextBank {
  color: var(--neutral-04, #8A8885);
  font-size: 11px;
  font-style: normal;
  font-weight: 600;
  line-height: 14px;
  text-transform: uppercase;
}

.smallerTextBank.bankdetailacntnmbr {
  margin-block: -10px;
}

.postionNameBank {
  position: relative;
  top: 6px;
}

.delete-icon {
  background-position: -388px -129px;
  width: 26px;
  height: 26px;
  float: right;
  margin-right: 12px;
  cursor: pointer;
}

.wallet_Transaction {
  /* cursor: pointer; */
}

.card-balance-title {
  color: var(--secondary-02, #419EBD);
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 36px;
  margin-bottom: 8px;
}

.card-balance-title a {
  color: var(--secondary-02, #419EBD);
  text-decoration: none;
}

.card-bandDetail-title {
  margin-top: 6em;
  text-align: center;
}

.card-bandDetail-title a {
  color: #F8AC1A;
}

.addIcon {
  background-position: -646px -128px;
  width: 33px;
  height: 30px;
  position: absolute;
  margin-left: 133px;
  margin-top: -42px;
  cursor: pointer;
}

.minusIcon {
  background-position: -595px -127px;
  width: 35px;
  height: 33px;
  position: absolute;
  margin-left: 107px;
  margin-top: 48px;
  cursor: pointer;
}

.BankIcon {
  background-position: -632px -26px;
  width: 97px;
  height: 79px;
  position: absolute;
  margin-top: -47px;
}

button.choices__button {
  border: none;
  padding: 0;
  min-width: auto;
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: 12px !important;
  vertical-align: sub;
}

.choices__list--dropdown {
  z-index: 3;
}

.choices[data-type*=select-multiple] .choices__button,
.choices[data-type*=text] .choices__button {
  border-left: none;
}

.formSection .formGroup input {
  /* width: 100%!important; */
}


input.choices__input.choices__input--cloned {
  margin-bottom: 0;
  background: white;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
  width: 100% !important;
  /* width: inherit;
  display: contents; */
}

.choices__inner {
  padding: 0px;
  /* font-weight: 500; */
  /* font-size: 20px; */
  /* line-height: 30px; */
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  /* display: block; */
  /* width: 100%; */
  border: none;
  /* border: none;
  padding: 0;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
  background: white;
  padding: 10px 25px;
  font-size: 20px;
  line-height: 20px;
  border-radius: 8px;
  display: block;
  width: 100%;
  min-height: 50px;*/

  box-shadow: none;
  background: inherit;
}

/* filter menu css start */
.filterTitle {
  color: var(--neutral-02, var(--text, #424240));
  /* Heading 04 */
  font-family: Montserrat;
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: 40px;
}

/* .select2-container{
  display: block!important;

} */
.searchSection .select2-container--default {
  width: 100% !important;
  padding-left: 55px;
  border: none;
  background: url("../img/searchIcon.png") no-repeat;
  /* background-color: #FFF; */
  background-position: 15px 48%;
}

.select2-container--default .select2-search--inline .select2-search__field {
  line-height: 44px;
  font-size: 18px !important;
  /* padding: 12px !important; */
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  display: flex;
  flex-direction: row-reverse;
  height: 34px;
  background-color: #419ebd !important;
  margin: 0 !important;
  margin-right: 10px !important;
  font-size: 16px;
  line-height: 24px;
  color: white;
  font-weight: 400;
  padding: 5px 10px !important;
  border: none !important;
}

.select2-container--default .select2-selection {
  background-color: var(--body-bg, #fff);
  /* box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1); */
  height: 50px !important;
  border-radius: 8px !important;
  display: flex !important;
  place-items: center !important;
}

.select2-container--default {
  /* display: none !important; */
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: white !important;
  font-weight: 100 !important;
  font-size: 26px !important;
  vertical-align: middle;
  float: right;
  margin-left: 10px;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  font-size: 28px;
  margin: 0;
  cursor: pointer;
  position: absolute;
  right: 0;
  line-height: 20px;
  margin-top: 7px !important;
}

.searchSection .select2-container--default .select2-selection--multiple,
.searchSection .select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default .select2-selection {
  border: none !important;
}

.modal-content .select2-container--default {
  box-shadow: 0 0 5px 0.2px rgba(0, 0, 0, 0.16);
  border-radius: 8px;
  /* padding: 15px; */
  /* margin-bottom: 24px; */
  min-height: 30px;
  padding: 0px;
  padding-left: 50px;
  border: none;
  width: 100% !important;
  background: url("../img/searchIcon.png") no-repeat;
  background-color: #FFF;
  background-position: 15px 48%;
  font-size: 16px;
  font-weight: 500;
  /* line-height: 30px; */
}

.modal-body .select2-container--default .select2-selection--multiple {
  height: 30px;
}

.select2-container--default .select2-selection .select2-selection__renderedz {
  vertical-align: middle;
}

.select2-container--default .select2-selection .select2-selection__rendered {
  display: flex !important;
  overflow-x: auto !important;
  align-items: center;
  color: #000;
  font-size: 20px;
  font-weight: 500;
}

.select2-container--default .select2-selection .select2-selection__rendered::-webkit-scrollbar {
  display: none;
}

.select2-container {
  min-width: 18em !important;
  width: 100%;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

.uploadCvForm span.selection {
  font-weight: 500;
  font-size: 18px;

  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  display: block;

  padding-left: 5px;
  width: 100%;
  background: #fff;
  border: none;
  min-height: 50px;
}

.uploadCvForm .select2-container--default .select2-selection--multiple .select2-selection__choice {
  font-size: 16px;
}

.uploadCvForm span.select2-selection__arrow {
  display: none;
}

/* span.select2.select2-container.select2-container--default {
  min-width: 100%;
} */
.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none;
  color: var(--Neutral-03, #666563);
  font-weight: 500;
}

.uploadCvForm .select2-selection__rendered {
  padding: 0 !important;
}

ul.errorlist {
  margin: 0;
  padding: 0;
  padding-top: 5px;
  font-size: 12px;
}

.uploadCvForm span.select2-selection.select2-selection--multiple {
  /* max-height: 35px; */
}

/* subscription css starts here */
.subscriptionDesignParent {
  display: grid;
  grid-template-columns: repeat(3, 300px);
  column-gap: 45px;
  place-content: center;
}

.subscriptionChild2 label {
  /* border-bottom: 1px dotted darkgray; */
  margin-bottom: 10px;
}

.subscriptionChild3 {
  margin-bottom: 10px;
}

.subscriptionChild3 label {
  color: var(--text, #424240);

  /* Heading 05 */
  font-family: Montserrat;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 36px;
  cursor: pointer;
  /* 150% */
}

.subscriptionChild3 span {
  color: #666563;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  /* 155.556% */
}

.subscriptionChild2 h3 {
  color: #666563;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  /* 155.556% */
}

.subscriptionChild3 input {
  margin-left: 0;
  height: 16px;
  width: 16px;
}

.subscriptionChild1 {
  border-radius: 16px;
  border: 1px solid #ADACA8;
  background: #FFF;
  padding: 16px;
}

.subscriptionChild1 ul {
  padding-left: 0;
  row-gap: 16px;
  display: flex;
  flex-direction: column;
}

.subscriptionChild1 ul li {
  list-style: none;
}

.customContainer {
  margin-right: 10%;
}

.subscriptionChild1 ul li .checkRed {
  color: #EA1717;
}

.subscriptionChild1 ul li .checkGreen {
  color: #34A853;
}

.subscriptionBtn {
  text-align: center;
  margin-top: 32px;
  margin-right: 8%;
}

.subscriptionBtn span {
  color: #419EBD;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
  text-decoration-line: underline;
}

.subscriptionBtn label {
  color: #8A8885;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  margin-left: 12px;
  /* 150% */
}

.subscriptionBtn input {
  border-radius: 5px;
  border: 1px solid #419EBD;
  background: #FFF;
  width: 24px;
  height: 24px;
}

.subscriptionBtn button {
  margin-top: 15px;
  min-width: 170px;
}

/* subscription css ends here */
@media (min-width:1150px) and (max-width:1374px) {
  .select2-container {
    min-width: 13em !important;
  }
}

@media (min-width:403px) and (max-width:600px) {
  .minusIcon {
    left: 34px;
    top: 29px;
  }

  .walletGrid .card-body {
    padding: 5px;
  }
}

@media (max-width: 768px) {
  .customSelect2Container .select2-container {
    min-width: 11em !important;
  }

  .customesleect2container .select2-container {
    min-width: 0em !important;
  }

  .explorecbPage h2 {
    line-height: 28px;
  }

  .delteModalBtn {
    display: block;
  }

  .cbHamburgerParent {
    display: flex;
  }

  .wallet_Transaction_table {
    width: 100%;
  }

  .border_style {
    width: 100%;
    top: 84px;
  }

  table .text-blue {
    font-size: 12px;
  }

  table td {
    font-size: 12px;
  }

  .wallet_Transaction_table img {
    left: 0px;
  }

  .WishLIsT .wishLResp {
    display: none;
  }

  .wishlist-icon {
    position: absolute;
    top: -339px;
    right: -21px;
  }

  .cardInfo .WishLIsT {}

  .homePageUnloacBResp {
    display: flex;
    flex-direction: column;
  }

  .card-footer {}

  .ParentPagintor {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    padding: 0 !important;
    place-items: center;
  }

  .dataBtn {
    padding: 5px;
    margin-right: 0;
    min-width: 100px;
    font-size: 17px;
  }

  .dashboard_HeadBtn {
    column-gap: 1;
  }

  .customCol-md-6.col-md-6 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .pagination {
    /* padding: 0 !important; */
    column-gap: 8px;
  }

  .walletGrid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }

  .walletGrid .card-body {
    min-height: 148px;
    min-width: 148px;
  }

  .addIcon {
    margin-left: 105px;
  }

  .minusIcon {
    margin-left: 103px;
  }

  .wallet_Transaction {
    text-align: center;
    margin-top: 12px;
  }

  .transaction_title th {
    font-size: 15px;
    width: unset;
  }

  .card-balance-title {
    font-size: 15px;
  }

  .walletGrid .card-text {
    font-size: 24px;
  }

  .customWalletGridcol.col-md-6 {
    padding-left: 0;
    padding-right: 0;
  }

  .reports_parent {
    width: 100%;
  }

  .report_child_grid {
    grid-template-columns: repeat(1, 1fr);
    padding: 0;
    background: none;
    row-gap: 24px;
  }

  .line_style {
    border: none;
  }

  .reportCustom {
    background: #fff;
  }

  .previewCbCv {
    width: 100%;
    padding: 3px;
  }

  .CBPreview {
    grid-template-columns: repeat(1, 1fr);
    place-items: center;
  }

  .modal-content {
    max-width: 100%;
  }

  .cardInfo .color-secondary-font {
    font-size: 12px;
  }

  .briefcase-icon {
    background-position: -143px -130px;
  }

  .budget-icon {
    background-position: -191px -132px;
  }

  .location-icon {
    background-position: -240px -128px;
  }

  .internalCV-editIcons {
    margin-block: -13px;
  }

  .explorecbPage h2 {
    font-size: 16px;
  }

  .tutorialCard h3 {
    font-size: 15px;
    text-align: center;
  }

  .subscriptionDesignParent {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    row-gap: 22px;
  }

  .customContainer {
    margin-right: 0;
  }

  .cbHamburgerParent img {
    width: 42px;
  }
}

@media (max-width: 407px) {
  .searchSection .searchBtn {
    left: -38px !important;
  }
}

@media (max-width: 1027px) {
  .cbHamburgerParent img {
    width: 42px;
  }

  .cbHamburgerParent {
    display: flex;
  }

  .book-icon {
    background-position: -286px -129px;
  }

  .modal-dialog.filterSection {
    overflow: auto;
  }

  .filteraForm .modal-content {
    width: 100%;
    margin: 0px;
  }

  .filteraForm .modal-content .modal-body .col-md-6 {
    padding: 0;
  }

  .modal-content {
    width: 90%;
    padding: 15px;
    margin: 20px auto;
  }

  .filteraForm .closePopup {
    display: block;
  }

  .filteraForm .modal-content button {
    min-width: auto;
  }

  .modal-content button {
    margin: 10px auto;
  }

  .closePopup {
    display: none;
  }

  .leftNavigation li {
    width: 100%;
    margin: 0;
  }

  .leftNavigation li a {
    display: flex;
    align-items: center;
    /* padding: 5px; */
    padding-left: 0px;
    font-size: 14px;

  }

  .leftNavigation li span {
    margin: 0;
    /* transform: scale(0.7); */
  }

  .leftNavigation li.active,
  .leftNavigation li:hover {
    border-radius: 16px;
  }

  .menuIcon {
    display: block;
    margin-right: 10px;
    margin-top: 5px;
  }

  .icon-notification {
    margin: 0 0px;
  }

  .pageHeader {
    margin-bottom: 25px;
    justify-content: space-between;
    margin: 0;
    padding: 10px;
  }

  .pageHeader .userProfile {
    display: none;
  }

  .pageHeader .cb-logo {
    width: 115px;
    height: 31px;
    background: url("../img/logo-mobile.png") no-repeat;
    margin-right: 30px;
  }

  .pageHeader select {
    width: auto;
    font-size: 16px;
    line-height: 30px;
  }

  .pageHeader .filterBtn,
  .pageHeader .addNewBtn {
    position: fixed;
    bottom: -1px;
    width: 100%;
    color: #f8ac1a;
    border-radius: 0px;
    background: #fff;
    border: none;
    padding: 15px 10px;
    font-size: 20px;
    line-height: 30px;
    font-weight: var(--font-semibold);
    border-top: 1px solid #D1CFCA;
    z-index: 1;
  }

  .pageHeader .filterBtn:focus,
  .pageHeader .addNewBtn:focus {
    outline: none;
  }

  .pageHeader .filterBtn {
    right: 0;
    margin: 0;
  }

  .pageHeader .addNewBtn {
    left: 0;
    border-right: 1px solid #D1CFCA;
  }

  .greyNav {
    display: block;
    padding: 0;
    height: 100%;
    width: 0%;
    left: 0;
    top: 0;
    position: fixed;
    transition: 0.2s ease;
    background: rgba(0, 0, 0, 0.63);
    z-index: 0;
  }

  .leftBodySection {
    z-index: 1;
    height: 100vh;
    overflow: auto;
    padding: 0;
  }

  .leftBodySection .cb-logo {
    display: none;
  }

  .leftBodySection .userProfile {
    margin-left: 0px;
    margin-bottom: 30px;
    display: flex !important;
    position: absolute;
    top: 0;
    width: 80%;
    left: 0;
    padding: 10px;
    z-index: 1;
    background: #419EBD;
    place-items: center;
  }

  .userProfile p:last-child {
    display: none;
  }

  .leftBodySection .userProfile p {
    color: var(--color-white);
  }

  .leftNavigation {
    position: static;
    height: 100%;
    margin-top: 65px;
    padding: 0;
  }

  .desktopOnly {
    display: none;
  }

  .mobileOnly {
    display: block !important;
  }

  .rightBodySection {
    width: 100% !important;
    padding: 16px;
    margin-top: 57px;
    padding-bottom: 50px;
  }

  .homebanner {
    padding: 23px 16px;
  }

  .homebanner h1 {
    font-size: 20px;
    line-height: 36px;
  }

  .homebanner p {
    font-size: 12px;
    line-height: 20px;
  }

  .homebanner img {
    max-width: 68px;
  }

  .homebanner .text-right {
    text-align: center !important;
    padding: 0;
  }

  .searchSection {
    box-shadow: none;
    border: var(--border-line);
    margin-top: 15px;
    position: relative;
  }

  .searchSection input {
    width: 100%;
    font-size: 14px;
    line-height: 21px;
    padding: 15px;
    padding-left: 48px;
  }

  .searchSection .filter-icon {
    display: none;
  }

  .searchSection .searchBtn {
    /* display: none; */
    display: flex;
    justify-content: center;
    position: relative;
    padding: 2px 9px;
    min-width: 54px;
    font-size: 11px;
    left: -3px;
  }

  .company-icon {
    background-position: -501px -129px;
  }

  .searchSection .searchIcon {
    top: 15px;
    left: 15px;
  }

  .candidateCard {
    padding: 16px;
    box-shadow: none;
    border: var(--border-line);
    margin: 15px 0;
  }

  .customHeightSalary {
    height: 100%;
  }

  .candidateSection {
    row-gap: 24px;
  }

  .candidateCard .userImage {
    flex-basis: 100%;
    display: flex;
    align-items: center;
    margin-right: 0;
    margin-bottom: 15px;
  }

  .candidateCard .userImage img {
    display: inline-block;
    margin-right: 15px;
  }

  .candidateCard .userImage h2 {
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
    font-weight: var(--font-semibold);
  }

  .candidateCard .cardInfo {
    flex-basis: 100%;
  }

  .candidateCard .cardInfo h2 {
    font-size: 16px;
    margin-top: 0px;
  }

  .candidateCard .cardInfo li {
    text-align: justify;
    font-size: 12px;
    line-height: 17px;
    margin-right: 0px;
    display: block;
    margin-bottom: 0px !important;
  }

  /* .candidateCard .cardInfo button {
    min-width: 250px;
    margin-right: 14px;
    padding: 8px 12px;
  } */

  .candidateCard .cardInfo .cbcv {
    display: inline-block;
  }

  /* .skillsDiv ul li {
    padding: 4px 13px;
    font-size: 17px;
  }
  .skillsDiv .col-md-5 {
    padding: 0px !important;
    margin-bottom: 15px;
  } */
  .filterSection {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 5;
    height: 100%;
    background: #FDFDFC;
    padding: 25px 15px;
  }

  .filterSection .backOption {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
  }

  .filterSection .backOption span {
    color: #F8AC1A;
  }

  .filterSection .row {
    height: 100%;
    margin: 0;
    margin-top: 15px;
  }

  .filterSection .filterTypes {
    border-right: 1px solid #ADACA8;
  }

  .filterTypes ul {
    padding: 0;
    margin: 0;
  }

  .filterTypes ul li {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    display: block;
    list-style-type: none;
    margin: 12px 0;
    opacity: 0.5;
  }

  .filterTypes ul li.tab-link.current {
    opacity: 1;
  }

  .filterOptions ul {
    margin: 0;
    padding: 0;
  }

  .filterOptions ul li {
    list-style-type: none;
    color: var(--primary-font-color);
    font-weight: 500;
    opacity: 1;
    margin: 10px 0;
    font-size: 14px;
    line-height: 21px;
  }

  .filterOptions ul li label {
    margin-bottom: 0;
    display: inline-block;
  }

  .uploadTypes ul,
  .candidatesFilter ul,
  .jobPostTypes ul {
    overflow: auto;
    display: block;
    white-space: nowrap;
  }

  .uploadTypes ul li,
  .candidatesFilter ul li,
  .jobPostTypes ul li {
    font-size: 18px;
    margin-right: 10px;
    display: inline-block;
  }

  .jobPostTypes {
    margin-bottom: 10px;
    display: flex;
  }

  .jobPostTypes ul li {
    line-height: 24px;
    margin-bottom: 0;
    padding: 6px 15px;
    font-size: 16px;
  }

  .blogPage .card-body {
    flex-basis: 100%;
    margin-right: 0px;
    margin-bottom: 15px;
  }

  .blogPage .card-title {
    font-size: 18px;
    line-height: 24px;
    padding-bottom: 10px;
  }

  .blogPage .card-text {
    margin-bottom: 10px !important;
  }

  .faqPage h1 {
    font-size: 22px;
  }

  .faq-heading {
    font-size: 18px;
  }

  .faqDiv {
    padding: 10px;
  }

  .faq-heading:after {
    z-index: 1;
  }

  .d-sm-inline {
    display: inline-block;
  }

  .formSection .formGroup {
    margin-bottom: 20px;
  }

  .formSection .formGroup input,
  .formSection .formGroup select {
    padding: 10px 20px;
    font-size: 16px;
  }

  .formSection .formGroup .floating-label {
    left: 20px;
    top: 12px;
    font-size: 16px;
  }

  .divSwap {
    flex-flow: column;
    margin-bottom: 60px;
  }

  .formSection .formGroup input:focus~.floating-label,
  .formSection .formGroup input:not(:focus):valid~.floating-label,
  .formSection .formGroup select:focus~.floating-label,
  .formSection .formGroup select:not(:focus):valid~.floating-label {
    left: 10px;
    font-size: 16px;
  }

  .card-footer {
    justify-content: center;
    column-gap: 16px;
  }

  .custom_footer_internaljobs {
    justify-content: flex-start;
  }

  .cardInfo .WishLIsT {
    position: static;
    margin: 0;
  }

  .cardInfo .card-footer p,
  .cardInfo .card-footer p a {
    margin: 0 5px;
    font-size: 14px;
  }

  .candidateSection,
  .searchSkiillsSection {
    padding: 0;
  }

  .searchSkiillsSection input[type=text] {
    padding: 10px;
    padding-left: 50px;
  }

  .selectedFilters button span {
    margin-left: 6px;
  }

  .selectedFilters button {
    margin-left: 10px;
  }

  .navDropdown {
    display: none;
  }

  .prevPage {
    font-size: 20px;
    padding-bottom: 15px;
  }

  .prevIcon {
    transform: scale(0.7);
  }

  .uploadFile iframe {
    width: 100% !important;
  }

  .formSection button {
    display: inline-block;
    margin-right: 5px;
  }

  .addTosaleSection .candidateCard {
    margin-left: 50px;
  }

  .addTosaleSection input[type="checkbox"] {
    left: -50px;
    width: 28px;
    height: 28px;
    top: -5px;
  }

  .addTosaleSection .cardInfo {
    display: block;
  }

  ul.dropdownMenu.mb-userInfo {
    visibility: visible;
    opacity: 1;
    background: #419EBD;
    width: 0%;
    height: 100vh;
    display: block;
    top: 0;
    transition: 0.1s ease;
  }

  .backMenu {
    padding: 10px;
    margin-bottom: 30px;
    color: white;
    font-weight: 600;
  }

  .backMenu img {
    vertical-align: middle;
  }

  .pagination {
    /* margin-bottom: 30px; */
    justify-content: center;
  }

  .customLeftBody.close {
    background: rgba(0, 0, 0, 0.63);
    z-index: 5;
    width: 0%;
  }

  .leftBodySection {
    background: #C8E1E9;
  }

  .customLeftBody.close .text {
    opacity: 1;
    display: block;
  }

  .pageHeader .count {
    right: 0;
  }

  .internalCV-editIcons {
    margin-block: -13px;
  }

  .addIconStyle {
    display: flex;
    width: 41px;
    height: 41px;
    background: var(--primary-01, #F8AC1A);
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.25);
    position: fixed;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    right: 36px;
    z-index: 1;
  }

  .addIconStyle2 {
    display: flex;
    width: 41px;
    height: 41px;
    background: var(--primary-01, #F8AC1A);
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.25);
    position: fixed;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    z-index: 1;
    right: 18px;
    margin-block: 119px;
  }

  .addIconInternal {
    background-position: -645px -126px;
    width: 33px;
    height: 34px;
    position: fixed;
  }

  .addIconStyle {
    display: none;
  }

  .formSection .formGroup label.imgUploadCss {
    margin-left: 0px;
  }

  .choices__inner {
    padding: 0;
  }

  .choices__inner input {
    background: white;
    margin-bottom: 0px;
  }

  .bankDetailParent {
    width: 100%;
  }

  .uploadCvForm span.select2-selection.select2-selection--multiple {
    max-height: max-content;
  }

  .uploadCvForm .col-md-6.col-12:first-child,
  .uploadCvForm .formGroup {
    margin-bottom: 10px;
  }

  .modal-content .select2-container--default {
    min-width: 100% !important;
  }

  .cardInfo button,
  button {
    margin-right: 0px;
  }
}

.modal-body .confirm-order {
  display: flex;
  flex-direction: row;
}

.active-expired-plan {
  display: flex;
  justify-content: space-between;
  padding-bottom: 10px;
}

.active-plan {
  padding-bottom: 15px;
}

.cb_experience {
  display: flex;
  column-gap: 31px;
}

select::-webkit-scrollbar {
  display: none !important;
}

.cardInfo .web-kit-location {
  display: -webkit-box !important;
 -webkit-line-clamp: 2;
 -webkit-box-orient: vertical;
}

.highlight-border {
  border: 2px solid #f8ac1a;
}



.fdiv div{
  display: inline-block;
  width: 15%;
  font-size: .8rem;
}

.vmore{
  text-align: center;
  font-size: .8rem;
  text-decoration: underline;
  color: #ffa800;
  cursor: pointer;
}