:root {
  --f-textcolor: #12171e;
  --f-ctt-red: #ce0e2d;
  --f-ctt-blue: #0071ce;
  --f-blue-80: #6cacdd;
  --form-field-default: #dce6f080;
  --color-macaupost: #e30613;
  --ctt-red-dark: #7a1808;
  --f-ctt-bronze: #766e63;
  --f-light: #fafaf4;
  --color-ems: #ff8300;
  --color-caixa: #006548;
  --color-museum: #004a98;
  --color-telecom: #006bb4;
  --gradient-btn-light: transparent;
  --f-red-80: #cd3c25;
  --f-accent-beige: #baa6a4;
  --f-darkblue: #0a253c;
  --color-philately: #cf202e;
  --color-esign: #0054a6;
  --f-white: #fff;
  --f-ctt-greytext: #8e8e8e;
  --f-hover-lightblue: #dce6f0;
  --untitled-ui-gray100: #f2f4f7;
  --untitled-ui-gray500: #667085;
  --untitled-ui-gray200: #eaecf0;
  --hover-red: #ffcfd7;
  --f-black: black;
  --untitled-ui-primary600: #7f56d9;
  --untitled-ui-white: white;
  --untitled-ui-primary700: #6941c6;
  --untitled-ui-primary100: #f4ebff;
  --untitled-ui-primary800: #53389e;
  --untitled-ui-gray600: #475467;
  --untitled-ui-gray900: #101828;
  --untitled-ui-primary50: #f9f5ff;
  --untitled-ui-gray50: #f9fafb;
  --untitled-ui-gray400: #98a2b3;
  --untitled-ui-gray300: #d0d5dd;
  --untitled-ui-gray700: #344054;
  --untitled-ui-gray800: #1d2939;
  --e7e7e7: #f2f4f7;
  --blanched-almond: #fff0ca;
  --floral-white: #faf7ef;
  --lemon-chiffon: #feffce;
  --easter_blue: #c6e4ff;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-commerce-commercecheckoutformcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-commerce-commercelayoutcontainer {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.w-commerce-commercelayoutmain {
  flex: 0 800px;
  margin-right: 20px;
}

.w-commerce-commercecartapplepaybutton {
  color: #fff;
  cursor: pointer;
  appearance: none;
  background-color: #000;
  border-width: 0;
  border-radius: 2px;
  align-items: center;
  height: 38px;
  min-height: 30px;
  margin-bottom: 8px;
  padding: 0;
  text-decoration: none;
  display: flex;
}

.w-commerce-commercecartapplepayicon {
  width: 100%;
  height: 50%;
  min-height: 20px;
}

.w-commerce-commercecartquickcheckoutbutton {
  color: #fff;
  cursor: pointer;
  appearance: none;
  background-color: #000;
  border-width: 0;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  height: 38px;
  margin-bottom: 8px;
  padding: 0 15px;
  text-decoration: none;
  display: flex;
}

.w-commerce-commercequickcheckoutgoogleicon, .w-commerce-commercequickcheckoutmicrosofticon {
  margin-right: 8px;
  display: block;
}

.w-commerce-commercecheckoutcustomerinfowrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutblockheader {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  justify-content: space-between;
  align-items: baseline;
  padding: 4px 20px;
  display: flex;
}

.w-commerce-commercecheckoutblockcontent {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  padding: 20px;
}

.w-commerce-commercecheckoutlabel {
  margin-bottom: 8px;
}

.w-commerce-commercecheckoutemailinput {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutemailinput::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutemailinput:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingaddresswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutshippingfullname {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingfullname::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingfullname:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstreetaddress {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingstreetaddress::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstreetaddress:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutrow {
  margin-left: -8px;
  margin-right: -8px;
  display: flex;
}

.w-commerce-commercecheckoutcolumn {
  flex: 1;
  padding-left: 8px;
  padding-right: 8px;
}

.w-commerce-commercecheckoutshippingcity {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingcity::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingcity:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstateprovince {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingstateprovince::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstateprovince:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingzippostalcode {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingzippostalcode::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingzippostalcode:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingcountryselector {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingcountryselector::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingcountryselector:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingmethodswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutshippingmethodslist {
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
}

.w-commerce-commercecheckoutshippingmethoditem {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  flex-direction: row;
  align-items: baseline;
  margin-bottom: 0;
  padding: 16px;
  font-weight: 400;
  display: flex;
}

.w-commerce-commercecheckoutshippingmethoddescriptionblock {
  flex-direction: column;
  flex-grow: 1;
  margin-left: 12px;
  margin-right: 12px;
  display: flex;
}

.w-commerce-commerceboldtextblock {
  font-weight: 700;
}

.w-commerce-commercecheckoutshippingmethodsemptystate {
  text-align: center;
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  padding: 64px 16px;
}

.w-commerce-commercecheckoutpaymentinfowrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutcardnumber {
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutcardnumber::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardnumber:focus, .w-commerce-commercecheckoutcardnumber.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutcardexpirationdate {
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutcardexpirationdate::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardexpirationdate:focus, .w-commerce-commercecheckoutcardexpirationdate.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutcardsecuritycode {
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutcardsecuritycode::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardsecuritycode:focus, .w-commerce-commercecheckoutcardsecuritycode.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingaddresstogglewrapper {
  flex-direction: row;
  display: flex;
}

.w-commerce-commercecheckoutbillingaddresstogglecheckbox {
  margin-top: 4px;
}

.w-commerce-commercecheckoutbillingaddresstogglelabel {
  margin-left: 8px;
  font-weight: 400;
}

.w-commerce-commercecheckoutbillingaddresswrapper {
  margin-top: 16px;
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutbillingfullname {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingfullname::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingfullname:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstreetaddress {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingstreetaddress::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstreetaddress:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingcity {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingcity::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingcity:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstateprovince {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingstateprovince::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstateprovince:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingzippostalcode {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingzippostalcode::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingzippostalcode:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingcountryselector {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingcountryselector::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingcountryselector:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutorderitemswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummaryblockheader {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  justify-content: space-between;
  align-items: baseline;
  padding: 4px 20px;
  display: flex;
}

.w-commerce-commercecheckoutorderitemslist {
  margin-bottom: -20px;
}

.w-commerce-commercecheckoutorderitem {
  margin-bottom: 20px;
  display: flex;
}

.w-commerce-commercecartitemimage {
  width: 60px;
  height: 0%;
}

.w-commerce-commercecheckoutorderitemdescriptionwrapper {
  flex-grow: 1;
  margin-left: 16px;
  margin-right: 16px;
}

.w-commerce-commercecheckoutorderitemquantitywrapper {
  white-space: pre-wrap;
  display: flex;
}

.w-commerce-commercecheckoutorderitemoptionlist {
  margin-bottom: 0;
  padding-left: 0;
  text-decoration: none;
  list-style-type: none;
}

.w-commerce-commercelayoutsidebar {
  flex: 0 0 320px;
  position: sticky;
  top: 20px;
}

.w-commerce-commercecheckoutordersummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummarylineitem, .w-commerce-commercecheckoutordersummaryextraitemslistitem {
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 8px;
  display: flex;
}

.w-commerce-commercecheckoutsummarytotal {
  font-weight: 700;
}

.w-commerce-commercecheckoutplaceorderbutton {
  color: #fff;
  cursor: pointer;
  appearance: none;
  text-align: center;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 3px;
  align-items: center;
  margin-bottom: 20px;
  padding: 9px 15px;
  text-decoration: none;
  display: block;
}

.w-commerce-commercecheckouterrorstate {
  background-color: #ffdede;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 10px 16px;
}

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

.w-commerce-commerceorderconfirmationcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-commerce-commercecheckoutcustomerinfosummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummaryitem, .w-commerce-commercecheckoutsummarylabel {
  margin-bottom: 8px;
}

.w-commerce-commercecheckoutsummaryflexboxdiv {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.w-commerce-commercecheckoutsummarytextspacingondiv {
  margin-right: .33em;
}

.w-commerce-commercecheckoutshippingsummarywrapper, .w-commerce-commercecheckoutpaymentsummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercepaypalcheckoutformcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-commerce-commercepaypalcheckouterrorstate {
  background-color: #ffdede;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 10px 16px;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
  outline-offset: 2px;
  border-radius: 50%;
  outline: 2px solid #3b79c3;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-commerce-commercelayoutcontainer {
    flex-direction: column;
    align-items: stretch;
  }

  .w-commerce-commercelayoutmain {
    flex-basis: auto;
    margin-right: 0;
  }

  .w-commerce-commercelayoutsidebar {
    flex-basis: auto;
  }

  .w-layout-blockcontainer {
    max-width: none;
  }
}

@media screen and (max-width: 479px) {
  .w-commerce-commercecheckoutemailinput, .w-commerce-commercecheckoutshippingfullname, .w-commerce-commercecheckoutshippingstreetaddress, .w-commerce-commercecheckoutshippingstreetaddressoptional {
    font-size: 16px;
  }

  .w-commerce-commercecheckoutrow {
    flex-direction: column;
  }

  .w-commerce-commercecheckoutshippingcity, .w-commerce-commercecheckoutshippingstateprovince, .w-commerce-commercecheckoutshippingzippostalcode, .w-commerce-commercecheckoutshippingcountryselector, .w-commerce-commercecheckoutcardnumber, .w-commerce-commercecheckoutcardexpirationdate, .w-commerce-commercecheckoutcardsecuritycode, .w-commerce-commercecheckoutbillingfullname, .w-commerce-commercecheckoutbillingstreetaddress, .w-commerce-commercecheckoutbillingstreetaddressoptional, .w-commerce-commercecheckoutbillingcity, .w-commerce-commercecheckoutbillingstateprovince, .w-commerce-commercecheckoutbillingzippostalcode, .w-commerce-commercecheckoutbillingcountryselector {
    font-size: 16px;
  }
}

body {
  color: var(--f-textcolor);
  letter-spacing: 0;
  flex-flow: column;
  justify-content: space-between;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1em;
  line-height: 1.6;
  display: flex;
}

h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.875em;
  font-weight: 700;
  line-height: 1.4;
}

h2 {
  color: var(--f-textcolor);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.48em;
  font-weight: 500;
  line-height: 1.4;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.35rem;
  font-weight: 500;
  line-height: 1.4;
}

h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.4;
}

h5 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.1em;
  font-weight: 700;
  line-height: 1.4;
}

h6 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.46em;
  font-weight: 700;
  line-height: 1.4;
}

p {
  color: #303234;
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.125rem;
  font-weight: 400;
}

a {
  font-family: source-han-sans-traditional, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  text-decoration: none;
}

li {
  color: var(--f-ctt-red);
  font-size: 1.125rem;
}

img {
  max-width: 100%;
  display: inline-block;
  bottom: 5rem;
}

label {
  margin-bottom: .3em;
  font-size: 1.25em;
  font-weight: 700;
  display: block;
}

blockquote {
  border-left: .3em solid #e2e2e2;
  margin-bottom: 1em;
  padding: 1em 2em 1em 1.7em;
  font-size: 1.2em;
  line-height: 1.6;
}

.container {
  background-color: #0000;
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 2.5em;
  font-family: source-han-sans-traditional, sans-serif;
  display: block;
}

.container.paddings-small {
  background-color: #0000;
  padding: 2em;
}

.container.is--publication {
  position: relative;
}

.style_item {
  border: 1px #000;
  border-radius: .25em;
  padding: 2em 0;
  font-size: 1rem;
}

.html {
  width: 0;
  height: 0;
  position: absolute;
  inset: 0% 0% auto;
  overflow: hidden;
}

.global-styles {
  position: fixed;
  inset: 0% 0% auto;
}

.rich-text p {
  margin-top: 0;
  margin-bottom: 1.6em;
}

.rich-text h1 {
  margin-top: 0;
  margin-bottom: .2em;
  font-size: 3.28em;
}

.rich-text h2 {
  margin-top: 0;
  margin-bottom: .2em;
  font-size: 2.5em;
}

.rich-text h3 {
  margin-top: 0;
  margin-bottom: .3em;
  font-size: 2.19em;
}

.rich-text h4 {
  margin-top: 0;
  margin-bottom: .4em;
  font-size: 1.88em;
}

.rich-text h5 {
  margin-top: 0;
  margin-bottom: .6em;
  font-size: 1.67em;
}

.rich-text h6 {
  margin-top: 0;
  margin-bottom: .7em;
  font-size: 1.46em;
}

.section {
  background-color: #0000;
  flex: 1;
  padding-top: 0;
  padding-bottom: 0;
  position: static;
}

.section.is--navbg {
  width: 100%;
  height: 8.125em;
  margin-left: auto;
  margin-right: auto;
  position: static;
}

.section.is--footer {
  background-color: #0000;
  flex: none;
  margin-top: auto;
  padding-top: 0;
  padding-bottom: 0;
  position: static;
  inset: auto 0% 0%;
}

.section.is--path {
  border-top: 2px solid var(--f-ctt-blue);
  border-bottom: 2px solid var(--f-ctt-blue);
  background-color: var(--f-ctt-blue);
  flex: none;
  align-items: center;
  min-height: 3.2em;
  padding-top: .9em;
  padding-bottom: .9em;
  display: flex;
}

.section.is--pagebanner {
  min-height: 25em;
  max-height: 1.5625vmin;
}

.section.is--pagebanner.margin-bottom-regular {
  min-height: 25em;
}

.section.margin-bottom-regular {
  border: 1px none var(--f-blue-80);
}

.page-wrapper {
  width: 100%;
  font-size: 1em;
  position: relative;
  overflow: hidden;
}

.form_input {
  background-color: var(--form-field-default);
  border: 1px solid #c9c9c9;
  border-radius: 1px;
  height: auto;
  min-height: 2.6rem;
  margin-bottom: 0;
  padding: .8em .9em;
  font-size: 1.05rem;
}

.form_input:focus {
  box-shadow: 0 2px 0 0 var(--f-ctt-blue);
}

.display {
  color: #303234;
  font-family: source-han-sans-traditional, sans-serif;
  font-size: 4em;
  font-weight: 700;
  line-height: 1.1;
}

.text-size-small {
  color: var(--f-textcolor);
  text-align: left;
  font-family: source-han-sans-traditional, sans-serif;
  font-size: 1rem;
  line-height: 1.3;
}

.text-size-small.is--white {
  font-weight: 500;
}

.text-size-small.is--blue {
  color: var(--f-ctt-blue);
}

.para_link-block_textfirst {
  background-color: #0000;
  background-image: url('../images/arrow-right.svg');
  background-position: 78%;
  background-repeat: no-repeat;
  background-size: auto;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: auto;
  padding-left: .2em;
  padding-right: 1.6em;
  transition: all .3s cubic-bezier(.19, 1, .22, 1);
  display: flex;
}

.para_link-block_textfirst:hover {
  color: var(--color-macaupost);
  background-color: #fddee3;
  background-position: 90%;
  padding-left: .2em;
  padding-right: 1.8em;
}

.nav_text {
  color: var(--f-textcolor);
  white-space: nowrap;
  flex: 0 auto;
  margin-right: 0;
  padding-right: 0;
  font-family: source-han-sans-traditional, sans-serif;
  font-size: 1.375em;
  font-weight: 500;
  line-height: 1.2;
  display: block;
}

.nav-linkblock-withicon {
  margin-right: 1em;
  font-size: 1em;
  display: inline-block;
}

.nav-wrapper {
  color: #006548;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  width: 68.75em;
  max-width: 1440px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.nav-wrapper:hover {
  margin-right: 1px;
}

.html-embed {
  justify-content: center;
  align-items: center;
  display: flex;
}

.logo-home {
  width: 35vw;
  padding: 0 1.5em 0 0;
}

.box {
  object-fit: fill;
  background-color: #108781;
  justify-content: center;
  align-items: center;
  width: 8.125em;
  max-width: 130px;
  height: 100%;
  padding: 2.01em 4.06em 1.41em;
  display: flex;
  position: static;
  overflow: hidden;
}

.menu-wrapper {
  display: none;
  overflow: hidden;
  transform: scale(2);
}

.nav-linkblock {
  margin-right: 2.2em;
  font-size: 1em;
  display: inline-block;
}

.navigation {
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
  margin-right: 0;
  display: flex;
  position: relative;
}

.nav-rightsideelements {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 13.7em;
  display: flex;
  position: relative;
}

.nav-rightsideelements.is--mobile {
  justify-content: flex-end;
  padding-left: 5em;
}

.icon-linkblock {
  justify-content: center;
  align-items: center;
  width: auto;
  margin-right: .6em;
  padding: .15em;
  display: flex;
  position: relative;
  overflow: visible;
}

.image {
  object-fit: fill;
}

.nav-container {
  z-index: 20;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  position: relative;
}

.is--white {
  color: #fff;
  text-align: center;
  font-family: source-han-sans-traditional, sans-serif;
}

.qr-code {
  text-align: right;
  object-fit: contain;
  object-position: 100% 50%;
  flex: none;
  align-self: flex-end;
  width: auto;
  height: auto;
  padding: 0;
  display: block;
}

.footer-link-wrapper {
  grid-column-gap: 1em;
  grid-row-gap: 1.6em;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  height: 45%;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.qr-code-item {
  text-align: center;
  background-color: #0000;
  flex-direction: column;
  flex: 0 auto;
  justify-content: flex-end;
  align-self: flex-end;
  align-items: flex-start;
  width: 45%;
  height: 100%;
  margin-right: 0;
  padding: 0;
  font-size: .875rem;
  font-weight: 500;
  display: flex;
}

.otherlanguage-small {
  font-family: Montserrat, sans-serif;
  font-size: .9rem;
  line-height: 1.2;
}

.pt-text-size-regular {
  color: var(--f-textcolor);
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 1.45;
}

.qr-holder {
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  margin-left: 0;
  padding: 0 0 0 0;
  display: block;
}

.footer_linkblock {
  color: #fff;
  border-radius: 0;
  flex-wrap: wrap;
  padding-left: 0;
  padding-right: 0;
  font-size: 1rem;
  transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
  display: inline-block;
  box-shadow: inset 0 -1px #fff;
}

.footer_linkblock:hover {
  background-color: var(--ctt-red-dark);
  color: #18c392;
  padding-left: 0;
  padding-right: 0;
}

.lottie-animation {
  width: 100%;
  height: 100%;
  transform: translate(0);
}

.nav-iconswrapper {
  flex: 0 auto;
  justify-content: space-between;
  align-items: center;
  min-width: 7em;
  margin-right: 1em;
  display: flex;
  position: relative;
}

.language-list {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: #57c8b640;
  background-color: #57c8b6bf;
  border: 1px #000;
  border-radius: 0;
  flex-direction: column;
  flex: 1;
  justify-content: space-around;
  min-height: 18em;
  padding: 1.55em .75em;
  display: flex;
  position: absolute;
  inset: 141% 0% auto auto;
  box-shadow: 4px 4px 3px #33846da6;
}

.language-list.is--open {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex: none;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-self: auto;
  align-items: stretch;
  min-height: 14em;
  padding-top: 1.1em;
  padding-bottom: 1.1em;
  display: none;
}

.language-tc {
  color: #006548;
  text-align: center;
  padding: 0;
  font-size: 1.1em;
  font-weight: 500;
}

.mainnavitem--loan {
  border: 1px #000;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 100%;
  margin-right: 2.2em;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
}

.mainnavitem--loan:hover {
  border: 1px #000;
}

.dropdown-toggle-2 {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.dropdown-toggle-2.mainnavitem {
  border-bottom-width: 6px;
  border-bottom-color: #0000;
  flex-wrap: wrap;
  flex: 0 auto;
}

.dropdown-toggle-2.mainnavitem:hover {
  background-color: #fff;
  border: 1px #000;
  border-bottom: 6px #fd9b41;
}

.dropdown-toggle-2.mainnavitem:focus {
  border-bottom-width: 6px;
  border-bottom-color: #fd9b41;
}

.loan-dropdown-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #0000;
  border: .625em solid #02b89f;
  border-left: 1px #000;
  border-right: 1px #000;
  flex-direction: column;
  width: 18em;
  margin-top: 0;
  margin-left: 0%;
  margin-right: auto;
  padding: 0;
  display: flex;
  position: absolute;
  inset: 87% 0% auto -36%;
  overflow: hidden;
  box-shadow: 4px 4px 3px 2px #33846da6;
}

.loan-dropdown-wrapper.is--open {
  display: none;
}

.loan-linkblock {
  color: #11513e;
  background-color: #fff;
  border-bottom: 1px #000;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding: 2em 1.2em;
  font-size: 1em;
  text-decoration: none;
  display: block;
  box-shadow: inset 0 -1px #61b995;
}

.loan-linkblock:hover {
  color: #fff;
  background-color: #fff;
  background-image: linear-gradient(138deg, #57c8b661 25%, #e4ffe5);
}

.dropdown-item-text {
  color: #006548;
  margin-bottom: 0;
  font-size: 1.35em;
  font-weight: 500;
}

.languageblock {
  text-align: center;
  background-color: #fff;
  border-radius: .4em;
  width: 100%;
  margin-bottom: .5em;
  padding: .3em 1.275em;
}

.languageblock:hover {
  background-image: linear-gradient(#57c8b640, #57c8b640);
}

.languageblock.is--mobile {
  margin-bottom: 1em;
  padding: .3em .475em;
}

.language-sc {
  color: #006548;
  text-align: center;
  padding: 0;
  font-size: 1.1em;
  font-weight: 500;
}

.language-en {
  color: #015f44;
  font-family: Montserrat, sans-serif;
  font-size: 1.1em;
  font-weight: 600;
}

.footer-grid {
  grid-row-gap: 32px;
  grid-template-columns: 1fr 2fr 1fr;
  width: 100%;
  padding-left: 4.6875rem;
  padding-right: 4.6875rem;
}

.footer-leftinfo-wrapper {
  border-right: 2px solid #fff;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  height: 90%;
  margin-top: auto;
  margin-right: 0;
  padding-bottom: 1.2em;
  padding-right: 1.6em;
  display: flex;
}

.image-23 {
  padding: 0;
}

.footer-contact-wrapper {
  border-left: 2px solid #fff;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 90%;
  margin-top: auto;
  margin-right: 0;
  padding-bottom: 1.2em;
  padding-left: 1.6em;
  display: flex;
}

.contact-info-item {
  text-align: left;
  align-self: flex-start;
  margin-top: 1em;
}

.dark-green {
  background-color: var(--f-ctt-bronze);
  width: 100%;
  height: 20px;
}

.copyright {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.nav-container {
  background-color: var(--f-light);
  justify-content: space-between;
  width: 100%;
  max-width: 1440px;
  display: flex;
  position: static;
  top: 0;
}

.full-width-container {
  background-color: var(--f-ctt-red);
  overflow: visible;
}

.inlinelink_withicon {
  border-style: none none solid;
  border-width: 1px 1px 2px;
  border-color: black black var(--f-ctt-red);
  color: var(--f-ctt-red);
  cursor: pointer;
  padding-left: .2em;
  padding-right: 2em;
  font-size: 1.125rem;
  display: inline-block;
}

.inlinelink_withicon:hover {
  filter: hue-rotate(180deg);
  outline-offset: 0px;
  border: 1px #177258;
  border-bottom: 2px solid #177258;
  outline: 1px #177258;
}

.radio-btn {
  background-color: #fff;
  border: 1px #33846d;
  flex-wrap: nowrap;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  margin-right: .5em;
  padding: 0 1em;
  display: flex;
}

.add-top-btn-paddinng {
  margin-top: 1.6em;
  margin-bottom: 3em;
}

.news-text {
  flex-flow: column wrap;
  flex: 0 auto;
  width: 100%;
  padding: .6em .6em 2em;
  display: flex;
}

.contact-form-title {
  margin-bottom: 0;
  font-size: 1.125rem;
  font-weight: 500;
}

.style-guide-heading {
  color: #000c;
  letter-spacing: -.02em;
  width: 100%;
  max-width: 340px;
  font-size: 42px;
  font-weight: 700;
  line-height: 64px;
}

.style-guide-infotext-large {
  color: #0000004d;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}

.style-guide-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  border: 0 solid #dcdcdc;
  border-top-width: 1px;
  flex-direction: row;
  justify-content: center;
  padding: 24px;
  display: flex;
}

.fill-style {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: row;
  padding: 0;
  display: flex;
}

.style-guide-info-text {
  color: #0000004d;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}

.gradient-bluetored {
  background-image: linear-gradient(130.82deg, #3f5dc9 30%, #ce0e2d 83%);
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-form_field_default {
  background-color: var(--form-field-default);
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-color--ems {
  background-color: var(--color-ems);
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-color--caixa {
  background-color: var(--color-caixa);
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-color--museum {
  background-color: var(--color-museum);
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-color--telecom {
  background-color: var(--color-telecom);
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-color-macaopost {
  background-color: var(--color-macaupost);
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-btn_gradient_light {
  background-color: var(--gradient-btn-light);
  background-image: linear-gradient(99.98deg, #fff0, #b9cde0);
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-f-ctt-red {
  background-color: #bb2c34;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-f-red-80 {
  background-color: var(--f-red-80);
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-f-beige {
  background-color: var(--f-accent-beige);
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-f-light {
  background-color: var(--f-light);
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-f-ctt-blue {
  background-color: var(--f-ctt-blue);
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-f-dark-blue {
  background-color: var(--f-darkblue);
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-f-textcolor-dark {
  background-color: var(--f-textcolor);
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.f-ctt-greytext {
  background-color: #8e8e8e;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-styles-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 0;
  display: grid;
}

.styles-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  border: 0 solid #dcdcdc;
  border-top-width: 1px;
  flex-direction: row;
  justify-content: center;
  padding: 24px;
  display: flex;
}

.styles-guide-section {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.color-swatch-color-philately {
  background-color: var(--color-philately);
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-color-esigntrust {
  background-color: var(--color-esign);
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-f-white {
  background-color: var(--f-white);
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-f-blue80-2 {
  background-color: var(--f-blue-80);
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.icon-height-small {
  height: 1rem;
}

.icon-1x1-small {
  flex: none;
  width: 1rem;
  height: 1rem;
}

.fs-styleguide_2-col {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.icon-height-large {
  height: 3rem;
}

.fs-styleguide_section-header {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-bottom: 1px solid #000;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-bottom: 3rem;
  line-height: 1.4;
  display: grid;
}

.icon-height-medium {
  height: 2rem;
}

.container-large {
  width: 100%;
  max-width: 80rem;
  height: 32rem;
  min-height: auto;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  position: relative;
  overflow: hidden;
}

.fs-styleguide_section {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: start;
  display: grid;
}

.fs-styleguide_item {
  grid-column-gap: 1.125rem;
  grid-row-gap: 1.125rem;
  border-bottom: 1px solid #0000001a;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start;
  place-items: start;
  padding-bottom: 3rem;
  display: grid;
  position: relative;
}

.fs-styleguide_label {
  color: #fff;
  background-color: #0073e6;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: .25rem .75rem;
  font-weight: 600;
  line-height: 1.4;
  display: flex;
}

.text-size-medium {
  font-size: 1.25rem;
}

.icon-1x1-medium {
  width: 2rem;
  height: 2rem;
}

.icon-1x1-large {
  width: 2.5rem;
  height: 2.5rem;
}

.fs-styleguide_item-wrapper {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.fs-styleguide_row {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.padding-global {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.fs-styleguide_heading-medium {
  font-size: 4rem;
}

.text-size-regular {
  color: var(--f-textcolor);
  justify-content: flex-start;
  font-family: source-han-sans-traditional, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  display: inline-block;
}

.pt-text-size-small {
  color: var(--f-textcolor);
  text-align: left;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 1.15rem;
  font-weight: 300;
  line-height: 1.6;
}

.pt-text-size-small.is--white {
  color: var(--f-white);
  letter-spacing: -.02em;
  font-family: Ubuntu, Helvetica, sans-serif;
}

.pt-text-size-tiny {
  font-family: museo, sans-serif;
  font-size: .92rem;
  font-weight: 300;
  line-height: 1.3;
}

.text-size-tiny {
  justify-content: flex-start;
  align-items: center;
  font-size: .88rem;
  font-weight: 300;
  line-height: 1.45;
  display: block;
}

.text-size-tiny.is--white {
  font-size: 1em;
  font-weight: 500;
}

.button-with-arrow {
  background-color: var(--f-ctt-blue);
  opacity: .8;
  width: auto;
  height: auto;
  color: var(--f-white);
  cursor: pointer;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  padding: .65em 3.6em .65em 4em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.button-with-arrow:active {
  opacity: 1;
}

.button-with-arrow.secondary {
  border: 1px solid var(--f-ctt-blue);
  background-color: var(--f-white);
}

.cta-btn-text {
  letter-spacing: .2em;
  white-space: nowrap;
  margin-right: 1em;
  padding: 0;
  font-size: 1.125rem;
  font-weight: 500;
  text-decoration: none;
}

.cta-btn-text.is--blue {
  color: var(--f-ctt-blue);
  font-weight: 500;
}

.heading-49 {
  color: var(--f-white);
}

.lottie-wrapper {
  flex: 0 auto;
  align-self: center;
  width: auto;
  height: 100%;
  max-height: 2em;
  display: flex;
}

.lottie-wrapper.small {
  width: 1em;
}

.lottie-animation-3 {
  flex: none;
  width: 100%;
  height: 100%;
}

.heading-50 {
  font-size: 1.875rem;
  font-weight: 700;
}

.flex-verticle {
  flex-direction: column;
  display: flex;
}

.qr-code-wrapper {
  justify-content: space-between;
  align-items: flex-end;
  width: 85%;
  height: 45%;
  font-size: .875rem;
  font-weight: 500;
  display: flex;
}

.label-text {
  background-color: var(--f-ctt-bronze);
  justify-content: flex-start;
  align-items: center;
  padding: 0 1em;
  font-weight: 700;
  display: flex;
}

.labeltag {
  z-index: 10;
  display: flex;
  position: static;
  inset: 0% auto auto 0%;
}

.borderarrow-maker {
  background-color: #0000;
  width: 1.2em;
  height: 100%;
  display: flex;
}

.labeltag-arrow {
  border-top: 1em solid #0000;
  border-bottom: 1em solid #0000;
  border-left: 1em solid var(--f-ctt-bronze);
  background-color: #0000;
  width: 50%;
  height: 100%;
}

.navbar {
  z-index: 100;
  width: 100%;
  height: 120px;
  box-shadow: 0 2px 13px -3px var(--f-accent-beige);
  background-color: #0000;
  justify-content: space-between;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  position: sticky;
  top: 0;
}

.nav_container {
  z-index: 100;
  opacity: 1;
  flex: none;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1360px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: .8em;
  padding-right: .8em;
  display: flex;
  position: relative;
}

.nav-bgcolor {
  z-index: -5;
  background-color: var(--f-white);
  opacity: .65;
  mix-blend-mode: normal;
  width: 100%;
  height: 120px;
  position: absolute;
  inset: 0%;
}

.logo_linkblock {
  justify-content: flex-start;
  align-items: flex-end;
  width: 15em;
  height: 100%;
  margin-bottom: 1.9em;
  margin-right: 1.875em;
  display: flex;
}

.logo_linkblock.w--current {
  margin-right: 2em;
}

.nav-text {
  padding: 0;
  font-family: source-han-sans-traditional, sans-serif;
  font-size: 1.22rem;
  font-weight: 500;
  display: flex;
}

.nav-sizing {
  flex: 0 auto;
  align-self: auto;
  align-items: flex-end;
  padding: 1.5375rem 2.5rem 1.6rem 1rem;
  display: flex;
}

.nav-sizing:hover {
  border: 1px #000;
}

.nav-sizing.adjusted-padding {
  padding-right: 1.25em;
}

.nav-menu-wrapper {
  align-items: flex-end;
  height: 100%;
  margin-left: auto;
  padding-right: .5em;
  display: flex;
}

.nav-item-dropdown {
  align-items: flex-end;
  height: 100%;
  display: flex;
}

.nav-item-dropdown:hover {
  border-right: 1px solid var(--f-ctt-blue);
  border-left: 1px solid var(--f-ctt-blue);
}

.image-33 {
  width: auto;
}

.dropdown-list {
  background-color: var(--f-white);
  width: 0;
  min-width: 15em;
  inset: 0% 0% auto;
}

.dropdown-list.w--open {
  z-index: 101;
  background-color: var(--f-white);
  height: auto;
  padding: .6em .5em;
  inset: 100% auto auto 0%;
  box-shadow: 0 6px 4px #baa6a469;
}

.dropdown-link {
  border-style: none none solid;
  border-width: 1px;
  border-color: var(--f-blue-80) var(--f-blue-80) var(--f-ctt-greytext);
  background-color: var(--f-white);
  white-space: normal;
  padding: .625em 1em;
  font-size: 1.125rem;
  font-weight: 400;
}

.dropdown-link:hover {
  border-color: var(--f-hover-lightblue);
  background-color: var(--f-hover-lightblue);
}

.dropdown-link.margin-botton-small {
  margin-bottom: 4px;
}

.container-maxwidth {
  z-index: 0;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  aspect-ratio: auto;
  opacity: 1;
  object-fit: fill;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
}

.container-maxwidth.remove-default {
  height: auto;
}

.section--hero {
  z-index: auto;
  background-image: linear-gradient(0deg, #f9b0a3, #fff 50%, #71d0f6);
  flex: 1;
  align-self: flex-start;
  width: 100%;
  max-height: 40em;
  margin: 0 auto 5rem;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  overflow: hidden;
}

.section--hero.margin-bottom-regular {
  opacity: 1;
  mix-blend-mode: normal;
  background-color: #fff;
  background-image: radial-gradient(circle at 30% 25%, #f9d251 19%, #99d4ef 32%, #c8e0f3 48%, #f4e5f1 59%, #f0e5d1 76%);
  min-height: 36em;
  max-height: 42.5em;
}

.bodybg {
  cursor: auto;
  mix-blend-mode: normal;
  background-color: #fff0;
  background-image: url('../images/none.webp');
  background-position: 0 0;
  background-size: auto;
  justify-content: space-between;
  overflow: visible;
}

.hero-flex-wrapper {
  z-index: auto;
  aspect-ratio: auto;
  flex-flow: row;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-left: 0;
  margin-right: 0;
  padding-right: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.color-overlay-skew {
  z-index: -52;
  opacity: 1;
  filter: blur(20px);
  mix-blend-mode: overlay;
  background-color: #0000;
  background-image: linear-gradient(150deg, #5ea9e7, #fff);
  flex: 0 auto;
  align-self: stretch;
  width: 33.3333%;
  height: 520px;
  position: relative;
  transform: skew(-30deg);
}

.color-overlay-skew.is--white--skew {
  z-index: -50;
  opacity: .58;
  mix-blend-mode: overlay;
  background-color: #ffffff4d;
  background-image: linear-gradient(#ffffff59, #fff);
  width: 33.3%;
}

.color-overlay-skew.is--red--skew {
  z-index: -55;
  opacity: .01;
  filter: blur(20px);
  mix-blend-mode: hard-light;
  background-color: #0000;
  background-image: linear-gradient(228deg, #bb2c34c9 27%, #d4acae69 77%);
  width: 33.3333%;
  height: 60em;
  margin-top: 0;
  padding-top: 0;
  top: 0;
  transform: skew(1deg);
}

.color-blur-holder {
  z-index: -50;
  justify-content: space-between;
  display: none;
  position: absolute;
  inset: 59% 0% auto;
  overflow: hidden;
}

.hero--top_graphic {
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.blur {
  filter: blur(1px);
  display: none;
}

.hero-graphic__holder {
  justify-content: flex-start;
  align-items: center;
  width: 65%;
  display: flex;
}

.nav_button--special {
  opacity: .9;
  border-radius: 0;
  padding: 1.5375em 1.85em 2rem;
  font-size: 1.375em;
  font-weight: 500;
}

.nav-btn-issueplan {
  background-color: var(--f-ctt-red);
  align-self: flex-end;
  align-items: flex-end;
  height: 100%;
  margin-bottom: 0;
  margin-left: .5em;
  margin-right: .5em;
  font-family: source-han-sans-traditional, sans-serif;
  font-size: .75em;
  font-weight: 500;
  display: flex;
}

.nav-btn-issueplan:hover {
  filter: sepia();
}

.nav-btn-issuetext {
  color: var(--f-white);
  text-align: left;
  font-size: 1.22rem;
  line-height: 1.35;
}

.nav-icon-dropdown {
  justify-content: center;
  align-self: stretch;
  align-items: flex-end;
  width: 3.2em;
  height: 100%;
  padding-bottom: 0;
  display: flex;
}

.nav-icon-dropdown:hover {
  border: 1px #000;
}

.dropdown-list-language {
  position: absolute;
  inset: 0% 0% auto;
}

.dropdown-list-language.w--open {
  background-color: #dce6f0bf;
  height: auto;
  padding: .6em .5em;
  inset: 100% 0% auto auto;
  box-shadow: 8px 9px 0 -2px #0071ce33;
}

.nav-btn-icon {
  align-self: flex-end;
}

.nav-btn-icon-styling {
  width: 100%;
  color: var(--color-telecom);
  padding: 1.1em 1.1em 1.5rem;
}

.dropdown-search {
  background-color: var(--f-hover-lightblue);
  inset: 0% 0% auto;
}

.dropdown-search.w--open {
  opacity: 1;
  mix-blend-mode: normal;
  background-color: #fffffff2;
  width: 50vw;
  height: auto;
  margin-right: -2.5em;
  padding: 2.8em 3.4em;
  font-family: source-han-sans-traditional, sans-serif;
  display: block;
  inset: 100% 0% auto auto;
  box-shadow: 7px 6px #0071ce33;
}

.form-2 {
  justify-content: space-between;
  align-items: stretch;
  height: 100%;
  display: flex;
}

.text-field {
  height: 100%;
  color: var(--f-textcolor);
  mix-blend-mode: normal;
  background-color: #dce6f0;
  flex: 1;
  align-self: center;
  margin-bottom: 0;
  font-family: source-han-sans-traditional, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  box-shadow: inset 0 0 4px #0003;
}

.submit-button {
  background-color: #bb2c34;
  flex: 0 auto;
  width: 6em;
  padding-top: 6px;
  padding-bottom: 6px;
  font-family: source-han-sans-traditional, sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
}

.form-block {
  height: auto;
  margin-bottom: 0;
}

.nav-icons-wrapper {
  justify-content: flex-end;
  height: 100%;
  margin-bottom: 0;
  margin-left: 8px;
  display: flex;
}

.hero-graphics {
  z-index: 10;
  cursor: auto;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: flex-start;
  width: 68%;
  height: 100%;
  padding-top: 0;
  padding-left: 0;
  display: flex;
  position: relative;
  overflow: visible;
  container-type: inline-size;
}

.hero-shortcut {
  z-index: 15;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-self: flex-start;
  align-items: flex-start;
  width: 45%;
  height: 100%;
  padding: 0 5rem 0 2rem;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
  overflow: visible;
}

.heading-text-tiny {
  color: var(--f-darkblue);
  font-family: source-han-sans-traditional, sans-serif;
  font-size: .875rem;
  font-weight: 500;
}

.heading-text-tiny.is--blue {
  color: #0071ce;
  font-weight: 500;
}

.heading-text-tiny.change-color {
  color: var(--f-white);
}

.heading-text-tiny.change_color {
  color: var(--f-ctt-blue);
}

.margin-bottom-tiny {
  height: auto;
  margin-bottom: .5em;
}

.shortcut-item-wrapper {
  border: 1px solid var(--f-blue-80);
  background-color: #0000;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 2.5em;
  max-height: 3em;
  padding: 3px;
  font-size: 1.375em;
  font-weight: 500;
  display: flex;
  position: relative;
  overflow: hidden;
}

.shortcut-item-wrapper:hover {
  border: 4px none var(--f-blue-80);
  opacity: .95;
  mix-blend-mode: luminosity;
  transform: scale(1.05);
}

.shortcut-item-text {
  white-space: nowrap;
  margin-left: 1.5em;
  font-family: source-han-sans-traditional, sans-serif;
  font-size: 1em;
  font-weight: 500;
}

.hero-grid-style {
  z-index: 0;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: fill;
  grid-template: "." minmax(2.5em, 1fr)
                 "." minmax(2.5em, 1fr)
                 "." minmax(2.5em, 1fr)
                 "." minmax(2.5em, 1fr)
                 "." minmax(2.5em, 1fr)
                 "." minmax(2.5em, 1fr)
                 "." minmax(2.5em, 1fr)
                 "." minmax(2.5em, 1fr)
                 "." minmax(2.5em, 1fr)
                 "." minmax(2.5em, 1fr)
                 "." minmax(2.5em, 1fr)
                 "." minmax(2.5em, 1fr)
                 "." minmax(2.5em, 1fr)
                 "." minmax(2.5em, 1fr)
                 "." minmax(2.5em, 1fr)
                 "." minmax(2.5em, 1fr)
                 / minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr);
  grid-auto-columns: minmax(200px, 1fr);
  width: 100%;
  max-height: 40em;
  display: grid;
  position: relative;
}

.greetings_warpper {
  z-index: 10;
  cursor: auto;
  flex-direction: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-self: flex-end;
  align-items: center;
  width: 50vw;
  height: 100%;
  margin-left: 0;
  padding-bottom: 0;
  padding-right: 0;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.text-span-4 {
  font-family: museo, sans-serif;
  font-weight: 500;
}

.grid--departments {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: minmax(9.8125em, 1fr) minmax(9.8125em, 1fr) minmax(9.8125em, 1fr) minmax(9.8125em, 1fr);
}

.display-text {
  color: var(--color-philately);
  font-size: 3.75em;
  font-weight: 300;
}

.display-text.is--white {
  color: var(--f-white);
  white-space: normal;
  font-size: 3.75rem;
}

.display-text-holder {
  background-color: var(--color-philately);
  color: var(--f-white);
  justify-content: flex-end;
  align-items: flex-end;
  padding-bottom: .2em;
  padding-right: 1em;
  font-weight: 300;
  display: flex;
}

.is--space {
  object-fit: cover;
  overflow: visible;
}

.department-wrapper {
  z-index: 10;
  border: 1px none var(--f-blue-80);
  background-color: var(--f-white);
  align-items: center;
  max-height: 9.8125em;
  padding: 22% 0 0 19px;
  display: flex;
  position: relative;
}

.heading-1-style {
  font-size: 1.375em;
  font-weight: 700;
  position: static;
}

.department-img {
  background-image: url('../images/telecom.png');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  min-width: 50%;
  height: 100%;
  margin-left: auto;
}

.department-img.is--ems {
  background-image: url('../images/EMS-r2.png');
  background-size: contain;
}

.department-img.is--telecom {
  background-image: url('../images/telecom.png');
}

.department-img.is--caixa {
  background-image: url('../images/caixa_R2_1.jpg');
}

.department-img.is--museum {
  background-image: url('../images/museum.jpg');
}

.department-img.is--phiately {
  background-image: url('../images/Philately-r2.jpg');
  background-size: contain;
}

.department-img.is--telecom {
  background-image: url('../images/telecom_r2.jpg');
  background-size: contain;
}

.department-img.is--caixa {
  background-image: url('../images/caixa_r2.jpg');
  background-size: contain;
}

.department-img.is--esigntrust {
  background-image: url('../images/eSign_r2.jpg');
  background-size: contain;
}

.department-img.is--museum {
  background-image: url('../images/museum_1.jpg');
  background-size: contain;
}

.department-bg {
  z-index: -20;
  background-image: url('../images/macaupost-hover.jpg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  position: absolute;
  inset: 0% 0% auto;
}

.department-bg.is--ems {
  background-image: url('../images/EMS-hover.jpg');
}

.department-bg.is--philately {
  background-image: url('../images/Philately-hover.jpg');
}

.department-bg.is--telecom {
  background-image: url('../images/telecom-hover.jpg');
}

.department-bg.is--caixa {
  background-image: url('../images/caixa-hover.jpg');
}

.department-bg.is--esigntrust {
  background-image: url('../images/eSign-Hover.jpg');
}

.department-bg.is--museum {
  background-image: url('../images/museum-hover_1.jpg');
}

.text-and-image-wrapper {
  z-index: 3;
  outline-color: var(--f-blue-80);
  outline-offset: 0px;
  color: var(--f-textcolor);
  outline-width: 1px;
  outline-style: solid;
  align-items: center;
  padding-left: 2em;
  display: flex;
  position: absolute;
  inset: 0%;
}

.text-and-image-wrapper.is--philately {
  background-image: url('../images/Philately-hover.jpg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: contain;
}

.text-and-image-wrapper.is--telecom {
  background-image: url('../images/telecom-hover.jpg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: contain;
}

.text-and-image-wrapper.is--caixa {
  background-image: url('../images/caixa-hover.jpg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: contain;
}

.text-and-image-wrapper.is--esigntrust {
  background-image: url('../images/eSign-Hover.jpg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: contain;
}

.text-and-image-wrapper.is--museum {
  background-image: url('../images/museum-hover.jpg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: contain;
}

.text-and-image-wrapper.is--philately, .text-and-image-wrapper.is--telecom, .text-and-image-wrapper.is--caixa, .text-and-image-wrapper.is--esigntrust, .text-and-image-wrapper.is--museum {
  background-image: none;
}

.margin-bottom-large {
  margin-bottom: 8em;
}

.news_layout {
  grid-column-gap: 1rem;
  grid-row-gap: 1.5em;
  grid-template: "primary" 1fr
                 "primary" 1fr
                 "primary" 1fr
                 "." 0
                 / 1.25fr .75fr;
  grid-auto-rows: 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.news-wrapper {
  min-height: 33.1875em;
}

.buttons-position {
  flex-direction: row;
  display: flex;
}

.inline-text-with-arrow {
  opacity: .8;
  width: auto;
  height: auto;
  color: var(--f-textcolor);
  cursor: pointer;
  background-color: #0000;
  border: 1px #000;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.inline-text-with-arrow:hover {
  color: var(--f-textcolor);
  background-color: #0000;
}

.inline-text-with-arrow:active {
  opacity: 1;
}

.labeltag-for-news {
  z-index: 10;
  height: 1.4rem;
  display: flex;
  position: static;
  inset: 0% auto auto 0%;
}

.labeltag-for-news.is--macaupost {
  height: 1.6rem;
}

.labeltag-position {
  z-index: 20;
  object-fit: fill;
  position: absolute;
  inset: 0% auto auto 0%;
}

.label-text-for-news {
  background-color: var(--color-macaupost);
  color: var(--f-white);
  justify-content: flex-start;
  align-items: stretch;
  padding: 0 1em;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
}

.borderarrow-maker-for-news {
  background-color: #0000;
  flex: none;
  align-self: stretch;
  align-items: stretch;
  width: 1.6rem;
  height: 1.6rem;
  display: flex;
}

.labeltag-arrow-for-news {
  border-top: .8rem solid #0000;
  border-bottom: .8rem solid #0000;
  border-left: 1rem solid var(--color-macaupost);
  background-color: #0000;
  align-self: stretch;
  width: 50%;
  height: 100%;
  display: flex;
}

.heading-text-regular {
  font-size: 1.375rem;
  display: block;
}

.heading-text-small {
  font-size: 1.125rem;
  font-weight: 500;
  display: inline-block;
}

.svg-embed-small {
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5em;
  margin-right: 8px;
  display: flex;
}

.date-format {
  margin-right: 1em;
  font-family: museo, sans-serif;
  font-size: .95rem;
  font-weight: 300;
}

.time-format {
  font-family: museo, sans-serif;
  font-size: 1rem;
  font-weight: 300;
}

.top-bottom-margins-regular {
  margin-top: 5em;
  margin-bottom: 5em;
}

.lottie-wrapper-resize {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 0 auto;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-self: center;
  align-items: center;
  max-height: 3em;
  margin-right: .75em;
  padding: 0;
  display: flex;
}

.lottie-animation-5 {
  justify-content: flex-end;
  width: auto;
  height: 48px;
  display: block;
}

.session--publication {
  background-color: var(--untitled-ui-gray100);
}

.session--publication.margin-bottom-regular {
  position: relative;
}

.sessionbreak--box {
  background-color: #766e63;
  width: 1.5em;
  height: 1.5em;
}

.sessionbreak--box.is--gold {
  background-color: #ce0e2d;
  width: 1.5em;
  height: 1.5em;
}

.sectionbreak-text {
  justify-content: flex-start;
  align-items: center;
  padding-top: 1.2em;
  padding-bottom: 1.5em;
  display: flex;
}

.publication-select-wrapper {
  z-index: 30;
  width: 100%;
  padding-left: 1.875em;
  position: relative;
}

.inline_textlink-2 {
  border-bottom: 1px none var(--f-textcolor);
  box-shadow: 0 2px 0 0 var(--f-textcolor);
  color: var(--f-textcolor);
  border-radius: 0;
  flex-wrap: wrap;
  margin-right: 19px;
  padding-bottom: 4px;
  padding-left: .3em;
  padding-right: .3em;
  font-family: source-han-sans-traditional, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  text-decoration: none;
  transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
  display: inline-block;
}

.inline_textlink-2:hover {
  border-bottom-width: 2px;
  border-bottom-color: var(--f-ctt-red);
  box-shadow: 0 2px 0 0 var(--f-ctt-red);
  color: var(--f-ctt-red);
  background-color: #0000;
  padding-left: .3em;
  padding-right: .3em;
}

.inline_textlink-2.otherlanguage-small {
  border-bottom-style: none;
  padding-bottom: 4px;
  font-family: museo, sans-serif;
}

.more-issues-wrapper {
  justify-content: flex-start;
  align-items: center;
  width: 60%;
  padding-left: 39px;
  font-family: source-han-sans-traditional, sans-serif;
  font-size: 1rem;
  display: flex;
}

.more-issues-wrapper.margin-bottom-tiny {
  width: 50%;
}

.publication-title {
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  font-size: 2rem;
  font-weight: 700;
  transition: padding-left .3s cubic-bezier(.19, 1, .22, 1);
  display: flex;
  position: relative;
}

.publication-title:hover {
  padding-left: .5em;
}

.section-title {
  color: var(--f-textcolor);
  font-size: 1.625rem;
  font-weight: 700;
  display: inline;
}

.section-title.side-paddings-tiny {
  color: #ce0e2d;
  padding-left: 12px;
  padding-right: 12px;
}

.sectiontext {
  justify-content: center;
  align-items: center;
  padding: 5.375px;
  display: flex;
}

.publication-wrapper {
  flex-direction: column;
  width: 100%;
  margin-bottom: 32px;
  display: flex;
  position: relative;
}

.dot {
  background-color: var(--f-ctt-blue);
  width: .6em;
  height: .6em;
  display: block;
}

.dot.is--red {
  background-color: #ec414b;
}

.dot.is--orange {
  background-color: #f8a201;
}

.dot.is--green {
  background-color: #1d9b77;
}

.dot.is--purple {
  background-color: #e259b0;
}

.shortcut-name {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.shortcut-list-wrapper {
  z-index: 20;
  flex: none;
  align-self: flex-start;
  width: 100%;
  min-width: auto;
  max-width: 25rem;
  position: relative;
  top: 0%;
}

.shortcut-item-border {
  border: 1px solid var(--f-ctt-blue);
  background-color: var(--f-white);
  justify-content: space-between;
  width: 100%;
  padding-left: .8em;
  display: flex;
}

.issueplan-sizing {
  margin-bottom: 0;
}

.path-wrapper {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.icon-wrapper {
  color: var(--f-white);
  padding: 0;
  display: inline-block;
}

.add-margin-right-tiny {
  margin-right: 4px;
  font-size: 1rem;
}

.arrow-wrapper {
  width: 2em;
  height: 2em;
  color: var(--untitled-ui-gray500);
  flex: 0 auto;
  justify-content: center;
  align-self: center;
  align-items: center;
  padding: 6px;
  display: flex;
}

.arrow-wrapper.add-margin-right-tiny {
  color: var(--f-white);
  align-self: center;
}

.path-text {
  color: var(--f-white);
  flex: none;
  align-self: center;
  padding-bottom: 1px;
  font-size: 1.125rem;
  font-weight: 500;
}

.path-arrow {
  color: var(--f-white);
  padding-top: 0;
}

.div-block-30 {
  align-items: center;
  height: 100%;
  display: flex;
}

.page-banner {
  object-fit: cover;
  width: 100%;
  max-height: 25em;
  position: relative;
}

.page-title-wrapper {
  background-color: var(--f-white);
  padding: .75em;
  position: absolute;
  inset: auto auto 0% 4em;
}

.heading-text-big {
  color: var(--f-ctt-blue);
  font-size: 3.75em;
  font-weight: 700;
}

.ctt-button {
  margin-right: 1.5em;
}

.ctt-button.tertiary {
  width: 6em;
}

.path-linkblock-text {
  border-bottom: 2px solid var(--f-white);
  color: var(--f-white);
  font-size: 1em;
  transition: background-color .375s cubic-bezier(.19, 1, .22, 1);
}

.path-linkblock-text:hover {
  border-bottom-style: solid;
  border-bottom-color: var(--f-ctt-red);
  background-color: var(--f-ctt-red);
  color: var(--f-ctt-red);
}

.cta-btn-text-more {
  color: var(--f-textcolor);
  letter-spacing: .2em;
  white-space: nowrap;
  margin-right: 0;
  padding: 0;
  font-size: 1rem;
  font-weight: 400;
  text-decoration: none;
}

.readmore-text-sizing {
  width: auto;
  color: var(--f-white);
  background-color: #0000;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding: 0 6px;
  display: flex;
}

.svg-wrapper-regular {
  width: 1.6em;
  height: 1.6em;
}

.readmore-btn {
  background-image: url('../images/arrow-right.svg');
  background-position: 75%;
  background-repeat: no-repeat;
  background-size: auto 65%;
  width: 5.2em;
  transition: transform .4s;
}

.readmore-btn:hover {
  color: var(--untitled-ui-gray200);
  background-position: 100%;
  border-bottom-style: none;
}

.para_link-block_iconfirst-aniamted {
  text-align: right;
  background-color: #0000;
  background-image: url('../images/arrow-left.svg');
  background-position: 22%;
  background-repeat: no-repeat;
  background-size: auto;
  flex-wrap: wrap;
  width: 5em;
  padding-left: 2.4em;
  padding-right: .2em;
  transition: all .3s cubic-bezier(.19, 1, .22, 1);
  display: inline-block;
}

.para_link-block_iconfirst-aniamted:hover {
  background-color: var(--hover-red);
  color: #fff;
  background-position: 5%;
  padding-left: 2.4em;
  padding-right: .2em;
}

.text-box {
  box-shadow: inset 0 -2px 0 0 var(--f-textcolor);
  border-bottom: 1px #000;
  padding-bottom: 4px;
}

.margin-bottom-regular {
  margin-bottom: 5em;
}

.contact-email {
  box-shadow: 0 2px 0 -1px var(--f-white);
}

.contact-email:hover {
  background-color: var(--ctt-red-dark);
}

.text-compare {
  justify-content: space-between;
  margin-bottom: 20px;
  display: flex;
}

.verticle-split {
  width: 48%;
}

.radio-btn-field {
  color: var(--f-textcolor);
  align-items: center;
  margin-right: 2em;
  font-size: 1.125rem;
  display: flex;
}

.html-embed-23 {
  display: inline-block;
}

.icon-sizing {
  justify-content: center;
  align-items: center;
  width: 1.8em;
  height: 1.8em;
  display: flex;
}

.icon-sizing.small {
  width: 1.5em;
  height: 1.5em;
}

.uui-career02_job-department {
  border-top: 1px solid var(--f-ctt-greytext);
  border-bottom: 1px solid var(--f-ctt-greytext);
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  display: flex;
}

.nav-item {
  flex: none;
  align-self: flex-end;
  height: 100%;
  display: flex;
}

.nav-item:hover {
  border-right: 1px solid var(--f-ctt-blue);
  border-left: 1px solid var(--f-ctt-blue);
}

.inline-linkblock-withicon-small {
  width: auto;
  box-shadow: 0 3px 0 -2px var(--f-ctt-blue);
  color: var(--f-ctt-blue);
  align-items: center;
  font-weight: 400;
  display: flex;
  transform: translate(0);
}

.inline-linkblock-withicon-small:hover {
  border: 1px none var(--f-textcolor);
  background-color: var(--f-hover-lightblue);
  box-shadow: none;
  transform: none;
}

.heading-53 {
  font-size: 1.48rem;
}

.date-wrapper {
  color: var(--f-ctt-red);
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.inline-linkblock-withicon-is-grey {
  width: auto;
  box-shadow: 0 3px 0 -2px var(--f-textcolor);
  color: var(--f-textcolor);
  align-items: center;
  font-size: 1.125rem;
  font-weight: 400;
  display: flex;
  transform: translate(0);
}

.inline-linkblock-withicon-is-grey:hover {
  border: 1px none var(--f-textcolor);
  background-color: var(--hover-red);
  box-shadow: none;
  transform: none;
}

.primary {
  width: 100%;
}

.secondary {
  justify-content: space-between;
  display: flex;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.icon-button-home {
  width: 2.2rem;
  height: 2.2rem;
  color: var(--untitled-ui-gray500);
  justify-content: center;
  align-items: center;
  padding: 4px;
  transition: background-color .35s cubic-bezier(.19, 1, .22, 1);
  display: flex;
}

.icon-button-home:hover {
  border-bottom: 2px none var(--f-white);
  background-color: var(--color-philately);
  color: var(--f-white);
  border-radius: 100%;
  overflow: visible;
}

.div-block-42 {
  color: var(--f-ctt-red);
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: inline-block;
}

.macaupost-path {
  padding-bottom: 10px;
}

.news-img {
  object-fit: cover;
  width: 100%;
  min-height: 75%;
  display: block;
  position: relative;
  overflow: hidden;
}

.news-img.primary {
  padding-top: 56.25%;
}

.landing-news-item-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  max-height: none;
  display: flex;
}

.home-news-item-wrapper {
  width: 100%;
  height: auto;
  padding-top: 0%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.home-news-link {
  background-color: var(--f-white);
  width: 100%;
  height: 100%;
  min-height: auto;
  color: var(--f-textcolor);
  flex-direction: row;
  transition: all .3s;
  display: flex;
}

.home-news-link:hover {
  box-shadow: 4px 7px 5px -2px #0071ce2e;
}

.home-news-link.primary {
  height: 100%;
  min-height: auto;
  box-shadow: none;
}

.home-news-link.primary:hover {
  box-shadow: 5px 6px 5px -2px #0071ce2e;
}

.home-news-link.others {
  flex-flow: row;
  flex: none;
  align-self: auto;
  align-items: center;
  height: 100%;
  min-height: auto;
  margin-bottom: 0;
  display: flex;
  position: relative;
}

.home-news-link.others:hover {
  box-shadow: 4px 7px 5px -2px #0071ce2e;
}

.image-47 {
  object-fit: cover;
  width: 100%;
  height: 100%;
  padding-top: 0;
  position: absolute;
  inset: 0%;
}

.publication-title-wrapper {
  width: 100%;
  display: flex;
}

.promo-item-wrapper_ratio56 {
  object-fit: cover;
  flex: none;
  width: 18.8125em;
  padding-top: 56.25%;
  position: relative;
}

.promo-slider-wrapper {
  object-fit: none;
  align-items: center;
  width: 100%;
  min-height: 12.5em;
  max-height: 20.625em;
  display: flex;
  position: relative;
  overflow: visible;
}

.slider-wrapper {
  grid-column-gap: 1.6rem;
  width: 100%;
  max-height: 10.1875em;
  display: flex;
  overflow: hidden;
}

.image-absolute {
  object-fit: cover;
  position: static;
  inset: 0% auto auto 0%;
}

.control-previous {
  z-index: 5;
  border: 1px solid var(--f-ctt-blue);
  background-color: var(--f-white);
  opacity: .5;
  width: 3rem;
  height: 3rem;
  color: var(--f-ctt-blue);
  margin-right: auto;
  padding: 9px;
  position: absolute;
  left: -2%;
  box-shadow: 0 3px 7px #8e8e8e40;
}

.control-previous:hover {
  opacity: 1;
}

.control-next {
  z-index: 5;
  border: 1px solid var(--f-ctt-blue);
  opacity: .49;
  width: 3rem;
  height: 3rem;
  color: var(--f-ctt-blue);
  background-color: #fff;
  align-self: center;
  margin-left: auto;
  padding: 9px;
  position: absolute;
  inset: auto -2% auto 0%;
  box-shadow: 0 2px 3px 1px #8e8e8e40;
}

.control-next:hover {
  opacity: 1;
}

.publication-imgs-wrapper {
  width: 50%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0% 3% 0% auto;
}

.annualreport-img {
  z-index: 15;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: all .35s cubic-bezier(.39, .575, .565, 1);
  display: flex;
  position: relative;
  top: 21px;
  left: 125px;
}

.image-54 {
  object-fit: cover;
}

.emcontacto-img {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: all .35s cubic-bezier(.39, .575, .565, 1);
  display: flex;
  position: relative;
}

.publication-title-annualreport {
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  font-size: 2rem;
  font-weight: 700;
  transition: padding-left .3s cubic-bezier(.19, 1, .22, 1);
  display: flex;
  position: relative;
}

.publication-title-annualreport:hover {
  padding-left: .5em;
}

.publication-title-emcontacto {
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  font-size: 2rem;
  font-weight: 700;
  transition: padding-left .3s cubic-bezier(.19, 1, .22, 1);
  display: flex;
  position: relative;
}

.publication-title-emcontacto:hover {
  padding-left: .5em;
}

.copyright_symbol {
  color: var(--f-white);
  font-family: museo, sans-serif;
  font-weight: 500;
}

.image-57 {
  object-fit: cover;
}

.chi_svg_wrapper {
  justify-content: flex-end;
  align-self: center;
  align-items: flex-end;
  width: 100%;
  height: 7.06rem;
  margin-top: 0;
  margin-bottom: 0;
  padding: 1.5rem 4.5rem 1.5rem 1.5rem;
  display: flex;
  position: relative;
  right: 0%;
}

.chi_svg_wrapper.zeroout {
  height: 5rem;
}

.port_svg {
  width: 75%;
}

.lattern2_img {
  filter: blur(2px);
  width: 65%;
}

.lattern1_img {
  filter: blur(1px);
}

.lattern3_img {
  filter: blur(1px);
  width: 85%;
}

.image-58, .blurry, .blurry_more {
  filter: blur(2px);
}

.snow {
  filter: blur(12px);
  position: static;
}

.snow._1 {
  width: 18%;
}

.snow._2 {
  width: 60%;
}

.snow._3 {
  width: 20%;
}

.snow._4 {
  width: 25%;
}

.blur_snowybg {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  width: 100vw;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.snowy_ground {
  align-items: flex-start;
  height: 100%;
  display: block;
  position: relative;
}

.snow_wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex: none;
  justify-content: space-between;
  width: 100%;
  height: 65%;
  display: flex;
}

.twinkle {
  opacity: 1;
  filter: brightness(141%);
  mix-blend-mode: hue;
  background-image: url('../images/twinkle.svg');
  background-position: 0 0;
  background-size: auto;
  width: 8rem;
  height: 8rem;
}

.twinkle._1 {
  position: absolute;
}

.twinkle_wrapper {
  filter: blur(2px);
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.twinkle_wrapper.right {
  justify-content: flex-end;
  align-items: flex-start;
  position: absolute;
}

.snowy_ground2 {
  z-index: 10;
  align-items: flex-start;
  height: 100%;
  display: block;
  position: relative;
}

.front_snow {
  z-index: 5;
  position: absolute;
  inset: auto 0% -3%;
}

.snow_ground {
  z-index: 0;
  align-items: flex-end;
  height: auto;
  max-height: none;
  display: block;
  position: absolute;
  inset: auto 0% 0%;
  overflow: visible;
}

.snowman_wrapper {
  align-items: flex-end;
  display: flex;
}

.boy_snowman {
  height: 7em;
}

.girl_snowman {
  height: 6.2em;
}

.text-log-wrapper {
  z-index: 0;
  aspect-ratio: 1;
  opacity: 1;
  mix-blend-mode: normal;
  object-fit: fill;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 4.0625em;
  padding-right: 5.15rem;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.telecom_main_wrap {
  aspect-ratio: 1;
  object-fit: contain;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0;
  display: flex;
  position: static;
  inset: 0%;
  overflow: visible;
}

.leftcloud {
  z-index: -1;
  filter: blur(3px);
  width: 18rem;
  position: absolute;
  inset: auto 15px -8% -9%;
}

.image-60 {
  width: 16rem;
}

.rightcloud {
  z-index: 10;
  width: 17em;
  height: auto;
  position: absolute;
  inset: auto -20% 0% auto;
}

.firecrakcers {
  height: 100%;
  padding-bottom: 8.125rem;
  position: absolute;
  inset: -9% 0% 19px auto;
}

.image-61 {
  object-fit: contain;
  height: 100%;
  position: relative;
  transform: skew(-11deg, 10deg);
}

.explode {
  width: 50%;
  position: absolute;
  inset: auto 0% 0% auto;
}

.explode1 {
  width: 6rem;
  height: auto;
  position: absolute;
  inset: auto 5% 23% auto;
}

.explode2 {
  width: 100%;
  height: auto;
  position: absolute;
  inset: 0% 0% auto auto;
}

.explode3 {
  z-index: 15;
  width: 12rem;
  height: auto;
  position: absolute;
  inset: auto -14% 24% auto;
}

.explode4 {
  z-index: auto;
  width: 15rem;
  height: auto;
  position: absolute;
  inset: 22% auto auto -28%;
}

.year_text {
  z-index: 10;
  width: 12em;
  position: absolute;
  inset: 8% auto auto 0%;
}

.circular {
  z-index: -1;
  border: 1px none var(--f-white);
  color: #f82929;
  -webkit-text-stroke-color: #ca3131;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.image-62 {
  width: 100%;
}

.svg {
  color: #3969ac;
}

.svg-2 {
  border: 1px solid var(--color-ems);
}

.defs, .g {
  color: var(--f-white);
}

.circle {
  border: 1px solid #000;
}

.svg-3 {
  border: 1px solid #a83131;
}

.g-2 {
  border: 1px solid #bb2a2a;
}

.path {
  color: #924242;
}

.g-3 {
  border: 1px solid #b12a2a;
}

.image-63 {
  width: 100%;
}

.deco {
  justify-content: center;
  align-items: flex-start;
  width: 13em;
  height: auto;
  display: flex;
  position: absolute;
  inset: auto auto 0% -5%;
}

.lottie-animation-6 {
  position: absolute;
}

.image-64 {
  width: 100%;
}

.orange_bg {
  z-index: -1;
  aspect-ratio: 1;
  opacity: .64;
  flex: none;
  width: 100%;
  height: 100%;
  padding: 0;
  display: flex;
  position: absolute;
  inset: 0%;
}

.image-65 {
  z-index: -2;
  object-fit: fill;
  width: 120%;
  max-width: none;
  height: 120%;
  display: block;
  position: absolute;
  inset: -10% 0% 0% -10%;
}

.left_egg1 {
  width: 5rem;
}

.title_log {
  aspect-ratio: auto;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: auto;
  margin-right: 0;
  padding: 1rem 0 1.5em;
  display: flex;
  position: relative;
  container-type: inline-size;
}

.easter_hero_img {
  filter: drop-shadow(2px 2px 5px #5b4005);
  flex: none;
  width: 23rem;
  height: 23rem;
  display: inline-block;
  position: absolute;
  inset: 0%;
}

.right_shell {
  z-index: -1;
  margin-top: 8.075rem;
  margin-left: 18.9rem;
  position: absolute;
  transform: rotate(9deg);
}

.left_shell {
  z-index: -1;
  margin-left: -20.4rem;
  position: absolute;
  left: 202.391px;
}

.left_egg2 {
  width: 10rem;
}

.left_egg4 {
  height: 16rem;
}

.image-66 {
  width: 100%;
}

.left_egg5 {
  height: 15rem;
}

.bottom_left1 {
  width: 10rem;
}

.image-67 {
  width: 100%;
  position: absolute;
  inset: 17% 0% 0%;
}

.infinity {
  z-index: -15;
  opacity: .55;
  mix-blend-mode: screen;
  filter: drop-shadow(0 0 5px #fff);
  width: 90em;
  max-width: none;
  margin-left: -3.75rem;
  position: absolute;
  inset: 0%;
}

.blue-png, .purple-png, .orange-png, .pink-png {
  position: relative;
}

.yellow-png {
  z-index: 5;
  position: relative;
}

.title {
  flex: none;
  align-self: flex-start;
  width: 100%;
  height: auto;
  padding: 0;
}

.tc-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  filter: drop-shadow(0 0 5px #0159b180);
  justify-content: flex-start;
  width: 60%;
  max-width: none;
  margin-bottom: 1.875em;
  display: inline-flex;
}

.theme-name {
  filter: drop-shadow(0 3px 2px #fff);
  margin-bottom: 1em;
}

.date {
  filter: drop-shadow(0 3px 1px #fff);
  width: 60%;
  max-width: none;
}

.div-block-44 {
  width: 0;
}

.gradient {
  z-index: -8;
  background-image: radial-gradient(circle, #6dade0d9 18%, #fff0 63%);
  width: 100%;
  height: 100%;
  position: absolute;
}

.m_front {
  z-index: 3;
  position: relative;
}

.m_back {
  position: absolute;
  bottom: 50%;
}

.mountain_wrap {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: auto;
  display: block;
  position: absolute;
  inset: auto 0% 18%;
}

.sun_and_text {
  z-index: 5;
  background-image: radial-gradient(circle, #000, #fff200 0%, #fff0 75%);
  flex-flow: column;
  flex: 0 auto;
  justify-content: space-between;
  align-items: center;
  width: 28em;
  height: 28em;
  padding: 0;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% 20vw;
}

.sun_svg {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.greeting_text_svg {
  flex: none;
  width: 100%;
  max-width: none;
  height: 100%;
  padding: 2.9rem 2.9rem 4.9rem;
  position: absolute;
  inset: 0% 0% auto;
}

.dumplings1 {
  width: 22rem;
  height: auto;
  position: absolute;
  inset: auto 0% 0%;
}

.dumplings {
  flex-flow: row;
  flex: none;
  justify-content: flex-start;
  align-self: auto;
  align-items: flex-end;
  width: 90%;
  height: 100%;
  margin-bottom: 0%;
  display: flex;
  position: absolute;
  inset: 0% auto 0% -10%;
  overflow: visible;
}

.dumplings2 {
  z-index: 6;
  width: 100%;
  height: auto;
  position: absolute;
  inset: auto 0% 0% 0;
}

.dumplings_2_wrap {
  z-index: 5;
  width: 45%;
  height: 100%;
  position: absolute;
  inset: auto 0% 0% 33%;
}

.image-68 {
  position: absolute;
  inset: auto 0% 3%;
}

.dumplings_1_wrap {
  z-index: 4;
  width: 55%;
  height: 100%;
  position: absolute;
  inset: auto 0% 0%;
}

.animate_holder {
  z-index: 8;
  mix-blend-mode: multiply;
  background-image: url('../images/slope100x.svg');
  background-position: 0 0;
  background-size: cover;
  flex: none;
  width: 100%;
  height: 12rem;
  padding-left: 25em;
  position: absolute;
  inset: auto 0% 0%;
  overflow: visible;
}

.animate_boat {
  width: 100%;
}

.leaves-holder {
  z-index: 10;
  background-image: url('../images/leaves.svg');
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: auto;
  width: 16rem;
  height: 16rem;
  position: absolute;
  inset: 0% 0% auto auto;
}

.color_bg {
  background-color: #c52020;
  width: 100dvw;
}

.white_bg {
  width: 100dvw;
}

.moon {
  z-index: 10;
  opacity: 1;
  mix-blend-mode: soft-light;
  flex-flow: column;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 38em;
  height: 38em;
  padding: 0;
  display: flex;
  position: relative;
  inset: 0% auto 0% 12.4dvw;
}

.right_cloud {
  filter: blur(1px);
  width: 20rem;
  position: absolute;
  inset: 36% -25% 0% auto;
}

.left_cloud {
  filter: blur(2px);
  width: 12rem;
  position: absolute;
  inset: 61% 0% 0% -55px;
}

.flowers {
  z-index: 0;
  background-image: url('../images/flowers.webp');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: auto;
  width: 500%;
  height: auto;
  position: absolute;
  inset: 0%;
}

.rightmost_cloud {
  filter: blur(1px);
  position: absolute;
  inset: 69% 0% 0% auto;
}

.sky {
  z-index: 1;
  opacity: 1;
  mix-blend-mode: overlay;
  height: 100%;
  display: inline-block;
  position: absolute;
  inset: 0%;
}

.rabbit {
  width: 12em;
  position: absolute;
  inset: auto auto 0% 0%;
}

.image-69 {
  z-index: 20;
  flex: 1;
  align-self: stretch;
  width: 100%;
  max-width: none;
  height: auto;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  position: absolute;
  inset: 0% auto;
}

.universe {
  opacity: .65;
  mix-blend-mode: overlay;
  background-image: url('../images/universe.webp');
  background-size: auto;
  position: absolute;
  inset: 0%;
}

.moon_wrap {
  z-index: 10;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-bottom: 0;
  display: flex;
  position: absolute;
  inset: auto auto 0% 0%;
}

.rabbit2 {
  width: 8rem;
  height: 8rem;
  display: block;
  position: absolute;
  inset: 0% -22% 0% auto;
}

.image-70 {
  width: 100%;
  height: 100%;
}

.pt_line {
  z-index: 20;
  height: 100%;
  position: absolute;
  inset: auto auto 0% 0%;
}

.rabbit-3 {
  width: 6rem;
  height: 6rem;
  position: absolute;
  inset: 0% auto auto -12%;
}

.animate_svg {
  z-index: 0;
  mix-blend-mode: luminosity;
  width: 150%;
  position: absolute;
  inset: 0%;
  overflow: visible;
}

.bottom-cloud {
  opacity: 1;
  filter: blur(8px);
  width: 40rem;
  height: auto;
  position: absolute;
  inset: auto auto -9% 0%;
}

.top_cloud {
  filter: blur(6px);
  width: 45rem;
  max-width: 50%;
  height: auto;
  position: absolute;
  inset: -14% 0% auto;
}

.mid_cloud {
  filter: blur(13px);
  width: 55rem;
  max-width: 65%;
  height: auto;
  position: absolute;
  inset: 0% 0% auto;
}

.surface_img {
  opacity: .13;
  mix-blend-mode: luminosity;
  width: 100%;
  height: 100%;
  padding: 4.06rem;
  position: absolute;
  inset: 0%;
}

.surface {
  width: 100%;
  height: 100%;
  position: relative;
}

.color {
  background-image: radial-gradient(circle, #fffffc, #fffce499 57%, #fff0 63%);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.section--upu--ad {
  z-index: auto;
  background-image: linear-gradient(#c4d9e5, #c4d9e5);
  flex: 1;
  align-self: flex-start;
  width: 100%;
  max-height: 40em;
  margin: 0 auto 5rem;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  overflow: hidden;
}

.section--upu--ad.margin-bottom-regular {
  opacity: 1;
  mix-blend-mode: normal;
  background-color: #fff;
  background-image: radial-gradient(circle at 30% 25%, #f9d251 19%, #99d4ef 32%, #c8e0f3 48%, #f4e5f1 59%, #f0e5d1 76%);
  min-height: 36em;
  max-height: 42.5em;
}

.upu-hero-graphics {
  z-index: 10;
  cursor: none;
  background-image: url('../images/worldmap.webp');
  background-position: 50% 0;
  background-size: cover;
  flex-direction: row;
  flex: none;
  align-items: flex-end;
  width: 85em;
  height: 100%;
  display: flex;
  position: relative;
  overflow: visible;
  container-type: inline-size;
}

.upu_title {
  width: 100%;
}

.date-warpper {
  width: 60%;
  max-width: none;
}

.national-section--hero {
  z-index: auto;
  background-image: url('../images/theViewfromBloco.webp'), linear-gradient(#11d3ff40, #f9d2a44d 45%, #fff 72%);
  background-position: 50% 100%, 0 0;
  background-size: cover, auto;
  flex: 1;
  align-self: flex-start;
  width: 100%;
  min-height: 38dvh;
  max-height: none;
  margin: 0 auto 3rem;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  overflow: hidden;
}

.national-section--hero.margin-bottom-regular {
  opacity: 1;
  mix-blend-mode: normal;
  background-color: #fff;
  background-image: radial-gradient(circle at 30% 25%, #f9d251 19%, #99d4ef 32%, #c8e0f3 48%, #f4e5f1 59%, #f0e5d1 76%);
  min-height: 36em;
  max-height: 42.5em;
}

.floor {
  z-index: 0;
  background-image: linear-gradient(#f9c367a6, #ed1c24 9%, #f68346 52%, #fff56d);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: auto 0% 0%;
}

.balls {
  z-index: 5;
  width: 100%;
  position: relative;
  top: -15px;
}

.image-73 {
  filter: blur(7px);
  position: absolute;
  top: -6%;
}

.sunray {
  z-index: 0;
  filter: blur(1px);
  mix-blend-mode: overlay;
  width: auto;
  height: 100%;
  display: block;
  position: absolute;
  inset: 1% 0% auto;
  transform: scale(1.3);
}

.image-74 {
  width: 100%;
  height: auto;
  display: block;
}

.fireworks-1 {
  z-index: 0;
  position: relative;
}

.fireworks_img {
  z-index: 0;
  opacity: .32;
  mix-blend-mode: luminosity;
  width: 100%;
  position: relative;
}

.fireworks-2 {
  z-index: 0;
  position: relative;
}

.building {
  z-index: 5;
  flex: 0 auto;
  justify-content: space-between;
  align-self: center;
  align-items: flex-end;
  width: 100%;
  height: 70%;
  padding-top: 0;
  display: flex;
  position: relative;
  inset: 0%;
}

.graphics_holder {
  z-index: 0;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  max-height: none;
  display: flex;
  position: absolute;
  inset: 0%;
}

.sun_rau {
  width: 100%;
  position: relative;
  bottom: 22.5rem;
  overflow: visible;
}

.building_img {
  object-fit: scale-down;
  flex: none;
  align-self: flex-end;
  width: auto;
  margin-left: 0;
  margin-right: 0;
}

.building_wrapper {
  z-index: 2;
  align-self: center;
  width: 100%;
  height: 75%;
  position: relative;
}

.floor_wrapper {
  z-index: 0;
  filter: blur(5px);
  background-image: url('../images/line300x.webp'), linear-gradient(#ee1d24, #fddc67);
  background-position: 50% -12%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: contain, auto;
  width: 100%;
  height: 25%;
  position: relative;
}

.title_wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  mix-blend-mode: screen;
  width: 50%;
  height: 100%;
  max-height: 100%;
  padding-left: var(--padding-left);
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-end;
  margin-left: 0;
  display: flex;
  position: relative;
  inset: 0%;
  overflow: hidden;
}

.element {
  height: auto;
}

.image-77 {
  width: 100%;
  overflow: visible;
}

.imperial-court-copy {
  height: auto;
}

.hero-grid-style__upu {
  z-index: 0;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: fill;
  grid-template: ". . . . . . . . . . . ." minmax(2.5em, 1fr)
                 ". . . . . . . . . . . ." minmax(2.5em, 1fr)
                 ". . . . . . . . . . . ." minmax(2.5em, 1fr)
                 ". . . . . . . . . . . ." minmax(2.5em, 1fr)
                 ". . . . . . . . . . . Area" minmax(2.5em, 1fr)
                 ". . . . . . . . . . . ." minmax(2.5em, 1fr)
                 ". . . . . . . . . . . ." minmax(2.5em, 1fr)
                 ". . . . . . . . . . . ." minmax(2.5em, 1fr)
                 ". . . . . . . . . . . ." minmax(2.5em, 1fr)
                 ". . . . . . . . . . . ." minmax(2.5em, 1fr)
                 ". . . . . . . . . . . ." minmax(2.5em, 1fr)
                 ". . . . . . . . . . . ." minmax(2.5em, 1fr)
                 ". . . . . . . . . . . ." minmax(2.5em, 1fr)
                 ". . . . . . . . . . . ." minmax(2.5em, 1fr)
                 ". . . . . . . . . . . ." minmax(2.5em, 1fr)
                 ". . . . . . . . . . . ." minmax(2.5em, 1fr)
                 / minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr);
  grid-auto-columns: minmax(200px, 1fr);
  width: 100%;
  max-height: 40em;
  display: grid;
  position: relative;
}

.hugebox {
  outline-offset: -.5px;
  background-color: #0000;
  border: 3px #006548;
  outline: 1px solid #6cacdd;
  justify-content: center;
  align-items: center;
  display: flex;
}

.hugebox.removeborder {
  outline-offset: -.5px;
  outline: 1px #6cacdd;
}

.hero-graphics-2 {
  z-index: 0;
  flex-direction: row;
  flex: none;
  align-items: flex-end;
  width: 85em;
  height: 100%;
  display: flex;
  position: relative;
}

.ctt-building {
  flex: 1;
  align-self: flex-end;
  margin-left: -15px;
  padding-bottom: 0;
  overflow: visible;
}

.bigbox {
  outline-offset: -.5px;
  background-color: #0000;
  border: 1px #6cacdd;
  outline: 1px solid #6cacdd;
  width: 100%;
  height: 100%;
  display: flex;
}

.bigbox.paddings-tiny {
  padding: 4px;
}

.bigbox.removeborder {
  outline-offset: -.5px;
  outline: 1px #6cacdd;
}

.postman {
  border: 1px #000;
  width: 100%;
  height: 100%;
}

.shortcut-item-border-2 {
  background-color: #fff;
  border: 1px solid #0071ce;
  justify-content: space-between;
  width: 100%;
  padding-left: .8em;
  display: flex;
}

.container-maxwidth-2 {
  object-fit: fill;
  width: 100%;
  max-width: 1440px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2.5em;
  padding-right: 2.5em;
  position: relative;
}

.postman-svg-wrapper {
  border-bottom: 2px #6cacdd;
}

.hero-shortcut-2 {
  z-index: 15;
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 50%;
  height: 100%;
  padding-top: 0;
  padding-left: 0;
  padding-right: 100px;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
  overflow: visible;
}

.svg-bar {
  flex: 1;
  align-self: stretch;
  margin-bottom: 0;
  display: block;
}

.section--hero-2 {
  z-index: auto;
  background-image: linear-gradient(82deg, #d0a154 14%, #9e7337 35%);
  flex: 1;
  width: 100%;
  max-height: 40em;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  overflow: hidden;
}

.section--hero-2.margin-bottom-regular {
  background-image: linear-gradient(#956a2f, #956a2f);
  max-height: 42.5em;
}

.hero-grid-style-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr);
  grid-template-columns: minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr);
  grid-auto-columns: minmax(200px, 1fr);
  width: 100%;
  max-height: 40em;
  display: grid;
  position: static;
}

.shortcut-item-wrapper-2 {
  background-color: #0000;
  border: 1px solid #6cacdd;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 2.5em;
  max-height: 3em;
  padding: 3px;
  font-size: 1.375em;
  font-weight: 500;
  display: flex;
  position: relative;
  overflow: hidden;
}

.shortcut-item-wrapper-2:hover {
  opacity: .95;
  mix-blend-mode: luminosity;
  border: 4px #6cacdd;
  transform: scale(1.05);
}

.hero-flex-wrapper-2 {
  z-index: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-height: 40rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.blur-2 {
  filter: blur(1px);
}

.tagline-svg {
  z-index: 2;
  width: 35%;
  position: absolute;
  inset: auto auto -3px -3px;
}

.animated-svg-wifi {
  opacity: .3;
  mix-blend-mode: color-burn;
}

.building-wrapper {
  z-index: 1;
  flex: 0 auto;
  justify-content: flex-start;
  align-self: flex-end;
  align-items: flex-end;
  width: 47em;
  height: 100%;
  margin-left: 0;
  padding-right: 0;
  display: none;
  position: absolute;
  inset: auto 0% 0%;
}

.lottie-animation-7 {
  justify-content: flex-end;
  width: auto;
  height: 48px;
  display: block;
}

.shortcut-list-wrapper-2 {
  z-index: 10;
  flex: 0 auto;
  align-self: stretch;
  width: 100%;
  padding-right: 0;
  position: relative;
}

.image-37 {
  opacity: .32;
  mix-blend-mode: color-burn;
}

.dot-2 {
  background-color: #0071ce;
  width: .6em;
  height: .6em;
  display: block;
}

.dot-2.is--green {
  background-color: #1d9b77;
}

.dot-2.is--purple {
  background-color: #e259b0;
}

.dot-2.is--red {
  background-color: #ec414b;
}

.dot-2.is--orange {
  background-color: #f8a201;
}

.svg-sign {
  padding: 0;
}

.smallbox {
  outline-offset: 0px;
  background-color: #0000;
  border: 3px #006548;
  outline: 1px solid #6cacdd;
}

.image-49 {
  z-index: 2;
  position: relative;
}

.div-block-45 {
  min-height: 15rem;
}

.section--hero--sky {
  z-index: auto;
  background-image: linear-gradient(#966b30, #976c31);
  flex: 1;
  width: 100%;
  max-height: 40em;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  overflow: hidden;
}

.section--hero--sky.margin-bottom-regular {
  background-image: none;
  max-height: 42.5em;
}

.bodybg--sky {
  cursor: auto;
  mix-blend-mode: normal;
  background-color: #fff0;
  justify-content: space-between;
  overflow: visible;
}

.shortcut-item-border-3 {
  background-color: #fff;
  border: 1px solid #0071ce;
  justify-content: space-between;
  width: 100%;
  padding-left: .8em;
  display: flex;
}

.container-maxwidth-3 {
  object-fit: fill;
  width: 100%;
  max-width: 1440px;
  height: 40rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2.5em;
  padding-right: 2.5em;
  position: relative;
}

.hero-shortcut-3 {
  z-index: 15;
  width: 50%;
  height: 100%;
  color: var(--f-darkblue);
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  padding-top: 0;
  padding-left: 3rem;
  padding-right: 1.5rem;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
  overflow: visible;
}

.section--hero-3 {
  z-index: auto;
  flex: 1;
  width: 100%;
  max-height: 40em;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  overflow: hidden;
}

.section--hero-3.margin-bottom-regular {
  min-height: 40rem;
  max-height: 42.5em;
  margin-bottom: 5em;
}

.hero-grid-style-3 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr);
  grid-template-columns: minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr);
  grid-auto-columns: minmax(200px, 1fr);
  width: 100%;
  max-height: 40em;
  display: none;
  position: static;
}

.shortcut-item-wrapper-3 {
  background-color: #0000;
  border: 1px solid #6cacdd;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 2.5em;
  max-height: 3em;
  padding: 3px;
  font-size: 1.375em;
  font-weight: 500;
  display: flex;
  position: relative;
  overflow: hidden;
}

.shortcut-item-wrapper-3:hover {
  opacity: .95;
  mix-blend-mode: luminosity;
  border: 4px #6cacdd;
  transform: scale(1.05);
}

.hero-flex-wrapper-3 {
  z-index: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.blur-3 {
  filter: blur(1px);
}

.lottie-animation-8 {
  justify-content: flex-end;
  width: auto;
  height: 48px;
  display: block;
}

.image-79 {
  opacity: .32;
  mix-blend-mode: color-burn;
}

.dot-3 {
  background-color: #0071ce;
  width: .6em;
  height: .6em;
  display: block;
}

.dot-3.is--green {
  background-color: #1d9b77;
}

.dot-3.is--purple {
  background-color: #e259b0;
}

.dot-3.is--red {
  background-color: #ec414b;
}

.dot-3.is--orange {
  background-color: #f8a201;
}

.image-80 {
  z-index: 2;
  position: relative;
}

.shortcut-item-border-4 {
  background-color: #fff;
  border: 1px solid #0071ce;
  justify-content: space-between;
  width: 100%;
  padding-left: .8em;
  display: flex;
}

.container-maxwidth-4 {
  object-fit: fill;
  width: 100%;
  max-width: 1440px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2.5em;
  padding-right: 2.5em;
  position: relative;
}

.hero-shortcut-4 {
  z-index: 15;
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 50%;
  height: 100%;
  padding-top: 9.05em;
  padding-left: 0;
  padding-right: 100px;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
  overflow: visible;
}

.hero-grid-style-4 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr);
  grid-template-columns: minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr);
  grid-auto-columns: minmax(200px, 1fr);
  width: 100%;
  max-height: 40em;
  display: grid;
  position: static;
}

.shortcut-item-wrapper-4 {
  background-color: #0000;
  border: 1px solid #6cacdd;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 2.5em;
  max-height: 3em;
  padding: 3px;
  font-size: 1.375em;
  font-weight: 500;
  display: flex;
  position: relative;
  overflow: hidden;
}

.shortcut-item-wrapper-4:hover {
  opacity: .95;
  mix-blend-mode: luminosity;
  border: 4px #6cacdd;
  transform: scale(1.05);
}

.hero-flex-wrapper-4 {
  z-index: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.blur-4 {
  filter: blur(1px);
}

.lottie-animation-9 {
  justify-content: flex-end;
  width: auto;
  height: 48px;
  display: block;
}

.image-81 {
  opacity: .32;
  mix-blend-mode: color-burn;
}

.image-82 {
  z-index: 2;
  position: relative;
}

._25thlogo_wrapper {
  z-index: 1;
  opacity: 1;
  mix-blend-mode: normal;
  background-image: url('../images/25th-logo.webp');
  background-position: 50%;
  background-size: cover;
  flex: 0 auto;
  justify-content: flex-start;
  align-self: flex-end;
  align-items: center;
  width: 47em;
  height: 100%;
  margin-left: 0;
  padding-right: 0;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.top {
  z-index: 10;
  width: 38rem;
  position: absolute;
}

.top_piece {
  width: 100%;
}

.buttom {
  z-index: 10;
  width: 38rem;
  position: absolute;
  inset: auto 0% 0%;
}

.bottom_piece {
  width: 100%;
}

.side {
  z-index: 10;
  width: 4rem;
  height: auto;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.side_piece {
  height: 100%;
}

.temporary_25th {
  z-index: 2;
  width: 35%;
  position: absolute;
  inset: auto auto -3px -3px;
}

._25th-logo {
  z-index: 2;
  display: none;
  position: relative;
}

.image-83 {
  width: 100%;
}

.logo_log {
  flex: none;
  width: 100%;
}

.lotus_wrapper {
  z-index: 0;
  width: 60vw;
  position: absolute;
  inset: auto 0% -1%;
}

.title_log_wrapper {
  z-index: 6;
  width: 30rem;
  height: auto;
  position: absolute;
  inset: auto auto 3rem 7rem;
}

.image-84 {
  width: 100%;
}

.element_2_wrapper {
  position: absolute;
  inset: auto 0% 0% auto;
}

.lotus_waterbrush {
  opacity: .14;
  filter: blur(5px);
  mix-blend-mode: screen;
  object-fit: cover;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.image-85 {
  opacity: 1;
  mix-blend-mode: normal;
  object-fit: cover;
  height: 100%;
  position: static;
  inset: 0%;
}

.bubbles_wrapper {
  z-index: 0;
  height: 100%;
  position: relative;
  inset: 0%;
}

.circle1 {
  background-color: var(--f-white);
  opacity: .3;
  filter: blur(8px);
  border-radius: 50%;
  width: 35rem;
  height: 35rem;
  position: absolute;
}

.circle2 {
  background-color: var(--f-white);
  opacity: .3;
  filter: blur(13px);
  mix-blend-mode: hard-light;
  border-radius: 78%;
  width: 40rem;
  height: 40rem;
  position: absolute;
  inset: 0% 0% auto 27%;
}

.circle3 {
  background-color: var(--f-white);
  opacity: .3;
  filter: blur(8px);
  border-radius: 50%;
  width: 42rem;
  height: 42rem;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.bloco_banner {
  aspect-ratio: 54.33 / 35.43;
  background-image: url('../images/bloco.webp');
  background-position: 0 0;
  background-size: contain;
  flex: none;
  align-self: center;
  width: auto;
  min-width: 43%;
  height: auto;
  min-height: 25rem;
  display: none;
  position: absolute;
  inset: auto auto 18% 4%;
  overflow: visible;
  transform: rotate(-2deg);
  box-shadow: 7px 15px 11px 3px #0003;
}

.gradient-background {
  z-index: -1;
  opacity: .79;
  mix-blend-mode: overlay;
  object-fit: fill;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0%;
}

.glitter-effect {
  width: 100%;
  height: 100%;
}

.glittering-stars {
  width: 5rem;
}

.the-view-background {
  z-index: 0;
  opacity: 1;
  mix-blend-mode: normal;
  flex-flow: column;
  display: flex;
  position: absolute;
  inset: 0%;
}

.lotus {
  z-index: 0;
  width: 18rem;
  height: auto;
  min-height: auto;
  max-height: 4rem;
  display: none;
  position: absolute;
  inset: -51% -1% auto auto;
}

.image-86 {
  position: static;
  inset: 0% 0% auto auto;
}

.anniversary_title {
  z-index: 23;
  mix-blend-mode: color-burn;
  width: 100%;
  display: inline-block;
  position: relative;
}

.section--hero-xmas {
  z-index: auto;
  flex: 1;
  width: 100%;
  max-height: 40em;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  overflow: hidden;
}

.section--hero-xmas.margin-bottom-regular {
  background-image: linear-gradient(90deg, #e51841, #b1213d);
  min-height: 40rem;
  max-height: 46rem;
  margin-bottom: 5em;
}

.hero-flex-xmas-window {
  z-index: 1;
  aspect-ratio: 2;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.window_holder {
  opacity: 1;
  mix-blend-mode: normal;
  background-image: url('../images/animate_general_window-from-color.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  width: auto;
  min-width: 25cqw;
  height: auto;
  min-height: 35rem;
}

.window_holder._2 {
  background-image: url('../images/animate-color-window-2.svg');
}

.window_holder.hide {
  display: none;
}

.div-block-46 {
  flex: none;
  width: 100%;
  margin-left: -8%;
  display: flex;
  position: relative;
  overflow: visible;
  container-type: inline-size;
}

.mute_button {
  z-index: 16;
  cursor: pointer;
  border-radius: .5rem;
  padding: 12px;
  position: absolute;
  inset: 3% 2% auto auto;
  box-shadow: 2px 2px 5px #375966;
}

.mute_button:active {
  background-color: var(--f-accent-beige);
  opacity: .66;
  mix-blend-mode: overlay;
  box-shadow: inset 3px 3px 0 1px #271f1f33;
}

.mute_button.muted {
  background-color: var(--f-accent-beige);
  box-shadow: inset 3px 3px 0 1px #0003;
}

.image-87 {
  opacity: .55;
  mix-blend-mode: lighten;
}

.hero-section-gold-banner {
  z-index: auto;
  aspect-ratio: 49.2 / 17.46;
  background-image: url('../images/edit_BG-copy.webp');
  background-position: 0 0;
  background-size: cover;
  flex: none;
  align-self: flex-start;
  width: 100%;
  min-height: 22rem;
  max-height: none;
  margin: 0 auto 5rem;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  overflow: hidden;
}

.hero-section-gold-banner.margin-bottom-regular {
  opacity: 1;
  mix-blend-mode: normal;
  background-color: #fff;
  background-image: radial-gradient(circle at 30% 25%, #f9d251 19%, #99d4ef 32%, #c8e0f3 48%, #f4e5f1 59%, #f0e5d1 76%);
  min-height: 36em;
  max-height: 42.5em;
}

.div-block-47 {
  aspect-ratio: 12.8 / 7.2;
  background-image: url('../images/240417-澳門25週年-website-banner-Portuguese-new_website-banner--1280x720.webp');
  background-position: 50%;
  background-repeat: repeat-x;
  background-size: contain;
  width: auto;
  height: 100%;
  position: absolute;
}

.left {
  aspect-ratio: auto;
  object-fit: cover;
  width: 20rem;
  min-width: auto;
  max-width: none;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.right {
  width: auto;
  min-width: auto;
  height: 100%;
  position: absolute;
  inset: 0% -16% auto auto;
}

.bloco1._2, .bloco1._1 {
  width: 22rem;
  position: absolute;
}

.div-block-48 {
  width: 100%;
  height: 100%;
  position: relative;
}

.bloco_holder {
  z-index: 2;
  background-image: url('../images/bloco2.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 32%;
  height: 100%;
  position: absolute;
  inset: auto 0% 0% auto;
  transform: rotate(-4deg);
}

.bloco_holder._2 {
  background-image: url('../images/bloco1.webp');
  inset: 0% -15% 0% auto;
}

.transition_img {
  aspect-ratio: auto;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.anniversary_log {
  z-index: -1;
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}

.bloco_onbackground {
  z-index: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.background-video {
  aspect-ratio: auto;
  object-fit: cover;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.right_curtain_img {
  height: 100%;
}

.left_curtain_image {
  aspect-ratio: auto;
  object-fit: cover;
  width: 100%;
  max-width: none;
}

.bloco {
  align-self: center;
  width: 65%;
}

.curtain1 {
  background-image: url('../images/curtain1.webp');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 35rem;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.curtain2 {
  background-image: url('../images/curtain2.webp');
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 50%;
  height: 15rem;
  position: absolute;
  inset: auto auto 0% 0%;
}

.curtain3 {
  background-image: url('../images/curtain3.webp');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 15rem;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.div-block-49 {
  aspect-ratio: 19.2 / 10.8;
  background-image: url('../images/justLog.webp');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 55%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.code-embed {
  display: none;
}

.div-block-50 {
  width: 100%;
}

.issue_release {
  z-index: 5;
  justify-content: space-between;
  align-self: center;
  align-items: center;
  width: 80%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: visible;
}

.bloco_wrapper {
  z-index: 5;
  object-fit: contain;
  flex: none;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: visible;
  transform: rotate(-4deg);
}

.bloco_size {
  filter: drop-shadow(2px 2px 50px #0b0b0b3b);
  flex: none;
  align-self: center;
  width: 32rem;
  padding-top: 0;
}

.spacer {
  height: 0;
  display: none;
}

.issue_date {
  z-index: 2;
  color: #c4a529;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 15rem;
  height: 3rem;
  font-family: source-han-sans-traditional, sans-serif;
  font-size: 1.2vw;
  font-weight: 500;
  display: flex;
  position: static;
  inset: 0% auto;
}

.code-embed-2 {
  position: absolute;
}

.issue_text {
  text-align: right;
  white-space: nowrap;
  align-self: center;
  font-size: clamp(1.3rem, 1.5rem, 14px);
}

.div-block-51 {
  z-index: 0;
  background-color: var(--color-caixa);
  justify-content: center;
  align-items: center;
  height: 3rem;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.issuedate_holder {
  filter: drop-shadow(10px 10px 5px #0b0b0b2b);
  width: 15rem;
  position: absolute;
  inset: auto 0% 13%;
}

.section--cny {
  z-index: auto;
  aspect-ratio: 16 / 9;
  background-image: url('../images/pattern.svg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: contain;
  flex: 1;
  width: 100%;
  min-height: 32rem;
  max-height: 36rem;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  display: block;
  position: relative;
  overflow: hidden;
}

.section--cny.margin-bottom-regular {
  aspect-ratio: 16 / 9;
  background-image: url('../images/pattern.svg'), radial-gradient(circle at 32%, #fa7b26 4%, #fca367 16%, #ac0010 35% 86%, #fa7b26);
  background-position: 0 0, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: cover, auto;
  margin-bottom: 5em;
}

.hero-flex-cny {
  z-index: 1;
  aspect-ratio: auto;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.cny_frame {
  align-self: flex-start;
  width: 12rem;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.cny_deco {
  filter: drop-shadow(0 0 .08rem #fff);
  align-self: flex-start;
  width: 6rem;
  position: absolute;
  inset: 0% 2% auto auto;
}

.cny_deco._2 {
  z-index: 3;
  background-image: url('../images/cny_deco_orange.webp');
  width: 10rem;
  position: absolute;
  inset: 0% 3% auto auto;
}

.main_graphics_wrappr {
  z-index: 0;
  aspect-ratio: 16 / 9;
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  height: 100%;
  padding: 3rem;
  display: flex;
  position: relative;
}

.main_circle {
  z-index: 5;
  aspect-ratio: auto;
  filter: drop-shadow(0 0 .35rem #fff);
  flex: none;
  align-self: center;
  width: 100%;
  height: 85%;
  margin-left: auto;
  padding: 0 .5rem;
  display: block;
  position: relative;
  inset: 0% auto 0% 0%;
}

.wishes {
  z-index: 2;
  mix-blend-mode: normal;
  filter: drop-shadow(0 0 .8rem #000);
  align-self: flex-start;
  width: auto;
  height: 85%;
  margin-right: 2rem;
  padding-right: 0;
  position: relative;
  left: -30px;
}

.wishes.animate_delay {
  left: -5.4em;
}

.animated-fan {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.orange_fan {
  z-index: 0;
  width: 35dvh;
  position: absolute;
  inset: -40% 24% auto auto;
}

.layer2 {
  z-index: 1;
  vertical-align: top;
  align-self: flex-start;
  width: 45%;
  margin-left: -216px;
  position: relative;
  inset: 0% 0% auto;
  overflow: clip;
}

.div-block-52 {
  width: 100%;
  display: block;
  position: absolute;
  inset: 0% 0% auto;
  overflow: hidden;
}

.layer1 {
  vertical-align: top;
  width: 100%;
  position: relative;
  inset: 0% 0% auto;
  overflow: clip;
}

.image-89 {
  object-fit: contain;
  height: 100%;
  position: static;
}

.upper_fan {
  filter: drop-shadow(0 0 .75rem #ffd900);
  margin-top: -2rem;
  position: relative;
}

.audio {
  display: block;
}

.lower_open_fan {
  filter: drop-shadow(0 0 .75rem #ffd900);
  width: 45rem;
  animation-delay: 8s;
  position: absolute;
  inset: auto 0% -4% 5%;
}

.fan_wrappr {
  z-index: 0;
  object-fit: fill;
  width: 100dvw;
  height: 20rem;
  position: absolute;
  inset: auto 0% 0%;
}

.all-fan {
  z-index: 1;
  width: 100%;
  position: relative;
}

.red_fan {
  z-index: -1;
  width: 60dvh;
  position: absolute;
  inset: 22% auto 0% -10%;
}

.fireworks {
  z-index: 10;
  background-image: url('../images/fireworks100x.svg');
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: cover;
  width: 16rem;
  height: 100%;
  position: absolute;
  inset: 0% 0% auto auto;
  overflow: visible;
}

.image-90 {
  width: 100%;
  display: block;
}

.shades {
  background-image: url('../images/shades_1100x.svg');
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: cover;
  height: 15rem;
  position: absolute;
  inset: 0% 0% auto;
}

.curves {
  background-image: url('../images/curves100x.svg');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: 60%;
  height: 15rem;
  position: absolute;
  inset: auto 0% 0%;
}

.div-block-53 {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.image-91 {
  mix-blend-mode: lighten;
  width: auto;
  max-width: none;
  height: 100%;
  overflow: auto;
}

.section-ctt144 {
  z-index: auto;
  background-image: linear-gradient(#19bdff, #f9b0a3 67%);
  flex: 1;
  align-self: flex-start;
  width: 100%;
  min-height: 32rem;
  max-height: none;
  margin: 0 auto 3rem;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  overflow: hidden;
}

.section-ctt144.margin-bottom-regular {
  opacity: 1;
  mix-blend-mode: normal;
  background-color: #fff;
  background-image: radial-gradient(circle at 30% 25%, #f9d251 19%, #99d4ef 32%, #c8e0f3 48%, #f4e5f1 59%, #f0e5d1 76%);
  min-height: 36em;
  max-height: 42.5em;
}

.image-92 {
  height: 5rem;
}

.shades_svg {
  z-index: 5;
  width: 55%;
  position: absolute;
  inset: 0% 0% auto auto;
}

.logo {
  flex: 1;
  width: auto;
  height: 100%;
  position: absolute;
  inset: 0% 0% auto;
}

.logo_holder {
  flex-flow: row;
  justify-content: space-between;
  align-self: flex-end;
  align-items: flex-end;
  width: 60%;
  height: 100%;
  min-height: 32rem;
  display: flex;
  position: relative;
  inset: 0% auto auto 0%;
}

.curves_svg {
  position: static;
  inset: auto 0% 0%;
}

.curves_holder {
  z-index: 0;
  width: 55%;
  height: 3rem;
  position: absolute;
  inset: auto 0% 0%;
}

.image-93 {
  width: 8rem;
  position: absolute;
  inset: 0% 0% auto;
}

.div-block-54 {
  justify-content: flex-start;
  align-items: flex-end;
  width: 65%;
  height: 100%;
  padding: 0;
  display: flex;
}

.env_img {
  object-fit: scale-down;
  filter: drop-shadow(1px 3px 9px #918d8d);
  height: 100%;
  transform: rotate(-4deg);
}

.date_svg {
  z-index: 5;
  width: 12rem;
  margin-bottom: 2rem;
  position: relative;
  inset: 0% auto auto 0%;
}

.fireworks_holder {
  opacity: .63;
  mix-blend-mode: lighten;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% 0% auto;
}

.image-94 {
  width: 100%;
  position: absolute;
  inset: 0% 0% auto;
}

.section-ctt144_2 {
  z-index: auto;
  flex: 1;
  align-self: flex-start;
  width: 100%;
  min-height: 32rem;
  max-height: none;
  margin: 0 auto 3rem;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  overflow: hidden;
}

.section-ctt144_2.margin-bottom-regular {
  opacity: 1;
  mix-blend-mode: normal;
  background-color: #fff;
  background-image: radial-gradient(circle at 30% 25%, #f9d251 19%, #99d4ef 32%, #c8e0f3 48%, #f4e5f1 59%, #f0e5d1 76%);
  min-height: 36em;
  max-height: 42.5em;
}

.ctt141_logo {
  width: auto;
  min-width: 28.125rem;
  max-width: 30rem;
}

.colorbar {
  background-image: linear-gradient(90deg, #71d0f6 18%, #fff 39%, #f9b0a3 60%);
  width: 100%;
  height: 2rem;
  position: absolute;
  inset: auto 0% -2%;
}

.shade_holder {
  position: absolute;
  inset: 0% 0% auto;
}

.curves_wrapper {
  z-index: 0;
  height: 30%;
  display: none;
  position: absolute;
  inset: auto 0% 0%;
}

.easter-section--hero {
  z-index: auto;
  flex: 1;
  align-self: flex-start;
  width: 100%;
  min-height: 32rem;
  max-height: 34rem;
  margin: 0 auto 3rem;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  overflow: hidden;
}

.easter-section--hero.margin-bottom-regular {
  opacity: 1;
  mix-blend-mode: normal;
  background-color: #fff;
  background-image: radial-gradient(circle at 30% 25%, #f9d251 19%, #99d4ef 32%, #c8e0f3 48%, #f4e5f1 59%, #f0e5d1 76%);
  min-height: 36em;
  max-height: 42.5em;
}

.yellow_bg {
  background-color: #f7ec2d;
  flex: none;
  width: 100%;
  height: 28em;
  display: block;
  overflow: auto;
}

.whitecol_bg {
  flex: none;
  height: 32%;
  position: relative;
}

.pattern {
  opacity: .41;
  mix-blend-mode: overlay;
  background-image: url('../images/handdrawn_pattern.webp');
  background-position: 50% 0;
  background-size: cover;
  height: 100%;
}

.animated_bunny {
  z-index: 2;
  width: 50%;
  min-width: 50%;
  max-width: none;
  padding-right: 0;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.animated_bunny_svg {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: auto;
  height: 100%;
  padding-left: 0;
}

.easter-section--hero2 {
  z-index: auto;
  flex: 1;
  align-self: flex-start;
  width: 100%;
  min-height: 32rem;
  max-height: 34rem;
  margin: 0 auto 3rem;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  overflow: hidden;
}

.easter-section--hero2.margin-bottom-regular {
  opacity: 1;
  mix-blend-mode: normal;
  background-color: #fff;
  background-image: radial-gradient(circle at 30% 25%, #f9d251 19%, #99d4ef 32%, #c8e0f3 48%, #f4e5f1 59%, #f0e5d1 76%);
  min-height: 36em;
  max-height: 42.5em;
}

.yellow_bunny {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
}

.image-96 {
  opacity: .4;
}

.bunny_wrapper {
  opacity: .49;
  filter: blur(3px);
  flex: 1;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: auto;
  height: 100%;
  display: flex;
}

.image-97 {
  height: 100%;
}

.yellow_top {
  height: 68%;
}

.section--telecom2025 {
  z-index: auto;
  aspect-ratio: 16 / 9;
  background-image: url('../images/0101pattern.svg'), url('../images/bg-color.svg');
  background-position: 0 0, 50% 0;
  background-size: cover, cover;
  flex: 1;
  width: 100%;
  max-height: 32rem;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  display: block;
  position: relative;
  overflow: hidden;
}

.section--telecom2025.margin-bottom-regular {
  aspect-ratio: 16 / 9;
  min-height: 30rem;
  margin-bottom: 5em;
}

.bottom_graphics {
  z-index: 1;
  background-image: url('../images/long-lines.svg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  position: relative;
}

.bottom_curves {
  z-index: 0;
  min-height: 12rem;
  position: absolute;
  inset: 0%;
}

.color_curves {
  z-index: 2;
  background-image: url('../images/color_curves.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 12rem;
  position: absolute;
  inset: auto 0% 0%;
}

.container-maxwidth4 {
  object-fit: fill;
  width: 100%;
  max-width: 1440px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2.5em;
  padding-right: 2.5em;
  position: relative;
}

.pink_element {
  z-index: 1;
  flex: 0 auto;
  width: 50%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.image-98 {
  width: 100%;
  height: 100%;
}

.blue_element {
  z-index: 1;
  mix-blend-mode: normal;
  width: 50%;
  height: 100%;
  padding-top: 7.075rem;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.div-block-55 {
  aspect-ratio: auto;
  flex-flow: column;
  width: 50%;
  display: flex;
  position: absolute;
  inset: 23% 0% auto;
}

.hero-flex-telecomday {
  z-index: 1;
  aspect-ratio: auto;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.image-99 {
  margin-left: 0;
  transform: scale(1.3);
}

.image-100 {
  transform: scale(1);
}

.section-dragonboat {
  z-index: auto;
  background-image: url('../images/slapsh.png'), radial-gradient(circle at 44% 0, #fbfaef 12%, #faf9d5 31%, #54c8ea 44%);
  background-position: 50% 100%, 0 0;
  background-size: auto, auto;
  flex: 1;
  align-self: flex-start;
  width: 100%;
  max-height: none;
  margin: 0 auto 3rem;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  overflow: hidden;
}

.section-dragonboat.margin-bottom-regular {
  opacity: 1;
  mix-blend-mode: normal;
  background-color: #fff;
  background-image: radial-gradient(circle at 30% 25%, #f9d251 19%, #99d4ef 32%, #c8e0f3 48%, #f4e5f1 59%, #f0e5d1 76%);
  min-height: 36em;
  max-height: 42.5em;
}

.banner_backgroundelement {
  z-index: 0;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.clouds_1 {
  min-width: 35%;
  max-width: 50px;
  height: 100%;
  margin-right: 89px;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.clouds_1.flip {
  justify-content: flex-start;
  align-items: center;
  max-width: 40%;
  display: flex;
  inset: 0% auto 0% 0%;
  transform: scaleX(-1);
}

.clouds_2 {
  justify-content: flex-end;
  align-items: center;
  margin-right: -36%;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.image-101 {
  filter: blur(11px);
  transform: scale(.9);
}

.image-102 {
  filter: blur(7px);
  transform: scale(1.1);
}

.waves {
  z-index: 2;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: auto 0 0% 0%;
  overflow: clip;
}

.front_waves {
  z-index: 2;
  position: absolute;
  inset: auto 0% 0%;
  transform: scale(1.15);
}

.front_waves.backup {
  z-index: 1;
  filter: blur(7px);
  transform: scaleX(-1);
}

.back_waves {
  z-index: 0;
  filter: blur(2px);
  vertical-align: baseline;
  justify-content: center;
  align-items: flex-end;
  width: 35%;
  min-width: auto;
  max-width: none;
  height: 60%;
  position: absolute;
  inset: auto 10% 0% auto;
}

.boat_wrapper {
  z-index: 0;
  object-fit: scale-down;
  flex: none;
  justify-content: center;
  align-items: flex-end;
  width: 50%;
  height: 100%;
  padding: 1rem 1rem 1rem 1.6rem;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.graphics_wrapper {
  z-index: 0;
  justify-content: space-between;
  align-self: center;
  align-items: center;
  width: 80%;
  height: 100%;
  display: flex;
  position: absolute;
}

.the_boat {
  aspect-ratio: auto;
  object-fit: scale-down;
  align-self: flex-end;
  width: 90%;
  height: 90%;
  padding: 0;
}

.festive_words {
  z-index: 1;
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 8rem;
  display: flex;
  position: relative;
}

.title_tc.landscape {
  display: inline-flex;
}

.left_waves {
  width: 50%;
  position: absolute;
  inset: auto auto 0% 0%;
}

.right_waves {
  width: 53%;
  position: absolute;
  inset: auto 0% 0% auto;
}

.image-103, .image-104 {
  transform: scale(1.1);
}

.right_waves-copy, .right_waves-copy-copy {
  width: 53%;
  position: absolute;
  inset: auto 0% 0% auto;
}

.main_graphics {
  z-index: 1;
  flex: none;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-end;
  width: 52%;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.image-105 {
  object-fit: scale-down;
  width: 100%;
  height: 100%;
}

.wide_waves {
  align-self: flex-end;
  height: 45%;
  position: absolute;
  inset: auto 0% 0%;
}

.image-106 {
  width: 100%;
}

.waves_on_right {
  z-index: 2;
  flex: 1;
  justify-content: flex-end;
  align-items: flex-end;
  min-width: 55%;
  max-width: 60%;
  display: flex;
  position: absolute;
  inset: auto 0% -1% auto;
}

.national76-hero-section {
  z-index: auto;
  background-image: linear-gradient(81deg, #f1f3c8 15%, #fff 20% 40%, #fff0 48%), radial-gradient(circle, #ffffffd9 12%, #fff0), linear-gradient(#e7d507fc, #f8f8d7);
  flex: 1;
  align-self: flex-start;
  width: 100%;
  max-height: none;
  margin: 0 auto 3rem;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  overflow: visible;
}

.national76-hero-section.margin-bottom-regular {
  opacity: 1;
  mix-blend-mode: normal;
  background-color: #fff;
  background-image: radial-gradient(circle at 30% 25%, #f9d251 19%, #99d4ef 32%, #c8e0f3 48%, #f4e5f1 59%, #f0e5d1 76%);
  min-height: 36em;
  max-height: 42.5em;
}

._76-full-width {
  z-index: 2;
  object-fit: fill;
  flex-flow: column;
  flex: none;
  order: 0;
  justify-content: flex-start;
  align-self: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-top: 1.5rem;
  display: flex;
  position: relative;
  inset: auto 0% 0%;
}

.imperial-court-wrapper {
  flex-flow: column;
  flex: 1;
  justify-content: flex-end;
  align-self: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 1.2em;
  display: flex;
  position: relative;
  top: 0;
  bottom: 0%;
}

.imperial-court-wrapper.zeroout {
  background-image: none;
  flex: 0 auto;
  justify-content: flex-start;
  align-self: auto;
  align-items: flex-start;
}

.red-bar {
  z-index: 0;
  background-color: #ed1d25;
  width: 100%;
  height: 42px;
  position: relative;
  inset: auto 0% 0%;
}

.imperial-court {
  z-index: 1;
  flex: none;
  width: auto;
  position: relative;
  bottom: 113px;
  right: 0%;
}

.bluebar {
  z-index: 0;
  background-color: #00a79d;
  width: 100%;
  height: 41px;
  display: block;
  position: relative;
  inset: auto 0% 15%;
}

.div-block-56 {
  flex-flow: row;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 2rem;
  display: flex;
  position: static;
  inset: 0 0% 0%;
}

.maingraphics_wrapper {
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  height: 30rem;
  min-height: 30rem;
  max-height: none;
  display: flex;
  position: relative;
}

.hero_right {
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  height: 100%;
  margin-right: 0;
  display: flex;
  position: relative;
  bottom: 0%;
}

.image-108, .hide {
  width: auto;
  height: 100%;
}

.div-block-58 {
  z-index: 2;
  flex: none;
  justify-content: center;
  align-items: center;
  height: 12em;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  inset: 0% 49% 29% 0%;
}

.image-109 {
  height: 100%;
}

._76 {
  z-index: 5;
  width: auto;
  height: 11em;
  position: absolute;
  inset: auto 0% 2.7rem 7%;
}

.image-110 {
  width: auto;
  height: 100%;
}

.firework_ani {
  z-index: 2;
  align-self: flex-start;
  width: 50%;
  height: 50%;
  position: relative;
  inset: 0% 0% auto auto;
  overflow: visible;
}

.image-112 {
  height: 100%;
}

.image-112.zeroout {
  opacity: 0;
}

.imperial-court_long {
  z-index: 1;
  flex: none;
  width: auto;
  display: none;
  position: relative;
  bottom: 113px;
  right: 0%;
}

.imperial-court_m {
  z-index: 1;
  flex: none;
  align-self: flex-start;
  width: 103em;
  max-width: none;
  padding-bottom: 0;
  position: relative;
  bottom: 0%;
  right: 0%;
  overflow: auto;
}

.imperial-court_fit {
  z-index: 1;
  flex: none;
  width: auto;
  position: relative;
  bottom: 113px;
  right: 0%;
}

.imperial-court_fit.hide {
  display: none;
}

.image-113 {
  position: absolute;
  inset: 0% 0% auto auto;
}

.fdc {
  z-index: 3;
  filter: drop-shadow(2px 2px 15px #0b0b0b3b);
  flex: none;
  align-self: center;
  width: 35rem;
  padding-top: 0;
  position: relative;
  right: 87px;
}

.fdc.lower {
  z-index: 2;
  position: absolute;
  bottom: 50.6953px;
  right: 316.414px;
  transform: rotate(-4deg);
}

.nationalday76_section {
  z-index: auto;
  background-image: linear-gradient(#ffbd4b, #ffedcd 28%, #ffefd2 68%, #fff);
  flex: 1;
  align-self: flex-start;
  width: 100%;
  max-height: none;
  margin: 0 auto 3rem;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  overflow: hidden;
}

.nationalday76_section.margin-bottom-regular {
  opacity: 1;
  mix-blend-mode: normal;
  background-color: #fff;
  background-image: radial-gradient(circle at 30% 25%, #f9d251 19%, #99d4ef 32%, #c8e0f3 48%, #f4e5f1 59%, #f0e5d1 76%);
  min-height: 36em;
  max-height: 42.5em;
}

.animate_fireworks {
  width: 30rem;
  height: 100%;
  margin-left: -4%;
  margin-right: 0;
  padding-right: 0;
  position: absolute;
  inset: 0% auto auto 0%;
}

.fdc2 {
  z-index: 1;
  filter: drop-shadow(2px 2px 15px #0b0b0b3b);
  flex: none;
  align-self: center;
  width: 38rem;
  padding-top: 0;
  position: absolute;
  inset: auto auto 4% 14%;
}

.fdc2.lower {
  z-index: 2;
  position: absolute;
  bottom: 50.6953px;
  right: 316.414px;
  transform: rotate(-4deg);
}

.bestwishes {
  justify-content: flex-start;
  align-items: center;
  width: 80%;
  height: 50%;
  padding: 0 0 1.3rem 6%;
  display: inline-flex;
  position: relative;
  inset: 0% 0% auto;
  container: control / inline-size;
}

.fireworks_animate {
  z-index: 3;
  height: 18rem;
  transform-style: preserve-3d;
  align-self: stretch;
  margin-bottom: 0%;
  padding-right: 0;
  position: absolute;
  inset: 0% auto auto -3%;
  transform: rotateX(180deg)rotateY(0)rotateZ(0);
}

.fireworks_animate.white-fireworks {
  filter: brightness(0) invert();
}

.image-116 {
  width: auto;
  min-width: auto;
  height: 100%;
}

.new_fireworks {
  z-index: 3;
  width: 18rem;
  position: absolute;
  inset: 0% 2% auto auto;
}

.overlay {
  z-index: 0;
  opacity: .05;
  mix-blend-mode: normal;
  background-image: url('../images/fireworks_orange-BG.webp');
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.svg-4 {
  z-index: 15;
  clip-path: polygon(0 0, 100% 0, 58% 65%, 100% 100%, 0 100%, 38% 65%);
  width: 25rem;
  height: 100%;
  position: static;
}

.div-block-61 {
  z-index: 1;
  mix-blend-mode: normal;
  width: 60rem;
  height: 100%;
  padding-left: 0;
  position: absolute;
  inset: 0%;
}

.svg-5 {
  mix-blend-mode: normal;
  clip-path: polygon(0 0, 100% 0, 58% 73%, 100% 100%, 0 100%, 38% 73%);
  background-color: #fffff7;
  background-image: linear-gradient(#fff 52%, #fbf49b 73%);
  width: 100%;
  height: 100%;
  padding-right: 0;
}

.div-block-63 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.mid {
  width: 100%;
  display: none;
}

.upu-section {
  z-index: auto;
  background-color: #d9e0f1;
  flex: 0 auto;
  align-self: flex-start;
  width: 100%;
  height: 35rem;
  min-height: auto;
  max-height: none;
  margin: 0 auto 3rem;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  overflow: hidden;
}

.upu-section.margin-bottom-regular {
  opacity: 1;
  mix-blend-mode: normal;
  background-color: #fff;
  background-image: radial-gradient(circle at 30% 25%, #f9d251 19%, #99d4ef 32%, #c8e0f3 48%, #f4e5f1 59%, #f0e5d1 76%);
  min-height: 36em;
  max-height: 42.5em;
}

.border {
  z-index: 0;
  background-color: var(--f-black);
  opacity: 1;
  mix-blend-mode: normal;
  background-image: linear-gradient(#000, #4000ff80 51%, #000);
  border: 1.25rem solid #44a9df;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  inset: 0%;
  overflow: hidden;
}

.absolute_wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: auto 0% 0%;
}

.slogon {
  aspect-ratio: 1;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: flex-start;
  width: 30rem;
  display: flex;
  position: absolute;
  left: 5%;
}

.image-119 {
  aspect-ratio: 1;
  opacity: .5;
  mix-blend-mode: normal;
  width: 100%;
  max-width: none;
  height: 100%;
  padding: 0;
}

.titlelog {
  filter: drop-shadow(1px 1px 5px #252222b3);
}

.image-120 {
  width: 45rem;
  position: absolute;
  inset: -72% -19% auto auto;
}

.top_overlay {
  aspect-ratio: 1;
  opacity: .5;
  mix-blend-mode: screen;
  width: 100%;
  max-width: none;
  height: 100%;
  padding: 0;
  position: absolute;
}

.banner-container {
  z-index: 0;
  background-color: var(--f-black);
  opacity: 1;
  mix-blend-mode: normal;
  background-image: url('../images/sky.webp');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1.25rem #44a9df;
  border-radius: 0;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  inset: 0%;
  overflow: hidden;
}

.zoom_in_animate {
  justify-content: flex-start;
  align-items: flex-start;
  width: 60%;
  height: 100%;
  margin-top: 4.75rem;
  padding-left: 1rem;
  display: flex;
  position: relative;
  left: -7.65rem;
}

.kiosk_size {
  align-self: flex-start;
  width: 38rem;
  padding-top: 0;
}

.watercolor_moon {
  z-index: 2;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: -2.13rem;
  right: 42%;
}

.kiosk_light {
  flex: none;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  display: flex;
  position: relative;
}

.wordings_wrap {
  flex-flow: column;
  width: 14rem;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.image-122 {
  width: 15em;
  position: absolute;
  inset: 0% 0% auto auto;
}

.mid_section_2025 {
  z-index: auto;
  flex: 1;
  align-self: flex-start;
  width: 100%;
  min-height: 36rem;
  max-height: 38rem;
  margin: 0 auto 3rem;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  overflow: hidden;
}

.mid_section_2025.margin-bottom-regular {
  opacity: 1;
  mix-blend-mode: normal;
  background-color: #fff;
  background-image: radial-gradient(circle at 30% 25%, #f9d251 19%, #99d4ef 32%, #c8e0f3 48%, #f4e5f1 59%, #f0e5d1 76%);
  min-height: 36em;
  max-height: 42.5em;
}

.lottie-animation-10 {
  z-index: 100;
  width: 43rem;
  position: relative;
}

.upperstroke {
  z-index: 5;
  background-color: #095da9;
  width: 6rem;
  height: 2rem;
  padding-left: 0;
  position: absolute;
  inset: 0% 0% auto 5%;
}

.downloadstroke {
  z-index: 5;
  background-color: #095da9;
  width: 6rem;
  height: 6rem;
  padding: .25em;
  position: absolute;
  inset: auto 0% 0% 5%;
}

.slogon-sc {
  aspect-ratio: 1;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: flex-start;
  width: 30rem;
  display: flex;
  position: absolute;
  left: 5%;
}

.logo_sc {
  aspect-ratio: 1;
  opacity: .5;
  mix-blend-mode: normal;
  width: 100%;
  max-width: none;
  height: 100%;
  padding: 0;
}

.slogon-en {
  aspect-ratio: 1;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: flex-start;
  width: 30rem;
  display: flex;
  position: absolute;
  left: 5%;
}

.logo_en {
  aspect-ratio: 1;
  opacity: .5;
  mix-blend-mode: normal;
  width: 100%;
  max-width: none;
  height: 100%;
  padding: 0;
}

.section--santadance {
  z-index: auto;
  aspect-ratio: 16 / 9;
  background-image: url('../images/pattern.svg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: contain;
  flex: 1;
  width: 100%;
  min-height: auto;
  max-height: none;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  display: block;
  position: relative;
  overflow: hidden;
}

.section--santadance.margin-bottom-regular {
  aspect-ratio: 16 / 9;
  background-image: url('../images/yellowwall.webp');
  background-position: 50% 0;
  background-repeat: repeat-x;
  background-size: contain;
  min-height: auto;
  max-height: 35rem;
  margin-bottom: 5em;
}

.dancesanta_wrapper {
  z-index: 10;
  object-fit: contain;
  align-self: flex-start;
  width: auto;
  height: 35em;
  position: absolute;
  inset: 0 0% 0%;
  overflow: hidden;
}

.code-embed-3 {
  justify-content: space-between;
  align-items: center;
  height: 100%;
  display: flex;
  transform: scale(.8);
}

.div-block-65 {
  background-image: url('../images/woodenFloor.webp');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 8rem;
  padding-right: 0;
  position: absolute;
  inset: auto 0% 0%;
}

.christmas-leaves {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.leaves_left {
  align-self: flex-start;
  width: 10rem;
  position: absolute;
  inset: 0% auto auto 0%;
}

.leaves_right {
  align-self: flex-start;
  width: 10rem;
  position: absolute;
  inset: 0% 0% auto auto;
}

.wall-deco {
  width: 60%;
  height: 100%;
  position: relative;
}

.poster {
  width: 8rem;
  position: absolute;
  top: 8.3rem;
  left: 1.2rem;
}

.stps {
  width: 8rem;
  position: absolute;
  top: 2rem;
  left: 8.6rem;
}

.sticker {
  width: 3rem;
  position: absolute;
  inset: 2em 40% auto auto;
}

.hanging {
  z-index: 0;
  height: 65%;
  position: absolute;
  inset: 0% 10% 0% auto;
}

.image-124 {
  height: 100%;
}

.santa-player {
  height: 85%;
}

.bg-video {
  object-fit: scale-down;
  height: auto;
  transform: scale(1.1);
}

.macau-sar-26th {
  z-index: auto;
  background-color: #dfefe8;
  background-image: linear-gradient(#dfefe8, #dfefe8);
  flex: none;
  align-self: flex-start;
  width: 100%;
  height: 35rem;
  min-height: auto;
  max-height: none;
  margin: 0 auto 3rem;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  overflow: hidden;
}

.macau-sar-26th.margin-bottom-regular {
  opacity: 1;
  mix-blend-mode: normal;
  background-color: #fff;
  background-image: radial-gradient(circle at 30% 25%, #f9d251 19%, #99d4ef 32%, #c8e0f3 48%, #f4e5f1 59%, #f0e5d1 76%);
  min-height: 36em;
  max-height: 42.5em;
}

.relative-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
}

.div-block-66 {
  height: 80%;
}

.stpaul {
  z-index: 0;
  opacity: .55;
  height: 85%;
  margin-left: -11.6rem;
  position: absolute;
}

.bottom {
  justify-content: space-between;
  align-items: flex-end;
  height: 100%;
  display: flex;
  position: absolute;
  inset: auto 0% -20%;
}

.bottom._2 {
  z-index: 5;
  height: auto;
  inset: auto 0% 0%;
}

.image-126 {
  filter: drop-shadow(-3px -2px 11px #ffffffe6);
  width: 100%;
}

.green {
  align-self: flex-end;
  width: 100%;
  position: absolute;
  inset: 0%;
}

.mid_pink {
  z-index: 2;
  align-self: flex-end;
  width: 100%;
  position: absolute;
  inset: auto 0% 0%;
}

.front_pink {
  z-index: 5;
  align-self: flex-end;
  width: 100%;
  position: absolute;
  inset: auto 0% 0%;
}

.div-block-67 {
  z-index: 5;
  position: absolute;
  inset: 0%;
}

.white {
  z-index: 2;
  align-self: flex-end;
  width: 100%;
  position: absolute;
  inset: auto 0% 0%;
}

.lotus_img {
  height: 28rem;
  position: absolute;
  inset: auto 0% 40% 15%;
}

.beam {
  filter: blur();
  background-color: #f768d5;
  border-radius: 20px;
  width: .5rem;
  height: .5rem;
}

.beam_2 {
  filter: blur();
  background-color: #fff;
  border-radius: 20px;
  width: .5rem;
  height: .5rem;
}

.meteor-wrapper {
  width: 100%;
  height: 100%;
}

.beam_3 {
  filter: blur();
  background-color: #f5fd5a;
  border-radius: 20px;
  width: .5rem;
  height: .5rem;
}

.beam_4 {
  filter: blur();
  background-color: #f3e701;
  border-radius: 20px;
  width: .5rem;
  height: .5rem;
}

._26_graphic {
  z-index: 10;
  filter: drop-shadow(0 1px 4px #3f3300b3);
  width: 33em;
  position: absolute;
  inset: auto 0% 2% 6%;
}

.cloud_svg {
  filter: blur(7px);
  width: 50rem;
  position: absolute;
  inset: -13% 0% auto auto;
}

.curve_svg {
  mix-blend-mode: hard-light;
  width: 100%;
  height: 100%;
  position: absolute;
}

.image-130 {
  z-index: 0;
  filter: blur(5px);
  mix-blend-mode: overlay;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.fireworks_wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.fireworks_2 {
  z-index: 10;
  background-image: url('../images/fireworks100x.svg');
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: cover;
  width: 16rem;
  height: 100%;
  display: inline-block;
  position: absolute;
  inset: 0% 0% auto auto;
  overflow: visible;
}

.orange_fireworks {
  opacity: .46;
  mix-blend-mode: color-dodge;
  width: 28rem;
  position: absolute;
  inset: -25% -11% auto auto;
}

.orange_fireworks._2 {
  width: 17rem;
  top: -11%;
  right: 19%;
}

.original_graphic_26 {
  z-index: 10;
  filter: drop-shadow(1px 1px 1px #a59e82b3);
  align-self: center;
  width: auto;
  height: auto;
  position: absolute;
  inset: 0% 0% 0;
}

.original_anni_wrapper {
  z-index: 10;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  min-width: auto;
  max-width: 35rem;
  padding-bottom: 1rem;
  display: flex;
  position: relative;
  top: auto;
  bottom: 0;
}

.image-131 {
  width: auto;
}

.temp_logo_placement {
  justify-content: flex-start;
  align-items: flex-end;
  width: 15em;
  height: 100%;
  margin-bottom: 1.9em;
  margin-right: 1.875em;
  display: flex;
}

.temp_logo_placement.w--current {
  margin-right: 2em;
}

.horse-section {
  z-index: auto;
  border: 1px #000;
  flex: 0 auto;
  align-self: flex-start;
  width: 100%;
  height: 35rem;
  min-height: auto;
  max-height: none;
  margin: 0 auto 3rem;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  overflow: hidden;
}

.horse-section.margin-bottom-regular {
  opacity: 1;
  mix-blend-mode: normal;
  background-color: #fff;
  background-image: radial-gradient(circle at 30% 25%, #f9d251 19%, #99d4ef 32%, #c8e0f3 48%, #f4e5f1 59%, #f0e5d1 76%);
  min-height: 36em;
  max-height: 42.5em;
}

.horse_size {
  z-index: 2;
  flex: none;
  justify-content: flex-start;
  align-self: flex-end;
  align-items: flex-end;
  width: auto;
  min-width: auto;
  max-width: none;
  height: 85%;
  padding-left: 0;
  display: flex;
  position: absolute;
  inset: 0% 0% -3% -9%;
}

.code-embed-4 {
  cursor: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 7% 0% 0%;
}

.building_feichung_wrap {
  z-index: 1;
  border: 1px #000;
  justify-content: center;
  align-self: flex-start;
  align-items: flex-start;
  width: 30rem;
  height: auto;
  display: flex;
  position: absolute;
  inset: 0% 50% 0% auto;
}

.image-132 {
  border: 1px #000;
  border-radius: 0;
  width: 100%;
  height: 100%;
  position: relative;
}

.cny_element_holder {
  flex: none;
  align-self: stretch;
  max-width: 1440px;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.cloud1 {
  width: 22rem;
  position: relative;
  top: -61px;
  left: 0;
}

.cloud2 {
  flex: none;
  align-self: flex-start;
  width: 19rem;
  height: auto;
  position: absolute;
  inset: 3% 7% auto auto;
}

.lattern_wrapper {
  mix-blend-mode: color-dodge;
  width: 15rem;
  height: auto;
  position: absolute;
  inset: 0% 0% auto auto;
}

.cloud3 {
  flex: none;
  align-self: flex-end;
  width: 13rem;
  height: auto;
  position: absolute;
  inset: auto -5% 15% auto;
}

.aniamted_horse {
  height: 100%;
  position: absolute;
  inset: 11% 0% 0% -65%;
}

.image-135 {
  flex: 1;
  align-self: stretch;
}

.rightsidebranch {
  z-index: 0;
  height: 100%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.image-136 {
  height: 75%;
}

.left_half {
  flex: 1;
  justify-content: center;
  align-self: flex-start;
  align-items: flex-start;
  max-width: 60%;
  height: 100%;
  display: flex;
  position: relative;
}

.pic_roll {
  text-align: center;
  align-self: flex-start;
  display: block;
}

.roll_size {
  justify-content: center;
  align-items: flex-start;
  width: auto;
  min-width: 23rem;
  max-width: 29rem;
  display: flex;
  position: relative;
}

.leftsidebranch {
  align-self: flex-start;
  height: 65%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.image-138 {
  height: 100%;
  position: static;
}

.section-ctt142 {
  z-index: auto;
  background-image: url('../images/bg_cloud.webp');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: 1;
  align-self: flex-start;
  width: 100%;
  min-height: 32rem;
  max-height: none;
  margin: 0 auto 3rem;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  overflow: hidden;
}

.section-ctt142.margin-bottom-regular {
  opacity: 1;
  mix-blend-mode: normal;
  background-color: #fff;
  background-image: radial-gradient(circle at 30% 25%, #f9d251 19%, #99d4ef 32%, #c8e0f3 48%, #f4e5f1 59%, #f0e5d1 76%);
  min-height: 36em;
  max-height: 42.5em;
}

.anniversary_stamp {
  z-index: 0;
  opacity: 1;
  mix-blend-mode: normal;
  width: 100%;
  height: 100%;
  position: relative;
  inset: 0% 0% auto;
}

.anni142_stamo {
  flex: 1;
  align-self: stretch;
  width: auto;
  min-width: auto;
  max-width: none;
  height: 50%;
  overflow: hidden;
}

.stps_holder {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 100%;
  min-height: auto;
  padding-bottom: 2rem;
  display: flex;
  position: relative;
}

.anniversary_stp {
  z-index: 1;
  width: auto;
  height: auto;
  max-height: none;
  padding: 1.5rem;
}

._142_logo_log {
  position: absolute;
  inset: 0% 0% 0% auto;
}

.balloons {
  z-index: 0;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  display: flex;
  position: relative;
  top: 27px;
  left: -65px;
}

.balloon_1 {
  width: 3rem;
  transform-style: preserve-3d;
  align-self: center;
  position: relative;
  inset: 0% auto 0% 17%;
  transform: rotateX(15deg)rotateY(0)rotateZ(-12deg);
}

.balloon2 {
  width: 3rem;
  position: relative;
  top: -18px;
  left: 6px;
}

.balloon3 {
  width: 3rem;
  position: relative;
  inset: 0% 0% 0% auto;
  transform: rotate(4deg);
}

.day_text {
  z-index: 1;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: flex-end;
  width: auto;
  min-width: 18em;
  max-width: 23em;
  display: flex;
  position: relative;
  inset: auto auto 0% 0%;
}

.div-block-72 {
  flex-flow: column;
  justify-content: flex-end;
  align-self: flex-end;
  align-items: flex-start;
  width: auto;
  min-width: auto;
  max-width: 23em;
  display: flex;
}

.float_holder {
  z-index: 2;
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
  position: absolute;
  inset: 0%;
}

.blue_1 {
  width: 3.6em;
}

.red_1 {
  width: 4em;
}

.blue_2 {
  width: 3em;
}

.red_1-copy {
  width: 3.5rem;
}

.balloon_142_holder {
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-bottom: 10.7em;
  padding-left: 2.8em;
  display: flex;
  position: absolute;
  inset: 0%;
}

.image-139 {
  width: 3em;
  position: relative;
  left: 13px;
  transform: rotate(-12deg);
}

.image-140 {
  width: 3em;
}

.image-141 {
  width: 3em;
  position: relative;
  right: 11px;
  transform: rotate(15deg);
}

.museum_1 {
  width: 3em;
}

.easter-section--hero3 {
  z-index: auto;
  background-color: #ff5061;
  flex: 1;
  align-self: flex-start;
  width: 100%;
  min-height: 32rem;
  max-height: 34rem;
  margin: 0 auto 3rem;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  overflow: hidden;
}

.easter-section--hero3.margin-bottom-regular {
  opacity: 1;
  mix-blend-mode: normal;
  background-color: #fff;
  background-image: radial-gradient(circle at 30% 25%, #f9d251 19%, #99d4ef 32%, #c8e0f3 48%, #f4e5f1 59%, #f0e5d1 76%);
  min-height: 36em;
  max-height: 42.5em;
}

.easter-container-max-width {
  z-index: 2;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  aspect-ratio: auto;
  opacity: 1;
  object-fit: fill;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
}

.easter-container-max-width.remove-default {
  height: auto;
}

.grass {
  position: absolute;
  inset: auto 0% -22%;
}

.image-142 {
  bottom: -235.594px;
}

.section--hero-easter2026 {
  z-index: auto;
  background-color: #fd764d;
  flex: 1;
  width: 100%;
  max-height: none;
  margin: 0 auto 3.2rem;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  overflow: hidden;
}

.section--hero-easter2026.margin-bottom-regular {
  background-image: linear-gradient(90deg, #e51841, #b1213d);
  min-height: 40rem;
  max-height: 46rem;
  margin-bottom: 5em;
}

.video_size {
  height: 100%;
}

.container-maxwidth-easter {
  object-fit: fill;
  width: 100%;
  max-width: 1440px;
  height: 40rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2.5em;
  padding-right: 2.5em;
  position: relative;
}

.bodybg--sky-copy {
  cursor: auto;
  mix-blend-mode: normal;
  background-color: #fff0;
  justify-content: space-between;
  overflow: visible;
}

.image-143 {
  height: 100%;
}

.hero-flex-easter-window {
  z-index: 1;
  aspect-ratio: 2;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.telecom2026_section {
  z-index: auto;
  flex: 0 auto;
  align-self: flex-start;
  width: 100%;
  height: 35rem;
  min-height: auto;
  max-height: none;
  margin: 0 auto 3rem;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  overflow: hidden;
}

.telecom2026_section.margin-bottom-regular {
  opacity: 1;
  mix-blend-mode: normal;
  background-color: #fff;
  background-image: radial-gradient(circle at 30% 25%, #f9d251 19%, #99d4ef 32%, #c8e0f3 48%, #f4e5f1 59%, #f0e5d1 76%);
  min-height: 36em;
  max-height: 42.5em;
}

.hero_beaminglights {
  z-index: 10;
  cursor: auto;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: flex-start;
  width: 68%;
  height: 100%;
  padding-top: 0;
  padding-left: 0;
  display: flex;
  position: relative;
  overflow: visible;
  container-type: inline-size;
}

.globe_lights_wrapper {
  justify-content: center;
  align-self: flex-end;
  align-items: center;
  width: 60%;
  height: 100%;
  min-height: auto;
  padding: 1rem 1rem 1rem 2.5rem;
  display: flex;
  position: relative;
  overflow: visible;
}

.globe-cvs-wrap {
  pointer-events: none;
  position: absolute;
  inset: auto 0 0;
  overflow: visible;
  -webkit-mask-image: linear-gradient(#0000 0%, #000 18%);
  mask-image: linear-gradient(#0000 0%, #000 18%);
}

.globe-cvs {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.oval {
  z-index: 0;
  mix-blend-mode: normal;
  width: 100%;
  height: 100%;
  position: relative;
  inset: auto 0% 5rem;
}

.telecom2026_eventname {
  align-self: center;
  width: 33rem;
}

.telecom_event_wrapper {
  grid-column-gap: 2.7rem;
  grid-row-gap: 2.7rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 31em;
  display: flex;
}

.telecom2026_eventdate {
  align-self: center;
  width: 18em;
}

.image-144 {
  opacity: 1;
  mix-blend-mode: soft-light;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  position: relative;
  bottom: auto;
  transform: scale3d(1.4, 1, 1);
}

.ovals {
  flex-flow: column;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
}

.oval_bottom {
  z-index: 0;
  mix-blend-mode: normal;
  width: 100%;
  height: 100%;
  position: relative;
  inset: auto 0% 5rem;
}

.network_dots {
  opacity: .26;
  filter: blur(1px);
  mix-blend-mode: color-burn;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  position: relative;
  bottom: auto;
  transform: scale3d(1.4, 1, 1);
}

.seminar {
  mix-blend-mode: normal;
  filter: drop-shadow(-4px -2px 5px #fffffff2) drop-shadow(2px 2px 7px #e4ebffe6);
  mix-blend-mode: normal;
  align-self: flex-end;
  width: 100%;
}

.div-block-74 {
  align-self: center;
  width: 80%;
}

.div-block-75 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  align-self: center;
  display: flex;
}

.radiate_arrow_wrapper {
  opacity: .73;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  height: 50%;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.arrow_orange {
  z-index: 10;
  aspect-ratio: 1;
  mix-blend-mode: normal;
  width: 2rem;
  height: auto;
  position: absolute;
  inset: auto auto 15% 2%;
}

.arrow_orange.is-flipped {
  inset: auto 32% 0% auto;
}

.arrow_purple {
  z-index: 10;
  aspect-ratio: 1;
  mix-blend-mode: normal;
  width: 3rem;
  height: auto;
  position: absolute;
  inset: auto 0 2% 3%;
}

.arrow_purple.is-flipped {
  mix-blend-mode: normal;
  position: absolute;
  inset: auto 0% 0% auto;
}

.arrow_pink {
  z-index: 10;
  aspect-ratio: 1;
  mix-blend-mode: normal;
  width: 3rem;
  height: auto;
  position: absolute;
  inset: auto auto 0% 11%;
}

.arrow_pink.is-flipped {
  mix-blend-mode: normal;
  inset: auto 7% 4% auto;
}

.arrow_blue {
  z-index: 10;
  aspect-ratio: 1;
  mix-blend-mode: normal;
  width: 2.3rem;
  height: auto;
  position: absolute;
  inset: auto auto 10% 4%;
}

.arrow_blue.is-flipped {
  mix-blend-mode: normal;
  inset: auto 18% 10% auto;
}

.arrow_lemon {
  z-index: 10;
  aspect-ratio: 1;
  mix-blend-mode: normal;
  width: 2.3rem;
  height: auto;
  position: absolute;
  inset: auto auto 6% 20%;
}

.arrow_lemon.is-flipped {
  mix-blend-mode: normal;
  inset: auto 14% 0% auto;
}

.arrow_sky {
  z-index: 10;
  aspect-ratio: 1;
  mix-blend-mode: normal;
  width: 4rem;
  height: auto;
  position: absolute;
  inset: auto auto -8% 13%;
}

.arrow_sky.is-flipped {
  inset: auto 24% 0% auto;
}

.arrow_green {
  z-index: 10;
  aspect-ratio: 1;
  mix-blend-mode: normal;
  width: 2.1rem;
  height: auto;
  position: absolute;
  inset: auto auto -2% 16%;
}

.arrow_green.is-flipped {
  inset: auto 25% 8% auto;
}

.code-embed-5 {
  position: absolute;
}

.right_side {
  justify-content: flex-start;
  align-items: flex-end;
  width: 50%;
  height: 100%;
  display: flex;
  position: relative;
}

.left_side {
  flex-flow: row;
  justify-content: flex-end;
  align-items: flex-end;
  width: 50%;
  height: 100%;
  display: flex;
  position: relative;
}

.image-145 {
  position: absolute;
}

.section--db2026 {
  z-index: auto;
  background-color: #fff0;
  background-image: linear-gradient(7deg, #effd7f, #e5b4b4 34%, #fff);
  flex: 1;
  align-self: flex-start;
  width: 100%;
  min-height: 33rem;
  max-height: 35rem;
  margin: 0 auto 5rem;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  overflow: hidden;
}

.section--db2026.margin-bottom-regular {
  opacity: 1;
  mix-blend-mode: normal;
  background-color: #fff;
  background-image: linear-gradient(#ffcece, #46afcc 65%, #a3a2be), url('../images/Wall_Background.webp');
  background-position: 0 0, 50% 0;
  background-size: auto, cover;
}

.section--db2026.no_bg {
  background-image: none;
}

.calendar {
  filter: drop-shadow(0 8px 14px #3232321f);
  background-image: url('../images/just-the-calendar-copy.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 26em;
  padding-top: 0;
  padding-right: 0;
  display: flex;
  position: relative;
}

.image-146 {
  width: auto;
  height: 26rem;
}

.div-block-76 {
  position: absolute;
  inset: 0% 0% auto;
}

.div-block-77 {
  justify-content: flex-end;
  align-items: center;
  width: 50%;
  height: 100%;
  display: flex;
}

.background-video-2 {
  z-index: 999;
  aspect-ratio: 1.225;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 14.9em;
  display: flex;
  position: absolute;
  inset: 20% 0% 0% 29%;
}

.calendar_graphics_wrapper {
  z-index: 2;
  position: relative;
}

.calendar_holder {
  justify-content: flex-end;
  align-items: center;
  width: 50%;
  padding-right: 4.2rem;
  display: flex;
  transform: rotate(-7deg);
}

.mid_holder {
  position: relative;
}

.calendar_sizing {
  flex-flow: column;
  width: 18rem;
  padding: .6rem;
  display: flex;
}

.background-video-3 {
  z-index: 500;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.item-1 {
  width: 4rem;
  position: absolute;
  inset: 17% auto auto 5%;
}

.item-2 {
  width: 4rem;
  position: absolute;
  inset: 21% auto auto 16%;
}

.item-3 {
  width: 5rem;
  position: absolute;
  inset: 17% auto auto 49%;
}

.item-4 {
  width: 5rem;
  position: absolute;
  inset: 20% 5% auto auto;
}

.floating_wrapper {
  z-index: 1;
  opacity: .21;
  mix-blend-mode: multiply;
  background-image: linear-gradient(#fdfdee, #fff);
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.background-video-4 {
  opacity: .74;
  mix-blend-mode: darken;
  height: 100%;
  top: 136px;
}

.drawing-left {
  align-self: center;
  width: 50%;
  position: relative;
  bottom: 0;
  right: 157.594px;
}

.drawingright {
  align-self: center;
  width: 50%;
  position: absolute;
  inset: 72px 17% 0% auto;
}

.spotlight {
  aspect-ratio: 1;
  filter: blur(18px);
  border-radius: 50%;
  width: 30rem;
  position: absolute;
}

.spotlight.is--orange {
  background-color: #e5832d;
  top: -50px;
  left: 65px;
}

.spotlight.is--yellow {
  background-color: #ffe364;
  display: block;
  inset: 0% auto 0% 38%;
}

.floating_wrapper-copy {
  z-index: 1;
  opacity: .34;
  background-image: linear-gradient(#fdfdee, #fff);
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.background-video-5 {
  width: 100%;
  position: absolute;
  inset: 178px 0% 0%;
}

.background-video-5.another {
  z-index: 1;
  mix-blend-mode: multiply;
}

.calendar_holder-copy {
  justify-content: flex-end;
  align-items: center;
  width: 50%;
  padding-right: 4.2rem;
  display: flex;
  transform: rotate(-7deg);
}

.left_picture {
  mix-blend-mode: multiply;
  align-self: center;
  width: 60%;
  max-width: none;
  position: relative;
  bottom: 0;
  left: -16px;
}

.right_picture {
  mix-blend-mode: multiply;
  width: auto;
  min-width: auto;
  height: 100%;
  padding-right: 0;
  position: relative;
  inset: 0% 24% auto auto;
}

.round_sun {
  z-index: 0;
  aspect-ratio: 1;
  filter: blur();
  background-image: radial-gradient(circle, #f9ff83, #fff0 77%);
  border-radius: 100vw;
  justify-content: center;
  align-items: center;
  width: 32rem;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.section--midaut2026 {
  z-index: auto;
  flex: 1;
  justify-content: center;
  align-self: center;
  align-items: flex-start;
  width: 100%;
  max-height: none;
  margin: 0 auto 3.2rem;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.section--midaut2026.margin-bottom-regular {
  background-image: linear-gradient(90deg, #e51841, #b1213d);
  min-height: 40rem;
  max-height: 46rem;
  margin-bottom: 5em;
}

.container-maxwidth-midaut {
  object-fit: fill;
  width: 100%;
  max-width: 1440px;
  height: 40rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2.5em;
  padding-right: 2.5em;
  position: relative;
}

.hero-flex-midaut {
  z-index: 1;
  aspect-ratio: 2;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.background-video-6 {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
  overflow: visible;
}

.midaut-textgreeting {
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  width: 50%;
  height: 100%;
  padding-right: 1.7em;
  display: flex;
}

.text-wrapper {
  z-index: 2;
  grid-column-gap: .6rem;
  grid-row-gap: .6rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 50%;
  padding-bottom: 10em;
  display: flex;
  position: relative;
}

.text-wrapper.tc {
  display: flex;
}

.text-wrapper.sc {
  display: none;
}

.text-wrapper.pt {
  flex: none;
  width: 42%;
  margin-left: auto;
  margin-right: -2.3rem;
  display: none;
}

.text-wrapper.en {
  flex: none;
  width: 37%;
  margin-left: auto;
  margin-right: -2.3rem;
  display: flex;
}

.text-wrapper.pt, .text-wrapper.en {
  width: 42%;
  display: flex;
}

.height-control {
  filter: brightness(150%) drop-shadow(0 2px 2px #000000b3);
  justify-content: flex-end;
  align-self: flex-end;
  align-items: center;
  width: 100%;
  height: 8rem;
  display: flex;
}

.height-control.is--2.pt {
  height: 2.6em;
  margin-right: -1.5rem;
  padding-bottom: 0;
}

.height-control.en {
  height: 3.6em;
}

.height-control.is--3.pt {
  height: 2.6em;
  margin-right: -1.5rem;
  padding-bottom: 0;
}

.height-control.big-screen {
  display: flex;
}

.image-151 {
  height: 3rem;
}

.greetings, .image-153, .image-153-copy {
  height: 100%;
}

.celebrate77-wrapper {
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  max-width: none;
  height: 30rem;
  min-height: 30rem;
  max-height: none;
  display: flex;
  position: relative;
}

.national77-hero-section {
  z-index: auto;
  background-image: linear-gradient(218deg, #f07f81 16%, #fff 80%);
  flex: 1;
  align-self: center;
  width: 100%;
  max-height: none;
  margin: 0 auto 3rem;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  overflow: visible;
}

.national77-hero-section.margin-bottom-regular {
  opacity: 1;
  mix-blend-mode: normal;
  background-color: #fff;
  background-image: radial-gradient(circle at 30% 25%, #f9d251 19%, #99d4ef 32%, #c8e0f3 48%, #f4e5f1 59%, #f0e5d1 76%);
  min-height: 36em;
  max-height: 42.5em;
}

._77-wrapper {
  flex-flow: column;
  justify-content: space-between;
  align-self: flex-start;
  align-items: center;
  width: auto;
  max-width: max(1440px, 95vw);
  height: 100%;
  margin-left: 4vw;
  margin-right: auto;
  padding-top: 4.5rem;
  display: flex;
}

.building_77celebration {
  z-index: 2;
  justify-content: center;
  align-self: flex-end;
  align-items: flex-end;
  width: auto;
  max-width: 32rem;
  height: auto;
  display: flex;
  position: relative;
}

.wordings {
  z-index: 2;
  width: 80%;
  position: relative;
}

.gif-wrapper {
  z-index: 0;
  opacity: .65;
  mix-blend-mode: screen;
  height: 10rem;
  padding-top: 0;
  padding-left: 17.7rem;
  position: absolute;
  inset: auto 0% 24%;
}

.image-155 {
  height: 100%;
}

.gradient-bg {
  z-index: 10;
  background-image: linear-gradient(354deg, #336fb3, #336fb333);
  width: 20rem;
  height: 100%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.div-block-80 {
  height: 100%;
  position: absolute;
  inset: auto auto 0% 0%;
}

@media screen and (min-width: 1280px) {
  .seminar {
    filter: drop-shadow(-4px -2px 5px #fffffff2) drop-shadow(2px 2px 7px #e4ebffe6);
  }
}

@media screen and (min-width: 1440px) {
  .footer-grid {
    padding-left: 4.6875rem;
    padding-right: 4.6875rem;
  }

  .container-large {
    height: 32rem;
  }

  .lottie-wrapper {
    width: 3.125em;
    max-height: 3em;
  }

  .dropdown-list {
    width: 15em;
  }

  .dropdown-list.w--open {
    background-color: var(--f-white);
  }

  .dropdown-link {
    border-style: none none solid;
    border-bottom-color: var(--f-accent-beige);
  }

  .container-maxwidth {
    z-index: 0;
    background-image: linear-gradient(#fff, #00a0c7);
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
    inset: 0%;
  }

  .section--hero {
    background-image: radial-gradient(circle farthest-side at 32%, #f9d251 17%, #c776ca 67%, #d3c2ce);
    flex: 1;
    margin-left: auto;
    margin-right: 0;
    display: block;
    overflow: hidden;
  }

  .section--hero.margin-bottom-regular {
    background-image: none;
    min-height: 38em;
    overflow: hidden;
  }

  .bodybg {
    background-image: none;
    justify-content: space-between;
  }

  .hero-flex-wrapper {
    z-index: auto;
    flex: none;
    justify-content: space-between;
    align-self: stretch;
    align-items: center;
    width: 100%;
    height: 100%;
  }

  .color-overlay-skew {
    opacity: .36;
    mix-blend-mode: normal;
    width: 33%;
    position: static;
    inset: 0% auto auto 0%;
  }

  .color-overlay-skew.is--white--skew {
    opacity: 1;
    margin-right: -185px;
    inset: 0% 0% auto 45%;
  }

  .color-overlay-skew.is--red--skew {
    opacity: .11;
    filter: blur(20px);
    mix-blend-mode: normal;
    background-image: linear-gradient(4deg, #cd3c2508, #bb2c34 43%);
    align-self: flex-end;
    width: 53%;
    height: 780px;
    margin-top: 0;
    margin-right: auto;
    inset: 0% 0% auto auto;
    transform: skew(-30deg);
  }

  .color-blur-holder {
    mix-blend-mode: multiply;
    justify-content: space-between;
    width: 100%;
    height: 48.75em;
    display: none;
    position: absolute;
  }

  .blur {
    opacity: 0;
  }

  .nav-icon-dropdown {
    width: 3em;
  }

  .dropdown-list-language {
    position: absolute;
    inset: 0% 0% auto;
  }

  .dropdown-list-language.w--open {
    inset: 100% 0% auto auto;
  }

  .dropdown-search {
    position: absolute;
    inset: 0% 0% auto;
  }

  .dropdown-search.w--open {
    background-color: #fffffff2;
  }

  .hero-graphics {
    z-index: 2;
    justify-content: space-between;
    align-self: stretch;
    align-items: flex-end;
    width: 60%;
    height: 100%;
    padding-left: 2rem;
    position: relative;
  }

  .hero-shortcut {
    flex: none;
    justify-content: space-between;
    align-self: center;
    align-items: center;
    height: auto;
    margin-left: auto;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    inset: 0% 0% 0% auto;
  }

  .hero-shortcut._2 {
    padding-left: 0;
  }

  .heading-text-tiny {
    color: var(--f-darkblue);
  }

  .heading-text-tiny.is--blue {
    color: var(--f-white);
    font-weight: 500;
  }

  .heading-text-tiny.change-color {
    color: var(--f-white);
  }

  .heading-text-tiny.change_color {
    color: var(--f-ctt-blue);
  }

  .hero-grid-style {
    filter: blur();
  }

  .greetings_warpper {
    background-image: none;
    padding-right: 0;
    inset: 0% auto 0% 0%;
  }

  .is--space {
    display: none;
    overflow: visible;
  }

  .shortcut-list-wrapper {
    z-index: 20;
    flex: none;
    align-self: center;
    width: auto;
    min-width: 27rem;
    max-width: 32rem;
    margin-top: auto;
    margin-bottom: auto;
    padding-left: 0;
    padding-right: 2rem;
    position: relative;
  }

  .chi_svg_wrapper {
    justify-content: flex-end;
    align-self: flex-end;
    align-items: flex-end;
    height: 150px;
    margin-left: auto;
    padding: 2rem 5.1rem 2rem 2rem;
    display: flex;
  }

  .snowy_ground {
    z-index: 1;
    opacity: 1;
    flex: 0 auto;
    margin-bottom: auto;
    display: block;
    position: relative;
  }

  .html-embed-24 {
    position: relative;
  }

  .snow_ground {
    width: 100vw;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    display: block;
    inset: auto 0% 0%;
  }

  .image-59 {
    width: 100%;
    height: auto;
  }

  .text-log-wrapper {
    justify-content: center;
    align-items: flex-end;
  }

  .telecom_main_wrap {
    padding: 3.5rem;
  }

  .image-65 {
    width: 135%;
    height: 135%;
    top: -18%;
    left: -31%;
  }

  .title_log {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: 28rem;
    padding: .5rem 4.5rem;
    container-type: inline-size;
  }

  .easter_hero_img {
    height: 25rem;
    inset: 0%;
  }

  .left_shell {
    left: 194.195px;
  }

  .left_egg2 {
    width: 10rem;
  }

  .left_egg4 {
    width: auto;
    height: 15rem;
  }

  .image-66 {
    width: 100%;
  }

  .left_egg5 {
    width: auto;
    height: 15rem;
  }

  .bottom_left1 {
    width: 10rem;
  }

  .infinity {
    mix-blend-mode: screen;
  }

  .title {
    flex: none;
    width: 20rem;
    height: auto;
  }

  .tc-title {
    width: 75%;
    max-width: none;
    margin-bottom: 1.5em;
  }

  .theme-name {
    margin-bottom: 2rem;
  }

  .gradient {
    mix-blend-mode: hard-light;
    background-image: radial-gradient(circle, #6dade0d9 18%, #fff0 63%);
  }

  .m_front {
    bottom: -33px;
  }

  .m_back {
    bottom: 37%;
  }

  .mountain_wrap {
    bottom: 8%;
  }

  .sun_and_text {
    width: 28em;
    height: 28em;
    padding: 0;
    inset: 0% auto auto 18.5vw;
  }

  .sun_svg, .greeting_text_svg {
    width: 100%;
    height: 100%;
  }

  .dumplings {
    width: 75%;
    inset: auto auto 0% 0%;
  }

  .dumplings_2_wrap {
    left: 9%;
  }

  .dumplings_1_wrap {
    left: -16%;
  }

  .animate_holder {
    height: auto;
    padding-left: 15.9em;
  }

  .moon {
    opacity: .89;
    width: 35em;
    height: 35em;
    padding: 0;
    inset: 0% auto auto 18.5vw;
  }

  .flowers {
    z-index: 0;
    display: block;
  }

  .sky {
    top: -52%;
  }

  .rabbit {
    width: 12rem;
    display: block;
    inset: auto auto 7% 0%;
  }

  .image-69 {
    align-self: center;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    position: absolute;
    inset: 0% 0% auto;
  }

  .moon_wrap {
    justify-content: flex-start;
    align-items: center;
    padding-top: 0;
    padding-bottom: 2rem;
  }

  .rabbit2 {
    width: 9rem;
    height: 9rem;
    display: block;
    position: absolute;
    inset: 11% 8% 0% auto;
  }

  .image-70 {
    width: 100%;
    height: 100%;
  }

  .pt_line {
    align-self: center;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    position: absolute;
    inset: 0 auto 19% 0%;
  }

  .rabbit-3 {
    width: 9rem;
  }

  .animate_svg {
    mix-blend-mode: luminosity;
  }

  .color {
    background-image: radial-gradient(circle, #fffffc, #fffce499 45%, #fff0 63%);
  }

  .section--upu--ad {
    background-image: linear-gradient(#c4d9e5, #c4d9e5);
    margin-left: auto;
    margin-right: 0;
    overflow: hidden;
  }

  .section--upu--ad.margin-bottom-regular {
    background-image: none;
    min-height: 38em;
    overflow: hidden;
  }

  .upu-hero-graphics {
    background-image: url('../images/worldmap.webp');
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .national-section--hero {
    background-image: url('../images/theViewfromBloco.webp'), linear-gradient(198deg, #11d3ff40, #7a5c294d 56%);
    background-position: 100% 100%, 0 0;
    background-repeat: no-repeat, repeat;
    background-size: cover, auto;
    min-height: 50dvh;
    max-height: none;
    margin-left: auto;
    margin-right: 0;
    overflow: hidden;
  }

  .national-section--hero.margin-bottom-regular {
    background-image: none;
    min-height: 38em;
    overflow: hidden;
  }

  .floor {
    filter: blur(7px);
    mix-blend-mode: screen;
  }

  .sunray {
    filter: blur(1px);
    inset: -36% 0% auto;
  }

  .building {
    height: 100%;
  }

  .graphics_holder {
    display: flex;
  }

  .building_wrapper {
    z-index: 2;
    justify-content: flex-start;
    align-self: center;
    align-items: center;
    height: 75%;
    padding-left: 0;
    display: flex;
    position: relative;
  }

  .floor_wrapper {
    height: 25%;
  }

  .title_wrapper {
    width: auto;
    padding-left: var(--padding-left);
    justify-content: flex-end;
    align-items: flex-end;
  }

  .hero-grid-style__upu {
    filter: blur();
  }

  .bigbox {
    border-color: #006bb4;
  }

  .bigbox.paddings-tiny {
    border-color: #0071ce;
  }

  .bigbox.removeborder {
    border-color: #0000;
  }

  .container-maxwidth-2 {
    background-image: none;
  }

  .section--hero-2 {
    background-image: linear-gradient(107deg, #cfa053 31%, #a07639 34%);
    margin-left: auto;
    margin-right: 2px;
    overflow: visible;
  }

  .section--hero-2.margin-bottom-regular {
    background-image: url('../images/refined1.jpg'), linear-gradient(#956a2f, #956a2f);
    background-position: -45%, 0 0;
    background-repeat: no-repeat, repeat;
    background-size: contain, auto;
  }

  .building-wrapper {
    padding-right: 0;
  }

  .shortcut-list-wrapper-2 {
    max-width: 36em;
  }

  .smallbox {
    outline-color: #6cacdd;
  }

  .section--hero--sky {
    background-image: none;
    max-height: 40rem;
    margin-left: auto;
    margin-right: 2px;
    overflow: visible;
  }

  .section--hero--sky.margin-bottom-regular {
    background-image: none;
  }

  .bodybg--sky {
    background-image: url('../images/bodyBGsky-1728x780.jpg');
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    justify-content: space-between;
  }

  .bodybg--sky.hide {
    background-image: none;
  }

  .container-maxwidth-3 {
    background-image: none;
    height: 40rem;
  }

  .section--hero-3 {
    margin-left: auto;
    margin-right: 2px;
    overflow: visible;
  }

  .section--hero-3.margin-bottom-regular {
    margin-bottom: 2em;
  }

  ._25thlogo_wrapper {
    background-image: url('../images/25th-logo.webp');
    padding-right: 0;
  }

  .top {
    z-index: 15;
  }

  ._25th-logo {
    display: none;
  }

  .lotus_wrapper {
    inset: auto auto 0% 0%;
  }

  .title_log_wrapper {
    width: 38rem;
    position: absolute;
    inset: auto 0% 3rem 9rem;
  }

  .bloco_banner {
    display: block;
  }

  .gradient-background {
    background-image: linear-gradient(347deg, #005f34, #fff0af 40%, #fff 71%);
    height: 100%;
    inset: 0%;
  }

  .glitter-effect {
    position: absolute;
    inset: 0%;
  }

  .the-view-background {
    z-index: -1;
    opacity: 100;
    mix-blend-mode: normal;
    background-color: #0000;
    background-image: url('../images/bg-grass.svg');
    background-position: 50% 100%;
    background-size: cover;
    flex-flow: column;
    display: flex;
    inset: 0%;
  }

  .section--hero-xmas {
    margin-left: auto;
    margin-right: 2px;
    overflow: visible;
  }

  .section--hero-xmas.margin-bottom-regular {
    max-height: 46rem;
    margin-bottom: 5rem;
  }

  .hero-flex-xmas-window {
    height: 100%;
  }

  .window_holder.hide {
    display: block;
  }

  .div-block-46 {
    margin-left: -50%;
    overflow: visible;
  }

  .hero-section-gold-banner {
    background-image: url('../images/edit_BG-copy.webp');
    background-position: 0%;
    background-size: cover;
    flex: none;
    align-self: auto;
    min-height: 33rem;
    max-height: 40em;
    margin-left: auto;
    margin-right: 0;
    overflow: hidden;
  }

  .hero-section-gold-banner.margin-bottom-regular {
    background-image: none;
    min-height: 38em;
    overflow: hidden;
  }

  .div-block-47 {
    z-index: 0;
  }

  .left {
    background-image: none;
    width: 50rem;
    min-width: auto;
    max-width: none;
    height: 100%;
    position: absolute;
    inset: 0% auto 0% 0%;
  }

  .right {
    object-fit: scale-down;
    background-image: none;
    width: auto;
    min-width: 22cqw;
    height: auto;
    position: absolute;
    inset: 0% -13% auto auto;
    overflow: visible;
  }

  .bloco1 {
    z-index: 1;
    align-self: center;
    width: auto;
    display: flex;
    position: absolute;
    inset: 0% auto auto 0%;
  }

  .bloco1._2 {
    z-index: 2;
    justify-content: space-between;
    align-self: center;
    align-items: center;
    width: 25rem;
    inset: 0% 0% 0% auto;
    transform: rotate(-7deg);
  }

  .bloco1._1 {
    justify-content: space-between;
    align-self: flex-end;
    align-items: center;
    width: 25rem;
    inset: 0% auto 35% 0%;
    transform: rotate(-7deg);
  }

  .div-block-48 {
    flex-flow: row;
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
  }

  .transition_img {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute;
    inset: 0%;
  }

  .background-video {
    object-fit: cover;
    height: 100%;
    display: block;
  }

  .right_curtain_img {
    width: 100%;
    height: 100%;
    overflow: visible;
  }

  .bloco {
    width: 100%;
    max-width: none;
    transform: rotate(3deg);
  }

  .issue_release {
    align-self: center;
  }

  .bloco_wrapper {
    flex: none;
    align-self: stretch;
    width: 100%;
    padding-top: 0;
    inset: 0%;
  }

  .bloco_size {
    width: 38rem;
    padding-top: 0;
  }

  .spacer {
    display: none;
  }

  .issuedate_holder {
    filter: drop-shadow(10px 10px 5px #0b0b0b2b);
    width: 20rem;
    height: auto;
    position: absolute;
    inset: auto 0% 18% -10%;
  }

  .section--cny {
    margin-left: auto;
    margin-right: 2px;
    overflow: visible;
  }

  .section--cny.margin-bottom-regular {
    background-image: url('../images/top_fan_final_1.webp'), url('../images/pattern.svg'), radial-gradient(circle at 26%, #fa7b26 11%, #d2222a 38%, #ac0010 59%, #fa7b26 90%);
    background-position: 0 0, 50%, 0 0;
    background-repeat: repeat-x, repeat-x, repeat;
    background-size: contain, cover, auto;
    max-height: 46rem;
    margin-bottom: 5rem;
    overflow: hidden;
  }

  .main_graphics_wrappr {
    padding-left: 0;
    padding-right: 0;
  }

  .main_circle {
    filter: drop-shadow(0 0 .75rem #fff);
    padding-left: 0;
    padding-right: 0;
    bottom: 0%;
    left: 0%;
  }

  .wishes {
    flex: none;
    width: auto;
    height: 85%;
    margin-right: 0;
    left: -3.75rem;
  }

  .orange_fan {
    width: 35%;
  }

  .upper_fan {
    aspect-ratio: auto;
    vertical-align: top;
    filter: drop-shadow(0 0 .85rem #ffffa5);
    width: 100%;
    margin-top: 0;
    display: block;
    position: static;
  }

  .lower_open_fan {
    filter: drop-shadow(0 0 .55rem #ffffa5);
    animation-delay: 2s;
  }

  .fireworks {
    opacity: .51;
    mix-blend-mode: overlay;
    background-image: none;
    align-self: flex-start;
    width: 32rem;
    height: auto;
    position: relative;
    inset: 0% 0% auto auto;
  }

  .fireworks._1 {
    z-index: 0;
    opacity: .75;
    mix-blend-mode: normal;
    width: 35rem;
    position: absolute;
    inset: 0% 0% 0% auto;
  }

  .fireworks._2 {
    z-index: 1;
    opacity: .38;
    mix-blend-mode: overlay;
    width: 35rem;
    position: absolute;
    inset: 0% 0% auto auto;
  }

  .section-ctt144 {
    background-image: linear-gradient(#19bdff, #f9b0a3 56%);
    min-height: 50dvh;
    max-height: none;
    margin-left: auto;
    margin-right: 0;
    overflow: hidden;
  }

  .section-ctt144.margin-bottom-regular {
    background-image: none;
    min-height: 38em;
    overflow: hidden;
  }

  .logo {
    width: auto;
    height: 100%;
    position: relative;
  }

  .logo_holder {
    height: 100%;
    position: absolute;
  }

  .image-93 {
    left: 68%;
  }

  .env_img {
    position: relative;
  }

  .date_svg {
    top: 28%;
  }

  .fireworks_holder {
    mix-blend-mode: soft-light;
    width: 100%;
    position: absolute;
    inset: 0% 0% auto;
  }

  .image-94 {
    aspect-ratio: auto;
    object-fit: scale-down;
    width: 100%;
    position: absolute;
    inset: 0% 0% auto;
  }

  .section-ctt144_2 {
    background-image: none;
    min-height: 50dvh;
    max-height: none;
    margin-left: auto;
    margin-right: 0;
    overflow: hidden;
  }

  .section-ctt144_2.margin-bottom-regular {
    background-image: none;
    min-height: 38em;
    overflow: hidden;
  }

  .shade_holder {
    inset: 0% 0% auto;
  }

  .image-95 {
    position: absolute;
    inset: 0% 0% auto;
  }

  .easter-section--hero {
    background-image: none;
    min-height: 36rem;
    max-height: 38rem;
    margin-left: auto;
    margin-right: 0;
    overflow: hidden;
  }

  .easter-section--hero.margin-bottom-regular {
    background-image: none;
    min-height: 38em;
    overflow: hidden;
  }

  .yellow_bg {
    background-color: #f7ec2d;
    height: 72%;
  }

  .whitecol_bg {
    background-color: var(--f-white);
    flex: 1;
    width: 100%;
    position: relative;
  }

  .pattern {
    opacity: .45;
    mix-blend-mode: overlay;
    background-image: url('../images/handdrawn_pattern.webp');
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
  }

  .animated_bunny {
    flex: none;
    justify-content: space-between;
    align-items: flex-start;
    width: 50%;
    height: 100%;
    margin-bottom: 0;
    display: flex;
    position: absolute;
    inset: 0% 0% 0 3.8em;
  }

  .animated_bunny_svg {
    vertical-align: baseline;
    flex: none;
    align-self: flex-start;
    height: auto;
    min-height: 32rem;
    max-height: 34rem;
    margin-left: auto;
    margin-right: 0;
    padding-left: 0;
    padding-right: 2em;
    position: absolute;
    inset: auto 0% 3%;
  }

  .easter-section--hero2 {
    background-image: none;
    min-height: 36rem;
    max-height: 38rem;
    margin-left: auto;
    margin-right: 0;
    overflow: hidden;
  }

  .easter-section--hero2.margin-bottom-regular {
    background-image: none;
    min-height: 38em;
    overflow: hidden;
  }

  .section--telecom2025 {
    background-image: url('../images/0101pattern.svg'), url('../images/bg-color.svg');
    background-position: 50% 0, 50% 0;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    max-height: 46rem;
    margin-left: auto;
    margin-right: 0;
    overflow: hidden;
  }

  .section--telecom2025.margin-bottom-regular {
    background-image: url('../images/0101pattern.svg'), url('../images/bg-color.svg');
    background-position: 50% 0, 50% 0;
    background-repeat: repeat, repeat;
    background-size: cover, cover;
    margin-bottom: 5rem;
    margin-right: 0;
  }

  .bottom_curves {
    z-index: 0;
    background-image: none;
    width: 100%;
    min-height: 15rem;
    padding-bottom: 0;
    padding-right: 0;
    position: absolute;
    inset: 0%;
  }

  .color_curves {
    background-size: cover;
    min-height: 15rem;
    inset: auto 0% 0%;
  }

  .container-maxwidth4 {
    z-index: 1;
  }

  .pink_element {
    background-image: none;
    align-self: flex-start;
    width: 50%;
    inset: 0%;
  }

  .blue_element {
    background-image: none;
    align-self: flex-end;
    padding-top: 8.75rem;
    inset: 0% 0% 0% auto;
  }

  .div-block-55 {
    top: 25%;
  }

  .hero-flex-telecomday {
    z-index: 5;
  }

  .image-99 {
    width: auto;
    height: auto;
    overflow: clip;
    transform: scale(1.4);
  }

  .image-100 {
    transform: scale(1.1);
  }

  .section-dragonboat {
    background-image: url('../images/slapsh.png'), radial-gradient(circle at 44% 0, #fbfaef 10%, #faf9d5 24%, #54c8ea 45%, #fff);
    background-position: 0 0, 0 0;
    background-size: cover, auto;
    max-height: none;
    margin-left: auto;
    margin-right: 0;
    overflow: hidden;
  }

  .section-dragonboat.margin-bottom-regular {
    background-image: none;
    min-height: 38em;
    overflow: hidden;
  }

  .clouds_1 {
    justify-content: center;
    align-self: flex-end;
    align-items: flex-end;
    display: flex;
    inset: auto 16% 0% auto;
  }

  .clouds_2 {
    justify-content: flex-end;
    align-items: flex-end;
    width: 45rem;
    margin-right: 0%;
    inset: auto -15% 0% auto;
  }

  .waves {
    height: 100%;
    inset: auto 0% 0%;
  }

  .back_waves {
    justify-content: flex-start;
    align-items: flex-end;
    width: 25%;
    display: flex;
  }

  .boat_wrapper {
    flex: none;
    justify-content: center;
    align-self: stretch;
    align-items: flex-end;
    width: 50%;
    padding: 1.75rem;
    inset: auto 0% 6%;
  }

  .graphics_wrapper {
    justify-content: space-between;
    align-self: center;
    align-items: center;
    inset: 0% auto 0% 0%;
  }

  .the_boat {
    width: 90%;
    height: 90%;
  }

  .festive_words {
    width: 15rem;
  }

  .title_tc {
    display: block;
  }

  .title_tc.landscape {
    display: none;
  }

  .main_graphics {
    z-index: 1;
    flex: none;
    justify-content: flex-end;
    align-self: flex-end;
    align-items: flex-end;
    width: 52%;
    height: 100%;
    display: flex;
    position: relative;
    inset: auto 0% 0%;
  }

  .image-105 {
    aspect-ratio: auto;
    object-fit: fill;
    align-self: flex-end;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: auto 0% 0%;
  }

  .wide_waves {
    filter: none;
    height: 30%;
  }

  .waves_on_right {
    filter: none;
  }

  .image-107 {
    object-fit: scale-down;
    flex: 0 auto;
    align-self: flex-end;
    height: 100%;
    position: relative;
  }

  .national76-hero-section {
    color: var(--f-ctt-blue);
    background-image: linear-gradient(90deg, #f1f3c8 20%, #fff 25% 44%, #fff0 49%, #fff), radial-gradient(circle, #ffffffd9, #fff0), linear-gradient(#e7d507, #f8f8d7);
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 3rem;
    margin-left: auto;
    margin-right: 0;
    display: block;
    overflow: visible;
  }

  .national76-hero-section.margin-bottom-regular {
    background-image: none;
    min-height: 38em;
    overflow: hidden;
  }

  ._76-full-width {
    flex-flow: column;
    flex: 1;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding-top: 1rem;
  }

  .imperial-court-wrapper {
    flex-flow: column;
    justify-content: space-between;
    align-self: auto;
    align-items: center;
    width: 100%;
    padding-bottom: .9rem;
    position: relative;
  }

  .imperial-court-wrapper.zeroout {
    background-image: none;
  }

  .red-bar {
    background-color: #ed1d25;
    height: 47px;
  }

  .imperial-court {
    width: 100%;
    position: absolute;
    inset: auto 0% 150px auto;
  }

  .bluebar {
    height: 2.5em;
    display: none;
  }

  .div-block-56 {
    justify-content: space-between;
    align-items: flex-end;
    min-height: 2rem;
    max-height: 4rem;
    position: relative;
  }

  .maingraphics_wrapper {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    flex-flow: column;
    height: auto;
    min-height: 38rem;
    max-height: none;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .hero_right {
    margin-bottom: 6rem;
  }

  .image-108 {
    text-align: right;
    width: 100%;
    display: inline-block;
  }

  .div-block-58 {
    justify-content: center;
    align-items: flex-start;
    height: 14em;
    margin-bottom: 2rem;
    position: relative;
    inset: 0% auto 0% 28%;
  }

  ._76 {
    height: 11em;
    inset: auto 0% 2.7rem 11%;
  }

  .firework_ani {
    z-index: 2;
    background-image: none;
    width: 22rem;
    inset: 0% 0% 0% 14%;
  }

  .image-111 {
    height: 100%;
  }

  .imperial-court_long {
    width: 100%;
    display: none;
    position: absolute;
    inset: auto 0% 150px auto;
  }

  .imperial-court_m {
    width: 100%;
    padding-bottom: 0;
    display: block;
    position: relative;
    inset: 0 0% 0% auto;
  }

  .imperial-court_fit {
    width: 100%;
    position: absolute;
    inset: auto 0% 150px auto;
  }

  .imperial-court_fit.hide {
    display: none;
    bottom: 0;
  }

  .image-113 {
    width: auto;
  }

  .fdc {
    width: 38rem;
    padding-top: 0;
  }

  .fdc.lower {
    right: 26.25rem;
    transform: rotate(-4deg);
  }

  .nationalday76_section {
    background-image: linear-gradient(#ffbd4b, #ffe9c3 24% 51%, #fff);
  }

  .nationalday76_section.margin-bottom-regular {
    background-image: none;
    min-height: 38em;
    overflow: hidden;
  }

  .animate_fireworks {
    z-index: 0;
    width: 35rem;
    height: 100%;
    margin-left: 0%;
    position: absolute;
    inset: 0% auto 0% 0%;
  }

  .fdc2 {
    width: 38rem;
    padding-top: 0;
    bottom: 7%;
    left: 16%;
  }

  .fdc2.lower {
    right: 26.25rem;
    transform: rotate(-4deg);
  }

  .bestwishes {
    width: 80%;
    padding: 0% 0% 0% 6%;
    bottom: 0;
  }

  .fireworks_animate {
    display: inline-flex;
    inset: 0% auto auto 6%;
  }

  .image-116 {
    display: inline-block;
  }

  .new_fireworks {
    width: 20rem;
    display: inline-flex;
  }

  .overlay {
    opacity: .12;
    mix-blend-mode: normal;
    background-image: url('../images/fireworks_orange-BG.webp');
    background-position: 50% 0;
  }

  .div-block-59 {
    opacity: .45;
    mix-blend-mode: color-burn;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0%;
  }

  .flower-and-moon {
    opacity: .37;
    mix-blend-mode: normal;
    width: 60%;
    padding-bottom: 0;
    padding-right: 0;
    position: absolute;
    inset: 38% 0% 0%;
  }

  .image-117 {
    width: 100%;
  }

  .moon_2 {
    aspect-ratio: 1;
    filter: blur(16px);
    background-color: #ffffffd9;
    border-radius: 50vw;
    width: 35rem;
    position: absolute;
    left: 17%;
  }

  .div-block-60 {
    width: 50rem;
    height: 15rem;
    position: absolute;
    top: 129px;
    left: 180.5px;
    overflow: hidden;
  }

  .svg-4 {
    clip-path: polygon(0 0, 100% 0, 58% 65%, 100% 100%, 0 100%, 38% 65%);
    background-color: #fff;
    width: 68rem;
    padding-bottom: 0;
    padding-right: 0;
  }

  .div-block-61 {
    width: 100%;
    height: 100%;
    padding-left: 0%;
    display: flex;
  }

  .svg-5 {
    opacity: .42;
    mix-blend-mode: screen;
    background-color: #c9dde4;
    background-image: none;
  }

  .div-block-62 {
    width: 60rem;
    height: 100%;
    position: absolute;
    inset: 0%;
  }

  .svg-6 {
    background-color: var(--f-white);
    filter: blur();
    clip-path: polygon(0 0, 100% 0, 90% 75%, 100% 100%, 0 100%, 10% 75%);
    width: 100%;
    height: 100%;
  }

  .upu-section {
    background-image: none;
    margin-left: auto;
    margin-right: 0;
    overflow: hidden;
  }

  .upu-section.margin-bottom-regular {
    background-image: none;
    min-height: 38em;
    overflow: hidden;
  }

  .border {
    z-index: -1;
    opacity: 100;
    mix-blend-mode: normal;
    background-image: none;
    border: 1.25rem solid #44a9df;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    display: flex;
    position: relative;
    inset: 0%;
    overflow: hidden;
  }

  .absolute_wrapper {
    height: 100%;
  }

  .slogon {
    z-index: 2;
    aspect-ratio: 1;
    background-image: radial-gradient(circle, #ffffff8c, #fff0 32%);
    justify-content: flex-start;
    align-self: flex-start;
    align-items: flex-start;
    width: 38rem;
    height: auto;
    padding: 0;
    display: flex;
    position: absolute;
    inset: auto auto auto 16%;
  }

  .image-119 {
    aspect-ratio: 1;
    opacity: .5;
    mix-blend-mode: normal;
    max-width: 100%;
    padding: 0;
  }

  .titlelog {
    position: static;
    inset: auto auto 0% 0%;
  }

  .image-120 {
    top: -59%;
    right: -13%;
  }

  .top_overlay {
    aspect-ratio: 1;
    opacity: .5;
    mix-blend-mode: screen;
    max-width: none;
    padding: 0;
    position: absolute;
  }

  .banner-container {
    z-index: -1;
    background-color: var(--f-hover-lightblue);
    opacity: 1;
    mix-blend-mode: normal;
    background-image: url('../images/sky.webp');
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    border: 1.25rem #44a9df;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    height: 45rem;
    padding-left: 0;
    display: flex;
    position: relative;
    inset: 0%;
    overflow: hidden;
  }

  .zoom_in_animate {
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 5%;
    left: 0;
  }

  .kiosk_size {
    width: 43rem;
    padding-top: 0;
  }

  .watercolor_moon {
    padding-bottom: 0;
    inset: -3% 3% auto 0%;
  }

  .kiosk_light {
    justify-content: center;
    align-items: flex-start;
    width: auto;
    display: flex;
    position: relative;
  }

  .image-121 {
    filter: drop-shadow(0 0 10px #ff0);
  }

  .wordings_wrap {
    flex-flow: column;
    flex: none;
    align-self: flex-start;
    width: 15rem;
    height: 100%;
    display: flex;
    position: absolute;
    inset: 0% 0% 0% auto;
  }

  .image-122 {
    flex: 0 auto;
    width: 18rem;
    position: absolute;
    inset: 0% -7% 0% auto;
  }

  .image-123 {
    position: absolute;
    inset: 0% auto auto 0%;
  }

  .mid_section_2025 {
    background-image: none;
    min-height: 40rem;
    max-height: 45rem;
    margin-left: auto;
    margin-right: 0;
    overflow: hidden;
  }

  .mid_section_2025.margin-bottom-regular {
    background-image: none;
    min-height: 38em;
    overflow: hidden;
  }

  .lottie-animation-10 {
    width: 53rem;
    position: relative;
    left: 8%;
  }

  .upperstroke {
    width: 8rem;
  }

  .downloadstroke {
    width: 8rem;
    height: 8rem;
  }

  .slogon-sc {
    z-index: 2;
    aspect-ratio: 1;
    background-image: radial-gradient(circle, #ffffff8c, #fff0 32%);
    justify-content: flex-start;
    align-self: flex-start;
    align-items: flex-start;
    width: 38rem;
    height: auto;
    padding: 0;
    display: flex;
    position: absolute;
    inset: auto auto auto 16%;
  }

  .logo_sc {
    aspect-ratio: 1;
    opacity: .5;
    mix-blend-mode: normal;
    max-width: 100%;
    padding: 0;
  }

  .slogon-en {
    z-index: 2;
    aspect-ratio: 1;
    background-image: radial-gradient(circle, #ffffff8c, #fff0 32%);
    justify-content: flex-start;
    align-self: flex-start;
    align-items: flex-start;
    width: 38rem;
    height: auto;
    padding: 0;
    display: flex;
    position: absolute;
    inset: auto auto auto 16%;
  }

  .logo_en {
    aspect-ratio: 1;
    opacity: .5;
    mix-blend-mode: normal;
    max-width: 100%;
    padding: 0;
  }

  .section--santadance {
    margin-left: auto;
    margin-right: 2px;
    overflow: visible;
  }

  .section--santadance.margin-bottom-regular {
    background-image: url('../images/yellowwall.webp');
    background-position: 50% 0;
    background-size: contain;
    max-height: 35rem;
    margin-bottom: 5rem;
    overflow: hidden;
  }

  .dancesanta_wrapper {
    align-self: flex-start;
    height: 35em;
    inset: 3em 0% 0%;
  }

  .code-embed-3 {
    transform: scale(.8);
  }

  .div-block-65 {
    background-size: cover;
  }

  .wall-deco {
    align-self: center;
  }

  .poster {
    top: 5em;
  }

  .stps {
    inset: 2em auto auto 8.9em;
  }

  .sticker {
    top: 2em;
  }

  .hanging {
    inset: 0% 7em auto auto;
  }

  .macau-sar-26th {
    background-image: linear-gradient(#dfefe8, #dfefe8);
    border: 1px #000;
    height: 44rem;
    margin-left: auto;
    margin-right: 0;
    overflow: hidden;
  }

  .macau-sar-26th.margin-bottom-regular {
    background-image: none;
    min-height: 38em;
    overflow: hidden;
  }

  .relative-wrapper {
    height: 100%;
  }

  .stpaul {
    height: 38rem;
    inset: 0% auto 0% 11%;
  }

  .stpaul._2 {
    height: 32rem;
    padding-top: 65px;
    left: 8%;
  }

  .bottom {
    bottom: -15%;
  }

  .bottom._2 {
    z-index: 5;
  }

  .div-block-67 {
    width: 100%;
  }

  .lotus_img {
    height: 34rem;
    position: absolute;
    inset: auto 0% 40% 23%;
  }

  .lotus_img._2 {
    height: 38rem;
    left: 20%;
  }

  .div-block-68 {
    justify-content: center;
    align-items: center;
    width: 25rem;
    height: 100%;
    display: flex;
  }

  .beam, .beam_2 {
    position: absolute;
  }

  .meteor-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
  }

  .beam_3 {
    background-color: #fade0d;
    position: absolute;
  }

  .beam_4 {
    background-color: #837617;
    position: absolute;
  }

  .image-127 {
    position: absolute;
  }

  ._26_graphic {
    z-index: 10;
    filter: drop-shadow(0 2px 4px #81807ab3);
    width: 38em;
    position: absolute;
    inset: auto 0% 4% 16%;
  }

  .div-block-69 {
    justify-content: space-between;
    align-items: flex-end;
    height: 50%;
    display: flex;
    position: absolute;
    inset: auto 0% 0%;
  }

  .image-129 {
    mix-blend-mode: lighten;
    align-self: flex-end;
    width: 100%;
  }

  .div-block-70 {
    opacity: .76;
    mix-blend-mode: multiply;
    background-image: url('../images/white-waves.png');
    background-position: 50% 0;
    background-size: auto;
    width: 100%;
    height: 100%;
    position: absolute;
  }

  .fireworks_wrapper {
    z-index: 0;
    mix-blend-mode: color-dodge;
    display: flex;
    position: absolute;
    inset: 0% 0% 0% auto;
  }

  .fireworks_2 {
    opacity: .51;
    mix-blend-mode: overlay;
    background-image: none;
    align-self: flex-start;
    width: 15rem;
    height: auto;
    position: absolute;
    inset: -5% 0% auto -8.8rem;
  }

  .fireworks_2._1 {
    z-index: 0;
    opacity: .75;
    mix-blend-mode: normal;
    width: 35rem;
    position: absolute;
    inset: 0% 0% 0% auto;
  }

  .fireworks_2._2 {
    z-index: 1;
    opacity: .38;
    mix-blend-mode: overlay;
    width: 35rem;
    position: absolute;
    inset: 0% 0% auto auto;
  }

  .orange_fireworks {
    opacity: 72;
    mix-blend-mode: color-dodge;
    width: 35rem;
  }

  .orange_fireworks._2 {
    mix-blend-mode: color-dodge;
  }

  .original_graphic_26 {
    z-index: 10;
    filter: drop-shadow(0 2px 4px #81807ab3);
    width: 38em;
    position: relative;
    inset: auto 0%;
  }

  .original_anni_wrapper {
    z-index: 20;
    flex-flow: column;
    flex: none;
    justify-content: space-between;
    align-self: center;
    align-items: flex-end;
    width: auto;
    min-width: 27rem;
    max-width: 32rem;
    height: 100%;
    margin-top: auto;
    margin-bottom: auto;
    padding: 12rem 29px 109px 0;
    position: relative;
  }

  .image-131 {
    margin-top: 2rem;
  }

  .temp_logo_placement {
    flex: none;
    justify-content: flex-end;
    align-self: flex-end;
    align-items: flex-end;
    height: auto;
    margin-bottom: 0;
    margin-right: 0;
    position: relative;
  }

  .horse-section {
    background-image: none;
    margin-left: auto;
    margin-right: 0;
    overflow: hidden;
  }

  .horse-section.margin-bottom-regular {
    background-image: none;
    min-height: 38em;
    overflow: hidden;
  }

  .horse_size {
    z-index: 2;
    flex: none;
    order: 0;
    justify-content: center;
    align-self: flex-end;
    align-items: center;
    width: auto;
    min-width: auto;
    max-width: none;
    height: 88%;
    max-height: 100%;
    padding-left: 0;
    padding-right: 0%;
    display: flex;
    position: absolute;
    inset: 0%;
  }

  .code-embed-4 {
    justify-content: space-between;
    align-items: flex-end;
    width: auto;
    min-width: 30rem;
    max-width: 32rem;
    height: 100%;
    display: none;
    position: absolute;
    inset: 5% 23rem 0% auto;
  }

  .building_feichung_wrap {
    z-index: 1;
    justify-content: center;
    align-self: flex-start;
    align-items: flex-start;
    width: 32rem;
    height: auto;
    display: flex;
    position: absolute;
    inset: 0% 50% 0% auto;
  }

  .image-132 {
    border-style: none;
    width: 100%;
  }

  .cny_element_holder {
    flex: 1;
    justify-content: center;
    align-self: stretch;
    align-items: center;
    min-width: auto;
    max-width: none;
    height: 100%;
    display: block;
    position: absolute;
    inset: 0%;
  }

  .cny_element_holder.container-maxwidth {
    position: absolute;
    inset: 0%;
  }

  .cny_element_holder.container {
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
    position: absolute;
  }

  .cloud1 {
    align-self: flex-start;
    width: 19rem;
    position: absolute;
    inset: 0% 0% auto 8%;
  }

  .cloud2 {
    align-self: flex-start;
    width: 20rem;
    position: absolute;
    inset: 1% 12% 0% auto;
  }

  .lattern_wrapper {
    justify-content: flex-end;
    align-self: flex-start;
    align-items: flex-start;
    width: 19rem;
    display: flex;
    position: absolute;
    inset: 0% 0% 0% auto;
  }

  .cloud3 {
    align-self: flex-start;
    width: 16rem;
    position: absolute;
    inset: 213px 0% auto auto;
  }

  .aniamted_horse {
    mix-blend-mode: normal;
    flex: 0 auto;
    align-self: auto;
    height: 100%;
    padding-top: 0;
    padding-right: 0;
    position: absolute;
    inset: 11% auto 0% -65%;
  }

  .image-135 {
    flex: 1;
    align-self: stretch;
  }

  .roll_size {
    min-width: 23rem;
  }

  .leftsidebranch {
    height: 80%;
  }

  .grid {
    grid-auto-flow: column;
  }

  .section-ctt142 {
    background-image: url('../images/bg_cloud.webp');
    background-position: 50% 75%;
    background-size: 100% 100%;
    min-height: 50dvh;
    max-height: none;
    margin-left: auto;
    margin-right: 0;
    overflow: hidden;
  }

  .section-ctt142.margin-bottom-regular {
    background-image: none;
    min-height: 38em;
    overflow: hidden;
  }

  .anniversary_stamp {
    z-index: 0;
    mix-blend-mode: normal;
    width: 100%;
    position: absolute;
    inset: 0% 0% auto;
  }

  .anni142_stamo {
    min-width: auto;
    max-width: none;
    height: 25rem;
  }

  .stps_holder {
    width: 50%;
    padding-top: 0;
    padding-bottom: 0;
  }

  .anniversary_stp {
    width: auto;
    position: relative;
  }

  .red_1 {
    width: 4em;
  }

  .balloon_142_holder {
    z-index: 0;
    justify-content: center;
    align-items: center;
    padding-bottom: 9.45em;
    padding-left: 3.75em;
    display: flex;
    position: absolute;
    inset: 0%;
  }

  .image-139 {
    width: 3em;
    position: relative;
    left: 11px;
  }

  .image-140 {
    width: 3em;
    position: relative;
  }

  .image-141 {
    width: 3em;
    position: relative;
    right: 7px;
  }

  .easter-section--hero3 {
    min-height: 36rem;
    max-height: 38rem;
    margin-left: auto;
    margin-right: 0;
    overflow: hidden;
  }

  .easter-section--hero3.margin-bottom-regular {
    background-image: none;
    min-height: 38em;
    overflow: hidden;
  }

  .easter-container-max-width {
    z-index: 0;
    background-image: radial-gradient(circle, #fff0 77%, #720808), linear-gradient(#8b1c1c99, #8b1c1c99), url('../images/red_background_goldenDust.webp');
    background-position: 0 0, 0 0, 50% 0;
    background-size: auto, auto, contain;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
    inset: 0%;
  }

  .grass {
    z-index: 1;
    width: 100%;
    height: 60%;
    position: absolute;
    inset: auto 0% 0%;
  }

  .image-142 {
    position: absolute;
    inset: auto 0% -35%;
  }

  .div-block-73 {
    width: 50%;
    height: 100%;
    position: relative;
  }

  .section--hero-easter2026 {
    background-color: #fe794f;
    background-image: linear-gradient(119deg, #fb7951, #f9794d);
    margin-left: auto;
    margin-right: 2px;
    overflow: hidden;
  }

  .section--hero-easter2026.margin-bottom-regular {
    max-height: 46rem;
    margin-bottom: 5rem;
  }

  .video_size {
    align-self: stretch;
    height: 100%;
    max-height: none;
  }

  .container-maxwidth-easter {
    background-image: none;
    height: 40rem;
  }

  .bodybg--sky-copy {
    background-image: url('../images/bodyBGsky-1728x780.jpg');
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    justify-content: space-between;
  }

  .bodybg--sky-copy.hide {
    background-image: none;
  }

  .hero-flex-easter-window {
    height: 100%;
  }

  .telecom2026_section {
    background-image: none;
    margin-left: auto;
    margin-right: 0;
    overflow: hidden;
  }

  .telecom2026_section.margin-bottom-regular {
    background-image: none;
    min-height: 38em;
    overflow: hidden;
  }

  .hero_beaminglights {
    z-index: 2;
    justify-content: space-between;
    align-self: stretch;
    align-items: flex-end;
    width: 60%;
    height: 100%;
    padding-left: 2rem;
    position: relative;
  }

  .globe_lights_wrapper {
    width: 60%;
  }

  .seminar {
    filter: drop-shadow(-4px -2px 5px #fffffff2) drop-shadow(2px 2px 7px #e4ebffe6);
  }

  .div-block-74 {
    width: 100%;
  }

  .radiate_arrow_wrapper {
    height: 50%;
    inset: 0% 0% auto;
  }

  .section--db2026 {
    flex: 1;
    min-height: 40rem;
    max-height: 42rem;
    margin-left: auto;
    margin-right: 0;
    display: block;
    overflow: hidden;
  }

  .section--db2026.margin-bottom-regular {
    background-image: url('../images/Wall_Background.webp');
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    justify-content: flex-start;
    align-items: center;
    min-height: auto;
    max-height: none;
    display: flex;
    overflow: hidden;
  }

  .section--db2026.no_bg {
    background-image: none;
  }

  .calendar {
    height: 32rem;
  }

  .div-block-77 {
    width: 50%;
    height: 100%;
  }

  .calendar_graphics_wrapper {
    justify-content: flex-end;
    align-items: center;
    width: 50%;
    height: 40rem;
    display: flex;
    position: relative;
  }

  .calendar_holder {
    flex-flow: column;
    height: auto;
    padding-right: 1rem;
    display: flex;
  }

  .image-147 {
    width: 25rem;
    height: auto;
  }

  .top_holder {
    width: 100%;
    height: auto;
    display: flex;
    overflow: visible;
  }

  .image-148 {
    width: 100%;
    max-width: none;
  }

  .mid_holder {
    width: 100%;
    height: auto;
    display: flex;
    position: relative;
    overflow: visible;
  }

  .bottom_holder {
    width: 100%;
    height: auto;
    display: flex;
    overflow: visible;
  }

  .calendar_sizing {
    z-index: 5;
    width: 20rem;
    position: relative;
  }

  .background-video-3 {
    z-index: 500;
    width: 100%;
    height: 100%;
    position: absolute;
  }

  .item-1 {
    mix-blend-mode: darken;
    width: 4.3rem;
    position: absolute;
    inset: 21% auto auto 9%;
  }

  .item-2 {
    mix-blend-mode: darken;
    width: 5rem;
    position: absolute;
    inset: 10% auto auto 21%;
  }

  .item-3 {
    mix-blend-mode: darken;
    width: 5rem;
    position: absolute;
    inset: 23% auto 0% 50%;
  }

  .item-4 {
    mix-blend-mode: normal;
    width: 6.5rem;
    position: absolute;
    inset: 10% 3% 0% auto;
  }

  .image-149 {
    mix-blend-mode: normal;
  }

  .section-2 {
    justify-content: flex-start;
    align-items: center;
    min-height: 35rem;
    max-height: 40rem;
    display: flex;
  }

  .floating_wrapper {
    z-index: 0;
    opacity: .2;
    mix-blend-mode: multiply;
    background-image: none;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    width: 100vw;
    display: flex;
    inset: 0%;
  }

  .background-video-4 {
    width: auto;
    height: 100%;
    top: 12.1rem;
  }

  .div-block-79 {
    z-index: 2;
    width: 50%;
    height: 100%;
    position: relative;
  }

  .drawing-left {
    opacity: .39;
    mix-blend-mode: saturation;
    object-fit: cover;
    align-self: center;
    max-width: 50%;
    height: auto;
    position: relative;
    inset: 0% 9% 0% auto;
  }

  .drawingright {
    opacity: .38;
    mix-blend-mode: normal;
    object-fit: cover;
    align-self: center;
    max-width: 50%;
    height: auto;
    position: absolute;
    inset: 0% 14% 0% auto;
  }

  .sun {
    z-index: 0;
    aspect-ratio: 1;
    opacity: .75;
    filter: blur(14px);
    mix-blend-mode: multiply;
    background-image: radial-gradient(circle, #fafd2f 20%, #fed67f 93%, #fff 99%);
    border-radius: 100%;
    width: 51rem;
    height: auto;
    position: absolute;
    inset: 0% auto 0% 0%;
    overflow: clip;
  }

  .spotlight {
    aspect-ratio: 1;
    border-radius: 100%;
    width: 30rem;
    position: absolute;
    inset: 0% auto auto 0%;
  }

  .spotlight.is--yellow {
    filter: blur(12px);
    background-color: #fff980;
  }

  .spotlight.is--orange {
    filter: blur(12px);
    background-color: #fabf84;
    inset: 0% auto auto 0%;
  }

  .spotlight.is--yellow {
    filter: blur(12px);
    background-color: #fff7a2;
    inset: auto 25% 0% auto;
  }

  .floating_wrapper-copy {
    z-index: 0;
    opacity: .77;
    mix-blend-mode: multiply;
    background-image: none;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    width: 100vw;
    display: flex;
  }

  .background-video-5 {
    top: 14rem;
  }

  .background-video-5.another {
    aspect-ratio: auto;
    width: 100%;
    inset: auto 0% -25%;
  }

  .calendar_holder-copy {
    flex-flow: column;
    height: auto;
    padding-right: 1rem;
    display: flex;
  }

  .left_picture {
    mix-blend-mode: multiply;
    width: 50%;
  }

  .right_picture {
    mix-blend-mode: multiply;
    object-fit: scale-down;
    background-image: none;
    align-self: center;
    width: 50%;
    min-width: auto;
    max-width: none;
    height: auto;
    position: relative;
    inset: 0% 14% auto auto;
    overflow: visible;
  }

  .round_sun {
    filter: none;
    background-image: radial-gradient(circle, #f9ff83 33%, #fff0 89%);
    width: 35rem;
    inset: 0% 97% 0% 0%;
  }

  .section--midaut2026 {
    justify-content: center;
    align-self: center;
    align-items: flex-start;
    max-width: none;
    min-height: 60vh;
    max-height: none;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .section--midaut2026.margin-bottom-regular {
    max-height: 46rem;
    margin-bottom: 5rem;
  }

  .container-maxwidth-midaut {
    background-image: none;
    height: 40rem;
  }

  .hero-flex-midaut {
    height: 100%;
  }

  .background-video-6 {
    z-index: 1;
    flex: none;
    justify-content: center;
    align-items: center;
    max-width: 1940px;
    height: auto;
    min-height: auto;
    max-height: none;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: absolute;
    inset: 0%;
    overflow: visible;
  }

  .text-wrapper.tc {
    display: flex;
  }

  .text-wrapper.pt, .text-wrapper.en {
    width: 44%;
  }

  .text-wrapper.en {
    width: 40%;
  }

  .text-wrapper.pt, .text-wrapper.en {
    display: flex;
  }

  .height-control {
    filter: drop-shadow(0 2px 5px #000000b3) brightness(150%);
    height: 7.6rem;
  }

  .celebrate77-wrapper {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    flex-flow: column;
    width: 1440px;
    max-width: max(1440px, 95vw);
    height: auto;
    min-height: 38rem;
    max-height: none;
    padding-top: 0;
    padding-bottom: 0;
  }

  .national77-hero-section {
    color: var(--f-ctt-blue);
    background-image: linear-gradient(202deg, #f07f81, #fff 77%);
    justify-content: center;
    align-self: center;
    align-items: flex-end;
    margin-bottom: 3rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    overflow: visible;
  }

  .national77-hero-section.margin-bottom-regular {
    background-image: none;
    min-height: 38em;
    overflow: hidden;
  }

  ._77-wrapper {
    flex-flow: column;
    flex: 1;
    justify-content: space-between;
    align-items: center;
    max-width: none;
  }

  .building_77celebration {
    z-index: 2;
    width: auto;
    max-width: 36rem;
    position: relative;
  }

  .wordings {
    align-self: center;
    width: 90%;
    padding-top: 2rem;
  }

  .image-154 {
    filter: drop-shadow(0 5px 3px #4b050533);
  }

  .gif-wrapper {
    opacity: .61;
    height: 12rem;
    padding-left: 14rem;
    inset: auto 0% 25%;
  }
}

@media screen and (max-width: 991px) {
  body {
    font-size: .619375em;
  }

  h1 {
    font-size: 22px;
  }

  h2 {
    font-size: 20px;
  }

  h4 {
    font-size: 18px;
  }

  h5 {
    font-size: 17px;
    font-weight: 700;
  }

  p, li {
    font-size: 1.05rem;
  }

  .container {
    padding: 0 0;
  }

  .container.paddings-small {
    padding-bottom: 6em;
  }

  .section.is--navbg {
    display: block;
  }

  .section.is--department {
    padding-left: 1.2em;
    padding-right: 1.2em;
  }

  .section.is--department.margin-bottom-regular {
    margin-bottom: 4em;
  }

  .section.is--path {
    padding-left: 1.6em;
    padding-right: 1.6em;
  }

  .section.is--pagebanner.margin-bottom-regular {
    min-height: 20em;
    margin-bottom: 2em;
  }

  .display {
    font-size: 7vw;
  }

  .text-size-small {
    white-space: normal;
    font-size: .9rem;
  }

  .text-size-small.is--white {
    white-space: nowrap;
    font-size: 1rem;
  }

  .nav_text {
    font-size: 20px;
  }

  .nav_text.is--mobile {
    color: #fff;
  }

  .logo-home {
    width: 32vw;
    padding-right: .8em;
  }

  .box {
    width: 8.125em;
    padding: 0;
  }

  .menu-wrapper {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .nav-linkblock {
    object-fit: fill;
    background-color: #108781;
    border-bottom: 2px solid #108781;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 12.5%;
    margin-right: 0;
    padding-left: 1.5em;
    display: flex;
    position: static;
  }

  .nav-linkblock:active {
    color: #177258;
  }

  .nav-linkblock.is--mobile {
    color: #fff;
  }

  .navigation {
    flex-direction: column;
    flex: 1;
    justify-content: flex-start;
    width: 100%;
    margin-right: 0;
    position: absolute;
    inset: 0% 0% auto;
  }

  .nav-rightsideelements {
    background-color: #fff;
    flex-direction: column;
    height: 60vh;
    padding-left: 0;
    position: absolute;
    inset: 8.135em 0% auto;
  }

  .nav-rightsideelements.is--mobile {
    background-color: #303234;
    height: 75vh;
    display: none;
    top: 8.134em;
    box-shadow: 6px 6px 7px 1px #33846d;
  }

  .icon-linkblock {
    flex: none;
    justify-content: center;
    width: 20%;
    height: 100%;
    margin-right: auto;
    padding: .75em;
    overflow: visible;
  }

  .icon-linkblock.is--language {
    width: 80%;
  }

  .nav-container {
    justify-content: space-between;
  }

  .is--white {
    font-size: 18px;
  }

  .qr-code {
    object-position: 50% 50%;
    align-self: flex-start;
    width: 5em;
    height: 5em;
    padding: 0;
  }

  .footer-link-wrapper {
    text-align: left;
    flex-flow: column wrap;
    place-content: space-between flex-start;
    align-items: flex-start;
    width: 100%;
    height: 42%;
    padding: 11px;
  }

  .qr-code-item {
    object-position: 50% 50%;
    flex-direction: row;
    flex: none;
    order: 1;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-self: stretch;
    align-items: flex-start;
    width: 100%;
    height: 50%;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    display: flex;
  }

  .pt-text-size-regular {
    font-size: 1.05rem;
  }

  .qr-holder {
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
    height: auto;
    display: flex;
  }

  .lottie-animation {
    transform: scale(.7);
  }

  .nav-iconswrapper {
    justify-content: center;
    align-self: auto;
    align-items: center;
    width: 60%;
    min-width: 15em;
    height: 12.5%;
    margin-right: 0;
  }

  .language-list {
    min-height: 6em;
    box-shadow: none;
    background-color: #0000;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
    position: absolute;
    inset: 0% 0% 0% auto;
  }

  .language-list.is--open {
    flex-direction: row;
    flex: none;
    justify-content: center;
    align-self: center;
    align-items: center;
    min-height: auto;
    margin-left: 26px;
    display: flex;
    position: relative;
  }

  .language-tc {
    color: #fff;
  }

  .mainnavitem--loan {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    height: 37.5%;
    margin-right: 0;
    position: relative;
  }

  .dropdown-toggle-2.mainnavitem {
    color: #fff;
    text-align: center;
    background-color: #108781;
    border-bottom: 1px solid #505357;
    justify-content: center;
    height: 33%;
    padding-top: 0;
    padding-left: 1.5em;
    display: flex;
  }

  .dropdown-toggle-2.mainnavitem:hover {
    background-color: #108781;
    border-bottom-style: none;
  }

  .loan-dropdown-wrapper {
    width: 100%;
    height: 70%;
    box-shadow: none;
    margin-top: 0;
    display: block;
    position: static;
    overflow: visible;
  }

  .loan-dropdown-wrapper.is--open {
    border-top: 2px #bc9d6e;
    border-bottom: 2px #bc9d6e;
    display: block;
  }

  .loan-linkblock {
    text-align: center;
    border-bottom-style: solid;
    border-bottom-color: #cae1d9;
    justify-content: center;
    align-items: center;
    height: 50%;
    padding: 1.1em 2em;
    font-size: 16px;
    display: flex;
  }

  .loan-linkblock:active {
    background-color: #d7e7d7;
    border-top: 2px solid #11513e;
    border-bottom-width: 2px;
    border-bottom-color: #11513e;
  }

  .dropdown-item-text {
    font-size: 18px;
  }

  .languageblock.is--mobile {
    color: #fff;
    background-color: #0000;
    margin-bottom: 0;
  }

  .language-sc, .language-en {
    color: #fff;
  }

  .image-21 {
    order: -1;
    overflow: visible;
  }

  .image-22 {
    width: 100%;
    max-width: 500px;
  }

  .footer-grid {
    grid-row-gap: 36px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    padding-left: 4.6875em;
    padding-right: 75px;
  }

  .footer-leftinfo-wrapper {
    border: 1px #000;
    justify-content: space-between;
    align-items: flex-end;
    height: 100%;
    padding-left: 17px;
  }

  .image-23 {
    width: 100%;
  }

  .footer-contact-wrapper {
    border: 1px #000;
    justify-content: flex-start;
    height: 100%;
    padding-bottom: 1.6em;
    padding-left: 3.9em;
  }

  .radio-btn {
    border: 1px solid #33846d;
    align-items: center;
    margin-bottom: 0;
    padding: 21px 39px;
    display: flex;
  }

  .heading-23 {
    font-size: 18px;
  }

  .news-text {
    width: 70%;
  }

  .contact-form-title {
    font-size: 1.05rem;
  }

  .style-guide-wrapper, .styles-wrapper {
    flex-direction: column;
  }

  .fs-styleguide_2-col {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
  }

  .container-large {
    height: 30rem;
    min-height: 100%;
    max-height: none;
  }

  .fs-styleguide_section {
    grid-column-gap: 2.5rem;
    grid-template-columns: 1fr;
  }

  .fs-styleguide_heading-medium {
    font-size: 3rem;
  }

  .text-size-regular {
    font-size: 1.05rem;
  }

  .pt-text-size-small {
    text-align: left;
    font-size: .95rem;
    line-height: 1.42;
  }

  .pt-text-size-small.is--white {
    text-align: left;
  }

  .pt-text-size-tiny {
    font-size: .88rem;
  }

  .lottie-wrapper {
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 0;
  }

  .qr-code-wrapper {
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    width: 100%;
    height: 58%;
    display: flex;
  }

  .nav_container {
    flex: none;
    margin-left: 0;
    padding-top: 25px;
    padding-left: .8rem;
    padding-right: .8rem;
  }

  .logo_linkblock, .logo_linkblock.w--current {
    margin-right: auto;
  }

  .nav-sizing {
    border-bottom: 1px solid var(--f-white);
    background-color: var(--f-ctt-blue);
    width: 100%;
    color: var(--f-light);
    margin-right: 0;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    font-family: source-han-sans-traditional, sans-serif;
  }

  .nav-sizing.w--open {
    background-color: var(--f-ctt-blue);
    justify-content: flex-start;
    width: 100%;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-left: 1rem;
  }

  .nav-sizing.adjusted-padding {
    border-bottom-style: solid;
    border-bottom-color: var(--f-white);
    height: auto;
  }

  .nav-menu-wrapper {
    z-index: 101;
    border-style: solid;
    border-width: 1px;
    border-color: var(--f-ctt-blue) black black;
    background-color: var(--f-white);
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: auto;
    padding-right: 0;
    position: absolute;
    inset: 120px 0% 0% auto;
  }

  .nav-item-dropdown {
    z-index: 102;
    background-color: var(--f-white);
    flex-direction: column;
    justify-content: center;
    height: auto;
  }

  .dropdown-list.w--open {
    z-index: 102;
    width: 100%;
    position: relative;
    inset: 0% 0% auto;
  }

  .dropdown-list.is--mobile.w--open {
    background-color: #0000;
    width: 100%;
    padding: 0;
  }

  .dropdown-link {
    border-bottom-style: solid;
    border-bottom-color: var(--f-ctt-greytext);
    padding-left: 1rem;
    font-size: 1.05rem;
    font-weight: 400;
  }

  .dropdown-link.margin-botton-small {
    border-bottom-style: none;
    padding-left: 1rem;
  }

  .container-maxwidth {
    z-index: 2;
    aspect-ratio: auto;
    height: 100%;
    max-height: none;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .section--hero {
    background-image: linear-gradient(2deg, #f9b0a3, #fff 43%, #71d0f6 87%);
  }

  .section--hero.margin-bottom-regular {
    background-position: 50% 0;
    margin-bottom: 0;
  }

  .hero-flex-wrapper {
    z-index: auto;
    aspect-ratio: auto;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: auto;
    height: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    overflow: visible;
  }

  .color-blur-holder {
    display: none;
  }

  .nav_button--special {
    border-bottom: 1px solid var(--f-white);
    width: 100%;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .nav-btn-issueplan {
    z-index: 102;
    width: 100%;
    height: auto;
    margin-left: 0;
    margin-right: 0;
    position: relative;
  }

  .nav-icon-dropdown {
    align-items: center;
    width: 100%;
    height: 3.2rem;
    margin-left: 0;
    margin-right: 0;
    padding-left: 3rem;
    padding-right: 3rem;
    position: static;
  }

  .dropdown-list-language.w--open {
    width: 100%;
    box-shadow: none;
    background-color: #0000;
    flex-direction: row;
    display: flex;
    position: static;
  }

  .nav-btn-icon {
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .nav-btn-icon-styling {
    padding-top: .5rem;
    padding-bottom: .5rem;
    display: block;
    position: static;
  }

  .nav-btn-icon-styling.w--open {
    display: flex;
  }

  .dropdown-search.w--open {
    width: 60%;
    box-shadow: none;
    background-color: #0000;
    flex: 0 auto;
    justify-content: flex-end;
    margin-left: 0;
    margin-right: 0;
    padding-top: .5em;
    padding-bottom: .5em;
    display: flex;
    position: static;
    overflow: hidden;
  }

  .submit-button {
    font-size: 1.125rem;
  }

  .form-block {
    justify-content: flex-end;
    width: 30rem;
    margin-left: auto;
    display: flex;
  }

  .nav-icons-wrapper {
    background-color: var(--f-white);
    flex-direction: column;
    justify-content: flex-start;
    align-self: flex-start;
    align-items: center;
    width: 100%;
    height: auto;
    margin-left: 0;
    padding: .5rem 0;
  }

  .hero-graphics {
    object-fit: scale-down;
    flex: none;
    justify-content: space-between;
    align-self: stretch;
    align-items: center;
    width: 100%;
    padding-top: 0;
    padding-left: 2rem;
    position: static;
  }

  .hero-shortcut {
    flex: none;
    justify-content: flex-start;
    align-items: flex-start;
    width: 50%;
    padding: 0 0 0 3.3em;
    position: absolute;
    inset: 0% 0% 0% auto;
  }

  .heading-text-tiny {
    text-align: left;
  }

  .heading-text-tiny.is--blue {
    color: var(--f-ctt-blue);
  }

  .heading-text-tiny.change_color {
    text-align: left;
  }

  .shortcut-item-text {
    font-size: 1rem;
  }

  .hero-grid-style {
    grid-template-columns: minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr);
    grid-auto-columns: minmax(2.5em, 1fr);
    align-self: flex-start;
    width: 100%;
    max-height: none;
  }

  .greetings_warpper {
    z-index: -10;
    flex: none;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    margin-left: 0;
    padding-bottom: 0;
    padding-left: 1rem;
    padding-right: 1rem;
    inset: 0% auto 0% 0%;
  }

  .grid--departments {
    grid-column-gap: 1.5em;
    grid-row-gap: 1.5em;
  }

  .display-text.is--white {
    font-size: 3rem;
  }

  .heading-1-style {
    font-size: 1.1rem;
    font-weight: 500;
  }

  .text-and-image-wrapper {
    padding-left: 1em;
  }

  .news_layout {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template: "primary" minmax(3em, 1fr)
                   "." minmax(3rem, 1fr)
                   "." minmax(3rem, 1fr)
                   "." minmax(3rem, 1fr)
                   / 1fr;
    grid-auto-rows: minmax(3em, 1fr);
    grid-auto-flow: row;
    min-height: auto;
    padding-left: 1.2em;
    padding-right: 1.2em;
  }

  .heading-text-regular {
    font-size: 1.125rem;
  }

  .lottie-wrapper-resize {
    margin-right: 0;
  }

  .sectionbreak-text {
    padding-top: 0;
    padding-left: 1em;
    padding-right: 1em;
  }

  .publication-title {
    font-size: 1.6rem;
  }

  .shortcut-name {
    flex: 0 auto;
  }

  .shortcut-list-wrapper {
    align-self: flex-start;
    width: auto;
    min-width: 20rem;
    max-width: none;
    margin-top: auto;
    margin-bottom: auto;
    padding-top: 0;
  }

  .menu-button {
    justify-content: center;
    align-self: center;
    align-items: center;
    width: 3rem;
    height: 3rem;
    margin-left: auto;
    padding: 0;
    display: flex;
  }

  .menu-button.w--open {
    background-color: #0000;
    flex: 0 auto;
    justify-content: center;
    align-self: center;
    align-items: stretch;
    height: 3em;
    padding: 0;
    display: flex;
  }

  .lottie-menu {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
  }

  .path-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .path-text {
    font-size: 16px;
  }

  .page-title-wrapper {
    left: 2.6em;
  }

  .radio-btn-field {
    margin-right: .7em;
  }

  .nav-item {
    z-index: 102;
    background-color: var(--f-white);
    flex-direction: column;
    align-items: center;
    height: auto;
    position: relative;
  }

  .inline-linkblock-withicon-is-grey {
    font-size: 1.05rem;
  }

  .news-img {
    flex: 1;
  }

  .news-img.primary {
    flex: none;
    align-self: stretch;
    width: 30%;
    height: 100%;
    min-height: auto;
    padding-top: 0%;
    display: flex;
  }

  .landing-news-item-wrapper {
    flex-direction: row;
    flex: none;
    align-self: stretch;
  }

  .home-news-item-wrapper {
    flex: 1;
  }

  .home-news-link {
    min-height: 7.5em;
    max-height: none;
  }

  .home-news-link.primary {
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
  }

  .home-news-link.others {
    flex-direction: row;
    height: auto;
    min-height: 100%;
  }

  .image-47 {
    inset: 0%;
  }

  .promo-slider-wrapper.add-top-btn-paddinng {
    padding-left: 1.2em;
    padding-right: 1.2em;
  }

  .slider-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .control-previous {
    left: 0%;
  }

  .control-next {
    right: 0%;
  }

  .chi_svg_wrapper {
    height: 93px;
    padding: 1.3rem;
  }

  .snow {
    height: auto;
  }

  .front_snow {
    width: 100vw;
    height: 100%;
    position: absolute;
    inset: 0%;
  }

  .text-log-wrapper {
    z-index: 10;
    opacity: 1;
    mix-blend-mode: normal;
    justify-content: center;
    align-items: flex-end;
    width: 60%;
    padding-bottom: 5.7625em;
    padding-right: .7rem;
    inset: 0% auto 0% 0%;
  }

  .telecom_main_wrap {
    justify-content: center;
    align-items: center;
    padding: 0;
  }

  .rightcloud {
    width: 16rem;
  }

  .firecrakcers {
    top: -28%;
  }

  .explode3 {
    left: 112px;
  }

  .year_text {
    left: 5%;
  }

  .deco {
    width: 9rem;
    bottom: -5%;
    left: 5%;
  }

  .orange_bg {
    aspect-ratio: 1;
    justify-content: center;
    align-items: center;
    padding: 1.6875rem;
    display: flex;
  }

  .image-65 {
    z-index: -2;
    flex: none;
    width: 120%;
    max-width: none;
    height: 120%;
    position: absolute;
  }

  .title_log {
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    height: auto;
    padding: 0 1.1rem 5.2em;
  }

  .easter_hero_img {
    width: 20rem;
    height: 20rem;
  }

  .right_shell {
    height: 100%;
    margin-top: 3.575rem;
    margin-left: 15.2rem;
    top: 13.4062px;
    left: -64.875px;
  }

  .left_shell {
    height: 100%;
    margin-left: -16.3rem;
    left: 138.391px;
  }

  .left_egg2 {
    width: 6rem;
  }

  .left_egg3 {
    display: none;
  }

  .bottom_left1 {
    width: 6rem;
  }

  .infinity {
    z-index: -10;
    opacity: .71;
    mix-blend-mode: normal;
    width: 100%;
    margin-left: 0;
    inset: 0%;
  }

  .gradient {
    opacity: 1;
    mix-blend-mode: color;
    background-image: radial-gradient(circle, #6dade0 18%, #fff0 63%);
  }

  .sun_and_text {
    top: 0%;
    left: 13%;
  }

  .greeting_text_svg {
    padding-top: 4rem;
  }

  .dumplings {
    width: 56%;
    left: -5%;
  }

  .dumplings_2_wrap {
    left: 27%;
  }

  .dumplings_1_wrap {
    left: -8%;
  }

  .animate_holder {
    padding-left: 8.2em;
  }

  .leaves-holder {
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: contain;
    width: 10rem;
    height: 10rem;
    inset: 0% 0% auto auto;
  }

  .moon {
    opacity: .86;
    background-image: none;
    width: 26rem;
    height: 26rem;
    top: 0%;
    left: 5%;
  }

  .flowers {
    z-index: 0;
    background-size: 50%;
    width: 100%;
    inset: 0%;
  }

  .rabbit {
    width: 11rem;
    inset: auto auto 0% 0%;
  }

  .image-69 {
    width: 60%;
    height: 95%;
    inset: 0% auto 0% 0%;
  }

  .moon_wrap {
    padding-top: 1rem;
    padding-bottom: 1.5rem;
  }

  .rabbit2 {
    display: none;
  }

  .pt_line {
    height: 95%;
    padding-bottom: 50px;
    inset: 0% auto 13px 0%;
  }

  .surface_img {
    padding: 2.06rem;
  }

  .section--upu--ad {
    background-image: linear-gradient(#c4d9e5, #c4d9e5);
  }

  .section--upu--ad.margin-bottom-regular {
    background-position: 50% 0;
    margin-bottom: 0;
  }

  .upu-hero-graphics {
    flex: none;
    width: 100%;
  }

  .national-section--hero {
    background-image: url('../images/theViewfromBloco.webp');
    background-position: 50% 100%;
    background-size: cover;
    min-height: 20dvh;
    margin-bottom: 2rem;
  }

  .national-section--hero.margin-bottom-regular {
    background-position: 50% 0;
    margin-bottom: 0;
  }

  .sunray {
    z-index: 0;
    filter: blur();
    width: 100%;
    position: absolute;
    inset: -43% 0% auto;
    transform: scale(1.3);
  }

  .sun_rau {
    height: 100%;
    position: relative;
    inset: 0%;
  }

  .building_wrapper {
    background-size: 60%;
  }

  .title_wrapper {
    width: 60%;
    padding-left: 0;
  }

  .hero-grid-style__upu {
    grid-template-columns: minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr);
    grid-auto-columns: minmax(2.5em, 1fr);
    width: 100%;
  }

  .hero-graphics-2 {
    flex: none;
    width: 100%;
  }

  .container-maxwidth-2 {
    background-image: none;
    height: auto;
    max-height: none;
    padding-left: 0;
    padding-right: 0;
  }

  .hero-shortcut-2 {
    flex: none;
    align-items: flex-start;
    width: 42%;
    padding: 0 0 0 1.5em;
    inset: 0% 0% 0% auto;
  }

  .section--hero-2 {
    background-image: url('../images/refined1.jpg'), linear-gradient(#966b30, #976c31);
    background-position: 0 0, 0 0;
    background-repeat: no-repeat, repeat;
    background-size: contain, auto;
  }

  .section--hero-2.margin-bottom-regular {
    background-image: url('../images/refined1.jpg'), radial-gradient(circle, #976c31, #976c31);
    background-position: 0%, 0 0;
    background-repeat: no-repeat, repeat;
    background-size: 34rem, auto;
    max-height: 18rem;
    margin-bottom: 0;
  }

  .hero-grid-style-2 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) auto;
    grid-template-columns: minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr);
    grid-auto-columns: minmax(2.5em, 1fr);
    width: 100%;
    display: grid;
  }

  .hero-flex-wrapper-2 {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    max-height: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .tagline-svg {
    z-index: 2;
    width: 35em;
  }

  .building-wrapper {
    z-index: 1;
    flex: none;
    width: 49em;
  }

  .shortcut-list-wrapper-2 {
    width: auto;
    min-width: 26em;
    max-width: none;
    padding-right: 2rem;
  }

  .smallbox {
    display: none;
  }

  .div-block-45 {
    background-size: contain;
    min-height: auto;
  }

  .section--hero--sky {
    background-image: url('../images/refined1.jpg'), linear-gradient(#966b30, #976c31);
    background-position: 0 0, 0 0;
    background-repeat: no-repeat, repeat;
    background-size: contain, auto;
  }

  .section--hero--sky.margin-bottom-regular {
    background-image: none;
    max-height: 32rem;
    margin-bottom: 4em;
  }

  .container-maxwidth-3 {
    height: 27rem;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    inset: 0% 0% auto;
  }

  .hero-shortcut-3 {
    flex: none;
    align-items: flex-start;
    width: 42%;
    padding: 0 0 17px 1.5em;
    inset: 0% 0% 0% auto;
  }

  .hero-grid-style-3 {
    grid-template-columns: minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr);
    grid-auto-columns: minmax(2.5em, 1fr);
    width: 100%;
    display: none;
  }

  .hero-flex-wrapper-3 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .container-maxwidth-4 {
    padding-left: 0;
    padding-right: 0;
  }

  .hero-shortcut-4 {
    flex: none;
    align-items: flex-start;
    width: 42%;
    padding: 0 0 17px 1.5em;
    inset: 0% 0% 0% auto;
  }

  .hero-grid-style-4 {
    grid-template-columns: minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr);
    grid-auto-columns: minmax(2.5em, 1fr);
    width: 100%;
  }

  .hero-flex-wrapper-4 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  ._25thlogo_wrapper {
    z-index: 1;
    flex: none;
    width: 49em;
  }

  .top {
    width: 15rem;
  }

  .buttom {
    width: 18rem;
    inset: 91% 0% auto;
  }

  .side {
    width: 3rem;
    height: auto;
    right: -3%;
  }

  .temporary_25th {
    z-index: 2;
    width: 35em;
    display: none;
  }

  ._25th-logo {
    display: none;
  }

  .lotus_wrapper {
    inset: auto 0% 0%;
  }

  .title_log_wrapper {
    width: 22rem;
    inset: auto auto 2rem 7rem;
  }

  .element_2_wrapper {
    width: 40vw;
    bottom: -6%;
  }

  .the-view-background {
    background-image: none;
    height: auto;
    display: block;
  }

  .section--hero-xmas.margin-bottom-regular {
    align-self: center;
    min-height: 25rem;
    max-height: 28rem;
  }

  .hero-flex-xmas-window {
    aspect-ratio: auto;
    width: 100%;
    height: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .window_holder {
    min-height: 28rem;
  }

  .hero-section-gold-banner {
    background-size: cover, auto;
    align-self: center;
    height: auto;
    min-height: 18rem;
    max-height: 22rem;
    display: flex;
  }

  .hero-section-gold-banner.margin-bottom-regular {
    background-position: 50% 0;
    margin-bottom: 0;
  }

  .left {
    width: 22%;
    min-width: auto;
  }

  .right {
    width: auto;
    inset: 0% -14% 0% auto;
  }

  .bloco {
    width: 85%;
  }

  .div-block-50 {
    padding-left: 1.2em;
    padding-right: 1.2em;
  }

  .issue_release {
    aspect-ratio: auto;
    width: 100%;
    overflow: visible;
  }

  .bloco_wrapper {
    object-fit: fill;
    flex: 1;
    justify-content: space-between;
    align-self: flex-end;
    align-items: center;
    width: 70%;
    margin-top: 35px;
    padding: 0 7.13rem;
    position: relative;
    inset: 0%;
    transform: rotate(-4deg);
  }

  .bloco_size {
    padding-top: 0;
  }

  .section--cny.margin-bottom-regular {
    background-image: url('../images/top_fan_final_1.webp'), url('../images/pattern.svg'), radial-gradient(circle at 25%, #fa7b26 7%, #be1e2d 35%, #ac0010 82%, #fa7b26);
    background-position: 50% 0, 0%, 0 0;
    background-repeat: no-repeat, repeat-x, repeat;
    background-size: cover, cover, auto;
    align-self: center;
    min-height: 25rem;
    max-height: 28rem;
  }

  .hero-flex-cny {
    aspect-ratio: auto;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .main_circle {
    margin-left: 1.2rem;
    left: 0%;
  }

  .wishes.animate_delay {
    height: 85%;
    left: -4.5em;
  }

  .orange_fan.rotating-image {
    top: -112%;
    right: 13%;
  }

  .lower_open_fan {
    width: 50%;
  }

  .fan_wrappr {
    width: 100dvw;
    height: 10rem;
    position: absolute;
    right: 0%;
  }

  .red_fan.rotating-image {
    width: 25dvh;
  }

  .fireworks {
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: contain;
    width: 10rem;
    height: 10rem;
    inset: 0% 0% auto auto;
  }

  .section-ctt144 {
    min-height: 20dvh;
    margin-bottom: 2rem;
  }

  .section-ctt144.margin-bottom-regular {
    background-position: 50% 0;
    margin-bottom: 0;
  }

  .div-block-54 {
    width: 100%;
    padding-top: 0;
  }

  .env_img {
    object-fit: scale-down;
    align-self: flex-end;
    overflow: visible;
  }

  .fireworks_holder {
    opacity: 47;
  }

  .section-ctt144_2 {
    min-height: auto;
    max-height: 35rem;
    margin-bottom: 2rem;
  }

  .section-ctt144_2.margin-bottom-regular {
    background-position: 50% 0;
    margin-bottom: 0;
  }

  .ctt141_logo {
    min-width: 30em;
    max-width: 100%;
  }

  .colorbar {
    height: 2em;
    inset: auto 0% 0%;
  }

  .easter-section--hero {
    flex-flow: column;
    min-height: 26rem;
    max-height: none;
    margin-bottom: 2rem;
    display: flex;
  }

  .easter-section--hero.margin-bottom-regular {
    background-position: 50% 0;
    margin-bottom: 0;
  }

  .yellow_bg {
    height: 75%;
  }

  .whitecol_bg {
    height: 100%;
  }

  .animated_bunny {
    justify-content: space-between;
    align-items: center;
    width: auto;
    height: 100%;
    display: flex;
    inset: 0%;
  }

  .animated_bunny_svg {
    height: 30em;
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 0;
  }

  .easter-section--hero2 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    min-height: 24rem;
    max-height: none;
    margin-bottom: 2rem;
    display: flex;
  }

  .easter-section--hero2.margin-bottom-regular {
    background-position: 50% 0;
    margin-bottom: 0;
  }

  .bunny_wrapper {
    align-self: flex-end;
    height: auto;
  }

  .yellow_top {
    height: 65%;
  }

  .section--telecom2025 {
    min-height: 22rem;
    max-height: 26rem;
  }

  .section--telecom2025.margin-bottom-regular {
    align-self: center;
    min-height: 24rem;
  }

  .color_curves {
    min-height: 8rem;
  }

  .container-maxwidth4 {
    padding-left: 0;
    padding-right: 0;
    position: relative;
    inset: 0% 0% auto;
  }

  .hero-flex-telecomday {
    aspect-ratio: auto;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 2.4rem;
  }

  .image-99 {
    transform: scale(1.9);
  }

  .section-dragonboat {
    background-image: radial-gradient(circle at 44% 0, #fbfaef, #faf9d5 25%, #54c8ea 55%);
    flex: none;
    height: 22rem;
    min-height: auto;
    margin-bottom: 2rem;
  }

  .section-dragonboat.margin-bottom-regular {
    background-position: 50% 0;
    margin-bottom: 0;
  }

  .clouds_1.flip {
    max-width: 40%;
  }

  .waves {
    align-self: flex-end;
  }

  .front_waves.backup {
    z-index: 0;
  }

  .back_waves {
    justify-content: space-between;
    align-items: flex-end;
    width: 45%;
    display: none;
    inset: auto auto 0% 53%;
  }

  .boat_wrapper {
    z-index: 0;
    justify-content: space-between;
    align-items: flex-end;
    width: 50%;
    height: 100%;
    padding: 0;
    inset: auto 0% 0% 2%;
  }

  .graphics_wrapper {
    width: 100%;
  }

  .the_boat {
    align-self: flex-end;
    width: 100%;
    padding-top: 0;
    position: absolute;
    inset: auto 0% 0%;
  }

  .festive_words {
    width: 8rem;
  }

  .title_tc.vertical {
    display: none;
  }

  .title_tc.landscape {
    display: block;
  }

  .left_waves {
    width: 65%;
    bottom: 0%;
  }

  .right_waves {
    width: 65%;
    inset: auto auto 0% 56%;
  }

  .main_graphics {
    align-self: flex-end;
    width: 50%;
    position: relative;
  }

  .wide_waves {
    height: 32%;
  }

  .national76-hero-section {
    margin-bottom: 2rem;
  }

  .national76-hero-section.margin-bottom-regular {
    background-position: 50% 0;
    margin-bottom: 0;
  }

  ._76-full-width {
    overflow: hidden;
  }

  .imperial-court-wrapper {
    background-image: none;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .red-bar {
    height: 27px;
  }

  .imperial-court {
    flex: 0 auto;
    align-self: flex-end;
    bottom: 93px;
    overflow: visible;
  }

  .bluebar {
    background-color: #02a89d;
    height: 22px;
  }

  .div-block-56 {
    height: 3rem;
    min-height: auto;
    max-height: none;
  }

  .maingraphics_wrapper {
    justify-content: flex-end;
    align-items: center;
    height: 20rem;
    min-height: auto;
    max-height: none;
    padding-top: 0;
  }

  .div-block-58 {
    height: 12em;
  }

  ._76 {
    height: 7.6em;
    bottom: 3.4rem;
    left: 4%;
  }

  .firework_ani {
    background-image: none;
    width: 21rem;
    height: 100%;
    inset: 0% 0% 199px;
  }

  .imperial-court_long {
    flex: 0 auto;
    align-self: flex-end;
    display: none;
    bottom: 93px;
    overflow: visible;
  }

  .imperial-court_m {
    flex: 0 auto;
    align-self: flex-start;
    width: 100%;
    display: block;
    bottom: 0;
    overflow: visible;
  }

  .imperial-court_fit {
    flex: 0 auto;
    align-self: flex-end;
    bottom: 93px;
    overflow: visible;
  }

  .imperial-court_fit.hide {
    width: 50%;
    height: auto;
    display: none;
    bottom: 0;
  }

  .fdc {
    flex: 1;
    align-self: flex-end;
    width: 100%;
    padding-top: 0;
  }

  .nationalday76_section {
    background-image: linear-gradient(#ffbd4b, #ffe9c3 44%, #fff 74%);
    min-height: 20dvh;
    margin-bottom: 2rem;
    overflow: visible;
  }

  .nationalday76_section.margin-bottom-regular {
    background-position: 50% 0;
    margin-bottom: 0;
  }

  .animate_fireworks {
    margin-left: auto;
    margin-right: -115px;
    inset: 0% 0% 0% auto;
  }

  .fdc2 {
    filter: drop-shadow(2px 2px 15px #0b0b0b3b);
    flex: 1;
    align-self: flex-end;
    width: 100%;
    padding-top: 0;
    inset: 0% -10% 0% 0%;
  }

  .bestwishes {
    justify-content: flex-start;
    align-items: center;
    width: 85%;
    height: 50%;
    margin-bottom: 13px;
    padding: 0 0 1rem 12%;
  }

  .fireworks_animate {
    height: 12rem;
    inset: 0% 0 auto -5%;
  }

  .new_fireworks {
    width: 18rem;
    bottom: 0;
  }

  .overlay {
    opacity: .12;
  }

  .div-block-61 {
    width: 100%;
    max-width: 42rem;
  }

  .upu-section {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    height: 28rem;
    max-height: none;
    margin-bottom: 2rem;
    display: flex;
  }

  .upu-section.margin-bottom-regular {
    background-position: 50% 0;
    margin-bottom: 0;
  }

  .border {
    background-image: linear-gradient(#000, #4000ff80 52%, #000);
    border-width: 1rem;
    justify-content: center;
    align-items: center;
    height: 100%;
    display: flex;
    position: absolute;
    inset: 0%;
  }

  .slogon {
    aspect-ratio: 1;
    width: 29rem;
    left: 0%;
  }

  .image-119 {
    opacity: .29;
    max-width: none;
    padding: 0;
  }

  .image-120 {
    width: 30rem;
    top: -97%;
  }

  .top_overlay {
    opacity: .37;
    max-width: none;
    padding: 0;
  }

  .banner-container {
    background-image: url('../images/sky.webp');
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    border-width: 1rem;
    justify-content: center;
    align-items: flex-start;
    height: 30rem;
    display: flex;
    position: absolute;
    inset: 0%;
  }

  .zoom_in_animate {
    padding-left: 0;
    left: -12.25rem;
  }

  .watercolor_moon {
    top: -2.03rem;
    right: 41%;
  }

  .image-122 {
    width: 13rem;
    inset: 0% 2% auto auto;
  }

  .mid_section_2025 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    min-height: 24rem;
    max-height: none;
    margin-bottom: 2rem;
    display: flex;
  }

  .mid_section_2025.margin-bottom-regular {
    background-position: 50% 0;
    margin-bottom: 0;
  }

  .lottie-animation-10 {
    width: 30rem;
  }

  .slogon-sc {
    aspect-ratio: 1;
    width: 29rem;
    left: 0%;
  }

  .logo_sc {
    opacity: .29;
    max-width: none;
    padding: 0;
  }

  .slogon-en {
    aspect-ratio: 1;
    width: 29rem;
    left: 0%;
  }

  .logo_en {
    opacity: .29;
    max-width: none;
    padding: 0;
  }

  .section--santadance.margin-bottom-regular {
    background-image: url('../images/yellowwall.webp'), url('../images/top_fan_final_1.webp');
    background-position: 50% 0, 50% 0;
    background-repeat: repeat-x, no-repeat;
    background-size: cover, cover;
    align-self: center;
    min-height: auto;
    max-height: 29rem;
  }

  .dancesanta_wrapper {
    order: -9999;
    justify-content: flex-start;
    align-self: stretch;
    align-items: flex-start;
    height: 27rem;
    display: flex;
    position: relative;
    inset: 0% 22% 22% -2.2em;
    overflow: visible;
  }

  .code-embed-3 {
    object-fit: fill;
    flex: 1;
    align-self: center;
    height: 100%;
    display: flex;
    position: relative;
  }

  .leaves_left, .leaves_right {
    width: 8rem;
  }

  .wall-deco {
    position: absolute;
  }

  .poster {
    width: 7rem;
  }

  .stps {
    width: 6rem;
    top: 2.5rem;
    left: 7rem;
  }

  .sticker {
    width: 3rem;
    inset: 8% 25% 0% auto;
  }

  .hanging {
    z-index: 0;
    inset: 0% 0% 0% auto;
  }

  .bg-video {
    transform: scale(1.15);
  }

  .macau-sar-26th {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    height: 28rem;
    max-height: none;
    margin-bottom: 2rem;
    display: flex;
  }

  .macau-sar-26th.margin-bottom-regular {
    background-position: 50% 0;
    margin-bottom: 0;
  }

  .bottom {
    bottom: -7%;
  }

  .lotus_img {
    height: 19rem;
    bottom: 47%;
    left: 16%;
  }

  .meteor-wrapper {
    position: relative;
  }

  ._26_graphic {
    filter: drop-shadow(0 1px 4px #3f3300b3);
    width: 32em;
    bottom: 2%;
  }

  .image-128 {
    z-index: 11;
    height: 7em;
    position: absolute;
    inset: auto 0% 8% 26%;
  }

  .cloud_svg {
    width: 30rem;
  }

  .fireworks_2 {
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: contain;
    width: 10rem;
    height: 10rem;
    inset: 0% 0% auto auto;
  }

  .orange_fireworks._2 {
    width: 10rem;
    right: 31%;
  }

  .original_graphic_26 {
    filter: drop-shadow(0 1px 4px #3f3300b3);
    width: 32em;
    bottom: 2%;
  }

  .original_anni_wrapper {
    width: auto;
    min-width: 20rem;
    max-width: none;
    margin-top: auto;
    margin-bottom: auto;
    padding-top: 0;
  }

  .temp_logo_placement, .temp_logo_placement.w--current {
    margin-right: auto;
  }

  .horse-section {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    height: 28rem;
    max-height: none;
    margin-bottom: 2rem;
    display: flex;
  }

  .horse-section.margin-bottom-regular {
    background-position: 50% 0;
    margin-bottom: 0;
  }

  .horse_size {
    flex: none;
    align-self: flex-end;
    width: auto;
    min-width: auto;
    max-width: none;
    height: 75%;
    left: -13%;
  }

  .code-embed-4 {
    width: 22rem;
    inset: auto 0% -5% -12%;
  }

  .building_feichung_wrap {
    flex: 1;
    align-self: stretch;
    max-width: 100%;
    height: auto;
    padding-right: 2rem;
    position: absolute;
    inset: 0%;
  }

  .image-132 {
    width: 100%;
    max-width: none;
    height: auto;
  }

  .cloud1 {
    width: 14rem;
    left: -119px;
  }

  .cloud2 {
    width: 12rem;
    inset: -8% 0% auto auto;
  }

  .cloud3 {
    width: 11rem;
    bottom: 0%;
  }

  .aniamted_horse {
    padding: 0;
    inset: 20% 0% 0% -65%;
  }

  .image-134 {
    z-index: 1;
    position: absolute;
    inset: 0%;
  }

  .div-block-71 {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0%;
  }

  .image-135 {
    flex: none;
    align-self: stretch;
    max-width: none;
    max-height: 80%;
  }

  .rightsidebranch {
    height: 70%;
  }

  .pic_roll {
    width: 81rem;
    position: static;
  }

  .roll_size {
    min-width: 19rem;
    max-width: 21rem;
  }

  .section-ctt142 {
    min-height: 28rem;
    max-height: none;
    margin-bottom: 2rem;
  }

  .section-ctt142.margin-bottom-regular {
    background-position: 50% 0;
    margin-bottom: 0;
  }

  .anniversary_stamp {
    z-index: 0;
    opacity: 47;
  }

  .anni142_stamo {
    min-width: 30em;
    max-width: 100%;
  }

  .stps_holder {
    justify-content: flex-start;
    align-items: center;
    width: 50%;
    padding-left: 2rem;
  }

  .anniversary_stp {
    width: 100%;
    max-width: none;
    height: auto;
    padding: .5rem;
  }

  .div-block-72 {
    width: 13rem;
  }

  .float_holder {
    z-index: 2;
    pointer-events: none !important;
  }

  .blue_1, .red_1 {
    width: 4em;
  }

  .balloon_142_holder {
    left: 4%;
  }

  .easter-section--hero3 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    min-height: 24rem;
    max-height: none;
    margin-bottom: 2rem;
    display: flex;
  }

  .easter-section--hero3.margin-bottom-regular {
    background-position: 50% 0;
    margin-bottom: 0;
  }

  .easter-container-max-width {
    z-index: 2;
    aspect-ratio: auto;
    background-image: linear-gradient(#8b1c1c99, #8b1c1c99), url('../images/red_background_goldenDust.webp');
    background-position: 0 0, 0 0;
    background-size: auto, cover;
    height: 100%;
    max-height: none;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .grass {
    bottom: -18%;
  }

  .section--hero-easter2026.margin-bottom-regular {
    align-self: center;
    min-height: 25rem;
    max-height: 28rem;
  }

  .video_size {
    align-self: center;
    width: auto;
    height: 100%;
  }

  .container-maxwidth-easter {
    height: 27rem;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    inset: 0% 0% auto;
  }

  .image-143 {
    height: 100%;
  }

  .hero-flex-easter-window {
    aspect-ratio: auto;
    width: 100%;
    height: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .telecom2026_section {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    height: 28rem;
    max-height: none;
    margin-bottom: 2rem;
    display: flex;
  }

  .telecom2026_section.margin-bottom-regular {
    background-position: 50% 0;
    margin-bottom: 0;
  }

  .hero_beaminglights {
    object-fit: scale-down;
    flex: none;
    justify-content: space-between;
    align-self: stretch;
    align-items: center;
    width: 100%;
    padding-top: 0;
    padding-left: 2rem;
    position: relative;
  }

  .globe_lights_wrapper {
    width: 50%;
    height: 100%;
    padding-left: 1rem;
    padding-right: 2rem;
  }

  .oval {
    height: 80%;
    bottom: 0;
  }

  .oval_bottom {
    top: 2px;
    bottom: 0;
  }

  .seminar {
    filter: drop-shadow(-4px -2px 5px #fffffff2) drop-shadow(2px 2px 7px #e4ebffe6);
  }

  .section--db2026 {
    margin-bottom: 3rem;
  }

  .section--db2026.margin-bottom-regular {
    background-position: 50% 0;
    margin-bottom: 0;
  }

  .calendar_holder {
    padding-right: 3rem;
    transform: rotate(-9deg);
  }

  .floating_wrapper {
    opacity: .2;
    mix-blend-mode: multiply;
  }

  .drawing-left {
    object-fit: cover;
    width: auto;
    height: auto;
    bottom: -2.6rem;
    left: auto;
    right: 15px;
    overflow: hidden;
  }

  .drawingright {
    display: none;
  }

  .spotlight.is--orange {
    top: 0;
    left: 0;
  }

  .calendar_holder-copy {
    padding-right: 3rem;
    transform: rotate(-9deg);
  }

  .left_picture {
    width: 100%;
  }

  .right_picture {
    width: auto;
    display: none;
    inset: 0% -14% 0% auto;
  }

  .section--midaut2026.margin-bottom-regular {
    align-self: center;
    min-height: 25rem;
    max-height: 28rem;
  }

  .container-maxwidth-midaut {
    height: 27rem;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    inset: 0% 0% auto;
  }

  .hero-flex-midaut {
    aspect-ratio: auto;
    width: 100%;
    height: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .midaut-textgreeting {
    width: 55%;
  }

  .text-wrapper.pt, .text-wrapper.en, .text-wrapper.en {
    width: 50%;
  }

  .height-control {
    height: 6rem;
  }

  .height-control.is--2.pt, .height-control.is--3.pt {
    margin-right: -.7rem;
    padding-bottom: 0;
  }

  .height-control.big-screen {
    width: 75%;
  }

  .celebrate77-wrapper {
    justify-content: flex-end;
    align-items: center;
    height: 100%;
    min-height: auto;
    max-height: none;
    padding-top: 0;
  }

  .national77-hero-section {
    min-height: 20rem;
    margin-bottom: 2rem;
  }

  .national77-hero-section.margin-bottom-regular {
    background-position: 50% 0;
    margin-bottom: 0;
  }

  ._77-wrapper {
    max-width: max(820px, 95vw);
    margin-left: 1rem;
    padding-top: 2.6rem;
  }

  .building_77celebration {
    min-width: 16rem;
    max-width: 27rem;
  }

  .gif-wrapper {
    mix-blend-mode: screen;
    align-self: center;
    height: 8rem;
    padding-left: 15.8rem;
    position: absolute;
    inset: auto 0% 22%;
  }

  .image-155 {
    height: 100%;
  }
}

@media screen and (max-width: 767px) {
  h2 {
    font-size: 18px;
  }

  p {
    font-size: 16px;
  }

  .container {
    padding: 0 0;
  }

  .section.is--department.margin-bottom-regular {
    margin-bottom: 4em;
  }

  .section.is--headlines.margin-bottom-regular {
    margin-bottom: 7em;
  }

  .section.is--path {
    padding-left: 1em;
    padding-right: 1em;
  }

  .section.is--pagebanner.margin-bottom-regular {
    min-height: 17em;
  }

  .form_input {
    width: 100%;
    font-size: 16px;
  }

  .text-size-small {
    text-align: left;
    font-weight: 400;
  }

  .text-size-small.is--white {
    font-size: 16px;
  }

  .logo-home {
    width: 250px;
  }

  .nav-rightsideelements.is--mobile {
    height: 80vh;
    display: none;
    top: 7.934em;
  }

  .icon-linkblock.is--language {
    align-self: center;
  }

  .qr-code {
    width: 5em;
    height: 5em;
  }

  .footer-link-wrapper {
    border: 1px #000;
    flex-direction: column;
    place-content: flex-start;
    align-items: flex-start;
    height: 100%;
    padding: 0;
  }

  .qr-code-item {
    flex-direction: row;
    order: -1;
    justify-content: flex-start;
    align-items: center;
    height: 50%;
    padding-left: .7em;
    padding-right: .7em;
  }

  .pt-text-size-regular {
    font-size: 16px;
  }

  .qr-holder {
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    margin-left: 0;
  }

  .nav-iconswrapper {
    width: 80%;
  }

  .language-list.is--open {
    min-height: auto;
  }

  .mainnavitem--loan.is--mobile, .dropdown-toggle-2.mainnavitem {
    text-align: left;
  }

  .languageblock.is--mobile {
    flex: 0 auto;
    margin-bottom: 0;
  }

  .footer-grid {
    grid-row-gap: 54px;
    grid-template-rows: auto auto auto auto;
    padding-left: 0;
    padding-right: 0;
  }

  .footer-leftinfo-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    border-style: none;
    grid-template-rows: auto;
    grid-template-columns: .75fr 1fr;
    grid-auto-columns: 1fr;
    align-items: stretch;
    height: 18em;
    padding-left: 3.55em;
    padding-right: 3.55em;
    display: grid;
  }

  .footer-contact-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: .75fr 1fr;
    grid-auto-columns: 1fr;
    padding-left: 3.65em;
    padding-right: 3.65em;
    display: grid;
  }

  .contact-form-title {
    font-size: 16px;
  }

  .color-styles-wrapper {
    grid-template-columns: 1fr;
  }

  .fs-styleguide_section-header {
    font-size: .875rem;
  }

  .container-large {
    align-self: center;
    height: auto;
    max-height: none;
    padding-left: 0;
  }

  .padding-global {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .fs-styleguide_heading-medium {
    font-size: 2rem;
  }

  .text-size-regular {
    font-size: 16px;
  }

  .pt-text-size-small {
    font-family: Ubuntu, Helvetica, sans-serif;
    font-size: 15px;
  }

  .pt-text-size-small.is--white {
    text-align: left;
  }

  .pt-text-size-tiny {
    font-size: 13px;
    line-height: 1.38;
  }

  .qr-code-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    justify-content: flex-start;
    height: 100%;
  }

  .dropdown-link {
    border-bottom-color: var(--f-ctt-greytext);
    font-size: 16px;
    font-weight: 400;
  }

  .container-maxwidth {
    z-index: 2;
    background-image: linear-gradient(#fff, #6fc0fa 41%, #00a0c7 68%);
    flex-flow: column;
    overflow: hidden;
  }

  .section--hero {
    background-image: linear-gradient(176deg, #71d0f6, #fff 29%, #f9b0a3 49%);
    max-height: none;
  }

  .section--hero.margin-bottom-regular {
    background-color: var(--f-white);
    background-image: linear-gradient(#fff1b5, #fff 29% 37%, #bdedd1 58%, #fff);
    min-height: auto;
    max-height: none;
  }

  .hero-flex-wrapper {
    aspect-ratio: auto;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    min-height: auto;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    overflow: visible;
  }

  .hero--top_graphic {
    height: 120px;
  }

  .blur {
    filter: blur();
  }

  .hero-graphic__holder, .form-2 {
    width: 100%;
  }

  .submit-button {
    font-size: 1rem;
  }

  .hero-graphics {
    z-index: 0;
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    aspect-ratio: auto;
    flex-flow: column;
    flex: 1;
    justify-content: flex-end;
    align-self: flex-start;
    align-items: center;
    width: 100%;
    min-height: 24rem;
    max-height: 26rem;
    margin-top: 0;
    padding: 0 0 0 1rem;
    position: relative;
    overflow: hidden;
  }

  .hero-shortcut {
    z-index: 15;
    background-color: var(--f-white);
    flex-direction: column;
    flex: 0 auto;
    order: 1;
    justify-content: flex-start;
    align-self: flex-start;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    margin-top: 0;
    margin-bottom: auto;
    padding: 0 0 0 0;
    display: flex;
    position: relative;
    inset: 0% 0% auto;
  }

  .heading-text-tiny {
    background-color: var(--color-telecom);
    color: var(--f-white);
    text-align: left;
  }

  .heading-text-tiny.is--blue {
    color: var(--color-telecom);
  }

  .heading-text-tiny.change-color {
    color: var(--f-white);
  }

  .shortcut-item-wrapper {
    min-height: 3.6em;
    max-height: 4.2em;
  }

  .shortcut-item-wrapper:hover {
    transform: none;
  }

  .shortcut-item-text {
    font-size: 1rem;
  }

  .hero-grid-style {
    flex: 0 auto;
    grid-template-rows: minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    align-self: flex-start;
    max-height: 20rem;
    margin-top: 0;
    position: absolute;
    inset: 0%;
  }

  .greetings_warpper {
    z-index: -10;
    flex: none;
    justify-content: flex-start;
    width: 100%;
    padding: 2.2em 2.2em 3.5em;
  }

  .grid--departments {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    display: grid;
  }

  .display-text.is--white {
    font-size: 30px;
    font-weight: 500;
  }

  .display-text-holder {
    justify-content: flex-start;
    align-items: center;
    padding-left: .6em;
    font-weight: 700;
  }

  .department-bg {
    display: none;
  }

  .text-and-image-wrapper {
    padding-left: .6em;
  }

  .news_layout {
    grid-row-gap: 1rem;
    grid-template-columns: 1fr;
  }

  .buttons-position {
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .lottie-wrapper-resize {
    justify-content: flex-end;
    align-items: center;
    width: 20%;
    height: 100%;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-right: 1.3em;
  }

  .session--publication.margin-bottom-regular {
    margin-bottom: 0;
  }

  .more-issues-wrapper, .more-issues-wrapper.margin-bottom-tiny {
    width: 100%;
  }

  .publication-title {
    font-size: 1.6rem;
  }

  .section-title {
    font-size: 1.25rem;
  }

  .dot {
    width: 1em;
    height: 1em;
  }

  .shortcut-name {
    width: 80%;
  }

  .shortcut-list-wrapper {
    z-index: 10;
    width: 100%;
    min-width: auto;
    margin-top: 0;
    padding-top: 0;
  }

  .menu-button.w--open {
    align-self: center;
    width: 2.6em;
    height: 2.6em;
  }

  .path-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .arrow-wrapper.add-margin-right-tiny {
    width: 1.4em;
    height: 1.4em;
  }

  .heading-text-big {
    font-size: 3.75em;
  }

  .radio-btn-field {
    margin-right: .3em;
  }

  .uui-career02_job-department {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .news-img.primary {
    width: 30%;
    padding-top: 22.5%;
  }

  .landing-news-item-wrapper {
    flex-direction: row;
  }

  .home-news-item-wrapper {
    height: 100%;
  }

  .home-news-link:hover {
    box-shadow: none;
  }

  .home-news-link.primary {
    flex-direction: row;
  }

  .home-news-link.others {
    max-height: 8em;
  }

  .home-news-link.others:hover {
    box-shadow: 4px 7px 5px -2px #0071ce2e;
  }

  .publication-imgs-wrapper {
    display: none;
  }

  .tool-title-wrapper {
    padding-left: .5em;
    padding-right: .5em;
  }

  .chi_svg_wrapper {
    justify-content: center;
    align-items: center;
    height: 100px;
    padding: 1rem 0;
    display: flex;
  }

  .chi_svg_wrapper.zeroout {
    display: none;
  }

  .snow._1 {
    width: 5%;
  }

  .snow._2 {
    width: 30%;
  }

  .snow._3 {
    width: 60%;
  }

  .snow._4 {
    width: 45%;
  }

  .blur_snowybg {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    align-items: flex-start;
  }

  .snow_wrapper {
    height: 50%;
  }

  .twinkle_wrapper.right {
    inset: 0% 0% auto;
  }

  .text-log-wrapper {
    mix-blend-mode: normal;
    justify-content: center;
    align-items: center;
    width: 85%;
    padding: 0 1rem;
    inset: 0% 0% -28%;
  }

  .telecom_main_wrap {
    justify-content: center;
  }

  .rightcloud {
    max-width: 16rem;
    bottom: -21%;
    right: -25%;
  }

  .firecrakcers {
    width: 25%;
    height: 26rem;
    display: none;
    inset: 0% 0% 0% auto;
  }

  .year_text {
    top: 5%;
  }

  .deco {
    max-width: 9rem;
    inset: auto auto 0% 5%;
  }

  .orange_bg {
    padding: 4.6875rem;
  }

  .image-65 {
    width: 150%;
    height: 150%;
    top: -20%;
    left: -28%;
  }

  .title_log {
    width: 92%;
    padding: 4rem 1.3rem;
  }

  .right_shell, .left_shell {
    height: 100%;
  }

  .yellow-png {
    display: none;
  }

  .title {
    flex: none;
    width: 12rem;
    height: auto;
  }

  .theme-name {
    margin-bottom: 4.2em;
  }

  .gradient {
    opacity: .84;
    mix-blend-mode: overlay;
    background-image: radial-gradient(circle at 50% 0, #6dade099 18%, #fff0 63%);
  }

  .mountain_wrap {
    inset: 25% 0% auto;
  }

  .sun_and_text {
    left: 13%;
  }

  .greeting_text_svg {
    padding-top: 2.7rem;
    padding-bottom: 4rem;
  }

  .animate_holder {
    padding-left: 0;
    inset: auto 0% 54%;
  }

  .moon {
    opacity: .75;
    width: 24rem;
    height: 24rem;
    inset: 0% 0% 30% auto;
  }

  .flowers {
    z-index: 0;
    background-size: 80%;
    width: 100%;
  }

  .rabbit {
    width: 8rem;
    height: 8rem;
    inset: auto auto 0% 0%;
  }

  .image-69 {
    width: 100%;
    height: 85%;
    inset: 0% 0% auto;
  }

  .moon_wrap {
    flex-flow: row;
    justify-content: center;
    align-items: flex-start;
    padding-top: 0;
    padding-bottom: 0;
    inset: 0%;
  }

  .rabbit2 {
    width: 8rem;
    height: 8rem;
    inset: 3% 0% auto auto;
  }

  .image-71 {
    width: 100%;
  }

  .pt_line {
    height: 85%;
    padding-bottom: 0;
    inset: 0% 0% 0% auto;
  }

  .rabbit-3 {
    top: 24%;
    left: -22%;
  }

  .bottom-cloud {
    inset: 30% 0% auto;
  }

  .section--upu--ad {
    background-image: linear-gradient(#c4d9e5, #c4d9e5);
    max-height: none;
  }

  .section--upu--ad.margin-bottom-regular {
    background-color: var(--f-white);
    background-image: linear-gradient(#fff1b5, #fff 29% 37%, #bdedd1 58%, #fff);
    min-height: auto;
    max-height: none;
  }

  .upu-hero-graphics {
    background-position: 50% 0;
    background-size: cover;
    flex: none;
    justify-content: space-between;
    align-items: flex-start;
    height: auto;
    min-height: 20rem;
    margin-top: 0;
  }

  .anniverary_logo {
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .anniverary_text {
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 39px;
    display: flex;
  }

  .upu_title {
    text-align: left;
    vertical-align: middle;
    width: 85%;
    max-width: 85%;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
    display: inline-block;
  }

  .date-warpper {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .national-section--hero {
    background-image: url('../images/theViewfromBloco.webp');
    background-position: 50% 25%;
    background-repeat: no-repeat;
    background-size: contain;
    flex-flow: column;
    min-height: auto;
    max-height: none;
    display: flex;
    overflow: visible;
  }

  .national-section--hero.margin-bottom-regular {
    background-color: var(--f-white);
    background-image: linear-gradient(#fff1b5, #fff 29% 37%, #bdedd1 58%, #fff);
    min-height: auto;
    max-height: none;
  }

  .sunray {
    z-index: 0;
    inset: -33% 0% auto;
    transform: scale(1.3);
  }

  .graphics_holder {
    z-index: 1;
    justify-content: flex-start;
    align-items: center;
    height: 50%;
    inset: 0% 0% auto;
  }

  .building_wrapper {
    z-index: 5;
    background-image: linear-gradient(#0000, #0000);
    flex: none;
    justify-content: flex-end;
    align-items: center;
    height: auto;
    min-height: auto;
    position: relative;
  }

  .floor_wrapper {
    z-index: 0;
    background-position: 50% 0, 0 0;
    flex: none;
    justify-content: space-between;
    align-items: flex-start;
    height: 20%;
    display: flex;
    position: relative;
  }

  .title_wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: auto;
    display: flex;
    inset: 0% auto auto;
  }

  .image-76 {
    width: 60%;
    max-width: none;
    display: inline-block;
  }

  .image-77 {
    width: auto;
    max-width: none;
    height: 100%;
  }

  .hero-grid-style__upu {
    flex: 0 auto;
    grid-template-rows: minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) auto auto auto auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    align-self: flex-start;
    max-height: 20rem;
    margin-top: 0;
    position: absolute;
    inset: 0%;
  }

  .hero-graphics-2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .ctt-building {
    align-self: flex-end;
    padding-right: 6.05em;
  }

  .container-maxwidth-2 {
    background-position: 50% 0;
    background-size: contain;
    overflow: hidden;
  }

  .postman-svg-wrapper {
    display: flex;
  }

  .hero-shortcut-2 {
    z-index: 15;
    flex-direction: column;
    flex: 0 auto;
    order: 1;
    justify-content: flex-start;
    align-self: flex-start;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    padding-left: 0;
    display: flex;
    position: static;
    inset: 0% 0% auto;
  }

  .section--hero-2 {
    background-image: none;
    max-height: none;
  }

  .section--hero-2.margin-bottom-regular {
    background-position: 50% 0;
    background-size: contain;
    min-height: auto;
    max-height: none;
  }

  .hero-grid-style-2 {
    grid-template-rows: minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) auto auto auto auto auto auto;
    grid-template-columns: minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr);
    max-height: 42em;
  }

  .shortcut-item-wrapper-2 {
    min-height: 3.6em;
    max-height: 4.2em;
  }

  .shortcut-item-wrapper-2:hover {
    transform: none;
  }

  .hero-flex-wrapper-2 {
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: auto;
    position: static;
    overflow: visible;
  }

  .blur-2 {
    filter: blur();
  }

  .tagline-svg {
    width: 72vw;
    display: none;
  }

  .tool-title-wrapper-2 {
    padding-left: .5em;
    padding-right: .5em;
  }

  .building-wrapper {
    z-index: 1;
    flex: none;
    width: 90vw;
  }

  .shortcut-list-wrapper-2 {
    z-index: 10;
    width: 100%;
    min-width: auto;
    margin-top: 1em;
    padding-right: 0;
  }

  .dot-2 {
    width: 1em;
    height: 1em;
  }

  .div-block-45 {
    background-size: contain;
  }

  .section--hero--sky {
    max-height: none;
  }

  .section--hero--sky.margin-bottom-regular {
    background-position: 50% 0;
    background-size: contain;
    min-height: auto;
    max-height: none;
  }

  .image-78 {
    object-fit: scale-down;
    max-width: 95%;
  }

  .container-maxwidth-3 {
    height: auto;
    position: relative;
    overflow: hidden;
  }

  .hero-shortcut-3 {
    z-index: 15;
    background-color: var(--f-white);
    flex-direction: column;
    flex: 0 auto;
    order: 1;
    justify-content: space-between;
    align-self: flex-start;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    padding-bottom: .5rem;
    padding-left: 0;
    display: flex;
    position: static;
    inset: 0% 0% auto;
  }

  .section--hero-3.margin-bottom-regular {
    min-height: auto;
    max-height: none;
    margin-bottom: 1em;
  }

  .hero-grid-style-3 {
    grid-template-rows: minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr);
    grid-template-columns: minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr);
    max-height: 40em;
  }

  .shortcut-item-wrapper-3 {
    min-height: 3.6em;
    max-height: 4.2em;
  }

  .shortcut-item-wrapper-3:hover {
    transform: none;
  }

  .hero-flex-wrapper-3 {
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: auto;
    position: static;
    overflow: visible;
  }

  .blur-3 {
    filter: blur();
  }

  .dot-3 {
    width: 1em;
    height: 1em;
  }

  .container-maxwidth-4 {
    overflow: hidden;
  }

  .hero-shortcut-4 {
    z-index: 15;
    flex-direction: column;
    flex: 0 auto;
    order: 1;
    justify-content: flex-start;
    align-self: flex-start;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    padding-left: 0;
    display: flex;
    position: static;
    inset: 0% 0% auto;
  }

  .hero-grid-style-4 {
    grid-template-rows: minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr);
    grid-template-columns: minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr);
    max-height: 40em;
  }

  .shortcut-item-wrapper-4 {
    min-height: 3.6em;
    max-height: 4.2em;
  }

  .shortcut-item-wrapper-4:hover {
    transform: none;
  }

  .hero-flex-wrapper-4 {
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: auto;
    position: static;
    overflow: visible;
  }

  .blur-4 {
    filter: blur();
  }

  ._25thlogo_wrapper {
    z-index: 1;
    flex: none;
    width: auto;
  }

  .buttom {
    inset: 52% 0% auto;
  }

  .side {
    right: -6%;
  }

  .temporary_25th {
    width: 100vw;
    margin-top: -.2rem;
    margin-bottom: .5rem;
    display: inline-flex;
    position: relative;
    left: 0;
  }

  ._25th-logo {
    display: inline-flex;
  }

  .lotus_wrapper {
    width: 65vw;
    inset: 31% 0% auto;
  }

  .title_log_wrapper {
    width: 60vw;
    inset: auto auto 3rem 7rem;
  }

  .element_2_wrapper {
    width: 35vw;
    inset: 37% 0% auto auto;
  }

  .bloco_banner {
    inset: 0% 0% auto;
  }

  .gradient-background {
    background-image: linear-gradient(347deg, #006034 45%, #fff0af 60%, #fff 83%);
  }

  .the-view-background {
    background-image: none;
    height: 50%;
  }

  .section--hero-xmas.margin-bottom-regular {
    background-image: none;
    min-height: auto;
    max-height: none;
    margin-bottom: 1em;
  }

  .hero-flex-xmas-window {
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: auto;
    position: static;
    overflow: visible;
  }

  .window_holder {
    align-self: center;
    min-width: 33cqw;
    min-height: 15rem;
  }

  .div-block-46 {
    background-image: linear-gradient(#e51841, #b1213d);
    margin-left: auto;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .mute_button {
    inset: 2% 1% auto auto;
  }

  .hero-section-gold-banner {
    aspect-ratio: auto;
    background-image: url('../images/240417-澳門25週年-website-banner-Portuguese-new_website-banner--1280x720.webp');
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
    flex-flow: row;
    height: auto;
    min-height: auto;
    max-height: none;
  }

  .hero-section-gold-banner.margin-bottom-regular {
    background-color: var(--f-white);
    background-image: linear-gradient(#fff1b5, #fff 29% 37%, #bdedd1 58%, #fff);
    min-height: auto;
    max-height: none;
  }

  .left, .right {
    width: 10rem;
    display: none;
  }

  .bloco {
    flex: none;
    width: 75%;
    padding-top: 2.25rem;
  }

  .section--anniversary.margin-bottom-regular {
    display: none;
  }

  .issue_release {
    flex: 1;
    justify-content: center;
    align-items: center;
    width: 92%;
    min-height: 17.5rem;
    margin-top: 0;
    padding: 0;
    overflow: visible;
  }

  .bloco_wrapper {
    object-fit: scale-down;
    flex: 1;
    justify-content: space-between;
    align-items: center;
    width: 80%;
    margin-top: 0;
    padding: 0 2.43rem;
    position: static;
    inset: 0%;
  }

  .bloco_size {
    flex: 1;
    width: 100%;
    padding: 0;
    position: static;
    left: 0;
  }

  .spacer {
    width: 100%;
    height: auto;
    display: flex;
  }

  .issue_date {
    flex-flow: row;
    flex: none;
    align-self: center;
    width: 100%;
    position: absolute;
    inset: 0% auto auto 0%;
  }

  .image-88 {
    width: 45cqw;
  }

  .div-block-51 {
    width: 100%;
    inset: 0%;
  }

  .issuedate_holder {
    inset: auto auto 0% -17%;
  }

  .section--cny.margin-bottom-regular {
    aspect-ratio: auto;
    background-image: url('../images/pattern.svg'), radial-gradient(circle at 50% 0, #fa7b26 13%, #dd4d1f 31%, #ac0010 55%);
    background-position: 0 0, 0 0;
    background-repeat: repeat-x, repeat;
    background-size: cover, auto;
    min-height: auto;
    max-height: none;
    margin-bottom: 1em;
  }

  .hero-flex-cny {
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    height: 40rem;
    min-height: auto;
    position: static;
    overflow: visible;
  }

  .main_graphics_wrappr {
    justify-content: center;
    align-items: center;
    padding: .9rem;
  }

  .main_circle {
    z-index: 5;
    aspect-ratio: auto;
    flex: none;
    align-self: center;
    width: 80%;
    height: auto;
    margin: 0 auto auto;
    padding: 0 0 0;
    position: relative;
    inset: 0%;
    overflow: visible;
  }

  .wishes.animate_delay {
    height: 100%;
    left: -2.6em;
  }

  .upper_fan {
    object-fit: fill;
    width: 130%;
    max-width: none;
    margin-top: 0;
  }

  .lower_open_fan {
    inset: 42% 0% auto;
  }

  .fan_wrappr {
    position: absolute;
  }

  .div-block-53 {
    height: 50%;
    overflow: visible;
  }

  .section-ctt144 {
    background-image: linear-gradient(#19bdff, #f9b0a3 27%);
    flex-flow: column;
    min-height: auto;
    max-height: none;
    display: flex;
    overflow: visible;
  }

  .section-ctt144.margin-bottom-regular {
    background-color: var(--f-white);
    background-image: linear-gradient(#fff1b5, #fff 29% 37%, #bdedd1 58%, #fff);
    min-height: auto;
    max-height: none;
  }

  .shades_svg {
    width: 85%;
  }

  .logo {
    height: 52%;
    inset: 0% auto auto 0%;
  }

  .curves_holder {
    inset: 25% 0% auto auto;
  }

  .image-93 {
    inset: 45% 0% auto 43%;
  }

  .div-block-54 {
    aspect-ratio: auto;
    flex: 1;
    justify-content: center;
    align-items: center;
    width: 65dvw;
    height: 50%;
    display: flex;
    position: relative;
    inset: 0% 0% auto;
  }

  .env_img {
    object-fit: scale-down;
    flex: 1;
    align-self: stretch;
    width: 100%;
    height: auto;
    position: absolute;
    inset: 0%;
  }

  .date_svg {
    width: 10rem;
    position: relative;
    inset: 0% 0% auto;
  }

  .fireworks_holder {
    opacity: 42;
  }

  .section-ctt144_2 {
    background-image: linear-gradient(#19bdff, #f9b0a3 27%);
    flex-flow: column;
    min-height: auto;
    max-height: none;
    display: flex;
    overflow: visible;
  }

  .section-ctt144_2.margin-bottom-regular {
    background-color: var(--f-white);
    background-image: linear-gradient(#fff1b5, #fff 29% 37%, #bdedd1 58%, #fff);
    min-height: auto;
    max-height: none;
  }

  .ctt141_logo {
    min-width: 8rem;
    max-width: 18rem;
  }

  .curves_wrapper {
    inset: 34% 0% auto;
  }

  .easter-section--hero {
    flex-flow: column;
    min-height: auto;
    max-height: none;
    display: flex;
    overflow: visible;
  }

  .easter-section--hero.margin-bottom-regular {
    background-color: var(--f-white);
    background-image: linear-gradient(#fff1b5, #fff 29% 37%, #bdedd1 58%, #fff);
    min-height: auto;
    max-height: none;
  }

  .animated_bunny {
    justify-content: center;
    align-items: center;
    display: flex;
    inset: auto 0% 0%;
  }

  .animated_bunny_svg {
    height: 30em;
    padding-top: 0;
    padding-bottom: 0;
  }

  .easter-section--hero2 {
    flex-flow: column;
    min-height: auto;
    max-height: none;
    display: flex;
    overflow: visible;
  }

  .easter-section--hero2.margin-bottom-regular {
    background-color: var(--f-white);
    background-image: linear-gradient(#fff1b5, #fff 29% 37%, #bdedd1 58%, #fff);
    min-height: auto;
    max-height: none;
  }

  .bunny_wrapper {
    filter: blur(2px);
    flex: none;
    align-self: flex-end;
    height: 100%;
  }

  .yellow_top {
    height: 75%;
  }

  .section--telecom2025 {
    aspect-ratio: auto;
    min-height: 18rem;
    max-height: none;
    overflow: hidden;
  }

  .section--telecom2025.margin-bottom-regular {
    aspect-ratio: auto;
    background-size: cover, contain;
    min-height: auto;
    max-height: none;
    margin-bottom: 1em;
  }

  .bottom_curves {
    min-height: 6rem;
    position: absolute;
    bottom: 44%;
  }

  .color_curves {
    min-height: 8rem;
  }

  .container-maxwidth4 {
    z-index: 1;
    position: relative;
    overflow: hidden;
  }

  .pink_element {
    inset: auto auto 0% 0%;
  }

  .blue_element {
    padding-top: 4.775rem;
  }

  .div-block-55 {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: auto;
    margin-top: 3rem;
    padding: .275rem;
    inset: 0% 0% auto;
  }

  .hero-flex-telecomday {
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: auto;
    min-height: auto;
    padding-left: 0;
    position: static;
    overflow: visible;
  }

  .image-99 {
    position: absolute;
    inset: 8% auto 0% 13%;
  }

  .image-100 {
    margin-top: 0;
  }

  .section-dragonboat {
    background-image: radial-gradient(circle at 0 0, #fbfaef, #faf9d5 13%, #54c8ea 40%);
    flex-flow: column;
    height: 100%;
    max-height: none;
    display: flex;
    overflow: visible;
  }

  .section-dragonboat.margin-bottom-regular {
    background-color: var(--f-white);
    background-image: linear-gradient(#fff1b5, #fff 29% 37%, #bdedd1 58%, #fff);
    min-height: auto;
    max-height: none;
  }

  .banner_backgroundelement {
    justify-content: center;
    align-self: flex-end;
    align-items: flex-start;
    inset: auto 0% 0%;
  }

  .clouds_1 {
    height: 50%;
  }

  .clouds_1.flip {
    min-width: 15%;
    max-width: 20%;
  }

  .clouds_2 {
    height: 50%;
  }

  .waves {
    justify-content: space-between;
    align-items: center;
    height: 100%;
    display: flex;
    inset: 0% 0% auto;
  }

  .back_waves {
    z-index: 0;
    width: 10rem;
  }

  .boat_wrapper {
    object-fit: scale-down;
    flex: 0 auto;
    justify-content: flex-end;
    align-self: center;
    align-items: center;
    width: 80%;
    position: absolute;
    inset: auto 0% 0%;
  }

  .graphics_wrapper {
    flex: 1;
    justify-content: center;
    align-items: center;
    width: 85%;
    height: 25dvh;
    min-height: 17.5rem;
    margin-top: 0;
    padding: 2rem;
    overflow: visible;
  }

  .main_graphics {
    flex: 0 auto;
    justify-content: flex-start;
    align-self: flex-start;
    align-items: flex-end;
    width: 85%;
    height: 100%;
    display: flex;
    position: relative;
    inset: 0% auto auto 0%;
  }

  .image-105 {
    width: auto;
    position: absolute;
    inset: 0% auto auto 0%;
  }

  .wide_waves {
    height: 38%;
    inset: 35% 0% auto;
  }

  .image-106 {
    position: absolute;
    inset: 0% 0% auto;
  }

  .waves_on_right {
    inset: 36% 0% auto auto;
  }

  .national76-hero-section {
    background-image: linear-gradient(81deg, #f1f3c8 15%, #fff 42% 58%, #fff0 88%), radial-gradient(circle, #ffffffd9 12%, #fff0), linear-gradient(#fbff07, #f8f8d7);
    flex-flow: column;
    min-height: auto;
    max-height: none;
    display: flex;
    overflow: visible;
  }

  .national76-hero-section.margin-bottom-regular {
    background-color: var(--f-white);
    background-image: linear-gradient(#fff1b5, #fff 29% 37%, #bdedd1 58%, #fff);
    min-height: auto;
    max-height: none;
  }

  ._76-full-width {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    min-height: 320px;
    position: relative;
    overflow: hidden;
  }

  .imperial-court-wrapper {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    background-image: linear-gradient(#0000, #0000);
    flex-flow: column;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    height: 58%;
    padding-top: 2rem;
    padding-bottom: 1rem;
  }

  .imperial-court-wrapper.zeroout {
    margin-right: 0;
    display: block;
  }

  .red-bar {
    opacity: 0;
    height: 3px;
    display: none;
  }

  .red-bar.zeroout {
    opacity: 0;
    height: 3em;
  }

  .imperial-court {
    width: 100%;
    bottom: 76px;
    left: auto;
    right: 0%;
  }

  .bluebar {
    height: 0;
    display: none;
  }

  .div-block-56 {
    justify-content: flex-end;
    align-items: center;
    height: 2rem;
    position: static;
  }

  .maingraphics_wrapper {
    justify-content: flex-start;
    align-items: flex-end;
    height: auto;
    min-height: auto;
    max-height: none;
  }

  .hero_right {
    order: 1;
    width: 200%;
    height: 50%;
  }

  ._76 {
    height: 9em;
    bottom: 3.4rem;
  }

  .firework_ani {
    z-index: 2;
    align-self: center;
    inset: 0% 0% 0% 12%;
  }

  .imperial-court_long {
    width: 100%;
    bottom: 76px;
    left: auto;
    right: 0%;
  }

  .imperial-court_m {
    width: 100%;
    display: none;
    bottom: 76px;
    left: auto;
    right: 0%;
  }

  .imperial-court_fit {
    width: 100%;
    bottom: 76px;
    left: auto;
    right: 0%;
  }

  .imperial-court_fit.hide {
    flex: none;
    width: auto;
    height: auto;
    display: block;
    bottom: 0;
  }

  .fdc {
    flex: 1;
    height: 100%;
    padding: 0;
    position: static;
    left: 0;
  }

  .fdc.lower {
    inset: 0% auto 0% 0%;
    transform: rotate(-4deg);
  }

  .nationalday76_section {
    background-image: linear-gradient(#ffbd4b 16%, #ffe9c3 44%, #fff 74%);
    flex-flow: column;
    min-height: auto;
    max-height: none;
    display: flex;
    overflow: visible;
  }

  .nationalday76_section.margin-bottom-regular {
    background-color: var(--f-white);
    background-image: linear-gradient(#fff1b5, #fff 29% 37%, #bdedd1 58%, #fff);
    min-height: auto;
    max-height: none;
  }

  .animate_fireworks {
    align-self: flex-start;
    width: auto;
    height: 50%;
    margin-left: -16%;
    margin-right: 0;
    inset: 0% auto auto 0%;
  }

  .image-114 {
    height: 100%;
    padding-right: 0;
    display: inline-block;
  }

  .fdc2 {
    flex: 1;
    height: 100%;
    padding: 0;
    position: static;
    left: 0;
  }

  .fdc2.lower {
    inset: 0% auto 0% 0%;
    transform: rotate(-4deg);
  }

  .bestwishes {
    width: 85%;
    height: 17em;
    padding: 0;
    position: relative;
    top: 0%;
  }

  .fireworks_animate {
    height: 18rem;
    padding-left: 0;
    inset: 0% -11% auto auto;
  }

  .new_fireworks {
    display: none;
  }

  .overlay {
    opacity: .12;
  }

  .div-block-63 {
    display: none;
  }

  .mid {
    justify-content: space-between;
    align-items: center;
    height: 100%;
    padding-top: 0;
    padding-bottom: 0;
    display: inline-flex;
  }

  .image-118 {
    width: 100%;
  }

  .upu-section {
    flex-flow: column;
    height: auto;
    min-height: auto;
    max-height: none;
    display: flex;
    overflow: visible;
  }

  .upu-section.margin-bottom-regular {
    background-color: var(--f-white);
    background-image: linear-gradient(#fff1b5, #fff 29% 37%, #bdedd1 58%, #fff);
    min-height: auto;
    max-height: none;
  }

  .border {
    background-image: linear-gradient(#000, #4000ff80 53%, #000);
    border-width: 1rem;
    height: 26rem;
  }

  .absolute_wrapper {
    height: auto;
    inset: 0% auto auto 0%;
  }

  .slogon {
    justify-content: center;
    align-self: center;
    align-items: center;
    width: 100%;
  }

  .image-119 {
    opacity: .41;
    max-width: none;
  }

  .mesh {
    display: none;
  }

  .top_overlay {
    opacity: .21;
    max-width: none;
  }

  .div-block-64 {
    z-index: 0;
    background-image: linear-gradient(#fff0, #000 41%);
    width: 100%;
    height: 4rem;
    position: absolute;
    inset: auto 0% 0%;
  }

  .banner-container {
    background-image: url('../images/sky.webp');
    background-position: 50% 0;
    background-size: cover;
    border-width: 1rem;
    justify-content: flex-start;
    align-items: center;
    height: 30rem;
  }

  .zoom_in_animate {
    width: 100%;
    left: -7.15rem;
  }

  .kiosk_size {
    padding-top: 2rem;
  }

  .watercolor_moon {
    top: -.5rem;
    right: 41%;
  }

  .image-122 {
    inset: 0% 0% auto auto;
  }

  .mid_section_2025 {
    flex-flow: column;
    min-height: auto;
    max-height: none;
    display: flex;
    overflow: visible;
  }

  .mid_section_2025.margin-bottom-regular {
    background-color: var(--f-white);
    background-image: linear-gradient(#fff1b5, #fff 29% 37%, #bdedd1 58%, #fff);
    min-height: auto;
    max-height: none;
  }

  .upperstroke {
    width: 6rem;
  }

  .downloadstroke {
    width: 6rem;
    height: 6rem;
  }

  .slogon-sc {
    justify-content: center;
    align-self: center;
    align-items: center;
    width: 100%;
  }

  .logo_sc {
    opacity: .41;
    max-width: none;
  }

  .slogon-en {
    justify-content: center;
    align-self: center;
    align-items: center;
    width: 100%;
  }

  .logo_en {
    opacity: .41;
    max-width: none;
  }

  .section--santadance.margin-bottom-regular {
    aspect-ratio: auto;
    background-image: url('../images/yellowwall.webp');
    background-position: 0 0;
    background-repeat: repeat-y;
    background-size: contain;
    min-height: auto;
    max-height: none;
    margin-bottom: 1em;
  }

  .dancesanta_wrapper {
    flex-flow: row;
    flex: 0 auto;
    justify-content: center;
    align-self: center;
    align-items: center;
    height: 100%;
    display: flex;
    bottom: 0%;
    left: auto;
    right: auto;
  }

  .div-block-65 {
    background-size: cover;
    height: 4rem;
    inset: 16.5rem 0% auto;
  }

  .leaves_left, .leaves_right {
    width: 8rem;
  }

  .wall-deco {
    align-self: stretch;
    width: 100%;
    height: 20rem;
    position: relative;
  }

  .poster {
    width: 6rem;
    top: 3.3rem;
    left: 2.7rem;
  }

  .stps {
    width: 5rem;
    top: .6rem;
    left: 7.9rem;
  }

  .sticker {
    width: 2rem;
    inset: 5% 27% 0% auto;
  }

  .hanging {
    height: 14rem;
    inset: 0% 5% 0% auto;
  }

  .bg-video {
    transform: scale(1);
  }

  .macau-sar-26th {
    background-image: none;
    flex-flow: column;
    height: auto;
    min-height: auto;
    max-height: none;
    display: flex;
    overflow: visible;
  }

  .macau-sar-26th.margin-bottom-regular {
    background-color: var(--f-white);
    background-image: linear-gradient(#fff1b5, #fff 29% 37%, #bdedd1 58%, #fff);
    min-height: auto;
    max-height: none;
  }

  .stpaul {
    height: 25rem;
    inset: 0% auto auto 0%;
  }

  .bottom {
    justify-content: space-between;
    align-items: flex-end;
    height: 26rem;
    inset: 0% 0% auto;
  }

  .green {
    justify-content: space-between;
    align-items: flex-end;
    display: block;
    inset: auto 0% 0%;
  }

  .lotus_img {
    height: 21rem;
    inset: auto 0% 12% 43%;
  }

  .meteor-wrapper {
    width: 100%;
    height: 25rem;
  }

  ._26_graphic {
    filter: drop-shadow(0 1px 2px #3f3300b3);
    width: 32em;
    inset: auto 0% 50% 4%;
  }

  .cloud_svg {
    width: 28rem;
  }

  .fireworks_wrapper {
    mix-blend-mode: color-dodge;
    display: none;
    overflow: hidden;
  }

  .original_graphic_26 {
    filter: drop-shadow(0 1px 2px #3f3300b3);
    width: 32em;
    inset: auto 0% 50% 4%;
  }

  .original_anni_wrapper {
    z-index: 10;
    width: 100%;
    min-width: auto;
    margin-top: 0;
    padding-top: 0;
  }

  .horse-section {
    flex-flow: column;
    height: auto;
    min-height: auto;
    max-height: none;
    display: flex;
    overflow: visible;
  }

  .horse-section.margin-bottom-regular {
    background-color: var(--f-white);
    background-image: linear-gradient(#fff1b5, #fff 29% 37%, #bdedd1 58%, #fff);
    min-height: auto;
    max-height: none;
  }

  .horse_size {
    flex: 1;
    align-self: flex-end;
    width: auto;
    min-width: auto;
    max-width: none;
    height: 100%;
    min-height: auto;
    padding-top: 1.2rem;
    position: absolute;
    inset: 0% auto -2% -64%;
  }

  .code-embed-4 {
    width: 17rem;
    inset: 2.3rem 0% 0% -22%;
  }

  .building_feichung_wrap {
    flex-flow: column;
    flex: 0 auto;
    justify-content: flex-start;
    align-self: stretch;
    align-items: center;
    width: auto;
    min-width: auto;
    max-width: 22rem;
    height: auto;
    max-height: 95%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: absolute;
    inset: 0% -20% auto 0%;
  }

  .cloud1 {
    flex: none;
    align-self: flex-start;
    width: 9rem;
    height: auto;
    top: 57px;
    left: -32px;
  }

  .cloud2 {
    inset: 0% 0% auto auto;
  }

  .cloud3 {
    bottom: 50%;
  }

  .aniamted_horse {
    object-fit: fill;
    width: auto;
    display: block;
    position: absolute;
    inset: 3% 0% 0% -61%;
  }

  .rightsidebranch {
    height: 50%;
  }

  .left_half {
    align-self: center;
    max-width: 85%;
  }

  .leftsidebranch {
    height: 32%;
    position: absolute;
    inset: 0% auto 0% 0%;
  }

  .section-ctt142 {
    background-image: url('../images/bg_cloud.webp');
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: contain;
    flex-flow: column;
    min-height: auto;
    max-height: none;
    display: flex;
    overflow: visible;
  }

  .section-ctt142.margin-bottom-regular {
    background-color: var(--f-white);
    background-image: linear-gradient(#fff1b5, #fff 29% 37%, #bdedd1 58%, #fff);
    min-height: auto;
    max-height: none;
  }

  .anniversary_stamp {
    opacity: 42;
    flex: none;
    align-self: center;
    height: 25rem;
  }

  .anni142_stamo {
    min-width: 8rem;
    max-width: 18rem;
  }

  .stps_holder {
    justify-content: flex-start;
    align-items: flex-end;
    width: 100%;
    padding: 2rem;
  }

  .anniversary_stp {
    align-self: center;
    width: 100%;
  }

  .red_1 {
    width: 5em;
  }

  .balloon_142_holder {
    left: 1%;
  }

  .image-139, .image-140, .image-141 {
    width: 4em;
  }

  .easter-section--hero3 {
    flex-flow: column;
    min-height: auto;
    max-height: none;
    display: flex;
    overflow: visible;
  }

  .easter-section--hero3.margin-bottom-regular {
    background-color: var(--f-white);
    background-image: linear-gradient(#fff1b5, #fff 29% 37%, #bdedd1 58%, #fff);
    min-height: auto;
    max-height: none;
  }

  .easter-container-max-width {
    z-index: 2;
    background-image: none;
    flex-flow: column;
    overflow: hidden;
  }

  .grass {
    inset: 37% 0% auto;
  }

  .section--hero-easter2026.margin-bottom-regular {
    background-image: none;
    min-height: auto;
    max-height: none;
    margin-bottom: 1em;
  }

  .container-maxwidth-easter {
    height: auto;
    position: relative;
    overflow: hidden;
  }

  .hero-flex-easter-window {
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: auto;
    position: static;
    overflow: visible;
  }

  .telecom2026_section {
    background-image: none;
    flex-flow: column;
    height: auto;
    min-height: auto;
    max-height: none;
    display: flex;
    overflow: visible;
  }

  .telecom2026_section.margin-bottom-regular {
    background-color: var(--f-white);
    background-image: linear-gradient(#fff1b5, #fff 29% 37%, #bdedd1 58%, #fff);
    min-height: auto;
    max-height: none;
  }

  .hero_beaminglights {
    z-index: 0;
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    aspect-ratio: auto;
    flex-flow: column;
    flex: 1;
    justify-content: center;
    align-self: center;
    align-items: center;
    width: 100%;
    min-height: 24rem;
    max-height: 26rem;
    margin-top: 0;
    padding: 0 0 0 1rem;
    position: relative;
    overflow: hidden;
  }

  .globe_lights_wrapper {
    align-self: center;
    width: 100%;
  }

  .telecom_event_wrapper {
    width: 60vw;
  }

  .oval_bottom {
    justify-content: center;
    align-items: flex-start;
    display: flex;
    top: 0;
  }

  .network_dots {
    opacity: .37;
    mix-blend-mode: color-burn;
    background-image: url('../images/network.svg');
    background-position: 0 0;
    background-size: auto;
  }

  .seminar {
    filter: drop-shadow(-4px -2px 5px #fffffff2) drop-shadow(2px 2px 7px #e4ebffe6);
  }

  .radiate_arrow_wrapper {
    height: 30%;
    inset: 0% auto auto 0%;
  }

  .section--db2026 {
    background-image: linear-gradient(7deg, #effd7f 40%, #e5b4b4 60%, #fff);
    max-height: none;
    margin-bottom: 2rem;
  }

  .section--db2026.margin-bottom-regular {
    background-color: var(--f-white);
    background-image: url('../images/Wall_Background.webp');
    background-position: 50% 0;
    background-size: auto;
    min-height: auto;
    max-height: 36rem;
  }

  .calendar_graphics_wrapper {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .calendar_holder {
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    padding-right: 2rem;
    position: relative;
    bottom: 2.1rem;
    transform: rotate(7deg);
  }

  .floating_wrapper {
    opacity: .4;
    mix-blend-mode: multiply;
    flex-flow: wrap;
    position: absolute;
    inset: 0% 0% auto;
  }

  .background-video-4 {
    top: 0;
  }

  .drawing-left {
    align-self: flex-start;
    width: auto;
    height: 70%;
    bottom: 0;
    right: 117px;
  }

  .spotlight {
    z-index: 1;
    width: 15rem;
  }

  .spotlight.is--yellow {
    left: 0;
  }

  .floating_wrapper-copy {
    position: absolute;
    inset: 0% 0% auto;
  }

  .calendar_holder-copy {
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    padding-right: 3.2rem;
    position: relative;
    bottom: 2.1rem;
    transform: rotate(7deg);
  }

  .left_picture {
    align-self: flex-start;
    width: 85%;
    bottom: 0;
  }

  .right_picture {
    mix-blend-mode: multiply;
    justify-content: flex-end;
    align-self: flex-start;
    align-items: flex-end;
    width: 70%;
    height: auto;
    display: inline-flex;
    position: absolute;
    inset: 38% 0% auto;
  }

  .section--midaut2026 {
    min-height: 100vh;
  }

  .section--midaut2026.margin-bottom-regular {
    background-image: none;
    min-height: auto;
    max-height: none;
    margin-bottom: 1em;
  }

  .container-maxwidth-midaut {
    height: auto;
    position: relative;
    overflow: hidden;
  }

  .hero-flex-midaut {
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: auto;
    position: static;
    overflow: visible;
  }

  .background-video-6 {
    box-sizing: border-box;
    justify-content: flex-start;
    align-items: center;
    height: 30vh;
    margin-right: 0;
    display: block;
    inset: 0% 0% 0% auto;
  }

  .midaut-textgreeting {
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    height: 30vh;
    padding-right: 5rem;
  }

  .text-wrapper {
    padding-bottom: 4em;
  }

  .text-wrapper.pt, .text-wrapper.en {
    width: 60%;
    margin-right: 0;
  }

  .text-wrapper.en {
    width: 100%;
    margin-right: 0;
    padding-bottom: .3em;
  }

  .height-control {
    height: 7rem;
    display: flex;
  }

  .height-control.is--2 {
    position: relative;
    left: 5em;
  }

  .height-control.is--2.pt {
    padding-bottom: 0;
  }

  .height-control.is--3 {
    position: relative;
    left: 5em;
  }

  .height-control.is--3.pt {
    padding-bottom: 0;
  }

  .height-control.big-screen {
    display: none;
  }

  .greetings.pt {
    height: 80%;
  }

  .celebrate77-wrapper {
    justify-content: flex-start;
    align-items: flex-end;
    height: auto;
    min-height: auto;
    max-height: none;
  }

  .national77-hero-section {
    background-image: linear-gradient(218deg, #f07f81, #fff 62%);
    flex-flow: column;
    min-height: auto;
    max-height: none;
    display: flex;
    overflow: visible;
  }

  .national77-hero-section.margin-bottom-regular {
    background-color: var(--f-white);
    background-image: linear-gradient(#fff1b5, #fff 29% 37%, #bdedd1 58%, #fff);
    min-height: auto;
    max-height: none;
  }

  .gif-wrapper {
    opacity: .47;
    height: 10rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    inset: 0% 16% 36% auto;
  }
}

@media screen and (max-width: 479px) {
  p {
    font-size: 14.5px;
    line-height: 1.42;
  }

  .section.is--department.margin-bottom-regular {
    margin-bottom: 7.8em;
  }

  .section.is--pagebanner.margin-bottom-regular {
    min-height: 12em;
  }

  .form_input {
    width: 100%;
    font-size: 14.5px;
  }

  .text-size-small {
    text-align: left;
    font-size: 13.5px;
    line-height: 1.42;
  }

  .para_link-block_textfirst {
    background-position: 100%;
  }

  .logo-home {
    width: 200px;
  }

  .is--white {
    text-align: center;
  }

  .qr-code {
    align-self: center;
    max-width: 5em;
    height: 100%;
    max-height: 5em;
  }

  .footer-link-wrapper {
    text-align: left;
    flex-direction: column;
    flex: 0 auto;
    order: 1;
    place-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    margin-bottom: 3em;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
  }

  .qr-code-item {
    flex-direction: row-reverse;
    order: -1;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 8em;
    margin-bottom: 19px;
    padding: 0;
  }

  .pt-text-size-regular {
    font-size: 14.5px;
    line-height: 1.42;
  }

  .qr-holder {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    height: 100%;
    margin-top: 0;
  }

  .nav-iconswrapper {
    width: 100%;
  }

  .dropdown-toggle-2.mainnavitem {
    padding-left: .8em;
    padding-right: .8em;
  }

  .loan-linkblock {
    padding-left: 2.5em;
    padding-right: 2.5em;
  }

  .languageblock.is--mobile {
    font-size: 16px;
  }

  .image-21 {
    display: none;
  }

  .footer-grid {
    grid-row-gap: 40px;
  }

  .footer-leftinfo-wrapper {
    grid-template-rows: minmax(10.375em, 30em);
    grid-template-columns: 1fr;
    align-content: space-between;
    height: auto;
    padding: 0;
  }

  .footer-contact-wrapper {
    grid-row-gap: 32px;
    grid-template-columns: 1fr;
    justify-items: center;
    padding: 0;
  }

  .contact-info-item {
    text-align: center;
    width: 100%;
    margin-top: 0;
  }

  .inlinelink_withicon {
    font-size: 1.05rem;
  }

  .news-text {
    width: 50%;
    padding-top: .4em;
    padding-bottom: .4em;
  }

  .contact-form-title {
    font-size: 14.5px;
  }

  .container-large {
    max-width: none;
    height: auto;
  }

  .text-size-regular {
    white-space: normal;
    padding-left: 0;
    font-size: 14.5px;
    line-height: 1.42;
  }

  .pt-text-size-small {
    font-size: 14px;
    line-height: 1.48;
  }

  .pt-text-size-small.is--white {
    text-align: center;
  }

  .pt-text-size-tiny {
    font-size: 12.4px;
  }

  .qr-code-wrapper {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-wrap: nowrap;
    justify-content: space-between;
    height: auto;
  }

  .navbar {
    height: 100px;
  }

  .nav_container {
    align-self: center;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    padding-top: 1.2em;
    padding-left: .4rem;
    padding-right: .4rem;
    overflow: hidden;
  }

  .nav-bgcolor {
    height: 100px;
  }

  .logo_linkblock {
    width: 13em;
  }

  .nav-menu-wrapper {
    top: 100px;
  }

  .dropdown-link {
    border-bottom-style: solid;
    border-bottom-color: var(--f-ctt-greytext);
    padding-right: 1rem;
    font-size: 14.5px;
  }

  .container-maxwidth {
    z-index: 2;
  }

  .section--hero {
    background-image: linear-gradient(#71d0f6, #fff 25%, #f9b0a3 63%);
    margin-bottom: 2rem;
  }

  .section--hero.margin-bottom-regular {
    background-color: #fff;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: contain;
    flex: 1;
    max-height: none;
  }

  .hero-flex-wrapper {
    justify-content: space-between;
    align-items: flex-start;
    height: auto;
    padding-right: 0;
    overflow: visible;
  }

  .hero-graphics {
    flex-flow: column;
    flex: none;
    justify-content: flex-end;
    align-self: center;
    align-items: center;
    height: 18rem;
    min-height: auto;
    padding: 0;
  }

  .hero-shortcut {
    justify-content: space-between;
    align-items: center;
    margin-top: 0;
    padding: 0 .125rem 0 .125em;
  }

  .heading-text-tiny {
    color: var(--f-white);
    text-align: left;
  }

  .heading-text-tiny.is--blue {
    color: #fff;
  }

  .heading-text-tiny.change-color {
    color: var(--f-light);
  }

  .heading-text-tiny.change_color {
    color: var(--f-white);
  }

  .shortcut-item-text {
    font-size: .9rem;
  }

  .hero-grid-style {
    z-index: -10;
    grid-template-rows: minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr);
    grid-template-columns: minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr);
    position: absolute;
    inset: 0%;
  }

  .greetings_warpper {
    z-index: -10;
    flex: none;
    justify-content: center;
    align-self: center;
    align-items: center;
    width: 100%;
    padding: 0 .875em;
    display: none;
  }

  .grid--departments {
    grid-template-columns: 1fr;
    grid-auto-rows: minmax(9.8125em, 1fr);
  }

  .news_layout {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: minmax(2.8em, 1fr) minmax(2.8rem, 1fr) minmax(2.8rem, 1fr) minmax(2.8rem, 1fr);
  }

  .heading-text-regular {
    font-size: 1.125rem;
  }

  .svg-embed-small {
    width: 1.2rem;
    height: 1.2em;
  }

  .lottie-wrapper-resize {
    width: auto;
    height: auto;
    padding-right: 0;
  }

  .lottie-animation-5 {
    height: 36px;
  }

  .sectionbreak-text {
    padding-left: 1em;
    padding-right: 1em;
  }

  .more-issues-wrapper {
    flex-wrap: wrap;
    width: 100%;
  }

  .more-issues-wrapper.margin-bottom-tiny {
    width: 100%;
  }

  .section-title {
    font-size: 1.25rem;
  }

  .shortcut-list-wrapper {
    width: 100%;
  }

  .menu-button {
    flex: none;
    justify-content: center;
    align-items: center;
    width: 3rem;
    height: 3rem;
    margin-left: auto;
    margin-right: 0;
    display: flex;
  }

  .menu-button.w--open {
    width: 1.8em;
    height: 1.8em;
  }

  .lottie-menu {
    margin-bottom: .9em;
  }

  .path-wrapper {
    width: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .arrow-wrapper.add-margin-right-tiny {
    width: 1em;
    height: 1em;
  }

  .path-text {
    font-size: 14px;
  }

  .heading-text-big {
    font-size: 3em;
  }

  .para_link-block_iconfirst-aniamted {
    background-position: 18%;
    width: 4.5em;
    padding-left: 0;
    padding-right: .2em;
    text-decoration: none;
  }

  .para_link-block_iconfirst-aniamted:hover {
    background-position: 0%;
    padding-left: 2.3em;
  }

  .text-box {
    padding-left: 0;
  }

  .contact-email {
    font-family: Ubuntu, Helvetica, sans-serif;
  }

  .radio-btn-field {
    flex-wrap: nowrap;
  }

  .inline-linkblock-withicon-is-grey {
    font-size: .875rem;
    line-height: 1.42;
  }

  .tag-text {
    font-size: .875rem;
  }

  .news-img {
    flex: 1;
    height: 100%;
    min-height: auto;
    padding-top: 0;
    display: block;
  }

  .news-img.primary {
    flex: 1;
    width: 50%;
    padding-top: 40%;
  }

  .home-news-item-wrapper {
    align-items: flex-start;
    padding-top: 0%;
  }

  .home-news-link {
    min-height: auto;
  }

  .home-news-link.primary {
    align-items: flex-start;
  }

  .home-news-link.others {
    align-items: flex-start;
    height: 100%;
    max-height: none;
  }

  .tool-title-wrapper {
    background-color: var(--f-ctt-blue);
    width: 100dvw;
    color: var(--f-white);
  }

  .chi_svg_wrapper {
    justify-content: center;
    align-items: flex-end;
    height: auto;
    padding: 1.5rem;
    display: flex;
  }

  .snow {
    filter: blur(9px);
  }

  .snow._1 {
    width: 60%;
  }

  .snow._2 {
    width: 60%;
    display: none;
  }

  .snow._3 {
    display: none;
  }

  .snow._4 {
    width: 100%;
  }

  .blur_snowybg {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    justify-content: space-between;
    align-items: flex-start;
    width: 60vw;
    inset: 0% 0% auto;
  }

  .text-log-wrapper {
    opacity: 1;
    mix-blend-mode: normal;
    justify-content: center;
    align-items: center;
    width: 100%;
    bottom: 0%;
  }

  .telecom_main_wrap {
    justify-content: center;
    align-items: center;
    width: auto;
    margin-top: 0;
    padding: .8rem;
  }

  .rightcloud {
    width: 8rem;
    max-width: 8rem;
    bottom: 0%;
  }

  .year_text {
    top: 7%;
  }

  .deco {
    width: 7rem;
    bottom: -2%;
    left: 4%;
  }

  .orange_bg {
    padding-left: .9125rem;
    padding-right: .9125rem;
  }

  .title_log {
    z-index: 15;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 1.1rem;
    display: flex;
    bottom: 0;
    left: 3px;
  }

  .easter_hero_img {
    width: auto;
    height: 100%;
    inset: auto 0% 0%;
  }

  .right_shell {
    height: 100%;
    margin-left: 7.6rem;
    left: .125px;
  }

  .left_shell {
    height: 100%;
    margin-left: -4.8rem;
    left: 5.391px;
  }

  .infinity {
    z-index: -20;
    justify-content: center;
    align-items: center;
    width: 120%;
    display: inline-flex;
    inset: 0%;
  }

  .blue-png {
    z-index: -10;
    width: 100%;
    display: none;
  }

  .purple-png {
    z-index: -10;
    display: none;
  }

  .orange-png {
    width: 100%;
  }

  .pink-png {
    z-index: -10;
    width: 100%;
  }

  .title {
    width: 10rem;
  }

  .theme-name {
    margin-bottom: 3.7em;
  }

  .gradient {
    background-image: radial-gradient(circle at 50% 0, #6dade099 18%, #fff0 63%);
  }

  .mountain_wrap {
    top: 22%;
  }

  .sun_and_text {
    width: 26em;
    height: 22em;
    top: 0%;
    left: 1%;
  }

  .greeting_text_svg {
    padding: 4rem 0;
  }

  .animate_holder {
    padding-left: 0;
    inset: 35% 0% auto;
  }

  .moon {
    opacity: .83;
    background-image: radial-gradient(circle, #feffef 51%, #fff0 66%);
    justify-content: center;
    align-items: flex-end;
    width: 15rem;
    height: 15rem;
    max-height: 95%;
    inset: 0% 0% 0% auto;
  }

  .flowers {
    z-index: 10;
    background-size: 100%;
    width: 75%;
  }

  .rabbit {
    width: 8rem;
    height: 8rem;
    transition: opacity .2s;
    inset: auto auto -5% -26%;
  }

  .image-69 {
    inset: 0% 0% auto;
  }

  .moon_wrap {
    justify-content: flex-end;
    align-items: flex-start;
  }

  .rabbit2 {
    width: 5rem;
    height: 5rem;
    display: none;
    top: 6%;
  }

  .rabbit-3 {
    width: 4rem;
    height: 4rem;
    left: -21%;
  }

  .bottom-cloud {
    width: 20rem;
  }

  .top_cloud {
    display: none;
  }

  .mid_cloud {
    filter: blur(9px);
    top: -4%;
  }

  .surface_img {
    padding: .8rem;
  }

  .section--upu--ad {
    background-image: linear-gradient(#c4d9e5, #c4d9e5);
    margin-bottom: 2rem;
  }

  .section--upu--ad.margin-bottom-regular {
    background-color: #fff;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: contain;
    flex: 1;
    max-height: none;
  }

  .upu-hero-graphics {
    flex: none;
    justify-content: flex-start;
    align-items: center;
    height: auto;
    min-height: 16.5rem;
  }

  .anniverary_text {
    text-align: left;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: .1rem 0 .1rem 2rem;
    display: flex;
  }

  .upu_title {
    flex: 1;
    align-self: center;
    margin-left: auto;
  }

  .national-section--hero {
    background-position: 50% 22%;
    min-height: auto;
    max-height: none;
    margin-bottom: 2rem;
  }

  .national-section--hero.margin-bottom-regular {
    background-color: #fff;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: contain;
    flex: 1;
    max-height: none;
  }

  .sunray {
    inset: -80% 0% auto;
    transform: scale(2);
  }

  .building_wrapper {
    height: auto;
  }

  .floor_wrapper {
    background-position: 50% 0, 0 0;
    flex: none;
    justify-content: space-between;
    align-items: flex-start;
    height: 20%;
    display: flex;
  }

  .title_wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    justify-content: flex-start;
    align-items: center;
    height: auto;
  }

  .image-77 {
    object-fit: scale-down;
    width: auto;
  }

  .hero-grid-style__upu {
    z-index: -10;
    grid-template-rows: minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) auto auto auto auto auto auto;
    grid-template-columns: minmax(2.5em, 1fr) minmax(2.5em, 1fr) 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    position: absolute;
    inset: 0%;
  }

  .hugebox {
    z-index: 0;
    position: relative;
  }

  .ctt-building {
    padding-right: 0;
  }

  .hero-shortcut-2 {
    margin-top: -1.6em;
    padding-bottom: 0;
  }

  .hero-grid-style-2 {
    grid-template-rows: minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr);
    grid-template-columns: minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr);
    max-height: 22em;
  }

  .tagline-svg {
    width: 100vw;
  }

  .tool-title-wrapper-2 {
    width: 100dvw;
  }

  .building-wrapper {
    z-index: 1;
    width: 95vw;
  }

  .lottie-animation-7 {
    height: 36px;
  }

  .shortcut-list-wrapper-2 {
    width: 100dvw;
  }

  .div-block-45 {
    background-size: contain;
  }

  .image-78 {
    max-width: 60%;
  }

  .container-maxwidth-3 {
    justify-content: center;
    align-items: flex-start;
    display: flex;
    position: relative;
    inset: 0% 0% auto;
  }

  .hero-shortcut-3 {
    height: 50%;
    margin-top: 0;
    padding-bottom: .5rem;
    position: relative;
  }

  .hero-grid-style-3 {
    grid-template-rows: minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr);
    grid-template-columns: minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr);
  }

  .shortcut-item-wrapper-3 {
    max-height: none;
  }

  .lottie-animation-8 {
    height: 36px;
  }

  .hero-shortcut-4 {
    margin-top: -1.6em;
    padding-bottom: 0;
  }

  .hero-grid-style-4 {
    grid-template-rows: minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr);
    grid-template-columns: minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr) minmax(2.5em, 1fr);
  }

  .lottie-animation-9 {
    height: 36px;
  }

  ._25thlogo_wrapper {
    z-index: 1;
    width: 95vw;
  }

  .temporary_25th {
    width: 100vw;
    margin-top: -.2rem;
    margin-bottom: 1rem;
    bottom: 0;
  }

  .lotus_wrapper {
    width: 75vw;
    top: 28%;
  }

  .title_log_wrapper {
    justify-content: space-between;
    align-items: center;
    width: 60vw;
    display: flex;
    top: auto;
    bottom: 2.1rem;
    left: 4.6rem;
  }

  .element_2_wrapper {
    width: 45vw;
    top: 34%;
  }

  .the-view-background {
    background-image: none;
  }

  .section--hero-xmas.margin-bottom-regular {
    margin-bottom: 2rem;
  }

  .window_holder {
    min-width: 33cqw;
    min-height: 12rem;
  }

  .window_holder.hide {
    margin-left: 0%;
  }

  .div-block-46 {
    margin-left: auto;
  }

  .mute_button {
    inset: 1% 1% auto auto;
  }

  .hero-section-gold-banner {
    min-height: 16.5rem;
    margin-bottom: 2rem;
  }

  .hero-section-gold-banner.margin-bottom-regular {
    background-color: #fff;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: contain;
    flex: 1;
    max-height: none;
  }

  .bloco {
    width: 85%;
    padding-top: .45rem;
  }

  .section--anniversary.margin-bottom-regular {
    margin-bottom: 3.8em;
  }

  .issue_release {
    flex: 1;
    width: 100%;
    height: 25dvh;
    min-height: 16rem;
    margin-top: 0;
    padding: 0;
  }

  .bloco_wrapper {
    flex: 1;
    justify-content: center;
    align-self: center;
    align-items: center;
    padding: 0 .8rem 0 2.83rem;
  }

  .bloco_size {
    align-self: flex-start;
    padding: 0;
    left: 0;
  }

  .spacer {
    justify-content: space-between;
    align-items: flex-end;
    padding-top: 0;
  }

  .issue_date {
    flex-flow: row;
    flex: none;
    justify-content: space-between;
    align-self: flex-start;
    align-items: flex-start;
    width: 100%;
    margin-top: 0;
    margin-left: 0;
    padding: 11px;
    display: flex;
    inset: 0%;
  }

  .image-88 {
    width: 75%;
    max-width: none;
  }

  .issuedate_holder {
    width: 11rem;
    left: -9%;
  }

  .section--cny.margin-bottom-regular {
    margin-bottom: 2rem;
  }

  .hero-flex-cny {
    height: auto;
  }

  .main_graphics_wrappr {
    aspect-ratio: 16 / 9;
    max-height: 18rem;
    overflow: hidden;
  }

  .main_circle {
    filter: drop-shadow(0 0 .15rem #fff);
    margin-top: 0;
    margin-right: auto;
    padding: 0 7px 2.875rem;
  }

  .wishes.animate_delay {
    height: 100%;
    left: -15px;
  }

  .orange_fan.rotating-image {
    width: 15dvh;
    inset: 0% -12% 0% auto;
  }

  .upper_fan {
    width: 150%;
    max-width: none;
  }

  .lower_open_fan {
    inset: 32% 0% auto;
  }

  .red_fan.rotating-image {
    width: 10dvh;
    inset: 3% auto auto -5%;
  }

  .div-block-53 {
    position: absolute;
  }

  .section-ctt144 {
    background-position: 50% 22%;
    min-height: auto;
    max-height: none;
    margin-bottom: 2rem;
  }

  .section-ctt144.margin-bottom-regular {
    background-color: #fff;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: contain;
    flex: 1;
    max-height: none;
  }

  .logo {
    height: 50%;
  }

  .curves_holder {
    inset: 40% 0% auto auto;
  }

  .date_svg {
    align-self: flex-end;
    width: 6rem;
    margin-bottom: 0;
    margin-right: 2rem;
  }

  .fireworks_holder {
    opacity: 59;
  }

  .section-ctt144_2 {
    justify-content: space-between;
    align-self: flex-start;
    align-items: flex-start;
    min-height: auto;
    max-height: none;
    margin-bottom: 2rem;
  }

  .section-ctt144_2.margin-bottom-regular {
    background-color: #fff;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: contain;
    flex: 1;
    max-height: none;
  }

  .ctt141_logo {
    min-width: 6em;
    max-width: 22.5em;
  }

  .colorbar {
    height: 2em;
    inset: auto 0% 0%;
  }

  .curves_wrapper {
    top: 30%;
  }

  .easter-section--hero {
    background-position: 50% 22%;
    min-height: auto;
    max-height: none;
    margin-bottom: 2rem;
  }

  .easter-section--hero.margin-bottom-regular {
    background-color: #fff;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: contain;
    flex: 1;
    max-height: none;
  }

  .animated_bunny {
    bottom: 0%;
  }

  .animated_bunny_svg {
    height: 28em;
  }

  .easter-section--hero2 {
    background-position: 50% 22%;
    min-height: auto;
    max-height: none;
    margin-bottom: 2rem;
  }

  .easter-section--hero2.margin-bottom-regular {
    background-color: #fff;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: contain;
    flex: 1;
    max-height: none;
  }

  .yellow_bunny {
    grid-column-gap: .4rem;
    grid-row-gap: .4rem;
    padding-left: 0;
    padding-right: 0;
  }

  .bunny_wrapper {
    opacity: 18;
    filter: blur(1px);
    flex: 1;
    justify-content: center;
    align-self: flex-end;
    align-items: flex-end;
    height: auto;
  }

  .image-97 {
    align-self: flex-end;
  }

  .yellow_top {
    height: 70%;
  }

  .section--telecom2025 {
    aspect-ratio: auto;
    min-height: 18rem;
    max-height: none;
  }

  .section--telecom2025.margin-bottom-regular {
    background-repeat: no-repeat, no-repeat;
    background-size: auto, auto 18rem;
    margin-bottom: 2rem;
  }

  .bottom_curves {
    min-height: 4rem;
    bottom: 49%;
  }

  .color_curves {
    z-index: 5;
    min-height: 6rem;
  }

  .pink_element {
    width: 70%;
    inset: 0% auto 0% 0%;
  }

  .blue_element {
    align-self: flex-end;
    margin-top: 2.8125rem;
    padding-top: 0;
    inset: auto 0% 0% auto;
  }

  .div-block-55 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    justify-content: center;
    align-self: center;
    align-items: center;
    margin-top: 2rem;
    padding: .175rem;
  }

  .image-99 {
    inset: 0% auto auto 10%;
    transform: scale(1.3);
  }

  .image-100 {
    margin-top: 8rem;
  }

  .section-dragonboat {
    background-image: radial-gradient(circle at 0 0, #fbfaef, #faf9d5 17%, #54c8ea 34%);
    height: auto;
    max-height: none;
    margin-bottom: 2rem;
  }

  .section-dragonboat.margin-bottom-regular {
    background-color: #fff;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: contain;
    flex: 1;
    max-height: none;
  }

  .banner_backgroundelement {
    height: 50%;
    inset: 0% 0% auto;
  }

  .clouds_2 {
    height: 35%;
    inset: 0% 0% auto auto;
  }

  .waves {
    inset: 0%;
  }

  .boat_wrapper {
    flex: 1;
    justify-content: flex-end;
    align-self: center;
    align-items: center;
    width: 100%;
    padding-top: .2rem;
    inset: 0% 0% auto 31px;
  }

  .graphics_wrapper {
    flex: 1;
    width: 90%;
    height: 25dvh;
    min-height: 16rem;
    margin-top: 0;
    padding: 1.125rem;
  }

  .festive_words {
    width: 20%;
  }

  .main_graphics {
    object-fit: scale-down;
    flex: 0 auto;
    justify-content: space-between;
    align-items: flex-end;
    inset: 0 0% 0%;
  }

  .image-105 {
    align-self: flex-end;
    inset: auto 0% 0%;
  }

  .wide_waves {
    height: 24%;
    inset: auto 0% 0%;
  }

  .waves_on_right {
    inset: auto 0% 0% auto;
  }

  .national76-hero-section {
    min-height: auto;
    max-height: none;
    margin-bottom: 2rem;
  }

  .national76-hero-section.margin-bottom-regular {
    background-color: #fff;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: contain;
    flex: 1;
    max-height: none;
  }

  ._76-full-width {
    justify-content: space-between;
    align-items: center;
    height: 34em;
    min-height: auto;
    max-height: none;
  }

  .imperial-court-wrapper {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    background-image: linear-gradient(#0000, #0000);
    justify-content: flex-start;
    align-items: center;
    height: 50%;
    padding-top: 0;
  }

  .red-bar {
    opacity: 0;
    height: 2em;
  }

  .red-bar.zeroout {
    opacity: 0;
    height: 6em;
  }

  .imperial-court {
    width: 100%;
    bottom: 3.4rem;
  }

  .bluebar {
    height: 2.9em;
  }

  .div-block-56 {
    height: 2rem;
  }

  .maingraphics_wrapper {
    display: flex;
  }

  .image-108 {
    height: 5em;
  }

  ._76 {
    height: 7em;
    bottom: 4rem;
  }

  .firework_ani {
    inset: 0% auto 0% 0%;
  }

  .imperial-court_long, .imperial-court_m, .imperial-court_fit {
    width: 100%;
    bottom: 3.4rem;
  }

  .fdc {
    align-self: flex-start;
    padding: 0;
    left: 0;
  }

  .nationalday76_section {
    background-image: linear-gradient(#ffbd4b 16%, #ffe9c3 44%, #fff 74%);
    min-height: auto;
    max-height: none;
    margin-bottom: 2rem;
  }

  .nationalday76_section.margin-bottom-regular {
    background-color: #fff;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: contain;
    flex: 1;
    max-height: none;
  }

  .animate_fireworks {
    margin-left: -21%;
  }

  .fdc2 {
    align-self: flex-start;
    padding: 0;
    left: 0;
  }

  .bestwishes {
    margin-bottom: 15px;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    position: relative;
  }

  .fireworks_animate {
    width: 85%;
    height: 15rem;
    padding-bottom: 0;
    padding-left: 8rem;
    inset: -15% -10% 0 auto;
  }

  .image-116 {
    width: 100%;
  }

  .mid {
    justify-content: center;
    align-items: center;
    height: 100%;
  }

  .upu-section {
    background-position: 50% 22%;
    min-height: auto;
    max-height: none;
    margin-bottom: 2rem;
  }

  .upu-section.margin-bottom-regular {
    background-color: #fff;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: contain;
    flex: 1;
    max-height: none;
  }

  .border {
    background-image: none;
    border-width: .8rem;
    height: 20rem;
  }

  .absolute_wrapper {
    z-index: 3;
  }

  .slogon {
    width: 100%;
  }

  .image-119 {
    max-width: 100%;
    padding: 0;
  }

  .top_overlay {
    opacity: .23;
    max-width: 100%;
    padding: 0;
  }

  .banner-container {
    background-image: url('../images/sky.webp');
    background-position: 50% 0;
    background-size: cover;
    border-width: .8rem;
    height: 20rem;
    position: relative;
    inset: 0%;
  }

  .zoom_in_animate {
    z-index: 50;
    justify-content: center;
    align-self: center;
    align-items: flex-start;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
  }

  .kiosk_light {
    width: auto;
    height: 100%;
  }

  .mid_section_2025 {
    background-position: 50% 22%;
    min-height: auto;
    max-height: none;
    margin-bottom: 2rem;
  }

  .mid_section_2025.margin-bottom-regular {
    background-color: #fff;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: contain;
    flex: 1;
    max-height: none;
  }

  .lottie-animation-10 {
    flex: none;
    width: 21rem;
    bottom: 0%;
  }

  .upperstroke {
    width: 4rem;
    height: 1.2rem;
    left: 8%;
  }

  .downloadstroke {
    width: 4rem;
    height: 4rem;
    left: 8%;
  }

  .slogon-sc {
    width: 100%;
  }

  .logo_sc {
    max-width: 100%;
    padding: 0;
  }

  .slogon-en {
    width: 100%;
  }

  .logo_en {
    max-width: 100%;
    padding: 0;
  }

  .section--santadance.margin-bottom-regular {
    background-position: 50% 0;
    background-repeat: repeat-y;
    background-size: 150%;
    flex: 1;
    margin-bottom: 2rem;
  }

  .dancesanta_wrapper {
    flex: 0 auto;
    height: auto;
    min-height: auto;
    max-height: 100%;
    padding: 0;
    position: absolute;
    inset: auto 0% 0%;
  }

  .div-block-65 {
    background-position: 50% 0;
    background-size: cover;
    justify-content: center;
    align-items: flex-start;
    height: 5rem;
    display: flex;
    position: absolute;
    inset: 34.2em 0% auto;
  }

  .christmas-leaves {
    height: 5rem;
    margin-right: 0;
    display: block;
    position: absolute;
    inset: 0% 0% auto;
  }

  .leaves_left, .leaves_right {
    width: 4rem;
  }

  .wall-deco {
    height: 38em;
    inset: 0% 0% auto;
  }

  .poster {
    width: 6rem;
    top: 4.3rem;
    left: 1rem;
  }

  .stps {
    width: 4.5rem;
    top: 1.6rem;
    left: 5.9rem;
  }

  .sticker {
    width: 2.5rem;
    top: 6%;
  }

  .hanging {
    height: 15rem;
    right: 5%;
  }

  .macau-sar-26th {
    background-image: linear-gradient(#dfefe8, #dfefe8);
    min-height: auto;
    max-height: none;
    margin-bottom: 2rem;
  }

  .macau-sar-26th.margin-bottom-regular {
    background-color: #fff;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: contain;
    flex: 1;
    max-height: none;
  }

  .stpaul, .bottom {
    height: 20rem;
  }

  .green {
    inset: auto 0% 0%;
  }

  .lotus_img {
    height: 18rem;
    inset: auto 0% 18% 27%;
  }

  ._26_graphic {
    filter: drop-shadow(0 1px 2px #3f3300b3);
    align-self: center;
    width: 85%;
    bottom: 50%;
  }

  .cloud_svg {
    width: 17rem;
  }

  .fireworks_wrapper {
    display: none;
  }

  .original_graphic_26 {
    filter: drop-shadow(0 1px 2px #3f3300b3);
    align-self: center;
    width: 85%;
    bottom: 50%;
  }

  .original_anni_wrapper {
    width: 100%;
  }

  .temp_logo_placement {
    width: 13em;
  }

  .horse-section {
    background-image: none;
    min-height: auto;
    max-height: none;
    margin-bottom: 2rem;
  }

  .horse-section.margin-bottom-regular {
    background-color: #fff;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: contain;
    flex: 1;
    max-height: none;
  }

  .horse_size {
    align-self: flex-end;
    width: 100%;
    max-width: none;
    height: auto;
    padding-top: 0;
    inset: 0% auto 0% -78%;
  }

  .code-embed-4 {
    justify-content: center;
    align-items: flex-end;
    width: 15rem;
    inset: 20px 0% 0% -38%;
  }

  .building_feichung_wrap {
    min-width: 13rem;
    max-width: 16rem;
  }

  .cloud1 {
    width: 8rem;
  }

  .cloud2 {
    width: 7rem;
  }

  .cloud3 {
    width: 7rem;
    bottom: 41%;
  }

  .aniamted_horse {
    width: auto;
    inset: 10% 0% 0% -69%;
  }

  .rightsidebranch {
    height: 37%;
  }

  .left_half {
    justify-content: space-between;
    align-self: flex-end;
    align-items: flex-start;
    max-width: 95%;
  }

  .pic_roll {
    width: 87rem;
  }

  .roll_size {
    justify-content: flex-end;
    align-items: flex-start;
    min-width: 11rem;
    max-width: 15rem;
    right: 62px;
  }

  .grid {
    grid-template-columns: 1fr;
  }

  .section-ctt142 {
    justify-content: space-between;
    align-self: flex-start;
    align-items: flex-start;
    min-height: auto;
    max-height: none;
    margin-bottom: 2rem;
  }

  .section-ctt142.margin-bottom-regular {
    background-color: #fff;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: contain;
    flex: 1;
    max-height: none;
  }

  .anniversary_stamp {
    opacity: 59;
    height: 50dvh;
  }

  .anni142_stamo {
    min-width: 6em;
    max-width: 22.5em;
  }

  .stps_holder {
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
  }

  .anniversary_stp {
    height: auto;
  }

  .div-block-72 {
    width: auto;
  }

  .blue_1 {
    width: 5.5em;
  }

  .red_1 {
    width: 6em;
  }

  .easter-section--hero3 {
    background-position: 50% 22%;
    min-height: auto;
    max-height: none;
    margin-bottom: 2rem;
  }

  .easter-section--hero3.margin-bottom-regular {
    background-color: #fff;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: contain;
    flex: 1;
    max-height: none;
  }

  .easter-container-max-width {
    z-index: 2;
    background-image: none;
  }

  .grass {
    top: 39%;
  }

  .image-142 {
    width: 120%;
    max-width: 150%;
  }

  .section--hero-easter2026.margin-bottom-regular {
    margin-bottom: 2rem;
  }

  .container-maxwidth-easter {
    justify-content: center;
    align-items: flex-start;
    display: flex;
    position: relative;
    inset: 0% 0% auto;
  }

  .telecom2026_section {
    background-image: none;
    min-height: auto;
    max-height: none;
    margin-bottom: 2rem;
  }

  .telecom2026_section.margin-bottom-regular {
    background-color: #fff;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: contain;
    flex: 1;
    max-height: none;
  }

  .hero_beaminglights {
    flex-flow: column;
    flex: none;
    justify-content: flex-end;
    align-self: center;
    align-items: center;
    height: 18rem;
    min-height: auto;
    padding: 0;
  }

  .seminar {
    filter: drop-shadow(-4px -2px 5px #fffffff2) drop-shadow(2px 2px 7px #e4ebffe6);
  }

  .radiate_arrow_wrapper {
    z-index: 3;
  }

  .section--db2026 {
    margin-bottom: 2rem;
  }

  .section--db2026.margin-bottom-regular {
    background-color: #fff;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: contain;
    flex: 1;
    max-height: none;
  }

  .calendar_graphics_wrapper {
    justify-content: space-between;
    align-items: center;
  }

  .calendar_holder {
    justify-content: flex-end;
    align-items: center;
    padding-right: 1.5rem;
    bottom: 0;
    transform: scale(1)rotate(3deg);
  }

  .calendar_sizing {
    width: 14rem;
    padding-bottom: 1.8rem;
  }

  .floating_wrapper {
    opacity: .45;
  }

  .drawing-left {
    flex: 1;
    height: 25%;
  }

  .drawingright {
    mix-blend-mode: multiply;
    width: auto;
    display: block;
    top: 0;
    bottom: 6%;
    right: 29%;
  }

  .background-video-5 {
    top: 5rem;
  }

  .calendar_holder-copy {
    justify-content: flex-end;
    align-items: center;
    padding-right: .8rem;
    bottom: 0;
    transform: rotate(4deg);
  }

  .left_picture {
    width: 100%;
  }

  .right_picture {
    mix-blend-mode: multiply;
    width: 100%;
  }

  .section--midaut2026 {
    min-height: auto;
  }

  .section--midaut2026.margin-bottom-regular {
    margin-bottom: 2rem;
  }

  .container-maxwidth-midaut {
    justify-content: center;
    align-items: flex-start;
    display: flex;
    position: relative;
    inset: 0% 0% auto;
  }

  .background-video-6 {
    height: 20vh;
  }

  .midaut-textgreeting {
    height: 20vh;
    padding-right: 2rem;
  }

  .text-wrapper {
    height: 100%;
  }

  .text-wrapper.tc, .text-wrapper.sc {
    display: flex;
  }

  .text-wrapper.pt {
    width: 70%;
    margin-right: 0;
    display: none;
  }

  .text-wrapper.en {
    width: 85%;
    margin-right: -3.3rem;
    padding-bottom: .4em;
    display: none;
  }

  .text-wrapper.pt {
    display: flex;
  }

  .text-wrapper.en {
    margin-right: 0;
    display: flex;
  }

  .height-control {
    height: 4.5rem;
  }

  .height-control.is--2.pt, .height-control.is--3.pt {
    padding-bottom: 0;
  }

  .greetings.pt {
    height: 70%;
  }

  .celebrate77-wrapper {
    display: flex;
  }

  .national77-hero-section {
    background-image: linear-gradient(218deg, #f07f81, #fff 62%);
    min-height: auto;
    max-height: none;
    margin-bottom: 2rem;
  }

  .national77-hero-section.margin-bottom-regular {
    background-color: #fff;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: contain;
    flex: 1;
    max-height: none;
  }

  .wordings {
    z-index: 5;
    align-self: flex-start;
    width: 70%;
  }

  .gif-wrapper {
    opacity: .51;
    inset: 0% 0% 43% auto;
  }
}

#w-node-d395c79c-fabb-3240-478b-15cf4101fa4d-4154921b, #w-node-_15e7f5e9-8209-c48c-d484-9bd8551c7405-4154921b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c388b0b0-e951-47c7-cc26-354a5173686e-4154921b {
  grid-area: primary;
}

#w-node-a30f9f4c-e4cd-7d0b-f058-96a3f9a8353c-4154921b, #w-node-_7e16e7cf-0568-e1ba-cd12-a018b6985c92-4154921b, #w-node-cf150ed1-5c2e-b517-16c3-ede9e99666a0-4154921b, #w-node-_9261bb1e-3e4c-0922-bb91-1777d01f5d07-54c980d9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b309f5c3-e719-016c-d6d4-859254c980dc-54c980d9 {
  order: -9999;
  grid-area: 1 / 2 / 2 / 3;
  place-self: center;
}

#w-node-b309f5c3-e719-016c-d6d4-859254c980dd-54c980d9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-b309f5c3-e719-016c-d6d4-859254c980de-54c980d9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b309f5c3-e719-016c-d6d4-859254c980f0-54c980d9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-b309f5c3-e719-016c-d6d4-859254c98110-54c980d9 {
  order: 9999;
  grid-area: 2 / 1 / 3 / 4;
}

#w-node-b309f5c3-e719-016c-d6d4-859254c98111-54c980d9, #w-node-d395c79c-fabb-3240-478b-15cf4101fa4d-ff38e98f, #w-node-_15e7f5e9-8209-c48c-d484-9bd8551c7405-ff38e98f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c388b0b0-e951-47c7-cc26-354a5173686e-ff38e98f {
  grid-area: primary;
}

#w-node-a30f9f4c-e4cd-7d0b-f058-96a3f9a8353c-ff38e98f, #w-node-_7e16e7cf-0568-e1ba-cd12-a018b6985c92-ff38e98f, #w-node-cf150ed1-5c2e-b517-16c3-ede9e99666a0-ff38e98f, #w-node-d395c79c-fabb-3240-478b-15cf4101fa4d-ed4381eb, #w-node-_15e7f5e9-8209-c48c-d484-9bd8551c7405-ed4381eb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c388b0b0-e951-47c7-cc26-354a5173686e-ed4381eb {
  grid-area: primary;
}

#w-node-a30f9f4c-e4cd-7d0b-f058-96a3f9a8353c-ed4381eb, #w-node-_7e16e7cf-0568-e1ba-cd12-a018b6985c92-ed4381eb, #w-node-cf150ed1-5c2e-b517-16c3-ede9e99666a0-ed4381eb, #w-node-_80054164-d880-c144-e959-eb6f1b055bcf-f419a68c, #w-node-_80054164-d880-c144-e959-eb6f1b055bd0-f419a68c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c388b0b0-e951-47c7-cc26-354a5173686e-f419a68c {
  grid-area: primary;
}

#w-node-a30f9f4c-e4cd-7d0b-f058-96a3f9a8353c-f419a68c, #w-node-_7e16e7cf-0568-e1ba-cd12-a018b6985c92-f419a68c, #w-node-cf150ed1-5c2e-b517-16c3-ede9e99666a0-f419a68c, #w-node-_80054164-d880-c144-e959-eb6f1b055bcf-dadf4e77, #w-node-_80054164-d880-c144-e959-eb6f1b055bd0-dadf4e77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c388b0b0-e951-47c7-cc26-354a5173686e-dadf4e77 {
  grid-area: primary;
}

#w-node-a30f9f4c-e4cd-7d0b-f058-96a3f9a8353c-dadf4e77, #w-node-_7e16e7cf-0568-e1ba-cd12-a018b6985c92-dadf4e77, #w-node-cf150ed1-5c2e-b517-16c3-ede9e99666a0-dadf4e77, #w-node-d395c79c-fabb-3240-478b-15cf4101fa4d-6481bb0c, #w-node-_15e7f5e9-8209-c48c-d484-9bd8551c7405-6481bb0c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c388b0b0-e951-47c7-cc26-354a5173686e-6481bb0c {
  grid-area: primary;
}

#w-node-a30f9f4c-e4cd-7d0b-f058-96a3f9a8353c-6481bb0c, #w-node-_7e16e7cf-0568-e1ba-cd12-a018b6985c92-6481bb0c, #w-node-cf150ed1-5c2e-b517-16c3-ede9e99666a0-6481bb0c, #w-node-d395c79c-fabb-3240-478b-15cf4101fa4d-f4f94be9, #w-node-_15e7f5e9-8209-c48c-d484-9bd8551c7405-f4f94be9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c388b0b0-e951-47c7-cc26-354a5173686e-f4f94be9 {
  grid-area: primary;
}

#w-node-a30f9f4c-e4cd-7d0b-f058-96a3f9a8353c-f4f94be9, #w-node-_7e16e7cf-0568-e1ba-cd12-a018b6985c92-f4f94be9, #w-node-cf150ed1-5c2e-b517-16c3-ede9e99666a0-f4f94be9, #w-node-d395c79c-fabb-3240-478b-15cf4101fa4d-08ee7fb8, #w-node-_15e7f5e9-8209-c48c-d484-9bd8551c7405-08ee7fb8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c388b0b0-e951-47c7-cc26-354a5173686e-08ee7fb8 {
  grid-area: primary;
}

#w-node-a30f9f4c-e4cd-7d0b-f058-96a3f9a8353c-08ee7fb8, #w-node-_7e16e7cf-0568-e1ba-cd12-a018b6985c92-08ee7fb8, #w-node-cf150ed1-5c2e-b517-16c3-ede9e99666a0-08ee7fb8, #w-node-_80054164-d880-c144-e959-eb6f1b055bcf-3faf7c9f, #w-node-_80054164-d880-c144-e959-eb6f1b055bd0-3faf7c9f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c388b0b0-e951-47c7-cc26-354a5173686e-3faf7c9f {
  grid-area: primary;
}

#w-node-a30f9f4c-e4cd-7d0b-f058-96a3f9a8353c-3faf7c9f, #w-node-_7e16e7cf-0568-e1ba-cd12-a018b6985c92-3faf7c9f, #w-node-cf150ed1-5c2e-b517-16c3-ede9e99666a0-3faf7c9f, #w-node-d395c79c-fabb-3240-478b-15cf4101fa4d-ff8b8d82, #w-node-_15e7f5e9-8209-c48c-d484-9bd8551c7405-ff8b8d82 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c388b0b0-e951-47c7-cc26-354a5173686e-ff8b8d82 {
  grid-area: primary;
}

#w-node-a30f9f4c-e4cd-7d0b-f058-96a3f9a8353c-ff8b8d82, #w-node-_7e16e7cf-0568-e1ba-cd12-a018b6985c92-ff8b8d82, #w-node-cf150ed1-5c2e-b517-16c3-ede9e99666a0-ff8b8d82, #w-node-d395c79c-fabb-3240-478b-15cf4101fa4d-41361396, #w-node-_15e7f5e9-8209-c48c-d484-9bd8551c7405-41361396 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c388b0b0-e951-47c7-cc26-354a5173686e-41361396 {
  grid-area: primary;
}

#w-node-a30f9f4c-e4cd-7d0b-f058-96a3f9a8353c-41361396, #w-node-_7e16e7cf-0568-e1ba-cd12-a018b6985c92-41361396, #w-node-cf150ed1-5c2e-b517-16c3-ede9e99666a0-41361396, #w-node-d395c79c-fabb-3240-478b-15cf4101fa4d-4330438f, #w-node-_15e7f5e9-8209-c48c-d484-9bd8551c7405-4330438f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c388b0b0-e951-47c7-cc26-354a5173686e-4330438f {
  grid-area: primary;
}

#w-node-a30f9f4c-e4cd-7d0b-f058-96a3f9a8353c-4330438f, #w-node-_7e16e7cf-0568-e1ba-cd12-a018b6985c92-4330438f, #w-node-cf150ed1-5c2e-b517-16c3-ede9e99666a0-4330438f, #w-node-_80054164-d880-c144-e959-eb6f1b055bcf-53ac0d73, #w-node-_80054164-d880-c144-e959-eb6f1b055bd0-53ac0d73 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c388b0b0-e951-47c7-cc26-354a5173686e-53ac0d73 {
  grid-area: primary;
}

#w-node-a30f9f4c-e4cd-7d0b-f058-96a3f9a8353c-53ac0d73, #w-node-_7e16e7cf-0568-e1ba-cd12-a018b6985c92-53ac0d73, #w-node-cf150ed1-5c2e-b517-16c3-ede9e99666a0-53ac0d73, #w-node-d395c79c-fabb-3240-478b-15cf4101fa4d-29b3b283, #w-node-_15e7f5e9-8209-c48c-d484-9bd8551c7405-29b3b283 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c388b0b0-e951-47c7-cc26-354a5173686e-29b3b283 {
  grid-area: primary;
}

#w-node-a30f9f4c-e4cd-7d0b-f058-96a3f9a8353c-29b3b283, #w-node-_7e16e7cf-0568-e1ba-cd12-a018b6985c92-29b3b283, #w-node-cf150ed1-5c2e-b517-16c3-ede9e99666a0-29b3b283, #w-node-d395c79c-fabb-3240-478b-15cf4101fa4d-8746f87d, #w-node-_15e7f5e9-8209-c48c-d484-9bd8551c7405-8746f87d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c388b0b0-e951-47c7-cc26-354a5173686e-8746f87d {
  grid-area: primary;
}

#w-node-a30f9f4c-e4cd-7d0b-f058-96a3f9a8353c-8746f87d, #w-node-_7e16e7cf-0568-e1ba-cd12-a018b6985c92-8746f87d, #w-node-cf150ed1-5c2e-b517-16c3-ede9e99666a0-8746f87d, #w-node-d395c79c-fabb-3240-478b-15cf4101fa4d-13141f6e, #w-node-_15e7f5e9-8209-c48c-d484-9bd8551c7405-13141f6e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c388b0b0-e951-47c7-cc26-354a5173686e-13141f6e {
  grid-area: primary;
}

#w-node-a30f9f4c-e4cd-7d0b-f058-96a3f9a8353c-13141f6e, #w-node-_7e16e7cf-0568-e1ba-cd12-a018b6985c92-13141f6e, #w-node-cf150ed1-5c2e-b517-16c3-ede9e99666a0-13141f6e, #w-node-_80054164-d880-c144-e959-eb6f1b055bcf-92039ec5, #w-node-_80054164-d880-c144-e959-eb6f1b055bd0-92039ec5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c388b0b0-e951-47c7-cc26-354a5173686e-92039ec5 {
  grid-area: primary;
}

#w-node-a30f9f4c-e4cd-7d0b-f058-96a3f9a8353c-92039ec5, #w-node-_7e16e7cf-0568-e1ba-cd12-a018b6985c92-92039ec5, #w-node-cf150ed1-5c2e-b517-16c3-ede9e99666a0-92039ec5, #w-node-d395c79c-fabb-3240-478b-15cf4101fa4d-854d1b37, #w-node-_15e7f5e9-8209-c48c-d484-9bd8551c7405-854d1b37 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c388b0b0-e951-47c7-cc26-354a5173686e-854d1b37 {
  grid-area: primary;
}

#w-node-a30f9f4c-e4cd-7d0b-f058-96a3f9a8353c-854d1b37, #w-node-_7e16e7cf-0568-e1ba-cd12-a018b6985c92-854d1b37, #w-node-cf150ed1-5c2e-b517-16c3-ede9e99666a0-854d1b37 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-c388b0b0-e951-47c7-cc26-354a5173686e-4154921b {
    grid-area: 1 / 1 / 2 / 2;
    align-self: stretch;
  }

  #w-node-b309f5c3-e719-016c-d6d4-859254c980dc-54c980d9 {
    order: -9999;
    grid-area: 1 / 1 / 2 / 6;
    place-self: center;
  }

  #w-node-b309f5c3-e719-016c-d6d4-859254c980dd-54c980d9 {
    grid-area: 2 / 1 / 3 / 3;
    align-self: auto;
  }

  #w-node-b309f5c3-e719-016c-d6d4-859254c980f0-54c980d9 {
    grid-area: 2 / 3 / 3 / 6;
    align-self: auto;
  }

  #w-node-b309f5c3-e719-016c-d6d4-859254c98110-54c980d9 {
    order: 9999;
    grid-area: 3 / 1 / 4 / 6;
  }

  #w-node-c388b0b0-e951-47c7-cc26-354a5173686e-ff38e98f, #w-node-c388b0b0-e951-47c7-cc26-354a5173686e-ed4381eb, #w-node-c388b0b0-e951-47c7-cc26-354a5173686e-f419a68c, #w-node-c388b0b0-e951-47c7-cc26-354a5173686e-dadf4e77, #w-node-c388b0b0-e951-47c7-cc26-354a5173686e-6481bb0c, #w-node-c388b0b0-e951-47c7-cc26-354a5173686e-f4f94be9, #w-node-c388b0b0-e951-47c7-cc26-354a5173686e-08ee7fb8, #w-node-c388b0b0-e951-47c7-cc26-354a5173686e-3faf7c9f, #w-node-c388b0b0-e951-47c7-cc26-354a5173686e-ff8b8d82, #w-node-c388b0b0-e951-47c7-cc26-354a5173686e-41361396, #w-node-c388b0b0-e951-47c7-cc26-354a5173686e-4330438f, #w-node-c388b0b0-e951-47c7-cc26-354a5173686e-53ac0d73, #w-node-c388b0b0-e951-47c7-cc26-354a5173686e-29b3b283, #w-node-c388b0b0-e951-47c7-cc26-354a5173686e-8746f87d, #w-node-c388b0b0-e951-47c7-cc26-354a5173686e-13141f6e, #w-node-c388b0b0-e951-47c7-cc26-354a5173686e-92039ec5, #w-node-c388b0b0-e951-47c7-cc26-354a5173686e-854d1b37 {
    grid-area: 1 / 1 / 2 / 2;
    align-self: stretch;
  }
}

@media screen and (max-width: 767px) {
  #w-node-d395c79c-fabb-3240-478b-15cf4101fa4d-4154921b {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-c388b0b0-e951-47c7-cc26-354a5173686e-4154921b {
    grid-area: 1 / 1 / 2 / 2;
    align-self: stretch;
  }

  #w-node-b309f5c3-e719-016c-d6d4-859254c980dd-54c980d9 {
    grid-area: 3 / 1 / 4 / 6;
    align-self: auto;
  }

  #w-node-b309f5c3-e719-016c-d6d4-859254c980de-54c980d9 {
    justify-self: start;
  }

  #w-node-_60989eee-3b93-93cc-a923-44d89c695a84-54c980d9 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-b309f5c3-e719-016c-d6d4-859254c980f0-54c980d9 {
    grid-area: 2 / 1 / 3 / 6;
    align-self: auto;
  }

  #w-node-b309f5c3-e719-016c-d6d4-859254c98110-54c980d9 {
    grid-area: 4 / 1 / 5 / 6;
  }

  #w-node-d395c79c-fabb-3240-478b-15cf4101fa4d-ff38e98f {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-c388b0b0-e951-47c7-cc26-354a5173686e-ff38e98f {
    grid-area: 1 / 1 / 2 / 2;
    align-self: stretch;
  }

  #w-node-d395c79c-fabb-3240-478b-15cf4101fa4d-ed4381eb {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-c388b0b0-e951-47c7-cc26-354a5173686e-ed4381eb {
    grid-area: 1 / 1 / 2 / 2;
    align-self: stretch;
  }

  #w-node-_80054164-d880-c144-e959-eb6f1b055bcf-f419a68c {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-c388b0b0-e951-47c7-cc26-354a5173686e-f419a68c {
    grid-area: 1 / 1 / 2 / 2;
    align-self: stretch;
  }

  #w-node-_80054164-d880-c144-e959-eb6f1b055bcf-dadf4e77 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-c388b0b0-e951-47c7-cc26-354a5173686e-dadf4e77 {
    grid-area: 1 / 1 / 2 / 2;
    align-self: stretch;
  }

  #w-node-d395c79c-fabb-3240-478b-15cf4101fa4d-6481bb0c {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-c388b0b0-e951-47c7-cc26-354a5173686e-6481bb0c {
    grid-area: 1 / 1 / 2 / 2;
    align-self: stretch;
  }

  #w-node-d395c79c-fabb-3240-478b-15cf4101fa4d-f4f94be9 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-c388b0b0-e951-47c7-cc26-354a5173686e-f4f94be9 {
    grid-area: 1 / 1 / 2 / 2;
    align-self: stretch;
  }

  #w-node-d395c79c-fabb-3240-478b-15cf4101fa4d-08ee7fb8 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-c388b0b0-e951-47c7-cc26-354a5173686e-08ee7fb8 {
    grid-area: 1 / 1 / 2 / 2;
    align-self: stretch;
  }

  #w-node-_80054164-d880-c144-e959-eb6f1b055bcf-3faf7c9f {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-c388b0b0-e951-47c7-cc26-354a5173686e-3faf7c9f {
    grid-area: 1 / 1 / 2 / 2;
    align-self: stretch;
  }

  #w-node-d395c79c-fabb-3240-478b-15cf4101fa4d-ff8b8d82 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-c388b0b0-e951-47c7-cc26-354a5173686e-ff8b8d82 {
    grid-area: 1 / 1 / 2 / 2;
    align-self: stretch;
  }

  #w-node-d395c79c-fabb-3240-478b-15cf4101fa4d-41361396 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-c388b0b0-e951-47c7-cc26-354a5173686e-41361396 {
    grid-area: 1 / 1 / 2 / 2;
    align-self: stretch;
  }

  #w-node-d395c79c-fabb-3240-478b-15cf4101fa4d-4330438f {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-c388b0b0-e951-47c7-cc26-354a5173686e-4330438f {
    grid-area: 1 / 1 / 2 / 2;
    align-self: stretch;
  }

  #w-node-_80054164-d880-c144-e959-eb6f1b055bcf-53ac0d73 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-c388b0b0-e951-47c7-cc26-354a5173686e-53ac0d73 {
    grid-area: 1 / 1 / 2 / 2;
    align-self: stretch;
  }

  #w-node-d395c79c-fabb-3240-478b-15cf4101fa4d-29b3b283 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-c388b0b0-e951-47c7-cc26-354a5173686e-29b3b283 {
    grid-area: 1 / 1 / 2 / 2;
    align-self: stretch;
  }

  #w-node-d395c79c-fabb-3240-478b-15cf4101fa4d-8746f87d {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-c388b0b0-e951-47c7-cc26-354a5173686e-8746f87d {
    grid-area: 1 / 1 / 2 / 2;
    align-self: stretch;
  }

  #w-node-d395c79c-fabb-3240-478b-15cf4101fa4d-13141f6e {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-c388b0b0-e951-47c7-cc26-354a5173686e-13141f6e {
    grid-area: 1 / 1 / 2 / 2;
    align-self: stretch;
  }

  #w-node-_80054164-d880-c144-e959-eb6f1b055bcf-92039ec5 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-c388b0b0-e951-47c7-cc26-354a5173686e-92039ec5 {
    grid-area: 1 / 1 / 2 / 2;
    align-self: stretch;
  }

  #w-node-d395c79c-fabb-3240-478b-15cf4101fa4d-854d1b37 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-c388b0b0-e951-47c7-cc26-354a5173686e-854d1b37 {
    grid-area: 1 / 1 / 2 / 2;
    align-self: stretch;
  }
}

@media screen and (max-width: 479px) {
  #w-node-a30f9f4c-e4cd-7d0b-f058-96a3f9a8353c-4154921b, #w-node-_7e16e7cf-0568-e1ba-cd12-a018b6985c92-4154921b, #w-node-cf150ed1-5c2e-b517-16c3-ede9e99666a0-4154921b {
    place-self: stretch;
  }

  #w-node-b309f5c3-e719-016c-d6d4-859254c980dd-54c980d9 {
    grid-area: 3 / 1 / 4 / 6;
    align-self: auto;
  }

  #w-node-b309f5c3-e719-016c-d6d4-859254c980de-54c980d9 {
    justify-self: start;
  }

  #w-node-_60989eee-3b93-93cc-a923-44d89c695a84-54c980d9 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: start;
  }

  #w-node-b309f5c3-e719-016c-d6d4-859254c980f1-54c980d9 {
    place-self: center;
  }

  #w-node-a30f9f4c-e4cd-7d0b-f058-96a3f9a8353c-ff38e98f, #w-node-_7e16e7cf-0568-e1ba-cd12-a018b6985c92-ff38e98f, #w-node-cf150ed1-5c2e-b517-16c3-ede9e99666a0-ff38e98f, #w-node-a30f9f4c-e4cd-7d0b-f058-96a3f9a8353c-ed4381eb, #w-node-_7e16e7cf-0568-e1ba-cd12-a018b6985c92-ed4381eb, #w-node-cf150ed1-5c2e-b517-16c3-ede9e99666a0-ed4381eb, #w-node-a30f9f4c-e4cd-7d0b-f058-96a3f9a8353c-f419a68c, #w-node-_7e16e7cf-0568-e1ba-cd12-a018b6985c92-f419a68c, #w-node-cf150ed1-5c2e-b517-16c3-ede9e99666a0-f419a68c, #w-node-a30f9f4c-e4cd-7d0b-f058-96a3f9a8353c-dadf4e77, #w-node-_7e16e7cf-0568-e1ba-cd12-a018b6985c92-dadf4e77, #w-node-cf150ed1-5c2e-b517-16c3-ede9e99666a0-dadf4e77, #w-node-a30f9f4c-e4cd-7d0b-f058-96a3f9a8353c-6481bb0c, #w-node-_7e16e7cf-0568-e1ba-cd12-a018b6985c92-6481bb0c, #w-node-cf150ed1-5c2e-b517-16c3-ede9e99666a0-6481bb0c, #w-node-a30f9f4c-e4cd-7d0b-f058-96a3f9a8353c-f4f94be9, #w-node-_7e16e7cf-0568-e1ba-cd12-a018b6985c92-f4f94be9, #w-node-cf150ed1-5c2e-b517-16c3-ede9e99666a0-f4f94be9, #w-node-a30f9f4c-e4cd-7d0b-f058-96a3f9a8353c-08ee7fb8, #w-node-_7e16e7cf-0568-e1ba-cd12-a018b6985c92-08ee7fb8, #w-node-cf150ed1-5c2e-b517-16c3-ede9e99666a0-08ee7fb8, #w-node-a30f9f4c-e4cd-7d0b-f058-96a3f9a8353c-3faf7c9f, #w-node-_7e16e7cf-0568-e1ba-cd12-a018b6985c92-3faf7c9f, #w-node-cf150ed1-5c2e-b517-16c3-ede9e99666a0-3faf7c9f, #w-node-a30f9f4c-e4cd-7d0b-f058-96a3f9a8353c-ff8b8d82, #w-node-_7e16e7cf-0568-e1ba-cd12-a018b6985c92-ff8b8d82, #w-node-cf150ed1-5c2e-b517-16c3-ede9e99666a0-ff8b8d82, #w-node-a30f9f4c-e4cd-7d0b-f058-96a3f9a8353c-41361396, #w-node-_7e16e7cf-0568-e1ba-cd12-a018b6985c92-41361396, #w-node-cf150ed1-5c2e-b517-16c3-ede9e99666a0-41361396, #w-node-a30f9f4c-e4cd-7d0b-f058-96a3f9a8353c-4330438f, #w-node-_7e16e7cf-0568-e1ba-cd12-a018b6985c92-4330438f, #w-node-cf150ed1-5c2e-b517-16c3-ede9e99666a0-4330438f, #w-node-a30f9f4c-e4cd-7d0b-f058-96a3f9a8353c-53ac0d73, #w-node-_7e16e7cf-0568-e1ba-cd12-a018b6985c92-53ac0d73, #w-node-cf150ed1-5c2e-b517-16c3-ede9e99666a0-53ac0d73, #w-node-a30f9f4c-e4cd-7d0b-f058-96a3f9a8353c-29b3b283, #w-node-_7e16e7cf-0568-e1ba-cd12-a018b6985c92-29b3b283, #w-node-cf150ed1-5c2e-b517-16c3-ede9e99666a0-29b3b283, #w-node-a30f9f4c-e4cd-7d0b-f058-96a3f9a8353c-8746f87d, #w-node-_7e16e7cf-0568-e1ba-cd12-a018b6985c92-8746f87d, #w-node-cf150ed1-5c2e-b517-16c3-ede9e99666a0-8746f87d, #w-node-a30f9f4c-e4cd-7d0b-f058-96a3f9a8353c-13141f6e, #w-node-_7e16e7cf-0568-e1ba-cd12-a018b6985c92-13141f6e, #w-node-cf150ed1-5c2e-b517-16c3-ede9e99666a0-13141f6e, #w-node-a30f9f4c-e4cd-7d0b-f058-96a3f9a8353c-92039ec5, #w-node-_7e16e7cf-0568-e1ba-cd12-a018b6985c92-92039ec5, #w-node-cf150ed1-5c2e-b517-16c3-ede9e99666a0-92039ec5, #w-node-a30f9f4c-e4cd-7d0b-f058-96a3f9a8353c-854d1b37, #w-node-_7e16e7cf-0568-e1ba-cd12-a018b6985c92-854d1b37, #w-node-cf150ed1-5c2e-b517-16c3-ede9e99666a0-854d1b37 {
    place-self: stretch;
  }
}