@font-face {
    font-family: 'Optima';
    src: url('/fonts/public/OPTIMA.TTF') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('/fonts/public/LATO-REGULAR.TTF') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

body.ks-kingdom-theme {
    --ks-font-heading: 'Optima', 'Segoe UI', Candara, sans-serif;
    --ks-font-body: 'Lato', 'Segoe UI', Roboto, sans-serif;
    --rs-ff-body: var(--ks-font-body);
    --rs-ff-title: var(--ks-font-heading);
    --rs-ff-p: var(--ks-font-body);
    font-family: var(--ks-font-body);
}

body.ks-kingdom-theme h1,
body.ks-kingdom-theme h2,
body.ks-kingdom-theme h3,
body.ks-kingdom-theme h4,
body.ks-kingdom-theme h5,
body.ks-kingdom-theme h6,
body.ks-kingdom-theme .rs-section-title,
body.ks-kingdom-theme .rs-banner-title,
body.ks-kingdom-theme .rs-services-title,
body.ks-kingdom-theme .ks-branch-card-title,
body.ks-kingdom-theme .ks-catalog-card-title,
body.ks-kingdom-theme .rs-section-subtitle,
body.ks-kingdom-theme .rs-banner-stroke-text,
body.ks-kingdom-theme .rs-footer-widget-title {
    font-family: var(--ks-font-heading);
}

body.ks-kingdom-theme p,
body.ks-kingdom-theme .descrip,
body.ks-kingdom-theme .rs-footer-widget-description,
body.ks-kingdom-theme .ks-branch-meta,
body.ks-kingdom-theme .rs-banner-descrip p,
body.ks-kingdom-theme .rs-btn,
body.ks-kingdom-theme button.rs-btn,
body.ks-kingdom-theme .main-menu a,
body.ks-kingdom-theme .ks-locale-link {
    font-family: var(--ks-font-body);
}

body.ks-brand-public {
    --ks-font-heading: 'Optima', 'Segoe UI', Candara, sans-serif;
    --ks-font-body: 'Lato', 'Segoe UI', Roboto, sans-serif;
    font-family: var(--ks-font-body);
}

body.ks-brand-public .font-display,
body.ks-brand-public h1,
body.ks-brand-public h2 {
    font-family: var(--ks-font-heading);
}