@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Quicksand:wght@300..700&display=swap";body,html{font-family:Inter,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;padding:0;margin:0}h1,h2,h3,h4,h5,h6{font-family:Quicksand,sans-serif;font-weight:700}:root,[data-bs-theme=light]{--bs-blue: #467b24;--bs-primary: #467b24}.btn-primary{--bs-btn-color: #fff;--bs-btn-bg: #467b24;--bs-btn-hover-bg: #467b24;--bs-btn-active-border-color: #467b24;--bs-btn-border-color: #467b24;--bs-btn-hover-border-color: #467b24}a{text-decoration:none;font-family:Inter,sans-serif}.offcanvas-body .ant-menu .ant-menu-item a:before{background-color:#f0f8ff33}.offcanvas-body a.active{color:#ff8c00;border-radius:10%;font-weight:500}.offcanvas-body a.active:before{background-color:#2221}body{font-family:Inter,serif;font-optical-sizing:auto;font-style:normal}header{z-index:1000;position:sticky;height:70px;display:flex;gap:12px;justify-content:space-between;align-items:center;top:0;padding:10px 16px;background:#fff;border-bottom:1px solid #ced4da30}.logo{background-color:#fff;height:50px;padding:3px}header .logo a{display:flex;flex-wrap:nowrap}.brands-header{display:flex;flex-direction:column;align-items:center;text-align:center;font-weight:500}@media(max-width:500px){.brands-header small{font-weight:500;font-size:xx-small}}.brands-header .carousel .carousel-item,.brands-header .carousel{width:200px;height:35px;background-color:#fff}.brands-header img{height:100%;max-height:35px;width:100%;max-width:200px;object-fit:contain}header .logo a>img{height:45px}header .links{display:flex;gap:10px;width:fit-content;font-weight:500}.offcanvas-body .links,header .links{display:flex}:is(.offcanvas-body .links,header .links) a{position:relative;display:block;margin:20px 0;padding:10px 20px;text-decoration:none;transition:.5s;z-index:1}:is(.offcanvas-body .links,header .links) a:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-top:2px solid var(--bs-blue);border-bottom:2px solid var(--bs-blue);transform:scaleY(2);opacity:0;transition:.3s}:is(.offcanvas-body .links,header .links) a:after{content:"";position:absolute;top:2px;left:0;width:100%;height:100%;background-color:var(--bs-blue);transform:scale(0);opacity:0;transition:.3s;z-index:-1}:is(.offcanvas-body .links,header .links) a:hover{color:#fff}:is(.offcanvas-body .links,header .links) a:hover:before{transform:scaleY(1);opacity:1}:is(.offcanvas-body .links,header .links) a:hover:after{transform:scaleY(1);opacity:1}header .mobile-links{display:none;margin-left:12px}header .mobile-links .btn-dark{padding:4px 9px}.categories.hide{display:none}.categories{margin:0;width:100%;position:sticky;top:70px;z-index:500;background-color:var(--bs-blue);display:flex;flex-wrap:nowrap;gap:6px;overflow-x:auto;padding:10px 10px 0}.category{white-space:nowrap;cursor:pointer;border-radius:2px;padding:5px 6px;height:auto;display:flex;align-items:center;text-decoration:none;color:#fff;font-size:small;display:block;top:0;position:relative}.category:hover{transition:all .2s ease-out;box-shadow:4px 4px 4px #ffffff4d;top:-6px;color:var(--bs-blue);background-color:#fff}.category:hover:before{transform:scale(3.15)}.category.active{box-shadow:4px 4px 4px #ffffff4d;top:-6px;color:var(--bs-blue);background-color:#fff}@media(max-width:750px){header .links{display:none}header .mobile-links{display:flex;justify-content:flex-end}}@media(max-width:700px){header .mobile-links{display:flex;justify-content:flex-end}header .links{right:65px}}.offcanvas-body .links a,header .links a{white-space:nowrap;display:flex;color:#37383f;border-radius:4px;padding:5px;top:0;position:relative;text-decoration:none;z-index:0;overflow:hidden}.offcanvas-body .links a.active,header .links a.active{color:#fff;background-color:var(--bs-blue)}:is(.offcanvas-body .links a.active,header .links a.active):before{transform:scaleY(1);opacity:1}:is(.offcanvas-body .links a.active,header .links a.active):after{transform:scaleY(1);opacity:1}@media(max-width:620px){header .links{display:none}header .links-wrap .search{padding:0 5px}header .mobile-links{margin-left:5px}header{padding:10px 12px 10px 8px}}@media(max-width:500px){.brands-header .carousel .carousel-item,.brands-header .carousel{width:150px}:is(.brands-header .carousel .carousel-item,.brands-header .carousel) .brands-header img{max-width:150px}}@media(max-width:430px){.brands-header .carousel .carousel-item,.brands-header .carousel{width:100px}:is(.brands-header .carousel .carousel-item,.brands-header .carousel) .brands-header img{max-width:100px}}@media(max-width:350px){header .links{display:none}}textarea{resize:none;border:none;border-radius:3px;background-color:#ced4da30}.form-control-sm,.form-control,.form-select{font-family:Inter,serif;outline:1px solid #1976d2;background-color:#f1f1f115;border-radius:3px;box-shadow:none}.form-control-sm:focus,.form-control:focus,.form-select:focus{outline:1px solid #1976d2;border-color:#1976d2;box-shadow:none}.form-control.is-invalid:focus,.form-select.is-invalid:focus{outline-color:#dc3545;box-shadow:none}.was-validated .form-select:invalid:focus,.form-select.is-invalid:focus,.was-validated .form-control:invalid:focus,.form-control.is-invalid:focus{outline-color:#dc3545;box-shadow:none}.offcanvas-body .nav-links{display:flex;flex-direction:column;gap:15px}.offcanvas-body .nav-links a{padding:10px;text-decoration:none;background-color:#00000015}.offcanvas-body .nav-links a.active{background-color:#242530}footer{--mask: radial-gradient(32.02px at 50% 45px, #000 99%, #0000 101%) calc(50% - 40px) 0/80px 100%, radial-gradient(32.02px at 50% -25px, #0000 99%, #000 101%) 50% 20px/80px 100% repeat-x;-webkit-mask:var(--mask);mask:var(--mask);border-bottom:41px solid #467b24;padding:45px 10px 10px;background-color:#000;z-index:100}footer .copy{color:#a8e6ff}footer .made-by{color:#a8e6ff}footer section{box-sizing:border-box;color:#fff;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:10px}footer .contact div{display:flex;flex-direction:column}footer h6{text-decoration:underline}footer .foot-links{display:flex;flex-direction:column}footer .foot-links a{text-decoration:none}footer .social-icons a{color:#467b24}footer a.active{color:#ff8c00;border-bottom:2px solid #fff;border-radius:10%}footer .footer-logo{height:60px;display:flex;position:relative}footer .footer-logo img{height:60px}.address p,.opening-hours p{color:#467b24}.opening-hours p{margin-bottom:8px;font-size:.9rem}footer .address{display:flex;flex-direction:column;align-items:center}.loader-wrap{position:fixed;transform:translate(-50%,-50%);top:50%;left:50%}.loader{width:40px;aspect-ratio:1;display:grid;animation:l14 4s infinite}.loader:before,.loader:after{content:"";grid-area:1/1;border:8px dotted;border-radius:50%;border-color:#ff6600 #ff6600 #fff0 #fff0;mix-blend-mode:darken;animation:l14 1s infinite linear}.loader:after{border-color:#fff0 #fff0 #467b24 #467b24;animation-direction:reverse}@keyframes l14{to{transform:rotate(1turn)}}.offcanvas-header{border-bottom:1px solid #d0d0d0}p.magic-border{margin:100px auto;width:350px;height:50px;border-radius:50px;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}p.magic-border:before{content:attr(content);position:absolute;width:345px;height:45px;z-index:1;background-color:#eee;border-radius:50px;display:flex;justify-content:center;align-items:center;font-size:18px;-webkit-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;-o-border-radius:50px}p.magic-border:after{content:"";width:400px;height:400px;position:absolute;border-radius:50px;background:conic-gradient(#3a7cec 0%12.5%,#2ca24c 12.5%25%,#f1b500 25%37.5%,#e33e2b 37.5%50%,#3a7cec 50%62.5%,#2ca24c 62.5%75%,#f1b500 75%87.5%,#e33e2b 87.5%100%);animation:border-animation 5s linear infinite;-webkit-animation:border-animation 5s linear infinite}@keyframes border-animation{to{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg)}}
