/*!*********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/search-by-service-or-location/style.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************/
.wp-block-msi-blocks-search-by-service-or-location {
  background-color: var(--wp--preset--color--light-blue);
  color: var(--wp--preset--color--dark-blue);
  padding: 80px 0;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.wp-block-msi-blocks-search-by-service-or-location .input-container {
  width: 100%;
  max-width: var(--wp--style--global--wide-size);
  background-color: transparent;
  padding: 0;
}
@media only screen and (max-width: 1355px) {
  .wp-block-msi-blocks-search-by-service-or-location .input-container {
    padding: 0 24px;
  }
}
@media only screen and (max-width: 768px) {
  .wp-block-msi-blocks-search-by-service-or-location .input-container {
    padding: 0 !important;
  }
}
.wp-block-msi-blocks-search-by-service-or-location p {
  font-family: var(--wp--preset--font-family--font-msi-sp);
}
@media only screen and (max-width: 768px) {
  .wp-block-msi-blocks-search-by-service-or-location {
    padding: 48px 24px;
  }
}
.wp-block-msi-blocks-search-by-service-or-location .search-section {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}
@media only screen and (max-width: 768px) {
  .wp-block-msi-blocks-search-by-service-or-location .search-section {
    flex-direction: column;
  }
}
.wp-block-msi-blocks-search-by-service-or-location .search-section label {
  visibility: hidden;
}
.wp-block-msi-blocks-search-by-service-or-location .search-section select {
  padding: 16px 72px 16px 24px;
  border: 1px solid var(--wp--preset--color--dark-blue);
  background-color: var(--wp--preset--color--white);
  border-radius: 4px;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDE0IDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMSAxTDcgN0wxMyAxIiBzdHJva2U9IiMyODM1NzMiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+DQo8L3N2Zz4NCg==) !important;
  background-size: unset !important;
  background-position: calc(100% - 25px) 50% !important;
  background-repeat: no-repeat !important;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  .wp-block-msi-blocks-search-by-service-or-location .search-section select {
    width: 100%;
  }
}
.wp-block-msi-blocks-search-by-service-or-location .search-section .input_box {
  position: relative;
}
.wp-block-msi-blocks-search-by-service-or-location .search-section .input_box input {
  display: flex;
  background-color: var(--wp--preset--color--white);
  padding: 16px 16px 16px 48px;
  border: 1px solid var(--wp--preset--color--dark-blue);
  border-radius: 4px;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
}
.wp-block-msi-blocks-search-by-service-or-location .search-section .input_box input ::-moz-placeholder {
  color: var(--wp--preset--color--grey);
}
.wp-block-msi-blocks-search-by-service-or-location .search-section .input_box input ::placeholder {
  color: var(--wp--preset--color--grey);
}
@media only screen and (max-width: 768px) {
  .wp-block-msi-blocks-search-by-service-or-location .search-section .input_box input {
    width: 100%;
  }
}
.wp-block-msi-blocks-search-by-service-or-location .search-section .input_box img {
  position: absolute;
  top: 19px;
  left: 19px;
  width: 18px;
  height: 18px;
}
.wp-block-msi-blocks-search-by-service-or-location .search-section button {
  padding: 12px;
  width: 58px;
  height: 58px;
  background: var(--wp--preset--color--dark-blue);
  border-radius: 6px;
  cursor: pointer;
  color: var(--wp--preset--color--white);
}
.wp-block-msi-blocks-search-by-service-or-location .search-section button:hover {
  background: var(--wp--preset--color--white);
  border: 1px solid var(--wp--preset--color--dark-blue);
  color: var(--wp--preset--color--dark-blue);
}
.wp-block-msi-blocks-search-by-service-or-location .search-section .target-button {
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  align-items: center;
  -moz-column-gap: 14px;
       column-gap: 14px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
  font-family: var(--wp--preset--font-family--font-msi-an);
  letter-spacing: 0.05em;
  padding: 12px 24px 12px 15px;
}

/*# sourceMappingURL=style-index.css.map*/