@font-face {
    font-family: "Biotif";
    font-style: normal;
    font-weight: 400;
    src: url("assets/fonts/Biotif-Regular.eot?") format("eot"), url("assets/fonts/Biotif-Regular.ttf") format("truetype"), url("assets/fonts/Biotif-Regular.woff") format("woff"), url("assets/fonts/Biotif-Regular.woff2") format("woff2");
}
@font-face {
    font-family: "Biotif";
    font-style: normal;
    font-weight: 700;
    src: url("assets/fonts/Biotif-Bold.eot?") format("eot"), url("assets/fonts/Biotif-Bold.ttf") format("truetype"), url("assets/fonts/Biotif-Bold.woff") format("woff"), url("assets/fonts/Biotif-Bold.woff2") format("woff2");
}
:root {
    --font-family: "Biotif", sans-serif;
}
.chatbot-html,
.chatbot-body {
    margin: 0;
    padding: 0;
    overflow: hidden;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    height: 100%;
}
.chatbot-body *,
.chatbot-body *::before,
.chatbot-body *::after {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
}

.chatbot-container {
    padding: 20px;
    display: flex;
    flex-direction: column;
    height: 100%;
}

#chatbot-ai-iframe {
    position: fixed;
    bottom: 100px;
    right: 20px;
    width: 420px;
    max-width: 100%;
    height: 600px;
    max-height: calc(80vh - 60px);
    border: none;
    z-index: 1000;
    border-radius: 12px;
    display: none;
    background-color: white;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.chatbot-header a{
    font-weight: 400;
    font-size: 13px;
    line-height: 1;
    color: #078bbc;
    text-decoration: none;
    font-family: var(--font-family);
    display: inline-block;
    position: relative;
    padding-left: 16px;
}
.chatbot-header i {
    top: 2px;
    position: absolute;
    display: block;
    left: -3px;
    margin-right: 10px;
    width: 12px;
    height: 9px;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 1.125C1.28906 1.125 1.125 1.3125 1.125 1.5V2.03906L5.15625 5.34375C5.64844 5.74219 6.32812 5.74219 6.82031 5.34375L10.875 2.03906V1.5C10.875 1.3125 10.6875 1.125 10.5 1.125H1.5ZM1.125 3.49219V7.5C1.125 7.71094 1.28906 7.875 1.5 7.875H10.5C10.6875 7.875 10.875 7.71094 10.875 7.5V3.49219L7.54688 6.21094C6.63281 6.96094 5.34375 6.96094 4.45312 6.21094L1.125 3.49219ZM0 1.5C0 0.679688 0.65625 0 1.5 0H10.5C11.3203 0 12 0.679688 12 1.5V7.5C12 8.34375 11.3203 9 10.5 9H1.5C0.65625 9 0 8.34375 0 7.5V1.5Z' fill='%23078BBC'/%3E%3C/svg%3E%0A");
}
.chatbot-header {
    font-weight: 400;
    font-size: 13px;
    line-height: 145%;
    text-align: center;
    color: #078bbc;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(7, 1, 50, 0.1);
    position: sticky;
    top: 0;
}

.chatbot-content {
    padding: 20px 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    scrollbar-color: #48bee570 #ffffff;
    scrollbar-width: thin;
    gap: 25px;
    overscroll-behavior: contain;
}

.chatbot-footer {
    margin-top: auto;
    background-color: #fff;
    border-radius: 0 0 15px 15px;
    text-align: center;
    font-size: 14px;
    color: #555;
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative;
}

.chatbot-footer input,
.chatbot-footer textarea {
    font-family: var(--font-family);
    width: 100%;
    height: 58px;
    line-height: 58px;
    font-size: 14px;
    resize: none;
    border: 2px solid rgba(7, 1, 50, 0.1);
    border-radius: 50px;
    white-space: nowrap;
    outline: none;
    padding: 20px 60px 20px 20px;
}
.chatbot-footer input::-webkit-input-placeholder {
    color: rgba(7, 1, 50, 0.5);
}
.chatbot-footer input::-ms-input-placeholder {
    color: rgba(7, 1, 50, 0.5);
}
.chatbot-footer input::-ms-input-placeholder {
    color: rgba(7, 1, 50, 0.5);
}
.chatbot-footer input::placeholder {
    color: rgba(7, 1, 50, 0.5);
}
.chatbot-footer button {
   position: absolute;
   border-radius: 100%;
   overflow: hidden;
    width: 46px;
    height: 46px;
    z-index: 1;
    border: none;
    cursor: pointer;
    right: 6px;
}
.chatbot-footer button::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='23' viewBox='0 0 24 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.3984 1.00781C22.8281 1.30859 23.043 1.82422 22.957 2.33984L20.207 20.2148C20.1641 20.6445 19.9062 20.9883 19.5195 21.2031C19.1758 21.418 18.7031 21.4609 18.3164 21.2891L13.2031 19.1406L10.2383 22.3203C9.85156 22.75 9.25 22.8789 8.73438 22.6641C8.21875 22.4922 7.875 21.9766 7.875 21.375V17.8086C7.875 17.6367 7.91797 17.4648 8.04688 17.3359L15.2227 9.47266C15.4805 9.21484 15.4805 8.78516 15.2227 8.52734C14.9648 8.26953 14.5352 8.26953 14.2773 8.52734L5.55469 16.2617L1.73047 14.3711C1.30078 14.1562 1 13.6836 1 13.168C0.957031 12.6953 1.21484 12.2227 1.6875 11.9648L20.9375 0.964844C21.3672 0.707031 21.9688 0.707031 22.3984 1.00781Z' fill='white'/%3E%3C/svg%3E%0A");
}
.chatbot-footer button::after {
    content: '';
    position: absolute;
    width: 200%;
    height: 100%;
    top: 0;
    left: -100%;
    z-index: -1;
    transition: left 0.3s ease-in-out;
    background: linear-gradient(
          135deg,
          #ffca22 0%,
          #0BDDA3 50%,
          #0BDDA3 50%,
          #42C4DE 100%
    );
}
.chatbot-footer button:hover::after {
    left: 0;
}

