44 lines
928 B
CSS
44 lines
928 B
CSS
.page-header {
|
|
@apply bg-primary text-white py-16 items-center relative;
|
|
|
|
&--sliced-background {
|
|
@apply bg-transparent;
|
|
&::before {
|
|
z-index: -1;
|
|
content: '';
|
|
@apply absolute inset-0;
|
|
background-image: url('../resources/img/shapes/background-shape-A_green.svg');
|
|
background-size: 100% 100%;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
}
|
|
|
|
&__inner {
|
|
@apply grid grid-cols-1 gap-x-24 gap-y-20 !py-0;
|
|
@screen lg {
|
|
grid-template-columns: 61.8fr 38.2fr;
|
|
}
|
|
@screen 2xl {
|
|
@apply !py-6;
|
|
}
|
|
}
|
|
|
|
&__title {
|
|
@apply !text-white;
|
|
}
|
|
&__subtitle {
|
|
@apply text-white text-5xl;
|
|
line-height: 1.2;
|
|
}
|
|
&__description {
|
|
@apply mb-8 lg:mb-16;
|
|
}
|
|
&__cta {
|
|
@apply internal-link-with-icon internal-link-with-icon--white;
|
|
}
|
|
}
|