@import url(https://fonts.googleapis.com/css2?family=Bai+Jamjuree:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&display=swap);
:root{--color-gradient-stroke-start: #ffd000;--color-gold-border: #ffc14e}body{font-family:"Bai Jamjuree",sans-serif;font-weight:400;font-style:normal;position:relative}.content{background-image:url(../assets/bg-mbb2b3d25cc3f4407e0911.png);background-repeat:no-repeat;background-size:cover;background-position:center;padding-bottom:2rem}.content__left{max-width:50%;width:100%}.content__right{max-width:100%;width:100%}.mb-0{margin-bottom:0}.swiper{margin-top:-9rem;width:100%}.swiper-pagination{bottom:0px !important}.swiper-pagination-bullet{background:#2f2f2f;opacity:1}.swiper-pagination-bullet-active{background:#fff}@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes zoomAndBright{0%,100%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.1);filter:brightness(1.5)}}@keyframes textAnimation{0%,100%{opacity:1}50%{opacity:0}}@keyframes textAnimation-reverse{0%,100%{opacity:0}50%{opacity:1}}@property --border-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes spin-border{to{--border-angle: 360deg}}header{padding:0 1rem}header figure{width:90%}#form{position:relative;padding:0;margin-bottom:1rem;padding:0 1rem}#form .tagline{margin-bottom:0}#form .bg-form{padding:5rem 0rem 1.625rem;position:relative;isolation:isolate;filter:drop-shadow(0px 0px 20px #efa61f)}#form .bg-form::before{content:"";position:absolute;top:35px;left:-10px;right:-10px;bottom:-10px;border-radius:40px;background:conic-gradient(from var(--border-angle), transparent 0deg, transparent 70deg, var(--color-gradient-stroke-start) 110deg, #fff3b0 130deg, var(--color-gold-border) 160deg, transparent 200deg, transparent 360deg);filter:blur(10px);animation:spin-border 2.8s linear infinite;pointer-events:none;z-index:0}#form .bg-form::after{content:"";position:absolute;inset:0;background-image:url(../assets/bg-form033ac35f03bd10009415.png);background-position:center;background-size:100% 100%;background-repeat:no-repeat;z-index:1;pointer-events:none}#form .bg-form>*{position:relative;z-index:2}.error.errors{color:red;width:100%;text-align:center;display:block;font-size:.8rem;margin-bottom:-0.8rem}.regFrm{width:100%;padding:0 1.75rem;position:relative;z-index:9}.regFrm .form-group{position:relative;width:100%;margin-bottom:1rem}.regFrm .form-group input{border-radius:42.918px;border:.536px solid #000;background:#fff;color:#000;text-align:left;padding:.376rem .537rem .376rem 1.688rem;font-size:14px;max-height:33.262px}.regFrm .form-group input:focus{box-shadow:none}.regFrm .form-group input::-moz-placeholder{color:#5e5e5e}.regFrm .form-group input::placeholder{color:#5e5e5e}.regFrm .form-group figure{width:13px;margin-bottom:0;position:absolute;top:50%;transform:translateY(-50%)}.regFrm .form-group .u-p{left:.537rem}.regFrm .form-group .eye{right:.537rem;cursor:pointer}.regFrm .btn{border:0;padding:0;margin:0 auto 0;width:75%;animation:zoomAndBright 1s infinite}footer{padding:2rem 0}footer .logo-ft{margin-bottom:1.5rem;width:155.234px}footer h5{font-size:.875rem}footer h3{font-size:1rem}footer .col-mb{margin-bottom:2rem}footer .col-mb p{font-size:.75rem}.social{display:flex;gap:.75rem}.social figure,.social p{margin-bottom:0}.social p{font-size:.83rem}.social div{flex:1;width:100%;border-radius:8px;background:#e6e6e6;padding:.5rem}.social div a{display:flex;align-items:center;gap:.625rem;text-decoration:none;color:#000}@media screen and (max-width: 1199.98px){#form{position:static}#form .container{padding-right:0;padding-left:0}}@media screen and (min-width: 390px){.swiper{margin-top:-10rem}}@media screen and (min-width: 425px){.swiper{margin-top:-11rem}}@media screen and (min-width: 540px){html,body{height:auto}header figure{width:75%}#form .tagline{width:80%;margin-right:auto;margin-left:auto}#form .bg-form{width:80%;padding:6rem 0rem 1.625rem}.regFrm .form-group{margin-bottom:1rem}.swiper{margin-top:-14rem}}@media screen and (min-width: 568px){.regFrm{width:66%}.regFrm .form-group input{font-size:1rem}.banner{margin-top:20%}}@media screen and (min-width: 576px){.regFrm{width:66%}.regFrm .form-group input{font-size:1rem}.banner{margin-top:20%}}@media screen and (min-width: 768px){body,html{height:auto}header figure{width:70%}#form .tagline{width:80%;margin-left:auto;margin-right:auto}#form .bg-form{width:80%;padding:9rem 0rem 1.625rem}.regFrm{width:100%;padding:0 2.75rem}.regFrm .form-group{margin-bottom:1.5rem}.regFrm .form-group input{padding:1.125rem 2rem 1.125rem 4rem;font-size:1.2rem;max-height:62px}.regFrm .form-group figure{width:30px}.regFrm .form-group figure.u-p{left:1.5rem}.error.errors{font-size:1rem;margin-bottom:-1.2rem}.model{width:100%}.swiper{margin-top:-20rem}footer .logo-ft{width:200px}footer h3{font-size:calc(1.3rem + .6vw)}footer h5{font-size:1.25rem}footer .col-mb p{font-size:1rem}}@media screen and (min-width: 820px){body,html{height:100%}}@media screen and (min-width: 912px){body,html{height:100%}}@media screen and (min-width: 1024px){html,body{height:auto}header figure{width:65%}#form .tagline{width:75%}#form .bg-form{width:75%;padding:10rem 0rem 1.625rem}.regFrm .form-group{margin-bottom:2rem}.swiper{margin-top:-26rem}}@media screen and (min-width: 1200px){html,body{height:100%}.content{background-image:url(../assets/bg313277397f3972fa8725.png);height:100%;padding-bottom:0}.content #contentId{display:flex;align-items:end}.content__left{height:100%}.content__left .swiper-desktop{width:65%;margin:auto}.content__right{max-width:50%}header figure{width:30%}#form .tagline,#form .bg-form{width:75%}#form .bg-form{padding:7rem 0rem 1.625rem;filter:drop-shadow(0px 0px 45px #efa61f)}.regFrm .form-group{margin-bottom:1.75rem}.regFrm .form-group figure{width:24px}.regFrm .form-group figure.u-p{left:1rem}.regFrm .form-group figure.eye{right:1rem}.regFrm .form-group input{padding:.7rem 1rem .7rem 3.25rem;font-size:1.125rem}.regFrm .btn{margin:auto}.error.errors{margin-bottom:-1.5rem}footer{padding:2.5rem 0}footer h3,footer h5{font-size:1rem}footer h3{margin-bottom:1.5rem}footer .col-mb{margin-bottom:0}footer .col-mb p{font-size:.875rem}.social{flex-direction:column;width:180px}.swiper{margin-top:0}}@media screen and (min-width: 1496px){header figure{width:35%}#form .tagline,#form .bg-form{width:80%}#form .bg-form{padding:9rem 0rem 1.625rem}.regFrm .form-group input{padding:1rem 1rem 1rem 3.25rem;font-size:1.25rem}}@media screen and (min-width: 1600px){#form .bg-form{margin-bottom:0;padding:10rem 0rem 1.625rem}.regFrm .form-group input{font-size:1.25rem}}@media screen and (min-width: 1700px){header figure{margin-bottom:2rem}}@media screen and (min-width: 1920px){header figure{margin-bottom:4%}#form .tagline,#form .bg-form{width:75%}}@media screen and (min-width: 2056px){header figure{margin-bottom:3%}#form .tagline,#form .bg-form{width:80%}#form .bg-form{padding:12rem 0rem 4rem}.regFrm .form-group input{padding:1.5rem 1rem 1.5rem 3.25rem;max-height:70px;font-size:1.5rem}}@media screen and (min-width: 2336px){header figure{margin-bottom:5%}#form .bg-form{padding:13rem 0rem 4rem}.regFrm .form-group{margin-bottom:2.2rem}.regFrm .form-group input{max-height:75px}.error.errors{font-size:1.3rem;margin-bottom:-1.95rem}}@media screen and (min-width: 2560px){.regFrm .form-group{margin-bottom:1.5rem}}@media screen and (min-width: 2992px){header figure:first-of-type{width:25%}header figure.tagline{width:75%}#form .bg-form{padding:5rem 0rem 1rem;width:900px}#form .bg-form .join{margin-bottom:2rem}#form .bg-form .join p{font-size:2rem}#form .km figure{width:30%}.regFrm .form-group{margin-bottom:1.5rem}.regFrm .form-group input{font-size:2rem}.regFrm .btn{margin:0rem auto 0}.social figure img{width:110px}.error.errors{font-size:1.5rem;margin-bottom:-1.7rem}.km-left,.km-right{height:55%}.km-left{left:13%}.km-right{right:14%}}@media screen and (min-width: 3456px){header figure.tagline{width:80%}#form .bg-form{width:970px}#form .bg-form .join p{font-size:2rem}#form .km figure{width:32%}.regFrm .form-group{margin-bottom:2rem}.regFrm .form-group figure{width:30px}.regFrm .form-group .u-p{top:32%}.regFrm .form-group input{font-size:2rem}.regFrm .form-group .eye{width:40px;top:30%}.regFrm .form-group:last-of-type{margin-bottom:3rem}.regFrm .btn{margin:-1rem auto 0}.social figure{margin-bottom:2.5rem}}@media screen and (min-width: 3840px){#form .bg-form{padding:6rem 0rem 1rem;width:1000px}#form .bg-form .join{margin-bottom:3rem}#form .bg-form .join p{font-size:2.5rem}.error.errors{font-size:1.5rem;margin-bottom:-2.2rem}.km-left,.km-right{height:50%}.km-left{left:17%}.km-right{right:18%}}
