{"id":1446,"date":"2026-07-28T08:28:21","date_gmt":"2026-07-28T08:28:21","guid":{"rendered":"https:\/\/thkey.net\/?page_id=1446"},"modified":"2026-08-19T18:59:00","modified_gmt":"2026-08-19T15:59:00","slug":"home-test2","status":"publish","type":"page","link":"https:\/\/thkey.net\/en\/","title":{"rendered":"home test2"},"content":{"rendered":"<p><div class=\"fhb\" style=\"--fhb-page-bg:#fafafa;--fhb-maxw:1200px;--fhb-pad:18px;--fhb-gap:26px;--fhb-card-bg:#ffffff;--fhb-border:#ececf2;--fhb-radius:20px;--fhb-shadow:0 4px 14px rgba(25,25,77,.07);--fhb-heading:#19194d;--fhb-text:#6a6b86;--fhb-accent:#262c99;--fhb-primary:#19194d;--fhb-primary-hover:#262c99;--fhb-badge:#dae83d;--fhb-badge-text:#19194d;--fhb-star:#e0a500;\">        <section class=\"fhb-hero fhb-hero-has-image\" style=\"--fhb-hero-h:300px;--fhb-hero-text:#ffffff;\">\n            <div class=\"fhb-hero-left\">\n                <span class=\"fhb-hero-eyebrow\">Unlock Every Opportunity.<\/span>                <h1>Develop Your Skills, Unlock Your Future.<\/h1>                <p>Courses, Private Sessions, and Top Instructors \u2014 All in One Place.<\/p>                                <div class=\"fhb-hero-btns fhb-hero-btns-hide-mt\">\n                                                                        <a class=\"fhb-btn fhb-btn-lime\" href=\"https:\/\/thkey.net\/en\/registration\/\">Register<\/a>\n                                                                            <a class=\"fhb-btn fhb-btn-ghost\" href=\"https:\/\/thkey.net\/en\/login\/\">Login<\/a>\n                                                            <\/div>\n            <\/div>\n                            <div class=\"fhb-hero-right\">\n                    <img decoding=\"async\" src=\"https:\/\/thkey.net\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Jul-11-2026-12_47_20-PM-1.webp\" alt=\"\" loading=\"lazy\">\n                <\/div>\n                    <\/section>\n                <section class=\"fhb-section fhb-courses\">\n            <div class=\"fhb-sechead\"><div><h2>Courses<\/h2><p>Learn from top instructors<\/p><\/div><a class=\"fhb-see\" href=\"https:\/\/thkey.net\/en\/all-courses\/\">see all <span aria-hidden=\"true\">&rarr;<\/span><\/a><\/div>            <div class=\"fhb-row fhb-row-courses\" style=\"--cd:4;--cl:3;--ct:2;\">\n                                    <a class=\"fhb-ccard\" href=\"https:\/\/thkey.net\/en\/courses\/mathh\/\">\n                        <div class=\"fhb-cthumb fhb-g1\" style=\"background-image:url('https:\/\/thkey.net\/wp-content\/uploads\/2026\/08\/course_1662639286-1-1024x576.webp?wsr')\">\n                                                                                    <span class=\"fhb-level\">Intermediate<\/span>                                                    <\/div>\n                        <div class=\"fhb-cinfo\">\n                            <h3>mathh<\/h3>\n                            <div class=\"fhb-cby\">Diyaa Alloul<\/div>                            <div class=\"fhb-cfoot\">\n                                <span><\/span>                                <span class=\"fhb-price\"><span class=\"fhb-price-now\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#x62f;.&#x643;<\/span>50.00<\/span><\/span><\/span>                            <\/div>\n                        <\/div>\n                    <\/a>\n                                    <a class=\"fhb-ccard\" href=\"https:\/\/thkey.net\/en\/courses\/new-coursecomplete-web-development-bootcamp-2026\/\">\n                        <div class=\"fhb-cthumb fhb-g2\" style=\"background-image:url('https:\/\/thkey.net\/wp-content\/uploads\/2026\/07\/images-2.jpg?wsr')\">\n                                                                                    <span class=\"fhb-level\">Intermediate<\/span>                                                    <\/div>\n                        <div class=\"fhb-cinfo\">\n                            <h3>\u0645\u0639\u0633\u0643\u0631 \u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0648\u064a\u0628 \u0627\u0644\u0634\u0627\u0645\u0644 2026<\/h3>\n                            <div class=\"fhb-cby\">Diyaa Alloul<\/div>                            <div class=\"fhb-cfoot\">\n                                                                    <span class=\"fhb-rate\"><span class=\"fhb-star\">&#9733;<\/span> <b>4.0<\/b> <span class=\"fhb-rcount\">(1)<\/span><\/span>\n                                                                <span class=\"fhb-price\"><span class=\"fhb-price-now\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#x62f;.&#x643;<\/span>59.00<\/span><\/span><\/span>                            <\/div>\n                        <\/div>\n                    <\/a>\n                                    <a class=\"fhb-ccard\" href=\"https:\/\/thkey.net\/en\/courses\/photoshop-course\/\">\n                        <div class=\"fhb-cthumb fhb-g3\" style=\"background-image:url('https:\/\/thkey.net\/wp-content\/uploads\/2026\/08\/course_1662639286-1-1024x576.webp?wsr')\">\n                                                                                    <span class=\"fhb-level\">Intermediate<\/span>                                                    <\/div>\n                        <div class=\"fhb-cinfo\">\n                            <h3>Photoshop<\/h3>\n                            <div class=\"fhb-cby\">Diyaa Alloul<\/div>                            <div class=\"fhb-cfoot\">\n                                <span><\/span>                                <span class=\"fhb-price\"><span class=\"fhb-price-now\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#x62f;.&#x643;<\/span>90.00<\/span><\/span><\/span>                            <\/div>\n                        <\/div>\n                    <\/a>\n                                    <a class=\"fhb-ccard\" href=\"https:\/\/thkey.net\/en\/courses\/personal-finance-essentials\/\">\n                        <div class=\"fhb-cthumb fhb-g4\" style=\"background-image:url('https:\/\/thkey.net\/wp-content\/uploads\/2026\/08\/course-1773150927195-1-1024x756.webp?wsr')\">\n                                                                                    <span class=\"fhb-level\">Intermediate<\/span>                                                    <\/div>\n                        <div class=\"fhb-cinfo\">\n                            <h3>Personal Finance Essentials<\/h3>\n                            <div class=\"fhb-cby\">alyyy alyaa<\/div>                            <div class=\"fhb-cfoot\">\n                                <span><\/span>                                <span class=\"fhb-price\"><span class=\"fhb-price-now\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#x62f;.&#x643;<\/span>6.00<\/span><\/span><\/span>                            <\/div>\n                        <\/div>\n                    <\/a>\n                                    <a class=\"fhb-ccard\" href=\"https:\/\/thkey.net\/en\/courses\/%d8%a8%d9%86%d8%a7%d8%a1-%d8%a7%d9%84%d8%b3%d9%8a%d8%b1%d8%a9-%d8%a7%d9%84%d8%b0%d8%a7%d8%aa%d9%8a%d8%a9-%d9%88%d8%a7%d9%84%d8%aa%d8%ad%d8%b6%d9%8a%d8%b1-%d9%84%d9%85%d9%82%d8%a7%d8%a8%d9%84%d8%a9\/\">\n                        <div class=\"fhb-cthumb fhb-g1\" style=\"background-image:url('https:\/\/thkey.net\/wp-content\/uploads\/2026\/08\/images-3-1.webp?wsr')\">\n                                                                                    <span class=\"fhb-level\">Beginner<\/span>                            <span class=\"fhb-sale\">-24%<\/span>                        <\/div>\n                        <div class=\"fhb-cinfo\">\n                            <h3>\u0628\u0646\u0627\u0621 \u0627\u0644\u0633\u064a\u0631\u0629 \u0627\u0644\u0630\u0627\u062a\u064a\u0629 \u0648\u0627\u0644\u062a\u062d\u0636\u064a\u0631 \u0644\u0645\u0642\u0627\u0628\u0644\u0629 \u0627\u0644\u0639\u0645\u0644<\/h3>\n                            <div class=\"fhb-cby\">abdelrahman abdelrahman<\/div>                            <div class=\"fhb-cfoot\">\n                                <span><\/span>                                <span class=\"fhb-price fhb-price-sale\"><span class=\"fhb-price-was\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#x62f;.&#x643;<\/span>33.00<\/span><\/span><span class=\"fhb-price-now\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#x62f;.&#x643;<\/span>25.00<\/span><\/span><\/span>                            <\/div>\n                        <\/div>\n                    <\/a>\n                                    <a class=\"fhb-ccard\" href=\"https:\/\/thkey.net\/en\/courses\/%d8%a7%d9%84%d8%aa%d8%ad%d8%b6%d9%8a%d8%b1-%d9%84%d9%84%d8%ab%d8%a7%d9%86%d9%88%d9%8a%d8%a9-%d8%a7%d9%84%d8%b9%d8%a7%d9%85%d8%a9-%d9%85%d9%87%d8%a7%d8%b1%d8%a7%d8%aa-%d8%a7%d9%84%d8%af%d8%b1%d8%a7\/\">\n                        <div class=\"fhb-cthumb fhb-g2\" style=\"background-image:url('https:\/\/thkey.net\/wp-content\/uploads\/2026\/08\/KV7f5Fbd-1.webp?wsr')\">\n                                                                                    <span class=\"fhb-level\">Beginner<\/span>                                                    <\/div>\n                        <div class=\"fhb-cinfo\">\n                            <h3>\u0627\u0644\u062a\u062d\u0636\u064a\u0631 \u0644\u0644\u062b\u0627\u0646\u0648\u064a\u0629 \u0627\u0644\u0639\u0627\u0645\u0629: \u0645\u0647\u0627\u0631\u0627\u062a \u0627\u0644\u062f\u0631\u0627\u0633\u0629 \u0627\u0644\u0630\u0643\u064a\u0629<\/h3>\n                            <div class=\"fhb-cby\">nada loool<\/div>                            <div class=\"fhb-cfoot\">\n                                <span><\/span>                                <span class=\"fhb-price\"><span class=\"fhb-price-now\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#x62f;.&#x643;<\/span>40.00<\/span><\/span><\/span>                            <\/div>\n                        <\/div>\n                    <\/a>\n                                    <a class=\"fhb-ccard\" href=\"https:\/\/thkey.net\/en\/courses\/renewable-energy-engineering-basics\/\">\n                        <div class=\"fhb-cthumb fhb-g3\" style=\"background-image:url('https:\/\/thkey.net\/wp-content\/uploads\/2026\/08\/sustainable-contruction-ideas-1.webp?wsr')\">\n                                                                                    <span class=\"fhb-level\">Intermediate<\/span>                                                    <\/div>\n                        <div class=\"fhb-cinfo\">\n                            <h3>Renewable Energy Engineering Basics<\/h3>\n                            <div class=\"fhb-cby\">diyaa<\/div>                            <div class=\"fhb-cfoot\">\n                                <span><\/span>                                <span class=\"fhb-price\"><span class=\"fhb-price-now\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#x62f;.&#x643;<\/span>22.00<\/span><\/span><\/span>                            <\/div>\n                        <\/div>\n                    <\/a>\n                                    <a class=\"fhb-ccard\" href=\"https:\/\/thkey.net\/en\/courses\/%d9%85%d9%82%d8%af%d9%85%d8%a9-%d9%81%d9%8a-%d8%a7%d9%84%d8%aa%d8%b3%d9%88%d9%8a%d9%82-%d8%a7%d9%84%d8%b1%d9%82%d9%85%d9%8a\/\">\n                        <div class=\"fhb-cthumb fhb-g4\" style=\"background-image:url('https:\/\/thkey.net\/wp-content\/uploads\/2026\/08\/analyze-concept-illustration_114360-3266.avif?wsr')\">\n                                                                                    <span class=\"fhb-level\">Beginner<\/span>                                                    <\/div>\n                        <div class=\"fhb-cinfo\">\n                            <h3>\u0645\u0642\u062f\u0645\u0629 \u0641\u064a \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0631\u0642\u0645\u064a<\/h3>\n                            <div class=\"fhb-cby\">diyaa<\/div>                            <div class=\"fhb-cfoot\">\n                                <span><\/span>                                <span class=\"fhb-price\"><span class=\"fhb-price-now\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#x62f;.&#x643;<\/span>20.00<\/span><\/span><\/span>                            <\/div>\n                        <\/div>\n                    <\/a>\n                            <\/div>\n        <\/section>\n                <section class=\"fhb-section fhb-sessions\">\n            <div class=\"fhb-sechead\"><div><h2>Private Sessions<\/h2><p>One-on-One Sessions with Specialized Trainers<\/p><\/div><a class=\"fhb-see\" href=\"https:\/\/thkey.net\/en\/book-a-session\/\">see all <span aria-hidden=\"true\">&rarr;<\/span><\/a><\/div>            <div class=\"fhb-carousel\" data-fhb-carousel=\"sessions\">\n                <div class=\"fhb-row fhb-row-sessions\" style=\"--cd:2;--cl:2;--ct:1;\">\n                                            <a class=\"fhb-scard\" href=\"https:\/\/thkey.net\/en\/a-session\/?amelia_service=7\">\n                            <div class=\"fhb-smedia\" style=\"background-image:url('https:\/\/thkey.net\/wp-content\/uploads\/2026\/08\/images-3-1.webp')\">\n                                                                <span class=\"fhb-slive\">&#9679; Slots available<\/span>\n                            <\/div>\n                            <div class=\"fhb-sinfo\">\n                                <h3>physics 202<\/h3>\n                                <div class=\"fhb-smeta\">1 hour<\/div>                                <div class=\"fhb-sfoot\">\n                                    <span class=\"fhb-price fhb-sprice\">22.000 KD<\/span>                                    <span class=\"fhb-btn fhb-btn-primary fhb-book\">Book<\/span>                                <\/div>\n                            <\/div>\n                        <\/a>\n                                            <a class=\"fhb-scard\" href=\"https:\/\/thkey.net\/en\/a-session\/?amelia_service=6\">\n                            <div class=\"fhb-smedia\" style=\"background-image:url('https:\/\/thkey.net\/wp-content\/uploads\/2025\/09\/Leadership-and-Management_-Leading-High-Performing-Teams.webp')\">\n                                                                <span class=\"fhb-slive\">&#9679; Slots available<\/span>\n                            <\/div>\n                            <div class=\"fhb-sinfo\">\n                                <h3>Calculus Session<\/h3>\n                                <div class=\"fhb-smeta\">2 hours<\/div>                                <div class=\"fhb-sfoot\">\n                                    <span class=\"fhb-price fhb-sprice\">70.000 KD<\/span>                                    <span class=\"fhb-btn fhb-btn-primary fhb-book\">Book<\/span>                                <\/div>\n                            <\/div>\n                        <\/a>\n                                            <a class=\"fhb-scard\" href=\"https:\/\/thkey.net\/en\/a-session\/?amelia_service=1\">\n                            <div class=\"fhb-smedia\" style=\"background-image:url('https:\/\/thkey.net\/wp-content\/uploads\/2026\/08\/images-4-1.webp')\">\n                                                                <span class=\"fhb-slive\">&#9679; Slots available<\/span>\n                            <\/div>\n                            <div class=\"fhb-sinfo\">\n                                <h3>Arabic Language Session<\/h3>\n                                <div class=\"fhb-smeta\">1 hour<\/div>                                <div class=\"fhb-sfoot\">\n                                    <span class=\"fhb-price fhb-sprice\">15.000 KD<\/span>                                    <span class=\"fhb-btn fhb-btn-primary fhb-book\">Book<\/span>                                <\/div>\n                            <\/div>\n                        <\/a>\n                                            <a class=\"fhb-scard\" href=\"https:\/\/thkey.net\/en\/a-session\/?amelia_service=5\">\n                            <div class=\"fhb-smedia\" style=\"background-image:url('https:\/\/thkey.net\/wp-content\/uploads\/2026\/07\/imagdfefees-2.jpg')\">\n                                                                <span class=\"fhb-slive\">&#9679; Slots available<\/span>\n                            <\/div>\n                            <div class=\"fhb-sinfo\">\n                                <h3>english session<\/h3>\n                                <div class=\"fhb-smeta\">5 hours<\/div>                                <div class=\"fhb-sfoot\">\n                                    <span class=\"fhb-price fhb-sprice\">80.800 KD<\/span>                                    <span class=\"fhb-btn fhb-btn-primary fhb-book\">Book<\/span>                                <\/div>\n                            <\/div>\n                        <\/a>\n                                    <\/div>\n                <div class=\"fhb-carousel-ctrl\">\n                    <button type=\"button\" class=\"fhb-arrow fhb-prev\" aria-label=\"Previous\">&#8249;<\/button>\n                    <div class=\"fhb-dots\" aria-hidden=\"true\" data-dot-label=\"Page %d\"><\/div>\n                    <button type=\"button\" class=\"fhb-arrow fhb-next\" aria-label=\"Next\">&#8250;<\/button>\n                <\/div>\n            <\/div>\n        <\/section>\n        <\/div>\t\t<div class=\"atb-nav-bar\">\n\t\t\t\t\t<style>\n\t\t:root{--atb-accent:#19194d;--atb-accent-dark:#14143c;--atb-accent-soft:#e3e3ea;}\n\t\t:root{--atb-bar-violet:#19194d;--atb-bar-lime:#dae83d;--atb-bar-surface:#ffffff;--atb-bar-muted:#8a8fa8;--atb-bar-radius:18px;--atb-bar-dome:46px;--atb-bar-dome-scale:1.533;--atb-bar-height:62px;--atb-bar-shrink:46px;}\n\t\t\/* Keeps this fixed-to-the-bottom bar from covering the last bit of\n\t\t   page content, on whichever page it renders. *\/\n\t\t@media ( max-width: 1024px ) { body { padding-bottom: 72px !important; } }\n\n\t\t\/* TranslatePress's floating language switcher is position:fixed at\n\t\t   bottom:0 with z-index:99999 - higher than this bar's 9999 - so it\n\t\t   lands on top of the bar's last item and covers it (\"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629\" in\n\t\t   Arabic, \"Explore\" in English: it collides in both languages, since\n\t\t   the pill's own position never changes). Lift it clear of the bar.\n\t\t   Scoped with :has() to pages that actually contain a bar, so the pill\n\t\t   stays exactly where TranslatePress put it everywhere else instead of\n\t\t   floating above nothing. *\/\n\t\t@media ( max-width: 1024px ) {\n\t\t\tbody:has( .tutor-dashboard-nav-mobile ) .trp-floating-switcher.trp-switcher-position-bottom {\n\t\t\t\tbottom: calc( 84px + env( safe-area-inset-bottom, 0px ) ) !important;\n\t\t\t}\n\t\t}\n\n\t\t.atb-tutor-style-bar { display: none; }\n\t\t@media ( min-width: 1025px ) { .atb-tutor-style-bar { display: none !important; } }\n\n\t\t@media ( max-width: 1024px ) {\n\t\t\t\/* Tutor's actual light-theme colours as literal values (text\n\t\t\t   #0c111d, surface #fcfcfc, border #ececed) - Tutor only defines\n\t\t\t   those design tokens on its own dashboard page, so off-dashboard\n\t\t\t   we hardcode them to match its bar pixel-for-pixel. *\/\n\t\t\t.atb-tutor-style-bar {\n\t\t\t\tdisplay: block !important;\n\t\t\t\tposition: fixed !important;\n\t\t\t\tleft: 0;\n\t\t\t\tright: 0;\n\t\t\t\tbottom: 0;\n\t\t\t\tz-index: 9999;\n\t\t\t\tmargin: 0 !important;\n\t\t\t\tbackground: #fcfcfc !important;\n\t\t\t\tborder-top: 1px solid #ececed;\n\t\t\t\tbox-shadow: none;\n\t\t\t\tpadding: 16px 16px calc( 12px + env( safe-area-inset-bottom, 0px ) ) !important;\n\t\t\t}\n\t\t\t.atb-tutor-style-bar .tutor-dashboard-nav-mobile-list {\n\t\t\t\tdisplay: flex !important;\n\t\t\t\tflex-flow: row;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: space-between;\n\t\t\t\tgap: 0;\n\t\t\t\tmargin: 0 !important;\n\t\t\t\tpadding: 0 !important;\n\t\t\t\tlist-style: none !important;\n\t\t\t\tbackground: transparent !important;\n\t\t\t}\n\t\t\t.atb-tutor-style-bar .tutor-dashboard-nav-mobile-list > li {\n\t\t\t\tflex-flow: column;\n\t\t\t\tmin-width: 44px;\n\t\t\t\tmargin: 0 !important;\n\t\t\t\tpadding: 0 !important;\n\t\t\t\tlist-style: none !important;\n\t\t\t\tposition: relative;\n\t\t\t}\n\t\t\t.atb-tutor-style-bar .tutor-dashboard-nav-mobile-list > li > a,\n\t\t\t.atb-tutor-style-bar .tutor-dashboard-nav-mobile-list > li > button {\n\t\t\t\tdisplay: flex !important;\n\t\t\t\tflex-direction: column;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: flex-start;\n\t\t\t\tgap: 4px;\n\t\t\t\twidth: 100%;\n\t\t\t\tpadding: 0 !important;\n\t\t\t\tmargin: 0 !important;\n\t\t\t\tbackground: transparent !important;\n\t\t\t\tborder: 0 !important;\n\t\t\t\tbox-shadow: none !important;\n\t\t\t\tcolor: #0c111d !important;\n\t\t\t\tfont-size: 0.75rem !important;\n\t\t\t\tfont-weight: 500;\n\t\t\t\tline-height: 1.25rem !important;\n\t\t\t\ttext-align: center;\n\t\t\t\ttext-decoration: none !important;\n\t\t\t\tcursor: pointer;\n\t\t\t\tfont-family: inherit;\n\t\t\t}\n\t\t\t.atb-tutor-style-bar .tutor-dashboard-nav-mobile-icon {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t\tline-height: 0;\n\t\t\t}\n\t\t\t.atb-tutor-style-bar .tutor-dashboard-nav-mobile-icon svg { width: 20px; height: 20px; }\n\t\t\t.atb-tutor-style-bar .tutor-dashboard-nav-mobile-text {\n\t\t\t\tdisplay: block;\n\t\t\t\tfont-size: 0.75rem !important;\n\t\t\t\tline-height: 1.25rem;\n\t\t\t\twhite-space: nowrap;\n\t\t\t\toverflow: hidden;\n\t\t\t\ttext-overflow: ellipsis;\n\t\t\t\tmax-width: 100%;\n\t\t\t}\n\t\t\t.atb-tutor-style-bar .tutor-dashboard-nav-mobile-list > li > a.atb-nav-active,\n\t\t\t.atb-tutor-style-bar .tutor-dashboard-nav-mobile-list > li > button.atb-nav-active {\n\t\t\t\tcolor: var(--atb-accent,#183fe1) !important;\n\t\t\t\tfont-weight: 600;\n\t\t\t}\n\t\t\t\/* Anchoring is written with LOGICAL properties (inset-inline-*),\n\t\t\t   never \"right\"\/\"left\", and that is load-bearing rather than\n\t\t\t   stylistic. Both popover triggers (\"Explore\" and \"More\") are the\n\t\t\t   last items in the bar, so in English AND in Arabic they sit at\n\t\t\t   the inline END of it - which means the panel must always grow\n\t\t\t   inline-START-wards, i.e. inwards, to stay on screen. One logical\n\t\t\t   rule expresses that for both directions.\n\n\t\t\t   Previously this rule said \"right: 0\" (physical) and a second rule\n\t\t\t   below tried to flip it with inset-inline-start (logical). In RTL\n\t\t\t   inset-inline-start IS physical right, so the \"flip\" resolved to\n\t\t\t   exactly the same thing as the base rule and did nothing: every\n\t\t\t   panel stayed anchored to its physical right edge and opened\n\t\t\t   leftwards, off the left side of the screen, on the Arabic site.\n\t\t\t   (That flip rule also used :first-of-type, which means \"first <li>\n\t\t\t   among its siblings\" - Home\/My Courses\/My Sessions come first, so\n\t\t\t   it never matched anything in any language.) *\/\n\t\t\t.atb-tutor-style-bar .tutor-popover {\n\t\t\t\tdisplay: none;\n\t\t\t\tposition: absolute;\n\t\t\t\tbottom: calc( 100% + 10px );\n\t\t\t\tinset-inline-end: 0;\n\t\t\t\tinset-inline-start: auto;\n\t\t\t\tmin-width: 210px;\n\t\t\t\tmax-width: calc( 100vw - 24px );\n\t\t\t\tpadding: 6px;\n\t\t\t\tbackground: #fff;\n\t\t\t\tborder: 1px solid #eef0f4;\n\t\t\t\tborder-radius: 14px;\n\t\t\t\tbox-shadow: 0 8px 30px rgba( 15, 23, 42, 0.16 );\n\t\t\t\tz-index: 10000;\n\t\t\t}\n\t\t\t.atb-tutor-style-bar .atb-popover-open .tutor-popover { display: block; }\n\t\t\t.atb-tutor-style-bar .tutor-popover::after {\n\t\t\t\tcontent: \"\";\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 100%;\n\t\t\t\tinset-inline-end: 24px;\n\t\t\t\twidth: 12px;\n\t\t\t\theight: 12px;\n\t\t\t\tmargin-top: -6px;\n\t\t\t\tbackground: #fff;\n\t\t\t\tborder-right: 1px solid #eef0f4;\n\t\t\t\tborder-bottom: 1px solid #eef0f4;\n\t\t\t\ttransform: rotate( 45deg );\n\t\t\t}\n\t\t\t\t\t\t.atb-tutor-style-bar .tutor-popover ul { display: block; margin: 0; padding: 0; list-style: none !important; }\n\t\t\t.atb-tutor-style-bar .tutor-popover li { margin: 0 !important; padding: 0 !important; list-style: none !important; }\n\t\t\t.atb-tutor-style-bar .tutor-popover a {\n\t\t\t\tdisplay: flex !important;\n\t\t\t\tflex-direction: row !important;\n\t\t\t\talign-items: center;\n\t\t\t\tgap: 8px;\n\t\t\t\tpadding: 9px 12px !important;\n\t\t\t\tmargin: 0 !important;\n\t\t\t\tborder-radius: 9px;\n\t\t\t\tcolor: #0c111d !important;\n\t\t\t\tfont-size: 0.8125rem !important;\n\t\t\t\tfont-weight: 400;\n\t\t\t\tline-height: 1.25rem !important;\n\t\t\t\ttext-align: start;\n\t\t\t\ttext-decoration: none !important;\n\t\t\t\twhite-space: nowrap;\n\t\t\t}\n\t\t\t.atb-tutor-style-bar .tutor-popover a:hover,\n\t\t\t.atb-tutor-style-bar .tutor-popover a.atb-nav-active {\n\t\t\t\tbackground: var(--atb-accent-soft,#eef2ff);\n\t\t\t\tcolor: var(--atb-accent,#183fe1) !important;\n\t\t\t}\n\t\t\t.atb-tutor-style-bar .tutor-popover a.atb-nav-active { font-weight: 600; }\n\t\t\t.atb-tutor-style-bar .tutor-popover a svg { width: 20px; height: 20px; flex-shrink: 0; color: #0c111d !important; }\n\t\t\t.atb-tutor-style-bar .tutor-popover a.atb-nav-active svg { color: var(--atb-accent,#183fe1) !important; }\n\t\t\t.atb-tutor-style-bar .tutor-popover a .tutor-tiny { font-size: 0.8125rem !important; }\n\t\t}\n\n\t\t\/* Desktop-only \"Back to Dashboard\" link (only on \/courses\/ via the\n\t\t   show_back_link attribute; hidden below 1025px). *\/\n\t\t.atb-back-to-dashboard-wrap { display: none; }\n\t\t@media ( min-width: 1025px ) {\n\t\t\t.atb-back-to-dashboard-wrap { display: block; margin: 0 0 20px; }\n\t\t\t.atb-back-to-dashboard {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\talign-items: center;\n\t\t\t\tgap: 6px;\n\t\t\t\tfont-size: 14px;\n\t\t\t\tfont-weight: 600;\n\t\t\t\tcolor: var(--atb-accent,#183fe1);\n\t\t\t\ttext-decoration: none;\n\t\t\t}\n\t\t\t.atb-back-to-dashboard:hover { text-decoration: underline; }\n\t\t}\n\t\t<\/style>\n\t\t\t\t\t\t\t<div class=\"tutor-dashboard-nav-mobile atb-tutor-style-bar atb-bar atb-bar-pill atb-bar-press atb-bar-press-strong atb-bar-popover\" role=\"navigation\">\n\t\t\t<ul class=\"tutor-dashboard-nav-mobile-list\">\n\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t<a class=\"\" href=\"https:\/\/thkey.net\/en\/\">\n\t\t\t\t\t\t\t<span class=\"tutor-dashboard-nav-mobile-icon\"><svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 11.5 12 4l9 7.5\"\/><path d=\"M5.5 10v9a1 1 0 0 0 1 1H9v-5a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v5h2.5a1 1 0 0 0 1-1v-9\"\/><\/svg><\/span>\n\t\t\t\t\t\t\t<span class=\"tutor-tiny tutor-dashboard-nav-mobile-text\">Home<\/span>\n\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t<a class=\"\" href=\"https:\/\/thkey.net\/en\/book-a-session\/\">\n\t\t\t\t\t\t\t<span class=\"tutor-dashboard-nav-mobile-icon\"><svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3.5\" y=\"5\" width=\"17\" height=\"16\" rx=\"2\"\/><path d=\"M8 3v4M16 3v4M3.5 10h17\"\/><\/svg><\/span>\n\t\t\t\t\t\t\t<span class=\"tutor-tiny tutor-dashboard-nav-mobile-text\">Sessions<\/span>\n\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t<a class=\"\" href=\"https:\/\/thkey.net\/en\/suggested-courses\/\">\n\t\t\t\t\t\t\t<span class=\"tutor-dashboard-nav-mobile-icon\"><svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 5.5c2-1 5-1 8 .5 3-1.5 6-1.5 8-.5v13c-2-1-5-1-8 .5-3-1.5-6-1.5-8-.5Z\"\/><path d=\"M12 6v13\"\/><\/svg><\/span>\n\t\t\t\t\t\t\t<span class=\"tutor-tiny tutor-dashboard-nav-mobile-text\">Courses<\/span>\n\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t<a class=\"\" href=\"https:\/\/thkey.net\/en\/login\/\">\n\t\t\t\t\t\t\t<span class=\"tutor-dashboard-nav-mobile-icon\"><svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"8\" r=\"3.5\"\/><path d=\"M5 20c1-4 4.5-6 7-6s6 2 7 6\"\/><\/svg><\/span>\n\t\t\t\t\t\t\t<span class=\"tutor-tiny tutor-dashboard-nav-mobile-text\">Login \/ Register<\/span>\n\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t<\/ul>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/p>\n\n\n<p class=\"wp-block-paragraph\"><\/p>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":"","_members_access_role":[],"_members_access_error":""},"class_list":["post-1446","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/thkey.net\/en\/wp-json\/wp\/v2\/pages\/1446","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thkey.net\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/thkey.net\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/thkey.net\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thkey.net\/en\/wp-json\/wp\/v2\/comments?post=1446"}],"version-history":[{"count":12,"href":"https:\/\/thkey.net\/en\/wp-json\/wp\/v2\/pages\/1446\/revisions"}],"predecessor-version":[{"id":1867,"href":"https:\/\/thkey.net\/en\/wp-json\/wp\/v2\/pages\/1446\/revisions\/1867"}],"wp:attachment":[{"href":"https:\/\/thkey.net\/en\/wp-json\/wp\/v2\/media?parent=1446"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}