:root {
    --wap-main-bg-color: #172743;
    --wap-secondary-bg-color: #DDE05E;
    --wap-tertiary-bg-color: #8BC3DD;
	--wap-four-bg-color: #f8f8ff;

    --wap-main-color: #172743;
    --wap-secondary-color: #DDE05E;
    --wap-tertiary-color: #ffffff;

    --wap-main-font-family: "Brandink Sans"; 
    --wap-main-font-size: 30px;
    --wap-secondary-font-size: 18px;

    --wap-secondary-font-weight: 600;

    --wap-box-shadow: 0 0 0 0.25rem #bdd7ff;
}

button.accordion-button.wap-accordion-button {
	border-radius: 15px !important;
    padding: 14px !important;
	margin-top: 6px !important;
	background: linear-gradient(23deg, rgba(139,195,221,1) 42%, rgba(221,224,94,1) 73%) !important;
    box-shadow: -5px 5px 4px 0px #172743 !important;
}

.wap-accordion-button strong {
    color: var(--wap-tertiary-color) !important;
    font-family: var(--e-global-typography-text-font-family), Sans-serif !important;
    font-size: var(--wap-secondary-font-size);
    font-weight: var(--wap-secondary-font-weight);
	white-space: normal;
	line-height: initial;
}

.wap-accordion-button.collapsed {
    color: var(--wap-tertiary-color);
}

.wap-accordion-button:hover {
    background: var(--wap-main-bg-color);
}

.wap-accordion-button:hover strong {
    color: var(--wap-secondary-bg-color);
}

.wap-accordion-button:focus {
    background: var(--wap-main-bg-color);
    font-size: var(--wap-secondary-font-size);
    font-weight: var(--wap-secondary-font-weight);
}

.wap-accordion-button:focus strong{
    color: var(--wap-tertiary-color);
}

.accordion-button:not(.collapsed)  {
    color: var(--wap-secondary-bg-color);
    font-family: var(--e-global-typography-text-font-family), Sans-serif !important;
    font-size: var(--wap-secondary-font-size);
}

.wap-accordion-button:focus.accordion-button::after {
    width: 0px;
    height: 0px;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    border-top: 10px solid var( --wap-main-color);
}

.wap-accordion-body {
    font-family: var(--e-global-typography-text-font-family), Sans-serif !important;
    font-size: 16px;
	box-shadow: 0px 0px 3px #d7d7d7;
    border-radius: 15px;
}

.wap-accordion-button.accordion-button:not(.collapsed) {
	background-color: var(--wap-four-bg-color) !important;
}

.wap-accordion-button.accordion-button:not(.collapsed) strong {
	color: var( --wap-main-color) !important;
}

.wap-accordion-button:focus.accordion-button.collapsed::after {
	border-top: 10px solid var(--wap-secondary-bg-color);
}