html{scroll-behavior:smooth}#navbarMenu{z-index:10;width:100%;height:0%;overflow:hidden;display:flex;flex-direction:column;justify-content:space-around;position:fixed;background-color:#fff;transition:1s}.button-one{--button-color:#000}.button-one .line{transition:y .3s ease-in .3s,rotate .3s ease-in,opacity 0ms .3s;transform-origin:center}#btn-menu:checked+label .line{transition:y .3s ease-in 0ms,rotate .3s ease-in .3s,opacity 0ms .3s}#btn-menu{display:none}#btn-menu:checked+label :is(.line_top,.line_buttom){y:45}#btn-menu:checked+label .line_top{rotate:45deg}#btn-menu:checked+label .line_middle{opacity:0}#btn-menu:checked+label .line_buttom{rotate:-45deg}.menu-btn{display:flex;align-items:center;justify-content:center;width:50px;height:50px;z-index:3;transition:all .5s ease-out}.menu-btn .btn-line{width:28px;height:3px;margin:0 0 5px;border-radius:5px;background:#000;transition:all .5s ease-out}.menu-btn.close{transform:rotate(180deg)}.menu-btn.close .btn-line:first-child{transform:rotate(45deg) translate(5px,5px)}.menu-btn.close .btn-line:nth-child(2){opacity:0}.menu-btn.close .btn-line:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}@media (max-width:767px){#container{padding-bottom:50px!important}#title{font-size:1.875rem!important}}.quarter-svg-1{fill:#f23c0d}.fade-in-left{opacity:0;animation:slide-fade-in-left 1s ease-in forwards}@keyframes slide-fade-in-left{0%{opacity:0;transform:translateX(-5%)}25%{transform:translateX(-5%)}80%{opacity:1}to{opacity:1;transform:translateX(0)}}.picture{background-color:#f36a8d;border-radius:100px;width:84px;height:84px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.picture Image{width:40px}.content{text-align:left;margin-left:20px}.content p{color:#79808a}@media(max-width:1023px) and (min-width:768px){.Box{max-width:45%}.flex-section{flex-wrap:wrap;gap:2rem}}@media(max-width:767px){.Box{min-width:33%}.flex-section{flex-wrap:wrap;gap:2rem}}@import url("https://fonts.googleapis.com/css2?family=Anuphan:wght@200;300;400;500;600&display=swap");.font-contact{font-family:Anuphan,sans-serif}.contact-background{background:var(--light-yellow);background:linear-gradient(180deg,rgba(255,239,136,.3),rgba(255,239,136,.3))}.social-media{display:inline-flex;z-index:40;width:20rem;height:-moz-fit-content;height:fit-content;bottom:4rem;transform:translateY(8rem);transition:transform .5s ease}.icon:hover{transform:scale(1.05);fill:#fff}.icon{transform:scale(1);fill:var(--gray);transition:fill .5s ease;transition:transform .5s ease}.icon-bg:hover{transform:scale(1.05);background-color:#fd0}.icon-bg:hover .icon{transform:scale(1.05);fill:#fff}.icon-bg{transform:scale(.9);background-color:inherit;transition:background-color .5s ease-in;transition:transform .5s ease}.fade-in-up{opacity:0;animation:slide-fade-in-up 2s ease-in forwards}.fade-in{opacity:0;animation:fade-in 1s ease-in forwards}@keyframes slide-fade-in-up{0%{opacity:0;transform:translateY(-5%)}25%{transform:translateY(-5%)}80%{opacity:1}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}:root{--yellow:#fd0;--light-yellow:#fbe557;--gray:#7f848a}.swiper-pagination-bullet-active{background-color:var(--yellow)!important}.background{background:#020024;background:linear-gradient(90deg,#020024,#090979 35%,#00d4ff)}.team-background{background:var(--light-yellow);background:linear-gradient(180deg,rgba(255,239,136,.3),hsla(0,0%,100%,0))}.profile{transition:transform .5s ease}.contact:hover,.profile:hover+.contact{transform:translateY(0)}.contact{display:inline-flex;z-index:40;width:20rem;height:-moz-fit-content;height:fit-content;bottom:4rem;transform:translateY(8rem);transition:transform .5s ease}svg:hover{fill:#000}svg{transition:fill .5s ease}.inner{white-space:nowrap;transition:transform 1s;margin:0 auto}.carousel{margin:0 auto;overflow:hidden;display:flex;flex-direction:column}.carousel,.carousel-item{width:1200px;justify-content:center}.carousel-item{display:inline-flex;align-items:center}.gallery-index{background-color:var(--gray)}.gallery-index,.gallery-index-active{top:0;left:0;height:15px;width:15px;border-radius:50%}.gallery-index-active{background-color:var(--yellow)}.gallery-index-active:focus{outline:none!important}.gallery-index-active:focus-within{outline:none!important}.gallery-index:focus{outline:none!important}.gallery-index:focus-within{outline:none!important}@keyframes rotate{0%{transform:rotate(-180deg)}to{transform:rotate(180deg)}}.triangle-decor{transform-origin:center;animation:rotate 10s linear;animation-iteration-count:infinite}.cardForDesktop{grid-template-columns:repeat(auto-fit,minmax(25%,1fr))}.cardForDesktop,.cardForMobile{display:grid;grid-auto-flow:dense;grid-column-gap:1rem;grid-row-gap:2rem}.cardForMobile{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.Image{width:100%;height:15rem;border-radius:1rem}.title{margin-bottom:2px}.photo-gallery{display:flex;height:100vh;gap:20px}.column{display:flex;flex-direction:column;width:25%;gap:20px}.photo img{width:100%;height:100%;border-radius:5px;-o-object-fit:cover;object-fit:cover}.slide-from-top{animation-name:slide-from-top;animation-timing-function:ease;animation-fill-mode:forwards}.categoriesOverlayOnMobile{height:0;width:100%;position:fixed;z-index:5;bottom:0;left:0;overflow-x:hidden;transition:1s;background-color:#fff}#behindMenu{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.picturePreview{width:100%;height:0%;position:fixed;overflow:hidden;top:0;left:0;z-index:100;background-color:rgba(0,0,0,.7);transition:1s}.pulse-button{cursor:pointer;animation:pulse-butt 1s ease-out infinite forwards;box-shadow:0 0 0 0 rgba(#ffdd00)}@keyframes pulse-butt{to{transform:scale(.9);box-shadow:0 0 0 0 rgba(255,221,0,0)}70%{transform:scale(1);box-shadow:0 0 0 25px rgba(255,221,0,.2)}0%{transform:scale(.9)}}#border-right-2-colors{position:relative;width:753;border-left:4px solid transparent}#border-right-2-colors:before{top:0;background-color:#047fff;border-radius:0 4px 0 0}#border-right-2-colors:after,#border-right-2-colors:before{content:"";position:absolute;right:0;width:6px;height:50%;opacity:.8}#border-right-2-colors:after{bottom:0;background-color:#f23c0d;border-radius:0 0 4px 0}.custom-icon path{fill:#79808a}#costom_button:hover path{fill:#fff}p{color:#79808a}.pictureGallery{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:max-content}.pictureElement{height:100%;width:100%}.slide-from-top{animation-name:slide-from-top-animation;animation-duration:2s;animation-timing-function:ease-in-out}@keyframes slide-from-top-animation{to{transform:translateY(0);opacity:1}0%{transform:translateY(-20px);opacity:0}}:root{--delay_time:0.2s}.slide-from-top1,.slide-from-top2{position:relative;animation-name:slide-from-top;animation-duration:2s}.slide-from-top2{animation-delay:var(--delay_time);opacity:0;animation-fill-mode:forwards}.slide-from-top2:nth-child(2){animation-delay:calc(var(--delay_time) * 2);animation-delay:calc(var(--delay_time) * 3)}.slide-from-top2:nth-child(3){animation-delay:calc(var(--delay_time) * 4)}.slide-from-top3{animation-delay:calc(var(--delay_time) * 5);animation-fill-mode:forwards}.slide-from-top3,.slide-from-top4{position:relative;animation-name:slide-from-top;animation-duration:2s;opacity:0}.slide-from-top4{animation-delay:calc(var(--delay_time) * 6);animation-fill-mode:forwards}.slide-from-top4:nth-child(2){animation-delay:calc(var(--delay_time) * 7)}.slide-from-top4:nth-child(3){animation-delay:calc(var(--delay_time) * 8)}.slide-from-top5{position:relative;animation-name:slide-from-top;animation-duration:2s;animation-delay:calc(var(--delay_time) * 9);opacity:0;animation-fill-mode:forwards}@keyframes slide-from-top{to{transform:translateY(0);opacity:1}0%{transform:translateY(-30%);opacity:0}}.test{background-color:#000}.test:nth-child(2n){background-color:#fff}@media (max-width:767px){#title{font-size:1.875rem!important}}.slide_from_left{position:relative;animation-name:slide-from-left;animation-duration:1s;animation-timing-function:ease-out}@keyframes slide-from-left{to{left:0}0%{left:-5%;opacity:0}}.slide_from_right{position:relative;animation-name:slide-from-right;animation-duration:1s;animation-timing-function:ease-out}@keyframes slide-from-right{to{right:0}0%{right:-5%;opacity:0}}#video{width:0;height:0}#howWeWorkButton{display:none}