:root {
  /* === Colour Variables === */
  --clr-accent-blue-400: #64A5E5;
  --clr-accent-green-300: #69b597;
  --clr-accent-green-300-30: rgb(105 181 151 / 30%);
  --clr-accent-green-300-70: rgb(105 181 151 / 70%);
  --clr-accent-teal-500: #0A5F5B;
  --clr-accent-teal-500-70: rgb(10 95 91 / 70%);
  --clr-accent-teal-700: #065551;
  --clr-primary-900: #2F2F2F;
  --clr-primary-800: #102036;
  --clr-primary-700: #053836;
  --clr-neutral-100: #F1F2F6;
  --clr-neutral-900: #000;
}

.tri-bullet {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.tri-bullet .tri-bullet-icon-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--clr-accent-green-300-30);
  border-radius: 50%;
  width: 94px;
  height: 94px;
  margin-bottom: 1.25vw;
}
.tri-bullet .tri-bullet-icon-wrapper .tri-bullet-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: var(--clr-accent-teal-500);
  width: 74px;
  height: 74px;
}
.tri-bullet .tri-bullet-icon-wrapper .tri-bullet-icon .tri-bullet-object {
  height: 35px;
  width: auto;
  filter: invert(1);
  display: block;
  margin: 0 auto;
}
.tri-bullet .tri-bullet-title {
  margin-bottom: 0.972vw;
}
.tri-bullet .tri-bullet-text {
  text-align: center;
  max-width: 61.867vw;
}
@media screen and (width >= 768px) {
  .tri-bullet .tri-bullet-text {
    max-width: 16.111vw;
  }
}
@media screen and (width >= 1024px) {
  .tri-bullet {
    align-items: flex-start;
  }
  .tri-bullet .tri-bullet-text {
    text-align: start;
  }
}

/*# sourceMappingURL=tri-bullet.css.map */