.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;
}
}.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.faq-answer-content p {margin-top:0px;}
.faq-block {
position: relative;
width: 100%;
height: 450px; overflow: hidden; }
.faq-container {
padding: 0;
height: 100%;
overflow-y: auto; scrollbar-width: none;
-ms-overflow-style: none;
}
.faq-container::-webkit-scrollbar {
display: none;
} .faq-item {
border-bottom: 1px solid;
transition: all 0.3s ease; min-height: 90px; display: flex;
flex-direction: column;
}
.faq-item:last-child {
border-bottom: none;
} .faq-question {
width: 100% !important;
max-width: 100% !important; padding: 1.5rem 0;
background: none;
border: none;
cursor: pointer;
display: flex;
align-items: flex-start;
justify-content: space-between;
text-align: left;
transition: all 0.3s ease;
flex: 1;
min-height: 90px; }
.faq-question:hover {
opacity: 0.8;
}
.faq-question-text {
font-size: 1.3rem;
font-weight: var(--typography-weight-medium);
line-height: 1.4;
flex: 1;
margin-right: 1rem; word-break: break-word;
hyphens: auto;
white-space: normal;
overflow: visible;
text-overflow: unset;
display: block;
width: 100%;
max-width: calc(100% - 50px);
}  .faq-answer {
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease;
}
.faq-answer[aria-hidden="false"] {
max-height: 2000px; }
.faq-answer-content {
padding: 0 0 1.5rem 0;
line-height: 1.6;
} .faq-scroll-btn {
position: absolute !important;
right: 20px !important;
height: 50px !important;
background: transparent !important;
border: none !important;
cursor: pointer !important;
display: flex !important;
padding: 0px !important;
align-items: center !important;
justify-content: center !important;
transition: all 0.3s ease !important;
z-index: 999 !important;
opacity: 1 !important;
visibility: visible !important;
}
.faq-scroll-btn:hover {
background: var(--color-science-blue) !important;
}
.faq-scroll-btn svg {
fill: var(--color-science-blue) !important;
transition: fill 0.3s ease !important;
width: 50px !important;
height: 50px !important;
}
.faq-scroll-btn:hover svg {
fill: var(--color-white) !important;
}
.faq-scroll-btn:focus {
outline: none !important;
}
.faq-scroll-up {
top: 10px !important;
}
.faq-scroll-down {
bottom: 10px !important;
} .faq-block.scheme-dark {
background-color: var(--color-main);
color: var(--color-white);
}
.faq-block.scheme-dark .faq-item {
border-bottom-color: var(--color-science-blue);
}
.faq-block.scheme-dark .faq-question-text {
color: var(--color-white);
}
.faq-block.scheme-dark .faq-answer-content {
color: var(--color-white) !important;
} .faq-block.scheme-dark .faq-answer-content * {
color: var(--color-white) !important;
}
.faq-block.scheme-light {
background-color: var(--color-white);
color: var(--color-heading);
}
.faq-block.scheme-light .faq-item {
border-bottom-color: var(--color-science-blue);
}
.faq-block.scheme-light .faq-question-text {
color: var(--color-heading);
}
.faq-block.scheme-light .faq-answer-content {
color: var(--color-paragraph);
} .faq-question:focus {
outline: none;
} @media (max-width: 768px) {
.faq-block {
height: 400px; }
.faq-container {
margin-top: 20px; }
.faq-item {
min-height: 80px; }
.faq-question {
padding: 1rem 0;
min-height: 80px;
}
.faq-question-text {
font-size: 1.1rem;
max-width: calc(100% - 40px);
}
.faq-answer-content {
padding: 0 0 1rem 0;
}
.faq-scroll-btn {
right: 15px !important; width: 40px !important;
height: 40px !important;
z-index: 1000 !important; }
.faq-scroll-btn svg {
width: 40px !important;
height: 40px !important;
}
} @media (max-width: 480px) {
.faq-block {
height: 350px;
}
.faq-container {
margin-top: 20px; }
.faq-item {
min-height: 70px;
}
.faq-question {
padding: 0.8rem 0;
min-height: 70px;
}
.faq-question-text {
font-size: 1rem;
max-width: calc(100% - 35px);
}
.faq-answer-content {
padding: 0 0 0.8rem 0;
}
.faq-scroll-btn {
right: 12px !important; width: 35px !important;
height: 35px !important;
z-index: 1000 !important; padding: 0px !important;
}
.faq-scroll-btn svg {
width: 35px !important;
height: 35px !important;
}
} @media (max-width: 360px) {
.faq-block {
height: 300px;
}
.faq-container {
margin-top: 20px; }
.faq-item {
min-height: 60px;
}
.faq-question {
padding: 0.6rem 0;
min-height: 60px;
}
.faq-question-text {
font-size: 0.9rem;
max-width: calc(100% - 30px);
}
.faq-answer-content {
padding: 0 0 0.6rem 0;
}
}