@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700);




:root {
    --font-family-base: 'Mont', sans-serif;
    --font-family-megamenu: 'Mont', sans-serif;
    --font-family-slider: 'Mont', sans-serif;
    --font-family-heading: 'Marcellus';
    --font-family-senary: 'Mont', sans-serif;
    --font-family-septenary: 'Mont', sans-serif;
    --theme-color-default: #E6AF5D;
    --headings-color: #332F2C;
    --link-color: #332F2C;
    --link-color-hover: var(--theme-color-default);
    --text-color: #8D9396;
    --price-color: var(--theme-color-default);
    --btn-bg: #222;
    --btn-bg-hover: var(--theme-color-default);
    --btn-color: #fff;
    --btn-color-hover: #fff;
    --product-background: transparent;
    --product-name-color: #332F2C;
    --product-name-color-hover: var(--theme-color-default);
    --product-price-color: var(--theme-color-default);
    --product-regular-price-color: #8D9396;
    --product-button-bg: #fff;
    --product-button-color: #332F2C;
    --product-button-bg-hover: var(--theme-color-default);
    --product-button-color-hover: #fff;
    --on-sale-badge-background: #f39d72;
    --on-sale-badge-color: #fff;
    --new-badge-background: #222;
    --new-badge-color: #fff;
    --sale-badge-background: var(--theme-color-default);
    --sale-badge-color: #fff;
    --online-only-background: #24b9d7;
    --online-only-color: #fff;
    --pack-badge-background: #000;
    --pack-badge-color: #fff;
    --block-background: #fff;
    --block-inner-background: transparent;
    --block-heading-bg: none;
    --block-heading-color: #332F2C;
    --block-text: #332F2C;
    --block-link-color: #332F2C;
    --block-link-color-hover: var(--theme-color-default)
}

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/MaterialIcons-Regular.eot);
    src: local("Material Icons"),local("MaterialIcons-Regular"),url(../fonts/MaterialIcons-Regular.woff2) format("woff2"),url(../fonts/MaterialIcons-Regular.woff) format("woff"),url(../fonts/MaterialIcons-Regular.ttf) format("truetype")
}
body {
    font-family: var(--font-family-base);
    font-size: .875rem;
    line-height: 1.25em;
    font-weight: 400;
    color: var(--text-color);
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.material-icons {
    display: inline-block;
    width: 1em;
    height: 1em;
    font-family: "Material Icons",Arial,sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    vertical-align: middle;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga"
}

@font-face {
    font-family: 'Fontawesome 6 Pro';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/fa-regular-400.woff);
    src: url(../fonts/fa-regular-400.woff2) format("woff2"),url(../fonts/fa-regular-400.woff) format("woff"),url(../fonts/fa-regular-400.ttf) format("truetype")
}

@font-face {
    font-family: 'Mont';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/Mont-Regular.otf)
}

@font-face {
    font-family: 'Mont';
    font-style: normal;
    font-weight: 600;
    src: url(../fonts/Mont-SemiBold.otf)
}

@font-face {
    font-family: 'Mont';
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/Mont-Bold.otf)
}

@font-face {
    font-family: 'Marcellus';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/marcellus/v13/wEO_EBrOk8hQLDvIAF81WPoK7Es.woff2) format("woff2");
    unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF
}

@font-face {
    font-family: 'Marcellus';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/marcellus/v13/wEO_EBrOk8hQLDvIAF81VvoK.woff2) format("woff2");
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

.fa-regular {
    font-family: 'Fontawesome 6 Pro';
    font-style: normal
}

.btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
    outline: none;
    outline-offset: 0
}

.btn:focus, .btn:hover {
    text-decoration: none
}

.btn.focus {
    text-decoration: none
}

.btn:active, .btn.active {
    background-image: none;
    outline: 0;
    -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    -o-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    -ms-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
}

.btn.disabled, .btn:disabled {
    cursor: not-allowed;
    opacity: .65;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none
}

a.btn.disabled, fieldset[disabled] a.btn {
    pointer-events: none
}

