:root {
  --blank-value: 80px;
}

.responsibility__content p {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
}

.responsibility__content h3,
.responsibility__content h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
}

.responsibility__content p {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.75rem;
  color: #4c4f52;
}

.responsibility__content h3,
.responsibility__content h2 {
  font-size: 1.625rem;
  font-weight: 500;
  line-height: 100%;
  color: #2d3549;
}

.responsibility {
  padding: 90px 0 120px 0;
}
.responsibility h2:first-of-type {
  margin-top: 0;
}
.responsibility__content {
  width: 100%;
  text-align: left;
  word-break: break-word;
}
.responsibility__content p {
  font-weight: 200;
  color: #4c4f52;
}
.responsibility__content h3,
.responsibility__content h2 {
  font-weight: 500;
  color: #2d3549;
  line-height: 30px;
  margin-top: 30px;
  margin-bottom: 15px;
}
.responsibility__content h2:first-of-type {
  margin-top: 0;
}
.responsibility__boxes {
  display: flex;
  justify-content: center;
  gap: 30px;
  margin-top: 40px;
}
.responsibility__boxes-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: calc(33.33333% - 16px);
  padding: 38px 24px;
  gap: 15px;
  border: 1px solid #e8ecf0;
  text-decoration: none;
  transition: border 0.4s, background-color 0.4s;
}
.responsibility__boxes-item:hover {
  border-color: #0154a3;
  background-color: #fbfbfb;
}
.responsibility__boxes-item img {
  width: 50px;
  height: 50px;
}
.responsibility__boxes-item-text {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
}
@media only screen and (max-width: 1024px) {
  :root {
    --blank-value: 50px;
  }
}
@media only screen and (max-width: 768px) {
  .responsibility {
    padding: 60px 0 120px 0;
  }
  .responsibility__boxes {
    flex-direction: column;
    align-items: center;
  }
  .responsibility__boxes-item {
    width: 70%;
    max-width: 100%;
  }
}