/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[11].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[11].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[11].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[11].oneOf[9].use[5]!./UI/styles/classes.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.classes_limit__5BTGq {
  width: 100%;
  max-width: 78.75rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  margin-inline: auto;
  position: relative;
}

.classes_section__ZlZup {
  --padding: 3.125rem;
  padding-top: var(--padding);
  padding-bottom: var(--padding);
  position: relative;
}
@media screen and (max-width: 800px) {
  .classes_section__ZlZup {
    --padding: 2.5rem;
  }
}
@media screen and (max-width: 500px) {
  .classes_section__ZlZup {
    --padding: 1.875rem;
  }
}

.classes_sectionBottom0__rGeAE {
  padding-bottom: 0;
}

.classes_flex-centered__gkaIP {
  display: flex;
  align-items: center;
  justify-content: center;
}

.classes_blockTitle__BYdGL {
  font-size: 1.75rem;
  line-height: 1.1;
  font-weight: 500;
  margin-bottom: 1.875rem;
}
.classes_blockTitle__BYdGL strong {
  font-weight: 700;
}
@media screen and (max-width: 800px) {
  .classes_blockTitle__BYdGL {
    font-size: 1.5rem;
    margin-bottom: 1.5625rem;
  }
}
@media screen and (max-width: 500px) {
  .classes_blockTitle__BYdGL {
    font-size: 1rem;
    margin-bottom: 1.25rem;
  }
}

.classes_blockWhiteTitle__z9_1X {
  color: var(--white-color);
}

.classes_blockBlueTitle__TjC3k {
  color: var(--blue-500);
}

.classes_blockTitleCentered__NEDmX {
  text-align: center;
}

.classes_blockBlueTitleCentered__fYTB8 {
  color: var(--blue-500);
}

.classes_button__sRlZa {
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: max-content;
  font-weight: 600;
  line-height: 1;
  cursor: pointer;
  transition: background-color ease 0.25s, transform ease 0.25s, box-shadow ease 0.25s, color ease 0.25s, border-color ease 0.25s;
}
.classes_button__sRlZa.classes_large__vvJaj {
  min-width: 11.875rem;
  margin-inline: auto;
  min-height: 2.5rem;
}
.classes_button__sRlZa:hover {
  transform: translateY(-0.125rem);
  box-shadow: 0 0.3125rem 0.9375rem rgba(2, 8, 14, 0.25);
}
.classes_button__sRlZa:hover img {
  transition: all ease 0.25s;
  filter: brightness(10000);
}
.classes_button__sRlZa:active {
  transition: transform ease 0.1s, box-shadow ease 0.1s;
  transform: translateY(0);
  box-shadow: 0 0 0 rgba(2, 8, 14, 0.25);
}

.classes_regularButton__fQzNc {
  gap: 0.625rem;
  font-size: 1rem;
  min-height: 3.125rem;
  border-radius: 0.625rem;
  padding: 0.625rem 1.875rem;
}
@media screen and (max-width: 800px) {
  .classes_regularButton__fQzNc {
    min-height: 2.8125rem;
    padding: 0.5625rem 1.5625rem;
    border-radius: 0.5rem;
  }
}
@media screen and (max-width: 500px) {
  .classes_regularButton__fQzNc {
    min-height: 2.5rem;
    padding: 0.5rem 1.25rem;
    gap: 0.5rem;
    font-size: 0.9375rem;
  }
  .classes_regularButton__fQzNc img {
    transform: scale(0.9);
  }
}

.classes_blackButton__5mQAb {
  background-color: var(--black-500);
  color: var(--white-color);
}
.classes_blackButton__5mQAb img {
  filter: brightness(10000);
}
.classes_blackButton__5mQAb:hover {
  background-color: var(--light-blue-500);
}

.classes_whiteButton__Cs_No {
  background-color: var(--white-color);
  color: var(--black-500);
}
.classes_whiteButton__Cs_No:hover {
  background-color: var(--light-blue-500);
  color: var(--white-color);
}

.classes_lightblueButton__vB55u {
  background-color: var(--light-blue-500);
  color: var(--white-color);
}
.classes_lightblueButton__vB55u img {
  filter: brightness(10000);
}
.classes_lightblueButton__vB55u:hover {
  background-color: var(--blue-500);
  color: var(--white-color);
}

.classes_blueButton__5o2EH {
  background-color: var(--blue-500);
  color: var(--white-color);
}
.classes_blueButton__5o2EH img {
  filter: brightness(10000);
}
.classes_blueButton__5o2EH:hover {
  background-color: var(--light-blue-500);
}

