/* Contact Form styles */
        .contact-form {
          margin-top: 20px;
          padding: 20px;
          border-radius: 8px;
          background-color: #fff;
          box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
        }

        .contact-form h4 {
          margin-bottom: 20px;
          color: #333;
          font-size: 1.5rem;
        }

        .form-group {
          margin-bottom: 1.25rem;
        }

        .form-group label {
          display: block;
          margin-bottom: 0.5rem;
          font-weight: 500;
          color: #444;
        }

        .form-group input,
        .form-group textarea {
          width: 100%;
          padding: 0.75rem;
          border: 1px solid #ddd;
          border-radius: 4px;
          font-size: 1rem;
          transition: border-color 0.3s ease;
        }

        .form-group input:focus,
        .form-group textarea:focus {
          border-color: #4CAF50;
          outline: none;
          box-shadow: 0 0 0 2px rgba(76, 175, 80, 0.2);
        }

        .submit-btn {
          background-color: #4CAF50;
          color: white;
          padding: 0.75rem 1.5rem;
          border: none;
          border-radius: 4px;
          cursor: pointer;
          font-size: 1rem;
          font-weight: 500;
          transition: background-color 0.3s ease;
          width: 100%;
        }

        .submit-btn:hover {
          background-color: #3d8b40;
        }

        /* Toast notification styles */
        .toast {
          visibility: hidden;
          min-width: 250px;
          background-color: #333;
          color: #fff;
          text-align: center;
          border-radius: 4px;
          padding: 1rem;
          position: fixed;
          z-index: 1001;
          left: 50%;
          bottom: 30px;
          transform: translateX(-50%);
          opacity: 0;
          transition: all 0.3s ease;
          display: flex;
          align-items: center;
          justify-content: center;
        }

        .toast.show {
          visibility: visible;
          opacity: 1;
          bottom: 40px;
        }

        .toast-content i {
          margin-right: 10px;
          font-size: 1.25rem;
          color: #4CAF50;
        }

        /* Popup styles */
        .popup-container {
          display: none;
          position: fixed;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background-color: rgba(0, 0, 0, 0.7);
          z-index: 1000;
          justify-content: center;
          align-items: center;
        }

        .popup-content {
          background-color: #fff;
          margin: 2rem;
          padding: 1.5rem;
          border-radius: 8px;
          width: 100%;
          max-width: 600px;
          max-height: 90vh;
          overflow-y: auto;
          box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
          position: relative;
        }

        .close-btn {
          position: absolute;
          top: 1rem;
          right: 1rem;
          font-size: 1.5rem;
          cursor: pointer;
          background: none;
          border: none;
          color: #666;
        }

        .close-btn:hover {
          color: #333;
        }

        @media (max-width: 768px) {
          .popup-content {
            margin: 1rem;
            padding: 1rem;
          }

          .contact-form {
            padding: 1rem;
          }
        }