.navbar-default.navbar-default-transparent {
    top: 0;
    background-color: #0D0D0D;
    max-width: 100%;
    margin-inline: auto;
    /* padding-inline: 14rem; */
}

.navColor.navbar-default-transparent {
    background: #0D0D0D;
    top: 0;
    z-index: 9999;
}

.navbar-nav.primary-nav li a {
    text-transform: none;
    font-size: 1.1rem;
    color: #9B9CA1;
}

.navbar-brand.image-height img {
    height: 50px;   
}

@media (min-width: 1200px) {
    .navbar-nav.primary-nav {
        float: left;
        margin-left: 4rem;
    }

    .navbar-nav.primary-nav li a {
        letter-spacing: 0.75px;
        font-weight: normal;
    }

    .contact-us-button {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        height: 80px;
    }

    .contact-us-button a {
        background-color: var(--color-orange);
        color: #fff;
        font-size: 15px;
        letter-spacing: 0.5px;
        padding: 12px 22px;
        margin-right: 1rem;
        border-radius: 50px;
        -webkit-transition: color 0.3s, box-shadow 0.3s;
        -moz-transition: color 0.3s, box-shadow 0.3s;
        -o-transition: color 0.3s, box-shadow 0.3s;
        transition: scale 0.3s, box-shadow 0.3s;
    }

    .contact-us-button a:hover,
    .contact-us-button a:focus { scale: 0.95; }


    .navColor .navbar-brand.navbar-brand-sticky {
        position: static;
    }

    .navColor .navbar-brand.navbar-brand-sticky img {
        height: 50px;
    }

    .navbar .dropdown-toggle-hover.active::before {
        content: '';
        position: absolute;
        top: 70%;
        left: 0;
        border-bottom: 3px solid var(--color-orange);
        width: 100%;
    }

}

@media (min-width: 0) and (max-width: 1199px) {
    .navbar-brand.image-height {
        padding: 10px 20px;
    }

    .contact-us-button {
        margin-top: 30px;
        margin-bottom: 30px;
        text-align: center;
    }

    .contact-us-button a {
        background-color: var(--color-orange);
        color: #fff;
        font-size: 20px;
        letter-spacing: 0.5px;
        padding: 14px 22px;
        margin-right: 1rem;
        border-radius: 50px;
        -webkit-transition: color 0.3s, box-shadow 0.3s;
        -moz-transition: color 0.3s, box-shadow 0.3s;
        -o-transition: color 0.3s, box-shadow 0.3s;
        transition: color 0.3s, box-shadow 0.3s;
        width: min(180px, 100%);
        display: inline-block;
    }

}

.side-navigation .side-navigation--item a,
.navbar .dropdown-toggle-hover {
    position: relative;
}

.side-navigation .side-navigation--item a.active {
    color: #077a86;
}

/* .navbar .dropdown-toggle-hover.active {
    color: white;
} */

.side-navigation .side-navigation--item a.active::before {
    content: '';
    position: absolute;
    top: 70%;
    left: 15px;
    border-bottom: 3px solid #ef5a16;
    width: 50%;
}

@media(min-width: 1400px) {
    .navbar > .container-fluid {
    max-width: 85%;
    margin-inline: auto;
  }
}


.navbar-nav.primary-nav .dropdown .dropdown-menu li a:hover, .navbar-nav.primary-nav .dropdown .dropdown-menu li a:focus,
.navColor.white-nav .navbar-nav.primary-nav li a:hover, .navColor.white-nav .navbar-nav.primary-nav li a:focus,
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
    color: #fff;
    background-color: transparent;
}

.dropdown-menu {
    background-color: #212020;
}

.mega-menu .primary-nav .dropdown .dropdown-menu li a {
    line-height: 20px;
    color: #9B9CA1;
    height: auto;
    text-transform: capitalize;
    display: block;
}
    .navColor.white-nav .navbar-nav.primary-nav .dropdown .arrow-sec:hover::before, .navColor.white-nav .navbar-nav.primary-nav .dropdown .arrow-sec:hover::after {
        background: #fff;
        top: 56%;
    }
