.btn-pasa {
    color: rgb(255, 255, 255) !important;
    background-color: rgb(0, 39, 104) !important;
    border-color: rgb(0, 39, 104);
    cursor: pointer !important;
}

.nav-link {
    cursor: pointer !important;
}

.card-body a, .link-date {
    color: #061e43;
}

.text-underline {
    text-decoration: underline;
}

.container_1 {
    max-width: 1200px;
}

.container_1 {
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 1400px) {
    .container_1 {
        max-width: 1320px;
    }
}

@media (min-width: 1200px) {
    .container_1 {
        max-width: 1140px;
    }
}

@media (min-width: 992px) {
    .container_1 {
        max-width: 960px;
    }
}

@media (min-width: 768px) {
    .container_1 {
        max-width: 720px;
    }
}

@media (min-width: 576px) {
    .container_1 {
        max-width: 540px;
    }
}

@media (max-width: 767px) {
    .blockquote-details .info {
        padding-left: 0.1rem !important;
    }

    .card-body .info * {
        width: 100px; /* กำหนดความกว้างขององค์ประกอบ */
        white-space: nowrap; /* ป้องกันการขึ้นบรรทัดใหม่ */
        overflow: hidden; /* ซ่อนเนื้อหาที่ล้นเกินไป */
        text-overflow: ellipsis; /* เพิ่ม "..." ที่ตอนท้ายของข้อความ */
    }
}

.container_1 {
    width: 100%;
    padding-right: var(--bs-gutter-x, .75rem);
    padding-left: var(--bs-gutter-x, .75rem);
    margin-right: auto;
    margin-left: auto;
}

.item figure .item-link {
    opacity: 0;
    position: absolute;
    right: unset !important;
    left: 9rem !important;
    bottom: 7rem !important;
    width: 4.2rem;
    height: 4.2rem;
    line-height: 2.2rem;
    z-index: 1;
    transition: all .3s ease-in-out;
    opacity: 0;
    color: #343f52;
    background: rgba(255,255,255,.7);
    box-shadow: 0 0.25rem 0.75rem rgba(30,34,40,.02);
    font-size: 4rem !important;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
}

.gradient-9 {
    background: #00bf8f; /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #001510, #00bf8f); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #001510, #00bf8f); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.gradient-0 {
    background: #ff0084; /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #33001b, #ff0084); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #33001b, #ff0084); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.pull-right {
    float: right !important;
}

/* กำหนดรูปแบบสำหรับ scrollbar ทั้งหมด */
/* กำหนดส่วนของ track (พื้นหลังของ scrollbar) */
::-webkit-scrollbar-track {
    background-color: #f1f1f1; /* สีพื้นหลัง */
    border-radius: 15px; /* มุมโค้ง */
}

/* กำหนดส่วนของ handle (ส่วนที่เลื่อนขึ้นลงหรือซ้ายขวา) */
::-webkit-scrollbar-thumb {
    background-color: #888c; /* สีของ handle */
    border-radius: 15px; /* มุมโค้ง */
}

    /* เปลี่ยนสีของ handle เมื่อ hover หรือคลิก */
    ::-webkit-scrollbar-thumb:hover {
        background-color: #555; /* สีของ handle เมื่อ hover */
    }

/* กำหนดความกว้างของ scrollbar */
::-webkit-scrollbar {
    width: 7px; /* ความกว้างของ scrollbar สำหรับแนวตั้ง */
    height: 10px; /* ความสูงของ scrollbar สำหรับแนวนอน */
}


.blog-details a {
    font-size: 18px !important;
    font-weight: 400 !important;
    -moz-osx-font-smoothing: grayscale;
    color: #3b3a3a;
    font-family: 'Sarabun', sans-serif;
    line-height: 1.625;
}

.d-none-l-1 {
    display: none
}

[class*=divider-v-] {
    position: relative;
    width: auto;
    height: 100%;
    overflow: hidden;
}

@media (min-width: 992px) {
    .d-lg-block {
        display: block !important;
    }
}

.text-gray {
    --bs-text-opacity: 1;
    color: #f6f7f9 !important;
}

.d-none {
    display: none !important;
}

[class*=divider-v-].divider-v-start > svg {
    top: 0;
    left: 0;
}

[class*=divider-v-].divider-v-start > svg {
    top: 0;
    left: 0;
}

[class*=divider-v-] > svg {
    height: 100%;
    width: auto;
    transform: scale(1.2);
    position: absolute;
}

[class*=divider-v-] > svg {
    height: 100%;
    width: auto;
    transform: scale(1.2);
    position: absolute;
}

img, svg {
    vertical-align: middle;
}

.blog-details figcaption {
    margin-top: 15px;
    font-size: 18px !important;
    font-family: 'Kanit';
}

/*.progress-wrap {
            position: fixed;
            right: 1.5rem;
            bottom: 11.8rem !important;
            width: 2.3rem;
            height: 2.3rem;
            cursor: pointer;
            display: block;
            border-radius: 100%;
            box-shadow: inset 0 0 0 0.1rem rgba(128,130,134,.25);
            z-index: 1040;
            opacity: 0;
            visibility: hidden;
            transform: translateY(0.75rem);
            transition: all .2s linear,margin-right 0s;
        }*/

.dark-fields .form-control {
    background: #ffffff;
    border-color: rgba(255,255,255,.1);
    color: #1e1e1e !important;
}

.owl-carousel .owl-dots .owl-dot span {
    width: 1.8rem !important;
    height: 1.8rem !important;
    margin: 0 0.3rem;
    background: #aab0bc;
    opacity: .5;
    display: block;
    -webkit-backface-visibility: visible;
    transition: all .2s ease-in-out;
    border-radius: 100%;
    transform: scale(.6);
    border: 3px solid transparent;
}

footer .widget .list-unstyled:not(.tag-list) li + li {
    margin-top: 10px;
}

/*.btn-primary {
            color: #fff;
            background-color: #f15a27 !important;
            border-color: #f15a279c !important;
            letter-spacing: 0.07em !important;
        }*/