@charset "UTF-8";
body {
  margin: 0;
  padding: 0;
  font-family: "Inter", system-ui, sans-serif !important;
  color: #041A10;
}

a {
  text-decoration: none !important;
  color: #041A10 !important;
}

@media screen and (max-width: 991px) {
  .hide-small {
    display: none !important;
  }
}

@media screen and (min-width: 992px) {
  .hide-large {
    display: none !important;
  }
}

.hidden {
  opacity: 0 !important;
  visibility: hidden !important;
}

h1 {
  font-family: "Barlow", system-ui, sans-serif !important;
  font-weight: 700 !important;
  line-height: 1.05;
}
@media screen and (min-width: 992px) {
  h1 {
    font-size: 3rem !important;
  }
}

h2 {
  font-family: "Barlow", system-ui, sans-serif !important;
  font-weight: 700 !important;
  line-height: 1.3;
}
@media screen and (min-width: 992px) {
  h2 {
    font-size: 2rem !important;
  }
}

h3 {
  font-family: "Barlow", system-ui, sans-serif !important;
  font-weight: 700 !important;
  line-height: 1.4;
}
@media screen and (min-width: 992px) {
  h3 {
    font-size: 1.5rem !important;
  }
}

h4 {
  font-family: "Barlow", system-ui, sans-serif !important;
  font-weight: 700 !important;
  line-height: 1.4;
}
@media screen and (min-width: 992px) {
  h4 {
    font-size: 1.25rem !important;
  }
}

.text {
  color: #4C4C4D !important;
  line-height: 1.5;
}
.text-xl {
  font-size: 1.25rem;
}
.text-lg {
  font-size: 1.125rem;
}
.text-md {
  font-size: 1rem;
}
.text-sm {
  font-size: 0.875rem !important;
}
.text-xs {
  font-size: 0.75rem;
}
.text-regular {
  font-weight: 400;
}
.text-medium {
  font-weight: 500;
}
.text-semibold {
  font-weight: 600;
}
.text-bold {
  font-weight: 700;
}
.text-description {
  color: #475467 !important;
}
.text-green {
  color: #8DC63F !important;
}
.text-green-300 {
  color: #09452B;
}

.btn {
  text-align: center !important;
  border-radius: 4px !important;
  font-weight: 700 !important;
  padding: 12px 24px !important;
}
@media screen and (min-width: 768px) {
  .btn {
    min-width: 180px;
  }
}
.btn-primary {
  background-color: #8DC63F !important;
  color: #041A10 !important;
  border: none !important;
}
.btn-primary-outline {
  background-color: transparent !important;
  border: 1px solid #8DC63F !important;
  color: #041A10 !important;
}
.btn-primary-outline:hover {
  background-color: #8DC63F !important;
  color: #FFFFFF !important;
}
.btn-secondary {
  background-color: #041A10 !important;
  color: #FFFFFF !important;
  border: none !important;
}
.btn-white {
  background-color: #FFFFFF !important;
  color: #041A10 !important;
}
.btn-white:hover {
  background-color: #F3F3F3 !important;
}
.btn-white-outline {
  background-color: #FFFFFF !important;
  border: 1px solid #D7D7D7 !important;
  color: #041A10 !important;
}
.btn-white-outline:hover {
  background-color: #F3F3F3 !important;
}
.btn-outline {
  background-color: transparent !important;
  border: 1px solid #FFFFFF !important;
  color: #FFFFFF !important;
}
.btn-outline:hover {
  background-color: #FFFFFF !important;
  color: #041A10 !important;
}
.btn-primary:hover, .btn-secondary:hover {
  background-color: #09452B !important;
  color: #FFFFFF !important;
}
.btn-small {
  padding: 8px 16px !important;
  font-weight: 700 !important;
}

input.form-control, select.form-select {
  padding: 10px 14px;
  border: 1px solid #E9E9E9;
}
input.form-control::-moz-placeholder, select.form-select::-moz-placeholder {
  color: #4C4C4D;
  -moz-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
input.form-control::placeholder, select.form-select::placeholder {
  color: #4C4C4D;
  transition: 0.2s ease-in-out;
}
input.form-control:focus::-moz-placeholder, select.form-select:focus::-moz-placeholder {
  color: #7C7C7E;
}
input.form-control:focus::placeholder, select.form-select:focus::placeholder {
  color: #7C7C7E;
}
input.form-control:focus, select.form-select:focus {
  box-shadow: none !important;
  border-color: #8DC63F !important;
}

.input-group button {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.form-check-input:focus {
  box-shadow: none !important;
  border-color: #8DC63F !important;
}
.form-check-input:checked {
  background-color: #8DC63F !important;
  border-color: #F8FEEF !important;
}
input[type=search]::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

input[type=search]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

/* clears the ‘X’ from Chrome */
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  display: none;
}

.dropdown-toggle, .dropdown-item {
  font-size: 0.875rem !important;
  color: #7C7C7E !important;
  transition: 0.2s !important;
  text-align: center !important;
}
.dropdown-item {
  padding: 10px !important;
}
.dropdown-item:hover {
  background: #E9F9D4 !important;
}
.dropdown-toggle:focus {
  box-shadow: none !important;
}
.dropdown-toggle::after {
  display: none !important;
}
.dropdown-menu {
  border-radius: 4px !important;
  position: absolute !important;
  border: 1px solid #8DC63F !important;
  --bs-dropdown-padding-y: 0 !important;
}
.dropdown-menu[data-bs-popper] {
  top: 100% !important;
  left: 50% !important;
  transform: translate(-50%, 0) !important;
}

.cta-banner {
  padding: 32px 0;
  background: #F3F3F3;
  text-align: center;
}

.accordion {
  --bs-accordion-bg: none !important;
  --bs-accordion-active-bg: none !important;
  --bs-accordion-border-color: none !important;
  --bs-accordion-btn-focus-border-color: none !important;
  --bs-accordion-btn-focus-box-shadow: none !important;
  --bs-accordion-active-color: $natural-600 !important;
}
.accordion-body {
  color: #7C7C7E !important;
  text-align: start;
  font-size: 1rem !important;
  font-weight: 400 !important;
  padding-top: 0 !important;
  padding-bottom: 1.5rem !important;
}
.accordion-button {
  font-family: "Inter", system-ui, sans-serif !important;
  color: #041A10 !important;
  font-size: 1.125rem !important;
  font-weight: 500 !important;
}

.popover {
  --bs-popover-bg: #8DC63F !important;
  --bs-popover-body-padding-y: 0.7rem !important;
  --bs-popover-body-color: white !important;
}

#cookieToast {
  position: fixed;
  bottom: 45px;
  left: 45px;
  z-index: 100;
}
@media screen and (max-width: 585px) {
  #cookieToast {
    max-width: 90vw;
    left: 50%;
    bottom: 15px;
    transform: translate(-50%, 0);
  }
}
#cookieToast .toast {
  display: block !important;
  --bs-toast-max-width: 450px !important;
  color: #7C7C7E !important;
}
#cookieToast .btn {
  min-width: inherit;
  padding: 9px 12px !important;
  font-size: 0.85rem;
  font-weight: 300 !important;
}
#cookieToast a {
  text-decoration: underline !important;
}

.breadcrumb img {
  margin-bottom: 5px;
}
.breadcrumb-item:not(.active) a:hover {
  border-bottom: 1px solid #041A10;
}

