.home-container30 {
    position: relative;
    display: inline-block;
  }

  /*.home-container30:hover .home-container32 {*/
  /*  transform: scale(1.05);*/
  /*  transition: transform 0.3s ease-in-out;*/
  /*}*/

  .home-container32 {
    display: inline-block;
    transform-origin: center;
    transition: transform 0.3s ease-in-out;
  }
  
  .home-container40 {
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: 200px;
    height: 200px; 
  }

  
  .home-container40:hover .home-image27 {
    transform: scale(1.07);
    transition: transform 0.3s ease-in-out;
  }

  
  .home-image27 {
    width: 100%; 
    height: 100%; 
    object-fit: cover; 
    transform-origin: center; 
    transition: transform 0.3s ease-in-out;
  }
.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: nowrap;
  overflow-y: auto;
  overflow-x: hidden;
  align-items: flex-start;
  flex-direction: column;
}
 
.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: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
 
.header-image14 {
  width: 30px;
  height: auto;
  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;
    height: 30px;
    width: 30px;
  }
  .header-image14 {
    height: 100%;
    width: 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;
  }
}

.footer1-wrapper {
  display: contents;
}
 
.footer1-container10 {
  width: 100%;
  display: flex;
  position: relative;
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
}
 
.footer1-container11 {
  width: 100%;
  height: 608px;
  display: flex;
  max-width: auto;
  align-items: flex-start;
  border-color: rgba(120, 120, 120, 0.4);
  border-style: dashed;
  border-width: 0px;
}
 
.footer1-image10 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
 
.footer1-container12 {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  padding-top: 0px;
  flex-direction: column;
  justify-content: space-between;
  background-color: #511e0d;
}
 
.footer1-container13 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  max-width: 1150px;
  align-items: flex-start;
  padding-top: 0px;
  flex-direction: row-reverse;
  padding-bottom: var(--dl-space-space-oneandhalfunits);
  justify-content: center;
}
 
