@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";.header{position:sticky;top:0;height:82px;padding:20px 0;background-color:var(--theme-primary-dark-background-color)}.header .container header{display:flex;align-items:center;justify-content:space-between}.header .container header .logo{width:180px}.header .container header .logo img{width:100%;height:100%;object-fit:cover;display:block}.header .container header aside{display:flex;align-items:center;gap:10px}.header .container header aside .icon{font-size:25px;color:var(--theme-white-text-color);cursor:pointer}.header .container header aside img{cursor:pointer;border-radius:50%;width:30px;height:30px;object-fit:cover;border:2px solid var(--theme-white-button-border-color)}.herobanner{height:900px;display:flex;align-items:center}.herobanner .container section{display:flex;flex-direction:column;align-items:center}.herobanner .container section .heading h1{font-size:40px;text-align:center;color:var(--theme-primary-dark-text-color)}@media (max-width: 768px){.herobanner .container section .heading h1{font-size:30px}}@media (max-width: 480px){.herobanner .container section .heading h1{font-size:25px}}@media (max-width: 320px){.herobanner .container section .heading h1{font-size:20px}}.herobanner .container section .logo{margin-top:50px;border-radius:10px;padding:30px;width:fit-content;background-color:var(--theme-primary-dark-background-color)}@media (max-width: 768px){.herobanner .container section .logo{padding:20px}}@media (max-width: 480px){.herobanner .container section .logo{padding:10px}}.herobanner .container section .logo img{width:100%;object-fit:cover;display:block}.herobanner .container section .button{margin-top:50px}.herobanner .container section .button button{font-family:inherit;cursor:pointer;font-size:20px;letter-spacing:.9px;padding:8px 12px;border:none;border-radius:6px;text-transform:capitalize;color:var(--theme-white-text-color);background-color:var(--theme-blue-button-background-color);box-shadow:0 6px 12px #0003,0 6px 20px #00000030}*{box-sizing:border-box}body{margin:0;padding:0;font-family:Roboto,sans-serif}h1,h2,h3,h4,h5,h6,p{margin:0}ul{margin:0;padding:0}a{text-decoration:none}:root{--theme-black-text-color: #000000;--theme-white-text-color: #ffffff;--theme-primary-dark-text-color: #002a4f;--theme-black-background-color: #000000;--theme-white-background-color: #ffffff;--theme-white-border-color: #ffffff;--theme-white-button-border-color: #ffffff;--theme-blue-button-background-color: #5281FF;--theme-yellow-button-background-color: #fdb13e;--theme-darkyellow-button-background-color: #f89c11;--theme-primary-dark-background-color: #002a4f}.container{max-width:1280px;margin:0 auto;padding:0 20px}.productCart{margin-bottom:80px}.productCart .container section{display:flex;flex-direction:column;align-items:center}.productCart .container section .heading h1{font-size:40px;text-align:center;color:var(--theme-primary-dark-text-color)}@media (max-width: 768px){.productCart .container section .heading h1{font-size:30px}}@media (max-width: 480px){.productCart .container section .heading h1{font-size:25px}}@media (max-width: 320px){.productCart .container section .heading h1{font-size:20px}}.productCart .container section .cart-grid{margin-top:40px;display:flex;flex-wrap:wrap;justify-content:center;gap:20px}@media (max-width: 768px){.productCart .container section .cart-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 480px){.productCart .container section .cart-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 320px){.productCart .container section .cart-grid{grid-template-columns:repeat(1,1fr)}}.productCart .container section .cart-grid .cart{display:flex;flex-direction:column;align-items:center;justify-content:space-between;border:1px solid #ccc;border-radius:12px;padding:20px;margin-bottom:20px}.productCart .container section .cart-grid .cart h2{border-radius:10px;text-align:center;width:100%;font-size:20px;margin-bottom:10px;color:var(--theme-white-text-color);background-color:var(--theme-primary-dark-background-color)}.productCart .container section .cart-grid .cart img{width:200px;height:270px;object-fit:cover;margin-bottom:10px}.productCart .container section .cart-grid .cart p{font-size:20px;font-weight:800;margin-bottom:10px;color:#ff8400;border:2px solid #ff8400;padding:3px 20px;border-radius:20px}.productCart .container section .cart-grid .cart ul{list-style:none;padding:0;margin:0}.productCart .container section .cart-grid .cart ul li{font-size:14px;margin-bottom:5px}.productCart .container section .cart-grid .add-to-cart-btn{display:flex;gap:5px;align-items:center;width:fit-content;border-radius:6px;background-color:var(--theme-yellow-button-background-color);color:var(--theme-primary-dark-text-color);font-size:16px;font-weight:700;border:none;padding:10px 30px;cursor:pointer;transition:background-color .3s ease}.productCart .container section .cart-grid .add-to-cart-btn:hover{background-color:var(--theme-darkyellow-button-background-color)}.productCart .container section .cart-grid .add-to-cart-btn .icon{font-size:20px}.productCart .container section .heading h2{font-size:40px;text-align:center;color:var(--theme-primary-dark-text-color)}@media (max-width: 768px){.productCart .container section .heading h2{font-size:30px}}@media (max-width: 480px){.productCart .container section .heading h2{font-size:25px}}@media (max-width: 320px){.productCart .container section .heading h2{font-size:20px}}.productCart .container section .cart-table{width:100%;border-collapse:collapse;margin-top:20px}.productCart .container section .cart-table th,.productCart .container section .cart-table td{border:1px solid #ccc;padding:8px;text-align:left}.productCart .container section .cart-table th{background-color:var(--theme-primary-dark-background-color);color:var(--theme-white-text-color)}.productCart .container section .cart-table td button{display:flex;gap:3px;align-items:center;font-weight:600;border-radius:6px;background-color:#dc3545;color:#fff;border:none;padding:5px 10px;cursor:pointer;transition:background-color .3s ease}.productCart .container section .cart-table td button .icon{font-size:18px}.productCart .container section .cart-table td button:hover{background-color:#c82333}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400}
