.elementor-11 .elementor-element.elementor-element-77a4a99{--display:flex;--min-height:410px;--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:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-11 .elementor-element.elementor-element-722dce5e{--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-radius:10px 0px 0px 10px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-11 .elementor-element.elementor-element-722dce5e:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-722dce5e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-dd7bce8 );}.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-11 .elementor-element.elementor-element-2aba5287 img{border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-11 .elementor-element.elementor-element-4f4f6aab{--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;--align-items:stretch;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-4f4f6aab.e-con{--align-self:stretch;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-11 .elementor-element.elementor-element-c2e4bad{--display:flex;--min-height:355px;--justify-content:center;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:2rem;--padding-bottom:2rem;--padding-left:2rem;--padding-right:2rem;}.elementor-11 .elementor-element.elementor-element-c2e4bad:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-c2e4bad > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-dd7bce8 );}.elementor-11 .elementor-element.elementor-element-265d2552 img{width:50%;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-582cdded{text-align:center;}.elementor-11 .elementor-element.elementor-element-582cdded .elementor-heading-title{font-family:"Prompt", Sans-serif;font-size:14px;font-weight:400;color:var( --e-global-color-accent );}.elementor-11 .elementor-element.elementor-element-18a467c9{text-align:end;}.elementor-11 .elementor-element.elementor-element-18a467c9 .elementor-heading-title{font-family:"Prompt", Sans-serif;font-size:12px;font-weight:600;color:var( --e-global-color-accent );}.elementor-11 .elementor-element.elementor-element-633a6bec{--display:flex;--min-height:355px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-11 .elementor-element.elementor-element-633a6bec:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-633a6bec > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-dd7bce8 );}.elementor-11 .elementor-element.elementor-element-28add29d img{width:50%;}.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-11 .elementor-element.elementor-element-57a5afab{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;}.elementor-11 .elementor-element.elementor-element-57a5afab .elementor-button{border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFC91D7D;padding:10px 10px 10px 10px;}.elementor-11 .elementor-element.elementor-element-3b4ac2a2{--n-tabs-heading-justify-content:initial;--n-tabs-title-width:100%;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:1;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-gap:0px;--n-tabs-gap:0px;--n-tabs-title-border-radius:10px 10px 0px 0px;--n-tabs-title-padding-top:5px;--n-tabs-title-padding-right:5px;--n-tabs-title-padding-bottom:5px;--n-tabs-title-padding-left:5px;--n-tabs-title-color:var( --e-global-color-primary );--n-tabs-title-color-active:var( --e-global-color-accent );}.elementor-11 .elementor-element.elementor-element-3b4ac2a2 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:var( --e-global-color-be47b3b );}.elementor-11 .elementor-element.elementor-element-3b4ac2a2.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#232323;}.elementor-11 .elementor-element.elementor-element-3b4ac2a2.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-11 .elementor-element.elementor-element-3b4ac2a2.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-dd7bce8 );}.elementor-11 .elementor-element.elementor-element-3b4ac2a2.elementor-element{--align-self:stretch;}#elementor-popup-modal-11 .dialog-widget-content{background-color:#02010100;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-11{background-color:#0000007D;justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-11 .dialog-message{width:800px;height:auto;}#elementor-popup-modal-11 .dialog-close-button{display:flex;top:-30px;background-color:#FF0000;}#elementor-popup-modal-11 .dialog-close-button i{color:#FFFFFF;}#elementor-popup-modal-11 .dialog-close-button svg{fill:#FFFFFF;}@media(min-width:768px){.elementor-11 .elementor-element.elementor-element-722dce5e{--width:50%;}.elementor-11 .elementor-element.elementor-element-4f4f6aab{--width:50%;}}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-11 .elementor-element.elementor-element-c2e4bad{--padding-top:2rem;--padding-bottom:2rem;--padding-left:2rem;--padding-right:2rem;}}/* Start custom CSS for container, class: .elementor-element-722dce5e */button[aria-selected="true"] {
    border-radius: 10px 10px 0px 0px !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-74f8ee6a */.login-wrapper {
    display: flex;
    flex-direction: column;
    font-family: 'Kanit';
    width: 100%;
    gap: 5px;
}

input.input-username {
    width: 100%;
    border: none;
    padding: 5px 0px;
    background-color: #000;
    color: #fff;
}

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

.bi {
    color: #E0C570;
}

.submit-wrapper {
    width: 100%;
}

