@media screen and (max-width: 1023px) {
    
    .grid-horizontal .grid-content-wrapper.grid-contain {
        overflow: visible;
        width: 100vw;
    }
    
    .grid-horizontal .grid-content-wrapper.grid-contain .grid-content {
        padding: 0!important;
    }
    
    .grid-horizontal .grid-areas-wrapper::-webkit-scrollbar {
        display: none;
    }
    
    .grid-horizontal .grid-areas-wrapper {
        scroll-snap-type: x mandatory;
        overflow-x: scroll;
        overflow-y: hidden;
        -ms-overflow-style: none;  /* IE and Edge */
        scrollbar-width: none;  /* Firefox */
        margin-top: 1rem;
    }
    
    .grid-horizontal .grid-areas-wrapper:before,
    .grid-horizontal .grid-areas-wrapper:after {
        content: '';
        display: block;
        width: 1rem;
        height: 100%;
        scroll-snap-align: start;
        flex: 0 0 auto;
        left: 0;
        padding: 0;
        margin: 0;
    }
    
    .grid-horizontal .grid-areas-wrapper:after {
        scroll-snap-align: end;
        width: 2rem;
        left: 0!important;
    }
    
    .grid-horizontal .area {
        padding: 0!important;
        scroll-snap-align: start;
        max-width: calc(100% - 7.5rem);
        scroll-margin-left: 1rem;
        margin-right: 1rem;
    }
    
    .grid-horizontal .area:last-child {
        margin-right: 0;
        scroll-margin-right: 1rem;
        scroll-snap-align: end;
    }
}
.rich-text *:last-child {
    margin-bottom: 0;
}

.rich-text ul {
    color: rgba(0,0,0,0.4);
    display: flex;
    flex-flow: column;
    gap: 0.5rem;
}

.rich-text hr {
    border: none;
    height: 1px;
    background: #c7c7c7;
    width: 100%;
    margin: 3rem 0 1.5rem;
}

/*
.rich-text *:first-child.has-normal-font-size:not(p) strong {
    color: rgb(153, 153, 153);
}
*/

.rich-text ul:not(:first-child) {
    margin-top: 2rem;
}

.rich-text ul:not(:last-child) {
    margin-bottom: 2rem;
}

.rich-text ul li {
    position: relative;
    opacity: 0;
    transform: translateY(1rem);
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}

.rich-text ul li:nth-child(1) { transition-delay: 0.6s; }
.rich-text ul li:nth-child(2) { transition-delay: 0.8s; }
.rich-text ul li:nth-child(3) { transition-delay: 1.0s; }
.rich-text ul li:nth-child(4) { transition-delay: 1.2s; }
.rich-text ul li:nth-child(5) { transition-delay: 1.4s; }
.rich-text ul li:nth-child(6) { transition-delay: 1.6s; }
.rich-text ul li:nth-child(7) { transition-delay: 1.8s; }
.rich-text ul li:nth-child(8) { transition-delay: 2.0s; }
.rich-text ul li:nth-child(9) { transition-delay: 2.2s; }
.rich-text ul li:nth-child(10) { transition-delay: 2.4s; }
.rich-text ul li:nth-child(11) { transition-delay: 2.6s; }
.rich-text ul li:nth-child(12) { transition-delay: 2.8s; }
.rich-text ul li:nth-child(13) { transition-delay: 3.0s; }
.rich-text ul li:nth-child(14) { transition-delay: 3.2s; }
.rich-text ul li:nth-child(15) { transition-delay: 3.4s; }

