:root {
    --bordeaux: #9b1c20;
    --black: #000000;
    --beige: #edeae6;
    --dark-grey: #564d49;
    --white: #ffffff;
}
.texticon-top {
    flex-direction: column;
}
.texticon,
a:has(.texticon) {
    --texticon-gap: calc(40px / 2);
    display: flex;
    flex: 1;
    gap: var(--texticon-gap);
    padding: 1rem;
    color: var(--black);
    font-weight: unset;
}
a:has(.texticon) {
    padding: unset;
}
.texticon.texticon-top .texticon-inner-icon svg {
    transition: scale 400ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
.texticon.texticon-top:hover .texticon-inner-icon svg {
    scale: 1.2;
}
.texticon.texticon-top.texticon-background-white:hover {
    background-color: var(--beige);
    border: 1px solid transparent;
}
.texticon.texticon-top.texticon-background-bd:hover,
.texticon.texticon-top.texticon-background-beige:hover,
.texticon.texticon-top.texticon-background-dark-grey:hover {
    background-color: var(--white);
    border: 1px solid #b4aca6;
    border-radius: 4px;
    color: var(--black);
}
.texticon.texticon-top.texticon-background-dark-grey:hover {
    color: var(--black);
}
.texticon.texticon-top.texticon-background-dark-grey:hover .texticon-inner-icon svg path {
    fill: var(--black);
}
.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-color-white svg path {
    fill: var(--white);
}

.texticon.texticon-background-white {
    background-color: var(--white);
    border: 1px solid #b4aca6;
    border-radius: 4px;
}
.texticon.texticon-background-beige {
    background-color: var(--beige);
    border: 1px solid transparent;
}
.texticon.texticon-background-bd {
    background-color: var(--bordeaux);
    color: var(--white);
    border: 1px solid transparent;
}
.texticon.texticon-background-bd h3 {
    color: var(--white);
}
.texticon.texticon-top.texticon-background-bd:hover h3 {
    color: var(--black);
}
.texticon.texticon-background-dark-grey,
.texticon.texticon-background-dark-grey h3 {
    background-color: var(--dark-grey);
    color: var(--white);
    border: 1px solid transparent;
}
@media (min-width: 601px) {
    .ce-columns--container--four-col {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (min-width: 901px) {
    .ce-columns--container--four-col {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (min-width: 1025px) {
    .ce-columns--container--four-col {
        grid-template-columns: repeat(4, 1fr);
    }
}