.strony-kariera-tlo1 {
    width: 100%;
    height: auto;
    position: relative;
    text-align: center;
    padding-top: 50px;
}
.strony-kariera-tlo1 .zdj1 {
    width: 260px;
    position: relative;
    z-index: 3;
}
.strony-kariera-tlo1 .zdj2 {
    position: absolute;
    z-index: 1;
    width: 300px;
    top: 0px;
    margin: auto;
    left: 0;
    right: 0;
}
.strony-kariera-tlo1 .nag {
    width: 100%;
    max-width: 800px;
    font-size: 18px;
    margin: auto;
    position: relative;
    z-index: 3;
    margin-top: 30px;
}
.strony-kariera-tlo2 {
    padding-top: 100px;
    position: relative;
    overflow: hidden;
}
.strony-kariera-tlo2 .strony-o-nas-tlo3-zdj1 {
    top: 0px;
}
.strony-kariera-tlo2 .slowo-obrys::before{
   border-bottom: 3px solid #8D6BDB;  
}
.strony-kariera-tlo2 .slowo-obrys::after{
   border: 3px solid #8D6BDB;
}
.strony-kariera-tlo2 .strony-o-nas-tlo3_box {
    width: 300px;
}
.strony-kariera-tlo2 .strony-o-nas-tlo3_box_aktywny {
    background-color: #f3f0fe;
}
.strony-kariera-tlo2 .strony-o-nas-tlo3_box_ksztalt path {
  fill: #f3f0fe;
  box-shadow: 0px 5px 22px 0px #8d6bdb;
}
.strony-kariera-tlo2 .strony-o-nas-tlo3_box_aktywny path  {
     fill: #ffffff;
}
.strony-kariera-tlo3 {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #eeeeee;
}
.strony-kariera-tlo2_l {
    float: left;
    width: calc(100% - 450px)
}
.strony-kariera-tlo2_l .boxy_home2 {
    width: 100% !important;
    float: none !important;
    height: 320px !important;
    margin-bottom: 30px;
    padding: 20px;
}
.strony-kariera-tlo2_l .strony-o-nas-tlo4_box_tytul_p {
    float: none;
    width: 100%;
}
.strony-kariera-tlo2_p {
    float: left;
    width: 400px;
    margin-left: 50px;
    position: relative;
}
.strony-kariera-tlo2_p .zdj1 {
    position: absolute;
    top: 300px;
    z-index: 1;
    width: 100%;
}
.strony-kariera-tlo2_p .zdj2 {
    position: relative;
    z-index: 2;
}
.strony-kariera-promocji-wpisy_tlo1 {
    background-color: #f2edfe
}
.strony-kariera-promocji-wpisy_tlo1 .strony-blog-wpisy_tlo1_txt1 {
    color: #8D6BDB;
}
.strony-kariera-promocji-wpisy_tlo1 .strony-blog-wpisy_tlo1_txt {
    width: calc(100% - 350px);
}
.strony-kariera-promocji-wpisy_tlo1 .strony-blog-wpisy_tlo1_zdj2 {
    width: 349px;
}

.strony-kariera-tlo2 .formularz_lewa {
    float: left;
    width: 400px;
    margin-right: 50px;
    position: relative;
    z-index: 2;
}
.strony-kariera-tlo2 .formularz_prawa {
    float: left;
    width: calc(100% - 450px);
    padding-right: 100px;
    position: relative;
    z-index: 2;
}

.strony-kariera-tlo2 .formularz_prawa input[type="text"] {
    width: 100%;
    background-color: #FFFFFF;
    padding: 10px;
    padding-top: 14px;
    color: #000000;
    border: none;
    border-radius: 15px;
    font-size: 18px;
}
.strony-kariera-tlo2 .formularz_prawa label {
    font-weight: normal;
    font-size: 12px;
}
.strony-kariera-tlo2 .formularz_prawa textarea {
    width: 100%;
    background-color: #FFFFFF;
    padding: 10px;
    padding-top: 14px;
    color: #000000;
    border: none;
    border-radius: 15px;
    font-size: 18px;
    height: 130px
}
.strony-kariera-tlo2 .formularz_zdj1 {
    position: absolute;
    z-index: 1;
    width: 600px;
    left: 50px;
    top: 500px;
}
.strony-kariera-tlo2 .formularz_zdj2 {
    position: absolute;
    z-index: 1;
    width: 400px;
    top: 300px;
    right: 0;
}
.kafelki-slider-kariera .boxy_home4 {
    padding: 0;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0px 10.07px 26.85px 0px #0000000D;
    border: none;
}
.kafelki-slider-kariera .boxy_home4_pierwszy {
    background-color: #FFF7E9;
}

