{"id":5930,"date":"2025-04-29T09:28:33","date_gmt":"2025-04-29T05:28:33","guid":{"rendered":"https:\/\/klar.ae\/start-test\/"},"modified":"2026-05-18T11:53:32","modified_gmt":"2026-05-18T07:53:32","slug":"start-test","status":"publish","type":"page","link":"https:\/\/klar.ae\/en\/start-test\/","title":{"rendered":"Start the test"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5930\" class=\"elementor elementor-5930 elementor-3432\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-241bf58 e-con-full e-flex e-con e-parent\" data-id=\"241bf58\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-dbfdbe6 e-con-full e-flex e-con e-child\" data-id=\"dbfdbe6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-00c855f elementor-widget elementor-widget-heading\" data-id=\"00c855f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Start the test<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-84b5163 elementor-widget elementor-widget-woocommerce-breadcrumb\" data-id=\"84b5163\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"woocommerce-breadcrumb.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<nav class=\"woocommerce-breadcrumb\" aria-label=\"Breadcrumb\">Home<\/nav>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8d753d5 e-con-full e-flex e-con e-parent\" data-id=\"8d753d5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-53ff9ff elementor-widget elementor-widget-html\" data-id=\"53ff9ff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\"\/>\r\n\r\n<style>\r\n\/* ===== Section Wrapper ===== *\/\r\n.personality-guide {\r\n    background: linear-gradient(135deg, #083A5D, #0b4c79);\r\n    padding: 80px 20px;\r\n    color: #fff;\r\n    font-family: \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif !important;\r\n    overflow: hidden;\r\n    direction: ltr; \/* \u0627\u062a\u062c\u0627\u0647 \u0627\u0644\u0646\u0635 \u0645\u0646 \u0627\u0644\u064a\u0633\u0627\u0631 \u0644\u0644\u064a\u0645\u064a\u0646 *\/\r\n}\r\n\r\n\/* ===== Container ===== *\/\r\n.personality-container {\r\n    max-width: 1200px;\r\n    margin: auto;\r\n}\r\n\r\n\/* ===== Title ===== *\/\r\n.personality-title {\r\n    text-align: center;\r\n    font-size: 34px;\r\n    font-weight: 900;\r\n    margin-bottom: 20px;\r\n    animation: fadeDown 1s ease;\r\n    color: #fff;\r\n}\r\n\r\n\/* ===== Intro ===== *\/\r\n.personality-intro {\r\n    text-align: center;\r\n    font-size: 18px;\r\n    line-height: 1.9;\r\n    color: #e5e7eb;\r\n    max-width: 720px;\r\n    margin: auto auto 50px;\r\n    animation: fadeUp 1.2s ease;\r\n}\r\n\r\n\/* ===== Steps ===== *\/\r\n.personality-steps {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\r\n    gap: 25px;\r\n}\r\n\r\n\/* ===== Step Card ===== *\/\r\n.step-card {\r\n    background: rgba(255,255,255,0.08);\r\n    backdrop-filter: blur(10px);\r\n    border-radius: 22px;\r\n    padding: 28px;\r\n    position: relative;\r\n    transition: all .4s ease;\r\n    animation: fadeUp 1.4s ease;\r\n    text-align: left;\r\n}\r\n\r\n.step-card:hover {\r\n    transform: translateY(-8px);\r\n    background: rgba(255,255,255,0.12);\r\n}\r\n\r\n\/* ===== Icon ===== *\/\r\n.step-icon {\r\n    width: 60px;\r\n    height: 60px;\r\n    background: #ED4F22;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 26px;\r\n    margin-bottom: 18px;\r\n    box-shadow: 0 15px 40px rgba(237,79,34,.6);\r\n}\r\n\r\n\/* ===== Step Text ===== *\/\r\n.step-card p {\r\n    font-size: 16px;\r\n    line-height: 1.9;\r\n    color: #f8fafc;\r\n}\r\n\r\n\/* ===== Alert Box ===== *\/\r\n.personality-alert {\r\n    background: #ED4F22;\r\n    padding: 30px;\r\n    border-radius: 22px;\r\n    margin-top: 50px;\r\n    display: flex;\r\n    gap: 20px;\r\n    align-items: flex-start;\r\n    animation: fadeUp 1.6s ease;\r\n    text-align: left;\r\n}\r\n\r\n.personality-alert i {\r\n    font-size: 32px;\r\n    color: #fff;\r\n    margin-top: 5px;\r\n}\r\n\r\n.personality-alert strong {\r\n    display: block;\r\n    font-size: 20px;\r\n    margin-bottom: 8px;\r\n}\r\n\r\n.personality-alert p {\r\n    font-size: 16px;\r\n    line-height: 1.9;\r\n}\r\n\r\n\/* ===== Animations ===== *\/\r\n@keyframes fadeUp {\r\n    from {\r\n        opacity: 0;\r\n        transform: translateY(40px);\r\n    }\r\n    to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n}\r\n\r\n@keyframes fadeDown {\r\n    from {\r\n        opacity: 0;\r\n        transform: translateY(-40px);\r\n    }\r\n    to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n}\r\n\r\n\/* ===== Responsive ===== *\/\r\n@media (max-width: 768px) {\r\n    .personality-title {\r\n        font-size: 26px;\r\n    }\r\n\r\n    .personality-intro {\r\n        font-size: 16px;\r\n    }\r\n\r\n    .personality-alert {\r\n        flex-direction: column;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section class=\"personality-guide\">\r\n    <div class=\"personality-container\">\r\n\r\n        <h2 class=\"personality-title\">\r\n            <i class=\"fa-solid fa-brain\"><\/i>\r\n            What should you do?\r\n        <\/h2>\r\n\r\n        <p class=\"personality-intro\">\r\n            Read the behaviors carefully, then rank them according to how close they are to your true personality, to reach an accurate result that honestly reflects you.\r\n        <\/p>\r\n\r\n        <div class=\"personality-steps\">\r\n\r\n            <div class=\"step-card\">\r\n                <div class=\"step-icon\">\r\n                    <i class=\"fa-solid fa-5\"><\/i>\r\n                <\/div>\r\n                <p>\r\n                    Choose only one behavior that you feel represents you significantly, and give it the number <strong>5<\/strong>.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"step-card\">\r\n                <div class=\"step-icon\">\r\n                    <i class=\"fa-solid fa-ranking-star\"><\/i>\r\n                <\/div>\r\n                <p>\r\n                    Give the number <strong>4<\/strong> to the next behavior in terms of closeness, and continue the sequence down to the number <strong>1<\/strong>.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"step-card\">\r\n                <div class=\"step-icon\">\r\n                    <i class=\"fa-solid fa-list-ol\"><\/i>\r\n                <\/div>\r\n                <p>\r\n                    Each number from <strong>1 to 5<\/strong> must be used only once per group without repetition.\r\n                <\/p>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"personality-alert\">\r\n            <i class=\"fa-solid fa-triangle-exclamation\"><\/i>\r\n            <div>\r\n                <strong>Important Tip<\/strong>\r\n                <p>\r\n                    Be honest with yourself while answering. Do not choose what you wish to be, but what describes you as you are now. The more honest you are, the more accurate the result of your true personality pattern will be.\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d29e2f6 elementor-widget elementor-widget-html\" data-id=\"d29e2f6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n.cta-button-wrapper {\r\n    text-align: center;\r\n    padding: 20px;\r\n    font-family: sans-serif;\r\n    direction: ltr !important;\r\n}\r\n\r\n.custom-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    background: #ED4F22;\r\n    color: #ffffff !important;\r\n    padding: 12px 40px;\r\n    border-radius: 50px;\r\n    font-size: 18px;\r\n    font-weight: 700;\r\n    text-decoration: none;\r\n    transition: all 0.3s ease-in-out;\r\n    box-shadow: 0 6px 20px rgba(237, 79, 34, 0.3);\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.custom-btn i {\r\n    font-size: 16px;\r\n    transition: transform 0.3s ease;\r\n    display: inline-block !important;\r\n    transform: scaleX(1) !important; \r\n}\r\n\r\n.custom-btn:hover i {\r\n    transform: translateX(5px) scale(1.2) !important;\r\n}\r\n\r\n.custom-btn:hover {\r\n    transform: translateY(-3px);\r\n    background: #f16841;\r\n}\r\n\r\n.custom-btn::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: -100%;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);\r\n    transition: 0.5s;\r\n}\r\n\r\n.custom-btn:hover::after {\r\n    left: 100%;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .custom-btn {\r\n        width: 100%;\r\n        max-width: 300px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"cta-button-wrapper\">\r\n    <a href=\"https:\/\/klar.ae\/en\/%D9%85%D9%86%D8%AA%D8%AC\/lpi-advanced-personality-test\/\" class=\"custom-btn\">\r\n        <span>Subscribe and start the test now<\/span>\r\n        <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n    <\/a>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-37c264d e-flex e-con-boxed e-con e-parent\" data-id=\"37c264d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-0e64168 e-con-full e-flex e-con e-child\" data-id=\"0e64168\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Start the test What should you do? Read the behaviors carefully, then rank them according to how close they are to your true personality, to reach an accurate result that honestly reflects you. Choose only one behavior that you feel represents you significantly, and give it the number 5. Give the number 4 to the [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_monsterinsights_skip_tracking":false,"_glsr_average":0,"_glsr_ranking":0,"_glsr_reviews":0,"footnotes":""},"class_list":["post-5930","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/klar.ae\/en\/wp-json\/wp\/v2\/pages\/5930","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/klar.ae\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/klar.ae\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/klar.ae\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/klar.ae\/en\/wp-json\/wp\/v2\/comments?post=5930"}],"version-history":[{"count":28,"href":"https:\/\/klar.ae\/en\/wp-json\/wp\/v2\/pages\/5930\/revisions"}],"predecessor-version":[{"id":7022,"href":"https:\/\/klar.ae\/en\/wp-json\/wp\/v2\/pages\/5930\/revisions\/7022"}],"wp:attachment":[{"href":"https:\/\/klar.ae\/en\/wp-json\/wp\/v2\/media?parent=5930"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}