.elementor-389 .elementor-element.elementor-element-6ea61666{--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-389 .elementor-element.elementor-element-6ea61666:not(.elementor-motion-effects-element-type-background), .elementor-389 .elementor-element.elementor-element-6ea61666 > .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-389 .elementor-element.elementor-element-37c2a3ae{--display:flex;--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;--align-items:flex-end;--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-389 .elementor-element.elementor-element-37c2a3ae.e-con{--align-self:center;}.elementor-389 .elementor-element.elementor-element-86e3bf1{--display:flex;}.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-389 .elementor-element.elementor-element-47b1e4e8 .elementor-heading-title{font-family:"DB Heavant", Sans-serif;font-size:45px;font-weight:400;line-height:1em;color:#1E1E1E;}.elementor-389 .elementor-element.elementor-element-418555b5 .elementor-heading-title{font-family:"DB Heavant", Sans-serif;font-size:25px;font-weight:400;line-height:1.7rem;color:#1E1E1E;}.elementor-389 .elementor-element.elementor-element-4046b7a{--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-389 .elementor-element.elementor-element-4046b7a::before, .elementor-389 .elementor-element.elementor-element-4046b7a > .elementor-background-video-container::before, .elementor-389 .elementor-element.elementor-element-4046b7a > .e-con-inner > .elementor-background-video-container::before, .elementor-389 .elementor-element.elementor-element-4046b7a > .elementor-background-slideshow::before, .elementor-389 .elementor-element.elementor-element-4046b7a > .e-con-inner > .elementor-background-slideshow::before, .elementor-389 .elementor-element.elementor-element-4046b7a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #0000002B 0%, #0000002B 100%);}.elementor-389 .elementor-element.elementor-element-21a30f8{--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-389 .elementor-element.elementor-element-99e53b7.elementor-arrows-yes .elementor-main-swiper{width:calc( 300px - 40px );}.elementor-389 .elementor-element.elementor-element-99e53b7 .elementor-main-swiper{width:300px;}.elementor-389 .elementor-element.elementor-element-99e53b7 .elementor-swiper-button{font-size:20px;}.elementor-389 .elementor-element.elementor-element-99e53b7 .elementor-testimonial__title{color:#6EC1E400;}.elementor-389 .elementor-element.elementor-element-c303354{--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-389 .elementor-element.elementor-element-b65368e{--display:flex;}.elementor-389 .elementor-element.elementor-element-c19decf .elementor-heading-title{font-family:"DB Heavant", Sans-serif;font-size:45px;font-weight:200;line-height:1em;color:#FFFFFF;}.elementor-389 .elementor-element.elementor-element-d203efc .elementor-heading-title{font-family:"DB Heavant", Sans-serif;font-size:45px;font-weight:200;line-height:1em;color:#FFFFFF;}.elementor-389 .elementor-element.elementor-element-9442b3a .elementor-heading-title{font-family:"DB Heavant", Sans-serif;font-size:45px;font-weight:200;line-height:1em;color:#FFFFFF;}.elementor-389 .elementor-element.elementor-element-886f9e4{--display:flex;}.elementor-389 .elementor-element.elementor-element-ce007af > .elementor-widget-container{margin:10px 0px 10px 0px;}.elementor-389 .elementor-element.elementor-element-ce007af .elementor-heading-title{font-family:"DB Heavant", Sans-serif;font-size:35px;font-weight:200;color:#FFFFFF;}.elementor-389 .elementor-element.elementor-element-0096ddc .elementor-heading-title{font-family:"DB Heavant", Sans-serif;font-size:35px;font-weight:200;color:#FFFFFF;}.elementor-389 .elementor-element.elementor-element-c60b3f6 .elementor-heading-title{font-family:"DB Heavant", Sans-serif;font-size:35px;font-weight:200;color:#FFFFFF;}.elementor-389 .elementor-element.elementor-element-47228a4{--display:flex;}.elementor-389 .elementor-element.elementor-element-c9c3885 .elementor-heading-title{font-family:"DB Heavant", Sans-serif;font-size:25px;font-weight:200;color:#FFFFFF;}.elementor-389 .elementor-element.elementor-element-c21a149 .elementor-heading-title{font-family:"DB Heavant", Sans-serif;font-size:25px;font-weight:200;line-height:1.7rem;color:#FFFFFF;}.elementor-389 .elementor-element.elementor-element-fec88fe .elementor-heading-title{font-family:"DB Heavant", Sans-serif;font-size:25px;font-weight:200;line-height:1.7rem;color:#FFFFFF;}.elementor-389 .elementor-element.elementor-element-4b3d612{--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-389 .elementor-element.elementor-element-f4734c4 .elementor-button{background-color:#F4FFF6;fill:#050505;color:#050505;border-radius:50px 50px 50px 50px;padding:12px 12px 12px 12px;}.elementor-389 .elementor-element.elementor-element-6c8026b .elementor-button{background-color:#F4FFF6;fill:#000000;color:#000000;border-radius:50px 50px 50px 50px;padding:12px 12px 12px 12px;}.elementor-389 .elementor-element.elementor-element-3501dc1a{--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-389 .elementor-element.elementor-element-3d4cdd35{--spacer-size:60px;}.elementor-389 .elementor-element.elementor-element-6e5e8b0e{--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-389 .elementor-element.elementor-element-31580a5c{--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-389 .elementor-element.elementor-element-2fb75c0f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-389 .elementor-element.elementor-element-2fb75c0f .elementor-heading-title{font-family:"DB Heavant", Sans-serif;font-size:50px;font-weight:600;color:#000000;}.elementor-389 .elementor-element.elementor-element-566872b7 .elementor-heading-title{font-family:"DB Heavant", Sans-serif;font-size:25px;font-weight:400;color:#000000;}.elementor-389 .elementor-element.elementor-element-1a4655fe{--display:flex;--justify-content:center;--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-389 .elementor-element.elementor-element-8ffa46b{--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-389 .elementor-element.elementor-element-65e67e3{--grid-columns:3;}.elementor-389 .elementor-element.elementor-element-3f314c4d{--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-389 .elementor-element.elementor-element-3b5863f4{--spacer-size:80px;}.elementor-389 .elementor-element.elementor-element-f9f8aff{--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-389 .elementor-element.elementor-element-f9f8aff:not(.elementor-motion-effects-element-type-background), .elementor-389 .elementor-element.elementor-element-f9f8aff > .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-389 .elementor-element.elementor-element-f9f8aff::before, .elementor-389 .elementor-element.elementor-element-f9f8aff > .elementor-background-video-container::before, .elementor-389 .elementor-element.elementor-element-f9f8aff > .e-con-inner > .elementor-background-video-container::before, .elementor-389 .elementor-element.elementor-element-f9f8aff > .elementor-background-slideshow::before, .elementor-389 .elementor-element.elementor-element-f9f8aff > .e-con-inner > .elementor-background-slideshow::before, .elementor-389 .elementor-element.elementor-element-f9f8aff > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #FFBF00 0%, #9B6B00 100%);}.elementor-389 .elementor-element.elementor-element-65185f8{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-389 .elementor-element.elementor-element-c571a8b > .elementor-widget-container{margin:30px 0px 0px 0px;}.elementor-389 .elementor-element.elementor-element-c571a8b .elementor-heading-title{font-family:"DB Heavant", Sans-serif;font-size:45px;font-weight:400;color:#FFFFFF;}.elementor-389 .elementor-element.elementor-element-c96caed > .elementor-widget-container{margin:0px 0px 30px 0px;padding:0px 0px 0px 25px;}.elementor-389 .elementor-element.elementor-element-c96caed .elementor-heading-title{font-family:"DB Heavant", Sans-serif;font-size:45px;font-weight:400;color:#FFFFFF;}.elementor-389 .elementor-element.elementor-element-d4dd9db{--display:flex;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-389 .elementor-element.elementor-element-c44cb9b{text-align:end;}.elementor-389 .elementor-element.elementor-element-c44cb9b .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-389 .elementor-element.elementor-element-2160fc6{text-align:end;}@media(min-width:768px){.elementor-389 .elementor-element.elementor-element-37c2a3ae{--width:40%;}.elementor-389 .elementor-element.elementor-element-4046b7a{--width:60%;}.elementor-389 .elementor-element.elementor-element-21a30f8{--width:100%;}.elementor-389 .elementor-element.elementor-element-c303354{--width:100%;}.elementor-389 .elementor-element.elementor-element-47228a4{--width:80%;}.elementor-389 .elementor-element.elementor-element-31580a5c{--width:50%;}.elementor-389 .elementor-element.elementor-element-1a4655fe{--width:50%;}.elementor-389 .elementor-element.elementor-element-65185f8{--width:70%;}.elementor-389 .elementor-element.elementor-element-d4dd9db{--width:30%;}}@media(max-width:1024px) and (min-width:768px){.elementor-389 .elementor-element.elementor-element-37c2a3ae{--width:100%;}.elementor-389 .elementor-element.elementor-element-4046b7a{--width:100%;}.elementor-389 .elementor-element.elementor-element-65185f8{--width:100%;}.elementor-389 .elementor-element.elementor-element-d4dd9db{--width:100%;}}@media(max-width:1024px){.elementor-389 .elementor-element.elementor-element-6ea61666{--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-389 .elementor-element.elementor-element-37c2a3ae{--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-389 .elementor-element.elementor-element-47b1e4e8 > .elementor-widget-container{margin:50px 0px 0px 0px;}.elementor-389 .elementor-element.elementor-element-47b1e4e8{text-align:center;}.elementor-389 .elementor-element.elementor-element-418555b5 > .elementor-widget-container{margin:0px 0px 60px 0px;}.elementor-389 .elementor-element.elementor-element-418555b5{text-align:center;}.elementor-389 .elementor-element.elementor-element-65e67e3{--grid-columns:2;}.elementor-389 .elementor-element.elementor-element-f9f8aff{--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-389 .elementor-element.elementor-element-c303354{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-389 .elementor-element.elementor-element-c19decf{text-align:center;}.elementor-389 .elementor-element.elementor-element-d203efc{text-align:center;}.elementor-389 .elementor-element.elementor-element-9442b3a{text-align:center;}.elementor-389 .elementor-element.elementor-element-886f9e4{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-389 .elementor-element.elementor-element-ce007af{text-align:center;}.elementor-389 .elementor-element.elementor-element-c9c3885{text-align:center;}.elementor-389 .elementor-element.elementor-element-c21a149{text-align:center;}.elementor-389 .elementor-element.elementor-element-fec88fe{text-align:center;}.elementor-389 .elementor-element.elementor-element-4b3d612{--gap:30px 30px;--row-gap:30px;--column-gap:30px;--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-389 .elementor-element.elementor-element-3d4cdd35{--spacer-size:50px;}.elementor-389 .elementor-element.elementor-element-2fb75c0f{text-align:center;}.elementor-389 .elementor-element.elementor-element-566872b7 > .elementor-widget-container{margin:0px 0px 50px 0px;}.elementor-389 .elementor-element.elementor-element-566872b7{text-align:center;}.elementor-389 .elementor-element.elementor-element-65e67e3{--grid-columns:1;}.elementor-389 .elementor-element.elementor-element-3b5863f4{--spacer-size:50px;}.elementor-389 .elementor-element.elementor-element-c571a8b .elementor-heading-title{font-size:30px;}.elementor-389 .elementor-element.elementor-element-c96caed > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-389 .elementor-element.elementor-element-c96caed .elementor-heading-title{font-size:30px;}}/* Start custom CSS for testimonial-carousel, class: .elementor-element-99e53b7 */.elementor-389 .elementor-element.elementor-element-99e53b7{
    --radius: 8px;
    --height: 500px;
    --active-height: 500px;
    --overlay: 0.75;
}
.elementor-389 .elementor-element.elementor-element-99e53b7{
    opacity: 0;
    transform: translateX(100px);
    transition: all 0.8s ease-in-out;
}
.elementor-389 .elementor-element.elementor-element-99e53b7.loaded{
    opacity: 1;
    transform: translateX(0);
}

.elementor-389 .elementor-element.elementor-element-99e53b7 .swiper-wrapper{
    height: var(--active-height);
    align-items: center;
}
.elementor-389 .elementor-element.elementor-element-99e53b7:not(.loaded) .swiper-wrapper{
    transition-duration: 0s !important;
}
.elementor-389 .elementor-element.elementor-element-99e53b7 .swiper-slide{
    display: flex;
    align-items: flex-end;
    border-radius: var(--radius);
    height: var(--height);
   
}
.elementor-389 .elementor-element.elementor-element-99e53b7.loaded .swiper-slide{
    transition: all 0.3s ease-in-out 0.2s;
}
.elementor-389 .elementor-element.elementor-element-99e53b7 .swiper-slide.swiper-slide-active{
    height: var(--active-height);
}
.elementor-389 .elementor-element.elementor-element-99e53b7 .swiper-slide:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
  
    height: 100%;
    width: 100%;
    z-index: 1;
}
.elementor-389 .elementor-element.elementor-element-99e53b7 .elementor-testimonial__footer{
    display: block;
}
.elementor-389 .elementor-element.elementor-element-99e53b7 img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: var(--radius);
}
.elementor-389 .elementor-element.elementor-element-99e53b7 .elementor-testimonial__cite{
    z-index: 2;
    position: relative;
}
.elementor-389 .elementor-element.elementor-element-99e53b7 .elementor-testimonial__name{
    margin-bottom: 5px;
}
.elementor-389 .elementor-element.elementor-element-99e53b7 .swiper-pagination,
.elementor-389 .elementor-element.elementor-element-99e53b7 .elementor-swiper-button{
    display: none;
}
.elementor-389 .elementor-element.elementor-element-99e53b7 .swiper-container{
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 1024px){
.elementor-389 .elementor-element.elementor-element-99e53b7{
    --height: 340px;
    --active-height: 410px;
}
}
@media (max-width: 767px){
.elementor-389 .elementor-element.elementor-element-99e53b7{
    --height: 320px;
    --active-height: 410px;
    width: 100% !important;
    max-width: var(--container-widget-width, 300px) !important;
}
.elementor-389 .elementor-element.elementor-element-99e53b7 .elementor-testimonial__cite{
    opacity: 0;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b65368e */.elementor-389 .elementor-element.elementor-element-b65368e{
    --speed: 0.8s;
    --gap: 40px;
}
.elementor-389 .elementor-element.elementor-element-b65368e{
    transition: all 0.3s ease-in-out;
    height: var(--h);
    --height: calc(var(--h) + var(--gap));
    overflow: hidden !important;
}
.elementor-389 .elementor-element.elementor-element-b65368e .elementor-widget{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.elementor-389 .elementor-element.elementor-element-b65368e .elementor-widget > *{
    transform: translateY(calc(-10 * var(--height)));
    transition: none !important;
}
.elementor-389 .elementor-element.elementor-element-b65368e .elementor-widget.prev > *{
    animation: prev var(--speed) ease-in-out;
    transform: translateY(calc(-1 * var(--height)));
}
.elementor-389 .elementor-element.elementor-element-b65368e .elementor-widget.next > *{
    animation: next var(--speed) ease-in-out;
    transform: translateY(var(--height));
}
.elementor-389 .elementor-element.elementor-element-b65368e .elementor-widget.currentUp,
.elementor-389 .elementor-element.elementor-element-b65368e .elementor-widget.currentDown{
    z-index: 1;
}
.elementor-389 .elementor-element.elementor-element-b65368e .elementor-widget.currentUp > *{
    animation: currentUp var(--speed) ease-in-out;
    transform: translateY(0);
}
.elementor-389 .elementor-element.elementor-element-b65368e .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-886f9e4 */.elementor-389 .elementor-element.elementor-element-886f9e4{
    --speed: 0.8s;
    --gap: 40px;
}
.elementor-389 .elementor-element.elementor-element-886f9e4{
    transition: all 0.3s ease-in-out;
    height: var(--h);
    --height: calc(var(--h) + var(--gap));
    overflow: hidden !important;
}
.elementor-389 .elementor-element.elementor-element-886f9e4 .elementor-widget{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.elementor-389 .elementor-element.elementor-element-886f9e4 .elementor-widget > *{
    transform: translateY(calc(-10 * var(--height)));
    transition: none !important;
}
.elementor-389 .elementor-element.elementor-element-886f9e4 .elementor-widget.prev > *{
    animation: prev var(--speed) ease-in-out;
    transform: translateY(calc(-1 * var(--height)));
}
.elementor-389 .elementor-element.elementor-element-886f9e4 .elementor-widget.next > *{
    animation: next var(--speed) ease-in-out;
    transform: translateY(var(--height));
}
.elementor-389 .elementor-element.elementor-element-886f9e4 .elementor-widget.currentUp,
.elementor-389 .elementor-element.elementor-element-886f9e4 .elementor-widget.currentDown{
    z-index: 1;
}
.elementor-389 .elementor-element.elementor-element-886f9e4 .elementor-widget.currentUp > *{
    animation: currentUp var(--speed) ease-in-out;
    transform: translateY(0);
}
.elementor-389 .elementor-element.elementor-element-886f9e4 .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-47228a4 */.elementor-389 .elementor-element.elementor-element-47228a4{
    --speed: 0.8s;
    --gap: 40px;
}
.elementor-389 .elementor-element.elementor-element-47228a4{
    transition: all 0.3s ease-in-out;
    height: var(--h);
    --height: calc(var(--h) + var(--gap));
    overflow: hidden !important;
}
.elementor-389 .elementor-element.elementor-element-47228a4 .elementor-widget{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.elementor-389 .elementor-element.elementor-element-47228a4 .elementor-widget > *{
    transform: translateY(calc(-10 * var(--height)));
    transition: none !important;
}
.elementor-389 .elementor-element.elementor-element-47228a4 .elementor-widget.prev > *{
    animation: prev var(--speed) ease-in-out;
    transform: translateY(calc(-1 * var(--height)));
}
.elementor-389 .elementor-element.elementor-element-47228a4 .elementor-widget.next > *{
    animation: next var(--speed) ease-in-out;
    transform: translateY(var(--height));
}
.elementor-389 .elementor-element.elementor-element-47228a4 .elementor-widget.currentUp,
.elementor-389 .elementor-element.elementor-element-47228a4 .elementor-widget.currentDown{
    z-index: 1;
}
.elementor-389 .elementor-element.elementor-element-47228a4 .elementor-widget.currentUp > *{
    animation: currentUp var(--speed) ease-in-out;
    transform: translateY(0);
}
.elementor-389 .elementor-element.elementor-element-47228a4 .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-4046b7a */.elementor-389 .elementor-element.elementor-element-4046b7a{
    background: #fff;
    --background-speed: 0.5s;
}
.elementor-389 .elementor-element.elementor-element-4046b7a .elementor-background-slideshow{
    display: none;
}
.elementor-389 .elementor-element.elementor-element-4046b7a .as-slider-background,
.elementor-389 .elementor-element.elementor-element-4046b7a .as-slider-background img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 1s ease-in-out;
}
.elementor-389 .elementor-element.elementor-element-4046b7a .as-slider-background img{
    object-fit: cover;
    opacity: 0;
    transform: scale(1.1);
}
.elementor-389 .elementor-element.elementor-element-4046b7a .as-slider-background img.prev,
.elementor-389 .elementor-element.elementor-element-4046b7a .as-slider-background img.currentBackward,
.elementor-389 .elementor-element.elementor-element-4046b7a .as-slider-background img.currentForward{
    opacity: 1;
    transform: scale(1.1);
}

.elementor-389 .elementor-element.elementor-element-4046b7a .as-slider-background img.currentBackward,
.elementor-389 .elementor-element.elementor-element-4046b7a .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-389 .elementor-element.elementor-element-4046b7a:before{
    z-index: 2;
}
.elementor-389 .elementor-element.elementor-element-4046b7a > .elementor-element{
    z-index: 3;
}

.elementor-389 .elementor-element.elementor-element-4046b7a .as-bar,
.elementor-389 .elementor-element.elementor-element-4046b7a .as-slider-left,
.elementor-389 .elementor-element.elementor-element-4046b7a .as-slider-right{
    opacity: 0;
    transition: all 0.8s ease-in-out;
}
.elementor-389 .elementor-element.elementor-element-4046b7a.loaded .as-bar,
.elementor-389 .elementor-element.elementor-element-4046b7a.loaded .as-slider-left,
.elementor-389 .elementor-element.elementor-element-4046b7a.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-389 .elementor-element.elementor-element-4046b7a .as-bar,
.elementor-389 .elementor-element.elementor-element-4046b7a .as-slider-left,
.elementor-389 .elementor-element.elementor-element-4046b7a .as-slider-right{
    position: relative;
}
}

@media (max-width: 1380px) and (min-width: 768px){
.elementor-389 .elementor-element.elementor-element-4046b7a{
    padding-left: 0px;
    padding-right: 0px;
}
}

@media (max-width: 767px){
.elementor-389 .elementor-element.elementor-element-4046b7a .as-slider-left{
    left: calc(50% - 300px/2) !important;
}
.elementor-389 .elementor-element.elementor-element-4046b7a .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 */