.search-widget {
  font-family: "CircularStd-Book", sans-serif;
}

.search-widget__search-container {
  margin: 0 0 40px;
  padding: 0 24px;
}

@media (min-width: 768px) {
  .search-widget__form {
    display: flex;
    align-items: center;
    max-width: 992px;
    margin: 0 auto;
    padding: 43px 56px;
    border-radius: 9px;
    box-shadow: 0 1px 2px 0 rgba(37, 44, 67, 0.12),
      0 16px 40px 0 rgba(37, 44, 67, 0.12);
    background-color: #ffffff;
  }
}

@media (max-width: 767px) {
  .search-widget__form {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
  }
}

.search-widget .search-widget__search:focus {
  border: solid 2px rgba(26, 38, 142, 0.16);
}

.search-widget .search-widget__search {
  flex: 1 1 auto;
  min-width: 0;
  height: 54px;
  padding: 0 10px 0 68px;
  margin-right: 23px;
  border-radius: 7px;
  border: solid 2px rgba(26, 38, 142, 0.16);
  background-color: #ffffff;
  font-family: "CircularStd-Medium", sans-serif;
  color: #252c43;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.33;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23B7BDCE' fill-rule='evenodd' d='M19.299 17.993l4.43 4.431c.361.36.361.945 0 1.306-.36.36-.944.36-1.305 0l-4.43-4.431c-.361-.36-.361-.945 0-1.306.36-.36.944-.36 1.305 0zM9.785 0c5.404 0 9.784 4.38 9.784 9.785 0 5.404-4.38 9.784-9.784 9.784C4.38 19.57 0 15.19 0 9.785 0 4.38 4.38 0 9.785 0zm0 1.846C5.4 1.846 1.846 5.4 1.846 9.785c0 4.384 3.554 7.938 7.939 7.938 4.384 0 7.938-3.554 7.938-7.938 0-4.385-3.554-7.939-7.938-7.939z'/%3E%3C/svg%3E%0A");
  background-position: 20px center;
  background-repeat: no-repeat;
}

@media (max-width: 767px) {
  .search-widget .search-widget__search {
    flex: 1 1 100%;
    margin-right: 0;
    margin-bottom: 24px;
  }
}

.search-widget .search-widget__button {
  flex: 0 0 114px;
  height: 48px;
  font-family: "CircularStd-Medium", sans-serif;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: -0.2px;
  color: #ffffff;
  background-color: #1a268e;
  cursor: pointer;
  transition: background-color 0.2s ease;
  border: 0 none;
}

.search-widget .search-widget__button:hover {
  background-color: #0087f7;
}

@media (max-width: 767px) {
  .search-widget .search-widget__button {
    flex: 1 1 100%;
  }
}

.search-widget__category-title {
  margin-bottom: 40px;
  text-align: center;
  color: #252c43;
  font-size: 36px;
  font-weight: 500;
  line-height: 1.11;
  font-family: "CircularStd-Medium", sans-serif;
}

.search-widget__category-filter {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 52px;
}

