/* /Components/Footer.razor.rz.scp.css */
.footer-container[b-3e66yrvv9l] {
    padding-top: 100px;
    padding-bottom: 100px;
    display: flex;
    flex-direction: row;
    margin-left: auto;
    margin-right: auto;
    background: lightgray;
}

.footer-sub-container[b-3e66yrvv9l] {
    display: flex;
    width: 1150px;
    margin-left: auto;
    margin-right: auto;
}

.footer-col-1[b-3e66yrvv9l] 
{
    margin-left: 10px;
    width: 40%;
}

.footer-col-2[b-3e66yrvv9l] {
    width: 50%;
}

.footer-col-3[b-3e66yrvv9l] {
    width: 50%;
}

.footer-col-4[b-3e66yrvv9l] {
    width: 20%;
    margin-right: 10px;
    display: flex;
    flex-direction: column;
}

.col-2-col-3-container[b-3e66yrvv9l] {
    display: flex;
    flex-direction: row;
    width: 40%;
    text-align: left;
}

.nav-link-footer[b-3e66yrvv9l] {
    display: block;
    font-size: 0.8rem;
    margin-top: 10px;
    color: black;
    text-decoration: none;
}

.svg-container[b-3e66yrvv9l] {
    margin-top: 20px;
    position: relative;
    float: left;
    display: flex;
    width: 100%;
    margin-bottom: 20px;
}

.logo-container[b-3e66yrvv9l] {
    position: relative;
    float: left;
    display: block;
}

.svg-logo-studio[b-3e66yrvv9l] {
    height: 30px;
    display: flex;
    margin-bottom: 30px;
    left: 0;
    pointer-events: none;
}

.svg-logo-doki[b-3e66yrvv9l] {
    height: 25px;
    display: flex;
    margin-bottom: 30px;
    fill: darkgray;
    pointer-events: none;
}

.secondary-navigation-link[b-3e66yrvv9l] {
    color: #000;
    cursor: pointer;
    text-decoration: none;
    margin-top: 8px;
    display: block;
    font-size: 0.8rem;
}

    .secondary-navigation-link.font-weight-bold[b-3e66yrvv9l] {
        font-weight: bold;
    }

.svg-link[b-3e66yrvv9l] {
    margin-right: 10px;
}

.svg-link-studio[b-3e66yrvv9l] {
    cursor: pointer;
}

.svg-link-doki[b-3e66yrvv9l] {
    cursor: pointer;
}

.svg-link .svg-icon[b-3e66yrvv9l] {
    
    fill: #000;
    transition: fill 0.3s;
    height: 25px;
    width: 25px;
}

    .svg-link:hover .svg-icon.facebook[b-3e66yrvv9l] {
        fill: #0078FF;
    }

    .svg-link:hover .svg-icon.instagram[b-3e66yrvv9l] {
        fill: #d6249f;
    }

    .svg-link:hover .svg-icon.behance[b-3e66yrvv9l] {
        fill: #053eff;
    }

    .svg-link:hover .svg-icon.linkedin[b-3e66yrvv9l] {
        fill: #0e76a8;
    }

    .svg-link:hover .svg-icon.pinterest[b-3e66yrvv9l] {
        fill: #c8232c;
    }


@media (max-width: 1159.98px) 
{
    .footer-container[b-3e66yrvv9l] {
        padding-top: 100px;
        padding-bottom: 100px;
        display: flex;
        float: right;
        flex-direction: row;
        margin-right: 0;
        background: lightgray;
        width: 100%;
    }

    .footer-sub-container[b-3e66yrvv9l] {
        width: 100%;
        display: flex;
        flex-direction: column;
        float: right;
        margin-right: 0;
    }

    .footer-col-1[b-3e66yrvv9l] {
        display: flex;
        width: 100%;
        margin-right: 10px;
        margin-left: auto;
        float: right;
    }

    .footer-col-2[b-3e66yrvv9l] {
        width: auto;
        float:right;
        flex-direction: column;
        display: flex;
        margin-right: 20px;
        margin-left: 40px;
        margin-bottom:30px;
    }

    .footer-col-3[b-3e66yrvv9l] {
        width: auto;
        float:right;
        display: flex;
        flex-direction: column;
        margin-right: 20px;
        margin-bottom:30px;
    }

    .footer-col-4[b-3e66yrvv9l] {
        display:flex;
        flex-direction: column;
        width: auto;
        margin-right: 20px;
        text-align: right;
    }

    .col-2-col-3-container[b-3e66yrvv9l]{
        display: block;
        flex-direction: row;
        width: 100%;
        float:right;
        text-align: right;
        margin-right: 0;
        position: relative;
    }

    .logo-container[b-3e66yrvv9l] {
        position: relative;
        /*float: right;*/
        /*display: flex;*/
        flex-direction: column;
        width: auto;
        margin-right: auto;
        margin-left: 20px;
        align-self: flex-end;
        margin-bottom:40px;
    }

    .svg-logo-studio[b-3e66yrvv9l] {
        height: 30px;
        width: 100%;
        display: flex;
        left: 0;
    }

    .svg-logo-doki[b-3e66yrvv9l] {
        height: 25px;
        /*width: 100%;*/
        display: flex;
        fill: darkgray;
    }

    .svg-container[b-3e66yrvv9l] {
        display:block;
        margin-top: 30px;
        float:right;
        width: 100%;
        margin-right: 0;
    }

    .svg-link[b-3e66yrvv9l]{
        width: auto;
        margin-left: 20px;
    }

    .svg-link-studio[b-3e66yrvv9l] {
        height: 30px;
        width: 100%;
        display: flex;
        left: 0;
        cursor: pointer;
    }

    .svg-link-doki[b-3e66yrvv9l] {
        height: 25px;
        width: auto;
        display: flex;
        margin-top: 20px;
        margin-right: 0;
        margin-left: auto;
        fill: darkgray;
        cursor: pointer;
    }
}
/* /Components/ProjectList.razor.rz.scp.css */
/* Główny kontener zawierający wszystkie projekty */
.projects-container[b-ilajhsova1] {
    display: flex;
    flex-direction: column;
}

/* Kontener zawierający wszystkie elementy pojedynczego projektu */
.project-item[b-ilajhsova1] {
    margin-bottom: 40px;
    cursor: pointer;
}

.hover-area[b-ilajhsova1] {
    position: fixed; /* Zablokowanie pozycji względem okna przeglądarki */
    /*float: right;*/
    top: 0;
    height: 100%; /* Pokrycie całej wysokości okna */
    width: 150px; /* Szerokość obszaru aktywnego */
    z-index: 10; /* Nad innymi elementami */
    /*pointer-events: inherit;*/
    pointer-events: none; /* Pozwala na interakcje, np. zmianę kursora */
}


.hover-left[b-ilajhsova1] {
    left: 0;
    cursor: w-resize;
}

.hover-right[b-ilajhsova1] {
    right: 0;
    cursor: e-resize;
}


/* Kontener zawierający wszystkie elementy projektu widoczne na komputerze */
.project-content[b-ilajhsova1] {
    display: flex;
    justify-content: flex-start;
    overflow-x: hidden;
    overflow-y: hidden;
    white-space: nowrap;
    position: relative;

    /*transition: width 0.5s ease;*/

    /*padding-left: calc((100dvw - 1150px) / 2);*/
    /*padding-left: 25dvw;*/
    margin-left: auto;
    margin-right: auto;
    /*width: calc(((100dvw - 1150px) / 2) + 1150px);*/
    /*width: 80dvw;*/
    /*padding-left:0;*/
    margin-top: 10px;
    /*transition: padding-left 0.5s ease-in-out;*/
    width: calc((40dvh + 150px) * (16/10));

    /* Prędkość rozwijania projektu */
    transition: width 0.8s ;
}

    .project-content.expanded-content[b-ilajhsova1] {
        /*padding-left: calc((100dvw - 1150px) / 2);*/ 
        padding-left: 40px;
        width: 100%;
        cursor: grab;
    }

    .project-content:active[b-ilajhsova1] {
        cursor: grabbing;
    }

/* Kontener zawierający podstawowe dane o projekcie z wyjątkiem daty, miasta i symbolu plusa / strzałki */
.main-data[b-ilajhsova1] {
    text-align: right;
    font-size: 0.9rem;
    display: block;
    width: 200px;
    padding-right: 20px;
    float: right;
    flex: 0 0 200px;
    position: relative;
}

