.elementor-5770 .elementor-element.elementor-element-33a3a67{--display:flex;--min-height:1091px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--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-5770 .elementor-element.elementor-element-33a3a67:not(.elementor-motion-effects-element-type-background), .elementor-5770 .elementor-element.elementor-element-33a3a67 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#494975;}.elementor-5770 .elementor-element.elementor-element-33a3a67.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5770 .elementor-element.elementor-element-4c443c9{--e-image-carousel-slides-to-show:5;width:100%;max-width:100%;--e-transform-scale:1.1;margin:0em -8em calc(var(--kit-widget-spacing, 0px) + 0em) -8em;}.elementor-5770 .elementor-element.elementor-element-4c443c9 .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF50;border-radius:12px 12px 12px 12px;}.elementor-5770 .elementor-element.elementor-element-ebc3df0{--e-image-carousel-slides-to-show:5;width:100%;max-width:100%;margin:0em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;}.elementor-5770 .elementor-element.elementor-element-ebc3df0 .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF50;border-radius:12px 12px 12px 12px;}.elementor-5770 .elementor-element.elementor-element-b6fc942{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}body.elementor-page-5770:not(.elementor-motion-effects-element-type-background), body.elementor-page-5770 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}@media(max-width:767px){.elementor-5770 .elementor-element.elementor-element-33a3a67{--min-height:764px;}.elementor-5770 .elementor-element.elementor-element-4c443c9{--e-image-carousel-slides-to-show:2;}.elementor-5770 .elementor-element.elementor-element-ebc3df0{--e-image-carousel-slides-to-show:2;}}@media(min-width:768px){.elementor-5770 .elementor-element.elementor-element-33a3a67{--width:99.926%;}}/* Start custom CSS for image-carousel, class: .elementor-element-4c443c9 *//* 1. LIBERA O ESPAÇO PARA O ARCO RESPIRAR */
.arco-carousel .elementor-image-carousel-wrapper,
.arco-carousel .swiper {
    overflow: visible !important;
    padding: 90px 0 !important;
    width: 100% !important;
}



/* REATIVA O FLUXO HORIZONTAL SUAVE */
.arco-carousel .swiper-wrapper {
    display: flex !important;
    align-items: center !important;
}

/* 2. CONFIGURAÇÃO BASE DO CARD COM SUPORTE A TRANSIÇÃO DINÂMICA */
.arco-carousel .swiper-slide {
    position: relative !important;
    transform-origin: center center !important;
    will-change: transform, opacity;
    /* Define quais propriedades vão herdar o tempo de transição do motor do Swiper */
    transition-property: transform, opacity !important;
    transition-timing-function: ease !important;
}

/* 3. GARANTE QUE AS SETAS FIQUEM CLICÁVEIS NAS PONTAS */
.arco-carousel .elementor-swiper-button-next,
.arco-carousel .elementor-swiper-button-prev {
    z-index: 999 !important;
    pointer-events: auto !important;
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for image-carousel, class: .elementor-element-ebc3df0 *//* Remove o bloqueio de todas as camadas do Elementor que achatam o 3D */
.curved-carousel,
.curved-carousel * {
    transform-style: preserve-3d !important;
}

/* Define a perspectiva no container principal do Swiper */
.curved-carousel .swiper,
.curved-carousel .swiper-container {
    perspective: 5000px !important;
    perspective-origin: center center !important;
    overflow: visible !important; 
}

.curved-carousel .swiper-wrapper {
    overflow: visible !important;
    transition-timing-function: linear !important; /* Suaviza o movimento contínuo */
}

/* Garante que os slides vizinhos não sumam da tela ao rodar */
.curved-carousel .swiper-slide {
    overflow: visible !important;
    background: transparent !important;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: auto !important;
}

/* Aplica o estilo visual diretamente na imagem */
.curved-carousel img {
    border-radius: 20px !important;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15) !important;
    object-fit: cover !important;
    height: 500px; /* Ajuste a altura aqui se necessário */
    width: 100% !important;
    backface-visibility: hidden !important; /* Evita falhas visuais ao rotacionar */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b6fc942 *//* =========================================
TECH ASYMMETRIC LINE
========================================= */

.tech-line-section{

    position: relative;

    overflow: hidden;

    min-height: 120px;
}

/* WRAP */
.tech-line-wrap{

    position: absolute;

    inset: 0;

    pointer-events: none;
}

/* SVG */
.tech-line-svg{

    width: 100%;

    height: 50%;

    overflow: visible;
}

/* =========================================
LINHA BASE
========================================= */

.tech-line-base{

    fill: none;

    stroke: #FFFFFF25;

    stroke-width: 1.5;

    vector-effect: non-scaling-stroke;
}

/* =========================================
LINHA ANIMADA
========================================= */

.tech-line-glow{

    fill: none;

    stroke: #50B0FF;

    stroke-width: 2;

    stroke-linecap: round;

    vector-effect: non-scaling-stroke;

    filter:
    drop-shadow(0 0 6px #50B0FF)
    drop-shadow(0 0 16px #50B0FF80);

    stroke-dasharray: 140 1800;

    stroke-dashoffset: 0;

    animation:
    techLineMove 5s linear infinite;
}

/* =========================================
ANIMAÇÃO
========================================= */

@keyframes techLineMove{

    from{

        stroke-dashoffset: 1940;
    }

    to{

        stroke-dashoffset: 0;
    }
}/* End custom CSS */
/* Start custom CSS */p{
margin-bottom: 0
}

html, body{
width: 100%;
overflow-x:hidden
}

body::-webkit-scrollbar{
width: 7px
}

body::-webkit-scrollbar-track{
background: #DCDCDC;
}

body::-webkit-scrollbar-thumb{
background: #FFB800;
border-radius: 20px;
}

::selection{
color: #ffffff;
background: #FFB800
}/* End custom CSS */