:root {
    --primary-color: #0ADBE4;
    --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;
    --fifth-text-color: #333

    --primary-paragraf-color: #333;
    --h1-color: var(--third-color);
    --h3-color: var(--secondary-text-color);
    --h5-color: var(--primary-text-color);

    --background-color-navbar: #FFF;
    --text-color-navbar: var(--fifth-text-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);

    --background-color-button:  linear-gradient(88.75deg, #6FCF97 8.09%, #00D1FF 97.58%);
    --text-color-button: var(--third-text-color);

    --title-card-color: var(--secondary-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);
}