.sd-info-box {
    position: relative;
    display: flex;
    flex-direction: column;
    border-radius: var(--sd-brd-radius);
    gap: var(--ib-icon-sp);
    --ib-icon-sp: 20px
}

.sd-info-box .box-icon-wrapper {
    flex: 0 0 auto;
    line-height: 0
}

.sd-info-box :is(.info-box-icon,.info-svg-wrapper) {
    display: inline-block;
    max-width: 100%
}

.sd-info-box .info-box-icon {
    transition: all .25s ease
}

.sd-info-box .info-svg-wrapper img {
    height: inherit
}

.sd-info-box .info-svg-wrapper :is(img,svg) {
    width: inherit !important;
    height: inherit !important
}

.sd-info-box :is(.info-box-subtitle,.info-box-title) {
    transition: all .25s ease;
    margin-bottom: 0
}

.sd-info-box :is(.info-box-subtitle,.info-box-title,.info-box-inner):not(:first-child) {
    margin-top: 10px
}

.sd-info-box :is(.info-box-subtitle:not(.subtitle-style-background),.info-box-title) {
    line-height: 1.3
}

.sd-info-box .info-box-content {
    position: relative;
    flex: 1 1 auto;
    border-radius: var(--sd-brd-radius)
}

.sd-info-box .info-box-inner p:first-child:empty, .sd-info-box .info-box-inner p:first-child:empty ~ p:last-child, .sd-info-box .info-box-inner:empty {
    display: none
}

.sd-info-box .info-btn-wrapper {
    margin-top: 15px
}

.sd-info-box.color-scheme-hover-light:hover .info-svg-wrapper svg {
    fill: #fff !important
}

.sd-info-box.color-scheme-hover-light:hover .info-svg-wrapper img {
    filter: brightness(0) invert(1)
}

.sd-info-box.color-scheme-hover-light:hover :is(.info-box-icon,.title) {
    color: #fff !important
}

.sd-info-box-link {
    z-index: 2
}

.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(--sd-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 .sd-info-box {
    display: inline-flex
}

.with-animation .info-svg-wrapper path {
    stroke: var(--sd-primary-color)
}

.info-box-carousel-wrapper .sd-wpb {
    margin-bottom: 0
}

@media (min-width: 1025px) {
    .box-with-text.text-size-large {
        font-size: 74px
    }

    [class*="box-icon-with-"].text-size-large {
        --text-bg-size: 130px
    }
}