:root{--p800: #7C71DF;--p700: #897FE1;--p600: #978EE5;--p500: #A097E7;--p400: #ACA5EB;--p300: #B9B3EE;--p200: #C6C2F1;--p100: #D4D0F4;--p50: #F8F7FB;--g900: #101010;--g800: #2E2F33;--g700: #55575F;--g600: #686A74;--g500: #5F6980;--g400: #91939C;--g300: #A5A7AF;--g200: #BABBC1;--g100: #D0D1D5;--g50: #FFFFFF;--cR: #F65061;--cO: #FD8B2B;--heading-main: #2E2F33;--heading-brand: #7C71DF;--body: #2E2F33;--body-sub: #5F6980;--nav-links: #55575F;--heading-secondary: #FFFFFF;--bgPrimary: #FFFFFF;--bgSecondary: #F8F7FB;--bgTertiary: #897FE1;--bgTertiaryBlack: #101010;--bPrimary: #FFFFFF;--bSecondary: #F8F7FB;--bTertiary: #686A74;--transitionDuration:.6s cubic-bezier(.74,-.43,0,1.7)}.display-01{font-weight:800;font-size:149px;letter-spacing:0%;text-decoration:none;line-height:auto;font-style:unset}.display-02{font-weight:800;font-size:119px;letter-spacing:0%;text-decoration:none;line-height:auto;font-style:unset}.display-03{font-weight:800;font-size:95px;letter-spacing:0%;text-decoration:none;line-height:auto;font-style:unset}.heading-01{font-weight:800;font-size:76px;letter-spacing:0%;text-decoration:none;line-height:auto;font-style:unset}.heading-02{font-weight:800;font-size:61px;letter-spacing:0%;text-decoration:none;line-height:auto;font-style:unset}.heading-03{font-weight:800;font-size:49px;letter-spacing:0%;text-decoration:none;line-height:auto;font-style:unset}.heading-04{font-weight:600;font-size:39px;letter-spacing:0%;text-decoration:none;line-height:auto;font-style:unset}.heading-05{font-weight:500;font-size:31px;letter-spacing:0%;text-decoration:none;line-height:auto;font-style:unset}.heading-06{font-weight:600;font-size:25px;letter-spacing:0%;text-decoration:none;line-height:auto;font-style:unset}.heading-07{font-weight:800;font-size:20px;letter-spacing:0%;text-decoration:none;line-height:auto;font-style:unset}.text-26-regular{font-weight:400;font-size:26px;letter-spacing:0%;text-decoration:none;line-height:auto;font-style:unset}.text-26-bold{font-weight:800;font-size:26px;letter-spacing:0%;text-decoration:none;line-height:auto;font-style:unset}.text-26-semibold{font-weight:600;font-size:26px;letter-spacing:0%;text-decoration:none;line-height:auto;font-style:unset}.text-23-regular{font-weight:400;font-size:23px;letter-spacing:0%;text-decoration:none;line-height:auto;font-style:unset}.text-23-bold{font-weight:800;font-size:23px;letter-spacing:0%;text-decoration:none;line-height:auto;font-style:unset}.text-23-medium{font-weight:500;font-size:23px;letter-spacing:0%;text-decoration:none;line-height:auto;font-style:unset}.text-20-regular{font-weight:400;font-size:1.25rem;letter-spacing:0%;text-decoration:none;line-height:auto;font-style:unset}.text-20-bold{font-weight:800;font-size:20px;letter-spacing:0%;text-decoration:none;line-height:auto;font-style:unset}.text-20-semibold{font-weight:600;font-size:20px;letter-spacing:0%;text-decoration:none;line-height:auto;font-style:unset}.text-18-semibold{font-weight:600;font-size:1.125rem;letter-spacing:0%;text-decoration:none;line-height:auto;font-style:unset}.text-18-regular{font-weight:400;font-size:18px;letter-spacing:0%;text-decoration:none;line-height:auto;font-style:unset}.text-18-medium{font-weight:500;font-size:18px;letter-spacing:0%;text-decoration:none;line-height:auto;font-style:unset}.text-18-bold{font-weight:800;font-size:18px;letter-spacing:0%;text-decoration:none;line-height:auto;font-style:unset}.text-18-semibold{font-weight:600;font-size:18px;letter-spacing:0%;text-decoration:none;line-height:auto;font-style:unset}.text-16-bold{font-weight:800;font-size:16px;letter-spacing:0%;text-decoration:none;line-height:auto;font-style:unset}.text-16-medium{font-weight:500;font-size:16px;letter-spacing:0%;text-decoration:none;line-height:auto;font-style:unset}.text-16-semibold{font-weight:600;font-size:16px;letter-spacing:0%;text-decoration:none;line-height:auto;font-style:unset}.text-14-regular{font-weight:400;font-size:14px;letter-spacing:0%;text-decoration:none;line-height:auto;font-style:unset}.text-14-bold{font-weight:800;font-size:14px;letter-spacing:0%;text-decoration:none;line-height:auto;font-style:unset}.text-14-semibold{font-weight:600;font-size:14px;letter-spacing:0%;text-decoration:none;line-height:auto;font-style:unset}.text-13-regular{font-weight:400;font-size:13px;letter-spacing:0%;text-decoration:none;line-height:auto;font-style:unset}.text-13-bold{font-weight:800;font-size:13px;letter-spacing:0%;text-decoration:none;line-height:auto;font-style:unset}.text-13-semibold{font-weight:600;font-size:13px;letter-spacing:0%;text-decoration:none;line-height:auto;font-style:unset}body{overflow-x:hidden}footer{width:100%;height:410px;background-color:var(--bgTertiaryBlack);padding:80px}.FootTop{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}.ScrollUpDiv{width:56px;height:56px;border-radius:100%;background-color:var(--bgPrimary);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:var(--transitionDuration);border:1px solid var(--bgPrimary);overflow:hidden}.ScrollUpDiv:hover{background-color:transparent;border:1px solid var(--bgPrimary)}.ScrollUpDivSvg{transition:var(--transitionDuration)}.ScrollUpDivSvg:nth-child(1){transform:translateY(13px)}.ScrollUpDiv:hover .ScrollUpDivSvg{fill:var(--bgPrimary)!important}.ScrollUpDivSvg:nth-child(2){transform:translateY(50px)}.ScrollUpDiv:hover .ScrollUpDivSvg:nth-child(2){transform:translateY(-10px)}.ScrollUpDiv:hover .ScrollUpDivSvg:nth-child(1){transform:translateY(-28px)}.OasisLogo{fill:var(--bgPrimary)!important}.FootBottom{width:100%;height:100%;display:flex;flex-direction:row;align-items:last baseline;justify-content:space-between;gap:54px;padding:24px}.FotCard{width:calc(100%4)}.nav span{color:var(--heading-secondary)}.ContactUs{display:flex;flex-direction:column;justify-content:center;gap:32px;align-items:baseline}.ContactUs div{display:flex;flex-direction:column;gap:8px}.ContactUs div span{color:var(--heading-secondary)}.Add-Time{display:flex;flex-direction:column;justify-content:center;gap:32px;align-items:baseline}.Add-Time div span{color:var(--heading-secondary)}.subHeading{color:var(--g700)}.CopyRight{color:var(--g100)}@media only screen and (max-widht:1144px){.FotCard{transform:scale(.8)}}@media (max-width:1144px){.FotCard{transform:scale(.9)}.FootBottom{gap:54px;padding:24px 0}footer{padding:80px 40px}}@media only screen and (max-width:766px){.FootBottom{flex-direction:column;width:100%;align-items:baseline;gap:44px;margin-top:25px}.FotCard{transform:scale(1);width:100%}footer{height:fit-content}}#navbar{width:100%;height:5.8rem;padding:0 80px;display:flex;justify-content:space-between;align-items:center}.menu{z-index:10;width:60%;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.center{width:321px;height:37px;padding:10px;display:flex;gap:40px}.center>a{font-size:14px;font-weight:600;text-decoration:none;color:#686a74}a.active{color:#2e2f33}.right{width:279px;height:62px;display:flex;justify-content:center;align-items:center;gap:30px}.right>a{width:62px;height:62px;border-radius:100%;background-color:#f8f7fb;padding:18px 20px 10px;cursor:pointer;position:relative}.right>a>.frame{background-color:#f65061;width:1.4rem;height:1.4rem;border-radius:100%;color:#fff;position:absolute;top:0;right:0;display:flex;flex-direction:row;align-items:center;justify-content:center;font-size:14px}.get_started{background-color:#7c71df!important;border-radius:24px!important;height:56px!important}.hamburger{position:relative;width:38px;height:30px;cursor:pointer;display:none}.hamburger_line{position:absolute;width:38px;height:4px;background-color:#000;top:0;border-radius:12px;transition:.25s all ease-in-out}.hamburger_line:last-child{width:38px}.hamburger_line:nth-child(3),.hamburger_line:nth-child(4){top:50%;transform:translateY(-50%)}.hamburger_line:last-child{top:auto;bottom:0;transition:.25s all ease-in-out}.switcher:checked~.hamburger_line:nth-child(2){top:50%;transform:translateY(-50%);opacity:0}.switcher:checked~.hamburger_line:last-child{bottom:50%;transform:translateY(-50%);opacity:0}.switcher:checked~.hamburger_line:nth-child(3){top:50%;transform:translateY(-50%) rotate(45deg);transition-delay:.2s}.switcher:checked~.hamburger_line:nth-child(4){top:50%;transform:translateY(-50%) rotate(-45deg);transition-delay:.2s}.hamburger_line:nth-child(2){width:38px}.switcher{display:none;width:100%;height:100%}@media (max-width: 1298px){#navbar{padding:0 42px}.menu{width:63%}}@media (max-width: 1070px){#navbar{padding:0 35px}.menu{width:67%}.right{gap:12px}}@media (max-width: 932px){#navbar{padding:0 30px}.menu{width:70%}.right{gap:8px}.center{width:300px;gap:33px}}@media (max-width: 834px){#navbar{position:relative;padding:0 20px;height:4.8rem}.menu{display:flex;position:absolute;top:65px;right:4%;flex-direction:column;padding:10px;border-radius:9px;background:#fff;height:270px;width:345px;opacity:0;box-shadow:0 4px 8px #0000001a;transform:translateY(-20px);transition:transform .3s ease,opacity .3s ease}.center{flex-direction:column}.hamburger{display:block}}.custom-button{height:56px;font-size:16px;font-weight:500;letter-spacing:.5px;padding:10px 20px;border:none;border-radius:56px;display:flex;justify-content:space-between;align-items:center;gap:6px;cursor:pointer;outline:none;transition:background-color .3s ease,box-shadow .3s ease;transition:transform .8s ease;position:relative;overflow:hidden}.custom-button.contained{color:#fff;background-color:var(--p800)}.custom-button.contained:hover{background-color:var(--p700)}.custom-button.outlined{color:var(--heading-main);font-weight:600;background-color:transparent;border:1px solid var(--bTertiary)}.custom-button.outlined:hover{background-color:#1976d214}.custom-button.text{color:var(--heading-main);background-color:transparent;box-shadow:none}.custom-button.text:hover{background-color:#1976d214}.custom-button.disabled{background-color:#0000001f;color:#00000042;box-shadow:none;cursor:not-allowed}.custom-button div{width:max-content;transition:var(--transitionDuration)}.custom-button-arrow{transition:var(--transitionDuration);fill:var(--heading-secondary)!important}.custom-button-arrow:nth-child(1){transform:translate(-50px);position:absolute}.custom-button:hover div{transform:translate(25px)}.custom-button:hover .custom-button-arrow:nth-child(1){transform:translate(-3px)}.custom-button:hover .arrow{transform:translate(50px)}.custom-button:active{transform:scale(.8)}.UserProfileDom{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 20px;background-color:var(--bSecondary);width:max-content;height:100%;border-radius:300px;cursor:pointer;position:relative;min-width:187px}.UserProfileHeaderDom{width:max-content;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px}.UserProfileHeaderDom span{color:var(--nav-links)}.UserProfileBodyDom{display:none}.UserProfileLogout{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;background-color:#f650612b;padding:6px;border:1px solid var(--cR)}.UserProfileLogout span{color:var(--nav-links)}.UserProfileDom:hover .UserProfileBodyDom{display:flex;position:absolute;top:100%;left:0;padding:10px 20px;background-color:var(--bSecondary);border-bottom-right-radius:24px;border-bottom-left-radius:24px;width:100%}.UserProfileDom:hover{border-radius:24px 24px 0 0/24px 24px 0px 0px}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#a3a3a3 #f7f7f7}body{scrollbar-gutter:stable both-edges}#main-body{width:100%;min-height:100vh;align-items:center;padding:80px}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#f7f7f7;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#cfcfcf,#a3a3a3);border-radius:10px;border:2px solid #f7f7f7;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#b3b3b3,#7a7a7a);cursor:pointer}@media (max-width: 834px){#main-body{padding:40px}}@media (max-width: 695px){#main-body{padding:40px}}@media (max-width: 540px){#main-body{padding:20px}}.screenDom{width:100vw;height:100vh;position:fixed;left:0;top:0;background-color:#00000080;z-index:11;animation-delay:.2s;overflow:hidden;display:none}.sidePanel{width:620px;height:100%;background-color:var(--bgPrimary);float:right;padding:15px 30px;animation-duration:1s}.sidePanelHeading{display:flex;flex-direction:row;align-items:center;justify-content:center;position:relative;width:100%;height:44px}.closeDom{width:44px;height:44px;background-color:var(--bSecondary);border-radius:100%;position:absolute;bottom:2px;left:0;-webkit-user-select:none;user-select:none;cursor:pointer;z-index:3;transform-origin:center;transition:var(--transitionDuration);display:flex;flex-direction:row;justify-content:center;align-items:center}.closeDom:hover{transform:rotate(180deg)}.active{display:block;opacity:0;animation-name:domFadeIn;animation-duration:1s;animation-iteration-count:1;animation-fill-mode:forwards;animation-direction:normal;animation-timing-function:ease}.sidePanelChildActive{display:block;opacity:0;animation-name:slideIn;animation-duration:.6s;animation-iteration-count:1;animation-fill-mode:forwards;animation-direction:normal;animation-timing-function:ease}.sidePanelChild{width:100%;height:100%;overflow:scroll;padding:20px 0}.sidePanelChild::-webkit-scrollbar{width:0px;background:transparent}.sidePanelChild{scrollbar-width:none;-ms-overflow-style:none}@media (max-width: 620px){.sidePanel{width:100%;padding:15px}}.fadein{animation-name:fadein;animation-fill-mode:forwards;animation-iteration-count:1;animation-direction:normal;animation-timing-function:cubic-bezier(.74,-.43,0,1.7);animation-duration:1s}.swipeDown{animation-name:swipedown;animation-fill-mode:forwards;animation-iteration-count:1;animation-direction:normal;animation-timing-function:cubic-bezier(.74,-.43,0,1.7);animation-duration:.5s;transform-origin:top}.swipeUp{animation-name:swipeup;animation-fill-mode:forwards;animation-iteration-count:1;animation-direction:normal;animation-timing-function:cubic-bezier(.74,-.43,0,1.7);animation-duration:.5s;transform-origin:top}.slideRight{display:block;animation-name:slideRight;animation-fill-mode:forwards;animation-duration:2s;animation-iteration-count:1;animation-direction:normal;animation-timing-function:cubic-bezier(.74,-.43,0,1.7)}.displayOut{animation-name:displayout;animation-delay:1s;animation-fill-mode:forwards}.fadeOut{animation-name:fadeout;animation-duration:1s;animation-fill-mode:forwards;animation-iteration-count:1;animation-timing-function:ease;animation-direction:normal}.domFadein{animation-name:domFadeIn;animation-duration:1s;animation-iteration-count:1;animation-fill-mode:forwards;animation-direction:normal;animation-timing-function:ease}.spreadIn{animation-name:spreadin;animation-duration:.8s;animation-iteration-count:1;animation-fill-mode:forwards;animation-timing-function:ease;animation-direction:normal}.slideInTextLtoR{animation-name:slideInLtoR;animation-duration:1s;animation-iteration-count:1;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(.74,-.43,0,1.7);animation-direction:normal}.slideInComponentLtoR{animation-name:slideInLtoR;animation-duration:1s;animation-iteration-count:1;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(.48,-.25,.24,1.12);animation-direction:normal;opacity:0}.slideInComponentRtoL{animation-name:slideInRtoL;animation-duration:1s;animation-iteration-count:1;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(.48,-.25,.24,1.12);animation-direction:normal;opacity:0}.slideInComponentBtoT{animation-name:slideInBtoT;animation-duration:1s;animation-iteration-count:1;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(.48,-.25,.24,1.12);animation-direction:normal;opacity:0}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes swipedown{0%{transform:scaleY(0)}to{transform:scaleY(1);opacity:1}}@keyframes swipeup{0%{transform:scaleY(1)}99%{transform:scaleY(0);opacity:0}to{display:none}}@keyframes displayout{to{display:none}}@keyframes slideRight{0%{opacity:1}99%{transform:translate(20rem);opacity:0}to{display:none}}@keyframes fadeout{0%{opacity:1;display:block}99%{opacity:0;display:block}to{display:none}}@keyframes arrowSlideLeft{0%{transform:translate(0)}50%{transform:translate(40px)}51%{transform:translate(-40px)}to{transform:translate(0)}}@keyframes arrowSlideRight{0%{transform:translate(0)}50%{transform:translate(-40px)}51%{transform:translate(40px)}to{transform:translate(0)}}@keyframes domFadeIn{0%{display:block;opacity:0}to{opacity:1}}@keyframes slideIn{0%{display:block;opacity:0;transform:translate(20rem)}to{opacity:1;transform:translate(0)}}@keyframes spreadin{0%{opacity:0;letter-spacing:1rem}to{opacity:1;letter-spacing:normal;transform:translateY(0)}}@keyframes slideInLtoR{0%{display:block;opacity:0;transform:translate(-5rem)}to{opacity:1;transform:translate(0)}}@keyframes slideInRtoL{0%{display:block;opacity:0;transform:translate(5rem)}to{opacity:1;transform:translate(0)}}@keyframes slideInBtoT{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}.loginDom{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100%;margin:32px 0;gap:50px}.loginBody{display:flex;flex-direction:column;align-items:baseline;gap:24px;padding:24px 0}.loginForm{display:flex;flex-direction:column;align-items:baseline;gap:24px}.loginInputDom input{font-size:16px;font-weight:"500"}.loginHeaderImg{width:35%}.loginHeaderImg img{width:100%}.loginInputDom{border-radius:21px!important}.loginForgotPassword{width:100%}.loginForgotPassword span{color:var(--heading-brand);float:right;-webkit-user-select:none;user-select:none;cursor:pointer;position:relative;width:fit-content;height:fit-content}.loginForgotPassword span:after{content:"";position:absolute;top:0;left:0;width:0;height:100%;border-bottom:2px solid var(--heading-brand);transition:all .3s ease;z-index:2}.loginForgotPassword span:hover:after{width:100%}.loginButton{width:100%;background:var(--heading-brand);border-radius:300px;padding:12px 20px;text-align:center;-webkit-user-select:none;user-select:none;cursor:pointer;transition:transform .3s ease,background-color .5s ease;border:2px solid var(--heading-brand)}.loginButton span{float:center;color:var(--heading-secondary);-webkit-user-select:none;user-select:none}.loginButton:hover{transform:scale(.98);background-color:var(--background)}.loginButton:hover span{color:var(--heading-brand)}.orDom{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px;width:100%;margin:20px 0}.orDom hr{width:100%}.orDom p{color:var(--body-sub)}.createAccount{-webkit-user-select:none;user-select:none}.createAccount span:nth-child(1){color:var(--body-sub)}.createAccount span:nth-child(2){color:var(--heading-brand);cursor:pointer;position:relative}.createAccount span:nth-child(2):after{content:"";position:absolute;height:100%;width:0%;left:0;right:0;border-bottom:2px solid var(--heading-brand);transition:.4s ease}.createAccount span:nth-child(2):hover:after{width:100%}.inputDom{outline:4px solid transparent;padding:16px 14px;border-radius:24px;background-color:var(--background);border:1px solid var(--g200);width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;transition:border .3s ease,outline .3s ease-in-out}.inputDom input{outline:none;width:100%;height:100%;border:none;padding:0 12px}.inputDom:focus-within{border:1px solid #D6BBFB;outline-color:#f4ebff;outline-width:4px;outline-style:solid}.inputDom input::placeholder{color:var(--g400)}.providerDom{background-color:var(--background);border:2px solid var(--bTertiary);padding:10px 20px;border-radius:300px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:12px;width:100%;-webkit-user-select:none;user-select:none;cursor:pointer}.icon{width:40px;height:40px;overflow:hidden;transform:scale(1.3);display:flex;flex-direction:row;justify-content:center;align-items:center}.icon svg{width:17px;height:17px}.title p{color:var(--heading-main)}.registerDom{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;gap:32px}.registerBody{display:flex;flex-direction:column;align-items:baseline;justify-content:center;gap:32px}.registerBody span{color:var(--heading-main)}.registerBody form{width:100%;display:flex;flex-direction:column;align-items:center;gap:24px}.registerButton{width:100%;height:53px;padding:10px 20px;background-color:var(--heading-brand);color:var(--heading-secondary);border:2px solid var(--heading-brand);border-radius:300px;text-align:center;-webkit-user-select:none;user-select:none;cursor:pointer;transition:background-color .4s ease;display:flex;flex-direction:row;justify-content:center;align-items:center}.registerButton span{color:var(--heading-secondary)}.registerButton:hover{background-color:transparent;border-color:var(--heading-brand)}.registerButton:hover span{color:var(--heading-brand)}.redirectLogin{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:5px;margin-bottom:50px}.redirectLogin a{color:var(--heading-brand);position:relative;cursor:pointer}.redirectLogin a:after{content:"";position:absolute;top:0;left:0;width:0;height:100%;border-bottom:2px solid var(--heading-brand);transition:.3s ease}.resetPasswordDom{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;gap:32px}.resetPasswordImg{width:50%}.resetPasswordImg img{width:100%}.resetPasswordBody{width:100%;display:flex;flex-direction:column;align-items:baseline;justify-content:center;gap:32px}.resetPasswordBody form{width:100%;display:flex;flex-direction:column;align-items:baseline;gap:24px}.resetButton{background-color:var(--heading-brand);width:100%;padding:13px 20px;border:2px solid var(--heading-brand);border-radius:300px;text-align:center;transition:.3s ease;-webkit-user-select:none;user-select:none;cursor:pointer}.resetButton:hover{background-color:var(--transparent)}.resetButton span{transition:.4s ease;color:var(--heading-secondary)}.resetButton:hover span{color:var(--heading-brand)}.redirectLogin{display:flex;flex-direction:row;width:100%;align-items:center;justify-content:center;gap:5px}.redirectLogin span{color:var(--body-sub)}.redirectLogin a{text-decoration:none;color:var(--heading-brand);transition:.3s ease;position:relative}.redirectLogin a:after{position:absolute;content:"";left:0;top:0;background-color:transparent;border-bottom:2px solid var(--heading-brand);width:0;height:100%;transition:.3s ease}.redirectLogin a:hover:after{width:100%}.CartDom{display:flex;flex-direction:column;gap:48px;justify-content:center;align-items:center}.CartDomNavigation{width:100%;background-color:var(--heading-brand);text-align:center;padding:10px 24px;color:var(--heading-secondary);margin-bottom:24px;-webkit-user-select:none;user-select:none;transition:.3s ease;border:2px solid var(--heading-brand);border-radius:24px}.CartDomNavigation:hover{background-color:transparent;color:var(--heading-brand)}.notSignedUp{width:fit-content;text-align:center;font-size:1.5rem;font-weight:500;color:#7c71df;cursor:pointer;position:relative}.notSignedUp:after{content:"";width:0;height:100%;position:absolute;bottom:0;left:0;border-bottom:1px solid #7c71df;transition:.3s ease}.notSignedUp:hover:after{width:100%}.CartItemDom{width:100%;height:185px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:25px}.CartItemImage{width:178px;height:100%;overflow:hidden;background-color:#f3f4f7;border-radius:6px}.CartItemImage img{width:100%}.CartItemContent{flex:1;height:100%;display:flex;flex-direction:column;align-items:baseline;gap:16px}.CartItemInfo{display:flex;flex-direction:column;width:100%;align-items:baseline;gap:10px}.CartItemHeader{display:flex;flex-direction:column;cursor:pointer;transition:.3s ease;position:relative}.CartItemHeader a{text-decoration:none;color:var(--heading-main);position:relative}.CartItemHeader a:after{content:"";position:absolute;left:0;top:0;border-bottom:1px solid var(--heading-main);height:100%;width:0%;transition:.2s ease}.CartItemHeader a:hover:after{width:100%}.CartItemDesc{height:37px;line-clamp:4;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}.CartItemDesc span{color:var(--body-sub)}.CartItemPrice span{color:var(--heading-brand)}.CartItemOptions{width:100%;padding:0;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.CartItemVariants{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px}.CartItemVariant{width:24px;height:24px;border-radius:100%}.CartItemActiveVariant{outline-offset:1px;outline-width:1px;outline-color:var(--g400);outline-style:solid}.CartItemQuantity{background-color:var(--bSecondary);border-radius:24px;border:1px solid var(--g100);height:40px;width:54px;display:flex;align-items:center;justify-content:center}.removeButton{padding:6px 12px;border:none;border-radius:6px;background:#ff4d4d;color:#fff;font-weight:600;cursor:pointer;transition:background .2s ease-in-out}.removeButton:hover{background:#c00}.rightCartDesc{width:auto;gap:10px;display:flex}.CheckOutDom{padding:24px 12px;width:88%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:auto;gap:32px}.CheckOutInfo{display:flex;flex-direction:column;gap:24px;align-items:baseline;width:100%}.CheckOutInfo .CheckOutInfoInput{width:100%}.CheckOutInfo .CheckOutInfoHeading{display:flex;flex-direction:column;gap:10px}.CheckOutInfoHeading span:nth-child(1){color:var(--heading-main)}.CheckOutInfoHeading div span:nth-child(1){color:var(--body-sub)}.CheckOutInfoHeading div span:nth-child(2){color:var(--heading-brand);-webkit-user-select:none;user-select:none;transition:.3s ease;position:relative;cursor:pointer}.CheckOutInfoHeading div span:nth-child(2):after{content:"";position:absolute;left:0;top:0;width:0;height:100%;border-bottom:2px solid var(--heading-brand);transition:.3s ease}.CheckOutInfoHeading div span:nth-child(2):hover:after{width:100%}.CheckOutShipping{display:flex;flex-direction:column;gap:24px}.CheckOutShipping .CheckOutShippingCountry{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:16px}.CheckOutButton{background-color:var(--heading-brand);text-align:center;color:var(--heading-secondary);width:100%;padding:12px 24px;transition:.3s ease;border-radius:24px;cursor:pointer;-webkit-user-select:none;user-select:none;border:2px solid var(--heading-brand)}.CheckOutButton:hover{background-color:transparent;color:var(--heading-brand)}.PaymentDom{width:65%;margin:auto;display:flex;flex-direction:column;gap:32px}.PaymentDetailsDom{display:flex;width:100%;flex-direction:column;gap:24px}.PaymentCardDetails{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:16px}.PaymentCheckbox{-webkit-user-select:none;user-select:none;display:flex;flex-direction:row;align-items:center;justify-content:baseline;width:100%;gap:10px}.PaymentCheckbox label span{color:var(--body-sub)}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background:transparent;border:2px solid var(--heading-brand);border-radius:4px;cursor:pointer}input[type=checkbox]:checked{position:relative;background-color:#7c71df15}input[type=checkbox]:checked:before{content:"";position:absolute;top:4px;left:3px;color:var(--heading-brand);font-size:16px;width:50%;height:20%;border-bottom:2px solid var(--heading-brand);border-left:2px solid var(--heading-brand);transform:rotate(-45deg)}.PaymentMemory{-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;align-items:baseline;width:100%;gap:24px;margin-top:24px}.PaymentMemory span,.PaymentMemIn label span{color:var(--body-sub)}.PaymentMemIn{display:flex;width:100%;align-items:center;gap:10px;justify-content:baseline}.PaymentButton{width:100%;padding:10px 24px;background-color:var(--heading-brand);border:2px solid var(--heading-brand);border-radius:24px;color:var(--heading-secondary);transition:.3s ease;text-align:center;-webkit-user-select:none;user-select:none;cursor:pointer;margin:24px 0}.PaymentButton:hover{background-color:transparent;color:var(--heading-brand)}#hero{width:auto;height:760px;display:flex;flex-direction:column;gap:24px}.hero_text{width:100%;text-align:center;display:flex;gap:10px;flex-direction:column}.hero_text h1{animation-duration:1.4s}img{max-width:100%;height:auto;display:block}.container{width:100%;display:flex;justify-content:center;align-items:center;animation-duration:1.2s}@media (max-width: 834px){.heading-02{font-size:49px}#hero{height:700px}}@media (max-width: 393px){.heading-02{font-weight:600;font-size:25px}#hero{height:540px}}#categories_main{width:100%;height:auto;margin:auto;padding:10px}.category_container{display:flex;flex-direction:column;gap:20px}.row{width:100%;display:flex;gap:20px}.col{width:50%}@media (max-width: 571px){.row{flex-direction:column}.col{width:100%}}.card{border-radius:6px;padding:16px;width:100%;max-height:431px;height:100%;background-color:#f3f4f7;display:flex;justify-content:space-between;align-items:center;overflow:hidden}.card_container{width:auto;display:flex;justify-content:center;align-items:center;margin-right:-16px;opacity:0}.card-image{border-radius:8px}.card-content{margin-top:16px;margin-left:40px}.card-content h2{opacity:0}.heading-04{margin-bottom:20px}.card-button{padding:8px 16px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.card-button:hover{background-color:#0056b3}.card .custom-button-arrow{fill:#000!important}.card.small{flex-direction:column-reverse}.Link{text-decoration:none}@media (max-width: 834px){.card-content .heading-04{font-size:25px!important}}@media (max-width: 410px){.card-content .heading-04{font-size:25px!important}.card-content{margin-left:20px}}@media (min-width: 1410px){.card-image{max-width:350px}}.Accordin{display:flex;flex-direction:row;align-items:baseline;justify-content:center;gap:16px;padding:24px 0;width:100%;border-bottom:1px solid var(--g200);cursor:pointer;transition:var(--transitionDuration);animation-duration:.8s;animation-timing-function:ease-in-out;opacity:0;animation-delay:.2s}.content{display:flex;flex:1;flex-direction:column;gap:24px;align-items:baseline}.number,.question{color:var(--heading-main)}.answer{color:var(--body-sub);align-content:start;display:none}.actions{background-color:var(--bSecondary);padding:15px;display:flex;flex-direction:row;justify-content:center;align-items:center;border-radius:100%;transition:var(--transitionDuration);transform:rotate(180deg)}.arrow{fill:var(--bTertiary);transition:var(--transitionDuration)}.arrow path:nth-child(2){transition:var(--transitionDuration);transform:scaleY(0)}.Accordin:hover .arrow path:nth-child(2){fill:var(--heading-main);width:0;transform:scaleY(1)}.Accordin:hover .arrow path:nth-child(1){fill:var(--heading-main)}.ContentActive .answer{display:block}.ArrowActive{transform:rotate(0)}.slidein{animation-name:slidein;animation-duration:.7s;animation-timing-function:cubic-bezier(.74,-.43,0,1.7);animation-fill-mode:forwards;animation-direction:normal;animation-iteration-count:1}.slideout{animation-name:slideout;animation-duration:.7s;animation-timing-function:cubic-bezier(.74,-.43,0,1.7);animation-fill-mode:forwards;animation-direction:normal;animation-iteration-count:1}.delay{animation:delay;animation-duration:.7s;animation-delay:.6s;animation-timing-function:ease;animation-iteration-count:1;animation-fill-mode:forwards;display:block}@keyframes slidein{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideout{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@keyframes delay{to{opacity:0;display:none}0%{opacity:1;display:block}}.FaQ{display:flex;flex-direction:column;align-items:baseline;padding:80px 48px;width:100%}.content{padding:0 80px;width:100%;gap:32px;display:flex;flex-direction:column;align-items:baseline}.content span{text-align:left}@media only screen and (max-width:1000px){.FaQ{padding:80px 0}.content{padding:0 24px}}@media only screen and (max-width:820px){.content span{font-size:29px}.Accordin{transform:scale(.9);width:100%;padding:24px 0}.number span{font-size:24px}.content{padding:0}}.panelPage{width:100%;height:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;justify-content:center;align-items:center;scroll-snap-align:start}@media only screen and (max-width: 1538px){.panelPage{gap:24px}}@media only screen and (max-width: 1384px){.panelPage{gap:10px}}@media only screen and (max-width: 958px){.panelPage{gap:20px}}@media only screen and (max-width: 570px){.panelPage{gap:16px}}.panelDom{display:flex;flex-direction:row;justify-content:center;width:100%;height:100%;padding:5px 0;overflow-x:hidden;align-items:center;justify-content:start;white-space:nowrap;scroll-snap-type:x mandatory;scroll-behavior:smooth}.navigation{width:100%}.header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:3rem;margin-top:5rem}.panelCard{margin:20px 0;opacity:0}@media only screen and (max-width:701px){.panelCard{width:262px;height:347px}}@media only screen and (max-width:619px){.panelCard{width:226px;height:312px}.panelCard .text-18-medium{font-size:14px}}@media only screen and (max-width:486px){.header{flex-direction:column;gap:20px;align-items:baseline}.panelCard{width:262px;height:347px}.panelCard .text-18-medium{font-size:16px}}.slideDom{display:flex;flex-direction:row;align-items:center;justify-content:center;background:var(--bPrimary);border-radius:50px;padding:12px 24px;margin:12px auto;width:fit-content;gap:20px;-webkit-user-select:none;user-select:none;box-shadow:0 4px 10px #0000001a;transition:all .3s ease-in-out}.nav{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background-color:var(--bSecondary);cursor:pointer;transition:background .2s ease-in-out,transform .2s ease-in-out}.nav:hover{background-color:var(--g50);transform:scale(1.1)}.inverted{transform:rotate(180deg)}.icon{width:20px;height:20px;fill:var(--textPrimary)}.icon:hover{background-color:transparent}.variant_circle{width:16px;height:16px;border-radius:100%}.cardDom{display:flex;flex-direction:column;align-items:baseline;overflow:hidden;max-width:296px;max-height:383px;gap:8px;-webkit-user-select:none;user-select:none;cursor:pointer}.cardDom img{width:100%}.cardImgDom{width:100%;height:313px;overflow:hidden;position:relative}.product_desc a{text-decoration:none;color:var(--heading-main);position:relative}.product_desc a:after{content:"";width:0;height:100%;position:absolute;bottom:0;left:0;border-bottom:1px solid var(--heading-main);transition:.3s ease}.product_desc a:hover:after{width:100%}.rating{position:absolute;top:10px;right:-68px;background-color:var(--bSecondary);padding:4px 10px;display:flex;flex-direction:row;align-items:center;border:1px solid var(--g100);border-radius:300px;gap:4px;transition:var(--transitionDuration)}.rating span{color:var(--g500)}.button{position:absolute;left:-165px;bottom:20px;transition:var(--transitionDuration);width:fit-content}.cardDom:hover .button{left:10px}.cardDom:hover .rating{right:10px}.product_desc{display:flex;flex-direction:row;width:100%;justify-content:space-between;align-items:center}.product_desc p{width:100%;text-overflow:ellipsis;height:22px;overflow:hidden;white-space:nowrap}.product_desc span{padding:8px 14px;background-color:var(--bSecondary);color:var(--heading-main);border-radius:300px}.variants{display:flex;flex-direction:row;align-items:center;gap:8px;padding:0 5px 5px}.activeCircle{outline:solid 2px var(--body-sub);outline-offset:2px}.PSK_DOM{max-width:296px;max-height:383px;min-width:296px;min-height:383px;background-color:var(--g100);padding:24px;border-radius:5px;position:relative;overflow:hidden;gap:8px;-webkit-user-select:none;user-select:none;cursor:pointer;display:flex;flex-direction:column;align-items:baseline;margin:24px 0}.PSK_DOM:after{content:"";background-color:var(--g50);width:25%;height:130%;position:absolute;top:-50px;left:-110px;transform:rotate(25deg);filter:blur(50px);-webkit-filter:blur(50px);animation:slide;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:ease;animation-direction:normal;animation-fill-mode:forwards}@keyframes slide{to{left:150%}}.maindom{position:relative;padding:16px 24px;border:2px solid var(--g200);max-width:fit-content;min-width:12.4rem;height:max-content;border-radius:24px;cursor:pointer;transition:.3s cubic-bezier(.74,-.43,0,1.7);z-index:2;transition-delay:.12s}.dropdom{width:100%;min-width:101.8%;display:flex;flex-direction:row;align-items:center;justify-content:space-around;gap:8px}.dropitems{flex-direction:column;gap:10px;position:absolute;top:50px;left:-2px;min-width:101.8%;width:101.8%;background-color:var(--bgPrimary);border:2px solid var(--g200);border-radius:0 0 24px 24px;border-top:0;transition:.4s cubic-bezier(.74,-.43,0,1.7);overflow:hidden}.dropdom span{color:var(--heading-main)}.dropchevron{fill:var(--heading-main);transition:var(--transitionDuration)}.active_d{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:0;transition-delay:0s}.active_d .dropitems{display:flex;opacity:0}.activechevron{transform:rotate(-180deg)}.item{width:100%;padding:10px 20px;color:var(--g700);cursor:pointer;transition:.3s ease}.item:hover{color:var(--heading-main);background-color:var(--g100)}.breadcum{color:gray;font-size:small;margin-top:8px;-webkit-user-select:none;user-select:none}.breadcum a{text-decoration:none;color:var(--body-sub);position:relative;transition:.2s ease}.breadcum a:after{content:"";position:absolute;top:0;left:0;border-bottom:1px solid var(--heading-main);width:0;height:100%;transition:.2s ease-out}.breadcum a:hover:after{width:100%}.breadcum a:hover{color:var(--heading-main);font-weight:500}.bnav-item{margin:0 4px}.PageHeader{width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:32px;padding-bottom:80px}.PageHeader h1{color:var(--heading-main)}.PageHeader .p{color:var(--body-sub)}.PageHeader .input{width:642px}.PageHeader .SearchIcon{fill:var(--heading-main)}.PageBodyFilterTabs{margin:2rem 0;position:sticky;top:0;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background-color:rgba(255,255,255.2);z-index:3;padding:1.45rem 0}.cPanelContainer,.PageSwiper{padding:48px 0}.filterDom{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center}.filters{display:flex;flex-direction:row;align-items:center;justify-content:space-around;width:100%}.filterTab{background-color:var(--bSecondary);padding:13px 32px;border-radius:300px;font-size:16px;-webkit-user-select:none;user-select:none;cursor:pointer;transition:.3s ease;display:flex;align-items:center;justify-content:center}.filterTab:hover{background-color:var(--g100)}.filterTab span{color:var(--heading-main);width:fit-content}.filActive span{color:var(--heading-secondary)}.filActive,.filActive:hover{background-color:var(--heading-brand)}.swiperDom{width:100%;display:flex;flex-direction:column;align-items:baseline;gap:24px}.swiperHeader{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%}.swiperNavigation{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:24px}.arrowDom{width:44px;height:44px;border-radius:100%;display:flex;justify-content:center;align-items:center;background-color:var(--bSecondary);cursor:pointer;transition:.3s ease;position:relative;overflow:hidden}.swiperTitle span{color:var(--heading-main)}.swiperBody{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:32px;flex-shrink:0;width:100%;overflow-x:scroll;scroll-behavior:smooth}.swiperBody .cardDom{flex-grow:1;flex-shrink:0;width:100%;scroll-snap-align:center}.inactive svg{fill:var(--g200)}.product_detail{width:100%;height:auto;display:flex;gap:32px}.product_detail .left_sec{width:50%;height:auto;display:flex;flex-direction:column;gap:10px}.product_detail .right_sec{width:50%;height:auto;display:flex;flex-direction:column;padding:0 16px 0 32px;gap:8px}.right_sec h1{color:var(--heading-main)}.right_sec .price_sec{display:flex;gap:6px;align-items:center;margin:16px 0}.price_sec .disc_price{color:var(--heading-brand)}.price_sec .base_price{color:var(--body-sub);text-decoration:line-through;font-size:16px}.price_sec .discount{border-radius:20px;padding:2px 8px;color:#f65061;background-color:#f6506133}.right_sec .text-20-regular{color:var(--body-sub);line-height:1.75rem}.prod_detail{width:100%;display:flex;align-items:center;margin:24px 0}.variant{width:90%;display:flex;gap:10px}.color_box{width:54px;height:54px;border-radius:20px}.quantity-box{position:relative;display:inline-flex;align-items:center;justify-content:center;width:100px;height:50px;border:1px solid #ddd;border-radius:10px;background-color:#f9f9f9;font-size:18px;font-weight:700;cursor:pointer;overflow:hidden}.quantity-box span{z-index:2}.quantity-box:hover .btn{opacity:1;transform:translate(0)}.btn{position:absolute;top:0;bottom:0;width:50px;display:flex;justify-content:center;align-items:center;background-color:#e0e0e0;font-size:20px;font-weight:700;color:#333;cursor:pointer;opacity:0;transition:all .3s ease}.btn.minus{left:0;transform:translate(-100%);border-top-left-radius:10px;border-bottom-left-radius:10px;-webkit-user-select:none;user-select:none}.btn.plus{right:0;transform:translate(100%);border-top-right-radius:10px;border-bottom-right-radius:10px;-webkit-user-select:none;user-select:none}.btn:hover{background-color:#d6d6d6}.buyBtn{height:56px;width:100%;border-radius:45px;background-color:var(--p800);color:#fff;border:2px solid var(--heading-brand);cursor:pointer;transition:background-color .3s ease}.buyBtn:hover{background-color:transparent;border:2px solid var(--heading-brand);color:var(--heading-brand);transition:.3s ease}.buyBtn:nth-child(1){background-color:var(--p100);color:var(--heading-brand);border-color:var(--p100)}.buyBtn:nth-child(1):hover{background-color:transparent;border:2px solid var(--heading-brand);color:var(--heading-brand);transition:.3s ease}.detailxy{display:flex;flex-direction:column;gap:32px;margin-top:32px}.detailxy p img{display:inline-block}.detailxy p{display:flex;align-items:center;gap:6px;margin-bottom:12px}.productDescSwiper{margin:4rem 0}.buy_sec{display:flex;flex-direction:row;gap:66px;margin:32px 0;align-items:center;justify-content:center}.err-swiper{width:100%;display:flex;justify-content:center;align-items:center;padding:2rem;height:10rem}.err-swiper span{color:var(--body-sub)}.gDom{max-width:100%;aspect-ratio:1/1;overflow:hidden;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none}.gNav{position:absolute;width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 12px}.gImageContainer{width:100%;height:100%;overflow:hidden}.gNavChevron{cursor:pointer;position:relative;height:25px;width:25px}.gLeft{transform:rotate(180deg)}.gImageRoll{display:flex;flex-direction:row;justify-content:start;align-items:center;overflow:hidden;aspect-ratio:1/1;width:100%;scroll-behavior:smooth;scroll-snap-type:x mandatory}.gImage{flex:1 0 auto;width:100%;scroll-snap-align:start;object-fit:cover}.gImage img{width:100%;aspect-ratio:1/1}.gDot{width:12px;height:12px;background-color:var(--g200);border-radius:100%;z-index:3;transition:.3s ease;cursor:pointer}.gDots{width:100%;height:fit-content;display:flex;flex-direction:row;align-items:center;justify-content:center;position:absolute;bottom:2%;gap:12px}.gActiveDot{background-color:var(--heading-secondary);box-shadow:0 2px 2px var(--g100)}@media only screen and (max-width: 832px){.product_detail{display:flex;flex-direction:column}.product_detail .left_sec,.product_detail .right_sec{width:100%}}.UpDom{max-width:350px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:46px;border:1px solid var(--g100);padding:26px 20px;border-radius:12px;margin:auto}.UpDom form{display:flex;flex-direction:column;gap:24px;align-items:center}.UpDomTitle{animation-delay:.2s}form .inputDom{animation-delay:.3s}form .inputDom:nth-child(2){animation-delay:.4s}.UpButton{background-color:var(--heading-brand);width:100%;padding:15px 24px;text-align:center;color:var(--heading-secondary);border-radius:24px;transition:.2s ease;cursor:pointer;-webkit-user-select:none;user-select:none;animation-delay:.2s}.UpButton:hover{background-color:var(--p100);color:var(--heading-brand)}.UpButton:active{background-color:var(--p200)}
