@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
:root
{
    --header-color:#45c9f2;
    --heading-color:#005a9a;
    --primary-color:#005a9a; 
    --liner-button: linear-gradient(90deg, #005a9a, #6eb1e0);
    --reverse-button: linear-gradient(90deg, #57d9be, #0753B0);
    --white-text:#fff;
    --outline-color:#81dcf8;
    --lable-color:#004aad;
    --fill-text:#a92a0e;
    --secondry-color:#005a9a7c;
    --white-light:#f3fafe;
    ---textarea-color:#DDF0FB;
    --textarea-border:#95BDD8;
    --slider-color:#ECF5FB;
    --card-color:#F9FDFF;
    --unread-msg:#1ba553;
    --dark-gray:#2c2b2b;
    --body-font:'Roboto', sans-serif;
    --register-color:#c7e7f9;
    --company-detail:#000000d2;
    --footer-border:#d6d1d1;
    --footer-color:#f3f0f098;
    --star-color: #FFB902;
    --border-color: #4CCAF2;
    --body-color: #f3fafe;
    --card-bg-color: #ECF5FB;
    --info-color:#26d0ce;
    --radish-color: #F5BFB7;
    --new-color: #BB4D3A;
    --card-color: #4950570d;
    --gray-color:rgba(128, 128, 128, 0.719);
    --tercery-BorderColor: #e6e3e3;
    --btn-OneGradiunt: linear-gradient(to right, var(--info-color), var(--primary-color));
    --btn-twoGradient:linear-gradient(to right, var(--primary-color),var(--info-color));
    --teel-color:#57d9be;
    --liner-heading: linear-gradient(to right, #1365a0, #57d9be);
}