.btn-primary {
    background-color: var(--btn-bg);
    color: var(--btn-color);
    border-radius: 0;
    padding: .625rem 1.25rem;
    border: 0
}

    .btn-primary:hover, .btn-primary:focus, .btn-primary.active {
        background-color: var(--btn-bg-hover);
        color: var(--btn-color-hover);
        outline: none;
        outline-offset: 0
    }

    .btn-primary:active:focus {
        outline: none;
        outline-offset: 0
    }

    .btn-primary .material-icons {
        margin-right: .625rem
    }

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #5bc0de;
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
    -o-box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
    -ms-box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075)
}

    .btn-info:hover {
        color: #fff;
        background-color: #31b0d5;
        border-color: #2aabd2
    }

    .btn-info:focus, .btn-info.focus {
        color: #fff;
        background-color: #31b0d5;
        border-color: #2aabd2
    }

    .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
        color: #fff;
        background-color: #31b0d5;
        border-color: #2aabd2;
        background-image: none;
        -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
        -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
        -o-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
        -ms-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
        box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
    }

        .btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus, .open > .btn-info.dropdown-toggle:hover, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle.focus {
            color: #fff;
            background-color: #269abc;
            border-color: #1f7e9a
        }

    .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info:disabled:focus, .btn-info:disabled.focus {
        background-color: #5bc0de;
        border-color: #5bc0de
    }

    .btn-info.disabled:hover, .btn-info:disabled:hover {
        background-color: #5bc0de;
        border-color: #5bc0de
    }

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #5cb85c;
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
    -o-box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
    -ms-box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075)
}

    .btn-success:hover {
        color: #fff;
        background-color: #449d44;
        border-color: #419641
    }

    .btn-success:focus, .btn-success.focus {
        color: #fff;
        background-color: #449d44;
        border-color: #419641
    }

    .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
        color: #fff;
        background-color: #449d44;
        border-color: #419641;
        background-image: none;
        -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
        -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
        -o-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
        -ms-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
        box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
    }

        .btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus, .open > .btn-success.dropdown-toggle:hover, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle.focus {
            color: #fff;
            background-color: #398439;
            border-color: #2d672d
        }

    .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success:disabled:focus, .btn-success:disabled.focus {
        background-color: #5cb85c;
        border-color: #5cb85c
    }

    .btn-success.disabled:hover, .btn-success:disabled:hover {
        background-color: #5cb85c;
        border-color: #5cb85c
    }

.btn-warning {
    color: #fff;
    background-color: #ff9a52;
    border-color: #f0ad4e;
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
    -o-box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
    -ms-box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075)
}

    .btn-warning:hover {
        color: #fff;
        background-color: #ff7c1f;
        border-color: #eb9316
    }

    .btn-warning:focus, .btn-warning.focus {
        color: #fff;
        background-color: #ff7c1f;
        border-color: #eb9316
    }

    .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
        color: #fff;
        background-color: #ff7c1f;
        border-color: #eb9316;
        background-image: none;
        -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
        -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
        -o-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
        -ms-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
        box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
    }

        .btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus, .open > .btn-warning.dropdown-toggle:hover, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle.focus {
            color: #fff;
            background-color: #fa6800;
            border-color: #b06d0f
        }

    .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning:disabled:focus, .btn-warning:disabled.focus {
        background-color: #ff9a52;
        border-color: #f0ad4e
    }

    .btn-warning.disabled:hover, .btn-warning:disabled:hover {
        background-color: #ff9a52;
        border-color: #f0ad4e
    }

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d9534f;
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
    -o-box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
    -ms-box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075)
}

    .btn-danger:hover {
        color: #fff;
        background-color: #c9302c;
        border-color: #c12e2a
    }

    .btn-danger:focus, .btn-danger.focus {
        color: #fff;
        background-color: #c9302c;
        border-color: #c12e2a
    }

    .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
        color: #fff;
        background-color: #c9302c;
        border-color: #c12e2a;
        background-image: none;
        -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
        -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
        -o-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
        -ms-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
        box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
    }

        .btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus, .open > .btn-danger.dropdown-toggle:hover, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle.focus {
            color: #fff;
            background-color: #ac2925;
            border-color: #8b211e
        }

    .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger:disabled:focus, .btn-danger:disabled.focus {
        background-color: #d9534f;
        border-color: #d9534f
    }

    .btn-danger.disabled:hover, .btn-danger:disabled:hover {
        background-color: #d9534f;
        border-color: #d9534f
    }

