:root{
	font-size: 16px;
	--bs-font-sans-serif: "freight-sans-pro" ,sans-serif;
  --bs-ff-fairplex-narrow: "fairplex-narrow",serif;
  --bs-ff-fairplex-wide: "fairplex-wide",serif;
  --bs-ff-Bakersfield:'Bakersfield Script';
  --bs-FreightSans: "freight-sans-pro" ,sans-serif ;
  --bs-brown: #826D5A;
  --bs-navy: #415E75;
  --bs-dark-blue: #5C87AB;
  --bs-cream: #F1ECE7;
  --bs-light-blue: #98B9D0;
  --bs-light-brown: #D39C71;
  --bs-light-green: #B1C296;
  --bs-green: #71A37A;
  --bs-yellow: #FFD594;
  --bs-light-yellow: #FFECCF;
  --bs-link-color: var(--bs-brown);
  --bs-link-hover-color: var(--bs-light-brown);
  --bs-body-font-size: 20px;
  --bs-body-color: var(--bs-brown);
  --bs-space:50px;
  --bs-body-line-height: 1.3;
}
/*===== Start root =====*/

@media screen and (max-width: 1399px){
  :root {
    --bs-space: 46px; 
    --bs-body-font-size: 18.85px;
  }
}

@media screen and (max-width: 1199px){
  :root {
    --bs-space: calc(18px + 1vw);
    --bs-body-font-size: 17px; 
  }
}
@media screen and (max-width: 757px){
  :root {
    --bs-body-font-size: 16px; 
  }
}

/*===== End root =====*/

a {
	display: inline-block;
	text-decoration: none;
	transition: all 0.5s;
  color: var(--bs-link-color);
  --bs-hover-color: var(--bs-link-hover-color);
}
a:hover {
  color: var(--bs-hover-color);
}
img{
	line-height: 0;
	height: auto;
	max-width: 100%;
  transition: all 0.5s;
}
figure {
 	margin: 0;
 	line-height: 0;
}

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

figure img,
a img {
	width: 100%;
}
.h3, .h4, .h5, .h6, h3, h4, h5, h6 {
    margin-bottom: .5em;
    font-weight: 400;
    font-family: var(--bs-ff-krona);
}
.h1, h1, .h2, h2{
    margin-bottom: .4em;
    font-weight: 400;
}

input {
    outline: none;
}
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;
}

.ff-ff-Bakersfield {
  font-family: var(--bs-ff-Bakersfield) !important;
}
.ff-fairplex-narrow {
  font-family: var(--bs-ff-fairplex-narrow) !important;
}
.ff-fairplex-wide {
  font-family: var(--bs-ff-fairplex-wide) !important;
}
.ff-FreightSans {
  font-family: var(--bs-FreightSans) !important;
}
.border-light-brown {
    border-color: var(--bs-light-brown) !important;
}
.border-cream {
    border-color: var(--bs-cream) !important;
}
.border-brown {
    border-color: var(--bs-brown) !important;
}
.border-yellow {
   border-color: var(--bs-yellow) !important;
}
.bg-cream{
  background: var(--bs-cream) !important;
}
.bg-green {
  background-color: var(--bs-green) !important;
}
.bg-light-yellow {
  background-color: var(--bs-light-yellow) !important;
}
.bg-light-blue {
  background-color: var(--bs-light-blue) !important;
}
.bg-light-brown {
  background-color: var(--bs-light-brown) !important;
}
.bg-brown {
  background-color: var(--bs-brown) !important;
}
.bg-navy {
  background-color: var(--bs-navy) !important;
}
.bg-light-green {
  background-color: var(--bs-light-green) !important;
}

.text-light-yellow {
  color: var(--bs-light-yellow) !important;
}
.text-light-green{
  color: var(--bs-light-green) !important;
}
.text-cream {
  color: var(--bs-cream) !important;
}
.text-green {
  color: var(--bs-green) !important;
}
.text-light-brown {
  color: var(--bs-light-brown) !important;
}
.text-brown {
  color: var(--bs-brown) !important;
}
.text-dark-blue {
  color: var(--bs-dark-blue) !important;
}
.text-navy {
  color: var(--bs-navy) !important;
}

.mix-blend{
  mix-blend-mode: multiply;
}
.lh-0{
  line-height: 0 !important;
}
.heading-title {
    font-family: var(--bs-ff-Bakersfield);
    font-size: 104px;
    line-height: 1;
}
.banner-wrap {
    padding: 1em 1.5em 0.5em;
}
.banner-title {
    font-family: var(--bs-ff-Bakersfield);
    font-size: 116px;
    line-height: 0.7;
}
.btn {
  --bs-btn-font-size: 24px;
  --bs-btn-font-family: var(--bs-ff-fairplex-narrow);
  text-transform: capitalize;
  --bs-btn-padding-x: 1.33em;
  --bs-btn-padding-y: 0.35em;
  --bs-border-width: 0.1em;
  --bs-border-radius: 0px;
  --bs-btn-line-height: 1;
  background-color: transparent;
}
.btn-sm {
   --bs-btn-font-size: 20px; 
   --bs-border-radius-sm: 0px;
   --bs-btn-padding-x: 1em;
}
.btn-light-green {
    --bs-btn-color: var(--bs-cream);
    --bs-btn-hover-color: var(--bs-cream);
    --bs-btn-border-color: var(--bs-light-green);
    --bs-btn-hover-bg: var(--bs-light-green);
    --bs-btn-hover-border-color: var(--bs-light-green);
}
.btn-dark-Blue {
    --bs-btn-color: var(--bs-navy);
    --bs-btn-hover-color: var(--bs-cream);
    --bs-btn-border-color: var(--bs-dark-blue);
    --bs-btn-hover-bg: var(--bs-dark-blue);
    --bs-btn-hover-border-color: var(--bs-dark-blue);
}
.btn-light-blue {
    --bs-btn-color: var(--bs-dark-blue);
    --bs-btn-hover-color: var(--bs-cream);
    --bs-btn-border-color: var(--bs-light-blue);
    --bs-btn-hover-bg: var(--bs-light-blue);
    --bs-btn-hover-border-color: var(--bs-light-blue);
}
.btn-navy {
    --bs-btn-color: var(--bs-cream);
    --bs-btn-hover-color: var(--bs-light-brown);
    --bs-btn-border-color: var(--bs-navy);
    --bs-btn-hover-bg: var(--bs-navy);
    --bs-btn-hover-border-color: var(--bs-navy);
}

