.elementor-37 .elementor-element.elementor-element-22bbf9bc{--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-37 .elementor-element.elementor-element-6a332dee{text-align:center;}.elementor-37 .elementor-element.elementor-element-6a332dee img{width:70%;}.elementor-37 .elementor-element.elementor-element-6a332dee > .elementor-widget-container{margin:20px 20px 20px 20px;}.elementor-37 .elementor-element.elementor-element-5e694907{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-widget-button .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );background-color:var( --e-global-color-accent );}.elementor-37 .elementor-element.elementor-element-595b380 .elementor-button{font-family:"Kanit", Sans-serif;font-size:27px;font-weight:400;fill:#000000;color:#000000;background-color:#61CE7000;border-style:solid;border-width:1px 1px 1px 1px;border-color:#E0CA8A;border-radius:6px 6px 6px 6px;padding:10px 20px 9px 20px;}.elementor-37 .elementor-element.elementor-element-595b380{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}#elementor-popup-modal-37 .dialog-message{width:450px;height:auto;}#elementor-popup-modal-37{justify-content:center;align-items:center;}#elementor-popup-modal-37 .dialog-close-button{display:flex;}#elementor-popup-modal-37 .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-37 .dialog-close-button i{color:var( --e-global-color-primary );}#elementor-popup-modal-37 .dialog-close-button svg{fill:var( --e-global-color-primary );}@media(max-width:767px){.elementor-37 .elementor-element.elementor-element-22bbf9bc{--gap:16px 16px;--row-gap:16px;--column-gap:16px;--padding-top:4rem;--padding-bottom:5rem;--padding-left:0rem;--padding-right:0rem;}.elementor-37 .elementor-element.elementor-element-6a332dee img{width:100%;}.elementor-37 .elementor-element.elementor-element-595b380 .elementor-button{font-size:27px;padding:10px 10px 10px 10px;}.elementor-37 .elementor-element.elementor-element-595b380{--container-widget-width:75%;--container-widget-flex-grow:0;width:var( --container-widget-width, 75% );max-width:75%;}#elementor-popup-modal-37 .dialog-message{width:350px;}}/* Start custom CSS for html, class: .elementor-element-5e694907 */.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 */
/* Start custom CSS for button, class: .elementor-element-595b380 */.elementor-37 .elementor-element.elementor-element-595b380 a {
    animation: pulseBtn 3s infinite;
    font-family: 'prompt' !important;
    /* Gold Gradient */
  background: linear-gradient(160deg, #a54e07, #b47e11, #fef1a2, #bc881b, #a54e07);
  
  /* Subtle Border */
  border: 1px solid #a55d07;
  
  /* Box Shadow for Depth */
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 
              0 3px 6px rgba(110, 80, 20, 0.4),
              inset 0 -2px 5px 1px rgba(139, 66, 8, 1),
              inset 0 -1px 1px 3px rgba(250, 227, 133, 1);
  
  /* Text Shadow for Readability */
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  
  /* Hover Effect */
  transition: all 0.3s ease;
}


@keyframes pulseBtn {
  0% {box-shadow: 0px 0px 0px 0px rgba(110, 80, 20, 1);}
  50% {box-shadow: 0px 0px 20px 5px rgba(110, 80, 20, 1);}
  100% {box-shadow: 0px 0px 0px 0px rgba(110, 80, 20, 1);}
}/* End custom CSS */