@media only screen and (min-width: 926px) and (max-width: 1150px) {
  .hero {
    padding-top: 5rem;
    height: 100vh;
  }

  .hero-content {
    margin-left: 5rem;
  }

  h1 {
    font-size: 3.5rem;
  }

  h3 {
    font-size: 1.2rem;
  }

  /*ABOUT US*/

  .about-image {
    max-width: 45%;
  }

  .about-text {
    max-width: 50%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .about-content {
    gap: 1.5rem;
  }

  /*TARGET*/
  .card {
    width: 300px;
  }

  /*FORM*/
  .form-section {
    transform: translateX(15%) translateY(-40%);
  }

  /*CONTACT*/
  .responsive-contact {
    max-width: 900px;
  }
}

@media only screen and (min-width: 769px) and (max-width: 925px) {
  .hero {
    height: 80vh;
  }

  .hero-content {
    margin-left: 4rem;
    padding-top: 20%;
    text-align: start;
  }

  h1 {
    font-size: 3rem;
    margin: 0;
  }

  h3 {
    font-size: 1rem;
  }

  /*ABOUT US*/

  .about-image {
    max-width: 100%;
    padding: 0 5rem;
  }

  .about-text h3 {
    text-align: center !important;
  }

  .about-text {
    max-width: 80%;
    margin: 0 auto;
    text-align: justify;
  }

  .about-content {
    flex-direction: column;
    gap: 1rem;
  }

  /*PERCHE SCEGLIERCI*/
  .container-icons {
    flex-direction: column;
    gap: 1rem;
  }

  .container-box {
    flex-direction: row;
    align-items: center;
  }

  .box {
    width: 200px;
  }

  /*TARGET*/
  .card {
    width: 220px;
  }

  /*FORM*/
  .form-section {
    flex-direction: row; /* Mantiene l'immagine a sinistra e il form a destra */
    transform: translateX(10%) translateY(-40%); /* Regola la posizione */
  }

  /*CONTACT*/
  .responsive-contact {
    flex-direction: column;
    max-width: 700px;
    align-items: center;
    justify-content: center;
  }
}

@media only screen and (min-width: 481px) and (max-width: 768px) {
  .section-home {
    padding-top: 3rem;
  }

  .hero {
    height: 80vh;
  }

  .hero-content {
    margin-left: 2rem;
    padding-top: 30%;
    text-align: start;
  }

  h1 {
    font-size: 2.5rem;
    margin: 0;
  }

  h3 {
    font-size: 1rem;
  }

  .banner {
    padding: 1rem 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
  }

  .banner-item img {
    width: 15px;
    margin-right: 0.5rem;
  }

  .banner-item p {
    display: none;
  }

  .get-quote {
    display: block !important;
  }

  /*ABOUT US*/

  .about-content {
    flex-direction: column;
    align-items: center;
  }

  .about-image {
    max-width: 100%;
    height: auto;
  }

  .about-text h3 {
    text-align: center !important;
  }

  .about-text {
    max-width: 100%;
    padding: 0 1rem;
    text-align: justify;
  }

  /*PERCHE SCEGLIERE NOI*/
  .about-us-title {
    font-size: var(--font-title-size);
    text-transform: uppercase;
    color: var(--text-color);
    margin: 1rem auto;
    font-weight: 500;
    display: flex;
    justify-content: center;
    text-align: center;
  }

  .container-icons {
    flex-direction: column;
    gap: 0.5rem;
    padding: 0 1rem;
  }

  .container-box {
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 1rem;
  }

  .box {
    width: 100%;
    max-width: 100px;
  }

  .box img {
    width: 1.3rem;
  }

  .box p {
    font-size: 0.8rem;
  }

  /*TARGET*/
  .container-card {
    flex-direction: column; /* Cambia la direzione per dispositivi mobili */
    align-items: center; /* Allinea al centro */
  }

  .card {
    width: 300px; /* Imposta la larghezza al 100% per mobile */
    height: auto; /* Allega l'altezza per il mobile */
  }

  /*PLUS*/
  .content-wrapper {
    flex-direction: column;
    align-items: center;
    gap: 1rem;
  }

  .image-container {
    width: 100%;
  }

  .image-container img {
    max-width: 70%;
    height: auto;
  }

  .text-center {
    flex-direction: column;
    align-items: center;
    text-align: center;
    max-width: 100%;
    gap: 1rem;
  }

  .title {
    margin-bottom: 0;
  }

  .description {
    margin-bottom: 0;
  }

  /*FORM*/
  .home {
    margin: 0 6rem;
  }
  .form-section {
    flex-direction: column;
    align-items: center;
    padding: 0.5rem;
    transform: translateX(0) translateY(-30%);
    min-height: auto;
  }

  .image-container {
    flex: none;
    max-width: 100%;
    margin-bottom: 0.5rem;
  }

  .form-container {
    max-width: 100%;
    padding: 0.5rem;
  }

  .form-image {
    max-height: 200px;
  }

  /*CONTACT*/
  .responsive-contact {
    flex-direction: column;
    max-width: 600px;
    align-items: center;
    justify-content: center;
    margin: 0 1rem;
  }
}

@media only screen and (max-width: 480px) {
  .section-home {
    padding-top: 3rem;
  }

  .hero {
    height: 80vh;
  }

  .hero-background {
    background-image: url("/assets/IMG/HOME/Home\ mobile.jpg");
  }

  .hero-content {
    margin-left: 2rem;
    padding-top: 50%;
    text-align: start;
  }

  h1 {
    font-size: 2.5rem;
    margin: 0;
  }

  h3 {
    font-size: 1rem;
  }

  .banner {
    padding: 1rem 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
  }

  .banner-item {
    flex: 1;
  }

  .banner-item img {
    width: 15px;
    margin-right: 0.5rem;
  }

  .banner-item p {
    display: none;
    font-size: var(--font-size-mobile);
  }

  .get-quote {
    display: block !important;
    font-size: var(--font-size-mobile);
  }

  .get-quote p {
    font-size: var(--font-size-mobile);
  }

  /*ABOUT US*/
  .about-content {
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    margin-top: 3rem;
  }

  .about-text h4 {
    margin-bottom: 0;
    line-height: 0.5rem;
    font-size: var(--font-size-title-mobile);
  }

  .about-image {
    max-width: 100%;
    height: auto;
  }

  .about-text {
    max-width: 100%;
    padding: 0 0.5rem;
    text-align: center;
  }

  .about-paragraphs {
    text-align: justify;
  }

  .about-paragraphs p {
    font-size: 0.8rem;
    margin-bottom: 0;
  }

  /*PERCHE SCEGLIERE NOI*/
  .about-us-title {
    font-size: var(--font-size-title-mobile);
    text-transform: uppercase;
    color: var(--text-color);
    margin: 1rem auto;
    font-weight: 600;
    display: flex;
    justify-content: center;
    text-align: center;
  }

  .container-icons {
    flex-direction: column; /* Passa a colonna */
    gap: 0.5rem; /* Spazio tra gli elementi */
    padding: 0 1rem; /* Padding orizzontale */
  }

  .container-box {
    display: flex; /* Mantieni come flexbox */
    flex-direction: row; /* Direzione delle box */
    justify-content: center; /* Centra le box */
    align-items: stretch; /* Allunga le box per riempire il contenitore */
    flex-wrap: wrap; /* Permetti alle box di andare a capo */
    gap: 1rem; /* Spazio tra le box */
  }

  .box {
    width: calc(50% - 0.5rem); /* Larghezza del 50% meno il gap */
    max-width: 100px; /* Limita la larghezza massima */
    box-sizing: border-box; /* Include padding e bordi nella larghezza */
  }

  .box img {
    width: 1.2rem;
  }

  .box p {
    font-size: 0.8rem;
  }

  /*TARGET*/
  .container-card {
    flex-direction: column; /* Cambia la direzione per dispositivi mobili */
    align-items: center; /* Allinea al centro */
  }

  .card {
    width: 300px; /* Imposta la larghezza al 100% per mobile */
    height: auto; /* Allega l'altezza per il mobile */
  }

  .about-text-target {
    max-width: 100%;
    padding: 0 0.5rem;
    text-align: center;
  }

  /*PLUS*/
  .content-wrapper {
    flex-direction: column;
    align-items: center;
    gap: 1rem;
  }

  .image-container {
    width: 100%;
  }

  .image-container img {
    max-width: 90%;
    height: auto;
  }

  .text-center {
    flex-direction: column;
    align-items: center;
    text-align: center;
    max-width: 100%;
    gap: 1rem;
  }

  .title {
    margin-bottom: 0;
  }

  .description {
    margin-bottom: 0;
  }

  /*FAQ*/
  .faq-section {
    flex-direction: column; /* Imposta la direzione in colonna */
    padding: 10px; /* Spaziatura più contenuta */
  }

  .faq-title {
    width: 100%; /* Occupa il 100% della larghezza */
    text-align: center; /* Allinea il testo al centro */
    margin-bottom: 15px; /* Spazio sotto il titolo */
  }

  .faq-content {
    width: 100%; /* Occupa il 100% della larghezza */
  }

  .faq-query {
    width: 100%; /* Occupa il 100% della larghezza */
  }

  .faq-question {
    flex-direction: row; /* Mantiene la domanda e la freccia in fila */
    padding: 15px; /* Maggiore padding per una migliore leggibilità */
  }

  /*FORM*/
  .home {
    margin: 0 2rem; /* Margini ai lati */
  }

  .form-section {
    flex-direction: column; /* Disposizione in colonna */
    align-items: center; /* Centratura */
    padding: 0.5rem; /* Padding ridotto */
    transform: translateX(0) translateY(-20%); /* Mantenere in alto */
    min-height: auto; /* Altezza minima non necessaria */
  }

  .image-container {
    flex: none; /* Fissa la larghezza dell'immagine */
    max-width: 100%; /* Massima larghezza al 100% */
    margin-bottom: 0.5rem; /* Spazio sotto l'immagine */
  }

  .form-container {
    max-width: 100%; /* Massima larghezza al 100% */
    padding: 0.5rem; /* Padding ridotto */
    display: flex; /* Utilizza flex per organizzare i contenuti */
    flex-direction: column; /* Disposizione in colonna */
    justify-content: flex-start; /* Allinea il contenuto all'inizio */
  }

  .form-image {
    max-height: 200px; /* Altezza massima dell'immagine */
  }

  .input-group {
    margin-bottom: 1.5rem;
  }
  .checkbox-group {
    display: flex; /* Mantiene il flex */
    flex-direction: column; /* Cambia la direzione in colonna */
    margin: 1rem 0; /* Margine sotto il gruppo di checkbox */
  }

  .checkbox-item {
    display: flex; /* Mantiene gli checkbox in linea con le label */
    align-items: center; /* Allinea gli elementi verticalmente */
    margin-bottom: 8px; /* Margine sotto ciascun checkbox */
    width: auto; /* Rimuovere la larghezza al 100% */
  }

  .checkbox-item input {
    margin-right: 8px; /* Spazio tra il checkbox e la label */
    flex-shrink: 0; /* Impedisce il ridimensionamento del checkbox */
    width: 5%;
  }

  .consent-row {
    display: flex; /* Aggiunto per mantenere il flex */
    flex-direction: column; /* Disposizione in colonna */
    align-items: flex-start; /* Allinea a sinistra */
    margin-top: 1rem; /* Margine sopra il consent-row */
  }

  .consent-group {
    display: flex; /* Aggiunto per mantenere gli checkbox e label in linea */
    align-items: center; /* Allinea a sinistra */
    margin-bottom: 8px; /* Margine sotto il gruppo di consenso */
  }

  /*CONTACT*/
  .responsive-contact {
    flex-direction: column;
    align-items: center;
    top: -7rem;
  }

  .container-contatti {
    flex-direction: row;
    justify-content: center;
    gap: 1rem;
  }

  .contact {
    flex: 1;
    min-width: 150px;
    max-width: 200px;
  }

  .title-contact {
    font-size: var(--font-size-title-mobile);
  }

  .text-contact {
    font-size: var(--font-size-mobile);
  }

  /*FOOTER*/
}

/*QUERY PER IL FOOTER*/
.footer {
  padding-block: 2.5rem;
  background-color: var(--body-color);
  position: relative;
  top: -4rem;
}

.footer__content {
  row-gap: 2.5rem;
}

.footer__container {
  display: grid;
  align-items: center; /* Allinea verticalmente al centro */
}

.footer__logo {
  display: inline-block;
  margin-bottom: 1rem;
  width: 100px;
}

.footer__data {
  grid-template-columns: repeat(2, max-content);
  gap: 2.5rem 3.5rem;
}

.footer__title {
  font-size: var(--font-size-title-mobile);
  margin-bottom: 1rem;
  color: var(--title-color);
}

.footer__links {
  display: grid;
  row-gap: 0.75rem;
}

.footer__link {
  color: var(--text-color);
  transition: color 0.4s;
  font-size: var(--font-size-mobile);
}

.footer__link:hover {
  cursor: pointer;
  text-decoration: underline;
}

.footer__group,
.footer__social {
  display: flex;
}

.footer__group {
  margin-top: 5rem;
  flex-direction: column;
  align-items: center;
  row-gap: 2rem;
}

.footer__social {
  column-gap: 1.5rem;
}

.footer__social-link {
  color: var(--text-color);
  font-size: 1.25rem;
  transition: color 0.4s, transform 0.4s;
}

.footer__social-link:hover {
  transform: translateY(-0.25rem);
}

.footer__copy {
  font-size: 0.8rem;
  color: var(--text-color);
  text-align: center;
}

.footer__copy a {
  text-decoration: underline;
  color: var(--text-color);
}

@media screen and (min-width: 576px) {
  .footer {
    top: -8rem;
  }

  .footer__logo {
    margin-top: 1rem;
  }
  .footer__data {
    grid-template-columns: repeat(3, max-content);
  }
}

@media screen and (min-width: 768px) {
  .footer {
    top: -6rem;
  }
  .footer__content {
    grid-template-columns: repeat(2, max-content);
    justify-content: space-between;
  }
  .footer__group {
    flex-direction: row;
    justify-content: space-between;
  }
  .footer__copy {
    order: -1;
  }
}

@media screen and (min-width: 1023px) {
  .footer {
    top: -6rem;
  }
  .footer__data {
    grid-template-columns: repeat(4, max-content);
    column-gap: 4.5rem;
  }
}

@media screen and (min-width: 1152px) {
  .footer {
    padding-block: 5rem 3rem;
    top: -8rem;
  }
  .footer__title {
    margin-bottom: 1.5rem;
  }
  .footer__group {
    margin-top: 4rem;
  }
  .footer__social {
    column-gap: 2rem;
  }
  .footer__social-link {
    font-size: 1.5rem;
  }

  .scrollup {
    right: 3rem;
  }
}