html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
    .navbar-expand-sm .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
        text-align: right;
        justify-content: flex-start;
        flex-direction: column-reverse !important;
        flex-wrap: wrap;
        align-content: flex-end;
    }

    .navbar-expand-sm .navbar-nav .nav-link {
        padding: 5px;
        color: #309496 !important;
        fill: #309496 !important;
        font-weight: 600;
        font-size: 18px;
    }

    .navbar {
        width: 1200px;
        margin: auto;
        border-radius: 5px 5px 5px 5px;
        box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.5);
        transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
        padding: 10px 20px 10px 20px;
    }

    header {
        background-color: #248281;
        padding: 15px 15px 5px 15px;
        margin-bottom: 30px;
    }

    .navbar-nav .nav-link {
        color: #309496 !important;
        font-weight: 600;
        font-size: 18px;
        padding: 8px 12px;
    }

    .navbar-toggler {
        border: none;
    }

        .navbar-toggler:focus {
            outline: none;
            box-shadow: none;
        }

    .navbar {
        border-radius: 5px;
        box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.5);
        transition: all 0.3s ease-in-out;
        padding: 10px 20px;
        background-color: #ffffff;
    }
    .navbar-nav {
        --bs-nav-link-padding-x: 0;
        --bs-nav-link-padding-y: 0.5rem;
        --bs-nav-link-font-weight:;
        --bs-nav-link-color: var(--bs-navbar-color);
        --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
        --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
        display: flex;
        flex-direction: column;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
        text-align: center;
        color: #006666;

    }

    .navbar-light .navbar-nav .nav-link {
        color: rgba(0, 0, 0, .55);
        color: white !important;
        font-size: 16px;
        border: 1px solid #d7d7d7;
        border-radius: 15px;
        margin: 7px;
        font-weight: 600;
        background-color: #006666;
    }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}
.bg-teal {
    background-color: #0c7d7d;
}
.footer-bottom {
    background-color: #247d7c; /* Senin arka plan tonuna yakżn */
    color: white;
    padding: 15px 0;
    font-size: 0.95rem;
}

.btn-belge {
    background-color: #0c4e4e;
    color: #fff !important;
    font-weight: bold;
    border: 1px solid #073e3e;
    padding: 8px 16px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: 0.3s;
    text-decoration:none;
   
}
.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, .55);
    color: #006666 !important;
    border: none;
 
    background-color: white;
}
.navbar-nav .nav-link {
    color: #309496 !important;
    font-weight: 600;
    font-size: 18px;
    padding: 8px 12px;
}

    .btn-belge:hover {
        background-color: #073e3e;
        color: #fff;
    }
    h1{ 
        text-align:center !important;
    }