/* Style for the toggle buttons */
.toggle-btn {
    gap: var(--global-kb-gap-xs, 0.5rem);
    justify-content: center;
    align-items: center;
    margin-top: var(--global-kb-spacing-xs, 1rem);
    display: flex;
    flex-wrap: wrap;
    color: #0069b1;
    font-size: 18px;
    font-family: Lato;
    font-weight: 400;
    border-top: 3px solid #0069b1;
    border-right: 3px solid #0069b1;
    border-bottom: 3px solid #0069b1;
    border-left: 3px solid #0069b1;
    background-color: transparent;
    padding: calc(.4em - 2px) calc(1em - 2px);
    outline: none;
	text-transform: uppercase;
}

.toggle-link {
    font-size: clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.227), 16px);
    font-style: normal;
    font-weight: 500;
    text-transform: uppercase;
    margin-top: 0px;
    margin-bottom: 0px;
}

.has-green-color {
    color: #128094;
}

.has-blue-color {
    color: #0069b1;
}

.has-pink-color {
    color: #d20f55;
}

.has-gray-color {
    color: #7d7d7d;
}

/* Button hover state */
.toggle-btn:hover {
    background-color: #0069b1;
    color: #FFFFFF;
    cursor: pointer;
}

/* Hide all content blocks initially */
.toggle-content {
    display: none;
 }
 
 /* Show content block when the class 'show' is added */
 .toggle-content.show {
    display: block;
 }