.elementor-42 .elementor-element.elementor-element-253129a{--display:flex;--min-height:80vh;--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;--justify-content:flex-end;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--overlay-opacity:0.35;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:100px;--padding-left:50px;--padding-right:50px;}.elementor-42 .elementor-element.elementor-element-253129a:not(.elementor-motion-effects-element-type-background), .elementor-42 .elementor-element.elementor-element-253129a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0000002E;background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-42 .elementor-element.elementor-element-253129a::before, .elementor-42 .elementor-element.elementor-element-253129a > .elementor-background-video-container::before, .elementor-42 .elementor-element.elementor-element-253129a > .e-con-inner > .elementor-background-video-container::before, .elementor-42 .elementor-element.elementor-element-253129a > .elementor-background-slideshow::before, .elementor-42 .elementor-element.elementor-element-253129a > .e-con-inner > .elementor-background-slideshow::before, .elementor-42 .elementor-element.elementor-element-253129a > .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-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );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-42 .elementor-element.elementor-element-f1991b4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;column-gap:0px;text-align:start;font-family:"Roboto", Sans-serif;font-size:2em;font-weight:400;line-height:15px;color:var( --e-global-color-1d2ee62 );}.elementor-42 .elementor-element.elementor-element-f1991b4 a{color:var( --e-global-color-1d2ee62 );}.elementor-42 .elementor-element.elementor-element-f1991b4 a:hover, .elementor-42 .elementor-element.elementor-element-f1991b4 a:focus{color:var( --e-global-color-1d2ee62 );}@media(max-width:1024px){.elementor-42 .elementor-element.elementor-element-253129a{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-42 .elementor-element.elementor-element-f1991b4{font-size:2em;}}@media(max-width:767px){.elementor-42 .elementor-element.elementor-element-253129a{--min-height:60vh;--justify-content:flex-end;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-42 .elementor-element.elementor-element-f1991b4{margin:60px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-size:1.5em;}}/* Start custom CSS for text-editor, class: .elementor-element-f1991b4 *//* ================================
   🌟 LINK STYLE
================================ */
.elementor-42 .elementor-element.elementor-element-f1991b4 a {
  position: relative;
  display: inline-flex;
  align-items: left;
  gap: 6px; /* ระยะห่างข้อความกับลูกศร */
  margin-top: 15px; 
  font-size: 16px !important;
  text-transform: capitalize;
  color: inherit;
  text-decoration: none;
  white-space: nowrap; /* ป้องกันลูกศรตกบรรทัด */
  transition: color 0.3s ease;
}

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

.elementor-42 .elementor-element.elementor-element-f1991b4 a:hover::before {
  transform: scaleX(0);
  transform-origin: left;
}

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

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

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

/* ================================
   📝 TEXT STYLE
================================ */
.elementor-42 .elementor-element.elementor-element-f1991b4 p {
  font-size: 0.6em !important;
  margin-top: 0px;
  text-transform: none !important;
}

.elementor-42 .elementor-element.elementor-element-f1991b4 h2 {
  font-size: 1.5em !important;
  margin-bottom: 10px;
  color: white;
}

/* ================================
   📱 RESPONSIVE (MOBILE)
================================ */
@media (max-width: 767px) {
    
  .elementor-42 .elementor-element.elementor-element-f1991b4 a::before {
    bottom: 5px;    
    }
  .elementor-42 .elementor-element.elementor-element-f1991b4 a {
    margin-top: 10px !important;
  }

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

  .elementor-42 .elementor-element.elementor-element-f1991b4 h2 {
    margin-bottom: 10px !important;
    font-size: 2.5rem !important;
  }

  .elementor-42 .elementor-element.elementor-element-f1991b4 p {
    margin-bottom: 0 !important;
  }
}/* End custom CSS */