/* ******************************************* */
/* CMS LANDING PAGE */
/* ******************************************* */
.cms-page.landing br {
    height: 0;
    display: block;
    line-height: 22px;
    margin: 0 0;
    content: " ";
}

.cms-page.landing {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    scroll-behavior: smooth;
    overflow-y: auto;
    height: 100vh;
}

.cms-page.landing .block-body {
    position: relative;
    margin-top: 0;
    margin-left: 0;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 50px;
}

.cms-page.landing .block-body .cms-media {
    width: 100%;
}

.cms-page.welcome.landing video.cms-media {
    border-radius: 5px;
}

.cms-page.welcome.landing .block-body.solution-bottom .video,
.cms-page.welcome.landing .block-body.for-developers .video,
.cms-page.welcome.landing .block-body.for-investors .video {
    margin-top: 21px;
    width: 100%;
}

/* FOR INVESTORS / FOR DEVELOPERS */
.cms-page.landing .block-body.for-investors, .cms-page.landing .block-body.for-developers {
    background-color: #007A7C;
    color: #FFF;
}

.cms-page.landing .block-body.for-investors .container,
.cms-page.landing .block-body.for-developers .container {
    padding-top: 60px;
}

.cms-page.landing.welcome .block-body.solution-bottom h2 {
    font-size: 36px;
    line-height: 60px;
    color: black;
}

.cms-page.landing .block-body.for-investors h2,
.cms-page.landing .block-body.for-developers h2 {
    font-size: 36px;
    line-height: 60px;
    color: #fff;
}

/* SPLASH */
.cms-page.landing .block-body.splash {
    color: white;
}

.cms-page.landing .block-body.splash h1 {
    hyphens: auto;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 133px;
    color: white;
    font-family: "Zilla Slab", serif;
    font-size: 42px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    margin-bottom: 32px;
    width: 100%;
}

.cms-page.landing .block-body.splash .title-section {
    display: flex;
    flex-wrap: wrap;
}

.cms-page.landing .block-body.splash .subtitle-section {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 54px;
    align-items: start;
}

.cms-page.landing .block-body.splash .subtitle-cta-beige {
    margin-left: 20px;
    height: 44px;
    width: 188px;
}

.cms-page.landing .block-body.splash .subtitle {
    color: #FFF;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    padding-left: 24px;
    padding-right: 24px;
    margin-bottom: 32px;
    width: 100%;
}

.cms-page.landing .block-body.splash .purple-box {
    width: 100%;
    height: 156px;
    cursor: pointer;
    display: flex;
}

.cms-page.landing .block-body.splash .purple-box .purple-left {
    width: calc(100% - 130px);
    padding: 26px;
    margin-left: 23px;
    display: flex;
    flex-direction: column;
    background-color: #9c71d5;
    border-top-left-radius: 19.91px;
    border-bottom-left-radius: 19.91px;
}

.cms-page.landing .block-body.splash .purple-box .purple-right {
    border-top-right-radius: 19.91px;
    background: url(/img/landing/purple-flower.png) bottom right no-repeat;
    width: 83px;
}

.cms-page.landing .block-body.splash .purple-box .learn-more {
    width: 100%;
    height: 50%;
    color: #FFF;
    font-family: Inter, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.96px;
    text-transform: uppercase;
}

.cms-page.landing .block-body.splash .purple-box .project-find {
    width: 100%;
    height: 50%;
    color: #FFF;
    font-family: Inter, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
}

.cms-page.landing .block-body.splash .partners p {
    display: none;
}

/*
.cms-page.landing .block-body.splash .partners .parners-icons {
    width: 100%;
    height: 52px;
    display: inline-block;
    background-color: red;
    background: url(/img/landing/landing-partners.png) center center no-repeat;
}
*/

/* DEV MISSION, INV SOLUTION */
.cms-page.landing.developers .block-body.mission,
.cms-page.landing.welcome .block-body.solution,
.cms-page.landing.investors .block-body.solution {
    display: flex;
    flex-wrap: wrap;
    background-color: #F9EEE4;
    min-height: unset;
}

.cms-page.landing.developers .block-body.mission .block-images,
.cms-page.landing.welcome .block-body.solution .block-images,
.cms-page.landing.investors .block-body.solution .block-images {
    width: 100%;
}
.cms-page.landing.developers .block-body.mission .block-images .cms-media,
.cms-page.landing.welcome .block-body.solution .block-images .cms-media,
.cms-page.landing.investors .block-body.solution .block-images .cms-media {
    position: relative;
    top: 0;
    mask-image: url(/img/masks/leaf-mask.png);
    mask-size: 100%;
    mask-repeat: no-repeat;
    background-size: cover;
    -webkit-mask-position-x: 0;
    -webkit-mask-position-y: 100%;
}

.cms-page.landing.developers .block-body.mission .container,
.cms-page.landing.welcome .block-body.solution .container,
.cms-page.landing.investors .block-body.solution .container {
    width: 100%;
    padding-left: 24px;
    padding-right: 24px;
}

.cms-page.landing .subtitle-tag-purple {
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 10px;
    letter-spacing: 1.12px;
    text-transform: uppercase;
    display: inline-block;
    color: white;
    padding: 8px;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    background: #9C71D5;
    margin-bottom: 16px;
}

.cms-page.landing .subtitle-tag-black {
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 10px;
    letter-spacing: 1.12px;
    text-transform: uppercase;
    display: inline-block;
    color: white;
    padding: 8px;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    background: black;
    margin-bottom: 16px;
}

.cms-page.landing.developers .block-body.mission .subtitle-heading,
.cms-page.landing.welcome .block-body.solution .subtitle-heading,
.cms-page.landing.investors .block-body.solution .subtitle-heading {
    color: #000;
    font-family: "Zilla Slab", serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    margin-bottom: 24px;
}

