.elementor-28 .elementor-element.elementor-element-234aa53{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-around;}.elementor-28 .elementor-element.elementor-element-e648285{--display:flex;--justify-content:center;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-28 .elementor-element.elementor-element-e61733d{text-align:center;}.elementor-28 .elementor-element.elementor-element-e61733d img{width:100%;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before, .elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-28 .elementor-element.elementor-element-2b81737 .elementor-menu-toggle{margin:0 auto;}.elementor-28 .elementor-element.elementor-element-2b81737 .elementor-nav-menu--dropdown .elementor-item, .elementor-28 .elementor-element.elementor-element-2b81737 .elementor-nav-menu--dropdown .elementor-sub-item{font-weight:500;}.elementor-28 .elementor-element.elementor-element-2b81737 div.elementor-menu-toggle{color:var( --e-global-color-text );}.elementor-28 .elementor-element.elementor-element-2b81737 div.elementor-menu-toggle svg{fill:var( --e-global-color-text );}.elementor-28 .elementor-element.elementor-element-af60ca9{--display:flex;--justify-content:space-evenly;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-28 .elementor-element.elementor-element-40b7a9b .elementor-button{background-color:transparent;font-family:"Prompt", Sans-serif;font-size:15px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;background-image:linear-gradient(180deg, #BB0000 0%, #A20000 100%);}.elementor-28 .elementor-element.elementor-element-40b7a9b > .elementor-widget-container{border-style:solid;border-width:2px 2px 2px 2px;border-color:#FF5A5A;border-radius:5px 5px 5px 5px;}.elementor-28 .elementor-element.elementor-element-40b7a9b:hover .elementor-widget-container{border-style:solid;border-width:2px 2px 2px 2px;border-color:#FF5A5A;box-shadow:0px 0px 10px 3px #FF5A5A;}.elementor-28 .elementor-element.elementor-element-40b7a9b:hover > .elementor-widget-container{border-radius:5px 5px 5px 5px;}.elementor-28 .elementor-element.elementor-element-e20b244 .elementor-button{background-color:transparent;font-family:"Prompt", Sans-serif;font-size:15px;font-weight:500;fill:#000000;color:#000000;background-image:linear-gradient(180deg, #FFE383 0%, var( --e-global-color-bd393b1 ) 100%);}.elementor-28 .elementor-element.elementor-element-e20b244 > .elementor-widget-container{border-style:solid;border-width:2px 2px 2px 2px;border-color:#FFCA2A;border-radius:5px 5px 5px 5px;}.elementor-28 .elementor-element.elementor-element-e20b244:hover .elementor-widget-container{border-style:solid;border-width:2px 2px 2px 2px;border-color:#FFCA2A;box-shadow:0px 0px 10px 3px #FFCA2A;}.elementor-28 .elementor-element.elementor-element-e20b244:hover > .elementor-widget-container{border-radius:5px 5px 5px 5px;}.elementor-28 .elementor-element.elementor-element-1526cd4 .elementor-button{background-color:transparent;font-family:"Prompt", Sans-serif;font-size:15px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;background-image:linear-gradient(180deg, #50E739 0%, #1C6100 100%);}.elementor-28 .elementor-element.elementor-element-1526cd4 > .elementor-widget-container{border-style:solid;border-width:2px 2px 2px 2px;border-color:#03C003;border-radius:5px 5px 5px 5px;}.elementor-28 .elementor-element.elementor-element-1526cd4:hover .elementor-widget-container{border-style:solid;border-width:2px 2px 2px 2px;border-color:#03C003;box-shadow:0px 0px 10px 3px #03C003;}.elementor-28 .elementor-element.elementor-element-1526cd4:hover > .elementor-widget-container{border-radius:5px 5px 5px 5px;}.elementor-28 .elementor-element.elementor-element-b9858a1{--display:flex;--justify-content:center;}.elementor-28 .elementor-element.elementor-element-3e50e8c{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#C2AB0A;--border-color:#C2AB0A;--border-radius:7px 7px 7px 7px;}.elementor-28 .elementor-element.elementor-element-47afce5 > .elementor-widget-container{border-radius:7px 7px 7px 7px;}.elementor-28 .elementor-element.elementor-element-05deb82{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-28 .elementor-element.elementor-element-e7fd89a .elementor-button{background-color:transparent;font-family:"Prompt", Sans-serif;font-weight:400;fill:#000000;color:#000000;background-image:linear-gradient(180deg, #D6D6D6 39%, #878787 100%);border-radius:7px 7px 7px 7px;padding:7px 0px 9px 0px;}.elementor-28 .elementor-element.elementor-element-e7fd89a .elementor-button:hover, .elementor-28 .elementor-element.elementor-element-e7fd89a .elementor-button:focus{background-color:#EBEBEB;}.elementor-28 .elementor-element.elementor-element-e7fd89a{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-28 .elementor-element.elementor-element-b769d59 .elementor-button{background-color:transparent;font-family:"Prompt", Sans-serif;font-weight:400;fill:#000000;color:#000000;background-image:linear-gradient(180deg, #D6D6D6 39%, #878787 100%);border-radius:7px 7px 7px 7px;padding:7px 0px 9px 0px;}.elementor-28 .elementor-element.elementor-element-b769d59{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-28 .elementor-element.elementor-element-cc87d68{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-99224d6 );--border-color:var( --e-global-color-99224d6 );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-28 .elementor-element.elementor-element-cc87d68:not(.elementor-motion-effects-element-type-background), .elementor-28 .elementor-element.elementor-element-cc87d68 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-99224d6 ) 0%, #C2AB0A 100%);}.elementor-28 .elementor-element.elementor-element-84357b5 .elementor-menu-toggle{margin:0 auto;}.elementor-28 .elementor-element.elementor-element-84357b5 .elementor-nav-menu .elementor-item{font-size:16px;font-weight:600;}.elementor-28 .elementor-element.elementor-element-84357b5 .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;}.elementor-28 .elementor-element.elementor-element-84357b5 .elementor-nav-menu--main .elementor-item:hover, .elementor-28 .elementor-element.elementor-element-84357b5 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-28 .elementor-element.elementor-element-84357b5 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-28 .elementor-element.elementor-element-84357b5 .elementor-nav-menu--main .elementor-item:focus{color:#fff;}.elementor-28 .elementor-element.elementor-element-84357b5 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-28 .elementor-element.elementor-element-84357b5 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#363636;}.elementor-28 .elementor-element.elementor-element-84357b5 .e--pointer-framed .elementor-item:before, .elementor-28 .elementor-element.elementor-element-84357b5 .e--pointer-framed .elementor-item:after{border-color:#363636;}.elementor-28 .elementor-element.elementor-element-84357b5 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-text );}.elementor-28 .elementor-element.elementor-element-84357b5 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before, .elementor-28 .elementor-element.elementor-element-84357b5 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:#363636;}.elementor-28 .elementor-element.elementor-element-84357b5 .e--pointer-framed .elementor-item.elementor-item-active:before, .elementor-28 .elementor-element.elementor-element-84357b5 .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:#363636;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );}}@media(min-width:768px){.elementor-28 .elementor-element.elementor-element-e648285{--width:30%;}.elementor-28 .elementor-element.elementor-element-af60ca9{--width:30%;}.elementor-28 .elementor-element.elementor-element-b9858a1{--width:30%;}}@media(max-width:1024px) and (min-width:768px){.elementor-28 .elementor-element.elementor-element-e648285{--width:50%;}.elementor-28 .elementor-element.elementor-element-b9858a1{--width:50%;}}@media(max-width:767px){.elementor-28 .elementor-element.elementor-element-234aa53{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-28 .elementor-element.elementor-element-e648285{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;}.elementor-28 .elementor-element.elementor-element-e61733d{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-28 .elementor-element.elementor-element-e61733d img{width:100%;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );}.elementor-28 .elementor-element.elementor-element-2b81737.elementor-element{--align-self:center;}.elementor-28 .elementor-element.elementor-element-2b81737 .elementor-nav-menu--dropdown .elementor-item, .elementor-28 .elementor-element.elementor-element-2b81737 .elementor-nav-menu--dropdown .elementor-sub-item{font-size:16px;}.elementor-28 .elementor-element.elementor-element-b9858a1{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-28 .elementor-element.elementor-element-3e50e8c{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-28 .elementor-element.elementor-element-05deb82{--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-28 .elementor-element.elementor-element-e7fd89a{--container-widget-width:49%;--container-widget-flex-grow:0;width:var( --container-widget-width, 49% );max-width:49%;}.elementor-28 .elementor-element.elementor-element-e7fd89a .elementor-button{padding:5px 5px 5px 5px;}.elementor-28 .elementor-element.elementor-element-b769d59{--container-widget-width:49%;--container-widget-flex-grow:0;width:var( --container-widget-width, 49% );max-width:49%;}.elementor-28 .elementor-element.elementor-element-b769d59 .elementor-button{padding:5px 5px 5px 5px;}.elementor-28 .elementor-element.elementor-element-84357b5 .elementor-nav-menu .elementor-item{font-size:16px;}}/* Start custom CSS for theme-site-logo, class: .elementor-element-e61733d */.elementor-28 .elementor-element.elementor-element-e61733d { animation: glow 2s linear infinite alternate; } @keyframes glow{ to { filter: drop-shadow(0px 0px 5px #F6C126); } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-47afce5 */.login-wrapper { display: flex; flex-direction: column; font-family: 'Kanit'; width: 100%; gap: 10px; } input.input-username { width: 100%; border: none; padding: 0px 10px; } .form-user { display: flex; gap: 10px; border: 1px solid #C2AB0A; border-radius: 7px; background-color: #fff; align-items: center; padding: 0px 10px; } .bi { color: #C2AB0A; } .submit-wrapper { width: 100%; } .btn-login { width: 100%; border: 1px solid #C2AB0A; color: #4b3900; border-radius: 7px; background: rgb(75,57,0); background: linear-gradient(145deg, rgba(75,57,0,1) 10%, rgba(180,137,0,1) 29%, rgba(255,207,57,1) 42%, rgba(228,184,47,1) 61%, rgba(106,80,0,1) 81%, rgba(75,57,0,1) 100%); padding: 0px 10px; } @media only screen and (max-width:500px) { .login-wrapper { display: flex; } }/* End custom CSS */