.event-container1 {
  width: 100%;
  display: flex;
  overflow: auto;
  min-height: 100vh;
  align-items: center;
  flex-direction: column;
}
 
.event-frame2 {
  width: 100%;
  height: auto;
  display: flex;
  overflow: hidden;
  position: relative;
  align-items: flex-start;
  flex-shrink: 0;
  flex-direction: column;
  background-color: rgba(255, 255, 255, 1);
}
 
.event-header {
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
}
 
.event-container2 {
  width: 80%;
  height: auto;
  display: flex;
  align-items: center;
  padding-top: .5rem;
  padding-bottom: .5rem;
  justify-content: space-between;
}
 
.event-container3 {
  gap: var(--dl-layout-space-twounits);
  width: auto;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
 
.event-asset52x1 {
  width: auto;
  height: 3rem;
}
 
.event-container4 {
  gap: var(--dl-layout-space-oneandhalfunits);
  width: 148.5859375px;
  height: 29.5px;
  display: flex;
  align-items: flex-start;
}
 
.event-text10 {
  color: rgba(0, 0, 0, 1);
  cursor: pointer;
  height: auto;
  align-self: center;
  font-style: normal;
  text-align: left;
  line-height: normal;
  font-stretch: normal;
}
 
.event-text12 {
  color: rgba(0, 0, 0, 1);
  cursor: pointer;
  height: auto;
  align-self: center;
  font-style: normal;
  text-align: left;
  line-height: normal;
  font-stretch: normal;
}
 
.event-frame9 {
  gap: 2rem;
  width: 25%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
 
.event-link10 {
  display: contents;
}
 
.event-ig {
  width: 1.3rem;
  cursor: pointer;
  height: auto;
  text-decoration: none;
}
 
.event-link11 {
  display: contents;
}
 
.event-tt {
  width: 1.3rem;
  cursor: pointer;
  height: auto;
  text-decoration: none;
}
 
.event-link12 {
  display: contents;
}
 
.event-dc {
  width: 1.3rem;
  cursor: pointer;
  height: auto;
  text-decoration: none;
}
 
.event-link13 {
  display: contents;
}
 
.event-wa {
  width: 1.3rem;
  cursor: pointer;
  height: auto;
  text-decoration: none;
}
 
.event-banner {
  width: 100%;
  height: 576px;
  display: flex;
  align-self: center;
  align-items: center;
  padding-top: 6rem;
  padding-left: 172px;
  padding-right: 10rem;
  animation-name: none;
  padding-bottom: 6rem;
  animation-delay: 0s;
  background-size: cover;
  justify-content: flex-start;
  background-image: url("public/images/bg%20ambasador-1500w.jpg");
  animation-duration: 300ms;
  animation-direction: normal;
  background-position: center;
  animation-iteration-count: 1;
  animation-timing-function: ease;
}
 
.event-frame10 {
  gap: var(--dl-layout-space-twounits);
  width: 60%;
  height: auto;
  display: flex;
  align-self: center;
  align-items: flex-start;
  flex-shrink: 0;
  flex-direction: column;
}
 
.event-text13 {
  color: var(--dl-color-gray-white);
  font-size: 2.5rem;
  font-style: normal;
  font-family: Poppins;
  font-weight: 900;
  text-transform: uppercase;
}
 
.event-text16 {
  color: var(--dl-color-gray-white);
  line-height: 1.5;
}
 
.event-text17 {
  color: var(--dl-color-gray-white);
  font-style: normal;
  font-weight: 800;
  line-height: 1.5;
  text-transform: uppercase;
}
 
.event-link14 {
  display: contents;
}
 
.event-group80 {
  width: auto;
  cursor: pointer;
  height: auto;
  display: none;
  align-items: center;
  flex-shrink: 1;
  padding-top: .5rem;
  padding-left: 2rem;
  border-radius: var(--dl-layout-radius-radius8);
  padding-right: 2rem;
  padding-bottom: .5rem;
  justify-content: center;
  text-decoration: none;
  background-color: rgba(255, 186, 0, 1);
}
 
.event-text18 {
  color: rgb(0, 0, 0);
  height: auto;
  font-size: 1.2rem;
  font-style: Bold;
  text-align: left;
  font-family: Inter;
  font-weight: 700;
  line-height: 199.7%;
  font-stretch: normal;
  text-decoration: none;
}
 
.event-container5 {
  width: 100%;
  display: flex;
  align-self: center;
  align-items: center;
  flex-direction: column;
}
 
.event-ambassador {
  width: 1522px;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  align-self: center;
  align-items: flex-start;
  flex-shrink: 0;
  padding-top: 5rem;
  padding-bottom: var(--dl-layout-space-threeunits);
  justify-content: space-between;
}
 
.event-group841 {
  gap: 1.5rem;
  width: 295px;
  height: 502px;
  display: flex;
  position: relative;
  align-items: center;
  flex-shrink: 1;
  flex-direction: column;
  justify-content: flex-start;
}
 
.event-placeholder1 {
  width: 100%;
  height: auto;
}
 
.event-text19 {
  color: rgb(0, 0, 0);
  width: 80%;
  height: auto;
  font-size: 1.5rem;
  font-style: Bold;
  text-align: center;
  font-family: "Poppins";
  font-weight: 900;
  line-height: 109.7%;
  font-stretch: normal;
  text-transform: none;
  text-decoration: none;
}
 
.event-text20 {
  color: rgb(0, 0, 0);
  width: 100%;
  height: auto;
  font-size: 1rem;
  font-style: Regular;
  text-align: center;
  font-family: "Inter";
  font-weight: 400;
  line-height: 125.7%;
  font-stretch: normal;
  text-decoration: none;
}
 
.event-link15 {
  display: contents;
}
 
.event-frame41 {
  gap: 78px;
  width: auto;
  cursor: pointer;
  height: auto;
  display: flex;
  padding: 10px 21px;
  align-items: flex-start;
  flex-shrink: 0;
  border-radius: 9px;
  flex-direction: column;
  text-decoration: none;
  background-color: rgba(255, 186, 0, 1);
}
 
.event-text21 {
  color: rgb(0, 0, 0);
  height: auto;
  font-size: 1rem;
  font-style: Bold;
  text-align: left;
  font-family: "Inter";
  font-weight: 700;
  line-height: 199.7%;
  font-stretch: normal;
  text-decoration: none;
}
 
.event-group842 {
  gap: 1.5rem;
  width: 295px;
  height: 502px;
  display: flex;
  position: relative;
  align-items: center;
  flex-shrink: 1;
  flex-direction: column;
  justify-content: flex-start;
}
 
.event-placeholder2 {
  width: 100%;
  height: auto;
}
 
.event-text22 {
  color: rgb(0, 0, 0);
  width: 80%;
  height: auto;
  font-size: 1.5rem;
  font-style: Bold;
  text-align: center;
  font-family: "Poppins";
  font-weight: 900;
  line-height: 109.7%;
  font-stretch: normal;
  text-transform: none;
  text-decoration: none;
}
 
.event-text23 {
  color: rgb(0, 0, 0);
  width: 100%;
  height: auto;
  font-size: 1rem;
  font-style: Regular;
  text-align: center;
  font-family: "Inter";
  font-weight: 400;
  line-height: 125.7%;
  font-stretch: normal;
  text-decoration: none;
}
 
.event-link16 {
  display: contents;
}
 
.event-frame42 {
  gap: 78px;
  width: auto;
  cursor: pointer;
  height: auto;
  display: flex;
  padding: 10px 21px;
  align-items: flex-start;
  flex-shrink: 0;
  border-radius: 9px;
  flex-direction: column;
  text-decoration: none;
  background-color: rgba(255, 186, 0, 1);
}
 
.event-text24 {
  color: rgb(0, 0, 0);
  height: auto;
  font-size: 1rem;
  font-style: Bold;
  text-align: left;
  font-family: "Inter";
  font-weight: 700;
  line-height: 199.7%;
  font-stretch: normal;
  text-decoration: none;
}
 
.event-group831 {
  gap: 1.5rem;
  width: 318px;
  height: 514px;
  display: flex;
  position: relative;
  align-items: center;
  flex-shrink: 1;
  flex-direction: column;
}
 
.event-gradient-map11 {
  width: 100%;
  height: auto;
}
 
.event-text25 {
  color: rgb(0, 0, 0);
  width: 100%;
  height: auto;
  font-size: 1.5rem;
  font-style: Bold;
  text-align: center;
  font-family: "Poppins";
  font-weight: 900;
  line-height: 109.7%;
  font-stretch: normal;
  text-transform: none;
  text-decoration: none;
}
 
.event-text26 {
  color: rgb(0, 0, 0);
  width: 100%;
  height: auto;
  font-size: 1rem;
  font-style: Regular;
  text-align: center;
  font-family: "Inter";
  font-weight: 400;
  line-height: 125.7%;
  font-stretch: normal;
  text-decoration: none;
}
 
.event-link17 {
  display: contents;
}
 
.event-frame51 {
  gap: 78px;
  width: auto;
  cursor: pointer;
  height: auto;
  display: flex;
  padding: 10px 21px;
  align-items: flex-start;
  flex-shrink: 0;
  border-radius: 9px;
  flex-direction: column;
  text-decoration: none;
  background-color: rgba(255, 186, 0, 1);
}
 
.event-text27 {
  color: rgb(0, 0, 0);
  height: auto;
  font-size: 1rem;
  font-style: Bold;
  text-align: left;
  font-family: "Inter";
  font-weight: 700;
  line-height: 199.7%;
  font-stretch: normal;
  text-decoration: none;
}
 
.event-side-event {
  width: 786px;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  align-self: center;
  align-items: flex-start;
  flex-shrink: 0;
  padding-top: 5rem;
  padding-bottom: var(--dl-layout-space-threeunits);
  justify-content: space-between;
}
 
.event-group843 {
  gap: 1.5rem;
  width: 295px;
  height: 502px;
  display: flex;
  position: relative;
  align-items: center;
  flex-shrink: 1;
  flex-direction: column;
  justify-content: flex-start;
}
 
.event-placeholder3 {
  width: 100%;
  height: auto;
}
 
.event-text28 {
  color: rgb(0, 0, 0);
  width: 80%;
  height: auto;
  font-size: 1.5rem;
  font-style: Bold;
  text-align: center;
  font-family: "Poppins";
  font-weight: 900;
  line-height: 109.7%;
  font-stretch: normal;
  text-transform: none;
  text-decoration: none;
}
 
.event-text29 {
  color: rgb(0, 0, 0);
  width: 100%;
  height: auto;
  font-size: 1rem;
  font-style: Regular;
  text-align: center;
  font-family: "Inter";
  font-weight: 400;
  line-height: 125.7%;
  font-stretch: normal;
  text-decoration: none;
}
 
.event-link18 {
  display: contents;
}
 
.event-frame43 {
  gap: 78px;
  width: auto;
  cursor: pointer;
  height: auto;
  display: flex;
  padding: 10px 21px;
  align-items: flex-start;
  flex-shrink: 0;
  border-radius: 9px;
  flex-direction: column;
  text-decoration: none;
  background-color: rgba(255, 186, 0, 1);
}
 
.event-text30 {
  color: rgb(0, 0, 0);
  height: auto;
  font-size: 1rem;
  font-style: Bold;
  text-align: left;
  font-family: "Inter";
  font-weight: 700;
  line-height: 199.7%;
  font-stretch: normal;
  text-decoration: none;
}
 
.event-group832 {
  gap: 1.5rem;
  width: 318px;
  height: 514px;
  display: flex;
  position: relative;
  align-items: center;
  flex-shrink: 1;
  flex-direction: column;
}
 
.event-gradient-map12 {
  width: 100%;
  height: auto;
}
 
.event-text31 {
  color: rgb(0, 0, 0);
  width: 100%;
  height: auto;
  font-size: 1.5rem;
  font-style: Bold;
  text-align: center;
  font-family: "Poppins";
  font-weight: 900;
  line-height: 109.7%;
  font-stretch: normal;
  text-transform: none;
  text-decoration: none;
}
 
.event-text32 {
  color: rgb(0, 0, 0);
  width: 100%;
  height: auto;
  font-size: 1rem;
  font-style: Regular;
  text-align: center;
  font-family: "Inter";
  font-weight: 400;
  line-height: 125.7%;
  font-stretch: normal;
  text-decoration: none;
}
 
.event-link19 {
  display: contents;
}
 
.event-frame52 {
  gap: 78px;
  width: auto;
  cursor: pointer;
  height: auto;
  display: flex;
  padding: 10px 21px;
  align-items: flex-start;
  flex-shrink: 0;
  border-radius: 9px;
  flex-direction: column;
  text-decoration: none;
  background-color: rgba(255, 186, 0, 1);
}
 
.event-text33 {
  color: rgb(0, 0, 0);
  height: auto;
  font-size: 1rem;
  font-style: Bold;
  text-align: left;
  font-family: "Inter";
  font-weight: 700;
  line-height: 199.7%;
  font-stretch: normal;
  text-decoration: none;
}
 
.event-sub-banner {
  width: 100%;
  height: 354px;
  display: flex;
  align-items: center;
  flex-direction: column;
  background-size: cover;
  justify-content: center;
  background-image: url("public/images/bg1-1500w.jpg");
  background-repeat: space;
  background-position: center;
}
 
.event-container6 {
  width: 80%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
 
.event-text34 {
  color: #ff0000;
  height: auto;
  font-size: 2rem;
  font-style: ExtraBold;
  text-align: left;
  font-family: Poppins;
  font-weight: 800;
  line-height: 116.7%;
  font-stretch: normal;
  text-decoration: none;
}
 
.event-text35 {
  color: rgb(255, 255, 255);
  height: auto;
  font-size: 1.5rem;
  font-style: Medium;
  text-align: center;
  font-family: Poppins;
  font-weight: 500;
  line-height: 116.7%;
  font-stretch: normal;
  text-decoration: none;
}
 
.event-content10 {
  width: 80%;
  height: 1159px;
  display: flex;
  align-self: center;
  min-height: 100vh;
  align-items: flex-start;
  flex-shrink: 0;
  padding-top: var(--dl-layout-space-fourunits);
  flex-direction: column;
  padding-bottom: var(--dl-layout-space-fourunits);
  background-color: #ffffff;
}
 
.event-title {
  color: rgba(255, 0, 3, 1);
  width: 100%;
  height: auto;
  font-style: ExtraBold;
  text-align: left;
  line-height: normal;
  font-stretch: normal;
  margin-bottom: 5rem;
}
 
.event-list1 {
  width: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
 
.event-tab1 {
  z-index: 100;
}
 
.event-text36 {
  color: rgba(0, 0, 0, 1);
  height: auto;
  font-style: Bold;
  text-align: left;
  line-height: normal;
  font-stretch: normal;
}
 
.event-content11 {
  height: 32px;
}
 
.event-content12 {
  width: auto;
  height: auto;
  font-size: 0.7rem;
  font-family: "Poppins";
  font-weight: 400;
  line-height: 1.5;
  padding-left: 0%;
  padding-right: 0%;
  text-transform: none;
  text-decoration: none;
}
 
.event-list2 {
  width: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
 
.event-text37 {
  color: rgba(0, 0, 0, 1);
  height: auto;
  font-style: Bold;
  text-align: left;
  line-height: normal;
  font-stretch: normal;
}
 
.event-content14 {
  width: auto;
  height: auto;
  font-size: 0.7rem;
  font-family: "Poppins";
  font-weight: 400;
  line-height: 1.5;
  padding-left: 0%;
  padding-right: 0%;
  text-transform: none;
  text-decoration: none;
}
 
.event-list3 {
  width: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
 
.event-text38 {
  color: rgba(0, 0, 0, 1);
  height: auto;
  font-style: Bold;
  text-align: left;
  line-height: normal;
  font-stretch: normal;
}
 
.event-content16 {
  width: auto;
  height: auto;
  font-size: 0.7rem;
  font-family: Poppins;
  font-weight: 400;
  line-height: 1.5;
  padding-left: 0%;
  padding-right: 0%;
  text-transform: none;
  text-decoration: none;
}
 
.event-list4 {
  width: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
 
.event-text49 {
  color: rgba(0, 0, 0, 1);
  height: auto;
  font-style: Bold;
  text-align: left;
  line-height: normal;
  font-stretch: normal;
}
 
.event-content18 {
  width: auto;
  height: auto;
  font-size: 0.7rem;
  font-family: Poppins;
  font-weight: 400;
  line-height: 1.5;
  padding-left: 0%;
  padding-right: 0%;
  text-transform: none;
  text-decoration: none;
}
 
.event-list5 {
  width: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
 
.event-text52 {
  color: rgb(0, 0, 0);
  height: auto;
  font-style: Bold;
  text-align: left;
  line-height: normal;
  font-stretch: normal;
}
 
.event-content20 {
  width: auto;
  height: auto;
  font-size: 0.7rem;
  font-family: Poppins;
  font-weight: 400;
  line-height: 1.5;
  padding-left: 0%;
  padding-right: 0%;
  text-transform: none;
  text-decoration: none;
}
 
.event-list6 {
  width: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
 
.event-text60 {
  color: rgba(0, 0, 0, 1);
  height: auto;
  font-style: Bold;
  text-align: left;
  line-height: normal;
  font-stretch: normal;
}
 
.event-content22 {
  width: auto;
  height: auto;
  font-size: 0.7rem;
  font-family: "Poppins";
  font-weight: 400;
  line-height: 1.5;
  padding-left: 0%;
  padding-right: 0%;
  text-transform: none;
  text-decoration: none;
}
 
.event-footer {
  width: 100%;
  height: auto;
  display: flex;
  overflow: hidden;
  position: relative;
  align-items: center;
  flex-shrink: 1;
  padding-top: var(--dl-layout-space-twounits);
  padding-left: 10%;
  padding-right: 10%;
  padding-bottom: var(--dl-layout-space-twounits);
  background-size: cover;
  justify-content: space-between;
  background-image: url("public/external/footer-1500w.png");
}
 
.event-group81 {
  width: 50%;
  height: auto;
  display: flex;
  z-index: 100;
  align-items: flex-start;
  flex-shrink: 1;
  flex-direction: column;
}
 
.event-garena-logo1 {
  width: 30%;
  height: 100%;
}
 
.event-text61 {
  color: rgba(0, 0, 0, 1);
  width: 100%;
  height: auto;
  font-size: 0.7rem;
  font-style: Medium;
  text-align: left;
  font-family: Poppins;
  font-weight: 500;
  line-height: normal;
  font-stretch: normal;
  text-transform: none;
  text-decoration: none;
}
 
.event-frame21 {
  gap: var(--dl-layout-space-unit);
  display: flex;
  z-index: 100;
  align-items: flex-start;
  flex-direction: column;
}
 
.event-link20 {
  display: contents;
}
 
.event-container7 {
  gap: var(--dl-layout-space-unit);
  cursor: pointer;
  display: flex;
  align-items: center;
  text-decoration: none;
}
 
.event-image5a4e2ef62da5ad73df7efe6e3 {
  width: 1.5rem;
  height: auto;
}
 
.event-text66 {
  color: rgb(0, 0, 0);
  width: 12rem;
  height: auto;
  font-size: 0.9rem;
  font-style: Medium;
  text-align: left;
  font-family: Poppins;
  font-weight: 500;
  line-height: normal;
  font-stretch: normal;
  text-transform: none;
  text-decoration: none;
}
 
.event-link21 {
  display: contents;
}
 
.event-container8 {
  gap: var(--dl-layout-space-unit);
  cursor: pointer;
  display: flex;
  align-items: center;
  text-decoration: none;
}
 
.event-akariconsinstagramfill {
  width: 1.5rem;
  height: auto;
}
 
.event-text67 {
  color: rgba(0, 0, 0, 1);
  width: 12rem;
  height: auto;
  font-size: 0.9rem;
  font-style: Medium;
  text-align: left;
  font-family: Poppins;
  font-weight: 500;
  line-height: normal;
  font-stretch: normal;
  text-transform: none;
  text-decoration: none;
}
 
.event-link22 {
  display: contents;
}
 
.event-container9 {
  gap: var(--dl-layout-space-unit);
  cursor: pointer;
  display: flex;
  align-items: center;
  text-decoration: none;
}
 
.event-akariconsdiscordfill {
  width: 1.5rem;
  height: auto;
}
 
.event-text69 {
  color: rgba(0, 0, 0, 1);
  width: 12rem;
  height: auto;
  font-size: 0.9rem;
  font-style: Regular;
  text-align: left;
  font-family: Poppins;
  font-weight: 500;
  line-height: normal;
  font-stretch: normal;
  text-transform: none;
  text-decoration: none;
}
 
@media(max-width: 1600px) {
  .event-frame2 {
    flex: 1;
    height: 1806px;
  }
  .event-header {
    height: auto;
  }
  .event-text10 {
    align-self: center;
  }
  .event-banner {
    width: 100%;
    height: auto;
    align-self: center;
    margin-right: 0px;
    padding-left: 160px;
    background-size: cover;
    background-image: url("public/images/bg%20ambasador-1500w.jpg");
  }
  .event-text13 {
    color: var(--dl-color-gray-white);
    font-size: 2.5rem;
    font-style: normal;
    font-family: Poppins;
    font-weight: 900;
  }
  .event-text15 {
    font-size: 1.5rem;
  }
  .event-text16 {
    color: var(--dl-color-gray-white);
    width: 70%;
    align-self: flex-start;
  }
  .event-text17 {
    color: var(--dl-color-gray-white);
    width: 70%;
    align-self: flex-start;
  }
  .event-group80 {
    border-radius: var(--dl-layout-radius-radius4);
    border-top-left-radius: var(--dl-layout-radius-radius8);
    border-top-right-radius: var(--dl-layout-radius-radius8);
    border-bottom-left-radius: var(--dl-layout-radius-radius8);
    border-bottom-right-radius: var(--dl-layout-radius-radius8);
  }
  .event-text18 {
    color: rgb(0, 0, 0);
    font-size: 1.2rem;
    font-family: Inter;
    font-weight: 700;
    line-height: 199.7%;
    text-decoration: none;
  }
  .event-ambassador {
    width: 100%;
    padding-left: var(--dl-layout-space-twounits);
    padding-right: var(--dl-layout-space-twounits);
    flex-direction: row;
  }
  .event-text27 {
    color: rgb(0, 0, 0);
    font-size: 1rem;
    font-family: Inter;
    font-weight: 700;
    line-height: 199.7%;
    text-decoration: none;
  }
  .event-side-event {
    flex-direction: row;
  }
  .event-text33 {
    color: rgb(0, 0, 0);
    font-size: 1rem;
    font-family: Inter;
    font-weight: 700;
    line-height: 199.7%;
    text-decoration: none;
  }
  .event-content10 {
    height: 909px;
  }
  .event-content12 {
    font-size: 0.7rem;
    font-family: Poppins;
    font-weight: 400;
    line-height: 1.5;
    text-transform: none;
    text-decoration: none;
  }
  .event-content14 {
    text-transform: none;
  }
  .event-content16 {
    text-transform: none;
  }
  .event-content18 {
    font-size: 0.7rem;
    font-family: Poppins;
    font-weight: 400;
    line-height: 1.5;
    text-transform: none;
    text-decoration: none;
  }
  .event-content20 {
    font-size: 0.7rem;
    font-family: Poppins;
    font-weight: 400;
    line-height: 1.5;
    text-transform: none;
    text-decoration: none;
  }
  .event-content22 {
    text-transform: none;
  }
  .event-frame21 {
    align-items: flex-start;
  }
  .event-text66 {
    color: rgb(0, 0, 0);
    font-size: 0.9rem;
    font-family: Poppins;
    font-weight: 500;
    line-height: normal;
    text-transform: none;
    text-decoration: none;
  }
}
 
@media(max-width: 1200px) {
  .event-frame2 {
    flex: 1;
  }
  .event-header {
    height: auto;
  }
  .event-text10 {
    align-self: center;
  }
  .event-text16 {
    color: var(--dl-color-gray-white);
  }
  .event-text17 {
    color: var(--dl-color-gray-white);
  }
  .event-group831 {
    height: 546px;
  }
  .event-group832 {
    height: 546px;
  }
}
 
@media(max-width: 991px) {
  .event-frame2 {
    flex: 1;
  }
  .event-header {
    height: auto;
  }
  .event-banner {
    padding-left: 5rem;
    padding-right: 5rem;
    background-size: cover;
    background-image: url("public/images/bg1-1500w.jpg");
  }
  .event-ambassador {
    width: 90%;
    height: 1346px;
    align-items: flex-start;
    flex-direction: row;
    justify-content: center;
  }
  .event-group831 {
    height: 488px;
  }
  .event-side-event {
    width: 90%;
  }
  .event-group832 {
    height: 488px;
  }
}
 
@media(max-width: 767px) {
  .event-frame2 {
    flex: 1;
  }
  .event-header {
    height: auto;
  }
  .event-frame9 {
    width: 35%;
  }
  .event-banner {
    padding-left: 3rem;
    padding-right: 3rem;
    background-position: center;
  }
  .event-frame10 {
    width: 80%;
  }
  .event-text16 {
    color: var(--dl-color-gray-white);
    width: 100%;
    font-size: 1.2rem;
    font-style: normal;
    font-family: Poppins;
    font-weight: 500;
    line-height: 1;
  }
  .event-text17 {
    color: var(--dl-color-gray-white);
    width: 100%;
    font-size: 1.2rem;
    font-style: normal;
    font-family: Poppins;
    font-weight: 500;
    line-height: 1;
  }
  .event-container5 {
    justify-content: flex-start;
  }
  .event-ambassador {
    gap: 4rem;
    width: 100%;
    height: 1864px;
    padding-left: var(--dl-layout-space-fourunits);
    padding-right: var(--dl-layout-space-fourunits);
    justify-content: center;
  }
  .event-group841 {
    width: 80%;
  }
  .event-placeholder1 {
    width: 70%;
  }
  .event-group842 {
    width: 80%;
  }
  .event-placeholder2 {
    width: 70%;
  }
  .event-group831 {
    width: 80%;
  }
  .event-gradient-map11 {
    width: 70%;
  }
  .event-side-event {
    gap: 4rem;
    width: 100%;
    height: 1442px;
    padding-left: var(--dl-layout-space-fourunits);
    padding-right: var(--dl-layout-space-fourunits);
    justify-content: center;
  }
  .event-group843 {
    width: 80%;
  }
  .event-placeholder3 {
    width: 70%;
  }
  .event-group832 {
    width: 80%;
  }
  .event-gradient-map12 {
    width: 70%;
  }
  .event-container6 {
    width: 100%;
    margin-bottom: 0px;
  }
  .event-text34 {
    font-size: 32px;
  }
  .event-text35 {
    color: rgb(255, 255, 255);
    font-size: 20px;
    font-family: Poppins;
    font-weight: 500;
    line-height: 116.7%;
    text-decoration: none;
  }
  .event-footer {
    padding-left: 5%;
    padding-right: 5%;
  }
  .event-garena-logo1 {
    width: 50%;
  }
  .event-text66 {
    width: 10rem;
  }
  .event-text67 {
    width: 10rem;
  }
  .event-text69 {
    width: 10rem;
  }
}
 
@media(max-width: 479px) {
  .event-frame2 {
    flex: 1;
  }
  .event-header {
    height: auto;
  }
  .event-container2 {
    width: 100%;
    position: relative;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .event-container3 {
    width: 50%;
  }
  .event-container4 {
    gap: var(--dl-layout-space-halfunit);
  }
  .event-text10 {
    font-size: 12px;
    align-self: center;
    font-style: normal;
    font-family: Poppins;
    font-weight: 500;
  }
  .event-text12 {
    font-size: 12px;
    align-self: center;
    font-style: normal;
    font-family: Poppins;
    font-weight: 500;
  }
  .event-frame9 {
    gap: var(--dl-layout-space-unit);
    width: 30%;
    height: auto;
    align-self: stretch;
    align-items: center;
    flex-direction: row;
    justify-content: center;
  }
  .event-ig {
    width: 10%;
    height: auto;
  }
  .event-tt {
    width: 10%;
    height: auto;
  }
  .event-dc {
    width: 10%;
    height: auto;
  }
  .event-wa {
    width: 10%;
    height: auto;
  }
  .event-banner {
    width: 100%;
    padding-top: 5rem;
    padding-left: var(--dl-layout-space-twounits);
    padding-bottom: 5rem;
    background-size: cover;
    background-image: url("public/images/bg1-1500w.jpg");
    background-repeat: no-repeat;
    background-position: left;
  }
  .event-frame10 {
    width: 354px;
    align-self: center;
    align-items: center;
    justify-content: center;
  }
  .event-text13 {
    color: var(--dl-color-gray-white);
    width: 100%;
    font-size: 2rem;
    align-self: center;
    font-style: normal;
    text-align: left;
    font-family: Poppins;
    font-weight: 900;
  }
  .event-text16 {
    color: var(--dl-color-gray-white);
    width: 100%;
    font-size: 16px;
    text-align: left;
    font-family: Poppins;
    font-weight: 600;
    line-height: 1.3;
  }
  .event-text17 {
    color: var(--dl-color-gray-white);
    width: 100%;
    font-size: 16px;
    text-align: left;
    font-family: Poppins;
    font-weight: 600;
    line-height: 1.3;
  }
  .event-group80 {
    width: var(--dl-layout-size-large);
    height: var(--dl-layout-size-small);
    align-self: flex-start;
    justify-content: center;
  }
  .event-text18 {
    font-size: 18px;
    text-align: left;
  }
  .event-ambassador {
    padding-left: var(--dl-layout-space-oneandhalfunits);
    padding-right: var(--dl-layout-space-oneandhalfunits);
  }
  .event-group841 {
    width: 80%;
    flex-direction: column;
  }
  .event-placeholder1 {
    height: auto;
  }
  .event-text19 {
    width: 90%;
  }
  .event-text20 {
    width: 90%;
  }
  .event-text21 {
    font-size: 18px;
  }
  .event-group842 {
    width: 80%;
    flex-direction: column;
  }
  .event-placeholder2 {
    height: auto;
  }
  .event-text22 {
    width: 90%;
  }
  .event-text23 {
    width: 90%;
  }
  .event-text24 {
    font-size: 18px;
  }
  .event-group831 {
    width: 80%;
    height: 486px;
    flex-direction: column;
  }
  .event-text25 {
    width: 90%;
  }
  .event-text26 {
    width: 90%;
  }
  .event-side-event {
    padding-left: var(--dl-layout-space-oneandhalfunits);
    padding-right: var(--dl-layout-space-oneandhalfunits);
  }
  .event-group843 {
    width: 80%;
    flex-direction: column;
  }
  .event-placeholder3 {
    height: auto;
  }
  .event-text28 {
    width: 90%;
  }
  .event-text29 {
    width: 90%;
  }
  .event-text30 {
    font-size: 18px;
  }
  .event-group832 {
    width: 80%;
    height: 486px;
    flex-direction: column;
  }
  .event-text31 {
    width: 90%;
  }
  .event-text32 {
    width: 90%;
  }
  .event-sub-banner {
    margin-bottom: 0px;
  }
  .event-text34 {
    font-size: 24px;
  }
  .event-text35 {
    width: 80%;
    font-size: 16px;
  }
  .event-content10 {
    background-size: auto;
    background-repeat: space;
  }
  .event-footer {
    padding: 2rem;
  }
  .event-group81 {
    width: 60%;
  }
  .event-text61 {
    font-size: 0.5rem;
  }
  .event-frame21 {
    gap: .5rem;
    width: 30%;
  }
  .event-container7 {
    gap: 1rem;
    width: 100%;
  }
  .event-image5a4e2ef62da5ad73df7efe6e3 {
    width: 1rem;
  }
  .event-text66 {
    font-size: 0.4rem;
  }
  .event-container8 {
    width: 100%;
  }
  .event-akariconsinstagramfill {
    width: 1rem;
  }
  .event-text67 {
    font-size: 0.4rem;
  }
  .event-container9 {
    width: 100%;
  }
  .event-akariconsdiscordfill {
    width: 1rem;
  }
  .event-text69 {
    font-size: 0.4rem;
  }
}