:root {
    --white-color: #fff;
    --black-color: #000;
    --text-color: #333;
    --scroll-color: hsl(44, 94%, 37%);
    --primary-color: #cf8f05;
    --header-height: 170px;
    --header-nav-min-height: 62px;
    --nav-mobile-width: 300px;
}

::-webkit-scrollbar {
    width: 6px;
    height: 4px;
}

::-webkit-scrollbar-thumb {
    background: var(--scroll-color);
}

::-webkit-scrollbar-thumb:hover {
    background: var(--primary-color);
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

* {
    box-sizing: inherit;
}

html {
    font-size: 62.5%;
    line-height: 1.6rem;
    box-sizing: border-box;
    font-family: Arial, Helvetica, sans-serif;
    scroll-behavior: smooth;
}

.pd-none {
    padding: 0 !important;
}

.display-none {
    display: none;
}

.text--highlight-red {
    color: #ff0000;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}