@layer pages {
    .page-landing {
        .landing-header {
            padding: var(--gap);
            margin-bottom: var(--double-gap);

            .two-columns {
                margin-bottom: unset;
            }

            .laptop {
                position: relative;
            }

            .laptop-foreground {
                height: 48%;
                left: 45%;
                position: absolute;
                top: 22%;
                width: 38%;
            }
        }

        .landing-header-content {
            h1, h2, h3, h4, h5, h6 {
                margin-bottom: var(--gap);
            }
            div {
                line-height: 1.6;
            }
        }

        main {
            max-width: 1170px;
            margin: 0 auto;
        }
    }

    .page-faq {
        .panel-heading {
            h2 {
                font-size: 1.4rem;
            }
        }
        .panel-body {
            padding-bottom: var(--half-gap);;
            line-height: 1.4;
        }
        .accordion-list {
            margin-bottom: 0;
        }
        .accordion-toggle {
            outline: 1px solid #fff;
        }
    }
}

@layer content-block {
    .m-content-block {
        margin-bottom: var(--double-gap);
        line-height: 1.6;

        &:last-child {
            margin-bottom: 0;
        }

        .two-columns {
            margin-bottom: unset;
        }
    }

    .m-content-block-translatable_ckeditor {
        h1, h2, h3, h4, h5, h6 {
            font-family: "Montserrat", sans-serif;
            font-weight: 600;
            margin-bottom: var(--gap);
        }
        ul, ol {
            margin-bottom: var(--gap);
        }
    }

    .m-content-block-two_column_text {

    }

    .accordion-title {
        font-family: "Montserrat", sans-serif;
        font-size: var(--font-size-2);
        margin-bottom: var(--gap);
    }
    .accordion-list {
        margin-bottom: 100px;

        details {
            summary {
                &::marker {
                    content: none;
                }

                &::-webkit-details-marker {
                    display: none;
                }
            }
        }

        .panel-heading {
            align-items: center;
            display: flex;
            justify-content: space-between;
            cursor: pointer;
            margin-bottom: var(--half-gap);
        }

        .panel-title {
            color: #11238F!important;
        }

        .panel-body {
        }

        .accordion-toggle {
            height: 2em;
            aspect-ratio: 1;
            display: block;
            border-radius: 100%;

            background-color: #ebebeb;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='27' height='27'%3E%3Ccircle cx='13.5' cy='13.5' r='13.5' fill='none'/%3E%3Cpath fill='none' stroke='%2311238f' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' d='m12 8.5 5 5-5 5'/%3E%3C/svg%3E");
            background-position: center;
            background-repeat: no-repeat;
            transition: transform 150ms ease-in;
        }

        details[open] {
            .accordion-toggle {
                transform: rotate(90deg);
            }
        }
    }

    .m-content-block-columnsWithImage {
    }

    .m-content-block__features {
    }

    .m-content-block-icons {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: var(--gap);

        @media (max-width: 800px) {
            grid-template-columns: 1fr;
        }

        .m-content-block-icon {
            display: grid;
            grid-template-columns: auto 1fr;
            gap: var(--gap);
        }
        .m-content-block-icon__image {
        }
        .m-content-block-icon__content {
        }
    }

    .m-heading {
        margin: 0 0 50px;

        font-size: 48px;
        font-weight: 200;
    }

    .m-heading--h1 {
        font-size: 38px;
    }

    .m-heading--h2 {
        margin-bottom: 36px;
        font-size: 30px;
    }

    .m-heading--h3 {
        margin-bottom: 27px;
        font-size: 24px;
    }

    .m-content-block-translatable_columns_with_image {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
        gap: var(--gap);
    }

    .m-content-block-translatable_image {
        display: flex;
        justify-content: center;
    }

    .m-content-block-translatable_text_with_image {
    }
}

@layer content-block-button {
    .m-title {
        display: inline-block;
        margin: 0 0 5px;

        font-size: 24px;
        font-weight: 400;
    }

    .m-button {
        display: inline-flex;
        margin: 0 auto;
        min-height: var(--btn-min-height);
        padding: 0 var(--gap);
        align-items: center;
        gap: var(--half-gap);
        flex-shrink: 0;

        border: 3px solid #fff;
        border-radius: 10px;

        /* max/h4-bold */
        font-family: Montserrat;
        font-style: normal;
        line-height: normal;

        transition:
            background 300ms ease-out,
            color 300ms ease-out;

        font-weight: 700;

        background: var(--color-orange);
        color: #000;
        text-decoration: none;
        font-size: var(--font-size-2);

        &:hover {
            background: var(--color-dark);
            color: var(--color-orange);
        }

    }

    .m-button--with-icon {
    }

    .m-button--separator {
        margin-bottom: 10px;
    }

    .m-button--big {
    }

    .m-button--primary {
    }

    .m-button--second {
    }

    .m-button--default {
    }

    .m-button--danger {
    }

    .m-button--big-text {
    }

    .m-button--inline {
    }

    .m-button--fixed {
    }

    .m-button--site {
    }

    .m-button--link {
    }

    .m-button--secondary {
    }

    .m-button--collapse {
    }
}


/*# sourceMappingURL=infosite-page-landing.d2c9549dbad0be5da790.css.map*/