.container-block {
    display: flex;
    align-items: center;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 20px;
    margin: 20px 0;
    background-color: #f9f9f9;
}

.image {
    flex: 1;
    flex-basis: 30%; /* Controls how much space the image takes */
    width: 100%;
    max-width: 350px; /* Increase max width */
    max-height: 350px; /* Increase max height */
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.image img {
    width: 100%;
    height: auto; /* Maintain aspect ratio */
    object-fit: contain; /* Ensures the full image is visible */
    border-radius: 8px;
}



.content {
    flex: 2;
    padding-left: 20px;
    max-width: 90ch; /* Adjust this to control wrapping */
    word-wrap: break-word; /* Ensures long words break properly */
    overflow-wrap: break-word; /* Alternative for better support */
}


.content h2 {
    margin: 0 8px;
    font-size: 1.5em;
    color: #333;
}

.content p {
    margin: 10px 8px;
    color: #666;
}

.content ul {
    list-style-type: none;
    padding: 0;
}

.content ul li {
    margin: 5px 0;
}

.content ul li a {
    text-decoration: none;
    color: #007bff;
    font-weight: bold;
}

.content ul li a:hover {
    text-decoration: underline;
}

.tab {
    tab-size: 2; /* for e.g: value = 2*/
}

.space-pad {
    padding: 30px; /* Adjust this value as needed */
}

.km-block {
    display: flex;
    align-items: center;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 20px;
    margin: 20px 0;
    background-color: #f9f9f9;
}