@import url('https://fonts.googleapis.com/css2?family=Sarabun:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');

 :root {
     --primary-color: #1a365d;
     --active-color: #192a56;
     --bg-related: #eef4f9;
     --head-name-line:#16a085;
     --btn-calendar-event:#006266;
 }

 body {
     font-family: 'Urbanist','Sarabun', sans-serif;
     background-color: #f8f9fa;
 }

 .text-primary-custom {
     color: var(--primary-color);
 }

 .bg-primary-custom {
     background-color: var(--primary-color);
 }

 /* Navbar Styles */
 .navbar-brand .th-title {
     font-weight: 700;
     font-size: 1.4rem;
     color: var(--primary-color);
 }

 .navbar-brand .en-title {
     font-weight: 500;
     font-size: 0.9rem;
     color: #6c757d;
 }

 .nav-link {
     color: var(--primary-color);
     font-weight: 500;
     padding: 0.5rem 1rem !important;
     border-radius: 6px;
     transition: all 0.3s ease;
 }

 /* Active Menu & Hover */
 .nav-link.active {
     background-color: var(--active-color) !important;
     color: #ffffff !important;
 }

 .nav-link:hover:not(.active) {
     background-color: var(--bg-related);
     color: var(--active-color);
 }

 /* Dropdown Hover (Desktop) */
 @media (min-width: 992px) {
     .nav-item.dropdown:hover .dropdown-menu {
         display: block;
         margin-top: 0;
         border: none;
         box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
     }
 }

 /* Right Menu Card */
 .right-menu-card {
     border: none;
     border-radius: 12px;
     box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
     background: #ffffff;
     /*height: 100%;*/
 }

 .right-menu-header {
     background-color: var(--primary-color);
     color: white;
     padding: 1rem 1.5rem;
     border-radius: 12px 12px 0 0;
     font-weight: 600;
     font-size: 20px;
     display: flex;
     align-items: center;
     gap: 10px;
 }

 .right-menu-list {
     list-style: none;
     padding: 0;
     margin: 0;
 }

 .right-menu-list li {
     border-bottom: 1px solid #e2e8f0;
 }

 .right-menu-list li:last-child {
     border-bottom: none;
 }

 .right-menu-list a {
     display: flex;
     align-items: center;
     gap: 12px;
     padding: 1rem 1.5rem;
     text-decoration: none;
     color: #2d3748;
     transition: all 0.2s ease;
     font-size: 18px;
     font-weight: 500;
 }

 .right-menu-list a i {
     color: var(--primary-color);
     font-size: 1.5rem;
     transition: transform 0.2s ease;
 }

 .right-menu-list a:hover {
     background-color: #f8f9fa;
     color: var(--primary-color);
 }

 .right-menu-list a:hover i {
     transform: translateX(3px);
 }

 /* News Tags Badges */
 .tag-congrat {
     background-color:#227093 !important;
     color: #ffffff !important;
 }

 .tag-activity {
     background-color:#218c74  !important;
     color: #ffffff !important;
 }

 .tag-training {
     background-color:#2c2c54 !important;
     color: #ffffff !important;
 }

 .tag-meeting {
     background-color:#cd6133 !important;
     color: #ffffff !important;
 }

 .tag-research {
     background-color:#cc8e35 !important;
     color: #ffffff !important;
 }

 .news-card {
     border-radius: 10px;
     overflow: hidden;
     transition: box-shadow 0.3s ease;
 }

 .news-card:hover {
     box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1) !important;
 }

 /* Read More Arrow Animation */
 .read-more-link {
     display: inline-flex;
     align-items: center;
 }

 .read-more-link i {
     transition: transform 0.3s ease;
 }

 .read-more-link:hover i {
     transform: translateX(6px);
 }

 /* Carousel Images */
 .carousel-img {
     height: 400px;
     object-fit: cover;
     border-radius: 12px;
 }

 /* Partner Logos */
 .hover-lift {
     transition: transform 0.3s ease;
     cursor: pointer;
 }

 .hover-lift:hover {
     transform: translateY(-8px);
 }

 .related-section {
     background-color: var(--bg-related);
     border-top: 1px solid #dce4ec;
 }

 /* Footer */
 footer {
     background-color: var(--primary-color);
     color: rgba(255, 255, 255, 0.8);
     padding: 2rem 0;
 }
.lh15{line-height:1.5;}
.lh18{line-height:1.8;}

.date-news{
	font-size:16px;
	font-weight:600;
	color:#393939;
}
.date-news-color-icon{
	color:#e58e26;
}
.dropdown-toggle::after {
    display: none !important;
}


.page-header {
  background: linear-gradient(135deg, var(--primary-color) 0%, #2a5298 100%);
  padding: 2rem 0; /* ปรับให้เล็กลง */
  position: relative;
}
.page-title {
  font-weight: 700;
  font-size: 1.75rem; /* ปรับฟอนต์ให้เล็กลง */
}
.breadcrumb {
  background: rgba(255, 255, 255, 0.1);
  padding: 0.5rem 1rem;
  border-radius: 50px;
  display: inline-flex;
  font-size: 0.9rem;
}
.breadcrumb-item a {
  color: #ffffff;
  text-decoration: none;
  opacity: 0.8;
}
.breadcrumb-item a:hover {
  opacity: 1;
  text-decoration: none !important;
}
.breadcrumb-item.active {
  color: #ffffff;
  opacity: 1;
  font-weight: 500;
}
.breadcrumb-item + .breadcrumb-item::before {
  color: #ffffff;
  opacity: 0.6;
}

.icn-head-color{
    color:#7efff5;
}
.bg-hero-main{
    background-color: #ffffff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='%23eaeaea' fill-opacity='0.4'%3E%3Cpolygon fill-rule='evenodd' points='8 4 12 6 8 8 6 12 4 8 0 6 4 4 6 0 8 4'/%3E%3C/g%3E%3C/svg%3E");
}