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:'Hey-August';src:url('/assets/site/1447c4d644e3e86e3339.ttf') format('truetype');font-weight:normal;font-style:normal;}
    @font-face {font-family:'Playfair';src:url('/assets/site/12fb6d8230f6ed2af3f9.ttf') format('truetype');font-weight:normal;font-style:normal;}
    @font-face {font-family:'Inter';src:url('/assets/site/58b7817148d34dc9d324.ttf') format('truetype');font-weight:normal;font-style:normal;}
    html,body {height:100%;margin:0;}
    #festival-banner-2025 #wrapper-fireworks canvas {filter:none;}
    #festival-banner-2025 #wrapper-fireworks {position:absolute;top:50px;margin:0;padding:0;width:100%;height:100%;z-index:0;}
    #festival-banner-2025 {height:700px;margin-bottom:5rem;margin-top: 4rem;}
    #festival-banner-2025 .merdeka-2025-container {position:relative;height:100%;width:100%;overflow:hidden;background:url('/assets/site/560180c10036baec74a2.webp') no-repeat center center;background-size:cover;}
    #festival-banner-2025 .blue-spiral {position:relative;right:0;top:0;display:flex;align-items:center;justify-content:flex-end;padding-right:20px;animation:slideUpFadeSpiral 1s ease-in forwards;}
    #festival-banner-2025 .blue-spiral img {animation:spin 35s linear infinite;max-height:100%;height:auto;width:auto;}
    @keyframes spin {0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
    #festival-banner-2025 .merdeka-buildings-container {position:absolute;bottom:-25px;right:0;display:flex;justify-content:flex-end;align-items:flex-end;padding:0 20px 0 0;pointer-events:none;width:100%;animation:slideUpFade 1s ease-in forwards;}
    @keyframes slideUpFade {0%{opacity:0;transform:translateY(50px);}100%{opacity:1;transform:translateY(0);}}
    @keyframes slideUpFadeSpiral {0%{opacity:0;}50%{opacity:0;transform:translateY(50px);}100%{opacity:1;transform:translateY(0);}}
    #festival-banner-2025 .merdeka-buildings-container img {width:65%;height:auto;max-height:400px;}
    #festival-banner-2025 .merdeka-topflag-container {display:block;position:absolute;top:150px;right:-80px;}
    #festival-banner-2025 .merdeka-topflag-container img {width:100%;height:auto;animation:flutterFlag 5s ease-in-out infinite;transform-origin:right center;}
    @keyframes flutterFlag {0%{transform:rotate(0deg) translateY(0);}20%{transform:rotate(2deg) translateY(-1px);}40%{transform:rotate(-2deg) translateY(2px);}60%{transform:rotate(1.5deg) translateY(-1px);}80%{transform:rotate(-1.5deg) translateY(1px);}100%{transform:rotate(0deg) translateY(0);}}
    #festival-banner-2025 .merdeka-bottomflag-container {display:block;position:absolute;bottom:-200px;left:200px;}
    #festival-banner-2025 .merdeka-bottomflag-container img {width:100%;height:auto;animation:waveFlag 3s linear infinite;transform-origin:left center;}
    @keyframes waveFlag {0%{transform:rotateZ(-1deg) translateY(-2px);}25%{transform:rotateZ(0deg) translateY(0px);}50%{transform:rotateZ(1deg) translateY(2px);}75%{transform:rotateZ(0deg) translateY(0px);}100%{transform:rotateZ(-1deg) translateY(-2px);}}
    #festival-banner-2025 .merdeka-mobileflag-container {display:none;position:absolute;bottom:550px;left:50%;transform:translateX(-50%);width:140px;animation:mobileFlagWave 3s ease-in-out infinite;transform-origin:left center;}
    #festival-banner-2025 .merdeka-mobileflag-container img {width:100%;height:auto;transform:rotate(-50deg);}
    @keyframes mobileFlagWave {0%{transform:translateX(-50%) rotateZ(0deg);}25%{transform:translateX(-50%) rotateZ(1deg);}50%{transform:translateX(-50%) rotateZ(-1deg);}75%{transform:translateX(-50%) rotateZ(1deg);}100%{transform:translateX(-50%) rotateZ(0deg);}}
    #festival-banner-2025 .merdeka-banner-text-container {position:absolute;top:150px;left:0;width:80%;padding:0 40px;align-items:center;color:white;z-index:10;}
    #festival-banner-2025 .merdeka-banner-text {display:flex;justify-content:space-between;}
    .merdeka-banner-text .left-text {margin-left:100px;opacity:0;transform:translateX(-50px);animation:slideInLeft 1.2s ease-out 0.3s forwards;}
    .merdeka-banner-text .left-text h1 {color:white;font-family:'Inter';font-size:60px;font-weight:bold;line-height:1.4;margin:0 0 20px 0;opacity:0;transform:translateY(30px);animation:fadeInUp 1s ease-out 0.6s forwards;}
    .merdeka-banner-text .left-text button {font-family:'Inter';background:transparent;border:1px solid rgba(255,255,255,0.5);color:white;padding:10px 25px;border-radius:20px;cursor:pointer;transition:0.3s ease;opacity:0;transform:scale(0.8);animation:scaleInBounce 0.8s ease-out 1.2s forwards;}
    .merdeka-banner-text .left-text button:hover {background:white;color:black;}
    .merdeka-banner-text .right-text {text-align:center;margin-right:0px;opacity:0;transform:translateX(50px);animation:slideInRight 1.2s ease-out 0.5s forwards;}
    .merdeka-banner-text .right-text .date {font-family:'Playfair';font-size:40px;background:linear-gradient(90deg,#00E0FF 20%,#0057FF 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;margin:0;opacity:0;transform:translateY(-20px);animation:fadeInDown 0.8s ease-out 1s forwards;}
    .merdeka-banner-text .right-text h2 {font-family:'Hey-August';font-size:60px;background:linear-gradient(90deg,#00E0FF 20%,#0057FF 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;font-weight:100;margin:0;opacity:0;transform:translateY(20px);animation:fadeInUp 0.8s ease-out 1.3s forwards;}
    @keyframes slideInLeft {to{opacity:1;transform:translateX(0);}}
    @keyframes slideInRight {to{opacity:1;transform:translateX(0);}}
    @keyframes fadeInUp {to{opacity:1;transform:translateY(0);}}
    @keyframes fadeInDown {to{opacity:1;transform:translateY(0);}}
    @keyframes scaleInBounce {0%{opacity:0;transform:scale(0.8);}60%{opacity:1;transform:scale(1.05);}100%{opacity:1;transform:scale(1);}}
    @media (max-width:1600px){#festival-banner-2025 {margin-top: 0rem;} #festival-banner-2025 .blue-spiral{right:-100px;}#festival-banner-2025 .merdeka-buildings-container{bottom:-20px;}#festival-banner-2025 .merdeka-buildings-container img{width:1000px;height:auto;max-height:400px;}#festival-banner-2025 .merdeka-bottomflag-container{left:0px;}.merdeka-banner-text .left-text h1{font-size:3rem;}.merdeka-banner-text .right-text .date{font-size:2.5rem;}.merdeka-banner-text .right-text h2{font-size:3.8rem;}.merdeka-banner-text .right-text{margin:0px;}}
    @media (max-width:1400px){.merdeka-banner-text .left-text{margin-left:40px;}}
    @media (max-width:1300px){#festival-banner-2025 .merdeka-bottomflag-container{bottom:-150px;}#festival-banner-2025 .merdeka-bottomflag-container img{width:80%;}#festival-banner-2025 .merdeka-banner-text-container{width:82%;}.merdeka-banner-text .left-text h1{font-size:3rem;}.merdeka-banner-text .right-text .date{font-size:2.5rem;}.merdeka-banner-text .right-text h2{font-size:3.5rem;}}
    @media (max-width:1200px){#festival-banner-2025 .merdeka-bottomflag-container{left:-130px;}.merdeka-banner-text .left-text h1{font-size:2.7rem;}.merdeka-banner-text .right-text .date{font-size:2.2rem;}.merdeka-banner-text .right-text h2{font-size:3.2rem;}}
    @media (max-width:1100px){#festival-banner-2025 margin-top: 5rem;#festival-banner-2025 .blue-spiral{right:-150px;}.merdeka-banner-text .left-text h1{font-size:2.3rem;}.merdeka-banner-text .right-text .date{font-size:2rem;}.merdeka-banner-text .right-text h2{font-size:3rem;}}
    @media (max-width:992px){#festival-banner-2025 .merdeka-banner-text{flex-direction:column-reverse;}#festival-banner-2025 .blue-spiral{justify-content:center;top:0px;right:0px;}#festival-banner-2025 .merdeka-buildings-container img{width:100%;}#festival-banner-2025 .merdeka-buildings-container{justify-content:center;padding:0px;}#festival-banner-2025 .merdeka-bottomflag-container{bottom:-140px;left:-130px;}#festival-banner-2025 .merdeka-bottomflag-container img{width:70%;}#festival-banner-2025 .merdeka-topflag-container{transform:scale(1.5) rotate(-5deg);right:-25px;}#festival-banner-2025 .merdeka-banner-text-container{top:60px;}.merdeka-banner-text .right-text{margin-left:50px;text-align:left;}.merdeka-banner-text .left-text h1{font-size:2.8rem;}.merdeka-banner-text .right-text .date{font-size:2.5rem !important;}.merdeka-banner-text .right-text h2{font-size:3.5rem;}}
    @media (max-width:870px){#festival-banner-2025 .merdeka-topflag-container{transform:scale(1.2) rotate(-5deg);right:-40px;}}
    @media (max-width:768px){#festival-banner-2025 {margin-top: 5rem;} #festival-banner-2025 .merdeka-bottomflag-container{bottom:-120px;left:-100px;}#festival-banner-2025 .merdeka-bottomflag-container img{width:65%;}#festival-banner-2025 .merdeka-topflag-container img{display:none;}#festival-banner-2025 .merdeka-mobileflag-container{display:block;}#festival-banner-2025 .blue-spiral{top:135px;}#festival-banner-2025 .merdeka-banner-text-container{width:100%;padding:0;top:170px;}.merdeka-banner-text .left-text{text-align:center;margin:0;}.merdeka-banner-text .right-text{margin:0;text-align:center;}.merdeka-banner-text .left-text h1{font-size:2rem;}.merdeka-banner-text .right-text .date{font-size:2.5rem;}.merdeka-banner-text .right-text h2{font-size:3.5rem;}.merdeka-2025-btn{margin-left:0rem;}}
    @media (max-width:650px){#festival-banner-2025 .merdeka-bottomflag-container{bottom:-100px;left:-70px;}#festival-banner-2025 .merdeka-bottomflag-container img{width:60%;}}
    @media (max-width:541px){#festival-banner-2025 .merdeka-buildings-container img{width:150%;}#festival-banner-2025 .merdeka-bottomflag-container{bottom:-110px;left:-70px;}#festival-banner-2025 .merdeka-bottomflag-container img{width:75%;}}
    @media (max-width:500px){#festival-banner-2025 .merdeka-bottomflag-container{bottom:-90px;left:-70px;}}
    @media (max-width:480px){#festival-banner-2025 .merdeka-bottomflag-container{bottom:-90px;left:-70px;}.merdeka-banner-text .right-text h2{font-size:3.2rem;}}
    @media (max-width:400px){#festival-banner-2025 .merdeka-buildings-container img{width:180%;}#festival-banner-2025 .merdeka-bottomflag-container{bottom:-80px;left:-50px;}#festival-banner-2025 .merdeka-bottomflag-container img{width:80%;}#festival-banner-2025 .merdeka-banner-text-container{top:200px;}.merdeka-banner-text .left-text h1{font-size:1.8rem;}.merdeka-banner-text .right-text .date{font-size:2rem !important;}.merdeka-banner-text .right-text h2{font-size:2.9rem;}}
    @media (max-width:350px){#festival-banner-2025 .merdeka-bottomflag-container{bottom:-65px;left:-50px;}#festival-banner-2025 .merdeka-mobileflag-container{bottom:530px;}#festival-banner-2025 .merdeka-banner-text-container{top:220px;}.merdeka-banner-text .left-text h1{font-size:1.5rem;}.merdeka-banner-text .right-text .date{font-size:1.8rem;}.merdeka-banner-text .right-text h2{font-size:2.6rem;}}