/* Reset default body and html margins and padding */
body, html {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow-x: hidden; /* Prevent horizontal overflow */
}
.container {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 100vh;
    overflow-x: hidden; 
    margin-top: 15px;
}
.main-content {
    flex: 1;
    padding: 20px;
    overflow-y: auto; /* Allows vertical scrolling if needed */
    overflow-x: hidden; /* Prevent horizontal scroll within the main content */
    box-sizing: border-box; /* Includes padding in the element's total width */
    margin: 0; /* Ensure no margin on the right */
/*    background-color: red;*/
}

h8 {
    font-size: 6px;
    padding: 10px;
    color: lightskyblue;
    background-color: lightgrey;
    border-radius: 4px;
}



.dashicons-car {
    font-size: 1.3em;
    margin-right: 15px;
}

.form-container {
    max-width: 1400px;
    margin: 20px auto;
/*    margin-left: 20px;*/
    padding: 20px;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.column {
    flex: 1; /* Each column takes equal width */
    margin: 10px;
    padding: 10px;
    border-radius: 10px;
    align-items: center;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); /* Added shadow for better visual separation */
    background-color: #f9f9f9; /* Light background color for contrast */
}

.column-header {
  /* ... other styles ... */
  position: relative;
  margin-bottom: 10px;
  text-align: center;
  font-weight: normal;
}

.column-header:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -20px;
  margin-bottom: 10px;
  width: 100%;
  height: 2px;
  background-image: linear-gradient(to right, transparent, #007bff, transparent);
  transform: skewX(-30deg);
}

.study-overview {
    background-color: #f9f9fa;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 10px;
    margin-top: 0px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    font-family: 'Arial', sans-serif;
    line-height: 1.6;
}

.study-overview .overview-image {
    width: 80%; /* Adjust this value as needed */
    height: 200px;
    width: 220px;
    border-radius: 8px; /* Rounded corners for the image */
    margin-bottom: 15px; /* Space below the image */
    display: block; /* Makes the image a block-level element */
    margin-left: auto; /* Centers the image */
    margin-right: auto; /* Centers the image */
}


.study-overview h2 {
    color: #007bff; /* A primary color for the heading */
    margin-bottom: 10px; /* Space below the heading */
    font-size: 1.0em; /* Larger font size for the heading */
    text-align: center; /* Center-align the heading */
}

.study-overview h4 {
    color: #007bff; /* A primary color for the heading */
    margin-bottom: 10px; /* Space below the heading */
    font-size: 1.0em; /* Larger font size for the heading */
    text-align: left; /* Center-align the heading */
}

.study-overview p {
    color: #333; /* Darker color for text for readability */
    margin-bottom: 10px; /* Space below each paragraph */
    text-align: justify-all; /* Justify aligns the text for a clean look */
    justify-content: space-between;
}

@media (max-width: 768px) {
    .study-overview {
        padding: 10px; /* Lesser padding on smaller screens */
    }
    .study-overview h2 {
        font-size: 1.0em; /* Slightly smaller heading on smaller screens */
    }
}
h3 {
    padding: 10px;
}
.study-overview h3 {
    color: #007bff; /* A primary color for the heading */
    margin-bottom: 16px; /* Space below the heading */
    font-size: 0.7em; /* Larger font size for the heading */
    text-align: left; /* Center-align the heading */
}

@media (max-width: 768px) {
    .study-overview {
        padding: 15px; /* Lesser padding on smaller screens */
    }
    .study-overview h2 {
        font-size: 1.0em; /* Slightly smaller heading on smaller screens */
    }
}

/* Styles for the ordered list */
ol {
    padding-left: 20px; /* Space from the left edge */
    line-height: 1.4; /* Spacing between lines */
/*    font-size: 1.4em;*/
}

/* Styles for list items */
ol li {
    font-family: 'Times New Roman', serif; /* Font family for list items */
    font-size: 1.0em;
    color: #555555; /* Color for list item text */
    margin-bottom: 5px; /* Space below each list item */
}
.call-to-action {
  text-align: center;
}

.call-to-action a {
  font-size: 14px;
  padding: 10px 20px;
  background-color: #007bff;
  color: #fff;
  border-radius: 5px;
  text-decoration: none; /* Added to remove underline */
}

/* Optional: Styles for the toggle button */
/*button {
    margin-top: 10px;
    background-color: #007bff;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
}*/