@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/spacegrotesk/v21/V8mQoQDjQSkFtoMM3T6r8E7mF71Q-gOoraIAEj62UUsj.ttf) format('truetype');
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/spacegrotesk/v21/V8mQoQDjQSkFtoMM3T6r8E7mF71Q-gOoraIAEj7oUUsj.ttf) format('truetype');
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/spacegrotesk/v21/V8mQoQDjQSkFtoMM3T6r8E7mF71Q-gOoraIAEj7aUUsj.ttf) format('truetype');
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/spacegrotesk/v21/V8mQoQDjQSkFtoMM3T6r8E7mF71Q-gOoraIAEj42Vksj.ttf) format('truetype');
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/spacegrotesk/v21/V8mQoQDjQSkFtoMM3T6r8E7mF71Q-gOoraIAEj4PVksj.ttf) format('truetype');
}
@media (min-width: 1200px) {
  .container {
    max-width: 1240px;
  }
  .container-fluid {
    max-width: 1920px;
  }
}
@media (max-width: 767px) {
  .container {
    max-width: 90%;
  }
}
@media (max-width: 767px) {
  body {
    overflow-x: hidden;
  }
}
.owl-carousel .owl-dots {
  display: none;
}
@media screen and (max-width: 767px) {
  .owl-carousel .owl-dots {
    display: block;
    text-align: center;
    margin-top: 20px;
  }
  .owl-carousel .owl-dots .owl-dot {
    display: inline-block;
    background: #cbf801;
    border-radius: 9px 9px 9px 9px;
    -webkit-border-radius: 9px 9px 9px 9px;
    -moz-border-radius: 9px 9px 9px 9px;
    width: 9px;
    height: 9px;
    margin-right: 10px;
  }
  .owl-carousel .owl-dots .owl-dot.active {
    background: #296837;
  }
}
.your-profile {
  background-color: #F2F2F2;
  padding-bottom: 00px;
}
.your-profil-heading-1 {
  font-size: 14px;
  line-height: 18px;
  color: #203030;
  margin-top: 22px;
  margin-bottom: 9px;
}
.your-profil-heading-1 a {
  text-decoration: none;
  color: #203030;
}
.your-profil-boks {
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  width: 100%;
  height: auto;
  padding-top: 19px;
  padding-bottom: 19px;
  padding-left: 22px;
  padding-right: 22px;
  background-color: #ffffff;
  margin-bottom: 18px;
}
.your-profil-boks-zakonczone {
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  width: 100%;
  height: auto;
  padding-top: 19px;
  padding-bottom: 19px;
  padding-left: 22px;
  padding-right: 22px;
  background-color: #ffffff;
  margin-bottom: 18px;
  /*max-width          : 519px;*/
}
.rekrutacja-opis-hidden {
  display: none;
}
.rekrutacja-opis-visible {
  display: block;
}
.your-profil-heading-2 {
  font-size: 16px;
  line-height: 21px;
  color: #203030;
  font-weight: bold;
  margin-bottom: 18px;
}
.your-profil-heading-2 img {
  margin-right: 13px;
}
.your-profil-heading-2 .ikonka-jezyki-obce {
  position: absolute;
  margin-left: -32px;
  margin-top: 6px;
}
.your-profil-name-file {
  font: normal normal normal 14px/18px Space Grotesk;
  letter-spacing: 0;
  color: #203030;
  padding-bottom: 8px;
}
.your-profil-name-file span {
  color: #818181;
}
.your-profil-edytuj {
  color: #A1A1FF;
  font: normal normal normal 14px/18px Space Grotesk;
  letter-spacing: 0;
  margin-top: 8px;
  cursor: pointer;
}
.rekrutacja-kroki-1 {
  height: 12px;
  width: 100%;
  background: linear-gradient(to right, #00FF9D 8.8%, #00FF9D 8.8%, #E4E4E4 8.8%, #E4E4E4 91.2%, #E4E4E4 91.2%);
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
}
@media screen and (max-width: 780px) {
  .rekrutacja-kroki-1 {
    background: none !important;
  }
}
.rekrutacja-kroki-2 {
  height: 12px;
  width: 100%;
  background: linear-gradient(to right, #00FF9D 25.4%, #00FF9D 25.4%, #E4E4E4 25.4%, #E4E4E4 74.6%, #E4E4E4 74.6%);
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
}
@media screen and (max-width: 780px) {
  .rekrutacja-kroki-2 {
    background: none !important;
  }
}
.rekrutacja-kroki-3 {
  height: 12px;
  width: 100%;
  background: linear-gradient(to right, #00FF9D 58.6%, #00FF9D 58.6%, #E4E4E4 58.6%, #E4E4E4 41.4%, #E4E4E4 41.4%);
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
}
@media screen and (max-width: 780px) {
  .rekrutacja-kroki-3 {
    background: none !important;
  }
}
.rekrutacja-kroki-4 {
  height: 12px;
  width: 100%;
  background: linear-gradient(to right, #00FF9D 75.2%, #00FF9D 75.2%, #E4E4E4 75.2%, #E4E4E4 24.8%, #E4E4E4 24.8%);
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
}
@media screen and (max-width: 780px) {
  .rekrutacja-kroki-4 {
    background: none !important;
  }
}
.rekrutacja-kroki-5 {
  height: 12px;
  width: 100%;
  background: linear-gradient(to right, #00FF9D 84%, #00FF9D 84%, #E4E4E4 84%, #E4E4E4 16%, #E4E4E4 16%);
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
}
@media screen and (max-width: 780px) {
  .rekrutacja-kroki-5 {
    background: none !important;
  }
}
.rekrutacja-kroki-6 {
  height: 12px;
  width: 100%;
  background: linear-gradient(to right, #00FF9D 100%, #00FF9D 100%, #E4E4E4 100%, #E4E4E4 0%, #E4E4E4 0%);
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
}
@media screen and (max-width: 780px) {
  .rekrutacja-kroki-6 {
    background: none !important;
  }
}
.rekrutacja-kroki-krok {
  width: 16.6%;
  float: left;
  display: inline-block;
  font: normal normal normal 14px/16px Space Grotesk;
  text-align: center;
  letter-spacing: 0;
  color: #203030;
}
@media screen and (max-width: 780px) {
  .rekrutacja-kroki-krok {
    width: 100% !important;
    text-align: left !important;
    height: 40px !important;
    border-left: 12px solid #E4E4E4 !important;
  }
}
.rekrutacja-kroki-krok img {
  display: block;
  margin-top: 4px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 780px) {
  .rekrutacja-kroki-krok img {
    display: inline-block !important;
    margin-left: 6px !important;
  }
}
.rekrutacja-kroki-krok .rekrutacja-kroki-status {
  width: 18px;
  height: 18px;
  margin-left: auto;
  margin-right: auto;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  margin-bottom: 16px;
  background-color: #004444;
  margin-top: -3px;
  padding-top: 2px;
}
@media screen and (max-width: 780px) {
  .rekrutacja-kroki-krok .rekrutacja-kroki-status {
    margin-left: -15px !important;
    margin-right: 10px !important;
    display: inline-block !important;
    margin-bottom: 0 !important;
  }
}
@media screen and (max-width: 780px) {
  .rekrutacja-kroki-krok .rekrutacja-kroki-status img {
    display: block !important;
    margin-left: auto !important;
  }
}
@media screen and (max-width: 780px) {
  .rekrutacja-kroki-1 .rekrutacja-kroki-krok:nth-child(1) {
    border-left: 12px solid #CBF801 !important;
  }
}
@media screen and (max-width: 780px) {
  .rekrutacja-kroki-2 .rekrutacja-kroki-krok:nth-child(1),
  .rekrutacja-kroki-2 .rekrutacja-kroki-krok:nth-child(2) {
    border-left: 12px solid #CBF801 !important;
  }
}
@media screen and (max-width: 780px) {
  .rekrutacja-kroki-3 .rekrutacja-kroki-krok:nth-child(1),
  .rekrutacja-kroki-3 .rekrutacja-kroki-krok:nth-child(2),
  .rekrutacja-kroki-3 .rekrutacja-kroki-krok:nth-child(3) {
    border-left: 12px solid #CBF801 !important;
  }
}
@media screen and (max-width: 780px) {
  .rekrutacja-kroki-4 .rekrutacja-kroki-krok:nth-child(1),
  .rekrutacja-kroki-4 .rekrutacja-kroki-krok:nth-child(2),
  .rekrutacja-kroki-4 .rekrutacja-kroki-krok:nth-child(3),
  .rekrutacja-kroki-4 .rekrutacja-kroki-krok:nth-child(4) {
    border-left: 12px solid #CBF801 !important;
  }
}
@media screen and (max-width: 780px) {
  .rekrutacja-kroki-5 .rekrutacja-kroki-krok:nth-child(1),
  .rekrutacja-kroki-5 .rekrutacja-kroki-krok:nth-child(2),
  .rekrutacja-kroki-5 .rekrutacja-kroki-krok:nth-child(3),
  .rekrutacja-kroki-5 .rekrutacja-kroki-krok:nth-child(4),
  .rekrutacja-kroki-5 .rekrutacja-kroki-krok:nth-child(5) {
    border-left: 12px solid #CBF801 !important;
  }
}
@media screen and (max-width: 780px) {
  .rekrutacja-kroki-krok:nth-child(6) {
    border-left: 12px solid transparent !important;
  }
}
.rekrutacja-nazwa-rekrutacji {
  font-family: "Space Grotesk";
  font-size: 18px;
  font-weight: bold;
  line-height: 23px;
  color: #203030;
  letter-spacing: 0;
  padding-top: 4px;
  cursor: pointer;
}
.rekrutacja-opis-rekrutacji {
  font-family: "Space Grotesk";
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  color: #818181;
  letter-spacing: 0;
}
.rekrutacja-status {
  font-family: "Space Grotesk";
  font-size: 12px;
  font-weight: normal;
  line-height: 16px;
  color: #818181;
  letter-spacing: 0;
  display: block;
  margin-top: 24px;
  margin-bottom: 12px;
  clear: both;
  width: 100%;
}
.your-profile .float-righ {
  float: right;
  margin-top: -24px;
}
@media screen and (max-width: 780px) {
  .your-profile .float-righ {
    margin-top: -18px !important;
  }
}
@media screen and (max-width: 780px) {
  #rekrutacje_rozwin_zwin {
    margin-top: -25px !important;
  }
}
.your-profile button {
  background: #A1A1FF 0% 0% no-repeat padding-box;
  border-radius: 100px;
  width: 295px;
  line-height: 44px;
  border: 0;
  font: "Space Grotesk" normal normal medium 16px/21px;
  letter-spacing: 0px;
  color: #FFFFFF;
  opacity: 1;
  margin-top: 23px;
}
#profilZadajPytanieModal .modal-border {
  position: relative;
  border-radius: 30px;
  padding: 0px;
  background: none;
}
#profilZadajPytanieModal .popup_tytul {
  font: normal normal bold 20px/26px Space Grotesk;
  color: #203030;
  letter-spacing: 0;
  border-bottom: 2px solid #f2f2f2;
  padding-bottom: 25px;
}
#profilZadajPytanieModal .popup_tresc {
  font: normal normal normal 14px/18px Space Grotesk;
  letter-spacing: 0;
  color: #203030;
  padding-bottom: 25px;
  padding-top: 25px;
}
#profilZadajPytanieModal .modal-border .modal-body .popup_textarea {
  border: 1px solid #858585 !important;
  font: normal normal medium 16px/21px Space Grotesk !important;
  letter-spacing: 0px !important;
  color: #000 !important;
}
#profilZadajPytanieModal #submit_form {
  float: right;
}
#profilZadajPytanieModal .anuluj_wysylanie {
  font: normal normal medium 16px/21px Space Grotesk;
  letter-spacing: 0px;
  color: #A1A1FF;
  text-decoration: none;
  padding-top: 10px;
}
#profilZadajPytanieModal .modal-border .modal-body .btn-close {
  float: right;
  top: 60px;
  position: absolute;
  right: 55px;
  width: 15px;
  height: 15px;
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23203030'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center / 15px auto no-repeat;
}
#profilOfertaModal .modal-border,
#profilEdytujProfilModal .modal-border {
  position: relative;
  border-radius: 30px;
  padding: 0px;
  background: none;
}
#profilOfertaModal .popup_tytul,
#profilEdytujProfilModal .popup_tytul {
  font: normal normal bold 20px/26px Space Grotesk;
  color: #203030;
  letter-spacing: 0;
  border-bottom: 2px solid #f2f2f2;
  padding-bottom: 25px;
}
#profilOfertaModal .popup_tresc,
#profilEdytujProfilModal .popup_tresc {
  font: normal normal normal 14px/18px Space Grotesk;
  letter-spacing: 0;
  color: #203030;
  padding-bottom: 25px;
  padding-top: 25px;
}
#profilOfertaModal .modal-border .modal-body .popup_textarea,
#profilEdytujProfilModal .modal-border .modal-body .popup_textarea,
#profilOfertaModal .modal-border .modal-body .popup_input,
#profilEdytujProfilModal .modal-border .modal-body .popup_input {
  border: 1px solid #858585 !important;
  font: normal normal medium 16px/21px Space Grotesk !important;
  letter-spacing: 0px !important;
  color: #B5B5B5 !important;
}
#profilOfertaModal #submit_form,
#profilEdytujProfilModal #submit_form {
  float: right;
}
#profilOfertaModal .anuluj_wysylanie,
#profilEdytujProfilModal .anuluj_wysylanie {
  font: normal normal medium 16px/21px Space Grotesk;
  letter-spacing: 0px;
  color: #A1A1FF;
  text-decoration: none;
  padding-top: 10px;
}
#profilOfertaModal .modal-border .modal-body .btn-close,
#profilEdytujProfilModal .modal-border .modal-body .btn-close {
  float: right;
  top: 60px;
  position: absolute;
  right: 55px;
  width: 15px;
  height: 15px;
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23203030'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center / 15px auto no-repeat;
}
#profilOfertaModal .popup_tresc_ogloszenie_nazwa,
#profilEdytujProfilModal .popup_tresc_ogloszenie_nazwa {
  font: normal normal bold 24px/31px Space Grotesk;
  letter-spacing: 0px;
  color: #203030;
  padding-bottom: 5px;
  padding-top: 25px;
}
#profilOfertaModal .popup_tresc_ogloszenie_opis,
#profilEdytujProfilModal .popup_tresc_ogloszenie_opis {
  font: normal normal normal 14px/18px Space Grotesk;
  letter-spacing: 0px;
  color: #818181;
}
#profilOfertaModal .popup_tresc_ogloszenie_info,
#profilEdytujProfilModal .popup_tresc_ogloszenie_info {
  background: #CBF801 0% 0% no-repeat padding-box;
  -webkit-border-top-right-radius: 34px;
  -webkit-border-bottom-right-radius: 34px;
  -moz-border-radius-topright: 34px;
  -moz-border-radius-bottomright: 34px;
  border-top-right-radius: 34px;
  border-bottom-right-radius: 34px;
  width: 303px;
  height: 67px;
  font: normal normal bold 18px/23px Space Grotesk;
  letter-spacing: 0px;
  color: #203030;
  margin-left: -50px;
  margin-top: 15px;
  padding-left: 50px;
  padding-top: 10px;
}
#profilOfertaModal .popup_tresc_ogloszenie_info span,
#profilEdytujProfilModal .popup_tresc_ogloszenie_info span {
  font: normal normal normal 14px/18px Space Grotesk;
  letter-spacing: 0px;
  color: #203030;
}
#profilOfertaModal .popup_tresc_ogloszenie_boks,
#profilEdytujProfilModal .popup_tresc_ogloszenie_boks {
  width: 33%;
  display: block;
  float: left;
  font: normal normal medium 16px/16px Space Grotesk;
  letter-spacing: 0px;
  color: #203030;
}
#profilOfertaModal .popup_tresc_ogloszenie_boks .popup_tresc_ogloszenie_boks_wpis,
#profilEdytujProfilModal .popup_tresc_ogloszenie_boks .popup_tresc_ogloszenie_boks_wpis {
  width: 100%;
  padding-bottom: 20px;
}
#profilOfertaModal .popup_tresc_ogloszenie_boks img,
#profilEdytujProfilModal .popup_tresc_ogloszenie_boks img {
  margin-right: 5px;
}
#profilOfertaModal .popup_tresc_ogloszenie_twoj_zakres,
#profilEdytujProfilModal .popup_tresc_ogloszenie_twoj_zakres {
  font: normal normal bold 18px/23px Space Grotesk;
  letter-spacing: 0px;
  color: #203030;
  padding-bottom: 20px;
}
#profilOfertaModal .popup_tresc_ogloszenie_twoj_zakres_opcje,
#profilEdytujProfilModal .popup_tresc_ogloszenie_twoj_zakres_opcje {
  max-width: 90%;
  margin-left: 10px;
  background-image: url('../images/check-purple.svg');
  background-size: 17px 17px;
  background-repeat: no-repeat;
  background-position: 0px 2px;
  text-align: left;
  font: normal normal normal 16px/21px Space Grotesk;
  letter-spacing: 0px;
  color: #203030;
  opacity: 1;
  padding-left: 30px;
  padding-bottom: 25px;
  padding-top: 0px;
}
.confirm-application-wrapper {
  border-radius: 16px;
  background-color: #ffffff;
  padding: 20px;
}
.confirm-application-wrapper h1 {
  font-family: "Space Grotesk", sans-serif;
  font-size: 20px;
  color: #203030;
  font-weight: bold;
}
.confirm-application-wrapper h1 span {
  color: #818181;
  font-weight: normal;
  font-size: 18px;
}
.confirm-application-wrapper hr {
  border: 2px solid #F2F2F2;
  margin-top: 20px;
  margin-bottom: 20px;
}
.confirm-application-wrapper h3 {
  font-weight: bold;
  font-size: 18px;
  font-family: "Space Grotesk", sans-serif;
  color: #203030;
}
.confirm-application-wrapper p {
  font-size: 14px;
  line-height: 18px;
  color: #203030;
}
.confirm-application-wrapper .form-group {
  margin-bottom: 20px;
}
.confirm-application-wrapper .form-group label {
  font-size: 14px;
  line-height: 18px;
  color: #203030;
}
.confirm-application-wrapper .form-group .btn-radius {
  /* Styl wybranego przycisku */
  /* Styl dla hover */
}
.confirm-application-wrapper .form-group .btn-radius .btn-custom {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  /* Szerokość przycisku */
  height: 32px;
  /* Wysokość przycisku */
  border: 2px solid #264653;
  /* Obramowanie */
  border-radius: 20px;
  /* Zaokrąglenie */
  background-color: white;
  color: #264653;
  /* Kolor tekstu */
  font-family: "Space Grotesk", sans-serif;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  text-align: center;
  padding: 0;
  margin-right: 20px;
}
.confirm-application-wrapper .form-group .btn-radius .btn-check:checked + .btn-custom {
  background-color: #ccff4d;
  /* Jasny zielony kolor tła */
  color: #264653;
  /* Kolor tekstu */
  border-color: #ccff4d;
}
.confirm-application-wrapper .form-group .btn-radius .btn-custom:hover {
  background-color: #e8ffc2;
  /* Jaśniejszy zielony na hover */
  color: #264653;
}
.confirm-application-wrapper .form-group textarea {
  border: 1px solid #707070;
  border-radius: 12px;
  padding: 15px;
  font-family: "Space Grotesk", sans-serif;
  font-size: 16px;
  color: #203030;
  line-height: 21px;
}
.confirm-application-wrapper .form-group textarea::placeholder {
  color: #B5B5B5;
}
.confirm-application-wrapper .form-checkbox-group {
  /* Grupa checkboxów */
  /* Ukrycie domyślnych checkboxów */
  /* Stylowanie etykiet */
  /* Styl zaznaczonego przycisku */
  /* Styl dla hover */
}
.confirm-application-wrapper .form-checkbox-group .checkbox-group {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  /* Odstępy między przyciskami */
}
.confirm-application-wrapper .form-checkbox-group .checkbox-input {
  display: none;
}
.confirm-application-wrapper .form-checkbox-group .checkbox-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  /* Wewnętrzne odstępy */
  border: 1px solid #264653;
  /* Kolor obramowania */
  border-radius: 20px;
  /* Zaokrąglenie */
  background-color: white;
  color: #203030;
  /* Kolor tekstu */
  font-family: "Space Grotesk", sans-serif;
  font-size: 12px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  text-align: center;
}
.confirm-application-wrapper .form-checkbox-group .checkbox-input:checked + .checkbox-label {
  background-color: #ccff4d;
  /* Jasny zielony kolor tła */
  color: #264653;
  /* Kolor tekstu */
  border-color: #ccff4d;
}
.confirm-application-wrapper .form-checkbox-group .checkbox-label:hover {
  background-color: #e8ffc2;
  /* Jaśniejszy zielony na hover */
  color: #264653;
}
.confirm-application-wrapper #strong-sides-values {
  display: flex;
  flex-direction: column;
  gap: 10px;
  font-family: "Space Grotesk", sans-serif;
  /* Nazwa w wierszu */
  /* Punkt (kółko) */
  /* Hover efekt */
}
.confirm-application-wrapper #strong-sides-values .row {
  display: flex;
  align-items: center;
  gap: 20px;
  /* Odstęp między nazwą a punktami */
}
.confirm-application-wrapper #strong-sides-values .row .label {
  font-size: 14px;
  color: #203030;
}
.confirm-application-wrapper #strong-sides-values .circle {
  width: 30px;
  height: 30px;
  border: 2px solid #264653;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  float: left;
  margin-right: 10px;
}
.confirm-application-wrapper #strong-sides-values .circle.selected {
  background-color: #ccff4d;
  /* Kolor zaznaczonego */
  border-color: #ccff4d;
}
.confirm-application-wrapper #strong-sides-values .circle:hover {
  background-color: #e8ffc2;
  /* Jaśniejszy zielony */
}
.confirm-application-wrapper .custom-select-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
  font-family: "Space Grotesk", sans-serif;
  /* Focus state */
  /* Wyrównanie strzałki */
}
.confirm-application-wrapper .custom-select-wrapper .select-label {
  font-size: 12px;
  color: #b3b3b3;
  position: absolute;
  top: -8px;
  left: 12px;
  background: #fff;
  padding: 0 5px;
  z-index: 1;
  pointer-events: none;
}
.confirm-application-wrapper .custom-select-wrapper .custom-select {
  width: 100%;
  padding: 10px 40px 10px 22px;
  /* Wyrównanie z prawej na ikonę */
  font-size: 16px;
  color: #000;
  border: 1px solid #ccc;
  border-radius: 25px;
  appearance: none;
  /* Usuwa domyślne strzałki */
  background: #fff url('../images/select-arrow-down.svg') no-repeat right 15px center;
  background-size: 10px;
  cursor: pointer;
  outline: none;
}
.confirm-application-wrapper .custom-select-wrapper .custom-select:focus {
  border-color: #000;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.confirm-application-wrapper .custom-select-wrapper .custom-select::-ms-expand {
  display: none;
}
.confirm-application-wrapper .next-step-button,
.confirm-application-wrapper .prev-step-button {
  display: inline-block;
}
.confirm-application-wrapper .next-step-button button,
.confirm-application-wrapper .prev-step-button button {
  background: #A1A1FF 0% 0% no-repeat padding-box;
  border-radius: 100px;
  width: 110px;
  line-height: 34px;
  border: 0;
  font: "Space Grotesk" normal normal medium 16px/21px;
  letter-spacing: 0px;
  color: #FFFFFF;
  opacity: 1;
  margin-top: 23px;
}
.confirm-application-wrapper .next-step-button button:hover,
.confirm-application-wrapper .prev-step-button button:hover {
  background-color: #8181ff;
}
.confirm-application-wrapper .next-step-button.prev-step-button,
.confirm-application-wrapper .prev-step-button.prev-step-button {
  display: none;
}
.confirm-application-wrapper .next-step-button.prev-step-button button,
.confirm-application-wrapper .prev-step-button.prev-step-button button {
  background: transparent;
  color: #A1A1FF !important;
  border: 1px solid #A1A1FF;
}
.confirm-application-wrapper .next-step-button.prev-step-button button:hover,
.confirm-application-wrapper .prev-step-button.prev-step-button button:hover {
  color: #8181ff !important;
  background-color: transparent !important;
}
.confirm-application-wrapper .btn-close {
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23203030'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center / 15px auto no-repeat;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
  height: 20px;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 16px;
  color: #203030;
  font-size: 0px;
}
.confirm-application-wrapper .btn-add-comment {
  font-size: 12px;
  color: #A1A1FF;
  font-weight: bold;
  text-decoration: none;
  cursor: pointer;
}
.confirm-application-wrapper .add-question-input {
  border: 1px solid #707070;
}
.footer-social .img-fluid {
  max-width: 44px !important;
}
@media (max-width: 767px) {
  .container {
    max-width: 100%;
  }
}
.loader {
  position: relative;
  width: 120px;
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.circle {
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
  /* Start z góry */
}
path {
  fill: none;
  /* Brak wypełnienia środka */
  stroke-width: 3;
  /* Grubość obwodu */
}
.background {
  stroke: #ccc;
  /* Szary kolor tła */
}
.progress {
  stroke: green;
  /* Zielony wskaźnik postępu */
  stroke-dasharray: 100;
  /* Cały obwód */
  stroke-dashoffset: 100;
  /* Początkowe wypełnienie na 0% */
  transition: stroke-dashoffset 0.5s ease;
  /* Animacja wypełniania */
}
.percentage {
  position: absolute;
  font-size: 1.5em;
  color: black;
  font-weight: bold;
}
.listing-all-offers-container .listing-offers-sidebar h2 {
  font-size: 24px;
  color: #004444;
  font-weight: bold;
  margin-bottom: 20px;
}
.listing-all-offers-container .listing-offers-sidebar a.listing-offers-sidebar-item-link {
  font-size: 16px;
  color: #b3b3b3;
  font-weight: bold;
  text-decoration: none;
  margin-bottom: 30px;
  margin-top: 10px;
  display: block;
}
.listing-all-offers-container .listing-offers-sidebar .listing-offers-filter-buttons {
  margin-top: 20px;
}
.listing-all-offers-container .listing-offers-sidebar .listing-offers-filter-buttons button {
  background-color: #004444;
  border-radius: 30px;
  padding: 10px 120px;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
}
.listing-all-offers-container .listing-offers-sidebar .listing-offers-filter-item .listing-offers-filter-item-content input[type="text"],
.listing-all-offers-container .listing-offers-sidebar .listing-offers-filter-item .listing-offers-filter-item-content input[type="email"],
.listing-all-offers-container .listing-offers-sidebar .listing-offers-filter-item .listing-offers-filter-item-content input[type="password"],
.listing-all-offers-container .listing-offers-sidebar .listing-offers-filter-item .listing-offers-filter-item-content input[type="number"],
.listing-all-offers-container .listing-offers-sidebar .listing-offers-filter-item .listing-offers-filter-item-content input[type="tel"],
.listing-all-offers-container .listing-offers-sidebar .listing-offers-filter-item .listing-offers-filter-item-content input[type="date"],
.listing-all-offers-container .listing-offers-sidebar .listing-offers-filter-item .listing-offers-filter-item-content select {
  font-family: "Space Grotesk", sans-serif;
  font-size: 16px;
  color: #004444;
  font-weight: normal;
  background-color: #fff;
  border: 4px solid #004444;
  text-decoration: none;
  border-radius: 30px;
  padding: 10px 20px;
  margin-right: 10px;
  text-align: left;
  min-width: 120px;
  display: inline-block;
  transition: ease 0.4s;
  width: 100%;
}
.listing-all-offers-container .listing-offers-sidebar .listing-offers-filter-item .listing-offers-filter-item-content select {
  background-color: #fff;
  border: 4px solid #004444;
  border-radius: 30px;
  width: 100%;
}
.listing-all-offers-container .listing-offers-sidebar .listing-offers-filter-item .listing-offers-filter-item-title {
  font-size: 16px;
  color: #004444;
  font-weight: bold;
  margin-bottom: 10px;
  margin-top: 10px;
}
.listing-all-offers-container .for-single-offer-container .listing-offer-item {
  border: 1px solid #004444;
  border-radius: 10px;
  padding: 20px;
  margin-bottom: 20px;
}
.listing-all-offers-container .for-single-offer-container .listing-offer-item h3 {
  font-size: 18px;
  color: #004444;
  font-weight: bold;
  margin-bottom: 10px;
}
.listing-all-offers-container .for-single-offer-container .listing-offer-item .location {
  font-size: 14px;
  color: #004444;
  font-weight: bold;
  margin-bottom: 10px;
}
.listing-all-offers-container .for-single-offer-container .listing-offer-item .reward-container .price-line-1 {
  font-size: 14px;
  color: #004444;
  font-weight: bold;
}
.listing-all-offers-container .for-single-offer-container .listing-offer-item .reward-container .price-line-2 {
  font-size: 14px;
  color: #004444;
  font-weight: normal;
  padding-bottom: 10px;
}
.listing-all-offers-container .for-single-offer-container .listing-offer-item .listing-offer-item-buttons a.purple-button-small {
  font-family: "Space Grotesk", sans-serif;
  font-size: 16px;
  color: white;
  font-weight: bold;
  background-color: #a1a1ff;
  text-decoration: none;
  border-radius: 30px;
  padding: 10px 20px;
  min-width: 120px;
  text-align: center;
  margin-top: 10px;
  display: inline-block;
}
/*# sourceMappingURL=profile.css.map */