section#section-one {
  padding: 250px 0 150px 0;
  background: url(/wp-content/uploads/2025/03/hp-hero-section-bg-image-v2.jpg) center center no-repeat;
  background-size: cover;
}
section#section-one .eyebrow-text {
  display: flex;
  align-items: center;
  width: 100%;
  font-size: 17px;
  font-weight: 700;
  color: #3E5626;
  margin: 0 0 30px 0;
}
section#section-one .eyebrow-text img {
  display: inline-block;
  margin: 0 10px 0 0;
}
section#section-one h1 {
  max-width: 400px;
  font-size: 84px;
  font-weight: 600;
  line-height: 100%;
  color: #3E5626;
  margin: 0 0 30px 0;
}
section#section-one p {
  display: block;
  max-width: 520px;
  width: 100%;
  font-size: 21px;
  font-weight: 400;
  line-height: 33px;
  color: #7C8E69;
  margin: 0 0 70px 0;
}
section#section-one p span {
  font-weight: 700;
  font-style: italic;
}
section#section-one .cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #DD6727;
  font-size: 20px;
  font-weight: 600;
  line-height: 100%;
  color: #F3F5EB;
  text-decoration: none;
  padding: 20px 60px;
  margin: 0 30px 0 0;
  border: 1px solid transparent;
  border-radius: 35px;
  transition: 0.2s linear all;
}
section#section-one .cta:hover {
  background-color: transparent;
  color: #DD6727;
  border: 1px solid #DD6727;
}
section#section-one .banner-image {
  display: block;
  max-width: 822px;
  width: 100%;
  height: auto;
}

section#section-two {
  background-color: #263617;
  padding: 100px 0;
}
section#section-two h2 {
  display: flex;
  align-items: center;
  font-size: 48px;
  font-weight: 600;
  color: #F0F3E8;
  margin: 0 0 60px 0;
}
section#section-two h2 img {
  display: inline-block;
  margin: 0 10px 0 0;
}
section#section-two .product-row-slider {
  position: relative;
}
section#section-two .slick-prev {
  position: absolute;
  top: 50%;
  left: -60px;
  text-indent: -10000px;
  width: 16px;
  height: 16px;
  background: url(/wp-content/uploads/2025/03/chevron-left.png) center center no-repeat;
  border: 0;
  cursor: pointer;
}
section#section-two .slick-next {
  position: absolute;
  top: 50%;
  right: -60px;
  text-indent: -10000px;
  width: 16px;
  height: 16px;
  background: url(/wp-content/uploads/2025/03/chevron-right.png) center center no-repeat;
  border: 0;
  cursor: pointer;
}
section#section-two .slick-track {
    display: flex !important;
}
section#section-two .slick-slide {
    margin: 0 15px;
    height: inherit !important;
}
section#section-two .slick-list {
    margin: 0 -15px;
}
section#section-two .product-box-wrapper {
  background-color: #314121;
  padding: 20px;
  border-radius: 10px;
  overflow: hidden;
}
section#section-two .product-image-wrapper {
  position: relative;
  display: block;
  z-index: 1;
  margin: 0;
}
section#section-two .product-image-wrapper img {
  display: block;
  width: auto;
  height: 200px;
  border-radius: 10px;
  margin: 0 auto;
}
section#section-two .product-category a {
  font-size: 16px;
  font-weight: 400;
  color: #F2F5EA;
  text-decoration: none;
}
section#section-two .product-text-wrapper {
  padding: 20px 0;
}
section#section-two h3 {
  line-height: 30px;
  margin: 0 0 10px 0;
}
section#section-two h3 a {
  font-size: 20px;
  font-weight: 600;
  line-height: 100%;
  color: #F2F5EA;
  text-decoration: none;
}
section#section-two .product-tegobe-list {
  padding: 0 0 10px 0;
  margin: 0 0 10px 0;
  border-bottom: 1px solid #AFB699;
}
section#section-two .tegoba-tag {
  display: inline-block;
  background-color: #614B1F;
  font-size: 12px;
  font-weight: 300;
  color: #FFFFFF;
  padding: 5px 10px;
  margin: 0 5px 5px 0;
  border-radius: 4px;
}
section#section-two p.price {
  font-size: 20px;
  font-weight: 700;
  color: #F2F5EA;
  margin: 0;
}
section#section-two .add-to-cart a.add_to_cart_button {
  display: inline-block;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  font-weight: 500;
  background-color: #DD6727;
  padding: 10px 20px;
  border: 1px solid #DD6727;
  border-radius: 60px;
  margin: 10px 0 0 0;
  cursor: pointer;
  transition: 0.15s linear all;
}
section#section-two .add-to-cart a {
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
  color: #F3F5EB;
  text-decoration: none;
  transition: 0.15s linear all;
}
section#section-two .add-to-cart a.add_to_cart_button:hover  {
  background-color: transparent;
  border: 1px solid #DD6727;
}
section#section-two .add-to-cart a.added_to_cart {
  display: inline-block;
  margin: 0 0 0 30px;
  transition: 0.15s linear all;
}
section#section-two .add-to-cart a.added_to_cart:hover {
  text-decoration: underline;
}

