/* =============================================================
   Typography Styles (typography.css)
   Outfit for Headings, Inter for Body & UI
   ============================================================= */

body, 
#page, 
#wrapper, 
p, 
span:not(.material-symbols-outlined):not(.material-icons):not([class*="iconsmind-"]):not(.fas):not(.far):not(.fab), 
a:not(.material-symbols-outlined):not(.material-icons):not([class*="iconsmind-"]):not(.fas):not(.far):not(.fab), 
i:not(.material-symbols-outlined):not(.material-icons):not([class*="iconsmind-"]):not(.fas):not(.far):not(.fab), 
input, 
select, 
textarea,
.kd-list-text,
.kd_counter_text,
.timeline-item-wrapper p {
  font-family: 'Inter', sans-serif !important;
}

h1, 
h2, 
h3, 
h4, 
h5, 
h6, 
.service-heading, 
.vc_custom_heading, 
.solutions-title, 
.kd-section-title h1, 
.kd-section-title h2, 
.kd-section-title h3,
.kd_counter_number,
.timeline-item-wrapper h4,
.tcards-title,
.portfolio-block h4 {
  font-family: 'Outfit', sans-serif !important;
}

/* Material Symbols Outlined font styling & ligatures */
.material-symbols-outlined,
.material-icons,
[class^="material-symbols-"],
[class*=" material-symbols-"] {
  font-family: 'Material Symbols Outlined' !important;
  font-weight: normal !important;
  font-style: normal !important;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga' !important;
  font-feature-settings: 'liga' !important;
  -webkit-font-smoothing: antialiased;
}