body {
  margin: 0px;
  padding: 0px;
  /* background-color: red; */
  overflow: hidden;
}
body * {
  box-sizing: border-box;
  font-family: "Inter", sans-serif;
}
ul,
li {
  padding: 0px;
  margin: 0px;
}
li {
  list-style-type: none;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  padding: 0px;
  margin: 0px;
}
a {
  text-decoration: none;
}
.wrapper {
  background-color: white;
  height: 100vh;
  width: 100%;
  overflow-y: hidden;
  overflow-x: hidden;
}
.row-custom {
  height: 100vh;
}
.left_side_loginBox {
  display: flex;
  justify-content: flex-start;
  gap: 130px;
  flex-direction: column;
  /* align-items: center; */
  /* border: 2px solid red; */
  height: 100%;
  /* margin: 47px 163px 0px; */
  padding: 47px 160px;
}
.left_side_email-verification {
  display: flex;
  justify-content: flex-start;
  padding: 47px 160px;
  flex-direction: column;
}
.heading_primary {
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 29px;
  color: #000000;
}
.heading_2 {
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  color: #434343;
}
.heading_refrence {
  font-weight: 400;
}
.heading_3 {
  font-weight: 700;
  font-size: 14px;
  line-height: 17px;
  color: #434343;
}
.Rag_text_1 {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  /* identical to box height */

  color: #434343;
}

.link-text {
  text-decoration: underline !important;
}
.Rag_text_2 {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: #000000;
}
.Rag_text_3 {
  font-weight: 300;
  font-size: 16px;
  line-height: 140%;

  color: #888888;
}
.Rag_text_4 {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  /* identical to box height */

  color: #000000;
}
.Rag_text_5 {
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  /* color: #000000; */
}
.input_text_1 {
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;

  color: #434343;
}
.input_text_2 {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  /* identical to box height */

  color: #000000;
}
.label_text_3 {
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  /* identical to box height */

  color: #000000;
}
.btn_text {
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  color: #000000;
}
.login_box {
  /* margin: auto 160px; */
  display: flex;
  flex-direction: column;
  padding-bottom: 32px;
}
.main_heading_login {
  font-style: normal;
  font-weight: 600;
  font-size: 21.7551px;
  line-height: 29px;
  letter-spacing: -0.014em;

  color: #191543;
}

.rekruter-mail {
  margin-bottom: 88px;
}
.heading_login {
  color: #434343;
  margin-bottom: 45px;
}
.create_profile_box {
  gap: 32px;
}
.heading_create_profile {
  color: #434343;
  /* margin-bottom: 32px; */
}
.right_side_loginBox {
  /* background:linear-gradient(0deg, rgba(30,103,255, 0.7), rgba(30,103,255, 0.7)), url(./images/login_page.png);
    background-size:cover;
    background-position: center;
    background-repeat: no-repeat; */
  height: 100%;
  width: 100%;
  background-color: rgb(30, 103, 255);
}
.right_side_loginBox img {
  mix-blend-mode: overlay;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.form-control-custom {
  border: 1px solid #bababa;
  border-radius: 100px;
  padding: 16px 24px 16px 26px;
  color: #bababa;
}
.btn-primary-custom {
  background: #1e67ff;
  color: white;
}
.btn-custom {
  padding: 16px 32px;
  border-radius: 100px;
  width: 100%;
}
.btn-custom:hover {
  color: white;
}
.light-text {
  color: #888888;
  text-align: center;
  padding: 0px 10px;
}
.password_box {
  position: relative;
}
.password_box .password_toggle {
  position: absolute;
  top: 20px;
  right: 16px;
  color: #bababa;
}
.password_box .eye-login-icon {
  position: absolute;
  top: 34px;
  right: 16px;
  color: #bababa;
}
.password_toggle .fa-eye {
  display: none;
}
.password_box .password_show .fa-eye {
  display: block;
}
.password_box .password_show .fa-eye-slash {
  display: none;
}
.error_text {
  display: none;
}
.Error_input input {
  border-color: #dc3545;
}
.Error_input .error_text {
  display: block;
  color: #dc3545;
  margin: 6px 0 32px 0;
}
.confirmation_container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.verfivation-img-wrapper {
  display: flex;
  justify-content: center;
  margin-bottom: 56px;
}
.verfication_heading {
  font-weight: 700;
  font-size: 32px;
  line-height: 100%;
  color: #434343;
  text-align: center;
}
.verfication_heading_box {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  margin-bottom: 34px;
}
.verification_email_wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}
.primary-text {
  color: #1e67ff;
}
/* dashboard */
.sidenav {
  /* border: 2px solid red; */
  height: 100vh;
  width: 240px;
  border-right: 1px solid #bababa;
}

.header-search {
  width: 200px;
}
.main_container {
  /* border: 1px solid green; */
  height: 100%;
  width: 100%;
}
.container_custom {
  display: flex;
  width: 100%;
}
.header {
  /* border: 2px solid orange; */
  width: 100%;

  padding: 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 50px;
  border-bottom: 1px solid #dbdddf;
}
.right_side_header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
}
.sidenav_container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 12px;
  gap: 40px;
}
.logo_heading {
  letter-spacing: -0.014em;
  padding: 8px 8px 8px 16px;
  color: #191543;
}
.list_item {
  padding: 8px 16px;
  border-radius: 6px;
  cursor: pointer;
  /* border: 1px solid; */
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  color: #888888;
}
.list_item:hover {
  border: none;
  color: #888888;
}
.list_container {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 8px;
}
.list_item.active {
  color: #1e67ff;
}
.list_item.active svg g rect {
  fill: #1e67ff;
}
.list_item.active svg path {
  fill: #1e67ff;
}

.active > .list_item > span{
  color: #1E67FF;
}


.active > .list_item i{
  color: #3074c6;
}

.active > .list_item > svg g rect{
  fill: #3074c6 !important;
  
}

.active > .list_item > svg path{
  fill: #3074c6 !important;
  
}

.active > .list_item span{
  color: #3074c6 !important;
}
.selected_page_title {
  font-weight: 700;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #434343;
}
.profile_btn {
}
.rounded_input {
  padding: 8px 20px;
  border: 1px solid #bababa;
  border-radius: 16px;
}
.btn_primary {
  background: #1e67ff;
  color: white;
}
.btn_primary:hover {
  color: white;
  opacity: 0.8;
}
.btn_rounded {
  border-radius: 100px;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 17px;
  cursor: pointer;
  border: none;
  padding: 12px 42px;
  white-space: nowrap;
}
.btn_primary_rounded:hover {
  border: none;
  color: white;
}
.full_rounded_btn {
  background: #1e67ff;
  border-radius: 100%;
  height: 32px;
  width: 32px;
  min-width: 32px;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #fefefe;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  white-space: nowrap;
}
.icon_btn {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}
.dashboard_screen {
  padding: 40px ;
  /* border: 2px solid red; */
  width: 100%;
  height: calc(100vh - 56px);
  overflow-y: auto;
  position: relative;
}
.heading_dashboard {
  font-weight: 400;
}

