@import"https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Outfit:wght@100..900&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Outfit:wght@100..900&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=RocknRoll+One&display=swap";.navbar{position:fixed;z-index:10;width:100%;background-color:#fff;padding:3px;box-shadow:0 2px 4px #0000001a}.navbar .container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0}.navbar .logo img{max-height:50px}.navbar .menu{flex:1;display:flex;justify-content:center}.navbar .menu ul{list-style:none;padding:0;margin:0;display:flex;gap:20px}.navbar .menu ul li{display:inline-block}.act{color:#088178;border-bottom:2px solid #088178;transform:scale(1.05)}.navbar .actions{display:flex;gap:20px}.navbar .cart{position:relative;display:flex;align-items:center;justify-content:end}.navbar .cart .dot{position:absolute;min-height:8px;min-width:8px;background-color:#00f;border-radius:4px;top:1px;right:-6px}.navbar .sign-in{display:flex;align-items:center;gap:5px;font-size:16px}.navbar .sign-in{background:transparent;border:1px solid #ff6b81;border-radius:50px;padding:10px 25px;color:#ff6b81;transition:.3s}.navbar .sign-in:hover{background:#088178;color:#fff}.navbar .clearfix{clear:both}.popup{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:none;justify-content:center;align-items:center;z-index:100}.popup.show{display:flex}.popup-content{background:#fff;padding:20px;border-radius:8px;width:300px;position:relative;animation:slide-in .2s ease-out}.popup-content .close{position:absolute;top:10px;right:10px;font-size:24px;cursor:pointer}.form-container h2{margin-top:0}.form-container form{display:flex;flex-direction:column}.form-container input{margin-bottom:10px;padding:10px;border:1px solid #ddd;border-radius:4px}.form-container button{padding:10px;border:none;border-radius:4px;background-color:#088178;color:#fff;cursor:pointer}.form-container button:hover{background-color:#066a6f}.form-container p{text-align:center}.form-container a{color:#088178;text-decoration:none}.form-container a:hover{text-decoration:underline}.account{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:#0006;transition:opacity .3s ease}.account.show{display:block;opacity:1}.account .popup-content{background-color:#fefefe;margin:15% auto;padding:20px;border:1px solid #888;width:80%;max-width:400px;box-shadow:0 5px 15px #0000004d;animation:slide-in .3s ease-out}@keyframes slide-in{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.close{color:#aaa;float:right;font-size:28px;font-weight:700;cursor:pointer}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}.account .form-container{display:flex;flex-direction:column;align-items:center}.account .form-container h2{margin-bottom:20px}.profile-info{width:100%;margin-bottom:20px}.profile-info p{font-size:larger;padding:5px;margin:5px 0;text-align:left}.account button{background-color:#088178;color:#fff;border:none;padding:10px 20px;cursor:pointer;transition:background-color .3s ease}.account button:hover{background-color:#066760}.footer{background-color:#f9f9f9;padding:15px 30px 5px}.foot-container{display:flex;justify-content:space-between;flex-wrap:wrap}.footer .col{display:flex;flex-direction:column;flex:1;min-width:200px;margin-bottom:20px}.foot-logo{margin-bottom:20px;max-width:120px}.footer h4{font-size:16px;margin-bottom:20px}.footer p{font-size:14px;margin-bottom:8px}.footer a{font-size:14px;color:#222;text-decoration:none;margin-bottom:10px}.footer a:hover{color:#088178;text-decoration:underline}.follow .icon i{color:#465b52;padding-right:10px;cursor:pointer;font-size:18px}.follow .icon i:hover{color:#088178}.row img{border:1.5px solid #465b52;border-radius:6px;margin-right:10px;width:120px}.row img:hover{cursor:pointer;border-color:#088178}.install{margin:10px 0 15px}.copyright{text-align:center;margin-top:20px;font-size:13px}*{margin:0;padding:0;font-family:Outfit,sans-serif}h1,h2,h3,h4,h5,h6{font-family:RocknRoll One,sans-serif!important}h2{color:#2f3542;font-size:2rem;margin-bottom:2%}h3{font-size:1.5rem;color:#ff4757}h6{padding-top:100px;font-size:xx-large;color:#f24c65}.container{width:80%;margin:0 auto;padding:1%}.img-responsive{width:100%}.img-curve{border-radius:15px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-white{color:#fff}.clearfix{clear:both;float:none}a{color:#ff6b81;text-decoration:none;transition:all .2s ease}a:hover{color:#088178;transform:scale(1.05)}.float-container{position:relative}fieldset{border:1px solid white;margin:5%;padding:3%;border-radius:5px}.hero-container{position:relative;width:100%;height:min-content;overflow:hidden}.hero{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin-top:15px;font-size:larger}.hero h1,.hero h5{text-shadow:2px 2px 4px rgba(0,0,0,.4)}.hero h5{color:#f0f9d1;font-size:large}.hero span{color:#f24c65}.hero-btn{display:inline-block;border-radius:4px;background-color:#ff6b81;border:none;text-align:center;font-size:28px;padding:20px;margin-bottom:10px;width:230px;transition:all .5s;cursor:pointer}.hero-btn:hover{background-color:#ff4757}.hero-btn span{color:#fff;cursor:pointer;display:inline-block;position:relative;transition:.5s}.hero-btn span:after{content:"»";position:absolute;opacity:0;top:0;right:-20px;transition:.5s}.hero-btn:hover span{padding-right:25px}.hero-btn:hover span:after{opacity:1;right:0}.delivery{height:130px}.home-categories{padding-bottom:15px}.home-menu{background-color:#ececec;padding-bottom:15px}.popup-msg{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.msg-content{color:#2f3542;font-size:xx-large;background-color:#fff;padding:20px;border-radius:5px;box-shadow:0 2px 10px #0000001a;text-align:center}.msg-content button{background-color:#088178;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;transition:background-color .3s}.msg-content button:hover{background-color:#065f5b}@media only screen and (max-width: 768px){.logo{width:80%;float:none;margin:1% auto}.menu ul{text-align:center}.food-search input[type=search]{width:90%;padding:2%;margin-bottom:3%}.btn{width:91%;padding:2%}.food-search{padding:10% 0}.categories{padding:20% 0}h2{margin-bottom:10%}.box-3{width:100%;margin:4% auto}.food-menu{padding:10% 0}.food-menu-box{width:100%;padding:5%;margin-bottom:5%}.social{padding:5% 0}.order{width:100%}}.categories{padding:4% 0 1%}.category-box{position:relative;overflow:hidden;width:28%;float:left;margin:2%;transition:transform .3s ease-in-out}.category-box:hover{transform:scale(1.07)}.category-box img{width:100%;height:auto;border-radius:10px}.float-text{position:absolute;bottom:10px;left:50%;transform:translate(-50%);text-align:center;width:100%;color:#fff;font-size:18px;background-color:#0009;padding:10px;border-radius:5px}.food-menu{background-color:#ececec;padding:4% 0 2%}.food-menu-box{width:43%;height:150px;margin:1%;padding:2%;float:left;background-color:#fff;border-radius:15px;position:relative;transition:transform .3s ease-in-out}.food-menu-box:hover{transform:scale(1.05)}.food-menu-img{width:30%;float:left}.food-menu-desc{width:60%;float:left;margin-left:8%}.food-price{font-size:1.2rem;margin:2% 0}.food-detail{font-size:1rem;color:#747d8c}.btn{padding:10px 20px;font-size:16px;color:#fff;background-color:#007bff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.cart-notification{position:absolute;top:10px;right:10px;background-color:#4caf50;color:#fff;padding:6.5px;border-radius:10px;font-size:11px;font-weight:700;z-index:2;opacity:0;transition:opacity .5s ease}.cart-notification.show{opacity:1}.search{display:flex;justify-content:center;align-items:center;margin:20px 0}.search input[type=search]{width:300px;padding:10px;border:2px solid #ddd;border-radius:5px 0 0 5px;outline:none;font-size:16px}.search-btn{padding:10px 20px;border:none;background-color:#ff6b81;color:#fff;font-size:16px;border-radius:0 5px 5px 0;cursor:pointer;transition:all .3s ease}.search-btn:hover{background-color:#ff4757;transform:scale(1.05)}@media (max-width: 600px){.search input[type=search]{width:70%}.search-btn{width:30%}}.cart-container .container{display:flex;justify-content:center}.cart-container h1{padding-top:70px;color:green}.cart-item{display:flex;border:1px solid #ddd;border-radius:8px;margin-bottom:20px;padding:20px;background-color:#fff;position:relative;min-width:450px}.cart-item-img img{max-width:150px;border-radius:8px}.cart-item-desc{flex:1;margin-left:20px}.cart-item-desc h4{margin-bottom:10px}.cart-item-desc .food-price{font-size:18px;margin-bottom:10px}.cart-item-desc .food-detail{font-size:14px;margin-bottom:10px}.cart-item-desc .quantity{display:flex;align-items:center;margin-bottom:10px}.cart-item-desc .quantity input{width:80px;height:20px;margin-left:10px}.cart-item-remove{display:flex;align-items:center;justify-content:center;position:absolute;top:20px;right:20px}.cart-item-remove button{background-color:red;color:#fff;border:none;padding:10px 15px;border-radius:5px;cursor:pointer;transition:all .3s ease}.cart-item-remove button:hover{background-color:#e82020}.cart-total{display:flex;justify-content:space-between;font-size:20px;font-weight:700;margin-top:20px;margin-bottom:20px}.confirm-btn{padding:10px 20px;font-size:16px;color:#fff;background-color:#1dbd3b;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.confirm-btn:hover{background-color:#00831a}.empty{padding:100px;font-size:40px;color:red}.contact-us-container{padding:20px;max-width:750px;margin:0 auto}.contact-form{display:flex;flex-direction:column}.form-group{margin-bottom:15px}.form-group label{margin-bottom:5px;font-weight:700}.form-group input,.form-group textarea{width:100%;padding:10px;border-radius:5px;border:1px solid #ddd}.form-group textarea{resize:vertical}.btn{padding:10px;font-size:15px;color:#fff;background-color:#007bff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.btn:hover{background-color:#0056b3}.status-message{margin-top:20px;font-size:16px;color:green}