/* Font Family*/
@import url("https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&family=Exo:ital,wght@0,100..900;1,100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Outfit:wght@100..900&family=Quicksand:wght@300..700&display=swap");
/* ========================= Variable Css Start ======================== */
:root {
  /* Font Family Variable */
    --heading-font: "Quicksand", sans-serif;
    --heading-font-two: "Exo", sans-serif;
    --heading-font-three: "Outfit", sans-serif;
    --heading-font-four: "Dancing Script", cursive;
    --body-font: "Inter", sans-serif;
  /* Font Size Variable Start */
    --heading-one: clamp(2.25rem, -0.0733rem + 6.3692vw, 4.5rem);
    --heading-two: clamp(2rem, 0.7133rem + 2.8846vw, 3.5rem);
    --heading-three: clamp(1.75rem, 0.3353rem + 2.1661vw, 3rem);
    --heading-four: clamp(1.5rem, 0.5569rem + 1.444vw, 2.5rem);
    --heading-five: clamp(1.25rem, 1.2rem + 0.722vw, 2.25rem);
    --heading-six: clamp(1.125rem, 0.769rem + 0.6813vw, 1.5rem);
    --display-200: clamp(3.75rem, -0.0733rem + 6.3692vw, 12.5rem);
    --display-one: clamp(2.5rem, -0.0733rem + 6.3692vw, 7.5rem);
  /* Font Size End */
  /* Nature's Basket combination — brand emerald */
    --main-h: 153;
    --main-s: 96%;
    --main-l: 30%;
    --main: var(--main-h) var(--main-s) var(--main-l);
  /* Warm accent for deals / secondary CTAs */
    --main-two-h: 25;
    --main-two-s: 90%;
    --main-two-l: 48%;
    --main-two: var(--main-two-h) var(--main-two-s) var(--main-two-l);
  /* White Color */
    --white: 0 0% 100%;
    --black: 220 43% 11%;
    --light: 220 9% 46%;
    --heading-color: var(--black);
    --body-color: var(--light);
    --body-bg: var(--gray);
    --border-color: 220 13% 91%;
    --bg-color-one: #ECFDF3;
    --bg-color-two: #F9FAFB;
    --bg-color-three: #F2F4F7;
    --neutral:#26211e;
    --nb-primary:#cc914c;
    --nb-primary-dark: #027A48;
    --nb-primary-darker: #054F31;
    --nb-soft: #ECFDF3;
    --nb-ink:#26211e;
    --nb-muted: #667085;
    --slider-sage: #ECFDF3;
    --slider-olive: #027A48;
    --slider-forest: #054F31;
    --translate-x-middle: translateX(-50%);
    --translate-y-middle: translateY(-50%);
    --size-2: 0.125rem;
    --size-3: 0.1875rem;
    --size-4: 0.25rem;
    --size-5: 0.3125rem;
    --size-6: 0.375rem;
    --size-7: 0.4375rem;
    --size-8: 0.5rem;
    --size-9: 0.5625rem;
    --size-10: 0.625rem;
    --size-11: 0.6875rem;
    --size-12: 0.75rem;
    --size-13: 0.8125rem;
    --size-14: 0.875rem;
    --size-16: 1rem;
    --size-18: 1.125rem;
    --size-20: 1.25rem;
    --size-22: 1.375rem;
    --size-24: 1.5rem;
    --size-26: 1.625rem;
    --size-28: 1.75rem;
    --size-30: 1.875rem;
    --size-32: 2rem;
    --size-36: 2rem;
    --size-40: 2.5rem;
    --size-44: 2.75rem;
    --size-48: 3rem;
    --size-52: 3.25rem;
    --size-56: 3.5rem;
    --size-60: 3.75rem;
    --size-64: 4rem;
    --size-68: 4.25rem;
    --size-72: 4.5rem;
    --size-76: 4.75rem;
    --size-80: 5rem;
    --size-84: 5.25rem;
    --size-90: 5.625rem;
    --size-110: 6.875rem;
    --size-120: 7.5rem;
    --size-144: 9rem;
    --size-160: 10rem;
    --size-210: 13.125rem;
    --main-50: hsl(var(--main-h), var(--main-s), calc(var(--main-l) + (100% - var(--main-l)) * 0.9));
    --main-100: hsl(var(--main-h), var(--main-s), calc(var(--main-l) + (100% - var(--main-l)) * 0.8));
    --main-200: hsl(var(--main-h), var(--main-s), calc(var(--main-l) + (100% - var(--main-l)) * 0.7));
    --main-300: hsl(var(--main-h), var(--main-s), calc(var(--main-l) + (100% - var(--main-l)) * 0.6));
    --main-400: hsl(var(--main-h), var(--main-s), calc(var(--main-l) + (100% - var(--main-l)) * 0.5));
    --main-500: hsl(var(--main-h), var(--main-s), calc(var(--main-l) + (100% - var(--main-l)) * 0.4));
    --main-600: hsl(var(--main-h), var(--main-s), var(--main-l));
    --main-700: hsl(var(--main-h), var(--main-s), calc(var(--main-l) - var(--main-l) * 0.1));
    --main-800: hsl(var(--main-h), var(--main-s), calc(var(--main-l) - var(--main-l) * 0.2));
    --main-900: hsl(var(--main-h), var(--main-s), calc(var(--main-l) - var(--main-l) * 0.3));
    --main-two-50: hsl(var(--main-two-h), var(--main-two-s), calc(var(--main-two-l) + (100% - var(--main-two-l)) * 0.9));
    --main-two-100: hsl(var(--main-two-h), var(--main-two-s), calc(var(--main-two-l) + (100% - var(--main-two-l)) * 0.8));
    --main-two-200: hsl(var(--main-two-h), var(--main-two-s), calc(var(--main-two-l) + (100% - var(--main-two-l)) * 0.7));
    --main-two-300: hsl(var(--main-two-h), var(--main-two-s), calc(var(--main-two-l) + (100% - var(--main-two-l)) * 0.6));
    --main-two-400: hsl(var(--main-two-h), var(--main-two-s), calc(var(--main-two-l) + (100% - var(--main-two-l)) * 0.5));
    --main-two-500: hsl(var(--main-two-h), var(--main-two-s), calc(var(--main-two-l) + (100% - var(--main-two-l)) * 0.4));
    --main-two-600: hsl(var(--main-two-h), var(--main-two-s), var(--main-two-l));
    --main-two-700: hsl(var(--main-two-h), var(--main-two-s), calc(var(--main-two-l) - var(--main-two-l) * 0.1));
    --main-two-800: hsl(var(--main-two-h), var(--main-two-s), calc(var(--main-two-l) - var(--main-two-l) * 0.2));
    --main-two-900: hsl(var(--main-two-h), var(--main-two-s), calc(var(--main-two-l) - var(--main-two-l) * 0.3));
    --neutral-30: #F2F5FA;
    --neutral-40: #E5E7EB;
    --neutral-50: #ECF1F9;
    --neutral-100: #E6E6E6;
    --neutral-200: #CCCCCC;
    --neutral-300: #B3B3B3;
    --neutral-400: #999999;
    --neutral-500: #808080;
    --neutral-600: #121535;
    --neutral-700: #060710;
    --neutral-800: #11132e;
    --neutral-900: #1A1A1A;
    --gray-50: #F1F1F1;
    --gray-100: #E6E6E6;
    --gray-200: #CCCCCC;
    --gray-300: #B3B3B3;
    --gray-400: #999999;
    --gray-500: #808080;
    --gray-600: #666666;
    --gray-700: #4D4D4D;
    --gray-800: #333333;
    --gray-900: #1A1A1A;
    --light-50: #F5F6FA;
    --light-100: #F3F4F6;
    --light-600: #E4F1FF;
    --light-700: #374151;
    --light-800: #1F2937;
    --primary-50: #E4F1FF;
    --primary-100: #BFDCFF;
    --primary-200: #95C7FF;
    --primary-300: #6BB1FF;
    --primary-400: #519FFF;
    --primary-500: #458EFF;
    --primary-600: #487FFF;
    --primary-700: #486CEA;
    --primary-800: #4759D6;
    --primary-900: #4536B6;
    --danger-50: #FEF2F2;
    --danger-100: #FEE2E2;
    --danger-200: #FECACA;
    --danger-300: #FCA5A5;
    --danger-400: #F87171;
    --danger-500: #EF4444;
    --danger-600: #DC2626;
    --danger-700: #B91C1C;
    --danger-800: #991B1B;
    --danger-900: #7F1D1D;
    --success-50: #F0FDF4;
    --success-100: #DCFCE7;
    --success-200: #BBF7D0;
    --success-300: #86EFAC;
    --success-400: #4ADE80;
    --success-500: #22C55E;
    --success-600: #2ABC79;
    --success-700: #15803D;
    --success-800: #166534;
    --success-900: #14532D;
    --warning-50: #FEFCE8;
    --warning-100: #FEF9C3;
    --warning-200: #FEF08A;
    --warning-300: #FDE047;
    --warning-400: #FACC15;
    --warning-500: #EAB308;
    --warning-600: #FF9F29;
    --warning-700: #f39016;
    --warning-800: #e58209;
    --warning-900: #d77907;
    --info-50: #EFF6FF;
    --info-100: #DBEAFE;
    --info-200: #BFDBFE;
    --info-300: #93C5FD;
    --info-400: #60A5FA;
    --info-500: #3B82F6;
    --info-600: #2563EB;
    --info-700: #1D4ED8;
    --info-800: #1E40AF;
    --info-900: #1E3A8A;
    --tertiary-50: #d1c8ff;
    --tertiary-100: #c2b6ff;
    --tertiary-600: #3C23B5;
    --font-xs: 0.75rem;
    --font-sm: 0.875rem;
    --font-md: 1rem;
    --font-lg: 1.125rem;
    --font-xl: 1.25rem;
    --font-2xl: 1.5rem;
    --font-3xl: 1.875rem;
    --font-4xl: 2.25rem;
    --font-5xl: 3rem;
    --font-6xl: 3.75rem;
}
.common-accordion:first-of-type .accordion-button.collapsed {
    border-radius: 5px;
}
.common-accordion:last-of-type .accordion-button.collapsed {
    border-radius: 5px;
}
.common-accordion .accordion-button:not(.collapsed) {
    background-color: transparent !important;
    box-shadow: none;
    color: hsl(var(--main));
}
.common-accordion .accordion-button:not(.collapsed)::after {
    background-image: none;
    color: hsl(var(--main));
}
/* ================================= Accordion Css End =========================== */
/* ================================= Button Css Start =========================== */
.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active {
    color: none;
    background-color: none;
    border-color: none;
}
.btn {
    position: relative;
    border-radius: 5px;
    border: 1px solid transparent;
    font-weight: 500;
    font-family: var(--body-font);
    color: hsl(var(--white)) !important;
    z-index: 1;
    line-height: 1;
    padding: 13px 24px;
}
.btn:hover, .btn:focus, .btn:focus-visible {
    box-shadow: none !important;
}
@media screen and (max-width: 1399px) {.btn {
        padding: 10px 20px;
        font-size: 0.875rem;
    }}
.btn:active {
    transform: scale(1.01);
}
.btn-main {
    background-color: hsl(var(--main)) !important;
    border-color: hsl(var(--main)) !important;
    color: #fff !important;
}
.btn-main:hover {
    background-color: var(--main-800) !important;
    border-color: var(--main-800) !important;
    color: #fff !important;
}
.btn-outline-main {
    background-color: transparent !important;
    border-color: hsl(var(--main)) !important;
    color: hsl(var(--main)) !important;
}
.btn-outline-main:hover {
    background-color: hsl(var(--main)/0.15) !important;
    border-color: hsl(var(--main)/0.4) !important;
}
.btn-main-two {
    background-color: hsl(var(--main-two)) !important;
    border-color: hsl(var(--main-two)) !important;
    color: hsl(var(--white)) !important;
}
.btn-main-two:hover {
    background-color: var(--main-two-800) !important;
    border-color: var(--main-two-800) !important;
}
.btn-white {
    background-color: hsl(var(--white)) !important;
    border-color: hsl(var(--white)) !important;
    color: hsl(var(--heading-color)) !important;
}
.btn-white:hover {
    background-color: hsl(var(--white)/0.9) !important;
    border-color: hsl(var(--white)/0.9) !important;
}
.btn-outline-white {
    background-color: transparent !important;
    border-color: hsl(var(--white)) !important;
    color: hsl(var(--white)) !important;
}
.btn-outline-white:hover {
    background-color: hsl(var(--white)) !important;
    border-color: hsl(var(--white)) !important;
    color: hsl(var(--heading-color)) !important;
}
.btn-black {
    background-color: hsl(var(--black)) !important;
    border-color: hsl(var(--black)) !important;
    color: hsl(var(--white)) !important;
}
.btn-black:hover {
    background-color: hsl(var(--black)/0.8) !important;
    border-color: hsl(var(--black)/0.8) !important;
}
/* ================================= Button Css End =========================== */
/* ================================= Form Css Start =========================== */
/* input Start */
.common-input {
    border-radius: 5px;
    font-weight: 400;
    outline: none;
    width: 100%;
    padding: 17px 24px;
    background-color: transparent !important;
    border: 1px solid var(--gray-100);
    color: hsl(var(--black));
    line-height: 1;
}
.common-input.style-two {
    background-color: hsl(var(--white)) !important;
    color: hsl(var(--black));
}
@media screen and (max-width: 991px) {.common-input {
        padding: 12px 24px;
    }}
@media screen and (max-width: 767px) {.common-input {
        padding: 10px 16px;
    }}
.common-input::placeholder {
    color: var(--gray-500);
    transition: 0.2s linear;
    font-size: 0.875rem;
    font-weight: 400;
}
.common-input:focus {
    border-color: hsl(var(--main));
    box-shadow: none;
}
.common-input:focus::placeholder {
    visibility: hidden;
    opacity: 0;
}
.common-input:disabled, .common-input[readonly] {
    background-color: hsl(var(--black)/0.2);
    opacity: 1;
    border: 0;
}
.common-input[type=password] {
    color: hsl(var(--black)/0.5);
}
.common-input[type=password]:focus {
    color: hsl(var(--black));
}
.common-input[type=file] {
    line-height: 50px;
    padding: 0;
    position: relative;
}
.common-input[type=file]::file-selector-button {
    border: 1px solid hsl(var(--black)/0.08);
    padding: 4px 6px;
    border-radius: 0.2em;
    background-color: hsl(var(--main)) !important;
    transition: 0.2s linear;
    line-height: 25px;
    position: relative;
    margin-inline-start: 15px;
    color: hsl(var(--body-color)) !important;
}
.common-input[type=file]::file-selector-button:hover {
    background-color: hsl(var(--main));
    border: 1px solid hsl(var(--main));
    color: hsl(var(--black));
}
.placeholder-italic::placeholder {
    font-style: italic;
}
.placeholder-text-sm::placeholder {
    font-size: 0.75rem;
}
.placeholder-text-16::placeholder {
    font-size: 1rem;
}
.placeholder-fw-medium::placeholder {
    font-weight: 500;
}
.placeholder-light::placeholder {
    color: #889AAE;
}
.select-has-icon .common-input {
    padding-inline-end: 30px !important;
}
.select {
    color: hsl(var(--black)/0.6) !important;
    padding: 16px 24px;
}
@media screen and (max-width: 991px) {.select {
        padding: 11px 24px;
    }}
@media screen and (max-width: 767px) {.select {
        padding: 9px 24px;
    }}
.select:focus {
    border-color: hsl(var(--main));
    color: hsl(var(--black)) !important;
    outline: none;
}
.select option {
    background-color: hsl(var(--white));
    color: hsl(var(--heading-color));
}
/* Form Select End */
textarea.common-input {
    height: 140px;
}
@media screen and (max-width: 767px) {textarea.common-input {
        height: 110px;
    }}
/* Autofill Css */
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active,
textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, textarea:-webkit-autofill:active {
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s;
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill, textarea:-webkit-autofill, textarea:-webkit-autofill, textarea:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px transparent inset;
    -webkit-text-fill-color: hsl(var(--heading-color)) !important;
    caret-color: hsl(var(--heading-color));
}
/* Autofill Css End */
/* Show Hide Password */
input#your-password, input#confirm-password {
    padding-inline-end: 50px;
}
/* Number Arrow None */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
input[type=number] {
    -moz-appearance: textfield;
}
/* Custom Checkbox & Radio Css Start */
.common-check {
    margin-block-end: 16px;
}
.common-check:last-child {
    margin-block-end: 0;
}
.common-check a {
    display: inline;
}
.common-check.common-radio .form-check-input {
    border-radius: 50%;
}
.common-check.common-radio .form-check-input:checked {
    background-color: transparent !important;
}
.common-check.common-radio .form-check-input:checked::after {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}
.common-check .form-check-input {
    transition: 0.2s linear;
    box-shadow: none;
    background-color: transparent;
    box-shadow: none !important;
    border: 0;
    position: relative;
    border-radius: 3px;
    width: 18px;
    height: 18px;
    border: 1px solid hsl(var(--black)/0.4);
    cursor: pointer;
    transition: 0.2s linear;
    margin-block-start: 0;
}
.common-check .form-check-input::before {
    position: absolute;
    content: "\e182";
    font-family: "Phosphor";
    font-weight: 900;
    color: hsl(var(--white));
    font-size: 12px;
    inset-block-start: 50%;
    inset-inline-start: 50%;
    transform: translate(-50%, -50%);
    transition: 0.2s linear;
    visibility: hidden;
    opacity: 0;
}
.common-check .form-check-input::after {
    position: absolute;
    content: "";
    inset-block-start: 50%;
    inset-inline-start: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0.2);
    transform: translate(-50%, -50%) scale(0.2);
    width: 10px;
    height: 10px;
    background-color: hsl(var(--main));
    border-radius: 50%;
    transition: 0.2s linear;
    z-index: 1;
    visibility: hidden;
    opacity: 0;
}
.common-check .form-check-input:checked {
    background-color: hsl(var(--main)) !important;
    border-color: hsl(var(--main)) !important;
    box-shadow: none;
}
.common-check .form-check-input:checked[type=checkbox] {
    background-image: none;
}
.common-check .form-check-input:checked::before {
    visibility: visible;
    opacity: 1;
}
.common-check .form-check-label {
    font-weight: 500;
    width: calc(100% - 18px);
    padding-inline-start: 12px;
    cursor: pointer;
    color: hsl(var(--heading-color));
    font-family: var(--poppins-font);
}
.checked-black .form-check-input {
    border: 1px solid hsl(var(--black));
}
.checked-black .form-check-input::after {
    background-color: hsl(var(--black));
}
.checked-black .form-check-input:checked {
    background-color: hsl(var(--black)) !important;
    border-color: hsl(var(--black)) !important;
}
.checked-primary .form-check-input {
    border: 1px solid var(--primary-600);
}
.checked-primary .form-check-input::after {
    background-color: var(--primary-600);
}
.checked-primary .form-check-input:checked {
    background-color: var(--primary-600) !important;
    border-color: var(--primary-600) !important;
}
.checked-gray .form-check-input {
    border: 1px solid var(--gray-600);
}
.checked-gray .form-check-input::after {
    background-color: var(--gray-600);
}
.checked-gray .form-check-input:checked {
    background-color: var(--gray-600) !important;
    border-color: var(--gray-600) !important;
}
.checked-success .form-check-input {
    border: 1px solid var(--success-600);
}
.checked-success .form-check-input::after {
    background-color: var(--success-600);
}
.checked-success .form-check-input:checked {
    background-color: var(--success-600) !important;
    border-color: var(--success-600) !important;
}
.checked-danger .form-check-input {
    border: 1px solid var(--danger-600);
}
.checked-danger .form-check-input::after {
    background-color: var(--danger-600);
}
.checked-danger .form-check-input:checked {
    background-color: var(--danger-600) !important;
    border-color: var(--danger-600) !important;
}
.checked-purple .form-check-input {
    border: 1px solid var(--tertiary-600);
}
.checked-purple .form-check-input::after {
    background-color: var(--tertiary-600);
}
.checked-purple .form-check-input:checked {
    background-color: var(--tertiary-600) !important;
    border-color: var(--tertiary-600) !important;
}
.checked-white .form-check-input {
    border: 1px solid var(--gray-100);
}
.checked-white .form-check-input::after {
    background-color: var(--gray-100);
}
.checked-white .form-check-input:checked {
    background-color: var(--gray-100) !important;
    border-color: var(--gray-100) !important;
}
/* Custom Checkbox & Radio Css End */
.toggle-password.active::before {
    content: "\e220" !important;
}
/* ================================= Form Css End =========================== */
/* ================================= Pagination Css Start =========================== */
.pagination {
    margin-block-start: 64px;
}
@media screen and (max-width: 1199px) {.pagination {
        margin-block-start: 48px;
    }}
@media screen and (max-width: 991px) {.pagination {
        margin-block-start: 40px;
    }}
@media screen and (max-width: 767px) {.pagination {
        margin-block-start: 32px;
    }}
.pagination .page-item.active .page-link {
    background-color: var(--main-600) !important;
    border-color: var(--main-600) !important;
    color: hsl(var(--white)) !important;
}
.pagination .page-item .page-link {
    box-shadow: none !important;
}
.pagination .page-item .page-link:hover, .pagination .page-item .page-link:active, .pagination .page-item .page-link:focus {
    color: var(--main-600) !important;
    background-color: var(--main-100) !important;
    border-color: var(--main-300) !important;
}
/* ================================= Pagination Css End =========================== */
/* ================================= Tab Css Start =========================== */
.common-tab {
    margin-block-end: 20px;
    gap: 8px;
}
.common-tab .nav-item {
    border-bottom: 0;
}
.common-tab .nav-item .nav-link {
    color: var(--gray-500);
    padding: 9px 24px !important;
    background-color: transparent;
    transition: 0.2s linear;
    border: 1px solid var(--border-color);
    position: relative;
    font-weight: 400;
    overflow: hidden;
    border-radius: 50px;
    font-size: 16px;
}
@media screen and (max-width: 1399px) {.common-tab .nav-item .nav-link {
        padding: 6px 16px !important;
        font-size: 0.875rem;
    }}
.common-tab .nav-item .nav-link.active {
    color: hsl(var(--white)) !important;
    border-color: var(--main-600) !important;
    background-color: var(--main-600) !important;
}
.common-tab .nav-item .nav-link:hover {
    color: var(--main-600);
}
.common-tab.style-two .nav-link {
    border: 1px solid var(--gray-100);
    color: var(--neutral-600);
}
.common-tab.style-two .nav-link.active {
    color: hsl(var(--white)) !important;
    border-color: var(--main-two-600) !important;
    background-color: var(--main-two-600) !important;
}
.common-tab.style-two .nav-link:hover {
    color: var(--main-two-600);
}
.table {
    color: hsl(var(--white));
    margin-block-end: 0;
    min-width: max-content;
}
.table > :not(caption) > * > * {
    border-bottom: 0;
}
.table tr th {
    padding-inline-start: 0;
    padding: 32px;
}
.table tr th:first-child {
    padding-inline-start: 0;
}
.table tr th:last-child {
    padding-inline-end: 0;
}
.table tr th, .table tr td {
    text-align: center;
    vertical-align: middle;
}
.table tr th:first-child, .table tr td:first-child {
    text-align: left;
}
.table tr th:last-child, .table tr td:last-child {
    text-align: right;
    padding-inline-end: 0;
}
.table thead tr {
    border-bottom: 1px solid hsl(var(--white)/0.2);
}
.table thead tr th {
    padding-block-start: 0;
    font-size: clamp(1rem, 0.696rem + 0.634vw, 1.25rem);
    font-weight: 400;
    padding-block-end: clamp(1rem, -0.065rem + 2.219vw, 1.875rem);
}
.table tbody tr {
    border-bottom: 1px solid hsl(var(--white)/0.2);
}
.table tbody tr:last-child {
    border-bottom: 0;
}
.table tbody tr:last-child td {
    padding-block-end: 0;
}
.table tbody tr td {
    font-size: clamp(0.875rem, 0.723rem + 0.317vw, 1rem);
    font-weight: 400;
    padding: clamp(1rem, -0.065rem + 2.219vw, 1.875rem) 0;
}
.table.style-two {
    color: hsl(var(--heading-color));
}
.table.style-two thead tr, .table.style-two tbody tr {
    border-bottom: 1px solid hsl(var(--black)/0.1);
}
.table.style-two thead tr th {
    padding-block-end: 16px;
    font-size: 15px;
}
.table.style-three tbody tr {
    border-bottom: 1px solid var(--gray-100);
}
.table.style-three tbody tr:last-child {
    border: 0;
}
.table.style-three tbody tr td:first-child {
    padding-inline-start: 0;
}
.table.style-three tbody tr td:last-child {
    padding-inline-end: 0;
}
.table.style-three tbody tr td {
    padding: clamp(1.5rem, 0.283rem + 2.536vw, 2.5rem) 24px;
}
.common-card .card-header .title {
    color: hsl(var(--white));
    margin-block-end: 0;
}
/* ================= Common Card Css End ========================= */
/* ======================= Select 2 Css Start =========================== */
.select2-container--default .select2-selection--single {
    border: 0;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border: 0;
    position: relative;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b::before {
    position: relative;
    content: "\e136";
    font-family: "Phosphor";
    font-weight: 900;
    color: hsl(var(--heading-color)/0.4);
    transition: 0.2s linear;
}
.select2-container--open.select2-container--default .select2-selection--single .select2-selection__arrow b::before {
    content: "\e13c" !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border: 0 !important;
    margin: 0 !important;
    inset-block-start: 0 !important;
    inset-inline-start: 0 !important;
    position: relative !important;
}
.select2-container {
    height: inherit !important;
    width: auto !important;
}
.select2-selection.select2-selection--single {
    height: inherit !important;
    border: 1px solid var(--gray-200) !important;
    background-color: transparent !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}
.radius-end-0 .select2-selection.select2-selection--single {
    border-start-start-radius: 50px !important;
    border-end-start-radius: 50px !important;
}
.select2-selection.select2-selection--single {
    position: relative;
}
.select2-container .selection {
    height: inherit;
}
.select2-selection__arrow {
    right: 16px !important;
    inset-block-start: 50% !important;
    transform: translateY(-50%) !important;
    width: unset !important;
}
@media screen and (max-width: 1199px) {.select2-selection__arrow {
        right: 6px !important;
    }}
.select2-container .select2-selection--single .select2-selection__rendered {
    padding-inline-start: 24px !important;
    padding-inline-end: 40px !important;
}
@media screen and (max-width: 1199px) {.select2-container .select2-selection--single .select2-selection__rendered {
        padding-inline-start: 10px !important;
        padding-inline-end: 24px !important;
    }}
.select-border-end-0 .select2-selection.select2-selection--single {
    border-inline-end: 0 !important;
}
.select2-dropdown {
    border: 1px solid var(--gray-100) !important;
    padding: 10px !important;
    border-radius: 4px !important;
    min-width: 200px;
}
@media screen and (max-width: 767px) {.select2-dropdown {
        min-width: 170px;
    }}
@media screen and (max-width: 424px) {.select2-dropdown {
        min-width: 150px;
    }}
.select2-search--dropdown {
    padding: 0 !important;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid var(--gray-100) !important;
    border-radius: 6px !important;
    padding: 4px 10px;
}
.select2-container--default .select2-search--dropdown .select2-search__field:focus-visible {
    outline: 1px solid var(--main-200);
}
.select2-results {
    margin-block-start: 8px !important;
}
.select2-results__option.select2-results__option--selectable {
    border-radius: 4px !important;
    padding: 6px 12px !important;
    color: var(--gray-500);
    font-size: 14px !important;
}
@media screen and (max-width: 767px) {.select2-results__option.select2-results__option--selectable {
        padding: 4px 10px !important;
        font-size: 12px !important;
    }}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: var(--main-600) !important;
    color: white !important;
}
.select2-results__option.select2-results__option--selectable:hover {
    background-color: var(--main-100) !important;
    color: var(--main-600) !important;
}
.select2-container--default .select2-results__option--selected, .select2-container--default .select2-results__option--selected:hover {
    background-color: var(--main-600) !important;
    color: #fff !important;
}
.select2-container--default .select2-results > .select2-results__options {
    padding-inline-end: 8px;
}
.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar {
    width: 6px;
}
.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-track {
    background: #ecebeb;
}
.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-thumb {
    background: #cecece;
    border-radius: 50px;
}
.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-thumb:hover {
    background: #c0c0c0;
}
.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-thumb:active {
    background: #b6b6b6;
}
.select2-container--open.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--main-600) !important;
}
.select2-container--open.select2-container--default .select2-selection--single .select2-selection__arrow b::before {
    color: var(--main-600) !important;
}
/* Location Box Css  */
.location-box .select2-container .select2-selection--single .select2-selection__rendered {
    padding-inline-start: 0px !important;
    padding-inline-end: 50px !important;
}
.location-box .select2-selection__arrow {
    right: 0px !important;
    inset-block-start: 10% !important;
}
.location-box .select2-selection.select2-selection--single {
    border: 0 !important;
}
.location-box .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 14px;
    color: var(--gray-900);
    font-weight: 700;
    font-family: var(--heading-font-two);
}
@media screen and (max-width: 991px) {.select2-container--open .select2-dropdown {
        left: -74px;
    }}
@media screen and (max-width: 424px) {.select2-container--open .select2-dropdown {
        left: -40px;
    }}
@media screen and (max-width: 991px) {.location-box, .search-category.h-48 {
        height: 40px !important;
    }
.location-box .select2-selection__rendered, .search-category.h-48 .select2-selection__rendered {
        font-size: 12px;
    }}
.select-style-one .select2-container .selection {
    height: 100%;
}
.select-style-one .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: unset;
}
.select-style-one .select2-container--default .select2-selection--single .select2-selection__arrow b::before {
    font-weight: 400;
}
.select-style-one .select2-selection.select2-selection--single {
    border-color: var(--neutral-40) !important;
    border-radius: 4px 0 0 4px;
}
.select-style-one .select2-selection.select2-selection--single:focus-visible {
    outline: 0;
}
/* ======================= Select 2 Css End =========================== */
/* ========================== Count Down Css Start =============================== */
.countdown-list {
    gap: 20px;
}
@media screen and (max-width: 1399px) {.countdown-list {
        gap: 6px;
    }}
.countdown-list__item {
    background-color: hsl(var(--white));
    padding: clamp(0.375rem, -2.248rem + 3vw, 0.75rem) clamp(0.5rem, -2.998rem + 4vw, 1rem);
    border-radius: 8px;
    position: relative;
}
@media screen and (max-width: 1399px) {.countdown-list__item {
        font-size: 0.75rem !important;
    }}
.countdown-list__item:last-child::before {
    display: none;
}
.countdown-list__item::before {
    position: absolute;
    content: ":";
    inset-block-start: 50%;
    inset-inline-end: -10px;
    transform: translateY(-50%);
    font-weight: 700;
}
@media screen and (max-width: 1399px) {.countdown-list__item::before {
        display: none;
    }}