.dashboard_card {
  background: #fefefe;
  width: 100%;
  box-shadow: 0px 4px 12px #eceef3;
  border-radius: 24px;
  display: flex;

  flex-direction: column;
}
.dashboard_card .card_header {
  border-bottom: 1px solid #e9f0ff;
}
.card_item_common {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 50px;
  padding: 24px;
}
.card_heading {
  color: #434343;
}
.see_all {
  font-weight: 600;
  color: #1e67ff;
  cursor: pointer;
}
.card_item:not(:last-child) {
  border-bottom: 1px solid #e9f0ff;
}
.card_item_profile {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 9px;
}
.card_item_action {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
}
.dropdown_wrapper {
  position: relative;
}
.dropdown_custom {
  display: none;
}
.dropdown_custom ul {
  background: #ffffff;
  box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  position: absolute;
  right: -60px;
  top: 52px;
  width: 382px;
  z-index: 4;
}
.dropdown_custom_item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  padding: 19px 16px;
  color: #888888;
  z-index: 3;
}
.dropdown_custom_item:hover {
  background: #e9f0ff;
  color: #1e67ff;
}
.dropdown_custom_item:hover svg g rect {
  fill: #1e67ff;
}
.dropdown_custom_item:hover svg path {
  fill: #1e67ff;
}
/* .dropdown_custom {
  position: relative;
} */
.dropdown_custom::before {
  content: "";
  position: absolute;
  top: 41px;
  transform: rotate(45deg);
  right: -12px;
  width: 25px;
  height: 25px;
  background-color: white;
  z-index: 2;
  box-shadow: 14px 4px 14px rgba(0, 0, 0, 0.1);
}
.show {
  display: block;
}
.journey_card {
  background: #fefefe;
  border: 1px solid #bababa;
  border-radius: 24px;
  display: flex;
  flex-direction: column;
  padding: 24px;
  min-width: 382px;
}
.journey_card_hover:hover {
  text-decoration: none;
}
.journey_card_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
  margin-bottom: 10px;
  width: 100%;
}
.company_name {
  color: #434343;
  text-transform: uppercase;
}
.btn_invite {
  background: #e9f0ff;
  color: #1e67ff;
  font-size: 12px;
  font-weight: 700;
  line-height: 15px;
}
.btn_invite:hover {
  color: #1e67ff;
  opacity: 0.8;
}
.btn_rounded_small {
  display: flex;
  /* flex-direction: column; */
  align-items: center;
  justify-content: flex-start;
  padding: 5px 12px;
  gap: 10px;
  border-radius: 65px;
}
.journey_card_heading {
  margin-bottom: 24px;
}
.journey_card_list {
  display: flex;
  flex-direction: column;
  gap: 19px;
  padding-left: 30px;
  position: relative;
  margin-bottom: 24px;
}

.journey_card_list::before {
  content: "";
  height: 90%;
  width: 1px;
  background-color: #bababa;
  left: 6px;
  top: 2px;
  position: absolute;
}
.journey_list {
  text-transform: capitalize;
  position: relative;
}
.journey_list::before {
  content: "";
  height: 14px;
  width: 14px;
  border-radius: 100%;
  background-color: #1e67ff;
  position: absolute;
  left: -30px;
  top: 2px;
}
.public_btn {
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;

  /* Secondary Text */

  color: #888888;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 5px;
}
.journey_card_footer {
  display: flex;
  align-items: center;
  padding: 16px 0px;
}
.dashboard_body_journey {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 40px;
}
.dashboard_top_box {
  /* width: 160px; */
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
 
}
.home-deashboard{
  width: unset !important;
}

.position-top-box {
  display: flex;
  justify-content: flex-start !important;
}
.selectwrapper {
  position: relative;
  width: 100%;
  max-width: 240px;
}
.top_label_custom {
  position: absolute;
  top: -8px;
  left: 11px;
  background-color: white;
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  color: #888888;
  padding: 0px 8px;
}
.dashboard_top_box select {
  /* width: 230px; */
  /* background: #fefefe; */
  border: 1px solid #bababa;
  border-radius: 24px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #434343;
  padding: 18px 48px 18px 18px;
}

.select-wrapper-poistion {
  width: 230px;
}
.form-select:focus {
  border-color: #bababa;
  outline: 0;
  box-shadow: none;
}
.dashboard_top_box .rounded_input_wrapper {
  max-width: 304px;
}
.dashboard_positions {
  margin-top: 40px;
}

.dashboard_positions table td {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  padding: 18px 24px;
  color: #434343;
  /* text-align: center; */
}
.dashboard_positions table .actions_box {
  text-align: center;
}
.dashboard_positions table thead {
  border-bottom: 1px solid #bababa;
}
.table_actions {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2px;
}
.table_actions .fa-solid {
  color: #d2e1ff;
}
.back_btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 12px 24px;
  cursor: pointer;
}
.upload_heading {
  color: #000000;
}
.image_upload_box {
  background: #e9f0ff;
  border-radius: 42px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  align-items: center;
  padding: 60px 260px;
}

.btn {
  outline: none;
  box-shadow: unset !important;
}

.general-box-img {
  background: var(--sidebar-background, #f4f4f9);
}
.dashboard_addJourneys {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: 24px;
}
.dashboard_screen_add_journey {
  display: flex;
  flex-direction: column;
 
  /* align-items: flex-start; */
}
.textarea_rounded {
  border: 1px solid #cbc8ce;
  border-radius: 24px;
  overflow: hidden;
}

.textarea_rounded2 {
  border: 1px solid #cbc8ce;
  border-radius: 24px;
  overflow: hidden;
}

.icon-list-box {
  display: flex;
  align-items: center;

  gap: 30px;
}

.list_journey {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 247px;
  position: relative;
  padding: 14px 18px;
  border: 0.856133px solid #a5c2ff;
  border-radius: 9.41747px;
}

.list_journey:not(:last-child) {
  margin-bottom: 16px;
}

.new-step-box {
  position: relative;
  margin-left: 40px;
}

.new-step {
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  color: #1e67ff;
}

.new-step::before {
  position: absolute;
  content: "";
  background: #d2e1ff;
  border: 2.48419px solid #d2e1ff;
  border-radius: 82.8063px;
  width: 11.67px;
  height: 12px;
  left: -30px;
  top: 30px;
}

.new-step::before {
  left: -30px;
  top: 6px;
}
.icon-box {
  display: flex;
  align-items: center;
  gap: 12px;
}

.invite-link-box {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
  width: 100%;
}
.link-box {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 7px 16px;
  background: #f4f4f9;
  border-radius: 16px;
}

.invite-people {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 20px;
  background: #e9f0ff;
  border-radius: 100px;
}

.wraper {
  display: flex;

  gap: 16px;
  align-items: center;
}
.label-text {
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 140%;
  color: #434343;
}
.switch-wrap {
  cursor: pointer;

  background: #1e67ff;
  border-radius: 30px;
  padding: 1px;
  width: 40px;
  height: 24px;
  border-radius: 33.5px;
}
.switch-wrap input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.switch {
  height: 100%;
  display: grid;
  grid-template-columns: 0fr 1fr 1fr;
  transition: 0.2s;
}
.switch::after {
  content: "";
  border-radius: 50%;
  background: #ccc;
  grid-column: 2;
  transition: background 0.2s;
}
input:checked + .switch {
  grid-template-columns: 1fr 1fr 0fr;
}
input:checked + .switch::after {
  background-color: #ffff;
}

.done-btn {
  display: flex;
  justify-content: center;
  width: 100%;
  max-width: 382px;
  margin-top: 32px !important;
  margin-bottom: 225px !important;
}

.accordion-item-box {
  min-width: 675px;
  background: #fefefe;
  box-shadow: 0 0 10px rgb(0 0 0 / 50%) !important;
  border-radius: 20px !important;
  padding: 24px;
  margin-bottom: 24px;
}
.accordion-border-bottom {
  border-bottom: unset !important;
 
}

.accordion-button:not(.collapsed) {
  background-color: #ffff;
  color: #000000;
}
.accordion-button:focus {
  background-color: #ffff !important;
  box-shadow: unset;
  color: #000000;
}

.btn-header-text {
  font-weight: 700;
  font-size: 18px;
  line-height: 120%;
  color: #434343;
  padding: 24px;
}

.applicaton-search-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 40px;
}
.applicants-text {
  font-weight: 700;
  font-size: 14px;
  line-height: 17px;
  color: #434343;
}

