.strony-kursy-listing-stopka_linia_trzymak {
    background-color: #fdf6e9
}
.strony-kursy-listing-wpisy_tlo1 {
    background-color: #fdf6e9;
    color: #000000;
}
.strony-kursy-listing-cz_siwa {
    color: #929292;
}
.strony-kursy-listing .strony-otwarte-rekrutacje-kierunki-tlo1-srodek-txt .boxy_home4 {
    padding: 10px;
    border: none !important;
}
.strony-kursy-listing-tlo1 {
    padding-top: 40px;
}
.strony-kursy-listing .strony-otwarte-rekrutacje-kierunki-tlo1-srodek {
    background-color: #F5F5F5;
}
.strony-kursy-listing_banner_podstrona {
    background-color: #E7E7E7;   
}

.strony-kursy-listing_banner_podstrona .banner_txt_prawa_img1 {
    margin-left: 40px;
}
.strony-kursy-listing_banner_podstrona .strony-warunki-promocji-banner-button {
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #e6c990;
    border: solid 2px #e6c990;
}

/* żółto-brązowy kształt */
.strony-kursy-listing_banner_podstrona::before {
    content: "";
    position: absolute;
    left: 0;
    top: 30px;
    width: 66%;
    height: calc(100% - 30px);
    background: #e2c07e;
    border-top-right-radius: 35px;

    clip-path: polygon(
        0 0,
        58% 0,
        84% 65%,
        100% 100%,
        0 100%
    );

    z-index: 1;
}




.animacja-appear {
    position: absolute;
    right: 0;
    top: 20px;
    width: 520px;
    height: 420px;
    z-index: 4;
    pointer-events: none;
}

/* wspólne ustawienia kart */
.animacja-appear-karta {
    position: absolute;
    display: block;
    max-width: 100%;
    height: auto;

    opacity: 0;
    transform: translateY(45px) scale(0.94) rotate(0deg);
    transition:
        opacity 0.75s ease,
        transform 0.85s cubic-bezier(0.22, 1, 0.36, 1);
}

/* karta tylna */
.animacja-appear-karta-3 {
    right: 0;
    top: 150px;
    width: 470px;
    transform: translateY(45px) scale(0.94) rotate(5deg);
    z-index: 1;
}

/* karta środkowa */
.animacja-appear-karta-2 {
    right: 130px;
    top: 80px;
    width: 500px;
    transform: translateY(45px) scale(0.94) rotate(-4deg);
    z-index: 2;
}

/* karta główna */
.animacja-appear-karta-1 {
    right: 260px;
    top: 0;
    width: 560px;
    transform: translateY(45px) scale(0.94) rotate(-8deg);
    z-index: 3;
}

/* po pojawieniu się sekcji */
.animacja-appear.animacja-appear-aktywna .animacja-appear-karta {
    opacity: 1;
}

/* końcowe pozycje po animacji */
.animacja-appear.animacja-appear-aktywna .animacja-appear-karta-1 {
    transform: translateY(0) scale(1) rotate(-8deg);
    transition-delay: 0.05s;
}

.animacja-appear.animacja-appear-aktywna .animacja-appear-karta-2 {
    transform: translateY(0) scale(1) rotate(-4deg);
    transition-delay: 0.25s;
}

.animacja-appear.animacja-appear-aktywna .animacja-appear-karta-3 {
    transform: translateY(0) scale(1) rotate(5deg);
    transition-delay: 0.45s;
}