.countdown-list__item.colon-white::before {
    color: #fff !important;
}
.countdown-list__item.colon-red::before {
    color: #FF6600;
}
.countdown-list.style-two .countdown-list__item {
    background-color: var(--main-600);
    color: #fff !important;
}
.countdown-list.style-two .countdown-list__item::before {
    color: var(--main-600) !important;
}
.countdown-list.style-three {
    gap: 12px;
}
.countdown-list.style-three .countdown-list__item {
    background-color: var(--main-50);
    font-size: 11px !important;
    padding: 6px;
    color: #1A1A1A !important;
}
.countdown-list.style-four .countdown-list__item {
    width: 64px;
    height: 64px;
    align-items: center;
    padding: 2px;
    justify-content: center;
}
.countdown-list.style-four .countdown-list__item::before {
    color: var(--neutral-600);
}
/* ========================== Count Down Css End =============================== */
.badge-notification {
    margin-bottom: 6px;
    position: absolute;
    inset-block-start: -18px;
    inset-inline-start: 0;
    animation: notification 0.8s infinite;
}
.badge-notification::before {
    position: absolute;
    content: "";
    width: 11px;
    height: 6px;
    background-color: inherit;
    top: calc(100% - 1px);
    clip-path: polygon(0% 0%, 100% 0%, 0% 100%, 0% 100%);
}
.badge-style-two::before {
    position: absolute;
    content: "";
    width: 12px;
    height: 12px;
    background: inherit;
    border-radius: 2px;
    inset-inline-start: -4px;
    transform: translateY(-50%) rotate(45deg);
    top: 50%;
}
@keyframes notification {
    0%, 100% {
        opacity: 1;
    }

    50% {
        opacity: 0.3;
    }
}
/* ================================= Range Slider Css Start =========================== */
.custom--range #slider-range {
    height: 4px;
    border: 0;
    background: var(--gray-200);
    margin: 8px;
}
.custom--range #slider-range .ui-slider-handle {
    width: 16px !important;
    height: 16px !important;
    background-color: var(--main-600) !important;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    border: 0 !important;
    outline: 0 !important;
    transition: 0.2s linear;
}
.custom--range #slider-range .ui-slider-handle:hover, .custom--range #slider-range .ui-slider-handle.ui-state-active {
    transform: translateY(-50%) scale(1.3);
}
.custom--range #slider-range .ui-slider-handle.ui-state-active {
    box-shadow: 0px 0px 12px 4px #95959541 !important;
}
.custom--range #slider-range .ui-widget-header {
    background-color: var(--main-600);
    transition: 0.2s linear;
}
.custom--range #slider-range span:focus {
    background-color: var(--main-600);
}
.custom--range__prices {
    width: 58px;
}
.custom--range input {
    border: 0;
    color: hsl(var(--body-color));
    font-weight: 500;
    outline: 0;
}
/* ================================= Range Slider Css End =========================== */
/* ================================= Typography Css Start =========================== */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html {
    scroll-behavior: smooth;
}
body {
    font-family: var(--body-font);
    color: hsl(var(--body-color));
    word-break: break-word;
    background-color:#fff7ed;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    position: relative;
}
html, body {
    overflow-x: clip;
}
p {
    font-weight: 400;
    margin: 0;
    line-height: 1.6;
}
span {
    display: inline-block;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 16px 0;
    font-family: var(--heading-font);
    color: hsl(var(--heading-color));
    line-height: 1.2;
    font-weight: 700;
}
h1, .h1 {
    font-size: var(--heading-one);
}
h2, .h2 {
    font-size: var(--heading-two);
}
h3, .h3 {
    font-size: var(--heading-three);
}
h4, .h4 {
    font-size: var(--heading-four);
}
h5, .h5 {
    font-size: var(--heading-five);
}
h6, .h6 {
    font-size: var(--heading-six);
}
h1 > a,
h2 > a,
h3 > a,
h4 > a,
h5 > a,
h6 > a {
    font-weight: inherit;
    font-size: inherit;
    color: inherit;
    transition: 0.2s linear;
    line-height: inherit;
}
h1 > a:hover,
h2 > a:hover,
h3 > a:hover,
h4 > a:hover,
h5 > a:hover,
h6 > a:hover {
    color: hsl(var(--main));
}
a {
    display: inline-block;
    transition: 0.2s linear;
    text-decoration: none;
    color: #0661e9;
}
a:hover {
    color: #1d72f2;
}
img {
    max-width: 100%;
    height: auto;
}
select {
    cursor: pointer;
}
ul,
ol {
    padding: 0;
    margin: 0;
    list-style: none;
}
button {
    border: 0;
    background-color: transparent;
}
button:focus {
    outline: none;
    box-shadow: none;
}
.form-select:focus {
    outline: 0;
    box-shadow: none;
}
input:focus-visible {
    outline: 0;
}
.m-12 {
    margin: var(--size-12) !important;
}
.m-16 {
    margin: var(--size-16) !important;
}
.m-20 {
    margin: var(--size-20) !important;
}
.my-4 {
    margin-block: var(--size-4) !important;
}
.my-8 {
    margin-block: var(--size-8) !important;
}
.my-16 {
    margin-block: var(--size-16) !important;
}
.my-20 {
    margin-block: var(--size-20) !important;
}
.my-24 {
    margin-block: var(--size-24) !important;
}
.my-28 {
    margin-block: var(--size-28) !important;
}
.my-32 {
    margin-block: var(--size-32) !important;
}
.my-40 {
    margin-block: var(--size-40) !important;
}
.my-48 {
    margin-block: var(--size-48) !important;
}
.ms-12 {
    margin-inline-start: var(--size-12) !important;
}
.ms-16 {
    margin-inline-start: var(--size-16) !important;
}
.ms-20 {
    margin-inline-start: var(--size-20) !important;
}
.ms-32 {
    margin-inline-start: var(--size-32) !important;
}
.me-6 {
    margin-inline-end: var(--size-6) !important;
}
.me-8 {
    margin-inline-end: var(--size-8) !important;
}
.me-10 {
    margin-inline-end: var(--size-10) !important;
}
.me-12 {
    margin-inline-end: var(--size-12) !important;
}
.me-16 {
    margin-inline-end: var(--size-16) !important;
}
.me-32 {
    margin-inline-end: var(--size-32) !important;
}
.me-36 {
    margin-inline-end: var(--size-36) !important;
}
.me-60 {
    margin-inline-end: var(--size-60) !important;
}
.mt-4 {
    margin-block-start: var(--size-4) !important;
}
.mt-6 {
    margin-block-start: var(--size-6) !important;
}
.mt-8 {
    margin-block-start: var(--size-8) !important;
}
.mt-10 {
    margin-block-start: var(--size-10) !important;
}
.mt-12 {
    margin-block-start: var(--size-12) !important;
}
.mt-16 {
    margin-block-start: var(--size-16) !important;
}
.mt-20 {
    margin-block-start: var(--size-20) !important;
}
.mt-22 {
    margin-block-start: var(--size-22) !important;
}
.mt-24 {
    margin-block-start: var(--size-24) !important;
}
.mt-28 {
    margin-block-start: var(--size-28) !important;
}
.mt-30 {
    margin-block-start: var(--size-30) !important;
}
.mt-32 {
    margin-block-start: var(--size-32) !important;
}
.mt-36 {
    margin-block-start: var(--size-36) !important;
}
.mt-40 {
    margin-block-start: var(--size-40) !important;
}
.mt-44 {
    margin-block-start: var(--size-44) !important;
}
.mt-48 {
    margin-block-start: var(--size-48) !important;
}
.mt-52 {
    margin-block-start: var(--size-52) !important;
}
.mt-56 {
    margin-block-start: var(--size-56) !important;
}
.mt-80 {
    margin-block-start: var(--size-80) !important;
}
.mb-3 {
    margin-block-end: var(--size-3) !important;
}
.mb-4 {
    margin-block-end: var(--size-4) !important;
}
.mb-6 {
    margin-block-end: var(--size-6) !important;
}
.mb-8 {
    margin-block-end: var(--size-8) !important;
}
.mb-10 {
    margin-block-end: var(--size-10) !important;
}
.mb-12 {
    margin-block-end: var(--size-12) !important;
}
.mb-14 {
    margin-block-end: var(--size-14) !important;
}
.mb-16 {
    margin-block-end: var(--size-16) !important;
}
.mb-20 {
    margin-block-end: var(--size-20) !important;
}
.mb-24 {
    margin-block-end: var(--size-24) !important;
}
.mb-28 {
    margin-block-end: var(--size-28) !important;
}
.mb-30 {
    margin-block-end: var(--size-30) !important;
}
.mb-32 {
    margin-block-end: var(--size-32) !important;
}
.mb-40 {
    margin-block-end: var(--size-40) !important;
}
.mb-44 {
    margin-block-end: var(--size-44) !important;
}
.mb-48 {
    margin-block-end: var(--size-48) !important;
}
.mb-60 {
    margin-block-end: var(--size-60) !important;
}
.mb-80 {
    margin-block-end: var(--size-80) !important;
}
.mt-0 {
    margin-block-start: 0 !important;
}
.mb-0 {
    margin-block-end: 0 !important;
}
.mb-60 {
    margin-block-end: 30px !important;
}
@media (min-width: 576px) {.mb-60 {
        margin-block-end: 40px !important;
    }}
@media (min-width: 992px) {.mb-60 {
        margin-block-end: 60px !important;
    }}
/* ================================= Margin Css End =========================== */
/* ================================= Padding Css Start =========================== */
.p-2 {
    padding: var(--size-2) !important;
}
.p-4 {
    padding: var(--size-4) !important;
}
.p-8 {
    padding: var(--size-8) !important;
}
.p-10 {
    padding: var(--size-10) !important;
}
.p-12 {
    padding: var(--size-12) !important;
}
.p-16 {
    padding: var(--size-16) !important;
}
.p-24 {
    padding: var(--size-24) !important;
}
.p-28 {
    padding: var(--size-28) !important;
}
.p-32 {
    padding: var(--size-32) !important;
}
.px-3 {
    padding-inline: var(--size-3) !important;
}
.px-4 {
    padding-inline: var(--size-4) !important;
}
.px-8 {
    padding-inline: var(--size-8) !important;
}
.px-12 {
    padding-inline: var(--size-12) !important;
}
.px-14 {
    padding-inline: var(--size-14) !important;
}
.px-16 {
    padding-inline: var(--size-16) !important;
}
.px-20 {
    padding-inline: var(--size-20) !important;
}
.px-24 {
    padding-inline: var(--size-24) !important;
}
.px-30 {
    padding-inline: var(--size-30) !important;
}
.px-32 {
    padding-inline: var(--size-32) !important;
}
.px-40 {
    padding-inline: var(--size-40) !important;
}
.px-44 {
    padding-inline: var(--size-44) !important;
}
.px-48 {
    padding-inline: var(--size-48) !important;
}
.px-64 {
    padding-inline: var(--size-64) !important;
}
.py-2 {
    padding-block: var(--size-2) !important;
}
.py-4 {
    padding-block: var(--size-4) !important;
}
.py-6 {
    padding-block: var(--size-6) !important;
}
.py-7 {
    padding-block: var(--size-7) !important;
}
.py-8 {
    padding-block: var(--size-8) !important;
}
.py-9 {
    padding-block: var(--size-9) !important;
}
.py-10 {
    padding-block: var(--size-10) !important;
}
.py-11 {
    padding-block: var(--size-11) !important;
}
.py-12 {
    padding-block: var(--size-12) !important;
}
.py-13 {
    padding-block: var(--size-13) !important;
}
.py-14 {
    padding-block: var(--size-14) !important;
}
.py-16 {
    padding-block: var(--size-16) !important;
}
.py-18 {
    padding-block: var(--size-18) !important;
}
.py-20 {
    padding-block: var(--size-20) !important;
}
.py-22 {
    padding-block: var(--size-22) !important;
}
.py-24 {
    padding-block: var(--size-24) !important;
}
.py-26 {
    padding-block: var(--size-26) !important;
}
.py-28 {
    padding-block: var(--size-28) !important;
}
.py-32 {
    padding-block: var(--size-32) !important;
}
.py-40 {
    padding-block: var(--size-40) !important;
}
.py-48 {
    padding-block: var(--size-48) !important;
}
.py-52 {
    padding-block: var(--size-52) !important;
}
.py-72 {
    padding-block: var(--size-72) !important;
}
.py-80 {
    padding-block: var(--size-80) !important;
}
.py-84 {
    padding-block: var(--size-84) !important;
}
.py-120 {
    padding-block: var(--size-120) !important;
}
.ps-16 {
    padding-inline-start: var(--size-16) !important;
}
.ps-18 {
    padding-inline-start: var(--size-18) !important;
}
.ps-20 {
    padding-inline-start: var(--size-20) !important;
}
.ps-30 {
    padding-inline-start: var(--size-30) !important;
}
.ps-32 {
    padding-inline-start: var(--size-32) !important;
}
.ps-40 {
    padding-inline-start: var(--size-40) !important;
}
.pe-12 {
    padding-inline-end: var(--size-12) !important;
}
.pe-18 {
    padding-inline-end: var(--size-18) !important;
}
.pe-24 {
    padding-inline-end: var(--size-24) !important;
}
.pe-32 {
    padding-inline-end: var(--size-32) !important;
}
.pe-36 {
    padding-inline-end: var(--size-36) !important;
}
.pe-44 {
    padding-inline-end: var(--size-44) !important;
}
.pe-60 {
    padding-inline-end: var(--size-60) !important;
}
.pe-64 {
    padding-inline-end: var(--size-64) !important;
}
.pe-76 {
    padding-inline-end: var(--size-76) !important;
}
.pe-144 {
    padding-inline-end: var(--size-144) !important;
}
.pt-12 {
    padding-block-start: var(--size-12) !important;
}
.pt-20 {
    padding-block-start: var(--size-20) !important;
}
.pt-24 {
    padding-block-start: var(--size-24) !important;
}
.pt-30 {
    padding-block-start: var(--size-30) !important;
}
.pt-32 {
    padding-block-start: var(--size-32) !important;
}
.pt-40 {
    padding-block-start: var(--size-40) !important;
}
.pt-48 {
    padding-block-start: var(--size-48) !important;
}
.pt-76 {
    padding-block-start: var(--size-76) !important;
}
.pt-80 {
    padding-block-start: var(--size-80) !important;
}
.pt-120 {
    padding-block-start: var(--size-120) !important;
}
.pb-16 {
    padding-block-end: var(--size-16) !important;
}
.pb-24 {
    padding-block-end: var(--size-24) !important;
}
.pb-32 {
    padding-block-end: var(--size-32) !important;
}
.pb-44 {
    padding-block-end: var(--size-44) !important;
}
.pb-72 {
    padding-block-end: var(--size-72) !important;
}
.pb-80 {
    padding-block-end: var(--size-80) !important;
}
.pb-120 {
    padding-block-end: var(--size-120) !important;
}
.p--24 {
    padding: 24px;
}
.p-56-px {
    padding: clamp(0.5rem, -9.243rem + 12vw, 3.5rem);
}
.px-72-px {
    padding-inline: clamp(2rem, -1.508rem + 5.658vw, 4.5rem) !important;
}
.pb-0 {
    padding-block-end: 0 !important;
}
.py-100 {
    padding-block-start: 40px !important;
    padding-block-end: 40px !important;
}
@media (min-width: 992px) {.py-100 {
        padding-block-start: 60px !important;
        padding-block-end: 60px !important;
    }}
@media (min-width: 1200px) {.py-100 {
        padding-block-start: 80px !important;
        padding-block-end: 80px !important;
    }}
@media (min-width: 1400px) {.py-100 {
        padding-block-start: 100px !important;
        padding-block-end: 100px !important;
    }}
.py-80 {
    padding-block-start: 60px !important;
    padding-block-end: 60px !important;
}
@media (min-width: 992px) {.py-80 {
        padding-block-start: 80px !important;
        padding-block-end: 80px !important;
    }}
.pt-80 {
    padding-block-start: 60px !important;
}
@media (min-width: 992px) {.pt-80 {
        padding-block-start: 80px !important;
    }}
.pb-80 {
    padding-block-end: 60px !important;
}
@media (min-width: 992px) {.pb-80 {
        padding-block-end: 80px !important;
    }}
/* ================================= Padding Css End =========================== */
/* ================================= Classes Css Start =========================== */
/* Section Background */
.bg-color-one {
    background-color: var(--bg-color-one) !important;
}
.bg-color-three {
    background-color: var(--bg-color-three) !important;
}
.container-lg {
    max-width: 1680px;
}
/* Column Extra Small Screen */
@media screen and (min-width: 425px) and (max-width: 575px) {
    .col-xs-6 {
        width: 50%;
    }
}
.opacity-6 {
    opacity: 0.06 !important;
}
/* Transition */
.transition-1 {
    transition: 0.1s linear;
}
.transition-2 {
    transition: 0.2s linear;
}
.display-200 {
    font-size: var(--display-200);
}
.display-one {
    font-size: var(--display-one);
}
.min-width-max-content {
    min-width: max-content;
}
.inset-inline-start-0 {
    inset-inline-start: 0 !important;
}
.inset-inline-start-auto {
    inset-inline-start: auto !important;
}
.inset-inline-end-0 {
    inset-inline-end: 0 !important;
}
.inset-block-start-0 {
    inset-block-start: 0 !important;
}
.inset-block-start-100 {
    inset-block-start: 100% !important;
}
.inset-block-end-0 {
    inset-block-end: 0 !important;
}
.line-height-1 {
    line-height: 1;
}
.line-height-73 {
    line-height: 0.73;
}
/* Text Color */
.hover-text-decoration-underline:hover {
    text-decoration: underline;
}
.hover-text-decoration-none:hover {
    text-decoration: none;
}
.font-heading-two {
    font-family: var(--heading-font-two);
}
.font-heading-four {
    font-family: var(--heading-font-four);
}
/* Bg Image Css */
.bg-img {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    width: 100%;
    height: 100%;
}
.list-inside {
    list-style: inside !important;
}
.cursor-pointer {
    cursor: pointer;
}
.bg-blur {
    backdrop-filter: blur(90px);
    background-color: hsl(var(--white)/0.3) !important;
    transition: 0.2s linear;
}
.bg-blur:hover {
    transform: scale(1.2);
}
.rotate-10 {
    transform: rotate(-10deg);
}
.bg-overlay::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(0deg, rgba(18, 21, 53, 0.7) 0%, rgba(18, 21, 53, 0.7) 100%);
    z-index: -1;
}
.bg-overlay.style-two::before {
    background: linear-gradient(180deg, rgba(18, 21, 53, 0.47) 34.18%, rgba(18, 21, 53, 0.5) 75.48%), linear-gradient(180deg, rgba(18, 21, 53, 0) 27.17%, rgba(18, 21, 53, 0.5) 79.35%);
    z-index: 0;
}
.bg-start {
    background-position: left !important;
}
.arrow-left-clip {
    clip-path: polygon(10% 0, 100% 0, 100% 50%, 100% 100%, 10% 100%, 0% 50%);
}
.w-30-percent {
    width: 30%;
}
.group:hover .group-item-white {
    color: hsl(var(--white)) !important;
}
.z-99 {
    z-index: 99;
}
/* ================================= Classes Css End =========================== */
/* ============================ Extend Css Start ======================== */
/* Cover image Css */
.cover-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* Display Flex Css Start */
.flex-align, .common-check {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}
.flex-between {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.w-6 {
    width: 0.375rem !important;
}
.w-12 {
    width: 0.75rem !important;
}
.w-16 {
    width: 1rem !important;
}
.w-18 {
    width: 1.125rem !important;
}
.w-20 {
    width: 1.25rem !important;
}
.w-28 {
    width: 1.75rem !important;
}
.w-30 {
    width: 1.875rem !important;
}
.w-32 {
    width: 2rem !important;
}
.w-36 {
    width: 2rem !important;
}
.w-40 {
    width: 2.5rem !important;
}
.w-44 {
    width: 2.75rem !important;
}
.w-48 {
    width: 3rem !important;
}
.w-52 {
    width: 3.25rem !important;
}
.w-56 {
    width: 3.5rem !important;
}
.w-60 {
    width: 3.75rem !important;
}
.w-64 {
    width: 4rem !important;
}
.w-72 {
    width: 4.5rem !important;
}
.w-76 {
    width: 4.75rem !important;
}
.w-80 {
    width: 5rem !important;
}
.w-90 {
    width: 5.625rem !important;
}
.w-120 {
    width: 7.5rem !important;
}
.w-144 {
    width: 9rem !important;
}
.w-300 {
    width: 300px !important;
}
.w-310 {
    width: 310px;
}
.w-unset {
    width: unset !important;
}
.h-4 {
    height: 0.25rem !important;
}
.h-6 {
    height: 0.375rem !important;
}
.h-8 {
    height: 0.5rem !important;
}
.h-12 {
    height: 0.75rem !important;
}
.h-16 {
    height: 1rem !important;
}
.h-18 {
    height: 1.125rem !important;
}
.h-20 {
    height: 1.25rem !important;
}
.h-26 {
    height: 1.625rem !important;
}
.h-28 {
    height: 1.75rem !important;
}
.h-30 {
    height: 1.875rem !important;
}
.h-32 {
    height: 2rem !important;
}
.h-36 {
    height: 2rem !important;
}
.h-40 {
    height: 2.5rem !important;
}
.h-44 {
    height: 2.75rem !important;
}
.h-48 {
    height: 3rem !important;
}
.h-52 {
    height: 3.25rem !important;
}
.h-56 {
    height: 3.5rem !important;
}
.h-60 {
    height: 3.75rem !important;
}
.h-64 {
    height: 4rem !important;
}
.h-72 {
    height: 4.5rem !important;
}
.h-76 {
    height: 4.75rem !important;
}
.h-80 {
    height: 5rem !important;
}
.h-90 {
    height: 5.625rem !important;
}
.h-120 {
    height: 7.5rem !important;
}
.h-210 {
    height: 13.125rem !important;
}
.h-unset {
    height: unset !important;
}
.max-h-120 {
    max-height: 120px !important;
}
.max-h-200 {
    max-height: 200px !important;
}
.max-h-260 {
    max-height: 260px !important;
}
.max-h-300 {
    max-height: 300px !important;
}
.max-h-350 {
    max-height: 350px;
}
.max-h-326 {
    max-height: 326px !important;
}
.max-h-400 {
    max-height: 400px !important;
}
.max-h-540 {
    max-height: 540px !important;
}
.max-w-unset {
    max-width: unset !important;
}
.max-w-120 {
    max-width: 120px;
}
.max-w-260 {
    max-width: 260px !important;
}
.max-w-375 {
    max-width: 375px;
}
.max-w-340 {
    max-width: 340px;
}
.max-w-392 {
    max-width: 392px;
}
.max-w-275 {
    max-width: 275px;
}
.max-w-472 {
    max-width: 472px;
}
.max-w-418 {
    max-width: 418px;
}
.max-w-840 {
    max-width: 840px;
}
.max-w-870 {
    max-width: 870px;
}
.max-w-990 {
    max-width: 990px;
}
.min-h-485 {
    min-height: 485px;
}
.top-n6 {
    inset-block-start: -6px;
}
.end-n4 {
    inset-inline-end: -6px;
}
.text-main-600 {
    color: var(--main-600) !important;
}
.text-main-two-600 {
    color: var(--main-two-600) !important;
}
.text-neutral-200 {
    color: var(--neutral-200) !important;
}
.text-neutral-300 {
    color: var(--neutral-300) !important;
}
.text-neutral-500 {
    color: var(--neutral-500) !important;
}
.text-neutral-600 {
    color: var(--neutral-600) !important;
}
.text-neutral-900 {
    color: var(--neutral-900) !important;
}
.text-gray-200 {
    color: var(--gray-200) !important;
}
.text-gray-400 {
    color: var(--gray-400) !important;
}
.text-gray-500 {
    color: var(--gray-500) !important;
}
.text-gray-600 {
    color: var(--gray-600) !important;
}
.text-gray-700 {
    color: var(--gray-700) !important;
}
.text-gray-800 {
    color: var(--gray-800) !important;
}
.text-gray-900 {
    color: var(--gray-900) !important;
}
.text-danger-600 {
    color: var(--danger-600) !important;
}
.text-success-600 {
    color: var(--success-600) !important;
}
.text-warning-600 {
    color: var(--warning-600) !important;
}
.text-tertiary-600 {
    color: var(--tertiary-600) !important;
}
.text-heading {
    color: hsl(var(--heading-color)) !important;
}
.text-heading-two, .select-style-one .select2-container--default .select2-selection--single .select2-selection__arrow b::before {
    color: #2D2727 !important;
}
.text-heading-three {
    color: #333333 !important;
}
.text-yellow {
    color: #FFCC53 !important;
}
.text-white-6 {
    color: hsl(var(--white)/0.6);
}
.hover-text-main-600:hover {
    color: var(--main-600) !important;
}
.hover-text-main-two-600:hover {
    color: var(--main-two-600) !important;
}
.hover-text-main-two-700:hover {
    color: var(--main-two-700) !important;
}
.hover-text-gray-800:hover {
    color: var(--gray-800) !important;
}
.hover-text-primary-600:hover {
    color: var(--primary-600) !important;
}
.hover-text-danger-600:hover {
    color: var(--danger-600) !important;
}
/* Text Color */
.hover-text-white:hover {
    color: #fff !important;
}
.hover-text-heading:hover {
    color: hsl(var(--heading-color)) !important;
}
.border-main-500 {
    border-color: var(--main-500) !important;
}
.border-main-600 {
    border-color: var(--main-600) !important;
}
.border-main-two-600 {
    border-color: var(--main-two-600) !important;
}
.border-neutral-40 {
    border-color: var(--neutral-40) !important;
}
.border-neutral-50 {
    border-color: var(--neutral-50) !important;
}
.border-neutral-100 {
    border-color: var(--neutral-100) !important;
}
.border-neutral-500 {
    border-color: var(--neutral-500) !important;
}
.border-neutral-600 {
    border-color: var(--neutral-600) !important;
}
.border-gray-50 {
    border-color: var(--gray-50) !important;
}
.border-gray-100 {
    border-color: var(--gray-100) !important;
}
.border-gray-200 {
    border-color: var(--gray-200) !important;
}
.border-gray-800 {
    border-color: var(--gray-800) !important;
}
.border-gray-900 {
    border-color: var(--gray-900) !important;
}
.border-success-200 {
    border-color: var(--success-200) !important;
}
.hover-border-main-100:hover {
    border-color: var(--main-100) !important;
}
.hover-border-main-600:hover {
    border-color: var(--main-600) !important;
}
.hover-border-main-two-600:hover {
    border-color: var(--main-two-600) !important;
}
.hover-border-main-two-800:hover {
    border-color: var(--main-two-800) !important;
}
.hover-border-neutral-600:hover {
    border-color: var(--neutral-600) !important;
}
.focus-border-main-600:focus {
    border-color: var(--main-600) !important;
}
.border-dashed {
    border-style: dashed !important;
}
.border-white-13 {
    border-color: #FFFFFF21 !important;
}
.bg-main-50 {
    background-color: var(--main-50) !important;
}
.bg-main-100 {
    background-color: var(--main-100) !important;
}
.bg-main-600 {
    background-color: var(--main-600) !important;
}
.bg-main-two-50 {
    background-color: var(--main-two-50) !important;
}
.bg-main-two-100 {
    background-color: var(--main-two-100) !important;
}
.bg-main-two-600 {
    background-color: var(--main-two-600) !important;
}
.bg-neutral-30 {
    background-color: var(--neutral-30) !important;
}
.bg-neutral-600 {
    background-color: var(--neutral-600) !important;
}
.bg-gray-50 {
    background-color: var(--gray-50) !important;
}
.bg-gray-100 {
    background-color: var(--gray-100) !important;
}
.bg-gray-500 {
    background-color: var(--gray-500) !important;
}
.bg-primary-600 {
    background-color: var(--primary-600) !important;
}
.bg-danger-600 {
    background-color: var(--danger-600) !important;
}
.bg-success-50 {
    background-color: var(--success-50) !important;
}
.bg-success-600 {
    background-color: var(--success-600) !important;
}
.bg-warning-600 {
    background-color: var(--warning-600) !important;
}
.bg-info-600 {
    background-color: var(--info-600) !important;
}
.bg-tertiary-600 {
    background-color: var(--tertiary-600) !important;
}
.hover-bg-main-50:hover {
    background-color: var(--main-50) !important;
}
.hover-bg-main-100:hover {
    background-color: var(--main-100) !important;
}
.hover-bg-main-600:hover {
    background-color:#cc914c !important;
}
.hover-bg-main-700:hover {
    background-color: var(--main-700) !important;
}
.hover-bg-main-800:hover {
    background-color: var(--main-800) !important;
}
.hover-bg-main-two-600:hover {
    background-color: var(--main-two-600) !important;
}
.hover-bg-main-two-700:hover {
    background-color: var(--main-two-700) !important;
}
.hover-bg-neutral-100:hover {
    background-color: var(--neutral-100) !important;
}
.hover-bg-neutral-600:hover {
    background-color: var(--neutral-600) !important;
}
.hover-bg-neutral-700:hover {
    background-color: var(--neutral-700) !important;
}
.hover-bg-gray-100:hover {
    background-color: var(--gray-100) !important;
}
.hover-bg-success-700:hover {
    background-color: var(--success-700) !important;
}
.hover-bg-white:hover {
    background-color: hsl(var(--white)) !important;
}
.bg-white-12 {
    background: #FFFFFF1F;
}
.bg-white-06 {
    background: #FFFFFF0F !important;
}
.bg-light-purple {
    background: #ECDBEC !important;
}
.bg-black-light {
    background-color: #1A1A1A;
}
.bg-paste {
    background-color: #10D5DC;
}
.bg-yellow-light {
    background-color: #FFFCE1 !important;
}
.bg-danger-light {
    background-color: #FFEBEE !important;
}
.bg-purple-light {
    background-color: #F5E7FC !important;
}
.bg-danger-light {
    background-color: #FFE2F5 !important;
}
.bg-warning-light {
    background-color: #FBEEDD !important;
}
.bg-success-light {
    background-color: #F6F5DB !important;
}
/* Font Size Class Start */
.text-inherit {
    font-size: inherit;
}
.text-xs {
    font-size: 0.75rem !important;
}
.text-sm {
    font-size: 0.875rem !important;
}
.text-md {
    font-size: 1rem !important;
}
.text-lg {
    font-size: 1.125rem !important;
}
.text-xl {
    font-size: 1.25rem !important;
}
.text-2xl {
    font-size: 1.5rem !important;
}
.text-3xl {
    font-size: 1.875rem !important;
}
.text-4xl {
    font-size: 2.25rem !important;
}
.text-12 {
    font-size: 0.75rem !important;
}
.text-14 {
    font-size: 0.875rem !important;
}
.text-28 {
    font-size: 1.75rem !important;
}
.text-32 {
    font-size: 2rem !important;
}
.text-72 {
    font-size: 4.5rem !important;
}
.box-shadow-lg, .submenus-submenu, .common-dropdown {
    box-shadow: 0px 7px 21px -5px rgba(0, 0, 0, 0.1), 0 4px 21px -4px rgba(0, 0, 0, 0.1);
}
.box-shadow-xl {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
}
.box-shadow-3xl {
    box-shadow: 0px 5px 13px 0px #00000012;
}
.box-shadow-5xl {
    box-shadow: 0px 7px 17px 0px #0000000F;
}
.box-shadow-6xl {
    box-shadow: 0px 1px 7px 0px #01103D1A;
}
.box-shadow-7xl {
    box-shadow: 0px 4px 4px 0px #0000000D;
}
.rounded-4 {
    border-radius: 0.25rem !important;
}
.rounded-6 {
    border-radius: 0.375rem !important;
}
.rounded-8 {
    border-radius: 0.5rem !important;
}
.rounded-10 {
    border-radius: 0.625rem !important;
}
.rounded-12 {
    border-radius: 0.75rem !important;
}
.rounded-16 {
    border-radius: 1rem !important;
}
.rounded-24 {
    border-radius: 1.5rem !important;
}
.rounded-48 {
    border-radius: 3rem !important;
}
.rounded-80 {
    border-radius: 5rem !important;
}
.rounded-top-right-0 {
    border-top-right-radius: 0 !important;
}
@media screen and (max-width: 991px) {.scroll-hide-sm {
        position: absolute;
        overflow-y: hidden;
        inset-block-start: 0;
        inset-inline-start: 0;
        width: calc(100% - 0px);
    }}
/* Hide Scroll bar Css For Custom Modal End */
/* Overlay Start */
.overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    content: "";
    inset-inline-start: 0;
    inset-block-start: 0;
    background-color: hsl(var(--black)/0.6);
    z-index: 99;
    transition: 0.2s linear;
    visibility: hidden;
    opacity: 0;
}
.overlay.show-overlay {
    visibility: visible;
    opacity: 1;
}
.side-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    content: "";
    inset-inline-start: 0;
    inset-block-start: 0;
    background-color: hsl(var(--black)/0.6);
    z-index: 8;
    transition: 0.2s linear;
    visibility: hidden;
    opacity: 0;
}
@media screen and (max-width: 991px) {.side-overlay.show {
        visibility: visible;
        opacity: 1;
    }}
.text-line-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.text-line-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.scroll-sm::-webkit-scrollbar {
    width: 4px !important;
    height: 4px !important;
}
.scroll-sm::-webkit-scrollbar-thumb {
    background-color: #b1b3b8;
}
.scroll-sm::-webkit-scrollbar-thumb:hover {
    background-color: #7e7d7d;
}
.scroll-sm::-webkit-scrollbar-track {
    background-color: #d6d9de;
}
.gap-2 {
    gap: var(--size-2) !important;
}
.gap-4 {
    gap: var(--size-4) !important;
}
.gap-6 {
    gap: var(--size-6) !important;
}
.gap-8 {
    gap: var(--size-8) !important;
}
.gap-10 {
    gap: var(--size-10) !important;
}
.gap-12 {
    gap: var(--size-12) !important;
}
.gap-14 {
    gap: var(--size-14) !important;
}
.gap-16 {
    gap: var(--size-16) !important;
}
.gap-20 {
    gap: var(--size-20) !important;
}
.gap-22 {
    gap: var(--size-22) !important;
}
.gap-24 {
    gap: var(--size-24) !important;
}
.gap-32 {
    gap: var(--size-32) !important;
}
.gap-44 {
    gap: var(--size-44) !important;
}
.gap-48 {
    gap: var(--size-48) !important;
}
.gap-56 {
    gap: var(--size-56) !important;
}
.gap-20-px {
    gap: 20px;
}
@media (max-width: 768px) {.gap-20-px {
        gap: 10px;
    }}
/* Hover Classes Start */
.item-hover:hover .item-hover__text {
    color: var(--main-600) !important;
}
.item-hover-two:hover .item-hover__text {
    color: var(--main-two-600) !important;
}
.on-hover-dropdown {
    visibility: hidden;
    opacity: 0;
    margin-block-start: 16px;
    pointer-events: none;
}
.on-hover-item {
    position: relative;
}
.on-hover-item:hover .on-hover-dropdown {
    visibility: visible;
    opacity: 1;
    margin-block-start: 0;
    pointer-events: auto;
}
@media (min-width: 992px) {.on-hover-item:hover > a::before {
        color: hsl(var(--main));
        transform: translateY(-50%) rotate(180deg);
    }}
