header{
      position:sticky;top:0;z-index:10;
      background:rgba(11,15,20,.65) !important;
      border-bottom:1px solid var(--line) !important;
    }
    .nav{display:flex !important;align-items:center !important;padding:14px 0 !important}
    .brand{display:flex !important;align-items:center !important;gap:10px !important;font-weight:700 !important}
    .logo {
      border-radius: 12px !important;
      overflow: hidden !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
    }
    .logo img {
      width: 100% !important;
      height: 100% !important;
      object-fit: contain !important;
    }
    nav ul{display:flex !important;gap:18px !important;list-style:none !important;margin:0 !important;padding:0 !important;color:var(--muted) !important}
    nav a{padding:8px 10px !important;border-radius:10px !important}
    nav a:not(.no-hover):hover{background:rgba(255,255,255,.06) !important;color:var(--text) !important}
    .actions{display:flex !important;gap:10px !important}
    .btn-home{
      padding:10px 14px !important;border-radius:12px !important;
      border:1px solid var(--line) !important;
      background:rgba(255,255,255,.04) !important;
      font-weight:600 !important;font-size:0.9rem !important;
      cursor:pointer !important;
    }
    .btn-home.primary{
      background:linear-gradient(135deg,rgba(74,163,255,.35),rgba(109,255,184,.2)) !important;
      border-color:rgba(74,163,255,.5) !important;
    }
    
    #footer{
      padding-bottom: 0 !important;
    }
    footer{padding:30px 0 !important;border-top:1px solid var(--line) !important;color:var(--muted) !important}
    @media(max-width:991px){
      nav > ul {
        display: none !important;
      }

      .navbar-collapse.show ul {
        display: flex !important;
        flex-direction: column;
      }
    }
    @media (max-width: 991.98px) {
      header {
        backdrop-filter: blur(10px);
        background: rgba(11,15,20,.65);
      }
    }
    @media (max-width: 991.98px) {
      #mainGeneralMenuSVG {
        box-shadow: none !important;
      }
    }

    @media (max-width: 991px){ 
      #mainGeneralMenuSVG{  
        top: 59px !important;
      } 
    }

    @media (max-width: 991.98px) {
      #mainGeneralMenuSVG.show {
        overscroll-behavior: contain;
      }

      #mainGeneralMenuSVG.show > ul.navbar-nav {
        max-height: calc(100vh - 72px);
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
      }
    }

    .dropdown-item:active {
        background-color: transparent !important;
        color: inherit !important;
    }

    .topbar-subtext-fs{
      font-size: 0.7rem;
    }
    .btn-home-top-fs{
      font-size: 1rem !important; 
    }
    .textonav{
      font-size: 1rem; 
    }
    .textonav-guest{
      font-size: 1rem; 
    }
    .textonav-auth{
      font-size: 1rem; 
    }

    
    .genex-logo-footer-fs{
      font-size: 10vw;
    }
    .logo-footer{
      width: 20vw;
    }

    

    
    @media (min-width: 320px){

    }
    @media (min-width: 576px){
      .logo-footer{
        width: 15vw;
      }
      .genex-logo-footer-fs{
        font-size: 7vw;
      }
      
    }
    @media (min-width: 768px){
      
      .btn-home{
        font-size: 1rem !important;
      }
      
        .logo-footer{
        width: 11vw;
      }
      .genex-logo-footer-fs{
        font-size: 5vw;
      }
      
    }
    @media (min-width: 991px){

    }
    @media (min-width: 992px){
      .textonav{
        font-size: 0.9rem; 
      } 
      .textonav-guest{
        font-size: 0.9rem; 
      } 
      .textonav-auth{
        font-size: 0.7rem; 
      } 
      .btn-home-top-fs{
        font-size: 0.7rem !important; 
      }
      .topbar-subtext-fs{
        font-size: 0.6rem;
      }
      nav ul{gap:10px !important;}
      .logotop{
        width: 5.5vw;
        position: absolute;
        z-index: 1;
        top: -2.5vw;
        left: 3vw;
      }
      .fix-top-home{
        padding-top: 2.5rem;
        padding-bottom: 1rem;
      }  
      
      .btn-home{
        font-size: 0.7rem !important;
      }
      
      .genex-logo-footer-fs{
        font-size: 3vw;
      }
      .logo-footer{
        width: 7.5vw;
      }
      .pt-lg-custom{
        padding-top: 3.5rem !important;
      }
      
    }
    @media (min-width: 1024px){

    }
    @media (min-width: 1200px){
      .fix-top-home{
        padding-top: 3.5rem;
        padding-bottom: 1rem;
      }
      .textonav-auth{
        font-size: 0.9rem; 
      } 
      .btn-home-top-fs{
        font-size: 0.9rem !important; 
      }
      .topbar-subtext-fs{
        font-size: 0.7rem;
      }
      nav ul{gap:10px !important;}
      .logotop{
        width: 5.5vw;
        position: absolute;
        z-index: 1;
        top: -2.7vw;
        left: 2.5vw;
      }
      .pt-lg-custom{
        padding-top: 2rem !important;
      }
      
      .btn-home{
        font-size: 0.9rem !important;
      }

      
    }
    @media (min-width: 1366px){
      .logotop{
        width: 5vw;
        position: absolute;
        z-index: 1;
        top: -2.5vw;
        left: 3vw;
      }
      .logo-footer{
        width: 5vw;
      }
    }
    @media (min-width: 1440px){
      .fix-top-home{
        padding-top: 4.5rem;
        padding-bottom: 1rem;
      }
      .textonav{
        font-size: 1rem; 
      } 
      .textonav-guest{
        font-size: 1rem; 
      } 
      .textonav-auth{
        font-size: 1rem; 
      } 
      .btn-home-top-fs{
        font-size: 1rem !important; 
      }
      nav ul{gap:18px !important;}
      .logotop{
        width: 5vw;
        position: absolute;
        z-index: 1;
        top: -2.5vw;
        left: 3vw;
      }
      
      .btn-home{
        font-size: 1.2rem !important;
      }
      
      .genex-logo-footer-fs{
        font-size: 2.5vw;
      }
      .logo-footer{
        width: 6vw;
      }

      
    }
    @media (min-width: 1574px){
      .logotop{
        width: 5vw;
        position: absolute;
        z-index: 1;
        top: -2.5vw;
        left: 3vw;
      }
    }
    @media (min-width: 1778px){
      .logotop{
        width: 4.6vw;
        position: absolute;
        z-index: 1;
        top: -2.3vw;
        left: 3vw;
      }
    }
    @media (min-width: 1800px){
      .textonav{
        font-size: 1.2rem; 
      } 
      .textonav-guest{
        font-size: 1.2rem; 
      } 
      .textonav-auth{
        font-size: 1.2rem; 
      } 
      .btn-home-top-fs{
        font-size: 1.2rem !important; 
      }
      .topbar-subtext-fs{
        font-size: 1.1rem;
      }
      .pl-xl-custom{
        padding-left: 0rem !important;
      }
      .fix-top-home{
        padding-top: 5.5rem;
        padding-bottom: 1rem;
      }  
      .col-xl-3-custom{
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
      }
      .col-xl-9-custom{
        flex: 0 0 75%;
        max-width: 75%;
      }
      
    }
    @media (min-width: 2000px){
      .logotop{
        width: 4.5vw;
        position: absolute;
        z-index: 1;
        top: -2.2vw;
        left: 2.7vw;
      }
      .fix-top-home{
        padding-top: 6.5rem;
        padding-bottom: 2rem;
      }
      .logo-footer{
        width: 4.5vw;
      }
      .genex-logo-footer-fs{
        font-size: 2vw;
      }
    }
    @media (min-width: 2400px){
      .logotop{
        width: 4.3vw;
        position: absolute;
        z-index: 1;
        top: -2.1vw;
        left: 2.8vw;
      }
      .col-xl-3-custom{
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
      }
      .col-xl-9-custom{
        flex: 0 0 73%;
        max-width: 73%;
      }
      .textonav{
        font-size: 1.3rem; 
      } 
      .textonav-guest{
        font-size: 1.32rem; 
      } 
      .textonav-auth{
        font-size: 1.3rem; 
      } 
      .btn-home-top-fs{
        font-size: 1.3rem !important; 
      }
      .topbar-subtext-fs{
        font-size: 1.4rem;
      }
      .logo-footer{
        width: 4.3vw;
      }
      
    }
    @media (min-width: 2560px){
      .logotop{
        width: 4.3vw;
        position: absolute;
        z-index: 1;
        top: -2.1vw;
        left: 2.8vw;
      }
      .fix-top-home{
        padding-top: 7.5rem;
        padding-bottom: 2rem;
      } 
      
      .btn-home{
        font-size: 1.3rem !important;
      }
      
      .logo-footer{
        width: 4.3vw;
      }

    }

    @media (max-width: 991.98px){
      .textyy{
        backdrop-filter: blur(10px);
        background: rgba(11,15,20,.65);
      }
    }
    

    .section-offset {
        scroll-margin-top: 80px;
    }

    html {
        scroll-behavior: smooth;
    }

    

    @keyframes spin {
      100% { transform: rotate(360deg); }
    }