.elementor-9138 .elementor-element.elementor-element-df96e98 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:20px;font-weight:400;line-height:35px;}.elementor-9138 .elementor-element.elementor-element-b1792c0 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:20px;font-weight:400;line-height:35px;color:#21B8B6;}.elementor-9138 .elementor-element.elementor-element-e689df4{font-size:18px;font-weight:400;line-height:30px;}.elementor-9138 .elementor-element.elementor-element-9623f2b > .elementor-widget-container{margin:-20px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-9138 .elementor-element.elementor-element-9623f2b{font-size:18px;font-weight:400;line-height:30px;}.elementor-9138 .elementor-element.elementor-element-34d427b .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:20px;font-weight:400;line-height:35px;color:#21B8B6;}.elementor-9138 .elementor-element.elementor-element-ec7eb47{font-size:18px;font-weight:400;line-height:30px;}.elementor-9138 .elementor-element.elementor-element-ab563de > .elementor-widget-container{margin:-20px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-9138 .elementor-element.elementor-element-ab563de{font-size:18px;font-weight:400;line-height:30px;}.elementor-9138 .elementor-element.elementor-element-f878ee7 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:20px;font-weight:600;line-height:35px;color:#21B8B6;}.elementor-9138 .elementor-element.elementor-element-d530350 .elementor-active .elementor-accordion-icon, .elementor-9138 .elementor-element.elementor-element-d530350 .elementor-active .elementor-accordion-title{color:#21B8B6;}.elementor-9138 .elementor-element.elementor-element-d530350 .elementor-active .elementor-accordion-icon svg{fill:#21B8B6;}.elementor-9138 .elementor-element.elementor-element-d530350 .elementor-accordion-title{font-weight:400;}.elementor-9138 .elementor-element.elementor-element-d530350 .elementor-tab-content{color:#21B8B6;}.elementor-9138 .elementor-element.elementor-element-475f94d{text-align:left;font-size:20px;}.elementor-9138 .elementor-element.elementor-element-c0f687d > .elementor-widget-container{margin:-30px 0px 0px 0px;}.elementor-9138 .elementor-element.elementor-element-c0f687d{text-align:left;font-size:20px;}.elementor-9138 .elementor-element.elementor-element-f185b62{width:auto;max-width:auto;}.elementor-9138 .elementor-element.elementor-element-f185b62 > .elementor-widget-container{margin:-25px 0px 0px 0px;}@media(max-width:1024px){.elementor-9138 .elementor-element.elementor-element-f185b62{width:100%;max-width:100%;align-self:center;}.elementor-9138 .elementor-element.elementor-element-f185b62 > .elementor-widget-container{margin:0px 0px 10px 0px;}}/* Start custom CSS for html, class: .elementor-element-f185b62 */.button1{
  position: relative;
  overflow: hidden;
  height: 3rem;
  padding: 0 2rem;
  border-radius: 2rem;
  background-size: 400%;
  border: 2px solid #21b8b6;
  transition: all 0.475s;
  background-color: #21b8b6 !important;
}
@media only screen and (max-width: 900px) {
.button1{
  height: 2.5rem;
  padding: 0 1.5rem;
  border-radius: 2rem;
}
}
@media only screen and (max-width: 500px) {
.button1{
  height: 2.5rem;
  padding: 0 1rem;
  border-radius: 2rem;
}
}
span.button-content1{
    color: #fff;
  transition: all 0.475s;
  font-size: 16px;
  font-weight: 500
}

.button1:hover span.button-content1{
  color: #fff;
  transition: all 0.475s;
}
.button1:hover{
  color: #fff;
  border: 2px solid #fff;
  transition: all 0.475s;
}
.button1:hover::before {
  transform: scaleX(1);
  
}

.button-content1 {
  position: relative;
  z-index: 1;
}

.button1::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  transform: scaleX(0);
  transform-origin: 0 50%;
  width: 100%;
  height: inherit;
  border-radius: inherit;
  background: linear-gradient(90deg, #21b8b6b5 0%, #a264a9c7 100%);
  transition: all 0.475s;
}/* End custom CSS */