@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@300&display=swap');
body {
    background-color: #dcdcdd;
    font-size: 16px;

    /* เปลี่ยนสีพื้นหลังเป็น #ffcccb (สีแดงอ่อน) */
}
.navbar-brand img {
    max-width: 100px;
    /* ปรับขนาดภาพให้พอดีกับขนาดของ Navbar */
    height: auto;
    /* ทำให้ความสูงปรับตามอัตราส่วน */
}
.img1 {
    background-image: url('DJI_0097.jpg');
    background-size: cover;
    background-position: center;
    height: auto;
    /* กำหนดให้ความสูงของรูปภาพปรับตามสัดส่วน */
    width: 100%;
}
.content-container {
    max-width: 1300px;
    margin: 0 auto;
    /* ทำให้ container อยู่กึ่งกลาง */
}
@media (max-width: 768px) {
    .content-container {
        max-width: 1500px;
        margin: 0 auto;
        /* ทำให้ container อยู่กึ่งกลาง */
    }
}
@media (max-width: 576px) {
    .content-container {
        max-width: 30rem;
        /* ปรับความกว้างสูงสุดเมื่อหน้าจอเล็กกว่า 576px */
    }
}
.but {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    /* แนะนำให้ใช้ align-items: flex-start เพื่อให้ชิดด้านบน */
}
.fw-bolder {
    font-weight: bold;
}

#card {
    background-color: #fff;
    border: none;
    /* ลบขอบมนทั้งหมดของการ์ด */
}



/* .card {
    transition: box-shadow 0.3s ease-in-out;
}

.card:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    
} */