*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: Inter;
}

:root {
    --white: #fff;
    --black: #000;
    --active-blue: #175cd3;
    --very-blue: #3266e3;
    --filters-text: #4d5f7d;
    --gray-border: #c0c9d8;
    --light-blue: #eaf2fc;
    --very-light-blue: #ecedf8;
    --dark-blue-text: #101828;
    --gray-blue-text: #475467;
    --dark-text: #323232;
    --intense-dark-blue: #282a6a;

    --blue-50: #e6effe;
    --blue-400: #397ef4;
    --blue-500: #085ef1;
    --blue-600: #0756db;

    --bg-gray-50: #f8f8f8;

    --bg-gray-900: #2e3134;

    --text-gray-500: #6e757c;
    --text-gray-400: #8b9196;
    --text-gray-700: #4e5358;

    --text-gray-900: #2e3134;

    --border-gray-50: #f1f1f2;
    --border-gray-200: #bcc0c3;

    --red: #c92d22;

    --red-600: #e53935;

    --green-50: #e8f5e9;

    --green-600: #438627;

    --amber-100: #ffecb3;
    --amber-600: #ffb300;
    --amber-900: #a04906;


    --easing: cubic-bezier(0.45, 0.05, 0.55, 0.95);
}

html {
    line-height: 1.5;
    color: #2e3134;
    color: var(--text-gray-900);
}

main {
    max-width: 1512px;
    padding-left: max(24px, min(5vw, 80px));
    padding-right: max(24px, min(5vw, 80px));
    margin: 0 auto;
}

img,
svg {
    display: block;
}
img {
    max-width: 100%;
    height: auto;
}

h2 {
    font-size: max(18px, min(5vw, 24px));

    font-weight: 600;
}

h3 {
    font-size: max(16px, min(2vw, 18px));

}

li {
    list-style: none;
}

a {
    -webkit-text-decoration: none;
    text-decoration: none;
    color: currentColor;
}

button {
    font-size: 16px;
    border: none;
    cursor: pointer;
}


/* Fieldset reset  */

fieldset {
    margin: 0;
    padding: 0;
    border: 0;
    min-width: 0;
}

body.no-scroll {
    overflow: hidden;
}

input[type="radio"] {
    height: 20px;
    width: 20px;
    border: 1px solid #f1f1f2;
    border: 1px solid var(--border-gray-50);
    accent-color: #085ef1;
    accent-color: var(--blue-500);
}