#footer {
  background-color: #041A10;
}
#footer .container {
  padding-top: 70px;
  padding-bottom: 10px;
}
@media screen and (min-width: 992px) {
  #footer .container {
    padding-bottom: 70px;
  }
}
#footer .footer-title {
  color: #FFFFFF;
}
#footer .footer-checkbox {
  position: relative;
}
#footer .footer-checkbox .form-check-label {
  color: #FFFFFF;
  height: 60px;
  overflow-y: scroll;
}
#footer .footer-checkbox::after {
  display: block;
  position: absolute;
  width: 100%;
  height: 20px;
  bottom: 0;
  left: 0;
  background: linear-gradient(to top, #041A10, transparent);
  content: "";
}
#footer .footer-top .links-logo {
  transition: 0.3s ease-in-out;
}
#footer .footer-top .links-logo:hover {
  filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.2));
}
#footer .footer-top .links-link {
  color: #FFFFFF !important;
  font-weight: 400;
  width: -moz-fit-content;
  width: fit-content;
  transition: 0.2s ease-in-out;
  border-bottom: 1px solid transparent;
}
#footer .footer-top .links-link:hover {
  border-bottom: 1px solid #FFFFFF;
}
#footer .footer-top .links-socials {
  transition: 0.3s ease-in-out;
  border-radius: 50%;
  border: 3px solid #262F2B;
  padding: 5px;
}
#footer .footer-top .links-socials:hover {
  background: #4C4C4D;
}
#footer .footer-top .links ul {
  color: white;
}
#footer .footer-bottom__text {
  color: #716C6C;
  font-size: 0.875rem;
  font-weight: 700;
}
#footer .footer-bottom__text a {
  color: #716C6C !important;
  transition: 0.3s ease-in-out;
}
#footer .footer-bottom__text a:hover {
  color: #8DC63F !important;
}

.navbar {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.navbar .top {
  width: 100%;
  border-bottom: 1px solid #F3F3F3;
}
@media screen and (max-width: 767px) {
  .navbar .top .container {
    padding: 0;
  }
}
.navbar .top-left {
  background-color: #F3F3F3;
  border-left: 5px solid #8DC63F;
}
.navbar .top-left a {
  font-size: 0.875rem;
  color: #4C4C4D !important;
  transition: 0.3s ease-in-out;
}
.navbar .top-left a:hover {
  color: #8DC63F !important;
}
.navbar .top-left a:first-child {
  border-right: 1px solid #7C7C7E;
}
@media screen and (max-width: 767px) {
  .navbar .top-left {
    width: 100%;
  }
}
.navbar .top-right .nav-link {
  font-size: 0.875rem;
  color: #09452B !important;
  padding: 0;
  border-bottom: 1px solid transparent;
  border-top: 1px solid transparent;
}
.navbar .top-right .nav-link:not(.dropdown-toggle):hover {
  border-bottom: 1px solid #09452B;
}
.navbar .top-right .dropdown-toggle {
  font-size: 0.875rem !important;
  color: #7C7C7E !important;
  transition: 0.2s !important;
  text-align: center !important;
}
.navbar .top-right .dropdown-toggle:hover {
  color: #041A10 !important;
}
@media screen and (max-width: 767px) {
  .navbar .top-right {
    display: none;
  }
}
.navbar .middle-search {
  width: 40%;
}
.navbar .middle-search input {
  border: 1px solid #D7D7D7;
  padding: 8px 32px 8px 12px;
  text-overflow: ellipsis;
}
.navbar .middle-search input::-moz-placeholder {
  font-size: 0.875rem;
}
.navbar .middle-search input::placeholder {
  font-size: 0.875rem;
}
.navbar .middle-search input:focus::-moz-placeholder {
  color: #7C7C7E;
}
.navbar .middle-search input:focus::placeholder {
  color: #7C7C7E;
}
.navbar .middle-search .d-flex {
  position: relative;
}
.navbar .middle-search .d-flex::after {
  position: absolute;
  top: 50%;
  right: 20px;
  height: 12px;
  width: 12px;
  transform: translate(0, -50%);
  content: url(../img/icons/search.svg);
  display: block;
  font-size: 12px;
}
.navbar .middle-buttons .button {
  font-size: 0.875rem;
  transition: 0.3s ease-in-out;
}
@media screen and (min-width: 768px) {
  .navbar .middle-buttons .button {
    min-width: 100px;
  }
}
.navbar .middle-buttons .button-icon {
  height: 24px;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.navbar .middle-buttons .button:hover {
  cursor: pointer;
  background-color: #E9F9D4;
}
.navbar .middle-buttons .button.cart {
  position: relative;
}
.navbar .middle-buttons .button.cart .number {
  position: absolute;
  right: 30px;
  top: 4px;
  background-color: #8DC63F;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  color: #FFFFFF;
  font-size: 0.625rem;
}
@media screen and (min-width: 576px) {
  .navbar .middle-buttons .button.cart .number {
    top: 20px;
  }
}
@media screen and (min-width: 992px) {
  .navbar .middle-buttons .mobile-menu {
    display: none !important;
  }
}
.navbar .bottom {
  width: 100%;
  background-color: #F3F3F3;
  border-top: 1px solid #F6F8FC;
  border-bottom: 1px solid #F6F8FC;
}
.navbar .bottom .megamenu {
  position: absolute;
  z-index: 100;
  left: 0;
  top: 49px;
  width: 100%;
}
.navbar .bottom .megamenu-opener {
  background-color: #041A10;
  width: 300px;
  padding-bottom: 12px;
  padding-top: 12px;
  position: relative;
}
.navbar .bottom .megamenu-opener__text {
  color: #FFFFFF;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 500;
}
.navbar .bottom .megamenu-opener .opener-wrapper:hover {
  cursor: pointer;
}
.navbar .bottom .megamenu-opener .opener-wrapper img {
  height: 25px;
  width: 25px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (min-width: 1200px) {
  .navbar .bottom .megamenu-opener {
    width: 350px;
  }
}
.navbar .bottom .megamenu-categories {
  display: none;
}
.navbar .bottom .megamenu-categories .category {
  background-color: #FAFAFA;
  transition: 0.3s;
}
.navbar .bottom .megamenu-categories .category:hover:not(.active) {
  background-color: #E9F9D4;
  cursor: pointer;
}
.navbar .bottom .megamenu-categories .category.active {
  background-color: #E9F9D4;
}
.navbar .bottom .megamenu-categories .category-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 12px 0;
  margin: 0 30px;
}
.navbar .bottom .megamenu-categories .category:not(:last-of-type) .category-wrapper {
  border-bottom: 1px solid #E9E9E9;
}
.navbar .bottom .megamenu-categories .category:last-of-type {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.navbar .bottom .megamenu-categories .category-name {
  color: #041A10;
  font-size: 0.875rem;
}
.navbar .bottom .megamenu-categories .category-name img {
  width: 24px;
  height: 100%;
}
.navbar .bottom .megamenu-subcategories {
  display: none;
  position: absolute;
  z-index: 100;
  top: 0;
  right: 0;
  height: 100%;
  width: 650px;
  transform: translate(100%, 0);
  background-color: #FFFFFF;
  border: 1px solid #E9E9E9;
  border-bottom-right-radius: 4px;
  flex-direction: column;
  flex-wrap: wrap;
  padding: 30px 30px 75px 30px;
}
@media screen and (min-width: 1200px) {
  .navbar .bottom .megamenu-subcategories {
    width: 800px;
  }
}
@media screen and (min-width: 1400px) {
  .navbar .bottom .megamenu-subcategories {
    width: 1000px;
    height: 80%;
  }
}
.navbar .bottom .megamenu-subcategories .subcategory {
  font-size: 0.875rem;
  display: flex;
  flex-direction: column;
  padding-right: 40px;
  margin-bottom: 1.2rem;
  max-width: 200px;
}
.navbar .bottom .megamenu-subcategories .subcategory-name {
  font-weight: 700;
  line-height: 1.125rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  transition: 0.1s ease-in-out;
}
.navbar .bottom .megamenu-subcategories .subcategory-name img {
  width: 28px;
  height: 28px;
  -o-object-fit: contain;
     object-fit: contain;
}
.navbar .bottom .megamenu-subcategories .subcategory-name:hover {
  color: #8DC63F !important;
}
.navbar .bottom .megamenu-subcategories .subcategory .subsubcategory {
  margin-left: 43px;
  margin-bottom: 8px;
  transition: 0.1s ease-in-out;
}
.navbar .bottom .megamenu-subcategories .subcategory .subsubcategory:hover {
  color: #8DC63F !important;
}
.navbar .bottom .nav-link {
  padding: 12px;
}
.navbar .bottom .nav-link:hover {
  color: #09452B !important;
  background-color: #F8FEEF;
}

#mobileMenu {
  position: fixed;
  z-index: 1005;
  top: -100vh;
  width: 100%;
  height: 100vh;
  transition: 0.5s ease-in-out;
  background: linear-gradient(to bottom, #FFFFFF, #E9F9D4);
  overflow-y: scroll;
}
#mobileMenu #closeMobileMenu:hover {
  cursor: pointer;
}
#mobileMenu .menu-body__category {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 500;
  color: #FFFFFF;
  background-color: #041A10;
  border-radius: 4px;
  width: 80%;
  margin: auto;
}
#mobileMenu .menu-body__category img {
  margin-bottom: 3px;
}
#mobileMenu .menu-body__search input {
  border: 1px solid #D7D7D7;
  padding: 8px 32px 8px 12px;
  text-overflow: ellipsis;
}
#mobileMenu .menu-body__search input::-moz-placeholder {
  font-size: 0.875rem;
  color: #4C4C4D;
}
#mobileMenu .menu-body__search input::placeholder {
  font-size: 0.875rem;
  color: #4C4C4D;
}
#mobileMenu .menu-body__search input:focus::-moz-placeholder {
  color: #7C7C7E;
}
#mobileMenu .menu-body__search input:focus::placeholder {
  color: #7C7C7E;
}
#mobileMenu .menu-body__search .d-flex {
  position: relative;
}
#mobileMenu .menu-body__search .d-flex::after {
  position: absolute;
  top: 50%;
  right: 20px;
  height: 12px;
  width: 12px;
  transform: translate(0, -50%);
  content: url(../img/icons/search.svg);
  display: block;
  font-size: 12px;
}
#mobileMenu .menu-body__language a {
  width: 20px;
  text-align: center;
  border-top: 3px solid #041A10;
}
#mobileMenu .menu-body__language a.active {
  border-top: 3px solid #8DC63F;
}
#mobileMenu .menu-categories {
  display: none;
}
#mobileMenu .menu-categories .category {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
#mobileMenu .menu-categories .category:not(:last-of-type) {
  border-bottom: 1px solid #E9E9E9;
}
#mobileMenu .menu-subcategories .subcategory {
  display: flex;
  flex-direction: column;
}
#mobileMenu .menu-subcategories .subcategory-box {
  display: none;
}
#mobileMenu .menu-subcategories .subcategory:not(:last-of-type) {
  border-bottom: 1px solid #E9E9E9;
}
#mobileMenu .menu-subcategories .subcategory-name {
  font-weight: 600;
}
#mobileMenu .menu-subcategories .subcategory-name img {
  width: 24px;
  height: 100%;
}
#mobileMenu .menu-subcategories .subcategory .subsubcategory {
  margin-left: 32px;
}
#mobileMenu .back-menu {
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 0.875rem;
}