.is-animated-start .rich-text ul li,
.is-accordion[open] .rich-text ul li{
    opacity: 1;
    transform: translateY(0);
}
@media screen and (max-width: 1023px) {
    
    .content {
        --header-margin-height: 4rem;
    }

    .header-top .header-mobile {
        display: flex;
        flex-flow: column;
        height: 100vh;
        position: fixed;
        width: 100%;
        z-index: 10000;
        pointer-events: none;
    }
    
    .header-top .header-mobile .header-section-wrapper.is-main-menu-mobile {
        /*margin-top: auto;*/
        height: 100%;
        pointer-events: none;
    }
    
    /*
    .header-top .header-mobile .header-section-wrapper.is-main-menu-mobile .area:first-child {
        mix-blend-mode: difference;
    }
    */
    
    .header-top .header-mobile .header-section-wrapper.is-main-menu-mobile .area:last-child {
        margin-top: auto;
    }
    
    .header-top .header-mobile .header-section-wrapper.is-main-menu-mobile a.block-icon {
        pointer-events: all;
    }
    
    .header-top .header-mobile .grid-huge-bottom-padding,
    .header-top .header-mobile .grid-large-bottom-padding {
        padding-bottom: 6rem;
    }
}
.block-wrapper:has(.group-content .blocks-wrapper:empty) {
    display: none;
}

footer .menu:not(.has-vertical-direction) .sub-menu {
    display: none;
}

footer .menu.has-vertical-direction .sub-menu {
    display: flex;
    flex-flow: column;
    gap: 0.75rem;
    padding-top: 1.5rem;
}
@media screen and (max-width: 1023px) {

    .u-servicesHero {
        padding-top: 2rem!important;
        margin-top: 4rem!important;
        min-height: 50vh!important;
    }
    
    .u-servicesHero .element-background-wrapper {
        padding: 1rem;
    }
    
    .u-servicesHero .element-background {
        border-radius: 0.5rem;
    }

}

.u-serviceOverviewLabels {
    list-style: none;
    display: flex;
    flex-flow: row wrap;
    gap: 1rem;
    margin-bottom: 2rem;
    padding: 0.25rem;
}

@media screen and (max-width: 1023px) {
    .u-serviceOverviewLabels {
        justify-content: center;
        align-items: center;
    }
}

.u-serviceOverviewLabels li {
    padding: 0.5rem;
    border-radius: 0.25rem;
    background-color: rgba(246, 246, 243, 1);
    transition: transform 0.6s ease-in-out;
}

.u-serviceOverviewLabels li:hover {
    transform: translateY(-0.5rem);
}

.u-serviceOverviewLabels li a {
    position: relative;
    color: rgba(133, 131, 111, 1);
    background-image: none!important;
}

.u-serviceOverviewLabels li a:hover {
    background-size: 0 0;
    color: rgba(133, 131, 111, 1);
}

.single-td_service .has-primary-variant-background-color .wp-block-heading.has-small-font-size {
    border-radius: 0.25rem;
}

.td_service-ai-solutions .has-primary-variant-background-color {
    background-color: rgba(246, 246, 243, 1);
}

.td_service-ai-solutions .has-primary-variant-background-color .wp-block-heading.has-small-font-size {
    background-color: rgba(233, 232, 226, 1);
    color: rgba(133, 131, 111, 1);
}

.td_service-ai-solutions .button-full {
    background-color: rgba(233, 232, 226, 1);
}

.td_service-paid-media .has-primary-variant-background-color {
    background-color: rgba(255, 246, 244, 1);
}

.td_service-paid-media .has-primary-variant-background-color .wp-block-heading.has-small-font-size {
    background-color: rgba(254, 181, 164, 1);
    color: rgba(253, 83, 41, 1);
}

.td_service-paid-media .button-full {
    background-color: rgba(254, 181, 164, 1);
}

.td_service-paid-media .u-serviceOverviewLabels li {
    background-color: rgba(254, 181, 164, 1);
}

.td_service-paid-media .u-serviceOverviewLabels li a,
.td_service-paid-media .u-serviceOverviewLabels li a:hover {
    color: rgba(253, 83, 41, 1)!important;
}

.td_service-paid-social .has-primary-variant-background-color {
    background-color: rgba(252, 249, 252, 1);
}

.td_service-paid-social .has-primary-variant-background-color .wp-block-heading.has-small-font-size {
    background-color: rgba(243, 231, 244, 1);
    color: rgba(195, 134, 198, 1);
}

.td_service-paid-social .button-full {
    background-color: rgba(243, 231, 244, 1);
}