.g-12, .gy-12 {
    --bs-gutter-y: .75rem !important;
}
.g-12, .gx-12 {
    --bs-gutter-x: .75rem !important;
}
/* ================================= preload Css Start =========================== */
.preloader {
    background-color: hsl(var(--white));
    inset-block-end: 0;
    inset-inline-start: 0;
    position: fixed;
    inset-inline-end: 0;
    inset-block-start: 0;
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
}
.preloader.is-done {
    display: none !important;
}
/* ================================= preload Css End ===========================  */
/* =========================== header top Css Start =============================== */
.header-top.header-top--plain {
    background: #fff;
    border-bottom: 1px solid #F2F4F7;
    /*padding-block: 5px;*/
}
.header-top.header-top--plain .header-top__live,
.header-top.header-top--plain .header-top__ticker,
.header-top.header-top--plain .header-top__right a {
    color: #344054;
}
.header-top__right {
    font-size: 13px;
    gap: 8px;
    list-style: none;
    margin: 0;
    padding: 0;
}
.header-top__link {
    text-decoration: none !important;
    color:#3d3836;
    font-weight: 500;
    font-size: 13px;
    line-height: 1;
    padding: 6px 0px;
    border: 1px solid transparent;
    background: transparent;
    transition: color 0.15s ease, background 0.15s ease, border-color 0.15s ease;
}
.header-top__link i {
    font-size: 15px;
    color: #475467;
    line-height: 1;
}
.header-top__link:hover,
.header-top__link:focus-visible {
    text-decoration: none !important;
    color:#3d3836;
   /* background: #ECFDF3;
    border-color: #D1FADF;*/
}
.header-top__link:hover i,
.header-top__link:focus-visible i {
    color:#cc914c;
}
.header-top__trust {
    min-height: 24px;
    flex: 1;
    min-width: 0;
    align-items: center;
}
@keyframes header-top-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(90, 107, 58, 0.45);
    }
    70% {
        box-shadow: 0 0 0 8px rgba(90, 107, 58, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(90, 107, 58, 0);
    }
}
.header-top__ticker {
    position: relative;
    flex: 1;
    min-width: 0;
    min-height: 1.35em;
    overflow: hidden;
}
.header-top__ticker-item {
    position: absolute;
    inset-inline-start: 0;
    inset-block-start: 0;
    inset-inline-end: 0;
    opacity: 0;
    transform: translateY(8px);
    transition: opacity 0.45s ease, transform 0.45s ease;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    pointer-events: none;
    max-width: 100%;
    font-size: 14px;
}
.header-top__ticker-item.is-active {
    position: relative;
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}
@media screen and (max-width: 767px) {.header-top.header-top--plain {
        padding-block: 6px;
    }
.header-top.header-top--plain > .container {
        padding-inline: 12px;
    }
.header-top.header-top--plain .flex-between.flex-wrap {
        flex-wrap: nowrap;
        gap: 8px;
        width: 100%;
    }
.header-top__trust {
        width: 100%;
        max-width: 100%;
        flex-wrap: nowrap;
        gap: 8px !important;
        min-height: 22px;
    }
.header-top__ticker-item {
        white-space: nowrap;
        max-width: 100%;
    }
.header-top__right {
/*        display: none !important;*/
    }}
.header-top__right.style-two > li {
    padding-inline-end: 16px !important;
    margin-inline-end: 0 !important;
}
.header-top__right.style-two > li:last-child {
    padding-inline-end: 0 !important;
}
.header-top__right.style-two > li::before {
    display: none !important;
}
.header-top__right.style-two > li a {
    padding-inline-end: 20px;
}
@media screen and (max-width: 991px) {.header-top__right.style-two > li a {
        color: #fff !important;
    }}
.header-top__right.style-two > li a::before {
    color: var(--heading-color) !important;
    font-size: 14px !important;
}
.header-top__right.style-two > li > ul {
    inset-inline-end: auto !important;
    inset-inline-start: calc(-100% - 24px) !important;
}
@media screen and (max-width: 991px) {.header-top__right.style-two > li > ul li a {
        color: var(--neutral-600) !important;
    }}
@media screen and (max-width: 991px) {.border-right-item a {
        font-size: 12px !important;
    }}
.border-right-item {
    position: relative;
}
.border-right-item:not(:last-child) {
    margin-inline-end: 24px;
    padding-inline-end: 24px;
}
@media screen and (max-width: 1399px) {.border-right-item:not(:last-child) {
        margin-inline-end: 16px !important;
        padding-inline-end: 16px !important;
    }}
@media screen and (max-width: 1199px) {.border-right-item:not(:last-child) {
        margin-inline-end: 10px !important;
        padding-inline-end: 10px !important;
    }}
.border-right-item:not(:last-child)::before {
    position: absolute;
    content: "";
    inset-block-start: 50%;
    transform: translateY(-50%);
    inset-inline-end: 0;
    width: 1px;
    height: 15px;
    background-color: hsl(var(--white)/0.3);
}
.border-right-item-sm-space:not(:last-child) {
    margin-inline-end: 20px;
    padding-inline-end: 20px;
}
/* Has Dropdown Css */
.arrow-white > a {
    padding-inline-end: 12px;
}
.arrow-white > a::before {
    color: hsl(var(--white)) !important;
    font-size: 8px;
}
@media screen and (max-width: 991px) {.header-top__right.style-three > li a {
        color: var(--neutral-500) !important;
    }}
/* =========================== header top Css End =============================== */
/* ============= Header Start Here ======================= */
.header {
    transition: 0.2s linear;
}
.header.fixed-header {
    position: fixed;
    inset-inline-start: 0;
    inset-block-start: 0;
    inset-inline-end: 0;
    width: 100%;
    z-index: 999;
    backdrop-filter: blur(24px);
    animation: slideDown 0.35s ease-out;
    box-shadow: 0 5px 16px rgba(0, 0, 0, 0.1);
}
/* Menu bar sticky (All Categories row) */
.header.header--noon-nav.fixed-header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 999 !important;
    background: #fff !important;
    border-bottom: 1px solid #e6ece8;
    box-shadow: 0 6px 18px rgba(26, 46, 31, 0.12);
    animation: slideDown 0.28s ease-out;
}
.header-sticky-spacer {
    display: none;
    width: 100%;
    pointer-events: none;
}
.header-sticky-spacer.is-active {
    display: block;
}
@media screen and (max-width: 991px) {.header.fixed-header {
        inset-block-start: -1px;
    }}
@keyframes slideDown {
    from {
        transform: translateY(-100%);
    }

    to {
        transform: translateY(0);
    }
}
.logo img {
    max-width: 200px;
}
@media screen and (max-width: 424px) {.logo img {
        max-width: 150px !important;
    }}
/* Header Menu and Submenu Css Start */
.nav-menu {
    gap: 32px;
}
@media screen and (max-width: 1399px) {.nav-menu {
        gap: 24px;
    }}
@media screen and (max-width: 1199px) {.nav-menu {
        gap: 16px;
    }}
/*.nav-menu__item.activePage > a {
    color: hsl(var(--main)) !important;
}*/
/*.nav-menu__item.activePage > a::before {
    color: hsl(var(--main)) !important;
}*/
.nav-menu__item:hover > a {
    color: var(--gray-400);
}
@media (min-width: 992px) {.nav-menu__item:hover > a {
        color: hsl(var(--main)) !important;
    }}
.nav-menu__link {
    color: var(--gray-400);
    font-weight: 500;
    width: 100%;
    padding: 16px 0;
    width: 100%;
}
@media (max-width: 1299px) {.nav-menu__link {
        font-size: 0.875rem;
    }}
@media screen and (max-width: 1199px) {.nav-menu__link {
        font-size: 14px;
        font-weight: 600;
    }}
@media (max-width: 1299px) {.nav-menu .common-dropdown__link {
        font-size: 0.875rem;
    }}
@media screen and (max-width: 1199px) {.nav-menu .common-dropdown__link {
        font-size: 0.8125rem;
    }}
.has-submenu {
    position: relative;
}
.has-submenu .nav-menu__link {
    padding-inline-end: 16px;
}
.has-submenu.active > a, .has-submenu.active > a::before {
    color: hsl(var(--main));
}
.has-submenu.active > a::before {
    transform: translateY(-50%) rotate(180deg) !important;
}
.has-submenu > a {
    position: relative;
}
.has-submenu > a::before {
    position: absolute;
    content: "\e136";
    inset-inline-end: 0;
    inset-block-start: 50%;
    transform: translateY(-50%);
    font-family: "Phosphor";
    font-weight: 900;
    color: hsl(var(--heading-color)/0.4);
    transition: 0.2s linear;
}
/* Submenu Start */
.common-dropdown {
    position: absolute;
    inset-inline-start: 0;
    inset-block-start: 100%;
    width: max-content;
    background-color: hsl(var(--white));
    min-width: 190px;
    overflow: hidden;
    padding: 8px;
    transition: 0.2s linear;
    z-index: 99;
}
@media (min-width: 992px) {.common-dropdown {
        max-height: 400px;
        overflow-y: auto;
    }}
.common-dropdown--sm {
    width: 132px;
    min-width: unset;
}
.common-dropdown__item {
    display: block;
    border-radius: 4px;
    transition: 0.2s linear;
    position: relative;
}
@media screen and (max-width: 991px) {.common-dropdown__item {
        border-radius: 0;
    }}
.common-dropdown__item.activePage .common-dropdown__link {
    color: hsl(var(--main)) !important;
}
.common-dropdown__link {
    color: var(--gray-400);
    font-weight: 500;
    width: 100%;
    padding-inline-end: 16px;
    width: 100%;
    padding: 8px 14px;
    border-radius: inherit;
}
.common-dropdown__link:hover {
    color: var(--gray-600) !important;
}
.common-dropdown__link::before {
    position: absolute;
}
/* Submenu End */
/* Header Menu and Submenu Css End */
/* Category Submenus Submenu Css Start */
.menu-category-wrapper {
    gap: 12px;
}
.submenus-submenu-wrapper {
    overflow: unset;
}
.submenus-submenu {
    position: absolute;
    z-index: 9999;
    background: hsl(var(--white));
    width: 300px;
    inset-inline-start: 100%;
    inset-block-start: 0px;
    border-radius: 6px;
    visibility: hidden;
    opacity: 0;
    overflow: visible;
    height: 100%;
    border: 1px solid var(--gray-100);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}
.submenus-submenu__list {
    max-height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}
.submenus-submenu__list li a {
    padding: 10px 16px;
    padding-inline-start: 32px;
    display: block;
    color: var(--gray-500);
    position: relative;
}
.submenus-submenu__list li a::before {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    inset-inline-start: 16px;
    inset-block-start: 50%;
    transform: translateY(-50%);
    background: var(--gray-300);
    border-radius: 80%;
    transition: 0.2s linear;
}
.submenus-submenu__list li a:hover {
    background-color: var(--gray-50);
    color: var(--gray-800);
    font-weight: 600;
}
.submenus-submenu__list li a:hover::before {
    background: var(--gray-600);
}
/* Nested subcategory / child — same format, only direct child panel opens */
@media (min-width: 991px) {
    .has-submenus-submenu:hover > a {
        background-color: var(--gray-50);
        color: var(--gray-900) !important;
        font-weight: 600;
    }

    .has-submenus-submenu:hover > .submenus-submenu {
        visibility: visible;
        opacity: 1;
    }
}
/* Nested items: no bullets; title hidden in category mega menu */
.submenus-submenu__list > .has-submenus-submenu > a::before {
    display: none !important;
}
.submenus-submenu__list > .has-submenus-submenu > a {
    padding-inline-start: 16px !important;
    display: flex !important;
    align-items: center;
    gap: 8px;
}
.category.on-hover-item .submenus-submenu__title {
    display: none !important;
}
.category.on-hover-item .submenus-submenu__list li a::before {
    display: none !important;
    content: none !important;
}
.category.on-hover-item .submenus-submenu__list li a {
    padding-inline-start: 16px !important;
}
/* Smart All Categories panel — clearer text, smaller type, hover = color only */
.category.on-hover-item > .responsive-dropdown {
    border: 1px solid #E4E7EC;
    box-shadow: 0 10px 28px rgba(16, 24, 40, 0.1);
/*    border-radius: 8px;*/
    overflow: hidden;
}
.category.on-hover-item > .responsive-dropdown > ul > li > a,
.category.on-hover-item .submenus-submenu__list li a,
.category.on-hover-item .submenus-submenu a {
    font-size: 13px !important;
    line-height: 1.4 !important;
    font-weight: 500 !important;
    color:#24211f !important;
    text-decoration: none !important;
    background: transparent;
    transition: color 0.15s ease, background 0.15s ease;
}
.category.on-hover-item > .responsive-dropdown > ul > li > a {
    padding-block: 10px !important;
}
.category.on-hover-item .submenus-submenu__list li a {
    padding-block: 10px !important;
}
.category.on-hover-item > .responsive-dropdown > ul > li > a:hover,
.category.on-hover-item .submenus-submenu__list li a:hover,
.category.on-hover-item .submenus-submenu a:hover,
.category.on-hover-item .has-submenus-submenu:hover > a,
.category.on-hover-item .has-submenus-submenu.active > a {
    color:#cc914c !important;
    font-weight: 500 !important;
    background-color:#fff0df !important;
}
.category.on-hover-item .submenus-submenu {
    border: 1px solid #E4E7EC;
    box-shadow: 0 8px 22px rgba(16, 24, 40, 0.08);
/*    border-radius: 8px;*/
    background: #fff;
}
.category.on-hover-item .submenus-submenu__list li a .icon,
.category.on-hover-item > .responsive-dropdown > ul > li > a .icon {
    color: #98A2B3;
    font-size: 12px;
    transition: color 0.15s ease;
}
.category.on-hover-item .has-submenus-submenu:hover > a .icon,
.category.on-hover-item .submenus-submenu__list li a:hover .icon {
    color:#cc914c;
}
@media (min-width: 991px) {.category.on-hover-item .has-submenus-submenu:hover > a {
        color:#cc914c !important;
        font-weight: 500 !important;
        background-color: #ECFDF3 !important;
    }
.category.on-hover-item .submenus-submenu__list li a:hover {
        color:#cc914c !important;
        font-weight: 500 !important;
        background-color: #ECFDF3 !important;
    }}
/* Desktop mega menu — equal height + y-scroll */
@media (min-width: 992px) {
    .category.on-hover-item {
        z-index: 30;
        --cat-h: 400px;
    }

    .category.on-hover-item > .responsive-dropdown {
        height: var(--cat-h) !important;
        max-height: var(--cat-h) !important;
        overflow: visible !important;
    }

    .category.on-hover-item > .responsive-dropdown > ul {
        height: var(--cat-h) !important;
        max-height: var(--cat-h) !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
    }

    .category.on-hover-item .submenus-submenu {
        position: absolute !important;
        inset-inline-start: 100% !important;
        inset-block-start: 0 !important;
        top: 0 !important;
        width:180px !important;
        height: var(--cat-h) !important;
        max-height: var(--cat-h) !important;
        overflow: visible !important;
        display: flex !important;
        flex-direction: column;
        background: hsl(var(--white));
        margin: 0;
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }

    .category.on-hover-item .submenus-submenu > .submenus-submenu__list {
        flex: 1 1 auto;
        min-height: 0;
        max-height: none !important;
        overflow: visible !important;
    }

    .category.on-hover-item .submenus-submenu .submenus-submenu > .submenus-submenu__list {
        max-height: calc(var(--cat-h) - 56px) !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
    }

    .category.on-hover-item .submenus-submenu__list > .has-submenus-submenu {
        position: static;
    }

    .category.on-hover-item .submenus-submenu .submenus-submenu {
        height: var(--cat-h) !important;
        max-height: var(--cat-h) !important;
    }
}
.banner .arrow-center .slick-arrow {
    z-index: 20;
}
/* Mobile / Tablet — drawer accordion */
@media screen and (max-width: 991px) {
    .category.on-hover-item {
        width: auto !important;
        max-width: 100%;
        flex-shrink: 1;
        z-index: 5;
    }

    .category.on-hover-item .category__button {
        white-space: nowrap;
        padding: 10px 12px !important;
        font-size: 13px;
/*        border-radius: 6px !important;*/
    }

    .category.on-hover-item > .responsive-dropdown {
        --cat-mobile-header-h: 56px;
        height: 100vh !important;
        max-height: 100vh !important;
        width: min(320px, 100vw) !important;
        overflow-x: hidden !important;
        overflow-y: hidden !important;
        display: flex !important;
        flex-direction: column;
        background: #fff;
    }

    /* Logo + close always stay on every level */
    .category.on-hover-item > .responsive-dropdown > .logo {
        display: flex !important;
        align-items: center;
        min-height: var(--cat-mobile-header-h);
        padding: 10px 16px !important;
        border-bottom: 1px solid #EAECF0;
        background: #fff;
        position: relative;
        z-index: 30;
        flex-shrink: 0;
    }

    .category.on-hover-item > .responsive-dropdown > .logo img {
        max-height:70px;
        width: auto;
    }

    .category.on-hover-item > .responsive-dropdown > .close-responsive-dropdown {
        z-index: 31 !important;
        inset-block-start: 10px !important;
        inset-inline-end: 10px !important;
        margin: 0 !important;
        width: 34px;
        height: 34px;
        background: #F2F4F7 !important;
        color:#26211e !important;
        align-items: center;
        justify-content: center;
    }

    .category.on-hover-item .submenus-submenu-wrapper-mobile {
        position: relative;
        flex: 1 1 auto;
        min-height: 0;
        width: 100%;
        overflow: hidden;
        background: #fff;
    }

    .category.on-hover-item .submenus-submenu-wrapper-mobile.is-mobile-root-hidden > ul > li > a {
        opacity: 0;
        pointer-events: none;
    }

    .category.on-hover-item > .responsive-dropdown > .submenus-submenu-wrapper-mobile > ul {
        width: 100% !important;
        max-height: 100% !important;
        height: 100% !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        background: #fff;
        margin: 0;
        padding: 0;
    }

    /* Panels slide under the logo header (not over it) */
    .category.on-hover-item .submenus-submenu {
        position: absolute !important;
        inset-block-start: 0 !important;
        inset-inline-start: 0 !important;
        width: 100% !important;
        height: 100% !important;
        max-height: 100% !important;
        display: block !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        box-shadow: none !important;
        border: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        background: #fff !important;
        transform: translateX(100%);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: transform 0.24s ease, opacity 0.2s ease, visibility 0.2s ease;
        z-index: 12;
    }

    .category.on-hover-item .submenus-submenu__list {
        max-height: none !important;
        min-height: 0;
        overflow-x: hidden !important;
        overflow-y: visible !important;
        background: #fff;
    }

    .category.on-hover-item .submenus-submenu.is-mobile-open {
        transform: translateX(0);
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

    .category.on-hover-item .submenus-submenu__back {
        width: 100%;
        border: 0;
        border-bottom: 1px solid #EAECF0;
        background: #fff;
        color:#26211e;
        display: flex;
        align-items: center;
        gap: 10px;
        font-size: 13px;
        font-weight: 600;
        text-align: left;
        padding: 14px 16px;
        position: sticky;
        top: 0;
        z-index: 3;
    }

    .category.on-hover-item .submenus-submenu__back i {
        font-size: 16px;
        color:#cc914c;
        flex-shrink: 0;
    }

    .category.on-hover-item .submenus-submenu > .submenus-submenu__list {
        padding-bottom: 14px;
    }

    .category.on-hover-item .has-submenus-submenu.active > a .icon {
        transform: rotate(90deg);
    }
}
@media screen and (max-width: 767px) {
    .category .category__button {
        padding: 12px 3px !important;
        font-size: 12px !important;
    }
}
@media screen and (max-width: 575px) {.category .category__button {
        padding-left: 10px !important;
    }}
@media (min-width: 992px) {.category:hover .category__button {
        color: var(--main-600) !important;
        background-color: var(--gray-50) !important;
    }
.category:hover .category__button .arrow-icon i::before {
        content: "\e13c";
    }}
/* Style Two */
.category-two {
    position: relative;
}
@media (min-width: 992px) {.category-two {
        width: 310px;
    }}
.category-two .category__button {
    width: 100%;
}
@media screen and (max-width: 575px) {.category-two .category__button {
        font-size: 12px;
        padding: 8px 12px !important;
    }}
.category-two .category__button.active .arrow-icon i::before {
    content: "\e13a";
}
.responsive-dropdown.style-two {
    width: 100%;
    border-radius: 0 0 16px 16px;
    width: 310px;
    max-height: 900px;
}
.responsive-dropdown.style-two .responsive-dropdown__list {
    max-height: 900px;
}
@media screen and (max-width: 1199px) {.responsive-dropdown.style-two .responsive-dropdown__list {
        max-height: 438px;
    }}
@media (min-width: 992px) {.responsive-dropdown.style-two {
        z-index: 1;
    }}
/* Category Submenus Submenu Css End */
.header-border-0 .header {
    border-bottom: 0 !important;
}
.md-rounded-top {
    border-radius: 6px;
}
@media (min-width: 992px) {.md-rounded-top {
        border-radius: 6px 6px 0 0;
    }}
.category-dropdown {
    transform: translateY(30px);
    visibility: hidden;
    opacity: 0;
    min-width: 420px;
}
@media (max-width: 424px) {.category-dropdown {
        min-width: 320px;
    }}
.category-dropdown.active {
    transform: translateY(0px);
    visibility: visible;
    opacity: 1;
}
.category-button.active .icon {
    transform: rotate(180deg);
}
.header-style-two .header {
    padding-bottom: 12px;
    padding-top: 12px !important;
}
.header-style-two .category__button {
    border-radius: 8px;
    overflow: hidden;
}
.header-sticky-style .header.fixed-header {
    padding-bottom: 12px;
    padding-top: 12px !important;
}
.header-sticky-style .header.fixed-header .category__button {
    border-radius: 8px;
}
/* ================================= Header Css End =========================== */
/* Compact All Categories + noon menu bar */
.category.category--compact {
    width: auto;
    min-width: 0;
}
.category.category--compact .category__button {
    padding: 10px 12px !important;
    font-size: 13px;
    line-height: 1.2;
    border-radius: 8px !important;
    white-space: nowrap;
}
.category.category--compact .responsive-dropdown,
.category.category--compact .responsive-dropdown > ul {
    width:100% !important;
    min-width:100%;
}
.category.category--compact .responsive-dropdown > ul.w-300 {
    width:180px !important;
}
.category.category--noon .category__button {
    background:#cc914c !important;
    color: #fff !important;
    gap: 6px;
    padding: 7px 12px !important;
    border-radius: 6px !important;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}
.category.category--noon .category__button .icon,
.category.category--noon .category__button .arrow-icon {
    color: #fff;
}
.category.category--noon:hover .category__button,
.category.category--noon .category__button:hover {
    background: #3c3735 !important;
    color: #fff !important;
    filter: none;
}
@media (min-width: 992px) {

.category.category--compact.category--noon:hover .category__button {
        color: #fff !important;
        background:#3c3735 !important;
        filter: none;
    }
}

@media screen and (max-width: 575px) {.category.category--compact {
        width: auto;
        max-width: 100%;
    }}
.header.header--noon-nav {
    padding-block: 0;
    box-shadow: none;
    border-bottom: 0;
    background: #fff;
}
.header.header--noon-nav .header-inner {
    align-items: center;
    min-height: 40px;
    gap: 8px;
}
.header.header--noon-nav .menu-category-wrapper {
    width: 100%;
    gap: 6px !important;
    flex: 1;
    min-width: 0;
}
.header.header--noon-nav .header-menu {
    min-width: 0;
    overflow: hidden;
}
.header.header--noon-nav .nav-menu--noon {
    gap: 0;
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding-block: 2px;
}
.header.header--noon-nav .nav-menu--noon::-webkit-scrollbar {
    display: none;
}
.header.header--noon-nav .nav-menu--noon .nav-menu__link {
    padding: 6px 10px;
    font-size: 12.5px;
    font-weight: 600;
    color:#26211e;
    position: relative;
    width: auto;
    white-space: nowrap;
    border-radius: 6px;
}
.header.header--noon-nav .nav-menu--noon .nav-menu__link::after {
    display: none;
}
/* Never inherit .activePage green — category links share shop.html */
.header.header--noon-nav .nav-menu--noon .nav-menu__item.activePage > a,
.header.header--noon-nav .nav-menu--noon .nav-menu__item.activePage > a::before {
    color: #344054 !important;
    background: transparent;
}
.header.header--noon-nav .nav-menu--noon .nav-menu__link:hover,
.header.header--noon-nav .nav-menu--noon .nav-menu__item.activePage > a:hover {
    color:#cc914c !important;
    /*background: #ECFDF3;*/
}
.header.header--noon-nav .nav-menu--noon .nav-menu__link--deal,
.header.header--noon-nav .nav-menu--noon .nav-menu__item.activePage > a.nav-menu__link--deal {
    color:#cc914c !important;
    background: transparent;
}
.header.header--noon-nav .nav-menu--noon .nav-menu__link--deal:hover,
.header.header--noon-nav .nav-menu--noon .nav-menu__item.activePage > a.nav-menu__link--deal:hover {
    color: #B42318 !important;
    background: #FEF3F2;
}
/* site-chrome: layout wrapper only (sticky is on menu bar) */
.site-chrome {
    position: relative;
    z-index: 90;
    /*background: #fff;*/

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #fcfaf7 55%,
            #f7f1e9 100%
        );
    border-bottom: 1px solid #F2F4F7;
}




/* ====================Thin trust / promo strip under menu===================== */

/* ==============================
   HEADER PROMO BAR
================================= */

.header-promo {
    position: relative;
    width: 100%;
    padding: 9px 0 !important;
    background: #fff7ed !important;
    overflow: hidden;
}

.header-promo::before {
    content: "";
    position: absolute;
    width: 280px;
    height: 280px;
    top: -240px;
    left: 8%;
    background: #f4dfc5;
    border-radius: 50%;
    opacity: 0.7;
}

.header-promo::after {
    content: "";
    position: absolute;
    width: 220px;
    height: 220px;
    bottom: -190px;
    right: 10%;
    background: #f1d5b4;
    border-radius: 50%;
    opacity: 0.55;
}

.header-promo .container {
    position: relative;
    z-index: 2;
}


/* ==============================
   PROMO LIST - DESKTOP
================================= */

.header-promo__list {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    width: 100%;
    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;

    gap: 25px !important;
    flex-wrap: nowrap !important;

    overflow: hidden;
}


/* ==============================
   PROMO ITEM
================================= */

.header-promo__item {
    display: flex !important;
    align-items: center !important;

    gap: 7px !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;

    color: #3f342d !important;
    -webkit-text-fill-color: #3f342d !important;

    white-space: nowrap !important;
    flex: 0 0 auto !important;

    transition: 0.25s ease;
}


/* ==============================
   ICON
================================= */

.header-promo__item .ph {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 23px;
    height: 23px;

    font-size: 23px !important;
    line-height: 1 !important;

    color: #cc914c !important;
    -webkit-text-fill-color: #cc914c !important;

    flex-shrink: 0 !important;
}


/* ==============================
   TEXT
================================= */

.header-promo__item span {
    display: inline-block !important;

    color: #3f342d !important;
    -webkit-text-fill-color: #3f342d !important;

    background: none !important;

    font-weight: 600 !important;
    white-space: nowrap !important;
}


/* ==============================
   HOVER
================================= */

.header-promo__item:hover span {
    color: #975a1c !important;
    -webkit-text-fill-color: #975a1c !important;
}

.header-promo__item:hover .ph {
    color: #975a1c !important;
    -webkit-text-fill-color: #975a1c !important;
    transform: translateY(-1px);
}


/* ==============================
   TABLET
================================= */

@media (max-width: 991px) {

    .header-promo {
        padding: 7px 0 !important;
    }

    .header-promo__list {
        justify-content: flex-start !important;

        width: 100% !important;

        gap: 25px !important;

        overflow-x: auto !important;
        overflow-y: hidden !important;

        flex-wrap: nowrap !important;

        scrollbar-width: none !important;
        -ms-overflow-style: none !important;

        -webkit-overflow-scrolling: touch;

        /* Important */
        padding-right: 20px !important;
    }

    .header-promo__list::-webkit-scrollbar {
        display: none !important;
    }

    .header-promo__item {
        flex: 0 0 auto !important;
        font-size: 13px !important;
        gap: 6px !important;
    }

    .header-promo__item .ph {
        width: 21px;
        height: 21px;
        font-size: 21px !important;
    }
}


/* ==============================
   MOBILE
================================= */

@media (max-width: 575px) {

    .header-promo {
        padding: 6px 0 !important;
    }

    .header-promo__list {
        gap: 22px !important;

        overflow-x: auto !important;
        overflow-y: hidden !important;

        justify-content: flex-start !important;

        padding-right: 20px !important;

        /* Smooth horizontal scroll */
        -webkit-overflow-scrolling: touch;
        scroll-behavior: smooth;
    }

    .header-promo__item {
        flex: 0 0 auto !important;

        font-size:13px !important;
        font-weight: 600 !important;

        gap: 5px !important;
    }

    .header-promo__item .ph {
        width: 18px;
        height: 18px;
        font-size: 18px !important;
    }
}

/* ====================Thin trust / promo strip under end===================== */