#footerDashboard {
  background-color: #041A10;
}
#footerDashboard .footer-top {
  border-bottom: 1px solid #2D3B34;
}
#footerDashboard .footer-top__logo {
  transition: 0.3s ease-in-out;
}
#footerDashboard .footer-top__logo:hover {
  filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.2));
}
#footerDashboard .footer-top__socials a {
  transition: 0.3s ease-in-out;
}
#footerDashboard .footer-top__socials a:hover {
  filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.2));
}
#footerDashboard .footer-bottom {
  color: #FFFFFF;
  font-size: 0.875rem;
}
#footerDashboard .footer-bottom__copyright {
  font-weight: 700;
}
#footerDashboard .footer-bottom__izrada a {
  color: #FFFFFF !important;
  transition: 0.3s ease-in-out;
  font-weight: 700;
}
#footerDashboard .footer-bottom__izrada a:hover {
  color: #8DC63F !important;
}

.navbarDashboard {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.navbarDashboard .top {
  width: 100%;
  border-bottom: 1px solid #F3F3F3;
}
@media screen and (max-width: 767px) {
  .navbarDashboard .top .container {
    padding: 0;
  }
}
.navbarDashboard .top-left {
  background-color: #F3F3F3;
  border-left: 5px solid #8DC63F;
}
.navbarDashboard .top-left a {
  font-size: 0.875rem;
  color: #4C4C4D !important;
  transition: 0.3s ease-in-out;
}
.navbarDashboard .top-left a:hover {
  color: #8DC63F !important;
}
.navbarDashboard .top-left a:first-child {
  border-right: 1px solid #7C7C7E;
}
@media screen and (max-width: 767px) {
  .navbarDashboard .top-left {
    width: 100%;
  }
}
.navbarDashboard .top-right .nav-link {
  font-size: 0.875rem;
  color: #09452B !important;
  padding: 0;
  border-bottom: 1px solid transparent;
  border-top: 1px solid transparent;
}
.navbarDashboard .top-right .nav-link:not(.dropdown-toggle):hover {
  border-bottom: 1px solid #09452B;
}
.navbarDashboard .top-right .dropdown-toggle {
  font-size: 0.875rem !important;
  color: #7C7C7E !important;
  transition: 0.2s !important;
  text-align: center !important;
}
.navbarDashboard .top-right .dropdown-toggle:hover {
  color: #041A10 !important;
}
@media screen and (max-width: 767px) {
  .navbarDashboard .top-right {
    display: none;
  }
}
.navbarDashboard .middle {
  width: 100%;
  border-bottom: 1px solid #F3F3F3;
}
.navbarDashboard .middle .navbar-brand img {
  max-height: 28px;
}
.navbarDashboard .middle-links {
  margin-left: 30px;
}
@media screen and (min-width: 1200px) {
  .navbarDashboard .middle-links {
    margin-left: 100px;
  }
}
.navbarDashboard .middle-links .link {
  border-radius: 4px;
  padding: 10px 16px;
  margin-right: 15px;
  height: 48px;
  transition: 0.2s ease-in-out;
}
.navbarDashboard .middle-links .link.active {
  color: #09452B;
  font-weight: 500;
  background-color: #E9F9D4;
}
.navbarDashboard .middle-links .link:not(.active):hover {
  cursor: pointer;
  background-color: #E9F9D4;
}
.navbarDashboard .middle-buttons .button-icon {
  height: 32px;
  width: 32px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (min-width: 992px) {
  .navbarDashboard .middle-buttons .button-icon {
    height: 40px;
    width: 40px;
  }
}
.navbarDashboard .middle-buttons .button-text {
  color: #7C7C7E;
  white-space: nowrap;
}
.navbarDashboard .middle-buttons .button:hover {
  cursor: pointer;
}
.navbarDashboard .middle-buttons .button .dropdown-menu {
  border-color: #041A10 !important;
}
@media screen and (max-width: 991px) {
  .navbarDashboard .middle-buttons .my-profile {
    display: none !important;
  }
}
.navbarDashboard .middle-buttons .mobile-menu {
  font-size: 0.875rem;
}
@media screen and (min-width: 992px) {
  .navbarDashboard .middle-buttons .mobile-menu {
    display: none !important;
  }
}

.offcanvas-profile .dropdown-menu {
  border-color: #E9E9E9 !important;
}
.offcanvas-profile .dropdown-item {
  text-align: start !important;
}
.offcanvas-pages {
  border-bottom: 1px solid #E9E9E9;
}
.offcanvas-pages .link {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 12px;
  border-radius: 8px;
  transition: 0.2s ease-in-out;
}
.offcanvas-pages .link.active {
  background: #F8FEEF;
  color: #09452B;
  font-weight: 700;
}
.offcanvas-pages .link.active .icon-wrapper {
  background-color: #8DC63F;
  border-radius: 8px;
}
.offcanvas-pages .link.active img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
}
.offcanvas-pages .link img {
  padding: 8px;
}
.offcanvas-links .link {
  margin-bottom: 8px;
}
.offcanvas-links .link.active {
  color: #09452B;
  font-weight: 700;
}

#backToTop {
  position: fixed;
  bottom: 45px;
  right: 45px;
  z-index: 100;
  transition: 0.2s ease-in-out;
  background: #FFFFFF;
  filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.1));
  padding: 10px;
  border-radius: 50%;
}
#backToTop:hover {
  bottom: 50px;
  cursor: pointer;
  background-color: #8DC63F;
}