/* Główny tytuł projektu */
.main-data-title[b-ilajhsova1] {
    font-weight: bold;
    font-size: 1rem;
    word-wrap: break-word;
    white-space: normal;
    overflow-wrap: break-word;
}

/* Podtytuł projektu */
.main-data-subtitle[b-ilajhsova1] {
    word-wrap: break-word;
    white-space: normal;
    overflow-wrap: break-word;
}

/* Nagłówek bloku danych */
.project-data-header[b-ilajhsova1] {
    font-size: 0.8rem;
    color: darkgray;
    margin-top: 1rem
}

/* Tekst bloku danych */
.project-data-text[b-ilajhsova1] {
    font-size: 0.8rem;
}

/* Kontener zawierający datę, miasto i symbol plusa / strzałki */
.moving-data-elements[b-ilajhsova1] {
    text-align: right;
    position: absolute;
    height: 40dvh;
    width: 200px;
    /*width: 20dvw;*/
    display: block;
    align-content: end;
    transition: height 0.8s;
    padding-right: 20px;
}

    .moving-data-elements.expanded-moving-data[b-ilajhsova1] {
        height: 75dvh;
    }

/* Dodatkowe dane projektu pojawiające się dopiero po rozwinięciu projektu na komputerze */
.hidden-data[b-ilajhsova1] {
    opacity: 0;
}

    .hidden-data.expanded-data[b-ilajhsova1] {
        opacity: 1;
        transition: opacity 1s ease;
    }

/* Dodatkowe dane projektu pojawiające się dopiero po rozwinięciu projektu na urządzeniach mobilnych (znajdują się na końcu, przed inf. dod. */
.hidden-data-small-screen[b-ilajhsova1] {
    display: none;
}

.additional-data-small-screen[b-ilajhsova1] {
    display: none;
}

/* Kontener dla pojedynczego zdjęcia */
.picture[b-ilajhsova1] {
    /*flex-direction:column;*/
    /*flex: 0 0 950px;*/
    padding: 0;
    box-sizing: border-box;
    /*height: 600px;*/
    vertical-align: central;
}

    /* Style dla kontrolki img znajdującej się w kontenerze picture */
    .picture img[b-ilajhsova1] {
        width: 100%;
        height: 40dvh;
        object-fit: cover;
        display: block;
        margin: 0;
        transition: max-height 0.5s ease;
        transition: height 0.5s ease;
        vertical-align: central;
    }

    /* Style dla kontrolki video znajdującej się w kontenerze picture */
    .picture video[b-ilajhsova1] {
        /*max-height: 1000px;*/
        /*width: 100%;
        object-fit: cover;
        display: block;
        margin: 0;*/
        vertical-align: central;
        height: 75dvh;
        object-fit: cover;
        display: block;
        margin: 0;
    }

    /* Kontener pojedynczego zdjęcia dla rozwiniętego projektu */
    .picture.expanded-picture[b-ilajhsova1] {
        flex: 0 0 auto;
        height: 75dvh;
        /*vertical-align: central;*/
    }
        
        .picture.expanded-picture img[b-ilajhsova1] {
            height: 75dvh;
            /*vertical-align: central;*/
        }

/* Kontener zawierający dodatkową zawartość aktywnego projektu */
.pictures-carousel-container[b-ilajhsova1] {
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 0px;
}

/* Zagnieżdżony kontener zawierający dodatkową zawartość aktywnego projektu */
.pictures-carousel[b-ilajhsova1] {
    display: flex;
    align-items: center;
    height: 100%;
}

    .pictures-carousel .picture[b-ilajhsova1] {
        flex: 0 0 auto;
        padding: 0;
        margin-right: 10px;
    }

    .pictures-carousel img[b-ilajhsova1] {
        height: 600px;
        width: auto;
        display: block;
        object-fit: cover;
    }

/* Kontener zawierający treść załadowaną z pliku html */
.external-content[b-ilajhsova1] {
    width: 300px;
    height: 75dvh;
    word-wrap: break-word;
    white-space: normal;
    overflow-wrap: break-word;
    font-size: 0.8rem;
    margin-left: 30px;
    margin-right: 30px;
}

.external-content-mobile[b-ilajhsova1] {
    display: none;
}

/* Kontener zawierający dodatkowe informacje o projekcie znajdujące się na końcu dodatkowej zawartości */
.additional-data[b-ilajhsova1] {
    height: 100%;
    position: relative;
    display: block;
    margin-left: 30px;
    margin-right: 40px;
}

/*.svg-container {
    position: relative;
    float: right;
    width: 20px;
    height: 20px;
}*/

/* Kontener zawierający ikonę plusa zamienianego na strzałkę */
.svg-plus-arrow[b-ilajhsova1] {
    position: relative;
    float: right;
    width: 40px;
    height: 40px;
    transform: translate(0px, 0px);
    /*transform: translateX(50);*/
    /*transform: 50px -40px;*/
}

/*.svg-plus-arrow object {
    pointer-events: none;
}*/

.svg-plus-arrow-mobile-landscape[b-ilajhsova1] {
    display: none;
}

/* Kod odpowiedzialny za animację pulsowania strzałki */
@keyframes pulse-move-b-ilajhsova1 {
    0% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(10px);
    }

    100% {
        transform: translateX(0);
    }
}

/* Ikona pulsującej strzałki */
.pulsating-icon[b-ilajhsova1] {
    animation: pulse-move-b-ilajhsova1 1s infinite ease-in-out;
}

/* klasa ikony svg zastosowana dla strzałki i plusa (zmiana widoczności) */
.svg-icon[b-ilajhsova1] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.3s;
}

    .svg-icon.visible[b-ilajhsova1] {
        opacity: 1;
    }

/*.right-arrow-container {
    position: relative;
    float: right;
    width: 20px;
    height: 20px;
    bottom: 0;
    align-items: end;
    align-self: end;
    padding-right: 40px;
    align-content: end;
}*/

/* Podpis pod projektem na urządzeniach mobilnych */
.project-title-under-picture[b-ilajhsova1] {
    display: none;
    text-align: left;
    margin-top: 10px;
    margin-left: 20px
}

/* Kontener zawierający film */
.video-container[b-ilajhsova1] {
    position: relative;
    /*width: 100%;*/
    /*max-width: 640px;*/
    /*margin: 20px auto;*/
    background-color: black;

    /*max-height: 600px;*/
    /*width: 100%;*/
        object-fit: cover;
        display: block;
        margin: 0;
    object-fit: cover;
    display: block;
    margin: 0;
}

/* Klasa przypisana do znacznika video */
.video-element[b-ilajhsova1] {
    /*width: 100%;*/
    display: block;
}