.kafelki-slider-kariera .boxy_home4 path {
    fill: #FFF7E9 !important;
}

.kafelki-slider-kariera .boxy_home4_pierwszy path {
  fill: #ffffff;
  box-shadow: 0px 5px 22px 0px #ffffff;
}



.rekrutacja-sekcja {
  position: relative;
  width: 100%;
  padding: 20px;
  overflow: hidden;
}

/* LINIA */

.rekrutacja-linia {
  position: absolute;
  left: 12%;
  right: 12%;
  top: 110px;
  height: 3px;
  background: #d9d9d9;
  z-index: 1;
}

/* IKONA PO LEWEJ */

.rekrutacja-ikona-start {
  position: absolute;
  left: 4.5%;
  top: 87px;
  width: 48px;
  height: 48px;
  z-index: 3;
}

.rekrutacja-ikona-start img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* ZDJĘCIE PO PRAWEJ */

.rekrutacja-zdjecie {
  position: absolute;
  right: 4.5%;
  top: 70px;
  width: 70px;
  height: 70px;
  z-index: 3;
}

.rekrutacja-zdjecie img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* 4 WARSTWY / KOLUMNY */

.rekrutacja-kroki {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
}

/* POJEDYNCZY KROK */

.rekrutacja-krok {
  position: relative;
  min-height: 260px;
  padding-top: 150px;
  text-align: center;
}

.rekrutacja-krok-tlo {
    z-index: 1;
    position: absolute;
    width: 350px;
    left: 100px;
    top: 0px;
}

/* KROPKA NA LINII */

.rekrutacja-kropka {
  position: absolute;
  left: 50%;
  top: 75px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #bfbfbf;
  border: 5px solid #ffffff;
  box-sizing: content-box;
  z-index: 5;
}

/* AKTYWNA KROPKA */

.rekrutacja-krok-aktywny .rekrutacja-kropka {
  background: #8D6BDB;
}

/* TEKSTY */

.rekrutacja-krok h3 {
  margin: 0 0 22px;
  font-size: 36px;
  line-height: 1;
  color: #050816;
  letter-spacing: 0.03em;
}

.rekrutacja-krok p {
  margin: 0 auto;
  max-width: 360px;
  font-size: 24px;
  line-height: 1.35;
  font-weight: 500;
  color: #111827;
}

.button_wgraj_cv {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    min-height: 220px;
    padding: 30px;

    border: 3px dashed #ffffff;
    border-radius: 30px;

    background-color: rgba(255, 255, 255, 0.25);
    cursor: pointer;
    box-sizing: border-box;
    text-align: center;
}

.button_wgraj_cv:hover {
    background-color: rgba(255, 255, 255, 0.4);
}

.button_wgraj_cv img {
    max-width: 120px;
    height: auto;
}

.button_wgraj_cv_nazwa {
    margin-top: 15px;
    font-size: 14px;
    word-break: break-word;
}

.input_cv_ukryty {
    display: none !important;
}

.formularz-aplikacja-komunikat-blad {
    display: block;
    width: 100%;
    margin-top: 6px;
    color: #d40000;
    font-size: 13px;
    line-height: 1.35;
    font-weight: 500;
    box-sizing: border-box;
}

.formularz-aplikacja-pole-blad {
    border: 1px solid #d40000 !important;
}

.formularz-aplikacja-box-cv-blad {
    border-color: #d40000 !important;
}

.formularz-aplikacja-checkbox-blad {
    outline: 1px solid #d40000;
    outline-offset: 2px;
}

.formularz-aplikacja-komunikat-cv {
    margin-top: 8px;
}

.formularz-aplikacja-komunikat-zgoda {
    margin-top: 8px;
}