.page-id-970 .container.gutenberg .page-content {
    padding: 48px;
    max-width: 1440px;
}

.page-id-970 .anim-section {
    border: 2px dashed #888;
    padding: 64px;
    margin-bottom: 48px;
    overflow: hidden;
    border-radius: 25px;
}

.page-id-970 .container.gutenberg .page-content {
    margin-top: 109px;
}



.hf-animate-hide {
    opacity: 0;
}

.animate__animated {
    opacity: 1;
}



/* NO JS */
.button-white::after,
.button-black::after,
.link-button-white::after,
.link-button-transparent::after,
.link-button-black::after,
.box-cta::after,
.box-cta.light img,
.press-release a img,
.button-header a::after {

    transition: transform .6s ease-in-out;
    transform: rotate(0deg);
    /* Ensures no rotation on page load */
}

.button-white:hover::after,
.button-black:hover::after,
.link-button-white:hover::after,
.link-button-transparent:hover::after,
.link-button-black:hover::after,
.box-cta:hover::after,
.box-cta.light:hover img,
.press-release a:hover img,
.button-header a:hover::after {
    transform: rotate(-315deg);
    /* Counterclockwise rotation */
}

.button-white:not(:hover)::after,
.button-black:not(:hover)::after,
.link-button-white:not(:hover)::after,
.link-button-transparent:not(:hover)::after,
.link-button-black:not(:hover)::after,
.box-cta:not(:hover)::after,
.box-cta.light:not(:hover) img,
.press-release a:not(:hover) img,
.button-header a:not(:hover)::after {
    transform: rotate(0deg);
    /* Reverses to original position on mouse out */
}





.text-gradient.gradient.animate__animated {
    width: 68px;
}


hr.expect_animation {
    background-color: #888;
    height: 5px;
    margin: 64px 0;
}

/* <hr class='hf-hr-short hf-animate-hide' data-animation="animate_widen"> */

hr.hf-hr-short {
    opacity: 1;
    width: 3%;
    transition: width 1s ease-in-out;
}

hr.animate_widen {
    width: 100%;
}


.hf-box {
    width: 300px;
    padding: 32px;
    margin: 0;
    background-color: #ccc;
    justify-content: center;
    font-size: 24px;

}


.animate__animated.duration_400 {
    animation-duration: .4s;
}

.animate__animated.duration_500 {
    animation-duration: .5s;
}

.animate__animated.duration_1 {
    animation-duration: 1s;
}

.animate__animated.duration_2 {
    animation-duration: 2s;
}

.animate__animated.duration_3 {
    animation-duration: 3s;
}

.animate__animated.duration_4 {
    animation-duration: 4s;
}



.hf-hide-overflow {
    overflow: hidden;
}


@keyframes shift-gradient {
    0% {
        background-size: 100% 100%;
    }

    50% {
        background-size: 500% 500%;
    }

    100% {
        background-size: 100% 100%;
    }
}

.animate-gradient {
    background-size: 100% 100%;
    /* Enlarges the background for smooth movement */
    animation: shift-gradient 3s ease-in-out forwards;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
}