section#section-three {
  padding: 160px 0;
}
section#section-three .title-image {
  display: block;
  margin: 0 auto;
}
section#section-three h2 {
  text-align: center;
  font-size: 48px;
  font-weight: 600;
  line-height: 100%;
  color: #3E5626;
  margin: 0 0 160px 0;
}
section#section-three p.subtitle {
  text-align: center;
  font-size: 21px;
  font-weight: 400;
  color: #7C8E69;
  margin: 0 0 160px 0;
}
section#section-three .content-box-wrapper {
  position: relative;
  height: calc(100% - 134px);
  display: flex;
  align-items: center;
  background-color: rgba(218,221,204,.4);
  padding: 30px;
  margin: 0 0 130px 0;
  border-radius: 10px;
}
section#section-three .img-wrapper {
  flex: 2;
}
section#section-three .img-wrapper img {
  position: absolute;
  left: 20px;
  bottom: 20px;
  max-width: 165px;
  width: 100%;
  height: auto;
}
section#section-three .content-box-holder {
  flex: 5
}
section#section-three h3 {
  margin: 0;
}
section#section-three h3 a {
  display: block;
  font-size: 42px;
  font-weight: 600;
  line-height: 100%;
  color: #3E5626;
  text-decoration: none;
  margin: 0 0 10px 0;
}
section#section-three p {
  font-size: 19px;
  font-weight: 400;
  color: #3E5626;
  margin: 0 0 20px 0;
}
section#section-three .content-box-holder a.cta {
  display: inline-block;
  background-color: #D6E4A9;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
  color: #3E5626;
  padding: 10px 30px;
  border-radius: 60px;
  transition: 0.15s linear all;
}
section#section-three .content-box-holder a.cta:hover {
  background-color: #DD6727;
  color: #F2F4EA;
}

#reference {
  display: none;
  padding: 160px 0;
}
#reference img {
  max-width: 629px;
  width: 100%;
  height: auto;
}
#reference h2 {
  text-align: center;
  font-size: 92px;
  font-weight: 600;
  line-height: 100%;
  color: #3E3E3E;
  margin: 0 0 40px 0;
}
#reference h3.subtitle {
  text-align: center;
  font-size: 32px;
  font-weight: 400;
  color: #3E3E3E;
  margin: 0 0 80px 0;
}
#reference .slide-content {
  height: 100%;
}
#reference p.text {
  min-height: 270px;
  font-size: 24px;
  line-height: 140%;
  color: #3E3E3E;
  margin: 0 0 60px 0;
}
#reference p.name {
  font-size: 28px;
  font-weight: 600;
  line-height: 100%;
  color: #FFA43F;
  margin: 0;
}
#reference p.role {
  font-size: 20px;
  font-weight: 300;
  color: #616161;
  margin: 0;
}

section#section-five {
  padding: 160px 0;
  background: url(/wp-content/uploads/2025/02/contact-us-banner.jpg) center center no-repeat;
  background-size: cover;
}
section#section-five h2 {
  max-width: 700px;
  font-size: 82px;
  font-weight: 700;
  line-height: 120%;
  color: #3E3E3E;
  margin: 0 0 80px 0;
}
section#section-five p {
  max-width: 580px;
  font-size: 24px;
  line-height: 140%;
  color: #3E3E3E;
  margin: 0 0 40px 0;
}
section#section-five .cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #DD6727;
  font-size: 22px;
  font-weight: 600;
  line-height: 100%;
  color: #F3F5EB;
  text-decoration: none;
  padding: 20px 60px;
  margin: 0;
  border: 1px solid transparent;
  border-radius: 35px;
  transition: 0.2s linear all;
}
section#section-five .cta:hover {
  background: transparent;
  color: #DD6727;
  border: 1px solid #DD6727;
}
section#section-five .cta svg {
  display: block;
  margin: 0 0 0 2px;
  transition: 0.2s linear all;
}
section#section-five .cta:hover svg {
  filter: #DD6727;
}


