* {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-weight: 400;
}

strong {
    font-weight: 600;
}

@media only screen and (min-width: 1400px) {
    .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1300px;
    }
}

@media only screen and (min-width: 1500px) {
    .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1400px;
    }
}

@media only screen and (min-width: 1600px) {
    .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1500px;
    }
}

@media only screen and (min-width: 1700px) {
    .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1600px;
    }
}

@supports not selector(::-webkit-scrollbar) {
    * {
        scrollbar-color: var(--custom-blue-1) var(--custom-gray-1);
        scrollbar-width: auto;
    }
}

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

::-webkit-scrollbar-thumb {
    background: var(--custom-blue-1);
    border-radius: 2px;
}

::-webkit-scrollbar-track {
    background-color: var(--custom-gray-1);
    border-radius: 2px;
}