/*
Theme Name: cmpth_seral
Description: Child theme cmpth_seral basado en Compass Multisite Theme.
Author: Digiocracy
Template: cmpth
Version: 1.0.0
Text Domain: cmpth_seral
*/

/*
Site-specific overrides for cmpth_seral live here.
This file is loaded after the parent theme Vite assets.
*/

/*
Color system architecture

1. Canonical Seral tokens live here and should be the only source of truth
   for child-theme overrides.
2. Existing child aliases remain available so current selectors keep reading
   naturally while we migrate.
3. Parent compatibility aliases stay grouped here as a bridge. Some names are
   legacy and no longer describe the visual result; keep that mismatch isolated
   to this block instead of spreading it across the stylesheet.
*/
html:root {
    /* Canonical child palette */
    --cmpth-seral-color-brand: #A32C24;
    --cmpth-seral-color-accent: #FE8071;
    --cmpth-seral-color-ink: #222B6C;
    --cmpth-seral-color-ink-strong: #222222;
    --cmpth-seral-surface-warm: #FFE6E0;
    --cmpth-seral-surface-neutral: #F8F9FC;
    --cmpth-seral-surface-support: #E7F0FF;
    --cmpth-seral-accent-soft: #FFC0B8;
    --cmpth-seral-accent-ghost: #FFECEA;
    --cmpth-seral-header-offset-mobile: 84px;
    --cmpth-seral-header-offset-desktop: 100px;
    --cmpth-seral-module-header-bg: var(--seral-structure-light-blue);
    --cmpth-seral-module-header-control: var(--cmpth-seral-color-ink);
    --cmpth-seral-module-header-control-border: rgba(34, 43, 108, 0.24);
    --cmpth-seral-module-icon-button-bg: var(--cmpth-seral-accent-soft);
    --cmpth-seral-module-icon-button-bg-hover: var(--cmpth-seral-color-accent);
    --cmpth-seral-module-icon-button-icon: var(--cmpth-seral-color-ink-strong);
    --cmpth-seral-module-icon-button-icon-accent: var(--cmpth-seral-color-accent);
    --cmpth-seral-module-icon-button-icon-hover: var(--white);
    --cmpth-seral-module-icon-button-next-bg: rgba(255, 192, 184, 0.5);
    --cmpth-seral-module-section-icon: var(--cmpth-seral-color-accent);
    /* Child-local aliases kept for readability during migration */
    --seral-red-brand: var(--cmpth-seral-color-brand);
    --seral-accent: var(--cmpth-seral-color-accent);
    --seral-blue: var(--cmpth-seral-color-ink);
    --seral-structure-light-red: var(--cmpth-seral-surface-warm);
    --seral-structure-light-blue: var(--cmpth-seral-surface-neutral);
    --seral-structure-blue: var(--cmpth-seral-surface-support);

    /*
    Parent compatibility bridge

    These names feed parent utilities and legacy classes. Keep them grouped here
    so future color changes happen in one place. A few mappings preserve the
    current visual output rather than the original token meaning.
    */
    --accent-light-seral: var(--cmpth-seral-color-accent);
    --accent-seral: var(--cmpth-seral-color-brand);
    --blue-seral: var(--cmpth-seral-color-ink);
    --dark-seral: var(--cmpth-seral-color-ink-strong);
    --orange: var(--cmpth-seral-color-accent);
    --medium-orange: var(--cmpth-seral-accent-soft);
    --light-orange: var(--cmpth-seral-accent-ghost);
    --light-gold: var(--cmpth-seral-surface-support);
}

#viewport main .main-wrapper {
    background-color: var(--cmpth-seral-surface-neutral);
}

::-webkit-scrollbar-thumb {
    background: var(--cmpth-seral-color-brand);
}

::-webkit-scrollbar-thumb:hover {
    background: var(--cmpth-seral-color-brand);
}

* {
    scrollbar-color: var(--cmpth-seral-color-brand) var(--cmpth-seral-accent-ghost);
}

