/* compiled by scssphp 1.6.0 on Thu, 04 Jun 2026 08:37:34 +0000 (0.0923s) */

@font-face {
  font-display: swap;
  font-family: FontAwesome;
  src: local(FontAwesome), url("../draadcore/fonts/fontawesome-pro/fa-light-300.woff2") format("woff2"), url("../draadcore/fonts/fontawesome-pro/fa-light-300.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  unicode-range: U+000-5FF;
}
@font-face {
  font-display: swap;
  font-family: FontAwesome;
  src: local(FontAwesome), url("../draadcore/fonts/fontawesome-pro/fa-regular-400.woff2") format("woff2"), url("../draadcore/fonts/fontawesome-pro/fa-regular-400.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  unicode-range: U+000-5FF;
}
@font-face {
  font-display: swap;
  font-family: FontAwesomeBrands;
  src: local(FontAwesomeBrands), url("../draadcore/fonts/fontawesome-pro/fa-brands-400.woff2") format("woff2"), url("../draadcore/fonts/fontawesome-pro/fa-brands-400.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  unicode-range: U+000-5FF;
}
@font-face {
  font-display: swap;
  font-family: FontAwesome;
  src: local(FontAwesome), url("../draadcore/fonts/fontawesome-pro/fa-solid-900.woff2") format("woff2"), url("../draadcore/fonts/fontawesome-pro/fa-solid-900.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  unicode-range: U+000-5FF;
}
@font-face {
  font-family: 'Canaro';
  src: url('fonts/Canaro/Canaro-Bold.woff');
  /* IE9 Compat Modes */
  src: url('fonts/Canaro/Canaro-Bold.woff2') format('woff2');
  /* Super Modern Browsers */
  font-weight: bold;
}
@media (max-width: 63.9375rem) {
  html #root .section.tiles.tiles--products {
    padding: 100px 0 70px;
  }
}
html #root .section.tiles.tiles--products .container {
  z-index: 2;
}
@media (max-width: 71.1875rem) {
  html #root .section.tiles.tiles--products .container {
    width: calc(100% - (20px * 2));
  }
}
html #root .section.tiles.tiles--products .heading h2 {
  font-size: 45px;
  color: #f18e00;
  font-weight: 400;
  line-height: 1.55;
}
@media (max-width: 63.9375rem) {
  html #root .section.tiles.tiles--products .heading h2 {
    font-size: 30px;
  }
}
html #root .section.tiles.tiles--products .content {
  max-width: 940px;
  width: 100%;
}
html #root .section.tiles.tiles--products .content p {
  font-size: 18px;
  color: #2f2f2f;
  font-weight: 500;
  line-height: 1.78;
}
@media (max-width: 63.9375rem) {
  html #root .section.tiles.tiles--products .content p {
    font-size: 16px;
  }
}
@media (max-width: 63.9375rem) {
  html #root .section.tiles.tiles--products .grid-container {
    margin: 0 -17.5px !important;
    width: auto !important;
  }
}
html #root .section.tiles.tiles--products .grid-container .entry {
  -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.14);
  box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.14);
  background-color: #ffffff;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}
@media (max-width: 63.9375rem) {
  html #root .section.tiles.tiles--products .grid-container .entry {
    margin: 17.5px !important;
    min-width: calc(50% - (17.5px * 2)) !important;
    max-width: calc(50% - (17.5px * 2)) !important;
  }
}
@media (max-width: 29.9375rem) {
  html #root .section.tiles.tiles--products .grid-container .entry {
    min-width: calc(100% - (17.5px * 2)) !important;
    max-width: calc(100% - (17.5px * 2)) !important;
  }
}
html #root .section.tiles.tiles--products .grid-container .entry .entry-content {
  order: 1;
  padding: 38px 38px 50px;
}
@media (max-width: 71.1875rem) {
  html #root .section.tiles.tiles--products .grid-container .entry .entry-content {
    padding: 20px 20px 40px;
  }
}
html #root .section.tiles.tiles--products .grid-container .entry .entry-content h3 {
  color: #f18e00;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.17;
  margin: 0 0 20px;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}
@media (max-width: 63.9375rem) {
  html #root .section.tiles.tiles--products .grid-container .entry .entry-content h3 {
    font-size: 24px;
  }
}
html #root .section.tiles.tiles--products .grid-container .entry .entry-content h4 {
  margin-top: 14px;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}
html #root .section.tiles.tiles--products .grid-container .entry .entry-content p {
  margin: 0;
  font-size: 16px;
  color: #2f2f2f;
  line-height: 1.78;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}
html #root .section.tiles.tiles--products .grid-container .entry .entry-content ul li {
  font-size: 16px;
  color: #2f2f2f;
  line-height: 1.78;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}
