@import url(https://fonts.googleapis.com/css2?family=Noto+Serif+Thai:wght@500;600;700;800&display=swap);html{scroll-behavior:smooth}body{font-family:'Noto Serif Thai',serif}.container-xxl{background-color:#f4e1c9;padding:1rem 0 0 0}.bg-hero{background-image:url('../img/540w/hero-bg-540.jpg');background-position:center top;background-size:contain;background-repeat:no-repeat;aspect-ratio:540/457}@media (min-width:768px){.bg-hero{background-image:url('../img/1280w/hero-bg-1280.jpg');aspect-ratio:1280/1085}}.sugar-logo{background-image:url('../img/logo-sugarwork.svg');background-position:center top;background-size:contain;background-repeat:no-repeat;height:auto;width:33%;position:absolute;aspect-ratio:599.8101/526.0303;margin-top:-5%}@media (min-width:768px){.sugar-logo{width:22.5%}}#features{background-color:#f8d399;width:100%;font-family:"Noto Serif Thai', serif";font-weight:600;font-style:normal}.features-title{font-family:'Noto Serif Thai',serif;font-weight:500;font-size:2rem;color:#6a5246}@media (min-width:992px){.features-title{font-size:4rem}}.features-text{font-family:'Noto Serif Thai',serif;font-size:1rem;font-weight:500;color:#6a5246}@media (min-width:992px){.features-text{font-size:1.3rem}}.roses{position:absolute;bottom:-50px;right:0;background-image:url('../img/100w/rose.png');background-size:contain;background-repeat:no-repeat;background-position:right bottom;width:20%;height:100%;z-index:10;pointer-events:none}@media (min-width:768px){.roses{background-image:url('../img/300w/rose.png')}}.bg-wave{background-image:url("../img/SVG/bg-wave.svg");background-repeat:no-repeat;background-position:top;background-size:contain;width:100%;height:auto;aspect-ratio:1920/638.9576}.bg-wave-wrapper{background-color:#f4e1c9;min-height:300px;margin-top:-5px}@media (min-width:1200px){.bg-wave-wrapper{min-height:350px}}.cake{background-image:url("../img/300w/cake.png");background-repeat:no-repeat;background-position:top;background-size:contain;height:auto;aspect-ratio:300/300;position:absolute;margin-left:1%}@media (min-width:768px){.cake{background-image:url("../img/500w/cake.png");max-width:700px}}#recommended{background-color:#f4e1c9;margin-top:-220px}@media (min-width:1200px){#recommended{margin-top:-320px}}.recommeded_title{font-family:'Noto Serif Thai',serif;font-weight:700;font-style:normal;font-size:2rem;color:#6a5246;width:100%;text-align:center}@media (min-width:768px){.recommeded_title{font-size:3rem}}@media (min-width:992px){.recommeded_title{font-size:3.5rem}}.btn-menu{background-color:#6a5246}@media (min-width:768px){.btn-menu{font-size:1.3rem}}.sugar-menu{width:100%;height:auto;aspect-ratio:300/443;background-size:contain;background-position:center center;background-repeat:no-repeat}.sugar-menu-title{font-family:'Noto Serif Thai',serif;color:#6a5246;font-weight:700;font-size:1rem;text-align:center}@media (min-width:992px){.sugar-menu-title{font-size:1.5rem}}.MON-menu-desc{font-family:Prompt,sans-serif;color:#c2ac90;font-weight:600;font-size:.9rem;text-align:center}@media (min-width:992px){.MON-menu-desc{font-size:1.2rem}}.footer-horizon{background-image:url("../img/horizon-line.jpg");background-position:center;background-size:200px;background-repeat:repeat-x}.footer-btn{font-family:'Noto Serif Thai',serif;color:#6a5246;font-weight:600;font-size:1rem;padding:.5rem .75rem;transition:color .2s ease-in-out;background-color:#f4e1c9}@media (min-width:992px){.footer-btn{font-size:1rem}}.footer-btn:hover{color:#fff!important;background-color:#f4e1c9;box-shadow:none!important}.footer-btn svg{fill:currentColor;vertical-align:-.1m}.my-responsive-icon{width:18px;height:18px}@media (min-width:992px){.my-responsive-icon{width:32px;height:32px}}#dot-navigation{position:fixed;top:50%;right:20px;transform:translateY(-50%);z-index:1050}#dot-navigation ul{list-style:none;margin:0;padding:0}#dot-navigation li{margin:20px 0}.dot{display:block;width:10px;height:10px;border-radius:50%;background-color:rgba(255,192,203,.4);border:1px solid rgba(255,192,203,.6);transition:background-color .3s,transform .3s}.dot.active,.dot:hover{background-color:#f4e1c9;transform:scale(1.3)}