h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h6, .h6 {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}

.hero{
  font-size: 3.25rem;
}

h6,
h6{
  font-size: 20px;
}

p{
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.sottotitolo{
  font-weight: 700;
  line-height: 30.8px;
}

.text-green{
  color: #0C8831;
}

.bg-green{
  background-color: #0C8831;
}

.bg-green-light{
    background-color: #D0FFEA;
}

.border-green{
  border-color: #21BA50;
  border: 1px solid #21BA50 !important;
}

.bg-grey-light{
    background-color: #F3F8FC;
}

.bg-gradient-grey{
    background: linear-gradient(#F3F8FC, 300px, transparent 300px) no-repeat;
}

.swiper {
    width: 100%;
    height: auto;
    padding: 20px 0;
  }

  .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .card {
    width: 25rem;
    margin: 10px;
  }


  .svg-icon {
    width: 16px;
    height: 16px;
    transition: transform 0.3s ease;
  }
  .nav-link[aria-expanded="true"] .svg-icon {
    transform: rotate(180deg);
  }


  /*-- Blog --*/


        /* Immagine di copertina con effetto cover */
        .cover-image {
          width: 100%;
          height: 400px;
          object-fit: cover;
      }

     /* Contenitore principale del blog */
      .blog-content {
          max-width: 1000px; /* Larghezza ottimale per desktop */
          margin: 40px auto;
          padding: 20px;
      }

      /* Titolo principale */
      .blog-content h1 {
          font-size: 42px;
          margin-bottom: 40px;
          font-weight: 700;
          line-height: 1.3;
      }

      /* Paragrafi */
      .blog-content p {
          font-size: 18px;
          line-height: 1.7;
          text-rendering: optimizeLegibility;
          -webkit-font-smoothing: antialiased;
          margin: 0 auto 16px;
      }
        /* Paragrafi */
        .blog-content li {
            font-size: 18px;
            line-height: 1.7;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            margin: 0 auto 16px;
        }
      /* Titoli secondari */
      .blog-content h2 {
          font-size: 32px;
          line-height: 1.4;
          font-weight: 700;
          margin-bottom: 30px;
      }

      .blog-content h3 {
          font-size: 26px;
          line-height: 1.4;
          font-weight: 700;
          margin-bottom: 24px;
      }

      /* Mobile (fino a 767px) */
      @media (max-width: 767px) {
          .blog-content {
              max-width: 90%;
              padding: 15px;
          }
          
          .blog-content h1 { font-size: 32px; margin-bottom: 30px; }
          .blog-content h2 { font-size: 26px; }
          .blog-content h3 { font-size: 22px; }
          .blog-content p { font-size: 16px; line-height: 1.8; max-width: 100%; }
      }

      /* Tablet (768px - 1023px) */
      @media (min-width: 768px) and (max-width: 1023px) {
          .blog-content {
              max-width: 85%;
          }

          .blog-content h1 { font-size: 38px; }
          .blog-content h2 { font-size: 30px; }
          .blog-content h3 { font-size: 24px; }
          .blog-content p { font-size: 17px; }
      }

      /* Desktop (1024px+) */
      @media (min-width: 1024px) {
          .blog-content {
              max-width: 1000px;
          }

          .blog-content h1 { font-size: 42px; }
          .blog-content h2 { font-size: 32px; }
          .blog-content h3 { font-size: 26px; }
          .blog-content p { font-size: 18px; }
      }

      /* Migliora la leggibilità */
      .blog-content p {
          text-align: left;
          word-spacing: 0.05em;
          letter-spacing: 0.02em;
      }


      .form-check-input:checked { 
        background-color: #0C8831;
        border-color: #0C8831;
      }

      .form-check-input:focus {
        border-color: #0C8831;
        outline: 0;
        box-shadow: 0 0 0 .25rem rgba(79, 70, 229, .25);
    }

    .form-check-input:focus {
      outline: 0;
      box-shadow: 0 0 0 .25rem rgba(12, 136, 49, .25);
  }


  /*--- hero accedi --*/
  .hero-section {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 1.7em;
    max-height: 300px;
    background-color: #F3F8FC;
    flex-wrap: wrap;
    overflow: hidden;
  }

  .text {
    font-size: 3rem;
    flex: 1 1 300px;
    color: #000;
  }

  .text .green { color: #0C8831; }
  .text .dark { color: #111827; }

  .image {
    flex: 1 1 200px;
    display: flex;
    justify-content: flex-end;
    max-width: 100%;
  }

  .image img {
    max-width: 250px;
    max-height: 250px;
    width: auto;
    height: auto;
  }

  @media (max-width: 768px) {
    .hero-section {
      flex-direction: column;
      text-align: center;
      max-height: none;
      padding: 1rem;
    }

    .image {
      justify-content: center;
      width: 100%;
    }

    .image img {
      width: 100%;
      height: auto;
      max-width: none;
      max-height: none;
      object-fit: cover;
    }
  }