*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  font-family: OpenSans-Regular, sans-serif !important;
  color: #333333;
  background-color: #fff;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
blockquote {
  margin: 0;
  padding: 0;
}

a {
  color: inherit;
  text-decoration: none;
}

img {
  width: 100%;
}

button {
  font: inherit;
}

.content {
  margin: 0 8.5%;
}


/* Глобальный стиль для скролла */
html {
  scroll-behavior: smooth; /* Плавный скролл */
  scrollbar-width: thin; /* Для Firefox */
  scrollbar-color: #cdcdcd #fff; /* Цвет ползунка и трека */
}

/* Для Chrome, Edge, Safari */
::-webkit-scrollbar {
  width: 10px; /* Ширина скролла */
}

::-webkit-scrollbar-track {
  background: #fff; /* Цвет фона трека */
}