.elementor-4456 .elementor-element.elementor-element-94287b4{--display:flex;--min-height:95vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:stretch;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{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-4456 .elementor-element.elementor-element-9c4decf{margin:-3px 0px calc(var(--kit-widget-spacing, 0px) + 2px) 0px;}.elementor-4456 .elementor-element.elementor-element-9c4decf.elementor-element{--align-self:flex-start;}.elementor-4456 .elementor-element.elementor-element-9c4decf img{width:25px;height:25px;}.elementor-4456 .elementor-element.elementor-element-1ba27a0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-4456 .elementor-element.elementor-element-5258b5a{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;text-align:center;}.elementor-4456 .elementor-element.elementor-element-5258b5a .elementor-heading-title{font-family:"Clash Grotesk", Sans-serif;font-size:160px;font-weight:500;text-transform:uppercase;line-height:0.84em;color:#F1EFE9;}.elementor-4456 .elementor-element.elementor-element-017e896{--display:flex;--min-height:0px;}body.elementor-page-4456{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-4456 .elementor-element.elementor-element-9c4decf{margin:-11px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4456 .elementor-element.elementor-element-9c4decf img{width:22px;height:22px;}.elementor-4456 .elementor-element.elementor-element-5258b5a .elementor-heading-title{font-size:100px;}.elementor-4456 .elementor-element.elementor-element-017e896{--min-height:0px;}}@media(max-width:767px){.elementor-4456 .elementor-element.elementor-element-94287b4{--justify-content:space-between;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4456 .elementor-element.elementor-element-9c4decf{margin:-17px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4456 .elementor-element.elementor-element-9c4decf.elementor-element{--align-self:flex-start;}.elementor-4456 .elementor-element.elementor-element-9c4decf img{width:15px;height:15px;}.elementor-4456 .elementor-element.elementor-element-5258b5a{width:100%;max-width:100%;margin:-230px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4456 .elementor-element.elementor-element-5258b5a .elementor-heading-title{font-size:51px;}}/* Start custom CSS for container, class: .elementor-element-017e896 *//* 1. จัดระยะห่างไม่ให้เนื้อหาข้างในชนขอบ */
.four-corners-box {
    position: relative;
    padding: 8px !important; /* ปรับลด-เพิ่ม เพื่อดันเนื้อหาให้ห่างจากเส้นมุม */
}

/* 2. สร้างเส้นตัว L ทั้ง 4 มุม โดยใช้กล่องจำลองครอบทับ */
.four-corners-box::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none; /* สำคัญ! ป้องกันไม่ให้เส้นไปขวางการคลิกปุ่มหรือข้อความข้างใน */
    z-index: 1;

    /* ----------------------------------------------------
       ตั้งค่าตัวแปรตรงนี้ เพื่อปรับเปลี่ยนสไตล์ได้ง่ายๆ 
    ------------------------------------------------------- */
    --thickness: 2px;      /* ความหนาของเส้น */
    --length: 35px;        /* ความยาวของเส้น (หางตัว L) */
    --color: #F1EFE9;      /* รหัสสีของเส้น */

    /* โค้ดวาดเส้นทั้ง 4 มุม */
    background:
        /* มุมซ้ายบน */
        linear-gradient(var(--color), var(--color)) top left / var(--length) var(--thickness) no-repeat,
        linear-gradient(var(--color), var(--color)) top left / var(--thickness) var(--length) no-repeat,
        
        /* มุมขวาบน */
        linear-gradient(var(--color), var(--color)) top right / var(--length) var(--thickness) no-repeat,
        linear-gradient(var(--color), var(--color)) top right / var(--thickness) var(--length) no-repeat,
        
        /* มุมซ้ายล่าง */
        linear-gradient(var(--color), var(--color)) bottom left / var(--length) var(--thickness) no-repeat,
        linear-gradient(var(--color), var(--color)) bottom left / var(--thickness) var(--length) no-repeat,
        
        /* มุมขวาล่าง */
        linear-gradient(var(--color), var(--color)) bottom right / var(--length) var(--thickness) no-repeat,
        linear-gradient(var(--color), var(--color)) bottom right / var(--thickness) var(--length) no-repeat;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Clash Grotesk';
	font-display: auto;
	src: url('https://begrunteshaus.com/wp-content/uploads/2026/05/ClashGrotesk-Variable.ttf') format('truetype');
}
/* End Custom Fonts CSS */