:not([class*="drop-active-2"]) .hs-site-page:not(.nav-active) [class="sticky-wrap"] .header-bottom>a {
    color: white; 
   }
   
   .main-nav > li {
     padding: 16px !important;
   }
   
   #header-mobile {
     display: none !important; 
   }
   
   #header-container {
     position: relative;
     left: 0;
     right: 0;
   }
   
   #header-desktop {
     display: block;
   }
   
   #header-desktop .btn {
     margin: 0
   }
   
   #header-content {
     justify-content: unset !important;
     display: flex !important;
     flex-wrap: nowrap !important;
     gap: 2rem;
     align-items: center !important;
     min-width: 100% !important;
     padding: 0 32px;
   }
   
   .submenu-active #header {
     background-color: white;
     color: #005156; 
   }
   
   .submenu-active #header nav-opener span {
     background-color: #005156!important;
   }
   
   .submenu-active #header a {
     color: #005156; 
   }
   
   .submenu-active #header .header-buttons li a {
   color: white!important;
   }
   
   .submenu-active #header-mobile .nav-opener span, .submenu-active #header-mobile .nav-opener:before, .submenu-active #header-mobile .nav-opener:after {
     background: #005156!important;
   }
   
   .submenu-active .dropdown-nav>li>a:after, .submenu-active .dropdown-nav>li>a:before, .submenu-active .dropdown-nav-2>li>a:after, .submenu-active .dropdown-nav-2>li>a:before, .submenu-active .dropdown-nav-3>li>a:after, .submenu-active .dropdown-nav-3>li>a:before
   {
   color: #fb572b!important;
   
   }
   
   .submenu-active .logo img {
     background-image: url("https://381192.fs1.hubspotusercontent-na1.net/hubfs/381192/Relatel/Logoer/Relatel_1946_Logotype_FOREST_RGB.svg")!important;
     background-repeat: no-repeat;
     background-size: 100px;
     background-position: center;
   } 
   
   #mobile-menu-accordion .main-nav {
     flex-direction: column;
     font-size: 20px;
     text-transform: inherit;
     color: #fb572b!important;
     align-items: start;
     font-weight:600!important;
     margin:0!important;
    
   } 
   
   #mobile-menu-accordion .main-nav a {
     color: #fb572b!important;
   }
   
   #mobile-menu-accordion .main-nav>li {
   padding: 10px 0!important;
   }
   
   .submenu-active .searh-drop-opener img {
    background-image: url(https://www.relatel.dk/hubfs/Relatel/images/zoom-icon-5.svg)!important;
   }
   
   
   :not([class*="drop-active-2"]) .hs-site-page:not(.nav-active) [class="sticky-wrap"] .login-opener img {
   
     background-image: url("https://381192.fs1.hubspotusercontent-na1.net/hubfs/381192/lock-icon-white.svg");
     position: relative;
     overflow: hidden;
     width: 26px;
     height: 26px;
     padding: 26px 26px 0 0;
     box-sizing: border-box;
     
   }
   
   .submenu-active #header {
     box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
   }
   
   
   #header .inner-holder {
     width: 100% !important;
     display: flex !important;
     justify-content: space-between !important;
     align-items: center !important;
   }
   
   #header .inner-col {
     display: flex;
     align-items: center;
     justify-content: space-between;
   }
   
     #header #header-mobile .faq-opener {
       color: #005156 !important;
     }
   
   
   @media (max-width: 1024px) {
       #header #header-mobile .faq-opener {
         color: #fb572b !important;
         font-weight: 600;
       }
     
          .header-buttons-mobile li:nth-child(2) {
       display: none;  /* Hide the second button */
     }
     
       #header #header-mobile .faq-active .faq-opener {
         color: #005156 !important;
       }
   {#.nav-active .logo a img {
       background-image: url("https://www.relatel.dk/hubfs/Relatel_1946_Logotype_FORREST_RGB_padding.svg");
     } #}
     
   
   
   
     .submenu-active .logo img {
     background-image: url("https://381192.fs1.hubspotusercontent-na1.net/hubfs/381192/Relatel/Logoer/Relatel_1946_Logotype_FOREST_RGB.svg")!important;
     background-repeat: no-repeat;
     background-size: 83px;
     background-position: center;
     }
     
     #header {
       height: 56px !important;
     }
     #header-desktop {
       display: none !important;
     }
     #header-mobile {
       display: block !important;
     }
     
     #header-bottom-mobile {
      display: block !important;
        overflow: hidden;
      padding: 0;
     }
     
     #header-content {
       padding: 0 16px;
     }
     
     .dropdown-nav .drop-inner {
       max-width:unset!important;
       margin: 0!important;
       
     }
     
     .header-bottom {
        transform: translateY(56px);
     }
     
     #header-bottom-desktop {
       display: none !important; 
     }
     
     .scroll-top .header-bottom {
       transform: translateY(56px);
     }
     
     .scroll-top .sticky-wrap.fixed-position + .header-bottom + .header-bottom{
       background-color: #fff;
       box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
     }
   
     .scroll-bottom .sticky-wrap.fixed-position + .header-bottom + .header-bottom {
       background-color: #fff;
       box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
     }
     
     #header .inner-holder {
       display: block !important;
     }
     
     #header .inner-col {
       display: block !important;
     }
       #mobile-menu-accordion li:nth-child(1)
     #mobile-menu-accordion li:nth-child(3) {
       /*overflow-y: auto;*/
       overflow-x: hidden;
     
     }
     #mobile-menu-accordion li:nth-child(1) .items-list,
     #mobile-menu-accordion li:nth-child(3) .items-list {
       display: grid;
       grid-template-columns: 1fr 1fr;
       grid-template-rows: 1fr 1fr;
       column-gap:20px;
       max-width:unset;
     }
     /*#mobile-menu-accordion li:nth-child(3) .items-list li {
       flex-grow:1;
       flex-basis:200px;
     } */
     #mobile-menu-accordion li:nth-child(1) .items-list li .items-block, 
     #mobile-menu-accordion li:nth-child(3) .items-list li .items-block {
       min-height:120px;
     }
     
     /* Bottom menu mobile   */
     
     .header-bottom ul {
       display: block;
       gap: 1rem;
     }
     
     
     #mobile-menu-accordion {
       margin-top:20px;
       padding: 10px 20px;
     }
     .search-background-test {
       background-color: #f0f2f4 !important;
       width:100%;
       height:56px;
       position:absolute;
       top:0;
       left:0;
       /*display:flex; */
       flex-wrap:wrap;
       z-index: 30000;
       padding: 10px 22px;
       
     }
     #mobile-search-drop {
       
       margin: 0!important;
       height:56px!important;
       
     }
   
     
     /* accordion styles */ 
    
     #mobile-menu-accordion {
       width: 100%;
       max-width: unset;
     }
     
      #mobile-menu-accordion li {
       border-top: 0; 
     }
     
     #mobile-menu-accordion .faq-opener {
       width: fit-content;
     }
     
     .faq-opener {
       align-items: baseline !important;
     } 
     
    .tab {
        width: 100%;
        color: white;
        overflow: hidden;
     }
     
    .tab-label {
        display: flex;
        justify-content: space-between;
        padding: 1rem;
        background: #fff;
        cursor: pointer;
      width: 100%;
      position: relative; 
      margin: 0;
     }
     
     
     .tab-label:after {
     -webkit-transition: top .3s ease-in-out, -webkit-transform .3s ease-in-out;
     transition: top .3s ease-in-out, -webkit-transform .3s ease-in-out;
     transition: top .3s ease-in-out, transform .3s ease-in-out;
     transition: top .3s ease-in-out, transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
     content: "";
     font-size: 1rem;
     font-family: "icomoon" !important;
     top: 1rem;
     right: 1rem;
     position: absolute; 
     color: #fb572b;
   }
   
    .tab-content {
        max-height: 0;
        padding: 0 1em;
        color: #2c3e50;
        background: white;
        transition: all 0.35s;
     }
     
    .tab-close {
        display: flex;
        justify-content: flex-end;
        padding: 1em;
        font-size: 0.75em;
        cursor: pointer;
     }
   
    input:checked + .tab-label::after {
        transform: rotate(180deg);
      transform-origin: center;
     }
     
    input:checked ~ .tab-content {
        max-height: 100vh;
        padding: 1em;
     }
     /* ANDREA START */
   
     .main-nav-container {
       width:100%;
       display:flex;
       padding: 1rem 0;
       justify-content:space-between;
       align-items:center;
       height:56px;
       background-color: #F0F2F4!important;
       
     }
     
     .items-block {
       padding: 20px 20px!important;
       background-color:#ffffff!important;
       margin: 5px 0px;
       
     }
     
     .items-block .img-block {
       display:flex;
       align-items:center;
     }
     
     .items-list {
       margin: 0px !important;
     }
     .main-nav-drop {
       background-color: #F0F2F4!important;
       /*height:100vh!important; */
       height: calc((var(--vh, 1vh) * 100) - 100%)!important;
       padding: 0px 22px!important;
       justify-content: unset!important;
       overflow-y: auto;
     }
     
     #header-mobile .faq-opener {
       padding: 18px 0!important;
     }
     
     .nav-opener {
       z-index:120000!important;
       
     }
     
    
     
     .login-opener a {
       color: #ffff!important
     }
     
     .submenu-active .login-opener a {
       color: #005156!important
     }
     
     
     
   
      
     
     /* ANDREA END*/
     /* test start */
     
     .mobile-close-search {
     margin-top:10px;
     width: 32px;
     height: 32px;
     display: block;
     position: relative;
     font-size: 0;
     line-height: 0;
     margin-left: auto;
   }
   
   .mobile-close-search:before,
   .mobile-close-search:after {
     -webkit-transition: -webkit-transform .3s ease-in-out;
     transition: -webkit-transform .3s ease-in-out;
     transition: transform .3s ease-in-out;
     transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
     content: "";
   }
   
   .mobile-close-search:before,
   .mobile-close-search:after,
   .mobile-close-search span {
     width: 22px;
     height: 3px;
     border-radius: 3px;
     background-color: #005156;
     position: absolute;
     left: 5px;
   }
   
   .mobile-close-search:before {
     top: 14px;
   }
   
   .mobile-close-search span {
     top: 22px;
   }
   
   .mobile-close-search:after {
     top: 30px;
   }
   
   .mobile-close-search span {
     opacity: 0;
   }
   
   .mobile-close-search:before {
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
     top: 14px;
   }
   
   .mobile-close-search:after {
     -webkit-transform: rotate(-45deg);
     -ms-transform: rotate(-45deg);
     transform: rotate(-45deg);
     top: 14px;
   }
   
     
     /* test end */
    
   }
   
   @media (max-width: 767px) {
    #mobile-menu-accordion {
       width: 100%;
       max-width: 360px;
      padding:0!important;
     }
     
     .items-list {
       margin: 0px 16px!important;
     }
     
     .dropdown-nav .drop-inner {
       max-width:380px;
       margin: 0 auto!important;
       
     }
     
     .main-nav-drop {
       
       background-color: #F0F2F4!important;
       /*height:100vh!important; */
       /*height: calc((var(--vh, 1vh) * 100) - 100%)!important;*/
       padding: 0 22px 22px 22px!important;
       justify-content: unset!important;
       
     }
     
     #header-content {
       padding: 0 16px;
     }
     #mobile-menu-accordion li:nth-child(1) .items-list,
     #mobile-menu-accordion li:nth-child(3) .items-list {
     
       max-width:440px;
       
     }
     #mobile-menu-accordion li:nth-child(1) .items-list li .items-block,
       #mobile-menu-accordion li:nth-child(3) .items-list li .items-block {
       min-height:unset;
     }
     
   }
   
   @media (max-width: 821px) {
   
   .main-nav-drop {
       
       background-color: #F0F2F4!important;
     }
   
   
   }
   @media (max-width: 766px) {
     #mobile-menu-accordion li:nth-child(1) .items-list,
     #mobile-menu-accordion li:nth-child(3) .items-list {
         display: flex;
         flex-wrap:wrap;
       }
    }
   
   .header-buttons-mobile {
     display: none;
   }
   
   @media (max-width: 1024px) {
     .header-buttons-mobile {
       display: flex;
       margin: 0;
     }
     
     /* For the buttons next to logo */
     #header-mobile #header-content .header-buttons-mobile li {
       margin: 0 !important;  /* Using !important to ensure this rule takes precedence */
     }
     
     .header-buttons-mobile li:nth-child(2) {
       display: none;  /* Hide the second button */
     }
     
     .header-buttons-mobile .btn {
       margin: 0;
       padding: 13px 16px !important;
     }
     
     #header-mobile #header-content {
       display: flex;
       align-items: center;
       gap: 1rem;
     }
     
     /* For the buttons next to logo */
     #header-mobile #header-content .header-buttons-mobile {
       margin: 0;  /* Explicitly remove margin for buttons next to logo */
     }
     
     .header-buttons-mobile li {
       margin: 0;
     }
     
     .header-buttons-mobile li:nth-child(2) {
       display: none;  /* Hide the second button in header */
     }
     
     .header-buttons-mobile .btn {
       margin: 0;
       padding: 8px 16px;
     }
     
     /* For the buttons in hamburger menu */
     .main-nav-drop .header-buttons li:first-child {
       display: none;  /* Hide the first button in hamburger menu */
     }
   }