.elementor-1797 .elementor-element.elementor-element-ec063f1{--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;--margin-top:-100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1797 .elementor-element.elementor-element-ec063f1:not(.elementor-motion-effects-element-type-background), .elementor-1797 .elementor-element.elementor-element-ec063f1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-1797 .elementor-element.elementor-element-ec063f1.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1797 .elementor-element.elementor-element-25e6ef17{--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 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 0px 3px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:3px;--border-left-width:0px;border-color:#FFFFFF33;--border-color:#FFFFFF33;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-1797 .elementor-element.elementor-element-25e6ef17:not(.elementor-motion-effects-element-type-background), .elementor-1797 .elementor-element.elementor-element-25e6ef17 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-1797 .elementor-element.elementor-element-64fc02c4{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-1797 .elementor-element.elementor-element-64fc02c4.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1797 .elementor-element.elementor-element-449c0787{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1797 .elementor-element.elementor-element-449c0787 .jeg-elementor-kit.jkit-client-logo{padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}.elementor-1797 .elementor-element.elementor-element-449c0787 .jeg-elementor-kit.jkit-client-logo .client-track .image-list{min-height:0px;}.elementor-1797 .elementor-element.elementor-element-449c0787 .jeg-elementor-kit.jkit-client-logo .client-slider .image-list{padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;opacity:100%;}.elementor-1797 .elementor-element.elementor-element-449c0787 .jeg-elementor-kit.jkit-client-logo .client-slider:hover .image-list{opacity:100%;}.elementor-1797 .elementor-element.elementor-element-449c0787 .jeg-elementor-kit.jkit-client-logo .tns-controls button span{opacity:100%;}.elementor-1797 .elementor-element.elementor-element-449c0787 .jeg-elementor-kit.jkit-client-logo:hover .tns-controls button span{opacity:100%;}.elementor-1797 .elementor-element.elementor-element-1afa0a5{--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;--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-1797 .elementor-element.elementor-element-1afa0a5.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1797 .elementor-element.elementor-element-46d1d3a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1797 .elementor-element.elementor-element-62e595d{--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;--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-1797 .elementor-element.elementor-element-776463e{--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;--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-1797 .elementor-element.elementor-element-776463e.e-con{--flex-grow:0;--flex-shrink:0;}body.elementor-page-1797:not(.elementor-motion-effects-element-type-background), body.elementor-page-1797 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-1797 .elementor-element.elementor-element-25e6ef17{--padding-top:70px;--padding-bottom:70px;--padding-left:20px;--padding-right:20px;}}@media(max-width:767px){.elementor-1797 .elementor-element.elementor-element-ec063f1{--margin-top:-114px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1797 .elementor-element.elementor-element-25e6ef17{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}}@media(min-width:768px){.elementor-1797 .elementor-element.elementor-element-64fc02c4{--width:158.246%;}.elementor-1797 .elementor-element.elementor-element-776463e{--width:101.68%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1797 .elementor-element.elementor-element-1afa0a5{--width:960px;}}@media (min-width: 1025px) {.elementor-element.elementor-element-449c0787 .jeg-elementor-kit.jkit-client-logo .client-track:not(.tns-slider) { display: flex; flex-direction: row; } }@media (min-width: 1025px) {.elementor-element.elementor-element-449c0787 .jeg-elementor-kit.jkit-client-logo .client-track:not(.tns-slider) .client-slider { width: calc() } }@media (min-width: 1025px) {.elementor-element.elementor-element-449c0787 .jeg-elementor-kit.jkit-client-logo .client-track:not(.tns-slider) .client-slider:nth-child(n+1) { display: none; } }@media (min-width: 1025px) {.elementor-element.elementor-element-449c0787 .jeg-elementor-kit.jkit-client-logo .client-track:not(.tns-slider):not(:nth-child()) { margin-right: 10px; } }@media (min-width: 768px) and (max-width: 1024px) {.elementor-element.elementor-element-449c0787 .jeg-elementor-kit.jkit-client-logo .client-track:not(.tns-slider) { display: flex; flex-direction: row; } }@media (min-width: 768px) and (max-width: 1024px) {.elementor-element.elementor-element-449c0787 .jeg-elementor-kit.jkit-client-logo .client-track:not(.tns-slider) .client-slider { width: calc(4) } }@media (min-width: 768px) and (max-width: 1024px) {.elementor-element.elementor-element-449c0787 .jeg-elementor-kit.jkit-client-logo .client-track:not(.tns-slider) .client-slider:nth-child(n+5) { display: none; } }@media (min-width: 768px) and (max-width: 1024px) {.elementor-element.elementor-element-449c0787 .jeg-elementor-kit.jkit-client-logo .client-track:not(.tns-slider):not(:nth-child(4)) { margin-right: 10px; } }@media (max-width: 767px) {.elementor-element.elementor-element-449c0787 .jeg-elementor-kit.jkit-client-logo .client-track:not(.tns-slider) { display: flex; flex-direction: row; } }@media (max-width: 767px) {.elementor-element.elementor-element-449c0787 .jeg-elementor-kit.jkit-client-logo .client-track:not(.tns-slider) .client-slider { width: calc(2) } }@media (max-width: 767px) {.elementor-element.elementor-element-449c0787 .jeg-elementor-kit.jkit-client-logo .client-track:not(.tns-slider) .client-slider:nth-child(n+3) { display: none; } }@media (max-width: 767px) {.elementor-element.elementor-element-449c0787 .jeg-elementor-kit.jkit-client-logo .client-track:not(.tns-slider):not(:nth-child(2)) { margin-right: 10px; } }
/* Start custom CSS for container, class: .elementor-element-25e6ef17 *//* ===================================
LOGOS CINEMATIC MARQUEE
=================================== */

.LogosC{

    position:relative;

    overflow:hidden;

    padding:55px 0;

    background:
        linear-gradient(
            180deg,
            #040816,
            #050918
        );

    border-top:
        1px solid rgba(255,255,255,.05);

    border-bottom:
        1px solid rgba(255,255,255,.05);
}

/* ===================================
AMBIENT LIGHT
=================================== */

.LogosC::before{

    content:"";

    position:absolute;

    inset:0;

    background:

        radial-gradient(
            circle at center,
            rgba(123,44,255,.12),
            transparent 60%
        );

    z-index:1;

    animation:
        ambientPulse 8s ease-in-out infinite;
}

/* ===================================
MAIN ROW
=================================== */

.LogosC .e-con-inner{

    position:relative;

    z-index:5;

    display:flex;

    align-items:center;

    gap:90px;

    width:max-content;

    animation:
        marqueeMove 22s linear infinite;
}

/* ===================================
PAUSE ON HOVER
=================================== */

.LogosC:hover .e-con-inner{

    animation-play-state:paused;
}

/* ===================================
LOGO ITEM
=================================== */

.LogosC .elementor-widget-image{

    position:relative;

    flex:none;

    animation:
        logoFloat 4s ease-in-out infinite;
}

/* ===================================
DIFFERENT FLOAT SPEEDS
=================================== */

.LogosC .elementor-widget-image:nth-child(2){

    animation-delay:1s;
}

.LogosC .elementor-widget-image:nth-child(3){

    animation-delay:2s;
}

.LogosC .elementor-widget-image:nth-child(4){

    animation-delay:3s;
}

.LogosC .elementor-widget-image:nth-child(5){

    animation-delay:4s;
}

.LogosC .elementor-widget-image:nth-child(6){

    animation-delay:5s;
}

/* ===================================
IMAGES
=================================== */

.LogosC img{

    max-width:150px;

    width:100%;

    opacity:.5;

    filter:
        grayscale(100%)
        brightness(.9);

    transition:
        all .45s ease;
}

/* ===================================
HOVER FX
=================================== */

.LogosC .elementor-widget-image:hover img{

    opacity:1;

    filter:
        grayscale(0%)
        brightness(1.1);

    transform:
        scale(1.08);

    drop-shadow:
        0 15px 35px rgba(123,44,255,.25);
}

/* ===================================
NEON UNDERLINE
=================================== */

.LogosC .elementor-widget-image::after{

    content:"";

    position:absolute;

    left:50%;
    bottom:-14px;

    transform:translateX(-50%);

    width:0;
    height:2px;

    border-radius:999px;

    background:
        linear-gradient(
            90deg,
            #7B2CFF,
            #00D1FF
        );

    transition:
        width .4s ease;
}

.LogosC .elementor-widget-image:hover::after{

    width:70%;
}

/* ===================================
LIGHT SWEEP
=================================== */

.LogosC::after{

    content:"";

    position:absolute;

    top:0;
    left:-120%;

    width:30%;
    height:100%;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.06),
            transparent
        );

    transform:
        skewX(-25deg);

    animation:
        sweepLight 8s linear infinite;

    z-index:3;
}

/* ===================================
KEYFRAMES
=================================== */

@keyframes marqueeMove{

    0%{

        transform:
            translateX(0);
    }

    100%{

        transform:
            translateX(-35%);
    }
}

@keyframes logoFloat{

    0%{

        transform:
            translateY(0px);
    }

    50%{

        transform:
            translateY(-10px);
    }

    100%{

        transform:
            translateY(0px);
    }
}

@keyframes ambientPulse{

    0%{

        opacity:.4;
    }

    50%{

        opacity:.9;
    }

    100%{

        opacity:.4;
    }
}

@keyframes sweepLight{

    0%{

        left:-120%;
    }

    100%{

        left:160%;
    }
}

/* ===================================
RESPONSIVE
=================================== */

@media(max-width:767px){

    .LogosC{

        padding:40px 0;
    }

    .LogosC .e-con-inner{

        gap:55px;
    }

    .LogosC img{

        max-width:95px;
    }
}/* End custom CSS */