/*!***************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/blocks/dots/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************/
.sec-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.sec-dots[data-brand=primary] .circle {
  background-color: #08f;
  color: #fff;
}
.sec-dots[data-brand=warning] .circle {
  background-color: #ffc107;
  color: #fff;
}
.sec-dots[data-brand=info] .circle {
  background-color: #9399B1;
  color: #fff;
}
.sec-dots[data-brand=danger] .circle {
  background-color: #D28E77;
  color: #fff;
}
.sec-dots[data-brand=dark] .circle {
  background-color: #212529;
  color: #fff;
}
.sec-dots[data-brand=secondary] .circle {
  background-color: #6c757d;
}
@media (min-width: 992px) {
  .sec-dots {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
@media (min-width: 1200px) {
  .sec-dots {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}
@media (min-width: 1400px) {
  .sec-dots {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
.sec-dots .dots-item {
  flex-basis: 100%;
  padding-bottom: 2rem;
}
@media (min-width: 768px) {
  .sec-dots .dots-item {
    flex-basis: 50%;
  }
}
@media (min-width: 992px) {
  .sec-dots .dots-item {
    flex-basis: 33.3333%;
  }
}
.sec-dots .dots-item > div {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 auto;
  max-width: 15rem;
  text-align: center;
}
.sec-dots .dots-item .circle {
  height: 8.125rem;
  width: 8.125rem;
  padding: 2.03125rem;
  align-items: center;
  display: flex;
  border-radius: 50%;
  justify-content: center;
  padding: 0;
}
.sec-dots .dots-item .circle .icon {
  width: 7rem;
}
.sec-dots .item-title {
  color: #1e1e1e;
  font-family: "FrutigerNeueW01-Regular", sans-serif;
  font-size: 1.375rem;
  letter-spacing: 0.8px;
  margin-top: 1rem;
  padding-bottom: 1rem;
  text-transform: uppercase;
}

/*# sourceMappingURL=style-index.css.map*/