:root {
    --p-color: #7d1317;
    --pd-color: #4f0c0e;
    --s-color: #e09d06;
}

html {
    scroll-behavior: smooth;
}

body {
    transition: background-color 0.3s ease, color 0.3s ease;
}

.fade-theme {
    transition: none !important; /* Disable transition during JS forced theme set */
}

.p-color {
    color: var(--p-color);
}

.s-color {
    color: var(--s-color);
}
.bg-p-color {
    background-color: var(--p-color);
}
.bg-s-color {
    background-color: var(--s-color);
}

.moul {
    font-family: "Moul";
}

.tacteng {
    font-family: "Tacteng";
}

table,
tr,
td {
    vertical-align: middle;
}

@font-face {
    font-family: "Tacteng";
    src: url("/font/TACTENG.TTF");
}

@font-face {
    font-family: "Moul";
    src: url("/font/Moul-Regular.ttf");
}

@font-face {
    font-family: "KantumruyPro";
    src: url("/font/KantumruyPro-Regular.ttf") format("truetype");
    font-weight: normal;
}
@font-face {
    font-family: "KantumruyPro";
    src: url("/font/KantumruyPro-Bold.ttf") format("truetype");
    font-weight: bold;
}
@font-face {
    font-family: "KantumruyPro";
    src: url("/font/KantumruyPro-Italic.ttf") format("truetype");
    font-style: italic;
}
@font-face {
    font-family: "KantumruyPro";
    src: url("/font/KantumruyPro-BoldItalic.ttf") format("truetype");
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: "KantumruyPro";
    src: url("/font/KantumruyPro-Light.ttf") format("truetype");
    font-weight: 300;
}
@font-face {
    font-family: "KantumruyPro";
    src: url("/font/KantumruyPro-LightItalic.ttf") format("truetype");
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: "KantumruyPro";
    src: url("/font/KantumruyPro-Thin.ttf") format("truetype");
    font-weight: 100;
}
@font-face {
    font-family: "KantumruyPro";
    src: url("/font/KantumruyPro-ThinItalic.ttf") format("truetype");
    font-weight: 100;
    font-style: italic;
}
@font-face {
    font-family: "KantumruyPro";
    src: url("/font/KantumruyPro-Black.ttf") format("truetype");
    font-weight: 900;
}
@font-face {
    font-family: "KantumruyPro";
    src: url("/font/KantumruyPro-BlackItalic.ttf") format("truetype");
    font-weight: 900;
    font-style: italic;
}
@font-face {
    font-family: "KantumruyPro";
    src: url("/font/KantumruyPro-Medium.ttf") format("truetype");
    font-weight: 500;
}
@font-face {
    font-family: "KantumruyPro";
    src: url("/font/KantumruyPro-MediumItalic.ttf") format("truetype");
    font-weight: 500;
    font-style: italic;
}
@font-face {
    font-family: "KantumruyPro";
    src: url("/font/KantumruyPro-SemiBold.ttf") format("truetype");
    font-weight: 600;
}
@font-face {
    font-family: "KantumruyPro";
    src: url("/font/KantumruyPro-SemiBoldItalic.ttf") format("truetype");
    font-weight: 600;
    font-style: italic;
}
@font-face {
    font-family: "KantumruyPro";
    src: url("/font/KantumruyPro-ExtraBold.ttf") format("truetype");
    font-weight: 800;
}
@font-face {
    font-family: "KantumruyPro";
    src: url("/font/KantumruyPro-ExtraBoldItalic.ttf") format("truetype");
    font-weight: 800;
    font-style: italic;
}
@font-face {
    font-family: "KantumruyPro";
    src: url("/font/KantumruyPro-ExtraLight.ttf") format("truetype");
    font-weight: 200;
}
@font-face {
    font-family: "KantumruyPro";
    src: url("/font/KantumruyPro-ExtraLightItalic.ttf") format("truetype");
    font-weight: 200;
    font-style: italic;
}
@font-face {
    font-family: "KantumruyPro";
    src: url("/font/KantumruyPro-UltraLight.ttf") format("truetype");
    font-weight: 50;
}
@font-face {
    font-family: "KantumruyPro";
    src: url("/font/KantumruyPro-UltraLightItalic.ttf") format("truetype");
    font-weight: 50;
    font-style: italic;
}

* {
    font-family: "KantumruyPro", sans-serif;
}

/* Place this CSS after Bootstrap's CSS in your HTML or stylesheet */
.btn-warning {
    background-color: #7d1317 !important;
    border-color: #7d1317 !important;
    color: #fff !important;
}

/* Optional: hover/focus/active states */
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.show > .btn-warning.dropdown-toggle {
    background-color: #5e0f12 !important;
    border-color: #5e0f12 !important;
    color: #fff !important;
}

/* .active {
    background-color: #5e0f12 !important;
    border-color: #5e0f12 !important;
} */
@media (max-width: 387px) {
    h4 {
        font-size: 16px;
        line-height: 1.7;
    }

    h5 {
        font-size: 15px;
        line-height: 1.7;
    }
}