.thread-item-header {
    font-weight: bold;
}
.chatbot-container .thread-item {
    display: flex;
    flex-direction: column;
    position: relative;
}
.chatbot-container .thread-item-header {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 13px;
    line-height: 1;
    margin-bottom: 8px;
    width: 100%;
}
.chatbot-container .thread-item-header span{
    background: linear-gradient(135deg, #4ac0e7 0.01%, #078bbc 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.chatbot-container .thread-content a:hover {
    border-color: transparent;
}
.chatbot-container .thread-content a {
    color: #070133;
    text-decoration: none;
    border-bottom: 1px solid rgba(7, 1, 50, 0.5);
    transition: border-color 0.2s ease;
}
.chatbot-container .thread-content ul li{
    margin-bottom: 10px;
}
.chatbot-container .thread-content ul {
    margin: 10px 0;
    padding: 0 0 0 20px;
}
.chatbot-container .thread-content p:last-child{
    margin-bottom: 0;
}
.chatbot-container .thread-content p:first-of-type{
    margin-top: 0;
}

.chatbot-container .thread-content {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 145%;
    color: #070133;
    color: var(--primary-blue-dark);
    max-width: 90%;
    display: inline-flex;
    flex-direction: column;
}
.chatbot-container .thread-content .thread-item-time{
    font-weight: 400;
    font-size: 12px;
    text-align: right;
    color: rgba(7, 1, 50, 0.5);
    margin-bottom: -10px;
}
.chatbot-container .thread-item.user .thread-item-header{
    text-align: right;
    display: none;
}
.chatbot-container .thread-item.user .thread-content{
    border-radius: 10px;
    background: rgba(0, 226, 151, 0.2);
    padding: 15px 15px 15px 15px;
    margin-left: auto;

}
.chatbot-container .thread-item.bot .thread-content{
    border-radius: 10px;
    background: rgba(106, 217, 252, 0.2);
    padding: 15px 20px 15px 20px;
    max-width: 90%;
}
.chatbot-container .thread-item.bot {
    padding-left: 44px;
}
.chatbot-container .thread-item.bot:before {
    content: "";
    width: 32px;
    height: 32px;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='30' cy='30' r='30' fill='url(%23paint0_linear_1017_4192)'/%3E%3Cg clip-path='url(%23clip0_1017_4192)'%3E%3Cpath d='M32.4242 15.1915C32.0286 15.1915 31.695 14.8993 31.6433 14.5089C31.4261 12.898 30.4694 11.8922 28.9542 11.6724C28.5716 11.6181 28.2845 11.2923 28.2794 10.9071C28.2742 10.5218 28.5457 10.1857 28.9258 10.1158C30.5211 9.82367 31.4339 8.86955 31.6433 7.27678C31.695 6.88634 32.026 6.59416 32.419 6.59157C32.8095 6.58123 33.1482 6.87341 33.2077 7.26385C33.4611 8.93678 34.4798 9.97363 36.0079 10.1081C36.4139 10.1443 36.7268 10.483 36.7268 10.8915C36.7268 11.3001 36.4165 11.6414 36.0105 11.6776C34.4953 11.8172 33.3964 12.9239 33.2102 14.496C33.1637 14.8916 32.8302 15.1889 32.432 15.1915H32.4242Z' fill='white'/%3E%3Cpath d='M43.4975 13.9585C44.1401 13.9585 44.6611 13.4375 44.6611 12.7949C44.6611 12.1523 44.1401 11.6313 43.4975 11.6313C42.8549 11.6313 42.334 12.1523 42.334 12.7949C42.334 13.4375 42.8549 13.9585 43.4975 13.9585Z' fill='white'/%3E%3Cpath d='M35.4312 16.9888H24.5688C17.2126 16.9888 11.25 22.9539 11.25 30.3102C11.25 35.9598 14.7691 40.7847 19.7336 42.7214V48.0142C19.7336 48.4099 19.9715 48.7693 20.3386 48.9192C20.4602 48.9709 20.5869 48.9942 20.7136 48.9942C20.9695 48.9942 21.2178 48.896 21.4065 48.7072L26.4977 43.6289H35.4286C42.7849 43.6289 48.7474 37.6664 48.7474 30.3102C48.7474 22.9539 42.7849 16.9914 35.4286 16.9914L35.4312 16.9888ZM19.263 27.4866C19.263 24.7975 21.4427 22.6178 24.1318 22.6178C26.8209 22.6178 29.0006 24.7975 29.0006 27.4866C29.0006 30.1757 26.8209 32.3554 24.1318 32.3554C21.4427 32.3554 19.263 30.1757 19.263 27.4866ZM36.6025 38.1422C35.8346 38.4214 33.2256 38.9437 30.3917 38.9437C27.7905 38.9437 24.9463 38.5714 23.9198 38.0982C23.2061 37.7698 22.8933 36.9243 23.2242 36.2081C23.5526 35.4944 24.3981 35.1841 25.1118 35.5125C25.4867 35.6728 27.6716 36.0969 30.3943 36.0969C33.117 36.0969 35.2786 35.5953 35.6303 35.466C36.3698 35.1971 37.1869 35.5798 37.4558 36.3167C37.7247 37.0562 37.342 37.8732 36.6051 38.1422H36.6025ZM36.512 30.7316C34.7201 30.7316 33.267 29.2785 33.267 27.4866C33.267 25.6947 34.7201 24.2416 36.512 24.2416C38.3039 24.2416 39.757 25.6947 39.757 27.4866C39.757 29.2785 38.3039 30.7316 36.512 30.7316Z' fill='white'/%3E%3Cpath d='M39.5867 9.9741C40.7876 9.9741 41.7612 9.00052 41.7612 7.79955C41.7612 6.59858 40.7876 5.625 39.5867 5.625C38.3857 5.625 37.4121 6.59858 37.4121 7.79955C37.4121 9.00052 38.3857 9.9741 39.5867 9.9741Z' fill='white'/%3E%3Cpath d='M44.9623 10.261C45.3864 10.261 45.7302 9.91717 45.7302 9.49304C45.7302 9.06892 45.3864 8.7251 44.9623 8.7251C44.5382 8.7251 44.1943 9.06892 44.1943 9.49304C44.1943 9.91717 44.5382 10.261 44.9623 10.261Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1017_4192' x1='0' y1='0' x2='63.6696' y2='4.18603' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.0001' stop-color='%234AC0E7'/%3E%3Cstop offset='1' stop-color='%23078BBC'/%3E%3C/linearGradient%3E%3CclipPath id='clip0_1017_4192'%3E%3Crect width='37.5' height='45.2441' fill='white' transform='translate(11.25 3.75)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
#chatbot-ai-button:hover {
    /*transform: translateY(-2px);*/
}
#chatbot-ai-button:active {
    /*background-color: #004c66;*/
    /*transform: translateY(0);*/
}
#chatbot-ai-button {
    color: #fff;
    border: none;
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1000;
    font-size: 16px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: background 0.3s ease, transform 0.3s ease;
    overflow: hidden;
    animation: button-fade 0.5s ease-out 1.5s forwards;
    height: 60px;
    width: 60px;
    border-radius: 100%;
    opacity: 0;
}
@keyframes rotateAndSwitchBack {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
#chatbot-ai-button::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    background-position: top 15px right 5px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='47' height='40' viewBox='0 0 47 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1017_4179)'%3E%3Cpath d='M17.8912 40C17.6203 40 17.3921 39.7945 17.3545 39.5196C17.2065 38.3895 16.5493 37.6831 15.511 37.529C15.2476 37.4905 15.052 37.2619 15.047 36.9922C15.042 36.7225 15.2301 36.4862 15.4909 36.4374C16.5845 36.2319 17.2115 35.5615 17.3545 34.4442C17.3896 34.1719 17.6153 33.9664 17.8862 33.9639H17.8912C18.1596 33.9639 18.3853 34.1642 18.4254 34.4339C18.5985 35.6077 19.2983 36.3346 20.3442 36.4297C20.6226 36.4554 20.8358 36.6942 20.8383 36.9793C20.8383 37.267 20.6251 37.5059 20.3467 37.5316C19.3083 37.6292 18.5559 38.4049 18.4279 39.5094C18.3953 39.7868 18.1671 39.9948 17.8962 39.9974H17.8912V40Z' fill='white'/%3E%3Cpath d='M16.5554 32.6614C16.9959 32.6614 17.353 32.2957 17.353 31.8446C17.353 31.3935 16.9959 31.0278 16.5554 31.0278C16.1149 31.0278 15.7578 31.3935 15.7578 31.8446C15.7578 32.2957 16.1149 32.6614 16.5554 32.6614Z' fill='white'/%3E%3Cpath d='M12.2476 34.2258C13.0705 34.2258 13.7375 33.5427 13.7375 32.7C13.7375 31.8574 13.0705 31.1743 12.2476 31.1743C11.4248 31.1743 10.7578 31.8574 10.7578 32.7C10.7578 33.5427 11.4248 34.2258 12.2476 34.2258Z' fill='white'/%3E%3Cpath d='M25.7514 39.2631C25.3075 39.2631 24.9288 38.9266 24.8711 38.4745C24.5676 36.1705 23.2282 34.7296 21.1064 34.4136C20.675 34.3494 20.3514 33.9744 20.3439 33.5301C20.3364 33.0831 20.6449 32.6979 21.0738 32.6182C23.301 32.2021 24.5801 30.8357 24.8711 28.5548C24.9288 28.1053 25.3025 27.7662 25.7439 27.7637C26.1853 27.7688 26.5666 28.0899 26.6318 28.5394C26.9829 30.9333 28.4151 32.4153 30.5545 32.608C31.0135 32.6491 31.3646 33.042 31.3672 33.5147C31.3697 33.9873 31.0185 34.3803 30.5595 34.4239C28.4376 34.6243 26.8977 36.2091 26.6368 38.4642C26.5841 38.9189 26.2079 39.2631 25.7615 39.2682H25.7539L25.7514 39.2631Z' fill='white'/%3E%3Cpath d='M32.9208 0H12.0792C5.40755 0 0 5.53779 0 12.3701C0 17.9028 3.54651 22.5852 8.43738 24.1675V28.814C8.43738 29.1813 8.65308 29.5152 8.98666 29.6565C9.09702 29.7027 9.21239 29.7258 9.32777 29.7258C9.55851 29.7258 9.78675 29.6333 9.9548 29.4587L14.5723 24.7428H31.9208C38.5925 24.7428 44 19.205 44 12.3727C44 5.54036 38.5925 0.00256855 31.9208 0.00256855L32.9208 0ZM13.5296 15.7503C11.779 15.7503 10.3594 14.2965 10.3594 12.5037C10.3594 10.7108 11.779 9.25705 13.5296 9.25705C15.2803 9.25705 16.6999 10.7108 16.6999 12.5037C16.6999 14.2965 15.2803 15.7503 13.5296 15.7503ZM22.5389 15.7503C20.7882 15.7503 19.3686 14.2965 19.3686 12.5037C19.3686 10.7108 20.7882 9.25705 22.5389 9.25705C24.2896 9.25705 25.7092 10.7108 25.7092 12.5037C25.7092 14.2965 24.2896 15.7503 22.5389 15.7503ZM31.2446 15.7503C29.4939 15.7503 28.0743 14.2965 28.0743 12.5037C28.0743 10.7108 29.4939 9.25705 31.2446 9.25705C32.9953 9.25705 34.4149 10.7108 34.4149 12.5037C34.4149 14.2965 32.9953 15.7503 31.2446 15.7503Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1017_4179'%3E%3Crect width='47' height='40' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    animation: rotateAndSwitchBack 0.8s ease-in-out forwards;
}

