/* Jobs Filter Version 2 Styles */
.fields-form {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  align-items: center;
}

/* Field Search */
.field-k-search {
  position: relative;
  flex: 1;
  min-width: 200px;
}

/* Field Submit */
.field-submit {
  flex-shrink: 0;
}

.k-search-initial {
  position: relative;
  border-radius: 20px 20px 0 20px;
  background: #fff;
  color: #000000;
  font-family: "Roboto", Sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 150%;
  padding: 10px 40px;
  cursor: pointer;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.drop-active .k-search-initial {
  border-radius: 20px 20px 0 0;
}

span.k-search-drop-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='14' viewBox='0 0 25 14' fill='none'%3E%3Cpath d='M13.0884 13.0564C12.7182 13.4256 12.1093 13.4256 11.7392 13.0564L0.277586 1.62275C-0.092529 1.25354 -0.092529 0.646122 0.277587 0.276909C0.647702 -0.092303 1.2566 -0.092303 1.62672 0.27691L12.4138 11.0377L23.2009 0.276912C23.571 -0.0923 24.1799 -0.0923 24.55 0.276913C24.9201 0.646125 24.9201 1.25354 24.55 1.62275L13.0884 13.0564Z' fill='black'/%3E%3C/svg%3E");
  width: 24.828px;
  height: 13.333px;
  transition: transform 0.3s ease-out;
}

.k-search-items {
  max-height: 292px;
  overflow-x: overlay;
  flex-direction: column;
  padding: 10px 40px 20px 40px;
  border-radius: 0 0 20px 20px;
  background: #fff;
  gap: 19px;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: 100%;
  z-index: 6;
}

.drop-active .k-search-initial:after {
  content: "";
  width: calc(100% - 80px);
  height: 1px;
  background-color: #000000;
  position: absolute;
  bottom: 0;
  left: 40px;
}

.k-search-item {
  cursor: pointer;
  color: #000000;
  font-family: "Roboto", Sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: normal;
  margin: 0 0 10px 0;
  display: block;
  position: relative;
  padding-left: 35px;
  user-select: none;
}

.k-search-item:last-of-type {
  margin: 0;
}

.field-k-search.drop-active .k-search-drop-icon {
  transform: rotate(180deg);
}

.field-k-search.drop-active .k-search-items {
  opacity: 1;
  visibility: visible;
  transform: scale(1) translateY(0);
}

.k-search-item input[type="checkbox"] {
  display: none;
}

.k-search-item input[type="checkbox"] + span::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  border: 2px solid #000000;
  border-radius: 4px;
  background-color: #fff;
  transition: background-color 0.3s, border-color 0.3s;
}

.k-search-item input[type="checkbox"]:checked + span::before {
  background-color: #000000;
  border-color: #000000;
}

.k-search-item input[type="checkbox"]:checked + span::after {
  content: "";
  position: absolute;
  left: 7px;
  top: 43%;
  transform: translateY(-50%) rotate(45deg);
  width: 6px;
  height: 12px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
}

.k-search-item span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

.k-search-item.term_hidden {
  display: none;
}

/* Submit Button */
.form-submit {
  padding: 10px;
  border-radius: 100px;
  border: 1px solid #ffd741;
  position: relative;
  display: inline-flex;
  overflow: hidden;
  height: 55px;
  width: 220px;
  background-color: #ffd741;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  justify-content: center;
}

.form-submit span.cta-text-container {
  display: flex;
  align-items: center;
  gap: 20px;
}

.form-submit .cta-text {
  color: #1b2482;
  text-align: center;
  font-family: "Roboto", Sans-serif;
  font-size: 19.5px;
  font-weight: 400;
  line-height: normal;
  transition: color 0.3s ease-in-out;
  z-index: 2;
}

.form-submit .cta-icon {
  width: 47.45px;
  height: 47.45px;
  display: flex;
}