.footer1-container14 {
  flex: 0 0 auto;
  width: auto;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
 
.footer1-text10 {
  color: rgb(255, 255, 255);
  width: auto;
  font-size: 24px;
  max-width: auto;
  align-self: center;
  font-family: "Noto Sans Khmer";
  margin-bottom: var(--dl-space-space-unit);
}
 
.footer1-container15 {
  gap: var(--dl-space-space-unit);
  flex: 0 0 auto;
  width: 100%;
  display: flex;
  align-items: flex-start;
}
 
.footer1-link1 {
  display: contents;
}
 
.footer1-image11 {
  width: 50px;
  height: 50px;
  object-fit: cover;
  border-radius: var(--dl-radius-radius-round);
  text-decoration: none;
}
 
.footer1-link2 {
  display: contents;
}
 
.footer1-image12 {
  width: 50px;
  height: 50px;
  object-fit: cover;
  border-radius: var(--dl-radius-radius-round);
  text-decoration: none;
}
 
.footer1-link3 {
  display: contents;
}
 
.footer1-image13 {
  width: 50px;
  height: 50px;
  object-fit: cover;
  border-radius: var(--dl-radius-radius-round);
  text-decoration: none;
}
 
.footer1-link4 {
  display: contents;
}
 
.footer1-image14 {
  width: 50px;
  height: 50px;
  object-fit: cover;
  border-radius: var(--dl-radius-radius-round);
  text-decoration: none;
}
 
.footer1-container16 {
  width: 100%;
  height: auto;
  display: flex;
  max-width: 1150px;
  align-items: flex-start;
  flex-direction: row-reverse;
  justify-content: space-between;
}
 
.footer1-container17 {
  flex: 0 0 auto;
  width: auto;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
 
.footer1-text11 {
  color: rgb(255, 255, 255);
  width: auto;
  font-size: 24px;
  max-width: auto;
  align-self: center;
  font-family: "Noto Sans Khmer";
  margin-right: var(--dl-space-space-halfunit);
}
 
.footer1-container18 {
  gap: var(--dl-space-space-halfunit);
  flex: 0 0 auto;
  width: auto;
  display: flex;
  align-self: center;
  align-items: flex-start;
  justify-content: center;
}
 
.footer1-image15 {
  width: auto;
  height: 50px;
  object-fit: cover;
  border-radius: var(--dl-radius-radius-radius8);
}
 
.footer1-image16 {
  width: auto;
  height: 50px;
  object-fit: cover;
  border-radius: var(--dl-radius-radius-radius8);
}
 
.footer1-image17 {
  width: auto;
  height: 50px;
  object-fit: cover;
  border-radius: var(--dl-radius-radius-radius8);
}
 
.footer1-image18 {
  width: auto;
  height: 50px;
  object-fit: cover;
  border-radius: var(--dl-radius-radius-radius8);
}
 
.footer1-image19 {
  width: auto;
  height: 50px;
  object-fit: cover;
  border-radius: var(--dl-radius-radius-radius8);
}
 
.footer1-container19 {
  flex: 0 0 auto;
  width: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
}
 
.footer1-text12 {
  color: rgb(255, 255, 255);
  width: 100%;
  font-size: 18px;
  max-width: auto;
  align-self: flex-start;
  transition: 0.3s;
  font-family: "Noto Sans Khmer";
  margin-bottom: var(--dl-space-space-halfunit);
  text-decoration: none;
}
 
.footer1-text12:hover {
  fill: #ff0000;
  color: #ff0000;
  border-color: var(--dl-color-theme-neutral-dark);
  border-width: 0px;
  margin-bottom: var(--dl-space-space-halfunit);
  padding-bottom: var(--dl-space-space-halfunit);
  border-right-width: 0px;
  border-bottom-width: 2px;
}
 
.footer1-text13 {
  color: rgb(255, 255, 255);
  width: 100%;
  font-size: 18px;
  max-width: auto;
  align-self: flex-start;
  transition: 0.3s;
  font-family: "Noto Sans Khmer";
  margin-bottom: var(--dl-space-space-halfunit);
  text-decoration: none;
}
 
.footer1-text13:hover {
  fill: #ff0000;
  color: #ff0000;
  border-color: var(--dl-color-theme-neutral-dark);
  border-width: 0px;
  margin-bottom: var(--dl-space-space-halfunit);
  padding-bottom: var(--dl-space-space-halfunit);
  border-right-width: 0px;
  border-bottom-width: 2px;
}
 
.footer1-link5 {
  color: rgb(255, 255, 255);
  width: 100%;
  font-size: 18px;
  max-width: auto;
  align-self: flex-start;
  transition: 0.3s;
  font-family: "Noto Sans Khmer";
  margin-bottom: var(--dl-space-space-halfunit);
  text-decoration: none;
}
 
.footer1-link5:hover {
  fill: #ff0000;
  color: #ff0000;
  border-color: var(--dl-color-theme-neutral-dark);
  border-width: 0px;
  margin-bottom: var(--dl-space-space-halfunit);
  padding-bottom: var(--dl-space-space-halfunit);
  border-right-width: 0px;
  border-bottom-width: 2px;
}
 
.footer1-link6 {
  color: rgb(255, 255, 255);
  width: 100%;
  font-size: 18px;
  max-width: auto;
  align-self: flex-start;
  transition: 0.3s;
  font-family: "Noto Sans Khmer";
  margin-bottom: var(--dl-space-space-halfunit);
  text-decoration: none;
}
 
.footer1-link6:hover {
  fill: #ff0000;
  color: #ff0000;
  border-color: var(--dl-color-theme-neutral-dark);
  border-width: 0px;
  margin-bottom: var(--dl-space-space-halfunit);
  padding-bottom: var(--dl-space-space-halfunit);
  border-right-width: 0px;
  border-bottom-width: 2px;
}
 
.footer1-text14 {
  color: rgb(255, 255, 255);
  width: auto;
  font-size: 18px;
  max-width: auto;
  align-self: flex-start;
  font-family: "Noto Sans Khmer";
  margin-bottom: var(--dl-space-space-halfunit);
}
 
.footer1-link7 {
  fill: blue;
  color: blue;
  width: auto;
  font-size: 18px;
  max-width: auto;
  align-self: flex-start;
  font-family: "Noto Sans Khmer";
  margin-bottom: var(--dl-space-space-halfunit);
  text-decoration: underline line-through none;
}
 
.footer1-container20 {
  flex: 0 0 auto;
  width: 100%;
  height: 60px;
  display: flex;
  max-width: 100%;
  align-self: center;
  align-items: center;
  padding-top: var(--dl-space-space-halfunit);
  padding-left: var(--dl-space-space-unit);
  padding-right: var(--dl-space-space-unit);
  flex-direction: row-reverse;
  padding-bottom: var(--dl-space-space-halfunit);
  justify-content: center;
  background-color: #000000;
}
 
.footer1-container21 {
  flex: 0 0 auto;
  width: auto;
  display: flex;
}
 
.footer1-text15 {
  color: rgb(255, 255, 255);
  width: auto;
  font-size: 18px;
  max-width: auto;
  align-self: center;
  font-family: "Noto Sans Khmer";
}
 
.home-fragment1 {
  display: contents;
}
 
.home-text66 {
  display: inline-block;
}
 
.home-fragment4 {
  display: contents;
}
 
.home-text69 {
  display: inline-block;
}
 
.home-fragment3 {
  display: contents;
}
 
.home-text68 {
  display: inline-block;
}
 
.home-fragment5 {
  display: contents;
}
 
.home-text70 {
  display: inline-block;
}
 
.home-fragment7 {
  display: contents;
}
 
.home-text79 {
  display: inline-block;
}
 
.home-fragment8 {
  display: contents;
}
 
.home-text80 {
  display: inline-block;
}
 
.home-fragment2 {
  display: contents;
}
 
.home-text67 {
  display: inline-block;
}
 
.home-fragment6 {
  display: contents;
}
 
.home-text71 {
  color: rgb(255, 255, 255);
  width: auto;
  display: inline-block;
  font-size: 18px;
  max-width: auto;
  align-self: flex-start;
  font-family: "Poppins";
  margin-bottom: var(--dl-space-space-halfunit);
}
 
.home-fragment9 {
  display: contents;
}
 
.home-text81 {
  color: rgb(0, 0, 255);
  width: auto;
  display: inline-block;
  font-size: 18px;
  max-width: auto;
  align-self: flex-start;
  font-family: "Noto Sans Khmer";
  margin-bottom: var(--dl-space-space-halfunit);
  text-decoration: underline;
}
 

 

 

 

 
.footer1root-class-name4 {
  z-index: 2000;
}
 
.footer1root-class-name5 {
  z-index: 2000;
}
 
@media(max-width: 991px) {
  .footer1-container11 {
    height: 530px;
  }
  .footer1-container12 {
    width: 100%;
    height: auto;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
  }
  .footer1-container14 {
    width: auto;
    align-items: center;
    justify-content: center;
  }
  .footer1-text10 {
    font-size: 24px;
    max-width: 850px;
    margin-bottom: var(--dl-space-space-unit);
  }
  .footer1-container15 {
    gap: var(--dl-space-space-unit);
    width: auto;
  }
  .footer1-image11 {
    width: 50px;
    height: 50px;
  }
  .footer1-image12 {
    width: 50px;
    height: 50px;
  }
  .footer1-image13 {
    width: 50px;
    height: 50px;
  }
  .footer1-image14 {
    width: 50px;
    height: 50px;
  }
  .footer1-container16 {
    padding-left: var(--dl-space-space-halfunit);
    padding-right: var(--dl-space-space-halfunit);
  }
  .footer1-container17 {
    width: auto;
    align-items: center;
    justify-content: center;
  }
  .footer1-text11 {
    width: auto;
    font-size: 18px;
    max-width: 850px;
    font-family: Noto Sans Khmer;
  }
  .footer1-container18 {
    gap: var(--dl-space-space-halfunit);
    width: auto;
  }
  .footer1-image15 {
    width: auto;
    height: 30px;
  }
  .footer1-image16 {
    width: auto;
    height: 30px;
  }
  .footer1-image17 {
    width: auto;
    height: 30px;
  }
  .footer1-image18 {
    width: auto;
    height: 30px;
  }
  .footer1-image19 {
    width: auto;
    height: 30px;
  }
  .footer1-container19 {
    width: auto;
    align-items: center;
    justify-content: center;
  }
  .footer1-text12 {
    font-size: 14px;
    max-width: 850px;
    margin-bottom: var(--dl-space-space-halfunit);
  }
  .footer1-text13 {
    font-size: 14px;
    max-width: 850px;
    margin-bottom: var(--dl-space-space-halfunit);
  }
  .footer1-link5 {
    font-size: 14px;
    max-width: 850px;
    margin-bottom: var(--dl-space-space-halfunit);
  }
  .footer1-link6 {
    font-size: 14px;
    max-width: 850px;
    margin-bottom: var(--dl-space-space-halfunit);
  }
  .footer1-text14 {
    font-size: 14px;
    max-width: 850px;
    margin-bottom: var(--dl-space-space-halfunit);
  }
  .footer1-link7 {
    font-size: 14px;
    max-width: 850px;
    margin-bottom: var(--dl-space-space-halfunit);
  }
  .footer1-container20 {
    align-self: center;
    align-items: flex-start;
    padding-left: var(--dl-space-space-unit);
    padding-right: var(--dl-space-space-unit);
    justify-content: center;
  }
  .footer1-container21 {
    width: auto;
    align-items: center;
    justify-content: center;
  }
  .footer1-text15 {
    font-size: 11px;
    max-width: auto;
  }
  .home-text71 {
    font-size: 14px;
    max-width: 850px;
    margin-bottom: var(--dl-space-space-halfunit);
  }
  .home-text81 {
    font-size: 14px;
    max-width: 850px;
    margin-bottom: var(--dl-space-space-halfunit);
  }
}
 
@media(max-width: 767px) {
  .footer1-container10 {
    height: auto;
  }
  .footer1-container11 {
    height: auto;
  }
  .footer1-image10 {
    width: 100%;
  }
  .footer1-container12 {
    width: 100%;
    flex-wrap: wrap;
    max-width: auto;
    min-width: 0px;
    align-self: center;
    align-items: center;
    justify-content: center;
  }
  .footer1-text10 {
    max-width: 500px;
  }
  .footer1-image11 {
    width: auto;
    height: 50px;
  }
  .footer1-image12 {
    width: auto;
    height: 50px;
  }
  .footer1-image13 {
    width: auto;
    height: 50px;
  }
  .footer1-image14 {
    width: auto;
    height: 50px;
  }
  .footer1-container16 {
    height: auto;
  }
  .footer1-container17 {
    align-items: center;
    flex-direction: column;
    justify-content: center;
  }
  .footer1-text11 {
    max-width: 500px;
    margin-right: 0px;
    margin-bottom: var(--dl-space-space-halfunit);
  }
  .footer1-image15 {
    width: auto;
    height: 30px;
  }
  .footer1-image16 {
    width: auto;
    height: 30px;
  }
  .footer1-image17 {
    width: auto;
    height: 30px;
  }
  .footer1-image18 {
    width: auto;
    height: 30px;
  }
  .footer1-image19 {
    width: auto;
    height: 30px;
  }
  .footer1-text12 {
    max-width: 500px;
  }
  .footer1-text13 {
    max-width: 500px;
  }
  .footer1-link5 {
    max-width: 500px;
  }
  .footer1-link6 {
    max-width: 500px;
  }
  .footer1-text14 {
    max-width: 500px;
  }
  .footer1-link7 {
    max-width: 500px;
  }
  .footer1-container20 {
    padding-bottom: var(--dl-space-space-twounits);
  }
  .footer1-text15 {
    color: rgb(255, 255, 255);
    width: 100%;
    font-size: 18px;
    font-family: Noto Sans Khmer;
  }
  .home-text71 {
    max-width: 500px;
    font-family: Poppins;
  }
  .home-text81 {
    max-width: 500px;
  }
}
 
@media(max-width: 479px) {
  .footer1-container11 {
    height: auto;
    border-style: solid;
    border-width: 0px;
  }
  .footer1-container12 {
    width: 100%;
    height: auto;
    flex-wrap: wrap;
    max-width: auto;
    min-width: auto;
    align-self: center;
    align-items: center;
    padding-left: 0px;
    padding-right: 0px;
    flex-direction: column;
    padding-bottom: 0px;
    justify-content: flex-start;
    background-color: #511e0d;
  }
  .footer1-container13 {
    height: auto;
    max-width: auto;
    padding-top: 0px;
    padding-left: var(--dl-space-space-halfunit);
    padding-right: var(--dl-space-space-halfunit);
    padding-bottom: var(--dl-space-space-halfunit);
    justify-content: center;
  }
  .footer1-container14 {
    align-items: center;
    justify-content: center;
  }
  .footer1-text10 {
    color: rgb(255, 255, 255);
    width: auto;
    font-size: 18px;
    max-width: 370px;
    font-family: Noto Sans Khmer;
  }
  .footer1-container15 {
    gap: var(--dl-space-space-unit);
  }
  .footer1-image11 {
    width: 30px;
    height: 30px;
  }
  .footer1-image12 {
    width: 30px;
    height: 30px;
  }
  .footer1-image13 {
    width: 30px;
    height: 30px;
  }
  .footer1-image14 {
    width: 30px;
    height: 30px;
  }
  .footer1-container16 {
    height: auto;
    flex-wrap: wrap;
    max-width: auto;
    align-items: flex-start;
    padding-left: var(--dl-space-space-halfunit);
    padding-right: var(--dl-space-space-halfunit);
    flex-direction: row-reverse;
    justify-content: space-between;
  }
  .footer1-container17 {
    align-self: flex-start;
    align-items: center;
    flex-direction: column;
    justify-content: center;
  }
  .footer1-text11 {
    color: rgb(255, 255, 255);
    width: auto;
    font-size: 14px;
    max-width: 370px;
    font-family: Poppins;
    margin-bottom: var(--dl-space-space-halfunit);
  }
  .footer1-container18 {
    gap: 5px;
  }
  .footer1-image15 {
    width: auto;
    height: 20px;
    border-radius: var(--dl-radius-radius-radius4);
  }
  .footer1-image16 {
    width: auto;
    height: 20px;
    border-radius: var(--dl-radius-radius-radius4);
  }
  .footer1-image17 {
    width: auto;
    height: 20px;
    border-radius: var(--dl-radius-radius-radius4);
  }
  .footer1-image18 {
    width: auto;
    height: 20px;
    border-radius: var(--dl-radius-radius-radius4);
  }
  .footer1-image19 {
    width: auto;
    height: 20px;
    border-radius: var(--dl-radius-radius-radius4);
  }
  .footer1-container19 {
    width: 100%;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
  }
  .footer1-text12 {
    color: rgb(255, 255, 255);
    width: 100%;
    font-size: 14px;
    max-width: auto;
    font-family: Poppins;
    margin-bottom: 0px;
  }
  .footer1-text13 {
    color: rgb(255, 255, 255);
    width: 100%;
    font-size: 14px;
    max-width: auto;
    font-family: Poppins;
    margin-bottom: 0px;
  }
  .footer1-link5 {
    color: rgb(255, 255, 255);
    width: 100%;
    font-size: 14px;
    max-width: 100%;
    font-family: Poppins;
    margin-bottom: 0px;
  }
  .footer1-link6 {
    color: rgb(255, 255, 255);
    width: 100%;
    font-size: 14px;
    max-width: auto;
    font-family: Poppins;
    margin-bottom: var(--dl-space-space-halfunit);
  }
  .footer1-text14 {
    color: rgb(255, 255, 255);
    width: auto;
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    max-width: auto;
    font-family: Poppins;
  }
  .footer1-link7 {
    color: rgb(255, 255, 255);
    width: auto;
    font-size: 12px;
    max-width: auto;
    font-family: Poppins;
  }
  .footer1-container20 {
    max-width: auto;
    align-self: center;
    align-items: center;
    padding-top: 11px;
    padding-left: var(--dl-space-space-halfunit);
    padding-right: var(--dl-space-space-halfunit);
    flex-direction: row;
    padding-bottom: 13px;
    justify-content: center;
    background-color: #000000;
  }
  .footer1-container21 {
    width: 100%;
    align-self: center;
    align-items: center;
    flex-direction: row;
    justify-content: center;
  }
  .footer1-text15 {
    color: rgb(255, 255, 255);
    width: auto;
    font-size: 11px;
    max-width: auto;
    align-self: center;
    text-align: center;
    font-family: Poppins;
  }
  .home-text71 {
    color: rgb(255, 255, 255);
    width: auto;
    font-size: 12px;
    max-width: 370px;
    font-family: Poppins;
  }
  .home-text81 {
    color: rgb(255, 255, 255);
    width: auto;
    font-size: 12px;
    max-width: 370px;
    font-family: Noto Sans Khmer;
  }
}

.home-container10 {
  width: 100%;
  display: flex;
  min-height: 100vh;
  align-items: center;
  flex-direction: column;
  background-color: #f2f2f2;
}
.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 #F5F5F5;
  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";*/
/*}*/

.message-message {
  font-size: 15px;
  word-break: break-word;
  font-family: "Exo 2";
  /*text-align: justify;*/
  line-height: 1.45;
  padding-right: 10px;
}
 
.messageroot-class-name {
  display: flex;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.1s ease-in-out, visibility 0s 0.1s;
}
.messageroot-class-name.show {
    visibility: visible;
    opacity: 1;
}
 
.messageroot-class-name1 {
  display: block;
}
 
@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 #F5F5F5;
    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;
  }
}
 
.home-pc-slider {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  overflow: clip;
  max-width: 2000px;
  margin-top: 70px;
  align-items: flex-start;
  padding-top: 0px;
  flex-direction: column;
}
 
.home-slider1 {
  width: 100%;
  height: auto;
  display: inline-block;
}
 
.home-slider-slide10 {
  display: flex;
  position: relative;
}
 
.home-image10 {
  width: 100%;
  object-fit: cover;
}
 
.home-navlink10 {
  left: 40px;
  color: #ffffff;
  bottom: 40px;
  position: absolute;
  border-color: #ffffff;
  border-radius: var(--dl-radius-radius-inputradius);
  text-decoration: none;
  background-color: transparent;
}
 
.home-txt10 {
  flex: 0 0 auto;
  left: 0px;
  width: 100%;
  bottom: 90px;
  height: 100px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  padding-left: 40px;
  padding-right: 40px;
  flex-direction: column;
  justify-content: flex-end;
}
 
.home-text10 {
  color: #ffffff;
  margin-bottom: var(--dl-space-space-halfunit);
}
 