.cms-page.landing.developers .block-body.mission .subtitle,
.cms-page.landing.welcome .block-body.solution .subtitle,
.cms-page.landing.investors .block-body.solution .subtitle {
    color: #000;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}

.cms-page.landing.developers .block-body.mission .subtitle p,
.cms-page.landing.welcome .block-body.solution .subtitle p,
.cms-page.landing.investors .block-body.solution .subtitle p {
    margin-bottom: 24px;
}

/* TESTIMONIALS */
.cms-page.landing .block-body.partner .testimonial .cms-media {
    width: 72px;
    height: 72px;
    border-radius: 16px 0px 16px 16px;
}

/* FACTS */
.cms-page.landing .block-body.fact, .cms-page.landing .block-body.fact-2 {
    background-color: #007A7C;
    padding-top: 40px;
    padding-left: 24px;
    padding-right: 24px;
}

.cms-page.landing .block-body.fact .subtitle-list ul, .cms-page.landing .block-body.fact-2 .subtitle-list ul {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    padding: 0;
}
.cms-page.landing.welcome .block-body.fact p {
    margin-bottom: 10px;
}

.cms-page.landing .block-body.fact .subtitle-list ul li.facts, .cms-page.landing .block-body.fact-2 .subtitle-list ul li.facts {
    margin-bottom: 19px;
    border-radius: 24px 24px 0px 24px;
    background-color: #FEFBF5;
    opacity: 0;
}
.cms-page.landing .block-body.fact.animate .subtitle-list ul li.facts:nth-of-type(1) {
    animation: three-columns 0.5s forwards ease-in-out;
    animation-delay: 0s;
}
.cms-page.landing .block-body.fact.animate .subtitle-list ul li.facts:nth-of-type(2) {
    animation: three-columns 0.5s forwards ease-in-out;
    animation-delay: 0.5s;
}
.cms-page.landing .block-body.fact.animate .subtitle-list ul li.facts:nth-of-type(3) {
    animation: three-columns 0.5s forwards ease-in-out;
    animation-delay: 1s;
}


.cms-page.landing .block-body.fact .subtitle-list ul li.facts .cms-media, .cms-page.landing .block-body.fact-2 .subtitle-list ul li.facts .cms-media {
    border-radius: 24px 24px 0px 0px;
}

.cms-page.landing .block-body.fact .subtitle-list ul li.facts .facts-title, .cms-page.landing .block-body.fact-2 .subtitle-list ul li.facts .facts-title {
    margin-top: 24px;
    padding-left: 24px;
    color: #000;
    font-family: Inter, sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

.cms-page.landing .block-body.fact .subtitle-list ul li.facts .facts-message, .cms-page.landing .block-body.fact-2 .subtitle-list ul li.facts .facts-message {
    padding: 24px;
}

.cms-page.landing .block-body.fact .subtitle-heading, .cms-page.landing .block-body.fact-2 .subtitle-heading {
    color: #FFF;
    font-family: Inter, sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    margin-bottom: 24px;
}

.cms-page.landing .block-body.fact .subtitle, .cms-page.landing .block-body.fact-2 .subtitle {
    color: #FFF;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    margin-bottom: 48px;
}

.cms-page.landing .block-body.fact .subtitle-sub-heading, .cms-page.landing .block-body.fact-2 .subtitle-sub-heading {
    color: #FFF;
    font-family: Inter, sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    margin-bottom: 32px;
}

.cms-page.landing .block-body.fact .subtitle-list.facts-insights ul, .cms-page.landing .block-body.fact-2 .subtitle-list.facts-insights ul {
    margin-top: 40px;
    margin-bottom: 40px;
    justify-content: space-between;
}

.cms-page.landing .block-body.fact .subtitle-list.facts-insights li, .cms-page.landing .block-body.fact-2 .subtitle-list.facts-insights li {
    width: 100%;
    margin-bottom: 38px;
    color: white;
    color: #FFF;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}

.cms-page.landing .block-body.fact-2 .subtitle-list.facts-insights li {
    opacity: 0;
}
.cms-page.landing .block-body.fact-2.animate .subtitle-list.facts-insights li:nth-of-type(1) {
    animation: three-columns 0.5s forwards ease-in-out;
    animation-delay: 0;
}
.cms-page.landing .block-body.fact-2.animate .subtitle-list.facts-insights li:nth-of-type(2) {
    animation: three-columns 0.5s forwards ease-in-out;
    animation-delay: 0.5s;
}
.cms-page.landing .block-body.fact-2.animate .subtitle-list.facts-insights li:nth-of-type(3) {
    animation: three-columns 0.5s forwards ease-in-out;
    animation-delay: 1s;
}

.cms-page.landing .block-body.fact-2 .subtitle-list.facts-insights .insights-1 {
    background: url(/img/clover-small-1.svg) top left no-repeat;
}

.cms-page.landing .block-body.fact-2 .subtitle-list.facts-insights .insights-2 {
    background: url(/img/clover-small-2.svg) top left no-repeat;
}

.cms-page.landing .block-body.fact-2 .subtitle-list.facts-insights .insights-3 {
    background: url(/img/clover-small-3.svg) top left no-repeat;
}

.cms-page.landing .block-body.fact .subtitle-list.facts-insights li .insights-title, .cms-page.landing .block-body.fact-2 .subtitle-list.facts-insights li .insights-title {
    font-size: 18px;
    margin-bottom: 24px;
    font-weight: 700;
    padding-left: 66px;
}

.cms-page.landing .block-body.fact .subtitle-list.facts-insights li .insights-message, .cms-page.landing .block-body.fact-2 .subtitle-list.facts-insights li .insights-message {
    padding-left: 66px;
}

/* WHY */
.cms-page.developers.landing .block-body.why {
    padding-top: 32px;
    padding-bottom: 57px;
    padding-left: 24px;
    padding-right: 24px;
    background-color: #F9EEE4;
}

.cms-page.investors.landing .block-body.why {
    padding-top: 80px;
    padding-bottom: 32px;
    padding-left: 24px;
    padding-right: 24px;
    background-color: #F9EEE4;
}

.cms-page.landing .block-body.why .cms-media {
    width: 100%;
    height: 200px;
    object-fit: cover;
    object-position: 0px 20%;
}

.cms-page.landing .block-body.why .container {
    display: flex;
    flex-wrap: wrap;
    align-content: start;
}

.cms-page.landing .block-body.why .why-left {
    width: 100%;
    margin-bottom: 24px;
}

.cms-page.landing .block-body.why .why-right {
    width: 100%;
}
.cms-page.landing .block-body.why .why-right .subtitle-section {
    height: calc(100% - 44px);
}

.cms-page.landing .block-body.why .block-images {
    width: 100%;
    margin-bottom: 32px;
}

.cms-page.landing .block-body.why .subtitle-heading {
    color: #000;
    font-family: "Zilla Slab", serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    margin-bottom: 24px;
}

.cms-page.landing .block-body.why .subtitle-features {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.cms-page.landing .block-body.why .subtitle-features .message-box-purple {
    border-radius: 24px 24px 0px 24px;
    background: #9C71D5;
    margin-bottom: 16px;
    padding: 24px;
    opacity: 0;
}

.cms-page.landing .block-body.why .subtitle-features .message-box-green {
    border-radius: 24px 24px 0px 24px;
    background: var(--Secondary-Lilac, #38C5B4);
    margin-bottom: 16px;
    padding: 24px;
    opacity: 0;
}

.cms-page.landing .block-body.why .subtitle-features .message-box-darkgreen {
    border-radius: 24px 24px 0px 24px;
    background: var(--Secondary-Lilac, #1C4F50);
    margin-bottom: 16px;
    padding: 24px;
    opacity: 0;
}

.cms-page.landing .block-body.why .subtitle-features .message-box-blue {
    border-radius: 24px 24px 0px 24px;
    background: var(--Secondary-Lilac, #0961A8);
    margin-bottom: 16px;
    padding: 24px;
    opacity: 0;
}

.cms-page.landing .block-body.why.animate .subtitle-features .message-box-purple {
    animation: four-cards-mobile 0.5s forwards ease-in-out;
    animation-delay: 0s;
}
.cms-page.landing .block-body.why.animate .subtitle-features .message-box-green {
    animation: four-cards-mobile 0.5s forwards ease-in-out;
    animation-delay: 0.5s;
}
.cms-page.landing .block-body.why.animate .subtitle-features .message-box-darkgreen {
    animation: four-cards-mobile 0.5s forwards ease-in-out;
    animation-delay: 1.0s;
}
.cms-page.landing .block-body.why.animate .subtitle-features .message-box-blue {
    animation: four-cards-mobile 0.5s forwards ease-in-out;
    animation-delay: 1.5s;
}

.cms-page.landing .block-body.why .subtitle-features .tick-icon,
.cms-page.landing .block-body.why .subtitle-features .crown-icon,
.cms-page.landing .block-body.why .subtitle-features .people-icon,
.cms-page.landing .block-body.why .subtitle-features .list-icon {
    width: 32px;
    height: 32px;
    margin-bottom: 20px;
}

.cms-page.landing .block-body.why .subtitle-features .tick-icon {
    background: url(/img/landing/landing-tick-icon.svg) left center no-repeat;
}

.cms-page.landing .block-body.why .subtitle-features .crown-icon {
    background: url(/img/landing/landing-crown-icon.svg) left center no-repeat;
}

.cms-page.landing .block-body.why .subtitle-features .people-icon {
    background: url(/img/landing/landing-people-icon.svg) left center no-repeat;
}

.cms-page.landing .block-body.why .subtitle-features .list-icon {
    background: url(/img/landing/landing-list-icon.svg) left center no-repeat;
}

.cms-page.landing .block-body.why .subtitle-features .message-title {
    display: inline-block;
    text-align: left;
    color: #FFF;
    font-family: Inter, sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 160%;
    margin-bottom: 20px;
}

.cms-page.landing .block-body.why .subtitle-features .message-text {
    display: inline-block;
    text-align: left;
    color: #FFF;
    font-family: Inter, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}

/* HOW (DEV, INV) */
.cms-page.landing .block-body.how {
    padding-top: 51px;
}
.cms-page.landing .block-body.how .block-title {
    display: none;
}

.cms-page.landing .block-body.how .how-wrapper::-webkit-scrollbar {
    display: none;
}

.cms-page.landing .block-body.how .how-wrapper {
    display: flex;
}

.cms-page.landing .block-body.how .subtitle-cta-no-border {
    display: none;
}

.cms-page.landing .block-body.how .how-wrapper .subtitle-list-how {
    width: 100%;
}

.cms-page.landing .block-body.how li {
    color: #FFF;
}

.cms-page.landing .block-body.how li h2 {
    color: #FFF;
    font-family: "Zilla Slab", serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    padding-left: 44px;
    padding-top: 0;
    margin-top: 0;
}

.cms-page.landing .block-body.how li .li-subtext {
    color: #FFF;
    font-family: Inter, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    padding-left: 44px;
    padding-bottom: 80px;
}

.cms-page.landing .block-body.how ol {
    color: #FFF;
    font-family: "Zilla Slab", serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    list-style: none;
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 0;
}

.cms-page.landing .block-body.how ol li {
    padding: 0;
    margin: 0;
    counter-increment: items;
    display: flex;
    vertical-align: text-top;
}

ol li:before {
    all: unset !important;
    content: counter(items);
    color: #FFF;
    font-family: "Zilla Slab", serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 15px;
    width: 20px;
}

.cms-page.landing .block-body.how ol li .inner-li {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
}

.cms-page.landing .block-body.how ol li .leaf-container {
    width: 16px;
    margin-right: 26px;
}

.cms-page.landing .block-body.how ol li .leaf-container .line {
    width: 16px;
    border-right: 1px solid white;
    display: block;
    height: calc(100% - 32px);
}

.cms-page.landing .block-body.how ol li .leaf-container.full-leaf .leaf {
    background-image: url(/img/landing/landing-full-leaf.svg);
}

.cms-page.landing .block-body.how ol li .leaf-container.empty-leaf .leaf {
    background-image: url(/img/landing/landing-full-leaf.svg);
}

.cms-page.landing .block-body.how ol li .leaf-container .leaf {
    width: 32px;
    height: 16px;
    background-size: 16px 16px;
    background-position: center center;
    background-repeat: no-repeat;
}

.cms-page.landing .block-body.how li.search-icon h2 {
    background: url(/img/landing/landing-search.svg) left top no-repeat;
    background-size: 32px 32px;
}

.cms-page.landing .block-body.how li.tick-box-icon h2 {
    background: url(/img/landing/landing-check-alt.svg) left top no-repeat;
    background-size: 32px 32px;
}

.cms-page.landing .block-body.how li.users-icon h2 {
    background: url(/img/landing/landing-users.svg) left top no-repeat;
    background-size: 32px 32px;
}

.cms-page.landing .block-body.how li.functional-icon h2 {
    background: url(/img/landing/landing-functional.svg) left top no-repeat;
    background-size: 32px 32px;
}

/* PARTNERS (DEV, INV) */
.cms-page.landing.investors .block-body.partner {
    background-color: #007A7C;
    padding-bottom: 48px;
}

.cms-page.developers.landing .block-body.partner {
    background-color: #9C71D5;
    padding-bottom: 24px;
}

.cms-page.landing .block-body.partner .subtitle-section .left {
    width: 100%;
}

.cms-page.landing .block-body.partner .subtitle-section .subtitle-list {
    width: 100%;
}

.cms-page.landing .block-body.partner .subtitle-section .subtitle-tag-black {
    margin-top: 48px;
    margin-left: 24px;
    color: #FFF;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 1.12px;
    text-transform: uppercase;
    border-radius: 6px;
    background: #000000;
    display: inline-block;
    padding: 6px;
}

.cms-page.landing .block-body.partner .subtitle-section .subtitle-heading {
    margin-top: 16px;
    margin-left: 24px;
    color: #FFF;
    font-family: Inter, sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
}

.cms-page.landing .block-body.partner .subtitle-section .subtitle {
    margin-top: 24px;
    margin-left: 24px;
    color: #FFF;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}

.cms-page.landing .block-body.partner .subtitle-section .subtitle-list ul {
    width: 100%;
    margin: 0;
    padding: 0;
    padding-left: 24px;
    padding-right: 24px;
    margin-top: 28px;
    list-style: none;
}

.cms-page.landing .block-body.partner .subtitle-section .subtitle-list ul::-webkit-scrollbar {
    display: none;
}

.cms-page.landing .block-body.partner .subtitle-section .subtitle-list ul li {
    width: 100%;
    margin-bottom: 32px;
}

.cms-page.landing .block-body.partner .subtitle-section .subtitle-list ul li:last-child {
    margin-bottom: 0;
}

.cms-page.landing .block-body.partner .subtitle-section .subtitle-list ul li .inner-li {
    height: 232px;
    width: calc(100% - 46px);
    border-radius: 24px 0px 24px 24px;
    padding: 56px 16px 16px 16px;
    white-space: unset;
    background: white;
    background-position: calc(100% - 16px) 16px;
    background-size: 32px 32px;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
}

.cms-page.landing .block-body.partner .subtitle-section .subtitle-list ul li:nth-of-type(odd) .inner-li {
    margin-right: 42px;
}

.cms-page.landing .block-body.partner .subtitle-section .subtitle-list ul li:nth-of-type(even) .inner-li {
    margin-left: 42px;
}

.testimonial-message {
    display: inline;
    white-space: normal;
}

.cms-page.landing.investors .block-body.partner .subtitle-section .subtitle-list ul li .inner-li {
    background-image: url(/img/landing/clover-teal.svg);
}

.cms-page.developers.landing .block-body.partner .subtitle-section .subtitle-list ul li .inner-li {
    background-image: url(/img/landing/clover-purple.svg);
}

/* PROJECT */
.cms-page.landing .block-body.project {
    margin: 0;
    padding-bottom: 48px;
    background-color: #007A7C;
}

.cms-page.landing .block-body.partner .testimonial .testimonial-message {
    height: calc(100% - 72px);
    color: #000;
    font-family: Inter, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}

.cms-page.landing .block-body.partner .testimonial .testimonial-person {
    display: flex;
    margin-bottom: 0px;
    height: 72px;
}

.cms-page.landing .block-body.partner .testimonial .testimonial-name {
    color: #000;
    font-family: Inter, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    padding-left: 20px;
    align-items: center;
    display: flex;
}

.cms-page.landing .block-body.partner .testimonial .testimonial-name br {
    height: unset;
    display: unset;
    line-height: unset;
    margin: unset;
    content: unset;
}

.cms-page.landing .block-body.project .subtitle-section {
    margin: auto;
    overflow: visible;
}

.cms-page.landing .block-body.project .subtitle-section .left {
    width: 100%;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 48px;
}

.cms-page.landing .block-body.project .subtitle-section .subtitle-list {
    width: 100%;
}

.cms-page.landing .block-body.project .subtitle-section .subtitle-list ul {
    width: 100%;
    margin: 0;
    padding: 0;
    padding-left: 24px;
    padding-right: 24px;
    margin-top: 40px;
    list-style: none;
    white-space: nowrap;
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
}

.cms-page.landing .block-body.project .subtitle-section .subtitle-list ul li {
    height: 176px;
}

.cms-page.landing .block-body.project .subtitle-section .subtitle-list ul li .inner-li {
    width: 258px;
    height: 176px;
    border-radius: 0px 0px 24px 24px;
    margin-right: 12px;
}

.cms-page.landing .block-body.project .subtitle-section .subtitle-list ul li .inner-li .project-tag {
    position: relative;
    margin-top: -165px;
    margin-left: 16px;
    margin-right: 80px;
    padding: 4px;
    border-radius: 6px;
    color: #FFF;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 1.12px;
    text-transform: uppercase;
    text-align: center;
}

.cms-page.landing .block-body.project .subtitle-section .subtitle-list ul li .inner-li .project-tag.purple {
    background-color: #9C71D5;
}

.cms-page.landing .block-body.project .subtitle-section .subtitle-list ul li .inner-li .project-tag.green {
    background-color: #007A7C;
}

.cms-page.landing .block-body.project .subtitle-section .subtitle-heading {
    color: #FFF;
    font-family: Inter, sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

.cms-page.landing .block-body.project .subtitle-section .subtitle {
    color: #FFF;
    font-family: Inter, sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    margin-top: 24px;
}

.cms-page.landing .block-body.project .subtitle-section .subtitle-cta-purple {
    display: none;
}

.cms-page.landing .block-body.project .subtitle-section .subtitle-list ul li .inner-li .project-country {
    color: #FFF;
    font-family: Inter, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.96px;
    text-transform: uppercase;
    margin-top: 55px;
    margin-left: 16px;
}

.cms-page.landing .block-body.project .subtitle-section .subtitle-list ul li .inner-li .project-continent {
    color: #FFF;
    font-family: Inter, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.96px;
    text-transform: uppercase;
    margin-left: 16px;
}

.cms-page.landing .block-body.project .subtitle-section .subtitle-list ul li .inner-li .project-area {
    position: relative;
    float: left;
    margin-left: 16px;
    margin-top: 16px;
    color: #FFF;
    font-family: "Zilla Slab", serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%;
}

.cms-page.landing .block-body.project .subtitle-section .subtitle-list ul li .inner-li .project-score {
    position: relative;
    float: right;
    margin-top: 16px;
    margin-right: 16px;
    color: #FFF;
    font-family: "Zilla Slab", serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%;
}

.cms-page.landing .block-body.project .cms-media {
    border-radius: 24px 24px 24px 24px;
}

/* WHAT */
.cms-page.landing .block-body.what {
    padding-left: 24px;
    padding-right: 24px;
    padding-bottom: 39px;
    padding-top: 39px;
    background-color: white;
}

.cms-page .faq .faq-text {
    height: 0;
    transition: height 0.5s ease-out;
    overflow: hidden;
    display: block;
    color: #000;
    font-family: Inter, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}

.cms-page .faq.selected .faq-text {
    height: 200px;
    transition: height 0.5s ease-out;
}

.cms-page .faq .faq-text .cta-blu {
    display: none;
}

.cms-page .faq.selected .faq-text .cta-blu {
    display: inline-block;
    margin-top: 40px;
}

.cms-page .faq .faq-title {
    width: 70%;
    color: #000;
    font-family: "Zilla Slab", serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%; /* 55px */
    margin-bottom: 24px;
}

.cms-page .faq .faq-text p {
    column-count: 1;
}

.cms-page .faqs hr {
    display: #999;
    unicode-bidi: isolate;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: auto;
    margin-inline-end: auto;
    overflow: hidden;
    border-style: inset;
    border-width: 1px;
}

.cms-page .faq {
    margin-top: 32px;
    margin-bottom: 64px;
    background: url(/img/icons/icon-green-leaf-plus.svg) top right no-repeat;
    cursor: pointer;
}

.cms-page .faq.selected {
    margin-bottom: 64px;
    background: url(/img/icons/icon-purple-leaf-minus.svg) top right no-repeat;
}


/* body */
body.page_landing {
    background-color: #F9EEE4;
}

/* INVESTOR SOLUTION BOTTOM / SOLUTION DEVELOPER */
.cms-page.landing .block-body.solution-bottom, .cms-page.landing.developers .block-body.solution {
    background: #F9EEE4;
    height: 600px;
    width: 100%;
    padding: 0;
    border-bottom-right-radius: 120px;
    margin-bottom: 58px;
}

.cms-page.landing.welcome .block-body.solution-bottom,
.cms-page.landing .block-body.for-developers,
.cms-page.landing .block-body.for-investors {
    height: unset;
}

.cms-page.landing .block-body.solution-bottom {
    background-color: #9C71D5;
}
/* WELCOME */
.cms-page.welcome.landing .block-body.solution-bottom {
    background: #F9EEE4;
    color:black;
}


.cms-page.landing .block-body.solution-bottom .container,
.cms-page.landing .block-body.for-developers .container,
.cms-page.landing .block-body.for-investors .container,
.cms-page.landing.developers .block-body.solution .container {
    padding-top: 32px;
    padding-left: 10px;
    padding-right: 10px;
}

.cms-page.landing .block-body.solution-bottom .subtitle-cta-black, 
.cms-page.landing .block-body.for-developers .subtitle-cta-purple,
.cms-page.landing .block-body.for-investors .subtitle-cta-purple 
{
    margin-top: 24px;
    float: left;
}

.cms-page.landing.developers .block-body.solution .subtitle-cta-green {
    margin-top: 24px;
    float: left;
}

.cms-page.landing .block-body.solution-bottom .text-container,
.cms-page.landing .block-body.for-investors .text-container,
.cms-page.landing .block-body.for-developers .text-container,
.cms-page.landing.developers .block-body.solution .text-container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

.cms-page.landing .block-body.solution-bottom .subtitle-heading, .cms-page.landing.developers .block-body.solution .subtitle-heading {
    width: 100%;
    color: #FFF;
    font-family: Inter, sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
}
.cms-page.welcome.landing .block-body.solution-bottom .subtitle-heading
{
    color: black;
}

.cms-page.landing .block-body.solution-bottom .subtitle, .cms-page.landing.developers .block-body.solution .subtitle {
    width: 100%;
    color: #FFF;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    margin-top: 24px;
}
.cms-page.welcome.landing .block-body.solution-bottom .subtitle {
    color: black;
}

.cms-page.landing .block-body.solution-bottom br,
.cms-page.landing .block-body.for-developers br,
.cms-page.landing .block-body.for-investors br,
.cms-page.landing.developers .block-body.solution br {
    height: unset;
    display: unset;
    line-height: unset;
    margin: unset;
    content: unset;
}


/*************************************************/
/* ANIMATIONS */
/*************************************************/

/* REVEALING TEXT */
.cms-page.landing .block-body.fact .subtitle-list.facts-insights li.reveal, .cms-page.landing .block-body.fact-2 .subtitle-list.facts-insights li.reveal {
    opacity: 1;
    transition: all 0.8s ease-in-out;
}

.cms-page.landing .block-body.why .subtitle-features.reveal {
    opacity: 1;
    transition: all 0.8s ease-in-out;
}

/* BUTTONS HOVER */
.cms-page.landing .subtitle-cta-black {
    cursor: pointer;
    display: inline-block;
    height: 44px;
    padding: 14px 16px;
    text-align: center;
    border-radius: 10px 10px 0px 10px;
    background: url(/img/icons/icon-right-arrow-white.svg) calc(100% - 5px) center no-repeat;
    background-color: #000;
    padding-right: 30px;
    color: #FFF;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.28px;
    text-transform: uppercase;
}

.cms-page.landing .subtitle-cta-black:hover {
    border-radius: 10px 0px 10px 10px;
    transition: all 0.3s ease;
    background-color: white;
    color: black;
    background-image: url(/img/icons/icon-right-arrow-black.svg);
}

.cms-page.landing .subtitle-cta-purple {
    color: #FEFBF5;
    display: inline-block;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.28px;
    text-transform: uppercase;
    padding: 14px;
    justify-content: center;
    align-items: center;
    border-radius: 10px 10px 0px 10px;
    margin-bottom: 16px;
    background: url(/img/icons/icon-right-arrow-white.svg) calc(100% - 5px) center no-repeat;
    background-color: #9C71D5;
    padding-right: 30px;
    cursor: pointer;
}

.cms-page.landing .subtitle-cta-purple:hover {
    border-radius: 10px 0px 10px 10px;
    transition: all 0.3s ease;
    background-color: #EAE5F6;
    color: #012060;
}

.cms-page.landing .subtitle-cta-green {
    cursor: pointer;
    display: inline-block;
    height: 44px;
    padding: 14px 16px;
    text-align: center;
    border-radius: 10px 10px 0px 10px;
    background: url(/img/icons/icon-right-arrow-white.svg) calc(100% - 5px) center no-repeat;
    background-color: #007A7C;
    padding-right: 30px;
    color: #FFF;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.28px;
    text-transform: uppercase;
}

.cms-page.landing .subtitle-cta-green:hover {
    border-radius: 10px 0px 10px 10px;
    transition: all 0.3s ease;
    background-color: #38C5B4;
    color: white;
}

.cms-page.landing .cta-blu {
    cursor: pointer;
    display: inline-block;
    height: 44px;
    padding: 14px 16px;
    text-align: center;
    border-radius: 10px 10px 0px 10px;
    background: url(/img/icons/icon-right-arrow-white.svg) calc(100% - 5px) center no-repeat;
    background-color: #0961A8;
    padding-right: 30px;
    color: #FFF;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.28px;
    text-transform: uppercase;
}

.cms-page.landing .cta-blu:hover {
    border-radius: 10px 0px 10px 10px;
    transition: all 0.3s ease;
    background-color: #3A92DA;
    color: white;
}

.cms-page.landing .subtitle-cta-beige {
    color: #000;
    display: inline-block;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.28px;
    text-transform: uppercase;
    padding: 14px;
    justify-content: center;
    align-items: center;
    border-radius: 10px 10px 0px 10px;
    margin-bottom: 16px;
    background: url(/img/icons/icon-right-arrow-black.svg) calc(100% - 5px) center no-repeat;
    background-color: #F9EEE4;
    padding-right: 30px;
    cursor: pointer;
}

.cms-page.landing .subtitle-cta-beige:hover {
    border-radius: 10px 0px 10px 10px;
    background: url(/img/icons/icon-right-arrow-white.svg) calc(100% - 5px) center no-repeat;
    transition: all 0.3s ease;
    background-color: #9C71D5;
    color: #FEFBF5;
}

/* FAQ */
.cms-page.faqsection .search-faq h1 {
    padding-bottom: 20px;
}
.cms-page.faqsection {
    background-color: white;
    padding-bottom: 80px;
    padding-top: 120px;
    padding-left: 24px;
    padding-right: 24px;
}
.cms-page.faqsection .container.search-faq {
    margin-bottom: 30px;
}
.cms-page.faqsection .block-body h2 {
    cursor: pointer;
    color: #000;
    font-family: "Zilla Slab", serif;
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
    margin-bottom: 24px;
}
.cms-page.faqsection .block-body .faq .faq-title {
    font-size: 22px;
}

.cms-page.faqsection .block-body .faq .faq-text {
    font-size: 13px;
}
.cms-page.landing.faqsection .faq {
    margin-top: 16px;
    margin-bottom: 32px;
}

.cms-page.landing.faqsection .block-body.what.head {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
}
.cms-page.landing.faqsection .block-body.what.body {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
}


@media (min-width: 768px) {

    /* ******************************************* */
    /* CMS LANDING PAGE */
    /* ******************************************* */

    /* GENERAL */
    .cms-page.landing .block-body .container {
        padding-left: 15px;
        max-width: 1295px;
    }

    /* FOR INVESTORS / FOR DEVELOPERS */
    .cms-page.landing .block-body.for-investors, .cms-page.landing .block-body.for-developers {
        background-color: #007A7C;
    }

    .cms-page.welcome.landing .block-body.solution-bottom .video,
    .cms-page.welcome.landing .block-body.for-developers .video,
    .cms-page.welcome.landing .block-body.for-investors .video {
        margin-top: 21px;
        width: calc(100% - 80px)
    }

    .cms-page.welcome.landing .block-body.solution-bottom .subtitle {
        margin-top: 70px;
    }

    /* SPLASH */
    .cms-page.landing .block-body.splash h1 {
        padding-top: 120px;
        font-size: 74px;
        width: calc(100% - 188px);
        padding-left: 0;
        margin-bottom: 37px;
    }

    .cms-page.landing .block-body.splash .subtitle {
        padding-left: 0;
        padding-right: 0;
        font-size: 17px;
        margin-bottom: 0;
        width: 50%;
    }

    .cms-page.landing .block-body.splash .subtitle-section {
        padding-bottom: 40px;
    }

    .cms-page.landing .block-body.splash .purple-box {
        width: calc(50% - 200px);
        height: 156px;
        margin-left: 200px;
        margin-right: 0px;
        border-bottom-right-radius: 0;
    }

    .cms-page.landing .block-body.splash .subtitle-cta-beige {
        margin-left: 0;
        margin-top: 130px;
    }

    .cms-page.landing .block-body.splash .partners {
        padding-left: 0;
        padding-right: 0px;
    }

    /* DEV MISSION, INV SOLUTION */
    .cms-page.landing.developers .block-body.mission .block-images .cms-media,
    .cms-page.landing.welcome .block-body.solution .block-images .cms-media,
    .cms-page.landing.investors .block-body.solution .block-images .cms-media {
        position: absolute;
        mask-image: url(/img/masks/leaf-mask.svg);
        mask-size: 100%;
        mask-repeat: no-repeat;
        background-size: cover;
        -webkit-mask-position-y: 0;
        mask-position-y: 0;
        top: 100px;
    }

    .cms-page.landing.developers .block-body.mission.animate .block-images .cms-media,
    .cms-page.landing.welcome .block-body.solution.animate .block-images .cms-media,
    .cms-page.landing.investors .block-body.solution.animate .block-images .cms-media {
        animation: solution-image 1.5s forwards;
    }

    .cms-page.landing.developers .block-body.mission,
    .cms-page.landing.welcome .block-body.solution,
    .cms-page.landing.investors .block-body.solution {
        height: calc(100vh - 66px);
    }

    .cms-page.landing .block-body.partner .subtitle-section .subtitle-list ul li .inner-li {
        height: 460px;
        width: 283px;
        padding: 80px 32px 32px 32px;
    }

    .cms-page.landing.developers .block-body.mission .block-images,
    .cms-page.landing.welcome .block-body.solution .block-images,
    .cms-page.landing.investors .block-body.solution .block-images {
        width: 50%;
        margin-left: -10px;
        position: relative;
    }

    .cms-page.landing.developers .block-body.mission .block-images .cms-media {
        position: absolute;
        bottom: 0;
    }

    .cms-page.landing.developers .block-body.mission .container,
    .cms-page.landing.welcome .block-body.solution .container,
    .cms-page.landing.investors .block-body.solution .container {
        width: calc(50% + 10px);
        padding-left: 77px;
        padding-right: 77px;
        margin-top: 100px;
    }

    /* stop animation for disappearing cta button in certain resolutions. Sets it back to start */
    .cms-page.landing.developers .block-body.mission.animate .container,
    .cms-page.landing.welcome .block-body.solution.animate .container,
    .cms-page.landing.investors .block-body.solution.animate .container {
        animation: none !important;
        animation-fill-mode: none !important;
    }

    .cms-page.landing.developers .block-body.mission .subtitle-heading,
    .cms-page.landing.welcome .block-body.solution .subtitle-heading,
    .cms-page.landing.investors .block-body.solution .subtitle-heading {
        font-size: 36px;
    }

    .cms-page.landing.developers .block-body.mission .subtitle,
    .cms-page.landing.welcome .block-body.solution .subtitle,
    .cms-page.landing.investors .block-body.solution .subtitle {
        font-size: 15px;
    }

    .cms-page.landing .block-body.splash .purple-box .purple-left {
        width: calc(100% - 106px);
    }

    /* FACTS */
    .cms-page.landing .block-body.fact-2 .subtitle-cta-purple, .cms-page.landing .block-body.fact .subtitle-cta-purple {
        opacity: 0;
    }
    .cms-page.landing .block-body.fact-2.animate .subtitle-cta-purple, .cms-page.landing .block-body.fact.animate .subtitle-cta-purple {
        animation: show 0.5s forwards ease-in-out;
        animation-delay: 1.5s;
    }

    .cms-page.landing .block-body.fact {
        padding-top: 63px;
        background-color: #007A7C;
    }

    .cms-page.landing .block-body.fact-2 {
        background: url(/img/landing/landing-clover.svg) center 0 no-repeat;
        background-color: #007A7C;
    }

    .cms-page.landing .block-body.fact .subtitle-list ul li, .cms-page.landing .block-body.fact-2 .subtitle-list ul li {
        margin-left: 19px;
        width: calc(33% - 9.66px);
    }

    .cms-page.landing .block-body.fact .subtitle-list ul li:first-child, .cms-page.landing .block-body.fact-2 .subtitle-list ul li:first-child {
        margin-left: 0;
    }

    .cms-page.landing .block-body.fact .subtitle-tag-purple, .cms-page.landing .block-body.fact-2 .subtitle-tag-purple {
        margin-bottom: 24px;
    }

    .cms-page.landing .block-body.fact .subtitle-heading, .cms-page.landing .block-body.fact-2 .subtitle-heading {
        width: 100%;
        font-size: 64px;
    }

    .cms-page.landing .block-body.fact .subtitle, .cms-page.landing .block-body.fact-2 .subtitle {
        font-size: 17px;
        margin-bottom: 56px;
        width: 90%;
    }

    .cms-page.landing .block-body.fact .subtitle-sub-heading, .cms-page.landing .block-body.fact-2 .subtitle-sub-heading {
        font-size: 36px;
        margin-top: 40px;
    }

    .cms-page.landing .block-body.fact .subtitle-list.facts-insights ul, .cms-page.landing .block-body.fact-2 .subtitle-list.facts-insights ul {
        flex-wrap: nowrap;
    }

    .cms-page.landing .block-body.fact .subtitle-list.facts-insights li, .cms-page.landing .block-body.fact-2 .subtitle-list.facts-insights li {
        width: 320px;
        margin-bottom: 0;
        font-size: 15px;
    }

    .cms-page.landing .block-body.fact .subtitle-list.facts-insights li .insights-title, .cms-page.landing .block-body.fact-2 .subtitle-list.facts-insights li .insights-title {
        font-size: 20px;
        margin-top: 72px;
        padding-left: 0;
    }

    .cms-page.landing .block-body.fact .subtitle-list.facts-insights li .insights-message, .cms-page.landing .block-body.fact-2 .subtitle-list.facts-insights li .insights-message {
        padding-left: 0;
    }

    /* WHY (DEV, INV) */
    .cms-page.developers.landing .block-body.why {
        padding-top: 0;
        padding-bottom: 68px;
    }

    .cms-page.landing .block-body.why .cms-media {
        width: 100%;
        object-fit: cover;
        object-position: unset;
        height: 100%;
    }

    .cms-page.landing .block-body.why .block-images {
        width: 507px;
        margin-bottom: 0;
    }

    .cms-page.landing .block-body.why .why-left {
        width: 40%;
        margin-bottom: 0;
        min-height: 750px;
    }
    .cms-page.landing .block-body.why .why-left .container-images {
        height: 100%;
    }
    .cms-page.landing .block-body.why .why-right {
        width: 60%;
        padding-left: 40px;
    }
    .cms-page.landing .block-body.why .why-right .subtitle-cta-black {
        float: left;
    }


    .cms-page.landing .block-body.why .subtitle-features .subtitle-features-left {
        margin-right: 46px;
        width: calc(50% - 46px);
    }

    .cms-page.landing .block-body.why .subtitle-features .subtitle-features-right {
        margin-left: 46px;
        width: calc(50% - 46px);
        padding-top: 31px;
    }

    .cms-page.landing .block-body.why.animate .subtitle-features .message-box-purple,
    .cms-page.landing .block-body.why.animate .subtitle-features .message-box-green,
    .cms-page.landing .block-body.why.animate .subtitle-features .message-box-darkgreen,
    .cms-page.landing .block-body.why.animate .subtitle-features .message-box-blue {
        margin-top: -100px;
    }

    .cms-page.landing .block-body.why.animate .subtitle-features .message-box-purple {
        animation: four-cards 0.5s forwards ease-in-out;
        animation-delay: 0s;
    }

    .cms-page.landing .block-body.why.animate .subtitle-features .message-box-green {
        animation: four-cards 0.5s forwards ease-in-out;
        animation-delay: 1s;
    }

    .cms-page.landing .block-body.why.animate .subtitle-features .message-box-darkgreen {
        animation: four-cards 0.5s forwards ease-in-out;
        animation-delay: 0.5s;
    }

    .cms-page.landing .block-body.why.animate .subtitle-features .message-box-blue {
        animation: four-cards 0.5s forwards ease-in-out;
        animation-delay: 1.5s;
    }
    .cms-page.landing .block-body.why .subtitle-heading {
        font-size: 36px;
        margin-bottom: 39px;
    }

    .cms-page.landing .block-body.why .subtitle-features .message-box-purple {
        margin-bottom: 35px;
    }

    .cms-page.landing .block-body.why .subtitle-features .message-box-green {
        margin-bottom: 35px;
    }

    .cms-page.landing .block-body.why .subtitle-features .message-box-darkgreen {
        margin-bottom: 35px;
    }

    .cms-page.landing .block-body.why .subtitle-features .message-box-blue {
        margin-bottom: 35px;
    }

    .subtitle-cta-black {
        float: right;
    }

    /* HOW (DEV, INV) */
    .cms-page.landing .block-body.how {
        padding-top: 64px;
        padding-bottom: 0;
    }

    .cms-page.landing .block-body.how li h2 {
        font-size: 40px;
        padding-left: 74px;
    }

    .cms-page.landing .block-body.how li .li-subtext {
        font-size: 15px;
        padding-left: 74px;
    }

    .cms-page.landing .block-body.how ol {
        font-size: 56px;
    }

    ol li:before {
        font-size: 56px;
        line-height: 25px;
        width: 60px;
        all: unset !important;
    }

    .cms-page.landing .block-body.how ol li .leaf-container .leaf {
        width: 32px;
        height: 32px;
        background-size: 32px 32px;
    }

    .cms-page.landing .block-body.how .subtitle-cta-no-border {
        display: table;
        width: 350px;
        color: #FFF;
        font-family: Inter, sans-serif;
        font-size: 48px;
        font-style: normal;
        font-weight: 400;
        line-height: 110%; /* 52.8px */
        text-align: center;
        margin-right: 97px;
    }
    .cms-page.landing .block-body.how .subtitle-cta-no-border p {
        vertical-align: middle;
        display: table-cell;
    }
    .cms-page.landing .block-body.how .how-wrapper .subtitle-list-how {
        width: 650px;
    }

    .cms-page.landing .block-body.how li.search-icon h2 {
        background-size: 52px 52px;
    }

    .cms-page.landing .block-body.how li.tick-box-icon h2 {
        background-size: 48px 50.526px;
    }

    .cms-page.landing .block-body.how li.users-icon h2 {
        background-size: 48px 48px;
    }

    .cms-page.landing .block-body.how li.functional-icon h2 {
        background-size: 52px 52px;
    }


    /* PARTNERS (DEV, INV) */
    .cms-page.landing .block-body.partner {
        height: 720px;
        padding: 0;
        margin: 0;
    }

    .cms-page.landing .block-body.partner .subtitle-section {
        display: flex;
        flex-wrap: nowrap;
        margin: auto;
    }

    .cms-page.landing .block-body.partner .subtitle-section .left {
        width: 350px;
    }

    .cms-page.landing .block-body.partner .subtitle-section .left .centered {
        display: block;
        padding-top: 200px;
    }

    .cms-page.landing .block-body.partner .subtitle-section .subtitle-heading, .cms-page.landing .block-body.partner .subtitle-section .subtitle, .cms-page.landing .block-body.partner .subtitle-section .subtitle-tag-black {
        margin-left: 0;
    }

    .cms-page.landing .block-body.partner .subtitle-section .subtitle-list {
        width: calc(100% - 350px);
    }

    .cms-page.landing .block-body.partner .subtitle-section .subtitle-list ul {
        white-space: nowrap;
        height: 487px;
        margin-top: 115px;
        margin-bottom: 115px;
        display: flex;
    }

    .cms-page.landing .block-body.partner .subtitle-section .subtitle-list ul li {
        display: inline-block;
        width: 283px;
        margin-right: 29px;
        margin-bottom: 0px;
    }

    .cms-page.landing .block-body.partner .testimonial .testimonial-message {
        color: #000;
        font-family: Inter, sans-serif;
        font-size: 19px;
        font-style: normal;
        font-weight: 400;
        line-height: 160%;
    }

    .cms-page.landing .block-body.partner .subtitle-section .subtitle-list ul li:nth-of-type(odd) .inner-li {
        margin: 0;
        margin-top: 63px;
        border-radius: 24px 0px 24px 24px;
    }

    .cms-page.landing .block-body.partner .subtitle-section .subtitle-list ul li:nth-of-type(even) .inner-li {
        margin: 0;
    }

    .cms-page.landing .block-body.partner .subtitle-section .subtitle-list ul li:last-of-type {
        margin-right: 0;
    }

    /* PROJECT */
    .cms-page.landing .block-body.project {
        padding-bottom: 0;
    }

    .cms-page.landing .block-body.project .subtitle-section {
        display: flex;
        flex-wrap: nowrap;
    }

    /*.cms-page.landing .block-body.splash .partners {
        padding: 0 24px;
        height: 52px;
        display: flex;
        flex-wrap: nowrap;
    }

    .cms-page.landing .block-body.splash .partners p {
        text-transform: uppercase;
        display: block;
        width: 140px;
        line-height: 52px;
        font-size: 12px;
    }*/

    .cms-page.landing .block-body.project .subtitle-section .left {
        width: 350px;
        padding-left: 0;
        padding-top: 0;
        padding-right: 0;
    }

    .cms-page.landing .block-body.project .subtitle-section .left .centered {
        display: flex;
        flex-direction: column;
        padding-top: 174px;
        padding-right: 50px;
        height: 515px;
        justify-content: space-between;
    }

    .cms-page.landing .block-body.project .subtitle-section .subtitle-list {
        width: calc(100% - 350px);
    }

    .cms-page.landing .block-body.project .subtitle-section .subtitle-list ul {
        margin-top: 115px;
        margin-bottom: 115px;
        overflow: hidden;
    }

    .cms-page.landing .block-body.project .subtitle-section .subtitle-list ul li {
        height: 400px;
    }

    .cms-page.landing .block-body.project .subtitle-section .subtitle-list ul li .inner-li {
        width: 298px;
        height: 400px;
        margin-right: 16px;
        opacity: 1;
        background-color: white;
    }

    .cms-page.landing .block-body.project .subtitle-section .subtitle-heading {
        font-size: 36px;
    }

    .cms-page.landing .block-body.project .subtitle-section .subtitle {
        margin-top: 0;
    }

    .cms-page.landing .block-body.project .subtitle-section .subtitle-cta-purple {
        display: inline-block;
    }

    .cms-page.landing .block-body.project .subtitle-section .subtitle-list ul li .inner-li .project-tag {
        margin-left: 24px;
        margin-top: -190px;
        margin-right: 120px;
    }

    .cms-page.landing .block-body.project .subtitle-section .subtitle-list ul li .inner-li .project-country {
        margin-left: 24px;
        margin-top: 170px;
        color: #000;
        font-family: "Zilla Slab", serif;
        font-size: 36px;
        font-style: normal;
        font-weight: 300;
        line-height: 110%;
    }

    .cms-page.landing .block-body.project .subtitle-section .subtitle-list ul li .inner-li .project-continent {
        margin-left: 24px;
        margin-top: 8px;
        color: #000;
        font-family: Inter, sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: 1.12px;
        text-transform: uppercase;
    }

    .cms-page.landing .block-body.project .subtitle-section .subtitle-list ul li .inner-li .project-area {
        float: left;
        margin-left: 24px;
        margin-top: 57px;
        color: #999;
        font-family: "Zilla Slab", serif;
        font-size: 26px;
        font-style: normal;
        font-weight: 700;
        line-height: 110%; /* 28.6px */
    }

    .cms-page.landing .block-body.project .subtitle-section .subtitle-list ul li .inner-li .project-score {
        float: right;
        margin-top: 57px;
        margin-right: 24px;
        color: #999;
        font-family: "Zilla Slab", serif;
        font-size: 26px;
        font-style: normal;
        font-weight: 700;
        line-height: 110%; /* 28.6px */
    }

    .cms-page.landing .block-body.project .cms-media {
        border-radius: 0px;
    }

    /* SOLUTION-BOTTOM, SOLUTION (DEV) */
    .cms-page.landing .block-body.solution-bottom, .cms-page.landing.developers .block-body.solution {
        padding: 0;
    }

    .cms-page.landing.developers .block-body.solution {
        background-size: cover;
    }

    .cms-page.landing .block-body.solution-bottom .container, .cms-page.landing.developers .block-body.solution .container {
        padding-top: 120px;
    }

    .cms-page.landing.welcome .block-body.solution-bottom .container {
        padding-top: 60px;
    }

    .cms-page.landing .block-body.solution-bottom .subtitle-cta-black {
        margin-top: 40px;
    }

    .cms-page.landing.developers .block-body.solution .subtitle-cta-green {
        margin-top: 40px;
    }

    .cms-page.landing .block-body.solution-bottom .subtitle-heading,
    .cms-page.landing .block-body.for-developers .subtitle-heading,
    .cms-page.landing .block-body.for-investors .subtitle-heading,
    .cms-page.landing.developers .block-body.solution .subtitle-heading {
        width: 50%;
    }

    .cms-page.landing .block-body.solution-bottom .subtitle-heading p,
    .cms-page.landing.developers .block-body.solution .subtitle-heading p {
        font-size: 64px;
    }

    .cms-page.landing .block-body.for-developers .subtitle-heading h2,
    .cms-page.landing .block-body.for-investors .subtitle-heading h2 {
        font-size: 50px;
        color: white;
        font-style: normal;
        font-weight: 400;
        line-height: 110%;
    }

    .cms-page.landing.welcome .block-body.solution-bottom h2 {
        font-size: 50px;
        font-style: normal;
        font-weight: 400;
        line-height: 110%;
    }

    .cms-page.landing .block-body.solution-bottom .subtitle,
    .cms-page.landing.developers .block-body.solution .subtitle {
        width: 50%;
        font-size: 15px;
        margin-top: 0;
    }
    .cms-page.landing .block-body.for-developers .subtitle,
    .cms-page.landing .block-body.for-investors .subtitle {
        width: 50%;
        font-size: 15px;
        margin-top: 110px;
    }

    /* WHAT */
    .cms-page.landing .block-body.what {
        padding-left: 24px;
        padding-right: 24px;
        padding-bottom: 121px;
        padding-top: 121px;
    }

    .cms-page .faq .faq-text p {
        width: 70%;
        column-count: 2;
        column-gap: 40px;
        orphans: 8
    }

    /* FAQ */
    .cms-page .faq .faq-title {
        font-size: 40px;
    }
    .cms-page .faq .faq-text {
        font-size: 15px;
    }

    .cms-page.faqsection .block-body h2 {
        font-size: 28px;
    }

    .cms-page.faqsection .block-body .faq .faq-title {
        font-size: 25px;
    }

    .cms-page.faqsection .block-body .faq .faq-text {
        font-size: 14px;
    }

    .cms-page.faqsection .faq {
        margin-top: 16px;
        margin-bottom: 32px;
    }

    .cms-page.faqsection .block-body.what {
        padding-left: 24px;
        padding-right: 24px;
    }
}

@media (min-width: 1280px) {

    /* WHAT */
    .cms-page.landing .block-body.what {
        padding-left: 0;
        padding-right: 0;
    }

}

/* MOBILE FIX – disable animations & show all content */
@media (max-width: 767px) {

    /* Disable all animations globally */
    * {
        animation: none !important;
        transition: none !important;
    }

    /* Always show containers */
    .cms-page.landing .block-body .container {
        opacity: 1 !important;
        transform: none !important;
    }

    /* FACT blocks */
    .cms-page.landing .block-body.fact .subtitle-list ul li.facts,
    .cms-page.landing .block-body.fact-2 .subtitle-list ul li.facts,
    .cms-page.landing .block-body.fact-2 .subtitle-list.facts-insights li {
        opacity: 1 !important;
        transform: none !important;
    }

    /* WHY message boxes */
    .cms-page.landing .block-body.why .subtitle-features .message-box-purple,
    .cms-page.landing .block-body.why .subtitle-features .message-box-green,
    .cms-page.landing .block-body.why .subtitle-features .message-box-darkgreen,
    .cms-page.landing .block-body.why .subtitle-features .message-box-blue {
        opacity: 1 !important;
        transform: none !important;
    }

    /* insights / metrics */
    .cms-page.landing .block-body .subtitle-insights-metrics li {
        opacity: 1 !important;
        transform: none !important;
    }

    /* explanations */
    .cms-page.landing .block-body .subtitle-explanations {
        opacity: 1 !important;
        transform: none !important;
    }

    /* reveal blocks */
    .cms-page.landing .block-body .reveal {
        opacity: 1 !important;
        transform: none !important;
    }
}