@import"https://db.onlinewebfonts.com/c/ee9eced3162e561520a9b04a398626fc?family=LTC+Swing+W00+Bold";
.menu .container .menu-grid,.menu .container .menu-grid .menu-item .menu-intro figure img,.contact .container .form-wrapper,.contact .container .form-wrapper form,.testimonial .container .testimonial-card .card-header,.footer .container .footer-list,.footer .footer-image,.footer .footer-bar,.container,.embla__dots{
    width:100%;
    height:auto
}
section .bg video,section .bg img{
    width:100%;
    height:100%
}
.embla{
    width:100%;
    overflow:hidden
}
.embla__container{
    display:flex
}
.embla__slide{
    min-width:0
}
.embla__dots{
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap
}
.embla__dots .embla__dot{
    width:1.25rem;
    height:1.25rem;
    border-radius:50%;
    background:currentColor;
    opacity:.2
}
.embla__dots .embla__dot.embla__dot--selected{
    opacity:1
}
.fancybox__container{
    background:#f2e6d8!important
}
*{
    margin:0;
    padding:0
}
*,*:before,*:after{
    box-sizing:inherit;
    outline:none;
    -webkit-touch-callout:none;
    font-family:dm-sans-18pt,sans-serif
}
:focus{
    outline:none
}
::-moz-focus-inner{
    border:0
}
a{
    color:inherit;
    outline:none;
    pointer-events:auto;
    text-decoration:none
}
button{
    background:none;
    border:none;
    border-radius:none;
    color:inherit;
    outline:none;
    cursor:pointer
}
video,img{
    vertical-align:middle;
    object-fit:cover;
    object-position:center
}
input,textarea{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    background:none;
    border:none;
    border-radius:0;
    outline:none;
    pointer-events:auto
}
:root{
    font-synthesis:none;
    text-rendering:optimizeLegibility;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    font-optical-sizing:auto
}
html{
    box-sizing:border-box;
    overscroll-behavior:none;
    font-size:.5208333333vw!important
}
@media only screen and (max-width: 1024px){
    html{
        font-size:.9765625vw!important
    }
}
@media only screen and (max-width: 482px){
    html{
        font-size:2.0746887967vw!important
    }
}
body{
    overscroll-behavior:none;
    font-weight:400;
    width:100%
}
h1,h2,h3,h4,h5,h6,h1 div,h2 div,h3 div,h4 div,h5 div,h6 div{
    font-family:rl-limo,sans-serif
}
[data-animation=text]{
    opacity:0;
    will-change:opacity
}
[data-animation=text] .line{
    will-change:transform;
    overflow:hidden
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    vertical-align:baseline
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
    display:block
}
body{
    line-height:1
}
ol,ul{
    list-style:none
}
::-webkit-scrollbar{
    display:none
}
.container{
    position:relative;
    max-width:95%;
    margin:0 auto;
    z-index:3
}
section{
    position:relative;
    overflow:hidden
}
section .bg{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0
}
figure.image-frame{
    background:#f3f3f3;
    box-shadow:1.5px 1.5px 1.5px #00000040;
    padding:2rem 2rem 8rem
}
figure.image-frame img{
    width:100%;
    height:auto;
    box-shadow:1px 1px 1px #00000040
}
.pattern-wrapper{
    width:100%;
    z-index:1
}
.pattern-wrapper .pattern-bar{
    width:100%;
    height:2.5rem;
    background-size:10rem 10rem;
    background-position:0 0,5rem 5rem
}
.pattern-wrapper .pattern-bar:nth-of-type(odd){
    background-image:linear-gradient(90deg,#f25638 25%,transparent 25%,transparent 50%,#f25638 50%,#f25638 75%,transparent 75%,transparent)
}
.pattern-wrapper .pattern-bar:nth-of-type(2n){
    background-image:linear-gradient(90deg,transparent 25%,#f25638 25%,#f25638 50%,transparent 50%,transparent 75%,#f25638 75%,#f25638)
}
.pattern-wrapper.green .pattern-bar:nth-of-type(odd){
    background-image:linear-gradient(90deg,#1a2f06 25%,transparent 25%,transparent 50%,#1a2f06 50%,#1a2f06 75%,transparent 75%,transparent)
}
.pattern-wrapper.green .pattern-bar:nth-of-type(2n){
    background-image:linear-gradient(90deg,transparent 25%,#1a2f06 25%,#1a2f06 50%,transparent 50%,transparent 75%,#1a2f06 75%,#1a2f06)
}
.header{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    gap:5rem;
    text-align:center
}
.link-sm,.link{
    position:relative;
    font-size:1.6rem;
    font-weight:400;
    line-height:1.25
}
@media only screen and (max-width: 1024px){
    .link-sm,.link{
        font-size:1.4rem
    }
}
.link-sm:after,.footer-link:after,.link:after{
    content:"";
    position:absolute;
    left:50%;
    bottom:-.25rem;
    width:50%;
    height:.2rem;
    transform:translate(-50%);
    background:currentColor;
    opacity:0;
    transition:opacity .5s cubic-bezier(.3,1,.3,1)
}
.link-sm:hover:after,.footer-link:hover:after,.link:hover:after{
    opacity:1
}
.footer-link{
    position:relative
}
.link-sm{
    font-size:1.4rem;
    font-weight:400;
    line-height:1.25
}
@media only screen and (max-width: 1024px){
    .link-sm{
        font-size:1.2rem
    }
}
.link-rounded,.tab-button{
    font-family:LTC Swing W00 Bold;
    font-size:3rem;
    line-height:1;
    border:3px solid currentColor;
    padding:1.5rem 4rem;
    border-radius:50%;
    transition:all .5s cubic-bezier(.3,1,.3,1)
}
@media only screen and (max-width: 1024px){
    .link-rounded,.tab-button{
        font-size:2.4rem;
        padding:1.2rem 3.2rem
    }
}
.tab-button:hover,.tab-button.active{
    background:#f2b6d2
}
.link-rounded{
    background:#d7e7b0;
    color:#000
}
h1{
    font-size:8rem;
    font-weight:800;
    line-height:1.1
}
h2{
    font-size:5.5rem;
    font-weight:600;
    line-height:1.15
}
h3{
    font-size:4rem;
    font-weight:600;
    line-height:1.2
}
h4{
    font-size:3rem;
    font-weight:600;
    line-height:1.25
}
h5{
    font-size:2.5rem;
    font-weight:600;
    line-height:1.3
}
h6{
    font-size:2rem;
    font-weight:600;
    line-height:1.35
}
li,.footer-link,p{
    font-size:2rem;
    font-weight:400;
    line-height:1.25
}
p a{
    text-decoration:underline
}
ul{
    list-style:disc;
    padding-left:2rem
}
ol{
    list-style:decimal;
    padding-left:2rem
}
.text-sm{
    font-size:1.4rem;
    font-weight:400;
   line-height:1.25
}

.text-am {
	font-size: 1rem;
}

@media only screen and (max-width: 1024px){
    h1{
        font-size:6rem
    }
    h2{
        font-size:4.5rem
    }
    h3{
        font-size:3.5rem
    }
    h4{
        font-size:2.5rem
    }
    h5{
        font-size:2rem
    }
    h6,.footer-link,p{
        font-size:1.8rem
    }
    .text-sm{
        font-size:1.2rem
    }
	.text-am {
		font-size: 0.8rem;
	}

}
@media only screen and (max-width: 482px){
    h1{
        font-size:4.5rem
    }
    h2{
        font-size:3.5rem
    }
    h3{
        font-size:2.5rem
    }
    h4{
        font-size:2rem
    }
    h5{
        font-size:1.8rem
    }
    h6,.footer-link,p{
        font-size:1.6rem
    }
    .text-sm{
        font-size:1rem
    }
	.text-am{
        font-size:0.8rem
    }
    h1 br,h2 br,h3 br,h4 br,h5 br,h6 br,p br{
        display:none!important
    }
}
input:not([type=submit],[type=checkbox],[type=radio]),textarea{
    font-size:2rem;
    font-weight:400;
    line-height:1.25;
    padding:1.25rem 2rem;
    border:1px solid currentColor;
    border-radius:5rem
}
input:not([type=submit],[type=checkbox],[type=radio])::placeholder,textarea::placeholder{
    color:currentColor
}
textarea{
    min-height:10rem;
    border-radius:2rem;
    resize:none
}
input[type=checkbox],input[type=radio],input[type=submit]{
    cursor:pointer
}
@media only screen and (max-width: 1024px){
    input:not([type=submit],[type=checkbox],[type=radio]),textarea{
        font-size:1.8rem
    }
}
.footer{
    background:#193f26;
    color:#d7e7b0;
    position:relative
}
.footer .container{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    padding:20rem 0 10rem;
    gap:10rem
}
.footer .container .footer-list{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(25rem,1fr))
}
.footer .container .footer-list .footer-box{
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:center;
    flex-wrap:wrap;
    gap:.5rem
}
.footer .container .footer-list .footer-box h5{
    margin-bottom:2rem
}
.footer .container .footer-list .footer-box p,.footer .container .footer-list .footer-box a{
    font-weight:500
}
.footer .footer-bar{
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
    position:absolute;
    bottom:2.5rem;
    left:0;
    z-index:2;
    padding:0 2.5%;
    mix-blend-mode:difference
}
.footer .footer-bar .footer-bar-box{
    flex:0 0 45%;
    max-width:45%;
    width:100%;
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap
}
.footer .footer-bar .footer-bar-box .footer-bar-links{
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
    gap:5rem
}
@media only screen and (max-width: 482px){
    .footer{
        display:flex;
        flex-direction:column
    }
    .footer .container{
        padding:10rem 0;
        gap:5rem
    }
    .footer .container .footer-list{
        gap:5rem;
        grid-template-columns:repeat(2,1fr)
    }
    .footer .container .footer-list .footer-box{
        gap:1rem
    }
    .footer .container .footer-list .footer-box h5{
        margin-bottom:.5rem
    }
    .footer .footer-image{
        order:3;
        margin-top:5rem
    }
    .footer .footer-bar{
        gap:1rem;
        position:relative;
        bottom:unset;
        left:unset;
        order:2
    }
    .footer .footer-bar .footer-bar-box{
        flex:0 0 100%;
        max-width:100%;
        width:100%
    }
}
.navbar{
    width:100%;
    position:fixed;
    top:0;
    z-index:10
}
.navbar .container{
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
    padding:2rem 0
}
.navbar .container .logo{
    font-size:3rem
}
.navbar .container .navbar-links{
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
    gap:2rem;
    background:#d7e7b0;
    padding:1.5rem 3rem;
    border-radius:5rem;
    position:absolute;
    left:50%;
    transform:translate(-50%)
}
.navbar .container .navbar-links a{
    font-family:rl-limo,sans-serif
}
@media only screen and (max-width: 1024px){
    .navbar{
        height:100%;
        pointer-events:none
    }
    .navbar .container{
        pointer-events:none;
        height:100%;
        align-items:flex-start
    }
    .navbar .container .navbar-links{
        bottom:5rem;
        width:max-content
    }
}
.banner .container{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    padding:10rem 0;
    gap:4rem;
    height:calc(var(--vh, 1vh) * 100);
    color:#d7e7b0;
    text-align:center
}
.banner .container .banner-footer{
    position:absolute;
    bottom:5rem
}
.banner .container .banner-footer p{
    font-family:rl-limo,sans-serif;
    font-weight:600
}
.banner .container .banner-images{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:3;
    pointer-events:none
}
.banner .container .banner-images [data-animation=scroll]{
    will-change:transform;
    margin-top:50rem
}
@media only screen and (max-width: 482px){
    .banner .container .banner-images [data-animation=scroll]{
        margin-top:0
    }
}
.banner .container .banner-images .smile-image{
    width:30rem;
    position:absolute;
    right:15%;
    top:70%;
    transform:translate(15%,-70%)
}
.banner .container .banner-images .smile-image img{
    width:100%
}
.banner .container .banner-images .sticker-image{
    width:20rem;
    position:absolute;
    left:17.5%;
    top:57.5%;
    transform:translate(-17.5%,-57.5%)
}
.banner .container .banner-images .sticker-image img{
    width:100%
}
.banner .container .banner-images .sign-image{
    width:30rem;
    position:absolute;
    top:0rem;
    right:0
}
.banner .container .banner-images .flower-image{
    width:30rem;
    position:absolute;
    bottom:0;
    left:0
}
.about{
    background:#f2b6d2
}
.about .container{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    padding:15rem 0;
    gap:4rem;
    text-align:center;
    min-height:calc(var(--vh, 1vh) * 100 - 30rem)
}
.about .container .about-content{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    gap:2rem
}
.about .bg{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    z-index:4;
    pointer-events:none
}
.about .bg figure{
    max-width:35rem;
    position:absolute;
}
.about .bg figure img{
	max-height: 30rem;
}
.about .bg figure:nth-child(1){
    top:-7.5rem;
    left:-7.5rem;
    transform:rotate(-20deg);
    z-index:3
}
.about .bg figure:nth-child(2){
    top:10rem;
    left:10rem;
    transform:rotate(5deg);
    z-index:2
}
.about .bg figure:nth-child(3){
    top:-15rem;
    right:25rem;
    transform:rotate(-190deg);
    z-index:2
}
.about .bg figure:nth-child(4){
    top:-15rem;
    right:-12.5rem;
    transform:rotate(-150deg);
    z-index:2
}
.about .bg figure:nth-child(5){
    bottom:-30rem;
    left:-15rem;
    transform:rotate(30deg)
}
.about .bg figure:nth-child(6){
    bottom:-20rem;
    right:30rem;
    transform:rotate(-30deg);
    z-index:2
}
.about .bg figure:nth-child(7){
    bottom:-12.5rem;
    right:15rem;
    transform:rotate(20deg)
}
.about .bg figure:nth-child(8){
	bottom: -20rem;
    left: 10rem;
    transform: rotate(45deg);
}
.about .bg figure:nth-child(9){
    left: 65%;
    transform: rotate(-25deg);
}
.about .bg figure:nth-child(10){
    left: 18%;
    transform: rotate(25deg);
}
.about .bg .smile-image{
    width:auto;
    height:55rem;
    position:absolute;
    left:20rem;
    bottom:-18rem;
    z-index:1
}
.menu .smile-image{
    width:auto;
    height:55rem;
    position:absolute;
    left:20rem;
    top:-37rem;
    z-index:1
}
.menu .container{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    padding:15rem 0;
    gap:15rem;
    color:#1a2f06
}
.menu .container .header .tab-list{
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    gap:2rem
}
.menu .container .menu-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    column-gap:10rem;
    display:none
}
.menu .container .menu-grid .menu-item{
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:stretch;
    flex-wrap:wrap;
    border-bottom:1px solid rgba(0,0,0,.25);
    padding:4rem 0
}
.menu .container .menu-grid .menu-item .menu-info,.menu .container .menu-grid .menu-item .menu-intro{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(2rem,1fr))
}
.menu .container .menu-grid .menu-item .menu-info .menu-box,.menu .container .menu-grid .menu-item .menu-intro .menu-box{
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:flex-start;
    flex-wrap:wrap;
    padding-top:2.5rem;
    gap:1.5rem
}
.menu .container .menu-grid .menu-item .menu-info .menu-box h6,.menu .container .menu-grid .menu-item .menu-intro .menu-box h6{
    text-transform:uppercase
}
.menu .container .menu-grid .menu-item .menu-intro{
    flex:0 0 47.5%;
    max-width:47.5%;
    width:100%
}
.menu .container .menu-grid .menu-item .menu-intro figure{
    width:18rem
}
.menu .container .menu-grid .menu-item .menu-info{
    flex:0 0 50%;
    max-width:50%;
    width:100%
}

.menu .container .menu-grid .menu-note{
    background:#1a2f06;
    color:#f2e6d8;
    padding:2rem;
    height:min-content;
    align-self:flex-end
}

.menu .container .menu-grid .menu-note p{
    font-weight:600
}
.menu .container .menu-grid.active{
    display:grid
}
.menu .note{
    background:#f25638;
    color:#f2e6d8;
    padding:1.5rem 10rem
}
.menu .note p{
		font-size:1.2rem;
    font-weight:600;
    text-transform:uppercase
}
.gallery{
    background:#f2e6d8;
    color:#f25638
}
.gallery .container{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    padding:15rem 0;
    gap:10rem;
    text-align:center;
    overflow:visible
}
.gallery .container .embla{
    overflow:visible
}
.gallery .container .embla .embla__container .embla__slide{
    flex:0 0 40rem;
    max-width:40rem;
    width:100%;
    margin-left:3rem
}
.gallery .container .embla .embla__container .embla__slide figure{
    width:100%
}
.gallery .container .embla .embla__container .embla__slide figure img{
    width:100%
}
.gallery .container .embla .embla__container .embla__slide:nth-of-type(odd){
    margin-top:6rem
}
.feed{
    background:#f25638;
    color:#d7e7b0
}
.feed .container{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    padding:15rem 0;
    gap:7.5rem
}
.feed .container .star-image{
    height:40rem;
    position:absolute;
    bottom:-10rem;
    right:5rem;
    z-index:3
}
.contact{
    background:#f2b6d2;
    color:#1a2f06
}
.contact .container{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    padding:20rem 0 15rem;
    gap:10rem
}
.contact .container .star-image{
    height:40rem;
    position:absolute;
    top:-30rem;
    right:5rem;
    z-index:3
}
.contact .container .form-wrapper{
    max-width:50%
}
.contact .container .form-wrapper form{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:4rem
}
.contact .container .form-wrapper form span:has(textarea){
    grid-column: span 2;
}
.contact .container .form-wrapper form input[type=submit]{
    width: max-content;
	grid-column: 1 / 3;
}
.testimonial .embla{
    position:absolute;
    top:0;
    z-index:4;
    background:#d7e7b0;
    color:#1a2f06;
    padding:1.5rem 0;
    pointer-events:none
}
.testimonial .embla .embla__container .embla__slide{
    flex:0 0 auto;
    margin-right:5rem
}
.testimonial .container{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    padding:15rem 0;
    height:calc(var(--vh, 1vh) * 100)
}
.testimonial .container .testimonial-card{
    width:60rem;
    padding:4rem;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:flex-start;
    flex-wrap:wrap;
    gap:4rem;
    position:absolute
}
.testimonial .container .testimonial-card .card-header{
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
    text-transform:uppercase
}
.testimonial .container .testimonial-card .card-header .header-box{
    flex:0 0 50%;
    max-width:50%;
    width:100%;
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:flex-start;
    flex-wrap:wrap;
    gap:1rem
}
.testimonial .container .testimonial-card .card-header .header-box svg{
    width:8rem;
    margin-top:.25rem
}
.testimonial .container .testimonial-card .card-header .header-box svg path{
    fill:currentColor
}
.testimonial .container .testimonial-card .review{
    font-weight:600
}
.testimonial .container .testimonial-card .card-image{
    position:absolute;
    z-index:2
}
.testimonial .container .testimonial-card:nth-of-type(4n+1){
    background:#d7e7b0;
    color:#1a2f06;
    left:20%;
    top:30%
}
.testimonial .container .testimonial-card:nth-of-type(4n+1) .card-image{
    height:20rem;
    bottom:-10rem;
    right:-5rem
}
.testimonial .container .testimonial-card:nth-of-type(4n+2){
    color:#d7e7b0;
    background:#1a2f06;
    left:50%;
    top:40%
}
.testimonial .container .testimonial-card:nth-of-type(4n+2) .card-image{
    height:20rem;
    bottom:-10rem;
    right:-7.5rem
}
.testimonial .container .testimonial-card:nth-of-type(4n+3){
    background:#f2e6d8;
    color:#f25638;
    left:25%;
    top:55%
}
.testimonial .container .testimonial-card:nth-of-type(4n+3) .card-image{
    height:25rem;
    top:-15rem;
    left:-15rem
}
.testimonial .container .testimonial-card:nth-of-type(4n+4){
    background:#f25638;
    color:#f2e6d8;
    left:35%;
    top:25%
}
.testimonial .container .testimonial-card:nth-of-type(4n+4) .card-image{
    height:20rem;
    top:-15rem;
    right:-12.5rem
}
@media only screen and (max-width: 1024px){
    .about .bg figure{
        max-width:20rem
    }
    .about .bg figure:nth-child(1){
        top:-5rem;
        left:-5rem;
        transform:rotate(-20deg)
    }
    .about .bg figure:nth-child(2){
        top:7.5rem;
        left:7.5rem;
        transform:rotate(5deg)
    }
    .about .bg figure:nth-child(3){
        top:-10rem;
        right:15rem;
        transform:rotate(-190deg)
    }
    .about .bg figure:nth-child(4){
        top:-10rem;
        right:-10rem;
        transform:rotate(-150deg)
    }
    .about .bg figure:nth-child(5){
        bottom:-20rem;
        left:-10rem;
        transform:rotate(30deg)
    }
    .about .bg figure:nth-child(6){
        bottom:-15rem;
        right:20rem;
        transform:rotate(-30deg)
    }
    .about .bg figure:nth-child(7){
        bottom:-10rem;
        right:10rem;
        transform:rotate(20deg)
    }
    .about .bg figure:nth-child(9){
        bottom:-12rem;
    }
    .about .bg figure:nth-child(10){
        bottom:-5rem;
		left: -25%;
    }
    .about .bg .smile-image{
        height:40rem;
        left:10rem;
        bottom:-12rem
    }
    .menu .smile-image{
        height:40rem;
        left:10rem;
        top:-28rem
    }
    .menu .container{
        gap:10rem
    }
    .menu .container .menu-grid{
        grid-template-columns:1fr
    }
    .gallery .container .embla .embla__container .embla__slide{
        flex:0 0 30rem;
        max-width:30rem;
        width:100%
    }
    .gallery .container .embla .embla__container .embla__slide:nth-of-type(odd){
        margin-top:4rem
    }
    .testimonial .container .testimonial-card:nth-of-type(4n+1){
        left:10%;
        top:20%
    }
    .testimonial .container .testimonial-card:nth-of-type(4n+1) .card-image{
        height:15rem;
        bottom:-7.5rem;
        right:-2.5rem
    }
    .testimonial .container .testimonial-card:nth-of-type(4n+2){
        left:40%;
        top:30%
    }
    .testimonial .container .testimonial-card:nth-of-type(4n+2) .card-image{
        height:15rem;
        bottom:-7.5rem;
        right:-5rem
    }
    .testimonial .container .testimonial-card:nth-of-type(4n+3){
        left:15%;
        top:40%
    }
    .testimonial .container .testimonial-card:nth-of-type(4n+3) .card-image{
        height:20rem;
        top:-10rem;
        left:-10rem
    }
    .testimonial .container .testimonial-card:nth-of-type(4n+4){
        left:25%;
        top:15%
    }
    .testimonial .container .testimonial-card:nth-of-type(4n+4) .card-image{
        height:15rem;
        top:-10rem;
        right:-7.5rem
    }
    .banner .container .banner-images [data-animation=scroll]{
        margin-top:40rem
    }
    .banner .container .banner-images .smile-image{
        right:2.5rem;
        width:20rem
    }
    .banner .container .banner-images .sticker-image{
        width:15rem;
        left:2.5rem
    }
}
@media only screen and (max-width: 482px){
    .about .container{
        min-height:70rem
    }
    .about .container .about-content,.about .container .about-content h2{
        width:100%
    }
    .about .bg figure{
        max-width:17.5rem
    }
    .about .bg .smile-image{
        height:30rem;
        left:5rem;
        bottom:-8rem
    }
    .menu .smile-image{
        height:30rem;
        left:5rem;
        top:-22rem
    }
    .menu .container{
        padding:10rem 0;
        gap:5rem
    }
    .menu .container .header .tab-list{
        gap:1rem
    }
    .menu .container .menu-grid .menu-item .menu-info,.menu .container .menu-grid .menu-item .menu-intro{
        flex:0 0 100%;
        max-width:100%;
        width:100%
    }
    .menu .container .menu-grid .menu-item .menu-info .menu-box,.menu .container .menu-grid .menu-item .menu-intro .menu-box{
        text-align:center;
        align-items:center
    }
    .menu .container .menu-grid .menu-item .menu-intro{
        grid-template-columns:1fr
    }
    .menu .container .menu-grid .menu-item .menu-intro figure{
        margin:0 auto
    }
    .menu .note{
        padding:1.5rem 5rem
    }
    .gallery .container{
        padding:7.5rem 0
    }
    .gallery .container .embla .embla__container .embla__slide{
        flex:0 0 25rem;
        max-width:25rem;
        width:100%;
        margin-left:2rem
    }
    .gallery .container .embla .embla__container .embla__slide:nth-of-type(odd){
        margin-top:2rem
    }
    .feed .container{
        padding:10rem 0;
        gap:5rem
    }
    .feed .container .star-image{
        height:30rem;
        bottom:-7.5rem;
        right:2.5rem;
        z-index:5
    }
    .contact .container{
        padding:15rem 0 10rem;
        gap:5rem
    }
    .contact .container .star-image{
        height:30rem;
        top:-22.5rem;
        right:2.5rem
    }
    .contact .container .form-wrapper{
        max-width:100%
    }
    .contact .container .form-wrapper form{
        grid-template-columns:1fr;
        gap:3rem
    }
	.contact .container .form-wrapper form span,
    .contact .container .form-wrapper form span:has(textarea){
        grid-column: 1 / 3 !important;
    }
    .banner .container .banner-footer{
        bottom:15rem
    }
    .banner .container .banner-images [data-animation=scroll]{
        margin-top:0!important
    }
    .banner .container .banner-images .sticker-image{
        width:15rem;
        left:0;
        top:unset;
        bottom:20rem;
        transform:unset
    }
    .banner .container .banner-images .smile-image{
        width:17.5rem;
        right:0;
        bottom:20rem;
        top:unset;
        transform:unset
    }
    .banner .container .banner-images .flower-image{
        width:10rem
    }
    .testimonial .container .testimonial-card{
        width:90%
    }
    .testimonial .container .testimonial-card:nth-of-type(4n+1){
        left:5%;
        top:15%
    }
    .testimonial .container .testimonial-card:nth-of-type(4n+1) .card-image{
        height:10rem;
        bottom:-5rem;
        right:-2.5rem
    }
    .testimonial .container .testimonial-card:nth-of-type(4n+2){
        left:10%;
        top:30%
    }
    .testimonial .container .testimonial-card:nth-of-type(4n+2) .card-image{
        height:10rem;
        bottom:-5rem;
        right:-5rem
    }
    .testimonial .container .testimonial-card:nth-of-type(4n+3){
        left:10%;
        top:30%
    }
    .testimonial .container .testimonial-card:nth-of-type(4n+3) .card-image{
        height:15rem;
        top:-7.5rem;
        left:-10rem
    }
    .testimonial .container .testimonial-card:nth-of-type(4n+4){
        left:10%;
        top:30%
    }
    .testimonial .container .testimonial-card:nth-of-type(4n+4) .card-image{
        height:10rem;
        top:-7.5rem;
        right:-7.5rem
    }
}
.terms{
    color:#f2e6d8;
    background:#1a2f06
}
.terms .container{
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:center;
    flex-wrap:wrap;
    padding:20rem 0;
    gap:6rem
}
.terms .container .terms-content{
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:flex-start;
    flex-wrap:wrap;
    max-width:70%;
    gap:3rem
}
.terms .container .terms-content .content-box{
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:flex-start;
    flex-wrap:wrap;
    gap:2rem
}
@media only screen and (max-width: 482px){
    .terms .container{
        padding:10rem 0
    }
    .terms .container .terms-content{
        max-width:100%
    }
}