/* Panel styles for share, language, and mobile menu */
    #mob-share,
    #mob-language,
    #mob-mobileMenu,
    #nav-link-holder,
    nav.nav-link__holder,
    .nav-link__subholder.is-active,
    #shareOverlay, #mob-profile, #profileOverlay, .profile-overlay
    .share-overlay {
      z-index: 500 !important;
    }

    .share-panel {
      z-index: 501 !important;
    }

    #languageOverlay,
    .language-overlay {
      z-index: 500 !important;
    }

    .language-panel {
      z-index: 501 !important;
    }

    #mobileMenuOverlay,
    .mobileMenu-overlay {
      z-index: 500 !important;
    }

    .mobileMenu-panel {
      z-index: 501 !important;
    }

    .header.navbar-fixed-top {
      z-index: 400 !important;
    }

    #hktdc-corporate-header {
      z-index: 400 !important;
    }

    .icon-bar {
      display: block;
      float: left;
      width: 100%;
      height: 2px;
      margin-top: 6px;
      background: #060606;
    }

    .icon-bar-v2 {
      display: block;
      float: left;
      width: 70%;
      height: 2px;
      margin-top: 6px;
      background: #060606;
    }

    #shareTrigger {
      position: relative;
      display: inline-block;
      vertical-align: middle;
      width: 35px;
      height: 42px;
      background: none;
      border: none;
      cursor: pointer;
      padding-top: 7px;
      margin-left: 15px;
    }

    #languageTrigger {
      position: relative;
      display: inline-block;
      vertical-align: middle;
      width: 35px;
      height: 42px;
      background: none;
      border: none;
      cursor: pointer;
      padding-top: 7px;
    }

    @media screen and (max-width: 991px) {
      #mob-share {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        background: #ffffffd9;
        padding: 90px;
        z-index: 501;
        width: 100vw;
        height: 100%;
      }
      #mob-profile {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        background: #ffffffd9;
        padding: 90px;
        z-index: 501;
        width: 100vw;
        height: 100%;
      }

      #closeShare {
        position: absolute;
        top: 10px;
        right: 15px;
        background: none;
        border: none;
        font-size: 50px;
        cursor: pointer;
        color: #333;
      }

      #closeprofile {
        position: absolute;
        top: 10px;
        right: 15px;
        background: none;
        border: none;
        font-size: 50px;
        cursor: pointer;
        color: #333;
      }

      #shareOverlay {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.5);
        z-index: 500;
      }

      #profileOverlay {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.5);
        z-index: 500;
      }

      #share-text {
        text-align: center;
        margin-bottom: 20px;
        color: #333;
        font-family: "Roboto", 微軟雅黑體, "Microsoft JhengHei", 微軟正黑體, Arial, sans-serif;
        font-size: 24px;
      }

      #profile-text {
        text-align: center;
        margin-bottom: 20px;
        color: #333;
        font-family: "Roboto", 微軟雅黑體, "Microsoft JhengHei", 微軟正黑體, Arial, sans-serif;
        font-size: 24px;
      }

      #background-share {
        display: flex;
        justify-content: center;
        gap: 22px;
        flex-wrap: nowrap;
      }

      #background-profile {
        display: flex;
        justify-content: center;
        gap: 22px;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
      }

      #mob-language {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        background: #ffffffd9;
        padding: 90px;
        z-index: 501;
        width: 100vw;
        height: 100%;
      }

      #closeLanguage {
        position: absolute;
        top: 10px;
        right: 15px;
        background: none;
        border: none;
        font-size: 50px;
        cursor: pointer;
        color: #333;
      }

      #languageOverlay {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.5);
        z-index: 500;
      }

      #language-text {
        text-align: center;
        margin-bottom: 20px;
        color: #333;
        font-family: "Roboto", 微軟雅黑體, "Microsoft JhengHei", 微軟正黑體, Arial, sans-serif;
        font-size: 24px;
      }

      .sub-language-text {
        text-align: center;
        margin-bottom: 20px;
        color: #1A1A1A;
        font-family: "Roboto", 微軟雅黑體, "Microsoft JhengHei", 微軟正黑體, Arial, sans-serif;
        font-size: 16px;
      }

      #background-language {
        display: flex;
        justify-content: center;
        gap: 22px;
        flex-direction: column;
        align-items: center;
      }

      #mob-mobileMenu {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        background: #ffffffd9;
        padding: 90px;
        z-index: 501;
        width: 100vw;
        height: 100%;
      }

      #closemobileMenu {
        position: absolute;
        top: 10px;
        right: 15px;
        background: none;
        border: none;
        font-size: 50px;
        cursor: pointer;
        color: #333;
      }

      #mobileMenuOverlay {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.5);
        z-index: 500;
      }

      #mobileMenu-text {
        text-align: center;
        margin-bottom: 20px;
        color: #333;
        font-family: "Roboto", 微軟雅黑體, "Microsoft JhengHei", 微軟正黑體, Arial, sans-serif;
        font-size: 24px;
      }

      .sub-menu-text {
        color: #1A1A1A;
        font-family: "Roboto", 微軟雅黑體, "Microsoft JhengHei", 微軟正黑體, Arial, sans-serif;
        font-size: 16px;
      }

      .sub-menu-text:hover {
        color:#fb5004;
      }

      #background-mobileMenu {
        display: flex;
        justify-content: center;
        gap: 22px;
        flex-direction: column;
        align-items: center;
      }
    }

     @media screen and (min-width: 768px){
 #mob-share,
    #mob-language,
    #mob-mobileMenu, #shareOverlay, #mob-profile, #profileOverlay, .profile-overlay
    .share-overlay,.share-panel #languageOverlay,
    .language-overlay,.language-panel,#mobileMenuOverlay,
    .mobileMenu-overlay , .mobileMenu-panel{

      display: none;
    }
 

     }