.no-orders-message {
  color: #ff6347;
  font-size: 14px;
  text-align: center;
  margin: 10px;
}

.error-message {
  color: #d9534f;
  font-size: 14px;
  text-align: center;
  margin: 10px;
  background-color: #f2dede;
  padding: 10px;
  border: 1px solid #ebccd1;
  border-radius: 5px;
}

.header-wrapper {
  display: contents;
}
 
.header-container100 {
  width: 100%;
  height: 70px;
  display: flex;
  z-index: 90000;
  position: fixed;
  box-shadow: 0px 2px 5px 0px #868585;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  background-color: #ffffff;
}
 
.header-container101 {
  flex: 0 0 auto;
  width: 100%;
  height: 100%;
  display: flex;
  max-width: 1800px;
  align-self: center;
  align-items: flex-start;
  padding-top: 5px;
  padding-left: 60px;
  padding-right: 60px;
  padding-bottom: 5px;
  justify-content: space-between;
}
 
.header-container102 {
  display: flex;
  align-self: center;
  align-items: center;
  justify-content: space-between;
}
 
.header-icon100 {
  display: none;
  margin-right: 20px;
}
 
.header-icon102 {
  fill: var(--dl-color-theme-neutral-dark);
  color: #000000;
  display: none;
  margin-right: 20px;
}
 
.header-navlink10 {
  display: contents;
}
 
.header-container103 {
  flex: 0 0 auto;
  width: 55px;
  height: 55px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  text-decoration: none;
}
 
.header-image10 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--dl-radius-radius-round);
}
 
.header-container104 {
  width: auto;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
 
.header-search {
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  display: flex;
  align-self: center;
  transition: 0.3s;
  align-items: center;
  margin-right: 10px;
  border-radius: var(--dl-radius-radius-round);
  flex-direction: row;
  justify-content: center;
  background-color: #e2e5e9;
}
 
.header-search:hover {
  background-color: #D3D5D8;
}
 
.header-icon104 {
  transition: 0.3s;
}
 
.header-icon104:hover {
  animation-name: swing;
  animation-delay: 0s;
  animation-duration: 300ms;
  animation-direction: normal;
  animation-iteration-count: 1;
  animation-timing-function: ease;
}
 
.header-game {
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  display: flex;
  position: relative;
  align-self: center;
  transition: 0.3s;
  align-items: center;
  margin-right: 10px;
  border-radius: var(--dl-radius-radius-round);
  flex-direction: row;
  justify-content: center;
  background-color: #e2e5e9;
}
 
.header-game:hover {
  background-color: #d3d5d8;
}
 
.header-num1 {
  top: -9px;
  right: -5px;
  width: 20px;
  height: 20px;
  display: flex;
  position: absolute;
  align-items: center;
  border-radius: var(--dl-radius-radius-round);
  flex-direction: row;
  justify-content: center;
  background-color: #dd2334;
}
 
.header-txtnum1 {
  color: #ffffff;
  font-size: 12px;
}
 
.header-icon106 {
  transition: 0.3s;
}
 
.header-icon106:hover {
  animation-name: swing;
  animation-delay: 0s;
  animation-duration: 300ms;
  animation-direction: normal;
  animation-iteration-count: 1;
  animation-timing-function: ease;
}
 
.header-menu {
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  display: flex;
  position: relative;
  align-self: center;
  transition: 0.3s;
  align-items: center;
  margin-right: 10px;
  border-radius: var(--dl-radius-radius-round);
  flex-direction: row;
  justify-content: center;
  background-color: #e2e5e9;
}
 
.header-menu:hover {
  background-color: #d3d5d8;
}
 
.header-num2 {
  top: -9px;
  right: -5px;
  width: 20px;
  height: 20px;
  display: flex;
  position: absolute;
  align-items: center;
  border-radius: var(--dl-radius-radius-round);
  flex-direction: row;
  justify-content: center;
  background-color: #dd2334;
}
 
.header-txtnum2 {
  color: #ffffff;
  font-size: 12px;
}
 
.header-container105 {
  display: flex;
  transition: 0.3s;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
 
.header-container105:hover {
  animation-name: swing;
  animation-delay: 0s;
  animation-duration: 300ms;
  animation-direction: normal;
  animation-iteration-count: 1;
  animation-timing-function: ease;
}
 
.header-shop {
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  display: flex;
  position: relative;
  align-self: center;
  transition: 0.3s;
  align-items: center;
  margin-right: 10px;
  border-radius: var(--dl-radius-radius-round);
  flex-direction: row;
  justify-content: center;
  background-color: #e2e5e9;
}
 
.header-shop:hover {
  background-color: #d3d5d8;
}
 
.header-num3 {
  top: -9px;
  right: -5px;
  width: 20px;
  height: 20px;
  display: flex;
  position: absolute;
  align-items: center;
  border-radius: var(--dl-radius-radius-round);
  flex-direction: row;
  justify-content: center;
  background-color: #dd2334;
}
 
.header-txtnum3 {
  color: #ffffff;
  font-size: 12px;
}
 
.header-container106 {
  display: flex;
  transition: 0.3s;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
 
.header-container106:hover {
  animation-name: swing;
  animation-delay: 0s;
  animation-duration: 300ms;
  animation-direction: normal;
  animation-iteration-count: 1;
  animation-timing-function: ease;
}
 
.header-notification {
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  display: flex;
  position: relative;
  align-self: center;
  transition: 0.3s;
  align-items: center;
  margin-right: 10px;
  border-radius: var(--dl-radius-radius-round);
  flex-direction: row;
  justify-content: center;
  background-color: #e2e5e9;
}
 
.header-notification:hover {
  background-color: #d3d5d8;
}
 
.header-num4 {
  top: -9px;
  right: -5px;
  width: 20px;
  height: 20px;
  display: flex;
  position: absolute;
  align-items: center;
  border-radius: var(--dl-radius-radius-round);
  flex-direction: row;
  justify-content: center;
  background-color: #dd2334;
}
 
.header-txtnum4 {
  color: #ffffff;
  font-size: 12px;
}
 
.header-container107 {
  display: flex;
  transition: 0.3s;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
 
.header-container107:hover {
  animation-name: swing;
  animation-delay: 0s;
  animation-duration: 300ms;
  animation-direction: normal;
  animation-iteration-count: 1;
  animation-timing-function: ease;
}
 
.header-icon117 {
  transition: 0.3s;
}
 

 
.header-account {
  flex: 0 0 auto;
  width: 50px;
  height: 50px;
  display: flex;
  align-self: center;
  align-items: center;
  border-radius: var(--dl-radius-radius-round);
  flex-direction: row;
  background-size: cover;
  justify-content: center;
  background-image: url('https://i.pinimg.com/736x/0a/f5/c2/0af5c24b06df25a3962af310d5bb59e8.jpg');
}
 
.header-image11 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-color: rgba(233, 230, 230, 0.87);
  border-width: 1px;
  border-radius: var(--dl-radius-radius-round);
}
 
.header-navlink11 {
  display: contents;
}
 
.header-login {
  flex: 0 0 auto;
  width: auto;
  height: 50px;
  display: flex;
  align-self: center;
  align-items: center;
  border-radius: var(--dl-radius-radius-round);
  flex-direction: row;
  justify-content: center;
  text-decoration: none;
}
 
.header-button {
  width: 100%;
  height: auto;
  align-self: center;
  transition: 0.3s;
  padding-top: 10px;
  border-color: var(--dl-color-theme-neutral-dark);
  padding-left: 15px;
  border-radius: 18px;
  padding-right: 15px;
  padding-bottom: 10px;
}
 
.header-button:hover {
  fill: #5fcb5f;
  color: #5fcb5f;
  border-color: #5fcb5f;
  border-width: 1px;
}
 
.header-popup {
  left: 0px;
  right: 0px;
  width: 100%;
  bottom: 0px;
  height: 0px;
  margin: auto;
  display: none;
  z-index: 20000;
  position: absolute;
  max-width: 1800px;
  align-items: flex-start;
  justify-content: flex-end;
}
 
.header-container108 {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  max-width: 2000px;
  align-items: flex-start;
  justify-content: flex-end;
}
 
.header-cardprofile {
  flex: 0 0 auto;
  width: 330px;
  height: auto;
  display: flex;
  z-index: 20000;
  position: relative;
  margin-top: 15px;
  align-items: flex-start;
  margin-right: 60px;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  background-color: #1b1b1e;
}
 
.header-container109 {
  flex: 0 0 auto;
  width: 100%;
  height: 113px;
  display: flex;
  position: relative;
  align-items: center;
  border-radius: 10px;
  background-size: cover;
  justify-content: center;
  background-image: url('https://i.pinimg.com/736x/1a/77/b5/1a77b590a5495a4d03462f3c4d0427b1.jpg');
  background-position: center;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
 
.header-image12 {
  width: 100%;
  height: 100%;
  align-self: center;
  object-fit: cover;
  border-radius: 10px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
 
.header-container110 {
  top: 60px;
  flex: 0 0 auto;
  left: 0px;
  right: 0px;
  width: 75px;
  height: 75px;
  margin: auto;
  display: flex;
  position: absolute;
  align-items: center;
  border-color: var(--dl-color-theme-neutral-dark);
  border-width: 1px;
  border-radius: var(--dl-radius-radius-round);
  background-size: cover;
  justify-content: center;
  background-image: url('https://i.pinimg.com/736x/0a/f5/c2/0af5c24b06df25a3962af310d5bb59e8.jpg');
}
 
.header-image13 {
  width: 100%;
  height: 100%;
  align-self: center;
  object-fit: cover;
  border-radius: var(--dl-radius-radius-round);
}
 
.header-container111 {
  flex: 0 0 auto;
  right: 9px;
  width: 15px;
  bottom: 0px;
  height: 15px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  border-color: var(--dl-color-theme-neutral-dark);
  border-width: 1px;
  border-radius: var(--dl-radius-radius-round);
  background-color: #07ef00;
}
 
.header-container112 {
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
  padding-top: 35px;
  padding-left: var(--dl-space-space-oneandhalfunits);
  padding-right: var(--dl-space-space-oneandhalfunits);
  flex-direction: column;
  padding-bottom: var(--dl-space-space-oneandhalfunits);
  justify-content: flex-start;
}
 
.header-container113 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
  align-items: flex-start;
  margin-bottom: 18px;
  justify-content: center;
}
 
.header-text101 {
  color: rgb(255, 255, 255);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
}
 
.header-container114 {
  top: 0px;
  flex: 0 0 auto;
  right: 0px;
  width: auto;
  bottom: 0px;
  height: auto;
  display: flex;
  padding: 3px;
  position: absolute;
  align-items: center;
  justify-content: center;
}
 
.header-icon121 {
  fill: var(--dl-color-theme-neutral-dark);
  color: #ffffff;
}
 
.header-container115 {
  gap: var(--dl-space-space-halfunit);
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin-bottom: var(--dl-space-space-unit);
  flex-direction: column;
  justify-content: flex-start;
}
 
.header-container116 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
 
.header-text102 {
  color: rgb(255, 255, 255);
  font-size: 10px;
}
 
.header-container117 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  border-color: rgba(76, 73, 73, 0.69);
  border-width: 1px;
  justify-content: space-between;
  border-top-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
}
 
.header-container118 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
 
.header-icon123 {
  fill: var(--dl-color-theme-neutral-dark);
  color: #ffffff;
  margin-right: 4px;
}
 
.header-text103 {
  color: rgb(255, 255, 255);
  font-size: 14px;
  font-family: "Exo 2";
}
 
.header-text104 {
  color: rgb(255, 255, 255);
  font-size: 12px;
  font-family: "Exo 2";
}
 
.header-container119 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  border-color: rgba(76, 73, 73, 0.69);
  border-width: 1px;
  justify-content: space-between;
  border-top-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
}
 
.header-container120 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
 
.header-icon125 {
  fill: var(--dl-color-theme-neutral-dark);
  color: #ffffff;
  margin-right: 4px;
}
 
.header-text105 {
  color: rgb(255, 255, 255);
  font-size: 14px;
  font-family: "Exo 2";
}
 
.header-text106 {
  color: rgb(255, 255, 255);
  font-size: 12px;
  font-family: "Exo 2";
}
 
.header-container121 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  border-color: rgba(76, 73, 73, 0.69);
  border-width: 1px;
  justify-content: space-between;
  border-top-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
}
 
.header-container122 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
 
.header-icon127 {
  fill: var(--dl-color-theme-neutral-dark);
  color: #ffffff;
  margin-right: 4px;
}
 
.header-text107 {
  color: rgb(255, 255, 255);
  font-size: 14px;
  font-family: "Exo 2";
}
 
.header-text108 {
  color: rgb(255, 255, 255);
  font-size: 12px;
  font-family: "Exo 2";
}
 
.header-container123 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  border-color: rgba(76, 73, 73, 0.69);
  border-width: 1px;
  justify-content: space-between;
  border-top-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
}
 
.header-container124 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
 
.header-icon131 {
  fill: var(--dl-color-theme-neutral-dark);
  color: #ffffff;
  margin-right: 4px;
}
 
.header-text109 {
  color: rgb(255, 255, 255);
  font-size: 14px;
  font-family: "Exo 2";
}
 
.header-text110 {
  color: rgb(255, 255, 255);
  font-size: 12px;
  font-family: "Exo 2";
}
 
.header-container125 {
  gap: 5px;
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-start;
}
 
.header-container126 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
  padding-left: var(--dl-space-space-halfunit);
  justify-content: flex-start;
}
 
.header-text111 {
  color: rgb(255, 255, 255);
  font-size: 10px;
}
 
.header-navlink12 {
  display: contents;
}
 
.header-container127 {
  flex: 0 0 auto;
  width: 100%;
  height: 25px;
  display: flex;
  transition: 0.3s;
  align-items: center;
  padding-left: var(--dl-space-space-halfunit);
  padding-right: var(--dl-space-space-halfunit);
  justify-content: space-between;
  text-decoration: none;
}
 
.header-container127:hover {
  border-radius: 11px;
  background-color: #2e3237;
}
 
.header-container128 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
 
.header-icon133 {
  fill: var(--dl-color-theme-neutral-dark);
  color: #ffffff;
  margin-right: 25px;
}
 
.header-text112 {
  color: rgb(255, 255, 255);
  font-size: 14px;
  font-family: "Exo 2";
}
 
.header-navlink13 {
  display: contents;
}
 
.header-container129 {
  flex: 0 0 auto;
  width: 100%;
  height: 25px;
  display: flex;
  transition: 0.3s;
  align-items: center;
  padding-left: var(--dl-space-space-halfunit);
  padding-right: var(--dl-space-space-halfunit);
  justify-content: space-between;
  text-decoration: none;
}
 
.header-container129:hover {
  border-radius: 11px;
  background-color: #2e3237;
}
 
.header-container130 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
 
.header-icon137 {
  fill: var(--dl-color-theme-neutral-dark);
  color: #ffffff;
  margin-right: 25px;
}
 
.header-text115 {
  color: rgb(255, 255, 255);
  font-size: 14px;
  font-family: "Exo 2";
}
 
.header-navlink14 {
  display: contents;
}
 
.header-container131 {
  flex: 0 0 auto;
  width: 100%;
  height: 25px;
  display: flex;
  transition: 0.3s;
  align-items: center;
  padding-left: var(--dl-space-space-halfunit);
  padding-right: var(--dl-space-space-halfunit);
  justify-content: space-between;
  text-decoration: none;
}
 
.header-container131:hover {
  border-radius: 11px;
  background-color: #2e3237;
}
 
.header-container132 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
 
.header-icon139 {
  fill: var(--dl-color-theme-neutral-dark);
  color: #ffffff;
  margin-right: 25px;
}
 
.header-text116 {
  color: rgb(255, 255, 255);
  font-size: 14px;
  font-family: "Exo 2";
}
 
.header-navlink15 {
  display: contents;
}
 
.header-container133 {
  flex: 0 0 auto;
  width: 100%;
  height: 25px;
  display: flex;
  transition: 0.3s;
  align-items: center;
  padding-left: var(--dl-space-space-halfunit);
  padding-right: var(--dl-space-space-halfunit);
  justify-content: space-between;
  text-decoration: none;
}
 
.header-container133:hover {
  border-radius: 11px;
  background-color: #2e3237;
}
 
.header-container134 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
 
.header-icon141 {
  fill: var(--dl-color-theme-neutral-dark);
  color: #ffffff;
  margin-right: 25px;
}
 
.header-text117 {
  color: rgb(255, 255, 255);
  font-size: 14px;
  font-family: "Exo 2";
}
 
.header-navlink16 {
  display: contents;
}
 
.header-container135 {
  flex: 0 0 auto;
  width: 100%;
  height: 25px;
  display: flex;
  transition: 0.3s;
  align-items: center;
  padding-left: var(--dl-space-space-halfunit);
  padding-right: var(--dl-space-space-halfunit);
  justify-content: space-between;
  text-decoration: none;
}
 
.header-container135:hover {
  border-radius: 11px;
  background-color: #2e3237;
}
 
.header-container136 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
 
.header-icon145 {
  fill: var(--dl-color-theme-neutral-dark);
  color: #ffffff;
  margin-right: 25px;
}
 
.header-text118 {
  color: rgb(255, 255, 255);
  font-size: 14px;
  font-family: "Exo 2";
}
 
.header-navlink17 {
  display: contents;
}
 
.header-container137 {
  flex: 0 0 auto;
  width: 100%;
  height: 25px;
  display: flex;
  transition: 0.3s;
  align-items: center;
  padding-left: var(--dl-space-space-halfunit);
  padding-right: var(--dl-space-space-halfunit);
  justify-content: space-between;
  text-decoration: none;
}
 
.header-container137:hover {
  border-radius: 11px;
  background-color: #2e3237;
}
 
.header-container138 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
 
.header-icon147 {
  fill: var(--dl-color-theme-neutral-dark);
  color: #ffffff;
  margin-right: 25px;
}
 
.header-text119 {
  color: rgb(255, 255, 255);
  font-size: 14px;
  font-family: "Exo 2";
}
 
.header-container139 {
  flex: 0 0 auto;
  width: 100%;
  height: 25px;
  display: flex;
  align-self: center;
  margin-top: 5px;
  transition: 0.3s;
  align-items: center;
  padding-left: var(--dl-space-space-halfunit);
  padding-right: var(--dl-space-space-halfunit);
  justify-content: center;
}
 
.header-container139:hover {
  border-radius: 11px;
  background-color: #2e3237;
}
 
.header-container140 {
  display: flex;
  align-items: center;
  justify-content: center;
}
 
.header-icon150 {
  fill: var(--dl-color-theme-neutral-dark);
  color: #ffffff;
  margin-right: var(--dl-space-space-oneandhalfunits);
}
 
.header-text122 {
  color: rgb(255, 255, 255);
  font-size: 14px;
  font-family: "Exo 2";
}
 
.header-container141 {
  flex: 0 0 auto;
  width: 100%;
  height: 25px;
  display: flex;
  margin-top: 5px;
  transition: 0.3s;
  align-items: center;
  padding-left: var(--dl-space-space-halfunit);
  padding-right: var(--dl-space-space-halfunit);
  justify-content: center;
}
 
.header-container141:hover {
  border-radius: 11px;
  background-color: #2e3237;
}
 
.header-container142 {
  display: flex;
  align-items: center;
  justify-content: center;
}
 
.header-icon160 {
  fill: var(--dl-color-theme-neutral-dark);
  color: #ffffff;
  margin-right: var(--dl-space-space-oneandhalfunits);
}
 
.header-text123 {
  color: rgb(255, 255, 255);
  font-size: 14px;
  font-family: "Exo 2";
}
 
