:root {
    --base-h: 0;
    --base-s: 0%;
    --base-l: 0%;
    --base: var(--base-h) var(--base-s) var(--base-l);
    --base-two-h: 163;
    --base-two-s: 63.89%;
    --base-two-l: 14.12%;
    --base-two: var(--base-two-h) var(--base-two-s) var(--base-two-l);
    --ms-brand: #000000;
    --ms-brand-2: #0d3b2e;
    --ms-brand-rgb: 0,0,0;
    --ms-brand-2-rgb: 13,59,46;
}
.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);
}