.red-button {
      background-color: red;
      /* Set button background color to red */
      color: white;
      /* Set text color to white */
      padding: 10px 20px;
      /* Add padding to the button */
      border: none;
      /* Remove button border */
      border-radius: 5px;
      /* Add border radius for rounded corners */
      cursor: pointer;
      /* Change cursor to pointer on hover */
      font-size: 16px;
      /* Set font size */
    }

    /* Ensure all columns have the same height */
    .blog-style-one {
      height: 100%;
      display: flex;
      flex-direction: column;
    }

    .info {
      flex-grow: 1;
    }

.red-button {
      background-color: red;
      /* Set button background color to red */
      color: white;
      /* Set text color to white */
      padding: 10px 20px;
      /* Add padding to the button */
      border: none;
      /* Remove button border */
      border-radius: 5px;
      /* Add border radius for rounded corners */
      cursor: pointer;
      /* Change cursor to pointer on hover */
      font-size: 16px;
      /* Set font size */
    }

    /* Ensure all columns have the same height */
    .blog-style-one {
      height: 100%;
      display: flex;
      flex-direction: column;
    }

    .info {
      flex-grow: 1;
    }

    table {
      width: 100%;
      border-collapse: collapse;
      margin-bottom: 20px;
    }

    th,
    td {
      padding: 8px;
      text-align: left;
      border-bottom: 1px solid #ddd;
    }

    th,
    td:first-child {
      background-color: red;
      color: white;
    }

    /* Responsive Table Styling */
    @media only screen and (max-width: 600px) {

      table,
      thead,
      tbody,
      th,
      td,
      tr {
        display: block;
      }

      thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
      }

      tr {
        border: 1px solid #ccc;
      }

      td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        text-align: right;
        /* Align the text to the right */
        white-space: nowrap;
      }

      td:before {
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        content: attr(data-label);
      }
    }

/* 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: 400px;
      /* Maximum width of modal */
      border-radius: 5px;
      text-align: center;
      /* Center align content */
      position: relative;
      /* Added */
    }

    /* Close button */
    .custom-close {
      color: #aaa;
      position: absolute;
      top: 10px;
      right: 10px;
      font-size: 28px;
      font-weight: bold;
      cursor: pointer;
    }

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

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

    /* Center align submit button */
    .btn-theme {
      padding: 10px 20px;
      background-color: red;
      color: white;
      border: none;
      border-radius: 5px;
      cursor: pointer;
      transition: background-color 0.3s ease;
    }

    .btn-theme:hover {
      background-color: darkred;
    }

    /* Set width and padding for all form fields */
    input[type="text"],
    input[type="email"],
    input[type="tel"],
    select,
    textarea {
      width: calc(100% - 20px);
      height: 40px;
      /* Set the height of all fields */
      padding: 10px;
      box-sizing: border-box;
    }

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

      .btn-theme {
        width: calc(100% - 40px);
      }
    }

/* Add some basic styling for the CAPTCHA container */
    #captchaContainer {
      border: 1px solid #ccc;
      padding: 10px;
      margin-bottom: 20px;
      display: inline-block;
    }

.blog-style-one .info {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      height: 100%;
      /* Ensures the content fills the column */
    }

    .blog-style-one .info h3 {
      margin-top: 20px;
      /* Adds space before heading */
    }

    .blog-style-one .info .visible-content,
    .blog-style-one .info .invisible-content {
      flex-grow: 1;
      /* Allows the content to expand and fill the available space */
    }

    .blog-style-one .info button {
      margin-top: 20px;
      /* Ensures the button has consistent spacing from the content */
      align-self: flex-start;
      /* Align the button consistently in the same position */
    }