@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&display=swap');

.s_oc_services_search {
  position: relative !important;
  min-height: 115vh !important;
  width: 100% !important;
  background-image: url('/oc-snippets/static/src/img/services/block_2.png') !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  padding-top: 147px !important;
  padding-bottom: 80px !important;
}

.s_oc_services_search__top-figure {
  display: block !important;
  margin: 0 auto 14px auto !important;
  height: auto !important;
  width: 86px !important;
  max-width: 22vw !important;
  pointer-events: none !important;
}

.s_oc_services_search__bottom-figure {
  display: block !important;
  margin: -318px auto 16px auto !important;
  height: auto !important;
  pointer-events: none !important;
}

.s_oc_services_search__title {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 600 !important;
  font-size: 64px !important;
  line-height: 100% !important;
  text-align: center !important;
  color: #ffffff !important;
  margin: 0 !important;
}

.s_oc_services_search__subtitle {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 150% !important;
  text-align: center !important;
  color: #d0d0d0 !important;
  margin-top: 16px !important;
  margin-bottom: 24px !important;
}

.s_oc_services_search__pill-group {
  display: flex !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 14px !important;
  margin-top: 24px !important;
}

.s_oc_services_search__pill {
  border-radius: 999px !important;
  padding: 10px 32px !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  border: 1px solid rgba(255, 255, 255, 0.7) !important;
  background: transparent !important;
  color: #ffffff !important;
  cursor: pointer !important;
  text-decoration: none !important;
  transition: background 0.2s ease, color 0.2s ease !important;
}

.s_oc_services_search__pill--active {
  background: #e3dce5 !important;
  color: #1c1e22 !important;
  border-color: #e3dce5 !important;
  font-weight: 700 !important;
}

.s_oc_services_search__pill--normal {
  background: transparent !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.7) !important;
}

.s_oc_services_search__pill--normal:hover {
  background: rgba(255, 255, 255, 0.08) !important;
}

.s_oc_services_search__search-wrap {
  display: flex !important;
  justify-content: center !important;
  margin-top: 28px !important;
}

.s_oc_services_search__search {
  display: flex !important;
  align-items: center !important;
  border: 1px solid rgba(255, 255, 255, 0.6) !important;
  border-radius: 999px !important;
  width: 460px !important;
  max-width: 90% !important;
  padding: 10px 22px !important;
  background: rgba(0, 0, 0, 0.35) !important;
}

.s_oc_services_search__input {
  background: transparent !important;
  border: none !important;
  outline: none !important;
  width: 100% !important;
  color: #ffffff !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 15px !important;
}

.s_oc_services_search__input::placeholder {
  color: #9e97b0 !important;
}

.s_oc_services_search__icon {
  margin-left: 10px !important;
  font-size: 16px !important;
  color: #ffffff !important;
}

.s_oc_services_search__bottom {
  transform: translateY(382px) !important;
  text-align: center !important;
  padding: 0 20px !important;
}

.s_oc_services_search__bottom-title {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 600 !important;
  font-size: 64px !important;
  color: #ffffff !important;
  margin-bottom: 20px !important;
}

.s_oc_services_search__bottom-text {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 150% !important;
  color: #d0d0d0 !important;
  max-width: 847px !important;
  margin: 0 auto !important;
}


@media (max-width: 575.98px) {

  .s_oc_services_search {
    min-height: auto !important;
    padding-top: 96px !important;
    padding-bottom: 64px !important;
  }

  .s_oc_services_search__title {
    font-size: 32px !important;
    line-height: 1.15 !important;
  }

  .s_oc_services_search__subtitle {
    font-size: 13px !important;
  }

  .s_oc_services_search__pill {
    font-size: 13px !important;
    padding: 8px 22px !important;
  }

  .s_oc_services_search__bottom {
    transform: none !important;
    margin-top: 80px !important;
    padding: 0 16px !important;
  }

  .s_oc_services_search__bottom-title {
    font-size: 32px !important;
    line-height: 1.15 !important;
    margin-bottom: 16px !important;
  }

  .s_oc_services_search__bottom-text {
    font-size: 13px !important;
    line-height: 1.45 !important;
  }

  .s_oc_services_search__bottom-figure {
    margin: 0 auto 12px auto !important;
    max-width: 140px !important;
  }
}

@media (max-width: 1750px) {
  .s_oc_services_search {
    min-height: 946px !important;
    background-image: url('/oc-snippets/static/src/img/services/block_2.png') !important;
  }

  .s_oc_services_search__bottom {
    transform: translateY(335px) !important;
    text-align: center !important;
    padding: 0 20px !important;
  }

  .s_oc_services_search__top-figure {
    width: 78px !important;
  }

}