body{
    font-family: "Oswald", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal; 
  }

/* General styles for the section */
.success-stories {
    padding: 20px;
    background-color: #f9f9f9; /* Light grey background */
    margin-top: 20px; /* Space above the section */
}

/* Heading styles */
.success-stories h1 {
    color: #333; /* Dark grey text */
    font-size: 39px; /* Larger font size */
    text-align: center; /* Centered text */
    margin-bottom: 20px; /* Space below the heading */
    font-weight: bolder;
}

/* Individual story item styles */
.story-item {
    border: 1px solid #ccc; /* Light grey border around each story */
    padding: 10px; /* Padding inside each story box */
    margin-bottom: 15px; /* Space between stories */
    background-color: #fff; /* White background for contrast */
}

.story-item p {
    margin: 0; /* Remove default paragraph margins */
}
/* General Section Styling */
.success-stories {
    padding: 20px;
    background-color: #f9f9f9; /* Light grey background */
}

/* Heading Style */
.success-stories h2 {
    margin-top: 0;
    color: #333; /* Dark grey text */
    font-size: 24px; /* Larger font size for heading */
    text-align: center; /* Center align the heading */
}

/* Paragraph and List Item Styles */
.success-stories p,
.success-stories ol li {
    line-height: 1.6; /* Improved readability */
    color: #666; /* Slightly lighter text for body */
    font-size: 16px; /* Standard body text size */
}

/* Strong Tag Enhancement */
.success-stories strong {
    color: #007bff; /* Blue color for highlighted text */
    font-weight: bold; /* Bold font weight */
}

/* Image Styling */
.story-item img {
    display: inline-block; /* Allows setting width and height */
    max-width: 300px; /* Maximum width of the image */
    height: auto; /* Maintain aspect ratio */
    border: 2px solid #ccc; /* Adds a border around the image */
    padding: 10px; /* Adds some space around the image */
    margin: 10px auto; /* Centers the image horizontally and adds vertical margins */
    object-fit: contain; /* Ensures the image covers the box without stretching */
}

.custom-img {
    max-width: 100%; /* Ensures the image does not exceed its container */
    height: auto; /* Maintains aspect ratio */
    width: 400px; /* Set your desired width */
    height: 500px; /* Set your desired height */
}