@import"https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*,::before,::after{-webkit-box-sizing:border-box;box-sizing:border-box}:where(ul,ol):where([class]){padding-left:0}body,:where(blockquote,figure):where([class]){margin:0}:where(h1,h2,h3,h4,h5,h6,p,ul,ol,dl):where([class]){margin-block:0}:where(dd[class]){margin-left:0}:where(fieldset[class]){margin-left:0;padding:0;border:none}:where(ul[class]){list-style:none}:where(address[class]){font-style:normal}p{--paragraphMarginBottom: 24px;margin-block:0}p:where(:not([class]):not(:last-child)){margin-bottom:var(--paragraphMarginBottom)}img,video{display:block;max-width:100%;height:auto}input,textarea,select,button{font:inherit}html{height:100%}html,:has(:target){scroll-behavior:smooth}body{min-height:100%;line-height:1.5}a:where([class]){display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}button,label{cursor:pointer}:where([fill]:not([fill=none],[fill^=url])){fill:currentColor}:where([stroke]:not([stroke=none],[stroke^=url])){stroke:currentColor}svg *{-webkit-transition-property:fill,stroke;transition-property:fill,stroke}:where(table){border-collapse:collapse;border-color:currentColor}@media(prefers-reduced-motion: reduce){*,::before,::after{-webkit-animation-duration:.01ms !important;animation-duration:.01ms !important;-webkit-animation-iteration-count:1 !important;animation-iteration-count:1 !important;-webkit-transition-duration:.01ms !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}:root{--ff-default: "Kanit", sans-serif;--fz-base: 1rem;--min-width: 320px;--max-width: 1294px;--radius: 1.125rem;--speed: 0.3s;--safe-top: env(safe-area-inset-top);--safe-bottom: env(safe-area-inset-bottom);--safe-left: env(safe-area-inset-left);--safe-right: env(safe-area-inset-right);--color-scheme: light;--clr-white: hsla(0, 0%, 100%, 1);--clr-grey: hsla(231, 8%, 32%, 1);--clr-red: hsla(0, 91%, 59%, 1);--clr-red-dark: hsla(4, 78%, 46%, 1);--clr-yellow: hsla(47, 100%, 64%, 1);--clr-yellow-dark: hsla(33, 89%, 54%, 1);--clr-orange: hsla(33, 89%, 54%, 1)}*,*:before,*:after{-webkit-box-sizing:border-box;box-sizing:border-box}::-moz-selection{background-color:var(--clr-red);color:var(--clr-white)}::selection{background-color:var(--clr-red);color:var(--clr-white)}html,body{color-scheme:var(--color-scheme);-ms-touch-action:manipulation;touch-action:manipulation;height:100vh}body{position:relative;font-family:var(--ff-default);font-size:var(--fz-base);color:var(--clr-grey);font-optical-sizing:none;background-color:var(--clr-dark-blue);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none}a:not([class]){color:var(--clr-primary);-webkit-transition:var(--speed);transition:var(--speed);text-decoration:none}@media(any-hover: hover){a:not([class]):hover{color:var(--clr-primary);text-decoration:none}}@media(any-hover: none){a:not([class]):active{color:var(--clr-primary);text-decoration:none}}img:not([src]){visibility:hidden}b,strong{font-weight:bold}.container{width:min(var(--max-width),100% - clamp(40px,5vw,80px)) !important;margin-inline:auto}img:not([src]){visibility:hidden}@media(prefers-reduced-motion: no-preference){:has(:target){scroll-behavior:smooth;scroll-padding-top:5.625rem}}@-webkit-keyframes headShake{0%,50%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}}@keyframes headShake{0%,50%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}}.main{background-image:url("../images/background/main-bg.webp");background-position:center;background-size:cover;background-repeat:no-repeat;width:100vw;height:100vh}.promo{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding-right:15%;width:min(137.5rem,100%);margin-inline:auto;height:100%;overflow:hidden}@media(max-width: 1199.98px){.promo{padding-right:5%}}@media(max-width: 767.98px){.promo{padding:0 1.875rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.promo__image{position:absolute;left:0;top:0;height:100%;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;-webkit-transition:var(--speed);transition:var(--speed)}@media(max-width: 1199.98px){.promo__image{left:-15%}}@media(max-width: 991.98px){.promo__image{left:-30%}}@media(max-width: 767.98px){.promo__image{left:50%;-webkit-transform:translateX(-45%);transform:translateX(-45%)}}.promo__content{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:8.4375rem;height:100%;z-index:2}@media(max-width: 767.98px){.promo__content{gap:3.125rem;margin-top:35%}}.promo__logo{width:clamp(15rem,9.2354368932rem + 24.5954692557vw,38.75rem)}.button{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:clamp(16.25rem,10.3337378641rem + 25.2427184466vw,40.625rem);-webkit-animation-name:headShake;animation-name:headShake;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.button__image{position:relative;-webkit-transition:var(--speed);transition:var(--speed);z-index:2}.button__hover{position:absolute;inset:0}@media(any-hover: hover){.button:hover .button__image{opacity:0}}@media(any-hover: none){.button:active .button__image{opacity:0}}.footer{position:absolute;left:50%;bottom:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:0.9375rem;padding:0 15% 3.125rem;width:min(137.5rem,100%);margin-inline:auto}@media(max-width: 1199.98px){.footer{padding:0 5% 3.125rem}}@media(max-width: 767.98px){.footer{padding:0 1.875rem 1.875rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.footer__brands{display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.625rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.footer__logo{max-height:2.1875rem;-webkit-filter:drop-shadow(0 0 0.1875rem hsla(0, 0%, 0%, 0.4));filter:drop-shadow(0 0 0.1875rem hsla(0, 0%, 0%, 0.4))}.footer__text{text-align:right;color:var(--clr-grey)}@media(max-width: 767.98px){.footer__text{text-align:center;font-size:0.75rem}}