#header {
  padding: 0 50px 0 20px;
  height: 98px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #161412;
  font-family: Switzer, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  background: #FFFFFF;
  box-shadow: 0 4px 10px rgba(176, 199, 238, 0.3); }
  #header .left {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 80%;
    max-width: 996px; }
    #header .left .logo-and-name {
      display: flex;
      align-items: center; }
      #header .left .logo-and-name span a {
        color: #07133B;
        font-family: 'Tourney', sans-serif;
        font-weight: 900;
        font-size: 24px;
        line-height: 37px; }
      #header .left .logo-and-name img {
        width: auto;
        height: 35px;
        margin-right: 10px; }
    #header .left i.fa-bars {
      display: none; }
    #header .left .nav-list {
      width: 80%;
      max-width: 716px; }
      #header .left .nav-list ul {
        display: flex;
        justify-content: space-between; }
        #header .left .nav-list ul li a.focus {
          font-weight: 600; }
        #header .left .nav-list ul li:hover {
          font-weight: 600; }
  #header .right {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: 150px; }
    #header .right.logged-in {
      min-width: 180px; }
      #header .right.logged-in .sign-in {
        display: none; }
      #header .right.logged-in .user-info {
        display: flex;
        gap: 10px;
        cursor: pointer; }
        #header .right.logged-in .user-info.has-avatar .user-avatar-icon {
          display: none; }
        #header .right.logged-in .user-info.has-avatar .user-avatar-image {
          display: flex; }
        #header .right.logged-in .user-info .user-avatar {
          display: flex;
          justify-content: center;
          align-items: center;
          width: 24px;
          height: 24px;
          text-align: center;
          background-color: #CDD0D9;
          border-radius: 50%; }
          #header .right.logged-in .user-info .user-avatar .user-avatar-icon {
            display: flex;
            font-size: 14px;
            color: #ffffff; }
          #header .right.logged-in .user-info .user-avatar .user-avatar-image {
            display: none;
            width: 24px;
            height: 24px;
            border-radius: 50%; }
      #header .right.logged-in > div.user-info-modal.dropdown-menu {
        width: 244px;
        top: 70px;
        right: 110px;
        padding: 0;
        flex-shrink: 0;
        color: #161412;
        font-family: Inter, sans-serif;
        font-size: 14px;
        font-weight: 400;
        font-style: normal;
        line-height: normal;
        border-radius: 10px;
        background: #FFF; }
        #header .right.logged-in > div.user-info-modal.dropdown-menu.show i {
          font-family: "Font Awesome 6 Pro", sans-serif;
          margin-right: 7px;
          color: #0080FF;
          font-size: 16px; }
        #header .right.logged-in > div.user-info-modal.dropdown-menu.show > a > div.modal-header {
          display: flex;
          flex-direction: column;
          margin-bottom: 20px;
          border-bottom: 1px solid rgba(3, 18, 66, 0.1); }
          #header .right.logged-in > div.user-info-modal.dropdown-menu.show > a > div.modal-header div {
            width: 100%;
            margin-left: 30px; }
          #header .right.logged-in > div.user-info-modal.dropdown-menu.show > a > div.modal-header > div.user-name {
            color: #161412;
            font-family: Switzer, sans-serif;
            font-size: 16px;
            font-style: normal;
            font-weight: 600;
            line-height: normal; }
          #header .right.logged-in > div.user-info-modal.dropdown-menu.show > a > div.modal-header > div.user-email {
            color: #161412;
            font-family: Switzer, sans-serif;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            opacity: 0.6; }
        #header .right.logged-in > div.user-info-modal.dropdown-menu.show > div.modal-header div {
          width: 100%;
          margin-left: 30px; }
        #header .right.logged-in > div.user-info-modal.dropdown-menu.show > div.modal-header > div.user-avatar {
          width: 50px;
          height: 50px;
          display: flex;
          justify-content: center;
          align-items: center;
          text-align: center;
          background-color: #CDD0D9;
          border-radius: 50%; }
          #header .right.logged-in > div.user-info-modal.dropdown-menu.show > div.modal-header > div.user-avatar .user-avatar-icon {
            font-size: 28px;
            display: flex;
            color: #ffffff; }
        #header .right.logged-in > div.user-info-modal.dropdown-menu.show > div.modal-header > div.user-avatar.has-avatar .user-avatar-icon {
          display: none; }
        #header .right.logged-in > div.user-info-modal.dropdown-menu.show > div.modal-header > div.user-avatar.has-avatar .user-avatar-image {
          width: 50px;
          height: 50px;
          border-radius: 50%; }
        #header .right.logged-in > div.user-info-modal.dropdown-menu.show > div.menu-content {
          padding: 0 0 20px 30px;
          display: flex;
          flex-direction: column;
          gap: 30px; }
          #header .right.logged-in > div.user-info-modal.dropdown-menu.show > div.menu-content > div.menu-item {
            cursor: pointer; }
        #header .right.logged-in > div.user-info-modal.dropdown-menu.show > div.menu-footer {
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          padding: 7px 30px;
          margin-bottom: 20px;
          border: none;
          color: #161412;
          font-family: Switzer, sans-serif;
          font-size: 16px;
          font-style: normal;
          font-weight: 400;
          line-height: normal; }
          #header .right.logged-in > div.user-info-modal.dropdown-menu.show > div.menu-footer i {
            margin-right: 9px;
            color: #161412;
            font-size: 14px; }
          #header .right.logged-in > div.user-info-modal.dropdown-menu.show > div.menu-footer > div.sign-out {
            cursor: pointer; }
    #header .right .sign-in {
      align-items: center; }
      #header .right .sign-in .sign-in-link {
        display: flex;
        width: 90px;
        padding: 4px 10px;
        justify-content: center;
        align-items: center;
        border-radius: 70px;
        border: 1px solid #161412; }
    #header .right .user-info {
      display: none;
      align-items: center; }
    #header .right i.fa-bars {
      display: none; }
  #header .shopping-cart {
    cursor: pointer;
    display: flex;
    margin-left: 10px; }
    #header .shopping-cart:after {
      display: inline-block;
      visibility: visible;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background-color: #DB89FF;
      content: "";
      position: relative;
      top: -2px;
      left: -4px; }
    #header .shopping-cart.empty:after {
      visibility: hidden; }
  #header #mobile-nav-list {
    width: 90%;
    max-width: 400px;
    font-size: 16px; }
    #header #mobile-nav-list .offcanvas-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0 20px;
      height: 70px; }
      #header #mobile-nav-list .offcanvas-header .logo-and-name a {
        color: #07133B;
        font-family: 'Tourney', sans-serif;
        font-weight: 900;
        font-size: 24px;
        line-height: 37px; }
      #header #mobile-nav-list .offcanvas-header img {
        width: auto;
        height: 35px;
        margin-right: 10px; }
      #header #mobile-nav-list .offcanvas-header .fa-xmark {
        font-size: 20px; }
    #header #mobile-nav-list .offcanvas-body {
      padding: 0 12px; }
      #header #mobile-nav-list .offcanvas-body .title {
        margin-bottom: 28px;
        padding: 30px 0;
        border-top: 1px solid rgba(3, 18, 66, 0.1);
        border-bottom: 1px solid rgba(3, 18, 66, 0.1); }
        #header #mobile-nav-list .offcanvas-body .title .sign-in {
          cursor: pointer;
          display: none; }
          #header #mobile-nav-list .offcanvas-body .title .sign-in i {
            font-size: 14px;
            margin-right: 6px; }
        #header #mobile-nav-list .offcanvas-body .title .user-info {
          display: flex;
          align-items: center;
          justify-content: flex-start; }
          #header #mobile-nav-list .offcanvas-body .title .user-info img {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            margin-right: 20px; }
          #header #mobile-nav-list .offcanvas-body .title .user-info .email {
            font-size: 14px;
            opacity: 0.6; }
      #header #mobile-nav-list .offcanvas-body .nav-list {
        height: 450px;
        border-bottom: 1px solid rgba(3, 18, 66, 0.1);
        margin-bottom: 30px; }
        #header #mobile-nav-list .offcanvas-body .nav-list ul {
          height: 340px;
          display: flex;
          flex-direction: column;
          justify-content: space-between; }
          #header #mobile-nav-list .offcanvas-body .nav-list ul li a.focus {
            font-weight: 600; }
          #header #mobile-nav-list .offcanvas-body .nav-list ul li:hover {
            opacity: 0.6; }
      #header #mobile-nav-list .offcanvas-body .sign-out {
        cursor: pointer;
        margin-bottom: 40px; }
        #header #mobile-nav-list .offcanvas-body .sign-out i {
          font-size: 14px;
          margin-right: 6px; }
      #header #mobile-nav-list .offcanvas-body div {
        padding-left: 8px; }