@media screen and (min-width:500px) {

    .animate__animated.delay_0 {}

    .delay_100 {
        -webkit-animation-delay: .1s !important;
        animation-delay: .1s !important;
    }

    .delay_200 {
        -webkit-animation-delay: .2s !important;
        animation-delay: .2s !important;
    }

    .delay_300 {
        -webkit-animation-delay: .3s !important;
        animation-delay: .3s !important;
    }

    .delay_400 {
        -webkit-animation-delay: .4s !important;
        animation-delay: .4s !important;
    }

    .delay_500 {
        -webkit-animation-delay: .5s !important;
        animation-delay: .5s !important;
    }

    .delay_600 {
        -webkit-animation-delay: .6s !important;
        animation-delay: .6s !important;
    }

    .delay_700 {
        -webkit-animation-delay: .7s !important;
        animation-delay: .7s !important;
    }

    .delay_800 {
        -webkit-animation-delay: .8s !important;
        animation-delay: .8s !important;
    }

    .delay_900 {
        -webkit-animation-delay: .9s !important;
        animation-delay: .9s !important;
    }


    .delay_1000 {
        -webkit-animation-delay: 1s !important;
        animation-delay: 1s !important;
    }


    .delay_1100 {
        -webkit-animation-delay: 1.1s !important;
        animation-delay: 1.1s !important;
    }

    .delay_1200 {
        -webkit-animation-delay: 1.2s !important;
        animation-delay: 1.2s !important;
    }


    .delay_1300 {
        -webkit-animation-delay: 1.3s !important;
        animation-delay: 1.3s !important;
    }

    .delay_1400 {
        -webkit-animation-delay: 1.4s !important;
        animation-delay: 1.4s !important;
    }


    .delay_1500 {

        -webkit-animation-delay: 1.5s !important;
        animation-delay: 1.5s !important;

    }

    .delay_1600 {
        -webkit-animation-delay: 1.6s !important;
        animation-delay: 1.6s !important;
    }


    .delay_1700 {
        -webkit-animation-delay: 1.7s !important;
        animation-delay: 1.7s !important;
    }


    .delay_1800 {
        -webkit-animation-delay: 1.8s !important;
        animation-delay: 1.8s !important;
    }


    .delay_1900 {
        -webkit-animation-delay: 1.9s !important;
        animation-delay: 1.9s !important;
    }


    .delay_2000 {
        -webkit-animation-delay: 2s !important;
        animation-delay: 2s !important;
    }

    .delay_2100 {
        -webkit-animation-delay: 2.1s !important;
        animation-delay: 2.1s !important;
    }

    .delay_2200 {
        -webkit-animation-delay: 2.2s !important;
        animation-delay: 2.2s !important;
    }

    .delay_2300 {
        -webkit-animation-delay: 2.3s !important;
        animation-delay: 2.3s !important;
    }

    .delay_2400 {
        -webkit-animation-delay: 2.4s !important;
        animation-delay: 2.4s !important;
    }

    .delay_2500 {
        -webkit-animation-delay: 2.5s !important;
        animation-delay: 2.5s !important;
    }

    .delay_3000 {
        -webkit-animation-delay: 3s !important;
        animation-delay: 3s !important;
    }

    .delay_3500 {
        -webkit-animation-delay: 3.5s !important;
        animation-delay: 3.5s !important;
    }

    .delay_4000 {
        -webkit-animation-delay: 4s !important;
        animation-delay: 4s !important;
    }



}


.parallax-container {
    position: relative;
    width: 100%;
    height: 400px;
    /* Adjust as needed */
    overflow: hidden;
    /* Prevents overflow */
}


/* Image with parallax effect */
.parallax-car,
.hf-anim-parallax-frame {

    overflow: hidden;
    width: 400px;
    height: 400px;
    border-radius: 32px;

    /* Smooth transition effect */
    transition: transform 0.1s linear;
}

.parallax-car img,
.hf-anim-parallax-frame img {
    width: 100%;
    height: 150%;
    /* Taller than the container for parallax effect */
    object-fit: cover;
}

.hf-textl-imager-wrapper .col-right img {
    border-radius: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}




.hf-animated-line {
    height: 4px;
}

.hf-animated-line {
    justify-content: center !important;
}

.hf-animated-line .line {
    width: 5% !important;
    transition: width 1s ease-in-out;
}

.hf-animated-line.animate__animated .line {
    width: 100% !important;
}


.page-id-1166 {
	overflow-x:hidden;
}
.page-id-1166 section, .page-id-1166 .brxe-aHFheading {
	position:relative;
}

.hf-animation-preview {
	position:absolute;
	bottom:100px;
	right:16px;
}

.hf-animation-preview button {
	background-color: #18ae18;
    color: white;
    padding: 3px 9px 4px 9px;
    border-radius: 4px;
    opacity: .3;
    cursor:pointer;
    z-index:99999;
    display:block;
}

.hf-animation-preview button:hover {
	opacity:1;
}

.hf-play-button {
  width: 0;
  height: 0;
  border-left: 14px solid white;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  float:right;
  margin-left:6px;
  margin-top:3px;
  opacity:.3;
}

.hf-anim-table-of-contents {
	margin:50px auto 100px auto;
	padding:50px;
	background-color:#333;
	color:#f0f0f0;
	border-radius:48px;
	width:80%;
}

.hf-anim-table-of-contents ul {
	margin:18px 48px;
}

.hf-animation-preview-top {
	clear:both;
	float:right;
	margin-top:8px;
	margin-right:14px;
	border-radius:4px;
	background:#b53ca9;
	color:white;
	opacity:.3;
	cursor:pointer;
	padding: 0 9px;
}

