.winner-row{
         margin:5px 10px;
     }
     .winner-section {
            /*background: linear-gradient(135deg, #f9f9f9, #e3f2fd);*/
            background: white;
            /*padding: 50px 20px;*/
            padding:50px 20px 10px 20px;
            text-align: center;
            border-radius: 10px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            position: relative;
            min-height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
            
            /* overflow: hidden; */
        }

        .winner-section .winner-image {
            width: 80px;
            height: 80px;
            border-radius: 50%;
            object-fit: cover;
            /*border: 5px solid #fff;*/
            border: 5px solid #607d8b70;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        }

        .winner-section .winner-name {
            font-size: 1.1rem;
            font-weight: bold;
            /*color: #0d6efd;*/
            color:black;
            text-transform:uppercase;
            white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  max-width: 100%;
        }

        .winner-section .winner-achievement {
            font-size: 0.9rem;
            color: #6c757d;
        }

        .winner-section .badge-winner {
            background-color: #ffc107;
            color: #fff;
            font-size: 0.7rem;
            padding: 0.2em 0.5em;
            border-radius: 20px;
            font-weight: bold;
            bottom:-19px;
        }

        .winner-section .stars {
            position: absolute;
            top: -20px;
            left: 50%;
            transform: translateX(-50%);
            display: flex;
            gap: 10px;
        }

        .winner-section .star {
            width: 30px;
            height: 30px;
            background-color: gold;
            clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
        }

        .winner-section .balloons {
            position: absolute;
            bottom: 0;
            left: 50%;
            top: 10px;
            transform: translateX(-50%);
            display: flex;
            gap: 13px;
            flex-wrap: wrap;
            justify-content: center;
        }

        .winner-section .balloon {
            width: 10px;
            height: 10px;
            border-radius: 50%;
            position: relative;
            animation: float 5s linear infinite;
        }

        /* Different colored balloons */
        .winner-section .balloon:nth-child(1) {
            background-color: red;
            animation: float1 5s linear infinite;
        }

        .winner-section .balloon:nth-child(2) {
            background-color: yellow;
            animation: float2 5s linear infinite;
        }

        .winner-section .balloon:nth-child(3) {
            background-color: blue;
            animation: float3 5s linear infinite;
        }

        .winner-section .balloon:nth-child(4) {
            background-color: coral;
            animation: float4 5s linear infinite;
        }

        .winner-section .balloon:nth-child(5) {
            background-color: green;
            animation: float5 5s linear infinite;
        }

        .winner-section .balloon:nth-child(6) {
            background-color: purple;
            animation: float6 5s linear infinite;
        }

        .winner-section .balloon:nth-child(7) {
            background-color: orange;
            animation: float7 5s linear infinite;
        }

        .winner-section .balloon:nth-child(8) {
            background-color: pink;
            animation: float8 5s linear infinite;
        }

        @keyframes float1 {
            0% {
                transform: translateY(100%);
            }

            50% {
                transform: translateY(-50%);
            }

            100% {
                transform: translateY(100%);
            }
        }

        @keyframes float2 {
            0% {
                transform: translateY(100%);
            }

            60% {
                transform: translateY(-140%);
            }

            100% {
                transform: translateY(100%);
            }
        }

        @keyframes float3 {
            0% {
                transform: translateY(100%);
            }

            70% {
                transform: translateY(-30%);
            }

            100% {
                transform: translateY(100%);
            }
        }

        @keyframes float4 {
            0% {
                transform: translateY(100%);
            }

            40% {
                transform: translateY(-23%);
            }

            100% {
                transform: translateY(100%);
            }
        }

        @keyframes float5 {
            0% {
                transform: translateY(100%);
            }

            50% {
                transform: translateY(-80%);
            }

            100% {
                transform: translateY(100%);
            }
        }

        @keyframes float6 {
            0% {
                transform: translateY(100%);
            }

            80% {
                transform: translateY(-100%);
            }

            100% {
                transform: translateY(100%);
            }
        }

        @keyframes float7 {
            0% {
                transform: translateY(100%);
            }

            50% {
                transform: translateY(-6%);
            }

            100% {
                transform: translateY(100%);
            }
        }

        @keyframes float8 {
            0% {
                transform: translateY(100%);
            }

            40% {
                transform: translateY(-10%);
            }

            100% {
                transform: translateY(100%);
            }
        }
@media (max-width: 768px) {
    .winner-row {
        margin: 0 !important; /* Remove margin specifically for mobile screens */
    }
    .winner-section .balloons{
        gap:17px;
    }

    .winner-section .balloon {
        width: 15px; /* Smaller size for balloons */
        height: 15px; /* Smaller size for balloons */
        animation-duration: 3s; /* Reduce the animation duration */
    }
    .winner-section .balloon:nth-child(n+5) {
        display: none; /* Hide balloons after the first four */
    }

    @keyframes float1 {
        0% {
            transform: translateY(50%); /* Smaller translation range */
        }
        50% {
            transform: translateY(-20%); /* Adjust the peak translation */
        }
        100% {
            transform: translateY(50%);
        }
    }

    @keyframes float2 {
        0% {
            transform: translateY(50%);
        }
        60% {
            transform: translateY(-40%);
        }
        100% {
            transform: translateY(50%);
        }
    }

    @keyframes float3 {
        0% {
            transform: translateY(50%);
        }
        70% {
            transform: translateY(-15%);
        }
        100% {
            transform: translateY(50%);
        }
    }

    @keyframes float4 {
        0% {
            transform: translateY(50%);
        }
        40% {
            transform: translateY(-10%);
        }
        100% {
            transform: translateY(50%);
        }
    }

    /*@keyframes float5 {*/
    /*    0% {*/
    /*        transform: translateY(50%);*/
    /*    }*/
    /*    50% {*/
    /*        transform: translateY(-30%);*/
    /*    }*/
    /*    100% {*/
    /*        transform: translateY(50%);*/
    /*    }*/
    /*}*/

    /*@keyframes float6 {*/
    /*    0% {*/
    /*        transform: translateY(50%);*/
    /*    }*/
    /*    80% {*/
    /*        transform: translateY(-50%);*/
    /*    }*/
    /*    100% {*/
    /*        transform: translateY(50%);*/
    /*    }*/
    /*}*/

    /*@keyframes float7 {*/
    /*    0% {*/
    /*        transform: translateY(50%);*/
    /*    }*/
    /*    50% {*/
    /*        transform: translateY(-5%);*/
    /*    }*/
    /*    100% {*/
    /*        transform: translateY(50%);*/
    /*    }*/
    /*}*/

    /*@keyframes float8 {*/
    /*    0% {*/
    /*        transform: translateY(50%);*/
    /*    }*/
    /*    40% {*/
    /*        transform: translateY(-8%);*/
    /*    }*/
    /*    100% {*/
    /*        transform: translateY(50%);*/
    /*    }*/
    /*}*/
}