.contact-form {
      width: 100%;
      padding: 20px;
      background-color: #fff;
      border-radius: 8px;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    }
    .contact-form h2 {
      margin-bottom: 18px;
      font-size: 22px;
      color: #333;
    }
    .contact-form input,
    .contact-form select,
    .contact-form textarea {
      width: 100%;
      padding: 10px;
      margin-bottom: 15px;
      border: 1px solid #ccc;
      border-radius: 4px;
      font-size: 16px;
    }
    .contact-form button {
      padding: 10px 20px;
      background-color: #007bff;
      color: #fff;
      border: none;
      border-radius: 4px;
      cursor: pointer;
      font-size: 16px;
    }
    .contact-form button:hover {
      background-color: #0056b3;
    }
   
    .content h2 {
      font-size: 24px;
      color: #333;
      margin-bottom: 20px;
    }
    .content ul {
      list-style-type: none;
      padding: 0;
    }
    .content ul li {
      margin-bottom: 15px;
      font-size: 16px;
      color: #555;
    }
    .content ul li::before {
      content: "👉";
      margin-right: 10px;
    }
    
    .container2 {
        display: flex;
        align-items: center;
        padding-top: 20px;
        border-radius: 8px;
        margin: 0 auto;
    }
    /* .container1{
        margin: 50px
    } */

    .image {
        flex: 1;
        margin-left: 20px; /* Add space between content and image */
    }

    .image img {
        max-width: 100%;
        height: 250px;
        border-radius: 8px;
        /* border: 2px solid red; Add red border to the image */
    }

    .content {
        flex: 2;
        /* border: 2px solid red; Add red border to the content */
        /* padding: 15px; Add padding for better spacing */
        border-radius: 8px; /* Rounded corners for the border */
    }

    .content h2 {
        margin-top: 0;
        font-size: 24px;
        color: #333;
    }

    .content p {
        font-size: 16px;
        color: #666;
        line-height: 1.6;
        /* text-align: justify; Justify the text for better alignment */
    }

    .content ul {
        list-style-type: none;
        padding: 0;
    }

    .content ul li {
        margin-bottom: 10px;
        font-size: 14px;
        color: #444;
    }

    .content ul li:before {
        content: "✔";
        color: #28a745;
        margin-right: 10px;
    }

    /* Mobile Responsive Styles */
    @media (max-width: 768px) {
        .container2 {
            flex-direction: column; /* Stack items vertically */
            text-align: center; /* Center-align text */
        }

        .image {
            margin-left: 0; /* Remove margin for mobile */
            margin-bottom: 20px; /* Add space between image and content */
        }

        .content h2 {
            font-size: 20px; /* Adjust font size for mobile */
        }

        .content p {
            font-size: 14px; /* Adjust font size for mobile */
        }

        .content ul li {
            font-size: 12px; /* Adjust font size for mobile */
        }
    }