.td_service-paid-social .u-serviceOverviewLabels li {
    background-color: rgba(243, 231, 244, 1);
}

.td_service-paid-social .u-serviceOverviewLabels li a,
.td_service-paid-social .u-serviceOverviewLabels li a:hover {
    color: rgba(195, 134, 198, 1)!important;
}

.td_service-affiliate-marketing .has-primary-variant-background-color {
    background-color: rgba(255, 254, 242, 1);
}

.td_service-affiliate-marketing .has-primary-variant-background-color .wp-block-heading.has-small-font-size {
    background-color: rgba(255, 250, 190, 1);
    color: rgba(221, 212, 103, 1);
}

.td_service-affiliate-marketing .button-full {
    background-color: rgba(255, 250, 190, 1);
}

.td_service-affiliate-marketing .u-serviceOverviewLabels li {
    background-color: rgba(255, 250, 190, 1);
}

.td_service-affiliate-marketing .u-serviceOverviewLabels li a,
.td_service-affiliate-marketing .u-serviceOverviewLabels li a:hover {
    color: rgba(221, 212, 103, 1)!important;
}

.td_service-seo .has-primary-variant-background-color {
    background-color: rgba(251, 253, 252, 1);
}

.td_service-seo .has-primary-variant-background-color .wp-block-heading.has-small-font-size {
    background-color: rgba(177, 209, 200, 1);
    color: rgba(53, 114, 98, 1);
}

.td_service-seo .button-full {
    background-color: rgba(177, 209, 200, 1);
}

.td_service-seo .u-serviceOverviewLabels li {
    background-color: rgba(177, 209, 200, 1)
}

.td_service-seo .u-serviceOverviewLabels li a,
.td_service-seo .u-serviceOverviewLabels li a:hover {
    color: rgba(53, 114, 98, 1)!important;
}

.td_service-lead-generation .has-primary-variant-background-color {
    background-color: rgba(243, 249, 255, 1);
}

.td_service-lead-generation .has-primary-variant-background-color .wp-block-heading.has-small-font-size {
    background-color: rgba(148, 207, 250, 1);
    color: rgba(39, 136, 206, 1);
}

.td_service-lead-generation .button-full {
    background-color: rgba(148, 207, 250, 1);
}

.td_service-lead-generation .u-serviceOverviewLabels li {
    background-color: rgba(148, 207, 250, 1);
}

.td_service-lead-generation .u-serviceOverviewLabels li a,
.td_service-lead-generation .u-serviceOverviewLabels li a:hover {
    color: color: rgba(39, 136, 206, 1)!important;
}

.td_service-data .has-primary-variant-background-color {
    background-color: rgba(243, 255, 247, 1);
}

.td_service-data .has-primary-variant-background-color .wp-block-heading.has-small-font-size {
    background-color: rgba(153, 254, 185, 1);
    color: rgba(20, 203, 78, 1);
}

.td_service-data .button-full {
    background-color: rgba(153, 254, 185, 1);
}

.td_service-data .u-serviceOverviewLabels li {
    background-color: rgba(153, 254, 185, 1);
}

.td_service-data .u-serviceOverviewLabels li a,
.td_service-data .u-serviceOverviewLabels li a:hover {
    color: rgba(20, 203, 78, 1)!important;
}

.td_service-audiences .has-primary-variant-background-color {
    background-color: rgba(250, 249, 250, 1);
}

.td_service-audiences .has-primary-variant-background-color .wp-block-heading.has-small-font-size {
    background-color: rgba(180, 176, 190, 1);
    color: rgba(116, 112, 133, 1);
}

.td_service-audiences .button-full {
    background-color: rgba(180, 176, 190, 1);
}

.td_service-audiences .u-serviceOverviewLabels li {
    background-color: rgba(180, 176, 190, 1);
}

.td_service-audiences .u-serviceOverviewLabels li a,
.td_service-audiences .u-serviceOverviewLabels li a:hover {
    color: rgba(116, 112, 133, 1)!important;
}