/*--------------------------------------------------------------
# Caption Follower
--------------------------------------------------------------*/

@media (min-width: 991px) {
    .caption-follower {
        position: fixed;
        pointer-events: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        gap: 10px;
        -webkit-transform: translate(18px, -50%);
                transform: translate(18px, -50%);
        white-space: nowrap;
        z-index: 999;
        opacity: 0;
        -webkit-transition: opacity 0.6s ease;
        transition: opacity 0.6s ease;
        color: white;
        padding-top: 50px;
    }

    .caption-follower .caption {
        font-size: 18px !important;
    }

    .caption-follower .caption-dot {
        width: 7px;
        height: 7px;
        background: #fff;
        border-radius: 50%;
    }
}

/*--------------------------------------------------------------
# Animations
--------------------------------------------------------------*/

.section-title span:first-of-type {
  text-indent: 8vw;
}

    .fade-in {
        opacity: 0;
        -webkit-transform: translateY(80px);
                transform: translateY(80px);
        -webkit-transition: opacity 1.75s cubic-bezier(0.16, 1, 0.3, 1),
            -webkit-transform 1.75s cubic-bezier(0.16, 1, 0.3, 1);
        transition: opacity 1.75s cubic-bezier(0.16, 1, 0.3, 1),
            -webkit-transform 1.75s cubic-bezier(0.16, 1, 0.3, 1);
        transition: opacity 1.75s cubic-bezier(0.16, 1, 0.3, 1),
            transform 1.75s cubic-bezier(0.16, 1, 0.3, 1);
        transition: opacity 1.75s cubic-bezier(0.16, 1, 0.3, 1),
            transform 1.75s cubic-bezier(0.16, 1, 0.3, 1),
            -webkit-transform 1.75s cubic-bezier(0.16, 1, 0.3, 1);
    }

    @media (min-width: 991px) {
    .fade-in.fade-in-delayed {
        -webkit-transition-delay: 250ms;
                transition-delay: 250ms;
    }
    }

    @media (max-width: 992px) {
    .fade-in {
        opacity: 0;
        -webkit-transform: translateY(40px);
                transform: translateY(40px);
    }
    }

    .fade-in.visible {
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }

    .fade-in-title .word {
        display: inline-block;
        opacity: 0;
        -webkit-transform: translateY(10px);
                transform: translateY(10px);
        -webkit-transition: opacity 1.25s cubic-bezier(0.16, 1, 0.3, 1),
            -webkit-transform 1.25s cubic-bezier(0.16, 1, 0.3, 1);
        transition: opacity 1.25s cubic-bezier(0.16, 1, 0.3, 1),
            -webkit-transform 1.25s cubic-bezier(0.16, 1, 0.3, 1);
        transition: opacity 1.25s cubic-bezier(0.16, 1, 0.3, 1),
            transform 1.25s cubic-bezier(0.16, 1, 0.3, 1);
        transition: opacity 1.25s cubic-bezier(0.16, 1, 0.3, 1),
            transform 1.25s cubic-bezier(0.16, 1, 0.3, 1),
            -webkit-transform 1.25s cubic-bezier(0.16, 1, 0.3, 1);
    }

    .fade-in-title.visible .word {
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }