/* .load { height: 20vh; width: fit-content;} */
    @font-face {font-family: Great Vibes; src: url("/assets/site/8aa6f73d0a8840a53315.ttf");} 
    section.container-fluid div.deepavali-banner {position: relative; background: url("/assets/site/03287a1ae5bdcfab287e.webp"); background-size: 100% 100%; height: 840px; width: 100%; background-position: center; display: flex; align-items: center; overflow: hidden; z-index: 1; background-repeat: no-repeat;}
    section.container-fluid div.deepavali-banner div.deepavali-text .responsive-heading {font-size: 61px; font-weight: 400; line-height: normal; letter-spacing: 0em; color: #FFFFFF;}
    .deepavali-desc {font-size: 51px; font-weight: 100; margin-bottom: 1.5rem; letter-spacing: 0em; line-height: 32px; color: #FFFFFF;}
    .deepavali-text {text-align: center; z-index: 4; position: absolute; margin: auto 0; right: 10%;}
    .deepavali-desc {filter: drop-shadow(0px 0px 5px black);}
    .bg-asset {position: absolute; right: 3%; width: 68%; top: 0; animation: fadeIn 4s ease-in-out forwards;}
    .tablet-bg-asset {display: none; position: absolute; right: -19%; top: 0; width: 71%; animation: fadeIn 4s ease-in-out forwards;}
    .mobile-bg-asset {display: none; position: absolute; right: 0%; top: -2%; width: 46%; animation: fadeIn 4s ease-in-out forwards;}
    .deepavali-lamp-container {position: absolute; top: 0%; left: 14%; width: 23%; height: 100%; z-index: 3;}
    .deepavali-img-container {position: absolute; top: 0%; left: 14%; width: 32%; height: 100%; z-index: 3;}
    .deepavali-lamp-container .lamp {width: 100%; left: 0%; top: 55%; transform: translateY(-50%); position: absolute; opacity: 0; animation: fadeDown 5s ease-in-out forwards; animation-delay: 2.4s; z-index: 3;}
    .deepavali-lamp-container #canvas {width: 80%; position: absolute; left: 49%; transform: translateX(-50%); bottom: 20%; height: 18%; opacity: 0; animation: fadeDown 4s ease-in-out forwards; animation-delay: 4.4s; z-index: -1;}
    .deepavali-img-container .bird-card { width: 53%; left: 35%; top: 60%; height: 65%; transform: translateY(-50%); position: absolute; z-index: 999; backdrop-filter: blur(2px);}
    .highlight-desc { background: linear-gradient(90deg, #D8AF29 -0.02%, #FFEB89 24.98%, #D59244 49.98%, #FFEB89 74.97%, #D59244 99.97%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-family: Great Vibes; background-clip: text; color: transparent; position: relative;}
    .highlight-desc::before { content: "Deepavali Sparks Prosperity"; position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); text-shadow: 0px 0px 25px rgba(0, 0, 0, 1); z-index: -1;}
    @keyframes glow {
        0% {filter: brightness(1);}
        50% {filter: brightness(1.2);}
        100% {filter: brightness(1);}
    }
    @keyframes fadeIn {
        0% {opacity: 1; clip-path: inset(0 0 0 100%);}
        100% {opacity: 1; clip-path: inset(0 0 0 0);}
    }
    @keyframes fadeDown {
        0% {opacity: 0; clip-path: inset(0 0 100% 0);}
        100% {opacity: 1; clip-path: inset(0 0 0 0);}
    }
    .deepavali-festival-btn { display: flex; align-items: center; margin-top: 1.5rem; justify-content: center;}
    #deepavali-2025 .learnmore_container { box-shadow: 0px 0px 33.95248794555664px 0px #EACE9B4D; position: relative; margin: 15px; clip-path: path("M27.662 0L0 27.042V48H184.338L212 20.958V0H27.662Z"); height: 0; width: 230px; padding: 0px;}
    #deepavali-2025 .vesak_btn_link {position: relative;}
    #deepavali-2025 .merdeka_more_promotion_btn {position: absolute; height: 66px; width: 277px; top: 50%; left: 50%; background: #060011; border-radius: 20px; border: 3px solid #292B37; transform:translate(-50%,-50%); padding: 0; margin: 0; cursor: pointer; overflow: visible;}
    #deepavali-2025 .merdeka_more_promotion_btn p {font-family: 'Poppins', sans-serif;}
    #deepavali-2025 .merdeka_more_promotion_btn_container .btn-effect:hover {animation: clipPathPulse 1s infinite ease-out;}
    #deepavali-2025 .merdeka_more_promotion_btn_container {position: relative; width: 200px; height: 56px; display: inline-block; filter: drop-shadow(0px 0px 20px rgba(188, 136, 53, 1)); transition: filter 0.3s ease-in-out;}
    #deepavali-2025 .vesak_promotion_a_tag { position: relative; width: 100%; height: 100%; width: 300px; height: 100px; z-index: 5;}
    #deepavali-2025 .merdeka_more_promotion_word {letter-spacing: 0.5px; margin: 0; -webkit-background-clip: text; background-clip: text; color: #FFFFFF; font-size: 25px; font-weight: 600;}
    #deepavali-2025 .merdeka_more_promotion_btn_container:hover {filter: drop-shadow(0 0 5px rgba(188, 136, 53, 1)) drop-shadow(0 0 25px rgba(188, 136, 53, 1)) drop-shadow(0 0 50px rgba(188, 136, 53, 1));}
    @media (max-width:2560px) {
        .deepavali-img-container {width: 43%;}
        section.container-fluid div.deepavali-banner div.deepavali-text .responsive-heading {font-size: 75px;}
        .deepavali-desc {font-size: 61px; line-height: 51px;}
        section.container-fluid div.deepavali-banner {height: 875px;}
        .deepavali-img-container .bird-card {left: 32%;}
    }
    @media (max-width:1921px) {
        section.container-fluid div.deepavali-banner div.deepavali-text .responsive-heading {font-size: 62px;line-height: normal;}
        .deepavali-desc {font-size: 57px; line-height: 34px;margin-bottom: 1rem;}
        .deepavali-img-container {width: 40%;}
        section.container-fluid div.deepavali-banner {height: 740px;}
        .deepavali-img-container .bird-card {left: 35%;}
    }
    @media (max-width:1537px) {
        section.container-fluid div.deepavali-banner div.deepavali-text .responsive-heading {font-size: 50px;}
        section.container-fluid div.deepavali-banner {height: 600px;}
        .deepavali-desc {font-size: 41px;}
    }
    @media (max-width:1537px) and (max-height:780px) {
        section.container-fluid div.deepavali-banner {height: 572px;}
    }
    @media (max-width:1367px) {
        section.container-fluid div.deepavali-banner {height: 600px;}
        .deepavali-img-container .bird-card {width: 57%;}
        .deepavali-text {right: 6%;}
    }
    @media (max-width:1281px) {
        section.container-fluid div.deepavali-banner {height: 550px;}
        section.container-fluid div.deepavali-banner div.deepavali-text .responsive-heading {font-size: 45px;}
        .deepavali-desc {font-size: 37px;}
    }
    @media (max-width:1025px) {
        section.container-fluid div.deepavali-banner {height: 435px;}
        section.container-fluid div.deepavali-banner div.deepavali-text .responsive-heading {font-size: 38px;}
        .deepavali-desc {font-size: 30px; line-height: normal}
        .deepavali-lamp-container, .deepavali-img-container {left: 13%;}
    }
    @media (max-width:992px) {
        section.container-fluid div.deepavali-banner {height: 685px; background: url("/assets/site/beca3b8777f9970a1d3f.webp"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat; margin-top: 90px;}
        .deepavali-text {position: absolute; right: 0%; bottom: 8%; width: 100%;}
        .deepavali-img-container { width: 65%; top: 0%; left: 28%;}
        section.container-fluid div.deepavali-banner div.deepavali-text .responsive-heading {font-size: 40px; bottom: 5%;}
        #deepavali-2025 .merdeka_more_promotion_btn{height: 85%; width: 75%;}
        .deepavali-desc {font-size: 37px; margin-bottom: 0;}
        .deepavali-festival-btn {margin-top: 1rem;}
        .bg-asset {display: none;}
        .tablet-bg-asset {display: block;}
        .deepavali-lamp-container {top: -10%; width: 38%; left: 30%;}
        .deepavali-img-container .bird-card {width: 55%; left: 37%; top: 49%; height: 50%;}
    }
    @media (max-width:853px) {
        .tablet-bg-asset {width: 72%;}
    }
    @media (max-width:821px) {
        .tablet-bg-asset {width: 77%; right: -24%;}
    }
    @media (max-width: 768px) {
        .responsive-heading {bottom: 9%;}
        section.container-fluid div.deepavali-banner {height: 624px;}
        section.container-fluid div.deepavali-banner div.deepavali-text .responsive-heading {font-size: 40px;}
        .deepavali-desc {font-size: 37px;}
    }
    @media (max-width:541px) {
        section.container-fluid div.deepavali-banner {background: url("/assets/site/7ee4599e8b0f0637a7aa.webp"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat;}
        section.container-fluid div.deepavali-banner {height: 626px;}
        section.container-fluid div.deepavali-banner div.deepavali-text .responsive-heading {font-size: 37px;}
        .deepavali-text {bottom: 0%;}
        #deepavali-2025 .merdeka_more_promotion_btn{height: 80%; width: 65%;}
        .deepavali-desc {font-size: 32px; line-height: 28px;}
        .tablet-bg-asset {display: none;}
        .mobile-bg-asset {display: block;}
        .deepavali-lamp-container { left: 50%; transform: translateX(-50%); width: 48%; top: -6%; height: 75%;}
        .deepavali-img-container {width: 100%; left: 0;}
        .deepavali-img-container .bird-card {width: 45%; height: 38%; left: 51%; top: 56%;}
    }
    @media (max-width: 480px) {
        section.container-fluid div.deepavali-banner div.deepavali-text .responsive-heading {font-size: 31px;}
        .deepavali-desc {font-size: 26px;}
        section.container-fluid div.deepavali-banner {height: 550px;}
        #deepavali-2025 .merdeka_more_promotion_word {font-size: 16px;}
        .deepavali-festival-btn {margin-top: 1rem;}
        .deepavali-img-container .bird-card {height: 36%; top: 54%;}
        .mobile-bg-asset {width: 47%;}
    }
    @media (max-width: 391px) {
        .mobile-bg-asset { width: 50%;}
    }
    @media (max-width: 376px) {
        section.container-fluid div.deepavali-banner div.deepavali-text .responsive-heading {font-size: 27px;}
        .deepavali-desc {font-size: 24px;}
        .deepavali-lamp-container {width: 52%;}
        .deepavali-lamp-container #canvas {height: 14%; bottom: 25%;}
    }
    @media (max-width: 361px) {
        .mobile-bg-asset {width: 52%;}
    }