.classes_grayButton__qLxjX {
  background-color: var(--gray-400);
  color: var(--white-color);
}
.classes_grayButton__qLxjX img {
  filter: brightness(10000);
}
.classes_grayButton__qLxjX:hover {
  background-color: var(--light-blue-500);
}

.classes_regularBlueButton__SXh0b {
}

.classes_regularBlackButton__NOtis {
}

.classes_regularWhiteButton__AvHbY {
}

.classes_regularLightblueButton__G03SJ {
}

.classes_regularGrayButton__RIaFU {
}

.classes_verticalButtons__wMWjP {
  display: flex;
  flex-direction: column;
  gap: 0.9375rem;
}

.classes_animImage__LnqcP {
  opacity: 0;
}
@keyframes classes_imageFadeIn__Fnm4z {
  from {
    opacity: 0;
    transform: scale(1.1);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.classes_animImage__LnqcP.classes_in__CCuvL {
  animation-name: classes_imageFadeIn__Fnm4z;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}

.classes_animBlock___5ldG {
  opacity: 0;
}
@keyframes classes_blockFadeIn__jU5x8 {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.classes_animBlock___5ldG.classes_in__CCuvL {
  animation-name: classes_blockFadeIn__jU5x8;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[11].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[11].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[11].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[11].oneOf[9].use[5]!./components/common/BannerTitle/BannerTitle.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.BannerTitle_background__f46rI {
  background-color: #F5F5F5;
}

.BannerTitle_container__O8m17 {
  display: flex;
  gap: 2.125rem;
  min-height: 7.9375rem;
  justify-content: space-between;
}

.BannerTitle_containerTitle__Duufr {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.BannerTitle_title___zhfZ {
  font-size: 2.375rem;
  text-transform: uppercase;
}

.BannerTitle_image__HeBTa {
  width: 6.375rem;
  height: 7.9375rem;
  overflow: hidden;
}
.BannerTitle_image__HeBTa svg {
  margin-top: -4.3125rem;
  width: 6.375rem;
  height: 12.5rem;
}

@media screen and (max-width: 600px) {
  .BannerTitle_image__HeBTa {
    margin-right: -1.25rem;
    width: 4.625rem;
    height: 9.125rem;
    overflow: hidden;
  }
  .BannerTitle_image__HeBTa svg {
    margin-top: 0;
    width: 4.625rem;
    height: 9.125rem;
  }
  .BannerTitle_title___zhfZ {
    font-size: 1.375rem;
  }
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[11].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[11].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[11].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[11].oneOf[9].use[5]!./components/ui/Input/Input.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Input_input__VnLU8 {
  height: 2.5rem;
  width: 100%;
  border-radius: 0.3125rem;
  border: 0.0625rem solid #979797;
  padding-inline: 0.9375rem;
  font-size: 1rem;
  font-weight: 500;
  color: var(--black-500);
  background-color: var(--white-color);
}
.Input_input__VnLU8:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px #FFF inset;
  -webkit-text-fill-color: var(--black-500);
}
.Input_input__VnLU8:-moz-autofill {
  box-shadow: 0 0 0 30px #FFF inset;
  -moz-text-fill-color: var(--black-500);
}
.Input_input__VnLU8::-webkit-input-placeholder {
  color: #5F6368;
}
.Input_input__VnLU8:-moz-placeholder {
  color: #5F6368;
}
.Input_input__VnLU8::-moz-placeholder {
  color: #5F6368;
}
.Input_input__VnLU8:-ms-input-placeholder {
  color: #5F6368;
}
.Input_input__VnLU8:focus {
  border-color: var(--light-blue-500);
}

.Input_select__3tUhg {
  background: var(--white-color);
  width: 100%;
  height: 100%;
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
  font-size: 1rem;
  font-weight: 500;
  color: var(--black-500);
}

.Input_textarea__idObv {
  height: 10.25rem;
  padding: 0.9375rem;
}

.Input_file__9KhKH {
  position: relative;
  max-width: 17.5rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.Input_file__9KhKH input {
  display: none;
}
.Input_file__9KhKH strong {
  color: var(--blue-500);
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 13.75rem;
}

.Input_error__7_Sse {
  color: red;
  position: absolute;
  bottom: -1.5625rem;
  font-size: 0.875rem;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[11].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[11].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[11].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[11].oneOf[9].use[5]!./components/common/ComplaintsBook/ComplaintsBook.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ComplaintsBook_invalidFieldContainer__rK77_ {
  /* border: 2px solid #e74c3c !important;
  background-color: #fdf2f2 !important; */
}

.ComplaintsBook_errorMessage__w3zBW {
  color: #e74c3c;
  font-size: 0.875rem;
  margin-top: 0.3125rem;
  display: block;
}

.ComplaintsBook_container__LlDkV {
  display: flex;
  flex-direction: column;
  gap: 2.125rem;
}

.ComplaintsBook_description__JMcOF {
  font-size: 1.25rem;
  font-weight: 500;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.ComplaintsBook_description__JMcOF p {
  text-align: center;
  line-height: 1.5;
}
.ComplaintsBook_description__JMcOF strong,
.ComplaintsBook_description__JMcOF a {
  font-weight: 700;
}
.ComplaintsBook_description__JMcOF a {
  text-decoration: underline;
}
.ComplaintsBook_description__JMcOF a:hover {
  text-decoration: none;
}

.ComplaintsBook_secondDescription__aHI0Z {
  background-color: var(--gray-100);
  border-radius: 1.25rem;
  padding: 1.875rem;
  max-width: 56.25rem;
  margin-inline: auto;
}

.ComplaintsBook_form__iaOTw {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.ComplaintsBook_formTitle__A4yGf {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.3;
  margin-top: 20px;
}

.ComplaintsBook_formBlock__fjutV {
  display: flex;
  flex-wrap: wrap;
  gap: 1.0625rem 1.25rem;
}

.ComplaintsBook_formBlock2__knvgz {
  display: flex;
  flex-wrap: wrap;
  gap: 1.0625rem 1.25rem;
}
.ComplaintsBook_formBlock2__knvgz > input,
.ComplaintsBook_formBlock2__knvgz > div,
.ComplaintsBook_formBlock2__knvgz > textarea {
  width: calc(50% - 0.625rem);
}

.ComplaintsBook_formBlock3__EMlLM {
  display: flex;
  flex-wrap: wrap;
  gap: 1.0625rem 1.25rem;
}
.ComplaintsBook_formBlock3__EMlLM > input,
.ComplaintsBook_formBlock3__EMlLM > div,
.ComplaintsBook_formBlock3__EMlLM > textarea {
  width: calc(33% - 0.625rem);
}

.ComplaintsBook_formLabel__yqgMU {
  display: block;
  font-size: 1.125rem;
  margin-bottom: 0.3125rem;
  font-weight: bold;
}

.ComplaintsBook_formDescription__mQkHn {
  font-size: 1.125rem;
  line-height: 2.1875rem;
}
.ComplaintsBook_formDescription__mQkHn strong {
  font-weight: bold;
}

.ComplaintsBook_formColumn__ojJwa {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.ComplaintsBook_formFile__BjDED {
  border: 1px dashed #979797;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1.5rem;
  border-radius: 0.4375rem;
  background-color: rgba(36, 57, 84, 0.0392156863);
  flex-direction: column;
}

.ComplaintsBook_formFileDescription__Lwc9c {
  font-size: 0.75rem;
  margin-top: 1rem;
}

.ComplaintsBook_formInfo__B9Whr {
  font-size: 1.125rem;
  line-height: 1.875rem;
}
.ComplaintsBook_formInfo__B9Whr strong {
  font-weight: bold;
}

.ComplaintsBook_formDateObservation__5te8O {
  font-size: 1.125rem;
  width: 100%;
}
.ComplaintsBook_formDateObservation__5te8O strong {
  display: block;
  margin-bottom: 0.625rem;
  font-weight: bold;
}
.ComplaintsBook_formDateObservation__5te8O input {
  max-width: 11.875rem;
  background-color: rgba(36, 57, 84, 0.0392156863);
  border: 1px solid #36598A;
  border-radius: 7px;
}

.ComplaintsBook_formDetailObservation__n21XV {
  width: 100%;
}
.ComplaintsBook_formDetailObservation__n21XV textarea {
  border-radius: 0.4375rem;
  background-color: rgba(36, 57, 84, 0.0392156863);
  height: 6.25rem;
}

.ComplaintsBook_formList__GL_DF {
  margin-left: 1.125rem;
}
.ComplaintsBook_formList__GL_DF li {
  list-style: disc;
}

.ComplaintsBook_button__CJjCh {
  margin-top: 1.25rem;
  width: 100%;
  max-width: 16.25rem;
}
.ComplaintsBook_button__CJjCh[disable] {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}

.ComplaintsBook_thanks__lAp_n {
  width: 100%;
  max-width: 37.5rem;
  padding-top: 1.875rem;
  padding-bottom: 1.875rem;
  margin-inline: auto;
  line-height: 1.4;
}

.ComplaintsBook_thanksTitle__V_K2I {
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
  gap: 1.25rem;
  font-size: 1.75rem;
  color: var(--blue-500);
  font-weight: 500;
}

.ComplaintsBook_thanksText__Nv6QC {
  font-size: 1.25rem;
  font-weight: 500;
  text-align: center;
  margin: 0.3125rem 0 1.25rem;
}

.ComplaintsBook_inputIconContainer__ZxfCu {
  position: absolute;
  top: 0.75rem;
  right: 0.625rem;
  width: 1.25rem;
  height: 1.25rem;
}
.ComplaintsBook_inputIconContainer__ZxfCu:hover .ComplaintsBook_tooltip__eaYeQ {
  opacity: 1;
  visibility: visible;
}

.ComplaintsBook_inputIcon__HnK2T {
  width: 1.25rem;
  height: 1.25rem;
}

.ComplaintsBook_tooltip__eaYeQ {
  position: absolute;
  top: 100%;
  right: -1.5625rem;
  background: #3b5998;
  color: white;
  padding: 20px 25px;
  border-radius: 12px;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
  min-width: 25rem;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  z-index: 1000;
  font-size: 15px;
  text-align: justify;
  -webkit-hyphens: initial;
          hyphens: initial;
}
.ComplaintsBook_tooltip__eaYeQ:after {
  content: "";
  position: absolute;
  bottom: 100%;
  right: 0.625rem;
  transform: translateX(-50%);
  border: 12px solid transparent;
  border-bottom-color: #3b5998;
}

.ComplaintsBook_invalidField__RR4If {
  border: 2px solid #e74c3c !important;
  background-color: #fdf2f2 !important;
}

.ComplaintsBook_validField__N_upu {
  border: 2px solid #27ae60 !important;
  background-color: #f0fff4 !important;
}

@media screen and (max-width: 800px) {
  .ComplaintsBook_description__JMcOF {
    font-size: 1.125rem;
  }
  .ComplaintsBook_description__JMcOF p {
    line-height: 1.35;
  }
  .ComplaintsBook_container__LlDkV {
    gap: 1.875rem;
  }
  .ComplaintsBook_formBlock2__knvgz > input,
  .ComplaintsBook_formBlock2__knvgz > div,
  .ComplaintsBook_formBlock2__knvgz > textarea {
    width: 100%;
  }
  .ComplaintsBook_formBlock3__EMlLM > input,
  .ComplaintsBook_formBlock3__EMlLM > div,
  .ComplaintsBook_formBlock3__EMlLM > textarea {
    width: 100%;
  }
}
@media screen and (max-width: 700px) {
  .ComplaintsBook_formBlock__fjutV > input,
  .ComplaintsBook_formBlock__fjutV > div,
  .ComplaintsBook_formBlock__fjutV > textarea {
    width: 100%;
  }
  .ComplaintsBook_formColumn__ojJwa.ComplaintsBook_first__bB4eP {
    margin-bottom: 0.9375rem;
  }
  .ComplaintsBook_thanks__lAp_n {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
  .ComplaintsBook_thanksTitle__V_K2I {
    gap: 0.9375rem;
    font-size: 1.5rem;
  }
  .ComplaintsBook_thanksIcon__qALqM {
    width: 3.75rem;
    height: auto;
  }
  .ComplaintsBook_thanksText__Nv6QC {
    font-size: 1.125rem;
    margin: 0.3125rem 0 1.25rem;
  }
}
@media screen and (max-width: 600px) {
  .ComplaintsBook_container__LlDkV {
    gap: 1.5625rem;
  }
  .ComplaintsBook_form__iaOTw {
    gap: 0.9375rem;
  }
  .ComplaintsBook_formBlock__fjutV {
    margin-bottom: 0.5rem;
    gap: 0.8125rem;
  }
  .ComplaintsBook_formColumn__ojJwa.ComplaintsBook_first__bB4eP {
    margin-bottom: 0.5rem;
  }
  .ComplaintsBook_formTitle__A4yGf {
    font-size: 1.125rem;
  }
  .ComplaintsBook_description__JMcOF {
    font-size: 1.0625rem;
  }
  .ComplaintsBook_secondDescription__aHI0Z {
    border-radius: 0.75rem;
    padding: 1.25rem;
  }
}
@media screen and (max-width: 500px) {
  .ComplaintsBook_tooltip__eaYeQ {
    min-width: 18.75rem;
  }
  .ComplaintsBook_formTitle__A4yGf {
    font-size: 1.0625rem;
  }
  .ComplaintsBook_description__JMcOF {
    font-size: 1rem;
  }
  .ComplaintsBook_thanks__lAp_n {
    padding-top: 0.9375rem;
    padding-bottom: 0.9375rem;
  }
  .ComplaintsBook_thanksTitle__V_K2I {
    gap: 0.75rem;
    font-size: 1.25rem;
  }
  .ComplaintsBook_thanksIcon__qALqM {
    width: 3.125rem;
  }
  .ComplaintsBook_thanksText__Nv6QC {
    font-size: 1rem;
    margin: 0.3125rem 0 1.25rem;
  }
}