/*--***********************************************************************************
CAREERS - PRINCIPLES
*********************************************************************************** --*/
.careers-principles { position: relative;}
.careers-principles:before { z-index: 2; position: absolute; top: 3rem; content: ""; background: url("/wp-content/themes/celcuity/assets-2025/img/swirl_home-content.png") right center / contain no-repeat;}
.careers-principles .container, .careers-culture .container, .careers-process .container { z-index: 3; position: relative;}

.tesis { margin-top: 11rem;}
.tesis-item { position: relative; padding: 4.6rem 1.6rem; text-align: center; border-radius: 0 0 var(--brdrd) var(--brdrd); background: white;}
.tesis-title { position: absolute; left: 2.9rem; right: 2.9rem; top: 0; transform: translateY(-50%); padding: 10px; color: var(--blue-medium)!important; background: white; box-shadow: 0px 0px 6px 6px rgba(0, 0, 0, 0.25);}
.tesis-text { font-size: 1.6rem; line-height: 1.5; font-weight: 500; color: var(--text-color);}

@media (max-width:767.98px) {
  .careers-principles:before { right: 0; width: 56vw; height: 171vw; background-position: left center; background-size: auto 100%; opacity: .35;}
  .tesis-item { width: 300px; max-width: 100%; margin-left: auto; margin-right: auto;}
  .tesis-item:not(:last-child) { margin-bottom: 5rem;}
}
@media (min-width:768px) {
  .careers-principles { padding-bottom: 9.7rem;}
  .careers-principles:before { right: 0; width: 30vw; height: 64vw;}

  .careers-principles .col-1 { flex-basis: 25%;}
  .careers-principles .col-2 { flex-basis: 75%; padding-right: 9%;}

  .tesis-item { flex-basis: 25%;}
}