/* Google Fonts Import for Open Sans */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

* {
  list-style-type: none;
  padding-inline-start: 0px;
  list-style: none;
  margin-block-start: 0em;
  margin-block-end: 0em;
  font-family: "Open Sans", sans-serif;
}

:root {
  --gradient-color1: #182f4b;
  --gradient-color2: #1c416a;
  --gradient-color3: #1a3751;
  --logo-background-color: #FED141;
  --color-surface-black: #000;
  --Color-divider-primary: #A5B7BA;
  --Input-sapField_Background: #FFF;
  --Color-divider-yellow: #FED141;
  --Color-surface-white: #FFF;
  --surface-graphic-minimal: #A5B7BA;
  --surface-card-secondary: #F5F5F5;
  --color-card-primary: #53565a;
  --color-sub-menu-text: #1a76c5;
  --header-background-color: linear-gradient(180deg, rgba(13, 48, 91, 0.45) 0%, rgba(19, 53, 91, 0.30) 40%, rgba(14, 43, 78, 0.15) 70%, rgba(15, 43, 81, 0.00) 100%);

  --pading-left-40: 40px;
  --width-40: 40px;
  --height-40: 40px;
  --border-radius-0: 0px;
  --border-radius-2: 2px;
  --border-radius-4: 4px;
  --border-radius-8: 8px;
  --border-radius-50: 50px;
  --padding-t-p-16: 16px;
  --padding-8: 8px;
  --margin-0: 0px;
  --padding-0: 0px;
  --padding-avatar-img: 18px 10px 12px 10px;
  --width-100: 100%;
  --font-wt-600: 600;

}

.global-header{
  z-index: 3;
}

.no-focus-outline:focus {
  outline: none !important;
}

