.page-template-areas .site-header.scrolled {
-webkit-box-shadow: none;
box-shadow: none;
}
main > .navbar-subpage-menu-wrap + .areas-page {
padding-top: var(--site-header-height);
}
.areas-page .page-hero .col.left {
padding: 6.4rem 0;
}
.areas {
padding: 2.4rem 0;
}
.areas__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 4.8rem;
}
.area {
position: relative;
padding: 4rem var(--content-padding) 6.4rem;
}
.area__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 1.6rem;
margin-bottom: 4rem;
}
.area__logo {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 4.4rem;
height: 4.4rem;
margin: 0 auto;
border-radius: 50%;
background-color: var(--purple);
}
.area__title {
margin-bottom: 0;
}
.area__title strong {
color: var(--purple);
}
.area__content {
max-width: 80rem;
margin: 0 auto;
}
.area__highlight {
margin-bottom: 3.2rem;
padding: 2.4rem;
}
@media screen and (max-width: 500px) {
.area__highlight {
padding: 2.4rem 1.2rem;
}
}
.area__highlight h1, .area__highlight h2, .area__highlight h3, .area__highlight h4, .area__highlight h5 { font-size: calc(var(--fs-small-rate) * 2rem); line-height: 1.2;
margin-bottom: 1rem;
}
.area__highlight ul {
margin-left: 2rem;
-webkit-columns: 2;
-moz-columns: 2;
columns: 2;
-webkit-column-gap: 3.2rem;
-moz-column-gap: 3.2rem;
column-gap: 3.2rem;
}
@media screen and (max-width: 500px) {
.area__highlight ul {
-webkit-columns: 1;
-moz-columns: 1;
columns: 1;
}
}
.area__openable {
max-height: 0;
overflow: hidden;
-webkit-transition: max-height 0.2s ease-out;
transition: max-height 0.2s ease-out;
}
.area__open {
font-family: "Poppins-Semibold", sans-serif;
font-weight: 600; position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translate(-50%, 50%);
transform: translate(-50%, 50%);
margin: 0 auto;
padding: 0.8rem 1.6rem;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.8rem;
background-color: var(--purple);
color: var(--white);
border-radius: 10rem;
text-transform: uppercase;
letter-spacing: 0.028rem;
cursor: pointer;
}
.area__open svg {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.area__open.active svg {
-webkit-transform: none;
transform: none;
} .courses {
margin-bottom: var(--section-padding-small);
}
.courses__title { font-size: calc(var(--fs-rate) * 3.1rem);
line-height: 1.1935483871;
margin-bottom: 2.4rem;
} .references {
padding: 4.8rem 0;
}
@media screen and (max-width: 500px) {
.references .container {
padding: 0;
}
} .faq {
padding: var(--section-padding-general) 0;
}