:root {
    --bordeaux: #9b1c20;
    --black: #000000;
    --beige: #edeae6;
    --dark-grey: #564d49;
    --white: #ffffff;
}
.texticon-top {
    flex-direction: column;
}
.texticon {
    --texticon-gap: calc(40px / 2);
    display: flex;
    gap: var(--texticon-gap);
    padding: 1rem;
}
.texticon-icon .texticon-inner-icon, .texticon-icon .texticon-inner-icon svg, .texticon-icon .texticon-inner-icon img {
    text-align: center;
    margin: 0 auto;
    display: block;
}
.texticon-icon .texticon-inner-icon {
    display: flex;
    align-items: center;
}
.texticon .texticon-color-bd svg path {
    fill: var(--bordeaux);
}
.texticon .texticon-color-black svg path {
    fill: var(--black);
}

.texticon.texticon-background-beige {
    background-color: var(--beige);
}
.texticon.texticon-background-bordeaux {
    background-color: var(--bordeaux);
}
.texticon.texticon-background-dark-grey,
.texticon.texticon-background-dark-grey h3 {
    background-color: var(--dark-grey);
    color: var(--white);
}