/* Typography */
  --main-font: "Helvetica", sans-serif;
  --alt-font: "Klavika", sans-serif;
}

/* ===================================================================
   FONT FACE DECLARATIONS
=================================================================== */
/* Klavika Light (300) */
@font-face {
  font-family: "Klavika";
  src: url("fonts/klavika-light-webfont.woff2") format("woff2"),
       url("fonts/klavika-light-webfont.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

/* Klavika Regular (400) */
@font-face {
  font-family: "Klavika";
  src: url("fonts/klavika-regular-webfont.woff2") format("woff2"),
       url("fonts/klavika-regular-webfont.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Klavika Medium (500) */
@font-face {
  font-family: "Klavika";
  src: url("fonts/klavika-medium-webfont.woff2") format("woff2"),
       url("fonts/klavika-medium-webfont.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/* Klavika Bold (700) */
@font-face {
  font-family: "Klavika";
  src: url("fonts/klavika-bold-webfont.woff2") format("woff2"),
       url("fonts/klavika-bold-webfont.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* ===================================================================
   TYPOGRAPHY BASE
=================================================================== */

body,
p {
  font-family: var(--main-font) !important;
  font-size: var(--step-1, 1rem) !important; /* fallback 1rem if --step-1 not defined */
  font-weight: 300!important;
}

.ctc-text-edit p {
  font-family: var(--main-font) !important;
  font-size: var(--step-1);
  font-weight: 300 !important;
}

/* ===================================================================
   HEADINGS
=================================================================== */

h1 {
  font-family: var(--alt-font) !important;
  font-weight: 700 !important;
  font-size: var(--step-6) !important;
}

h2 {
  font-family: var(--alt-font) !important;
  font-weight: 900 !important;
  font-size: var(--step-5) !important;

}

h3 {
  font-family: var(--alt-font) !important;
  font-weight: 700 !important;
  font-size: var(--step-4) !important;
}

h4 {
  font-family: var(--alt-font) !important;
  font-weight: 400 !important;
  font-size: var(--step-3) !important;
}

h5 {
  font-family: var(--alt-font) !important;
  font-weight: 400 !important;
  font-size: var(--step-2) !important;
}

h6 {
  font-family: var(--main-font) !important;
  font-weight: 400 !important;
  font-size: var(--step-1) !important;
}

/* ===================================================================
   ELEMENTOR / CUSTOM OVERRIDES
=================================================================== */

.elementor-counter-title {
  font-family: var(--main-font);
  font-size: var(--step-1) !important;
  font-weight: normal;
}

.h1,
h2,
h3,
h4,
h5 {
  color: var( --ifsa-vermillion: #ff4d25;) !important;
}
.h1-light,
.h2-light,
.h3-light,
.h4-light,
.h5-light,
.h6-light,
.p-light {
    color: white;
}

.ctc-cta p {
  font-family: var(--alt-font) !important;
  font-size: var(--step-1) !important;
  font-weight: 300!important;
}

.ctc-heading h4{
    font-family: var(--alt-font) !important;
  font-size: var(--step-4) !important;
  font-weight: normal !important;
    color: white!important;
}
.elementor-kit-4747 h3 {
    font-family: var(--alt-font) !important;
  font-weight: 700 !important;
  font-size: var(--step-4) !important;
}

.elementor-kit-4747 p {
    p {
  font-family: var(--main-font) !important;
  font-size: var(--step-0) !important; /* fallback 1rem if --step-1 not defined */
  font-weight: 300!important;
}
.ctc-heading {
    font-family: var(--alt-font) !important;
  font-weight: 700 !important;
  font-size: var(--step-4) !important;
color: white!important;
}
.elementor-element p {
    font-family: var(--main-font) !important;
  font-size: var(--step-1, 1rem) !important; /* fallback 1rem if --step-1 not defined */
  font-weight: 300!important;
}
.ctc-p {
    font-family: var(--main-font) !important;
  font-size: var(--step-1, 1rem) !important; /* fallback 1rem if --step-1 not defined */
  font-weight: 300!important;
    }
.ctc-ac p {
    font-family: var(--main-font) !important;
  font-size: var(--step-1, 1rem) !important; /* fallback 1rem if --step-1 not defined */
  font-weight: 300!important;
}

.elementor-heading-title .elementor-size-default h5{
    font-family: var(--alt-font) !important;
    font-weight: 400 !important;
    font-size: var(--step-2) !important;
}