/* =========================== header Middle Css Start =============================== */
.header-middle {
    padding: 12px 0;
}
.header-middle.style-two {
    padding: 12px 0;
}
/* Nature's Basket inspired middle header — white, clean, green accents */
.header-middle.header-middle--nb {
   /* --nb-ink:#26211e;
    --nb-muted: #667085;
    background: #fff;
    border-bottom: 1px solid #F2F4F7;*/
    padding: 10px 0;
    transition: padding 0.2s ease;
}
.header-middle.header-middle--nb .header-middle__nav {
    gap: 14px;
    min-height: 48px;
    transition: min-height 0.2s ease;
}
.header-middle.header-middle--nb .logo img {
    max-width: 190px;
    height: auto;
    transition: max-width 0.2s ease;
}
.header-middle.header-middle--nb .header-middle__deliver {
   background:#fff;
    border:1px solid #cc914c;
    color:#565656;
    padding: 6px 10px;
    border-radius: 8px;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease;
    font-size: 14px;
}
.header-middle.header-middle--nb .header-middle__deliver:hover {
    /*background:#faf0e3;
    border-color:#faf0e3;*/
    /*border:1px solid #cc914c;*/
    color: #cc914c;
}
.header-middle.header-middle--nb .header-middle__deliver .ph-map-pin {
    color:#cc914c;
}
/* Delivery location popup */
.delivery-popup-overlay {
    position: fixed;
    inset: 0;
    background: rgba(18, 32, 24, 0.45);
    z-index: 1100;
}
.delivery-popup {
    position: fixed;
    inset: 0;
    z-index: 1101;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    pointer-events: none;
}
.delivery-popup:not([hidden]) {
    pointer-events: auto;
}
.delivery-popup__card {
    width: 100%;
    /* max-width: 440px; */
    background: #fff;
    border-radius: 14px;
    border: 1px solid #e6ece8;
    box-shadow: 0 18px 48px rgba(26, 46, 31, 0.18);
    padding: 22px 22px 20px;
    animation: deliveryPopupIn 0.22s ease-out;
}
@keyframes deliveryPopupIn {
    from {
        opacity: 0;
        transform: translateY(12px) scale(0.98);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}
.delivery-popup__title {
    font-size: 18px;
    font-weight:600;
    color:#0e0e0e;
    margin: 0;
}
.delivery-popup__sub {
    font-size: 13px;
    color: #5b6b60;
}
.delivery-popup__close {
    width: 34px;
    height: 34px;
    border: 0;
    border-radius: 50%;
    background: #f3f7f4;
    color:#0e0e0e;
    font-size: 18px;
    cursor: pointer;
    flex-shrink: 0;
}
.delivery-popup__close:hover {
    background: #e8f2eb;
    color:#cc914c;
}
.delivery-popup__label {
    display: block;
    font-size: 12px;
    font-weight: 700;
    color: #3d4f42;
    margin: 16px 0 8px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}
.delivery-popup__input-wrap {
    position: relative;
}
.delivery-popup__input-wrap .ph {
    position: absolute;
    inset-inline-start: 12px;
    inset-block-start: 50%;
    transform: translateY(-50%);
    color: #cc914c;
    font-size: 16px;
    pointer-events: none;
}
.delivery-popup__input {
    width: 100%;
    height: 46px;
    border: 1px solid #c9d8cf;
    border-radius: 10px;
    padding: 0 14px 0 38px;
    font-size: 14px;
    color: #1a2e1f;
    outline: none;
    background: #fff;
}
.delivery-popup__input:focus {
    border-color: #cc914c;
     box-shadow: 0 0 0 3px rgba(204, 145, 76, 0.18);
}
.delivery-popup__or {
    margin: 16px 0 10px;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    color: #7d8d84;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}
.delivery-popup__cities {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    max-height: 220px;
    overflow-y: auto;
    padding-right: 2px;
}
.delivery-popup__city {
    border:1px solid #fbe0c1;
    background:#fffbf7;
    color: #2d3b32;
    border-radius: 8px;
    padding: 10px 12px;
    font-size: 13px;
    font-weight: 600;
    text-align: left;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.delivery-popup__city:hover {
    border:1px solid #fbe0c1;
    background:#fffbf7;
}
.delivery-popup__city.is-selected {
    background:#cc914c;
    border-color:#cc914c;
    color: #fff;
}
.delivery-popup__error {
    margin: 10px 0 0;
    font-size: 12px;
    color: #b42318;
}
.delivery-popup__submit {
    margin-top: 16px;
    height: 46px;
    border: 0;
    border-radius: 10px;
    background:#cc914c;
    color: #fff;
    font-size: 14px;
    font-weight:600;
    cursor: pointer;
    transition: background 0.15s ease;
}
.delivery-popup__submit:hover {
    background:#494644;
}
@media screen and (max-width: 575px) {.delivery-popup__card {
        padding: 18px 16px 16px;
    }
.delivery-popup__cities {
        grid-template-columns: 1fr 1fr;
        max-height: 180px;
    }}
.header-middle.header-middle--nb .header-middle__search {
    max-width: 100%;
    margin-inline: auto;
}
.header-middle.header-middle--nb .header-middle__search-pill {
    display: flex;
    align-items:center;
    background:#fff;
    border-radius:999px;
    border:1px solid #cc914c;
    box-shadow:none;
    overflow:hidden;
}
.header-middle.header-middle--nb .header-middle__search-icon {
    position: absolute;
    inset-inline-start: 14px;
    inset-block-start: 50%;
    transform: translateY(-50%);
    color:#cc914c;
    font-size: 18px;
    z-index: 1;
    pointer-events: none;
}
.header-middle.header-middle--nb .header-middle__search-input {
    height: 44px;
    border-radius: 999px 0 0 999px !important;
    padding-inline-start: 44px !important;
    padding-inline-end: 12px !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--nb-ink);
    font-size: 14px;
    flex: 1;
}
.header-middle.header-middle--nb .header-middle__search-input::placeholder {
    color: #7d8d84;
    font-style: normal;
}
.header-middle.header-middle--nb .header-middle__search-input:focus {
    outline: none;
    box-shadow: none !important;
}
.header-middle.header-middle--nb .header-middle__search-btn {
    flex-shrink: 0;
    height: 44px;
    padding: 0 22px;
    border: 0;
    background:#cc914c;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.02em;
    cursor: pointer;
    transition: background 0.15s ease;
}
.header-middle.header-middle--nb .header-middle__search-btn:hover {
    background:#c98b41;
}
.header-middle.header-middle--nb .header-middle__search-pill:focus-within {
    border-color:#c98b41;
    box-shadow: 0 0 0 3px rgba(201, 139, 65, 0.12);
}
.header-middle.header-middle--nb .header-middle__actions .item-hover__text,
.header-middle.header-middle--nb .header-middle__actions .search-icon {
    color: var(--nb-ink) !important;
}
.header-middle.header-middle--nb .header-middle__action-label {
    color:#333333;
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
}
.header-middle.header-middle--nb .header-middle__actions a:hover .item-hover__text,
.header-middle.header-middle--nb .header-middle__actions a:hover .header-middle__action-label,
.header-middle.header-middle--nb .header-middle__actions .search-icon:hover .item-hover__text {
    color: #cc914c !important;
}
.header-middle.header-middle--nb .header-middle__actions .bg-main-600,
.header-middle.header-middle--nb .header-middle__actions .bg-danger-600 {
    background-color:#cc914c !important;
}
@media screen and (max-width: 1399px) {.header-middle {
        padding: 10px 0;
    }
.header-middle.header-middle--nb {
        padding: 6px 0;
    }}
@media screen and (max-width: 1199px) {.header-middle {
        padding: 8px 0 !important;
    }
.header-middle.header-middle--nb {
        padding: 10px 0 !important;
    }
.header-middle.header-middle--nb .header-middle__search {
        max-width: none;
    }}
@media screen and (max-width: 991px) {.header-middle {
        padding: 6px 0 !important;
    }
.header-middle.header-middle--nb {
        padding:2px 0 !important;
    }}
@media screen and (max-width: 1199px) {.header-middle .location-box {
        padding: 6px 8px !important;
    }}
@media screen and (max-width: 767px) {.header-middle .location-box {
        padding-left: 14px !important;
    }}
.form-location-wrapper {
    gap: clamp(0.5rem, -0.999rem + 2vw, 1rem);
}
/* Search Form Css Here */
@media screen and (max-width: 991px) {
    .search-form .select2-selection.select2-selection--single {
        border-radius: 50px !important;
        border-radius: 50px !important;
        background-color: hsl(var(--white)) !important;
        border: 1px solid var(--gray-100) !important;
    }
}
@media screen and (max-width: 991px) {.search-form__wrapper {
        display: none;
    }}
.search-form__input {
    border-color: var(--gray-200) !important;
    width: 520px;
}
@media screen and (max-width: 1499px) {.search-form__input {
        width: 400px;
    }}
@media screen and (max-width: 1399px) {.search-form__input {
        width: 300px;
    }}
@media screen and (max-width: 1199px) {.search-form__input {
        width: 200px;
    }}
/* Header Activities Css Start */
@media screen and (max-width: 1399px) {
    .header-two-activities {
        gap: 24px !important;
    }
}
/* Header Activities Css End */
/* Header Activities Css start */
.search-category.style-two {
    background-color: hsl(var(--white));
    border-radius: 8px;
    overflow: hidden;
}
.search-category.style-two .select2-container--default .select2-selection--single {
    border-radius: 0;
    border-left: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
}
/* Header Activities Css End */
/* Category Dropdown Responsive Css Start */
@media screen and (max-width: 991px) {
    .responsive-dropdown {
        position: fixed;
        inset-inline-start: 0;
        inset-block-start: 0;
        visibility: visible;
        opacity: 1;
        margin-top: 0;
        border-radius: 0;
        width: unset !important;
        height: 100vh;
        overflow-y: auto;
        transform: translateX(-100%);
        padding-top: 8px !important;
    }

    .responsive-dropdown.active {
        transform: translateX(0);
    }

    .responsive-dropdown ul {
        max-height: 100% !important;
    }

    .responsive-dropdown ul li.active > a {
        background: var(--gray-50);
        color: var(--gray-800) !important;
        font-weight: 600;
    }

    .responsive-dropdown ul li.active > a .icon {
        transform: rotate(90deg);
    }

    .responsive-dropdown ul li a {
        border-bottom: 1px solid var(--gray-100);
    }

    .responsive-dropdown .submenus-submenu {
        position: static;
        visibility: visible;
        opacity: 1;
        box-shadow: none;
        border-radius: 0;
        margin-left: 40px;
        width: unset;
        padding-top: 8px !important;
        display: none;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .responsive-dropdown .submenus-submenu__title {
        display: none;
    }

    .responsive-dropdown .submenus-submenu__list {
        max-height: unset !important;
    }

    .responsive-dropdown .submenus-submenu__list li a {
        padding-left: 16px;
    }

    .responsive-dropdown .submenus-submenu__list li a::before {
        inset-inline-start: 0;
    }
}
.responsive-dropdown__list li:last-child {
    border-bottom: 0 !important;
}
/* Category Dropdown Responsive Css End */
/* =========================== header Middle Css End =============================== */
/* Mobile Menu Sidebar Start */
.mobile-menu {
    position: fixed;
    background-color:#fff4e3;
    width: 300px;
    height: 100vh;
    overflow-y: auto;
    padding:10px 20px;
    z-index: 9999;
    transform: translateX(-100%);
    transition: 0.2s linear;
    padding-block-end: 68px;
}
.mobile-menu.active {
    transform: translateX(0%);
}
.close-button {
    position: absolute;
    inset-inline-end: 8px;
    inset-block-start: 8px;
    width: 28px;
    height: 28px;
    background-color: var(--gray-200);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.2s;
}
.close-button:hover {
    background-color: hsl(var(--black));
    color: hsl(var(--white));
}
.nav-menu--mobile {
    display: block;
    margin-block-start: 16px;
}
.nav-menu--mobile .nav-menu__item > a::before {
    transform: translateY(-50%) rotate(0deg);
}
.nav-menu--mobile .nav-menu__link {
    /*border-bottom: 1px solid var(--gray-100) !important;*/
    position: relative;
    padding: 6px 0;

}
.nav-menu--mobile .nav-submenu {
    position: static;
    visibility: visible;
    opacity: 1;
    box-shadow: none;
    width: 100%;
    margin-block-start: 0;
    padding: 0;
    margin-inline-start: 16px;
    display: none;
    transition: 0s;
}
.nav-menu--mobile .nav-submenu__link {
    width: 100%;
    padding: 10px 0;
    border-bottom: 1px solid var(--gray-100) !important;
}
.nav-menu--mobile .nav-submenu__item:hover {
    background-color: transparent;
    color: hsl(var(--main));
}
.nav-menu--mobile .nav-submenu__item::before {
    display: none;
}
/* Mobile Menu Sidebar Start */
/* ============= Footer Start Here ======================= */
.footer {
    margin-block-start: auto;
}
.footer-item-wrapper {
    gap: clamp(2rem, 0.715rem + 1.714vw, 2.75rem);
}
.footer-item-two-wrapper {
    gap: clamp(2rem, -4.209rem + 8.286vw, 5.625rem);
}
.footer-item__logo {
    margin-block-end: 20px;
}
.footer-item__logo a img {
    width: 100%;
    height: 100%;
    max-width: 190px;
    max-height: 64px;
}
/* ============================== Smart Footer (single source) =============================== */
/*.footer.footer--smart {
    background: #043926;
    border-top: 0;
    padding: 0;
}
.footer.footer--smart .footer-main {
    padding: 64px 0 52px;
    background:#2b2b2b;
}
.footer.footer--smart .footer-item-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 36px 24px;
}
.footer.footer--smart .footer-item {
    flex: 1 1 150px;
    min-width: 140px;
    max-width: 190px;
}
.footer.footer--smart .footer-item--brand {
    flex: 1 1 280px;
    max-width: 320px;
    min-width: 240px;
}
.footer-item--brand p{
    color:rgba(255, 255, 255, 0.78);
    margin-bottom: 20px;
    line-height: 24px;
    font-size: 14px;
}

.footer.footer--smart .footer-item--app {
    flex: 1 1 240px;
    max-width: 280px;
    min-width: 220px;
}
.footer.footer--smart .footer-item__logo {
    margin-bottom: 16px;
}
.footer.footer--smart .footer-item__logo a img {
    max-width: 170px;
    max-height: 54px;
    width: auto;
    height: auto;
}
.footer.footer--smart .footer-item__about,
.footer.footer--smart .footer-item__app-text {
    color: rgba(255, 255, 255, 0.78);
    font-size: 14px;
    line-height: 1.65;
    margin: 0 0 18px;
}
.footer.footer--smart .footer-item__title {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    margin: 0 0 18px;
    position: relative;
    padding-bottom: 10px;
}
.footer.footer--smart .footer-item__title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 28px;
    height: 3px;
    border-radius: 999px;
    background: #6CE9A6;
}
.footer.footer--smart .footer-menu {
    list-style: none;
    margin: 0;
    padding: 0;
}
.footer.footer--smart .footer-menu li {
    margin: 0 0 12px;
}
.footer.footer--smart .footer-menu li:last-child {
    margin-bottom: 0;
}
.footer.footer--smart .footer-menu a {
    color: rgba(255, 255, 255, 0.78);
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    display: inline-block;
    transition: color 0.15s ease, transform 0.15s ease;
}
.footer.footer--smart .footer-menu a:hover {
    color: #A6F4C5;
    transform: translateX(3px);
}
.footer-contact {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.footer-contact li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    color: rgba(255, 255, 255, 0.78);
    font-size: 14px;
    line-height: 1.45;
}
.footer-contact .ph {
    color: #6CE9A6;
    font-size: 18px;
    margin-top: 1px;
    flex-shrink: 0;
}
.footer-contact a {
    color: inherit;
    text-decoration: none;
}
.footer-contact a:hover {
    color: #A6F4C5;
}
.footer-app {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
}
.footer-app__qr {
    background: #fff;
    border: 0;
    border-radius:0px;
    padding: 6px;
}
.footer-app__qr img {
    display: block;
    width: 78px;
    height: auto;
}
.footer-app__stores {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.footer-app__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 132px;
    padding: 9px 12px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 4px;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}
.footer-app__btn img {
    width: 16px;
    height: 16px;
}
.footer-app__btn:hover {
    background:#cc914c;
    border-color:#cc914c;
    color: #fff;
}
.footer-payments__label {
    font-size: 12px;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.78);
    margin: 0 0 8px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}
.footer-payments img {
    max-width: 100%;
    height: auto;
}
.bottom-footer.bottom-footer--smart {
    background:#2b2b2b;
    padding: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.bottom-footer.bottom-footer--smart .bottom-footer__inner {
    padding: 18px 0;
    border: 0 !important;
}
.bottom-footer.bottom-footer--smart .bottom-footer__text {
    margin: 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    font-weight: 500;
}
.bottom-footer.bottom-footer--smart .bottom-footer__text span {
    color: #A6F4C5;
    font-weight: 700;
}
.footer-social {
    list-style: none;
    margin: 0;
    padding: 0;
}
.footer-social a {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    font-size: 18px;
    text-decoration: none;
    transition: background 0.15s ease, color 0.15s ease, transform 0.15s ease;
}
.footer-social a:hover {
    background:#cc914c;
    color: #fff;
    transform: translateY(-2px);
}
@media screen and (max-width: 1199px) {.footer.footer--smart .footer-item-wrapper {
        justify-content: flex-start;
    }}
@media screen and (max-width: 991px) {.footer.footer--smart .footer-main {
        padding: 40px 0 32px;
    }
.footer.footer--smart .footer-item,
    .footer.footer--smart .footer-item--brand,
    .footer.footer--smart .footer-item--app {
        flex: 1 1 calc(50% - 16px);
        max-width: calc(50% - 16px);
        min-width: 0;
    }}
@media screen and (max-width: 575px) {.footer.footer--smart .footer-item,
    .footer.footer--smart .footer-item--brand,
    .footer.footer--smart .footer-item--app {
        flex: 1 1 100%;
        max-width: 100%;
    }*/

/*=================new-footer======================*/

.footer.footer--smart {
    position: relative;
    overflow: hidden;
    background: #21191a !important;
    padding: 0 !important;
}

/* Background decorative effect */
 .footer.footer--smart::before {
    content: "";
    position: absolute;
    width: 350px;
    height: 350px;
    top: -180px;
    left: -150px;
    background: rgba(204, 145, 76, 0.10);
    border-radius: 50%;
    pointer-events: none;
}

.footer.footer--smart::after {
    content: "";
    position: absolute;
    width: 300px;
    height: 300px;
    right: -140px;
    bottom: -150px;
    background: rgba(108, 233, 166, 0.07);
    border-radius: 50%;
    pointer-events: none;
}





.footer.footer--smart .footer-main {
    position: relative;
    z-index: 1;
    padding: 60px 0 35px !important;
    background:linear-gradient(135deg, #000000 0%, #000000 50%, #000000 100%) !important
}

.footer.footer--smart .footer-item-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 40px 25px;
}

.footer.footer--smart .footer-item {
    flex: 1 1 150px;
    max-width: 190px;
    min-width: 140px;
}

.footer.footer--smart .footer-item--brand {
    flex: 1 1 280px;
    max-width: 310px;
}

.footer.footer--smart .footer-item--app {
    flex: 1 1 240px;
    max-width: 270px;
}

/* Heading */
.footer.footer--smart .footer-item__title {
    position: relative;
    margin: 0 0 20px;
    padding-bottom: 10px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
}

.footer.footer--smart .footer-item__title::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 38px;
    height: 2px;
    background: #cc914c;
    border-radius: 10px;
}

.footer.footer--smart .footer-item__title::after {
    content: "";
    position: absolute;
    left: 43px;
    bottom: 0;
    width: 8px;
    height: 2px;
    background:#f3ece2;
    border-radius: 10px;
}

/* Brand paragraph */
.footer-item--brand > p {
    margin: 0 0 20px;
    color: rgba(255,255,255,.65);
    font-size: 14px;
    line-height: 1.7;
}

/* Contact */
.footer-contact {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer-contact li {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    margin-bottom: 11px;
    color: rgba(255,255,255,.65);
    font-size: 13px;
    line-height: 1.5;
}

.footer-contact li:last-child {
    margin-bottom: 0;
}

.footer-contact .ph {
    flex-shrink: 0;
    color:rgba(255,255,255,.65);
    font-size: 17px;
    margin-top: 2px;
}

.footer-contact a {
    color: inherit;
    text-decoration: none;
}

.footer-contact a:hover {
    color:#f9ae56;
}

/* Menu */
.footer.footer--smart .footer-menu {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer.footer--smart .footer-menu li {
    margin-bottom: 11px;
}

.footer.footer--smart .footer-menu li:last-child {
    margin-bottom: 0;
}

.footer.footer--smart .footer-menu a {
    color: rgba(255,255,255,.65);
    font-size: 13px;
    text-decoration: none;
    transition: .2s ease;
}

.footer.footer--smart .footer-menu a:hover {
    color: #fff;
    padding-left: 4px;
}

/* App */
.footer-item__app-text {
    margin: 0 0 16px;
    color: rgba(255,255,255,.62);
    font-size: 13px;
}

.footer-app {
    display:block;
    align-items: center;
    gap: 12px;
}

.footer-app__qr {
    padding: 6px;
    background: #fff;
    border-radius: 6px;
    flex-shrink: 0;
}

.footer-app__qr img {
    display: block;
    width: 76px;
}

.footer-app__stores {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.footer-app__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-width: 125px;
    padding: 8px 10px;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 5px;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    transition: .2s ease;
}

.footer-app__btn img {
    width: 16px;
    height: 16px;
}

.footer-app__btn:hover {
    background: #cc914c;
    border-color: #cc914c;
    color: #fff;
}
/* =========================================
   SOCIAL MEDIA
========================================= */

.footer-social-wrap {
    margin-top: 22px;
    padding-top: 18px;

    border-top: 1px solid rgba(255,255,255,0.08);
}

.footer-social-wrap > span {
    display: block;

    margin-bottom: 10px;

    color: rgba(255,255,255,0.55);
    font-size: 11px;
    font-weight: 600;

    text-transform: uppercase;
    letter-spacing: 0.08em;
}


/* Social list */

.footer-social {
    display: flex;
    align-items: center;
    gap: 8px;

    margin: 0;
    padding: 0;

    list-style: none;
}


/* Social icon */

.footer-social li a {
    width: 34px;
    height: 34px;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 50%;

    background: rgba(255,255,255,0.04);

    color: rgba(255,255,255,0.72);

    font-size: 16px;
    text-decoration: none;

    transition:
        color 0.25s ease,
        background 0.25s ease,
        border-color 0.25s ease,
        transform 0.25s ease;
}


/* Hover */

.footer-social li a:hover {
    color: #fff;
    background: #cc914c;
    border-color: #cc914c;

    transform: translateY(-3px);
}

/* =================================
   WE ACCEPT FULL WIDTH
================================= */

/* =================================
   FULL WIDTH PAYMENT BOX
================================= */

.footer-payment-box {
    position: relative;
    width: 100%;
    margin-top: 40px;
    padding:10px 20px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;

    background: rgba(255,255,255,0.04);
    border-top: 1px solid rgba(255,255,255,0.10);
    border-bottom: 1px solid rgba(255,255,255,0.08);

    overflow: hidden;
}


/* subtle glow */
.footer-payment-box::before {
    content: "";
    position: absolute;
    width: 220px;
    height: 220px;
    top: -150px;
    left: 50%;
    transform: translateX(-50%);

    background: rgba(204,145,76,0.12);
    border-radius: 50%;
    filter: blur(35px);
}


/* =================================
   CONTENT
================================= */

.footer-payment-box__head {
    position: relative;
    z-index: 1;

    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 10px;
}


/* Icon */
.footer-payment-box__icon {
    width: 48px;
    height: 48px;
    margin-bottom: 12px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: rgba(204,145,76,0.12);
    border: 1px solid rgba(204,145,76,0.30);
    border-radius: 50%;

    color: #cc914c;
    font-size: 23px;

    transition: all 0.25s ease;
}


/* Heading */
.footer-payment-box__head h6 {
    margin: 0 0 5px;

    font-size: 17px;
    font-weight: 700;
    color: #fff;
}


/* Description */
.footer-payment-box__head p {
    margin: 0 0 18px;

    font-size:16px;
    color: rgba(255,255,255,0.55);
}


/* =================================
   PAYMENT IMAGE
================================= */

.footer-payment-box__methods {
    position: relative;
    z-index: 1;

    display: flex;
    align-items: center;
    justify-content: center;

    padding:0px 0px;

    background:transparent;
    border-radius:0px;


}

.footer-payment-box__methods img {
    display: block;
    max-width: 100%;
    height: auto;
}


/* Hover */
.footer-payment-box:hover .footer-payment-box__icon {
    background: rgba(204,145,76,0.18);
    transform: translateY(-2px);
}


/* =================================
   MOBILE
================================= */

@media (max-width: 575px) {

    .footer-payment-box {
        margin-top: 28px;
        padding: 26px 15px;
    }

    .footer-payment-box__icon {
        width: 44px;
        height: 44px;
        font-size: 21px;
    }

    .footer-payment-box__head h6 {
        font-size: 16px;
    }

    .footer-payment-box__head p {
        font-size: 11px;
        margin-bottom: 15px;
    }

    .footer-payment-box__methods {
        width: 100%;
        max-width: 320px;
    }

    .footer-payment-box__methods img {
        width: 100%;
    }
}


/* =========================
   KEYWORDS - SMART LOOK
========================= */
.footer-keywords {
    width: 100%;
    margin-top: 28px;
    padding-top: 22px;
    border-top: 1px solid rgba(255,255,255,0.08);
}

.footer-keywords ul {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px 12px;
    margin: 0;
    padding: 0;
}

.footer-keywords ul li {
    position: relative;
    padding: 7px 10px 7px 10px;
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 30px;
    background: rgba(255,255,255,0.055);
    color: rgba(255,255,255,0.78);
    font-size: 12px;
    font-weight: 500;
    line-height: 1.3;
    transition: all 0.25s ease;
}

/* small icon */


.footer-keywords ul li:hover {
    color: #fff;
    background: rgba(204,145,76,0.12);
    border-color: rgba(204,145,76,0.45);
    transform: translateY(-2px);
}


/* =========================
   MOBILE
========================= */
@media (max-width: 575px) {

    .footer-payments {
        margin-top: 25px;
        padding-top: 22px;
    }

    .footer-payments img {
        width: 230px;
    }

    .footer-keywords {
        margin-top: 22px;
        padding-top: 18px;
    }

    .footer-keywords ul {
        gap: 8px;
    }

    .footer-keywords ul li {
        font-size: 11px;
        padding: 6px 11px 6px 25px;
    }
}




/* =================================
   BOTTOM FOOTER
================================= */

.bottom-footer.bottom-footer--smart {
    background: #191415 !important;
    padding: 0 !important;
    border-top: 1px solid rgba(255,255,255,.08);
}

.bottom-footer.bottom-footer--smart .bottom-footer__inner {
    padding: 18px 0;
    border: 0 !important;
}

.bottom-footer.bottom-footer--smart .bottom-footer__text {
    margin: 0;
    color: rgba(255,255,255,.60);
    font-size: 13px;
}

.bottom-footer.bottom-footer--smart .bottom-footer__text span {
    color: #cc914c;
    font-weight: 700;
}


/* =================================
   TABLET
================================= */

@media (max-width: 991px) {

    .footer.footer--smart .footer-main {
        padding: 45px 0 30px !important;
    }

    .footer.footer--smart .footer-item,
    .footer.footer--smart .footer-item--brand,
    .footer.footer--smart .footer-item--app {
        flex: 1 1 calc(50% - 15px);
        max-width: calc(50% - 15px);
    }

}


/* =================================
   MOBILE
================================= */

@media (max-width: 575px) {

    .footer.footer--smart .footer-main {
        padding: 40px 0 25px !important;
    }

    .footer.footer--smart .footer-item,
    .footer.footer--smart .footer-item--brand,
    .footer.footer--smart .footer-item--app {
        flex: 1 1 100%;
        max-width: 100%;
    }

    .footer-payments {
        flex-direction: column;
        align-items: flex-start;
        padding: 16px;
    }

    .footer-payments img {
        max-width: 260px;
    }

    .footer-keywords ul {
        justify-content: flex-start;
        gap: 10px 22px;
    }

    .footer-keywords li:not(:last-child)::after {
        right: -12px;
    }

}






.bottom-footer.bottom-footer--smart .bottom-footer__inner {
        justify-content: center;
        text-align: center;
    }}
/* ============================== Smart Footer End =============================== */
/* ===================== Scroll to Top Start ================================= */
.progress-wrap {
    position: fixed;
    inset-inline-end: 36px;
    inset-block-end: 36px;
    height: 46px;
    line-height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    border-radius: 50px;
    box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.2);
    z-index: 10000;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
    background-color: transparent;
}
@media screen and (max-width: 991px) {.progress-wrap {
        inset-inline-end: 24px;
        inset-block-end: 24px;
        height: 40px;
        width: 40px;
        line-height: 40px;
    }}
.progress-wrap.active-progress {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.progress-wrap:hover {
    transform: scale(1.06);
}
.progress-wrap::after {
    position: absolute;
    font-family: "Phosphor";
    font-weight: 900;
    content: "\e08e";
    text-align: center;
    height: 46px;
    width: 46px;
    line-height: 46px;
    font-size: 18px;
    inset-inline-start: 0;
    inset-block-start: 0;
    cursor: pointer;
    display: block;
    z-index: 1;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
    color: hsl(var(--main)) !important;
}
@media screen and (max-width: 991px) {.progress-wrap::after {
        height: 40px;
        width: 40px;
        line-height: 40px;
    }}
.progress-wrap svg path {
    fill: none;
}
.progress-wrap svg.progress-circle path {
    stroke: hsl(var(--main));
    stroke-width: 5;
    box-sizing: border-box;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
/* ===================== Scroll to Top End ================================= */
.search-box {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9;
    background: hsl(var(--black));
    display: flex;
    justify-content: center;
    align-items: center;
    visibility: hidden;
    opacity: 0;
    transition: 0.2s linear;
    transform: scale(0.8);
    z-index:100;
}
.search-box.active {
    visibility: visible;
    opacity: 1;
    transform: scale(1);
}
.border-half-start::before {
    position: absolute;
    content: "";
    width: 1px;
    height: 30px;
    inset-inline-start: 0;
    top: 50%;
    background: var(--neutral-40);
    transform: translateY(-50%);
}
/* ================= Slick Arrow & Dots css Start ================ */
.slick-initialized.slick-slider .slick-track {
    display: flex;
}
.slick-initialized.slick-slider .slick-slide {
    cursor: grab;
    height: auto;
    margin: 0 2px;
}
.slick-initialized.slick-slider .slick-slide > div {
    height: 100%;
}
/*.slick-initialized.slick-slider .slick-slide > div > div {
    height: 100%;
}*/
/* Slick Slider Arrow */
.slick-arrow {
    width: 48px;
    height: 48px;
}
.slick-arrow:active {
    transform: scale(1.02);
}
@media screen and (max-width: 991px) {.slick-arrow {
        width: 40px;
        height: 40px;
    }}
@media screen and (max-width: 767px) {.slick-arrow {
        width: 32px;
        height: 32px;
    }}
/* Arrow Style Two */
.arrow-center {
    position: relative;
}
.arrow-center .slick-arrow {
    position: absolute;
    inset-block-start: 50%;
    transform: translateY(-50%);
    inset-inline-start: 16px;
    z-index: 2;
}
.arrow-center .slick-arrow.slick-next {
    inset-inline-start: auto;
    inset-inline-end:0px;
}
.slick-arrows-style-three .slick-arrow {
    visibility: hidden;
    opacity: 0;
}
.slick-arrows-style-three:hover .slick-arrow {
    visibility: visible;
    opacity: 1;
}
/* Dots Css Start */
.slick-dots {
    text-align: center;
    position: absolute;
    inset-block-end: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    z-index: 1;
    line-height: 1;
}
.slick-dots li {
    display: inline-block;
    display: flex;
}
.slick-dots li button {
    border: none;
    background-color: #95a4bb42;
    color: hsl(var(--white));
    margin: 0 3px;
    width: 32px;
    height: 6px;
    border-radius: 1px;
    border-radius: 50px;
    text-indent: -9999px;
    transition: 0.3s linear;
}
.slick-dots li.slick-active button {
    background-color: hsl(var(--main-two));
}
/* Dots Css End */
/* ================= Slick Arrow & Dots css Start ================ */
/* ================== Section Heading Css Start ========================= */
.section-heading {
    margin-bottom: 40px;
}
@media screen and (max-width: 1199px) {.section-heading {
        margin-bottom: 24px;
    }}
@media (min-width: 1200px) {.section-heading.writing-mode {
        writing-mode: vertical-lr;
        transform: rotate(180deg);
    }}
@media (max-width: 1199px) {.section-heading.writing-mode {
        margin-bottom: 60px !important;
    }}
/* ================== Section Heading Css End ========================= */
/* ============================== Banner Css Start ========================== */
.banner {
    margin-top: 20px;
}
@media screen and (max-width: 767px) {.banner {
        margin-bottom: 24px;
    }
}
.banner .slick-slider {
    position: relative;
}
.banner .slick-initialized.slick-slider .slick-track {
    display: flex !important;
}
.banner .slick-initialized.slick-slider .slick-slide {
    margin: 0;
    float: none;
}
.banner .slick-list {
    overflow: hidden;
}
/* Visual banner slider — full image, per-slide img CSS only (no anchor styles) */
.banner.banner--visual {
    margin-top: 0;
    margin-bottom: 0;
    width: 100%;
}
.banner.banner--visual .banner-visual {
    width: 100%;
    max-width: 100%;
    height: auto;
    border-radius: 0;
    background: transparent;
    box-shadow: 0 8px 24px rgba(26, 46, 31, 0.08);
    border: 0;
}
.banner.banner--visual .banner-slider {
    width: 100%;
}
/* Shared full-bleed image base */
.banner-slide-img {
    width: 100%;
    max-width: 100%;
    height:auto;
    display: block;
    object-fit: contain;
    object-position: center;
    vertical-align: top;
}
/* Separate CSS — slider image 1 */
.banner-slide-img--1 {
    width: 100%;
    height: auto;
    object-fit: contain;
    background: #ECFDF3;
}
/* Separate CSS — slider image 2 */
.banner-slide-img--2 {
    width: 100%;
    height: auto;
    object-fit: contain;
    background: #027A48;
}
.banner.banner--visual .arrow-center .slick-arrow {
    z-index: 5;
    width: 40px;
    height: 40px;
    font-size: 18px !important;
    min-width: 28px;
    background: rgba(255, 255, 255, 0.75) !important;
    border: 1px solid rgba(26, 46, 31, 0.08);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    opacity: 0.92;
    transition: opacity 0.2s ease, background 0.2s ease, color 0.2s ease, transform 0.2s ease;
}
.banner.banner--visual .arrow-center:hover .slick-arrow {
    opacity: 1;
}
.banner.banner--visual .arrow-center .slick-arrow:hover {
    transform: translateY(-50%) scale(1.05);
}
.banner.banner--visual .arrow-center .slick-arrow.slick-prev {
    inset-inline-start: 12px;
}
.banner.banner--visual .arrow-center .slick-arrow.slick-next {
    inset-inline-end: 12px;
}
.banner.banner--visual .slick-dots {
    inset-block-end: 12px;
    display: flex !important;
    justify-content: center;
    gap: 6px;
}
.banner.banner--visual .slick-dots li {
    width: auto;
    height: auto;
    margin: 0;
}
.banner.banner--visual .slick-dots li button {
    width: 7px;
    height: 7px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.55);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.16);
    padding: 0;
    transition: width 0.25s ease, background 0.25s ease;
}
.banner.banner--visual .slick-dots li.slick-active button {
    width: 18px;
    background: #fff;
}
.scroll-down .icon {
    animation: upDown 2s linear infinite;
    font-size: 1.75rem;
    margin-top: 16px;
}
@keyframes upDown {
    0% {
        transform: translateY(10px);
    }

    50% {
        transform: translateY(0px);
    }

    100% {
        transform: translateY(10px);
    }
}
/* Slider Animation Css Start */
.animate-left-right {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
    transition: 0.4s linear;
}
.slick-current .animate-left-right {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
.animate-scale {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    transition: 0.4s linear;
}
.slick-current .animate-scale {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.animation-delay-08 {
    transition-delay: 800ms;
}
.animation-delay-1 {
    transition-delay: 1000ms;
}
.animation-delay-12 {
    transition-delay: 1200ms;
}
.animation-delay-15 {
    transition-delay: 1500ms;
}
/* Banner: never stay blank — delays + opacity:0 hide whole hero */
.banner .animate-left-right,
.banner .animate-scale {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    transition: none !important;
    transition-delay: 0s !important;
}
/* Slider Animation Css End */
/* ============================== Banner Css End ========================== */


/* ============================ Feature Section Css start =============================== */
/*.feature {
    margin-top: 32px;
}
.feature .arrow-center:hover .slick-arrow {
    visibility: visible;
    opacity: 1;
    margin-left: -28px;
}
.feature .arrow-center:hover .slick-arrow.slick-next {
    margin-right: -20px;
}
.feature .arrow-center .slick-arrow {
    transform: translateY(0);
    margin-left: -40px;
    border: 1px solid var(--gray-100);
    visibility: hidden;
    opacity: 0;
    top: 54px;
}
.feature .arrow-center .slick-arrow.slick-next {
    margin-right: -30px;
}
.feature.feature-three .arrow-center .slick-arrow {
    top: 110px;
}
.feature-item-wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
    gap: 16px;
}


.feature-item__thumb {
    max-width: 153px;
    max-height: 153px;
    background-color:#fff;
    aspect-ratio: 1;
    margin: 0 auto;
    overflow: hidden;
}
.feature-item__thumb img {
    transition: 0.2s linear;
}
.feature-item:hover .feature-item__thumb img {
    transform: scale(1.2);
}

.feature.feature--nb {
    margin-top: 18px;
    margin-bottom: 4px;
}
.feature.feature--nb .feature-item-wrapper {
    gap: 0;
}
.feature.feature--nb .slick-slide {
    padding-inline: 4px;
    box-sizing: border-box;
}
.feature.feature--nb .feature-item {
    width: 128px;
    max-width: 100%;
}

@media screen and (min-width: 1200px) {
    .feature.feature--nb .slick-slide {
        width: auto !important;
    }
}

@media screen and (max-width: 1199px) {
    .feature.feature--nb .slick-slide {
        width: auto;
    }

    .feature.feature--nb .feature-item {
        width: 100%;
    }


}
.feature.feature--nb .feature-item__thumb--nb {
    width: 180px;
    height: 127px;
    max-width: 180px;
    max-height: 127px;
    aspect-ratio: 1 / 1;
    margin: 0 auto;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
     border: 1px solid #ffdaae;
    box-shadow: 0 1px 4px rgba(26, 46, 31, 0.04);
    transition: box-shadow 0.2s ease, transform 0.2s ease;
    padding: 10px;

}
.feature.feature--nb .feature-item:hover .feature-item__thumb--nb {
    box-shadow: 0 2px 8px rgba(26, 46, 31, 0.06);

}

.feature.feature--nb .feature-item__thumb--nb img{border-radius: 8px;}


.feature.feature--nb .feature-item__link {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding:0px;
    text-decoration: none;
}
.feature.feature--nb .feature-img {
    display: block;
    width: auto;
    height: auto;
     max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
    transition: transform 0.25s ease;

}
.feature.feature--nb .feature-item:hover .feature-img {
    transform: scale(1.06);
}

.feature.feature--nb .feature-item__content {
    margin-top: 8px;
}
.feature.feature--nb .feature-item__content h6 {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
    margin: 0 0 4px;
    color:#26211e;
}
.feature.feature--nb .feature-item__content h6 a {
    color: inherit;
    text-decoration: none;
}
.feature.feature--nb .feature-item__content h6 a:hover {
    color: hsl(var(--main));
}
.feature.feature--nb .feature-item__content .text-sm {
    font-size: 12px;
}
.feature.feature--nb .arrow-center {
    padding-inline: 0px;
}

.feature.feature--nb .arrow-center > .flex-align,
.slide-arrow-center > .flex-align,
.arrow-center.slide-arrow-center > .flex-align {
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    line-height: 0 !important;
}
.feature.feature--nb .arrow-center .slick-arrow,
.feature.feature--nb .arrow-center .slick-prev,
.feature.feature--nb .arrow-center .slick-next,
.feature.feature--nb .arrow-center:hover .slick-arrow,
.feature.feature--nb .arrow-center:hover .slick-prev,
.feature.feature--nb .arrow-center:hover .slick-next {
    visibility: visible !important;
    opacity: 1 !important;
    margin: 0 !important;
    position: absolute !important;

    top: 50% !important;
    inset-block-start: 50% !important;
    inset-block-end: auto !important;
    transform: translateY(-50%) !important;
    width: 28px;
    height: 28px;
    min-width: 28px;
    font-size: 13px;
    z-index: 5;
    background: #fff !important;
    border: 1px solid rgba(26, 46, 31, 0.08);
    box-shadow: 0 1px 4px rgba(26, 46, 31, 0.06);
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    pointer-events: auto !important;
}
.feature.feature--nb .arrow-center .slick-arrow.slick-prev,
.feature.feature--nb .arrow-center .slick-prev,
.feature.feature--nb .arrow-center:hover .slick-arrow.slick-prev,
.feature.feature--nb .arrow-center:hover .slick-prev {
    inset-inline-start: 0 !important;
    left: 0 !important;
    margin-left: 0 !important;
}
.feature.feature--nb .arrow-center .slick-arrow.slick-next,
.feature.feature--nb .arrow-center .slick-next,
.feature.feature--nb .arrow-center:hover .slick-arrow.slick-next,
.feature.feature--nb .arrow-center:hover .slick-next {
    inset-inline-start: auto !important;
    inset-inline-end: 0 !important;
    left: auto !important;
    right: 0 !important;
    margin-right: 0 !important;
}
.feature.feature--nb .arrow-center .slick-arrow:hover,
.feature.feature--nb .arrow-center .slick-prev:hover,
.feature.feature--nb .arrow-center .slick-next:hover {
    background: hsl(var(--main)) !important;
    color: #fff !important;
    border-color: hsl(var(--main));
}
@media screen and (max-width: 575px) {.feature.feature--nb .arrow-center .slick-arrow,
    .feature.feature--nb .arrow-center .slick-prev,
    .feature.feature--nb .arrow-center .slick-next,
    .feature.feature--nb .arrow-center:hover .slick-arrow,
    .feature.feature--nb .arrow-center:hover .slick-prev,
    .feature.feature--nb .arrow-center:hover .slick-next {
        width: 24px;
        height: 24px;
        min-width: 24px;
        font-size: 12px;
    }}
@media screen and (max-width: 1199px) {
    .feature.feature--nb .feature-item {
        width: 116px;
    }


    .feature.feature--nb .feature-item__link {
        padding:0px;
    }
.feature.feature--nb .feature-item__content h6 {
        font-size: 13px;
    }}
@media screen and (max-width: 575px) {
    .feature.feature--nb .feature-item-wrapper {
        gap: 0;
    }
.feature.feature--nb .slick-slide {
        padding-inline: 3px;
    }
.feature.feature--nb .feature-item {
        width: 90px;
    }

    .feature.feature--nb .feature-item__link {
        padding: 8px;
    }
.feature.feature--nb .feature-img {
        max-width: 74%;
        max-height: 74%;
    }
.feature.feature--nb .feature-item__content {
        margin-top: 6px;
    }
.feature.feature--nb .feature-item__content h6 {
        font-size: 12px;
        margin-bottom: 2px;
    }
.feature.feature--nb .feature-item__content .text-sm {
        font-size: 11px;
    }}
.featured-products .product-card, .popular-products .product-card {
    flex-direction: row;
    align-items: unset;
}

*/

/* =========================
   FEATURE
========================= */

.feature--nb {
    margin:10px 0px 20px 0px;
}

.feature--nb .arrow-center {
    position: relative;
}

/* Slider */
.feature--nb .feature-item-wrapper {
    margin: 0;
}

.feature--nb .slick-slide {
    padding: 0 5px;
    box-sizing: border-box;
}

/* Item */
.feature--nb .feature-item {
    width: 100%;
    text-align: center;
}

/* Image Box */
.feature--nb .feature-item__thumb--nb {
    width: 180px;
    height: 120px;
    max-width: 100%;
    margin: 0 auto;
    padding: 5px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #fff;
    border: 1px solid #ffdaae;
    border-radius:6px;
    overflow: hidden;

    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    transition: 0.2s ease;
}

.feature--nb .feature-img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    border-radius:6px;
    transition: transform 0.25s ease;
}


.feature--nb .feature-item:hover .feature-img {
    transform: scale(1.05);
}

.feature--nb .feature-item:hover .feature-item__thumb--nb {
    box-shadow: 0 3px 10px rgba(0,0,0,.08);
}

/* Title */
.feature--nb .feature-item__content {
    margin-top: 8px;
}

.feature--nb .feature-item__content h6 {
    margin: 0;
    font-size: 16px;
    line-height: 1.3;
    font-weight: 600;
}

.feature--nb .feature-item__content h6 a {
    color:#26211e;
    text-decoration: none;
}

.feature--nb .feature-item__content h6 a:hover {
    color:#3c3735;
}


/* =========================
   ARROWS
========================= */

.feature--nb .slick-arrow {
    position: absolute;
    top: 50%;
    z-index: 5;

    width: 32px;
    height: 32px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 0;
    border: 1px solid #eee;
    border-radius: 50%;

    background: #fff;
    color: #333;

    transform: translateY(-50%);
    box-shadow: 0 2px 6px rgba(0,0,0,.08);
}

.feature--nb .slick-prev {
    left: 10px;
}

.feature--nb .slick-next {
    right: 10px;
}

.feature--nb .slick-arrow:hover {
    background:#cc914c;
    color: #fff;
}


/* =========================
   TABLET
========================= */

@media (max-width: 1199px) {

    .feature--nb .feature-item__thumb--nb {
        width: 160px;
        height: 115px;
    }

    .feature--nb .feature-item__content h6 {
        font-size: 14px;
    }
}


/* =========================
   TABLET
========================= */

@media (max-width: 991px) {

    .feature--nb .feature-item__thumb--nb {
        width: 165px;
        height: 116px;
    }
}


/* =========================
   MOBILE
========================= */

@media (max-width: 767px) {

    .feature--nb .slick-slide {
        padding: 0 4px;
    }

    .feature--nb .feature-item__thumb--nb {
        width: 120px;
        height: 90px;
        padding: 8px;
    }

    .feature--nb .feature-item__content {
        margin-top: 6px;
    }

/*    .feature--nb .feature-item__content h6 {
        font-size: 12px;
    }*/

    .feature--nb .slick-prev {
        left: 0;
    }

    .feature--nb .slick-next {
        right: 0;
    }

    .feature--nb .slick-arrow {
        width: 26px;
        height: 26px;
        font-size: 11px;
    }
}


/* =========================
   SMALL MOBILE
========================= */

@media (max-width: 480px) {

    .feature--nb .feature-item__thumb--nb {
        width: 150px;
        height: 102px;
        padding: 6px;
    }


}


/* =========================
   VERY SMALL MOBILE
========================= */

@media (max-width: 374px) {

    .feature--nb .feature-item__thumb--nb {
        width: 95px;
        height: 72px;
    }


}

























.popular-products .product-card__thumb {
    width: 120px !important;
}
.promotional-banner-item__content .text-heading {
    color: var(--nb-primary-darker);
}
.promotional-banner-item__content .text-danger-600 {
    color: #D92D20 !important;
    font-weight: 700;
}
.promotional-banner-item__content .btn-main {
    background-color: hsl(var(--main)) !important;
    border-color: hsl(var(--main)) !important;
    color: #fff !important;
    font-weight: 600;
}
.promotional-banner-item__content .btn-main:hover {
    background-color: var(--main-800) !important;
    border-color: var(--main-800) !important;
    color: #fff !important;
}
.nb-ad {
    position: relative;
    width: 100%;
    height: 240px;
    overflow: hidden;
    border-radius:10px;
    background-color: #fff;
    text-align: center;
    /* flex: modern browsers */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.nb-ad img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    margin: 0 auto;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}
.nb-ad--1{height: 240px;}


@media (max-width: 991px) {
    .nb-ad--1 {height: 202px;}

}
@media (max-width: 575px) {
.nb-ad--1{height: 198px;
    }
}
/* ========================= flash sales End ================================ */
/* ============================= Product Card Css Start ========================== */
.product-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: start;
}
.product-card:hover .product-card__thumb img {
    transform: scale(1.2);
}
@media screen and (max-width: 1499px) {.product-card__cart {
        font-size: 12px;
        padding: 9px 12px !important;
    }}
.product-card__badge {
    border-radius: 16px 0 16px 0;
}
.product-card__thumb {
    height: 232px;
    width: 100%;
    transition: 0s !important;
}
.product-card__thumb img {
    max-width: 160px;
    width: 100%;
    transition: 0.2s linear;
}
.product-card.style-two {
    flex-direction: row;
}
.product-card.style-two .product-card__thumb {
    width: 260px;
    height: 190px;
}
@media screen and (max-width: 991px) {.product-card.style-two .product-card__thumb {
        width: 190px;
    }}
@media screen and (max-width: 575px) {.product-card.style-two .product-card__thumb {
        width: 124px;
    }}
@media screen and (max-width: 1199px) {.product-card__thumb {
        min-height: 160px;
    }
.product-card__thumb img {
        max-width: 120px;
    }
.product-card__content .product-card__price span {
        font-size: 0.75rem !important;
    }
.product-card__content .title .link {
        font-size: 0.875rem;
    }
.product-card__content .text-xs {
        font-size: 0.625rem !important;
    }}
.wishlist-btn-two {
    width: 48px;
    height: 48px;
    border: 1px solid var(--neutral-200);
    color: hsl(var(--heading-color));
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    transition: 0.15s linear;
    position: absolute;
    inset-inline-end: 16px;
    inset-block-start: 16px;
    transform: scale(0.3);
    z-index: 1;
    visibility: hidden;
    opacity: 0;
}
.wishlist-btn-two:hover {
    border-color: var(--main-600);
    color: var(--main-600);
}
.wishlist-btn-two.active {
    visibility: visible;
    opacity: 1;
    transform: scale(1);
    border-color: var(--main-600);
    background-color: var(--main-600);
    color: #fff;
}
.wishlist-btn-two.active:hover {
    background-color: var(--main-700);
}
.group-item:hover .wishlist-btn-two {
    transform: scale(1);
    visibility: visible;
    opacity: 1;
}
/* ============================= Product Card Css End ========================== */
/* ======================= Offer Css Start =========================== */
@media screen and (max-width: 1499px) {
    .offer-card__thumb img {
        max-width: 246px;
        width: 100%;
    }
}
/* ======================= Offer Css End =========================== */
/* ===================================== Vendor Css Start ================================== */
.vendor-card {
    background-color: var(--main-100);
    -webkit-mask-image: url(../images/shape/box-shape2.png);
    mask-image: url(../images/shape/box-shape2.png);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background: #F4F6E6;
    mask-position: top;
    mask-size: 100% 100%;
}
.vendor-card.style-two {
    -webkit-mask-image: url(../images/shape/box-shape3.png);
    mask-image: url(../images/shape/box-shape3.png);
}
.vendor-card__logo {
    max-width: 66px;
}
.vendor-card__item {
    max-width: 64px;
    max-height: 64px;
    aspect-ratio: 1;
    width: 100%;
    height: 100%;
}
.vendor-card .vendor-card__list.style-two .vendor-card__item {
    max-width: 88px;
    max-height: 88px;
    border-radius: 8px !important;
}
.vendor-card .vendor-card__list.style-two .slick-slide {
    margin: 0 4px !important;
}
.vendor-card-wrapper div[class*=col]:nth-child(8n+1) .vendor-card {
    background: #F4F6E6;
}
.vendor-card-wrapper div[class*=col]:nth-child(8n+2) .vendor-card {
    background: #E6F6F6;
}
.vendor-card-wrapper div[class*=col]:nth-child(8n+3) .vendor-card {
    background: #F6E6F6;
}
.vendor-card-wrapper div[class*=col]:nth-child(8n+4) .vendor-card {
    background: #F8EAE4;
}
.vendor-card-wrapper div[class*=col]:nth-child(8n+5) .vendor-card {
    background: #F8EAE4;
}
.vendor-card-wrapper div[class*=col]:nth-child(8n+6) .vendor-card {
    background: #DEE6F3;
}
.vendor-card-wrapper div[class*=col]:nth-child(8n+7) .vendor-card {
    background: #DAF2DB;
}
.vendor-card-wrapper div[class*=col]:nth-child(8n+8) .vendor-card {
    background: #EBF1DA;
}
/* ===================================== Vendor Css End ================================== */
@media (min-width: 768px) {
    .delivery-section {
        margin-bottom: 28px;
    }
}
/* Side-centered arrows — product/card vertical center (desktop + tab + mobile) */
.slide-arrow-center {
    position: relative;
}
.slide-arrow-center .slick-arrow,
.slide-arrow-center .slick-prev,
.slide-arrow-center .slick-next,
.slide-arrow-center:hover .slick-arrow,
.slide-arrow-center:hover .slick-prev,
.slide-arrow-center:hover .slick-next {
    visibility: visible !important;
    opacity: 1 !important;
    margin: 0 !important;
    position: absolute !important;
    top: 50% !important;
    inset-block-start: 50% !important;
    inset-block-end: auto !important;
    transform: translateY(-50%) !important;
    width: 28px;
    height: 28px;
    min-width: 28px;
    font-size: 13px;
    z-index: 5;
    background: #fff !important;
    border: 1px solid rgba(16, 24, 40, 0.1);
    box-shadow: 0 1px 4px rgba(16, 24, 40, 0.08);
    color: #344054;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    pointer-events: auto !important;
}
.slide-arrow-center .slick-arrow.slick-prev,
.slide-arrow-center .slick-prev,
.slide-arrow-center:hover .slick-arrow.slick-prev,
.slide-arrow-center:hover .slick-prev {
    inset-inline-start: 0 !important;
    inset-inline-end: auto !important;
    left: 0 !important;
    right: auto !important;
}
.slide-arrow-center .slick-arrow.slick-next,
.slide-arrow-center .slick-next,
.slide-arrow-center:hover .slick-arrow.slick-next,
.slide-arrow-center:hover .slick-next {
    inset-inline-start: auto !important;
    inset-inline-end: 0 !important;
    left: auto !important;
    right: 0 !important;
}
.slide-arrow-center .slick-arrow:hover,
.slide-arrow-center .slick-prev:hover,
.slide-arrow-center .slick-next:hover {
    background:#cc914c !important;
    border-color:#cc914c !important;
    color: #fff !important;
}
/* NB rails: full card center (JS sets exact px; CSS 50% fallback) */
.nb-rail__track.slide-arrow-center .slick-arrow,
.nb-rail__track.slide-arrow-center .slick-prev,
.nb-rail__track.slide-arrow-center .slick-next,
.nb-rail__track.slide-arrow-center:hover .slick-arrow,
.nb-rail__track.slide-arrow-center:hover .slick-prev,
.nb-rail__track.slide-arrow-center:hover .slick-next {
    top: 50% !important;
    inset-block-start: 50% !important;
    transform: translateY(-50%) !important;
}
@media screen and (max-width: 575px) {.nb-rail__track.slide-arrow-center .slick-arrow,
    .nb-rail__track.slide-arrow-center .slick-prev,
    .nb-rail__track.slide-arrow-center .slick-next,
    .nb-rail__track.slide-arrow-center:hover .slick-arrow,
    .nb-rail__track.slide-arrow-center:hover .slick-prev,
    .nb-rail__track.slide-arrow-center:hover .slick-next {
        width: 26px;
        height: 26px;
        min-width: 26px;
        font-size: 12px;
    }}
.short-product-list.arrow-center {
    position: relative;
    padding-inline: 8px;
}
.short-product-list.arrow-center .slick-arrow,
.short-product-list.arrow-center .slick-prev,
.short-product-list.arrow-center .slick-next {
    visibility: visible !important;
    opacity: 1 !important;
    position: absolute !important;
    top: 50% !important;
    inset-block-start: 50% !important;
    inset-block-end: auto !important;
    transform: translateY(-50%) !important;
    width: 28px;
    height: 28px;
    min-width: 28px;
    font-size: 13px;
    z-index: 5;
    background: #fff !important;
    border: 1px solid rgba(16, 24, 40, 0.1);
    box-shadow: 0 1px 4px rgba(16, 24, 40, 0.08);
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    pointer-events: auto !important;
}
.short-product-list.arrow-center .slick-arrow.slick-prev,
.short-product-list.arrow-center .slick-prev {
    inset-inline-start: -6px !important;
    inset-inline-end: auto !important;
    left: -6px !important;
    right: auto !important;
}
.short-product-list.arrow-center .slick-arrow.slick-next,
.short-product-list.arrow-center .slick-next {
    inset-inline-start: auto !important;
    inset-inline-end: -6px !important;
    left: auto !important;
    right: -6px !important;
}
.short-product-list.arrow-center .slick-arrow:hover,
.short-product-list.arrow-center .slick-prev:hover,
.short-product-list.arrow-center .slick-next:hover {
    background:#cc914c !important;
    border-color:#cc914c !important;
    color: #fff !important;
}
.short-product-list {
    max-height: 400px;
    overflow: hidden;
}
.short-product-list .slick-slide {
    margin: 0 !important;
}
/* ========================= Brand Css End ======================== */
/* Shipping Css Start */
.shipping-item {
    padding: clamp(1.5rem, 0.891rem + 1.268vw, 2rem) clamp(1.5rem, -3.746rem + 6vw, 3.375rem);
}
/* Shipping Css End */
/* ======================= Newsletter Css Start =========================== */
.newsletter-box {
    background-color: #121535;
    padding: 32px clamp(1.5rem, -8.492rem + 13.333vw, 4rem);
}
@media screen and (max-width: 991px) {.newsletter-two__form {
        width: 100% !important;
    }}
/* ======================= Newsletter Css End =========================== */
/* Home Two Css Start */
.color-two:root {
    --main-h: 224;
    --main-s: 71%;
    --main-l: 49%;
}
.font-exo h1,
.font-exo h2,
.font-exo h3,
.font-exo h4,
.font-exo h5,
.font-exo h6 {
    font-family: var(--heading-font-two);
}
.font-exo h1, .font-exo .h1, .font-exo h2, .font-exo .h2, .font-exo h3, .font-exo .h3, .font-exo h4, .font-exo .h4, .font-exo h5, .font-exo .h5, .font-exo h6, .font-exo .h6 {
    font-family: var(--heading-font-two);
}
.font-outfit h1,
.font-outfit h2,
.font-outfit h3,
.font-outfit h4,
.font-outfit h5,
.font-outfit h6 {
    font-family: var(--heading-font-three);
}
.font-outfit h1, .font-outfit .h1, .font-outfit h2, .font-outfit .h2, .font-outfit h3, .font-outfit .h3, .font-outfit h4, .font-outfit .h4, .font-outfit h5, .font-outfit .h5, .font-outfit h6, .font-outfit .h6 {
    font-family: var(--heading-font-three);
}
.banner-item-two-wrapper {
    margin: 32px;
    margin-inline-end: 0;
}
@media screen and (max-width: 991px) {.banner-item-two-wrapper {
        margin-inline-start: 0;
    }}
.banner-item-two__content {
    max-width: 504px;
}
@media screen and (max-width: 991px) {.banner-item-two__content {
        max-width: 362px;
    }}
@media screen and (max-width: 575px) {.banner-item-two__content {
        max-width: 320px;
    }}
@media screen and (max-width: 575px) {.banner-item-two__title {
        font-size: 1.5rem;
    }}
/* ================================= Banner Two Css End ================================= */
/* Week Deals Start  */
.deal-week-box__content {
    padding: clamp(1.5rem, -1.239rem + 5.705vw, 3.75rem) 0;
}
/* Week Deals End  */
/* ============================ trending products css Start =========================== */
.trending-products-three .product-card__thumb {
    height: 330px;
}
.trending-products-box__title {
    max-width: 444px;
    margin: 0 auto;
}
.expand-btn {
    color: var(--neutral-600);
}
.expand-icons {
    display: none;
    flex-direction: column;
}
/* ============================ trending products css End =========================== */
/* =============================== Discount css Start ============================ */
.discount-item {
    padding: clamp(1.5rem, -2.996rem + 6vw, 3rem);
}
.discount-item__content {
    max-width: 320px;
}
.discount-three-item {
    padding: clamp(2rem, -5.911rem + 16.482vw, 8.5rem) clamp(1.5rem, -0.934rem + 5.071vw, 3.5rem);
}
.copied i::before {
    content: "\e1cc" !important;
}
/* =============================== Discount css End ============================ */
/* ====================== Popular Products Start ==================== */
@media screen and (max-width: 767px) {
    .popular-products .product-card {
        flex-direction: column;
    }
}
/*  */
/* ========================== Top Brand Section Start ================================ */
.top-brand__item {
    max-height: 84px;
    max-width: 160px;
    width: 100%;
    aspect-ratio: 1;
}
/* ========================== Top Brand Section End ================================ */
/* ================================ Featured Products Css Start ============================ */
@media screen and (max-width: 424px) {
    .featured-products .product-card {
        flex-direction: column;
    }
}
/* ================================ Featured Products Css End ============================ */
/* ============================= Banner Three Css Start ================================= */
.banner-three {
    background-color: var(--neutral-600);
    padding: 80px 0;
}
@media (width: 991px) {.banner-three {
        padding: 60px 0;
    }}
.animation {
    position: absolute;
    max-width: 10%;
}
.star-shape {
    bottom: 4%;
    inset-inline-start: 5%;
    opacity: 0.3;
}
.star-shape.style-two {
    inset-inline-start: auto;
    bottom: auto;
    top: 10%;
    inset-inline-end: 8%;
}
.line-shape {
    top: 14%;
    left: 58%;
}
.animation-rotate {
    animation: rotation 6s linear infinite;
}
@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(180deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
/* ============================= Banner Three Css End ================================= */
/* ============================== Promotional Banner Three Start ==========================  */
.promo-three-item {
    padding: clamp(2rem, -4.542rem + 13.629vw, 7.375rem) clamp(1.5rem, -1.543rem + 6.339vw, 4rem);
}
/* ============================== Promotional Banner Three End ==========================  */
.js-marquee {
    display: flex;
    gap: 32px;
}
/* ============================== Deals Section Css Start ========================== */
.deals__img {
    transform: translateY(12px);
}
.products-group__list {
    position: absolute;
    left: 35%;
    bottom: 30%;
    z-index: 1;
}
.products-group__list:nth-child(2) {
    bottom: 48%;
    left: 65%;
}
.products-group__list:nth-child(3) {
    bottom: 56%;
    left: 80%;
}
.products-group__list:hover .products-group__card {
    margin-bottom: 0;
    visibility: visible;
    opacity: 1;
}
.products-group__card {
    transform: translateX(-68%) rotate(-10deg);
    margin-bottom: -32px;
    visibility: hidden;
    opacity: 0;
}
/* ============================== Deals Section Css End ========================== */
/* ================================= Testimonials Section Css Start ==================================== */
@media (min-width: 768px) {
    .testimonials-item__desc {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}
@media (min-width: 768px) {.testimonials-slider {
        position: absolute;
        top: 0;
        left: 25.5%;
    }}
@media (max-width: 1299px) {.testimonials-slider {
        left: 34%;
    }}
@media (max-width: 767px) {.testimonials-slider {
        left: 0;
    }}
.testimonials-thumbs {
    overflow: hidden;
}
.testimonials-thumbs__img {
    max-height: 350px;
    height: 100%;
    width: 100%;
    transition: 0.6s linear;
    position: relative;
}
.testimonials-thumbs__img img {
    object-position: top;
}
.testimonials-thumbs__img::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(2deg, #000000e8, transparent);
    visibility: hidden;
    opacity: 0;
    transition: 0.2s linear;
}
.testimonials-thumbs:hover .testimonials-thumbs__img::before, .testimonials-thumbs:hover .testimonials-thumbs__content {
    visibility: visible !important;
    opacity: 1 !important;
}
.testimonials .slick-slider .slick-track {
    display: flex;
    align-items: end;
}
.testimonials .slick-slide.slick-active.slick-current .testimonials-thumbs {
    overflow: unset !important;
}
.testimonials .slick-slide.slick-active.slick-current .testimonials-thumbs__img {
    object-fit: cover;
    max-height: 100%;
}
.testimonials-thumbs-slider .slick-slide {
    height: 630px !important;
}
@media (min-width: 768px) {.testimonials-slider .slick-slide {
        height: 630px !important;
    }}
/* ================================= Testimonials Section Css End ==================================== */
/* ============================ Product Details Css Start ============================= */
.product-details__thumb-slider {
    padding: clamp(3rem, -2.173rem + 10.777vw, 7.25rem);
}
.product-details .slick-initialized.slick-slider .slick-slide > div > div {
    height: 100%;
}
.product-dContent__box, .product-dContent__header {
    padding: 16px 40px;
}
.product-dContent__box {
    padding-top: 48px;
    padding-bottom: 48px;
}
/* ============================ Product Details Css End ============================= */
/* ================================ Shop Page css Start =============================== */
@media (max-width: 479px) {
    .list-grid-btns {
        display: none;
    }
}
.list-grid-wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 24px;
}
@media (min-width: 480px) {.list-view {
        grid-template-columns: repeat(auto-fit, minmax(430px, 1fr));
    }
.list-view .product-card {
        display: flex;
        align-items: center;
        flex-direction: row;
    }
.list-view .product-card__thumb {
        max-width: 200px;
        height: 100% !important;
    }
.list-view .product-card__content {
        margin-top: 0 !important;
        margin-left: 20px;
        flex-grow: 1;
    }}
@media (max-width: 1199px) {.shop-sidebar__box {
        padding: 16px !important;
    }}
@media (max-width: 991px) {.shop-sidebar {
        position: fixed;
        top: 0;
        height: 100vh;
        background-color: #fff;
        z-index: 11;
        left: 0;
        border-radius: 0 !important;
        overflow-y: auto;
        width: 300px;
        border-right: 1px solid var(--gray-100);
        transform: translateX(-100%);
        transition: 0.2s linear;
    }
.shop-sidebar.active {
        transform: translateX(0);
    }
.shop-sidebar__box {
        border-radius: 0 !important;
        border: 0 !important;
    }}
/* ================================ Shop Page css End =============================== */
/* ========================== Cart Page Css Start ============================ */
.table-product__thumb {
    max-width: 150px;
    max-height: 150px;
    width: 100%;
    height: 100%;
    aspect-ratio: 1;
}
.table-product__thumb img {
    max-width: 75px;
}
/* ========================== Cart Page Css End ============================ */
/* ======================= Checkout Css Start ============================= */
.payment-item__content {
    display: none;
}
.payment-item__content::before {
    position: absolute;
    content: "";
    width: 20px;
    height: 14px;
    background-color: var(--main-50);
    left: 32px;
    bottom: calc(100% - 1px);
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}
/* ======================= Checkout Css End ============================= */
/* ========================= Blog Css Start ============================= */
.blog-item {
    margin-bottom: 48px;
}
.blog-item:last-child {
    margin-bottom: 0;
}
/* ========================= Blog Css End ============================= */
.line-wrapper > div {
    position: relative;
}
.line-wrapper > div:last-child::before {
    display: none;
}
.line-wrapper > div::before {
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    right: 0;
    top: 0;
    background: hsl(var(--white)/0.1);
}
@media (max-width: 991px) {.line-wrapper > div::before {
        display: none;
    }}
/* ======================== Vendors Two Page css Start ============================= */
.grid-cols-3 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr !important;
    gap: 24px;
}
@media screen and (max-width: 1199px) {.grid-cols-3 {
        grid-template-columns: 1fr 1fr !important;
    }}
@media screen and (max-width: 575px) {.grid-cols-3 {
        grid-template-columns: 1fr !important;
    }}
.grid-cols-3.list-view {
    grid-template-columns: 1fr 1fr !important;
}
@media screen and (max-width: 1399px) {.grid-cols-3.list-view {
        grid-template-columns: 1fr !important;
    }}
.grid-cols-3-repeat {
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
}
.list-view .vendors-two-item {
    display: flex;
}
/* ======================== Vendors Two Page css End ============================= */
/* ============================== Vendor Two Details Css Start =============================== */
.grid-cols-4 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr !important;
    gap: 24px;
}
@media screen and (max-width: 1399px) {.grid-cols-4 {
        grid-template-columns: 1fr 1fr 1fr !important;
    }}
@media screen and (max-width: 1199px) {.grid-cols-4 {
        grid-template-columns: 1fr 1fr !important;
    }}
@media screen and (max-width: 575px) {.grid-cols-4 {
        grid-template-columns: 1fr !important;
    }}
.grid-cols-4.list-view {
    grid-template-columns: 1fr 1fr !important;
}
@media screen and (max-width: 1399px) {.grid-cols-4.list-view {
        grid-template-columns: 1fr !important;
    }}
.vendor-two-details .shop-sidebar {
    width: 332px;
}
.vendor-two-details__contents {
    flex-grow: 1;
    width: calc(100% - 356px);
}
/* ============================== Vendor Two Details Css End =============================== */

/* ============================== Nature's Basket product rails =============================== */
.nb-rail {
    background:#fff7ed;
}

.nb-rail.pb-16 {
    padding-bottom: 28px !important;
}
.nb-rail__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 18px;
}


