.buy-card{background-color:#5a10bf;border-radius:13px;border:none;color:#fff;padding:10px 20px;width:-moz-fit-content;width:fit-content;margin-bottom:20px;transition:all .7s cubic-bezier(.215,.61,.355,1)}.buy-card:hover{background-color:#fff;color:#5a10bf}.cards{width:100%;margin-top:90px;gap:60px;text-align:center;border-radius:12px}.card,.cards{justify-content:center;align-items:center}.card{padding:15px 20px;background:linear-gradient(180deg,#180427 18.4%,#401362);border:2px solid silver;border-radius:13px;width:450px}.product-image img{width:260px;height:380px}.card-texts{margin-top:10px}.card-texts h1{font-size:2rem;font-weight:700;color:#fff}.card-texts p{font-size:1rem;font-weight:500;color:#ebe9e9}.card-detail{margin-top:20px}.card-detail p{color:#ebe9e9;opacity:90%}.card-buy{margin-top:50px}.price{font-size:1.7rem;color:#fff}.product-availability{color:#fff;font-size:1.3rem;margin-bottom:10px;font-style:italic;font-weight:500}@media only screen and (max-width:998px){.cards{flex-direction:column}}@media only screen and (max-width:785px){.cards{margin-top:120px}}@media only screen and (max-width:467px){.card{width:380px}}@media only screen and (max-width:388px){.card{width:340px}}body{background-image:url(https://argon-one.vercel.app/bg.webp);background-repeat:no-repeat;background-size:cover;background-position:0}.footer{border-top:.1px solid #fff;background-color:#000;color:#fff;padding:30px 50px;display:flex;justify-content:space-around;align-items:flex-start;flex-wrap:wrap;margin-top:6rem}.company-header{font-size:1.5em;margin-bottom:10px;font-weight:900;letter-spacing:1.2px}.company-paragraph{font-size:1em;color:#ffffffb2;line-height:1.5}.social-icons{display:flex;align-items:center;justify-content:start;gap:20px;margin-top:30px}.social-icons img{width:1.8em;transition:all .5s ease}.footer-center,.footer-right{display:flex;flex-direction:column;gap:20px}.column,.footer-right-column{max-width:200px}.column-header{color:#c812e8;font-size:1.2em;font-weight:600;margin-bottom:10px}.footitem{line-height:1.8;margin:0;font-size:.9em;list-style-position:inside;transition:all .5s ease}.footitem:hover{color:purple;cursor:pointer}.copyright{font-size:.8em;margin-top:5vh;color:#ffffffb2}.copyright a{text-decoration:none;color:#e23eff}.footer a{text-decoration:none;color:#fff;transition:all .5s ease}.footer a:hover{color:#e800e8}.copyrightmobile{display:none;font-size:.8em;margin-top:5vh;color:#ffffffb2}.copyrightmobile a{text-decoration:none;color:#e23eff}@media only screen and (max-width:1000px){.copyright{display:none}.copyrightmobile{display:block}.footer{text-align:center}.footer,.footer-center,.footer-right,.footerleft{display:flex;flex-direction:column;align-items:center}.footer-center{margin-top:2em}.social-icons{justify-content:center}}

/* ! <Navbar> */.navbar{padding:30px;width:90%}.list a{margin-left:36px;color:#fff;font-weight:400;font-size:22px;transition:all .7s}.list a:hover{color:#ebe9e9;opacity:62%}.navbar-brand img{width:80px;height:60px}.get-started{width:130px;height:50px;background:#5a10bf;transition:all .7s cubic-bezier(.165,.84,.44,1);border-radius:3px;color:#fff}.get-started:hover{opacity:.83}.btn-h,.hamburger{display:none}

/* ! <Navbar /> */@media only screen and (max-width:981px){.navbar{margin:0;padding:20px;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);position:fixed;top:0;width:100%;background-color:#060606;z-index:100;gap:0;transition:all .4s ease}.list{display:none}.btn-h{display:block}.btn-hh{display:none}.navbar li a{margin:auto}.navbar-left{gap:0;align-items:start}.list-resp,.navbar-left{flex-direction:column;text-align:center;width:100%}.list-resp{display:flex;gap:15px}.list-resp,.navbar-links{margin:auto}.hamburger{position:absolute;top:1.3rem;right:.5rem;display:block;cursor:pointer}}