header.header-section {
   position: fixed;
   font-family: "Poppins", sans-serif;
   background-color: #7453DB;
   width: 100%;
   top: 0;
   height: 88px;
   z-index: 100;
}

.header-wrap {
   min-height: 60px;
   padding: .5vh 2vw 2vh;
}

.header-wrap,
.header-nav nav>ul {
   display: flex;
   align-items: center;
}

.header-wrap li,
.header-wrap a {
   font-family: var(--font-family-three);
   font-size: 1.6rem;
   font-weight: var(--font-weight-three-medium);
   display: inline-block;
}

.header-nav a:hover,
.header-nav a.is-active {
   text-decoration: none;
}

.header-nav svg {
   fill: var(--color-font-one);
}

/* Logo
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
.header-logo {
   flex: 0 0 auto;
   margin: 20px .5vw 20px 0;
}

/* Navigation
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
.header-nav {
   position: relative;
   z-index: 2;
   flex: 0 1 100%;
}

.header-nav nav {
   display: flex;
}

.header-nav nav ul {
   margin: 0;
   padding: 0;
   list-style: none;
   word-break: normal;
}

.header-nav nav li {
   margin-left: 1.3vw;
}

.header-nav nav>ul:first-of-type {
   align-items: center;
   flex-basis: auto;
   flex-grow: 1;
   justify-content: flex-end;
}

.header-nav nav>ul:last-of-type,
.header-nav nav.is-right>ul:first-of-type {
   justify-content: flex-end;
}

/* Item
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
.header-nav a {
   line-height: 1.5;
   margin: 0;
}

/* Dropdown
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
.header-nav .is-dropdown {
   position: relative;
   -webkit-user-select: none;
   -moz-user-select: none;
   user-select: none;
}

.header-nav .is-dropdown,
.header-nav .is-dropdown svg {
   cursor: pointer;
}

.header-nav .is-dropdown ul {
   position: absolute;
   z-index: 999;
   top: 35px;
   left: -18px;
   display: none;
   min-width: 120px;
   margin: 0;
   padding: 20px;
   list-style: none;
   cursor: default;
   border-radius: calc(var(--border-radius) / 1.5);
   background-color: var(--color-six);
   box-shadow: 0 8px 50px -10px rgba(0, 0, 0, .25);
}

.header-nav nav.is-right .is-dropdown ul {
   right: -19px;
   left: initial;
   text-align: right;
}

.header-nav .is-dropdown.is-active ul,
.header-nav .is-dropdown ul li {
   display: block;
}

.header-nav .is-dropdown ul li:not(:last-child) {
   padding-bottom: 8px;
}

.header-nav li.is-dropdown li {
   margin-left: 0;
}

.header-nav .is-dropdown svg {
   width: 19px;
   margin: 0 0 4px;
}

/* Login panel & Search element
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
.header-search.is-desktop+.signin,
.header-search.is-desktop+.signup,
.header-search.is-desktop+.account {
   margin-left: .6vw;
}

.header-nav .signup a,
.header-nav .account a {
   padding: 8px 17px;
   text-decoration: none;
}

.header-nav .account a {
   color: var(--color-font-two);
}

.header-nav .account a::before {
   background-color: var(--color-three);
}

.header-search,
.header-search.is-mobile svg {
   display: block;
   cursor: pointer;
}

.header-search svg {
   width: 15px;
}

.header-search:not(.is-mobile) svg {
   margin-right: 8px;
   transform: translateY(2px);
}

.header-search.is-mobile {
   display: none;
}

.header-search.is-mobile svg {
   position: absolute;
   top: 8px;
   right: 45px;
   width: 20px;
}

/* Toogle
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
.header-toggle,
.header-checkbox,
.header-checkbox:checked,
.header-checkbox:checked~nav {
   display: none;
}

.header-toggle,
.header-toggle>span,
.header-checkbox:checked~nav ul {
   position: relative;
}

.header-toggle .bar,
.header-checkbox:checked~nav {
   position: absolute;
}

.header-toggle {
   z-index: 99;
   overflow: visible;
   width: 29px;
   height: 29px;
   margin: 0;
   cursor: pointer;
   opacity: 1;
   border: none;
   outline: none;
   background-color: transparent;
   will-change: transform;
}

.header-toggle>span {
   top: calc(50% + 2px);
}

.header-toggle>span,
.header-toggle .bar {
   display: block;
   width: 100%;
}

.header-toggle .bar {
   height: 2px;
   content: '';
   transition: transform .3s cubic-bezier(.645, .045, .355, 1), top .3s cubic-bezier(.645, .045, .355, 1) .2s;
   background-color: var(--color-three);
}

.header-toggle .bar:nth-child(1) {
   top: -11px;
}

.header-toggle .bar:nth-child(3) {
   top: 11px;
}

.header-checkbox:checked~label .bar {
   transition: transform .3s cubic-bezier(.645, .045, .355, 1) .3s, top .3s cubic-bezier(.645, .045, .355, 1);
}

.header-checkbox:checked~label .bar:nth-child(1),
.header-checkbox:checked~label .bar:nth-child(3) {
   top: 0;
}

.header-checkbox:checked~label .bar:nth-child(1),
.header-checkbox:checked~label .bar:nth-child(2) {
   transform: rotate(45deg);
}

.header-checkbox:checked~label .bar:nth-child(3) {
   transform: rotate(-45deg);
}

.header-checkbox:checked~nav {
   border-radius: var(--border-radius);
   background-color: var(--color-six);
   box-shadow: 0 10px 45px -10px rgba(0, 0, 0, .4);
}

.header-checkbox:checked~nav ul {
   display: block;
   margin: 0;
   padding: 0;
   list-style: none;
}

/* RWD — Header
   –––––––––––––––––––––––––––––––––––––––––––––––––––– */