body.home #viewport main .main-wrapper {
    padding-top: var(--cmpth-seral-header-offset-mobile);
}

.project-section .project-section-wrapper .project-section-title {
    background-color: var(--cmpth-seral-surface-neutral);
}

.bg-seral-red-brand,
[data-bg-color="bg-seral-red-brand"] {
    --cmpth-seral-block-bg: var(--cmpth-seral-color-brand);
    background-color: var(--cmpth-seral-color-brand) !important;
}

.bg-seral-accent,
[data-bg-color="bg-seral-accent"] {
    --cmpth-seral-block-bg: var(--cmpth-seral-color-accent);
    background-color: var(--cmpth-seral-color-accent) !important;
}

.bg-seral-blue,
[data-bg-color="bg-seral-blue"] {
    --cmpth-seral-block-bg: var(--cmpth-seral-color-ink);
    background-color: var(--cmpth-seral-color-ink) !important;
}

.bg-seral-structure-light-red,
[data-bg-color="bg-seral-structure-light-red"] {
    --cmpth-seral-block-bg: var(--cmpth-seral-surface-warm);
    background-color: var(--cmpth-seral-surface-warm) !important;
}

.bg-seral-structure-light-blue,
[data-bg-color="bg-seral-structure-light-blue"] {
    --cmpth-seral-block-bg: var(--cmpth-seral-surface-neutral);
    background-color: var(--cmpth-seral-surface-neutral) !important;
}

.bg-seral-structure-blue,
[data-bg-color="bg-seral-structure-blue"] {
    --cmpth-seral-block-bg: var(--cmpth-seral-surface-support);
    background-color: var(--cmpth-seral-surface-support) !important;
}

.bg-seral-red-brand,
.bg-seral-blue {
    color: var(--white);
}

.bg-seral-red-brand :is(h1, h2, h3, h4, h5, h6, p, a, button, .button, .button-c-1, .button-p-2, .button-p-2-b, .button-p-2-i, .title, .subtitle, .description, .content, .section-description, .quote),
.bg-seral-blue :is(h1, h2, h3, h4, h5, h6, p, a, button, .button, .button-c-1, .button-p-2, .button-p-2-b, .button-p-2-i, .title, .subtitle, .description, .content, .section-description, .quote) {
    color: var(--white) !important;
}

.project-section .content-column[data-bg-color] .project-section-title {
    background-color: var(--cmpth-seral-surface-neutral) !important;
}

.project-section .content-column[data-bg-color] .project-section-content {
    background-color: var(--cmpth-seral-block-bg) !important;
}

.multiform-wrapper.forms-section,
.multiform-wrapper.forms-section .forms-section {
    overflow: visible;
}

.forms-section .jcf-select {
    display: flex;
    align-items: stretch;
    min-height: 52px;
    padding: 0 56px 0 0;
}

.forms-section .jcf-select .jcf-select-text {
    display: flex;
    align-items: center;
    width: 100%;
    min-width: 0;
    min-height: 52px;
    padding: 16px 24px;
    box-sizing: border-box;
}

.forms-section .jcf-select .jcf-option {
    display: flex;
    align-items: center;
    min-height: 52px;
    padding: 16px 24px;
    box-sizing: border-box;
}

.forms-section .jcf-select .jcf-select-opener {
    top: 50%;
    right: 24px;
    width: 12px;
    height: 6px;
    transform: translateY(-50%) rotate(180deg);
}