.header-container143 {
  top: var(--dl-space-space-halfunit);
  flex: 0 0 auto;
  right: var(--dl-space-space-halfunit);
  width: auto;
  height: auto;
  display: flex;
  padding: 2px;
  position: absolute;
  transition: 0.3s;
  align-items: center;
  justify-content: center;
}
 
.header-container143:hover {
  border-radius: var(--dl-radius-radius-round);
  background-color: rgba(211, 213, 216, 0.46);
}
 
.header-icon164 {
  fill: var(--dl-color-theme-neutral-dark);
  color: #00ff29;
}
 
.header-popupnoti {
  left: 0px;
  right: 0px;
  width: 100%;
  bottom: 0px;
  height: 0px;
  margin: auto;
  display: none;
  z-index: 20000;
  position: absolute;
  max-width: 1800px;
  align-items: flex-start;
  justify-content: flex-end;
}
 
.header-container144 {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  max-width: 2000px;
  align-items: flex-start;
  justify-content: flex-end;
}
 
.header-card1 {
  flex: 0 0 auto;
  width: 340px;
  height: auto;
  display: flex;
  z-index: 20000;
  position: relative;
  margin-top: 15px;
  align-items: flex-start;
  margin-right: 130px;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  background-color: #1b1b1e;
}
 
.header-container145 {
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
  padding-top: var(--dl-space-space-halfunit);
  padding-left: var(--dl-space-space-oneandhalfunits);
  padding-right: var(--dl-space-space-oneandhalfunits);
  flex-direction: column;
  padding-bottom: var(--dl-space-space-oneandhalfunits);
  justify-content: flex-start;
}
 
.header-container146 {
  gap: 0;
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-start;
}
 
.header-container147 {
  flex: 0 0 auto;
  width: 100%;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
 
.header-text124 {
  color: rgb(255, 255, 255);
  font-family: "Exo 2";
}
 
.header-container148 {
  gap: 5px;
  flex: 0 0 auto;
  width: 100%;
  height: 500px;
  display: flex;
  flex-wrap: wrap;
  overflow-y: auto;
  align-items: flex-start;
}
 
.header-container149 {
  gap: var(--dl-space-space-halfunit);
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  padding: 3px;
  flex-wrap: wrap;
  transition: 0.3s;
  align-items: center;
}
 
.header-container149:hover {
  border-radius: var(--dl-radius-radius-imageradius);
  background-color: rgba(217, 217, 217, 0.11);
}
 
.header-container150 {
  flex: 0 0 auto;
  width: auto;
  height: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
 
.header-container151 {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  align-items: flex-start;
}
 
.header-image14 {
  width: 30px;
  height: 30%;
  object-fit: cover;
  border-radius: var(--dl-radius-radius-imageradius);
}
 
.header-container152 {
  flex: 0 0 auto;
  width: 80%;
  height: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
 
.header-container153 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
}
 
.header-text125 {
  color: rgb(255, 255, 255);
  font-size: 12px;
  margin-bottom: 5px;
}
 
.header-container154 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
}
 
.header-text126 {
  color: rgb(255, 255, 255);
  font-size: 10px;
  font-family: "Exo 2";
  margin-bottom: 5px;
}
 
.header-container155 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
}
 
.header-text127 {
  color: rgb(255, 255, 255);
  font-size: 10px;
  font-family: "Exo 2";
}
 
.header-container156 {
  gap: var(--dl-space-space-halfunit);
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  padding: 3px;
  flex-wrap: wrap;
  transition: 0.3s;
  align-items: center;
}
 
.header-container156:hover {
  border-radius: var(--dl-radius-radius-imageradius);
  background-color: rgba(217, 217, 217, 0.11);
}
 
.header-container157 {
  flex: 0 0 auto;
  width: auto;
  height: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
 
.header-container158 {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  align-items: flex-start;
}
 
.header-image15 {
  width: 30px;
  height: 30%;
  object-fit: cover;
  border-radius: var(--dl-radius-radius-imageradius);
}
 
.header-container159 {
  flex: 0 0 auto;
  width: 80%;
  height: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
 
.header-container160 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
}
 
.header-text128 {
  color: rgb(255, 255, 255);
  font-size: 12px;
  margin-bottom: 5px;
}
 
.header-container161 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
}
 
.header-text129 {
  color: rgb(255, 255, 255);
  font-size: 10px;
  font-family: "Exo 2";
  margin-bottom: 5px;
}
 
.header-container162 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
}
 
.header-text130 {
  color: rgb(255, 255, 255);
  font-size: 10px;
  font-family: "Exo 2";
}
 
.header-container163 {
  gap: var(--dl-space-space-halfunit);
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  padding: 3px;
  flex-wrap: wrap;
  transition: 0.3s;
  align-items: center;
}
 
.header-container163:hover {
  border-radius: var(--dl-radius-radius-imageradius);
  background-color: rgba(217, 217, 217, 0.11);
}
 
.header-container164 {
  flex: 0 0 auto;
  width: auto;
  height: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
 
.header-container165 {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  align-items: flex-start;
}
 
.header-image16 {
  width: 30px;
  height: 30%;
  object-fit: cover;
  border-radius: var(--dl-radius-radius-imageradius);
}
 
.header-container166 {
  flex: 0 0 auto;
  width: 80%;
  height: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
 
.header-container167 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
}
 
.header-text131 {
  color: rgb(255, 255, 255);
  font-size: 12px;
  margin-bottom: 5px;
}
 
.header-container168 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
}
 
.header-text132 {
  color: rgb(255, 255, 255);
  font-size: 10px;
  font-family: "Exo 2";
  margin-bottom: 5px;
}
 
.header-container169 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
}
 
.header-text133 {
  color: rgb(255, 255, 255);
  font-size: 10px;
  font-family: "Exo 2";
}
 
.header-container170 {
  gap: var(--dl-space-space-halfunit);
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  padding: 3px;
  flex-wrap: wrap;
  transition: 0.3s;
  align-items: center;
}
 
.header-container170:hover {
  border-radius: var(--dl-radius-radius-imageradius);
  background-color: rgba(217, 217, 217, 0.11);
}
 
.header-container171 {
  flex: 0 0 auto;
  width: auto;
  height: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
 
.header-container172 {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  align-items: flex-start;
}
 
.header-image17 {
  width: 30px;
  height: 30%;
  object-fit: cover;
  border-radius: var(--dl-radius-radius-imageradius);
}
 
.header-container173 {
  flex: 0 0 auto;
  width: 80%;
  height: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
 
.header-container174 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
}
 
.header-text134 {
  color: rgb(255, 255, 255);
  font-size: 12px;
  margin-bottom: 5px;
}
 
.header-container175 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
}
 
.header-text135 {
  color: rgb(255, 255, 255);
  font-size: 10px;
  font-family: "Exo 2";
  margin-bottom: 5px;
}
 
.header-container176 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
}
 
.header-text136 {
  color: rgb(255, 255, 255);
  font-size: 10px;
  font-family: "Exo 2";
}
 
.header-container177 {
  gap: var(--dl-space-space-halfunit);
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  padding: 3px;
  flex-wrap: wrap;
  transition: 0.3s;
  align-items: center;
}
 
.header-container177:hover {
  border-radius: var(--dl-radius-radius-imageradius);
  background-color: rgba(217, 217, 217, 0.11);
}
 
.header-container178 {
  flex: 0 0 auto;
  width: auto;
  height: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
 
.header-container179 {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  align-items: flex-start;
}
 
.header-image18 {
  width: 30px;
  height: 30%;
  object-fit: cover;
  border-radius: var(--dl-radius-radius-imageradius);
}
 
.header-container180 {
  flex: 0 0 auto;
  width: 80%;
  height: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
 
.header-container181 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
}
 
.header-text137 {
  color: rgb(255, 255, 255);
  font-size: 12px;
  margin-bottom: 5px;
}
 
.header-container182 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
}
 
.header-text138 {
  color: rgb(255, 255, 255);
  font-size: 10px;
  font-family: "Exo 2";
  margin-bottom: 5px;
}
 
.header-container183 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
}
 
.header-text139 {
  color: rgb(255, 255, 255);
  font-size: 10px;
  font-family: "Exo 2";
}
 
.header-container184 {
  gap: var(--dl-space-space-halfunit);
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  padding: 3px;
  flex-wrap: wrap;
  transition: 0.3s;
  align-items: center;
}
 
.header-container184:hover {
  border-radius: var(--dl-radius-radius-imageradius);
  background-color: rgba(217, 217, 217, 0.11);
}
 
.header-container185 {
  flex: 0 0 auto;
  width: auto;
  height: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
 
.header-container186 {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  align-items: flex-start;
}
 
.header-image19 {
  width: 30px;
  height: 30%;
  object-fit: cover;
  border-radius: var(--dl-radius-radius-imageradius);
}
 
.header-container187 {
  flex: 0 0 auto;
  width: 80%;
  height: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
 
.header-container188 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
}
 
.header-text140 {
  color: rgb(255, 255, 255);
  font-size: 12px;
  margin-bottom: 5px;
}
 
.header-container189 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
}
 
.header-text141 {
  color: rgb(255, 255, 255);
  font-size: 10px;
  font-family: "Exo 2";
  margin-bottom: 5px;
}
 
.header-container190 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
}
 
.header-text142 {
  color: rgb(255, 255, 255);
  font-size: 10px;
  font-family: "Exo 2";
}
 
.header-container191 {
  gap: var(--dl-space-space-halfunit);
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  padding: 3px;
  flex-wrap: wrap;
  transition: 0.3s;
  align-items: center;
}
 
.header-container191:hover {
  border-radius: var(--dl-radius-radius-imageradius);
  background-color: rgba(217, 217, 217, 0.11);
}
 
.header-container192 {
  flex: 0 0 auto;
  width: auto;
  height: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
 
.header-container193 {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  align-items: flex-start;
}
 
.header-image20 {
  width: 30px;
  height: 30%;
  object-fit: cover;
  border-radius: var(--dl-radius-radius-imageradius);
}
 
.header-container194 {
  flex: 0 0 auto;
  width: 80%;
  height: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
 
.header-container195 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
}
 
.header-text143 {
  color: rgb(255, 255, 255);
  font-size: 12px;
  margin-bottom: 5px;
}
 
.header-container196 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
}
 
.header-text144 {
  color: rgb(255, 255, 255);
  font-size: 10px;
  font-family: "Exo 2";
  margin-bottom: 5px;
}
 
.header-container197 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
}
 
.header-text145 {
  color: rgb(255, 255, 255);
  font-size: 10px;
  font-family: "Exo 2";
}
 
.header-container198 {
  gap: var(--dl-space-space-halfunit);
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  padding: 3px;
  flex-wrap: wrap;
  transition: 0.3s;
  align-items: center;
}
 
.header-container198:hover {
  border-radius: var(--dl-radius-radius-imageradius);
  background-color: rgba(217, 217, 217, 0.11);
}
 
.header-container199 {
  flex: 0 0 auto;
  width: auto;
  height: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
 
.header-container200 {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  align-items: flex-start;
}
 
.header-image21 {
  width: 30px;
  height: 30%;
  object-fit: cover;
  border-radius: var(--dl-radius-radius-imageradius);
}
 
.header-container201 {
  flex: 0 0 auto;
  width: 80%;
  height: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
 
.header-container202 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
}
 
.header-text146 {
  color: rgb(255, 255, 255);
  font-size: 12px;
  margin-bottom: 5px;
}
 
.header-container203 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
}
 
.header-text147 {
  color: rgb(255, 255, 255);
  font-size: 10px;
  font-family: "Exo 2";
  margin-bottom: 5px;
}
 
.header-container204 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
}
 
.header-text148 {
  color: rgb(255, 255, 255);
  font-size: 10px;
  font-family: "Exo 2";
}
 
.header-container205 {
  top: var(--dl-space-space-halfunit);
  flex: 0 0 auto;
  right: var(--dl-space-space-halfunit);
  width: auto;
  height: auto;
  display: flex;
  padding: 2px;
  position: absolute;
  transition: 0.3s;
  align-items: center;
  justify-content: center;
}
 
.header-container205:hover {
  border-radius: var(--dl-radius-radius-round);
  background-color: rgba(211, 213, 216, 0.46);
}
 
.header-icon166 {
  fill: var(--dl-color-theme-neutral-dark);
  color: #00ff29;
}
 
.header-popupquestion {
  left: 0px;
  right: 0px;
  width: 100%;
  bottom: 0px;
  height: 0px;
  margin: auto;
  display: none;
  z-index: 20000;
  position: absolute;
  max-width: 1800px;
  align-items: flex-start;
  justify-content: flex-end;
}
 
.header-container206 {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  max-width: 2000px;
  align-items: flex-start;
  justify-content: flex-end;
}
 
.header-card2 {
  flex: 0 0 auto;
  width: 340px;
  height: auto;
  display: flex;
  z-index: 20000;
  position: relative;
  margin-top: 15px;
  align-items: flex-start;
  margin-right: 180px;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  background-color: #1b1b1e;
}
 
.header-container207 {
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
  padding-top: var(--dl-space-space-halfunit);
  padding-left: var(--dl-space-space-oneandhalfunits);
  padding-right: var(--dl-space-space-oneandhalfunits);
  flex-direction: column;
  padding-bottom: var(--dl-space-space-oneandhalfunits);
  justify-content: flex-start;
}
 
.header-container208 {
  gap: 0;
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-start;
}
 
.header-container209 {
  flex: 0 0 auto;
  width: 100%;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
 
.header-text149 {
  color: rgb(255, 255, 255);
  font-size: 13px;
  font-family: "Exo 2";
}
 
.header-container210 {
  gap: 5px;
  flex: 0 0 auto;
  width: 100%;
  height: 500px;
  display: flex;
  flex-wrap: wrap;
  overflow-y: auto;
  align-items: flex-start;
}
 
.header-container211 {
  gap: var(--dl-space-space-halfunit);
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  padding: 3px;
  flex-wrap: wrap;
  transition: 0.3s;
  align-items: center;
}
 
.header-container211:hover {
  border-radius: var(--dl-radius-radius-imageradius);
  background-color: rgba(217, 217, 217, 0.11);
}
 
.header-container212 {
  flex: 0 0 auto;
  width: auto;
  height: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
 
.header-container213 {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  align-items: flex-start;
}
 
.header-image22 {
  width: 30px;
  height: 30%;
  object-fit: cover;
  border-radius: var(--dl-radius-radius-imageradius);
}
 
.header-container214 {
  flex: 0 0 auto;
  width: 80%;
  height: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
 
.header-container215 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
}
 
.header-text150 {
  color: rgb(255, 255, 255);
  font-size: 12px;
  margin-bottom: 5px;
}
 
.header-container216 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
}
 
.header-text151 {
  color: rgb(255, 255, 255);
  font-size: 10px;
  font-family: "Exo 2";
  margin-bottom: 5px;
}
 
.header-container217 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
}
 
.header-text152 {
  color: rgb(255, 255, 255);
  font-size: 10px;
  font-family: "Exo 2";
}
 
.header-container218 {
  gap: var(--dl-space-space-halfunit);
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  padding: 3px;
  flex-wrap: wrap;
  transition: 0.3s;
  align-items: center;
}
 
.header-container218:hover {
  border-radius: var(--dl-radius-radius-imageradius);
  background-color: rgba(217, 217, 217, 0.11);
}
 
.header-container219 {
  flex: 0 0 auto;
  width: auto;
  height: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
 
.header-container220 {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  align-items: flex-start;
}
 
.header-image23 {
  width: 30px;
  height: 30%;
  object-fit: cover;
  border-radius: var(--dl-radius-radius-imageradius);
}
 
.header-container221 {
  flex: 0 0 auto;
  width: 80%;
  height: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
 
.header-container222 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
}
 
.header-text153 {
  color: rgb(255, 255, 255);
  font-size: 12px;
  margin-bottom: 5px;
}
 
.header-container223 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
}
 
.header-text154 {
  color: rgb(255, 255, 255);
  font-size: 10px;
  font-family: "Exo 2";
  margin-bottom: 5px;
}
 
.header-container224 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
}
 
.header-text155 {
  color: rgb(255, 255, 255);
  font-size: 10px;
  font-family: "Exo 2";
}
 
.header-container225 {
  gap: var(--dl-space-space-halfunit);
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  padding: 3px;
  flex-wrap: wrap;
  transition: 0.3s;
  align-items: center;
}
 
.header-container225:hover {
  border-radius: var(--dl-radius-radius-imageradius);
  background-color: rgba(217, 217, 217, 0.11);
}
 
.header-container226 {
  flex: 0 0 auto;
  width: auto;
  height: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
 
.header-container227 {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  align-items: flex-start;
}
 
.header-image24 {
  width: 30px;
  height: 30%;
  object-fit: cover;
  border-radius: var(--dl-radius-radius-imageradius);
}
 
.header-container228 {
  flex: 0 0 auto;
  width: 80%;
  height: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
 
.header-container229 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
}
 
.header-text156 {
  color: rgb(255, 255, 255);
  font-size: 12px;
  margin-bottom: 5px;
}
 
.header-container230 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
}
 
.header-text157 {
  color: rgb(255, 255, 255);
  font-size: 10px;
  font-family: "Exo 2";
  margin-bottom: 5px;
}
 
.header-container231 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
}
 
.header-text158 {
  color: rgb(255, 255, 255);
  font-size: 10px;
  font-family: "Exo 2";
}
 
.header-container232 {
  gap: var(--dl-space-space-halfunit);
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  padding: 3px;
  flex-wrap: wrap;
  transition: 0.3s;
  align-items: center;
}
 
.header-container232:hover {
  border-radius: var(--dl-radius-radius-imageradius);
  background-color: rgba(217, 217, 217, 0.11);
}
 
.header-container233 {
  flex: 0 0 auto;
  width: auto;
  height: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
 
.header-container234 {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  align-items: flex-start;
}
 
.header-image25 {
  width: 30px;
  height: 30%;
  object-fit: cover;
  border-radius: var(--dl-radius-radius-imageradius);
}
 
.header-container235 {
  flex: 0 0 auto;
  width: 80%;
  height: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
 
.header-container236 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
}
 
.header-text159 {
  color: rgb(255, 255, 255);
  font-size: 12px;
  margin-bottom: 5px;
}
 
.header-container237 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
}
 
.header-text160 {
  color: rgb(255, 255, 255);
  font-size: 10px;
  font-family: "Exo 2";
  margin-bottom: 5px;
}
 
.header-container238 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
}
 
.header-text161 {
  color: rgb(255, 255, 255);
  font-size: 10px;
  font-family: "Exo 2";
}
 
.header-container239 {
  gap: var(--dl-space-space-halfunit);
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  padding: 3px;
  flex-wrap: wrap;
  transition: 0.3s;
  align-items: center;
}
 
.header-container239:hover {
  border-radius: var(--dl-radius-radius-imageradius);
  background-color: rgba(217, 217, 217, 0.11);
}
 
.header-container240 {
  flex: 0 0 auto;
  width: auto;
  height: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
 
.header-container241 {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  align-items: flex-start;
}
 
.header-image26 {
  width: 30px;
  height: 30%;
  object-fit: cover;
  border-radius: var(--dl-radius-radius-imageradius);
}
 
.header-container242 {
  flex: 0 0 auto;
  width: 80%;
  height: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
 
.header-container243 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
}
 
.header-text162 {
  color: rgb(255, 255, 255);
  font-size: 12px;
  margin-bottom: 5px;
}
 
.header-container244 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
}
 
.header-text163 {
  color: rgb(255, 255, 255);
  font-size: 10px;
  font-family: "Exo 2";
  margin-bottom: 5px;
}
 
.header-container245 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
}
 
