.header_banner{position:relative}.header_banner .cover_photo{width:100vw;height:160px}.header_banner .cover_photo .photo{width:100%;height:100%;object-fit:cover;background-position:50%}.header_banner .bio_wrap{display:grid;grid-template-columns:200px 1fr 150px;grid-gap:1rem;gap:1rem}@media screen and (max-width:768px){.header_banner .bio_wrap{grid-template-columns:1fr;margin:1rem}}.header_banner .bio_wrap .profile_pic{width:180px;height:180px;margin-left:2rem}@media screen and (max-width:768px){.header_banner .bio_wrap .profile_pic{margin-left:0;height:120px}}.header_banner .bio_wrap .profile_pic .profile{height:180px;border-radius:50%;object-fit:cover;background-position:50%;border:3px solid #fff;position:absolute;top:7rem}.header_banner .bio_wrap .bio_texts{margin-top:3rem}@media screen and (max-width:768px){.header_banner .bio_wrap .bio_texts{margin-top:0}}.header_banner .bio_wrap .bio_texts .title{font-size:28px;font-weight:700;color:#181a21}.header_banner .bio_wrap .bio_texts .subtitle{font-size:14px;color:#9d9d9d;margin-top:.5rem}.header_banner .bio_wrap .bio_texts .bio{font-size:14px;color:#181a21;margin-top:1rem}@media screen and (max-width:768px){.header_banner .bio_wrap .bio_texts .bio{margin-top:.75rem}}.header_banner .bio_wrap .bio_texts .bio .see_more{background-color:transparent;border:none}.header_banner .bio_wrap .bio_texts .bio .see_more span{color:#827f7f;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:2px}.header_banner .bio_wrap .bio_texts .social_icons{margin-top:1rem;display:flex;gap:.5rem}@media screen and (max-width:768px){.header_banner .bio_wrap .bio_texts .social_icons{display:none}}.header_banner .bio_wrap .bio_texts .social_icons .icon{width:1.5rem;height:1.5rem;background-color:#9d9d9d;cursor:pointer;border-radius:5px;display:grid;place-items:center;color:#fff}.header_banner .bio_wrap .mobile_links{display:flex;align-items:center;gap:1rem}@media screen and (min-width:769px){.header_banner .bio_wrap .mobile_links{align-items:flex-start}}.header_banner .bio_wrap .mobile_links .social_icons{display:flex;gap:.5rem}@media screen and (min-width:769px){.header_banner .bio_wrap .mobile_links .social_icons{display:none}}.header_banner .bio_wrap .mobile_links .social_icons .icon{width:1.5rem;height:1.5rem;background-color:#9d9d9d;cursor:pointer;border-radius:5px;display:grid;place-items:center;color:#fff}.header_banner .bio_wrap .mobile_links .share_button{margin-top:3rem;width:100%}@media screen and (max-width:769px){.header_banner .bio_wrap .mobile_links .share_button{margin-top:0}}.header_banner .bio_wrap .mobile_links .share_button .share{display:flex;justify-content:center;align-items:center;width:8rem;height:2.35rem;background-color:#72a0c1;border-radius:5px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:.5s ease-in-out}.header_banner .bio_wrap .mobile_links .share_button .share:hover{background-color:#3f6d8e;transform:scaleX(.99)}@media screen and (max-width:769px){.header_banner .bio_wrap .mobile_links .share_button .share{width:100%}}.search_container{width:100%;height:2.5rem;gap:.75rem}@media screen and (max-width:500px){.search_container{grid-template-columns:1fr}}.search_container .search_bar{height:100%;border:1px solid #9d9d9d;border-radius:.5rem;padding:5px .5rem;display:flex;align-items:center;gap:.5rem;box-shadow:0 2px 4px rgba(0,47,54,.2)}.search_container .search_bar .search_input{width:100%;height:100%;border:none;outline:none;font-size:16px}.search_container .search_bar .search_input::placeholder{color:#9d9d9d}.search_container .search_bar .search_input:focus{border:none;outline:none}.search_container .search_bar .search_icon{width:1.25rem;height:1.25rem;color:#827f7f}.categories_container .categories_list{display:flex;gap:.5rem}.categories_container .categories_list .category{width:-moz-fit-content;width:fit-content;min-width:-moz-fit-content;min-width:fit-content;height:100%;background-color:#eef2ff;border-radius:.5rem;padding:.25rem .5rem;display:grid;place-items:center;cursor:pointer;transition:all .3s ease-in-out}.categories_container .categories_list .category:hover{transform:scale(1.05);background-color:#e0e6f7}.categories_container .categories_list .category .category_button{font-size:14px;font-weight:500;color:#827f7f;background:transparent}.categories_container .categories_list .active{background-color:#72a0c1}.categories_container .categories_list .active .category_button{color:#fff}.categories_container .categories_list .active:hover{background-color:#3f6d8e;transform:scale(1.05)}.animateSpinner{width:30px;height:30px;box-sizing:border-box;border-radius:50%;animation:spinner-rotate 1s linear infinite;border:4px solid #72a0c1;border-top-color:rgba(113,98,225,.19);margin:0 auto}@keyframes spinner-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.product_section{margin-top:2rem;margin-bottom:2rem}.product_section .product_list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:1rem;gap:1rem;margin-top:1rem;width:100%}.product_section .product_list .list{height:240px;border-radius:10px;background-color:#eef2ff;border-radius:8px;display:flex;align-items:flex-end;flex-direction:column;justify-content:flex-end;padding:.5rem;cursor:pointer}.product_section .product_list .list .product_image{width:100%;height:100%;border-radius:10px;object-fit:cover}.product_section .product_list .list .category{width:100%;line-height:1;color:#fff;font-size:12px;font-weight:500;text-align:left;text-transform:capitalize}.product_section .product_list .list .product_name{width:100%;line-height:1.2;color:#fff;font-size:18px;text-transform:capitalize;font-weight:600;text-align:left}.product_section .no_products{text-align:center;font-size:16px;font-weight:500;width:100%;margin-top:3rem}.main_container{width:100%;position:relative;display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr 3rem;min-height:100vh;height:100%}.main_container .body_container{border-top:1px solid #e0e6f7;padding:1rem;margin-top:2rem}.main_container .body_container .body_nav{display:grid;grid-template-columns:auto 1fr;grid-gap:1rem;gap:1rem;margin-top:1rem;align-items:center;margin-bottom:2rem}@media screen and (max-width:600px){.main_container .body_container .body_nav{display:flex;flex-direction:column-reverse;align-items:flex-start}}.pagination{border:1px solid #72a0c1;border-radius:10px;padding:.75rem;width:-moz-fit-content;width:fit-content;margin:2rem auto 0;display:flex;gap:.5rem}.pagination .pagination__button{border:none;background-color:transparent;font-size:14px;font-weight:600;color:#181a21;cursor:pointer;padding:.5rem 1rem;border-radius:5px;transition:background-color .3s ease-in-out}.pagination .pagination__button:hover{background-color:#72a0c1;color:#fff}.pagination .pagination__button:disabled{background-color:#72a0c1;color:#fff;cursor:not-allowed}.pagination .pagination__active,.scrollUp__button{background-color:#72a0c1;color:#fff}.scrollUp__button{position:fixed;bottom:20px;right:20px;width:35px;height:35px;border-radius:50%;font-size:1.5rem;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .3s ease-in-out}.scrollUp__button:hover{background-color:#3f6d8e}@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap";*,:after,:before,body{box-sizing:border-box;margin:0;padding:0}body{font-family:DM Sans,sans-serif;font-size:16px;font-weight:400;line-height:1.6;color:#181a21;background-color:#fff;max-width:100vw;height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:400;line-height:1.2;margin:0;padding:0}a{text-decoration:none;color:#181a21}ul{list-style:none}img{max-width:100%;height:auto}button{border:none;outline:none;cursor:pointer;transition:.5s ease-in-out;font-family:DM Sans,sans-serif}button:hover{transform:scaleX(.99)}input{border:none;outline:none}.footer{background-color:transparent;color:#fff;text-align:center;font-size:12px;width:100%}.footer .footer__bottom{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:1.5rem;margin:0 auto}.footer .footer__bottom .footer__right{width:70%;display:flex;justify-content:space-between;align-items:center}@media screen and (min-width:900px){.footer .footer__bottom .footer__right{width:50%;justify-content:flex-start;gap:2rem}}.footer .footer__bottom .footer__right .logo{color:#181a21;font-size:12px;font-weight:700}.footer .footer__bottom .footer__left{font-size:12px;font-weight:400;text-align:right;width:100%;color:#9d9d9d}