.mega-menu *{border: 0px solid #9bdeff;}

.navbar{
    font-family: 'Poppins', IRANSans_L;
    padding: 0px 15px 0px 0px;
    width: 100%;
    height: 120px;
    background-color:#fff;
    direction: rtl;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1em;
}

.navbar ul{ list-style: none; padding:0px; margin: 0px; gap:2em; }
.navbar li a{color:#000;}

.buttons{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1em;
}

button{
    border: none;
    transition: 0.3s;
    cursor: pointer;
}

.dropdown{ position: relative;}
.brand img{
    max-width: 300px;
    display: block;
}

.menu-btn{
    margin-left: 1em;
    background: none;
    display: inline-block;
}

.menu-btn span{ font-size: 2.3em; }
.dropdown > div, .sub-dropdown > div { cursor: pointer; }
.dropdown .menu .title {color:#a88b6c;}

@media screen and (min-width:1300px) {
    .navbar .menu-container{padding-top:50px;}    
    .dropdown > div{
        padding:0px 0px 30px 0px;
        border-bottom: 4px #fff solid;
        transition: 0.3s;
    }

    .mega-menu{display: flex;justify-content: center;}
    .mega-menu li.dropdown { position: inherit; color:#000;}
    .mega-menu li .menu{ width:100%; top: 170px;}
    .mega-menu li.dropdown .arrow{color:#F89515; vertical-align:bottom; font-size:3em; line-height:0px;}
    .mega-menu li.dropdown:hover , .mega-menu li a:hover{color:#7d362f !important;}   
    .sub-dropdown a{color:#acacac !important;}
    .sub-dropdown li a:hover{color:#E1B096 !important;}
    .sub-dropdown > div span:first-child {
        font-weight: bold;
        color:#aaa17f;
        display:block;
        padding: 0px 7px 10px 0px;
        border-bottom: 1px solid #916641;
        margin-bottom: 10px;
    }
    .sub-dropdown{ border-right:1px dotted #b98865; }    
    .sub-dropdown > div span:last-child , .dropdown > div span:last-child{ display: none; }  
    
    .menu{
        background:#333;
        position:absolute;
        top:70px;
        left: 50%;
        transform: translateX(-50%);
        width: max-content;
        height: 0px;
        padding: 0 2em;
        overflow-y:hidden;
        transition: 0.4s ease-in-out;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        gap: 2em;
        text-align: right;
        font:normal 16px/36px yekannumbers , IRANSans_L;
        opacity: 0.95;
    }
    .menu::-webkit-scrollbar{width: 8px;}
    .menu > li:first-child{
        font-weight: bold;
        margin:0px;
    }
    .menu > li > a:first-child{ color:#c7934f; }
    .menu-btn{ display: none; }

    .dropdown:hover > div{ border-color: red; }
    .dropdown li{ margin-bottom: 1em; }
    .dropdown:hover .menu{height:550px;padding:1.5em;}
    .sub-menu{line-height:23px; padding-top: 10px;}
}




/* Responsive Design */
@media screen and (max-width:1299px) {
    .navbar{ padding: 1em 1.5em; }    
    .navbar li a{color:#cacaca; line-height:36px;}    
    .mega-menu li{ font-size:20px; font-weight:400; }
    .menu a{ display: block; text-align: right; }
    .menu{display: none;}
    .menu-container{height: 0;}
    .menu-show{display: block; border-bottom:0px;}
    .menu-show .title{display:none;}
    .none-title{padding: 0px !important; border:0px;}    
    .none-title ul{display:block; padding-right:0px; border:0px;}
    .none-title li{padding: 11px 60px 11px 0px!important;}
    .none-title a{margin:0px; padding:0px;}

    .menu-container{
        background: #222;
        position: absolute;
        top:170px;
        left: 0;
        width: 100%;
        overflow-y: hidden;
        transition: 0.3s ease-in-out;
        opacity: 0.96;
    }

    .mega-menu li.dropdown .arrow{display:none;} 
    .mega-menu li.dropdown {padding:0px;}
    .dropdown>div {border-bottom:0px; cursor:pointer; padding: 10px 30px 10px 10px;} 
    .dropdown:hover>div, .sub-dropdown:hover>div{ background: #444; }

    .mega-menu::-webkit-scrollbar{width: 8px;}
    .mega-menu::-webkit-scrollbar-track{background: #f1f1f1;}
    .mega-menu::-webkit-scrollbar-thumb{background: #888;}
    .mega-menu::-webkit-scrollbar-thumb:hover{background: #555;}
    
    .mega-menu{ padding: 0 1em 1em 1em; height: 100%; overflow:hidden; }
    .mega-menu li{ color:#cacaca; font-weight:bold; padding: 10px 30px 10px 0px; border-bottom:1px solid #555;}    
    .mega-menu li .sub-dropdown:last-child{border-bottom: 0px;}
    .sub-menu li{ padding-right:90px;}
    .sub-menu li:last-child{border-bottom: 0px;}
    .mega-menu li > div{
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 0.5em;
        line-height: 36px;
    }
    .mega-menu-show{ height:auto; padding: 20px 0px;}
    .material-symbols-outlined{ transition: 0.3s; transform: rotate(180deg); }
    .icon-rotated{transform: rotate(90deg);}
    .sub-dropdown > div{ cursor: pointer; }
    .sub-menu{ display:none; }
    .sub-menu-show{display: block;}
    .mega-menu li .sub-dropdown{padding:0px; color:#cc7857;}
    .navbar .sub-menu a{color:#998d5c;}
    .mega-menu li .none-title a{color:#cc7857;}
    .mega-menu li .sub-dropdown>div{padding: 10px 60px 10px 10px;}
    .mega-menu li .none-title {}
}