.elementor-1209 .elementor-element.elementor-element-0451177{--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;--justify-content:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-1209 .elementor-element.elementor-element-0451177:not(.elementor-motion-effects-element-type-background), .elementor-1209 .elementor-element.elementor-element-0451177 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://boonrot.co.th/wp-content/uploads/2025/06/Frame-46.png");background-position:center center;background-size:cover;}.elementor-1209 .elementor-element.elementor-element-ac9d95f{--display:flex;--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:60px;--padding-right:60px;}.elementor-1209 .elementor-element.elementor-element-ac9d95f.e-con{--align-self:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1209 .elementor-element.elementor-element-2315ab1 .elementor-heading-title{font-family:"DB Heavant", Sans-serif;font-size:45px;font-weight:400;line-height:1em;color:#1E1E1E;}.elementor-1209 .elementor-element.elementor-element-f55184f .elementor-heading-title{font-family:"DB Heavant", Sans-serif;font-size:25px;font-weight:400;line-height:1.7rem;color:#1E1E1E;}.elementor-1209 .elementor-element.elementor-element-494f8b3{--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;--overflow:hidden;--overlay-opacity:0.5;--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-1209 .elementor-element.elementor-element-494f8b3::before, .elementor-1209 .elementor-element.elementor-element-494f8b3 > .elementor-background-video-container::before, .elementor-1209 .elementor-element.elementor-element-494f8b3 > .e-con-inner > .elementor-background-video-container::before, .elementor-1209 .elementor-element.elementor-element-494f8b3 > .elementor-background-slideshow::before, .elementor-1209 .elementor-element.elementor-element-494f8b3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1209 .elementor-element.elementor-element-494f8b3 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #0000002B 0%, #0000002B 100%);}.elementor-1209 .elementor-element.elementor-element-374f671{--display:flex;--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-widget-testimonial-carousel .elementor-testimonial__text{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-testimonial-carousel .elementor-testimonial__name{color:var( --e-global-color-text );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-testimonial-carousel .elementor-testimonial__title{color:var( --e-global-color-primary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-1209 .elementor-element.elementor-element-c9392a8.elementor-arrows-yes .elementor-main-swiper{width:calc( 250px - 40px );}.elementor-1209 .elementor-element.elementor-element-c9392a8 .elementor-main-swiper{width:250px;}.elementor-1209 .elementor-element.elementor-element-c9392a8 .elementor-swiper-button{font-size:20px;}.elementor-1209 .elementor-element.elementor-element-c9392a8 .elementor-testimonial__title{color:#6EC1E400;}.elementor-1209 .elementor-element.elementor-element-1c03b8d{--display:flex;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-1209 .elementor-element.elementor-element-d2029c0{--display:flex;}.elementor-1209 .elementor-element.elementor-element-2108a9d .elementor-heading-title{font-family:"DB Heavant", Sans-serif;font-size:45px;font-weight:200;line-height:1em;color:#FFFFFF;}.elementor-1209 .elementor-element.elementor-element-9b4e00d .elementor-heading-title{font-family:"DB Heavant", Sans-serif;font-size:45px;font-weight:200;line-height:1em;color:#FFFFFF;}.elementor-1209 .elementor-element.elementor-element-88c6906 .elementor-heading-title{font-family:"DB Heavant", Sans-serif;font-size:45px;font-weight:200;line-height:1em;color:#FFFFFF;}.elementor-1209 .elementor-element.elementor-element-b357774{--display:flex;}.elementor-1209 .elementor-element.elementor-element-0308ae7 > .elementor-widget-container{margin:10px 0px 10px 0px;}.elementor-1209 .elementor-element.elementor-element-0308ae7 .elementor-heading-title{font-family:"DB Heavant", Sans-serif;font-size:35px;font-weight:200;color:#FFFFFF;}.elementor-1209 .elementor-element.elementor-element-7886a99 .elementor-heading-title{font-family:"DB Heavant", Sans-serif;font-size:35px;font-weight:200;color:#FFFFFF;}.elementor-1209 .elementor-element.elementor-element-d60e9d5 .elementor-heading-title{font-family:"DB Heavant", Sans-serif;font-size:35px;font-weight:200;color:#FFFFFF;}.elementor-1209 .elementor-element.elementor-element-30d4113{--display:flex;}.elementor-1209 .elementor-element.elementor-element-5a8f297 .elementor-heading-title{font-family:"DB Heavant", Sans-serif;font-size:25px;font-weight:200;color:#FFFFFF;}.elementor-1209 .elementor-element.elementor-element-87fda3c .elementor-heading-title{font-family:"DB Heavant", Sans-serif;font-size:25px;font-weight:200;line-height:1.7rem;color:#FFFFFF;}.elementor-1209 .elementor-element.elementor-element-faabb5d .elementor-heading-title{font-family:"DB Heavant", Sans-serif;font-size:25px;font-weight:200;line-height:1.7rem;color:#FFFFFF;}.elementor-1209 .elementor-element.elementor-element-50e5e05{--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;}.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-1209 .elementor-element.elementor-element-a899680 .elementor-button{background-color:#FFFFFF99;fill:#000000;color:#000000;border-radius:50px 50px 50px 50px;padding:12px 12px 12px 12px;}.elementor-1209 .elementor-element.elementor-element-38916b8 .elementor-button{background-color:#FFFFFF99;fill:#000000;color:#000000;border-radius:50px 50px 50px 50px;padding:12px 12px 12px 12px;}.elementor-1209 .elementor-element.elementor-element-66d56b4{--display:flex;--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;}.elementor-1209 .elementor-element.elementor-element-8779840{--spacer-size:60px;}.elementor-1209 .elementor-element.elementor-element-003c23e{--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;}.elementor-1209 .elementor-element.elementor-element-87c9f1e{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-1209 .elementor-element.elementor-element-10552f2 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1209 .elementor-element.elementor-element-10552f2 .elementor-heading-title{font-family:"DB Heavant", Sans-serif;font-size:50px;font-weight:200;color:#000000;}.elementor-1209 .elementor-element.elementor-element-5a2eaf9 .elementor-heading-title{font-family:"DB Heavant", Sans-serif;font-size:25px;font-weight:400;color:#000000;}.elementor-1209 .elementor-element.elementor-element-a33953d{--display:flex;--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-1209 .elementor-element.elementor-element-9877317{--display:flex;--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;}.elementor-widget-loop-grid .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-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-1209 .elementor-element.elementor-element-8d71d32{--grid-columns:3;}.elementor-1209 .elementor-element.elementor-element-ed3c866{--display:flex;--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;}.elementor-1209 .elementor-element.elementor-element-ddb0f09{--spacer-size:50px;}.elementor-1209 .elementor-element.elementor-element-a158f59{--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;--overlay-opacity:1;--overlay-mix-blend-mode:multiply;}.elementor-1209 .elementor-element.elementor-element-a158f59:not(.elementor-motion-effects-element-type-background), .elementor-1209 .elementor-element.elementor-element-a158f59 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://boonrot.co.th/wp-content/uploads/2025/06/Background-27.png");background-position:center center;background-size:cover;}.elementor-1209 .elementor-element.elementor-element-a158f59::before, .elementor-1209 .elementor-element.elementor-element-a158f59 > .elementor-background-video-container::before, .elementor-1209 .elementor-element.elementor-element-a158f59 > .e-con-inner > .elementor-background-video-container::before, .elementor-1209 .elementor-element.elementor-element-a158f59 > .elementor-background-slideshow::before, .elementor-1209 .elementor-element.elementor-element-a158f59 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1209 .elementor-element.elementor-element-a158f59 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #FFBF00 0%, #9B6B00 100%);}.elementor-1209 .elementor-element.elementor-element-1d7f291{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1209 .elementor-element.elementor-element-f0bf5c9 > .elementor-widget-container{margin:30px 0px 0px 0px;}.elementor-1209 .elementor-element.elementor-element-f0bf5c9 .elementor-heading-title{font-family:"DB Heavant", Sans-serif;font-size:45px;font-weight:400;color:#FFFFFF;}.elementor-1209 .elementor-element.elementor-element-73601b3 > .elementor-widget-container{margin:0px 0px 30px 0px;padding:0px 0px 0px 25px;}.elementor-1209 .elementor-element.elementor-element-73601b3 .elementor-heading-title{font-family:"DB Heavant", Sans-serif;font-size:45px;font-weight:400;color:#FFFFFF;}.elementor-1209 .elementor-element.elementor-element-cfd2969{--display:flex;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1209 .elementor-element.elementor-element-9bc0ba4{text-align:end;}.elementor-1209 .elementor-element.elementor-element-9bc0ba4 .elementor-heading-title{font-family:"DB Heavant", Sans-serif;font-size:27px;font-weight:300;color:#FFFFFF;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1209 .elementor-element.elementor-element-0ae796b{text-align:end;}@media(min-width:768px){.elementor-1209 .elementor-element.elementor-element-ac9d95f{--width:40%;}.elementor-1209 .elementor-element.elementor-element-494f8b3{--width:60%;}.elementor-1209 .elementor-element.elementor-element-374f671{--width:100%;}.elementor-1209 .elementor-element.elementor-element-1c03b8d{--width:100%;}.elementor-1209 .elementor-element.elementor-element-30d4113{--width:80%;}.elementor-1209 .elementor-element.elementor-element-87c9f1e{--width:50%;}.elementor-1209 .elementor-element.elementor-element-a33953d{--width:50%;}.elementor-1209 .elementor-element.elementor-element-1d7f291{--width:50%;}.elementor-1209 .elementor-element.elementor-element-cfd2969{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1209 .elementor-element.elementor-element-ac9d95f{--width:100%;}.elementor-1209 .elementor-element.elementor-element-494f8b3{--width:100%;}.elementor-1209 .elementor-element.elementor-element-1d7f291{--width:100%;}.elementor-1209 .elementor-element.elementor-element-cfd2969{--width:100%;}}@media(max-width:1024px){.elementor-1209 .elementor-element.elementor-element-0451177{--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;}.elementor-1209 .elementor-element.elementor-element-ac9d95f{--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;}.elementor-1209 .elementor-element.elementor-element-2315ab1 > .elementor-widget-container{margin:50px 0px 0px 0px;}.elementor-1209 .elementor-element.elementor-element-2315ab1{text-align:center;}.elementor-1209 .elementor-element.elementor-element-f55184f > .elementor-widget-container{margin:0px 0px 60px 0px;}.elementor-1209 .elementor-element.elementor-element-f55184f{text-align:center;}.elementor-1209 .elementor-element.elementor-element-8d71d32{--grid-columns:2;}.elementor-1209 .elementor-element.elementor-element-a158f59{--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;}}@media(max-width:767px){.elementor-1209 .elementor-element.elementor-element-ac9d95f{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1209 .elementor-element.elementor-element-1c03b8d{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-1209 .elementor-element.elementor-element-2108a9d{text-align:center;}.elementor-1209 .elementor-element.elementor-element-9b4e00d{text-align:center;}.elementor-1209 .elementor-element.elementor-element-88c6906{text-align:center;}.elementor-1209 .elementor-element.elementor-element-b357774{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1209 .elementor-element.elementor-element-0308ae7{text-align:center;}.elementor-1209 .elementor-element.elementor-element-5a8f297{text-align:center;}.elementor-1209 .elementor-element.elementor-element-87fda3c{text-align:center;}.elementor-1209 .elementor-element.elementor-element-faabb5d{text-align:center;}.elementor-1209 .elementor-element.elementor-element-50e5e05{--gap:30px 30px;--row-gap:30px;--column-gap:30px;--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1209 .elementor-element.elementor-element-8779840{--spacer-size:50px;}.elementor-1209 .elementor-element.elementor-element-10552f2{text-align:center;}.elementor-1209 .elementor-element.elementor-element-5a2eaf9 > .elementor-widget-container{margin:0px 0px 50px 0px;}.elementor-1209 .elementor-element.elementor-element-5a2eaf9{text-align:center;}.elementor-1209 .elementor-element.elementor-element-8d71d32{--grid-columns:1;}.elementor-1209 .elementor-element.elementor-element-f0bf5c9 .elementor-heading-title{font-size:30px;}.elementor-1209 .elementor-element.elementor-element-73601b3 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1209 .elementor-element.elementor-element-73601b3 .elementor-heading-title{font-size:30px;}}/* Start custom CSS for testimonial-carousel, class: .elementor-element-c9392a8 */.elementor-1209 .elementor-element.elementor-element-c9392a8{
    --radius: 8px;
    --height: 320px;
    --active-height: 410px;
    --overlay: 0.75;
}
.elementor-1209 .elementor-element.elementor-element-c9392a8{
    opacity: 0;
    transform: translateX(100px);
    transition: all 0.8s ease-in-out;
}
.elementor-1209 .elementor-element.elementor-element-c9392a8.loaded{
    opacity: 1;
    transform: translateX(0);
}

