63 lines
1.1 KiB
CSS
63 lines
1.1 KiB
CSS
.pricing-page {
|
|
display: flex;
|
|
overflow-x: hidden;
|
|
flex-direction: column;
|
|
gap: 140px;
|
|
background-color: transparent;
|
|
margin-bottom: 140px;
|
|
|
|
@media (max-width: 1023px) {
|
|
gap: 120px;
|
|
}
|
|
}
|
|
|
|
.sections {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 48px;
|
|
padding: 0px 350px;
|
|
|
|
@media (max-width: 1023px) {
|
|
padding: 0px 48px;
|
|
}
|
|
}
|
|
|
|
.sections-subtitle {
|
|
font-size: var(--font-desktop-base);
|
|
line-height: var(--line-height-desktop-base);
|
|
font-weight: bold;
|
|
}
|
|
|
|
.title-and-phrase {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--space-sm-8px);
|
|
align-items: flex-start;
|
|
}
|
|
|
|
.pricingcards {
|
|
display: flex;
|
|
align-items: center;
|
|
width: 100%;
|
|
gap: var(--space-lg-24px);
|
|
}
|
|
|
|
@media (max-width: 1023px) {
|
|
.pricingcards {
|
|
flex-direction: column;
|
|
gap: var(--space-lg-24px);
|
|
}
|
|
|
|
.pricingcards .advanced-plan {
|
|
order: 1;
|
|
}
|
|
|
|
.pricingcards .intermediate-plan {
|
|
order: 2;
|
|
}
|
|
|
|
.pricingcards .basic-plan {
|
|
order: 3;
|
|
}
|
|
}
|