#footer {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  background: #031242; }
  #footer hr {
    opacity: 0.4;
    border: 1px solid #FFFFFF;
    margin: 0 26px 27px 26px; }
  #footer #footer-domain-space {
    margin-left: 50px;
    display: flex;
    align-items: center; }
    #footer #footer-domain-space img {
      width: 40px;
      height: 37px;
      border-radius: 50%;
      margin-right: 10px; }
    #footer #footer-domain-space span a {
      font-family: 'Swansea', sans-serif;
      font-style: normal;
      font-weight: 700;
      font-size: 24px;
      color: #FFFFFF; }
  #footer #footer-domain-space-and-nav-list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 33px 0; }
  #footer #footer-nav-list ul {
    display: flex;
    justify-content: space-between; }
    #footer #footer-nav-list ul li {
      margin-right: 60px; }
      #footer #footer-nav-list ul li a {
        font-family: 'Switzer', sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: normal;
        color: #FFFFFF; }
    #footer #footer-nav-list ul li:hover {
      opacity: 0.6; }
  #footer #icann-info {
    margin-left: 50px;
    margin-bottom: 44px; }
    #footer #icann-info span {
      display: block;
      margin-bottom: 20px;
      color: #EBF3FF;
      font-family: 'Switzer', sans-serif;
      font-size: 14px;
      line-height: 30px;
      font-weight: 500;
      opacity: 0.8; }
    #footer #icann-info #icann-anchor a {
      margin-right: 60px;
      color: #FFFFFF;
      font-family: 'Switzer', sans-serif;
      font-size: 14px;
      line-height: normal;
      font-weight: 400;
      font-style: normal;
      text-decoration-line: underline; }

