@font-face {
    font-family: 'iransansx';
    src: url('/webfonts/iransansx-regular.woff') format('woff');
}

@font-face {
    font-family: 'iransansx';
    src: url('/webfonts/iransansx-bold.woff') format('woff');
    font-weight: 700;
}

@font-face {
    font-family: 'iransansxv';
    src: url('/webfonts/iransansxv.woff2') format('woff2-variations'), url('/webfonts/iransansxv.woff') format('woff-variations');
    font-weight: 100 1000;
    font-display: swap;
}

body {
    font-family: 'iransansx', Tahoma, sans-serif;
    -moz-font-feature-settings: "ss02";
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
    font-variation-settings: "DOTS" 8;
    background-color: #f9f9f9;
    color: #222;
    line-height: 1.8;
}

header {
    background-color: #0d3b66;
}

header .navbar-brand {
    color: #fff;
    font-size: 1.3rem;
    font-weight: bold;
}

    header .navbar-brand:hover {
        color: #ffd60a;
    }

footer {
    background-color: #0d3b66;
    color: #eee;
    padding: 20px 0;
}

    footer a {
        color: #ffd60a;
        text-decoration: none;
    }

        footer a:hover {
            color: white;
        }

.main-content {
    min-height: 70vh;
    padding-top: 20px;
    padding-bottom: 20px;
}

.hero {
    background: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url('/images/justice-bg.jpg') center no-repeat;
    color: white;
    text-align: center;
    padding: 90px 20px;
}

    .hero h1 {
        font-size: 2.2rem;
        font-weight: bold;
    }

    .hero p {
        font-size: 1.1rem;
        margin-top: 15px;
    }

@media (max-width: 768px) {
    .hero h1 {
        font-size: 1.6rem;
    }

    .hero p {
        font-size: 0.95rem;
    }

    .submit-btn {
        width: 100%;
    }
}