.enquiry-form-container {
      padding-bottom: 50px;
      /* Adjust the value as needed */
    }

.content-box {
      border: 1px solid #ccc;
      /* Border */
      padding: 20px;
      /* Padding */
      margin-bottom: 20px;
      /* Spacing between boxes */
      height: 230px;
      /* Equal height for all boxes */
      overflow: auto;
      /* Add scroll if content exceeds box height */
    }

    /* CSS for aligning buttons in a row */
    .button-container {
      text-align: center;
      margin-top: 20px;
      /* Adjust margin as needed */
    }

    .button-container button {
      margin: 0 10px;
      /* Adjust margin between buttons as needed */
    }

    .services-details-area-1 {
      padding-top: 50px;
      /* Adjust the padding as needed */
    }

/* CSS code for the modal with a different class name */
    /* Modal styles */
    .custom-modal {
      display: none;
      position: fixed;
      z-index: 1000;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      overflow: auto;
      background-color: rgba(0, 0, 0, 0.4);
      /* Black background with opacity */
    }

    /* Modal content */
    .custom-modal-content {
      background-color: #fefefe;
      margin: 10% auto;
      padding: 20px;
      border: 1px solid #888;
      width: 80%;
      /* Adjust width as needed */
      max-width: 300px;
      /* Maximum width of modal */
      border-radius: 5px;
      text-align: center;
      /* Center align content */
    }

    /* Close button */
    .custom-close {
      color: #aaa;
      float: right;
      font-size: 28px;
      font-weight: bold;
    }

    .custom-close:hover,
    .custom-close:focus {
      color: black;
      text-decoration: none;
      cursor: pointer;
    }

    /* Close button within modal content */
    .custom-closeBtn {
      margin-top: 20px;
      /* Add space between fields and button */
      background-color: red;
      color: white;
      border: none;
      padding: 10px 20px;
      border-radius: 5px;
      cursor: pointer;
    }

    /* Close button hover effect */
    .custom-closeBtn:hover {
      background-color: darkred;
    }

    /* Add space between form fields */
    .custom-form-group {
      margin-bottom: 15px;
    }

    /* Center align submit button */
    .custom-submitBtnn {
      margin-top: 20px;
      /* Add space between fields and button */
    }

    /* Responsive adjustments */
    @media (max-width: 768px) {
      .custom-modal-content {
        padding: 10px;
      }

      .custom-modal-content input[type="text"],
      .custom-modal-content input[type="email"],
      .custom-modal-content input[type="tel"] {
        width: 100%;
        /* Set width to 100% for responsiveness */
        max-width: calc(100% - 40px);
        /* Adjust maximum width */
        padding: 10px;
        /* Adjust padding */
        box-sizing: border-box;
        /* Ensure padding is included in width */
      }

      .custom-submitBtnn {
        width: calc(100% - 40px);
        /* Adjust button width */
      }
    }

.responsive-container {
      display: flex;
      flex-direction: column;
      gap: 20px;
      padding: 20px;
    }

    .responsive-item {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
    }

    .text-content {
      flex: 1;
      padding-left: 20px;
      /* Adds space to the left of the content */
      margin-right: 20px;
      /* Adds space to the right of the content */
    }

    .item-image {
      flex: 0 0 auto;
      /* Ensures image does not grow beyond its size */
      max-width: 40%;
      /* Increase this value to make the image larger */
      height: auto;
      margin-left: 20px;
      /* Adds space to the left of the image */
      object-fit: cover;
      /* Ensures image covers its container while maintaining aspect ratio */
    }

    .reverse-order {
      flex-direction: row-reverse;
    }

    @media (max-width: 768px) {
      .responsive-item {
        flex-direction: column;
        align-items: center;
      }

      .text-content {
        padding-left: 0;
        /* Removes padding in mobile view */
        margin-right: 0;
        /* Removes right margin in mobile view */
        padding-top: 10px;
        /* Adds space above content in mobile view */
      }

      .item-image {
        max-width: 90%;
        /* Increase this value to make the image larger in mobile view */
        margin-left: 0;
        /* Removes left margin in mobile view */
        margin-bottom: 10px;
        /* Adds space below the image in mobile view */
        order: -1;
        /* Moves the image to the top */
      }
    }