@media only screen and (max-width: 1200px) {
  #header {
    height: 80px;
    transition: height 0.5s ease-in-out; }
    #header .left {
      width: fit-content; }
      #header .left .logo-and-name {
        display: flex;
        align-items: center; }
        #header .left .logo-and-name span a {
          color: #07133B;
          font-family: 'Tourney', sans-serif;
          font-weight: 900;
          font-size: 24px;
          line-height: 37px; }
        #header .left .logo-and-name img {
          width: auto;
          height: 35px;
          margin-right: 10px; }
      #header .left .nav-list {
        display: none; }
    #header .right {
      display: flex;
      justify-content: flex-end;
      gap: 30px; }
      #header .right .sign-in {
        display: none; }
      #header .right .user-info {
        display: none; }
      #header .right i.fa-bars {
        display: block;
        background-color: #FFFFFF;
        border: none;
        font-size: 20px;
        font-weight: 400;
        cursor: pointer; }
    #header .shopping-cart {
      margin-left: 0; } }
@media only screen and (max-width: 850px) and (min-width: 450px) {
  #header {
    height: 60px;
    padding: 0 20px;
    transition: all 0.5s ease-in-out; }
    #header .left {
      width: fit-content; }
      #header .left .logo-and-name {
        display: flex;
        align-items: center; }
        #header .left .logo-and-name span a {
          height: 10px;
          font-size: 20px; }
        #header .left .logo-and-name img {
          width: auto;
          height: 25px; }
    #header .right.logged-in .user-info {
      display: none; }
    #header #mobile-nav-list .offcanvas-header .logo-and-name a img {
      width: auto;
      height: 25px; }

  #footer {
    display: block;
    height: 220px; }
    #footer hr {
      margin: 0 10px 10px; }
    #footer #footer-domain-space {
      margin-left: 33px; }
      #footer #footer-domain-space img {
        width: 24px;
        height: 20px; }
      #footer #footer-domain-space span a {
        font-size: 18px; }
    #footer #footer-domain-space-and-nav-list {
      height: 60px;
      padding: 0;
      margin-top: 0; }
    #footer #footer-nav-list ul li {
      margin-right: 20px; }
      #footer #footer-nav-list ul li a {
        font-size: 12px; }
    #footer #footer-nav-list ul li:hover {
      opacity: 0.6; }
    #footer #icann-info {
      margin-left: 50px;
      margin-bottom: 44px; }
      #footer #icann-info span {
        margin-right: 33px;
        margin-bottom: 9px;
        font-size: 12px;
        font-weight: 400;
        line-height: 20px; }
      #footer #icann-info #icann-anchor a {
        margin-right: 17px;
        margin-bottom: 66px;
        font-size: 12px;
        line-height: 20px; } }
