.d-flex {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
}

.ic-left-align {
    order: -1
}

.ic-right-align {
    order: 1
}

[class*='sd-icons-box'] {
    transition: all .3s ease-in-out;
    border-radius: var(--sd-brd-radius)
}

.sd-icon-box__icon, .sd-icon-box__icon-two {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #444;
    font-size: 26px;
    flex-shrink: 0;
    transition: all .3s ease-in-out;
}

:is(.sd-view-with-bg,.sd-view-with-border) .sd-icon-box__icon {
    border-radius: 100px;
    min-width: 40px;
    min-height: 40px;
    font-size: 26px;
    color: #444;
}

.sd-view-with-border .sd-icon-box__icon {
    --icon-brd-color: var(--btn-accented-bgcolor-hover);
    border: 2px solid var(--icon-brd-color);
}

.sd-view-with-bg .sd-icon-box__icon {
    --icon-bg-color: var(--btn-accented-bgcolor-hover);
    background-color: var(--icon-bg-color);
}

:is(.sd-view-two-with-bg,.sd-view-two-with-border) .sd-icon-box__icon-two {
    border-radius: 100px;
    min-width: 40px;
    min-height: 40px;
    font-size: 26px;
    color: #444;
    flex-shrink: 0;
}

.sd-view-two-with-border .sd-icon-box__icon-two {
    --icon-brd-color: var(--btn-accented-bgcolor-hover);
    border: 2px solid var(--icon-brd-color);
}

.sd-view-two-with-bg .sd-icon-box__icon-two {
    --icon-bg-color: var(--btn-accented-bgcolor-hover);
    background-color: var(--icon-bg-color);
}

.sd-view-two-with-border .sd-icon-box__icon-two i, .sd-view-with-border .sd-icon-box__icon i {
    width: auto;
}

[class*='sd-icons-box'] > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.sd-vertical-align-top .box-content :is(a, .sd-icon-box__content) {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.sd-vertical-align-middle .box-content :is(a, .sd-icon-box__content) {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.sd-vertical-align-bottom .box-content :is(a, .sd-icon-box__content) {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.sd-icons-box-border {
    --sd-border-width: 2px;
    --sd-border-style: solid;
    --sd-border-color: var(--snd-primary-color);
    padding: 16px;
    border: var(--sd-border-width) var(--sd-border-style) var(--sd-border-color);
    border-radius: var(--sd-brd-radius)
}

@media (min-width: 1024px) {
    [class*='sd-icons-box'] a.lg-grid-icon {
        display: grid;
        grid-template-columns: repeat(1, 100%);
    }
}

@media (max-width: 991px) {
    [class*='sd-icons-box'] a.md-grid-icon {
        display: grid;
        grid-template-columns: repeat(1, 100%);
    }
}

@media (max-width: 568px) {
    [class*='sd-icons-box'] a.sm-grid-icon {
        display: grid;
        grid-template-columns: repeat(1, 100%);
    }
}