header, footer, .header-section, .navbar, .footer, .zigzag, .header {
  display: none !important;
}
.result-section{
    min-height:70vh;
    display:flex;
    justify-content:center;
    align-items:center;
    padding:60px 15px;
    background:#f5f5f5;
}

.result-card{
    position:relative;
    width:100%;
    max-width:600px;
    padding:40px;
    border-radius:20px;
    text-align:center;
    background:linear-gradient(135deg,#c40000,#8b0000);
    box-shadow:0 20px 50px rgba(0,0,0,.25);
    color: white;
}

.close-btn{
    position:absolute;
    top:15px;
    right:15px;
    width:40px;
    height:40px;
    border:none;
    border-radius:50%;
    background:rgba(255,255,255,.2);
    color:#fff;
    font-size:28px;
    font-weight:bold;
    cursor:pointer;
    transition:.3s;
}

.close-btn:hover{
    background:#fff;
    color:#c40000;
    transform:rotate(90deg);
}

.result-card h2{
    color:#fff;
    font-size:36px;
    font-weight:700;
    margin-bottom:10px;
}

.result-card p{
    color:#f2f2f2;
    font-size:16px;
    margin-bottom:25px;
}

.input-group{
    position:relative;
    width:100%;
    margin-bottom:20px;
}

.input-group i{
    position:absolute;
    left:20px;
    top:50%;
    transform:translateY(-50%);
    color:#666;
    font-size:18px;
}

.input-group input{
    width:100%;
    height:60px;
    border:none;
    border-radius:10px;
    padding-left:55px;
    font-size:18px;
    outline:none;
    box-sizing:border-box;
}

.check-btn{
    width:100%;
    height:60px;
    border:none;
    border-radius:10px;
    background:linear-gradient(90deg,#ffb300,#ff6f00);
    color:#fff;
    font-size:20px;
    font-weight:700;
    cursor:pointer;
    transition:.3s;
}

.check-btn:hover{
    transform:translateY(-2px);
    box-shadow:0 10px 20px rgba(255,179,0,.4);
}

@media(max-width:768px){

    .result-card{
        padding:25px;
    }

    .result-card h2{
        font-size:28px;
    }

    .input-group input,
    .check-btn{
        height:55px;
    }
}




        .result-area {

            width: 100%;
            max-width: 900px;
            margin: 40px auto;
            background: #fff;
            padding: 30px;
            border-radius: 8px;
            box-shadow: 0 5px 20px rgba(0, 0, 0, .08);

        }

        .live-heading {

            text-align: center;
            font-size: 28px;
            font-weight: bold;
            color: #e60000;
            margin-bottom: 25px;

        }

        .winner-card {

            width: 320px;
            max-width: 100%;
            margin: auto;
            padding: 15px;
            background: #fff;
            border: 2px solid #ff5d2a;
            border-radius: 8px;
            text-align: center;
            box-shadow: 0 3px 8px rgba(0, 0, 0, .08);

        }

        .winner-card img {

            width: 180px;
            max-width: 100%;

        }

        .winner-card h3 {

            margin-top: 10px;
            font-size: 22px;
            color: #222;

        }

        .winner-card p {

            margin-top: 8px;
            font-size: 18px;

        }

        .winner-card span {

            font-weight: bold;
            color: #00a651;

        }

        .result-area h2 {

            text-align: center;
            margin: 30px 0 20px;
            font-size: 24px;
            color: #d32f2f;

        }

        .date-box {

            text-align: center;
            margin-bottom: 25px;

        }

        .green {

            background: #22b14c;
            padding: 7px 15px;
            color: #fff;
            border-radius: 4px;
            font-size: 14px;

        }

        .orange {

            background: #ff5d2a;
            padding: 7px 15px;
            color: #fff;
            border-radius: 4px;
            font-size: 14px;

        }

        .result-box {

            margin-bottom: 25px;

        }

        .title {

            background: maroon;
            color: #fff;
            font-weight: bold;
            text-align: center;
            padding: 12px;
            border-radius: 4px;
            font-size: 20px;

        }

        .number {

            display: table;
            margin: 15px auto;
            border: 1px solid #444;
            padding: 10px 25px;
            font-size: 20px;
            font-weight: bold;
            background: #fff;
            border-radius: 4px;

        }

        .list {

            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            gap: 12px;
            margin-top: 15px;

        }

        .list span {

            padding: 9px 18px;
            border: 1px solid #555;
            background: #fff;
            font-weight: bold;
            border-radius: 4px;
            font-size: 16px;

        }


        /* Tablet */

        @media(max-width:768px) {

            .result-area {

                padding: 20px;

            }

            .result-area h2 {

                font-size: 24px;

            }

            .title {

                font-size: 18px;

            }

            .number {

                font-size: 18px;

            }

            .list span {

                font-size: 15px;
                padding: 8px 15px;

            }

        }


        /* Mobile */

        @media(max-width:480px) {

            .result-area {

                padding: 15px;

            }

            .live-heading {

                font-size: 22px;

            }

            .winner-card {

                padding: 12px;

            }

            .winner-card img {

                width: 140px;

            }

            .result-area h2 {

                font-size: 20px;

            }

            .title {

                font-size: 15px;
                padding: 10px;

            }

            .number {
                font-size: 16px;
                padding: 8px 18px;

            }

            .list {
                gap: 8px;
            }

            .list span {
                width: 46%;
                text-align: center;
                font-size: 14px;
                padding: 8px 5px;
            }

            .green,
            .orange {
                display: inline-block;
                margin: 4px;

            }

        }

        .live-heading {
            text-align: center;
            font-size: 28px;
            font-weight: 700;
            color: #ff0000;
            text-transform: uppercase;
            margin-bottom: 20px;
            animation: blink 1s infinite;
        }

        @keyframes blink {

            0% {
                opacity: 1;
            }

            50% {
                opacity: 0;
            }

            100% {
                opacity: 1;
            }

        }