.form-submit .cta-icon svg {
  z-index: 2;
  position: absolute;
  width: 47.45px;
  height: 47.45px;
  transition: 0.3s ease-in-out;
  right: 6px;
}

.form-submit .cta-icon-state {
  transform: translateX(-30px);
  opacity: 0;
}

.form-submit .cta-icon-initial {
  transform: translateX(0px);
  opacity: 1;
}

.form-submit:hover {
  border: 1px solid #000000;
}

.form-submit:hover .cta-icon-state {
  transform: translateX(0px);
  opacity: 1;
}

.form-submit:hover .cta-icon-initial {
  transform: translateX(30px);
  opacity: 0;
}

/* Position Results */
#position-search-results-v2 {
  position: relative;
}

.position-container {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 30px auto 0 auto;
}

.position-row {
  display: flex;
}

.position-information-column {
  width: 100%;
  padding: 30px 30px 40px 30px;
  border-radius: 20px 20px 0 20px;
  background: #f1f1f1;
  transition: all 0.3s ease;
  cursor: pointer;
  position: relative;
}

.position-information-column:hover {
  background: linear-gradient(
      0deg,
      rgba(27, 36, 130, 0.3) 0%,
      rgba(27, 36, 130, 0.3) 100%
    ),
    #fff;
}
.position-informations-wrapper {
  display: flex;
  justify-content: space-between;
}
.position-information-arrow {
  position: relative;
  width: 42px;
}
.position-information-arrow .arrow-icon {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 42px;
  height: 18px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='18' viewBox='0 0 42 18' fill='none'%3E%3Cpath d='M40.8498 9.70018C41.3192 9.23083 41.3192 8.46986 40.8498 8.00051L33.2013 0.351976C32.732 -0.117375 31.971 -0.117375 31.5016 0.351976C31.0323 0.821328 31.0323 1.5823 31.5016 2.05165L38.3003 8.85034L31.5016 15.649C31.0323 16.1184 31.0323 16.8794 31.5016 17.3487C31.971 17.8181 32.732 17.8181 33.2013 17.3487L40.8498 9.70018ZM0 8.85034V10.0522H40V8.85034V7.64849H0V8.85034Z' fill='%231B2482'/%3E%3C/svg%3E");
}

.position-title {
  color: #1b2482;
  font-family: "Roboto", Sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: 20px;
}

.job-details-row {
  display: flex;
  gap: 60px;
  flex-wrap: wrap;
}

.job-detail-item {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #1b2482;
  font-family: "Roboto", Sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.5;
}

.job-detail-item .detail-icon {
  width: 35px;
  height: 35px;
  background-size: contain;
  background-repeat: no-repeat;
  flex-shrink: 0;
}

.job-detail-item .detail-icon.person-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='35' viewBox='0 0 35 35' fill='none'%3E%3Cpath d='M17.5 17.0625C21.1258 17.0625 24.0625 14.1258 24.0625 10.5C24.0625 6.87422 21.1258 3.9375 17.5 3.9375C13.8742 3.9375 10.9375 6.87422 10.9375 10.5C10.9375 14.1258 13.8742 17.0625 17.5 17.0625ZM15.8758 20.125C10.4891 20.125 6.125 24.4891 6.125 29.8758C6.125 30.7727 6.85234 31.5 7.74922 31.5H27.2508C28.1477 31.5 28.875 30.7727 28.875 29.8758C28.875 24.4891 24.5109 20.125 19.1242 20.125H15.8758Z' fill='%231B2482'/%3E%3C/svg%3E");
}

