/* Responsive styles */
      @media (max-width: 767px) {
        .heading-container,
        .content-container {
          padding: 10px;
        }
      
        .upper-heading {
          font-size: 24px;
        }
      
        .animated-paragraph {
          font-size: 16px;
        }
      }
      footer {
        background-color: #333;
        color: #fff;
        padding: 5px;
        display: flex;
        justify-content: space-between;
      }
      
      .footer-left {
        font-size: 18px;
      }
      
      .footer-right {
        font-size: 18px;
        cursor: pointer;
      }
      
      .footer-right:hover {
        color: #ff0000; /* Change the color on hover */
      }
      .heading-container2 {
        background-color: blue;
        padding: 10px;
        text-align: center;
        

      }