/* Import Link Main Style */

@import url(../css/base/fonts.css);
@import url(../css/base/reset.css);
@import url(../css/base/tools.css);
@import url(../css/base/variables.css);
@import url(../css/components/main-footer.css);
@import url(../css/components/main-header.css);
@import url(../css/components/main-swiper.css);
@import url(../css/components/menu-bottom-desk.css);
@import url(../css/components/text-heading-site.css);
@import url(../css/components/navigation-bar.css);

/* Main Styles */

html {
    overflow-x: hidden;
    overflow-x: clip;
}

body {
    overflow-x: hidden;
    overflow-x: clip;
}

#main-content-Novasa {
    position: relative;
    z-index: 4;
    margin-top: -85vh;
    width: 100%;
    height: auto;
    margin-inline: auto;
    overflow: hidden;
}

.hero, .content {
    min-height: 100vh;
    padding: 60px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* فاصله برای نوار پایین موبایل */
html.has-mobile-nav body {
    padding-bottom: 0;
}

@media screen and (max-width: 575px) {
    html.has-mobile-nav #main-footer {
        padding-bottom: 140px;
    }
}

/* All Media Queris Main Styles */

@media screen and (max-width: 992px) {
    #main-content-Novasa {
        margin-top: -95vh;
    }

    .hero, .content {
        min-height: auto;
        padding: 40px 24px;
    }
}

@media screen and (max-width: 575px) {
    .hero, .content {
        padding: 28px 16px;
    }
}