:root {
    --primary-color: #FF8A00;
    --secondary-color: #163C70;
    --third-color: #404040;

    --background-color: #FFF;

    --primary-text-color: var(--primary-color);
    --secondary-text-color: var(--secondary-color);
    --third-text-color: #FFF;
    --forth-text-color: #000;

    --primary-paragraf-color: #333;
    --h2-color: var(--secondary-color);
    --h5-color: var(--primary-text-color);

    --background-color-navbar: #FFF;
    --text-color-navbar: var(--primary-color);
    --hover-color-navbar: var(--primary-color);
    --active-color-navbar: var(--primary-color);
    --collaps-navbar-color: #fff;
    --shadow-color-navbar: 0 .5rem 1rem rgba(0,0,0,.15)!important;

    --primary-navbar-text-color: #fff;

    --button-secondary-color: var(--primary-color);

    --label-form-color: #17243B;
    --form-control-color: #dde8f6;

    --background-color-button: var(--secondary-color);
    --text-color-button: var(--third-text-color);

    --title-card-color: var(--primary-text-color);
    --descriptrion-card-color: var(--forth-text-color);

    --title-footer-color: var(--primary-color);
    --descriptrion-footer-color: var(--forth-text-color);

    --policy-color: var(--third-color);
    --policy-hover-color: var(--secondary-color);

    --footer-icon-color: var(--primary-color);
    --footer-info-conpany: var(--third-color);
}

/* Track */
::-webkit-scrollbar-track {
    background: #fff;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: var(--secondary-color);
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: var(--primary-color);
}