:root {
    --top-bar: #ddf0ea; /*top bar color*/

    --text-title: #2C3E50; /* titles */
    --color-text: #1b1e21; /* body text */
    --color-primary: #069ED9;   /* CTA */
    --color-primary-border: #10a8df;
    --color-primary-hover: #078fc0; /* CTA:hover*/
    --color-primary-dark: #0779a2; /* border & reveal*/
    --color-primary-text: #ffffff;  /* CTA text*/
    --bg-badge: #ffffff;
    --bg-color-main: #f5faf9; 
    --bg-input: #f9fafb;
    --text-sub: #2c3e50;
    --bg-footer: #3c8674;
    --text-footer:#ffffff;

    --company: #25323d;
    --bg-color2: #f9fafb;
    --bg-color3: #f9fafb;
    /* search and how */
    --card: #ffffff;
    --ink: #2c3d50;
    --icon-bg: #eef2ff;
    --shadow: 0 10px 15px rgba(2, 6, 23, .02);
    --radius: 10px;
    --border: 1px solid #d6dbe1;
    --text-highlight:#069ED9;
}