.the7-box-wrapper {
  display: flex;
  flex-flow: row nowrap;
}
.box-content-wrapper {
  display: flex;
  width: 100%;
}
.icon-position-top .box-content-wrapper {
  flex-wrap: wrap;
}
.the7-box-wrapper .elementor-icon-div {
  display: inline-flex;
  margin: 0 var(--icon-spacing) 0 0;
}
.icon-position-right .the7-box-wrapper .elementor-icon-div {
  margin: 0 0 0 var(--icon-spacing);
  order: 2;
}
.icon-position-top .elementor-icon-div {
  margin: 0 0 var(--icon-spacing) 0;
}
.the7-box-wrapper .elementor-icon {
  height: fit-content;
}

.elementor-icon-div i {
  color: var(--the7-accent-color);
}

.elementor-icon-div svg {
  fill: var(--the7-accent-color);
}

.elementor-icon {
  border-color: var(--the7-accent-color);
}

.icon-position-top .the7-box-wrapper {
  flex-wrap: wrap;
}
.the7-box-wrapper .box-content {
  display: flex;
  flex-flow: column wrap;
  flex-grow: 1;
  flex-wrap: unset;
  overflow: hidden;
}
.the7-box-wrapper .box-content {
  justify-content: center;
}
.the7-box-wrapper .box-heading {
  font-family: var(--the7-h4-font-family);
  font-weight: var(--the7-h4-font-weight);
  font-style: var(--the7-h4-font-style);
  font-size: var(--the7-h4-font-size-desktop);
  line-height: var(--the7-h4-line-height-desktop);
  text-transform: var(--the7-h4-text-transform);
  color: var(--the7-h4-color);
  display: inline-block;
  text-decoration: none;
  margin-bottom: 0 !important;
}
.the7-box-wrapper .box-heading a,
.the7-box-wrapper .box-heading,
.the7-box-wrapper .box-button,
.the7-box-wrapper .elementor-icon i:before,
.the7-box-wrapper,
.the7-box-wrapper .box-description,
.the7-box-wrapper .elementor-icon,
.the7-box-wrapper .elementor-icon-div,
.the7-box-wrapper .elementor-icon-div svg path {
  transition: all 300ms ease;
}
.the7-box-wrapper .box-heading a:hover,
a.the7-box-wrapper:hover .box-heading a {
  color: var(--the7-h4-color);
}
.the7-box-wrapper .box-description {
  font-family: var(--the7-base-font-family);
  font-size: var(--the7-text-big-font-size);
  font-weight: var(--the7-base-font-weight);
  line-height: var(--the7-base-line-height);
  font-style: var(--the7-base-font-style);
  color: var(--the7-base-color);
  margin-bottom: 0;
  margin-top: 10px;
}
.the7-box-wrapper .box-description p {
  margin-bottom: 0;
}
// .content-align-right .the7-box-wrapper .box-button {
//   margin-left: auto;
// }
// .content-align-left .the7-box-wrapper .box-button {
//   margin-left: 0;
// }
// .content-align-center .the7-box-wrapper .box-button {
//   margin-left: auto;
//   margin-right: auto;
// }
.the7-box-wrapper .box-button {
  font-family: var(--the7-btn-s-font-family);
  font-size: var(--the7-btn-s-font-size);
  line-height: var(--the7-btn-s-line-height);
  font-weight: var(--the7-btn-s-font-weight);
  text-transform: var(--the7-btn-s-text-transform);
  border-width: var(--the7-btn-s-border-width);
  border-radius: var(--the7-btn-s-border-radius);
  padding-top: var(--the7-btn-s-padding-top);
  padding-right: var(--the7-btn-s-padding-right);
  padding-left: var(--the7-btn-s-padding-left);
  padding-bottom: var(--the7-btn-s-padding-bottom);
  color: var(--the7-btn-color);
  display: inline-block;
  background: var(--the7-button-normal-bg-color);
  border: var(--the7-btn-s-border-width) solid var(--the7-btn-border-color);
  //width: fit-content;
  vertical-align: middle;
  text-align: center !important;
  margin-top: 15px;
}
.the7-box-wrapper .box-content .box-button i {
  font-size: inherit;
  line-height: 0;
  vertical-align: middle;
}
.the7-box-wrapper .box-content .box-button i:first-child,
.the7-box-wrapper .box-content .box-button svg:first-child {
  margin: 0 7px 0 0;
}
.the7-box-wrapper .box-content .box-button i:last-child,
.the7-box-wrapper .box-content .box-button svg:last-child {
  margin: 0 0 0 7px;
}
.the7-box-wrapper .box-content .box-button:after {
  display: none;
}
.the7-box-wrapper .box-button:hover,
a.the7-box-wrapper:hover .box-button {
  color: var(--the7-btn-hover-color);
  border-color: var(--the7-btn-border-hover-color);
  background: var(--the7-btn-hover-bg-color);
}
.the7-box-wrapper .box-button svg {
  width: 1em;
  height: auto;
  fill: var(--the7-btn-color);
}
.icon-vertical-align-start.icon-position-top .box-content-wrapper {
  justify-content: flex-start;
}
.icon-vertical-align-center.icon-position-top .box-content-wrapper {
  justify-content: center;
}
.icon-vertical-align-end.icon-position-top .box-content-wrapper {
  justify-content: flex-end;
}
.icon-position-left .box-content-wrapper,
.icon-position-right .box-content-wrapper {
  flex-wrap: inherit;
}
