@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');@import url('https://fonts.googleapis.com/css2?family=Poly:ital@0;1&display=swap');:root{--primary-text-color:#000;--bg-color:#ffffff;--btn-color:#fdfdfd;/* button color*/ --btn-bg:#000;/* button bg color*/ --header-link-hover:#000000;--header-link-hover-bg:#bababa36;--input-bd-color:#979797;--input-hover-bd-color:#232323;--dropdown-bg:#f3f4f6;--dropdown-hover-bg:#dddddd84;--faq-h-text:#0e0e0e;--faq-content-text:#1e1e1e;--hr-color:#e5e7eb;--footer-link:#282828;--footer-link-hover:#000;--header-bg:#edececa5;/* color:#312f2f;*/ --hero-gradient:#fcfcfc;--hero-bg-img:url("../assets/images/background/dots-dark.svg");}.tw-dark{--primary-text-color:#fff;--bg-color:#000000;--btn-color:#000000;/* button color*/ --btn-bg:#ffffff;/* button bg color*/ --header-link-hover:#ffffff;--header-link-hover-bg:#8a8a8a5e;--input-bd-color:#555555;--input-hover-bd-color:#f8f8f8;--dropdown-bg:#171717;--dropdown-hover-bg:#2d2d2ddb;--faq-h-text:#efefef;--faq-content-text:#d4d4d4;--hr-color:#e1e1e195;--footer-link:#cfcfcf;--footer-link-hover:#ffffff;--header-bg:#232323a5;--hero-gradient:#000;--hero-bg-img:url("../assets/images/background/dots.svg");}html{scroll-behavior:smooth;/* font-family:"Ubuntu",sans-serif;*/}/* Remove default autofill yellow and harmonize with theme */input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px var(--bg-color) inset !important;-webkit-text-fill-color:var(--primary-text-color) !important;caret-color:var(--primary-text-color) !important;transition:background-color 5000s ease-in-out 0s;/* prevent flash */}/* Firefox (limited control) */input:-moz-autofill,textarea:-moz-autofill,select:-moz-autofill{box-shadow:0 0 0px 1000px var(--bg-color) inset;-moz-text-fill-color:var(--primary-text-color);caret-color:var(--primary-text-color);}body.modal-open{overflow:hidden;}header > .collapsible-header{display:flex;gap:1rem;width:100%;background-color:inherit;place-content:center;overflow:hidden;transition:width 0.3s ease,height 0.3s ease;}hr{border-color:var(--hr-color);border-style:solid;}.animated-collapse{transition:width 0.3s ease;}.header-links{position:relative;display:flex;align-items:center;min-width:fit-content;padding:8px 15px;z-index:2;cursor:pointer;transition:background-color 0.5s,color 0.3s;}.header-links::after{content:'';position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;/* color:var(--header-link-hover);*/ background-color:var(--header-link-hover-bg);transform:scale(40%);opacity:0;border-radius:8px;transition:all 300ms;}.header-links:hover{color:var(--header-link-hover);}.header-links:hover::after{transform:scale(100%);opacity:1;}.hero-section{background-image:var(--hero-bg-img);background-position:center;/* Center the image */ background-repeat:no-repeat;/* Do not repeat the image */ background-size:cover;}.hero-bg-gradient{/* background:linear-gradient(180deg,var(--hero-gradient) 13%,rgba(0,0,0,0.258140756302521) 87%);*/ background:linear-gradient(180deg,var(--hero-gradient) 23%,rgba(0,0,0,0) 87%,var(--hero-gradient) 97%);}.gradient-text{background:rgb(215,215,215);background:linear-gradient(90deg,rgba(215,215,215,1) 18%,rgba(136,136,136,1) 71%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}.purple-bg-grad{background:rgb(126,34,206);background:linear-gradient(90deg,#7e22ce91 8%,#625aafae 31%,#7badbbbc 76%,#54d2d0ca 89%);filter:blur(50px);opacity:0.5;}#dashboard{/* transform-origin:bottom center;*/ transform:perspective(1200px) translateX(0px) translateY(12px) scale(0.8) rotate(0deg) rotateX(70deg);transition:transform 0.5;}.opacity-0{opacity:0 !important;}.opacity-100{opacity:100 !important;}.btn{padding:10px 15px;width:max-content;border-radius:10px;color:var(--btn-color);background-color:var(--btn-bg);justify-content:center;align-items:center;display:flex;cursor:pointer;}.btn:hover{}.btn:disabled{cursor:default;}.input{padding:10px;background-color:transparent;border-radius:5px;outline:none;min-width:100px;border:1px solid var(--input-bd-color);transition:border 0.3s;}.input:active,.input:focus,.input:focus-within{border:1px solid var(--input-hover-bd-color) !important;}/* ------------------- scrollbar ------------- */.scrollbar::-webkit-scrollbar{width:5px;height:20px;}.scrollbar::-webkit-scrollbar-track{border-radius:25px;/* background:#f7f4ed;*/}.scrollbar::-webkit-scrollbar-thumb{background:#d7d7d7;border-radius:25px;}/* ---------------- dropdown --------------------- */.dropdown{position:relative;display:inline-block;width:100%;}.dropdown-toggle{width:100%;outline:none;/* background-color:#000;*/ /* border:1px solid #ccc;*/}.dropdown-menu{display:none;position:absolute;z-index:1;background-color:var(--dropdown-bg);/* border:1px solid #c9c9c9;*/ list-style-type:none;padding:0;width:100%;left:0px;/* top:105%;*/ border-radius:10px;overflow:hidden;}.dropdown-menu li{padding:8px 12px;cursor:pointer;}.dropdown-menu li:hover{background-color:var(--dropdown-hover-bg);}/* -------------- carousel ------------------*/.carousel-container{overflow:hidden;white-space:nowrap;width:100%;max-width:800px;}.carousel{display:inline-block;animation:scroll 10s linear infinite;}.carousel-img{display:inline-block;margin:0 20px;}@keyframes scroll{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}/* ------ animated border ------- */.animated-border{position:relative;overflow:visible;}.animated-border::after{content:'';position:absolute;top:0px;left:-100%;width:30%;height:100%;border-radius:inherit;/* background:linear-gradient(#6366f1 23%,rgba(124,190,255,0) 87%);*/ background-color:#6366f1;background-repeat:no-repeat;/* background-size:200% 200%;*/ background-position:0% 0%;filter:blur(1.5rem);opacity:0.8;box-shadow:inset 0px 0px 20px 5px #6366f1;/* transform:rotate(90deg);*/ z-index:-2;pointer-events:none;animation:slide 10s ease-in-out infinite;}.animated-border::before{filter:blur(1.5rem);opacity:0.3;will-change:transform;}@keyframes slide{0%{left:-100%;/* Start completely outside the left edge */ right:100%;/* End completely outside the right edge */}100%{left:100%;/* Move completely outside the right edge */ right:-100%;/* End completely outside the left edge */}}/* ------ animated border for modal ------- */.animated-border-modal{position:relative;overflow:visible;/* Hide the overflow to keep the effect within the rounded corners */}.animated-border-modal::after{content:'';position:absolute;top:0px;left:-50%;width:30%;height:100%;border-radius:inherit;background-color:#6366f1;background-repeat:no-repeat;background-position:0% 0%;filter:blur(1.5rem);opacity:0.8;box-shadow:inset 0px 0px 20px 5px #6366f1;z-index:-2;pointer-events:none;animation:slide-modal 8s ease-in-out infinite alternate;}@keyframes slide-modal{0%{left:0%;}100%{left:71%;}}.footer-link{width:-moz-fit-content;width:fit-content;color:var(--footer-link);transition:color 0.3s;}.footer-link:hover{color:var(--footer-link-hover);}/* Style for the collapsible content such as faq commonly known as:accordion */.faq-accordion{background-color:inherit;color:var(--faq-h-text);cursor:pointer;padding:15px 18px;width:100%;border:none;text-align:left;outline:none;transition:height 0.4s;}.faq .content{padding:0px 18px;color:var(--faq-content-text);height:max-content;overflow:hidden;background-color:transparent;text-align:justify;max-height:0px;transition:max-height 0.4s,padding 0.4s;}@media not all and (min-width:1024px){header .collapsible-header{position:fixed;top:60px;left:0px;flex-direction:column;opacity:0;height:0vh;min-height:0vh;/* height:100dvh;*/ width:100vw;justify-content:flex-start;/* avoid pushing nav and user controls apart */ gap:0;/* remove whitespace between nav and user controls on mobile */ padding:0px;/* remove default padding to avoid whitespace when closed */ place-items:center;text-align:center;background-color:var(--header-bg);/* color:#373636;*/ overflow-y:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0px 2px 3px 2px #9f9f9f7c;}/* Expanded mobile menu */ header .collapsible-header.show{opacity:1;height:calc(100dvh - 60px);min-height:calc(100dvh - 60px);padding-top:5%;padding-bottom:5%;}/* .header-links{color:var(--he);}*/}/* VibeVoice forced brand overrides */