@media screen and (min-width: 1024px) {  

  .global-header.header {
    background: var(--header-background-color);
    color: var(--Color-surface-white); 
    height: 72px;    
    padding: 0px 38px 0px 18px;
  }

  .global-header-hover{
    background: var(--Color-surface-white) !important;
    color: var(--color-surface-black) !important;
    box-shadow: 0 7px 7px -5px rgba(13, 48, 91, 0.20) !important;
  }

  /* CXR-8817- code start Underline on hover */
  .global-header .custom-card-body .menu-item-btn a:hover,  .global-header .custom-sub-menu-btn a:hover {
    text-decoration: underline !important;
  }
  .custom-card a:hover{
    text-decoration: underline !important;
  }
  /* code end */

  /* .global-header.header:not(.switch-no-nav):hover {  */
    /* For Switch Nav to NoNav */
    /* background: var(--Color-surface-white); */
    /* color: var(--color-surface-black); */
    /* box-shadow: 0 6px 6px -2px rgb(229, 229, 229); */
    /* box-shadow: 0 7px 7px -5px rgba(13, 48, 91, 0.20); */
  /* } */

 .global-header-hover .menu-tab {
    position: relative;
    color: var(--color-surface-black) !important; /* to over write color on header hover*/
    background: transparent !important; /* to over write background on header hover*/
  }

  .global-header-hover .edison-logo-container { /* For Switch Nav to NoNav */
    width: 244px;
    height: 80px;
    padding-top: var(--padding-t-p-16);
    padding-bottom: var(--padding-t-p-16);
    background-color: var(--logo-background-color) !important;
    cursor: pointer;
  }

  .global-header .nav-bar-padding {
    padding-left: 3.4rem;
  }

  .global-header .menu-container {
    display: flex;
    justify-content: center;
    height: 100%;
    margin: 0px 21px;
  }

  .global-header .menu-container .custom-nav-item.dropdown:first-child {
    padding-left: 0px;
  }
  .global-header .menu-container .custom-nav-item.dropdown:nth-last-child(2) {
    padding-right: 0px;
  }

  .global-header .custom-navbar-collapse {
    height: 100%;
    flex-grow: 1;
    cursor: pointer;
  }

  .global-header .menu-tab {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    font-size: 19px;
    font-weight: var(--font-wt-600);
    color: var(--Color-surface-white) ; 
    background: transparent ; 
    /* padding: 8px 0px 20px 0px; */
    border-bottom: 2px solid transparent;
  }

  .global-header .menu-tab:hover {
    position: relative;
    /* color: var(--Color-surface-white) !important; */
    background: transparent !important;
    padding-top: 8px 0px 15px 0px;
  }

  .global-header .menu-content {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 71px;
    padding:48px 40px;
    background: var(--Color-surface-white);
    z-index: -1;
    box-shadow: inset 0 7px 7px -5px rgba(13, 48, 91, 0.20), 0 7px 7px -5px rgba(13, 48, 91, 0.20);
    overflow: auto;
    max-height: calc(100vh - 72px);
  }

  .global-header .menu-tab.header-hover-class {
    border-bottom: 2px solid var(--logo-background-color); /* to over write border on header hover*/
    border-bottom-right-radius: 1px;
    border-bottom-left-radius: 1px;
  }

  .global-header .menu-content-item {
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: repeat(5, 1fr);
    column-gap: 10px;
    padding-left: 0px;
  }

  .global-header .custom-card-body {
    padding: var(--padding-0) !important;
  }

  .global-header .custom-accordion-button i {
    display: none !important;
  }

  .global-header .custom-sub-menu-btn {
    /* pointer-events: none; */
    width: var(--width-100);
    position: relative;
    font-size: 20px;
    line-height: 24px;
    font-weight: var(--font-wt-600);
    display: inline-block;
    color: var(--color-sub-menu-text) !important; /* to over write bootstrap default class*/
    text-align: left;
    padding: 0px 32px 8px 0px;
    text-decoration: none !important; /* to disable the bootstrap default class*/
  }

  .global-header .edison-logo-container {
    width: 244px;
    padding-top: var(--padding-t-p-16);
    padding-bottom: var(--padding-t-p-16);
  }

  .global-header .logo-container {
    width: 290px;
  }

  .global-header .edison-logo-ancher {
    width: 244px;
    display: block;
  }

  .global-header .logo {
    padding-left: 30px;
  }

  .global-header .custom-card-body.menu-item-btn a {
    width: var(--width-100);
    position: relative;
    font-size: 18px;
    line-height: 24px;
    color: #101820 !important; /* to over write bootstrap default class*/
    text-align: left;
    display: inline-block;
    margin-bottom: 8px;
    padding: 0px 8px 0px 16px;
    text-decoration: none !important; /* to disable the bootstrap default class*/
  }

  .global-header #nestedAccordion1 .collapse:not(.show),
  .global-header #nestedAccordion2 .collapse:not(.show),
  .global-header #nestedAccordion3 .collapse:not(.show),
  .global-header #nestedAccordion4 .collapse:not(.show) {
    display: block;
  }

  .global-header .collapse:not(.show) {
    display: block;
  }

  .global-header .hide-searchbar {
    display: none !important;
  }

  .global-header .hide-search-icon {
    display: none !important;
  }

  .global-header .searchbar-container {
    position: absolute;
    right: 8%;
  }

  .global-header .hide-content, .hide-content-ipad {
    display: none !important;
  }

  .global-header .card-border-none {
    border: 1px solid var(--Color-surface-white) !important; /* to disable the bootstrap default class*/
    background: var(--Color-surface-white);
  }

  .global-header .self-service-menu .card-border-none {
    border: none !important;
    background: transparent !important;
  }

  .global-header .menu-content .card-border-none {
    border: none !important;
    background: transparent !important;
  }

  .global-header.navbar-expand-lg .navbar-collapse {
    display: block !important;
  }

  .global-header .collapse-border-left {
    border-left: 2px var(--Color-divider-yellow) solid;
    padding-left: 0px;
  }

  .global-header .block-cursor {
    pointer-events: none;
  }

  /* handling external bootstrap */

  .global-header .btn-link.custom-accordion-button::after {
    background-image: none !important; /* to disable the bootstrap default class*/
  }

  .global-header .custom-accordion-button.menu-tab .fa-chevron-down {
    display: none;
  }

  .global-header .btn-link.custom-accordion-button {
    display: block;
  }

  .global-header .custom-nav-item {
    width: fit-content;
  }

  .global-header .nav-link.custom-accordion-button {
    display: block;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 18px !important; /* to disable the bootstrap default class*/
    width: fit-content;
  }

  /* style for self service menu */

  .global-header .self-service-menu-container {
    position: relative;
    cursor: pointer;
  }

  .global-header .self-service-menu-content {
    position: absolute;
    top: 72px;
  }

  .global-header .avatar-img {
    border-bottom: 2px solid transparent; 
    padding: var(--padding-avatar-img);
  }

  .global-header .search-img {
    height: 24px;
    margin-top: 5px;
    cursor: pointer;
    flex-shrink: 0;
    max-width: initial;
  }

  .search-image-display-none{
    display: none !important;
  }

  .global-header .avatar-img-hover {
    border-bottom: 2px solid var(--logo-background-color);
    padding: var(--padding-avatar-img);
  }

  .global-header .self-service-menu {
    display: flex;
    padding: var(--Spacing-System-spacing-xxxxxxlg, 48px) var(--Spacing-10, 40px);
    flex-direction: column;
    align-items: flex-start;
    gap: var(--Spacing-6);
    background: var(--Color-surface-white);
  }

  /* search box styles */

  .global-header .mainContainer {
    display: flex;
    flex-direction: column;
    width: 67.9% !important;
    min-height: 24px;
    padding: var(--Spacing-2);
    align-items: flex-start;
    gap: var(--Spacing-0);
    flex-shrink: 0;
    border-radius: var(--border-radius-2);
    border: 1px solid var(--Color-divider-primary);
    background: var(--Input-sapField_Background);
    top: 12%;
  }

  .global-header .hide-mobile-search-icon {
    display: block;
    padding: 10px;
  }

  .global-header .search-bar-mobile-margin {
    margin-left: var(--margin-0);
    margin-right: var(--margin-0);
  }

  .global-header .custom-accordion-button::after {
    background: none !important;
  }

  .global-header .search-container {
    width: var(--width-100);
  }

  .global-header .self-servicemenu-width {
    width: var(--width-100);
    padding-left: 0px;
  }

  .global-header .custom-nav-item.dropdown {
    margin-bottom: 0px;
    display: table;
    text-align: center;
    padding-left: 32px;
    padding-right: 32px;
  }

  /* for avatar icon */
  .global-header .navigation-user {
    width: 30px;
    position: relative;
    height: 30px;
    overflow: hidden;
    flex-shrink: 0;
    max-width: initial;
  }

  .global-header-hover .navigation-avatar {
    width: var(--width-40);
    border-radius: var(--border-radius-50);
    background-color: var(--color-surface-black) !important;
    height: var(--height-40);
    overflow: hidden;
    flex-shrink: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: var(--padding-8);
    box-sizing: border-box;
    z-index: 0;
  }

  .global-header .navigation-avatar {
    width: var(--width-40);
    border-radius: var(--border-radius-50);
    background-color: var(--Color-surface-white);
    height: var(--height-40);
    overflow: hidden;
    flex-shrink: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: var(--padding-8);
    box-sizing: border-box;
    z-index: 0;
  }

  .global-header .messages {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }

  .global-header .button-badge {
    margin: var(--margin-0) !important;
    position: absolute;
    top: 2px;
    left: 31.07px;
    border-radius: var(--border-radius-8);
    background-color: #bb0000;
    height: 14px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0px 4px;
    box-sizing: border-box;
    z-index: 1;
  }

  .global-header .user {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    position: relative;
    gap: 9.1px;
  }

  .global-header .user-parent {
    position: relative;
    width: var(--width-100);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    text-align: left;
    font-size: 10px;
    color: var(--Color-surface-white);
    font-family: 'Open Sans';
  }

  .global-header .sub-menu-header {
    font-size: 24px;
    line-height: 28px;
    display: inline-block;
    color: var(--color-surface-black);
    margin-bottom: 15px;
    font-weight: var(--font-wt-600);
    text-decoration: none;
  }

  .global-header .hide-visibility {
    visibility: hidden;
  }

  .global-header .site-search-wrapper{
    display: block;
  }
}

