.elementor-2661 .elementor-element.elementor-element-5b4d181{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2661 .elementor-element.elementor-element-9499387{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:80px;--padding-bottom:58px;--padding-left:10px;--padding-right:10px;}.elementor-2661 .elementor-element.elementor-element-9499387:not(.elementor-motion-effects-element-type-background), .elementor-2661 .elementor-element.elementor-element-9499387 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#102A34;}.elementor-2661 .elementor-element.elementor-element-dd3619d .gallery-item .gallery-caption{display:none;}.elementor-2661 .elementor-element.elementor-element-dd3619d .gallery-item{padding:0 21px 21px 0;}.elementor-2661 .elementor-element.elementor-element-dd3619d .gallery{margin:0 -21px -21px 0;}.elementor-2661 .elementor-element.elementor-element-dd3619d .gallery-item img{border-radius:10px 10px 10px 10px;}:root{--page-title-display:none;}/* Start custom CSS for container, class: .elementor-element-9499387 *//* =====================================================
   GAMATECH — GALLERY BACKGROUND ANIMATION
   Moving Technical Grid + Floating Particles + Glow
   ===================================================== */

.gm-gallery-bg-motion {
    position: relative;
    isolation: isolate;
    overflow: hidden;

    background-color: #102A34 !important;
}

/* ANIMATED TECHNICAL GRID */

.gm-gallery-bg-motion::before {
    content: "";
    position: absolute;
    inset: -100px;

    z-index: 0;
    pointer-events: none;

    background-image:
        linear-gradient(
            rgba(101, 160, 134, 0.10) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(101, 160, 134, 0.10) 1px,
            transparent 1px
        );

    background-size: 55px 55px;

    animation: gmGalleryGridMove 12s linear infinite;
}

/* FLOATING PARTICLES + AMBIENT LIGHT */

.gm-gallery-bg-motion::after {
    content: "";
    position: absolute;
    inset: 0;

    z-index: 0;
    pointer-events: none;

    background-image:
        radial-gradient(circle, rgba(101,160,134,0.48) 1.5px, transparent 2.5px),
        radial-gradient(circle, rgba(101,160,134,0.32) 2px, transparent 3px),
        radial-gradient(circle, rgba(130,180,157,0.42) 1.5px, transparent 2.5px),
        radial-gradient(ellipse at 15% 30%, rgba(101,160,134,0.13), transparent 35%),
        radial-gradient(ellipse at 85% 70%, rgba(130,180,157,0.18), transparent 38%);

    background-size:
        180px 180px,
        250px 250px,
        320px 320px,
        100% 100%,
        100% 100%;

    background-position:
        0 0,
        80px 100px,
        160px 40px,
        center,
        center;

    animation: gmGalleryParticles 16s linear infinite;
}

/* KEEP ELEMENTOR CONTENT ABOVE BACKGROUND */

.gm-gallery-bg-motion > .e-con-inner,
.gm-gallery-bg-motion > .elementor-element,
.gm-gallery-bg-motion .e-con,
.gm-gallery-bg-motion .elementor-widget {
    position: relative;
    z-index: 1;
}

/* GRID MOVEMENT */

@keyframes gmGalleryGridMove {
    0% {
        transform: translate3d(0, 0, 0);
    }

    100% {
        transform: translate3d(65px, 65px, 0);
    }
}

/* PARTICLE MOVEMENT */

@keyframes gmGalleryParticles {
    0% {
        background-position:
            0 0,
            80px 100px,
            160px 40px,
            center,
            center;
    }

    50% {
        background-position:
            90px -100px,
            -40px -60px,
            260px -120px,
            center,
            center;
    }

    100% {
        background-position:
            180px -180px,
            -170px -220px,
            360px -280px,
            center,
            center;
    }
}

/* MOBILE */

@media (max-width: 767px) {

    .gm-gallery-bg-motion::before {
        background-size: 45px 45px;
    }

    .gm-gallery-bg-motion::after {
        background-size:
            140px 140px,
            200px 200px,
            260px 260px,
            100% 100%,
            100% 100%;
    }
}

/* REDUCED MOTION ACCESSIBILITY */

@media (prefers-reduced-motion: reduce) {

    .gm-gallery-bg-motion::before,
    .gm-gallery-bg-motion::after {
        animation: none !important;
    }
}/* End custom CSS */