@font-face{font-family:Ubuntu;src:url(/assets/Ubuntu-Medium-0d685f51.ttf)}:root{--primary: #00072A;--secondary: #fcfcfd;--accent: #00A1ED;--background: #F1F7FA;--text: #505D68;--title-font-size: 2.8rem;--primary-font-family: Ubuntu;--nav-font-size: .85rem}*{margin:0;padding:0;color:inherit;font-family:var(--primary-font-family);text-decoration:none}html{scroll-behavior:smooth}body>*{overflow:hidden}main{height:100vh;background:url(/assets/346_main-2a228ebd.png) center/cover no-repeat}h1{font-size:var(--title-font-size);text-align:center}p{font-size:16px;text-align:center}button{height:2.5rem;border:none;background-color:var(--accent);color:var(--secondary);cursor:pointer;font-weight:700}input[type=email],select,textarea{border:#C2D1D9 solid 1px;padding:0 .5rem}input[type=email]::placeholder,textarea::placeholder{color:#c2d1d9}input[type=email],select{height:2rem}textarea{height:6rem;padding-top:.5rem}nav{height:3.75rem;background-color:#00072ae6;color:var(--secondary);padding:0 7.5vw;display:flex;align-items:center;font-size:var(--nav-font-size);font-weight:700}.nav-items{margin:0 10vw 0 15vw;display:flex;justify-content:space-evenly;width:calc(60vw - 152px - 8.3rem);list-style-type:none;height:100%}.nav-items>*{display:flex;align-items:center;padding:0 .3rem;cursor:pointer}.nav-items>*>p{font-size:var(--nav-font-size)}.active{color:var(--accent);border-bottom:solid 2px var(--accent);box-sizing:border-box}nav button{width:8.3rem;font-size:var(--nav-font-size)}.hamburger{display:none;cursor:pointer}.special-nav{background-color:var(--accent);color:var(--secondary)}@media (max-width: 900px){nav{justify-content:start!important;gap:2rem}nav.sidebar{position:fixed;display:flex;flex-direction:column;height:100vh;width:50vw;z-index:1;overflow-x:hidden;padding:0;justify-content:start}nav.sidebar>div{height:3.75rem;justify-content:left;align-items:center}nav.sidebar>a{width:100%;height:3.75rem;display:flex;align-items:center;justify-content:center}.active{border-right:solid 2px var(--accent);box-sizing:border-box;border-bottom:none}.sideham{width:80%;justify-content:left}.hamburger{display:flex;align-items:left}nav{justify-content:space-between}.nav-items,.special-btn{display:none}}#title{display:flex;flex-direction:column;padding:5vh 18.5vw;align-items:center;height:100%;background-color:#00072ab3;color:var(--secondary)}#title img{width:250px}#title h1{text-shadow:0px 3px 6px #000000BF;color:var(--secondary);padding:3vh 0}.highlight{color:var(--accent)}#title p{padding:0 7.5%;padding-bottom:3vh;color:#dbdbdb;text-shadow:0px 4px 11px #000000E3}@media (max-width: 768px){#title{padding:5vh 5vw}#title h1{font-size:1.8rem}#title p{font-size:.9rem;padding-bottom:.75rem}}#importance{padding-top:5rem;padding-bottom:4rem;background-color:var(--secondary);color:var(--text);display:flex;justify-content:end;flex-direction:column}#importance>*{margin:0 15vw;margin-bottom:2rem}#products{height:auto;padding:10vh 15vw;color:var(--text)}#products p{margin:2rem 0}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:2.6rem;justify-items:center}.product-item{background-color:var(--secondary);display:flex;flex-direction:column;width:17rem;flex-shrink:0}.product-item>h3{margin:.75rem 1.5rem}.product-item>a{margin:0 1.5rem 1.5rem}.product-item>a>button{width:100%}.prod-img{height:17rem;overflow:hidden}.prod-img>img{width:100%;height:100%;object-fit:cover}@media (max-width: 768px){.products-grid{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}.product-item{width:15rem}}#contact{background-color:#fff;height:33rem;border:1px solid #C2D1D9;box-sizing:border-box;padding:10vh 15vw;color:var(--text)}.contact-page{height:calc(100vh - 3.75rem)!important;border:none!important}.contact-desc{display:flex;flex-direction:row;justify-content:space-around;padding:2.5rem 0;margin-top:1.5rem}.contact-info,.contact-form{display:flex;flex-direction:column;width:22rem;gap:1rem}.addr>img{width:18px}.addr>img:first-child{padding:2px;width:14px}.addr>p{margin-left:1.25rem}.addr{display:flex;align-items:center}.contact-info>p,.addr>p{text-align:left}.contact-form>input[type=email]:placeholder-shown{background-size:18px 14px;background-image:url(/assets/icon-13d17a73.svg);background-repeat:no-repeat;background-position:.5rem .535rem}.grey-option{color:#80808080}.grey-option>option{color:var(--text)}@media (max-width: 768px){#contact{height:auto;padding:5vh 7.5vw}.contact-desc{flex-direction:column;align-items:center;gap:2rem}.contact-info,.contact-form{width:100%;max-width:300px}.contact-form>input[type=email]:placeholder-shown{background-position:.5rem .535rem}}footer{height:20vh;background-color:var(--primary);color:var(--secondary);display:flex;flex-direction:column;align-items:center;gap:2rem;padding:1rem}.social{display:flex;gap:1.5rem}.social img{width:auto;height:1rem}.img-grid{display:grid;grid-template-columns:auto auto auto auto;gap:2.6rem;padding:2rem 0}.img-grid>img{height:16vw;width:16vw;object-fit:cover}.img-more{display:flex;justify-content:center;padding:1rem 0}.img-more button{width:13rem}#signage,#special,#aboutus{background-color:#fff;padding:10vh 10vw;color:var(--text)}#signage p,#special p{margin:2rem 8vw}#aboutus p{text-align:left}#explore{padding:10vh 7.5vw;background-color:var(--background);color:var(--text)}#explore>p{margin-top:1rem}.slider{margin:5rem 0;gap:2rem;display:flex;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.slider>*{cursor:grab}.slider::-webkit-scrollbar{display:none}.special-container,.about-container{padding:2rem 0;display:flex;align-items:center;gap:5vw}.special-container>img{width:25vw}.special-details>h2{font-size:2.5rem}.special-details>h3{font-size:1.5rem}.special-details>h4{font-size:1.5rem;font-weight:400}.special-details,.about-details{display:flex;flex-direction:column;gap:2rem}.special-details{padding:2rem 8rem 2rem 0}.about-details{padding:2rem 2rem 2rem 0}.about-social>h3{margin-bottom:1rem}.about-paragraphs{width:100%;display:flex;flex-direction:column;gap:1rem}@media (max-width: 1000px){#aboutus{padding:10vh 7.5vw}.about-container{flex-direction:column}.about-details{padding:0}.about-details>h2{font-size:2rem}.special-container>img{max-width:400px}}#Group_8{transition:transform .3s ease-in-out;cursor:pointer}#Group_8:hover{animation:slideInAndOut 1s forwards}@keyframes slideInAndOut{0%{transform:translateY(0)}33%{transform:translateY(-10%)}66%{transform:translateY(10%)}to{transform:translateY(0)}}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;cursor:pointer}.modal-content{cursor:default;height:70vh;overflow:hidden;background-color:#fff;box-shadow:0 2px 10px #0003;padding:20px}.modal-content img{width:100%;height:100%;object-fit:contain}body{background:var(--background);color:var(--text)}.admin-nav{position:fixed;width:100%;background-color:var(--primary)!important;z-index:1}aside{height:100vh;width:18vw;position:fixed;z-index:1;top:3.75rem;left:0;background-color:#fff;overflow-x:hidden;padding-top:20px}aside a{display:flex;align-items:center;height:50px;text-decoration:none;font-size:1.1rem;color:var(--text);padding-left:2rem}aside .logout{position:fixed;bottom:5px;color:red}aside .active{border:none;background-color:#d4f1ff}.admin{position:absolute;width:calc(100% - 18vw);top:3.75rem;left:18vw;height:auto;background:none!important}.admin-product-head{display:flex;margin:2rem 4rem;justify-content:space-between;align-items:center}.admin .products-grid{padding:2rem 4rem}.product-form{display:flex;flex-direction:column;background-color:#fff;margin:0 2.5rem 2.5rem;padding:1rem}.product-form>label{margin-top:.5rem;margin-bottom:0!important}.admin label,.login label{padding:.5rem 0;font-size:16px;color:#555c60}.admin input::placeholder,.login input::placeholder,.admin textarea::placeholder{color:#dbdbdb}.admin input[type=text],.login input[type=text],.login input[type=password],.admin input[type=url],.admin input[type=email],.admin textarea{border:2px solid #DBDBDB;border-radius:2px;padding:.5rem}.admin input[type=text],.login input[type=text],.login input[type=password],.admin input[type=url],.admin input[type=email]{padding:0 .5rem;height:2rem}.delete{background-color:transparent;border:2px solid red;color:red}.edit-details{display:flex;background-color:#fff;margin:0 2.5rem;padding:1rem;gap:2rem}.edit-product-form{width:75.5%;display:flex;flex-direction:column}.edit-more-image{margin:1rem 2.5rem;padding:1rem;background-color:#fff}.edit-image{padding:1rem 0;width:13rem;height:13rem;position:relative;justify-self:center}.edit-image>img:first-child{width:100%;height:100%;object-fit:cover;object-position:center center}.edit-image>button{margin-top:.5rem;background-color:transparent;border:2px solid var(--accent);color:var(--accent);width:100%}.edit-image-grid{display:grid;grid-template-columns:repeat(4,1fr);justify-items:center;align-items:center}.delete-icon{position:absolute;top:1.5rem;right:.5rem;border:none;border-radius:5px;cursor:pointer}.drop-area{border:2px dashed #DBDBDB;border-radius:2px;padding:1rem 0;display:flex;flex-direction:column;align-items:center}.drop-area>img{width:3rem;margin:.25rem 0;cursor:pointer}.drop-area span{color:var(--accent);cursor:pointer}.uploaded-img{padding:1rem 0;width:13rem;height:13rem;position:relative;justify-self:center}.uploaded-img>img{width:100%;height:100%;object-fit:cover;object-position:center center}.about-edit{margin-top:1.5rem}.contact-inputs{background-color:#fff;margin:0 2.5rem 2.5rem;padding:2rem}.contact-subform{display:grid;grid-template-columns:1fr 1fr;column-gap:1.5rem}.contact-inputs h3{padding-top:1.5rem;padding-bottom:.5rem}.contact-subform>div{display:flex;flex-direction:column}.social-edit label{position:relative;margin-left:1.75rem}.social-edit label>img{position:absolute;top:50%;transform:translateY(-50%);left:-1.75rem}.login{height:calc(100vh - 3.75rem);background:none!important}.login-container{background-color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;padding:2rem;width:20rem;gap:1rem}.login-form{width:100%;display:flex;flex-direction:column;gap:.5rem}.login-container p{font-size:1rem}.login-container h3{font-size:1.3rem;text-align:center}.login-container a{text-align:right;font-size:12px}.login-container span,.login-container a{color:var(--accent)}a:hover{cursor:pointer}