.elementor-271 .elementor-element.elementor-element-17f7fb39{--display:flex;--min-height:90vh;--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;--justify-content:center;--overlay-opacity:0.86;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:30px;--padding-left:50px;--padding-right:50px;}.elementor-271 .elementor-element.elementor-element-17f7fb39:not(.elementor-motion-effects-element-type-background), .elementor-271 .elementor-element.elementor-element-17f7fb39 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0000002E;background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-271 .elementor-element.elementor-element-17f7fb39::before, .elementor-271 .elementor-element.elementor-element-17f7fb39 > .elementor-background-video-container::before, .elementor-271 .elementor-element.elementor-element-17f7fb39 > .e-con-inner > .elementor-background-video-container::before, .elementor-271 .elementor-element.elementor-element-17f7fb39 > .elementor-background-slideshow::before, .elementor-271 .elementor-element.elementor-element-17f7fb39 > .e-con-inner > .elementor-background-slideshow::before, .elementor-271 .elementor-element.elementor-element-17f7fb39 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#00000085;--background-overlay:'';}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-271 .elementor-element.elementor-element-5b0eb5f3{margin:60px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;column-gap:0px;text-align:center;font-family:"Circular Std Book", Sans-serif;font-size:1em;font-weight:400;text-transform:uppercase;color:#FFFFFF;}.elementor-widget-ucaddon_underline_link_hover_effect a.ue-link{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-271 .elementor-element.elementor-element-3d62bd58 .ue-link-wrap{justify-content:center;}.elementor-271 .elementor-element.elementor-element-3d62bd58 a.ue-link{flex-direction:row;color:var( --e-global-color-text );font-family:"Circular Std Book", Sans-serif;font-size:1em;font-weight:400;}.elementor-271 .elementor-element.elementor-element-3d62bd58 a.ue-link svg{fill:var( --e-global-color-text );}.elementor-271 .elementor-element.elementor-element-3d62bd58 a.ue-link:after{background-color:var( --e-global-color-text );height:1px;}.elementor-271 .elementor-element.elementor-element-3d62bd58 .ue-link-hover-effect-icon{font-size:15px;transform:rotate(0deg);}.elementor-271 .elementor-element.elementor-element-3d62bd58 .ue-link-hover-effect-icon img,.elementor-271 .elementor-element.elementor-element-3d62bd58 .ue-link-hover-effect-icon svg{width:15px;height:15px;}.elementor-271 .elementor-element.elementor-element-3d62bd58 .ue-link-hover-effect-spacing{width:15px;}.elementor-271 .elementor-element.elementor-element-3d62bd58 a:hover .ue-link-hover-effect-spacing{width:30px;}.elementor-271 .elementor-element.elementor-element-3d62bd58 a:hover .ue-link-hover-effect-icon{transform:rotate(0deg);}@media(max-width:1024px){.elementor-271 .elementor-element.elementor-element-5b0eb5f3{font-size:4em;}}@media(max-width:767px){.elementor-271 .elementor-element.elementor-element-17f7fb39{--min-height:75vh;--justify-content:center;--margin-top:-30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:10px;--padding-left:20px;--padding-right:20px;}.elementor-271 .elementor-element.elementor-element-5b0eb5f3{margin:60px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-size:1em;}}/* Start custom CSS for text-editor, class: .elementor-element-5b0eb5f3 *//* ================================
   🌟 LINK STYLE
================================ */
.elementor-271 .elementor-element.elementor-element-5b0eb5f3 a {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 6px; /* ระยะห่างข้อความกับลูกศร */
  margin-top: 30px; 
  font-size: 16px !important;
  font-family: "Circular Std Book", Sans-serif;
  text-transform: capitalize;
  color: inherit;
  text-decoration: none;
  white-space: nowrap; /* ป้องกันลูกศรตกบรรทัด */
  transition: color 0.3s ease;
}

/* 🔹 เส้นใต้ */
.elementor-271 .elementor-element.elementor-element-5b0eb5f3 a::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 100%;
  height: 0.5px;
  background-color: #fff;
  transform-origin: right;
  transform: scaleX(1);
  transition: transform 0.8s ease;
}

.elementor-271 .elementor-element.elementor-element-5b0eb5f3 a:hover::before {
  transform: scaleX(0);
  transform-origin: right;
}

/* 🔹 สร้าง span ครอบข้อความใน a */
.elementor-271 .elementor-element.elementor-element-5b0eb5f3 a span {
  display: inline-block;
}

/* 👉 ลูกศรหลังข้อความ */
.elementor-271 .elementor-element.elementor-element-5b0eb5f3 a span::after {
  content: " →";
  display: inline-block;
  transition: transform 0.3s ease;
  vertical-align: middle;
}

/* ✳️ ขยับลูกศรเวลา hover */
.elementor-271 .elementor-element.elementor-element-5b0eb5f3 a:hover span::after {
  transform: translateX(4px);
}

/* ================================
   📝 TEXT STYLE
================================ */
.elementor-271 .elementor-element.elementor-element-5b0eb5f3 p {
  font-family: "Circular Std Book", Sans-serif;
  font-size: 20px !important;
  margin-top: -15px;
  text-transform: none !important;
}

.elementor-271 .elementor-element.elementor-element-5b0eb5f3 h2 {
  font-size: 4rem !important;
}

/* ================================
   📱 RESPONSIVE (MOBILE)
================================ */
@media (max-width: 767px) {
  .elementor-271 .elementor-element.elementor-element-5b0eb5f3 a {
    margin-top: 15px !important;
  }

  .elementor-271 .elementor-element.elementor-element-5b0eb5f3 p {
    font-size: 20px !important;
    margin-top: 10px;
    margin-bottom: 25px !important;
  }

  .elementor-271 .elementor-element.elementor-element-5b0eb5f3 h2 {
    margin-bottom: 10px !important;
    font-size: 2.5rem !important;
  }

  .elementor-271 .elementor-element.elementor-element-5b0eb5f3 p {
    margin-bottom: 0 !important;
  }
}/* End custom CSS */