@media screen and (min-width: 992px) {
  #intro .intro-section {
    height: 50vh;
  }
}
#intro .intro-search {
  position: relative;
  height: 100%;
  border-top-right-radius: 16px;
  border-top-left-radius: 16px;
}
@media screen and (min-width: 992px) {
  #intro .intro-search {
    border-radius: 16px;
  }
}
#intro .intro-search .search-button, #intro .intro-search .search-input {
  position: relative;
}
#intro .intro-search .search-button input, #intro .intro-search .search-input input {
  padding: 9px 12px !important;
  border: 1px solid #FFFFFF !important;
}
#intro .intro-search .search-button input:focus, #intro .intro-search .search-input input:focus {
  border-radius: 0;
  border: 1px solid #D7D7D7 !important;
}
#intro .intro-search .search-button .ui-menu, #intro .intro-search .search-input .ui-menu {
  position: absolute;
  background-color: #FFFFFF;
  border: 1px solid #D7D7D7 !important;
  z-index: 1000;
  list-style: none;
  padding-left: 0;
  top: 43px !important;
  width: 100% !important;
  max-height: 230px;
  overflow-y: scroll;
}
#intro .intro-search .search-button .ui-menu-item, #intro .intro-search .search-input .ui-menu-item {
  font-size: 0.875rem;
  padding: 4px;
  line-height: 1.125rem;
  padding-left: 12px;
  transition: 0.1s ease-in-out;
}
#intro .intro-search .search-button .ui-menu-item:hover, #intro .intro-search .search-input .ui-menu-item:hover {
  cursor: pointer;
  background-color: #F3F3F3;
}
#intro .intro-search .search-input::after {
  content: url("../img/icons/search.svg");
  position: absolute;
  display: block;
  width: 12px;
  height: 24px;
  right: 5px;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 992px) {
  #intro .intro-search .search-button {
    width: 100;
  }
}
#intro .intro-search .search-background {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
}
#intro .intro-swiper {
  height: 40vh;
}
@media screen and (min-width: 992px) {
  #intro .intro-swiper {
    height: 100%;
  }
}
#intro .intro-swiper .swiper {
  height: 100%;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
}
@media screen and (min-width: 992px) {
  #intro .intro-swiper .swiper {
    border-radius: 16px;
  }
}
#intro .intro-swiper .swiper-slide .slide-image {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#intro .intro-swiper .swiper-slide .slide-gradient {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(to top, black, transparent);
}
#intro .intro-swiper .swiper-slide .slide-content {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  padding: 0 50px;
}
@media screen and (min-width: 992px) {
  #intro .intro-swiper .swiper-slide .slide-content {
    padding: 0 100px;
  }
}
@media screen and (min-width: 1200px) {
  #intro .intro-swiper .swiper-slide .slide-content {
    padding-left: 100px;
    padding-right: 120px;
  }
}
#intro .intro-swiper .swiper-slide .slide-content h1 {
  line-height: 1 !important;
}
#intro .intro-swiper .swiper-button-next {
  background: url("../img/components/swiper-next-light.svg");
  height: 48px;
  width: 48px;
  right: 20px;
  transition: 0.3s ease-in-out;
}
#intro .intro-swiper .swiper-button-next:hover {
  filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.1));
}
#intro .intro-swiper .swiper-button-next::after {
  content: "";
}
#intro .intro-swiper .swiper-button-prev {
  background: url("../img/components/swiper-prev-light.svg");
  left: 20px;
  height: 48px;
  width: 48px;
  transition: 0.3s ease-in-out;
}
#intro .intro-swiper .swiper-button-prev:hover {
  filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.1));
}
#intro .intro-swiper .swiper-button-prev::after {
  content: "";
}

#categories .mask {
  position: absolute;
  right: 0;
  top: 60vh;
}
#categories .bullet {
  background-color: #F8F6EC;
  border-radius: 20px;
  padding: 8px 14px;
  cursor: pointer;
  line-height: 1;
  transition: 0.2s ease-in-out;
}
#categories .bullet:hover {
  background-color: #F3F3F3;
  color: #041A10;
}
#categories .bullet.active {
  background-color: #041A10;
  color: #F8F6EC;
}
#categories .card {
  border-radius: 6px !important;
  border: 2px solid #E9E9E9;
  max-width: 18rem !important;
  transition: 0.2s ease-in-out;
}
#categories .card:hover {
  border-color: #CFE1B6;
  box-shadow: 4px 4px 7px 1px rgba(16, 24, 40, 0.1098039216);
  cursor: pointer;
}
#categories .card-img-top {
  height: 150px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#categories .card-body {
  background-color: #EFEFEF;
  border-top: 1px solid #E9E9E9;
  position: relative;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
#categories .card-body::before {
  content: "";
  position: absolute;
  width: 40%;
  height: 8px;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 40px;
  background-color: #8DC63F;
}

#features {
  background-image: linear-gradient(rgb(255, 255, 255), rgba(0, 0, 0, 0)), url("/assets/img/field.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
}
#features .feature-wrapper {
  position: relative;
}
#features .feature-single {
  border: 1px solid #D7D7D7 !important;
  background-color: #FFFFFF;
  border-radius: 4px;
  transition: background-color 0.5s ease-in-out;
}
#features .feature-single img {
  height: 78px;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
#features .feature-single .hidden-text {
  display: none;
}
@media screen and (min-width: 992px) {
  #features .feature-single:hover {
    position: absolute;
    background-color: #8DC63F;
    color: #FFFFFF !important;
    width: 100;
  }
  #features .feature-single:hover img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7498%) hue-rotate(178deg) brightness(109%) contrast(101%);
  }
  #features .feature-single:hover .hidden-text {
    display: block;
  }
}

#brands .brands-wrapper {
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow-x: scroll;
}
#brands .brands-wrapper::-webkit-scrollbar {
  display: none;
}
#brands .brands-item {
  padding: 8px;
  border: 1px solid #EFEFEF;
}

#promotions {
  padding: 124px 0;
  background-image: url("/assets/img/back-lines.svg");
  background-size: 100%;
  background-position: center bottom;
}
#promotions .promotions-category .category {
  position: relative;
  color: #7C7C7E !important;
  padding: 12px 24px;
  border: 1px solid #D7D7D7;
  transition: 0.3s ease-in-out;
  background-color: #FFFFFF;
  text-align: center;
}
#promotions .promotions-category .category.active {
  color: #041A10 !important;
  background: #8DC63F;
}
@media screen and (min-width: 768px) {
  #promotions .promotions-category .category.active::after {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    bottom: -15%;
    left: 45%;
    transform: rotate(45deg);
    background-color: #8DC63F;
  }
}
#promotions .promotions-category .category:not(.active):hover {
  cursor: pointer;
  background-color: #F8FEEF;
}
@media screen and (max-width: 575px) {
  #promotions .promotions-category .category {
    width: 250px;
  }
}
#promotions .promotions-swiper .promotion-item {
  border: 1px solid #D7D7D7;
  background-color: #FFFFFF;
}
#promotions .promotions-swiper .promotion-item:hover {
  border-color: #CFE1B6;
  box-shadow: 4px 7px 5px -1px rgba(0, 0, 0, 0.08);
}
#promotions .promotions-swiper .promotion-item:hover .item-button {
  display: block;
}
#promotions .promotions-swiper .promotion-item .item-image {
  height: 150px;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