.nb-rail__title {
    margin: 0;
    font-size: 22px;
    font-weight: 600;
    color: #26211e;
    position: relative;
    display: inline-block;
    padding-bottom: 10px;
    overflow: hidden;
}

/* Fixed line */
.nb-rail__title::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 80px;
    height: 1px;
    background: #a7a2a3;
}

/* Moving line */
.nb-rail__title::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: -20px;
    width: 20px;
    height: 2px;
    background: #f2a93e;
    animation: nbTitleMove 2s linear infinite;
}

@keyframes nbTitleMove {
    0% {
        left: -20px;
    }

    100% {
        left: 80px;
    }
}





.nb-rail__viewall {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 7px 14px;
    font-size: 12px;
    font-weight:600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #cc914c;
    text-decoration: none;
    background: #fff;
    border: 1px solid #e8c99f;
    border-radius: 6px;
    transition: all 0.2s ease;
}

.nb-rail__viewall:hover {
    color: #fff;
    background: #cc914c;
    border-color: #cc914c;
    text-decoration: none;
    box-shadow: 0 4px 12px rgba(204, 145, 76, 0.20);
}
.nb-rail__track {
    padding-inline: 4px;
}
.nb-rail__track.slide-arrow-center {
    margin-inline: 0;
}
.nb-rail__slider {
    margin: 0 -6px;
}
.nb-rail__slider .slick-track {
    display: flex !important;
    justify-content: flex-start !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    transform: none;
}
.nb-rail__slider .slick-slide {
    height: auto !important;
    display: flex !important;
    float: none;
    padding: 0 6px;
}
.nb-rail__slider .slick-slide > div {
    display: flex;
    width: 100%;
    height: 100%;
}
/*.nb-card {
    width: 100%;
    min-height: 360px;
    height: 100%;
    background: #fff;
    border: 1px solid #e9e0d5;
    border-radius:10px;

    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: 0 4px 16px rgba(16, 24, 40, 0.07);
    transition: none;
    transform: none;
    padding: 10px;
}*/

.nb-card {
    width: 100%;
    /*height: 100%;*/
    min-height: 360px;
    box-sizing: border-box;
    /*margin-bottom: 20px;*/
    background: #fff;
    border: 1px solid #e9e0d5;
    border-radius: 6px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    padding: 10px 10px 0px 10px;
    box-shadow: 0 4px 16px rgba(16, 24, 40, 0.07);
}

