.elementor-22582 .elementor-element.elementor-element-6b66d92{--display:flex;--min-height:768px;--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-22582 .elementor-element.elementor-element-6b66d92:not(.elementor-motion-effects-element-type-background), .elementor-22582 .elementor-element.elementor-element-6b66d92 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );background-image:url("https://jatupone.com/wp-content/uploads/2024/10/จตุพล-ชมภูนิช-2.jpg");background-position:center center;background-size:cover;}.elementor-22582 .elementor-element.elementor-element-6b66d92, .elementor-22582 .elementor-element.elementor-element-6b66d92::before{--border-transition:0.3s;}.elementor-22582 .elementor-element.elementor-element-6932672{--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-22582 .elementor-element.elementor-element-e97dd77{--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-22582 .elementor-element.elementor-element-1fd6973{--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-22582 .elementor-element.elementor-element-3b98e33{text-align:left;}.elementor-22582 .elementor-element.elementor-element-fab4a55{--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;--padding-block-start:60px;--padding-block-end:60px;--padding-inline-start:0px;--padding-inline-end:0px;}.elementor-22582 .elementor-element.elementor-element-a49558a{--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-22582 .elementor-element.elementor-element-a89375e{--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-22582 .elementor-element.elementor-element-c863cf8{--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-22582 .elementor-element.elementor-element-d43d8e4{--display:flex;--min-height:402px;--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;--overlay-opacity:0.88;--margin-block-start:0px;--margin-block-end:0px;--margin-inline-start:0px;--margin-inline-end:0px;--padding-block-start:50px;--padding-block-end:50px;--padding-inline-start:0px;--padding-inline-end:0px;}.elementor-22582 .elementor-element.elementor-element-d43d8e4:not(.elementor-motion-effects-element-type-background), .elementor-22582 .elementor-element.elementor-element-d43d8e4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );background-image:url("https://jatupone.com/wp-content/uploads/2024/09/จตุพล-ชมภูนิช.png");background-size:cover;}.elementor-22582 .elementor-element.elementor-element-d43d8e4::before, .elementor-22582 .elementor-element.elementor-element-d43d8e4 > .elementor-background-video-container::before, .elementor-22582 .elementor-element.elementor-element-d43d8e4 > .e-con-inner > .elementor-background-video-container::before, .elementor-22582 .elementor-element.elementor-element-d43d8e4 > .elementor-background-slideshow::before, .elementor-22582 .elementor-element.elementor-element-d43d8e4 > .e-con-inner > .elementor-background-slideshow::before, .elementor-22582 .elementor-element.elementor-element-d43d8e4 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-color:var( --e-global-color-primary );}.elementor-22582 .elementor-element.elementor-element-d43d8e4, .elementor-22582 .elementor-element.elementor-element-d43d8e4::before{--border-transition:0.3s;}.elementor-22582 .elementor-element.elementor-element-8d25bd4{--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-22582 .elementor-element.elementor-element-8b6f31a{--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-22582 .elementor-element.elementor-element-88ad529{text-align:center;}.elementor-22582 .elementor-element.elementor-element-88ad529 .elementor-heading-title{color:#FFFFFF;}.elementor-22582 .elementor-element.elementor-element-c6261b7{color:#FFFFFF;}.elementor-22582 .elementor-element.elementor-element-e425f45 .elementor-button{background-color:var( --e-global-color-secondary );}.elementor-22582 .elementor-element.elementor-element-bd74f57{--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(max-width:767px){.elementor-22582 .elementor-element.elementor-element-6b66d92:not(.elementor-motion-effects-element-type-background), .elementor-22582 .elementor-element.elementor-element-6b66d92 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:-256px 0px;}.elementor-22582 .elementor-element.elementor-element-6b66d92{--margin-block-start:0px;--margin-block-end:0px;--margin-inline-start:0px;--margin-inline-end:0px;--padding-block-start:020px;--padding-block-end:020px;--padding-inline-start:020px;--padding-inline-end:020px;}.elementor-22582 .elementor-element.elementor-element-bbb7605{text-align:center;}.elementor-22582 .elementor-element.elementor-element-d43d8e4:not(.elementor-motion-effects-element-type-background), .elementor-22582 .elementor-element.elementor-element-d43d8e4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:cover;}}@media(min-width:768px){.elementor-22582 .elementor-element.elementor-element-e97dd77{--width:50%;}.elementor-22582 .elementor-element.elementor-element-1fd6973{--width:50%;}.elementor-22582 .elementor-element.elementor-element-a49558a{--width:25%;}.elementor-22582 .elementor-element.elementor-element-a89375e{--width:50%;}.elementor-22582 .elementor-element.elementor-element-c863cf8{--width:25%;}.elementor-22582 .elementor-element.elementor-element-8d25bd4{--width:25%;}.elementor-22582 .elementor-element.elementor-element-8b6f31a{--width:50%;}.elementor-22582 .elementor-element.elementor-element-bd74f57{--width:25%;}}@media(min-width:1025px){.elementor-22582 .elementor-element.elementor-element-d43d8e4:not(.elementor-motion-effects-element-type-background), .elementor-22582 .elementor-element.elementor-element-d43d8e4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* 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 */