@keyframes rotateAndSwitchBack {
    0% {
        /*transform: rotate3d(1, 1, 1, 0deg);*/
        transform: rotateZ(270deg);
        background-position: center;
        background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='2.12132' y1='2' x2='18' y2='17.8787' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3Cline x1='1.5' y1='-1.5' x2='23.9558' y2='-1.5' transform='matrix(-0.707107 0.707107 0.707107 0.707107 20 2)' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    }
    50% {
        /*transform: rotate3d(1, 1, 1, 120deg);*/
        transform: rotateZ(120deg);
        background-position: center;
        background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='2.12132' y1='2' x2='18' y2='17.8787' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3Cline x1='1.5' y1='-1.5' x2='23.9558' y2='-1.5' transform='matrix(-0.707107 0.707107 0.707107 0.707107 20 2)' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E%0A");
        opacity: 0;
    }
    51% {
        /*transform: rotate3d(1, 1, 1, 120deg);*/
        transform: rotateZ(120deg);
        background-position: top 15px right 5px;
        background-image: url("data:image/svg+xml,%3Csvg width='47' height='40' viewBox='0 0 47 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1017_4179)'%3E%3Cpath d='M17.8912 40C17.6203 40 17.3921 39.7945 17.3545 39.5196C17.2065 38.3895 16.5493 37.6831 15.511 37.529C15.2476 37.4905 15.052 37.2619 15.047 36.9922C15.042 36.7225 15.2301 36.4862 15.4909 36.4374C16.5845 36.2319 17.2115 35.5615 17.3545 34.4442C17.3896 34.1719 17.6153 33.9664 17.8862 33.9639H17.8912C18.1596 33.9639 18.3853 34.1642 18.4254 34.4339C18.5985 35.6077 19.2983 36.3346 20.3442 36.4297C20.6226 36.4554 20.8358 36.6942 20.8383 36.9793C20.8383 37.267 20.6251 37.5059 20.3467 37.5316C19.3083 37.6292 18.5559 38.4049 18.4279 39.5094C18.3953 39.7868 18.1671 39.9948 17.8962 39.9974H17.8912V40Z' fill='white'/%3E%3Cpath d='M16.5554 32.6614C16.9959 32.6614 17.353 32.2957 17.353 31.8446C17.353 31.3935 16.9959 31.0278 16.5554 31.0278C16.1149 31.0278 15.7578 31.3935 15.7578 31.8446C15.7578 32.2957 16.1149 32.6614 16.5554 32.6614Z' fill='white'/%3E%3Cpath d='M12.2476 34.2258C13.0705 34.2258 13.7375 33.5427 13.7375 32.7C13.7375 31.8574 13.0705 31.1743 12.2476 31.1743C11.4248 31.1743 10.7578 31.8574 10.7578 32.7C10.7578 33.5427 11.4248 34.2258 12.2476 34.2258Z' fill='white'/%3E%3Cpath d='M25.7514 39.2631C25.3075 39.2631 24.9288 38.9266 24.8711 38.4745C24.5676 36.1705 23.2282 34.7296 21.1064 34.4136C20.675 34.3494 20.3514 33.9744 20.3439 33.5301C20.3364 33.0831 20.6449 32.6979 21.0738 32.6182C23.301 32.2021 24.5801 30.8357 24.8711 28.5548C24.9288 28.1053 25.3025 27.7662 25.7439 27.7637C26.1853 27.7688 26.5666 28.0899 26.6318 28.5394C26.9829 30.9333 28.4151 32.4153 30.5545 32.608C31.0135 32.6491 31.3646 33.042 31.3672 33.5147C31.3697 33.9873 31.0185 34.3803 30.5595 34.4239C28.4376 34.6243 26.8977 36.2091 26.6368 38.4642C26.5841 38.9189 26.2079 39.2631 25.7615 39.2682H25.7539L25.7514 39.2631Z' fill='white'/%3E%3Cpath d='M32.9208 0H12.0792C5.40755 0 0 5.53779 0 12.3701C0 17.9028 3.54651 22.5852 8.43738 24.1675V28.814C8.43738 29.1813 8.65308 29.5152 8.98666 29.6565C9.09702 29.7027 9.21239 29.7258 9.32777 29.7258C9.55851 29.7258 9.78675 29.6333 9.9548 29.4587L14.5723 24.7428H31.9208C38.5925 24.7428 44 19.205 44 12.3727C44 5.54036 38.5925 0.00256855 31.9208 0.00256855L32.9208 0ZM13.5296 15.7503C11.779 15.7503 10.3594 14.2965 10.3594 12.5037C10.3594 10.7108 11.779 9.25705 13.5296 9.25705C15.2803 9.25705 16.6999 10.7108 16.6999 12.5037C16.6999 14.2965 15.2803 15.7503 13.5296 15.7503ZM22.5389 15.7503C20.7882 15.7503 19.3686 14.2965 19.3686 12.5037C19.3686 10.7108 20.7882 9.25705 22.5389 9.25705C24.2896 9.25705 25.7092 10.7108 25.7092 12.5037C25.7092 14.2965 24.2896 15.7503 22.5389 15.7503ZM31.2446 15.7503C29.4939 15.7503 28.0743 14.2965 28.0743 12.5037C28.0743 10.7108 29.4939 9.25705 31.2446 9.25705C32.9953 9.25705 34.4149 10.7108 34.4149 12.5037C34.4149 14.2965 32.9953 15.7503 31.2446 15.7503Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1017_4179'%3E%3Crect width='47' height='40' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
        opacity: 0;
    }
    100% {
        /*transform: rotate3d(1, 1, 1, 0deg);*/
        transform: rotateZ(0deg);
        background-position: top 15px right 5px;
        background-image: url("data:image/svg+xml,%3Csvg width='47' height='40' viewBox='0 0 47 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1017_4179)'%3E%3Cpath d='M17.8912 40C17.6203 40 17.3921 39.7945 17.3545 39.5196C17.2065 38.3895 16.5493 37.6831 15.511 37.529C15.2476 37.4905 15.052 37.2619 15.047 36.9922C15.042 36.7225 15.2301 36.4862 15.4909 36.4374C16.5845 36.2319 17.2115 35.5615 17.3545 34.4442C17.3896 34.1719 17.6153 33.9664 17.8862 33.9639H17.8912C18.1596 33.9639 18.3853 34.1642 18.4254 34.4339C18.5985 35.6077 19.2983 36.3346 20.3442 36.4297C20.6226 36.4554 20.8358 36.6942 20.8383 36.9793C20.8383 37.267 20.6251 37.5059 20.3467 37.5316C19.3083 37.6292 18.5559 38.4049 18.4279 39.5094C18.3953 39.7868 18.1671 39.9948 17.8962 39.9974H17.8912V40Z' fill='white'/%3E%3Cpath d='M16.5554 32.6614C16.9959 32.6614 17.353 32.2957 17.353 31.8446C17.353 31.3935 16.9959 31.0278 16.5554 31.0278C16.1149 31.0278 15.7578 31.3935 15.7578 31.8446C15.7578 32.2957 16.1149 32.6614 16.5554 32.6614Z' fill='white'/%3E%3Cpath d='M12.2476 34.2258C13.0705 34.2258 13.7375 33.5427 13.7375 32.7C13.7375 31.8574 13.0705 31.1743 12.2476 31.1743C11.4248 31.1743 10.7578 31.8574 10.7578 32.7C10.7578 33.5427 11.4248 34.2258 12.2476 34.2258Z' fill='white'/%3E%3Cpath d='M25.7514 39.2631C25.3075 39.2631 24.9288 38.9266 24.8711 38.4745C24.5676 36.1705 23.2282 34.7296 21.1064 34.4136C20.675 34.3494 20.3514 33.9744 20.3439 33.5301C20.3364 33.0831 20.6449 32.6979 21.0738 32.6182C23.301 32.2021 24.5801 30.8357 24.8711 28.5548C24.9288 28.1053 25.3025 27.7662 25.7439 27.7637C26.1853 27.7688 26.5666 28.0899 26.6318 28.5394C26.9829 30.9333 28.4151 32.4153 30.5545 32.608C31.0135 32.6491 31.3646 33.042 31.3672 33.5147C31.3697 33.9873 31.0185 34.3803 30.5595 34.4239C28.4376 34.6243 26.8977 36.2091 26.6368 38.4642C26.5841 38.9189 26.2079 39.2631 25.7615 39.2682H25.7539L25.7514 39.2631Z' fill='white'/%3E%3Cpath d='M32.9208 0H12.0792C5.40755 0 0 5.53779 0 12.3701C0 17.9028 3.54651 22.5852 8.43738 24.1675V28.814C8.43738 29.1813 8.65308 29.5152 8.98666 29.6565C9.09702 29.7027 9.21239 29.7258 9.32777 29.7258C9.55851 29.7258 9.78675 29.6333 9.9548 29.4587L14.5723 24.7428H31.9208C38.5925 24.7428 44 19.205 44 12.3727C44 5.54036 38.5925 0.00256855 31.9208 0.00256855L32.9208 0ZM13.5296 15.7503C11.779 15.7503 10.3594 14.2965 10.3594 12.5037C10.3594 10.7108 11.779 9.25705 13.5296 9.25705C15.2803 9.25705 16.6999 10.7108 16.6999 12.5037C16.6999 14.2965 15.2803 15.7503 13.5296 15.7503ZM22.5389 15.7503C20.7882 15.7503 19.3686 14.2965 19.3686 12.5037C19.3686 10.7108 20.7882 9.25705 22.5389 9.25705C24.2896 9.25705 25.7092 10.7108 25.7092 12.5037C25.7092 14.2965 24.2896 15.7503 22.5389 15.7503ZM31.2446 15.7503C29.4939 15.7503 28.0743 14.2965 28.0743 12.5037C28.0743 10.7108 29.4939 9.25705 31.2446 9.25705C32.9953 9.25705 34.4149 10.7108 34.4149 12.5037C34.4149 14.2965 32.9953 15.7503 31.2446 15.7503Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1017_4179'%3E%3Crect width='47' height='40' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    }
}

#chatbot-ai-button.is-open::before {
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='2.12132' y1='2' x2='18' y2='17.8787' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3Cline x1='1.5' y1='-1.5' x2='23.9558' y2='-1.5' transform='matrix(-0.707107 0.707107 0.707107 0.707107 20 2)' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    animation: rotateAndSwitch 0.8s ease-in-out forwards;
}
@keyframes rotateAndSwitch {
    0% {
        /*transform: rotate3d(1, 1, 1, 0deg);*/
        transform: rotateZ(0deg);
        background-position: top 15px right 5px;
        background-image: url("data:image/svg+xml,%3Csvg width='47' height='40' viewBox='0 0 47 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1017_4179)'%3E%3Cpath d='M17.8912 40C17.6203 40 17.3921 39.7945 17.3545 39.5196C17.2065 38.3895 16.5493 37.6831 15.511 37.529C15.2476 37.4905 15.052 37.2619 15.047 36.9922C15.042 36.7225 15.2301 36.4862 15.4909 36.4374C16.5845 36.2319 17.2115 35.5615 17.3545 34.4442C17.3896 34.1719 17.6153 33.9664 17.8862 33.9639H17.8912C18.1596 33.9639 18.3853 34.1642 18.4254 34.4339C18.5985 35.6077 19.2983 36.3346 20.3442 36.4297C20.6226 36.4554 20.8358 36.6942 20.8383 36.9793C20.8383 37.267 20.6251 37.5059 20.3467 37.5316C19.3083 37.6292 18.5559 38.4049 18.4279 39.5094C18.3953 39.7868 18.1671 39.9948 17.8962 39.9974H17.8912V40Z' fill='white'/%3E%3Cpath d='M16.5554 32.6614C16.9959 32.6614 17.353 32.2957 17.353 31.8446C17.353 31.3935 16.9959 31.0278 16.5554 31.0278C16.1149 31.0278 15.7578 31.3935 15.7578 31.8446C15.7578 32.2957 16.1149 32.6614 16.5554 32.6614Z' fill='white'/%3E%3Cpath d='M12.2476 34.2258C13.0705 34.2258 13.7375 33.5427 13.7375 32.7C13.7375 31.8574 13.0705 31.1743 12.2476 31.1743C11.4248 31.1743 10.7578 31.8574 10.7578 32.7C10.7578 33.5427 11.4248 34.2258 12.2476 34.2258Z' fill='white'/%3E%3Cpath d='M25.7514 39.2631C25.3075 39.2631 24.9288 38.9266 24.8711 38.4745C24.5676 36.1705 23.2282 34.7296 21.1064 34.4136C20.675 34.3494 20.3514 33.9744 20.3439 33.5301C20.3364 33.0831 20.6449 32.6979 21.0738 32.6182C23.301 32.2021 24.5801 30.8357 24.8711 28.5548C24.9288 28.1053 25.3025 27.7662 25.7439 27.7637C26.1853 27.7688 26.5666 28.0899 26.6318 28.5394C26.9829 30.9333 28.4151 32.4153 30.5545 32.608C31.0135 32.6491 31.3646 33.042 31.3672 33.5147C31.3697 33.9873 31.0185 34.3803 30.5595 34.4239C28.4376 34.6243 26.8977 36.2091 26.6368 38.4642C26.5841 38.9189 26.2079 39.2631 25.7615 39.2682H25.7539L25.7514 39.2631Z' fill='white'/%3E%3Cpath d='M32.9208 0H12.0792C5.40755 0 0 5.53779 0 12.3701C0 17.9028 3.54651 22.5852 8.43738 24.1675V28.814C8.43738 29.1813 8.65308 29.5152 8.98666 29.6565C9.09702 29.7027 9.21239 29.7258 9.32777 29.7258C9.55851 29.7258 9.78675 29.6333 9.9548 29.4587L14.5723 24.7428H31.9208C38.5925 24.7428 44 19.205 44 12.3727C44 5.54036 38.5925 0.00256855 31.9208 0.00256855L32.9208 0ZM13.5296 15.7503C11.779 15.7503 10.3594 14.2965 10.3594 12.5037C10.3594 10.7108 11.779 9.25705 13.5296 9.25705C15.2803 9.25705 16.6999 10.7108 16.6999 12.5037C16.6999 14.2965 15.2803 15.7503 13.5296 15.7503ZM22.5389 15.7503C20.7882 15.7503 19.3686 14.2965 19.3686 12.5037C19.3686 10.7108 20.7882 9.25705 22.5389 9.25705C24.2896 9.25705 25.7092 10.7108 25.7092 12.5037C25.7092 14.2965 24.2896 15.7503 22.5389 15.7503ZM31.2446 15.7503C29.4939 15.7503 28.0743 14.2965 28.0743 12.5037C28.0743 10.7108 29.4939 9.25705 31.2446 9.25705C32.9953 9.25705 34.4149 10.7108 34.4149 12.5037C34.4149 14.2965 32.9953 15.7503 31.2446 15.7503Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1017_4179'%3E%3Crect width='47' height='40' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    }
    50% {
        /*transform: rotate3d(1, 1, 1, 120deg);*/
        transform: rotateZ(120deg);
        background-position: top 15px right 5px;
        background-image: url("data:image/svg+xml,%3Csvg width='47' height='40' viewBox='0 0 47 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1017_4179)'%3E%3Cpath d='M17.8912 40C17.6203 40 17.3921 39.7945 17.3545 39.5196C17.2065 38.3895 16.5493 37.6831 15.511 37.529C15.2476 37.4905 15.052 37.2619 15.047 36.9922C15.042 36.7225 15.2301 36.4862 15.4909 36.4374C16.5845 36.2319 17.2115 35.5615 17.3545 34.4442C17.3896 34.1719 17.6153 33.9664 17.8862 33.9639H17.8912C18.1596 33.9639 18.3853 34.1642 18.4254 34.4339C18.5985 35.6077 19.2983 36.3346 20.3442 36.4297C20.6226 36.4554 20.8358 36.6942 20.8383 36.9793C20.8383 37.267 20.6251 37.5059 20.3467 37.5316C19.3083 37.6292 18.5559 38.4049 18.4279 39.5094C18.3953 39.7868 18.1671 39.9948 17.8962 39.9974H17.8912V40Z' fill='white'/%3E%3Cpath d='M16.5554 32.6614C16.9959 32.6614 17.353 32.2957 17.353 31.8446C17.353 31.3935 16.9959 31.0278 16.5554 31.0278C16.1149 31.0278 15.7578 31.3935 15.7578 31.8446C15.7578 32.2957 16.1149 32.6614 16.5554 32.6614Z' fill='white'/%3E%3Cpath d='M12.2476 34.2258C13.0705 34.2258 13.7375 33.5427 13.7375 32.7C13.7375 31.8574 13.0705 31.1743 12.2476 31.1743C11.4248 31.1743 10.7578 31.8574 10.7578 32.7C10.7578 33.5427 11.4248 34.2258 12.2476 34.2258Z' fill='white'/%3E%3Cpath d='M25.7514 39.2631C25.3075 39.2631 24.9288 38.9266 24.8711 38.4745C24.5676 36.1705 23.2282 34.7296 21.1064 34.4136C20.675 34.3494 20.3514 33.9744 20.3439 33.5301C20.3364 33.0831 20.6449 32.6979 21.0738 32.6182C23.301 32.2021 24.5801 30.8357 24.8711 28.5548C24.9288 28.1053 25.3025 27.7662 25.7439 27.7637C26.1853 27.7688 26.5666 28.0899 26.6318 28.5394C26.9829 30.9333 28.4151 32.4153 30.5545 32.608C31.0135 32.6491 31.3646 33.042 31.3672 33.5147C31.3697 33.9873 31.0185 34.3803 30.5595 34.4239C28.4376 34.6243 26.8977 36.2091 26.6368 38.4642C26.5841 38.9189 26.2079 39.2631 25.7615 39.2682H25.7539L25.7514 39.2631Z' fill='white'/%3E%3Cpath d='M32.9208 0H12.0792C5.40755 0 0 5.53779 0 12.3701C0 17.9028 3.54651 22.5852 8.43738 24.1675V28.814C8.43738 29.1813 8.65308 29.5152 8.98666 29.6565C9.09702 29.7027 9.21239 29.7258 9.32777 29.7258C9.55851 29.7258 9.78675 29.6333 9.9548 29.4587L14.5723 24.7428H31.9208C38.5925 24.7428 44 19.205 44 12.3727C44 5.54036 38.5925 0.00256855 31.9208 0.00256855L32.9208 0ZM13.5296 15.7503C11.779 15.7503 10.3594 14.2965 10.3594 12.5037C10.3594 10.7108 11.779 9.25705 13.5296 9.25705C15.2803 9.25705 16.6999 10.7108 16.6999 12.5037C16.6999 14.2965 15.2803 15.7503 13.5296 15.7503ZM22.5389 15.7503C20.7882 15.7503 19.3686 14.2965 19.3686 12.5037C19.3686 10.7108 20.7882 9.25705 22.5389 9.25705C24.2896 9.25705 25.7092 10.7108 25.7092 12.5037C25.7092 14.2965 24.2896 15.7503 22.5389 15.7503ZM31.2446 15.7503C29.4939 15.7503 28.0743 14.2965 28.0743 12.5037C28.0743 10.7108 29.4939 9.25705 31.2446 9.25705C32.9953 9.25705 34.4149 10.7108 34.4149 12.5037C34.4149 14.2965 32.9953 15.7503 31.2446 15.7503Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1017_4179'%3E%3Crect width='47' height='40' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
        opacity: 0;
    }
    51% {
        /*transform: rotate3d(1, 1, 1, 120deg);*/
        transform: rotateZ(120deg);
        background-position: center;
        background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='2.12132' y1='2' x2='18' y2='17.8787' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3Cline x1='1.5' y1='-1.5' x2='23.9558' y2='-1.5' transform='matrix(-0.707107 0.707107 0.707107 0.707107 20 2)' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E%0A");
        opacity: 0;
    }
    100% {
        /*transform: rotate3d(1, 1, 1, 0deg);*/
        transform: rotateZ(270deg);
        background-position: center;
        background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='2.12132' y1='2' x2='18' y2='17.8787' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3Cline x1='1.5' y1='-1.5' x2='23.9558' y2='-1.5' transform='matrix(-0.707107 0.707107 0.707107 0.707107 20 2)' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    }
}

#chatbot-ai-button::after {
    content: '';
    position: absolute;
    width: 200%;
    height: 100%;
    top: 0;
    left: -100%;
    z-index: -1;
    transition: left 0.3s ease-in-out;
    background: linear-gradient(
          135deg,
          #ffca22 0%,
          #0BDDA3 50%,
          #0BDDA3 50%,
          #42C4DE 100%
    );
}
#chatbot-ai-button:hover::after {
    left: 0;
}

@keyframes button-fade {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.loading-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1000;
    display: none;
}

.spinner {
    border: 4px solid rgba(255, 255, 255, 0.3);
    border-top: 4px solid #0073aa;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@media (max-width: 768px) {

}
@media (max-width: 475px) {
    #chatbot-ai-button {
        bottom: 15px;
        right: 15px;

    }
    #chatbot-ai-iframe {
        bottom: 80px;
        right: 10px;
        width: calc(100% - 20px);

        height: 100%;
    }
}