.section-divider {
position: relative;
height: var(--divider-height);
z-index: 1;
pointer-events: none;
overflow: visible;
margin-top: calc(-1 * var(--divider-height) / 2);
margin-bottom: calc(-1 * var(--divider-height) / 2);
padding: 0;
}
.section-divider__triangle {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
height: 100%;
} .section-divider--right .section-divider__triangle {
right: 0;
width: 6vw;
} .section-divider--left .section-divider__triangle {
left: 0;
width: 6vw;
}
.section-divider__triangle .fil0 {
fill: var(--color-science-blue);
} @media (max-width: 768px) {
.section-divider--right .section-divider__triangle {
width: 8vw;
}
.section-divider--left .section-divider__triangle {
width: 8vw;
}
} @media (max-width: 480px) {
.section-divider--right .section-divider__triangle {
width: 12vw;
}
.section-divider--left .section-divider__triangle {
width: 12vw;
}
} @media (max-width: 360px) {
.section-divider--right .section-divider__triangle {
width: 15vw;
}
.section-divider--left .section-divider__triangle {
width: 15vw;
}
}.fancy-heading {
margin: 0;
line-height: 1.2;
} .fancy-heading.align-left {
text-align: left;
}
.fancy-heading.align-center {
text-align: center;
}
.fancy-heading.align-right {
text-align: right;
} .fancy-heading.font-main {
font-family: var(--typography-family-main);
}
.fancy-heading.font-secondary {
font-family: var(--typography-family-secondary);
} .fancy-heading.weight-400 {
font-weight: var(--typography-weight-regular);
}
.fancy-heading.weight-800 {
font-weight: 900;
} .fancy-heading.size-standard {
font-size: inherit;
}
.fancy-heading.size-2em {
font-size: 2em;
}
.fancy-heading.size-3em {
font-size: 3em;
}
.fancy-heading.size-4em {
font-size: 4em;
}
.fancy-heading.size-5em {
font-size: 5em;
}
.fancy-heading.size-6em {
font-size: 6em;
}
.fancy-heading.size-7em {
font-size: 7em;
}
.fancy-heading.size-8em {
font-size: 8em;
} .fancy-heading.color-standard {
color: var(--color-heading);
}
.fancy-heading.color-white {
color: var(--color-white);
}
.fancy-heading.color-blue {
color: var(--color-science-blue);
} .fancy-heading.transform-standard {
text-transform: none;
}
.fancy-heading.transform-uppercase {
text-transform: uppercase;
} @media (max-width: 768px) {
.fancy-heading.align-right {
text-align: left;
}
.fancy-heading.size-2em {
font-size: 1.5em;
}
.fancy-heading.size-3em {
font-size: 2em;
}
.fancy-heading.size-4em {
font-size: 2.5em;
}
.fancy-heading.size-5em {
font-size: 3em;
}
.fancy-heading.size-6em {
font-size: 3.5em;
}
.fancy-heading.size-7em {
font-size: 4em;
}
.fancy-heading.size-8em {
font-size: 4.5em;
}
} @media (max-width: 480px) {
.fancy-heading.align-right {
text-align: left;
}
.fancy-heading.size-2em {
font-size: 1.3em;
}
.fancy-heading.size-3em {
font-size: 1.6em;
}
.fancy-heading.size-4em {
font-size: 2em;
}
.fancy-heading.size-5em {
font-size: 2.5em;
}
.fancy-heading.size-6em {
font-size: 3em;
}
.fancy-heading.size-7em {
font-size: 3.5em;
}
.fancy-heading.size-8em {
font-size: 4em;
}
} @media (max-width: 360px) {
.fancy-heading.size-2em {
font-size: 1.2em;
}
.fancy-heading.size-3em {
font-size: 1.4em;
}
.fancy-heading.size-4em {
font-size: 1.8em;
}
.fancy-heading.size-5em {
font-size: 2.2em;
}
.fancy-heading.size-6em {
font-size: 2.6em;
}
.fancy-heading.size-7em {
font-size: 3em;
}
.fancy-heading.size-8em {
font-size: 3.4em;
}
}.horizontal-buttons-block {
position: relative;
margin: 2rem 0;
} .horizontal-button {
display: inline-block;
text-decoration: none;
transition: transform 0.3s ease;
position: relative;
}
.horizontal-button:hover {
transform: translateY(-2px);
}
.horizontal-button-content {
display: inline-block;
vertical-align: middle;
} .horizontal-button-icon {
display: inline-block;
vertical-align: middle;
height: auto;
margin-right: 1rem;
}
.horizontal-button-icon svg {
width: 100% !important;
height: auto !important;
} .horizontal-button-text {
display: inline-block;
vertical-align: middle;
font-family: var(--typography-family-secondary);
font-weight: var(--typography-weight-medium);
font-size: 1.1rem;
letter-spacing: 0.05em;
text-transform: uppercase;
white-space: nowrap;
} .horizontal-buttons-block.text-left .horizontal-button-icon {
margin-right: 1rem;
margin-left: 0;
}
.horizontal-buttons-block.text-right .horizontal-button-icon {
margin-left: 1rem;
margin-right: 0;
} .horizontal-buttons-block.color-standard .horizontal-button-text {
color: var(--color-heading);
}
.horizontal-buttons-block.color-white .horizontal-button-text {
color: var(--color-white);
} .horizontal-button:focus {
outline: 2px solid var(--color-science-blue);
outline-offset: 2px;
} @media (max-width: 768px) {
.horizontal-button-icon svg {
max-width: 250px !important; max-height: 250px !important; }
.horizontal-button-text {
font-size: 1rem;
}
} @media (max-width: 480px) {
.horizontal-button-text {
font-size: 0.9rem;
}
} @media (max-width: 360px) {
.horizontal-button-text {
font-size: 0.8rem;
}
}