/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/routes/banquet/banquet-page.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.banquet-page_wrapper__1qoCX {
  display: grid;
  height: 100%;
  width: 100%;
  padding: 70px;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(8, 1fr);
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-areas: "title title submit submit" "name name comment comment" "phone phone comment comment" "choose choose choose choose" "event event birthday birthday" "event event birthday birthday" "event event corporate other" "event event corporate other";
}

.banquet-page_titleWrapper__QQwvD {
  grid-area: title;
}
.banquet-page_titleWrapper__QQwvD .banquet-page_first__mxjUX {
  font-family: var(--font-montserrat-alternates);
  font-weight: 700;
  font-size: 1.5rem;
}
.banquet-page_titleWrapper__QQwvD .banquet-page_second__JBLxX {
  font-family: var(--font-montserrat);
  font-weight: 500;
  margin-top: 10px;
}

.banquet-page_name__v3HBP {
  grid-area: name;
}

.banquet-page_phone__evQxX {
  grid-area: phone;
}

.banquet-page_submit__ijg_y {
  grid-area: submit;
}

.banquet-page_comment__A92jJ {
  grid-area: comment;
}

.banquet-page_choose__oNX16 {
  grid-area: choose;
  font-family: var(--font-montserrat-alternates);
  font-weight: 700;
  font-size: 1.5rem;
  text-align: center;
  align-self: center;
}

.banquet-page_event__6RM1r {
  grid-area: event;
  border-bottom-left-radius: 30px;
}

.banquet-page_birthday__KsOxG {
  grid-area: birthday;
}

.banquet-page_corporate__qJ3hc {
  grid-area: corporate;
}

.banquet-page_other__MSh3a {
  grid-area: other;
  border-bottom-right-radius: 30px;
}

.banquet-page_imageWrapper__scvuE {
  position: relative;
  overflow: hidden;
}

.banquet-page_imageText__xTERC {
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 20px;
  color: white;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  -webkit-backdrop-filter: brightness(0.6);
          backdrop-filter: brightness(0.6);
  border-radius: inherit;
}

.banquet-page_upper__rcv_v {
  font-family: var(--font-montserrat-alternates);
  font-weight: 600;
  max-width: min-content;
}

.banquet-page_middle__qgUsl {
  font-family: var(--font-montserrat);
  font-weight: 400;
  font-size: 0.8rem;
  white-space: pre-line;
  line-height: 1rem;
  margin-top: 30px;
}

.banquet-page_bottom__meBHp {
  font-family: var(--font-montserrat);
  font-weight: 700;
  font-size: 1rem;
  flex: 1 1;
  align-content: end;
  text-transform: capitalize;
}

@media (min-width: 769px) and (max-width: 1024px) {
  .banquet-page_wrapper__1qoCX {
    padding: 70px 0px 70px 0px;
    overflow: auto;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 2fr 2fr 2fr 2fr;
    grid-template-areas: "title" "name" "phone" "comment" "submit" "choose" "event" "birthday" "corporate" "other";
  }
  .banquet-page_titleWrapper__QQwvD,
  .banquet-page_name__v3HBP,
  .banquet-page_phone__evQxX,
  .banquet-page_comment__A92jJ,
  .banquet-page_submit__ijg_y,
  .banquet-page_choose__oNX16 {
    margin: 0px 20px;
  }
  .banquet-page_submit__ijg_y {
    width: 90% !important;
    align-self: center;
  }
  .banquet-page_titleWrapper__QQwvD {
    text-align: center;
  }
  .banquet-page_imageWrapper__scvuE {
    height: 200px;
  }
  .banquet-page_event__6RM1r,
  .banquet-page_other__MSh3a {
    border-radius: 0px;
  }
  .banquet-page_event__6RM1r img,
  .banquet-page_other__MSh3a img {
    border-radius: 0px !important;
  }
}
@media (max-width: 768px) {
  .banquet-page_wrapper__1qoCX {
    padding: 70px 0px 70px 0px;
    overflow: auto;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 2fr 2fr 2fr 2fr;
    grid-template-areas: "title" "name" "phone" "comment" "submit" "choose" "event" "birthday" "corporate" "other";
  }
  .banquet-page_titleWrapper__QQwvD,
  .banquet-page_name__v3HBP,
  .banquet-page_phone__evQxX,
  .banquet-page_comment__A92jJ,
  .banquet-page_submit__ijg_y,
  .banquet-page_choose__oNX16 {
    margin: 0px 20px;
  }
  .banquet-page_submit__ijg_y {
    width: 90% !important;
    align-self: center;
  }
  .banquet-page_titleWrapper__QQwvD {
    text-align: center;
  }
  .banquet-page_imageWrapper__scvuE {
    height: 200px;
  }
  .banquet-page_event__6RM1r,
  .banquet-page_other__MSh3a {
    border-radius: 0px;
  }
  .banquet-page_event__6RM1r img,
  .banquet-page_other__MSh3a img {
    border-radius: 0px !important;
  }
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/components/custom-button/custom-button.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.custom-button_button__HDp2W {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--foreground);
  color: var(--background);
  font-family: var(--font-montserrat-alternates);
  border-radius: 30px;
  padding: 20px 30px;
  border: none;
  cursor: pointer;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/components/form-input/form-input.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.form-input_label__UmP8P {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  color: #f1eeeb;
  background: rgba(230, 225, 221, 0.1);
  font-family: var(--font-montserrat-alternates);
  font-weight: 700;
  font-size: 0.7rem;
  padding: 20px 30px;
}

.form-input_input__BJfCh {
  display: flex;
  font-family: var(--font-montserrat);
  font-weight: 500;
  border: none;
  background: transparent;
  color: rgb(164, 164, 164);
  width: 100%;
}
.form-input_input__BJfCh::placeholder {
  color: currentColor;
}
.form-input_input__BJfCh:focus {
  outline: none;
}

.form-input_input__BJfCh[type=date] {
  color-scheme: dark;
}

@media (min-width: 769px) and (max-width: 1024px) {
  .form-input_input__BJfCh {
    font-size: 0.9rem;
  }
  .form-input_input__BJfCh::placeholder {
    font-size: 0.8rem;
  }
  .form-input_label__UmP8P {
    padding: 10px 20px;
  }
}
@media (max-width: 768px) {
  .form-input_input__BJfCh {
    font-size: 0.9rem;
  }
  .form-input_input__BJfCh::placeholder {
    font-size: 0.8rem;
  }
  .form-input_label__UmP8P {
    padding: 10px 20px;
  }
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/components/form-textarea/form-textarea.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.form-textarea_wrapper__iTvxR {
  display: flex;
  flex-direction: column;
  gap: 5px;
  color: #f1eeeb;
  background: rgba(230, 225, 221, 0.1);
  font-family: var(--font-montserrat-alternates);
  font-weight: 700;
  font-size: 0.7rem;
  padding: 20px 30px;
}

.form-textarea_input__jH8sJ {
  display: flex;
  font-family: var(--font-montserrat);
  font-weight: 500;
  border: none;
  background: transparent;
  color: rgb(164, 164, 164);
  resize: none;
}
.form-textarea_input__jH8sJ::placeholder {
  color: rgb(164, 164, 164);
}
.form-textarea_input__jH8sJ:focus {
  outline: none;
}