.header-text164 {
  color: rgb(255, 255, 255);
  font-size: 10px;
  font-family: "Exo 2";
}
 
.header-container246 {
  gap: var(--dl-space-space-halfunit);
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  padding: 3px;
  flex-wrap: wrap;
  transition: 0.3s;
  align-items: center;
}
 
.header-container246:hover {
  border-radius: var(--dl-radius-radius-imageradius);
  background-color: rgba(217, 217, 217, 0.11);
}
 
.header-container247 {
  flex: 0 0 auto;
  width: auto;
  height: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
 
.header-container248 {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  align-items: flex-start;
}
 
.header-image27 {
  width: 30px;
  height: 30%;
  object-fit: cover;
  border-radius: var(--dl-radius-radius-imageradius);
}
 
.header-container249 {
  flex: 0 0 auto;
  width: 80%;
  height: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
 
.header-container250 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
}
 
.header-text165 {
  color: rgb(255, 255, 255);
  font-size: 12px;
  margin-bottom: 5px;
}
 
.header-container251 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
}
 
.header-text166 {
  color: rgb(255, 255, 255);
  font-size: 10px;
  font-family: "Exo 2";
  margin-bottom: 5px;
}
 
.header-container252 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
}
 
.header-text167 {
  color: rgb(255, 255, 255);
  font-size: 10px;
  font-family: "Exo 2";
}
 
.header-container253 {
  gap: var(--dl-space-space-halfunit);
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  padding: 3px;
  flex-wrap: wrap;
  transition: 0.3s;
  align-items: center;
}
 
.header-container253:hover {
  border-radius: var(--dl-radius-radius-imageradius);
  background-color: rgba(217, 217, 217, 0.11);
}
 
.header-container254 {
  flex: 0 0 auto;
  width: auto;
  height: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
 
.header-container255 {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  align-items: flex-start;
}
 
.header-image28 {
  width: 30px;
  height: 30%;
  object-fit: cover;
  border-radius: var(--dl-radius-radius-imageradius);
}
 
.header-container256 {
  flex: 0 0 auto;
  width: 80%;
  height: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
 
.header-container257 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
}
 
.header-text168 {
  color: rgb(255, 255, 255);
  font-size: 12px;
  margin-bottom: 5px;
}
 
.header-container258 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
}
 
.header-text169 {
  color: rgb(255, 255, 255);
  font-size: 10px;
  font-family: "Exo 2";
  margin-bottom: 5px;
}
 
.header-container259 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
}
 
.header-text170 {
  color: rgb(255, 255, 255);
  font-size: 10px;
  font-family: "Exo 2";
}
 
.header-container260 {
  gap: var(--dl-space-space-halfunit);
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  padding: 3px;
  flex-wrap: wrap;
  transition: 0.3s;
  align-items: center;
}
 
.header-container260:hover {
  border-radius: var(--dl-radius-radius-imageradius);
  background-color: rgba(217, 217, 217, 0.11);
}
 
.header-container261 {
  flex: 0 0 auto;
  width: auto;
  height: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
 
.header-container262 {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  align-items: flex-start;
}
 
.header-image29 {
  width: 30px;
  height: 30%;
  object-fit: cover;
  border-radius: var(--dl-radius-radius-imageradius);
}
 
.header-container263 {
  flex: 0 0 auto;
  width: 80%;
  height: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
 
.header-container264 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
}
 
.header-text171 {
  color: rgb(255, 255, 255);
  font-size: 12px;
  margin-bottom: 5px;
}
 
.header-container265 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
}
 
.header-text172 {
  color: rgb(255, 255, 255);
  font-size: 10px;
  font-family: "Exo 2";
  margin-bottom: 5px;
}
 
.header-container266 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
}
 
.header-text173 {
  color: rgb(255, 255, 255);
  font-size: 10px;
  font-family: "Exo 2";
}
 
.header-container267 {
  top: var(--dl-space-space-halfunit);
  flex: 0 0 auto;
  right: var(--dl-space-space-halfunit);
  width: auto;
  height: auto;
  display: flex;
  padding: 2px;
  position: absolute;
  transition: 0.3s;
  align-items: center;
  justify-content: center;
}
 
.header-container267:hover {
  border-radius: var(--dl-radius-radius-round);
  background-color: rgba(211, 213, 216, 0.46);
}
 
.header-icon168 {
  fill: var(--dl-color-theme-neutral-dark);
  color: #00ff29;
}
 
.header-popupsearch {
  left: 0px;
  right: 0px;
  width: 100%;
  bottom: 0px;
  height: 0px;
  margin: auto;
  display: none;
  z-index: 20000;
  position: absolute;
  max-width: 1800px;
  align-items: flex-start;
  justify-content: flex-end;
}
 
.header-container268 {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  max-width: 2000px;
  align-items: flex-start;
  justify-content: flex-end;
}
 
.header-card3 {
  flex: 0 0 auto;
  width: 426px;
  height: auto;
  display: flex;
  z-index: 20000;
  position: relative;
  margin-top: 15px;
  align-items: flex-start;
  margin-right: 330px;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  background-color: #1b1b1e;
}
 
.header-container269 {
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
  padding-top: 35px;
  padding-left: var(--dl-space-space-oneandhalfunits);
  padding-right: var(--dl-space-space-oneandhalfunits);
  flex-direction: column;
  padding-bottom: var(--dl-space-space-oneandhalfunits);
  justify-content: flex-start;
}
 
.header-container270 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
  align-items: flex-start;
  margin-bottom: var(--dl-space-space-halfunit);
  justify-content: flex-start;
}
 
.header-text174 {
  color: rgb(255, 255, 255);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
}
 
.header-form1 {
  width: 100%;
  height: auto;
  display: flex;
  margin-bottom: 20px;
}
 
.header-textinput1 {
  width: 100%;
  height: 30px;
  align-self: center;
  box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.4),                         0 3px 5px rgba(0, 0, 0, 0.3);
  transition: 0.3s;
  padding-left: 30px;
  border-radius: 14px;
  background-color: #b9b4b1;
}
 
.header-textinput1:hover {
  border-color: #00ff00;
}
 
.header-container271 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
  padding-left: var(--dl-space-space-halfunit);
  margin-bottom: var(--dl-space-space-halfunit);
  justify-content: flex-start;
}
 
.header-text175 {
  color: rgb(255, 255, 255);
  font-size: 10px;
}
 
.header-container272 {
  width: 100%;
  display: flex;
  align-items: flex-start;
  margin-bottom: 15px;
  flex-direction: row;
  justify-content: flex-start;
}
 
.header-container273 {
  gap: 5px;
  width: 50%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-start;
}
 
.header-navlink18 {
  display: contents;
}
 
.header-container274 {
  flex: 0 0 auto;
  width: 100%;
  height: 28px;
  display: flex;
  transition: 0.3s;
  align-items: center;
  padding-left: var(--dl-space-space-halfunit);
  padding-right: var(--dl-space-space-halfunit);
  justify-content: space-between;
  text-decoration: none;
}
 
.header-container274:hover {
  border-radius: 11px;
  background-color: #2e3237;
}
 
.header-container275 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
 
.header-container276 {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: flex-start;
  margin-right: 10px;
  border-radius: var(--dl-radius-radius-round);
  flex-direction: column;
}
 
.header-image30 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--dl-radius-radius-round);
}
 
.header-text176 {
  color: rgb(255, 255, 255);
  font-size: 14px;
  font-family: "Exo 2";
}
 
.header-navlink19 {
  display: contents;
}
 
.header-container277 {
  flex: 0 0 auto;
  width: 100%;
  height: 28px;
  display: flex;
  transition: 0.3s;
  align-items: center;
  padding-left: var(--dl-space-space-halfunit);
  padding-right: var(--dl-space-space-halfunit);
  justify-content: space-between;
  text-decoration: none;
}
 
.header-container277:hover {
  border-radius: 11px;
  background-color: #2e3237;
}
 
.header-container278 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
 
.header-container279 {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: flex-start;
  margin-right: 10px;
  border-radius: var(--dl-radius-radius-round);
  flex-direction: column;
}
 
.header-image31 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--dl-radius-radius-round);
}
 
.header-text177 {
  color: rgb(255, 255, 255);
  font-size: 14px;
  font-family: "Exo 2";
}
 
.header-navlink20 {
  display: contents;
}
 
.header-container280 {
  flex: 0 0 auto;
  width: 100%;
  height: 28px;
  display: flex;
  transition: 0.3s;
  align-items: center;
  padding-left: var(--dl-space-space-halfunit);
  padding-right: var(--dl-space-space-halfunit);
  justify-content: space-between;
  text-decoration: none;
}
 
.header-container280:hover {
  border-radius: 11px;
  background-color: #2e3237;
}
 
.header-container281 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
 
.header-container282 {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: flex-start;
  margin-right: 10px;
  border-radius: var(--dl-radius-radius-round);
  flex-direction: column;
}
 
.header-image32 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--dl-radius-radius-round);
}
 
.header-text178 {
  color: rgb(255, 255, 255);
  font-size: 14px;
  font-family: "Exo 2";
}
 
.header-navlink21 {
  display: contents;
}
 
.header-container283 {
  flex: 0 0 auto;
  width: 100%;
  height: 28px;
  display: flex;
  transition: 0.3s;
  align-items: center;
  padding-left: var(--dl-space-space-halfunit);
  padding-right: var(--dl-space-space-halfunit);
  justify-content: space-between;
  text-decoration: none;
}
 
.header-container283:hover {
  border-radius: 11px;
  background-color: #2e3237;
}
 
.header-container284 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
 
.header-container285 {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: flex-start;
  margin-right: 10px;
  border-radius: var(--dl-radius-radius-round);
  flex-direction: column;
}
 
.header-image33 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--dl-radius-radius-round);
}
 
.header-text179 {
  color: rgb(255, 255, 255);
  font-size: 14px;
  font-family: "Exo 2";
}
 
.header-container286 {
  gap: 5px;
  width: 50%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-start;
}
 
.header-navlink22 {
  display: contents;
}
 
.header-container287 {
  flex: 0 0 auto;
  width: 100%;
  height: 28px;
  display: flex;
  transition: 0.3s;
  align-items: center;
  padding-left: var(--dl-space-space-halfunit);
  padding-right: var(--dl-space-space-halfunit);
  justify-content: space-between;
  text-decoration: none;
}
 
.header-container287:hover {
  border-radius: 11px;
  background-color: #2e3237;
}
 
.header-container288 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
 
.header-container289 {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: flex-start;
  margin-right: 10px;
  border-radius: var(--dl-radius-radius-round);
  flex-direction: column;
}
 
.header-image34 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--dl-radius-radius-round);
}
 
.header-text180 {
  color: rgb(255, 255, 255);
  font-size: 14px;
  font-family: "Exo 2";
}
 
.header-navlink23 {
  display: contents;
}
 
.header-container290 {
  flex: 0 0 auto;
  width: 100%;
  height: 28px;
  display: flex;
  transition: 0.3s;
  align-items: center;
  padding-left: var(--dl-space-space-halfunit);
  padding-right: var(--dl-space-space-halfunit);
  justify-content: space-between;
  text-decoration: none;
}
 
.header-container290:hover {
  border-radius: 11px;
  background-color: #2e3237;
}
 
.header-container291 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
 
.header-container292 {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: flex-start;
  margin-right: 10px;
  border-radius: var(--dl-radius-radius-round);
  flex-direction: column;
}
 
.header-image35 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--dl-radius-radius-round);
}
 
.header-text181 {
  color: rgb(255, 255, 255);
  font-size: 14px;
  font-family: "Exo 2";
}
 
.header-container293 {
  gap: 5px;
  width: 100%;
  height: auto;
  display: none;
  flex-wrap: wrap;
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-start;
}
 
.header-container294 {
  flex: 0 0 auto;
  width: 100%;
  height: 25px;
  display: flex;
  transition: 0.3s;
  align-items: center;
  padding-left: var(--dl-space-space-halfunit);
  padding-right: var(--dl-space-space-halfunit);
  justify-content: space-between;
  text-decoration: none;
}
 
.header-container294:hover {
  border-radius: 11px;
  background-color: #2e3237;
}
 
.header-container295 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
 
.header-icon170 {
  fill: var(--dl-color-theme-neutral-dark);
  color: #ffffff;
  margin-right: 25px;
}
 
.header-text182 {
  color: rgb(255, 255, 255);
  font-size: 14px;
  font-family: "Exo 2";
}
 
.header-container296 {
  flex: 0 0 auto;
  width: 100%;
  height: 25px;
  display: flex;
  transition: 0.3s;
  align-items: center;
  padding-left: var(--dl-space-space-halfunit);
  padding-right: var(--dl-space-space-halfunit);
  justify-content: space-between;
  text-decoration: none;
}
 
.header-container296:hover {
  border-radius: 11px;
  background-color: #2e3237;
}
 
.header-container297 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
 
.header-icon172 {
  fill: var(--dl-color-theme-neutral-dark);
  color: #ffffff;
  margin-right: 25px;
}
 
.header-text183 {
  color: rgb(255, 255, 255);
  font-size: 14px;
  font-family: "Exo 2";
}
 
.header-container298 {
  flex: 0 0 auto;
  width: 100%;
  height: 25px;
  display: flex;
  transition: 0.3s;
  align-items: center;
  padding-left: var(--dl-space-space-halfunit);
  padding-right: var(--dl-space-space-halfunit);
  justify-content: space-between;
  text-decoration: none;
}
 
.header-container298:hover {
  border-radius: 11px;
  background-color: #2e3237;
}
 
.header-container299 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
 
.header-icon174 {
  fill: var(--dl-color-theme-neutral-dark);
  color: #ffffff;
  margin-right: 25px;
}
 
.header-text184 {
  color: rgb(255, 255, 255);
  font-size: 14px;
  font-family: "Exo 2";
}
 
.header-container300 {
  flex: 0 0 auto;
  width: 100%;
  height: 25px;
  display: flex;
  transition: 0.3s;
  align-items: center;
  padding-left: var(--dl-space-space-halfunit);
  padding-right: var(--dl-space-space-halfunit);
  justify-content: space-between;
  text-decoration: none;
}
 
.header-container300:hover {
  border-radius: 11px;
  background-color: #2e3237;
}
 
.header-container301 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
 
.header-icon178 {
  fill: var(--dl-color-theme-neutral-dark);
  color: #ffffff;
  margin-right: 25px;
}
 
.header-text185 {
  color: rgb(255, 255, 255);
  font-size: 14px;
  font-family: "Exo 2";
}
 
.header-container302 {
  flex: 0 0 auto;
  width: 100%;
  height: 25px;
  display: flex;
  transition: 0.3s;
  align-items: center;
  padding-left: var(--dl-space-space-halfunit);
  padding-right: var(--dl-space-space-halfunit);
  justify-content: space-between;
  text-decoration: none;
}
 
.header-container302:hover {
  border-radius: 11px;
  background-color: #2e3237;
}
 
.header-container303 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
 
.header-icon180 {
  fill: var(--dl-color-theme-neutral-dark);
  color: #ffffff;
  margin-right: 25px;
}
 
.header-text186 {
  color: rgb(255, 255, 255);
  font-size: 14px;
  font-family: "Exo 2";
}
 
.header-container304 {
  top: var(--dl-space-space-halfunit);
  flex: 0 0 auto;
  right: var(--dl-space-space-halfunit);
  width: auto;
  height: auto;
  display: flex;
  padding: 2px;
  position: absolute;
  transition: 0.3s;
  align-items: center;
  justify-content: center;
}
 
.header-container304:hover {
  border-radius: var(--dl-radius-radius-round);
  background-color: rgba(211, 213, 216, 0.46);
}
 
.header-icon183 {
  fill: var(--dl-color-theme-neutral-dark);
  color: #00ff29;
}
 
.header-popupgame {
  left: 0px;
  right: 0px;
  width: 100%;
  bottom: 0px;
  height: 0px;
  margin: auto;
  display: none;
  z-index: 20000;
  position: absolute;
  max-width: 1800px;
  align-items: flex-start;
  justify-content: flex-end;
}
 
.header-container305 {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  max-width: 2000px;
  align-items: flex-start;
  justify-content: flex-end;
}
 
.header-card4 {
  flex: 0 0 auto;
  width: 426px;
  height: auto;
  display: flex;
  z-index: 20000;
  position: relative;
  margin-top: 15px;
  align-items: flex-start;
  margin-right: 280px;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  background-color: #1b1b1e;
}
 
.header-container306 {
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
  padding-top: 35px;
  padding-left: var(--dl-space-space-oneandhalfunits);
  padding-right: var(--dl-space-space-oneandhalfunits);
  flex-direction: column;
  padding-bottom: var(--dl-space-space-oneandhalfunits);
  justify-content: flex-start;
}
 
.header-form2 {
  width: 100%;
  height: auto;
  display: none;
  margin-bottom: 20px;
}
 
.header-textinput2 {
  width: 100%;
  height: 30px;
  align-self: center;
  box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.4),                         0 3px 5px rgba(0, 0, 0, 0.3);
  transition: 0.3s;
  padding-left: 30px;
  border-radius: 14px;
  background-color: #b9b4b1;
}
 
.header-textinput2:hover {
  border-color: #00ff00;
}
 
.header-container307 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
  padding-left: var(--dl-space-space-halfunit);
  margin-bottom: var(--dl-space-space-halfunit);
  justify-content: flex-start;
}
 
.header-text187 {
  color: rgb(255, 255, 255);
  font-size: 10px;
}
 
.header-container308 {
  width: 100%;
  display: flex;
  align-items: flex-start;
  margin-bottom: 15px;
  flex-direction: row;
  justify-content: flex-start;
}
 
.header-container309 {
  gap: 5px;
  width: 50%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-start;
}
 
.header-navlink24 {
  display: contents;
}
 
.header-container310 {
  flex: 0 0 auto;
  width: 100%;
  height: 28px;
  display: flex;
  transition: 0.3s;
  align-items: center;
  padding-left: var(--dl-space-space-halfunit);
  padding-right: var(--dl-space-space-halfunit);
  justify-content: space-between;
  text-decoration: none;
}
 
.header-container310:hover {
  border-radius: 11px;
  background-color: #2e3237;
}
 
.header-container311 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
 
.header-container312 {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: flex-start;
  margin-right: 10px;
  border-radius: var(--dl-radius-radius-round);
  flex-direction: column;
}
 
.header-image36 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--dl-radius-radius-round);
}
 
.header-text188 {
  color: rgb(255, 255, 255);
  font-size: 14px;
  font-family: "Exo 2";
}
 
.header-navlink25 {
  display: contents;
}
 
.header-container313 {
  flex: 0 0 auto;
  width: 100%;
  height: 28px;
  display: flex;
  transition: 0.3s;
  align-items: center;
  padding-left: var(--dl-space-space-halfunit);
  padding-right: var(--dl-space-space-halfunit);
  justify-content: space-between;
  text-decoration: none;
}
 
.header-container313:hover {
  border-radius: 11px;
  background-color: #2e3237;
}
 
.header-container314 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
 
.header-container315 {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: flex-start;
  margin-right: 10px;
  border-radius: var(--dl-radius-radius-round);
  flex-direction: column;
}
 
.header-image37 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--dl-radius-radius-round);
}
 
.header-text189 {
  color: rgb(255, 255, 255);
  font-size: 14px;
  font-family: "Exo 2";
}
 
.header-navlink26 {
  display: contents;
}
 
.header-container316 {
  flex: 0 0 auto;
  width: 100%;
  height: 28px;
  display: flex;
  transition: 0.3s;
  align-items: center;
  padding-left: var(--dl-space-space-halfunit);
  padding-right: var(--dl-space-space-halfunit);
  justify-content: space-between;
  text-decoration: none;
}
 