#promotions .promotions-swiper .promotion-item .item-title {
  color: #4C4C4D;
}
#promotions .promotions-swiper .promotion-item .item-price__price {
  color: #09452B;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.2;
}
#promotions .promotions-swiper .promotion-item .item-price__savings {
  text-align: end;
  color: #09452B;
}
#promotions .promotions-swiper .promotion-item .item-button {
  display: none;
}
#promotions .swiper {
  height: 470px;
}
#promotions .swiper-parent {
  position: relative;
}
#promotions .swiper-button-next {
  background: url("../img/components/swiper-next.svg");
  height: 48px;
  width: 48px;
  right: -45px;
  transition: 0.3s ease-in-out;
}
#promotions .swiper-button-next:hover {
  filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.1));
}
#promotions .swiper-button-next::after {
  content: "";
}
@media screen and (min-width: 576px) {
  #promotions .swiper-button-next {
    right: -50px;
  }
}
@media screen and (min-width: 1400px) {
  #promotions .swiper-button-next {
    right: -70px;
  }
}
#promotions .swiper-button-prev {
  background: url("../img/components/swiper-prev.svg");
  height: 48px;
  width: 48px;
  left: -45px;
  transition: 0.3s ease-in-out;
}
#promotions .swiper-button-prev:hover {
  filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.1));
}
#promotions .swiper-button-prev::after {
  content: "";
}
@media screen and (min-width: 576px) {
  #promotions .swiper-button-prev {
    left: -50px;
  }
}
@media screen and (min-width: 1400px) {
  #promotions .swiper-button-prev {
    left: -70px;
  }
}

#blog {
  padding: 68px 0 48px 0;
  background: linear-gradient(to top, rgba(9, 69, 43, 0.7882352941), rgba(9, 69, 43, 0.7882352941)), url("/assets/img/field.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (min-width: 992px) {
  #blog {
    padding: 96px 0;
  }
}
#blog .blog-list {
  position: relative;
  background: #FFFFFF;
  border-radius: 8px;
}
#blog .blog-list .list-icon {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 0;
  left: 50%;
}
#blog .blog-list .list-item {
  border-bottom: 1px solid #EFEFEF;
  transition: 0.2s ease-in-out;
}
#blog .blog-list .list-item__image img {
  height: 100px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}
@media screen and (min-width: 1400px) {
  #blog .blog-list .list-item__image img {
    height: 140px;
  }
}
#blog .blog-list .list-item.active {
  position: relative;
  background-color: #09452B;
}
#blog .blog-list .list-item.active .list-item__title {
  color: #FFFFFF;
}
#blog .blog-list .list-item.active::after {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  top: 50%;
  left: -10px;
  transform: rotate(45deg) translate(-50%, -50%);
  background-color: #09452B;
}
#blog .blog-list .list-item:not(.active):hover {
  background-color: #F8FEEF;
  cursor: pointer;
}
#blog .blog-description {
  border-radius: 8px;
}
#blog .blog-description img {
  border-radius: 8px;
}
#blog .blog-description:not(:first-of-type) {
  display: none;
}

#customers {
  padding: 94px 0;
  background-image: url("/assets/img/back-lines.svg");
  background-size: cover;
  background-position: center bottom;
}
#customers .customer-card {
  border: 1px solid #D7D7D7 !important;
  border-radius: 4px;
  background-color: #FFFFFF;
}
#customers .customer-card .text {
  color: #7C7C7E !important;
}
#customers .customer-card h4 {
  color: #4C4C4D !important;
}
#customers .swiper-parent {
  position: relative;
}
#customers .swiper-button-next {
  background: url("../img/components/swiper-next.svg");
  height: 48px;
  width: 48px;
  right: -55px;
  transition: 0.3s ease-in-out;
}
#customers .swiper-button-next:hover {
  filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.1));
}
#customers .swiper-button-next::after {
  content: "";
}
@media screen and (min-width: 576px) {
  #customers .swiper-button-next {
    right: -70px;
  }
}
#customers .swiper-button-prev {
  background: url("../img/components/swiper-prev.svg");
  height: 48px;
  width: 48px;
  left: -55px;
  transition: 0.3s ease-in-out;
}
#customers .swiper-button-prev:hover {
  filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.1));
}
#customers .swiper-button-prev::after {
  content: "";
}
@media screen and (min-width: 576px) {
  #customers .swiper-button-prev {
    left: -70px;
  }
}

#whyUs {
  background: url("../img/farmer.png"), #09452B;
  background-size: contain;
  background-repeat: no-repeat;
  padding: 76px 0 120px 0;
}
#whyUs .content-box {
  background: #FFFFFF;
  border-radius: 4px;
  padding: 30px;
}
@media screen and (min-width: 992px) {
  #whyUs .content-box {
    padding: 42px 86px;
  }
}
@media screen and (min-width: 1400px) {
  #whyUs .content-box {
    padding: 56px 116px;
  }
}
#whyUs .content-box__text {
  color: #4C4C4D !important;
}