.btn-outline-primary {
    color: #24b9d7;
    background-image: none;
    background-color: transparent;
    border-color: #24b9d7
}

    .btn-outline-primary:hover {
        color: #fff;
        background-color: #24b9d7;
        border-color: #24b9d7
    }

    .btn-outline-primary:focus, .btn-outline-primary.focus {
        color: #fff;
        background-color: #24b9d7;
        border-color: #24b9d7
    }

    .btn-outline-primary:active, .btn-outline-primary.active, .open > .btn-outline-primary.dropdown-toggle {
        color: #fff;
        background-color: #24b9d7;
        border-color: #24b9d7
    }

        .btn-outline-primary:active:hover, .btn-outline-primary:active:focus, .btn-outline-primary:active.focus, .btn-outline-primary.active:hover, .btn-outline-primary.active:focus, .btn-outline-primary.active.focus, .open > .btn-outline-primary.dropdown-toggle:hover, .open > .btn-outline-primary.dropdown-toggle:focus, .open > .btn-outline-primary.dropdown-toggle.focus {
            color: #fff;
            background-color: #18798d;
            border-color: #125b6a
        }

    .btn-outline-primary.disabled:focus, .btn-outline-primary.disabled.focus, .btn-outline-primary:disabled:focus, .btn-outline-primary:disabled.focus {
        border-color: #79d6e8
    }

    .btn-outline-primary.disabled:hover, .btn-outline-primary:disabled:hover {
        border-color: #79d6e8
    }

.btn-outline-secondary {
    color: transparent;
    background-image: none;
    background-color: transparent;
    border-color: transparent
}

    .btn-outline-secondary:hover {
        color: #fff;
        background-color: transparent;
        border-color: transparent
    }

    .btn-outline-secondary:focus, .btn-outline-secondary.focus {
        color: #fff;
        background-color: transparent;
        border-color: transparent
    }

    .btn-outline-secondary:active, .btn-outline-secondary.active, .open > .btn-outline-secondary.dropdown-toggle {
        color: #fff;
        background-color: transparent;
        border-color: transparent
    }

        .btn-outline-secondary:active:hover, .btn-outline-secondary:active:focus, .btn-outline-secondary:active.focus, .btn-outline-secondary.active:hover, .btn-outline-secondary.active:focus, .btn-outline-secondary.active.focus, .open > .btn-outline-secondary.dropdown-toggle:hover, .open > .btn-outline-secondary.dropdown-toggle:focus, .open > .btn-outline-secondary.dropdown-toggle.focus {
            color: #fff;
            background-color: transparent;
            border-color: transparent
        }

    .btn-outline-secondary.disabled:focus, .btn-outline-secondary.disabled.focus, .btn-outline-secondary:disabled:focus, .btn-outline-secondary:disabled.focus {
        border-color: rgba(51,51,51,0)
    }

    .btn-outline-secondary.disabled:hover, .btn-outline-secondary:disabled:hover {
        border-color: rgba(51,51,51,0)
    }

.btn-outline-info {
    color: #5bc0de;
    background-image: none;
    background-color: transparent;
    border-color: #5bc0de
}

    .btn-outline-info:hover {
        color: #fff;
        background-color: #5bc0de;
        border-color: #5bc0de
    }

    .btn-outline-info:focus, .btn-outline-info.focus {
        color: #fff;
        background-color: #5bc0de;
        border-color: #5bc0de
    }

    .btn-outline-info:active, .btn-outline-info.active, .open > .btn-outline-info.dropdown-toggle {
        color: #fff;
        background-color: #5bc0de;
        border-color: #5bc0de
    }

        .btn-outline-info:active:hover, .btn-outline-info:active:focus, .btn-outline-info:active.focus, .btn-outline-info.active:hover, .btn-outline-info.active:focus, .btn-outline-info.active.focus, .open > .btn-outline-info.dropdown-toggle:hover, .open > .btn-outline-info.dropdown-toggle:focus, .open > .btn-outline-info.dropdown-toggle.focus {
            color: #fff;
            background-color: #269abc;
            border-color: #1f7e9a
        }

    .btn-outline-info.disabled:focus, .btn-outline-info.disabled.focus, .btn-outline-info:disabled:focus, .btn-outline-info:disabled.focus {
        border-color: #b0e1ef
    }

    .btn-outline-info.disabled:hover, .btn-outline-info:disabled:hover {
        border-color: #b0e1ef
    }

