.wd-info-box {
  position: relative;
  display: flex;
  flex-direction: column;
  border-radius: var(--wd-brd-radius);
  gap: var(--ib-icon-sp);
  --ib-icon-sp: 20px;
}
.wd-info-box .box-icon-wrapper {
  flex: 0 0 auto;
  line-height: 0;
}
.wd-info-box .info-box-icon {
  display: inline-block;
  transition: all 0.25s ease;
}
.wd-info-box .info-svg-wrapper {
  display: inline-block;
}
.wd-info-box .info-svg-wrapper svg {
  width: inherit !important;
  height: inherit !important;
}
.wd-info-box :is(.info-box-subtitle, .info-box-title) {
  transition: all 0.25s ease;
  margin-bottom: 0;
}
.wd-info-box
  :is(.info-box-subtitle, .info-box-title, .info-box-inner):not(:first-child) {
  margin-top: 10px;
}
.wd-info-box
  :is(.info-box-subtitle:not(.subtitle-style-background), .info-box-title) {
  line-height: 1.3;
}
.wd-info-box .info-box-content {
  position: relative;
  flex: 1 1 auto;
  border-radius: var(--wd-brd-radius);
}
.wd-info-box .info-box-inner p:first-child:empty,
.wd-info-box .info-box-inner p:first-child:empty ~ p:last-child,
.wd-info-box .info-box-inner:empty {
  display: none;
}
.wd-info-box .info-btn-wrapper {
  margin-top: 15px;
}
.wd-info-box.color-scheme-hover-light:hover .info-svg-wrapper svg {
  fill: #fff !important;
}
.wd-info-box.color-scheme-hover-light:hover :is(.info-box-icon, .title) {
  color: #fff !important;
}
.box-icon-align-top .box-icon-wrapper {
  margin-bottom: -5px;
}
:is(.box-icon-align-left, .box-icon-align-right) .box-icon-wrapper {
  max-width: 50%;
}
.box-icon-align-left {
  flex-direction: row;
}
.box-icon-align-right {
  flex-direction: row-reverse;
}
.box-title-style-underlined {
  padding-bottom: 10px;
  border-bottom: 1px solid var(--brdcolor-gray-300);
}
.box-with-icon .info-box-icon {
  overflow: hidden;
}
.box-icon-wrapper.box-with-text {
  color: var(--wd-primary-color);
  font-weight: 700;
  line-height: 1;
}
.box-with-text.text-size-small {
  font-size: 38px;
}
.box-with-text:is(.text-size-default, .text-size-large) {
  font-size: 52px;
}
[class*="box-icon-with-"].box-with-text {
  --text-bg-size: 85px;
}
[class*="box-icon-with-"].box-with-text .info-box-icon {
  padding: 0 10px;
  min-width: var(--text-bg-size);
  height: var(--text-bg-size);
  border-radius: 100px;
  line-height: var(--text-bg-size);
}
[class*="box-icon-with-"]:is(.text-size-default, .text-size-large) {
  --text-bg-size: 100px;
}
[class*="box-icon-with-"] .info-box-icon {
  border-radius: 50%;
  text-align: center;
}
.box-icon-with-bg .info-box-icon {
  padding: 20px;
  background-color: #f1f1f1;
}
.box-icon-with-border .info-box-icon {
  padding: 18px;
  border: 2px solid #f1f1f1;
}
.wpb-js-composer .info-box-wrapper.inline-element {
  max-width: 100%;
}
.wpb-js-composer .info-box-carousel .inline-element {
  display: block;
  margin-inline: 0 !important;
}
.wpb-js-composer .info-box-carousel .inline-element .wd-info-box {
  display: inline-flex;
}
.with-animation .info-svg-wrapper path {
  stroke: var(--wd-primary-color);
}
.wpb-js-composer .info-box-carousel-wrapper .info-box-carousel {
  margin-bottom: 30px;
}
.wpb-js-composer .info-box-carousel-wrapper .wd-info-box {
  margin-bottom: 0;
}
.info-box-carousel-wrapper :is(.owl-stage-outer, .wd-owl:not(.owl-loaded)) {
  padding-block: 5px;
}
@media (min-width: 1025px) {
  .box-with-text.text-size-large {
    font-size: 74px;
  }
  [class*="box-icon-with-"].text-size-large {
    --text-bg-size: 130px;
  }
}