.logoimage{width:50px;height:50px;background-color:#000;border-radius:50px}.logo{display:flex;justify-content:center;align-items:center;gap:10px;font-family:"poppins" sans-serif;font-weight:700;font-size:17px;letter-spacing:-1px}.free{padding:10px 30px;width:100%;background:#010f1c;display:flex}.free .icon{color:#f3b123;font-size:22px}.free p{margin-left:10px;color:#f6f7f9;margin-top:8px;font-size:16px;font-weight:500}.main-header{padding:30px 40px;width:100%;border-bottom:1px solid #010f1c}.main-header .container{display:flex;justify-content:space-between}.main-header .container .search_box input{outline:none;padding:14px 30px;border:3px solid #0989ff;width:300px;color:#010f1c;border-radius:100px}.main-header .container .search_box button{border:3px solid #0989ff;outline:none;padding:9px 11px;cursor:pointer;background-color:#0989ff;color:#ecf2f7;border-radius:50px;margin-left:-46px}.main-header .container .icon{display:flex;margin-right:50px}.main-header .container .icon .account{display:flex;margin-right:30px}.main-header .container .icon .account .user_icon{margin-right:10px;font-size:22px;color:#010f1c;cursor:pointer}.main-header .container .icon .account p{margin-right:5px;margin-top:2px}.main-header .container .icon .second_icon{display:flex}.main-header .container .icon .second_icon .link{margin-right:5px;font-size:30px;cursor:pointer;color:#0989ff}.header{padding:20px 40px;width:100%;display:flex;justify-content:center;margin:auto;box-shadow:#00000059 0 5px 15px}.userne{margin-left:120px;display:flex;justify-content:center;align-items:center}.header .container{width:100%;display:flex;justify-content:space-between;align-items:center}.header .container .nav{margin-left:160px}.header .container .nav ul{display:flex}.header .container .nav ul li{margin-left:20px;list-style:none;font-weight:600}.header .container .nav ul li .link{text-decoration:none;color:#010f1c;transition:.5s}.header .container .nav ul li .link:hover{color:#0989ff}.header .container .auth{margin-left:120px;font-size:22px;font-weight:600;background-color:#0989ff;display:flex;justify-content:center;align-items:center;border-radius:50px;padding:7px 10px;cursor:pointer;margin-top:-10px}.header .container .auth button{font-size:22px;cursor:pointer;outline:none;border:none;background:none}.top_banner{padding:20px 40px;height:600px;width:100%;background:#e3edf6}.top_banner .container{max-width:100%;display:flex;justify-content:space-between}.top_banner .container .detail{margin-top:8%;margin-left:30px;width:200%;display:flex;flex-direction:column;gap:20px}.top_banner .container .detail h2{font-size:52px;color:#010f1c;margin-right:50%;margin-bottom:4 0px}.top_banner .container .detail .link{padding:10px 20px;text-decoration:none;border-radius:5px;color:#010f1c;background:#fff;width:fit-content;transition:.5s}.top_banner .container .detail .link:hover{background:#0989ff;color:#fff}.product_type{padding:20px 30px;width:100%}.product_type .container{max-width:100%;display:flex;justify-content:space-between}.product_type .container .box{padding:10px 20px;display:grid;justify-content:center;align-items:center;margin-left:20px}.product_type .container .box .img_box{height:200px;width:200px;border-radius:50%;background:#e3edf6;overflow:hidden;cursor:pointer}.product_type .container .box .img_box img{height:180px;width:140px;align-items:center;justify-content:center;margin-top:25px;margin-left:21px;transition:.5s}.product_type .container .box .img_box:hover img{transform:scale(1.1)}.product_type .container .box .details{margin:auto}.product_type .container .box .details p{margin-top:10px;color:#cddbdc}.about{padding:40px 50px;width:100%}.about .container{max-width:100%;display:flex;justify-content:space-between}.about .container .box{padding:10px 20px;display:flex;background:#e3edf6;width:270px;height:90px;border-radius:10px;cursor:pointer}.about .container .box{color:#e44c8c;font-size:32px;margin-top:10px}.about .container .box .detail{margin-top:10px;margin-left:10px}.about .container .box .detail h3{font-size:17px;color:#010f1c}.about .container .box .detail p{font-size:13px;color:#6f7474}.product{padding:30px 40px;width:100%}.product h2{font-size:32px;color:#010f1c;margin-bottom:20px}.product .container{display:flex;justify-content:space-between;flex-wrap:wrap}.product .container .box{padding:10px 20px;overflow:hidden;width:280px;height:380px;border:1px solid #e2e0e0;margin-bottom:20px;transition:.5s;cursor:pointer;border-radius:5px}.product .container .box:hover{box-shadow:#0000003d 0 3px 8px}.product .container .box .img_box{display:flex;justify-content:space-between;border-bottom:1px solid #e2e0e0}.product .container .box .img_box img{width:300px;height:250px;margin-right:50px}.product .container .box .img_box .icon{right:-130px;position:relative;z-index:1;display:flex;flex-direction:column;margin-top:20px;transition:.5s}.product .container .box .img_box:hover .icon{transform:translate(-130px)}.product .container .box .img_box .icon li{list-style:none;padding:10px;color:#010f1c;cursor:pointer;box-shadow:#0000003d 0 3px 8px;background:#fff;transition:.5s;font-size:18px}.product .container .box .img_box .icon li:hover{background:#0989ff;color:#fff}.product .container .box .detail{margin-top:10px}.product .container .box .detail p{color:#9a9a9a;font-size:14px}.product .container .box .detail h3{font-size:16px;margin-top:5px;color:#010f1c;transition:.5s}.product .container .box:hover .detail h3{color:#0989ff}.product .container .box .detail h4{margin-top:5px;font-style:14px;color:#0989ff}.banner{padding:20px 30px;width:100%}.me{display:flex;flex-direction:column;gap:20px}.banner .container{padding:100px 60px;background:#0989ff;border-radius:10px;display:flex;justify-content:space-between;height:500px}.banner .container .detail{margin-top:10px;margin-left:20px}.banner .container .detail h4{color:#e3edf6;font-size:16px;letter-spacing:1px}.banner .container .detail h3{margin-top:10px;font-size:42px;margin-right:20%;letter-spacing:1px;color:#fff}.banner .container .detail p{margin-top:30px;color:#fff;font-size:32px;font-weight:600}.images{width:400px;height:500px;margin-top:-100px}.banner .container .detail .link{padding:10px 30px;color:#e8f4ff;background:#010f1c;text-decoration:none;border-radius:5px;width:fit-content;transition:.5s}.banner .container .detail .link:hover{color:#010f1c;background:#e8f4ff}.products{padding:30px 40px;width:100%}.products h2{font-size:42px;letter-spacing:1px;text-transform:uppercase;font-weight:300;color:#010f1c}.products p{margin-top:20px;color:#9a9a9a}.products .container{margin-top:20px;max-width:100%;display:flex;justify-content:space-between}.products .container .filter{padding:20px 30px}.products .container .filter .categories h3{color:#010f1c;font-size:16px;text-transform:uppercase;font-weight:600}.products .container .filter .categories ul{margin-top:10px}.products .container .filter .categories ul li{list-style:none;margin-top:20px;color:#010f1c;cursor:pointer}.products .container .productbox{margin-right:20%}.products .container .productbox .contant{display:flex;justify-content:space-between;flex-wrap:wrap}.products .container .productbox .contant .box{padding:10px 20px;overflow:hidden;width:280px;height:380px;border:1px solid #e2e0e0;margin-bottom:20px;transition:.5s;cursor:pointer;border-radius:5px;margin-right:20px}.products .container .productbox .contant .box:hover{box-shadow:#0000003d 0 3px 8px}.products .container .productbox .contant .box .img_box{display:flex;justify-content:space-between;border-bottom:1px solid #e2e0e0}.products .container .productbox .contant .box .img_box img{width:200px;height:250px;margin-right:50px}.products .container .productbox .contant .box .img_box .icon{right:-130px;position:relative;z-index:1;display:flex;flex-direction:column;margin-top:20px;transition:.5s}.products .container .productbox .contant .box:hover .img_box .icon{transform:translate(-130px)}.products .container .productbox .contant .box:hover .img_box .icon li{list-style:none;padding:10px;color:#010f1c;cursor:pointer;box-shadow:#0000003d 0 3px 8px;background:#fff;transition:.5s;font-size:18px}.products .container .productbox .contant .box .img_box .icon li:hover{background:#0989ff;color:#fff}.products .container .productbox .contant .box .detail{margin-top:10px}.products .container .productbox .contant .box .detail h3{font-size:16px;margin-top:5px;color:#010f1c;transition:.5s}.products .container .productbox .contant .box:hover .detail h3{color:#0989ff}.products .container .productbox .contant .box .detail h4{margin-top:5px;font-size:14px;color:#0989ff;letter-spacing:1px}.product_detail{padding:30px 40px;width:100%;height:120%;position:fixed;z-index:1px;margin-top:-20%;background:#0000003d}.product_detail .container{margin-top:7%;margin-left:8%;width:1000px;height:450px;background:#fff;padding:20px 30px;border-radius:10px;box-shadow:#0000003d 0 3px 8px}.product_detail .container .closebtn{margin-left:100%;border:none;outline:none;background:none;font-size:22px;cursor:pointer}.product_detail .container .productbox{max-width:100%;display:flex;padding:20px 30px;margin-top:20px;justify-content:space-between}.product_detail .container .productbox .img-box{padding:20px 30px;width:300px;height:300px;background:#f1f1f1}.products h2{display:flex;justify-content:center;align-items:center}.product_detail .container .productbox .img-box img{width:200px;height:250px;margin:auto}.product_detail .container .productbox .detail{margin-left:30px;margin-top:10px}.product_detail .container .productbox .detail h4{text-transform:uppercase;font-size:16px;font-weight:200;color:#9a9a9a}.product_detail .container .productbox .detail p{margin-top:10px;color:#4a4a4a}.product_detail .container .productbox .detail h3{margin-top:10px;color:#0989ff;font-size:32px}.product_detail .container .productbox .detail button{margin-top:30px;padding:15px 60px;font-size:16px;color:#fff;background:#010f1c;transition:.5s;outline:none;cursor:pointer}.product_detail .container .productbox .detail button:hover{background:#0989ff}.cartcontainer{padding:40px 50px;width:100%;background:#f1f1f1;border-bottom:1px solid #9a9a9a}.cartcontainer .emptycart{margin-top:30px;margin-left:40%}.cartcontainer .emptycart h2{font-size:32px;color:#010f1c;text-transform:uppercase;font-weight:300;margin-bottom:30px}.cartcontainer .emptycart .emptycartbtn{text-decoration:none;color:#fff;padding:10px 20px;background:#010f1c;margin-left:80px}.cartcontainer .contant{max-width:100%;padding:20px 30px;position:relative}.cartcontainer .contant .cart_item{padding:20px 30px;display:flex;background:#fff;border-radius:5px;margin-top:10px;margin-bottom:10px}.cartcontainer .contant{max-width:100%;padding:20px 30px;display:flex;gap:10px;justify-content:space-between}.cartcontainer .contant .cart_item{padding:20px 30px;display:flex;width:800px;height:200px;background:#fff}.cartcontainer .contant .cart_item .img_box{padding:20px;background:#f1f1f1;width:200px;border-radius:10px;display:flex;justify-content:center;align-items:center}.cartcontainer .contant .cart_item .img_box img{width:250px;height:250px}.cartcontainer .contant .cart_item .detail{margin-left:60px;display:flex;width:700px;border-radius:10px;background-color:#f7f7f7;padding:20px 30px;position:relative}.cartcontainer .contant .cart_item .detail .info{display:flex;flex-direction:column;gap:10px}.cartcontainer .contant .cart_item .detail .info h4{text-transform:uppercase;font-size:15px;color:#9a9a9a;font-weight:100}.cartcontainer .contant .cart_item .detail .info h3{margin-top:20px;color:#010f1c;font-style:22px;font-weight:200}.cartcontainer .contant .cart_item .detail .info p{margin-top:10px;color:#010f1c}.cartcontainer .contant .cart_item .detail .info .qty{display:flex;justify-content:center;align-items:center;margin-left:40px;width:50px;height:40px}.cartcontainer .contant .cart_item .detail .info .incqty{padding:10px;background:none;outline:none;border:none;color:#0989ff;font-size:28px;cursor:pointer}.cartcontainer .contant .cart_item .detail .info .decqty{padding:10px;background:none;outline:none;border:none;color:#0989ff;font-size:32px;cursor:pointer}.cartcontainer .contant .cart_item .detail .info .qty input{border:none;outline:none;background:none;font-size:18px;color:#010f1c;width:50px}.cartcontainer .contant .cart_item .detail .info .subtotal{color:#010f1c;font-size:32px;margin-top:10px}.cartcontainer .contant .cart_item .detail .close{top:3px;right:3px;position:absolute;display:flex;justify-content:center;align-items:center;height:30px;width:30px;border-radius:100px}.cartcontainer .contant .cart_item .detail .close button{border:none;outline:none;font-size:18px;color:#302f2f;cursor:pointer;background:none}.payment{background-color:#010f1c;width:300px;padding:20px;height:450px;color:#fff;border-radius:10px;display:flex;flex-direction:column;gap:18px;align-items:left;text-align:left}.payment .btnbox{display:flex;justify-content:space-evenly}.payment .btn{padding:5px 15px;border-radius:100px;border-style:none;color:#fff;background-color:#302f2f}.payment input{border-left:1px solid black;border-right:none;border-top:none;background-color:#010f1c;color:#fff;border-bottom:1px solid #fff}.line{font-size:100px;width:100px}.inner-content{display:grid}.tag{margin-left:30px}.date{display:flex;justify-content:center;gap:10px}.date input{width:120px;color:#fff}.date div{gap:10px;display:grid}.totalcheckoutbutton{display:flex;align-items:center;justify-content:space-between;height:40px}.cartcontainer .totalprice{text-transform:uppercase}.cartcontainer .checkout{padding:10px 20px;color:#fff;border-radius:100px;background:#0989ff;border:none;outline:none;cursor:pointer}.signupcontainer .content{margin:auto;height:400px;padding:20px;width:600px;justify-content:space-between;align-items:center;display:flex}.signupcontainer .content .leftbox{display:flex;flex-direction:column}.signupcontainer .content .rightbox{padding:20px;border-radius:10px}.signupcontainer .content .rightbox .innercontent{display:flex;flex-direction:column;gap:10px}h6{margin:auto}*{margin:70px 0 0;padding:0;font-family:sans-serif;box-sizing:border-box}.signupcontainer{border-radius:10px;margin:70px auto;width:700px;display:flex;justify-content:center;align-items:center;height:400px;box-shadow:#0000003d 0 3px 8px}.signupcontainer .content{margin:auto;height:400px;padding:10px;width:600px;justify-content:space-between;align-items:center;gap:10px;display:flex}.logoimage{width:100px;height:100px}.signupcontainer .content .leftbox{display:flex;flex-direction:column;gap:20px;text-align:center;justify-content:center;align-items:center}.signupcontainer .content .rightbox{padding:30px;background-color:#e7e7e7;border-radius:10px}.signupcontainer .content .rightbox .innercontent{display:flex;flex-direction:column;gap:20px}input{padding:5px 20px;border-radius:20px;border-style:initial;border:1px solid black}.profileimg{width:100px;height:100px;border-radius:50px;justify-content:center;align-items:center;display:flex}.line{width:100px;height:1px;background-color:#000}.signupcontainer .content .rightbox button{padding:9px 10px;width:150px;border-radius:50px;border-style:none;background-color:#353a5f;transition:.5s ease;color:#f0f8ff;font-weight:600;margin:auto}.signupcontainer .content .leftbox button{padding:9px 10px;width:150px;border-radius:50px;border-style:none;background-color:#353a5f;transition:.5s ease;color:#f0f8ff;font-weight:600}.signupcontainer .content .leftbox button:hover,.signupcontainer .content .rightbox button:hover{background-color:#9ebaf3;color:#000}.socials{display:flex;list-style:none;gap:10px;margin:auto}.socials li{color:#353a5f}.contact{display:flex;justify-content:center;align-items:center;background:#fafafa;padding:20px}form{max-width:600px;width:100%;background:transparent;border-radius:20px;padding:20px;box-shadow:0 0 10px #b1b1b1;color:#333;margin:20px}form h2{font-size:2rem;text-align:center}form .input-box{margin-top:20px;width:90%}.input-box .field,.input-box .field-mess{width:100%;background:transparent;border:2px solid #ddd;outline:none;box-shadow:0 0 10px silver;border-radius:6px;padding:10px;font-size:1rem;color:#333;margin-top:8px}.input-box .field-mess{height:150px;resize:none}form button{width:100%;height:55px;background:#826afb;border:none;border-radius:6px;box-shadow:0 0 10px #0000001a;cursor:pointer;font-size:1rem;color:#fff;font-weight:500;margin-top:25px;transition:background .3s ease}form button:hover{background:#624ec6}@media (max-width: 768px){.contact{padding:10px}form h2{font-size:1.5rem}.input-box .field,.input-box .field-mess,form button{font-size:.9rem}}@media (max-width: 576px){.input-box .field-mess{height:100px}form h2{font-size:1.3rem}form{padding:10px}}*{margin:0;padding:0;font-family:sans-serif;box-sizing:border-box}.footer{padding:30px 40px;width:100%;background:#ecf2f7}.footer .container{max-width:100%;display:flex;justify-content:space-between}.footer .container .about{max-width:30%}.footer .container .about .detail p{margin-top:20px;font-size:16px;color:#010f1c}.footer .container .about .detail .icon{margin-top:20px;display:flex}.footer .container .about .detail .icon li{margin-left:20px;list-style:none;padding:10px;box-shadow:#00000026 1.95px 1.95px 2.6px;cursor:pointer;transition:.5s}.footer .container .about .detail .icon li:hover{background:#0989ff;color:#fff;border-radius:5px;font-size:16px}.footer .container .account{margin-right:90px;margin-top:30px}.footer .container .account h3{font-style:32px;color:#010f1c}.footer .container .account ul{margin-top:10px;margin-left:20px}.footer .container .account ul li{margin-top:5px;color:#010f1c;font-size:14px;transition:.5s}.footer .container .account ul li:hover{color:#0989ff}.footer .container .page{margin-right:90px;margin-top:30px}.footer .container .page h3{font-style:32px;color:#010f1c}.footer .container .page ul{margin-top:10px;margin-left:20px}.footer .container .page ul li{margin-top:5px;color:#010f1c;font-size:14px;transition:.5s}.footer .container .page ul li:hover{color:#0989ff}