/* Since Elementor overwrites some variables, a prefixed version of some of the global styles + additional variables for usage*/
:root {
    --beon-text-darkgrey-color: #333;
    --beon-limegreen-color: #c1d100;
    /* --beon-limegreen-color: #BDCD00; */
    /* --beon-steel-color:#5D8690; */
    --beon-steel-color:#456b75;
    --beon-form-background:#ffffff;
    --beon-green-color:#4BBB4B;

    --beon-extrasmall-size:12px;
    --beon-extrasmall-font:14px;
    --beon-small-font-size: 15px;
    --beon-regular-font-size: 16px;
    --beon-medium-font-size: 17px;
    --beon-body-font-size: 18px;
    --beon-large-font-size: 24px;

    --beon-border-radius: 20px;
    --beon-lightgra-text:#63797b;
    --beon-primary-filter: brightness(0) saturate(100%) invert(13%) sepia(4%) saturate(8%) hue-rotate(321deg) brightness(107%) contrast(82%);
    --beon-limegreen-filter: brightness(0) saturate(100%) invert(86%) sepia(32%) saturate(5452%) hue-rotate(19deg) brightness(100%) contrast(101%);
    --beon-steel-filter: brightness(0) saturate(100%) invert(37%) sepia(6%) saturate(2941%) hue-rotate(146deg) brightness(94%) contrast(75%);
}