:root {
    --color-white: #fff;
    --color-black: #000;
    --color-primary: #ffd700;
    --color-secondary: #002c4f;
    --text-color: #64757e;
    --text-color-secondary: #738792;
    --background-color: var(--color-white);
    --thin: 100;
    --extra-light: 200;
    --light: 300;
    --regular: 400;
    --medium: 500;
    --bold: 700;
    --extra-bold: 800;
    --black: 900;
    --font-main: "Raleway";
    --font-default: -apple-system, BlinkMacSystemFont, Arial, sans-serif;
    --font-size: 16px;
    --font-weight: var(--regular);
    --line-height: 1.48;
    --container-max-width: 1240px;
    --container-horizontal-padding: 20px;
    --transition: 0.25s ease-out;
    --swiper-theme-color: #007aff;
    --swiper-navigation-size: 44px;
}

@font-face {
    font-family: Raleway;
    src: url(../fonts/Raleway-VariableFont_wght.woff2) format("woff2"), url(../themes/kvp/assets/fonts/Raleway-VariableFont_wght.woff) format("woff");
    font-display: swap;
    font-style: normal;
}
@font-face {
    font-family: Montserrat;
    src: url(../fonts/Montserrat-VF.woff2) format("woff2"), url(../themes/kvp/assets/fonts/Montserrat-VF.woff) format("woff");
    font-display: swap;
    font-style: normal;
}
body {
   font-family: Montserrat; 
   color: #232228;
   font-weight: 300;
   font-size: 14px;
   line-height: 21px;
}

*,
::after,
::before {
    box-sizing: border-box;
}
blockquote,
body,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
p {
    margin: 0;
}
ul {
    margin: 0;
    padding: 0;
}
ol[role="list"],
ul[role="list"] {
    list-style: none;
}
html:focus-within {
    scroll-behavior: smooth;
}
a:not([class]) {
    -webkit-text-decoration-skip: ink;
    text-decoration-skip-ink: auto;
}
 a:link, a:visited, a:hover, a:active {
    border:0;
    outline: none !important;
}
img,
picture,
svg {
    max-width: 100%;
    display: block;
}
button,
input,
textarea {
    outline: 0;
    border: 0;
}
button {
    background-color: transparent;
    cursor: pointer;
}
a {
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    text-decoration: none;
    transition: color var(--transition);
}
@media (prefers-reduced-motion: reduce) {
    html:focus-within {
        scroll-behavior: auto;
    }
    *,
    ::after,
    ::before {
        animation-duration: 0s !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0s !important;
        scroll-behavior: auto !important;
    }
}