.nova .top-bar-notification {
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.07);
}
.nova .advertise-disclosure {
    font-family: "Open Sans", sans-serif;
    justify-content: space-between; /* Ensure left and right alignment */
    align-items: center;            /* Vertically center items */
    flex-wrap: wrap;    
    font-size: var(--normal-font-size);
    padding: 7px 30px;
    color: var(--font-color-light);
}
.nova .advertise-disclosure .disclosure {
    color: var(--font-color-light-400);
    text-decoration: underline;
    cursor: pointer;
}

/* Container for hover trigger and the popup */
.nova .advertise-disclosure .disclosure {
    position: relative;
    display: inline-block;
}

.nova .advertise-disclosure .disclosure span {
    display: inline-block;
    text-decoration: underline;
    cursor: pointer; /* Makes it clear the span is interactive */
}

/* Popup style */
.nova .advertise-disclosure .disclosure span::before,
.nova .advertise-disclosure .disclosure span::after {
    content: ''; /* Required for the arrow to work */
    position: absolute;
    top: 100%; /* Position the arrow right below the span */
    left: 50%;
    transform: translateX(-50%) rotate(180deg); /* Center the arrow horizontally */
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 9px solid rgba(0, 0, 0, 0.09); /* Color of the arrow */
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0s linear 0.3s; /* Smooth transition */
    z-index: 9999;
}

/* Make the arrow border only visible */
.nova .advertise-disclosure .disclosure span::after {
    margin-top: 1px;
    border-top: 9px solid #FFF;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
}



/* The block (popup) to be shown on hover */
.nova .advertise-disclosure .disclosure .popup {
    cursor: auto;
    color: var(--font-color);
    position: absolute;
    padding: 10px;
    opacity: 0;
    visibility: hidden;
    background-color: rgb(255, 255, 255);
    border-radius: var(--border-radius);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 25px;
    right: 0px;
    width: 80vw;
    max-width: 450px;
    padding: 20px;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 5px;
    z-index: 51;
    margin: 0px auto;
    transform: initial;
    visibility: hidden;
    opacity: 0;
    transition: opacity 300ms ease-in-out, visibility 100ms ease-in-out;
}
.nova .advertise-disclosure .disclosure .popup p {
    margin: 0;
}

/* Trigger hover over the parent */
.nova .advertise-disclosure .disclosure .popup:hover + span::before,
.nova .advertise-disclosure .disclosure .popup:hover + span::after,
.nova .advertise-disclosure .disclosure span:hover::before,
.nova .advertise-disclosure .disclosure span:hover::after,
.nova .advertise-disclosure .disclosure:hover .popup,
.nova .advertise-disclosure .disclosure .popup:hover {
    opacity: 1;
    visibility: visible;
    transition-delay: 0.3s; /* Delay the appearance */
}

/* Hide after a small delay when mouse moves away */
.nova .advertise-disclosure .disclosure:hover .popup {
    transition-delay: 0.3s; /* Delay the hide when not hovered */
}
/* //////////////////////////////////////// */
.nova .main-header {
    border-bottom: solid 1px var(--header-border);
}
.nova .main-header .content-width > .flex {
    height: 60px;
    align-items: center;
    justify-content: space-between;
}
/* ///////////////////////////////////////////// */

.nova .main-header nav {
    &.primary-navigation {
      margin: 0 auto;
      display: block;
    
      padding: 0 0 0 0;  
      text-align: center;
      font-size: var(--font-size-menu);
      ul {
        padding-left: 10px;
        padding-right: 10px;
      }
  
      ul li {
        list-style: none;
        margin: 0 auto;
        display: inline-block;
        padding: 0 20px;
        position: relative;
        text-decoration: none;
        text-align: center;
      }
  
      li a {
        color: var(--font-color);
        font-family: "Poppins", sans-serif;
        font-weight: 500;
        font-style: normal;
        /* font-family: poppins-regular, Arial, Helvetica, sans-serif; */
      }
      li a.arrow-down::after,
      li a.arrow-down::before {
            content: '';
            display: inline-block;
            position: absolute;
            right: 8px;
            top: 9px; /* Adjusts the vertical alignment */
            width: 0;
            height: 0;
            border-left: 4px solid transparent;
            border-right: 4px solid transparent;
            border-top: 4px solid var(--font-color); /* Creates the "v"-like shape */
      }
      li a.arrow-down::before {
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: 3px solid #FFF; /* Creates the "v"-like shape */
        z-index: 1;
      }
  
      li a:hover {
        text-decoration: underline;
      }
  
      li:hover {
        cursor: pointer;
      }
  
      ul li ul {
        visibility: hidden;
        opacity: 0;
        position: absolute;
        padding-left: 0;
        left: 0;
        display: none;
        background: white;
      }
  
      ul li:hover > ul,
      ul li ul:hover {
        visibility: visible;
        opacity: 1;
        display: block;
        min-width: 250px;
        text-align: left;
        padding-top: 20px;
        box-shadow: 0px 3px 5px -1px #ccc;
      }
  
      ul li ul li {
        clear: both;
        width: 100%;
        text-align: left;
        margin-bottom: 20px;
        border-style: none;
      }
  
      ul li ul li a:hover {
        padding-left: 10px;
        border-left: 2px solid #3ca0e7;
        transition: all 0.3s ease;
      }
    }
  
    a {
        text-decoration: none;
        &:hover {
            color: #3CA0E7;
        }
 
    }

    ul li ul li a { 
        transition: all 0.5s ease; 
    }
}
/* ///////////////////////// */
.nova .main-header {
    .options {
        height: 20px;
        .flex {
            gap: 20px;
            padding-left: 20px;
            img {
                height: 20px;
                cursor: pointer;
            }
        }
    }
}

@media only screen and (max-width: 1025px) {
    .nova .advertise-disclosure .disclosure .popup {
        right: initial;
        left: 10px;
        position: fixed;
        top: initial;
        margin-top: 26px;
    }
}
@media only screen and (max-width: 840px) {
    .nova .advertise-disclosure.flex {
        display: block;
        padding: 7px 15px;
    }
    .nova .advertise-disclosure .text {
        display: inline;
    }
    .nova .advertise-disclosure .disclosure {
        display: inline-block;
    }
}

@media only screen and (max-width: 780px) {
    .nova .main-header .navigation-blk {
        display: none;
    }
}