:root{
    font-size: 16px;
    --bs-font-sans-serif: 'FreightSansPro', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-body-line-height: 1.3;
    --bs-primary-rgb: 217, 180, 100;
    --bs-primary: #D9B464;;
    --bs-secondary-rgb: 64, 27, 12;
    --bs-secondary: #401B0C;
    --bs-body-color:#401B0C;
    --bs-space: clamp(3.125rem, 0.947rem + 6.061vw, 6.25rem);
    --bs-space-mini: clamp(1.875rem, 0.133rem + 4.848vw, 4.375rem);
    --bs-body-font-weight: 350;
    --bs-link-color-rgb: 64, 27, 17;
    --bs-link-hover-color-rgb: 217, 180, 100;
}

body {
    background-color: var(--bs-light);
}
a {
    display: inline-block;
    text-decoration: none;
    transition: all 0.5s;
    outline: none;
}
figure {
    margin: 0;
}

figure a {
    display: inline-block;
    line-height: 1;
}

figure img,
a img {
    width: 100%;
}

p:empty,ul:empty,ol:empty{
    display: none;
}

p, ul, ol{
  margin-bottom: 0.5em;
}
p:last-child, ul:last-child, ol:last-child {
    margin-bottom: 0;
}

.bg-black {
  --bs-link-color-rgb: 255, 255, 2557;
}
.bg-secondary {
  color: var(--bs-white);
  --bs-link-color-rgb: 217, 180, 100;
  --bs-link-hover-color-rgb: 255, 255, 255;
}
/*===== Start space =====*/
.mb-space {
  margin-bottom:var(--bs-space);
}
.mt-space {
  margin-top:var(--bs-space);
}
.my-space {
  margin-top: var(--bs-space);
  margin-bottom: var(--bs-space);
}
.ms-space {
  margin-left:var(--bs-space);
}
.me-space {
  margin-right:var(--bs-space);
}
.mx-space {
  margin-left: var(--bs-space);
  margin-right: var(--bs-space);
}
.pb-space {
  padding-bottom:var(--bs-space);
}
.pt-space {
  padding-top:var(--bs-space);
}
.py-space {
  padding-top: var(--bs-space);
  padding-bottom: var(--bs-space);
}
.ps-space {
  padding-left:var(--bs-space);
}
.pe-space {
  padding-right:var(--bs-space);
}
.px-space {
  padding-left: var(--bs-space);
  padding-right: var(--bs-space);
}
.mb-space-mini {
  margin-bottom: var(--bs-space-mini);
}
.mt-space-mini {
  margin-top: var(--bs-space-mini);
}
.my-space-mini {
  margin-top:  var(--bs-space-mini);
  margin-bottom:  var(--bs-space-mini);
}
.ms-space-mini {
  margin-left: var(--bs-space-mini);
}
.me-space-mini {
  margin-right: var(--bs-space-mini);
}
.mx-space-mini {
  margin-left:  var(--bs-space-mini);
  margin-right:  var(--bs-space-mini);
}
.pb-space-mini {
  padding-bottom: var(--bs-space-mini);
}
.pt-space-mini {
  padding-top: var(--bs-space-mini);
}
.py-space-mini {
  padding-top:  var(--bs-space-mini);
  padding-bottom:  var(--bs-space-mini);
}
.ps-space-mini {
  padding-left: var(--bs-space-mini);
}
.pe-space-mini {
  padding-right: var(--bs-space-mini);
}
.px-space-mini {
  padding-left:  var(--bs-space-mini);
  padding-right:  var(--bs-space-mini);
}
/*===== End space =====*/

/*===== Start container css =====*/
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    --bs-gutter-x: 3rem;
}
.container-left {
  padding-left: calc((100% - 1228px) / 2);
}
.container-right {
  padding-right: calc((100% - 1228px) / 2);
}
@media (min-width: 1400px) {
    .container{
        max-width: 1228px;
    }
    .display-1 {
      font-size: 6rem;
    }
}
/*===== End container css =====*/

/*===== Start btn =====*/
.btn {
    --bs-btn-padding-x: 1.9375rem;
    --bs-btn-padding-y: 1.375rem;
    --bs-btn-font-size: 1.5rem;
    --bs-btn-font-weight: 700;
    --bs-btn-line-height: 1;
    border-width: 0;
    border-radius: 0;
    text-transform: uppercase;
}

.btn-group-sm>.btn, .btn-sm {
    --bs-btn-padding-x: 1.55rem;
    --bs-btn-padding-y: 1.29rem;
    --bs-btn-font-size: 1.25rem;
    --bs-btn-border-radius: 0;
}

.btn-primary {
    --bs-btn-color: var(--bs-secondary);
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-color: var(--bs-secondary);
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-active-color: var(--bs-secondary);
    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-active-border-color: var(--bs-primary);
    --bs-btn-disabled-color: var(--bs-secondary);
    --bs-btn-disabled-bg: var(--bs-primary);
    --bs-btn-disabled-border-color: var(--bs-primary);
}
@media screen and (max-width: 1200px) {
  .btn {
      --bs-btn-font-size: calc(1.275rem + .3vw);
  }
  .btn-group-sm>.btn, .btn-sm {
      --bs-btn-font-size: 1rem;
  }
}
/*===== End btn =====*/