.header-container316:hover {
  border-radius: 11px;
  background-color: #2e3237;
}
 
.header-container317 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
 
.header-container318 {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: flex-start;
  margin-right: 10px;
  border-radius: var(--dl-radius-radius-round);
  flex-direction: column;
}
 
.header-image38 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--dl-radius-radius-round);
}
 
.header-text190 {
  color: rgb(255, 255, 255);
  font-size: 14px;
  font-family: "Exo 2";
}
 
.header-navlink27 {
  display: contents;
}
 
.header-container319 {
  flex: 0 0 auto;
  width: 100%;
  height: 28px;
  display: flex;
  transition: 0.3s;
  align-items: center;
  padding-left: var(--dl-space-space-halfunit);
  padding-right: var(--dl-space-space-halfunit);
  justify-content: space-between;
  text-decoration: none;
}
 
.header-container319:hover {
  border-radius: 11px;
  background-color: #2e3237;
}
 
.header-container320 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
 
.header-container321 {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: flex-start;
  margin-right: 10px;
  border-radius: var(--dl-radius-radius-round);
  flex-direction: column;
}
 
.header-image39 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--dl-radius-radius-round);
}
 
.header-text191 {
  color: rgb(255, 255, 255);
  font-size: 14px;
  font-family: "Exo 2";
}
 
.header-container322 {
  gap: 5px;
  width: 50%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-start;
}
 
.header-navlink28 {
  display: contents;
}
 
.header-container323 {
  flex: 0 0 auto;
  width: 100%;
  height: 28px;
  display: flex;
  transition: 0.3s;
  align-items: center;
  padding-left: var(--dl-space-space-halfunit);
  padding-right: var(--dl-space-space-halfunit);
  justify-content: space-between;
  text-decoration: none;
}
 
.header-container323:hover {
  border-radius: 11px;
  background-color: #2e3237;
}
 
.header-container324 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
 
.header-container325 {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: flex-start;
  margin-right: 10px;
  border-radius: var(--dl-radius-radius-round);
  flex-direction: column;
}
 
.header-image40 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--dl-radius-radius-round);
}
 
.header-text192 {
  color: rgb(255, 255, 255);
  font-size: 14px;
  font-family: "Exo 2";
}
 
.header-navlink29 {
  display: contents;
}
 
.header-container326 {
  flex: 0 0 auto;
  width: 100%;
  height: 28px;
  display: flex;
  transition: 0.3s;
  align-items: center;
  padding-left: var(--dl-space-space-halfunit);
  padding-right: var(--dl-space-space-halfunit);
  justify-content: space-between;
  text-decoration: none;
}
 
.header-container326:hover {
  border-radius: 11px;
  background-color: #2e3237;
}
 
.header-container327 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
 
.header-container328 {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: flex-start;
  margin-right: 10px;
  border-radius: var(--dl-radius-radius-round);
  flex-direction: column;
}
 
.header-image41 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--dl-radius-radius-round);
}
 
.header-text193 {
  color: rgb(255, 255, 255);
  font-size: 14px;
  font-family: "Exo 2";
}
 
.header-container329 {
  gap: 5px;
  width: 100%;
  height: auto;
  display: none;
  flex-wrap: wrap;
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-start;
}
 
.header-container330 {
  flex: 0 0 auto;
  width: 100%;
  height: 25px;
  display: flex;
  transition: 0.3s;
  align-items: center;
  padding-left: var(--dl-space-space-halfunit);
  padding-right: var(--dl-space-space-halfunit);
  justify-content: space-between;
  text-decoration: none;
}
 
.header-container330:hover {
  border-radius: 11px;
  background-color: #2e3237;
}
 
.header-container331 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
 
.header-icon185 {
  fill: var(--dl-color-theme-neutral-dark);
  color: #ffffff;
  margin-right: 25px;
}
 
.header-text194 {
  color: rgb(255, 255, 255);
  font-size: 14px;
  font-family: "Exo 2";
}
 
.header-container332 {
  flex: 0 0 auto;
  width: 100%;
  height: 25px;
  display: flex;
  transition: 0.3s;
  align-items: center;
  padding-left: var(--dl-space-space-halfunit);
  padding-right: var(--dl-space-space-halfunit);
  justify-content: space-between;
  text-decoration: none;
}
 
.header-container332:hover {
  border-radius: 11px;
  background-color: #2e3237;
}
 
.header-container333 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
 
.header-icon187 {
  fill: var(--dl-color-theme-neutral-dark);
  color: #ffffff;
  margin-right: 25px;
}
 
.header-text195 {
  color: rgb(255, 255, 255);
  font-size: 14px;
  font-family: "Exo 2";
}
 
.header-container334 {
  flex: 0 0 auto;
  width: 100%;
  height: 25px;
  display: flex;
  transition: 0.3s;
  align-items: center;
  padding-left: var(--dl-space-space-halfunit);
  padding-right: var(--dl-space-space-halfunit);
  justify-content: space-between;
  text-decoration: none;
}
 
.header-container334:hover {
  border-radius: 11px;
  background-color: #2e3237;
}
 
.header-container335 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
 
.header-icon189 {
  fill: var(--dl-color-theme-neutral-dark);
  color: #ffffff;
  margin-right: 25px;
}
 
.header-text196 {
  color: rgb(255, 255, 255);
  font-size: 14px;
  font-family: "Exo 2";
}
 
.header-container336 {
  flex: 0 0 auto;
  width: 100%;
  height: 25px;
  display: flex;
  transition: 0.3s;
  align-items: center;
  padding-left: var(--dl-space-space-halfunit);
  padding-right: var(--dl-space-space-halfunit);
  justify-content: space-between;
  text-decoration: none;
}
 
.header-container336:hover {
  border-radius: 11px;
  background-color: #2e3237;
}
 
.header-container337 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
 
.header-icon193 {
  fill: var(--dl-color-theme-neutral-dark);
  color: #ffffff;
  margin-right: 25px;
}
 
.header-text197 {
  color: rgb(255, 255, 255);
  font-size: 14px;
  font-family: "Exo 2";
}
 
.header-container338 {
  flex: 0 0 auto;
  width: 100%;
  height: 25px;
  display: flex;
  transition: 0.3s;
  align-items: center;
  padding-left: var(--dl-space-space-halfunit);
  padding-right: var(--dl-space-space-halfunit);
  justify-content: space-between;
  text-decoration: none;
}
 
.header-container338:hover {
  border-radius: 11px;
  background-color: #2e3237;
}
 
.header-container339 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
 
.header-icon195 {
  fill: var(--dl-color-theme-neutral-dark);
  color: #ffffff;
  margin-right: 25px;
}
 
.header-text198 {
  color: rgb(255, 255, 255);
  font-size: 14px;
  font-family: "Exo 2";
}
 
.header-container340 {
  top: var(--dl-space-space-halfunit);
  flex: 0 0 auto;
  right: var(--dl-space-space-halfunit);
  width: auto;
  height: auto;
  display: flex;
  padding: 2px;
  position: absolute;
  transition: 0.3s;
  align-items: center;
  justify-content: center;
}
 
.header-container340:hover {
  border-radius: var(--dl-radius-radius-round);
  background-color: rgba(211, 213, 216, 0.46);
}
 
.header-icon198 {
  fill: var(--dl-color-theme-neutral-dark);
  color: #00ff29;
}
 
.header-pop-up-menu-bar {
  left: 0px;
  right: 0px;
  width: 100%;
  bottom: 0px;
  height: 0px;
  margin: auto;
  display: none;
  z-index: 20000;
  position: absolute;
  max-width: 1800px;
  align-items: flex-start;
  justify-content: flex-end;
}
 
.header-container341 {
  flex: 0 0 auto;
  width: 100%;
  height: 100vh;
  display: flex;
  max-width: 2000px;
  align-items: flex-start;
  justify-content: flex-start;
}
 
.header-card5 {
  flex: 0 0 auto;
  width: 30%;
  height: 100vh;
  display: flex;
  z-index: 20000;
  position: relative;
  margin-top: 0px;
  align-items: flex-start;
  margin-left: 0px;
  flex-direction: column;
  justify-content: flex-start;
  background-color: #1b1b1e;
}
 
.header-container342 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: none;
  padding: var(--dl-space-space-halfunit);
  align-items: center;
  justify-content: flex-end;
}
 
.header-container343 {
  display: flex;
  transition: 0.3s;
  align-items: center;
  border-radius: var(--dl-radius-radius-round);
  justify-content: flex-start;
}
 
.header-container343:hover {
  background-color: rgba(211, 213, 216, 0.46);
}
 
.header-icon200 {
  fill: var(--dl-color-theme-neutral-dark);
  color: #ffffff;
  padding: 5px;
}
 
.header-container344 {
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
  padding-top: var(--dl-space-space-oneandhalfunits);
  padding-left: 0px;
  padding-right: 0px;
  flex-direction: column;
  padding-bottom: var(--dl-space-space-oneandhalfunits);
  justify-content: flex-start;
}
 
.header-form3 {
  width: 100%;
  height: auto;
  display: none;
  margin-bottom: 20px;
}
 
.header-textinput3 {
  width: 100%;
  height: 30px;
  align-self: center;
  box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.4),                         0 3px 5px rgba(0, 0, 0, 0.3);
  transition: 0.3s;
  padding-left: 30px;
  border-radius: 14px;
  background-color: #b9b4b1;
}
 
.header-textinput3:hover {
  border-color: #00ff00;
}
 
.header-container345 {
  gap: 5px;
  width: 100%;
  height: auto;
  display: none;
  flex-wrap: wrap;
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-start;
}
 
.header-container346 {
  flex: 0 0 auto;
  width: 100%;
  height: 40px;
  display: flex;
  transition: 0.3s;
  align-items: center;
  padding-left: var(--dl-space-space-halfunit);
  padding-right: 0px;
  justify-content: space-between;
  text-decoration: none;
}
 
.header-container346:hover {
  background-color: #2e3237;
}
 
.header-container347 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
 
.header-icon202 {
  fill: var(--dl-color-theme-neutral-dark);
  color: #ffffff;
  margin-right: 25px;
}
 
.header-text199 {
  color: rgb(255, 255, 255);
  font-size: 18px;
  font-family: "Exo 2";
}
 
.header-container348 {
  flex: 0 0 auto;
  width: 100%;
  height: 40px;
  display: flex;
  transition: 0.3s;
  align-items: center;
  padding-left: var(--dl-space-space-halfunit);
  padding-right: 0px;
  justify-content: space-between;
  text-decoration: none;
}
 
.header-container348:hover {
  background-color: #2e3237;
}
 
.header-container349 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
 
.header-icon204 {
  fill: var(--dl-color-theme-neutral-dark);
  color: #ffffff;
  margin-right: 25px;
}
 
.header-text200 {
  color: rgb(255, 255, 255);
  font-size: 18px;
  font-family: "Exo 2";
}
 
.header-container350 {
  flex: 0 0 auto;
  width: 100%;
  height: 40px;
  display: flex;
  transition: 0.3s;
  align-items: center;
  padding-left: var(--dl-space-space-halfunit);
  padding-right: 0px;
  justify-content: space-between;
  text-decoration: none;
}
 
.header-container350:hover {
  background-color: #2e3237;
}
 
.header-container351 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
 
.header-icon206 {
  fill: var(--dl-color-theme-neutral-dark);
  color: #ffffff;
  margin-right: 25px;
}
 
.header-text201 {
  color: rgb(255, 255, 255);
  font-size: 18px;
  font-family: "Exo 2";
}
 
.header-container352 {
  flex: 0 0 auto;
  width: 100%;
  height: 40px;
  display: flex;
  transition: 0.3s;
  align-items: center;
  padding-left: var(--dl-space-space-halfunit);
  padding-right: 0px;
  justify-content: space-between;
  text-decoration: none;
}
 
.header-container352:hover {
  background-color: #2e3237;
}
 
.header-container353 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
 
.header-icon210 {
  fill: var(--dl-color-theme-neutral-dark);
  color: #ffffff;
  margin-right: 25px;
}
 
.header-text202 {
  color: rgb(255, 255, 255);
  font-size: 18px;
  font-family: "Exo 2";
}
 
.header-container354 {
  flex: 0 0 auto;
  width: 100%;
  height: 40px;
  display: flex;
  transition: 0.3s;
  align-items: center;
  padding-left: var(--dl-space-space-halfunit);
  padding-right: 0px;
  justify-content: space-between;
  text-decoration: none;
}
 
.header-container354:hover {
  background-color: #2e3237;
}
 
.header-container355 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
 
.header-icon212 {
  fill: var(--dl-color-theme-neutral-dark);
  color: #ffffff;
  margin-right: 25px;
}
 
.header-text203 {
  color: rgb(255, 255, 255);
  font-size: 18px;
  font-family: "Exo 2";
}
 
.header-container356 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
  padding-left: var(--dl-space-space-halfunit);
  margin-bottom: var(--dl-space-space-halfunit);
  justify-content: flex-start;
}
 
.header-text204 {
  color: rgb(255, 255, 255);
  font-size: 10px;
}
 
.header-container357 {
  gap: 0;
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-start;
}
 
.header-navlink30 {
  display: contents;
}
 
.header-container358 {
  flex: 0 0 auto;
  width: 100%;
  height: 60px;
  display: flex;
  transition: 0.3s;
  align-items: center;
  padding-left: var(--dl-space-space-halfunit);
  padding-right: 0px;
  justify-content: space-between;
  text-decoration: none;
}
 
.header-container358:hover {
  background-color: #2e3237;
}
 
.header-container359 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
 
.header-container360 {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: flex-start;
  margin-right: 25px;
  border-radius: var(--dl-radius-radius-round);
  flex-direction: column;
}
 
.header-image42 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--dl-radius-radius-round);
}
 
.header-text205 {
  color: rgb(255, 255, 255);
  font-size: 18px;
  font-family: "Exo 2";
}
 
.header-navlink31 {
  display: contents;
}
 
.header-container361 {
  flex: 0 0 auto;
  width: 100%;
  height: 60px;
  display: flex;
  transition: 0.3s;
  align-items: center;
  padding-left: var(--dl-space-space-halfunit);
  padding-right: 0px;
  justify-content: space-between;
  text-decoration: none;
}
 
.header-container361:hover {
  background-color: #2e3237;
}
 
.header-container362 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
 
.header-container363 {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: flex-start;
  margin-right: 25px;
  border-radius: var(--dl-radius-radius-round);
  flex-direction: column;
}
 
.header-image43 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--dl-radius-radius-round);
}
 
.header-text206 {
  color: rgb(255, 255, 255);
  font-size: 18px;
  font-family: "Exo 2";
}
 
.header-navlink32 {
  display: contents;
}
 
.header-container364 {
  flex: 0 0 auto;
  width: 100%;
  height: 60px;
  display: flex;
  transition: 0.3s;
  align-items: center;
  padding-left: var(--dl-space-space-halfunit);
  padding-right: 0px;
  justify-content: space-between;
  text-decoration: none;
}
 
.header-container364:hover {
  background-color: #2e3237;
}
 
.header-container365 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
 
.header-container366 {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: flex-start;
  margin-right: 25px;
  border-radius: var(--dl-radius-radius-round);
  flex-direction: column;
}
 
.header-image44 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--dl-radius-radius-round);
}
 
.header-text207 {
  color: rgb(255, 255, 255);
  font-size: 18px;
  font-family: "Exo 2";
}
 
.header-navlink33 {
  display: contents;
}
 
.header-container367 {
  flex: 0 0 auto;
  width: 100%;
  height: 60px;
  display: flex;
  transition: 0.3s;
  align-items: center;
  padding-left: var(--dl-space-space-halfunit);
  padding-right: 0px;
  justify-content: space-between;
  text-decoration: none;
}
 
.header-container367:hover {
  background-color: #2e3237;
}
 
.header-container368 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
 
.header-container369 {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: flex-start;
  margin-right: 25px;
  border-radius: var(--dl-radius-radius-round);
  flex-direction: column;
}
 
.header-image45 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--dl-radius-radius-round);
}
 
.header-text208 {
  color: rgb(255, 255, 255);
  font-size: 18px;
  font-family: "Exo 2";
}
 
@media(max-width: 991px) {
  .header-popup {
    display: none;
  }
  .header-popupgame {
    display: none;
  }
}
 
@media(max-width: 767px) {
  .header-container101 {
    padding-left: 30px;
    padding-right: 30px;
  }
  .header-txtnum1 {
    color: rgb(255, 255, 255);
    font-size: 12px;
  }
  .header-txtnum2 {
    color: rgb(255, 255, 255);
    font-size: 12px;
  }
  .header-txtnum3 {
    color: rgb(255, 255, 255);
    font-size: 12px;
  }
  .header-txtnum4 {
    color: rgb(255, 255, 255);
    font-size: 12px;
  }
  .header-cardprofile {
    margin-right: 20px;
  }
  .header-container144 {
    width: 100%;
    justify-content: center;
  }
  .header-card1 {
    margin-left: auto;
    margin-right: auto;
  }
  .header-popupquestion {
    display: none;
  }
  .header-container206 {
    width: 100%;
    justify-content: center;
  }
  .header-card2 {
    margin-left: auto ;
    margin-right: auto;
  }
  .header-popupsearch {
    display: none;
  }
  .header-container268 {
    width: 100%;
    justify-content: center;
  }
  .header-card3 {
    margin-right: 0px;
  }
  .header-popupgame {
    display: none;
    justify-content: center;
  }
  .header-container305 {
    justify-content: center;
  }
  .header-card4 {
    margin-left: auto;
    margin-right: auto;
  }
  .header-container341 {
    height: 100vh;
  }
  .header-card5 {
    width: 40%;
  }
}
 