.home-text11 {
  color: #ffffff;
  font-family: "PT Sans";
}
 
.home-slider-slide11 {
  display: flex;
}
 
.home-image11 {
  width: 100%;
  object-fit: cover;
}
 
.home-navlink11 {
  left: 40px;
  color: #ffffff;
  bottom: 40px;
  position: absolute;
  border-color: #ffffff;
  border-radius: var(--dl-radius-radius-inputradius);
  text-decoration: none;
  background-color: transparent;
}
 
.home-txt11 {
  flex: 0 0 auto;
  left: 0px;
  width: 100%;
  bottom: 90px;
  height: 100px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  padding-left: 40px;
  padding-right: 40px;
  flex-direction: column;
  justify-content: flex-end;
}
 
.home-text12 {
  color: #ffffff;
  margin-bottom: var(--dl-space-space-halfunit);
}
 
.home-text13 {
  color: #ffffff;
  font-family: "PT Sans";
}
 
.home-slider-slide12 {
  display: flex;
}
 
.home-image12 {
  width: 100%;
  object-fit: cover;
}
 
.home-navlink12 {
  left: 50px;
  color: #ffffff;
  bottom: 50px;
  position: absolute;
  border-color: #ffffff;
  border-radius: var(--dl-radius-radius-inputradius);
  text-decoration: none;
  background-color: transparent;
}
 
.home-txt12 {
  flex: 0 0 auto;
  left: 0px;
  width: 100%;
  bottom: 100px;
  height: 100px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  padding-left: 50px;
  padding-right: 50px;
  flex-direction: column;
  justify-content: flex-end;
}
 
.home-text14 {
  color: #ffffff;
  margin-bottom: var(--dl-space-space-halfunit);
}
 
.home-text15 {
  color: #ffffff;
  font-family: "PT Sans";
}
 
.home-slider-slide13 {
  display: flex ;
  background-size: 100%;
  background-image: url("https://images.unsplash.com/photo-1471180625745-944903837c22?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w5MTMyMXwwfDF8cmFuZG9tfHx8fHx8fHx8MTczNDQwMzEzNXw&ixlib=rb-4.0.3&q=80&w=1080");
}
 
.home-image13 {
  width: 100%;
  object-fit: cover;
}
 
.home-navlink13 {
  left: 50px;
  color: #ffffff;
  bottom: 50px;
  position: absolute;
  border-color: #ffffff;
  border-radius: var(--dl-radius-radius-inputradius);
  text-decoration: none;
  background-color: transparent;
}
 
.home-txt13 {
  flex: 0 0 auto;
  left: 0px;
  width: 100%;
  bottom: 100px;
  height: 100px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  padding-left: 50px;
  padding-right: 50px;
  flex-direction: column;
  justify-content: flex-end;
}
 
.home-text16 {
  color: #ffffff;
  margin-bottom: var(--dl-space-space-halfunit);
}
 
.home-text17 {
  color: #ffffff;
  font-family: "PT Sans";
}
 
.home-slider-slide14 {
  display: flex ;
  background-size: 100%;
  background-image: url("https://images.unsplash.com/photo-1471513671800-b09c87e1497c?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w5MTMyMXwwfDF8cmFuZG9tfHx8fHx8fHx8MTczNDQwMzIxOHw&ixlib=rb-4.0.3&q=80&w=1080");
}
 
.home-image14 {
  width: 100%;
  object-fit: cover;
}
 
.home-navlink14 {
  left: 40px;
  color: #ffffff;
  bottom: 40px;
  position: absolute;
  border-color: #ffffff;
  border-radius: var(--dl-radius-radius-inputradius);
  text-decoration: none;
  background-color: transparent;
}
 
.home-txt14 {
  flex: 0 0 auto;
  left: 0px;
  width: 100%;
  bottom: 90px;
  height: 100px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  padding-left: 40px;
  padding-right: 40px;
  flex-direction: column;
  justify-content: flex-end;
}
 
.home-text18 {
  color: #ffffff;
  margin-bottom: var(--dl-space-space-halfunit);
}
 
.home-text19 {
  color: #ffffff;
  font-family: "PT Sans";
}
 
.home-slider-pagination1 {
  display: block;
}
 
.home-slider-button-prev1 {
  display: none;
}
 
.home-slider-button-next1 {
  display: none;
}
 
.home-mobile-slider {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: none;
  overflow: clip;
  max-width: 1600px;
  margin-top: 70px;
  align-items: flex-start;
  padding-top: 0px;
  flex-direction: column;
}
 
.home-slider2 {
  width: 100%;
  height: auto;
  display: inline-block;
}
 
.home-slider-slide15 {
  display: flex;
  position: relative;
}
 
.home-image15 {
  width: 100%;
  object-fit: cover;
}
 
.home-navlink15 {
  left: 64px;
  bottom: 77px;
  position: absolute;
  text-decoration: none;
}
 
.home-txt15 {
  flex: 0 0 auto;
  width: 100%;
  height: 100px;
  display: flex;
  align-items: flex-start;
}
 
.home-slider-slide16 {
  display: flex ;
  background-size: 100%;
  background-image: url("https://images.unsplash.com/photo-1444090542259-0af8fa96557e?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w5MTMyMXwwfDF8cmFuZG9tfHx8fHx8fHx8MTczNDQwNTMyN3w&ixlib=rb-4.0.3&q=80&w=1080");
}
 
.home-image16 {
  width: 100%;
  object-fit: cover;
}
 
.home-navlink16 {
  left: 64px;
  bottom: 77px;
  position: absolute;
  text-decoration: none;
}
 
.home-txt16 {
  flex: 0 0 auto;
  width: 100%;
  height: 100px;
  display: flex;
  align-items: flex-start;
}
 
.home-slider-slide17 {
  display: flex ;
  background-size: 100%;
  background-image: url("https://images.unsplash.com/photo-1539362286735-21789f9187f7?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w5MTMyMXwwfDF8cmFuZG9tfHx8fHx8fHx8MTczNDQwNTMzMHw&ixlib=rb-4.0.3&q=80&w=1080");
}
 
.home-image17 {
  width: 100%;
  object-fit: cover;
}
 
.home-navlink17 {
  left: 64px;
  bottom: 77px;
  position: absolute;
  text-decoration: none;
}
 
.home-txt17 {
  flex: 0 0 auto;
  width: 100%;
  height: 100px;
  display: flex;
  align-items: flex-start;
}
 
.home-slider-slide18 {
  display: flex ;
  background-size: 100%;
  background-image: url("https://images.unsplash.com/photo-1519455953755-af066f52f1a6?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w5MTMyMXwwfDF8cmFuZG9tfHx8fHx8fHx8MTczNDQwNTMzMnw&ixlib=rb-4.0.3&q=80&w=1080");
}
 
.home-image18 {
  width: 100%;
  object-fit: cover;
}
 
.home-navlink18 {
  left: 64px;
  bottom: 77px;
  position: absolute;
  text-decoration: none;
}
 
.home-txt18 {
  flex: 0 0 auto;
  width: 100%;
  height: 100px;
  display: flex;
  align-items: flex-start;
}
 
.home-slider-slide19 {
  display: flex ;
  background-size: 100%;
  background-image: url("https://images.unsplash.com/photo-1497250681960-ef046c08a56e?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w5MTMyMXwwfDF8cmFuZG9tfHx8fHx8fHx8MTczNDQwNTMzM3w&ixlib=rb-4.0.3&q=80&w=1080");
}
 
.home-image19 {
  width: 100%;
  object-fit: cover;
}
 
.home-navlink19 {
  left: 64px;
  bottom: 77px;
  position: absolute;
  text-decoration: none;
}
 
.home-txt19 {
  flex: 0 0 auto;
  width: 100%;
  height: 100px;
  display: flex;
  align-items: flex-start;
}
 
.home-slider-slide20 {
  display: flex ;
  background-size: 100%;
  background-image: url("https://images.unsplash.com/photo-1497436072909-60f360e1d4b1?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w5MTMyMXwwfDF8cmFuZG9tfHx8fHx8fHx8MTczNDQwNTMzNHw&ixlib=rb-4.0.3&q=80&w=1080");
}
 
.home-image20 {
  width: 100%;
  object-fit: cover;
}
 
.home-navlink20 {
  left: 64px;
  bottom: 77px;
  position: absolute;
  text-decoration: none;
}
 
.home-txt20 {
  flex: 0 0 auto;
  width: 100%;
  height: 100px;
  display: flex;
  align-items: flex-start;
}
 
.home-slider-pagination2 {
  display: block;
}
 
.home-slider-button-prev2 {
  display: none;
}
 
.home-slider-button-next2 {
  display: none;
}
 
.home-container11 {
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
 
.home-container12 {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
}
 
.home-container13 {
  width: 100%;
  height: auto;
  display: flex;
  max-width: 1150px;
  align-items: flex-start;
  flex-direction: column;
}
 
.home-container14 {
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
  padding-left: var(--dl-space-space-halfunit);
  padding-right: var(--dl-space-space-halfunit);
  flex-direction: column;
}
 
.home-txtpopulars {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  margin-top: var(--dl-space-space-oneandhalfunits);
  align-items: center;
  margin-bottom: 10px;
}
 
.home-container15 {
  flex: 0 0 auto;
  width: 50%;
  height: auto;
  display: flex;
  align-items: center;
}
 
.home-icon10 {
  fill: #212529;
  color: #212529;
}
 
.home-text32 {
  fill: #212529;
  color: #212529;
  font-family: "Fira Sans";
}
 
.home-container16 {
  flex: 0 0 auto;
  width: 50%;
  height: auto;
  display: flex;
  align-items: center;
  padding-right: var(--dl-space-space-oneandhalfunits);
  justify-content: flex-end;
}
 
.home-back {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  margin-right: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-round);
  justify-content: center;
  background-color: #e2e5e9;
}
 
.home-icon12 {
  fill: rgba(25, 24, 24, 0.7);
  color: rgba(25, 24, 24, 0.7);
}
 
.home-next {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  margin-right: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-round);
  justify-content: center;
  background-color: #e2e5e9;
}
 
.home-icon14 {
  fill: rgba(25, 24, 24, 0.7);
  color: rgba(25, 24, 24, 0.7);
}
 
.home-discount {
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
  align-self: center;
  align-items: center;
  margin-bottom: var(--dl-space-space-halfunit);
  flex-direction: row;
  justify-content: center;
}
 
.home-container17 {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
 
.home-text33 {
  fill: #0D355D;
  color: rgb(13, 53, 93);
  font-size: 18px;
  align-self: center;
  font-family: "Poppins";
  margin-right: var(--dl-space-space-halfunit);
}
 
.home-text34 {
  fill: #ffffff;
  color: rgb(255, 255, 255);
  display: none;
  font-size: 18px;
  align-self: center;
  padding-top: 3px;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius8);
  padding-right: var(--dl-space-space-halfunit);
  padding-bottom: 3px;
  background-color: rgb(255, 0, 0);
}
 
.home-text35 {
  fill: #ffffff;
  color: rgb(255, 255, 255);
  font-size: 18px;
  align-self: center;
  padding-top: 3px;
  padding-left: 3px;
  padding-right: 3px;
  padding-bottom: 3px;
  background-color: rgb(255, 0, 0);
}
 
.home-text36 {
  fill: rgb(13, 53, 93);
  color: rgb(13, 53, 93);
  font-size: 18px;
  align-self: center;
  padding-top: 3px;
  padding-left: 3px;
  padding-right: 3px;
  padding-bottom: 3px;
}
 