.nb-card > a {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.nb-card__body {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.nb-card__add {
    margin-top: auto;
}


.nb-card:hover {
    border-color:#cc914c;
    box-shadow: 0 8px 22px rgba(66, 36, 38, 0.12);
    transform: none;
}
.nb-card__media {
    position: relative;
    display: block;
    /*flex: 0 0 200px;*/
    height:180px;
    min-height: 180px;
    max-height: 180px;
    padding: 0;
    overflow: hidden;
    background: #fff;
    border-radius:6px;




}
.nb-card__media img {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: block;
    max-width: 100%;
    max-height: 100%;

    object-fit: contain;
    object-position: center center;
    transition: none;
    transform: none;

    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    transition: transform 0.4s ease;
}
.nb-card:hover .nb-card__media img {
    transform: scale(1.08);
}

.nb-card__badge {
    position: absolute;
    top: 0px;
    left: 0;
    z-index: 2;
    background:linear-gradient(to right, #b76d16, #df9034);
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.04em;
    padding:4px 8px;
    border-radius:0 0px 20px 0;
    line-height: 1.2;
    box-shadow: 6px 2px 8px rgba(3, 152, 85, 0.25);
}
.nb-card__badge--new {
    background: #DC6803;
    box-shadow: 0 2px 8px rgba(220, 104, 3, 0.25);
}
.nb-card__badge--gourmet {
    background: #054F31;
    box-shadow: 0 2px 8px rgba(5, 79, 49, 0.25);
}
.nb-card__body {
    padding: 10px 0px;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    background: #fff;
    overflow-x: hidden;
    /*border-top: 1px solid #EEF2EF;*/
}

.nb-card__meta {
    margin: 0 0 10px;
    font-size: 12px;
    color: #52606D;
    font-weight: 600;
}
.nb-card__prices {
    display: flex;
    align-items: baseline;
    gap: 8px;
    margin-bottom: 12px;
}
.nb-card__price {
    font-size: 18px;
    font-weight: 800;
    color:#c7700a;
}
.nb-card__mrp {
    font-size:14px;
    color:#606366;
    text-decoration: line-through;
    font-weight: 500;
}

.nb-card__off {
    margin-left: auto;
    padding: 4px 5px;
    font-size: 10px;
    line-height: 1;
    font-weight: 700;
    color: #16834b;
    background: #eaf8f0;
    border-radius: 4px;
    white-space: nowrap;
}


.nb-card__actions {
    margin-top: auto;
    width: 100%;
}
.nb-card__add {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 38px;
    border:1px solid #cc914c;
    border-radius:4px;
    color: #fff;
    background:linear-gradient(135deg,#d1a05c,#b97c3a);
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    transition: none;
    text-transform: uppercase;
}
.nb-card__add:hover {
    background:#b37731;
    color: #fff;
    border-color:#b37731;
}
.nb-card__qty {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 38px;
    border-radius: 0;
    border: 1.5px solid #b7e4c7;
    background: #d1eddd;
    overflow: hidden;
}
.nb-card__qty[hidden] {
    display: none !important;
}
.nb-card__qty-btn {
    width: 38px;
    height: 38px;
    border: 0;
    background: transparent;
    color: #0c622c;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.nb-card__qty-btn:hover {
    background: rgba(12, 98, 44, 0.08);
}
.nb-card__qty-val {
    flex: 1;
    text-align: center;
    color: #0c622c;
    font-size: 14px;
    font-weight: 700;
    min-width: 24px;
}
.nb-card__actions.is-qty .nb-card__add {
    display: none;
}
@media screen and (max-width: 575px) {
.nb-card {min-height: 340px;}


.nb-card__info {
    font-size: 11px;}

.nb-card__media {
        flex: 0 0 118px;
        height: 118px;
        min-height: 118px;
        max-height: 118px;
        padding: 0;
    }
.nb-rail__title {
        font-size: 1.05rem;
    }
}
.nb-card__title {
    margin: 0 0 6px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
    color: #422426;

    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    /*min-height: 36px;*/
}




.nb-card__title a {
    color: inherit;
    text-decoration: none;
}
.nb-card__title:hover {
    color:#cc914c;
}
.nb-card__body p {
    margin: 0 0 10px;
    font-size:14px;
    line-height: 1.5;
    color:#432527;

    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 36px;
}
.nb-card__info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin:0px 0px 10px 0px;
    padding: 7px 10px;
    background: #fbf0e3;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 600;
    color:#47494e;
}

.nb-card__info span {
    white-space: nowrap;
}

.nb-card__info strong {
    color: #1f2937;
}













/* ==================== Shop product list (nonveg) ==================== */
.nb-shop {
    padding: 20px 0 48px;
    /*background: #f7f8f6;*/
}
.nb-shop__breadcrumb {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 16px;
    font-size: 13px;
    color:#b9782d;
}
.nb-shop__breadcrumb a {
    color:#6a5656;
    text-decoration: none;
}
.nb-shop__breadcrumb a:hover {
    text-decoration: underline;
}
.nb-shop__layout {
    display: grid;
    grid-template-columns: 240px minmax(0, 1fr);
    gap: 24px;
    align-items: stretch;
}
.nb-shop__aside {
    min-width: 0;
}
.nb-shop__sidebar {
    position: -webkit-sticky;
    position: sticky;
    top: 56px;
    z-index: 5;
}
.nb-shop__sidebar-inner {
    max-height: calc(100vh - 72px);
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE/Edge */
    padding-right: 0;
}
.nb-shop__sidebar-inner::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none; /* Chrome/Safari */
}
.nb-shop__main {
    min-width: 0;
}
.nb-shop__filter {
    background: #fff;
    border: 1px solid #e8ebe6;
    padding: 16px;
    margin-bottom: 12px;
}


/* HEADING */
.nb-shop__filter-title {
    margin: 0;
    padding: 0;

    display: flex;
    align-items: center;
    justify-content: space-between;

    font-size: 14px;
    font-weight: 700;
    color: #111827;

    cursor: pointer;
}


/* ARROW */
.category-arrow {
    font-size: 14px;
    color:#26211e;
    display: inline-block;
}

/* click/open hone par same arrow UP */
.categories-filter.is-open .category-arrow {
    transform: rotate(180deg);
}



/* CONTENT DEFAULT HIDDEN */
.nb-shop__filter-content {
    display: none;
}


/* CONTENT OPEN */
.categories-filter.is-open .nb-shop__filter-content {
    display: block;
    margin-top: 12px;

    max-height: 230px;
    overflow-y: auto;
}


/* LIST */
.nb-shop__filter-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.nb-shop__filter-list li + li {
    margin-top: 8px;
}

.nb-shop__filter-list a {
    display: flex;
    justify-content: space-between;

    font-size: 14px;
    font-weight: 500;
    color: #46292a;

    text-decoration: none;
}

.nb-shop__filter-list a:hover,
.nb-shop__filter-list a.is-active {
    color: #cc914c;
}

.nb-shop__filter-list a.is-active {
    font-weight: 600;
}


/* SCROLLBAR */
.nb-shop__filter-content::-webkit-scrollbar {
    width: 4px;
}

.nb-shop__filter-content::-webkit-scrollbar-track {
    background: #f5f5f5;
}

.nb-shop__filter-content::-webkit-scrollbar-thumb {
    background: #cc914c;
    border-radius: 10px;
}


















.nb-shop__filter-checks label {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: #4b5563;
    cursor: pointer;
}
.nb-shop__filter-checks input {
    accent-color:#cc914c;
}
.nb-shop__toolbar {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 16px;
}
.nb-shop__heading {
    margin: 0 0 4px;
    font-size: 1.35rem;
    font-weight:600;
    color:#26211e;
}
.nb-shop__count {
    margin: 0;
    font-size: 13px;
    color: #6b7280;
}
.nb-shop__sort {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: #4b5563;
}
.nb-shop__select {
    border: 1px solid #d1d5db;
    background: #fff;
    padding: 8px 12px;
    font-size: 13px;
    color: #111827;
    min-width: 160px;
}
.nb-shop__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
}
.nb-shop__col .nb-card {
    height: 100%;
    background: #fff;
}
.nb-shop__pager {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 28px;
}
.nb-shop__pager a {
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e5e7eb;
    background: #fff;
    color: #374151;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
}
.nb-shop__pager a.is-active,
.nb-shop__pager a:hover {
    border-color:#cc914c;
    color:#cc914c;
}
@media screen and (max-width: 1199px) {
    .nb-shop__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media screen and (max-width: 991px) {
    .nb-shop__layout {
        grid-template-columns: 1fr;
    }
    .nb-shop__sidebar {
        position: static;
    }
    .nb-shop__sidebar-inner {
        max-height: none;
        overflow: visible;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 12px;
    }
    .nb-shop__filter {
        margin-bottom: 0;
    }
    .nb-shop__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media screen and (max-width: 575px) {
    .nb-shop__sidebar-inner {
        grid-template-columns: 1fr;
    }
    .nb-shop__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }
    .nb-shop__heading {
        font-size: 1.15rem;
    }
}

/* ==================== NB Product Details + Lightbox ==================== */
.nb-pdp {
    padding: 20px 0 48px;
    background: #f7f8f6;
}
.nb-pdp__breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
    font-size: 13px;
    color: #6b7280;
}
.nb-pdp__breadcrumb a {
    color:#cc914c;
    text-decoration: none;
}
.nb-pdp__layout {
    display: grid;
    grid-template-columns: minmax(280px, 480px) minmax(0, 1fr);
    gap: 36px;
    align-items: start;
    background: #fff;
    border: 1px solid #e8ebe6;
    padding: 24px;
}
.nb-pdp__gallery {
    position: relative;
    z-index: 5;
}
.nb-pdp__viewer {
    position: relative;
}
.nb-pdp__stage {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1;
    background: #fff;
    border: 1px solid #eef1ee;
    overflow: hidden;
    cursor: crosshair;
    user-select: none;
    display: flex;
    align-items: center;
    justify-content: center;
    height:500px;
}
.nb-pdp__main-img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    object-position: center center;
    display: block;
    pointer-events: none;
}
.nb-pdp__lens {
    position: absolute;
    width: 120px;
    height: 120px;
    border: 1px solid#cc914c;
    background: rgba(3, 152, 85, 0.15);
    pointer-events: none;
    z-index: 3;
    box-sizing: border-box;
}
.nb-pdp__lens[hidden],
.nb-pdp__zoom-pane[hidden] {
    display: none !important;
}
.nb-pdp__zoom-pane {
    position: absolute;
    top: 0;
    left: calc(100% + 18px);
    width: 420px;
    height: 420px;
    background: #fff center / cover no-repeat;
    border: 1px solid #e5e7eb;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);
    z-index: 30;
    pointer-events: none;
}
.nb-pdp__badge {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 2;
    background:#cc914c;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    padding: 4px 8px;
}
.nb-pdp__zoom-hint {
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: 12px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 8px 10px;
    background: rgba(17, 24, 39, 0.7);
    color: #fff;
    font-size: 12px;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.2s ease;
}
.nb-pdp__stage:hover .nb-pdp__zoom-hint {
    opacity: 1;
}
.nb-pdp__stage.is-zooming .nb-pdp__zoom-hint {
    opacity: 0;
}
.nb-pdp__thumbs-wrap {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 12px;
    max-width: 480px;
    width: 100%;
    margin-inline: auto;
}
.nb-pdp__thumbs {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 8px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    min-width: 0;
    flex: 1 1 auto;
}
.nb-pdp__thumbs::-webkit-scrollbar {
    display: none;
}
.nb-pdp__thumb-nav {
    width: 34px;
    height: 34px;
    border: 1px solid #e5e7eb;
    border-radius: 50%;
    background: #fff;
    color: #111827;
    font-size: 16px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}
.nb-pdp__thumb-nav:hover {
    border-color:#cc914c;
    background:#cc914c;
    color: #fff;
}
.nb-pdp__thumb {
    border: 1px solid #e5e7eb;
    background: #fff;
    padding: 4px;
    width: 72px;
    height: 72px;
    min-width: 72px;
    flex: 0 0 72px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.nb-pdp__thumb img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    display: block;
}
.nb-pdp__thumb.is-active,
.nb-pdp__thumb:hover {
    border-color:#cc914c;
}
.nb-pdp__brand {
    margin: 0 0 6px;
    color:#cc914c;
    font-size: 13px;
    font-weight: 600;
}
.nb-pdp__title {
    margin: 0 0 10px;
    font-size: clamp(1.35rem, 1.1rem + 0.8vw, 1.75rem);
    font-weight: 700;
    color: #111827;
    line-height: 1.25;
}
.nb-pdp__rating {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
    font-size: 13px;
    color: #6b7280;
}
.nb-pdp__stars {
    color: #f59e0b;
    letter-spacing: 1px;
}
.nb-pdp__price-row {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 10px;
    margin-bottom: 4px;
}
.nb-pdp__price {
    font-size: 1.75rem;
    font-weight: 800;
    color:#cc914c;
}
.nb-pdp__mrp {
    color: #9ca3af;
    text-decoration: line-through;
    font-size: 1rem;
}
.nb-pdp__save {
    color: #b42318;
    font-size: 13px;
    font-weight: 600;
}
.nb-pdp__tax {
    margin: 0 0 18px;
    font-size: 13px;
    color: #6b7280;
}
.nb-pdp__highlights {
    list-style: none;
    margin: 0 0 20px;
    padding: 0;
    display: grid;
    gap: 8px;
}
.nb-pdp__highlights li {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: #374151;
}
.nb-pdp__highlights .ph {
    color:#cc914c;
    font-size: 18px;
}
.nb-pdp__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px;
}
.nb-pdp__qty {
    display: inline-flex;
    align-items: center;
    border: 1px solid #d1d5db;
    height: 46px;
}
.nb-pdp__qty-btn {
    width: 40px;
    height: 46px;
    border: 0;
    background: #f3f4f6;
    font-size: 18px;
    font-weight: 700;
    cursor: pointer;
}
.nb-pdp__qty-input {
    width: 48px;
    height: 46px;
    border: 0;
    text-align: center;
    font-weight: 700;
    color: #111827;
}
.nb-pdp__add {
    flex: 1;
    min-width: 160px;
    height: 46px;
    border: 1px solid #b7e4c7;
    background: #d1eddd;
    color: #0c622c;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 0.02em;
    cursor: pointer;
}
.nb-pdp__add:hover {
    background: #c1e6d0;
    border-color:#cc914c;
}
.nb-pdp__wish {
    width: 46px;
    height: 46px;
    border: 1px solid #e5e7eb;
    background: #fff;
    color: #6b7280;
    font-size: 20px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.nb-pdp__wish:hover {
    color: #b42318;
    border-color: #fca5a5;
}
.nb-pdp__meta {
    display: grid;
    gap: 8px;
    font-size: 13px;
    color: #6b7280;
}
.nb-pdp__meta div {
    display: flex;
    gap: 8px;
}
.nb-pdp__meta span {
    min-width: 90px;
}
.nb-pdp__meta strong {
    color: #111827;
    font-weight: 600;
}
.nb-pdp__meta a {
    color:#cc914c;
    text-decoration: none;
}
.nb-pdp__meta .is-instock {
    color:#cc914c;
}
.nb-pdp__tabs {
    margin-top: 24px;
    background: #fff;
    border: 1px solid #e8ebe6;
}
.nb-pdp__tablist {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #eef1ee;
}
.nb-pdp__tab {
    border: 0;
    background: transparent;
    padding: 14px 18px;
    font-size: 14px;
    font-weight: 600;
    color: #6b7280;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    margin-bottom: -1px;
}
.nb-pdp__tab.is-active {
    color:#cc914c;
    border-bottom-color:#cc914c;
}
.nb-pdp__panel {
    padding: 18px;
    font-size: 14px;
    color: #4b5563;
    line-height: 1.65;
}
.nb-pdp__panel ul {
    margin: 0;
    padding-left: 18px;
}

/* Lightbox — always fullscreen, white */
body.nb-lb-open {
    overflow: hidden;
}
.nb-lb[hidden] {
    display: none !important;
}
.nb-lb {
    position: fixed;
    inset: 0;
    z-index: 10050;
    background: #fff;
}
.nb-lb__dialog {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
    background: #fff;
    color: #111827;
}
.nb-lb__toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 16px;
    background: #fff;
    border-bottom: 1px solid #eef1ee;
    flex-shrink: 0;
}
.nb-lb__counter {
    font-size: 14px;
    font-weight: 600;
    color: #374151;
}
.nb-lb__tools {
    display: flex;
    gap: 6px;
}
.nb-lb__tool {
    width: 40px;
    height: 40px;
    border: 0;
    border-radius: 4px;
    background: #f3f4f6;
    color: #111827;
    font-size: 18px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.nb-lb__tool:hover,
.nb-lb__tool--close:hover {
    background:#cc914c;
    color: #fff;
}
.nb-lb__stage {
    flex: 1;
    min-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: #fff;
    padding: 12px 72px;
}
.nb-lb__stage.is-zoomed {
    cursor: grab;
}
.nb-lb__stage.is-dragging {
    cursor: grabbing;
}
.nb-lb__stage img {
    max-width: min(1100px, 92%);
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    margin: 0 auto;
    display: block;
    transform: scale(1);
    transition: transform 0.15s ease;
    user-select: none;
    -webkit-user-drag: none;
}
.nb-lb__nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    width: 48px;
    height: 48px;
    border: 1px solid #e5e7eb;
    border-radius: 50%;
    background: #fff;
    color: #111827;
    font-size: 22px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.08);
}
.nb-lb__nav:hover {
    background:#cc914c;
    border-color:#cc914c;
    color: #fff;
}
.nb-lb__nav--prev {
    left: 16px;
}
.nb-lb__nav--next {
    right: 16px;
}
.nb-lb__thumbs-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 12px 16px;
    background: #fff;
    border-top: 1px solid #eef1ee;
    flex-shrink: 0;
    width: 100%;
    box-sizing: border-box;
}
.nb-lb__thumbs {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 8px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    max-width: 100%;
    min-width: 0;
    flex: 1 1 auto;
    padding: 2px 0;
}
.nb-lb__thumbs::-webkit-scrollbar {
    display: none;
}
.nb-lb__thumb-nav {
    width: 36px;
    height: 36px;
    border: 1px solid #e5e7eb;
    border-radius: 50%;
    background: #fff;
    color: #111827;
    font-size: 16px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}
.nb-lb__thumb-nav:hover {
    background:#cc914c;
    border-color:#cc914c;
    color: #fff;
}
.nb-lb__thumb {
    width: 64px;
    height: 64px;
    min-width: 64px;
    flex: 0 0 64px;
    border: 2px solid #e5e7eb;
    background: #f9fafb;
    padding: 2px;
    cursor: pointer;
}
.nb-lb__thumb img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}
.nb-lb__thumb.is-active,
.nb-lb__thumb:hover {
    border-color:#cc914c;
}
@media screen and (max-width: 1199px) {
    .nb-pdp__zoom-pane,
    .nb-pdp__lens {
        display: none !important;
    }
    .nb-pdp__stage {
        cursor: zoom-in;
    }
}
@media screen and (max-width: 991px) {
    .nb-pdp__gallery {
    margin-bottom: 50px;
}
    .nb-pdp__layout {
        grid-template-columns: 1fr;
        padding: 16px;
        gap: 20px;
        display: block;
    }
    .nb-lb__stage {
        padding: 12px 56px;
    }
    .nb-lb__nav--prev {
        left: 8px;
    }
    .nb-lb__nav--next {
        right: 8px;
    }
}
@media screen and (max-width: 575px) {
    .nb-pdp__actions {
        flex-direction: column;
    }
    .nb-pdp__add,
    .nb-pdp__qty,
    .nb-pdp__wish {
        width: 100%;
    }
    .nb-lb__thumbs-wrap {
        gap: 6px;
        padding: 8px 8px 12px;
    }
    .nb-lb__thumb-nav {
        width: 32px;
        height: 32px;
        font-size: 14px;
    }
    .nb-lb__thumb {
        width: 52px;
        height: 52px;
        min-width: 52px;
        flex: 0 0 52px;
    }
    .nb-lb__stage {
        padding: 8px 48px;
    }
}



 .mobile-menu__logo img{max-width:200px;}

.favourite-heart {
    position: absolute;
    bottom: 6px;
    left: 6px;
    z-index: 5;

    width:28px;
    height:28px;

    display: flex;
    align-items: center;
    justify-content: center;

    background:#ff8900;
    border-radius: 50%;
    color: #fff;
    font-size: 16px;

    box-shadow: 0 3px 10px rgba(66, 36, 38, 0.12);
    cursor: pointer;
}




/*add-css*/
.nvxAds-track {
    position: relative;
}

.nvxAds-slider {
    width: 100%;
}

.nvxAds-slide {
    padding: 0 8px;
}

.nvxAds-slide img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 8px;
}

.nvxAds-prev,
.nvxAds-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;

    width: 32px;
    height: 32px;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 0;
    border-radius: 50%;
    background: #fff;
    color: #422426;

    cursor: pointer;
    box-shadow: 0 3px 12px rgba(0,0,0,.15);
}

.nvxAds-prev {
    left: 0px;
}

.nvxAds-next {
    right: 0px;
}

.nvxAds-prev:hover,
.nvxAds-next:hover {
    background: #cc914c;
    color: #fff;
}



/*==============================================================*/
/* .nb-how-order {
    padding: 60px 0;
    background: #fff1e2;
}
*/
.nb-how-order {  padding: 60px 0;
    position: relative;
    overflow: hidden;
    background:#442324 url("https://b.zmtcdn.com/data/o2_assets/901001826baf04838b1bf505176ff0b11742453501.png") no-repeat;
    background-position: left center;
    background-size: auto 100%;
    border-top: 1px solid #f3dfc6;
    margin-top: 40px;
}


.nb-how-order__head {
    max-width: 620px;
    margin: 0 auto 40px;
    text-align: center;
}

.nb-how-order__eyebrow {
    display: inline-block;
    margin-bottom: 8px;
    padding: 5px 12px;
    color: #fff;
    background: #cc914c;
    border-radius: 30px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.nb-how-order__title {
    margin: 0 0 8px;
    color: #fff;
    font-size:50px;
    font-weight: 800;
}

.nb-how-order__subtitle {
    margin: 0;
    color:#cd9956;
    font-size:20px;
    line-height: 1.7;
    font-style: italic;
}


/* Card */

.nb-order-card {
    position: relative;
    height: 100%;
    padding: 26px 24px 28px;
    overflow: hidden;

    background: #fff;
    border: 0;
    border-radius: 16px;

    box-shadow: 0 8px 28px rgba(66, 36, 38, .10);
    transition: all .3s ease;
    z-index: 1;
}

/* Top Right Shape */
.nb-order-card::before {
    content: "";
    position: absolute;
    width: 180px;
    height: 180px;
    top: -90px;
    right: -70px;

    background: #f6d09e;
    border-radius: 50%;

    z-index: -1;
    transition: .4s ease;
}




/* Hover */
.nb-order-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 15px 35px rgba(66, 36, 38, .15);
}





.nb-order-card__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 22px;
}


/* Number */

.nb-order-card__number {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width:80px;
    height:80px;

    color: #fff;
    background: #f28c28;
    border-radius: 50%;

    font-size:40px;
    font-weight: 800;
}

.nb-order-card:nth-child(2) .nb-order-card__number {
    background: #e05252;
}

.nb-order-card:nth-child(3) .nb-order-card__number {
    background: #35a66f;
}


/* Icon */

.nb-order-card__icon {
    width: 58px;
    height: 58px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 15px;

    font-size: 27px;
}

.nb-order-card:nth-child(1) .nb-order-card__icon {
    color: #f28c28;
    background: #fff1df;
}

.nb-order-card:nth-child(2) .nb-order-card__icon {
    color: #e05252;
    background: #ffebeb;
}

.nb-order-card:nth-child(3) .nb-order-card__icon {
    color: #35a66f;
    background: #e7f8ef;
}


/* Content */

.nb-order-card__body h5 {
    margin: 0 0 10px;
    color: #422426;
    font-size:26px;
    font-weight: 700;
}

.nb-order-card__body p {
        margin: 0;
    color:#201e1e;
    font-size: 20px;
    line-height: 30px;
}


/* Mobile */

@media (max-width: 767px) {

    .nb-how-order {
        padding: 45px 0;
    }

    .nb-how-order__title {
        font-size: 25px;
    }

    .nb-order-card {
        padding: 22px 20px 25px;
    }

}


@media screen and (max-width:575px) {

.nb-card__title{font-size: 13px;}

.nb-card__body p{font-size: 12px; line-height: 1.5;}

.nb-card__price { font-size: 14px;}
.nb-card__add { height: 32px;}
.nb-card__mrp {font-size: 12px;}
.nb-card__info span { font-weight: 500;}
.nb-card__add { font-size: 11px;}


.favourite-heart {
    top: 10px;
    right: 2px;
    width: 26px;
    height: 26px;
    font-size: 14px;
}

.nb-card { padding: 5px 5px 0px 5px;}
.nb-card__badge { font-size: 12px;}
.mobile-serch{margin: 10px 0px;}

.header-top__ticker-item {font-size: 12px;}
.header-top__link {
    font-size: 11px;
    font-weight: 600;
}
 .header-middle.header-middle--nb .header-middle__search-btn {
    flex-shrink: 0;
    height: 36px;
    padding: 0 15px;}
.header-middle.header-middle--nb .header-middle__search-input {
    height: 36px !important;  }
.header-middle.header-middle--nb .header-middle__search-input {
    height:36px;
    padding-inline-start: 37px !important;
    padding-inline-end: 12px !important;}

}

/*===================amit==================*/

.pac-container.pac-logo {
    z-index: 9999 !important;
}


/*=======================cart drop down==========================*/

.cart-wrapper {
    position: relative;
}

.cart-wrapper .shopping-cart {
    position: absolute;
    top: 100%;
    right: 0;
    width: 380px;
    min-width: 380px;
    background: #fff;
    border: 1px solid #eee3d8;
    border-radius: 14px;
    padding: 0;
    margin: 0;
    z-index: 9999;
    box-shadow:
        0 15px 40px rgba(70, 41, 42, 0.14),
        0 4px 12px rgba(70, 41, 42, 0.06);
    overflow: hidden;
    display: none;
}

.cart-wrapper:hover .shopping-cart {
    display: block;
}


/* TOP HEADER */
.shopping-cart .shopping-cart-header {
    width: 100%;
    padding: 17px 20px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    background: #fffaf5;
    border-bottom: 1px solid #eee3d8;
}

.shopping-cart .shopping-cart-header .cart-icon {
    width: 38px;
    height: 38px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #fff0dc;
    color: #8b551a;

    border-radius: 50%;
    font-size: 20px;
}

.shopping-cart .shopping-cart-header .shopping-cart-total {
    float: none;

    color: #46292a;
    font-size: 14px;
    font-weight: 600;
}

.shopping-cart .lighter-text {
    color:#838383;
}

.shopping-cart .main-color-text {
    color: #c7700a;
    font-size: 18px;
    font-weight: 600;
}


/* CART ITEMS */
.shopping-cart .shopping-cart-items {
    width: 100%;
    max-height: 260px;

    margin: 0;
    padding: 15px 18px;

    overflow-y: auto;
    display: block;
}


/* ITEM */
.shopping-cart .shopping-cart-items li {
    width: 100%;
    min-height: 72px;
    margin: 0 0 14px;
    padding: 0 0 14px;

    display: grid;
    grid-template-columns: 62px minmax(0, 1fr);
    column-gap: 12px;

    position: relative;

    border-bottom: 1px solid #f0ebe5;
}

.shopping-cart .shopping-cart-items li:last-child {
    margin-bottom: 0;
}


/* =========================================
   IMAGE - FIXED LEFT AREA
========================================= */

.shopping-cart .shopping-cart-items img {
    width: 62px;
    height: 62px;
    min-width: 62px;
    max-width: 62px;
    max-height: 62px;

    margin: 0;

    grid-column: 1;
    grid-row: 1 / span 3;

    border-radius:0px;
    object-fit: contain;

    background: #fff;
    border: 1px solid #eee3d8;
}


/* =========================================
   PRODUCT NAME - RIGHT SIDE
========================================= */

.shopping-cart .shopping-cart-items .item-name {
    display: block;

    grid-column: 2;

    width: 100%;

    padding: 2px 35px 0 0;
    margin: 0 0 5px;

    color:#242424;

    font-size: 13px;
    line-height: 18px;
    font-weight: 600;

    text-align: left;

    overflow-wrap: break-word;
}


/* =========================================
   PRICE + QUANTITY SAME LINE
========================================= */

.shopping-cart .shopping-cart-items .item-price {
    display: inline-block;

    grid-column: 2;

    margin: 0 10px 0 0;

    color:#c7700a;

    font-size: 14px;
    font-weight: 700;

    white-space: nowrap;
}

.shopping-cart-items .item-price i {
    margin-right: 3px; font-weight: 600;
}


.shopping-cart .shopping-cart-items .item-quantity {
    display: inline-block;

    grid-column: 2;

    margin: 0;

    color: #999;

    font-size: 12px;

    white-space: nowrap;
}


/* =========================================
   REMOVE BUTTON - RIGHT TOP
========================================= */

.shopping-cart .shopping-cart-items .item-remove {
    position: absolute;

    top: 0;
    right: 0;

    margin: 0;
}


.deleteCartItem {
    width: 30px;
    height: 30px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #d64545 !important;

    background: #fff1f1;

    border-radius: 50%;

    font-size: 14px;

    transition: none;
}

/* ================================
   CART ACTIONS
================================ */

.previewCartAction {
    width: 100%;

    margin: 0;
    padding: 15px 18px 18px;

    display: flex;
    gap: 10px;

    border-top: 1px solid #eee3d8;
    background: #fff;
}

.previewCartAction-checkout,
.previewCartAction-viewCart {
    width: 50%;
    padding: 0;
    float: none;
}


/* BUTTONS */
.previewCartAction-checkout .button,
.previewCartAction-viewCart .button1 {
    width: 100%;

    display: block;

    padding: 11px 12px;

    text-align: center;
    text-decoration: none;

    border-radius: 8px;

    font-size: 13px;
    font-weight: 600;
}


/* CHECKOUT */
.previewCartAction-checkout .button {
    background: #8b551a;
    border: 1px solid #8b551a;
    color: #fff;
}


/* VIEW CART */
.previewCartAction-viewCart .button1 {
    background: #fff;
    border: 1px solid #cc914c;
    color: #8b551a;
}


/* EMPTY CART */
.previewCartAction.noProductIncart {
    text-align: center;
    padding: 25px 15px;
}

.previewCartAction.noProductIncart h3 {
    margin: 0;

    color: #46292a;

    font-size: 15px;
    font-weight: 600;
}


/* SHOW ON HOVER */
.cart-wrapper:hover .shopping-cart {
    display: block;
}


/* MOBILE */
@media (max-width: 575px) {
    .cart-wrapper .shopping-cart {
        width: 320px;
        min-width: 320px;
        right: -10px;
    }
}
/*=====================cart-drop-down =====================end*/




.cart-wrapper:hover .shopping-cart {
    display: block;
}
.profile-wrapper {
    position: relative;
}
.customer-profile-image {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    object-fit: cover;
}
.profile-menu {
    position: absolute;
    top: calc(100% + 15px);
    right: 0;
    z-index: 9999;
    width: 200px;
    padding: 10px 0;
    margin: 0;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    visibility: hidden;
    opacity: 0;
    transform: translateY(8px);
    transition: 0.2s ease;
}
.profile-wrapper:hover .profile-menu {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}
.profile-menu li a {
    display: block;
    padding: 10px 16px;
    color: #333;
    text-decoration: none;
}
.profile-menu li a:hover {
    color: var(--main-600);
    background-color: #f5f5f5;
}
.account-name-after-login {
    border-bottom: 1px solid #eee;
    font-weight: 600;
}
/* Home video rail */
.home-videos {
    position: relative;
    padding: 55px 0;
    margin-bottom: 40px;
    overflow: hidden;

    background:
        /* subtle grid */
        linear-gradient(
            rgba(139, 85, 26, 0.055) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(139, 85, 26, 0.055) 1px,
            transparent 1px
        ),

        /* golden glow */
        radial-gradient(
            circle at 12% 18%,
            rgba(204, 145, 76, 0.30),
            transparent 28%
        ),

        /* peach/terracotta glow */
        radial-gradient(
            circle at 88% 75%,
            rgba(205, 125, 91, 0.20),
            transparent 32%
        ),

        /* main background */
        linear-gradient(
            135deg,
            #fffdf8 0%,
            #fff4e6 42%,
            #f8dfc8 72%,
            #f2d1bd 100%
        );

    background-size:
        42px 42px,
        42px 42px,
        auto,
        auto,
        auto;
    border-bottom: 1px solid #fde4d2;
        border-top: 1px solid #fde4d2;




}

 .home-videos::after {
    content: "";
    position: absolute;

    width: 240px;
    height: 240px;

    left: -100px;
    bottom: -130px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(205, 125, 91, 0.18) 0%,
            rgba(205, 125, 91, 0.08) 45%,
            transparent 72%
        );

    pointer-events: none;
}


.home-videos__heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 22px;
}
.home-videos__eyebrow {
    display: block;
    margin-bottom: 5px;
    color: var(--nb-primary-dark);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}