#bodyDashboard {
  min-height: 100vh;
  background-color: #FAFAFA;
}
#bodyDashboard .container {
  min-height: 100vh;
}
#bodyDashboard .dashboard {
  display: flex;
  flex-direction: row;
}
#bodyDashboard .dashboard-links, #bodyDashboard .dashboard-content {
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
}
@media screen and (min-width: 992px) {
  #bodyDashboard .dashboard-links, #bodyDashboard .dashboard-content {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
#bodyDashboard .dashboard-links {
  width: 220px;
  border-right: 1px solid #D7D7D7;
}
#bodyDashboard .dashboard-links .link {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 12px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  transition: 0.2s ease-in-out;
}
#bodyDashboard .dashboard-links .link.active {
  background: #F8FEEF;
  color: #09452B;
  font-weight: 700;
  border-right: 2px solid #8DC63F;
}
#bodyDashboard .dashboard-links .link.active .icon-wrapper {
  background-color: #8DC63F;
  border-radius: 8px;
}
#bodyDashboard .dashboard-links .link.active img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
}
#bodyDashboard .dashboard-links .link:not(.active):hover {
  cursor: pointer;
  background: #F8FEEF;
}
#bodyDashboard .dashboard-links .link img {
  padding: 8px;
}
#bodyDashboard .dashboard-box {
  padding: 20px;
  border-radius: 8px;
  border: 1px solid #EFEFEF;
  background-color: #FFFFFF;
}
#bodyDashboard .dashboard-button .btn-white {
  border: 1px solid #D7D7D7;
}
#bodyDashboard .dashboard-tabs {
  background: #F3F3F3;
  border-radius: 8px;
  border: 1px solid #F6F8FC;
}
#bodyDashboard .dashboard-tabs .tab {
  font-weight: 300;
  padding: 8px 12px;
  transition: 0.3s ease-in-out;
  border-radius: 6px;
}
#bodyDashboard .dashboard-tabs .tab.active {
  font-weight: 600;
  background-color: #FFFFFF;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 1px 3px 0px rgba(16, 24, 40, 0.1);
}
#bodyDashboard .dashboard-tabs .tab:not(:first-of-type) {
  margin-left: 8px;
}
#bodyDashboard .dashboard-tabs .tab:not(.active):hover {
  cursor: pointer;
  background-color: #FAFAFA;
}
#bodyDashboard .dashboard-content {
  flex: 1;
}
@media screen and (min-width: 992px) {
  #bodyDashboard .dashboard-content {
    padding-left: 40px;
    padding-right: 40px;
  }
}
#bodyDashboard .dashboard-content .dashboard-title {
  border-bottom: 1px solid #E9E9E9;
}
#bodyDashboard .dashboard-content#machines .list-button {
  padding: 5px 9px;
  border: 1px solid #D7D7D7;
  background-color: #FFFFFF;
  transition: 0.2s ease-in-out;
  border-radius: 2px;
}
#bodyDashboard .dashboard-content#machines .list-button.active {
  background-color: #F3F3F3;
}
#bodyDashboard .dashboard-content#machines .list-button:not(.active):hover {
  cursor: pointer;
  background-color: #F3F3F3;
}
#bodyDashboard .dashboard-content#machines .machines-gallery .item {
  border: 1px solid #EFEFEF;
  border-radius: 12px;
  box-shadow: 0px 2px 2px 0px rgba(16, 24, 40, 0.1);
  transition: 0.3s ease-in-out;
}
#bodyDashboard .dashboard-content#machines .machines-gallery .item-image img {
  height: 180px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 6px;
}
#bodyDashboard .dashboard-content#machines .machines-gallery .item:hover {
  box-shadow: 0px 2px 2px 0px rgba(16, 24, 40, 0.2);
}
#bodyDashboard .dashboard-content#machines .machines-list {
  display: none;
}
#bodyDashboard .dashboard-content#machines .machines-list .item {
  border: 1px solid #EFEFEF;
  border-radius: 12px;
  box-shadow: 0px 2px 2px 0px rgba(16, 24, 40, 0.1);
  transition: 0.3s ease-in-out;
}
#bodyDashboard .dashboard-content#machines .machines-list .item-image img {
  height: 70px;
  width: 140px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 6px;
}
#bodyDashboard .dashboard-content#machines .machines-list .item:hover {
  box-shadow: 0px 2px 2px 0px rgba(16, 24, 40, 0.2);
}
#bodyDashboard .dashboard-content#machinesSingle .overview-image {
  height: 100%;
  position: relative;
}
#bodyDashboard .dashboard-content#machinesSingle .overview-image img {
  border-radius: 8px;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#bodyDashboard .dashboard-content#machinesSingle .overview-image__hours {
  position: absolute;
  width: 92%;
  left: 50%;
  bottom: 16px;
  padding: 16px 24px;
  border-radius: 12px;
  transform: translate(-50%, 0);
  text-align: center;
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid --stroke-100;
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
}
#bodyDashboard .dashboard-content#machinesSingle .calendar-location {
  border-top: 1px solid #EFEFEF;
}
#bodyDashboard .dashboard-content#machinesSingle .calendar .btn-primary-outline {
  background-color: #F8FEEF !important;
}
#bodyDashboard .dashboard-content#machinesSingle .parts .item-image img {
  width: 100%;
  height: 140px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (min-width: 992px) {
  #bodyDashboard .dashboard-content#machinesSingle .parts .item-image img {
    height: 200px;
  }
}
#bodyDashboard .dashboard-content#machinesSingle .parts .item-title {
  min-height: 60px;
}
#bodyDashboard .dashboard-content#machinesSingle .services .buttons {
  border-top: 1px solid #EFEFEF;
}
#bodyDashboard .dashboard-content#machinesSingle .services-logo {
  border-radius: 50%;
  height: 38px;
  width: 38px;
  padding: 5px;
  background-color: #F8FEEF;
  border: 2px solid #FFFFFF;
  box-shadow: 0px 2px 2px 0px rgba(16, 24, 40, 0.1);
}
#bodyDashboard .dashboard-content#machinesSingle .services .btn-primary-outline {
  background-color: #F8FEEF !important;
}
#bodyDashboard .dashboard .item-tag {
  border-radius: 16px;
  padding: 0 10px;
  border: 1px solid var(--primary-200, #8DC63F);
  background: var(--primary-100, #F8FEEF);
  width: -moz-fit-content;
  width: fit-content;
}
#bodyDashboard .dashboard .green-box {
  background: #F8FEEF;
  border-radius: 4px;
  padding: 12px;
}
#bodyDashboard .dashboard .grey-box {
  background: #F3F3F3;
  border-radius: 4px;
  padding: 12px;
}
#bodyDashboard .dashboard .status-filter .filter {
  background: #F3F3F3;
  border-radius: 100px;
  padding: 4px 14px;
  margin-right: 10px;
  transition: 0.1s ease-in-out;
}
#bodyDashboard .dashboard .status-filter .filter.active {
  background: #041A10;
  color: #FFFFFF;
}
#bodyDashboard .dashboard .status-filter .filter:not(.active):hover {
  cursor: pointer;
  background-color: #7C7C7E;
  color: #FFFFFF;
}
#bodyDashboard .dashboard .icon-button {
  padding: 8px 9px;
  border: 1px solid #D7D7D7;
  background-color: #FFFFFF;
  transition: 0.2s ease-in-out;
  border-radius: 2px;
}
#bodyDashboard .dashboard .icon-button.active {
  background-color: #F3F3F3;
}
#bodyDashboard .dashboard .icon-button:not(.active):hover {
  cursor: pointer;
  background-color: #F3F3F3;
}
#bodyDashboard .dashboard #table_wrapper {
  overflow: scroll;
}
#bodyDashboard .dashboard #table {
  border-spacing: 0 10px;
}
#bodyDashboard .dashboard #table th {
  white-space: nowrap;
  font-size: 0.75rem;
  color: #7C7C7E;
  font-weight: 400;
  padding-bottom: 0;
  padding-top: 0;
}
#bodyDashboard .dashboard #table tbody {
  border: none !important;
}
#bodyDashboard .dashboard #table tr {
  background: #FAFAFA !important;
  border: 1px solid #F3F3F3 !important;
}
#bodyDashboard .dashboard #table tr.header-row {
  background: white !important;
  border: none;
}
#bodyDashboard .dashboard #table td {
  font-size: 0.875rem;
  color: #4C4C4D;
  font-weight: 300;
}
#bodyDashboard .dashboard table.dataTable.no-footer {
  border: none;
}
#bodyDashboard .dashboard table.dataTable > thead > tr > th,
#bodyDashboard .dashboard table.dataTable > thead > tr > td {
  border: none;
}
#bodyDashboard .dashboard table.dataTable.row-border > tbody > tr > th,
#bodyDashboard .dashboard table.dataTable.row-border > tbody > tr > td,
#bodyDashboard .dashboard table.dataTable.display > tbody > tr > th,
#bodyDashboard .dashboard table.dataTable.display > tbody > tr > td {
  border: none;
}

#deliveryIntro img {
  width: 100%;
  height: 250px;
  -o-object-fit: cover;
     object-fit: cover;
  border-top-left-radius: 30px;
  border-bottom-right-radius: 30px;
}
@media screen and (min-width: 992px) {
  #deliveryIntro img {
    position: relative;
    right: 50px;
    height: 370px;
  }
}

#deliveryPickup,
#deliveryFaq {
  background-color: #FAFAFA;
}

#deliveryWaste {
  background: url("../img/stock.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.section {
  padding: 48px 0;
}
@media screen and (min-width: 992px) {
  .section {
    padding: 96px 0;
  }
}
.section-title {
  font-size: 2rem;
  line-height: 1.2;
  font-weight: 600;
}

#returns {
  padding: 24px 0 124px 0;
}
#returns h1 {
  margin: 36px 0 72px 0;
}
#returns .nav-link {
  font-size: 1rem;
  color: #041A10 !important;
  padding-left: 0;
}
#returns .nav-link:hover {
  color: #8DC63F !important;
}
#returns .nav-link.active {
  color: #8DC63F !important;
  font-weight: 700;
}

#jobIntro {
  padding: 64px 0;
  overflow-x: hidden;
}
#jobIntro .right-section {
  position: relative;
}
#jobIntro .right-section .section-image {
  height: 300px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
}
@media screen and (min-width: 992px) {
  #jobIntro .right-section .section-image {
    border-top-left-radius: 100px;
    height: 400px;
  }
}
@media screen and (min-width: 1200px) {
  #jobIntro .right-section .section-image {
    height: 640px;
  }
}
#jobIntro .right-section .background-image {
  position: absolute;
  right: -200px;
  top: -40px;
}

#jobAbout {
  background-color: #FAFAFA;
  padding: 64px 0;
}
@media screen and (min-width: 992px) {
  #jobAbout {
    padding: 0;
  }
}

#jobPositions .position {
  padding: 16px 24px;
  border: 1px solid #E9E9E9;
  border-radius: 4px;
  transition: 0.3s;
}
#jobPositions .position:not(:last-of-type) {
  margin-bottom: 24px;
}
#jobPositions .position:hover {
  cursor: pointer;
  background-color: #F8FEEF;
}

#jobSingle .single-cover img {
  height: 400px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}
