li {
      list-style: none;
      content: "";
      align-content: center;
    }
    body {
      margin: 0;
      padding: 0;
      text-align: center; /* Centers the content on the page */
      font-family: Arial, sans-serif;

      height: auto;
      min-height: 100%;
      overflow-x: hidden;
      overflow-y: auto;
    }
    .container-release {
      background-color: #f0f0f0; /* Light gray background for the list */
      width: 400px;              /* Width of the download list area */
      margin: 50px auto;         /* Centers .container horizontally and adds vertical spacing at the top */
      padding: 20px;             /* Spacing inside the container */
      border-radius: 15px;        /* Slight rounding of container corners (optional) */
    }
    .container-alert {
      background-color: #f0f0f0; /* Light gray background for the list */
      width: 450px;              /* Width of the download list area */
      margin: 50px auto;         /* Centers .container horizontally and adds vertical spacing at the top */
      padding: 20px;             /* Spacing inside the container */
      border-radius: 15px;        /* Slight rounding of container corners (optional) */
      color: red;

    }
    .download-item {
      margin: 10px 0;
    }
    a {
      text-decoration: none;
      color: #333;
    }
    a:hover {
      text-decoration: underline; /* Underline on hover (optional) */
    }
    .container-title {
    }

.container-fluid.mt-3 {
    border: 3px solid black; /* Border color and width */
    border-radius: 30px; /* Adjust the border radius to your preference */
    padding: 30px; /* Optional: Add padding inside the border */
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}

.container {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    max-width: 1140px;
}

.column {
    flex: 1.1;
    padding: 20px;
    text-align: center;
}

.middle-column {
    display: flex;
    flex: 2;
    flex-direction: column;
    gap: 15px;
    text-align: center;
}

.section {
    background-color: #f9f9f9;
    border: 3px solid black;
    border-radius: 15px;
    padding: 15px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
    text-align: left
}

.section p,
.section li,
.section h1,
.section h2 {      
  line-height: 1.5;
}

.section-gethelp {
  background-color: #f9f9f9;
  display: inline-block;
  border: 3px solid black;
  border-radius: 15px;
  padding: 15px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.05);
  text-align: center;
}

.section-title {
    background-color: #f9f9f9;
    border: 3px solid black;
    border-radius: 15px;
    padding: 15px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
    text-align: center;
}

.section-release {
    background-color: #f9f9f9;
    border: 3px solid black;
    border-radius: 15px;
    padding: 15px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}

.section-alert {
    background-color: #f9f9f9;
    border: 3px solid black;
    border-radius: 15px;
    padding: 15px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
    color: red;
}

.section-schedule {
    background-color: #f9f9f9;
    border: 3px solid black;
    border-radius: 15px;
    padding: 14px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
    text-align: left;
    font-size: 12px;
}

.section-company {
    background-color: #f9f9f9;
    border: 3px solid black;
    border-radius: 15px;
    padding: 15px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
    text-align: left;
    font-size: 12px;
}

/* Responsive stacking for mobile */
@media (max-width: 768px) {
    .container {
        flex-direction: column;
    }
}

input.form-control {
    border: 2px solid #333; /* darker border */
    box-shadow: none;       /* remove any Bootstrap blue glow if present */
}

input.form-control:focus {
    border-color: #000;     /* even darker on focus */
    outline: none;
    box-shadow: 0 0 0 1px #555;
}

.rounded-lg {
    border-radius:.30px!important
}

.rounded-nav {
    border-radius: 15px;     /* More rounded than .rounded */
    max-width: fit-content;       /* Optional: keeps it from stretching full width */
    height: 50px;
}

.navbar-background {
    padding: 1px;
}

.background-overlay {
    padding: 6px;
}

.two-column-container {
  display: flex;
  gap: 20px;
  justify-content: center;
  width: inherit;
  padding-right: 20px;
  padding-left: 20px;
  align-items: flex-start;
}

.left-column,
.right-column {
  flex: 1;                      /* equal width */
  background-color: white;
  border-radius: 10px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  padding: 20px;
  line-height: normal
}

/* Stack on small screens */
@media (max-width: 768px) {
  .two-column-container {
    flex-direction: column;
  }
}