.job-detail-item .detail-icon.briefcase-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='35' viewBox='0 0 35 35' fill='none'%3E%3Cpath d='M14 6.5625V8.75H21V6.5625C21 6.32188 20.8031 6.125 20.5625 6.125H14.4375C14.1969 6.125 14 6.32188 14 6.5625ZM11.375 8.75V6.5625C11.375 4.87266 12.7477 3.5 14.4375 3.5H20.5625C22.2523 3.5 23.625 4.87266 23.625 6.5625V8.75H28C29.9305 8.75 31.5 10.3195 31.5 12.25V26.25C31.5 28.1805 29.9305 29.75 28 29.75H7C5.06953 29.75 3.5 28.1805 3.5 26.25V12.25C3.5 10.3195 5.06953 8.75 7 8.75H11.375Z' fill='%231B2482'/%3E%3C/svg%3E");
}

.job-detail-item .detail-icon.location-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='35' viewBox='0 0 35 35' fill='none'%3E%3Cpath d='M6.99998 13.8141C6.99998 8.11563 11.7031 3.5 17.5 3.5C23.2969 3.5 28 8.11563 28 13.8141C28 20.3383 21.4265 28.1586 18.6812 31.1391C18.0359 31.8391 16.9586 31.8391 16.3133 31.1391C13.5679 28.1586 6.99451 20.3383 6.99451 13.8141H6.99998ZM17.5 17.5C19.4304 17.5 21 15.9305 21 14C21 12.0695 19.4304 10.5 17.5 10.5C15.5695 10.5 14 12.0695 14 14C14 15.9305 15.5695 17.5 17.5 17.5Z' fill='%231B2482'/%3E%3C/svg%3E");
}

.position-search-loader {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 10;
  top: 0;
  left: 0;
  display: none;
  justify-content: center;
  align-items: center;
}

/* Load More Button */

#position-search-results-v2 .main-cta-yellow {
  padding: 5px 6px 5px 30px;
  border-radius: 29px;
  position: relative;
  display: inline-flex;
  overflow: hidden;
  transition: 0.3s ease-in-out;
  box-shadow: none;
  cursor: pointer;
  width: fit-content;
  margin: 0 auto;
  border: 1px solid rgba(108, 109, 151, 0.2);
  background: linear-gradient(0deg, #ffd741 0%, #ffd741 100%), #fff;
}

#position-search-results-v2 .main-cta-yellow:hover {
  border: 1px solid rgb(255 255 255);
}

#position-search-results-v2 span.cta-text-container {
  display: flex;
  align-items: center;
  gap: 20px;
}

#position-search-results-v2 .main-cta-yellow .cta-text {
  color: #1b2482;
  text-align: center;
  font-family: "Roboto", Sans-serif;
  font-size: 19.5px;
  font-weight: 400;
  line-height: normal;
  transition: 0.3s ease-in-out;
  z-index: 2;
}

#position-search-results-v2 .main-cta-yellow .cta-icon {
  width: 47.45px;
  height: 47.45px;
  display: flex;
}

#position-search-results-v2 .main-cta-yellow .cta-icon:before {
  content: "";
  width: 47.45px;
  height: 47.45px;
  position: absolute;
  background-color: #ffffff;
  z-index: 1;
  right: 6px;
  transition: width 0.25s ease-in-out 0.05s, transform 0.05s ease-in-out;
  transform: scale(1);
  border-radius: 27.5px;
}

#position-search-results-v2 .main-cta-yellow .cta-icon > span {
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  position: absolute;
  width: 47.45px;
  height: 47.45px;
  transition: 0.3s ease-in-out;
}

#position-search-results-v2
  .main-cta-yellow
  .cta-icon
  > span.cta-icon-initial:after {
  content: "";
  display: block;
  width: 13px;
  height: 10px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12.4 9.6'%3E%3Cpath d='M12.2,5.2a.7.7,0,0,0,0-.9L8,.2a.6.6,0,0,0-.9,0,.6.6,0,0,0,0,.9l3.7,3.7L7.1,8.5a.6.6,0,0,0,0,.9.7.7,0,0,0,.9,0ZM0,5.4H11.7V4.1H0Z' fill='%231B2482'/%3E%3C/svg%3E%0A");
}

