@font-face {
    font-family: "PayamakFa";
    src: local("IRANSansWeb"), local("Vazirmatn"), local("Tahoma");
}

html,
body,
.payamak-font {
    font-family: "PayamakFa", Tahoma, sans-serif;
}

.text-white-75 {
    color: rgba(255, 255, 255, .75) !important;
}

.bg-white-10 {
    background: rgba(255, 255, 255, .1) !important;
}

.login-background {
    background-image: url('/assets/media/photos/photo25@2x.jpg');
}

.analysis-path {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .75rem;
}

.analysis-path span {
    padding: .65rem 1rem;
    border-radius: .5rem;
    background: var(--bs-primary-bg-subtle, #eaf3ff);
    color: var(--bs-primary, #0665d0);
    font-weight: 700;
}

.family-card,
.axis-card {
    height: 100%;
    padding: 1rem;
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: .5rem;
    background: var(--bs-body-bg, #fff);
}

.family-card {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: .35rem .75rem;
    align-items: center;
}

.family-card i {
    grid-row: 1 / 3;
    font-size: 1.5rem;
}

.family-card small,
.axis-card small {
    display: block;
    color: var(--bs-secondary-color, #6c757d);
}

.axis-card {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: .4rem .75rem;
    align-items: center;
}

.axis-card small {
    grid-column: 2;
}