#wex-patenta-test-app {
            width: 100%;
            overflow-x: hidden;
            background:
                linear-gradient(rgba(235, 244, 252, 0.86), rgba(235, 244, 252, 0.86)),
                url('https://patenta-abcd.al/wp-content/uploads/2017/10/bg-pattern.png');
            background-size: cover;
            background-position: center;
            padding: 12px 14px 35px;
            box-sizing: border-box;
            font-family: Arial, Helvetica, sans-serif;
        }

        #wex-patenta-test-app *,
        #wex-patenta-test-app *::before,
        #wex-patenta-test-app *::after {
            box-sizing: border-box;
        }

        #wex-patenta-test-app .wpt-container {
            width: 100%;
            max-width: 1280px;
            margin: 0 auto;
        }

        #wex-patenta-test-app .wpt-form {
            width: 100%;
            margin: 0;
        }

        #wex-patenta-test-app .wpt-loading {
            text-align: center;
            font-size: 24px;
            font-weight: 800;
            color: #0c2943;
            padding: 40px 15px;
        }

        #wex-patenta-test-app .wpt-question-grid {
            display: grid;
            grid-template-columns: repeat(20, 1fr);
            gap: 4px;
            width: 100%;
            margin: 0 0 14px;
        }

        #wex-patenta-test-app .wpt-question-btn {
            width: 100%;
            height: 50px;
            border: 1px solid #111;
            background: #f4c000;
            color: #000;
            font-size: 22px;
            font-weight: 800;
            line-height: 1;
            border-radius: 10px;
            padding: 0;
            cursor: pointer;
            appearance: none;
            -webkit-appearance: none;
            transition: background-color 0.18s ease, color 0.18s ease;
        }

        #wex-patenta-test-app .wpt-question-btn:hover {
            background: #4a505726;
        }

        #wex-patenta-test-app .wpt-question-btn.wpt-active {
            background: #495057 !important;
            color: #fff !important;
        }

        #wex-patenta-test-app .wpt-question-btn.wpt-answered {
            background: #198754 !important;
            color: #fff !important;
        }

        #wex-patenta-test-app .wpt-question-btn.wpt-correct {
            background: #168a32 !important;
            color: #fff !important;
        }

        #wex-patenta-test-app .wpt-question-btn.wpt-wrong {
            background: #d60000 !important;
            color: #fff !important;
        }

        #wex-patenta-test-app .wpt-card {
            width: 100%;
            background: rgba(255, 255, 255, 0.05);
            border-radius: 0;
            padding: 0;
        }

        #wex-patenta-test-app .wpt-main {
            display: grid;
            grid-template-columns: 320px 1fr 120px;
            gap: 28px;
            align-items: start;
        }

        #wex-patenta-test-app .wpt-left {
            min-width: 0;
        }

        #wex-patenta-test-app .wpt-number {
            display: none;
            color: #000;
            font-size: 26px;
            font-weight: 700;
            font-style: italic;
            line-height: 1;
            margin: 0 0 4px 8px;
        }

        #wex-patenta-test-app .wpt-image-box {
            box-shadow: 8px 10px 5px rgba(0, 0, 0, 0.18);
            border-radius: 16px;
            width: 100%;
            max-width: 320px;
            height: 290px;
            background: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
        }

        #wex-patenta-test-app .wpt-image-box img {
            width: 100%;
            height: 100%;
            object-fit: contain;
            display: block;
        }

        #wex-patenta-test-app .wpt-timer-bottom {
            font-family: cursive;
            text-align: center;
            color: #0c2943;
            font-size: 26px;
            font-weight: 900;
            line-height: 1.05;
            margin-top: 2px;
        }

        #wex-patenta-test-app .wpt-timer-bottom .wpt-time {
            display: block;
            font-size: 27px;
            letter-spacing: 1px;
        }

        #wex-patenta-test-app .wpt-center {
            min-width: 0;
            padding-top: 40px;
        }

        #wex-patenta-test-app .wpt-question-title {
            color: #0c2943;
            font-size: 30px;
            font-weight: 800;
            line-height: 1.08;
            min-height: 90px;
            max-width: 920px;
            margin: 0 0 36px;
        }

        #wex-patenta-test-app .wpt-line {
            width: 100%;
            height: 1.5px;
            background: #4a505726;
            border: 0;
            margin: 0 0 14px;
            opacity: 1;
        }

        #wex-patenta-test-app .wpt-answer-wrap {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 32px;
            width: 100%;
            margin-top: 0;
        }

        #wex-patenta-test-app .wpt-answer-input {
            display: none;
        }

        #wex-patenta-test-app .wpt-answer-label {
            min-width: 165px;
            height: 45px;
            border-radius: 7px;
            border: 0;
            background: linear-gradient(#fff, #e2e2e200);
            color: #2c2c2c;
            font-size: 26px;
            font-weight: 800;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.18);
            user-select: none;
            transition: transform 0.18s ease, background 0.18s ease, color 0.18s ease;
        }

        #wex-patenta-test-app .wpt-answer-label:hover {
            transform: translateY(-2px);
        }

        #wex-patenta-test-app .wpt-answer-input:checked + .wpt-answer-label {
            background: #0d6efd;
            color: #fff;
        }

        #wex-patenta-test-app .wpt-side-time {
            display: none;
            color: #0c2943;
            font-size: 30px;
            font-weight: 500;
            line-height: 0.95;
            text-align: center;
            padding-top: 0;
        }

        #wex-patenta-test-app .wpt-actions {
            display: grid;
            grid-template-columns: 320px 1fr 300px;
            gap: 12px;
            align-items: center;
            margin-top: 0;
        }

        #wex-patenta-test-app .wpt-finish-wrap {
            text-align: center;
        }

        #wex-patenta-test-app .wpt-finish-btn {
            border: 1px solid #222;
            background: #f8f8f8;
            color: #111;
            font-size: 28px;
            font-weight: 500;
            padding: 9px 24px;
            border-radius: 22px;
            min-width: 220px;
            cursor: pointer;
            appearance: none;
            -webkit-appearance: none;
            transition: background-color 0.18s ease, color 0.18s ease;
        }

        #wex-patenta-test-app .wpt-finish-btn:hover {
            background: #111;
            color: #fff;
        }

        #wex-patenta-test-app .wpt-nav {
            display: flex;
            justify-content: flex-end;
            align-items: center;
            gap: 44px;
        }

        #wex-patenta-test-app .wpt-nav-btn {
            width: 72px;
            height: 72px;
            border-radius: 50%;
            border: 1px solid #111;
            background: #fff;
            color: #000;
            font-size: 44px;
            font-weight: 900;
            line-height: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 0 0 5px;
            cursor: pointer;
            box-shadow: inset 0 0 0 2px #777;
            appearance: none;
            -webkit-appearance: none;
        }

        #wex-patenta-test-app .wpt-nav-btn:hover {
            background: #f1f1f1;
        }

        #wex-patenta-test-app .wpt-result {
            display: block;
            margin-top: 22px;
            color: #0c2943;
            font-size: 24px;
            font-weight: 700;
            text-align: center;
            line-height: 1.35;
        }

        #wex-patenta-test-app .wpt-result img {
            display: block;
            width: auto;
            max-width: 95px;
            height: auto;
            margin: 10px auto;
        }

        @media (max-width: 1400px) {
            #wex-patenta-test-app .wpt-question-btn {
                height: 58px;
                font-size: 19px;
            }

            #wex-patenta-test-app .wpt-main {
                grid-template-columns: 300px 1fr 90px;
                gap: 22px;
            }

            #wex-patenta-test-app .wpt-image-box {
                max-width: 300px;
                height: 270px;
            }

            #wex-patenta-test-app .wpt-question-title {
                font-size: 27px;
            }
        }

        @media (max-width: 991.98px) {
            #wex-patenta-test-app {
                padding: 26px 16px 24px;
            }

            #wex-patenta-test-app .wpt-question-grid {
                grid-template-columns: repeat(20, 1fr);
                gap: 3px;
                margin-bottom: 4px;
            }

            #wex-patenta-test-app .wpt-question-btn {
                height: 44px;
                border-width: 2px;
                font-size: 16px;
            }

            #wex-patenta-test-app .wpt-main {
                grid-template-columns: 25% 58% 17%;
                gap: 0;
                align-items: start;
            }

            #wex-patenta-test-app .wpt-left {
                padding-right: 0;
            }

            #wex-patenta-test-app .wpt-number {
                font-size: 20px;
                margin-left: 4px;
                margin-bottom: 2px;
            }

            #wex-patenta-test-app .wpt-image-box {
                max-width: 100%;
                height: 190px;
            }

            #wex-patenta-test-app .wpt-timer-bottom {
                margin-top: 0;
                font-size: 30px;
                line-height: 0.98;
            }

            #wex-patenta-test-app .wpt-timer-bottom .wpt-time {
                font-size: 30px;
                line-height: 1.05;
            }

            #wex-patenta-test-app .wpt-center {
                padding-left: 10%;
                padding-top: 8px;
            }

            #wex-patenta-test-app .wpt-question-title {
                font-size: 24px;
                line-height: 0.98;
                min-height: 98px;
                margin-bottom: 0;
                padding-left: 0;
            }

            #wex-patenta-test-app .wpt-line {
                height: 2px;
                margin: 3px 0 30px;
            }

            #wex-patenta-test-app .wpt-answer-wrap {
                justify-content: center;
                gap: 24px;
            }

            #wex-patenta-test-app .wpt-answer-label {
                min-width: 140px;
                height: 38px;
                font-size: 28px;
                box-shadow: 0 6px 0 rgba(0, 0, 0, 0.18);
            }

            #wex-patenta-test-app .wpt-side-time {
                display: block;
                font-size: 30px;
            }

            #wex-patenta-test-app .wpt-actions {
                grid-template-columns: 25% 36% 39%;
                gap: 0;
                margin-top: 4px;
            }

            #wex-patenta-test-app .wpt-finish-wrap {
                grid-column: 2 / 3;
                text-align: center;
            }

            #wex-patenta-test-app .wpt-finish-btn {
                width: 100%;
                min-width: 0;
                font-size: 29px;
                padding: 8px 14px;
                border-radius: 18px;
                border-width: 4px;
            }

            #wex-patenta-test-app .wpt-nav {
                grid-column: 3 / 4;
                justify-content: flex-end;
                gap: 28px;
                padding-left: 14px;
            }

            #wex-patenta-test-app .wpt-nav-btn {
                width: 68px;
                height: 68px;
                border-width: 7px;
                font-size: 38px;
                padding-bottom: 5px;
            }
        }

        @media (max-width: 575.98px) {
            #wex-patenta-test-app {
                padding: 10px 8px 22px;
            }

            #wex-patenta-test-app .wpt-question-grid {
                grid-template-columns: repeat(20, 1fr);
                gap: 3px;
                margin-bottom: 8px;
            }

            #wex-patenta-test-app .wpt-question-btn {
                height: 30px;
                font-size: 10px;
                border-radius: 5px;
            }

            #wex-patenta-test-app .wpt-main {
                grid-template-columns: 34% 54% 12%;
            }

            #wex-patenta-test-app .wpt-number {
                font-size: 18px;
            }

            #wex-patenta-test-app .wpt-image-box {
                height: 150px;
            }

            #wex-patenta-test-app .wpt-question-title {
                font-size: 17px;
                min-height: 78px;
                line-height: 1.02;
            }

            #wex-patenta-test-app .wpt-line {
                margin: 4px 0 18px;
            }

            #wex-patenta-test-app .wpt-side-time {
                display: none;
                font-size: 20px;
            }

            #wex-patenta-test-app .wpt-answer-wrap {
                gap: 10px;
            }

            #wex-patenta-test-app .wpt-answer-label {
                min-width: 80px;
                height: 25px;
                font-size: 15px;
            }

            #wex-patenta-test-app .wpt-timer-bottom {
                font-size: 18px;
            }

            #wex-patenta-test-app .wpt-timer-bottom .wpt-time {
                font-size: 21px;
            }

            #wex-patenta-test-app .wpt-actions {
                grid-template-columns: 34% 36% 30%;
                margin-top: 8px;
            }

            #wex-patenta-test-app .wpt-finish-btn {
                font-size: 18px;
                padding: 8px 8px;
                border-width: 3px;
                border-radius: 15px;
            }

            #wex-patenta-test-app .wpt-nav {
                gap: 8px;
                padding-left: 8px;
            }

            #wex-patenta-test-app .wpt-nav-btn {
                width: 48px;
                height: 48px;
                border-width: 5px;
                font-size: 27px;
            }
        }