.home-videos__heading h3 {
    margin: 0;
    color: var(--nb-ink);
    font-family: var(--heading-font-three);
    font-size: clamp(1.5rem, 1.2rem + 0.8vw, 2rem);
    font-weight: 700;
}
.home-videos__view {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--nb-primary-dark);
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}
.home-videos__view:hover {
    color: var(--nb-primary-darker);
}
.home-videos__track {
    padding: 0 0px;
}
.home-videos__carousel {
    margin: 0 0px;
}
.home-videos__item {
    padding:0 5px;
}
.home-videos__card {
    overflow: hidden;
    height: 100%;
    border:1px solid #e9e0d5;
    border-radius: 6px;
    background: #fff;
    box-shadow:0 4px 12px rgba(0, 0, 0, 0.08);
}
.home-videos__media {
    position: relative;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #fff;
    padding: 5px;
}
.home-videos__media iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
}
.home-videos__card .item-box-dec {
    min-height: 58px;
    padding: 13px 15px 15px;
}
.home-videos__title {
    display: block;
    width: 100%;

    margin: 0;

    color: #26211e;
    font-family: var(--heading-font-three);
    font-size: 16px;
    line-height: 1.3;
    font-weight: 600;

    text-align: center;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.home-videos__track .slick-arrow {
    z-index: 2;
    top: 50%;
    width: 32px;
    height: 32px;
    border:1px solid #eee;
    background: #fff;
    color:#333;
    box-shadow:0 2px 6px rgba(0,0,0,.08);
    transform: translateY(-50%);
    position: absolute;
}
.home-videos__track .slick-arrow:hover {
    border-color:#cc914c;
    background: #cc914c;
    color: #fff;
}
.home-videos__track .slick-prev {
    left: 0;
}
.home-videos__track .slick-next {
    right: 0;
}
 @media (max-width: 575px) {
.home-videos {
    padding: 32px 0 38px;
}
.home-videos__heading {
    align-items: center;
}
.home-videos__track {
    padding: 0 34px;
}
.home-videos__track .slick-arrow {
    width: 32px;
    height: 32px;
}
}
.nb-rail__heading-wrap {
  display: flex;
  flex-direction: column;
}

.nb-rail__subtitle {
    font-size:18px;
    color:#8b5313;
    margin-bottom: 5px;
}

/*==========9-9-26==============*/

.store-section-outer {padding: 50px 0px;}

.store-box {
    width: 100%;
    /*height:375px;*/
    background: #fff;
    overflow: hidden;
    position: relative;
    border-radius: 6px;
    border: 1px solid #e9e0d5;
    padding: 10px 10px 0px 10px;
    box-shadow: 0 4px 16px rgba(16, 24, 40, 0.07);
    margin-bottom: 25px;
}

/*.store-box.active {
    border: 2px solid #cc914c;
    box-shadow: 0 6px 20px rgba(204, 145, 76, 0.25);
}

.store-box.active .store-item-box-dec h4 {
    color: #8b551a;
    font-weight: 700;
}*/

.store-box.active {
    border-color: #cc914c;
    box-shadow: 0 8px 22px rgba(204, 145, 76, 0.18);
}

.store-box.active::before {
    content: "✓";

    position: absolute;
    top: 0px;
    right: 0px;

    width: 24px;
    height: 24px;

    display: flex;
    align-items: center;
    justify-content: center;

    background:#167e03;
    color: #fff;

    border: 2px solid #fff;
    border-radius: 4px;

    font-size: 14px;
    font-weight: 700;

    box-shadow: 0 2px 8px rgba(70, 41, 42, 0.20);

    z-index: 5;
}
.store-box.active .store-item-box-dec h4 {
    color: #8b551a;
    font-weight: 700;
}



/* IMAGE AREA */
.store-thumbnail {
    width: 100%;
    height: 290px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: #fff;

}

/* DYNAMIC IMAGE */
.store-thumbnail img {
    display: block;

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

    width: auto;
    height: auto;

    object-fit: contain;
    transition: transform 0.4s ease;
}

/* ONLY IMAGE ZOOM */
.store-box:hover .store-thumbnail img {
    transform: scale(1.12);
}


/* STORE NAME */
.store-item-box-dec {
    height: 50px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 0 15px;
    background: #fff;
}

.store-item-box-dec h4 {
    margin: 0;

    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;

    text-align: center;
    color: #46292a;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media (max-width: 768px) {
    .store-thumbnail {
        height: 214px;
    }
}

@media (max-width: 575px) {
    .store-thumbnail {
        height: 140px;
    }

.store-item-box-dec h4 {
    margin: 0;
    font-size: 14px;}


}


/* ==============================11/9/2026============================ */

#display {
    background-color: #ffffff;
    position: absolute;
    z-index: 999;
    width: 100%;
    max-height: 300px;
    overflow-y: auto;
    top: 46px;
    text-align: left;
    /* border: 1px solid #cc914c; */
}

#display .display_box {
    cursor: pointer;
    line-height: 23px;
    padding: 2px 20px;
    font-size: 14px;
}

.searching-form{
    position: relative;
}





