/*!*.nav-logo {*!*/
/*!*    height: 3rem;*!*/
/*!*    padding: 0 0.5rem 0.3rem 0.5rem;*!*/
/*!*    margin-right: 0.5rem;*!*/
/*!*}*!*/

/*!*.ajax-loader {*!*/
/*!*    width: 100%;*!*/
/*!*    height: 100%;*!*/
/*!*    min-height: 200px;*!*/
/*!*    background-repeat: no-repeat;*!*/
/*!*    background-position: center;*!*/
/*!*}*!*/

/*!*.ajax-loader-sm {*!*/
/*!*    min-height: 30px;*!*/
/*!*    background-size: 30px 30px;*!*/
/*!*}*!*/

/*!*.ajax-loader-icon {*!*/
/*!*    width: 20px;*!*/
/*!*    height: 20px;*!*/
/*!*    min-height: 20px;*!*/
/*!*    background-size: 20px 20px;*!*/
/*!*}*!*/

/*!*.ajax-loader-card {*!*/
/*!*    background-image: url("/img/loader/clock/light-card.gif");*!*/
/*!*}*!*/
/*!*.ajax-loader-body {*!*/
/*!*    background-image: url("/img/loader/clock/light-body.gif");*!*/
/*!*}*!*/

/*!*[data-bs-theme="dark"] .ajax-loader-card {*!*/
/*!*    background-image: url("/img/loader/clock/dark-card.gif");*!*/
/*!*}*!*/
/*!*[data-bs-theme="dark"] .ajax-loader-body {*!*/
/*!*    background-image: url("/img/loader/clock/dark-body.gif");*!*/
/*!*}*!*/

/*!*.toastjs-container {*!*/
/*!*    z-index: 100000000 !important;*!*/
/*!*}*!*/
/*!*.btn-sort {*!*/
/*!*    font-size: 0.8em !important;*!*/
/*!*    border-radius: 0 !important;*!*/
/*!*    border: transparent 0 solid;*!*/
/*!*    position: absolute;*!*/
/*!*    left:0;*!*/
/*!*    padding: 0 !important;*!*/
/*!*    margin: 0 !important;*!*/
/*!*}*!*/

/*!*.sortable .btns {*!*/
/*!*    padding: 0 0.1em !important;*!*/
/*!*    margin: 0 0.1em !important;*!*/
/*!*}*!*/

/*!*.sortable-text {*!*/
/*!*    cursor: pointer;*!*/
/*!*}*!*/

/*!*.sort-asc {*!*/
/*!*    bottom: 0.5em;*!*/
/*!*}*!*/

/*!*.sort-desc {*!*/
/*!*    bottom: -0.2em;*!*/
/*!*}*!*/

/*!*.avatar-sm {*!*/
/*!*    height: 30px;*!*/
/*!*}*!*/

/*!*.avatar-placeholder {*!*/
/*!*    width: 30px;*!*/
/*!*    height: 30px;*!*/
/*!*    background-repeat: no-repeat;*!*/
/*!*    background-size: contain;*!*/
/*!*    background-image: url('/img/avatar_placeholder.png');*!*/
/*!*}*!*/

/*!*tr.table-separator, tr.table-separator td {*!*/
/*!*    background: transparent;*!*/
/*!*    border: 0 !important;*!*/
/*!*    height: 2em !important;*!*/
/*!*}*!*/

/*!*.dot-box {*!*/
/*!*    width: 1em;*!*/
/*!*    height: 1em;*!*/
/*!*}*!*/

/*!*.btn.disabled {*!*/
/*!*    pointer-events: auto;*!*/
/*!*}*!*/

/*!*.link-like {*!*/
/*!*    cursor: pointer;*!*/
/*!*}*!*/

/*!*.table th {*!*/
/*!*    border-bottom-width: 0 !important;*!*/
/*!*}*!*/

/*!*.form-label.required:after {*!*/
/*!*    content: "*";*!*/
/*!*    color: var(--bs-danger);*!*/
/*!*}*!*/

/*!*.popover.show {*!*/
/*!*    display:block !important;*!*/
/*!*}*!*/

/*!*.popover, .popover-body, .popover-content {*!*/
/*!*    background-color: var(--bs-body-bg) !important;*!*/
/*!*    color: var(--bs-body-color) !important;*!*/
/*!*    border-radius: 0 !important;*!*/
/*!*}*!*/

/*!*.popover-title {*!*/
/*!*    padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x) !important;*!*/
/*!*    margin-bottom: 0 !important;*!*/
/*!*    font-size: var(--bs-popover-header-font-size) !important;*!*/
/*!*    color: var(--bs-popover-header-color) !important;*!*/
/*!*    background-color: var(--bs-popover-header-bg) !important;*!*/
/*!*    border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color) !important;*!*/
/*!*    border-radius: 0 !important;*!*/
/*!*}*!*/

