@font-face {
font-family: 'Effra Trial';
font-display: swap;
src: url('https://144280306.fs1.hubspotusercontent-eu1.net/hubfs/144280306/raw_assets/public/appello-theme/fonts/Effra_Trial_Rg.woff') format('opentype');
}
/* Theme base styles */
/* Blog - All posts */
/* Looking for the card grid/cards styling? - find it at /css/components/_cards.css */
/* Filters */
.blog-posts__filters {
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: center;
gap: 20px;
margin-bottom: 90px;
position: relative;
z-index: 2;
}
.blog-posts__filters h3 {
margin-right: auto;
margin-bottom: 0px;
}
.blog-posts__filters p {
margin-bottom: 0px;
}
.blog-posts__filters__filter {
display: flex;
flex-direction: column;
}
.blog-posts__filters__filter span {
color: var(--white);
}
.blog-posts__filters__filter input {
border: 0px;
font-size: 18px;
padding: 16px 20px;
margin: 0px;
border-radius: 0px;
min-width: 270px;
background-color: var(--light-grey);
border-radius: 40px;
}
.blog-posts__filters__filter input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: right 20px center;
background-size: 16px;
background-color: var(--light-grey);
}
.blog-posts__filters__filter input::placeholder {
opacity: 1;
}
/* Pagination */
.blog-posts__pagination {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
}
.blog-posts__pagination ul {
display: flex;
flex-direction: row;
margin: 0px;
padding: 0px;
list-style: none;
gap: 15px;
}
.blog-posts__pagination ul li {
cursor: pointer;
}
.blog-posts__pagination ul li:hover {
color: var(--electric-blue);
}
.blog-posts__pagination ul li.active {
font-weight: bold;
color: var(--electric-blue);
}
@media screen and (max-width: 1440px) {
.content-wrapper.blog-posts {
padding: 0px 32px;
}
}
@media screen and (max-width: 1024px) {
.blog-posts::after {
height: 1600px;
}
.blog-posts__featured-post {
flex-direction: column;
align-items: center;
gap: 40px;
margin-bottom: 50px;
}
.blog-posts__featured-post__image,
.blog-posts__featured-post__content {
width: 100%;
}
.blog-posts__filters {
margin-bottom: 50px;
}
}
@media screen and (max-width: 940px) {
.blog-posts__filters {
flex-direction: column;
gap: 32px;
margin-bottom: 50px;
width: 100%;
}
.blog-posts__filters__filter,
.blog-posts__filters__filter {
min-width: unset;
width: 100%;
}
}
/* Download CTA Banner */
.download-cta-banner {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: stretch;
gap: 20px;
padding: 0px 30px 0px 52px;
border-radius: 20px;
text-align: start;
outline: 10px solid white;
}
.download-cta-banner__column {
width: 50%;
}
.download-cta-banner__column.download-cta-banner__column--content {
padding: 50px 0px;
text-wrap: balance;
}
.download-cta-banner__column.download-cta-banner__column--content .button {
padding-left: 0px;
}
.download-cta-banner__column.download-cta-banner__column--image {
position: relative;
margin: -10px 0px;
aspect-ratio: 1/1;
}
.download-cta-banner__column.download-cta-banner__column--image::after {
content: "";
position: absolute;
top: 0;
left: 0px;
width: 100%;
height: 100%;
border-radius: 100%;
aspect-ratio: 1/1;
z-index: 1;
}
.download-cta-banner__column__image {
width: 100%;
height: 380px;
object-fit: contain;
object-position: center;
position: absolute;
top: 15px;
left: 0px;
z-index: 2;
transform: scale(1.1);
}
@media screen and (max-width: 990px) {
.download-cta-banner {
flex-direction: column-reverse;
outline: 0px solid white;
outline-offset: 0px;
padding: 0px 32px 32px 32px;
gap: 50px;
}
.download-cta-banner__column {
width: 100%;
}
.download-cta-banner__column.download-cta-banner__column--image {
margin: 0px;
margin-top: -50px;
}
.download-cta-banner__column__image {
width: 100%;
height: 100%;
object-fit: contain;
transform: scale(1);
}
.download-cta-banner__column.download-cta-banner__column--content {
padding: 0px 0px;
}
}
/* Featured posts */
.featured-posts {
display: flex;
flex-direction: column;
width: 100%;
}
.featured-posts__title {
display: flex;
justify-content: space-between;
align-items: flex-end;
margin-bottom: 70px;
}
.featured-posts__title h2 {
margin-bottom: 0px;
}
.featured-posts__posts {
display: flex;
flex-direction: row;
gap: 50px;
}
.featured-posts__posts__featured {
width: 100%;
}
/*
.featured-posts__posts__list {
display: flex;
flex-direction: column;
gap: 44px;
width: 50%;
}
*/
/* Featured Post */
.blog-post__featured {
grid-column: -1/1;
position: relative;
min-height: 620px;
display: flex;
flex-direction: row;
align-items: center;
margin: 50px 0px;
}
.blog-post__featured .cover-link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 5;
}
.blog-post__featured__image {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
width: 70%;
height: 100%;
max-height: 580px;
border-radius: 20px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
display: flex;
justify-content: center;
align-items: center;
border-radius: 20px;
overflow: hidden;
display: flex;
}
.blog-post__featured__image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transform: scale(1);
transition: 0.3s ease-in-out;
}
.blog-post__featured__content {
background-color: var(--dark-grey);
color: var(--white);
padding: 50px;
border-radius: 40px;
width: 40%;
margin-left: auto;
position: relative;
z-index: 2;
}
.post__featured__content__link,
.post__featured__content__title {
color: var(--white);
}
.blog-post__featured__content .post-card__tags {
height: unset;
justify-content: flex-start;
left: 0;
margin-bottom: 40px;
position: relative;
right: unset;
top: 0;
}
.blog-post__featured__content .post-card__tag {
color: var(--dark-grey);
}
.blog-post__featured__content h4 {
margin-bottom: 24px;
transition: 0.3s ease-in-out;
line-height: 1.2;
}
.blog-post__featured__content a {
text-decoration: none;
}
/* List Post */
.blog-post__list-post {
display: flex;
flex-direction: row;
align-items: stretch;
gap: 50px;
position: relative;
}
.blog-post__list-post .cover-link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 5;
}
.blog-post__list-post__image {
width: 40%;
overflow: hidden;
border-radius: 20px;
}
.blog-post__list-post__image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transform: scale(1);
transition: 0.3s ease-in-out;
}
.blog-post__list-post:hover .blog-post__list-post__image img {
transform: scale(1.2);
}
.blog-post__list-post h4 {
line-height: 1.25;
transition: 0.3s ease-in-out;
margin-bottom: 10px;
}
.blog-post__list-post__content {
width: 60%;
}
.blog-post__list-post__content .post-card__tags.post-card__tags--relative {
margin-bottom: 16px;
}
.blog-post__list-post__content a {
text-decoration: none;
}
.post__featured__content__title,
.post__featured__content__link {
transition: var(--transition);
}
/*
.blog-post__list-post:hover .post__featured__content__title,
.blog-post__list-post:hover .post__featured__content__link,
.blog-post__featured:hover .post__featured__content__title,
.blog-post__featured:hover .post__featured__content__link {
color: var(--dark-orange);
}
.blog-post__list-post:hover .post__featured__content__link,
.blog-post__featured:hover .post__featured__content__link {
text-decoration: underline;
}
*/
@media screen and (min-width: 1201px) {
.blog-post__list-post__image img {
min-height: 265px;
}
}
@media screen and (max-width: 1200px) {
.featured-posts__title {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 40px;
}
.featured-posts__title h2 {
margin-bottom: 40px;
}
/* .featured-posts__posts{
display: flex;
flex-direction: column;
gap: 50px;
} */
.featured-posts__posts__featured {
width: 100%;
}
.featured-posts__posts__list {
width: 100%;
}
.blog-post__list-post {
flex-direction: column;
align-items: stretch;
width: 100%;
gap: 20px;
}
.featured-posts__posts__featured {
position: relative;
}
.blog-post__featured {
position: sticky;
top: 115px;
left: 32px;
}
.post__featured__content__title {
font-size: 30px;
font-weight: 400 !important;
}
/*
.blog-post__featured__image {
height: 230px;
}
*/
.blog-post__list-post__image {
width: 100%;
}
.blog-post__list-post__content {
width: 100%;
}
/* Featured Card */
.blog-post__featured {
margin: 32px 0px;
}
.blog-post__featured__image {
width: 80%;
justify-content: flex-start;
}
.blog-post__featured__content {
width: 60%;
}
}
@media screen and (max-width: 767px) {
.blog-post__featured {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
margin: 0;
min-height: unset;
}
.featured-posts__posts {
flex-direction: column;
}
.blog-post__featured__image {
border-radius: 20px 20px 0 0;
height: 271px;
padding-left: unset;
position: relative;
width: 100%;
transform: none;
}
.blog-post__list-post {
flex-direction: column;
}
.blog-post__list-post__image {
width: 100%;
height: 180px;
}
.blog-post__featured__content {
border-radius: 0 0 20px 20px;
margin-left: unset;
padding: 32px;
width: 100%;
}
.blog-post__featured > a {
position: absolute;
width: 100%;
height: 100%;
z-index: 5;
}
.blog-post__featured:hover .blog-post__featured__image img {
transform: scale(1.2);
}
}
/* Related popular feed */
.blog-feed-title {
margin-bottom: 70px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.blog-feed-title h3 {
margin-bottom: 0px;
font-weight: 300;
}
.mobile-blog-url {
display: none !important;
}
.blog-view-all {
margin-top: 4em;
}
.blog-feed {
grid-template-columns: repeat(3, 1fr);
gap: 40px;
overflow: hidden;
}
.blog-feed .swiper-wrapper > a {
display: flex;
flex-direction: column;
}
.blog-feed .swiper-wrapper > a {
text-decoration: none;
}
.blog-feed .blog-post {
background-color: #fffdfd;
border-radius: 20px;
display: flex;
height: 100%;
flex-direction: column;
-webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.160784);
box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.160784);
transition: 0.3s ease-in-out;
margin-bottom: 16px;
}
.blog-feed .blog-post:hover {
-webkit-box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.17);
box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.17);
}
.blog-feed .blog-post-img {
position: relative;
height: 230px;
overflow: hidden;
border-radius: 20px 20px 0 0;
}
.blog-feed .blog-post-img img {
object-fit: cover;
width: 100%;
transition: 0.3s ease-in-out;
}
.blog-feed .blog-post-img .tag-box {
position: absolute;
bottom: 30px;
left: 30px;
}
.blog-feed .blog-post .blog-content {
padding: 30px;
display: flex;
flex-direction: column;
justify-content: space-between;
flex: 1;
}
.blog-feed .blog-post h3 {
font-size: 20px;
line-height: 26px;
margin-bottom: 30px;
color: #361a44;
}
.blog-feed .blog-post .blog-post-summary {
margin: 2rem 0 2.5rem;
}
.bf-scrollbar {
display: none;
}
/* Cards */
.blog-card__wrapper {
position: relative;
}
.blog-card__wrapper .cover-link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.blog-card__featured-image-wrapper {
width: 100%;
height: 188px;
max-height: 188px;
overflow: hidden;
position: relative;
}
.blog-card__featured-image-wrapper img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
position: absolute;
top: 0;
left: 0;
}
.blog-card__tags-wrapper {
position: absolute;
bottom: 0px;
left: 0px;
padding: 30px;
display: flex;
flex-direction: row;
gap: 10px;
flex-wrap: wrap;
}
.blog-card__tag {
border-radius: 40px;
background-color: white;
color: red;
padding: 10px;
}
.blog-card__content-wrapper {
padding: 30px;
background-color: white;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
text-align: start;
height: 100%;
}
.blog-card__content__title {
margin: 0px 0px 20px 0px;
color: #f00;
font-size: 28px;
font-style: normal;
font-weight: 400;
line-height: 30px; /* 107.143% */
}
.blog-card__content-wrapper p {
font-size: 18px;
color: #152934;
margin: 0px 0px 20px 0px;
}
.blog-card__content-wrapper p:last-of-type {
color: #969fa4;
}
@media screen and (max-width: 767px) {
.blog-view-all a.cta_button {
display: block;
width: 100%;
text-align: center;
}
.blog-feed-title {
margin-bottom: 32px;
}
.bf-scrollbar {
display: initial;
margin-top: 70px;
}
.bf-scrollbar.swiper-scrollbar {
background: #e5e5e5;
border-radius: 10px;
position: relative;
-ms-touch-action: none;
height: 8px !important;
position: relative;
display: block;
}
.bf-scrollbar.swiper-scrollbar .swiper-scrollbar-drag {
background: #ff117f;
border-radius: 10px;
height: 12px;
left: 0;
position: relative;
top: -2px;
width: 100%;
}
.desktop-blog-url {
display: none;
}
.mobile-blog-url {
display: block;
width: 100%;
text-align: center;
}
}
@media screen and (max-width: 767px) {
.blog-post__related-posts .blog-feed.d-flex {
flex-direction: column;
}
.latest-posts-title__wrapper .primary-cta {
display: none;
}
.blog-post__related-posts {
flex-direction: column;
gap: 60px;
}
.blog-card__wrapper {
max-width: none;
}
.blog-feed-wrapper {
position: relative;
padding-bottom: 90px;
}
.blog-feed-title a.primary-cta {
position: absolute;
bottom: 0;
left: 0;
}
}
/* Share article banner */
.article-share__wrapper {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
width: 100%;
gap: 40px;
}
.article-share__wrapper .article-share-column__title p {
margin-bottom: 0px;
}
.article-share__wrapper .article-share-column__links {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 20px;
}
.article-share__wrapper .article-share-column__links .article-share-icon {
display: flex;
justify-content: center;
align-items: center;
width: 30px;
height: 30px;
border: 1px solid var(--orange);
position: relative;
border-radius: 100%;
background-color: transparent;
transform: translateY(0);
transition: 0.3s ease-in-out;
}
.article-share__wrapper .article-share-column__links .article-share-icon:hover {
background-color: var(--orange);
transform: translateY(-5px);
}
.article-share__wrapper .article-share-column__links .article-share-icon svg {
max-height: 14px;
height: 14px;
}
.article-share__wrapper
.article-share-column__links
.article-share-icon
svg
path {
fill: var(--dark-grey);
transition: 0.3s ease-in-out;
}
.article-share__wrapper
.article-share-column__links
.article-share-icon:hover
svg
path {
fill: white;
}
.article-share__wrapper
.article-share-column__links
.article-share-icon
.cover-link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media screen and (max-width: 767px) {
.article-share__wrapper {
flex-direction: column;
gap: 32px;
align-items: flex-start;
margin-top: 32px;
}
}
/* Simple CTA banner */
.simple-cta-banner {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: 40px;
padding: 48px 52px;
border-radius: 20px;
}
.simple-cta-banner__column.simple-cta-banner__column--content {
width: 70%;
text-align: start;
}
.simple-cta-banner__column.simple-cta-banner__column--content p:last-of-type {
margin-bottom: 0px;
}
/* Not sure I like this here.... */
.simple-cta-banner__column.simple-cta-banner__column--cta .button {
color: white;
}
@media screen and (max-width: 980px) {
.simple-cta-banner {
flex-direction: column;
align-items: flex-start;
gap: 40px;
padding: 40px 32px;
}
.simple-cta-banner__column.simple-cta-banner__column--content {
width: 100%;
}
}
/* Alternating cards */
.alternating-cards {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 40px;
position: relative;
z-index: 1;
}
.alternating-cards__card {
display: flex;
flex-direction: column;
justify-content: space-between;
max-width: 425px;
border-radius: 20px;
padding: 30px;
transition: 0.3s ease-in-out;
position: relative;
}
.alternating-cards__card::before {
content: "";
width: 200px;
height: 200px;
position: absolute;
top: -50px;
left: -50px;
border-radius: 100%;
z-index: -1;
transition: var(--transition);
transform: scale(0);
transform-origin: center;
}
.alternating-cards__card:hover::before {
transform: scale(1);
}
.alternating-cards__card h4 {
margin-bottom: 15px;
}
.alternating-cards__card.link h4 {
margin-top: 20px;
}
.alternating-cards__card.link a.button {
margin-bottom: -10px;
margin-top: -2px;
width: 100%;
}
.alternating-cards__card .button.button--secondary.transparent,
.alternating-cards__card .button.button--secondary.transparent:hover,
.alternating-cards__card button.button--secondary.transparent,
.alternating-cards__card button.button--secondary.transparent:hover {
color: var(--white) !important;
}
@media (max-width: 1024px) {
.alternating-cards {
grid-template-columns: repeat(2, 1fr);
}
.alternating-cards__card {
max-width: none;
min-height: 250px;
justify-content: flex-start;
gap: 20px;
}
}
@media (max-width: 767px) {
.alternating-cards {
grid-template-columns: 1fr;
}
}
/* Benefits repeater */
.benefits-repeater h3 {
margin-bottom: 45px;
}
.benefits-repeater__repeater {
display: flex;
flex-direction: column;
gap: 20px;
}
.benefits-repeater__benefit {
display: flex;
align-items: center;
gap: 40px;
padding: 18px 42px 18px 25px;
border-radius: 20px;
}
.benefits-repeater__benefit h4 {
margin: 0;
}
/* Blog feed */
.blog-feed__title {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 60px;
}
.blog-feed__title h3 {
margin: 0;
}
.blog-feed .post-card {
display: flex;
flex-direction: column;
position: relative;
background-color: var(--white);
border-radius: 20px;
}
@media (max-width: 767px) {
.blog-feed__title a {
display: none;
}
}
/* Card repeater */
.card-repeater__title {
margin-bottom: 80px;
}
.card-repeater__cards {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 40px;
}
.card-repeater__card {
padding: 30px;
border-radius: 20px;
background-repeat: no-repeat;
background-size: cover;
position: relative;
overflow: hidden;
}
.card-repeater__card::after {
height: 20%;
width: 100%;
position: absolute;
top: 0;
left: 0;
content: "";
mix-blend-mode: multiply;
transition: 0.5s;
}
.card-repeater__card:hover::after {
height: 100%;
}
.card-repeater__card__content {
position: relative;
z-index: 1;
}
.card-repeater__card__content__title {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
margin-bottom: 30px;
}
.card-repeater__card__content__title * {
margin: 0;
}
@media (min-width: 1025px) {
.card-repeater__card__description {
opacity: 0;
transition: var(--transition);
}
.card-repeater__card:hover .card-repeater__card__description {
opacity: 1;
}
.card-repeater__card .card-repeater__card__content__title .button {
opacity: 0;
transition: var(--transition);
}
.card-repeater__card:hover .card-repeater__card__content__title .button {
opacity: 1;
}
}
@media (max-width: 1024px) {
.card-repeater__cards {
grid-template-columns: repeat(2, 1fr);
gap: 30px;
}
.card-repeater__card {
padding: 30px 30px 90px;
}
.card-repeater__card::after {
height: 100%;
}
.card-repeater__card__content {
height: 100%;
}
.card-repeater__card__content__title a.button {
position: absolute;
bottom: -60px;
left: 0;
}
}
@media (max-width: 767px) {
.card-repeater__cards {
grid-template-columns: 1fr;
}
}
/* Case study details */
.case-study-details {
display: flex;
flex-direction: column;
gap: 30px;
}
.case-study-details h4 {
margin: 0;
}
.case-study-details__line-item {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
}
.case-study-details__line-item::before {
content: "";
height: 90px;
width: 5px;
background-color: var(--orange);
display: block;
}
.case-study-details__line-item span {
width: calc(100% - 30px);
}
/* Column repeater */
.column-repeater {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 40px;
}
.column-repeater__column {
max-width: 440px;
}
.column-repeater__column__icon__wrapper {
width: 107px;
height: 107px;
border-radius: 100%;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 22px;
}
.column-repeater__column__icon {
margin-bottom: 8px;
}
.column-repeater__column__icon__wrapper .column-repeater__column__icon {
margin: 0;
}
@media (max-width: 1024px) {
.column-repeater {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 767px) {
.column-repeater {
grid-template-columns: 1fr;
}
.column-repeater__column {
max-width: none;
}
}
/* Comparison table */
.comparison-table .swiper-wrapper .comparison-table__column {
border-radius: 20px 20px 0 0;
}
.comparison-table__column__description {
margin-bottom: 50px;
height: 232px;
}
.comparison-table__column__cell__header-cell {
position: relative;
overflow: hidden;
display: flex;
margin-bottom: 50px;
height: 232px;
border-radius: 20px;
}
.comparison-table__column__cell__header-cell img {
width: 100% !important;
height: 100% !important;
object-fit: cover;
border-radius: 20px;
}
.comparison-table__column__cell__header-cell::after {
content: "";
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
background: linear-gradient(
0deg,
#27313e 0%,
rgba(50, 60, 73, 0.95) 11%,
rgba(255, 255, 255, 0) 100%
);
mix-blend-mode: multiply;
top: 0;
left: 0;
}
.comparison-table__column__cell__header-cell__inner-content {
position: absolute;
z-index: 2;
bottom: 0;
left: 0;
padding: 20px;
}
.comparison-table__column__cell__header-cell__inner-content * {
color: var(--white);
}
.comparison-table__column.comparison-table__column-two,
.comparison-table__column.comparison-table__column-three {
background-color: var(--white);
}
.comparison-table__column__cell {
height: 98px;
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
}
.comparison-table__column__cell.value {
align-items: center;
}
.comparison-table__column__cell::before {
content: "";
width: 100vw;
height: 1px;
position: absolute;
top: 0;
left: 0;
background-color: var(--dark-grey);
}
.comparison-table__column__cell p:first-of-type {
font-weight: bold;
font-size: 22px;
}
.comparison-table__column__cell p {
margin: 0;
}
@media (min-width: 1025px) {
.comparison-table .swiper-wrapper {
display: grid !important;
grid-template-columns: 1.25fr 1fr 1fr !important;
gap: 30px !important;
}
.comparison-table .swiper-wrapper .comparison-table__column {
width: 100% !important;
}
.comparison-table__navigation {
display: none;
}
}
@media (max-width: 1024px) {
.comparison-table {
overflow: visible !important;
}
.comparison-table__column__cell {
height: 124px;
}
.comparison-table__navigation {
display: flex;
justify-content: space-between;
margin-bottom: 40px;
}
.comparison-table__navigation .button.button--simple {
width: auto;
min-width: auto;
}
.comparison-table__navigation__prev {
transform: scaleX(-1);
}
}
@media (max-width: 767px) {
.comparison-table__column__cell {
height: 164px;
}
.comparison-table__column__description,
.comparison-table__column__cell__header-cell {
height: 322px;
}
}
@media (max-width: 450px) {
.comparison-table__column__cell {
height: 194px;
}
.comparison-table__column__description,
.comparison-table__column__cell__header-cell {
height: 360px;
}
}
/* CTA Banne simple */
.cta-banner-simple {
display: grid;
grid-template-columns: 3fr 1fr;
justify-content: space-between;
align-items: center;
padding: 30px 60px;
border-radius: 90px;
gap: 30px;
}
.cta-banner-simple__left {
display: flex;
flex-direction: column;
gap: 20px;
}
.cta-banner-simple__right {
display: flex;
justify-content: flex-end;
}
.cta-banner-simple__left *,
.cta-banner-simple__right p {
margin: 0;
}
@media (max-width: 767px) {
.cta-banner-simple {
grid-template-columns: 1fr;
border-radius: 20px;
padding: 30px;
}
.cta-banner-simple__right {
width: 100%;
display: block;
}
}
/* Image Carousel */
.swiper-slide {
height: 474px;
overflow: hidden;
}
.image-carousel {
overflow: visible !important;
}
.image-carousel .swiper-wrapper {
transition-timing-function: linear;
}
.image-carousel__image {
display: flex;
flex-direction: column;
align-items: center;
}
.image-carousel__image img {
width: 100% !important;
object-fit: cover;
border-radius: 20px;
height: 474px;
}
.image-carousel__image img.imgheight3 {
height: 324px;
}
.image-carousel__image img.imgheight4 {
height: 244px;
}
.image-carousel__image.image-content-bg img {
border-radius: 20px 20px 0 0;
}
.swiper-slide .content-bg {
background-color: var(--light-grey);
border-radius: 0 0 20px 20px;
}
.slide-content {
padding: 20px 40px;
width: 100%;
}
@media (max-width: 767px) {
.image-carousel__image img {
height: 270px;
}
}
/* Image content repeater */
.large-circle-banner {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 80px;
}
.large-circle-banner__right *:not(.large-circle-banner__title__stat > h2) {
transition: var(--transition);
}
.large-circle-banner .large-circle-banner__right * {
color: var(--white) !important;
}
.large-circle-banner__title__stat {
position: relative;
}
.large-circle-banner__title__stat::after {
content: "";
display: block;
width: 180px;
height: 180px;
border-radius: 100%;
position: absolute;
z-index: -1;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: 0.3s;
}
.large-circle-banner .large-circle-banner__title__stat::after {
transform-origin: 55px;
transform: scale(4.5);
}
.large-circle-banner__right__inner {
max-width: 573px;
margin-left: auto;
}
.large-circle-banner__title {
display: flex;
align-items: center;
gap: 30px;
margin-bottom: 30px;
}
.large-circle-banner__title__stat {
position: relative;
}
.large-circle-banner__title__stat h2 {
position: relative;
z-index: 2;
margin: 0;
}
.large-circle-banner__title__text * {
margin: 0;
}
@media (max-width: 940px) {
.large-circle-banner {
grid-template-columns: 1fr;
gap: 80px;
}
.large-circle-banner__right__inner {
margin-left: 0;
max-width: 465px;
}
.large-circle-banner__title {
flex-direction: column;
align-items: flex-start;
margin-bottom: 30px;
}
.large-circle-banner .large-circle-banner__title__stat::after {
transform-origin: center calc(25px);
}
}
/* Logo grid */
.logo-grid {
display: flex;
justify-content: center;
overflow: visible !important;
}
.logo-grid .swiper-wrapper {
transition-timing-function: linear;
align-items: center;
gap: 20px;
}
.logo-grid__logo {
position: relative;
display: flex;
align-items: center;
justify-content: center;
overflow: visible;
}
.logo-grid__logo::after {
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
left: auto;
border-radius: 100%;
width: 164px !important;
height: 164px !important;
z-index: -1;
}
.logo-grid__logo img {
max-width: calc(90% - 20px) !important;
margin: 0 auto;
}
.logo-grid__logo:nth-of-type(odd) {
margin-top: 100px;
}
@media screen and (max-width: 1024px) {
.logo-grid__logo::after {
width: 169px !important;
height: 169px !important;
z-index: -1;
left: auto;
}
}
@media screen and (max-width: 767px) {
.logo-grid__logo::after {
width: 195px !important;
height: 195px !important;
}
}
@media screen and (max-width: 600px) {
.logo-grid__logo::after {
width: 140px !important;
height: 140px !important;
}
}
/* Ordered list */
.ordered-list {
display: flex;
flex-direction: column;
gap: 20px;
width: 100%;
}
.ordered-list__item {
background-color: var(--light-grey);
padding: 16px 24px;
border-radius: 20px;
display: flex;
flex-direction: row;
gap: 44px;
align-items: center;
}
.ordered-list__item__number {
color: var(--orange);
font-weight: 600;
font-size: 30px;
}
.ordered-list__item p {
margin-bottom: 0px;
}
/* Oval text banner */
.oval-text-banner * {
text-align: center;
}
.oval-text-banner__description {
max-width: 703px;
margin: 60px auto 0;
}
#oval-text-banner__title {
line-height: 1.22;
}
.highlight-last-line {
background-color: var(--orange);
margin-left: -35px;
margin-right: -35px;
padding-left: 35px;
padding-right: 35px;
border-radius: 90px;
padding-bottom: 10px;
transition: 0.3s ease-in-out;
color: var(--white);
}
@media (max-width: 767px) {
.highlight-last-line {
padding-bottom: 5px;
}
}
/* Page link cards */
.page-link-cards {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 32px 75px;
max-width: 100%;
}
/* Card */
.page-link-cards__card {
width: 100%;
padding: 48px 42px;
background-color: var(--dark-grey);
border-radius: 20px;
outline: 3px solid transparent;
transition: var(--transition);
position: relative;
display: flex;
flex-direction: column;
gap: 20px;
justify-content: space-between;
}
.page-link-cards__card__cover-link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* Card -> Body */
.page-link-cards__card__top__icon {
width: auto !important;
height: 70px !important;
margin-bottom: 28px;
}
.page-link-cards__card__top__icon img {
max-height: 100%;
width: auto !important;
}
.page-link-cards__card h4 {
margin-bottom: 20px;
font-weight: 600;
}
.page-link-cards__card p:last-of-type {
margin-bottom: 20px;
}
/* Card -> Footer */
.page-link-cards__card__footer span {
color: white;
text-decoration: none;
position: relative;
transition: var(--transition);
pointer-events: none;
}
.page-link-cards__card__footer span::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 0%;
height: 1px;
background-color: var(--orange);
transition: var(--transition);
}
/* Hover Styles */
.page-link-cards__card:hover {
outline: 2px solid var(--orange);
}
.page-link-cards__card:hover .page-link-cards__card__footer span {
color: var(--orange);
}
.page-link-cards__card:hover .page-link-cards__card__footer span::after {
width: 100%;
}
@media (max-width: 1200px) {
.page-link-cards {
grid-template-columns: repeat(
2,
minmax(0, 1fr)
); /* Switch to 2 columns on medium screens */
}
}
@media (max-width: 800px) {
.page-link-cards {
grid-template-columns: 1fr; /* Switch to 1 column on smaller screens */
}
}
/* People repeater */
.people-repeater {
display: flex;
flex-direction: column;
gap: 40px;
}
.people-repeater h3 {
margin-bottom: 50px;
}
.people-repeater__person {
display: flex;
gap: 30px;
}
.people-repeater__person__headshot {
width: 183px !important;
min-width: 183px;
height: 183px !important;
border-radius: 100%;
object-fit: cover;
}
.people-repeater__person__right {
max-width: calc(100% - 183px);
}
.people-repeater__person__right__name {
margin-bottom: 0;
}
.people-repeater__person__right__role {
font-size: 22px;
font-weight: bold;
margin-bottom: 12px;
}
@media (max-width: 767px) {
.people-repeater h3 {
margin: 0;
text-align: center;
}
.people-repeater__person {
flex-direction: column;
justify-content: center;
align-items: center;
}
.people-repeater__person * {
text-align: center;
}
.people-repeater__person__right {
max-width: none;
}
}
/* Section theme switch */
.theme-switch {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 100px;
}
.theme-switch__left__colour-text {
color: var(--orange);
}
.theme-switch__left__switch-wrapper {
position: relative;
cursor: pointer;
margin-top: 40px;
}
.theme-switch__left__switch-wrapper__circle {
position: absolute;
top: 4px;
left: 5px;
transition: 0.6s ease-in-out;
}
.theme-switch__left__switch-wrapper__bar rect,
.theme-switch__left__switch-wrapper__circle circle {
transition: 0.6s ease-in-out;
}
.theme-switch__right {
max-width: 600px;
margin-left: auto;
}
.theme-switch__right__title {
display: flex;
align-items: center;
gap: 30px;
margin-bottom: 70px;
}
.theme-switch__right__title__stat {
position: relative;
}
.theme-switch__right__title__stat::after {
content: "";
display: block;
width: 225px;
height: 225px;
border-radius: 100%;
background-color: var(--orange);
position: absolute;
z-index: -1;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: 0.6s;
}
.theme-switch__right__title__stat h2 {
color: var(--white) !important;
position: relative;
z-index: 2;
margin: 0;
}
.theme-switch__right__title__text * {
margin: 0;
}
.theme-switch__left h2:not(span),
.theme-switch__right__title__text *,
.theme-switch__right__description {
transition: 0.6s ease-in-out;
}
/* Active switch styles */
.theme-switch.active .theme-switch__left h2:not(span),
.theme-switch.active .theme-switch__right__title__text *,
.theme-switch.active .theme-switch__right__description {
color: var(--white);
}
.theme-switch.active .theme-switch__left__switch-wrapper__circle {
left: 109px;
}
.theme-switch.active .theme-switch__left__switch-wrapper__bar rect {
fill: var(--orange);
}
.theme-switch.active .theme-switch__left__switch-wrapper__circle circle {
fill: var(--dark-grey);
}
.theme-switch.active .theme-switch__right__title__stat::after {
transform-origin: 55px;
transform: scale(4.5);
}
@media (max-width: 940px) {
.theme-switch {
grid-template-columns: 1fr;
}
.theme-switch__right__title {
flex-direction: column;
align-items: flex-start;
margin-bottom: 30px;
}
.theme-switch.active .theme-switch__right__title__stat::after {
transform-origin: center calc(25px);
}
}
/* Simple stat cards */
.simple-stat-cards {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 55px;
}
.simple-stat-cards__card {
padding: 10px 35px;
border-radius: 20px;
display: flex;
flex-direction: column;
justify-content: space-between;
max-width: 318px;
}
.simple-stat-cards__card h2 {
margin-bottom: 8px;
}
@media screen and (max-width: 1024px) {
.simple-stat-cards {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (max-width: 600px) {
.simple-stat-cards {
grid-template-columns: 1fr;
}
}
/* Single switchback */
.single-testimonial {
display: flex;
justify-content: space-between;
gap: 80px;
align-items: center;
position: relative;
}
.single-testimonial__left {
max-width: 50%;
display: flex;
flex-direction: column;
gap: 50px;
}
.single-testimonial__left__ctas {
display: flex;
gap: 40px;
flex-wrap: wrap;
}
.single-testimonial__right {
position: relative;
}
.single-testimonial__right img {
position: relative;
z-index: 1;
border-radius: 20px;
}
.single-testimonial__right::before {
position: absolute;
content: "";
width: 237px;
height: 237px;
right: -80px;
top: -80px;
border-radius: 100%;
}
.single-testimonial__right::after {
position: absolute;
content: "";
width: 315px;
height: 315px;
left: -80px;
bottom: -80px;
border-radius: 100%;
}
@media (max-width: 1024px) {
.single-testimonial {
flex-direction: column;
}
.single-testimonial__left,
.single-testimonial__right {
max-width: none;
}
.single-testimonial__right__inner {
max-width: 591px;
width: 100%;
}
.single-testimonial__left__ctas {
flex-wrap: wrap;
}
}
/* Stat cards */
.stat-cards__wrapper__title {
margin-bottom: 60px;
display: flex;
justify-content: space-between;
}
.stat-cards__wrapper__title__right {
display: flex;
gap: 40px;
}
.stat-cards__slide__right__bottom__prev {
transform: scaleX(-1);
}
.stat-cards {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 40px;
overflow: visible !important;
}
.stat-cards__card {
border-radius: 20px;
padding: 40px;
transition: 0.3s ease-in-out;
position: relative;
transform: none !important;
}
.stat-cards__card h4 {
margin: 0 0 5px;
}
.stat-cards__card h2.h1 {
margin: 0 0 7px;
}
.stat-cards__card::after {
content: "";
position: absolute;
border-radius: 100%;
background-color: var(--orange);
z-index: -1;
transition: var(--transition);
transform: scale(0);
transform-origin: center;
width: 200px;
height: 200px;
}
.stat-cards__card:hover::after {
transform: scale(1);
}
.stat-cards__card:nth-of-type(odd)::after {
top: -60px;
left: -60px;
}
.stat-cards__card:nth-of-type(even)::after {
bottom: -60px;
right: -60px;
}
.stat-cards__navigation {
display: flex;
justify-content: space-between;
margin-top: 40px;
}
.stat-cards__navigation__prev {
transform: scale(-1);
}
@media (max-width: 1024px) {
.stat-cards {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 767px) {
.stat-cards {
grid-template-columns: 1fr;
}
}
/* Tabbed FAQs */
.tabbed-faqs {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: stretch;
gap: 256px;
}
.tabbed-faqs__column--navigation {
width: 30%;
display: flex;
flex-direction: column;
gap: 12px;
}
.tabbed-faqs__column--navigation h3 {
margin-bottom: 50px;
}
.tabbed-faqs__column--navigation__navigation-item {
cursor: pointer;
position: relative;
padding: 10px 0px;
background-color: transparent;
transition: var(--transition);
border-radius: 0px 32px 32px 0;
}
.tabbed-faqs__column--navigation__navigation-item::before {
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
content: "";
background-color: transparent;
z-index: 3;
transition: var(--transition);
}
.tabbed-faqs__column--navigation__navigation-item.active::before,
.tabbed-faqs__column--navigation__navigation-item:hover::before {
background-color: var(--orange);
}
.tabbed-faqs__column--navigation__navigation-item p {
transition: 0.15s ease-in-out;
font-weight: 600;
margin-bottom: 0px;
font-size: 22px;
}
.tabbed-faqs__column--navigation__navigation-item.active,
.tabbed-faqs__column--navigation__navigation-item:hover {
background-color: var(--orange);
}
.tabbed-faqs__column--navigation__navigation-item.active p,
.tabbed-faqs__column--navigation__navigation-item:hover p {
color: white;
}
.tabbed-faqs__column--navigation__mobile {
display: none;
}
.tabbed-faqs__column--content {
background-color: var(--white);
border-radius: 40px;
width: 70%;
position: relative;
overflow-y: clip;
}
.tabbed-faqs__column--content__category {
position: absolute;
top: 0;
left: 0;
opacity: 0;
pointer-events: none;
transition: 0.3s ease-in-out;
width: 100%;
}
.tabbed-faqs__column--content__category.active {
opacity: 1;
pointer-events: all;
}
/* Faqs */
.tabbed-faqs__column--content__faqs {
display: flex;
flex-direction: column;
gap: 24px;
width: 100%;
}
.faq {
padding: 20px 32px 20px 50px;
background-color: #dfdfdf;
border-radius: 20px;
}
.faq__title {
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
}
.faq__title p {
margin-bottom: 0px;
font-size: 22px;
font-weight: 600;
}
.faq__title::after {
min-width: 60px;
min-height: 60px;
background-color: var(--orange);
border-radius: 100%;
content: "";
background-image: url('data:image/svg+xml,');
background-size: 40px;
background-position: center;
background-repeat: no-repeat;
transition: var(--transition);
}
.faq.active .faq__title::after {
background-color: var(--dark-grey);
background-image: url('data:image/svg+xml,');
}
.faq__content {
max-width: 70%;
max-height: 0px;
pointer-events: none;
overflow: hidden;
}
.faq.active .faq__content {
max-height: 1000px;
pointer-events: all;
overflow: visible !important;
}
@media screen and (max-width: 1200px) {
.tabbed-faqs {
gap: 100px;
}
}
@media screen and (max-width: 1024px) {
.tabbed-faqs {
flex-direction: column;
gap: 50px;
}
.tabbed-faqs__column--navigation {
width: 100%;
}
.tabbed-faqs__column--navigation *:not(h3) {
display: none;
}
.tabbed-faqs__column--navigation h3 {
margin: 0;
}
.tabbed-faqs__column--navigation__mobile {
display: flex;
width: 100%;
}
.tabbed-faqs__column--navigation__mobile select {
width: 100%;
font-size: 18px;
background-image: url('data:image/svg+xml,');
background-color: var(--light-grey);
border-radius: 40px;
padding: 16px 20px;
border: none;
background-size: 16px;
background-repeat: no-repeat;
background-position: center right 20px;
appearance: none; /* For most browsers */
-webkit-appearance: none; /* For WebKit-based browsers */
-moz-appearance: none; /* For Firefox */
}
.tabbed-faqs__column--content {
width: 100%;
}
.faq.active .faq__content {
margin-top: 20px;
}
}
/* Tabbed policies */
.policies {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: stretch;
gap: 100px;
}
.policies__column--navigation {
width: 30%;
display: flex;
flex-direction: column;
gap: 12px;
}
.policies__column--navigation__navigation-item {
cursor: pointer;
position: relative;
padding: 10px 0px;
background-color: transparent;
transition: var(--transition);
border-radius: 0px 32px 32px 0;
}
.policies__column--navigation__navigation-item::before {
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
content: "";
background-color: transparent;
z-index: 3;
transition: var(--transition);
}
.policies__column--navigation__navigation-item.active::before,
.policies__column--navigation__navigation-item:hover::before {
background-color: var(--orange);
}
.policies__column--navigation__navigation-item h4 {
transition: 0.15s ease-in-out;
font-weight: 600;
margin-bottom: 0px;
}
.policies__column--navigation__navigation-item:hover h4 {
color: var(--electric-blue);
}
.policies__column--navigation__navigation-item.active,
.policies__column--navigation__navigation-item:hover {
background-color: var(--orange);
}
.policies__column--navigation__navigation-item.active h4,
.policies__column--navigation__navigation-item:hover h4 {
color: white;
}
.policies__column--navigation__mobile {
display: none;
}
.policies__column--content {
padding: 95px 80px;
background-color: var(--white);
border-radius: 40px;
width: 70%;
position: relative;
overflow-y: clip;
}
.policies__column--content__policy {
position: absolute;
top: 0;
left: 0;
opacity: 0;
pointer-events: none;
transition: 0.3s ease-in-out;
width: 100%;
}
.policies__column--content__policy ol,
.policies__column--content__policy ul {
padding: 0;
margin: 0;
}
.policies__column--content__policy.active {
opacity: 1;
pointer-events: all;
}
.policies__column--content__policy h2 {
margin-bottom: 44px;
}
.policies__column--content__policy:not(
.policies__column--content__policy__content p
)
p:first-of-type {
margin-bottom: 40px;
}
.policies__column--content__policy__content p {
font-size: 22px;
}
@media screen and (max-width: 1024px) {
.policies {
flex-direction: column;
gap: 50px;
}
.policies__column--navigation {
display: none;
}
.policies__column--navigation__mobile {
display: flex;
width: 100%;
}
.policies__column--navigation__mobile select {
width: 100%;
font-size: 18px;
background-image: url('data:image/svg+xml,');
background-color: var(--light-grey);
border-radius: 40px;
padding: 16px 20px;
border: none;
background-size: 16px;
background-repeat: no-repeat;
background-position: center right 20px;
appearance: none; /* For most browsers */
-webkit-appearance: none; /* For WebKit-based browsers */
-moz-appearance: none; /* For Firefox */
}
.policies__column--content {
width: 100%;
}
}
/* Tabber */
.tabber_wrapper__titles.desktop {
display: flex;
flex-wrap: wrap;
gap: 20px;
justify-content: center;
margin-bottom: 80px;
}
.tabber_wrapper__titles button.small {
min-width: 240px;
display: flex;
justify-content: center;
border: 3px solid var(--dark-grey);
color: var(--dark-grey);
background-color: transparent;
transition: 0.3s ease-in-out;
}
.tabber_wrapper__titles button.small:hover {
background-color: var(--dark-grey);
color: var(--white);
}
.tabber_wrapper__titles button.small.active {
background-color: var(--orange);
border-color: var(--orange);
color: var(--white);
}
.tabber_wrapper__tabs {
position: relative;
}
.tabber_wrapper__tabs::after,
.tabber_wrapper__tabs::before {
position: absolute;
content: "";
display: block;
border-radius: 100%;
z-index: 1;
}
.tabber_wrapper__tabs::before {
width: 315px;
height: 315px;
bottom: -100px;
left: -100px;
background-color: var(--orange);
}
.tabber_wrapper__tabs::after {
width: 221px;
height: 221px;
top: -60px;
right: -50px;
background-color: var(--orange);
}
.tabber_wrapper__tabs__tab {
grid-template-columns: repeat(2, 1fr);
border-radius: 20px;
overflow: hidden;
display: none;
position: relative;
z-index: 2;
}
.tabber_wrapper__tabs__tab.active {
display: grid;
}
.tabber_wrapper__tabs__tab__left {
padding: 70px;
}
.tabber_wrapper__tabs__tab__right img {
width: 100% !important;
height: 100% !important;
object-fit: cover;
}
@media (max-width: 1024px) {
.tabber_wrapper__titles.desktop {
justify-content: flex-start;
}
}
@media (min-width: 768px) {
.tabber_wrapper__titles.mobile {
display: none;
}
}
@media (max-width: 767px) {
.tabber_wrapper__titles.desktop {
display: none;
}
.tabber_wrapper__titles.mobile,
.tabber_wrapper__titles__select {
position: relative;
z-index: 2;
width: 100%;
margin-bottom: 20px;
}
.tabber_wrapper__tabs__tab {
grid-template-columns: 1fr;
}
.tabber_wrapper__tabs__tab__left {
padding: 40px;
}
}
/* Testimonial swiper */
.testimonial-swiper__slide {
position: relative;
}
.testimonial-swiper__slide__left {
max-width: 40%;
position: absolute;
z-index: -1;
top: 50%;
transform: translateY(-50%);
overflow: hidden;
}
.testimonial-swiper__slide__left img {
border-radius: 20px;
}
.testimonial-swiper__slide__right {
max-width: 65%;
margin-left: auto;
border-radius: 20px;
padding: 70px 60px;
}
.testimonial-swiper__slide__right * {
text-align: center;
}
.testimonial-swiper__slide__right__inner {
max-width: 712px;
margin: 0 auto;
display: flex;
flex-direction: column;
}
.testimonial-swiper__slide__right__inner__lead-in {
max-width: 493px;
margin: 0 auto;
font-weight: bold;
font-size: 22px;
margin-bottom: 30px;
}
.testimonial-swiper__slide__right__inner__attributee {
font-size: 22px;
font-weight: bold;
margin: 25px 0 0;
}
.testimonial-swiper__slide__right__bottom {
max-width: 712px;
margin: 25px auto 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
}
.testimonial-swiper__slide__right__bottom__link {
display: flex;
justify-content: center;
text-align: center;
margin-top: 30px;
}
.testimonial-swiper__slide__right__bottom.centered {
justify-content: center;
}
.testimonial-swiper__slide__right__bottom__prev {
transform: scaleX(-1);
}
@media (max-width: 767px) {
.testimonial-swiper__slide {
display: flex;
flex-direction: column-reverse;
}
.testimonial-swiper__slide__left {
position: relative;
transform: none;
max-width: none;
display: flex;
justify-content: center;
z-index: 1;
transform: translateY(-20px);
}
.testimonial-swiper__slide__left img {
max-width: calc(100% - 60px) !important;
object-fit: cover;
}
.testimonial-swiper__slide__right {
max-width: none;
position: relative;
width: 100%;
padding: 40px 30px 60px;
}
.testimonial-swiper__slide__right__bottom__prev {
position: absolute;
bottom: -250px;
left: -30px;
z-index: 1;
}
.testimonial-swiper__slide__right__bottom__next {
position: absolute;
bottom: -250px;
right: -30px;
z-index: 1;
}
}
/* Text and form */
.text-and-form {
display: grid;
grid-template-columns: 1.1fr 1fr;
gap: 80px;
align-items: flex-start;
}
/* Content */
.text-and-form__column:first-of-type h1 {
margin-bottom: 5px;
}
.text-and-form__column:first-of-type h3 {
margin-bottom: 20px;
}
.text-and-form__column:first-of-type img {
border-radius: 20px;
margin-top: 60px;
margin-bottom: -120px;
}
/* Form */
.text-and-form__column:last-of-type {
padding: 48px 64px;
border-radius: 20px;
background-color: var(--orange);
}
.text-and-form__column .form-title {
display: none;
}
.text-and-form__column:last-of-type p:first-of-type {
color: white;
font-size: 14px;
margin-bottom: 0;
}
.text-and-form__column form {
border: 0px none #1e023c;
padding: 0px;
background-color: transparent;
border-radius: 0px;
}
.text-and-form__column form .hs-form-booleancheckbox p:first-of-type span {
display: block;
margin-top: -4px;
margin-bottom: 4px;
}
.text-and-form__column form .hs-form-booleancheckbox p span {
display: block;
margin-left: 14px;
}
.text-and-form__column
form
label:not(.hs-form-booleancheckbox label):not(.hs-error-msg) {
display: none;
}
.text-and-form__column form .hs-form-booleancheckbox label {
color: white;
font-size: 14px;
line-height: 22px;
margin: 0 0 4px;
padding: 0 0 5px;
}
.text-and-form__column .legal-consent-container .field.hs-form-field {
margin-bottom: 0;
}
.text-and-form__column .hs-button,
.text-and-form__column form input::placeholder {
opacity: 1;
color: black;
}
.text-and-form__column form .form-columns-1:last-of-type {
margin-bottom: 0px;
}
.text-and-form__column .hs-button,
.text-and-form__column form input[type="submit"] {
background-color: transparent;
padding: 0px;
width: max-content;
color: white;
}
.text-and-form__column form .legal-consent-container,
.text-and-form__column form .legal-consent-container .hs-richtext,
.text-and-form__column
form
.legal-consent-container
.hs-richtext
p
.text-and-form__column
.submitted-message {
color: var(--white);
}
.text-and-form__column form .legal-consent-container .hs-richtext,
.text-and-form__column form .inputs-list {
margin-bottom: 0;
}
@media screen and (max-width: 1024px) {
.text-and-form {
gap: 20px;
grid-template-columns: 1fr;
padding: 0 0 80px;
}
.text-and-form__column:first-of-type {
width: 100%;
}
.text-and-form__column:last-of-type {
width: 100%;
padding: 48px 40px;
}
.text-and-form__column:first-of-type img {
margin-bottom: 60px;
}
}
@media screen and (max-width: 767px) {
.text-and-form {
gap: 20px;
flex-direction: column;
}
.text-and-form__column form input[type="submit"],
.text-and-form__column form .hs-button {
width: 100%;
text-align: center;
}
.text-and-form .form-columns-2 {
display: flex;
flex-direction: column;
}
.text-and-form .form-columns-2 .hs-form-field {
width: 100% !important;
}
}
/* Timeline scroller */
.timeline-scroller {
display: flex;
justify-content: space-between;
}
.timeline-scroller__left {
width: 45%;
position: sticky;
top: 125px;
height: 100%;
}
.timeline-scroller__right {
width: 45%;
display: flex;
flex-direction: column;
gap: 60px;
position: relative;
}
.timeline-scroller__right__bar {
position: absolute;
top: 40px;
left: -13%;
width: 8px;
height: 100%;
background: linear-gradient(
180deg,
var(--dark-grey) 0%,
var(--light-grey) 0%
);
transition: 0.1s;
}
.timeline-scroller__right__year {
border-radius: 20px;
position: relative;
}
.timeline-scroller__right__year::before,
.timeline-scroller__right__year:last-of-type::after {
content: "";
width: 26px;
height: 26px;
border-radius: 100%;
background-color: var(--dark-orange);
z-index: 2;
position: absolute;
left: -14.35%;
top: 30px;
}
.timeline-scroller__right__year:last-of-type::after {
top: auto;
bottom: -45px;
}
.timeline-scroller__right__year__top {
height: 240px !important;
position: relative;
padding: 25px 40px;
display: flex;
align-items: flex-end;
border-radius: 20px 20px 0 0;
overflow: hidden;
}
.timeline-scroller__right__year__top img {
width: 100% !important;
height: 100% !important;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
border-radius: 20px 20px 0 0;
}
.timeline-scroller__right__year__top h2 {
position: relative;
z-index: 2;
margin: 0;
}
.timeline-scroller__right__year__bottom {
padding: 40px;
border-radius: 0 0 20px 20px;
}
@media (max-width: 767px) {
.timeline-scroller__right__bar,
.timeline-scroller__right__year::before,
.timeline-scroller__right__year:last-of-type::after {
display: none;
}
.timeline-scroller {
flex-direction: column;
gap: 40px;
}
.timeline-scroller__left,
.timeline-scroller__right {
width: 100%;
}
.timeline-scroller__left {
position: static;
}
}
/* Toggle banner */
.toggle-banner {
max-width: 971px;
margin: 0 auto;
}
.toggle-banner h1,
.toggle-banner__description {
margin: 0 auto;
position: relative;
z-index: 1;
}
.toggle-banner h1 {
max-width: 766px;
}
.toggle-banner__description {
max-width: 866px;
}
.toggle-banner * {
color: var(--white);
text-align: center;
}
.toggle-banner__title {
margin-bottom: 80px;
position: relative;
}
.toggle-banner__title svg {
position: absolute;
bottom: -10px;
left: 50%;
transform: translateX(-50%);
cursor: pointer;
}
.toggle-banner svg rect,
.toggle-banner svg ellipse {
transition: 0.3s ease-in-out;
}
.toggle-banner.active svg rect {
fill: var(--dark-grey);
}
.toggle-banner.active svg ellipse {
fill: var(--orange);
transform: translateX(870px);
}
@media (max-width: 1024px) {
.toggle-banner__title svg {
max-width: 100%;
}
}
@media (max-width: 971px) {
.toggle-banner__title {
padding-bottom: 15%;
}
}
@media (max-width: 767px) {
.toggle-banner__title {
padding-bottom: 16%;
margin-bottom: 40px;
}
.toggle-banner h1 br {
display: none;
}
}
@media (max-width: 600px) {
.toggle-banner__title {
padding-bottom: 19%;
}
}
@media (max-width: 500px) {
.toggle-banner__title {
padding-bottom: 21%;
}
}
/* Toggle text columns */
.toggle-text-columns {
margin-top: 140px;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 40px;
}
.toggle-text-columns__column {
max-width: 390px;
}
.toggle-text-columns__column h3 {
color: var(--white);
line-height: 1.22;
}
.toggle-text-columns__column__background-bar {
background-color: var(--orange);
padding-left: 15px;
margin-left: -15px;
padding-right: 15px;
margin-right: -15px;
border-radius: 90px;
transition: 0.3s ease-in-out;
white-space: nowrap;
}
.dnd-section.theme-toggle.dark.active
.toggle-text-columns__column__background-bar {
background-color: var(--dark-grey);
}
@media (max-width: 1180px) and (min-width: 1025px) {
.toggle-text-columns__column h3 {
font-size: 38px;
}
}
@media (max-width: 1024px) {
.toggle-text-columns {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 767px) {
.toggle-text-columns {
grid-template-columns: 1fr;
}
.toggle-text-columns__column {
max-width: none;
}
.toggle-text-columns__column h3,
.toggle-text-columns__column h3 * {
font-size: 46px;
}
}
/* Video testimonial */
.large-circle-banner {
display: grid;
align-items: center;
grid-template-columns: 1.4fr 1fr;
gap: 40px;
}
.large-circle-banner__left {
position: relative;
z-index: 2;
overflow: hidden;
border-radius: 20px;
}
.large-circle-banner__left iframe {
width: 100%;
min-height: 460px;
}
.large-circle-banner__left video {
width: 100%;
height: auto;
margin: 0 auto;
display: block;
}
.video-thumbnail {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
opacity: 1;
transition: var(--transition);
pointer-events: none;
}
.video-module__video.playing .video-thumbnail {
opacity: 0;
}
.video-module__button {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 44px;
height: 44px;
border-radius: 50%;
background-color: var(--orange);
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
transition: var(--transition);
z-index: 2;
}
.video-module__button svg {
width: 24px;
height: 24px;
}
.video-module__button svg path {
stroke: white;
}
.video-module__pause-icon {
display: none;
}
.video-module__video.playing .video-module__button {
opacity: 0;
pointer-events: none;
}
.video-module__video.playing:hover .video-module__button {
opacity: 0;
pointer-events: none;
}
.video-module__button:hover {
transform: translate(-50%, -50%) scale(1.1);
cursor: pointer;
}
.large-circle-banner .large-circle-banner__right * {
color: var(--white) !important;
}
.large-circle-banner__right {
position: relative;
}
.large-circle-banner__right::after {
content: "";
display: block;
width: 868px;
height: 868px;
border-radius: 100%;
position: absolute;
z-index: 1;
top: 42%;
left: 50%;
transform: translate(-50%, -50%);
transition: 0.3s;
}
.large-circle-banner__right__inner {
max-width: 363px;
text-align: center;
margin: 0 auto;
position: relative;
z-index: 2;
}
.large-circle-banner__right__inner p:first-of-type {
font-size: 22px;
font-weight: bold;
margin-bottom: 3px;
}
.large-circle-banner__right__inner p:last-of-type {
margin: 15px 0 0;
}
@media (max-width: 940px) {
.large-circle-banner {
grid-template-columns: 1fr;
gap: 80px;
}
.large-circle-banner__right__inner {
margin-left: 0;
max-width: none;
}
.large-circle-banner.scrolled .large-circle-banner__title__stat::after {
transform-origin: center calc(25px);
}
.video-module__button {
width: 60px;
height: 60px;
}
.video-module__button svg {
width: 32px;
height: 32px;
}
.large-circle-banner__right::after {
top: 10%;
}
}
/* Video */
.video-module__video {
position: relative;
z-index: 2;
overflow: hidden;
border-radius: 20px;
max-width: 1200px;
margin: 0 auto;
}
.video-module__video video {
width: 100%;
height: auto;
margin: 0 auto;
display: block;
background-color: var(--dark-grey);
}
.video-thumbnail {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
opacity: 1;
transition: var(--transition);
pointer-events: none;
}
.video-module__video.playing .video-thumbnail {
opacity: 0;
}
.video-module__button {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 78px;
height: 78px;
border-radius: 50%;
background-color: var(--orange);
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
transition: var(--transition);
z-index: 2;
}
.video-module__button svg {
width: 32px;
height: 32px;
}
.video-module__button svg path {
stroke: white;
}
.video-module__pause-icon {
display: none;
}
.video-module__video.playing .video-module__button {
opacity: 0;
pointer-events: none;
}
.video-module__video.playing:hover .video-module__button {
opacity: 0;
pointer-events: none;
}
.video-module__button:hover {
transform: translate(-50%, -50%) scale(1.1);
cursor: pointer;
}
/* Case study banner */
.case-study-banner__wrapper {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: relative;
}
.case-study-banner__wrapper::before,
.case-study-banner__wrapper::after {
position: absolute;
content: "";
width: 100%;
mix-blend-mode: multiply;
}
.case-study-banner__wrapper::before {
height: 237px;
left: 0;
top: 0;
background: linear-gradient(
180deg,
#27313e 0%,
rgba(50, 60, 73, 0.95) 11%,
rgba(255, 255, 255, 0) 100%
);
}
.case-study-banner__wrapper::after {
height: 337px;
left: 0;
bottom: 0;
background: linear-gradient(
0deg,
#27313e 0%,
rgba(50, 60, 73, 0.95) 11%,
rgba(255, 255, 255, 0) 100%
);
}
.case-study-banner {
padding: 180px 0 80px;
min-height: 705px;
display: flex;
flex-direction: column;
justify-content: flex-end;
position: relative;
z-index: 1;
}
.case-study-banner h1 {
color: var(--white);
}
.case-study-banner__tags {
margin-bottom: 40px;
}
/* Contact banner */
.contact {
width: 100%;
position: relative;
margin-top: -1px;
}
.contact svg {
position: absolute;
top: 180px;
left: 50%;
transform: translateX(-50%);
z-index: 3;
pointer-contact: none;
width: inherit;
}
/* Intro */
.contact__intro {
display: flex;
flex-direction: row;
gap: 0px;
z-index: 2;
padding: 180px 0px 240px 0px;
text-wrap: balance;
}
.contact__intro .content-wrapper {
display: flex;
flex-direction: row;
gap: 0px;
}
.contact__intro .content-wrapper,
.contact__grid .content-wrapper {
padding: 0px;
}
.contact__intro__column--content {
width: 100%;
display: flex;
max-width: 930px;
text-align: center;
flex-direction: column;
}
.contact__iframe {
position: relative;
z-index: 4;
margin-top: -250px;
display: flex;
justify-content: center;
}
.contact__iframe > div {
width: 100%;
}
.contact__iframe img {
max-width: 100%;
}
@media screen and (max-width: 1400px) {
.contact__intro .content-wrapper,
.contact__grid .content-wrapper {
padding: 0px 20px;
position: relative;
}
}
@media screen and (max-width: 1024px) {
.contact__intro__column--info__content {
width: 100%;
max-width: unset;
}
.contact__intro__column--info__content p:last-of-type {
margin-bottom: 50px;
}
.contact svg {
top: 38%;
}
}
@media screen and (max-width: 767px) {
.contact__grid .content-wrapper {
grid-template-columns: 1fr;
}
.contact svg {
top: 35%;
}
}
/* CTA banner full-width */
.cta-banner-full {
position: relative;
padding: 100px 0;
}
.cta-banner-full::after {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 0;
content: "";
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.cta-banner-full__inner {
position: relative;
z-index: 1;
}
.cta-banner-full__inner .content-wrapper {
max-width: 885px;
display: flex;
flex-direction: column;
width: 100%;
justify-content: center;
align-items: center;
}
.cta-banner-full__inner .content-wrapper p:last-of-type {
margin-bottom: 0px;
}
.cta-banner-full__inner__form-container {
margin-top: 74px;
max-width: 700px;
width: 100%;
position: relative;
}
.cta-banner-full__inner__form-container form {
background-color: transparent;
display: grid;
grid-template-columns: 3fr 1fr;
gap: 40px;
padding: 0px;
align-items: center;
}
.cta-banner-full__inner__form-container form input:not(input[type="submit"]) {
padding: 16px 24px;
border-radius: 10px;
}
.cta-banner-full__inner__form-container form input::placeholder {
opacity: 1;
color: black;
}
.cta-banner-full__inner__form-container form .hs-form-field {
margin-bottom: 0;
}
/* Button Wizadry */
.cta-banner-full__inner__form-container form input[type="submit"] {
background-color: transparent;
padding: 0px;
width: max-content;
}
@media (max-width: 767px) {
.cta-banner-full {
padding: 60px 0px;
}
.cta-banner-full__inner__form-container h3 {
margin-bottom: 18px;
font-size: 28px;
}
.cta-banner-full__inner__form-container {
margin-top: 50px;
}
.cta-banner-full__inner__form-container form {
grid-template-columns: 1fr;
gap: 10px;
justify-items: center;
}
.cta-banner-full__inner__form-container form .hs_email {
width: 100%;
}
.cta-banner-full__inner__form-container form .hs_submit {
max-width: max-content;
}
}
/* Event banner */
.event-banner__wrapper {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: relative;
}
.event-banner__wrapper::before,
.event-banner__wrapper::after {
position: absolute;
content: "";
width: 100%;
mix-blend-mode: multiply;
}
.event-banner__wrapper::before {
height: 237px;
left: 0;
top: 0;
background: linear-gradient(
180deg,
#27313e 0%,
rgba(50, 60, 73, 0.95) 11%,
rgba(255, 255, 255, 0) 100%
);
}
.event-banner__wrapper::after {
height: 337px;
left: 0;
bottom: 0;
background: linear-gradient(
0deg,
#27313e 0%,
rgba(50, 60, 73, 0.95) 11%,
rgba(255, 255, 255, 0) 100%
);
}
.event-banner {
padding: 180px 0 80px;
min-height: 705px;
max-width: 660px;
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
position: relative;
z-index: 1;
}
.event-banner h1,
.event-banner__details {
color: var(--white);
}
.event-banner__details {
margin: 40px 0;
gap: 40px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.event-banner__details__detail {
display: flex;
align-items: center;
gap: 20px;
}
/* Hero banner */
.hero-banner__wrapper {
padding: 220px 0 40px 0;
position: relative;
}
.hero-banner {
display: grid;
grid-template-columns: repeat(2, 1fr);
align-items: center;
gap: 40px;
padding-bottom: 50px;
}
.hero-banner .content-wrapper {
position: relative;
}
.hero-banner__left,
.hero-banner__right {
position: relative;
z-index: 2;
}
.hero-banner__right {
display: flex;
justify-content: flex-start;
width: 100%;
}
.hero-banner__right img {
border-radius: 20px;
}
.hero-banner__right:not(.double-image) img {
max-width: 100%;
height: auto;
}
.hero-banner__right.double-image img:first-of-type {
position: absolute;
top: -240px;
left: 200px;
}
.hero-banner__right.double-image img:last-of-type {
position: absolute;
right: -20px;
top: -60px;
}
.hero-banner::after {
content: "";
position: absolute;
right: -50px;
bottom: 60px;
width: 572px;
height: 572px;
border-radius: 100%;
}
@media (max-width: 1024px) {
.hero-banner__wrapper {
padding: 200px 0 40px;
}
.hero-banner {
display: flex;
flex-direction: column;
}
.hero-banner::after {
width: 472px;
height: 472px;
bottom: 10px;
}
}
@media (max-width: 450px) {
.hero-banner::after {
width: 372px;
height: 372px;
}
}
/* Home banner */
.home-banner {
position: relative;
padding-top: 120px;
}
.home-banner::after {
content: "";
display: block;
height: calc(100% - 250px);
width: 100%;
position: absolute;
top: 0;
left: 0;
}
.home-banner__shape-wrapper {
position: relative;
}
.home-banner__bg-shape__line__wrapper {
position: relative;
margin-bottom: -240px;
}
.home-banner__bg-shape__line__wrapper::before {
content: "";
display: block;
width: 50vw;
height: 100px;
z-index: 1;
position: absolute;
left: -50vw;
bottom: 543px;
}
.home-banner__bg-shape__line {
margin-top: 250px;
margin-left: -190px;
position: relative;
z-index: 2;
}
.home-banner__bg-shape__ball {
left: -190px;
position: absolute;
top: 250px;
z-index: 2;
offset-path: path(
"M-87 204.368L641 204.368C688.5 204.368 771 230.368 811 318.368C850.973 406.309 888.949 419.982 930.916 429.481C930.972 429.493 931.028 429.501 931.085 429.504C980.083 431.992 1051.82 425.492 1095 294.368C1138.2 163.168 1216.83 94.3332 1247.5 74.9998C1320.17 28.3331 1494.43 36.1555 1575.5 204.368C1684 429.499 1524.83 573.701 1455.5 622.368C1404.17 664.368 1165 746.768 733 740.368"
);
offset-distance: 0%;
transition: offset-distance 0.5s ease-out;
}
.home-banner__bg-shape__circle {
position: absolute;
right: -220px;
bottom: 150px;
z-index: 1;
}
.home-banner .home-banner__content.content-wrapper {
position: absolute;
width: 100%;
left: 50%;
transform: translateX(-50%);
bottom: 533px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 50px;
z-index: 2;
}
.home-banner__content__images {
position: relative;
z-index: 2;
}
.home-banner__content__images__image-1 {
position: absolute;
left: 0;
bottom: 0;
z-index: 300;
max-width: 348px !important;
max-height: 307px !important;
object-fit: cover;
}
.home-banner__content__images__image-3 {
position: absolute;
right: 0;
bottom: 0;
max-width: 310px !important;
max-height: 387px !important;
object-fit: cover;
}
.home-banner__content__images__image-1,
.home-banner__content__images__image-3 {
max-width: 50% !important;
}
.home-banner__content__images__image-2__wrapper {
position: absolute;
z-index: 1;
left: 50%;
top: 55%;
transform: translate(-50%, -50%);
width: 100%;
display: flex;
justify-content: flex-end;
}
.home-banner__content__images__image-2 {
max-width: 20vw !important;
margin-right: 15vw;
margin-bottom: 600px;
max-width: 310px !important;
max-height: 387px !important;
object-fit: cover;
}
.home-banner__content__images__image-1,
.home-banner__content__images__image-2,
.home-banner__content__images__image-3 {
border-radius: 20px;
}
@media (max-width: 1250px) {
.home-banner__bg-shape__line {
margin-top: 450px;
}
.home-banner .home-banner__content.content-wrapper {
grid-template-columns: 1.2fr 1fr;
}
.home-banner__bg-shape__ball {
top: 450px;
}
}
@media (max-width: 1024px) {
.home-banner {
padding: 220px 0;
margin-bottom: -140px;
}
.home-banner__bg-shape__line,
.home-banner__bg-shape__ball {
display: none;
}
.home-banner__shape-wrapper {
position: static;
}
.home-banner .home-banner__content.content-wrapper {
position: static;
width: 100%;
grid-template-columns: 1fr;
transform: none;
}
.home-banner__content__title {
position: relative;
z-index: 1;
margin: 200px 0 60px;
}
.home-banner__content__images {
display: flex;
justify-content: space-between;
align-items: flex-end;
width: calc(100% + 40px);
margin-left: -20px;
}
.home-banner__content__images__image-1,
.home-banner__content__images__image-3 {
position: static;
}
.home-banner__content__images__image-2__wrapper {
bottom: 115px;
left: auto;
top: auto;
transform: none;
justify-content: center;
}
.home-banner__content__images__image-2 {
margin: 0;
max-width: 40% !important;
margin-right: 140px;
margin-bottom: 140px;
}
.home-banner__content__title__wrapper {
position: relative;
}
.home-banner__content__title__wrapper::before {
position: absolute;
content: "";
left: -50px;
bottom: 62px;
width: calc(100% + 50px);
height: 75px;
background-color: var(--orange);
z-index: 1;
border-radius: 70px;
}
.home-banner__content__title {
position: relative;
z-index: 2;
}
.home-banner__bg-shape__circle {
right: -400px;
}
.home-banner__content__images__image-2 {
max-width: 45% !important;
}
}
@media (max-width: 767px) {
.home-banner:after {
height: calc(100% - 80px);
}
.home-banner__bg-shape__circle {
height: 500px;
bottom: 0;
}
.home-banner__content__title__wrapper::before {
height: 52px;
bottom: 57px;
}
.home-banner__content__images__image-1,
.home-banner__content__images__image-3 {
max-width: 33% !important;
}
.home-banner__content__images__image-2 {
max-width: 40% !important;
margin-right: 20px;
}
}
@media (max-width: 600px) {
.home-banner .home-banner__content.content-wrapper {
gap: 80px;
}
.home-banner__content__images__image-2 {
margin-right: 0;
}
}
/* Section tabs */
.tabbed-section-wrapper {
position: relative;
}
.tabbed-section-wrapper > #hs_cos_wrapper_section_tabs {
position: sticky;
top: 0;
transition: var(--transition);
z-index: 10;
}
.tabbed-section-wrapper > #hs_cos_wrapper_section_tabs.scrolled {
top: 110px;
}
.section-tabs__desktop {
display: flex;
}
.section-tabs__desktop:has(> .shrunk) {
filter: drop-shadow(5px 24px 20px #000);
}
.section-tabs__tab {
text-align: center;
background-color: var(--light-grey);
padding: 40px 60px;
border-radius: 20px 20px 0 0;
transition: var(--transition);
cursor: pointer;
position: relative;
}
.section-tabs__tab.shrunk {
padding: 20px 60px;
border-radius: 0;
border-bottom: 2px solid var(--orange);
}
.section-tabs__tab:first-of-type::before {
position: absolute;
content: "";
width: 50vw;
left: -50vw;
top: 0;
height: calc(100% + 2px);
background-color: transparent;
transition: var(--transition);
z-index: -1;
}
.section-tabs__tab:last-of-type::before {
position: absolute;
content: "";
width: 50vw;
right: -50vw;
top: 0;
height: calc(100% + 2px);
background-color: transparent;
transition: var(--transition);
z-index: -1;
}
.section-tabs__tab.shrunk:first-of-type::before {
background-color: var(--light-grey);
}
.section-tabs__tab.shrunk:last-of-type::before {
background-color: var(--light-grey);
}
.section-tabs__tab.shrunk:first-of-type::before,
.section-tabs__tab.shrunk:last-of-type::before {
border-bottom: 2px solid var(--orange);
}
.section-tabs__tab.shrunk.active:first-of-type::before,
.section-tabs__tab.shrunk.active:first-of-type::after {
background-color: var(--dark-grey);
}
.section-tabs__tab a::after {
width: 100%;
height: 100%;
content: "";
position: absolute;
top: 0;
left: 0;
}
.section-tabs__tab.active {
background-color: var(--dark-grey);
color: var(--white);
}
.section-tabs__tab.active * {
color: var(--white);
}
.tabbed-section-wrapper__tab.inactive {
display: none;
}
.section-tabs__tab h3 {
transition: var(--transition);
margin: 0;
}
.section-tabs__tab.shrunk h3 {
font-size: 20px;
}
.section-tabs__tab__description-container {
display: grid;
transition: grid-template-rows 0.3s ease;
grid-template-rows: auto;
}
.section-tabs__tab.shrunk .section-tabs__tab__description-container {
grid-template-rows: 0;
}
.section-tabs__tab p {
overflow: hidden;
transition: opacity 0.3s ease;
opacity: 1;
}
.section-tabs__tab.shrunk p {
opacity: 0;
}
/*
.section-tabs__tab::after {
z-index: -1;
background-color: transparent;
transition: var(--transition);
content: "";
position: absolute;
top: 65px;
left: 0;
width: 100%;
height: 20px;
}
.section-tabs__tab.shrunk::after {
z-index: 99999;
background: linear-gradient(
180deg,
rgba(244, 244, 244, 1) 21%,
rgba(244, 244, 244, 0) 80%
);
}
.section-tabs__tab.shrunk.active::after {
z-index: 99999;
background: linear-gradient(
180deg,
rgba(33, 41, 52, 1) 21%,
rgba(33, 41, 52, 0) 80%
);
}
*/
@media (max-width: 1024px) {
.section-tabs__tab h3 {
font-size: 28px;
}
}
@media (min-width: 768px) {
.section-tabs__mobile {
display: none;
}
}
@media (max-width: 767px) {
.section-tabs__desktop {
display: none;
}
.section-tabs__mobile {
width: 100%;
margin-bottom: 40px;
}
}
/* Switchback repeater */
.switchback-repeater {
position: relative;
z-index: 2;
padding: 100px 0 160px;
}
.switchback-repeater__title {
margin-bottom: 120px;
position: relative;
z-index: 1;
max-width: 712px;
}
.switchback-repeater__rows {
display: flex;
flex-direction: column;
gap: 120px;
position: relative;
z-index: 1;
}
.switchback-repeater__rows__switchback {
display: grid;
grid-template-columns: 1.8fr 1fr;
gap: 80px;
align-items: center;
}
.switchback-repeater__rows__switchback__content {
display: flex;
justify-content: flex-end;
}
.switchback-repeater__rows__switchback__image img {
border-radius: 20px;
}
.switchback-repeater__rows__switchback__content__inner {
max-width: 445px;
}
.switchback-repeater__wrapper__background-line {
position: absolute;
left: 100px;
top: 0;
}
@media (min-width: 1025px) {
.switchback-repeater__rows__switchback:nth-of-type(even) {
grid-template-columns: 1fr 1.8fr;
}
.switchback-repeater__rows__switchback:nth-of-type(even)
.switchback-repeater__rows__switchback__content {
justify-content: flex-start;
}
.switchback-repeater__rows__switchback:nth-of-type(even)
.switchback-repeater__rows__switchback__image {
order: 2;
}
}
@media (max-width: 1024px) {
.switchback-repeater {
padding: 100px 0 0;
}
.switchback-repeater__title {
margin-bottom: 60px;
}
.switchback-repeater__rows {
gap: 40px;
}
.switchback-repeater__rows__switchback {
grid-template-columns: 1fr;
gap: 20px;
}
.switchback-repeater__rows__switchback__content__inner {
max-width: none;
}
.switchback-repeater__wrapper__background-line {
display: none;
}
/*
.switchback-repeater__wrapper__background-line {
bottom: 0;
left: 50vw;
position: absolute;
}
*/
}
/* Thank you header */
.thankyou-header {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
border-bottom: 7px solid var(--orange);
margin-top: -1px;
}
.thankyou-header .content-wrapper {
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 170px 0px 90px 0px;
}
.thankyou-header__icon {
max-width: 160px;
width: 100%;
height: auto;
margin-bottom: 60px;
object-fit: contain;
}
.thankyou-header .content-wrapper h1 {
font-size: 120px;
}
.thankyou-header .content-wrapper p:last-of-type {
color: white;
margin-top: 44px;
margin-bottom: 0px;
}
.thankyou-header .content-wrapper .button {
margin-top: 60px;
}
@media screen and (max-width: 1400px) {
.thankyou-header .content-wrapper {
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 150px 20px 90px 20px;
}
}
@media screen and (max-width: 767px) {
.thankyou-header .content-wrapper h1 {
font-size: 44px;
}
.thankyou-header .content-wrapper br {
display: none;
}
}
/* Generic */
*, *:before, *:after {
box-sizing: border-box;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0;
}
/**
* Render the `main` element consistently in IE.
*/
main {
display: block;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1,
h2.h1 {
line-height: 1.15;
}
/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box; /* 1 */
height: 0; /* 1 */
overflow: visible; /* 2 */
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none; /* 1 */
text-decoration: underline; /* 2 */
text-decoration: underline dotted; /* 2 */
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: 600;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit; /* 1 */
font-size: 100%; /* 1 */
line-height: 1.15; /* 1 */
margin: 0; /* 2 */
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input {
/* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
/* 1 */
text-transform: none;
}
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-position: right 20px center;
background-repeat: no-repeat;
background-size: 16px;
background-color: var(--light-grey);
border: 0;
border-radius: 0;
border-radius: 40px;
font-size: 18px;
margin: 0;
min-width: 270px;
padding: 16px 20px;
color: var(--dark-grey);
background-image: url('data:image/svg+xml,');
}
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box; /* 1 */
color: inherit; /* 2 */
display: table; /* 1 */
max-width: 100%; /* 1 */
padding: 0; /* 3 */
white-space: normal; /* 1 */
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type="checkbox"],
[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none;
}
/* Objects */
/* Custom image border */
.hs_cos_wrapper_type_linked_image img {
border-radius: 20px;
}
/* Template layouts */
.sticky-columns {
display: flex;
padding: 100px 0;
gap: 120px;
}
.sticky-columns__left {
width: 350px;
position: sticky;
top: 125px;
height: 100%;
}
.sticky-columns__right {
width: calc(100% - 365px);
}
.sticky-columns__right .dnd-section {
padding-left: 0;
padding-right: 0;
}
@media screen and (max-width: 767px) {
.sticky-columns {
flex-direction: column;
gap: 60px;
}
.sticky-columns__left {
position: static;
}
.sticky-columns__left,
.sticky-columns__right {
width: 100%;
}
}
/* Responsive grid */
.row-fluid {
width: 100%;
*zoom: 1;
}
.row-fluid:before,
.row-fluid:after {
display: table;
content: "";
}
.row-fluid:after {
clear: both;
}
.row-fluid [class*="span"] {
display: block;
float: left;
width: 100%;
min-height: 1px;
margin-left: 2.127659574%;
*margin-left: 2.0744680846382977%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.row-fluid [class*="span"]:first-child {
margin-left: 0;
}
.row-fluid .span12 {
width: 99.99999998999999%;
*width: 99.94680850063828%;
}
.row-fluid .span11 {
width: 91.489361693%;
*width: 91.4361702036383%;
}
.row-fluid .span10 {
width: 82.97872339599999%;
*width: 82.92553190663828%;
}
.row-fluid .span9 {
width: 74.468085099%;
*width: 74.4148936096383%;
}
.row-fluid .span8 {
width: 65.95744680199999%;
*width: 65.90425531263828%;
}
.row-fluid .span7 {
width: 57.446808505%;
*width: 57.3936170156383%;
}
.row-fluid .span6 {
width: 48.93617020799999%;
*width: 48.88297871863829%;
}
.row-fluid .span5 {
width: 40.425531911%;
*width: 40.3723404216383%;
}
.row-fluid .span4 {
width: 31.914893614%;
*width: 31.8617021246383%;
}
.row-fluid .span3 {
width: 23.404255317%;
*width: 23.3510638276383%;
}
.row-fluid .span2 {
width: 14.89361702%;
*width: 14.8404255306383%;
}
.row-fluid .span1 {
width: 6.382978723%;
*width: 6.329787233638298%;
}
.container-fluid {
*zoom: 1;
}
.container-fluid:before,
.container-fluid:after {
display: table;
content: "";
}
.container-fluid:after {
clear: both;
}
@media (max-width: 767px) {
.row-fluid {
width: 100%;
}
.row-fluid [class*="span"] {
display: block;
float: none;
width: auto;
margin-left: 0;
}
}
@media (min-width: 768px) and (max-width: 1139px) {
.row-fluid {
width: 100%;
*zoom: 1;
}
.row-fluid:before,
.row-fluid:after {
display: table;
content: "";
}
.row-fluid:after {
clear: both;
}
.row-fluid [class*="span"] {
display: block;
float: left;
width: 100%;
min-height: 1px;
margin-left: 2.762430939%;
*margin-left: 2.709239449638298%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.row-fluid [class*="span"]:first-child {
margin-left: 0;
}
.row-fluid .span12 {
width: 99.999999993%;
*width: 99.9468085036383%;
}
.row-fluid .span11 {
width: 91.436464082%;
*width: 91.38327259263829%;
}
.row-fluid .span10 {
width: 82.87292817100001%;
*width: 82.8197366816383%;
}
.row-fluid .span9 {
width: 74.30939226%;
*width: 74.25620077063829%;
}
.row-fluid .span8 {
width: 65.74585634900001%;
*width: 65.6926648596383%;
}
.row-fluid .span7 {
width: 57.182320438000005%;
*width: 57.129128948638304%;
}
.row-fluid .span6 {
width: 48.618784527%;
*width: 48.5655930376383%;
}
.row-fluid .span5 {
width: 40.055248616%;
*width: 40.0020571266383%;
}
.row-fluid .span4 {
width: 31.491712705%;
*width: 31.4385212156383%;
}
.row-fluid .span3 {
width: 22.928176794%;
*width: 22.874985304638297%;
}
.row-fluid .span2 {
width: 14.364640883%;
*width: 14.311449393638298%;
}
.row-fluid .span1 {
width: 5.801104972%;
*width: 5.747913482638298%;
}
}
@media (min-width: 1280px) {
.row-fluid {
width: 100%;
*zoom: 1;
}
.row-fluid:before,
.row-fluid:after {
display: table;
content: "";
}
.row-fluid:after {
clear: both;
}
.row-fluid [class*="span"] {
display: block;
float: left;
width: 100%;
min-height: 1px;
margin-left: 2.564102564%;
*margin-left: 2.510911074638298%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.row-fluid [class*="span"]:first-child {
margin-left: 0;
}
.row-fluid .span12 {
width: 100%;
*width: 99.94680851063829%;
}
.row-fluid .span11 {
width: 91.45299145300001%;
*width: 91.3997999636383%;
}
.row-fluid .span10 {
width: 82.905982906%;
*width: 82.8527914166383%;
}
.row-fluid .span9 {
width: 74.358974359%;
*width: 74.30578286963829%;
}
.row-fluid .span8 {
width: 65.81196581200001%;
*width: 65.7587743226383%;
}
.row-fluid .span7 {
width: 57.264957265%;
*width: 57.2117657756383%;
}
.row-fluid .span6 {
width: 48.717948718%;
*width: 48.6647572286383%;
}
.row-fluid .span5 {
width: 40.170940171000005%;
*width: 40.117748681638304%;
}
.row-fluid .span4 {
width: 31.623931624%;
*width: 31.5707401346383%;
}
.row-fluid .span3 {
width: 23.076923077%;
*width: 23.0237315876383%;
}
.row-fluid .span2 {
width: 14.529914530000001%;
*width: 14.4767230406383%;
}
.row-fluid .span1 {
width: 5.982905983%;
*width: 5.929714493638298%;
}
}
/* Clearfix */
.clearfix {
*zoom: 1;
}
.clearfix:before,
.clearfix:after {
display: table;
content: "";
}
.clearfix:after {
clear: both;
}
/* Visibilty Classes */
.hide {
display: none;
}
.show {
display: block;
}
.invisible {
visibility: hidden;
}
.hidden {
display: none;
visibility: hidden;
}
/* Responsive Visibilty Classes */
.visible-phone {
display: none !important;
}
.visible-tablet {
display: none !important;
}
.hidden-desktop {
display: none !important;
}
@media (max-width: 1100px) {
.hidden-phone.header__button-col {
display: none !important;
}
}
@media (max-width: 767px) {
.visible-phone {
display: inherit !important;
}
.hidden-phone {
display: none !important;
}
.hidden-desktop {
display: inherit !important;
}
.visible-desktop {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 1139px) {
.visible-tablet {
display: inherit !important;
}
.hidden-tablet {
display: none !important;
}
.hidden-desktop {
display: inherit !important;
}
.visible-desktop {
display: none !important ;
}
}
/* Content wrappers for blog post and system templates */
.content-wrapper {
padding: 0 20px;
margin: 0 auto;
}
/* Drag and drop layout styles */
.dnd-section > .row-fluid {
margin: 0 auto;
}
@media (max-width: 767px) {
.dnd-section .dnd-column {
padding: 0;
}
}
/* Elements */
body {
line-height: 1.35;
overflow-wrap: break-word;
}
html[lang^="ja"] body,
html[lang^="zh"] body,
html[lang^="ko"] body {
line-break: strict;
overflow-wrap: normal;
word-break: break-all;
}
/* Paragraphs */
h3,
h4,
h5,
p {
margin: 0 0 1rem;
font-size: 1rem;
}
/* Anchors */
a {
cursor: pointer;
}
/* Headings */
h1,
h2 {
margin: 0 0 1.4rem;
line-height: 1.15;
}
h4,
h4 * {
font-weight: 500 !important;
}
/* Lists */
ul,
ol {
padding-left: 0;
margin: 0 0 1.4rem;
}
ul li,
ol li {
margin: 0 0 1rem;
}
ol li {
margin-left: 18px;
}
.body-wrapper
ul:not(.no-list):not([role="menu"]):not(.hs-search-results__listing)
li {
list-style: none;
display: flex;
}
ul ul,
ol ul,
ul ol,
ol ol {
margin: 1.4rem 0;
}
.no-list {
padding: 0;
margin: 0;
list-style: none;
}
.no-list li {
margin: 0;
}
ul:not(.no-list):not([role="menu"]) {
padding: 0px;
margin: 0px;
margin-left: 0px;
margin-bottom: 28px;
display: flex;
flex-direction: column;
gap: 10px;
}
ul:not(.no-list):not([role="menu"]) li {
position: relative;
display: flex;
flex-direction: row;
gap: 20px;
align-items: flex-start;
margin-bottom: 0px;
}
main#main-content
ul:not(.no-list):not([role="menu"])
li:not(.hs-form-booleancheckbox):before {
width: 16px;
min-width: 16px;
height: 16px;
background-color: var(--orange);
border-radius: 100%;
display: inline-block;
content: "";
margin-top: 4px;
}
/* Code blocks */
pre {
overflow: auto;
}
code {
vertical-align: bottom;
}
/* Blockquotes */
blockquote {
padding-left: 1rem;
border-left: 10px solid;
margin: 0 0 1.4rem;
}
/* Horizontal rules */
hr {
border: 0 none;
border-bottom: 1px solid;
}
/* Subscripts and superscripts */
sup,
sub {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/* Image alt text */
img {
font-size: 1rem;
word-break: normal;
}
/* Link Styling */
/* a:not(.header__menu-link):{
text-decoration: none;
transition: var(--transition);
}
a:not(.header__menu-link)::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 0%;
height: 1px;
background-color: var(--orange);
transition: var(--transition);
} */
/* Link Styling -> Hover Styles */
/* a:not(.header__menu-link):hover{
color: var(--orange);
}
a:not(.header__menu-link):hover::after {
width: 100%;
} */
/* Custom buttons */
.button {
cursor: pointer;
transition: 0.15s;
position: relative;
padding-top: 26px !important;
padding-right: 90px !important;
padding-bottom: 26px !important;
padding-left: 20px !important;
}
form .hs-submit .actions {
width: fit-content;
padding: 0 !important;
position: relative;
}
form .hs-submit .actions input[type="submit"] {
padding: 26px 90px 26px 0px !important;
z-index: 2;
}
.button.button--simple {
position: relative;
display: flex;
overflow: hidden;
min-width: 61px;
padding: 0 !important;
}
.button::before,
.button.button--simple::before,
form .hs-submit .actions::before {
content: "";
display: block;
background-color: var(--orange);
width: 61px;
height: 61px;
border-radius: 100%;
transition: 0.15s;
}
.button.button--secondary::before,
.button.button--secondarybutton--simple::before {
background-color: var(--dark-grey);
}
form .hs-submit .actions::before {
background-color: var(--dark-grey);
right: 10px !important;
}
.button::after,
.button.button--simple::after,
form .hs-submit .actions::after {
content: url("data:image/svg+xml,%3Csvg width='37' height='37' viewBox='0 0 37 37' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_2839_691' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='37' height='37'%3E%3Ccircle cx='18.5' cy='18.5' r='18' fill='%23E9EE1A' stroke='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_2839_691)'%3E%3Cpath d='M8 16.5C7.17157 16.5 6.5 17.1716 6.5 18C6.5 18.8284 7.17157 19.5 8 19.5V16.5ZM30.0607 19.0607C30.6464 18.4749 30.6464 17.5251 30.0607 16.9393L20.5147 7.3934C19.9289 6.80761 18.9792 6.80761 18.3934 7.3934C17.8076 7.97919 17.8076 8.92893 18.3934 9.51472L26.8787 18L18.3934 26.4853C17.8076 27.0711 17.8076 28.0208 18.3934 28.6066C18.9792 29.1924 19.9289 29.1924 20.5147 28.6066L30.0607 19.0607ZM8 19.5H29V16.5H8V19.5Z' fill='white'/%3E%3C/g%3E%3C/svg%3E");
display: inline-block;
width: 37px;
height: 37px;
position: absolute;
left: 12px;
top: 50%;
transform: translateY(-50%);
transition-delay: 0.17s;
}
form .hs-submit .actions::after {
left: auto;
right: 21px;
}
.button:hover::before,
.cover-link:hover .button::before {
background-color: var(--dark-grey);
}
.button.button--secondary:hover::before,
form .hs-submit .actions:hover::before {
background-color: var(--white);
}
.button.button--secondary:hover::after,
form .hs-submit .actions:hover::after {
content: url("data:image/svg+xml,%3Csvg width='37' height='37' viewBox='0 0 37 37' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_2839_691' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='37' height='37'%3E%3Ccircle cx='18.5' cy='18.5' r='18' fill='%23E9EE1A' stroke='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_2839_691)'%3E%3Cpath d='M8 16.5C7.17157 16.5 6.5 17.1716 6.5 18C6.5 18.8284 7.17157 19.5 8 19.5V16.5ZM30.0607 19.0607C30.6464 18.4749 30.6464 17.5251 30.0607 16.9393L20.5147 7.3934C19.9289 6.80761 18.9792 6.80761 18.3934 7.3934C17.8076 7.97919 17.8076 8.92893 18.3934 9.51472L26.8787 18L18.3934 26.4853C17.8076 27.0711 17.8076 28.0208 18.3934 28.6066C18.9792 29.1924 19.9289 29.1924 20.5147 28.6066L30.0607 19.0607ZM8 19.5H29V16.5H8V19.5Z' fill='%23212934'/%3E%3C/g%3E%3C/svg%3E");
}
.button.button--simple:hover::after {
animation: arrow-move-simple 0.35s ease-in-out;
}
.button {
position: relative;
transition: 0.15s;
overflow: hidden;
}
.button:not(.button--simple)::before,
form .hs-submit .actions::before {
position: absolute;
right: 10px;
left: auto;
top: 50%;
transform: translateY(-50%);
overflow: hidden;
}
.button:not(.button--simple)::after,
form .hs-submit .actions::before {
position: absolute;
right: 22px;
left: auto;
top: 50%;
transform: translateY(-50%);
}
.button:not(.button--simple):hover::after,
.cover-link:hover .button:not(.button--simple)::after,
form .hs-submit .actions:hover::after {
animation: arrow-move 0.35s ease-in-out;
}
.button.transparent,
.button.transparent:hover,
form .hs-submit .actions,
form .hs-submit .actions:hover {
padding-left: 0 !important;
background-color: transparent !important;
color: unset;
}
.button.transparent.white,
.button.transparent.white:hover,
form .hs-submit .actions {
color: var(--white);
}
.button.button--secondary.transparent,
button.button--secondary.transparent,
.button.button--secondary.transparent:hover,
button.button--secondary.transparent:hover {
background-color: transparent !important;
color: var(--dark-grey) !important;
}
@keyframes arrow-move-simple {
0% {
left: 12px;
opacity: 1;
}
45% {
left: 37px;
opacity: 0;
}
50% {
left: -13px;
opacity: 0;
}
55% {
left: -13px;
opacity: 0.5;
}
100% {
left: 12px;
opacity: 1;
}
}
@keyframes arrow-move {
0% {
right: 22px;
opacity: 1;
}
45% {
right: -5px;
opacity: 0;
}
50% {
right: 45px;
opacity: 0;
}
55% {
right: 45px;
opacity: 0.5;
}
100% {
right: 22px;
opacity: 1;
}
}
/* Small buttons */
button.small {
padding: 15px 30px !important;
}
@media (max-width: 767px) {
button,
.button,
.hs-button,
form .hs-submit .actions {
width: 100%;
}
form .hs-button,
form input[type="submit"] {
text-align: left !important;
}
}
/* Swiper buttons */
.swiper-button-disabled {
opacity: 0.75;
cursor: not-allowed;
}
/* Pagination */
.pagination-container {
display: flex;
justify-content: center;
align-items: center;
margin-top: 100px;
}
.pagination-container .pagination {
display: flex;
flex-direction: row !important;
justify-content: center;
align-items: center;
min-width: 100px;
margin: 0px;
padding: 0px;
gap: 24px;
}
.pagination-container .pageNumber {
font-size: 16px;
list-style: none;
cursor: pointer;
color: #212934;
text-align: center;
font-feature-settings: "liga" off, "clig" off;
font-family: "Effra Trial";
font-size: 22px;
font-style: normal;
font-weight: 600;
line-height: 28px; /* 127.273% */
transition: var(--short-transition);
}
.pagination-container .pageNumber.active,
.pagination-container .pageNumber:hover {
color: var(--orange);
text-decoration: underline;
text-underline-offset: 2px;
text-decoration-thickness: 2px;
}
.pagination-container .pageNumber.active {
font-weight: bold;
}
.pagination-container .pageButton {
font-size: 22px;
font-style: normal;
font-weight: 600;
line-height: 28px;
cursor: pointer;
transition: var(--short-transition);
}
.pageButton::before {
display: none !important;
}
.pageNumber::before {
display: none !important;
}
.pagination-container .pageButton:hover {
color: var(--orange);
}
.pagination-container .pageButton.disabled {
opacity: 0.5;
pointer-events: none;
}
/* Primary button */
button,
.button,
.hs-button {
position: relative;
display: inline-flex;
align-items: center;
cursor: pointer;
text-align: center;
transition: 0.15s ease-in-out;
white-space: normal;
}
.hs-button-modify--full-width {
width: 100%;
justify-content: center;
text-align: center;
}
/* Simple button */
.button.button--simple {
position: relative;
padding: 0;
border: none;
border-radius: 0;
background-color: transparent;
}
.button.button--simple:hover,
.button.button--simple:focus {
border: none;
background-color: transparent;
}
/* Disabled button */
button:disabled,
.button:disabled,
.hs-button:disabled {
border-color: #f1f1f1;
background-color: #f1f1f1;
pointer-events: none;
}
button:disabled,
.button:disabled,
.button.button--secondary:disabled,
.button.button--simple:disabled {
color: #d0d0d0;
}
/* No button */
.no-button,
.no-button:hover,
.no-button:focus,
.no-button:active {
padding: 0;
border: none;
border-radius: 0;
margin-bottom: 0;
background: none;
color: initial;
font-family: inherit;
font-size: inherit;
font-style: inherit;
font-weight: inherit;
letter-spacing: inherit;
line-height: inherit;
text-align: left;
text-decoration: none;
transition: none;
}
/* Tooltip styles for copy to clipboard */
.hs-tooltip {
position: absolute;
bottom: calc(100% + 7px);
left: 50%;
display: none;
height: auto;
width: auto;
padding: 5px 10px;
border-radius: 3px;
background-color: #494a52;
color: #fff;
font-size: 14px;
font-weight: 400;
opacity: 0.8;
transform: translateX(-50%);
}
.hs-tooltip:after {
position: absolute;
top: 100%;
left: 50%;
height: 0;
width: 0;
border-top: 5px solid #494a52;
border-right: 5px solid transparent;
border-left: 5px solid transparent;
content: "";
transform: translateX(-50%);
}
.hs-tooltip__failure,
.hs-tooltip__success {
display: none;
min-width: -webkit-max-content;
min-width: -moz-max-content;
min-width: max-content;
}
.hs-visible {
display: block;
}
/* Button icons */
.button .button__icon svg {
display: block;
height: 1.25rem;
margin-right: 1rem;
fill: inherit;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.button .button__icon svg {
width: 1.25rem;
}
}
.button--icon-right .button__icon {
order: 1;
}
.button--icon-right .button__icon svg {
margin-right: 0;
margin-left: 1rem;
}
/* Form title */
.form-title {
margin: 0;
}
.form-title ~ div > form {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
/* Labels */
form label {
display: block;
margin-bottom: 0.35rem;
}
.hsfc-Form,
.hsfc-FormWrapper {
--hsf-module__vertical-spacing: 0.35rem;
}
/* Form fields */
form .hs-form-field {
margin-bottom: 1.4rem;
}
.hsfc-Form,
.hsfc-FormWrapper {
--hsf-row__vertical-spacing: 1.4rem;
}
.form-columns-1 .hs-fieldtype-intl-phone,
form input[type="text"],
form input[type="email"],
form input[type="password"],
form input[type="tel"],
form input[type="number"],
form input[type="file"],
form input[type="search"],
form select,
form textarea {
display: inline-block;
width: 100% !important; /* stylelint-disable-line declaration-no-important */
}
form fieldset {
max-width: 100% !important; /* stylelint-disable-line declaration-no-important */
}
/* Form fields - checkbox/radio */
form .inputs-list {
padding: 0;
margin: 0;
list-style: none;
}
form .inputs-list > li {
display: block;
margin: 0.7rem 0;
}
form .inputs-list input,
form .inputs-list span {
vertical-align: middle;
}
form input[type="checkbox"],
form input[type="radio"] {
margin-right: 0.35rem;
cursor: pointer;
}
form input[type="checkbox"] {
width: 28px !important;
height: 28px !important;
background-color: var(--white);
border-radius: 10px;
vertical-align: middle;
border: none;
appearance: none;
-webkit-appearance: none;
outline: none;
cursor: pointer;
padding: 0;
position: relative;
display: flex;
justify-content: center;
align-items: center;
}
form input[type="checkbox"]:checked::after {
content: "";
display: block;
height: 15px;
width: 15px;
border-radius: 100%;
background-color: var(--dark-grey);
}
/* Form fields - date picker */
form .hs-dateinput {
position: relative;
}
form .hs-dateinput:before {
position: absolute;
top: 50%;
content: "\01F4C5";
transform: translateY(-50%);
}
form .is-selected .pika-button {
border-radius: 0 !important; /* stylelint-disable-line declaration-no-important */
box-shadow: none !important; /* stylelint-disable-line declaration-no-important */
}
form .fn-date-picker .pika-button:hover,
form .fn-date-picker .pika-button:focus {
border-radius: 0 !important; /* stylelint-disable-line declaration-no-important */
}
/* Form fields - file picker */
form input[type="file"] {
padding: initial;
border: initial;
background-color: transparent;
}
/* Headings and text */
form .hs-richtext,
form .hs-richtext p {
margin: 0 0 1.4rem;
font-size: 0.8rem;
}
form .hs-richtext img {
height: auto;
max-width: 100% !important; /* stylelint-disable-line declaration-no-important */
}
/* GDPR */
form .legal-consent-container .hs-form-booleancheckbox-display > span {
margin-left: 35px !important; /* stylelint-disable-line declaration-no-important */
margin-top: 2px;
}
/* Validation */
form .hs-form-required {
color: #ef6b51;
}
form .hs-input.error {
border-color: #ef6b51;
}
form .hs-error-msg,
form .hs-error-msgs,
form .hs-error-msgs label,
.legal-consent-container .hs-error-msgs label {
margin-top: 0.35rem;
color: var(--white) !important;
}
.hsfc-Form,
.hsfc-FormWrapper {
--hsf-global-error__color: #ef6b51;
--hsf-field-label-requiredindicator__color: var(--hsf-global-error__color);
--hsf-erroralert__color: var(--hsf-global-error__color);
}
/* Submit button */
form input[type="submit"],
form .hs-button {
display: inline-block;
width: 100%;
cursor: pointer;
text-align: center;
transition: all 0.15s linear;
white-space: normal !important; /* stylelint-disable-line declaration-no-important */
}
/* Captcha */
.grecaptcha-badge {
margin: 0 auto;
}
/* Updated form styling for RAW HTML Forms */
form input[type="text"],
form input[type="email"],
form input[type="password"],
form input[type="tel"],
form input[type="number"],
form input[type="search"],
form select,
form textarea {
border: 1px none #8b8d8e;
padding: 20px;
font-family: "Effra Trial", sans-serif;
font-style: normal;
font-weight: 400;
text-decoration: none;
background-color: rgba(255, 255, 255, 1);
border-radius: 10px;
color: #231f20;
font-size: 18px;
}
form p:first-of-type {
color: #fff;
font-size: 14px;
margin-bottom: 0;
}
form input::placeholder {
opacity: 1 !important;
color: black !important;
}
form .hs-form-field label:not(.inputs-list label) {
display: none;
}
/* Icon wrapper */
.icon {
display: inline-flex;
border-radius: 50%;
}
.icon--square .icon {
border-radius: 0;
}
/* Icon */
.icon svg {
vertical-align: middle;
}
/* Table */
table {
border-collapse: collapse;
margin-bottom: 1.4rem;
overflow-wrap: break-word;
}
/* Table cells */
th,
td {
padding: 0.7rem;
vertical-align: top;
}
/* Table header */
thead th,
thead td {
vertical-align: bottom;
}
/* Components */
/* Navigation skipper */
.header__skip {
position: absolute;
top: -1000px;
left: -1000px;
overflow: hidden;
height: 1px;
width: 1px;
text-align: left;
}
.header__skip:hover,
.header__skip:focus,
.header__skip:active {
z-index: 2;
top: 0;
left: 0;
overflow: visible;
height: auto;
width: auto;
}
.post-card__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 90px 60px;
}
.post-card {
display: flex;
flex-direction: column;
position: relative;
background-color: var(--light-grey);
border-radius: 20px;
}
.post-card__featured-image {
height: 271px;
position: relative;
border-radius: 20px 20px 0 0;
overflow: hidden;
margin-bottom: 20px 20px 0 0;
}
.post-card__featured-image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: 0.3s ease-in-out;
}
.post-card__tags {
position: absolute;
right: 20px;
top: 20px;
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: flex-start;
gap: 10px;
width: 100%;
flex-wrap: wrap;
z-index: 10;
}
.post-card__tags.post-card__tags--relative {
position: relative;
justify-content: flex-start;
top: 0;
right: unset;
left: 0;
margin-bottom: 40px;
height: unset;
}
.post-card__tag {
padding: 8px 16px;
font-size: 14px;
background-color: var(--white);
border-radius: 40px;
height: max-content;
}
.post-card__content {
display: flex;
flex-direction: column;
flex: 1;
padding: 25px 30px 30px;
}
.post-card__content__bottom {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
}
.post-card-link__cover::after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 2;
}
.post-card__link {
position: relative;
text-decoration: none !important;
max-width: max-content;
}
.post-card__link:hover {
text-decoration: none !important;
}
.post-card__link::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.post-card__cover-link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
}
/* Link Styling */
.post-card__link:before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 0%;
height: 1px;
background-color: var(--orange);
transition: var(--transition);
}
/* Link Styling -> Hover Styles */
.post-card:hover .post-card__link::before {
width: 100%;
}
.post-card__title {
margin-bottom: 20px;
}
.post-card__title,
.post-card__link {
transition: var(--transition);
}
.post-card:hover .post-card__featured-image img {
transform: scale(1.15);
}
.post-card:hover .post-card__title,
.post-card:hover .post-card__link {
color: var(--orange);
}
.post-card__search-content {
max-height: 0px;
overflow: hidden;
opacity: 0px;
pointer-events: none;
}
@media (max-width: 1024px) {
.post-card__grid {
grid-template-columns: repeat(2, 1fr);
}
.post-card__link {
text-decoration: underline;
}
}
@media (max-width: 767px) {
.post-card__grid {
grid-template-columns: 1fr;
}
}
/* Card */
.card {
border: 0;
}
.card--dark,
.card--light {
padding: 1.4rem;
}
/* Blog listing */
.blog-listing {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.blog-listing--3-col,
.blog-listing--4-col {
justify-content: flex-start;
}
/* Section heading */
.blog-listing__heading {
width: 100%;
text-align: center;
}
/* Article */
.blog-listing__post {
display: flex;
width: 100%;
padding: 0;
margin-bottom: 2.8rem;
flex-direction: column;
}
.blog-listing__post-inner-wrapper {
display: flex;
height: 100%;
background-color: rgba(255, 255, 255, 0.4);
}
/* Featured image */
.blog-listing__post-image-wrapper {
display: flex;
}
.blog-listing__post-image {
height: auto;
width: 100%;
}
/* Content */
.blog-listing__post-content {
display: flex;
padding: 0.7rem 0 0;
flex-direction: column;
flex-grow: 1;
}
.card--dark .blog-listing__post-content,
.card--light .blog-listing__post-content {
padding: 1.4rem;
}
/* Heading */
.blog-listing__header {
margin-bottom: 1.05rem;
}
/* Tags */
.blog-listing__post-tags {
margin-bottom: 0.7rem;
}
.blog-listing__post-tag,
.blog-listing__post-tag:hover,
.blog-listing__post-tag:focus,
.blog-listing__post-tag:active {
text-decoration: none;
}
/* Title */
.blog-listing__post-title {
margin-bottom: 0.7rem;
}
/* Author */
.blog-listing__post-author {
display: flex;
margin-bottom: 0.7rem;
align-items: center;
}
.blog-listing__post-author-image {
height: auto;
width: 50px;
margin-right: 0.7rem;
}
.blog-listing__post-author-name,
.blog-listing__post-author-name:hover,
.blog-listing__post-author-name:focus,
.blog-listing__post-author-name:active {
text-decoration: none;
}
/* Date */
.blog-listing__post-timestamp {
display: block;
margin-bottom: 0.35rem;
}
/* Button */
.blog-listing__post-button-wrapper {
margin-top: auto;
}
/* Blog listing - basic grid */
.blog-listing--card .blog-listing__post {
flex-direction: column;
}
.blog-listing--2-col .blog-listing__post {
width: calc(50% - 1rem);
}
.blog-listing--3-col .blog-listing__post {
width: calc(33.3% - 1rem);
}
.blog-listing--4-col .blog-listing__post {
width: calc(25% - 1rem);
}
.blog-listing--3-col .blog-listing__post:nth-of-type(3n + 1),
.blog-listing--3-col .blog-listing__post:nth-of-type(3n + 2) {
margin-right: 1.5rem;
}
.blog-listing--4-col .blog-listing__post:nth-of-type(4n + 1),
.blog-listing--4-col .blog-listing__post:nth-of-type(4n + 2),
.blog-listing--4-col .blog-listing__post:nth-of-type(4n + 3) {
margin-right: 1.333rem;
}
@media (max-width: 767px) {
.blog-listing .blog-listing__post {
width: 100%;
margin-right: 0 !important; /* stylelint-disable-line declaration-no-important */
}
}
.blog-listing--card .blog-listing__post-image-wrapper {
height: 200px;
}
.blog-listing--card .blog-listing__post-image {
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.blog-listing--card .blog-listing__post-image-wrapper,
.blog-listing--card .blog-listing__post-image {
height: auto;
}
}
/* Blog listing - side by side */
/* stylelint-disable no-descending-specificity */
.blog-listing--list .blog-listing__post {
display: flex;
}
/* stylelint-enable no-descending-specificity */
.blog-listing--list .blog-listing__post-image-wrapper {
width: 100%;
}
.blog-listing--list .blog-listing__post-image {
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.blog-listing--list .blog-listing__post-image-wrapper,
.blog-listing--list .blog-listing__post-image {
height: auto;
}
}
@media (min-width: 768px) {
.blog-post-listing__post--list {
flex-direction: row;
}
.blog-listing__post-content--list {
order: 1;
}
.blog-post-listing__post-image-wrapper--list {
order: 1;
}
.blog-post-listing__post-image-wrapper--right {
order: 2;
}
.blog-listing--list .blog-listing__post-image-wrapper {
width: 25%;
}
.blog-listing--list .blog-post-listing__post-image-wrapper--left {
margin-right: 1.4rem;
}
.blog-listing--list .blog-post-listing__post-image-wrapper--right {
margin-left: 1.4rem;
}
}
/* Logo */
.widget-type-logo:not(.hs-lp-header-logo) img {
height: auto;
max-width: 100%;
margin-bottom: 1.4rem;
}
/* Menu and simple menu */
.hs-menu-wrapper ul {
display: flex;
padding-left: 0;
margin: 0;
flex-wrap: wrap;
justify-content: space-around;
list-style: none;
}
.hs-menu-wrapper li {
margin: 0;
}
@media (max-width: 767px) {
.hs-menu-wrapper li {
margin-bottom: 1.4rem;
text-align: center;
}
}
/* Horizontal menu */
.hs-menu-wrapper.hs-menu-flow-horizontal .hs-menu-children-wrapper {
flex-direction: column;
}
@media (max-width: 767px) {
.hs-menu-wrapper.hs-menu-flow-horizontal ul {
flex-direction: column;
}
}
/* Vertical menu */
.hs-menu-wrapper.hs-menu-flow-vertical ul {
flex-direction: column;
}
/* Flyouts */
.hs-menu-wrapper.hs-menu-flow-vertical.flyouts ul {
display: inline-flex;
}
@media (max-width: 767px) {
.hs-menu-wrapper.hs-menu-flow-vertical ul {
display: flex;
}
}
.hs-menu-wrapper.flyouts .hs-item-has-children {
position: relative;
}
.hs-menu-wrapper.flyouts .hs-menu-children-wrapper {
position: absolute;
left: -9999px;
opacity: 0;
}
.hs-menu-wrapper.flyouts .hs-menu-children-wrapper a {
display: block;
white-space: nowrap;
}
/* prettier-ignore */
.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts
.hs-item-has-children:hover
> .hs-menu-children-wrapper {
top: 100%;
left: 0;
opacity: 1;
}
/* prettier-ignore */
.hs-menu-wrapper.hs-menu-flow-vertical.flyouts
.hs-item-has-children:hover
> .hs-menu-children-wrapper {
top: 0;
left: 100%;
opacity: 1;
}
@media (max-width: 767px) {
/* prettier-ignore */
.hs-menu-wrapper.flyouts .hs-menu-children-wrapper,
.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts
.hs-item-has-children:hover
> .hs-menu-children-wrapper,
.hs-menu-wrapper.hs-menu-flow-vertical.flyouts
.hs-item-has-children:hover
> .hs-menu-children-wrapper {
position: relative;
top: auto;
left: 0;
opacity: 1;
}
}
/* Rich text */
.widget-type-rich_text img {
height: auto;
max-width: 100%;
}
/* If the default module language switcher is used, keep growth margins from messing it up */
.lang_switcher_class .lang_list_class li {
margin: initial;
}
/* Utilities */
/* For content that needs to be visually hidden but stay visible for screenreaders */
/* stylelint-disable declaration-no-important */
.show-for-sr {
position: absolute !important;
overflow: hidden !important;
height: 1px !important;
width: 1px !important;
padding: 0 !important;
border: 0 !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
}
@media (max-width: 767px) {
.show-for-sr--mobile {
position: absolute !important;
overflow: hidden !important;
height: 1px !important;
width: 1px !important;
padding: 0 !important;
border: 0 !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
}
}
/* stylelint-enable declaration-no-important */
.hide-desktop{
display: none!important;
}
@media screen and (max-width: 767px){
.hide-mobile{
display: none!important;
}
}
/* Modules */