.home-text37 {
  fill: #ffffff;
  color: rgb(255, 255, 255);
  font-size: 18px;
  align-self: center;
  padding-top: 3px;
  padding-left: 3px;
  padding-right: 3px;
  padding-bottom: 3px;
  background-color: rgb(255, 0, 0);
}
 
.home-text38 {
  fill: rgb(13, 53, 93);
  color: rgb(13, 53, 93);
  font-size: 18px;
  align-self: center;
  padding-top: 3px;
  padding-left: 3px;
  padding-right: 3px;
  padding-bottom: 3px;
}
 
.home-text39 {
  fill: #ffffff;
  color: rgb(255, 255, 255);
  font-size: 18px;
  align-self: center;
  padding-top: 3px;
  padding-left: 3px;
  padding-right: 3px;
  padding-bottom: 3px;
  background-color: rgb(255, 0, 0);
}
 
.home-icon16 {
  margin-left: 5px;
}
 
.home-scroll-card {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  overflow-x: scroll;
  align-items: flex-start;
  flex-direction: row;
  justify-content: flex-start;
  scroll-behavior: smooth;
}
 
.home-card1 {
  flex: 0 0 auto;
  width: 20%;
  height: auto;
  display: flex;
  padding: 10px;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.home-navlink21 {
  display: contents;
}
 
.home-container18 {
  flex: 0 0 auto;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  align-items: flex-end;
  border-radius: 20px;
  flex-direction: column;
  text-decoration: none;
  background-color: #c2c2c2;
}
 
.home-image21 {
  width: 100%;
  height: 100%;
  min-height: 300px;
  z-index: 400;
  object-fit: cover;
  border-radius: 20px;
}
 
.home-container19 {
  flex: 0 0 auto;
  left: 0px;
  width: 100%;
  bottom: 0px;
  height: auto;
  display: flex;
  padding: 5px;
  z-index: 500;
  position: absolute;
  align-items: flex-start;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
 
.home-container20 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: none;
  padding: var(--dl-space-space-halfunit);
  align-self: flex-end;
  align-items: flex-start;
  border-radius: 20px;
  flex-direction: column;
  justify-content: flex-start;
  background-color: rgba(217, 217, 217, 0.45);
}
 
.home-text40 {
  fill: rgb(255, 255, 255);
  color: rgb(255, 255, 255);
  font-style: normal;
  font-family: "Poppins";
  font-weight: 700;
  padding-top: 3px;
  padding-bottom: 3px;
}
 
.home-text41 {
  fill: rgb(255, 255, 255);
  color: rgb(255, 255, 255);
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  padding-top: 2px;
  padding-bottom: 2px;
}
 
.home-text42 {
  fill: rgb(255, 255, 255);
  color: rgb(255, 255, 255);
  font-size: 12px;
  font-style: normal;
  font-family: "Verdana";
  font-weight: 500;
  padding-top: 5px;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  padding-bottom: 5px;
  background-color: rgb(255, 0, 0);
}
 
.home-container21 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  padding: var(--dl-space-space-halfunit);
  align-self: flex-end;
  align-items: flex-start;
  border-radius: 15px;
  flex-direction: column;
  justify-content: flex-start;
  background-color: rgba(217, 217, 217, 0.45);
}
 
.home-container22 {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-start;
}
 
.home-text43 {
  fill: rgb(255, 255, 255);
  color: rgb(255, 255, 255);
  font-style: normal;
  font-family: "Poppins";
  font-weight: 700;
  padding-top: 3px;
  padding-bottom: 3px;
}
 
.home-container23 {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
}
 
.home-text44 {
  fill: rgb(255, 255, 255);
  color: rgb(255, 255, 255);
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  padding-top: 2px;
  margin-right: 5px;
  padding-bottom: 2px;
}
 
.home-text45 {
  fill: rgb(255, 255, 255);
  color: rgb(162, 156, 156);
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  padding-top: 2px;
  padding-bottom: 2px;
  text-decoration: line-through;
}
 
.home-container24 {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-start;
}
 
.home-text46 {
  fill: rgb(255, 255, 255);
  color: rgb(255, 255, 255);
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  padding-top: 2px;
  padding-bottom: 2px;
}
 
.home-container25 {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-start;
}
 
.home-text47 {
  fill: rgb(255, 255, 255);
  color: rgb(255, 255, 255);
  font-size: 12px;
  font-style: normal;
  font-family: "Verdana";
  font-weight: 500;
  padding-top: 5px;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  padding-bottom: 5px;
  background-color: rgb(255, 0, 0);
}
 
.home-text48 {
  fill: rgb(255, 255, 255);
  color: rgb(255, 255, 255);
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  padding-top: 2px;
  padding-left: 2px;
  padding-bottom: 2px;
}
 
.home-container26 {
  width: 100%;
  display: flex;
  align-items: flex-start;
  padding-left: var(--dl-space-space-halfunit);
  padding-right: var(--dl-space-space-halfunit);
  flex-direction: column;
}
 
.home-container27 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
  flex-wrap: wrap;
  margin-top: 50px;
  align-items: flex-start;
  border-radius: var(--dl-radius-radius-inputradius);
  flex-direction: row;
  padding-bottom: var(--dl-space-space-oneandhalfunits);
  justify-content: flex-start;
  background-color: #e8e6e6;
}
 
.home-txtmobilegame1 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  margin-top: 0px;
  align-items: center;
}
 
.home-container28 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  margin-top: var(--dl-space-space-oneandhalfunits);
  align-items: center;
}
 
.home-icon18 {
  margin-left: 4px;
}
 
.home-text49 {
  fill: #212529;
  color: #212529;
  font-family: "Fira Sans";
}
 
.home-container29 {
  flex: 0 0 auto;
  height: 40px;
  display: none;
  align-items: flex-start;
  margin-left: var(--dl-space-space-oneandhalfunits);
  flex-direction: column;
}
 
.home-image22 {
  width: auto;
  height: 100%;
  object-fit: cover;
}
 
.home-card2 {
  flex: 0 0 auto;
  width: 16.66%;
  height: auto;
  display: flex;
  padding: 10px;
  margin-top: 30px;
  align-items: flex-start;
}
 
.home-navlink22 {
  display: contents;
}
 
.home-container30 {
  flex: 0 0 auto;
  width: 100%;
  height: 100%;
  min-height: 240px;
  display: flex;
  padding: 12px;
  position: relative;
  box-shadow: 0px 3px 5px 0px #a9a5a5;
  align-items: flex-start;
  border-radius: 14px;
  flex-direction: column;
  text-decoration: none;
  background-color: #ecebeb;
}
 
.home-container31 {
  flex: 0 0 auto;
  left: 0px;
  right: 0px;
  width: 80%;
  bottom: -15px;
  height: 35px;
  margin: auto;
  display: flex;
  position: absolute;
  align-items: center;
  border-radius: 60px;
  justify-content: center;
  background-color: #4e4c57;
}
 
.home-text50 {
  color: rgb(251, 251, 251);
}
 
.home-container32 {
  width: 100%;
  /*height: auto;*/
  height: 100%;
  display: flex;
  align-items: flex-start;
}
 
.home-image23 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}
 
.home-container33 {
  width: 100%;
  height: 50%;
  display: flex;
  min-height: 70px;
  align-items: center;
  padding-top: 15px;
  padding-bottom: 15px;
  justify-content: center;
}
 
.home-text51 {
  color: #000000;
  font-size: 17px;
  align-self: center;
  font-style: normal;
  text-align: center;
  font-weight: 600;
}
 
.home-container34 {
  top: -30px;
  right: var(--dl-space-space-halfunit);
  width: auto;
  height: 60px;
  display: flex;
  position: absolute;
  align-items: flex-end;
  justify-content: flex-end;
}
 
.home-image24 {
  width: auto;
  height: 100%;
  object-fit: cover;
}
 
.home-container35 {
  width: 100%;
  display: flex;
  align-items: flex-start;
  padding-left: var(--dl-space-space-halfunit);
  padding-right: var(--dl-space-space-halfunit);
  flex-direction: column;
}
 
.home-container36 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
  flex-wrap: wrap;
  margin-top: 50px;
  align-items: flex-start;
  border-radius: var(--dl-radius-radius-inputradius);
  flex-direction: row;
  padding-bottom: var(--dl-space-space-oneandhalfunits);
  justify-content: flex-start;
  background-color: #e8e6e6;
}
 
.home-txtmobilegame2 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  margin-top: 0px;
  align-items: center;
}
 
.home-container37 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  margin-top: var(--dl-space-space-oneandhalfunits);
  align-items: center;
}
 
.home-icon20 {
  margin-left: var(--dl-space-space-halfunit);
  margin-right: var(--dl-space-space-halfunit);
}
 
.home-text52 {
  fill: #212529;
  color: rgb(33, 37, 41);
  font-family: "Fira Sans";
}
 
.home-container38 {
  flex: 0 0 auto;
  height: 40px;
  display: none;
  align-items: flex-start;
  margin-left: var(--dl-space-space-oneandhalfunits);
  flex-direction: column;
}
 
.home-image25 {
  width: auto;
  height: 100%;
  object-fit: cover;
}
 
.home-amine {
  top: -30px;
  flex: 0 0 auto;
  right: var(--dl-space-space-halfunit);
  width: auto;
  height: 60px;
  display: flex;
  position: absolute;
  align-items: flex-end;
  justify-content: flex-end;
}
 
.home-image26 {
  width: auto;
  height: 100%;
  object-fit: cover;
}
 
.home-container39 {
  flex: 0 0 auto;
  width: 20%;
  height: auto;
  display: flex;
  padding: 5px;
  margin-top: 10px;
  align-items: flex-start;
}
 
.home-navlink23 {
  display: contents;
}
 
.home-container40 {
  width: 100%;
  height: auto;
  min-height: 150px;
  display: flex;
  position: relative;
  align-self: flex-start;
  transition: 0.3s;
  align-items: center;
  border-radius: var(--dl-radius-radius-radius8);
  flex-direction: column;
  padding-bottom: var(--dl-space-space-halfunit);
  justify-content: center;
  text-decoration: none;
  background-color: #F5F5F5;
  border-top-left-radius: var(--dl-radius-radius-radius8);
  border-top-right-radius: var(--dl-radius-radius-radius8);
  border-bottom-left-radius: var(--dl-radius-radius-radius8);
  border-bottom-right-radius: var(--dl-radius-radius-radius8);
}
 
.home-container40:hover {
  border: none;
  border-color: #ff0000;
  border-width: 2px;
  background-color: #5679d7;
}
 
.home-image27 {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: var(--dl-radius-radius-radius8);
  border-top-right-radius: var(--dl-radius-radius-radius8);
  border-bottom-left-radius: var(--dl-radius-radius-radius8);
}
 
.home-container41 {
  gap: var(--dl-space-space-halfunit);
  width: 100%;
  height: 74px;
  display: flex;
  align-items: center;
  padding-top: var(--dl-space-space-halfunit);
  flex-direction: column;
  justify-content: center;
}
 
.home-text53 {
  fill: gold;
  color: #393B48;
  font-size: 18px;
  font-style: normal;
  text-align: center;
  font-family: "Poppins";
  font-weight: 700;
}
 
.home-text54 {
  fill: #b9b7b7;
  color: #b9b7b7;
  font-size: 14px;
}
 
