
.nav-pills {
  --bs-nav-pills-border-radius: 1.125rem;
  --bs-nav-pills-link-active-color: #ffffff;
  --bs-nav-pills-link-active-bg: #b0986d;
}



.jcf-number .jcf-btn-dec.jcf-disabled, .jcf-number .jcf-btn-dec.jcf-disabled:hover, .jcf-number .jcf-btn-inc.jcf-disabled, .jcf-number .jcf-btn-inc.jcf-disabled:hover {
    background: #b0986d !important;
    border-color: #b0986d !important;
    color: #ffffff;
}
.jcf-number .jcf-btn-dec:hover, .jcf-number .jcf-btn-dec.hover, .jcf-number .jcf-btn-inc:hover, .jcf-number .jcf-btn-inc.hover {
    background: #c1a77b !important;
    border-color: #c1a77b !important;
    color: #ffffff !important;
}
.jcf-number .jcf-btn-dec:hover,.jcf-number .jcf-btn-dec.hover,.jcf-number .jcf-btn-inc:hover,.jcf-number .jcf-btn-inc.hover {
  background: #b0986d !important;
    color: #ffffff !important;
}

.jcf-number .jcf-btn-dec,.jcf-number .jcf-btn-inc {
    color: #ffffff !important;
    border-color: #b0986d !important;
    background: #b0986d !important;
}
.jcf-number .jcf-btn-dec:hover,.jcf-number .jcf-btn-inc:hover {
    background: #c1a77b !important;
    border-color: #c1a77b !important;
    color: #ffffff !important;
}


.btn-primary, section.product-card, div.content-block .badge, btn-keypad {
  --bs-btn-color: #ffffff;
  --bs-btn-bg:  #b0986d;
  --bs-btn-border-color:  #b0986d;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #d47b2b;
  --bs-btn-hover-border-color: #c77429;
  --bs-btn-focus-shadow-rgb: 250, 162, 82;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #c77429;
  --bs-btn-active-border-color: #bb6d26;
  --bs-btn-active-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
  --bs-btn-disabled-color: #ffffff;
  --bs-btn-disabled-bg:  #b0986d;
  --bs-btn-disabled-border-color:  #b0986d;
}
:root {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #f06060;
  --bs-orange:  #b0986d;
  --bs-yellow: #ffc107;
  --bs-green: #00b26b;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000000;
  --bs-white: #ffffff;
  --bs-gray: #657281;
  --bs-gray-dark: #2b2b38;
  --bs-gray-100: #fbfbfc;
  --bs-gray-200: #f6f7f9;
  --bs-gray-300: #e1e5ea;
  --bs-gray-400: #c4cbd4;
  --bs-gray-500: #8d98a5;
  --bs-gray-600: #657281;
  --bs-gray-700: #394049;
  --bs-gray-800: #2b2b38;
  --bs-gray-900: #15181e;
  --bs-primary:  #b0986d;
  --bs-secondary: #6bba00;
  --bs-success: #00b26b;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #f06060;
  --bs-light: #f6f7f9;
  --bs-dark: #15181e;
  --bs-primary-rgb: 249, 145, 51;
  --bs-secondary-rgb: 193, 167, 123;
  --bs-gradient-light-rgb: 176, 152, 109;
  --bs-success-rgb: 0, 178, 107;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 240, 96, 96;
  --bs-light-rgb: 246, 247, 249;
  --bs-dark-rgb: 21, 24, 30;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-body-color-rgb: 101, 114, 129;
  --bs-body-bg-rgb: 249, 145, 51;
  --bs-font-sans-serif: "Poppins", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: .875rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.4286;
  --bs-body-color: #657281;
  --bs-body-bg:  #b0986d;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #f6f7f9;
  --bs-border-color-translucent: rgba(0, 0, 0, .175);
  --bs-border-radius: 1rem;
  --bs-border-radius-sm: .5rem;
  --bs-border-radius-lg: 1.25rem;
  --bs-border-radius-xl: 1.5rem;
  --bs-border-radius-2xl: 1.875rem;
  --bs-border-radius-pill: 50rem;
  --bs-link-color: #c1a77b;
  --bs-link-hover-color: #c6650e;
  --bs-code-color: #d63384;
  --bs-highlight-bg: #fff3cd;
}

a.btn.btn-primary:hover,a.btn.btn-primary:active,a.btn.btn-primary.active,button.btn.btn-primary:hover,button.btn.btn-primary:active,button.btn.btn-primary.active {
  background: #c1a77b;
  border-color: #c1a77b;
}

a.btn.btn-outline-primary:hover,a.btn.btn-outline-primary.hover,button.btn.btn-outline-primary:hover,button.btn.btn-outline-primary.hover {
  border-color: #c1a77b;
}

.text-bg-secondary {
    background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important;

}
.slide-popup {
    background:var(--bs-body-bg);
}
.checkout-steps .active .step-icon {
    
    color:#b0986d;
}
.step-icon {
    
    color:#b0986d;
    background-color:rgba(255,255,255,0.25);
}
.btn-keypad-light {
    color:#b0986d;
    background-color: RGBA(var(--bs-gradient-light-rgb), var(--bs-bg-opacity, 0.32)) !important;
}
.btn-keypad-full {
    color:#fff !important;
    background-color: RGBA(var(--bs-gradient-light-rgb), var(--bs-bg-opacity, 1)) !important;
}
.step-caption {
    color:rgba(255,255,255,0.82);
}
.checkout-steps li:before {
    border-bottom:1px dashed rgba(255,255,255,0.82);
}
.form-check-input:checked {
  --bs-btn-bg:  #b0986d;
}
