@font-face {
    font-family: "IRANSans";
    src:
        url("../fonts/iransans/IRANSansWeb.woff2") format("woff2"),
        url("../fonts/iransans/IRANSansWeb.woff") format("woff");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "IRANSans";
    src:
        url("../fonts/iransans/IRANSansWeb_Light.woff2") format("woff2"),
        url("../fonts/iransans/IRANSansWeb_Light.woff") format("woff");
    font-style: normal;
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: "IRANSans";
    src:
        url("../fonts/iransans/IRANSansWeb_Medium.woff2") format("woff2"),
        url("../fonts/iransans/IRANSansWeb_Medium.woff") format("woff");
    font-style: normal;
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: "IRANSans";
    src:
        url("../fonts/iransans/IRANSansWeb_Bold.woff2") format("woff2"),
        url("../fonts/iransans/IRANSansWeb_Bold.woff") format("woff");
    font-style: normal;
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: "IRANSans";
    src:
        url("../fonts/iransans/IRANSansWeb_Black.woff2") format("woff2"),
        url("../fonts/iransans/IRANSansWeb_Black.woff") format("woff");
    font-style: normal;
    font-weight: 900;
    font-display: swap;
}

:root {
    --mj-font: "IRANSans", Tahoma, Arial, sans-serif;
}

html,
body,
button,
input,
textarea,
select {
    font-family: var(--mj-font);
}

.elementor-kit-6 {
    --e-global-typography-primary-font-family: "IRANSans";
    --e-global-typography-secondary-font-family: "IRANSans";
    --e-global-typography-text-font-family: "IRANSans";
    --e-global-typography-accent-font-family: "IRANSans";
}

.elementor-widget-heading .elementor-heading-title,
.elementor-widget-text-editor,
.elementor-widget-text-editor *,
.elementor-button-text,
.elementor-widget-button,
.elementor-widget-form input,
.elementor-widget-form textarea,
.elementor-widget-form select,
.elementor-nav-menu--main .elementor-item,
.gform_wrapper,
.gform_wrapper input,
.gform_wrapper textarea,
.gform_wrapper select,
.gform_wrapper button {
    font-family: var(--mj-font);
}

.fa,
.fas,
.far,
.fab {
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands" !important;
}

/* MAJARA_FULL_BLEED_LAYOUT_V2 */
html,
body {
    width: 100%;
    max-width: none !important;
    overflow-x: hidden;
}

body.majara-site,
#page,
.site,
.site-main,
.elementor,
.elementor-location-header,
.elementor-location-footer {
    width: 100%;
    max-width: none !important;
    margin: 0 !important;
    padding: 0;
}

.site-header,
.site-footer,
.hero,
.page-hero {
    width: 100vw;
    max-width: 100vw;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
}

.mj-container {
    width: min(1440px, calc(100% - 48px));
    max-width: 1440px;
}

@media (max-width: 620px) {
    .mj-container {
        width: calc(100% - 32px);
    }
}

/* MAJARA_FORCE_FULL_WIDTH_SHELL_V3 */
html,
body,
body.majara-site,
body.majara-site #page,
body.majara-site .site,
body.majara-site .site-main {
    width: 100% !important;
    max-width: none !important;
}

body.majara-site {
    overflow-x: hidden;
}

body.majara-site .site-header,
body.majara-site .site-footer,
body.majara-site .hero,
body.majara-site .page-hero {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-right: calc(50% - 50vw) !important;
    margin-left: calc(50% - 50vw) !important;
}

body.majara-site .site-header {
    background: #171717;
}

body.majara-site .site-footer {
    background: #151515;
}

body.majara-site .site-header .mj-container,
body.majara-site .site-footer .mj-container {
    width: min(1440px, calc(100vw - 48px)) !important;
    max-width: 1440px !important;
    margin-right: auto !important;
    margin-left: auto !important;
}

@media (max-width: 620px) {
    body.majara-site .site-header .mj-container,
    body.majara-site .site-footer .mj-container {
        width: calc(100vw - 32px) !important;
    }
}
