@font-face {
    font-family: 'FatFrank';
    src: url('../fonts/FatFrank-Heavy.woff2') format('woff2'),
        url('../fonts/FatFrank-Heavy.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ITCAvantGardeGothicStdDemiCondensed';
    src: url('../fonts/ITCAvantGardeStd-DemiCn.woff2') format('woff2'),
        url('../fonts/ITCAvantGardeStd-DemiCn.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Corbellion';
    src: url('../fonts/CorbellionRegular.woff2') format('woff2'),
        url('../fonts/CorbellionRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ITCAvantGardeGothicStdMediumCondensed';
    src: url('../fonts/ITCAvantGardeStd-MdCn.woff2') format('woff2'),
        url('../fonts/ITCAvantGardeStd-MdCn.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ITCAvantGardeGothicStdMediumCondensed';
    src: url('../fonts/ITCAvantGardeStd-MdCn.woff2') format('woff2'),
        url('../fonts/ITCAvantGardeStd-MdCn.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ITCAvantGardeGothicStdBoldCondensed';
    src: url('../fonts/ITCAvantGardeStd-BoldCn.woff2') format('woff2'),
        url('../fonts/ITCAvantGardeStd-BoldCn.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SatoshiVariable';
    src: url('../fonts/SatoshiVariable-Bold.woff2') format('woff2'),
        url('../fonts/SatoshiVariable-Bold.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SatoshiDark';
    src: url('../fonts/Satoshi-Black.woff2') format('woff2'),
        url('../fonts/Satoshi-Black.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Satoshi';
    src: url('../fonts/Satoshi-BlackItalic.woff2') format('woff2'),
        url('../fonts/Satoshi-BlackItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'SatoshiBold';
    src: url('../fonts/Satoshi-Bold.woff2') format('woff2'),
        url('../fonts/Satoshi-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Satoshi';
    src: url('../fonts/Satoshi-BoldItalic.woff2') format('woff2'),
        url('../fonts/Satoshi-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'SatoshiExtraLight';
    src: url('../fonts/Satoshi-Light.woff2') format('woff2'),
        url('../fonts/Satoshi-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Satoshi';
    src: url('../fonts/Satoshi-Italic.woff2') format('woff2'),
        url('../fonts/Satoshi-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Satoshi';
    src: url('../fonts/Satoshi-LightItalic.woff2') format('woff2'),
        url('../fonts/Satoshi-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'SatoshiMedium';
    src: url('../fonts/Satoshi-Medium.woff2') format('woff2'),
        url('../fonts/Satoshi-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Satoshi';
    src: url('../fonts/Satoshi-MediumItalic.woff2') format('woff2'),
        url('../fonts/Satoshi-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'SatoshiRegular';
    src: url('../fonts/Satoshi-Regular.woff2') format('woff2'),
        url('../fonts/Satoshi-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root {
    --font-fatfrank: 'FatFrank', sans-serif;
    --font-itcavantgarde: 'ITCAvantGardeGothicStdDemiCondensed', sans-serif;
    --font-corbellion: 'Corbellion', sans-serif;
    --font-itcavantgarde-medium: 'ITCAvantGardeGothicStdMediumCondensed', sans-serif;
    --font-satoshi: 'SatoshiMedium', sans-serif;
    --font-satoshi-regular: 'SatoshiRegular', sans-serif;
    --font-satoshi-bold: 'SatoshiBold', sans-serif;
    --font-satoshi-dark: 'SatoshiDark', sans-serif;
    --font-itcavantgarde-bold: "ITCAvantGardeGothicStdBoldCondensed", sans-serif;
}

:root {
    /* --bg-primary: #ba3031; */
    --bg-primary: #D61F26;
    --bg-white: #ffffff;
    --bg-body: #ffffff;
    --bg-dark: #2a2a2a;
    --bg-gray: #f6f6f6;
    --text-white: #ffffff;
    --text-dark: #000000;
    --text-gray: #848484;
    --text-red: #ba3031;
}

.container {
    max-width: 1740px;
    margin: 0 auto;
    padding: 0 35px;
}

.container-lg {
    max-width: 1738px;
    margin: 0 auto;
    padding: 0px 35px;
}

.container-sm {
    /* max-width: 1348px; */
    max-width: 1352px;
    margin: 0 auto;
    padding: 0px 35px;
}

@media only screen and (max-width: 1919px) and (min-width: 992px) {
    .container-sm {
        max-width: 70.417vw;
        padding: 0 1.823vw;
    }

    .container {
        max-width: 90.625vw;
        padding: 0 1.823vw;
    }
}

@media only screen and (max-width: 580px) {
    .container-lg {
        padding: 0px 56px;
    }
}

* {
    box-sizing: border-box;
}

ul, li {
    list-style: none;
    padding: 0;
    margin: 0;
}

a {
    text-decoration: none;
    color: inherit;
}

body {
    background-color: var(--bg-primary);
    color: var(--text-dark);
    margin: 0;
    padding: 0;
}

h1,h2,h3,h4,h5,h6,p,a,span {
    margin: 0;
    padding: 0;
}

body.no-scroll {
    overflow: hidden;
    height: 100vh;
}

body.no-scroll {
    position: fixed;
    width: 100%;
}

.mobile-hamburger_nav {
    position: fixed; /* important */
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;

    overflow-y: auto;   /* ✅ अंदर scroll */
    -webkit-overflow-scrolling: touch; /* smooth scroll for mobile */

    z-index: 999;
}