html #root .section.tiles.tiles--products .grid-container .entry .entry-content button {
  border: none;
}
html #root .section.tiles.tiles--products .grid-container .entry .entry-content button .icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' focusable='false' data-prefix='far' data-icon='chevron-down' class='svg-inline--fa fa-chevron-down fa-w-14' role='img' viewBox='0 0 448 512'%3E%3Cpath fill='%23f18e00' d='M441.9 167.3l-19.8-19.8c-4.7-4.7-12.3-4.7-17 0L224 328.2 42.9 147.5c-4.7-4.7-12.3-4.7-17 0L6.1 167.3c-4.7 4.7-4.7 12.3 0 17l209.4 209.4c4.7 4.7 12.3 4.7 17 0l209.4-209.4c4.7-4.7 4.7-12.3 0-17z'/%3E%3C/svg%3E");
  background-size: 18px;
}
html #root .section.tiles.tiles--products .grid-container .entry .entry-image {
  order: 0;
  height: 174px;
  width: 100%;
}
html #root .section.tiles.tiles--products .grid-container .entry .entry-image img {
  width: 100%;
  height: auto;
}
@media (max-width: 63.9375rem) {
  html #root .section.tiles.tiles--products .grid-container .entry .entry-image img {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
    height: auto;
  }
}
html #root .section.tiles.tiles--products .grid-container .entry .entry-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
}
html #root .section.tiles.tiles--products .grid-container .entry .entry-footer .icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' focusable='false' data-prefix='far' data-icon='long-arrow-right' class='svg-inline--fa fa-long-arrow-right fa-w-14' role='img' viewBox='0 0 448 512'%3E%3Cpath fill='%23f18e00' d='M295.515 115.716l-19.626 19.626c-4.753 4.753-4.675 12.484.173 17.14L356.78 230H12c-6.627 0-12 5.373-12 12v28c0 6.627 5.373 12 12 12h344.78l-80.717 77.518c-4.849 4.656-4.927 12.387-.173 17.14l19.626 19.626c4.686 4.686 12.284 4.686 16.971 0l131.799-131.799c4.686-4.686 4.686-12.284 0-16.971L312.485 115.716c-4.686-4.686-12.284-4.686-16.97 0z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: right center;
  margin-left: 15px;
  position: absolute;
  right: 30px;
  bottom: 20px;
}
html #root .section.tiles.tiles--products .grid-container .entry:has(.full-link):hover {
  background-color: #00b758;
}
html #root .section.tiles.tiles--products .grid-container .entry:has(.full-link):hover .entry-content h3 {
  color: #ffffff;
}
html #root .section.tiles.tiles--products .grid-container .entry:has(.full-link):hover .entry-content h4 {
  color: #ffffff;
}
html #root .section.tiles.tiles--products .grid-container .entry:has(.full-link):hover .entry-content p {
  color: #ffffff;
}
html #root .section.tiles.tiles--products .grid-container .entry:has(.full-link):hover .entry-content li {
  color: #ffffff;
}
html #root .section.tiles.tiles--products .grid-container .entry:has(.full-link):hover .entry-content .toggle {
  color: white;
}
html #root .section.tiles.tiles--products .grid-container .entry:has(.full-link):hover .entry-content .toggle .icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' focusable='false' data-prefix='far' data-icon='chevron-down' class='svg-inline--fa fa-chevron-down fa-w-14' role='img' viewBox='0 0 448 512'%3E%3Cpath fill='%23ffffff' d='M441.9 167.3l-19.8-19.8c-4.7-4.7-12.3-4.7-17 0L224 328.2 42.9 147.5c-4.7-4.7-12.3-4.7-17 0L6.1 167.3c-4.7 4.7-4.7 12.3 0 17l209.4 209.4c4.7 4.7 12.3 4.7 17 0l209.4-209.4c4.7-4.7 4.7-12.3 0-17z'/%3E%3C/svg%3E");
}
html #root .section.tiles.tiles--products .grid-container .entry:has(.full-link):hover .entry-footer .icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' focusable='false' data-prefix='far' data-icon='long-arrow-right' class='svg-inline--fa fa-long-arrow-right fa-w-14' role='img' viewBox='0 0 448 512'%3E%3Cpath fill='%23ffffff' d='M295.515 115.716l-19.626 19.626c-4.753 4.753-4.675 12.484.173 17.14L356.78 230H12c-6.627 0-12 5.373-12 12v28c0 6.627 5.373 12 12 12h344.78l-80.717 77.518c-4.849 4.656-4.927 12.387-.173 17.14l19.626 19.626c4.686 4.686 12.284 4.686 16.971 0l131.799-131.799c4.686-4.686 4.686-12.284 0-16.971L312.485 115.716c-4.686-4.686-12.284-4.686-16.97 0z'/%3E%3C/svg%3E");
}
html #root .section.tiles.tiles--products .button.button-colored {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-end;
  -ms-flex-pack: flex-end;
  justify-content: flex-end;
  font-weight: 700;
  border-width: 2px;
  background-color: transparent;
  color: #f18e00;
  padding: 0 30px 0 0;
  font-size: 18px;
  margin: 37px 0 0 0;
  position: relative;
}
@media (max-width: 47.9375rem) {
  html #root .section.tiles.tiles--products .button.button-colored {
    width: 100%;
    padding: 16px 25px;
    height: 54px;
    background-color: #f18e00;
    color: #ffffff;
    border-radius: 27px;
    justify-content: flex-start;
  }
}
html #root .section.tiles.tiles--products .button.button-colored .icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' focusable='false' data-prefix='far' data-icon='long-arrow-right' class='svg-inline--fa fa-long-arrow-right fa-w-14' role='img' viewBox='0 0 448 512'%3E%3Cpath fill='%23f18e00' d='M295.515 115.716l-19.626 19.626c-4.753 4.753-4.675 12.484.173 17.14L356.78 230H12c-6.627 0-12 5.373-12 12v28c0 6.627 5.373 12 12 12h344.78l-80.717 77.518c-4.849 4.656-4.927 12.387-.173 17.14l19.626 19.626c4.686 4.686 12.284 4.686 16.971 0l131.799-131.799c4.686-4.686 4.686-12.284 0-16.971L312.485 115.716c-4.686-4.686-12.284-4.686-16.97 0z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: right center;
  margin-left: 15px;
  position: absolute;
  right: 0;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}
