@import"https://fonts.googleapis.com/css2?family=Roboto&display=swap";body{background-color:#f5f5f5;margin:0;padding:0;box-sizing:border-box}*,.grid-container{font-family:Roboto}.grid-container{display:grid;grid-template-columns:260px 620px 260px;grid-template-rows:80px 707px auto;grid-gap:30px;margin:50px 200px}.grid-item{text-align:center;border-radius:10px;background-color:#fff}.scrollable-content{overflow:auto;background-color:#f5f5f5}.scrollable-content::-webkit-scrollbar{width:0%}.logo-para{font-family:mongolian baiti;cursor:pointer;font: 32px/44px Mongolian Baiti;padding-left:32px}.logo-container{display:flex;justify-content:start;align-items:center}.search-container{display:flex;justify-content:start;align-items:center;padding-left:30px}.search-container-inner{display:flex;justify-content:center;align-items:center}.filter-container-inner{display:flex;justify-content:center;align-items:center;cursor:pointer}.search-input{width:400px;height:40px;border:none}.search-input::placeholder{font:normal normal medium 12px/14px Gilroy;color:#9a9a9e}.search-input:focus{border-radius:10px;border:none}.filter{font:normal normal medium 14px/16px Gilroy;color:#303030}.become-a-seller-grid-item{background-color:#88c2bb;display:flex;font: 600 16px/19px Gilroy;color:#fff;justify-content:center;align-items:center;cursor:pointer}.navigation-main-container{height:630px;display:flex;justify-content:space-between;align-items:center}.nav-name-para{font-style:normal;font-variant:normal;font-weight:600;font-size:16px;line-height:19px;font-family:Gilroy;color:#8d8d8d}#home p{font-style:normal;font-variant:normal;font-weight:600;font-size:16px;line-height:19px;font-family:Gilroy;color:#101010;letter-spacing:0px}.navigation-main-container ul{text-decoration:none;list-style-type:none;display:flex;flex-direction:column;align-items:start;justify-content:center}.nav-inner{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;cursor:pointer}.navigation-main-container ul{width:100%;padding-inline-start:0}.navigation-main-container ul li #home{border-left-color:#88c2bb;border-width:0 0 0 3px;border-style:solid;height:32px;display:flex;justify-content:space-between;align-items:center;padding-left:33px;margin-top:37px;font-style:normal;font-variant:normal;font-weight:600;font-size:16px;line-height:19px;font-family:Gilroy;color:#101010;letter-spacing:0px}.navigation-main-container ul li .other{height:32px;display:flex;justify-content:space-between;align-items:center;padding-left:33px;margin-top:37px;font-style:normal;font-variant:normal;font-weight:600;font-size:16px;line-height:19px;font-family:Gilroy;color:#101010;letter-spacing:0px}.footer-first{display:flex;justify-content:space-between;align-items:center;background-color:#f5f5f5;padding:0 3px}.footer-first p{cursor:pointer;height:12px;font: 600 10px/12px Gilroy;color:#8d8d8d}.footer-second{display:flex;justify-content:space-between;align-items:center;background-color:#f5f5f5;padding:0 3px}.footer-second p{height:12px;font: 600 10px/12px Gilroy;color:#8d8d8d;cursor:pointer}.category-container{display:flex;justify-content:start;align-items:center;column-gap:24px}.grid-item6{overflow:scroll;background-color:#f5f5f5}.grid-item6::-webkit-scrollbar{display:none}.bottom-scrollable-content{height:300px;overflow-x:auto;display:flex;gap:20px;white-space:nowrap}.bottom-scrollable-content::-webkit-scrollbar{width:5px;height:7px}.bottom-scrollable-content::-webkit-scrollbar-thumb{background:#333}.bottom-scrollable-content::-webkit-scrollbar-thumb:hover{background:#555}.bottom-scrollable-content::-webkit-scrollbar-track{background:#ccc}.post-main-container{display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:600px;padding:30px;background-color:#fff}.post-main-container-item{width:100%}.post-main-container-item1{height:48px;display:flex;justify-content:space-between;align-items:center}.post-main-container-item1 div div .profile-name{font: 600 20px/24px Gilroy;color:#101010}.post-main-container-item1 div div .username{font:normal normal medium 14px/16px Gilroy;color:#8d8d8d}.post-main-container-item2{border-bottom:2px solid #F3F3F3}.post-image-container{position:relative}.like-overlay{position:absolute;top:0;right:0;padding:25px}.post-main-container-item2 div span a{text-decoration:none;color:#ff5e8a;font:normal normal medium 14px/21px Gilroy}.post-main-container-item2 div{color:#101010;font:normal normal medium 14px/21px Gilroy;text-align:left;margin:30px 0}.post-main-container-item3{display:flex;flex-direction:row;justify-content:start;align-items:center}.img-container{position:relative}.side-main-container{position:relative;overflow:hidden;margin-bottom:30px}.username-profile{position:absolute;bottom:0;background-image:url(/card-profile-background.svg);padding-left:14px;width:100%;overflow:hidden}.username-profile-inner{display:flex;align-items:center;justify-content:start}.username-name{display:flex;flex-direction:column;justify-content:center;align-items:center}.active-profile{position:relative}.active-green{position:absolute;width:10px;height:10px;background-color:#0ec297;border-radius:50%;border:2px solid white;top:0;right:0}.bottom-container-ammount{display:flex;justify-content:space-between;align-items:center;color:#101010;font: 600 24px/25px Barlow}.bottom-container{display:flex;flex-direction:column;align-items:start;min-width:252px;height:180px}.rating img{margin-right:3px}.rating{display:flex;flex-direction:row;justify-content:start;align-items:center}.bottom-scrollable-content{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.bottom-container-title{font: 600 13px/26px Gilroy;color:#101010;background-color:#f5f5f5;display:block;width:100%;margin-left:-20px}.bottom-container-ammount{background-color:#f5f5f5}.main-registration-outer-container{display:flex;justify-content:center;align-items:center;padding:10px;height:100vh}.main-registration-inner-container-primary{height:400px;padding:10px;font-size:30px;font: 32px/44px Mongolian Baiti;color:#101010;border-radius:10px;background-color:#fff}.lable-input-pair{display:flex;flex-direction:column;align-items:start}.lable-input-pair label{color:#101010;font: 600 20px/24px Gilroy}.lable-input-pair input{font-size:30px;border-radius:10px;padding:2px 5px}.lable-input-pair input::placeholder{font-size:16px}.sign-up-button{margin-top:40px;display:flex;justify-content:center;align-items:center}.sign-up-button button{background-color:#88c2bb;border-radius:10px;font-size:30px;width:200px;height:70px;cursor:pointer}