:root {
    --card-font-size: 40px;
    --card-text-color: #111827;
    --card-bg: #ffffff;
}

.dark {
    --card-text-color: #f3f4f6;
    --card-bg: #1e293b;
}

.glass-card {
    background: rgba(255, 255, 255, 0.85);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
}

.dark .glass-card {
    background: rgba(30, 41, 59, 0.85);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
}

.custom-scrollbar::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.custom-scrollbar::-webkit-scrollbar-track {
    background: transparent;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 9999px;
}

.dark .custom-scrollbar::-webkit-scrollbar-thumb {
    background: #475569;
}

#toast {
    visibility: hidden;
    min-width: 280px;
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    color: #fff;
    border-radius: 12px;
    padding: 12px 20px;
    position: fixed;
    z-index: 99999;
    left: 50%;
    bottom: 30px;
    transform: translateX(-50%) translateY(20px);
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.3), 0 8px 10px -6px rgba(0, 0, 0, 0.2);
    opacity: 0;
    transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 600;
}

#toast.show {
    visibility: visible;
    opacity: 1;
    bottom: 40px;
    transform: translateX(-50%) translateY(0);
}

.copy-formats-menu {
    transition: all 0.2s ease-in-out;
}

.font-card {
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.font-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 24px -6px rgba(124, 58, 237, 0.12), 0 4px 10px -4px rgba(0, 0, 0, 0.06);
}

.dark .font-card:hover {
    box-shadow: 0 12px 24px -6px rgba(139, 92, 246, 0.2);
}

@keyframes subtle-float {
    0%, 100% { transform: translateY(0px) scale(1); }
    50% { transform: translateY(-8px) scale(1.02); }
}

.hero-watermark {
    animation: subtle-float 12s ease-in-out infinite;
}