.form {
  position: relative;
}

.form .fa-search {
  position: absolute;
  top: 24px;
  left: 20px;
  color: #9ca3af;
  width: 16px !important;
  height: 16px !important;
}

.form span {
  position: absolute;
  right: 17px;
  top: 13px;
  padding: 2px;
  border-left: 1px solid #d1d5db;
}

.left-pan {
  padding-left: 7px;
}

.left-pan i {
  padding-left: 10px;
}

.form-input {
  height: 40 px;
  text-indent: 33px;
  border-radius: 16px;
}

.form-input:focus {
  box-shadow: none;
}
.search-box-input {
  min-width: 304px;
}

.form-input-search {
  background: #fefefe;
  /* Tertiary Text */

  border: 1px solid #bababa;
  border-radius: 16px;
}

.user-select-box {
  display: flex;
  padding: 0 40px;
  align-items: center;
  margin-bottom: 55px;
  gap: 16px;
}
.people-label-box {
  display: none;
}

.table-box {
  display: flex;
  gap: 24px;
  padding: 0 40px;
}

.table-one {
  padding: 0px 40px;
}

.table-two,
.table-three {
  max-width: 318px;
  flex: 1;
}
.avatar-box {
  height: 32px;
  width: 32px;
  background: #1e67ff;
  border-radius: 80px;
  display: flex;
  justify-content: center;
}

.text-avatar {
  font-weight: 600;
  font-size: 12.8px;
  line-height: 19px;
  display: flex;
  align-items: center;
  letter-spacing: 0.4px;
  color: #fefefe;
}

.filter-box {
  padding: 16px 24px;
  background: #fefefe;
  border: 1px solid #bababa;
  border-radius: 24px;
}

.table-cell-spacing {
  padding: 14px 0 !important;
}

.login-wrapper {
  display: flex;
}

.login-left-side {
  flex: 1;
}

