.schools {
  padding: 2.6875rem 0 9.6875rem;
  background: var(--gray-background);
}
.schools__title {
  margin: 4.5rem 0 0.875rem;
}
.schools__filter {
  margin-bottom: 0.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.schools__filter-sort > span {
  color: var(--text-gray-middle);
  font-weight: 500;
}
.schools__filter-sort > a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: var(--text-black);
  margin-left: 1.875rem;
  position: relative;
}
.schools__filter-sort > a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  height: 2px;
  width: 0;
  background-color: var(--orange-primary);
  -webkit-transition: width var(--hover-transition);
  transition: width var(--hover-transition);
  border-radius: 4px;
}
@media (any-hover: hover) {
  .schools__filter-sort > a:hover::after {
    width: 100%;
  }
}
.schools__filter-sort > a.is-active {
  pointer-events: none;
}
.schools__filter-sort > a.is-active::after {
  width: 100%;
}
.schools__inner {
  width: 100%;
}
.schools__inner .no-results {
  font-weight: 500;
  font-size: 2rem;
}
.schools-card {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 1rem;
  -webkit-box-shadow: 0 3px 19px 0 rgba(105, 122, 143, 0.1);
  box-shadow: 0 3px 19px 0 rgba(105, 122, 143, 0.1);
  background: var(--white);
}
.schools-card__tag {
  position: absolute;
  top: 0.9375rem;
  left: -0.625rem;
  border-radius: 0.3125rem;
  padding: 0.3125rem 0.9375rem;
  background: var(--orange-primary);
  font-weight: 600;
  font-size: max(1.125rem, 14px);
  color: var(--white);
  z-index: 1;
}
.schools-card__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background: var(--gray-rectangle);
  padding: 1.5625rem 1.5625rem 1.25rem;
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem;
  margin-left: auto;
  width: 100%;
  max-width: 12.625rem;
}
.schools-card__right > span {
  font-size: 1rem;
  line-height: 100%;
  color: var(--text-gray-middle);
}
.schools-card__btn {
  margin-top: auto;
}
.schools-card__left {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.625rem 0.625rem 0.5rem;
}
.schools-card__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.9375rem;
}
.schools-card__top > span {
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 0.625rem;
  line-height: 100%;
  color: var(--text-gray-middle);
}
.schools-card__top > span::before {
  content: "";
  display: block;
  width: 1.125rem;
  height: 1.125rem;
  margin-right: 0.3125rem;
  background-image: url('data:image/svg+xml,%3Csvg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg clip-path="url(%23clip0_99_17701)"%3E%3Cpath d="M13.773 12.5229L9 17.2959L4.227 12.5229C3.28301 11.5789 2.64014 10.3762 2.3797 9.06683C2.11925 7.75746 2.25293 6.40026 2.76382 5.16687C3.27472 3.93347 4.13988 2.87927 5.24991 2.13757C6.35994 1.39588 7.66498 1 9 1C10.335 1 11.6401 1.39588 12.7501 2.13757C13.8601 2.87927 14.7253 3.93347 15.2362 5.16687C15.7471 6.40026 15.8807 7.75746 15.6203 9.06683C15.3599 10.3762 14.717 11.5789 13.773 12.5229ZM9 9.24994C9.39783 9.24994 9.77936 9.09191 10.0607 8.8106C10.342 8.5293 10.5 8.14777 10.5 7.74994C10.5 7.35212 10.342 6.97059 10.0607 6.68928C9.77936 6.40798 9.39783 6.24994 9 6.24994C8.60218 6.24994 8.22065 6.40798 7.93934 6.68928C7.65804 6.97059 7.5 7.35212 7.5 7.74994C7.5 8.14777 7.65804 8.5293 7.93934 8.8106C8.22065 9.09191 8.60218 9.24994 9 9.24994Z" fill="%23FDB000" /%3E%3C/g%3E%3Cdefs%3E%3CclipPath id="clip0_99_17701"%3E%3Crect width="18" height="18" fill="white" /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.schools-card__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.schools-card__img {
  max-width: 10.8125rem;
  width: 100%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  margin-right: 1.5625rem;
}
.schools-card__img > img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 0.625rem;
}
.schools-card__img::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%;
}
.schools-card__list {
  margin-bottom: 1.875rem;
}
.schools-card__list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.schools-card__list li::before {
  content: "";
  display: block;
  width: 1.125rem;
  height: 1.125rem;
  margin-right: 0.3125rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.schools-card__list li:first-child::before {
  background-image: url('data:image/svg+xml,%3Csvg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg clip-path="url(%23clip0_125_693)"%3E%3Cpath d="M14.25 16H3.75C3.55109 16 3.36032 15.921 3.21967 15.7803C3.07902 15.6397 3 15.4489 3 15.25V8H1.5L8.49525 1.20894C8.63333 1.0833 8.81331 1.01367 9 1.01367C9.18669 1.01367 9.36667 1.0833 9.50475 1.20894L16.5 8H15V15.25C15 15.4489 14.921 15.6397 14.7803 15.7803C14.6397 15.921 14.4489 16 14.25 16ZM4 15H14V7L9 2.15L4 7V15Z" fill="%234B4E52" /%3E%3C/g%3E%3Cdefs%3E%3CclipPath id="clip0_125_693"%3E%3Crect width="18" height="18" fill="white" /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E');
}
.schools-card__list li:last-child::before {
  background-image: url('data:image/svg+xml,%3Csvg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg clip-path="url(%23clip0_185_11991)"%3E%3Cpath d="M9.5 14.75V15.75C9.5 16.0261 9.27614 16.25 9 16.25C8.72386 16.25 8.5 16.0261 8.5 15.75V14.75H2.25C2.05109 14.75 1.86032 14.671 1.71967 14.5303C1.57902 14.3897 1.5 14.1989 1.5 14L1.5 2.5C1.5 2.30109 1.57902 2.11032 1.71967 1.96967C1.86032 1.82902 2.05109 1.75 2.25 1.75L6.75 1.75C7.17569 1.7495 7.59659 1.83982 7.98459 2.01494C8.37259 2.19006 8.71877 2.44594 9 2.7655C9.28123 2.44594 9.62741 2.19006 10.0154 2.01494C10.4034 1.83982 10.8243 1.7495 11.25 1.75H15.75C15.9489 1.75 16.1397 1.82902 16.2803 1.96967C16.421 2.11032 16.5 2.30109 16.5 2.5V14C16.5 14.1989 16.421 14.3897 16.2803 14.5303C16.1397 14.671 15.9489 14.75 15.75 14.75H9.5ZM15.5 13.75V2.75H11C10.6022 2.75 10.2206 2.90804 9.93934 3.18934C9.65804 3.47065 9.5 3.85218 9.5 4.25V13.75H15.5ZM8.5 13.75V4.25C8.5 3.85218 8.34196 3.47065 8.06066 3.18934C7.77936 2.90804 7.39782 2.75 7 2.75H2.5V13.75H8.5Z" fill="%234B4E52" /%3E%3C/g%3E%3Cdefs%3E%3CclipPath id="clip0_185_11991"%3E%3Crect width="18" height="18" fill="white" /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E');
}
.schools-card__list li:not(:last-child) {
  margin-bottom: 0.625rem;
}
.schools-card__list li span {
  display: block;
  font-size: 0.875rem;
  line-height: 130%;
  color: var(--text-gray);
}
.schools-card__list li span:not(:last-child) {
  margin-right: 0.375rem;
}
.schools-card__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: auto 0 1.625rem;
}
.schools-card__info > *:not(:last-child) {
  margin-right: 1.25rem;
}
.schools-card__stars, .schools-card__years {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.875rem;
  line-height: 0;
}
.schools-card__stars > img, .schools-card__stars > svg, .schools-card__years > img, .schools-card__years > svg {
  width: 1.125rem;
  height: 1.125rem;
  -o-object-fit: contain;
  object-fit: contain;
  margin-right: 0.3125rem;
}
.schools-card__stars span, .schools-card__years span {
  line-height: 100%;
  display: block;
  -ms-flex-item-align: end;
  align-self: flex-end;
}
.schools-card__price {
  margin-bottom: 0.3125rem;
}
.schools-card:not(:last-child) {
  margin-bottom: 1.25rem;
}
.schools__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.schools-sidebar {
  width: 100%;
  max-width: 23.9375rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin: 2.125rem 1.5rem 0 0;
}
.schools-sidebar__form {
  -webkit-box-shadow: 0 3px 19px 0 rgba(105, 122, 143, 0.11);
  box-shadow: 0 3px 19px 0 rgba(105, 122, 143, 0.11);
  background: var(--white);
  border-radius: 1rem;
  padding: 1.0625rem 1.5rem;
}
.schools-sidebar__btn {
  margin-top: 2rem;
  width: 100%;
  padding: 0.3125rem 1.25rem !important;
  line-height: 140% !important;
}
.schools-sidebar__title {
  font-weight: 500;
  font-size: 1.5rem;
  margin-bottom: 1.25rem;
}
.schools-sidebar__label {
  font-weight: 500;
  font-size: 1.25rem;
  color: var(--text-black);
  display: block;
  position: relative;
  padding-right: 1.875rem;
  cursor: pointer;
}
.schools-sidebar__label::after {
  content: "";
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: -webkit-transform var(--hover-transition);
  transition: -webkit-transform var(--hover-transition);
  transition: transform var(--hover-transition);
  transition: transform var(--hover-transition), -webkit-transform var(--hover-transition);
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M18 15L12 9L6 15" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" transform="rotate(180 12 12)" /%3E%3C/svg%3E%0A');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.schools-sidebar__block {
  padding: 1.5rem 0;
  border-bottom: 1px solid var(--gray-stroke);
}
.schools-sidebar__block-body {
  display: none;
  padding: 1.25rem 0 1rem;
}
.schools-sidebar__block.is-open .schools-sidebar__label::after {
  -webkit-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}
