@font-face {
  font-family: "Plus Jakarta Sans";
  src: url("../../../assets/fonts/PlusJakartaSans-Bold.woff2") format("woff2"),
    url("../../../assets/fonts/PlusJakartaSans-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

.expert-directory-search .section__wrapper {
  padding-top: 0px;
  padding-bottom: 0px;
}

.expert-directory-search .section__background-overlay {
  position: relative;
  overflow: hidden;
}
.expert-directory-search .section__background-overlay::before,
.expert-directory-search .section__background-overlay::after {
  content: "";
  display: block;
  position: absolute;
  filter: blur(25rem);
}
.expert-directory-search .section__background-overlay::before {
  width: 54.8125rem;
  height: 20.75rem;
  left: -25.125rem;
  top: -6.0625rem;
  background: #6e6dd2;
  transform: rotate(-34.271deg);
}
.expert-directory-search .section__background-overlay::after {
  width: 76.4375rem;
  height: 30.8rem;
  right: 4.25rem;
  bottom: -13.75rem;
  background: #efb5ff;
  transform: rotate(-34.271deg);
}

.expert-directory-search .expert-directory-search__header {
  position: relative;
  top: 0px;
  background-color: transparent;
  border-bottom: 1px solid var(--white-700, rgba(255, 255, 255, 0.2));
}
.expert-directory-search
  .expert-directory-search__header
  .header__menu
  > li
  > a {
  color: var(--white-900-80, rgba(255, 255, 255, 0.8));
}
.expert-directory-search
  .expert-directory-search__header
  .header__menu
  > li
  > a:hover,
.expert-directory-search
  .expert-directory-search__header
  .header__menu
  > li
  > a:focus {
  color: var(--white-1000, #fff);
}
.expert-directory-search
  .expert-directory-search__header
  .header__menu
  > li
  > a::before,
.expert-directory-search
  .expert-directory-search__header
  .header__menu
  li.menu-item-has-children
  > a::after {
  background-color: var(--white-1000, #fff);
}
.expert-directory-search .section__content {
  padding-top: 7.75rem;
  padding-bottom: 9.6875rem;
}
.expert-directory-search .expert-directory-search__title {
  text-align: center;
  margin-bottom: 2rem;
  font-size: 6.875rem;
  letter-spacing: -0.02em;
  font-family: "Plus Jakarta Sans";
	font-weight: 700;

  background: linear-gradient(95deg, #BED1FE -3.63%, #E6A8FF 28.84%, #FFE4B8 67.48%, #FFBDBE 94.86%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.expert-directory-search.expert-directory-search--home
  .expert-directory-search__title {
  width: 60.875rem;
}
.expert-directory-search .expert-directory-search__description {
  width: 43.75rem;
  margin-bottom: 2.625rem;
}

.expert-directory-search .expert-directory-search__form {
  position: relative;
  width: 71.5rem;
  padding: 2.625rem;
}

.expert-directory-search .expert-directory-search__form::before {
  content: "";
  display: block;
  z-index: -1;

  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 1.25rem;
  backdrop-filter: blur(1.25rem);
}

.expert-directory-search .expert-directory-search__form .form__fields {
  gap: 0.5rem;
}

.expert-directory-search .form__field-select .select__trigger {
  height: 3.25rem;
}

@media screen and (min-width: 1024px) {
  .expert-directory-search .expert-directory-search__form .form__fields {
    flex-wrap: nowrap;
  }
}

@media screen and (max-width: 1023px) {
  .expert-directory-search .section__wrapper {
    padding-right: 0px;
    padding-left: 0px;
  }
	
	.expert-directory-search .expert-directory-search__title{
		font-size: 4rem;
		margin-bottom: 1rem;
	}

  .expert-directory-search .expert-directory-search__title,
  .expert-directory-search .expert-directory-search__description,
  .expert-directory-search .expert-directory-search__form {
    width: 100%;
  }

  .expert-directory-search .expert-directory-search__form {
    padding: 1.5rem;
  }

  .expert-directory-search .expert-directory-search__form .form__fields {
    padding: 0px;
  }

  .expert-directory-search .section__content {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}

@media screen and (max-width: 767px) {
  .expert-directory-search
    .expert-directory-search__header
    .expert-directory-search__actions {
    display: none;
  }

  .expert-directory-search .header__burger-menu svg {
    fill: var(--white-1000);
  }

  .expert-directory-search__results .results__top .results__title {
    font-size: 2rem;
  }

  .expert-directory-search__results.section.section__wrapper,
  .expert-directory-search__results.section.section__wrapper:not(
      .expert-directory-search__results--empty
    ) {
    background-position: bottom center;
    background-size: auto 23.4375rem;
  }

  .expert-directory-search__results .results__top .body {
    width: 100%;
    font-size: 1rem;
  }

  .expert-directory-search__results .results__background {
    height: 21.25rem;
  }

  .expert-directory-search .btn__submit {
    width: 100%;
    gap: 0.5rem;
    margin-top: 1rem;
    color: var(--purple-900, #6d41b1);
  }

  .expert-directory-search .btn__submit.loading {
    color: var(--white-1000, #fff);
  }

  .expert-directory-search .btn__submit.loading span:not(.loading-text),
  .expert-directory-search .btn__submit:not(.loading) .loading-text {
    display: none;
  }
}