@font-face {
    font-family: 'Bamini';
    src: url('../fonts/Bamini.otf?v=5') format('opentype');
    font-display: swap;
}
@font-face {
    font-family: 'Baamini';
    src: url('../fonts/Baamini.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'BAMINI-Tamil01';
    src: url('../fonts/BAMINI-Tamil01.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'BAMINI-Tamil02';
    src: url('../fonts/BAMINI-Tamil02.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'BAMINI-Tamil03';
    src: url('../fonts/BAMINI-Tamil03.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'BAMINI-Tamil04';
    src: url('../fonts/BAMINI-Tamil04.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'BAMINI-Tamil05';
    src: url('../fonts/BAMINI-Tamil05.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'BAMINI-Tamil06';
    src: url('../fonts/BAMINI-Tamil06.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'BAMINI-Tamil07';
    src: url('../fonts/BAMINI-Tamil07.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'BAMINI-Tamil08';
    src: url('../fonts/BAMINI-Tamil08.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'BAMINI-Tamil09';
    src: url('../fonts/BAMINI-Tamil09.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'BAMINI-Tamil10';
    src: url('../fonts/BAMINI-Tamil10.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'BAMINI-Tamil11';
    src: url('../fonts/BAMINI-Tamil11.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'BAMINI-Tamil12';
    src: url('../fonts/BAMINI-Tamil12.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'BAMINI-Tamil13';
    src: url('../fonts/BAMINI-Tamil13.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'BAMINI-Tamil14';
    src: url('../fonts/BAMINI-Tamil14.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'BAMINI-Tamil15';
    src: url('../fonts/BAMINI-Tamil15.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'BAMINI-Tamil16';
    src: url('../fonts/BAMINI-Tamil16.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'BAMINI-Tamil17';
    src: url('../fonts/BAMINI-Tamil17.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'BAMINI-Tamil18';
    src: url('../fonts/BAMINI-Tamil18.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'BAMINI-Tamil19';
    src: url('../fonts/BAMINI-Tamil19.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'BAMINI-Tamil20';
    src: url('../fonts/BAMINI-Tamil20.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'BAMINI-Tamil21';
    src: url('../fonts/BAMINI-Tamil21.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'BAMINI-Tamil22';
    src: url('../fonts/BAMINI-Tamil22.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'BAMINI-Tamil23';
    src: url('../fonts/BAMINI-Tamil23.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'BAMINI-Tamil24';
    src: url('../fonts/BAMINI-Tamil24.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'BAMINI-Tamil25';
    src: url('../fonts/BAMINI-Tamil25.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'BAMINI-Tamil26';
    src: url('../fonts/BAMINI-Tamil26.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'BAMINI-Tamil27';
    src: url('../fonts/BAMINI-Tamil27.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'BAMINI-Tamil28';
    src: url('../fonts/BAMINI-Tamil28.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'BAMINI-Tamil29';
    src: url('../fonts/BAMINI-Tamil29.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'BAMINI-Tamil30';
    src: url('../fonts/BAMINI-Tamil30.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'BAMINI-Tamil31';
    src: url('../fonts/BAMINI-Tamil31.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'BAMINI-Tamil32';
    src: url('../fonts/BAMINI-Tamil32.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'BAMINI-Tamil33';
    src: url('../fonts/BAMINI-Tamil33.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'BAMINI-Tamil34';
    src: url('../fonts/BAMINI-Tamil34.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'BAMINI-Tamil35';
    src: url('../fonts/BAMINI-Tamil35.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'BAMINI-Tamil36';
    src: url('../fonts/BAMINI-Tamil36.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'BAMINI-Tamil37';
    src: url('../fonts/BAMINI-Tamil37.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'BAMINI-Tamil38';
    src: url('../fonts/BAMINI-Tamil38.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'BAMINI-Tamil39';
    src: url('../fonts/BAMINI-Tamil39.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'BAMINI-Tamil40';
    src: url('../fonts/BAMINI-Tamil40.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'BAMINI-Tamil41';
    src: url('../fonts/BAMINI-Tamil41.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'BAMINI-Tamil42';
    src: url('../fonts/BAMINI-Tamil42.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'BAMINI-Tamil43';
    src: url('../fonts/BAMINI-Tamil43.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'BAMINI-Tamil44';
    src: url('../fonts/BAMINI-Tamil44.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'BAMINI-Tamil45';
    src: url('../fonts/BAMINI-Tamil45.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'BAMINI-Tamil46';
    src: url('../fonts/BAMINI-Tamil46.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'BAMINI-Tamil47';
    src: url('../fonts/BAMINI-Tamil47.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'BAMINI-Tamil48';
    src: url('../fonts/BAMINI-Tamil48.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'BAMINI-Tamil49';
    src: url('../fonts/BAMINI-Tamil49.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'BAMINI-Tamil50';
    src: url('../fonts/BAMINI-Tamil50.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'BAMINI-Tamil62';
    src: url('../fonts/BAMINI-Tamil62.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'BAMINI-Tamil72';
    src: url('../fonts/BAMINI-Tamil72.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'BAMINI-Tamil76';
    src: url('../fonts/BAMINI-Tamil76.otf?v=5') format('opentype');
    font-display: swap;
}
@font-face {
    font-family: 'JF Banumathi';
    src: url('../fonts/JF%20Banumathi.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'JF Albert';
    src: url('../fonts/JF%20Albert.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'JF Bharathi Bold';
    src: url('../fonts/JF%20Bharathi%20Bold.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'JF Budtha';
    src: url('../fonts/JF%20Budtha.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'JF Buvana Bold';
    src: url('../fonts/JF%20Buvana%20Bold.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'JF Cheran Bold';
    src: url('../fonts/JF%20Cheran%20Bold.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'JF Devadas';
    src: url('../fonts/JF%20Devadas%20Bold.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'JF Ganapathi';
    src: url('../fonts/JF%20Ganapathi.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'JF Ilango';
    src: url('../fonts/JF%20Ilango.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'JF Kamala';
    src: url('../fonts/JF%20Kamala.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'JF Kamban';
    src: url('../fonts/JF%20Kamban.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'JF Kanimozhi';
    src: url('../fonts/JF%20Kanimozhi.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'JF Kannan';
    src: url('../fonts/JF%20Kannan.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'JF Kovalan Bold';
    src: url('../fonts/JF%20Kovalan%20Bold.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'JF Murugan Bold';
    src: url('../fonts/JF%20Murugan%20Bold.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'JF Nalan Bold';
    src: url('../fonts/JF%20Nalan%20Bold.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'JF Oviya';
    src: url('../fonts/JF%20Oviya.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'JF Pandian';
    src: url('../fonts/JF%20Pandian.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'JF Perumal Bold';
    src: url('../fonts/JF%20Perumal%20Bold.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'JF Priya';
    src: url('../fonts/JF%20Priya.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'JF Rani';
    src: url('../fonts/JF%20Rani.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'JF Surya';
    src: url('../fonts/JF%20Surya.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'JF Thamarai';
    src: url('../fonts/JF%20Thamarai.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'JF Thendral';
    src: url('../fonts/JF%20Thendral.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'JF Vasanth';
    src: url('../fonts/JF%20Vasanth.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'JF Thamizh Bold';
    src: url('../fonts/JF%20Thamizh%20Bold.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'JF Muthulingam';
    src: url('../fonts/JF%20Muthulingam.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'JF Nakkeeran';
    src: url('../fonts/JF%20Nakkeeran.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'JF Naveena';
    src: url('../fonts/JF%20Naveena.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'JF Monisha';
    src: url('../fonts/JF%20Monisha.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'TAU Kabilar';
    src: url('../fonts/TAU-Kabilar-I.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'TAU Valluvar';
    src: url('../fonts/TAU-Valluvar.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'TAU Achu';
    src: url('../fonts/TAU-Achu.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'TAU Barathi';
    src: url('../fonts/TAU-Barathi.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'TAU Ezhil';
    src: url('../fonts/TAU-Ezhil.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'TAU Kambar';
    src: url('../fonts/TAU-Kambar.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'TAU Kaveri';
    src: url('../fonts/TAU-Kaveri.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'TAU Kurinji';
    src: url('../fonts/TAU-Kurinji.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'TAU Malar';
    src: url('../fonts/TAU-Malar.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'TAU Marutham';
    src: url('../fonts/TAU-Marutham.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'TAU Mullai';
    src: url('../fonts/TAU-Mullai.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'TAU Neythal';
    src: url('../fonts/TAU-Neythal.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'TAU Nilavu';
    src: url('../fonts/TAU-Nilavu.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'TAU Paalai';
    src: url('../fonts/TAU-Paalai.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'TAU Urai';
    src: url('../fonts/TAU-Urai.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'Uni Ila Sundaram';
    src: url('../fonts/Uni%20Ila.Sundaram-01.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'Uni Ila Sundaram 02';
    src: url('../fonts/Uni%20Ila.Sundaram-02.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'Uni Ila Sundaram 03';
    src: url('../fonts/Uni%20Ila.Sundaram-03.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'Uni Ila Sundaram 04';
    src: url('../fonts/Uni%20Ila.Sundaram-04.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'Uni Ila Sundaram 05';
    src: url('../fonts/Uni%20Ila.Sundaram-05.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'Vavuniya';
    src: url('../fonts/Vavuniya%20Regular.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'Thodiragam';
    src: url('../fonts/Thodiragam.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'Vijaya';
    src: url('../fonts/Vijaya.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'ThendralUni';
    src: url('../fonts/ThendralUni.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'MeeraTamil';
    src: url('../fonts/MeeraTamil.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'Latha';
    src: url('../fonts/Latha.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'PostNoBillsColombo';
    src: url('../fonts/PostNoBillsColombo.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'PostNoBillsJaffna';
    src: url('../fonts/PostNoBillsJaffna.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'YaldeviColombo';
    src: url('../fonts/YaldeviColombo.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'YaldeviJaffna';
    src: url('../fonts/YaldeviJaffna.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'JF Aadhi Bold';
    src: url('../fonts/JF%20Aadhi%20Bold.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'JF Aravinthan Bold';
    src: url('../fonts/JF%20Aravinthan%20Bold.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'JF Asokamithiran';
    src: url('../fonts/JF%20Asokamithiran.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'JF Basheer Bold';
    src: url('../fonts/JF%20Basheer%20Bold.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'JF Boobalan';
    src: url('../fonts/JF%20Boobalan.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'JF Bramma Bold';
    src: url('../fonts/JF%20Bramma%20Bold.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'JF Dhinesh Bold';
    src: url('../fonts/JF%20Dhinesh%20Bold.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'JF Kalamegam';
    src: url('../fonts/JF%20Kalamegam.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'JF Kalidasan';
    src: url('../fonts/JF%20Kalidasan.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'JF Karikalan Bold';
    src: url('../fonts/JF%20Karikalan%20Bold.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'JF Kuil';
    src: url('../fonts/JF%20Kuil.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'JF Madhav';
    src: url('../fonts/JF%20Madhav.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'JF Mallika Bold';
    src: url('../fonts/JF%20Mallika%20Bold.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'JF Mangalam Bold';
    src: url('../fonts/JF%20Mangalam%20Bold.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'JF Meenu';
    src: url('../fonts/JF%20Meenu.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'JF Sibi Bold';
    src: url('../fonts/JF%20Sibi%20Bold.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'JF Siva';
    src: url('../fonts/JF%20Siva.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'JF Banumathi';
    src: url('../fonts/JF%20Banumathi.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'JF Albert';
    src: url('../fonts/JF%20Albert.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'TAU Kabilar';
    src: url('../fonts/TAU-Kabilar-I.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'TAU Valluvar';
    src: url('../fonts/TAU-Valluvar.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'JF Ravivarma';
    src: url('../fonts/JF%20Ravivarma.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'JF Rani';
    src: url('../fonts/JF%20Rani.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'JF Thamizh Bold';
    src: url('../fonts/JF%20Thamizh%20Bold.ttf?v=5') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'JF Oviya';
    src: url('../fonts/JF%20Oviya.ttf?v=5') format('truetype');
    font-display: swap;
}