.home-container42 {
  top: 4px;
  flex: 0 0 auto;
  right: 4px;
  width: auto;
  height: auto;
  margin: auto;
  display: flex;
  position: absolute;
  align-items: flex-start;
}
 
.home-text55 {
  fill: #ffffff;
  color: rgb(255, 255, 255);
  width: 100%;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  padding-top: 4px;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  padding-bottom: 4px;
  background-color: rgb(255, 0, 0);
  white-space: nowrap;
}
 
.home-container43 {
  width: 100%;
  display: flex;
  align-items: flex-start;
  padding-left: var(--dl-space-space-halfunit);
  padding-right: var(--dl-space-space-halfunit);
  flex-direction: column;
}
 
.home-container44 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  margin-top: 50px;
  align-items: flex-start;
  border-radius: var(--dl-radius-radius-inputradius);
  flex-direction: row;
  padding-bottom: var(--dl-space-space-oneandhalfunits);
  justify-content: flex-start;
  background-color: #e8e6e6;
}
 
.home-txtmobilegame3 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  margin-top: 0px;
  align-items: center;
}
 
.home-container45 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  margin-top: var(--dl-space-space-oneandhalfunits);
  align-items: center;
  margin-bottom: 30px;
}
 
.home-icon24 {
  margin-left: var(--dl-space-space-halfunit);
  margin-right: var(--dl-space-space-halfunit);
}
 
.home-text56 {
  fill: #212529;
  color: rgb(33, 37, 41);
  font-family: "Fira Sans";
}
 
.home-container46 {
  width: 100%;
  height: auto;
  column-gap: 0px;
  align-items: center;
  column-count: 4;
  justify-items: center;
}
 
.home-card3 {
  width: 100%;
  height: auto;
  display: flex;
  padding: 10px;
  overflow: hidden;
  align-items: center;
  break-inside: avoid;
  flex-direction: column;
  justify-content: center;
}
 
.home-navlink24 {
  display: contents;
}
 
.home-container47 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
  transition: 0.3s;
  align-items: flex-end;
  border-radius: 20px;
  flex-direction: column;
  text-decoration: none;
  background-color: #c2c2c2;
}
 
.home-container47:hover {
  transform: scale(1.01);
}
 
.home-image28 {
  width: 100%;
  height: 100%;
  z-index: 400;
  object-fit: cover;
  border-radius: 20px;
}
 
.home-container48 {
  flex: 0 0 auto;
  left: 0px;
  width: 100%;
  bottom: 0px;
  height: auto;
  display: flex;
  padding: 5px;
  z-index: 500;
  position: absolute;
  align-items: flex-start;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
 
.home-container49 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  padding: var(--dl-space-space-halfunit);
  align-self: flex-end;
  align-items: flex-start;
  border-radius: 15px;
  flex-direction: column;
  justify-content: flex-start;
  background-color: rgba(217, 217, 217, 0.45);
}
 
.home-container50 {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-start;
}
 
.home-text57 {
  fill: rgb(255, 255, 255);
  color: rgb(255, 255, 255);
  font-size: 13px;
  font-style: normal;
  font-family: "Poppins";
  font-weight: 700;
  padding-top: 3px;
  padding-bottom: 3px;
}
 
.home-container51 {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
}
 
.home-text58 {
  fill: rgb(255, 255, 255);
  color: rgb(255, 255, 255);
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  padding-top: 2px;
  margin-right: 5px;
  padding-bottom: 2px;
}
 
.home-text59 {
  fill: rgb(255, 255, 255);
  color: #c3c3c3;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  padding-top: 2px;
  padding-bottom: 2px;
  text-decoration: line-through;
}
 
.home-container52 {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-start;
}
 
.home-text60 {
  fill: rgb(255, 255, 255);
  color: rgb(255, 255, 255);
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  padding-top: 2px;
  padding-bottom: 2px;
}
 
.home-container53 {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-start;
}
 
.home-text61 {
  fill: rgb(255, 255, 255);
  color: rgb(255, 255, 255);
  font-size: 12px;
  font-style: normal;
  font-family: "Verdana";
  font-weight: 500;
  padding-top: 5px;
  padding-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-halfunit);
  padding-bottom: 5px;
  background-color: rgb(255, 0, 0);
}
 
.home-text62 {
  fill: rgb(255, 255, 255);
  color: rgb(255, 255, 255);
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  padding-top: 2px;
  padding-left: 2px;
  padding-bottom: 2px;
}
 
.home-link1 {
  display: contents;
}
 
.home-container54 {
  flex: 0 0 auto;
  right: var(--dl-space-space-unit);
  width: auto;
  bottom: 200px;
  display: flex;
  z-index: 1000;
  position: fixed;
  align-self: flex-end;
  align-items: center;
  padding-left: 0px;
  border-radius: 35px;
  justify-content: space-between;
  text-decoration: none;
  background-color: #2498d6;
}
 
.home-text63 {
  fill: #0D355D;
  color: rgb(229, 232, 234);
  font-size: 18px;
  font-family: "Poppins";
  margin-left: var(--dl-space-space-halfunit);
  margin-right: var(--dl-space-space-halfunit);
}
 
.home-image29 {
  width: 40px;
  height: 40px;
  object-fit: cover;
  border-radius: var(--dl-radius-radius-round);
}
 
.home-link2 {
  display: contents;
}
 
.home-container55 {
  flex: 0 0 auto;
  right: var(--dl-space-space-unit);
  width: auto;
  bottom: 150px;
  display: flex;
  z-index: 1000;
  position: fixed;
  align-self: flex-end;
  align-items: center;
  padding-left: 0px;
  border-radius: 35px;
  justify-content: space-between;
  text-decoration: none;
  background-color: #2498d6;
}
 
.home-text64 {
  fill: #0D355D;
  color: rgb(229, 232, 234);
  font-size: 18px;
  font-family: "Poppins";
  margin-left: var(--dl-space-space-halfunit);
  margin-right: var(--dl-space-space-halfunit);
}
 
.home-image30 {
  width: 40px;
  height: 40px;
  object-fit: cover;
  border-radius: var(--dl-radius-radius-round);
}
 
.home-link3 {
  display: contents;
}
 
.home-container56 {
  flex: 0 0 auto;
  right: var(--dl-space-space-unit);
  width: auto;
  bottom: 100px;
  display: flex;
  z-index: 1000;
  position: fixed;
  align-self: flex-end;
  align-items: center;
  padding-left: 0px;
  border-radius: 35px;
  justify-content: space-between;
  text-decoration: none;
  background-color: #2498d6;
}
 
.home-text65 {
  fill: #0D355D;
  color: #e5e8ea;
  font-size: 18px;
  font-family: "Poppins";
  margin-left: var(--dl-space-space-halfunit);
  margin-right: var(--dl-space-space-halfunit);
}
 
.home-image31 {
  width: 40px;
  height: 40px;
  object-fit: cover;
  border-radius: var(--dl-radius-radius-round);
}
 
.home-fragment1 {
  display: contents;
}
 
.home-text66 {
  display: inline-block;
}
 
.home-fragment2 {
  display: contents;
}
 
.home-text67 {
  display: inline-block;
}
 
.home-fragment3 {
  display: contents;
}
 
.home-text68 {
  display: inline-block;
}
 
.home-fragment4 {
  display: contents;
}
 
.home-text69 {
  display: inline-block;
}
 
.home-fragment5 {
  display: contents;
}
 
.home-text70 {
  display: inline-block;
}
 
.home-fragment6 {
  display: contents;
}
 
.home-text71 {
  color: rgb(255, 255, 255);
  width: auto;
  display: inline-block;
  font-size: 18px;
  max-width: auto;
  align-self: flex-start;
  font-family: "Poppins";
  margin-bottom: var(--dl-space-space-halfunit);
}
 
.home-fragment7 {
  display: contents;
}
 
.home-text79 {
  display: inline-block;
}
 
.home-fragment8 {
  display: contents;
}
 
.home-text80 {
  display: inline-block;
}
 
.home-fragment9 {
  display: contents;
}
 
.home-text81 {
  color: rgb(0, 0, 255);
  width: auto;
  display: inline-block;
  font-size: 18px;
  max-width: auto;
  align-self: flex-start;
  font-family: "Noto Sans Khmer";
  margin-bottom: var(--dl-space-space-halfunit);
  text-decoration: underline;
}
 
.home-slidedown {
  top: 0px;
  flex: 0 0 auto;
  left: 0px;
  right: 0px;
  width: 100%;
  bottom: 0px;
  height: 100%100vh
  margin: auto;
  z-index: 95000;
  position: fixed;
  align-items: center;
  backdrop-filter: blur(4px);
  justify-content: center;
  -webkit-backdrop-filter: blur(4px);
}
 
/*.home-card4 {*/
/*  width: auto;*/
/*  height: auto;*/
/*  display: flex;*/
/*  position: relative;*/
/*  align-self: center;*/
/*  align-items: center;*/
/*  justify-content: center;*/
/*  animation-name: slideInDown;*/
/*  flex-direction: column;*/
/*  animation-delay: 0s;*/
/*  justify-content: center;*/
/*  animation-duration: 400ms;*/
/*  animation-direction: normal;*/
/*  animation-iteration-count: 1;*/
/*  animation-timing-function: ease;*/
/*}*/

.home-card4 {
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  animation-name: slideInDown;
  animation-delay: 0s;
  animation-duration: 400ms;
  animation-direction: normal;
  animation-iteration-count: 1;
  animation-timing-function: ease;
  padding: 30px;
  border-radius: 10px; 
}
 
.home-container57 {
  top: 0px;
  flex: 0 0 auto;
  right: 0px;
  width: auto;
  height: auto;
  display: flex;
  z-index: 1;
  position: absolute;
  align-self: flex-end;
  margin-top: var(--dl-space-space-halfunit);
  align-items: center;
  margin-right: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-buttonradius);
  margin-bottom: 0px;
  justify-content: center;
  background-color: rgba(217, 217, 217, 0.66);
}
 
.home-button {
  display: flex;
  padding: 0px;
  align-items: center;
  border-width: 0px;
  border-radius: var(--dl-radius-radius-buttonradius);
  flex-direction: row;
  justify-content: center;
  background-color: transparent;
}
 
.home-icon28 {
  fill: var(--dl-color-theme-neutral-dark1);
  color: #00a1ff;
  width: 100%;
  height: 100%;
}
 
.home-container58 {
  flex: 0 0 auto;
  width: 500px;
  height: auto;
  display: flex;
  position: relative;
  box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.23)
  align-items: center;
  border-radius: var(--dl-radius-radius-radius8);
  flex-direction: column;
  justify-content: center;
  background-color: #ffffff;
}
 
.home-image32 {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 6px;
  margin-bottom: var(--dl-space-space-halfunit);
}
 
.home-link4 {
  display: contents;
}
 
.home-container59 {
  display: flex;
  align-items: center;
  padding-left: 4px;
  padding-right: 4px;
  flex-direction: column;
  justify-content: center;
  text-decoration: none;
  color: #ffffff;
}
 
.home-text82 {
  fill: #0D355D;
  color: rgb(13, 53, 93);
  font-size: 17px;
  font-style: normal;
  font-family: "Poppins";
  font-weight: 600;
  margin-bottom: var(--dl-space-space-halfunit);
}
 
