body{
    font-size: 16px;
    font-family: 'Prompt', sans-serif;
}
a:link{text-decoration: none;}

h2{
    font-size: 26px;
}
h3{
    font-size: 20px;
}

.container{max-width: 1200px;}

.bg-primary {
    background-color: #203E90 !important;
}

.bg-secondary {
    background-color: #213274 !important;
}

.navbar-nav .nav-link {
    color: white !important; /* กำหนดสีขาวให้กับลิงก์ */
    transition: color 0.3s ease-in-out; /* เพิ่มเอฟเฟกต์เปลี่ยนสี */
}
.navbar-nav .nav-link:hover {
    color: #ddd !important; /* เปลี่ยนสีเป็นสีเทาอ่อนเมื่อ Hover */
}

#container-carousel {
    background: url('images/background-banner-bw.jpg') no-repeat center center; /* ใส่รูปพื้นหลัง */
    background-size: cover; /* ปรับขนาดรูปให้เต็มพื้นที่ */
    padding: 50px 0; /* เพิ่ม Padding ด้านบนและล่าง */
}

.button1 {
    background: linear-gradient(to right, #1E73BE, #1F92C5); /* ไล่สีจากซ้ายไปขวา */
    color: white; /* ตัวอักษรสีขาว */
    border: none; /* ไม่มีเส้นขอบ */
    padding: 7px 15px; /* ระยะห่างภายในปุ่ม */
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    cursor: pointer;
    border-radius: 5px; /* ขอบโค้งมน */
    transition: background 0.3s ease-in-out; /* เพิ่มเอฟเฟกต์เปลี่ยนสีเวลา Hover */
}
.button1:hover {
    background: linear-gradient(to right,#145996, #167eaa); /* ไล่เฉดสีที่เข้มขึ้น */
}


/* Shortcut */
.shortcut-link {
    text-decoration: none; /* ลบขีดเส้นใต้ */
    display: block; /* ให้เป็นบล็อกเต็มความกว้าง */
}
.shortcut-content {
    background: #e0e0e0; /* พื้นหลังสีเทา */
    text-align: center; /* จัดข้อความให้อยู่ตรงกลาง */
    padding: 3rem 0 3rem; /* Padding ด้านบนและล่าง */
    transition: background 0.3s ease-in-out; /* เพิ่มเอฟเฟกต์เวลา Hover */
}
.shortcut-content:hover {
    background: #cdd5dd; /* สีพื้นหลังเมื่อ Hover */
    color:#145996;
}
.shortcut-icon {
    font-size: 2rem; /* ขนาดไอคอน */
    color: #2a4461; /* กำหนดสีตัวอักษร */
}
.shortcut-text {
    margin-top: 1rem; /* ระยะห่างด้านบนของข้อความ */
    color: black; /* กำหนดสีตัวอักษร */
}

.card{border: none;}
.card-title{font-size: 16px;}
    .owl-carousel .item {
        display: flex;
        flex-direction: column;
        height: 100%;
    }

    .owl-carousel .card {
        display: flex;
        flex-direction: column;
        height: 100%;
    }

    .owl-carousel .card-body {
        flex-grow: 1;
        min-height: 120px;
        display: flex;
        flex-direction: column;
        justify-content: center; /* จัดเนื้อหาให้อยู่กลางแนวตั้ง */
    }

    .owl-carousel .card-title {
        text-align: center; /* จัดข้อความให้อยู่กลาง */
    }

    /* กำหนดความสูงคงที่ */
    .card-img-top {
        object-fit: cover;
    }


.nav-item.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
}

.dropdown-item{font-size: 14px; margin-top: 5px; margin-bottom:5px;}
.footerlink{color: white;}
.titlefooter{
    color: yellow;
}