* {
  padding: 0;
  margin: 0;
  border: 0;
}

*,
*:before,
*:after {
  box-sizing: border-box;
}

:focus,
:active {
  outline: none;
}

a:focus,
a:active {
  outline: none;
}

nav,
footer,
header,
aside {
  display: block;
}

html,
body {
  height: 100%;
  width: 100%;
  font-size: 100%;
  line-height: 1;
  font-size: 14px;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

input,
button,
textarea {
  font-family: inherit;
}

input::-ms-clear {
  display: none;
}

button {
  cursor: pointer;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

a,
a:visited {
  text-decoration: none;
  color: inherit;
}

a:hover {
  text-decoration: none;
}

ul li {
  list-style: none;
}

img {
  vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
}

textarea {
  resize: vertical;
}

.index-useful__body {
  padding: 100rem 0;
  background-color: #e9ecf3;
}
@media (max-width: 767.98px) {
  .index-useful__body {
    padding: 60rem 0;
  }
}
.index-useful__row {
  display: flex;
}
@media (max-width: 767.98px) {
  .index-useful__row {
    flex-direction: column;
  }
}
@media (min-width: 768px) {
  .index-useful__title-block {
    padding-right: 90rem;
  }
}
.index-useful__title {
  font-weight: 700;
  font-size: 46rem;
  line-height: 110%;
  margin-bottom: 30rem;
}
@media (max-width: 767.98px) {
  .index-useful__title {
    font-size: 32rem;
    text-align: center;
  }
}
@media (max-width: 767.98px) {
  .index-useful__all {
    margin: 20rem auto 0;
  }
}
.index-useful__items {
  -moz-column-width: 270rem;
       column-width: 270rem;
}
@media (max-width: 767.98px) {
  .index-useful__items {
    display: flex;
    flex-direction: column;
  }
}
.index-useful__item {
  display: inline-block;
  padding: 0 10rem 30rem 0;
  width: 100%;
}
@media (max-width: 767.98px) {
  .index-useful__item {
    padding: 0 0 10rem 0;
  }
}

.useful-item__body {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 20rem;
  padding: 20rem;
  position: relative;
  overflow: hidden;
  color: white;
  height: 100%;
}
@media (max-width: 767.98px) {
  .useful-item__body {
    height: 160rem !important;
  }
}
.useful-item__body:before {
  content: "";
  display: block;
  width: 100%;
  height: 100rem;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);
  position: absolute;
  top: 0;
  left: 0;
}
.useful-item__name {
  font-weight: 600;
  font-size: 24rem;
  line-height: 120%;
  position: relative;
  z-index: 1;
}
@media (max-width: 767.98px) {
  .useful-item__name {
    font-size: 20rem;
  }
}
.useful-item__circles {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.useful-item__circles img, .useful-item__circles svg {
  position: absolute;
}
.useful-item__btn {
  position: absolute;
  bottom: 20rem;
  right: 20rem;
}
.useful-item__btn img, .useful-item__btn svg {
  width: 50rem;
  height: 50rem;
}
.useful-item._circles .useful-item__body {
  color: black;
}
.useful-item._circles .useful-item__body:before {
  display: none;
}
@media (max-width: 767.98px) {
  .useful-item:nth-child(1) {
    order: 0;
  }
}
.useful-item:nth-child(1) .useful-item__body {
  height: 330rem;
}
@media (max-width: 767.98px) {
  .useful-item:nth-child(2) {
    order: 1;
  }
}
.useful-item:nth-child(2) .useful-item__body {
  height: 230rem;
}
.useful-item:nth-child(2) .useful-item__circles img:nth-child(1), .useful-item:nth-child(2) .useful-item__circles svg:nth-child(1) {
  left: -15rem;
  bottom: 0rem;
  width: 130rem;
  height: 124rem;
}
.useful-item:nth-child(2) .useful-item__circles img:nth-child(2), .useful-item:nth-child(2) .useful-item__circles svg:nth-child(2) {
  left: 95rem;
  top: 100rem;
  width: 79rem;
  height: 79rem;
}
@media (max-width: 767.98px) {
  .useful-item:nth-child(2) .useful-item__circles img:nth-child(2), .useful-item:nth-child(2) .useful-item__circles svg:nth-child(2) {
    left: 143rem;
    top: 40rem;
  }
}
@media (max-width: 767.98px) {
  .useful-item:nth-child(3) {
    order: 3;
  }
}
.useful-item:nth-child(3) .useful-item__body {
  height: 280rem;
}
.useful-item:nth-child(3) .useful-item__circles img:nth-child(1), .useful-item:nth-child(3) .useful-item__circles svg:nth-child(1) {
  left: 44rem;
  bottom: 0rem;
  width: 180rem;
  height: 136rem;
}
@media (max-width: 767.98px) {
  .useful-item:nth-child(3) .useful-item__circles img:nth-child(1), .useful-item:nth-child(3) .useful-item__circles svg:nth-child(1) {
    left: 44rem;
    bottom: -60rem;
  }
}
.useful-item:nth-child(3) .useful-item__circles img:nth-child(2), .useful-item:nth-child(3) .useful-item__circles svg:nth-child(2) {
  left: 141rem;
  top: 78rem;
  width: 109rem;
  height: 109rem;
}
@media (max-width: 767.98px) {
  .useful-item:nth-child(3) .useful-item__circles img:nth-child(2), .useful-item:nth-child(3) .useful-item__circles svg:nth-child(2) {
    left: 176rem;
    top: -17rem;
  }
}
.useful-item:nth-child(3) .useful-item__circles img:nth-child(3), .useful-item:nth-child(3) .useful-item__circles svg:nth-child(3) {
  left: 20rem;
  top: 109rem;
  width: 48rem;
  height: 48rem;
}
@media (max-width: 767.98px) {
  .useful-item:nth-child(3) .useful-item__circles img:nth-child(3), .useful-item:nth-child(3) .useful-item__circles svg:nth-child(3) {
    top: 52rem;
  }
}
@media (max-width: 767.98px) {
  .useful-item:nth-child(4) {
    order: 2;
  }
}
.useful-item:nth-child(4) .useful-item__body {
  height: 280rem;
}
@media (max-width: 767.98px) {
  .useful-item:nth-child(5) {
    order: 4;
  }
}
.useful-item:nth-child(5) .useful-item__body {
  height: 230rem;
}
@media (max-width: 767.98px) {
  .useful-item:nth-child(6) {
    order: 5;
  }
}
.useful-item:nth-child(6) .useful-item__body {
  height: 330rem;
}
.useful-item:nth-child(6) .useful-item__circles img:nth-child(1), .useful-item:nth-child(6) .useful-item__circles svg:nth-child(1) {
  right: 0rem;
  bottom: 0rem;
  width: 169rem;
  height: 124rem;
}
@media (max-width: 767.98px) {
  .useful-item:nth-child(6) .useful-item__circles img:nth-child(1), .useful-item:nth-child(6) .useful-item__circles svg:nth-child(1) {
    right: 73rem;
    bottom: -79rem;
  }
}
.useful-item:nth-child(6) .useful-item__circles img:nth-child(2), .useful-item:nth-child(6) .useful-item__circles svg:nth-child(2) {
  left: 13rem;
  top: 131rem;
  width: 109rem;
  height: 109rem;
}
@media (max-width: 767.98px) {
  .useful-item:nth-child(6) .useful-item__circles img:nth-child(2), .useful-item:nth-child(6) .useful-item__circles svg:nth-child(2) {
    top: 38rem;
  }
}
.useful-item:nth-child(6) .useful-item__circles img:nth-child(3), .useful-item:nth-child(6) .useful-item__circles svg:nth-child(3) {
  left: 170rem;
  top: 109rem;
  width: 48rem;
  height: 48rem;
}
@media (max-width: 767.98px) {
  .useful-item:nth-child(6) .useful-item__circles img:nth-child(3), .useful-item:nth-child(6) .useful-item__circles svg:nth-child(3) {
    top: 14rem;
  }
}/*# sourceMappingURL=style.css.map */