main {
  padding-top: 120px;
}
.main-block {
  max-width: 1194px;
  margin: 0px auto;
  padding-bottom: 73px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.main-block h1 {
  font-family: FixelVariable;
  font-size: 56px;
  font-weight: 400;
  line-height: 53.76px;
  letter-spacing: -0.04em;
  text-align: left;
}
.main-block p {
  font-family: FixelVariable;
  font-size: 22px;
  font-weight: 400;
  line-height: 25.6px;
  letter-spacing: -0.02em;
  text-align: left;
}
.rate-subsection {
  display: flex;
  gap: 8px;
  align-items: end;
}
.rate-subsection span {
  font-family: FixelVariable;
  font-size: 16px;
  font-weight: 400;
  line-height: 19.2px;
  text-align: left;
}
.main-block-numbers {
  font-family: FixelVariable;
  font-size: 28px;
  font-weight: 500;
  line-height: 26.88px;
  text-align: left;
}
.math-tutors-container-title {
  font-family: FixelVariable;
  font-size: 32px;
  font-weight: 400;
  line-height: 35.2px;
  letter-spacing: -0.04em;
  text-align: left;
}
.reviews-sections {
  padding-top: 80px;
  padding-bottom: 80px;
}
.tutors-reviews {
  padding-top: 0px;
  padding-bottom: 0px;
}
.math-tutors-container {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.tutors-math-section {
  border-top: none;
}
.tutors-math-subsection {
  border-top: none;
  padding: 80px 0px;
}
.tutors-description-block {
  background-color: #f7f7f7;
  padding: 80px 0px;
}
.tutors-block-description-subsections {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
  width: 1194px;
  margin: 0px auto;
}
.tutors-block-description-subsections-item {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.tutors-block-description-subsections-item h5 {
  font-family: FixelVariable;
  font-size: 32px;
  font-weight: 400;
  line-height: 35.2px;
  letter-spacing: -0.04em;
  text-align: left;
}

.tutors-block-description-subsections-item p,
li {
  font-family: FixelVariable;
  font-size: 16px;
  font-weight: 400;
  line-height: 22.4px;
  letter-spacing: -0.02em;
  text-align: left;
  margin-bottom: 0px;
  list-style-type: none;
  display: flex;
  gap: 8px;
}
.price-wrap {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.right-area .button.smaller,
.moretutsbtn .button {
  font-family: FixelVariable;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: -0.02em;
  text-align: center;
  border-radius: 500;
  text-transform: none;
}
ul li {
  margin-bottom: 0px !important;
}
.faq-course-section h5 {
  font-size: 16px;
  width: auto;
}
.tut-city {
  text-align: left;
  display: flex;
  gap: 8px;
}
.price {
  display: flex;
  gap: 8px;
}
.amount {
  color: #1e38de;
  font-weight: 700;
}
.fltrs {
  width: 1194px;
  margin: 0px auto;
  display: flex;
  justify-content: space-between;
  font-family: FixelVariable;
  font-size: 22px;
  font-weight: 400;
  line-height: 28.6px;
  letter-spacing: -0.02em;
  text-align: left;
  padding-bottom: 20px;
  align-items: center;
}
#show-widget-btn {
  border: 2px solid #cfcfcf;
  font-family: FixelVariable;
  font-size: 18px;
  font-weight: 500;
  line-height: 23.4px;
  letter-spacing: -0.02em;
  text-align: left;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 8px 16px;
  border-radius: 16px;
  color: black;
  text-decoration: none;
}
.faq-course-section h3 {
  font-family: FixelVariable;
  font-size: 32px;
  font-weight: 400;
  line-height: 35.2px;
  letter-spacing: -0.04em;
  text-align: left;
}
.faq-course-section .accordion-wrapper {
  margin-top: -18px;
}
.page-tutors .tutors-listing .tutor-block .tutor-photo {
  border-radius: 12px !important;
}

.tutors-container-list {
  width: 1194px;
  padding: 0px !important;
}
.wpc-filters-widget-content {
  margin-top: -20px !important;
}

.select2-container {
  width: 100% !important;
  border-radius: 16px;
}
.page-numbers:not(.current) {
  display: inline-block;
  border: 1px solid #777;
  border-radius: 3px;
  padding: 3px 7px;
  margin: 0 10px;
  transition: all 0.2s ease;
}

.page-numbers:hover {
  transform: scale(1.1);
}

.faq-course-section-questions {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.tutor-photo.tutor-place-photo {
  background-image: url("data:image/svg+xml,%3Csvg width='50' height='65' viewBox='0 0 50 65' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.23934 10.64L13.2593 14.17C11.6693 16.52 10.8393 19.22 10.8393 22.05C10.8393 29.79 17.1293 36.15 24.9393 36.15C32.7493 36.15 39.0393 29.86 39.0393 22.05C39.0393 19.28 38.2093 16.52 36.6893 14.24L43.7393 10.92V24.33L41.5993 28.89C41.4593 29.24 41.4593 29.58 41.6693 29.86C41.8793 30.14 42.2193 30.34 42.5693 30.34H46.6493C46.9993 30.34 47.3393 30.2 47.4793 29.86C47.6893 29.58 47.6893 29.24 47.5493 28.89L45.6793 24.33V10.02C45.6793 9.46998 45.6093 9.04998 44.6393 8.63998C44.4293 8.56998 25.4193 0.139976 25.4193 0.139976C25.1493 -2.38642e-05 24.8793 -2.38642e-05 24.5993 0.129976L5.23934 8.70998C4.89934 8.84998 4.61934 9.25998 4.61934 9.67998C4.61934 10.09 4.82934 10.44 5.23934 10.64ZM36.9093 22.05C36.9093 28.69 31.5193 34.08 24.8793 34.08C18.2393 34.08 12.8493 28.69 12.8493 22.05C12.8493 19.49 13.6793 17.07 15.1293 15L24.5293 19.22C24.6693 19.29 24.8093 19.29 24.9393 19.29C25.0793 19.29 25.2193 19.29 25.3493 19.22L34.6093 15.07C36.1493 17.14 36.9093 19.56 36.9093 22.05ZM44.1693 28.27L44.6493 27.23L45.0593 28.27H44.1693ZM25.0193 2.20998L41.8193 9.67998L25.0193 17.15L8.21934 9.67998L25.0193 2.20998Z' fill='url(%23paint0_linear_2006_2168)'/%3E%3Cpath d='M25.2893 38.64C11.8093 38.64 0.819336 49.63 0.819336 63.11C0.819336 63.66 1.29934 64.15 1.85934 64.15H48.7293C49.2793 64.15 49.7693 63.67 49.7693 63.11C49.7693 49.64 38.7693 38.64 25.2893 38.64ZM2.95934 62.08C3.50934 50.19 13.3293 40.72 25.3593 40.72C37.3893 40.72 47.1393 50.26 47.6893 62.08H2.95934Z' fill='url(%23paint1_linear_2006_2168)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_2006_2168' x1='0.819336' y1='32.0918' x2='49.7693' y2='32.0918' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23DA23FF'/%3E%3Cstop offset='1' stop-color='%239933EF'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_2006_2168' x1='0.819336' y1='32.0918' x2='49.7693' y2='32.0918' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23DA23FF'/%3E%3Cstop offset='1' stop-color='%239933EF'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  background-size: 48px auto;
  background-color: #eeeeee;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 50%;
  height: 160px;
  width: 160px;
}
.wpc-filter-layout-dropdown
  .select2-container--default
  .select2-selection--single,
.wpc-sorting-form .select2-container--default .select2-selection--single {
  border-color: #e0e0e0 !important;
  border-radius: 10px !important;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  right: 10px !important;
}
.perelinking a {
  color: #1e38de;
  text-decoration: underline;
  display: flex;
  flex-direction: column;
  gap: 12px;
  color: hsla(232, 76%, 49%, 1);
  font-family: FixelVariable;
  font-size: 16px;
  font-weight: 400;
  line-height: 20.8px;
  letter-spacing: -0.02em;
  text-align: left;
}
.page-tutors .tutors-listing .tutor-block .tutor-info-wrap {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.page-tutors {
  --glsr-star-full: url("https://mathema.me/wp-content/themes/matema-child/assets/img/icon.svg") !important;
}
.glsr-star-full {
  background-image: url("https://mathema.me/wp-content/themes/matema-child/assets/img/icon.svg") !important;
}
.page-tutors .tutors-listing .tutor-block .tutor-info-wrap h4 {
  font-family: FixelVariable;
  font-size: 28px;
  font-weight: 600;
  line-height: 33.6px;
  letter-spacing: -0.04em;
  text-align: left;
}
.perelinking {
  display: flex;
  flex-flow: wrap;
  padding-bottom: 30px;
}

.flexchild {
  flex: 1 0 calc(25% - 10px);
  padding-right: 10px;
}

.link-per {
  margin-bottom: 5px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  color: hsla(232, 76%, 49%, 1);
  font-family: FixelVariable;
  font-size: 16px;
  font-weight: 400;
  line-height: 20.8px;
  letter-spacing: -0.02em;
  text-align: left;
}

.page-tutors .page-tutors {
  display: none;
}

a {
  color: #000;
}

#error-page .wpc-posts-found p {
  color: red;
  font-size: 20px;
}

#error-page .wpc-posts-found p::after {
  content: " - Скидаємо усі фільтри";
}

#error-page .head,
#error-page .wpc-filters-widget-top-container {
  display: none;
}
.tutor-head {
  display: flex;
  align-items: center;
  gap: 1px;
  margin-bottom: 5px;
  position: absolute;
  top: 130px;
  left: 0px;
}
.left-tut-wrap {
  position: relative;
}
.page-tutors {
  padding-top: 60px !important;
  padding-bottom: 100px !important;
}
.tutor-head svg {
  position: absolute;
  bottom: 5px;
}
.left-tut-wrap h4 {
  margin: 0 0 0 6px;
}
.page-tutors .tutors-listing {
  margin-bottom: 0px;
}
.reviews-first {
  width: 410px;
}
.stars {
  width: 130px;
}
.left-tut-wrap .glsr-summary-rating {
  font-size: 15px;
}

.page-tutors .tutors-listing .tutor-block .tutor-info-wrap .details li strong {
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
}

.page-tutors .tutors-listing .tutor-block .tutor-info-wrap .details li {
  font-size: 16px;
  line-height: 20px;
}

.page-tutors .tutors-listing .tutor-block .row {
  align-items: start;
  gap: 32px !important;
}

body .page-tutors .tutors-listing .tutor-block .tutor-info-wrap .details ul {
  margin: 0px;
  padding: 0px;
}
.keywds {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.keywd {
  font-family: FixelVariable;
  font-size: 13px;
  font-weight: 500;
  line-height: 16.9px;
  letter-spacing: 0.06em;
  text-align: center;
  padding: 6px 8px;
  background: #e9ecff;
  text-transform: uppercase;
  border-radius: 10px;
  margin-right: 0px;
}
.hidden-keywds {
  margin-top: 16px;
}
.glsr-summary-text {
  font-family: FixelVariable;
  font-size: 16px;
  font-weight: 400;
  line-height: 15.36px;
  text-align: left;
}
.right-area .button.smaller,
.moretutsbtn .button {
  line-height: 52px;
  font-size: 18px;
  font-weight: 500;
  padding: 0 25px;
  border-radius: 16px;
}
.show-more {
  font-family: FixelVariable;
  font-size: 16px;
  font-weight: 500;
  color: #1e38de;
  text-decoration: underline;
}
.seo-block {
  width: 1194px;
  margin: 0px auto;
}
.link-per {
  color: hsla(232, 76%, 49%, 1);
  font-family: FixelVariable;
  font-size: 16px;
  font-weight: 400;
  line-height: 20.8px;
  letter-spacing: -0.02em;
  text-align: left;
}
.price-wrap .price {
  margin-top: 11px;
}
.perelinking-section {
  width: 1194px;
  margin: 0px auto;
}
.zava-high {
  color: #ff1c1c;
}

.zava-med {
  color: #757575;
}

.zava-low {
  color: #057a55;
}

.page-tutors .tutors-listing .tutor-block {
  padding: 24px;
}

.seo-block h2 {
  margin-top: 40px;
}
.exam-tutors-items a {
  color: #B143FF;
}
.wpc-horizontal-layout.wpc-horizontal-cols-4
  .wpc-filters-section.wpc-filter-layout-checkboxes {
  display: none;
}

.moretutsbtn a {
  display: inline-block;
  line-height: 52px;
  font-size: 18px;
  font-weight: 500;
  padding: 0 25px;
}

.moretutsbtn {
  text-align: center;
}

.margtop30 {
  margin-top: 30px;
}
.statistics-section {
  padding-top: 40px;
  padding-bottom: 100px;
  display: flex;
  flex-direction: column;
  gap: 30px;
  justify-content: center;
  margin: 0px auto;
}
.statistics-section h2 {
  font-family: FixelVariable;
  font-size: 32px;
  font-weight: 400;
  line-height: 35.2px;
  letter-spacing: -0.04em;
  text-align: center;
}
.statistics-section-container {
  display: flex;
  width: 1194px;
  gap: 23.5px;
  margin: 0px auto;
}
.statistics-section-container-item {
  width: 220px;
  height: 220px !important;
  display: flex;
  flex-direction: column !important;
  justify-content: space-between !important;
  padding: 20px;
  border-radius: 8px;
  align-items: self-start !important;
}
.statistics-list {
  margin: 0px auto;
}
.discount-section::before {
   content: var(--discount-content, "ЗНИЖКА 61%"); 
  position: absolute;
  top: -20px; /* Adjust as necessary */
  left: 50%;
  transform: translateX(-50%);
  color: black;
  z-index: 1;
  font-family: FixelVariable;
  font-size: 13px;
  font-weight: 500;
  line-height: 16.9px;
  letter-spacing: 0.06em;
  text-align: center;
  border-radius: 8px;
  padding: 12px;
  background-color: #adee68;
}
.discount-section {
  border-top: 4px solid #adee68;
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 60px 0px;
  background: linear-gradient(
    107.53deg,
    #adee68 0%,
    #a75d93 47.01%,
    #3a36ff 94.97%
  ) !important;
}
.stars-img {
  width: 88px;
}
.discount-text {
  font-family: FixelVariable;
  font-size: 16px;
  font-weight: 400;
  line-height: 25.4px;
  letter-spacing: -0.02em;
  text-align: left;
}
.faq-section,
.accordion-content {
  background-color: #f7f7f7 !important;
}
.choose-tutor {
  justify-content: center;
}
.statistics-section-container-item:nth-child(1) {
  background-color: #f0fcdf;
}
.statistics-section-container-item:nth-child(2) {
  background-color: #fcf2ed;
}
.statistics-section-container-item:nth-child(3) {
  background-color: #f2deeb;
}
.statistics-section-container-item:nth-child(4) {
  background-color: #e7dcf2;
}
.statistics-section-container-item:nth-child(5) {
  background-color: #e1dffa;
}
.statistics-section-container-item-image {
  width: 24px;
  height: 24px;
}
.statistics-section-container-item p {
  font-family: FixelVariable;
  font-size: 18px;
  font-weight: 400;
  line-height: 25.2px;
  letter-spacing: -0.02em;
  text-align: left;
}
.discount-items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 168.5px;
}
.discount-items-section {
  gap: 168.5px;
  display: flex;
}
.discount-section h3 {
  font-family: FixelVariable;
  font-size: 32px;
  font-weight: 600;
  line-height: 30.72px;
  letter-spacing: -0.04em;
  text-align: center;
}
.rate-subsection-item {
  display: flex;
  gap: 8px;
  align-items: end;
}
.desctop-tutors {
  display: block;
}
.mobile-tutors {
  display: none;
}
.tablet-tutors {
  display: none;
}
.perelinking .flexchild h3 {
  font-family: FixelVariable;
  font-size: 18px;
  font-weight: 500;
  line-height: 17.28px;
  letter-spacing: -0.02em;
  text-align: left;
  margin-bottom: 16px;
}
@media only screen and (max-width: 1350px) {
  .reviews {
    justify-content: space-between !important;
    width: 1194px;
  }
}
@media only screen and (max-width: 1200px) {
  .main-block p {
    font-size: 18px;
    line-height: 22px;
  }
  .main-block {
    width: auto;
    padding: 20px;
    padding-bottom: 50px;
  }
  .main-block h1 {
    font-size: 48px;
    line-height: 1em;
  }
  .page-tutors .tutors-listing .tutor-block .row {
    display: flex !important;
    gap: 20px !important;
  }
  .page-tutors .tutors-listing .tutor-block .tutor-photo {
    width: 140px;
    height: 140px;
  }
  .page-tutors .tutors-listing {
    padding: 0px 20px;
  }
  .tutors-container-list {
    width: auto;
  }
  .show-more {
    margin-top: 0px;
  }
  .tutor-head {
    top: 110px;
  }
  .reviews {
    width: auto;
    padding: 0px 20px;
  }
  .discount-items-section {
    gap: 20px;
    padding: 0px 20px;
  }
  .discount-items {
    column-gap: 20px;
  }
  .choose-tutor {
    cursor: pointer;
    width: fit-content;
    height: fit-content;
    align-self: center;
  }
  .discount-text {
    font-size: 14px;
  }
  .faq-section {
    padding: 60px 20px;
  }
  .math-tutors-section {
    padding: 60px 20px;
  }
  .tutors-description-block {
    padding: 60px 20px;
  }
  .tutors-block-description-subsections {
    width: auto;
  }
  .tutors-math-subsection {
    padding: 0px;
  }
  .tablet-tutors {
    display: block;
  }
  .fltrs {
    width: auto;
    align-items: flex-start;
  }
  .statistics-section {
    margin-left: 20px;
    overflow: hidden;
  }
}

@media only screen and (max-width: 768px) {
  .tablet-tutors {
    display: none;
  }
  .page-tutors {
    padding-bottom: 60px;
  }
  #show-widget-btn {
    width: 100%;
    justify-content: space-between;
  }
  .fltrs {
    flex-direction: column;
    gap: 16px;
  }
  main {
    padding-top: 60px;
  }
  .statistics-section {
    margin-left: 16px;
    overflow: hidden;
  }
  .tutors-listing {
    padding: 16px;
    padding-top: 0px;
  }
  .page-tutors .tutors-listing .tutor-block {
    padding: 22px 16px;
  }
  .page-tutors .tutors-listing .tutor-block .tutor-photo {
    margin: 0px;
    width: 80px;
    height: 80px;
  }
  .left-tut-wrap {
    display: flex;
    gap: 8px;
    align-items: center;
  }
  .tutors-container-list {
    width: auto;
  }
  .tutor-head {
    top: 54px;
  }
  .tutor-head img {
    width: 26px;
  }
  .page-tutors .tutors-listing .tutor-block .tutor-info-wrap h4 {
    position: absolute;
    top: 0px;
    left: 96px;
    font-size: 18px;
  }
  .row {
    position: relative;
  }
  .hidden-keywds {
    display: contents !important;
  }
  .show-more {
    display: none;
  }
  .tutors-block-description-subsections {
    width: auto;
    grid-template-columns: 1fr;
  }
  .tutors-description-block {
    padding: 60px 16px;
  }
  .tutors-block-description-subsections-item {
    padding: 8px;
  }
  .tutors-math-subsection {
    padding: 0px;
  }
  .faq-course-section {
    gap: 30px;
  }
  .discount-items-section {
    display: flex;
    flex-direction: column;
    gap: 30px;
    width: 100%;
  }
  .desctop-tutors {
    display: none;
  }
  .mobile-tutors {
    display: block;
  }
  .buttons-wrap,
  .right-area .button.smaller,
  .moretutsbtn .button {
    width: 100%;
  }
  .discount-items {
    grid-template-columns: 1fr;
  }
  .discount-section {
    align-items: flex-start;
    padding: 60px 16px;
  }
  .discount-items-section {
    padding: 0px;
  }
  .choose-tutor {
    width: 100%;
  }
  .statistics-section {
    padding-top: 20px;
    padding-bottom: 60px;
  }
  .price-wrap li,
  .tut-city {
    display: none;
  }
  .price-wrap {
    align-items: center;
  }
  .page-tutors .tutors-listing .tutor-block .row {
    display: flex !important;
    flex-direction: column;
    gap: 16px !important;
  }
  .right-area {
    width: 100%;
  }
  .main-block {
    padding: 40px 16px;
  }
  .keywds {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }
  .rate-subsection {
    flex-direction: column;
    align-items: flex-start;
  }
  .main-block p {
    font-size: 16px;
    line-height: 22px;
  }
}

@media screen and (max-width: 690px) {
  .flexchild {
    flex: unset;
    width: calc(100% - 20px);
    white-space: normal;
  }
  .tutors-container-list {
    width: auto;
  }
}
