.top-rr-sub-nav {
            background-color:#152360;
         }

         .topnav {
            --topnav-bg: #152360;
            --topnav-fg: #fff;
            --topnav-divider: rgba(255, 255, 255, 0.35);
            --topnav-hover: rgba(255, 255, 255, 0.15);
            --topnav-speed: 0.25s;

            width: 100%;
            background: var(--topnav-bg);
            color: var(--topnav-fg);
         }

         .topnav__links {
            display: flex;
            flex-wrap: wrap; /* wraps gracefully on narrow desktops/tablets */
            padding: 18px 0;
         }

         .swa-landing-page-content-detail .topnav__links a {
            color: #ffffff;
            flex: 1 1 auto;
            padding: 2px 16px;
            color: inherit;
            text-align: center;
            text-decoration: none;
            font-weight: 600;
            -webkit-tap-highlight-color: transparent;
            transition: background-color 0.15s;
         }

         .topnav__links a + a {
            border-left: 1px solid var(--topnav-divider);
         }

         .swa-landing-page-content-detail .topnav__links a:hover {
            background: var(--topnav-hover);
            text-decoration: none;
         }

         .topnav__links a:focus-visible,
         .topnav__toggle:focus-visible {
            outline: none;
            outline-offset: -4px;
            text-decoration: none;
         }


         .topnav__toggle {
            display: none;
         }  
         .topnav.no-anim,
         .topnav.no-anim * {
            transition: none !important;
         }

         @media (prefers-reduced-motion: reduce) {
            .topnav,
            .topnav * {
               transition: none !important;
            }
         }
         @media (max-width: 1180px) {
            .topnav__toggle {
               display: flex;
               align-items: center;
               justify-content: space-between;
               width: 100%;
               min-height: 48px;
               padding: 0 16px;
               background: transparent;
               border: none;
               color: inherit;
               cursor: pointer;
               -webkit-tap-highlight-color: transparent;
            }

            .topnav__toggle:focus {
               outline: none;
            }

            /* hamburger -> X */
            .topnav__icon {
               position: relative;
               width: 24px;
               height: 18px;
            }
            .topnav__icon span {
               position: absolute;
               left: 0;
               width: 100%;
               height: 2px;
               background: currentColor;
               border-radius: 2px;
               transition: transform var(--topnav-speed), top var(--topnav-speed), opacity 0.15s;
            }

            .topnav__icon span:nth-child(1) { 
               top: 0; 
            }

            .topnav__icon span:nth-child(2) { 
               top: 8px; 
            }
            
            .topnav__icon span:nth-child(3) { 
               top: 16px; 
            }

            .topnav.is-open .topnav__icon span:nth-child(1) { 
               top: 8px; transform: rotate(45deg); 
            }

            .topnav.is-open .topnav__icon span:nth-child(2) { 
               opacity: 0; 
            }

            .topnav.is-open .topnav__icon span:nth-child(3) { 
               top: 8px; transform: rotate(-45deg); 
            }

            /* vertical list */
            .topnav__links {
               flex-direction: column;
               flex-wrap: nowrap;
               padding: 0 16px 8px;
            }

            .swa-landing-page-content-detail .topnav__links a {
               min-height: 48px;
               display: flex;
               align-items: center;
               padding: 2px 0 2px 6px;
               border-top: 1px solid var(--topnav-divider);
            }

            .topnav__links a + a {
               border-left: 0;
            }

            /* the bar is the positioning anchor for the overlay */
            .topnav {
               position: relative;
            }

            .topnav .topnav__panel {
               position: absolute;
               top: 100%;
               left: 0;
               right: 0;
               z-index: 1000;
               max-height: 70vh;
               overflow-y: auto;
               background: var(--topnav-bg);
               box-shadow: 0 10px 20px rgba(0, 0, 0, 0.25);
               border-radius: 8px;

               /* closed */
               opacity: 0;
               transform: translateY(-8px);
               visibility: hidden; /* removes hidden links from tab order */
               pointer-events: none;
               transition: opacity var(--topnav-speed) ease,
                           transform var(--topnav-speed) ease,
                           visibility 0s linear var(--topnav-speed);
            }

            .topnav.is-open .topnav__toggle {
               justify-content: flex-end;
               
            }

            .topnav.is-open .topnav__label {
               display: none;
            }

            .topnav.is-open .topnav__panel {
               opacity: 1;
               transform: translateY(0);
               visibility: visible;
               pointer-events: auto;
               transition: opacity var(--topnav-speed) ease,
                           transform var(--topnav-speed) ease,
                           visibility 0s;
            }

            .topnav.no-anim,
            .topnav.no-anim * {
               transition: none !important;
            }
         }