.elementor-2457 .elementor-element.elementor-element-53b14ea0{--display:flex;--position:fixed;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--flex-wrap:nowrap;--border-radius:15px 15px 15px 15px;box-shadow:0px 0px 30px 0px rgba(0, 0, 0, 0.2);--padding-top:0px;--padding-bottom:12px;--padding-left:25px;--padding-right:25px;bottom:30px;--z-index:100;overflow:visible;}.elementor-2457 .elementor-element.elementor-element-53b14ea0:not(.elementor-motion-effects-element-type-background), .elementor-2457 .elementor-element.elementor-element-53b14ea0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-be8ffd6 );}body:not(.rtl) .elementor-2457 .elementor-element.elementor-element-53b14ea0{left:50%;}body.rtl .elementor-2457 .elementor-element.elementor-element-53b14ea0{right:50%;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-description{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-2457 .elementor-element.elementor-element-3739bbd1{width:var( --container-widget-width, 60px );max-width:60px;--container-widget-width:60px;--container-widget-flex-grow:0;--icon-box-icon-margin:0px;}.elementor-2457 .elementor-element.elementor-element-3739bbd1 .elementor-icon-box-title{margin-bottom:0px;color:#FFFFFF;}.elementor-2457 .elementor-element.elementor-element-3739bbd1.elementor-view-stacked .elementor-icon{background-color:#00C52D;}.elementor-2457 .elementor-element.elementor-element-3739bbd1.elementor-view-framed .elementor-icon, .elementor-2457 .elementor-element.elementor-element-3739bbd1.elementor-view-default .elementor-icon{fill:#00C52D;color:#00C52D;border-color:#00C52D;}.elementor-2457 .elementor-element.elementor-element-3739bbd1 .elementor-icon{font-size:40px;}.elementor-2457 .elementor-element.elementor-element-3739bbd1 .elementor-icon-box-title, .elementor-2457 .elementor-element.elementor-element-3739bbd1 .elementor-icon-box-title a{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.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-2457 .elementor-element.elementor-element-322a7fec .elementor-button{background-color:var( --e-global-color-accent );font-family:"Noto Sans Thai", Sans-serif;font-size:2em;font-weight:500;fill:#FFFFFF;color:#FFFFFF;border-radius:30px 30px 30px 30px;padding:12px 40px 12px 40px;}.elementor-2457 .elementor-element.elementor-element-322a7fec{z-index:2;}@media(max-width:967px){.elementor-2457 .elementor-element.elementor-element-53b14ea0{--border-radius:15px 15px 0px 0px;--padding-top:0px;--padding-bottom:12px;--padding-left:20px;--padding-right:20px;bottom:-1px;}.elementor-2457 .elementor-element.elementor-element-322a7fec .elementor-button{font-size:1.5em;padding:15px 15px 15px 15px;}}/* Start custom CSS for button, class: .elementor-element-322a7fec */.elementor-2457 .elementor-element.elementor-element-322a7fec .elementor-button-wrapper a {
    animation: pulse 1s infinite;
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-53b14ea0 */.elementor-2457 .elementor-element.elementor-element-53b14ea0{
    --background-color: #FFFFFF;
    --menu-active-color: #D6BD97;
}
.elementor-2457 .elementor-element.elementor-element-53b14ea0{
    width: max-content;
    transform: translateX(-50%);
    transition: none;
    background: var(--background-color);
}
.elementor-2457 .elementor-element.elementor-element-53b14ea0:before{
    content: "" !important;
    display: none !important;
}
.elementor-2457 .elementor-element.elementor-element-53b14ea0.transition{
    transition: all 0.3s ease-in-out;
}
.elementor-2457 .elementor-element.elementor-element-53b14ea0.hidden{
    opacity: 0;
    pointer-events: none;
}
.elementor-2457 .elementor-element.elementor-element-53b14ea0 .elementor-widget-icon-box.stroke .elementor-icon{
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 0.08em;
  -webkit-text-stroke-color: currentColor;
}
.elementor-2457 .elementor-element.elementor-element-53b14ea0 .elementor-widget-icon-box .elementor-icon-box-icon a,
.elementor-2457 .elementor-element.elementor-element-53b14ea0 .elementor-widget-icon-box .elementor-icon-box-icon span{
    padding-bottom: 9px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: -15px 0 0;
    position: relative;
    z-index: 1;
    transform: translateY(35px);
    transition: none;
}
.elementor-2457 .elementor-element.elementor-element-53b14ea0.transition .elementor-widget-icon-box .elementor-icon-box-icon a,
.elementor-2457 .elementor-element.elementor-element-53b14ea0.transition .elementor-widget-icon-box .elementor-icon-box-icon span{
    transition: all 0.3s ease-in-out;
}
.elementor-2457 .elementor-element.elementor-element-53b14ea0 .elementor-widget-icon-box.active .elementor-icon-box-icon a,
.elementor-2457 .elementor-element.elementor-element-53b14ea0 .elementor-widget-icon-box.active .elementor-icon-box-icon span{
    transform: translateY(0);
}
.elementor-2457 .elementor-element.elementor-element-53b14ea0 .elementor-widget-icon-box .elementor-icon-box-icon i,
.elementor-2457 .elementor-element.elementor-element-53b14ea0 .elementor-widget-icon-box .elementor-icon-box-icon svg{
    transition: none;
}
.elementor-2457 .elementor-element.elementor-element-53b14ea0.transition .elementor-widget-icon-box .elementor-icon-box-icon i,
.elementor-2457 .elementor-element.elementor-element-53b14ea0.transition .elementor-widget-icon-box .elementor-icon-box-icon svg{
    transition: all 0.3s ease-in-out;
}
.elementor-2457 .elementor-element.elementor-element-53b14ea0 .elementor-widget-icon-box.active .elementor-icon-box-icon i{
    color: var(--menu-active-color);
}
.elementor-2457 .elementor-element.elementor-element-53b14ea0 .elementor-widget-icon-box.active .elementor-icon-box-icon svg{
    fill: var(--menu-active-color);
}
.elementor-2457 .elementor-element.elementor-element-53b14ea0 .elementor-icon-box-content{
    width: 125%;
    transform: translate(-50%,8px);
    position: relative;
    left: 50%;
    opacity: 0; 
    z-index: -1; 
    display: flex;
    align-items: center;
    justify-content: center;
    height: 34px;
    pointer-events: none;
}
.elementor-2457 .elementor-element.elementor-element-53b14ea0.transition .elementor-icon-box-content{
    transition: all 0.3s ease-in-out;
}
.elementor-2457 .elementor-element.elementor-element-53b14ea0 .elementor-widget-icon-box.active .elementor-icon-box-content{
    opacity: 1;
    z-index: 2;
    transform: translate(-50%,0px);
    pointer-events: initial;
}
.elementor-2457 .elementor-element.elementor-element-53b14ea0 .elementor-icon-box-title a,
.elementor-2457 .elementor-element.elementor-element-53b14ea0 .elementor-icon-box-title span{
    background: var(--menu-active-color);
    padding: 5px 8px;
    border-radius: 10px;
    display: table;
}
.elementor-2457 .elementor-element.elementor-element-53b14ea0 a,
.elementor-2457 .elementor-element.elementor-element-53b14ea0 a:active,
.elementor-2457 .elementor-element.elementor-element-53b14ea0 a:focus{
    outline: none;
}
.elementor-2457 .elementor-element.elementor-element-53b14ea0:not(.v2) .elementor-icon-box-title{
    transform: none !important;
}
.elementor-2457 .elementor-element.elementor-element-53b14ea0 .elementor-widget-html{
    display: none;
}
@media (max-width: 767px){
.elementor-2457 .elementor-element.elementor-element-53b14ea0{
    width: calc(100% + 2px);
    justify-content: center;
}
}



/* Code for version 2 */
.elementor-2457 .elementor-element.elementor-element-53b14ea0.v2 .elementor-icon-box-wrapper{
    display: flex;
    flex-direction: column;
}
.elementor-2457 .elementor-element.elementor-element-53b14ea0.v2 .elementor-icon-box-content{
    order: -1;
}
.elementor-2457 .elementor-element.elementor-element-53b14ea0.v2 .elementor-icon-box-icon a{
    padding: 0;
    margin: 0;
}
.elementor-2457 .elementor-element.elementor-element-53b14ea0.v2 .elementor-widget-divider{
    display: none;
}
.elementor-2457 .elementor-element.elementor-element-53b14ea0.v2 .elementor-widget-icon-box .elementor-icon-box-icon a,
.elementor-2457 .elementor-element.elementor-element-53b14ea0.v2 .elementor-widget-icon-box .elementor-icon-box-icon span{
    padding: 30px 0 5px;
    margin: -44px 0 0;
    transform: translateY(0);
}
.elementor-2457 .elementor-element.elementor-element-53b14ea0.v2 .elementor-widget-icon-box.active .elementor-icon-box-content {
    transform: translate(-50%,-20px);
}
.elementor-2457 .elementor-element.elementor-element-53b14ea0.v2 .elementor-icon-box-title{
    border: 5px solid var(--background-color);
    border-radius: 17px;
    position: relative;
    box-shadow: 0 -15px 30px 0 rgba(0, 0, 0, 0.1);
}
.elementor-2457 .elementor-element.elementor-element-53b14ea0.v2 .elementor-icon-box-title:before,
.elementor-2457 .elementor-element.elementor-element-53b14ea0.v2 .elementor-icon-box-title:after{
    content: "";
    position: absolute;
    bottom: 9px;
    width: 13px;
    height: 13px;
    background: transparent;
    border-radius: 50%;
    z-index: -1;
}
.elementor-2457 .elementor-element.elementor-element-53b14ea0.v2 .elementor-icon-box-title:before{
    left: -18px;
    box-shadow: 7px 7px var(--background-color);
}
.elementor-2457 .elementor-element.elementor-element-53b14ea0.v2 .elementor-icon-box-title:after{
    right: -18px;
    box-shadow: -7px 7px var(--background-color);
}
.elementor-2457 .elementor-element.elementor-element-53b14ea0.v2 .elementor-icon-box-content {
    align-items: flex-end;
    width: 200px;
}
.elementor-2457 .elementor-element.elementor-element-53b14ea0.v2 .elementor-icon-box-wrapper{
    position: relative;
}
.elementor-2457 .elementor-element.elementor-element-53b14ea0.v2 .elementor-icon-box-wrapper:before{
    content: "";
    position: absolute;
    top: 5px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    z-index: 3;
    left: 50%;
    background: var(--menu-active-color);
    transform: translate(-50%,35px);
    pointer-events: none;
    opacity: 0;
    transition: none;
}
.elementor-2457 .elementor-element.elementor-element-53b14ea0.v2 .elementor-widget-icon-box.active .elementor-icon-box-wrapper:before{
    opacity: 1;
    transform: translate(-50%,0);
}
.elementor-2457 .elementor-element.elementor-element-53b14ea0.transition.v2 .elementor-icon-box-wrapper:before{
    transition: all 0.3s ease-in-out;
}
.elementor-2457 .elementor-element.elementor-element-53b14ea0.v2 .elementor-icon-box-icon{
    position: relative;
}
.elementor-2457 .elementor-element.elementor-element-53b14ea0.v2 .elementor-icon-box-icon:before,
.elementor-2457 .elementor-element.elementor-element-53b14ea0.v2 .elementor-icon-box-icon:after{
    content: "";
    position: absolute;
    top: -27px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    z-index: 3;
    background: transparent;
    transform: translate(-50%,35px);
    pointer-events: none;
    opacity: 0;
    transition: none;
}
.elementor-2457 .elementor-element.elementor-element-53b14ea0.v2 .elementor-icon-box-icon:before{
    box-shadow: 2px -2px var(--menu-active-color);
    left: calc(50% - 7px);
}
.elementor-2457 .elementor-element.elementor-element-53b14ea0.v2 .elementor-icon-box-icon:after{
    box-shadow: -2px -2px var(--menu-active-color);
    left: calc(50% + 7px);
}

.elementor-2457 .elementor-element.elementor-element-53b14ea0.v2 .elementor-widget-icon-box.active .elementor-icon-box-icon:before,
.elementor-2457 .elementor-element.elementor-element-53b14ea0.v2 .elementor-widget-icon-box.active .elementor-icon-box-icon:after{
    opacity: 1;
    transform: translate(-50%,0);
}
.elementor-2457 .elementor-element.elementor-element-53b14ea0.transition.v2 .elementor-icon-box-icon:before,
.elementor-2457 .elementor-element.elementor-element-53b14ea0.transition.v2 .elementor-icon-box-icon:after{
    transition: all 0.3s ease-in-out;
}

@media (max-width: 767px){
.elementor-2457 .elementor-element.elementor-element-53b14ea0.v2{
    border-radius: 0;
    padding-left: 10px;
    padding-right: 10px;
}
}


/* Code for version 3 */
.elementor-2457 .elementor-element.elementor-element-53b14ea0.v3{
    --default-text-color: #000;
    --active-icon-color: #fff;
}
.elementor-2457 .elementor-element.elementor-element-53b14ea0.v3{
    padding-bottom: 3px;
}
.elementor-2457 .elementor-element.elementor-element-53b14ea0.v3 .elementor-icon-box-content{
    opacity: 1;
    z-index: 1;
}
.elementor-2457 .elementor-element.elementor-element-53b14ea0.v3 .elementor-icon-box-title a,
.elementor-2457 .elementor-element.elementor-element-53b14ea0.v3 .elementor-icon-box-title span{
    background: none;
    color: var(--default-text-color);
}
.elementor-2457 .elementor-element.elementor-element-53b14ea0.v3 .elementor-widget-icon-box.active .elementor-icon-box-title a,
.elementor-2457 .elementor-element.elementor-element-53b14ea0.v3 .elementor-widget-icon-box.active .elementor-icon-box-title span{
    color: var(--menu-active-color);
}
.elementor-2457 .elementor-element.elementor-element-53b14ea0.v3 .elementor-widget-icon-box .elementor-icon-box-icon a,
.elementor-2457 .elementor-element.elementor-element-53b14ea0.v3 .elementor-widget-icon-box .elementor-icon-box-icon span{
    padding-bottom: 32px;
    margin-top: -19px;
}
.elementor-2457 .elementor-element.elementor-element-53b14ea0.v3 .elementor-widget-icon-box.active .elementor-icon-box-icon a,
.elementor-2457 .elementor-element.elementor-element-53b14ea0.v3 .elementor-widget-icon-box.active .elementor-icon-box-icon span{
    transform: translateY(16px);
}
.elementor-2457 .elementor-element.elementor-element-53b14ea0.v3 .elementor-icon-box-content{
    transform: translate(-50%,0px);
}
.elementor-2457 .elementor-element.elementor-element-53b14ea0.v3 .elementor-widget-icon-box.active .elementor-icon-box-content{
    transform: translate(-50%,-3px);
}
.elementor-2457 .elementor-element.elementor-element-53b14ea0.v3 .elementor-widget-divider .elementor-widget-container:before{
    content: '';
    position: absolute;
    background: var(--menu-active-color);
    border-radius: 100%;
    top: 5px;
    left: 5px;
    height: calc(100% - 5px*2);
    width: calc(100% - 5px*2);
}
.elementor-2457 .elementor-element.elementor-element-53b14ea0.v3 .elementor-widget-divider{
    top: -24px;
}
.elementor-2457 .elementor-element.elementor-element-53b14ea0.v3 .elementor-widget-divider:before {
    top: -6px;
    left: -24px;
}
.elementor-2457 .elementor-element.elementor-element-53b14ea0.v3 .elementor-widget-divider:after{
    z-index: -1;
    top: -6px;
    right: -24px;
}
.elementor-2457 .elementor-element.elementor-element-53b14ea0.v3 .elementor-widget-icon-box.active .elementor-icon-box-icon i{
    color: var(--active-icon-color);
}
@media (max-width: 767px){
.elementor-2457 .elementor-element.elementor-element-53b14ea0.v3{
    padding-left: 10px;
    padding-right: 10px;
}
}/* End custom CSS */