.header-container .headroom-wrapper {
    margin: auto
}

.about-page .our-values {
    position: relative;
    padding: 120px 0 50px
}

.rfm-marquee-container {
    overflow-x: hidden;
    display: flex;
    flex-direction: row;
    position: relative;
    width: var(--width);
    transform: var(--transform)
}

.rfm-marquee-container:hover div {
    animation-play-state: var(--pause-on-hover)
}

.rfm-marquee-container:active div {
    animation-play-state: var(--pause-on-click)
}

.rfm-overlay {
    position: absolute;
    width: 100%;
    height: 100%
}

.rfm-overlay::before,
.rfm-overlay::after {
    background: linear-gradient(to right, var(--gradient-color), transparent);
    content: "";
    height: 100%;
    position: absolute;
    width: var(--gradient-width);
    z-index: 2;
    pointer-events: none;
    touch-action: none
}

.rfm-overlay::after {
    right: 0;
    top: 0;
    transform: rotateZ(180deg)
}

.rfm-overlay::before {
    left: 0;
    top: 0
}

.rfm-marquee {
    flex: 0 0 auto;
    min-width: var(--min-width);
    z-index: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    animation: scroll var(--duration) linear var(--delay) var(--iteration-count);
    animation-play-state: var(--play);
    animation-delay: var(--delay);
    animation-direction: var(--direction)
}

@keyframes scroll {
    0% {
        transform: translateX(0%)
    }

    100% {
        transform: translateX(-100%)
    }
}

.rfm-initial-child-container {
    flex: 0 0 auto;
    display: flex;
    min-width: auto;
    flex-direction: row;
    align-items: center
}

.rfm-child {
    transform: var(--transform)
}

@media screen and (min-width:767px) {
    @-webkit-keyframes fadeInDownSmall {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(0, -10%, 0);
            transform: translate3d(0, -10%, 0)
        }

        to {
            opacity: 1;
            -webkit-transform: translateZ(0);
            transform: translateZ(0)
        }
    }

    @keyframes fadeInDownSmall {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(0, -10%, 0);
            transform: translate3d(0, -10%, 0)
        }

        to {
            opacity: 1;
            -webkit-transform: translateZ(0);
            transform: translateZ(0)
        }
    }

    .animate__fadeInDownSmall {
        -webkit-animation-name: fadeInDownSmall;
        animation-name: fadeInDownSmall
    }

    @-webkit-keyframes fadeInLeftSmall {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(-20%, 0, 0);
            transform: translate3d(-20%, 0, 0)
        }

        to {
            opacity: 1;
            -webkit-transform: translateZ(0);
            transform: translateZ(0)
        }
    }

    @keyframes fadeInLeftSmall {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(-20%, 0, 0);
            transform: translate3d(-20%, 0, 0)
        }

        to {
            opacity: 1;
            -webkit-transform: translateZ(0);
            transform: translateZ(0)
        }
    }

    .animate__fadeInLeftSmall {
        -webkit-animation-name: fadeInLeftSmall;
        animation-name: fadeInLeftSmall
    }

    @keyframes expandHeight {
        from {
            height: 0
        }

        to {
            height: 47px
        }
    }

    .lineAnimation {
        width: 100%;
        height: 0;
        animation: expandHeight 1.2s cubic-bezier(.68, -.55, .27, 1.55) forwards
    }
}