@font-face {
  font-family: "kanit";
  src: url("../fonts/kanit/kanit-black.eot") format("embedded-opentype"), url("../fonts/kanit/kanit-black.woff") format("woff"), url("../fonts/kanit/kanit-black.woff2") format("woff2"), url("../fonts/kanit/kanit-black.ttf") format("truetype");
  font-style: normal;
  font-weight: 900;
}
@font-face {
  font-family: "kanit";
  src: url("../fonts/kanit/kanit-extrabold.eot") format("embedded-opentype"), url("../fonts/kanit/kanit-extrabold.woff") format("woff"), url("../fonts/kanit/kanit-extrabold.woff2") format("woff2"), url("../fonts/kanit/kanit-extrabold.ttf") format("truetype");
  font-style: normal;
  font-weight: 800;
}
@font-face {
  font-family: "kanit";
  src: url("../fonts/kanit/kanit-bold.eot") format("embedded-opentype"), url("../fonts/kanit/kanit-bold.woff") format("woff"), url("../fonts/kanit/kanit-bold.woff2") format("woff2"), url("../fonts/kanit/kanit-bold.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-family: "kanit";
  src: url("../fonts/kanit/kanit-semibold.eot") format("embedded-opentype"), url("../fonts/kanit/kanit-semibold.woff") format("woff"), url("../fonts/kanit/kanit-semibold.woff2") format("woff2"), url("../fonts/kanit/kanit-semibold.ttf") format("truetype");
  font-style: normal;
  font-weight: 600;
}
@font-face {
  font-family: "kanit";
  src: url("../fonts/kanit/kanit-medium.eot") format("embedded-opentype"), url("../fonts/kanit/kanit-medium.woff") format("woff"), url("../fonts/kanit/kanit-medium.woff2") format("woff2"), url("../fonts/kanit/kanit-medium.ttf") format("truetype");
  font-style: normal;
  font-weight: 500;
}
@font-face {
  font-family: "kanit";
  src: url("../fonts/kanit/kanit-regular.eot") format("embedded-opentype"), url("../fonts/kanit/kanit-regular.woff") format("woff"), url("../fonts/kanit/kanit-regular.woff2") format("woff2"), url("../fonts/kanit/kanit-regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "kanit";
  src: url("../fonts/kanit/kanit-light.eot") format("embedded-opentype"), url("../fonts/kanit/kanit-light.woff") format("woff"), url("../fonts/kanit/kanit-light.woff2") format("woff2"), url("../fonts/kanit/kanit-light.ttf") format("truetype");
  font-style: normal;
  font-weight: 300;
}
@font-face {
  font-family: "kanit";
  src: url("../fonts/kanit/kanit-extralight.eot") format("embedded-opentype"), url("../fonts/kanit/kanit-extralight.woff") format("woff"), url("../fonts/kanit/kanit-extralight.woff2") format("woff2"), url("../fonts/kanit/kanit-extralight.ttf") format("truetype");
  font-style: normal;
  font-weight: 200;
}
@font-face {
  font-family: "kanit";
  src: url("../fonts/kanit/kanit-thin.eot") format("embedded-opentype"), url("../fonts/kanit/kanit-thin.woff") format("woff"), url("../fonts/kanit/kanit-thin.woff2") format("woff2"), url("../fonts/kanit/kanit-thin.ttf") format("truetype");
  font-style: normal;
  font-weight: 100;
}
img{
  max-width: 100%;
  height: auto;
}
html{
  font-size: 16px;
}
html,body,h1,h2,h3,h4,h5,h6,p,div,span,input,textarea,label,li,a{
  font-family: kanit;
}

.img-cover {
    -o-object-fit: cover;
       object-fit: cover;
  }
  
  .full-img {
    width: 100%;
    height: 100%;
  }

  section.section.section-height-5{
    padding: 0;
  }

  .overlay:hover:before, .overlay.overlay-show:before, .overlay.show:before{
    opacity: 0;
  }

  @media (min-width: 992px){
    #header .header-nav-main nav > ul > li > a.dropdown-toggle .fa-chevron-down {
        display: block;
        font-size: 10px;
        margin-left: 5px;
    }
  }

  #header .header-nav.header-nav-links nav > ul li:hover > a:not(.dropdown-item),#header .header-nav.header-nav-links nav > ul:not(:hover) > li > a.active,html .header-container .text-color-hover-primary:hover, html .text-hover-primary:hover{
    color: #e1dcc7!important;
  }

  #header .header-body{
    background-color: #B2C1A3;
  }
  .language-active{
    opacity: .25;
    pointer-events: none;
  }

  .tracking-wide {
    letter-spacing: 0.025em;
  }

  .splide__pagination__page.is-active{
    background-color: var(--bs-secondary);
  }

  .splide__pagination{
    bottom: -1.5em;
  }

  .post--branch{
    transition: all .25s;
    border-radius: 6px;
  }
  .post--branch:hover{
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  .post--branch .post-image{
    border-radius: 6px;
    overflow: hidden;
  }
  .post--branch .post-content{
    padding: 0 12px;
  }

  .bg-primary-opacity-20{
    background-color: rgba(138, 183, 112, 0.2);
  }
  .rounded-md{
    border-radius: 6px;
  }
  .overflow-hidden{
    overflow: hidden;
  }

  .menu-img-size{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .inline-block{
    display: inline-block;
  }
  .custom-testimonial-style-1.testimonial-with-quotes.custom-testimonial-style-1-quote-big blockquote:before, .custom-testimonial-style-1.testimonial-with-quotes.custom-testimonial-style-1-quote-big blockquote:after{
    font-size:3rem;
  }

  .vegetable .thumb-info.thumb-info-lighten .thumb-info-wrapper:after{
    background-color: rgba(23, 23, 23, 0.09);
  }

  .custom-thumb-info.thumb-info {
    max-width: 80% !important;
    border-radius: 100% !important;
}

.iframe-wrapper iframe{
  max-width: 100%;
}

.asp-16b9 {
  --tw-aspect-h: 9;
  position: relative;
  padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
  --tw-aspect-w: 16;
}
.asp-2b1 {
  --tw-aspect-h: 1;
  position: relative;
  padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
  --tw-aspect-w: 2;
}

.asp-16b9 > *,.asp-2b1 > * {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.flex-nowrap{
  flex-wrap: nowrap;
}

@media(max-width: 425px){
  .nav-tabs--promotion li a{
    padding: 5px !important;
    font-size: 14px!important;
    margin: 0 10px!important;
  }
}

.overlay.overlay-op-7:hover:before, .overlay.overlay-op-7.overlay-show:before, .overlay.overlay-op-7.show:before{
  opacity: .2;
}

.lim{
  overflow: hidden !important;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.lim-1 {
  -webkit-line-clamp: 1 !important;
}
.lim-2 {
  -webkit-line-clamp: 2 !important;
}
.lim-3 {
  -webkit-line-clamp: 3 !important;
}
.lim-4 {
  -webkit-line-clamp: 4 !important;
}

.transformation-card > .card-body{
  display: flex;
  flex-direction: column;
}
@media (min-width: 992px){
  .transformation-card > .card-body{
    flex-direction: row;
  }
}

.transformation-card > .card-body > div{
  flex: 0 0 48%;
  
}
.transformation-card > .card-body > div:last-child{
  margin-left: 2%;
}

.our-blog-item .post-infos {
  position: relative;
  background: #FFF;
  padding: 15px;
}

.our-blog-item .post-infos .share {
  position: absolute;
  bottom: calc(100% - 22px);
  right: 15px;
  border-radius: 50px;
  width: 46px;
  height: 43px;
  overflow: hidden;
  z-index: 1;
  transition: ease height 300ms;
}

.our-blog-item .post-infos .share:hover {
  height: 184px;
}

.our-blog-item .post-infos .share .share-icons {
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
}

.our-blog-item .post-infos .share .share-icons i {
  display: block;
  color: #FFF;
  padding: 15px;
  opacity: 0.5;
  transition: ease opacity 300ms;
}

.our-blog-item .post-infos .share .share-icons i.fa-share-alt {
  opacity: 1;
}

.our-blog-item .post-infos .share .share-icons i:hover {
  opacity: 1;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
  background-repeat: no-repeat;
  background-position-x: 99%;
  background-position-y: 9px;
  border: 1px solid #dfdfdf;
  border-radius: 2px;
  margin-right: 2rem;
  padding: 1rem;
  padding-right: 2rem;
}

.full-url{
  position: relative;
}
.full-url > a{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}

.splide-ourbranch .post.post--branch.post-medium{
  background-color: rgba(217,217,217,.2);
  height: 100%;
}

.bg-FBF6E8{
  background-color: #FBF6E8!important;
}

.bg-default{
  background-position: center;
  background-repeat: no-repeat;
}
.bg-cover{
  background-size: cover;
}

@media (min-width:992px){
  .farm-to-table{
    padding: 4rem 0 3rem
  }
}

.home-info-pic.custom-thumb-info.thumb-info{
  max-width: 100%!important;
} 

@media (min-width:992px){
  .bg-md-right{
    background-position: right;
  }
  .header-height{
    height: 60px;
  }
  #header .header-nav {
    min-height: 60px;
  }
  #header .header-top{
    min-height: 35px;
  }
}
#header.header-effect-shrink .header-container{
  min-height: initial;
}
@media (max-width: 991px){
  #header .header-nav.header-nav-links nav > ul li:hover > a:not(.dropdown-item){
      color: #212529!important;
  }
}

