/* Style for the UL container */
.children-pages ul {
    list-style: none; /* Remove bullets */
    padding: 0;
    margin: 0;
    display: flex; /* Enable flexbox */
    flex-wrap: wrap; /* Allow wrapping to new lines */
    gap: 10px; /* Add spacing between items */
    margin-bottom: 30px;
}

/* Style for each LI box */
.children-pages li {
    background-color: #E1ECF5; /* Light gray background */
    border-radius: 12px; /* Slightly rounded corners */
    padding: 12px 17px;
    text-align: center; /* Center text inside each box */
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box; /* Include padding and border in the box's size */
}

.children-pages li:hover {
    background-color: #E54F471A;
}
.children-pages li:hover a {
    color: #E54F47;
}

.children-pages li a {
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: -0.462px;
    white-space: nowrap;
    color: #0D5377;
}

/* Responsive adjustments for smaller screens */
@media (max-width: 800px) {
.children-pages  li {
        flex: 1 1 calc(50% - 10px); /* Switch to 2 boxes per row */
        max-width: calc(50% - 10px);
    }
}

@media (max-width: 500px) {
.children-pages  li {
        flex: 1 1 calc(100% - 10px); /* Switch to 1 box per row */
        max-width: calc(100% - 10px);
    }
}