.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; margin-top:-4%;}
    @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; }
    .banner-container { position: relative; height: 100%; width: 100%; background: url("https://cms.antospnc.asia/assets/images/desktop-bg.webp") no-repeat; background-position: center center; background-size: cover; z-index: 10; }
    .banner-text-container { display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; height: 100%; position: relative; align-content: center; align-items: flex-start; z-index: 2; left: 12%; bottom: 6%; }
    .padding-left { padding-left: 0 !important; }
    .banner-text-container h1 { font-size: 60px; font-family: inter !important; text-shadow: 2px 2px 5px black; line-height: 170px; color: white; }
    .animated-char { font-family: redHat !important; display: inline-block; font-size: 70px; font-weight: 700; background: none !important; color: inherit !important; -webkit-text-fill-color: inherit !important; text-shadow: none; animation: spinFade 3s ease forwards; }
    .animated-text .animated-char { font-family: redHat !important; text-shadow: none; 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 spinFade { 0% { opacity: 0; transform: scale(0.6) rotateY(0deg); } 50% { opacity: 1; transform: scale(1.1) rotateY(720deg); } 100% { opacity: 1; transform: scale(1) rotateY(0deg); } }
    .star-img { height: 100%; display: flex; left: 10%; position: absolute; align-items: center; animation: glow 4s forwards; }
    @keyframes glow { 50% { filter: brightness(3); } }
  
    
      @font-face{font-family:redHat;src:url("/assets/site/37ef53421b8b519c12ff.ttf");}
      @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;}
      .banner-container{position:relative;height:100%;width:100%;background:url("/assets/site/c1a52a664449f83d5f56.webp") no-repeat;background-position:center center;background-size:cover;z-index:10;}
      .banner-text-container{display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;height:100%;position:relative;align-content:center;align-items:flex-start;z-index:2;left:12%;bottom:6%;}
      .padding-left{padding-left:0!important;}
      .banner-text-container h1{font-size:60px;font-family:inter!important;text-shadow:2px 2px 5px black;line-height:170px;color:white;}
      .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};.banner-container{background:url("/assets/site/3422e1af173a9516d4d4.webp") no-repeat;background-position:center center;background-size:cover;}#background-video{max-height:100%;}.star-img{left:10%;}.star-img img{width:50%;}.banner-text-container button{width:300px;font-size:15px;}.banner-text-container h1{font-size:40px;margin-top:-120px;}.animation-txt p{font-size:3rem;}.char{font-size:50px;}.banner-text-container{left:17%;}}
      @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;}.banner-container{background:url("/assets/site/fd574a91fb06827c5bad.webp") no-repeat;background-size:cover;background-position:center center;}.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;}}