@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";.AboutBox{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;overflow-y:hidden;gap:5%;padding:5% 5% 0}@media (orientation: landscape){.AboutBox{justify-content:center}}@media (orientation: portrait){.AboutBox{justify-content:flex-start}}.AboutBox .top_container{width:100%;height:40%;display:flex;flex-direction:column;align-items:center;justify-content:center}.AboutBox .bottom_container{width:100%;max-height:50%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}@media screen and (orientation: portrait) and (min-width: 768px) and (hover: none) and (pointer: coarse){.AboutBox .bottom_container{width:75%}}.AboutBox .bottom_container p{width:95%;height:100%;color:#fff;text-align:center}@media (max-width: 1025px) and (min-height: 500px) and (hover: none) and (pointer: coarse){.AboutBox .bottom_container p{width:100%;height:60%;margin-bottom:5%}}@media screen and (orientation: portrait) and (min-width: 768px) and (hover: none) and (pointer: coarse){.AboutBox .bottom_container p{width:80%;margin-bottom:5%}}.AboutBox .about_logo{width:auto;height:100%;aspect-ratio:1/1;object-fit:contain}@media (orientation: portrait){.AboutBox .about_logo{height:100%}}.AboutBox .food_imgs{height:100%;width:auto;aspect-ratio:1/1;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:5px}.AboutBox .food_imgs .food_box{width:100%;height:100%;border-radius:5px;aspect-ratio:1/1;object-fit:cover}.Accordion{display:flex;flex-direction:column;width:100%;border-bottom:1px solid #FFF;cursor:pointer}.Accordion .accordion_top{display:flex;flex-direction:row;align-items:center;gap:10%;justify-content:center;width:100%;position:relative;padding-right:12%;height:8dvh;min-height:60px}.Accordion .accordion_top h4{text-align:left;width:100%}@media (max-width: 1025px) and (min-height: 500px){.Accordion .accordion_top{gap:10px;justify-content:flex-start}}@media ((min-width: 600px) and (orientation: landscape) and (max-height: 600px) and (hover: none) and (pointer: coarse)){.Accordion .accordion_top{justify-content:flex-start}}@media screen and (orientation: portrait) and (min-width: 768px) and (hover: none) and (pointer: coarse){.Accordion .accordion_top{padding-left:2%}}.Accordion .accordion_top .icon{width:35px;height:35px;position:absolute;right:2%}.Accordion .accordion_bottom{height:70px;background-color:#3b3b45;border-left:10px solid #FFF;padding:1%;display:flex;justify-content:center;align-items:center}.FAQs{width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:10px}.FAQs .list{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;overflow-y:auto;gap:2%}.AboutTitle{display:flex;flex-direction:row;width:100%;height:5%;justify-content:center;align-items:center;gap:1%}.AboutTitle h3{font-size:28px;text-align:center;width:40%}@media screen and (min-width: 1000px){.AboutTitle h3{font-size:36px;margin-bottom:10px}}@media screen and (max-height: 450px) and (orientation: landscape){.AboutTitle h3{font-size:20px}}.AboutTitle .inactive_title{display:flex;justify-content:center;align-items:center;flex-direction:column;width:20%}@media screen and (orientation: landscape){.AboutTitle .inactive_title{display:none}}.AboutTitle .inactive_title h4{color:#9292a1;font-size:20px}@media screen and (min-width: 1000px){.AboutTitle .inactive_title h4{font-size:28px}}.AboutTitle .inactive_title .inactive_1,.AboutTitle .inactive_title .inactive_2{text-align:center}h1{font-family:Inter;font-weight:900;font-size:68px;color:#fff}@media screen and (max-width: 700px) and (orientation: landscape){h1{font-size:62px}}@media (min-width: 800px) and (orientation: portrait){h1{font-size:98px}}@media (min-width: 1000px) and (orientation: portrait){h1{font-size:128px}}@media (min-width: 1024px) and (min-height: 650px) and (orientation: landscape){h1{font-size:112px}}@media (min-width: 1024px) and (min-height: 850px) and (orientation: landscape){h1{font-size:156px}}h2{font-family:Inter;font-weight:900;font-size:44px;color:#fff}@media (max-width: 1025px) and (min-height: 500px){h2{font-size:32px}}@media ((min-width: 600px) and (orientation: landscape) and (max-height: 600px) and (hover: none) and (pointer: coarse)){h2{font-size:22px}}@media (min-height: 600px) and (max-width: 450px){h2{font-size:28px}}@media screen and (orientation: portrait) and (min-width: 768px) and (hover: none) and (pointer: coarse){h2{font-size:50px}}@media (max-height: 600px) and (min-width: 1000px){h2{font-size:32px}}h3{font-family:Inter;font-weight:900;font-size:clamp(1rem,.5rem + 2vw,2.2rem);color:#fff}@media (max-width: 361px){h3{font-size:22px}}@media screen and (orientation: landscape) and (min-width: 1300px){h3{font-size:40px}}h4{font-family:Inter;font-weight:900;font-size:18px;color:#fff}h5{font-family:Inter;font-weight:900;font-size:14px;color:#fff}@media screen and (max-width: 400px) and (max-height: 750px){h5{font-size:11px}}@media ((min-width: 600px) and (orientation: landscape) and (max-height: 600px) and (hover: none) and (pointer: coarse)){h5{font-size:12px}}h6{font-family:Inter;font-weight:300;font-size:14px;color:#fff}@media screen and (max-width: 400px) and (max-height: 750px){h6{font-size:11px}}@media ((min-width: 600px) and (orientation: landscape) and (max-height: 600px) and (hover: none) and (pointer: coarse)){h6{font-size:12px}}p{font-family:Inter;font-weight:400;font-size:12px;color:#fff}@media (max-width: 1025px){p{font-size:14px}}@media screen and (orientation: landscape) and (min-width: 1200px){p{font-size:15px}}button{font-family:Inter;font-weight:900;font-size:28px}@media ((min-width: 600px) and (orientation: landscape) and (max-height: 600px) and (hover: none) and (pointer: coarse)){button{font-size:22px}}@media screen and (orientation: landscape) and (min-width: 1300px){button{font-size:32px}}.MobileNavigation a .nav_option h3,.selected_option{font-size:clamp(1rem,1.5rem + 2vw,3rem)}.info_h5{font-size:18px;text-align:center}@media (max-width: 700px) and (max-height: 400px){.info_h5{font-size:12px}}@media screen and (max-width: 400px) and (max-height: 750px){.info_h5{font-size:14px}}@media screen and (max-height: 400px) and (orientation: landscape){.info_h5{font-size:14px}}@media screen and (orientation: portrait) and (min-width: 768px) and (hover: none) and (pointer: coarse){.info_h5{font-size:26px}}@media screen and (orientation: landscape) and (min-height: 550px) and (hover: none) and (pointer: coarse){.info_h5{font-size:26px}}.info_h6{font-size:18px;text-align:center}@media (max-width: 700px) and (max-height: 400px){.info_h6{font-size:12px}}@media screen and (max-width: 400px) and (max-height: 750px){.info_h6{font-size:14px}}@media screen and (max-height: 400px) and (orientation: landscape){.info_h6{font-size:14px}}@media screen and (orientation: portrait) and (min-width: 768px) and (hover: none) and (pointer: coarse){.info_h6{font-size:26px}}@media screen and (orientation: landscape) and (min-height: 550px) and (hover: none) and (pointer: coarse){.info_h6{font-size:26px}}@media (max-width: 900px) and (max-height: 420px){.sentence{font-size:28px}}@media (max-width: 400px) and (min-height: 670px) and (max-height: 850px) and (orientation: portrait){.sentence{font-size:32px}}@media (min-width: 900px) and (max-height: 430px) and (orientation: landscape){.sentence{font-size:30px}}@media (min-width: 420px) and (max-height: 940px) and (orientation: portrait){.sentence{font-size:36px}}@media (min-width: 411px) and (max-height: 916px) and (orientation: portrait){.sentence{font-size:32px}}@media (max-width: 361px) and (min-height: 730px) and (orientation: portrait){.sentence{font-size:28px}}@media (max-width: 1024px) and (min-height: 730px) and (orientation: landscape){.sentence{font-size:36px}}@media screen and (orientation: landscape) and (min-width: 1300px){.sentence{font-size:56px}}@media (max-width: 950px) and (max-height: 450px) and (orientation: landscape){.sentence{font-size:26px}}@media (max-height: 950px) and (max-width: 450px) and (orientation: portrait){.sentence{font-size:22px}}@media screen and (orientation: landscape) and (min-height: 451px){.sentence{font-size:40px}}@media screen and (orientation: landscape) and (min-height: 1000px){.sentence{font-size:52px}}.AboutContainer{display:flex;height:100%;width:100%}@media screen and (orientation: landscape){.AboutContainer{padding:1%}}@media screen and (orientation: landscape) and (max-height: 450px){.AboutContainer{padding-bottom:15%}}.AboutContainer .about_content{height:100%;display:flex;justify-content:center;align-items:center;padding:2%}@media (orientation: landscape){.AboutContainer .about_content{width:70%}}@media (orientation: portrait){.AboutContainer .about_content{width:100%;padding-top:25%}}.AboutContainer .state_buttons{width:40%;height:100%;flex-direction:column;gap:10%;justify-content:center;align-items:center}@media (orientation: portrait){.AboutContainer .state_buttons{display:none}}@media (orientation: landscape){.AboutContainer .state_buttons{display:flex}}@media ((min-width: 600px) and (orientation: landscape) and (max-height: 600px) and (hover: none) and (pointer: coarse)){.AboutContainer .state_buttons{width:25%;padding-left:2%}}.AboutContainer .state_buttons button{width:75%;height:12%;min-height:60px;border:none;border-radius:10px;cursor:pointer}@media ((min-width: 600px) and (orientation: landscape) and (max-height: 600px) and (hover: none) and (pointer: coarse)){.AboutContainer .state_buttons button{width:95%}}.AboutContainer .state_buttons .button_active{background-color:#fff;color:#232527}.AboutContainer .state_buttons .button_inactive{border:1px solid #FFF;color:#fff;background-color:transparent}