body{
  overflow-x: hidden;
}

.btn-outline-primary{
  color:var(--primary);
  border-color:var(--primary);
}
.btn-outline-primary:hover {
  color: #fff;
  background-color: var(--primary);
  border-color: var(--primary);
}

.splide-menu .splide__pagination{
  bottom: -1em;
}

#footer{
  margin-top: 0;
  background: #B2C1A3!important;
  border-top-color: #B2C1A3!important;
}

.flex-20{
  flex:0 0 20px
}
.bg-1A4525{
  background-color: #194424;
}

html .scroll-to-top{
  border-radius: 50%;
  background-color: #d6d6d6;
  width: 50px;
  height: 50px;
  opacity: 1;
  color: #194424;
  bottom: 3rem;
}

.scroll-to-top{
  visibility:hidden;
  opacity: 0;
  transition: all .25s;
}

.visible{
  visibility:visible;
  opacity: 1;
} 

.cookies-wrapper {
  position: fixed;
  bottom: 1.25rem;
  left: 50%;
  display: flex;
  width: 100%;
  transform: translateX(-50%);
  flex-direction: column;
  justify-content: center;
  border-radius: 0.375rem;
  --tw-bg-opacity: .9;
  background-color: rgb(64 64 64 / var(--tw-bg-opacity));
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.cookies-wrapper.hidden{
  display: none;
}

@media (min-width: 768px) {

  .cookies-wrapper {
    flex-direction: row;
  }
}

.cookies-wrapper {
  max-width: 1180px;
  z-index: 1041;
}
@media (max-width: 1280px) {
  .cookies-wrapper {
    max-width: 90%;
  }
}

.cookies-text {
  padding: 1.25rem;
  padding-right: 2rem;
}

@media (min-width: 576px) {

  .cookies-text {
    padding: 2rem;
    padding-bottom: 1.5rem;
  }
}

@media (min-width: 768px) {

  .cookies-text {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}

.cookies-action {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 1rem;
  padding-right: 1rem;
}

@media (min-width: 768px) {

  .cookies-action {
    padding-bottom: 0px;
    width: 170px;
    flex: 0 0 170px;
  }
}

.cookies-accept {
  width: 250px;
  cursor: pointer;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: center;
  font-size: 1.25rem;
  --tw-text-opacity: 1;
  color: #e1dcc7;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  background-color: #194424;
  border-radius: 999px;
}

@media (min-width: 768px) {

  .cookies-accept {
    margin-right: 1rem;
  }
}

.cookies-denied {
  position: absolute;
  cursor: pointer;
}

@media (min-width: 768px) {

  .cookies-denied {
    position: relative;
  }
}
@media (max-width: 767px) {
  .cookies-denied {
    top: 0.75rem;
    right: 0.75rem;
  }
}

#header .header-btn-collapse-nav{
  background-color: #B2C1A3;
}

.policy-tabs .nav-tabs li .nav-link{
  font-size: 15px;
}

#header .header-top.header-top-default{
  background-color: #fff;
}

@media (max-width:1199px) {
  .side-panel-toggle{
    margin-top: -15px;
  }
  .policy-tabs{
    position: relative;
  }
  .policy-tabs .nav-tabs{
    position: absolute;
    z-index: 9;
    top: 40px;
    left: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  .side-panel-toggle.active + .nav-tabs{
    opacity: 1;
    visibility: visible;
  }
}

.google-map{
  margin: 0;
}
body,.body,section.section,#header .header-top.header-top-default{
background-color: #FAF7E9!important}


@media (min-width: 992px){
  #header .header-nav.header-nav-links nav > ul li:hover > a {
      color: #194424;
  }
}
.btn{
  border-radius: 999px
}
html .btn-dark{
  background-color: #194424;
  border-color: #194424 #194725 #113019;
  color: #e1dcc7;
}

html .btn-dark:hover, html .btn-dark.hover{
  background-color: #194424;
  border-color: #194424 #194725 #113019;
  color: #e1dcc7;
}
.btn-outline-primary:hover{
  background-color: #194424;
  border-color: #194424 #194725 #113019;
  color: #e1dcc7;

}