@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);*{box-sizing:border-box;font-family:Roboto,sans-serif;margin:0;padding:0}.App{display:flex;flex-direction:column;min-height:100vh}html{scroll-behavior:smooth}body{max-width:vw;overflow-x:hidden}h2{font-size:24px}nav{background-color:#fff;box-shadow:0 2px 2px 0 #0000000d;height:80px;position:relative}img{width:100%}p{line-height:1.5}a,a:hover{text-decoration:none}.blue{color:#167cac}.underlined{text-decoration:underline}.success-popup{background:#dff0d8;border-radius:5px;box-shadow:0 2px 5px #0003;color:#000;left:50%;padding:15px;position:fixed;top:20%;transform:translateX(-50%);z-index:100}.success-popup-checkout{animation:slideDown .5s ease-out forwards;background-color:#4caf50;border-bottom-left-radius:10px;border-bottom-right-radius:10px;box-shadow:0 4px 6px #0000001a;box-sizing:border-box;color:#fff;left:10%;padding:20px;position:fixed;text-align:center;top:0;width:80%;z-index:1000}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.black{color:#000}.grey{color:rgba(92,89,89,.856)}.section__title{color:#167cac;font-size:2em;font-weight:700;letter-spacing:1px;margin-bottom:20px;margin-top:15px;text-align:center}li{list-style-type:none}button{cursor:pointer}button:active{transform:translateY(1px)}.smaller__h3{font-size:14px;margin-top:5px;padding-bottom:5px}.btn{background-color:#167cac;font-size:20px;padding:12px 24px}.btn,.btn__success{border:none;border-radius:4px;color:#fff}.btn__success{background-color:green;font-size:12px;margin-left:10px;margin-top:3px;padding:8px}.nav__container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 24px;width:100%}.nav__link{color:#000;font-size:20px;font-weight:700;padding:8px;text-decoration:none}.nav__list{margin-left:16px}.nav__icon,.nav__list{align-items:center;display:flex;justify-content:center}.nav__icon{color:#167cac;font-size:20px;margin-left:8px;position:relative}.dropdown{display:inline-block;position:relative}.dropbtn{background-color:initial;color:#000;font-size:20px;font-weight:700;padding:8px;text-decoration:none}.dropdown-content{background-color:#f9f9f9;box-shadow:0 8px 16px 0 #0003;display:none;min-width:160px;position:absolute;z-index:1}.dropdown-content a{color:#000;display:block;padding:12px 16px;text-decoration:none;width:100%}.dropdown-content a:hover{background-color:#ededff}.dropdown:hover .dropdown-content{display:block}.cart__length{align-items:center;background-color:red;border-radius:50%;bottom:4px;color:#fff;display:flex;font-size:12px;height:18px;justify-content:center;pointer-events:none;position:absolute;right:-4px;width:18px}.btn__menu{background-color:initial;border:none;color:#167cac;display:none;font-size:32px}.menu__backdrop{align-items:center;background-color:#242424;display:flex;height:100vh;justify-content:center;left:0;opacity:0;position:absolute;top:0;transform:translate(100%);transition:all .3s ease;visibility:hidden;width:100vw;z-index:100}.menu--open{max-height:100vh;overflow:hidden}.menu--open .menu__backdrop{opacity:1;transform:translate(0);visibility:visible}.menu__links{align-items:center;display:flex;flex-direction:column}.menu__list{padding:32px 0}.menu__link{color:#fff;font-size:48px}.btn__menu--close{color:#fff;padding:8px;position:absolute;right:20px;top:10px}.drp__container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:10px}.drp__container button:hover{background-color:#ededff}.row__container{align-items:start;display:flex;flex-direction:row;justify-content:space-between;margin:10px}.row__btn{background-color:initial;border:none;margin-right:10px}.row__btn:hover{color:#606266;transition:all .3s ease}.smaller__icon{font-size:16px;margin-right:10px}.userauth-form-container{align-items:center;display:flex;flex-direction:column;height:70vh;justify-content:start}.account__title{color:#167cac;font-size:40px;margin-bottom:24px;padding-bottom:8px}.border__bottom{border-bottom:2px solid #8585851a!important}.account__container{margin:auto;max-width:1200px;padding:20px;width:100%}.detail__field{display:flex;flex-direction:column;padding-right:40px;width:100%}.detail__input{min-width:240px;width:100%}.detail__pw-strength{margin-top:-8px}.Password{margin:0 auto;max-width:400px}.Password__strength-meter{background:#ddd;border-radius:3px;display:flex;flex-direction:row;height:3px;margin:12px 424px 8px -360px;position:relative}.Password__strength-meter--fill{background:#0000;border-radius:inherit;height:inherit;position:absolute;transition:width .5s ease-in-out,background .25s;width:0}.Password__strength-meter:before{left:18%}.Password__strength-meter:after{right:18%}.Password__strength-meter:after,.Password__strength-meter:before{background:#0000;border-color:#fff;border-style:solid;border-width:0 5px;content:"";display:block;height:inherit;position:absolute;width:20%;z-index:10}.form__text{color:#0e1318b3;font-size:12px}.el-input{display:inline-block;font-size:14px;position:relative;width:30%}.el-input__inner{-webkit-appearance:none;background-color:#fff;background-image:none;border:1px solid #dcdfe6;border-radius:4px;box-sizing:border-box;color:#606266;display:inline-block;font-size:inherit;height:40px;line-height:40px;outline:0;padding:0 15px;transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.el-input__prefix,.el-input__suffix{color:#c0c4cc;-webkit-transition:all .3s}.el-input__suffix{pointer-events:none;right:5px;transition:all .3s}.el-input__prefix,.el-input__suffix{height:100%;position:absolute;text-align:center;top:0}.detail__field--pw{max-width:360px}.container__detail{display:flex;width:80%}.container__modify{align-items:center;display:flex;flex-direction:row;height:100%;justify-content:center;width:100%}.field__grid{grid-row-gap:16px;display:grid;width:100%}.detail{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:24px}.detail__title{font-weight:800!important;font-weight:400}.btns__detail{display:flex}.btn__detail,.btns__detail{align-self:flex-end}.btn__text{grid-gap:6px;display:flex;gap:6px;vertical-align:middle}.btn__edit,.btn__text{align-items:center;opacity:1}.btn__edit{border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;height:40px;justify-content:center;letter-spacing:.03em;line-height:1;outline:0;padding:0 24px;position:relative;transition:background-color .2s ease 0s,opacity .2s ease 0s}.btn__edit:hover{background-color:hsla(0,7%,78%,.425);transition:all .3s ease}.account__skeleton--title{height:20px;width:70%}.account__skeleton--detail{height:15px;width:90%}.h3__message{color:rgba(92,89,89,.856);font-size:16px;margin-left:15px;text-align:start}.ubtn{background-color:initial;border:none;border-radius:4px;color:#303133;font-size:16px;margin:10px;padding:5px}.ubtn:hover{background-color:#ededff;transition:all .3s ease}.userauth-form{background-color:#fff;padding:20px;width:350px}.userauth-form input{border:1px solid #ddd;border-radius:4px;margin-bottom:10px;padding:10px;width:100%}.userauth__input--readonly{border:none!important;font-weight:700;margin-left:0;padding:0 0 10px!important;text-decoration:none!important;width:100%}.userauth-form button{background-color:#167cac;width:100%}.btn__cancel,.userauth-form button{border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:10px;padding:10px}.btn__cancel{background-color:#8f9091}.btn__cancel,.btn__modify{font-size:large;margin-left:20px}.btn__modify{background-color:#167cac;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:10px;padding:10px}.userauth-form button:hover{background-color:#1649a7;transition:all .3s ease}.userauth-form p{color:red;font-size:.8rem}.userauth-success{color:green;font-size:1.2em;text-align:center}.userauth-links{display:flex;flex-direction:column;justify-content:space-between;margin-top:15px}.userauth-link{color:#007bff}.userauth-link,.userauth-link button,.userauth-link:hover{text-decoration:none}.user-icon{align-items:center;background:#167cac;border:none;border-radius:50%;color:#fff;display:flex;font-size:18px;height:40px;justify-content:center;width:40px}.verify__title--container{margin-left:20px}.modal-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-container{background:#fff;border-radius:5px;box-shadow:0 0 15px #0003;display:flex;flex-direction:row;max-height:700px;max-width:800px;padding:20px;width:80%}.modal-container>*{flex:1 1}.modal-image{background-image:url(/static/media/modalpic.b0252f8f5d1e205e0084.jpg);background-position:50%;background-size:cover;border-radius:5px 0 0 5px}.modal-content{padding:20px}#landing{background:hsla(252,5%,78%,.452)}header{height:calc(100vh - 20px)}.header__container{display:flex;flex-direction:column;height:100%;justify-content:space-around;margin:0 auto;max-width:720px;width:100%}.header__description{align-items:center;display:flex;flex-direction:column;margin-top:20px}.header__img--wrapper{padding:20px;z-index:50}.container{padding:56px 0}.container__footer{padding:26px 0}.container__buttons{padding:56px 0}.plans__container{justify-content:space-evenly}.plans__container,.plans__container--cart{display:flex;flex-direction:row;margin:20px}.plans__container--cart{justify-content:space-between;width:50%}.row{margin:0 auto;max-width:1200px;padding:0 24px;width:100%}.row__column{align-items:center;display:flex;flex-direction:column}.no-cursor{cursor:not-allowed}#highlights{max-width:100vw;position:relative}#highlights:after,#highlights:before{background:url(/static/media/wave.9e5af951616d0022fbc3.svg);background-repeat:no-repeat;background-size:cover;content:"";height:12vw;left:0;position:absolute;width:101vw;z-index:1}#highlights:before{top:1px;transform:translateY(-100%)}#highlights:after{bottom:1px;transform:translateY(100%) rotate(180deg)}.highlight__wrapper{display:flex;flex-wrap:wrap}.highlight{align-items:center;display:flex;flex-direction:column;padding:0 24px;width:33.33333%}.highlight__para{min-width:280px;text-align:center}.highlight__img{align-items:center;border:2px solid #1696ac;border-radius:4px;color:#167cac;display:flex;font-size:32px;height:100px;justify-content:center;margin-bottom:24px;width:100px}.highlight__subtitle{font-size:20px;margin-bottom:16px;text-align:center}#features{background:hsla(252,5%,78%,.452);padding-top:8vw}.plans{display:flex;flex-wrap:wrap;margin:0 -24px}.plan{padding:24px;transition:all .3s ease;width:25%}.plan:hover{transform:translateY(-4px)}.plan__img{max-height:320px;max-width:250px;transition:all .3s ease}.plan__img--skeleton{background-color:#ccc;height:320px;margin-bottom:8px;max-width:250px;width:100%}.skeleton{background-color:#e3e3e3;margin-bottom:8px}.plan__title--skeleton{height:21px;width:100%}.plan__rating--skeleton{height:19px;width:100px}.plan__price--skeleton{height:19px;width:200px}.plan__link{color:#242424}.plan__img--wrapper{border-radius:4px;display:flex;margin-bottom:8px;overflow:hidden}.plan__title{font-size:20px;margin-bottom:8px}.plan__title--link{color:#242424}.plan__ratings{color:#f1e20e;margin-bottom:8px}.plan__price--normal{color:#bfbfbf;padding-right:6px;text-decoration:line-through}#explore{background-color:hsla(252,5%,78%,.452)}footer{background-color:#242424}.footer__logo{display:flex}.footer__logo--img{filter:grayscale(1) invert(1);width:160px}.footer__copyright,.footer__link{color:#fff}.footer__list{margin:20px 0 24px}.footer__link{padding:0 8px}#plans__body{background-color:#7342d61a;display:flex;flex:1 1;flex-direction:column}#plans__main{background-color:#f8f9fa;flex:1 1}.plans__header{align-items:center;display:flex;justify-content:space-between;padding:0 24px}.plans__header--title{margin-bottom:0}select{background-color:#fff;border:1px solid #dcdfe6;border-radius:4px;color:#606266;height:40px;line-height:40px;max-width:200px;outline:none;padding:0 16px;width:100%}.plans__loading{align-items:center;color:#167cac;display:flex;font-size:60px;justify-content:center;padding-top:60px;width:100%}.fa-spinner{animation:rotate .6s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.container__plan--selected{padding-top:16px}.plan__selected{display:flex}.plan__selected--figure{align-items:center;display:flex;justify-content:center;padding:16px 32px;width:40%}.plan__selected--img{max-height:500px;max-width:100%;width:auto}.plan__selected__description{align-items:flex-start;display:flex;flex-direction:column;padding:16px 32px;width:60%}.plan__selected--top{align-items:center;color:#242424;display:flex;font-size:32px;margin-bottom:8px;padding:0 24px}.plan__selected--link{color:#242424}.fa-arrow-left{font-size:30px}.plan__selected--title--top{margin-bottom:0;margin-left:10px}.plan__summary{margin-bottom:16px}.plan__selected--title,.plan__summary--title{margin-bottom:8px}.plan__summary--para{margin-bottom:16px}.plan__price{font-size:16px;margin:8px 0 24px}.link__breadcrumbs{color:#fbfbfb;margin-bottom:16px}.cart__header{background-color:#167cac;color:#fff;display:flex;margin:0 24px;padding:8px 16px}.cart__item{display:flex;margin:24px;padding-right:8px}.cart__title{margin-bottom:16px}.cart__plan{display:flex;width:60%}.cart__quantity{width:40%}.cart__quantity,.cart__total{align-items:center;display:flex}.cart__total{font-size:18px;justify-content:flex-end;max-width:100px;width:100%}.cart__input{padding:8px;width:60px}.cart__plan--img{max-height:128px;max-width:90px;width:100%}.cart__plan--info{display:flex;flex-direction:column;justify-content:center;padding:8px 16px}.cart__plan--title{font-size:20px;margin-bottom:16px}.cart__plan--price{margin-bottom:16px}.cart__plan--remove{background-color:initial;border:none;color:#cf0000;padding-left:0;width:48px}.total{align-items:flex-end;flex-direction:column;font-size:16px;margin-left:auto;max-width:300px;padding:0 24px}.total,.total__item{display:flex;width:100%}.total__item{font-size:18px;justify-content:space-between;margin-bottom:24px}.total__sub-total{border-top:2px solid #167cac;padding-top:24px}.total__price{font-weight:700}.cart__empty{align-items:center;display:flex;flex-direction:column;justify-content:center}.cart__empty--img{max-width:400px;padding:40px}.btn__checkout{font-size:16px;padding:12px 1;width:100%}.billing-details input{display:block;font-size:16px;margin-bottom:10px;padding:10px;width:100%}#payment-form{margin:auto;max-width:800px;width:600px}#payment-form h1{margin-bottom:10px;margin-top:10px;text-align:center}#submit{background-color:#4caf50;border:none;color:#fff;cursor:pointer;margin:10px 0;padding:15px 20px;width:100%}#submit:hover{opacity:.8}.why-choose-us-top{background-color:#242424;background-image:url(/static/media/wusbg.909f8ed4b32a79474a06.png);background-size:cover;color:#fafafa;display:flex;flex-direction:column;font-size:40px;height:38vw;justify-content:space-around;padding:50px 20px;text-align:center;width:100%}.why-choose-us-top h2{font-size:40px;padding-bottom:200px;padding-right:50px;text-align:right}.why-choose-us-top h1{padding-left:50px;padding-top:40px;text-align:left}.why-choose-us h1{margin-bottom:30px}.why-choose-us h2{font-size:34px;letter-spacing:1px;margin-bottom:25px}.why-choose-us .content{align-items:center;display:flex;flex-direction:column;margin-left:10%;margin-right:10%;padding-top:50px}.why-choose-us section{justify-content:space-between}.why-choose-us section,.why-choose-us section div{align-items:center;display:flex;margin-bottom:40px;width:100%}.why-choose-us section div{flex-direction:column;font-size:24px;letter-spacing:.5px}.why-choose-us section:nth-child(0){flex-direction:row}.why-choose-us section:nth-child(2n){flex-direction:row-reverse}.why-choose-us section img{border-radius:10px;max-width:600px;width:50%}.why-choose-us section div{text-align:left;width:40%}@media (max-width:768px){.header__description{padding:0 24px}h1{font-size:40px}h2{font-size:26px}button{font-size:18px}.buttonpos button{font-size:16px;padding:15px;width:100%}.plan{width:50%}.plan__selected{flex-direction:column}.plan__selected--figure{justify-content:flex-start;width:100%}.plan__selected__description{width:100%}.plans__container{align-items:center;flex-direction:column;margin:10px}.plans__container--cart{align-items:center;flex-direction:column;margin:20px}.section__title{margin-top:45px}.why-choose-us h1{margin-bottom:2px;margin-top:-50px}.why-choose-us section{flex-direction:column!important}.why-choose-us section div,.why-choose-us section img{margin:0 0 20px;width:100%!important}}@media (max-width:550px){.btn__menu{display:block}.nav__list{display:none}.highlight{width:100%}.highlight:not(:last-child){margin-bottom:24px}.cart__plan--img{display:none}.cart__plan--info{padding-left:0}}.header-left,.header-menu,.header-menu-right{align-items:center;display:flex;gap:2rem;list-style:none;margin:0;padding:0}.header-menu li,.header-menu-right li{cursor:pointer;position:relative}.header-menu li:hover:after,.header-menu-right li:hover:after{background-color:#000;bottom:-5px;content:"";height:2px;left:0;position:absolute;width:100%}.header-menu li:after{background-color:#000;bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .5s ease;width:0}.header-menu li:hover:after{width:100%}.logo{height:auto;width:80px}.hero{align-items:center;background-position:50%;background-size:90%;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;padding:20px;width:100%}.bg-image{background-image:url(/static/media/hero_background.abb3eac52beaee010ced.png)}.hero-content{flex:1 1;margin-top:80px}.hero-content h1{font-size:4em}.hero-content h1,.hero-content h3{color:#020405;margin-bottom:20px;text-align:center}.hero-content h3{font-size:2em}.hero-content button{background-color:#ffffff80;border:none;border-radius:5px;color:#020405;cursor:pointer;font-size:2em;margin-bottom:20px;padding:10px 20px;transition:background-color .3s}a{color:inherit}.buttonpos{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:-40px;margin-top:15px}.hero-product-text{font-size:22px;margin:5px}.hero-content button:hover{background-color:#ffffffb3}.hero-text{margin-bottom:20px;text-align:center}.hero-products{display:flex;gap:20px;justify-content:center}.hero-product{background-color:#fffc;background-position:50%;background-size:cover;border:2px solid #000;box-shadow:0 0 10px #00000080;cursor:pointer;height:450px;width:450px}.user-details{background-color:#fffc;border-radius:10px;box-shadow:0 4px 8px #0000001a;margin:20px auto;max-width:600px;padding:20px}.user-details h3{color:#333;font-weight:700;margin-bottom:10px}.user-details ul{list-style:none;padding:0}.user-details li{color:#555;font-size:22px;margin-bottom:5px}.user-details li:before{color:#167cac;content:"• ";font-weight:700}.calories-text{color:#167cac}@media (max-width:768px){.hero-content h1{margin-bottom:0}.hero-content h1,.hero-content h3{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:initial;padding:0 10px;width:80vw}.hero-products{flex-direction:column;gap:15px}.hero-product{height:40vh;width:80vw}.hero-product-text{font-size:18px}.buttonpos{margin-top:20px}.user-details,.user-details li,.user-details ul{padding:0 10px;text-align:center;width:100%}}@media (min-width:769px) and (max-width:1024px){.hero-product{height:30vh;width:45vw}.hero-product-text{font-size:20px}}.user-details-form{align-items:center!important;background:#ffffffe6;border-radius:10px;box-shadow:0 4px 8px #0000001a;display:flex!important;flex-direction:column!important;gap:20px!important;margin-top:80px;padding:20px!important;width:500px}.user-details-form input{border:1px solid #d9d9d9;border-radius:5px;font-size:1rem;padding:10px;width:100%}.user-details-form button{background-color:#167cac;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background-color .3s}.user-details-form button:hover{background-color:#165cac}.user-details-form button[type=button]{background-color:#9c9c9c}.user-details-form button[type=button]:hover{background-color:#464d53}@media screen and (max-width:768px){.user-details-form{margin:20px;padding:10px;width:auto}.user-details-form input{font-size:.61rem;padding:8px}.user-details-form button{font-size:.9rem;padding:8px 16px}}@media screen and (max-width:480px){.user-details-form{margin-top:40px}.user-details-form button,.user-details-form input{font-size:.6em}}.activity-level-selector{background:#ffffffe6;border-radius:10px;box-shadow:0 4px 8px #0000001a;margin:20px auto;max-width:600px;padding:20px;text-align:center}.activity-level-selector h2{color:#333;font-size:1.5rem;margin-bottom:20px}.activity-level-selector ul{list-style:none;padding:0}.activity-level-selector li{background:#f4f4f4;border-radius:5px;cursor:pointer;margin-bottom:10px;padding:10px 20px;transition:background-color .3s,box-shadow .3s}.activity-level-selector li:hover{background-color:#e0e0e0;box-shadow:0 2px 4px #0003}.activity-level-selector button{background-color:#9c9c9c;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background-color .3s}.activity-level-selector button:hover{background-color:#464d53}.activity-level-selector li.active{background-color:#e0e0e0;color:#000;font-weight:700}
/*# sourceMappingURL=main.841a2755.css.map*/