/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.102.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.102.1/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/.pnpm/sass-loader@16.0.6_sass@1.93.3_webpack@5.102.1/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/assets/scss/modal.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.modal-container {
  position: relative;
}
.modal-container .modal-button, .modal-container .modal-button-black {
  cursor: pointer;
}
@media (max-width: 540px) {
  .modal-container .modal-button, .modal-container .modal-button-black {
    font-size: 16px !important;
  }
}
.modal-container .modal-button:after, .modal-container .modal-button-black:after {
  transition: all 150ms linear;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  content: "";
  display: inline-block;
  position: absolute;
  display: inline-block;
  width: 22px;
  height: 22px;
  right: 32px;
}
@media (max-width: 540px) {
  .modal-container .modal-button:after, .modal-container .modal-button-black:after {
    width: 16px;
    height: 16px;
    right: 0;
  }
}
.modal-container .modal-button:after, .modal-container .modal-button-black:after {
  background-image: url("data:image/svg+xml,%3Csvg viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cg id=%27SVGRepo_bgCarrier%27 stroke-width=%270%27%3E%3C/g%3E%3Cg id=%27SVGRepo_tracerCarrier%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3C/g%3E%3Cg id=%27SVGRepo_iconCarrier%27%3E%3Cpath d=%27M4 12H20M12 4V20%27 stroke=%27%23ffffff%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}
.modal-container .modal-button-black {
  cursor: pointer;
}
.modal-container .modal-button-black:after {
  background-image: url("data:image/svg+xml,%3Csvg viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cg id=%27SVGRepo_bgCarrier%27 stroke-width=%270%27%3E%3C/g%3E%3Cg id=%27SVGRepo_tracerCarrier%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3C/g%3E%3Cg id=%27SVGRepo_iconCarrier%27%3E%3Cpath d=%27M13 3C13 2.44772 12.5523 2 12 2C11.4477 2 11 2.44772 11 3V11H3C2.44772 11 2 11.4477 2 12C2 12.5523 2.44772 13 3 13H11V21C11 21.5523 11.4477 22 12 22C12.5523 22 13 21.5523 13 21V13H21C21.5523 13 22 12.5523 22 12C22 11.4477 21.5523 11 21 11H13V3Z%27 fill=%27%23111111%27%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}
.modal-container .modal-content {
  display: none;
}
@media (max-width: 420px) {
  .wp-container-core-columns-is-layout-e5962b62 div {
    padding: 0 !important;
  }
}
.modal-overlay {
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 4;
  margin: 0 !important;
}
.modal-textbox,
.modal-textbox-black {
  position: fixed;
  top: 50vh;
  left: 50vw;
  transform: translate(-50%, -50%);
  background: #ffffff;
  padding: 32px;
  border-radius: 8px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
  z-index: 5;
  width: 90%;
  max-width: 1000px;
  box-sizing: border-box;
  margin: 0 !important;
}
.modal-textbox h3,
.modal-textbox-black h3 {
  margin: 0;
}
.modal-textbox p,
.modal-textbox-black p {
  padding-right: 20%;
}
.modal-textbox-black {
  background: #111111;
  color: #ffffff;
}
.modal-textbox-black h3 {
  color: #ffffff;
}
.modal-close,
.modal-close-black {
  position: absolute;
  transition: all 150ms linear;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  content: "";
  display: inline-block;
  position: absolute;
  top: 32px;
  right: 32px;
  width: 25px;
  height: 25px;
  padding: 0;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background-color: transparent;
  border: none !important;
  outline: none;
  background-image: url("data:image/svg+xml,%3Csvg viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cg id=%27SVGRepo_bgCarrier%27 stroke-width=%270%27%3E%3C/g%3E%3Cg id=%27SVGRepo_tracerCarrier%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3C/g%3E%3Cg id=%27SVGRepo_iconCarrier%27%3E%3Cpath d=%27M19 5L4.99998 19M5.00001 5L19 19%27 stroke=%27%23000000%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}
.modal-close-black {
  background-image: url("data:image/svg+xml,%3Csvg viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cg id=%27SVGRepo_bgCarrier%27 stroke-width=%270%27%3E%3C/g%3E%3Cg id=%27SVGRepo_tracerCarrier%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3C/g%3E%3Cg id=%27SVGRepo_iconCarrier%27%3E%3Cpath d=%27M19 5L4.99998 19M5.00001 5L19 19%27 stroke=%27%23ffffff%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}
.ui-dialog-titlebar-close {
  display: none;
}
.no-scroll {
  overflow: hidden;
  height: 100%;
}
@media (max-width: 1100px) {
  .wp-container-core-columns-is-layout-24d2ec07 {
    display: block !important;
  }
  .wp-container-core-columns-is-layout-24d2ec07 p {
    padding-top: 32px;
  }
}
@media (max-width: 955px) {
  .wp-container-core-columns-is-layout-e5962b62 {
    display: block !important;
  }
  .wp-container-core-columns-is-layout-e5962b62 .wp-block-column {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

/*# sourceMappingURL=modal.css.map*/