/* ======================================================================== */
/* Source: /v2/public/css/apps/marketing/screen.css */
/* ======================================================================== */

/* Global
------------------------------------------------ */
.layout-page .layout-content {padding: 0;}
.layout-header--scroll .navbar {background: transparent; box-shadow: none;}

@media (max-width: 576px) {
    .module-marketing-slider {display:flex; padding: 60px 0 0; overflow: hidden;}
    .module-marketing-slider .row{flex-wrap: nowrap; overflow: auto; height: calc(100% + 40px);}
    .module-marketing-slider .row .element-slider:first-child {margin-left: 16px;}
    .module-marketing-slider .row .element-slider:last-child {margin-right: 16px;}
}

/* Shared modules: Customer quote
------------------------------------------------ */
.module-marketing-customer-quote {padding-bottom: 100px;}

.module-marketing-logo-grid {padding-bottom: 120px;}
.module-marketing-logo-grid .ui-heading-medium {padding-bottom: 20px;}
.module-marketing-logo-grid img{padding: 20px 50px;}

@media (max-width: 992px) {
    .module-marketing-logo-grid img {padding: 16px 24px;}
    .module-marketing-logo-grid {padding: 0 16px 100px;}
}

@media (max-width: 576px) {
    .module-marketing-logo-grid .ui-heading-medium {padding-bottom: 40px;}
}


/* Template: Homepage
------------------------------------------------ */
.module-homepage-immersive {padding-bottom: 100px;}

.module-homepage-product-features > div{padding-bottom: 160px;}

.module-homepage-partnership {padding-bottom: 120px;}
.module-homepage-partnership .ui-heading-medium{padding-bottom: 60px;}

