/* Custom CSS for hero section background and text color */
.hero-section {
    background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url('../img/2.jpg'); /* แทนที่ด้วยรูปภาพของคุณเอง */
	position: relative;
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
	min-height: 65vh;
    color: #ffffff; /* สีข้อความเป็นสีขาว */
    padding: 80px 0; /* เพิ่มระยะห่างด้านบนและล่าง */
}

/* Optional: Make cards look a bit more elevated */
.card {
    transition: transform 0.2s ease-in-out;
}

.card:hover {
    transform: translateY(-5px); /* ยกการ์ดขึ้นเล็กน้อยเมื่อเมาส์ชี้ */
}

/* Custom styles for buttons (optional, if you want specific colors) */
.btn-primary {
    background-color: #007bff; /* สีฟ้าหลัก */
    border-color: #007bff;
}

.btn-primary:hover {
    background-color: #0056b3; /* สีฟ้าเข้มขึ้นเมื่อเมาส์ชี้ */
    border-color: #0056b3;
}

.btn-outline-primary {
    color: #007bff;
    border-color: #007bff;
}

.btn-outline-primary:hover {
    background-color: #007bff;
    color: #fff;
}