:root{
    font-size: 16px;
    --bs-font-sans-serif: "Work Sans", 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-primary-rgb: 20, 73, 35;
    --bs-primary: #144923;
    --bs-light-rgb: 246, 234, 213;
    --bs-light: #F6EAD5;   
    --bs-black-rgb: 22, 26, 33;
    --bs-black:#161a21;
    --bs-secondary-rgb: 71, 89, 50;
    --bs-secondary: #475932;
    --bs-body-color:#161a21;
    --bs-space: clamp(2.5rem, 0.7955rem + 7.2727vw, 6.25rem);
    --bs-space-mini: clamp(1.5625rem, 0.8523rem + 3.0303vw, 3.125rem);

    --bs-link-color-rgb: 22, 26, 33;
    --bs-link-hover-color-rgb: 160, 18, 52;
}
body {
    color: var(--bs-primary);
    font-family: var(--bs-font-sans-serif);
    font-size: 1.4375rem;
    line-height: 1.5;
    font-weight: 400;
    text-align: left; 
    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.8em;
}
p:last-child, ul:last-child, ol:last-child {
    margin-bottom: 0;
}

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

.ls-sm {
  letter-spacing: 0.05em;
}

.ls-md {
  letter-spacing: 0.1em;
}

.ls-lg {
  letter-spacing: 0.15em;
}

.fs-21{
    font-size: 1.3125rem;
}
.fs-22{
    font-size: 1.375rem;
}
.fs-30{
    font-size: 1.875rem;
}
.fs-32{
    font-size: 2rem;
}


/*===== Start container css =====*/
@media (min-width: 1440px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1312px;
    }
}
/*===== End container css =====*/