@use "../../../plugins/bootstrap-5.1.3/scss/functions";
@use "../../../plugins/bootstrap-5.1.3/scss/variables";
@use "../../../plugins/bootstrap-5.1.3/scss/mixins";
@use "../../../plugins/bootstrap-5.1.3/scss/utilities";
@use "../../../plugins/bootstrap-5.1.3/scss/reboot";
@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: auto !important;
  }
}

:root {
  --primary: #CD0511;
  --consumed-by-js: $primary;
  --bs-primary: #CD0511;
  --bs-primary-rgb: 205, 5, 17;
  --success: #179149;
  --consumed-by-js: $success;
  --bs-success: #179149;
  --bs-success-rgb: 23, 145, 73;
  --bs-dark: #161616;
  --bs-dark-rgb: 22, 22, 22;
  --bs-font-open-sans:'Open Sans', sans-serif;
  --bs-body-font-family: var(--bs-font-open-sans);
  --bs-body-color: #161616;
  --bs-link-color: $primary;
}

@use "../../../plugins/bootstrap-5.1.3/scss/bootstrap";
.tools {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 130px;
  width: 130px;
  margin: 0 auto;
}

.tools-1 {
  background-image: url("/assets/hfappnew/websites/affiliates/images/redesign/marketing/images/tools-01.svg");
}

.tools-2 {
  background-image: url("/assets/hfappnew/websites/affiliates/images/redesign/marketing/images/tools-02.svg");
}

.tools-3 {
  background-image: url("/assets/hfappnew/websites/affiliates/images/redesign/marketing/images/tools-03.svg");
}

.tools-4 {
  background-image: url("/assets/hfappnew/websites/affiliates/images/redesign/marketing/images/tools-04.svg");
}

.tools-5 {
  background-image: url("/assets/hfappnew/websites/affiliates/images/redesign/marketing/images/tools-05.svg");
}

.tools-6 {
  background-image: url("/assets/hfappnew/websites/affiliates/images/redesign/marketing/images/tools-06.svg");
}

.tools-7 {
  background-image: url("/assets/hfappnew/websites/affiliates/images/redesign/marketing/images/tools-07.svg");
}

.tools-8 {
  background-image: url("/assets/hfappnew/websites/affiliates/images/redesign/marketing/images/tools-08.svg");
}

.tools-9 {
  background-image: url("/assets/hfappnew/websites/affiliates/images/redesign/marketing/images/tools-09.svg");
}

.tools-10 {
  background-image: url("/assets/hfappnew/websites/affiliates/images/redesign/marketing/images/tools-10.svg");
}

.tools-11 {
  background-image: url("/assets/hfappnew/websites/affiliates/images/redesign/marketing/images/tools-11.svg");
}

@media (max-width: 991.98px) {
  .tools {
    width: 65px;
  }
  .button-wrap-center div {
    text-align: center;
  }
  .column-gap-1 {
    column-gap: 15px;
  }
}
