/* Turuncu Daireler */
.navbar-nav > .nav-item > .nav-link {
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 15px;
}

    .navbar-nav > .nav-item > .nav-link::before {
        content: '';
        display: block;
        width: 5px;
        height: 5px;
        background-color: #FE5733;
        border-radius: 50%;
        margin-right: 8px;
    }

/* Masaüstü 'Hover' ve 3. Kırılım (4. için de çalışır) */
@media (min-width: 992px) {
    .navbar-nav .nav-item.dropdown:hover > .dropdown-menu {
        display: block;
    }

    .dropdown-menu .dropdown-submenu {
        position: relative;
    }

        .dropdown-menu .dropdown-submenu .dropdown-menu {
            position: absolute;
            left: 100%;
            top: 0;
            margin-top: -1px;
            display: none;
        }

        .dropdown-menu .dropdown-submenu:hover > .dropdown-menu {
            display: block;
        }

    .dropdown-menu .dropdown-toggle::after {
        display: inline-block;
        vertical-align: 0.255em;
        content: "";
        border-top: 0.3em solid transparent;
        border-right: 0;
        border-bottom: 0.3em solid transparent;
        border-left: 0.3em solid;
        margin-left: 0.5em;
    }
}










/* ==============================================NAVBAR Masaüstü Görünümü =============================================== */
@media all and (min-width: 768px) {
    .navbar {
    }

        .navbar .navbar-nav .nav-link {
            color: #212121;
        }

        .navbar .nav-item.active .nav-link,
        .navbar .nav-item:hover .nav-link {
            color: #FE5733;
        }

        .navbar .nav-item .dropdown-menu {
        }

        .navbar .nav-item:hover .dropdown-menu {
            background-color: #FE5733;
            border-radius: 0px 0px 0px 0px !important;
            padding: 0px;
            margin: 0px;
        }

        .navbar .nav-item:hover .dropdown-item {
            color: #FFFFFF;
        }

    .dropdown-menu .dropdown .dropdown-menu {
    }

    .dropdown-item {
    }

        .dropdown-item:hover {
            background-color: #FFFFFF !important;
            color: #00478B !important;
        }
}

/* ===================================== Mobil Görünümü ================================================= */

.navbar-toggler {
}

    .navbar-toggler:focus {
    }

@media (max-width: 767.98px) {

    .navbar {
        background-color: white;
    }

    .navbar-nav {
        background-color: #FE5733;
    }

    .navbar .navbar-nav .nav-link {
        color: white;
        text-align: left;
        margin-bottom: 10px;
    }


    .dropdown-item {
        color: white !important;
        font-size: 15px;
    }

        .dropdown-item:hover {
            background-color: #FFFFFF !important;
            color: #00478B !important;
        }

        .dropdown-item:active {
           
        }


    .navbar .nav-item:hover .dropdown-menu {
        background-color: #FE5733;
        border-radius: 0px 0px 0px 0px !important;
        padding: 0px;
        margin: 0px;
        border: none !important;
    }

    .navbar .nav-item:hover .dropdown-item {
        color: #FFFFFF;
        background-color: #FE5733;
    }
}