/* Kontener zawierający kontrolki do sterowania odtwarzaniem filmu */
.video-controls[b-ilajhsova1] {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 10px;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 5px 10px;
    border-radius: 8px;
}
    
    .video-controls button[b-ilajhsova1] {
        background: none;
        border: none;
        padding: 0;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .video-controls button img[b-ilajhsova1] {
            width: 24px;
            height: 24px;
            filter: invert(1); /* Ustawienie koloru na biały */
        }

        .video-controls button:hover img[b-ilajhsova1] {
            filter: invert(0.5); /* Zmiana koloru na szary przy najechaniu */
        }

/* Klasa nadana kontrolce img zawierającej przyciski sterowania odtwarzaniem */
.icon[b-ilajhsova1]{
    height: 20px;
}




@media (max-width: 1159.98px) and (orientation: portrait) {
    /* Kontener zawierający wszystkie elementy bloku informacji widocznych na komputerach */
    .main-data-container[b-ilajhsova1] {
        display: none;
    }

    .projects-container[b-ilajhsova1] {
        margin-top: 10px;
    }

    /* Podpis pod projektem na urządzeniach mobilnych */
    .project-title-under-picture[b-ilajhsova1] {
        display: block;
        font-size: 0.8rem;
        width: calc(100dvw - 20px);
    }

    #first_picture img[b-ilajhsova1]{
        width: calc(100dvw - 20px);
        /*margin: 10px;*/
        height: auto;
    }

    #first-picture.expanded-picture img[b-ilajhsova1]{
        width: calc(100dvw - 20px);
        /*margin: 10px;*/
        height: auto;
    }

    .picture[b-ilajhsova1] {
        margin: 0 10px;
        height: auto;
        /*flex-basis: calc(100dvw - 20px);
        flex-grow: 0;
        flex-shrink: 1;*/
        /*max-height: 600px;*/
    }

        .picture img[b-ilajhsova1] {
            object-fit: cover;
            display: block;
            margin: 0;
        }

        .picture.expanded-picture[b-ilajhsova1] {
            /*flex-shrink: 0;
            flex-grow: 1;*/
            /*height: calc(100vh - 120px);*/
            /*height: auto;*/
            height: calc((100vw - 20px) / (16/10));
            /*width: 100dvw;*/
            margin: 0 10px;
        }

        .picture.expanded-pictuire img[b-ilajhsova1]{
            height: auto;
            /*width: 100dvw;*/
        }

    .pictures-carousel img[b-ilajhsova1] {
        height: auto;
    }

    .project-content .picture img[b-ilajhsova1] {
        height: calc((100vw - 20px) / (16/10));
    }

    .pictures-carousel[b-ilajhsova1] {
        align-items: start;
    }

    /*.project-content.expanded-content .picture img {
        height: calc(100vh - 120px);
        width: 100dvw;
    }*/

    .project-content.expanded-content .picture video[b-ilajhsova1] {
        height: calc((100vw - 20px) / (16/10));
    }

    .project-content[b-ilajhsova1] {
        width: 100%;
        padding-left: 0;

        /*aspect-ratio: 16 / 10;*/

        margin-top: 0px;
        margin-bottom: 0px;
        /*transition: margin-top 0.5s ease-in-out;
        transition: margin-bottom 0.5s ease-in-out;*/
    }

        .project-content.expanded-content[b-ilajhsova1] {
            width: 100%;
            padding-left: 0;
            /*margin-top: 60px;
            margin-bottom: 60px;*/
        }

    .hidden-data-small-screen.expanded-data[b-ilajhsova1] {
        display: block;
        margin-right: 30px;
        margin-left: 30px;
        overflow-y: hidden;
    }

    .additional-data-small-screen.expanded-data[b-ilajhsova1] {
        display: block;
        margin-right: 30px;
        margin-left: 30px;
        overflow-y: hidden;

        
    }

    .additional-data[b-ilajhsova1] {
        display: none;
        overflow-y: hidden;
    }

    .external-content[b-ilajhsova1] {
        display:none;
    }

    .external-content-mobile[b-ilajhsova1] {
        display: block;
        width: 300px;
        word-wrap: break-word;
        white-space: normal;
        overflow-wrap: break-word;
        font-size: 0.8rem;
        margin-left: 30px;
        margin-right: 30px;
        height: calc((100dvw - 40px) / (16/10));
        overflow-y: hidden;
    }

    .svg-plus-arrow[b-ilajhsova1] {
        transform: translate(370px, -40px);
        
    }

    .svg-plus-arrow-mobile-landscape[b-ilajhsova1] {
        display: none;
    }
}

@media (max-width: 1159.98px) and (orientation: landscape) {

    .main-data-container[b-ilajhsova1] {
        display: none;
    }

    .projects-container[b-ilajhsova1] {
        margin-top: 10px;
    }

    /* Podpis pod projektem na urządzeniach mobilnych */
    .project-title-under-picture[b-ilajhsova1] {
        display: block;
        font-size: 0.8rem;
        /*width: calc(69vh * (16/10));*/
        width: calc(80vh * (16/10));
        margin-left: auto;
        margin-right: auto;
        transition: width 1s;
    }

        .project-title-under-picture.expanded-data[b-ilajhsova1]{
            /*margin-top: 10px;
            margin-left: 10px;
            margin-right: 10px;*/
            width: 100vw;
            /*padding-right: 50px;*/
        }

    .project-title-under-picture-data[b-ilajhsova1] {
        margin-left: 0;
        margin-top: 0;
        margin-right: 0;
    }

        .project-title-under-picture-data.expanded-data[b-ilajhsova1] {
            margin-left: 10px;
            /*margin-top: 10px;*/
            margin-right: 10px;
            /*width: 100vw;*/
        }

        #first_picture img[b-ilajhsova1] {
        width: auto;
        /*margin: 10px;*/
        height: 80vh;
    }

    #first-picture.expanded-picture img[b-ilajhsova1] {
        width: auto;
        /*margin: 10px;*/
        height: 80vh;
    }

    .picture[b-ilajhsova1] {
        /*margin: 0 10px;*/
        /*height: auto;*/
        /*flex-basis: calc(100dvw - 20px);
        flex-grow: 0;
        flex-shrink: 1;*/
        /*max-height: 600px;*/
    }

        .picture img[b-ilajhsova1] {
            object-fit: cover;
            display: block;
            margin: 0;
        }

        .picture.expanded-picture[b-ilajhsova1] {
            /*flex-shrink: 0;
            flex-grow: 1;*/
            /*height: calc(100vh - 120px);*/
            /*height: auto;*/
            height: 80vh;
            /*width: 100dvw;*/
            margin: 0 10px;
        }

        .picture.expanded-pictuire img[b-ilajhsova1] {
            height: auto;
            /*width: 100dvw;*/
        }

    .pictures-carousel img[b-ilajhsova1] {
        height: auto;
    }

    .project-content .picture img[b-ilajhsova1] {
        height: 80vh;
        width: auto;
    }

    .pictures-carousel[b-ilajhsova1] {
        align-items: start;
    }

    /*.project-content.expanded-content .picture img {
        height: calc(100vh - 120px);
        width: 100dvw;
    }*/

    .project-content.expanded-content .picture video[b-ilajhsova1] {
        height: 80vh;
    }

    .project-content[b-ilajhsova1] {
        width: calc(80vh * (16/10));
        padding-left: 0;
        /*aspect-ratio: 16 / 10;*/
        margin-left: auto;
        margin-right: auto;
        margin-top: 0px;
        margin-bottom: 0px;
    }

        .project-content.expanded-content[b-ilajhsova1] {
            width: 100%;
            padding-left: 0;
        }

    .hidden-data-small-screen.expanded-data[b-ilajhsova1] {
        display: block;
        margin-right: 30px;
        margin-left: 30px;
        overflow-y: hidden;
    }

    .additional-data-small-screen.expanded-data[b-ilajhsova1] {
        display: block;
        margin-right: 30px;
        margin-left: 30px;
        overflow-y: hidden;
    }

    .additional-data[b-ilajhsova1] {
        display: none;
        overflow-y: hidden;
    }

    .external-content[b-ilajhsova1] {
        display: none;
    }

    .external-content-mobile[b-ilajhsova1] {
        display: block;
        width: 300px;
        word-wrap: break-word;
        white-space: normal;
        overflow-wrap: break-word;
        font-size: 0.8rem;
        margin-left: 30px;
        margin-right: 30px;
        height: 80vh;
        overflow-y: hidden;
    }

    .svg-plus-arrow-mobile-landscape[b-ilajhsova1] {
        display: none;
        /*transform: translate(0px, -40px);*/
    }
        .svg-plus-arrow-mobile-landscape.expanded[b-ilajhsova1] {
            display: block;
            /*position: relative;
            float: right;*/
            width: 40px;
            height: 40px;
            /*transform: translate(0px, -40px);*/
            position: absolute;
            right: 0;
        }
}

    @media (min-width: 1160px) {

        /* Kontener zawierający wszystkie elementy bloku informacji widocznych na komputerach */
        .main-data-container[b-ilajhsova1] {
            display: flex;
        }
        .external-content-mobile[b-ilajhsova1] {
            display: none;
        }
    }
/* /Layout/MainLayout.razor.rz.scp.css */
.page[b-49kkoflzra] 
{
   
}

.app[b-49kkoflzra]{
    height:100vh;
}

main[b-49kkoflzra] 
{
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    background-color: #f7f7f7;
}

.content[b-49kkoflzra] {
    display: block;
    position: fixed;
    height: calc(100vh - 100px);
    width: 100%;
    top: 100px;
    overflow: auto;
    background-color: #f7f7f7;
}


