/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

body {
    overflow-x: hidden !important;
}

/* Add your custom styles here */
.grecaptcha-badge {
    opacity: 0;
    visibility: invisible;
    display:none !important;
}

#claim-form {
    --translateX: 0;
    transform: translateX( var(--translateX) );
}

#claim-form.elementor-sticky--effects {
    --translateX: 34vw;
    transform: translateX( var(--translateX) );
}

#claim-form.elementor-sticky--effects #claim-button {
    display: block;
}

#claim-form #claim-button {
    display: none;
}

@media (max-width: 991px) {
    #claim-form.elementor-sticky--effects {
        --translateX: 88vw;
    }
}

.gradient {

    background: linear-gradient(to bottom, var(--grad-start, #ccc) 0%, var(--grad-end, #444) 100%); 

    &.red {
        --grad-start: #FF5C00;
        --grad-end: #4E1C00;
    }
    &.blue {
        --grad-start: #2F64EB;
        --grad-end: #143566;
    }

    &.text {
        /* h1, h2, h3, h4, h5, h6, p, b, strong, span { */
            background-clip: text; 
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        /* } */
    }
}


.marquee2 {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    overflow: hidden;
}
  
.marquee2 .qodef-m-content {
    display: flex;
    white-space: nowrap;
    font-size: 0;
    overflow: hidden;
}
  
.marquee2 .elementor-widget-container {
    display: flex;
    align-items: baseline;
}

.marquee2 {
    animation: smpl-horizontal-normal-text-marquee 20s linear infinite;
}



.marquee2 .text--copy {
    position: absolute;
    top: 0;
    left: 0;
    will-change: transform;
    backface-visibility: hidden;
    transform: translateX(100%) translateZ(0);
    animation: qode-move-horizontal-normal-text-marquee-copy 20s linear infinite;
  }


@keyframes smpl-horizontal-normal-text-marquee {
    0% {
        transform: translateX(0) translateZ(0)
    }

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

@keyframes smpl-horizontal-normal-text-marquee-copy {
    0% {
        transform: translateX(100%) translateZ(0)
    }

    100% {
        transform: translateX(0) translateZ(0)
    }
}

@keyframes smpl-vertical-normal-text-marquee {
    0% {
        transform: translateY(0) translateZ(0)
    }

    100% {
        transform: translateY(-100%) translateZ(0)
    }
}

@keyframes smpl-vertical-normal-text-marquee-copy {
    0% {
        transform: translateY(100%) translateZ(0)
    }

    100% {
        transform: translateY(0) translateZ(0)
    }
}

@keyframes smpl-horizontal-reverse-text-marquee {
    0% {
        transform: translateX(0) translateZ(0)
    }

    100% {
        transform: translateX(100%) translateZ(0)
    }
}

@keyframes smpl-horizontal-reverse-text-marquee-copy {
    0% {
        transform: translateX(-100%) translateZ(0)
    }

    100% {
        transform: translateX(0) translateZ(0)
    }
}

@keyframes smpl-vertical-reverse-text-marquee {
    0% {
        transform: translateY(0) translateZ(0)
    }

    100% {
        transform: translateY(100%) translateZ(0)
    }
}

@keyframes smpl-vertical-reverse-text-marquee-copy {
    0% {
        transform: translateY(-100%) translateZ(0)
    }

    100% {
        transform: translateY(0) translateZ(0)
    }
}