<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.sections-container section {
    margin-bottom: 2em;
}

.sections-container section &gt; div:first-child {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr));
    gap: 2em;
    align-items: center;
}

.sections-container section &gt; div:first-child[data-alignment="left"] {
    direction: rtl;
}

.sections-container section &gt; div:first-child[data-alignment="left"] * {
    direction: ltr;
}

.sections-container section .content &gt; a {
    margin-top: 1em;
}

.sections-container section &gt; .content.no-collapsible &gt; div {
    display: grid;
    gap: 1em;
}

.sections-container section &gt; .content.no-collapsible &gt; div h2 {
    padding: 0;
}

.sections-container section &gt; .content.no-collapsible &gt; div a {
    justify-self: start;
}

/*********************************
* Collapsable Cards
*********************************/

.collapsible-cards video {
    min-height: 330px;
}

.collapsible-cards + .collapsible {
    margin-top: 2em;
    display: none;
}

.collapsible-cards + .collapsible.active {
    display: block;
}

.collapsible-cards + .collapsible .cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr));
    gap: 2em;
}

@media only screen and (min-width: 768px) and (max-width: 1500px) {
		
    .collapsible-cards + .collapsible .cards {
        grid-template-columns: repeat(2, 1fr)
    }

}

.collapsible-cards + .collapsible .cards .card {
    border-radius: var(--borderRadius);
    border: solid 2px rgb(var(--primary));
    background-color: #fff;
    padding: var(--padding);
}

.collapsible-cards + .collapsible .cards .card &gt; div {
    display: flex;
    align-items: flex-start;
    gap: 1em;
    margin-bottom: 1em;
    height: 50px;
}

.collapsible-cards + .collapsible .cards .card &gt; div img {
    max-width: 30px;
}

.collapsible-cards + .collapsible .cards .card &gt; div h3 {
    font-size: 22px;
    padding: 0;
    color: #000;
}

/*********************************
* Stats
*********************************/

.collapsible .stats {
    position: relative;
    border-radius: var(--borderRadius);
    border: solid 2px rgb(var(--webeoLightBlue));
    background-color: #fff;
    padding: var(--padding);
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr));
    gap: 5em;
    align-items: center;
    box-shadow: var(--boxShadow);
}

.collapsible .stats::after {
    content: "";
    height: calc(100% - calc(var(--padding) * 2));
    width: 2px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgb(var(--webeoLightBlue));
    position: absolute;
}

@media only screen and (max-width: 891px) {
    .collapsible .stats::after {
        width: calc(100% - calc(var(--padding) * 2));
        height: 2px;
    }
}

.collapsible .stats .stat-cards {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2em
}

.collapsible .stats .stat-cards .stat-card .figure {
    font-size: 50px;
    line-height: 1;
    font-weight: 800;
    color: rgb(var(--webeoPurple));
}

.collapsible .stats .stat-cards .stat-card &gt; p {
    font-weight: 600;
}

/*********************************
* CRO Stats
*********************************/

.cro-stats h3 {
    padding: 0;
}</pre></body></html>