@media(max-width: 479px) {
  .header-container100 {
    height: 65px;
  }
  .header-container101 {
    align-items: center;
    padding-top: 5px;
    padding-left: var(--dl-space-space-halfunit);
    padding-right: var(--dl-space-space-halfunit);
    padding-bottom: 5px;
  }
  .header-icon100 {
    display: none;
    margin-right: 10px;
  }
  .header-icon102 {
    display: none;
    margin-right: 10px;
  }
  .header-container103 {
    width: 50px;
    height: auto;
  }
  .header-container104 {
    align-items: center;
    justify-content: flex-end;
  }
  .header-search {
    width: 35px;
    height: 35px;
  }
  .header-game {
    width: 32px;
    height: 32px;
    display: flex;
    align-self: center;
  }
  .header-num1 {
    top: -7px;
    width: 17px;
    height: 17px;
  }
  .header-menu {
    width: 32px;
    height: 32px;
    display: none;
    align-self: center;
  }
  .header-num2 {
    top: -7px;
    width: 17px;
    height: 17px;
  }
  .header-shop {
    width: 32px;
    height: 32px;
    align-self: center;
  }
  .header-num3 {
    top: -7px;
    width: 17px;
    height: 17px;
  }
  .header-notification {
    width: 32px;
    height: 32px;
    align-self: center;
  }
  .header-num4 {
    top: -7px;
    width: 17px;
    height: 17px;
  }
  .header-account {
    width: 43px;
    height: 43px;
    display: flex;
    background-size: cover;
    background-image: url('https://i.pinimg.com/736x/0a/f5/c2/0af5c24b06df25a3962af310d5bb59e8.jpg');
  }
  .header-login {
    width: auto;
    height: 43px;
    align-items: center;
    justify-content: center;
  }
  .header-button {
    width: 100%;
    height: auto;
    align-self: center;
    padding-top: 7px;
    border-color: var(--dl-color-theme-neutral-dark);
    padding-left: 13px;
    border-radius: 18px;
    padding-right: 13px;
    padding-bottom: 7px;
  }
  .header-text100 {
    font-style: normal;
    font-weight: 400;
  }
  .header-popup {
    display: none;
  }
  .header-cardprofile {
    height: auto;
    margin-top: 7px;
    margin-right: var(--dl-space-space-halfunit);
  }
  .header-container109 {
    height: 100px;
  }
  .header-container110 {
    border-color: var(--dl-color-theme-neutral-dark);
    border-width: 1px;
  }
  .header-container111 {
    right: 8px;
    width: 17px;
    height: 17px;
  }
  .header-container112 {
    height: auto;
    padding-bottom: var(--dl-space-space-oneandhalfunits);
  }
  .header-text103 {
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-family: Exo 2;
  }
  .header-text104 {
    color: rgb(255, 255, 255);
    font-size: 12px;
    font-family: Exo 2;
  }
  .header-text107 {
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-family: Exo 2;
  }
  .header-text108 {
    color: rgb(255, 255, 255);
    font-size: 12px;
    font-family: Exo 2;
  }
  .header-text109 {
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-family: Exo 2;
  }
  .header-text110 {
    color: rgb(255, 255, 255);
    font-size: 12px;
    font-family: Exo 2;
  }
  .header-text111 {
    color: rgb(255, 255, 255);
    font-size: 10px;
  }
  .header-text112 {
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-family: Exo 2;
  }
  .header-text115 {
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-family: Exo 2;
  }
  .header-icon139 {
    fill: var(--dl-color-theme-neutral-dark);
    color: #ffffff;
  }
  .header-text116 {
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-family: Exo 2;
  }
  .header-text117 {
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-family: Exo 2;
  }
  .header-text118 {
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-family: Exo 2;
  }
  .header-text119 {
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-family: Exo 2;
  }
  .header-container139 {
    justify-content: center;
  }
  .header-text122 {
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-family: Exo 2;
  }
  .header-container141 {
    justify-content: center;
  }
  .header-text123 {
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-family: Exo 2;
  }
  .header-popupnoti {
    display: none;
  }
  .header-container144 {
    width: 100%;
    justify-content: center;
  }
  .header-card1 {
    width: 330px;
    height: auto;
    margin-top: 7px;
    margin-right: auto;
  }
  .header-container145 {
    height: auto;
    padding-top: 25px;
    padding-bottom: var(--dl-space-space-oneandhalfunits);
  }
  .header-container147 {
    height: 25px;
  }
  .header-text124 {
    align-self: flex-start;
  }
  .header-container148 {
    gap: 5px;
    height: 450px;
  }
  .header-container150 {
    align-items: center;
    justify-content: center;
  }
  .header-container151 {
    align-items: center;
    justify-content: center;
  }
  .header-image14 {
    height: 100%;
  }
  .header-container153 {
    margin-bottom: 5px;
  }
  .header-text125 {
    font-size: 11px;
    margin-bottom: 0px;
  }
  .header-container154 {
    margin-bottom: 5px;
  }
  .header-text126 {
    color: rgb(255, 255, 255);
    font-size: 10px;
    font-family: Exo 2;
    margin-bottom: 0px;
  }
  .header-text127 {
    color: rgb(255, 255, 255);
    font-size: 10px;
    font-family: Exo 2;
  }
  .header-container157 {
    align-items: center;
    justify-content: center;
  }
  .header-container158 {
    align-items: center;
    justify-content: center;
  }
  .header-image15 {
    height: 100%;
  }
  .header-container160 {
    margin-bottom: 5px;
  }
  .header-text128 {
    font-size: 11px;
    margin-bottom: 0px;
  }
  .header-container161 {
    margin-bottom: 5px;
  }
  .header-text129 {
    color: rgb(255, 255, 255);
    font-size: 10px;
    font-family: Exo 2;
    margin-bottom: 0px;
  }
  .header-text130 {
    color: rgb(255, 255, 255);
    font-size: 10px;
    font-family: Exo 2;
  }
  .header-container164 {
    align-items: center;
    justify-content: center;
  }
  .header-container165 {
    align-items: center;
    justify-content: center;
  }
  .header-image16 {
    height: 100%;
  }
  .header-container167 {
    margin-bottom: 5px;
  }
  .header-text131 {
    font-size: 11px;
    margin-bottom: 0px;
  }
  .header-container168 {
    margin-bottom: 5px;
  }
  .header-text132 {
    color: rgb(255, 255, 255);
    font-size: 10px;
    font-family: Exo 2;
    margin-bottom: 0px;
  }
  .header-text133 {
    color: rgb(255, 255, 255);
    font-size: 10px;
    font-family: Exo 2;
  }
  .header-container171 {
    align-items: center;
    justify-content: center;
  }
  .header-container172 {
    align-items: center;
    justify-content: center;
  }
  .header-image17 {
    height: 100%;
  }
  .header-container174 {
    margin-bottom: 5px;
  }
  .header-text134 {
    font-size: 11px;
    margin-bottom: 0px;
  }
  .header-container175 {
    margin-bottom: 5px;
  }
  .header-text135 {
    color: rgb(255, 255, 255);
    font-size: 10px;
    font-family: Exo 2;
    margin-bottom: 0px;
  }
  .header-text136 {
    color: rgb(255, 255, 255);
    font-size: 10px;
    font-family: Exo 2;
  }
  .header-container178 {
    align-items: center;
    justify-content: center;
  }
  .header-container179 {
    align-items: center;
    justify-content: center;
  }
  .header-image18 {
    height: 100%;
  }
  .header-container181 {
    margin-bottom: 5px;
  }
  .header-text137 {
    font-size: 11px;
    margin-bottom: 0px;
  }
  .header-container182 {
    margin-bottom: 5px;
  }
  .header-text138 {
    color: rgb(255, 255, 255);
    font-size: 10px;
    font-family: Exo 2;
    margin-bottom: 0px;
  }
  .header-text139 {
    color: rgb(255, 255, 255);
    font-size: 10px;
    font-family: Exo 2;
  }
  .header-container185 {
    align-items: center;
    justify-content: center;
  }
  .header-container186 {
    align-items: center;
    justify-content: center;
  }
  .header-image19 {
    height: 100%;
  }
  .header-container188 {
    margin-bottom: 5px;
  }
  .header-text140 {
    font-size: 11px;
    margin-bottom: 0px;
  }
  .header-container189 {
    margin-bottom: 5px;
  }
  .header-text141 {
    color: rgb(255, 255, 255);
    font-size: 10px;
    font-family: Exo 2;
    margin-bottom: 0px;
  }
  .header-text142 {
    color: rgb(255, 255, 255);
    font-size: 10px;
    font-family: Exo 2;
  }
  .header-container192 {
    align-items: center;
    justify-content: center;
  }
  .header-container193 {
    align-items: center;
    justify-content: center;
  }
  .header-image20 {
    height: 100%;
  }
  .header-container195 {
    margin-bottom: 5px;
  }
  .header-text143 {
    font-size: 11px;
    margin-bottom: 0px;
  }
  .header-container196 {
    margin-bottom: 5px;
  }
  .header-text144 {
    color: rgb(255, 255, 255);
    font-size: 10px;
    font-family: Exo 2;
    margin-bottom: 0px;
  }
  .header-text145 {
    color: rgb(255, 255, 255);
    font-size: 10px;
    font-family: Exo 2;
  }
  .header-container199 {
    align-items: center;
    justify-content: center;
  }
  .header-container200 {
    align-items: center;
    justify-content: center;
  }
  .header-image21 {
    height: 100%;
  }
  .header-container202 {
    margin-bottom: 5px;
  }
  .header-text146 {
    font-size: 11px;
    margin-bottom: 0px;
  }
  .header-container203 {
    margin-bottom: 5px;
  }
  .header-text147 {
    color: rgb(255, 255, 255);
    font-size: 10px;
    font-family: Exo 2;
    margin-bottom: 0px;
  }
  .header-text148 {
    color: rgb(255, 255, 255);
    font-size: 10px;
    font-family: Exo 2;
  }
  .header-popupquestion {
    display: none;
  }
  .header-card2 {
    width: 330px;
    height: auto;
    margin-top: 7px;
    margin-right: auto;
  }
  .header-container207 {
    height: auto;
    padding-top: 25px;
    padding-bottom: var(--dl-space-space-oneandhalfunits);
  }
  .header-container209 {
    height: 25px;
  }
  .header-text149 {
    align-self: flex-start;
    font-family: Exo 2;
  }
  .header-container210 {
    gap: 5px;
    height: 450px;
  }
  .header-container212 {
    align-items: center;
    justify-content: center;
  }
  .header-container213 {
    align-items: center;
    justify-content: center;
  }
  .header-image22 {
    height: 100%;
  }
  .header-container215 {
    margin-bottom: 5px;
  }
  .header-text150 {
    font-size: 11px;
    margin-bottom: 0px;
  }
  .header-container216 {
    margin-bottom: 5px;
  }
  .header-text151 {
    color: rgb(255, 255, 255);
    font-size: 10px;
    font-family: Exo 2;
    margin-bottom: 0px;
  }
  .header-text152 {
    color: rgb(255, 255, 255);
    font-size: 10px;
    font-family: Exo 2;
  }
  .header-container219 {
    align-items: center;
    justify-content: center;
  }
  .header-container220 {
    align-items: center;
    justify-content: center;
  }
  .header-image23 {
    height: 100%;
  }
  .header-container222 {
    margin-bottom: 5px;
  }
  .header-text153 {
    font-size: 11px;
    margin-bottom: 0px;
  }
  .header-container223 {
    margin-bottom: 5px;
  }
  .header-text154 {
    color: rgb(255, 255, 255);
    font-size: 10px;
    font-family: Exo 2;
    margin-bottom: 0px;
  }
  .header-text155 {
    color: rgb(255, 255, 255);
    font-size: 10px;
    font-family: Exo 2;
  }
  .header-container226 {
    align-items: center;
    justify-content: center;
  }
  .header-container227 {
    align-items: center;
    justify-content: center;
  }
  .header-image24 {
    height: 100%;
  }
  .header-container229 {
    margin-bottom: 5px;
  }
  .header-text156 {
    font-size: 11px;
    margin-bottom: 0px;
  }
  .header-container230 {
    margin-bottom: 5px;
  }
  .header-text157 {
    color: rgb(255, 255, 255);
    font-size: 10px;
    font-family: Exo 2;
    margin-bottom: 0px;
  }
  .header-text158 {
    color: rgb(255, 255, 255);
    font-size: 10px;
    font-family: Exo 2;
  }
  .header-container233 {
    align-items: center;
    justify-content: center;
  }
  .header-container234 {
    align-items: center;
    justify-content: center;
  }
  .header-image25 {
    height: 100%;
  }
  .header-container236 {
    margin-bottom: 5px;
  }
  .header-text159 {
    font-size: 11px;
    margin-bottom: 0px;
  }
  .header-container237 {
    margin-bottom: 5px;
  }
  .header-text160 {
    color: rgb(255, 255, 255);
    font-size: 10px;
    font-family: Exo 2;
    margin-bottom: 0px;
  }
  .header-text161 {
    color: rgb(255, 255, 255);
    font-size: 10px;
    font-family: Exo 2;
  }
  .header-container240 {
    align-items: center;
    justify-content: center;
  }
  .header-container241 {
    align-items: center;
    justify-content: center;
  }
  .header-image26 {
    height: 100%;
  }
  .header-container243 {
    margin-bottom: 5px;
  }
  .header-text162 {
    font-size: 11px;
    margin-bottom: 0px;
  }
  .header-container244 {
    margin-bottom: 5px;
  }
  .header-text163 {
    color: rgb(255, 255, 255);
    font-size: 10px;
    font-family: Exo 2;
    margin-bottom: 0px;
  }
  .header-text164 {
    color: rgb(255, 255, 255);
    font-size: 10px;
    font-family: Exo 2;
  }
  .header-container247 {
    align-items: center;
    justify-content: center;
  }
  .header-container248 {
    align-items: center;
    justify-content: center;
  }
  .header-image27 {
    height: 100%;
  }
  .header-container250 {
    margin-bottom: 5px;
  }
  .header-text165 {
    font-size: 11px;
    margin-bottom: 0px;
  }
  .header-container251 {
    margin-bottom: 5px;
  }
  .header-text166 {
    color: rgb(255, 255, 255);
    font-size: 10px;
    font-family: Exo 2;
    margin-bottom: 0px;
  }
  .header-text167 {
    color: rgb(255, 255, 255);
    font-size: 10px;
    font-family: Exo 2;
  }
  .header-container254 {
    align-items: center;
    justify-content: center;
  }
  .header-container255 {
    align-items: center;
    justify-content: center;
  }
  .header-image28 {
    height: 100%;
  }
  .header-container257 {
    margin-bottom: 5px;
  }
  .header-text168 {
    font-size: 11px;
    margin-bottom: 0px;
  }
  .header-container258 {
    margin-bottom: 5px;
  }
  .header-text169 {
    color: rgb(255, 255, 255);
    font-size: 10px;
    font-family: Exo 2;
    margin-bottom: 0px;
  }
  .header-text170 {
    color: rgb(255, 255, 255);
    font-size: 10px;
    font-family: Exo 2;
  }
  .header-container261 {
    align-items: center;
    justify-content: center;
  }
  .header-container262 {
    align-items: center;
    justify-content: center;
  }
  .header-image29 {
    height: 100%;
  }
  .header-container264 {
    margin-bottom: 5px;
  }
  .header-text171 {
    font-size: 11px;
    margin-bottom: 0px;
  }
  .header-container265 {
    margin-bottom: 5px;
  }
  .header-text172 {
    color: rgb(255, 255, 255);
    font-size: 10px;
    font-family: Exo 2;
    margin-bottom: 0px;
  }
  .header-text173 {
    color: rgb(255, 255, 255);
    font-size: 10px;
    font-family: Exo 2;
  }
  .header-popupsearch {
    display: none;
  }
  .header-container268 {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    justify-content: center;
  }
  .header-card3 {
    width: 100%;
    height: auto;
    margin-top: 7px;
    margin-right: 0px;
  }
  .header-container269 {
    height: auto;
    padding-top: var(--dl-space-space-oneandhalfunits);
    padding-bottom: var(--dl-space-space-oneandhalfunits);
  }
  .header-container270 {
    justify-content: flex-start;
  }
  .header-text174 {
    color: rgb(255, 255, 255);
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
  }
  .header-textinput1 {
    height: 35px;
  }
  .header-text176 {
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-family: Exo 2;
  }
  .header-text177 {
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-family: Exo 2;
  }
  .header-text178 {
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-family: Exo 2;
  }
  .header-text179 {
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-family: Exo 2;
  }
  .header-text180 {
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-family: Exo 2;
  }
  .header-text181 {
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-family: Exo 2;
  }
  .header-text182 {
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-family: Exo 2;
  }
  .header-icon172 {
    fill: var(--dl-color-theme-neutral-dark);
    color: #ffffff;
  }
  .header-text183 {
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-family: Exo 2;
  }
  .header-text184 {
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-family: Exo 2;
  }
  .header-text185 {
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-family: Exo 2;
  }
  .header-text186 {
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-family: Exo 2;
  }
  .header-popupgame {
    display: none;
  }
  .header-container305 {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    justify-content: center;
  }
  .header-card4 {
    width: 100%;
    height: auto;
    margin-top: 7px;
    margin-right: 0px;
  }
  .header-container306 {
    height: auto;
    padding-top: var(--dl-space-space-oneandhalfunits);
    padding-bottom: var(--dl-space-space-oneandhalfunits);
  }
  .header-textinput2 {
    height: 35px;
  }
  .header-text188 {
    color: rgb(255, 255, 255);
    font-size: 13px;
    font-family: Exo 2;
  }
  .header-text189 {
    color: rgb(255, 255, 255);
    font-size: 13px;
    font-family: Exo 2;
  }
  .header-text190 {
    color: rgb(255, 255, 255);
    font-size: 13px;
    font-family: Exo 2;
  }
  .header-text191 {
    color: rgb(255, 255, 255);
    font-size: 13px;
    font-family: Exo 2;
  }
  .header-text192 {
    color: rgb(255, 255, 255);
    font-size: 13px;
    font-family: Exo 2;
  }
  .header-text193 {
    color: rgb(255, 255, 255);
    font-size: 13px;
    font-family: Exo 2;
  }
  .header-text194 {
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-family: Exo 2;
  }
  .header-icon187 {
    fill: var(--dl-color-theme-neutral-dark);
    color: #ffffff;
  }
  .header-text195 {
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-family: Exo 2;
  }
  .header-text196 {
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-family: Exo 2;
  }
  .header-text197 {
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-family: Exo 2;
  }
  .header-text198 {
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-family: Exo 2;
  }
  .header-pop-up-menu-bar {
    display: none;
    justify-content: flex-start;
  }
  .header-container341 {
    width: 100%;
    height: 100vh;
    align-items: flex-start;
    padding-left: 0px;
    padding-right: 0px;
    justify-content: flex-start;
  }
  .header-card5 {
    width: 70%;
    height: 100vh;
    animation: slide-right 200s infinite ease-in-out;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
  .header-container342 {
    height: 65px;
    display: flex;
    padding-top: 5px;
    padding-left: var(--dl-space-space-halfunit);
    padding-right: var(--dl-space-space-halfunit);
    padding-bottom: 5px;
    justify-content: flex-start;
  }
  .header-icon200 {
    color: #ffffff;
  }
  .header-container344 {
    height: auto;
    padding-top: var(--dl-space-space-unit);
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: var(--dl-space-space-unit);
  }
  .header-form3 {
    display: none;
  }
  .header-textinput3 {
    height: 35px;
  }
  .header-container345 {
    gap: 0;
    display: none;
  }
  .header-text199 {
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-family: Exo 2;
  }
  .header-icon204 {
    fill: var(--dl-color-theme-neutral-dark);
    color: #ffffff;
  }
  .header-text200 {
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-family: Exo 2;
  }
  .header-text201 {
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-family: Exo 2;
  }
  .header-text202 {
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-family: Exo 2;
  }
  .header-text203 {
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-family: Exo 2;
  }
  .header-container356 {
    margin-top: var(--dl-space-space-halfunit);
  }
  .header-container357 {
    width: 100%;
  }
  .header-container358 {
    padding-right: 0px;
  }
  .header-text205 {
    color: rgb(255, 255, 255);
    font-size: 17px;
    font-family: Exo 2;
  }
  .header-text206 {
    color: rgb(255, 255, 255);
    font-size: 17px;
    font-family: Exo 2;
  }
  .header-text207 {
    color: rgb(255, 255, 255);
    font-size: 17px;
    font-family: Exo 2;
  }
  .header-text208 {
    color: rgb(255, 255, 255);
    font-size: 17px;
    font-family: Exo 2;
  }
}

.footer-wrapper {
  display: contents;
}
 
.footer-footer {
  gap: var(--dl-space-space-halfunit);
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  padding: var(--dl-space-space-unit);
  position: relative;
  flex-wrap: wrap;
  align-items: center;
  flex-direction: column;
  background-color: #000000;
}
 
.footer-container1 {
  gap: var(--dl-space-space-halfunit);
  flex: 0 0 auto;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
 
.footer-text10 {
  fill: var(--dl-color-theme-secondary1);
  color: var(--dl-color-theme-secondary1);
}
 
.footer-image1 {
  width: var(--dl-size-size-small);
  height: auto;
  object-fit: cover;
}
 
.footer-image2 {
  width: var(--dl-size-size-small);
  height: auto;
  object-fit: cover;
}
 
.footer-container2 {
  flex: 0 0 auto;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
 
.footer-text11 {
  fill: var(--dl-color-theme-secondary1);
  color: #365fff;
  font-size: 12px;
  text-align: center;
  text-decoration: none;
}
 
.footer-text12 {
  fill: var(--dl-color-theme-secondary1);
  color: var(--dl-color-theme-secondary1);
  font-size: 12px;
  text-align: center;
}
 
.account-fragment1 {
  display: contents;
}
 
.account-text64 {
  display: inline-block;
}
 
.account-fragment2 {
  display: contents;
}
 
.account-text65 {
  display: inline-block;
}
 
.account-fragment3 {
  display: contents;
}
 
.account-text66 {
  fill: var(--dl-color-theme-secondary1);
  color: var(--dl-color-theme-secondary1);
  display: inline-block;
  font-size: 12px;
  text-align: center;
}
 
.account-text68 {
  color: var(--dl-color-theme-secondary1);
}
 

 

 
.footerroot-class-name2 {
  background-color: #000000;
}
 
@media(max-width: 479px) {
  .footerroot-class-name2 {
    display: none;
  }
}

.message-wrapper {
  display: contents;
}
 
.message-container1 {
  top: 0px;
  width: 100%;
  height: 0px;
  display: flex;
  z-index: 20000;
  position: fixed;
  margin-top: 80px;
  align-items: flex-start;
  flex-direction: row;
  justify-content: flex-end;
}
 
.message-container2 {
  gap: 5px;
  width: 100%;
  height: 0px;
  display: flex;
  max-width: 1800px;
  align-self: flex-start;
  align-items: flex-end;
  padding-right: var(--dl-space-space-halfunit);
  flex-direction: column;
  justify-content: flex-start;
}
 
.message-card {
  width: 300px;
  height: auto;
  display: flex;
  position: relative;
  flex-wrap: wrap;
  align-self: flex-end;
  box-shadow: 1px 2px 3px 0px #777777;
  margin-top: 0px;
  align-items: center;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
  justify-content: center;
  background-color: #ffffff;
}
 
.message-container3 {
  top: 4px;
  right: 4px;
  width: auto;
  height: auto;
  display: flex;
  position: absolute;
  align-self: flex-end;
  align-items: flex-start;
}
 
.message-icon1 {
  fill: var(--dl-color-theme-neutral-dark);
  color: #06aeef;
  align-self: center;
  transition: 0.3s;
}
 
.message-icon1:hover {
  fill: red;
  color: red;
}
 
.message-container4 {
  gap: 4px;
  flex: 0 0 auto;
  width: 100%;
  height: 65px;
  display: flex;
  padding: var(--dl-space-space-halfunit);
  align-self: center;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
}
 
.message-message {
  font-size: 15px;
  font-family: "Exo 2";
}
 
.messageroot-class-name {
  display: none;
}
 
.messageroot-class-name1 {
  display: none;
}
.messageroot-class-name1.show {
  display: flex;
} 
@media(max-width: 991px) {
  .message-card {
    margin-top: 0px;
    background-color: #ffffff;
  }
}
 
@media(max-width: 767px) {
  .message-card {
    margin-top: 0px;
    background-color: #ffffff;
  }
}
 
@media(max-width: 479px) {
  .message-container1 {
    margin-top: 70px;
    align-items: flex-start;
    justify-content: flex-end;
  }
  .message-container2 {
    gap: 3px;
    width: auto;
    height: auto;
    margin-top: 0px;
    padding-right: 5px;
  }
  .message-card {
    width: 220px;
    height: 60px;
    position: relative;
    box-shadow: 1px 0px 4px 0px #777777;
    margin-top: 0px;
    border-radius: var(--dl-radius-radius-radius4);
    background-color: #ffffff;
  }
  .message-container3 {
    top: 4px;
    right: 4px;
  }
  .message-container4 {
    gap: 5px;
  }
  .message-message {
    font-size: 13px;
  }
}

.account-container10 {
  width: 100%;
  display: flex;
  min-height: 100vh;
  align-items: center;
  flex-direction: column;
}
 
.account-container11 {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  padding-top: 70px;
  margin-bottom: 100px;
  flex-direction: column;
  justify-content: flex-start;
}
 
.account-container12 {
  width: 100%;
  height: auto;
  display: flex;
  max-width: 1300px;
  align-items: flex-start;
  flex-direction: row;
}
 
.account-menu1 {
  width: 20%;
  height: 100%;
  display: flex;
  align-items: flex-start;
  border-color: gray;
  border-width: 1px;
  flex-direction: column;
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
}
 
.account-navlink10 {
  display: contents;
}
 
.account-container13 {
  gap: 0px;
  flex: 0 0 auto;
  width: 100%;
  height: 60px;
  display: flex;
  position: relative;
  flex-wrap: wrap;
  align-items: center;
  padding-left: 20px;
  flex-direction: row;
  justify-content: flex-start;
  text-decoration: none;
  background-color: #777777;
}
 
.account-icon10 {
  color: #ffffff;
}
 
.account-text10 {
  color: rgb(255, 255, 255);
  padding-left: 20px;
}
 
.account-navlink11 {
  display: contents;
}
 
.account-container14 {
  gap: 0px;
  flex: 0 0 auto;
  width: 100%;
  height: 60px;
  display: flex;
  position: relative;
  flex-wrap: wrap;
  transition: 0.3s;
  align-items: center;
  padding-left: 20px;
  flex-direction: row;
  justify-content: flex-start;
  text-decoration: none;
}
 
.account-container14:hover {
  background-color: #c3c3c3;
}
 
.account-text11 {
  fill: var(--dl-color-theme-neutral-dark);
  color: var(--dl-color-theme-neutral-dark);
  padding-left: 20px;
}
 
.account-navlink12 {
  display: contents;
}
 
.account-container15 {
  gap: 0px;
  flex: 0 0 auto;
  width: 100%;
  height: 60px;
  display: flex;
  position: relative;
  flex-wrap: wrap;
  transition: 0.3s;
  align-items: center;
  padding-left: 20px;
  flex-direction: row;
  justify-content: flex-start;
  text-decoration: none;
}
 
.account-container15:hover {
  background-color: #c3c3c3;
}
 
.account-text12 {
  fill: var(--dl-color-theme-neutral-dark);
  color: var(--dl-color-theme-neutral-dark);
  padding-left: 20px;
}
 
.account-navlink13 {
  display: contents;
}
 
.account-container16 {
  gap: 0px;
  flex: 0 0 auto;
  width: 100%;
  height: 60px;
  display: flex;
  position: relative;
  flex-wrap: wrap;
  transition: 0.3s;
  align-items: center;
  padding-left: 20px;
  flex-direction: row;
  justify-content: flex-start;
  text-decoration: none;
}
 
.account-container16:hover {
  background-color: #c3c3c3;
}
 
.account-text13 {
  fill: var(--dl-color-theme-neutral-dark);
  color: var(--dl-color-theme-neutral-dark);
  padding-left: 20px;
}
 
.account-navlink14 {
  display: contents;
}
 
.account-container17 {
  gap: 0px;
  flex: 0 0 auto;
  width: 100%;
  height: 60px;
  display: flex;
  position: relative;
  flex-wrap: wrap;
  transition: 0.3s;
  align-items: center;
  padding-left: 20px;
  flex-direction: row;
  justify-content: flex-start;
  text-decoration: none;
}
 
.account-container17:hover {
  background-color: #c3c3c3;
}
 
.account-text14 {
  fill: var(--dl-color-theme-neutral-dark);
  color: var(--dl-color-theme-neutral-dark);
  padding-left: 20px;
}
 
.account-navlink15 {
  display: contents;
}
 
.account-container18 {
  gap: 0px;
  flex: 0 0 auto;
  width: 100%;
  height: 60px;
  display: flex;
  position: relative;
  flex-wrap: wrap;
  transition: 0.3s;
  align-items: center;
  padding-left: 20px;
  flex-direction: row;
  justify-content: flex-start;
  text-decoration: none;
}
 
.account-container18:hover {
  background-color: #c3c3c3;
}
 
.account-text15 {
  fill: var(--dl-color-theme-neutral-dark);
  color: var(--dl-color-theme-neutral-dark);
  padding-left: 20px;
}
 
.account-navlink16 {
  display: contents;
}
 
.account-container19 {
  gap: 0px;
  flex: 0 0 auto;
  width: 100%;
  height: 60px;
  display: flex;
  position: relative;
  flex-wrap: wrap;
  transition: 0.3s;
  align-items: center;
  padding-left: 20px;
  flex-direction: row;
  justify-content: flex-start;
  text-decoration: none;
}
 
.account-container19:hover {
  background-color: #c3c3c3;
}
 
.account-text16 {
  fill: var(--dl-color-theme-neutral-dark);
  color: var(--dl-color-theme-neutral-dark);
  padding-left: 20px;
}
 
.account-container20 {
  width: 80%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
 
.account-container21 {
  width: 100%;
  height: auto;
  display: flex;
  box-shadow: 3px 3px 4px 0px #ababab;
  align-items: flex-start;
  border-radius: var(--dl-radius-radius-inputradius);
  flex-direction: column;
  background-color: #e8e6e6;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
 
.account-container22 {
  flex: 0 0 auto;
  width: 100%;
  display: flex;
  position: relative;
  box-shadow: 0px 3px 4px 0px #ababab;
  align-items: center;
  padding-top: 15px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 15px;
  background-color: #5679d8;
}
 
.account-container23 {
  flex: 0 0 auto;
  width: 70px;
  height: 70px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
 
.account-image1 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--dl-radius-radius-round);
}
 
.account-container24 {
  gap: var(--dl-space-space-halfunit);
  flex: 0 0 auto;
  width: auto;
  height: 100%;
  display: flex;
  align-items: flex-start;
  padding-left: 25px;
  flex-direction: column;
  justify-content: flex-start;
}
 
.account-text17 {
  color: #ffffff;
  font-style: normal;
  font-family: "Verdana";
  font-weight: 800;
}
 
.account-text18 {
  color: rgb(255, 255, 255);
  display: none;
}
 
.account-container25 {
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  justify-content: flex-start;
}
 
.account-text19 {
  color: rgb(255, 255, 255);
  font-size: 13px;
}
 
.account-text20 {
  color: rgb(255, 255, 255);
  font-size: 13px;
  padding-left: var(--dl-space-space-halfunit);
}
 
.account-container26 {
  top: 0px;
  right: 40px;
  bottom: 0px;
  margin: auto;
  display: flex;
  position: absolute;
  align-items: center;
}
 
.account-icon24 {
  fill: var(--dl-color-theme-neutral-dark);
  color: #ffffff;
}
 
.account-container27 {
  width: 100%;
  height: 130px;
  display: flex;
  align-items: center;
  padding-top: 20px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 20px;
}
 
.account-container28 {
  flex: 0 0 auto;
  width: 50%;
  height: 100%;
  display: flex;
  position: relative;
  align-items: center;
  border-color: var(--dl-color-theme-neutral-dark);
  border-width: 1px;
  padding-left: 0px;
  flex-direction: row;
  justify-content: flex-start;
  border-top-width: 0px;
  border-left-width: 0px;
  border-bottom-width: 0px;
}
 
.account-container29 {
  width: 85px;
  height: 85px;
  display: flex;
  padding: 12px;
  align-items: flex-start;
  border-color: var(--dl-color-theme-neutral-dark);
  border-width: 1px;
  border-radius: var(--dl-radius-radius-cardradius);
  flex-direction: column;
  justify-content: center;
  background-color: gray;
}
 
.account-image2 {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: var(--dl-radius-radius-radius4);
}
 
.account-container30 {
  gap: var(--dl-space-space-halfunit);
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  align-items: flex-start;
  padding-left: var(--dl-space-space-unit);
  flex-direction: column;
}
 
.account-text21 {
  font-style: normal;
  font-family: "Verdana";
  font-weight: 400;
}
 
.account-text22 {
  font-size: 22px;
  font-style: normal;
  font-family: "Source Sans 3";
  font-weight: 700;
}
 
.account-navlink17 {
  display: contents;
}
 
.account-container31 {
  right: var(--dl-space-space-halfunit);
  bottom: 0px;
  height: auto;
  display: flex;
  position: absolute;
  box-shadow: 0px 3px 3px 0px #ababab;
  transition: 0.3s;
  align-items: center;
  padding-top: 6px;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-inputradius);
  padding-right: var(--dl-space-space-halfunit);
  flex-direction: row;
  padding-bottom: 6px;
  justify-content: flex-end;
  text-decoration: none;
  background-color: #5679d8;
}
 
.account-container31:hover {
  transform: scale(1.05);
}
 
.account-container31:active {
  transform: scale(0.95);
  box-shadow: 0px 1px 1px 0px rgb(171, 171, 171);
  background-color: #5279e2;
}
 
.account-text23 {
  color: rgb(255, 255, 255);
  font-family: "Exo 2";
  padding-left: 3px;
  padding-right: 3px;
}
 
.account-container32 {
  flex: 0 0 auto;
  width: 50%;
  height: 100%;
  display: flex;
  position: relative;
  align-items: center;
  padding-left: 20px;
  flex-direction: row;
  justify-content: flex-start;
}
 
.account-container33 {
  width: 85px;
  height: 85px;
  display: flex;
  padding: 12px;
  align-items: flex-start;
  border-color: var(--dl-color-theme-neutral-dark);
  border-width: 1px;
  border-radius: var(--dl-radius-radius-cardradius);
  flex-direction: column;
  justify-content: center;
  background-color: gray;
}
 
.account-image3 {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: var(--dl-radius-radius-radius4);
}
 
.account-container34 {
  gap: var(--dl-space-space-halfunit);
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  align-items: flex-start;
  padding-left: var(--dl-space-space-unit);
  flex-direction: column;
}
 
.account-text24 {
  font-style: normal;
  font-family: "Verdana";
  font-weight: 400;
}
 
.account-text25 {
  font-size: 22px;
  font-style: normal;
  font-family: "Source Sans 3";
  font-weight: 700;
}
 
.account-button1 {
  color: rgb(255, 255, 255);
  right: 0px;
  bottom: 0px;
  height: 35px;
  display: none;
  position: absolute;
  font-size: 20px;
  align-self: flex-end;
  box-shadow: rgb(171, 171, 171) 0px 4px 3px 0px;
  font-style: normal;
  transition: 0.3s;
  font-weight: 500;
  padding-top: 4px;
  border-width: 0px;
  padding-left: 20px;
  border-radius: var(--dl-radius-radius-buttonradius);
  padding-right: 20px;
  padding-bottom: 4px;
  text-decoration: none;
  background-color: rgb(86, 121, 216);
}
 
.account-button1:hover {
  transform: scale(1.03);
}
 
.account-button1:active {
  transform: scale(0.95);
  box-shadow: 0px 2px 1px 0px rgb(171, 171, 171);
  background-color: #5279e2;
}
 
.account-button1:disabled {
  background-color: gray ;
}
 
.account-navlink18 {
  display: contents;
}
 
.account-container35 {
  right: 0px;
  bottom: 0px;
  height: auto;
  display: flex;
  position: absolute;
  box-shadow: 0px 3px 3px 0px #ababab;
  transition: 0.3s;
  align-items: center;
  padding-top: 6px;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-inputradius);
  padding-right: var(--dl-space-space-halfunit);
  flex-direction: row;
  padding-bottom: 6px;
  justify-content: flex-end;
  text-decoration: none;
  background-color: #5679d8;
}
 
.account-container35:hover {
  transform: scale(1.05);
}
 
.account-container35:active {
  transform: scale(0.95);
  box-shadow: 0px 1px 1px 0px rgb(171, 171, 171);
  background-color: #5279e2;
}
 
.account-text26 {
  color: #ffffff;
  font-family: "Exo 2";
  padding-left: 3px;
  padding-right: 3px;
}
 
.account-container36 {
  width: 100%;
  height: 130px;
  display: flex;
  align-items: center;
  padding-top: 20px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 20px;
}
 
.account-container37 {
  flex: 0 0 auto;
  width: 50%;
  height: 100%;
  display: flex;
  align-items: center;
  border-color: var(--dl-color-theme-neutral-dark);
  border-width: 1px;
  padding-left: 0px;
  flex-direction: row;
  justify-content: flex-start;
  border-top-width: 0px;
  border-left-width: 0px;
  border-bottom-width: 0px;
}
 
.account-container38 {
  width: 85px;
  height: 85px;
  display: flex;
  padding: 12px;
  align-items: flex-start;
  border-color: var(--dl-color-theme-neutral-dark);
  border-width: 1px;
  border-radius: var(--dl-radius-radius-cardradius);
  flex-direction: column;
  justify-content: center;
  background-color: gray;
}
 
.account-image4 {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: var(--dl-radius-radius-radius4);
}
 
.account-container39 {
  gap: var(--dl-space-space-halfunit);
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  align-items: flex-start;
  padding-left: var(--dl-space-space-unit);
  flex-direction: column;
}
 
.account-text27 {
  font-style: normal;
  font-family: "Verdana";
  font-weight: 400;
}
 
.account-text28 {
  font-size: 22px;
  font-style: normal;
  font-family: "Source Sans 3";
  font-weight: 700;
}
 
.account-container40 {
  flex: 0 0 auto;
  width: 50%;
  height: 100%;
  display: flex;
  position: relative;
  align-items: center;
  padding-left: 20px;
  flex-direction: row;
  justify-content: flex-start;
}
 
.account-container41 {
  width: 85px;
  height: 85px;
  display: flex;
  padding: 12px;
  align-items: flex-start;
  border-color: var(--dl-color-theme-neutral-dark);
  border-width: 1px;
  border-radius: var(--dl-radius-radius-cardradius);
  flex-direction: column;
  justify-content: center;
  background-color: gray;
}
 
.account-image5 {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: var(--dl-radius-radius-radius4);
}
 
.account-container42 {
  gap: var(--dl-space-space-halfunit);
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  align-items: flex-start;
  padding-left: var(--dl-space-space-unit);
  flex-direction: column;
}
 
.account-text29 {
  font-style: normal;
  font-family: "Verdana";
  font-weight: 400;
}
 
.account-text30 {
  font-size: 22px;
  font-style: normal;
  font-family: "Source Sans 3";
  font-weight: 700;
}
 
.account-button2 {
  color: rgb(255, 255, 255);
  right: 0px;
  bottom: 0px;
  height: 35px;
  display: none;
  position: absolute;
  font-size: 20px;
  align-self: flex-end;
  box-shadow: rgb(171, 171, 171) 0px 4px 3px 0px;
  font-style: normal;
  transition: 0.3s;
  font-weight: 500;
  padding-top: 4px;
  border-width: 0px;
  padding-left: 20px;
  border-radius: var(--dl-radius-radius-buttonradius);
  padding-right: 20px;
  padding-bottom: 4px;
  text-decoration: none;
  background-color: rgb(86, 121, 216);
}
 
.account-button2:hover {
  transform: scale(1.03);
}
 
.account-button2:active {
  transform: scale(0.95);
  box-shadow: 0px 2px 1px 0px rgb(171, 171, 171);
  background-color: #5279e2;
}
 
.account-button2:disabled {
  background-color: gray ;
}
 
.account-navlink19 {
  display: contents;
}
 
.account-container43 {
  right: 0px;
  bottom: 0px;
  height: auto;
  display: flex;
  position: absolute;
  box-shadow: 0px 3px 3px 0px #ababab;
  transition: 0.3s;
  align-items: center;
  padding-top: 6px;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-inputradius);
  padding-right: var(--dl-space-space-halfunit);
  flex-direction: row;
  padding-bottom: 6px;
  justify-content: flex-end;
  text-decoration: none;
  background-color: #5679d8;
}
 
.account-container43:hover {
  transform: scale(1.05);
}
 
.account-container43:active {
  transform: scale(0.95);
  box-shadow: 0px 1px 1px 0px rgb(171, 171, 171);
  background-color: #5279e2;
}
 
.account-text31 {
  color: #ffffff;
  font-family: "Exo 2";
  padding-left: 3px;
  padding-right: 3px;
}
 
.account-container44 {
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
  padding-bottom: 20px;
  padding-top: var(--dl-space-space-twounits);
  padding-left: var(--dl-space-space-oneandhalfunits);
  padding-right: var(--dl-space-space-oneandhalfunits);
}
 
.account-text32 {
  font-family: "Poppins";
}
 
.account-container45 {
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
  padding-top: var(--dl-space-space-oneandhalfunits);
  padding-left: 0px;
  padding-right: 0px;
  flex-direction: column;
  padding-bottom: var(--dl-space-space-oneandhalfunits);
}
 
.account-container46 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
  border-color: #4caf50;
  border-width: 1px;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
}
 
