.elementor-22258 .elementor-element.elementor-element-6b66d92{--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;--margin-block-start:0px;--margin-block-end:0px;--margin-inline-start:0px;--margin-inline-end:0px;--padding-block-start:80px;--padding-block-end:80px;--padding-inline-start:80px;--padding-inline-end:80px;}.elementor-22258 .elementor-element.elementor-element-6b66d92:not(.elementor-motion-effects-element-type-background), .elementor-22258 .elementor-element.elementor-element-6b66d92 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-22258 .elementor-element.elementor-element-6b66d92, .elementor-22258 .elementor-element.elementor-element-6b66d92::before{--border-transition:0.3s;}.elementor-22258 .elementor-element.elementor-element-55c9d45{text-align:center;}.elementor-22258 .elementor-element.elementor-element-55c9d45 .elementor-heading-title{color:var( --e-global-color-primary );font-family:"Noto Sans Thai", Noto Sans Thai;font-weight:600;}.elementor-22258 .elementor-element.elementor-element-55c9d45 > .elementor-widget-container{margin:30px 0px 0px 0px;}.elementor-22258 .elementor-element.elementor-element-a06f65c{text-align:center;}.elementor-22258 .elementor-element.elementor-element-a06f65c .elementor-heading-title{color:var( --e-global-color-primary );font-family:"Noto Sans Thai", Noto Sans Thai;font-size:24px;font-weight:400;}.elementor-22258 .elementor-element.elementor-element-a06f65c > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-22258 .elementor-element.elementor-element-362000a{text-align:center;}.elementor-22258 .elementor-element.elementor-element-5428612{text-align:center;}.elementor-22258 .elementor-element.elementor-element-0d3af37 .elementor-field-group{margin-bottom:10px;}.elementor-22258 .elementor-element.elementor-element-0d3af37 .elementor-form-fields-wrapper{margin-bottom:-10px;}body .elementor-22258 .elementor-element.elementor-element-0d3af37 .elementor-field-group > label{padding-bottom:0px;}.elementor-22258 .elementor-element.elementor-element-0d3af37 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-22258 .elementor-element.elementor-element-0d3af37 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-22258 .elementor-element.elementor-element-0d3af37.elementor-element{--align-self:center;}@media(max-width:767px){.elementor-22258 .elementor-element.elementor-element-6b66d92{--margin-block-start:0px;--margin-block-end:30px;--margin-inline-start:0px;--margin-inline-end:0px;--padding-block-start:010px;--padding-block-end:010px;--padding-inline-start:010px;--padding-inline-end:010px;}.elementor-22258 .elementor-element.elementor-element-55c9d45{text-align:center;}.elementor-22258 .elementor-element.elementor-element-55c9d45 .elementor-heading-title{line-height:1.9em;}.elementor-22258 .elementor-element.elementor-element-a06f65c{text-align:center;}.elementor-22258 .elementor-element.elementor-element-a06f65c .elementor-heading-title{line-height:1.9em;}.elementor-22258 .elementor-element.elementor-element-362000a{text-align:center;}.elementor-22258 .elementor-element.elementor-element-5428612{text-align:center;}}/* 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 */