:root{--c-primary-200:#016673;--c-secondary-200:#97a6ba;scroll-behavior:smooth}body{background-color:#f9fafb;--nav-width:80px}.App{font-family:Inter,sans-serif;display:flex;flex-direction:column}*{font-family:Inter}footer{box-sizing:border-box}.main{display:flex}.jumbotron{width:90%;margin:1rem auto 0!important}.icon{height:1.5rem!important}.container{box-sizing:border-box;width:calc(100vw - var(--nav-width));margin-top:60px;margin-left:var(--nav-width)}.sub-title{font-size:var(--fsz-1);font-weight:500;text-transform:capitalize}.c-white{color:#fff}.text-sm{font-size:.8rem}.icon-input{width:19.8rem}.shadow{box-shadow:rgba(149,157,165,.2) 0 8px 24px}.input{font-family:Inter;border:2px solid #cacaca;padding:var(--p-2);height:40px;border-radius:.3rem;box-sizing:border-box}.input:focus{outline:0;border-color:#07f}.icon{height:20px}.btn-reset{background-color:transparent;border:0}.form-margin{margin:1rem auto 0!important}.form label{text-transform:capitalize;margin:var(--p-2) 0}.loader{display:flex}.loader>span{display:block;height:6px;width:6px;margin:.3rem 0 0 .2rem;background-color:currentColor;border-radius:50%}.loader span:nth-child(3){margin-right:.3rem;margin-left:.2rem;animation:blink 1s ease-in-out .66s infinite}.loader span:nth-child(2){animation:blink 1s ease-in-out .33s infinite}.loader span:nth-child(1){animation:blink 1s ease-in-out infinite}@keyframes blink{50%{background-color:var(--loader-main);transform:scale(1.2)}}@media all and (min-width:600px){body{--nav-width:18vw}.jumbotron{width:60vw}}.navbar{height:70px;display:flex;align-items:center;padding:0 var(--p-2)}.navbar .btn-outline-primary{padding:var(--p-3) var(--p-4)}.navbar .logo{display:flex;align-items:center;color:#fff;text-transform:capitalize;font-weight:700}.navbar .logo span{font-size:1.2rem;margin-left:var(--p-2)}.navbar .logo:hover{text-decoration:none}.navbar .logo img{height:50px}.title{font-size:var(--fsz-2);flex-wrap:wrap}.title span{margin-top:var(--p-2);padding:.5em}.form{background-color:#fff;margin:var(--p-4) var(--p-2);border-radius:var(--br-2);box-sizing:border-box;padding:var(--p-7) var(--p-3);border:2px solid var(--c-grey)}@media screen and (min-width:600px){.title{font-size:var(--fsz-4)}.title span{margin-left:var(--p-4);margin-top:var(--p-0);padding:.3em .5em}.form{padding:1.6rem;width:33vw;margin:4rem auto 0}}.alert{position:absolute;left:0;top:30%;right:0;margin:0 auto}.alert .close{right:-2%}@media screen and (min-width:600px){.alert{top:25%}}.header{position:fixed;top:0;right:0;height:60px;width:calc(100vw - var(--nav-width));background-color:#fff;display:flex;align-items:center;z-index:var(--z-3);justify-content:space-between;transition:width .5s}.fw-600{font-weight:600!important}.header .btn-primary{padding:0;border-radius:var(--br-2)}.header .icon{margin:var(--p-2)}.logo{margin:var(--p-2) 0 var(--p-2) var(--p-3);height:50px}.header .avatar-lg{height:40px;width:40px}.reset-width{--nav-width:0px}.nav{z-index:var(--z-3);position:fixed;width:calc(var(--nav-width));background-color:#027581;height:100vh;transition:all .3s}.nav .hide{transform:scaleX(0)}.nav .nav-link span{margin-left:var(--p-3);text-transform:capitalize;font-weight:500;display:none}.nav .nav-link:is(:hover){text-decoration:none;color:#fff}.nav .icon{height:1.5rem;width:1.5rem}.nav .nav-link{border-radius:var(--br-2);padding:var(--p-3) 0;width:70%;text-align:center;color:#d5f5f6}.nav .active{color:#fff;background-color:#016673}@media all and (min-width:600px){.nav button{width:100%;font-family:Inter;margin-right:var(--p-5)}.nav .nav-link{display:flex;padding:var(--p-3);text-align:left;align-items:center;width:80%}.header .avatar-lg{height:50px;width:50px}.header .btn-primary{padding:0 var(--p-4) 0 var(--p-2);border-radius:var(--br-2)}.nav .nav-link span{display:block}}.dashboard .user-info::before{content:"";position:absolute;height:2px;width:calc(97vw - var(--nav-width));border-top:2px solid var(--c-grey);right:1%;top:60px;z-index:1}.dashboard .user-info{padding-top:1rem;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.no-shadow{box-shadow:none}.dashboard .user-info h2{font-size:1rem}.dashboard .user-info p{font-size:.8rem}.dashboard .overview{padding:var(--p-4)}.text-card{background-color:#fff;margin-bottom:var(--p-5)}.text-card .icon{color:var(--c-secondary-200);padding:var(--p-2)}.text-card .d-flex{height:70px}.text-card .card-header{font-weight:600;font-size:1rem;margin:0 0 .5rem;color:var(--c-secondary-200)}.text-card a{padding-top:var(--p-2);border-top:3px solid var(--c-grey)}@media all and (min-width:600px){.dashboard .user-info h2{font-size:var(--fsz-2)}.overview{display:flex}.overview>*{margin-right:var(--p-7)}.dashboard .user-info::before{top:65px}.dashboard .user-info p{font-size:1rem}}.wishlist-card{border:2px solid var(--c-grey);padding-bottom:var(--p-4)}.wishlist-card img{height:150px;width:100%;object-fit:cover}.mb-5{margin-bottom:var(--p-5)!important}.orders{overflow:auto;border-radius:var(--br-3);padding:var(--p-2)}.order-container{background-color:#fff;border:2px solid var(--c-grey)}.order-container>div{display:grid;grid-template-columns:repeat(4,1fr)}.orders .headings{border-radius:var(--br-3) var(--br-3) 0 0;padding:var(--p-3) 0;background-color:var(--c-secondary-200)}.orders .sub-title{font-size:.9rem}.order-container div *{text-align:center;overflow:hidden;padding:var(--p-2)}.order-products{margin:1rem 0!important;display:flex!important}@media all and (min-width:600px){.orders{padding:var(--p-6)}.orders .sub-title{font-size:var(--fsz-1)}}.feature{padding:var(--p-5) var(--p-3);pointer-events:none}.table div{margin-bottom:var(--p-5);align-items:center;justify-content:space-between}.feature .wrapper{overflow:scroll}.feature .text-card{width:100%}.table{border:1px solid #ccc;border-radius:var(--br-2);box-sizing:border-box;width:400px;padding:var(--p-2)}.table .heading{margin:var(--p-4) 0}.table .details{margin-bottom:var(--p-2)}.details p:first-child,.heading h4:first-child{width:40%}.table h4,.table p{width:20%;margin:0 var(--p-2)}@media all and (min-width:768px){.feature{padding:var(--p-7)}.feature .wrapper{overflow:hidden}.details p:first-child,.heading h4:first-child{width:40%}.table{padding:var(--p-7)}.table h4,.table p{width:100px;margin:0}.table{width:100%}}.divider{margin:1rem 0 3rem;border:1px solid var(--c-grey)}.icon-title{background-color:var(--c-primary-200);color:#fff;height:50px;width:50px;box-sizing:border-box;border-radius:var(--br-7);display:inline-grid;place-content:center}.profile-container{margin:var(--p-2);box-sizing:border-box;background-color:#fff;padding:var(--p-4);border-radius:var(--br-2);width:auto}.profile-layout{margin-top:2rem}.profile-layout label{margin-bottom:var(--p-2);display:flex;width:100%;flex-direction:column}.profile-layout label span{margin-bottom:var(--p-2)}.profile-layout .d-flex{flex-direction:column}.mt-sm-4{margin-top:var(--p-4)}@media all and (min-width:600px){.mt-sm-4{margin-top:0}.mr-lg-4{margin-right:var(--p-4)}.profile-container{width:90%;padding:3rem;margin:var(--p-5) auto}.profile-layout .d-flex{flex-direction:row}.profile-layout .d-flex label:first-child{margin-right:1rem}}