*{margin:0;padding:0;box-sizing:border-box;text-decoration:none;list-style-type:none;font-family:Mulish}:root{--primary-color: #6366F1;--accent-color: #3f83f8;--text-color: #333333;--link-color: #2563eb;--background-color: #ffffff;--light-gray: #f0f0f0;--gray: #808080;--dark-gray: #555}body{height:100vh}.header-container{max-width:1280px;margin:0 auto}.header-content{display:flex;justify-content:space-between;align-items:center;padding:1rem}.header-left{font-size:2rem;font-weight:bolder}.header-left a{color:#000;outline:none}.header-left a span{color:#c95c04}.header-right{display:flex;gap:1rem}.signup-button{background-color:var(--background-color);border:1px solid var(--text-color);padding:.625rem 1.3rem;border-radius:4rem;font-size:1rem}.signup-button:hover{background-color:var(--light-gray);cursor:pointer}.login-button{border:1px solid var(--text-color);background-color:var(--text-color);color:var(--background-color);padding:.625rem 1.3rem;border-radius:4rem;font-size:1rem}.login-button:hover{background-color:var(--dark-gray);cursor:pointer}.header-container-two{display:none;max-width:1280px;margin:0 auto;padding:1rem}.header-content-two{display:flex;justify-content:space-between;align-items:center}.left-header{width:2em;height:2rem}.left-header img{width:100%;height:100%}.middle-header{padding-bottom:.4rem}.middle-header a{font-size:2.5rem;color:#000;font-weight:700}.middle-header a span{font-size:3rem;color:#c95c04}.right-header{display:flex;gap:.625rem;justify-content:center;align-items:center}.right-header img{width:1.9rem}.nav-container{max-width:1280px;margin:0 auto}.nav-content{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-top:1px solid var(--light-gray);border-bottom:1px solid var(--light-gray)}.nav-left{display:flex;gap:2rem}.hamburger{display:none;border:none}.hamburger-icon{width:2rem;height:2rem}@media screen and (max-width:768px){.nav-left{display:none}.hamburger{display:block}}.navbar li{position:relative}.navbar li a{color:var(--text-color);font-size:15px}.navbar li a:hover{color:#c95c04}.navbar{display:flex;gap:2rem}@media screen and (max-width: 905px){.navbar li a{font-size:12px}.navbar{display:flex;gap:1rem}}.dropdown-menu{position:absolute;display:flex;flex-direction:column;background-color:#f4f4f4;width:12rem;top:1.42rem;left:-1.2rem;border-radius:.1rem;overflow:hidden;display:none;z-index:100}.dropdown:hover .dropdown-menu{display:block}.dropdown-menu li{padding:.8rem 1.4rem}.dropdown-menu li:hover{background-color:#d3d3d3;text-decoration:underline;color:#c95c04}.dropdown-menu li:hover a{color:#c95c04}.nav-right{display:flex;gap:1.5rem}.nav-right img{width:1.2rem}.nav-right a{border:3px solid #d3d3d3;border-radius:5px;display:flex;justify-content:center;align-items:center;gap:.5rem;padding:6px 8px}.nav-right a span{font-weight:700;font-size:1.2rem;color:#000}.sidebar-container{width:80%;background-color:#fff;border:1px solid var(--light-gray);z-index:100;position:absolute;display:none}.sidebar-content{padding:0 12px}.sidebar-main-heading{display:flex;justify-content:space-between;padding:24px 0;border-bottom:1px solid lightgray}.sidebar-main-heading a,.contact-us a{color:var(--text-color);font-size:20px}.sidebar-dropdown-menu{display:flex;flex-direction:column;gap:5px;padding:6px 0 6px 30px;border-bottom:1px solid lightgray;display:none}.sidebar-dropdown-menu li a{color:#555;font-size:18px}.contact-us{padding:12px 0}@media screen and (max-width:426px){.header-right{display:none}.header-left{width:100%;display:flex;justify-content:center;align-items:center}.sidebar-container{width:90%}}.hero-container{max-width:1280px;margin:0 auto;padding:1rem 0;z-index:50;position:relative}.hero-content{background-image:url(/bazario-project/assets/perfeume-DJ6kavD1.jpg);background-position:center;background-size:cover;width:100%;height:70vh}#prevBtn,#nextBtn{font-size:16px;color:#000;background-color:#fff;opacity:.4;padding:.5rem .8rem;border-radius:10rem;cursor:pointer;border:1px solid transparent}#prevBtn:hover,#nextBtn:hover{opacity:1}.hero-center-container{width:100%;height:100%;background-color:#000000a1;display:flex;flex-direction:row;justify-content:space-around;align-items:center;gap:1rem}.hero-center-content{display:flex;flex-direction:column;gap:1rem;justify-content:center;align-items:center}.hero-title{color:var(--background-color)}.hero-desc{color:#f0f0f0;width:80%;text-align:center}.hero-link{display:flex;gap:1rem}.hero-content-link{font-size:.8rem;color:#000;background-color:#fff;opacity:.4;padding:.4rem 1rem;border-radius:2rem}.hero-content-link:hover{opacity:1}@media screen and (max-width:768px){.hero-title{font-size:1.4rem;text-align:center}.hero-desc{font-size:12px}.hero-content-link{font-size:.5rem;padding:8px 12px}}@media screen and (max-width:515px){.hero-title{font-size:.6rem}.hero-desc{width:90%;font-size:8px}.hero-link{display:none}#prevBtn,#nextBtn{font-size:12px;padding:.3rem .6rem}}.why-choose-us-container{max-width:1280px;margin:0 auto}.why-choose-us-content{display:flex;flex-direction:column;padding:1rem 0rem}.why-choose-us-grid{display:grid;justify-content:center;grid-template-columns:repeat(auto-fit,minmax(305px,314px))}.why-choose-us-card{display:flex;flex-direction:row;align-items:center;gap:.6rem;background-color:var(--light-gray);padding:16px 14px}.why-choose-us-img-container{border:none;border-radius:12rem;background-color:#fff;padding:8px}.why-choose-us-title{font-size:16px}.why-choose-us-desc{font-size:14px}.shop-by-category-container{max-width:1280px;margin:0 auto;padding:0}.shop-by-category-content{display:flex;flex-direction:column;gap:1rem}.shop-by-category-title{padding:1rem;font-size:1.4rem}.shop-category-swiper{width:100%}.swiper-wrapper{display:flex}.swiper-slide{flex-shrink:0;width:320px}.shop-by-category-card{width:235px;height:400px}.shop-by-category-card-img-container{height:80%}.shop-by-category-card-img{width:100%;height:100%;object-fit:cover;object-position:center}.shop-by-category-card-title{display:block;font-size:1.2rem;font-weight:700;padding:6px 1rem;color:#333}.shop-by-category-card-title:hover{color:#c95c04}@media screen and (max-width: 758px){.shop-by-category-title{text-align:center}}.footer-container{margin:0 auto;background-color:var(--light-gray);margin-top:3rem}.footer-content{padding:2rem;display:flex;justify-content:space-evenly;gap:6rem}.footer-left{display:flex;flex-direction:column;justify-content:center;gap:4rem;border-right:1px solid rgb(214,214,214);padding:1rem}.footer-main{display:flex;flex-direction:column;gap:.7rem;max-width:80%}.footer-main a{font-size:2rem;font-weight:700;color:#000}.footer-main a span{color:#c95c04}.footer-main p{font-size:.9rem;color:var(--dark-gray)}.footer-newsletter{display:flex;flex-direction:column;gap:.7rem}.footer-newsletter p{padding-left:.3rem}.email-container{display:flex;border:none;background-color:var(--background-color);max-width:18rem;justify-content:space-between;align-items:center;border-radius:2rem;padding:.5rem .7rem}.email-container input{border:none;outline:none}.arrow-buuton{background-color:#ec8c26;border-radius:50%;padding:.3rem;display:flex;justify-content:center;align-items:center}.footer-right{display:flex;padding:1rem;gap:8rem}.footer-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:2rem;padding:1rem}.footer-grid-column{display:flex;flex-direction:column;gap:.4rem;width:8rem}.footer-grid-column:nth-child(4){justify-content:end}.footer-grid-heading{font-size:1.2rem;font-weight:700}.fotter-grid-link{list-style-type:none;font-size:.8rem}.fotter-grid-link a{color:var(--dark-gray)}.fotter-grid-link a:hover{color:#2563eb}.social{display:flex;flex-direction:column;align-items:start;justify-content:end;padding:1rem;gap:.4rem}.social-link{display:flex;gap:.65rem}.icon-social{width:1.2rem;height:1.2rem}.icon-social img{width:100%;height:100%}@media screen and (max-width:948px){.footer-content{display:flex;flex-direction:column}.footer-left{justify-content:center;border-right:none}.footer-right{display:block}.footer-grid{grid-template-columns:repeat(auto-fit,minmax(100px,110px))}.footer-grid-column{max-width:max-content}.email-container{max-width:40rem}}