/* Berkut UI Kit: Manrope (briefs/foundation-fonts)
 * woff раньше ttf — иначе браузер тянет ~95KB TTF вместо ~41KB WOFF.
 * font-display: optional — без позднего swap (нет «дерганья» метрик).
 */
@font-face {
  font-family: "Manrope";
  src: url(../../fonts/Manrope/Manrope-ExtraLight.woff) format("woff"),
       url(../../fonts/Manrope/Manrope-ExtraLight.ttf) format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: optional;
}
@font-face {
  font-family: "Manrope";
  src: url(../../fonts/Manrope/Manrope-Light.woff) format("woff"),
       url(../../fonts/Manrope/Manrope-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: optional;
}
@font-face {
  font-family: "Manrope";
  src: url(../../fonts/Manrope/Manrope-Regular.woff) format("woff"),
       url(../../fonts/Manrope/Manrope-Regular.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: optional;
}
@font-face {
  font-family: "Manrope";
  src: url(../../fonts/Manrope/Manrope-Medium.woff) format("woff"),
       url(../../fonts/Manrope/Manrope-Medium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: optional;
}
@font-face {
  font-family: "Manrope";
  src: url(../../fonts/Manrope/Manrope-SemiBold.woff) format("woff"),
       url(../../fonts/Manrope/Manrope-SemiBold.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: optional;
}
@font-face {
  font-family: "Manrope";
  src: url(../../fonts/Manrope/Manrope-Bold.woff) format("woff"),
       url(../../fonts/Manrope/Manrope-Bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: optional;
}
.nav-toggle {
  background: transparent;
  border: 1px solid transparent;
  width: 16px;
  cursor: pointer;
}

.nav-toggle [class*=bar-] {
  background: var(--color-white);
  display: block;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.2s ease all;
  transition: 0.2s ease all;
  border-radius: 2px;
  height: 1px;
  width: 16px;
  margin-bottom: 4px;
}

.nav-toggle .bar-bot {
  margin-bottom: 0;
}

.catalog-btn._active .bar-top {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: 15% 15%;
  transform-origin: 10% 100%;
  width: 18px;
  height: 2px;
}

.catalog-btn._active .bar-mid {
  opacity: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: 15% 15%;
  transform-origin: 10% 100%;
  width: 18px;
  height: 2px;
}

.catalog-btn._active .bar-bot {
  -webkit-transform: rotate(45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 15% 95%;
  transform-origin: 5% 0%;
  width: 18px;
  height: 2px;
}

.prav_info_area {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.prav_info_block{
    padding: 20px;
    border: 1px solid;
    flex-basis: auto;
}

.prav_info_p {
    margin: 0 !important;
}