.elementor-1209 .elementor-element.elementor-element-c9392a8 .swiper-wrapper{
    height: var(--active-height);
    align-items: center;
}
.elementor-1209 .elementor-element.elementor-element-c9392a8:not(.loaded) .swiper-wrapper{
    transition-duration: 0s !important;
}
.elementor-1209 .elementor-element.elementor-element-c9392a8 .swiper-slide{
    display: flex;
    align-items: flex-end;
    border-radius: var(--radius);
    height: var(--height);
   
}
.elementor-1209 .elementor-element.elementor-element-c9392a8.loaded .swiper-slide{
    transition: all 0.3s ease-in-out 0.2s;
}
.elementor-1209 .elementor-element.elementor-element-c9392a8 .swiper-slide.swiper-slide-active{
    height: var(--active-height);
}
.elementor-1209 .elementor-element.elementor-element-c9392a8 .swiper-slide:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
  
    height: 100%;
    width: 100%;
    z-index: 1;
}
.elementor-1209 .elementor-element.elementor-element-c9392a8 .elementor-testimonial__footer{
    display: block;
}
.elementor-1209 .elementor-element.elementor-element-c9392a8 img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: var(--radius);
}
.elementor-1209 .elementor-element.elementor-element-c9392a8 .elementor-testimonial__cite{
    z-index: 2;
    position: relative;
}
.elementor-1209 .elementor-element.elementor-element-c9392a8 .elementor-testimonial__name{
    margin-bottom: 5px;
}
.elementor-1209 .elementor-element.elementor-element-c9392a8 .swiper-pagination,
.elementor-1209 .elementor-element.elementor-element-c9392a8 .elementor-swiper-button{
    display: none;
}
.elementor-1209 .elementor-element.elementor-element-c9392a8 .swiper-container{
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 1024px){
.elementor-1209 .elementor-element.elementor-element-c9392a8{
    --height: 340px;
    --active-height: 410px;
}
}
@media (max-width: 767px){
.elementor-1209 .elementor-element.elementor-element-c9392a8{
    --height: 320px;
    --active-height: 410px;
    width: 100% !important;
    max-width: var(--container-widget-width, 300px) !important;
}
.elementor-1209 .elementor-element.elementor-element-c9392a8 .elementor-testimonial__cite{
    opacity: 0;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d2029c0 */.elementor-1209 .elementor-element.elementor-element-d2029c0{
    --speed: 0.8s;
    --gap: 40px;
}
.elementor-1209 .elementor-element.elementor-element-d2029c0{
    transition: all 0.3s ease-in-out;
    height: var(--h);
    --height: calc(var(--h) + var(--gap));
    overflow: hidden !important;
}
.elementor-1209 .elementor-element.elementor-element-d2029c0 .elementor-widget{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.elementor-1209 .elementor-element.elementor-element-d2029c0 .elementor-widget > *{
    transform: translateY(calc(-10 * var(--height)));
    transition: none !important;
}
.elementor-1209 .elementor-element.elementor-element-d2029c0 .elementor-widget.prev > *{
    animation: prev var(--speed) ease-in-out;
    transform: translateY(calc(-1 * var(--height)));
}
.elementor-1209 .elementor-element.elementor-element-d2029c0 .elementor-widget.next > *{
    animation: next var(--speed) ease-in-out;
    transform: translateY(var(--height));
}
.elementor-1209 .elementor-element.elementor-element-d2029c0 .elementor-widget.currentUp,
.elementor-1209 .elementor-element.elementor-element-d2029c0 .elementor-widget.currentDown{
    z-index: 1;
}
.elementor-1209 .elementor-element.elementor-element-d2029c0 .elementor-widget.currentUp > *{
    animation: currentUp var(--speed) ease-in-out;
    transform: translateY(0);
}
.elementor-1209 .elementor-element.elementor-element-d2029c0 .elementor-widget.currentDown > *{
    animation: currentDown var(--speed) ease-in-out;
    transform: translateY(0);
}

@keyframes prev {
  0%   {transform: translateY(0);}
  100%   {transform: translateY(calc(-1 * var(--height)));}
}

@keyframes next {
  0%   {transform: translateY(0);}
  100%   {transform: translateY(var(--height));}
}

@keyframes currentUp {
  0%   {transform: translateY(var(--height));}
  100%   {transform: translateY(0);}
}

@keyframes currentDown {
  0%   {transform: translateY(calc(-1 * var(--height)));}
  100%   {transform: translateY(0);}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b357774 */.elementor-1209 .elementor-element.elementor-element-b357774{
    --speed: 0.8s;
    --gap: 40px;
}
.elementor-1209 .elementor-element.elementor-element-b357774{
    transition: all 0.3s ease-in-out;
    height: var(--h);
    --height: calc(var(--h) + var(--gap));
    overflow: hidden !important;
}
.elementor-1209 .elementor-element.elementor-element-b357774 .elementor-widget{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.elementor-1209 .elementor-element.elementor-element-b357774 .elementor-widget > *{
    transform: translateY(calc(-10 * var(--height)));
    transition: none !important;
}
.elementor-1209 .elementor-element.elementor-element-b357774 .elementor-widget.prev > *{
    animation: prev var(--speed) ease-in-out;
    transform: translateY(calc(-1 * var(--height)));
}
.elementor-1209 .elementor-element.elementor-element-b357774 .elementor-widget.next > *{
    animation: next var(--speed) ease-in-out;
    transform: translateY(var(--height));
}
.elementor-1209 .elementor-element.elementor-element-b357774 .elementor-widget.currentUp,
.elementor-1209 .elementor-element.elementor-element-b357774 .elementor-widget.currentDown{
    z-index: 1;
}
.elementor-1209 .elementor-element.elementor-element-b357774 .elementor-widget.currentUp > *{
    animation: currentUp var(--speed) ease-in-out;
    transform: translateY(0);
}
.elementor-1209 .elementor-element.elementor-element-b357774 .elementor-widget.currentDown > *{
    animation: currentDown var(--speed) ease-in-out;
    transform: translateY(0);
}

@keyframes prev {
  0%   {transform: translateY(0);}
  100%   {transform: translateY(calc(-1 * var(--height)));}
}

@keyframes next {
  0%   {transform: translateY(0);}
  100%   {transform: translateY(var(--height));}
}

@keyframes currentUp {
  0%   {transform: translateY(var(--height));}
  100%   {transform: translateY(0);}
}

@keyframes currentDown {
  0%   {transform: translateY(calc(-1 * var(--height)));}
  100%   {transform: translateY(0);}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-30d4113 */.elementor-1209 .elementor-element.elementor-element-30d4113{
    --speed: 0.8s;
    --gap: 40px;
}
.elementor-1209 .elementor-element.elementor-element-30d4113{
    transition: all 0.3s ease-in-out;
    height: var(--h);
    --height: calc(var(--h) + var(--gap));
    overflow: hidden !important;
}
.elementor-1209 .elementor-element.elementor-element-30d4113 .elementor-widget{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.elementor-1209 .elementor-element.elementor-element-30d4113 .elementor-widget > *{
    transform: translateY(calc(-10 * var(--height)));
    transition: none !important;
}
.elementor-1209 .elementor-element.elementor-element-30d4113 .elementor-widget.prev > *{
    animation: prev var(--speed) ease-in-out;
    transform: translateY(calc(-1 * var(--height)));
}
.elementor-1209 .elementor-element.elementor-element-30d4113 .elementor-widget.next > *{
    animation: next var(--speed) ease-in-out;
    transform: translateY(var(--height));
}
.elementor-1209 .elementor-element.elementor-element-30d4113 .elementor-widget.currentUp,
.elementor-1209 .elementor-element.elementor-element-30d4113 .elementor-widget.currentDown{
    z-index: 1;
}
.elementor-1209 .elementor-element.elementor-element-30d4113 .elementor-widget.currentUp > *{
    animation: currentUp var(--speed) ease-in-out;
    transform: translateY(0);
}
.elementor-1209 .elementor-element.elementor-element-30d4113 .elementor-widget.currentDown > *{
    animation: currentDown var(--speed) ease-in-out;
    transform: translateY(0);
}

@keyframes prev {
  0%   {transform: translateY(0);}
  100%   {transform: translateY(calc(-1 * var(--height)));}
}

@keyframes next {
  0%   {transform: translateY(0);}
  100%   {transform: translateY(var(--height));}
}

@keyframes currentUp {
  0%   {transform: translateY(var(--height));}
  100%   {transform: translateY(0);}
}

@keyframes currentDown {
  0%   {transform: translateY(calc(-1 * var(--height)));}
  100%   {transform: translateY(0);}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-494f8b3 */.elementor-1209 .elementor-element.elementor-element-494f8b3{
    background: #fff;
    --background-speed: 0.5s;
}
.elementor-1209 .elementor-element.elementor-element-494f8b3 .elementor-background-slideshow{
    display: none;
}
.elementor-1209 .elementor-element.elementor-element-494f8b3 .as-slider-background,
.elementor-1209 .elementor-element.elementor-element-494f8b3 .as-slider-background img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 1s ease-in-out;
}
.elementor-1209 .elementor-element.elementor-element-494f8b3 .as-slider-background img{
    object-fit: cover;
    opacity: 0;
    transform: scale(1.1);
}
.elementor-1209 .elementor-element.elementor-element-494f8b3 .as-slider-background img.prev,
.elementor-1209 .elementor-element.elementor-element-494f8b3 .as-slider-background img.currentBackward,
.elementor-1209 .elementor-element.elementor-element-494f8b3 .as-slider-background img.currentForward{
    opacity: 1;
    transform: scale(1.1);
}

.elementor-1209 .elementor-element.elementor-element-494f8b3 .as-slider-background img.currentBackward,
.elementor-1209 .elementor-element.elementor-element-494f8b3 .as-slider-background img.currentForward{
    z-index: 1;
    opacity: 1;
    animation: bgNext var(--background-speed) linear;
    transition: all 1s ease-in-out;
    transform: scale(1);
}

.elementor-1209 .elementor-element.elementor-element-494f8b3:before{
    z-index: 2;
}
.elementor-1209 .elementor-element.elementor-element-494f8b3 > .elementor-element{
    z-index: 3;
}

.elementor-1209 .elementor-element.elementor-element-494f8b3 .as-bar,
.elementor-1209 .elementor-element.elementor-element-494f8b3 .as-slider-left,
.elementor-1209 .elementor-element.elementor-element-494f8b3 .as-slider-right{
    opacity: 0;
    transition: all 0.8s ease-in-out;
}
.elementor-1209 .elementor-element.elementor-element-494f8b3.loaded .as-bar,
.elementor-1209 .elementor-element.elementor-element-494f8b3.loaded .as-slider-left,
.elementor-1209 .elementor-element.elementor-element-494f8b3.loaded .as-slider-right{
    opacity: 1;
}

@keyframes bgNext {
  0%   {opacity: 0; transform: scale(1.1);}
  100%   {opacity: 1; transform: scale(1);}
}

@media (min-width: 768px){
.elementor-1209 .elementor-element.elementor-element-494f8b3 .as-bar,
.elementor-1209 .elementor-element.elementor-element-494f8b3 .as-slider-left,
.elementor-1209 .elementor-element.elementor-element-494f8b3 .as-slider-right{
    position: relative;
}
}

@media (max-width: 1380px) and (min-width: 768px){
.elementor-1209 .elementor-element.elementor-element-494f8b3{
    padding-left: 4%;
    padding-right: 4%;
}
}

@media (max-width: 767px){
.elementor-1209 .elementor-element.elementor-element-494f8b3 .as-slider-left{
    left: calc(50% - 300px/2) !important;
}
.elementor-1209 .elementor-element.elementor-element-494f8b3 .as-slider-right{
    right: calc(50% - 300px/2) !important;
}
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'DB Heavant';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://boonrot.co.th/wp-content/uploads/2025/06/DB-Heavent-v3.2.1.ttf') format('truetype');
}
@font-face {
	font-family: 'DB Heavant';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: ;
}
/* End Custom Fonts CSS */