File: /var/www/quadcode.com/src/scss/trading-platform/faq.scss
:global(.tradingPlatform .block-faq) {
padding: 80px 0;
padding-bottom: 76px;
@include breakpoint-down('deskL') {
padding: 95px 0;
padding-bottom: 80px;
}
@include breakpoint-down('deskS') {
padding: 84px 0;
padding-bottom: 42px;
}
@include breakpoint-down('tabM') {
padding: 40px 0;
}
:global(.container) {
@include breakpoint-down('deskL') {
max-width: 1178px;
}
}
:global(.block-faq__title) {
@include titleBlock;
@include breakpoint-down('deskS') {
text-align: right;
margin-bottom: 19px;
}
@include breakpoint-down('tabM') {
text-align: center;
margin-bottom: 9px;
}
}
:global(.block-faq__subtitle) {
@include text;
@include breakpoint-down('deskL') {
font-size: 16px;
line-height: 19.49px;
}
@include breakpoint-down('deskS') {
text-align: right;
}
@include breakpoint-down('tabM') {
text-align: center;
font-size: 12px;
line-height: 14.4px;
}
:global(span) {
@include text;
@include breakpoint-down('deskL') {
font-size: 16px;
line-height: 19.49px;
}
@include breakpoint-down('tabM') {
font-size: 12px;
line-height: 14.4px;
}
}
}
:global(.block-faq__text) {
max-width: 574px;
@include breakpoint-down('deskL') {
max-width: 488px;
}
@include breakpoint-down('deskS') {
max-width: 177px;
}
@include breakpoint-down('tabM') {
max-width: 80%;
}
}
:global(.block-faq__wrapper) {
gap: 146px;
@include breakpoint-down('deskL') {
gap: 103px;
}
@include breakpoint-down('deskS') {
flex-direction: row;
gap: 63px;
}
@include breakpoint-down('tabM') {
flex-direction: column;
gap: 31px;
}
}
:global(.block-faq__list) {
@include breakpoint-down('deskL') {
max-width: 587px;
}
}
:global(.accordion) {
padding: 21px 0;
@include breakpoint-down('deskL') {
padding: 20px 0;
}
@include breakpoint-down('deskS') {
padding: 14px 0;
}
@include breakpoint-down('tabM') {
padding: 23px 0;
}
&:first-of-type {
padding-top: 0;
@include breakpoint-down('deskS') {
padding-top: 6px;
}
}
}
:global(.accordion__title-text) {
@include text;
@include breakpoint-down('deskL') {
font-size: 16px;
line-height: 19.49px;
}
@include breakpoint-down('tabM') {
font-size: 12px;
line-height: 14.4px;
}
}
:global(.accordion__arrow svg) {
@include breakpoint-down('deskL') {
width: 38px;
height: 31px;
}
@include breakpoint-down('deskS') {
width: 50px;
height: 30px;
}
@include breakpoint-down('tabM') {
width: 43px;
height: 26px;
}
}
}