.btn-outline-success {
    color: #5cb85c;
    background-image: none;
    background-color: transparent;
    border-color: #5cb85c
}

    .btn-outline-success:hover {
        color: #fff;
        background-color: #5cb85c;
        border-color: #5cb85c
    }

    .btn-outline-success:focus, .btn-outline-success.focus {
        color: #fff;
        background-color: #5cb85c;
        border-color: #5cb85c
    }

    .btn-outline-success:active, .btn-outline-success.active, .open > .btn-outline-success.dropdown-toggle {
        color: #fff;
        background-color: #5cb85c;
        border-color: #5cb85c
    }

        .btn-outline-success:active:hover, .btn-outline-success:active:focus, .btn-outline-success:active.focus, .btn-outline-success.active:hover, .btn-outline-success.active:focus, .btn-outline-success.active.focus, .open > .btn-outline-success.dropdown-toggle:hover, .open > .btn-outline-success.dropdown-toggle:focus, .open > .btn-outline-success.dropdown-toggle.focus {
            color: #fff;
            background-color: #398439;
            border-color: #2d672d
        }

    .btn-outline-success.disabled:focus, .btn-outline-success.disabled.focus, .btn-outline-success:disabled:focus, .btn-outline-success:disabled.focus {
        border-color: #a3d7a3
    }

    .btn-outline-success.disabled:hover, .btn-outline-success:disabled:hover {
        border-color: #a3d7a3
    }

.btn-outline-warning {
    color: #ff9a52;
    background-image: none;
    background-color: transparent;
    border-color: #ff9a52
}

    .btn-outline-warning:hover {
        color: #fff;
        background-color: #ff9a52;
        border-color: #ff9a52
    }

    .btn-outline-warning:focus, .btn-outline-warning.focus {
        color: #fff;
        background-color: #ff9a52;
        border-color: #ff9a52
    }

    .btn-outline-warning:active, .btn-outline-warning.active, .open > .btn-outline-warning.dropdown-toggle {
        color: #fff;
        background-color: #ff9a52;
        border-color: #ff9a52
    }

        .btn-outline-warning:active:hover, .btn-outline-warning:active:focus, .btn-outline-warning:active.focus, .btn-outline-warning.active:hover, .btn-outline-warning.active:focus, .btn-outline-warning.active.focus, .open > .btn-outline-warning.dropdown-toggle:hover, .open > .btn-outline-warning.dropdown-toggle:focus, .open > .btn-outline-warning.dropdown-toggle.focus {
            color: #fff;
            background-color: #fa6800;
            border-color: #d25700
        }

    .btn-outline-warning.disabled:focus, .btn-outline-warning.disabled.focus, .btn-outline-warning:disabled:focus, .btn-outline-warning:disabled.focus {
        border-color: #ffd6b8
    }

    .btn-outline-warning.disabled:hover, .btn-outline-warning:disabled:hover {
        border-color: #ffd6b8
    }

.btn-outline-danger {
    color: #d9534f;
    background-image: none;
    background-color: transparent;
    border-color: #d9534f
}

    .btn-outline-danger:hover {
        color: #fff;
        background-color: #d9534f;
        border-color: #d9534f
    }

    .btn-outline-danger:focus, .btn-outline-danger.focus {
        color: #fff;
        background-color: #d9534f;
        border-color: #d9534f
    }

    .btn-outline-danger:active, .btn-outline-danger.active, .open > .btn-outline-danger.dropdown-toggle {
        color: #fff;
        background-color: #d9534f;
        border-color: #d9534f
    }

        .btn-outline-danger:active:hover, .btn-outline-danger:active:focus, .btn-outline-danger:active.focus, .btn-outline-danger.active:hover, .btn-outline-danger.active:focus, .btn-outline-danger.active.focus, .open > .btn-outline-danger.dropdown-toggle:hover, .open > .btn-outline-danger.dropdown-toggle:focus, .open > .btn-outline-danger.dropdown-toggle.focus {
            color: #fff;
            background-color: #ac2925;
            border-color: #8b211e
        }

    .btn-outline-danger.disabled:focus, .btn-outline-danger.disabled.focus, .btn-outline-danger:disabled:focus, .btn-outline-danger:disabled.focus {
        border-color: #eba5a3
    }

    .btn-outline-danger.disabled:hover, .btn-outline-danger:disabled:hover {
        border-color: #eba5a3
    }

