/* General styles for the wrapper */
  .content-wrapper {
    display: flex;
    justify-content: center;  /* Center the content horizontally */
    align-items: center;      /* Vertically center items */
    flex-direction: row;      /* Default to left to right */
    width: 100%;
    max-width: 100%;     
}

/* Center the content-wrapper inside the section */
.item-section {
    display: flex;
justify-content: center; /* Center the content horizontally */
align-items: center; /* Vertically center items */
gap: 20px; /* Optional gap between image and text */
flex-wrap: wrap; /* Allow items to wrap on smaller screens */
width: 100%; /* Full width */

margin: 0 auto; /* Center the section within the page */
}

 /* Image container styles */
 .image-container2 {
    flex: 1;
    max-width: 800px;
}

   /* Text container styles */
   .text-container {
    flex: 1;
    max-width: 800px;
    display: flex;             /* Apply flexbox to center image */
    justify-content: center;   /* Center the image inside container */
}
.image-container2 img{
    max-width: 100%;  
    height: auto;
 }
 @media (max-width: 768px) {
    .item-section {
        flex-direction: column; /* Stack image and text vertically */
        gap: 20px; /* Optional gap between image and text */
    }

    .text-container {
        padding-left: 0; /* Remove padding on smaller screens */
    }
}