a:not([class]) {
    text-decoration: none;
}
.page-link, .page-link:hover,
a {
    color: #990300;
}
a:hover{
  color:#000000;
}
h1, .h1 {
        font-size: 24px;
    }
h2, .h2 {
        font-size: 18px;
    }
.bg-info {
    background-color: rgb(0 0 0) !important;
}
.page-link.active, .active>.page-link {
    background-color: #9f0d02;
    border-color: #9f0d02;
}
.footer .grid-child {

    padding: 0.7rem .5em;
}
.back-to-top-link:hover, .back-to-top-link:focus {
    background-color: #990000;
}
.container-header{
    background-color: #990000;
    background-image: linear-gradient(180deg, #990000 0%, #e39114 100%);
}
.footer{
    background-color: #990000;
    background-image: linear-gradient(0deg, #990000 0%, #e39114 100%);
}
body .metismenu.mod-menu .metismenu-item {
    padding: 0.5em 0.5em;
}
.smooth-marquee h2{
  margin-bottom: 0;
}
.text-run .card-body {
    padding: 5px 15px;
}
.blog-item h2{
          font-size: 22px;
}
body .blog-item h2 a{
      text-decoration: none;
  color:#000000;
}
.smooth-marquee {
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
}

.smooth-marquee span {
  display: inline-block;
  padding-left: 100%; /* เริ่มนอกจอด้านขวา */
  animation: marquee 40s linear infinite;
  font-size:20px;
}

@keyframes marquee {
  0% { transform: translateX(0%); }
  100% { transform: translateX(-100%); }
}
@media (min-width: 768px) {
.brand-logo img{
  max-width: 374px;
}
}