@media (max-width: 1159.98px) {
    .app[b-49kkoflzra] {
        height: 100%;
        overflow-y: auto;
        overflow-x: hidden;
        width: 100%;
    }

    .content.show[b-49kkoflzra]{
        height: 0px;
    }

    .content[b-49kkoflzra] {
        position: relative;
        height:100%;
        /*height: 100vh;*/
        top: 0;
    }
}
/* /Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-kzu7r4nqfe] {
    display: flex;
    float: right;
    border: none;
    vertical-align: central;
    background: none;
    align-items: center;
    justify-content: center;
    width: 50px;
}

.navbar[b-kzu7r4nqfe] {
    position: fixed;
    display: flex;
    top: 0;
    width: 100%;
    z-index: 1000;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    margin-top: 25px;
    background-color: #f7f7f7;
    
}

.navbar-brand[b-kzu7r4nqfe]
{
    cursor: pointer;
}

.main-navigation-link[b-kzu7r4nqfe] {
    color: #000;
    cursor: pointer;
    text-decoration: none;
    user-select: none;
}

    .main-navigation-link.font-weight-bold[b-kzu7r4nqfe]{
        font-weight: bold;
    }

    .navbar-toggler:focus[b-kzu7r4nqfe] {
        outline: none;
        box-shadow: none;
    }

.secondary-navigation-link[b-kzu7r4nqfe] {
    color: #000;
    cursor: pointer;
    text-decoration: none;
    margin-bottom: 10px;
    user-select: none;
}

    .secondary-navigation-link.font-weight-bold[b-kzu7r4nqfe] {
        font-weight: bold;
    }

.top-row[b-kzu7r4nqfe] {
    margin: 0;
    padding: 0;
    
}

.toggle-button[b-kzu7r4nqfe] {
    border: none;
    background: none;
    margin-right: 20px;
    margin-left: auto;
    position:relative;
    display:flex;
    float:inline-end;
    vertical-align: central;
    background: none;
    align-items: center;
    justify-content: center;
}

.navbar-nav[b-kzu7r4nqfe] {
    display: flex;
    justify-content: space-between; /* R�wne odst�py mi�dzy elementami */
    width: 100%;
    padding: 0;
    list-style: none;
}


    .navbar-nav .nav-item[b-kzu7r4nqfe] {
        font-size: 0.9rem;
        text-align: center;
    }

.navbar-nav .nav-item[b-kzu7r4nqfe]  a {
    color: #000; 
    border-radius: 4px;
    height: 100%; 
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 1rem; 
}

.navbar-nav .nav-item-hidden[b-kzu7r4nqfe] {
    font-size: 0.9rem;
    color: #000;
    height: 100%;
    display: flex;
    float: right;
    justify-content: right;
}

.navbar-nav .nav-item[b-kzu7r4nqfe]  a.active {
    color: black;
    font-weight: bold;
}

.navbar-nav .nav-item[b-kzu7r4nqfe]  a:hover {
    color: black;
}

.collapse[b-kzu7r4nqfe] {
    clear: both;
    width: 1150px;
    margin-left: auto;
    margin-right: auto;
    float: right;
}

.show[b-kzu7r4nqfe] {
    margin-top: 30px;
    margin-bottom: 20px;
    clear: both;
    width: 1150px;
    margin-left: auto;
    margin-right: auto;
    float: right;
}

.navbar-collapse[b-kzu7r4nqfe] {
    float: right;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-left:50px;
    margin-right: 50px;
}

.navigation[b-kzu7r4nqfe] {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 75px;
    
}

.navigation2[b-kzu7r4nqfe] {
    width: 1150px;
    display: flex;
    margin-left: auto;
    margin-right: auto;
}

.navigation2 img[b-kzu7r4nqfe]{
    width: 150px;
}

@media (max-width: 1159.98px) {
    .d-lg-flex[b-kzu7r4nqfe] {
        display: none !important;
    }

    .d-lg-none[b-kzu7r4nqfe] {
        display: flex !important;
    }

    .navbar-toggler[b-kzu7r4nqfe] {
        background-color: rgba(255, 255, 255, 0.1);
        display: float;
        flex-direction: column;
        align-items: flex-end;
        float: right;
    }

    .toggle-button[b-kzu7r4nqfe]{
        margin-right:20px;
    }

    .navbar[b-kzu7r4nqfe] {
        position: relative;
        margin-top: 10px;
        top:0;
        transition: top 0.3s;
    }

    .navigation[b-kzu7r4nqfe]{
        min-height: 40px;
    }

    .navbar-brand[b-kzu7r4nqfe] {
        margin-left:20px;
    }

    .navigation2[b-kzu7r4nqfe] {
        width: 100%;
        display: flex;
        margin-left: auto;
        margin-right: auto;
        flex-direction: row;
        align-items: stretch;
    }

        .navigation2 img[b-kzu7r4nqfe] {
            width: 100px;
        }

    .collapse[b-kzu7r4nqfe] {
        clear: both;
        width: 100vw;
        margin-left: auto;
        margin-right: auto;
    }

    .show[b-kzu7r4nqfe] {
        clear: both;
        width: 90%;
        margin-right: 20px;
        height: calc(100dvh - 100px);
        position:sticky;
        background-color: #f7f7f7;
        overflow-y: hidden;
    }

    .navbar-nav[b-kzu7r4nqfe] {
        flex-direction: column;
        align-items: flex-end;
    }

    .submenu-container[b-kzu7r4nqfe]{
        width: 100%;
        display: flex;
        flex-direction: column;
        margin-right:0;
    }

    .submenu-col-2-col-3-container[b-kzu7r4nqfe] {
        display: flex;
        flex-direction: row;
        float: right;
        margin-right: 0;
        position: relative;
    }

    .submenu-col-2[b-kzu7r4nqfe]{
        width: auto;
        display: flex;
        flex-direction: column;
        margin-left: auto;
        margin-right: 60px;
    }

    .submenu-col-3[b-kzu7r4nqfe]{
        width: auto;
        display: block;
        flex-direction: column;
        margin-right: 0;
    }

    .submenu-col-4[b-kzu7r4nqfe]{
                display: flex;
        flex-direction: column;
        width: auto;
        margin-top: 40px;
        margin-right: 0;
        text-align: right;
    
    }

    .svg-container[b-kzu7r4nqfe] {
        display: block;
        margin-top: 30px;
        float: right;
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px;
    }

    .svg-link[b-kzu7r4nqfe] {
        width: auto;
        margin-left: 20px;
    }

        .svg-link .svg-icon[b-kzu7r4nqfe] {
            fill: #000; /* Domy�lny kolor */
            transition: fill 0.3s;
            height: 25px;
            width: 25px;
        }

        .svg-link:hover .svg-icon.facebook[b-kzu7r4nqfe] {
            fill: #0078FF; /* Kolor po najechaniu */
        }

        .svg-link:hover .svg-icon.instagram[b-kzu7r4nqfe] {
            fill: #d6249f;
        }

        .svg-link:hover .svg-icon.behance[b-kzu7r4nqfe] {
            fill: #053eff;
        }

        .svg-link:hover .svg-icon.linkedin[b-kzu7r4nqfe] {
            fill: #0e76a8;
        }

        .svg-link:hover .svg-icon.pinterest[b-kzu7r4nqfe] {
            fill: #c8232c;
        }


    .secondary-navigation-link[b-kzu7r4nqfe] {
        color: #000;
        cursor: pointer;
        text-decoration: none;
        margin-top: 8px;
        display: block;
        font-size: 0.8rem;
    }
}

@media (min-width: 1160px) {
    .navbar-toggler[b-kzu7r4nqfe] {
        display: flex;
    }

    .navigation2[b-kzu7r4nqfe] {
        width: 1150px;
        display: flex;
        margin-left: auto;
        margin-right: auto;
    }

    .d-lg-flex[b-kzu7r4nqfe] {
        display: flex !important;
    }

    .d-lg-none[b-kzu7r4nqfe] {
        display: none !important;
    }

    .navbar-nav[b-kzu7r4nqfe] {
        flex-direction: row;
        align-content: center;
        width: 100%;
    }
}
/* /Pages/AboutUs.razor.rz.scp.css */

.full-width-image[b-dzw52a8p9z] {
    position: relative;
    width: 100%;
    height: 360px;
    object-fit: cover;
}

.full-height-image[b-dzw52a8p9z] {
    position: relative;
    width: 100%;
    height: 500px;
    object-fit: cover;
}

.centered-div[b-dzw52a8p9z] {
    position: absolute;
    display: flex;
    flex-direction: column;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: auto; /* Określona szerokość */
    text-align: left;
    /*background-color: rgba(255, 255, 255, 0.7);*/
    padding: 20px;
    /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);*/
    color: #FFFFFF;
}

.image-container[b-dzw52a8p9z] {
    position: relative;
    /*width: 100%;*/
    /*height: calc(100dvh - 100px);*/
    height: 360px;
    overflow: hidden;
}

    .image-container img[b-dzw52a8p9z] {
        width: 100%;
        height: 100%;
        object-fit: cover; /* Dopasuj obraz, aby wypełnić kontener */
    }

