.cursor-pointer{cursor:pointer !important}.main-bgcolor{background-color:#0c1015 !important}.left-0{left:0 !important}.flex-1{flex:1 !important}.w-40px{width:40px !important}.fs-8px{font-size:8px !important}.fs-10px{font-size:10px !important}.fs-12px{font-size:12px !important}.fs-14px{font-size:14px !important}.fs-18px{font-size:18px !important}.fs-50px{font-size:50px !important}.line-height-14px{line-height:14px !important}.fw-600{font-weight:600 !important}.fw-800{font-weight:800 !important}.fw-900{font-weight:900 !important}.text-align-right{text-align:right !important}.opacity-half{opacity:.5 !important}.opacity-75{opacity:.75 !important}.opacity-hover-75:hover{opacity:.75 !important}.text-underline-hover:hover{text-decoration:underline !important}.text-clickable{color:#0c66e4 !important}.clickable{color:#0c66e4 !important;cursor:pointer !important}.text-highlight{position:relative}.text-highlight::before{content:"";height:4px;width:100%;left:0;bottom:-3px;position:absolute;background-color:#3bf481}.text-title-color{color:#333 !important}.text-foreground-color{color:#333 !important}.text-foreground-color-2{color:#fff !important}.text-subtitle-color{color:#aaa !important}.text-primary-hover:hover{color:#3bf481 !important}.text-gradient{background:transparent;background:-webkit-linear-gradient(#3bf481,#2c303c);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.text-primary{color:#3bf481 !important}.text-secondary{color:#2c303c !important}.bg-primary{background-color:#3bf481 !important}.bg-secondary{background-color:#2c303c !important}.bg-clickable{background-color:#0c66e4 !important}.border-white-opacity-25{border-color:rgba(255,255,255,.25) !important}.border-1{border:1px solid !important}.border-2{border:2px solid !important}.border-color{border-color:#ddd !important}.border-clickable{border-color:#0c66e4 !important}.border-success{border-color:#27ae60 !important}.border-dashed{border-style:dashed !important}.bg-white-opacity-10{background-color:rgba(255,255,255,.1) !important}.bg-black-opacity-10{background-color:rgba(0,0,0,.1) !important}.bg-black-opacity-75{background-color:rgba(0,0,0,.75) !important}.size-150px{width:150px !important;height:150px !important;min-width:150px !important;min-height:150px !important;max-width:150px !important;max-height:150px !important}.size-200px{width:200px !important;height:200px !important;min-width:200px !important;min-height:200px !important;max-width:200px !important;max-height:200px !important}.size-100px{width:100px !important;height:100px !important;min-width:100px !important;min-height:100px !important;max-width:100px !important;max-height:100px !important}.size-80px{width:80px !important;height:80px !important;min-width:80px !important;min-height:80px !important;max-width:80px !important;max-height:80px !important}.size-70px{width:70px !important;height:70px !important;min-width:70px !important;min-height:70px !important;max-width:70px !important;max-height:70px !important}.size-50px{width:50px !important;height:50px !important;min-width:50px !important;min-height:50px !important;max-width:50px !important;max-height:50px !important}.size-35px{width:35px !important;height:35px !important;min-width:35px !important;min-height:35px !important;max-width:35px !important;max-height:35px !important}.size-30px{width:30px !important;height:30px !important;min-width:30px !important;min-height:30px !important;max-width:30px !important;max-height:30px !important}.scale-hover-sm:hover{transform:scale(1.03) !important;transition:transform .3s}.border-primary-hover:hover{border:2px solid #3bf481 !important}.object-fit-cover{object-fit:cover !important}.object-fit-contain{object-fit:contain !important}.max-w-1300{max-width:1300px !important}.max-w-370{max-width:370px !important}.max-w-100{max-width:100px !important}.max-w-120{max-width:120px !important}.max-w-150{max-width:150px !important}.max-w-200{max-width:200px !important}.max-w-275{max-width:275px !important}.max-w-450{max-width:450px !important}.max-w-500{max-width:500px !important}.max-w-850{max-width:850px !important}.max-w-1000{max-width:1000px !important}.max-w-80{max-width:80px !important}.max-w-60{max-width:60px !important}.max-h-320{max-height:320px !important}.max-h-420{max-height:420px !important}.max-h-670{max-height:670px !important}.max-h-100{max-height:100px !important}.max-h-200{max-height:200px !important}.min-w-30{min-width:30px !important}.min-w-200{min-width:200px !important}.min-h-100{min-height:100px !important}.min-h-300{min-height:300px !important}.overflow-x-auto{overflow-x:auto !important}.overflow-y-auto{overflow-y:auto !important}.line-clamp-1{display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-2{display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-5{display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.custom-bgcolor{background-color:#f6f8fc !important}.position-sticky{position:sticky !important}.z-index-3{z-index:3 !important}.z-index-2{z-index:2 !important}.z-index-1{z-index:1 !important}.top-56px{top:56px !important}.top-102px{top:102px !important}.top-160px{top:160px !important}.lora{font-family:Lora !important}@media screen and (min-width:991px){.size-lg-150px{width:150px !important;height:150px !important;min-width:150px !important;min-height:150px !important;max-width:150px !important;max-height:150px !important}.top-lg-102px{top:102px !important}.top-lg-160px{top:160px !important}.max-w-lg-200{max-width:200px !important}}@media screen and (min-width:575px){.min-sm-w-90{min-width:90px !important}}.invalid-control{border:1px solid #f00 !important;box-shadow:0 0 4px rgba(255,0,0,.5)}body{margin:0;color:#fff;overflow-x:hidden;background-color:#0c1015;font-family:"Poppins","Inter",Tahoma,Geneva,Verdana,sans-serif}[ui-view=Main]{padding-top:86px;position:relative}.main-page{opacity:1}.main-page.page-ready{transition:opacity .3s;transition-delay:.5s}.main-bg-img{top:0;left:0;width:100%;height:100%;position:fixed;object-fit:cover;filter:blur(10px);opacity:.15}.main-header{top:0;left:0;z-index:5;width:100%;display:flex;position:fixed;align-items:center;justify-content:center;backdrop-filter:blur(15px);background-color:rgba(12,16,21,.75)}.main-header-content{width:100%;display:flex;max-width:1300px;align-items:center;justify-content:space-between}.mh-system{display:flex;align-items:center}.mh-system h6{margin:0;font-size:28px;font-weight:600;letter-spacing:2px}.mh-system h6 span{color:#3bf481}.mh-system img{width:100%;max-width:70px;object-fit:contain}.mh-x-containers{width:100%;display:flex;max-width:300px}.glass{backdrop-filter:blur(5px);background-color:rgba(255,255,255,.1)}.position-sticky-top{top:86px !important;position:sticky !important}.home-page{padding-bottom:300px}.product-container h6{color:#3bf481}.product-container .featured-img{width:100%;height:150px;max-width:150px;object-fit:cover}.category-swiper-container{bottom:0;width:100%;max-width:1000px;position:fixed;overflow:hidden;padding:10px 5px;backdrop-filter:blur(25px)}.subcategory-swiper-container{width:100%;max-width:1000px;overflow:hidden;padding:10px 5px;border-radius:6px;backdrop-filter:blur(25px)}.category-swiper .swiper-wrapper{align-items:center}.category-swiper .swiper-slide{width:auto;min-width:200px;height:120px;display:flex;flex-direction:column}.subcategory-swiper .swiper-wrapper{align-items:center}.subcategory-swiper .swiper-slide{width:auto;display:flex;flex-direction:column}.category-slider-item{flex:1;display:flex;align-items:center;flex-direction:column;border-radius:.375rem;backdrop-filter:blur(25px);background-color:rgba(12,16,21,.75)}.category-slider-item img{height:70px;object-fit:contain}.category-slider-item label{text-align:center}.category-slider-item:hover{background-color:rgba(255,255,255,.1) !important}.category-slider-item.active-tab{background-color:#3bf481 !important}.category-slider-item.active-tab label{color:#222 !important;font-weight:600 !important}.subcategory-slider-item{white-space:nowrap;cursor:pointer}.subcategory-slider-item label{cursor:pointer;text-align:center}.subcategory-slider-item:hover{background-color:rgba(255,255,255,.1) !important}.subcategory-slider-item.active-tab{background-color:#3bf481 !important}.subcategory-slider-item.active-tab label{color:#222 !important;font-weight:600 !important}.splash-screen{opacity:0;position:fixed;z-index:123;width:100%;height:100%;top:0;left:0;display:flex;align-items:center;justify-content:center;background-color:#0c1015}.splash-screen h1{opacity:0;transform:translateY(-30px);color:#fff;font-weight:700;font-size:150px;text-align:center}.splash-screen h1 span{color:#3bf481}.splash-screen p{opacity:0;transform:translateY(30px);z-index:2;text-align:center;font-size:40px;font-weight:600;color:#fff;width:100%;max-width:540px;text-align:center;margin-top:-60px}.splash-screen p span{font-style:italic;position:relative}.splash-screen p span::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:10px;background-size:contain;background-repeat:no-repeat;background-image:url("../Assets/Images/highlight green.png")}.splash-screen label{opacity:0;color:#fff}.ss-blur-bg{height:100%;object-fit:contain;filter:blur(5px);opacity:.15;position:absolute}.ss-featured-img{opacity:0;z-index:1;width:100%;max-width:500px;object-fit:contain;margin-top:-130px}.ss-logo{opacity:0;width:100%;max-width:80px;object-fit:contain}.splash-screen.start-animation{opacity:1;transition:opacity .3s}.splash-screen.start-animation .ss-featured-img{opacity:1;transition:all .5s;transition-delay:.5s}.splash-screen.start-animation h1{opacity:1;transform:translateY(0);transition:all .5s;transition-delay:.8s}.splash-screen.start-animation p{opacity:1;transform:translateY(0);transition:all .5s;transition-delay:.6s}.splash-screen.start-animation .ss-logo,.splash-screen.start-animation label{opacity:1;transition:opacity .3s;transition-delay:.6s}.splash-screen.end-animation{opacity:0;transform:translateY(100%);transition:opacity 2s,transform 1s;transition-delay:1s}.splash-screen.end-animation .ss-featured-img{opacity:0;transition:all .5s;transition-delay:.3s}.splash-screen.end-animation h1{opacity:0;transform:translateY(-30px);transition:all .5s;transition-delay:.3s}.splash-screen.end-animation p{opacity:0;transform:translateY(30px);transition:all .5s;transition-delay:.3s}.splash-screen.end-animation .ss-logo,.splash-screen.end-animation label{opacity:0;transition:opacity .3s;transition-delay:.3s}.splash-screen.end-animation .ss-blur-bg{opacity:0;transition:opacity .3s;transition-delay:1s}[data-wc-overlay]{position:fixed;z-index:9999;top:0;left:0}#overlay-container{top:0;left:0;width:100%;height:100%;display:none;position:fixed;align-items:center;flex-direction:column;justify-content:center;background-color:rgba(0,0,0,.9);z-index:9999}#overlay-container img{width:150px;height:150px;object-fit:contain}#overlay-container .active{display:flex}@-webkit-keyframes coffee{100%{opacity:0;-webkit-transform:translateY(-200%);transform:translateY(-200%)}}@keyframes coffee{100%{opacity:0;-webkit-transform:translateY(-200%);transform:translateY(-200%)}}.coffee{background:#fff;display:grid;border-radius:4px;grid-template-columns:repeat(3,1fr);grid-template-rows:1fr;height:40px;position:relative;width:40px;padding:2px;justify-items:center}.coffee:before{-webkit-box-sizing:border-box;box-sizing:border-box;content:"";height:26px;width:20px;border:4px solid #fff;position:absolute;top:50%;margin-top:-13px;margin-left:-10px;left:100%;border-radius:4px}.coffee div{height:20px;width:8px;background:#fff;opacity:.3;-webkit-animation:coffee 2s infinite;animation:coffee 2s infinite}.coffee div:nth-child(1){-webkit-animation-delay:.4s;animation-delay:.4s}.coffee div:nth-child(2){-webkit-animation-delay:1s;animation-delay:1s}.coffee div:nth-child(3){-webkit-animation-delay:.2s;animation-delay:.2s}.typewriter-highlight{color:#3bf481;border-right:3px solid #3bf481;animation:blink .7s infinite}@keyframes blink{50%{border-color:transparent}}@media screen and (max-width:991px){.splash-screen h1{font-size:120px !important}.splash-screen .ss-featured-img{max-width:350px !important;margin-top:-90px !important}.splash-screen p{font-size:30px !important;max-width:400px !important}.mh-x-containers{max-width:30px !important}}@media screen and (max-width:640px){.splash-screen h1{font-size:50px !important;margin-bottom:30px !important}.splash-screen .ss-featured-img{max-width:230px !important;margin-top:-70px !important;margin-bottom:20px !important}.splash-screen p{font-size:16px !important;max-width:240px !important;margin-top:-40px !important}.splash-screen p span::before{bottom:-6px !important}.splash-screen .ss-logo{max-width:70px !important}.splash-screen .ss-blur-bg{max-width:400px !important}}@media screen and (max-width:575px){.mh-system img{max-width:40px !important}.mh-system h6{font-size:18px !important}[ui-view=Main]{padding-top:56px !important}.product-container .featured-img{max-width:100% !important;height:250px !important}.category-swiper .swiper-slide{height:auto !important}.category-swiper .category-slider-item{flex-direction:row !important;align-items:center !important}.category-swiper .category-slider-item img{margin:0 !important}.category-swiper .category-slider-item label{margin:0 !important;padding:0 10px !important}.position-sticky-top{top:56px !important}}.Login-Page{display:flex;align-items:center;justify-content:center;min-height:100vh;position:relative;overflow:hidden}.Login-Page .bg-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;filter:blur(8px) brightness(.5);z-index:0}.Login-Page canvas{position:absolute !important}.Login-Page .login-card{background:rgba(255,255,255,.9);backdrop-filter:blur(10px);border-radius:1rem;box-shadow:0 10px 25px rgba(0,0,0,.1);animation:fadeIn .6s ease-out forwards}.Login-Page .font-amperk{font-family:"Bantayog-Regular",sans-serif}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.Login-Page input:focus{box-shadow:0 0 0 3px rgba(71,71,71,.2);border-color:#474747}.Login-Page .btn-amber{background-color:#474747;color:#fff}.Login-Page .btn-amber:hover{background-color:#000}.Login-Page .btn-amber:active{color:#fff}.Login-Page .text-amber{color:#474747}.Login-Page .text-otp{color:#212529 !important}.Login-Page .disabled-text-otp{color:#a5a5a5 !important}.Login-Page .text-clickable{cursor:pointer}