.radial-bg-primary-secondary{
    background: radial-gradient(circle at left , var(--primaryColor) 0%,#0000 30%),
                radial-gradient(circle at right, var(--secondaryColor) 0%, #0000 30%);
}
.hero-bg{
    background: 
    linear-gradient(90deg, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 0) 60%),
    url('/assets/images/home-bg.webp');    
    background-size: cover;
    background-position-x: center;
    @media (width < 992px){
        background:white;
    }
}
.icons-holder{
    --icons-holder-color : var(--primaryColor);
    width: 48px;
    height: 48px;
    aspect-ratio: 1;
    background-color: color-mix(in srgb, var(--icons-holder-color) 100%,#fff);
    border-radius: 10px;
    display: grid;
    place-content: center;
}