:root {
    --base-h: 0;
    --base-s: 0%;
    --base-l: 0%;
    --base: var(--base-h) var(--base-s) var(--base-l);
    --base-two-h: 240;
    --base-two-s: 11.34%;
    --base-two-l: 19.02%;
    --base-two: var(--base-two-h) var(--base-two-s) var(--base-two-l);
    --ms-brand: #000000;
    --ms-brand-2: #2b2b36;
    --ms-brand-rgb: 0,0,0;
    --ms-brand-2-rgb: 43,43,54;
}
.heror-content .sub-heading,
.hero .category-card_body::before,
.category-section .category-card_wraper .category-card_body::before {
    background-color: hsl(var(--base));
}
.heror-content .sub-heading {
    color: #fff !important;
}
.hero .circle2 {
    background-color: hsl(var(--base) / .14);
}