/* Intro Section List */
.intro-container ul {
    list-style: none; /* Remove default bullets */
    padding: 0; /* Remove padding */
    margin: 0; /* Remove margin */
}

.intro-container ul li {
    position: relative; /* Enable positioning for the custom icon */
    padding-left: 25px; /* Add space for the check icon */
    margin-bottom: 10px; /* Add spacing between list items */
    font-size: 1rem; /* Adjust font size */
    color: #333; /* Text color */
}

.intro-container ul li::before {
    content: '\2713'; /* Unicode for checkmark */
    position: absolute; /* Position the checkmark */
    left: 0; /* Align the checkmark to the left */
    top: 50%; /* Vertically center the checkmark */
    transform: translateY(-50%); /* Adjust for perfect centering */
    color: green; /* Set the checkmark color */
    font-weight: bold; /* Make the checkmark bold */
    font-size: 1.2rem; /* Adjust the size of the checkmark */
}
/* Intro Section Images */
.intro-images {
    display: flex; /* Display images in a row */
    gap: 20px; /* Add spacing between images */
    justify-content: center; /* Center the images horizontally */
    align-items: center; /* Align images vertically */
    flex-wrap: wrap; /* Allow wrapping on smaller screens */
}

.intro-container {
    display: flex;
    flex-direction: column; /* Stack tekst en afbeelding verticaal */
    gap: 2rem;
    align-items: center;
}

.intro-text {
    flex: 1;
}

.intro-image {
    max-width: 800px; /* Beperk de breedte van de afbeelding */
    width: 100%;
}

.intro-image img {
    width: 100%;
    height: auto;
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

@media (max-width: 768px) {
    .intro-container {
        flex-direction: column; /* Stack tekst en afbeelding verticaal op mobiel */
    }
    
    .intro-image {
        max-width: 100%;
    }
}