.hf-animation-preview-top:hover {
	opacity:1;
}

#brxe-nymbsd .hf-animation-preview {
	display:none;
}

/* SUBS FOR animate.style */


@keyframes fadeInLeft_short {
    from {
        opacity: 0;
        transform: translate3d(-5%, 0, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

.fadeInLeft_short {
    animation: fadeInLeft_short .5s ease-out forwards;
}

.fadeInLeft_short.long_duration {
    animation: fadeInLeft_short 1.5s ease-out forwards;
}



@keyframes fadeInRight_short {
    from {
        opacity: 0;
        transform: translate3d(80%, 0, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

.fadeInRight_short {
    animation: fadeInRight_short .5s ease-out forwards;
}




@keyframes marginFadeUp {
    from {
        opacity: 1;
        margin-top: 0px;
    }

    to {
        opacity: 1;
        margin-top: -90px;
    }
}

.marginFadeUp {
    animation: marginFadeUp 1s ease-out forwards;
}



@keyframes fadeInUp_short {
    from {
        opacity: 0;
        transform: translate3d(0, 80px, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

.fadeInUp_short {
    animation-name: fadeInUp_short;
}





@keyframes fadeInLeft_icon {
    0% {
        opacity: 0;
        transform: translate3d(-5%, 0, 0);
    }

    50% {

        transform: translate3d(0, 0, 0);
    }

    100% {
        opacity: 1;
    }
}


.fadeInLeft_icon {
    opacity: 0;
    animation: fadeInLeft_icon 1s ease-out forwards;
}







@keyframes growFadeMask {

    from {
        -webkit-mask-size: 100% 0%;
        mask-size: 100% 0%;
    }

    to {
        -webkit-mask-size: 100% 300%;
        mask-size: 100% 300%;

    }

}

.hf-gradient-reveal {
    /* Initial mask - fully hidden */
    -webkit-mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);

    -webkit-mask-size: 100% 0%;
    mask-size: 100% 0%;

    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;

    /* Animate mask size */
    animation: growFadeMask 1.5s ease-in forwards;

}




@keyframes revealArrowLeftToRight {
    from {
        clip-path: inset(0 100% 0 0);
        /* Starts fully hidden */
    }

    to {
        clip-path: inset(0 0 0 0);
        /* Fully visible */
    }
}


@keyframes revealArrowTopToBottom {
    from {
        clip-path: inset(0 0 100% 0);
        /* Fully hidden from top */
    }

    to {
        clip-path: inset(0 0 0 0);
        /* Fully visible */
    }
}



.hf-reveal_arrow {
    /* Animate mask size */
    clip-path: inset(0 100% 0 0);
    animation: revealArrowLeftToRight 1.5s ease-out forwards;

}



@media screen and (max-width:990px) {
    .hf-reveal_arrow {
        /* Animate mask size */
        clip-path: inset(0 0 100% 0);
        animation: revealArrowTopToBottom 1.5s ease-out forwards;

    }
}







@keyframes moveUp {
    from {
        transform: translateY(0);
    }

    to {
        transform: translateY(-56px);
    }
}


.parallax-image-up img,
.hf-anim-parallax-image-up img {
    animation: moveUp 2s ease-in-out forwards;
}



@keyframes bounceInUp_short {

    from,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    from {
        opacity: 0;
        transform: translate3d(0, 500px, 0) scaleY(1.1);
    }

    60% {
        opacity: 1;
        transform: translate3d(0, -5px, 0) scaleY(0.98);
    }

    75% {
        transform: translate3d(0, 3px, 0) scaleY(0.99);
    }

    90% {
        transform: translate3d(0, -2px, 0) scaleY(0.995);
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.bounceInUp_short {
    animation-name: bounceInUp_short;
}




@keyframes bounceInUp_supershort {

    from,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    from {
        opacity: 0;
        transform: translate3d(0, 90px, 0) scaleY(1.1);
    }

    60% {
        opacity: 1;
        transform: translate3d(0, -5px, 0) scaleY(0.98);
    }

    75% {
        transform: translate3d(0, 3px, 0) scaleY(0.99);
    }

    90% {
        transform: translate3d(0, -2px, 0) scaleY(0.995);
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.bounceInUp_supershort {
    animation: bounceInUp_supershort .5s linear forwards;
}