#section-six {
  padding: 160px 0 80px 0;
}
#section-six h2 {
  font-size: 62px;
  font-weight: 700;
  line-height: 110%;
  color: #3E5626;
  margin: 0;
}
#section-six p.subtitle {
  width: 100%;
  font-size: 21px;
  font-weight: 400;
  color: #3E5626;
  margin: 0;
}
/* Style the buttons that are used to open and close the accordion panel */
#section-six .accordion {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: transparent;
  font-size: 21px;
  font-weight: 600;
  line-height: 100%;
  color: #3E5626;
  cursor: pointer;
  width: 100%;
  text-align: left;
  padding: 20px 0 0 0;
  margin: 20px 0;
  border: none;
  border-top: 1px solid #35363C;
  outline: none;
  transition: 0.15s;
}
#section-six .accordion:first-of-type {
  margin: 0 0 20px 0;
  padding: 0 0 0 0;
  border-top: 0;
}
#section-six span.active,
#section-six span.inactive {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #3E5626;
  background: -moz-linear-gradient(180deg, rgba(62,86,38,1) 0%, rgba(36,38,45,1) 100%);
  background: -webkit-linear-gradient(180deg, rgba(62,86,38,1) 0%, rgba(36,38,45,1) 100%);
  background: linear-gradient(180deg, rgba(62,86,38,1) 0%, rgba(36,38,45,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0d0e12",endColorstr="#24262d",GradientType=1);
  width: 32px;
  height: 32px;
  border-radius: 50%;
  font-size: 18px;
  font-weight: 300;
  color: #FFFFFF;
  line-height: 32px;
  padding: 10px 0;
}
#section-six span.active {
  display: none;
}
#section-six .accordion.active span.inactive {
  display: none;
}
#section-six .accordion.active span.active {
  display: flex;
}
/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
#section-six .accordion:hover {
  color: #DD6727;
}
/* Style the accordion panel. Note: hidden by default */
#section-six .panel {
  display: none;
  overflow: hidden;
  font-size: 16px;
  font-weight: 400;
  color: #3E5626;
  margin: 0 0 20px 0;
}
#section-six .panel:last-of-type {
  border-bottom: 0;
}
#section-six .panel p {
  margin: 0;
}


section#kontakt {
  background: #dd67270d;
  padding: 80px 0 160px 0;
}
section#kontakt h2 {
  max-width: 840px;
  font-size: 92px;
  font-weight: 600;
  line-height: 100%;
  color: #3E3E3E;
  margin: 0 0 80px 0;
}
section#kontakt p {
  font-size: 24px;
  color: #3E3E3E;
  margin: 0 0 15px 0;
}
section#kontakt .social-icons {
  display: flex;
  align-items: center;
  margin: 40px 0 0 0;
}
section#kontakt .social-icons a {
  display: inline-block;
  margin: 0 20px 0 0;
  line-height: 0;
}
section#kontakt .social-icons a:last-of-type {
  margin: 0;
}
section#kontakt .social-icons a svg {
  transition: 0.15s linear all;
}
section#kontakt .social-icons a:hover svg {
  fill: #DD6727;
}
section#kontakt a {
  font-size: 24px;
  font-weight: 600;
  color: #FF9451;
  text-decoration: none;
}
section#kontakt p span {
  max-width: 45%;
}
section#kontakt .wpcf7 {
  max-width: 840px;
}
section#kontakt .half-fields > p {
  display: flex;
  justify-content: space-between;
}
section#kontakt input {
  width: 100%;
  background: #FCF8F1;
  font-size: 22px;
  font-family: "Outfit", serif;
  color: #3E3E3E;
  padding: 12px 24px;
  margin: 0 0 40px 0;
  border: 0;
  border-bottom: 1px solid #253416;
  transition: 0.2s linear all;
}
section#kontakt input:focus,
section#kontakt input:active,
section#kontakt input:focus {
  border-bottom: 1px solid #FF9451;
}
section#kontakt textarea {
  width: 100%;
  background: #FCF8F1;
  font-size: 22px;
  font-family: "Outfit", serif;
  color: #3E3E3E;
  padding: 12px 24px;
  margin: 0 0 40px 0;
  border: 0;
  border-bottom: 1px solid #253416;
  transition: 0.2s linear all;
}
section#kontakt textarea:focus,
section#kontakt textarea:active,
section#kontakt textarea:focus {
  border-bottom: 1px solid #FF9451;
}
section#kontakt input:focus-visible,
section#kontakt textarea:focus-visible {
  outline: none;
  border-bottom: 1px solid #FF9451;
}
section#kontakt .wpcf7-submit {
  display: flex;
  align-items: center;
  text-align: center;
  background-color: #DD6727;
  font-size: 22px;
  font-weight: 600;
  line-height: 100%;
  color: #F3F5EB;
  text-decoration: none;
  padding: 24px 48px;
  margin: 0 60px 0 0;
  border: 1px solid transparent;
  border-radius: 35px;
  cursor: pointer;
  transition: 0.2s linear all;
}
section#kontakt .wpcf7-submit:hover {
  background-color: transparent;
  color: #DD6727;
  border: 1px solid #FF9451;
}
section#kontakt .wpcf7-submit svg {
  display: block;
  transition: 0.2s linear all;
}
section#kontakt .wpcf7-submit:hover svg {

}

