/* Basic Reset */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body, html {
    width: 100%;
    height: 100%;
    font-family: Arial, sans-serif;
}

.container8 {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding: 20px;
    justify-content: center;
    align-items: stretch;
}

.advert-block {
    flex: 1 1 200px; /* Grow and shrink from a base width of 200px */
    background-color: #f4f4f4;
    padding: 20px;
    border: 1px solid #ccc;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    border-radius: 5px;
    text-align: center;
}

.advert-block h2 {
    color: #333;
    margin-bottom: 10px;
    text-align: center;
}

.advert-block p {
    font-size: 14px;
    line-height: 1.6;
    color: #666;
    text-align: center;
}

/* Example of specific styling for individual blocks */
#public-services {
    background-color: #704FDCCD;
}

#communications {
    background-color: #4944EE80;
}

#enterprise-products {
    background-color: #8A04F7E9;
}

#fintech-products {
    background-color: #471FC451;
}

