/**
 * @author Nitiruj Atipongpisal <zennitiruj@gmail.com>
 * @file Description
 * @desc Created on 2025-10-31 1:32:21 pm
 * @copyright APPI SASU
 */
 /*  @import url('https://cdn.jsdelivr.net/gh/lazywasabi/thai-web-fonts@7/fonts/LINESeedSansTH/LINESeedSansTH.css'); */
 @import url('https://fonts.googleapis.com/css2?family=Sarabun&display=swap');
 @font-face {
     font-family: 'password';
     font-style: normal;
     font-weight: 400;
     src: url('https://jsbin-user-assets.s3.amazonaws.com/rafaelcastrocouto/password.ttf');
   }

 body{
     font-family: var(--font-family);
 }
 body.bg-gray-50{
    background-color: rgba(240,240,240,1);
}
.bg-primary-50{
    background-color: rgba(var(--primary-500),0.3);
    backdrop-filter: calc(0.5rem - 1px) blur(1px);
}
.font-sans{
    font-family: var(--font-family);
}
.font-sarabun{
    font-family: 'Sarabun', sans-serif;
}
.fi-resource-courses-course-enrollments .fi-ta-ctn{
    background-color: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
.fi-resource-courses-courses .fi-ta-ctn .fi-align-end{
    justify-content: space-between !important;
}

.fi-ta-content-ctn .fi-ta-content .fi-ta-record:not(.fi-ta-record-with-content-prefix) .fi-ta-record-content, .fi-ta-content-ctn .fi-ta-content .fi-ta-record:not(.fi-ta-record-with-content-prefix) .fi-ta-actions{
    padding-inline-start: 0 !important;
    padding-inline-end: 0 !important;
}

.fi-sidebar-nav{
    background-color: light-dark(var(--color-white), var(--color-gray-900)) !important;
}


/* for new home page */
        .sticky-nav {
            position: sticky;
            top: 0;
            z-index: 50;
            transition: all 0.3s ease;
        }

        .sticky-nav.scrolled {
            background: rgba(255, 255, 255, 0.95);
            backdrop-filter: blur(10px);
            box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
        }

        .tab-indicator {
            position: absolute;
            bottom: 0;
            height: 3px;
            background: linear-gradient(90deg, #3b82f6, #1d4ed8);
            transition: all 0.3s ease;
            border-radius: 2px 2px 0 0;
        }

        .course-hero {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            margin-left: -30px;
            margin-right: -30px;
            margin-top: -33px;
        }

        .glass-card {
            background: rgba(255, 255, 255, 0.9);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.2);
        }