.row1-container[b-dzw52a8p9z]{
    width: 100%;
    background: white;
    padding-top: 60px;
    padding-bottom: 60px;
}

.row1[b-dzw52a8p9z]{
    /*margin-top: 40px;
    margin-bottom: 40px;*/
    width: 1150px;
    display: flex;
    flex-direction: row;
    margin-left: auto;
    margin-right: auto;
    /*background: white;*/
}

.row1-col1[b-dzw52a8p9z]{
    width: 40%;
    font-size: 2rem;
}

.row1-col2[b-dzw52a8p9z]{
    width: 60%;

}

.row2[b-dzw52a8p9z]{
    width: 1100px;
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    margin-top: 100px;
    margin-bottom: 100px;
    margin-left: auto;
    margin-right: auto;
}

.row3-container[b-dzw52a8p9z]{
        width: 100%;
    background: white;
    /*padding-top: 60px;
    padding-bottom: 60px;*/
}

.row3[b-dzw52a8p9z]{
    width: 1150px;
    
    display: flex;
    flex-direction: row;
    margin-left: auto;
    margin-right: auto;
}

.row3-img[b-dzw52a8p9z] {
    width: 50%;
    /*height: 500px;*/
}

    .row3-img.mobile[b-dzw52a8p9z] {
        display: none;
    }

    .row3-img.desktop[b-dzw52a8p9z] {
        display: block;
    }

.row3-text-container[b-dzw52a8p9z] {
    width: 50%;
    padding-left: 80px;
    padding-right: 0px;
    margin-top: auto;
    margin-bottom: auto;
    display: block;

}

    .row3-text-container.left[b-dzw52a8p9z] {
        padding-left: 0px;
        padding-right: 80px;
    }

.row3-text[b-dzw52a8p9z] {
    /*font-size: 1rem;*/
}
    

.row4-container[b-dzw52a8p9z]{
    width: 100%;
    /*background: white;*/
    padding-top: 60px;
    padding-bottom: 60px;
}

.row5-container[b-dzw52a8p9z] {
    width: 100%;
    background: white;
    padding-top: 60px;
    padding-bottom: 60px;
}

.row5[b-dzw52a8p9z]{
        width: 1150px;
    display: flex;
    flex-direction: row;
    margin-left: auto;
    margin-right: auto;
}

.row5-header[b-dzw52a8p9z]{
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    /*margin-top: 100px;*/
    margin-bottom: 40px;

}

.row5-col1-container[b-dzw52a8p9z] {
    width: 50%;
    font-size: 1rem;
    padding-left: 40px;
    padding-right: 40px;
    
    /*margin-top: auto;
    margin-bottom: auto;*/

}

.row5-col1-1[b-dzw52a8p9z] {
    margin-right: 10px;
    display: flex;
    flex-direction: row;
    margin-bottom: 15px;
}

.dot[b-dzw52a8p9z] {
    height: 5px;
    width: 5px;
    background-color: #000000;
    border-radius: 50%;
    margin-bottom: 3px;
    /*display: inline-block;*/
}


.row5-dots[b-dzw52a8p9z] {
    margin-top: 3px;
    margin-right: 10px;
    padding-top: 0;
    display: flex;
    flex-direction: column;
}

.row5-text[b-dzw52a8p9z]{
    font-size: 0.9rem;

}

.row5-col2-container[b-dzw52a8p9z]{
    width: 50%;
    font-size: 1rem;
    padding-left: 40px;
    padding-right: 40px;
    /*margin-top: auto;
    margin-bottom: auto;*/
}


.svg-container[b-dzw52a8p9z] {
    position: relative;
    float: right;
    width: 60px;
    height: 60px;
}

.svg-icon[b-dzw52a8p9z] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.logo-container[b-dzw52a8p9z] {
    max-width: 1150px;
    width: 100%;
    margin: 60px auto;
    padding: 10px;
    box-sizing: border-box;
}

.logo-grid[b-dzw52a8p9z] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
}

.logo-cell[b-dzw52a8p9z] {
    flex: 1 0 calc(12.5% - 10px); /* 12.5% because 100% / 8 columns */
    max-width: calc(12.5% - 10px); /* Same as flex-basis to ensure columns are the same width */
    min-width: 100px; /* Minimum width for a logo cell before wrapping */
    height: 100px; /* Same height for all cells */
    display: flex;
    align-items: center;
    justify-content: center;
}

    .logo-cell img[b-dzw52a8p9z] {
        width: 80px;
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
    }



@media (max-width: 1159.98px) {
    .image-container[b-dzw52a8p9z]{
        margin-top:10px;
    }

    /*.full-width-image {
        position: relative;
        width: 100%;
        height: 100px;
        object-fit: cover;
    }*/

    .image-container[b-dzw52a8p9z] {
        height: 200px;
    }

    .row1-container[b-dzw52a8p9z] {
        width: 100%;
        background: white;
        padding-top: 40px;
        padding-bottom: 60px;
    }

    .row1[b-dzw52a8p9z] {
        /*margin-top: 40px;
    margin-bottom: 40px;*/
        width: auto;
        display: flex;
        flex-direction: column;
        margin-left: 20px;
        margin-right: 20px;
        /*background: white;*/
    }

    .row1-col1[b-dzw52a8p9z] {
        width: 100%;
        font-size: 2rem;
    }

    .row1-col2[b-dzw52a8p9z] {
        margin-top: 20px;
        width: 100%;
    }

    .row2[b-dzw52a8p9z]{
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }


    .row3-container[b-dzw52a8p9z] {
        width: 100%;
        background: white;
        /*padding-top: 60px;
        padding-bottom: 60px;*/
    }

    .row3[b-dzw52a8p9z] {
        width: 100%;
        display: flex;
        flex-direction: column;
        margin-left: auto;
        margin-right: auto;
    }

    .row3-img[b-dzw52a8p9z] {
        width: 100%;
        /*height: 500px;*/
    }

    .row3-img.mobile[b-dzw52a8p9z]{
        width: 100%;
        display: block;
        /*margin-top: 30px;*/
    }

    .row3-img.desktop[b-dzw52a8p9z]{
        display: none;
    }

    .row3-text-container[b-dzw52a8p9z] {
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
        margin-top: auto;
        margin-bottom: auto;
        display: block;
    }

        .row3-text-container.left[b-dzw52a8p9z] {
            padding-left: 0px;
            padding-right: 0px;
        }

    .row3-text[b-dzw52a8p9z] {
        font-size: 1.2rem;
        margin-top: 40px;
        margin-bottom: 40px;
        margin-left: 20px;
        margin-right: 20px;
    }


    .row5[b-dzw52a8p9z] {
        width: 100%;
        display: flex;
        flex-direction: column;
        margin-left: auto;
        margin-right: auto;
    }

    .row5-col1-container[b-dzw52a8p9z] {
        width: 100%;
        font-size: 1rem;
        padding-left: 20px;
        padding-right: 20px;
        /*margin-top: auto;
    margin-bottom: auto;*/
    }

    .row5-col2-container[b-dzw52a8p9z] {
        width: 100%;
        font-size: 1rem;
        padding-left: 20px;
        padding-right: 20px;
        /*margin-top: auto;
    margin-bottom: auto;*/
    }
}
/* /Pages/Career.razor.rz.scp.css */
.full-width-image[b-pzvba3pap6] {
    position: relative;
    width: 100%;
    height: 360px;
    object-fit: cover;
}

.image-container[b-pzvba3pap6] {
    position: relative;
    /*width: 100%;*/
    /*height: calc(100dvh - 100px);*/
    height: 360px;
    overflow: hidden;
}

    .image-container img[b-pzvba3pap6] {
        width: 100%;
        height: 100%;
        object-fit: cover; /* Dopasuj obraz, aby wypełnić kontener */
    }

.row1-container[b-pzvba3pap6] {
    width: 100%;
    background: white;
    padding-top: 60px;
    padding-bottom: 60px;
}

.row1[b-pzvba3pap6] {
    /*margin-top: 40px;
    margin-bottom: 40px;*/
    width: 1150px;
    display: flex;
    flex-direction: row;
    margin-left: auto;
    margin-right: auto;
    /*background: white;*/
}

.row1-col1[b-pzvba3pap6] {
    width: 40%;
    font-size: 2rem;
}

.row1-col2[b-pzvba3pap6] {
    width: 60%;
}


.row2-container[b-pzvba3pap6] {
    width: 100%;
    /*background: white;*/
    padding-top: 60px;
    padding-bottom: 60px;
}

