.navbar { background: #fff; color: white; padding: 15px 0; position: relative; z-index: 5;}
.navbar .container { width: 95%; margin: auto; display: flex; justify-content: space-between; align-items: center; }
.logo { font-size: 24px; font-weight: bold; }

/* Desktop Navigation */
.nav-list { display: flex; list-style: none; }
.nav-list li { position: relative; }
.nav-list li a { color: #121213; text-decoration: none; padding:15px 5px; display: block;font-size:14px; }
@media screen and (min-width: 993px) {.nav-list li a:hover { color: #b00f0f; }}
.nav-list > li{    margin-right: 14px;}
.nav-list > li:last-child{ margin-right: 0px;}
.nav-list > li.margin_rihts{ margin-right: 0px;}
/* Dropdown styling */
.dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    min-width: 200px;
    display: none;
    padding-left: 0;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}
.dropdown li a { color: #333; border-bottom: 1px solid #eee;padding: 12px 20px; }
.dropdown li a:hover { background: #f8f8f8; color: #ce1212; }

/* Sub-dropdown (3rd level) */
.sub-dropdown { top: 0; left: 100%; }

/* Hover Effects for Desktop */
.nav-list li:hover > .dropdown { display: block; }

/* Arrows */
.arrow { border: solid #121213; border-width: 0 2px 2px 0; display: inline-block; padding: 3px; margin-left: 5px; transform: rotate(45deg); vertical-align: middle; }
.dropdown .arrow { border-color: #333; transform: rotate(-45deg); }

/* Mobile Menu Toggle */
.menu-toggle { display: none; cursor: pointer; }
.bar { display: block; width: 25px; height: 3px; margin: 5px auto; background: white; transition: 0.3s; }

/* RESPONSIVE DESIGN */
@media (max-width: 768px) {
    .menu-toggle { display: block; }
    .nav-list {
        display: none;
        flex-direction: column;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background: #A11217;
    }
    .nav-list.active { display: flex; }
        .dropdown, .sub-dropdown {
                position: static;
                display: none;
                background: #cc3131;
                width: 100%;
            }

    .dropdown.active { display: block; }
    .nav-list li a { border-bottom: 1px solid #b00f0f; color: #fff; font-size: 14px; }
}

@media screen and (min-width: 993px)
{
    .dropdown.rights
    {
        left: auto;
        right: 0;
    }
    .dropdown.rights .sub-dropdown.rihts
    {
        left: auto;
        right: 100%;
    }
}


/* ===== Wrapper ===== */
.top_right_nav {
    display: flex;
    align-items: center;
}

/* ===== UL Reset ===== */
.top_right_nav .top_right_nav__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 20px;
}

/* ===== LI ===== */
.top_right_nav .top_right_nav__item {
    position: relative;
}

/* ===== Link ===== */
.top_right_nav .top_right_nav__link {
    text-decoration: none;
    font-size: 12px;
    font-weight: 500;
    color: #ffffff;
    transition: all 0.3s ease;
}

/* ===== Hover Effect ===== */
.top_right_nav .top_right_nav__link:hover {
    color: #ffcc00;
}

/* ===== Optional Separator ===== */
.top_right_nav .top_right_nav__item:not(:last-child)::after {
    content: "|";
    margin-left: 20px;
    color: rgba(255,255,255,0.6);
}

/* ===== Responsive ===== */
@media (max-width: 768px) {
    .top_right_nav {
        justify-content: center;
        margin-top: 10px;
    }

    .top_right_nav .top_right_nav__list {
        flex-wrap: wrap;
        gap: 10px;
        justify-content: center;
    }

    .top_right_nav .top_right_nav__item:not(:last-child)::after {
        display: none;
    }
}


/*
    =====================================
*/

.site-header 
{

}
.site-header .header-top
{
    padding: 11px 50px;
}
.site-header .header-top .container-fluid
{
    max-width: 78%;
    margin-right: 0;
}
.site-header .header-top__left span
{

}

@media screen and (min-width: 993px) {
  .dropdown.rights {
    left: auto;
    right: 0;
  }
}

/*
    ============================================
*/

.navbar
{
    position: relative;
}
.navbar .logo .logo-img
{
 /*   position: absolute;
    top: -46px;
    left: 40px;
*/}
.navbar .logo .logo-img .logo_bg
{
    position: absolute;
    left: 20px;
    top: -42px;
    width: 280px;
}
.navbar .logo .logo-img .logo_web
{
    position: absolute;
    left: 66px;
    top: -3px;
    z-index: 2;
    width: 190px;
}

@media screen and (min-width: 993px)
{
    .dropdown.rights
    {
        left: auto;
        right: 0;
    }
    .dropdown.rights .sub-dropdown.rihts
    {
        left: auto;
        right: 100%;
    }
}