.elementor-2201 .elementor-element.elementor-element-588a9d8{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.65;--margin-top:-110px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:200px;--padding-bottom:90px;--padding-left:20px;--padding-right:20px;}.elementor-2201 .elementor-element.elementor-element-588a9d8:not(.elementor-motion-effects-element-type-background), .elementor-2201 .elementor-element.elementor-element-588a9d8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://singto-thai.inthedemo.com/wp-content/uploads/2026/07/Medical-Thai-Massage.avif");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2201 .elementor-element.elementor-element-588a9d8::before, .elementor-2201 .elementor-element.elementor-element-588a9d8 > .elementor-background-video-container::before, .elementor-2201 .elementor-element.elementor-element-588a9d8 > .e-con-inner > .elementor-background-video-container::before, .elementor-2201 .elementor-element.elementor-element-588a9d8 > .elementor-background-slideshow::before, .elementor-2201 .elementor-element.elementor-element-588a9d8 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2201 .elementor-element.elementor-element-588a9d8 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:radial-gradient(at center center, #000000CC 0%, #003A1D 100%);}.elementor-2201 .elementor-element.elementor-element-82d9778{--display:flex;--justify-content:center;--align-items:center;--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:0px;--padding-left:0px;--padding-right:0px;}.elementor-2201 .elementor-element.elementor-element-9b34e1c{text-align:center;}.elementor-2201 .elementor-element.elementor-element-929b563{text-align:center;color:#FFFFFF;}.elementor-2201 .elementor-element.elementor-element-24126d5{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:70px;--padding-bottom:70px;--padding-left:20px;--padding-right:20px;}body.elementor-page-2201:not(.elementor-motion-effects-element-type-background), body.elementor-page-2201 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFCF8;}@media(max-width:1024px){.elementor-2201 .elementor-element.elementor-element-588a9d8{--padding-top:180px;--padding-bottom:70px;--padding-left:20px;--padding-right:20px;}.elementor-2201 .elementor-element.elementor-element-24126d5{--padding-top:70px;--padding-bottom:70px;--padding-left:20px;--padding-right:20px;}}@media(max-width:767px){.elementor-2201 .elementor-element.elementor-element-588a9d8{--padding-top:160px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-2201 .elementor-element.elementor-element-24126d5{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}}@media(min-width:768px){.elementor-2201 .elementor-element.elementor-element-82d9778{--width:570px;}}@media(max-width:1024px) and (min-width:768px){.elementor-2201 .elementor-element.elementor-element-82d9778{--width:68%;}}@media(min-width:1025px){.elementor-2201 .elementor-element.elementor-element-588a9d8:not(.elementor-motion-effects-element-type-background), .elementor-2201 .elementor-element.elementor-element-588a9d8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}/* Start custom CSS for container, class: .elementor-element-24126d5 */.service-wrap{
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}

.service-wrap::after{
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to top,
        rgba(0,0,0,1) 0%,
        rgba(0,0,0,0) 100%
    );
    transition: all 0.5s ease;
    pointer-events: none;
    z-index: 1;
}

.service-show{
    opacity: 1;
    transform: translateY(0);
    transition: all 0.4s ease;
}

.service-hide{
    opacity: 0;
    transform: translateY(12px);
    transition: all 0.4s ease;
}

.service-hide-2{
    opacity: 0;
    transform: translateY(-12px);
    transition: all 0.4s ease;
}

.service-wrap:hover .service-show{
    opacity: 0;
    transform: translateY(-10px);
}

.service-wrap:hover .service-hide,
.service-wrap:hover .service-hide-2{
    opacity: 1;
    transform: translateY(0);
}

.service-wrap img{
    opacity: 1;
    transition: transform 0.8s ease, opacity 0.6s ease;
    will-change: transform;
}

.service-wrap:hover img{
    transform: scale(1.1);
    opacity: 0.8;
}

.service-wrap .elementor-button-icon svg{
    width: 18px !important;
}

.my-carousel .swiper{
    overflow: unset !important;
}/* End custom CSS */