body{font-family:Arial,sans-serif;background-color:#f0f0f0;color:#333;margin:0;padding:0}h1{color:#007bff}.btn{display:inline-block;padding:10px 20px;background-color:#007bff;color:#fff;text-decoration:none;border-radius:5px;text-align:center}.btn:hover{background-color:#0056b3}svg{width:100px!important}body{font-family:Arial,sans-serif;background-color:#f8f9fa;color:#333;margin:0;padding:0}h1{color:#dc3545;text-align:center}.container{max-width:1200px;margin:0 auto;padding:20px}.btn{display:inline-block;padding:12px 24px;background-color:#dc3545;color:#fff;text-decoration:none;border-radius:6px;font-size:16px;transition:background-color .3s ease-in-out}.btn:hover{background-color:#c82333}.navbar{background-color:#343a40;padding:10px 0}.navbar a{color:#fff;text-decoration:none;padding:10px 20px;display:inline-block}.navbar a:hover{background-color:#495057;border-radius:5px}.card{border-radius:8px;box-shadow:0 4px 8px #0000001a;overflow:hidden;background-color:#fff;margin-bottom:20px}.card img{width:100%;height:auto}.card-body{padding:15px}.card-title{font-size:20px;color:#333}.card-text{font-size:14px;color:#666}.footer{background-color:#343a40;color:#fff;text-align:center;padding:15px 0;position:relative;bottom:0;width:100%}@media (max-width: 768px){.container{padding:10px}.btn{padding:10px 20px;font-size:14px}.navbar a{padding:8px 15px}}body{font-family:Poppins,sans-serif;background-color:#f4f3ee;margin:0;padding:0;color:#000}.wallpaperbor{width:100%;height:450px;background:url(/assets/bg3-VwlWvF__.jpeg) center/cover no-repeat;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;box-shadow:inset 0 0 0 1000px #0000004d;padding:20px}.logo{width:120px;height:120px;margin-bottom:16px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3))}.wallpaperbor h3{font-size:28px;font-weight:600;color:#fff;margin-bottom:20px}.select{width:90%;max-width:800px;border-radius:12px;box-shadow:0 6px 20px #0000001a;display:flex;gap:10px;padding:15px;align-items:center;position:relative}.form-select{flex:1;height:50px;font-size:16px;border-radius:8px;border:1px solid #ccc;background-color:#f4f3ee;cursor:pointer;color:#000;padding:0 10px}.input-group{flex:1;position:relative}.form-control{width:100%;height:50px;padding:12px 16px;font-size:16px;border:1px solid #ccc;border-radius:8px;outline:none;background-color:#f4f3ee;color:#000}.suggestion-container{position:absolute;top:55px;width:100%;max-height:200px;overflow-y:auto;background:#fff;color:#000;border-radius:8px;box-shadow:0 6px 15px #0000001a;z-index:10}.suggestion-container ul{list-style:none;padding:0;margin:0}.suggestion-container li{padding:12px 16px;font-size:15px;cursor:pointer;transition:background .2s ease,color .2s ease}.suggestion-container li:hover{background:#f5c243;color:#000}@media screen and (max-width: 768px){.wallpaperbor{height:380px}.logo{width:100px;height:100px}.wallpaperbor h3{font-size:22px}.select{flex-direction:column;gap:10px}}.QSMborder{flex:1 1 250px;max-width:300px;padding:10px;border-radius:16px;box-shadow:0 4px 8px #0000001a;background-color:#fff;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer;color:#000}.QSMborder:hover{transform:translateY(-5px);box-shadow:0 8px 16px #00000026}.QSborder{display:flex;flex-direction:column;align-items:center;text-align:center}img{border-radius:50%;object-fit:cover;margin-bottom:12px;border:2px solid #DDDDDD}.text h3{margin:8px 0 4px;font-size:20px;font-weight:700;color:#000}.text h3.highlighted{background-color:#fe4c55;color:#fff;padding:4px 8px;border-radius:8px}.text h5{margin:0;font-size:14px;color:#a5a5a5}hr{width:60%;margin:10px auto;border:0;border-top:1px solid #DDDDDD}.icon-text{color:#000}@media screen and (max-width: 768px){.QSMborder{width:90%}}.section{padding:20px;background-color:#fef4e2;border-radius:12px;box-shadow:0 4px 12px #0000001a}h2{margin:20px 20px 8px;color:#fe4c55;text-align:center}h3{margin:20px 20px 16px;color:#000;text-align:center;font-weight:400}.qs-boxes-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.qs-box{flex:1 1 220px;background:#fff;color:#000;border-radius:12px;box-shadow:0 6px 15px #0000001a;padding:16px;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer;text-decoration:none}.qs-box:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000026}.qs-box-title{font-size:18px;font-weight:600;color:#000;margin-bottom:8px}.qs-box-desc{font-size:14px;color:#000;line-height:1.4}.qs-box a{color:#fe4c55;text-decoration:none}.qs-box a:hover{text-decoration:underline}@media screen and (max-width: 768px){.qs-boxes-container{flex-direction:column;align-items:center}.qs-box{width:90%}}body{font-family:Poppins,sans-serif;background-color:#f9f9f9;margin:0;padding:0}.Homebor{width:100%;margin:40px auto;background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 12px #0000001a}.wallpaper{width:100%;height:350px;background-size:cover;border-radius:10px;position:relative}.wallpaper-overlay{position:absolute;width:100%;height:100%;background:#0006;display:flex;align-items:center;justify-content:center}.wallpaper-title{font-size:32px;font-weight:700;color:#fff}.quicksearch-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:30px}.quicksearch-item{background:#fff;padding:15px;border-radius:10px;box-shadow:0 3px 10px #0000001a;transition:transform .3s ease-in-out}.quicksearch-item:hover{transform:scale(1.05)}.quicksearch-title{font-size:20px;font-weight:700;color:#333}.quicksearch-description{font-size:14px;color:#555}@media screen and (max-width: 768px){.Homebor{padding:15px}.wallpaper{height:250px}.quicksearch-container{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}.border{padding:20px;background:#fff;text-align:center;width:100%;border-radius:12px;box-shadow:0 2px 10px #0000001a}h1{font-size:28px;font-weight:700;color:#000d83;margin-bottom:20px}.rtnhome{background:#000d83;color:#fff;border:none;padding:10px 15px;font-size:16px;cursor:pointer;transition:background .3s ease-in-out;border-radius:6px}.rtnhome:hover{background:#002aaf}.bigbox{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-top:20px}.filter-sidebar{flex:1;padding:15px;background:#f88081;border-radius:8px;box-shadow:0 2px 10px #f880814d;color:#fff}.filter-results{flex:2;display:flex;flex-direction:column;gap:15px}.restaurant-card{padding:15px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;transition:transform .2s ease-in-out;color:#000}.restaurant-card:hover{transform:scale(1.02);box-shadow:0 4px 15px #00000026}.filter-pagination{display:flex;justify-content:center;margin-top:20px}.pagination-btn{background:#3ec4ff;color:#fff;border:none;padding:10px 12px;font-size:14px;cursor:pointer;margin:5px;transition:background .3s ease-in-out;border-radius:6px}.pagination-btn:hover{background:#33ade6}.icons{background:#f88081;color:#878787;padding:6px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center}.loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px}@media (max-width: 720px){.bigbox{display:flex;flex-direction:column;gap:15px}.filter-results{width:100%}.filter-pagination{flex-direction:column;gap:10px;margin-top:15px}}.leftbox{width:30%;height:auto;background-color:#fef4e2;padding:20px;border-radius:12px;box-shadow:0 4px 12px #0000001a;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#000}.leftbox h3{font-size:22px;margin-bottom:15px;color:#fe4c55}.leftbox p{font-weight:600;margin-top:20px;margin-bottom:10px;color:#000}.leftbox select{width:100%;padding:8px;border:1px solid #ccc;border-radius:6px;font-size:14px;margin-bottom:10px;background-color:#fff;color:#000}.leftbox label{display:block;margin-bottom:8px;font-size:14px;cursor:pointer;color:#000}.leftbox input[type=checkbox],.leftbox input[type=radio]{margin-right:8px;cursor:pointer;accent-color:#FE4C55}.reset-btn{padding:15px;margin:20px;background-color:#fe4c55;color:#fff;border:none;font-size:14px;border-radius:6px;cursor:pointer;transition:background-color .3s ease-in-out;width:80%}.reset-btn:hover{background-color:#d63c44}@media (max-width: 720px){.leftbox{display:none}.leftbox.active{display:block;width:100%;padding:15px;background-color:#fef4e2;position:absolute;top:60px;left:0;z-index:1000;box-shadow:0 4px 12px #0000004d}.reset-btn{width:100%;padding:12px;font-size:12px}}.filter-toggle-btn{display:none;background-color:#fe4c55;color:#fff;border:none;padding:10px 15px;font-size:14px;border-radius:6px;cursor:pointer}@media (max-width: 720px){.filter-toggle-btn{display:flex;flex-direction:column;width:100%;margin:10px auto;padding:10px}}.rightbox{width:70%;height:auto;display:flex;flex-direction:column;gap:20px;padding:20px;flex:1;background-color:#fef4e2}.restaurant-link{text-decoration:none;color:#fe4c55}.box2{display:flex;gap:20px;padding:16px;border-radius:12px;background-color:#fff;box-shadow:0 6px 14px #0000001a;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.box2:hover{transform:translateY(-4px);box-shadow:0 10px 20px #00000026}.img{width:160px;height:120px;object-fit:cover;border-radius:8px}.text{display:flex;flex-direction:column;justify-content:space-between;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.text p{margin:4px 0;font-size:14px;color:#000}.text hr{margin:8px 0;border:none;border-top:1px solid #e0e0e0}.no-results{text-align:center;margin:auto;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#fe4c55}@media (max-width: 1024px){.rightbox{width:100%}.box2{flex-direction:column;align-items:center}.img{width:100%;max-width:300px;height:auto}}@media (max-width: 600px){.rightbox{padding:10px}.box2{padding:10px;gap:10px}.text p{font-size:12px}}.pagination{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:20px;background:#fff;padding:10px 0}button{background:#fe4c55;color:#fff;border:none;padding:8px 12px;font-size:14px;font-weight:700;border-radius:5px;cursor:pointer;transition:background .3s ease-in-out}button:disabled{background:#fef4e2;color:#000;cursor:not-allowed;opacity:.6}button:hover:not(:disabled){background:#dd393d}span{font-size:16px;font-weight:700;color:#000}@media (max-width: 1024px){.pagination{flex-direction:column;gap:8px}}@media (max-width: 600px){button{padding:6px 10px;font-size:12px}span{font-size:14px}}body{font-family:Poppins,sans-serif;background-color:#fff;margin:0;padding:0;color:#000}.Detailbor{width:1000px;max-width:1444px;margin:40px auto;background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 10px #0000001a;z-index:1}.detailimg{width:auto;height:350px;border-radius:20px;margin:10px;padding:10px}button,.modal ul li button,.close-btn{padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-size:16px;transition:all .3s ease;background-color:#fe4c55;color:#fff}button:hover,.modal ul li button:hover,.close-btn:hover{background-color:#e03c45}.tabs{margin-top:20px}.heading,.head{font-size:24px;font-weight:700;margin-bottom:10px;color:#000}.content,.value{font-size:18px;color:#a5a5a5}.modal-overlay{position:fixed;margin:25px;top:0;left:0;width:100vw;height:100vh;background:transparent;display:flex;justify-content:center;align-items:center;z-index:2147483647}.placeorder{display:flex;justify-self:right}.placeorder button{background-color:#ffc941;color:#391145}.loader-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:80vh}.modal{display:block;margin-left:20%;margin-top:1%;margin-bottom:5%;justify-items:center;justify-self:center;opacity:1;background-color:#fff;padding:20px;width:800px;height:600px;border-radius:10px;box-shadow:0 4px 12px #0000004d;overflow-y:auto;z-index:2147483648}.menu{display:flex}.modal h3{color:#000}.close-btn{height:40px;width:100px}.modal ul{list-style:none;padding:0}.modal ul li{padding:10px 0;border-bottom:1px solid #DDDDDD;color:#000}.modal ul li button{padding:6px 12px;border-radius:4px;margin:10px}.order{display:flex}svg{width:100%;height:auto;fill:#ddd}.gallery{display:flex;flex-direction:column;margin:20px}.pay{display:flex;justify-self:center}@media (max-width: 1024px){.Detailbor{width:90%;padding:15px}.modal{width:90%;height:auto;margin:20px auto}.detailimg{height:250px}.menu,.order{flex-direction:column}.placeorder{justify-content:center}}@media (max-width: 768px){.heading,.head{font-size:20px}.content,.value{font-size:16px}button,.modal ul li button,.close-btn{font-size:14px;padding:8px 16px}.detailimg{height:200px}.placeorder{display:flex;justify-self:center}}@media (max-width: 480px){.Detailbor,.modal{width:95%;padding:10px}.detailimg{width:100%;height:180px;margin:5px 0;padding:5px}.gallery{margin:10px}.menu{flex-direction:column}.pay{flex-direction:column;align-items:center}.placeorder{display:flex;justify-self:center}}.react-tabs{-webkit-tap-highlight-color:transparent}.react-tabs__tab-list{border-bottom:1px solid #aaa;margin:0 0 10px;padding:0}.react-tabs__tab{display:inline-block;border:1px solid transparent;border-bottom:none;bottom:-1px;position:relative;list-style:none;padding:6px 12px;cursor:pointer}.react-tabs__tab--selected{background:#fff;border-color:#aaa;color:#000;border-radius:5px 5px 0 0}.react-tabs__tab--disabled{color:GrayText;cursor:default}.react-tabs__tab:focus{outline:none}.react-tabs__tab:focus:after{content:"";position:absolute;height:5px;left:-4px;right:-4px;bottom:-5px;background:#fff}.react-tabs__tab-panel{display:none}.react-tabs__tab-panel--selected{display:block}body{font-family:Poppins,sans-serif;background-color:#f5f5f5;margin:0;padding:0}.headerbor{width:100%;display:flex;align-items:center;justify-content:space-between;padding:15px 30px;background-color:#4da8da;border-radius:12px;box-shadow:0 6px 15px #0000001a}.logo-hed-m{display:flex;align-items:center}.logo-hed{width:120px;height:auto}.user-account{display:flex;gap:15px}.user-account button{padding:10px 18px;font-size:15px;font-weight:500;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease,transform .2s ease;color:#fff}.user-account button:first-child{background-color:#fff;color:#000}.user-account button:first-child:hover{background-color:#6cccb4;transform:scale(1.05)}.user-account button:last-child{background-color:#fff;color:#000}.user-account button:last-child:hover{background-color:#6cccb4;transform:scale(1.05)}.ReactModal__Overlay{background:#0006!important;display:flex;justify-content:center;align-items:center}.ReactModal__Content{width:600px;height:auto;padding:30px;margin:15px;background:#fff;border-radius:16px;box-shadow:0 12px 24px #0003;position:relative}.ReactModal__Content h2{text-align:center;margin-bottom:20px;color:#4da8da}.ReactModal__Content form{display:flex;flex-direction:column;padding:10px;margin:10px;gap:15px}.ReactModal__Content input{padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;height:50px;width:500px}.ReactModal__Content button{padding:12px;font-size:16px;font-weight:500;border:none;border-radius:10px;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.ReactModal__Content button:first-child{background:#4da8da;color:#fff;width:100px;margin-left:150px}.ReactModal__Content button:first-child:hover{background:#3c94c5;transform:scale(1.05)}.ReactModal__Content button:last-child{background:#ffd66b;color:#333;width:100px}.ReactModal__Content button:last-child:hover{background:#f3c456;transform:scale(1.05)}button[aria-label="Sign in with Google"]{width:600px;margin-top:15px;border-radius:8px!important}.home-button{background-color:#fff;color:#000;border:none;border-radius:8px;padding:8px 16px;font-weight:500;cursor:pointer;transition:background-color .3s ease}.home-button:hover{background-color:#fff}@media (max-width: 1024px){.headerbor{padding:10px 20px}.logo-hed{width:100px}.user-account button{padding:8px 14px;font-size:14px}.ReactModal__Content{width:90%}.ReactModal__Content input,button[aria-label="Sign in with Google"]{width:100%}}@media (max-width: 768px){.headerbor{flex-direction:column;align-items:flex-start;gap:10px}.user-account{width:100%;justify-content:space-between}.user-account button{flex:1;padding:8px 10px}.ReactModal__Content{padding:20px}}@media (max-width: 480px){.logo-hed{width:80px}.home-button{padding:6px 12px;font-size:14px}.user-account{flex-direction:column;gap:8px;width:100%}.ReactModal__Content h2{font-size:20px}.ReactModal__Content button:first-child,.ReactModal__Content button:last-child{width:100%;margin-left:0}}