.btn-login {
    width: 100%;
    border: 1px solid #E0C570;
    color: #fff;
    font-weight: 700;
    text-shadow: 0px 0px 5px #000;
    border-radius: 7px;
    padding: 5px 0px;
    background: rgb(75,57,0);
background: linear-gradient(145deg, #8f702f40 10%, #866c1a 29%, #E0C570 42%, #ad8d2c 61%, #866c1a 81%, #8f702f40 100%);
}

.elementor-11 .elementor-element.elementor-element-74f8ee6a .btn-login:hover {
    background: linear-gradient(145deg, #8f702f40 10%, #866c1a 29%, #E0C570 42%, #ad8d2c 61%, #866c1a 81%, #8f702f40 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-57a5afab */.elementor-11 .elementor-element.elementor-element-57a5afab a {
    width: 100%;
    border: 1px solid #E0C570;
    color: #fff;
    font-weight: 700;
    text-shadow: 0px 0px 5px #000;
    border-radius: 7px;
    padding: 5px 0px;
    background: rgb(75,57,0);
background: linear-gradient(145deg, #8f702f40 10%, #866c1a 29%, #E0C570 42%, #ad8d2c 61%, #866c1a 81%, #8f702f40 100%);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-74f8ee6a */.login-wrapper {
    display: flex;
    flex-direction: column;
    font-family: 'Kanit';
    width: 100%;
    gap: 5px;
}

input.input-username {
    width: 100%;
    border: none;
    padding: 5px 0px;
    background-color: #000;
    color: #fff;
}

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

.bi {
    color: #E0C570;
}

.submit-wrapper {
    width: 100%;
}

.btn-login {
    width: 100%;
    border: 1px solid #E0C570;
    color: #fff;
    font-weight: 700;
    text-shadow: 0px 0px 5px #000;
    border-radius: 7px;
    padding: 5px 0px;
    background: rgb(75,57,0);
background: linear-gradient(145deg, #8f702f40 10%, #866c1a 29%, #E0C570 42%, #ad8d2c 61%, #866c1a 81%, #8f702f40 100%);
}

.elementor-11 .elementor-element.elementor-element-74f8ee6a .btn-login:hover {
    background: linear-gradient(145deg, #8f702f40 10%, #866c1a 29%, #E0C570 42%, #ad8d2c 61%, #866c1a 81%, #8f702f40 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-57a5afab */.elementor-11 .elementor-element.elementor-element-57a5afab a {
    width: 100%;
    border: 1px solid #E0C570;
    color: #fff;
    font-weight: 700;
    text-shadow: 0px 0px 5px #000;
    border-radius: 7px;
    padding: 5px 0px;
    background: rgb(75,57,0);
background: linear-gradient(145deg, #8f702f40 10%, #866c1a 29%, #E0C570 42%, #ad8d2c 61%, #866c1a 81%, #8f702f40 100%);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-74f8ee6a */.login-wrapper {
    display: flex;
    flex-direction: column;
    font-family: 'Kanit';
    width: 100%;
    gap: 5px;
}

input.input-username {
    width: 100%;
    border: none;
    padding: 5px 0px;
    background-color: #000;
    color: #fff;
}

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

.bi {
    color: #E0C570;
}

.submit-wrapper {
    width: 100%;
}

.btn-login {
    width: 100%;
    border: 1px solid #E0C570;
    color: #fff;
    font-weight: 700;
    text-shadow: 0px 0px 5px #000;
    border-radius: 7px;
    padding: 5px 0px;
    background: rgb(75,57,0);
background: linear-gradient(145deg, #8f702f40 10%, #866c1a 29%, #E0C570 42%, #ad8d2c 61%, #866c1a 81%, #8f702f40 100%);
}

.elementor-11 .elementor-element.elementor-element-74f8ee6a .btn-login:hover {
    background: linear-gradient(145deg, #8f702f40 10%, #866c1a 29%, #E0C570 42%, #ad8d2c 61%, #866c1a 81%, #8f702f40 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-57a5afab */.elementor-11 .elementor-element.elementor-element-57a5afab a {
    width: 100%;
    border: 1px solid #E0C570;
    color: #fff;
    font-weight: 700;
    text-shadow: 0px 0px 5px #000;
    border-radius: 7px;
    padding: 5px 0px;
    background: rgb(75,57,0);
background: linear-gradient(145deg, #8f702f40 10%, #866c1a 29%, #E0C570 42%, #ad8d2c 61%, #866c1a 81%, #8f702f40 100%);
}/* End custom CSS */
/* Start custom CSS */#elementor-popup-modal-11 a.dialog-close-button {
    padding: 5px !important;
    border-radius: 50px;
}/* End custom CSS */