@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");
/* The following line is used to measure usage of this code in production. For more info see our usage billing page */
@import url("https://px.animaapp.com/62e794f41dfd2bd9a2e65e39.63dcb66976242a4e0577eabf.v62E08T.hcp.png");

@font-face {
  font-family: "SF Compact Display-Semibold";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/SFCompactDisplay-Semibold.otf") format("opentype");
}
@font-face {
  font-family: "SF Compact Display-Regular";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/SFCompactDisplay-Regular.otf") format("opentype");
}
@font-face {
  font-family: "General Sans-Medium";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/GeneralSans-Medium.otf") format("opentype");
}
@font-face {
  font-family: "General Sans-Regular";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/GeneralSans-Regular.otf") format("opentype");
}
@font-face {
  font-family: "General Sans-Bold";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/GeneralSans-Bold.otf") format("opentype");
}


.screen a {
  display: contents;
  text-decoration: none;
}

.container-center-horizontal {
  display: flex;
  flex-direction: row;
  justify-content: center;
  pointer-events: none;
  width: 100%;
}

.container-center-horizontal > * {
  flex-shrink: 0;
  pointer-events: auto;
}

.overlay-base {
  display: none;
  height: 100%;
  opacity: 0;
  position: fixed;
  top: 0;
  width: 100%;
}

.overlay-base.animate-appear {
  align-items: center;
  animation: reveal 0.3s ease-in-out 1 normal forwards;
  display: flex;
  flex-direction: column;
  justify-content: center;
  opacity: 0;
}

.overlay-base.animate-disappear {
  animation: reveal 0.3s ease-in-out 1 reverse forwards;
  display: block;
  opacity: 1;
  pointer-events: none;
}

.overlay-base.animate-disappear * {
  pointer-events: none;
}

