@import 'variables.css';
@import 'components.css';
@import 'bootstrap-overrides.css';
/* @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;0,900;1,400;1,500;1,700;1,900&display=swap'); */
svg.icon {
    fill: var(--color-icon);
}

* {
    font-family: var(--primary-font);
}

a {
    text-decoration: none;
}

h1,
.h1 {
    font-size: 1.65rem;
    font-weight: bold;
}
h2,
.h2 {
    font-size: 1.35rem;
}
h3,
.h3 {
    font-size: 1.15rem;
}
h4,
.h4 {
    font-size: 0.875rem;
}
h5,
.h5 {
    font-size: 0.775rem;
}
h6,
.h6 {
    font-size: 0.675rem;
}

@media screen and (min-width: 576px) {
    h1,
    .h1 {
        font-size: 2rem;
    }
    h2,
    .h2 {
        font-size: 1.5rem;
    }
    h3,
    .h3 {
        font-size: 1.17rem;
    }
    h4,
    .h4 {
        font-size: 1.12rem;
    }
    h5,
    .h5 {
        font-size: 0.83rem;
    }
    h6,
    .h6 {
        font-size: 0.75rem;
    }
}

hr {
    display: block;
    opacity: 1;
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-corner {
    background: var(--color-secondary);
}

::-webkit-scrollbar-thumb {
    background: var(--color-secondary);
    border: none;
}

::-webkit-scrollbar-track {
    border: none;
    background-color: var(--color-secondary-gray);
}

svg.icon-white {
    fill: var(--color-icon);
}

.fs-12 {
    font-size: 12px;
    line-height: 16px;
}
.fs-20 {
    font-size: 20px;
    line-height: 24px;
}
.fs-24 {
    font-size: 24px;
    line-height: 28px;
}
.fs-32 {
    font-size: 32px;
    line-height: 40px;
}

.more-button.btn {
    background-color: var(--color-secondary-gray) !important;
    color: var(--bs-white) !important;
    box-shadow: none !important;
    border: none !important;
}