.background-color-main {
  background-color: #184b59 !important;
}

.text-color-main {
  color: #184b59 !important;
}

.border-color-main {
  border: 1px solid #184b59 !important;
}

.background-color-secondary {
  background-color: #89a8d7 !important;
}

.text-color-secondary {
  color: #89a8d7 !important;
}

.border-color-secondary {
  border: 1px solid #89a8d7 !important;
}

.background-color-white {
  background-color: #FEFEFE !important;
}

.text-color-white {
  color: #FEFEFE !important;
}

.border-color-white {
  border: 1px solid #FEFEFE !important;
}

.background-color-black {
  background-color: #000000 !important;
}

.text-color-black {
  color: #000000 !important;
}

.border-color-black {
  border: 1px solid #000000 !important;
}

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

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

.border-color-border {
  border: 1px solid #D7D7D7 !important;
}

.block-boite-outils .toolbox-list {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}
.block-boite-outils .toolbox-list .toolbox-elm {
  max-width: 100%;
  flex: 1 1 100%;
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #DADADA;
}
.block-boite-outils .toolbox-list .toolbox-elm .img-ratio {
  transition: all 0.3s ease;
  flex: 1 1 100%;
}
@media (min-width: 992px) {
  .block-boite-outils .toolbox-list .toolbox-elm {
    max-width: calc(50% - 1.3333333333rem);
    flex: 1 1 calc(50% - 2rem);
  }
}
@media (min-width: 1200px) {
  .block-boite-outils .toolbox-list .toolbox-elm {
    max-width: calc((100% - 6rem) / 4);
  }
}
.block-boite-outils .toolbox-list .toolbox-elm .toolbox-elm-content {
  padding: 1rem;
}
.block-boite-outils .results-holder {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-direction: column;
  gap: 1rem;
}
.block-boite-outils .results-holder .filters {
  width: 100%;
  box-sizing: border-box;
}
.block-boite-outils .results-holder .filters [type=radio]:not(:checked), .block-boite-outils .results-holder .filters [type=radio]:checked,
.block-boite-outils .results-holder .filters [type=checkbox]:not(:checked),
.block-boite-outils .results-holder .filters [type=checkbox]:checked {
  position: absolute;
  left: -9999px;
}
.block-boite-outils .results-holder .filters [type=radio]:not(:checked) + label, .block-boite-outils .results-holder .filters [type=radio]:checked + label,
.block-boite-outils .results-holder .filters [type=checkbox]:not(:checked) + label,
.block-boite-outils .results-holder .filters [type=checkbox]:checked + label {
  position: relative;
  cursor: pointer;
}
.block-boite-outils .results-holder .filters [type=radio]:not(:checked) + label:before, .block-boite-outils .results-holder .filters [type=radio]:checked + label:before,
.block-boite-outils .results-holder .filters [type=checkbox]:not(:checked) + label:before,
.block-boite-outils .results-holder .filters [type=checkbox]:checked + label:before {
  content: "";
  display: none !important;
}
.block-boite-outils .results-holder .filters [type=radio]:not(:checked) + label:after, .block-boite-outils .results-holder .filters [type=radio]:checked + label:after,
.block-boite-outils .results-holder .filters [type=checkbox]:not(:checked) + label:after,
.block-boite-outils .results-holder .filters [type=checkbox]:checked + label:after {
  content: "";
  display: none !important;
}
.block-boite-outils .results-holder .toolbox-holder {
  flex: 1;
  box-sizing: border-box;
  width: 100%;
}
.block-boite-outils #filter-holders {
  display: none;
}
@media (min-width: 1200px) {
  .block-boite-outils #filter-holders {
    display: block;
  }
}
.block-boite-outils .filters-mobile {
  display: flex;
}
@media (min-width: 1200px) {
  .block-boite-outils .filters-mobile {
    display: none;
  }
}
.block-boite-outils .filters .filter-group {
  position: relative;
  margin-bottom: 0;
  display: grid;
  grid-auto-flow: column;
  width: 100%;
  white-space: nowrap;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.block-boite-outils .filters .filter-group:first-child {
  border-left: none;
}
.block-boite-outils .filters .filter-group label {
  position: relative;
  padding: 0.75rem;
  text-align: center;
  border: 1px solid #184b59;
  transition: 0.3s ease;
  display: block;
  text-align: center;
  border-radius: 100vh;
}
.block-boite-outils .filters .filter-group label.active, .block-boite-outils .filters .filter-group label:hover {
  background-color: #89a8d7;
  border: 1px solid #89a8d7;
}

.fancy-box .filter-group {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
}