.tz_co_asoft_academia_website_academia_home_faq_styles_wrapper {
width: fit-content;
margin: 0 auto;
}
.tz_co_asoft_academia_website_academia_home_faq_styles_headingwrapper {
width: fit-content;
margin: 0 auto;
text-align: center;
font-size: clamp(2rem, calc(4vw + 0.5rem), 3rem);
}
.tz_co_asoft_academia_website_academia_home_faq_styles_longtitle {
font-weight: 700;
font-size: 1em;
color: rgba(0, 0, 0, 0.9);
}
.tz_co_asoft_academia_website_academia_home_faq_styles_shorttitle {
font-size: 1em;
font-weight: 700;
color: transparent;
background-image: linear-gradient(270deg, #30C0F9, #0061FF, #0061FF, #0061FF, #0061FF);
background-clip: text;
}
.tz_co_asoft_academia_website_academia_home_faq_styles_preamble {
width: min(65ch, 100%);
text-align: center;
margin: 2em auto;
font-size: clamp(1rem, calc(3vw + 0.5rem), 1.5rem);
color: rgba(0, 0, 0, 0.6);
}
.tz_co_asoft_academia_website_academia_home_faq_styles_questionswrapper {
width: min(60ch, 100%);
margin: 0 auto;
}
.tz_co_asoft_academia_website_academia_home_faq_styles_questionwrapper {
display: grid;
grid-template-columns: 1fr 0.7em;
border-bottom: 2px solid rgba(48, 192, 249, 0.1);
gap: 1em;
align-items: center;
cursor: pointer;
}
.tz_co_asoft_academia_website_academia_home_faq_styles_question {
padding: 1em 0;
font-size: 1.5em;
font-weight: 500;
}
.tz_co_asoft_academia_website_academia_home_faq_styles_iconwrapper {
width: 0.7em;
height: 0.7em;
transition-duration: 0.2s;
cursor: pointer;
&[data-expanded = '1'] {
transform: rotateZ(90deg);
}
}
.tz_co_asoft_academia_website_academia_home_faq_styles_icon {
width: 100%;
}
.tz_co_asoft_academia_website_academia_home_faq_styles_answer {
display: grid;
grid-template-rows: 0fr;
transition-duration: 0.5s;
&[data-expanded = '1'] {
grid-template-rows: 1fr;
padding-bottom: 1em;
}
div {
color: rgba(0, 0, 0, 0.6);
font-size: clamp(1rem, calc(calc(3vw + 0.5rem) * 0.8), 1.2rem);
overflow: hidden;
}
}