.elementor-kit-8{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-2c73132:#BDC531;--e-global-color-b15bf22:#FFFFFF;--e-global-color-016f9d9:#313030;--e-global-color-2944ae8:#23201F;--e-global-color-a60d14e:#4C4D4C;--e-global-typography-secondary-font-family:"Third Rail";--e-global-typography-secondary-font-weight:400;--e-global-typography-primary-font-family:"Manrope";--e-global-typography-primary-font-weight:600;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-6b1530a-font-family:"Prompt";--e-global-typography-6b1530a-font-size:70px;--e-global-typography-6b1530a-font-weight:700;--e-global-typography-f2912c8-font-family:"Agatho";--e-global-typography-f2912c8-font-weight:600;--e-global-typography-f2912c8-letter-spacing:2.7px;--e-global-typography-f2912c8-word-spacing:0px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* Text Gradient CSS */
.text-gradient {
  color: #8988cd;
  background-image: linear-gradient(90deg, #8988cd , #535a24 0%, #bdc532 20%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}

.elementor-kit-8 .size-text {
    font-weight: 600; 
}

.gradient-test {

    border-radius: 100px;
    border: 0.5px solid transparent;
    background: 
        linear-gradient(#111111, #111111) padding-box,
        
        linear-gradient(90deg, #E8F89A40 0%, #0000007a 25%, #0000007a 50%, #0000007a 75%, #E8F89A40 100%)  border-box;

    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.5);

    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden; 
}

.gradient-test2 {
    
    border-radius: 80px;

 
    border: 0.5px solid transparent;


    background: 
 
        linear-gradient(90deg,#2d3020, #000) padding-box,
        
        linear-gradient(90deg, 
            #728338 0%, #0000007a 25%, #0000007a 50%, #0000007a 75%, #728338 100%)  border-box;

    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.5);
    
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: default; 
    z-index: 2;
}

/* ใส่ Class นี้ให้กับ Element ของคุณ */
.gradient-line {
    width: 1px;                /* ความหนาของเส้น */
    height: 300px;             /* ความยาวของเส้น (ปรับเปลี่ยนได้ตามต้องการ) */
    border: none;              /* ลบขอบเดิม */
    
    /* แก้ไขการไล่สีจาก บน(จาง) -> กลาง(สีหลัก) -> ล่าง(จาง) */
    background: linear-gradient(to bottom, 
        rgba(189, 197, 50, 0) 0%,      /* หัวเส้น: โปร่งใส */
        rgba(189, 197, 50, 1) 50%,     /* กลางเส้น: สี #bdc532 */
        rgba(189, 197, 50, 0) 100%     /* ท้ายเส้น: โปร่งใส */
    );

    /* เพิ่มความฟุ้งเบาๆ ให้เหมือนในรูป (Optional) */
    box-shadow: 0px 0px 8px rgba(189, 197, 50, 0.4); 
    
    margin: 0 auto;            /* จัดให้อยู่กึ่งกลาง */
}

.gradient-line2 {
    width: 1px;                /* ความหนาของเส้น */
    height: 1px;             /* ความยาวของเส้น (ปรับเปลี่ยนได้ตามต้องการ) */
    border: none;              /* ลบขอบเดิม */
    
    /* แก้ไขการไล่สีจาก บน(จาง) -> กลาง(สีหลัก) -> ล่าง(จาง) */
    background: linear-gradient(to right, 
        rgba(189, 197, 50, 0) 0%,      /* หัวเส้น: โปร่งใส */
        rgba(189, 197, 50, 1) 50%,     /* กลางเส้น: สี #bdc532 */
        rgba(189, 197, 50, 0) 100%     /* ท้ายเส้น: โปร่งใส */
    );

    /* เพิ่มความฟุ้งเบาๆ ให้เหมือนในรูป (Optional) */
    box-shadow: 0px 0px 8px rgba(189, 197, 50, 0.4); 
    
    margin: 0 auto;            /* จัดให้อยู่กึ่งกลาง */
}

@media screen and (max-width: 768px) {
    .gradient-line {
    width: 1px;                /* ความหนาของเส้น */
    height: 220px;             /* ความยาวของเส้น (ปรับเปลี่ยนได้ตามต้องการ) */
    border: none;              /* ลบขอบเดิม */
    
    /* แก้ไขการไล่สีจาก บน(จาง) -> กลาง(สีหลัก) -> ล่าง(จาง) */
    background: linear-gradient(to bottom, 
        rgba(189, 197, 50, 0) 0%,      /* หัวเส้น: โปร่งใส */
        rgba(189, 197, 50, 1) 50%,     /* กลางเส้น: สี #bdc532 */
        rgba(189, 197, 50, 0) 100%     /* ท้ายเส้น: โปร่งใส */
    );

    /* เพิ่มความฟุ้งเบาๆ ให้เหมือนในรูป (Optional) */
    box-shadow: 0px 0px 8px rgba(189, 197, 50, 0.4); 
    
    margin: 0 auto;            /* จัดให้อยู่กึ่งกลาง */
}
}
.text-green {
    color: #BDC531;
    font-weight: bold;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Third Rail';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://brandstromx.com/wp-content/uploads/2025/11/Third-Rail-Demo.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Manrope';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://brandstromx.com/wp-content/uploads/2025/11/manrope-regular.woff') format('woff');
}
@font-face {
	font-family: 'Manrope';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://brandstromx.com/wp-content/uploads/2025/11/manrope-extrabold.woff') format('woff');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Agatho';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://brandstromx.com/wp-content/uploads/2025/11/Agatho_Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Agatho';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://brandstromx.com/wp-content/uploads/2025/11/Agatho_-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'Agatho';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://brandstromx.com/wp-content/uploads/2025/11/Agatho_-Bold.ttf') format('truetype');
}
/* End Custom Fonts CSS */