.slider{height:calc(100vh - 80px);width:100vw;position:relative;overflow:hidden}.slider .container{width:300vw;height:100%;display:flex;transition:all 1s ease}.slider .container img{width:100vw;height:100vh;object-fit:cover}.slider .icons{width:fit-content;display:flex;position:absolute;left:0;right:0;bottom:100px;gap:10px;margin:auto}.slider .icons .icon{width:50px;height:50px;border:1px solid #999;display:flex;align-items:center;justify-content:center;cursor:pointer}.FeatureProducts{margin:100px 200px}.FeatureProducts .top{display:flex;align-items:center;justify-content:space-between;margin-bottom:50px}.FeatureProducts .top h1{flex:2;text-transform:capitalize}.FeatureProducts .top p{flex:3;color:gray}.FeatureProducts .bottom{display:flex;justify-content:center;gap:50px}.card{width:280px;display:flex;flex-direction:column;gap:10px;margin-bottom:50px}.card .image{width:100%;height:400px;overflow:hidden;position:relative}.card .image:hover .secondImg{z-index:2}.card .image img{width:100%;height:100%;object-fit:cover;position:absolute}.card .image .mainImg{z-index:1}.card .image span{position:absolute;top:5px;left:5px;background-color:#fff;color:teal;padding:3px 5px;z-index:3;font-weight:500;font-size:12px}.card h2{font-size:18px;font-weight:400;margin:0}.card .prices{display:flex;gap:20px}.card .prices h3{font-size:16px;font-weight:500;margin:0}.card .prices h3:first-child{color:gray;text-decoration:line-through}.categories{display:flex;height:80vh;gap:10px;margin:10px}.categories .col{flex:1;display:flex;flex-direction:column;gap:10px}.categories .col-l{flex:2}.categories .row{flex:1;display:flex;gap:10px;position:relative;overflow:hidden}.categories .row button{position:absolute;min-width:100px;width:fit-content;height:50px;padding:10px;top:0;bottom:0;left:0;right:0;margin:auto;cursor:pointer;border:none;background-color:#fff;text-transform:uppercase;font-weight:500}.categories .row img{width:100%;height:100%;object-fit:cover}.contact{background-color:#2879fe;color:#fff;padding:15px;display:flex;justify-content:center}.contact .wrapper{width:50%;display:flex;align-items:center;justify-content:space-between}.contact input{padding:10px;border:none;border-radius:5px 0 0 5px}.contact button{padding:10px;color:#fff;background:#333;border-radius:0 5px 5px 0;border:none}.contact .icons{display:flex;gap:10px}.products{padding:30px 50px;display:flex}.products .left{flex:1;position:sticky;height:100%;top:50px}.products .left .filterItem{margin-bottom:30px}.products .left .filterItem h2{font-weight:400;margin-bottom:20px}.products .left .filterItem .inputItem{margin-bottom:10px}.products .left .filterItem .inputItem label{margin-left:10px}.products .right{flex:3}.products .right .catImg{width:100%;height:300px;object-fit:cover;margin-bottom:50px}.list{display:flex;justify-content:space-between;flex-wrap:wrap}.product{padding:20px 50px;display:flex;gap:50px}.product .left{flex:1;display:flex;gap:20px}.product .left .images{flex:1}.product .left .images img{width:100%;height:150px;object-fit:cover;cursor:pointer;margin-bottom:10px}.product .left .mainImg{flex:5}.product .left .mainImg img{width:100%;max-height:800px;object-fit:cover}.product .right{flex:1;display:flex;flex-direction:column;gap:30px}.product .right .price{font-size:30px;color:#2879fe;font-weight:500}.product .right p{font-size:18px;font-weight:300;text-align:justify}.product .right .quantity{display:flex;align-items:center;gap:10px}.product .right .quantity button{width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none}.product .right .add{width:250px;padding:10px;background-color:#2879fe;color:#fff;display:flex;align-items:center;justify-content:center;gap:20px;cursor:pointer;border:none;font-weight:500}.product .right .links{display:flex;gap:20px}.product .right .links .item{display:flex;align-items:center;gap:10px;color:#2879fe;font-size:14px}.product .right .info{display:flex;flex-direction:column;gap:10px;color:gray;font-size:14px;margin-top:30px}.product .right .info hr{width:200px;border:1px solid rgb(238,237,237)}.product .right hr{width:100%;border:1px solid rgb(238,237,237);margin:0}.footer{margin:100px 200px 20px}.footer .top{display:flex;gap:50px}.footer .item{flex:1;display:flex;flex-direction:column;gap:10px;text-transform:uppercase;font-size:14px;color:gray;text-align:justify}.footer .item h1{color:#555;font-size:18px;font-weight:500;margin-bottom:20px}.footer .item span{color:gray;cursor:pointer}.footer .bottom{display:flex;align-items:center;justify-content:space-between;margin-top:50px}.footer .bottom .left{display:flex;align-items:center}.footer .bottom .left .logo{color:#2879fe;font-weight:700;font-size:24px}.footer .bottom .left .copyright{font-size:12px;margin-left:20px;color:gray}.footer .bottom .right img{height:50px}.navbar{height:80px}.navbar .wrap{padding:10px 30px;display:flex;align-items:center;justify-content:space-between}.navbar .wrap .item{display:flex;align-items:center;font-size:18px;justify-content:center}.navbar .wrap .left{display:flex;align-items:center;gap:25px}.navbar .wrap .center{font-size:30px;letter-spacing:2px;flex:1;text-align:center}.navbar .wrap .right{display:flex;align-items:center;gap:25px}.navbar .wrap .right .icons{display:flex;gap:10px;color:#777;cursor:pointer}.navbar .wrap .right .icons .cartIcon{position:relative}.navbar .wrap .right .icons .cartIcon span{font-size:12px;width:20px;height:20px;border-radius:50%;background-color:#2879fe;color:#fff;position:absolute;right:-10px;top:-10px;display:flex;align-items:center;justify-content:center}.cart{position:absolute;right:20px;top:80px;z-index:999;background-color:#fff;padding:20px;-webkit-box-shadow:0px 0px 7px -5px rgba(0,0,0,.5);box-shadow:0 0 7px -5px #00000080}.cart h1{margin-bottom:30px;color:gray;font-weight:400;font-size:24px}.cart .item{display:flex;align-items:center;gap:20px;margin-bottom:30px}.cart .item img{width:80px;height:100px;object-fit:cover}.cart .item .details h1{font-size:18px;font-weight:500}.cart .item .details p{color:gray;margin-bottom:10px;font-size:14px}.cart .item .details .price{color:#2879fe}.cart .item .delete{color:red;font-size:30px;cursor:pointer}.cart .total{display:flex;justify-content:space-between;font-weight:500;font-size:18px;margin-bottom:20px}.cart button{width:250px;padding:10px;display:flex;align-items:center;justify-content:center;gap:20px;cursor:pointer;border:none;background-color:#2879fe;color:#fff;font-weight:500;margin-bottom:20px}.cart .reset{color:red;font-size:12px;cursor:pointer}.app .link{color:inherit;text-decoration:none}