/*!*#form-day label, #form-time-row-template label, #form-template label {*!*/
/*!*    width: 100px;*!*/
/*!*}*!*/

/*!*.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected, .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[aria-selected="true"]:not(.select2-results__option--highlighted) {*!*/
/*!*    color: var(--bs-silk-info-color) !important;*!*/
/*!*    background-color: var(--bs-silk-info-bg) !important;*!*/
/*!*}*!*/

/*!*.w-15 {*!*/
/*!*    width: 15%;*!*/
/*!*}*!*/

/*!*.select2-results__group {*!*/
/*!*    color: var(--bs-emphasis-color) !important;*!*/
/*!*    padding: .375rem .15rem !important;*!*/
/*!*    display: block;*!*/
/*!*    margin-top: .375rem;*!*/
/*!*}*!*/

/*!*.grey {*!*/
/*!*    opacity: 60%;*!*/
/*!*}*!*/

/*!*.border-like-bg {*!*/
/*!*    border: var(--bs-dark-bg-subtle) var(--bs-border-width) solid !important;*!*/
/*!*}*!*/

/*!*.border-dark {*!*/
/*!*    border: var(--bs-gray-900) var(--bs-border-width) solid !important;*!*/
/*!*}*!*/

/*!*.download-csv {*!*/
/*!*    width: 30%;*!*/
/*!*}*!*/

/*!*.select2-hidden-accessible { position: fixed !important; }*!*/

/*!*.console {*!*/
/*!*    background-color: #000;*!*/
/*!*    color: #fff;*!*/
/*!*}*!*/

/*!*.access-form .select2-selection__choice {*!*/
/*!*    width:100% !important;*!*/
/*!*}*!*/




















body {
    padding-top: 140px; /* nav (65px) + search bar (75px) */
}

/* nawigacja manu */
.navbar {
    padding-left: 10px;
}

.logo-img {
    height: 50px; /* Ustawienie wysokości logo */
    width: auto; /* Zachowanie proporcji */
}

@media (max-width: 768px) {
    .logo-img {
        height: 40px; /* Ustawienie wysokości logo */
        width: auto; /* Zachowanie proporcji */
    }

    .navbar-toggler {
        font-size: 1.3rem; /* Zmniejszenie rozmiaru czcionki (ikony przycisku) */
        padding: 0.25rem 0.75rem; /* Zmniejszenie paddingu, aby przycisk był mniejszy */
        margin-right: 15px !important;
    }

    .navbar-toggler-icon {
        width: 1.2em;  /* Zmniejszenie szerokości ikony */
        height: 1.2em;  /* Zmniejszenie wysokości ikony */
    }
}

.navbar-collapse-custom {
    margin: 0 auto; /* Automatyczne centrowanie */
    text-align: center; /* Wycentrowanie zawartości */
}


/* Na mniejszych ekranach (np. telefony) menu ma 100% szerokości */
@media (max-width: 768px) {
    .sidebar {
        width: 100%;
        height: auto;
        position: absolute;
        top: 0;
        left: 0;
        box-shadow: none;
    }

    /* Ukrycie menu na małych ekranach, a później pokazanie go przy kliknięciu */
    .sidebar ul {
        display: flex;
        flex-direction: column;
    }
}

:root {
    --bs-font-sans-serif: "Open Sans", Arial, sans-serif;
}

/* Pełnoekranowy obraz z odpowiednią przestrzenią nad tekstem */
.full-screen-image {
    position: relative;
    /*max-height: 35rem;*/
    /*height: 100%;*/
    /*height: 100vh;*/
    max-height: 35rem;
    height: 100%;
    overflow: hidden;
    z-index: 0;
}

@media (max-width: 768px) {
    .full-screen-image {
        height: 130vh;  /* Dostosuj do wysokości, którą chcesz */
    }
}

.full-screen-image .background-image {
    width: 100%;
    height: 100%; /* Ustawiamy wysokość na 100%, aby dopasować do kontenera */
    object-fit: cover; /* Dopasowuje obraz do kontenera */
    display: block;
    position: absolute; /* Ustawiamy obraz na absolutną pozycję */
    top: 0;
    left: 0;
    z-index: -1; /* Obraz będzie na niższej warstwie */
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(4, 65, 124, 0.9);
    z-index: 1;
}