.forms-section .jcf-select.jcf-drop-active {
    border-bottom-color: transparent;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.forms-section .jcf-select.jcf-drop-active .jcf-select-opener {
    transform: translateY(-50%) rotate(0deg);
}

.forms-section .jcf-select .jcf-select-drop {
    top: 100%;
    left: -1px;
    right: -1px;
    margin-top: -1px;
    padding-top: 0;
    border-color: var(--medium-grey);
    border-top: 1px solid var(--medium-grey);
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
}

.forms-section .jcf-select.jcf-drop-flipped {
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
}

.forms-section .jcf-select .jcf-drop-flipped {
    top: auto;
    bottom: 100%;
    margin-bottom: -1px;
    padding-bottom: 0;
    border-color: var(--medium-grey);
    border-bottom: 1px solid var(--medium-grey);
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 16px;
    border-top-left-radius: 16px;
}

.jcf-select-drop .jcf-select-drop-content {
    border: unset;
}

.forms-section .jcf-select.jcf-drop-active.jcf-drop-flipped {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-top-color: transparent;
    border-bottom-color: var(--medium-grey);
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
}

.image-cards-section.bg-seral-red-brand .image-cards-section-wrapper .splide:before,
.image-cards-section.bg-seral-accent .image-cards-section-wrapper .splide:before,
.image-cards-section.bg-seral-blue .image-cards-section-wrapper .splide:before,
.image-cards-section.bg-seral-structure-light-red .image-cards-section-wrapper .splide:before,
.image-cards-section.bg-seral-structure-light-blue .image-cards-section-wrapper .splide:before,
.image-cards-section.bg-seral-structure-blue .image-cards-section-wrapper .splide:before {
    background-color: var(--cmpth-seral-block-bg) !important;
}

.header .logo img {
    width: auto;
    height: 100%;
}

section:nth-child(2) .numbers-section[data-bg-color] {
    background-color: var(--cmpth-seral-block-bg) !important;
}

section:nth-child(2) .numbers-section[data-bg-color]::before {
    background-color: var(--cmpth-seral-block-bg) !important;
}

section:nth-child(2) .numbers-section[data-text-color="text-white"],
section:nth-child(2) .numbers-section[data-text-color="text-white"] :is(h1, h2, h3, h4, h5, h6, p, a, button, .button, .button-c-1, .button-p-2, .button-p-2-b, .button-p-2-i, .title, .subtitle, .description, .content) {
    color: var(--white) !important;
}

section:nth-child(2) .numbers-section[data-text-color="text-black"],
section:nth-child(2) .numbers-section[data-text-color="text-black"] :is(h1, h2, h3, h4, h5, h6, p, a, button, .button, .button-c-1, .button-p-2, .button-p-2-b, .button-p-2-i, .title, .subtitle, .description, .content) {
    color: var(--black) !important;
}

.text-orange {
    color: var(--cmpth-seral-color-accent) !important;
}

.border-orange {
    border-color: var(--cmpth-seral-color-accent) !important;
}

.border-l-orange {
    border-left-color: var(--cmpth-seral-color-accent) !important;
}

.border-medium-orange {
    border-color: var(--cmpth-seral-accent-soft) !important;
}

.bg-orange {
    background-color: var(--cmpth-seral-color-accent) !important;
}

.bg-light-orange {
    background-color: var(--cmpth-seral-accent-ghost) !important;
}

.bg-medium-orange {
    background-color: var(--cmpth-seral-accent-soft) !important;
}

.button-c-1 span {
    background-image: none !important;
    background-color: var(--cmpth-seral-module-section-icon);
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='16' height='11' viewBox='0 0 16 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='1' width='15' height='9' rx='3.5' stroke='black'/%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg width='16' height='11' viewBox='0 0 16 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='1' width='15' height='9' rx='3.5' stroke='black'/%3E%3C/svg%3E%0A");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.button-i-1:not(.next-section),
.button-i-2,
.button-i-plus,
.button-i-3,
.button-i-4,
.button-i-5 {
    background-color: var(--cmpth-seral-module-icon-button-bg) !important;
}

.button-i-1:not(.next-section):hover,
.button-i-2:hover,
.button-i-plus:hover,
.button-i-3:hover,
.button-i-4:hover,
.button-i-5:hover {
    background-color: var(--cmpth-seral-module-icon-button-bg-hover) !important;
}

.button-i-1 span,
.button-i-2 span {
    background-image: none !important;
    background-color: currentColor;
    color: var(--cmpth-seral-module-icon-button-icon);
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='13' height='11' viewBox='0 0 13 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.45633 9.81311L6.80988 10.1667L6.10278 10.8738L5.74922 10.5202L1.08256 5.85355L0.729004 5.49999L1.08256 5.14644L5.74922 0.479774L6.10278 0.126221L6.80988 0.833327L6.45633 1.18688L2.64452 4.99869H11.7707H12.2707V5.99869H11.7707H2.64191L6.45633 9.81311Z' fill='black'/%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg width='13' height='11' viewBox='0 0 13 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.45633 9.81311L6.80988 10.1667L6.10278 10.8738L5.74922 10.5202L1.08256 5.85355L0.729004 5.49999L1.08256 5.14644L5.74922 0.479774L6.10278 0.126221L6.80988 0.833327L6.45633 1.18688L2.64452 4.99869H11.7707H12.2707V5.99869H11.7707H2.64191L6.45633 9.81311Z' fill='black'/%3E%3C/svg%3E%0A");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.button-i-1:not(.next-section) span {
    width: 12px;
    height: 12px;
    transform: rotate(180deg);
}

.button-i-2 span {
    width: 12px;
    height: 12px;
    transform: none;
}

.button-i-1:hover span,
.button-i-2:hover span {
    color: var(--cmpth-seral-module-icon-button-icon-hover);
}

.button-i-1.next-section {
    background-color: var(--cmpth-seral-module-icon-button-next-bg) !important;
}

.button-i-1.next-section:hover {
    background-color: var(--cmpth-seral-module-icon-button-next-bg) !important;
}

.button-i-1.next-section span {
    width: 22px;
    height: 22px;
    color: var(--cmpth-seral-module-icon-button-icon-accent);
    transform: rotate(-135deg);
}

.button-i-1.next-section:hover span {
    color: var(--cmpth-seral-module-icon-button-icon-accent);
}

.button-i-1.next-section:hover::before {
    border-color: var(--cmpth-seral-module-icon-button-icon-accent) !important;
}

.button-i-plus span::before,
.button-i-plus span::after,
.button-i-3 span::before,
.button-i-3 span::after {
    background-color: var(--cmpth-seral-module-icon-button-icon) !important;
}

.button-i-plus:hover span::before,
.button-i-plus:hover span::after,
.button-i-3:hover span::before,
.button-i-3:hover span::after {
    background-color: var(--cmpth-seral-module-icon-button-icon-hover) !important;
}

.button-i-4 span,
.button-i-5 span {
    background-image: none !important;
    background-color: currentColor;
    color: var(--cmpth-seral-module-icon-button-icon-accent);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.button-i-4 span {
    width: 19px;
    height: 19px;
    transform: translateX(2px);
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='19' viewBox='10 7 15 19' fill='none'%3E%3Cpath d='M10.3984 7.16537L25.1984 16.4987L10.3984 25.832Z' stroke='black' stroke-width='1.5' stroke-linecap='square' fill='none'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='19' viewBox='10 7 15 19' fill='none'%3E%3Cpath d='M10.3984 7.16537L25.1984 16.4987L10.3984 25.832Z' stroke='black' stroke-width='1.5' stroke-linecap='square' fill='none'/%3E%3C/svg%3E");
}

.button-i-5 span {
    width: 19px;
    height: 19px;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='10' height='21' viewBox='0 0 10 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.999999 1.50049L1 19.5005' stroke='black' stroke-width='1.5' stroke-linecap='square'/%3E%3Cpath d='M9 1.50049L9 19.5005' stroke='black' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg width='10' height='21' viewBox='0 0 10 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.999999 1.50049L1 19.5005' stroke='black' stroke-width='1.5' stroke-linecap='square'/%3E%3Cpath d='M9 1.50049L9 19.5005' stroke='black' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E%0A");
}

.button-i-4:hover span,
.button-i-5:hover span {
    color: var(--cmpth-seral-module-icon-button-icon-hover);
}

.custom_splide__pagination .separator {
    background-color: var(--cmpth-seral-accent-soft) !important;
}

.custom_splide__pagination .separator span {
    background-color: var(--cmpth-seral-color-accent) !important;
}

.button-p-2.button-p-2-i {
    border-color: var(--cmpth-seral-color-accent) !important;
}

.button-p-2.button-p-2-i span::before,
.button-p-2.button-p-2-i span::after {
    background-color: var(--cmpth-seral-color-accent) !important;
}

.button-p-2.button-p-2-i:hover span::before,
.button-p-2.button-p-2-i:hover span::after {
    background-color: var(--white) !important;
}

.home .two-blocks-image-text-section-block-content .button-p-2[target="_blank"] span {
    width: 14px;
    height: 14px;
    background-image: none !important;
    background-color: transparent !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
    transform: translateY(-1px);
}

.home .two-blocks-image-text-section-block-content .button-p-2[target="_blank"] span::before,
.home .two-blocks-image-text-section-block-content .button-p-2[target="_blank"] span::after {
    content: "";
    display: block;
    width: 14px;
    height: 1px;
    background-color: var(--cmpth-seral-color-accent);
    transition: background-color 0.3s ease-in-out;
}

.home .two-blocks-image-text-section-block-content .button-p-2[target="_blank"] span::before {
    transform: translateY(7px);
}

.home .two-blocks-image-text-section-block-content .button-p-2[target="_blank"] span::after {
    transform: translateY(6px) rotate(90deg);
}

.home .two-blocks-image-text-section-block-content .button-p-2[target="_blank"]:hover span {
    transform: translateY(-1px) rotate(90deg);
}

.home .two-blocks-image-text-section-block-content .button-p-2[target="_blank"]:hover span::before,
.home .two-blocks-image-text-section-block-content .button-p-2[target="_blank"]:hover span::after {
    background-color: var(--white);
}

body .menu-interaction,
body .header {
    background-color: var(--cmpth-seral-module-header-bg);
}

.header {
    padding-top: 12px;
    padding-bottom: 16px;
    align-items: center;
}

.header .dummy {
    margin-right: 32px;
}

.header .logo {
    width: 50px;
    height: auto;
    margin: 0;
}

.header.sticky .logo {
    width: 30px;
}

.menu-footer .logo-footer .logo,
.menu-footer .logo-footer .logo a {
    width: 50px;
}

.header .logo a,
.menu-footer .logo-footer .logo a {
    display: inline-flex;
}

.header .logo img,
.header .logo svg {
    width: 100%;
    height: auto;
    object-fit: contain;
}

.menu-footer .logo-footer .logo img,
.menu-footer .logo-footer .logo svg {
    width: 100%;
    height: auto;
}

.desktop-menu .search,
.header .search-mobile,
.desktop-menu .lang,
.menu-wrapper .lang {
    color: var(--cmpth-seral-module-header-control);
}

.desktop-menu .search span,
.header .search-mobile span {
    background-image: none !important;
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.06958 14.8859C7.06958 10.5691 10.569 7.06973 14.8857 7.06973C19.2025 7.06973 22.7019 10.5691 22.7019 14.8859C22.7019 19.2026 19.2025 22.7021 14.8857 22.7021C10.569 22.7021 7.06958 19.2026 7.06958 14.8859ZM14.8857 5.56973C9.74057 5.56973 5.56958 9.74072 5.56958 14.8859C5.56958 20.0311 9.74057 24.2021 14.8857 24.2021C17.1884 24.2021 19.2959 23.3667 20.9218 21.9824L25.3697 26.4302L26.4303 25.3696L21.9825 20.9217C23.3666 19.2959 24.2019 17.1884 24.2019 14.8859C24.2019 9.74072 20.0309 5.56973 14.8857 5.56973Z' fill='black'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.06958 14.8859C7.06958 10.5691 10.569 7.06973 14.8857 7.06973C19.2025 7.06973 22.7019 10.5691 22.7019 14.8859C22.7019 19.2026 19.2025 22.7021 14.8857 22.7021C10.569 22.7021 7.06958 19.2026 7.06958 14.8859ZM14.8857 5.56973C9.74057 5.56973 5.56958 9.74072 5.56958 14.8859C5.56958 20.0311 9.74057 24.2021 14.8857 24.2021C17.1884 24.2021 19.2959 23.3667 20.9218 21.9824L25.3697 26.4302L26.4303 25.3696L21.9825 20.9217C23.3666 19.2959 24.2019 17.1884 24.2019 14.8859C24.2019 9.74072 20.0309 5.56973 14.8857 5.56973Z' fill='black'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.desktop-menu .lang select,
.menu-wrapper .lang select {
    border-color: var(--cmpth-seral-module-header-control-border);
    background-color: var(--cmpth-seral-module-header-bg);
    color: var(--cmpth-seral-module-header-control);
}

.desktop-menu .lang::after,
.menu-wrapper .lang::after {
    background-image: none !important;
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='9' height='6' viewBox='0 0 9 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.5 5.5L4.5 1.5L0.5 5.5' stroke='black'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg width='9' height='6' viewBox='0 0 9 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.5 5.5L4.5 1.5L0.5 5.5' stroke='black'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.desktop-menu .lang select:hover,
.desktop-menu .lang select:focus,
.menu-wrapper .lang select:hover,
.menu-wrapper .lang select:focus {
    border-color: var(--cmpth-seral-color-brand);
    background-color: var(--white);
}

.project-section {
    margin-top: 0;
    margin-bottom: 0;
}

.home .project-section .project-section-title {
    background-color: var(--white);
}

.project-section .project-section-wrapper .project-section-title-wrapper {
    padding-top: 5rem;
}

.home .project-section .project-section-title-wrapper {
    gap: 12px;
}

.home .project-section .slide-content h3 {
    font-size: clamp(1.95rem, 2.4vw, 2.5rem);
    line-height: 1.04;
    max-width: 19ch;
}

@media (min-width: 770px) {
    .project-section {
        margin-top: 0;
        margin-bottom: 0;
    }

    .project-section .project-section-wrapper .project-section-content .project-section-content-wrapper .slide-content {
        padding-right: 15%;
        padding-bottom: 5rem;
    }
}

.home .project-section .custom_splide__pagination,
.home .project-section .custom_splide__pagination .current,
.home .project-section .custom_splide__pagination .total {
    color: var(--cmpth-seral-color-brand) !important;
}

.home .project-section .custom_splide__pagination .separator {
    width: 52px;
}

.image-cards-section .title-text-blocks {
    margin-bottom: 0.5rem !important;
}

.home .image-cards-section .card-image-content-content {
    background-color: var(--white);
}

.home .image-cards-section .card-image-content-content-wrapper {
    padding-top: 12px;
    padding-right: 16px;
    padding-bottom: 18px;
}

.image-cards-section .card-image-content-content-wrapper .content,
.services-section .card-distributor-content {
    max-height: 0;
    margin-bottom: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.35s ease, margin-bottom 0.35s ease, opacity 0.2s ease;
}

.image-cards-section .card-image-content:hover .card-image-content-content-wrapper .content,
.image-cards-section .card-image-content:focus-within .card-image-content-content-wrapper .content {
    max-height: 180px;
    margin-bottom: 8px;
    opacity: 1;
}

.services-section .card-distributor:hover .card-distributor-content,
.services-section .card-distributor:focus-within .card-distributor-content {
    max-height: 206px;
    margin-bottom: 24px;
    opacity: 1;
}

.home .two-blocks-image-text-section .title-text-blocks-content .title {
    max-width: 20ch;
}

.two-blocks-image-text-section .title-text-blocks-content .description {
    max-width: 60ch;
}

@media (min-width: 770px) {
    .title-text-blocks-content {
        grid-column: span 9 / span 9;
    }
}

.home .two-blocks-image-text-section-block-content .title {
    max-width: 15ch;
}

.home .forms-section .forms-section-selector,
.home .forms-section .tabs-section {
    background-color: var(--white);
}

.home .forms-section .forms-section-wrapper {
    align-items: stretch;
}

.home .forms-section .forms-section-selector {
    min-height: 100%;
}

.home .forms-section .forms-section-title {
    max-width: 10ch;
}

.home .forms-section .forms-section-description {
    max-width: 29rem;
}

.gfield_consent_description {
    font-family: "InstrumentSans-Regular", sans-serif;
    font-size: 10px;
    line-height: 1.2;
}

.forms-section .gform_wrapper textarea.small {
    height: 132px;
    min-height: 132px;
}

.forms-section .gform_wrapper .gfield.gf_list_inline .gfield_checkbox {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 24px;
}

.forms-section .gform_wrapper .gfield.gf_list_inline .gchoice {
    align-items: center;
    width: auto;
}

.forms-section .gform_wrapper .gfield.gf_list_inline .jcf-checkbox,
.forms-section .gform_wrapper .gfield.cmpth-consent .jcf-checkbox {
    flex: 0 0 auto;
    margin-right: 8px;
}

.forms-section .gform_wrapper .gfield.gf_list_inline .jcf-checkbox span,
.forms-section .gform_wrapper .gfield.cmpth-consent .jcf-checkbox span {
    display: none;
}

.forms-section .gform_wrapper .gfield.gf_list_inline .jcf-checkbox::after,
.forms-section .gform_wrapper .gfield.cmpth-consent .jcf-checkbox::after {
    content: "";
    position: absolute;
    inset: 2px;
    display: none;
    border-radius: 2px;
    background-color: var(--cmpth-seral-color-accent);
    pointer-events: none;
}

.forms-section .gform_wrapper .gfield.gf_list_inline .jcf-checkbox.jcf-checked::after,
.forms-section .gform_wrapper .gfield.cmpth-consent .jcf-checkbox.jcf-checked::after {
    display: block;
}

.forms-section .gform_wrapper .gfield.gf_list_inline .jcf-checkbox input[type="checkbox"],
.forms-section .gform_wrapper .gfield.cmpth-consent .jcf-checkbox input[type="checkbox"] {
    opacity: 0;
}

.content-info .footer-rrss ul li[class*="button-rrss-"] a,
.content-info .footer-rrss ul li[class*="button-rrss-"] span {
    background-color: var(--blue-seral) !important;
}

.content-info .footer-rrss ul li[class*="button-rrss-"]:hover a,
.content-info .footer-rrss ul li[class*="button-rrss-"]:hover span {
    background-color: var(--blue-seral) !important;
}

.page-id-8 .image-text-section-title[data-bg-color="bg-light-grey"],
.page-id-10 .image-text-section-title[data-bg-color="bg-seral-structure-light-blue"] {
    background-color: var(--cmpth-seral-surface-neutral) !important;
}

.page-id-8 .image-text-section-title .text,
.page-id-10 .image-text-section-title .text,
.page-id-8 .numbers-section .content,
.page-id-10 .numbers-section .content {
    max-width: 34rem;
}

.page-id-10 .numbers-section .number-item-title,
.page-id-10 .numbers-section .number-item-title * {
    color: var(--white) !important;
}

.page-id-10 .numbers-section .number-item-content {
    font-family: "InstrumentSans-Regular", sans-serif;
    font-size: 13px;
    letter-spacing: 0;
}

.page-id-9 .title-text-section-content {
    max-width: 44rem;
}

.page-id-9 .title-text-section .description {
    max-width: 41rem;
}

@media (min-width: 1030px) {
    body.home #viewport main .main-wrapper {
        padding-top: var(--cmpth-seral-header-offset-desktop);
    }

    .header {
        padding-top: 18px;
        padding-bottom: 18px;
    }

    .header .logo {
        width: 50px;
        height: auto;
    }

    .header.sticky .logo {
        width: 30px;
    }

}