.country-links {
    display: grid;
    justify-content: start;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 40px auto 60px;
    max-width: 1200px;
    padding: 20px;
    gap: 40px;
    background-color: #f7f4ee;
    border-radius: 10px;
}
/* country-links-column should be 1/3 of the overal width, unless there are only 2 columns, in which case 1/2. */
.country-links-column {
    padding: 30px;
    height: 100%;
    background-color: #ffffff91;
    border-radius: 10px;
}   
.country-links-column h3, .country-links-column div.dummy-h3 {
    font-size: 18px;
    margin: 0 0 20px;
    color: #051d3d;
    font-family: var(--pchead-font);
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    line-height: 1.1em;
    text-transform: uppercase;
    
}
.cinfo-toggle {
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    margin: 0;
    padding: 0;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
}
.cinfo-toggle::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-chevron-right' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E");
    display: inline-block;
    margin-left: 15px;
    transition: transform 0.3s ease;
}
.cinfo-toggle.rotate::after, .cinfo-toggle.fixed-open::after {
    transform: rotate(90deg) translate(-3px, 5px);
}
.country-links ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.country-links ul li {
    margin: 0 0 10px;
    text-transform: uppercase;
    font-size: 14px;
    padding: 0;
    position: relative;
    word-wrap: break-word;
    font-family: var(--pchead-font);
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    line-height: 1.5em;
    list-style: none;
}
li.cinfo-parent {
    margin-bottom: 7px !important;
}
.country-links ul li a {
    color: #051d3d !important;
    text-decoration: none;
    border: 0;
    padding: 10px 0;
}
.country-links ul li a:hover, .cinfo-toggle:hover {
    color: #051d3d !important;
    text-decoration: none;
}


.sub-ul {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.3s ease, opacity 2s ease;
    padding: 0 0 0 20px !important; 
}
.sub-ul.show, .sub-ul.always-visible {
    max-height: 1500px; /* Adjust the value to the desired height */
    opacity: 1;
}
.sub-ul li:first-child {
    padding-top: 10px;
}
.sub-ul li:last-child {
    padding-bottom: 10px;
}

@media (max-width: 768px) {
    .country-links {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}