.row2[b-pzvba3pap6] {
    /*margin-top: 40px;
    margin-bottom: 40px;*/
    width: 1150px;
    display: flex;
    flex-direction: row;
    margin-left: auto;
    margin-right: auto;
    /*background: white;*/
}

.row2-col1[b-pzvba3pap6] {
    width: 40%;
    font-size: 1rem;
    padding-right: 80px;
}

.row2-col2[b-pzvba3pap6] {
    width: 60%;
    /*display: flex;
    flex-direction: row;*/
}

.dot[b-pzvba3pap6] {
    height: 5px;
    width: 5px;
    background-color: #000000;
    border-radius: 50%;
    margin-bottom: 3px;
    /*display: inline-block;*/
}

.row-dots-container[b-pzvba3pap6]{
    display: flex;
    flex-direction: row;
    margin-bottom: 5px;
}

.row-dots[b-pzvba3pap6] {
    margin-top: 3px;
    margin-right: 10px;
    padding-top: 0;
    display: flex;
    flex-direction: column;
}

.row2-text[b-pzvba3pap6] {
    font-size: 0.9rem;
}


.row3-container[b-pzvba3pap6] {
    width: 100%;
    background: white;
    padding-top: 60px;
    padding-bottom: 60px;
}

.row3[b-pzvba3pap6] {
    /*margin-top: 40px;
    margin-bottom: 40px;*/
    width: 1150px;
    display: flex;
    flex-direction: row;
    margin-left: auto;
    margin-right: auto;
    /*background: white;*/
}

.row3-col1[b-pzvba3pap6] {
    width: 40%;
    font-size: 1rem;
    padding-right: 80px;
}

.row3-col2[b-pzvba3pap6] {
    width: 60%;
    /*display: flex;
    flex-direction: row;*/
}

.row3-col2-box[b-pzvba3pap6]{
    border: solid 1px #000000;
    padding: 20px;
    text-align: center;
    margin-top:30px;
}


@media (max-width: 1159.98px) {
    .image-container[b-pzvba3pap6] {
        margin-top: 10px;
    }

    .image-container[b-pzvba3pap6] {
        height: 200px;
    }

    .row1-container[b-pzvba3pap6] {
        width: 100%;
        background: white;
        padding-top: 40px;
        padding-bottom: 60px;
    }

    .row1[b-pzvba3pap6] {
        /*margin-top: 40px;
    margin-bottom: 40px;*/
        width: auto;
        display: flex;
        flex-direction: column;
        margin-left: 20px;
        margin-right: 20px;
        /*background: white;*/
    }

    .row1-col1[b-pzvba3pap6] {
        width: 100%;
        font-size: 2rem;
    }

    .row1-col2[b-pzvba3pap6] {
        margin-top: 20px;
        width: 100%;
    }


    .row2-container[b-pzvba3pap6] {
        width: 100%;
        /*background: white;*/
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .row2[b-pzvba3pap6] {
        /*margin-top: 40px;
    margin-bottom: 40px;*/
        width: 100%;
        display: flex;
        flex-direction: column;
        margin-left: auto;
        margin-right: auto;
        /*background: white;*/
    }

    .row2-col1[b-pzvba3pap6] {
        width: 100%;
        font-size: 1rem;
        padding-left: 20px;
        padding-right: 20px;
    }

    .row2-col2[b-pzvba3pap6] {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        /*display: flex;
    flex-direction: row;*/
    }



    .row3-container[b-pzvba3pap6] {
        width: 100%;
        background: white;
        /*padding-top: 60px;
        padding-bottom: 60px;*/
    }

    .row3[b-pzvba3pap6] {
        width: 100%;
        display: flex;
        flex-direction: column;
        margin-left: auto;
        margin-right: auto;
    }

    .row3-img[b-pzvba3pap6] {
        width: 100%;
        /*height: 500px;*/
    }

        .row3-img.mobile[b-pzvba3pap6] {
            width: 100%;
            display: block;
            margin-top: 30px;
        }

        .row3-img.desktop[b-pzvba3pap6] {
            display: none;
        }

    .row3-text-container[b-pzvba3pap6] {
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
        margin-top: auto;
        margin-bottom: auto;
        display: block;
    }

    .row3-text[b-pzvba3pap6] {
        font-size: 1.2rem;
        margin-top: 40px;
        margin-left: 20px;
        margin-right: 20px;
    }

    .row3-col1[b-pzvba3pap6] {
        width: 100%;
        font-size: 1rem;
        padding-left: 20px;
        padding-right: 20px;
    }

    .row3-col2[b-pzvba3pap6] {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        /*display: flex;
    flex-direction: row;*/
    }


    .row5[b-pzvba3pap6] {
        width: 100%;
        display: flex;
        flex-direction: column;
        margin-left: auto;
        margin-right: auto;
    }

    .row5-col1-container[b-pzvba3pap6] {
        width: 100%;
        font-size: 1rem;
        padding-left: 20px;
        padding-right: 20px;
        /*margin-top: auto;
    margin-bottom: auto;*/
    }

    .row5-col2-container[b-pzvba3pap6] {
        width: 100%;
        font-size: 1rem;
        padding-left: 20px;
        padding-right: 20px;
        /*margin-top: auto;
    margin-bottom: auto;*/
    }
}
/* /Pages/Contact.razor.rz.scp.css */

.full-width-image[b-c2p9kc33to] {
    position: relative;
    width: 100%;
    height: auto;
}

.centered-div[b-c2p9kc33to] {
    position: absolute;
    display: flex;
    flex-direction: column;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: auto; /* Określona szerokość */
    text-align: left;
    /*background-color: rgba(255, 255, 255, 0.7);*/
    padding: 20px;
    /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);*/
    color: #FFFFFF;
}

.image-container[b-c2p9kc33to] {
    position: relative;
    width: 100%;
    /*height: calc(100dvh - 100px);*/
    height: 100vh;
    overflow: hidden;
}

.image-container img[b-c2p9kc33to] {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Dopasuj obraz, aby wypełnić kontener */
}

.row1-container[b-c2p9kc33to] {
    width: 100%;
    /*background: white;*/
    padding-top: 60px;
    padding-bottom: 60px;
}

