:root{--white: #fff;--primary: #1a99d6;--secondary: #42C96C;--danger: rgb(216, 54, 25);--orange: rgb(218, 122, 13);--tertiary: #2CBFB4;--gray-100: #F9FAFB;--gray-200: #EAEDF0;--gray-300: #EAECF0;--gray-400: #BABDBF;--gray-500: #BBC6CC;--gray-600: #8E9396;--gray-700: #666D71;--gray-800: #475467;--gray-900: #212121;--sidebar-width: 300px;--font-size-xs: 10px;--font-size-sm: 12px;--font-size-md: 14px;--font-size-base: 15px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 20px;--font-size-3xl: 24px;--font-size-4xl: 30px;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semi-bold: 600;--font-weight-bold: 700;--font-weight-extra-bold: 800;--border-radius-small: 5px;--border-radius-medium: 8px;--border-radius-large: 10px;--border-radius-xlarge: 12px;--border-radius-xxlarge: 16px;--border-radius-circle: 50%}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;color:#444}.text-primary{color:var(--primary)!important}.btn-primary{background-color:var(--primary)!important;border-color:var(--primary)!important}.btn-primary:hover{background-color:#1284b9!important;border-color:#1284b9!important}.dignosis-result{background-color:var(--gray-200);padding:20px;border-radius:10px;margin-top:20px}.dignosis-result .form-control{border:1px solid var(--gray-600)}.dignosis-result h6{font-weight:600}.dignosis-result .model{background-color:var(--gray-300);margin-top:15px;margin-bottom:30px}.dignosis-result .disease-btn{font-weight:500;font-size:14px}.dignosis-result .disease-btn .count{display:flex;align-items:center;background-color:#f1f1f3;color:var(--outgoing-chat-border);font-size:14px;font-weight:500;border-radius:20px;padding:2px 7px;width:fit-content;justify-content:center;margin:0 auto}.dignosis-result .danger{background-color:var(--danger);color:var(--white)}.dignosis-result .success{background-color:var(--secondary);color:var(--white)}.dignosis-result .gray{background-color:var(--gray-800);color:var(--white)}.dignosis-result .info{background-color:var(--primary);color:var(--white)}.dignosis-result .warning{background-color:var(--orange);color:var(--white)}#header{background:var(--white);transition:all .5s;z-index:997;padding:20px 0}#header.header-scrolled{padding:12px 0;box-shadow:0 2px 15px #0000001a}#header .logo{font-size:30px;margin:0;padding:0;font-weight:600;font-family:Poppins,sans-serif}#header .logo a{color:var(--gray-900)}#header .logo a span{color:var(--primary)}#header .logo img{max-height:40px}.navbar{padding:0}.navbar ul{margin:0;padding:0;display:flex;list-style:none;align-items:center}.navbar li{position:relative}.navbar a,.navbar a:focus{display:flex;align-items:center;justify-content:space-between;padding:10px 0 10px 30px;font-size:15px;font-weight:600;color:var(--gray-900);white-space:nowrap;transition:.3s}.navbar a i,.navbar a:focus i{font-size:12px;line-height:0;margin-left:5px}.navbar a:hover,.navbar .active,.navbar .active:focus,.navbar li:hover>a{color:var(--primary)}.navbar .dropdown ul{display:block;position:absolute;left:30px;top:calc(100% + 30px);margin:0;padding:10px 0;z-index:99;opacity:0;visibility:hidden;background:var(--white);box-shadow:0 0 30px #7f89a140;transition:.3s}.navbar .dropdown ul li{min-width:200px}.navbar .dropdown ul a{padding:10px 20px;font-size:14px}.navbar .dropdown ul a i{font-size:12px}.navbar .dropdown ul a:hover,.navbar .dropdown ul .active:hover,.navbar .dropdown ul li:hover>a{color:var(--primary)}.navbar .dropdown:hover>ul{opacity:1;top:100%;visibility:visible}.navbar .dropdown .dropdown ul{top:0;left:calc(100% - 30px);visibility:hidden}.navbar .dropdown .dropdown:hover>ul{opacity:1;top:0;left:100%;visibility:visible}@media (max-width: 1366px){.navbar .dropdown .dropdown ul{left:-90%}.navbar .dropdown .dropdown:hover>ul{left:-100%}}.mobile-nav-toggle{color:var(--gray-900);font-size:28px;cursor:pointer;display:none;line-height:0;transition:.5s}.mobile-nav-toggle.bi-x{color:var(--white)}@media (max-width: 991px){.mobile-nav-toggle{display:block}.navbar ul{display:none}}.navbar-mobile{position:fixed;overflow:hidden;inset:0;background:#000000e6;transition:.3s;z-index:999}.navbar-mobile .mobile-nav-toggle{position:absolute;top:15px;right:15px}.navbar-mobile ul{display:block;position:absolute;inset:55px 15px 15px;padding:10px 0;background-color:var(--white);overflow-y:auto;transition:.3s}.navbar-mobile a,.navbar-mobile a:focus{padding:10px 20px;font-size:15px;color:var(--gray-900)}.navbar-mobile a:hover,.navbar-mobile .active,.navbar-mobile li:hover>a{color:var(--primary)}.navbar-mobile .getstarted,.navbar-mobile .getstarted:focus{margin:15px}.navbar-mobile .dropdown ul{position:static;display:none;margin:10px 20px;padding:10px 0;z-index:99;opacity:1;visibility:visible;background:var(--white);box-shadow:0 0 30px #7f89a140}.navbar-mobile .dropdown ul li{min-width:200px}.navbar-mobile .dropdown ul a{padding:10px 20px}.navbar-mobile .dropdown ul a i{font-size:12px}.navbar-mobile .dropdown ul a:hover,.navbar-mobile .dropdown ul .active:hover,.navbar-mobile .dropdown ul li:hover>a{color:var(--primary)}.navbar-mobile .dropdown>.dropdown-active{display:block}a{color:var(--primary);text-decoration:none;cursor:pointer}.get-started-btn{margin-left:30px;background:var(--primary);color:var(--white);border-radius:4px;padding:8px 25px;white-space:nowrap;transition:.3s;font-size:14px;font-weight:600;display:inline-block}.get-started-btn:hover{background:var(--gray-900);color:var(--white)}@media (max-width: 992px){.get-started-btn{margin:0 15px 0 0;padding:6px 18px}}#hero{width:100%;background:url("./media/hero-bg-BAUX4XI3.webp") top center no-repeat;background-size:cover;position:relative;padding:260px 0 0}#hero:before{content:"";background:#0009;position:absolute;inset:0}#hero h1{margin:0;font-size:48px;font-weight:700;color:var(--white)}#hero h2{color:var(--white);margin:10px 0 0;font-size:20px;font-weight:400;line-height:35px}#hero .btn-get-started{font-weight:500;font-size:16px;letter-spacing:1px;display:inline-block;padding:10px 30px;border-radius:4px;transition:.5s;margin-top:30px;color:var(--white);background:var(--primary);border:2px solid var(--primary)}#hero .btn-get-started:hover{background:transparent;border-color:var(--white)}#hero .icon-box{padding:60px 30px;position:relative;overflow:hidden;background:color-mix(in srgb,var(--primary),white 4%);box-shadow:0 0 29px #0000001a;transition:all .3s ease-in-out;border-radius:8px;z-index:1;height:100%;width:100%;text-align:center}#hero .icon-boxes{padding-bottom:200px;z-index:4;padding-top:70px}#hero .icon-boxes:before{content:"";position:absolute;bottom:0;left:0;right:0;height:calc(50% + 20px);background-color:var(--white);border-top:1px solid color-mix(in srgb,var(--primary),transparent 90%)}#hero .icon-box:hover{background-color:#1487bd}#hero .icon-box .title{font-weight:700;margin-bottom:15px;font-size:24px}#hero .icon-box .icon span{font-size:48px;color:var(--white);margin-bottom:15px}#hero .title a{color:var(--white);transition:.3s}@media (max-width: 768px){#hero{text-align:center;padding-top:140px}#hero h1{font-size:28px}#hero h2{font-size:18px;line-height:24px}#hero .icon-boxes{padding-top:10px}}@media (max-height: 500px){#hero{height:120vh}}section{padding:60px 0;overflow:hidden;position:relative}.section-title{text-align:center;padding-bottom:30px;position:relative}.section-title h2{font-size:32px;font-weight:700;text-transform:uppercase;margin-bottom:20px;padding-bottom:20px;position:relative}.section-title h2:after{content:"";position:absolute;display:block;width:50px;height:3px;background:var(--primary);bottom:0;left:calc(50% - 25px)}.section-title p{margin-bottom:0}.section-bg{padding:120px 0;color:var(--white)}.section-bg:before{content:"";background:#1b1b1b;position:absolute;inset:60px 0;transform:skewY(-3deg)}#about{margin-top:-155px;position:relative;z-index:5;padding:180px 0}.about .container{position:relative;z-index:10}.about .content{padding:30px 30px 30px 0}.about .content h3{font-weight:700;font-size:34px;margin-bottom:30px}.about .content h3 span{color:var(--primary)}.about .content p{margin-bottom:30px}.about .content .about-btn{padding:8px 30px 9px;color:#fff;border-radius:50px;transition:.3s;text-transform:uppercase;font-weight:600;font-size:13px;display:inline-flex;align-items:center;border:2px solid var(--primary)}.about .content .about-btn i{font-size:16px;padding-left:5px}.about .content .about-btn:hover{background:#148ac0}.about .icon-boxes .icon-box{margin-top:30px}.about .icon-boxes .icon-box .material-icons-outlined{font-size:36px;color:var(--primary)}.about .icon-boxes .icon-box i{font-size:40px;color:var(--primary);margin-bottom:10px}.about .icon-boxes .icon-box h4{font-size:20px;font-weight:700;margin:0 0 10px}.about .icon-boxes .icon-box p{font-size:15px;color:var(--gray-500)}@media (max-width: 1200px){.about .content{padding-right:0}}@media (max-width: 768px){.about{text-align:center}}body{background-color:#fff}body.chat-page{background:var(--outgoing-chat-bg)}.textarea{min-height:150px}.inner-page{margin-top:60px}.modal-title{font-size:19px}.modal-header{padding:10px 20px}.validations span{font-size:12px;color:var(--danger)}:root{--text-color: #FFFFFF;--icon-color: #ACACBE;--icon-hover-bg: #5b5e71;--placeholder-color: #dcdcdc;--outgoing-chat-bg: #343541;--incoming-chat-bg: #444654;--outgoing-chat-border: #343541;--incoming-chat-border: #444654}.light-mode{--text-color: #343541;--icon-color: #a9a9bc;--icon-hover-bg: #f1f1f3;--placeholder-color: #6c6c6c;--outgoing-chat-bg: #FFFFFF;--incoming-chat-bg: #F7F7F8;--outgoing-chat-border: #FFFFFF;--incoming-chat-border: #D9D9E3}.dark-modal .modal-content{background-color:var(--outgoing-chat-border)}.dark-modal .modal-title{color:var(--white)}.dark-modal .modal-header{border-bottom:1px solid var(--incoming-chat-border)}.form-control.dark{background:#22222b;outline:1px solid var(--outgoing-chat-bg);border:1px solid #22222b}.form-control.dark:focus{color:var(--text-color);background:#22222b;border-color:#22222b;outline:0;box-shadow:none}.path-assist-logo{font-size:30px;text-align:center;color:var(--primary)}.path-assist-small-logo{font-size:15px;flex-shrink:0;text-align:center;color:var(--white);border-radius:36px;height:36px;width:36px;display:flex;align-items:center;justify-content:center;background-color:var(--primary)}.chat-container{overflow-y:auto;max-height:100vh;padding-bottom:150px;height:100vh}.default-template{max-width:215px;background-color:var(--outgoing-chat-border);box-shadow:none;border:1px solid var(--incoming-chat-border);color:var(--icon-color)}.default-template:hover{background-color:var(--incoming-chat-bg)}:where(.chat-container,textarea)::-webkit-scrollbar{width:6px}:where(.chat-container,textarea)::-webkit-scrollbar-track{background:var(--incoming-chat-bg);border-radius:25px}:where(.chat-container,textarea)::-webkit-scrollbar-thumb{background:var(--icon-color);border-radius:25px}.default-text{display:flex;align-items:center;justify-content:center;flex-direction:column;height:70vh;padding:0 10px;text-align:center;color:var(--text-color)}.default-text h1{font-size:3.3rem}.default-text p{margin-top:10px;font-size:1.1rem}.chat-container .chat{padding:25px 10px;display:flex;justify-content:center;color:var(--text-color)}.chat-container .chat.outgoing{background:var(--outgoing-chat-bg);border:1px solid var(--outgoing-chat-border)}.chat-container .chat.incoming{background:var(--incoming-chat-bg);border:1px solid var(--incoming-chat-border);border-radius:5px;margin-bottom:15px}.chat-text-control{width:calc(100% - 60px);margin-top:20px}.chat .chat-content{display:flex;max-width:1200px;width:100%;align-items:flex-start;justify-content:space-between}span.material-symbols-rounded{-webkit-user-select:none;user-select:none;cursor:pointer}.chat .chat-content span{cursor:pointer;font-size:1.3rem;color:var(--icon-color);visibility:hidden}.chat:hover .chat-content:not(:has(.typing-animation),:has(.error)) span{visibility:visible}.chat .chat-details{display:flex;align-items:flex-start;flex-direction:column}.users{align-items:center!important}.users p{margin-bottom:0}.chat .chat-details img{width:35px;height:35px;align-self:flex-start;object-fit:cover;border-radius:2px}.chat .chat-details p{white-space:pre-wrap;font-size:.9rem;padding:0 50px 0 25px;color:var(--gray-300);word-break:break-word}.chat .chat-details p.error{color:#e55865}.chat .typing-animation{padding-left:25px;display:inline-flex}.typing-animation .typing-dot{height:7px;width:7px;border-radius:50%;margin:0 3px;opacity:.7;background:var(--text-color);animation:animateDots 1.5s var(--delay) ease-in-out infinite}.chat-session{max-width:940px;margin-left:auto;margin-right:auto}.typing-animation .typing-dot:first-child{margin-left:0}@keyframes animateDots{0%,44%{transform:translateY(0)}28%{opacity:.4;transform:translateY(-6px)}44%{opacity:.2}}.typing-container{position:fixed;bottom:0;width:100%;display:flex;padding:20px 10px;justify-content:center;background:var(--outgoing-chat-bg);border-top:1px solid var(--incoming-chat-border)}.typing-container .typing-content{display:flex;max-width:950px;width:100%;align-items:flex-end}.typing-container .typing-textarea{width:100%;display:flex;position:relative}.typing-textarea textarea{resize:none;height:55px;width:100%;border:none;padding:15px 45px 15px 20px;color:var(--text-color);font-size:1rem;border-radius:4px;max-height:250px;overflow-y:auto;background:var(--incoming-chat-bg);outline:1px solid var(--incoming-chat-border)}.typing-textarea textarea:focus{color:var(--text-color);background:var(--incoming-chat-bg);border-color:var(--incoming-chat-border);outline:0;box-shadow:none}.none-of-these-textarea textarea{background:var(--outgoing-chat-bg);outline:1px solid var(--outgoing-chat-bg);margin-top:10px;width:calc(100% - 60px)}.none-of-these-textarea textarea:focus{color:var(--text-color);background:#22222b;border-color:#22222b;outline:0;box-shadow:none}.none-of-these-area{display:flex;justify-content:flex-start;flex-direction:column}.btn-chat-match{width:150px}.chat-btn-area{margin-left:60px}.typing-textarea textarea::placeholder{color:var(--placeholder-color)}.typing-content span{width:55px;height:55px;display:flex;border-radius:4px;font-size:1.35rem;align-items:center;justify-content:center;color:var(--icon-color)}.typing-textarea span{position:absolute;right:0;bottom:0;visibility:hidden}.typing-textarea textarea:valid~span{visibility:visible}.typing-controls{display:flex}.typing-controls span{cursor:pointer;margin-left:7px;font-size:1.4rem;background:var(--incoming-chat-bg);outline:1px solid var(--incoming-chat-border)}.typing-controls span:hover{background:var(--icon-hover-bg)}.chat-bubble{background-color:transparent;padding:0 65px;-webkit-border-radius:20px;-webkit-border-bottom-left-radius:2px;-moz-border-radius:20px;-moz-border-radius-bottomleft:2px;border-radius:20px 20px 20px 2px;display:inline-block}.typing{align-items:center;display:flex;height:17px}.typing .dot{animation:mercuryTypingAnimation 1.8s infinite ease-in-out;background-color:#6cad96;border-radius:50%;height:7px;margin-right:4px;vertical-align:middle;width:7px;display:inline-block}.typing .dot:nth-child(1){animation-delay:.2s}.typing .dot:nth-child(2){animation-delay:.3s}.typing .dot:nth-child(3){animation-delay:.4s}.typing .dot:last-child{margin-right:0}@keyframes mercuryTypingAnimation{0%{transform:translateY(0);background-color:var(--primary)}28%{transform:translateY(-7px);background-color:var(--primary)}44%{transform:translateY(0);background-color:var(--primary)}}@media screen and (max-width: 600px){.default-text h1{font-size:2.3rem}:where(.default-text p,textarea,.chat p){font-size:.95rem!important}.chat-container .chat{padding:20px 10px}.chat-container .chat img{height:32px;width:32px}.chat-container .chat p{padding:0 20px}.chat .chat-content:not(:has(.typing-animation),:has(.error)) span{visibility:visible}.typing-container{padding:15px 10px}.typing-textarea textarea{height:45px;padding:10px 40px 10px 10px}.typing-content span{height:45px;width:45px;margin-left:5px}span.material-symbols-rounded{font-size:1.25rem!important}}html,body{height:100%}body{margin:0;font-family:Roboto,Helvetica Neue,sans-serif}