.blue-circle {
    width: clamp(180px, 35vw, 500px);
    height: clamp(180px, 35vw, 500px);
    border-radius: 50%;
    background-color: lightblue;
    background-size: cover;
    background-position: center;
    flex-shrink: 0;
}

@media (max-width: 768px) {
    .blue-circle {
        width: clamp(180px, 65vw, 400px);
        height: clamp(180px, 65vw, 400px);
    }
}

.slider {
    position: relative;
    z-index: 2; /* Slider znajduje się nad obrazem */
    width: 100%;
    color: white;
    /*display: flex;  !* Flexbox, aby elementy były obok siebie *!*/
    justify-content: center;  /* Wyśrodkowanie */
    align-items: center;
    padding: 20px;
}

.btn-outline-light {
    border-radius: 20px;
    /*display: inline-block;  !* Ustawienie, aby przycisk zachowywał się jak element blokowy, ale tylko na tyle, by się mieścił w szerokości *!*/
    margin-bottom: 30px;
    margin-top: 30px;
    display: inline-flex; /* Ustawienie przycisku, by ikona była obok tekstu */
    align-items: center; /* Wyrównanie tekstu i ikony */
    justify-content: center; /* Wyśrodkowanie tekstu i ikony w przycisku */
}

.btn-outline-info {
    border-radius: 20px;
    /*display: inline-block;  !* Ustawienie, aby przycisk zachowywał się jak element blokowy, ale tylko na tyle, by się mieścił w szerokości *!*/
    margin-bottom: 30px;
    margin-top: 30px;
    display: inline-flex; /* Ustawienie przycisku, by ikona była obok tekstu */
    align-items: center; /* Wyrównanie tekstu i ikony */
    justify-content: center; /* Wyśrodkowanie tekstu i ikony w przycisku */
}

.btn-outline-light:hover {
    background-color: lightblue;
}

.btn-outline-light i {
    margin-left: 8px;  /* Odstęp między tekstem a ikoną */
    transition: transform 0.3s ease; /* Płynne przejście dla efektu */
}

.btn-outline-light:hover i {
    transform: translateX(5px);  /* Przesunięcie ikony w prawo */
}


/* Na większych ekranach ustawiamy przycisk po lewej stronie */
@media (min-width: 768px) {
    .btn-outline-light {
        margin-left: 0; /* Ustawiamy przycisk po lewej stronie */
        margin-right: auto;  /* Zapewnia, że przycisk pozostanie po lewej */
    }
}

/* Ustawienia dla wszystkich przycisków nawigacyjnych */
.carousel-indicators [data-bs-target] {
    margin-bottom:-10px;
    width: 10px; /* Zmiana rozmiaru przycisku */
    height: 10px; /* Zmiana wysokości przycisku */
    border-radius: 50%; /* Okrągły kształt przycisków */
    background-color: transparent !important;  /* Przezroczyste tło */
    border: 2px solid black; /* Czarny border */
    opacity: 0.5; /* Ustalamy początkową przezroczystość */
    transition: opacity 0.6s ease, background-color 0.3s ease; /* Płynne przejście */
}

/* Stan aktywny przycisku - tło czarne */
.carousel-indicators [data-bs-target].active {
    background-color: black !important; /* Wypełnienie tłem czarnym */
    opacity: 1; /* Ustalamy pełną nieprzezroczystość dla aktywnego przycisku */
}

/* Efekt hover - zmienia przycisk na nieco bardziej przezroczysty */
.carousel-indicators [data-bs-target]:hover {
    opacity: 0.7; /* Zwiększa przezroczystość po najechaniu */
}

.title-slider{
    align-items: center;
}

@media (min-width: 768px) {
    .title-slider{
        align-items: flex-start;
    }

}

.carousel .slide{
    width: 100%;  /* Slider powinien mieć pełną szerokość */
    min-width: 0;
}

/* Ustawienie minimalnej szerokości dla kontenera slidera */
.carousel-item {
    width: 100%;  /* Slider powinien mieć pełną szerokość */
    min-width: 0; /* Slider nie przekroczy 100% szerokości kontenera */
}



.cusstom{
    /*height: 1000px;*/
    padding: 15px
        /*background: #be0a10;*/
}

.custom-nav-link {
    font-size: 24px; /* Zwiększa rozmiar czcionki */
}

.alert-contact-warning {
    background-color: #ddb205;
    color: #000;
    border-color: #c9a904;
}

.service-card {
    transition: transform 0.3s;
}
.service-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}

#contact {
    scroll-margin-top: 150px;
}

[data-bs-theme="dark"] .download-search-icon {
    color: var(--bs-primary);
    background-color: var(--bs-body-bg);
    border-color: var(--bs-border-color);
}