main.form-faq {
  padding-inline: 10px;
}
main.form-faq h1 {
  max-width: var(--width-page2);
  margin: auto;
  width: 100%;
  padding: var(--padding-page);
}
main.form-faq section {
  max-width: var(--width-page2);
  flex: 1;
}

section.contatti div.containerContatti {
  width: 100%;
  display: flex;
  gap: var(--gap);
  flex-wrap: wrap;
  height: 100%;
  -webkit-backdrop-filter: var(--blur);
          backdrop-filter: var(--blur);
  padding: 10px;
  border-radius: calc(var(--border-radius-external) + 10px);
  box-shadow: var(--box-shadow);
}
section.contatti div.containerContatti > div {
  border-radius: var(--border-radius-external);
  padding: var(--padding) var(--padding) calc(var(--padding) - 20px);
  display: flex;
  flex-direction: column;
  min-width: 300px;
  width: 100%;
  flex: 1;
  background-color: color-mix(in srgb, var(--white) 50%, transparent 100%);
}
section.contatti div.containerContatti div.contactForm:has(input:focus, textarea:focus) {
  border: solid 1px var(--color2);
  box-shadow: 0px 0px 38px 0px var(--color2);
}
section.contatti div.containerContatti div.contactForm label {
  font-size: 20px;
  font-family: var(--font-titoli);
}
section.contatti div.containerContatti div.contactForm label span {
  font-size: 16px;
  color: var(--black);
  opacity: 50%;
}
section.contatti div.containerContatti div.contactForm input,
section.contatti div.containerContatti div.contactForm textarea {
  border-radius: 10px;
  border: 1px solid var(--black);
  -webkit-backdrop-filter: var(--blur);
          backdrop-filter: var(--blur);
  background-color: color-mix(in srgb, var(--white), traparent 50%);
  width: 100%;
  padding: 20px;
  color: var(--black);
  margin: 5px 0 25px;
  resize: vertical;
  font-size: 16px;
  min-height: 63.13px;
}
section.contatti div.containerContatti div.contactForm input::-moz-placeholder, section.contatti div.containerContatti div.contactForm textarea::-moz-placeholder {
  color: var(--black);
  opacity: 50%;
}
section.contatti div.containerContatti div.contactForm input::placeholder,
section.contatti div.containerContatti div.contactForm textarea::placeholder {
  color: var(--black);
  opacity: 50%;
}
section.contatti div.containerContatti div.contactForm input:focus,
section.contatti div.containerContatti div.contactForm textarea:focus {
  background-color: var(--color2);
  color: var(--fix-black);
  border: solid 3px var(--color2);
}
section.contatti div.containerContatti div.contactForm input:focus::-moz-placeholder, section.contatti div.containerContatti div.contactForm textarea:focus::-moz-placeholder {
  color: var(--fix-black);
}
section.contatti div.containerContatti div.contactForm input:focus::placeholder,
section.contatti div.containerContatti div.contactForm textarea:focus::placeholder {
  color: var(--fix-black);
}
section.contatti div.containerContatti div.contactForm input[type=submit],
section.contatti div.containerContatti div.contactForm textarea[type=submit] {
  background-color: var(--white);
  color: var(--black);
  cursor: pointer;
  font-family: var(--font-titoli);
  font-size: 20px;
  max-width: 200px;
}
section.contatti div.containerContatti div.contactForm input[type=submit]:hover,
section.contatti div.containerContatti div.contactForm textarea[type=submit]:hover {
  filter: invert(1);
}
section.contatti div.containerContatti div.contactForm input[type=submit]:focus-within,
section.contatti div.containerContatti div.contactForm textarea[type=submit]:focus-within {
  background-color: var(--color2);
  color: var(--fix-black);
}
section.contatti div.containerContatti div.contactForm span.wpcf7-not-valid-tip {
  background-color: var(--color1);
  color: var(--fix-white);
  padding: 5px 10px;
  border-radius: 10px;
  display: block;
  font-weight: 600;
  width: -moz-max-content;
  width: max-content;
  margin: 8px 0;
  order: 1;
  transform: translate(0px, -55px);
  position: absolute;
}
section.contatti div.containerContatti div.contactForm .wpcf7-form-control-wrap:has(span.wpcf7-not-valid-tip) input {
  border: solid red;
  margin-bottom: 50px;
}
section.contatti div.containerContatti div.contactForm .wpcf7 form .wpcf7-response-output {
  margin: 0;
  padding: 0.2em 1em;
  border: 0;
  background-color: red;
  color: var(--fix-white);
  border-radius: 10px;
}
section.contatti div.containerContatti div.contactForm:has(span.wpcf7-not-valid-tip) {
  border: solid 1px red;
  box-shadow: 0px 0px 38px 0px red;
}
section.contatti div.containerContatti div.contatto {
  padding: var(--padding);
}
section.contatti div.containerContatti div.contatto div {
  display: flex;
}
section.contatti div.containerContatti div.contatto div > div {
  flex-direction: column;
}
section.contatti div.containerContatti div.contatto h4 {
  color: color-mix(in srgb, var(--color1) 100%, var(--fix-white) 100%);
}
section.contatti div.containerContatti div.contatto address {
  font-style: unset;
}
section.contatti div.containerContatti div.contatto i.fa-duotone {
  padding-right: 15px;
  width: 50px;
  translate: 0 5px;
  text-align: center;
}
section.contatti div.containerContatti div.contatto a {
  border-bottom: solid 1px color-mix(in srgb, var(--color1) 100%, var(--fix-white) 100%);
}

section.faqContainer {
  width: 100%;
  padding-top: 0;
}
section.faqContainer li {
  margin-bottom: 10px;
}
section.faqContainer li label {
  border-radius: 10px;
  border: 1px solid var(--black);
  min-height: 65px;
  overflow: clip;
  cursor: pointer;
  -webkit-backdrop-filter: var(--blur);
          backdrop-filter: var(--blur);
  width: 100%;
  padding: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
section.faqContainer li label i {
  color: var(--black);
  transform: translateY(2px);
}
section.faqContainer li div.faqAnswer {
  display: none;
  padding: 10px;
}
section.faqContainer li input {
  display: none;
}
section.faqContainer li input:checked ~ label i {
  transform: rotate(180deg);
}
section.faqContainer li input:checked ~ div.faqAnswer {
  display: flex;
}/*# sourceMappingURL=contact.css.map */