.menu-list .menu-item {
    background: #1B4332 !important;
    background: linear-gradient(180deg, rgba(27, 67, 50, 0.94) 0%, rgba(64, 145, 108, 1) 100%) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 140% 140% !important;
}

.appbar-menu .menu-item {
    background: #1B4332 !important;
    background: linear-gradient(180deg, rgba(27, 67, 50, 0.94) 0%, rgba(64, 145, 108, 1) 100%) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 140% 140% !important;
}

.div-card img {
    border-radius: 8px;
    height: 300px !important;
    width: 508px !important;
}

.swiper-slide {
    width: 500px !important;
}

@media only screen and (max-width: 480px) {
    .div-card img {
        height: 170px !important;
    }
    .swiper-slide {
        width: 300px !important;
    }
}

.appbar .appbar-container .appbar-logo {
    max-height: 85px !important;
}

@media only screen and (max-width: 480px) {
    .appbar .appbar-container .appbar-logo {
        max-height: 55px !important;
    }
}

/* ปรับสี Top Bar ให้เป็นเข้มเขียวลึก */
.appbar .appbar-container.main .appbar-top {
    background: linear-gradient(180deg, #081C15 0%, #1B4332 100%);
}

@media only screen and (max-width: 480px) {
    .appbar .appbar-container.main .appbar-top {
        height: 45px !important;
    }
}

.v-btn__content {
    color: #ffffff !important;
}

h2, h3 {
    color: #ffffff !important;
}

h1.ql-align-center span {
    color: #000 !important;
}

h2.ql-align-center {
    color: #000 !important;
}

p.ql-align-center {
    color: #000 !important;
}

h1 > span {
    color: #ffffff !important;
}

h2 > span {
    color: #ffffff !important;
}

p > span {
    color: #ffffff !important;
}

.text-center img {
    max-width: 95px !important;
}

/* ปรับสี Announcement Bar ให้เป็นเขียวกลาง */
.announcement-bar {
    background: #2D6A4F !important;
}

.page {
    background-image: url("https://ik.imagekit.io/rbrrvpwwo/summer-background-with-beach-view-realistic-style.webp") !important;
}

/* ปรับสี Footer ให้เป็นเขียวเข้มสุด */
.footer-container {
    background-color: #081C15 !important;
}

.appbar .appbar-container.main .appbar-bottom .menu-item .icon {
    height: 35px !important;
    width: 35px !important;
}

.bg {
    color: #100d0d !important;
}