/* Define Global Colors */
:root {
    --primary-color: #34337f;
    /* Blue */
    --secondary-color: #0794e1;
    /* Gray */
    --success-color: #28a745;
    /* Green */
    --danger-color: #dc3545;
    /* Red */
    --warning-color: #ffc107;
    /* Yellow */
    --info-color: #17a2b8;
    /* Cyan */
    --light-color: #f8f9fa;
    /* Light Gray */
    --dark-color: #343a40;
    /* Dark Gray */

    /* Custom Theme Colors */
    --background-color: #ffffff;
    --text-color: #666666;
    --heading-color: #06112d;
    /* --hover-color: #14389b; */
    --border-color: #0052D4;
    /* --nav-hover-color: #42b78b; */
    --black-color: #000;
    --white-color: #fff;
    --footer-element-color: #00e6e6 --slider-highlight-color: #e5e5e5;
    --gradient-top: #0052D4;
    --gradient-middle: #0066FF;
    --gradient-bottom: #4E95FF;
}