@charset "UTF-8";@font-face{font-family:xabo;src:url(fonts/xabo-regular-webfont.woff2) format("woff2"),url(fonts/xabo-regular-webfont.woff) format("woff");font-weight:400;font-style:normal}:root{--primary-color:rgb(224, 36, 94);--primary-color-text:var(--primary-color);--background-color:#ececec;--mainWhite:#ffffff;--mainBlack:#23272a;--primary-gradient:linear-gradient(-90deg, #a3278f 0%, #e52f50 100%)}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;accent-color:var(--primary-color);scrollbar-width:thin}body{display:flex;justify-content:flex-start;align-items:center;flex-direction:column;position:relative;width:100%;height:100dvh;background:linear-gradient(#fdb99f,var(--primary-color));color:var(--mainBlack)}main{display:flex;justify-content:flex-start;align-items:center;flex-direction:column;width:100%;max-width:600px;height:100dvh;overflow:hidden;background:var(--background-color)}section{display:flex;justify-content:flex-start;align-items:center;flex-direction:column;position:relative;width:100%;height:calc(100dvh - 52px);flex-grow:8}section h2{display:flex;align-items:center;padding:5px 0;height:52px;flex-shrink:0;justify-content:space-between;width:100%;border-bottom:1px solid #ccc}section h2 span{display:flex;align-items:center;justify-content:center;padding:5px 8px 5px;background:var(--mainWhite);font-size:small;font-weight:400;border-radius:100px}header{display:flex;align-items:center;padding:5px 15px;height:52px;flex-shrink:0;color:var(--primary-color);background:var(--mainWhite);justify-content:space-between;width:100%}a:active,a:hover,a:link,a:visited{color:var(--primary-color-text);text-decoration:none}nav{display:flex;align-items:center;justify-content:space-around;position:relative;width:100%;height:56px;flex-shrink:0;background:var(--mainWhite)}nav>div{flex-basis:100px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:3px 15px;width:100%;height:50px;position:relative;margin:0;color:#818c99}nav>div.active{color:var(--primary-color)}nav.section-bottom-nav{box-shadow:rgba(0,0,0,.04) 0 0 20px 0}nav.section-bottom-nav :not(span){font-size:small}nav.section-bottom-nav .active{font-weight:700}.section-inner-container{display:flex;width:100%!important;overflow:hidden!important;flex-shrink:0;flex-direction:column!important;height:100%!important;padding:0;position:relative}.section-inner-scroller{flex-grow:8;display:block;width:100%;position:relative;overflow-y:auto;padding:15px 0 150px;overflow-x:hidden!important}section:has(.section-bottom-nav) .section-inner-container{height:calc(100% - 56px)!important}header .header-info{gap:10px;display:flex;align-items:center}.header-info .chatbot-logo{display:flex;align-items:center;justify-content:center;width:35px;height:35px;padding:5px;fill:var(--primary-color);flex-shrink:0;background:var(--mainWhite);border-radius:50%}.header-info .chatbot-logo img{width:30px;height:30px}.header-info .logo-text{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;font-family:Inter,sans-serif;font-weight:700;gap:0;font-size:1.31rem;letter-spacing:.02rem;text-align:left}.header-info .logo-text p{font-family:Inter,sans-serif;font-weight:600;font-size:xx-small;letter-spacing:.02rem;text-align:left}.header-info .back-btn{display:flex;align-items:center;justify-content:center;width:35px;height:35px;font-size:24px;background:0 0;border:none;cursor:pointer;color:var(--mainBlack)}.title-separator{display:flex;align-items:center;justify-content:center;width:100%;margin-top:16px;margin-bottom:16px;min-height:1px;border:1px solid var(--background-color);position:relative;border-radius:15px}.grouped-content .title-separator::before{background-color:var(--mainWhite)}.title-separator::before{content:attr(data-title);display:flex;align-items:center;justify-content:center;text-align:center;width:fit-content;padding:8px 15px 8px;background:var(--background-color);border-radius:15px;position:absolute;left:50%;transform:translateX(-50%);font-weight:700}.section-content{display:flex;align-items:center;justify-content:flex-start;flex-direction:column;gap:16px;padding:0 16px 0}#loader{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,.8);display:flex;justify-content:center;align-items:center;z-index:9999}#loader::after{content:"";border:4px solid #f3f3f3;border-top:4px solid var(--primary-color);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.step,form{display:flex;flex-direction:column;gap:10px;width:100%}.grouped-content,.step{display:flex;flex-direction:column;gap:15px;width:100%;padding:15px;border-radius:15px;background-color:var(--mainWhite)}.input_row{display:flex;align-items:center;border:1px solid var(--background-color);background:var(--mainWhite);border-radius:6px;padding:0 10px 0;height:46px}.input_row svg{flex-shrink:0;margin:0 5px 0}.input_row input{padding:0!important;height:100%;border:0 solid transparent!important}.origin:not(:empty){display:inline-block;width:auto;margin-left:2.5px}.origin h3{display:inline-block;width:auto}#customConfirm,#customPrompt,.modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.4);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;transition:opacity .3s ease-in-out}.confirmBox,.modal-content,.promptBox{background:var(--mainWhite);padding:20px;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.2);text-align:center;width:90%;max-width:400px;max-height:80vh;overflow-y:auto;display:flex;flex-direction:column;gap:15px;transform:translateY(-20px);opacity:0;transition:transform .3s ease,opacity .3s ease}#customConfirm.show .confirmBox,#customPrompt.show .promptBox,.modal.show .modal-content{transform:translateY(0);opacity:1}.confirmBox p,.modal-content label,.modal-content p,.promptBox p{font-size:1.1rem;font-weight:500;color:#333;margin-bottom:5px}input[type=email],input[type=file],input[type=number],input[type=password],input[type=text],input[type=username],select,textarea{width:100%;padding:10px;border:1px solid var(--background-color);background:var(--mainWhite);border-radius:6px;outline:0;transition:border-color .3s ease-in-out;resize:none;max-height:200px}input[type=checkbox]{accent-color:var(--primary-color)}.confirmButtons,.modal-content .buttons,.promptButtons{position:relative;display:flex;align-items:center;justify-content:center;gap:15px}.confirmButtons button,.modal-content button,.promptButtons button,.section-content button,form button{padding:10px;height:max-content;width:100%;font-weight:500;border:none;border-radius:15px;cursor:pointer;transition:background .3s ease,transform .2s ease}button[type=submit]{background:var(--primary-color);background-image:var(--primary-gradient);color:#fff}button[type=button]{background:#ddd;color:#000}button:hover{filter:brightness(90%)}.error:not(:empty){color:#d9534f;margin-top:10px;font-size:.9em}.modal-content ul{list-style:none;padding:16px}.modal-content ul li{width:100%;text-align:left}.modal form{display:flex;flex-direction:column;gap:10px}.custom-prompt{display:flex;align-items:center;justify-content:flex-start;text-align:left;gap:10px;background:var(--mainWhite);width:100%;padding:8px;border-radius:15px;cursor:pointer;transition:border-color .3s ease}.prompt-img{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;overflow:hidden}.prompt-img img{width:36px;height:36px;filter:invert(38%) sepia(92%) saturate(1401%) hue-rotate(132deg) brightness(103%) contrast(101%)}#checkupList{list-style:none;margin:0;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:16px;width:100%}#checkupList li{width:100%}#checkupList li{display:flex;align-items:center;justify-content:space-between;text-align:left;gap:10px;background:var(--mainWhite);width:100%;padding:15px 15px 15px;border-radius:15px;cursor:pointer;transition:border-color .3s ease;min-height:66px}#checkupList li div>span{margin-left:6px}.setting-item{margin-bottom:15px}.setting-item label{display:block;margin-bottom:5px}#interestContainer,#userSuggestions{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;width:100%;gap:10px}#interestContainer label{display:flex;align-items:center;justify-content:flex-start;flex-direction:row-reverse;text-align:left;gap:10px;background:var(--mainWhite);width:fit-content;padding:8px 15px 8px;border-radius:15px;cursor:pointer;transition:border-color .3s ease;flex-wrap:nowrap}input.invalid,select.invalid{background-color:#fdd}#userSuggestions label{display:flex;align-items:center;justify-content:flex-start;flex-direction:row-reverse;text-align:left;gap:10px;background:var(--mainWhite);width:fit-content;padding:8px 15px 8px;border-radius:15px;cursor:pointer;transition:border-color .3s ease;flex-wrap:nowrap}.more-login-options{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;gap:15px;margin:auto;position:relative;clear:both;text-align:left}.xabo_bgc{background:#e0245e linear-gradient(-90deg,#a3278f 0,#e52f50 100%)!important;color:#fff!important}.xabo_c{background-color:#e0245e;background-image:linear-gradient(-90deg,#a3278f 0,#e52f50 100%);background-clip:text;color:transparent;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-moz-background-clip:text;-moz-text-fill-color:transparent}.xabo_ic{display:inline-block;position:relative;font-family:xabo;font-size:24px;width:24px;height:24px;text-align:center;font-style:normal;font-weight:400!important;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.xabo_ic:before{display:flex;align-items:center;justify-content:center;content:"x";font-size:24px;width:24px;height:24px}.ayoba_ic{display:inline-block;position:relative;width:24px;height:24px;line-height:1;background:url(imgs/AyobaFinalIcon.webp) no-repeat;background-position:center center;background-size:20px 20px}.ImInputSec_Ayoba,.ImInputSec_Google,.ImInputSec_Instant,.ImInputSec_more{display:flex;align-items:center;justify-content:space-between;padding:10px;height:max-content;white-space:nowrap;font-size:15px;width:100%;font-weight:500;gap:10px;border:none;border-radius:6px;cursor:pointer;position:relative}.ImInputSec_Ayoba{transition:background .3s ease,transform .2s ease;background-color:#1262a1!important;color:#fff!important}.powering-footer{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;gap:15px;margin:auto;position:relative;clear:both}.powering-footer .services-logo-list{display:flex;align-items:center;justify-content:center;width:100%;gap:15px;margin:auto;position:relative;clear:both}.powering-footer .services-logo-list img{border-radius:100px;background:#ddd;width:28px;height:28px;padding:2px;-webkit-filter:invert(85%) sepia(17%) saturate(0) hue-rotate(226deg) brightness(88%) contrast(91%);filter:invert(85%) sepia(17%) saturate(0) hue-rotate(226deg) brightness(88%) contrast(91%)}.powering-footer .powering{color:#ccc;background:#ddd}.message:not(:empty){padding:10px 15px;border-radius:18px;max-width:70%;position:relative;word-wrap:break-word}.message:not(:empty)::after{content:"";position:absolute;border:10px solid transparent}.received:not(:empty){background-color:var(--bubble-color);--bubble-color:#ffffff;align-self:flex-start}.sent:not(:empty){background-color:#dcf8c6;--bubble-color:#dcf8c6;align-self:flex-end}.top-left:not(:empty)::after{top:15px;left:-18px;border-right-color:var(--bubble-color)}.top-left-top:not(:empty)::after{top:-18px;left:15px;border-bottom-color:var(--bubble-color)}.bottom-left:not(:empty)::after{bottom:15px;left:-18px;border-right-color:var(--bubble-color)}.bottom-left-bottom:not(:empty)::after{bottom:-18px;left:15px;border-top-color:var(--bubble-color)}.top-right:not(:empty)::after{top:15px;right:-18px;border-left-color:var(--bubble-color)}.top-right-top:not(:empty)::after{top:-18px;right:15px;border-bottom-color:var(--bubble-color)}.bottom-right:not(:empty)::after{bottom:15px;right:-18px;border-left-color:var(--bubble-color)}.bottom-right-bottom:not(:empty)::after{bottom:-18px;right:15px;border-top-color:var(--bubble-color)}.invalid:not(:empty):not(input):not(select),.unavailable:not(:empty){--bubble-color:rgb(255, 0, 98);color:#fff}.available:not(:empty){--bubble-color:rgb(1, 199, 90);color:#fff}