.dropdown-menu{
    min-width: fit-content;
    text-align: center;
}

/*.navbar-nav .active a::after {*/
/*    border-bottom: 5px solid #5bc0eb;*/
/*}*/

.navbar-nav .nav-item .nav-link:focus {
    /*text-decoration: underline;*/
    border-bottom: 2px solid #FFFFFF;
}

.navbar{
    background: transparent linear-gradient(90deg, #ED1C24 0%, #A81E2D 100%) 0% 0% no-repeat padding-box;
    height: 120px;
    padding: 55px;
    box-shadow: 0px 3px 50px #00000094;
}


.nav-link{
    font: normal normal normal 17px/16px KunKun;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

.navbar-nav .nav-link.active{
    color: #FFFFFF;
    border-bottom: 2px solid #FFFFFF;
}

.navbar-nav .show > .nav-link{
    color: #FFFFFF;
    /*border-bottom: 2px solid #FFFFFF;*/
}


.nav-link:focus, .nav-link:hover{
    color: #FFFFFF;
}

.dropdown-menu{
    background: #B70D1A 0% 0% no-repeat padding-box;
    border: none;
}

.dropdown-item{
    font: normal normal normal 14px/16px KunKun;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

.dropdown-item:focus, .dropdown-item:hover{
    background: #B70D1A 0% 0% no-repeat padding-box;
    color: #FFFFFF;
}

.nav-item{
    padding: 9px;
}


.navbar-brand{
    margin-top: 87px;
    z-index: 99999999;
}


.navbar-brand img{
    width: 100%;
    height: 89px;
}

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


.fa-bars{
    color: #FFFFFF;
    font-size: 29px;
}

.myHead{
    width: 100%;
    border-bottom: 1px solid #F8F7F6;
    height: 70px;
}

.myHead svg{
    padding: 4px;
}

.offcanvas{
    height: fit-content !important;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    box-shadow: inset 0px 3px 6px #0000004D, 4px 4px 20px #0000004D;
}
.myHead{
    background-image: url('../../../img/background/nav.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-bottom: none;
}


.offcanvas-body  .navbar-nav .nav-link.active{
    color: #0142C4;
}
.offcanvas-body .nav-link {
    color: #0142C4;
    font: normal normal normal 23px/29px KunKun;
    border-bottom: 2px solid #6bc7e8 !important;
    width: 124px;
    padding-bottom: 22px;
    padding-top: 6px;
}


.aboutList{
    list-style: none;
    padding-left: 0;
}

.costum_link{
    color: #0142C4;
    font: normal normal normal 18px/12px KunKun;
    border-bottom: 1px solid #6bc7e8 !important;
    width: 124px;
    padding-bottom: 4px;
    padding-top: 0;
}
.aboutList li{
    padding-bottom: 6px;
}

.offcanvas .list-inline{
    text-align: center;
}
.offcanvas .list-inline .list-inline-item{
    padding: 10px;
}
.offcanvas .list-inline i{
    font-size: 26px;
    color: #ED1C24;
}

@media (max-width: 1000px){
    .navbar{
        padding: 10px;
        /*height: auto;*/
        border-bottom: none;
        background: transparent linear-gradient(90deg, #cc1d28 0%, #cc1d28 100%) 0% 0% no-repeat padding-box;
    }
    .notHomePage{
        height: 200px;
        background: transparent url('../../../img/background/mobileNavbar.png') 0% 0% no-repeat ;
        -webkit-background-size: 100% 100%;
        -moz-background-size: 100% 100%;
        -o-background-size: 100% 100%;
        /* background-size: 100% 140%; */
        box-shadow: none;
    }
    .notHomePage.rtl{
        height: 200p    x;
        background: transparent url('../../../img/background/mobileNavbarAr.png') 0% 0% no-repeat ;
        -webkit-background-size: 100% 100%;
        -moz-background-size: 100% 100%;
        -o-background-size: 100% 100%;
        /* background-size: 100% 140%; */
        box-shadow: none;
    }
    .isGallery{
        background: #d9000c url('../../../img/background/mobileNavbar.png') 0% 0% no-repeat ;
        -webkit-background-size: 100% 100%;
        -moz-background-size: 100% 100%;
        -o-background-size: 100% 100%;
        background-size: 100% 140%;
        box-shadow: none;
    }
    .isGallery.rtl{
        background: #d9000c url('../../../img/background/mobileNavbarAr.png') 0% 0% no-repeat ;
        -webkit-background-size: 100% 100%;
        -moz-background-size: 100% 100%;
        -o-background-size: 100% 100%;
        background-size: 100% 140%;
        box-shadow: none;
    }

    .navbar-brand img {
        margin-top: -75px;
        height: 69px;
        width: 91px;
    }
    .navbar-brand {
        margin-top: auto;
    }
    .inStyle{
        margin-top:-59px
    }
}