.elementor-22172 .elementor-element.elementor-element-0e764d2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-22172 .elementor-element.elementor-element-0e764d2, .elementor-22172 .elementor-element.elementor-element-0e764d2::before{--border-transition:0.3s;}.elementor-22172 .elementor-element.elementor-element-309ee27{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--gap:0px 0px;--background-transition:0.3s;--margin-block-start:40px;--margin-block-end:50px;--margin-inline-start:0px;--margin-inline-end:0px;--padding-block-start:0px;--padding-block-end:0px;--padding-inline-start:0px;--padding-inline-end:0px;}.elementor-22172 .elementor-element.elementor-element-ae53cd9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-22172 .elementor-element.elementor-element-098d65d .elementor-heading-title{font-family:"Noto Sans Thai", Noto Sans Thai;font-size:25px;font-weight:600;line-height:56px;}.elementor-22172 .elementor-element.elementor-element-5fa78d8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-22172 .elementor-element.elementor-element-55fd396 .elementor-tab-title, .elementor-22172 .elementor-element.elementor-element-55fd396 .elementor-tab-title:before, .elementor-22172 .elementor-element.elementor-element-55fd396 .elementor-tab-title:after, .elementor-22172 .elementor-element.elementor-element-55fd396 .elementor-tab-content, .elementor-22172 .elementor-element.elementor-element-55fd396 .elementor-tabs-content-wrapper{border-width:1px;}.elementor-22172 .elementor-element.elementor-element-c517a67{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--gap:0px 0px;--background-transition:0.3s;}.elementor-22172 .elementor-element.elementor-element-c517a67:not(.elementor-motion-effects-element-type-background), .elementor-22172 .elementor-element.elementor-element-c517a67 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-22172 .elementor-element.elementor-element-c517a67, .elementor-22172 .elementor-element.elementor-element-c517a67::before{--border-transition:0.3s;}.elementor-22172 .elementor-element.elementor-element-fe505e9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-22172 .elementor-element.elementor-element-f275b99{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;--padding-block-start:40px;--padding-block-end:40px;--padding-inline-start:40px;--padding-inline-end:40px;}.elementor-22172 .elementor-element.elementor-element-e365ff1 .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-22172 .elementor-element.elementor-element-5ce0b39 .elementor-heading-title{color:var( --e-global-color-secondary );font-family:"Noto Sans Thai", Noto Sans Thai;font-size:19px;font-weight:500;line-height:29px;}.elementor-22172 .elementor-element.elementor-element-ca63bbd .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-22172 .elementor-element.elementor-element-ca63bbd .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-22172 .elementor-element.elementor-element-ca63bbd .elementor-field-group.recaptcha_v3-bottomleft, .elementor-22172 .elementor-element.elementor-element-ca63bbd .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-22172 .elementor-element.elementor-element-ca63bbd .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-22172 .elementor-element.elementor-element-ca63bbd .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-22172 .elementor-element.elementor-element-ca63bbd .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-22172 .elementor-element.elementor-element-ca63bbd .elementor-field-type-html{padding-bottom:0px;}.elementor-22172 .elementor-element.elementor-element-ca63bbd .elementor-field-group:not(.elementor-field-type-upload) .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-22172 .elementor-element.elementor-element-ca63bbd .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-22172 .elementor-element.elementor-element-ca63bbd .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-22172 .elementor-element.elementor-element-ca63bbd .elementor-button[type="submit"]{color:#ffffff;}.elementor-22172 .elementor-element.elementor-element-ca63bbd .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-22172 .elementor-element.elementor-element-ca63bbd .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-22172 .elementor-element.elementor-element-ca63bbd .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-22172 .elementor-element.elementor-element-ca63bbd .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-22172 .elementor-element.elementor-element-ca63bbd .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-22172 .elementor-element.elementor-element-ca63bbd .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-22172 .elementor-element.elementor-element-ca63bbd{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}@media(min-width:768px){.elementor-22172 .elementor-element.elementor-element-ae53cd9{--width:33.3333%;}.elementor-22172 .elementor-element.elementor-element-5fa78d8{--width:66.6666%;}.elementor-22172 .elementor-element.elementor-element-fe505e9{--width:50%;}.elementor-22172 .elementor-element.elementor-element-f275b99{--width:50%;}}/* Start custom CSS *//* Improved Animations Stylesheet , works for the 'fade' animations */

@keyframes fadeDown {
    from {
        opacity: 0;
        transform: translate3d(0,-30px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInDown {
    animation-name: fadeDown
}

@keyframes fadeLeft {
    from {
        opacity: 0;
        transform: translate3d(-30px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInLeft {
    animation-name: fadeLeft
}

@keyframes fadeRight {
    from {
        opacity: 0;
        transform: translate3d(30px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInRight {
    animation-name: fadeRight
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translate3d(0,30px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

/* CLICKABLE COLUMNS Create and position :after pseudo-element */

.elementor-column.clickable a:after {
   content: "";
   display: block; 
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   z-index: 2; 
}

/* Remove relatively-positioned parent elements in column */

.clickable .elementor-widget, .clickable .elementor-widget-wrap {
   position: static;
}



.incomplete-box::before,
.incomplete-box::after {
  position: absolute;
  width: 50%;
  height: 50%;
  content: "";
}

.incomplete-box::before {
  left: 0;
  top: 0;
  border-left: 3px solid black;
  border-top: 3px solid black;
 }
 
 .incomplete-box::after {
  right: 0;
  bottom: 0;
  border-right: 3px solid black;
  border-bottom: 3px solid black;
 }/* End custom CSS */