.elementor-528 .elementor-element.elementor-element-aa12d24{--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-528 .elementor-element.elementor-element-2cb7042 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-528 .elementor-element.elementor-element-555dcbd{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 50px;--row-gap:0px;--column-gap:50px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-528 .elementor-element.elementor-element-555dcbd:not(.elementor-motion-effects-element-type-background), .elementor-528 .elementor-element.elementor-element-555dcbd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0E222C;}.elementor-528 .elementor-element.elementor-element-ab95f56{--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;}.elementor-528 .elementor-element.elementor-element-82ef1d1{--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;}.elementor-528 .elementor-element.elementor-element-18c1d0c{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;--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-528 .elementor-element.elementor-element-18c1d0c::before, .elementor-528 .elementor-element.elementor-element-18c1d0c > .elementor-background-video-container::before, .elementor-528 .elementor-element.elementor-element-18c1d0c > .e-con-inner > .elementor-background-video-container::before, .elementor-528 .elementor-element.elementor-element-18c1d0c > .elementor-background-slideshow::before, .elementor-528 .elementor-element.elementor-element-18c1d0c > .e-con-inner > .elementor-background-slideshow::before, .elementor-528 .elementor-element.elementor-element-18c1d0c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-astglobalcolor7 );--background-overlay:'';}.elementor-528 .elementor-element.elementor-element-18c1d0c:hover::before, .elementor-528 .elementor-element.elementor-element-18c1d0c:hover > .elementor-background-video-container::before, .elementor-528 .elementor-element.elementor-element-18c1d0c:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-528 .elementor-element.elementor-element-18c1d0c > .elementor-background-slideshow:hover::before, .elementor-528 .elementor-element.elementor-element-18c1d0c > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:#000000;--background-overlay:'';}.elementor-528 .elementor-element.elementor-element-18c1d0c:hover{--overlay-opacity:0.5;}.elementor-528 .elementor-element.elementor-element-bea2812{--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-528 .elementor-element.elementor-element-b7d1202 iframe{height:480px;transition-duration:1s;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-528 .elementor-element.elementor-element-b7d1202 iframe{height:380px;}}@media(max-width:767px){.elementor-528 .elementor-element.elementor-element-555dcbd{--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-528 .elementor-element.elementor-element-ab95f56{--padding-top:0px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-528 .elementor-element.elementor-element-82ef1d1{--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(min-width:768px){.elementor-528 .elementor-element.elementor-element-ab95f56{--width:50%;}.elementor-528 .elementor-element.elementor-element-82ef1d1{--width:60%;}}/* Start custom CSS for container, class: .elementor-element-555dcbd *//* =====================================================
   GAMATECH CONTACT SECTION
   MINIMAL PREMIUM BACKGROUND MOTION
   Subtle Gradient + Few Floating Particles
===================================================== */

.gama-contact-motion {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;

    background:
        linear-gradient(
            120deg,
            #0E222C,
            #132D35,
            #102832,
            #0E222C
        ) !important;

    background-size: 300% 300% !important;

    animation: gamaMinimalBackground 20s ease infinite !important;
}

/* CONTENT ABOVE ANIMATION */

.gama-contact-motion > .e-con-inner,
.gama-contact-motion > .elementor-element,
.gama-contact-motion > .e-con {
    position: relative;
    z-index: 2;
}

/* =====================================================
   1. SOFT MOVING GREEN GLOW
===================================================== */

.gama-contact-motion::before {
    content: "";
    position: absolute;

    width: 420px;
    height: 420px;

    top: -180px;
    left: 25%;

    z-index: 0;
    pointer-events: none;

    border-radius: 50%;

    background: radial-gradient(
        circle,
        rgba(101,160,134,0.17) 0%,
        rgba(101,160,134,0.07) 40%,
        transparent 72%
    );

    filter: blur(12px);

    animation: gamaMinimalGlow 16s ease-in-out infinite alternate;
}

/* =====================================================
   2. FEW FLOATING PARTICLES
===================================================== */

.gama-contact-motion::after {
    content: "";
    position: absolute;
    inset: 0;

    z-index: 1;
    pointer-events: none;

    background-image:
        radial-gradient(
            circle,
            rgba(130,180,157,0.65) 1.5px,
            transparent 2.5px
        ),
        radial-gradient(
            circle,
            rgba(130,180,157,0.45) 1px,
            transparent 2px
        ),
        radial-gradient(
            circle,
            rgba(101,160,134,0.5) 1.5px,
            transparent 2.5px
        );

    background-size:
        240px 260px,
        320px 340px,
        400px 380px;

    background-position:
        20px 40px,
        150px 120px,
        280px 60px;

    animation: gamaMinimalParticles 24s linear infinite;
}

/* =====================================================
   3. BACKGROUND GRADIENT MOVEMENT
===================================================== */

@keyframes gamaMinimalBackground {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

/* =====================================================
   4. SLOW GLOW MOVEMENT
===================================================== */

@keyframes gamaMinimalGlow {
    0% {
        transform: translate(0, 0) scale(.9);
        opacity: .45;
    }

    50% {
        transform: translate(180px, 100px) scale(1.1);
        opacity: .8;
    }

    100% {
        transform: translate(350px, 30px) scale(.95);
        opacity: .55;
    }
}

/* =====================================================
   5. SLOW PARTICLE MOVEMENT
===================================================== */

@keyframes gamaMinimalParticles {
    0% {
        background-position:
            20px 40px,
            150px 120px,
            280px 60px;
    }

    100% {
        background-position:
            20px -220px,
            150px -220px,
            280px -320px;
    }
}

/* =====================================================
   6. MOBILE
===================================================== */

@media (max-width: 767px) {

    .gama-contact-motion::before {
        width: 280px;
        height: 280px;
    }

    .gama-contact-motion::after {
        background-size:
            190px 210px,
            270px 280px,
            330px 340px;
    }
}

/* =====================================================
   7. REDUCED MOTION
===================================================== */

@media (prefers-reduced-motion: reduce) {

    .gama-contact-motion,
    .gama-contact-motion::before,
    .gama-contact-motion::after {
        animation: none !important;
    }
}/* End custom CSS */