.elementor-23 .elementor-element.elementor-element-29fa032{--display:flex;top:0px;bottom:auto;z-index:10;--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:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:10px;--margin-bottom:10px;--margin-left:00px;--margin-right:00px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-23 .elementor-element.elementor-element-29fa032 + .wpr-hidden-header{top:0px;}.elementor-23 .elementor-element.elementor-element-29fa032 + .wpr-hidden-header-flex{top:0px;}.wpr-hidden-header{z-index:10;}.wpr-hidden-header-flex{z-index:10;}.elementor-23 .elementor-element.elementor-element-0dfd3cf{--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:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:15px 15px 15px 15px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:8px;--padding-bottom:8px;--padding-left:8px;--padding-right:8px;}.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-23 .elementor-element.elementor-element-adccdd1{width:var( --container-widget-width, 280px );max-width:280px;--container-widget-width:280px;--container-widget-flex-grow:0;text-align:start;}.elementor-23 .elementor-element.elementor-element-adccdd1 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-23 .elementor-element.elementor-element-adccdd1 img{width:100%;}.elementor-23 .elementor-element.elementor-element-ca53e8d{width:100%;max-width:100%;}html, body{overflow-x:auto;}@media(min-width:768px){.elementor-23 .elementor-element.elementor-element-29fa032{--content-width:1200px;}.elementor-23 .elementor-element.elementor-element-0dfd3cf{--content-width:1200px;}}@media(max-width:1024px){.elementor-23 .elementor-element.elementor-element-29fa032{top:0px;bottom:auto;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-23 .elementor-element.elementor-element-29fa032 + .wpr-hidden-header{top:0px;}.elementor-23 .elementor-element.elementor-element-29fa032 + .wpr-hidden-header-flex{top:0px;}.elementor-23 .elementor-element.elementor-element-0dfd3cf{--border-radius:0px 0px 0px 0px;}.elementor-23 .elementor-element.elementor-element-adccdd1{--container-widget-width:250px;--container-widget-flex-grow:0;width:var( --container-widget-width, 250px );max-width:250px;}}@media(max-width:767px){.elementor-23 .elementor-element.elementor-element-29fa032{top:0px;bottom:auto;}.elementor-23 .elementor-element.elementor-element-29fa032 + .wpr-hidden-header{top:0px;}.elementor-23 .elementor-element.elementor-element-29fa032 + .wpr-hidden-header-flex{top:0px;}.elementor-23 .elementor-element.elementor-element-adccdd1{--container-widget-width:50%;--container-widget-flex-grow:0;width:var( --container-widget-width, 50% );max-width:50%;}.elementor-23 .elementor-element.elementor-element-adccdd1 img{width:150px;}.elementor-23 .elementor-element.elementor-element-ca53e8d{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}}/* Start custom CSS for html, class: .elementor-element-ca53e8d */.box-button-duo{
    display:flex;
    justify-content: flex-end;
    font-family: Noto Sans Thai;
}

.btn-login-imi689{
    background-image: linear-gradient(180deg, #fff, #ffe8e5);
    box-shadow: 0 3px 3px 0 rgb(199 118 130 / 50%);
    padding: 1px;
    border: 2px solid #b86b77;
    border-radius: 10px;
    width: 140px;
    height: 50px;
    position: relative;
    margin-right: 20px;
    cursor: pointer;
}

.text-login-btn{
    color: #9d535e;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    font-size: 18px;
    font-weight: 600;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); 
    text-align: center;
}




.btn-register-imi689{
    background: #ffd870;
    box-shadow: 0 0 5px 0 #ffcb48;
   
    
    
    padding: 1px;
    background-origin: border-box;
    background-clip: content-box, border-box;
    border-radius: 10px;
    width: 140px;
    height: 50px;
    position: relative;
    margin-right: 10px;
    cursor: pointer;
}

.text-register-btn{
    color: #891402;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    font-size: 20px;
    font-weight: 800;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); 
    text-align: center;
}







::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: transparent;
    border-radius: 4px;
}



::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: #ffdb77;
}


::-webkit-scrollbar-track {
    background: #2d220f;
    width: 8px;
    height: 8px;
    border-radius: 0;
}










@media(max-width:500px){
    .btn-login-imi689{
        display:none;
    }
    
    .btn-register-imi689{
    width: 120px;
    height: 40px; 
        
    } 
    
    
    .text-register-btn{
        
     font-size: 18px;
    font-weight: 800;   
        
    }
    
    
}







/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/




