:root {
    --main-color: #1170b7;
    /* #1D71B81D71B8 */
    --secondary-color: #ffd402;
    /* --main-color: #1170b7; */
    /* #fed416; */
    --bg: #c1d0db0f;
    /* #ededed; */
    --head-bg: #ededed;
    --color: #082635;
    --dark: #a4a4a4;
    --dark-light: #d5d5d5;
    --light: #efefef;
    /* Gradient Vars */
    /*  ========Hovers========   */
    --main-hover: #4c8bea;
    --secondary-hover: #f9e27b;
    /*  ========Vars Colors========   */
    --heading: var(--secondary-color);
    --text: var(--main-color);
    /*  ========Shadow========   */
    --Shadow: rgb(14 30 37 / 12%) 0px 2px 4px 0px, rgb(14 30 37 / 32%) 0px 2px 16px 0px;
    /*  ========Border========   */
    --radius: 30px;
    /*  ========Font and typography========   */
    /* IN RTL | LTR FILES */
}