.custom_header {
  border-bottom: .1rem dashed #ECEEF4;
  * { line-height: normal; }
  .header { display: block; }
  .header_content { display: flex; align-items: center; justify-content: space-between; position: relative; }
  .hc_center { width: 100%; display: flex; justify-content: end; gap: 2.4rem; }
  .hc_center .header__inline-menu { margin: 0rem; }
  .header_logo { display: flex; }
  .header_logo img { max-width: 19rem; }
  .hc_center ul li a { font-size: 1.6rem; line-height: normal; font-weight: 500; color: var(--color-black); padding: 1rem 1.2rem; display: inline-flex; text-decoration: none; }
  .hc_center ul li a.active { color: var(--color-dark); }
  .hc_right { display: flex; gap: 3rem; padding-left: 7%; }
  .hc_right .header_drawer { margin-left: 0rem; }
  .hc_right .menu-drawer-container { position: relative; }
  .hc_right .header__icon--menu[aria-expanded=true]:before { position: fixed; top: 0; height: 100vh; z-index: -1; cursor: default; }
  .hc_right .menu_dropdown { position: absolute; top: 6.1rem; right: 0; box-shadow: 3px 4px 51px 0px #00000017; backdrop-filter: blur(20px); padding: 1.2rem 2rem; border-radius: 2.4rem; width: max-content; }
  .hc_right .menu_dropdown nav { padding: 0; }
  .dropdown_menu_item { display: flex; align-items: center; gap: 6rem; justify-content: space-between; font-size: 1.8rem; line-height: normal; color: var(--color-black); text-decoration: none; padding: 1.3rem 0; border-bottom: 1px solid #0000000A; cursor: pointer; }
  .dropdown_menu_item svg { transform: rotate(-90deg); }
  .dropdown_menu_item svg path { stroke: var(--color-black); stroke-opacity: 1; }
  .dropdown_menu_item.active { color: var(--color-dark); }
  .dropdown_menu_item.active svg path { stroke: var(--color-dark); }
    
  .hc_right .menu_dropdown nav ul li:last-child {
    a, span, div { border-bottom: none; }
  }
  .header__icon { height: 4rem; width: 4rem; }
  .get_started_btn { gap: 0.6rem; min-width: 16rem; padding: 0; min-height: 4.6rem; font-size: 1.6rem; line-height: normal; }
  .get_started_btn svg { height: 1.1rem; width: 1.1rem; }
  .header__icon { text-decoration: none; }
  .header__icon svg path { fill: var(--color-black); }
  .header__icon .customer-initials { width: 4rem; height: 4rem; border-radius: 50%; background: var(--color-dark); color: var(--color-white); font-size: 1.6rem; line-height: normal; font-weight: 800; }
  .language_currency_selector { font-size: 1.6rem; font-weight: 500; line-height: normal; padding: 0 1.5rem; min-height: 4rem; height: 100%; min-width: 16.5rem; width: auto; }
  .language_currency_selector img { width: 20px; height: 15px; }
  
  @media screen and (max-width: 1024px) {
  .language_currency_selector { min-width: 14rem; }
  }

  @media screen and (min-width: 990px) {
    /* .web_hidden_menu { display: none; } */
    .header--middle-left { column-gap: 1rem; }
    .header__icons .header__icon { width: auto; height: auto; }
    .header__inline-menu .header__menu-item { font-size: 1.6rem; line-height: normal; font-weight: 500; color: var(--color-black); }
    .header__active-menu-item { color: var(--color-dark); text-decoration: none; }
    .header__inline-menu .header__menu-item:hover span { color: var(--color-medium); text-decoration: none; }
  }

  @media screen and (min-width: 750px) {
    .web_tab_hidden_menu { display: none; }
  }
  
  @media screen and (max-width: 989px) {
    .hc_right .menu_dropdown { top: 5.1rem; }
    .header_logo img { max-width: 17rem; }
    .hc_right { padding-left: 3.5rem; }
    .language_currency_selector { font-size: 1.4rem; }
    .get_started_btn { gap: 0.8rem; font-size: 1.4rem; }
    .language_currency_selector { min-width: auto; }
  }
    
  @media screen and (max-width: 749px) {
    .header { padding: 10px 1.5rem 10px 1.5rem; }
    .header_content { gap: 1rem; }
    .hc_right .header_drawer { display: flex; align-items: center; }
    .hc_right .menu_dropdown { top: 5.1rem; }
    .header__icon .icon { height: 1.5rem; width: 1.5rem; }
    .hc_center { display: none; }
    .header_logo { max-width: 17rem; }
    .header_logo img { max-width: 100%; width: auto; }
    .hc_right { padding-left: 0rem; gap: 1rem; }
    .get_started_btn { min-width: 10rem; min-height: 3.8rem; letter-spacing: -0.02rem; }
    .get_started_btn svg { display: none; }
    .dropdown_menu_item { gap: 5rem; font-size: 1.6rem; }
  }

  .modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); }    
  .modal-content { position: relative; background: white; margin: 5% auto; width: 90%; max-width: 500px; padding: 2rem; border-radius: 8px; max-height: 90vh; overflow-y: auto; }    
  .close-modal { position: absolute; top: 10px; right: 15px; font-size: 24px; font-weight: bold; cursor: pointer; }

  .logged_in_menu {
    @media screen and (min-width: 990px) {
      .home, .buy_plans, .my_esims, .contact_us 
      { display: none; }
    }
    @media screen and (min-width: 750px) {
      .change_language, .change_currency { display: none; }
    }
  }

  .logged_out_menu {
    @media screen and (min-width: 990px) {
      /* .home, .buy_plans, .my_esims, .contact_us { display: none; } */
    }
    @media screen and (min-width: 750px) {
      .change_language, .change_currency { display: none; }
    }
  }
}

.logged_out {
  @media screen and (min-width: 990px) {
    .custom_header .header_drawer { display: none; }
  }
  
  @media screen and (max-width: 989px) {
    .custom_header .hc_right .menu_dropdown { top: 5.7rem; }
  }
  
  @media screen and (max-width: 749px) {
    .custom_header .hc_right .menu_dropdown { top: 5.1rem; }    
  }
}

.logged_in {
  @media screen and (min-width: 990px) {}
  
  @media screen and (max-width: 989px) {}
  
  @media screen and (max-width: 749px) {}
}


.logo-dark { display: none; }
[data-theme="dark"] {
  .logo-light { display: none; }
  .logo-dark { display: block; }
  .custom_header { 
    border-bottom: .1rem dashed var(--color-grey_dark);
    .hc_center ul li a.active { color: var(--color-medium); }
    .language_currency_selector { color: var(--color-black); background: var(--color-secondary_bg); border: none; }
    .language_currency_selector:not([disabled]):hover:after { box-shadow: 0 0 0 2px var(--color-secondary_bg); }
    .header__icon .customer-initials { color: var(--color-d_black); }
    .hc_right .menu_dropdown { background: var(--color-grey_dark); }
    .dropdown_menu_item { border-color: var(--color-border_neutral); }
    .hc_right .header__icon--menu[aria-expanded=true]:before { background: rgb(0 0 0 / 61%); backdrop-filter: blur(4px); }
    
  }
}