.btn-regis {
    display:block;
    padding: 1px;
    background-origin: border-box;
    background-clip: content-box, border-box;
    border-radius: 20px;
    background-image: radial-gradient(100% 100% at 50% 0, #ffd69e 0, #d9ad70 36.98%, #876941 100%), radial-gradient(100% 100% at 50% 0, #ffd69e 0, #d9ad70 36.98%, #876941 100%);
    position: relative;
    padding: 0;
    transition: all .3s;
    width: 140px;
    height: 40px;  
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}


@media (max-width: 1199.98px){
.btn-regis{
    width: 120px;
    height: 36px;
}

}





.text-regis{
    color: #333;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    font-size: 1rem;
    font-weight: 500;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}


@media (max-width: 1199.98px){
.btn.-header-btn .-text {
    font-size: .875rem;
}
}



.mobile-menu {
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}





.kincx{
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color:#fff;
    width:40%;
   
    
}

.kincx2{
width:60%;
}

.mgi-wel{
    width:100%;
    position: relative;
}

.tex-wel{
    width:100%;
}

.tex-wel-2{
    position: absolute;
    bottom: 11%;
    right: -19%;
    width: 25px;
    -webkit-transform: rotate(10deg);
    transform: rotate(345deg);
    z-index: 1;
}



.text-md-login-1{
    font-size: 18px;
    margin-bottom: 15px;
}


.text-md-login-2{
    font-size: 18px;
    margin-top: 15px;
     margin-bottom: 15px;
}

.susflex{
    background-image: linear-gradient(180deg, #fff, #ffe8e5);
    border: 2px solid #b86b77;
    background-origin: border-box;
    background-clip: content-box, border-box;
    border-radius: 50px;
    width: 170px;
    height: 35px;
    position: relative;
    padding: 2px;
    cursor:pointer;
    
}

.login-md{
    color: #9d535e;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}

.sudflex{
    background: #ffd870;
    border: 1px solid #FFF3D3;
    box-shadow: 0 0 5px 0 #ffcb48;
    box-shadow: inset 0 0 0 2px #feca6b, 0 0 10px #f29e11;
    border-radius: 50px;
    padding:5px 40px;
    color: #fff;
    border: 1px solid #fff;
    cursor:pointer;
    
    -webkit-animation: x-register-glow-after 0.5s infinite alternate;
    animation: x-register-glow-after 0.5s infinite alternate;
}



@-webkit-keyframes x-register-glow-after {
    0% {
        opacity: 0.5
    }
    to {
        opacity: 1
    }
}

@keyframes x-register-glow-after {
    0% {
        opacity: 0.5
    }
    to {
        opacity: 1
    }
}



.regis-md{
     color: #333;
     font-weight: 500;
}

.ez-modal{
    z-index:3;
    display:none;
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    overflow:auto;
    background-color:rgba(0,0,0,0.9);
    justify-content: center;
    align-items: center;
    align-content: center;
    
}

.ez-modal-content{
   background: linear-gradient(180deg, #f5aeb9, #e17c8b);
    position:absolute;
    outline:0;
    width:750px;
    border-radius: 15px;
    padding: 10px 10px;
}

.ez-animate-top{
    justify-content: center;
    display: flex;
    flex-direction: column;
    -webkit-animation-name: fadeInUpx;
    animation-name: fadeInUpx;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    
}
    
 @keyframes fadeInUpx{
 0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 5%, 0);
    transform: translate3d(0, 5%, 0);
}

100% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
     
 }
 
 } 

@media (max-width:550px){
   
  .ez-modal{
      overflow:hidden;
  }


   .ez-modal-content{
    width:100%;
    border-radius: 15px 15px 0px 0px ;
    bottom:0;
  
    
    
}

    .kincx2 {
        position:absolute;
        bottom:0;
        z-index:0;
        width:430px;
        
    }


    .kincx {
        flex-direction: row;
        align-items: flex-end;
        z-index:1;
        gap:40px;
        width:100%;
        height: 160px;
    }
   
   .text-md-login-1 , .text-md-login-2{
       display:none;
   }
   
   .tex-wel-2{
    bottom:25%;
    right: 22%;
    width:65px;
}
    
}



@media (max-width:390px){
   

    .kincx2 {
        position:absolute;
        bottom:0;
        z-index:0;
        width:410px;
        
    }


    .kincx {
        flex-direction: row;
        align-items: flex-end;
        z-index:1;
        gap:30px;
        width:100%;
        height: 160px;
    }
    
    
    .sudflex{
        padding: 5px 20px;
    }
    .susflex{
        padding: 5px 30px;
    }    
   
    
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0dfd3cf */.bg-header-bar{
   background: linear-gradient(180deg, #f5aeb9, #b86b77);
}/* End custom CSS */