.mb_navbar{background-color: transparent !important;};
    section.container-fluid{padding-right: 0; padding-left: 0; margin-left: 0; margin-right: 0;}
    @media (max-width: 1367px){.first_section{margin-top: 0;}}
    @media (max-width:1312px){section.container-fluid{padding-top: 75px;}}
    @media (max-width: 1281px){.first_section{margin-top: 0;}}

    @font-face { font-family: redHat; src: url("https://cms.antospnc.asia/assets/font/RedHatDisplay-VariableFont_wght.ttf"); }
    @font-face { font-family: inter; src: url("https://cms.antospnc.asia/assets/font/Inter-VariableFont_opsz,wght.ttf"); }
    .festival-banner { height: 100vh; width: 100vw; position: relative; padding: 0; }

      @font-face{font-family:inter;src:url("/assets/site/58b7817148d34dc9d324.ttf");}
      .festival-banner{height:100vh;width:100vw;position:relative;padding:0;}
      @media screen and (max-width:3000px){.festival-banner{overflow-x:hidden;overflow-y:hidden;}}
      #background-video{overflow-x:hidden;position:absolute;min-width:100%;min-height:100%;width:auto;height:auto;z-index:0;background-size:cover;filter:saturate(30%) hue-rotate(20deg) brightness(100%) contrast(200%) blur(1px);}
      .red-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;}
      .festival-banner.char{font-family:redHat!important;display:inline-block;font-size:80px;font-weight:700;background:none!important;color:inherit!important;-webkit-text-fill-color:inherit!important;text-shadow:none;animation:spinning 3s calc(var(--char-index)*0s) ease;}
      .spinning[data-splitting] .char{font-family:redHat!important;text-shadow:none;animation:spinning 3s calc(var(--char-index)*0s) ease;background:linear-gradient(to right,#00E0FF 28%,#0057FF 100%)!important;background-size:800% 100%!important;background-position:calc(var(--char-index)*12.5%) 0!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;color:transparent!important;}
      @keyframes spinning{50%{transform:rotateY(-360deg);}}
      .star-img{height:100%;display:flex;left:10%;position:absolute;align-items:center;animation:glow 4s forwards;}
      @keyframes glow{50%{filter:brightness(3);}}
      .banner-text-container button{position:relative;background:linear-gradient(90deg,#FF1A50 50%,#730030 100%);color:white;display:block;font-family:"Inter";font-size:18px;width:390px;border-radius:27px;font-weight:600;border:none;padding:3px 20px;box-shadow:0 4px 8px rgba(0,0,0,0.2);}
      @media screen and (max-width:2560px){.banner-text-container button{left:100%;}#stocks-no-commission .floating-top-text{top:20%;}#stocks-no-commission .floating-bottom-text{bottom:30%;}}
      @media screen and (max-width:1440px){.banner-text-container button{left:70%;}#stocks-no-commission .floating-top-text{top:10%;}#stocks-no-commission .floating-bottom-text{bottom:10%;}}
      @media screen and (max-width:1024px){.banner-text-container button{left:50%;}#stocks-no-commission .floating-top-text{top:0%;}#stocks-no-commission .floating-bottom-text{bottom:10%;}}
      @media screen and (max-width:768px){.banner-text-container button{left:90%;}#stocks-no-commission .floating-top-text{top:0%;}#stocks-no-commission .floating-bottom-text{bottom:10%;}}
      @media screen and (max-width:430px){.banner-text-container button{left:0;}}
      @media screen and (max-width:375px){#stocks-no-commission .floating-top-text{top:10%;}#stocks-no-commission .floating-bottom-text{bottom:20%;}}
      .banner-text-container button:hover{box-shadow:1px 1px 20px white;}
      .animation-txt{display:flex;align-items:baseline;margin-top:-70px;text-shadow:2px 2px 5px black;font-family:redHat!important;}
      .animation-txt p{font-family:redHat!important;font-size:50px;color:white;padding:0 10px;font-style:italic;font-weight:600;}
      .flex-txt{display:flex;align-items:baseline;}
      .waveVideo{display:none;}
      @media screen and (max-width:1600px){.star-img{left:0;}.banner-text-container{left:15%;}.banner-text-container h1{font-size:45px;}.animation-txt p{font-size:45px;}.animated-char{font-size:4rem};}
      @media screen and (max-width:1400px) and (max-height:700px){.festival-banner{height:120vh;}}
      @media screen and (max-width:1366px) and (max-height:768px){.banner-text-container{left:19%;bottom:5%;}}
      @media screen and (max-width:1280px) and (max-height:800px){.banner-text-container{left:19%;bottom:5%;}}
      @media screen and (max-width:1200px){.animated-char{font-size:3.5rem};}
      @media screen and (max-width:1100px){.animated-char{font-size:3rem};}
      @media screen and (max-width:1024px){.festival-banner{height:640px;}.banner-text-container{left:15%;top:5%;}}
      @media screen and (max-width:1024px) and (max-height:600px){.banner-text-container{left:16%;top:5%;}}
      @media screen and (max-width:1000px){.festival-banner{height:617px;}}
      @media screen and (max-width:992px){.festival-banner{margin-bottom:100px;}.animation-txt p{font-size:2.5rem !important;}.animated-char{font-size:2.5rem};}
      @media screen and (max-width:952px){.festival-banner{height:592px;}}
      @media screen and (max-width:943px){.festival-banner{height:584px; margin-bottom: 100px !important;}.star-img img{width:45%;}.banner-text-container h1{font-size:35px;margin-top:-115px;}.animation-txt p{font-size:30px;}.char{font-size:45px;}.banner-text-container{left:15%;}}
      @media screen and (max-width:912px) and (max-height:1380px){.festival-banner{height:570px;}}
      @media screen and (max-width:912px) and (max-height:1000px){.festival-banner{height:570px;}}
      @media screen and (max-width:870px){.festival-banner{height:543px;}}
      @media screen and (max-width:853px){.animated-char{font-size:2.5rem};.star-img{left:10%;margin-top:15px;}.star-img img{width:45%;}.char{font-size:35px;}.banner-text-container h1{font-size:30px;}.animation-txt p{font-size:25px;}.banner-text-container{top:7%;left:15%;}}
      @media screen and (max-width:853px) and (max-height:1000px){.festival-banner{height:533px;}}
      @media screen and (max-width:830px) {.animated-char{font-size:2.4rem};}
      @media screen and (max-width:820px){.festival-banner{height:512px;}.banner-text-container{left:13%;top:3%;}.banner-text-container h1{margin-top:-70px;}.star-img img{width:40%;}}
      @media screen and (max-width:771px){.festival-banner{height:482px;}}
      @media screen and (max-width:768px){.animation-txt p{font-size:2rem !important;} .animated-char{font-size:2rem}; .festival-banner{height:480px;padding:0!important;}.banner-text-container{left:15%; top:0;}.banner-text-container h1{margin-top:0px;}}
      @media screen and (max-width:730px){.animated-char{font-size:3rem}; .show-promotion-button{margin-top:0.5em;margin-bottom:0.5em;}.festival-banner{height:550px; margin-top:100px;}star-img{left:-60px;width:100%;}.star-img img{width:90%;}.banner-text-container{justify-content:flex-start;align-items:flex-end;left:20%;}.animation-txt{flex-direction:column;align-items:flex-end;}.flex-txt{display:flex;align-items:baseline;margin-top:-8px;}.banner-text-container h1{font-size:2rem;}.animation-txt p{font-size:20px;}.char{font-size:45px;}.button-container{margin:unset;top:-1%;position:relative;}.button-container button{width:200px;font-size:8px;margin-top:10px;}.margin-top{margin-top:-30px;}}
      @media screen and (max-width:640px){.banner-text-container{left:10%;}}
      @media screen and (max-width:630px){.banner-text-container{left:10%;}}
      @media screen and (max-width:540px){.animation-txt{margin-top:-50px;}.festival-banner{height:100vh;margin-top:0px;}.banner-text-container{left:5%;top:100px;}.banner-text-container h1{margin-top:0px;font-size:2rem;}}
      @media screen and (max-width:500px){.banner-text-container h1{margin-top:80px;}.banner-text-container p{font-size:20px;}}
      @media screen and (max-width:420px){.banner-text-container h1{font-size:1.5rem;}.animated-char {font-size: 2rem;}}
      @media screen and (max-width:380px){.festival-banner{height:100vh;}.banner-text-container h1{margin-top:0px;}.button-container{margin:unset;top:-2%;position:relative;}}
      @media screen and (max-width:344px){.banner-text-container{left:0%;}.banner-text-container h1{margin-top:80px;}}

/*Raya 2026*/
.banner-container{margin-top: -4%;}
.banner-container::before {content: '';position: absolute;top: 0; left: 0; width: 100%; height: 100%; background-image: url(https://cms.antospnc.asia/assets/media/background_video.gif); background-size: cover; background-position: center; z-index: 0;}
/* Second background layer */
.banner-container::after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: url(/assets/site/1b80a1927b51e3240fe1.webp);background-size: cover;background-position: center;opacity: 0.5;z-index: 2;}
/* Leaves animations */
.leaf {position: absolute;width: 15%;height: auto;animation: floatLeaf 4s ease-in-out infinite;z-index:99 !important;}
.leaf-top-left {top: 0;left: -1%;width: 12%;animation-delay: 0s;}
.leaf-top-right {top: 0;right: -1%;animation-delay: 1s;}
.leaf-bottom-left {bottom: -2%;left: -1%;width: 10%;animation-delay: 2s;}
.leaf-bottom-right {bottom: -2%;right: -1%;animation-delay: 1.5s;}
@keyframes floatLeaf {
0%, 100% {transform: translateY(0) rotate(0deg);}
50% {transform: translateY(-15px) rotate(5deg);}
}
/* Lanterns */
.lantern {position: absolute;height: auto;transform-origin: top center;animation: swingLantern 3s ease-in-out infinite;
z-index: 3;}
.lantern-left {top: 18%;left: 100px;width: 6%;animation-delay: 0s;}
.lantern-right-1 {top: -1%;right: 22%;width: 4%;animation-delay: 0.5s;}
.lantern-right-2 {top: 6%;right: 8%;width: 6%;animation-delay: 1s;}
@keyframes swingLantern {
0%, 100% {transform: rotate(0deg);}
25% {transform: rotate(8deg);}
75% {transform: rotate(-8deg);}
}
/* Center content */
.center-content {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);text-align: center;z-index: 10;width: 90%;max-width: 600px;}
/* Moon and Mosque */
.moon-mosque {width: 60%;height: auto;margin-bottom: 20px;filter: brightness(1.0);z-index: 1;transform: translate(-70%, 50%);}
/* Selamat Hari Raya text */
.greeting-text {width: 70%;height: auto;margin-bottom: 15px;filter: brightness(1.0);transform: translate(40%, -100%);}
/* Ornament */
.ornament {width: 80%;margin: 0 auto 15px;filter: brightness(1.0);transform:  translate(40%, -450%) ;}
/* Subtitle text */
.subtitle {color: #ffffff;font-size: 25px;font-weight: 600;margin-bottom: 8px;text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);filter: brightness(1.0);transform: translate(27%, -680%);}
.description {color: #e0e0e0;font-size: 18px;font-weight: 400;text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);filter: brightness(1.0);transform: translate(22%, -970%); margin-left: 15%;}
/* Stars */
.star {position: absolute;height: auto;animation: pulseStar 2s ease-in-out infinite;z-index: 999;}
.star-1 {top: 29%;left: 30.5%;animation-delay: 0s;z-index: 999;width:3%;}
.star-2 {bottom: 44%;left: 40%;animation-delay: 0.5s;z-index: 999;width:3%;}
.star-3 {bottom: 55%;right: 35%;width: 2%;animation-delay: 1s;z-index: 999;}
@keyframes pulseStar {
0%, 100% {transform: scale(1);opacity: 1;}
50% {transform: scale(1.5);opacity: 0.7;}
}
/* CTA Button */
.cta-button {transform: translate(30%, -450%);}
[lang="cn"]{
.subtitle{transform: translate(31%, -680%);}
.description{transform: translate(8%, -970%);}
}
[lang="zh"]{
.subtitle{transform: translate(31%, -680%);}
.description{transform: translate(8%, -970%);}
}
[lang="ms"]{
.subtitle{transform: translate(30%, -880%); font-size: 20px;}
.description{transform: translate(26%, -490%);}
}
[lang="vn"]{
.subtitle{transform: translate(33%, -780%); font-size: 23px;}
.description{transform: translate(26%, -1000%);}
}
[lang="th"]{
.subtitle{transform: translate(29%, -680%);}
.description{transform: translate(29%, -950%);}
.cta-button {transform: translate(30%, -430%);}
}
[lang="jp"]{
.subtitle{transform: translate(32%, -680%);}
.description{transform: translate(20%, -950%);}
.cta-button {transform: translate(30%, -430%);}
}
[lang="lo"]{
.subtitle{transform: translate(31%, -780%); font-size: 22px;}
.description{transform: translate(29%, -950%);}
.cta-button {transform: translate(30%, -430%);}
}


/* Laptop view - for screens between 1024px and 1440px */
@media (min-width: 1081px) and (max-width: 1440px) {
/* Raya 2026*/
.leaf-top-left {top: 0;left: -1%;width: 15%;}
.leaf-top-right {top: 0;right: -1%;width: 15%;}
.leaf-bottom-left {bottom: -2%;left: -1%;width: 12%;}
.leaf-bottom-right {bottom: -2%;right: -1%;width: 12%;}
.lantern-left {top: 18%;left: 80px;width: 7%;}
.lantern-right-1 {top: -1%;right: 22%;width: 5%;}   
.lantern-right-2 {top: 6%;right: 8%;width: 7%;}
.moon-mosque {width: 55%;height: auto;margin-bottom: 20px;transform: translate(-125%, 50%);}
.greeting-text {width: 65%;height: auto;margin-bottom: 15px;transform: translate(-18%, -75%);}
.ornament {width: 70%;margin: 0 auto 15px;transform: translate(-19%, 0%);}  
.subtitle {font-size: 22px;margin-bottom: 8px;transform: translate(15%, 150%);}
.description {font-size: 16px;transform: translate(12%, 180%); margin-left:9%;}
.cta-button { transform:translate(28%, -650%);}
.star-1 {top: 23%;left: 28%;width: 3%;}
.star-2 {bottom: 45%;left: 36%;width: 3%;}
.star-3 {bottom: 57.5%;right: 32%;width: 3%;}
/* CNY Display adjustments for laptop */
#raya-display .center-element {right: 5%;top: 25%;}
#raya-display .christmas-wish-img {width: 500px;}
[lang="cn"]{
.subtitle{transform: translate(23%, -800%);}
.description{transform: translate(3%, -1170%);}
}
[lang="zh"]{
.subtitle{transform: translate(23%, -800%);}
.description{transform: translate(3%, -1170%);}
}
[lang="ms"]{
.subtitle{transform: translate(23%, -980%); font-size: 18px !important;}
.description{transform: translate(25.5%, -1190%);}
}
[lang="vn"]{
.subtitle{transform: translate(25%, -900%); font-size: 20px !important;}
.description{transform: translate(18%, -1200%);}
}
[lang="th"]{
.subtitle{transform: translate(22%, -800%);}
.description{transform: translate(20.5%, -1200%);}
}
[lang="jp"]{
.subtitle{transform: translate(24%, -800%);}
.description{transform: translate(12%, -1180%);}
.cta-button {transform: translate(23%, -450%);}
}
[lang="lo"]{
.subtitle{transform: translate(24%, -900%); font-size: 20px !important;}
.description{transform: translate(20%, -1200%);}
.cta-button {transform: translate(15%, -460%);}
}
}

/* Smaller laptop screens - 1024px to 1280px */
@media (min-width: 1081px) and (max-width: 1280px) {
.moon-mosque {width: 52%;transform: translate(-68%, 40%);}
.greeting-text {width: 62%;transform: translate(38%, -120%) !important;}
.ornament {width: 68%;transform: translate(34%, -552%) !important;}
.subtitle {font-size: 22px !important;transform: translate(20%, -800%);}
.description {font-size: 15px;transform: translate(15%, -1200%);  margin-left:9%;}
.cta-button { transform:translate(20%, -460%);}
.star-1 {top: 26%;left: 25%;width: 3%;}
.star-2 {bottom: 52.5%;left: 36%;width: 3%;}
.star-3 {bottom: 60.5%;right: 30.5%;width: 3%;}
#raya-display .center-element {right: 2%;}   
#raya-display .christmas-wish-img {width: 480px;}
[lang="cn"]{
.subtitle{transform: translate(23%, -800%);}
.description{transform: translate(3%, -1170%);}
}
[lang="zh"]{
.subtitle{transform: translate(23%, -800%);}
.description{transform: translate(3%, -1170%);}
}
[lang="ms"]{
.subtitle{transform: translate(23%, -980%); font-size: 18px !important;}
.description{transform: translate(25.5%, -1190%);}
}
[lang="vn"]{
.subtitle{transform: translate(25%, -900%); font-size: 20px !important;}
.description{transform: translate(18%, -1200%);}
}
[lang="th"]{
.subtitle{transform: translate(22%, -800%);}
.description{transform: translate(20.5%, -1200%);}
}
[lang="jp"]{
.subtitle{transform: translate(24%, -800%);}
.description{transform: translate(12%, -1180%);}
.cta-button {transform: translate(23%, -450%);}
}
[lang="lo"]{
.subtitle{transform: translate(24%, -900%); font-size: 20px !important;}
.description{transform: translate(20%, -1200%);}
.cta-button {transform: translate(15%, -460%);}
}
}

/*Tablet view */
@media (max-width: 1080px) {
/*Raya 2026*/
.banner-container::before {content: '';position: absolute;top: 0; left: 0; width: 100%; height: 100%; background-image: url(https://cms.antospnc.asia/assets/media/background_video.gif); background-size: cover; background-position: center; z-index: 0;}
/* Second background layer */
.banner-container::after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: url(/assets/site/1b80a1927b51e3240fe1.webp);background-size: cover;background-position: center;opacity: 0.5;z-index: 2;}
.leaf-top-left {top: 0;left: -1%;width: 15%;}
.leaf-top-right {top: 0%;right: 1%;width:18%;}
.leaf-bottom-left {bottom: -2%;left: -1%;width: 15%;}
.leaf-bottom-right {bottom: -2%;right: -1%;width:15%;}
.lantern-left {width: 8%; left:3%!important;}
.lantern-right-1 {top: 0%;right: 32%;width: 6%;}
.lantern-right-2 {top: 11%;right: 8%;width: 8%;}
.moon-mosque {width: 50%;height: auto;margin-bottom: 20px;transform: translate(-50%, 50%);}
.greeting-text {width: 55%;height: auto;margin-bottom: 15px;transform: translate(50%, -120%);}
.ornament {width: 60%;margin: 0 auto 15px;transform:  translate(45%, -540%);}
.subtitle {font-size: 22px;margin-bottom: 8px;transform: translate(28%, -680%);}
.description {font-size: 18px;transform: translate(27%, -850%);  margin-left:9%;}
.cta-button { transform:translate(45%, -380%);}
.star {animation: pulseStar 2s ease-in-out infinite; z-index: 999;}
@keyframes pulseStar {
0%, 100% {transform: scale(1);opacity: 1;}
50% {transform: scale(1.5);opacity: 0.7;}
}
.star-1 {top: 35%;left: 20%; width:5%}
.star-2 {bottom: 46%;left: 38%; width:5%}
.star-3 {bottom: 60%;right: 24%; width:5%}
[lang="cn"]{
.subtitle{transform: translate(23%, -800%);}
.description{transform: translate(3%, -1170%);}
}
[lang="zh"]{
.subtitle{transform: translate(23%, -800%);}
.description{transform: translate(3%, -1170%);}
}
[lang="ms"]{
.subtitle{transform: translate(23%, -980%); font-size: 18px !important;}
.description{transform: translate(25.5%, -1190%);}
}
[lang="vn"]{
.subtitle{transform: translate(25%, -900%); font-size: 20px !important;}
.description{transform: translate(18%, -1200%);}
}
[lang="th"]{
.subtitle{transform: translate(22%, -800%);}
.description{transform: translate(20.5%, -1200%);}
}
[lang="jp"]{
.subtitle{transform: translate(24%, -800%);}
.description{transform: translate(12%, -1180%);}
.cta-button {transform: translate(23%, -450%);}
}
[lang="lo"]{
.subtitle{transform: translate(24%, -900%); font-size: 20px !important;}
.description{transform: translate(20%, -1200%);}
.cta-button {transform: translate(15%, -460%);}
}
}

@media (max-width:431px){
/*RAYA 2026*/
.banner-container{margin-top: 1% !important;}
.leaf-top-left {top: 0;left: -1%;width: 30% !important;}
.leaf-top-right {top: 0%;right: 1%;width:30% !important;}
.leaf-bottom-left {bottom: -2%;left: -1%;width: 30% !important;}
.leaf-bottom-right {bottom: -2%;right: -1%;width:30% !important;}
.lantern-left {top: 13%; left: 5% !important;width: 10% !important;}
.lantern-right-1 {width: 8% !important;}
.lantern-right-2 {width: 10% !important; top:8%}
.moon-mosque {width: 50% !important;height: auto;margin-bottom: 20px;transform: translate(50%, -30%);}
.greeting-text {width: 45% !important;height: auto;margin-bottom: 15px;transform: translate(-50%, 100%);}
.ornament {width: 58% !important;margin: 0 auto 15px;transform:  translate(6%, -100%);}
.subtitle {font-size: 13px !important;margin-bottom: 8px;transform: translate(2%, -150%);}
.description {font-size: 10px !important;transform: translate(1%, -200%); margin-left: 5%;}
.cta-button { transform:translate(5%, -30%); font-size: 9px;}
.star-1 {width: 6% !important; top: 28%;left: 31.5%;}
.star-2 {width: 6% !important; bottom: 62%;left: 58.5%; }
.star-3 {width: 6% !important; bottom: 48%;right: 35%;}
[lang="cn"]{
.subtitle{transform: translate(5%, -190%);}
.description{transform: translate(-2%, -180%);font-size: 15px !important;}
.cta-button { transform:translate(10%, -50%);}
}
[lang="zh"]{
.subtitle{transform: translate(5%, -190%);}
.description{transform: translate(-2%, -180%);font-size: 15px !important;}
.cta-button { transform:translate(10%, -50%);}
}
[lang="ms"]{
.subtitle{transform: translate(5%, -220%); font-size: 13px !important;}
.description{transform: translate(2%, -280%);}
.cta-button { transform:translate(5%, -55%);}
}
[lang="vn"]{
.subtitle{transform: translate(3%, -190%); font-size: 13px !important;}
.description{transform: translate(1%, -210%); font-size: 11px!important;}
}
[lang="th"]{
.subtitle{transform: translate(4%, -180%);}
.description{transform: translate(2%, -200%);}
.cta-button {transform: translate(10%, -30%);}
}
[lang="jp"]{
.subtitle{transform: translate(5%, -180%);}
.description{transform: translate(3%, -200%); font-size: 12px !important;}
.cta-button {transform: translate(6%, -50%);}
}
[lang="lo"]{
.subtitle{transform: translate(5%, -180%); font-size: 13px !important;}
.description{transform: translate(3%, -200%);}
.cta-button {transform: translate(6%, -30%);}
}
}

@media only screen and (max-device-width: 415px) and (-webkit-min-device-pixel-ratio: 2) and (hover: none) and (pointer: coarse){
/*Raya 2026*/
.lantern-right-1 {top: 0% !important;}
.star-1 {width: 6% !important; top: 28.5%;left: 30%;}
.star-2 {width: 6% !important; bottom: 62.5%;left: 57.5%; }
}

@media (max-width: 394px){
.star-1 {width: 6% !important; top: 24%;left: 34%;}
.star-2 {width: 6% !important; bottom: 64%;left: 57.5%; }
.star-3 {width: 6% !important; bottom: 48.5%;right: 34.5%;}
.subtitle {font-size: 13px !important;margin-bottom: 8px;transform: translate(2%, -190%);}
.description {font-size: 10px !important;transform: translate(2%, -290%);}
.cta-button { transform:translate(5%, -70%); font-size: 9px;}
}
  
@media (max-width:391px){
.mb_s1_banner .col-12:first-of-type{height:65vh;}
/*Raya 2026*/
.subtitle {font-size: 11px !important;margin-bottom: 8px;transform: translate(1%, -190%);}
.description {font-size: 9px !important;transform: translate(1%, -290%);}
.cta-button { transform:translate(1%, -60%); font-size: 9px;}
.star-1 {width: 6% !important; top: 27%;left: 32.5%;}
.star-2 {width: 6% !important; bottom: 63%;left: 56.5%; }
.star-3 {width: 6% !important; bottom: 48%;right: 35%;}
[lang="cn"]{
.subtitle{transform: translate(5%, -240%);}
.description{transform: translate(-1%, -220%); font-size: 13px !important;}
.cta-button { transform:translate(10%, -60%);}
}
[lang="zh"]{
.subtitle{transform: translate(5%, -240%);}
.description{transform: translate(-1%, -220%); font-size: 13px !important;}
.cta-button { transform:translate(10%, -60%);}
}
[lang="ms"]{
.description{transform: translate(3%, -120%); font-size: 12px!important;}
}
[lang="vn"]{
.description{transform: translate(1%, -220%);}
}
}

@media (max-width:376px){
/*Raya 2026*/
.star-1 {width: 6% !important; top: 20%;left: 33.5%;}
.star-2 {width: 6% !important; bottom: 65.5%;left: 58%;}
.star-3 {width: 6% !important; bottom: 48%;right: 35%;}
}