/**
 * Add an arrow element
 *
 * Accepts:
 * - $direction: {String} Positioning method for element
 * - $size: {String}
 * - $stroke: {String}
 *
 * Usage:
 * .selector {
 *   @include visually-shown(relative);
 * }
 */
.qualities {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.qualities-single {
  transition: all 0.4s ease;
  position: relative;
  display: block;
  background: #FFFDED;
  box-shadow: 0px 3px 15px rgba(19, 125, 119, 0.1490196078);
  flex-basis: 24%;
  width: 24%;
}
.qualities-single-inner {
  padding: 43px 18px 19px 18px;
}
@media only screen and (max-width: 991px) {
  .qualities-single-inner {
    padding: 20px 30px 19px 30px;
  }
}
@media only screen and (max-width: 1169px) {
  .qualities-single {
    flex-basis: 49%;
    width: 49%;
    margin-bottom: 2%;
  }
}
@media only screen and (max-width: 619px) {
  .qualities-single {
    flex-basis: 100%;
    width: 100%;
  }
  .qualities-single .link::after {
    width: 100%;
  }
}
.qualities-single, .qualities-single:hover, .qualities-single:active, .qualities-single:focus {
  text-decoration: none;
  color: inherit;
}
.qualities-single .link::before, .qualities-single h3::before {
  display: block;
  content: attr(title);
  visibility: hidden;
  overflow: hidden;
  height: 0;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
}
.qualities-single .link {
  display: inline-block;
}
@media only screen and (max-width: 991px) {
  .qualities-single .link {
    font-size: 18px;
  }
}
.qualities-single-opener {
  transition: all 0.4s ease;
  position: absolute;
  width: 50px;
  height: 50px;
  right: 16px;
  top: 16px;
  background: #FFFDED;
  border-radius: 50%;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
}
@media only screen and (min-width: 620px) {
  .qualities-single-opener {
    display: none;
  }
}
.qualities-single-opener::before, .qualities-single-opener::after {
  transition: all 0.4s ease;
  content: "";
  display: block;
  position: absolute;
  background: #137D77;
}
.qualities-single-opener::before {
  width: 20px;
  height: 2px;
  left: 15px;
  top: 24px;
}
.qualities-single-opener::after {
  width: 2px;
  height: 20px;
  left: 24px;
  top: 15px;
}
@media only screen and (max-width: 619px) {
  .qualities-single-link {
    text-align: center;
  }
}
.qualities-single-content-wrapper {
  transition: all 0.4s ease;
}
@media only screen and (min-width: 620px) {
  .qualities-single-content-wrapper {
    height: auto !important;
  }
}
@media only screen and (max-width: 619px) {
  .qualities-single-content-wrapper {
    height: 0;
    overflow: hidden;
  }
}
.qualities-single h3 {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-size: 35px;
  margin-top: 0.5em;
  margin-bottom: 0.35em;
}
@media only screen and (max-width: 619px) {
  .qualities-single h3 {
    text-align: center;
    margin-top: 0.3em;
    margin-bottom: 0.15em;
  }
}
.qualities-single p {
  margin-bottom: 1.2em;
}
@media only screen and (min-width: 620px) {
  .qualities-single:hover {
    transform: scale(1.057, 1.057);
  }
  .qualities-single:hover.read-only {
    cursor: default;
    transform: none;
  }
  .qualities-single:hover.read-only .link, .qualities-single:hover.read-only h3 {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
  }
  .qualities-single:hover .link, .qualities-single:hover h3 {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
  }
  .qualities-single:hover .link::after {
    width: 100%;
  }
}
.qualities-single-image {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 992px) {
  .qualities-single-image {
    height: 10.5vw;
  }
}
@media only screen and (max-width: 991px) {
  .qualities-single-image {
    text-align: center;
  }
  .qualities-single-image img {
    width: 85.1%;
  }
}
@media only screen and (max-width: 619px) {
  .qualities-single.active-inner {
    padding: 43px 30px 26px 30px;
  }
  .qualities-single.active .qualities-single-opener {
    transform: rotate(45deg);
    background: #137D77;
  }
  .qualities-single.active .qualities-single-opener::after, .qualities-single.active .qualities-single-opener::before {
    background: #FFFDED;
  }
}
/*# sourceMappingURL=qualities-section.css.map*/