.elementor-22296 .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-22296 .elementor-element.elementor-element-6b66d92:not(.elementor-motion-effects-element-type-background), .elementor-22296 .elementor-element.elementor-element-6b66d92 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F6F1;}.elementor-22296 .elementor-element.elementor-element-6b66d92, .elementor-22296 .elementor-element.elementor-element-6b66d92::before{--border-transition:0.3s;}.elementor-22296 .elementor-element.elementor-element-55c9d45{text-align:center;}.elementor-22296 .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;line-height:82px;}.elementor-22296 .elementor-element.elementor-element-55c9d45 > .elementor-widget-container{margin:30px 0px 0px 0px;}.elementor-22296 .elementor-element.elementor-element-362000a{text-align:center;}.elementor-22296 .elementor-element.elementor-element-5ac4cd3{text-align:center;}.elementor-22296 .elementor-element.elementor-element-144fa4e{--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-22296 .elementor-element.elementor-element-f9fda1a{text-align:center;}.elementor-22296 .elementor-element.elementor-element-b5bcc02{--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-22296 .elementor-element.elementor-element-f8ba6a5{--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-22296 .elementor-element.elementor-element-0857b48{--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-22296 .elementor-element.elementor-element-c03494c{text-align:center;}.elementor-22296 .elementor-element.elementor-element-c03494c .elementor-heading-title{font-family:"Noto Sans Thai", Noto Sans Thai;font-weight:600;line-height:79px;}.elementor-22296 .elementor-element.elementor-element-4fac23e{text-align:left;}.elementor-22296 .elementor-element.elementor-element-40977f6{--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-22296 .elementor-element.elementor-element-2c3b1c4{--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-22296 .elementor-element.elementor-element-79dd5c8{--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-22296 .elementor-element.elementor-element-7a6d8e5{--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-22296 .elementor-element.elementor-element-e270152{text-align:center;}.elementor-22296 .elementor-element.elementor-element-3a582e7{--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;}@media(min-width:768px){.elementor-22296 .elementor-element.elementor-element-f8ba6a5{--width:25%;}.elementor-22296 .elementor-element.elementor-element-0857b48{--width:50%;}.elementor-22296 .elementor-element.elementor-element-40977f6{--width:25%;}.elementor-22296 .elementor-element.elementor-element-79dd5c8{--width:25%;}.elementor-22296 .elementor-element.elementor-element-7a6d8e5{--width:50%;}.elementor-22296 .elementor-element.elementor-element-3a582e7{--width:25%;}}@media(max-width:767px){.elementor-22296 .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-22296 .elementor-element.elementor-element-55c9d45{text-align:center;}.elementor-22296 .elementor-element.elementor-element-55c9d45 .elementor-heading-title{line-height:1.9em;}.elementor-22296 .elementor-element.elementor-element-362000a{text-align:center;}.elementor-22296 .elementor-element.elementor-element-5ac4cd3{text-align:left;}.elementor-22296 .elementor-element.elementor-element-f9fda1a{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 */