/* Globalne */
body {
    font-family: Arial, sans-serif;
}

/* Navbar */
.navbar {
    background-color: #5e8bf2; /* Błękit */
}
.img-700{
   height: 350px;
    width: 650px;

}
.text-white{
    color: white;
}

.navbar-nav .nav-link {
    margin-right: 20px;
    color: white;
}

.navbar-nav .btn {
    padding: 5px 20px;
    font-weight: bold;
}

/* Sekcja "O mnie" */
.about {
    background-color: #f0f8ff; /* Jasny błękit */
}

.about h2 {
    font-size: 36px;
    margin-bottom: 20px;
}

.about img {
    border: 5px solid #5e8bf2;
}

/* Sekcja Opinie */
.opinions h2 {
    font-size: 36px;
    margin-bottom: 40px;
}

.card {
    border: none;
    background-color: #f8f9fa; /* Jasny szary */
}

.card-body {
    padding: 30px;
}

.card-body .card-text {
    font-size: 18px;
    color: #333;
}

/* Sekcja Oferta */
.offer {
    background-color: #f8f9fa; /* Jasny szary */
}

.offer h2 {
    font-size: 36px;
    color: #5e8bf2; /* Niebieski */
    margin-bottom: 40px;
}

.offer h3 {
    color: #5e8bf2; /* Błękit */
    font-size: 28px;
    margin-bottom: 20px;
}

.list-group-item {
    background-color: #e0f7fa; /* Jasny błękit */
    border: 1px solid #b0c4de; /* Szary */
    font-size: 18px;
    padding: 15px;
    color: #333;
}

.list-group-item:hover {
    background-color: #d1ecf1;
}

/* Sekcja Kontakt */
.contact {
    background-color: #f0f8ff; /* Jasny błękit */
    padding: 60px 0;
}

.contact h2 {
    font-size: 36px;
    margin-bottom: 40px;
}

.contact-info {
    font-size: 18px;
    color: #333;
}

.contact-info i {
    color: #5e8bf2;
    margin-right: 10px;
}

.form-control {
    border-radius: 0;
    border: 1px solid #b0c4de;
}

.btn-contact {
    background-color: #3ea9c6;
    color: white;
    font-weight: bold;
}

.btn-contact:hover {
    background-color: #5e8bf2;
}

/* Stopka */
footer {
    background-color: #343a40;
    color: white;
    padding: 20px;
}

footer p {
    margin: 0;
    font-size: 14px;
}
.size32
{
    font-size: 24px;
}
.bg-li{
    background-color: #d4e1ff;
}

.img-700 {
    height: 500px; /* Ustaw wysokość na żądaną */
    object-fit: cover; /* Zapewnia dopasowanie obrazu bez deformacji */
}

.carousel {
    max-width: 800px; /* Maksymalna szerokość karuzeli */
    margin: 0 auto; /* Wycentrowanie na stronie */
}

.icon-link .bi {
    font-size: 1.5rem; /* Rozmiar ikony */
    transition: color 0.3s; /* Efekt zmiany koloru */
}

.alert-custom-info {
    background-color: #d4e1ff;
    padding: 1rem;
    border-radius: 0.375rem;
    text-align: center;
    margin-bottom: 1rem;
}


/*todo:
li:hover {*/
/*    background: #c7e3ff!important;*/
/*}*/