.login-box {
  width: 382px;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.logo-name {
  font-size: 22px;
  font-weight: 600;
  line-height: 29.01px;
  margin-bottom: 88px;
  margin-top: 48px;
}

.signup {
  font-size: 24px;
  font-weight: 700;
  line-height: 29.05px;
  margin-bottom: 32px;
}

.profile-icon-box {
  position: relative;
  margin-bottom: 32px !important;
}

.profile-icon {
  position: absolute;
  top: 16px;
  left: 20px;
}

.login-profile-icon {
  position: absolute;
  top: 28px;
  left: 20px;
}

.form-control-custom-profile {
  border: 1px px solid #bababa;
  border-radius: 100px;
  padding: 24px 24px 24px 48px;
  color: #bababa;
}

.pasword__input {
  padding: 16px 24px 16px 48px !important;
}

.chek-text-box {
  font-size: 14px;
  font-weight: 300;

  color: #888888;

  margin-left: 12px;
}

.chek-box {
  display: flex;
  align-items: center;
  margin-bottom: 32px;
}

.chek-input-border {
  height: 24px;
  width: 24px;
  border-color: #000000;
}

.already-acount {
  font-size: 14px;
  font-weight: 300;
  line-height: 16.94px;
  color: #888888;
  margin-top: 32px;
  text-align: center;
}

.login-text {
  font-weight: 700;
  color: #1e67ff;
}

.reset-pasword-text {
  font-size: 16px;
  font-weight: 400;
  line-height: 22.4px;
  text-align: center;
  color: #434343;
  margin-bottom: 48px;
}

.heading_pasword {
  margin-bottom: 8px;
  color: #434343;
}

.otp-input {
  width: 48px;
  height: 56px;
  border-radius: 4px;
  border: 1px solid #b7b7b7;
  border-width: 1px;
  text-align: center;
}

.otp-box {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-bottom: 48px;
}

.resend-code {
  margin: 0 0 48px 0;
}

.forgot__pasword__text {
  font-size: 14px;
  font-weight: 700;
  line-height: 16.94px;
  color: #1e67ff;
  text-align: center;
  margin: 32px 0 56px 0;
}

.no-acount,
.new-acount {
  font-size: 14px;
  font-weight: 300;
  line-height: 16.94px;
  color: #888888;
  text-align: center;
}

.new-acount {
  font-weight: 700;
  color: #1e67ff;
}

.send-code {
  margin-top: 48px;
}

.add-journey {
  display: flex;
  align-items: center;
  gap: 12px;
  border: none;
  border-radius: 100px;
  background-color: #e9f0ff;
  font-size: 14px;
  font-weight: 700;
  line-height: 16.94px;
  text-align: center;
  color: #1e67ff;
  text-transform: uppercase;
  padding: 12px 14px;
}

.design-box {
  border: 1px solid #bababa;
  border-radius: 24px;
  display: flex;
  justify-content: flex-start;
  min-width: 240px;
  min-height: 46px;
}

.home-design{
  padding: 15px 16px 15px 16px;
  min-width: unset;
}

.designer-text,
.lawyer-text {
  display: flex;
  gap: 8px;
  align-items: center;
  font-size: 14px;
  font-weight: 700;
  line-height: 16.94px;
 
}

.lawyer-text {
  margin: 0%;
}

.micro-text {
  font-size: 14;
  font-weight: 400;
  line-height: 16.94px;
  margin: 0;
}
.journey-box {
  display: flex;
  gap: 28px;
  padding: 14px;
}

.journeys-item {
  padding: 14px !important;
}

.lawyer-box {
  width: 240px;
  border-radius: 24px;
  display: flex;
  justify-content: flex-start;
  padding: 14px 77px 14px 24px;
  background-color: #f5f6f6;
}

.overview-box {
  max-width: 100%;
  padding: 24px;
  margin: 24px 0;
}
.overview-text {
  margin-bottom: 16px;
}

.overview-wrapper {
  display: flex;
  gap: 24px;
}

.user-box {
  width: 112px;
  height: 112px;
  background-color: #f5f6f6;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.number-text {
  font-size: 50px;
  font-weight: 700;
  line-height: 60.51px;
  color: #1e67ff;
}
.user-text {
  font-size: 14px;
  font-weight: 400;
  line-height: 16.94px;
  margin: 0;
  color: #888888;
}

.line-box {
  width: 112px;
  height: 20px;
  border-radius: 8px;
  background-color: #f5f6f6;
}

.overview-sub-wrapper {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.img-box {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 0 32px 24px;
}

.see-all-text {
  font-size: 12px;
  font-weight: 600;
  line-height: 14.52px;
  color: #1e67ff;
  margin: 0;
}

.loream-box {
  display: flex;
  gap: 8px;
  padding: 0 24px;
}

.part-one {
  display: flex;
  align-items: center;
  gap: 16px;
  min-width: 254px;
  min-height: 64px;
  background: #e9f0ff;
  border-radius: 16px;
}

.empty-box {
  height: 32px;
  width: 32px;
  border-radius: 8px;
  background-color: #a5c2ff;
  margin-left: 16px;
}

.loream-sub-box {
  display: flex;
  flex-direction: column;
}

.line__box,
.second__line {
  width: 171px;
  height: 8px;
  border-radius: 8px;
  background-color: #a5c2ff;
  margin-bottom: 8px;
}

.second__line {
  width: 79px;
  margin: 0;
}

.graph-box {
  display: flex;
  border-radius: 16px;
  background-color: #e9f0ff;
  padding: 16px;
}

.graph-main-wrapper {
  padding: 0 24px;
}

.graph-inner-wrapper {
  max-width: 32px;
  height: 8px;
  border-radius: 8px;
  background-color: #a5c2ff;
}

.line__wrapper {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.graph-box-two {
  max-width: 52px;
  height: 24px;
  border-radius: 6px;
  background-color: #a5c2ff;
}

.modal-heading-notification {
  color: #000;
  font-size: 14px;
  font-family: Inter;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.notification-modal {
  border: 1px solid #e9f0ff;
}
.icon-box-modal {
  display: flex;
  gap: 20px;
  align-items: center;
  margin-bottom: 24px;
}

.heading-modal-text {
  color: #434343;
  font-size: 14px;
  font-family: Inter;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
}

.description-text-modal {
  font-size: 12px;
  color: #888888;
  margin: 0;
}

.btn-box-modal {
  display: flex;
  justify-content: flex-end;
  gap: 16px;
}

.btn-modal,
.btn-modal-acept {
  width: 130px;
  background: transparent;
  padding: 10px 16px;
  border-radius: 20px;
  border: 1px solid var(--primary, #007bff);
  color: var(--primary, #007bff);
  text-align: center;
  /* Heading 2 */
  font-size: 18px;
  font-family: Inter;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.btn-modal-acept {
  background: #1e67ff;
  color: #ffff;
}

.icon-box-modal-img {
  display: flex;
  gap: 20px;
  align-items: center;
  margin-bottom: 24px;
  padding: 0 16px;
}

.sm-border-bottom {
  border-bottom: 1px solid #e9f0ff;
  margin-bottom: 24px;
}

.verify-email-text {
  font-size: 24px;
  font-weight: 700;
  line-height: 29.05px;
  color: #434343;
  text-align: center;
  margin-bottom: 8px;
}

.email-description {
  font-size: 16px;
  font-weight: 300;
  line-height: 22.04px;
  color: #888888;
  text-align: center;
  margin-bottom: 32px;
}

.email-user-name {
  font-size: 18px;
  font-weight: 700;
  line-height: 25.2px;
  color: #434343;
}
.organisations_card {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 188px;
  width: 241;
  border-radius: 24px;
  background: #ffff;
  box-shadow: 0px 4px 60px 0px rgb(4 6 15 / 5%);
}
.organisations_screen {
  display: flex;
  gap: 40px;
  flex-wrap: wrap;
}

.img-set-box{
  width: 100%;
  height: 100%;
  border-radius: 24px;
}

.logo-text-organis {
  color: #434343;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-top: 24px;
}

.logo-text-box {
  display: flex;
  flex-direction: column;
  
}

.organisation-text-heading {
  color: #434343;
  font-family: Inter;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  margin-bottom: 32px;
}

/* .input-border-none {
  border: unset !important;
} */

.input-journey-box {
  border-radius: 24px;
  border: 1px solid var(--tertiary-text, #bababa);
  background: var(--white, #fefefe);
  padding: 20px;
}

.edit-box {
  display: flex;
  justify-content: space-between;
  padding: 0 20px;
  margin-bottom: 12px;
}

.border-bottom-box {
  border-bottom: 1px solid #f4f4f9;
}

.pagination-btn {
  border-radius: 8px;
  border: 1px solid var(--line-color, #dbdddf);
  background: var(--white, #fff);
  box-shadow: 0px 1px 2px 0px rgb(16 24 40 / 5%);
}

.pagination-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  bottom: 0;
  left: 202;
  right: 0;
  padding: 12px 24px;
  border-top: 1px solid var(--tertiary-text, #bababa);
}
.pagination-position {
  left: 11.5% !important;
}
.pagination-right-side {
  display: flex;
  gap: 10px;
}

.number-box {
  padding: 8px 14px;
  border-radius: 8px;
  border: 1px solid var(--line-color, #dbdddf);
  background: var(--white, #fff);
  /* Shadow/xs */
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}
.box-one {
  background: var(--primary-500-primary, #1e67ff);
  color: white;
}

.previous-btn,
.next-btn {
  color: var(--grey-grey-400, #afb0b6);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  padding: 8px 14px;
}

.next-btn {
  color: var(--new-black, #434343);
}

.pagination-left-text {
  color: var(--grey-text, #8598ad);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin: 0;
}

.acordion-box-content {
  border: 1px solid #cbc8ce;
  border-radius: 24px;
  overflow: hidden;
  margin-top: 16px;
}
.reward-box {
  display: flex;
  border: 1px solid #cbc8ce;
  border-radius: 24px;
  padding: 8px;
}

.acordion-gym-box {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.accordion {
  width: 100%;
  display: flex !important;
  flex-direction: column;
  gap: 24px;
}

.dropdown-add-position {
  display: flex;

  width: 100%;
  background-color: transparent;
  border: 1px solid #b7b7b7;
  border-radius: 24px;
  padding: 16px 20px;
}

.dropdown-body-box {
  display: flex;
  flex-direction: column;
  background: #fefefe;
  box-shadow: 0px 4px 60px rgb(4 6 15 / 5%);
  border-radius: 20px !important;
  padding: 24px;
  margin-bottom: 24px;
}

.dropdown-main-wrapper {
  width: 100%;
}

.input-wrapper-dropdown {
  border: 1px solid #b7b7b7;
  border-radius: 24px;
  width: 98%;
}

.list-dropdown-box {
  height: 200px;
  overflow: auto;
  display: flex;
  flex-direction: column;
}

.list-dropdown-box::-webkit-scrollbar {
  display: none;
}

.list-dropdown-box {
  -ms-overflow-style: none;
}

.dropdown-round-btn {
  outline: none;
  border: none;
  background-color: transparent;
}

.full_rounded_btn {
  background: #1e67ff;
  border-radius: 100%;
  height: 32px;
  width: 32px;
  min-width: 32px;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #fefefe;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  white-space: nowrap;
}

.dropdown__profile_box {
  box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}

.user-name {
  color: var(--new-black, #434343);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.user-email {
  color: var(--secondary-text, #888);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.divider-box {
  border: 1px solid #d2e1ff;
}
.seting-btn {
  border: none;
  background-color: #ffff;
  width: 100%;
}

.setting-box {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 14px 16px;
  border: none !important;
  background-color: #ffff;
  width: 100%;
}

.setting-text {
  color: var(--new-black, #434343);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin: 0;
}

.icon-text-box {
  display: flex;
  gap: 12px;
  padding: 14px 16px;
}

.dashboard_body_journey {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 40px;
}

.lock-box {
  display: flex;
  align-items: center;
  gap: 4px;
}

.lock-icon-journey {
  width: 14px;
  height: 14px;
}

.private-text {
  color: var(--secondary-text, #888);
  font-family: Inter;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0;
}

.invite-box-journey {
  display: flex;
  align-items: center;
  gap: 16px;
}

.invite-people-btn,
.add-new-step {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  border: none;
  padding: 11px 20px 12px 19px;
  border-radius: 100px;
  background: var(--primary-50, #e9f0ff);
  color: #1e67ff;
  text-align: center;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.add-new-step {
  background: #1e67ff;
  color: #ffff;
}
.modal-wrapper {
  padding: 0;
}

.email-invite-modal-box {
  display: flex;
  gap: 16px;
  border-bottom: 1px solid #dbdddf;
  padding: 32px;
}

.email-invite-box-modal {
  display: flex;
  width: 70%;
  padding: 16px 24px;
  align-items: center;
  border-radius: 24px;
  border: 1px solid var(--secondary-text, #888);
}

.invite-btn-modal {
  width: 30%;
}

.copy-link-text {
  color: var(--primary-500-primary, #1e67ff);
  text-align: center;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.modal-footer {
  border-top: none;
  display: flex;
  justify-content: flex-start;
  padding: 32px;
}

.setting-screen-box {
  padding: 0;
}

.dashboard_setting_box {
  border-bottom: 1px solid #dbdddf;
  padding: 24px;
}

.inner-side-nav {
  height: 100vh;
}

.inner-nav-wrapper {
  display: flex;
}

.accordion-setting {
  padding: 24px 40px 24px 54px;
}

.setting-modal-content {
  border-radius: 8px;
  border: 1px solid var(--line-color, #dbdddf);
  background: #fafbfc;
}

.seting-modal-btn {
  background: #fafbfc !important;
  border: 1px solid red;
  border-radius: 4px;
}

.dashboard-select-box {
  display: flex;
  gap: 10px;
}
/* .apple-box {
  width: 230px;
} */

.journey-main-wrapper-body {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}

.dashboard_body {
  display: flex;

  margin-top: 27px;
  gap: 24px;
}
.active {
  

  border-radius: 8px;
  color: #3074c6 !important;
}

.list_item:hover{
  text-decoration: none !important;
}

.profile-btn-setting {
  display: flex;
  gap: 12px;
  border: none;
  background-color: white;
  width: 100%;
}

.search_select_box {
  position: relative;
  width: 100%;
  padding: 16px 60px 16px 20px;
  border: 1px solid #cbc8ce;
  border-radius: 24px;
}

.search_select_box .bootstrap-select > .dropdown-toggle {
  border: none;
  background-color: #ffff;
}

.btn-light:focus {
  border: none;
  outline: none;
  border-color: #ffff;
}

.search-box-input .filter-option:focus-visible {
  outline: none !important;
}

.dropdown-item.active,
.dropdown-item:active {
  background-color: #ffff !important;
}

/* .bootstrap-select:not([class*="col-"], ):focus-visible {
  outline: none !important;
} */

.dashboard_addJourneys > .search_select_box > .bootstrap-select:focus-visible {
  outline: none !important;
}

.organisation-text {
  color: #434343;
  font-family: Inter;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  padding: 0 24px;
  line-height: normal;
  text-transform: uppercase;
}

.select2-container {
  width: 100% !important;
  background-color: white;
  z-index: 99999999 !important;
 
}

.jumbotron {
  padding: 0 !important;
  width: 100%;
}

.jumbotron > .bg-danger {
  background-color: white !important;
}

textarea.form-control {
  padding: 16px 24px;
  margin-bottom: 7px;
  height: 58px;
}

.multi-select-box {
  padding: 0;
}

.select2-container--default .select2-selection--multiple {
  border-radius: 24px !important;
  
  border: 1px solid #cbc8ce;
  margin-bottom: 10px;
  
}


/* .select2-container--default
  .select2-selection--multiple
  .select2-selection__rendered
  li {
  border: none;
  border-radius: 24px;
  padding: 5px 10px;
  background: none !important;
} */

.select2-search .select2-search--inline {
  background: white !important;
}
/* .select2-container--default
  .select2-selection--multiple
  .select2-selection__rendered
  li
  > span {
  background: #eff4fb !important;
}

.select2-container--default
  .select2-selection--multiple
  .select2-selection__rendered
  li
  > input {
  background-color: none !important;
} */

.select2-selection__choice {
  background-color: red !important;
  border: none;
  border-radius: 24px;
  padding: 5px 10px;
  background: none !important;
}

.select2-container--default.select2-container--open.select2-container--below
  .select2-selection--multiple {
  border-radius: 24px;
}

.select2-container--open .select2-dropdown--below {
  border: none;
  margin-top: -10px;
  display: flex;
  flex-direction: column;
  background: #fefefe;
  /* box-shadow: 0px 4px 60px rgb(4 6 15 / 5%); */
  box-shadow: 0 0 10px rgb(0 0 0 / 50%);
  border-radius: 20px !important;
  padding: 24px;
  margin-bottom: 24px;
  
}

/* .select2-container--default .select2-results__option--highlighted {
  min-width: 114px;
  border-radius: 99999px;
  border: 1px solid var(--grey-100, #ebedef);
  background: var(--bn-w-white, #fff);
} */

/* .select2-container--default
  .select2-results__option--highlighted[aria-selected] {
  border: 1px solid #cbc8ce;
  background-color: white;
  color: black;
  width: 114px;
} */
.select2-container--default
  .select2-selection--multiple
  .select2-selection__rendered
  li {
  border-radius: 8px;
}

.avatar-text-box {
  display: flex;
  align-items: center;
  gap: 10px;
}

.journy-screen-box {
  display: flex;
  flex-wrap: wrap;
}

.col-ting {
  width: 25em;
  margin: 0 auto;
  margin-top: 3em;
  margin-bottom: 3em;
}

.file-upload .image-box {
  margin: 0 auto;
  margin-top: 1em;
  height: 15em;
  width: 20em;
  background: #d24d57;
  cursor: pointer;
  overflow: hidden;
}

.journey-input-boxes {
  border: none;
  background-color: #ffff;
  padding: 14px 18px;
}

.security-input-box {
  display: flex;
  align-items: center;
  gap: 12px;
}
.security-rounded-box {
  background: #d2e1ff;
  border: 2.48419px solid #d2e1ff;
  border-radius: 82.8063px;
  width: 11.67px;
  height: 12px;
  left: -30px;
  top: 30px;
}
.icon-box {
  display: flex;
  align-items: center;
  gap: 12px;
}
.input-border-none {
  border: unset !important;
  padding: 0 !important;
}

.input-relativesss {
  position: relative;
}

.input-classs {
  border: 1px solid #a5c2ff !important;
  font-size: 18px;
  font-weight: 700;
  /* height: 60px; */
  border-radius: 8px;
  /* padding-left: 50px;
  padding-right: 100px; */
  padding: 12px 130px 12px 60px;
  
}
.input-classs::placeholder {
  color: #1E67FF;
  
}
.journey-gap{
  display: flex !important;
  flex-direction: column !important;
  gap: 24px !important;
}

.form-postion-box{
  max-width: 700px;
}


.icon-1 {
  position: absolute;
  top: 50%;
  left: 4%;
  transform: translateY(-50%);
}

.icon-2 {
  position: absolute;
  top: 50%;
  right: 6%;
  transform: translateY(-50%);
}
.icon-3 {
  position: absolute;
  top: 50%;
  right: 11%;
  transform: translateY(-50%);
}
.icon-4 {
  position: absolute;
  top: 50%;
  right: 18%;
  transform: translateY(-50%);
}

.icon-5 {
  position: absolute;
  top: 50%;
  right: 24%;
  transform: translateY(-50%);
}

.list_wrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.table-box-border > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td {
  border-top: none !important;
  border-bottom-width: 0 !important;
  vertical-align: middle !important;
}

/* Upload Image design */

.uploader {
  display: block;
  clear: both;
  margin: 0 auto;
  width: 100%;
  
}
.uploader label {
  float: left;
  clear: both;
  width: 100%;
  padding: 60px 1.5rem;
  text-align: center;
  background: #fff;
  border-radius: 7px;
  border: 3px solid #eee;
  transition: all 0.2s ease;
  user-select: none;
  background: var(--primary-50, #e9f0ff);
  border-radius: 42.408px;
}
.uploader label:hover {
  border-color: gray;
}
.uploader label.hover {
  border: 3px solid gray;
  box-shadow: inset 0 0 0 6px #eee;
}
.uploader label.hover #start i.fa {
  transform: scale(0.8);
  opacity: 0.3;
}
.uploader #start {
  float: left;
  clear: both;
  width: 100%;
}
.uploader #start.hidden {
  display: none;
}
.uploader #start i.fa {
  font-size: 50px;
  margin-bottom: 1rem;
  transition: all 0.2s ease-in-out;
}
.uploader #response {
  float: left;
  clear: both;
  width: 100%;
}
.uploader #response.hidden {
  display: none;
}
.uploader #response #messages {
  margin-bottom: 0.5rem;
}
.uploader #file-image {
  display: inline;
  margin: 0 auto 0.5rem auto;
  width: auto;
  height: auto;
  max-width: 180px;
}
.uploader #file-image.hidden {
  display: none;
}
.uploader #notimage {
  display: block;
  float: left;
  clear: both;
  width: 100%;
}
.uploader #notimage.hidden {
  display: none;
}

.uploader input[type="file"] {
  display: none;
}
.uploader div {
  margin: 0 0 0.5rem 0;
  color: gray;
}
.uploader .btn {
  display: inline-block;
  margin: 0.5rem 0.5rem 1rem 0.5rem;
  clear: both;
  font-family: inherit;
  font-weight: 700;
  font-size: 14px;
  text-decoration: none;
  text-transform: initial;
  border: none;
  border-radius: 0.2rem;
  outline: none;
  padding: 0 1rem;
  height: 36px;
  line-height: 36px;
  color: #fff;
  transition: all 0.2s ease-in-out;
  box-sizing: border-box;
  background: gray;
  border-color: gray;
  cursor: pointer;
}

.img_wrapper img {
  height: 150px;
  width: 150px;
}

textarea {
  resize: none;
}
.multipleChosen,
.multipleSelect2 {
  width: 300px;
}
.multipleSelect2 {
  /* other styles */
  position: relative;
}

.multipleSelect2::after {
  content: "";
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  border-style: solid;
  border-width: 0.25rem 0.25rem 0;
  border-color: #fff transparent transparent;
}
.multipleSelect2.dropup .dropdown-menu {
  top: auto !important;
  bottom: 100% !important;
}

.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd !important;
}

.table-heading-text {
  color: #434343;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.96px;
  text-transform: uppercase;
}

.table-spacing-box {
  padding: 10px 32px 10px 10px !important;
}

.journey-text {
  color: #8b8485;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.hidden-icons {
  display: none;
}
.input-relativesss:hover {
  cursor: pointer;
}

.input-relativesss:hover .hidden-icons {
  display: block;
}

.link-job-text {
  color: #1e67ff;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

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

.drop-down-icon-box {
  position: absolute;
  right: 20px;
}

.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select > select.mobile-device:focus + .dropdown-toggle {
  outline: 0 !important;
}

/* .bootstrap-select .dropdown-menu li a:focus-visible, */
.bootstrap-select .dropdown-menu li a:focus {
  outline: 0 !important;
}

.search-header-box {
  position: relative;
}

.form-input-search-position {
  height: auto;
  text-indent: 26px;
  padding: 12px;
}

.search-header-box .fa-search {
  position: absolute;
  top: 13px;
}
.profile-name-box {
  display: flex;
  gap: 12px;
  margin-bottom: 32px;
}

.profile-icon-box-img {
  display: flex;
  gap: 10px;
}

.icon-profile-text {
  color: #434343;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0;
}

.profile-name-sam {
  color: #434343;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.profile-inner-wrapper {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.change-pasword-btn {
  border-radius: 100px;
  background: var(--sidebar-background, #f4f4f9);
  color: #1e67ff;
  text-align: center;
  /* Headings/h5 */
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px; /* 142.857% */
  padding: 14px 24px;
  border: none;
}

.profile-body-box {
  width: 100%;
}

.profile-input-box {
  width: 382px;
}

.delete-acount-btn {
  display: flex;
  justify-content: flex-end;
}

.notification-table {
  padding: 0 40px !important;
}

.table-heading-text {
  color: #434343;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.96px;
  text-transform: uppercase;
}

.table-spacing-box {
  padding: 10px 32px 10px 10px !important;
  border-bottom-width: 0 !important;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 1px solid #ddd !important;
}
/* @media screen and (max-width: 992px) {
  .mobile-screen-box {
    display: none;
  }
  .main_heading_login {
    color: #191543;
    font-family: Inter;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
} */

.edit-position-name {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}

.label-name-text {
  margin: 0 !important;
}

.notification-wrapper {
  height: 100vh !important;
  position: relative;
}

.delete-box-modal {
  display: flex;
  justify-content: center;
}

.delete-account-text {
  color: #434343;
  text-align: center;
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 24px */
  letter-spacing: 0.15px;
  text-align: center;
}

.modal-custom-padding {
  padding: 32px;
}

.profile-modal-des {
  color: #434343;
  text-align: center;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}

.close-btn-modal {
  border-radius: 50px;
  background: var(--primary-50, #e9f0ff);
  color: var(--primary-500-primary, #1e67ff);
  text-align: center;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 14px */
  text-transform: capitalize;
  border: none;
  padding: 12px 68px;
}

.confirm-btn-modal {
  border: none;
  border-radius: 50px;
  padding: 14px 68px;
  border-radius: 50px;
  background: #1e67ff;
  color: white;
  color: var(--sidebar-background, #f4f4f9);
  text-align: center;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  text-transform: capitalize;
}

.confirm-btn-modal:hover{
  color: #ffff;
}

.profile-modal-footer {
  padding: 0 !important;
  border: none !important;
}

/* Multiselect Styling  */
.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.dropdown-container,
.instructions {
  width: 200px;
  margin: 20px auto 0;
  font-size: 14px;
  font-family: sans-serif;
  overflow: auto;
}
.instructions {
  width: 100%;
  text-align: center;
}
.dropdown-button {
  float: left;
  width: 100%;
  background: whitesmoke;
  padding: 10px 12px;
  cursor: pointer;
  border: 1px solid lightgray;
  box-sizing: border-box;
}
.dropdown-button .dropdown-label,
.dropdown-button .dropdown-quantity {
  float: left;
}
.dropdown-button .dropdown-quantity {
  margin-left: 4px;
}
.dropdown-button .fa-filter {
  float: right;
}
.dropdown-list {
  float: left;
  width: 100%;
  border: 1px solid lightgray;
  border-top: none;
  box-sizing: border-box;
  padding: 10px 12px;
}
.dropdown-list input[type="search"] {
  padding: 5px 0;
}
.dropdown-list ul {
  margin: 10px 0;
  max-height: 200px;
  overflow-y: auto;
}
.dropdown-list ul input[type="checkbox"] {
  position: relative;
  top: 2px;
}

/* Multiselect designs */
select[data-multi-select-plugin] {
  display: none !important;
}

.multi-select-component {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 12px;
  /* / height: auto; / */
  width: 100%;
  min-height: 60px;
  padding: 1rem 1rem;
  background-color: #fff;
  z-index: 99999999;
  /* / border: 1px solid #ccc; / */
  border-radius: 24px;
  margin-top: 16px;
  border: 1px solid var(--secondary-text, #cbc8ce);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s,
    -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.search-container {
  display: flex;
  flex-direction: row;
  /* / border:  1px solid rgb(190, 190, 190); / */
  /* / margin: 0 1rem; / */
  top: 100%;
  /* width: 95%; */
  margin-left: 10px;
  /* / position: absolute; / */
  /* / z-index: 39999; / */
}
.selected-input::placeholder {
  /* color: transparent; */
}

.autocomplete-list {
  border-radius: 4px 0px 0px 4px;
  top: 100%;
}

.multi-select-component:focus-within {
  box-shadow: inset 0px 0px 0px 2px #78abfe;
}

.multi-select-component .btn-group {
  display: none !important;
}

.multiselect-native-select .multiselect-container {
  width: 100%;
}

.selected-wrapper {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 15px;
  padding: 0.2rem 0.5rem;
  -moz-border-radius: 15px;
  border-radius: 15px;
  display: inline-flex;
  align-items: center;
  color: #1e67ff;

  white-space: nowrap;
  background-color: #e9f0ff;
  /* / gap: 15px; / */
  margin-right: 10px;
  /* / margin: 1px 5px 5px 0; / */
  height: 28px;
  vertical-align: top;
  cursor: default;
}

.selected-wrapper .selected-label {
  max-width: 514px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 4px;
  vertical-align: top;
  font-size: 14px;
  border-radius: 15px;
}

.selected-wrapper .selected-close {
  display: inline-block;
  text-decoration: none;
  font-size: 14px;
  line-height: 1.49em;
  margin-left: 5px;
  padding-bottom: 10px;
  height: 100%;
  vertical-align: top;
  padding-right: 4px;
  opacity: 0.2;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  font-weight: 700;
}

.search-container .selected-input {
  background: none;
  border: 0;
  height: 20px;
  width: 100%;

  -webkit-box-shadow: none;
  box-shadow: none;
}

.search-container .selected-input:focus {
  outline: none;
}

.dropdown-icon.active {
  transform: rotateX(180deg);
  background-color: transparent;
}

.search-container .dropdown-icon {
  display: inline-block;
  padding: 10px 5px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  width: 10px;
  height: 10px;
  border: 0 !important;
  /* / needed / */
  -webkit-appearance: none;
  -moz-appearance: none;
  /* / SVG background image / */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Ctitle%3Edown-arrow%3C%2Ftitle%3E%3Cg%20fill%3D%22%23818181%22%3E%3Cpath%20d%3D%22M10.293%2C3.293%2C6%2C7.586%2C1.707%2C3.293A1%2C1%2C0%2C0%2C0%2C.293%2C4.707l5%2C5a1%2C1%2C0%2C0%2C0%2C1.414%2C0l5-5a1%2C1%2C0%2C1%2C0-1.414-1.414Z%22%20fill%3D%22%23818181%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: center;
  background-size: 10px;
  background-repeat: no-repeat;
}

.search-container ul {
  position: absolute;
  list-style: none;
  padding: 0;
  z-index: 3;
  margin-top: 5px;
  width: 100%;
  right: 0px;
  background: #fff;
  border: 1px solid #ccc;
  border-top: none;
  border-bottom: none;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.search-container ul :focus {
  outline: none;
}

.search-container ul li {
  display: block;
  text-align: left;
  padding: 8px 29px 2px 12px;

  font-size: 16px !important;
  min-height: 31px;
}

.search-container ul li:first-child {
  border-top: 1px solid #ccc;
  border-radius: 4px 0px 0 0;
}

.search-container ul li:last-child {
  border-radius: 4px 0px 0 0;
}

.search-container ul li:hover.not-cursor {
  cursor: default;
}

.search-container ul li:hover {
  color: #333;
  background-color: #e9f0ff;

  cursor: pointer;
}

/* Adding scrool to select options  */
.autocomplete-list {
  max-height: 130px;
  overflow-y: auto;
}
/* width */
.autocomplete-list::-webkit-scrollbar {
  width: 0 !important;
}

.icon-absolute-input {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 4%;
  z-index: 999999999 !important;
}

.notification-delete-modal {
  padding: 32px !important;
}

.delete-icon-modal {
  border: none;
  background: transparent;
  padding: 0;
  margin: 0;
}

/* multi select with checkbox */

.select2-results__option {
  padding-right: 20px;
  vertical-align: middle;
  color: #000000 !important;
  background-color: transparent !important;
}
.select2-results__option:before {
  content: "";
  display: inline-block;
  position: relative;
  height: 20px;
  width: 20px;
  border: 1px solid lightgray;
  border-radius: 4px;
  background-color: #fff;
  margin-right: 20px;
  vertical-align: middle;
}
.select2-results__option[aria-selected="true"]:before {
  font-family: fontAwesome;
  content: "\f00c";
  color: #fff;
  background-color: blue;
  border: 0;
  display: inline-block;
  padding-left: 3px !important;
  padding-top: 0px;
}
.select2-container--default .select2-results__option[aria-selected="true"] {
  background-color: #fff;
}
/* .select2-container--default
  .select2-results__option--highlighted[aria-selected] {
  background-color: #eaeaeb;
  color: #272727;
} */

.select2-container--default.select2-container--open.select2-container--below
  .select2-selection--multiple {
  border-radius: 4px;
}
.select2-container--default.select2-container--focus
  .select2-selection--multiple {
  border-color: lightgray;
  border-width: 2px;
}

.select2-container--open .select2-dropdown--below {
  border-radius: 6px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.select2-selection .select2-selection--multiple:after {
  content: "hhghgh";
}
.select2-selection__choice {
  background: #e9f0ff !important;
  color: #1e67ff !important;
  border: none !important;
}
/* select with icons badges single*/
.select-icon .select2-selection__placeholder .badge {
  display: none;
}
.select-icon .placeholder {
  /* / 	display: none; / */
}
.select-icon .select2-results__option:before,
.select-icon .select2-results__option[aria-selected="true"]:before {
  display: none !important;
  /* / content: "" !important; / */
}
.select-icon .select2-search--dropdown {
  display: none;
}

.select2-container--open .select2-dropdown--above{
  border: none;
  /* margin-top: -10px; */
  display: flex;
  flex-direction: column;
  background: #fefefe;
  /* box-shadow: 0px 4px 60px rgb(4 6 15 / 5%); */
  box-shadow: 0 0 10px rgb(0 0 0 / 50%);
  border-radius: 20px !important;
  padding: 24px;
  /* top: 324px; */
  position: absolute;
  /* margin-bottom: 24px; */
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{
  border-radius: 24px !important;
}
/* .select2-container--default .select2-results__option--highlighted[aria-selected]{












  background: unset !important; 
  color: #000000 !important;
  
} */

.select2-container--default .select2-results__option--highlighted[aria-selected]:hover{

  /* background: transparent !important;
  color: #000000 !important;
  width: 100%;
  border-radius: unset !important; */
 
}

.limit-box{
  position: relative;
}

.limit-text{
  position: absolute;
  right: 12px;
  bottom: 8px;
  color: #8B8485;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.select2-results__option:before:hover{
  background-color: blue;

}
.btn-add-organ{
  margin-bottom: 140px !important;
}

.add-journey-icon:hover{
  color: red !important;
}
@media screen and (max-width: 992px) {
  .mobile-screen-box {
    display: none;
  }
  .main_heading_login {
    color: #191543;
    font-family: Inter;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }

  .rekruter-heading-mobile {
    display: none;
  }
  .login-box-mobile {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .heading_pasword {
    font-size: 32px;
    margin-bottom: 12px;
  }
  .signup-mobile-box {
    display: flex;
    gap: 32px;
  }
  .icon-login-set {
    position: relative;
  
  }
}
.unclickable {
    pointer-events: none;
}



.job-position-modal {
  border-radius: 24px;
  background: #fff;
  padding: 32px;
  max-height: 680px;
}

.position-body{
  overflow-y: auto;
}
.position-modal-text {
  color: #434343;
  font-family: Inter;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px; /* 127.273% */
}

.search-box-modal {
  position: relative;
  margin: 0 0 32px 0;
}

.modal-search-input {
  width: 100%;
  padding: 8px 32px;
  border-radius: 16px;
  border: 1px solid var(--tertiary-text, #bababa);
  background: var(--backgrounds-white, #fff);
}


   .search-btn-box {
      background: none;
      border: none;
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      color: #bababa;
    }


    .chek-wrapper {
      display: flex;
      align-items: center;
      gap: 16px;
      margin-bottom: 32px;
    }

    .chek-rounded-box {
      border-radius: 50% !important;
    }

    .check-box-heading-text {
      color: #000;
      font-family: Inter;
      font-size: 16px;
      font-style: normal;
      font-weight: 600;
      line-height: 100%; /* 16px */
    }

    .chek-description {
      color: #000;
      /* COMPONENT/BODY-REGULAR */
      font-family: Inter;
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 100%;
      margin: 6px 0 0 0;
    }

    .cancel-btn-modal,
    .save-btn-modal {
      border-radius: 50px;
      background: var(--primary-50, #e9f0ff);
      border: none;
      padding: 16px;
      width: 176px;
      color: var(--primary-500-primary, #1e67ff);
      text-align: center;
      font-family: "Open Sans";
      font-size: 15px;
      font-style: normal;
      font-weight: 700;
      line-height: 100%; /* 15px */
      text-transform: capitalize;
    }
    
    .save-btn-modal {
      background: #1e67ff;
      color: #ffff;
    }

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

    .position-form-box{
      overflow-y: auto;
    }

    .reset-icon{
      position: absolute;
      top: 28px;
    }
    
    .signup-icon{
      top: 28px;
    }
    
    .password_box .signup-eye{
      top: 31px ;
    }
    .home-card-box{
      width: 100%;
    }

    .close-journey{
      border: none !important;
      background-color: transparent !important;
      outline: none;
    }

    .icon-login-set {
      position: relative;
      margin-bottom: 24px;
    }

    .position-body{
      -ms-overflow-style: none;
  }
  .position-body::-webkit-scrollbar {
      display: none;
  }

  .label-text-organ{
    color: var(--secondary-text, #888);
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-bottom: 16px;
  }

   .compny-mg{
    margin-bottom: 0 !important;
  } 

  .done-btn-organ{
    margin-bottom: 140px !important;
  }

  /* .scroll-box{
    overflow-y: hidden;
  } */

  .table td, .table th{
    border-top: none !important;
  }



 .icon-4 > a > svg path:hover{
  fill: #3074c6 !important;

 }
 .icon-2 > a > svg path:hover{
  fill: #3074c6 !important;

 }

 .icon-3 > a > svg path:hover{
  fill: #3074c6 !important;

 }

.multi-select-organ{
  width: 100%;
}

 .multi-select-organ>.select2-container--default > .select2-results> .select2-results >.select2-results__options{
  display:flex !important;
  flex-wrap: wrap !important;
} 

.select2-search--inline > input::placeholder{
  color: #000000;
  font-weight: 700 !important;
  font-size: 18px !important;
  padding: 24px !important;
}

/* .select2-search input{
  padding:24px 0 !important;
} */

.search-container > input::placeholder{
  color: #000000;
  font-weight: 700 !important;
  font-size: 18px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered{
  display: flex;
  align-items: center ;
  gap: 12px !important;
 padding: 0!important;
 
}

.rounded-grey-btn{
  background-color: var(--tertiary-text, #BABABA) !important;
} 

.position-page-pagination{
  left: 0 !important;
  bottom: 48px !important;
}
.dropdown-parent .select2-container .select2-dropdown
.select2-results .select2-results__options {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  font-size: 16px !important;

}


.dropdown-parent .select2-container .select2-dropdown
.select2-results .select2-results__options
.select2-results__option {
  border-radius: 24px;
border: 1px solid var(--tertiary-text, #BABABA);
font-size: 16px !important;
}



.dropdown-parent .select2-container .select2-dropdown
.select2-results .select2-results__options
.select2-results__option::before {
  display: none !important;
  /* background-color: red !important; */
}

.select2-container .select2-selection--multiple .select2-selection__rendered{
  display: flex !important;
  flex-wrap: wrap;
  padding: 12px !important;
  min-height: 70px;
}

.people-pagination{
  left: 208px !important;
}

.form-label{
  color: var(--secondary-text, #888);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  margin-bottom: 16px !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.invite-modal-custom{
  position: absolute;
  z-index: 99999999999999 !important;
}

.modal-content{
  border-radius: 24px;
}

.email-invite-box-modal:focus-visible{
  border: 1px solid var(--secondary-text, #888) !important;

}

.form-control{
  font-size: 18px !important;
  font-weight: 400 !important;
 

}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li{
  font-size: 14px;
  border-radius: 15px;
}

.label-position-text{
  color: var(--secondary-text, #888);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  margin-bottom: 16px !important;
}

.skills-text{
  margin-bottom: 0 !important;
}

.accordion-flush .accordion-collapse{
overflow-y: auto;
max-height: 200px;  
box-shadow: 0 4px 60px rgb(4 6 15 / 5%);
border-radius: 24px

}

.benefits{
  position: relative;
}

.input-height{
  min-height: 58px !important;
}

.textarea-height{
  min-height: 198px !important;
}

.search-input{
  width: 200px !important; 
  height: 40px !important;
  border-radius: 16px;
border: 1px solid var(--tertiary-text, #BABABA);
background: var(--white, #FEFEFE);
}

.journey-input-name{
  min-height: 58px !important;
}

.mission-height{
  min-height: 132px !important;
}
.core-values-height{
  min-height: 148px !important;
}

.people--search{
  top: 14px !important;
}

.search-icon{
  position: absolute;
  top: 10px;
  left: 12px;
}

.select2-container--default .select2-search--inline .select2-search__field{
  margin-left: -12px !important;

}

.add-oganisation-wrapper{
  width: 675px !important;
}

 .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  top: -33px;
  left: 0;
  margin: auto;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 999999999999999999999999999;

}

.icon-4:hover .tooltiptext {
  visibility: visible;
}
.icon-2:hover .tooltiptext {
  visibility: visible;
}
.icon-3:hover .tooltiptext {
  visibility: visible;
}

.edit-organization-width{
  width: 675px !important;
}

.img-size{
    width: 120px;
    height: 120px;
    border-radius: 50%;
}
.form-check-label{
font-size: 16px;
}

.form-check-input{
margin-top: 6px !important;
}
.select2-results__option{
font-size: 16px;
}

  .form-check-label{
    font-size: 15px;
  }

  .form-check-input{
    margin-top: 5px !important;
  }
  .select2-results__option{
    font-size: 15px;
  }

  .reward-box-gap{
    display: flex;
    flex-direction: column;
    gap: 16px;
  }