.elementor-1331 .elementor-element.elementor-element-c9a5448{width:auto;max-width:auto;top:60px;}.elementor-1331 .elementor-element.elementor-element-c9a5448 > .elementor-widget-container{background-color:var( --e-global-color-primary );margin:0px 110px 0px 0px;padding:20px 20px 20px 20px;}.elementor-1331 .elementor-element.elementor-element-c9a5448 .elementor-heading-title{font-family:"Kanit", ka;font-size:20px;font-weight:500;line-height:1.4em;color:#FFFFFF;}.elementor-1331 .elementor-element.elementor-element-a1bd4f9 > .elementor-widget-container{margin:0px 0px 15px 0px;}.elementor-1331 .elementor-element.elementor-element-a1bd4f9{text-align:left;color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), ka;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-1331 .elementor-element.elementor-element-8a00dbd{width:auto;max-width:auto;}@media(max-width:1024px){.elementor-1331 .elementor-element.elementor-element-a1bd4f9{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-1331 .elementor-element.elementor-element-5743c0a{padding:0px 0px 15px 0px;}.elementor-1331 .elementor-element.elementor-element-dca2daa > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-1331 .elementor-element.elementor-element-c9a5448{width:auto;max-width:auto;top:25px;}.elementor-1331 .elementor-element.elementor-element-c9a5448 > .elementor-widget-container{margin:0px 30px 0px 0px;padding:6px 6px 6px 6px;}.elementor-1331 .elementor-element.elementor-element-c9a5448 .elementor-heading-title{font-size:16px;line-height:1.1em;}.elementor-1331 .elementor-element.elementor-element-a1bd4f9 > .elementor-widget-container{padding:0px 0px 5px 0px;}.elementor-1331 .elementor-element.elementor-element-a1bd4f9{text-align:left;font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for html, class: .elementor-element-8a00dbd */.btn{
    
  position: relative;
    color : #2B2E2B;
    font-family: kanit; 
    font-size: 14px;
    font-weight: 300;
  display: block;
  text-decoration: none;
  border: 2px solid #EB7A25;
  padding: 10px 25px 10px 25px;
  overflow: hidden;
  transition: 0s all ease;
}
.btn:hover{
    color:white;
}
.btn::before{
    
  background: #EB7A25;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: -1;
  transition: all 0.6s ease;
}


.btn3::before{
  width: 100%;
  height: 0%;
  transform: translate(-50%,-50%) rotate(45deg);
}

.btn3:hover::before{
  height: 560%;
}/* End custom CSS */