html,
body,
.uk-h3,
.uk-h4,
.uk-h5,
.uk-h6,
h3,
h4,
h5,
h6,
.uk-heading-small,
.uk-heading-medium,
.uk-heading-large,
.uk-article-title,
.uk-article-meta,
.uk-text-lead,
.uk-text-large,
.uk-text-small,
.uk-text-meta,
.uk-button,
.uk-input,
.uk-select,
.uk-textarea,
.uk-nav,
.uk-nav > li > a,
.uk-navbar-item,
.uk-card-title,
.uk-comment-title,
.uk-label,
.uk-badge {
    font-family: "Inter", sans-serif;
}

.uk-h3,
.uk-h4,
.uk-h5,
.uk-h6,
h3,
h4,
h5,
h6 {
    color: var(--secondary-color);
}

body {
    color: var(--color-text);
    margin: 0;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    line-height: 1.7;
    //font-size: 0.9375rem;
    font-size: 0.875rem;

    @include s {
        font-size: 0.9375rem;
    }
}

.site-main {
    flex: 1;
    position: relative;
}

body:not(.page-index) .site-main {
    margin-top: 46px;
    margin-bottom: 46px;
}

body:not(.page-index) {
    background-color: var(--bg-light-2);
}

.page-why-us .sub-header,
.page-why-us .site-main {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.uk-link,
a {
    color: var(--color-link);

    &:hover {
        color: var(--primary-color);
        text-decoration: none;
    }
}

.gap-4 {
    gap: 4px;
}
.gap-6 {
    gap: 6px;
}
.gap-8 {
    gap: 8px;
}
.gap-12 {
    gap: 12px;
}
.gap-16 {
    gap: 16px;
}
.gap-24 {
    gap: 24px;
}
.gap-32 {
    gap: 32px;
}

.f400 {
    font-weight: 400;
}

.f500 {
    font-weight: 500;
}
.f600 {
    font-weight: 600;
}
.f700 {
    font-weight: 700;
}

.br-8 {
    border-radius: 8px;
}

.br-12 {
    border-radius: 12px;
}
.br-16 {
    border-radius: 16px;
}

.uk-section {
    padding-top: 80px;
    padding-bottom: 80px;
}

.hls {
    letter-spacing: -0.04125rem;
}

.br16 {
    border-radius: 16px;
}
.br32 {
    border-radius: 16px;
}

.mb-24 {
    margin-bottom: 24px;
}
.mt-24 {
    margin-top: 24px;
}

.m-first {
    @include m {
        order: -1;
    }
}

.m-last {
    @include m {
        order: 3;
    }
}
.s-first {
    @include s {
        order: -1;
    }
}

.s-last {
    @include s {
        order: 3;
    }
}

.flex-grid {
    display: grid;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.uk-modal-title {
    font-size: 1.2rem;
}

.uk-link {
    color: var(--primary-color);
    text-decoration: underline;
}

.uk-heading-line > ::after,
.uk-heading-line > ::before {
    border-color: var(--border-color-2);
}

.border-remove {
    border-bottom: 0 !important;
}