.elementor-4078 .elementor-element.elementor-element-0ae929b{--display:flex;}/* Start custom CSS */#gp-home .gp-motion-toggle { color: #F6F6F2; } #gp-home #gp-logo-marquee .gp-motion-toggle { color: #0B0B0F; }
/* ==============================
   SERVICES MARQUEE
   ============================== */

#gp-services-marquee {
    position: relative;
    overflow: hidden;
}

/* Moving text */
#gp-services-marquee .gempop-marquee {
    width: max-content;
    white-space: nowrap;
    will-change: transform;
    animation: gp-services-scroll 40s linear infinite;
}

/* Side fade */
#gp-services-marquee {
    -webkit-mask-image: linear-gradient(
        to right,
        transparent 0%,
        #000 8%,
        #000 92%,
        transparent 100%
    );

    mask-image: linear-gradient(
        to right,
        transparent 0%,
        #000 8%,
        #000 92%,
        transparent 100%
    );
}

/* Animation */
@keyframes gp-services-scroll {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}
.gp-gradient-text {
    background: linear-gradient(90deg, #6366F1 0%, #FF6A2A 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}
.gempop-gradient-header {
    background: linear-gradient(
        90deg,
        #6366F1 0%,
        #6366F1 15%,
        #D95F35 45%,
        #FF6A2A 70%,
        #FF8A3D 100%
    );

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;

    display: inline-block;
}
.gempop-primary-button {
    position: relative;
    overflow: hidden;
    isolation: isolate;

    background: linear-gradient(
        135deg,
        #FF6A2A 0%,
        #FF7A36 55%,
        #FF8A3D 100%
    );

    color: #0D1026;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 14px;

    box-shadow:
        0 0 0 1px rgba(255, 106, 42, 0.08),
        0 10px 30px rgba(255, 106, 42, 0.16);

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease;
}
.gempop-primary-button {
    position: relative;
    overflow: hidden;
    isolation: isolate;

    background: linear-gradient(
        135deg,
        #FF6A2A 0%,
        #FF7A36 55%,
        #FF8A3D 100%
    );

    color: #FFFFFF;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 14px;

    box-shadow:
        0 0 0 1px rgba(255, 106, 42, 0.08),
        0 10px 30px rgba(255, 106, 42, 0.16);

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease,
        background 0.3s ease;
}

/* GEMPOP PRIMARY GLASS BUTTON */

#gp-home .gempop-primary-button,
#gp-home .gempop-primary-button > a,
#gp-home a.gempop-primary-button,
#gp-home button.gempop-primary-button {
    position: relative !important;

    background: rgba(255, 255, 255, 0.045) !important;

    border: 1px solid rgba(255, 255, 255, 0.16) !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 6px 20px rgba(0, 0, 0, 0.16) !important;

    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;

    transition:
        background 0.3s ease,
        border-color 0.3s ease,
        box-shadow 0.3s ease,
        transform 0.3s ease !important;
}


/* HOVER */

#gp-home .gempop-primary-button:hover,
#gp-home .gempop-primary-button:hover > a,
#gp-home a.gempop-primary-button:hover,
#gp-home button.gempop-primary-button:hover {
    background: rgba(255, 255, 255, 0.065) !important;

    border-color: rgba(255, 106, 42, 0.48) !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.12),
        0 8px 24px rgba(0, 0, 0, 0.18),
        0 0 10px rgba(255, 106, 42, 0.18),
        0 0 28px rgba(255, 106, 42, 0.11),
        0 0 48px rgba(255, 106, 42, 0.06) !important;

    transform: translateY(-2px);
}/* End custom CSS */