.accordion__wrapper {
max-height: 0;
overflow: hidden;
transition: max-height .3s ease;
}

.accordion.is-active .accordion__wrapper {
max-height: var(--max-height);
transition: max-height .6s cubic-bezier(.165, .84, .44, 1);
margin-bottom: 40px;
}

.accordion__content {
max-width: 800px;
opacity: 0;
transition:
opacity 0s ease .3s,
transform 0s ease .3s;
}

.accordion.is-active .accordion__content {
opacity: 1;
transform: none;
transition:
opacity .3s ease,
transform .6s ease;
}

.accordion__content>*:first-child {
margin-top: 0;
}

.accordion__content>*:last-child {
margin-bottom: 0;
}

.accordion__button {
font-family: poppins;
font-size: 24px;
font-weight: 600;
border: none;
padding: 0;
transition: color 0.3s;
}

.accordion__button:hover {
color: #000000;
}



@media (max-width: 1280px) {
.accordion__content {
width: 100%;
padding-right: 0;
}
}

@media (max-width: 500px) {

.accordion__button {
font-size: 20px;
}
}