.massivesecurity-services-link {
  padding-top: clamp(40px, 60 * (100vw - 375px) / 905 + 40px, 100px);
  padding-bottom: clamp(60px, 20 * (100vw - 375px) / 905 + 60px, 80px);
}
.massivesecurity-services-link .sub-title {
  font-family: var(--font-manrope);
  font-weight: 700;
  font-size: clamp(16px, 2 * (100vw - 375px) / 905 + 16px, 18px);
  line-height: 130%;
  margin-bottom: 20px;
  color: var(--color-title);
  text-align: center;
}
.massivesecurity-services-link .title {
  width: 900px;
  max-width: 100%;
  margin: 0 auto 20px;
  color: var(--color-dark);
  font-size: clamp(26px, 30 * (100vw - 375px) / 905 + 26px, 56px);
  line-height: 140%;
  text-align: center;
}
.massivesecurity-services-link .content {
  text-align: center;
  font-family: var(--font-rubik);
  font-size: clamp(16px, 2 * (100vw - 375px) / 905 + 16px, 18px);
  line-height: 160%;
  color: rgb(123, 123, 123);
  margin-bottom: clamp(20px, 20 * (100vw - 375px) / 905 + 20px, 40px);
  padding-bottom: clamp(30px, 10 * (100vw - 375px) / 905 + 30px, 40px);
  border-bottom: 1px solid rgb(229, 229, 229);
}
.massivesecurity-services-link .links .row {
  --bs-gutter-x: 30px;
  --bs-gutter-y: 30px;
}
.massivesecurity-services-link .links .row .links-item {
  height: clamp(48px, 12 * (100vw - 375px) / 905 + 48px, 60px);
  display: block;
  border: 2px solid rgb(0, 0, 0);
  border-radius: 15px;
  line-height: clamp(48px, 12 * (100vw - 375px) / 905 + 48px, 60px);
  font-family: var(--font-rubik);
  font-size: clamp(16px, 2 * (100vw - 375px) / 905 + 16px, 18px);
  color: rgb(42, 42, 42);
  text-align: center;
  transition: color var(--transition), background-color var(--transition);
}
.massivesecurity-services-link .links .row .links-item:hover {
  color: white;
  background-color: rgb(0, 0, 0);
}

@media all and (max-width: 767px) {
  .massivesecurity-services-link .links .row {
    --bs-gutter-x: 20px;
    --bs-gutter-y: 20px;
  }
}
/*# sourceMappingURL=services-link.css.map */