.elementor-309 .elementor-element.elementor-element-9376d08{--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:center;--align-items:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--border-radius:10px 10px 10px 10px;--padding-top:4rem;--padding-bottom:4rem;--padding-left:4rem;--padding-right:4rem;}.elementor-widget-image .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-309 .elementor-element.elementor-element-a098c7f > .elementor-widget-container{margin:20px 20px 20px 20px;}.elementor-309 .elementor-element.elementor-element-a098c7f{text-align:center;}.elementor-309 .elementor-element.elementor-element-a098c7f img{width:70%;}.elementor-309 .elementor-element.elementor-element-f208105{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.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-309 .elementor-element.elementor-element-afbf7cb .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-style:solid;border-width:1px 1px 1px 1px;border-color:#E0CA8A;border-radius:6px 6px 6px 6px;padding:10px 20px 9px 20px;}.elementor-309 .elementor-element.elementor-element-afbf7cb{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}#elementor-popup-modal-309 .dialog-widget-content{animation-duration:0.7s;background-color:#000000D9;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );border-radius:10px 10px 10px 10px;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-309 .dialog-message{width:450px;height:auto;}#elementor-popup-modal-309{justify-content:center;align-items:center;}#elementor-popup-modal-309 .dialog-close-button{display:flex;}#elementor-popup-modal-309 .dialog-close-button i{color:var( --e-global-color-primary );}#elementor-popup-modal-309 .dialog-close-button svg{fill:var( --e-global-color-primary );}@media(max-width:767px){.elementor-309 .elementor-element.elementor-element-9376d08{--padding-top:1rem;--padding-bottom:2rem;--padding-left:0rem;--padding-right:0rem;}.elementor-309 .elementor-element.elementor-element-afbf7cb{--container-widget-width:70%;--container-widget-flex-grow:0;width:var( --container-widget-width, 70% );max-width:70%;}.elementor-309 .elementor-element.elementor-element-afbf7cb .elementor-button{font-size:12px;padding:6px 2px 6px 2px;}#elementor-popup-modal-309 .dialog-message{width:350px;}}/* Start custom CSS for html, class: .elementor-element-f208105 */.login-wrapper {
    display: flex;
    flex-direction: column;
    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 #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;
    padding: 5px 0px;
    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%);
}



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

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

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