/**
WHY WORK - DETAIL
 */
.why-work-wrap .article-item {
    opacity: 0;
    transition: opacity 0.5s ease;  /* Pouze animace opacity */
    position: absolute;
}

/* Případ, kdy je článek zobrazený */
.why-work-wrap .article-item.show {
    opacity: 1;
    position: relative;
}

.why-work-wrap .buttons .left {

    position: absolute;
    left: -100px;
    top: 130px;
}

.why-work-wrap .buttons .right {

    position: absolute;
    right: -100px;
    top: 130px;
}

.why-work-wrap .round-button {
    cursor: pointer;
    position: absolute;
}

/* Tlačítko vlevo - šipka doleva */
.why-work-wrap .round-button.left::before {
}

/* Tlačítko vpravo - šipka doprava */
.why-work-wrap .round-button.right::before {
}

.why-work-wrap .image-container {
    display: flex;
    justify-content: center; /* Horizontální vycentrování */
    align-items: center; /* Vertikální vycentrování */
}

.why-work-wrap .image-container img {
    max-width: 100%;
}

/*
* WHY WORD - SEZNAM
 */

.why-work .article-square {
    background-color: #4e8790;
    color: white;
    padding-bottom: 35px;
    min-height: 480px;
    position: relative;;
}




.why-work .article-square .more {
    position: absolute;
    bottom: 20px;
    font-size: 13px;
    font-weight: bold;
}
.why-work .article-square .more a{
    color: white;
    text-decoration: underline;
    padding-left: 20px;
    padding-right: 20px;
}


.why-work .article-square p {
    padding-left: 20px;
    padding-right: 20px;
}

.why-work .article-square h3 a {
    font-weight: bold;
    color: white;
    text-decoration: none;
    text-transform: uppercase;
}
.why-work .article-square p.datetime{
    display:none;
}
.why-work .article-square h3
{
    padding-left: 20px;
    padding-right: 20px;
}

.why-work .article-square h3 a span.normal {
    font-weight: normal;
}

.why-work .list-upper-motto{
    color:black !important;
    font-weight: normal !important;
}


/*
H1 LINE
*/
h1.with-line-right {
    display: flex;
    align-items: center;
    justify-content: flex-end; /* Zarovná text vpravo */
    text-transform: uppercase;
    width: 100%; /* Aby se celé h1 roztáhlo přes dostupnou šířku */
}

h1.with-line-right .full {
    content: "";
    flex-grow: 1; /* Čára se roztáhne přes zbytek řádku */
    height: 1px; /* Tloušťka čáry */
    background-color: #25475f; /* Barva čáry */
    margin-right: 20px; /* Mezery mezi textem a čárou */

}

/*
H2 LINE
*/
h2.with-line {
    display: flex;
    align-items: center;
    text-transform: uppercase;
    font-size: 1.3em;
}

h2.with-line::after {
    content: "";
    flex-grow: 1; /* Čára se roztáhne přes zbytek řádku */
    height: 1px; /* Tloušťka čáry */
    background-color: #25475f; /* Barva čáry */
    margin-left: 10px; /* Mezery mezi textem a čárou */
}


@media (max-width: 1000px) {
    .why-work-wrap .row.career-slider {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }
    .why-work-wrap .buttons .left {
        left: -20px;
    }
    .why-work-wrap .buttons .right {
        right: -20px;
    }
}

@media (max-width: 500px) {
    .why-work-wrap .row.career-slider {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .why-work-wrap .buttons .left {
        margin: 0;
        position: fixed;
        top: 50%;
        left: 5px;
    }
    .why-work-wrap .buttons .right {
        margin: 0;
        position: fixed;
        top: 50%;
        right: 5px;
    }
}
.color-olive {
    color: #4e8795;
}

.color-olive-dark {
    color: #4e8790;
}


.color-olive-night {
    color: #25475f;
}

.subpage-header{
    margin-bottom: 0 !important;
}

.fs-14{
    font-size: 14px !important;
}
.fs-15{
    font-size: 15px !important;
}
.fs-16{
    font-size: 16px !important;
}

.fw-bold{
    font-weight: 900 !important;
}

.mb-3px{margin-bottom: 3px !important}

/*SLIDER*/
.why-work .header-slider, .career .header-slider{
    max-width: 1117px;
    margin: auto;
    max-height: 355px;
}

.why-work .header-slider .header-slider-item__text, .career .header-slider .header-slider-item__text {

        background: none
}
.why-work .header-slider .header-slider-item__image, .career .header-slider .header-slider-item__image {
    height: auto;
    overflow: hidden;
    width: 100% !important;
}