/****************
* /BREAKPOINTS *
****************/
/**********
 * SPACES *
**********/
/**********
 * WIDTHS *
**********/
/**************
 * FONTS *
**************/
/**********
 * MIXINS *
**********/
/**************
 * FONT SIZES *
**************/
/********************
 * MOBILE VARIABLES *
********************/
/***************
 * BOX SHOADOW *
***************/
.icon-text-box-block .icon-text-box-content {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  background: #ffffff;
  gap: 16px;
  padding: 16px;
}
.icon-text-box-block .icon-text-box-content .icon-text-box-icon {
  flex: 0 0 32px;
}
.icon-text-box-block .icon-text-box-content .icon-text-box-icon svg {
  width: 32px;
  height: 32px;
  fill: #067d68;
}
.icon-text-box-block .icon-text-box-content .icon-text-box-text {
  flex: 1;
}

@media (min-width: 720px) {
  .icon-text-box-block .icon-text-box-content {
    flex-direction: row;
    padding: 32px;
    gap: 32px;
  }
}/*# sourceMappingURL=icon-text-box.css.map */