.elementor-5152 .elementor-element.elementor-element-d97982f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:50px;--margin-bottom:50px;--margin-left:50px;--margin-right:50px;}.elementor-5152 .elementor-element.elementor-element-3f97b6f{text-align:center;}.elementor-5152 .elementor-element.elementor-element-3f97b6f .elementor-heading-title{font-size:2.4em;text-shadow:0px 0px 10px rgba(40.75307194363283, 11.360574068815822, 168.57626037597657, 0.3);}@media(max-width:767px){.elementor-5152 .elementor-element.elementor-element-d97982f{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for shortcode, class: .elementor-element-73188b6 *//* Wrapper styling */
.toggle-wrapper {
    margin: 20px 0;
}

/* Year button styling */
.toggle-button {
    background-color: #310d6c;
    color: #fff;
    padding: 10px 15px;
    border: none;
    text-align: left;
    width: 100%;
    font-size: 18px;
    cursor: pointer;
    outline: none;
    transition: background-color 0.3s;
    margin-bottom: 5px;
    border-radius: 5px;
}

.toggle-button:hover {
    background-color: #005f8d;
}

/* Collapsible content hidden by default */
/* CSS for toggle content */
.toggle-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
    background-color: #f9f9f9;
    margin-bottom: 10px;
    border-left: 2px solid #ddd;
    padding: 10px 15px;
}

/* CSS for month buttons */
.month-button {
    display: block;
    margin-bottom: 5px;
    padding: 10px;
    background-color: #081a2e;
    color: white;
    text-align: center;
    text-decoration: none;
    border-radius: 4px;
    transition: background-color 0.3s ease;
}

.month-button:hover {
    background-color: #0056b3;
    color: white;
}/* End custom CSS */