.write-virtical {
    writing-mode: vertical-rl;
    text-orientation: upright;
}

.font-garamond {
    font-family: "EB Garamond", serif;
}

.eb-garamond-nomal {
    font-family: "EB Garamond", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

.zen-old-mincho-regular {
    font-family: "Zen Old Mincho", serif;
    font-weight: 400;
    font-style: normal;
}

.font-old-mincho {
    font-family: "Zen Old Mincho", serif;
}

.font-tsukuaoldmin-pr6n {
    font-family: "fot-tsukuaoldmin-pr6n", sans-serif;
}

.tsukuaoldmin-pr6n {
    font-family: "fot-tsukuaoldmin-pr6n", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.scroll-container {
    scroll-snap-type: x mandatory;
}

.scrollbar-hide {
    -ms-overflow-style: none;
    /* Internet Explorer用 */
    scrollbar-width: none;
    /* Firefox用 */
}

.scrollbar-hide::-webkit-scrollbar {
    display: none;
    /* Chrome, Safari, Edge用 */
}

.border-t-dotted {
    border-top-style: dotted;
}

.border-b-dotted {
    border-bottom-style: dotted;
}

.dotted-line {
    text-decoration: underline dotted;
    text-decoration-color: rgba(40, 21, 0, 0.5);
    letter-spacing: 1px;
}

#bottomSlides {
    display: flex;
    width: 100%;
    overflow: hidden;
}

#bottomSlides li {
    width: 100%;
    flex-shrink: 0;
}

.hide-scrollbar::-webkit-scrollbar {
    display: none;
}

.hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.slide1_img {
    width: 100% !important;
}

@media screen and (min-width: 1024px) {
    .slide1_img {
        width: 33.3333333333% !important;
    }
}


#slider1 {
    display: flex;
    transition: transform 0.5s ease-in-out;
    height: 484px;
}

/* Đảm bảo mỗi ảnh sẽ chiếm toàn bộ chiều rộng của container */
.slide1_img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    flex-shrink: 0;
}

#slider-container {
    overflow-x: hidden;
    touch-action: pan-y;
}

.img_slide_w {
    width: 100%;
}

/* @media screen and (min-width: 1024px) {
    .img_slide_w {
        width: 20% !important;
    }
} */

.write-virtical {
    writing-mode: vertical-rl;
    text-orientation: upright;
}

.eb-garamond-nomal {
    font-family: "EB Garamond", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

.zen-old-mincho-regular {
    font-family: "Zen Old Mincho", serif;
    font-weight: 400;
    font-style: normal;
}

.tsukuaoldmin-pr6n {
    font-family: "fot-tsukuaoldmin-pr6n", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.scroll-container {
    scroll-snap-type: x mandatory;
}

.scrollbar-hide {
    -ms-overflow-style: none;
    /* Internet Explorer用 */
    scrollbar-width: none;
    /* Firefox用 */
}

.scrollbar-hide::-webkit-scrollbar {
    display: none;
    /* Chrome, Safari, Edge用 */
}