.book-trial-class-container{padding-top:3rem;padding-bottom:8rem}.book-trial-class-container .book-form-wrapper{background-color:#2b2c36;padding:7% 5% 20%}.book-trial-class-container .book-form-wrapper>span{color:#920202;display:block;font-family:"Kanit";font-size:calc(38px + 1vw);font-weight:bold;margin-bottom:1.5rem;line-height:1.2;text-align:center}.book-trial-class-container .book-form-wrapper h2{color:#fff;font-family:"Kanit";font-size:calc(20px + 2vw);padding-bottom:.6em;line-height:1;text-align:center;text-transform:uppercase}.book-trial-class-container .book-form-wrapper .success-message{display:none;background-color:#cef4a9;border-left:5px solid #85c14b;color:#000;padding:5px 15px;margin:0 auto 10px;max-width:542px;position:relative;justify-content:end;text-align:center}.book-trial-class-container .book-form-wrapper .success-message>span{padding-left:24px}.book-trial-class-container .book-form-wrapper .success-message .icon{width:18px;position:absolute;left:12px;top:50%;margin-top:-15px;height:30px;line-height:30px}.book-trial-class-container .book-form-wrapper .form-container{background:#dce0e3;margin:3rem 10% -30%;padding:5%}.book-trial-class-container .book-form-wrapper .form-container form{display:grid;grid-template-columns:1fr 1fr;column-gap:20px;margin:0 auto;row-gap:20px;max-width:542px}.book-trial-class-container .book-form-wrapper .form-container .field:nth-child(5){grid-column:1;grid-column-end:-1}.book-trial-class-container .book-form-wrapper .form-container .field:has(.error.active) input{border-color:#c73412;box-shadow:0 0 16px -8px #c73412}.book-trial-class-container .book-form-wrapper .form-container .field:has(.error.active) input:focus{border-color:#920202;box-shadow:0 0 16px -8px #89c712}.book-trial-class-container .book-form-wrapper .form-container label{display:block;line-height:28px;margin-bottom:3px;text-align:center}.book-trial-class-container .book-form-wrapper .form-container input{background:#fff;border:2px solid #ddd;border-radius:5px;box-shadow:0 0 8px 0 rgba(0,0,0,0.1);height:60px;line-height:1.5;padding:8px;width:100%;transition:color .1s ease-in-out}.book-trial-class-container .book-form-wrapper .form-container input:hover,.book-trial-class-container .book-form-wrapper .form-container input:focus-visible{border-color:#ccc}.book-trial-class-container .book-form-wrapper .form-container input:active,.book-trial-class-container .book-form-wrapper .form-container input:focus{border-color:#920202;box-shadow:0 0 16px -8px #89c712}.book-trial-class-container .book-form-wrapper .form-container input:focus{outline:0}.book-trial-class-container .book-form-wrapper .form-container .required{color:#cc0101;margin-left:5px}.book-trial-class-container .book-form-wrapper .form-container .error{padding:3px 15px;margin:5px 0;background-color:#f2dede;color:#b94a48;border-left:5px solid #c73412;max-width:100%;text-align:center;max-height:0;opacity:0;overflow:hidden;padding:0 15px;margin:0;transition:max-height .3s ease,opacity .3s ease,padding .3s ease,margin .3s ease}.book-trial-class-container .book-form-wrapper .form-container .error.active{max-height:100px;opacity:1;padding:3px 15px;margin:5px 0}.book-trial-class-container .book-form-wrapper .form-container .button-container{margin-top:20px}.book-trial-class-container .book-form-wrapper .form-container .button-container button.disabled+.loading-container{display:block}.book-trial-class-container .book-form-wrapper .form-container button{background-color:#920202;border-radius:3px;color:#fff;font-size:20px;font-family:"Kanit";line-height:1;grid-column:1;margin-right:5px;padding:1em 1.4em;width:min-content;transition-property:background,border,box-shadow,color,opacity,transform;transition-duration:.3s}.book-trial-class-container .book-form-wrapper .loading-container{padding:9px 6px;display:none}.book-trial-class-container .book-form-wrapper .loading-container .loading-spinner{opacity:1;position:relative;display:inline-block;width:21px;height:21px;min-width:21px;min-height:21px;border:3px solid transparent;border-radius:50%;animation:qspinstyle .65s infinite linear;animation-duration:3s}.book-trial-class-container .book-form-wrapper .loading-container .loading-spinner:after{display:block;border-color:transparent;animation:qspinstyle .65s infinite ease-in-out alternate;left:-3px;top:-3px;position:absolute;content:'';width:inherit;height:inherit;border:inherit;border-radius:inherit}.book-trial-class-container .book-form-wrapper .loading-container .loading-inner .loading-spinner{border-top-color:#89c712}@keyframes qspinstyle{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@media (hover:hover){.book-trial-class-container .book-form-wrapper .form-container button:hover,.book-trial-class-container .book-form-wrapper .form-container button:focus-visible{background-color:#6b748b}}@media screen and (max-width:1024px){.book-trial-class-container{padding-top:82px;padding-bottom:82px}.book-trial-class-container .book-form-wrapper>span{margin-bottom:calc(.4rem + 1vw)}.book-trial-class-container .book-form-wrapper .form-container{margin-top:calc(.6rem + 2vw)}}@media screen and (max-width:1280px){.book-trial-class-container .book-form-wrapper .form-container{margin-left:0;margin-right:0}}@media screen and (max-width:767px){.book-trial-class-container .book-form-wrapper{padding-top:28px;padding-left:20px;padding-right:20px;padding-bottom:20%}.book-trial-class-container .book-form-wrapper .form-container form{grid-template-columns:1fr}.book-trial-class-container .book-form-wrapper .form-container form .button-container{flex-direction:column;max-width:261px;width:100%;margin-left:auto;margin-right:auto}.book-trial-class-container .book-form-wrapper .form-container form button{width:100%}.book-trial-class-container .book-form-wrapper .form-container .field{text-align:center;max-width:261px;margin:0 auto}}@media screen and (max-width:600px){.book-trial-class-container .book-form-wrapper .form-container{padding:6%}}.book-trial-class-container{padding-top:3rem;padding-bottom:8rem}.book-trial-class-container .book-form-wrapper{background-color:#2b2c36;padding:7% 5% 20%}.book-trial-class-container .book-form-wrapper>span{color:#920202;display:block;font-family:"Kanit";font-size:calc(38px + 1vw);font-weight:bold;margin-bottom:1.5rem;line-height:1.2;text-align:center}.book-trial-class-container .book-form-wrapper h2{color:#fff;font-family:"Kanit";font-size:calc(20px + 2vw);padding-bottom:.6em;line-height:1;text-align:center;text-transform:uppercase}.book-trial-class-container .book-form-wrapper .success-message{display:none;background-color:#cef4a9;border-left:5px solid #85c14b;color:#000;padding:5px 15px;margin:0 auto 10px;max-width:542px;position:relative;justify-content:end;text-align:center}.book-trial-class-container .book-form-wrapper .success-message>span{padding-left:24px}.book-trial-class-container .book-form-wrapper .success-message .icon{width:18px;position:absolute;left:12px;top:50%;margin-top:-15px;height:30px;line-height:30px}.book-trial-class-container .book-form-wrapper .form-container{background:#dce0e3;margin:3rem 10% -30%;padding:5%}.book-trial-class-container .book-form-wrapper .form-container form{display:grid;grid-template-columns:1fr 1fr;column-gap:20px;margin:0 auto;row-gap:20px;max-width:542px}.book-trial-class-container .book-form-wrapper .form-container .field:nth-child(5){grid-column:1;grid-column-end:-1}.book-trial-class-container .book-form-wrapper .form-container .field:has(.error.active) input{border-color:#c73412;box-shadow:0 0 16px -8px #c73412}.book-trial-class-container .book-form-wrapper .form-container .field:has(.error.active) input:focus{border-color:#920202;box-shadow:0 0 16px -8px #89c712}.book-trial-class-container .book-form-wrapper .form-container label{display:block;line-height:28px;margin-bottom:3px;text-align:center}.book-trial-class-container .book-form-wrapper .form-container input{background:#fff;border:2px solid #ddd;border-radius:5px;box-shadow:0 0 8px 0 rgba(0,0,0,0.1);height:60px;line-height:1.5;padding:8px;width:100%;transition:color .1s ease-in-out}.book-trial-class-container .book-form-wrapper .form-container input:hover,.book-trial-class-container .book-form-wrapper .form-container input:focus-visible{border-color:#ccc}.book-trial-class-container .book-form-wrapper .form-container input:active,.book-trial-class-container .book-form-wrapper .form-container input:focus{border-color:#920202;box-shadow:0 0 16px -8px #89c712}.book-trial-class-container .book-form-wrapper .form-container input:focus{outline:0}.book-trial-class-container .book-form-wrapper .form-container .required{color:#cc0101;margin-left:5px}.book-trial-class-container .book-form-wrapper .form-container .error{padding:3px 15px;margin:5px 0;background-color:#f2dede;color:#b94a48;border-left:5px solid #c73412;max-width:100%;text-align:center;max-height:0;opacity:0;overflow:hidden;padding:0 15px;margin:0;transition:max-height .3s ease,opacity .3s ease,padding .3s ease,margin .3s ease}.book-trial-class-container .book-form-wrapper .form-container .error.active{max-height:100px;opacity:1;padding:3px 15px;margin:5px 0}.book-trial-class-container .book-form-wrapper .form-container .button-container{margin-top:20px}.book-trial-class-container .book-form-wrapper .form-container .button-container button.disabled+.loading-container{display:block}.book-trial-class-container .book-form-wrapper .form-container button{background-color:#920202;border-radius:3px;color:#fff;font-size:20px;font-family:"Kanit";line-height:1;grid-column:1;margin-right:5px;padding:1em 1.4em;width:min-content;transition-property:background,border,box-shadow,color,opacity,transform;transition-duration:.3s}.book-trial-class-container .book-form-wrapper .loading-container{padding:9px 6px;display:none}.book-trial-class-container .book-form-wrapper .loading-container .loading-spinner{opacity:1;position:relative;display:inline-block;width:21px;height:21px;min-width:21px;min-height:21px;border:3px solid transparent;border-radius:50%;animation:qspinstyle .65s infinite linear;animation-duration:3s}.book-trial-class-container .book-form-wrapper .loading-container .loading-spinner:after{display:block;border-color:transparent;animation:qspinstyle .65s infinite ease-in-out alternate;left:-3px;top:-3px;position:absolute;content:'';width:inherit;height:inherit;border:inherit;border-radius:inherit}.book-trial-class-container .book-form-wrapper .loading-container .loading-inner .loading-spinner{border-top-color:#89c712}@keyframes qspinstyle{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@media (hover:hover){.book-trial-class-container .book-form-wrapper .form-container button:hover,.book-trial-class-container .book-form-wrapper .form-container button:focus-visible{background-color:#6b748b}}@media screen and (max-width:1024px){.book-trial-class-container{padding-top:82px;padding-bottom:82px}.book-trial-class-container .book-form-wrapper>span{margin-bottom:calc(.4rem + 1vw)}.book-trial-class-container .book-form-wrapper .form-container{margin-top:calc(.6rem + 2vw)}}@media screen and (max-width:1280px){.book-trial-class-container .book-form-wrapper .form-container{margin-left:0;margin-right:0}}@media screen and (max-width:767px){.book-trial-class-container .book-form-wrapper{padding-top:28px;padding-left:20px;padding-right:20px;padding-bottom:20%}.book-trial-class-container .book-form-wrapper .form-container form{grid-template-columns:1fr}.book-trial-class-container .book-form-wrapper .form-container form .button-container{flex-direction:column;max-width:261px;width:100%;margin-left:auto;margin-right:auto}.book-trial-class-container .book-form-wrapper .form-container form button{width:100%}.book-trial-class-container .book-form-wrapper .form-container .field{text-align:center;max-width:261px;margin:0 auto}}@media screen and (max-width:600px){.book-trial-class-container .book-form-wrapper .form-container{padding:6%}}