.home-text85 {
  fill: #0D355D;
  color: #0D355D;
  font-size: 11px;
  font-style: normal;
  text-align: center;
  font-family: "Exo 2";
  font-weight: 400;
  margin-bottom: var(--dl-space-space-halfunit);
}
 
@media(max-width: 991px) {
  .home-pc-slider {
    max-width: auto;
  }
  .home-navlink10 {
    left: 20px;
    bottom: 20px;
  }
  .home-txt10 {
    bottom: 65px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .home-text10 {
    font-size: 18px;
  }
  .home-text11 {
    font-size: 12px;
  }
  .home-navlink14 {
    left: 20px;
    bottom: 20px;
  }
  .home-txt14 {
    bottom: 65px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .home-text18 {
    font-size: 18px;
  }
  .home-text19 {
    font-size: 12px;
  }
  .home-mobile-slider {
    max-width: auto;
  }
  .home-discount {
    width: 100%;
    max-width: 100%;
  }
  .home-card1 {
    width: 20%;
  }
  .home-text44 {
    font-size: 13px;
  }
  .home-text45 {
    font-size: 12px;
  }
  .home-text46 {
    font-size: 10px;
  }
  .home-container25 {
    align-items: flex-start;
    flex-direction: column;
  }
  .home-container27 {
    margin-top: var(--dl-space-space-oneandhalfunits);
    background-color: #e8e6e6;
  }
  .home-card2 {
    height: auto;
    padding: 5px;
  }
  .home-container30 {
    padding: 10px;
  }
  .home-container31 {
    height: 30px;
  }
  .home-text51 {
    font-size: 15px;
  }
  .home-container36 {
    margin-top: var(--dl-space-space-oneandhalfunits);
    background-color: #e8e6e6;
  }
  .home-amine {
    top: -30px;
  }
  .home-container40 {
    width: 100%;
    align-items: center;
    justify-content: center;
    border-top-left-radius: var(--dl-radius-radius-radius8);
    border-top-right-radius: var(--dl-radius-radius-radius8);
    border-bottom-left-radius: var(--dl-radius-radius-radius8);
    border-bottom-right-radius: var(--dl-radius-radius-radius8);
  }
  .home-image27 {
    width: 100%;
    height: auto;
    border-top-left-radius: var(--dl-radius-radius-radius4);
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: var(--dl-radius-radius-radius4);
  }
  .home-text55 {
    font-size: 14px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .home-container44 {
    margin-top: var(--dl-space-space-oneandhalfunits);
    background-color: #e8e6e6;
  }
  .home-container54 {
    right: var(--dl-space-space-oneandhalfunits);
    width: auto;
    bottom: 210px;
  }
  .home-image29 {
    width: 40px;
    height: 40px;
  }
  .home-container55 {
    right: var(--dl-space-space-oneandhalfunits);
    width: auto;
    bottom: 165px;
  }
  .home-image30 {
    width: 40px;
    height: 40px;
  }
  .home-container56 {
    right: var(--dl-space-space-oneandhalfunits);
    width: auto;
    bottom: 120px;
  }
  .home-image31 {
    width: 40px;
    height: 40px;
  }
  .home-text71 {
    font-size: 14px;
    max-width: 850px;
    margin-bottom: var(--dl-space-space-halfunit);
  }
  .home-text81 {
    font-size: 14px;
    max-width: 850px;
    margin-bottom: var(--dl-space-space-halfunit);
  }
}
 
@media(max-width: 767px) {
  .home-pc-slider {
    max-width: auto;
  }
  .home-navlink10 {
    left: 20px;
    color: rgb(255, 255, 255);
    bottom: 20px;
    font-size: 14px;
    text-decoration: none;
    background-color: transparent;
  }
  .home-txt10 {
    bottom: 60px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .home-text10 {
    font-size: 16px;
  }
  .home-text11 {
    font-size: 12px;
  }
  .home-navlink12 {
    left: 15px;
    bottom: 15px;
  }
  .home-txt12 {
    bottom: 60px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .home-text14 {
    margin-bottom: 3px;
  }
  .home-text15 {
    font-size: 11px;
  }
  .home-navlink13 {
    left: 15px;
    bottom: 15px;
  }
  .home-txt13 {
    bottom: 60px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .home-text16 {
    margin-bottom: 3px;
  }
  .home-text17 {
    font-size: 11px;
  }
  .home-navlink14 {
    left: 20px;
    color: rgb(255, 255, 255);
    bottom: 20px;
    font-size: 14px;
    text-decoration: none;
    background-color: transparent;
  }
  .home-txt14 {
    bottom: 60px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .home-text18 {
    font-size: 16px;
  }
  .home-text19 {
    font-size: 12px;
  }
  .home-mobile-slider {
    display: none;
    max-width: auto;
  }
  .home-discount {
    width: 100%;
  }
  .home-scroll-card {
    align-items: flex-end;
  }
  .home-card1 {
    width: 25%;
  }
  .home-container21 {
    padding: 6px;
  }
  .home-container25 {
    align-items: flex-start;
    flex-direction: column;
  }
  .home-card2 {
    width: 25%;
    height: auto;
  }
  .home-container30 {
    padding: 10px;
  }
  .home-container33 {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .home-amine {
    top: -30px;
  }
  .home-container39 {
    width: 25%;
  }
  .home-container40 {
    width: 100%;
    height: auto;
    min-height: 250px;
    align-items: center;
    justify-content: center;
    border-top-left-radius: var(--dl-radius-radius-radius8);
    border-top-right-radius: var(--dl-radius-radius-radius8);
    border-bottom-left-radius: var(--dl-radius-radius-radius8);
    border-bottom-right-radius: var(--dl-radius-radius-radius8);
  }
  .home-image27 {
    width: 100%;
    height: auto;
    border-radius: var(--dl-radius-radius-radius8);
    border-top-right-radius: var(--dl-radius-radius-radius8);
    border-bottom-left-radius: var(--dl-radius-radius-radius8);
  }
  .home-text53 {
    color: #393B48;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
  }
  .home-text54 {
    font-size: 10px;
  }
  .home-container42 {
    width: auto;
    top: 3px;
    right: 3px;
  }
  .home-text55 {
    font-size: 12px;
    padding-left: 2px;
    border-radius: var(--dl-radius-radius-radius8);
    padding-right: 2px;
    border-top-left-radius: var(--dl-radius-radius-radius8);
    border-top-right-radius: var(--dl-radius-radius-radius8);
    border-bottom-left-radius: var(--dl-radius-radius-radius8);
  }
  .home-container54 {
    right: var(--dl-space-space-oneandhalfunits);
    width: auto;
    bottom: 210px;
    position: fixed;
  }
  .home-container55 {
    right: var(--dl-space-space-oneandhalfunits);
    width: auto;
    bottom: 165px;
    position: fixed;
  }
  .home-container56 {
    right: var(--dl-space-space-oneandhalfunits);
    width: auto;
    bottom: 120px;
    position: fixed;
  }
  .home-text71 {
    max-width: 500px;
    font-family: Poppins;
  }
  .home-text81 {
    max-width: 500px;
  }
  .home-container58 {
    width: 70%;
    max-width: 450px;
  }
}
 
@media(max-width: 479px) {
  .home-pc-slider {
    width: 100%;
    display: none;
    max-width: auto;
    align-self: center;
    align-items: center;
    padding-top: 0px;
    justify-content: center;
    background-color: #D9D9D9;
  }
  .home-slider1 {
    width: 100%;
  }
  .home-navlink10 {
    left: 15px;
    color: rgb(255, 255, 255);
    bottom: 15px;
    font-style: normal;
    font-family: Arial;
    font-weight: 400;
    padding-top: var(--dl-space-space-halfunit);
    border-color: #ffffff;
    border-width: 1px;
    padding-left: 15px;
    border-radius: var(--dl-radius-radius-inputradius);
    padding-right: 15px;
    padding-bottom: 9px;
    text-decoration: none;
    background-color: transparent;
  }
  .home-txt10 {
    left: 0px;
    right: 0px;
    bottom: 60px;
    height: 83px;
    position: absolute;
    align-items: flex-start;
    padding-left: 15px;
    padding-right: 15px;
    flex-direction: column;
    justify-content: flex-end;
  }
  .home-text10 {
    color: rgb(255, 255, 255);
    font-style: normal;
    font-family: Exo 2;
    font-weight: 500;
    margin-bottom: 2px;
  }
  .home-text11 {
    color: rgb(255, 255, 255);
    font-size: 11px;
    font-family: PT Sans;
  }
  .home-navlink11 {
    left: 15px;
    color: rgb(255, 255, 255);
    bottom: 15px;
    font-style: normal;
    font-family: Arial;
    font-weight: 400;
    padding-top: var(--dl-space-space-halfunit);
    border-color: #ffffff;
    border-width: 1px;
    padding-left: 15px;
    border-radius: var(--dl-radius-radius-inputradius);
    padding-right: 15px;
    padding-bottom: 9px;
    text-decoration: none;
    background-color: transparent;
  }
  .home-txt11 {
    left: 0px;
    right: 0px;
    bottom: 60px;
    height: 83px;
    position: absolute;
    align-items: flex-start;
    padding-left: 15px;
    padding-right: 15px;
    flex-direction: column;
    justify-content: flex-end;
  }
  .home-text12 {
    color: rgb(255, 255, 255);
    font-style: normal;
    font-family: Exo 2;
    font-weight: 500;
    margin-bottom: 2px;
  }
  .home-text13 {
    color: rgb(255, 255, 255);
    font-size: 11px;
    font-family: PT Sans;
  }
  .home-navlink12 {
    left: 15px;
    color: rgb(255, 255, 255);
    bottom: 15px;
    font-style: normal;
    font-family: Arial;
    font-weight: 400;
    padding-top: var(--dl-space-space-halfunit);
    border-color: #ffffff;
    border-width: 1px;
    padding-left: 15px;
    border-radius: var(--dl-radius-radius-inputradius);
    padding-right: 15px;
    padding-bottom: 9px;
    text-decoration: none;
    background-color: transparent;
  }
  .home-txt12 {
    left: 0px;
    right: 0px;
    bottom: 60px;
    height: 83px;
    position: absolute;
    align-items: flex-start;
    padding-left: 15px;
    padding-right: 15px;
    flex-direction: column;
    justify-content: flex-end;
  }
  .home-text14 {
    color: rgb(255, 255, 255);
    font-style: normal;
    font-family: Exo 2;
    font-weight: 500;
    margin-bottom: 2px;
  }
  .home-text15 {
    color: rgb(255, 255, 255);
    font-size: 11px;
    font-family: PT Sans;
  }
  .home-navlink13 {
    left: 15px;
    color: rgb(255, 255, 255);
    bottom: 15px;
    font-style: normal;
    font-family: Arial;
    font-weight: 400;
    padding-top: var(--dl-space-space-halfunit);
    border-color: #ffffff;
    border-width: 1px;
    padding-left: 15px;
    border-radius: var(--dl-radius-radius-inputradius);
    padding-right: 15px;
    padding-bottom: 9px;
    text-decoration: none;
    background-color: transparent;
  }
  .home-txt13 {
    left: 0px;
    right: 0px;
    bottom: 60px;
    height: 83px;
    position: absolute;
    align-items: flex-start;
    padding-left: 15px;
    padding-right: 15px;
    flex-direction: column;
    justify-content: flex-end;
  }
  .home-text16 {
    color: rgb(255, 255, 255);
    font-style: normal;
    font-family: Exo 2;
    font-weight: 500;
    margin-bottom: 2px;
  }
  .home-text17 {
    color: rgb(255, 255, 255);
    font-size: 11px;
    font-family: PT Sans;
  }
  .home-navlink14 {
    left: 15px;
    color: rgb(255, 255, 255);
    bottom: 15px;
    font-style: normal;
    font-family: Arial;
    font-weight: 400;
    padding-top: var(--dl-space-space-halfunit);
    border-color: #ffffff;
    border-width: 1px;
    padding-left: 15px;
    border-radius: var(--dl-radius-radius-inputradius);
    padding-right: 15px;
    padding-bottom: 9px;
    text-decoration: none;
    background-color: transparent;
  }
  .home-txt14 {
    left: 0px;
    right: 0px;
    bottom: 60px;
    height: 83px;
    position: absolute;
    align-items: flex-start;
    padding-left: 15px;
    padding-right: 15px;
    flex-direction: column;
    justify-content: flex-end;
  }
  .home-text18 {
    color: rgb(255, 255, 255);
    font-style: normal;
    font-family: Exo 2;
    font-weight: 500;
    margin-bottom: 2px;
  }
  .home-text19 {
    color: rgb(255, 255, 255);
    font-size: 11px;
    font-family: PT Sans;
  }
  .home-mobile-slider {
    width: 100%;
    display: flex;
    max-width: auto;
    align-self: center;
    margin-top: 65px;
    align-items: center;
    padding-top: 0px;
    justify-content: center;
  }
  .home-slider2 {
    width: 100%;
  }
  .home-navlink15 {
    left: 15px;
    color: rgb(255, 255, 255);
    bottom: 15px;
    font-style: normal;
    font-family: Arial;
    font-weight: 400;
    padding-top: var(--dl-space-space-halfunit);
    border-color: #ffffff;
    border-width: 1px;
    padding-left: 15px;
    border-radius: var(--dl-radius-radius-inputradius);
    padding-right: 15px;
    padding-bottom: 9px;
    text-decoration: none;
    background-color: rgba(217, 217, 217, 0.45);
  }
  .home-txt15 {
    left: 0px;
    right: 0px;
    bottom: 60px;
    height: 83px;
    position: absolute;
    align-items: flex-start;
    padding-left: 15px;
    padding-right: 15px;
    flex-direction: column;
    justify-content: flex-end;
  }
  .home-text20 {
    color: rgb(255, 255, 255);
    font-style: normal;
    font-family: Exo 2;
    font-weight: 500;
    margin-bottom: 2px;
  }
  .home-text21 {
    color: rgb(255, 255, 255);
    font-size: 11px;
    font-family: PT Sans;
  }
  .home-navlink16 {
    left: 15px;
    color: rgb(255, 255, 255);
    bottom: 15px;
    font-style: normal;
    font-family: Arial;
    font-weight: 400;
    padding-top: var(--dl-space-space-halfunit);
    border-color: #ffffff;
    border-width: 1px;
    padding-left: 15px;
    border-radius: var(--dl-radius-radius-inputradius);
    padding-right: 15px;
    padding-bottom: 9px;
    text-decoration: none;
    background-color: rgba(217, 217, 217, 0.45);
  }
  .home-txt16 {
    left: 0px;
    right: 0px;
    bottom: 60px;
    height: 83px;
    position: absolute;
    align-items: flex-start;
    padding-left: 15px;
    padding-right: 15px;
    flex-direction: column;
    justify-content: flex-end;
  }
  .home-text22 {
    color: rgb(255, 255, 255);
    font-style: normal;
    font-family: Exo 2;
    font-weight: 500;
    margin-bottom: 2px;
  }
  .home-text23 {
    color: rgb(255, 255, 255);
    font-size: 11px;
    font-family: PT Sans;
  }
  .home-navlink17 {
    left: 15px;
    color: rgb(255, 255, 255);
    bottom: 15px;
    font-style: normal;
    font-family: Arial;
    font-weight: 400;
    padding-top: var(--dl-space-space-halfunit);
    border-color: #ffffff;
    border-width: 1px;
    padding-left: 15px;
    border-radius: var(--dl-radius-radius-inputradius);
    padding-right: 15px;
    padding-bottom: 9px;
    text-decoration: none;
    background-color: rgba(217, 217, 217, 0.45);
  }
  .home-txt17 {
    left: 0px;
    right: 0px;
    bottom: 60px;
    height: 83px;
    position: absolute;
    align-items: flex-start;
    padding-left: 15px;
    padding-right: 15px;
    flex-direction: column;
    justify-content: flex-end;
  }
  .home-text24 {
    color: rgb(255, 255, 255);
    font-style: normal;
    font-family: Exo 2;
    font-weight: 500;
    margin-bottom: 2px;
  }
  .home-text25 {
    color: rgb(255, 255, 255);
    font-size: 11px;
    font-family: PT Sans;
  }
  .home-navlink18 {
    left: 15px;
    color: rgb(255, 255, 255);
    bottom: 15px;
    font-style: normal;
    font-family: Arial;
    font-weight: 400;
    padding-top: var(--dl-space-space-halfunit);
    border-color: #ffffff;
    border-width: 1px;
    padding-left: 15px;
    border-radius: var(--dl-radius-radius-inputradius);
    padding-right: 15px;
    padding-bottom: 9px;
    text-decoration: none;
    background-color: rgba(217, 217, 217, 0.45);
  }
  .home-txt18 {
    left: 0px;
    right: 0px;
    bottom: 60px;
    height: 83px;
    position: absolute;
    align-items: flex-start;
    padding-left: 15px;
    padding-right: 15px;
    flex-direction: column;
    justify-content: flex-end;
  }
  .home-text26 {
    color: rgb(255, 255, 255);
    font-style: normal;
    font-family: Exo 2;
    font-weight: 500;
    margin-bottom: 2px;
  }
  .home-text27 {
    color: rgb(255, 255, 255);
    font-size: 11px;
    font-family: PT Sans;
  }
  .home-navlink19 {
    left: 15px;
    color: rgb(255, 255, 255);
    bottom: 15px;
    font-style: normal;
    font-family: Arial;
    font-weight: 400;
    padding-top: var(--dl-space-space-halfunit);
    border-color: #ffffff;
    border-width: 1px;
    padding-left: 15px;
    border-radius: var(--dl-radius-radius-inputradius);
    padding-right: 15px;
    padding-bottom: 9px;
    text-decoration: none;
    background-color: rgba(217, 217, 217, 0.45);
  }
  .home-txt19 {
    left: 0px;
    right: 0px;
    bottom: 60px;
    height: 83px;
    position: absolute;
    align-items: flex-start;
    padding-left: 15px;
    padding-right: 15px;
    flex-direction: column;
    justify-content: flex-end;
  }
  .home-text28 {
    color: rgb(255, 255, 255);
    font-style: normal;
    font-family: Exo 2;
    font-weight: 500;
    margin-bottom: 2px;
  }
  .home-text29 {
    color: rgb(255, 255, 255);
    font-size: 11px;
    font-family: PT Sans;
  }
  .home-navlink20 {
    left: 15px;
    color: rgb(255, 255, 255);
    bottom: 15px;
    font-style: normal;
    font-family: Arial;
    font-weight: 400;
    padding-top: var(--dl-space-space-halfunit);
    border-color: #ffffff;
    border-width: 1px;
    padding-left: 15px;
    border-radius: var(--dl-radius-radius-inputradius);
    padding-right: 15px;
    padding-bottom: 9px;
    text-decoration: none;
    background-color: rgba(217, 217, 217, 0.45);
  }
  .home-txt20 {
    left: 0px;
    right: 0px;
    bottom: 60px;
    height: 83px;
    position: absolute;
    align-items: flex-start;
    padding-left: 15px;
    padding-right: 15px;
    flex-direction: column;
    justify-content: flex-end;
  }
  .home-text30 {
    color: rgb(255, 255, 255);
    font-style: normal;
    font-family: Exo 2;
    font-weight: 500;
    margin-bottom: 2px;
  }
  .home-text31 {
    color: rgb(255, 255, 255);
    font-size: 11px;
    font-family: PT Sans;
  }
  .home-container11 {
    height: auto;
  }
  .home-container12 {
    padding-top: var(--dl-space-space-halfunit);
  }
  .home-container13 {
    height: auto;
  }
  .home-container14 {
    padding-left: 5px;
    padding-right: 5px;
  }
  .home-txtpopulars {
    height: auto;
    margin-top: 18px;
    align-items: center;
    margin-bottom: 10px;
  }
  .home-text32 {
    font-size: 20px;
    align-self: center;
    font-style: normal;
    font-family: Fira Sans;
    font-weight: 600;
  }
  .home-container16 {
    padding-right: var(--dl-space-space-halfunit);
    justify-content: flex-end;
  }
  .home-back {
    width: 28px;
    height: 28px;
  }
  .home-next {
    width: 28px;
    height: 28px;
    margin-right: 0px;
  }
  .home-icon14 {
    color: rgba(25, 24, 24, 0.7);
  }
  .home-discount {
    width: 100%;
    max-width: auto;
    align-self: center;
    align-items: center;
    margin-bottom: 4px;
    justify-content: center;
  }
  .home-text33 {
    fill: #0D355D;
    color: rgb(13, 53, 93);
    font-size: 14px;
    font-family: Poppins;
  }
  .home-text34 {
    fill: #ff0000;
    color: #ffffff;
    display: none;
    font-size: 14px;
    align-items: center;
    padding-top: 3px;
    padding-left: var(--dl-space-space-halfunit);
    border-radius: var(--dl-radius-radius-radius4);
    padding-right: var(--dl-space-space-halfunit);
    padding-bottom: 3px;
    justify-content: center;
    background-color: #ff0000;
  }
  .home-text35 {
    fill: #ff0000;
    color: #ffffff;
    display: flex;
    padding: 2px;
    font-size: 14px;
    align-items: center;
    justify-content: center;
    background-color: #ff0000;
  }
  .home-text36 {
    fill: rgb(13, 53, 93);
    color: rgb(13, 53, 93);
    display: flex;
    font-size: 14px;
    align-items: center;
    padding-top: 3px;
    padding-left: 2px;
    border-radius: var(--dl-radius-radius-radius4);
    padding-right: 2px;
    padding-bottom: 3px;
    justify-content: center;
  }
  .home-text37 {
    fill: #ff0000;
    color: #ffffff;
    display: flex;
    padding: 2px;
    font-size: 14px;
    align-items: center;
    justify-content: center;
    background-color: #ff0000;
  }
  .home-text38 {
    fill: rgb(13, 53, 93);
    color: rgb(13, 53, 93);
    display: flex;
    font-size: 14px;
    align-items: center;
    padding-top: 3px;
    padding-left: 2px;
    border-radius: var(--dl-radius-radius-radius4);
    padding-right: 2px;
    padding-bottom: 3px;
    justify-content: center;
  }
  .home-text39 {
    fill: #ff0000;
    color: #ffffff;
    display: flex;
    padding: 2px;
    font-size: 14px;
    align-items: center;
    justify-content: center;
    background-color: #ff0000;
  }
  .home-icon16 {
    margin-left: 3px;
  }
  .home-card1 {
    width: 35%;
    height: auto;
    padding: var(--dl-space-space-halfunit);
  }
  .home-container18 {
    position: relative;
  }
  .home-image21 {
    min-height: 190px;
    z-index: 500;
    border-radius: 15px;
  }
  .home-container19 {
    left: 0px;
    bottom: 0px;
    z-index: 500;
    position: absolute;
  }
  .home-container20 {
    height: auto;
    align-items: flex-start;
    border-radius: 12px;
  }
  .home-text40 {
    color: rgb(255, 255, 255);
    padding-top: 2px;
    padding-bottom: 2px;
  }
  .home-text41 {
    fill: #abff96;
    color: #ffffff;
    font-size: 9px;
    padding-top: 0px;
    padding-bottom: 4px;
  }
  .home-container21 {
    height: auto;
    padding: var(--dl-space-space-halfunit);
    align-items: flex-start;
    border-radius: 12px;
  }
  .home-text43 {
    color: rgb(255, 255, 255);
    font-size: 13px;
    font-style: normal;
    font-family: Poppins;
    font-weight: 700;
    padding-top: 2px;
    padding-bottom: 2px;
  }
  .home-container23 {
    align-items: center;
    flex-direction: row;
    justify-content: flex-start;
  }
  .home-text44 {
    fill: #ffffff;
    color: #ffffff;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .home-text45 {
    fill: #c3c3c3;
    color: #d2d2d2;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .home-text46 {
    fill: #abff96;
    color: rgb(255, 255, 255);
    font-size: 9px;
    font-style: normal;
    font-weight: 400;
    padding-top: 0px;
    padding-bottom: 4px;
  }
  .home-container25 {
    align-items: flex-start;
    flex-direction: column;
  }
  .home-text47 {
    font-size: 12px;
    padding-top: 3px;
    padding-left: 6px;
    padding-right: 6px;
    padding-bottom: 3px;
  }
  .home-text48 {
    fill: #ffffff;
    color: rgb(255, 255, 255);
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    padding-top: 2px;
    padding-bottom: 0px;
  }
  .home-container26 {
    padding-left: 7px;
    padding-right: 7px;
  }
  .home-container27 {
    position: relative;
    margin-top: 25px;
  }
  .home-txtmobilegame1 {
    height: auto;
    margin-top: 18px;
    align-items: center;
    margin-bottom: 0px;
  }
  .home-container28 {
    width: 100%;
    margin-top: 0px;
    align-items: center;
  }
  .home-text49 {
    color: rgb(33, 37, 41);
    font-size: 20px;
    align-self: center;
    font-style: normal;
    font-weight: 600;
  }
  .home-container29 {
    width: auto;
    height: 30px;
  }
  .home-image22 {
    width: auto;
    height: 100%;
  }
  .home-card2 {
    width: 33.3%;
    height: auto;
    padding: 6px;
    margin-top: 30px;
    margin-bottom: 0px;
  }
  .home-container30 {
    padding: 6px;
    min-height: 180px;
    box-shadow: 0px 3px 5px 0px #a9a5a5;
    align-items: center;
    border-radius: 12px;
    justify-content: flex-start;
    background-color: #ecebeb;
  }
  .home-container31 {
    width: 75%;
    bottom: -10px;
    height: 25px;
  }
  .home-text50 {
    font-size: 13px;
  }
  .home-container32 {
    /*height: auto;*/
    height: 100%;
  }
  .home-image23 {
    border-radius: 15px;
  }
  .home-container33 {
    height: 50%;
    align-self: center;
    min-height: 60px;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .home-text51 {
    color: rgb(0, 0, 0);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
  }
  .home-container34 {
    top: -30px;
    left: 0px;
    bottom: 24px;
    z-index: 1000;
    position: absolute;
  }
  .home-image24 {
    height: 100%;
  }
  .home-container35 {
    padding-left: 7px;
    padding-right: 7px;
  }
  .home-container36 {
    margin-top: 30px;
    padding-bottom: var(--dl-space-space-oneandhalfunits);
  }
  .home-txtmobilegame2 {
    height: auto;
    margin-top: 18px;
    align-items: center;
    margin-bottom: 0px;
  }
  .home-container37 {
    width: 100%;
    margin-top: 0px;
    align-items: center;
    padding-left: 5px;
  }
  .home-icon20 {
    margin-left: 5px;
    margin-right: 5px;
  }
  .home-text52 {
    color: rgb(33, 37, 41);
    font-size: 20px;
    align-self: center;
    font-style: normal;
    font-family: Fira Sans;
    font-weight: 600;
  }
  .home-container38 {
    width: auto;
    height: 30px;
  }
  .home-image25 {
    width: auto;
    height: 100%;
  }
  .home-amine {
    top: -30px;
  }
  .home-image26 {
    height: 60px;
  }
  .home-container39 {
    width: 33.3%;
    height: auto;
  }
  .home-container40 {
    width: 100%;
    height: 100%;
    min-height: 190px;
    align-self: center;
    align-items: center;
    padding-top: 0px;
    border-color: #F5F5F5;
    border-width: 0px;
    padding-left: 0px;
    border-radius: var(--dl-radius-radius-radius8);
    padding-right: 0px;
    padding-bottom: 0px;
    justify-content: flex-start;
    border-top-left-radius: var(--dl-radius-radius-radius8);
    border-top-right-radius: var(--dl-radius-radius-radius8);
    border-bottom-left-radius: var(--dl-radius-radius-radius8);
    border-bottom-right-radius: var(--dl-radius-radius-radius8);
  }
  .home-image27 {
    width: 100%;
    height: auto;
    border-radius: var(--dl-radius-radius-radius4);
    border-top-left-radius: var(--dl-radius-radius-radius8);
    border-top-right-radius: var(--dl-radius-radius-radius8);
    border-bottom-left-radius: var(--dl-radius-radius-radius8);
    border-bottom-right-radius: var(--dl-radius-radius-radius8);
  }
  .home-container41 {
    gap: var(--dl-space-space-halfunit);
    height: 56px;
    flex-wrap: wrap;
    align-self: center;
    align-items: center;
    padding-top: 5px;
    justify-content: center;
  }
  .home-text53 {
    color: #393B48;
    font-size: 12px;
    font-style: normal;
    text-align: center;
    font-family: Poppins;
    font-weight: 700;
  }
  .home-text54 {
    fill: gray;
    color: #b9b7b7;
    font-size: 10px;
  }
  .home-text55 {
    top: 0px;
    color: #ffffff;
    right: 0px;
    width: auto;
    height: auto;
    display: grid;
    position: absolute;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    place-items: center;
    padding-left: 2px;
    border-radius: var(--dl-radius-radius-radius4);
    padding-right: 2px;
    background-color: #ff0000;
  }
  .home-container43 {
    padding-left: 7px;
    padding-right: 7px;
    padding-bottom: 7px;
  }
  .home-container44 {
    margin-top: 30px;
    flex-direction: row;
    padding-bottom: var(--dl-space-space-oneandhalfunits);
  }
  .home-txtmobilegame3 {
    height: auto;
    margin-top: 18px;
    align-items: center;
    margin-bottom: 0px;
  }
  .home-container45 {
    width: 100%;
    margin-top: 0px;
    align-items: center;
    padding-left: 5px;
  }
  .home-icon24 {
    margin-left: 5px;
    margin-right: 5px;
  }
  .home-text56 {
    color: rgb(33, 37, 41);
    font-size: 20px;
    align-self: center;
    font-style: normal;
    font-family: Fira Sans;
    font-weight: 600;
  }
  .home-container46 {
    align-items: center;
    column-count: 2;
  }
  .home-card3 {
    width: 100%;
    height: auto;
    display: flex;
    padding: 6px;
    flex-direction: column;
  }
  .home-container47 {
    position: relative;
  }
  .home-image28 {
    z-index: 500;
    border-radius: 15px;
  }
  .home-container48 {
    left: 0px;
    bottom: 0px;
    z-index: 500;
    position: absolute;
  }
  .home-container49 {
    height: auto;
    padding: 7px;
    align-items: flex-start;
    border-radius: 12px;
  }
  .home-text57 {
    color: #ffffff;
    font-size: 13px;
    font-style: normal;
    font-family: Poppins;
    font-weight: 700;
    padding-top: 2px;
    padding-bottom: 2px;
  }
  .home-container51 {
    align-items: center;
    flex-direction: row;
    justify-content: flex-start;
  }
  .home-text58 {
    fill: #ffffff;
    color: #ffffff;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .home-text59 {
    fill: #c3c3c3;
    color: #c3c3c3;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .home-text60 {
    fill: #abff96;
    color: rgb(255, 255, 255);
    font-size: 9px;
    font-style: normal;
    font-weight: 500;
    padding-top: 0px;
    padding-bottom: 4px;
  }
  .home-container53 {
    align-items: flex-start;
    flex-direction: column;
  }
  .home-text61 {
    font-size: 11px;
  }
  .home-text62 {
    fill: #ffffff;
    color: rgb(255, 255, 255);
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    padding-top: 2px;
    padding-bottom: 2px;
  }
  .home-container54 {
    right: var(--dl-space-space-halfunit);
    width: auto;
    bottom: 190px;
    height: auto;
    display: flex;
    z-index: 1000;
    overflow: visible;
    position: fixed;
    max-width: 700px;
    align-items: center;
    padding-left: 0px;
    justify-content: space-between;
    background-color: #2498d6;
  }
  .home-text63 {
    font-size: 13px;
    font-family: Poppins;
    margin-right: 5px;
  }
  .home-image29 {
    width: 40px;
    height: 40px;
  }
  .home-container55 {
    right: var(--dl-space-space-halfunit);
    width: auto;
    bottom: 145px;
    height: auto;
    display: flex;
    z-index: 1000;
    overflow: visible;
    position: fixed;
    max-width: 700px;
    align-items: center;
    padding-left: 0px;
    justify-content: space-between;
    background-color: #2498d6;
  }
  .home-text64 {
    font-size: 13px;
    margin-right: 5px;
  }
  .home-image30 {
    width: 40px;
    height: 40px;
  }
  .home-container56 {
    right: var(--dl-space-space-halfunit);
    width: auto;
    bottom: 100px;
    height: auto;
    display: flex;
    z-index: 1000;
    overflow: visible;
    position: fixed;
    max-width: 700px;
    align-items: center;
    padding-left: 0px;
    justify-content: space-between;
    background-color: #2498d6;
  }
  .home-text65 {
    font-size: 13px;
    margin-right: 5px;
  }
  .home-image31 {
    width: 40px;
    height: 40px;
  }
  .home-text71 {
    color: rgb(255, 255, 255);
    width: auto;
    font-size: 12px;
    max-width: 370px;
    font-family: Poppins;
  }
  .home-text81 {
    color: rgb(255, 255, 255);
    width: auto;
    font-size: 12px;
    max-width: 370px;
    font-family: Noto Sans Khmer;
  }
  .home-card4 {
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    position: relative;
    max-width: 500px;
  }
  .home-container57 {
    top: 0px;
    right: 0px;
    z-index: 1;
    position: absolute;
    margin-top: var(--dl-space-space-halfunit);
    margin-right: var(--dl-space-space-halfunit);
    margin-bottom: 0px;
    background-color: rgba(217, 217, 217, 0.7);
  }
  .home-icon28 {
    fill: transparent;
  }
  .home-container58 {
    width: 100%;
    flex-wrap: wrap;
    max-width: 400px;
  }
  .home-text82 {
    font-size: 15px;
  }
}