.free{padding:10px 30px;width:100%;background:#010f1c;display:flex;color:#fff}.free .icon{color:#f3b123;font-size:28px}.free p{margin-left:15px;color:#6278f6;margin-top:8px}.logo{font-size:1.5rem;font-weight:700}.logo b{color:orange}.main_header{padding:30px 40px;width:100%;border-bottom:1px solid #010f1c}.main_header .container{display:flex;justify-content:space-around}.main_header .container .search_box{margin-right:30px;background-color:#fff;border-radius:10px;overflow:hidden;cursor:pointer;padding-left:15px;box-shadow:5px 2px 10px 5px #14131313;border:1px solid #000}.main_header .container .search_box input{width:300px;height:100%;border:none;outline:none;font-size:.9em;caret-color:#ff5100}.main_header .container .search_box button{padding:0 15px 0 12px;border:none;background-color:transparent;height:45px;cursor:pointer;transition-duration:.3s}.main_header .container .search_box button:hover{background-color:#f3c882;transition-duration:.3s}.icon{display:flex;margin-right:50px}.account{display:flex;margin-right:30px}.account .user_icon{margin-right:10px;font-size:22px;color:#010f1c;cursor:pointer}.account p{margin-right:5px;margin-top:2px}.second_icon{display:flex;margin-right:5px}.second_icon .link{margin-right:5px;font-size:22px;cursor:pointer;color:orange}.header{width:100%;padding:20px 30px;box-shadow:#00000059 0 5px 15px}.header .container{display:flex;max-width:100%;justify-content:space-between}.header .container .nav ul{display:flex}.header .container .nav ul li{margin-left:20px;list-style:none}.header .container .nav ul li .link{text-decoration:none;color:#010f1c;transition:.5s}.header .container .nav ul li .link:hover{color:orange}.header .container .auth{margin-right:20px;font-size:22px;cursor:pointer}.header .container .auth button{margin-right:20px;font-size:22px;cursor:pointer;outline:none;border:none;background:none}.header .container .auth button:hover{color:orange}@media screen and (max-width: 800px){.header .container .nav ul li{margin-left:30px}.main_header .container .search_box,.icon,.header .container .auth{display:none}}.container{max-width:100%;margin:auto}.row{display:flex;flex-wrap:wrap}ul{list-style:none}.footer{background-color:#24262b;padding:70px 0}.footer-col{width:25%;padding:0 15px}.footer-col h4{font-size:18px;color:#fff;text-transform:capitalize;margin-bottom:35px;font-weight:500;position:relative}.footer-col h4:before{content:"";position:absolute;left:0;bottom:-10px;background-color:orange;height:2px;box-sizing:border-box;width:50px}.footer-col ul li:not(:last-child){margin-bottom:10px}.footer-col ul li a{font-size:16px;text-transform:capitalize;color:#fff;text-decoration:none;font-weight:300;color:#bbb;display:block;transition:all .3s ease}.footer-col ul li a:hover{color:#fff;padding-left:8px}.footer-col .social-links li{display:inline-block;height:40px;width:40px;background-color:#fff3;margin:0 10px 10px 0;text-align:center;line-height:40px;border-radius:50%;color:#fff;transition:all .5s ease}.footer-col .social-links li:hover{color:#24262b;background-color:#fff}@media (max-width: 767px){.footer-col{text-align:center;width:50%;margin-bottom:30px}.footer-col h4{text-align:center}}@media (max-width: 574px){.footer-col{width:100%;text-align:center}.footer-col h4{display:none}}.top_banner{padding:90px 30px;width:100%;background:#fb943a3e}@media screen and (max-width: 800px){.top_banner{flex-direction:column;padding:40px 15px}}.top_banner .container{max-width:100%;display:flex;justify-content:space-between}@media screen and (max-width: 800px){.top_banner .container{display:block;margin-top:5px}.top_banner .container .detail{text-align:left;display:inline-block;font-size:14px}}.top_banner .container .detail{margin-top:10%;margin-left:40px}.top_banner .container .detail h2{font-size:2.5rem;color:#01011c;margin-right:50%;margin-bottom:40px}@media screen and (max-width: 800px){.top_banner .container .detail h2{font-size:1.9rem}}.top_banner .container .detail .link{padding:10px 20px;text-decoration:none;border-radius:5px;color:#01011c;background:#fff;transition:.5s}.top_banner .container .detail .link:hover{background:orange;color:#000}.top_banner .container .img_box img{width:650px;object-fit:cover}@media screen and (max-width: 800px){.top_banner .container .img_box img{width:100%;margin-top:20px}}.product{display:block;flex-direction:column;padding:30px 40px;width:100%}.product h2{font-size:27px;color:#01011c;margin-bottom:20px}.product .container{display:flex;justify-content:space-between;flex-wrap:wrap}.product .container .box{padding:10px 20px;overflow:hidden;width:290px;height:380px;border:1px solid #e2e0e0;margin-bottom:20px;transition:.5s;cursor:pointer;border-radius:5px}.product .container .box:hover{box-shadow:#00000059 0 5px 15px}.product .container .box .img_box{display:flex;justify-content:space-between;border-bottom:1px solid #e2e0e0}.product .container .box .img_box img{z-index:0;width:200px;height:200px;margin-right:10px;margin-left:10px;margin-bottom:10px;mix-blend-mode:multiply;top:0;left:0;bottom:0;right:0;max-width:100%;max-height:100%}.detail .icon{text-decoration:none;display:flex;transition:.5s;margin:10px}.icon li{padding:5px 20px;border-radius:5px;margin:0 10px 10px;list-style:none;border:1px solid #9a9a9a;color:#01011c;cursor:pointer;box-shadow:#0000003d 0 3px 8px;background:#fff;transition:.5s;font-size:16px}.icon li:hover{background:#fcd897b6;color:#000}.product .container .box .detail{margin-top:5px}.product .container .box p{color:#9a9a9a;font-size:14px}.product .container .box h3{margin-top:5px;margin-bottom:5px;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0;width:calc(100% - 15px)}.banner{width:100%}.banner .container{padding:40px 50px;background:#fb943a3e;display:flex;justify-content:space-between}.banner .container .detail{margin-top:5%;margin-left:20px}.banner .container .detail h4{font-size:17px;color:orange;letter-spacing:1px;margin-bottom:20px}.banner .container .detail h3{margin-top:10px;font-size:24px;margin-right:20%;color:#000;margin-bottom:40px}.banner .container .detail .link{padding:10px 30px;color:#e8f4ff;background:#01011c;text-decoration:none;border-radius:5px;transition:.5s}.banner .container .detail .link:hover{color:#01011c;background:#e8f4ff}.banner .container .img_box img{margin-top:25px;width:500px;object-fit:cover;mix-blend-mode:multiply}@media (max-width: 800px){.banner .container{display:block;text-align:center}.banner .container .detail h3{display:inline-block;letter-spacing:.2px;margin-bottom:20px;text-align:center}.banner .container .detail .link{font-size:.8rem}.banner .container .img_box img{width:300px;height:auto;margin-bottom:75px}}.products{padding:30px 40px}.products h2{font-size:45px;letter-spacing:1px;text-transform:uppercase;font-weight:300;color:#010f1c}@media (max-width: 800px){.products h2{font-size:30px}}.products p{margin-top:10px;color:#9a9a9a}.products .container{margin-top:20px;max-width:100%;display:flex;justify-content:space-between}.products .container .filter{padding:30px 40px}@media (max-width: 800px){.products .container .filter{padding:10px}}.products .container .filter .categories h3{color:#010f1c;font-size:14px;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 .filter .categories ul li:hover{color:orange}@media (max-width: 800px){.products .container .filter .categories ul li{margin-bottom:30px;margin-right:0}}.products .container .productbox{margin-right:0}.products .container .productbox .content{display:flex;justify-content:space-between;flex-wrap:wrap}.products .container .productbox .content .box{padding:10px 20px;overflow:hidden;width:280px;height:380px;border:1px solid #e2e0e0;margin-bottom:20px;transition:.5s;cursor:pointer;border-radius:5px}@media (max-width: 800px){.products .container .productbox .content .box{padding:5px 10px}}.products .container .productbox .content .box:hover{box-shadow:#0000003d 0 3px 8px}.products .container .productbox .content .box .img_box{display:flex;justify-content:space-between;border-bottom:1px solid #e2e0e0}@media screen and (max-width: 768px){.products .container .productbox .content .box .img_box img{flex-direction:column;align-items:center}}.products .container .productbox .content .box .img_box img{width:250px;height:200px;margin-right:30px}.product .container .box .detail{margin-top:0}.product .container .box .detail p{color:#9a9a9a;font-size:14px}.box .detail h3{margin-top:0;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0;width:calc(100% - 15px)}.form-container{margin:4rem 6rem}.form-container form{border:1px solid #000;display:flex;flex-direction:column;width:35%;margin:auto;padding:30px}.form-container h1{text-align:center;margin-bottom:3rem}.form-container label{display:flex;align-items:start;margin-bottom:8px}.form-container input{height:3rem;padding:0 1rem;margin-bottom:1rem;border:1px solid #2a2a2a;border-radius:.3rem}textarea{height:150px;padding:1rem;margin-bottom:2rem;border:1px solid #2a2a2a;border-radius:.3rem;resize:none}.btn{border-radius:.3rem;padding:7px;color:#000;border:1.5px solid #000;text-transform:uppercase;letter-spacing:2px}.btn:hover{background-color:#000;color:#fff}@media screen and (max-width: 850px){.form-container{margin:4rem 2rem}.form-container form{padding-top:2rem;width:90%}}*{margin:0;padding:0;font-family:Verdana,sans-serif;box-sizing:border-box}