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

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

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

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

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

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

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

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

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

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

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

:root {
    --accent: #1f78b4;
    --muted: #f4f6f8;
    --border: #d6dbe0;
    --text: #222
}

body {
    font-family: IRANSansX !important;
    color: var(--text);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.rating {
    display: flex;
    gap: 6px;
    justify-content: center;
    align-items: center;
    direction: ltr
}

.rating label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 6px;
    border: 1px solid var(--border);
    cursor: pointer;
    font-weight: 600;
    user-select: none;
    background: #fff;
    margin: 0;
    font-size: 13px
}

.rating input {
    display: none
}

.rating input:checked+label {
    background: var(--accent);
    color: #fff;
    border-color: var(--accent);
    box-shadow: 0 4px 10px #1f78b424
}

tbody tr:nth-child(odd) td.bg-light {
    background: linear-gradient(90deg, #1f78b405, transparent) !important
}

.btn-primary {
    background: var(--accent);
    border-color: var(--accent);
    box-shadow: 0 6px 18px #1f78b41f
}

.btn-outline-primary {
    color: var(--accent);
    border-color: var(--border)
}

textarea.form-control {
    resize: none
}

.header {
    background: url(header.png) center center no-repeat;
    min-height: 280px;
    background-size: contain
}

@media (max-width: 768px) {
    .header {
        min-height: 200px;
        background-size: cover
    }
}

@media (max-width: 480px) {
    .header {
        min-height: 120px
    }
}