.module-homepage-news {padding: 80px 0 200px; margin-top: -80px; background: #fff; position: relative; border-top: 1px solid var(--color-grey);}
.module-homepage-news .ui-heading-medium {padding-bottom: 20px;}
.module-homepage-news .small-news {padding-bottom: 16px;}
.module-homepage-news .small-news:last-child {padding-bottom: 0;}
.module-homepage-news .small-news img{object-fit: cover; object-position: top; aspect-ratio: var(--ratio-2);}
.module-homepage-news .small-news > a {flex:1; text-decoration: none;}
.module-homepage-news .small-news > a:first-child {padding-right: 12px;}
.module-homepage-news .small-news .ui-text-3 {padding-bottom: 4px;}
.module-homepage-news .large-news {text-decoration: none;}
.module-homepage-news .large-news img {object-fit: contain; object-position: top; aspect-ratio: var(--ratio-2); padding-bottom: 12px;}
.module-homepage-news .large-news .ui-text-3 {padding-bottom: 4px;}
.module-homepage-news .large-news .ui-h5 {padding-bottom: 12px;}

.module-homepage-ecosystem-partners {text-align: center;}
.module-homepage-ecosystem-partners .ecosystem-partner-header {padding-bottom: 65px; margin: 0 auto; max-width: 40%;}
.module-homepage-ecosystem-partners .ecosystem-partner-header .ui-h2 {padding-bottom: 40px}
.module-homepage-ecosystem-partners .ecosystem-partner-header .ui-text-2 {padding-bottom: 20px}

.module-homepage-ecosystem-partners .ecosystem-partner.ratio::before {border: 1px solid var(--color-grey); border-radius: 50%;}

.module-homepage-ecosystem-partners .ecosystem-partner .ecosystem-partner-content {padding: 15% 25% 20%;}
.module-homepage-ecosystem-partners .ecosystem-partner .ecosystem-partner-content .ui-h5 {padding-bottom: 10px;}
.module-homepage-ecosystem-partners .ecosystem-partner .ecosystem-partner-content .partner-logos {padding-top: 50px;}
.module-homepage-ecosystem-partners .ecosystem-partner .ecosystem-partner-content .partner-logos > div:last-child {padding-top: 15px;}
.module-homepage-ecosystem-partners .ecosystem-partner .ecosystem-partner-content .partner-logos img {width: auto;}

@media (min-width:991px){
    .module-homepage-ecosystem-partners .ecosystem-partner {flex: 0 0 auto; width: 40%; left: -10%;}
    .module-homepage-ecosystem-partners .ecosystem-partner:first-child{left: -8%; margin-top: -200px;}
    .module-homepage-ecosystem-partners .ecosystem-partner:nth-child(0n+2){left: -10%;}
    .module-homepage-ecosystem-partners .ecosystem-partner:last-child{left: -12%; margin-top: -200px;}
}

@media (max-width: 992px) {
    .module-homepage-product-features {padding: 0 16px;}
}

@media (max-width: 576px) {
    .module-homepage-immersive {padding-bottom: 80px;}

    .module-homepage-product-features > div{padding-bottom: 120px;}

    .module-homepage-news {padding-bottom: 100px;margin-top: 0;}
    .module-homepage-news .module-marketing-slider {padding-top: 20px;}
    .module-homepage-product-features {padding: 0 16px;}
    .module-homepage-partnership .ui-heading-medium {padding: 0 16px 40px;}
    .module-homepage-ecosystem-partners {padding-bottom: 80px;}
    .module-homepage-ecosystem-partners .ecosystem-partner-header {max-width: none; padding: 0 40px 34px;}
    .module-homepage-ecosystem-partners .ecosystem-partner-header .ui-h2 {padding-bottom: 20px}
}


/* Template: Contact
------------------------------------------------ */
.module-contact-switcher {padding-top: 120px;}
.module-contact-switcher .contact-cards-support {padding-top: 40px; padding-bottom: 80px;}
.module-contact-switcher .contact-card-support {border: 1px solid var(--color-grey-lighter); padding: 16px 16px 16px 20px; height: 200px;}
.module-contact-switcher .contact-card-support .ui-icon-contact-mail {min-width: 39px; margin-left: 20px;}
.module-contact-switcher .contact-card-support .ui-icon-contact-phone {min-width: 35px; margin-left: 20px;}
.module-contact-switcher .contact-card-support .ui-button {margin-bottom: 12px;}

.module-contact-switcher .ui-switcher {margin-bottom: 28px;}
.module-contact-switcher a {text-decoration: none;}

.module-contact-address {position: relative; margin-bottom: 160px;}
.module-contact-address .address-description {position: absolute; bottom: 20px; left: 20px; color: #fff;margin-bottom: 10px;}

@media (max-width: 576px) {
    .module-contact-switcher {padding: 80px 16px 0;}
    .module-contact-switcher .contact-cards-support {padding-bottom: 60px;}
    .module-contact-switcher .contact-card-support {margin-bottom: 12px;}
    .module-contact-address img {aspect-ratio: 2/3; object-fit: cover;}
}


/* Template: Plans
------------------------------------------------ */
.module-plans-switcher {padding-top: 120px;}
.module-plans-switcher .plans-cards {padding-top: 40px; padding-bottom: 60px;}
.module-plans-switcher .plans-card {border: 1px solid #000;}
.module-plans-switcher .plans-card .plans-card-header {padding: 16px; border-bottom: 1px solid #000;}
.module-plans-switcher .plans-card .plans-card-header .plan-title {padding-bottom: 20px;}
.module-plans-switcher .plans-card .plans-card-header .plan-prices {padding-bottom: 20px;}
.module-plans-switcher .plans-card .plans-card-header .plan-prices .price-yearly {padding-bottom: 16px; border-bottom: 1px solid var(--color-grey-light);}
.module-plans-switcher .plans-card .plans-card-header .plan-prices .price-yearly .ui-h3 {padding-right: 8px;}
.module-plans-switcher .plans-card .plans-card-header .plan-prices .ui-text-2 {padding-top: 16px;}
.module-plans-switcher .plans-card .plans-card-header .price-on-request {padding-bottom: 75px;}

.module-plans-switcher .plans-card .plans-card-body .ui-accordion .accordion-collapse.accordion-collapse-first {padding-bottom: 120px;}
.module-plans-switcher .plans-card .plans-card-body .ui-accordion .accordion-button {border-color: #000; padding: 8px 16px; color: #000;}
.module-plans-switcher .plans-card .plans-card-body .ui-accordion .accordion-button:focus {border-color: #000;}
.module-plans-switcher .plans-card .plans-card-body .ui-accordion .accordion-body {padding: 0; max-height: none;}
.module-plans-switcher .plans-card .plans-card-body .ui-accordion .accordion-body ul li {padding: 8px 16px; border-top: 1px solid var(--color-grey-light);}

.module-plans-switcher .plans-card.plans-card-gray {border-color: var(--color-grey-light); background: var(--color-grey-lightest);}
.module-plans-switcher .plans-card.plans-card-gray .plans-card-body .ui-accordion .accordion-button {border-color: var(--color-grey-light);}

.module-plans-switcher .plans-card .plans-card-header .ui-button {width: 100%;}

.module-plans-switcher .ui-switcher {margin-bottom: 28px;}

.module-plans-qa {padding: 100px 0 160px;}
.module-plans-qa .ui-heading-medium {padding-bottom: 60px;}
.module-plans-qa .ui-accordion .accordion-header .accordion-button {color: #000;}
.module-plans-qa .ui-accordion .accordion-header .accordion-button::after {display: none;}
.module-plans-qa .ui-accordion .accordion-header .accordion-button .ui-icon {min-width: 20px;}

@media (max-width: 576px) {
    .module-plans-switcher {padding: 80px 16px 0;}
    .module-plans-switcher .plans-cards {padding-bottom: 0;}
    .module-plans-switcher .plans-card {margin-bottom: 20px;}
    .module-plans-switcher .plans-card .plans-card-header {border-bottom: none;}
    .module-plans-switcher .plans-card .plans-card-body .ui-accordion .accordion-collapse.accordion-collapse-first {padding-bottom: 0;}

    .module-plans-compare-plans {display: none;}
    .module-plans-qa {padding: 100px 16px 120px;}
}


/* Template: Product features
------------------------------------------------ */
.module-features-features {padding-top: 120px;}
.module-features-features .ui-heading-large {padding-bottom: 60px;}

.module-features-infrastructure {padding: 100px 0; background: var(--lnb-color-yellow-light);}
.module-features-infrastructure .ui-heading-medium {padding-bottom: 60px;}
.module-features-infrastructure .ui-composer-trio > div {border-color: rgba(0, 0, 0, 0.1);}

.module-features-integration {padding-top: 100px; padding-bottom: 130px;}
.module-features-integration .ui-heading-medium {padding-bottom: 60px;}

.module-features-network {padding-top: 60px; padding-bottom: 160px;}
.module-features-secondary-features {padding-bottom: 120px;}

.module-features-plans {background: var(--color-grey-lighter); padding-top: 80px;}
.module-features-plans .module-features-plans-body {padding: 60px 70px 40px;}
.module-features-plans .module-features-plans-footer {padding: 28px 70px 60px; border-top: 1px solid var(--color-grey-light);}
.module-features-plans .module-features-plans-footer .ui-text-2 {padding-bottom: 8px;}

.module-features-plans .module-features-plan {padding: 28px 40px 40px;}
.module-features-plans .module-features-plan .ui-h4 {padding-bottom: 20px;}
.module-features-plans .module-features-plan > .ui-text-2 {padding-bottom: 20px;}
.module-features-plans .module-features-plan ul {list-style: none; padding-bottom: 20px;}
.module-features-plans .module-features-plan ul li {padding-bottom: 8px;}
.module-features-plans .module-features-plan .ui-icon {fill: #e6e6e6; margin-right: 8px;}

.module-features-plans .module-features-plan-marketplace {background: #000; color: #fff;}
.module-features-plans .module-features-plan-marketplace .ui-icon {fill: rgba(255, 255, 255, 0.2); stroke: #fff;}
.module-features-plans .module-features-plan-leprive {background: #fff;}

@media (max-width: 576px) {
    .module-features-network {padding-top: 0; padding-bottom: 100px;}

    .module-features-features {padding: 80px 16px 0;}
    .module-features-secondary-features {padding-bottom: 20px;}

    .module-features-infrastructure {padding: 60px 0;}
    .module-features-infrastructure.ui-heading-medium .ui-h3 {padding-bottom: 0;}

    .module-features-plans {padding-top: 60px;}
    .module-features-plans .module-features-plan {padding: 20px;}
    .module-features-plans .module-features-plans-body {padding: 20px 16px;}
    .module-features-plans .module-features-plans-body .row > div:first-child{padding-bottom: 12px;}
    .module-features-plans .module-features-plans-footer {padding: 28px 16px 60px;}
    .module-features-plans .module-features-plans-footer .ui-h6 {padding-bottom: 12px;}
}


/* Template: Feature
------------------------------------------------ */
.module-feature-immersive {padding-bottom: 160px;}

.module-product-feature {padding: 0 16px 160px;}
.module-product-slider {padding-bottom: 120px;}

.module-feature-more-features {padding-top: 40px; padding-bottom: 160px;}
.module-feature-more-features .ui-heading-medium {padding-bottom: 60px;}

.module-feature-integrations-min-max {padding-bottom: 70px;}
.module-feature-integrations-min-max .ui-heading-medium {padding-bottom: 100px;}

@media (max-width: 576px) {
    .module-feature-immersive {padding-bottom: 100px;}
}


/* Template: Register retailer
------------------------------------------------ */
.module-register-retailer-switcher {padding-top: 120px; padding-bottom: 40px;}
.module-register-retailer-switcher .ui-heading-large {padding-bottom: 40px;}

.module-register-retailer-form {padding-bottom: 120px;}
.module-register-retailer-form .retailer-query > div:first-child {width: 75%;}
.module-register-retailer-form .retailer-query > div:last-child {width: 25%; margin-left: 20px;}
.module-register-retailer-form .retailer-query:has(input.error) > div:last-child {margin-bottom: 22px;}

.module-register-retailer-form .ui-checkbox-list {padding-top: 28px; padding-bottom: 60px;}
.module-register-retailer-form .ui-checkbox-list .ui-checkbox {margin-top: 0; display: block;}
.module-register-retailer-form .recaptcha {padding-bottom: 20px;}
.module-register-retailer-form .retailer-suggestions {margin-top: 10px;}

.module-register-retailer-header {padding: 120px 0 80px;}
.module-register-retailer-header .ui-heading-large .ui-h1 {padding-bottom: 20px;}

@media (max-width: 576px) {
    .module-register-retailer-switcher {padding: 120px 16px 40px;}
    .module-register-retailer-switcher .ui-heading-large {padding-bottom: 20px;}
    .module-register-retailer-form {padding: 0 16px 120px;}

    .module-register-retailer-header .ui-heading-large .ui-text-1 {padding: 0 16px;}
    .module-register-retailer-header {padding: 80px 0 60px;}
}


/* Template: Register retailer confirmation
------------------------------------------------ */
.module-register-retailer-confirmation-header {padding-top: 120px;}
.module-register-retailer-confirmation .ui-h5 {padding-top: 60px; padding-bottom: 20px;}
.module-register-retailer-confirmation .ui-body-2 {padding-bottom: 12px;}
.module-register-retailer-confirmation .ui-button {margin-top: 40px;}

@media (max-width: 576px) {
    .module-register-retailer-confirmation {padding: 60px 16px 20px;}
}


/* Template: Register brand
------------------------------------------------ */
.module-register-brand-switcher {padding-top: 120px; padding-bottom: 40px;}
.module-register-brand-switcher .ui-heading-large {padding-bottom: 40px;}

@media (max-width: 576px) {
    .module-register-brand-switcher {padding: 120px 16px 40px;}
    .module-register-brand-switcher .ui-heading-large {padding-bottom: 20px;}
}

/* Template: About company
------------------------------------------------ */
.module-about-company-history {padding-bottom: 120px; padding-top: 20px;}
.module-about-company-history .ui-h1{padding-bottom: 60px;}
.module-about-company-global-network {padding-bottom: 140px;}
.module-about-company-global-network .ui-h1{padding-bottom: 60px;}
.module-about-company-global-network .card-figures {padding-bottom: 60px;}
.module-about-company-principles {padding-bottom: 120px;}
.module-about-company-principles .ui-h1{padding-bottom: 60px;}
.module-about-company-principles .ui-accordion .accordion-button {color: #000;}
.module-about-company-principles .ui-accordion .accordion-button span {margin-right: 28px; white-space: nowrap;}
.module-about-company-team {padding-bottom: 120px;}
.module-about-company-team .ui-h1{padding-bottom: 60px; padding-top: 20px;}
.module-about-company-partners {padding-bottom: 140px;}
.module-about-company-partners .ui-h1{padding-bottom: 60px;}
.module-about-company-partners .ui-block-wysiwyg-paragraph {padding-bottom: 28px;}

@media (max-width: 576px) {
    .module-about-company-history {padding: 20px 16px 120px;}
    .module-about-company-history .ui-h1 {padding-bottom: 40px;}

    .module-about-company-global-network {padding:0 16px 120px;}
    .module-about-company-global-network .ui-h1{padding-bottom: 36px;}

    .module-about-company-global-network .card-figures {padding-bottom: 40px;}
    .module-about-company-principles {padding: 0 16px 120px;}

    .module-about-company-team {padding: 0 16px 120px;}
    .module-about-company-team .ui-h1{padding-bottom: 40px;}

    .module-about-company-partners {padding: 0 16px 120px;}
    .module-about-company-partners .ui-h1{padding-bottom: 40px;}
}


/* Template: About partners
------------------------------------------------ */
.module-partners-type {padding-top: 20px; padding-bottom: 140px;}
.module-partners-type .partners-list {}
.module-partners-type .partners-list + .partners-list {padding-top: 120px;}
.module-partners-type .partners-list .ui-card-partner {padding-top: 40px; }

@media (max-width: 992px) {
    .module-partners-type {padding: 20px 16px 80px;}
}


/* Template: About partner
------------------------------------------------ */
.module-partner-paragraphs {padding-top: 120px; padding-bottom: 140px;}
.module-partner-paragraphs {padding-top: 120px;}
.module-partner-paragraphs p + p {padding-top: 20px;}
.module-partner-paragraphs * + a {margin-top: 20px;}
.module-partner-paragraphs * + img {margin-top: 80px;}
.module-partner-paragraphs h1{padding-top: 80px; padding-bottom: 40px; font-family: var(--font-family-balto); font-size: 41px; font-weight: 400; line-height: var(--line-height-100); letter-spacing: var(--letter-spacing-neg1);}
.module-partner-paragraphs h2{padding-top: 80px; padding-bottom: 40px; font-family: var(--font-family-balto); font-size: 36px; font-weight: 400; line-height: var(--line-height-110); letter-spacing: var(--letter-spacing-neg1);}
.module-partner-paragraphs h2:first-child{padding-top: 0;}
.module-partner-paragraphs h3{padding-top:80px; padding-bottom: 40px; font-family: var(--font-family-balto); font-size: 28px; font-weight: 400; line-height: var(--line-height-110); letter-spacing: var(--letter-spacing-0);}
.module-partner-paragraphs ul {padding-inline-start:40px;}
.module-partner-paragraphs ul li {list-style:square;}

@media (max-width: 1200px) {
    .module-partner-paragraphs h1 {font-size: 51px;}
    .module-partner-paragraphs h2 {font-size: 32px;}
}

@media (max-width: 992px) {
    .module-partner-paragraphs h1 {font-size: 36px;line-height: var(--line-height-110);}
}

@media (max-width: 576px) {
    .module-partner-paragraphs {padding: 140px 16px 100px;}
}


/* Modal: Plan comparison
------------------------------------------------ */
.modal-plan-comparison .modal-body {padding: 0;}
.modal-plan-comparison .modal-body .table-head {padding: 12px 28px; border-bottom: 1px solid var(--color-grey-light);}
.modal-plan-comparison .modal-body .table-head .ui-h5 {padding-bottom: 4px;}
.modal-plan-comparison .modal-body .table-body {padding: 10px 0 40px; margin: 0 28px; }
.modal-plan-comparison .modal-body .group-title {padding: 20px 0; border-bottom: 1px solid var(--color-grey-light);}
.modal-plan-comparison .modal-body .row-option {padding: 8px 0; border-bottom: 1px solid var(--color-grey-light);}
.modal-plan-comparison .modal-body .row-option .ui-icon-check {stroke: #fff;}


/* Template: Article
------------------------------------------------ */
.module-article-content h2{font-size: 1.5em;}
.module-article-content h3{font-size: 1.2em;}
.module-article-content ol,
.module-article-content ul,
.module-article-content li{margin: 1em 0;}


/* Template: Customer stories
------------------------------------------------ */
.module-customer-stories {padding-top: 100px;}
.module-customer-stories .ui-heading-medium {padding-bottom: 48px;}
.module-customer-stories .ui-navigation-tabs {padding-bottom: 20px;}

@media (max-width: 576px) {
    .module-customer-stories {padding: 100px 16px 0;}
}

/* Template: Customer story
------------------------------------------------ */
.module-story-hero-editorial {padding-bottom: 120px;}
.module-story-paragraphs .ui-block-wysiwyg-paragraph {padding-bottom: 120px;}

@media (max-width: 576px) {
    .module-story-paragraphs {padding: 0 16px 120px;}
}


/* Template: Blog
------------------------------------------------ */
.module-blog-hero-article {padding-top: 100px; padding-bottom: 40px;}
.module-blog-hero-article a {text-decoration: none;}
.module-blog-article-listing {padding-bottom: 120px;}
.module-blog-article-listing .ui-navigation-tabs {padding-bottom: 20px;}
.module-blog-article-listing .ui-card-blog {padding-bottom: 60px;}

@media (max-width: 576px) {
    .module-blog-article-listing {padding: 90px 16px 100px;}
}


/* Template: Blog article
------------------------------------------------ */
.module-blog-article-content {padding-top: 20px; padding-bottom: 140px;}
.module-blog-article-content .ui-body-1 {padding-top: 120px;}
.module-blog-article-content .ui-body-1 * + p {margin-top: 20px;}
.module-blog-article-content .ui-body-1 * + a {margin-top: 20px;}
.module-blog-article-content .ui-body-1 * + img {margin-top: 20px;}
.module-blog-article-content .ui-body-1 h1{font-weight:bold;}
.module-blog-article-content .ui-body-1 h2{padding-top:40px;font-weight:bold;}
.module-blog-article-content .ui-body-1 h2:first-child{padding-top: 0;}
.module-blog-article-content .ui-body-1 h3{padding-top:20px; padding-bottom:6px; font-weight:bold;}
.module-blog-article-content .ui-body-1 ul {padding-inline-start:40px;}
.module-blog-article-content .ui-body-1 ul li {list-style:square;}

.module-blog-article-more-posts {padding-bottom: 100px;}
.module-blog-article-more-posts .ui-heading-medium {padding-bottom: 40px;}

@media (max-width: 576px) {
    .module-blog-article-content {padding: 20px 16px 100px;}
    .module-blog-article-content .ui-body-1 {padding-top: 100px;}
    .module-blog-article-more-posts {padding: 0 16px 60px;}
    .module-blog-article-more-posts .ui-card-blog {padding-bottom: 40px;}
}

/* Template: Pressroom
------------------------------------------------ */
.module-pressroom-news {padding-top: 20px;}
.module-pressroom-news .ui-heading-medium {padding-bottom: 60px;}
.module-pressroom-news-listing {padding-bottom: 100px;}
.module-pressroom-news-listing .pressroom-news {padding-top: 16px; padding-bottom: 60px; border-top: 1px solid var(--color-grey-light);}
.module-pressroom-news-listing .pressroom-news .ui-h5 {padding-bottom: 12px;}
.module-pressroom-news-listing .pressroom-news .ui-link {display: inline-block; padding-top: 8px;}

.module-pressroom-releases {padding-top: 20px;}
.module-pressroom-releases .ui-heading-medium {padding-bottom: 60px;}
.module-pressroom-releases-listing {padding-bottom: 100px;}

.module-pressroom-links {padding-bottom: 120px;}

@media (max-width: 576px) {
    .module-pressroom-releases {padding: 20px 15px 0;}
    .module-pressroom-releases .ui-heading-medium {padding-bottom: 40px;}

    .module-pressroom-releases-listing .pressroom-release {padding-top: 12px; padding-bottom: 40px;}
    .module-pressroom-releases-listing .pressroom-release .release-date {padding-bottom: 12px;}

    .module-pressroom-news {padding: 20px 16px 0;}
    .module-pressroom-news .ui-heading-medium {padding-bottom: 40px;}

    .module-pressroom-news-listing .ui-card-external-press {padding-bottom: 12px;}

    .module-pressroom-links {padding: 0 16px 100px;}
    .module-pressroom-links .col-md-12:first-child .ui-card-link {padding-bottom: 16px;}
}

/* Template: Pressroom listing (news, press releases)
------------------------------------------------ */
.module-pressroom-listing {padding-top: 120px;}
.module-pressroom-listing .ui-navigation-tabs {padding-bottom: 20px;}
.module-pressroom-listing .module-pressroom-releases-listing .ui-card-external-press {padding-bottom: 40px;}

@media (max-width: 576px) {
    .module-pressroom-listing {padding: 100px 16px 0;}
}

/* Template: Training
------------------------------------------------ */
.module-training-webinars {padding-top: 20px;}
.module-training-webinars .ui-heading-medium {padding-bottom: 8px;}
.module-training-webinars-listing {padding-top: 40px;}
.module-training-webinars-listing .ui-card-video {padding-bottom: 16px;}

.module-training-tutorials {padding-top: 120px;}
.module-training-tutorials .ui-heading-medium {padding-bottom: 8px;}
.module-training-tutorials-listing {padding-top: 40px;}
.module-training-tutorials-listing .ui-card-video {padding-bottom: 16px;}
.module-training-tutorials-listing .ui-card-video-playlist {margin-bottom: 16px;}

.module-training-next-generation {padding-top: 160px;}
.module-training-next-generation .ui-text-2 {padding-bottom: 8px;}
.module-training-next-generation .ui-h2 {padding-bottom: 20px;}
.module-training-next-generation .ui-body-2 {padding-bottom: 20px;}

.module-training-schools {padding-top: 80px; padding-bottom: 120px;}
.module-training-schools .ui-text-2 {padding-bottom: 12px;}
.module-training-schools .ui-card-partner {padding-bottom: 40px;}

@media (max-width: 576px) {
    .module-training-webinars .ui-heading-medium {padding: 0 16px 12px;}
    .module-training-webinars > .ui-text-2 {padding: 0 16px;}
    .module-training-tutorials .ui-heading-medium {padding: 0 16px 12px;}
    .module-training-tutorials > .ui-text-2 {padding: 0 16px;}
    .module-training-tutorials {padding-top: 100px;}
    .module-training-next-generation {padding: 100px 16px 0;}
    .module-training-next-generation .ui-text-2 {padding-top: 20px;}
    .module-training-schools {padding: 60px 16px 80px;}
}

/* Template: Environment multi-brand
------------------------------------------------ */
.module-environment-multibrand-master-view {padding-bottom: 160px;}

/* Template: Apps*/
.module-apps .module-app {margin-bottom:50px;padding:50px;}
.module-apps .module-app-header {padding-top: 120px;}
.module-apps .module-app .module-title-sep {margin:0 0 1.8em;}
.module-apps .main .module-app {background:#fff;}
.module-apps .main .module-app .item {padding:0;}
.module-apps .main .module-app .item .item-installation-guide {margin-bottom:2em;}
.module-apps .main .module-app .item .item-installation-guide a {text-decoration:underline;}
.module-apps .main .module-app .item .item-installation-guide ul {margin:1em 0 2em 2em;}
.module-apps .main .module-app .item .item-file {line-height:1em;padding:15px 30px 10px;}
.module-apps .main .module-app .item .item-file .bi {margin-right:0.5em;}
.module-apps .main .module-app .item .item-file .item-file-version {display:block;margin-top:0.3em;text-transform:none;font-size:0.7em;}
.module-apps .main .module-app .item .apps-archive {margin-top:2em;}
.module-apps .related .module-app-contact {padding:0;}
.module-apps .related .module-app-contact a {color:#000;}
.module-apps .related .module-app-contact .module-content {color:#999;}
.module-apps .related .module-app-contact .module-content .module-subtitle {margin-bottom:1em;font-size:1em;}
.module-apps .related .module-app-contact .module-content p {margin-bottom:0.6em;}
.module-apps .related .module-app-contact .module-content .vcard .org {display:none;}

@media (max-width:767px) {
    .module-apps .module-app {margin-bottom:30px;padding:40px 20px;}
    .module-apps .main .module-app .item .item-file {padding:0.6em 1em;}
}

/* Template: Quote
------------------------------------------------ */
.MarketingApp.MarketingAppQuoteView .layout-page .layout-content {background: #f4f4f4; padding:120px 0 80px;}
.QuoteView a {text-decoration: none;}
.QuoteView .ui-panel-payment {margin-top: 20px; display:none;}

.QuoteView .QuoteReview-menu {text-align:center;padding:20px 0;background:#f3f3f3;}
.QuoteView .QuoteReview-menu span {text-transform:uppercase;}
.QuoteView .QuoteReview-menu span.QuoteReview-menu--selected {font-weight:600;}
.QuoteView .QuoteReview-menu .bi-chevron-right {font-size:10px;padding:0 15px;}

.QuoteView .Quote {padding-top:60px;padding-bottom:120px;}
.QuoteView .Quote img {width: auto;}
.QuoteView .Quote .Quote-image {padding-bottom:40px;}
.QuoteView .Quote .Quote-dates div span:last-child {float:right;}
.QuoteView .Quote .Quote-dates div span:first-child {text-transform:uppercase;font-weight:bold;}

.QuoteView .Quote .Quote-details-important {text-transform:uppercase;font-weight:600;padding-bottom:10px;}
.QuoteView .Quote .Quote-details tr td:first-child {border:none;border-left:1px solid #ddd;font-weight:bold;}
.QuoteView .Quote .Quote-details tr td:first-child.Quote-details-included-title {font-weight:normal;}
.QuoteView .Quote .Quote-details tr td:nth-child(2) {border:none;}
.QuoteView .Quote .Quote-details tr td:last-child {text-align:right;border:none;border-left:1px solid #ddd;border-right:1px solid #ddd;}
.QuoteView .Quote .Quote-details .Quote-details-header {background:#b2b2b2;line-height:30px;color:#fff;}
.QuoteView .Quote .Quote-details .Quote-details-content {line-height:20px;}
.QuoteView .Quote .Quote-details .Quote-details-content td .Quote-details-content-quota {float:right;}
.QuoteView .Quote .Quote-details .Quote-details-content td .disabled {background:transparent;color:#999;}
.QuoteView .Quote .Quote-details .Quote-details-content td .bi-info-circle-fill {color:#999;cursor:pointer;}
.QuoteView .Quote .Quote-details .Quote-details-content td .bi-info-circle-fill:hover {color:#000;}
.QuoteView .Quote .Quote-details .Quote-details-content:first-child {padding-top:50px;}
.QuoteView .Quote .Quote-details .Quote-details-content:last-child {padding-bottom:40px;}
.QuoteView .Quote .Quote-details .Quote-details-total td {text-align:right;font-weight:bold;border-top:1px solid #ddd !important;border-bottom:1px solid #ddd !important;}
.QuoteView .Quote .Quote-details .Quote-details-price td {text-align:right;}
.QuoteView .Quote .Quote-details .Quote-details-price + .Quote-details-total td {border-top:none !important;}
.QuoteView .Quote .Quote-details .Quote-details-price-total-separator td {border-top:1px solid #ddd !important;}
.QuoteView .Quote .Quote-details .Quote-details-total-tax-excl {padding-top:40px;}
.QuoteView .Quote .Quote-details .Quote-details-tax,
.QuoteView .Quote .Quote-details .Quote-details-total-tax-incl {padding-top:10px;}

.QuoteView .Quote .Quote-billing {border-top:1px solid #b2b2b2;padding-top:20px;margin-top:20px;padding-bottom:60px;}

.QuoteView .Quote .Quote-notice {margin:60px 0 20px;}
.QuoteView .Quote .Quote-notice .Quote-notice-title {font-weight:bold;text-transform:uppercase;}

.QuoteView .QuoteSummary .QuoteSummary-infos {padding-bottom:5px;}
.QuoteView .QuoteSummary .QuoteSummary-infos div {padding:10px 0;}
.QuoteView .QuoteSummary .QuoteSummary-infos div:first-child {text-transform:uppercase;color:#b2b2b2;}
.QuoteView .QuoteSummary .QuoteSummary-infos div:last-child {text-align:right;}

.QuoteView .QuoteSummary .QuoteSummary-buttons {padding-top:30px;text-align:center;}
.QuoteView .QuoteSummary .QuoteSummary-buttons .BtnAcceptQuote {padding:7px 20px;line-height:30px;background:#0064ff;color:#fff;margin-right:30px;border-color:#0064ff;}
.QuoteView .QuoteSummary .QuoteSummary-buttons .BtnAcceptQuote:hover {background:#fff;color:#0064ff;border-color:#0064ff;}
.QuoteView .QuoteSummary .QuoteSummary-buttons .BtnDeclineQuote {border:none;border-bottom:1px solid #0064ff;color:#0064ff;line-height:20px;padding:0;text-transform:none;}
.QuoteView .QuoteSummary .QuoteSummary-buttons .BtnDeclineQuote:hover {border:none;color:#005AE5;background:transparent;}

.QuoteView .Payment .Payment-type {padding-bottom:30px;}
.QuoteView .Payment .Payment-type label {padding-left:10px;padding-right:50px;color:#b2b2b2;}
.QuoteView .Payment .Payment-type input {margin-bottom:3px;}

.QuoteView .Payment .Payment-terms {padding-bottom:30px;}
.QuoteView .Payment .Payment-terms label {padding-left:10px;color:#b2b2b2;}
.QuoteView .Payment .Payment-terms label a {color:#b2b2b2;border-bottom:1px solid #b2b2b2;}
.QuoteView .Payment .Payment-terms label a:hover {color:#1a1a1a;border-color:transparent;}
.QuoteView .Payment .Payment-terms .error {display:none;padding-top:15px;padding-left:20px;color:red;}
.QuoteView .Payment .Payment-terms input {margin-bottom:3px;}

.QuoteView .Payment .Payment-details .Payment-transfer {display:none;}
.QuoteView .Payment .Payment-details .Payment-transfer h3 {text-transform:uppercase;padding-bottom:15px;font-weight:500;}
.QuoteView .Payment .Payment-details .Payment-transfer ol {margin-left:30px;padding-bottom:30px;}
.QuoteView .Payment .Payment-details .Payment-transfer ol li {list-style:decimal;line-height:25px;}
.QuoteView .Payment .Payment-details .Payment-transfer ol li ul li {list-style:none;line-height:25px;color:#b2b2b2;}

.QuoteView .Payment .Payment-details .Payment-check {display:none;}
.QuoteView .Payment .Payment-details .Payment-check h3 {text-transform:uppercase;padding-bottom:15px;font-weight:500;}
.QuoteView .Payment .Payment-details .Payment-check ol {margin-left:30px;padding-bottom:30px;}
.QuoteView .Payment .Payment-details .Payment-check ol li {list-style:decimal;line-height:25px;}
.QuoteView .Payment .Payment-details .Payment-check ol li ul li {list-style:none;line-height:25px;color:#b2b2b2;}
.QuoteView .Payment .Payment-details .Payment-check .Payment-subscription-infos {padding-bottom:30px;}

@media (max-width:1199px) {
    .QuoteView .QuoteSummary .QuoteSummary-infos {margin-bottom:15px;}
    .QuoteView .QuoteSummary .QuoteSummary-infos div {line-height:20px;}
    .QuoteView .QuoteSummary .QuoteSummary-infos div:last-child {text-align:left;}
}

@media (max-width:991px) {
    .QuoteView .QuoteSummary {padding-top:20px;}
}

.LenewblackApp.LenewblackAppQuoteCompleteView .layout-page {background:#fff;}
.LenewblackApp.LenewblackAppQuoteExpiredView .layout-page {background:#fff;}

.QuoteExpired {padding-top:180px;text-align:center;}
.QuoteExpired .QuoteExpired-title {text-transform:uppercase;font-size:27px;padding-bottom:40px;}
.QuoteExpired .QuoteExpired-subtitle {font-size:25px;max-width:450px;margin:0 auto;padding-bottom:100px;}

.LenewblackApp.LenewblackAppQuoteDeclinedView .layout-page {background:#fff;}

.QuoteDeclined {padding-top:220px;text-align:center;}
.QuoteDeclined .QuoteDeclined-subtitle {font-size:25px;max-width:650px;margin:0 auto;padding-bottom:100px;}
.QuoteDeclined .QuoteDeclined-signature img {width: auto;}


/* Template: Stripe payment confirmation
------------------------------------------------ */
.module-stripe-payment-confirmation-header {padding-top: 120px;}
.module-stripe-payment-confirmation-header .lnb-icon-checkmark {width: 70px; fill: #0064ff;}

.module-stripe-payment-confirmation .ui-h5 {padding-top: 60px; padding-bottom: 20px;}
.module-stripe-payment-confirmation .ui-body-2 {padding-bottom: 12px;}
.module-stripe-payment-confirmation .ui-button {margin-top: 40px;}

@media (max-width: 576px) {
    .module-stripe-payment-confirmation {padding: 60px 16px 20px;}
}

/* Component: register-complete
------------------------------------------------ */
.module-register-complete {padding:120px 15px 50px;text-align:center;}
.module-register-complete .SectionHero-title {font-size:43px;text-transform:uppercase;padding-bottom:50px;font-weight:500;}
.module-register-complete .register-complete-content {margin:0 auto;max-width:550px;}
.module-register-complete .register-complete-content p {font-size:17px;line-height:30px;text-align:left;}
.module-register-complete .register-complete-ctas {padding-top:30px;text-align:left;padding-bottom:80px;margin-left:40px;}
.module-register-complete .register-complete-ctas p {display:inline-block;margin-bottom:15px;}
.module-register-complete .register-complete-ctas p a {border-bottom:1px solid #e6e6e6;line-height:17px;margin-left:5px;}
.module-register-complete .register-complete-ctas p .lnb-icon {vertical-align:sub;margin-left:-45px;}
.module-register-complete .lnb-icon-checkmark {width:70px;fill:#0064ff;}
.module-register-complete .register-complete-signature {max-width:550px;}
.module-register-complete .register-complete-signature img {width: auto;}

@media (max-width:767px) {
    .module-register-complete .SectionHero-title {font-size:32px;}
    .module-register-complete .lnb-icon-checkmark {width:40px;height:100px;}
    .module-register-complete .register-complete-content p {font-size:15px;line-height:23px;}
    .module-register-complete .register-complete-ctas .lnb-icon {height:17px;}
}

@media (max-width:577px) {
    .module-register-complete .SectionHero-title {font-size:25px;}
    .module-register-complete .lnb-icon-checkmark {height:60px;}
    .module-register-complete .register-complete-ctas {padding-bottom:40px;}
}


/* Component: Panel
------------------------------------------------ */
.ui-panel{
    border-radius:0 0 20px 20px;box-shadow:var(--lnb1-box-shadow-grey-light);
    background:var(--lnb1-color-grey-light);background:var(--lnb1-gradient-grey-light);
}
.ui-panel .panel-title{background:var(--lnb1-color-grey);border-bottom:1px dotted #ccc;}
.ui-panel .panel-title h3{display:inline-block;padding:20px 40px;font-size:17px;font-weight:500;}
.ui-panel .panel-title a, .ui-panel .panel-title span{float:right;margin:30px 40px 0;}
.ui-panel .panel-title span{color:#b2b2b2;}
.ui-panel .panel-title p{padding-left:40px;padding-bottom:20px;color:#b2b2b2;}

.ui-panel .panel-content{padding:40px;}


/* ======================================================================== */
/* Source: /v2/public/css/apps/marketing/screen.components.css */
/* ======================================================================== */

/* Component: Titles
------------------------------------------------ */
.ui-h1 {font-family: var(--font-family-balto); font-size: 73px; font-weight: 400; line-height: var(--line-height-100); letter-spacing: var(--letter-spacing-neg1);}
.ui-h2 {font-family: var(--font-family-balto); font-size: 51px; font-weight: 400; line-height: var(--line-height-100); letter-spacing: var(--letter-spacing-neg1);}
.ui-h3 {font-family: var(--font-family-balto); font-size: 41px; font-weight: 400; line-height: var(--line-height-100); letter-spacing: var(--letter-spacing-neg1);}
.ui-h4 {font-family: var(--font-family-balto); font-size: 36px; font-weight: 400; line-height: var(--line-height-110); letter-spacing: var(--letter-spacing-neg1);}
.ui-h5 {font-family: var(--font-family-balto); font-size: 28px; font-weight: 400; line-height: var(--line-height-110); letter-spacing: var(--letter-spacing-0);}
.ui-h6 {font-family: var(--font-family-balto); font-size: 20px; font-weight: 400; line-height: var(--line-height-110); letter-spacing: var(--letter-spacing-0);}

.ui-body-1 {font-size: 24px; font-weight: 400; line-height: var(--line-height-140); letter-spacing: var(--letter-spacing-0);}
.ui-body-2 {font-size: 20px; font-weight: 400; line-height: var(--line-height-140); letter-spacing: var(--letter-spacing-0);}

.ui-text-2 {font-size: 16px; font-weight: 400; line-height: var(--line-height-140); letter-spacing: var(--letter-spacing-1);}
.ui-text-3 {font-size: 14px; font-weight: 400; line-height: var(--line-height-140); letter-spacing: var(--letter-spacing-1);}
.ui-text-4 {font-size: 12px; font-weight: 400; line-height: var(--line-height-120); letter-spacing: var(--letter-spacing-1);}

.ui-link-subtitle {text-align: center; margin-top: 20px;}

@media (max-width: 1200px) {
    .ui-h1 {font-size: 51px;}
    .ui-h2 {font-size: 41px;}
    .ui-h3 {font-size: 32px; line-height: var(--line-height-110);}
    .ui-h4 {font-size: 32px;}
}

@media (max-width: 992px) {
    .ui-h1 {font-size: 36px; line-height: var(--line-height-110);}
    .ui-h2 {font-size: 32px; line-height: var(--line-height-110);}
}

/* Components: Tag
------------------------------------------------ */
.ui-marketing-tag {display: inline-block; padding: 4px 8px 2px; border-radius: 4px; white-space: nowrap;}
.ui-marketing-tag-default {background: rgba(0, 0, 0, 0.08);}
.ui-marketing-tag-inverse {background: rgba(255, 255, 255, 0.15); color: #fff;}
.ui-marketing-tag-rounded {background: var(--color-grey-light); border-radius: 50px;}
.ui-marketing-tag-rounded-inverse {border-radius: 50px;}

/* Components: Bullet point
------------------------------------------------ */
.ui-bullet-point {display: inline-block; width: 10px; height: 10px; border-radius: 10px; margin-right: 8px;}
.ui-bullet-point-green {background: var(--color-green);}


/* Components: Backgrounds
------------------------------------------------ */
.ui-bg-black {background: #000;}
.ui-bg-grey-light {background: var(--color-grey-light);}

/* yellow */
.ui-bg-yellow-light {background: var(--color-brand-yellow-light);}
.ui-bg-yellow-dark {background: var(--color-brand-yellow-dark);}

/* orange */
.ui-bg-orange-light {background: var(--color-brand-orange-light);}
.ui-bg-orange-dark {background: var(--color-brand-orange-dark);}

/* red */
.ui-bg-red-light {background: var(--color-brand-red-light);}
.ui-bg-red-dark {background: var(--color-brand-red-dark);}

/* purple */
.ui-bg-purple-light {background: var(--color-brand-purple-light);}
.ui-bg-purple-dark {background: var(--color-brand-purple-dark);}

/* blue */
.ui-bg-blue-light {background: var(--color-brand-blue-light);}
.ui-bg-blue-dark {background: var(--color-brand-blue-dark);}

/* green */
.ui-bg-green-light {background: var(--color-brand-green-light);}
.ui-bg-green-dark {background: var(--color-brand-green-dark);}


/* Components: Input
------------------------------------------------ */
.ui-input-text .text-hint {padding-top: 4px;}

.ui-form .ui-input-text {padding-top: 28px;}
.ui-form .ui-select {padding-top: 28px;}
.ui-form .ui-checkbox {margin-top: 28px;}
.ui-form .ui-textarea {padding-top: 28px;}

.ui-checkbox-group {padding-top: 28px;}
.ui-checkbox-group .ui-checkbox {margin-top: 0;}
.ui-checkbox-group .ui-text-3 {margin-right: 40px;}

@media (max-width: 576px) {
    .ui-checkbox-group .ui-text-3 {display:block; margin-right: 0;}
}


.ui-form {}
.ui-form .ui-form-group {padding-bottom: 60px;}


/* Components: Switcher
------------------------------------------------ */
.ui-switcher {border-radius: 0; padding: 4px;}
.ui-switcher-item.active {border: 1px solid var(--color-grey);}
.ui-switcher-item span {color: #000;}
.ui-switcher-item {border-radius: 0;}


/* Components: Navigation Tabs
------------------------------------------------------------------------------------------------ */
.ui-navigation-tabs {list-style: none; overflow: auto;}
.ui-navigation-tabs li {display: inline-block; padding: 10px 12px 8px; border: 1px solid transparent; cursor: pointer;}
.ui-navigation-tabs li a {text-decoration: none; color: #000; white-space: nowrap;}
.ui-navigation-tabs li.active {border: 1px solid #000;}


/* Components: Block
------------------------------------------------------------------------------------------------ */
/* Component: Block customer quote
------------------------------------------------ */
.ui-block-customer-quote {padding: 20px;}
.ui-block-customer-quote .content {padding-left: 70px;}
.ui-block-customer-quote .content .ui-h4 {position: relative; margin-bottom: 40px;}
.ui-block-customer-quote .content .ui-h4 .title {position: relative; overflow: hidden; display: inline;}
.ui-block-customer-quote .content .ui-h4:before {content: "“"; position: absolute; left: -18px;}
.ui-block-customer-quote .content .ui-h4:after {content: "”"; position: absolute;}
.ui-block-customer-quote .customer-logo {padding: 20px; width: 140px; background: #fff;}
.ui-block-customer-quote .customer-quote {height: 0; width: 100%; visibility: hidden; opacity: 0;}
.ui-block-customer-quote .customer-quote.active {height: auto; display: flex !important; visibility: visible; opacity: 1; transition: 1s;}
.ui-block-customer-quote .customer-quotes {position: relative;}

@media (max-width: 576px) {
    .ui-block-customer-quote .content {padding-left: 0; padding-top: 20px; padding-bottom: 40px;}
    .ui-block-customer-quote .content .ui-h4 {margin-bottom: 20px;}
}


/* Component: Block customer story
------------------------------------------------ */
.ui-block-customer-story {position: relative; padding: 20px; background-repeat: no-repeat;}
.ui-block-customer-story a {text-decoration: none; color: #000;}
.ui-block-customer-story .customer-story-content .content-logo {display: inline-block; padding: 20px; background: #fff;}
.ui-block-customer-story .customer-story-content .content-logo img {width: 200px;}
.ui-block-customer-story .customer-story-content .ui-h1 {padding-left: 240px;}
.ui-block-customer-story.ui-block-customer-story-with-cover .customer-story-content .ui-h1 {color: #fff;}

@media (max-width: 576px) {
    .ui-block-customer-story .customer-story-content .ui-h1 {padding-left: 0; padding-top: 12px;}
}



/* Component: Block Pre-footer
------------------------------------------------ */
.ui-block-pre-footer {}
.ui-block-pre-footer .content-description {padding-left: 20px; padding-right: 80px;}
.ui-block-pre-footer .content-description .ui-h3 {padding-bottom: 28px;}

@media (max-width: 992px) {
    .ui-block-pre-footer .content-description {padding: 40px 16px;}
}


/* Component: Block product slider
------------------------------------------------ */
.ui-block-product-slider {background: var(--color-grey-lightest);}
.ui-block-product-slider .product-slider-content {position:relative; padding: 120px 150px; }
.ui-block-product-slider .product-slider {display: none;}
.ui-block-product-slider .product-slider.active {display: block;}
.ui-block-product-slider .product-slider-subtitle {display: none; padding-top: 20px; text-align: center;}
.ui-block-product-slider .product-slider-subtitle.active {display: block;}
.ui-block-product-slider .product-slider .product-slider-header {padding-bottom: 60px;}
.ui-block-product-slider .product-slider .product-slider-header .ui-h3 {flex: 1; padding-right: 20px;}
.ui-block-product-slider .product-slider .product-slider-header .ui-text-2 {flex: 1;}
.ui-block-product-slider .product-slider .product-slider-body {padding-bottom: 40px;}

.ui-block-product-slider .navigation-buttons {position: absolute; width: calc(100% - 160px); left: 80px; height: 80px; top: 50%; transform: translateY(-50%);}

@media (max-width: 576px) {
    .ui-block-product-slider .product-slider-content {padding: 0;}
    .ui-block-product-slider {padding: 60px 16px 40px;}
    .ui-block-product-slider .product-slider .product-slider-header {padding-bottom: 40px;}
    .ui-block-product-slider .product-slider .product-slider-header .ui-h3 {padding-bottom: 20px;}
    .ui-block-product-slider .navigation-buttons {width: 100%; left: 0; height: 80px;}
    .ui-block-product-slider .ui-switcher {flex-grow: 0;}
}


/* Component: Block product feature
------------------------------------------------ */
.ui-block-product-feature {}
.ui-block-product-feature .content-description .feature-title-reference {padding-bottom: 12px;}
.ui-block-product-feature .content-description .ui-h3 {padding-bottom: 20px;}
.ui-block-product-feature .content-description .feature-subtitle {padding-bottom: 16px;}

@media (max-width: 576px) {
    .ui-block-product-feature {}
    .ui-block-product-feature .content-description .feature-title-reference {padding-bottom: 8px;}
    .ui-block-product-feature .content-description .feature-subtitle {padding-bottom: 8px;}
    .ui-block-product-feature .content-description .buttons-listing {padding-bottom: 40px;}
}


/* Component: Block product multi-feature
------------------------------------------------ */
.ui-block-product-multi-feature .ui-h3 {padding-bottom: 40px;}
.ui-block-product-multi-feature .content-description .features-listing .feature {padding: 16px 0; border-bottom: 1px solid var(--color-grey-light);}
.ui-block-product-multi-feature .content-description .features-listing .feature:hover {cursor: pointer; background: var(--color-grey-lightest);}
.ui-block-product-multi-feature .content-description .features-listing .feature.active:hover {background: transparent;}
.ui-block-product-multi-feature .content-description .features-listing .feature:last-child{padding-bottom: 0; border-bottom: none;}
.ui-block-product-multi-feature .content-description .features-listing .feature .ui-text-2 {color: var(--color-grey-darker);}
.ui-block-product-multi-feature .content-description .features-listing .feature.active .ui-text-2 {border-left: 4px solid #000; padding-left: 12px; color: #000;}
.ui-block-product-multi-feature .content-description .buttons-listing {padding-top: 40px;}
.ui-block-product-multi-feature .content-image {display: none;}
.ui-block-product-multi-feature .content-image.active {display: block;}
.ui-block-product-multi-feature .content-image img {aspect-ratio: var(--ratio-4);}

@media (max-width: 576px) {
    .ui-block-product-multi-feature .content-image {padding-bottom: 40px;}
}

/* Component: Block wysiwyg paragraph
------------------------------------------------ */
.ui-block-wysiwyg-paragraph {}
.ui-block-wysiwyg-paragraph .ui-text-1 {padding-bottom: 12px;}
.ui-block-wysiwyg-paragraph .ui-h3 {padding-bottom: 40px;}


/* Components: Card
------------------------------------------------------------------------------------------------ */
/* Component: Card soft feature
------------------------------------------------ */
.ui-card-soft-feature {text-align: center;}
.ui-card-soft-feature img{aspect-ratio: var(--ratio-2); width: 50px; height: 45px}
.ui-card-soft-feature .ui-h5{padding-top: 20px;}
.ui-card-soft-feature .ui-text-2{padding-top: 20px;}

@media (max-width: 576px) {
    .ui-composer-trio > div.ui-card-soft-feature {padding-bottom: 28px; margin-bottom: 28px; border-bottom: 1px solid var(--color-grey-light);}
    .ui-composer-trio > div.ui-card-soft-feature:last-child {padding-bottom: 0; margin-bottom: 0; border-bottom: none;}
    .ui-card-soft-feature .soft-feature-content {padding: 0 16px;}
}

/* Component: Card secondary feature
------------------------------------------------ */
.ui-card-secondary-feature img{aspect-ratio: var(--ratio-4);}
.ui-card-secondary-feature .content-description {padding-top: 20px;}
.ui-card-secondary-feature .feature-title-reference{padding-bottom: 12px;}
.ui-card-secondary-feature .ui-h4{padding-bottom: 20px;}
.ui-card-secondary-feature .ui-text-2{padding-bottom: 16px;}

@media (max-width: 576px) {
    .ui-card-secondary-feature {padding-bottom: 80px;}
    .ui-card-secondary-feature .ui-text-2{padding-bottom: 12px;}
    .ui-composer-trio > div.ui-card-secondary-feature {padding-bottom: 28px; margin-bottom: 28px; border-bottom: 1px solid var(--color-grey-light);}
    .ui-composer-trio > div.ui-card-secondary-feature:last-child {padding-bottom: 0; margin-bottom: 0; border-bottom: none;}
}


/* Component: Card figure
------------------------------------------------ */
.ui-card-figure {text-align: center;}
.ui-card-figure .ui-text-1{padding-bottom: 28px;}
.ui-card-figure .ui-h1{padding-bottom: 8px;}
.ui-card-figure .ui-h5{}

@media (max-width: 576px) {
    .ui-composer-trio > div.ui-card-figure {padding-bottom: 28px; margin-bottom: 28px; border-bottom: 1px solid var(--color-grey-light);}
    .ui-composer-trio > div.ui-card-figure:last-child {padding-bottom: 0; margin-bottom: 0; border-bottom: none;}
}


/* Component: Card figure customer
------------------------------------------------ */
.ui-card-figure-customer {padding: 12px 16px; background: var(--color-grey-lightest);}
.ui-card-figure-customer .ui-h1{padding-bottom: 40px;}
.ui-card-figure-customer + .ui-card-figure-customer {margin-left: 12px;}

@media (max-width: 576px) {
    .ui-card-figure-customer + .ui-card-figure-customer {margin-left: 0; margin-top: 14px;}
}


/* Component: Card blog
------------------------------------------------ */
.ui-card-blog a {aspect-ratio: var(--ratio-2); overflow:hidden; text-decoration: none;}
.ui-card-blog .image-container-magnify-hover {aspect-ratio: var(--ratio-2);}
.ui-card-blog .image-container-magnify-hover img {aspect-ratio: var(--ratio-2); object-fit: cover;}
.ui-card-blog .ui-text-3 {padding-top: 12px; padding-bottom: 4px;}


/* Component: Card related feature
------------------------------------------------ */
.ui-card-related-feature {text-align: center;}
.ui-card-related-feature .ui-body-2 {padding-bottom: 8px;}
.ui-card-related-feature .ui-h3 {padding-bottom: 28px;}

@media (max-width: 576px) {
    .ui-composer-trio > div.ui-card-related-feature {padding-bottom: 28px; border-bottom: 1px solid var(--color-grey-light); margin-bottom: 28px;}
    .ui-composer-trio > div.ui-card-related-feature:last-child {padding-bottom: 0; margin-bottom: 0; border-bottom: none;}
}


/* Component: Card secondary feature
------------------------------------------------ */
.ui-card-secondary-feature {text-align: center;}
.ui-card-secondary-feature .ui-h5 {padding-bottom: 8px;}


/* Component: Card external press
------------------------------------------------ */
.ui-card-external-press a {text-decoration: none;}
.ui-card-external-press .external-press-image {padding: 20px 80px; border: 1px solid var(--color-grey-light);}
.ui-card-external-press .external-press-image img {aspect-ratio: var(--ratio-1); object-fit: scale-down;}
.ui-card-external-press .external-press-title {padding-top: 12px; text-transform: uppercase; color: #000;}
.ui-card-external-press .ui-text-2 {padding-top: 4px;}
.ui-card-external-press .ui-text-3 {padding-top: 4px;}

@media (max-width: 992px) {
    .ui-card-external-press .external-press-image {padding: 10px 40px;}
}


/* Component: Card link
------------------------------------------------ */
.ui-card-link .card-link-content {padding: 16px 20px 20px; background: var(--color-grey-lightest); }
.ui-card-link .card-link-content .ui-h3 {padding-bottom: 14px;}
.ui-card-link .card-link-content .ui-text-1 {padding-bottom: 100px;}


/* Component: Card video
------------------------------------------------ */
.ui-card-video {}
.ui-card-video a {text-decoration: none;}
.ui-card-video .content-image {position: relative; aspect-ratio: var(--ratio-2); background: var(--color-grey-lighter);}
.ui-card-video .content-image img {aspect-ratio: var(--ratio-2);}
.ui-card-video .content-image .icon-play {position: absolute; bottom: 20px; right: 20px; padding: 12px; background: #fff;}
.ui-card-video .ui-h5 {padding-top: 12px;}


/* Component: Card video playlist
------------------------------------------------ */
.ui-card-video-playlist {height: 250px; background: var(--color-brand-yellow-light);}
.ui-card-video-playlist a {text-decoration: none;}
.ui-card-video-playlist .content-playlist {padding: 20px;}
.ui-card-video-playlist .content-playlist .icon-play {padding: 12px; background: #fff;}
.ui-card-video-playlist .content-playlist .ui-h5 {padding-top: 12px; overflow: hidden;}


/* Component: Card partner
------------------------------------------------ */
.ui-card-partner .partner-logo {height: 100px; padding: 20px 40px; border: 1px solid var(--color-grey-light);}
.ui-card-partner .partner-logo img {width: auto;}
.ui-card-partner .ui-text-2 {padding-top: 12px;}
.ui-card-partner a {text-decoration: none;}

@media (max-width: 576px) {
    .ui-card-partner .partner-logo {margin-top: 20px;}
}


/* Components: Composer
------------------------------------------------------------------------------------------------ */
/* Component: Composer trio
------------------------------------------------ */
.ui-composer-trio {padding: 0 32px;}
.ui-composer-trio > div {flex:1; padding: 0 40px; border-right: 1px solid var(--color-grey-light);}
.ui-composer-trio > div:last-child {border-right: none;}
.ui-composer-trio + .ui-composer-trio {padding-top: 80px;}

@media (max-width: 576px) {
    .ui-composer-trio > div {border: none; flex: none;}
    .ui-composer-trio.ui-carousel {padding-bottom: 30px;}
    .ui-composer-trio.ui-carousel > div {padding: 0; flex: 1;}
}


/* Components: Heading
------------------------------------------------------------------------------------------------ */
/* Component: Heading medium
------------------------------------------------ */
.ui-heading-medium {}
.ui-heading-medium .ui-text-2{padding-top: 8px;}

@media (max-width: 576px) {
    .ui-heading-medium .ui-text-2{padding-top: 8px; display: block;}
}


/* Component: Heading large
------------------------------------------------ */
.ui-heading-large {}
.ui-heading-large .ui-h1{padding-bottom: 40px;}

@media (max-width: 576px) {
    .ui-heading-large .ui-h1{padding: 0 16px 20px;}
}


/* Components: Hero
------------------------------------------------------------------------------------------------ */
/* Component: Hero immersive
------------------------------------------------ */
.ui-hero-immersive {color: #fff;}
.ui-hero-immersive .content{position: relative;}
.ui-hero-immersive .content-image {width: 100%; background: #000;}
.ui-hero-immersive .content-image img {opacity: 0.9; width: 100%;}
.ui-hero-immersive .content-hero {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.ui-hero-immersive .content-description {position: relative; height: 100%; padding-top: 60px;}
.ui-hero-immersive .content-description .ui-text-3 {padding-bottom: 8px;}
.ui-hero-immersive .content-description .ui-h1 {padding-bottom: 20px;}
.ui-hero-immersive .content-description .ui-text-1 {padding-bottom: 20px;}

@media (max-width: 1200px) {
    .ui-hero-immersive .content-hero {left: 0; transform: translate(0,-50%); width: 50%;}
}

@media (max-width: 992px) {
    .ui-hero-immersive .content-hero {padding: 0 16px;}
}

@media (max-width: 768px) {
    .ui-hero-immersive .content-image img {aspect-ratio: 4/5; object-fit: cover;}
}

@media (max-width: 576px) {
    .ui-hero-immersive .content-description {padding-top: 0;}
    .ui-hero-immersive .content-hero {width: 100%; padding: 0 16px; transform: none; top: 80px;}
}


/* Component: Hero immersive with product
------------------------------------------------ */
.ui-hero-immersive-with-product {padding-top: 90px;}
.ui-hero-immersive-with-product .content-description {padding-right: 20px; padding-bottom: 20px;}
.ui-hero-immersive-with-product .content-description .ui-text-3 {padding-bottom: 8px;}
.ui-hero-immersive-with-product .content-description .ui-h1 {padding-bottom: 20px;}
.ui-hero-immersive-with-product .content-description .ui-text-1 {padding-bottom: 20px;}

@media (max-width: 576px) {
    .ui-hero-immersive-with-product {padding: 80px 16px 0;}
    .ui-hero-immersive-with-product .content-description {padding-right: 0; padding-bottom: 40px;}
}

/* Component: Hero standard
------------------------------------------------ */
.ui-hero-standard {padding-top: 100px; padding-bottom: 20px;}
.ui-hero-standard .subheading {opacity: 0.55;}
.ui-hero-standard .content-image img {object-fit: cover; aspect-ratio: var(--ratio-2);}

@media (max-width: 992px) {
    .ui-hero-standard .content-image img {margin-top: 20px;}
    .ui-hero-standard {padding: 80px 16px 20px;}
}

@media (max-width: 576px) {

}


/* Component: Hero editorial image
------------------------------------------------ */
.ui-hero-editorial-image {padding-top: 100px; padding-bottom: 20px; background-repeat: no-repeat; background-size: cover;}
.ui-hero-editorial-image .ui-icon-editorial {height: 280px; width: auto; aspect-ratio: 1/1;}
.ui-hero-editorial-image .editorial-logo {padding: 32px; background: #fff; height: 280px; width: auto; aspect-ratio: 1/1; margin-right: 280px;}
.ui-hero-editorial-image .editorial-logo img {width: auto;}
.ui-hero-editorial-image.ui-hero-editorial-image-with-cover .ui-h2 {color: #fff;}

.ui-bg-yellow-dark .ui-icon-editorial {fill: var(--color-brand-yellow-light);}
.ui-bg-orange-dark .ui-icon-editorial {fill: var(--color-brand-orange-light);}
.ui-bg-red-dark .ui-icon-editorial {fill: var(--color-brand-red-light);}
.ui-bg-purple-dark .ui-icon-editorial {fill: var(--color-brand-purple-light);}
.ui-bg-blue-dark .ui-icon-editorial {fill: var(--color-brand-blue-light);}
.ui-bg-green-dark .ui-icon-editorial {fill: var(--color-brand-green-light);}

@media (max-width: 576px) {
    .ui-hero-editorial-image {padding: 80px 16px 20px;}
    .ui-hero-editorial-image .ui-h2 {padding-top: 16px;}
    .ui-hero-editorial-image .ui-icon-editorial {width: 50%; height: auto;}
    .ui-hero-editorial-image .editorial-logo {width: 50%; height: auto;}
}

.ui-hero-editorial-standard {padding-top: 80px; overflow: hidden;}
.ui-hero-editorial-standard .ui-icon-editorial {height: 280px; width: auto; aspect-ratio: 1/1;}
.ui-hero-editorial-standard .container {position: relative;}
.ui-hero-editorial-standard .editorial-image {margin-right: 280px;}
.ui-hero-editorial-standard .editorial-image img {aspect-ratio: var(--ratio-3); max-height: 440px; object-fit: cover}
.ui-hero-editorial-standard .ui-h2 {position: absolute; top: 0; left: 0; width: 50%;}

@media (max-width: 576px) {
    .ui-hero-editorial-standard {padding: 80px 16px 0;}
    .ui-hero-editorial-standard .ui-icon-editorial {width: 30%; height: auto;}
    .ui-hero-editorial-standard .editorial-image {width: 70%; height: auto;}
    .ui-hero-editorial-standard .editorial-image img {aspect-ratio: auto;}
    .ui-hero-editorial-standard .ui-h2 {position: relative; width: 100%; padding-top: 12px; padding-bottom: 16px;}
}

.ui-hero-editorial-article {padding-top: 80px; overflow: hidden;}
.ui-hero-editorial-article .ui-icon-editorial {height: 280px; width: auto; aspect-ratio: 1/1;}

@media (max-width: 576px) {
    .ui-hero-editorial-article {padding: 80px 16px 0;}
    .ui-hero-editorial-article .ui-icon-editorial {width: 30%; height: auto;}
}

/* Component: Carousel
------------------------------------------------ */
.ui-carousel {display: block; padding: 0; margin: 0;}
.ui-carousel .flickity-prev-next-button {top: auto; bottom: -45px; width: 40px;}
.ui-carousel .flickity-prev-next-button.previous:disabled {display: block;}
.ui-carousel .flickity-prev-next-button.next:disabled {display: block;}
.ui-carousel .flickity-prev-next-button:disabled svg {fill: #ddd;}
.ui-carousel .flickity-prev-next-button.next {right: 20px; box-shadow: none; border: none;}
.ui-carousel .flickity-prev-next-button.previous {left: 20px; box-shadow: none; border: none;}
.ui-carousel .flickity-page-dots {position: absolute; width: 100%; bottom: -25px; padding: 0; margin: 0; list-style: none; text-align: center; line-height: 1;}
.ui-carousel .flickity-page-dots .dot {display: inline-block; width: 10px; height: 10px; margin: 0 8px; background: #333; border-radius: 50%; opacity: 0.25; cursor: pointer;}
.ui-carousel .flickity-page-dots .dot.is-selected {opacity: 1;}