@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: 'Univers';
    src: url(../fonts/univers/UniversCnRg.ttf);
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    --primary: #0F6E56;
    --secondary: #5dcaa5;
    --font-display: 'Univers';
    --font-body: 'Mulish';
    --primaryRGBA :rgba(15, 110, 86, 1);
    --secondaryRGBA :rgba(93, 202, 165, 1);
    --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;
    --themeColorRGBA01: rgba(15, 110, 86, 0.1);
    --themeColorRGBA02: rgba(15, 110, 86, 0.2);
    --themeColorRGBA03: rgba(15, 110, 86, 0.3);
    --themeColorRGBA04: rgba(15, 110, 86, 0.4);
    --themeColorRGBA05: rgba(15, 110, 86, 0.5);
    --themeColorRGBA06: rgba(15, 110, 86, 0.6);
    --themeColorRGBA07: rgba(15, 110, 86, 0.7);
    --themeColorRGBA08: rgba(15, 110, 86, 0.8);
    --themeColorRGBA09: rgba(15, 110, 86, 0.9);
     --bgIMage : linear-gradient(to right top, #051937, #004d7a, #008793, #00bf72, #a8eb12);
}

/* ===== 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*/