:root {
    --font-primary: "Red Hat Display", serif;
    --font-secondary: "DM Sans", serif;
    --h1: 38px;
    --h2: 32px;
    --h3: 28px;
    --h4: 24px;
    --h5: 18px;
    --h6: 14px;
    --font-size-b1: 16px;
    --hero-h1: 65px;
    --hero-subtitle: 18px;
    --hero-slogan: 16px;
    --footer-banner-title: 36px;
    --footer-banner-text: 16px;
}

h1, .h1 { font-family: "Red Hat Display", serif !important; font-size: 38px !important; }
h2, .h2 { font-family: "Red Hat Display", serif !important; font-size: 32px !important; }
h3, .h3 { font-family: "Red Hat Display", serif !important; font-size: 28px !important; }
h4, .h4 { font-family: "Red Hat Display", serif !important; font-size: 24px !important; }
h5, .h5 { font-family: "Red Hat Display", serif !important; font-size: 18px !important; }
h6, .h6 { font-family: "Red Hat Display", serif !important; font-size: 14px !important; }

body, p { font-family: "DM Sans", serif !important; font-size: 16px !important; }

.navbar, nav, .menu, .nav-item, .nav-link { font-size: var(--menu-size) !important; }

/* Hero Styles */
.banner-busines-coatch-wrapper .title { font-size: 65px !important; }
.hero-subtitle { font-size: 18px !important; }
.hero-slogan { font-size: 16px !important; }

/* Footer Banner Styles */
.rts-call-to-action-area-two .cta-style-two-area .title { font-size: 36px !important; }
.rts-call-to-action-area-two .cta-style-two-area p { font-size: 16px !important; }

/* Media queries para o Hero no mobile */
@media only screen and (max-width: 767px) {
    .index-seven-area { padding-top: 100px !important; }
    .banner-busines-coatch-wrapper .title { font-size: 41px !important; }
    .hero-subtitle { font-size: 16px !important; }
    .hero-slogan { font-size: 15px !important; }
}