#position-search-results-v2
  .main-cta-yellow
  .cta-icon
  > span.cta-icon-state:after {
  content: "";
  display: block;
  width: 13px;
  height: 10px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12.4 9.6'%3E%3Cpath d='M12.2,5.2a.7.7,0,0,0,0-.9L8,.2a.6.6,0,0,0-.9,0,.6.6,0,0,0,0,.9l3.7,3.7L7.1,8.5a.6.6,0,0,0,0,.9.7.7,0,0,0,.9,0ZM0,5.4H11.7V4.1H0Z' fill='%231B2482'/%3E%3C/svg%3E%0A");
}

#position-search-results-v2 .main-cta-yellow span.cta-icon-state {
  transform: translateX(-30px);
  opacity: 0;
}

#position-search-results-v2 .main-cta-yellow span.cta-icon-initial {
  transform: translateX(0px);
  opacity: 1;
}

#position-search-results-v2 .main-cta-yellow:hover span.cta-icon-state {
  transform: translateX(0px);
  opacity: 1;
}

#position-search-results-v2 .main-cta-yellow:hover span.cta-icon-initial {
  transform: translateX(30px);
  opacity: 0;
}

#position-search-results-v2 .main-cta-yellow:hover .cta-text {
  color: #1b2482;
}

#position-search-results-v2 .main-cta-yellow:hover .cta-icon:before {
  width: calc(100% - 12px);
  transform: scale(1.5);
  transition: width 0.25s ease-in-out, transform 0.05s ease-in-out 0.05s;
}

/* No results message */
.no-posts-found {
  text-align: center;
  color: #1b2482;
  font-family: "Roboto", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  padding: 40px 20px;
  background: #f1f1f1;
  border-radius: 20px;
  margin: 20px 0;
}

/* Responsive Design */
@media (max-width: 880px) {
  .fields-form {
    align-items: flex-start;
    flex-direction: column;
    gap: 15px;
  }

  .field-k-search {
    width: 100%;
  }

  .form-submit {
    width: auto;
    padding: 8px 15px;
    height: 50px;
  }
  .form-submit .cta-text {
    font-size: 18px;
  }

  .k-search-items {
    width: 100%;
  }
  .k-search-initial {
    font-size: 18px;
    padding: 10px 20px;
    height: 50px;
  }

  .position-information-column {
    padding: 15px;
  }

  .position-title {
    font-size: 20px;
  }

  .job-details-row {
    flex-direction: column;
    gap: 15px;
  }
  .job-detail-item .detail-icon {
    width: 25px;
    height: 25px;
  }
  .position-information-arrow .arrow-icon {
    width: 28px;
    height: 12px;
  }
  .job-detail-item {
    font-size: 18px;
  }

  .position-container {
    margin: 20px auto 0 auto;
  }
}

@media (max-width: 880px) {
  #position-search-results-v2 .main-cta-yellow {
    padding: 4.5px 5.4px 4.5px 27px;
  }
  #position-search-results-v2 .main-cta-yellow .cta-icon > span {
    width: 42.705px;
    height: 42.705px;
  }
  #position-search-results-v2 .main-cta-yellow .cta-icon {
    width: 42.705px;
    height: 42.705px;
  }
  #position-search-results-v2 .main-cta-yellow .cta-icon:before {
    width: 42.705px;
    height: 42.705px;
  }
  #position-search-results-v2 .main-cta-yellow .cta-icon svg {
    width: 42.705px;
    height: 42.705px;
  }
  #position-search-results-v2 .main-cta-yellow .cta-icon svg path {
    transform: translateY(-2px);
  }
  #position-search-results-v2 .main-cta-yellow .cta-text {
    font-size: 17.5px;
  }
  .k-search-item {
    font-size: 18px;
  }
  .drop-active .k-search-initial:after {
    width: calc(100% - 30px);
    left: 15px;
  }
}