@font-face {
    font-family: "JetBrains Mono";
    src: url("/fonts/jet/JetBrainsMono-Thin.woff2") format("woff2");
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "JetBrains Mono";
    src: url("/fonts/jet/JetBrainsMono-ThinItalic.woff2") format("woff2");
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "JetBrains Mono";
    src: url("/fonts/jet/JetBrainsMono-ExtraLight.woff2") format("woff2");
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "JetBrains Mono";
    src: url("/fonts/jet/JetBrainsMono-ExtraLightItalic.woff2") format("woff2");
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "JetBrains Mono";
    src: url("/fonts/jet/JetBrainsMono-Light.woff2") format("woff2");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "JetBrains Mono";
    src: url("/fonts/jet/JetBrainsMono-LightItalic.woff2") format("woff2");
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "JetBrains Mono";
    src: url("/fonts/jet/JetBrainsMono-Regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "JetBrains Mono";
    src: url("/fonts/jet/JetBrainsMono-Italic.woff2") format("woff2");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "JetBrains Mono";
    src: url("/fonts/jet/JetBrainsMono-Medium.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "JetBrains Mono";
    src: url("/fonts/jet/JetBrainsMono-MediumItalic.woff2") format("woff2");
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "JetBrains Mono";
    src: url("/fonts/jet/JetBrainsMono-SemiBold.woff2") format("woff2");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "JetBrains Mono";
    src: url("/fonts/jet/JetBrainsMono-SemiBoldItalic.woff2") format("woff2");
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "JetBrains Mono";
    src: url("/fonts/jet/JetBrainsMono-Bold.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "JetBrains Mono";
    src: url("/fonts/jet/JetBrainsMono-BoldItalic.woff2") format("woff2");
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "JetBrains Mono";
    src: url("/fonts/jet/JetBrainsMono-ExtraBold.woff2") format("woff2");
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "JetBrains Mono";
    src: url("/fonts/jet/JetBrainsMono-ExtraBoldItalic.woff2") format("woff2");
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}

.en {
    font-family: "JetBrains Mono", -apple-system, BlinkMacSystemFont, "Segoe UI",
        Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue",
        sans-serif !important;
}

.card-en,
.card-en * {
    font-family: "JetBrains Mono", -apple-system, BlinkMacSystemFont, "Segoe UI",
        Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue",
        sans-serif !important;
}

@keyframes spin-once {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.animate-spin-once {
    animation: spin-once 0.5s ease-out forwards;
}

.l-2 {
    line-height: 2rem !important;
}

.body-color {
    background-color: #f2f4f7 !important;
}

@font-face {
    font-family: IRANSansX;
    font-style: normal;
    font-weight: 100;
    src: url("/fonts/woff/IRANSansXFaNum-Thin.woff") format("woff"),
        url("/fonts/woff2/IRANSansXFaNum-Thin.woff2") format("woff2");
}

@font-face {
    font-family: IRANSansX;
    font-style: normal;
    font-weight: 200;
    src: url("/fonts/woff/IRANSansXFaNum-UltraLight.woff") format("woff"),
        url("/fonts/woff2/IRANSansXFaNum-UltraLight.woff2") format("woff2");
}

@font-face {
    font-family: IRANSansX;
    font-style: normal;
    font-weight: 300;
    src: url("/fonts/woff/IRANSansXFaNum-Light.woff") format("woff"),
        url("/fonts/woff2/IRANSansXFaNum-Light.woff2") format("woff2");
}

@font-face {
    font-family: IRANSansX;
    font-style: normal;
    font-weight: 500;
    src: url("/fonts/woff/IRANSansXFaNum-Medium.woff") format("woff"),
        url("/fonts/woff2/IRANSansXFaNum-Medium.woff2") format("woff2");
}

@font-face {
    font-family: IRANSansX;
    font-style: normal;
    font-weight: 600;
    src: url("/fonts/woff/IRANSansXFaNum-DemiBold.woff") format("woff"),
        url("/fonts/woff2/IRANSansXFaNum-DemiBold.woff2") format("woff2");
}

@font-face {
    font-family: IRANSansX;
    font-style: normal;
    font-weight: 800;
    src: url("/fonts/woff/IRANSansXFaNum-ExtraBold.woff") format("woff"),
        url("/fonts/woff2/IRANSansXFaNum-ExtraBold.woff2") format("woff2");
}

@font-face {
    font-family: IRANSansX;
    font-style: normal;
    font-weight: 900;
    src: url("/fonts/woff/IRANSansXFaNum-Black.woff") format("woff"),
        url("/fonts/woff2/IRANSansXFaNum-Black.woff2") format("woff2");
}

@font-face {
    font-family: IRANSansX;
    font-style: normal;
    font-weight: 950;
    src: url("/fonts/woff/IRANSansXFaNum-ExtraBlack.woff") format("woff"),
        url("/fonts/woff2/IRANSansXFaNum-ExtraBlack.woff2") format("woff2");
}

@font-face {
    font-family: IRANSansX;
    font-style: normal;
    font-weight: 1000;
    src: url("/fonts/woff/IRANSansXFaNum-Heavy.woff") format("woff"),
        url("/fonts/woff2/IRANSansXFaNum-Heavy.woff2") format("woff2");
}

@font-face {
    font-family: IRANSansX;
    font-style: normal;
    font-weight: bold;
    src: url("/fonts/woff/IRANSansXFaNum-Bold.woff") format("woff"),
        url("/fonts/woff2/IRANSansXFaNum-Bold.woff2") format("woff2");
}

@font-face {
    font-family: IRANSansX;
    font-style: normal;
    font-weight: normal;
    src: url("/fonts/woff/IRANSansXFaNum-Regular.woff") format("woff"),
        url("/fonts/woff2/IRANSansXFaNum-Regular.woff2") format("woff2");
}

/* Font Face Definitions */
@font-face {
    font-family: IRANSansX;
    font-style: normal;
    font-weight: 100;
    src: url("/fonts/woff/IRANSansXFaNum-Thin.woff") format("woff"),
        url("/fonts/woff2/IRANSansXFaNum-Thin.woff2") format("woff2");
}

@font-face {
    font-family: IRANSansX;
    font-style: normal;
    font-weight: 200;
    src: url("/fonts/woff/IRANSansXFaNum-UltraLight.woff") format("woff"),
        url("/fonts/woff2/IRANSansXFaNum-UltraLight.woff2") format("woff2");
}

@font-face {
    font-family: IRANSansX;
    font-style: normal;
    font-weight: 300;
    src: url("/fonts/woff/IRANSansXFaNum-Light.woff") format("woff"),
        url("/fonts/woff2/IRANSansXFaNum-Light.woff2") format("woff2");
}

@font-face {
    font-family: IRANSansX;
    font-style: normal;
    font-weight: 500;
    src: url("/fonts/woff/IRANSansXFaNum-Medium.woff") format("woff"),
        url("/fonts/woff2/IRANSansXFaNum-Medium.woff2") format("woff2");
}

@font-face {
    font-family: IRANSansX;
    font-style: normal;
    font-weight: 600;
    src: url("/fonts/woff/IRANSansXFaNum-DemiBold.woff") format("woff"),
        url("/fonts/woff2/IRANSansXFaNum-DemiBold.woff2") format("woff2");
}

@font-face {
    font-family: IRANSansX;
    font-style: normal;
    font-weight: 800;
    src: url("/fonts/woff/IRANSansXFaNum-ExtraBold.woff") format("woff"),
        url("/fonts/woff2/IRANSansXFaNum-ExtraBold.woff2") format("woff2");
}

@font-face {
    font-family: IRANSansX;
    font-style: normal;
    font-weight: 900;
    src: url("/fonts/woff/IRANSansXFaNum-Black.woff") format("woff"),
        url("/fonts/woff2/IRANSansXFaNum-Black.woff2") format("woff2");
}

@font-face {
    font-family: IRANSansX;
    font-style: normal;
    font-weight: 950;
    src: url("/fonts/woff/IRANSansXFaNum-ExtraBlack.woff") format("woff"),
        url("/fonts/woff2/IRANSansXFaNum-ExtraBlack.woff2") format("woff2");
}

@font-face {
    font-family: IRANSansX;
    font-style: normal;
    font-weight: 1000;
    src: url("/fonts/woff/IRANSansXFaNum-Heavy.woff") format("woff"),
        url("/fonts/woff2/IRANSansXFaNum-Heavy.woff2") format("woff2");
}

@font-face {
    font-family: IRANSansX;
    font-style: normal;
    font-weight: bold;
    src: url("/fonts/woff/IRANSansXFaNum-Bold.woff") format("woff"),
        url("/fonts/woff2/IRANSansXFaNum-Bold.woff2") format("woff2");
}

@font-face {
    font-family: IRANSansX;
    font-style: normal;
    font-weight: normal;
    src: url("/fonts/woff/IRANSansXFaNum-Regular.woff") format("woff"),
        url("/fonts/woff2/IRANSansXFaNum-Regular.woff2") format("woff2");
}

/* Applying Styles */
body {
    font-family: "IRANSansX", sans-serif;
    font-weight: normal;
    font-size: 16px;
    line-height: 1.5;
}

h1 {
    font-family: "IRANSansX", sans-serif;
    font-weight: 900; /* Black */
    font-size: 2.5em;
}

h2 {
    font-family: "IRANSansX", sans-serif;
    font-weight: 600; /* DemiBold */
    font-size: 2em;
}

p {
    font-family: "IRANSansX", sans-serif;
    font-weight: 300; /* Light */
    font-size: 1em;
}

button {
    font-family: "IRANSansX", sans-serif;
    font-weight: 500; /* Medium */
    padding: 10px 20px;
}

/* Custom class for heavy text */
.heavy-text {
    font-family: "IRANSansX", sans-serif;
    font-weight: 1000; /* Heavy */
}

.body-color {
    background-color: #f2f4f7 !important;
}

.text-ayg {
    color: #e9ce1f !important;
}

.bg-ayg {
    background-color: #0d1d41 !important;
}