.schools-sidebar__block.is-empty .schools-sidebar__label {
  margin-bottom: 1.25rem;
}
.schools-sidebar__block.is-empty .schools-sidebar__label::after {
  content: none;
}
.schools-sidebar__block .input.input--checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.schools-sidebar__block .input.input--checkbox span {
  font-size: 1rem;
}
.schools-sidebar__block .input.input--checkbox span::after {
  border-color: var(--gray-icon);
}
.schools-sidebar__block .input.input--checkbox:not(:last-child) {
  margin-bottom: 0.75rem;
}
.schools-sidebar__block .input.input--select:not(:last-child) {
  margin-bottom: 1rem;
}
.schools-sidebar__block .input.input--select.is-open::after {
  -webkit-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}
.schools-sidebar__block .input.input--select::after {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.schools-sidebar__block .js-schools__hidden {
  display: none;
  padding-bottom: 0.75rem;
}
.schools-sidebar__block .js-schools__btn {
  font-weight: 500;
  font-size: 1rem;
  line-height: 100%;
  color: var(--green-text-button);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-top: 0.25rem;
}
.schools-sidebar__results {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 1rem -4px -0.5rem;
}
.schools-sidebar__results > * {
  width: calc(50% - 8px);
  margin: 0 4px 0.5rem;
}
.schools-sidebar__results-item {
  background: var(--gray-input);
  border-radius: 2.375rem;
  padding: 0.5rem 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.schools-sidebar__results-item > button {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url('data:image/svg+xml,%3Csvg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M14.1668 5.8335L5.8335 14.1668M5.8335 5.8335L14.1668 14.1668" stroke="%234B4E52" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /%3E%3C/svg%3E');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 0.625rem;
}
.schools-sidebar__top {
  border-bottom: 1px solid var(--gray-stroke);
  padding-bottom: 0.75rem;
}
.schools-sidebar__top .schools-sidebar__title {
  margin-bottom: 0;
}
.schools-sidebar__top-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.schools-sidebar__top-info a {
  font-weight: 500;
  line-height: 140%;
  color: var(--orange-primary);
}
.schools__slider {
  margin: -1.25rem 0 1.375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.schools__slider-inner {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.schools__slider-total {
  font-weight: 500;
  color: var(--text-black);
  margin-left: 1.125rem;
  background: var(--gray-rectangle);
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-radius: 0.375rem;
  padding: 0.625rem;
  max-width: 3.4375rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 2.625rem;
  text-align: center;
}
.schools-items {
  padding: 0 4.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -16px -2rem;
}
.schools-items > * {
  width: calc(25% - 32px);
  margin: 0 16px 2rem;
}
.schools-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}
.schools-item__img {
  width: 5.75rem;
  height: 5.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: var(--orange-light);
  border-radius: 50%;
}
.schools-item__img > img, .schools-item__img > svg {
  width: 3rem;
  height: 3rem;
  -o-object-fit: contain;
  object-fit: contain;
}
.schools-item__title {
  margin: 1.25rem 0 0.9375rem;
  font-weight: 600;
  font-size: 1.25rem;
  color: var(--text-gray);
}
.schools-item__text {
  line-height: 140%;
  color: var(--text-gray-middle);
}
.schools .navigation {
  margin-top: 2.5rem;
}
@media (max-width: 768px) {
  .schools {
    padding: 24px 0 200px;
    overflow: hidden;
  }
  .schools__inner {
    width: 100%;
  }
  .schools__inner .no-results {
    font-weight: 500;
    font-size: 20px;
  }
  .schools__title {
    margin: 36px 0 20px;
  }
  .schools__filter {
    margin-bottom: 16px;
  }
  .schools__filter-sort {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 1;
  }
  .schools__filter-sort > :not(:last-child) {
    margin-right: 16px;
  }
  .schools__filter-sort__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 1.5rem;
    height: 1.5rem;
    background-image: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg clip-path="url(%23clip0_196_22838)"%3E%3Cpath d="M3 5H14" stroke="%23818B95" stroke-width="1.5" stroke-linecap="round" /%3E%3Cpath d="M3 12H14" stroke="%23818B95" stroke-width="1.5" stroke-linecap="round" /%3E%3Cpath d="M3 19H12" stroke="%23818B95" stroke-width="1.5" stroke-linecap="round" /%3E%3Cpath d="M19 5V19.734M19 19.734L16.5 16.5M19 19.734L21.5 16.5" stroke="%23818B95" stroke-width="1.5" stroke-linecap="round" /%3E%3C/g%3E%3Cdefs%3E%3CclipPath id="clip0_196_22838"%3E%3Crect width="24" height="24" fill="white" /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
  .schools__filter-sort__btn > img, .schools__filter-sort__btn > svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
  }
  .schools__filter-sort__btn--filter {
    background-image: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg clip-path="url(%23clip0_5463_5860)"%3E%3Cpath d="M2 5H22" stroke="%23818B95" stroke-width="1.5" stroke-linecap="round" /%3E%3Cpath d="M2 12H22" stroke="%23818B95" stroke-width="1.5" stroke-linecap="round" /%3E%3Cpath d="M2 19H22" stroke="%23818B95" stroke-width="1.5" stroke-linecap="round" /%3E%3Ccircle cx="9" cy="5" r="2" fill="%23F3F8FF" stroke="%23818B95" stroke-width="1.5" /%3E%3Ccircle cx="15" cy="12" r="2" fill="%23F3F8FF" stroke="%23818B95" stroke-width="1.5" /%3E%3Ccircle cx="9" cy="19" r="2" fill="%23F3F8FF" stroke="%23818B95" stroke-width="1.5" /%3E%3C/g%3E%3Cdefs%3E%3CclipPath id="clip0_5463_5860"%3E%3Crect width="24" height="24" fill="white" /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E');
  }
  .schools__filter-sort__list {
    display: none;
    -webkit-box-shadow: 0 3px 19px 0 rgba(105, 122, 143, 0.1);
    box-shadow: 0 3px 19px 0 rgba(105, 122, 143, 0.1);
    background: var(--white);
    position: absolute;
    right: 0;
    bottom: -6px;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    padding: 20px 16px;
    border-radius: 10px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
  .schools__filter-sort__list a {
    line-height: 145%;
    color: var(--text-black);
    display: block;
  }
  .schools__filter-sort__list a:not(:last-child) {
    margin-bottom: 13px;
  }
  .schools__filter-sort:not(:last-child) {
    margin-left: auto;
    margin-right: 15px;
  }
  .schools-card {
    border-radius: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .schools-card__left {
    padding: 12px 12px 16px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .schools-card__tag {
    top: 30px;
    left: 0;
  }
  .schools-card__img {
    max-width: unset;
    margin-right: 0;
    margin-bottom: 16px;
    max-height: 230px;
    overflow: hidden;
  }
  .schools-card__img::before {
    padding-top: 50.2%;
  }
  .schools-card__top {
    margin-bottom: 12px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .schools-card__top > span {
    line-height: 145%;
    font-size: 14px;
  }
  .schools-card__top > span::before {
    width: 16px;
    height: 16px;
  }
  .schools-card__right {
    padding: 16px 12px 20px;
    border-top-right-radius: unset;
    max-width: unset;
    border-bottom-left-radius: 16px;
  }
  .schools-card__right-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 15px;
  }
  .schools-card__right > span {
    font-size: 14px;
    line-height: 145%;
  }
  .schools-card__info {
    margin: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .schools-card__info > :not(:last-child) {
    margin-right: 0;
  }
  .schools-card__list {
    margin-bottom: 10px;
  }
  .schools-card__list li::before {
    width: 16px;
    height: 16px;
  }
  .schools-card__list li span {
    font-size: 12px;
    line-height: 140%;
  }
  .schools-card__stars > img, .schools-card__stars > svg, .schools-card__years > img, .schools-card__years > svg {
    width: 16px;
    height: 16px;
  }
  .schools-card__stars span, .schools-card__years span {
    font-size: 12px;
    line-height: 140%;
    padding-top: 3px;
  }
  .schools-card:not(:last-child) {
    margin-bottom: 16px;
  }
  .schools-items {
    padding: 0;
    margin: 0 -13.5px -12px;
  }
  .schools-items > * {
    width: calc(50% - 27px);
    margin: 0 13.5px 12px;
  }
  .schools-item__img {
    width: 66px;
    height: 66px;
  }
  .schools-item__img > img, .schools-item__img > svg {
    width: 28px;
    height: 28px;
  }
  .schools-item__title {
    margin: 12px 0 8px;
  }
  .schools-item__text {
    font-size: 15px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
  }
  .schools-sidebar {
    max-width: unset;
    margin: 0;
    position: fixed;
    left: 0;
    top: 77px;
    right: 0;
    bottom: 0;
    background: var(--white);
    z-index: 100;
    overflow-y: auto;
    padding: 16px;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: -webkit-transform 0.5s ease-in-out;
    transition: -webkit-transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
  }
  .schools-sidebar.is-active {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  .schools-sidebar .js-close-filter {
    line-height: 145%;
    color: var(--text-gray-middle);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .schools-sidebar .js-close-filter > svg {
    margin-right: 4px;
    width: 14px;
    height: 14px;
  }
  .schools-sidebar__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 16px;
  }
  .schools-sidebar__title {
    font-size: 20px;
  }
  .schools-sidebar__label {
    font-size: 18px;
  }
  .schools-sidebar__btn {
    width: 100%;
  }
  .schools-sidebar__results {
    margin: 1rem -4px -20px;
  }
  .schools-sidebar__results > * {
    width: auto;
    margin: 0 4px 20px;
  }
  .schools-sidebar__block .input input {
    padding: 10px 20px;
  }
  .schools-sidebar__block.is-empty .schools-sidebar__label {
    padding-right: 0;
  }
}
/*# sourceMappingURL=schools.css.map */
/*# sourceMappingURL=schools.css.map */