/* ----------------------------------

Template Name: Dixor - Creative Digital Agency Template
Author: validtheme
Description:
Version: 1.5

Main Font    : Barlow
Main Color   : #2667FF

-------------------------------------

[Typography]

Body copy:    15px 'Barlow', sans-serif
Header:     36px 'Barlow', sans-serif
Input, textarea:  16px 'Barlow', sans-serif
Sidebar heading:  22px 'Barlow', sans-serif

>>> TABLE OF CONTENTS:
=======================
        
    01. Template default css
        - Animations
        - General
        - Section Title
        - Video Button
        - Typography
        - Tables
        - Forms
        - Buttons
        - Pagination
        - Colors
        - Accordion
        - Tabs
    02. Preloader
    03 Navbar
        - Navbar Default
        - Navbar Transparent
        - Navbar Sticky
        - Navbar Animation
        - Side Navbar
    04. Home Page
        - Home Main
        - Creative Agency
        - Showcase Carousel
        - Showcase Slider
        - Design Studio
        - Modern Startup
    05. Services
        - Version One
        - Version Two
        - Version Three
        - Version Four
        - Service Single
	06. About
        - Version One
        - Version Two
    07. Project
        - Project Showcase
        - Project Carousel
        - Project Grid
        - Project Single
    08. Why Choose Us
    09. Team
        - Team Version One
        - Team Version Two
        - Team Single
    10. Testimonials
    11. Why Choose Us
    12. Faq
    13. Progress
    14. Brand / Partner
    15. Feature
    16. What We Offer
    17. Pricing
    18. Blog
        - Standard
        - Grid
        - Left Sidebar
        - Right Sidebar
        - Single
    21. Error 404
    22. Footer
    23. PHP Contact Form
    24. Others

*/

/*
** General Styles for HTML tags
*/


/* ==============================================================
   MERICLER GLOBAL HEADING TYPOGRAPHY

   Font file location:
   assets/fonts/FiraSans-Black.ttf

   Load this stylesheet AFTER the template's other CSS files:
   <link href="assets/css/mericler-headings.css" rel="stylesheet">
================================================================= */

@font-face {
    font-family: "Mericler Fira Sans Black";
    src: url("assets/fonts/FiraSans-Black.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* Every semantic heading uses one consistent Mericler identity. */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Mericler Fira Sans Black", "Fira Sans", Arial, sans-serif !important;
    font-weight: 900 !important;
    font-style: normal !important;
    text-transform: uppercase !important;
}

/*
   Template links, spans, and emphasized words sometimes declare their own
   font. These rules ensure everything inside a heading remains consistent.
*/
h1 *,
h2 *,
h3 *,
h4 *,
h5 *,
h6 * {
    font-family: inherit !important;
    font-weight: inherit !important;
    font-style: normal !important;
    text-transform: inherit !important;
}
/* MERICLER — UNIFIED HEADING COLOR */
h1, h2, h3, h4, h5, h6,
h1 *, h2 *, h3 *, h4 *, h5 *, h6 * {
    color: #2189bf !important;
}