{"id":10262,"date":"2024-05-12T08:14:03","date_gmt":"2024-05-12T08:14:03","guid":{"rendered":"http:\/\/dev.theo.tqnordic.com\/?page_id=10262"},"modified":"2025-01-31T14:33:53","modified_gmt":"2025-01-31T14:33:53","slug":"theo","status":"publish","type":"page","link":"https:\/\/dev.theo.tqnordic.com\/fi\/","title":{"rendered":"Theo"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"10262\" class=\"elementor elementor-10262\" data-elementor-post-type=\"page\">\n\t\t\t\t<!-- dce invisible element 4d18a6a --><style>.elementor-element-8f0fa16{display:none !important}<\/style><style>.elementor-element-f084c63{display:none !important}<\/style><style>\/*! elementor - v3.21.0 - 26-05-2024 *\/\n.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}<\/style><style>.elementor-element-025e0a7{display:none !important}<\/style><style>.elementor-element-8e67f8f{display:none !important}<\/style><style>\n    \/* Styling the scrollbar track within the chatbot window only *\/\n    .wpaicg-chat-shortcode ::-webkit-scrollbar-track {\n        background-color: #0c0c0c; \/* Light grey track *\/\n        border-radius: 10px;\n    }\n\n    \/* Styling the scrollbar thumb within the chatbot window only *\/\n    .wpaicg-chat-shortcode ::-webkit-scrollbar-thumb {\n        background-color: #888; \/* Dark grey thumb *\/\n        border-radius: 10px;\n        border: 3px solid #0c0c0c; \/* White border around thumb *\/\n    }\n\n    \/* Styling the scrollbar thumb on hover within the chatbot window only *\/\n    .wpaicg-chat-shortcode ::-webkit-scrollbar-thumb:hover {\n        background-color: #555; \/* Black thumb on hover *\/\n    }\n\n    \/* Setting the width of the scrollbar within the chatbot window only *\/\n    .wpaicg-chat-shortcode ::-webkit-scrollbar {\n        width: 8px; \/* Narrow width *\/\n        height: 8px; \/* For horizontal scrolling *\/\n    }\n    .wpaicg-conversation-starters {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 10px;\n        padding: 15px;\n        justify-content: center;\n        font-size: 13px;\n        visibility: hidden;\n    }\n\n    .wpaicg-conversation-starter {\n        background-color: #545454;\n        border: none;\n        border-radius: 20px;\n        padding: 5px 10px;\n        cursor: pointer;\n        font-size: 13px;\n        color: #ffffff;\n        transition: background-color 0.3s ease, transform 0.5s ease-out, opacity 0.5s ease-out;\n        display: flex;\n        opacity: 0;\n        transform: translateY(20px);\n    }\n\n    .wpaicg-conversation-starter:hover {\n        filter: brightness(90%);\n    }\n<\/style><style>\n    .wpaicg-img-spinner {\n        display: none;\n        width: 16px;\n        height: 16px;\n        border: 2px solid rgba(0, 0, 0, 0.1);\n        border-left-color: #000;\n        border-radius: 50%;\n        animation: spin 1s linear infinite;\n    }\n\n    @keyframes spin {\n        0% { transform: rotate(0deg); }\n        100% { transform: rotate(360deg); }\n    }\n    .wpaicg-thumbnail-placeholder {\n        display: none;\n        width: 50px;\n        height: 50px;\n        overflow: hidden;\n    }\n<\/style><style>\n    .blinking-cursor {\n    font-weight: 100;\n    color: #ffffff; \/* or the color you want *\/\n    animation: blink 1s step-end infinite;\n    }\n\n    @keyframes blink {\n        from, to { color: transparent }\n        50% { color: inherit }\n    }\n<\/style><style>\n    .wpaicg-chat-shortcode {\n        width: 100%px;\n        background-color: #0c0c0c;\n        border-radius: 8px;\n        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);\n        display: flex;\n        flex-direction: column;\n        max-width: 100%;\n        overflow: hidden;\n        border: none;\n        transition: box-shadow 0.3s ease;\n        margin-right: 20px; \/* Adjust as needed *\/\n    }\n    .wpaicg-chat-shortcode:hover {\n        box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2); \/* Enhanced shadow on hover for interaction feedback *\/\n    }\n    .wpaicg-chat-shortcode-content {\n        overflow-y: auto;\n        flex-grow: 1;\n        padding: 15px; \/* Increased padding for more space around messages *\/\n    }\n    .wpaicg-chat-shortcode-content ul {\n        overflow-y: auto;\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .wpaicg-chat-shortcode-footer {\n        color: #5c5c5c;\n        background: #0c0c0c;\n        font-size: 0.75rem;\n        padding: 12px 20px;\n        border-top: 1px solid #0c0c0c;\n    }\n    .wpaicg-chat-shortcode-footer a {\n        color: inherit;\n        text-decoration: none;\n    }\n\n    .wpaicg-chat-shortcode-content ul li {\n        color: #ffffff;\n        font-size: 13px;\n        display: flex;\n        align-items: center;\n        margin-bottom: 10px;\n        margin-right: 10px;\n        padding: 10px;\n        border-radius: 20px;\n        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\n        width: fit-content;\n    }\n\n    .wpaicg-chat-shortcode-content ul .wpaicg-user-message {\n        margin-left: auto; \/* This pushes the user messages to the right *\/\n        background: #545454;\n    }\n    .wpaicg-chat-shortcode .wpaicg-ai-message .wpaicg-chat-message,\n    .wpaicg-chat-shortcode .wpaicg-user-message .wpaicg-chat-message {\n        color: inherit;\n    }\n\n    .wpaicg-chat-shortcode-content ul li .wpaicg-chat-message {\n        color: inherit;\n    }\n    .wpaicg-chat-shortcode-content ul li strong {\n        font-weight: bold;\n        margin-right: 5px;\n        float: left;\n        color: inherit;\n    }\n    .wpaicg-chat-shortcode-content ul li p {\n        font-size: inherit;\n    }\n\n    .wpaicg-chat-shortcode-content ul li p {\n        margin: 0;\n        padding: 0;\n    }\n    .wpaicg-chat-shortcode-content ul li p:after {\n        clear: both;\n        display: block;\n    }\n    .wpaicg-chat-shortcode .wpaicg-bot-thinking {\n        bottom: 0;\n        font-size: 11px;\n        color: #ffffff;\n        display: none;\n    }\n\n    .wpaicg-chat-message-error {\n        color: #f00;\n    }\n    .wpaicg-chat-message {\n        line-height: auto;\n    }\n\n    .wpaicg-jumping-dots span {\n        position: relative;\n        bottom: 0;\n        -webkit-animation: wpaicg-jump 1500ms infinite;\n        animation: wpaicg-jump 2s infinite;\n    }\n    .wpaicg-jumping-dots .wpaicg-dot-1 {\n        -webkit-animation-delay: 200ms;\n        animation-delay: 200ms;\n    }\n    .wpaicg-jumping-dots .wpaicg-dot-2 {\n        -webkit-animation-delay: 400ms;\n        animation-delay: 400ms;\n    }\n    .wpaicg-jumping-dots .wpaicg-dot-3 {\n        -webkit-animation-delay: 600ms;\n        animation-delay: 600ms;\n    }\n\n    .wpaicg-chat-shortcode-type {\n        display: flex;\n        align-items: center;\n        padding: 15px;\n        color: #ffffff;\n    }\n\n    .wpaicg-chat-shortcode-send {\n        color: #ffffff;\n    }\n\n    textarea.wpaicg-chat-shortcode-typing {\n        flex: 1;\n        border: 1px solid #5c5c5c;\n        background-color: #383939;\n        resize: vertical;\n        border-radius: 8px;\n        line-height: 41.4px;\n        padding-left: 1em;\n        color: #787878;\n        font-size: 13px;\n    }\n\n    textarea.auto-expand {\n        overflow: hidden; \/* Prevents scrollbar flash during size adjustment *\/\n        transition: box-shadow 0.5s ease-in-out;\n    }\n\n    textarea.auto-expand.resizing {\n        transition: box-shadow 0.5s ease-in-out;\n        box-shadow: 0 0 12px rgba(81, 203, 238, 0.8);\n    }\n\n\n    textarea.auto-expand:focus {\n        outline: none;\n        box-shadow: 0 0 5px rgba(81, 203, 238, 1);\n    }\n\n    textarea.wpaicg-chat-shortcode-typing::placeholder {\n        color: #787878;\n    }\n\n    @-webkit-keyframes wpaicg-jump {\n        0%   {bottom: 0px;}\n        20%  {bottom: 5px;}\n        40%  {bottom: 0px;}\n    }\n\n    @keyframes wpaicg-jump {\n        0%   {bottom: 0px;}\n        20%  {bottom: 5px;}\n        40%  {bottom: 0px;}\n    }\n    \/* Adjustments for screens that are 768px wide or less (typical for tablets and smartphones) *\/\n    @media (max-width: 768px) {\n        .wpaicg-chat-shortcode {\n            \/* Adjust the width and right margin for smaller screens *\/\n            width: auto; \/* This makes the chat window adapt to the screen size *\/\n            margin-right: 10px; \/* Smaller margin for smaller devices *\/\n            margin-left: 10px; \/* Add some space on the left as well *\/\n        }\n    }\n\n    \/* Further adjustments for very small screens, like iPhones *\/\n    @media (max-width: 480px) {\n        .wpaicg-chat-shortcode {\n            \/* You might want even smaller margins here *\/\n            margin-right: 5px;\n            margin-left: 5px;\n        }\n    }\n    .wpaicg-chat-shortcode .wpaicg-mic-icon {\n        color: #ffffff;\n    }\n    .wpaicg-chat-shortcode .wpaicg-img-icon {\n        color: #ffffff;\n    }\n    .wpaicg-chat-shortcode .wpaicg-pdf-icon {\n        color: #d1e8ff;\n    }\n    .wpaicg-chat-shortcode .wpaicg-pdf-remove {\n        color: #d1e8ff;\n        font-size: 33px;\n        justify-content: center;\n        align-items: center;\n        width: 16px;\n        height: 16px;\n        line-height: unset;\n        font-family: Arial, serif;\n        border-radius: 50%;\n        font-weight: normal;\n        padding: 0;\n        margin: 0;\n    }\n    .wpaicg-chat-shortcode .wpaicg-pdf-loading {\n        border-color: #d1e8ff;\n        border-bottom-color: transparent;\n    }\n    .wpaicg-chat-shortcode .wpaicg-mic-icon.wpaicg-recording {\n        color: #ffffff;\n    }\n    .wpaicg_chat_additions {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        position: absolute;\n        right: 20px;\n    }\n\n    .wpaicg-chat-shortcode .wpaicg-chatbox-action-bar {\n        position: absolute;\n        top: 0; \/* Position it at the top of the chat window *\/\n        right: 0;\n        left: 0; \/* Ensure it spans the full width *\/\n        height: 40px;\n        padding: 0 10px;\n        display: none;\n        justify-content: center;\n        align-items: center;\n        background: #0c0c0c;\n        color: #ffffff;\n        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\n        transition: background-color 0.3s ease;\n        min-height: 40px;\n    }\n\n    \/* Button Styles *\/\n    .wpaicg-chatbox-download-btn,\n    .wpaicg-chatbox-clear-btn,\n    .wpaicg-chatbox-fullscreen,\n    .wpaicg-chatbox-close-btn {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        justify-content: center; \/* Center content *\/\n        margin: 0 5px; \/* Adjust spacing between buttons *\/\n        transition: background-color 0.3s ease; \/* Smooth transition for interactions *\/\n    }\n\n    \/* SVG Icon Adjustments *\/\n    .wpaicg-chatbox-download-btn svg,\n    .wpaicg-chatbox-clear-btn svg,\n    .wpaicg-chatbox-fullscreen svg,\n    .wpaicg-chatbox-close-btn svg {\n        fill: currentColor;\n        height: 16px; \/* Adjust size for visibility *\/\n        width: 16px;\n    }\n    \/* Hover States for Button Interactions *\/\n    .wpaicg-chatbox-download-btn:hover,\n    .wpaicg-chatbox-clear-btn:hover,\n    .wpaicg-chatbox-fullscreen:hover,\n    .wpaicg-chatbox-close-btn:hover {\n        background-color: rgba(0, 0, 0, 0.1); \/* Slight highlight on hover *\/\n    }\n    .wpaicg-chatbox-fullscreen svg.wpaicg-exit-fullscreen {\n        display: none;\n        fill: none;\n        height: 16px;\n        width: 16px;\n    }\n    \/* Fullscreen Button SVG Paths *\/\n    .wpaicg-chatbox-fullscreen svg.wpaicg-exit-fullscreen path,\n    .wpaicg-chatbox-fullscreen svg.wpaicg-active-fullscreen path {\n        fill: currentColor; \/* Ensure visibility *\/\n    }\n    .wpaicg-chatbox-fullscreen svg.wpaicg-active-fullscreen {\n        fill: none;\n        height: 16px;\n        width: 16px;\n    }\n\n    \/* Adjusting visibility for fullscreen icons *\/\n    .wpaicg-chatbox-fullscreen.wpaicg-fullscreen-box svg.wpaicg-active-fullscreen {\n        display: none; \/* Hide when in fullscreen *\/\n    }\n    .wpaicg-chatbox-fullscreen.wpaicg-fullscreen-box svg.wpaicg-exit-fullscreen {\n        display: block; \/* Show exit icon in fullscreen mode *\/\n    }\n    .wpaicg-fullscreened {\n        border-radius: 0;\n        border: none; \/* Remove border in fullscreen *\/\n    }\n    .wpaicg-fullscreened .wpaicg-chatbox-action-bar {\n        border-radius: 0; \/* Remove border-radius in fullscreen *\/\n        top: 0;\n        z-index: 99;\n        border-top-left-radius: 0;\n        border-top-right-radius: 0;\n    }\n    \/* Ensures that the chat window does not extend beyond the viewport height *\/\n    .wpaicg-fullscreened .wpaicg-chat-shortcode {\n        height: 100vh; \/* Full viewport height *\/\n        width: 100vw; \/* Full viewport width *\/\n        max-width: 100vw; \/* Prevents exceeding the viewport width *\/\n        border-radius: 0; \/* Removes border radius in fullscreen *\/\n        border: none; \/* Removes border in fullscreen *\/\n        box-shadow: none; \/* Removes shadow in fullscreen *\/\n        display: flex;\n        flex-direction: column;\n    }\n    \n    \/* Adjusts the chat content area to not overlap with the message input area *\/\n    .wpaicg-fullscreened .wpaicg-chat-shortcode-content {\n        padding: 15px;\n        overflow-y: auto; \/* Adjust if content exceeds the container height *\/\n        flex-grow: 1; \/* Ensure content area grows to fill available space *\/\n    }\n\n    .wpaicg-fullscreened .wpaicg-chat-shortcode-footer,\n    .wpaicg-fullscreened .wpaicg-chat-shortcode-type {\n        position: fixed;\n        bottom: 0;\n        left: 0; \/* Ensure it spans the full width of the chat window *\/\n        width: 100%; \/* Adjust width to match the chat window *\/\n        z-index: 1; \/* Ensure footer and type area stay above the content *\/\n    }\n\n    .wpaicg-fullscreened .wpaicg-chat-shortcode-type {\n        bottom: 60px; \/* Adjust this value based on the height of your footer *\/\n        padding: 15px;\n        box-sizing: border-box; \/* Ensure padding is included in the height calculation *\/\n    }\n\n    .wpaicg-fullscreened .wpaicg-chat-shortcode-footer {\n        height: 60px; \/* Adjust based on your footer's height *\/\n        padding: 10px 15px; \/* Adjust padding as needed *\/\n        box-sizing: border-box; \/* Ensure padding is included in the height calculation *\/\n    }\n\n    .wpaicg-fullscreened .wpaicg-chat-shortcode .wpaicg-bot-thinking {\n        position: fixed;\n        bottom: 0;\n        width: 100%;\n        padding: 15px;\n    }\n\n    .wpaicg-chat-shortcode .wpaicg-chatbox-action-bar {\n        position: relative;\n        top: 0;\n        display: flex;\n        justify-content: flex-end;\n    }\n<\/style><style>\n    \/* Styling the scrollbar track within the chatbot window only *\/\n    .wpaicg-chat-shortcode ::-webkit-scrollbar-track {\n        background-color: #0c0c0c; \/* Light grey track *\/\n        border-radius: 10px;\n    }\n\n    \/* Styling the scrollbar thumb within the chatbot window only *\/\n    .wpaicg-chat-shortcode ::-webkit-scrollbar-thumb {\n        background-color: #888; \/* Dark grey thumb *\/\n        border-radius: 10px;\n        border: 3px solid #0c0c0c; \/* White border around thumb *\/\n    }\n\n    \/* Styling the scrollbar thumb on hover within the chatbot window only *\/\n    .wpaicg-chat-shortcode ::-webkit-scrollbar-thumb:hover {\n        background-color: #555; \/* Black thumb on hover *\/\n    }\n\n    \/* Setting the width of the scrollbar within the chatbot window only *\/\n    .wpaicg-chat-shortcode ::-webkit-scrollbar {\n        width: 8px; \/* Narrow width *\/\n        height: 8px; \/* For horizontal scrolling *\/\n    }\n    .wpaicg-conversation-starters {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 10px;\n        padding: 15px;\n        justify-content: center;\n        font-size: 13px;\n        visibility: hidden;\n    }\n\n    .wpaicg-conversation-starter {\n        background-color: #545454;\n        border: none;\n        border-radius: 20px;\n        padding: 5px 10px;\n        cursor: pointer;\n        font-size: 13px;\n        color: #ffffff;\n        transition: background-color 0.3s ease, transform 0.5s ease-out, opacity 0.5s ease-out;\n        display: flex;\n        opacity: 0;\n        transform: translateY(20px);\n    }\n\n    .wpaicg-conversation-starter:hover {\n        filter: brightness(90%);\n    }\n<\/style><style>\n    .wpaicg-img-spinner {\n        display: none;\n        width: 16px;\n        height: 16px;\n        border: 2px solid rgba(0, 0, 0, 0.1);\n        border-left-color: #000;\n        border-radius: 50%;\n        animation: spin 1s linear infinite;\n    }\n\n    @keyframes spin {\n        0% { transform: rotate(0deg); }\n        100% { transform: rotate(360deg); }\n    }\n    .wpaicg-thumbnail-placeholder {\n        display: none;\n        width: 50px;\n        height: 50px;\n        overflow: hidden;\n    }\n<\/style><style>\n    .blinking-cursor {\n    font-weight: 100;\n    color: #ffffff; \/* or the color you want *\/\n    animation: blink 1s step-end infinite;\n    }\n\n    @keyframes blink {\n        from, to { color: transparent }\n        50% { color: inherit }\n    }\n<\/style><style>\n    .wpaicg-chat-shortcode {\n        width: 100%px;\n        background-color: #0c0c0c;\n        border-radius: 8px;\n        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);\n        display: flex;\n        flex-direction: column;\n        max-width: 100%;\n        overflow: hidden;\n        border: none;\n        transition: box-shadow 0.3s ease;\n        margin-right: 20px; \/* Adjust as needed *\/\n    }\n    .wpaicg-chat-shortcode:hover {\n        box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2); \/* Enhanced shadow on hover for interaction feedback *\/\n    }\n    .wpaicg-chat-shortcode-content {\n        overflow-y: auto;\n        flex-grow: 1;\n        padding: 15px; \/* Increased padding for more space around messages *\/\n    }\n    .wpaicg-chat-shortcode-content ul {\n        overflow-y: auto;\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .wpaicg-chat-shortcode-footer {\n        color: #5c5c5c;\n        background: #0c0c0c;\n        font-size: 0.75rem;\n        padding: 12px 20px;\n        border-top: 1px solid #0c0c0c;\n    }\n    .wpaicg-chat-shortcode-footer a {\n        color: inherit;\n        text-decoration: none;\n    }\n\n    .wpaicg-chat-shortcode-content ul li {\n        color: #ffffff;\n        font-size: 13px;\n        display: flex;\n        align-items: center;\n        margin-bottom: 10px;\n        margin-right: 10px;\n        padding: 10px;\n        border-radius: 20px;\n        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\n        width: fit-content;\n    }\n\n    .wpaicg-chat-shortcode-content ul .wpaicg-user-message {\n        margin-left: auto; \/* This pushes the user messages to the right *\/\n        background: #545454;\n    }\n    .wpaicg-chat-shortcode .wpaicg-ai-message .wpaicg-chat-message,\n    .wpaicg-chat-shortcode .wpaicg-user-message .wpaicg-chat-message {\n        color: inherit;\n    }\n\n    .wpaicg-chat-shortcode-content ul li .wpaicg-chat-message {\n        color: inherit;\n    }\n    .wpaicg-chat-shortcode-content ul li strong {\n        font-weight: bold;\n        margin-right: 5px;\n        float: left;\n        color: inherit;\n    }\n    .wpaicg-chat-shortcode-content ul li p {\n        font-size: inherit;\n    }\n\n    .wpaicg-chat-shortcode-content ul li p {\n        margin: 0;\n        padding: 0;\n    }\n    .wpaicg-chat-shortcode-content ul li p:after {\n        clear: both;\n        display: block;\n    }\n    .wpaicg-chat-shortcode .wpaicg-bot-thinking {\n        bottom: 0;\n        font-size: 11px;\n        color: #ffffff;\n        display: none;\n    }\n\n    .wpaicg-chat-message-error {\n        color: #f00;\n    }\n    .wpaicg-chat-message {\n        line-height: auto;\n    }\n\n    .wpaicg-jumping-dots span {\n        position: relative;\n        bottom: 0;\n        -webkit-animation: wpaicg-jump 1500ms infinite;\n        animation: wpaicg-jump 2s infinite;\n    }\n    .wpaicg-jumping-dots .wpaicg-dot-1 {\n        -webkit-animation-delay: 200ms;\n        animation-delay: 200ms;\n    }\n    .wpaicg-jumping-dots .wpaicg-dot-2 {\n        -webkit-animation-delay: 400ms;\n        animation-delay: 400ms;\n    }\n    .wpaicg-jumping-dots .wpaicg-dot-3 {\n        -webkit-animation-delay: 600ms;\n        animation-delay: 600ms;\n    }\n\n    .wpaicg-chat-shortcode-type {\n        display: flex;\n        align-items: center;\n        padding: 15px;\n        color: #ffffff;\n    }\n\n    .wpaicg-chat-shortcode-send {\n        color: #ffffff;\n    }\n\n    textarea.wpaicg-chat-shortcode-typing {\n        flex: 1;\n        border: 1px solid #5c5c5c;\n        background-color: #383939;\n        resize: vertical;\n        border-radius: 8px;\n        line-height: 41.4px;\n        padding-left: 1em;\n        color: #787878;\n        font-size: 13px;\n    }\n\n    textarea.auto-expand {\n        overflow: hidden; \/* Prevents scrollbar flash during size adjustment *\/\n        transition: box-shadow 0.5s ease-in-out;\n    }\n\n    textarea.auto-expand.resizing {\n        transition: box-shadow 0.5s ease-in-out;\n        box-shadow: 0 0 12px rgba(81, 203, 238, 0.8);\n    }\n\n\n    textarea.auto-expand:focus {\n        outline: none;\n        box-shadow: 0 0 5px rgba(81, 203, 238, 1);\n    }\n\n    textarea.wpaicg-chat-shortcode-typing::placeholder {\n        color: #787878;\n    }\n\n    @-webkit-keyframes wpaicg-jump {\n        0%   {bottom: 0px;}\n        20%  {bottom: 5px;}\n        40%  {bottom: 0px;}\n    }\n\n    @keyframes wpaicg-jump {\n        0%   {bottom: 0px;}\n        20%  {bottom: 5px;}\n        40%  {bottom: 0px;}\n    }\n    \/* Adjustments for screens that are 768px wide or less (typical for tablets and smartphones) *\/\n    @media (max-width: 768px) {\n        .wpaicg-chat-shortcode {\n            \/* Adjust the width and right margin for smaller screens *\/\n            width: auto; \/* This makes the chat window adapt to the screen size *\/\n            margin-right: 10px; \/* Smaller margin for smaller devices *\/\n            margin-left: 10px; \/* Add some space on the left as well *\/\n        }\n    }\n\n    \/* Further adjustments for very small screens, like iPhones *\/\n    @media (max-width: 480px) {\n        .wpaicg-chat-shortcode {\n            \/* You might want even smaller margins here *\/\n            margin-right: 5px;\n            margin-left: 5px;\n        }\n    }\n    .wpaicg-chat-shortcode .wpaicg-mic-icon {\n        color: #ffffff;\n    }\n    .wpaicg-chat-shortcode .wpaicg-img-icon {\n        color: #ffffff;\n    }\n    .wpaicg-chat-shortcode .wpaicg-pdf-icon {\n        color: #d1e8ff;\n    }\n    .wpaicg-chat-shortcode .wpaicg-pdf-remove {\n        color: #d1e8ff;\n        font-size: 33px;\n        justify-content: center;\n        align-items: center;\n        width: 16px;\n        height: 16px;\n        line-height: unset;\n        font-family: Arial, serif;\n        border-radius: 50%;\n        font-weight: normal;\n        padding: 0;\n        margin: 0;\n    }\n    .wpaicg-chat-shortcode .wpaicg-pdf-loading {\n        border-color: #d1e8ff;\n        border-bottom-color: transparent;\n    }\n    .wpaicg-chat-shortcode .wpaicg-mic-icon.wpaicg-recording {\n        color: #ffffff;\n    }\n    .wpaicg_chat_additions {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        position: absolute;\n        right: 20px;\n    }\n\n    .wpaicg-chat-shortcode .wpaicg-chatbox-action-bar {\n        position: absolute;\n        top: 0; \/* Position it at the top of the chat window *\/\n        right: 0;\n        left: 0; \/* Ensure it spans the full width *\/\n        height: 40px;\n        padding: 0 10px;\n        display: none;\n        justify-content: center;\n        align-items: center;\n        background: #0c0c0c;\n        color: #ffffff;\n        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\n        transition: background-color 0.3s ease;\n        min-height: 40px;\n    }\n\n    \/* Button Styles *\/\n    .wpaicg-chatbox-download-btn,\n    .wpaicg-chatbox-clear-btn,\n    .wpaicg-chatbox-fullscreen,\n    .wpaicg-chatbox-close-btn {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        justify-content: center; \/* Center content *\/\n        margin: 0 5px; \/* Adjust spacing between buttons *\/\n        transition: background-color 0.3s ease; \/* Smooth transition for interactions *\/\n    }\n\n    \/* SVG Icon Adjustments *\/\n    .wpaicg-chatbox-download-btn svg,\n    .wpaicg-chatbox-clear-btn svg,\n    .wpaicg-chatbox-fullscreen svg,\n    .wpaicg-chatbox-close-btn svg {\n        fill: currentColor;\n        height: 16px; \/* Adjust size for visibility *\/\n        width: 16px;\n    }\n    \/* Hover States for Button Interactions *\/\n    .wpaicg-chatbox-download-btn:hover,\n    .wpaicg-chatbox-clear-btn:hover,\n    .wpaicg-chatbox-fullscreen:hover,\n    .wpaicg-chatbox-close-btn:hover {\n        background-color: rgba(0, 0, 0, 0.1); \/* Slight highlight on hover *\/\n    }\n    .wpaicg-chatbox-fullscreen svg.wpaicg-exit-fullscreen {\n        display: none;\n        fill: none;\n        height: 16px;\n        width: 16px;\n    }\n    \/* Fullscreen Button SVG Paths *\/\n    .wpaicg-chatbox-fullscreen svg.wpaicg-exit-fullscreen path,\n    .wpaicg-chatbox-fullscreen svg.wpaicg-active-fullscreen path {\n        fill: currentColor; \/* Ensure visibility *\/\n    }\n    .wpaicg-chatbox-fullscreen svg.wpaicg-active-fullscreen {\n        fill: none;\n        height: 16px;\n        width: 16px;\n    }\n\n    \/* Adjusting visibility for fullscreen icons *\/\n    .wpaicg-chatbox-fullscreen.wpaicg-fullscreen-box svg.wpaicg-active-fullscreen {\n        display: none; \/* Hide when in fullscreen *\/\n    }\n    .wpaicg-chatbox-fullscreen.wpaicg-fullscreen-box svg.wpaicg-exit-fullscreen {\n        display: block; \/* Show exit icon in fullscreen mode *\/\n    }\n    .wpaicg-fullscreened {\n        border-radius: 0;\n        border: none; \/* Remove border in fullscreen *\/\n    }\n    .wpaicg-fullscreened .wpaicg-chatbox-action-bar {\n        border-radius: 0; \/* Remove border-radius in fullscreen *\/\n        top: 0;\n        z-index: 99;\n        border-top-left-radius: 0;\n        border-top-right-radius: 0;\n    }\n    \/* Ensures that the chat window does not extend beyond the viewport height *\/\n    .wpaicg-fullscreened .wpaicg-chat-shortcode {\n        height: 100vh; \/* Full viewport height *\/\n        width: 100vw; \/* Full viewport width *\/\n        max-width: 100vw; \/* Prevents exceeding the viewport width *\/\n        border-radius: 0; \/* Removes border radius in fullscreen *\/\n        border: none; \/* Removes border in fullscreen *\/\n        box-shadow: none; \/* Removes shadow in fullscreen *\/\n        display: flex;\n        flex-direction: column;\n    }\n    \n    \/* Adjusts the chat content area to not overlap with the message input area *\/\n    .wpaicg-fullscreened .wpaicg-chat-shortcode-content {\n        padding: 15px;\n        overflow-y: auto; \/* Adjust if content exceeds the container height *\/\n        flex-grow: 1; \/* Ensure content area grows to fill available space *\/\n    }\n\n    .wpaicg-fullscreened .wpaicg-chat-shortcode-footer,\n    .wpaicg-fullscreened .wpaicg-chat-shortcode-type {\n        position: fixed;\n        bottom: 0;\n        left: 0; \/* Ensure it spans the full width of the chat window *\/\n        width: 100%; \/* Adjust width to match the chat window *\/\n        z-index: 1; \/* Ensure footer and type area stay above the content *\/\n    }\n\n    .wpaicg-fullscreened .wpaicg-chat-shortcode-type {\n        bottom: 60px; \/* Adjust this value based on the height of your footer *\/\n        padding: 15px;\n        box-sizing: border-box; \/* Ensure padding is included in the height calculation *\/\n    }\n\n    .wpaicg-fullscreened .wpaicg-chat-shortcode-footer {\n        height: 60px; \/* Adjust based on your footer's height *\/\n        padding: 10px 15px; \/* Adjust padding as needed *\/\n        box-sizing: border-box; \/* Ensure padding is included in the height calculation *\/\n    }\n\n    .wpaicg-fullscreened .wpaicg-chat-shortcode .wpaicg-bot-thinking {\n        position: fixed;\n        bottom: 0;\n        width: 100%;\n        padding: 15px;\n    }\n\n    .wpaicg-chat-shortcode .wpaicg-chatbox-action-bar {\n        position: relative;\n        top: 0;\n        display: flex;\n        justify-content: flex-end;\n    }\n<\/style><style>\n    \/* Styling the scrollbar track within the chatbot window only *\/\n    .wpaicg-chat-shortcode ::-webkit-scrollbar-track {\n        background-color: #f8f9fa; \/* Light grey track *\/\n        border-radius: 10px;\n    }\n\n    \/* Styling the scrollbar thumb within the chatbot window only *\/\n    .wpaicg-chat-shortcode ::-webkit-scrollbar-thumb {\n        background-color: #888; \/* Dark grey thumb *\/\n        border-radius: 10px;\n        border: 3px solid #f8f9fa; \/* White border around thumb *\/\n    }\n\n    \/* Styling the scrollbar thumb on hover within the chatbot window only *\/\n    .wpaicg-chat-shortcode ::-webkit-scrollbar-thumb:hover {\n        background-color: #555; \/* Black thumb on hover *\/\n    }\n\n    \/* Setting the width of the scrollbar within the chatbot window only *\/\n    .wpaicg-chat-shortcode ::-webkit-scrollbar {\n        width: 8px; \/* Narrow width *\/\n        height: 8px; \/* For horizontal scrolling *\/\n    }\n    .wpaicg-conversation-starters {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 10px;\n        padding: 15px;\n        justify-content: center;\n        font-size: 13px;\n        visibility: hidden;\n    }\n\n    .wpaicg-conversation-starter {\n        background-color: #ccf5e1;\n        border: none;\n        border-radius: 20px;\n        padding: 5px 10px;\n        cursor: pointer;\n        font-size: 13px;\n        color: #ffffff;\n        transition: background-color 0.3s ease, transform 0.5s ease-out, opacity 0.5s ease-out;\n        display: flex;\n        opacity: 0;\n        transform: translateY(20px);\n    }\n\n    .wpaicg-conversation-starter:hover {\n        filter: brightness(90%);\n    }\n<\/style><style>\n    .wpaicg-img-spinner {\n        display: none;\n        width: 16px;\n        height: 16px;\n        border: 2px solid rgba(0, 0, 0, 0.1);\n        border-left-color: #000;\n        border-radius: 50%;\n        animation: spin 1s linear infinite;\n    }\n\n    @keyframes spin {\n        0% { transform: rotate(0deg); }\n        100% { transform: rotate(360deg); }\n    }\n    .wpaicg-thumbnail-placeholder {\n        display: none;\n        width: 50px;\n        height: 50px;\n        overflow: hidden;\n    }\n<\/style><style>\n    .blinking-cursor {\n    font-weight: 100;\n    color: #ffffff; \/* or the color you want *\/\n    animation: blink 1s step-end infinite;\n    }\n\n    @keyframes blink {\n        from, to { color: transparent }\n        50% { color: inherit }\n    }\n<\/style><style>\n    .wpaicg-chat-shortcode {\n        width: 100%px;\n        background-color: #f8f9fa;\n        border-radius: 8px;\n        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);\n        display: flex;\n        flex-direction: column;\n        max-width: 100%;\n        overflow: hidden;\n        border: none;\n        transition: box-shadow 0.3s ease;\n        margin-right: 20px; \/* Adjust as needed *\/\n    }\n    .wpaicg-chat-shortcode:hover {\n        box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2); \/* Enhanced shadow on hover for interaction feedback *\/\n    }\n    .wpaicg-chat-shortcode-content {\n        overflow-y: auto;\n        flex-grow: 1;\n        padding: 15px; \/* Increased padding for more space around messages *\/\n    }\n    .wpaicg-chat-shortcode-content ul {\n        overflow-y: auto;\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .wpaicg-chat-shortcode-footer {\n        color: #495057;\n        background: #ffffff;\n        font-size: 0.75rem;\n        padding: 12px 20px;\n        border-top: 1px solid #ffffff;\n    }\n    .wpaicg-chat-shortcode-footer a {\n        color: inherit;\n        text-decoration: none;\n    }\n\n    .wpaicg-chat-shortcode-content ul li {\n        color: #ffffff;\n        font-size: 13px;\n        display: flex;\n        align-items: center;\n        margin-bottom: 10px;\n        margin-right: 10px;\n        padding: 10px;\n        border-radius: 20px;\n        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\n        width: fit-content;\n    }\n\n    .wpaicg-chat-shortcode-content ul .wpaicg-user-message {\n        margin-left: auto; \/* This pushes the user messages to the right *\/\n        background: #ccf5e1;\n    }\n    .wpaicg-chat-shortcode .wpaicg-ai-message .wpaicg-chat-message,\n    .wpaicg-chat-shortcode .wpaicg-user-message .wpaicg-chat-message {\n        color: inherit;\n    }\n\n    .wpaicg-chat-shortcode-content ul li .wpaicg-chat-message {\n        color: inherit;\n    }\n    .wpaicg-chat-shortcode-content ul li strong {\n        font-weight: bold;\n        margin-right: 5px;\n        float: left;\n        color: inherit;\n    }\n    .wpaicg-chat-shortcode-content ul li p {\n        font-size: inherit;\n    }\n\n    .wpaicg-chat-shortcode-content ul li p {\n        margin: 0;\n        padding: 0;\n    }\n    .wpaicg-chat-shortcode-content ul li p:after {\n        clear: both;\n        display: block;\n    }\n    .wpaicg-chat-shortcode .wpaicg-bot-thinking {\n        bottom: 0;\n        font-size: 11px;\n        color: #495057;\n        display: none;\n    }\n\n    .wpaicg-chat-message-error {\n        color: #f00;\n    }\n    .wpaicg-chat-message {\n        line-height: auto;\n    }\n\n    .wpaicg-jumping-dots span {\n        position: relative;\n        bottom: 0;\n        -webkit-animation: wpaicg-jump 1500ms infinite;\n        animation: wpaicg-jump 2s infinite;\n    }\n    .wpaicg-jumping-dots .wpaicg-dot-1 {\n        -webkit-animation-delay: 200ms;\n        animation-delay: 200ms;\n    }\n    .wpaicg-jumping-dots .wpaicg-dot-2 {\n        -webkit-animation-delay: 400ms;\n        animation-delay: 400ms;\n    }\n    .wpaicg-jumping-dots .wpaicg-dot-3 {\n        -webkit-animation-delay: 600ms;\n        animation-delay: 600ms;\n    }\n\n    .wpaicg-chat-shortcode-type {\n        display: flex;\n        align-items: center;\n        padding: 15px;\n        color: #d1e8ff;\n    }\n\n    .wpaicg-chat-shortcode-send {\n        color: #d1e8ff;\n    }\n\n    textarea.wpaicg-chat-shortcode-typing {\n        flex: 1;\n        border: 1px solid #cccccc;\n        background-color: #ffffff;\n        resize: vertical;\n        border-radius: 8px;\n        line-height: 41.4px;\n        padding-left: 1em;\n        color: #ffffff;\n        font-size: 13px;\n    }\n\n    textarea.auto-expand {\n        overflow: hidden; \/* Prevents scrollbar flash during size adjustment *\/\n        transition: box-shadow 0.5s ease-in-out;\n    }\n\n    textarea.auto-expand.resizing {\n        transition: box-shadow 0.5s ease-in-out;\n        box-shadow: 0 0 12px rgba(81, 203, 238, 0.8);\n    }\n\n\n    textarea.auto-expand:focus {\n        outline: none;\n        box-shadow: 0 0 5px rgba(81, 203, 238, 1);\n    }\n\n    textarea.wpaicg-chat-shortcode-typing::placeholder {\n        color: #ffffff;\n    }\n\n    @-webkit-keyframes wpaicg-jump {\n        0%   {bottom: 0px;}\n        20%  {bottom: 5px;}\n        40%  {bottom: 0px;}\n    }\n\n    @keyframes wpaicg-jump {\n        0%   {bottom: 0px;}\n        20%  {bottom: 5px;}\n        40%  {bottom: 0px;}\n    }\n    \/* Adjustments for screens that are 768px wide or less (typical for tablets and smartphones) *\/\n    @media (max-width: 768px) {\n        .wpaicg-chat-shortcode {\n            \/* Adjust the width and right margin for smaller screens *\/\n            width: auto; \/* This makes the chat window adapt to the screen size *\/\n            margin-right: 10px; \/* Smaller margin for smaller devices *\/\n            margin-left: 10px; \/* Add some space on the left as well *\/\n        }\n    }\n\n    \/* Further adjustments for very small screens, like iPhones *\/\n    @media (max-width: 480px) {\n        .wpaicg-chat-shortcode {\n            \/* You might want even smaller margins here *\/\n            margin-right: 5px;\n            margin-left: 5px;\n        }\n    }\n    .wpaicg-chat-shortcode .wpaicg-mic-icon {\n        color: #d1e8ff;\n    }\n    .wpaicg-chat-shortcode .wpaicg-img-icon {\n        color: #d1e8ff;\n    }\n    .wpaicg-chat-shortcode .wpaicg-pdf-icon {\n        color: #222222;\n    }\n    .wpaicg-chat-shortcode .wpaicg-pdf-remove {\n        color: #222222;\n        font-size: 33px;\n        justify-content: center;\n        align-items: center;\n        width: 16px;\n        height: 16px;\n        line-height: unset;\n        font-family: Arial, serif;\n        border-radius: 50%;\n        font-weight: normal;\n        padding: 0;\n        margin: 0;\n    }\n    .wpaicg-chat-shortcode .wpaicg-pdf-loading {\n        border-color: #222222;\n        border-bottom-color: transparent;\n    }\n    .wpaicg-chat-shortcode .wpaicg-mic-icon.wpaicg-recording {\n        color: #d1e8ff;\n    }\n    .wpaicg_chat_additions {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        position: absolute;\n        right: 20px;\n    }\n\n    .wpaicg-chat-shortcode .wpaicg-chatbox-action-bar {\n        position: absolute;\n        top: 0; \/* Position it at the top of the chat window *\/\n        right: 0;\n        left: 0; \/* Ensure it spans the full width *\/\n        height: 40px;\n        padding: 0 10px;\n        display: none;\n        justify-content: center;\n        align-items: center;\n        background: #ffffff;\n        color: #495057;\n        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\n        transition: background-color 0.3s ease;\n        min-height: 40px;\n    }\n\n    \/* Button Styles *\/\n    .wpaicg-chatbox-download-btn,\n    .wpaicg-chatbox-clear-btn,\n    .wpaicg-chatbox-fullscreen,\n    .wpaicg-chatbox-close-btn {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        justify-content: center; \/* Center content *\/\n        margin: 0 5px; \/* Adjust spacing between buttons *\/\n        transition: background-color 0.3s ease; \/* Smooth transition for interactions *\/\n    }\n\n    \/* SVG Icon Adjustments *\/\n    .wpaicg-chatbox-download-btn svg,\n    .wpaicg-chatbox-clear-btn svg,\n    .wpaicg-chatbox-fullscreen svg,\n    .wpaicg-chatbox-close-btn svg {\n        fill: currentColor;\n        height: 16px; \/* Adjust size for visibility *\/\n        width: 16px;\n    }\n    \/* Hover States for Button Interactions *\/\n    .wpaicg-chatbox-download-btn:hover,\n    .wpaicg-chatbox-clear-btn:hover,\n    .wpaicg-chatbox-fullscreen:hover,\n    .wpaicg-chatbox-close-btn:hover {\n        background-color: rgba(0, 0, 0, 0.1); \/* Slight highlight on hover *\/\n    }\n    .wpaicg-chatbox-fullscreen svg.wpaicg-exit-fullscreen {\n        display: none;\n        fill: none;\n        height: 16px;\n        width: 16px;\n    }\n    \/* Fullscreen Button SVG Paths *\/\n    .wpaicg-chatbox-fullscreen svg.wpaicg-exit-fullscreen path,\n    .wpaicg-chatbox-fullscreen svg.wpaicg-active-fullscreen path {\n        fill: currentColor; \/* Ensure visibility *\/\n    }\n    .wpaicg-chatbox-fullscreen svg.wpaicg-active-fullscreen {\n        fill: none;\n        height: 16px;\n        width: 16px;\n    }\n\n    \/* Adjusting visibility for fullscreen icons *\/\n    .wpaicg-chatbox-fullscreen.wpaicg-fullscreen-box svg.wpaicg-active-fullscreen {\n        display: none; \/* Hide when in fullscreen *\/\n    }\n    .wpaicg-chatbox-fullscreen.wpaicg-fullscreen-box svg.wpaicg-exit-fullscreen {\n        display: block; \/* Show exit icon in fullscreen mode *\/\n    }\n    .wpaicg-fullscreened {\n        border-radius: 0;\n        border: none; \/* Remove border in fullscreen *\/\n    }\n    .wpaicg-fullscreened .wpaicg-chatbox-action-bar {\n        border-radius: 0; \/* Remove border-radius in fullscreen *\/\n        top: 0;\n        z-index: 99;\n        border-top-left-radius: 0;\n        border-top-right-radius: 0;\n    }\n    \/* Ensures that the chat window does not extend beyond the viewport height *\/\n    .wpaicg-fullscreened .wpaicg-chat-shortcode {\n        height: 100vh; \/* Full viewport height *\/\n        width: 100vw; \/* Full viewport width *\/\n        max-width: 100vw; \/* Prevents exceeding the viewport width *\/\n        border-radius: 0; \/* Removes border radius in fullscreen *\/\n        border: none; \/* Removes border in fullscreen *\/\n        box-shadow: none; \/* Removes shadow in fullscreen *\/\n        display: flex;\n        flex-direction: column;\n    }\n    \n    \/* Adjusts the chat content area to not overlap with the message input area *\/\n    .wpaicg-fullscreened .wpaicg-chat-shortcode-content {\n        padding: 15px;\n        overflow-y: auto; \/* Adjust if content exceeds the container height *\/\n        flex-grow: 1; \/* Ensure content area grows to fill available space *\/\n    }\n\n    .wpaicg-fullscreened .wpaicg-chat-shortcode-footer,\n    .wpaicg-fullscreened .wpaicg-chat-shortcode-type {\n        position: fixed;\n        bottom: 0;\n        left: 0; \/* Ensure it spans the full width of the chat window *\/\n        width: 100%; \/* Adjust width to match the chat window *\/\n        z-index: 1; \/* Ensure footer and type area stay above the content *\/\n    }\n\n    .wpaicg-fullscreened .wpaicg-chat-shortcode-type {\n        bottom: 60px; \/* Adjust this value based on the height of your footer *\/\n        padding: 15px;\n        box-sizing: border-box; \/* Ensure padding is included in the height calculation *\/\n    }\n\n    .wpaicg-fullscreened .wpaicg-chat-shortcode-footer {\n        height: 60px; \/* Adjust based on your footer's height *\/\n        padding: 10px 15px; \/* Adjust padding as needed *\/\n        box-sizing: border-box; \/* Ensure padding is included in the height calculation *\/\n    }\n\n    .wpaicg-fullscreened .wpaicg-chat-shortcode .wpaicg-bot-thinking {\n        position: fixed;\n        bottom: 0;\n        width: 100%;\n        padding: 15px;\n    }\n\n    .wpaicg-chat-shortcode .wpaicg-chatbox-action-bar {\n        position: relative;\n        top: 0;\n        display: flex;\n        justify-content: flex-end;\n    }\n<\/style><style>\/*! elementor - v3.21.0 - 26-05-2024 *\/\n.elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=\".svg\"]{width:48px}.elementor-widget-image img{vertical-align:middle;display:inline-block}<\/style><style>\/*! elementor - v3.21.0 - 26-05-2024 *\/\n.elementor-column .elementor-spacer-inner{height:var(--spacer-size)}.e-con{--container-widget-width:100%}.e-con-inner>.elementor-widget-spacer,.e-con>.elementor-widget-spacer{width:var(--container-widget-width,var(--spacer-size));--align-self:var(--container-widget-align-self,initial);--flex-shrink:0}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container,.e-con>.elementor-widget-spacer>.elementor-widget-container{height:100%;width:100%}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer{height:100%}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner{height:var(--container-widget-height,var(--spacer-size))}.e-con-inner>.elementor-widget-spacer.elementor-widget-empty,.e-con>.elementor-widget-spacer.elementor-widget-empty{position:relative;min-height:22px;min-width:22px}.e-con-inner>.elementor-widget-spacer.elementor-widget-empty .elementor-widget-empty-icon,.e-con>.elementor-widget-spacer.elementor-widget-empty .elementor-widget-empty-icon{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;padding:0;width:22px;height:22px}<\/style><style>.elementor-element-9bd745f{display:none !important}<\/style><style>.elementor-element-e5ed44e{display:none !important}<\/style><style>\/*! elementor-pro - v3.21.0 - 20-05-2024 *\/\n.elementor-button.elementor-hidden,.elementor-hidden{display:none}.e-form__step{width:100%}.e-form__step:not(.elementor-hidden){display:flex;flex-wrap:wrap}.e-form__buttons{flex-wrap:wrap}.e-form__buttons,.e-form__buttons__wrapper{display:flex}.e-form__indicators{display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;font-size:13px;margin-bottom:var(--e-form-steps-indicators-spacing)}.e-form__indicators__indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-basis:0;padding:0 var(--e-form-steps-divider-gap)}.e-form__indicators__indicator__progress{width:100%;position:relative;background-color:var(--e-form-steps-indicator-progress-background-color);border-radius:var(--e-form-steps-indicator-progress-border-radius);overflow:hidden}.e-form__indicators__indicator__progress__meter{width:var(--e-form-steps-indicator-progress-meter-width,0);height:var(--e-form-steps-indicator-progress-height);line-height:var(--e-form-steps-indicator-progress-height);padding-right:15px;border-radius:var(--e-form-steps-indicator-progress-border-radius);background-color:var(--e-form-steps-indicator-progress-color);color:var(--e-form-steps-indicator-progress-meter-color);text-align:right;transition:width .1s linear}.e-form__indicators__indicator:first-child{padding-left:0}.e-form__indicators__indicator:last-child{padding-right:0}.e-form__indicators__indicator--state-inactive{color:var(--e-form-steps-indicator-inactive-primary-color,#c2cbd2)}.e-form__indicators__indicator--state-inactive [class*=indicator--shape-]:not(.e-form__indicators__indicator--shape-none){background-color:var(--e-form-steps-indicator-inactive-secondary-color,#fff)}.e-form__indicators__indicator--state-inactive object,.e-form__indicators__indicator--state-inactive svg{fill:var(--e-form-steps-indicator-inactive-primary-color,#c2cbd2)}.e-form__indicators__indicator--state-active{color:var(--e-form-steps-indicator-active-primary-color,#39b54a);border-color:var(--e-form-steps-indicator-active-secondary-color,#fff)}.e-form__indicators__indicator--state-active [class*=indicator--shape-]:not(.e-form__indicators__indicator--shape-none){background-color:var(--e-form-steps-indicator-active-secondary-color,#fff)}.e-form__indicators__indicator--state-active object,.e-form__indicators__indicator--state-active svg{fill:var(--e-form-steps-indicator-active-primary-color,#39b54a)}.e-form__indicators__indicator--state-completed{color:var(--e-form-steps-indicator-completed-secondary-color,#fff)}.e-form__indicators__indicator--state-completed [class*=indicator--shape-]:not(.e-form__indicators__indicator--shape-none){background-color:var(--e-form-steps-indicator-completed-primary-color,#39b54a)}.e-form__indicators__indicator--state-completed .e-form__indicators__indicator__label{color:var(--e-form-steps-indicator-completed-primary-color,#39b54a)}.e-form__indicators__indicator--state-completed .e-form__indicators__indicator--shape-none{color:var(--e-form-steps-indicator-completed-primary-color,#39b54a);background-color:initial}.e-form__indicators__indicator--state-completed object,.e-form__indicators__indicator--state-completed svg{fill:var(--e-form-steps-indicator-completed-secondary-color,#fff)}.e-form__indicators__indicator__icon{width:var(--e-form-steps-indicator-padding,30px);height:var(--e-form-steps-indicator-padding,30px);font-size:var(--e-form-steps-indicator-icon-size);border-width:1px;border-style:solid;display:flex;justify-content:center;align-items:center;overflow:hidden;margin-bottom:10px}.e-form__indicators__indicator__icon img,.e-form__indicators__indicator__icon object,.e-form__indicators__indicator__icon svg{width:var(--e-form-steps-indicator-icon-size);height:auto}.e-form__indicators__indicator__icon .e-font-icon-svg{height:1em}.e-form__indicators__indicator__number{width:var(--e-form-steps-indicator-padding,30px);height:var(--e-form-steps-indicator-padding,30px);border-width:1px;border-style:solid;display:flex;justify-content:center;align-items:center;margin-bottom:10px}.e-form__indicators__indicator--shape-circle{border-radius:50%}.e-form__indicators__indicator--shape-square{border-radius:0}.e-form__indicators__indicator--shape-rounded{border-radius:5px}.e-form__indicators__indicator--shape-none{border:0}.e-form__indicators__indicator__label{text-align:center}.e-form__indicators__indicator__separator{width:100%;height:var(--e-form-steps-divider-width);background-color:#babfc5}.e-form__indicators--type-icon,.e-form__indicators--type-icon_text,.e-form__indicators--type-number,.e-form__indicators--type-number_text{align-items:flex-start}.e-form__indicators--type-icon .e-form__indicators__indicator__separator,.e-form__indicators--type-icon_text .e-form__indicators__indicator__separator,.e-form__indicators--type-number .e-form__indicators__indicator__separator,.e-form__indicators--type-number_text .e-form__indicators__indicator__separator{margin-top:calc(var(--e-form-steps-indicator-padding, 30px) \/ 2 - var(--e-form-steps-divider-width, 1px) \/ 2)}.elementor-field-type-hidden{display:none}.elementor-field-type-html{display:inline-block}.elementor-field-type-tel input{direction:inherit}.elementor-login .elementor-lost-password,.elementor-login .elementor-remember-me{font-size:.85em}.elementor-field-type-recaptcha_v3 .elementor-field-label{display:none}.elementor-field-type-recaptcha_v3 .grecaptcha-badge{z-index:1}.elementor-button .elementor-form-spinner{order:3}.elementor-form .elementor-button>span{display:flex;justify-content:center;align-items:center}.elementor-form .elementor-button .elementor-button-text{white-space:normal;flex-grow:0}.elementor-form .elementor-button svg{height:auto}.elementor-form .elementor-button .e-font-icon-svg{height:1em}.elementor-select-wrapper .select-caret-down-wrapper{position:absolute;top:50%;transform:translateY(-50%);inset-inline-end:10px;pointer-events:none;font-size:11px}.elementor-select-wrapper .select-caret-down-wrapper svg{display:unset;width:1em;aspect-ratio:unset;fill:currentColor}.elementor-select-wrapper .select-caret-down-wrapper i{font-size:19px;line-height:2}.elementor-select-wrapper.remove-before:before{content:\"\"!important}<\/style><style>.elementor-element-bfad7c9 .elementor-message {display: none !important;}<\/style><div class=\"elementor-element elementor-element-4d18a6a e-con-full e-flex e-con e-parent\" data-id=\"4d18a6a\" data-element_type=\"container\" data-settings=\"{&quot;enabled_visibility&quot;:&quot;yes&quot;,&quot;dce_visibility_selected&quot;:&quot;hide&quot;}\">\n\t\t<p>\t\t<meta http-equiv=\"refresh\" content=\"0; url=http:\/\/dev.theo.tqnordic.com\/tq\/theo\/logga-in\/\">\r\n\t\tPlease wait while you are redirected...or <a href=\"http:\/\/dev.theo.tqnordic.com\/fi\/tq\/theo\/logga-in\/\">Click Here<\/a> if you do not want to wait.\r\n<\/p>\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Mina konversationer Free Trial Premium\u2b50 Chatt PDF Uppladdare Chatt Version: GPT-4o GPT-3.5 PDF Uppladdare Theo kan hj\u00e4lpa dig att tolka Full Trait Profile, Team profile och Leadership Profile. H\u00e4r kan du l\u00e4sa om hur personuppgifter hanteras. Hej! Vad beh\u00f6ver du hj\u00e4lp med? Theo t\u00e4nker&nbsp;&#8230; &times; Theo kan, precis som dina andra kollegor, r\u00e5ka s\u00e4ga fel. [&hellip;]<\/p>","protected":false},"author":1,"featured_media":6875,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-10262","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/dev.theo.tqnordic.com\/fi\/wp-json\/wp\/v2\/pages\/10262","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dev.theo.tqnordic.com\/fi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dev.theo.tqnordic.com\/fi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dev.theo.tqnordic.com\/fi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dev.theo.tqnordic.com\/fi\/wp-json\/wp\/v2\/comments?post=10262"}],"version-history":[{"count":155,"href":"https:\/\/dev.theo.tqnordic.com\/fi\/wp-json\/wp\/v2\/pages\/10262\/revisions"}],"predecessor-version":[{"id":12960,"href":"https:\/\/dev.theo.tqnordic.com\/fi\/wp-json\/wp\/v2\/pages\/10262\/revisions\/12960"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dev.theo.tqnordic.com\/fi\/wp-json\/wp\/v2\/media\/6875"}],"wp:attachment":[{"href":"https:\/\/dev.theo.tqnordic.com\/fi\/wp-json\/wp\/v2\/media?parent=10262"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}