.firstSection > div {
    display: flex;
}

.firstSection > div > p {
    background: linear-gradient(135deg, #2c4258 10%, #70c1a4);
    color: #fff;
    padding: 2em;
    width: 50%;
    border-radius: 5px;
}

.firstSection > div > p > span {
    font-size: 1.75rem;
    font-weight: bold;
    margin-right: 0.25em;
    text-shadow: 4px 4px #2c4258;
}

.firstSection > div > div {
    margin-left: 2em;
    justify-content: center;
}

@media (max-width: 1088.98px) {
    .dyrektor-nauczyciel-sluchacz .rui-color-card,
    .dyrektor-nauczyciel-sluchacz .rui-card-body > div {
        border-radius: 0 !important;
    }

    .dyrektor-nauczyciel-sluchacz .rui-card-item {
        min-width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 1265px) {
    .dyrektor-nauczyciel-sluchacz .card-description-container {
        min-height: initial;
    }
}

.kierunkiDock > ul {
    list-style: none;
    background-color: #fff;
    border-radius: 25px;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 1em auto;
    padding: 0.5em 1em;
}

.kierunkiDock > ul > li {
    margin: 0 0.2em;
}

.kierunkiDock button {
    border: none;
    background: none;
}

.kierunkiDock > ul > li:hover {
    cursor: pointer;
}

.kierunkiDock > ul > li:hover:not(.kierunkiDockClicked) img,
.kierunkiDock > ul > li:focus:not(.kierunkiDockClicked) img,
.kierunkiDockClicked img {
    filter: hue-rotate(298deg) saturate(0.6) brightness(2.8);
}

#kierunekContainer {
    background-color: #fff;
    margin: 2em auto;
    width: fit-content;
    padding: 1em 2em;
    border-radius: 10px;
}

#kierunekContainer h3 {
    text-align: center;
    margin: 0.75em 0 1.5em 0;
}

#kierunekContainer > section {
    display: flex;
    justify-content: center;
}

#kierunekContainer > section div {
    margin: 0 2em;
}

.testimonials-carousel {
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
    border-collapse: collapse;
}

.testimonials-carousel-element {
    position: relative;
    min-width: 100%;
    transition: transform 0.5s ease-in-out;
    padding: 0 10vw;
}

.testimonials-carousel-element-wrapper {
    display: flex;
    margin-top: 2em;
    background-color: #fff;
    border-radius: 26px;
    box-shadow: 3px 3px 6px #404040;
    max-width: 1300px;
    margin: 0 auto 1em auto;
}

.testimonials-carousel-left {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2em 3em;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    border: 1px solid #324d5f;
    border-right: none;
    flex: 1;
}

.testimonials-carousel-left .rui-block-testimonials--author {
    font-size: 1.3em;
    white-space: nowrap;
    font-weight: initial;
    text-align: center;
}

.testimonials-carousel-left img {
    width: 100%;
}

.testimonials-carousel-element .rui-block-testimonials--quote {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    font-size: 1.3em;
    padding: 2em 3em 2em 0;
    background: linear-gradient(90deg, #5fa291, #2d4359);
    border: 1px solid #324d5f;
    color: #f4f4f4;
}

.rui-block-testimonials--quote span::first-letter {
    margin-left: -0.5rem;
}

.testimonials-carousel-element span {
    height: fit-content;
}

.testimonials-carousel-element img {
    margin-left: auto;
    margin-right: auto;
    max-width: 10rem;
}

.triangle {
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 20px 0 20px 17.3px;
    border-color: transparent transparent transparent #fff;
    filter: drop-shadow(1px 0 0 #324d5f);
    margin: 0 2em 0 -2px;
}

.sekcja-mein .sekcja-sponsor {
    background-color: #f9f9f9;
    padding: 20px;
    border-radius: 8px;
}

.sekcja-mein h2,
.sekcja-sponsor h2 {
    color: #222;
    font-size: 24px;
    margin-bottom: 15px;
    white-space: initial;
}

.sekcja-mein p,
.sekcja-sponsor p,
.sekcja-mein li,
.sekcja-sponsor li {
    color: #555;
    font-size: 16px;
    line-height: 1.5;
}

.sekcja-mein-ozdoba,
.sekcja-sponsor-ozdoba {
    min-width: 33%;
    width: 33%;
    max-width: 33%;
    margin: 0 0 0 1em;
}

@media only screen and (max-width: 600px) {
    .sekcja-mein .d-flex,
    .sekcja-sponsor .d-flex {
        flex-direction: column-reverse;
        align-items: center !important;
    }

    .sekcja-mein .d-flex {
        flex-direction: column;
    }
}

.sekcja-sponsor .d-flex {
    align-items: end;
}

.sekcja-sponsor a {
    color: #0050a5;
    text-decoration: none;
    text-transform: initial;
}

.sekcja-sponsor a:hover,
.sekcja-sponsor a:focus {
    text-decoration: underline;
}

.sekcja-sponsor ul {
    list-style-type: decimal;
    margin-left: 30px;
}

.sekcja-sponsor p:last-of-type {
    margin: 0;
}

.sekcja-sponsor-ozdoba {
    margin: 0 1em 0 0;
    float: left;
}