/* styles for mobile view */

@media screen and (min-width: 120px) and (max-width: 1023.9px) {
  .global-header .avatar-close-icon-cs{
    border-bottom: 4px solid white;
  }
  .global-header .custom-accordion-button {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: var(--width-100);
  }

  .global-header .custom-accordion-button i {
    display: inline-block !important; /* explicitly show icons in mobile view */
    margin-left: auto;
    padding-left: 20px;
    /* Push the icon to the extreme right */
  }

  .global-header .custom-accordion-button.menu-tab .fa-chevron-down {
    display: inline-block !important; /* explicitly show chevron icons */
  }

  .global-header.header {
    height: var(--height-40);
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0px 16px;
    background:  var(--header-background-color);
    background-blend-mode: multiply;
  }

  .global-header-hover .edison-logo-container {
    width: 141px;
    height: 48px;
    padding: 10px 22px 10px 21px;
    background-color: var(--logo-background-color);
  }

  .global-header .user-dark-cs {
    position: relative;
  }

  .global-header .custom-toggler .custom-toggler-icon{
    width: 1.5em !important;
    height: 1.5em !important;
    vertical-align: middle;
  }

  .global-header .menu-tab.collapsed[data-target="#collapseTab1"] {
    border-top: 1px solid var(--surface-graphic-minimal) !important; /* to disable the bootstrap default class*/
  }

  .global-header .avatarContainer {
    width: 36px;
    position: relative;
    right: 13px;
    text-align: center;
    top: 4px;
  }

  .global-header.navbar-light .navbar-toggler {
    border-color: transparent !important; /* to disable the bootstrap default class*/
}

  .global-header .close-icon-cs {
    background-color: var(--Color-surface-white);
    border-radius: var(--border-radius-0);
  }

  .global-header .avatar-close-icon-cs {
    background-color: var(--Color-surface-white);
    padding: 5px 2.7px 5px 2.7px !important;
    border-radius: var(--border-radius-0);
    position: relative;
    top: 0px;
    right: 13px;
  }

  .global-header .avatar-close-icon-cs img {
    width: 24px;
  }

  .global-header .avatar-img {
    align-content: center;
  }

  .global-header .search-container {
    width: var(--width-100);
  }

  .global-header .custom-navbar-collapse {
    position: absolute;
    top: 107px;
    width: var(--width-100);
    cursor: pointer;
  }

  /* .global-header .navbar-collapse-onsearch {
    position: absolute;
    top: 206px;
    width: var(--width-100);
  } */

  .global-header.header .custom-toggler {
    margin-left: 10px;
    padding: 5px;
    display: block;
  }

  .global-header .logo-container {
    align-self: center;
  }

  .global-header .edison-logo-container #edison-logo {
    width: 100px;
  }

  .global-header .menu-container {
    display: block;
  }

  .global-header .hide-content {
    display: none !important;
  }

  .global-header .hide-mobile-search-icon {
    display: none;
  }

  .global-header .site-search-wrapper{
    display: none;
    position: absolute;
    top: 44px;
    right: 0px;
    left: 0px;
    background-color: white;
    padding: 10px 10px 21px 10px;
    z-index: -1;
  }

  .global-header .mainContainer {
    display: flex;
    flex-direction: column;
    min-height: 24px;
    padding: var(--Spacing-2);
    align-items: flex-start;
    gap: var(--Spacing-0);
    flex-shrink: 0;
    border-radius: var(--border-radius-2);
    border: 1px solid var(--Color-divider-primary);
    background: var(--Input-sapField_Background);
    width: 100%;
    border-radius: var(--border-radius-4);
  }

  .global-header.navbar-padding {
    padding: var(--padding-0) !important;
  }

  .global-header .menu-container {
    display: block;
  }

  .global-header .menu-tab {
    padding: 8px 16px;
  }

  .global-header .menu-tab.collapsed {
    background-color: var(--surface-card-secondary) !important; /* to over write the bootstrap class */
    color: var(--color-surface-black) !important;  /* to over write the bootstrap class */
    border-bottom: 1px solid var(--surface-graphic-minimal) !important;  /* to over write the bootstrap class */
    font-weight: 700;
  }

  .global-header .menu-tab:not(.collapsed) {
    background-color: var(--color-card-primary) !important;  /* to over write the bootstrap class */
    color: var(--Color-surface-white) !important;  /* to over write the bootstrap class */
    border-bottom: none !important;  /* to over write the bootstrap class */
    font-weight: 700;
  }

  .global-header .custom-card {
    padding: var(--padding-0) !important; /* to over write the bootstrap class */
    margin: var(--margin-0) !important; /* to over write the bootstrap class */
    border-radius: var(--border-radius-0) !important; /* to over write the bootstrap class */
    border: none;
  }

  .global-header .custom-card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    margin: var(--margin-0) !important;
    padding: var(--padding-0) !important; /* Set padding to 0 to remove it */
    background-color: var(--surface-card-secondary) !important;
    border: none;
  }

  .global-header .custom-sub-menu-btn {
    font-weight: 600;
    text-decoration: none !important; /* to over write the bootstrap class */
    border-bottom: 1px solid var(--surface-graphic-minimal) !important; /* to add our own border bottom with color */
    padding: 8px 16px 8px 32px;
  }

  .global-header .custom-sub-menu-btn + ul.collapse .menu-item-btn {
    padding-left: 48px !important;
  }

  .global-header .custom-nav-item .custom-sub-menu-btn {
    text-decoration: none !important;
    border-bottom: 1px solid var(--surface-graphic-minimal) !important; /* to add our own border bottom with color */
  }

  .global-header .custom-sub-menu-btn:not(.collapsed) {
    background-color: var(--color-card-primary) !important; /* to over write the our own background color on sub menu*/
    color: white !important; /* to over write the our own color on sub menu */
    border-bottom: none !important; /* to add our own border bottom disabing this */
  }

  .global-header .menu-item-btn {
    padding: 8px 16px 8px 32px !important;
    border-bottom: 1px solid var(--surface-graphic-minimal) !important; /* Add border-bottom back when collapsed */
  }

  .global-header .menu-item-btn a {
    font-size: 16px;
    color: var(--color-surface-black);
    text-decoration: none !important; /* to disable the bootstrap default class */
  }

  .global-header .borderLeft {
    /*border-left: 6px var(--Color-divider-yellow) solid !important; over write the actual border and add border left */
    position: relative;
  }

  .global-header .borderLeft::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 6px;
    height: 100%;
    background-color: var(--Color-divider-yellow);
  }

  .global-header .no-padding {
    margin: var(--margin-0);
    padding: var(--padding-0);
  }

  .global-header .custom-accordion-button:not(.collapsed)::after {
    background-image: url("../../../assets/Chevron--down-white.svg");
  }

  .global-header .custom-accordion-button.collapsed::after {
    background-image: url("../../../assets/Chevron--down-black.svg");
  }

  .global-header .borderTop {
    border-top: 1px solid white !important; /* Add border-bottom back when collapsed */
  }

  .global-header .hide-searchbar {
    display: none !important;
  }

  .global-header .hide-navbar {
    display: none !important;
  }

  .global-header .self-servicemenu-width {
    width: var(--width-100);
    border-top: 1px solid var(--surface-graphic-minimal) !important;
  }

  .global-header .custom-nav-item.dropdown {
    margin-bottom: 0px;
  }

  .global-header .menu-content-item>.custom-card:first-child:has(.custom-accordion-button[aria-expanded="true"]) .custom-accordion-button {
    border-top: 1px solid var(--surface-graphic-minimal) !important; /* to disable the bootstrap default class and adding border on expanded accordion state */
  }

  ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 0rem;
    margin-block-end: 0rem;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0px !important;
    unicode-bidi: isolate;
  }


  /* for avatar icon */


  .global-header .navigation-user {
    width: 24px;
    height: 24px;
    overflow: hidden;
    flex-shrink: 0;
    max-width: initial;
  }

  .global-header .navigation-avatar-hover {
    width: 32px;
    border-radius: var(--border-radius-50);
    background: transparent;
    height: 32px;
    overflow: hidden;
    flex-shrink: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: var(--padding-8);
    box-sizing: border-box;
    z-index: 0;
  }

  .global-header .navigation-avatar {
    width: 32px;
    border-radius: var(--border-radius-50);
    background-color: var(--Color-surface-white);
    height: 32px;
    overflow: hidden;
    flex-shrink: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: var(--padding-8);
    box-sizing: border-box;
    z-index: 0;
  }

  .global-header .messages {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }

  .global-header .button-badge {
    margin: var(--margin-0) !important;
    position: absolute;
    top: 2px;
    left: 26.07px;
    border-radius: var(--border-radius-8);
    background-color: #bb0000;
    height: 14px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0px 4px;
    box-sizing: border-box;
    z-index: 1;
  }

  .global-header .hide-button-badge {
    display: none;
  }

  .global-header .user {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 9.1px;
  }

  .global-header .user-parent {
    width: var(--width-100);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    text-align: left;
    font-size: 10px;
    color: var(--Color-surface-white);
    font-family: 'Open Sans';
  }
  .global-header .custom-card .sub-menu-header {
    display: none !important;
  }

  .global-header-hover.header .navigation-avatar img.avatar-icon-black[src*="UserLight.png"] {
    -webkit-filter: invert(100%);
    filter: invert(100%);
  }
  
  .global-header-hover.header.sticky-header .navigation-avatar img.avatar-icon-black[src*="UserLight.png"] {
    -webkit-filter: none;
    filter: none;
  }
}

