@keyframes qi-blocks-fade-in {
    0% {
        opacity: 0;
        visibility: hidden;
        z-index: 102
    }
    to {
        opacity: 1;
        visibility: visible;
        z-index: 102
    }
}

@keyframes qi-blocks-fade-out {
    0% {
        opacity: 1;
        visibility: visible;
        z-index: 102
    }
    to {
        opacity: 0;
        visibility: hidden;
        z-index: 0
    }
}

@keyframes qi-blocks-animate-underline-from-left {
    0% {
        transform: scaleX(1);
        transform-origin: right
    }
    37% {
        transform: scaleX(0);
        transform-origin: right
    }
    38% {
        transform: scaleX(0);
        transform-origin: left
    }
    to {
        transform: scaleX(1);
        transform-origin: left
    }
}

@keyframes qi-blocks-animate-underline-from-right {
    0% {
        transform: scaleX(1);
        transform-origin: left
    }
    37% {
        transform: scaleX(0);
        transform-origin: left
    }
    38% {
        transform: scaleX(0);
        transform-origin: right
    }
    to {
        transform: scaleX(1);
        transform-origin: right
    }
}

@keyframes qi-blocks-animate-underline-multiline {
    0% {
        background-position-x: right;
        background-size: 100% 87%
    }
    38% {
        background-position-x: right;
        background-size: 0 87%
    }
    39% {
        background-position-x: left;
        background-size: 0 87%
    }
    to {
        background-position-x: left;
        background-size: 100% 87%
    }
}

@keyframes qi-blocks-animate-underline-multiline-2 {
    0% {
        background-position-x: right;
        background-size: 100% 95%
    }
    38% {
        background-position-x: right;
        background-size: 0 95%
    }
    39% {
        background-position-x: left;
        background-size: 0 95%
    }
    to {
        background-position-x: left;
        background-size: 100% 95%
    }
}

@keyframes qi-blocks-animate-highlight {
    0% {
        background-position-x: left;
        background-size: 0 100%
    }
    to {
        background-position-x: left;
        background-size: 100% 100%
    }
}

@keyframes qi-blocks-animate-underline-multiline-thick {
    0% {
        background-position-x: right;
        background-size: 100% 93%
    }
    38% {
        background-position-x: right;
        background-size: 0 93%
    }
    39% {
        background-position-x: left;
        background-size: 0 93%
    }
    to {
        background-position-x: left;
        background-size: 100% 93%
    }
}

@keyframes qi-blocks-follow-info {
    0% {
        -webkit-clip-path: inset(0 100% 0 0);
        clip-path: inset(0 100% 0 0)
    }
    to {
        -webkit-clip-path: inset(0 0 0 0);
        clip-path: inset(0 0 0 0)
    }
}

.qi-block-section-title {
    position: relative
}

.qi-block-section-title .qodef-m-title {
    margin: 0;
    overflow-wrap: break-word
}

.qi-block-section-title .qodef-m-subtitle {
    align-items: baseline;
    display: inline-flex;
    margin: 0
}

.qodef-subtitle-icon--right.qi-block-section-title .qodef-m-subtitle {
    flex-direction: row
}

.qodef-subtitle-icon--left.qi-block-section-title .qodef-m-subtitle {
    flex-direction: row-reverse
}

.qi-block-section-title .qodef-m-icon-holder {
    display: inline-block;
    line-height: 1em
}

.qi-block-section-title .qodef-m-icon-holder svg {
    fill: currentColor;
    stroke: currentColor;
    height: auto;
    width: 1em
}

.qi-block-section-title>.qodef-m-text {
    margin: .5em 0 0
}

.qi-block-section-title>.qodef-m-text a {
    color: inherit
}

.qi-block-section-title .qodef-m-button .qodef-block-container {
    margin-top: .65em
}

.qi-block-section-title.qodef-link--underline-draw .qodef-m-title a {
    background-image: linear-gradient(transparent calc(100% - .07em), currentColor .07em);
    background-repeat: no-repeat;
    background-size: 100% 87%;
    color: inherit;
    text-decoration: none;
    width: 100%
}

.qi-block-section-title.qodef-link--underline-draw .qodef-m-title a:hover {
    animation: qi-blocks-animate-underline-multiline 1.1s cubic-bezier(.32, .32, .15, 1.17) forwards
}

.qi-block-section-title.qodef-text-link--underline>.qodef-m-text a {
    background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px);
    background-repeat: no-repeat;
    background-size: 0 100%;
    transition: .9s cubic-bezier(.32, .32, .15, 1.17);
    width: 100%
}

.qi-block-section-title.qodef-text-link--underline>.qodef-m-text a:hover {
    background-size: 100% 100%
}

.qi-block-section-title.qodef-text-link--underline-thick>.qodef-m-text a {
    background-image: linear-gradient(transparent calc(100% - 2px), currentColor 2px);
    background-repeat: no-repeat;
    background-size: 0 100%;
    transition: .9s cubic-bezier(.32, .32, .15, 1.17);
    width: 100%
}

.qi-block-section-title.qodef-text-link--underline-thick>.qodef-m-text a:hover {
    background-size: 100% 100%
}

.qi-block-section-title.qodef-text-link--underline-initial>.qodef-m-text a {
    background-image: linear-gradient(transparent calc(100% - .07em), currentColor .07em);
    background-repeat: no-repeat;
    background-size: 100% 93%
}

.qi-block-section-title.qodef-text-link--underline-initial>.qodef-m-text a:hover {
    animation: qi-blocks-animate-underline-multiline-thick 1.1s cubic-bezier(.32, .32, .15, 1.17) forwards
}

@media (max-width:1024px) {
    .qi-block-section-title.qodef-text-break-disabled--tablet .qodef-m-text br,
    .qi-block-section-title.qodef-title-break-disabled--tablet .qodef-m-title br {
        display: none
    }
}

@media (max-width:680px) {
    .qi-block-section-title.qodef-text-break-disabled--mobile .qodef-m-text br,
    .qi-block-section-title.qodef-title-break-disabled--mobile .qodef-m-title br {
        display: none
    }
}