@media only screen and (max-width: 1440px) {
  section#section-three .content-box-holder {
    flex: 4;
  }
}

@media only screen and (max-width: 1280px) {
  section#section-three .img-wrapper {
    flex: 4;
  }
  section#section-three .img-wrapper img {
    height: 80%;
    width: auto;
  }
}

@media only screen and (max-width: 992px) {
  section#section-three .img-wrapper {
    flex: 2;
  }
  section#section-five {
    position: relative;
    background: #f2e9d8;
    padding: 80px 0;
  }
  section#section-five .content-wrapper {
    position: relative;
    z-index: 2;
  }
  section#section-five h2 {
    text-align: center;
    font-size: 36px;
    margin: 0 0 40px 0;
  }
  section#section-five .cta {
    display: flex;
    margin: 0 auto;
  }
}


@media only screen and (max-width: 768px) {
  section#section-one {
    position: relative;
    padding: 200px 0 80px 0;
  }
  section#section-one .col-md-6:first-of-type {
    order: 2;
  }
  section#section-one .banner-image {
    margin: 0 auto 30px;
  }
  section#section-one h1 {
    max-width: unset;
    font-size: 48px;
  }
  section#section-one p {
    font-size: 20px;
    margin: 0 0 30px 0;
  }
  section#section-one .cta {
    font-size: 20px;
  }

  section#section-two h2 {
    font-size: 36px;
    line-height: 120%;
  }

  section#section-three {
    padding: 80px 0;
  }
  section#section-three h2 {
    font-size: 48px;
    margin: 0 0 80px 0;
  }
  section#section-three p.subtitle {
    margin: 0 0 40px 0;
  }
  section#section-three .service-box {
    min-height: unset;
  }
  section#section-three .img-wrapper {
    display: none;
  }
  section#section-three .content-box-wrapper {
    height: calc(100% - 30px);
    margin: 0 0 30px 0;
  }

  #section-six {
    padding: 60px 0;
    margin: 0 0 40px 0;
  }
  #section-six h2 {
    font-size: 36px;
    margin: 0 0 40px 0;
  }
  #section-six p.subtitle {
    margin: 0 0 40px 0;
  }
  #section-six p.question {
    flex: 4;
  }
  #section-six .accordion {
    font-size: 16px;
    line-height: 120%;
  }
  #section-six .panel p {
    font-size: 16px;
    line-height: 120%;
  }
  #section-six .panel:last-of-type {
    margin: 0;
    padding: 0;
  }

  section#kontakt {
    padding: 80px 0;
  }
  section#kontakt .wpcf7 {
    margin: 40px 0 0 0;
  }
  section#kontakt h2 {
    font-size: 48px;
  }
  section#kontakt p {
    font-size: 20px;
  }
  section#kontakt .wpcf7-submit {
    font-size: 20px;
  }

  footer .social-icons {
   margin: 20px 0;
  }
  footer p.contact-data {
    margin: 20px 0 0 0;
  }
  footer .copyright-holder {
    display: block;
  }
  footer .copyright-holder a {
    margin: 0;
  }
}