#jobSingle .single-content {
  border-bottom: 1px solid #E9E9E9;
  padding-bottom: 80px;
}
#jobSingle .single-content a {
  text-decoration: underline !important;
  transition: 0.2s ease-in-out;
}
#jobSingle .single-content a:hover {
  color: #8DC63F !important;
}
@media screen and (min-width: 992px) {
  #jobSingle .single-content .contact {
    text-align: end;
  }
}
#jobSingle .single-form {
  border-bottom: 1px solid #E9E9E9;
  padding-bottom: 96px;
}
#jobSingle .single-form .input-cv label {
  padding: 24px 0;
  text-align: center;
  width: 100%;
  border-radius: 4px;
  border: 1px dashed #D7D7D7;
  transition: 0.2s ease-in-out;
}
#jobSingle .single-form .input-cv label:hover {
  cursor: pointer;
  border-color: #8DC63F !important;
}
#helpIntro .container {
  border-bottom: 1px solid #E9E9E9;
}

#helpFAQ {
  padding-bottom: 64px;
}
@media screen and (min-width: 992px) {
  #helpFAQ {
    padding-bottom: 124px;
  }
}

.bg-primary-100 {
  background-color: #F8FEEF !important;
}

.bg-primary-200 {
  background-color: #8DC63F !important;
}

.bg-primary-300 {
  background-color: #09452B !important;
}

.bg-natural-700 {
  background-color: #041A10 !important;
}

.primary-200 {
  color: #8DC63F !important;
}

.primary-300 {
  color: #09452B !important;
}

.natural-100 {
  color: #FFFFFF !important;
}

.natural-700 {
  color: #041A10 !important;
}

.font-inter {
  font-family: "Inter", system-ui, sans-serif !important;
}

.font-barlow {
  font-family: "Barlow", system-ui, sans-serif !important;
}

.stroke-primary-200 {
  border-color: #8DC63F !important;
}

.stroke-200 {
  border-color: #D7D7D7 !important;
}

.title-row {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
  background-image: linear-gradient(rgba(0, 29, 20, 0.53), rgba(0, 29, 20, 0.53)), url("../img/tractor.jpg");
  background-size: cover;
  background-position: bottom 50% right 50%;
}
@media screen and (min-width: 1200px) {
  .title-row {
    padding-top: 96px !important;
    padding-bottom: 69px !important;
  }
}

#subcategories .subcategory-item {
  border-radius: 4px !important;
  border: 1px solid #D7D7D7 !important;
  height: 200px;
  transition: 0.3s ease-in-out;
}
@media screen and (min-width: 768px) {
  #subcategories .subcategory-item {
    height: 230px;
  }
}
#subcategories .subcategory-item:hover {
  border-color: #CFE1B6;
  box-shadow: 4px 4px 7px 1px rgba(16, 24, 40, 0.1098039216);
}
#subcategories .subcategory-item.item-one {
  text-align: center;
}
#subcategories .subcategory-item.item-one .item-image img {
  height: 150px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#subcategories .subcategory-item.item-two .item-image img {
  height: 165px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px) {
  #subcategories .subcategory-item.item-two .item-image img {
    height: 200px;
  }
}

.subcategory-item:hover {
  border-color: #8DC63F !important;
}

#subsubcategories .subcategory-item {
  border: 1px solid #D7D7D7;
  border-radius: 4px;
  transition: 0.2s ease-in-out;
}
#subsubcategories .subcategory-item .item-image img {
  height: 70px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#subsubcategories .search {
  background: #8DC63F;
  border-radius: 4px;
}
#subsubcategories .search-button, #subsubcategories .search-input {
  position: relative;
}
#subsubcategories .search-button input, #subsubcategories .search-input input {
  padding: 9px 12px !important;
  border: 1px solid #FFFFFF !important;
}
#subsubcategories .search-button input:focus, #subsubcategories .search-input input:focus {
  border-radius: 0;
  border: 1px solid #D7D7D7 !important;
}
#subsubcategories .search-button .ui-menu, #subsubcategories .search-input .ui-menu {
  position: absolute;
  background-color: #FFFFFF;
  border: 1px solid #D7D7D7 !important;
  z-index: 1000;
  list-style: none;
  padding-left: 0;
  top: 43px !important;
  width: 100% !important;
  max-height: 230px;
  overflow-y: scroll;
}
#subsubcategories .search-button .ui-menu-item, #subsubcategories .search-input .ui-menu-item {
  font-size: 0.875rem;
  padding: 4px;
  line-height: 1.125rem;
  padding-left: 12px;
  transition: 0.1s ease-in-out;
}
#subsubcategories .search-button .ui-menu-item:hover, #subsubcategories .search-input .ui-menu-item:hover {
  cursor: pointer;
  background-color: #F3F3F3;
}
#subsubcategories .search-input::after {
  content: url("../img/icons/search.svg");
  position: absolute;
  display: block;
  width: 12px;
  height: 24px;
  right: 5px;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 992px) {
  #subsubcategories .search-button {
    width: 100;
  }
}
#subsubcategories .search-background {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
}

#products .search {
  background: #8DC63F;
  border-radius: 4px;
}
#products .search-button, #products .search-input {
  position: relative;
}
#products .search-button input, #products .search-input input {
  padding: 9px 12px !important;
  border: 1px solid #FFFFFF !important;
}
#products .search-button input:focus, #products .search-input input:focus {
  border-radius: 0;
  border: 1px solid #D7D7D7 !important;
}
#products .search-button .ui-menu, #products .search-input .ui-menu {
  position: absolute;
  background-color: #FFFFFF;
  border: 1px solid #D7D7D7 !important;
  z-index: 1000;
  list-style: none;
  padding-left: 0;
  top: 43px !important;
  width: 100% !important;
  max-height: 230px;
  overflow-y: scroll;
}
#products .search-button .ui-menu-item, #products .search-input .ui-menu-item {
  font-size: 0.875rem;
  padding: 4px;
  line-height: 1.125rem;
  padding-left: 12px;
  transition: 0.1s ease-in-out;
}
#products .search-button .ui-menu-item:hover, #products .search-input .ui-menu-item:hover {
  cursor: pointer;
  background-color: #F3F3F3;
}
#products .search-input::after {
  content: url("../img/icons/search.svg");
  position: absolute;
  display: block;
  width: 12px;
  height: 24px;
  right: 5px;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 992px) {
  #products .search-button {
    width: 100;
  }
}
#products .search-background {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
}
#products .category-selector {
  padding: 14px 16px 10px 16px;
}
#products .category-selector:hover {
  cursor: pointer;
}
#products .category-selector.category {
  border: 1px solid #D7D7D7;
  border-radius: 4px;
}
#products .category-selector .collapse-row .count {
  color: #7C7C7E;
}
#products .filters .category-selector:first-of-type {
  border-top-left-radius: 4px !important;
  border-top-right-radius: 4px !important;
  border: 1px solid #D7D7D7;
}
#products .filters .category-selector {
  border-left: 1px solid #D7D7D7;
  border-right: 1px solid #D7D7D7;
}
#products .filters .category-selector:last-of-type {
  border-bottom-left-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
  border: 1px solid #D7D7D7;
}
#products .products-header .header-button {
  padding: 5px 9px;
  border: 1px solid #D7D7D7;
  background-color: #FFFFFF;
  transition: 0.2s ease-in-out;
  border-radius: 2px;
}
#products .products-header .header-button.active {
  background-color: #F3F3F3;
}
#products .products-header .header-button:not(.active):hover {
  cursor: pointer;
  background-color: #F3F3F3;
}
#products .products-header .header-number {
  width: 100%;
  border: 1px solid #D7D7D7;
  color: #7C7C7E !important;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
#products .products-header .header-dropdown {
  transition: 0.2s ease-in-out;
  color: #7C7C7E;
  border: 1px solid #D7D7D7;
  border-left: none;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