@keyframes reveal {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.valign-text-middle {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.valign-text-bottom {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.hidden,
.hidden * {
  pointer-events: none;
  visibility: hidden;
}

* {
  box-sizing: border-box;
}

.button {
  align-items: center;
  background-color: var(--foundation-yellowyellow-500);
  border-radius: 4px;
  display: flex;
  gap: 10px;
  justify-content: center;
  padding: 10px 24px;
  width: fit-content;
}

.tag-date {
  align-items: center;
  display: flex;
  gap: 4px;
  width: fit-content;
}

.x20-21-may-2023 {
  letter-spacing: 0;
  line-height: 25.6px;
  margin-top: -1.00px;
  white-space: nowrap;
  width: fit-content;
}

.kuching-sarawak-malaysia {
  letter-spacing: 0;
  line-height: 25.6px;
  margin-top: -1.00px;
  white-space: nowrap;
  width: fit-content;
}

.icon-union {
  height: 24px;
  min-width: 24px;
  position: relative;
}

.logo-1 {
  height: 50px;
  min-width: 138px;
}

.hosted {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: fit-content;
}

.hosted-by {
  letter-spacing: 0;
  line-height: 25.6px;
  margin-top: -1.00px;
  white-space: nowrap;
  width: fit-content;
}

.background-1 {
  height: 50px;
  min-width: 44.15px;
  object-fit: cover;
}

.supported {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 8px;
  justify-content: flex-end;
  width: fit-content;
}

.supported-by {
  letter-spacing: 0;
  line-height: 25.6px;
  margin-top: -1.00px;
  white-space: nowrap;
  width: fit-content;
}

.logo_png-format_be-sarawak {
  height: 50px;
  min-width: 75px;
}

.logo_png-format_-tri {
  height: 50px;
  min-width: 62.5px;
}

.logo_png-format_-visit-sarawak-campaign {
  height: 50px;
  min-width: 130px;
}

.stay-connected-with {
  letter-spacing: 0;
  line-height: 25.6px;
  margin-top: -1.00px;
  width: 505px;
}

.links-item {
  letter-spacing: 0;
  line-height: 25.6px;
  margin-top: -1.00px;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.links-1 {
  align-items: center;
  align-self: stretch;
  border-color: var(--gray-nurse);
  border-top-style: solid;
  border-top-width: 1px;
  display: flex;
  justify-content: space-between;
  padding: 16px 0px;
}

.x-item {
  letter-spacing: 0;
  line-height: 20.8px;
  margin-top: -1.00px;
  white-space: nowrap;
  width: fit-content;
}

.social {
  align-items: center;
  display: flex;
  gap: 8px;
  width: fit-content;
}

.social-media-facebook {
  background-color: var(--blue);
  border-radius: 4px;
  height: 24px;
  min-width: 24px;
  position: relative;
}

.icon-facebook {
  height: 12px;
  left: 9px;
  position: absolute;
  top: 6px;
  width: 6px;
}

.facebook {
  letter-spacing: 0;
  line-height: 20.8px;
  white-space: nowrap;
  width: fit-content;
}

.how-to-book-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 49.6px;
  margin-top: -1.00px;
  white-space: nowrap;
}

.footer-tablet {
  align-items: flex-start;
  align-self: stretch;
  border-color: var(--gray-nurse);
  border-top-style: solid;
  border-top-width: 1px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 32px 32px 0px;
}

.text-field-1 {
  flex-direction: column;
  gap: 8px;
}

.field-name {
  align-items: flex-end;
  align-self: stretch;
  display: flex;
  justify-content: flex-end;
}

.text-field-2 {
  flex-direction: column;
  gap: 8px;
}

.text-field-3 {
  flex-direction: column;
  gap: 8px;
}

.cell-1 {
  background-color: var(--mercury);
  flex: 1;
}

.hosted-by-1 {
  letter-spacing: 0;
  line-height: 25.6px;
  margin-top: -1.00px;
  white-space: nowrap;
  width: fit-content;
}

.supported-by-1 {
  letter-spacing: 0;
  line-height: 25.6px;
  margin-top: -1.00px;
  white-space: nowrap;
  width: fit-content;
}

.tag-date-1 {
  align-items: center;
  display: flex;
  gap: 4px;
  width: fit-content;
}

.button-8 {
  letter-spacing: 0;
  line-height: 25.6px;
  margin-top: -1.00px;
  white-space: nowrap;
  width: fit-content;
}

.button-9 {
  letter-spacing: 0;
  line-height: 25.6px;
  margin-top: -1.00px;
  white-space: nowrap;
  width: fit-content;
}

.button-10 {
  letter-spacing: 0;
  line-height: 25.6px;
  margin-top: -1.00px;
  white-space: nowrap;
  width: fit-content;
}

.hosted-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: fit-content;
}

.supported-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 8px;
  justify-content: flex-end;
  width: fit-content;
}

.links-item-1 {
  letter-spacing: 0;
  line-height: 25.6px;
  margin-top: -1.00px;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.x-item-1 {
  letter-spacing: 0;
  line-height: 20.8px;
  margin-top: -1.00px;
  white-space: nowrap;
  width: fit-content;
}

.social-1 {
  align-items: center;
  display: flex;
  gap: 8px;
  width: fit-content;
}

.how-to-book-3 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 36.8px;
  margin-top: -1.00px;
  white-space: nowrap;
}

.ted-by {
  letter-spacing: 0;
  line-height: 16.0px;
  margin-top: -1.00px;
  white-space: nowrap;
  width: fit-content;
}

.post-conference-tour {
  letter-spacing: 0;
  line-height: 19.2px;
  margin-top: -1.00px;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.contact-us {
  letter-spacing: 0;
  line-height: 19.2px;
  margin-top: -1.00px;
  white-space: nowrap;
  width: fit-content;
}

.frame-40-item {
  letter-spacing: 0;
  line-height: 12.8px;
  margin-top: -1.00px;
  white-space: nowrap;
  width: fit-content;
}

.icon-union-5 {
  height: 24px;
  min-width: 24px;
  position: relative;
}

.union-4 {
  height: 14px;
  left: 2px;
  position: absolute;
  top: 5px;
  width: 20px;
}

.union-5 {
  height: 11px;
  left: 1px;
  position: absolute;
  top: 0;
  width: 10px;
}

.icon-location_pin-1 {
  height: 12px;
  left: 1px;
  position: absolute;
  top: 0;
  width: 10px;
}

.hosted-2 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: fit-content;
}

.supported-2 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 8px;
  justify-content: flex-end;
  width: fit-content;
}

.social-2 {
  align-items: center;
  display: flex;
  gap: 8px;
  width: fit-content;
}

.field-name-1 {
  align-items: flex-end;
  align-self: stretch;
  display: flex;
  justify-content: flex-end;
}

.frame-2-1 {
  align-items: center;
  display: flex;
  flex: 1;
  justify-content: space-between;
}

.text-area-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: 134px;
}

.field-name-2 {
  align-items: flex-end;
  align-self: stretch;
  display: flex;
  justify-content: flex-end;
}

.frame-2-2 {
  align-items: center;
  display: flex;
  flex: 1;
  justify-content: space-between;
}

.form-item-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  gap: 32px;
}

.text-area-2 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: 134px;
}