@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@300;400;700;900&display=swap');
        * {
        font-family: 'Merriweather', serif !important;
        }
        .stat-card {
      border: 1px solid #e0e0e0;
      border-radius: 10px;
      box-shadow: 0 2px 8px rgba(0,0,0,0.03);
      padding: 1.5rem;
      text-align: center;
      transition: transform 0.2s;
      background-color: white;
    }

    .stat-card:hover {
      transform: translateY(-4px);
    }

    .count {
      font-size: 2rem;
      font-weight: 700;
      color: #00796b;
      margin-bottom: 0.5rem;
    }

    .label {
      font-size: 1rem;
      color: #555;
    }
        @media (max-width:992px) {
          .width-100-md {
            width: 100% !important; 
          }
        }
        @media (max-width: 320px) {
          #logo {
            font-size: 0.1vw;
          }
        }
        @media(min-width: 568px) {
          #hero-img {
            height: 500px;
            object-fit: cover;
          }
        }