.row1[b-c2p9kc33to] {
    width: 550px;
    display: flex;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.row1-col1[b-c2p9kc33to] {
    width: 100%;
    font-size: 1.2rem;
}

.row1-col2[b-c2p9kc33to] {
    font-size: 0.9rem;
    margin-top: 20px;
    width: 100%;
}



@media (max-width: 1159.98px) {
    .image-container[b-c2p9kc33to] {
        margin-top: 10px;
    }

    .row1-container[b-c2p9kc33to] {
        width: 100%;
        /*background: white;*/
        padding-top: 40px;
        padding-bottom: 60px;
    }

    .row1[b-c2p9kc33to] {
        width: auto;
        display: flex;
        flex-direction: column;
        margin-left: 20px;
        margin-right: 20px;
    }

    .row1-col1[b-c2p9kc33to] {
        width: 100%;
        font-size: 2rem;
    }

    .row1-col2[b-c2p9kc33to] {
        margin-top: 20px;
        width: 100%;
    }
}
/* /Pages/CookiesPolicy.razor.rz.scp.css */
.row1-container[b-kv10419vxi] {
    width: 100%;
    background: white;
    padding-top: 60px;
    padding-bottom: 60px;
}

.row1[b-kv10419vxi] {
    width: 1150px;
    display: flex;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
}

.row1-col1[b-kv10419vxi] {
    width: 100%;
    font-size: 1.5rem;
}

.row1-col2[b-kv10419vxi] {
    margin-top: 20px;
    width: 100%;
}

.row1-header[b-kv10419vxi]{
    margin-top: 30px;
    margin-bottom: 10px;
    font-size: 1.2rem;
    font-weight: bold;

}

@media (max-width: 1159.98px) {
    .row1-container[b-kv10419vxi] {
        width: 100%;
        background: white;
        padding-top: 40px;
        padding-bottom: 60px;
    }

    .row1[b-kv10419vxi] {
        width: auto;
        display: flex;
        flex-direction: column;
        margin-left: 20px;
        margin-right: 20px;
    }

    .row1-col1[b-kv10419vxi] {
        width: 100%;
        font-size: 2rem;
    }

    .row1-col2[b-kv10419vxi] {
        margin-top: 20px;
        width: 100%;
    }
}
/* /Pages/Home.razor.rz.scp.css */
.carousel[b-r982h74xi6],
.carousel-inner[b-r982h74xi6],
.carousel-item[b-r982h74xi6],
.carousel-item.active[b-r982h74xi6] {
    height: calc(100dvh - 100px);
    width: 100%;
}

    .carousel-item.active[b-r982h74xi6] {
        display: flex;
        justify-content: center;
        align-items: center;
    }

.carousel-image[b-r982h74xi6] {
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.carousel[b-r982h74xi6] {
    margin-top: 0px;
}

.movie-main[b-r982h74xi6] {
    position: relative;
    overflow: hidden;
    width: 100dvw;
    height: calc(100vh - 100px);
}

.movie-title[b-r982h74xi6] {
    position: absolute;
    bottom: 20%;
    left: 10%;
    width: 90%;
    color: #fff;
    font-size: 3vw;
    line-height: 1.2;
    text-shadow: 2px 2px 8px rgba(0,0,0,0.6);
    letter-spacing: 0.05em;
    pointer-events: none;
    z-index: 1;
}

    .movie-main video[b-r982h74xi6] {
        position: absolute;
        top: 50%;
        left: 50%;
        width: auto;
        height: 100%;
        min-width: 100%;
        min-height: 100%;
        transform: translate(-50%, -50%);
        object-fit: cover;
    }

@media (max-width: 1159.98px) {
    .carousel[b-r982h74xi6],
    .carousel-inner[b-r982h74xi6],
    .carousel-item[b-r982h74xi6],
    .carousel-item.active[b-r982h74xi6] {
        height: calc(100dvh - 60px);
        width: 100%;
    }
     .carousel[b-r982h74xi6] {
         margin-top: 10px;
     }

    .movie-main[b-r982h74xi6] {
        
        margin-top: 10px;
        height: calc(100vh - 60px);
    }

    .movie-title[b-r982h74xi6] {
        position: absolute;
        top: 40vh;
        left: auto;
        width: 100%;
        color: #fff;
        font-size: 1rem;
        line-height: 1.2;
        text-shadow: 2px 2px 8px rgba(0,0,0,0.6);
        letter-spacing: 0.05em;
        pointer-events: none;
        text-align: center;
        z-index: 1;
    }

    .home-navigation-mobile[b-r982h74xi6] {
        position: absolute;
        bottom: 10%;
        width: 100%;
        color: #fff;
        font-size: 1rem;
        line-height: 1.2;
        text-shadow: 2px 2px 8px rgba(0,0,0,0.6);
        letter-spacing: 0.05em;
        pointer-events: none;
        text-align: center;
        z-index: 2;
    }
}
/* /Pages/InformationClause.razor.rz.scp.css */
.row1-container[b-2zs64383mb] {
    width: 100%;
    background: white;
    padding-top: 60px;
    padding-bottom: 60px;
}

.row1[b-2zs64383mb] {
    width: 1150px;
    display: flex;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
}

.row1-col1[b-2zs64383mb] {
    width: 100%;
    font-size: 2rem;
}

.row1-col2[b-2zs64383mb] {
    margin-top: 20px;
    width: 100%;
}

@media (max-width: 1159.98px) {
    .row1-container[b-2zs64383mb] {
        width: 100%;
        background: white;
        padding-top: 40px;
        padding-bottom: 60px;
    }

    .row1[b-2zs64383mb] {
        width: auto;
        display: flex;
        flex-direction: column;
        margin-left: 20px;
        margin-right: 20px;
    }

    .row1-col1[b-2zs64383mb] {
        width: 100%;
        font-size: 2rem;
    }

    .row1-col2[b-2zs64383mb] {
        margin-top: 20px;
        width: 100%;
    }
}
/* /Pages/News.razor.rz.scp.css */
.full-width-image[b-zuocut6ooz] {
    position: relative;
    width: 100%;
    height: 360px;
    object-fit: cover;
}

.full-height-image[b-zuocut6ooz] {
    position: relative;
    width: 100%;
    height: 500px;
    object-fit: cover;
}

.centered-div[b-zuocut6ooz] {
    position: absolute;
    display: flex;
    flex-direction: column;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: auto; /* Określona szerokość */
    text-align: left;
    /*background-color: rgba(255, 255, 255, 0.7);*/
    padding: 20px;
    /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);*/
    color: #FFFFFF;
}

.image-container[b-zuocut6ooz] {
    position: relative;
    /*width: 100%;*/
    /*height: calc(100dvh - 100px);*/
    height: 360px;
    overflow: hidden;
}

    .image-container img[b-zuocut6ooz] {
        width: 100%;
        height: 100%;
        object-fit: cover; /* Dopasuj obraz, aby wypełnić kontener */
    }

.row3-container[b-zuocut6ooz] {
    width: 100%;
    background: white;
    /*padding-top: 60px;
    padding-bottom: 60px;*/
}

.news-margin-top[b-zuocut6ooz]{
    margin-top: 0;
}

.row3[b-zuocut6ooz] {
    width: 1150px;
    display: flex;
    flex-direction: row;
    margin-left: auto;
    margin-right: auto;
    padding-top: 30px;
    padding-bottom: 30px;
}

.row3-img[b-zuocut6ooz] {
    width: 500px;
    /*height: 500px;*/
}

    .row3-img.mobile[b-zuocut6ooz] {
        display: none;
    }

    .row3-img.desktop[b-zuocut6ooz] {
        display: block;
    }

.row3-text-container[b-zuocut6ooz] {
    width: 650px;
    padding-left: 0px;
    padding-right: 80px;
    /*margin-top: auto;*/
    margin-bottom: auto;
    display: block;
}

    .row3-text-container.right[b-zuocut6ooz]{
        padding-left: 80px;
        padding-right: 0px;
    }

    .row3-text[b-zuocut6ooz] {
        font-size: 1.2rem;
    }

.external-content[b-zuocut6ooz] {
    /*width: 300px;*/
    /*height: 100%;*/
    word-wrap: break-word;
    white-space: normal;
    overflow-wrap: break-word;
    font-size: 0.9rem;
    margin-top: 30px;
    /*margin-left: 30px;
    margin-right: 30px;*/
}

.see-more[b-zuocut6ooz]{
    /*height: 50px;*/
    display: block;
    margin-top: 30px;
    font-size: 1rem;
    /*color: #007bff;*/
    cursor: pointer;
}



@media (max-width: 1159.98px) {
    .news-margin-top[b-zuocut6ooz] {
        margin-top: 10px;
    }

    .full-height-image[b-zuocut6ooz] {
        position: relative;
        width: 100%;
        padding-left:10px;
        padding-right: 10px;
        height: 100%;
        max-height: 500px;
        object-fit: cover;
    }

    .image-container[b-zuocut6ooz] {
        margin-top: 0px;
    }

    .image-container[b-zuocut6ooz] {
        height: 200px;
    }

    .row1-container[b-zuocut6ooz] {
        width: 100%;
        background: white;
        padding-top: 40px;
        padding-bottom: 60px;
    }

    .row1[b-zuocut6ooz] {
        /*margin-top: 40px;
    margin-bottom: 40px;*/
        width: auto;
        display: flex;
        flex-direction: column;
        margin-left: 20px;
        margin-right: 20px;
        /*background: white;*/
    }

    .row1-col1[b-zuocut6ooz] {
        width: 100%;
        font-size: 2rem;
    }

    .row1-col2[b-zuocut6ooz] {
        margin-top: 20px;
        width: 100%;
    }


    .row2-container[b-zuocut6ooz] {
        width: 100%;
        /*background: white;*/
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .row2[b-zuocut6ooz] {
        /*margin-top: 40px;
    margin-bottom: 40px;*/
        width: 100%;
        display: flex;
        flex-direction: column;
        margin-left: auto;
        margin-right: auto;
        /*background: white;*/
    }

    .row2-col1[b-zuocut6ooz] {
        width: 100%;
        font-size: 1rem;
        padding-left: 20px;
        padding-right: 20px;
    }

    .row2-col2[b-zuocut6ooz] {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        /*display: flex;
    flex-direction: row;*/
    }



    .row3-container[b-zuocut6ooz] {
        width: 100%;
        background: white;
        /*padding-top: 60px;
        padding-bottom: 60px;*/
        margin-top: 0px;
    }

    .row3[b-zuocut6ooz] {
        width: 100%;
        display: flex;
        flex-direction: column;
        margin-left: auto;
        margin-right: auto;
        padding-top: 10px;
        padding-bottom: 20px;
    }

    .row3-img[b-zuocut6ooz] {
        width: 100%;
        /*height: 500px;*/
    }

        .row3-img.mobile[b-zuocut6ooz] {
            width: 100%;
            display: block;
            margin-top: 0px;
        }

        .row3-img.desktop[b-zuocut6ooz] {
            display: none;
        }

    .row3-text-container[b-zuocut6ooz] {
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
        margin-top: auto;
        margin-bottom: auto;
        display: block;
    }
        .row3-text-container.right[b-zuocut6ooz] {
            padding-left: 0px;
            padding-right: 0px;
        }

    /*.row3-text {
        font-size: 1.2rem;
    }*/

    .row3-text[b-zuocut6ooz] {
        font-size: 1.2rem;
        margin-top: 40px;
        margin-left: 20px;
        margin-right: 20px;
    }

    .row3-col1[b-zuocut6ooz] {
        width: 100%;
        font-size: 1rem;
        padding-left: 20px;
        padding-right: 20px;
    }

    .row3-col2[b-zuocut6ooz] {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        /*display: flex;
    flex-direction: row;*/
    }


    .row5[b-zuocut6ooz] {
        width: 100%;
        display: flex;
        flex-direction: column;
        margin-left: auto;
        margin-right: auto;
    }

    .row5-col1-container[b-zuocut6ooz] {
        width: 100%;
        font-size: 1rem;
        padding-left: 20px;
        padding-right: 20px;
        /*margin-top: auto;
    margin-bottom: auto;*/
    }

    .row5-col2-container[b-zuocut6ooz] {
        width: 100%;
        font-size: 1rem;
        padding-left: 20px;
        padding-right: 20px;
        /*margin-top: auto;
    margin-bottom: auto;*/
    }

    .see-more[b-zuocut6ooz] {
        /*height: 50px;*/
        display: block;
        margin-top: 30px;
        font-size: 1rem;
        /*color: #007bff;*/
        cursor: pointer;
        margin-left: 20px;
    }
}
/* /Pages/PrivacyPolicy.razor.rz.scp.css */
.row1-container[b-cqrhicurxy] {
    width: 100%;
    background: white;
    padding-top: 60px;
    padding-bottom: 60px;
}

.row1[b-cqrhicurxy] {
    width: 1150px;
    display: flex;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
}

.row1-col1[b-cqrhicurxy] {
    width: 100%;
    font-size: 2rem;
}

.row1-col2[b-cqrhicurxy] {
    margin-top: 20px;
    width: 100%;
}

@media (max-width: 1159.98px) {
    .row1-container[b-cqrhicurxy] {
        width: 100%;
        background: white;
        padding-top: 40px;
        padding-bottom: 60px;
    }

    .row1[b-cqrhicurxy] {
        width: auto;
        display: flex;
        flex-direction: column;
        margin-left: 20px;
        margin-right: 20px;
    }

    .row1-col1[b-cqrhicurxy] {
        width: 100%;
        font-size: 2rem;
    }

    .row1-col2[b-cqrhicurxy] {
        margin-top: 20px;
        width: 100%;
    }
}
/* /Pages/Team.razor.rz.scp.css */

.full-width-image[b-wx8g8z7281] {
    position: relative;
    width: 100%;
    height: 360px;
    object-fit: cover;
}

.full-height-image[b-wx8g8z7281] {
    position: relative;
    width: 100%;
    height: 500px;
    object-fit: cover;
}

.centered-div[b-wx8g8z7281] {
    position: absolute;
    display: flex;
    flex-direction: column;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: auto; /* Określona szerokość */
    text-align: left;
    /*background-color: rgba(255, 255, 255, 0.7);*/
    padding: 20px;
    /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);*/
    color: #FFFFFF;
}

.image-container[b-wx8g8z7281] {
    position: relative;
    /*width: 100%;*/
    /*height: calc(100dvh - 100px);*/
    height: 360px;
    overflow: hidden;
}

    .image-container img[b-wx8g8z7281] {
        width: 100%;
        height: 100%;
        object-fit: cover; /* Dopasuj obraz, aby wypełnić kontener */
    }

.row1-container[b-wx8g8z7281] {
    width: 100%;
    background: white;
    padding-top: 60px;
    padding-bottom: 60px;
    
}

.row1[b-wx8g8z7281] {
    /*margin-top: 40px;
    margin-bottom: 40px;*/
    width: 1150px;
    display: flex;
    flex-direction: row;
    margin-left: auto;
    margin-right: auto;
    /*background: white;*/
}

.row1-col1[b-wx8g8z7281] {
    width: 40%;
    font-size: 2rem;
}

.row1-col2[b-wx8g8z7281] {
    width: 60%;
}

.row2-container[b-wx8g8z7281] {
    display: flex;
    justify-content: center;
}



.team-container[b-wx8g8z7281] {
    display: flex;
    flex-wrap: wrap;
    width: 1150px;
    margin: 0 auto;
    padding: 20px;
}

.left-column[b-wx8g8z7281],
.right-column[b-wx8g8z7281] {
    /*flex: 1;*/
    padding: 10px;
    box-sizing: border-box;
}

.left-column[b-wx8g8z7281] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 400px;
    margin-right: 40px;
}

