.question-container {
            position: relative;
            overflow: hidden;
            min-height: 150px;
        }

        .question-slide {
            position: absolute;
            width: 100%;
            transition: transform 0.3s ease, opacity 0.3s ease;
            opacity: 0;
            transform: translateX(100%);
        }

        .question-slide.active {
            opacity: 1;
            transform: translateX(0);
        }

        .question-slide.previous {
            transform: translateX(-100%);
        }





        .radio-input {
            margin-top: 3px;
            margin-right: 10px;
        }

        .navigation {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-top: 24px;
        }

        .progress-indicator {
            font-size: 14px;
            color: #666;
        }

        .nav-btn {
            padding: 10px 16px;
            border-radius: 4px;
            cursor: pointer;
            display: flex;
            align-items: center;
            font-weight: 500;
            border: none;
            transition: background-color 0.2s;
        }

        .back-btn {
            background-color: #f5f5f5;
            color: #333;
        }

        .back-btn:hover:not(:disabled) {
            background-color: #e0e0e0;
        }

        .next-btn {
            background-color: #4a6cf7;
            color: white;
        }

        .next-btn:hover:not(:disabled) {
            background-color: #3a5ce5;
        }

        .nav-btn:disabled {
            opacity: 0.5;
            cursor: not-allowed;
        }

        .icon {
            display: inline-block;
            margin: 0 4px;
        }

        .bg-floral-white {
            background-color: #FFF8F2;
        }

        .lpu-btn-bg-y {
            background-color: #F9E7D1;
            color: #000;
            border: 1px solid #000;
            box-shadow: inset 0 -4px 0 #000;
            min-width: -moz-max-content;
            min-width: -webkit-max-content;
            min-width: max-content;
            height: 45px;
            display: inline-block;
            padding: 0 25px;
            position: relative;
            isolation: isolate;
            overflow: hidden;
            font-weight: 600;
            transition: 0.4s ease-in;
        }

        .lpu-btn-bg-y:hover {
            background-color: #000;
            color: #fff;
            box-shadow: inset 0 -4px 0 #fff;
            fill: white;
            /* Change fill color on hover */
        }





        .drop-select select {
            background: transparent;
            border: 0;
            border-bottom: 2px solid #000;
            border-radius: 0;
            outline: 0;
            width: 100%;
            padding: 10px 0;
        }

        .right-pattern::before {
            width: 17vw !important;
        }

        .border-top-black {
            border-top: 1px solid #000;
        }

        .sc-list {
            border-bottom: 1px solid #9c9894;
        }

        .list-header {
            padding: 20px;
            display: flex;
            align-items: top;
        }

        .list-header .icon-container {
            width: 40px;
            height: 40px;
            background-color: #f2ebe6;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 15px;
            border-radius: 4px;
        }

        .list-body {
            background-color: #F3F1F1;
            padding: 10px;
        }

        .scholarship-title {
            font-size: 16px;
            font-weight: 600;
            margin: 0;
            color: #393836;
        }

        .scholarship-subtitle {
            font-size: 14px;
            color: #6c757d;
            margin: 0;
        }

        .question-row {
            padding: 20px;
            border-bottom: 1px solid #000000;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .question {
            font-size: 14px;
            font-weight: 500;
            color: #080708;
        }

        .answer {
            font-size: 14px;
            color: #7F685F;
            font-weight: 500;
            text-align: right;
        }

        .radio-options {
            padding: 20px;
        }

        .form-check {
            margin-bottom: 12px;
        }

        .form-check-input {
            margin-top: 0.2rem;
        }

        .form-check-label {
            font-size: 14px;
            color: #333;
            margin-left: 5px;
            font-weight: normal;
            text-transform: none;
            letter-spacing: 0;
            margin-bottom: 0;
        }

        .progress {
            height: 6px;
            margin-bottom: 10px;
        }

        .progress-bar {
            background-color: #ff8c00;
        }

        .progress-text {
            font-size: 14px;
            color: #666;
            margin-bottom: 15px;
        }

        .scholarship-badge {
            background-color: #000;
            color: #fff;
            font-size: 12px;
            padding: 4px 10px;
            border-radius: 20px;
            margin-left: 10px;
        }

        .result-card {
            padding: 20px;
            border-top: 1px solid #c4c2c3;
        }

        .result-text {
            color: #666465;
            font-weight: 500;
            ;
        }

        .not-applicable {
            color: #7B8092;
            font-size: 11px;
            text-transform: uppercase;
            border-radius: 15px;
            background-color: #f2ebe6;
            padding: 5px 15px;
        }

        @media (max-width: 767px) {
            .answer {
                text-align: left;
                padding-top: 5px;
            }

            .question-row {
                display: block;
            }

            .list-header {
                display: block;
            }

            .not-applicable {
                margin-top: 10px;
                display: inline-block;
            }

        }

        .chatgpt-logo {
            width: 30px;
            height: 30px;
            position: relative;
            margin-right: 10px;
        }

        .logo-r {
            width: 100%;
            height: 100%;
            -webkit-animation: rotatePulse 5s linear infinite;
                    animation: rotatePulse 5s linear infinite;
            /* Animation name, duration, timing, and repetition */
            transform-origin: center;
            /* Rotate around the center */
        }



        @-webkit-keyframes rotatePulse {
            0% {
                transform: rotate(0deg) scale(1);
                /* Start at 0 degrees, normal size */
            }

            50% {
                transform: rotate(180deg) scale(1.1);
                /* Rotate 180 degrees, slightly larger */
            }

            100% {
                transform: rotate(360deg) scale(1);
                /* Rotate 360 degrees (full circle), back to normal size */
            }
        }



        @keyframes rotatePulse {
            0% {
                transform: rotate(0deg) scale(1);
                /* Start at 0 degrees, normal size */
            }

            50% {
                transform: rotate(180deg) scale(1.1);
                /* Rotate 180 degrees, slightly larger */
            }

            100% {
                transform: rotate(360deg) scale(1);
                /* Rotate 360 degrees (full circle), back to normal size */
            }
        }