@font-face {
    font-family: 'Mulish';
    src: url(../fonts/mulish/Mulish-Regular.ttf);
}

@font-face {
    font-family: 'Helvetica';
    src: url(../fonts/helvetica/Helvetica.ttf);
}

@font-face {
    font-family: 'EagleHorizonP';
    src: url(../fonts/EagleHorizonP.ttf);
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    --primary: #7E0000;
    --secondary: #FFD700;
    --secondaryColor :#9ecb5f;
    --primary-dark: #B8420A;
    --primary-light: #FF7A3D;
    --accent: #FFB347;
    --accent-warm: #FFCF77;
    --dark: #1A0F05;
    --white: #FFFFFF;
    --dark-brown: #2D1507;
    --mid: #5C2E0A;
    --white: #FFFFFF;
    --cream: #f5f5f0;
    --sand: #FFF0DC;
    --text-dark: #1A0F05;
    --text-mid: #5C4033;
    --text-light: #9E7B6B;
    --font-display: 'Helvetica';
    --font-body: 'Mulish';
    --themeColorRGBA01: rgba(126, 0, 0, 0.1);
--themeColorRGBA02: rgba(215, 122, 18, 0.2);
--themeColorRGBA03: rgba(215, 122, 18, 0.3);
--themeColorRGBA04: rgba(215, 122, 18, 0.4);
--themeColorRGBA05: rgba(215, 122, 18, 0.5);
--themeColorRGBA06: rgba(215, 122, 18, 0.6);
--themeColorRGBA07: rgba(215, 122, 18, 0.7);
--themeColorRGBA08: rgba(215, 122, 18, 0.8);
--themeColorRGBA09: rgba(215, 122, 18, 0.9); 
}

/* ===== RESET & BASE ===== */
*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    scroll-behavior: smooth;
    font-size: 16px;
}



body {
    font-family: var(--font-body);
    line-height: 1.6;
    color: var(--text-dark);
    overflow-x: hidden;
    background: var(--white);
}
 

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

a:hover {
    text-decoration: none; 
}

ul {
    list-style: none;
}



/* ===== SCROLLBAR ===== */
::-webkit-scrollbar {
    width: 5px;
}

::-webkit-scrollbar-track {
    background: var(--dark);
}

::-webkit-scrollbar-thumb {
    background: var(--gold-dark);
    border-radius: 4px;
}



h1,
h2,
h3 {
    color: var(--primaryTextColor);
    font-family: var(--font-display);
}

h4,
h5,
h6,
p {
    color: var(--secondaryTextColor);
    font-family: var(--font-body);
}

#sectionOurProduct .container-fluid {
    padding: 0% 0px 0px 0px;
    margin: 0px;
    background:var(--cream);
}

.paggination h5 {
    font-size: 14px;
    font-family: var(--fontFamilyMulish);
    font-weight: bold;
}

.paggination a {
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
    color: var(--themeColor);
}

#hiddenSection {
    height: 0px;
}

@media (max-width: 600px) {
    #hiddenSection {
        height: 40px;
    }
}

/*Common Section*/