.card-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    padding: 20px;
    width: 100%; /* Ensure it fills the available space */
    background-color: transparent; /* Ensures it doesn’t have a white background */
    box-sizing: border-box; /* Ensures padding is included in the width */
}

.card {
    flex: 1 1 18rem; /* Each card takes up a base width of 18rem */
    max-width: 18rem; /* Ensure cards don't grow beyond 18rem */
}


.card-img-top {
    max-width: 140px; /* Set the maximum width to 140px */
    height: auto; /* Adjust the height automatically to maintain the aspect ratio */
    margin: 0 auto; /* Center the image horizontally */
    display: block; /* Ensure the image is treated as a block-level element */
    object-fit: contain; /* Ensure the image fits without being cropped */
}



.centered-text {
    position: absolute;
    top: 0%; /* Align the top part */
    left: 50%;
    transform: translateX(-50%); /* Horizontally center */
    text-align: center;
    width: 100%; /* Full width to ensure content is not cut off */
}


.centered-text h1 {
  font-size: 2rem; /* Larger font size */
  font-weight: 700; /* Bold */
  letter-spacing: 1px; /* Slight letter spacing */
  text-transform: uppercase; /* Uppercase for the title */
  margin-bottom: 20px; /* Space between title and subtitle */
  
}

.centered-text h2 {
  font-size: 1.5rem; /* Smaller subtitle font size */
  font-weight: 500; /* Lighter weight for subtitle */
  letter-spacing: 3px; /* Larger letter spacing */
  text-transform: uppercase; /* Uppercase for subtitle */
  margin-bottom: 0;
}

body {
	background-color: #f0f4f4;
}