/* Category listing: scoped to the page using layouts2.master. */
.nve-listing { padding: 12px 0 24px; color:#15151b; background:#fff; font-family:Arial,sans-serif; }
.nve-listing > .container-fluid { max-width:1440px; padding:0 24px; margin:auto; }
.nve-listing .listing-hero { position:relative; display:flex; align-items:center; justify-content:space-between; isolation:isolate; min-height:104px; overflow:hidden; border-radius:7px; background:linear-gradient(100deg,#fff 20%,#f6ede0 65%,#e8d2b8); margin-bottom:10px; }
.nve-listing .listing-hero-copy { position:relative; z-index:2; padding:4px 0 10px; }
.nve-listing .listing-breadcrumb { display:flex; align-items:center; gap:12px; font-size:12px; margin-bottom:14px; }
.nve-listing .listing-breadcrumb a { display:flex; align-items:center; gap:10px; color:#656568; }
.nve-listing .listing-breadcrumb i { font-size:15px; }
.nve-listing .listing-hero h1 { font-family:inherit; font-size:29px; color:#111; font-weight:700; margin:0 0 5px; line-height:1.15; }
.nve-listing .listing-hero p { color:#4d4d54; font-size:14px; margin:0; }
.nve-listing .listing-hero-image { position:absolute; z-index:0; right:24%; top:0; width:33%; height:100%; object-fit:cover; object-position:center; mask-image:linear-gradient(90deg,transparent,#000 25%,#000 75%,transparent); }
.nve-listing .listing-hero-message { z-index:1; text-align:center; padding:10px 35px; color:#513216; }
.nve-listing .listing-hero-message strong { display:block; font-size:26px; line-height:1.05; }
.nve-listing .listing-hero-message span { display:block; font-size:10px; margin-top:6px; }
.nve-listing > .container-fluid > .row { display:grid; grid-template-columns:260px minmax(0,1fr); gap:12px; margin:0; align-items:start; }
.nve-listing .sidebar__inner { width:100%; padding:16px; border:1px solid #e9e9eb; border-radius:7px; background:#fff; }
.nve-listing .filter > h6:first-child { font-family:inherit; display:flex; align-items:center; gap:8px; width:100%; color:#151515; font-size:17px; font-weight:700; padding:0 0 12px; margin:0; border-bottom:1px solid #ededee; }
.nve-listing .filter > h6:not(:first-child), .nve-listing #account-btn { display:none; }
.nve-listing .clearall { margin-left:auto; display:block !important; }
.nve-listing #clear_all { display:block !important; color:#96530d; text-decoration:underline; font-size:12px; font-weight:600; }
.nve-listing #mobile-show { display:block; }
.nve-listing .sidebar-box { border-bottom:1px solid #ededee; padding:11px 0; }
.nve-listing .sidebar-box:last-child { border:0; padding-bottom:0; }
.nve-listing .box-title h5 { font-family:inherit; font-size:13px; font-weight:700; color:#171717; margin:0 0 9px; display:flex; justify-content:space-between; }
.nve-listing .box-title h5[data-toggle] { cursor:pointer; }
.nve-listing .fa-angle-down::before { content:'⌄'; font-family:Arial,sans-serif; font-style:normal; }
.nve-listing .category-list { list-style:none; padding:0; margin:0; }
.nve-listing .category-list li { padding:0; margin:0 0 5px; font-size:12px; line-height:1.3; }
.nve-listing .category-list a { color:#303037; display:flex; align-items:center; gap:10px; }
.nve-listing #rootCat2 a::before { content:''; display:inline-block; width:13px; height:13px; border:1px solid #b8bac0; border-radius:2px; flex-shrink:0; }
.nve-listing .category-list a:hover { color:#ae6a20; }
.nve-listing .category-list label { display:flex; align-items:center; gap:10px; cursor:pointer; font-weight:400; color:#303037; }
.nve-listing .category-list input { appearance:auto; position:static; opacity:1; width:14px; height:14px; margin:0; accent-color:#fa111b; }
.nve-listing .wrapper { margin:0; }
.nve-listing .sliders_step1 { padding:7px 7px 13px; }
.nve-listing #slider-range { height:5px; border:0; background:#e5e5e7; border-radius:6px; }
.nve-listing #slider-range .ui-slider-range { background:#e5e5e7; }
.nve-listing #slider-range .ui-slider-handle { width:13px; height:13px; top:-4px; border:0; border-radius:50%; background:#ff121c; cursor:ew-resize; }
.nve-listing #time-range { display:flex; margin:0 -5px; }
.nve-listing #time-range > div { width:50%; padding:0 5px; }
.nve-listing #time-range span { display:block; background:#f1f1f2; color:#494950; font-size:12px; text-align:center; padding:6px; border-radius:3px; }
.nve-listing #time-range span::before { content:'₹ '; }
.nve-listing .listing-results { width:100%; min-width:0; padding:0; }
.nve-listing .listing-benefits { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); padding:12px 16px; background:#fbf5ed; border-radius:6px; box-shadow:0 2px 4px #00000008; gap:12px; margin-bottom:14px; }
.nve-listing .listing-benefits > div { display:flex; align-items:center; gap:9px; }
.nve-listing .listing-benefits i { font-size:29px; color:#b66a1b; flex-shrink:0; }
.nve-listing .listing-benefits strong { font-size:11px; display:block; line-height:1.4; }
.nve-listing .listing-benefits small { font-size:10px; color:#5a5551; display:block; line-height:1.5; }
.nve-listing .listing-toolbar { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:12px; }
.nve-listing .listing-tabs { display:flex; align-items:center; border:1px solid #eeeeef; border-radius:25px; overflow:hidden; }
.nve-listing .listing-tab { background:none; border:0; padding:8px 24px; color:#646467; font-size:14px; border-radius:25px; white-space:nowrap; line-height:1.3; }
.nve-listing .listing-tab.is-active { background:linear-gradient(110deg,#a55e14,#bd7b2f); color:#fff; font-weight:600; }
.nve-listing .listing-tab:hover { color:#9e5e1e; background:#fcf2e7; }
.nve-listing .listing-tab.is-active:hover { color:#fff; background:#a55e14; }
.nve-listing .listing-count { font-size:12px; color:#9c6025; }
.nve-listing .product-listing { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:10px; list-style:none; padding:0; margin:0; }
.nve-listing .product-listing > li { width:100%; padding:0; margin:0; min-width:0; }
.nve-listing .item-box { position:relative; display:flex; flex-direction:column; height:100%; padding:6px; border:1px solid #e8e8e8; border-radius:7px; box-shadow:0 2px 4px #00000008; background:#fff; }
.nve-listing .thumbnail { position:relative; margin:0; padding:0; border:0; border-radius:5px; }
.nve-listing .thumbnail > a { display:block; }
.nve-listing .thumbnail img { display:block; width:100%; height:115px; object-fit:cover; border-radius:5px; }
.nve-listing .heartshape { position:absolute; right:5px; top:5px; }
.nve-listing .heartshape a { display:flex; align-items:center; justify-content:center; background:white; color:#ee0d19; width:27px; height:27px; border-radius:50%; }
.nve-listing .heartshape i { font-size:0; }
.nve-listing .heartshape i::before { content:'♡'; font-family:Arial,sans-serif; font-size:25px; font-style:normal; line-height:1; }
.nve-listing .heartshape i.fa-heart::before { content:'♥'; font-size:21px; }
.nve-listing .item-box-dec { display:flex; flex-direction:column; flex:1; padding:9px 2px 2px; min-width:0; }
.nve-listing .item-box-dec h4 { font-family:inherit; font-size:11px; line-height:1.35; font-weight:700; margin:0 0 7px; }
.nve-listing .item-box-dec h4 a { color:#251b17; }
.nve-listing .shortdesc_prd, .nve-listing .prdtslot, .nve-listing .offer { display:none; }
.nve-listing .nopeacs { display:flex; flex-wrap:wrap; gap:3px; list-style:none; margin:0 0 7px; padding:0; }
.nve-listing .nopeacs li { font-size:10px; color:#626267; line-height:1.4; }
.nve-listing .nopeacs li:empty { display:none; }
.nve-listing .nopeacs li:first-child:not(:empty) { color:#864916; }
.nve-listing .addtocart-btm-btn { margin-top:auto; }
.nve-listing .addtocart-btm-btn > .row { display:flex; flex-direction:column; gap:9px; margin:0; }
.nve-listing .addtocart-btm-btn > .row > div { width:100%; padding:0; }
.nve-listing .price { display:flex; flex-wrap:wrap; align-items:center; gap:3px; font-size:16px; line-height:1.2; color:#ff0815; font-weight:700; }
.nve-listing .price em, .nve-listing .price i { font-style:normal; }
.nve-listing .price del { color:#939393; font-size:11px; font-weight:400; margin-left:4px; }
.nve-listing .fa-inr::before { content:'₹'; font-family:Arial,sans-serif; font-style:normal; }
.nve-listing .addTocart, .nve-listing .outofStockbtn { display:flex; align-items:center; justify-content:center; gap:5px; width:100%; padding:8px 3px; min-height:31px; border:0; border-radius:4px; color:#fff; background:linear-gradient(110deg,#ad6920,#cb8b42); font-family:inherit; font-size:10px; font-weight:600; text-transform:uppercase; white-space:nowrap; }
.nve-listing .addTocart i { font-size:15px; }
.nve-listing .addTocart:hover { background:#9d5e1e; }
.nve-listing .outofStockbtn { background:#eee; color:#888; }
.nve-listing .pagination { gap:5px; justify-content:center; margin:22px 0 0; }
.nve-listing .pagination a, .nve-listing .pagination span { border-radius:4px; }
.nve-listing .listing-empty { text-align:center; padding:48px 20px; border:1px solid #eee; border-radius:7px; color:#666; }
.nve-listing a:focus-visible, .nve-listing button:focus-visible { outline:2px solid #a96822; outline-offset:3px; }
@media (max-width:1250px) {
.nve-listing > .container-fluid > .row { grid-template-columns:220px minmax(0,1fr); }
.nve-listing .product-listing { grid-template-columns:repeat(4,minmax(0,1fr)); }
.nve-listing .listing-benefits { grid-template-columns:repeat(3,minmax(0,1fr)); }
.nve-listing .listing-hero-message strong { font-size:22px; }
}
@media (max-width:900px) {
.nve-listing .product-listing { grid-template-columns:repeat(3,minmax(0,1fr)); }
.nve-listing .listing-benefits { grid-template-columns:repeat(2,minmax(0,1fr)); }
.nve-listing .listing-count { display:none; }
.nve-listing .listing-tab { padding:8px 16px; font-size:12px; }
.nve-listing .listing-hero-message { padding:10px 15px; }
.nve-listing .listing-hero-image { right:20%; }
}
@media (max-width:650px) {
.nve-listing > .container-fluid { padding:0 14px; }
.nve-listing > .container-fluid > .row { grid-template-columns:minmax(0,1fr); }
.nve-listing .listing-hero-message { display:none; }
.nve-listing .listing-hero-image { right:0; width:45%; opacity:.45; }
.nve-listing .listing-hero h1 { font-size:26px; }
.nve-listing .listing-hero p { font-size:12px; max-width:260px; }
.nve-listing .sidebar__inner { padding:12px 14px; }
.nve-listing #mobile-show { max-height:240px; overflow:auto; }
.nve-listing .product-listing { grid-template-columns:repeat(2,minmax(0,1fr)); }
.nve-listing .thumbnail img { height:145px; }
.nve-listing .item-box-dec h4 { font-size:12px; }
.nve-listing .nopeacs li { font-size:11px; }
.nve-listing .addTocart { font-size:11px; padding:10px 4px; }
.nve-listing .listing-benefits { gap:12px; padding:12px; }
}
@media (max-width:650px) {
    .nve-listing #mobile-show { overflow-x:hidden; }
}
.nve-listing .listing-filter-error { padding:12px; border:1px solid #efc7c7; border-radius:5px; color:#a02424; background:#fff5f5; font-size:13px; }

/* Login, registration and password recovery: page-only styles. */
.nve-auth { background:#f8f0e6 url('../images/f-background.png') center center / cover no-repeat; color:#181b21; padding:16px 0 20px; font-family:Arial,sans-serif; }
.nve-auth .auth-container { max-width:1440px; width:100%; padding:0 28px; margin:0 auto; }
.nve-auth .auth-breadcrumb { display:flex; align-items:center; gap:16px; font-size:14px; line-height:20px; margin-bottom:0; }
.nve-auth .auth-breadcrumb a { display:flex; align-items:center; gap:10px; color:#44464c; }
.nve-auth .auth-breadcrumb > i { color:#777; font-size:12px; }
.nve-auth .auth-breadcrumb a i { color:#141414; font-size:17px; }
.nve-auth .auth-layout { display:grid; grid-template-columns:minmax(0,1fr) 470px; align-items:center; gap:64px; max-width:1080px; margin:0 auto; min-height:525px; }
.nve-auth .auth-welcome { padding:20px 0 55px 15px; }
.nve-auth .auth-welcome-intro { font-size:32px; line-height:1.2; font-weight:600; margin:0 0 4px; }
.nve-auth .auth-welcome h2 { font-family:inherit; font-size:49px; font-weight:800; line-height:1.1; letter-spacing:-1.3px; color:#542b0b; margin:0 0 12px; }
.nve-auth .auth-welcome-description { font-size:22px; line-height:1.25; margin:0 0 28px; }
.nve-auth .auth-benefits { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); max-width:425px; gap:0; }
.nve-auth .auth-benefits > div { position:relative; text-align:center; }
.nve-auth .auth-benefits > div + div::before { content:''; position:absolute; left:0; top:3px; height:36px; border-left:1px solid #e5dbcf; }
.nve-auth .auth-benefits i { display:block; color:#ad6412; font-size:38px; margin-bottom:7px; }
.nve-auth .auth-benefits span { display:block; font-size:12px; line-height:1.25; color:#101218; font-weight:600; }
.nve-auth .auth-card { width:100%; padding:26px 42px 24px; background:rgba(255,255,255,.97); border-radius:14px; box-shadow:0 10px 34px #69431d14; }
.nve-auth .auth-card h1 { font-family:inherit; color:#111216; font-size:36px; font-weight:700; letter-spacing:-1px; line-height:1.15; text-align:center; margin:0 0 10px; }
.nve-auth .auth-subtitle { color:#585b66; font-size:14px; line-height:1.5; text-align:center; margin:0 0 25px; }
.nve-auth .form-group { margin:0 0 12px; }
.nve-auth .form-control { display:block; width:100%; height:43px; padding:10px 12px; border:1px solid #c8ced7; border-radius:4px; color:#161a22; font-size:14px; line-height:1.4; background:#f2f6fc; box-shadow:none; }
.nve-auth .form-control:focus { border-color:#168bea; outline:0; box-shadow:0 0 0 3px #078bff1f; }
.nve-auth .form-control::placeholder { color:#747c87; opacity:1; }
.nve-auth .form-control:-webkit-autofill { -webkit-box-shadow:0 0 0 100px #e8f0fc inset; -webkit-text-fill-color:#161a22; }
.nve-auth .form-group > label { display:block; font-size:13px; color:#454a53; margin:0 0 8px; }
.nve-auth .forgot-txt p { margin:0; font-size:13px; line-height:1.5; }
.nve-auth .forgot-txt .txt-rgt { text-align:right; margin-top:-6px; }
.nve-auth .auth-card a { color:#fa0010; }
.nve-auth .auth-card a:hover { text-decoration:underline; }
.nve-auth .form-check { display:flex; align-items:flex-start; gap:6px; min-height:0; padding:0; margin:0 0 16px; }
.nve-auth .form-check-input { appearance:auto; float:none; position:static; width:15px; height:15px; min-width:15px; margin:2px 0 0; accent-color:#0787ed; border-radius:2px; }
.nve-auth .form-check-label { font-size:12px; line-height:1.55; color:#20222a; cursor:pointer; }
.nve-auth .auth-card .btn { display:block; width:100%; padding:12px 18px; min-height:43px; border:0; border-radius:26px; background:linear-gradient(100deg,#008fff,#007ded); color:#fff; font-size:14px; line-height:20px; font-weight:600; text-align:center; text-transform:uppercase; box-shadow:none; }
.nve-auth .auth-card .btn:hover { background:#006fd4; }
.nve-auth .or { display:flex; align-items:center; justify-content:center; gap:15px; margin:17px auto 12px; max-width:240px; }
.nve-auth .or::before, .nve-auth .or::after { content:''; height:1px; background:#c9cdd3; flex:1; }
.nve-auth .or span { display:flex; align-items:center; justify-content:center; width:43px; height:43px; border:1px solid #d5d8df; border-radius:50%; color:#535865; font-size:13px; text-transform:uppercase; }
.nve-auth .SignUp-txt h6 { font-family:inherit; color:#17191f; font-size:14px; font-weight:600; text-align:center; margin:0; }
.nve-auth .signp-with-social { display:flex; justify-content:center; gap:14px; margin:12px 0 20px; }
.nve-auth .signp-with-social a { display:flex; align-items:center; justify-content:center; width:42px; height:42px; border-radius:50%; background:#fff; box-shadow:0 2px 8px #0000001c; border:1px solid #f1f1f1; text-decoration:none; }
.nve-auth .auth-facebook { font:bold 25px Arial,sans-serif; color:#2851a7; }
.nve-auth .auth-google { font:bold 21px Arial,sans-serif; background:conic-gradient(#4285f4 0 90deg,#34a853 90deg 180deg,#fbbc05 180deg 225deg,#ea4335 225deg 290deg,#4285f4 290deg); color:transparent; background-clip:text; -webkit-background-clip:text; }
.nve-auth .SignUp-txt.text-center { margin:0; }
.nve-auth .SignUp-txt.text-center p { color:#646773; font-size:14px; }
.nve-auth .SignUp-txt.text-center a { text-decoration:underline; }
.nve-auth .number-code { display:flex; gap:8px; }
.nve-auth .city-code-ctrl { position:relative; flex:0 0 72px; }
.nve-auth .city-code-ctrl select { padding-right:8px; appearance:auto; }
.nve-auth .form_icon { display:none; }
.nve-auth .number-code > input { min-width:0; flex:1; }
.nve-auth .auth-back { text-align:center; margin:24px 0 0; font-size:14px; }
.nve-auth .auth-back a { display:inline-flex; align-items:center; gap:8px; }
.nve-auth .alert { padding:12px; margin:0 0 14px; border-radius:5px; font-size:13px; line-height:1.5; }
.nve-auth .alert ul { margin:0; padding-left:18px; list-style:disc; }
.nve-auth a:focus-visible, .nve-auth button:focus-visible { outline:2px solid #087ed1; outline-offset:3px; }
@media(min-width:1400px) { .nve-auth .auth-layout { transform:translateX(65px); } }
@media(max-width:1100px) {
.nve-auth .auth-layout { grid-template-columns:minmax(0,1fr) 420px; gap:28px; }
.nve-auth .auth-welcome h2 { font-size:39px; }
.nve-auth .auth-welcome-intro { font-size:26px; }
.nve-auth .auth-welcome-description { font-size:19px; }
.nve-auth .auth-card { padding:28px; }
}
@media(max-width:800px) {
.nve-auth { background-position:center; padding-bottom:28px; }
.nve-auth .auth-container { padding:0 20px; }
.nve-auth .auth-layout { grid-template-columns:minmax(0,1fr); gap:20px; max-width:470px; margin-top:20px; }
.nve-auth .auth-welcome { padding:0; text-align:center; }
.nve-auth .auth-welcome h2 { font-size:34px; }
.nve-auth .auth-welcome-intro { font-size:23px; }
.nve-auth .auth-welcome-description { font-size:17px; margin-bottom:0; }
.nve-auth .auth-benefits { display:none; }
.nve-auth .auth-card { padding:26px; }
.nve-auth .auth-card h1 { font-size:31px; }
}
@media(max-width:400px) {
.nve-auth .auth-container { padding:0 14px; }
.nve-auth .auth-card { padding:24px 20px; }
.nve-auth .auth-welcome h2 { font-size:29px; letter-spacing:-.5px; }
.nve-auth .auth-subtitle { font-size:13px; }
}
@media (min-width:801px) and (max-width:1399px) {
    .nve-auth .auth-welcome { padding:24px; border-radius:14px; background:linear-gradient(100deg,rgba(255,250,243,.88),rgba(255,250,243,.45)); }
    .nve-auth .auth-welcome h2 { font-size:43px; }
}
@media (max-width:800px) {
    .nve-auth .auth-welcome { padding:18px 12px; border-radius:12px; background:rgba(255,250,243,.88); }
}

/* Refreshed authentication form cards. */
.nve-auth .auth-card { padding:26px 50px 25px; background:#fff; border-radius:14px; box-shadow:0 12px 36px rgba(79,49,20,.10); }
.nve-auth .auth-card h1 { font-size:34px; letter-spacing:-.8px; margin-bottom:9px; }
.nve-auth .auth-card .auth-subtitle { margin-bottom:26px; }
.nve-auth .auth-card .form-control { height:42px; background:#eaf2ff; border-color:#d1d9e5; border-radius:4px; }
.nve-auth .auth-card .auth-input-wrap { position:relative; width:100%; min-width:0; }
.nve-auth .auth-card .auth-input-wrap .form-control { padding-left:43px; }
.nve-auth .auth-card .auth-input-icon { position:absolute; left:12px; top:50%; transform:translateY(-50%); color:#15191f; font-size:19px; pointer-events:none; }
.nve-auth .auth-card .auth-password-toggle { position:absolute; top:0; right:0; display:flex; align-items:center; justify-content:center; width:42px; height:42px; padding:0; background:transparent; color:#181c22; border:0; border-radius:4px; font-size:18px; cursor:pointer; }
.nve-auth .auth-card .auth-password-toggle:hover { background:#dce9fb; }
.nve-auth .auth-card input[name="password"] { padding-right:44px; }
.nve-auth .auth-card .number-code > .auth-input-wrap { flex:1; }
.nve-auth .auth-card .form-control:focus { border-color:#bd833f; box-shadow:0 0 0 3px rgba(189,131,63,.14); }
.nve-auth .auth-card .form-check { margin-top:14px; margin-bottom:18px; }
.nve-auth .auth-card .form-check-input { accent-color:#995318; }
.nve-auth .auth-card .btn { background:linear-gradient(110deg,#c1853d,#c98b43); text-transform:none; border-radius:25px; font-size:15px; padding:11px 18px; }
.nve-auth .auth-card .btn:hover { background:linear-gradient(110deg,#ab702f,#b77a34); }
.nve-auth .auth-card .or { margin:10px auto 12px; gap:16px; max-width:247px; }
.nve-auth .auth-card .or::before, .nve-auth .auth-card .or::after { background:#a9aab0; }
.nve-auth .auth-card .or span { width:40px; height:40px; border-color:#e3e3e5; color:#17191f; }
.nve-auth .auth-card .signp-with-social { margin:12px 0 20px; gap:16px; }
.nve-auth .auth-card .signp-with-social a { width:46px; height:46px; box-shadow:0 3px 12px #00000016; }
.nve-auth .auth-card .auth-facebook { display:flex; align-items:flex-end; justify-content:center; width:20px; height:20px; color:#fff; background:#1454a3; border-radius:50%; font-size:20px; line-height:19px; }
.nve-auth .auth-card a:focus-visible, .nve-auth .auth-card button:focus-visible { outline-color:#a96c2a; }
@media(max-width:1100px) { .nve-auth .auth-card { padding:28px 32px; } }
@media(max-width:800px) { .nve-auth .auth-card { padding:26px; } .nve-auth .auth-card h1 { font-size:30px; } }
@media(max-width:400px) { .nve-auth .auth-card { padding:24px 20px; } }

/* Checkout delivery address page. */
.nve-checkout { padding:20px 0 38px; background:#f8f0e6 url('../images/f-background.png') center / cover no-repeat; color:#202128; font-family:Arial,sans-serif; }
.nve-checkout > .container { width:100%; max-width:1180px; padding:0 24px; margin:auto; }
.nve-checkout .checkout-breadcrumb { display:flex; align-items:center; gap:13px; font-size:13px; margin-bottom:22px; }
.nve-checkout .checkout-breadcrumb a { display:flex; gap:9px; align-items:center; color:#53545b; }
.nve-checkout .checkout-heading { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:22px; }
.nve-checkout h1 { font-family:inherit; font-size:34px; font-weight:700; color:#191a1e; margin:0 0 5px; }
.nve-checkout .checkout-heading p { margin:0; font-size:14px; color:#555861; }
.nve-checkout .checkout-back { display:inline-flex; align-items:center; gap:8px; padding:10px 16px; border:1px solid #c39153; border-radius:22px; color:#92591e; background:#fffaf3; font-size:13px; white-space:nowrap; }
.nve-checkout .checkout-steps { display:flex; align-items:center; justify-content:center; gap:36px; list-style:none; padding:16px 24px; margin:0 0 22px; border-radius:12px; background:rgba(255,255,255,.95); }
.nve-checkout .checkout-steps li { display:flex; align-items:center; gap:10px; font-size:13px; color:#76777e; }
.nve-checkout .checkout-steps li span { display:flex; align-items:center; justify-content:center; width:30px; height:30px; border-radius:50%; border:1px solid #ddd; font-size:13px; }
.nve-checkout .checkout-steps .is-current { color:#93581a; font-weight:600; }
.nve-checkout .checkout-steps .is-current span { background:#bd8039; color:#fff; border-color:#bd8039; }
.nve-checkout .text-style { padding:28px; border-radius:14px; background:#fff; box-shadow:0 10px 30px #69431d12; }
.nve-checkout h2 { display:flex; align-items:center; gap:10px; font-family:inherit; font-size:21px; font-weight:700; margin:0 0 20px; color:#17191f; }
.nve-checkout h2 i { color:#ad6b23; font-size:24px; }
.nve-checkout .checkout-empty { color:#686970; font-size:14px; margin:0; }
.nve-checkout .checkout-addresses > .row { row-gap:18px; }
.nve-checkout .checkout-addresses > .row > div { width:33.333%; }
.nve-checkout .adresbox { position:relative; padding:22px 18px 18px; border:1px solid #e6dfd5; border-radius:10px; background:#fffcf8; height:100%; display:flex; flex-wrap:wrap; align-content:flex-start; gap:12px 0; }
.nve-checkout .adresbox > strong { display:block; width:100%; font-size:16px; color:#29221a; }
.nve-checkout .adresbox > p { width:100%; color:#63636b; font-size:13px; line-height:1.7; margin:0; overflow-wrap:anywhere; }
.nve-checkout .adresbox > .text-center { width:100%; }
.nve-checkout .btnn, .nve-checkout .continue { display:block; width:100%; text-align:center; padding:12px 16px; border:0; border-radius:24px; background:linear-gradient(110deg,#bd8039,#cc914b); color:white; font-size:14px; font-weight:600; }
.nve-checkout .btnn:hover, .nve-checkout .continue:hover { background:#a96e2d; }
.nve-checkout .defaultAddress { order:-1; width:100%; font-size:11px; color:#965d1c; }
.nve-checkout .ribbon6 { display:inline-block; padding:4px 8px; border-radius:4px; background:#f4e5d0; }
.nve-checkout .editbtn, .nve-checkout .removebtn { font-size:12px; text-decoration:underline; }
.nve-checkout .editbtn { color:#945d21; }
.nve-checkout .removebtn { color:#d2242f; margin-left:auto; }
.nve-checkout .checoutform_main { margin-top:22px; }
.nve-checkout .AddnewAddres > .btn { display:inline-flex; gap:10px; align-items:center; padding:0; background:none; border:0; color:#25201b; font-size:21px; font-weight:700; border-radius:0; box-shadow:none; }
.nve-checkout .AddnewAddres > .btn i { color:#ae6c25; font-size:25px; }
.nve-checkout #collapseAddadress { margin-top:20px; }
.nve-checkout .checkout-form-intro { color:#646770; font-size:14px; margin:0 0 18px; }
.nve-checkout .form-group { margin-bottom:18px; }
.nve-checkout .form-control, .nve-checkout .selectize-input { width:100%; min-height:44px; padding:11px 13px; border:1px solid #d1d9e5; border-radius:5px; background:#edf3fc; color:#20232a; font-size:14px; line-height:20px; box-shadow:none; }
.nve-checkout input[type="hidden"] { display:none; }
.nve-checkout .form-control:focus, .nve-checkout .selectize-input.focus { outline:0; border-color:#bd8039; box-shadow:0 0 0 3px #bd80391c; }
.nve-checkout .form-control::placeholder { color:#747b86; opacity:1; }
.nve-checkout .selectize-control.form-control { padding:0; border:0; background:none; }
.nve-checkout .selectize-dropdown { border:1px solid #ddd; background:white; border-radius:5px; font-size:13px; }
.nve-checkout #userlocationmap { width:100%; height:200px; margin:0 0 18px; border:1px solid #e2e4e7; border-radius:8px; background:#f6f5f1; }
.nve-checkout .checkbox { display:flex; align-items:center; gap:8px; font-size:13px; }
.nve-checkout .checkbox input { appearance:auto; margin:0; width:16px; height:16px; accent-color:#a76824; }
.nve-checkout .checkbox label { margin:0; cursor:pointer; }
.nve-checkout a:focus-visible, .nve-checkout button:focus-visible { outline:2px solid #a96c2a; outline-offset:3px; }
.nve-checkout .help-block { display:block; background:#fff4f4; padding:10px 16px; margin-bottom:14px; border-radius:6px; font-size:14px; }
.nve-checkout .help-block p { margin:0; }
@media(max-width:900px) { .nve-checkout .checkout-addresses > .row > div { width:50%; } .nve-checkout .checkout-steps { gap:18px; } }
@media(max-width:600px) {
.nve-checkout > .container { padding:0 14px; }
.nve-checkout .checkout-heading { align-items:flex-start; flex-direction:column; gap:12px; }
.nve-checkout h1 { font-size:29px; }
.nve-checkout .text-style { padding:20px 16px; }
.nve-checkout .checkout-addresses > .row > div { width:100%; }
.nve-checkout .checkout-steps { gap:8px; padding:14px 10px; justify-content:space-between; }
.nve-checkout .checkout-steps li { flex-direction:column; text-align:center; font-size:10px; gap:7px; }
.nve-checkout h2, .nve-checkout .AddnewAddres > .btn { font-size:19px; }
.nve-checkout #collapseAddadress form > div { width:100%; }
}

/* Review order: scoped presentation, including AJAX order items. */
.nve-review { color:#171b24; background:#fcf7ef; font-family:Arial,sans-serif; }
.nve-review .review-hero { padding:40px 0 32px; background:#f8edde url('../images/f-background.png') center 48% / cover no-repeat; }
.nve-review .review-container, .nve-review .checkout-section > .container { max-width:1440px; width:100%; margin:auto; padding:0 32px; }
.nve-review h1 { font-family:inherit; color:#632b0f; font-size:40px; line-height:1.15; margin:0 0 8px; font-weight:750; }
.nve-review .review-hero p { font-size:16px; margin:0; max-width:780px; }
.nve-review .review-benefits { display:flex; flex-wrap:wrap; gap:25px; margin-top:32px; }
.nve-review .review-benefits > div { display:flex; align-items:center; gap:12px; padding-right:22px; border-right:1px solid #e7d6c3; }
.nve-review .review-benefits > div:last-child { border:0; }
.nve-review .review-benefits i { color:#763716; font-size:32px; }
.nve-review .review-benefits strong, .nve-review .review-benefits small { display:block; font-size:12px; line-height:1.6; }
.nve-review .checkout-section { padding:18px 0 28px; }
.nve-review .review-breadcrumb { display:flex; gap:12px; align-items:center; margin-bottom:22px; font-size:13px; }
.nve-review .review-breadcrumb a { display:inline-flex; gap:9px; align-items:center; color:#29231e; }
.nve-review .checoutform_main { padding:0; background:none; }
.nve-review .checoutform_main > .row { margin:0 -9px; row-gap:20px; align-items:flex-start; }
.nve-review .review-main, .nve-review .review-summary { padding:0 9px; }
.nve-review .review-main > .row { margin:0; }
.nve-review .cartborder { padding:0; width:100%; margin-bottom:12px; }
.nve-review .cartborder > div { padding:0; }
.nve-review .review_ordr_box { display:flex; gap:12px; padding:16px; background:white; border-radius:8px; }
.nve-review .review_ordr_left { flex:1; min-width:0; }
.nve-review .review_ordr_center { display:none; }
.nve-review .title-shopping-cart, .nve-review .review-items-title { display:flex; align-items:center; gap:10px; margin:0 0 12px; padding:10px; background:#f7f7f8; border-radius:5px; color:#17191d; font-family:inherit; font-size:19px; font-weight:700; }
.nve-review .title-shopping-cart i, .nve-review .review-items-title i { color:#713311; font-size:26px; }
.nve-review .addinfo { position:relative; border:1px solid #e5e7eb; border-radius:5px; padding:16px 80px 16px 14px; min-height:88px; }
.nve-review .addinfo p { margin:0; font-size:13px; color:#59616c; line-height:1.6; overflow-wrap:anywhere; }
.nve-review .addinfo .nameline { color:#191d23; font-weight:700; margin-bottom:3px; }
.nve-review .editicn { position:absolute; right:12px; top:16px; }
.nve-review .editicn a { display:flex; align-items:center; gap:5px; padding:7px 10px; border:1px solid #d6d8dd; border-radius:5px; color:#251e18; font-size:12px; }
.nve-review .review_ordr_right { flex:0 0 150px; display:flex; align-items:center; justify-content:center; background:#fff0f0; border-radius:5px; text-align:center; }
.nve-review .review_ordr_right a { display:flex; flex-direction:column; gap:8px; align-items:center; color:#e00014; font-size:13px; padding:15px; }
.nve-review .review_ordr_right i { font-size:38px; }
.nve-review .reviewOrderBackmain { padding:0; }
.nve-review .checkoutdatalistbox { padding:16px; background:#fff; border-radius:8px; }
.nve-review .review-items-title { background:none; padding:0 0 10px; }
.nve-review #results { display:block; width:100%; margin:0; border:0; }
.nve-review .theader, .nve-review .table_row { display:grid; grid-template-columns:16% 36% 16% 15% 17%; }
.nve-review .theader { background:#f6f6f7; border-radius:5px; }
.nve-review .table_header { width:auto!important; font-size:13px; font-weight:700; padding:10px 8px; }
.nve-review .table_row { padding:16px 0; border-bottom:1px solid #e8e9ec; }
.nve-review .table_row:last-child { border:0; padding-bottom:0; }
.nve-review .table_small { min-width:0; padding:0 8px; border:0; font-size:13px; }
.nve-review .table_small > .table_cell:first-child { display:none; }
.nve-review .table_cell { padding:0; font-size:13px; }
.nve-review .table_cell img { width:90px; height:98px; object-fit:cover; padding:0; border:0; border-radius:6px; }
.nve-review .product-name h4 { font-family:inherit; font-size:14px; font-weight:600; margin:0 0 7px; line-height:1.35; }
.nve-review .product-name a { color:#141820; }
.nve-review .product-name p { margin:0 0 4px; font-size:12px; color:#68707c; }
.nve-review .in-stock { color:#05a423; font-size:13px; }
.nve-review .out-stock { color:#e00014; font-size:13px; }
.nve-review .pricecolr { color:#ec0015; font-size:16px; font-weight:600; white-space:nowrap; }
.nve-review .fa-inr::before, .nve-review .fa-rupee::before { content:'₹'; font-family:Arial,sans-serif; font-style:normal; }
.nve-review .tb-qty { display:inline-block; min-width:42px; padding:5px 12px; text-align:center; background:#faf4eb; border-radius:5px; }
.nve-review .mode-payment { background:white; padding:16px; border-radius:8px; margin:12px 0 16px; }
.nve-review .mode-payment h4, .nve-review .paymentrightcheckout h6 { display:flex; align-items:center; gap:10px; color:#15191e; font-family:inherit; font-size:20px; font-weight:700; margin:0 0 16px; }
.nve-review .mode-payment h4 i, .nve-review .paymentrightcheckout h6 i { color:#783713; font-size:25px; }
.nve-review .form-check, .nve-review .paymnetthodBox { padding:12px; border:1px solid #e4e6eb; border-radius:5px; background:white; }
.nve-review .form-check { display:flex; align-items:center; gap:9px; }
.nve-review input[type="radio"] { appearance:auto; position:static; float:none; width:16px; height:16px; margin:0; accent-color:#087bff; }
.nve-review .form-check-label, .nve-review .checkbox label { font-size:13px; color:#515b6a; margin:0; }
.nve-review .checkout-lg-btngroup > .row { margin:0 -6px; row-gap:12px; }
.nve-review .checkout-lg-btngroup > .row > div { padding:0 6px; }
.nve-review .continue, .nve-review .instructions, .nve-review .slotbtn { display:block; padding:14px 9px; width:100%; text-align:center; border-radius:5px; font-size:13px; line-height:20px; margin:0; border:1px solid #8d4722; color:#783516; background:white; }
.nve-review .instructions { color:white; background:#202529; border-color:#202529; }
.nve-review .slotbtn { color:white; background:#0b91e7; border-color:#0b91e7; }
.nve-review .order-summary { padding:18px; background:white; border-radius:8px; }
.nve-review .checkout-element-content { padding:14px 0; border-bottom:1px solid #e6e6e9; }
.nve-review .couponbox { display:flex; align-items:flex-end; gap:10px; }
.nve-review .couponbox ul { list-style:none; margin:0; padding:0; flex:1; min-width:0; }
.nve-review .couponbox label { font-size:13px; font-weight:600; color:#242424; margin:0 0 10px; }
.nve-review .form-control { border:1px solid #e0e4eb; border-radius:5px; padding:10px 12px; min-height:42px; font-size:13px; background:white; }
.nve-review .applybtn { padding:11px 18px; background:linear-gradient(110deg,#a56530,#b4783e); border:0; border-radius:5px; color:#fff; font-size:13px; }
.nve-review .order-left { display:flex; justify-content:space-between; gap:10px; align-items:center; font-size:14px; margin:0 0 14px; }
.nve-review .order-left:last-child { margin:0; }
.nve-review .order-left > span { color:#ed0016; white-space:nowrap; }
.nve-review .order-left .cart_count { font-style:normal; }
.nve-review .totalmainboxcheckout { margin:16px 0 20px; padding:12px 14px; background:#ffeded; border-radius:5px; color:#e40018; }
.nve-review .totalmainboxcheckout .order-left { font-size:23px; font-weight:700; }
.nve-review .paymentrightcheckout { border-top:1px dashed #d7d7dc; padding-top:22px; }
.nve-review .paymnetthodBox { margin-bottom:10px; }
.nve-review .checkbox { display:flex; align-items:center; flex-wrap:wrap; gap:9px; }
.nve-review .checkbox img { width:128px; max-width:100%; height:auto; object-fit:contain; }
.nve-review .places_ord { margin-top:16px; }
.nve-review #BookingBtn { padding:14px; color:white; border:0; font-size:17px; font-weight:600; }
.nve-review .review-secure { margin-top:16px; display:flex; align-items:center; justify-content:center; gap:12px; padding:18px 12px; background:#faf5ed; border-radius:6px; color:#087922; }
.nve-review .review-secure i { font-size:38px; }
.nve-review .review-secure strong, .nve-review .review-secure small { display:block; font-size:12px; line-height:1.6; }
.nve-review .noProductIncart { padding:40px; text-align:center; background:white; border-radius:8px; }
.nve-review .modal-content { border-radius:10px; padding:18px; }
.nve-review .modal .close { float:right; border:0; background:none; font-size:26px; }
.nve-review .timeslotcheckout, .nve-review .timeslotoptn { display:flex; flex-wrap:wrap; gap:10px; list-style:none; padding:0; margin:18px 0; }
.nve-review .timeslotcheckout a { display:block; padding:10px; border:1px solid #e4ded5; border-radius:5px; color:#754119; }
.nve-review .timeslotcheckout span { display:block; font-size:12px; }
.nve-review .timeslotcheckout .active a { color:white; background:#aa6c2d; }
.nve-review .timeslotoptn li { padding:10px; border:1px solid #e4ded5; border-radius:5px; }
.nve-review a:focus-visible, .nve-review button:focus-visible, .nve-review input:focus-visible { outline:2px solid #a7692d; outline-offset:3px; }
@media(max-width:1100px) { .nve-review .review-main, .nve-review .review-summary { width:100%; } }
@media(max-width:600px) {
.nve-review .review-container, .nve-review .checkout-section > .container { padding:0 16px; }
.nve-review .review-hero { padding:28px 0; }
.nve-review h1 { font-size:29px; }
.nve-review .review-hero p { font-size:14px; }
.nve-review .review-benefits { gap:16px; }
.nve-review .review-benefits > div { width:calc(50% - 8px); padding:0; border:0; }
.nve-review .review_ordr_box { flex-direction:column; }
.nve-review .review_ordr_right { flex-basis:auto; }
.nve-review .review_ordr_right a { flex-direction:row; padding:10px; }
.nve-review .review_ordr_right i { font-size:24px; }
.nve-review .theader { display:none; }
.nve-review .table_row { grid-template-columns:85px minmax(0,1fr); gap:12px; }
.nve-review .table_small { padding:0; }
.nve-review .table_small:nth-child(2) { grid-column:2; }
.nve-review .table_small:nth-child(n+3) > .table_cell:first-child { display:block; font-size:11px; color:#69717c; margin-bottom:4px; }
.nve-review .table_cell img { width:80px; height:90px; }
.nve-review .checkout-lg-btngroup > .row > div { width:100%; }
.nve-review .title-shopping-cart, .nve-review .review-items-title { font-size:17px; }
}
.nve-review .order-left > .review-amount-label { color:#171b24; white-space:normal; }
.nve-review .review-hero .review-container { background:linear-gradient(90deg,rgba(255,249,240,.92),rgba(255,249,240,.7) 60%,transparent); border-radius:8px; padding-top:12px; padding-bottom:12px; }

/* Listing cards share the home page product design. */
.nve-listing .listing-home-cards { grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; padding:8px; background:#fff8ef; }
.nve-listing .listing-home-cards .nb-card { height:100%; }
.nve-listing .listing-home-cards .nb-card__media { height:180px; min-height:180px; max-height:180px; }
.nve-listing .listing-home-cards .nb-card__media > a { display:block; height:100%; }
.nve-listing .listing-home-cards .nb-card__title { font-size:16px; }
.nve-listing .listing-home-cards .nb-card__info { flex-wrap:wrap; min-height:32px; }
.nve-listing .listing-home-cards .nb-card__prices { margin-top:auto; flex-wrap:wrap; }
.nve-listing .listing-home-cards .heartshape { top:auto; right:auto; left:5px; bottom:5px; z-index:2; }
.nve-listing .listing-home-cards .heartshape a { width:28px; height:28px; background:#ff8a00; color:#fff; box-shadow:0 2px 6px #0000001a; }
.nve-listing .listing-home-cards .nb-card__add { height:38px; padding:8px 3px; border:1px solid #cc914c; background:linear-gradient(135deg,#d1a05c,#b97c3a); font-size:13px; font-weight:700; }
.nve-listing .listing-home-cards .nb-card__add:hover { background:#b37731; }
.nve-listing .listing-home-cards .outofStockbtn { background:#eee; border-color:#eee; color:#888; }
@media (max-width:1199px) {
    .nve-listing .listing-home-cards { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:991px) {
    .nve-listing .listing-home-cards { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:575px) {
    .nve-listing .listing-home-cards { gap:10px; padding:0; }
    .nve-listing .listing-home-cards .nb-card__media { height:145px; min-height:145px; max-height:145px; }
    .nve-listing .listing-home-cards .nb-card__title { font-size:13px; }
    .nve-listing .listing-home-cards .nb-card__body p { font-size:12px; }
    .nve-listing .listing-home-cards .nb-card__info { padding:7px 6px; gap:4px; font-size:11px; }
    .nve-listing .listing-home-cards .nb-card__prices { gap:5px; }
    .nve-listing .listing-home-cards .nb-card__price { font-size:16px; }
    .nve-listing .listing-home-cards .nb-card__mrp { font-size:12px; }
    .nve-listing .listing-home-cards .nb-card__add { font-size:12px; }
}


/* ========================================5-10-2026=========== */

 .account-page {
        padding: 36px 0 64px;
        background: #f7f7f4;
    }
    .account-page__layout {
        display: grid;
        grid-template-columns: minmax(245px, 290px) minmax(0, 1fr);
        align-items: start;
        gap: 28px;
        margin: 0;
    }
    .account-page__layout > [class*="col-"] {
        float: none;
        width: auto;
        padding: 0;
    }
    .dashbordlinks,
    .account-page .dashbord-account-info {
        border: 1px solid #e8e6e0;
        border-radius: 10px;
        background: #fff;
        box-shadow: 0 8px 24px rgba(29, 35, 31, .045);
    }
    .dashbordlinks {
        padding: 22px;
    }
    .dashbordlinks .account-profile-header {
        display: grid;
        grid-template-columns: 68px minmax(0, 1fr);
        align-items: center;
        gap: 14px;
        margin: 0 0 22px;
        padding-bottom: 20px;
        border-bottom: 1px solid #eeece7;
    }
    .dashbordlinks .account-profile-upload {
        position: relative;
        width: 68px;
        height: 68px;
        margin: 0;
    }
    .dashbordlinks .account-profile-file {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip-path: inset(50%);
        white-space: nowrap;
    }
    .dashbordlinks .account-profile-file:focus-visible + .account-profile-avatar {
        outline: 2px solid #176b48;
        outline-offset: 3px;
    }
    .dashbordlinks .account-profile-avatar {
        position: relative;
        display: grid;
        width: 68px;
        height: 68px;
        overflow: hidden;
        place-items: center;
        border: 2px solid #e7eee8;
        border-radius: 50%;
        background: #f3f5f1;
        cursor: pointer;
    }
    .dashbordlinks .account-profile-avatar > img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .dashbordlinks .account-profile-avatar__fallback {
        color: #176b48;
        font-size: 26px;
    }
    .dashbordlinks .account-profile-edit {
        position: absolute;
        right: 0;
        bottom: 0;
        display: grid;
        width: 22px;
        height: 22px;
        place-items: center;
        border-radius: 50%;
        background: #176b48;
        color: #fff;
        font-size: 11px;
    }
    .dashbordlinks .account-profile-copy {
        min-width: 0;
    }
    .dashbordlinks .account-profile-copy h5 {
        margin: 0 0 5px;
        color: #202329;
        font-size: 17px;
        font-weight: 700;
        line-height: 1.35;
        overflow-wrap: anywhere;
    }
    .dashbordlinks .account-profile-copy p {
        margin: 0;
        color: #73777d;
        font-size: 13px;
        line-height: 1.4;
        overflow-wrap: anywhere;
    }
    .dashbordlinks .name_info {
        display: flex;
        align-items: center;
        gap: 14px;
        margin: 0 0 22px;
        padding-bottom: 20px;
        border-bottom: 1px solid #eeece7;
    }
    .dashbordlinks .name_info .media-left,
    .dashbordlinks .name_info .media-body {
        display: block;
        padding: 0;
    }
    .dashbordlinks .name_info .media-body {
        min-width: 0;
    }
    .dashbordlinks .file-thumbnail {
        position: relative;
        width: 68px;
        height: 68px;
        overflow: hidden;
        border: 2px solid #e7eee8;
        border-radius: 50%;
        background: #f3f5f1;
    }
    .dashbordlinks #file-image-preview {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .dashbordlinks .edit-pic {
        position: absolute;
        right: 0;
        bottom: 0;
        display: grid;
        width: 22px;
        height: 22px;
        place-items: center;
        border-radius: 50%;
        background: #176b48;
        color: #fff;
        font-size: 11px;
    }
    .dashbordlinks .name_info h5 {
        margin: 0 0 5px;
        color: #202329;
        font-size: 17px;
        font-weight: 700;
        overflow-wrap: anywhere;
    }
    .dashbordlinks .name_info p {
        margin: 0;
        color: #73777d;
        font-size: 13px;
    }
    .dashbordlinks > h6 {
        margin: 0 0 12px;
        color: #73777d;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0;
        text-transform: uppercase;
    }
    .dashbordlinks > ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    .dashbordlinks > ul li {
        margin: 3px 0;
    }
    .dashbordlinks > ul li > a {
        display: flex;
        min-height: 42px;
        align-items: center;
        gap: 11px;
        padding: 9px 10px;
        border-radius: 5px;
        color: #42464d;
        font-size: 14px;
        font-weight: 600;
        text-decoration: none;
        transition: background .15s ease, color .15s ease;
    }
    .dashbordlinks > ul li > a img {
        display: block;
        width: 20px;
        height: 20px;
        flex: 0 0 20px;
        object-fit: contain;
    }
    .dashbordlinks > ul li > a:hover,
    .dashbordlinks > ul li.active > a {
        background: #edf5ef;
        color: #176b48;
    }
    .dashbordlinks > ul li:last-child > a {
        margin-top: 12px;
        border-top: 1px solid #eeece7;
        border-radius: 0;
        color: #a43b30;
    }
    .account-page .dashbord-account-info {
        min-width: 0;
        padding: 30px;
    }
    .account-page__form-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        margin-bottom: 26px;
        padding-bottom: 18px;
        border-bottom: 1px solid #eeece7;
    }
    .account-page__form-header h1 {
        margin: 0;
        color: #202329;
        font-size: 26px;
        font-weight: 750;
        line-height: 1.25;
    }
    .account-page .edit-delet-btn {
        position: static !important;
    }
    .account-page .edit-delet-btn a {
        display: inline-flex;
        width: 38px;
        height: 38px;
        align-items: center;
        justify-content: center;
        border: 1px solid #dce7dd;
        border-radius: 5px;
        background: #f4f8f4;
    }
    .account-page .edit-delet-btn img {
        display: block;
        width: 17px;
        height: 17px;
        object-fit: contain;
    }
    .account-page .account-profile-form > .row {
        display: block;
        margin: 0;
    }
    .account-page .account-profile-form > .row > [class*="col-"] {
        float: none;
        width: 100%;
        padding: 0;
    }
    .account-page .account-profile-form .form-group {
        position: relative;
        max-width: 760px;
        margin: 0 0 18px;
    }
    .account-page .account-profile-form .form-group label {
        display: block;
        margin: 0 0 7px;
        color: #5e636a;
        font-size: 13px;
        font-weight: 650;
    }
    .account-page .account-profile-form .form-control {
        width: 100%;
        height: 46px;
        padding: 10px 14px;
        border: 1px solid #e0e2e4;
        border-radius: 5px;
        background: #f7f8f8;
        box-shadow: none;
        color: #272b31;
        font-size: 15px;
    }
    .account-page .account-profile-form .form-control:disabled {
        opacity: 1;
        color: #454a51;
        -webkit-text-fill-color: #454a51;
    }
    .account-page .account-profile-form .form-icon {
        display: none;
    }
    .account-page .saveaddress {
        min-height: 46px;
        padding: 0 24px;
        border: 0;
        border-radius: 5px;
        background: #176b48;
        color: #fff;
        font-size: 14px;
        font-weight: 700;
    }
    .account-page .saveaddress:hover,
    .account-page .saveaddress:focus {
        background: #105538;
    }
    @media (max-width: 767px) {
        .account-page {
            padding: 22px 0 42px;
        }
        .account-page__layout {
            grid-template-columns: 1fr;
            gap: 16px;
        }
        .dashbordlinks {
            padding: 16px;
        }
        .dashbordlinks .account-profile-header {
            grid-template-columns: 56px minmax(0, 1fr);
            gap: 11px;
        }
        .dashbordlinks .account-profile-upload,
        .dashbordlinks .account-profile-avatar {
            width: 56px;
            height: 56px;
        }
        .dashbordlinks > ul {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 2px 6px;
        }
        .dashbordlinks > ul li:last-child > a {
            margin-top: 3px;
            border-top: 0;
        }
        .account-page .dashbord-account-info {
            padding: 20px 16px;
        }
        .account-page__form-header h1 {
            font-size: 22px;
        }
    }

/* Account pages selected for the refreshed account layout */
.account-manage-page {
    padding: 32px 0 60px;
    background: #f7f7f4;
}
.account-manage-page .account-manage-layout {
    display: grid;
    grid-template-columns: minmax(240px, 280px) minmax(0, 1fr);
    align-items: start;
    gap: 24px;
    margin: 0;
}
.account-manage-page .account-manage-layout > [class*="col-"] {
    float: none;
    width: auto;
    min-width: 0;
    padding: 0;
}
.account-manage-page .dashbordlinks {
    border: 1px solid #e8e6e0;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(29, 35, 31, .045);
}
.account-manage-content {
    min-width: 0;
}
.account-manage-content > .account-manage-panel,
.account-manage-content > .dashbordtxt.account-manage-panel,
.account-manage-content > .account_dashboard.account-manage-panel {
    min-width: 0;
    padding: 26px;
    border: 1px solid #e8e6e0;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(29, 35, 31, .045);
}
.account-manage-title {
    margin: 0 0 22px;
    padding-bottom: 16px;
    border-bottom: 1px solid #eeece7;
    color: #202329;
    font-size: 25px;
    font-weight: 750;
    line-height: 1.25;
}

.account-wishlist-page .db-2-main-com-table,
.account-orders-page .db-2-main-com-table {
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
}
.account-wishlist-page .wishlistlst {
    min-width: 760px;
}
.account-wishlist-page .wishlistlst .theader,
.account-wishlist-page .wishlistlst .table_row {
    display: grid;
    grid-template-columns: 92px minmax(220px, 1fr) 110px 105px 76px;
    align-items: center;
    width: 100%;
}
.account-wishlist-page .wishlistlst .table_header {
    width: auto !important;
    padding: 12px 10px;
    background: #f5f6f3;
    color: #555c62;
    font-size: 12px;
    font-weight: 700;
}
.account-wishlist-page .wishlistlst .table_row {
    padding: 14px 0;
    border-bottom: 1px solid #eeece7;
}
.account-wishlist-page .wishlistlst .table_small {
    min-width: 0;
    padding: 0 10px;
}
.account-wishlist-page .wishlistlst .table_cell {
    overflow-wrap: anywhere;
    color: #50555d;
    font-size: 13px;
    line-height: 1.55;
}
.account-wishlist-page .wishlistlst .table_small > .table_cell:first-child {
    display: none;
}
.account-wishlist-page .wishlistlst .table_small:nth-child(1) img {
    width: 68px;
    height: 68px;
    object-fit: contain;
}
.account-wishlist-page .wishlistlst h4 {
    margin: 0;
    color: #202329;
    font-size: 14px;
    line-height: 1.4;
}
.account-wishlist-page .wishlistlst .orderbtn,
.account-wishlist-page .wishlistlst .buttonnone {
    display: inline-flex;
    min-width: 36px;
    min-height: 36px;
    align-items: center;
    justify-content: center;
    border: 1px solid #176b48;
    border-radius: 5px;
    background: #176b48;
    color: #fff;
}
.account-wishlist-page .wishlistlst .buttonnone {
    border-color: #eadfdd;
    background: #fff;
    color: #a43b30;
}

.account-shipping-page .adresbox {
    position: relative;
    height: 100%;
    min-height: 190px;
    padding: 22px 18px 18px;
    border: 1px solid #e8e6e0;
    border-radius: 8px;
    background: #fff;
}
.account-shipping-page .adresbox p {
    margin: 10px 0 18px;
    color: #62666e;
    font-size: 14px;
    line-height: 1.65;
    overflow-wrap: anywhere;
}
.account-shipping-page .adresbox .editbtn,
.account-shipping-page .adresbox .removebtn {
    display: inline-flex;
    min-height: 36px;
    align-items: center;
    justify-content: center;
    padding: 0 14px;
    border: 1px solid #dce7dd;
    border-radius: 4px;
    color: #176b48;
    text-decoration: none;
}
.account-shipping-page .adresbox .removebtn {
    border-color: #eadfdd;
    color: #a43b30;
}
.account-shipping-page .defaultAddress {
    margin: 10px 0;
    color: #176b48;
    font-size: 12px;
    font-weight: 700;
}
.account-shipping-page .addAddressForm {
    margin: 26px 0 16px;
    padding: 15px 18px;
    border: 1px solid #e8e6e0;
    border-radius: 6px;
    background: #f7f8f5;
    color: #202329;
    font-size: 17px;
    cursor: pointer;
}
.account-shipping-page #myAddressForm {
    padding: 20px;
    border: 1px solid #eeece7;
    border-radius: 8px;
    background: #fff;
}
.account-shipping-page #myAddressForm .form-control {
    min-height: 44px;
    border: 1px solid #dfe2e3;
    border-radius: 5px;
    box-shadow: none;
}
.account-shipping-page #myAddressForm .form-control:focus {
    border-color: #176b48;
    outline: 2px solid rgba(23, 107, 72, .14);
}
.account-shipping-page #userlocationmap {
    max-width: 100%;
    border-radius: 6px;
}
.account-shipping-page #myAddressForm .saveaddress {
    min-height: 44px;
    padding: 0 24px;
    border: 0;
    border-radius: 5px;
    background: #176b48;
    color: #fff;
    font-weight: 700;
}

.account-orders-page .orderstabs > .nav-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 18px;
    padding: 0 0 12px;
    border-bottom: 1px solid #e8e6e0;
}
.account-orders-page .orderstabs > .nav-tabs > li {
    float: none;
    margin: 0;
}
.account-orders-page .orderstabs > .nav-tabs > li > a {
    display: block;
    padding: 9px 13px;
    border: 1px solid #e8e6e0;
    border-radius: 5px;
    color: #555c62;
    font-size: 13px;
    font-weight: 650;
}
.account-orders-page .orderstabs > .nav-tabs > li.active > a {
    border-color: #176b48;
    background: #176b48;
    color: #fff;
}
.account-orders-page .ordertabl {
    min-width: 920px;
}
.account-orders-page .ordertabl .theader,
.account-orders-page .ordertabl .table_row {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(105px, 1fr);
    align-items: start;
    width: max-content;
    min-width: 100%;
}
.account-orders-page .ordertabl .table_header {
    width: auto !important;
    padding: 12px 9px;
    background: #f5f6f3;
    color: #555c62;
    font-size: 12px;
    font-weight: 700;
}
.account-orders-page .ordertabl .table_row {
    padding: 14px 0;
    border-bottom: 1px solid #eeece7;
}
.account-orders-page .ordertabl .table_small {
    min-width: 0;
    padding: 0 9px;
    overflow-wrap: anywhere;
    color: #50555d;
    font-size: 13px;
    line-height: 1.5;
}
.account-orders-page .ordertabl .table_small > .table_cell:first-child {
    display: none;
}
.account-orders-page .filter-right .btn,
.account-orders-page .clear-filter .btn {
    min-height: 38px;
    border: 1px solid #e2e4df;
    border-radius: 5px;
    background: #f7f8f5;
}
.account-orders-page .pagination {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin: 22px 0 0;
}
.account-orders-page .pagination > li > a,
.account-orders-page .pagination > li > span {
    border-radius: 4px;
}

.account-offers-page .offers-lising {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin: 0;
}
.account-offers-page .offers-lising > [class*="col-"] {
    float: none;
    width: auto;
    padding: 0;
}
.account-offers-page .item-box {
    height: 100%;
    overflow: hidden;
    border: 1px solid #e8e6e0;
    border-radius: 8px;
    background: #fff;
}
.account-offers-page .item-box .thumbnail {
    height: 170px;
    margin: 0;
    overflow: hidden;
    border: 0;
    background: #f4f5f2;
}
.account-offers-page .item-box .thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.account-offers-page .item-box-dec {
    padding: 18px;
}
.account-offers-page .item-box-dec h4 {
    margin: 0 0 14px;
    color: #202329;
    font-size: 17px;
    font-weight: 700;
}
.account-offers-page .item-box-dec .d-flex {
    display: flex;
    gap: 8px;
}
.account-offers-page .item-box-dec .referral-code {
    min-width: 0;
    height: 42px;
    border: 1px dashed #cdd5ce;
    border-radius: 4px;
    background: #f7f8f5;
    font-weight: 700;
}
.account-offers-page .item-box-dec .cply-code {
    flex: 0 0 auto;
    border: 0;
    border-radius: 4px;
    background: #176b48;
    color: #fff;
}
.account-offers-page .item-box-dec > .link {
    display: inline-block;
    margin-top: 12px;
    color: #176b48;
    font-size: 13px;
    font-weight: 650;
}

.account-password-page .changePass form {
    max-width: 620px;
}
.account-password-page .changePass .form-group {
    margin-bottom: 20px;
}
.account-password-page .changePass .form-group label {
    display: block;
    margin-bottom: 7px;
    color: #555c62;
    font-size: 13px;
    font-weight: 650;
}
.account-password-page .changePass .form-control {
    height: 46px;
    border: 1px solid #dfe2e3;
    border-radius: 5px;
    box-shadow: none;
}
.account-password-page .changePass .form-control:focus {
    border-color: #176b48;
    outline: 2px solid rgba(23, 107, 72, .14);
}
.account-password-page .changePass .saveaddress {
    min-height: 44px;
    padding: 0 22px;
    border: 0;
    border-radius: 5px;
    background: #176b48;
    color: #fff;
    font-weight: 700;
}

@media (max-width: 767px) {
    .account-manage-page {
        padding: 22px 0 42px;
    }
    .account-manage-page .account-manage-layout {
        grid-template-columns: minmax(0, 1fr);
        gap: 16px;
    }
    .account-manage-content > .account-manage-panel,
    .account-manage-content > .dashbordtxt.account-manage-panel,
    .account-manage-content > .account_dashboard.account-manage-panel {
        padding: 20px 16px;
    }
    .account-manage-title {
        font-size: 22px;
    }
    .account-shipping-page .adresbox {
        min-height: 0;
        margin-bottom: 14px;
    }
    .account-shipping-page #myAddressForm {
        padding: 14px;
    }
    .account-offers-page .offers-lising {
        grid-template-columns: minmax(0, 1fr);
    }
    .account-offers-page .item-box .thumbnail {
        height: 150px;
    }
}