.preview {
    overflow: hidden;
    width: 160px;
    height: 160px;
    margin: 10px;
    border: 1px solid red;
}
.cropper-container {
  width: 464px;
}
.menu-column {
  flex: 0 0 auto;
  width: 8.33333333%;
}
.class-ss{
  padding:0;
  border-radius: 16px !important;
}
.overflowi {
  overflow: initial !important;
}
.border-16 {
  border-radius: 16px !important;
}
.rating-text {
  color: var(--color-texto2);
  font-family: 'Raleway';
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 150% */
}
.border-50 {
  border-radius: 12px !important;
}
.edit-logo {
  top: 5px !important;
  left: 122px !important;
}
.title-name {
  color: var(--color-texto2);
text-align: center;

/* h6-18/semibold */
font-family: 'Raleway';
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 26px; /* 144.444% */
}
.title-name-color {
  color: #b84272;
  text-align: center;
  font-family: 'Raleway';
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 26px; /* 144.444% */
}
.title-text-a {
  color: var(--color-texto2);
text-align: center;

/* body-16/medium */
font-family: 'Raleway';
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 24px; /* 150% */
}
.image-input.image-input-outline .image-input-wrapper {
  box-shadow: none !important;
}
.title-pos {
  margin-top: -25px !important;
}
.nav-p {
  margin-bottom: 20px !important;
  padding-bottom: 20px !important;
}
.muted-raleway {
  color: var(--neutral-medium, #999);

  /* body-16/semibold */
  font-family: 'Raleway';
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 150% */
}
.nav-line-tabs .nav-item .nav-link.active, .nav-line-tabs .nav-item .nav-link:hover:not(.disabled), .nav-line-tabs .nav-item.show .nav-link {
  color: var(--bg-menu-selected) !important;

/* body-16/semibold */
font-family: 'Raleway';
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 24px; /* 150% */
margin-top: -10px;
}
.nav-line-tabs .nav-item .nav-link.active, .nav-line-tabs .nav-item .nav-link:hover:not(.disabled), .nav-line-tabs .nav-item.show .nav-link {
  border-bottom: 1px solid var(--bg-menu-selected);
}
.title-new-job {
  color: var(--color-texto2);
  font-family: 'Raleway';
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px; /* 125% */
}
.span-new-job {
  color: var(--neutral-medium, #999);

/* h6-18/regular */
font-family: 'Raleway';
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 26px; /* 144.444% */
}
.m-h-card {
  /* max-height: 305px !important; */
}
form label {
  color: var(--text-color-label) !important;
  font-family: 'Raleway' !important;
  font-size: 18px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  line-height: 26px !important; /* 144.444% */
}
form label.error {
  color: red !important;
  font-family: 'Raleway' !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 26px !important;
}
.image-input.image-input-outline .image-input-wrapper {
  box-shadow: none;
}
.color-555 {
  color: var(--neutral-medium-drak, #555);
  text-align: center;
  font-family: 'Raleway';
  font-size: 16px !important;
  font-style: normal;
  font-weight: 400 !important;
  line-height: 24px; /* 150% */
}
.color-500 {
  color: var(--neutral-medium-drak, #555);
  text-align: center;
  font-family: 'Raleway';
  font-size: 16px !important;
  font-style: normal;
  font-weight: 500 !important;
  line-height: 24px; /* 150% */
}
.title-text {
  color: var(--neutral-dark, #111);
  font-family: 'Raleway';
  font-size: 24px !important;
  font-style: normal;
  font-weight: 600 !important;
  line-height: 30px; /* 125% */
}
.cl24 {
  min-width: 24px !important;
  min-height: 24px !important;
}
.bg-lgb {
  background-color: #A4D3F6;
}
.p-06 {
  padding: 0 6px;
  height: 40px;
}
.p-610{
  padding: 6px 6px;
}
.red-badge {
  display: flex;
  padding: 6px 10px;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  background: rgba(237, 0, 6, 0.17);
}
.urge-contratar {
  color: var(--tone-red, #ED0006);
  font-family: 'Raleway';
  font-size: 12px !important;
  font-style: normal;
  font-weight: 400 !important;
  line-height: 20px; /* 142.857% */
}
.blue-badge {
  display: flex;
  padding: 6px 10px;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  background: rgba(164, 211, 246, 0.50);
}
.empleo-destacado {
  color: var(--primary-dark, #00072D);
  font-family: 'Raleway';
  font-size: 12px !important;
  font-style: normal;
  font-weight: 400 !important;
  line-height: 20px; /* 142.857% */
}
.w-90 {
  width: 90% !important;
}
.title-job {
  color: var(--neutral-dark, --neutral-dark);
  font-family: 'Raleway';
  font-size: 16px !important;
  font-style: normal;
  font-weight: 600 !important;
  line-height: 24px; /* 150% */
}
.company-name {
  color: var(--neutral-medium-drak, #555);
  font-family: 'Raleway';
  font-size: 16px !important;
  font-style: normal;
  font-weight: 500 !important;
  line-height: 24px; /* 150% */
}
.gap {
  gap: 20px;
}
.primary-badge-border {
  border-radius: 6px;
  border: 0.5px solid var(--primary-flamingo, #B61272);
}
.pink-text {
  color: var(--primary-flamingo, #B61272);
  font-family: 'Raleway';
  font-size: 14px !important;
  font-style: normal;
  font-weight: 400 !important;
  line-height: 20px; /* 142.857% */
}
.experience-text {
  color: var(--neutral-dark, --neutral-dark);
  font-family: 'Raleway';
  font-size: 14px !important;
  font-style: normal;
  font-weight: 600 !important;
  line-height: 20px; /* 142.857% */
}
.time-text {
  color: var(--neutral-medium-drak, #555);
  font-family: 'Raleway';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
}
.ver-detalles {
  color: var(--primary-flamingo, #B61272);
  font-family: 'Raleway';
  font-size: 14px !important;
  font-style: normal;
  font-weight: 600 !important;
  line-height: 20px; /* 142.857% */
  text-decoration-line: underline;
}

.change-color{
  background-color: var(--bs-gray-100);
  border-color: var(--bs-gray-100);
  color: var(--bs-gray-700);
  transition: color .2s ease;
}
.archive-layout .preview-tabs .tab-nav a.is-active{
  border-bottom-color: var(--bs-text-gray-800)!important;;
  color: var(--bs-text-gray-800)!important;
}
.pointer{
  cursor: pointer;
}
.ki-heart-circle:hover{
  color: #E22F81;
}
.bi-share-fill:hover{
  color: #E22F81;
}
.menu-social>i{
  color:var(--bs-text-muted);
}
.menu-social>span{
  color:var(--bs-text-muted);
}
.menu-social:hover>i{
  color:var(--bs-primary);
}
.menu-social:hover>span{
  color:var(--bs-primary);
}
.job-details-sticky{
  border: none;
  padding: 2rem;
  position: sticky;
  z-index: 1;
  top: 53px;
  box-shadow: none !important;
}
.job-details-sticky2{
  border: none;
  padding: 0;
  --bs-card-box-shadow: none;
}
.job-details-nonsticky{
  border: none;
  padding: 2rem;
  z-index: 1;
  box-shadow: none !important;
}
.civi-jobs-header-bottom2{
  justify-content: space-between;
  display: flex;
  align-items: flex-end;
}
.job-details-sticky2 .title_job_change{
  font-size:2rem !important;
}
.liked path{
  stroke: #E22F81;
}
.civi-description p{
  font-size: 1.1rem !important;
  color: black !important;
}
.civi-description h2{
  font-size: 1.5rem !important;
  color: black !important;
}
.civi-description h3{
  font-size: 1.35rem !important;
  color: black !important;
}
.civi-description h4{
  font-size: 1.25rem !important;
  color: black !important;
}
.civi-description ul{
  font-size: 1.1rem !important;
  color: black !important;
}
.civi-description li{
  font-size: 1.1rem !important;
  color: black !important;
}
[data-bs-theme="dark"] .civi-description p {
    color: white !important;
}
[data-bs-theme="dark"] .civi-description h2 {
    color: white !important;
}
[data-bs-theme="dark"] .civi-description h3 {
    color: white !important;
}
[data-bs-theme="dark"] .civi-description h4 {
    color: white !important;
}
[data-bs-theme="dark"] .civi-description ul {
    color: white !important;
}
[data-bs-theme="dark"] .civi-description li {
    color: white !important;
}
.civi-description2 p{
  font-size: 1.2rem !important;
  color: black !important;
}
.civi-description2 h2{
  font-size: 1.7rem !important;
  color: black !important;
}
.civi-description2 h3{
  font-size: 1.55rem !important;
  color: black !important;
}
.civi-description2 h4{
  font-size: 1.45rem !important;
  color: black !important;
}
.civi-description2 ul{
  font-size: 1.2rem !important;
  color: black !important;
}
.civi-description2 li{
  font-size: 1.2rem !important;
  color: black !important;
}
.charac-div p{
  font-size: 1.2rem;
}
.civi-jobs-item2{
  border: solid;
  border-width: 1px;
  border-color: #eee !important;
  margin-bottom: 20px;
  padding-bottom: 20px;
  padding: 28px;
  border-radius: 16px;
  -webkit-transition: box-shadow 0.3s;
  -moz-transition: box-shadow 0.3s;
  -o-transition: box-shadow 0.3s;
  transition: box-shadow 0.3s;
  -webkit-box-shadow: 0 0 0 0 rgb(0 0 0 / 1%);
  -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.01);
  box-shadow: 0 0 0 0 rgb(0 0 0 / 1%);
  cursor: pointer;
  position: relative;
}
.border-gold{
  border: solid;
  border-width: 1px;
  border-color: #ffd75e !important;
}
.archive-layout .preview-tabs .tab-nav{
  border:none;
}
@media (max-width: 500px) {
  .featured-size{
    font-size: 10px;
  }
}
.modal-header{
  padding: 0;
  display: flex;
  justify-content: flex-end;
  padding-right: 10px;
  padding-top: 5px;
}
.card-modal-inner{
  border: none;
--bs-card-box-shadow: none;
}
.div-search::before {
  background-color: #00072d;
  content: '';
  display: block;
  height: 200px;
  position: absolute;
  width: 100%;
  top: 0px;
  z-index: -10;
  left: 0;
}
.dropdown.show>.form-control.form-control-solid, .form-control.form-control-solid.active, .form-control.form-control-solid.focus, .form-control.form-control-solid:active, .form-control.form-control-solid:focus {
  background-color: white !important;
}
.l-17{
  left: 17px;
}
@media (max-width: 991px) {
  #filter_button {
    display: none !important;
  }
  #filter_button_mobile {
    display: block !important;
  }
}
@media (min-width: 990px) {
  #filter_button_mobile {
    display: none !important;
  }
  #filter_button {
    display: block !important;
  }
}
.l-8 {
  left: 8px;
}

.order-by {
  color: var(--neutral-medium-drak, #555);
  font-family: 'Raleway';
  font-size: 14px !important;
  font-style: normal;
  font-weight: 400 !important;
  line-height: 20px; /* 142.857% */
}
.arrow-down-pos {
  position: relative;
  left: -25px;
}
.mw-cardjob {
  min-width: 572px;
}
.w125 {
  width: 125px !important;
}
.w101 {
  width: 101px !important;
}
.title-job-wid {
  width: 241px !important;
  min-width: 44% !important;
  max-width: 50% !important;
}
.title-job-wid2 {
  width: 251px !important;
  min-width: 85% !important;
  max-width: 85% !important;
}
.title-job-wid3 {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
}
.title-job-wid4 {
  width: 293px !important;
  min-width: 44% !important;
  max-width: 50% !important;
}
.badges-pos {
  position: relative;
  /* right: -10px; */
}
.archive-layout .inner-content.layout-full .col-left {
  overflow-x: hidden !important;
}
.fav-pos {
  top: -32px;
  position: relative;
}
.title_text {
  color: var(--neutral-dark, --neutral-dark);
  /* h5-24/semibold */
  font-family: 'Raleway';
  font-size: 24px !important;
  font-style: normal;
  font-weight: 600 !important;
  line-height: 30px; /* 125% */
}
.comp-text {
  color: var(--primary-flamingo, #B61272) !important;
  /* h6-18/regular */
  font-family: 'Raleway' !important;
  font-size: 18px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 26px !important; /* 144.444% */
}
.title-and-button {
  display: flex;
  width: 504px;
  justify-content: space-between;
  align-items: center;
}
.title-and-button2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.button-primary-jobs {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #B61272;
    --bs-btn-border-color: #B61272;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #DD0A86;
    --bs-btn-hover-border-color: #DD0A86;
    --bs-btn-focus-shadow-rgb: 205,28,132;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #9D1163;
    --bs-btn-active-border-color: #9D1163;
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: #9D1163;
    --bs-btn-disabled-border-color: #9D1163;
    display: flex;
    padding: 12px 16px;
    align-items: center;
    gap: 10px;
    border-radius: 6px;
    background: var(--primary-primary-active, #B61272);
}
.button-success {
    --bs-btn-color: #368F5F;
    --bs-btn-bg: #B9EBD0;
    --bs-btn-border-color: #B9EBD0;
    --bs-btn-hover-color: #368F5F;
    --bs-btn-hover-bg: #F576B1;
    --bs-btn-hover-border-color: #F16AA9;
    --bs-btn-focus-shadow-rgb: 20,168,71;
    --bs-btn-active-color: #368F5F;
    --bs-btn-active-bg: #EE65A5;
    --bs-btn-active-border-color: #F16AA9;
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: #368F5F;
    --bs-btn-disabled-bg: #B9EBD0;
    --bs-btn-disabled-border-color: #B9EBD0;
    color: #368F5F;
    font-family: 'Raleway';
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; /* 142.857% */
}
.job-desc {
  color: var(--color-texto2) !important;
  font-family: 'Raleway';
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 26px; /* 144.444% */
}
.job-desc-p {
  color: var(--color-texto2) !important;
  font-family: 'Raleway';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
}
.w-87 {
  width: 61%;
}
.carac-item {
  color: var(--neutral-dark, #111);

/* caption-14/medium */
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 20px; /* 142.857% */
}
.carac-text {
  color: var(--neutral-medium-drak, #555);

/* caption-14/regular */
font-family: 'Raleway';
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px; /* 142.857% */
}

.archive-layout .inner-content.layout-full .col-right {
  max-width: 48% !important;
}
.gap-9rem {
  gap:24px;
}
.wi-20 {
  width: 20%;
}
.mw-75 {
      max-width: 75% !important;
}
.skill-bg {
  display: flex !important;
  padding: 10px !important;
  align-items: center !important;
  gap: 10px !important;
  border-radius: 6px !important;
  background: #323856 !important;
  color: var(--neutral-light, #FFF) !important;

/* caption-14/regular */
font-family: 'Raleway' !important;
font-size: 14px !important;
font-style: normal !important;
font-weight: 400 !important;
line-height: 20px !important; /* 142.857% */
}
.bg-benefit {
  display: flex !important;
padding: 10px !important;
align-items: center !important;
gap: 10px !important;
border-radius: 6px !important;
background: rgba(182, 18, 114, 0.72) !important;
color: var(--neutral-light, #FFF) !important;

/* caption-14/regular */
font-family: 'Raleway' !important;
font-size: 14px !important;
font-style: normal !important;
font-weight: 400 !important;
line-height: 20px !important; /* 142.857% */
}
.filter-button-arrow {
  position: relative;
    bottom: -25px;
}
.no-job-title {
  color: #000;
  text-align: center;
  width: 471px;
  /* h3-34/semibold */
  font-family: 'Raleway';
  font-size: 34px;
  font-style: normal;
  font-weight: 600;
  line-height: 42px; /* 123.529% */
}
.no-job-text {
  color: #000;
  font-family: 'Raleway';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
}
.preview-job-wrapper {
  min-width: 574px important!;
}
.filter-new-pos {
  position: relative;
  right: 13px;
}
.archive-layout .inner-content .col-right {
  padding-top: 65px !important;
}
.warning-text {
  color: #ED0006;
  border-radius: 12px;
  background: #FCD4D5;
}
.button-pinka {
  --bs-btn-color: #ffffff;
  --bs-btn-bg: #B61272 !important;
  --bs-btn-border-color: #B61272;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #D61185;
  --bs-btn-hover-border-color: #D61185;
  --bs-btn-focus-shadow-rgb: 0,20,131;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #D61185;
  --bs-btn-active-border-color: #D61185;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #D61185;
  --bs-btn-disabled-border-color: #D61185;
  color: var(--white-dark-white, #FFF);
  font-family: 'Raleway';
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px; /* 166.667% */
}
.button-borrador {
  border-radius: 6px;
  background: var(--bg-btn-grey);
  color: var(--bg-btn-grey-text);
  font-family: 'Raleway';
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px; /* 142.857% */
}
.button-borrador:hover{
  background: var(--bg-btn-grey-hover);
}
.btn-primary-text {
  color: var(--white-dark-white, #FFF);
  font-family: 'Raleway';
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px; /* 142.857% */
}
.mw-220 {
  max-width: 220px;
}
.brdb {
    content: ">";
    color: var(--neutral-medium, #999);
    font-family: 'Raleway';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}
.breadcrumb .breadcrumb-item a {
  color: var(--neutral-medium, #999) !important;
  font-family: 'Raleway' !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 20px !important; /* 142.857% */
}
.breadcrumb .breadcrumb-item a.active {
    padding-right: 0 !important;
    color: var(--breadcrumb-color-active) !important;
    font-family: 'Raleway' !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 20px !important; /* 142.857% */
}
.pse {
  padding-left: 100px;
  padding-right: 100px;
}
.breadcrumb-item {
    display: none; /* Oculta todos por defecto */
}

.breadcrumb-item.show-crumb {
    display: inline-block; /* Muestra solo los elementos con la clase show-crumb */
}
.button-blue-mpone {
  --bs-btn-color: #ffffff !important;
  --bs-btn-bg: #00072D !important;
  --bs-btn-border-color: #00072D !important;
  --bs-btn-hover-color: #ffffff !important;
  --bs-btn-hover-bg: #000C4F !important;
  --bs-btn-hover-border-color: #DD0A86 !important;
  --bs-btn-focus-shadow-rgb: 205,28,132 !important;
  --bs-btn-active-color: #ffffff !important;
  --bs-btn-active-bg: #000C4F !important;
  --bs-btn-active-border-color: #000C4F !important;
  --bs-btn-active-shadow: none !important;
  --bs-btn-disabled-color: #ffffff !important;
  --bs-btn-disabled-bg: #000C4F !important;
  --bs-btn-disabled-border-color: #000C4F !important;
  display: inline-flex !important;
  padding: 12px 16px !important;
  align-items: center !important;
  gap: 10px !important;
  border-radius: 6px !important;
  background: var(--bg-btn-blue) !important;
  color: var(--font-color-btn-blue) !important;
  font-family: 'Raleway' !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  line-height: 20px !important; /* 142.857% */
}
.button-blue-mpone:hover{
  background: var(--bg-btn-blue-hover) !important;
  color: var(--font-color-btn-blue) !important;
}
.comp-img {
  border-radius: 12px !important;
  overflow: hidden;
  max-height: 102px !important;
}
.cancelar-text-swal {
  color: var(--text-color-btn) !important;
  font-family: 'Raleway';
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 150% */
  display: flex;
  padding: 12px 16px;
  align-items: center;
  gap: 10px;
  background-color: transparent;
  border:none;
  align-items: center;
}
.swal2-modal {
  width: 40% !important;
}
.swal2-title {
  color: var(--color-texto2) !important;
text-align: center !important;

/* h5-24/semibold */
font-family: 'Raleway' !important;
font-size: 24px !important;
font-style: normal !important;
font-weight: 600 !important;
line-height: 30px !important; /* 125% */
}
.swal2-html-container {
  color: var(--color-texto5) !important;
text-align: center !important;

/* h6-18/regular */
font-family: 'Raleway' !important;
font-size: 18px !important;
font-style: normal !important;
font-weight: 400 !important;
line-height: 26px !important; /* 144.444% */
}
.border-user-perms {
  border-radius: 12px;
}
.blue-a-name {
  color: #00072D !important;
}
.border-user-profile-img {
  border-radius: 50%;
}