/* Footer Section */
.footer {
    background-color: #5C0311; /* สีพื้นหลังของ footer 80091b */
    color: #fff; /* สีตัวอักษร */
    padding: 40px 40px; /* ระยะห่างด้านใน */
    font-family: Arial, sans-serif;
}

.footer-container {
    display: flex; /* ใช้ Flexbox จัดเรียง */
    flex-wrap: wrap; /* ให้ส่วนย่อยซ้อนกันในหน้าจอเล็ก */
    justify-content: space-between; /* เว้นระยะห่างระหว่างส่วนย่อย */
    max-width: 1500px; /* กำหนดความกว้างสูงสุด */
    margin: 0 auto; /* จัดให้อยู่กลาง */
    padding: 0 20px;
}

.footer-about,
.footer-links,
.footer-contact {
    flex: 1; /* กำหนดขนาดให้แต่ละส่วนเท่ากัน */
    margin: 15px;
}

.footer-about h3,
.footer-links h3,
.footer-contact h3 {
    font-size: 18px; /* ขนาดหัวข้อ */
    margin-bottom: 15px; /* เว้นระยะใต้หัวข้อ */
    color: #fff; /* สีหัวข้อ */
}

.footer-about p, 
.footer-contact p {
    font-size: 14px; /* ขนาดข้อความในส่วน About และ Contact */
    line-height: 1.6; /* ความสูงบรรทัด */
}

.footer-links ul {
    list-style: none; /* ลบ bullet point */
    padding: 0;
}

.footer-links li {
    margin-bottom: 8px;
}

.footer-links a {
    text-decoration: none; /* ลบเส้นใต้ลิงก์ */
    color: #fff; /* สีลิงก์ */
    font-size: 14px; /* ขนาดตัวอักษรลิงก์ */
    transition: color 0.3s; /* เพิ่มแอนิเมชัน */
}

.footer-links a:hover {
    color: #0dc7ab; /* เปลี่ยนสีเมื่อ Hover */
}

.footer-bottom {
    text-align: center; /* จัดข้อความให้อยู่ตรงกลาง */
    margin-top: 30px; /* ระยะห่างด้านบน */
    font-size: 14px; /* ขนาดข้อความล่างสุด */
    border-top: 1px solid #fff; /* เส้นแบ่งด้านบน */
    padding-top: 15px; /* ระยะห่างด้านบนของเส้นแบ่ง */
}

@media (max-width: 768px) {
    .footer-container {
        flex-direction: column; /* เรียงในแนวตั้งสำหรับหน้าจอเล็ก */
        text-align: center; /* จัดข้อความให้อยู่ตรงกลาง */
    }

    .footer-about,
    .footer-links,
    .footer-contact {
        margin-bottom: 20px;
    }
}