@media (max-width:1024px) {
   .header-wrap {
      padding-right: 3vw;
      padding-left: 3vw;
   }

   .header-logo {
      flex-basis: 80%;
   }

   .header-nav {
      flex-basis: 20%;
      text-align: right;
   }

   .header-nav a {
      line-height: 1.3;
      padding: 5px;
      word-break: break-word;
   }

   .header-nav ul>li,
   .header-search.is-mobile,
   .header-checkbox:checked~nav {
      display: block;
      margin-bottom: 10px;
   }

   .header-nav nav ul,
   .header-nav .is-dropdown span,
   .header-search:not(.is-mobile) {
      display: none;
   }

   .header-nav .is-dropdown ul {
      top: 0;
      left: initial;
      min-width: initial;
      box-shadow: none;
   }

   .header-nav nav.is-right .is-dropdown ul {
      right: 0;
   }

   .header-nav .is-dropdown ul li:not(:last-child) {
      padding-bottom: 0;
   }

   .header-toggle {
      display: inline-block;
   }

   .header-checkbox:checked~nav {
      top: 43px;
      right: -16px;
      width: 170px;
      padding: 2vh 15px;
   }

   .header-checkbox:checked~nav ul {
      width: 100%;
   }

   .header-checkbox:checked~nav ul ul {
      padding-left: 0;
   }

   .header-nav .signup,
   .header-nav .account {
      margin: 0;
   }

   .header-nav .signup a,
   .header-nav .account a {
      font-size: 1.4rem;
      margin-top: 8px;
      padding: 6px 12px;
   }

}

@media (max-width:768px) {
   .header-checkbox:checked~nav {
      right: -10px;
      padding-right: 10px;
      padding-left: 10px;
   }

}

@media (max-width:480px) {

   .header-wrap li,
   .header-wrap a {
      font-size: 1.8rem;
   }

   .header-wrap {
      margin-top: 1.6vh;
      margin-bottom: 3vh;
      padding-right: var(--margin-wrap-left-right);
      padding-bottom: 0;
      padding-left: var(--margin-wrap-left-right);
   }

}

.navbar-link {
    color: #ffffff;
    text-decoration: none;
}

span.header-nav-dropdown {
    background-color: #7453DB;
}

.qr-popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.4);
    z-index: 2100;
    display: none;
}

.qr-download-section-card {
    background-color: white;
    border-radius: 30px;
    padding: 20px 20px 40px 20px;
    width: 460px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    font-family: "Poppins", sans-serif;
    position: fixed;
    z-index: 160;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.qr-download-section-title {
    color: #7453DB;
    font-size: 42px;
    margin: 0;
    font-family: "Poppins", sans-serif;
}

.qr-download-section-description {
    color: #333;
    font-size: 18px;
    font-weight: 500;
}

.qr-download-section-qr-code {
    width: 300px;
    height: 300px;
}

.qr-download-section-footer-text {
    font-size: 18px;
    color: #666666;
}