#products .products-header .header-dropdown:hover {
  background: #F8FEEF;
  cursor: pointer;
}
#products .products-gallery .product {
  position: relative;
  border: 1px solid #D7D7D7;
  background-color: #FFFFFF;
  transition: 0.2s ease-in-out;
}
#products .products-gallery .product:hover {
  border-color: #CFE1B6;
  box-shadow: 4px 7px 5px -1px rgba(0, 0, 0, 0.08);
}
#products .products-gallery .product-label {
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 4px 8px;
  width: 50px !important;
  text-align: center;
  border-radius: 2px;
}
#products .products-gallery .product-label.green {
  background-color: #8DC63F;
  color: #041A10;
}
#products .products-gallery .product-label.red {
  background-color: #D80027;
  color: #FFFFFF;
}
#products .products-gallery .product-image {
  height: 150px;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
#products .products-gallery .product-title {
  color: #4C4C4D;
}
#products .products-gallery .product-price__price {
  color: #09452B;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.2;
}
#products .products-gallery .product-price__savings {
  text-align: end;
  color: #09452B;
}
#products .products-list {
  display: none;
}
#products .products-list .product {
  border: 1px solid #D7D7D7;
  background-color: #FFFFFF;
  transition: 0.2s ease-in-out;
  position: relative;
}
#products .products-list .product:hover {
  border-color: #CFE1B6;
  box-shadow: 4px 7px 5px -1px rgba(0, 0, 0, 0.08);
}
#products .products-list .product-label {
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 4px 8px;
  width: 50px !important;
  text-align: center;
  border-radius: 2px;
}
#products .products-list .product-label.green {
  background-color: #8DC63F;
  color: #041A10;
}
#products .products-list .product-label.red {
  background-color: #D80027;
  color: #FFFFFF;
}
#products .products-list .product-image img {
  height: 100px;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
#products .products-list .product-title {
  color: #4C4C4D;
}
#products .products-list .product-price {
  color: #09452B;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.2;
}
#products .products-list .product-savings {
  line-height: 22px;
  color: #09452B;
}

.side-menu-btn {
  background-color: transparent !important;
  border: none !important;
  width: 100% !important;
}

.side-menu-btn-title {
  text-align: left !important;
}

.side-menu-btn-quantity {
  float: right;
}

.range-slider {
  height: 26px;
  position: relative;
  background-color: #8DC63F;
  border-radius: 20px;
}

.range-selected {
  height: 100%;
  left: 30%;
  right: 30%;
  position: absolute;
  border-radius: 5px;
}

.range-input {
  position: relative;
}

.range-input input {
  left: 0;
  position: absolute;
  width: 100%;
  height: 5px;
  top: -7px;
  background: none;
  pointer-events: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.range-input input::-webkit-slider-thumb {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  margin-bottom: 1.1em;
  background-color: #fff;
  pointer-events: auto;
  -webkit-appearance: none;
}

.range-input input::-moz-range-thumb {
  height: 15px;
  width: 15px;
  border-radius: 50%;
  margin-bottom: 1.1em;
  background-color: #fff;
  pointer-events: auto;
  -moz-appearance: none;
}

.price-range-divider {
  width: 100%;
  height: 4px;
  background-color: #8DC63F;
  border-radius: 14px;
}

.price-range-input {
  text-align: center !important;
  border-color: #D7D7D7 !important;
  border-radius: 2px !important;
}
.price-range-input:focus {
  border-color: #8DC63F !important;
  box-shadow: none !important;
}
.price-range-input:active {
  border-color: #8DC63F !important;
  box-shadow: none !important;
}
.price-range-input:hover {
  border-color: #8DC63F !important;
  box-shadow: none !important;
}

#product .product-header__button {
  border: 1px solid #8DC63F;
  border-radius: 4px;
  padding: 7px 9px;
  transition: 0.3s ease-in-out;
}
#product .product-header__button:hover {
  cursor: pointer;
  background-color: #F8FEEF;
}
#product .product-price h2 {
  color: #09452B !important;
}
#product .product-info .info-dropdown {
  border: 1px solid #D7D7D7;
  border-radius: 4px;
}
#product .product-search {
  position: relative;
  height: 100%;
  border-radius: 4px;
}
#product .product-search .search-button, #product .product-search .search-input {
  position: relative;
}
#product .product-search .search-button input, #product .product-search .search-input input {
  padding: 9px 12px !important;
  border: 1px solid #FFFFFF !important;
}
#product .product-search .search-button input:focus, #product .product-search .search-input input:focus {
  border-radius: 0;
  border: 1px solid #D7D7D7 !important;
}
#product .product-search .search-button .ui-menu, #product .product-search .search-input .ui-menu {
  position: absolute;
  background-color: #FFFFFF;
  border: 1px solid #D7D7D7 !important;
  z-index: 1000;
  list-style: none;
  padding-left: 0;
  top: 43px !important;
  width: 100% !important;
  max-height: 230px;
  overflow-y: scroll;
}
#product .product-search .search-button .ui-menu-item, #product .product-search .search-input .ui-menu-item {
  font-size: 0.875rem;
  padding: 4px;
  line-height: 1.125rem;
  padding-left: 12px;
  transition: 0.1s ease-in-out;
}
#product .product-search .search-button .ui-menu-item:hover, #product .product-search .search-input .ui-menu-item:hover {
  cursor: pointer;
  background-color: #F3F3F3;
}
#product .product-search .search-input::after {
  content: url("../img/icons/search.svg");
  position: absolute;
  display: block;
  width: 12px;
  height: 24px;
  right: 5px;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 992px) {
  #product .product-search .search-button {
    width: 100;
  }
}
#product .product-search .search-background {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
}
#product .product-image {
  border: 1px solid #D7D7D7;
  width: 100%;
  height: 94px;
  -o-object-fit: cover;
     object-fit: cover;
  cursor: pointer;
}
#product .product-image:hover {
  border-color: #8DC63F;
}
#product .product-tabs {
  border: 1px solid #D7D7D7;
  border-radius: 4px;
}
#product .product-tabs__categories {
  overflow: scroll;
  border-bottom: 1px solid #D7D7D7;
}
#product .product-tabs__categories .active {
  font-family: "Barlow", system-ui, sans-serif !important !important;
  font-weight: bold;
  color: #09452B !important;
  border-bottom: 4px solid #09452B !important;
}
#product .product-tabs__categories .category:not(.active):hover {
  cursor: pointer;
}
#product .product-tabs .tab-content.documents .document {
  border-radius: 4px;
  border: 1px solid #D7D7D7;
  transition: 0.3s;
}
#product .product-tabs .tab-content.documents .document:hover {
  background: #F8FEEF;
}
#product .product-tabs .tab-content.articles .article {
  transition: 0.3s;
}
#product .product-tabs .tab-content.articles .article-tag {
  background-color: #EFF9FE;
  color: #0B72D0;
  border: 1px solid #0B72D0;
  border-radius: 100px;
  padding: 2px 16px;
  width: -moz-fit-content;
  width: fit-content;
}
#product .product-tabs .tab-content.articles .article-title {
  color: #4C4C4D;
}
#product .product-tabs .tab-content.articles .article-meta {
  color: #7C7C7E;
}
#product .product-tabs .tab-content.articles .article:hover {
  box-shadow: 0 2px 2px rgba(16, 24, 40, 0.102) !important;
}
#product .product-tabs .tab-content.reviews h3 {
  color: #4C4C4D !important;
}
#product .product-tabs .tab-content.reviews .number {
  color: #7C7C7E !important;
}
#product .product-tabs .tab-content.reviews .review .date {
  color: #7C7C7E;
}
#product .image-col:first-of-type {
  margin-left: 0 !important;
}
#product .image-col:last-of-type {
  margin-right: 0 !important;
}
#product .main-product-image {
  width: 100%;
  height: 350px;
  -o-object-fit: cover;
     object-fit: cover;
}
#product .product-info-review-stats {
  width: 250px;
  height: 6px;
  background-color: #F3F3F3;
  position: relative;
}
#product .product-info-review-stats span {
  position: absolute;
  height: 100%;
  background-color: #09452B;
}/*# sourceMappingURL=style.css.map */