.strony-kierunek-listing_banner_podstrona {
    background-color: #E7E7E7;   
}

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

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

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

    z-index: 1;
}
.strony-kierunek-listing-wpisy_tlo1 {
    background-color: #e0edfd;
}
.strony-kierunek-listing-stopka_linia_trzymak {
    background-color: #e0edfd;
}
.strony-kierunek-listing-tlo1 {
    padding-top: 20px;
}
.strony-kierunek-listing-tlo1 .strony-twoj-koszyk-tlo1-boxy-txt {
    background-color: #d8e6f8;
}
.strony-kierunek-listing-tlo2 {
    width: 100%;
    position: relative;
    padding-top: 140px;
    background-color: #ffffff;
    overflow: hidden;
    line-height: 0;
}
.strony-kierunek-listing-tlo2_nag {
    color: #000637;
    font-size: 48px;
    position: relative;
    z-index: 2;
    font-family: "Roc Grotesk Medium";
}
.strony-kierunek-listing-tlo2_nag2 {
    color: #797979;
    font-size: 20px;
    position: relative;
    z-index: 2;
}
.strony-kierunek-listing-tlo2_nag2 b {
    color: #000;
}
.strony-kierunek-listing-tlo2_zdj {
    position: absolute;
    top: 50px;
    width: 500px;
    margin: auto;
    left: 0;
    right: 0;
}
.strony-kierunek-listing-tlo2-button1 {
    display: inline-block;
    width: 550px;
    margin-right: 30px;
    background-color: #f5f5f5;
    border-radius: 10px;
    overflow: hidden;
    height: 100px;
}
.strony-kierunek-listing-tlo2-button1-l {
    float: left;
    width: 100px;
    position: relative;
}
.strony-kierunek-listing-tlo2-button1-l path {
    fill: #5f9bd8;
    position: absolute;
    z-index: 1;
}
.strony-kierunek-listing-tlo2-button1-l img {
    position: absolute;
    z-index: 2;
    left: 10px;
    top: 20px;
    width: 50px;
}
.strony-kierunek-listing-tlo2-button1-p {
    float: left;
    width: calc(100% - 100px);
    text-align: left;
    padding: 10px;
    font-size: 12px;
    padding-top: 25px;
    padding-left: 30px;
}
.strony-kierunek-listing-tlo2-button2 {
    display: inline-block;
    width: 550px;
    margin-left: 30px;
    background-color: #f7fbff;
    border-radius: 10px;
}
.strony-kierunek-listing-tlo2-button2-l {
    float: left;
    width: 80px;
    position: relative;
}
.strony-kierunek-listing-tlo2-button2-l path {
    fill: #a5c0e0;
    position: absolute;
    z-index: 1;
}
.strony-kierunek-listing-tlo2-button2-l img {
    position: absolute;
    z-index: 2;
    left: 10px;
    top: 15px;
    width: 40px;
}
.strony-kierunek-listing-tlo2-button2-p {
    float: left;
    width: calc(100% - 80px);
    text-align: left;
    padding: 10px;
    font-size: 12px;
}
.strony-kierunek-listing-tlo2-button1 span {
    color: #00216B;
    font-family: "Roc Grotesk Medium";
    font-size: 18px;
}
.strony-kierunek-listing-tlo2-button2 span {
    color: #00216B;
    font-family: "Roc Grotesk Medium";
    font-size: 18px;
}
.strony-kierunek-listing-box1 {
    float: left;
    width: calc(100% / 3 - 40px);
    margin: 20px;
    position: relative;
    height: 300px;
    overflow: hidden;
    box-shadow: 0px 10.07px 26.85px 0px #0000000D;
    border-radius: 10px;
    background-color: #FFF;
}
.strony-kierunek-listing-box2 {
    float: left;
    width: calc(100% / 2 - 40px);
    margin: 20px;
    position: relative;
    height: 300px;
    overflow: hidden;
    box-shadow: 0px 10.07px 26.85px 0px #0000000D;
    border-radius: 10px;    
}
.strony-kierunek-listing-box_ik {
    width: 60px;
    height: 60px;
    margin-left: 0;
}
.strony-kierunek-listing-box-txt {
    padding: 20px;
}
.strony-kierunek-listing-box-txt-tytul {
    font-size: 20px;
    font-family: "Roc Grotesk Medium";
    color: #00216B;
    width: 100%;
    height: 80px;
}
.strony-kierunek-listing-box2 .strony-kierunek-listing-box-txt-tytul {
    height: 50px;
}
.strony-kierunek-listing-box-txt2 {
    height: 70px;
    width: 100%;
}

.strony-kierunek-listing-box_ik path {
    fill: #5f9bd8;
    position: absolute;
    z-index: 1;
}
.strony-kierunek-listing-box_ik img {
    position: absolute;
    z-index: 2;
    left: 10px;
    top: 13px;
    width: 20px;
}
.strony-kierunek-listing-box2-kolor1 {
    background-color: #eef4fb;
}
.strony-kierunek-listing-box2-kolor2 {
    background-color: #f5fff9;
}

.strony-kierunek-listing-box2-kolor1 .strony-kierunek-listing-box_ik path {
    fill: #9facbf;
}
.strony-kierunek-listing-box2-kolor2 .strony-kierunek-listing-box_ik path {
    fill: #84cb9f;
}