body {
    margin: 0;
    background-color: #f8f9fa; /* Light gray background */
    min-height: 100vh; /* Allow the page to be at least as tall as the viewport */
    overflow-y: auto; /* Enable vertical scrolling */
}

/* Title styling */
.row-title {
    font-size: 2.5rem;
    font-weight: bold;
    color: #333;
    text-align: left; /* Left align the title */
    width: 100%; /* Make sure the title spans the full width */
    padding-left: 20px; /* Add some padding for better alignment */
}

/* Subtitle styling */
.col-title {
    font-size: 1.5rem;
    font-weight: 600;
    color: #333; /* Plain subtitle style */
    text-align: center; /* Center-align the subtitle */
    margin: 10px 0; /* Add some spacing around the subtitle */
}

/* Fixed spacing for the images */
.fixed-spacing {
    height: 45%; /* Each image takes up 45% of the column height */
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px; /* Fixed spacing between image containers */
}

.fixed-spacing:last-child {
    margin-bottom: 0; /* Remove margin for the last container */
}

/* Columns styling */
.col-4 {
    border: 2px solid #333; /* Solid border for all columns */
    box-sizing: border-box;
    display: flex;
    flex-direction: column; /* Allow vertical stacking inside columns */
}

/* Viewer container to control height */
.viewer-container {
    flex-grow: 1; /* Allow the viewer container to occupy all remaining space */
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Model-Viewer alignment */
.viewer {
    height: 100%; /* Ensure the viewer spans the full height of its container */
    width: 100%; /* Ensure it spans the full width of its container */
    object-fit: contain; /* Maintain aspect ratio of the 3D model */
    border: 1px solid #ddd; /* Optional: Add a subtle border around the viewer */
    border-radius: 4px; /* Optional: Add rounded corners */
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1); /* Optional: Add shadow for aesthetics */
    background-color: #fff; /* Optional: Ensure a solid background for the model */
}
