.iconelement{background-color:var(--gray-light)}.iconelement .holder{--space: 1rem;--bg-width: 100%;position:relative;padding:var(--space);display:flex;align-items:end;background:linear-gradient(to right, var(--gray), var(--gray) var(--bg-width), transparent var(--bg-width), transparent)}@media screen and (min-width:768px){.iconelement .holder{--bg-width: 75%;--space: 2rem}}.iconelement .holder.has__image{padding-bottom:0}.iconelement .holder.has__image img{user-select:none;pointer-events:none}@media screen and (max-width:1199.98px){.iconelement .holder.has__image img{padding-top:4rem}}@media screen and (max-width:991.98px){.iconelement .holder.has__image img{padding-top:1.5rem}}.iconelement .holder.has__image .badge{position:absolute;bottom:50%;transform:translateY(50%);left:var(--space)}.iconelement .holder.has__image .btn{position:absolute;bottom:var(--space);left:var(--space)}.iconelement .icons{display:flex;gap:1.5rem;flex-wrap:wrap}@media screen and (min-width:768px){.iconelement .icons{gap:2.5rem 1.5rem}}.iconelement .icons .icon{flex-basis:15rem;flex-grow:1;display:flex;flex-direction:column;gap:1rem}.iconelement .icons .icon .faicon{background-color:var(--clr-primary);--font-clr: var(--clr-secondary);padding:1rem;border-radius:50%;font-size:2rem;width:5.5rem;height:5.5rem;display:flex;justify-content:center;align-items:center}