.btn-link {
    font-weight: 400;
    color: var(--link-color);
    border-radius: 0
}

    .btn-link, .btn-link:active, .btn-link.active, .btn-link:disabled {
        background-color: transparent;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        -o-box-shadow: none;
        -ms-box-shadow: none;
        box-shadow: none
    }

        .btn-link, .btn-link:focus, .btn-link:active {
            border-color: transparent
        }

            .btn-link:hover {
                border-color: transparent
            }

            .btn-link:focus, .btn-link:hover {
                color: var(--link-color-hover);
                text-decoration: underline;
                background-color: transparent
            }

            .btn-link:disabled:focus, .btn-link:disabled:hover {
                color: #818a91;
                text-decoration: none
            }

.btn-lg, .btn-group-lg > .btn {
    padding: .75rem 1.5rem;
    font-size: 1rem;
    border-radius: .3rem
}

.btn-sm, .btn-group-sm > .btn {
    padding: .25rem .5rem;
    font-size: 1rem;
    border-radius: .2rem
}

.btn-block {
    display: block;
    width: 100%
}

    .btn-block + .btn-block {
        margin-top: .5rem
    }

input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block {
    width: 100%
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    margin-bottom: .5rem;
    font-family: var(--font-family-heading);
    font-weight: 700;
    line-height: 1.1;
    /* color: var(--headings-color) */
}

h1, .h1 {
    font-size: 1.375rem
}

h2, .h2 {
    font-size: 1.3125rem
}

h3, .h3 {
    font-size: 1.125rem
}

h4, .h4 {
    font-size: 1.125rem
}

h5, .h5 {
    font-size: 1rem
}

h6, .h6 {
    font-size: .9375rem
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0,0,0,.1)
}

small, .small {
    font-size: 80%;
    font-weight: 400
}


header {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
    background: rgba(0, 0, 0, 0.4);
}

.nav-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 40px;
    color: #fff;
}

.logo {
    font-size: 1.8rem;
    font-weight: bold;
}

nav ul {
    list-style: none;
    display: flex;
    gap: 25px;
}

    nav ul li {
        position: relative;
    }

        nav ul li a {
            color: white;
            text-decoration: none;
            padding: 8px 10px;
        }

        nav ul li:hover > ul {
            display: block;
        }

    nav ul ul {
        position: absolute;
        top: 100%;
        left: 0;
        background-color: rgba(0, 0, 0, 0.8);
        display: none;
        min-width: 180px;
    }

        nav ul ul li {
            width: 100%;
        }

            nav ul ul li a {
                padding: 10px;
                display: block;
            }

/* Slider Section */
.slider {
    height: 100vh;
    background: url('https://images.unsplash.com/photo-1600585154340-be6161c458d5') no-repeat center center/cover;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

    .slider::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background: rgb(0 0 0 / 0%);
    }
p {
    font-family: var(--font-family-heading);
}
.slider-content h1 {
    font-size: 22px;
    color: rgb(255, 255, 255);
}
.slider-content p {
    font-size: 52px;
    color: rgb(255, 255, 255);
    opacity: 1;
    top: 327px;
    left: 0px;
    width: 752.75px;
    height: 150px;
    line-height: initial;
   
}
.slider-content {
    position: relative;
    z-index: 2;
    color: white;
    font-size: 2rem;
    text-align: center;
}

/* Responsive */


.menu-toggle {
    display: none;
    color: white;
}



.title-section {
    text-align: center;
    padding: 40px 20px;
}

    .title-section h6 {
        color: #c49c68;
        font-weight: 600;
        letter-spacing: 1px;
    }

    .title-section h1 {
        font-size: 2.5rem;
        font-weight: 500;
        margin-top: 10px;
    }

.style-image {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: transform 0.3s ease-in-out;
}

.style-card:hover .style-image {
    transform: scale(1.03);
}

.style-label {
    font-size: 1.1rem;
    font-weight: 500;
    text-align: center;
    margin-top: 15px;
}

footer container  ul li a{
    color:white
}