@media only screen and (max-width: 450px) {
  #header {
    height: 50px;
    padding: 0 20px; }
    #header button {
      margin-right: 20px;
      width: 20px;
      height: 25px; }
    #header .left .logo-and-name span a {
      font-size: 14px; }
    #header .left .logo-and-name img {
      width: auto;
      height: 14px; }
    #header .right.logged-in .user-info {
      display: none; }
    #header .right .sign-in a {
      display: flex;
      width: 70px;
      padding: 2px 5px;
      justify-content: center;
      align-items: center;
      font-size: 14px;
      font-weight: 400;
      border-radius: 70px;
      border: 1px solid #161412; }
    #header #mobile-nav-list .offcanvas-header .logo-and-name span a {
      font-size: 14px; }
    #header #mobile-nav-list .offcanvas-header .logo-and-name img {
      width: auto;
      height: 25px; }

  #footer hr.mobile-hr {
    margin: 0 0 8px; }
  #footer hr.web-hr {
    display: none; }
  #footer #footer-domain-space {
    margin: 13px 0; }
    #footer #footer-domain-space img {
      width: 22px;
      height: 14px; }
    #footer #footer-domain-space span a {
      font-family: Tourney, sans-serif;
      font-size: 14px;
      font-weight: 900; }
  #footer #footer-domain-space-and-nav-list {
    flex-direction: column;
    align-items: normal;
    margin: 0 20px;
    padding: 0; }
  #footer #footer-nav-list {
    width: 100%; }
    #footer #footer-nav-list ul {
      flex-wrap: wrap;
      margin-bottom: 24px; }
      #footer #footer-nav-list ul li {
        width: 50%;
        margin: 6px 0;
        font-size: 12px;
        font-weight: 600; }
        #footer #footer-nav-list ul li a {
          font-size: 12px; }
  #footer #icann-info {
    margin-left: 20px;
    margin-bottom: 20px; }
    #footer #icann-info span {
      font-size: 10px;
      line-height: 14px; }
    #footer #icann-info #icann-anchor {
      margin-top: 20px; }
      #footer #icann-info #icann-anchor a {
        display: block;
        margin-bottom: 20px;
        font-size: 10px;
        line-height: 13px; } }

/*# sourceMappingURL=page-template.css.map */