/* =========================================================
   NAKSH ELEVATOR - FRONTEND GLOBAL
========================================================= */

:root {
    --naksh-navy: #07366d;
    --naksh-navy-dark: #052650;
    --naksh-navy-light: #0c478b;

    --naksh-orange: #f79300;
    --naksh-orange-dark: #dc7d00;

    --naksh-gold: #d9a23b;

    --naksh-white: #ffffff;

    --naksh-bg: #f5f7fb;

    --naksh-text: #172033;
    --naksh-muted: #64748b;

    --naksh-border: #e3e8ef;

    --site-container: 1240px;
}


*,
*::before,
*::after {
    box-sizing: border-box;
}


/* html {
    scroll-behavior: smooth;
} */

html {
    scroll-behavior: smooth;

    width: 100%;
    max-width: 100%;

    overflow-x: hidden;
}

/* body {
    margin: 0;

    background: #ffffff;
    color: var(--naksh-text);

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    -webkit-font-smoothing:
        antialiased;
} */

body {
    margin: 0;

    width: 100%;
    max-width: 100%;

    overflow-x: hidden;

    background: #ffffff;
    color: var(--naksh-text);

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    -webkit-font-smoothing:
        antialiased;
}

.site-main {
    width: 100%;
    max-width: 100%;
    min-height: 50vh;
    overflow-x: hidden;
}

body.menu-open {
    overflow: hidden;
}


img {
    display: block;

    max-width: 100%;
}


a {
    color: inherit;

    text-decoration: none;
}


button,
input,
textarea,
select {
    font: inherit;
}


button {
    cursor: pointer;
}


.site-container {
    width: min(calc(100% - 40px),
            var(--site-container));

    margin-inline: auto;
}


/* .site-main {
    min-height: 50vh;
} */


.site-menu-overlay {
    position: fixed;

    inset: 0;

    z-index: 9999;

    visibility: hidden;

    /* background: transparent; */
    background:
        rgba(0, 0, 0, .12);

    opacity: 0;

    transition:
        opacity .3s ease,
        visibility .3s ease;
}



.site-menu-overlay.show {
    visibility: visible;

    opacity: 1;
}


@media (max-width: 767px) {

    .site-container {
        width: min(calc(100% - 28px),
                var(--site-container));
    }
}

/* =========================================================
   MOBILE FIXED HEADER SPACE
========================================================= */

@media (max-width: 767px) {

    body {
        padding-top: 106px;
    }

}