.navbar {
        background: linear-gradient(to bottom, #007A7F, #004D4D) !important;
        color: #ffffff !important;
        font-weight: bold !important;
    }
    .navbar-brand, .nav-link {
        color: #ffffff !important;
    }
    .nav-link:hover {
        color: #FFD700 !important;
    }
    .navbar-toggler {
        background: white;
    }
    body {
        background: linear-gradient(180deg, #FF9933 0%, #138808 100%);
        color: #000000;
    }
    .section {
        padding: 50px 0;
        text-align: center;
    }
    .hero-banner {
        margin-top: 86px;
        margin-bottom: 20px;
    }
    .carousel {
        position: relative;
        width: 100%;
        max-width: 100%;
        margin: 0px auto;
        overflow: hidden;
    }
    .slides {
        display: flex;
        transition: transform 1s ease-in-out;
    }
    .slide {
        min-width: 100%;
        transition: opacity 1s ease;
    }
    .slide img {
        width: 100%;
    }
    .card:hover {
        box-shadow: 0 8px 16px rgba(0,0,0,0.5);
    }
    .livedraw-card {
        background: linear-gradient(135deg, #FFF5DC, #F3D8A0);
        color: #000080;
        border-radius: 10px;
        max-width: 1000px !important;
        margin: 0px auto;
        text-align: center;
        box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.5);
    }
    .prizes {
        color: #000080;
        margin-bottom: 5px;
    }
    .prize-item {
	font-size: 1.5em;
        padding: 10px;
        color: #000080;
        border-bottom: 5px solid #004D4D;
        margin-bottom: 5px;
    }
    .livedraw-card h5 {
	padding: 20px;
        font-size: 2em;
        color: #004D4D;
        font-weight: bold;
        border-radius: 10px;
	margin-bottom: 20px;
    }
    .livedraw-card h2 {
        color: #000080;
        font-weight: bold;
    }
    .livedraw-card .winning-number {
        display: flex;
        justify-content: center;
        gap: 10px;
        margin-top: 5px;
        margin-bottom: 5px;
    }
    .livedraw-card .winning-number span {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background: linear-gradient(to bottom, #007A7F, #004D4D);
        color: #fff;
        font-size: 1.5em;
        font-weight: bold;
        box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.5), inset -5px -5px 10px rgba(0, 0, 0, 0.7), 0 5px 10px rgba(0, 0, 0, 0.3);
    }
    .result-card {
        background: linear-gradient(135deg, #FFF5DC, #F3D8A0);
        color: #000080;
        border-radius: 10px;
        max-width: 1000px !important;
        margin: 0px auto;
        text-align: center;
        box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.5);
	padding: 20px;
    }
    .result-card h5 {
	padding: 20px;
        font-size: 2em;
        color: #004D4D;
        font-weight: bold;
        border-radius: 10px;
	margin-bottom: 20px;
    }
    .result-card h2 {
        color: #007A7F;
    }
    .pastresult-card {	
        background: #F3D8A0;
        color: #004D4D;
	border: 2px solid #004D4D;
        border-radius: 10px;
        max-width: 1000px !important;
        margin: 0px auto;
        text-align: center;
        box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.5);
	padding: 20px;
    }
    .pastresult-card h2 {
        color: #000080;
    }
    .pastresult-card .prize-item {
	font-size: 1.5em;
        padding: 10px;
        color: #000080;
        border-bottom: 5px solid #004D4D;
        margin-bottom: 5px;
    }
    .pastresult-card .winning-number {
        display: flex;
        justify-content: center;
        gap: 5px;
        margin-top: 5px;
        margin-bottom: 5px;
    }
    .pastresult-card .winning-number span {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 35px;
        height: 35px;
        border-radius: 50%;
        background: #ffffff;
        color: #000000;
        font-size: 1em;
        font-weight: bold;
        box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.5), inset -5px -5px 10px rgba(0, 0, 0, 0.7), 0 5px 10px rgba(0, 0, 0, 0.7);
    }
    .responsible-card {
        background: linear-gradient(135deg, #FFF5DC, #F3D8A0);
        color: #000080;
        border-radius: 10px;
        max-width: 1000px !important;
        margin: 0px auto;
        text-align: center;
        box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.5);
	padding: 20px;
    }
    .responsible-card h5 {
	padding: 20px;
        font-size: 2em;
        color: #004D4D;
        font-weight: bold;
        border-radius: 10px;
	margin-bottom: 20px;
    }
    .about-card {
        background: linear-gradient(135deg, #FFF5DC, #F3D8A0);
        color: #000080;
        border-radius: 10px;
        max-width: 1000px !important;
        margin: 0px auto;
        text-align: center;
        box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.5);
	padding: 20px;
    }
    .about-card h5 {	
	padding: 20px;
        font-size: 2em;
        color: #004D4D;
        font-weight: bold;
        border-radius: 10px;
	margin-bottom: 20px;
    }
    @keyframes blink {
        0%, 100% {
            opacity: 1;
        }
        50% {
            opacity: 0;
        }
    }
    .footer {
        background-color: #0a0a0a;
        color: #FFFFFF;
        padding: 20px 0;
    }
    @media (max-width: 600px) {
    	.hero-banner {
            margin-bottom: 10px;
        }
    	.nextdraw-card,
    	.livedraw-card,
	.result-card,
	.responsible-card,
	.about-card {
            margin-left: 10px;
            margin-right: 10px;
    	}
	.section {
            padding: 20px 0;
            text-align: center;
    	}
    }