@import url(https://fonts.googleapis.com/css2?family=Poppins&display=swap);@import url(https://sudo-ui.netlify.app/components/components.css);@import url(https://use.fontawesome.com/releases/v5.15.4/css/all.css);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}

/*! Import area  */

/*! Common styles here */

/*!  Header style here */

/*! Fix section */

/*! Card style here  */

/*! Main footer style here */
/*! Import area  */

/*! Common styles here */

/*!  Header style here */

/*! Fix section */

/*! Card style here  */

/*! Main footer style here */

/*! Homepage Header style her */

/*! Main site wrappers style   */

/*! Category section style here  */


/*! New arrivals section style here  */
/*! Import area  */

/*! Common styles here */:root{--color-pri:#2f3841;--text-sec:#2f3841;--text-pri:#5a5c68;--primary-bg:#f2f2f2;--color-text-bg:#e0ecf5;--color-image-bg:#f1f6f9}.container__main{align-items:normal;justify-content:normal;min-height:100vh}

/*!  Header style here */.container__main .main__header{border-bottom:2px solid #e0ecf5;border-bottom:2px solid var(--color-text-bg);min-height:15vh}.main__header .header__announcment-bar{background-color:#e0ecf5;background-color:var(--color-text-bg);font-weight:500;height:20%;min-height:1rem;width:100%}.header__navbar .nav{background-color:#f2f2f2;background-color:var(--primary-bg);height:auto;height:80%}.nav__button-sec button{background-color:#2f3841;background-color:var(--text-sec)}.nav .nav__button-sec span{background-color:var(--color-pure-red);color:#f1f6f9;color:var(--color-image-bg)}

/*! Fix section */.card i{display:flex!important}.btns{padding:.5rem}

/*! Card style here  */.card{cursor:pointer;transition:all .3s ease-in-out}.card:hover{box-shadow:0 5px 10px var(--color-off-white);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.card .card__sec-upper{background-color:#f1f6f9;background-color:var(--color-image-bg)}.card .card__sec-lower{background-color:#e0ecf5;background-color:var(--color-text-bg);padding:.5rem}

/*! Main footer style here */.main__footer{margin-top:auto;min-height:2rem}.main__footer h2{margin-top:1rem}.main__footer p{margin-bottom:1rem}body{background-color:var(--primary-bg);font-family:Poppins,sans-serif}

/*! Homepage Header style her */.container__main-home .main__header{border-bottom:none}

/*! Main site wrappers style   */.landing__site-wrapper .site__intro-sec{align-items:center;background-color:var(--intro-sec-bg);gap:0;min-height:80vh;position:relative}.site__intro-sec .intro__sec-box{background-color:var(--color-pure-white);background-color:var(--color-image-bg);height:3rem;position:absolute;width:3rem}.site__intro-sec .intro__sec-box:first-child{left:0;top:0}.site__intro-sec .intro__sec-box:nth-child(2){left:3rem;top:3rem}.site__intro-sec .intro__sec-text{background-color:var(--color-text-bg);min-height:100%;text-align:center;width:100%}.site__intro-sec .intro__sec-text>*{width:80%}.intro__sec-text .headline-1{font-size:4rem;font-weight:900}.intro__sec-text p{font-size:2.5rem;line-height:3rem}.intro__sec-text p,.intro__sec-text p i{color:var(--text-sec)}.intro__sec-text a{background-color:var(--text-sec);margin-top:2rem;max-width:10rem;padding:1rem}.intro__sec-text a i{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.site__intro-sec .intro__sec-image{background-color:var(--color-image-bg)}.intro__sec-image .image__container{min-width:30rem}.image-res{max-height:100%}

/*! Category section style here  */.site__category-sec,.site__newarrival-sec{margin:2rem 0}.site__category-sec .grid{grid-gap:1rem;grid-template-columns:repeat(3,1fr);max-width:90%}.category__sec{background-color:var(--color-image-bg)}


/*! New arrivals section style here  */.newarrival__sec-cards{gap:1rem;height:auto;width:90%}.newarrival__sec-cards .card__sec-upper{background-color:var(--color-image-bg)}.newarrival__sec-cards .card__sec-lower{background-color:var(--color-text-bg)}
/*! Product site wrapper style here  */.product__site-wrapper{display:grid;grid-template-columns:1fr 5fr;justify-content:center}.site__filter-sec>*{margin-left:1rem}.site__filter-sec form{align-items:flex-start}.filter__sec-title h3{margin-right:auto}.site__product-sec{padding:0 1rem}.product__sec-cards{gap:1rem}.details__sec-title{color:var(--text-sec)}.card__upper-icon i{background-color:var(--color-text-bg);z-index:99}.card__sec-lower{min-height:8rem}
/*! Cart items style here */.main__title{text-align:center}.cart__product-item{justify-content:flex-start;min-height:20rem;padding:0 1rem}.cart__product-item .card__horizontal{max-width:40rem}

/*! Cart card style here */.cart__card{background-color:var(--color-text-bg);justify-content:flex-start;padding:1rem 0;position:relative;width:100%}.cart__card-empty{min-height:50vh}.card__badge-icon{background-color:var(--color-green);font-size:10px}.cart__card-sec{justify-content:space-around}.cart__card-sec img{max-height:10rem;max-width:10rem;object-fit:contain}.cart__card-title{width:12ch}.card__quantity button{align-items:center;display:inline-flex;height:15px;justify-content:center;width:15px}.card__quantity p{min-width:2ch}.price__sec{min-width:6ch}.price__sec-prev{color:var(--color-grey);font-size:1.2rem;font-weight:400;margin-left:1rem;text-decoration:line-through}.price__sec-crr{font-weight:700}.card__action-btns i{cursor:pointer;font-size:1rem}.text__green{color:var(--color-green)}


/*! Cart product quantity section style  */.details__sec-quantity{justify-content:flex-start}.details__sec-quantity input{border:2px solid var(--color-off-white);max-width:3rem;outline:none;text-align:center}

/*! Cart price section style here */.cart__details-order,.cart__details-sec{position:-webkit-sticky;position:sticky;top:2rem}.cart__details-order{background-color:var(--color-text-bg);border-radius:5px}.cart__details-order>*{border-bottom:2px solid var(--color-off-white)}.cart__details-order div:last-child{border-bottom:none}.order__details-item>*>p:first-child{margin-right:auto;padding:.5rem 0}.order__details-total{justify-content:space-between;width:100%}.order__details-place button{width:100%}
/*# sourceMappingURL=main.67997b74.css.map*/