@import url(https://fonts.googleapis.com/css2?family=Raleway:wght@500&display=swap);*{box-sizing:border-box;margin:0;padding:0}ul{list-style:none}a{color:#333;text-decoration:none}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Raleway,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}.container{margin:auto;max-width:1240px}.btn{background-image:linear-gradient(45deg,#5651e5,#709dff);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.2rem;margin:0;padding:2px,4px;transition:.4s}.btn:active{border-bottom:none;box-shadow:0 0 1px rgba(0,0,0,0,.2);-webkit-transform:translate(4px);transform:translate(4px)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.navbar{background-color:#fff;border-bottom:1px solid #eee;height:90px;left:0;top:0;width:100%}.navbar .container{align-items:center;display:flex;height:100%;justify-content:space-between;padding:1rem}.navbar span{color:#5651e5}.navbar .nav-menu{display:flex}.navbar li{padding:1rem}.hamburger{display:none}.navbar.icon{font-size:2rem}btn{height:2rem;width:3rem}@media screen and (max-width:940px){.hamburger{display:block}.navbar .nav-menu{align-items:center;background:#fff;display:flex;flex-direction:column;height:100%;position:absolute;right:-100%;top:90px;transition:.4s ease-in-out;width:100%;z-index:10}.navbar .active{right:0}.navbar.nav-menu li a{font-size:2rem}}.body{background-color:rgba(0,0,0,.5);color:#fff;height:80vh;margin-bottom:4rem;position:relative;width:100%}.body:before{content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.body .content{display:flex;flex-direction:column;height:100%;justify-content:center;margin:auto;max-width:700px;padding:1rem;text-align:center}.body h1{font-size:3.5rem;text-transform:capitalize}.body .search-text{font-size:1.4rem;margin:1.5rem}.search{align-items:center;background-color:#fff;border:1px solid #ccc;border-radius:8px;color:#333;display:flex;justify-content:space-between;padding:4px}.search input[type=text]:focus{outline:none}.search label{padding:0 14px 0 8px}.search .radio{align-items:center;display:flex}.search button{background-image:linear-gradient(45deg,#5651e5,#709dff);border:1px solid #5651e5;border-radius:8px;color:#fff;cursor:pointer;padding:10px}@media screen and (max-width:940px){.body{height:70vh}.body h1{font-size:2.5rem}.search input[type=text]{width:100%}}.sample{margin:4rem 0;text-align:center;width:100%}.sample>div{display:flex;justify-content:center}.sample>div p{font-size:1.2rem;margin:1rem 2rem}.bold{font-weight:700}.sample .container{grid-gap:1.2rem;display:grid;grid-template-columns:repeat(3,1fr);padding:1rem}.sample img{width:100%}@media screen and (max-width:940px){.sample{margin:1rem 0}.sample>div p{font-size:1rem;margin:1rem}.sample .container{grid-gap:.5rem;grid-template-columns:1fr}}@media screen and (max-width:478px){.sample>div p{margin:1rem .5rem}}.featured{margin-top:5rem}.featured .featured-text{margin:1rem 0;text-align:center}.featured .container{--gap:1.2rem;--num-cols:5;--row-height:300px;grid-gap:var(--gap);display:grid;gap:var(--gap);grid-auto-rows:var(--row-height);grid-template-columns:repeat(var(--num-cols),1fr);padding:1rem}.featured .container img{height:100%;object-fit:cover;width:100%}.span-2,.span-3{grid-column:span 3}.image-grid-row-2{grid-row:span 2}.info-grid{display:grid;grid-template-columns:repeat(2,1fr)}.right-img-details .btn{margin:1rem 0}.featured .top{align-items:center;display:flex;justify-content:space-between}.featured .top .price{color:green;font-size:1.5rem;font-weight:600}.featured-info{display:grid;justify-content:space-between;margin:.8rem 0;width:60%}.featured .bold{font-weight:600;margin-right:1rem}@media screen and (max-width:1024px){.featured .container{--num-cols:2;--row-height:200px;--gap:.5rem}.span-3{grid-column:span 2}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.order-6{order:6}}.footer{background-color:#f8f8f8;padding:2rem 0;width:100%}.footer .container{grid-gap:1.2rem;display:grid;gap:1.2rem;grid-template-columns:repeat(4,1fr)}.footer .col{margin:auto}footer h3{margin:.8rem 0}.footer .social{text-align:center}.footer .icon{color:#5651e5;font-size:2rem;margin:2rem 3rem}@media screen and (max-width:940px){.footer .comntainer{gap:.5rem;grid-template-columns:repeat(2,1fr)}.footer .footer.icon{margin:1rem}}
/*# sourceMappingURL=main.16db1cf3.css.map*/