@font-face {
    font-family: "Hanuman";
    src: url("../vendor/fonts/khmer/HanumanUI.eot");
    src: url("../vendor/fonts/khmer/HanumanUI.eot?#iefix")
            format("embedded-opentype"),
        url("../vendor/fonts/khmer/HanumanUI.woff2") format("woff2"),
        url("../vendor/fonts/khmer/HanumanUI.woff") format("woff"),
        url("../vendor/fonts/khmer/hanuman.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Hanuman";
    src: url("../vendor/fonts/khmer/HanumanUI-Bold.eot");
    src: url("../vendor/fonts/khmer/HanumanUI-Bold.eot?#iefix")
            format("embedded-opentype"),
        url("../vendor/fonts/khmer/HanumanUI-Bold.woff2") format("woff2"),
        url("../vendor/fonts/khmer/HanumanUI-Bold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Khmermef1";
    src: url("../vendor/fonts/khmer/Khmer-MEF1-Regular.ttf");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Siemreap";
    src: url("/fonts/khmer/SiemreapRegular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Khmermef2";
    src: url("../vendor/fonts/khmer/KhmerMEF2.eot");
    src: url("../vendor/fonts/khmer/KhmerMEF2.eot?#iefix")
            format("embedded-opentype"),
        url("../vendor/fonts/khmer/KhmerMEF2.woff2") format("woff2"),
        url("../vendor/fonts/khmer/KhmerMEF2.woff") format("woff"),
        url("../vendor/fonts/khmer/KhmerMEF2.ttf") format("truetype"),
        url("../vendor/fonts/khmer/KhmerMEF2.svg#KhmerMEF2") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "NewTimeRomance";
    src: url("../vendor/fonts/english/Times-New-Romance.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Khmer-OS-Battambang";
    src: url("../vendor/fonts/khmer/Khmer-OS-Battambang.ttf.woff")
            format("woff"),
        url("../vendor/fonts/khmer/Khmer-OS-Battambang.ttf.svg#Khmer-OS-Battambang")
            format("svg"),
        url("../vendor/fonts/khmer/Khmer-OS-Battambang.ttf.eot"),
        url("../vendor/fonts/khmer/Khmer-OS-Battambang.ttf.eot?#iefix")
            format("embedded-opentype");
    font-weight: normal;
    font-style: normal;
    unicode-range: U+00-FFFF;
}

@font-face {
    font-family: "Moulpali-Regular";
    src: url("../vendor/fonts/khmer/Moulpali-Regular.ttf");
    font-weight: normal;
    font-style: normal;
    unicode-range: U+00-FFFF;
}

@font-face {
    font-family: "NotoSansKhmer-Regular";
    src: url("../vendor/fonts/khmer/NotoSansKhmer-Regular.ttf");
    font-weight: normal;
    font-style: normal;
    unicode-range: U+00-FFFF;
}

@font-face {
    font-family: "NotoSansKhmer-Medium";
    src: url("../vendor/fonts/khmer/NotoSansKhmer-Medium.ttf");
    font-weight: normal;
    font-style: normal;
    unicode-range: U+00-FFFF;
}

@font-face {
    font-family: "NotoSansKhmer-Bold";
    src: url("../vendor/fonts/khmer/NotoSansKhmer-Bold.ttf");
    font-weight: normal;
    font-style: normal;
    unicode-range: U+00-FFFF;
}

@font-face {
    font-family: "khmermef1";
    src: url("../vendor/fonts/khmer/KhmerMEF1.eot");
    src: url("../vendor/fonts/khmer/KhmerMEF1.eot?#iefix")
            format("embedded-opentype"),
        url("../vendor/fonts/khmer/KhmerMEF1.woff2") format("woff2"),
        url("../vendor/fonts/khmer/KhmerMEF1.woff") format("woff"),
        url("../vendor/fonts/khmer/KhmerMEF1.ttf") format("truetype"),
        url("../vendor/fonts/khmer/KhmerMEF1.svg#KhmerMEF1") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Futura";
    src: url("../fonts/khmer/Futura.ttc");
}

html * {
    font-family: Siemreap, "Open Sans", "Arial";
}

body {
    font-family: Siemreap, "Open Sans", "Arial";
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

.title-kh {
    font-size: 14px;
    /* font-family: Moulpali-Regular; */
}

.title-en {
    font-size: 10px;
    text-align: center;
    /* font-family: NotoSansKhmer-Regular; */
}

@media screen and (max-width: 635px) {
    .title-kh {
        font-size: 13px;
    }

    .title-en {
        font-size: 10px;
    }

    .img-logo {
        width: 45px;
        height: 45px;
    }
}

@media screen and (max-width: 499px) {
    .title-kh {
        font-size: 11px;
    }

    .title-en {
        font-size: 9px;
    }
}

@media screen and (max-width: 459px) {
    .title-kh {
        font-size: 9px;
    }

    .title-en {
        font-size: 7px;
    }
}

/* Custom Css */

h1.text-capitalize,
span.text-capitalize {
    font-size: 1.5rem;
    font-weight: bold;
}

.fi-wi-chart > section {
    height: 100% !important;
    /* Force full height */
}

.bg-custom-gray {
    background-color: rgba(114, 111, 111, 0.11) !important;
}

.logo-font-header {
    font-family: khmermef2, "Courier New", Courier, monospace !important;
    font-weight: 700 !important;
    color: #0c9bee !important;
    font-size: 10pt !important;
}

.logo-font-sub-header {
    font-family: khmermef2, "Courier New", Courier, monospace !important;
    font-weight: 700 !important;
    color: #0c9bee !important;
    font-size: 6pt !important;
}

.img-logo {
    width: 50px;
    height: 50px;
    margin-top: 5px;
}

legend {
    font-size: 16px !important;
    font-weight: bold !important;
}

label span {
    font-size: 14px !important;
    font-weight: bold !important;
}

a.fi-breadcrumbs-item-label {
    color: #0c9bee !important;
}

.text-sm {
    font-size: 16px !important;
    font-weight: normal !important;
}

span.fi-fo-wizard-header-step-label {
    font-weight: bold !important;
    font-size: 16px !important;
    /* color: black !important; */
}

.fi-section-header-heading {
    font-size: 18px !important;
}

.fi-in-entry-wrp-label span {
    font-weight: bold !important;
}

input[type="password"] {
    font-family: "Open Sans", "Arial", sans-serif, "Hanuman" !important;
}

.text-red-500 {
    color: #dc2626 !important;
}

.text-yellow-500 {
    color: #d97706 !important;
}

.text-green-500 {
    color: #16a34a !important;
}

.custom-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

@media (max-width: 640px) {
    .custom-grid {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}