@import "tailwindcss";
@config "../../tailwind.config.js";
@plugin "@tailwindcss/forms";
@font-face {
  font-family: "Avenir LT Std";
  src: url("../scss/AvenirLTStd-Book.eot");
  src: local("Avenir LT Std 45 Book"), local("AvenirLTStd-Book"),
    url("../scss/AvenirLTStd-Book.eot?#iefix") format("embedded-opentype"),
    url("../scss/AvenirLTStd-Book.woff2") format("woff2"),
    url("../scss/AvenirLTStd-Book.woff") format("woff"),
    url("../scss/AvenirLTStd-Book.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Avenir";
  src: url("../scss/Avenir-Light.eot");
  src: local("Avenir Light"), local("Avenir-Light"),
    url("../scss/Avenir-Light.eot?#iefix") format("embedded-opentype"),
    url("../scss/Avenir-Light.woff2") format("woff2"),
    url("../scss/Avenir-Light.woff") format("woff"),
    url("../scss/Avenir-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

html {
  font-family: "Avenir";
}
h1,
h2,
h3,
h4 {
  font-family: "Avenir LT Std";
  font-weight: normal;
}

.f-r {
  float: right;
  @media (min-width: 768px) and (max-width: 1024px) {
    width: 100vw;
    height: auto;
  }
}
.f-l {
  float: left;
  @media (min-width: 768px) and (max-width: 1024px) {
    width: 100vw;
    height: auto;
  }
}
.bg {
  background-color: #f9f9f9;
}
.container {
  max-width: 1650px;
}
.container-xs {
  max-width: 1250px;
}


  .swiper-button-next {
    background-color: url(../images/right-arrow.svg)!important;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center;
  }
  .swiper-button-prev { background-image: url(../images/left-arrow.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center;}
.swiper-button-next, .swiper-button-prev {
  
  color: #5a7449!important
}

.swiper-pagination-bullet-active {
  fill: #a2a2a2 !important;
}
.bg-green{background-color: #5a7449;}
.popup-content {  margin: auto;  background: rgb(255, 255, 255);  width: 80%;  padding: 5px;}
.popup-arrow {  color: rgb(255, 255, 255);}[role='tooltip']
.popup-content {  width: 200px;  box-shadow: rgba(0, 0, 0, 0.16) 0px 0px 3px;}
.popup-overlay {  background: rgba(0, 0, 0, 0.5);}[data-popup='tooltip']
.popup-overlay {  background: transparent;}
.swiper-button-next {
  background-image: url(../images/right-arrow.svg)!important;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center;
}
.swiper-button-prev { background-image: url(../images/left-arrow.svg);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center;}
.swiper-button-next::after {
  display: none;
}
.vertical-timeline-element-content {
  background: transparent!important;
box-shadow: none!important;
}
.vertical-timeline-element-content-arrow {display:none!important;
  
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #5a7449 !important;
}
.HomeSwiper{background: no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}