@font-face {
  font-family: "Manrope";
  src: url("/fonts/Manrope/Manrope-Bold.eot");
  src: url("/fonts/Manrope/Manrope-Bold.woff2") format("woff2"), url("/fonts/Manrope/Manrope-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Manrope";
  src: url("/fonts/Manrope/Manrope-Semibold.eot");
  src: url("/fonts/Manrope/Manrope-Semibold.woff2") format("woff2"), url("/fonts/Manrope/Manrope-Semibold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Manrope";
  src: url("/fonts/Manrope/Manrope-Regular.eot");
  src: url("/fonts/Manrope/Manrope-Regular.woff2") format("woff2"), url("/fonts/Manrope/Manrope-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Manrope";
  src: url("/fonts/Manrope/Manrope-Light.woff2") format("woff2"), url("/fonts/Manrope/Manrope-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Manrope";
  src: url("/fonts/Manrope/Manrope-Thin.woff2") format("woff2"), url("/fonts/Manrope/Manrope-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Manrope";
  src: url("/fonts/Manrope/Manrope-Medium.woff2") format("woff2"), url("/fonts/Manrope/Manrope-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Manrope";
  src: url("/fonts/Manrope/Manrope-ExtraBold.woff2") format("woff2"), url("/fonts/Manrope/Manrope-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Geologica";
  src: url("/fonts/Geologica/GeologicaRoman-Thin.woff2") format("woff2"), url("/fonts/Geologica/GeologicaRoman-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Geologica";
  src: url("/fonts/Geologica/GeologicaRoman-ExtraLight.woff2") format("woff2"), url("/fonts/Geologica/GeologicaRoman-ExtraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Geologica";
  src: url("/fonts/Geologica/GeologicaRoman-Light.woff2") format("woff2"), url("/fonts/Geologica/GeologicaRoman-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Geologica";
  src: url("/fonts/Geologica/GeologicaRoman-Regular.woff2") format("woff2"), url("/fonts/Geologica/GeologicaRoman-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Geologica";
  src: url("/fonts/Geologica/GeologicaRoman-Medium.woff2") format("woff2"), url("/fonts/Geologica/GeologicaRoman-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Geologica";
  src: url("/fonts/Geologica/GeologicaRoman-SemiBold.woff2") format("woff2"), url("/fonts/Geologica/GeologicaRoman-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Geologica";
  src: url("/fonts/Geologica/GeologicaRoman-Bold.woff2") format("woff2"), url("/fonts/Geologica/GeologicaRoman-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Geologica";
  src: url("/fonts/Geologica/GeologicaRoman-ExtraBold.woff2") format("woff2"), url("/fonts/Geologica/GeologicaRoman-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Geologica";
  src: url("/fonts/Geologica/GeologicaRoman-Black.woff2") format("woff2"), url("/fonts/Geologica/GeologicaRoman-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
.button_item {
  display: inline-flex;
  padding: 12px 24px 14px 24px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 4px;
  background: #DFC0FD;
  border: 1px solid #DFC0FD;
  text-align: center;
  font-family: "Manrope";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 170%;
  color: #000000;
  transition: 0.4s ease;
  cursor: pointer;
}
.button_item.active {
  background: #000;
  filter: invert(1);
}
@media screen and (max-width: 680px) {
  .button_item {
    padding: 10px 10px 12px;
    font-size: 14px;
  }
}
.button_item:hover {
  background: #BA90E3;
}
.button_item.light {
  border: 1px solid #DFC0FD;
  background: transparent;
}
.button_item.light:hover {
  border: 1px solid #271B36;
}
.button_item.ico {
  background: #F6F2F9;
  border: 1px solid #F6F2F9;
}
.button_item.ico:hover {
  background: #ffffff;
  filter: invert(1);
}
.button_item.ico-reverse {
  background: #BA90E3;
  border: 1px solid #BA90E3;
}
.button_item.height_m {
  height: 48px;
}

.btn_xs {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  flex-shrink: 0;
  border-radius: 12px;
  background: #F6F2F9;
  cursor: pointer;
  transition: 0.4s ease;
  z-index: 1;
}
.btn_xs.active {
  background: #000000;
}
.btn_xs.active::after {
  filter: invert(1);
}
.btn_xs.light {
  background: #fff;
  border: 1px solid #F6F2F9;
}
.btn_xs.light:hover {
  border: 1px solid #F6F2F9;
  background: #F6F2F9;
}
.btn_xs.light.active:hover {
  background: #bcf5df;
}
.btn_xs.none::after {
  display: none;
}
.btn_xs.none span {
  color: #414141;
  font-family: "Manrope";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}
.btn_xs::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 24px;
  height: 24px;
  background-image: url("/images/icons/bell.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  transform: translate(-50%, -50%);
}
.btn_xs:hover .tooltip {
  display: inline-flex;
  top: -120%;
}

.tooltip {
  position: absolute;
  top: -80%;
  left: 50%;
  display: none;
  width: 120px;
  padding: 8px 14px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 4px;
  background: #000;
  transform: translate(-50%, 0);
  transition: all 0.4s ease;
}
.tooltip .tooltip_wrap {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.tooltip .tooltip_wrap::after {
  content: "";
  position: absolute;
  bottom: -22px;
  left: 50%;
  width: 24px;
  height: 24px;
  background-image: url("/images/icons/polygon.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  transform: translate(-50%, 0);
}
.tooltip span {
  color: #FFF;
  text-align: center;
  font-family: "Manrope";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}

.complaints_card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 320px !important;
  border-radius: 20px;
  border: 1px solid #E3E3E3;
  background-color: #fff;
  overflow: hidden;
}
@media screen and (max-width: 680px) {
  .complaints_card {
    width: 272px !important;
  }
}

.complaints_card_row {
  display: flex;
  width: 100%;
  padding: 20px;
  background-color: #fff;
  transition: 0.4s ease;
}
.complaints_card_row.bg {
  background: #f2f6f9;
}
.complaints_card_row.bg:hover {
  background: #f9f1ff;
}

.complaints_card_info {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
}

.complaints_card_image {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 80px;
  height: 80px;
  border-radius: 12px;
  overflow: hidden;
}
.complaints_card_image img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: translate(-50%, -50%);
}

.complaints_card_nr {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 12px;
}

.complaints_card_name {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.complaints_card_name span {
  font-family: "Manrope";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  color: #271B36;
}
@media screen and (max-width: 680px) {
  .complaints_card_name span {
    font-size: 16px;
  }
}

.complaints_card_rating {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
}

.full_star,
.empty_star {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 13px;
  height: 12px;
}
.full_star::after,
.empty_star::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  height: 50%;
  width: 100%;
  height: 100%;
  background-image: url("/images/icons/full-star.svg");
  background-position: center center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  transform: translate(-50%, -50%);
}

.empty_star::after {
  background-image: url("/images/icons/empty-star.svg");
}

.reviews_right {
  position: relative;
  align-self: stretch;
}
.reviews_right_rating {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  gap: 5px;
  flex-direction: row-reverse;
}
.reviews_right_rating_item {
  width: 16px;
  height: 17px;
  background-image: url("/images/icons/empty-star.svg");
  background-repeat: no-repeat;
  background-position: center;
  cursor: default;
  transition: 0.3s;
}
.reviews_right_rating_item:hover, .reviews_right_rating_item:hover ~ .reviews_right_rating_item {
  background-image: url("/images/icons/full-star.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.reviews_right_rating[data-total-value="1"] .reviews_right_rating_item:nth-child(n+6), .reviews_right_rating[data-total-value="2"] .reviews_right_rating_item:nth-child(n+5), .reviews_right_rating[data-total-value="3"] .reviews_right_rating_item:nth-child(n+4), .reviews_right_rating[data-total-value="4"] .reviews_right_rating_item:nth-child(n+3), .reviews_right_rating[data-total-value="5"] .reviews_right_rating_item:nth-child(n+2) {
  background-image: url("/images/icons/full-star.svg");
  background-repeat: no-repeat;
  background-position: center;
}

.complaints_card_rating_value {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.complaints_card_rating_value span {
  font-family: "Manrope";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  color: #888888;
}

.complaints_card_reason {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.complaints_card_reason span {
  font-family: "Manrope";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  color: #271B36;
}
@media screen and (max-width: 680px) {
  .complaints_card_reason span {
    font-size: 14px;
  }
}

.complaints_card_author-wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 20px;
  width: 100%;
}

.complaints_card_author {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 8px;
}

.complaints_card_add {
  display: inline-flex;
  justify-content: flex-start;
  align-items: flex-start;
  font-family: "Manrope";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  color: #888888;
  text-align: left;
}

.complaints_card_author-name {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.complaints_card_author-name span {
  font-family: "Manrope";
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 100%;
  color: #271B36;
  text-align: left;
}
@media screen and (max-width: 680px) {
  .complaints_card_author-name span {
    font-size: 14px;
  }
}

.complaints_card_date {
  display: inline-flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.complaints_card_date span {
  font-family: "Manrope";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  color: #888888;
  text-align: right;
}
@media screen and (max-width: 680px) {
  .complaints_card_date span {
    font-size: 14px;
  }
}

.antirating_cards.swiper {
  margin: 100px auto 0;
}

.antirating_card {
  position: relative;
  display: flex !important;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 320px !important;
  border-radius: 20px;
  border: 1px solid #E3E3E3;
}
@media screen and (max-width: 680px) {
  .antirating_card {
    width: 272px !important;
  }
}

.antirating_card_row {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 11px;
  align-self: stretch;
}
.antirating_card_row.first {
  align-items: flex-start;
  height: 100%;
  padding: 98px 20px 17px 20px;
  background-color: #fff;
  border-radius: 20px 20px 0 0;
}
@media screen and (max-width: 680px) {
  .antirating_card_row.first {
    padding: 86px 20px 17px 20px;
  }
}
.antirating_card_row.second {
  padding: 10px 0px 25px 0px;
  gap: 4px;
  border-radius: 0px 0px 20px 20px;
  background: #f2f6f9;
}

.antirating_card_image {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 160px;
  height: 160px;
  border-radius: 12px;
  border: 1px solid #E3E3E3;
  background: #FFF;
}
@media screen and (max-width: 680px) {
  .antirating_card_image {
    width: 138px;
    height: 138px;
  }
}

.antirating_card_image_item {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 138px;
  height: 138px;
  border-radius: 8px;
  background: lightgray 50%;
  overflow: hidden;
}
@media screen and (max-width: 680px) {
  .antirating_card_image_item {
    width: 118px;
    height: 118px;
  }
}
.antirating_card_image_item img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: translate(-50%, -50%);
}

.antirating_card_wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 11px;
  align-self: stretch;
}
.antirating_card_wrap .complaints_card_rating_value {
  display: flex;
  justify-content: center;
  align-items: center;
}
.antirating_card_wrap .complaints_card_rating_value span {
  font-family: "Manrope";
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  color: #888888;
  text-align: center;
}
@media screen and (max-width: 680px) {
  .antirating_card_wrap .complaints_card_rating_value span {
    font-size: 36px;
  }
}

.antirating_card_name {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 55px;
}
.antirating_card_name span {
  font-family: "Manrope";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  color: #271B36;
  text-align: center;
}
@media screen and (max-width: 680px) {
  .antirating_card_name span {
    font-size: 16px;
  }
}

.antirating_card_justice {
  display: flex;
  justify-content: center;
  align-items: center;
}
.antirating_card_justice span {
  font-family: "Manrope";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  color: #271B36;
  text-align: center;
}
@media screen and (max-width: 680px) {
  .antirating_card_justice span {
    font-size: 14px;
  }
}

.expert_cards {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  max-width: 1299px;
  width: 100%;
}
@media screen and (max-width: 950px) {
  .expert_cards {
    flex-wrap: wrap;
  }
}

.expert_card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 17px;
  width: calc((100% - 34px) / 3);
  height: 100%;
  padding: 24px;
  border-radius: 20px;
  border: 1px solid #E3E3E3;
  position: relative;
}
.expert_card.news {
  min-height: 100%;
  padding: 10px;
}
.expert_card .button_item {
  padding: 8px 16px 10px 16px;
}
@media screen and (max-width: 950px) {
  .expert_card {
    padding: 20px;
    width: 100%;
    height: auto;
  }
  .expert_card.news {
    min-height: auto;
  }
}

.expert_card_row {
  display: flex;
  width: 100%;
  position: relative;
}
.expert_card_row .newsLabelInf {
  font-size: 1.5rem;
  left: 30%;
}
.expert_card_row .newsLabelText {
  font-size: 1rem;
  line-height: 1;
}

.expert_card_wrap {
  display: flex;
  align-items: center;
  align-self: stretch;
  gap: 24px;
  width: 100%;
}
@media screen and (max-width: 950px) {
  .expert_card_wrap {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 680px) {
  .expert_card_wrap {
    align-items: flex-start;
  }
}

.expert_card_image {
  position: relative;
  width: 120px;
  height: 120px;
  border-radius: 8px;
  overflow: hidden;
}
@media screen and (max-width: 950px) {
  .expert_card_image {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 300px;
  }
}
@media screen and (max-width: 480px) {
  .expert_card_image {
    height: 200px;
  }
}
.expert_card_image.news {
  width: 100%;
  height: 230px;
}
.expert_card_image img {
  width: 100%;
  max-width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}
@media screen and (max-width: 680px) {
  .expert_card_image img {
    width: 100%;
  }
}

.expert_card_info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  flex: 1 0 0;
}

.expert_card_name span {
  font-family: "Manrope";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  color: #271B36;
}
@media screen and (max-width: 680px) {
  .expert_card_name span {
    font-size: 16px;
  }
}

.expert_card_labels {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 8px;
  font-family: "Manrope";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}

.expert_card_label {
  display: inline-flex;
  padding: 6px 16px;
  align-items: flex-start;
  gap: 10px;
  border-radius: 4px;
  background: #F6F2F9;
  color: #888;
}
.expert_card_label.news span {
  font-size: 14px;
  white-space: nowrap;
  color: #79737D;
}
@media screen and (max-width: 680px) {
  .expert_card_label.news span {
    font-size: 13px;
  }
}
.expert_card_label span {
  font-family: "Manrope";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  color: #271B36;
}
@media screen and (max-width: 680px) {
  .expert_card_label span {
    font-size: 14px;
  }
}

.expert_card_gap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 17px;
}
.expert_card_gap.news {
  padding: 0 14px;
}

.expert_card_date {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.expert_card_date span {
  font-family: "Manrope";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  color: #888888;
}
@media screen and (max-width: 680px) {
  .expert_card_date span {
    font-size: 14px;
  }
}

.expert_card_title {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
@media screen and (max-width: 950px) {
  .expert_card_title {
    justify-content: center;
  }
}
.expert_card_title span {
  font-family: "Manrope";
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  color: #271B36;
}
@media screen and (max-width: 680px) {
  .expert_card_title span {
    font-size: 16px;
  }
}

.expert_card_text {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
@media screen and (max-width: 950px) {
  .expert_card_text {
    justify-content: center;
  }
}
.expert_card_text p {
  font-family: "Manrope";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  color: #271B36;
}
@media screen and (max-width: 680px) {
  .expert_card_text p {
    font-size: 14px;
  }
}

.qa_module {
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 32px;
  padding: 0 0 32px;
}
.qa_module:not(:last-child) {
  border-bottom: 1px solid #E6E6E6;
}
.qa_module .headline_tab_link {
  border-bottom: 1px solid #F6F2F9;
}
.qa_module .headline_tab_link.active {
  border-bottom: 2px solid #000;
}

.qa_files {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  gap: 32px 16px;
  align-self: stretch;
  flex-wrap: wrap;
}
.qa_files.active[data-tab-content] {
  flex-direction: row !important;
}

.qa_item {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1 0 0;
  border-radius: 6px;
}
.qa_item .complaint_doc_img {
  padding: 0 0 30px;
}
.qa_item.question {
  border: 2px solid #F6F2F9;
}
.qa_item.question .qa_header {
  background: #F6F2F9;
}
.qa_item.question .qa_title {
  color: #000;
}
.qa_item.question .qa_date {
  color: #848484;
}
.qa_item.answer {
  border: 2px solid #397EC4;
}
.qa_item.answer .qa_header {
  background: #397EC4;
}
.qa_item.answer .qa_title {
  color: #FFF;
}
.qa_item.answer .qa_date {
  color: #F6F2F9;
}

.qa_header {
  display: flex;
  padding: 16px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}
@media screen and (max-width: 375px) {
  .qa_header {
    flex-direction: column;
  }
}

.qa_image {
  display: flex;
  height: 24px;
  padding: 8px 16px;
  align-items: center;
  gap: 8px;
}

.qa_title {
  font-family: "Manrope";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}

.qa_date {
  font-family: "Manrope";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.qa_body {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1 0 0;
  padding: 0 0 16px;
  width: 100%;
}
.qa_body .complaint_doc_img iframe {
  display: flex;
  width: 100%;
  height: 100%;
}

.j_list_side_cards {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
}

.j_list_side_card {
  display: flex;
  padding: 20px;
  align-items: center;
  align-self: stretch;
  gap: 20px;
  border-radius: 16px;
  background: #FFF;
}

.j_list_side_card_icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 72px;
  height: 72px;
}
.j_list_side_card_icon img {
  max-width: 100%;
}

.j_list_side_card_row {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
}

.j_list_side_card_text {
  font-family: "Manrope";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}
.j_list_side_card_text.pink {
  color: #DFC0FD;
}
.j_list_side_card_text.blue {
  color: #397EC4;
}
.j_list_side_card_text.green {
  color: #33776D;
}
.j_list_side_card_text.red {
  color: #D34F65;
}

.j_list_side_card_number {
  color: #DFC0FD;
  font-family: "Manrope";
  font-size: 38px;
  font-style: normal;
  font-weight: 600;
  line-height: 44px;
}

.j_list_sidebar_inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  flex-shrink: 0;
  width: 100%;
}

.j_list_side_complaints {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}

.j_list_complaints {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  gap: 8px;
  padding: 16px 16px 24px 16px;
  border-radius: 16px;
  background: #FFF;
}

.j_list_complaint {
  display: flex;
  padding: 8px;
  align-items: flex-start;
  align-content: flex-start;
  gap: 8px;
  align-self: stretch;
  flex-wrap: wrap;
  transition: 0.4s ease;
}
.j_list_complaint:not(:last-child) {
  border-bottom: 1px solid #E7EEF3;
}
.j_list_complaint:hover {
  background: #F6F2F9;
  border-radius: 6px;
}

.j_list_c_row {
  display: flex;
  min-width: 220px;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 0 0;
}

.j_list_c_name {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 4px;
  padding: 0 0 0 20px;
}
.j_list_c_name::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 16px;
  height: 24px;
  background-image: url("/images/icons/user.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  transform: translate(0, -50%);
}
.j_list_c_name span {
  color: #000;
  font-family: "Manrope";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}

.j_list_c_desc {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  align-self: stretch;
  overflow: hidden;
  color: #EF8080;
  text-overflow: ellipsis;
  font-family: "Manrope";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.j_list_c_date {
  display: inline-flex;
  padding-top: 8px;
  color: #271B36;
  font-family: "Manrope";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.j_list_c_ico {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.j_list_side_antirating {
  display: flex;
  padding: 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
  border-radius: 16px;
  background: linear-gradient(143deg, #61707A 0%, #2A2A32 100.27%);
}

.jlsa_head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  padding: 0 0 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.jlsa_title {
  display: flex;
  padding: 2px 14px;
  align-items: center;
  gap: 8px;
  color: #FFF;
  font-family: "Manrope";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  border-radius: 6px;
  background: linear-gradient(264deg, #FDBC51 -6.6%, #FF7575 25.3%, #1B3464 108.95%);
}

.jlsa_ico {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
}

.jlsa_list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
}

.jlsa_item {
  display: flex;
  align-items: center;
  align-content: center;
  align-self: stretch;
}
.jlsa_item:not(:last-child) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.judge_link {
  display: flex;
  align-items: center;
  align-content: center;
  gap: 12px;
  align-self: stretch;
  width: 100%;
  padding: 2px 0px 14px 0px;
  transition: 0.4s ease;
}
.judge_link .j_list_c_ico {
  display: none;
}
.judge_link:hover {
  align-items: flex-start;
  padding: 2px 8px 14px 8px;
  background-color: #E7EEF3;
  border-radius: 6px;
}
.judge_link:hover .jlsa_number {
  display: none;
}
.judge_link:hover .jlsa_name {
  color: #DFC0FD;
}
.judge_link:hover .jlsa_who {
  color: #271B36;
}
.judge_link:hover .j_list_c_ico {
  display: flex;
}

.jlsa_number {
  display: inline-flex;
  color: #FDBC51;
  font-family: "Manrope";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.jlsa_info {
  display: flex;
  min-width: 220px;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 0 0;
}

.jlsa_name {
  color: #FFF;
  font-family: "Manrope";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}

.jlsa_who {
  color: #F6F2F9;
  font-family: "Manrope";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.section_info_wrap {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 45px;
  width: 100%;
}
.section_info_wrap.small {
  align-items: flex-start;
  flex-wrap: wrap;
  padding: 32px 0px;
  gap: 8px;
  border-radius: 16px;
  background: linear-gradient(235deg, rgba(202, 223, 255, 0.2) -3.89%, rgba(239, 162, 162, 0.2) 48.44%, rgba(234, 251, 134, 0.2) 108.3%), #fff;
}
.section_info_wrap.small .section_info_text {
  height: 55px;
}
.section_info_column {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 33.3333333333%;
  gap: 45px;
}
.section_info_column.small {
  width: 100%;
  order: 0;
  gap: 16px;
}
.section_info_column.small .loader {
  max-width: 200px;
}
.section_info_column.small.start {
  order: 1;
  width: calc((100% - 48px) / 2);
}
.section_info_column.small.end {
  order: 2;
  width: calc((100% - 48px) / 2);
}
.section_info_column.start {
  align-items: flex-start;
}
.section_info_column.end {
  align-items: flex-end;
}
.section_info_column img {
  max-width: 442px;
}
.section_info_column img.small {
  max-width: 180px;
}
.section_info_row {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
}
.section_info_row.end {
  max-width: 275px;
  align-items: flex-end;
}
.section_info_row.start {
  max-width: 275px;
  align-items: flex-start;
}
.section_info_number {
  font-family: "Manrope";
  font-size: 100px;
  font-style: normal;
  font-weight: 300;
  line-height: 110%;
  text-align: right;
}
.section_info_number.small {
  font-size: 52px;
}
.section_info_number.purple {
  color: #dfc0fd;
}
.section_info_number.red {
  color: #ef8080;
}
.section_info_number.blue {
  color: #7feaf1;
}
.section_info_number.green {
  color: #a1e776;
}
.section_info_text {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  color: #271B36;
  text-align: left;
}
.section_info_text.small {
  font-size: 16px;
}

.complaint_item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  width: 100%;
  padding: 32px 0 0;
  border-top: 1px solid #e6e6e6;
}
.complaint_item .complaint_id {
  font-size: 14px;
  font-family: "Manrope";
}
.complaint_item .complaint_id span {
  color: #000;
}
.complaint_item_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  row-gap: 24px;
  align-self: stretch;
  flex-wrap: wrap;
}
.complaint_item_header.all {
  align-items: flex-end;
}
.complaint_item_header.all .complaint_item_headline {
  width: auto;
}
.complaint_item_header.all .compalint_author_wrap {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.complaint_item_header.all .compalint_author_wrap .complaint_rating_item {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 6px;
  width: 60px;
  height: 60px;
  padding: 7px 8px;
  margin: 0 0 0 -10px;
  border-radius: 100%;
  background: #f7f7f9;
}
.complaint_item_header.all .complaint_item_author {
  width: 60px;
  height: 60px;
}
.complaint_item_header.all .complaint_item_author img {
  object-fit: cover;
}
.complaint_item_header.all .complaint_item_name {
  font-family: "Manrope";
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
  color: #000;
}
.complaint_item_header.all .complaint_page_judge_name_status {
  font-family: "Manrope";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  color: #888888;
}
.complaint_item_headline {
  display: flex;
  width: 515px;
  align-items: center;
  gap: 16px;
}
.complaint_item_author {
  position: relative;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  border-radius: 30px;
  overflow: hidden;
}
.complaint_item_author img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.complaint_item_author_info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.complaint_item_name {
  color: #494949;
  font-family: "Manrope";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}
.complaint_item_name span {
  color: #000;
  font-family: "Manrope";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  opacity: 0.5;
}
.complaint_item_date {
  color: #000;
  font-family: "Manrope";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  opacity: 0.5;
}
.complaint_item_right {
  display: flex;
  align-items: flex-start;
  gap: 9px;
}
.complaint_item_right .button_item {
  padding: 8px 24px;
  height: 48px;
}
.complaint_item_content {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  gap: 16px;
  align-self: stretch;
  flex-wrap: wrap;
}
.complaint_item_content_inner {
  display: flex;
  min-width: 288px;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  flex: 1 0 0;
}
.complaint_item_content_head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
  gap: 8px;
  align-self: stretch;
  flex-wrap: wrap;
}
.complaint_item_content_title {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  color: #000;
  font-family: "Manrope";
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}
.complaint_item_content_status {
  display: flex;
  padding: 3px 8px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 5px;
  background: #f7f7f9;
  color: #888888;
  font-family: "Manrope";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  transition: 0.4s ease;
}
.complaint_item_content_status:hover {
  background: #ba90e3;
  color: #ffffff;
}
.complaint_item_content_text {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  align-self: stretch;
  font-family: "Manrope";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  background: linear-gradient(180deg, #000 75.52%, rgba(0, 0, 0, 0) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.complaint_item_photo {
  position: relative;
  display: flex;
  width: 200px;
  height: 140px;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  overflow: hidden;
}
.complaint_item_photo img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.complaint_item_button_more {
  display: flex;
  width: 90px;
  height: 24px;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #dfc0fd;
  font-family: "Manrope";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  color: #271b36;
  text-align: right;
  cursor: pointer;
}
.complaint_item_status {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
}
.complaint_item_status_list {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  gap: 8px 8px;
  align-self: stretch;
  flex-wrap: wrap;
}
.complaint_item_status_item {
  position: relative;
  display: inline-flex;
  padding: 0 0 0 12px;
  align-items: center;
  border-radius: 6px;
  border: 1px solid #e6e6e6;
  background: #fff;
  color: #414141;
  font-family: "Manrope";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}
.complaint_item_status_item:hover .tooltip {
  top: -160%;
  display: inline-flex;
}
.complaint_item_status_item.empty .cmplaint_status_ico::after {
  background-image: url("/images/icons/empty.svg");
}
.complaint_item_status_item.move .complaint_item_status_ico::after {
  background-image: url("/images/icons/mail-move.svg");
}
.complaint_item_status_item.checked .complaint_item_status_ico::after {
  background-image: url("/images/icons/mail-done.svg");
}
.complaint_item_status_item.warning .complaint_item_status_ico::after {
  background-image: url("/images/icons/warning.svg");
}
.complaint_item_status_ico {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  width: 48px;
  height: 36px;
}
.complaint_item_status_ico::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 24px;
  height: 24px;
  background-image: url("/images/icons/empty.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  transform: translate(-50%, -50%);
}
.complaint_item_btn_more {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  gap: 8px;
  transition: 0.4s ease;
  cursor: pointer;
}
.complaint_item_btn_more .btn_itm {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  padding: 8px;
  gap: 8px;
  background: #fff;
  transition: 0.4s ease;
}
.complaint_item_btn_more .btn_itm::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 24px;
  height: 24px;
  background: url("/images/icons/arrow-drop-down.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  transform: translate(-50%, -50%);
  transition: 0.4s ease;
}
.complaint_item_btn_more.active .btn_itm::after {
  transform: translate(-50%, -50%) rotate(180deg);
}
.complaint_item_violations {
  display: none;
  align-items: flex-start;
  align-content: flex-start;
  gap: 16px 16px;
  align-self: stretch;
  flex-wrap: wrap;
  width: 100%;
}
.complaint_item_violations_wrap {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  gap: 16px;
  align-self: stretch;
  flex-wrap: wrap;
  width: 100%;
}
.complaint_item_table_list {
  display: flex;
  min-width: 176px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex: 1 0 0;
  border-radius: 6px;
  border: 1px solid #e7eef3;
}
.complaint_item_table_list.black {
  border: 1px solid #000;
}
.complaint_item_table_list.black .complaint_item_table_header {
  background: #000;
}
.complaint_item_table_list.black .complaint_item_table_title {
  color: #fff;
}
.complaint_item_table_header {
  display: flex;
  padding: 12px 16px;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  background: #f7f7f9;
  border-radius: 5px 5px 0 0;
}
.complaint_item_table_title {
  color: #414141;
  font-family: "Manrope";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}
.complaint_item_table_item {
  display: flex;
  padding: 8px 16px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  background: #fff;
}
.complaint_item_table_item.not_padding {
  padding: 0;
}
.complaint_item_table_item.not_padding:not(:last-child) {
  border-bottom: 1px solid #f6f2f9;
}
.complaint_item_table_item:not(:last-child) {
  border-bottom: 1px solid #f6f2f9;
}
.complaint_item_table_item:last-child {
  border-radius: 0 0 5px 5px;
}
.complaint_item_table_item:last-child .complaint_item_table_td:first-child {
  border-radius: 0 0 0 5px;
}
.complaint_item_table_item:last-child .complaint_item_table_td:last-child {
  border-radius: 0 0 5px 0;
}
.complaint_item_table_item span {
  color: #414141;
  font-family: "Manrope";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}
.complaint_item_table_item.disabled .complaint_item_violation_ico::after {
  background: url("/images/icons/checkbox-circle-gray.svg");
}
.complaint_item_table_td {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  flex: 1 0 0;
  padding: 8px 16px;
  background: #fff;
}
.complaint_item_table_td:hover .tooltip {
  top: -160%;
  display: inline-flex;
}
.complaint_item_table_td:hover .tooltip span {
  color: #fff;
}
.complaint_item_table_td:first-child {
  justify-content: flex-start;
  width: 100px;
}
.complaint_item_table_td:nth-child(2) {
  border-right: 1px solid #f6f2f9;
  border-left: 1px solid #f6f2f9;
}
.complaint_item_table_td .td_ico {
  position: relative;
}
.complaint_item_table_td .td_ico::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  transform: translate(-50%, -50%);
}
.complaint_item_table_td.empty .td_ico::after {
  background-image: url("/images/icons/empty.svg");
}
.complaint_item_table_td.move .td_ico::after {
  background-image: url("/images/icons/mail-move.svg");
}
.complaint_item_table_td.checked .td_ico::after {
  background-image: url("/images/icons/mail-done.svg");
}
.complaint_item_table_td.warning .td_ico::after {
  background-image: url("/images/icons/warning.svg");
}
.complaint_item_status_name {
  color: #414141;
  font-family: "Manrope";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}
.complaint_item_violation_ico {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.complaint_item_violation_ico::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 24px;
  height: 24px;
  background: url("/images/icons/checkbox-circle-line.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  transform: translate(-50%, -50%);
  transition: 0.4s ease;
}

.btn_link::after {
  background-image: url("/images/icons/link.svg");
}

h1 {
  font-family: "Manrope";
  font-size: 56px;
  font-style: normal;
  font-weight: 600;
  line-height: 64px;
}

h2,
.h2 {
  font-family: "Manrope";
  font-size: 38px;
  font-style: normal;
  font-weight: 600;
  line-height: 44px;
}

h3 {
  padding: 10px 0;
  font-family: "Manrope";
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
}

h4 {
  padding: 10px 0;
  font-family: "Manrope";
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
}

h5 {
  padding: 10px 0;
  font-family: "Manrope";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}
h5.h5 {
  font-family: "Manrope";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  color: #000;
}

h6 {
  padding: 10px 0;
  font-family: "Manrope";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}

.popup_item {
  position: fixed;
  top: -300%;
  left: 50%;
  display: flex;
  max-width: 720px;
  width: 100%;
  height: auto;
  border-radius: 16px;
  transform: translate(-50%, -50%);
  transition: 1s ease;
  overflow: hidden;
  z-index: 1100;
}
@media screen and (max-width: 480px) {
  .popup_item.registration .popup_img {
    display: none;
  }
}
.popup_item.active {
  top: 50%;
}

.popup_body {
  display: flex;
  padding: 8px 8px 8px 60px;
  background: #FFF;
  justify-content: center;
  align-items: center;
  gap: 60px;
  width: 100%;
}

.popup_left {
  display: flex;
  max-width: 300px;
  padding: 16px 0px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  flex: 1 0 0;
  align-self: stretch;
}

.popaup_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  width: 100%;
}

.popup_headline {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

.popup_form {
  display: none;
  flex-direction: column;
  gap: 24px;
  width: 100%;
}
.popup_form.active {
  display: flex;
}

.popup_fields {
  display: flex;
  padding: 16px 0px 8px 0px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
}

.popup_field_item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 1px;
  align-self: stretch;
}
.popup_field_item.password {
  position: relative;
}
.popup_field_item span {
  font-size: 1rem;
}
.popup_field_item label {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-family: "Manrope";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #9593A8;
}
.popup_field_item input,
.popup_field_item textarea,
.popup_field_item .file,
.popup_field_item .file_single {
  display: flex;
  width: 100%;
  padding: 12px 16px;
  justify-content: space-between;
  align-items: center;
  border-radius: 6px;
  background: #F6F2F9;
  color: #271B36;
  font-family: "Manrope";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  border: 1px solid transparent;
  outline: none;
}
.popup_field_item input:focus,
.popup_field_item textarea:focus,
.popup_field_item .file:focus,
.popup_field_item .file_single:focus {
  transition: 0.4s ease;
  border: 2px solid #DFC0FD;
}
.popup_field_item textarea {
  resize: vertical;
}
.popup_field_item .file,
.popup_field_item .file_single {
  position: relative;
}
.popup_field_item .file::before,
.popup_field_item .file_single::before {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url("/images/icons/plus.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  cursor: pointer;
}
.popup_field_item .file::after,
.popup_field_item .file_single::after {
  content: attr(data-name);
  position: absolute;
  left: 50px;
  font-size: 12px;
}
.popup_field_item .file [type=file],
.popup_field_item .file_single [type=file] {
  opacity: 0;
  width: 1px;
  height: 1px;
}

.popup_button {
  display: flex;
  height: 48px;
  padding: 8px 24px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  align-self: stretch;
  border-radius: 6px;
  background: #DFC0FD;
  border: 1px solid #DFC0FD;
  cursor: pointer;
  transition: 0.4s ease;
}
.popup_button:hover {
  background: #fff;
}
.popup_button span {
  font-family: "Manrope";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  color: #271B36;
}

.popup_bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  width: 100%;
}

.popup_uath_icons {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.popup_uath_icons.hide {
  display: none;
}

.popup_auth_btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  border: 1px solid transparent;
  transition: 0.4s ease;
  cursor: pointer;
}
.popup_auth_btn:hover {
  border: 1px solid #DFC0FD;
  border-radius: 4px;
}
.popup_auth_btn img {
  max-width: 100%;
}

.bottom_btns {
  font-family: "Manrope";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: #9593A8;
  transition: 0.4s ease;
  cursor: pointer;
}
.bottom_btns:hover {
  text-decoration: underline;
}

.popup_img {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.popup_img_item {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  overflow: hidden;
}
.popup_img_item img {
  max-width: 100%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: left;
}

.popup_img_text {
  position: absolute;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
.popup_img_text span {
  color: #FFF;
  font-family: "Geologica";
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}

.popup_item_close_btn {
  position: absolute;
  right: 18px;
  top: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: #F6F2F9;
  cursor: pointer;
}

.popup_bg,
.search_bg,
.search_bg_transparent {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(30, 14, 47, 0.72);
  opacity: 0;
  transition: 0.3s ease-in-out;
  z-index: -1;
}
.popup_bg.active,
.search_bg.active,
.search_bg_transparent.active {
  opacity: 1;
  z-index: 1050;
}

.search_bg.active {
  z-index: 700;
}

.search_bg_transparent {
  background-color: rgba(214, 183, 244, 0.2352941176);
}
.search_bg_transparent.active {
  opacity: 1;
  z-index: 100;
}

.pwd_show {
  position: absolute;
  top: 50%;
  right: 16px;
  width: 24px;
  height: 24px;
  background-image: url(/images/icons/password-ico.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  transform: translate(0, -8%);
  cursor: pointer;
}

.add_dossier_popup textarea {
  height: 300px;
}

.add_thanks_popup textarea {
  height: 300px;
}

.popup {
  position: fixed;
  top: -300%;
  left: 50%;
  display: flex;
  align-items: flex-start;
  max-width: 720px;
  width: 100%;
  height: auto;
  border-radius: 16px;
  background: #FFF;
  transform: translate(-50%, -50%);
  transition: 1s ease;
  z-index: 1100;
  overflow: auto;
}
.popup.popup_complaint {
  height: 800px;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none;
}
.popup.popup_complaint::-webkit-scrollbar {
  display: none;
}
.popup.popup_judge .search_val {
  display: none;
}
@media screen and (max-width: 680px) {
  .popup.popup_judge, .popup.popup_complaint {
    height: 100%;
  }
}
.popup.active {
  top: 50%;
}
@media screen and (max-width: 680px) {
  .popup.active.popup_judge, .popup.active.popup_complaint {
    top: inherit;
    bottom: 0;
    transform: translate(-50%, 0%);
  }
}
.popup .popup_body {
  flex-direction: column;
  gap: 0px;
  padding: 0 0 30px 0;
}
.popup .popup_header {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  padding: 20px 0;
  border-radius: 10px 10px 0 0;
  background: #f1d9ff;
}
.popup .popup_form {
  display: flex;
  padding: 20px 50px;
}
.popup .popup_button_wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}
.popup .popup_button_wrapper .popup_button {
  display: inline-flex;
}

.modalSearch {
  width: 100%;
  max-height: 300px;
  padding: 0;
  overflow-y: auto;
  background-color: #F6F2F9;
  border-radius: 6px;
  box-shadow: 0px 6px 20px 0px rgba(133, 151, 166, 0.2);
}

.modalSearch_row {
  display: flex;
  width: 100%;
  height: 40px;
  padding: 0px 10px 0px 16px;
  justify-content: space-between;
  align-items: center;
  font-family: "Manrope";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: #271B36;
  border-bottom: 1px solid #E7EEF3;
  background: #FFF;
  transition: 0.4s ease;
  cursor: pointer;
}
.modalSearch_row:hover {
  background: #F6F2F9;
}

.popup_content {
  padding: 30px;
}
@media screen and (max-width: 680px) {
  .popup_content .popup_form {
    padding: 20px 10px;
  }
}
@media screen and (max-width: 680px) {
  .popup_content {
    padding: 10px;
  }
}
.popup_content p {
  padding: 0 0 15px;
  font-family: "Manrope";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: #271B36;
}
.popup_content p.bold {
  font-weight: 700;
}
.popup_content p.last {
  padding: 15px 0 15px;
  font-size: 13px;
}

.ustanovy {
  padding: 10px 0;
}

.checkbox_item {
  display: none;
}

.item_label.active::after {
  transform: translate(0, -50%) scale(1);
}

.checkbox_item:checked + .item_label::after {
  transform: translate(0, -50%) scale(1);
}

.item_label {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding: 0 10px 0 24px;
  font-family: "Manrope";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #271B36;
  cursor: pointer;
}
.item_label:hover {
  color: #EE6A5F;
}

.item_label::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  width: 14px;
  height: 14px;
  background-color: #fff;
  border: 1px solid #ACADBC;
  border-radius: 4px;
  margin: 0 12px 0 0;
}

.item_label::after {
  content: "";
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  left: 0;
  background-image: url("/images/icons/checkbox-done.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  border-radius: 3px;
  transform: translate(0, -50%) scale(0);
  transition: transform 0.5s ease 0s;
}

.items_social {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}

.item_social {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.item_social img {
  width: 20px;
}
.item_social span {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #271B36;
}

.header {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 5px 15px;
  background: #FFF;
  z-index: 900;
}

.header_wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
}

.header_side {
  display: flex;
  align-items: center;
  flex: 1 0 0;
  height: 100%;
}
.header_side.left {
  gap: 80px;
}
.header_side.right {
  justify-content: flex-end;
  gap: 20px;
}

.logo {
  width: 295px;
  height: 78px;
}

.nav_list {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 40px;
}

.nav_link {
  font-family: "Manrope";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
  color: #271B36;
  white-space: nowrap;
}
.nav_link:hover {
  color: #9f51eb;
}
.nav_link.active {
  color: #9f51eb;
  font-weight: 600;
}

.auth_list {
  position: relative;
  display: flex;
  align-items: center;
  gap: 16px;
}

.auth_link {
  display: flex;
  height: 36px;
  padding: 8px 16px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  border-radius: 100px;
  background: #000;
  cursor: pointer;
}

.auth_link_item {
  font-family: "Geologica";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #FFF;
}

.header_burger {
  display: none;
  align-items: center;
  width: 32px;
  height: 100%;
  cursor: pointer;
  z-index: 20;
}
.header_burger.active span {
  background-color: transparent;
}
.header_burger.active span::before {
  transform: rotateZ(45deg) translateY(0);
}
.header_burger.active span::after {
  transform: rotateZ(-45deg) translateY(0);
}
.header_burger span {
  width: 100%;
  height: 4px;
  background-color: #271B36;
  border-radius: 12px;
  display: block;
  transition: background-color 0.5s ease-in-out;
}
.header_burger span::before, .header_burger span::after {
  content: "";
  width: 100%;
  background-color: #271B36;
  display: block;
  transition: all 0.5s ease-in-out;
  border-radius: 12px;
  height: 4px;
}
.header_burger span::before {
  transform: translateY(-10px);
}
.header_burger span::after {
  transform: translateY(10px);
  margin-top: -4px;
}

.mobile_nav {
  display: fixed;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 50px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex: 1 1 auto;
  gap: 40px;
  background: #F9F9F9;
  transform: translateY(-200%);
  transition: all 0.7s ease;
  z-index: 999;
}
.mobile_nav.active {
  transform: translateY(0);
}
.mobile_nav .header_button {
  display: flex;
}
.mobile_nav .nav_list {
  flex-direction: column;
  gap: 28px;
}

.search_header_item {
  position: absolute;
  top: -6%;
  display: flex;
  justify-content: center;
  padding: 16px;
  width: 100%;
  z-index: 800;
  background: linear-gradient(257deg, rgba(202, 223, 255, 0.2) 0%, rgba(239, 162, 162, 0.2) 46.64%, rgba(234, 251, 134, 0.2) 99.99%), #FFF;
  box-shadow: 0px 4px 6px 0px rgba(62, 78, 89, 0.04);
  transition: 1s ease-in-out;
}
.search_header_item.active {
  top: 88px;
}
@media screen and (max-width: 680px) {
  .search_header_item.active {
    top: 68px;
    padding: 16px 0;
  }
}

.auth_nav {
  position: absolute;
  top: 35px;
  right: 0;
  display: none;
  width: 180px;
  max-height: 300px;
  padding: 0;
  overflow-y: auto;
  background-color: #F6F2F9;
  border-radius: 6px;
  box-shadow: 0px 6px 20px 0px rgba(133, 151, 166, 0.2);
  box-sizing: border-box;
  overflow: hidden;
  z-index: 210;
}
.auth_nav.active {
  display: block;
}

.auth_nav_item {
  display: flex;
  width: 100%;
  height: 40px;
  padding: 0px 10px 0px 16px;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #E7EEF3;
  background: #FFF;
  transition: 0.4s ease;
  cursor: pointer;
}
.auth_nav_item.user {
  width: 100%;
  height: 34px;
  padding: 30px 10px 30px 16px;
  background: linear-gradient(271deg, #F5E9E9 0%, #C5DBFB 100%);
  font-family: "Geologica";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
.auth_nav_item:not(.user):hover {
  background: #F6F2F9;
}
.auth_nav_item form {
  width: 100%;
}

.auth_nav_link {
  color: #271B36;
  font-family: "Manrope";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
}

.breadcrumbs_wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.breadcrumbs {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 24px;
  margin: 20px 0;
}

.breadcrumb_items {
  display: inline-flex;
  height: 24px;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
}
.breadcrumb_items li {
  position: relative;
  display: inline-flex;
  padding: 0 6px 0 0;
}
.breadcrumb_items li:not(:last-child)::after {
  content: "/";
  position: absolute;
  top: 50%;
  right: -6px;
  width: auto;
  height: auto;
  font-family: "Manrope";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  color: rgba(85, 51, 119, 0.15);
  transform: translate(0, -50%);
}
.breadcrumb_items li:last-child a {
  color: #000;
}
.breadcrumb_items a {
  color: #88888C;
  font-family: "Manrope";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}

.section {
  display: flex;
  justify-content: center;
  overflow-x: hidden;
}

.section_search {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.section_search__background {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 100%;
  background: linear-gradient(257deg, rgba(202, 223, 255, 0.1) 0%, rgba(239, 162, 162, 0.1) 46.64%, rgba(234, 251, 134, 0.1) 99.99%), #FFF;
  border-radius: 8px;
}
.section_search__background .search_bg_item {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  transform: translate(-50%, -50%);
}

.section_search_wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 52px;
  padding: 175px 0;
}
.section_search_wrapper p {
  display: block;
  max-width: 950px;
  width: 100%;
  font-family: "Manrope";
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
  color: #271B36;
  text-align: center;
}

.heading_main {
  font-family: "Manrope";
  font-size: 80px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  color: #271B36;
  text-align: center;
}

.search_block {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.search_block.main {
  z-index: 110;
}

.search_field_block {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.search_field {
  position: relative;
}
.search_field input {
  display: flex;
  width: 100%;
  height: 62px;
  padding: 15px 24px 14px;
  flex-shrink: 0;
  font-family: "Manrope";
  font-size: 18px;
  color: #271B36;
  border-radius: 8px;
  background: #FFF;
  box-shadow: 0px 11px 24px 0px rgba(0, 0, 0, 0.03);
}
.search_field input:focus {
  outline: none;
  border: none;
}
.search_field input::placeholder {
  font-family: "Manrope";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
  color: #848484;
}
.search_field.active input {
  border-radius: 8px 8px 0 0;
  box-shadow: none;
}

.search_item .search_button {
  position: relative;
  width: 55px;
  height: 55px;
  background-color: transparent;
  transform: translate(0, 0);
}
.search_item .search_button:hover {
  background-color: transparent;
}
@media screen and (max-width: 680px) {
  .search_item .search_button {
    width: 48px;
    height: 48px;
  }
}

.auth_list .auth_img {
  position: relative;
  width: 30px;
  height: 30px;
  background-color: transparent;
  transform: translate(0, 0);
  cursor: pointer;
}
.auth_list .auth_img img {
  width: 100%;
}

.search_block.top .search_button {
  display: flex;
  right: 16px;
  width: auto;
  height: 48px;
  padding: 8px 24px;
  justify-content: center;
  align-items: center;
  gap: 6px;
}
@media screen and (max-width: 680px) {
  .search_block.top .search_button {
    right: 4px;
    height: 45px;
    padding: 8px 10px;
  }
}

.search_button {
  position: absolute;
  top: 50%;
  right: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 58px;
  height: 58px;
  font-family: "Geologica";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #000;
  background-color: #DFC0FD;
  border-radius: 8px;
  transform: translate(0, -50%);
  transition: 0.4s ease;
  cursor: pointer;
}
.search_button .btn-hover {
  display: none;
}
.search_button img {
  max-width: 100%;
}
.search_button:hover {
  background-color: #BA90E3;
}

.search_frame {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 12px 0 0 0;
  width: 100%;
}

.search_frame_button {
  display: flex;
  cursor: pointer;
}
.search_frame_button.active .search_frame_img.up {
  display: flex;
}
.search_frame_button.active .search_frame_img.down {
  display: none;
}

.search_frame_img {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 20px;
  max-width: 100%;
  cursor: pointer;
}
.search_frame_img span {
  font-family: "Manrope";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
  text-decoration-line: underline;
  color: #271B36;
}
.search_frame_img.up {
  display: none;
}

.section_search_info {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.ssi_cards {
  display: flex;
  align-items: center;
  width: 100%;
}

.ssi_card {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 325px;
  width: 100%;
  padding: 40px 0;
  border-top: 1px solid #D2CFE7;
  border-left: 1px solid #D2CFE7;
  border-right: 1px solid #D2CFE7;
  border-radius: 28px 28px 0px 0px;
}
.ssi_card:first-child {
  border-left: none;
  border-radius: 0 28px 0px 0px;
}
.ssi_card:last-child {
  border-right: none;
  border-radius: 28px 0px 0px 0px;
}
.ssi_card img {
  position: absolute;
  top: -25px;
  left: 50%;
  transform: translate(-50%, 0);
}
.ssi_card span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 75%;
  height: 100px;
  font-family: "Manrope";
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  color: #271B36;
  text-align: center;
}

.ssi_card_wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.search_select_block {
  display: none;
  gap: 20px;
  padding: 30px;
  background-color: #fff;
  border-radius: 8px;
  border-top: 1px solid #E3E3E3;
  box-shadow: 0px 11px 24px rgba(0, 0, 0, 0.03);
}
.search_select_block .search_val {
  display: none;
}
.search_select_block.active {
  border-radius: 0 0 8px 8px;
}

.search_select_wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 100%;
  margin: 0 0 20px;
}

.serch_field_select,
.complaint_field_select {
  display: flex;
  width: 100%;
  margin: 10px 0px;
}
.serch_field_select .court_id,
.complaint_field_select .court_id {
  width: 1px;
  height: 1px;
  padding: 0px;
}

.select {
  position: relative;
  width: 100%;
}

.current_select {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 53px;
  padding: 10px 20px;
  box-sizing: border-box;
  border-radius: 6px;
  background-color: #F6F2F9;
}
.current_select::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 19px;
  width: 12px;
  height: 9px;
  background-image: url("/images/icons/select_arrow.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  transform: translate(0, -50%);
  transition: 0.5s;
  cursor: pointer;
  z-index: 100;
}
.current_select.active {
  border-radius: 6px 6px 0 0;
}
.current_select.active::before {
  transform: rotate(-180deg) translate(0, 50%);
}
.current_select span {
  display: flex;
  align-items: center;
  padding: 0 20px 0 0;
  font-family: "Manrope";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
  color: #271B36;
}

.options {
  display: none;
  width: 100%;
  max-height: 300px;
  padding: 10px 0;
  overflow-y: auto;
  background-color: #F6F2F9;
  border-radius: 0px 0px 6px 6px;
  box-sizing: border-box;
  z-index: 210;
}
.options.active {
  max-height: 400px;
}

.option {
  padding: 5px 0 5px 20px;
  font-family: "Manrope";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
  color: #271B36;
  cursor: pointer;
}
.option:hover {
  background-color: #BA90E3;
}

.section_last_complaints {
  position: relative;
  display: flex;
  padding: 135px 0 150px;
}

.slc_wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 40px;
  width: 100%;
}
.slc_wrapper p {
  font-family: "Manrope";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
  color: #271B36;
}

.slc_wrapper_inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 40px;
  width: 100%;
}

.heading_secondary {
  display: inline-flex;
  justify-content: flex-start;
  font-family: "Manrope";
  font-size: 60px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  color: #271B36;
}
.heading_secondary .add_new_article .add_item {
  display: flex;
  color: #87b652;
  padding: 5px 16px;
  border-radius: 3px;
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
  background: linear-gradient(0deg, #fff, #fff);
  box-shadow: none;
  align-items: center;
}
.heading_secondary .add_new_article .add_item:before {
  content: "";
  width: 20px;
  height: 20px;
  margin-right: 5px;
  background-image: url(/images/icons/plus.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  cursor: pointer;
}

.complaints_cards {
  display: flex;
  max-width: 100%;
  margin: 0 auto;
  overflow: visible !important;
}

.complaints_cards_wrapper {
  display: flex;
  align-items: flex-start;
  max-width: 1299px;
  scroll-snap-type: x mandatory;
}

.slc_buttons {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 32px;
  width: 100%;
}

.arrow-next,
.arrow-prev {
  top: inherit !important;
  bottom: -75px;
}
.arrow-next::after,
.arrow-prev::after {
  content: "" !important;
  width: 50px;
  height: 20px;
  background-image: url("/images/icons/arrow-next-active.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.arrow-next.swiper-button-disabled,
.arrow-prev.swiper-button-disabled {
  opacity: 1 !important;
}
.arrow-next.swiper-button-disabled::after,
.arrow-prev.swiper-button-disabled::after {
  background-image: url("/images/icons/arrow-next.svg");
}

.arrow-prev {
  left: inherit !important;
  right: 150px !important;
}
.arrow-prev::after {
  background-image: url("/images/icons/arrow-prev-active.svg");
}
.arrow-prev.swiper-button-disabled::after {
  background-image: url("/images/icons/arrow-prev.svg");
}

.arrow-next {
  left: inherit !important;
  right: 100px !important;
}

.swiper_btns {
  position: relative;
}

.section_info {
  display: flex;
  overflow: hidden;
}

.section_background_info {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 100%;
  padding: 150px 0;
  background: linear-gradient(257deg, rgba(202, 223, 255, 0.2) 0%, rgba(239, 162, 162, 0.2) 46.64%, rgba(234, 251, 134, 0.2) 99.99%), #FFF;
  border-radius: 8px;
}
.section_background_info .search_bg_item {
  position: absolute;
  top: 40px;
  left: -370px;
  width: 120%;
  object-fit: contain;
}

.section_about {
  display: flex;
  overflow: hidden;
}

.sa_background {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 120px 0;
  background: linear-gradient(77deg, rgba(202, 223, 255, 0.2) 0%, rgba(239, 162, 162, 0.2) 46.65%, rgba(234, 251, 134, 0.2) 100%), linear-gradient(0deg, #FFF 0%, #FFF 100%), #F6F2F9;
  border-radius: 8px;
}
.sa_background .search_bg_item {
  position: absolute;
  bottom: -30%;
  right: -70%;
  width: 1724px;
  height: 1119px;
  transform: rotate(-65deg);
  flex-shrink: 0;
  object-fit: contain;
}

.section_about_wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.section_about_side {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 45px;
  width: calc((100% - 50px) / 2);
}

.section_about_text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 40px;
}
.section_about_text p {
  font-family: "Manrope";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
  color: #271B36;
  text-align: left;
}

.section_about_image {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  width: 100%;
}
.section_about_image img {
  max-width: 100%;
  width: 100%;
}

.section_experts {
  display: flex;
  padding: 140px 0 70px;
}

.sections_experts_wraper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 40px;
  width: 100%;
}
.sections_experts_wraper .button_item.bottom {
  display: none;
}

.section_news_title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.section_news {
  display: flex;
  padding: 70px 0 140px;
}

.section_about.form .sa_background .search_bg_item {
  bottom: 40%;
  right: -50%;
  transform: rotate(-85deg);
}

.form {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 100%;
}
.form input {
  height: 53px;
}

.form_field {
  display: flex;
  width: 100%;
}

.form_text {
  gap: 10px;
}

.tel_link {
  font-family: "Manrope";
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  color: #271B36;
  text-align: left;
}

.j-list_items {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  flex: 1 0 0;
}

.j_list_card {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  align-self: stretch;
  gap: 32px;
  flex-wrap: wrap;
  min-width: 320px;
  padding: 20px;
  border-radius: 16px;
  background: #fff;
}

.j_list_card_wrap {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  align-self: stretch;
  gap: 32px;
  width: 100%;
}

.j_list_card_img {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
}

.j_list_card_image {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 160px;
  height: 160px;
  border-radius: 8px;
  overflow: hidden;
}
.j_list_card_image img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: translate(-50%, -50%);
}

.sac_wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 140px 0;
}

.sac_wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 40px;
  width: 100%;
}

.sac_communities {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 20px;
  width: 100%;
}

.comunity_link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc((100% - 40px) / 3);
  height: 230px;
  padding: 10px;
  border: 1px solid #e3e3e3;
  border-radius: 12px;
}

.comunity_block {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 16px;
  border-radius: 12px;
}
.comunity_block.blue {
  background-image: url(/images/demo/002.png);
}
.comunity_block.orange {
  background-image: url(/images/demo/003.png);
}
.comunity_block.green {
  background-image: url(/images/demo/004.png);
}

.community_text {
  font-family: "Manrope";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  color: #fff;
  text-align: center;
}

.community_val {
  font-family: "Manrope";
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 170%;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
}

.community_dev {
  font-family: "Manrope";
  font-size: 16px;
  font-weight: 100;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  padding: 5px 10px;
  border-radius: 20px;
  background: rgba(0, 0, 0, 0.368627451);
  line-height: 24px;
}

.j_list_card_info .complaint_page_judge_name h2 {
  font-family: "Manrope";
  font-size: 30px;
  font-style: normal;
  font-weight: 500;
  line-height: 44px;
  color: #000;
}
.j_list_card_info .complaint_page_judge_name_val {
  gap: 0px;
}
.j_list_card_info .complaint_item_status {
  justify-content: flex-end;
}

.judge_item {
  color: #3e3e43;
  font-family: "Manrope";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  margin: 0 0 28px;
}

.j_list_card_info_bottom {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 16px;
}
.j_list_card_info_bottom .complaint_item_status_item {
  padding: 0 0 0 8px;
  font-size: 10px;
}
.j_list_card_info_bottom .complaint_item_status_item:hover .tooltip {
  display: inline-flex;
  top: -190%;
}
.j_list_card_info_bottom .complaint_item_status_ico {
  width: 40px;
  height: 30px;
}
.j_list_card_info_bottom .complaint_item_status_ico::after {
  width: 20px;
  height: 20px;
}

.all_complaints {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 4px;
}

.all_compaints_number {
  font-family: "Manrope";
  font-size: 38px;
  font-style: normal;
  font-weight: 300;
  line-height: 100%;
  text-align: right;
  color: #dfc0fd;
}

.all_compaints_text {
  font-family: "Manrope";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  color: #271b36;
  text-align: right;
  white-space: nowrap;
}

.j_list_sidebar {
  display: flex;
  width: 310px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  flex-shrink: 0;
}

.last_news {
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 32px;
  flex-shrink: 0;
}

.last_news_wrapper {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  width: 100%;
  flex-wrap: wrap;
}

.news_item {
  display: flex;
  height: 232px;
  padding: 16px;
  align-items: flex-end;
  gap: 20px;
  flex: 1 0 0;
  width: calc((100% - 20px) / 2);
  border-radius: 16px;
  background: #fff;
}

.news_item_img {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  width: 280px;
  border-radius: 15px;
  overflow: hidden;
}
.news_item_img img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: translate(-50%, -50%);
}

.news_item_info {
  display: flex;
  min-width: 200px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  flex: 1 0 0;
  align-self: stretch;
}

.news_item_head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  width: 100%;
}

.news_item_date {
  font-family: "Manrope";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #888888;
}

.news_item_ico {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
}

.news_item_desc {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 84px;
  align-self: stretch;
  font-family: "Manrope";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  color: #000;
}

.tags_outer {
  display: flex;
  width: 100%;
  overflow-x: hidden;
}

.tags {
  position: relative;
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  gap: 8px;
  width: 100%;
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow-x: auto;
}
.tags::-webkit-scrollbar {
  display: none;
}
.tags::after {
  content: "";
  position: absolute;
  right: 0px;
  width: 32px;
  height: 32px;
  background: linear-gradient(270deg, #fff 0%, rgba(255, 255, 255, 0) 85.94%);
}

.tag {
  display: inline-flex;
  padding: 4px 16px;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  background: #f6f2f9;
  font-family: "Manrope";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  color: #888888;
  white-space: nowrap;
  transition: 0.4s ease;
  cursor: pointer;
}
.tag:hover {
  background: #dfc0fd;
  color: #ffffff;
}

.judge {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #F6F2F9;
  overflow-x: hidden;
}
.judge_container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  width: 100%;
}
.judge .section_another_communities {
  width: 100%;
}
.judge .sac_wrapper {
  padding: 48px 0 150px;
  gap: 32px;
}
.judge .heading_secondary {
  font-size: 28px;
}

.judge_card {
  display: flex;
  width: 100%;
  padding: 40px;
  align-items: flex-start;
  align-content: flex-start;
  gap: 48px;
  flex-wrap: wrap;
  border-radius: 16px;
  background: #FFF;
}
.judge_card_img {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}
.judge_card_img_item {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 216px;
  height: 216px;
  margin: auto;
}
.judge_card_img_item img, .judge_card_img_item .qrCode {
  transition: transform 0.6s linear;
  overflow: hidden;
  backface-visibility: hidden;
  position: absolute;
  object-fit: cover;
  cursor: pointer;
}
.judge_card_img_item .qrCode object {
  width: 100%;
}
.judge_card_img_item.flipped img {
  transform: perspective(600px) rotateY(-180deg);
}
.judge_card_img_item.flipped .qrCode {
  transform: perspective(600px) rotateY(0deg);
}
.judge_card_img_item img {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  z-index: 1;
  transform: perspective(600px) rotateY(0deg);
}
.judge_card_img_item .qrCode {
  transform: perspective(600px) rotateY(180deg);
}
.judge_card_img_mob {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 8px;
  z-index: 100;
}
.judge_card_img .button_item {
  display: none;
}
.judge_card_rating {
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  gap: 8px;
  padding: 12px 8px;
}
.judge_card_info {
  display: flex;
  min-width: 400px;
  flex-direction: column;
  align-items: flex-start;
  gap: 56px;
  flex: 1 0 0;
}
.judge_card_body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  align-self: stretch;
}
.judge_card_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
}
.judge_card_status {
  display: flex;
  padding: 3px 8px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 5px;
  background: #F6F2F9;
}
.judge_card_status span {
  color: #848484;
  font-family: "Manrope";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}
.judge_card_name {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  width: 100%;
}
.judge_card_name h2 {
  display: inline-flex;
  justify-content: flex-start;
}
.judge_card_name h2 .verified_item_icon {
  display: flex;
  color: #87b652;
  padding: 5px 16px;
  border-radius: 3px;
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
  background: linear-gradient(0deg, #fff, #fff);
  box-shadow: none;
  align-items: center;
}
.judge_card_name h2 .verified_item_icon::before {
  content: "";
  width: 20px;
  height: 20px;
  margin-right: 5px;
  background-image: url(/images/icons/certificate.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  cursor: pointer;
}
.judge_card_list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
}
.judge_card_list_item {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
}
.judge_card_list_item_wrap {
  display: flex;
  max-width: 280px;
  justify-content: center;
  align-items: baseline;
  gap: 8px;
  flex: 1 0 0;
}
.judge_card_list_item_key, .judge_card_list_item_value {
  display: inline-flex;
  font-family: "Manrope";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  color: #000;
  white-space: nowrap;
}
.judge_card_list_item_value {
  flex: 1 0 0;
  white-space: break-spaces;
}
.judge_card_list_item_value img {
  position: relative;
  top: -5px;
  width: 25px;
  height: 25px;
}
.judge_card_footer {
  display: flex;
  align-items: center;
  gap: 16px;
  align-self: stretch;
}
.judge_card_footer_btns {
  display: flex;
  align-items: center;
  align-content: center;
  gap: 12px;
  flex: 1 0 0;
  flex-wrap: wrap;
}

.btn_bell::after {
  background-image: url("/images/icons/bell.svg");
}

.line {
  width: 100%;
  height: 1px;
  background: #000;
  opacity: 0.1;
}

.last_check {
  color: #848484;
  font-family: "Manrope";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.headline_tabs {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  width: 100%;
  overflow-x: auto;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.headline_tabs::-webkit-scrollbar {
  display: none;
}

.headline_tab {
  display: flex;
  transition: 0.4s ease;
}

.headline_tab_link {
  display: flex;
  min-width: 74px;
  min-height: 40px;
  padding: 0px 16px 1px 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 18px;
  font-family: "Manrope";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  color: #000;
  white-space: nowrap;
  transition: 0.4s ease;
  cursor: pointer;
  border-bottom: 1px solid rgba(85, 51, 119, 0.15);
}
.headline_tab_link:hover {
  border-radius: 6px 6px 0px 0px;
  background: rgba(85, 51, 119, 0.05);
}
.headline_tab_link.active {
  border-radius: 6px 6px 0px 0px;
  background: rgba(85, 51, 119, 0.05);
  border-bottom: 2px solid #DFC0FD;
}

.headline_filter {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
}

.headline_filter_wrapper {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  align-self: stretch;
}

.headline_filter_title {
  font-family: "Manrope";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  color: #000;
}

.headline_select {
  display: flex;
  max-width: 150px;
  width: 100%;
}
.headline_select .search_val {
  display: none;
}
.headline_select .current_select {
  display: flex;
  min-height: auto;
  height: 40px;
  padding: 11px 10px 11px 16px;
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;
  border-radius: 6px;
  background: #F6F2F9;
  cursor: pointer;
}
.headline_select .current_select span {
  font-family: "Manrope";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: #271B36;
}
.headline_select .current_select.active {
  border-radius: 6px;
  border: 1px solid #E7EEF3;
  background: #FFF;
  box-shadow: 0px 0px 0px 4px rgba(240, 247, 252, 0.7);
}
.headline_select.tab_filter .current_select.active {
  border: 1px solid #DFC0FD;
  box-shadow: 0px 0px 0px 4px rgba(133, 64, 118, 0.1);
}
.headline_select .options {
  position: absolute;
  top: 60px;
  right: 0;
  width: 180px;
  padding: 0;
  border-radius: 6px;
  box-shadow: 0px 6px 20px 0px rgba(133, 151, 166, 0.2);
}
.headline_select .option_header {
  display: flex;
  width: 100%;
  height: 28px;
  padding: 0px 10px 0px 16px;
  justify-content: space-between;
  align-items: center;
  background: linear-gradient(271deg, #F5E9E9 0%, #C5DBFB 100%);
  font-family: "Geologica";
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
}
.headline_select .option {
  display: flex;
  width: 180px;
  height: 40px;
  padding: 0px 10px 0px 16px;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #E7EEF3;
  background: #FFF;
  color: #271B36;
  font-family: "Manrope";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  transition: 0.4s ease;
  cursor: pointer;
}
.headline_select .option:hover {
  background: #F6F2F9;
}
.headline_select .option:hover .counter {
  background: rgba(85, 51, 119, 0.05);
}
.headline_select .counter {
  display: flex;
  padding: 2px 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 14px;
  color: #DFC0FD;
  font-family: "Manrope";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.judge_content {
  display: flex;
  width: 100%;
  align-items: flex-start;
  align-content: flex-start;
  gap: 48px 20px;
}

.judge_content_wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-content: flex-start;
  width: 100%;
  gap: 16px;
}

.judge_content_list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-content: flex-start;
  width: 100%;
  gap: 48px 20px;
}
.judge_content_list .line {
  display: none;
}

.judge_content_button {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.judge_complaints_list {
  display: flex;
  max-width: 970px;
  width: 100%;
  padding: 40px 64px;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
  border-radius: 16px;
  background: #FFF;
}
.judge_complaints_list.news_list {
  background: transparent;
  padding: 5px 0px;
}

.judge_complaints_title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  gap: 16px;
  align-self: stretch;
}
.judge_complaints_title h2 {
  display: flex;
  padding: 2px 0px;
  align-items: center;
  gap: 12px;
  font-size: 30px;
  white-space: nowrap;
}
.judge_complaints_title h2 .number {
  background: #e72830;
  color: #fff;
}

.number {
  display: flex;
  padding: 8px 15px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 6px;
  border-radius: 8px;
  background: #DFC0FD;
  color: #271B36;
  text-align: center;
  font-family: "Geologica";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}

.judge_complaints_filter {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  border-radius: 6px;
  overflow-x: auto;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.judge_complaints_filter::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 680px) {
  .judge_complaints_filter {
    display: none;
  }
}

.judge_complaints_filter_tab {
  display: flex;
  padding: 10px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 6px;
  background: #F6F2F9;
  transition: 0.4s ease;
  cursor: pointer;
  color: #271B36;
  font-family: "Manrope";
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
  white-space: nowrap;
}
.judge_complaints_filter_tab:hover, .judge_complaints_filter_tab.active {
  background: #DFC0FD;
}
.judge_complaints_filter_tab .number {
  font-size: 14px;
  background: #E3D7ED;
}

.judge_complaints_content_wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 16px;
}
.judge_complaints_content_wrap p {
  font-family: "Manrope";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  color: #000;
}
.judge_complaints_content_wrap .news_item {
  width: 100%;
  height: auto;
  position: relative;
}
.judge_complaints_content_wrap .news_item.in_moderation::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  background-color: rgba(124, 123, 123, 0.4);
  top: 0;
  left: 0;
  border-radius: 14px;
}
.judge_complaints_content_wrap .news_item .card_status {
  position: absolute;
  z-index: 1;
  top: 30%;
  left: 10%;
  display: flex;
  padding: 3px 8px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 5px;
  background: #F6F2F9;
}
.judge_complaints_content_wrap .news_item .card_status span {
  color: #848484;
  font-family: "Manrope";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}
.judge_complaints_content_wrap .news_item_desc {
  height: auto;
  margin: 0 0 10px;
  font-weight: 600;
}
.judge_complaints_content_wrap .news_item_info {
  justify-content: flex-start;
  font-family: "Manrope";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  color: #000;
}
.judge_complaints_content_wrap .news_item_img img {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: translate(0, 0);
}

.side_item {
  display: flex;
  width: 310px;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  flex-shrink: 0;
}
.side_item .section_info {
  display: none;
}

[data-tab-content] {
  display: none;
}

.active[data-tab-content] {
  display: flex;
}

.side_last_complaints {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  width: 100%;
}
.side_last_complaints.antirating {
  overflow: hidden;
}
.side_last_complaints.antirating .swiper_btns {
  position: initial;
}
.side_last_complaints.antirating .antirating_card {
  width: 300px !important;
}
.side_last_complaints.antirating .button_item.light {
  margin: 50px 0 0 0;
}
.side_last_complaints.antirating .arrow-next, .side_last_complaints.antirating .arrow-prev {
  bottom: -50px;
}
.side_last_complaints.antirating .arrow-prev {
  right: 180px !important;
}
.side_last_complaints.antirating .arrow-next {
  right: 103px !important;
}
.side_last_complaints .button_item.light {
  padding: 10px 20px;
  font-weight: 500;
  font-size: 14px;
  border-radius: 6px;
}
.side_last_complaints .complaints_cards {
  display: none;
}
.side_last_complaints .antirating_cards {
  display: flex;
}

.side_title {
  display: inline-flex;
  width: 100%;
  font-family: "Manrope";
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  color: #271B36;
  text-align: left;
}

.last_complaints_list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.last_complaints_list .complaints_card:nth-child(n+4) {
  display: none;
}
.last_complaints_list .complaints_card:not(:first-child) .complaints_card_image,
.last_complaints_list .complaints_card:not(:first-child) .complaints_card_rating,
.last_complaints_list .complaints_card:not(:first-child) .complaints_card_author {
  display: none;
}
.last_complaints_list .complaints_card:not(:first-child) .complaints_card_author-wrap {
  justify-content: flex-end;
}
.last_complaints_list .complaints_card:not(:first-child) .complaints_card_row {
  padding: 16px 16px 12px 16px;
}
.last_complaints_list .complaints_card:not(:first-child) .complaints_card_row.bg {
  padding: 14px 16px 14px 20px;
}
.last_complaints_list .complaints_card:not(:first-child) .complaints_card_row:last-child {
  padding: 12px 16px 16px 16px;
}
.last_complaints_list .complaints_card .complaints_card_name span {
  font-size: 16px;
}
.last_complaints_list .complaints_card .complaints_card_reason span,
.last_complaints_list .complaints_card .complaints_card_date span {
  font-size: 14px;
}

.antirating_list {
  display: flex;
  flex-direction: column;
  gap: 60px;
  margin: 40px 0 0 0;
}
.antirating_list .antirating_card:nth-child(n+4) {
  display: none !important;
}
.antirating_list .antirating_card .antirating_card_image {
  width: 84px;
  height: 84px;
}
.antirating_list .antirating_card .antirating_card_image_item {
  width: 72px;
  height: 72px;
}
.antirating_list .antirating_card .antirating_card_row.first {
  padding: 60px 20px 12px 20px;
  background-color: #fff;
  border-radius: 20px 20px 0 0;
}
.antirating_list .antirating_card .antirating_card_row.second {
  border-radius: 0 0 20px 20px;
}
.antirating_list .antirating_card .antirating_card_name {
  height: auto;
}
.antirating_list .antirating_card .antirating_card_name span {
  font-size: 16px;
}
.antirating_list .antirating_card .antirating_card_justice span {
  font-size: 14px;
}
.antirating_list .antirating_card .complaints_card_rating_value span {
  font-size: 36px;
}
.antirating_list .complaints_card .complaints_card_row {
  padding: 16px 16px 12px 16px;
}
.antirating_list .complaints_card .complaints_card_row:not(:first-child) {
  display: none;
}
.antirating_list .complaints_card .complaints_card_name span {
  font-size: 16px;
}

.complaint_page {
  width: 100%;
  background: #F6F2F9;
  padding: 0 0 100px;
}
.complaint_page_wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 32px;
  width: 100%;
}
.complaint_page_judge {
  display: flex;
  justify-content: center;
  width: 100%;
}
.complaint_page_judge_wrap {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  gap: 32px 48px;
  flex-wrap: wrap;
  width: 100%;
  padding: 40px;
  border-radius: 16px;
  background: #FFF;
}
.complaint_page_judge_img {
  display: flex;
  align-items: flex-start;
}
.complaint_page_judge_img .btn_xs {
  display: none;
}
.complaint_page_judge_photo {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 88px;
  height: 88px;
  border-radius: 44px;
  overflow: hidden;
}
.complaint_page_judge_photo img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: translate(-50%, -50%);
}
.complaint_page_judge_rating {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 88px;
  height: 88px;
  gap: 45px;
  padding: 14px 16px;
  margin: 0 0 0 -14px;
  border-radius: 46px;
  background: #F7F7F9;
}
.complaint_page_judge_rating_wrap {
  display: flex;
  padding: 9px 13px 11px 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 6px;
}
.complaint_page_judge_heading {
  display: flex;
  min-width: 400px;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  row-gap: 32px;
  flex: 1 0 0;
  flex-wrap: wrap;
}
.complaint_page_judge_naming {
  display: flex;
  min-width: 400px;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  flex: 1 0 0;
}
.complaint_page_judge_name h1 {
  color: #000;
  font-family: "Manrope";
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: 44px;
}
.complaint_page_judge_name_val {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
}
.complaint_page_judge_name_status {
  color: #888888;
  font-family: "Manrope";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}
.complaint_page_judge_btns {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.complaint_page_tabs {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}
.complaint_page_tabs .active[data-tab-content] {
  flex-direction: column;
  gap: 16px;
  max-width: 100%;
  width: 100%;
}
.complaint_page_content .judge_complaints_list {
  max-width: 100%;
  padding: 40px 64px 60px 64px;
  gap: 32px;
}
.complaint_page_content .judge_complaints_title {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  align-self: stretch;
}
.complaint_page_content_subtitle {
  color: #848484;
  font-family: "Manrope";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}
.complaint_page_heading {
  display: flex;
  align-items: center;
  gap: 16px;
}
.complaint_page_heading_status {
  position: relative;
  display: flex;
  padding: 12px 16px 12px 48px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 12px;
  color: #fff;
  font-family: "Manrope";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}
.complaint_page_heading_status::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 16px;
  width: 24px;
  height: 24px;
  background-image: url("/images/icons/warning-black.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  transform: translate(0, -50%);
  filter: invert(1);
}
.complaint_page_desc {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  gap: 16px;
  align-self: stretch;
  flex-wrap: wrap;
}
.complaint_page_desc_title {
  display: flex;
  height: 24px;
  flex-direction: column;
  justify-content: center;
  color: #848484;
  font-family: "Manrope";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}
.complaint_page_desc_wrap {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  gap: 16px;
  align-self: stretch;
}
.complaint_page_desc_info {
  display: flex;
  width: 736px;
  padding: 0px 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  border-left: 2px solid #D34F65;
}
.complaint_page_desc_head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
  row-gap: 16px;
  align-self: stretch;
  flex-wrap: wrap;
}
.complaint_page_desc_heading {
  color: #000;
  font-family: "Manrope";
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
}
.complaint_page_desc_text {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
}
.complaint_page_desc_text_wrap {
  position: relative;
  max-height: 160px;
  overflow: hidden;
  transition: max-height 0.5s ease-in-out;
}
.complaint_page_desc_text_wrap.active {
  max-height: 100%;
  transition: max-height 0.5s;
}
.complaint_page_desc_text p {
  color: #000;
  font-family: "Manrope";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.complaint_page_desc_more {
  font-family: "Manrope";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
  text-decoration-line: underline;
  color: #271B36;
  cursor: pointer;
}
.complaint_page_desc_img {
  display: flex;
  max-width: 420px;
  align-items: flex-start;
  align-content: flex-start;
  gap: 8px;
  border-radius: 6px;
  overflow: hidden;
}
.complaint_page_desc_img img {
  max-width: 100%;
}
.complaint_page_item_btns {
  display: flex;
  align-items: center;
  align-content: center;
  gap: 8px 16px;
  align-self: stretch;
  flex-wrap: wrap;
}
.complaint_page_item_author {
  display: flex;
  padding: 32px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  border-radius: 16px;
  background: #F6F2F9;
}
.complaint_page_item_author .complaint_item_subtitle {
  color: #848484;
  font-family: "Manrope";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.complaint_page_item_author .complaint_item_name {
  color: #271B36;
  font-family: "Manrope";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}
.complaint_page_item_author .complaint_item_name span {
  font-size: 16px;
  color: #888888;
}
.complaint_page_item_author .complaint_item_date {
  font-size: 16px;
}
.complaint_page .complaint_page_item_swiper {
  position: relative;
  width: 100%;
  height: 224px;
  padding: 0 0 0 64px;
}
.complaint_page .complaint_page_item_swiper .swiper-slide {
  width: auto !important;
  border-radius: 8px;
  overflow: hidden;
  cursor: pointer;
}
.complaint_page .complaint_page_item_swiper .swiper-button-next,
.complaint_page .complaint_page_item_swiper .swiper-button-prev {
  top: 0;
  bottom: 0;
  width: 48px;
  height: 224px;
  background: rgba(33, 33, 33, 0.5803921569);
  z-index: 1000;
}
.complaint_page .complaint_page_item_swiper .swiper-button-next::after,
.complaint_page .complaint_page_item_swiper .swiper-button-prev::after {
  width: 35px;
}
.complaint_page .complaint_page_item_swiper .arrow-prev {
  left: 0 !important;
  right: inherit !important;
}
.complaint_page .complaint_page_item_swiper .arrow-prev::after {
  width: 24px;
  height: 24px;
  background-image: url("/images/icons/arrow-prev-active.svg");
}
.complaint_page .complaint_page_item_swiper .arrow-next {
  left: inherit !important;
  right: 0 !important;
}
.complaint_page .complaint_page_item_swiper .arrow-next::after {
  width: 24px;
  height: 24px;
  background-image: url("/images/icons/arrow-next-active.svg");
}
.complaint_page .slide-image-wrap {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.complaint_page .slide-image-wrap.video .video-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 55px;
  height: 55px;
  background-image: url("/images/icons/player.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  transform: translate(-50%, -50%);
}
.complaint_page .slide-image-wrap .image {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 36px;
  height: 36px;
  background-image: url("/images/icons/fullscreen.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
}
.complaint_page .slide-image-wrap img {
  height: 100%;
}
.complaint_page .slide-image-wrap iframe {
  width: 400px;
  height: 224px;
}
.complaint_page .complaint_page_item_docs {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  width: 100%;
  overflow: hidden;
}
.complaint_page .complaint_page_item_docs_inner {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  overflow-x: scroll;
}
@media screen and (max-width: 680px) {
  .complaint_page .complaint_page_item_docs_inner {
    flex-direction: column;
    width: 100%;
  }
}
.complaint_page .complaint_doc_item {
  display: flex;
  padding: 16px;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  border-radius: 12px;
  background: #F6F2F9;
}
@media screen and (max-width: 680px) {
  .complaint_page .complaint_doc_item {
    padding: 10px;
    width: 100%;
  }
}
.complaint_page .complaint_doc_item .button_item {
  padding: 10px 16px 10px 20px;
}
.complaint_page .complaint_doc_img {
  display: inline-flex;
  width: 100%;
  height: 500px;
  overflow-y: auto;
}
.complaint_page .complaint_doc_img img {
  width: 100%;
  height: fit-content;
}
.complaint_page iframe {
  width: 400px;
  height: 100%;
}
@media screen and (max-width: 680px) {
  .complaint_page iframe {
    width: 100%;
  }
}

.judge_card_img .complaint_page_heading_status {
  margin: auto;
}

.complaint_swiper_modal {
  position: relative;
  height: 100%;
}
.complaint_swiper_modal .swiper-wrapper,
.complaint_swiper_modal .swiper-slide {
  height: 100%;
}
.complaint_swiper_modal .swiper-slide {
  overflow-y: auto;
}
.complaint_swiper_modal .swiper-button-next,
.complaint_swiper_modal .swiper-button-prev {
  top: 50% !important;
  bottom: 0;
  width: 48px;
  height: 224px;
  background: rgba(33, 33, 33, 0.5803921569);
  z-index: 1000;
  transform: translate(0, -50%);
}
.complaint_swiper_modal .swiper-button-next::after,
.complaint_swiper_modal .swiper-button-prev::after {
  width: 35px;
}
.complaint_swiper_modal .arrow-prev {
  left: 0 !important;
  right: inherit !important;
}
.complaint_swiper_modal .arrow-prev::after {
  width: 24px;
  height: 24px;
  background-image: url("/images/icons/arrow-prev-active.svg");
}
.complaint_swiper_modal .arrow-next {
  left: inherit !important;
  right: 0 !important;
}
.complaint_swiper_modal .arrow-next::after {
  width: 24px;
  height: 24px;
  background-image: url("/images/icons/arrow-next-active.svg");
}

.pagination_arrows {
  display: flex;
  padding-top: 8px;
  align-items: flex-start;
  gap: 32px;
  align-self: stretch;
}

.pagination_arrow {
  display: flex;
  height: 48px;
  padding: 8px 24px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  flex: 1 0 0;
  border-radius: 6px;
  background: #F6F2F9;
  cursor: pointer;
}
.pagination_arrow span {
  font-family: "Manrope";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  color: #271B36;
}

.tab_filter {
  display: none;
}
@media screen and (max-width: 680px) {
  .tab_filter {
    display: flex;
  }
}

/* Add your styles here */
.modal {
  position: fixed;
  top: -300%;
  left: 50%;
  display: flex;
  max-width: 720px;
  width: 100%;
  height: 100%;
  border-radius: 16px;
  transform: translate(-50%, -50%);
  transition: 1s ease;
  z-index: 1100;
  overflow: hidden;
}
.modal.active {
  top: 50%;
}
.modal .slide-image-wrap iframe {
  width: 100%;
  height: 400px;
  align-self: center;
}

.modal-content {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding: 10px;
}
.modal-content .swiper-slide-active {
  display: flex;
  align-items: center;
}
.modal-content .slide-image-wrap {
  background: #fff;
  padding: 10px;
  border-radius: 6px;
  height: auto;
  width: 100%;
}

.modal_close {
  position: absolute;
  right: 18px;
  top: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: #F6F2F9;
  cursor: pointer;
  z-index: 100;
}

#myModal.active .slide-image-wrap img {
  height: auto;
  width: 100%;
}
#myModal .slide-image-wrap img {
  height: auto;
}

.complaint_swiper_modal {
  width: 100%;
}

.news_list .news_item {
  width: 100%;
  margin-bottom: 20px;
}
.news_list .news_item_img {
  height: 175px;
}

.news_item .newsLabelText,
.news_item_img .newsLabelText {
  font-size: 12px;
  padding: 7px;
  border-top: 1px solid rgba(202, 150, 215, 0.8);
  border-bottom: 1px solid rgba(202, 150, 215, 0.8);
  bottom: 5%;
}
.news_item .newsLabelInf,
.news_item_img .newsLabelInf {
  font-size: 1rem;
  left: 40%;
  border: 3px solid !important;
}
.news_item .newsLabelIcon,
.news_item_img .newsLabelIcon {
  width: 100px;
  top: -5px;
}

.news_el {
  display: flex;
  padding: 32px 32px 48px 32px;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  flex-shrink: 0;
  border-radius: 36px;
  background: #FFF;
  font-family: "Manrope";
}

.news_el_header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-content: flex-start;
  gap: 16px;
  align-self: stretch;
  flex-wrap: wrap;
}

.news_el_img_wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
  gap: 20px;
  align-self: stretch;
  position: relative;
}
.news_el_img_wrap .btn_xs {
  position: absolute;
  right: 20px;
  top: 15px;
}

.newsLabels {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
  background-color: rgba(242, 207, 247, 0.4117647059);
}

.newsLabelText {
  width: 100%;
  font-size: 24px;
  color: #fff;
  position: absolute;
  font-weight: 300;
  text-align: center;
  background-color: rgba(86, 25, 102, 0.65);
  border-top: 2px solid rgba(202, 150, 215, 0.8);
  border-bottom: 2px solid rgba(202, 150, 215, 0.8);
  padding: 15px;
  font-family: "Manrope";
  bottom: 4%;
  z-index: 2;
}
.newsLabelText b, .newsLabelText strong {
  font-weight: 700;
}

.newsLabelInf {
  position: absolute;
  font-size: 2rem;
  padding: 5px 10px;
  font-weight: bold;
  text-transform: UPPERCASE;
  transform: rotate(-32deg);
  bottom: 50%;
  left: 55%;
  z-index: 2;
  filter: blur(0.7px);
}

.newsLabelIcon {
  position: absolute;
  width: 200px;
  height: 50px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  left: 10px;
  top: 10px;
  background-image: url("/images/logo.svg");
  z-index: 2;
}

.news_el_img {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 432px;
  flex-shrink: 0;
  border-radius: 16px;
  overflow: hidden;
}
.news_el_img img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: translate(-50%, -50%);
}
.news_el_img .btn_xs {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 1;
}

.news_el_title {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}

.news_el_content .h5 {
  margin-bottom: 15px;
}
.news_el_content p {
  font-family: "Manrope";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  color: #000;
  margin-bottom: 10px;
}
.news_el_content ul {
  list-style: disc;
  margin: 15px 0 15px 50px;
}
.news_el_content ul li {
  list-style: disc;
  padding: 0;
  font-family: "Manrope";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  color: #000;
  margin-bottom: 10px;
}

.news_el_footer {
  display: flex;
  padding: 32px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  flex-wrap: wrap;
  border-radius: 16px;
  background: #f2f6f9;
}

.news_el_author {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
}

.news_el_author_img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  border-radius: 30px;
  overflow: hidden;
}
.news_el_author_img img {
  max-width: 100%;
}

.news_el_author_info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.news_el_author_figcaption {
  font-family: "Manrope";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  color: #848484;
}

.news_el_author_name {
  font-family: "Manrope";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  color: #271B36;
}

.news_el_date_item {
  font-family: "Manrope";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  color: #88888A;
}

.article_page_item .swiper-backface-hidden .swiper-slide {
  transform: none;
  transition-property: none;
  flex-shrink: unset;
}

.article_page_item {
  width: 100%;
  gap: 32px;
  max-width: 900px;
  box-sizing: border-box;
}
.article_page_item .article_page_item_swiper {
  position: relative;
  width: 100%;
  height: 224px;
}
.article_page_item .article_page_item_swiper .slide-image-wrap img {
  width: 100%;
}
.article_page_item .article_page_item_swiper .swiper-slide {
  border-radius: 8px;
  overflow: hidden;
  cursor: pointer;
}
.article_page_item .article_page_item_swiper .swiper-button-next,
.article_page_item .article_page_item_swiper .swiper-button-prev {
  top: 0;
  bottom: 0;
  width: 48px;
  height: 224px;
  background: rgba(33, 33, 33, 0.5803921569);
  z-index: 1000;
}
.article_page_item .article_page_item_swiper .swiper-button-next::after,
.article_page_item .article_page_item_swiper .swiper-button-prev::after {
  width: 35px;
}
.article_page_item .article_page_item_swiper .arrow-prev {
  left: 0 !important;
  right: inherit !important;
}
.article_page_item .article_page_item_swiper .arrow-prev::after {
  width: 24px;
  height: 24px;
  background-image: url("/images/icons/arrow-prev-active.svg");
}
.article_page_item .article_page_item_swiper .arrow-next {
  left: inherit !important;
  right: 0 !important;
}
.article_page_item .article_page_item_swiper .arrow-next::after {
  width: 24px;
  height: 24px;
  background-image: url("/images/icons/arrow-next-active.svg");
}

.article_page_content_subtitle {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  align-self: stretch;
}

.article_swiper_modal {
  position: relative;
  height: 100%;
}
.article_swiper_modal .swiper-wrapper,
.article_swiper_modal .swiper-slide {
  height: 100%;
}
.article_swiper_modal .swiper-slide {
  overflow-y: auto;
}
.article_swiper_modal .swiper-button-next,
.article_swiper_modal .swiper-button-prev {
  top: 50% !important;
  bottom: 0;
  width: 48px;
  height: 224px;
  background: rgba(33, 33, 33, 0.5803921569);
  z-index: 1000;
  transform: translate(0, -50%);
}
.article_swiper_modal .swiper-button-next::after,
.article_swiper_modal .swiper-button-prev::after {
  width: 35px;
}
.article_swiper_modal .arrow-prev {
  left: 0 !important;
  right: inherit !important;
}
.article_swiper_modal .arrow-prev::after {
  width: 24px;
  height: 24px;
  background-image: url("/images/icons/arrow-prev-active.svg");
}
.article_swiper_modal .arrow-next {
  left: inherit !important;
  right: 0 !important;
}
.article_swiper_modal .arrow-next::after {
  width: 24px;
  height: 24px;
  background-image: url("/images/icons/arrow-next-active.svg");
}

.modal {
  position: fixed;
  top: -300%;
  left: 50%;
  display: flex;
  max-width: 720px;
  width: 100%;
  height: 100%;
  border-radius: 16px;
  transform: translate(-50%, -50%);
  transition: 1s ease;
  z-index: 1100;
  overflow: hidden;
}
.modal.active {
  top: 50%;
}
.modal .slide-image-wrap iframe {
  width: 100%;
  height: 400px;
  align-self: center;
}

.modal-content {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding: 10px;
}
.modal-content .swiper-slide-active {
  display: flex;
  align-items: center;
}
.modal-content .slide-image-wrap {
  background: #fff;
  padding: 10px;
  border-radius: 6px;
  height: auto;
  width: 100%;
}

.modal_close {
  position: absolute;
  right: 18px;
  top: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: #F6F2F9;
  cursor: pointer;
  z-index: 100;
}

#myModal.active .slide-image-wrap img {
  height: auto;
  width: 100%;
}
#myModal .slide-image-wrap img {
  height: auto;
}

.article_swiper_modal {
  width: 100%;
}

.footer {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  overflow: hidden;
}

.footer_bg {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 50px 20px;
  background: linear-gradient(77deg, rgba(202, 223, 255, 0.2) 0%, rgba(239, 162, 162, 0.2) 46.65%, rgba(234, 251, 134, 0.2) 100%), linear-gradient(0deg, #FFF 0%, #FFF 100%), #271B36;
  border-radius: 8px;
}

.footer_wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.footer_top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 100%;
  padding: 0 0 50px;
  border-bottom: 1px solid #D7D1DC;
}

.footer_col {
  display: flex;
  width: 25%;
}

.footer_col_logo img {
  height: 75px;
}

.footer_nav_list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 20px;
}

.footer_col_title {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin: 0 0 25px;
  text-align: left;
  font-family: "Manrope";
  font-size: 16px;
  font-style: normal;
  font-weight: 800;
  line-height: 170%;
  color: #271B36;
}

.social_list {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  margin: 0 0 55px;
}

.social_item {
  width: 50px;
  height: 50px;
  border: 1px solid #DFC0FD;
  border-radius: 4px;
}

.social_link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.social_ico {
  width: 25px;
}

.footer_bottom {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 50px 0 0;
}
.footer_bottom p {
  color: #271B36;
  text-align: center;
  font-family: "Manrope";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
}

.footer_copyright {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  padding-top: 20px;
  font-family: "Manrope";
  font-size: 14px;
}

.copyright_bottom {
  display: inline-flex;
  text-align: left;
}

.develop_bottom {
  display: inline-flex;
  text-align: right;
}

/* test*/
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
}

html,
body {
  height: 100%;
  font-family: "Tenor Sans";
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
  background-color: #ffffff;
  color: #252525;
}
html.fixed,
body.fixed {
  overflow: hidden;
}

ul,
ol,
li {
  list-style: none;
  padding: 0;
  margin: 0;
}

img {
  vertical-align: top;
}

a {
  text-decoration: none;
  color: #9f51ec;
}

p {
  padding: 5px 0;
}

.wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  overflow: hidden;
}

main {
  position: relative;
  right: 0;
  flex: 1 1 auto;
  transition: all 0.6s;
}

section {
  position: relative;
}

.container {
  display: flex;
  justify-content: center;
  max-width: 1299px;
  width: 100%;
  margin: 0 auto;
}

.container_full {
  display: flex;
  justify-content: center;
  max-width: 100%;
  width: 100%;
}

.page_wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  background: #f6f2f9;
}
.page_wrapper_inner {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  gap: 56px;
  flex-wrap: wrap;
  width: 100%;
}
.page_wrapper .heading_secondary {
  font-size: 28px;
}
.page_wrapper .sac_wrapper {
  gap: 32px;
  padding: 0 0 120px;
}

.page_content_wrap {
  display: flex;
  width: 100%;
  align-items: flex-start;
  align-content: flex-start;
  gap: 20px;
  flex-shrink: 0;
}

.page_content {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}

.loader {
  max-width: 560px;
  width: 100%;
  height: auto;
  stroke-linecap: round;
  transform: rotate(45deg);
}

circle {
  fill: none;
  stroke-width: 20px;
  animation-duration: 3s;
  animation-iteration-count: 1;
  animation-timing-function: ease-in-out;
  transform-origin: 170px 170px;
  will-change: transform;
}
circle.active {
  animation-name: preloader;
}
circle:nth-of-type(1) {
  stroke-dasharray: 750px;
}
circle:nth-of-type(2) {
  stroke-width: 16px;
  stroke-dasharray: 600px;
}
circle:nth-of-type(3) {
  stroke-width: 12px;
  stroke-dasharray: 450px;
}
circle:nth-of-type(4) {
  stroke-width: 10px;
  stroke-dasharray: 350px;
}
circle:nth-of-type(1) {
  animation-delay: -0.15s;
}
circle:nth-of-type(2) {
  animation-delay: -0.3s;
}
circle:nth-of-type(3) {
  animation-delay: -0.45s;
}
circle:nth-of-type(4) {
  animation-delay: -0.6s;
}

.form_add {
  background-color: #ffffff;
  border-radius: 12px;
  flex-wrap: wrap;
  margin: 0;
  padding: 15px 20px;
}
.form_add .select_bg {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  display: none;
  z-index: 200;
}
.form_add .form_block {
  position: relative;
  padding: 15px 0;
  border-bottom: 1px solid #f4f4f4;
}
.form_add .form_block .fb_input_inside.color input {
  width: 100px;
  height: 10px;
  padding: 0;
}
.form_add .form_block.requests .requestsItem {
  position: relative;
  border: 1px solid #ddd;
}
.form_add .form_block.requests .requestsItem .del_elem {
  left: unset;
  right: 5px;
  top: 5px;
}
.form_add .form_block .addPhotoMulti {
  display: none;
}
.form_add .form_block .addPhotoMultiBtn {
  width: 25px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 200px;
  bottom: 3px;
  padding: 0;
  background-image: url(/images/admin/icons/download-green.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border: none;
  cursor: pointer;
}
.form_add .form_block .options {
  position: absolute;
}
.form_add .form_block .fb_inside {
  display: flex;
}
.form_add .form_block .fb_inside .row.hide {
  width: 100%;
}
.form_add .form_block .fb_inside .input_toggle {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  flex: 0 1 calc(100% - 220px);
  padding: 0 0 0 16px;
}
.form_add .form_block .fb_inside .input_toggle > .fb_input_inside {
  display: flex;
  align-items: center;
}
.form_add .form_block .fb_inside .input_toggle .toggle {
  position: relative;
  width: 48px;
  height: 24px;
  background-color: #f95656;
  border: 1px solid #f95656;
  border-radius: 12px;
  cursor: pointer;
  z-index: 1;
}
.form_add .form_block .fb_inside .input_toggle .toggle.active {
  border: 1px solid #1996e6;
  background-color: #1996e6;
}
.form_add .form_block .fb_inside .input_toggle .toggle.active span {
  background-color: #ffffff;
  right: 4px;
  left: initial;
}
.form_add .form_block .fb_inside .input_toggle .toggle span {
  position: absolute;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border-radius: 50%;
  top: 50%;
  left: 4px;
  transform: translate(0, -50%);
  z-index: 10;
}
.form_add .form_block .fb_inside .court .search_val {
  display: none;
}
.form_add .form_block .fb_inside .court_id {
  display: none;
}
.form_add .form_block.fb_submit button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 8px 12px;
  gap: 8px;
  height: 35px;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #64667d;
  border: 1px solid #acadbc;
  background-color: #fff;
  border-radius: 8px;
}
.form_add .form_block .sortablePhoto {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  column-gap: 10px;
  row-gap: 5px;
}
.form_add .form_block .sortablePhoto .preview {
  display: flex;
  position: relative;
  width: 150px;
  height: 150px;
}
.form_add .form_block .sortablePhoto .preview img {
  max-width: 100%;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
}
.form_add .form_block .sortablePhoto .preview .del_elem {
  left: initial;
  right: 0;
  bottom: 0;
  top: inherit;
}
.form_add .fb_label, .form_add .fb_input {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  flex: 0 1 220px;
  padding: 0 0 0 16px;
}
.form_add .fb_input {
  flex: 0 1 calc(100% - 220px);
}
.form_add .fb_input .fb_input_inside {
  width: 100%;
}
.form_add .fb_input .fb_input_inside input, .form_add .fb_input .fb_input_inside textarea, .form_add .fb_input .fb_input_inside select {
  width: 100%;
  height: 100%;
  padding: 15px 10px;
  border: 1px solid transparent;
  background: #f2f2f2;
  box-sizing: border-box;
  border-radius: 3px;
  min-height: 30px;
  font-size: 16px;
}
.form_add .addPhoto {
  display: none;
}
.form_add .addPhotoBtn {
  width: 25px;
  height: 25px;
  background-color: transparent;
  border: none;
  justify-content: center;
  align-items: center;
  align-self: center;
  background-image: url(/images/admin/icons/download-green.svg);
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  cursor: pointer;
}
.form_add .photoPreview {
  margin: 10px 0 0;
  position: relative;
}
.form_add .photoPreview img {
  max-width: 150px;
}
.form_add .del_elem {
  cursor: pointer;
  background-color: red;
  border: 1px solid red;
  color: #ffffff;
  width: 23px;
  height: 23px;
  background-image: url(/images/admin/icons/delete.svg);
  background-size: 65%;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
  padding: 0;
  position: absolute;
  top: 0px;
  left: 160px;
}
.form_add .fb_submit button.btn-save {
  background-color: #87b652;
  border: 1px solid #87b652;
  border-bottom: 1px solid #87b652;
  color: #ffffff;
  margin: 0 20px 0 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 8px 12px;
  gap: 8px;
  height: 35px;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  border-radius: 8px;
}

.search_block {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
  flex-direction: unset;
}
.search_block .search_form {
  max-width: 500px;
  width: 100%;
  padding: 5px;
  border-radius: 5px;
}
.search_block .search_form .for_search {
  display: flex;
}
.search_block .search_form .for_search label {
  font-size: 13px;
}
.search_block .search_form .for_search .fb_query {
  flex: 0 1 calc(100% - 100px);
}
.search_block .search_form .for_search .fb_query .fb_inside {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
.search_block .search_form .for_search input {
  font-size: 14px;
  padding: 6px 8px 6px;
  height: 35px;
  background-color: white;
  border: 1px solid #f5dede;
  max-width: 250px;
  width: 100%;
  box-sizing: border-box;
  border-radius: 5px;
}
.search_block .search_form .for_search .btn-search {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  padding: 5px 10px;
  height: 34px;
  font-weight: 300;
  color: #686868;
  border: 1px solid #f5dede;
  background-color: white;
  border-radius: 5px;
}
.search_block .filter_categories {
  max-width: 300px;
  width: 100%;
}
.search_block .filter_categories .current_select {
  background: linear-gradient(0deg, #fff, #fff);
  box-shadow: 0px 3px 6px -5px rgba(0, 0, 0, 0.65);
}
.search_block .filter_categories .fb_input {
  padding: 0;
}
.search_block .filter_categories .select {
  position: relative;
}
.search_block .filter_categories .select .options {
  display: none;
  position: absolute;
  content: "";
  width: 100%;
  background: #ffffff;
  box-sizing: border-box;
  border-radius: 8px;
  z-index: 210;
  box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.25);
  padding: 2px;
}
.search_block .filter_categories .select .options > div {
  max-height: 300px;
  padding: 5px 10px 0;
  overflow-y: auto;
}
.search_block .filter_categories .select .options input {
  font-size: 14px;
  padding: 6px 8px 6px;
  height: 35px;
  background-color: white;
  border: 1px solid #f5dede;
  width: 100%;
  box-sizing: border-box;
  border-radius: 5px;
}

.table {
  display: table;
  width: 100%;
}
.table .thead {
  margin: 20px 0 0;
}
.table .thead .tr_heading {
  display: flex;
  width: 100%;
  position: relative;
  background: linear-gradient(257deg, rgba(239, 162, 162, 0.17) 46.64%, rgba(234, 251, 134, 0.12) 99.99%), #f3f9ff;
  border-radius: 5px 5px 0 0;
  font-size: 13px;
}
.table .th, .table .td {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 16px;
  padding: 10px 16px;
  flex: 0 1 22%;
  position: relative;
  font-family: "Open Sans";
}
.table .th.number, .table .td.number {
  flex: 0 0 80px;
  justify-content: center;
  border-radius: 0px;
  background: none;
  color: #000;
}
.table .th.status, .table .td.status {
  flex: 0 0 97px;
}
.table .th.type, .table .td.type {
  flex: 0 0 150px;
}
.table .th.edit, .table .td.edit {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 110px;
  width: 100%;
  flex: 0 0 110px;
}
.table .th.edit span, .table .td.edit span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  border-radius: 4px;
}
.table .th.edit object, .table .td.edit object {
  height: 2rem;
  width: 2rem;
  pointer-events: none;
}
.table .th {
  font-weight: 600;
}
.table .th:not(:last-child), .table .td:not(:last-child) {
  border-right: 1px solid rgba(214, 214, 214, 0.4);
}
.table .number {
  flex: 0 0 80px;
  justify-content: center;
}
.table .tbody {
  width: 100%;
  flex-wrap: wrap;
  margin: 0 0 20px 0;
  border-radius: 0px;
  height: auto;
  border-right: 1px solid rgba(214, 214, 214, 0.4);
  border-left: 1px solid rgba(214, 214, 214, 0.4);
}
.table .tbody .tr_block {
  border-bottom: 1px solid rgba(214, 214, 214, 0.4);
  list-style-type: none;
}
.table .tbody .tr_values {
  display: flex;
}
.table .tbody .tr_relative {
  position: relative;
}
.table .tbody .tr_relative .td {
  flex: 0 1 90%;
}
.table .tbody .tr_relative .tr_values_rel {
  display: flex;
}
.table .tbody .tr_relative .tr_values_rel .td:not(:last-child) {
  border-right: none;
}
.table .tbody .tr_relative .fb_input {
  flex: 0 1 calc(100% - 220px);
}
.table .tbody .tr_relative .btn_del.del_elem {
  top: 0px;
  right: 0;
  left: inherit;
  transform: translate(-50%, 50%);
}

.add_new_item .add_item {
  display: flex;
  color: #87b652;
  padding: 5px 16px;
  border-radius: 3px;
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
  background: linear-gradient(0deg, #fff, #fff);
  box-shadow: 0px 3px 6px -5px rgba(0, 0, 0, 0.65);
  width: auto;
  max-width: 110px;
}
.add_new_item .add_item:before {
  content: "";
  width: 20px;
  height: 20px;
  margin-right: 5px;
  background-image: url(/images/icons/plus.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  cursor: pointer;
}

.edit_item_icon .edit_item {
  display: flex;
  color: #87b652;
  padding: 5px 16px;
  border-radius: 3px;
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
  background: linear-gradient(0deg, #fff, #fff);
  box-shadow: none;
  align-items: center;
}
.edit_item_icon .edit_item:before {
  content: "";
  width: 20px;
  height: 20px;
  margin-right: 5px;
  background-image: url(/images/admin/icons/edit.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  cursor: pointer;
}

.ui-datepicker.ui-widget-content {
  background-color: #fff;
}

.ui-datepicker .ui-datepicker-calendar {
  margin: 0 0 5px;
  border-bottom: 1px solid #ececec;
}

.headline_tab.active {
  border-radius: 6px 6px 0px 0px;
  background: rgba(85, 51, 119, 0.05);
  border-bottom: 2px solid #dfc0fd;
}

.dont_found {
  color: #88888c;
  font-family: "Manrope";
  font-size: 1.1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}

@keyframes preloader {
  50% {
    transform: rotate(720deg);
  }
}
.relative.z-0 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.relative.z-0 [rel=next],
.relative.z-0 [aria-hidden=true],
.relative.z-0 [rel=prev],
.relative.z-0 [aria-label="Next;"] {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 72px;
  height: 48px;
  margin: 0 30px;
  border-radius: 12px;
  background: rgba(51, 119, 109, 0.05);
}
.relative.z-0 [rel=next]::after,
.relative.z-0 [aria-hidden=true]::after,
.relative.z-0 [rel=prev]::after,
.relative.z-0 [aria-label="Next;"]::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 24px;
  height: 24px;
  background-image: url("/images/icons/arrow-small-next.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 480px) {
  .relative.z-0 [rel=next],
  .relative.z-0 [aria-hidden=true],
  .relative.z-0 [rel=prev],
  .relative.z-0 [aria-label="Next;"] {
    width: 50px;
    height: 36px;
    margin: 0 15px;
  }
}
.relative.z-0 [rel=next] svg,
.relative.z-0 [aria-hidden=true] svg,
.relative.z-0 [rel=prev] svg,
.relative.z-0 [aria-label="Next;"] svg {
  display: none;
}
.relative.z-0 [rel=next]:not([aria-hidden=true]):hover,
.relative.z-0 [aria-hidden=true]:not([aria-hidden=true]):hover,
.relative.z-0 [rel=prev]:not([aria-hidden=true]):hover,
.relative.z-0 [aria-label="Next;"]:not([aria-hidden=true]):hover {
  background: rgba(51, 119, 109, 0.15);
  cursor: pointer;
}
.relative.z-0 [rel=prev]::after,
.relative.z-0 [aria-hidden=true]::after {
  background-image: url("/images/icons/arrow-small-prev.svg");
}
.relative.z-0 span {
  display: flex;
}
.relative.z-0 [aria-current=page],
.relative.z-0 a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  border-radius: 8px;
  background: rgba(51, 119, 109, 0.05);
  flex-shrink: 0;
  color: #000;
  text-align: center;
  font-family: "Geologica";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-right: 8px;
}
@media screen and (max-width: 480px) {
  .relative.z-0 [aria-current=page],
  .relative.z-0 a {
    width: 36px;
    height: 36px;
  }
}
.relative.z-0 [aria-current=page]:not([aria-current=page]):hover,
.relative.z-0 a:not([aria-current=page]):hover {
  background: rgba(51, 119, 109, 0.15);
  cursor: pointer;
}
.relative.z-0 [aria-current=page] {
  background: #000;
  color: #fff;
}

.session_stat {
  position: absolute;
  top: -300px;
  left: 50%;
  padding: 10px;
  font-family: "Manrope";
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  border-radius: 8px;
  background-color: #dfc0fd;
  transform: translate(-50%, 0);
  z-index: 1000;
  animation: statusAnim 5000ms alternate ease-in-out forwards;
}

@keyframes animate-gradient {
  0% {
    background-position: 0% 0%;
  }
  100% {
    background-position: 100% 100%;
  }
}
@keyframes statusAnim {
  0% {
    top: -100px;
  }
  50% {
    top: 100px;
  }
  85% {
    top: 100px;
  }
  100% {
    top: -100px;
  }
}
.error_404 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50vh;
  flex-wrap: wrap;
}
.error_404 .errorInfo {
  width: 100%;
  text-align: center;
  font-size: 5rem;
  font-weight: bold;
  font-family: "Manrope";
}
.error_404 .errorInfo .error_message {
  font-size: 2rem;
}
.error_404 .errorInfo .link_homepage {
  font-size: 1rem;
}

@media screen and (max-width: 1365px) {
  .container {
    padding: 0 20px;
  }
}
@media screen and (max-width: 1200px) {
  .container_full {
    padding: 0;
  }
  .header_side.left {
    gap: 20px;
  }
  .header_side.right {
    justify-content: flex-end;
    gap: 20px;
  }
  .complaints_cards.antirating .swiper {
    padding: 0 100px 0 20px;
  }
  .side_last_complaints.swiper {
    padding: 0 100px 0 20px;
  }
  .community_val {
    font-size: 36px;
  }
  .j_list_sidebar {
    width: 100%;
  }
  .j_list_sidebar .line {
    display: none;
  }
  .j_list_sidebar_inner {
    flex-direction: row;
  }
  .j_list_side_cards,
  .j_list_side_complaints,
  .j_list_side_antirating {
    width: calc((100% - 32px) / 3);
  }
}
@media screen and (max-width: 1124px) {
  .nav_list {
    gap: 10px;
    align-items: flex-start;
  }
  .auth_list {
    gap: 8px;
  }
  .ssi_card span {
    font-size: 18px;
  }
  .section_info_wrap {
    flex-wrap: wrap;
  }
  .section_info_column {
    width: 100%;
    gap: 20px;
    order: 0;
  }
  .section_info_column.start {
    width: calc((100% - 100px) / 2);
    column-gap: 0;
    order: 1;
  }
  .section_info_column.end {
    width: calc((100% - 100px) / 2);
    column-gap: 0;
    order: 2;
  }
  .section_about_wrapper {
    flex-wrap: wrap-reverse;
    gap: 45px;
  }
  .section_about_side {
    width: 100%;
  }
  .section_about_image {
    justify-content: center;
  }
  .heading_secondary {
    font-size: 38px;
  }
  .community_val {
    font-size: 32px;
  }
  .judge_content {
    flex-wrap: wrap;
  }
  .side_item {
    width: 100%;
  }
  .side_item .section_info {
    display: flex;
    width: 100%;
  }
  .side_item .section_info .section_info_wrap {
    display: flex;
  }
  .side_item .section_info .container {
    padding: 0;
  }
  .side_item .section_info_wrap {
    display: none;
  }
  .side_last_complaints .last_complaints_list {
    display: none;
  }
  .side_last_complaints .antirating_list {
    display: none;
  }
  .side_last_complaints .complaints_cards {
    display: flex;
  }
  .side_last_complaints .complaints_cards.swiper {
    padding: 0 100px 0 0;
  }
  .side_last_complaints .complaints_cards .antirating_card {
    background-color: #fff;
  }
  .side_last_complaints .complaints_cards .antirating_card_row.second {
    background-color: #fff;
  }
  .complaint_page_desc_wrap {
    flex-wrap: wrap-reverse;
    width: 100%;
  }
  .page_content_wrap {
    flex-wrap: wrap;
  }
  .news_item {
    width: 100%;
  }
  .footer_top {
    flex-wrap: wrap;
  }
  .footer_col {
    justify-content: center;
    width: 25%;
  }
  .footer_col:first-child {
    width: 100%;
    margin: 0 0 30px;
  }
  .loader {
    max-width: 400px;
  }
}
@media screen and (max-width: 1040px) {
  .header_button {
    display: none;
  }
}
@media screen and (max-width: 890px) {
  .section_search__background {
    padding: 0 0 16px;
  }
  .heading_main {
    font-size: 40px;
  }
  .ssi_cards {
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 1px solid #D2CFE7;
    border-radius: 28px;
  }
  .ssi_card {
    max-width: 100%;
    padding: 20px;
    border-radius: 0px;
    border-top: 0px solid #D2CFE7;
    border-left: 0px solid #D2CFE7;
    border-right: 0px solid #D2CFE7;
    border-bottom: 1px solid #D2CFE7;
  }
  .ssi_card:first-child {
    border-bottom: 1px solid #D2CFE7;
    border-radius: 0px;
  }
  .ssi_card:last-child {
    border: none;
    border-radius: 0px;
  }
  .ssi_card img {
    position: relative;
    top: 50%;
    left: 0;
  }
  .ssi_card_wrap {
    max-width: 325px;
  }
  .section_last_complaints {
    padding: 70px 0;
  }
  .slc_wrapper,
  .slc_wrapper_inner {
    gap: 20px;
  }
  .heading_secondary {
    font-size: 36px;
  }
  .section_background_info {
    padding: 50px 0;
  }
  .section_background_info .search_bg_item {
    position: absolute;
    top: initial;
    left: initial;
    bottom: -20%;
    right: 20%;
    width: 200%;
    object-fit: contain;
  }
  .section_info_column img {
    width: 100%;
  }
  .sac_communities {
    flex-wrap: wrap;
  }
  .comunity_link:first-child, .comunity_link:nth-child(2) {
    width: calc((100% - 5px) / 2);
  }
  .comunity_link:last-child {
    width: calc((100% - 5px) / 2);
  }
  .community_val {
    font-size: 28px;
  }
  .j_list_card {
    min-width: 100%;
  }
  .j_list_card_wrap,
  .j_list_card_info_bottom {
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .all_complaints {
    width: 100%;
  }
  .j_list_card_info .complaint_page_judge_name_val {
    align-items: flex-start;
  }
  .j_list_sidebar_inner {
    flex-wrap: wrap;
  }
  .j_list_side_cards {
    width: 100%;
  }
  .j_list_side_complaints,
  .j_list_side_antirating {
    width: calc((100% - 16px) / 2);
  }
  .footer_col {
    width: calc((100% - 20px) / 2);
    margin: 0 0 30px;
  }
  .footer_col:last-child {
    width: 100%;
  }
  .footer_col .nav_link {
    font-size: 14px;
  }
  .footer_col_social {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap;
  }
  .footer_col_title,
  .social_list {
    margin: 0;
  }
  .footer_button {
    display: flex;
    justify-content: center;
    width: 100%;
  }
}
@media screen and (max-width: 845px) {
  .header_logo {
    width: 240px;
    height: 65px;
  }
  .header_logo .logo {
    width: 100%;
    height: auto;
  }
}
@media screen and (max-width: 810px) {
  .j_list_card_info {
    display: flex;
    width: 100%;
  }
  .j_list_card_img {
    width: 100%;
    align-items: flex-start;
  }
  .j_list_card_image {
    width: 100%;
    height: 320px;
  }
  .j_list_card_info .complaint_page_judge_name_val {
    align-items: flex-start;
  }
  .j_list_card_info_bottom {
    width: 100%;
  }
  .all_complaints {
    justify-content: center;
  }
}
@media screen and (max-width: 768px) {
  .newsLabelIcon {
    width: 100px;
    top: -5px;
  }
  .newsLabelText {
    font-size: 18px;
    padding: 10px;
    line-height: 22px;
  }
  .news_list .news_item .newsLabelText {
    font-size: 18px;
  }
  .newsLabelInf {
    font-size: 1rem;
    left: 50%;
  }
  .header_auth,
  .header_nav {
    display: none;
  }
  .header_burger,
  .mobile_nav.active {
    display: flex;
  }
  .mobile_nav.active {
    top: 88px;
  }
  .search_select_wrap {
    flex-wrap: wrap;
  }
  .section_search_wrapper {
    gap: 16px;
    padding: 115px 0;
  }
  .complaint_page_content .judge_complaints_list {
    padding: 40px;
  }
  .complaint_page_content .judge_complaints_title {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
  }
  .complaint_page_judge_heading,
  .complaint_page_judge_naming,
  .complaint_page_judge_name_val {
    width: 100%;
    min-width: 100%;
  }
}
@media screen and (max-width: 740px) {
  .popup_item {
    left: 0;
    bottom: 600%;
    max-width: 100%;
    transform: translate(0, 0);
  }
  .popup_item.active {
    top: inherit;
    left: 0;
    bottom: 0;
  }
  .popup_body {
    padding: 16px;
    flex-wrap: wrap-reverse;
    gap: 10px;
  }
  .popup_left {
    max-width: 100%;
    align-items: center;
    padding: 8px 0px;
    gap: 8px;
  }
  .popup_form {
    width: 100%;
  }
  .popup_fields {
    padding: 8px 0;
  }
  .popup_img {
    width: 100%;
    height: 200px;
    gap: 12px;
  }
}
@media screen and (max-width: 680px) {
  .form_add .form_block .fb_inside {
    display: block;
  }
  .page_content .table {
    display: block;
    width: 100%;
    overflow-x: scroll;
  }
  .page_content .table .tbody, .page_content .table .thead {
    width: 1200px;
  }
  .expert_card {
    height: auto;
  }
  .header {
    padding: 10px 0px;
    z-index: 1000;
  }
  .header_logo {
    width: 160px;
    height: 45px;
  }
  .header_logo img {
    max-width: 100%;
    max-height: 100%;
  }
  .mobile_nav.active {
    top: 50px;
  }
  .heading_main {
    font-size: 36px;
  }
  .section_search_wrapper p {
    font-size: 16px;
  }
  .search_field input {
    padding: 15px 14px 14px;
    height: 52px;
    font-size: 14px;
  }
  .search_field input::placeholder {
    font-size: 14px;
  }
  .search_button {
    width: 48px;
    height: 48px;
  }
  .search_frame_img span {
    font-size: 14px;
  }
  .search_frame_img img {
    width: 15px;
    height: 15px;
  }
  .search_select_block {
    padding: 20px;
  }
  .current_select {
    min-height: 40px;
  }
  .current_select span {
    font-size: 14px;
  }
  .ssi_card {
    height: auto;
  }
  .ssi_card span {
    font-size: 16px;
  }
  .heading_secondary {
    font-size: 26px;
  }
  .slc_wrapper p {
    font-size: 14px;
  }
  .section_last_complaints::after {
    display: none;
  }
  .arrow-next,
  .arrow-prev {
    display: none !important;
  }
  .section_info_number {
    font-size: 52px;
  }
  .section_info_text {
    font-size: 16px;
  }
  .section_info_column.end, .section_info_column.start {
    width: calc((100% - 48px) / 2);
  }
  .sa_background {
    padding: 50px 0;
  }
  .sa_background .search_bg_item {
    bottom: 50%;
    right: -100%;
    width: 800px;
    height: 800px;
  }
  .section_about_text {
    gap: 30px;
  }
  .section_about_text p {
    font-size: 14px;
  }
  .section_experts {
    padding: 50px 0;
  }
  .sections_experts_wraper .button_item.bottom {
    display: flex;
  }
  .section_news_title .button_item {
    display: none;
  }
  .section_news {
    padding: 50px 0;
  }
  .section_about.form .section_about_image {
    width: 80%;
  }
  .section_about.form .section_about_side {
    align-items: center;
    gap: 16px;
  }
  .section_about.form .section_about_side p {
    font-size: 14px;
    text-align: center;
  }
  .section_about.form .section_about_text {
    align-items: center;
    gap: 16px;
  }
  .form {
    align-items: center;
  }
  .tel_link {
    font-size: 32px;
  }
  .sac_wrap {
    padding: 50px 0;
  }
  .comunity_link:first-child, .comunity_link:nth-child(2) {
    width: calc((100% + 200px) / 2);
  }
  .comunity_link:last-child {
    width: calc((100% + 200px) / 2);
  }
  .judge_card {
    padding: 16px 16px 32px 16px;
    gap: 32px;
  }
  .judge_card_img {
    align-items: center;
    width: 100%;
  }
  .judge_card_img_item {
    width: 100%;
    height: 288px;
    margin: auto;
  }
  .judge_card_rating {
    justify-content: flex-start;
  }
  .judge_card_img .button_item {
    display: flex;
    width: 100%;
  }
  .judge_card_footer_btns .button_item:not(.button_item.ico) {
    display: none;
  }
  .judge_card_img_mob {
    display: flex;
  }
  .judge_card_img_mob .judge_card_status,
  .judge_card_img_mob .btn_bell {
    display: flex;
  }
  .complaint_page_heading .judge_card_status {
    display: none;
  }
  .judge_card_name h2 {
    font-size: 20px;
  }
  .judge_card_info {
    min-width: 100%;
    gap: 32px;
  }
  .judge_card_list_item_wrap {
    max-width: 100%;
    width: calc((100% - 8px) / 2);
  }
  .judge_card_list_item_value {
    width: calc((100% - 8px) / 2);
  }
  .judge_card_list_item_value img {
    width: 25px;
    height: 25px;
    position: relative;
    top: -5px;
  }
  .judge_card_list_item_key, .judge_card_list_item_value {
    font-size: 13px;
    line-height: normal;
  }
  .judge_card_footer_btns {
    justify-content: center;
  }
  .judge_card_footer_btns .button_item {
    width: 100%;
  }
  .judge_card {
    margin: 40px 0 0;
  }
  .judge_container {
    gap: 16px;
  }
  .judge_complaints_list {
    padding: 16px;
    gap: 32px;
  }
  .judge_complaints_title h2 {
    font-size: 20px;
    line-height: 1; /* 100% */
    gap: 8px;
  }
  .judge_content_list {
    gap: 16px;
  }
  .judge_content_list .line {
    display: flex;
  }
  .number {
    padding: 6px;
    font-size: 16px;
    line-height: 24px;
    border-radius: 6px;
  }
  .judge_complaints_filter_tab .number {
    height: 20px;
    padding: 6px 4px;
    border-radius: 4px;
  }
  .complaint_item {
    gap: 16px;
  }
  .complaint_item_content_title {
    font-size: 18px;
    font-weight: 600;
  }
  .complaint_item_name {
    font-size: 14px;
    font-weight: 500;
    color: #494949;
  }
  .complaint_item_date,
  .complaint_item_content_text,
  .complaint_item_button_more {
    font-size: 13px;
    font-weight: 400;
  }
  .complaint_item_content_status {
    font-size: 11px;
  }
  .complaint_item_right .btn_bell {
    display: flex;
  }
  .complaint_item_status_list {
    gap: 6px 6px;
  }
  .complaint_item_status_ico {
    width: 16px;
    height: 28px;
  }
  .complaint_item_status_ico::after {
    width: 12px;
    height: 12px;
  }
  .complaint_item_status_item {
    padding: 0 0 0 5px;
    font-size: 9px;
    font-weight: 400;
  }
  .complaint_item_violations {
    margin: 0 0 16px;
    text-align: center;
  }
  .complaint_item_violations .button_item {
    margin: 16px 0 0 0;
  }
  .complaint_item_content_inner {
    min-width: 100%;
  }
  .complaint_page .btn_bell {
    display: flex;
  }
  .complaint_page_judge_img {
    width: 100%;
  }
  .complaint_page_judge_img .btn_xs {
    display: flex;
    position: absolute;
    right: 50px;
  }
  .complaint_page_judge_heading .btn_xs {
    display: none;
  }
  .complaint_page_judge_wrap {
    padding: 30px 20px;
  }
  .complaint_page_judge_name_val {
    align-items: flex-start;
  }
  .complaint_page_judge_name_status {
    font-size: 14px;
  }
  .complaint_page_judge_name h1 {
    font-size: 24px;
    text-align: left;
  }
  .complaint_page_judge_btns {
    justify-content: center;
    width: 100%;
  }
  .complaint_page .complaint_page_item_swiper {
    padding: 0;
  }
  .complaint_page_content .judge_complaints_list {
    padding: 30px 20px;
  }
  .complaint_item_table_list {
    min-width: 100%;
  }
  .qa_item {
    flex: 1 0 100%;
  }
  .complaint_page_item_author {
    gap: 16px;
    flex-wrap: wrap;
  }
  .complaint_page_item_author .complaint_item_subtitle {
    font-size: 14px;
  }
  .complaint_page_item_author .complaint_item_name {
    color: #494949;
    font-size: 14px;
  }
  .complaint_page_item_author .complaint_item_date {
    color: #000;
    font-size: 12px;
    opacity: 0.5;
  }
  .complaint_page_item_btns .button_item {
    width: 100%;
  }
  .pagination_arrows {
    gap: 8px;
  }
  .pagination_arrow {
    padding: 8px;
  }
  .pagination_arrow span {
    font-size: 12px;
  }
  .complaint_item_header.all {
    align-items: flex-end;
  }
  .complaint_item_header.all .complaint_item_headline {
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
  }
  .complaint_item_header.all .compalint_author_wrap {
    width: 100%;
  }
  .complaint_item_header.all .complaint_item_name {
    font-size: 18px;
    line-height: 24px;
    text-align: left;
  }
  .complaint_item_photo {
    width: 100%;
    height: 175px;
  }
  .complaint_item_photo img {
    object-fit: cover;
  }
  .j_list_card_wrap {
    gap: 8px;
  }
  .j_list_card_info .complaint_page_judge_name_val {
    gap: 5px;
  }
  .j_list_side_complaints,
  .j_list_side_antirating {
    width: 100%;
  }
  .news_item {
    flex-direction: column;
    height: auto;
  }
  .news_item_img {
    width: 100%;
    height: 200px;
  }
  .news_el {
    padding: 16px 16px 24px;
    border-radius: 16px;
  }
  .news_el_img {
    height: 300px;
  }
  .footer_top {
    padding: 0 0 30px;
  }
  .footer_col {
    justify-content: flex-start;
  }
  .footer_col:first-child, .footer_col:last-child {
    justify-content: center;
  }
  .footer_col:nth-child(2) {
    width: 28%;
  }
  .footer_col:nth-child(3) {
    width: 62%;
  }
  .footer_col .footer_nav_list {
    gap: 16px;
  }
  .footer_col .nav_link {
    font-size: 14px;
  }
  .footer_bottom {
    padding: 30px 0 0;
  }
  .loader {
    max-width: 300px;
  }
}
@media screen and (max-width: 480px) {
  .expert_card_row .newsLabelInf {
    left: 25%;
  }
  .news_list .news_item .newsLabelText {
    font-size: 14px;
    padding: 5px;
    line-height: 18px;
  }
  .side_last_complaints .last_complaints_list,
  .side_last_complaints .antirating_list {
    display: flex;
    width: 100%;
  }
  .side_last_complaints .last_complaints_list .complaints_card,
  .side_last_complaints .last_complaints_list .antirating_card,
  .side_last_complaints .antirating_list .complaints_card,
  .side_last_complaints .antirating_list .antirating_card {
    width: 100% !important;
  }
  .side_last_complaints .antirating_list {
    display: flex;
  }
  .side_last_complaints .complaints_cards {
    display: none;
  }
  .side_last_complaints .antirating_cards {
    display: flex;
  }
  .side_last_complaints .button_item.light {
    margin: 20px 0 0 0;
  }
  .complaint_page_item_docs {
    width: 100%;
  }
  .complaint_page_content .judge_complaints_list {
    padding: 20px 10px;
  }
  .j_list_card_image {
    width: 100%;
    height: 200px;
  }
  .news_el_img {
    height: 230px;
  }
}

/*# sourceMappingURL=style.css.map */