.faq {
background: rgba(224, 229, 237, 1);
}
.faq__title {
font-family: 'Mulish', sans-serif;
font-weight: 700;
font-size: 42px;
line-height: 53px;
color: rgba(31, 79, 206, 1);
margin: 0 0 36px;
}
.faq__list {
display: flex;
flex-direction: column;
gap: 16px;
}
.faq__item {
background: rgba(249, 251, 255, 1);
border-radius: 15px;
overflow: hidden;
transition: box-shadow .25s ease;
}
.faq__item.is-open {
box-shadow: 0 10px 26px rgba(31, 79, 206, 0.08);
}
.faq__question {
width: 100%;
min-height: 96px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
padding: 24px 28px;
background: none;
border: none;
cursor: pointer;
text-align: left;
font-family: 'Mulish', sans-serif;
font-weight: 600;
font-size: 20px;
line-height: 25px;
color: rgba(27, 27, 27, 1);
}
.faq__icon {
width: 46px;
height: 46px;
border-radius: 50%;
border: 1.5px solid rgba(31, 79, 206, 1);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.faq__icon svg {
width: 16px;
height: 16px;
}
.faq__icon--close {
display: none;
}
.faq__item.is-open .faq__icon--open {
display: none;
}
.faq__item.is-open .faq__icon--close {
display: flex;
}
.faq__answer {
padding: 0 28px 24px;
}
.faq__answer[hidden] {
display: none;
}
.faq__answer-inner {
padding-top: 10px;
font-family: 'Mulish', sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 22px;
color: rgba(27, 27, 27, 1);
} @media (max-width: 1024px) {
.faq__title {
font-size: 28px;
line-height: 35px;
}
.faq__question {
font-size: 16px;
line-height: 17px;
min-height: auto;
padding: 20px 24px;
}
.faq__icon {
width: 38px;
height: 38px;
flex-shrink: 0;
}
.faq__icon svg {
width: 12px;
height: 12px;
}
.faq__answer-inner {
font-size: 12px;
line-height: 19px;
}
} @media (max-width: 640px) {
.faq,
.faq * {
text-align: left !important;
}
.faq__title {
font-size: 22px;
line-height: 29px;
margin-bottom: 20px;
}
.faq__question {
font-size: 16px;
line-height: 20px;
min-height: auto;
padding: 16px 20px;
gap: 12px;
}
.faq__icon {
width: 38px;
height: 38px;
flex-shrink: 0;
}
.faq__icon svg {
width: 12px;
height: 12px;
}
.faq__answer {
padding: 0 20px 20px;
}
.faq__answer-inner {
font-size: 12px;
line-height: 19px;
}
.faq__question br,
.faq__answer-inner br {
display: none;
}
}