/*  --color-ku-green: #006633 ; */
        .bg-ku-gradient {
            background: linear-gradient(150deg, #004d26 0%, #006633 50%, #008844 100%);
        }
        /* Custom Soft Gradient for Navigation Background */
        .bg-topbar-gradient {
            background: linear-gradient(135deg, #f0f7f4 0%, #e8f3ed 50%, #f4f9f6 100%);
        }
        /* .gradient {
            background: linear-gradient(90deg, #d53369 0%, #daae51 100%);
        } */
        .bg-green{ 
            background:#28a745;
        }

        @font-face {
            font-family: 'Conv_Ubuntu-Light';
            src: url('../fonts/Ubuntu-Light.woff2') format('woff2'),
                url('../fonts/Ubuntu-Light.woff') format('woff'),
                url('../fonts/Ubuntu-Light.ttf') format('truetype');
            font-weight: 300; /* กำหนดเป็นตัวบาง (Light) */
            font-style: normal;
            font-display: swap; /* ช่วยให้ข้อความแสดงผลทันทีโดยไม่รอนาน */
        }
        .ubuntu{
            font-family: 'Conv_Ubuntu-Light', sans-serif;
        }

        .saraban{
            font-family: 'Sarabun', sans-serif;
        }
   
         /* Perspective and Flip Animation */
        .perspective-1000 {
            perspective: 1000px;
        }

        .transform-style-3d {
            transform-style: preserve-3d;
        }

        .backface-hidden {
            backface-visibility: hidden;
            -webkit-backface-visibility: hidden;
        }

        .rotate-y-180 {
            transform: rotateY(180deg);
        }

        /* Card Metallic Glass Gradient */
        .bg-ku-card-front {
            background: linear-gradient(135deg, #004d26 0%, #006633 60%, #008844 100%);
        }

        .bg-ku-card-back {
            background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
        }

        .gold-metallic-text {
            background: linear-gradient(135deg, #bf953f 0%, #fcf6ba 25%, #b38728 50%, #fbf5b7 75%, #aa771c 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .menu{
            color: var(--color-ku-green);
           
        }
        .menu:hover{
            color: var(--color-ku-gold);
        }
        .menu.active{
             color: var(--color-ku-gold);
             /* font-weight: 700; */
        }

        .nav-menu{
           color: var(--color-gray-700);
           
        }
        .nav-menu:hover{
        background: var(--color-gray-100);
        }

        .nav-menu.active{
             color: var(--color-ku-green);
           background-color: var(--color-green-50); 
        }


        .hologram-shimmer {
            background: linear-gradient(115deg, transparent 40%, rgba(255,255,255,0.15) 50%, transparent 60%);
            background-size: 200% 100%;
            animation: shimmer 4s infinite linear;
        }

        @keyframes shimmer {
            0% { background-position: -200% 0; }
            100% { background-position: 200% 0; }
        }

        /* Style เพิ่มเติมสำหรับเส้นขอบตารางเกรด */
        .registration-table th, 
        .registration-table td {
            border-bottom: 1px solid #e2e8f0;
        }

    

        /* Swiper Custom Navigation Dots Style */
         /*
        .swiper-pagination-bullet {
            width: 10px;
            height: 10px;
            background: #cbd5e1;
            opacity: 1;
            transition: all 0.3s ease;
        }
        .swiper-pagination-bullet-active {
            width: 28px;
            border-radius: 6px;
            background: #006633 !important;
        }

        /* Swiper Navigation Buttons Custom Position & Style 
       
        .swiper-button-next, .swiper-button-prev {
            width: 44px;
            height: 44px;
            background-color: rgba(255, 255, 255, 0.9);
            border: 1px solid #e2e8f0;
            border-radius: 50%;
            color: #006633;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
            transition: all 0.2s ease;
        }
        .swiper-button-next:after, .swiper-button-prev:after {
            font-size: 16px;
            font-weight: bold;
        }
        .swiper-button-next:hover, .swiper-button-prev:hover {
            background-color: #006633;
            color: #ffffff;
            border-color: #006633;
        }
        */