.btn-yellow {
    --bs-btn-color: var(--bs-light-yellow);
    --bs-btn-hover-color: var(--bs-light-yellow);
    --bs-btn-border-color: var(--bs-yellow);
    --bs-btn-hover-bg: var(--bs-yellow);
    --bs-btn-hover-border-color: var(--bs-yellow);
}
@media screen and (max-width: 1399px){
  .heading-title {
      font-size: 97px;
  }
  .banner-title {
    font-size: 106px;
  }
  .btn {
    --bs-btn-font-size: 22.62px;
  }
  .btn-sm {
    --bs-btn-font-size: 18.85px;
  }
  .br-xl-none br {
    display: none;
  }
}
@media screen and (max-width: 1199px){
  .heading-title {
    font-size: calc(48px + 2vw);
  }
  .banner-title {
    font-size: calc(45px + 2vw);
  }
  .btn {
    --bs-btn-font-size: calc(22px + .3vw);
  }
  .btn-sm {
    --bs-btn-font-size: calc(18.34px + .3vw);
  }
  .br-lg-none br {
    display: none;
  }
}
@media screen and (max-width: 991px){
  .br-md-none br {
    display: none;
  }
}
@media screen and (max-width: 767px){
  .br-sm-none br {
    display: none;
  }
}

/*===== Start fonts size css =====*/
.h1, h1 {
    font-size: calc(32px + 1.5vw);
}
.fs-1 {
    font-size: calc(32px + 1.5vw) !important;
}
.h2, h2 {
    font-size: calc(28px + .9vw);
}
.fs-2 {
    font-size: calc(28px + .9vw) !important;
}
.h3, h3 {
    font-size: calc(24px + .6vw);
}
.fs-3 {
    font-size: calc(24px + .6vw) !important;
}
.h4, h4 {
    font-size: calc(22px + .3vw);
}
.fs-4 {
    font-size: calc(22px + .3vw) !important;
}
.h5, h5 {
    font-size: 17px;
}
.fs-5 {
    font-size: 17px !important;
}
.h6, h6 {
    font-size: 16px;
}
.fs-6 {
    font-size: 16px !important;
}

@media (min-width: 1200px) {
  .h1, h1 {
      font-size: 56.53px;
  }
  .fs-1 {
      font-size: 56.53px !important;
  }
  .h2, h2 {
      font-size: 41.46px;
  }
  .fs-2 {
      font-size: 41.46px !important;
  }
  .h3, h3 {
      font-size: 33.92px;
  }
  .fs-3 {
      font-size: 33.92px !important;
  }
  .h4, h4 {
      font-size: 22.62px;
  }
  .fs-4 {
      font-size: 22.62px !important;
  }
  .h5, h5 {
      font-size: 18.85px;
  }
  .fs-5 {
      font-size: 18.85px !important;
  }
  .h6, h6 {
      font-size: 16.96px;
  }
  .fs-6 {
      font-size: 16.96px !important;
  }
}
@media (min-width: 1400px) {
  .h1, h1 {
      font-size: 60px;
  }
  .fs-1 {
      font-size: 60px !important;
  }
  .h2, h2 {
      font-size: 44px;
  }
  .fs-2 {
      font-size: 44px !important;
  }
  .h3, h3 {
      font-size: 36px;
  }
  .fs-3 {
      font-size: 36px !important;
  }
  .h4, h4 {
      font-size: 24px;
  }
  .fs-4 {
      font-size: 24px !important;
  }
  .h5, h5 {
      font-size: 20px;
  }
  .fs-5 {
      font-size: 20px !important;
  }
  .h6, h6 {
      font-size: 18px;
  }
  .fs-6 {
      font-size: 18px !important;
  }
}
@media (max-width: 767px) {
  .h5, h5 {
    font-size: 16px;
  }
  .fs-5 {
      font-size: 16px !important;
  }
  .h6, h6 {
      font-size: 15px;
  }
  .fs-6 {
      font-size: 15px !important;
  }
}
/*===== End fonts size css =====*/

/*===== 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);
}
/*===== End space =====*/

/*===== Start container =====*/
@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1210px;
    }
}
.container-left,
.container-right {
    --bs-gutter-x: 1.5rem;
    max-width: 605px;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x)* .5);
    padding-left: calc(var(--bs-gutter-x)* .5);
}
.container-left{
  margin-left: auto;
}
.container-right {
  margin-right: auto;
}

@media screen and (max-width: 1399px){
  .container-left,
  .container-right {
      max-width: 570px;
  }
}
@media screen and (max-width: 1199px){
  .container-left,
  .container-right {
      max-width: 480px;
  }
}
@media screen and (max-width: 991px){
  .container-left,
  .container-right {
      max-width: 360px;
  }
}
@media screen and (max-width: 767px){
  .container-left,
  .container-right {
      max-width: 540px;
      margin-left: auto;
      margin-right: auto;
  }
}
@media screen and (max-width: 575px){
  .container-left,
  .container-right {
      max-width: 100%;
  }
}
/*===== End container =====*/