@media (max-width: 47.9375rem) {
  html #root .section.tiles.tiles--products .button.button-colored .icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' focusable='false' data-prefix='far' data-icon='long-arrow-right' class='svg-inline--fa fa-long-arrow-right fa-w-14' role='img' viewBox='0 0 448 512'%3E%3Cpath fill='%23ffffff' d='M295.515 115.716l-19.626 19.626c-4.753 4.753-4.675 12.484.173 17.14L356.78 230H12c-6.627 0-12 5.373-12 12v28c0 6.627 5.373 12 12 12h344.78l-80.717 77.518c-4.849 4.656-4.927 12.387-.173 17.14l19.626 19.626c4.686 4.686 12.284 4.686 16.971 0l131.799-131.799c4.686-4.686 4.686-12.284 0-16.971L312.485 115.716c-4.686-4.686-12.284-4.686-16.97 0z'/%3E%3C/svg%3E");
    right: 25px;
  }
}
html #root .section.tiles.tiles--products .button.button-colored:hover {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
@media (max-width: 47.9375rem) {
  html #root .section.tiles.tiles--products .button.button-colored:hover {
    background-color: #f18e00;
  }
}
html #root .section.tiles.tiles--products .button.button-colored:hover .icon {
  right: -5px;
}
@media (max-width: 47.9375rem) {
  html #root .section.tiles.tiles--products .button.button-colored:hover .icon {
    right: 20px;
  }
}
html #root .section.tiles.tiles--products .background-image {
  background-repeat: no-repeat;
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 1;
  opacity: 0.14;
}
html #root .section.tiles.tiles--products .background-image.left {
  top: 50%;
  background-image: url("./uploads/shape 1.svg");
  left: -9%;
}
html #root .section.tiles.tiles--products .background-image.right {
  right: 0;
  bottom: 0;
  background-image: url("./uploads/shape 2.svg");
  width: 493px;
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22home%2Fagro%2Fdomains%2Fagro-energy.nl%2Fpublic_html%2Fwp-content%2Fthemes%2Fdraadcore-child%2Fsass%2F..%2F..%2Fdraadcore%2Fsass%2Fincludes%2Fmixins.scss%22%2C%22home%2Fagro%2Fdomains%2Fagro-energy.nl%2Fpublic_html%2Fwp-content%2Fthemes%2Fdraadcore-child%2Fsass%2Fincludes%2Fconfig.scss%22%2C%22home%2Fagro%2Fdomains%2Fagro-energy.nl%2Fpublic_html%2Fwp-content%2Fthemes%2Fdraadcore-child%2Fsass%2Ftiles_products.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AACI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACKJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADwNI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAEpNI%3BAAAA%3BAAAA%3BAFoNJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAEzMQ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAFyMR%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAE3LI%3BAAAA%3BAAAA%3BAAAA%3BAAII%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAFuLR%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAEnKQ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAFmKR%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAE%2FIY%3BAAAA%3BAAAA%3BAAAA%3BAF%2BIZ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAEvIgB%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAFuIhB%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAE1HgB%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAASI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQJ%3BAAAA%3BAAAA%3BAAGI%3BAAAA%3BAAAA%3BAAAA%3BAAOR%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKI%3BAAAA%3BAAAA%3BAAAA%3BAFqFhB%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAErEY%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAaA%3BAAAA%3BAAAA%3BAAKQ%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAGI%3BAAAA%3BAAAA%3BAAUJ%3BAAAA%3BAAAA%3BAAYpB%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAFIJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAEiBQ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAFjBR%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAEgCQ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAFhCR%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAEuCY%3BAAAA%3BAAAA%3BAFvCZ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAEkDI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%22%7D */