.elementor-25 .elementor-element.elementor-element-27c9c8d4{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-25 .elementor-element.elementor-element-27c9c8d4:not(.elementor-motion-effects-element-type-background), .elementor-25 .elementor-element.elementor-element-27c9c8d4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-ab583d7 ) 0%, var( --e-global-color-cee37dd ) 100%);}.elementor-25 .elementor-element.elementor-element-43084db4{--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;}.elementor-25 .elementor-element.elementor-element-4be7a155{--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;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--flex-wrap:nowrap;}.elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-mega-menu{--n-menu-title-font-size:var( --e-global-typography-accent-font-size );--n-menu-divider-color:var( --e-global-color-text );}.elementor-25 .elementor-element.elementor-element-5befefbd{--display:flex;}.elementor-25 .elementor-element.elementor-element-6d8b5ae9{--display:flex;}.elementor-25 .elementor-element.elementor-element-2249fca4{--display:flex;}.elementor-25 .elementor-element.elementor-element-34da3b1d{--display:flex;}.elementor-25 .elementor-element.elementor-element-1be4f837{--display:flex;}.elementor-25 .elementor-element.elementor-element-5559595c{--display:flex;}.elementor-25 .elementor-element.elementor-element-2d984475{--display:flex;}.elementor-25 .elementor-element.elementor-element-12726e4a{--display:flex;}.elementor-25 .elementor-element.elementor-element-63ab8298{--n-menu-dropdown-content-max-width:initial;--n-menu-heading-justify-content:center;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:center;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:0px;width:auto;max-width:auto;--n-menu-toggle-align:center;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:0px;--n-menu-title-font-size:14px;--n-menu-title-color-normal:var( --e-global-color-text );--n-menu-title-transition:300ms;--n-menu-icon-size:16px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-color:var( --e-global-color-primary );--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;}.elementor-25 .elementor-element.elementor-element-63ab8298 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title:not( .e-current ):not( :hover ){background-color:#24262B;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-ab583d7 );}.elementor-25 .elementor-element.elementor-element-63ab8298 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title:hover:not( .e-current ){background-color:#24262B;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-ab583d7 );}.elementor-25 .elementor-element.elementor-element-63ab8298 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-25 .elementor-element.elementor-element-63ab8298 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-25 .elementor-element.elementor-element-63ab8298 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:"Kanit", Sans-serif;font-weight:600;}.elementor-25 .elementor-element.elementor-element-63ab8298 {--n-menu-title-color-hover:var( --e-global-color-191bc75 );}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-25 .elementor-element.elementor-element-1ddb2d37{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-25 .elementor-element.elementor-element-88aa8c1{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:0px;}.elementor-25 .elementor-element.elementor-element-5920249d{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:10px;--padding-bottom:10px;--padding-left:5px;--padding-right:10px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-25 .elementor-element.elementor-element-22692a42 .elementor-button{background-color:transparent;font-family:"Kanit", Sans-serif;font-weight:400;fill:#000000;color:#000000;background-image:linear-gradient(180deg, #F8F8F8 0%, #ADADAD 100%);border-radius:6px 6px 6px 6px;padding:10px 20px 9px 20px;}.elementor-25 .elementor-element.elementor-element-22692a42{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-25 .elementor-element.elementor-element-39f35998 .elementor-button{background-color:transparent;font-family:"Kanit", Sans-serif;font-weight:400;fill:#FFFFFF;color:#FFFFFF;background-image:linear-gradient(180deg, #272727 0%, #2C2C2C 100%);border-radius:6px 6px 6px 6px;padding:10px 20px 9px 20px;}.elementor-25 .elementor-element.elementor-element-39f35998{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-25 .elementor-element.elementor-element-20a147fd{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--flex-wrap:nowrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-25 .elementor-element.elementor-element-1879bc12{--display:flex;}.elementor-25 .elementor-element.elementor-element-318aef5c{--display:flex;}.elementor-25 .elementor-element.elementor-element-5b862c{--display:flex;}.elementor-25 .elementor-element.elementor-element-3035d55f{--display:flex;}.elementor-25 .elementor-element.elementor-element-3972a3c4{--display:flex;}.elementor-25 .elementor-element.elementor-element-11a48c8a{--display:flex;}.elementor-25 .elementor-element.elementor-element-607ad995{--display:flex;}.elementor-25 .elementor-element.elementor-element-3cfdf34b{--display:flex;}.elementor-25 .elementor-element.elementor-element-52596ef{--n-menu-dropdown-content-max-width:initial;--n-menu-heading-justify-content:center;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:center;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:0px;width:auto;max-width:auto;--n-menu-toggle-align:center;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:0px;--n-menu-title-font-size:14px;--n-menu-title-color-normal:#FFFFFF;--n-menu-title-transition:300ms;--n-menu-icon-size:16px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;}.elementor-25 .elementor-element.elementor-element-52596ef > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title:not( .e-current ):not( :hover ){background-color:#24262B;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-ab583d7 );}.elementor-25 .elementor-element.elementor-element-52596ef > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title:hover:not( .e-current ){background-color:#24262B;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-ab583d7 );}.elementor-25 .elementor-element.elementor-element-52596ef > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-25 .elementor-element.elementor-element-52596ef > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-25 .elementor-element.elementor-element-52596ef > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:"Kanit", Sans-serif;font-weight:600;}.elementor-25 .elementor-element.elementor-element-52596ef {--n-menu-title-color-hover:#A90D18;--n-menu-title-color-active:#FFFFFF;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-25 .elementor-element.elementor-element-4be7a155{--width:25%;}.elementor-25 .elementor-element.elementor-element-88aa8c1{--width:50%;}.elementor-25 .elementor-element.elementor-element-5920249d{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-25 .elementor-element.elementor-element-88aa8c1{--width:100%;}.elementor-25 .elementor-element.elementor-element-5920249d{--width:100%;}}@media(max-width:1024px){.elementor-widget-mega-menu{--n-menu-title-font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-25 .elementor-element.elementor-element-88aa8c1{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-25 .elementor-element.elementor-element-5920249d{--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-25 .elementor-element.elementor-element-39f35998{--container-widget-width:53%;--container-widget-flex-grow:0;width:var( --container-widget-width, 53% );max-width:53%;}}@media(max-width:767px){.elementor-25 .elementor-element.elementor-element-27c9c8d4{--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-25 .elementor-element.elementor-element-43084db4{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-25 .elementor-element.elementor-element-4be7a155{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-mega-menu{--n-menu-title-font-size:var( --e-global-typography-accent-font-size );}.elementor-25 .elementor-element.elementor-element-63ab8298{--n-menu-title-font-size:14px;--n-menu-toggle-icon-size:32px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-25 .elementor-element.elementor-element-88aa8c1{--width:100%;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-25 .elementor-element.elementor-element-5920249d{--justify-content:space-between;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:0px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-25 .elementor-element.elementor-element-22692a42{--container-widget-width:49%;--container-widget-flex-grow:0;width:var( --container-widget-width, 49% );max-width:49%;}.elementor-25 .elementor-element.elementor-element-22692a42 .elementor-button{font-size:14px;padding:6px 8px 6px 8px;}.elementor-25 .elementor-element.elementor-element-39f35998{--container-widget-width:49%;--container-widget-flex-grow:0;width:var( --container-widget-width, 49% );max-width:49%;}.elementor-25 .elementor-element.elementor-element-39f35998 .elementor-button{font-size:14px;padding:6px 8px 6px 8px;}.elementor-25 .elementor-element.elementor-element-52596ef{--n-menu-title-font-size:14px;}}/* Start custom CSS for html, class: .elementor-element-5c6580a0 */.circle-neon {
                                            margin-top: 20px;
                                            height: 20px;
                                            width: 20px;
                                            border-radius: 50%;
                                            background-color: #00ff00;
                                            transform: translate(-50%, -50%);
                                        }

                                        .circle-neon:before, .circle-neon:after {
                                            content: '';
                                            display: block;
                                            position: absolute;
                                            top: 0;
                                            right: 0;
                                            bottom: 0;
                                            left: 0;
                                            border: 1px solid #00ff00;
                                            border-radius: 50%;
                                        }

                                        .circle-neon:before {
                                            animation: ripple 2s linear infinite;
                                        }

                                        .circle-neon:after {
                                            animation: ripple 2s linear 1s infinite;
                                        }

                                        @keyframes ripple {
                                            0% {
                                                transform: scale(1);
                                            }

                                            50% {
                                                transform: scale(1.3);
                                                opacity: 1;
                                            }

                                            100% {
                                                transform: scale(1.6);
                                                opacity: 0;
                                            }
                                        }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-69882a66 */.login-wrapper {
    display: flex;
    flex-direction: row;
    font-family: 'Kanit';
    width: 100%;
    gap: 5px;
}

input.input-username {
    width: 100%;
    border: none;
    padding: 5px 0px;
}

.form-user {
    display: flex;
    width: 100%;
    gap: 10px;
    border: 1px solid #800000;
    border-radius: 7px;
    background-color: #fff;
    align-items: center;
    padding: 0px 10px;
}

.bi {
    color: #A90D18;
}

.submit-wrapper {
    width: 100%;
}

.btn-login {
    width: 100%;
    border: 1px solid #800000;
    color: #fff;
    border-radius: 7px;
    padding: 5px 0px;
    background: rgb(75,57,0);
background: linear-gradient(145deg, #800000 10%, #A90D18 29%, #f2303e 42%, #ff2f3e 61%, #A90D18 81%, #800000 100%);
}



@media only screen and (max-width:500px) {
.login-wrapper {
    display: flex;
    flex-direction:column;
    gap:8px;
}

.btn-login {
    padding: 2px 0px;
    font-size: 12px;
}

.form-user, input[type=text] {
    padding: 2px 5px;
    font-size: 12px;
}
}/* End custom CSS */