.account-container47 {
  flex: 0 0 auto;
  width: 100%;
  height: 50px;
  display: flex;
  align-items: flex-start;
  border-color: rgba(120, 120, 120, 0.4);
  border-style: solid;
  border-width: 1px;
  background-color: rgba(119, 119, 119, 0.74);
  border-top-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
}
 
.account-container48 {
  flex: 0 0 auto;
  width: 5%;
  height: 100%;
  display: flex;
  align-items: center;
  border-color: #e0dede;
  border-style: solid;
  border-width: 2px;
  flex-direction: column;
  justify-content: center;
  border-top-width: 0px;
  border-left-width: 0px;
  border-bottom-width: 0px;
}
 
.account-container49 {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
 
.account-text33 {
  color: #ffffff;
  font-size: 15px;
  font-style: normal;
  text-align: center;
  font-family: "Inter";
  font-weight: 500;
}
 
.account-container50 {
  flex: 0 0 auto;
  width: 14%;
  height: 100%;
  display: flex;
  align-items: center;
  border-color: #e0dede;
  border-style: solid;
  border-width: 2px;
  flex-direction: column;
  justify-content: center;
  border-top-width: 0px;
  border-left-width: 0px;
  border-bottom-width: 0px;
}
 
.account-container51 {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
 
.account-text34 {
  color: #ffffff;
  font-size: 15px;
  font-style: normal;
  text-align: center;
  font-family: "Inter";
  font-weight: 500;
}
 
.account-container52 {
  flex: 0 0 auto;
  width: 12%;
  height: 100%;
  display: flex;
  align-items: center;
  border-color: #e0dede;
  border-style: solid;
  border-width: 2px;
  flex-direction: column;
  justify-content: center;
  border-top-width: 0px;
  border-left-width: 0px;
  border-bottom-width: 0px;
}
 
.account-container53 {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
 
.account-text35 {
  color: rgb(255, 255, 255);
  font-size: 15px;
  font-style: normal;
  text-align: center;
  font-family: "Inter";
  font-weight: 500;
}
 
.account-container54 {
  flex: 0 0 auto;
  width: 10%;
  height: 100%;
  display: flex;
  align-items: center;
  border-color: #e0dede;
  border-style: solid;
  border-width: 2px;
  flex-direction: column;
  justify-content: center;
  border-top-width: 0px;
  border-left-width: 0px;
  border-bottom-width: 0px;
}
 
.account-container55 {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
 
.account-text36 {
  color: rgb(255, 255, 255);
  font-size: 15px;
  font-style: normal;
  text-align: center;
  font-family: "Inter";
  font-weight: 500;
}
 
.account-container56 {
  flex: 0 0 auto;
  width: 10%;
  height: 100%;
  display: flex;
  align-items: center;
  border-color: #e0dede;
  border-style: solid;
  border-width: 2px;
  flex-direction: column;
  justify-content: center;
  border-top-width: 0px;
  border-left-width: 0px;
  border-bottom-width: 0px;
}
 
.account-container57 {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
 
.account-text37 {
  color: #ffffff;
  font-size: 15px;
  font-style: normal;
  text-align: center;
  font-family: "Inter";
  font-weight: 500;
}
 
.account-container58 {
  flex: 0 0 auto;
  width: 10%;
  height: 100%;
  display: flex;
  align-items: center;
  border-color: #e0dede;
  border-style: solid;
  border-width: 2px;
  flex-direction: column;
  justify-content: center;
  border-top-width: 0px;
  border-left-width: 0px;
  border-bottom-width: 0px;
}
 
.account-container59 {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
 
.account-text38 {
  color: #ffffff;
  font-size: 15px;
  font-style: normal;
  text-align: center;
  font-family: "Inter";
  font-weight: 500;
}
 
.account-container60 {
  flex: 0 0 auto;
  width: 19.5%;
  height: 100%;
  display: flex;
  align-items: center;
  border-color: #e0dede;
  border-style: solid;
  border-width: 2px;
  flex-direction: column;
  justify-content: center;
  border-top-width: 0px;
  border-left-width: 0px;
  border-bottom-width: 0px;
}
 
.account-container61 {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
 
.account-text39 {
  color: #ffffff;
  font-size: 15px;
  font-style: normal;
  text-align: center;
  font-family: "Inter";
  font-weight: 500;
}
 
.account-container62 {
  flex: 0 0 auto;
  width: 19.5%;
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
 
.account-container63 {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
 
.account-text40 {
  color: #ffffff;
  font-size: 15px;
  font-style: normal;
  text-align: center;
  font-family: "Inter";
  font-weight: 500;
}
 
.account-list {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  transition: 0.3s;
  align-items: flex-start;
  border-color: rgba(120, 120, 120, 0.4);
  border-style: solid;
  border-width: 1px;
  border-top-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
}
 
.account-list:hover {
  border-radius: var(--dl-radius-radius-radius4);
  background-color: rgba(217, 217, 217, 0.73);
}
 
.account-container64 {
  gap: var(--dl-space-space-halfunit);
  flex: 0 0 auto;
  width: 5%;
  height: 100%;
  display: flex;
  padding: 3px;
  flex-wrap: wrap;
  min-height: 50px;
  align-items: flex-start;
  border-color: rgba(120, 120, 120, 0.4);
  border-style: solid;
  border-width: 1px;
  flex-direction: column;
  justify-content: center;
  border-top-width: 0px;
  border-left-width: 0px;
  border-bottom-width: 0px;
}
 
.account-container65 {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
}
 
.account-image6 {
  width: 100%;
  height: auto;
  max-width: 49px;
  max-height: 49px;
  object-fit: cover;
  border-radius: var(--dl-radius-radius-radius4);
}
 
.account-container66 {
  gap: var(--dl-space-space-halfunit);
  flex: 0 0 auto;
  width: 14%;
  height: 100%;
  display: flex;
  padding: 3px;
  flex-wrap: wrap;
  min-height: 50px;
  align-items: flex-start;
  border-color: rgba(120, 120, 120, 0.4);
  border-style: solid;
  border-width: 1px;
  flex-direction: column;
  justify-content: center;
  border-top-width: 0px;
  border-left-width: 0px;
  border-bottom-width: 0px;
}
 
.account-text41 {
  display: none;
  font-size: 13px;
  font-style: normal;
  text-align: left;
  font-family: "Exo 2";
  font-weight: 600;
}
 
.account-text42 {
  font-size: 13px;
  font-style: normal;
  text-align: left;
  font-family: "Source Sans 3";
  font-weight: 500;
}
 
.account-container67 {
  gap: var(--dl-space-space-halfunit);
  flex: 0 0 auto;
  width: 12%;
  height: 100%;
  display: flex;
  padding: 3px;
  flex-wrap: wrap;
  min-height: 50px;
  align-items: center;
  border-color: rgba(120, 120, 120, 0.4);
  border-style: solid;
  border-width: 1px;
  flex-direction: column;
  justify-content: center;
  border-top-width: 0px;
  border-left-width: 0px;
  border-bottom-width: 0px;
}
 
.account-text43 {
  display: none;
  font-size: 13px;
  font-style: normal;
  text-align: left;
  font-family: "Exo 2";
  font-weight: 600;
}
 
.account-text44 {
  font-size: 13px;
  font-style: normal;
  text-align: left;
  font-family: "Source Sans 3";
  font-weight: 500;
}
 
.account-container68 {
  gap: var(--dl-space-space-halfunit);
  flex: 0 0 auto;
  width: 10%;
  height: 100%;
  display: flex;
  padding: 3px;
  flex-wrap: wrap;
  min-height: 50px;
  align-items: center;
  border-color: rgba(120, 120, 120, 0.4);
  border-style: solid;
  border-width: 1px;
  flex-direction: column;
  justify-content: center;
  border-top-width: 0px;
  border-left-width: 0px;
  border-bottom-width: 0px;
}
 
.account-text45 {
  display: none;
  font-size: 13px;
  font-style: normal;
  text-align: left;
  font-family: "Exo 2";
  font-weight: 600;
}
 
.account-text46 {
  font-size: 13px;
  font-style: normal;
  text-align: left;
  font-family: "Source Sans 3";
  font-weight: 500;
}
 
.account-container69 {
  gap: var(--dl-space-space-halfunit);
  flex: 0 0 auto;
  width: 10%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  min-height: 50px;
  align-items: center;
  padding-top: 3px;
  border-color: rgba(120, 120, 120, 0.4);
  border-style: solid;
  border-width: 1px;
  flex-direction: column;
  padding-bottom: 3px;
  justify-content: center;
  border-top-width: 0px;
  border-left-width: 0px;
  border-bottom-width: 0px;
}
 
.account-text47 {
  display: none;
  font-size: 13px;
  font-style: normal;
  text-align: left;
  font-family: "Exo 2";
  font-weight: 600;
}
 
.account-text48 {
  font-size: 13px;
  font-style: normal;
  text-align: left;
  font-family: "Source Sans 3";
  font-weight: 500;
}
 
.account-container70 {
  gap: var(--dl-space-space-halfunit);
  flex: 0 0 auto;
  width: 10%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  min-height: 50px;
  align-items: center;
  padding-top: 3px;
  border-color: rgba(120, 120, 120, 0.4);
  border-style: solid;
  border-width: 1px;
  padding-left: 0px;
  padding-right: 0px;
  flex-direction: column;
  padding-bottom: 3px;
  justify-content: center;
  border-top-width: 0px;
  border-left-width: 0px;
  border-bottom-width: 0px;
}
 
.account-text49 {
  display: none;
  font-size: 13px;
  font-style: normal;
  text-align: left;
  font-family: "Exo 2";
  font-weight: 600;
}
 
.account-text50 {
  font-size: 13px;
  font-style: normal;
  text-align: left;
  font-family: "Source Sans 3";
  font-weight: 500;
}
 
.account-container71 {
  gap: var(--dl-space-space-halfunit);
  flex: 0 0 auto;
  width: 19.5%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  min-height: 50px;
  align-items: center;
  padding-top: 3px;
  border-color: rgba(120, 120, 120, 0.4);
  border-style: solid;
  border-width: 1px;
  padding-left: 0px;
  padding-right: 0px;
  flex-direction: column;
  padding-bottom: 3px;
  justify-content: center;
  border-top-width: 0px;
  border-left-width: 0px;
  border-bottom-width: 0px;
}
 
.account-text51 {
  display: none;
  font-size: 13px;
  font-style: normal;
  text-align: left;
  font-family: "Exo 2";
  font-weight: 600;
}
 
.account-text52 {
  font-size: 13px;
  font-style: normal;
  text-align: left;
  font-family: "Source Sans 3";
  font-weight: 500;
}
 
.account-container72 {
  gap: var(--dl-space-space-halfunit);
  flex: 0 0 auto;
  width: 19.5%;
  height: 100%;
  display: flex;
  padding: 3px;
  flex-wrap: wrap;
  min-height: 50px;
  align-items: center;
  border-color: rgba(120, 120, 120, 0.4);
  border-style: solid;
  border-width: 1px;
  flex-direction: column;
  justify-content: center;
  border-top-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
}
 
.account-text53 {
  display: none;
  font-size: 13px;
  font-style: normal;
  text-align: left;
  font-family: "Exo 2";
  font-weight: 600;
}
 
.account-text54 {
  font-size: 13px;
  font-style: normal;
  text-align: left;
  font-family: "Source Sans 3";
  font-weight: 500;
}
 
.account-container73 {
  gap: var(--dl-space-space-halfunit);
  flex: 0 0 auto;
  width: 100%;
  display: flex;
  align-items: center;
  padding-top: var(--dl-space-space-unit);
  padding-bottom: var(--dl-space-space-unit);
  justify-content: flex-end;
}
 
.account-navlink20 {
  display: contents;
}
 
.account-back {
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  border-radius: var(--dl-radius-radius-radius4);
  justify-content: center;
  text-decoration: none;
  background-color: #e2e5e9;
}
 
.account-icon26 {
  fill: rgba(25, 24, 24, 0.7);
  color: rgba(25, 24, 24, 0.7);
}
 
.account-container74 {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  display: flex;
  align-self: center;
  align-items: center;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
  justify-content: center;
  background-color: #e2e5e9;
}
 
.account-text55 {
  font-size: 14px;
  align-self: center;
}
 
.account-container75 {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  display: flex;
  align-self: center;
  align-items: center;
  border-radius: var(--dl-radius-radius-radius4);
  flex-direction: column;
  justify-content: center;
  background-color: #e2e5e9;
}
 
.account-text56 {
  font-size: 14px;
  align-self: center;
}
 
.account-navlink21 {
  display: contents;
}
 
.account-next {
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  border-radius: var(--dl-radius-radius-radius4);
  justify-content: center;
  text-decoration: none;
  background-color: #e2e5e9;
}
 
.account-icon28 {
  fill: rgba(25, 24, 24, 0.7);
  color: rgba(25, 24, 24, 0.7);
}
 
.account-container76 {
  flex: 0 0 auto;
  width: auto;
  height: 20px;
  display: flex;
  align-self: center;
  align-items: center;
  margin-right: var(--dl-space-space-halfunit);
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  flex-direction: column;
  justify-content: center;
  background-color: #e2e5e9;
}
 
.account-text57 {
  font-size: 14px;
  align-self: center;
  font-family: "Exo 2";
}
 
.account-menu2 {
  width: 20%;
  height: 100%;
  display: none;
  align-items: flex-start;
  border-color: var(--dl-color-theme-neutral-dark);
  border-width: 1px;
  flex-direction: column;
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
}
 
.account-container77 {
  gap: 0px;
  flex: 0 0 auto;
  width: 100%;
  height: 50px;
  display: flex;
  position: relative;
  flex-wrap: wrap;
  align-items: center;
  padding-left: 20px;
  flex-direction: row;
  justify-content: flex-start;
  text-decoration: none;
  background-color: #777777;
}
 
.account-text58 {
  color: #ffffff;
  padding-left: 20px;
}
 
.account-container78 {
  gap: 0px;
  flex: 0 0 auto;
  width: 100%;
  height: 50px;
  display: flex;
  position: relative;
  flex-wrap: wrap;
  align-items: center;
  padding-left: 20px;
  flex-direction: row;
  justify-content: flex-start;
  text-decoration: none;
  background-color: #777777;
}
 
.account-text59 {
  color: #ffffff;
  padding-left: 20px;
}
 
.account-container79 {
  gap: 0px;
  flex: 0 0 auto;
  width: 100%;
  height: 50px;
  display: flex;
  position: relative;
  flex-wrap: wrap;
  align-items: center;
  padding-left: 20px;
  flex-direction: row;
  justify-content: flex-start;
  text-decoration: none;
  background-color: #777777;
}
 
.account-text62 {
  color: #ffffff;
  padding-left: 20px;
}
 
.account-container80 {
  gap: 0px;
  flex: 0 0 auto;
  width: 100%;
  height: 50px;
  display: flex;
  position: relative;
  flex-wrap: wrap;
  align-items: center;
  padding-left: 20px;
  flex-direction: row;
  justify-content: flex-start;
  text-decoration: none;
  background-color: #777777;
}
 
.account-text63 {
  color: #ffffff;
  padding-left: 20px;
}
 
.account-fragment1 {
  display: contents;
}
 
.account-text64 {
  display: inline-block;
}
 
.account-fragment2 {
  display: contents;
}
 
.account-text65 {
  display: inline-block;
}
 
.account-fragment3 {
  display: contents;
}
 
.account-text66 {
  fill: var(--dl-color-theme-secondary1);
  color: var(--dl-color-theme-secondary1);
  display: inline-block;
  font-size: 12px;
  text-align: center;
}
 
.account-text68 {
  color: var(--dl-color-theme-secondary1);
}
 
@media(max-width: 991px) {
  .account-container13 {
    background-color: #777777;
  }
  .account-container46 {
    border-color: #4caf50;
    border-style: solid;
    border-width: 1px;
  }
  .account-container49 {
    width: 100%;
    height: auto;
    flex-wrap: wrap;
  }
  .account-container50 {
    width: 12%;
  }
  .account-container51 {
    width: 100%;
    height: auto;
    flex-wrap: wrap;
  }
  .account-container53 {
    width: 100%;
    height: auto;
    flex-wrap: wrap;
  }
  .account-container55 {
    width: 100%;
    height: auto;
    flex-wrap: wrap;
  }
  .account-container57 {
    width: 100%;
    height: auto;
    flex-wrap: wrap;
  }
  .account-container59 {
    width: 100%;
    height: auto;
    flex-wrap: wrap;
  }
  .account-container60 {
    width: 21.5%;
  }
  .account-container61 {
    width: 100%;
    height: auto;
    flex-wrap: wrap;
  }
  .account-container63 {
    width: 100%;
    height: auto;
    flex-wrap: wrap;
  }
  .account-container65 {
    width: 100%;
    height: auto;
    flex-wrap: wrap;
  }
  .account-container66 {
    width: 12%;
  }
  .account-container71 {
    width: 21.5%;
  }
  .account-container77 {
    background-color: #e8e6e6;
  }
  .account-container78 {
    background-color: #e8e6e6;
  }
  .account-container79 {
    background-color: #e8e6e6;
  }
  .account-container80 {
    background-color: #e8e6e6;
  }
}
 
@media(max-width: 767px) {
  .account-container13 {
    height: 55px;
    padding-left: 10px;
  }
  .account-text10 {
    font-size: 13px;
    padding-left: 4px;
  }
  .account-container14 {
    height: 55px;
    padding-left: 10px;
    background-color: transparent;
  }
  .account-text11 {
    font-size: 14px;
    padding-left: 4px;
  }
  .account-container15 {
    height: 55px;
    padding-left: 10px;
    background-color: transparent;
  }
  .account-text12 {
    font-size: 14px;
    padding-left: 4px;
  }
  .account-container16 {
    height: 55px;
    padding-left: 10px;
    background-color: transparent;
  }
  .account-text13 {
    font-size: 14px;
    padding-left: 4px;
  }
  .account-container17 {
    height: 55px;
    padding-left: 10px;
    background-color: transparent;
  }
  .account-text14 {
    font-size: 14px;
    padding-left: 4px;
  }
  .account-container18 {
    height: 55px;
    padding-left: 10px;
    background-color: transparent;
  }
  .account-text15 {
    font-size: 14px;
    padding-left: 4px;
  }
  .account-container19 {
    height: 55px;
    padding-left: 10px;
    background-color: transparent;
  }
  .account-text16 {
    font-size: 14px;
    padding-left: 4px;
  }
  .account-container21 {
    box-shadow: -2px 0px 4px 0px #d4d4d4;
  }
  .account-container22 {
    padding-left: 20px;
    padding-right: 20px;
  }
  .account-container27 {
    padding: var(--dl-space-space-unit);
  }
  .account-text22 {
    font-size: 20px;
  }
  .account-container32 {
    padding-left: 10px;
  }
  .account-text25 {
    font-size: 20px;
  }
  .account-container36 {
    padding: var(--dl-space-space-unit);
  }
  .account-text28 {
    font-size: 20px;
  }
  .account-container40 {
    padding-left: 10px;
  }
  .account-text30 {
    font-size: 20px;
  }
  .account-container45 {
    padding-top: var(--dl-space-space-halfunit);
    padding-bottom: var(--dl-space-space-halfunit);
  }
  .account-container47 {
    display: none;
  }
  .account-container49 {
    flex-wrap: wrap;
  }
  .account-text33 {
    font-size: 14px;
  }
  .account-container51 {
    flex-wrap: wrap;
  }
  .account-text34 {
    font-size: 14px;
  }
  .account-container53 {
    flex-wrap: wrap;
  }
  .account-text35 {
    font-size: 14px;
  }
  .account-container55 {
    flex-wrap: wrap;
  }
  .account-text36 {
    font-size: 14px;
  }
  .account-container57 {
    flex-wrap: wrap;
  }
  .account-text37 {
    font-size: 14px;
  }
  .account-container59 {
    flex-wrap: wrap;
  }
  .account-text38 {
    font-size: 14px;
  }
  .account-container61 {
    flex-wrap: wrap;
  }
  .account-text39 {
    font-size: 14px;
  }
  .account-container63 {
    flex-wrap: wrap;
  }
  .account-text40 {
    font-size: 14px;
  }
  .account-list {
    padding: var(--dl-space-space-unit);
    border-color: #4caf50;
    flex-direction: column;
  }
  .account-container64 {
    gap: 0;
    width: 100%;
    height: auto;
    min-height: auto;
    align-items: flex-start;
    padding-top: 0px;
    border-width: 0px;
    padding-left: 0px;
    padding-right: 0px;
    flex-direction: row;
    padding-bottom: 3px;
    justify-content: space-between;
    border-right-width: 0px;
    border-bottom-width: 1px;
  }
  .account-container65 {
    flex-wrap: wrap;
  }
  .account-image6 {
    max-width: 40px;
    max-height: 40px;
  }
  .account-container66 {
    gap: 0;
    width: 100%;
    height: auto;
    min-height: auto;
    align-items: flex-start;
    padding-top: 3px;
    border-width: 0px;
    padding-left: 0px;
    padding-right: 0px;
    flex-direction: row;
    padding-bottom: 1px;
    justify-content: space-between;
    border-right-width: 0px;
  }
  .account-text41 {
    display: flex;
    font-style: normal;
    font-weight: 500;
  }
  .account-container67 {
    gap: 0;
    width: 100%;
    height: auto;
    min-height: auto;
    align-items: flex-start;
    padding-top: 3px;
    border-width: 0px;
    padding-left: 0px;
    padding-right: 0px;
    flex-direction: row;
    padding-bottom: 1px;
    justify-content: space-between;
    border-right-width: 0px;
  }
  .account-text43 {
    display: flex;
    font-style: normal;
    font-weight: 500;
  }
  .account-container68 {
    gap: 0;
    width: 100%;
    height: auto;
    min-height: auto;
    align-items: flex-start;
    padding-top: 3px;
    border-width: 0px;
    padding-left: 0px;
    padding-right: 0px;
    flex-direction: row;
    padding-bottom: 1px;
    justify-content: space-between;
    border-right-width: 0px;
  }
  .account-text45 {
    display: flex;
    font-style: normal;
    font-weight: 500;
  }
  .account-container69 {
    gap: 0;
    width: 100%;
    height: auto;
    min-height: auto;
    align-items: flex-start;
    padding-top: 3px;
    border-width: 0px;
    padding-left: 0px;
    padding-right: 0px;
    flex-direction: row;
    padding-bottom: 1px;
    justify-content: space-between;
    border-right-width: 0px;
    border-bottom-width: 1px;
  }
  .account-text47 {
    display: flex;
    font-style: normal;
    font-weight: 500;
  }
  .account-container70 {
    gap: 0;
    width: 100%;
    height: auto;
    min-height: auto;
    align-items: flex-start;
    padding-top: 3px;
    border-width: 0px;
    padding-left: 0px;
    padding-right: 0px;
    flex-direction: row;
    padding-bottom: 1px;
    justify-content: space-between;
    border-right-width: 0px;
  }
  .account-text49 {
    display: flex;
    font-style: normal;
    font-weight: 500;
  }
  .account-container71 {
    gap: 0;
    width: 100%;
    height: auto;
    min-height: auto;
    align-items: flex-start;
    padding-top: 3px;
    border-width: 0px;
    padding-left: 0px;
    padding-right: 0px;
    flex-direction: row;
    padding-bottom: 1px;
    justify-content: space-between;
    border-right-width: 0px;
  }
  .account-text51 {
    display: flex;
    font-style: normal;
    font-weight: 500;
  }
  .account-container72 {
    gap: 0;
    width: 100%;
    height: auto;
    min-height: auto;
    align-items: flex-start;
    padding-top: 3px;
    border-width: 0px;
    padding-left: 0px;
    padding-right: 0px;
    flex-direction: row;
    padding-bottom: 1px;
    justify-content: space-between;
    border-right-width: 0px;
  }
  .account-text53 {
    display: flex;
    font-style: normal;
    font-weight: 500;
  }
}
 
@media(max-width: 479px) {
  .account-container11 {
    height: auto;
    min-height: 100vh;
    padding-top: 65px;
    margin-bottom: 0px;
  }
  .account-container12 {
    height: auto;
    flex-direction: column;
  }
  .account-menu1 {
    width: 100%;
    display: none;
    flex-direction: row;
    justify-content: flex-start;
  }
  .account-container13 {
    width: auto;
    position: relative;
    margin-top: 0px;
    padding-left: 0px;
    background-color: #777777;
  }
  .account-text10 {
    color: rgb(255, 255, 255);
    padding-left: 0px;
  }
  .account-container14 {
    width: auto;
    position: relative;
    margin-top: 0px;
    padding-left: 0px;
    background-color: transparent;
  }
  .account-text11 {
    padding-left: 0px;
  }
  .account-container15 {
    width: auto;
    position: relative;
    margin-top: 0px;
    padding-left: 0px;
    background-color: transparent;
  }
  .account-text12 {
    padding-left: 0px;
  }
  .account-container16 {
    width: auto;
    position: relative;
    margin-top: 0px;
    padding-left: 0px;
    background-color: transparent;
  }
  .account-icon16 {
    fill: var(--dl-color-theme-neutral-dark);
    color: #ffffff;
  }
  .account-text13 {
    padding-left: 0px;
  }
  .account-container17 {
    width: auto;
    position: relative;
    margin-top: 0px;
    padding-left: 0px;
    background-color: transparent;
  }
  .account-text14 {
    padding-left: 0px;
  }
  .account-container18 {
    width: auto;
    position: relative;
    margin-top: 0px;
    padding-left: 0px;
    background-color: transparent;
  }
  .account-text15 {
    padding-left: 0px;
  }
  .account-container19 {
    width: auto;
    position: relative;
    margin-top: 0px;
    padding-left: 0px;
    background-color: transparent;
  }
  .account-text16 {
    padding-left: 0px;
  }
  .account-container20 {
    width: 100%;
  }
  .account-container21 {
    width: 100%;
    box-shadow: 0px 2px 4px 0px #a7a5a5;
    padding-left: 0px;
    border-radius: 0px;
    padding-right: 0px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }
  .account-container22 {
    padding-top: 12px;
    padding-left: var(--dl-space-space-halfunit);
    padding-right: var(--dl-space-space-halfunit);
    padding-bottom: 12px;
  }
  .account-container23 {
    width: 50px;
    height: 50px;
  }
  .account-container24 {
    gap: 4px;
  }
  .account-text18 {
    color: rgb(255, 255, 255);
  }
  .account-text19 {
    color: rgb(255, 255, 255);
    font-size: 12px;
  }
  .account-text20 {
    color: rgb(255, 255, 255);
    font-size: 12px;
    padding-left: 5px;
  }
  .account-container26 {
    right: 10px;
  }
  .account-container27 {
    height: auto;
    padding-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 20px;
  }
  .account-container29 {
    width: 50px;
    height: 50px;
    padding: 10px;
  }
  .account-container30 {
    gap: 4px;
    padding-left: 10px;
  }
  .account-text21 {
    font-size: 13px;
  }
  .account-text22 {
    font-size: 16px;
  }
  .account-container31 {
    padding-top: 5px;
    padding-left: 6px;
    padding-right: 6px;
    padding-bottom: 5px;
    background-color: #5679d8;
  }
  .account-text23 {
    color: rgb(255, 255, 255);
    font-size: 12px;
    font-family: Exo 2;
  }
  .account-container32 {
    padding-left: var(--dl-space-space-halfunit);
  }
  .account-container33 {
    width: 50px;
    height: 50px;
    padding: 10px;
  }
  .account-container34 {
    gap: 4px;
    padding-left: 10px;
  }
  .account-text24 {
    font-size: 13px;
    font-family: Verdana;
  }
  .account-text25 {
    font-size: 16px;
    font-style: normal;
    font-family: Source Sans 3;
    font-weight: 700;
  }
  .account-button1 {
    color: rgb(255, 255, 255);
    height: auto;
    font-size: 16px;
    box-shadow: rgb(171, 171, 171) 0px 4px 3px 0px;
    font-style: normal;
    font-weight: 500;
    padding-left: var(--dl-space-space-halfunit);
    padding-right: var(--dl-space-space-halfunit);
    background-color: #5679d8;
  }
  .account-container35 {
    padding-top: 5px;
    padding-left: 6px;
    padding-right: 6px;
    padding-bottom: 5px;
    background-color: #5679d8;
  }
  .account-text26 {
    color: rgb(255, 255, 255);
    font-size: 12px;
    font-family: Exo 2;
  }
  .account-container36 {
    height: auto;
    padding-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 20px;
  }
  .account-container38 {
    width: 50px;
    height: 50px;
    padding: 10px;
  }
  .account-container39 {
    gap: 4px;
    padding-left: 10px;
  }
  .account-text27 {
    font-size: 13px;
    font-family: Verdana;
  }
  .account-text28 {
    font-size: 16px;
    font-style: normal;
    font-family: Source Sans 3;
    font-weight: 700;
  }
  .account-container40 {
    padding-left: var(--dl-space-space-halfunit);
  }
  .account-container41 {
    width: 50px;
    height: 50px;
    padding: 10px;
  }
  .account-container42 {
    gap: 4px;
    padding-left: 10px;
  }
  .account-text29 {
    font-size: 13px;
    font-style: normal;
    font-family: Verdana;
    font-weight: 400;
  }
  .account-text30 {
    font-size: 16px;
  }
  .account-button2 {
    color: rgb(255, 255, 255);
    height: auto;
    font-size: 16px;
    box-shadow: rgb(171, 171, 171) 0px 4px 3px 0px;
    font-style: normal;
    font-weight: 500;
    padding-left: var(--dl-space-space-halfunit);
    padding-right: var(--dl-space-space-halfunit);
    background-color: #5679d8;
  }
  .account-container43 {
    padding-top: 5px;
    padding-left: 6px;
    padding-right: 6px;
    padding-bottom: 5px;
    background-color: #5679d8;
  }
  .account-text31 {
    color: rgb(255, 255, 255);
    font-size: 12px;
    font-family: Exo 2;
  }
  .account-container45 {
    /*height: auto;*/
    padding: 25px;
    padding-bottom: 25px;
    
    overflow-y: auto;
    height: 70vh;
    padding-bottom: 120px;
  }
  .account-container46 {
    height: auto;
    border-radius: var(--dl-radius-radius-radius8);
  }
  .account-container47 {
    height: 50px;
    display: none;
  }
  .account-container48 {
    padding: 0px;
  }
  .account-container49 {
    flex-wrap: wrap;
  }
  .account-text33 {
    font-size: 11px;
    font-style: normal;
    font-family: Exo 2;
    font-weight: 600;
  }
  .account-container50 {
    padding: 0px;
  }
  .account-container51 {
    flex-wrap: wrap;
  }
  .account-text34 {
    font-size: 11px;
    font-style: normal;
    font-family: Exo 2;
    font-weight: 600;
  }
  .account-container52 {
    padding: 0px;
  }
  .account-container53 {
    flex-wrap: wrap;
  }
  .account-text35 {
    color: rgb(255, 255, 255);
    font-size: 11px;
    font-style: normal;
    font-family: Exo 2;
    font-weight: 600;
  }
  .account-container54 {
    padding: 0px;
  }
  .account-container55 {
    flex-wrap: wrap;
  }
  .account-text36 {
    color: rgb(255, 255, 255);
    font-size: 11px;
    font-style: normal;
    font-family: Exo 2;
    font-weight: 600;
  }
  .account-container56 {
    padding: 0px;
  }
  .account-container57 {
    flex-wrap: wrap;
  }
  .account-text37 {
    color: rgb(255, 255, 255);
    font-size: 11px;
    font-style: normal;
    font-family: Exo 2;
    font-weight: 600;
  }
  .account-container58 {
    padding: 0px;
  }
  .account-container59 {
    flex-wrap: wrap;
  }
  .account-text38 {
    color: rgb(255, 255, 255);
    font-size: 11px;
    font-style: normal;
    font-family: Exo 2;
    font-weight: 600;
  }
  .account-container60 {
    padding: 0px;
  }
  .account-container61 {
    flex-wrap: wrap;
  }
  .account-text39 {
    color: rgb(255, 255, 255);
    font-size: 11px;
    font-style: normal;
    font-family: Exo 2;
    font-weight: 600;
  }
  .account-container62 {
    padding: 0px;
  }
  .account-container63 {
    flex-wrap: wrap;
  }
  .account-text40 {
    color: rgb(255, 255, 255);
    font-size: 11px;
    font-style: normal;
    font-family: Exo 2;
    font-weight: 600;
  }
  .account-list {
    padding: var(--dl-space-space-unit);
    border-color: #4caf50;
  }
  .account-container64 {
    padding-top: 0px;
    padding-bottom: 3px;
  }
  .account-container65 {
    flex-wrap: wrap;
  }
  .account-image6 {
    max-width: 30px;
    max-height: 30px;
  }
  .account-container66 {
    gap: 0;
    border-width: 0px;
    padding-left: 0px;
    padding-right: 0px;
    flex-direction: row;
    padding-bottom: 0px;
    justify-content: space-between;
    border-right-width: 0px;
  }
  .account-text41 {
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-family: Source Sans 3;
    font-weight: 500;
  }
  .account-text42 {
    font-size: 14px;
    font-style: normal;
    font-family: Source Sans 3;
    font-weight: 400;
  }
  .account-container67 {
    gap: 0;
    border-width: 0px;
    padding-left: 0px;
    padding-right: 0px;
    flex-direction: row;
    padding-bottom: 0px;
    justify-content: space-between;
    border-right-width: 0px;
  }
  .account-text43 {
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-family: Source Sans 3;
    font-weight: 500;
  }
  .account-text44 {
    font-size: 14px;
    font-style: normal;
    font-family: Source Sans 3;
    font-weight: 400;
  }
  .account-container68 {
    gap: 0;
    border-width: 0px;
    padding-left: 0px;
    padding-right: 0px;
    flex-direction: row;
    padding-bottom: 0px;
    justify-content: space-between;
    border-right-width: 0px;
  }
  .account-text45 {
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-family: Source Sans 3;
    font-weight: 500;
  }
  .account-text46 {
    font-size: 14px;
    font-style: normal;
    font-family: Source Sans 3;
    font-weight: 400;
  }
  .account-container69 {
    gap: 0;
    align-items: flex-start;
    border-width: 0px;
    flex-direction: row;
    padding-bottom: 0px;
    justify-content: space-between;
    border-right-width: 0px;
    border-bottom-width: 1px;
  }
  .account-text47 {
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-family: Source Sans 3;
    font-weight: 500;
  }
  .account-text48 {
    font-size: 14px;
    font-style: normal;
    font-family: Source Sans 3;
    font-weight: 400;
  }
  .account-container70 {
    gap: 0;
    align-items: flex-start;
    border-width: 0px;
    flex-direction: row;
    padding-bottom: 0px;
    justify-content: space-between;
    border-right-width: 0px;
  }
  .account-text49 {
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-family: Source Sans 3;
    font-weight: 500;
  }
  .account-text50 {
    font-size: 14px;
    font-style: normal;
    font-family: Source Sans 3;
    font-weight: 400;
  }
  .account-container71 {
    gap: 0;
    align-items: flex-start;
    border-width: 0px;
    flex-direction: row;
    padding-bottom: 0px;
    justify-content: space-between;
    border-right-width: 0px;
  }
  .account-text51 {
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-family: Source Sans 3;
    font-weight: 500;
  }
  .account-text52 {
    font-size: 14px;
    font-style: normal;
    font-family: Source Sans 3;
    font-weight: 400;
  }
  .account-container72 {
    gap: 0;
    align-items: flex-start;
    padding-top: 3px;
    border-width: 0px;
    padding-left: 0px;
    padding-right: 0px;
    flex-direction: row;
    padding-bottom: 0px;
    justify-content: space-between;
    border-right-width: 0px;
  }
  .account-text53 {
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-family: Source Sans 3;
    font-weight: 500;
  }
  .account-text54 {
    font-size: 14px;
    font-style: normal;
    font-family: Source Sans 3;
    font-weight: 400;
  }
  .account-back {
    width: 25px;
    height: 25px;
  }
  .account-next {
    width: 25px;
    height: 25px;
    margin-right: 0px;
  }
  .account-icon28 {
    color: rgba(25, 24, 24, 0.7);
  }
  .account-menu2 {
    width: 100%;
    bottom: 0px;
    height: 80px;
    display: grid;
    position: sticky;
    border-radius: var(--dl-radius-radius-inputradius);
    border-left-width: 0px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  }
  .account-container77 {
    width: 100%;
    height: 100%;
    position: relative;
    margin-top: 0px;
    align-items: center;
    padding-left: 0px;
    border-radius: var(--dl-radius-radius-inputradius);
    flex-direction: column;
    justify-content: center;
    background-color: #777777;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  }
  .account-icon30 {
    fill: var(--dl-color-theme-neutral-dark);
    color: #ffffff;
  }
  .account-text58 {
    fill: #4caf50;
    color: rgb(255, 255, 255);
    padding-left: 0px;
  }
  .account-container78 {
    width: 100%;
    height: 100%;
    position: relative;
    margin-top: 0px;
    align-items: center;
    padding-left: 0px;
    flex-direction: column;
    justify-content: center;
    background-color: #777777;
  }
  .account-icon32 {
    fill: var(--dl-color-theme-neutral-dark);
    color: #ffffff;
  }
  .account-text59 {
    color: rgb(255, 255, 255);
    padding-left: 0px;
  }
  .account-container79 {
    width: 100%;
    height: 100%;
    position: relative;
    margin-top: 0px;
    align-items: center;
    padding-left: 0px;
    flex-direction: column;
    justify-content: center;
    background-color: #777777;
  }
  .account-icon34 {
    fill: var(--dl-color-theme-neutral-dark);
    color: #ffffff;
  }
  .account-text62 {
    color: rgb(255, 255, 255);
    padding-left: 0px;
  }
  .account-container80 {
    width: 100%;
    height: 100%;
    position: relative;
    margin-top: 0px;
    align-items: center;
    padding-left: 0px;
    border-radius: var(--dl-radius-radius-buttonradius);
    flex-direction: column;
    justify-content: center;
    background-color: #777777;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  }
  .account-icon36 {
    fill: #1dec29;
    color: #1dec29;
  }
  .account-text63 {
    fill: #2bce35;
    color: rgb(43, 206, 53);
    padding-left: 0px;
  }
}