.navbar-nav.primary-nav .dropdown .arrow-sec:hover::after, 
.navbar-nav.primary-nav .dropdown .arrow-sec:focus::before,
.navbar-nav.primary-nav .dropdown .arrow-sec:hover::before, 
.navbar-nav.primary-nav .dropdown .arrow-sec:focus::after {
    background-color: #fff;
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
    text-decoration: none;
    background-color: transparent;
}

.dropdown-menu {top: 90%}

.navbar-nav.primary-nav .dropdown .arrow-sec::before, .navbar-nav.primary-nav .dropdown .arrow-sec::after {
    content: '';
    position: absolute;
    top: 49%;
    margin-top: -1px;
    display: inline-block;
    height: 2px;
    width: 10px;
    background: #9B9CA1;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 9px;
    moz-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: width 0.3s, transform 0.3s;
    -moz-transition: width 0.3s, transform 0.3s;
    -o-transition: width 0.3s, transform 0.3s;
    transition: width 0.3s, transform 0.3s;
}

@media (min-width: 1200px) {
    .navColor.white-nav .navbar-nav.primary-nav .dropdown .arrow-sec::before, 
.navColor.white-nav .navbar-nav.primary-nav .dropdown .arrow-sec::after {
        background: #0D0D0D;
        top: 56%;
    }

.navColor .primary-nav .dropdown .arrow-sec::before, .navColor .primary-nav .dropdown .arrow-sec::after,
.navColor.white-nav .navbar-nav.primary-nav .dropdown .arrow-sec::before, .navColor.white-nav .navbar-nav.primary-nav .dropdown .arrow-sec::after {
        background: #9B9CA1;
        top: 56%;
    }

    .navColor.white-nav .navbar-nav.primary-nav .dropdown.open .dropdown-toggle-hover:hover, .navColor.white-nav .navbar-nav.primary-nav .dropdown.open .dropdown-toggle-hover:focus {
        color: #9B9CA1;
        border-bottom: 3px solid var(--color-orange);
    }

    .navbar-nav.primary-nav .dropdown .dropdown-menu.dropdown-single li a {
        padding: 10px 10px;
    }

    .navbar-nav.primary-nav .dropdown .dropdown-toggle-hover:hover,
    .navColor.white-nav .navbar-nav.primary-nav .dropdown .dropdown-toggle-hover:hover, .navColor.white-nav .navbar-nav.primary-nav .dropdown .dropdown-toggle-hover:focus {
        color: #fff;
    }


}

.navbar-nav.primary-nav {
    background: #0D0D0D;
    border: none;
}

@media (min-width: 0) and (max-width: 1199px) {
    .navbar-default.navbar-default-transparent.nav-white {
        height: 100%;
        background: #0D0D0D;
    }
   .mega-menu .primary-nav .dropdown .dropdown-menu li a {
     margin-bottom: 1rem;
  }
}

.navbar-nav.primary-nav .dropdown .dropdown-toggle-hover:hover, .navbar-nav.primary-nav .dropdown .dropdown-toggle-hover:focus,
.navbar-nav.primary-nav .dropdown.open .dropdown-toggle-hover:hover, .navbar-nav.primary-nav .dropdown.open .dropdown-toggle-hover:focus {
    background: transparent;
    color: #9B9CA1;
}

.navbar-nav.primary-nav .dropdown .dropdown-toggle-hover:hover, .navbar-nav.primary-nav .dropdown .dropdown-toggle-hover:focus {color: #fff;}

.nav-white #bar span,
.navbar-default.navbar-default-transparent .navbar-toggle-button span,
.navColor.white-nav #bar span,
.white-nav.nav-white #bar span {
    background-color: #fff;
}

@media (min-width: 0) and (max-width: 1200px) {
    .navbar-default.navbar-default-transparent .navbar-toggle-button {
        margin-top: 13px;
    }
}

@media (min-width: 0px) and (max-width: 1400px) {
    .navbar-brand.image-height img {
        height: 40px !important;
    }
}