#fw-section-video-with-text-6f6504eb-ed9f-4eb1-bb8e-ccb55011e1a5 {
--font-heading-scale: 0.84;
--font-body-scale: 0.97;
}
#fw-section-video-with-text-6f6504eb-ed9f-4eb1-bb8e-ccb55011e1a5 {
--color-primary: #d90346;
--color-primary-rgb: 217, 3, 70;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--color-on-background: #fde84a;
--color-on-background-rgb: 253, 232, 74;
--color-on-primary: #fde84a;
--color-on-primary-rgb: 253, 232, 74;
--color-product-image-background: #00ffb6;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #d90346;
--primary-btn-text: #fde84a;
--primary-btn-border-color: #fde84a;
--secondary-btn-bg: transparent;
--secondary-btn-text: #fde84a;
--secondary-btn-border-color: #fde84a;
/* 1. ปรับขนาดโดยรวมให้กะทัดรัดและดูแพง */ๆ
.video-with-text-section {
    max-width: 1100px; /* บีบความกว้างให้ดูไม่แผ่กระจายเกินไป */
    margin: 0 auto;
    padding: 40px 20px;
    zoom: 95%; /* ย่อขนาดลงเล็กน้อยให้ดูพอดีสายตา */
}

/* 2. ปรับความมนและเงาของวิดีโอ */
.video-with-text-section .video-container {
    border-radius: 16px; /* เพิ่มความละมุนให้มุมวิดีโอ */
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08); /* ใส่เงาบางๆ ให้ดูมีมิติ */
}

/* 3. จัดการส่วน Text ให้ดูอ่านง่ายและมีจังหวะ */
.video-with-text-sectฟion .text-content {
    padding: 20px 40px;
}

.video-with-text-section h2 {
    font-size: 1.8rem; /* ขนาดหัวข้อที่พอดี ไม่ใหญ่จนตะโกน */
    font-weight: 700;
    margin-bottom: 15px;
    letter-spacing: -0.5px;
}

.video-with-text-section p {
    font-size: 1rem;
    line-height: 1.6;
    color: #555; /* ปรับสีตัวอักษรให้อ่อนลงเล็กน้อยเพื่อความสบายตา */
}

/* 4. ปุ่ม Call to Action (CTA) ให้ดูเด่นและน่ากด */
.video-with-text-section .button {
    border-radius: 50px; /* ปุ่มทรงมน ทันสมัย */
    padding: 12px 28px;
    transition: all 0.3s ease;
}

.video-with-text-section .button:hover {
    transform: translateY(-2px); /* เอฟเฟกต์ลอยตัวเวลาเอาเมาส์ไปชี้ */
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

}
#fw-section-donations-d8e97ff5-e252-4090-af10-68373a72058e {
--font-heading-scale: 0.83;
--font-body-scale: 0.79;
}
#fw-section-donations-d8e97ff5-e252-4090-af10-68373a72058e {
--color-primary: #ee0043;
--color-primary-rgb: 238, 0, 67;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--color-on-background: #fde84a;
--color-on-background-rgb: 253, 232, 74;
--color-on-primary: #f3e001;
--color-on-primary-rgb: 243, 224, 1;
--color-product-image-background: #00ffb6;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ee0043;
--primary-btn-text: #f3e001;
--primary-btn-border-color: #fde84a;
--secondary-btn-bg: transparent;
--secondary-btn-text: #fde84a;
--secondary-btn-border-color: #fde84a;

}
#fw-section-video-3586c361-5144-411d-b0e3-cbea26324ae7 {
--font-heading-scale: 0.7;
--font-body-scale: 0.7;
}
#fw-section-video-3586c361-5144-411d-b0e3-cbea26324ae7 {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-on-primary: #f02774;
--color-on-primary-rgb: 240, 39, 116;
--color-product-image-background: #00ffb6;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #000000;
--primary-btn-text: #f02774;
--primary-btn-border-color: #000000;
--secondary-btn-bg: transparent;
--secondary-btn-text: #000000;
--secondary-btn-border-color: #000000;

}
#fw-section-footer {
--font-heading-scale: 0.91;
--font-body-scale: 1.11;
}
#fw-section-footer {
--color-primary: #01061f;
--color-primary-rgb: 1, 6, 31;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--color-on-background: #ff6606;
--color-on-background-rgb: 255, 102, 6;
--color-on-primary: #ffc037;
--color-on-primary-rgb: 255, 192, 55;
--color-product-image-background: #00ffb6;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #01061f;
--primary-btn-text: #ffc037;
--primary-btn-border-color: #ff6606;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ff6606;
--secondary-btn-border-color: #ff6606;

}
#fw-section-text-carousel-54147a5f-67cc-4447-8fda-c81b06a0e438 {
--font-heading-scale: 0.7;
--font-body-scale: 1.01;
}
#fw-section-text-carousel-54147a5f-67cc-4447-8fda-c81b06a0e438 {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--color-on-background: #ffd518;
--color-on-background-rgb: 255, 213, 24;
--color-on-primary: #ffd150;
--color-on-primary-rgb: 255, 209, 80;
--color-product-image-background: #00ffb6;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #000000;
--primary-btn-text: #ffd150;
--primary-btn-border-color: #ffd518;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ffd518;
--secondary-btn-border-color: #ffd518;

}
#fw-section-announcement-bar-be125f15-8ed9-448f-ae0b-289bfb0f7389 {
--font-heading-scale: 1.76;
--font-body-scale: 1.09;
}
#fw-section-header {
--font-heading-scale: 0.7;
--font-body-scale: 1.41;
}
#fw-section-header {
--color-primary: #000014;
--color-primary-rgb: 0, 0, 20;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--color-on-background: #f15300;
--color-on-background-rgb: 241, 83, 0;
--color-on-primary: #f5cfcf;
--color-on-primary-rgb: 245, 207, 207;
--color-product-image-background: #00ffb6;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #000014;
--primary-btn-text: #f5cfcf;
--primary-btn-border-color: #f15300;
--secondary-btn-bg: transparent;
--secondary-btn-text: #f15300;
--secondary-btn-border-color: #f15300;

}






#fw-section-password {
--font-heading-scale: 1.0;
--font-body-scale: 2.0;
}
#fw-section-password {
--color-primary: #f4a6a6;
--color-primary-rgb: 244, 166, 166;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--color-on-background: #cc4018;
--color-on-background-rgb: 204, 64, 24;
--color-on-primary: #f6501f;
--color-on-primary-rgb: 246, 80, 31;
--color-product-image-background: #00ffb6;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #f4a6a6;
--primary-btn-text: #f6501f;
--primary-btn-border-color: #cc4018;
--secondary-btn-bg: transparent;
--secondary-btn-text: #cc4018;
--secondary-btn-border-color: #cc4018;

}