.site-header .inside-header {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
}
/* موبائيل تي مينيو پينل کي مڪمل طور هيڊر کان آزاد ۽ ٽوڙڻ لاءِ */
@media (max-width: 768px) {
    /* مينيو کلڻ وقت هيڊر جي باڪس کي زبردستي ننڍو رکڻ */
    .site-header, .inside-header {
        height: 70px !important;
        max-height: 70px !important;
        overflow: visible !important;
        
    }

    /* مينيو واري لسٽ کي هيڊر کان مڪمل طور آزاد (Absolute) ڪري الڳ بيهارڻ */
    .main-navigation .main-nav {
        position: absolute !important;
        top: 70px !important;
        left: 0 !important;
        width: 100% !important;
        z-index: 99999 !important;
        
    }
}
@media (max-width: 768px) {
    .main-navigation .main-nav {
        position: fixed !important;
        top: 70px !important;
        right: -100% !important;
        left: auto !important;
        width: 80% !important;
        transition: right 0.2s ease-in-out !important;
    }

    .main-navigation.toggled .main-nav {
        right: 0 !important;
    }
}
.site-header {
    border-bottom: 1px solid #E5E5EA;
}
/* رڳو موبائيل مينيو پينل کي آئي فون وانگر بلر ۽ پريميئم ڪرڻ لاءِ */
.main-navigation.toggled .main-nav ul,
.main-navigation .main-nav ul ul {
    background-color: rgba(255, 255, 255, 0.85) !important; /* هلڪو شفاف اڇو رنگ */
    backdrop-filter: blur(12px) !important; /* پٺيان واري تصوير کي بلر ڪرڻ وارو جادو */
    -webkit-backdrop-filter: blur(12px) !important; /* آئي فون برائوزرن لاءِ */
    border: 1px solid rgba(0, 0, 0, 0.05) !important; /* تمام نرم چٽي بارڊر */
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.07) !important; /* نرم پاڇو جيڪو پينل کي نمايان ڪندو */
}
/* رڳو مين مينيو جي اکرن کي اسٽرائپ وانگر وڏو ۽ بولڊ ڪرڻ لاءِ */
.main-navigation.toggled .main-nav > ul > li > a {
    font-size: 17px !important;   /* اکرن کي ٿورو وڏو ڪرڻ لاءِ */
    font-weight: 600 !important;  /* اکرن کي خوبصورت بولڊ ڪرڻ لاءِ */
    letter-spacing: -0.3px !important; /* اسٽرائپ وانگر ڪلين لڪ */
}