.search-widget__filter-button {
  padding: 6px 24px;
  margin: 0 12px 12px;
  background-color: #d5d9e6;
  border-radius: 17px;
  color: #252c43;
  font-size: 14px;
  line-height: 1.5;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.search-widget__filter-button:hover,
.search-widget__filter-button.-active {
  background-color: #1a268e;
  color: #ffffff;
}

.search-widget__list {
  display: flex;
  flex-wrap: wrap;
}

.search-widget__item {
  flex: 0 1 calc(33.33% - 48px);
  margin: 0 24px 40px;
  border-radius: 12px;
  box-shadow: 0 1px 2px 0 #e9eaf1;
  border: solid 1px #eaecf6;
  background-color: #ffffff;
  overflow: hidden;
}

@media (max-width: 767px) {
  .search-widget__item {
    flex: 1 1 100%;
  }
}

.search-widget__item-image-placeholder {
  display: block;
  width: 100%;
  height: auto;
}

.search-widget__item-image-box {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 198px;
  padding: 10px 20px;
}

.search-widget__item-image {
  height: 100% !important;
  object-fit: contain;
}

.search-widget__item-image img {
  object-fit: contain;
}

.search-widget__item-content {
  padding: 16px 24px 32px;
}

.search-widget__name {
  margin-bottom: 8px;
  font-family: "CircularStd-Medium", sans-serif;
  color: #252c43;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.6;
  letter-spacing: -0.3px;
}

.search-widget__data-row {
  display: flex;
  margin-bottom: 40px;
}

.search-widget__duration {
  margin-right: 16px;
  color: #636880;
  font-size: 12px;
  line-height: 1.5;
}

.search-widget__duration:empty {
  display: none;
}

.search-widget__difficulty {
  color: #636880;
  font-size: 12px;
  line-height: 1.5;
}

.search-widget__title-recommended {
  margin-bottom: 15px;
  color: #4c5165;
  font-size: 16px;
  line-height: 1.5;
}

.search-widget__link-recommended {
  color: #0087f7;
  font-size: 14px;
  line-height: 2.29;
  text-decoration: underline;
}

.search-widget__link-recommended:hover {
  color: inherit;
  text-decoration: none;
}

.search-widget__pagination-row {
  display: flex;
  justify-content: space-between;
  max-width: 100%;
  width: 444px;
  padding: 0 24px;
  margin: 0 auto;
}

.search-widget .search-widget__pagination-button {
  flex: 0 1 158px;
  padding-top: 12px;
  padding-bottom: 12px;
  align-items: center;
  border-radius: 4px;
  box-shadow: 0 1px 2px 0 rgba(37, 44, 67, 0.08);
  border: solid 1px #d5d9e6;
  background-color: #ffffff;
  color: #252c43;
  font-family: "CircularStd-Medium", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.2px;
  background-repeat: no-repeat;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.search-widget .search-widget__pagination-button:hover {
  box-shadow: 0 1px 2px 0 rgba(37, 44, 67, 0.08);
  border: solid 1px #0087f7;
  background-color: #0087f7;
  color: #ffffff;
}

.search-widget__pagination-button.-prev {
  padding-left: 79px;
  background-position: 24px center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%231A268E' fill-rule='evenodd' d='M5.304 2.213L.213 7.303c-.024.025-.046.05-.067.077l.067-.076c-.034.034-.063.07-.089.108-.01.016-.021.033-.03.05l-.022.04-.023.053-.011.031c-.007.02-.013.042-.018.063l-.01.044-.006.05L0 7.791 0 7.818v.029l.004.045L0 7.818c0 .043.004.085.01.126l.01.043c.005.022.011.044.019.066l.01.026c.007.02.015.04.024.058l.02.037c.01.018.021.037.034.054l.02.028.005.007.061.07 5.09 5.09c.285.284.745.284 1.03 0 .283-.284.283-.744 0-1.028l-3.85-3.85h12.79c.401 0 .727-.325.727-.727 0-.401-.326-.727-.727-.727L2.484 7.09l3.848-3.848c.284-.284.284-.745 0-1.029-.284-.284-.744-.284-1.028 0z' opacity='.5'/%3E%3C/svg%3E%0A");
}

.search-widget__pagination-button.-prev:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%23ffffff' fill-rule='evenodd' d='M5.304 2.213L.213 7.303c-.024.025-.046.05-.067.077l.067-.076c-.034.034-.063.07-.089.108-.01.016-.021.033-.03.05l-.022.04-.023.053-.011.031c-.007.02-.013.042-.018.063l-.01.044-.006.05L0 7.791 0 7.818v.029l.004.045L0 7.818c0 .043.004.085.01.126l.01.043c.005.022.011.044.019.066l.01.026c.007.02.015.04.024.058l.02.037c.01.018.021.037.034.054l.02.028.005.007.061.07 5.09 5.09c.285.284.745.284 1.03 0 .283-.284.283-.744 0-1.028l-3.85-3.85h12.79c.401 0 .727-.325.727-.727 0-.401-.326-.727-.727-.727L2.484 7.09l3.848-3.848c.284-.284.284-.745 0-1.029-.284-.284-.744-.284-1.028 0z' opacity='1'/%3E%3C/svg%3E%0A");
}

.search-widget__pagination-button.-next {
  margin-left: auto;
  padding-right: 79px;
  text-align: right;
  background-position: calc(100% - 24px) center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%231A268E' fill-rule='evenodd' d='M10.897 2.18l4.923 4.923.007.008c.02.02.039.042.055.066l-.062-.074c.028.029.054.06.076.092.015.023.028.046.04.07l.02.043c.008.021.016.044.022.066l.006.025c.006.025.01.05.013.077l.002.023.001.04-.001.039-.002.023.003-.063c0 .048-.005.095-.016.14l-.006.025c-.006.022-.014.045-.023.066l-.01.026c-.016.032-.032.06-.05.087l-.012.018c-.017.023-.036.045-.056.066l-.007.008-4.923 4.923c-.24.24-.63.24-.87 0s-.24-.63 0-.87l3.872-3.874H.615c-.34 0-.615-.275-.615-.615 0-.34.276-.615.615-.615H13.9l-3.873-3.872c-.24-.24-.24-.63 0-.87.24-.241.63-.241.87 0z' opacity='.5'/%3E%3C/svg%3E%0A");
}

.search-widget__pagination-button.-next:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%23ffffff' fill-rule='evenodd' d='M10.897 2.18l4.923 4.923.007.008c.02.02.039.042.055.066l-.062-.074c.028.029.054.06.076.092.015.023.028.046.04.07l.02.043c.008.021.016.044.022.066l.006.025c.006.025.01.05.013.077l.002.023.001.04-.001.039-.002.023.003-.063c0 .048-.005.095-.016.14l-.006.025c-.006.022-.014.045-.023.066l-.01.026c-.016.032-.032.06-.05.087l-.012.018c-.017.023-.036.045-.056.066l-.007.008-4.923 4.923c-.24.24-.63.24-.87 0s-.24-.63 0-.87l3.872-3.874H.615c-.34 0-.615-.275-.615-.615 0-.34.276-.615.615-.615H13.9l-3.873-3.872c-.24-.24-.24-.63 0-.87.24-.241.63-.241.87 0z' opacity='1'/%3E%3C/svg%3E%0A");
}

.search-widget__carousel {
  overflow: hidden;
}

.search-widget__carousel .search-widget__item {
  flex: 1 0 auto;
  margin: 0 0 24px;
}

.search-widget__carousel .search-widget__list {
  flex-wrap: nowrap;
}

.search-widget .swiper-pagination {
  position: static;
}

.search-widget .swiper-pagination-bullet {
  position: relative;
  width: 16px;
  height: 8px;
  margin: 0 4px !important;
  background-color: #b7bdce;
  border-radius: 4px;
  opacity: 1;
  outline: 0 none;
}

.search-widget .swiper-pagination-bullet:hover {
  opacity: 0.8;
}

.search-widget .swiper-pagination-bullet-active {
  background-color: #1a268e;
  width: 48px;
}