.elementor-3072 .elementor-element.elementor-element-5093910{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--background-transition:0.3s;}.elementor-3072 .elementor-element.elementor-element-18b64f1{--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:20px 20px;--background-transition:0.3s;--padding-top:5em;--padding-bottom:5em;--padding-left:5em;--padding-right:5em;}.elementor-3072 .elementor-element.elementor-element-e5a8f0e{width:var( --container-widget-width, 20.517% );max-width:20.517%;--container-widget-width:20.517%;--container-widget-flex-grow:0;}.elementor-3072 .elementor-element.elementor-element-e5a8f0e.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-3072 .elementor-element.elementor-element-204d31f{width:100%;max-width:100%;}.elementor-3072 .elementor-element.elementor-element-8671257{width:100%;max-width:100%;}.elementor-3072 .elementor-element.elementor-element-be3d443{width:100%;max-width:100%;}.elementor-3072 .elementor-element.elementor-element-7843c08 .elementor-button{font-family:"Kanit", Sans-serif;font-size:16px;font-weight:500;fill:#F6DA36;color:#F6DA36;background-color:#FFFFFF00;border-style:solid;border-width:3px 3px 3px 3px;border-color:#F6DA36;border-radius:100px 100px 100px 100px;}.elementor-3072 .elementor-element.elementor-element-7843c08 .elementor-button:hover, .elementor-3072 .elementor-element.elementor-element-7843c08 .elementor-button:focus{color:#FFFDFD;border-color:#FFFFFF;}.elementor-3072 .elementor-element.elementor-element-7843c08 .elementor-button:hover svg, .elementor-3072 .elementor-element.elementor-element-7843c08 .elementor-button:focus svg{fill:#FFFDFD;}.elementor-3072 .elementor-element.elementor-element-7843c08{width:100%;max-width:100%;}#elementor-popup-modal-3072 .dialog-message{height:auto;}#elementor-popup-modal-3072{justify-content:center;align-items:center;pointer-events:all;background-color:rgba(0,0,0,.8);}#elementor-popup-modal-3072 .dialog-close-button{display:flex;font-size:34px;}#elementor-popup-modal-3072 .dialog-widget-content{background-color:#000000;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-3072 .dialog-close-button i{color:#FFFFFF;}#elementor-popup-modal-3072 .dialog-close-button svg{fill:#FFFFFF;}@media(max-width:767px){.elementor-3072 .elementor-element.elementor-element-e5a8f0e > .elementor-widget-container{padding:2px 2px 2px 2px;}.elementor-3072 .elementor-element.elementor-element-5aa28e6 > .elementor-widget-container{padding:2px 2px 2px 2px;}.elementor-3072 .elementor-element.elementor-element-204d31f{width:100%;max-width:100%;}.elementor-3072 .elementor-element.elementor-element-8671257{width:100%;max-width:100%;}}@media(min-width:768px){.elementor-3072 .elementor-element.elementor-element-18b64f1{--width:75%;}}@media(max-width:1024px) and (min-width:768px){.elementor-3072 .elementor-element.elementor-element-18b64f1{--width:100%;}}/* Start custom CSS for image, class: .elementor-element-e5a8f0e */.elementToAnimate{
    animation: yourAnimation 10s linear forwards infinite;
}

@keyframes yourAnimation {
    
    100%{
        transform: rotate(360deg);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-204d31f */#username{
    width:100%; 
    height: 42px;
    border-radius: 100px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8671257 */#password{
    width:100%; 
    height: 42px;
    border-radius: 100px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-be3d443 */#btn-login{
    height: 42px;
    width: 100%;
    font-size: 16px; 
    font-weight: 500;
    border-radius: 100px;
    color: black;
    background: linear-gradient(0deg, #c26828 0%, #f6da36 100%), #c26828;
}
#btn-login:hover{
    background: linear-gradient(0deg, #f6da36 0%, #c26828 100%), #f6da36;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-7843c08 */.login{
    animation: yourAnimation2 0.2s linear infinite alternate ;
}

@keyframes yourAnimation2 {
    100%{
        transform: scale(1.02);
    }
}/* End custom CSS */