.employee-details[b-wx8g8z7281] {
    /*text-align: center;*/
    margin-top: 20px;
}

.employee-photo[b-wx8g8z7281] {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    margin-bottom: 20px;
}

.employee-description[b-wx8g8z7281] {
    max-width: 500px;
}

.employee-list[b-wx8g8z7281] {
    margin-top: 10px;
    list-style-type: none;
    padding: 0;
}

.employee-item[b-wx8g8z7281] {
    cursor: pointer;
    padding-top: 10px;
    display: flex;
    flex-direction: row;
    /*border: 1px solid #ddd;*/
    margin-bottom: 0px;
    /*user-select: none;*/
    /*border-radius: 5px;*/
    /*transition: background-color 0.3s ease;*/
}

    .employee-item:hover[b-wx8g8z7281] {
        /*background-color: #f0f0f0;*/
    }

.employee-details-inline[b-wx8g8z7281] {
    /*display: none;*/
    /*text-align: center;*/
    margin-top: 10px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease-in-out;
}

.employee-details-inline.selected[b-wx8g8z7281]{
    max-height: 200px;
}

@media (min-width: 1160px)
{
    .employee-details-inline[b-wx8g8z7281] {
        display: none; /* Ukryj szczegóły pod nazwiskiem na dużych ekranach */
    }

    .row3[b-wx8g8z7281] {
        width: 1150px;
        padding-top: 100px;
        padding-bottom: 100px;
        margin-left: auto;
        margin-right: auto;
        font-size: 1.5rem;
        /*font-weight: bold;*/
        /*text-align: center;*/
        margin-top: 100px;
        margin-bottom: 100px;
    }

    .row3-text[b-wx8g8z7281] {
        width: 50%;
    }
}

@media (max-width: 1159.98px) 
{
    .image-container[b-wx8g8z7281] {
        margin-top: 10px;
        height: 200px;
    }

    .team-container[b-wx8g8z7281] {
        flex-direction: column;
    }

    .left-column[b-wx8g8z7281] {
        display: none;
    }

    .row1-container[b-wx8g8z7281] {
        width: 100%;
        background: white;
        padding-top: 40px;
        padding-bottom: 60px;
    }

    .row1[b-wx8g8z7281] {
        /*margin-top: 40px;
    margin-bottom: 40px;*/
        width: auto;
        display: flex;
        flex-direction: column;
        margin-left: 20px;
        margin-right: 20px;
        /*background: white;*/
    }

    .row1-col1[b-wx8g8z7281] {
        width: 100%;
        font-size: 2rem;
    }

    .row1-col2[b-wx8g8z7281] {
        width: 100%;
        margin-top: 20px;
    }

    .row3[b-wx8g8z7281] {
        width: auto;
        padding-top: 100px;
        padding-bottom: 100px;
        margin-left: 20px;
        margin-right: 20px;
        font-size: 1.5rem;
        /*font-weight: bold;*/
        /*text-align: center;*/
        /*margin-top: 100px;
        margin-bottom: 100px;*/
    }

    .row3-text[b-wx8g8z7281] {
        width: 100%;
    }

    .employee-details-inline[b-wx8g8z7281] {
        display: none;
        /*text-align: center;*/
        margin-top: 10px;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.5s ease-in-out;
    }

        .employee-details-inline.selected[b-wx8g8z7281] {
            display: block;
            max-height: 200px;
        }
}

.row3-container[b-wx8g8z7281]{
    
    background: white;
}