html,body {
    font-family: 'Sarabun', sans-serif !important;
}

@keyframes marquee {
    0% { transform: translateX(100%); }
    100% { transform: translateX(-100%); }
}

.marquee-rl {
    white-space: nowrap;
    display: inline-block;
    animation: marquee 20s linear infinite;
    /*transition: animation-duration 0.5s ease;*/
}
.marquee-rl:hover {
    animation-play-state: paused;
    /*animation-duration: 20s;*/
}

/* Font size adjustments */
.h1, h1 {
    font-size: 38px;
}

.h2, h2 {
    font-size: 32px;
}

.h3, h3 {
    font-size: 28px;
}

.h4, h4 {
    font-size: 24px;
}

.h5, h5 {
    font-size: 20px;
}

.h6, h6 {
    font-size: 18px;
}

.main-menu a,
.breadcumb-menu a,
.breadcumb-menu span {
    font-size: 14px;
}

/* ปรับ z-index เมนูหลักและซับเมนูให้สูงกว่าแผนที่ */
.vs-header {
  z-index: 2000 !important;
  position: relative;
}
.will-sticky .sticky-active {
  z-index: 2000 !important;
}
.main-menu ul.sub-menu,
.main-menu ul.mega-menu {
  z-index: 2001 !important;
}

@media (max-width: 1199px) {
    .h1, h1 {
        font-size: 32px;
    }
    .h2, h2 {
        font-size: 28px;
    }
    .h3, h3 {
        font-size: 24px;
    }
    .h4, h4 {
        font-size: 20px;
    }
    .h5, h5 {
        font-size: 18px;
    }
    .h6, h6 {
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    .h1, h1 {
        font-size: 28px;
    }
    .h2, h2 {
        font-size: 24px;
    }
    .h3, h3 {
        font-size: 22px;
    }
    .h4, h4 {
        font-size: 20px;
    }
    .h5, h5 {
        font-size: 16px;
    }
    .h6, h6 {
        font-size: 14px;
    }
}
.breadcumb-wrapper {
  padding-top: 80px;
  padding-bottom: 80px;
  background-color: var(--title-color);
}
img.logo {
 max-width: 60%;
}