:root {
    --blue-color: #4778F5;
    --green-color: #BBE805;
    --cl-primary: #4778F5;
    --cl-secondary: #BBE805;
    /*--main-background: linear-gradient(180deg, #E1E4FE 0%, rgba(255, 255, 255, 0) 100%)*/
    --main-background: linear-gradient(180deg, #E1E4FE 0%, rgba(255, 255, 255, 0) 100%);
    --dark-blue: #053B67;
    --blue-helper: #4268CC;
    --blue-light: #D7DCFE;
    --blue-lighter: #EBEDFF;
    --blue-lightest: #F0F2FF;
    --blue-soft: #FAFBFF;
    --black: #000;
    --darker: rgba(0, 0, 0, 0.8);
    --regular: rgba(0, 0, 0, 0.7);
    --light: rgba(0, 0, 0, 0.45);
    --lighter: rgba(0, 0, 0, 0.38);
    --soft: rgba(0, 0, 0, 0.08);
    --softer: rgba(0, 0, 0, 0.05);
    --softerest: rgba(0, 0, 0, 0.03);
    --success-color: #BBE805;
    --warning-bg: #FBE9D0;
    --warning-color: #9B600D;
    --error-color: #E65E55;
    --primary-hover: #2F66F4;
    --blue-light-hover: #CDD3FE;
    --secondary-hover: #ADD705;
    --cl-border-lighter: rgb(5 59 103 / 6%);
    --cl-border-light: rgb(5 59 103 / 12%);
    --cl-border-regular: rgb(5 59 103 / 16%);
    --cl-border-dark: rgb(5 59 103 / 24%);
    --cl-border-darker: rgb(5 59 103 / 30%);
    --cl-gray-alt: #F0F2F5;
    --cl-table-text-color: rgb(15 19 36 / 80%);
}
/*For default font*/
@font-face {
    font-family: inter-regular;
    src: url(../../css_newui/Inter-Regular.otf);
}