.courses__item {
  border: 1px solid #E1E4ED;
  border-radius: 10px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}
.more_about_course {
  z-index: 100;
  background: #B8976C;
  padding: 10px 30px;
  color: #fff;
  font-weight: 700;
  font-size: 12px;
  display: flex;
  align-items: center;
  gap: 40px;
  width: 100%;
  border-radius: 10px;
  text-align: center;
  justify-content: center;
}
.more_about_course:hover {
  text-decoration: none;
  color: #fff;
  background-color: #cfa773;
}
.course__inner {
  flex-direction: column;
  gap: 10px;
}
.course_price_wrapper {
  border-radius: 10px;
  border: 1px solid #0000000D;
  padding: 15px 10px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 3px;
  margin-bottom: 15px;
}
.course_price_wrapper p {
  margin-bottom: 0;
  color: #323232;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
}
.course_price_wrapper .course__price {
  margin-left: 0px;
  color: #B39872;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
}
.course_price_wrapper .programm__itm__price--old {
  color: #323232;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  opacity: 0.7;
}
.course_price_wrapper .deffer_price_bold {
  color: #323232;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
}
.course__question {
  border: 1px solid #34404E;
  background: #fff;
  color: #34404E;
  width: 100%;
  border-radius: 10px;
  text-align: center;
  justify-content: center;
}
.course__question:hover, .course__question:focus {
  border: 1px solid #34404E;
  background: #fff;
  color: #34404E;
  outline: none;
}
.hint__wrapper p {
  border: 1px solid #747474;
  background-color: #fff !important;
  background: #fff !important;
  color: #747474;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.2;
  border-radius: 100px;
  padding: 8px 12px;
  white-space: nowrap;
}
.hint__wrapper {
  position: relative;
  top: 20px;
  left: 20px;
  display: flex;
  flex-direction: row;
  gap: 5px;
  max-width: calc(100% - 70px);
  flex-wrap: wrap;
}
.course__content {
  padding: 30px 15px 15px;
}
.courses-plate--desktop {
  right: 5px;
}
.course__title {
  margin-bottom: 15px;
}
.course_preview_text {
  margin-bottom: 25px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: #616161;
}
.courses__list {
  margin-bottom: 70px;
  gap: 10px;
  max-width: 735px;
}
.course__not-conducted {
  position: relative;
  width: fit-content;
  margin-bottom: -10px;
  font-size: 14px;
}
.share-custom-wrapper {
  display: none;
}
.bx-filter .bx-filter-button-box {
  margin-top: 0;
}
.bx-filter .bx-filter-button-box {
  float: inline-start;
}
.bx-filter {
  width: fit-content;
  max-width: 385px;
}
.bx-filter .col-md-4 {
  width: 100%;
}
.bx-filter .bx-filter-section {
  border-radius: 7px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  border: 1px solid #34404E33;
  padding: 30px 15px;
  background: #F8F8F8 !important;
}
@media screen and (max-width: 1200px) {
  .bx-filter {
    max-width: 300px;
    min-width: 300px;
  }
}
@media screen and (min-width: 720px) {
  .toggle-btn__wrap {
    display: none !important;
  }
  .mobile_filter_cont {
    display: none !important;
  }
  .bx-filter {
    display: block !important;
  }
}
@media screen and (max-width: 720px) {
  .mobile_filter_cont {
    display: flex !important;
    align-items: center;
    gap: 10px;
    max-width: 100%;
    overflow: hidden;
    margin-bottom: 20px;
  }
  .js-button-slider {
    overflow: hidden;
  }
  .js-button-slider .swiper-slide {
    width: fit-content;
    padding: 5px 10px;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    font-weight: 400;
    background: #B8976C;
    border-radius: 100px;
    display: flex;
    flex-direction: row;
    gap: 5px;
    align-items: center;
    cursor: pointer;
  }
  .js-button-slider .swiper-slide::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.52869 4.52866C4.65371 4.40368 4.82324 4.33347 5.00002 4.33347C5.1768 4.33347 5.34634 4.40368 5.47135 4.52866L8.00002 7.05733L10.5287 4.52866C10.5902 4.46499 10.6637 4.4142 10.7451 4.37926C10.8264 4.34432 10.9139 4.32593 11.0024 4.32516C11.0909 4.32439 11.1787 4.34126 11.2607 4.37478C11.3426 4.4083 11.417 4.4578 11.4796 4.5204C11.5422 4.58299 11.5917 4.65743 11.6252 4.73936C11.6588 4.82129 11.6756 4.90907 11.6749 4.99759C11.6741 5.08611 11.6557 5.17359 11.6208 5.25493C11.5858 5.33627 11.535 5.40983 11.4714 5.47133L8.94269 7.99999L11.4714 10.5287C11.5928 10.6544 11.66 10.8228 11.6585 10.9976C11.657 11.1724 11.5868 11.3396 11.4632 11.4632C11.3396 11.5868 11.1724 11.6569 10.9976 11.6584C10.8228 11.66 10.6544 11.5928 10.5287 11.4713L8.00002 8.94266L5.47135 11.4713C5.34562 11.5928 5.17722 11.66 5.00242 11.6584C4.82762 11.6569 4.66041 11.5868 4.53681 11.4632C4.4132 11.3396 4.34309 11.1724 4.34157 10.9976C4.34005 10.8228 4.40725 10.6544 4.52869 10.5287L7.05735 7.99999L4.52869 5.47133C4.40371 5.34631 4.3335 5.17677 4.3335 4.99999C4.3335 4.82322 4.40371 4.65368 4.52869 4.52866Z' fill='white'/%3E%3C/svg%3E%0A");
    display: inline-block;
    width: 16px;
    height: 16px;
    background-position: center;
    background-size: cover;
  }
  .tags_cloud_ajax_container {
    max-width: 100%;
  }
  .bx-filter {
    max-width: 420px;
    position: absolute;
    z-index: 110;
    width: 100%;
    top: 40px;
  }
  .toggle-btn__wrap {
    justify-content: flex-start !important;
    border-radius: 4px;
    background: #34404E;
    width: fit-content;
    padding: 6px 11px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin: 0;
    cursor: pointer;
  }
  .toggle-btn__wrap > span {
    font-weight: 400;
  }
  .toggle-btn__wrap button {
    box-shadow: none;
    border: none;
    background: transparent;
    margin-left: 2px;
    padding: 2px;
  }
  .toggle-btn__wrap button::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.33333 2.66667H13.3333V4.11467C13.3333 4.46826 13.1927 4.80734 12.9427 5.05733L10.3333 7.66667M10 10V12.6667L6 14V8.33333L3.01333 5.048C2.7903 4.80262 2.6667 4.48293 2.66667 4.15133V2.66667M2 2L14 14' stroke='white' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    display: block;
    height: 16px;
    width: 16px;
    background-position: center;
    background-size: cover;
  }
}
