.elementor-2424 .elementor-element.elementor-element-d936d99{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2424 .elementor-element.elementor-element-e8f4172{--display:flex;--min-height:350px;--justify-content:center;--overlay-opacity:1;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-2424 .elementor-element.elementor-element-e8f4172:not(.elementor-motion-effects-element-type-background), .elementor-2424 .elementor-element.elementor-element-e8f4172 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://smc-groups.maxsitthi.com/wp-content/uploads/2026/08/11.webp");background-size:cover;}.elementor-2424 .elementor-element.elementor-element-e8f4172::before, .elementor-2424 .elementor-element.elementor-element-e8f4172 > .elementor-background-video-container::before, .elementor-2424 .elementor-element.elementor-element-e8f4172 > .e-con-inner > .elementor-background-video-container::before, .elementor-2424 .elementor-element.elementor-element-e8f4172 > .elementor-background-slideshow::before, .elementor-2424 .elementor-element.elementor-element-e8f4172 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2424 .elementor-element.elementor-element-e8f4172 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #FFFFFF00 0%, #0B2547 100%);}.elementor-2424 .elementor-element.elementor-element-e8f4172:hover::before, .elementor-2424 .elementor-element.elementor-element-e8f4172:hover > .elementor-background-video-container::before, .elementor-2424 .elementor-element.elementor-element-e8f4172:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-2424 .elementor-element.elementor-element-e8f4172 > .elementor-background-slideshow:hover::before, .elementor-2424 .elementor-element.elementor-element-e8f4172 > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #0B2547BF 0%, #0B2547 100%);}.elementor-2424 .elementor-element.elementor-element-e8f4172:hover{--overlay-opacity:1;}.elementor-2424 .elementor-element.elementor-element-e8f4172, .elementor-2424 .elementor-element.elementor-element-e8f4172::before{--overlay-transition:0.2s;}.elementor-2424 .elementor-element.elementor-element-e8f4172.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-2424 .elementor-element.elementor-element-d9c33f1{--display:flex;--padding-top:15px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;color:var( --e-global-color-primary );}.elementor-2424 .elementor-element.elementor-element-88a1aa8{text-align:center;}.elementor-2424 .elementor-element.elementor-element-88a1aa8 .elementor-heading-title{font-size:20px;font-weight:600;line-height:1.4em;color:var( --e-global-color-7aeacfc );}.elementor-2424 .elementor-element.elementor-element-88a1aa8 .elementor-heading-title a:hover, .elementor-2424 .elementor-element.elementor-element-88a1aa8 .elementor-heading-title a:focus{color:var( --e-global-color-7aeacfc );}.elementor-2424 .elementor-element.elementor-element-431a960{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2424 .elementor-element.elementor-element-f17af93{text-align:center;}.elementor-2424 .elementor-element.elementor-element-f17af93 .elementor-heading-title{font-size:16px;font-weight:400;line-height:1.4em;color:var( --e-global-color-7aeacfc );}.elementor-2424 .elementor-element.elementor-element-f17af93 .elementor-heading-title a:hover, .elementor-2424 .elementor-element.elementor-element-f17af93 .elementor-heading-title a:focus{color:var( --e-global-color-7aeacfc );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-2424 .elementor-element.elementor-element-aac100f .elementor-button{background-color:#062D478C;font-size:14px;font-weight:500;fill:var( --e-global-color-7aeacfc );color:var( --e-global-color-7aeacfc );border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF4D;border-radius:0px 0px 0px 0px;padding:7px 15px 7px 15px;}.elementor-2424 .elementor-element.elementor-element-aac100f .elementor-button:hover, .elementor-2424 .elementor-element.elementor-element-aac100f .elementor-button:focus{background-color:#FFFFFF40;color:#0A1A2F;}.elementor-2424 .elementor-element.elementor-element-aac100f{width:100%;max-width:100%;}.elementor-2424 .elementor-element.elementor-element-aac100f .elementor-button:hover svg, .elementor-2424 .elementor-element.elementor-element-aac100f .elementor-button:focus svg{fill:#0A1A2F;}.elementor-2424 .elementor-element.elementor-element-5b6849d{--display:flex;--min-height:350px;--justify-content:center;--overlay-opacity:1;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-2424 .elementor-element.elementor-element-5b6849d:not(.elementor-motion-effects-element-type-background), .elementor-2424 .elementor-element.elementor-element-5b6849d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://smc-groups.maxsitthi.com/wp-content/uploads/2026/08/people-hands-fist-bump-with-circle-teamwork-unity-community-together-with-blue-sky-low-angle-group-touching-huddle-union-solidarity-collaboration-outdoor-nature.webp");background-size:cover;}.elementor-2424 .elementor-element.elementor-element-5b6849d::before, .elementor-2424 .elementor-element.elementor-element-5b6849d > .elementor-background-video-container::before, .elementor-2424 .elementor-element.elementor-element-5b6849d > .e-con-inner > .elementor-background-video-container::before, .elementor-2424 .elementor-element.elementor-element-5b6849d > .elementor-background-slideshow::before, .elementor-2424 .elementor-element.elementor-element-5b6849d > .e-con-inner > .elementor-background-slideshow::before, .elementor-2424 .elementor-element.elementor-element-5b6849d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #FFFFFF00 0%, #0B2547 100%);}.elementor-2424 .elementor-element.elementor-element-5b6849d:hover::before, .elementor-2424 .elementor-element.elementor-element-5b6849d:hover > .elementor-background-video-container::before, .elementor-2424 .elementor-element.elementor-element-5b6849d:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-2424 .elementor-element.elementor-element-5b6849d > .elementor-background-slideshow:hover::before, .elementor-2424 .elementor-element.elementor-element-5b6849d > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #0B2547BF 0%, #0B2547 100%);}.elementor-2424 .elementor-element.elementor-element-5b6849d:hover{--overlay-opacity:1;}.elementor-2424 .elementor-element.elementor-element-5b6849d, .elementor-2424 .elementor-element.elementor-element-5b6849d::before{--overlay-transition:0.2s;}.elementor-2424 .elementor-element.elementor-element-5b6849d.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-2424 .elementor-element.elementor-element-31a8811{--display:flex;--padding-top:15px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2424 .elementor-element.elementor-element-878afeb{text-align:center;}.elementor-2424 .elementor-element.elementor-element-878afeb .elementor-heading-title{font-size:20px;font-weight:600;line-height:1.4em;color:var( --e-global-color-7aeacfc );}.elementor-2424 .elementor-element.elementor-element-878afeb .elementor-heading-title a:hover, .elementor-2424 .elementor-element.elementor-element-878afeb .elementor-heading-title a:focus{color:var( --e-global-color-7aeacfc );}.elementor-2424 .elementor-element.elementor-element-c510856{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2424 .elementor-element.elementor-element-77afb18{text-align:center;}.elementor-2424 .elementor-element.elementor-element-77afb18 .elementor-heading-title{font-size:16px;font-weight:400;line-height:1.4em;color:var( --e-global-color-7aeacfc );}.elementor-2424 .elementor-element.elementor-element-77afb18 .elementor-heading-title a:hover, .elementor-2424 .elementor-element.elementor-element-77afb18 .elementor-heading-title a:focus{color:var( --e-global-color-7aeacfc );}.elementor-2424 .elementor-element.elementor-element-1c3fc5f .elementor-button{background-color:#062D478C;font-size:14px;font-weight:500;fill:var( --e-global-color-7aeacfc );color:var( --e-global-color-7aeacfc );border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF4D;border-radius:0px 0px 0px 0px;padding:7px 15px 7px 15px;}.elementor-2424 .elementor-element.elementor-element-1c3fc5f .elementor-button:hover, .elementor-2424 .elementor-element.elementor-element-1c3fc5f .elementor-button:focus{background-color:#FFFFFF40;color:#0A1A2F;}.elementor-2424 .elementor-element.elementor-element-1c3fc5f{width:100%;max-width:100%;}.elementor-2424 .elementor-element.elementor-element-1c3fc5f .elementor-button:hover svg, .elementor-2424 .elementor-element.elementor-element-1c3fc5f .elementor-button:focus svg{fill:#0A1A2F;}.elementor-2424 .elementor-element.elementor-element-5b1b580{--display:flex;--min-height:350px;--justify-content:center;--overlay-opacity:1;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-2424 .elementor-element.elementor-element-5b1b580:not(.elementor-motion-effects-element-type-background), .elementor-2424 .elementor-element.elementor-element-5b1b580 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://smc-groups.maxsitthi.com/wp-content/uploads/2026/08/DJI_20260720104058_0277_D-scaled-1.webp");background-size:cover;}.elementor-2424 .elementor-element.elementor-element-5b1b580::before, .elementor-2424 .elementor-element.elementor-element-5b1b580 > .elementor-background-video-container::before, .elementor-2424 .elementor-element.elementor-element-5b1b580 > .e-con-inner > .elementor-background-video-container::before, .elementor-2424 .elementor-element.elementor-element-5b1b580 > .elementor-background-slideshow::before, .elementor-2424 .elementor-element.elementor-element-5b1b580 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2424 .elementor-element.elementor-element-5b1b580 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #FFFFFF00 0%, #0B2547 100%);}.elementor-2424 .elementor-element.elementor-element-5b1b580:hover::before, .elementor-2424 .elementor-element.elementor-element-5b1b580:hover > .elementor-background-video-container::before, .elementor-2424 .elementor-element.elementor-element-5b1b580:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-2424 .elementor-element.elementor-element-5b1b580 > .elementor-background-slideshow:hover::before, .elementor-2424 .elementor-element.elementor-element-5b1b580 > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #0B2547BF 0%, #0B2547 100%);}.elementor-2424 .elementor-element.elementor-element-5b1b580:hover{--overlay-opacity:1;}.elementor-2424 .elementor-element.elementor-element-5b1b580, .elementor-2424 .elementor-element.elementor-element-5b1b580::before{--overlay-transition:0.2s;}.elementor-2424 .elementor-element.elementor-element-5b1b580.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-2424 .elementor-element.elementor-element-3a9226e{--display:flex;--padding-top:15px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2424 .elementor-element.elementor-element-e03b25f{text-align:center;}.elementor-2424 .elementor-element.elementor-element-e03b25f .elementor-heading-title{font-size:20px;font-weight:600;line-height:1.4em;color:var( --e-global-color-7aeacfc );}.elementor-2424 .elementor-element.elementor-element-e03b25f .elementor-heading-title a:hover, .elementor-2424 .elementor-element.elementor-element-e03b25f .elementor-heading-title a:focus{color:var( --e-global-color-7aeacfc );}.elementor-2424 .elementor-element.elementor-element-f4754f3{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2424 .elementor-element.elementor-element-3b08baf{text-align:center;}.elementor-2424 .elementor-element.elementor-element-3b08baf .elementor-heading-title{font-size:16px;font-weight:400;line-height:1.4em;color:var( --e-global-color-7aeacfc );}.elementor-2424 .elementor-element.elementor-element-3b08baf .elementor-heading-title a:hover, .elementor-2424 .elementor-element.elementor-element-3b08baf .elementor-heading-title a:focus{color:var( --e-global-color-7aeacfc );}.elementor-2424 .elementor-element.elementor-element-c546795 .elementor-button{background-color:#062D478C;font-size:14px;font-weight:500;fill:var( --e-global-color-7aeacfc );color:var( --e-global-color-7aeacfc );border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF4D;border-radius:0px 0px 0px 0px;padding:7px 15px 7px 15px;}.elementor-2424 .elementor-element.elementor-element-c546795 .elementor-button:hover, .elementor-2424 .elementor-element.elementor-element-c546795 .elementor-button:focus{background-color:#FFFFFF40;color:#0A1A2F;}.elementor-2424 .elementor-element.elementor-element-c546795{width:100%;max-width:100%;}.elementor-2424 .elementor-element.elementor-element-c546795 .elementor-button:hover svg, .elementor-2424 .elementor-element.elementor-element-c546795 .elementor-button:focus svg{fill:#0A1A2F;}.elementor-2424 .elementor-element.elementor-element-0960414{--display:flex;--min-height:350px;--justify-content:center;--overlay-opacity:1;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-2424 .elementor-element.elementor-element-0960414:not(.elementor-motion-effects-element-type-background), .elementor-2424 .elementor-element.elementor-element-0960414 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://smc-groups.maxsitthi.com/wp-content/uploads/2026/08/DJI_20260720104754_0303_D-scaled-1.webp");background-size:cover;}.elementor-2424 .elementor-element.elementor-element-0960414::before, .elementor-2424 .elementor-element.elementor-element-0960414 > .elementor-background-video-container::before, .elementor-2424 .elementor-element.elementor-element-0960414 > .e-con-inner > .elementor-background-video-container::before, .elementor-2424 .elementor-element.elementor-element-0960414 > .elementor-background-slideshow::before, .elementor-2424 .elementor-element.elementor-element-0960414 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2424 .elementor-element.elementor-element-0960414 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #FFFFFF00 0%, #0B2547 100%);}.elementor-2424 .elementor-element.elementor-element-0960414:hover::before, .elementor-2424 .elementor-element.elementor-element-0960414:hover > .elementor-background-video-container::before, .elementor-2424 .elementor-element.elementor-element-0960414:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-2424 .elementor-element.elementor-element-0960414 > .elementor-background-slideshow:hover::before, .elementor-2424 .elementor-element.elementor-element-0960414 > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #0B2547BF 0%, #0B2547 100%);}.elementor-2424 .elementor-element.elementor-element-0960414:hover{--overlay-opacity:1;}.elementor-2424 .elementor-element.elementor-element-0960414, .elementor-2424 .elementor-element.elementor-element-0960414::before{--overlay-transition:0.2s;}.elementor-2424 .elementor-element.elementor-element-0960414.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-2424 .elementor-element.elementor-element-92f1541{--display:flex;--padding-top:15px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2424 .elementor-element.elementor-element-ef2129e{text-align:center;}.elementor-2424 .elementor-element.elementor-element-ef2129e .elementor-heading-title{font-size:20px;font-weight:600;line-height:1.4em;color:var( --e-global-color-7aeacfc );}.elementor-2424 .elementor-element.elementor-element-ef2129e .elementor-heading-title a:hover, .elementor-2424 .elementor-element.elementor-element-ef2129e .elementor-heading-title a:focus{color:var( --e-global-color-7aeacfc );}.elementor-2424 .elementor-element.elementor-element-70be957{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2424 .elementor-element.elementor-element-6bfa514{text-align:center;}.elementor-2424 .elementor-element.elementor-element-6bfa514 .elementor-heading-title{font-size:16px;font-weight:400;line-height:1.4em;color:var( --e-global-color-7aeacfc );}.elementor-2424 .elementor-element.elementor-element-6bfa514 .elementor-heading-title a:hover, .elementor-2424 .elementor-element.elementor-element-6bfa514 .elementor-heading-title a:focus{color:var( --e-global-color-7aeacfc );}.elementor-2424 .elementor-element.elementor-element-3da74c1 .elementor-button{background-color:#062D478C;font-size:14px;font-weight:500;fill:var( --e-global-color-7aeacfc );color:var( --e-global-color-7aeacfc );border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF4D;border-radius:0px 0px 0px 0px;padding:7px 15px 7px 15px;}.elementor-2424 .elementor-element.elementor-element-3da74c1 .elementor-button:hover, .elementor-2424 .elementor-element.elementor-element-3da74c1 .elementor-button:focus{background-color:#FFFFFF40;color:#0A1A2F;}.elementor-2424 .elementor-element.elementor-element-3da74c1{width:100%;max-width:100%;}.elementor-2424 .elementor-element.elementor-element-3da74c1 .elementor-button:hover svg, .elementor-2424 .elementor-element.elementor-element-3da74c1 .elementor-button:focus svg{fill:#0A1A2F;}@media(min-width:969px){.elementor-2424 .elementor-element.elementor-element-e8f4172{--width:25%;}.elementor-2424 .elementor-element.elementor-element-5b6849d{--width:25%;}.elementor-2424 .elementor-element.elementor-element-5b1b580{--width:25%;}.elementor-2424 .elementor-element.elementor-element-0960414{--width:25%;}}@media(max-width:1024px){.elementor-2424 .elementor-element.elementor-element-88a1aa8 .elementor-heading-title{font-size:30px;line-height:2.3rem;}.elementor-2424 .elementor-element.elementor-element-f17af93 .elementor-heading-title{font-size:30px;line-height:2.3rem;}.elementor-2424 .elementor-element.elementor-element-aac100f .elementor-button{font-size:16px;padding:15px 15px 15px 15px;}.elementor-2424 .elementor-element.elementor-element-878afeb .elementor-heading-title{font-size:30px;line-height:2.3rem;}.elementor-2424 .elementor-element.elementor-element-77afb18 .elementor-heading-title{font-size:30px;line-height:2.3rem;}.elementor-2424 .elementor-element.elementor-element-1c3fc5f .elementor-button{font-size:16px;padding:15px 15px 15px 15px;}.elementor-2424 .elementor-element.elementor-element-e03b25f .elementor-heading-title{font-size:30px;line-height:2.3rem;}.elementor-2424 .elementor-element.elementor-element-3b08baf .elementor-heading-title{font-size:30px;line-height:2.3rem;}.elementor-2424 .elementor-element.elementor-element-c546795 .elementor-button{font-size:16px;padding:15px 15px 15px 15px;}.elementor-2424 .elementor-element.elementor-element-ef2129e .elementor-heading-title{font-size:30px;line-height:2.3rem;}.elementor-2424 .elementor-element.elementor-element-6bfa514 .elementor-heading-title{font-size:30px;line-height:2.3rem;}.elementor-2424 .elementor-element.elementor-element-3da74c1 .elementor-button{font-size:16px;padding:15px 15px 15px 15px;}}@media(max-width:968px){.elementor-2424 .elementor-element.elementor-element-88a1aa8 .elementor-heading-title{font-size:22px;line-height:2rem;}.elementor-2424 .elementor-element.elementor-element-f17af93 .elementor-heading-title{font-size:22px;line-height:2rem;}.elementor-2424 .elementor-element.elementor-element-878afeb .elementor-heading-title{font-size:22px;line-height:2rem;}.elementor-2424 .elementor-element.elementor-element-77afb18 .elementor-heading-title{font-size:22px;line-height:2rem;}.elementor-2424 .elementor-element.elementor-element-e03b25f .elementor-heading-title{font-size:22px;line-height:2rem;}.elementor-2424 .elementor-element.elementor-element-3b08baf .elementor-heading-title{font-size:22px;line-height:2rem;}.elementor-2424 .elementor-element.elementor-element-ef2129e .elementor-heading-title{font-size:22px;line-height:2rem;}.elementor-2424 .elementor-element.elementor-element-6bfa514 .elementor-heading-title{font-size:22px;line-height:2rem;}}/* Start custom CSS for container, class: .elementor-element-e8f4172 */.s-container {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* visible */
.s-visible {
    width: 100%;
    text-align: center;

    opacity: 1;
    transform: none !important;

    /* ตอนเอา hover ออก → ค่อย ๆ Fade กลับ */
    transition: opacity 0.5s ease 0.25s;
}

/* reveal */
.s-reveal {
    width: 100%;
    text-align: center;

    max-height: 0;
    opacity: 0;
    overflow: hidden;

    transition:
        max-height 0.6s cubic-bezier(0.4, 0, 0.2, 1),
        opacity 0.35s ease;
}

/* ตอน Hover → visible Fade หายทันที */
.s-container:hover .s-visible {
    opacity: 0;
    transform: none !important;
    transition: opacity 0.4s ease;
}

/* ตอน Hover → reveal ค่อย ๆ แสดง */
.s-container:hover .s-reveal {
    max-height: 170px;
    opacity: 1;

    transition:
        max-height 0.65s cubic-bezier(0.4, 0, 0.2, 1) 0.08s,
        opacity 0.45s ease 0.1s;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5b6849d */.s-container {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* visible */
.s-visible {
    width: 100%;
    text-align: center;

    opacity: 1;
    transform: none !important;

    /* ตอนเอา hover ออก → ค่อย ๆ Fade กลับ */
    transition: opacity 0.5s ease 0.25s;
}

/* reveal */
.s-reveal {
    width: 100%;
    text-align: center;

    max-height: 0;
    opacity: 0;
    overflow: hidden;

    transition:
        max-height 0.6s cubic-bezier(0.4, 0, 0.2, 1),
        opacity 0.35s ease;
}

/* ตอน Hover → visible Fade หายทันที */
.s-container:hover .s-visible {
    opacity: 0;
    transform: none !important;
    transition: opacity 0.4s ease;
}

/* ตอน Hover → reveal ค่อย ๆ แสดง */
.s-container:hover .s-reveal {
    max-height: 170px;
    opacity: 1;

    transition:
        max-height 0.65s cubic-bezier(0.4, 0, 0.2, 1) 0.08s,
        opacity 0.45s ease 0.1s;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5b1b580 */.s-container {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* visible */
.s-visible {
    width: 100%;
    text-align: center;

    opacity: 1;
    transform: none !important;

    /* ตอนเอา hover ออก → ค่อย ๆ Fade กลับ */
    transition: opacity 0.5s ease 0.25s;
}

/* reveal */
.s-reveal {
    width: 100%;
    text-align: center;

    max-height: 0;
    opacity: 0;
    overflow: hidden;

    transition:
        max-height 0.6s cubic-bezier(0.4, 0, 0.2, 1),
        opacity 0.35s ease;
}

/* ตอน Hover → visible Fade หายทันที */
.s-container:hover .s-visible {
    opacity: 0;
    transform: none !important;
    transition: opacity 0.4s ease;
}

/* ตอน Hover → reveal ค่อย ๆ แสดง */
.s-container:hover .s-reveal {
    max-height: 170px;
    opacity: 1;

    transition:
        max-height 0.65s cubic-bezier(0.4, 0, 0.2, 1) 0.08s,
        opacity 0.45s ease 0.1s;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0960414 */.s-container {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* visible */
.s-visible {
    width: 100%;
    text-align: center;

    opacity: 1;
    transform: none !important;

    /* ตอนเอา hover ออก → ค่อย ๆ Fade กลับ */
    transition: opacity 0.5s ease 0.25s;
}

/* reveal */
.s-reveal {
    width: 100%;
    text-align: center;

    max-height: 0;
    opacity: 0;
    overflow: hidden;

    transition:
        max-height 0.6s cubic-bezier(0.4, 0, 0.2, 1),
        opacity 0.35s ease;
}

/* ตอน Hover → visible Fade หายทันที */
.s-container:hover .s-visible {
    opacity: 0;
    transform: none !important;
    transition: opacity 0.4s ease;
}

/* ตอน Hover → reveal ค่อย ๆ แสดง */
.s-container:hover .s-reveal {
    max-height: 170px;
    opacity: 1;

    transition:
        max-height 0.65s cubic-bezier(0.4, 0, 0.2, 1) 0.08s,
        opacity 0.45s ease 0.1s;
}/* End custom CSS */