/* Expandable Footer Section */
.footer-expand-wrapper {
    width: 100%;
    margin: 40px 0 0 0;
    border-top: 1px solid white;
}

.footer-expand-item {
    border-bottom: 1px solid whitesmoke;
}

.footer-expand-header {
    width: 100%;
    background: none;
    border: none;
    color: #fff;
    font-size: 20px;
    text-align: left;
    padding: 18px;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    padding-left: 120px;
    /* adjust as needed */
}

.footer-expand-icon {
    transition: transform 0.3s ease;
    font-size: 22px;
    margin-right: 110px;
    /* adjust */
}

.footer-expand-item.active .footer-expand-icon {
    transform: rotate(45deg);
    /* turns + into × */
}

.footer-expand-content {
    max-height: 0;
    overflow: hidden;
    padding: 0 18px;
    color: whitesmoke;
    transition: max-height 0.4s ease, padding 0.3s ease;
}

.footer-expand-item.active .footer-expand-content {
    padding: 15px 18px;
    max-height: 300px;
    /* enough space for text */
}

.footer-expand-item.active .footer-expand-content {
    padding: 15px 18px 15px 120px;
    /* left = 60px */
}

.footer-bullet-links {
    list-style: none;
    padding-left: 0;
    display: flex;
    flex-wrap: wrap;
    /* allows new line AFTER space is filled */
    gap: 15px 25px;
    /* row-gap and column-gap (little spacing) */
    width: 100%;
    /* full line visible */
}

.footer-bullet-links li {
    position: relative;
    padding-right: 20px;
}

.footer-bullet-links li:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 1px;
    height: 14px;
    background: white;
    transform: translateY(-50%);
}

.footer-bullet-links a {
    color: white;
    text-decoration: none;
    font-size: 15px;
    transition: 0.2s;
}

.footer-bullet-links a:hover {
    text-decoration: underline;
}