@media screen and (min-width: 1440px) {
  .global-header .searchbar-container {
    position: absolute;
    right: 7%;
  }

  .global-header .mainContainer {
    display: flex;
    flex-direction: column;
    width: 71.9% !important;
    min-height: 24px;
    padding: var(--Spacing-2);
    align-items: flex-start;
    gap: var(--Spacing-0);
    flex-shrink: 0;
    border-radius: var(--border-radius-2);
    border: 1px solid var(--Color-divider-primary);
    background: var(--Input-sapField_Background);
  }
}

@media screen and (min-width: 1024px) and (max-width: 1200px) {
  .global-header .searchbar-container {
    position: absolute;
    right: 9%;
  }

  .global-header .mainContainer {
    display: flex;
    flex-direction: column;
    width: 62.5% !important;
    min-height: 24px;
    padding: var(--Spacing-2);
    align-items: flex-start;
    gap: var(--Spacing-0);
    flex-shrink: 0;
    border-radius: var(--border-radius-2);
    border: 1px solid var(--Color-divider-primary);
    background: var(--Input-sapField_Background);
  }
}

@media screen and (min-width: 1024px) and (max-width: 1439px) { 
  .global-header .custom-nav-item.dropdown {
    margin-bottom: 0px;
    display: table;
    text-align: center;
    padding-left: 16px;
    padding-right: 16px;    
  }
}
/* Switch Nav to NoNav Start*/
.global-header .custom-sub-menu-btn a, .global-header .menu-tab a{
  text-decoration: none;
  color: inherit; 
}
.global-header .custom-sub-menu-btn a::before, .global-header .menu-tab a::before,
.global-header .custom-sub-menu-btn a::after, .global-header .menu-tab a::after{
  content: none;
}
.switch-no-nav .hide-mobile-search-icon, .switch-no-nav .avatarContainer, .switch-no-nav .custom-navbar-collapse,  .switch-no-nav .navbar-toggler{
  display: none!important;
}
@media screen and (max-width: 1023.9px) {
  .global-header.header.switch-no-nav{
    justify-content: center!important;
  }
}
/* Switch Nav to NoNav End*/

/*  For testing purpose */ 
.toggle-container{
  position: absolute;
  bottom: 0;
  right: 0;
  background: #fff;
  padding: 8px 15px;
  border: 1px solid #f1f1f1; 
}
/* For testing purpose */ 
/* For Dim Effect */
#page-backdrop{
  background: var(--colors-gradients-Transparent-blur-50, rgba(0, 0, 0, 0.50));
  backdrop-filter: blur(2px);
  width:100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100vh;
  z-index: 2;
  display: none;
}
/* For Dim Effect */