.elementor-606 .elementor-element.elementor-element-f474505{--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-606 .elementor-element.elementor-element-f474505:not(.elementor-motion-effects-element-type-background), .elementor-606 .elementor-element.elementor-element-f474505 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://rotacargas.com.br/wp-content/uploads/2025/08/bg.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-606 .elementor-element.elementor-element-2cfe22d{margin:100px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-606 .elementor-element.elementor-element-54970d2{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"Sora", Sans-serif;font-size:3.9em;font-weight:700;line-height:1.2em;color:#FFFFFF;}.elementor-606 .elementor-element.elementor-element-8ceb0ba{width:var( --container-widget-width, 52% );max-width:52%;margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:52%;--container-widget-flex-grow:0;text-align:center;font-family:"Sora", Sans-serif;font-size:1.5em;font-weight:600;line-height:1.2em;color:#FFFFFF;}.elementor-606 .elementor-element.elementor-element-8ceb0ba.elementor-element{--align-self:center;}.elementor-606 .elementor-element.elementor-element-762db4a{width:var( --container-widget-width, 59% );max-width:59%;margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:59%;--container-widget-flex-grow:0;text-align:center;font-family:"Sora", Sans-serif;font-size:1em;font-weight:400;line-height:1.2em;color:#FFFFFF;}.elementor-606 .elementor-element.elementor-element-762db4a.elementor-element{--align-self:center;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-606 .elementor-element.elementor-element-5abee9f .elementor-button{background-color:transparent;font-family:"Sora", Sans-serif;font-size:1.2em;font-weight:700;fill:#000000;color:#000000;background-image:linear-gradient(90deg, #FFE200 0%, #FCC50E 100%);border-radius:50px 50px 50px 50px;padding:30px 60px 30px 60px;}.elementor-606 .elementor-element.elementor-element-5abee9f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 90px) 0px;}.elementor-606 .elementor-element.elementor-element-5abee9f .elementor-button-content-wrapper{flex-direction:row;}.elementor-606 .elementor-element.elementor-element-998ff5a{--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:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-606 .elementor-element.elementor-element-998ff5a:not(.elementor-motion-effects-element-type-background), .elementor-606 .elementor-element.elementor-element-998ff5a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0B5A90;}.elementor-606 .elementor-element.elementor-element-80cca44{--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-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-606 .elementor-element.elementor-element-991133f{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-606 .elementor-element.elementor-element-991133f .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:1.7em;font-weight:600;color:#000000;}.elementor-606 .elementor-element.elementor-element-67a8660{--e-image-carousel-slides-to-show:5;}.elementor-606 .elementor-element.elementor-element-d569896{--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;--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-606 .elementor-element.elementor-element-48e2bd2{--display:flex;}.elementor-606 .elementor-element.elementor-element-4a7b471{text-align:right;}.elementor-606 .elementor-element.elementor-element-4a7b471 img{width:78%;}.elementor-606 .elementor-element.elementor-element-b836df3{--display:flex;}.elementor-606 .elementor-element.elementor-element-db7ae07{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:left;}.elementor-606 .elementor-element.elementor-element-db7ae07 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:1.7em;font-weight:600;line-height:1.3em;color:#0B5A90;}.elementor-606 .elementor-element.elementor-element-d4dabbd{width:100%;max-width:100%;margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:left;font-family:"Sora", Sans-serif;font-size:1em;font-weight:400;line-height:1.5em;color:#000000;}.elementor-606 .elementor-element.elementor-element-d4dabbd.elementor-element{--align-self:center;}.elementor-606 .elementor-element.elementor-element-d34456a{--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-606 .elementor-element.elementor-element-d34456a:not(.elementor-motion-effects-element-type-background), .elementor-606 .elementor-element.elementor-element-d34456a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F8F8;}.elementor-606 .elementor-element.elementor-element-dd36ad6{width:var( --container-widget-width, 59% );max-width:59%;margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:59%;--container-widget-flex-grow:0;text-align:center;}.elementor-606 .elementor-element.elementor-element-dd36ad6.elementor-element{--align-self:center;}.elementor-606 .elementor-element.elementor-element-dd36ad6 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:1.7em;font-weight:600;line-height:1.3em;color:#0B5A90;}.elementor-606 .elementor-element.elementor-element-cea2e11{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-606 .elementor-element.elementor-element-377def8 .elementor-icon-box-wrapper{text-align:left;}.elementor-606 .elementor-element.elementor-element-377def8{--icon-box-icon-margin:0px;}.elementor-606 .elementor-element.elementor-element-377def8 .elementor-icon-box-title{margin-block-end:7px;color:#000000;}.elementor-606 .elementor-element.elementor-element-377def8.elementor-view-stacked .elementor-icon{background-color:#6EC1E4;}.elementor-606 .elementor-element.elementor-element-377def8.elementor-view-framed .elementor-icon, .elementor-606 .elementor-element.elementor-element-377def8.elementor-view-default .elementor-icon{fill:#6EC1E4;color:#6EC1E4;border-color:#6EC1E4;}.elementor-606 .elementor-element.elementor-element-377def8 .elementor-icon{font-size:5em;}.elementor-606 .elementor-element.elementor-element-377def8 .elementor-icon-box-title, .elementor-606 .elementor-element.elementor-element-377def8 .elementor-icon-box-title a{font-family:"Sora", Sans-serif;font-size:1.4em;font-weight:600;}.elementor-606 .elementor-element.elementor-element-377def8:has(:hover) .elementor-icon-box-title,
					 .elementor-606 .elementor-element.elementor-element-377def8:has(:focus) .elementor-icon-box-title{color:#EDAB17;}.elementor-606 .elementor-element.elementor-element-377def8 .elementor-icon-box-description{font-family:"Sora", Sans-serif;font-size:1em;font-weight:400;color:#000000;}.elementor-606 .elementor-element.elementor-element-a4ba4ab .elementor-icon-box-wrapper{text-align:left;}.elementor-606 .elementor-element.elementor-element-a4ba4ab{--icon-box-icon-margin:0px;}.elementor-606 .elementor-element.elementor-element-a4ba4ab .elementor-icon-box-title{margin-block-end:7px;color:#000000;}.elementor-606 .elementor-element.elementor-element-a4ba4ab.elementor-view-stacked .elementor-icon{background-color:#6EC1E4;}.elementor-606 .elementor-element.elementor-element-a4ba4ab.elementor-view-framed .elementor-icon, .elementor-606 .elementor-element.elementor-element-a4ba4ab.elementor-view-default .elementor-icon{fill:#6EC1E4;color:#6EC1E4;border-color:#6EC1E4;}.elementor-606 .elementor-element.elementor-element-a4ba4ab .elementor-icon{font-size:5em;}.elementor-606 .elementor-element.elementor-element-a4ba4ab .elementor-icon-box-title, .elementor-606 .elementor-element.elementor-element-a4ba4ab .elementor-icon-box-title a{font-family:"Sora", Sans-serif;font-size:1.4em;font-weight:600;}.elementor-606 .elementor-element.elementor-element-a4ba4ab:has(:hover) .elementor-icon-box-title,
					 .elementor-606 .elementor-element.elementor-element-a4ba4ab:has(:focus) .elementor-icon-box-title{color:#EDAB17;}.elementor-606 .elementor-element.elementor-element-a4ba4ab .elementor-icon-box-description{font-family:"Sora", Sans-serif;font-size:1em;font-weight:400;color:#000000;}.elementor-606 .elementor-element.elementor-element-311b5d8 .elementor-icon-box-wrapper{text-align:left;}.elementor-606 .elementor-element.elementor-element-311b5d8{--icon-box-icon-margin:0px;}.elementor-606 .elementor-element.elementor-element-311b5d8 .elementor-icon-box-title{margin-block-end:7px;color:#000000;}.elementor-606 .elementor-element.elementor-element-311b5d8.elementor-view-stacked .elementor-icon{background-color:#6EC1E4;}.elementor-606 .elementor-element.elementor-element-311b5d8.elementor-view-framed .elementor-icon, .elementor-606 .elementor-element.elementor-element-311b5d8.elementor-view-default .elementor-icon{fill:#6EC1E4;color:#6EC1E4;border-color:#6EC1E4;}.elementor-606 .elementor-element.elementor-element-311b5d8 .elementor-icon{font-size:5em;}.elementor-606 .elementor-element.elementor-element-311b5d8 .elementor-icon-box-title, .elementor-606 .elementor-element.elementor-element-311b5d8 .elementor-icon-box-title a{font-family:"Sora", Sans-serif;font-size:1.4em;font-weight:600;}.elementor-606 .elementor-element.elementor-element-311b5d8:has(:hover) .elementor-icon-box-title,
					 .elementor-606 .elementor-element.elementor-element-311b5d8:has(:focus) .elementor-icon-box-title{color:#EDAB17;}.elementor-606 .elementor-element.elementor-element-311b5d8 .elementor-icon-box-description{font-family:"Sora", Sans-serif;font-size:1em;font-weight:400;color:#000000;}.elementor-606 .elementor-element.elementor-element-36dcd39{--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-606 .elementor-element.elementor-element-cf6b53c{width:var( --container-widget-width, 59% );max-width:59%;margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:59%;--container-widget-flex-grow:0;text-align:center;}.elementor-606 .elementor-element.elementor-element-cf6b53c.elementor-element{--align-self:center;}.elementor-606 .elementor-element.elementor-element-cf6b53c .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:1.7em;font-weight:600;line-height:1.3em;color:#0B5A90;}.elementor-606 .elementor-element.elementor-element-d8965fe{--display:flex;}.elementor-widget-flip-box .elementor-flip-box__front .elementor-flip-box__layer__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-flip-box .elementor-flip-box__front .elementor-flip-box__layer__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-flip-box .elementor-flip-box__back .elementor-flip-box__layer__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-flip-box .elementor-flip-box__back .elementor-flip-box__layer__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-flip-box .elementor-flip-box__button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-606 .elementor-element.elementor-element-ea815af .elementor-flip-box__front{background-color:#FFFFFF;background-image:url("https://rotacargas.com.br/wp-content/uploads/2025/08/road.webp");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-606 .elementor-element.elementor-element-ea815af .elementor-flip-box__back{background-color:#0B5A90;}.elementor-606 .elementor-element.elementor-element-ea815af .elementor-flip-box__front .elementor-flip-box__layer__overlay{padding:0px 0px 0px 0px;text-align:center;justify-content:center;}.elementor-606 .elementor-element.elementor-element-ea815af .elementor-flip-box__back .elementor-flip-box__layer__overlay{text-align:center;justify-content:center;}.elementor-606 .elementor-element.elementor-element-ea815af .elementor-flip-box__button{margin-center:0;}.elementor-606 .elementor-element.elementor-element-ea815af .elementor-flip-box__back .elementor-flip-box__layer__description{color:#FFFFFF;font-family:"Sora", Sans-serif;font-size:1em;font-weight:400;}.elementor-606 .elementor-element.elementor-element-b2f8683{--display:flex;}.elementor-606 .elementor-element.elementor-element-2a41389 .elementor-flip-box__front{background-color:#FFFFFF;background-image:url("https://rotacargas.com.br/wp-content/uploads/2025/08/cargas.webp");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-606 .elementor-element.elementor-element-2a41389 .elementor-flip-box__back{background-color:#0B5A90;}.elementor-606 .elementor-element.elementor-element-2a41389 .elementor-flip-box__front .elementor-flip-box__layer__overlay{text-align:center;justify-content:center;}.elementor-606 .elementor-element.elementor-element-2a41389 .elementor-flip-box__image img{width:100%;}.elementor-606 .elementor-element.elementor-element-2a41389 .elementor-flip-box__image{opacity:1;}.elementor-606 .elementor-element.elementor-element-2a41389 .elementor-flip-box__back .elementor-flip-box__layer__overlay{text-align:center;justify-content:center;}.elementor-606 .elementor-element.elementor-element-2a41389 .elementor-flip-box__button{margin-center:0;}.elementor-606 .elementor-element.elementor-element-2a41389 .elementor-flip-box__back .elementor-flip-box__layer__description{color:#FFFFFF;font-family:"Sora", Sans-serif;font-size:1em;font-weight:400;}.elementor-606 .elementor-element.elementor-element-134b78f{--display:flex;}.elementor-606 .elementor-element.elementor-element-e1826c7 .elementor-flip-box__front{background-color:#FFFFFF;background-image:url("https://rotacargas.com.br/wp-content/uploads/2025/08/escolta.webp");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-606 .elementor-element.elementor-element-e1826c7 .elementor-flip-box__back{background-color:#0B5A90;}.elementor-606 .elementor-element.elementor-element-e1826c7 .elementor-flip-box__front .elementor-flip-box__layer__overlay{text-align:center;justify-content:center;}.elementor-606 .elementor-element.elementor-element-e1826c7 .elementor-flip-box__image img{width:100%;}.elementor-606 .elementor-element.elementor-element-e1826c7 .elementor-flip-box__image{opacity:1;}.elementor-606 .elementor-element.elementor-element-e1826c7 .elementor-flip-box__back .elementor-flip-box__layer__overlay{text-align:center;justify-content:center;}.elementor-606 .elementor-element.elementor-element-e1826c7 .elementor-flip-box__button{margin-center:0;}.elementor-606 .elementor-element.elementor-element-e1826c7 .elementor-flip-box__back .elementor-flip-box__layer__description{color:#FFFFFF;font-family:"Sora", Sans-serif;font-size:1em;font-weight:400;}.elementor-606 .elementor-element.elementor-element-105ef44{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-606 .elementor-element.elementor-element-455ea65 .elementor-flip-box__front{background-color:#FFFFFF;background-image:url("https://rotacargas.com.br/wp-content/uploads/2025/08/rastreamento.webp");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-606 .elementor-element.elementor-element-455ea65 .elementor-flip-box__back{background-color:#0B5A90;}.elementor-606 .elementor-element.elementor-element-455ea65 .elementor-flip-box__front .elementor-flip-box__layer__overlay{text-align:center;justify-content:center;}.elementor-606 .elementor-element.elementor-element-455ea65 .elementor-flip-box__image img{width:100%;}.elementor-606 .elementor-element.elementor-element-455ea65 .elementor-flip-box__image{opacity:1;}.elementor-606 .elementor-element.elementor-element-455ea65 .elementor-flip-box__back .elementor-flip-box__layer__overlay{text-align:center;justify-content:center;}.elementor-606 .elementor-element.elementor-element-455ea65 .elementor-flip-box__button{margin-center:0;}.elementor-606 .elementor-element.elementor-element-455ea65 .elementor-flip-box__back .elementor-flip-box__layer__description{color:#FFFFFF;font-family:"Sora", Sans-serif;font-size:1em;font-weight:400;}.elementor-606 .elementor-element.elementor-element-7443856{--display:flex;}.elementor-606 .elementor-element.elementor-element-87a3de0 .elementor-flip-box__front{background-color:#FFFFFF;background-image:url("https://rotacargas.com.br/wp-content/uploads/2025/08/icamento.webp");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-606 .elementor-element.elementor-element-87a3de0 .elementor-flip-box__back{background-color:#0B5A90;}.elementor-606 .elementor-element.elementor-element-87a3de0 .elementor-flip-box__front .elementor-flip-box__layer__overlay{text-align:center;justify-content:center;}.elementor-606 .elementor-element.elementor-element-87a3de0 .elementor-flip-box__image img{width:100%;}.elementor-606 .elementor-element.elementor-element-87a3de0 .elementor-flip-box__image{opacity:1;}.elementor-606 .elementor-element.elementor-element-87a3de0 .elementor-flip-box__back .elementor-flip-box__layer__overlay{text-align:center;justify-content:center;}.elementor-606 .elementor-element.elementor-element-87a3de0 .elementor-flip-box__button{margin-center:0;}.elementor-606 .elementor-element.elementor-element-87a3de0 .elementor-flip-box__back .elementor-flip-box__layer__description{color:#FFFFFF;font-family:"Sora", Sans-serif;font-size:1em;font-weight:400;}.elementor-606 .elementor-element.elementor-element-e465b5c{--display:flex;}.elementor-606 .elementor-element.elementor-element-f5993b6 .elementor-flip-box__front{background-color:#FFFFFF;background-image:url("https://rotacargas.com.br/wp-content/uploads/2025/08/projetos.webp");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-606 .elementor-element.elementor-element-f5993b6 .elementor-flip-box__back{background-color:#0B5A90;}.elementor-606 .elementor-element.elementor-element-f5993b6 .elementor-flip-box__front .elementor-flip-box__layer__overlay{text-align:center;justify-content:center;}.elementor-606 .elementor-element.elementor-element-f5993b6 .elementor-flip-box__image img{width:100%;}.elementor-606 .elementor-element.elementor-element-f5993b6 .elementor-flip-box__image{opacity:1;}.elementor-606 .elementor-element.elementor-element-f5993b6 .elementor-flip-box__back .elementor-flip-box__layer__overlay{text-align:center;justify-content:center;}.elementor-606 .elementor-element.elementor-element-f5993b6 .elementor-flip-box__button{margin-center:0;}.elementor-606 .elementor-element.elementor-element-f5993b6 .elementor-flip-box__back .elementor-flip-box__layer__description{color:#FFFFFF;font-family:"Sora", Sans-serif;font-size:1em;font-weight:400;}.elementor-606 .elementor-element.elementor-element-c4998d0{--display:flex;}.elementor-606 .elementor-element.elementor-element-bb29f02 .elementor-flip-box__front{background-color:#FFFFFF;background-image:url("https://rotacargas.com.br/wp-content/uploads/2025/08/transporte.webp");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-606 .elementor-element.elementor-element-bb29f02 .elementor-flip-box__back{background-color:#0B5A90;}.elementor-606 .elementor-element.elementor-element-bb29f02 .elementor-flip-box__front .elementor-flip-box__layer__overlay{text-align:center;justify-content:center;}.elementor-606 .elementor-element.elementor-element-bb29f02 .elementor-flip-box__image img{width:100%;}.elementor-606 .elementor-element.elementor-element-bb29f02 .elementor-flip-box__image{opacity:1;}.elementor-606 .elementor-element.elementor-element-bb29f02 .elementor-flip-box__back .elementor-flip-box__layer__overlay{text-align:center;justify-content:center;}.elementor-606 .elementor-element.elementor-element-bb29f02 .elementor-flip-box__button{margin-center:0;}.elementor-606 .elementor-element.elementor-element-bb29f02 .elementor-flip-box__back .elementor-flip-box__layer__description{color:#FFFFFF;font-family:"Sora", Sans-serif;font-size:1em;font-weight:400;}.elementor-606 .elementor-element.elementor-element-14109f6{--display:flex;}.elementor-606 .elementor-element.elementor-element-f74a5f0 .elementor-flip-box__front{background-color:#FFFFFF;background-image:url("https://rotacargas.com.br/wp-content/uploads/2025/08/consultoria.webp");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-606 .elementor-element.elementor-element-f74a5f0 .elementor-flip-box__back{background-color:#0B5A90;}.elementor-606 .elementor-element.elementor-element-f74a5f0 .elementor-flip-box__front .elementor-flip-box__layer__overlay{text-align:center;justify-content:center;}.elementor-606 .elementor-element.elementor-element-f74a5f0 .elementor-flip-box__image img{width:100%;}.elementor-606 .elementor-element.elementor-element-f74a5f0 .elementor-flip-box__image{opacity:1;}.elementor-606 .elementor-element.elementor-element-f74a5f0 .elementor-flip-box__back .elementor-flip-box__layer__overlay{text-align:center;justify-content:center;}.elementor-606 .elementor-element.elementor-element-f74a5f0 .elementor-flip-box__button{margin-center:0;}.elementor-606 .elementor-element.elementor-element-f74a5f0 .elementor-flip-box__back .elementor-flip-box__layer__description{color:#FFFFFF;font-family:"Sora", Sans-serif;font-size:1em;font-weight:400;}.elementor-606 .elementor-element.elementor-element-7428811{--e-n-carousel-swiper-slides-to-display:6;--e-n-carousel-swiper-slides-gap:10px;}.elementor-606 .elementor-element.elementor-element-1ba061f{--spacer-size:50px;}.elementor-606 .elementor-element.elementor-element-03ad08c{--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;}.elementor-606 .elementor-element.elementor-element-03ad08c:not(.elementor-motion-effects-element-type-background), .elementor-606 .elementor-element.elementor-element-03ad08c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0B5A90;}.elementor-606 .elementor-element.elementor-element-ffab1e9{--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;}body:not(.rtl) .elementor-606 .elementor-element.elementor-element-d51571d{left:-1px;}body.rtl .elementor-606 .elementor-element.elementor-element-d51571d{right:-1px;}.elementor-606 .elementor-element.elementor-element-d51571d{top:-43px;}.elementor-606 .elementor-element.elementor-element-d51571d img{width:77%;}.elementor-606 .elementor-element.elementor-element-1042e31{--spacer-size:50px;}.elementor-606 .elementor-element.elementor-element-59d0e34{--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-606 .elementor-element.elementor-element-dcd7ceb{width:var( --container-widget-width, 80% );max-width:80%;margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:80%;--container-widget-flex-grow:0;text-align:left;}.elementor-606 .elementor-element.elementor-element-dcd7ceb .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:1.7em;font-weight:600;line-height:1.3em;color:#EDBF0A;}.elementor-606 .elementor-element.elementor-element-305fad0{width:var( --container-widget-width, 79% );max-width:79%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 50px) 0px;--container-widget-width:79%;--container-widget-flex-grow:0;text-align:left;font-family:"Sora", Sans-serif;font-size:1em;font-weight:400;line-height:1.5em;color:#FFFFFF;}.elementor-606 .elementor-element.elementor-element-305fad0.elementor-element{--align-self:flex-start;}.elementor-606 .elementor-element.elementor-element-fb4007f{--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-606 .elementor-element.elementor-element-1eae549{width:var( --container-widget-width, 41% );max-width:41%;margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:41%;--container-widget-flex-grow:0;text-align:center;}.elementor-606 .elementor-element.elementor-element-1eae549.elementor-element{--align-self:center;}.elementor-606 .elementor-element.elementor-element-1eae549 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:1.7em;font-weight:600;line-height:1.3em;color:#0B5A90;}.elementor-606 .elementor-element.elementor-element-1926b68{width:var( --container-widget-width, 57% );max-width:57%;margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:57%;--container-widget-flex-grow:0;text-align:center;font-family:"Sora", Sans-serif;font-size:1em;font-weight:400;line-height:1.5em;color:#000000;}.elementor-606 .elementor-element.elementor-element-1926b68.elementor-element{--align-self:center;}.elementor-606 .elementor-element.elementor-element-95450b5 .elementor-button{background-color:transparent;font-family:"Sora", Sans-serif;font-size:1.2em;font-weight:700;fill:#000000;color:#000000;background-image:linear-gradient(90deg, #FFE200 0%, #FCC50E 100%);border-radius:50px 50px 50px 50px;padding:30px 60px 30px 60px;}.elementor-606 .elementor-element.elementor-element-95450b5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 90px) 0px;}.elementor-606 .elementor-element.elementor-element-95450b5 .elementor-button-content-wrapper{flex-direction:row;}.elementor-606 .elementor-element.elementor-element-a510dd2{--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-606 .elementor-element.elementor-element-a9e61e7{--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;--border-radius:30px 30px 30px 30px;--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-606 .elementor-element.elementor-element-a9e61e7:not(.elementor-motion-effects-element-type-background), .elementor-606 .elementor-element.elementor-element-a9e61e7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F8F8;}.elementor-606 .elementor-element.elementor-element-8c16fb9{--display:flex;}.elementor-606 .elementor-element.elementor-element-d92a47e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -21px) 0px;}.elementor-606 .elementor-element.elementor-element-d92a47e img{width:77%;}.elementor-606 .elementor-element.elementor-element-d9612b5{--display:flex;}.elementor-606 .elementor-element.elementor-element-9be7689{width:100%;max-width:100%;margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:left;}.elementor-606 .elementor-element.elementor-element-9be7689.elementor-element{--align-self:center;}.elementor-606 .elementor-element.elementor-element-9be7689 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:1.7em;font-weight:600;line-height:1.3em;color:#0B5A90;}.elementor-606 .elementor-element.elementor-element-e8ddaaa{--display:flex;}.elementor-606 .elementor-element.elementor-element-25250e8{font-family:"Sora", Sans-serif;font-size:0.9em;font-weight:400;line-height:1.5em;color:#000000;}.elementor-606 .elementor-element.elementor-element-726b899{--display:flex;}.elementor-606 .elementor-element.elementor-element-d3855c6{font-family:"Sora", Sans-serif;font-size:0.9em;font-weight:400;line-height:1.5em;color:#000000;}.elementor-606 .elementor-element.elementor-element-895abe2{--display:flex;}.elementor-606 .elementor-element.elementor-element-da4e197{font-family:"Sora", Sans-serif;font-size:0.9em;font-weight:400;line-height:1.5em;color:#000000;}.elementor-606 .elementor-element.elementor-element-506dcbf{--n-accordion-title-font-size:1em;--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:4px;--n-accordion-title-hover-color:#FFE200;--n-accordion-title-active-color:#0B5A90;--n-accordion-icon-size:12px;}.elementor-606 .elementor-element.elementor-element-506dcbf {--n-accordion-padding:20px 20px 20px 20px;}:where( .elementor-606 .elementor-element.elementor-element-506dcbf > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Sora", Sans-serif;font-weight:700;}.elementor-606 .elementor-element.elementor-element-becf3c2{--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-606 .elementor-element.elementor-element-1b43a0f{width:var( --container-widget-width, 41% );max-width:41%;margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:41%;--container-widget-flex-grow:0;text-align:center;}.elementor-606 .elementor-element.elementor-element-1b43a0f.elementor-element{--align-self:center;}.elementor-606 .elementor-element.elementor-element-1b43a0f .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:1.7em;font-weight:600;line-height:1.3em;color:#0B5A90;}.elementor-606 .elementor-element.elementor-element-d113d8e{width:var( --container-widget-width, 57% );max-width:57%;margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:57%;--container-widget-flex-grow:0;text-align:center;font-family:"Sora", Sans-serif;font-size:1em;font-weight:400;line-height:1.5em;color:#000000;}.elementor-606 .elementor-element.elementor-element-d113d8e.elementor-element{--align-self:center;}.elementor-606 .elementor-element.elementor-element-9c2564a .elementor-button{background-color:transparent;font-family:"Sora", Sans-serif;font-size:1.2em;font-weight:700;fill:#000000;color:#000000;background-image:linear-gradient(90deg, #FFE200 0%, #FCC50E 100%);border-radius:50px 50px 50px 50px;padding:30px 60px 30px 60px;}.elementor-606 .elementor-element.elementor-element-9c2564a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 90px) 0px;}.elementor-606 .elementor-element.elementor-element-9c2564a .elementor-button-content-wrapper{flex-direction:row;}.elementor-606 .elementor-element.elementor-element-69d33be{--grid-template-columns:repeat(0, auto);text-align:center;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-606 .elementor-element.elementor-element-69d33be .elementor-social-icon{background-color:#0B5A90;}.elementor-606 .elementor-element.elementor-element-69d33be .elementor-social-icon i{color:#FFFFFF;}.elementor-606 .elementor-element.elementor-element-69d33be .elementor-social-icon svg{fill:#FFFFFF;}.elementor-606 .elementor-element.elementor-element-69d33be .elementor-social-icon:hover{background-color:#FFE200;}.elementor-606 .elementor-element.elementor-element-69d33be .elementor-social-icon:hover i{color:#000000;}.elementor-606 .elementor-element.elementor-element-69d33be .elementor-social-icon:hover svg{fill:#000000;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-606 .elementor-element.elementor-element-387968e{--divider-border-style:parallelogram;--divider-color:#0B5A90;--divider-pattern-height:5px;--divider-pattern-size:20px;}.elementor-606 .elementor-element.elementor-element-387968e .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-606 .elementor-element.elementor-element-387968e .elementor-divider{text-align:center;padding-block-start:2px;padding-block-end:2px;}.elementor-606 .elementor-element.elementor-element-374bb4a{text-align:center;font-family:"Sora", Sans-serif;font-size:0.9em;font-weight:400;color:#000000;}@media(min-width:768px){.elementor-606 .elementor-element.elementor-element-ffab1e9{--width:50%;}.elementor-606 .elementor-element.elementor-element-59d0e34{--width:50%;}}@media(max-width:1024px){.elementor-606 .elementor-element.elementor-element-cea2e11{--grid-auto-flow:row;}.elementor-606 .elementor-element.elementor-element-7428811{--e-n-carousel-swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-606 .elementor-element.elementor-element-f474505:not(.elementor-motion-effects-element-type-background), .elementor-606 .elementor-element.elementor-element-f474505 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://rotacargas.com.br/wp-content/uploads/2025/08/bg.webp");}.elementor-606 .elementor-element.elementor-element-f474505{--min-height:0px;}.elementor-606 .elementor-element.elementor-element-2cfe22d img{width:62%;}.elementor-606 .elementor-element.elementor-element-54970d2{font-size:2.5em;}.elementor-606 .elementor-element.elementor-element-8ceb0ba{width:100%;max-width:100%;font-size:1.3em;}.elementor-606 .elementor-element.elementor-element-762db4a{--container-widget-width:328px;--container-widget-flex-grow:0;width:var( --container-widget-width, 328px );max-width:328px;font-size:1em;}.elementor-606 .elementor-element.elementor-element-5abee9f .elementor-button{font-size:1em;padding:20px 40px 20px 40px;}.elementor-606 .elementor-element.elementor-element-67a8660{--e-image-carousel-slides-to-show:2;}.elementor-606 .elementor-element.elementor-element-4a7b471{text-align:center;}.elementor-606 .elementor-element.elementor-element-db7ae07{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-606 .elementor-element.elementor-element-d4dabbd{width:100%;max-width:100%;text-align:center;}.elementor-606 .elementor-element.elementor-element-dd36ad6{width:100%;max-width:100%;}.elementor-606 .elementor-element.elementor-element-cea2e11{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-606 .elementor-element.elementor-element-377def8 .elementor-icon-box-wrapper{text-align:center;}.elementor-606 .elementor-element.elementor-element-377def8 .elementor-icon-box-title, .elementor-606 .elementor-element.elementor-element-377def8 .elementor-icon-box-title a{font-size:1.1em;}.elementor-606 .elementor-element.elementor-element-377def8 .elementor-icon-box-description{font-size:0.9em;}.elementor-606 .elementor-element.elementor-element-a4ba4ab .elementor-icon-box-wrapper{text-align:center;}.elementor-606 .elementor-element.elementor-element-a4ba4ab .elementor-icon-box-title, .elementor-606 .elementor-element.elementor-element-a4ba4ab .elementor-icon-box-title a{font-size:1.1em;}.elementor-606 .elementor-element.elementor-element-a4ba4ab .elementor-icon-box-description{font-size:0.9em;}.elementor-606 .elementor-element.elementor-element-311b5d8 .elementor-icon-box-wrapper{text-align:center;}.elementor-606 .elementor-element.elementor-element-311b5d8 .elementor-icon-box-title, .elementor-606 .elementor-element.elementor-element-311b5d8 .elementor-icon-box-title a{font-size:1.1em;}.elementor-606 .elementor-element.elementor-element-311b5d8 .elementor-icon-box-description{font-size:0.9em;}.elementor-606 .elementor-element.elementor-element-cf6b53c{width:100%;max-width:100%;}.elementor-606 .elementor-element.elementor-element-7428811{--e-n-carousel-swiper-slides-to-display:1;}body:not(.rtl) .elementor-606 .elementor-element.elementor-element-d51571d{left:13px;}body.rtl .elementor-606 .elementor-element.elementor-element-d51571d{right:13px;}.elementor-606 .elementor-element.elementor-element-d51571d{top:-86px;text-align:center;}.elementor-606 .elementor-element.elementor-element-1042e31{--spacer-size:167px;}.elementor-606 .elementor-element.elementor-element-dcd7ceb{width:100%;max-width:100%;text-align:center;}.elementor-606 .elementor-element.elementor-element-305fad0{width:100%;max-width:100%;text-align:center;}.elementor-606 .elementor-element.elementor-element-1eae549{width:100%;max-width:100%;}.elementor-606 .elementor-element.elementor-element-1926b68{width:100%;max-width:100%;}.elementor-606 .elementor-element.elementor-element-95450b5 .elementor-button{font-size:1em;padding:20px 40px 20px 40px;}.elementor-606 .elementor-element.elementor-element-9be7689{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-606 .elementor-element.elementor-element-1b43a0f{width:100%;max-width:100%;}.elementor-606 .elementor-element.elementor-element-d113d8e{width:100%;max-width:100%;}.elementor-606 .elementor-element.elementor-element-9c2564a .elementor-button{font-size:1em;padding:20px 40px 20px 40px;}.elementor-606 .elementor-element.elementor-element-374bb4a{font-size:0.8em;}}/* Start custom CSS for container, class: .elementor-element-998ff5a */html, body{
    overflow-x: hidden;
}

@-webkit-keyframes marquee {
  100% {
    transform: translateX(-100%);
  }
}

@keyframes marquee {
  100% {
    transform: translateX(-100%);
  }
}

[data-marquee] {
  --loop-duration: 10s;
  display: block;
}

[data-marquee] [data-marquee-shadow] {
  position: absolute;
  visibility: hidden;
  height: auto;
  width: auto;
  white-space: nowrap;
}

[data-marquee] [data-marquee-overflow] {
  overflow: hidden;
  transform: translate3d(0, 0, 0);
}

[data-marquee] [data-marquee-container] {
    display: flex;
    -webkit-animation: marquee var(--loop-duration) linear infinite;
    animation: marquee var(--loop-duration) linear infinite;
}

[data-marquee] [data-marquee-style] {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

[data-marquee-style] {
  padding: 1em 0.3em;
  display: flex;
  color: #ffffff;
  font-family: Sora;
  font-size: 0.6em;
  font-weight: 700;
  letter-spacing: 0.3em;
  text-transform: uppercase;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-991133f */.linha {
    box-shadow: inset 0 -10px 0 #FFC610;
}/* End custom CSS */
/* Start custom CSS for image-carousel, class: .elementor-element-67a8660 */.elementor-606 .elementor-element.elementor-element-67a8660 .swiper,
.elementor-606 .elementor-element.elementor-element-67a8660 .swiper-container{
    overflow: visible !important;
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-ea815af *//*variavel para ajuste da distancia entre os cards e no hover*/
:root {
  --distance: 5vh;
}

/*Configuração do container que tera os cards dentro*/
.card-container {
  display: flex;
  width: 100vw;
  white-space: no-wrap;
}

/*configuração do card (caixa de imagem)*/
.card {
  z-index: 1;
  position: relative;
  height: 305px;
  border-radius: 1px;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.card .elementor-image-box-wrapper{
    padding: 1em;
}

/*Fundo Conteudo*/
.card .elementor-widget-container{
    position: relative;
    width: inherit !important;
    height: inherit !important;
    border-radius: 1px;
    background: rgba(117, 105, 176, 1.0);
    background: radial-gradient(at left top, rgba(117, 105, 176, 1.0), rgba(40, 3, 55, 1.0));
}

/*borda*/
.card .elementor-widget-container:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: radial-gradient(at left top, rgba(165, 147, 255, 1.0), rgba(107, 6, 146, 1.0));;
    border-radius: inherit;
    z-index: -1 !important;
    box-shadow: -6px 0px 10px 0 #00000020 !important;
    transition: box-shadow .8s;
}

/*Traço Superior*/
.card .elementor-widget-container:after{
    content:"";
    position: absolute;
    top: -2px !important;
    left: 1em;
    width: 100px;
    height: 5px;
    background: #F407DD;
     /*background: linear-gradient(to right, #fff 0%, transparent 100%);*/
}

.card:not(:first-child) {
  margin-left: calc(var(--distance) * -1.2);
}

/*Ajusta a distancia dos cards a direita*/
.card:hover ~ .card  {
  translate: calc(var(--distance) - 1.5em) 0;
}

/*Movimento do cartão (caixa de imagem)*/
.card:hover {
  transform-origin: center right;
  transform: translate(-25px, -20px) rotate(5deg);
}

/*aumenta a sombra no card com hover*/
.card:hover .elementor-widget-container:before{
    box-shadow: -6px 8px 10px 0 #00000080 !important;
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-2a41389 *//*variavel para ajuste da distancia entre os cards e no hover*/
:root {
  --distance: 5vh;
}

/*Configuração do container que tera os cards dentro*/
.card-container {
  display: flex;
  width: 100vw;
  white-space: no-wrap;
}

/*configuração do card (caixa de imagem)*/
.card {
  z-index: 1;
  position: relative;
  height: 305px;
  border-radius: 1px;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.card .elementor-image-box-wrapper{
    padding: 1em;
}

/*Fundo Conteudo*/
.card .elementor-widget-container{
    position: relative;
    width: inherit !important;
    height: inherit !important;
    border-radius: 1px;
    background: rgba(117, 105, 176, 1.0);
    background: radial-gradient(at left top, rgba(117, 105, 176, 1.0), rgba(40, 3, 55, 1.0));
}

/*borda*/
.card .elementor-widget-container:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: radial-gradient(at left top, rgba(165, 147, 255, 1.0), rgba(107, 6, 146, 1.0));;
    border-radius: inherit;
    z-index: -1 !important;
    box-shadow: -6px 0px 10px 0 #00000020 !important;
    transition: box-shadow .8s;
}

/*Traço Superior*/
.card .elementor-widget-container:after{
    content:"";
    position: absolute;
    top: -2px !important;
    left: 1em;
    width: 100px;
    height: 5px;
    background: #F407DD;
     /*background: linear-gradient(to right, #fff 0%, transparent 100%);*/
}

.card:not(:first-child) {
  margin-left: calc(var(--distance) * -1.2);
}

/*Ajusta a distancia dos cards a direita*/
.card:hover ~ .card  {
  translate: calc(var(--distance) - 1.5em) 0;
}

/*Movimento do cartão (caixa de imagem)*/
.card:hover {
  transform-origin: center right;
  transform: translate(-25px, -20px) rotate(5deg);
}

/*aumenta a sombra no card com hover*/
.card:hover .elementor-widget-container:before{
    box-shadow: -6px 8px 10px 0 #00000080 !important;
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-e1826c7 *//*variavel para ajuste da distancia entre os cards e no hover*/
:root {
  --distance: 5vh;
}

/*Configuração do container que tera os cards dentro*/
.card-container {
  display: flex;
  width: 100vw;
  white-space: no-wrap;
}

/*configuração do card (caixa de imagem)*/
.card {
  z-index: 1;
  position: relative;
  height: 305px;
  border-radius: 1px;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.card .elementor-image-box-wrapper{
    padding: 1em;
}

/*Fundo Conteudo*/
.card .elementor-widget-container{
    position: relative;
    width: inherit !important;
    height: inherit !important;
    border-radius: 1px;
    background: rgba(117, 105, 176, 1.0);
    background: radial-gradient(at left top, rgba(117, 105, 176, 1.0), rgba(40, 3, 55, 1.0));
}

/*borda*/
.card .elementor-widget-container:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: radial-gradient(at left top, rgba(165, 147, 255, 1.0), rgba(107, 6, 146, 1.0));;
    border-radius: inherit;
    z-index: -1 !important;
    box-shadow: -6px 0px 10px 0 #00000020 !important;
    transition: box-shadow .8s;
}

/*Traço Superior*/
.card .elementor-widget-container:after{
    content:"";
    position: absolute;
    top: -2px !important;
    left: 1em;
    width: 100px;
    height: 5px;
    background: #F407DD;
     /*background: linear-gradient(to right, #fff 0%, transparent 100%);*/
}

.card:not(:first-child) {
  margin-left: calc(var(--distance) * -1.2);
}

/*Ajusta a distancia dos cards a direita*/
.card:hover ~ .card  {
  translate: calc(var(--distance) - 1.5em) 0;
}

/*Movimento do cartão (caixa de imagem)*/
.card:hover {
  transform-origin: center right;
  transform: translate(-25px, -20px) rotate(5deg);
}

/*aumenta a sombra no card com hover*/
.card:hover .elementor-widget-container:before{
    box-shadow: -6px 8px 10px 0 #00000080 !important;
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-455ea65 *//*variavel para ajuste da distancia entre os cards e no hover*/
:root {
  --distance: 5vh;
}

/*Configuração do container que tera os cards dentro*/
.card-container {
  display: flex;
  width: 100vw;
  white-space: no-wrap;
}

/*configuração do card (caixa de imagem)*/
.card {
  z-index: 1;
  position: relative;
  height: 305px;
  border-radius: 1px;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.card .elementor-image-box-wrapper{
    padding: 1em;
}

/*Fundo Conteudo*/
.card .elementor-widget-container{
    position: relative;
    width: inherit !important;
    height: inherit !important;
    border-radius: 1px;
    background: rgba(117, 105, 176, 1.0);
    background: radial-gradient(at left top, rgba(117, 105, 176, 1.0), rgba(40, 3, 55, 1.0));
}

/*borda*/
.card .elementor-widget-container:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: radial-gradient(at left top, rgba(165, 147, 255, 1.0), rgba(107, 6, 146, 1.0));;
    border-radius: inherit;
    z-index: -1 !important;
    box-shadow: -6px 0px 10px 0 #00000020 !important;
    transition: box-shadow .8s;
}

/*Traço Superior*/
.card .elementor-widget-container:after{
    content:"";
    position: absolute;
    top: -2px !important;
    left: 1em;
    width: 100px;
    height: 5px;
    background: #F407DD;
     /*background: linear-gradient(to right, #fff 0%, transparent 100%);*/
}

.card:not(:first-child) {
  margin-left: calc(var(--distance) * -1.2);
}

/*Ajusta a distancia dos cards a direita*/
.card:hover ~ .card  {
  translate: calc(var(--distance) - 1.5em) 0;
}

/*Movimento do cartão (caixa de imagem)*/
.card:hover {
  transform-origin: center right;
  transform: translate(-25px, -20px) rotate(5deg);
}

/*aumenta a sombra no card com hover*/
.card:hover .elementor-widget-container:before{
    box-shadow: -6px 8px 10px 0 #00000080 !important;
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-87a3de0 *//*variavel para ajuste da distancia entre os cards e no hover*/
:root {
  --distance: 5vh;
}

/*Configuração do container que tera os cards dentro*/
.card-container {
  display: flex;
  width: 100vw;
  white-space: no-wrap;
}

/*configuração do card (caixa de imagem)*/
.card {
  z-index: 1;
  position: relative;
  height: 305px;
  border-radius: 1px;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.card .elementor-image-box-wrapper{
    padding: 1em;
}

/*Fundo Conteudo*/
.card .elementor-widget-container{
    position: relative;
    width: inherit !important;
    height: inherit !important;
    border-radius: 1px;
    background: rgba(117, 105, 176, 1.0);
    background: radial-gradient(at left top, rgba(117, 105, 176, 1.0), rgba(40, 3, 55, 1.0));
}

/*borda*/
.card .elementor-widget-container:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: radial-gradient(at left top, rgba(165, 147, 255, 1.0), rgba(107, 6, 146, 1.0));;
    border-radius: inherit;
    z-index: -1 !important;
    box-shadow: -6px 0px 10px 0 #00000020 !important;
    transition: box-shadow .8s;
}

/*Traço Superior*/
.card .elementor-widget-container:after{
    content:"";
    position: absolute;
    top: -2px !important;
    left: 1em;
    width: 100px;
    height: 5px;
    background: #F407DD;
     /*background: linear-gradient(to right, #fff 0%, transparent 100%);*/
}

.card:not(:first-child) {
  margin-left: calc(var(--distance) * -1.2);
}

/*Ajusta a distancia dos cards a direita*/
.card:hover ~ .card  {
  translate: calc(var(--distance) - 1.5em) 0;
}

/*Movimento do cartão (caixa de imagem)*/
.card:hover {
  transform-origin: center right;
  transform: translate(-25px, -20px) rotate(5deg);
}

/*aumenta a sombra no card com hover*/
.card:hover .elementor-widget-container:before{
    box-shadow: -6px 8px 10px 0 #00000080 !important;
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-f5993b6 *//*variavel para ajuste da distancia entre os cards e no hover*/
:root {
  --distance: 5vh;
}

/*Configuração do container que tera os cards dentro*/
.card-container {
  display: flex;
  width: 100vw;
  white-space: no-wrap;
}

/*configuração do card (caixa de imagem)*/
.card {
  z-index: 1;
  position: relative;
  height: 305px;
  border-radius: 1px;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.card .elementor-image-box-wrapper{
    padding: 1em;
}

/*Fundo Conteudo*/
.card .elementor-widget-container{
    position: relative;
    width: inherit !important;
    height: inherit !important;
    border-radius: 1px;
    background: rgba(117, 105, 176, 1.0);
    background: radial-gradient(at left top, rgba(117, 105, 176, 1.0), rgba(40, 3, 55, 1.0));
}

/*borda*/
.card .elementor-widget-container:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: radial-gradient(at left top, rgba(165, 147, 255, 1.0), rgba(107, 6, 146, 1.0));;
    border-radius: inherit;
    z-index: -1 !important;
    box-shadow: -6px 0px 10px 0 #00000020 !important;
    transition: box-shadow .8s;
}

/*Traço Superior*/
.card .elementor-widget-container:after{
    content:"";
    position: absolute;
    top: -2px !important;
    left: 1em;
    width: 100px;
    height: 5px;
    background: #F407DD;
     /*background: linear-gradient(to right, #fff 0%, transparent 100%);*/
}

.card:not(:first-child) {
  margin-left: calc(var(--distance) * -1.2);
}

/*Ajusta a distancia dos cards a direita*/
.card:hover ~ .card  {
  translate: calc(var(--distance) - 1.5em) 0;
}

/*Movimento do cartão (caixa de imagem)*/
.card:hover {
  transform-origin: center right;
  transform: translate(-25px, -20px) rotate(5deg);
}

/*aumenta a sombra no card com hover*/
.card:hover .elementor-widget-container:before{
    box-shadow: -6px 8px 10px 0 #00000080 !important;
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-bb29f02 *//*variavel para ajuste da distancia entre os cards e no hover*/
:root {
  --distance: 5vh;
}

/*Configuração do container que tera os cards dentro*/
.card-container {
  display: flex;
  width: 100vw;
  white-space: no-wrap;
}

/*configuração do card (caixa de imagem)*/
.card {
  z-index: 1;
  position: relative;
  height: 305px;
  border-radius: 1px;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.card .elementor-image-box-wrapper{
    padding: 1em;
}

/*Fundo Conteudo*/
.card .elementor-widget-container{
    position: relative;
    width: inherit !important;
    height: inherit !important;
    border-radius: 1px;
    background: rgba(117, 105, 176, 1.0);
    background: radial-gradient(at left top, rgba(117, 105, 176, 1.0), rgba(40, 3, 55, 1.0));
}

/*borda*/
.card .elementor-widget-container:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: radial-gradient(at left top, rgba(165, 147, 255, 1.0), rgba(107, 6, 146, 1.0));;
    border-radius: inherit;
    z-index: -1 !important;
    box-shadow: -6px 0px 10px 0 #00000020 !important;
    transition: box-shadow .8s;
}

/*Traço Superior*/
.card .elementor-widget-container:after{
    content:"";
    position: absolute;
    top: -2px !important;
    left: 1em;
    width: 100px;
    height: 5px;
    background: #F407DD;
     /*background: linear-gradient(to right, #fff 0%, transparent 100%);*/
}

.card:not(:first-child) {
  margin-left: calc(var(--distance) * -1.2);
}

/*Ajusta a distancia dos cards a direita*/
.card:hover ~ .card  {
  translate: calc(var(--distance) - 1.5em) 0;
}

/*Movimento do cartão (caixa de imagem)*/
.card:hover {
  transform-origin: center right;
  transform: translate(-25px, -20px) rotate(5deg);
}

/*aumenta a sombra no card com hover*/
.card:hover .elementor-widget-container:before{
    box-shadow: -6px 8px 10px 0 #00000080 !important;
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-f74a5f0 *//*variavel para ajuste da distancia entre os cards e no hover*/
:root {
  --distance: 5vh;
}

/*Configuração do container que tera os cards dentro*/
.card-container {
  display: flex;
  width: 100vw;
  white-space: no-wrap;
}

/*configuração do card (caixa de imagem)*/
.card {
  z-index: 1;
  position: relative;
  height: 305px;
  border-radius: 1px;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.card .elementor-image-box-wrapper{
    padding: 1em;
}

/*Fundo Conteudo*/
.card .elementor-widget-container{
    position: relative;
    width: inherit !important;
    height: inherit !important;
    border-radius: 1px;
    background: rgba(117, 105, 176, 1.0);
    background: radial-gradient(at left top, rgba(117, 105, 176, 1.0), rgba(40, 3, 55, 1.0));
}

/*borda*/
.card .elementor-widget-container:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: radial-gradient(at left top, rgba(165, 147, 255, 1.0), rgba(107, 6, 146, 1.0));;
    border-radius: inherit;
    z-index: -1 !important;
    box-shadow: -6px 0px 10px 0 #00000020 !important;
    transition: box-shadow .8s;
}

/*Traço Superior*/
.card .elementor-widget-container:after{
    content:"";
    position: absolute;
    top: -2px !important;
    left: 1em;
    width: 100px;
    height: 5px;
    background: #F407DD;
     /*background: linear-gradient(to right, #fff 0%, transparent 100%);*/
}

.card:not(:first-child) {
  margin-left: calc(var(--distance) * -1.2);
}

/*Ajusta a distancia dos cards a direita*/
.card:hover ~ .card  {
  translate: calc(var(--distance) - 1.5em) 0;
}

/*Movimento do cartão (caixa de imagem)*/
.card:hover {
  transform-origin: center right;
  transform: translate(-25px, -20px) rotate(5deg);
}

/*aumenta a sombra no card com hover*/
.card:hover .elementor-widget-container:before{
    box-shadow: -6px 8px 10px 0 #00000080 !important;
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-ea815af *//*variavel para ajuste da distancia entre os cards e no hover*/
:root {
  --distance: 5vh;
}

/*Configuração do container que tera os cards dentro*/
.card-container {
  display: flex;
  width: 100vw;
  white-space: no-wrap;
}

/*configuração do card (caixa de imagem)*/
.card {
  z-index: 1;
  position: relative;
  height: 305px;
  border-radius: 1px;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.card .elementor-image-box-wrapper{
    padding: 1em;
}

/*Fundo Conteudo*/
.card .elementor-widget-container{
    position: relative;
    width: inherit !important;
    height: inherit !important;
    border-radius: 1px;
    background: rgba(117, 105, 176, 1.0);
    background: radial-gradient(at left top, rgba(117, 105, 176, 1.0), rgba(40, 3, 55, 1.0));
}

/*borda*/
.card .elementor-widget-container:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: radial-gradient(at left top, rgba(165, 147, 255, 1.0), rgba(107, 6, 146, 1.0));;
    border-radius: inherit;
    z-index: -1 !important;
    box-shadow: -6px 0px 10px 0 #00000020 !important;
    transition: box-shadow .8s;
}

/*Traço Superior*/
.card .elementor-widget-container:after{
    content:"";
    position: absolute;
    top: -2px !important;
    left: 1em;
    width: 100px;
    height: 5px;
    background: #F407DD;
     /*background: linear-gradient(to right, #fff 0%, transparent 100%);*/
}

.card:not(:first-child) {
  margin-left: calc(var(--distance) * -1.2);
}

/*Ajusta a distancia dos cards a direita*/
.card:hover ~ .card  {
  translate: calc(var(--distance) - 1.5em) 0;
}

/*Movimento do cartão (caixa de imagem)*/
.card:hover {
  transform-origin: center right;
  transform: translate(-25px, -20px) rotate(5deg);
}

/*aumenta a sombra no card com hover*/
.card:hover .elementor-widget-container:before{
    box-shadow: -6px 8px 10px 0 #00000080 !important;
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-2a41389 *//*variavel para ajuste da distancia entre os cards e no hover*/
:root {
  --distance: 5vh;
}

/*Configuração do container que tera os cards dentro*/
.card-container {
  display: flex;
  width: 100vw;
  white-space: no-wrap;
}

/*configuração do card (caixa de imagem)*/
.card {
  z-index: 1;
  position: relative;
  height: 305px;
  border-radius: 1px;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.card .elementor-image-box-wrapper{
    padding: 1em;
}

/*Fundo Conteudo*/
.card .elementor-widget-container{
    position: relative;
    width: inherit !important;
    height: inherit !important;
    border-radius: 1px;
    background: rgba(117, 105, 176, 1.0);
    background: radial-gradient(at left top, rgba(117, 105, 176, 1.0), rgba(40, 3, 55, 1.0));
}

/*borda*/
.card .elementor-widget-container:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: radial-gradient(at left top, rgba(165, 147, 255, 1.0), rgba(107, 6, 146, 1.0));;
    border-radius: inherit;
    z-index: -1 !important;
    box-shadow: -6px 0px 10px 0 #00000020 !important;
    transition: box-shadow .8s;
}

/*Traço Superior*/
.card .elementor-widget-container:after{
    content:"";
    position: absolute;
    top: -2px !important;
    left: 1em;
    width: 100px;
    height: 5px;
    background: #F407DD;
     /*background: linear-gradient(to right, #fff 0%, transparent 100%);*/
}

.card:not(:first-child) {
  margin-left: calc(var(--distance) * -1.2);
}

/*Ajusta a distancia dos cards a direita*/
.card:hover ~ .card  {
  translate: calc(var(--distance) - 1.5em) 0;
}

/*Movimento do cartão (caixa de imagem)*/
.card:hover {
  transform-origin: center right;
  transform: translate(-25px, -20px) rotate(5deg);
}

/*aumenta a sombra no card com hover*/
.card:hover .elementor-widget-container:before{
    box-shadow: -6px 8px 10px 0 #00000080 !important;
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-e1826c7 *//*variavel para ajuste da distancia entre os cards e no hover*/
:root {
  --distance: 5vh;
}

/*Configuração do container que tera os cards dentro*/
.card-container {
  display: flex;
  width: 100vw;
  white-space: no-wrap;
}

/*configuração do card (caixa de imagem)*/
.card {
  z-index: 1;
  position: relative;
  height: 305px;
  border-radius: 1px;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.card .elementor-image-box-wrapper{
    padding: 1em;
}

/*Fundo Conteudo*/
.card .elementor-widget-container{
    position: relative;
    width: inherit !important;
    height: inherit !important;
    border-radius: 1px;
    background: rgba(117, 105, 176, 1.0);
    background: radial-gradient(at left top, rgba(117, 105, 176, 1.0), rgba(40, 3, 55, 1.0));
}

/*borda*/
.card .elementor-widget-container:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: radial-gradient(at left top, rgba(165, 147, 255, 1.0), rgba(107, 6, 146, 1.0));;
    border-radius: inherit;
    z-index: -1 !important;
    box-shadow: -6px 0px 10px 0 #00000020 !important;
    transition: box-shadow .8s;
}

/*Traço Superior*/
.card .elementor-widget-container:after{
    content:"";
    position: absolute;
    top: -2px !important;
    left: 1em;
    width: 100px;
    height: 5px;
    background: #F407DD;
     /*background: linear-gradient(to right, #fff 0%, transparent 100%);*/
}

.card:not(:first-child) {
  margin-left: calc(var(--distance) * -1.2);
}

/*Ajusta a distancia dos cards a direita*/
.card:hover ~ .card  {
  translate: calc(var(--distance) - 1.5em) 0;
}

/*Movimento do cartão (caixa de imagem)*/
.card:hover {
  transform-origin: center right;
  transform: translate(-25px, -20px) rotate(5deg);
}

/*aumenta a sombra no card com hover*/
.card:hover .elementor-widget-container:before{
    box-shadow: -6px 8px 10px 0 #00000080 !important;
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-455ea65 *//*variavel para ajuste da distancia entre os cards e no hover*/
:root {
  --distance: 5vh;
}

/*Configuração do container que tera os cards dentro*/
.card-container {
  display: flex;
  width: 100vw;
  white-space: no-wrap;
}

/*configuração do card (caixa de imagem)*/
.card {
  z-index: 1;
  position: relative;
  height: 305px;
  border-radius: 1px;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.card .elementor-image-box-wrapper{
    padding: 1em;
}

/*Fundo Conteudo*/
.card .elementor-widget-container{
    position: relative;
    width: inherit !important;
    height: inherit !important;
    border-radius: 1px;
    background: rgba(117, 105, 176, 1.0);
    background: radial-gradient(at left top, rgba(117, 105, 176, 1.0), rgba(40, 3, 55, 1.0));
}

/*borda*/
.card .elementor-widget-container:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: radial-gradient(at left top, rgba(165, 147, 255, 1.0), rgba(107, 6, 146, 1.0));;
    border-radius: inherit;
    z-index: -1 !important;
    box-shadow: -6px 0px 10px 0 #00000020 !important;
    transition: box-shadow .8s;
}

/*Traço Superior*/
.card .elementor-widget-container:after{
    content:"";
    position: absolute;
    top: -2px !important;
    left: 1em;
    width: 100px;
    height: 5px;
    background: #F407DD;
     /*background: linear-gradient(to right, #fff 0%, transparent 100%);*/
}

.card:not(:first-child) {
  margin-left: calc(var(--distance) * -1.2);
}

/*Ajusta a distancia dos cards a direita*/
.card:hover ~ .card  {
  translate: calc(var(--distance) - 1.5em) 0;
}

/*Movimento do cartão (caixa de imagem)*/
.card:hover {
  transform-origin: center right;
  transform: translate(-25px, -20px) rotate(5deg);
}

/*aumenta a sombra no card com hover*/
.card:hover .elementor-widget-container:before{
    box-shadow: -6px 8px 10px 0 #00000080 !important;
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-87a3de0 *//*variavel para ajuste da distancia entre os cards e no hover*/
:root {
  --distance: 5vh;
}

/*Configuração do container que tera os cards dentro*/
.card-container {
  display: flex;
  width: 100vw;
  white-space: no-wrap;
}

/*configuração do card (caixa de imagem)*/
.card {
  z-index: 1;
  position: relative;
  height: 305px;
  border-radius: 1px;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.card .elementor-image-box-wrapper{
    padding: 1em;
}

/*Fundo Conteudo*/
.card .elementor-widget-container{
    position: relative;
    width: inherit !important;
    height: inherit !important;
    border-radius: 1px;
    background: rgba(117, 105, 176, 1.0);
    background: radial-gradient(at left top, rgba(117, 105, 176, 1.0), rgba(40, 3, 55, 1.0));
}

/*borda*/
.card .elementor-widget-container:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: radial-gradient(at left top, rgba(165, 147, 255, 1.0), rgba(107, 6, 146, 1.0));;
    border-radius: inherit;
    z-index: -1 !important;
    box-shadow: -6px 0px 10px 0 #00000020 !important;
    transition: box-shadow .8s;
}

/*Traço Superior*/
.card .elementor-widget-container:after{
    content:"";
    position: absolute;
    top: -2px !important;
    left: 1em;
    width: 100px;
    height: 5px;
    background: #F407DD;
     /*background: linear-gradient(to right, #fff 0%, transparent 100%);*/
}

.card:not(:first-child) {
  margin-left: calc(var(--distance) * -1.2);
}

/*Ajusta a distancia dos cards a direita*/
.card:hover ~ .card  {
  translate: calc(var(--distance) - 1.5em) 0;
}

/*Movimento do cartão (caixa de imagem)*/
.card:hover {
  transform-origin: center right;
  transform: translate(-25px, -20px) rotate(5deg);
}

/*aumenta a sombra no card com hover*/
.card:hover .elementor-widget-container:before{
    box-shadow: -6px 8px 10px 0 #00000080 !important;
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-f5993b6 *//*variavel para ajuste da distancia entre os cards e no hover*/
:root {
  --distance: 5vh;
}

/*Configuração do container que tera os cards dentro*/
.card-container {
  display: flex;
  width: 100vw;
  white-space: no-wrap;
}

/*configuração do card (caixa de imagem)*/
.card {
  z-index: 1;
  position: relative;
  height: 305px;
  border-radius: 1px;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.card .elementor-image-box-wrapper{
    padding: 1em;
}

/*Fundo Conteudo*/
.card .elementor-widget-container{
    position: relative;
    width: inherit !important;
    height: inherit !important;
    border-radius: 1px;
    background: rgba(117, 105, 176, 1.0);
    background: radial-gradient(at left top, rgba(117, 105, 176, 1.0), rgba(40, 3, 55, 1.0));
}

/*borda*/
.card .elementor-widget-container:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: radial-gradient(at left top, rgba(165, 147, 255, 1.0), rgba(107, 6, 146, 1.0));;
    border-radius: inherit;
    z-index: -1 !important;
    box-shadow: -6px 0px 10px 0 #00000020 !important;
    transition: box-shadow .8s;
}

/*Traço Superior*/
.card .elementor-widget-container:after{
    content:"";
    position: absolute;
    top: -2px !important;
    left: 1em;
    width: 100px;
    height: 5px;
    background: #F407DD;
     /*background: linear-gradient(to right, #fff 0%, transparent 100%);*/
}

.card:not(:first-child) {
  margin-left: calc(var(--distance) * -1.2);
}

/*Ajusta a distancia dos cards a direita*/
.card:hover ~ .card  {
  translate: calc(var(--distance) - 1.5em) 0;
}

/*Movimento do cartão (caixa de imagem)*/
.card:hover {
  transform-origin: center right;
  transform: translate(-25px, -20px) rotate(5deg);
}

/*aumenta a sombra no card com hover*/
.card:hover .elementor-widget-container:before{
    box-shadow: -6px 8px 10px 0 #00000080 !important;
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-bb29f02 *//*variavel para ajuste da distancia entre os cards e no hover*/
:root {
  --distance: 5vh;
}

/*Configuração do container que tera os cards dentro*/
.card-container {
  display: flex;
  width: 100vw;
  white-space: no-wrap;
}

/*configuração do card (caixa de imagem)*/
.card {
  z-index: 1;
  position: relative;
  height: 305px;
  border-radius: 1px;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.card .elementor-image-box-wrapper{
    padding: 1em;
}

/*Fundo Conteudo*/
.card .elementor-widget-container{
    position: relative;
    width: inherit !important;
    height: inherit !important;
    border-radius: 1px;
    background: rgba(117, 105, 176, 1.0);
    background: radial-gradient(at left top, rgba(117, 105, 176, 1.0), rgba(40, 3, 55, 1.0));
}

/*borda*/
.card .elementor-widget-container:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: radial-gradient(at left top, rgba(165, 147, 255, 1.0), rgba(107, 6, 146, 1.0));;
    border-radius: inherit;
    z-index: -1 !important;
    box-shadow: -6px 0px 10px 0 #00000020 !important;
    transition: box-shadow .8s;
}

/*Traço Superior*/
.card .elementor-widget-container:after{
    content:"";
    position: absolute;
    top: -2px !important;
    left: 1em;
    width: 100px;
    height: 5px;
    background: #F407DD;
     /*background: linear-gradient(to right, #fff 0%, transparent 100%);*/
}

.card:not(:first-child) {
  margin-left: calc(var(--distance) * -1.2);
}

/*Ajusta a distancia dos cards a direita*/
.card:hover ~ .card  {
  translate: calc(var(--distance) - 1.5em) 0;
}

/*Movimento do cartão (caixa de imagem)*/
.card:hover {
  transform-origin: center right;
  transform: translate(-25px, -20px) rotate(5deg);
}

/*aumenta a sombra no card com hover*/
.card:hover .elementor-widget-container:before{
    box-shadow: -6px 8px 10px 0 #00000080 !important;
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-f74a5f0 *//*variavel para ajuste da distancia entre os cards e no hover*/
:root {
  --distance: 5vh;
}

/*Configuração do container que tera os cards dentro*/
.card-container {
  display: flex;
  width: 100vw;
  white-space: no-wrap;
}

/*configuração do card (caixa de imagem)*/
.card {
  z-index: 1;
  position: relative;
  height: 305px;
  border-radius: 1px;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.card .elementor-image-box-wrapper{
    padding: 1em;
}

/*Fundo Conteudo*/
.card .elementor-widget-container{
    position: relative;
    width: inherit !important;
    height: inherit !important;
    border-radius: 1px;
    background: rgba(117, 105, 176, 1.0);
    background: radial-gradient(at left top, rgba(117, 105, 176, 1.0), rgba(40, 3, 55, 1.0));
}

/*borda*/
.card .elementor-widget-container:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: radial-gradient(at left top, rgba(165, 147, 255, 1.0), rgba(107, 6, 146, 1.0));;
    border-radius: inherit;
    z-index: -1 !important;
    box-shadow: -6px 0px 10px 0 #00000020 !important;
    transition: box-shadow .8s;
}

/*Traço Superior*/
.card .elementor-widget-container:after{
    content:"";
    position: absolute;
    top: -2px !important;
    left: 1em;
    width: 100px;
    height: 5px;
    background: #F407DD;
     /*background: linear-gradient(to right, #fff 0%, transparent 100%);*/
}

.card:not(:first-child) {
  margin-left: calc(var(--distance) * -1.2);
}

/*Ajusta a distancia dos cards a direita*/
.card:hover ~ .card  {
  translate: calc(var(--distance) - 1.5em) 0;
}

/*Movimento do cartão (caixa de imagem)*/
.card:hover {
  transform-origin: center right;
  transform: translate(-25px, -20px) rotate(5deg);
}

/*aumenta a sombra no card com hover*/
.card:hover .elementor-widget-container:before{
    box-shadow: -6px 8px 10px 0 #00000080 !important;
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-ea815af *//*variavel para ajuste da distancia entre os cards e no hover*/
:root {
  --distance: 5vh;
}

/*Configuração do container que tera os cards dentro*/
.card-container {
  display: flex;
  width: 100vw;
  white-space: no-wrap;
}

/*configuração do card (caixa de imagem)*/
.card {
  z-index: 1;
  position: relative;
  height: 305px;
  border-radius: 1px;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.card .elementor-image-box-wrapper{
    padding: 1em;
}

/*Fundo Conteudo*/
.card .elementor-widget-container{
    position: relative;
    width: inherit !important;
    height: inherit !important;
    border-radius: 1px;
    background: rgba(117, 105, 176, 1.0);
    background: radial-gradient(at left top, rgba(117, 105, 176, 1.0), rgba(40, 3, 55, 1.0));
}

/*borda*/
.card .elementor-widget-container:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: radial-gradient(at left top, rgba(165, 147, 255, 1.0), rgba(107, 6, 146, 1.0));;
    border-radius: inherit;
    z-index: -1 !important;
    box-shadow: -6px 0px 10px 0 #00000020 !important;
    transition: box-shadow .8s;
}

/*Traço Superior*/
.card .elementor-widget-container:after{
    content:"";
    position: absolute;
    top: -2px !important;
    left: 1em;
    width: 100px;
    height: 5px;
    background: #F407DD;
     /*background: linear-gradient(to right, #fff 0%, transparent 100%);*/
}

.card:not(:first-child) {
  margin-left: calc(var(--distance) * -1.2);
}

/*Ajusta a distancia dos cards a direita*/
.card:hover ~ .card  {
  translate: calc(var(--distance) - 1.5em) 0;
}

/*Movimento do cartão (caixa de imagem)*/
.card:hover {
  transform-origin: center right;
  transform: translate(-25px, -20px) rotate(5deg);
}

/*aumenta a sombra no card com hover*/
.card:hover .elementor-widget-container:before{
    box-shadow: -6px 8px 10px 0 #00000080 !important;
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-2a41389 *//*variavel para ajuste da distancia entre os cards e no hover*/
:root {
  --distance: 5vh;
}

/*Configuração do container que tera os cards dentro*/
.card-container {
  display: flex;
  width: 100vw;
  white-space: no-wrap;
}

/*configuração do card (caixa de imagem)*/
.card {
  z-index: 1;
  position: relative;
  height: 305px;
  border-radius: 1px;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.card .elementor-image-box-wrapper{
    padding: 1em;
}

/*Fundo Conteudo*/
.card .elementor-widget-container{
    position: relative;
    width: inherit !important;
    height: inherit !important;
    border-radius: 1px;
    background: rgba(117, 105, 176, 1.0);
    background: radial-gradient(at left top, rgba(117, 105, 176, 1.0), rgba(40, 3, 55, 1.0));
}

/*borda*/
.card .elementor-widget-container:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: radial-gradient(at left top, rgba(165, 147, 255, 1.0), rgba(107, 6, 146, 1.0));;
    border-radius: inherit;
    z-index: -1 !important;
    box-shadow: -6px 0px 10px 0 #00000020 !important;
    transition: box-shadow .8s;
}

/*Traço Superior*/
.card .elementor-widget-container:after{
    content:"";
    position: absolute;
    top: -2px !important;
    left: 1em;
    width: 100px;
    height: 5px;
    background: #F407DD;
     /*background: linear-gradient(to right, #fff 0%, transparent 100%);*/
}

.card:not(:first-child) {
  margin-left: calc(var(--distance) * -1.2);
}

/*Ajusta a distancia dos cards a direita*/
.card:hover ~ .card  {
  translate: calc(var(--distance) - 1.5em) 0;
}

/*Movimento do cartão (caixa de imagem)*/
.card:hover {
  transform-origin: center right;
  transform: translate(-25px, -20px) rotate(5deg);
}

/*aumenta a sombra no card com hover*/
.card:hover .elementor-widget-container:before{
    box-shadow: -6px 8px 10px 0 #00000080 !important;
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-e1826c7 *//*variavel para ajuste da distancia entre os cards e no hover*/
:root {
  --distance: 5vh;
}

/*Configuração do container que tera os cards dentro*/
.card-container {
  display: flex;
  width: 100vw;
  white-space: no-wrap;
}

/*configuração do card (caixa de imagem)*/
.card {
  z-index: 1;
  position: relative;
  height: 305px;
  border-radius: 1px;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.card .elementor-image-box-wrapper{
    padding: 1em;
}

/*Fundo Conteudo*/
.card .elementor-widget-container{
    position: relative;
    width: inherit !important;
    height: inherit !important;
    border-radius: 1px;
    background: rgba(117, 105, 176, 1.0);
    background: radial-gradient(at left top, rgba(117, 105, 176, 1.0), rgba(40, 3, 55, 1.0));
}

/*borda*/
.card .elementor-widget-container:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: radial-gradient(at left top, rgba(165, 147, 255, 1.0), rgba(107, 6, 146, 1.0));;
    border-radius: inherit;
    z-index: -1 !important;
    box-shadow: -6px 0px 10px 0 #00000020 !important;
    transition: box-shadow .8s;
}

/*Traço Superior*/
.card .elementor-widget-container:after{
    content:"";
    position: absolute;
    top: -2px !important;
    left: 1em;
    width: 100px;
    height: 5px;
    background: #F407DD;
     /*background: linear-gradient(to right, #fff 0%, transparent 100%);*/
}

.card:not(:first-child) {
  margin-left: calc(var(--distance) * -1.2);
}

/*Ajusta a distancia dos cards a direita*/
.card:hover ~ .card  {
  translate: calc(var(--distance) - 1.5em) 0;
}

/*Movimento do cartão (caixa de imagem)*/
.card:hover {
  transform-origin: center right;
  transform: translate(-25px, -20px) rotate(5deg);
}

/*aumenta a sombra no card com hover*/
.card:hover .elementor-widget-container:before{
    box-shadow: -6px 8px 10px 0 #00000080 !important;
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-455ea65 *//*variavel para ajuste da distancia entre os cards e no hover*/
:root {
  --distance: 5vh;
}

/*Configuração do container que tera os cards dentro*/
.card-container {
  display: flex;
  width: 100vw;
  white-space: no-wrap;
}

/*configuração do card (caixa de imagem)*/
.card {
  z-index: 1;
  position: relative;
  height: 305px;
  border-radius: 1px;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.card .elementor-image-box-wrapper{
    padding: 1em;
}

/*Fundo Conteudo*/
.card .elementor-widget-container{
    position: relative;
    width: inherit !important;
    height: inherit !important;
    border-radius: 1px;
    background: rgba(117, 105, 176, 1.0);
    background: radial-gradient(at left top, rgba(117, 105, 176, 1.0), rgba(40, 3, 55, 1.0));
}

/*borda*/
.card .elementor-widget-container:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: radial-gradient(at left top, rgba(165, 147, 255, 1.0), rgba(107, 6, 146, 1.0));;
    border-radius: inherit;
    z-index: -1 !important;
    box-shadow: -6px 0px 10px 0 #00000020 !important;
    transition: box-shadow .8s;
}

/*Traço Superior*/
.card .elementor-widget-container:after{
    content:"";
    position: absolute;
    top: -2px !important;
    left: 1em;
    width: 100px;
    height: 5px;
    background: #F407DD;
     /*background: linear-gradient(to right, #fff 0%, transparent 100%);*/
}

.card:not(:first-child) {
  margin-left: calc(var(--distance) * -1.2);
}

/*Ajusta a distancia dos cards a direita*/
.card:hover ~ .card  {
  translate: calc(var(--distance) - 1.5em) 0;
}

/*Movimento do cartão (caixa de imagem)*/
.card:hover {
  transform-origin: center right;
  transform: translate(-25px, -20px) rotate(5deg);
}

/*aumenta a sombra no card com hover*/
.card:hover .elementor-widget-container:before{
    box-shadow: -6px 8px 10px 0 #00000080 !important;
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-87a3de0 *//*variavel para ajuste da distancia entre os cards e no hover*/
:root {
  --distance: 5vh;
}

/*Configuração do container que tera os cards dentro*/
.card-container {
  display: flex;
  width: 100vw;
  white-space: no-wrap;
}

/*configuração do card (caixa de imagem)*/
.card {
  z-index: 1;
  position: relative;
  height: 305px;
  border-radius: 1px;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.card .elementor-image-box-wrapper{
    padding: 1em;
}

/*Fundo Conteudo*/
.card .elementor-widget-container{
    position: relative;
    width: inherit !important;
    height: inherit !important;
    border-radius: 1px;
    background: rgba(117, 105, 176, 1.0);
    background: radial-gradient(at left top, rgba(117, 105, 176, 1.0), rgba(40, 3, 55, 1.0));
}

/*borda*/
.card .elementor-widget-container:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: radial-gradient(at left top, rgba(165, 147, 255, 1.0), rgba(107, 6, 146, 1.0));;
    border-radius: inherit;
    z-index: -1 !important;
    box-shadow: -6px 0px 10px 0 #00000020 !important;
    transition: box-shadow .8s;
}

/*Traço Superior*/
.card .elementor-widget-container:after{
    content:"";
    position: absolute;
    top: -2px !important;
    left: 1em;
    width: 100px;
    height: 5px;
    background: #F407DD;
     /*background: linear-gradient(to right, #fff 0%, transparent 100%);*/
}

.card:not(:first-child) {
  margin-left: calc(var(--distance) * -1.2);
}

/*Ajusta a distancia dos cards a direita*/
.card:hover ~ .card  {
  translate: calc(var(--distance) - 1.5em) 0;
}

/*Movimento do cartão (caixa de imagem)*/
.card:hover {
  transform-origin: center right;
  transform: translate(-25px, -20px) rotate(5deg);
}

/*aumenta a sombra no card com hover*/
.card:hover .elementor-widget-container:before{
    box-shadow: -6px 8px 10px 0 #00000080 !important;
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-f5993b6 *//*variavel para ajuste da distancia entre os cards e no hover*/
:root {
  --distance: 5vh;
}

/*Configuração do container que tera os cards dentro*/
.card-container {
  display: flex;
  width: 100vw;
  white-space: no-wrap;
}

/*configuração do card (caixa de imagem)*/
.card {
  z-index: 1;
  position: relative;
  height: 305px;
  border-radius: 1px;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.card .elementor-image-box-wrapper{
    padding: 1em;
}

/*Fundo Conteudo*/
.card .elementor-widget-container{
    position: relative;
    width: inherit !important;
    height: inherit !important;
    border-radius: 1px;
    background: rgba(117, 105, 176, 1.0);
    background: radial-gradient(at left top, rgba(117, 105, 176, 1.0), rgba(40, 3, 55, 1.0));
}

/*borda*/
.card .elementor-widget-container:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: radial-gradient(at left top, rgba(165, 147, 255, 1.0), rgba(107, 6, 146, 1.0));;
    border-radius: inherit;
    z-index: -1 !important;
    box-shadow: -6px 0px 10px 0 #00000020 !important;
    transition: box-shadow .8s;
}

/*Traço Superior*/
.card .elementor-widget-container:after{
    content:"";
    position: absolute;
    top: -2px !important;
    left: 1em;
    width: 100px;
    height: 5px;
    background: #F407DD;
     /*background: linear-gradient(to right, #fff 0%, transparent 100%);*/
}

.card:not(:first-child) {
  margin-left: calc(var(--distance) * -1.2);
}

/*Ajusta a distancia dos cards a direita*/
.card:hover ~ .card  {
  translate: calc(var(--distance) - 1.5em) 0;
}

/*Movimento do cartão (caixa de imagem)*/
.card:hover {
  transform-origin: center right;
  transform: translate(-25px, -20px) rotate(5deg);
}

/*aumenta a sombra no card com hover*/
.card:hover .elementor-widget-container:before{
    box-shadow: -6px 8px 10px 0 #00000080 !important;
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-bb29f02 *//*variavel para ajuste da distancia entre os cards e no hover*/
:root {
  --distance: 5vh;
}

/*Configuração do container que tera os cards dentro*/
.card-container {
  display: flex;
  width: 100vw;
  white-space: no-wrap;
}

/*configuração do card (caixa de imagem)*/
.card {
  z-index: 1;
  position: relative;
  height: 305px;
  border-radius: 1px;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.card .elementor-image-box-wrapper{
    padding: 1em;
}

/*Fundo Conteudo*/
.card .elementor-widget-container{
    position: relative;
    width: inherit !important;
    height: inherit !important;
    border-radius: 1px;
    background: rgba(117, 105, 176, 1.0);
    background: radial-gradient(at left top, rgba(117, 105, 176, 1.0), rgba(40, 3, 55, 1.0));
}

/*borda*/
.card .elementor-widget-container:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: radial-gradient(at left top, rgba(165, 147, 255, 1.0), rgba(107, 6, 146, 1.0));;
    border-radius: inherit;
    z-index: -1 !important;
    box-shadow: -6px 0px 10px 0 #00000020 !important;
    transition: box-shadow .8s;
}

/*Traço Superior*/
.card .elementor-widget-container:after{
    content:"";
    position: absolute;
    top: -2px !important;
    left: 1em;
    width: 100px;
    height: 5px;
    background: #F407DD;
     /*background: linear-gradient(to right, #fff 0%, transparent 100%);*/
}

.card:not(:first-child) {
  margin-left: calc(var(--distance) * -1.2);
}

/*Ajusta a distancia dos cards a direita*/
.card:hover ~ .card  {
  translate: calc(var(--distance) - 1.5em) 0;
}

/*Movimento do cartão (caixa de imagem)*/
.card:hover {
  transform-origin: center right;
  transform: translate(-25px, -20px) rotate(5deg);
}

/*aumenta a sombra no card com hover*/
.card:hover .elementor-widget-container:before{
    box-shadow: -6px 8px 10px 0 #00000080 !important;
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-f74a5f0 *//*variavel para ajuste da distancia entre os cards e no hover*/
:root {
  --distance: 5vh;
}

/*Configuração do container que tera os cards dentro*/
.card-container {
  display: flex;
  width: 100vw;
  white-space: no-wrap;
}

/*configuração do card (caixa de imagem)*/
.card {
  z-index: 1;
  position: relative;
  height: 305px;
  border-radius: 1px;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.card .elementor-image-box-wrapper{
    padding: 1em;
}

/*Fundo Conteudo*/
.card .elementor-widget-container{
    position: relative;
    width: inherit !important;
    height: inherit !important;
    border-radius: 1px;
    background: rgba(117, 105, 176, 1.0);
    background: radial-gradient(at left top, rgba(117, 105, 176, 1.0), rgba(40, 3, 55, 1.0));
}

/*borda*/
.card .elementor-widget-container:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: radial-gradient(at left top, rgba(165, 147, 255, 1.0), rgba(107, 6, 146, 1.0));;
    border-radius: inherit;
    z-index: -1 !important;
    box-shadow: -6px 0px 10px 0 #00000020 !important;
    transition: box-shadow .8s;
}

/*Traço Superior*/
.card .elementor-widget-container:after{
    content:"";
    position: absolute;
    top: -2px !important;
    left: 1em;
    width: 100px;
    height: 5px;
    background: #F407DD;
     /*background: linear-gradient(to right, #fff 0%, transparent 100%);*/
}

.card:not(:first-child) {
  margin-left: calc(var(--distance) * -1.2);
}

/*Ajusta a distancia dos cards a direita*/
.card:hover ~ .card  {
  translate: calc(var(--distance) - 1.5em) 0;
}

/*Movimento do cartão (caixa de imagem)*/
.card:hover {
  transform-origin: center right;
  transform: translate(-25px, -20px) rotate(5deg);
}

/*aumenta a sombra no card com hover*/
.card:hover .elementor-widget-container:before{
    box-shadow: -6px 8px 10px 0 #00000080 !important;
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-ea815af *//*variavel para ajuste da distancia entre os cards e no hover*/
:root {
  --distance: 5vh;
}

/*Configuração do container que tera os cards dentro*/
.card-container {
  display: flex;
  width: 100vw;
  white-space: no-wrap;
}

/*configuração do card (caixa de imagem)*/
.card {
  z-index: 1;
  position: relative;
  height: 305px;
  border-radius: 1px;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.card .elementor-image-box-wrapper{
    padding: 1em;
}

/*Fundo Conteudo*/
.card .elementor-widget-container{
    position: relative;
    width: inherit !important;
    height: inherit !important;
    border-radius: 1px;
    background: rgba(117, 105, 176, 1.0);
    background: radial-gradient(at left top, rgba(117, 105, 176, 1.0), rgba(40, 3, 55, 1.0));
}

/*borda*/
.card .elementor-widget-container:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: radial-gradient(at left top, rgba(165, 147, 255, 1.0), rgba(107, 6, 146, 1.0));;
    border-radius: inherit;
    z-index: -1 !important;
    box-shadow: -6px 0px 10px 0 #00000020 !important;
    transition: box-shadow .8s;
}

/*Traço Superior*/
.card .elementor-widget-container:after{
    content:"";
    position: absolute;
    top: -2px !important;
    left: 1em;
    width: 100px;
    height: 5px;
    background: #F407DD;
     /*background: linear-gradient(to right, #fff 0%, transparent 100%);*/
}

.card:not(:first-child) {
  margin-left: calc(var(--distance) * -1.2);
}

/*Ajusta a distancia dos cards a direita*/
.card:hover ~ .card  {
  translate: calc(var(--distance) - 1.5em) 0;
}

/*Movimento do cartão (caixa de imagem)*/
.card:hover {
  transform-origin: center right;
  transform: translate(-25px, -20px) rotate(5deg);
}

/*aumenta a sombra no card com hover*/
.card:hover .elementor-widget-container:before{
    box-shadow: -6px 8px 10px 0 #00000080 !important;
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-2a41389 *//*variavel para ajuste da distancia entre os cards e no hover*/
:root {
  --distance: 5vh;
}

/*Configuração do container que tera os cards dentro*/
.card-container {
  display: flex;
  width: 100vw;
  white-space: no-wrap;
}

/*configuração do card (caixa de imagem)*/
.card {
  z-index: 1;
  position: relative;
  height: 305px;
  border-radius: 1px;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.card .elementor-image-box-wrapper{
    padding: 1em;
}

/*Fundo Conteudo*/
.card .elementor-widget-container{
    position: relative;
    width: inherit !important;
    height: inherit !important;
    border-radius: 1px;
    background: rgba(117, 105, 176, 1.0);
    background: radial-gradient(at left top, rgba(117, 105, 176, 1.0), rgba(40, 3, 55, 1.0));
}

/*borda*/
.card .elementor-widget-container:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: radial-gradient(at left top, rgba(165, 147, 255, 1.0), rgba(107, 6, 146, 1.0));;
    border-radius: inherit;
    z-index: -1 !important;
    box-shadow: -6px 0px 10px 0 #00000020 !important;
    transition: box-shadow .8s;
}

/*Traço Superior*/
.card .elementor-widget-container:after{
    content:"";
    position: absolute;
    top: -2px !important;
    left: 1em;
    width: 100px;
    height: 5px;
    background: #F407DD;
     /*background: linear-gradient(to right, #fff 0%, transparent 100%);*/
}

.card:not(:first-child) {
  margin-left: calc(var(--distance) * -1.2);
}

/*Ajusta a distancia dos cards a direita*/
.card:hover ~ .card  {
  translate: calc(var(--distance) - 1.5em) 0;
}

/*Movimento do cartão (caixa de imagem)*/
.card:hover {
  transform-origin: center right;
  transform: translate(-25px, -20px) rotate(5deg);
}

/*aumenta a sombra no card com hover*/
.card:hover .elementor-widget-container:before{
    box-shadow: -6px 8px 10px 0 #00000080 !important;
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-e1826c7 *//*variavel para ajuste da distancia entre os cards e no hover*/
:root {
  --distance: 5vh;
}

/*Configuração do container que tera os cards dentro*/
.card-container {
  display: flex;
  width: 100vw;
  white-space: no-wrap;
}

/*configuração do card (caixa de imagem)*/
.card {
  z-index: 1;
  position: relative;
  height: 305px;
  border-radius: 1px;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.card .elementor-image-box-wrapper{
    padding: 1em;
}

/*Fundo Conteudo*/
.card .elementor-widget-container{
    position: relative;
    width: inherit !important;
    height: inherit !important;
    border-radius: 1px;
    background: rgba(117, 105, 176, 1.0);
    background: radial-gradient(at left top, rgba(117, 105, 176, 1.0), rgba(40, 3, 55, 1.0));
}

/*borda*/
.card .elementor-widget-container:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: radial-gradient(at left top, rgba(165, 147, 255, 1.0), rgba(107, 6, 146, 1.0));;
    border-radius: inherit;
    z-index: -1 !important;
    box-shadow: -6px 0px 10px 0 #00000020 !important;
    transition: box-shadow .8s;
}

/*Traço Superior*/
.card .elementor-widget-container:after{
    content:"";
    position: absolute;
    top: -2px !important;
    left: 1em;
    width: 100px;
    height: 5px;
    background: #F407DD;
     /*background: linear-gradient(to right, #fff 0%, transparent 100%);*/
}

.card:not(:first-child) {
  margin-left: calc(var(--distance) * -1.2);
}

/*Ajusta a distancia dos cards a direita*/
.card:hover ~ .card  {
  translate: calc(var(--distance) - 1.5em) 0;
}

/*Movimento do cartão (caixa de imagem)*/
.card:hover {
  transform-origin: center right;
  transform: translate(-25px, -20px) rotate(5deg);
}

/*aumenta a sombra no card com hover*/
.card:hover .elementor-widget-container:before{
    box-shadow: -6px 8px 10px 0 #00000080 !important;
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-455ea65 *//*variavel para ajuste da distancia entre os cards e no hover*/
:root {
  --distance: 5vh;
}

/*Configuração do container que tera os cards dentro*/
.card-container {
  display: flex;
  width: 100vw;
  white-space: no-wrap;
}

/*configuração do card (caixa de imagem)*/
.card {
  z-index: 1;
  position: relative;
  height: 305px;
  border-radius: 1px;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.card .elementor-image-box-wrapper{
    padding: 1em;
}

/*Fundo Conteudo*/
.card .elementor-widget-container{
    position: relative;
    width: inherit !important;
    height: inherit !important;
    border-radius: 1px;
    background: rgba(117, 105, 176, 1.0);
    background: radial-gradient(at left top, rgba(117, 105, 176, 1.0), rgba(40, 3, 55, 1.0));
}

/*borda*/
.card .elementor-widget-container:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: radial-gradient(at left top, rgba(165, 147, 255, 1.0), rgba(107, 6, 146, 1.0));;
    border-radius: inherit;
    z-index: -1 !important;
    box-shadow: -6px 0px 10px 0 #00000020 !important;
    transition: box-shadow .8s;
}

/*Traço Superior*/
.card .elementor-widget-container:after{
    content:"";
    position: absolute;
    top: -2px !important;
    left: 1em;
    width: 100px;
    height: 5px;
    background: #F407DD;
     /*background: linear-gradient(to right, #fff 0%, transparent 100%);*/
}

.card:not(:first-child) {
  margin-left: calc(var(--distance) * -1.2);
}

/*Ajusta a distancia dos cards a direita*/
.card:hover ~ .card  {
  translate: calc(var(--distance) - 1.5em) 0;
}

/*Movimento do cartão (caixa de imagem)*/
.card:hover {
  transform-origin: center right;
  transform: translate(-25px, -20px) rotate(5deg);
}

/*aumenta a sombra no card com hover*/
.card:hover .elementor-widget-container:before{
    box-shadow: -6px 8px 10px 0 #00000080 !important;
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-87a3de0 *//*variavel para ajuste da distancia entre os cards e no hover*/
:root {
  --distance: 5vh;
}

/*Configuração do container que tera os cards dentro*/
.card-container {
  display: flex;
  width: 100vw;
  white-space: no-wrap;
}

/*configuração do card (caixa de imagem)*/
.card {
  z-index: 1;
  position: relative;
  height: 305px;
  border-radius: 1px;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.card .elementor-image-box-wrapper{
    padding: 1em;
}

/*Fundo Conteudo*/
.card .elementor-widget-container{
    position: relative;
    width: inherit !important;
    height: inherit !important;
    border-radius: 1px;
    background: rgba(117, 105, 176, 1.0);
    background: radial-gradient(at left top, rgba(117, 105, 176, 1.0), rgba(40, 3, 55, 1.0));
}

/*borda*/
.card .elementor-widget-container:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: radial-gradient(at left top, rgba(165, 147, 255, 1.0), rgba(107, 6, 146, 1.0));;
    border-radius: inherit;
    z-index: -1 !important;
    box-shadow: -6px 0px 10px 0 #00000020 !important;
    transition: box-shadow .8s;
}

/*Traço Superior*/
.card .elementor-widget-container:after{
    content:"";
    position: absolute;
    top: -2px !important;
    left: 1em;
    width: 100px;
    height: 5px;
    background: #F407DD;
     /*background: linear-gradient(to right, #fff 0%, transparent 100%);*/
}

.card:not(:first-child) {
  margin-left: calc(var(--distance) * -1.2);
}

/*Ajusta a distancia dos cards a direita*/
.card:hover ~ .card  {
  translate: calc(var(--distance) - 1.5em) 0;
}

/*Movimento do cartão (caixa de imagem)*/
.card:hover {
  transform-origin: center right;
  transform: translate(-25px, -20px) rotate(5deg);
}

/*aumenta a sombra no card com hover*/
.card:hover .elementor-widget-container:before{
    box-shadow: -6px 8px 10px 0 #00000080 !important;
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-f5993b6 *//*variavel para ajuste da distancia entre os cards e no hover*/
:root {
  --distance: 5vh;
}

/*Configuração do container que tera os cards dentro*/
.card-container {
  display: flex;
  width: 100vw;
  white-space: no-wrap;
}

/*configuração do card (caixa de imagem)*/
.card {
  z-index: 1;
  position: relative;
  height: 305px;
  border-radius: 1px;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.card .elementor-image-box-wrapper{
    padding: 1em;
}

/*Fundo Conteudo*/
.card .elementor-widget-container{
    position: relative;
    width: inherit !important;
    height: inherit !important;
    border-radius: 1px;
    background: rgba(117, 105, 176, 1.0);
    background: radial-gradient(at left top, rgba(117, 105, 176, 1.0), rgba(40, 3, 55, 1.0));
}

/*borda*/
.card .elementor-widget-container:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: radial-gradient(at left top, rgba(165, 147, 255, 1.0), rgba(107, 6, 146, 1.0));;
    border-radius: inherit;
    z-index: -1 !important;
    box-shadow: -6px 0px 10px 0 #00000020 !important;
    transition: box-shadow .8s;
}

/*Traço Superior*/
.card .elementor-widget-container:after{
    content:"";
    position: absolute;
    top: -2px !important;
    left: 1em;
    width: 100px;
    height: 5px;
    background: #F407DD;
     /*background: linear-gradient(to right, #fff 0%, transparent 100%);*/
}

.card:not(:first-child) {
  margin-left: calc(var(--distance) * -1.2);
}

/*Ajusta a distancia dos cards a direita*/
.card:hover ~ .card  {
  translate: calc(var(--distance) - 1.5em) 0;
}

/*Movimento do cartão (caixa de imagem)*/
.card:hover {
  transform-origin: center right;
  transform: translate(-25px, -20px) rotate(5deg);
}

/*aumenta a sombra no card com hover*/
.card:hover .elementor-widget-container:before{
    box-shadow: -6px 8px 10px 0 #00000080 !important;
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-bb29f02 *//*variavel para ajuste da distancia entre os cards e no hover*/
:root {
  --distance: 5vh;
}

/*Configuração do container que tera os cards dentro*/
.card-container {
  display: flex;
  width: 100vw;
  white-space: no-wrap;
}

/*configuração do card (caixa de imagem)*/
.card {
  z-index: 1;
  position: relative;
  height: 305px;
  border-radius: 1px;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.card .elementor-image-box-wrapper{
    padding: 1em;
}

/*Fundo Conteudo*/
.card .elementor-widget-container{
    position: relative;
    width: inherit !important;
    height: inherit !important;
    border-radius: 1px;
    background: rgba(117, 105, 176, 1.0);
    background: radial-gradient(at left top, rgba(117, 105, 176, 1.0), rgba(40, 3, 55, 1.0));
}

/*borda*/
.card .elementor-widget-container:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: radial-gradient(at left top, rgba(165, 147, 255, 1.0), rgba(107, 6, 146, 1.0));;
    border-radius: inherit;
    z-index: -1 !important;
    box-shadow: -6px 0px 10px 0 #00000020 !important;
    transition: box-shadow .8s;
}

/*Traço Superior*/
.card .elementor-widget-container:after{
    content:"";
    position: absolute;
    top: -2px !important;
    left: 1em;
    width: 100px;
    height: 5px;
    background: #F407DD;
     /*background: linear-gradient(to right, #fff 0%, transparent 100%);*/
}

.card:not(:first-child) {
  margin-left: calc(var(--distance) * -1.2);
}

/*Ajusta a distancia dos cards a direita*/
.card:hover ~ .card  {
  translate: calc(var(--distance) - 1.5em) 0;
}

/*Movimento do cartão (caixa de imagem)*/
.card:hover {
  transform-origin: center right;
  transform: translate(-25px, -20px) rotate(5deg);
}

/*aumenta a sombra no card com hover*/
.card:hover .elementor-widget-container:before{
    box-shadow: -6px 8px 10px 0 #00000080 !important;
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-f74a5f0 *//*variavel para ajuste da distancia entre os cards e no hover*/
:root {
  --distance: 5vh;
}

/*Configuração do container que tera os cards dentro*/
.card-container {
  display: flex;
  width: 100vw;
  white-space: no-wrap;
}

/*configuração do card (caixa de imagem)*/
.card {
  z-index: 1;
  position: relative;
  height: 305px;
  border-radius: 1px;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.card .elementor-image-box-wrapper{
    padding: 1em;
}

/*Fundo Conteudo*/
.card .elementor-widget-container{
    position: relative;
    width: inherit !important;
    height: inherit !important;
    border-radius: 1px;
    background: rgba(117, 105, 176, 1.0);
    background: radial-gradient(at left top, rgba(117, 105, 176, 1.0), rgba(40, 3, 55, 1.0));
}

/*borda*/
.card .elementor-widget-container:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: radial-gradient(at left top, rgba(165, 147, 255, 1.0), rgba(107, 6, 146, 1.0));;
    border-radius: inherit;
    z-index: -1 !important;
    box-shadow: -6px 0px 10px 0 #00000020 !important;
    transition: box-shadow .8s;
}

/*Traço Superior*/
.card .elementor-widget-container:after{
    content:"";
    position: absolute;
    top: -2px !important;
    left: 1em;
    width: 100px;
    height: 5px;
    background: #F407DD;
     /*background: linear-gradient(to right, #fff 0%, transparent 100%);*/
}

.card:not(:first-child) {
  margin-left: calc(var(--distance) * -1.2);
}

/*Ajusta a distancia dos cards a direita*/
.card:hover ~ .card  {
  translate: calc(var(--distance) - 1.5em) 0;
}

/*Movimento do cartão (caixa de imagem)*/
.card:hover {
  transform-origin: center right;
  transform: translate(-25px, -20px) rotate(5deg);
}

/*aumenta a sombra no card com hover*/
.card:hover .elementor-widget-container:before{
    box-shadow: -6px 8px 10px 0 #00000080 !important;
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-ea815af *//*variavel para ajuste da distancia entre os cards e no hover*/
:root {
  --distance: 5vh;
}

/*Configuração do container que tera os cards dentro*/
.card-container {
  display: flex;
  width: 100vw;
  white-space: no-wrap;
}

/*configuração do card (caixa de imagem)*/
.card {
  z-index: 1;
  position: relative;
  height: 305px;
  border-radius: 1px;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.card .elementor-image-box-wrapper{
    padding: 1em;
}

/*Fundo Conteudo*/
.card .elementor-widget-container{
    position: relative;
    width: inherit !important;
    height: inherit !important;
    border-radius: 1px;
    background: rgba(117, 105, 176, 1.0);
    background: radial-gradient(at left top, rgba(117, 105, 176, 1.0), rgba(40, 3, 55, 1.0));
}

/*borda*/
.card .elementor-widget-container:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: radial-gradient(at left top, rgba(165, 147, 255, 1.0), rgba(107, 6, 146, 1.0));;
    border-radius: inherit;
    z-index: -1 !important;
    box-shadow: -6px 0px 10px 0 #00000020 !important;
    transition: box-shadow .8s;
}

/*Traço Superior*/
.card .elementor-widget-container:after{
    content:"";
    position: absolute;
    top: -2px !important;
    left: 1em;
    width: 100px;
    height: 5px;
    background: #F407DD;
     /*background: linear-gradient(to right, #fff 0%, transparent 100%);*/
}

.card:not(:first-child) {
  margin-left: calc(var(--distance) * -1.2);
}

/*Ajusta a distancia dos cards a direita*/
.card:hover ~ .card  {
  translate: calc(var(--distance) - 1.5em) 0;
}

/*Movimento do cartão (caixa de imagem)*/
.card:hover {
  transform-origin: center right;
  transform: translate(-25px, -20px) rotate(5deg);
}

/*aumenta a sombra no card com hover*/
.card:hover .elementor-widget-container:before{
    box-shadow: -6px 8px 10px 0 #00000080 !important;
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-2a41389 *//*variavel para ajuste da distancia entre os cards e no hover*/
:root {
  --distance: 5vh;
}

/*Configuração do container que tera os cards dentro*/
.card-container {
  display: flex;
  width: 100vw;
  white-space: no-wrap;
}

/*configuração do card (caixa de imagem)*/
.card {
  z-index: 1;
  position: relative;
  height: 305px;
  border-radius: 1px;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.card .elementor-image-box-wrapper{
    padding: 1em;
}

/*Fundo Conteudo*/
.card .elementor-widget-container{
    position: relative;
    width: inherit !important;
    height: inherit !important;
    border-radius: 1px;
    background: rgba(117, 105, 176, 1.0);
    background: radial-gradient(at left top, rgba(117, 105, 176, 1.0), rgba(40, 3, 55, 1.0));
}

/*borda*/
.card .elementor-widget-container:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: radial-gradient(at left top, rgba(165, 147, 255, 1.0), rgba(107, 6, 146, 1.0));;
    border-radius: inherit;
    z-index: -1 !important;
    box-shadow: -6px 0px 10px 0 #00000020 !important;
    transition: box-shadow .8s;
}

/*Traço Superior*/
.card .elementor-widget-container:after{
    content:"";
    position: absolute;
    top: -2px !important;
    left: 1em;
    width: 100px;
    height: 5px;
    background: #F407DD;
     /*background: linear-gradient(to right, #fff 0%, transparent 100%);*/
}

.card:not(:first-child) {
  margin-left: calc(var(--distance) * -1.2);
}

/*Ajusta a distancia dos cards a direita*/
.card:hover ~ .card  {
  translate: calc(var(--distance) - 1.5em) 0;
}

/*Movimento do cartão (caixa de imagem)*/
.card:hover {
  transform-origin: center right;
  transform: translate(-25px, -20px) rotate(5deg);
}

/*aumenta a sombra no card com hover*/
.card:hover .elementor-widget-container:before{
    box-shadow: -6px 8px 10px 0 #00000080 !important;
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-e1826c7 *//*variavel para ajuste da distancia entre os cards e no hover*/
:root {
  --distance: 5vh;
}

/*Configuração do container que tera os cards dentro*/
.card-container {
  display: flex;
  width: 100vw;
  white-space: no-wrap;
}

/*configuração do card (caixa de imagem)*/
.card {
  z-index: 1;
  position: relative;
  height: 305px;
  border-radius: 1px;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.card .elementor-image-box-wrapper{
    padding: 1em;
}

/*Fundo Conteudo*/
.card .elementor-widget-container{
    position: relative;
    width: inherit !important;
    height: inherit !important;
    border-radius: 1px;
    background: rgba(117, 105, 176, 1.0);
    background: radial-gradient(at left top, rgba(117, 105, 176, 1.0), rgba(40, 3, 55, 1.0));
}

/*borda*/
.card .elementor-widget-container:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: radial-gradient(at left top, rgba(165, 147, 255, 1.0), rgba(107, 6, 146, 1.0));;
    border-radius: inherit;
    z-index: -1 !important;
    box-shadow: -6px 0px 10px 0 #00000020 !important;
    transition: box-shadow .8s;
}

/*Traço Superior*/
.card .elementor-widget-container:after{
    content:"";
    position: absolute;
    top: -2px !important;
    left: 1em;
    width: 100px;
    height: 5px;
    background: #F407DD;
     /*background: linear-gradient(to right, #fff 0%, transparent 100%);*/
}

.card:not(:first-child) {
  margin-left: calc(var(--distance) * -1.2);
}

/*Ajusta a distancia dos cards a direita*/
.card:hover ~ .card  {
  translate: calc(var(--distance) - 1.5em) 0;
}

/*Movimento do cartão (caixa de imagem)*/
.card:hover {
  transform-origin: center right;
  transform: translate(-25px, -20px) rotate(5deg);
}

/*aumenta a sombra no card com hover*/
.card:hover .elementor-widget-container:before{
    box-shadow: -6px 8px 10px 0 #00000080 !important;
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-455ea65 *//*variavel para ajuste da distancia entre os cards e no hover*/
:root {
  --distance: 5vh;
}

/*Configuração do container que tera os cards dentro*/
.card-container {
  display: flex;
  width: 100vw;
  white-space: no-wrap;
}

/*configuração do card (caixa de imagem)*/
.card {
  z-index: 1;
  position: relative;
  height: 305px;
  border-radius: 1px;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.card .elementor-image-box-wrapper{
    padding: 1em;
}

/*Fundo Conteudo*/
.card .elementor-widget-container{
    position: relative;
    width: inherit !important;
    height: inherit !important;
    border-radius: 1px;
    background: rgba(117, 105, 176, 1.0);
    background: radial-gradient(at left top, rgba(117, 105, 176, 1.0), rgba(40, 3, 55, 1.0));
}

/*borda*/
.card .elementor-widget-container:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: radial-gradient(at left top, rgba(165, 147, 255, 1.0), rgba(107, 6, 146, 1.0));;
    border-radius: inherit;
    z-index: -1 !important;
    box-shadow: -6px 0px 10px 0 #00000020 !important;
    transition: box-shadow .8s;
}

/*Traço Superior*/
.card .elementor-widget-container:after{
    content:"";
    position: absolute;
    top: -2px !important;
    left: 1em;
    width: 100px;
    height: 5px;
    background: #F407DD;
     /*background: linear-gradient(to right, #fff 0%, transparent 100%);*/
}

.card:not(:first-child) {
  margin-left: calc(var(--distance) * -1.2);
}

/*Ajusta a distancia dos cards a direita*/
.card:hover ~ .card  {
  translate: calc(var(--distance) - 1.5em) 0;
}

/*Movimento do cartão (caixa de imagem)*/
.card:hover {
  transform-origin: center right;
  transform: translate(-25px, -20px) rotate(5deg);
}

/*aumenta a sombra no card com hover*/
.card:hover .elementor-widget-container:before{
    box-shadow: -6px 8px 10px 0 #00000080 !important;
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-87a3de0 *//*variavel para ajuste da distancia entre os cards e no hover*/
:root {
  --distance: 5vh;
}

/*Configuração do container que tera os cards dentro*/
.card-container {
  display: flex;
  width: 100vw;
  white-space: no-wrap;
}

/*configuração do card (caixa de imagem)*/
.card {
  z-index: 1;
  position: relative;
  height: 305px;
  border-radius: 1px;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.card .elementor-image-box-wrapper{
    padding: 1em;
}

/*Fundo Conteudo*/
.card .elementor-widget-container{
    position: relative;
    width: inherit !important;
    height: inherit !important;
    border-radius: 1px;
    background: rgba(117, 105, 176, 1.0);
    background: radial-gradient(at left top, rgba(117, 105, 176, 1.0), rgba(40, 3, 55, 1.0));
}

/*borda*/
.card .elementor-widget-container:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: radial-gradient(at left top, rgba(165, 147, 255, 1.0), rgba(107, 6, 146, 1.0));;
    border-radius: inherit;
    z-index: -1 !important;
    box-shadow: -6px 0px 10px 0 #00000020 !important;
    transition: box-shadow .8s;
}

/*Traço Superior*/
.card .elementor-widget-container:after{
    content:"";
    position: absolute;
    top: -2px !important;
    left: 1em;
    width: 100px;
    height: 5px;
    background: #F407DD;
     /*background: linear-gradient(to right, #fff 0%, transparent 100%);*/
}

.card:not(:first-child) {
  margin-left: calc(var(--distance) * -1.2);
}

/*Ajusta a distancia dos cards a direita*/
.card:hover ~ .card  {
  translate: calc(var(--distance) - 1.5em) 0;
}

/*Movimento do cartão (caixa de imagem)*/
.card:hover {
  transform-origin: center right;
  transform: translate(-25px, -20px) rotate(5deg);
}

/*aumenta a sombra no card com hover*/
.card:hover .elementor-widget-container:before{
    box-shadow: -6px 8px 10px 0 #00000080 !important;
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-f5993b6 *//*variavel para ajuste da distancia entre os cards e no hover*/
:root {
  --distance: 5vh;
}

/*Configuração do container que tera os cards dentro*/
.card-container {
  display: flex;
  width: 100vw;
  white-space: no-wrap;
}

/*configuração do card (caixa de imagem)*/
.card {
  z-index: 1;
  position: relative;
  height: 305px;
  border-radius: 1px;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.card .elementor-image-box-wrapper{
    padding: 1em;
}

/*Fundo Conteudo*/
.card .elementor-widget-container{
    position: relative;
    width: inherit !important;
    height: inherit !important;
    border-radius: 1px;
    background: rgba(117, 105, 176, 1.0);
    background: radial-gradient(at left top, rgba(117, 105, 176, 1.0), rgba(40, 3, 55, 1.0));
}

/*borda*/
.card .elementor-widget-container:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: radial-gradient(at left top, rgba(165, 147, 255, 1.0), rgba(107, 6, 146, 1.0));;
    border-radius: inherit;
    z-index: -1 !important;
    box-shadow: -6px 0px 10px 0 #00000020 !important;
    transition: box-shadow .8s;
}

/*Traço Superior*/
.card .elementor-widget-container:after{
    content:"";
    position: absolute;
    top: -2px !important;
    left: 1em;
    width: 100px;
    height: 5px;
    background: #F407DD;
     /*background: linear-gradient(to right, #fff 0%, transparent 100%);*/
}

.card:not(:first-child) {
  margin-left: calc(var(--distance) * -1.2);
}

/*Ajusta a distancia dos cards a direita*/
.card:hover ~ .card  {
  translate: calc(var(--distance) - 1.5em) 0;
}

/*Movimento do cartão (caixa de imagem)*/
.card:hover {
  transform-origin: center right;
  transform: translate(-25px, -20px) rotate(5deg);
}

/*aumenta a sombra no card com hover*/
.card:hover .elementor-widget-container:before{
    box-shadow: -6px 8px 10px 0 #00000080 !important;
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-bb29f02 *//*variavel para ajuste da distancia entre os cards e no hover*/
:root {
  --distance: 5vh;
}

/*Configuração do container que tera os cards dentro*/
.card-container {
  display: flex;
  width: 100vw;
  white-space: no-wrap;
}

/*configuração do card (caixa de imagem)*/
.card {
  z-index: 1;
  position: relative;
  height: 305px;
  border-radius: 1px;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.card .elementor-image-box-wrapper{
    padding: 1em;
}

/*Fundo Conteudo*/
.card .elementor-widget-container{
    position: relative;
    width: inherit !important;
    height: inherit !important;
    border-radius: 1px;
    background: rgba(117, 105, 176, 1.0);
    background: radial-gradient(at left top, rgba(117, 105, 176, 1.0), rgba(40, 3, 55, 1.0));
}

/*borda*/
.card .elementor-widget-container:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: radial-gradient(at left top, rgba(165, 147, 255, 1.0), rgba(107, 6, 146, 1.0));;
    border-radius: inherit;
    z-index: -1 !important;
    box-shadow: -6px 0px 10px 0 #00000020 !important;
    transition: box-shadow .8s;
}

/*Traço Superior*/
.card .elementor-widget-container:after{
    content:"";
    position: absolute;
    top: -2px !important;
    left: 1em;
    width: 100px;
    height: 5px;
    background: #F407DD;
     /*background: linear-gradient(to right, #fff 0%, transparent 100%);*/
}

.card:not(:first-child) {
  margin-left: calc(var(--distance) * -1.2);
}

/*Ajusta a distancia dos cards a direita*/
.card:hover ~ .card  {
  translate: calc(var(--distance) - 1.5em) 0;
}

/*Movimento do cartão (caixa de imagem)*/
.card:hover {
  transform-origin: center right;
  transform: translate(-25px, -20px) rotate(5deg);
}

/*aumenta a sombra no card com hover*/
.card:hover .elementor-widget-container:before{
    box-shadow: -6px 8px 10px 0 #00000080 !important;
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-f74a5f0 *//*variavel para ajuste da distancia entre os cards e no hover*/
:root {
  --distance: 5vh;
}

/*Configuração do container que tera os cards dentro*/
.card-container {
  display: flex;
  width: 100vw;
  white-space: no-wrap;
}

/*configuração do card (caixa de imagem)*/
.card {
  z-index: 1;
  position: relative;
  height: 305px;
  border-radius: 1px;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.card .elementor-image-box-wrapper{
    padding: 1em;
}

/*Fundo Conteudo*/
.card .elementor-widget-container{
    position: relative;
    width: inherit !important;
    height: inherit !important;
    border-radius: 1px;
    background: rgba(117, 105, 176, 1.0);
    background: radial-gradient(at left top, rgba(117, 105, 176, 1.0), rgba(40, 3, 55, 1.0));
}

/*borda*/
.card .elementor-widget-container:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: radial-gradient(at left top, rgba(165, 147, 255, 1.0), rgba(107, 6, 146, 1.0));;
    border-radius: inherit;
    z-index: -1 !important;
    box-shadow: -6px 0px 10px 0 #00000020 !important;
    transition: box-shadow .8s;
}

/*Traço Superior*/
.card .elementor-widget-container:after{
    content:"";
    position: absolute;
    top: -2px !important;
    left: 1em;
    width: 100px;
    height: 5px;
    background: #F407DD;
     /*background: linear-gradient(to right, #fff 0%, transparent 100%);*/
}

.card:not(:first-child) {
  margin-left: calc(var(--distance) * -1.2);
}

/*Ajusta a distancia dos cards a direita*/
.card:hover ~ .card  {
  translate: calc(var(--distance) - 1.5em) 0;
}

/*Movimento do cartão (caixa de imagem)*/
.card:hover {
  transform-origin: center right;
  transform: translate(-25px, -20px) rotate(5deg);
}

/*aumenta a sombra no card com hover*/
.card:hover .elementor-widget-container:before{
    box-shadow: -6px 8px 10px 0 #00000080 !important;
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-ea815af *//*variavel para ajuste da distancia entre os cards e no hover*/
:root {
  --distance: 5vh;
}

/*Configuração do container que tera os cards dentro*/
.card-container {
  display: flex;
  width: 100vw;
  white-space: no-wrap;
}

/*configuração do card (caixa de imagem)*/
.card {
  z-index: 1;
  position: relative;
  height: 305px;
  border-radius: 1px;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.card .elementor-image-box-wrapper{
    padding: 1em;
}

/*Fundo Conteudo*/
.card .elementor-widget-container{
    position: relative;
    width: inherit !important;
    height: inherit !important;
    border-radius: 1px;
    background: rgba(117, 105, 176, 1.0);
    background: radial-gradient(at left top, rgba(117, 105, 176, 1.0), rgba(40, 3, 55, 1.0));
}

/*borda*/
.card .elementor-widget-container:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: radial-gradient(at left top, rgba(165, 147, 255, 1.0), rgba(107, 6, 146, 1.0));;
    border-radius: inherit;
    z-index: -1 !important;
    box-shadow: -6px 0px 10px 0 #00000020 !important;
    transition: box-shadow .8s;
}

/*Traço Superior*/
.card .elementor-widget-container:after{
    content:"";
    position: absolute;
    top: -2px !important;
    left: 1em;
    width: 100px;
    height: 5px;
    background: #F407DD;
     /*background: linear-gradient(to right, #fff 0%, transparent 100%);*/
}

.card:not(:first-child) {
  margin-left: calc(var(--distance) * -1.2);
}

/*Ajusta a distancia dos cards a direita*/
.card:hover ~ .card  {
  translate: calc(var(--distance) - 1.5em) 0;
}

/*Movimento do cartão (caixa de imagem)*/
.card:hover {
  transform-origin: center right;
  transform: translate(-25px, -20px) rotate(5deg);
}

/*aumenta a sombra no card com hover*/
.card:hover .elementor-widget-container:before{
    box-shadow: -6px 8px 10px 0 #00000080 !important;
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-2a41389 *//*variavel para ajuste da distancia entre os cards e no hover*/
:root {
  --distance: 5vh;
}

/*Configuração do container que tera os cards dentro*/
.card-container {
  display: flex;
  width: 100vw;
  white-space: no-wrap;
}

/*configuração do card (caixa de imagem)*/
.card {
  z-index: 1;
  position: relative;
  height: 305px;
  border-radius: 1px;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.card .elementor-image-box-wrapper{
    padding: 1em;
}

/*Fundo Conteudo*/
.card .elementor-widget-container{
    position: relative;
    width: inherit !important;
    height: inherit !important;
    border-radius: 1px;
    background: rgba(117, 105, 176, 1.0);
    background: radial-gradient(at left top, rgba(117, 105, 176, 1.0), rgba(40, 3, 55, 1.0));
}

/*borda*/
.card .elementor-widget-container:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: radial-gradient(at left top, rgba(165, 147, 255, 1.0), rgba(107, 6, 146, 1.0));;
    border-radius: inherit;
    z-index: -1 !important;
    box-shadow: -6px 0px 10px 0 #00000020 !important;
    transition: box-shadow .8s;
}

/*Traço Superior*/
.card .elementor-widget-container:after{
    content:"";
    position: absolute;
    top: -2px !important;
    left: 1em;
    width: 100px;
    height: 5px;
    background: #F407DD;
     /*background: linear-gradient(to right, #fff 0%, transparent 100%);*/
}

.card:not(:first-child) {
  margin-left: calc(var(--distance) * -1.2);
}

/*Ajusta a distancia dos cards a direita*/
.card:hover ~ .card  {
  translate: calc(var(--distance) - 1.5em) 0;
}

/*Movimento do cartão (caixa de imagem)*/
.card:hover {
  transform-origin: center right;
  transform: translate(-25px, -20px) rotate(5deg);
}

/*aumenta a sombra no card com hover*/
.card:hover .elementor-widget-container:before{
    box-shadow: -6px 8px 10px 0 #00000080 !important;
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-e1826c7 *//*variavel para ajuste da distancia entre os cards e no hover*/
:root {
  --distance: 5vh;
}

/*Configuração do container que tera os cards dentro*/
.card-container {
  display: flex;
  width: 100vw;
  white-space: no-wrap;
}

/*configuração do card (caixa de imagem)*/
.card {
  z-index: 1;
  position: relative;
  height: 305px;
  border-radius: 1px;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.card .elementor-image-box-wrapper{
    padding: 1em;
}

/*Fundo Conteudo*/
.card .elementor-widget-container{
    position: relative;
    width: inherit !important;
    height: inherit !important;
    border-radius: 1px;
    background: rgba(117, 105, 176, 1.0);
    background: radial-gradient(at left top, rgba(117, 105, 176, 1.0), rgba(40, 3, 55, 1.0));
}

/*borda*/
.card .elementor-widget-container:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: radial-gradient(at left top, rgba(165, 147, 255, 1.0), rgba(107, 6, 146, 1.0));;
    border-radius: inherit;
    z-index: -1 !important;
    box-shadow: -6px 0px 10px 0 #00000020 !important;
    transition: box-shadow .8s;
}

/*Traço Superior*/
.card .elementor-widget-container:after{
    content:"";
    position: absolute;
    top: -2px !important;
    left: 1em;
    width: 100px;
    height: 5px;
    background: #F407DD;
     /*background: linear-gradient(to right, #fff 0%, transparent 100%);*/
}

.card:not(:first-child) {
  margin-left: calc(var(--distance) * -1.2);
}

/*Ajusta a distancia dos cards a direita*/
.card:hover ~ .card  {
  translate: calc(var(--distance) - 1.5em) 0;
}

/*Movimento do cartão (caixa de imagem)*/
.card:hover {
  transform-origin: center right;
  transform: translate(-25px, -20px) rotate(5deg);
}

/*aumenta a sombra no card com hover*/
.card:hover .elementor-widget-container:before{
    box-shadow: -6px 8px 10px 0 #00000080 !important;
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-455ea65 *//*variavel para ajuste da distancia entre os cards e no hover*/
:root {
  --distance: 5vh;
}

/*Configuração do container que tera os cards dentro*/
.card-container {
  display: flex;
  width: 100vw;
  white-space: no-wrap;
}

/*configuração do card (caixa de imagem)*/
.card {
  z-index: 1;
  position: relative;
  height: 305px;
  border-radius: 1px;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.card .elementor-image-box-wrapper{
    padding: 1em;
}

/*Fundo Conteudo*/
.card .elementor-widget-container{
    position: relative;
    width: inherit !important;
    height: inherit !important;
    border-radius: 1px;
    background: rgba(117, 105, 176, 1.0);
    background: radial-gradient(at left top, rgba(117, 105, 176, 1.0), rgba(40, 3, 55, 1.0));
}

/*borda*/
.card .elementor-widget-container:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: radial-gradient(at left top, rgba(165, 147, 255, 1.0), rgba(107, 6, 146, 1.0));;
    border-radius: inherit;
    z-index: -1 !important;
    box-shadow: -6px 0px 10px 0 #00000020 !important;
    transition: box-shadow .8s;
}

/*Traço Superior*/
.card .elementor-widget-container:after{
    content:"";
    position: absolute;
    top: -2px !important;
    left: 1em;
    width: 100px;
    height: 5px;
    background: #F407DD;
     /*background: linear-gradient(to right, #fff 0%, transparent 100%);*/
}

.card:not(:first-child) {
  margin-left: calc(var(--distance) * -1.2);
}

/*Ajusta a distancia dos cards a direita*/
.card:hover ~ .card  {
  translate: calc(var(--distance) - 1.5em) 0;
}

/*Movimento do cartão (caixa de imagem)*/
.card:hover {
  transform-origin: center right;
  transform: translate(-25px, -20px) rotate(5deg);
}

/*aumenta a sombra no card com hover*/
.card:hover .elementor-widget-container:before{
    box-shadow: -6px 8px 10px 0 #00000080 !important;
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-87a3de0 *//*variavel para ajuste da distancia entre os cards e no hover*/
:root {
  --distance: 5vh;
}

/*Configuração do container que tera os cards dentro*/
.card-container {
  display: flex;
  width: 100vw;
  white-space: no-wrap;
}

/*configuração do card (caixa de imagem)*/
.card {
  z-index: 1;
  position: relative;
  height: 305px;
  border-radius: 1px;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.card .elementor-image-box-wrapper{
    padding: 1em;
}

/*Fundo Conteudo*/
.card .elementor-widget-container{
    position: relative;
    width: inherit !important;
    height: inherit !important;
    border-radius: 1px;
    background: rgba(117, 105, 176, 1.0);
    background: radial-gradient(at left top, rgba(117, 105, 176, 1.0), rgba(40, 3, 55, 1.0));
}

/*borda*/
.card .elementor-widget-container:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: radial-gradient(at left top, rgba(165, 147, 255, 1.0), rgba(107, 6, 146, 1.0));;
    border-radius: inherit;
    z-index: -1 !important;
    box-shadow: -6px 0px 10px 0 #00000020 !important;
    transition: box-shadow .8s;
}

/*Traço Superior*/
.card .elementor-widget-container:after{
    content:"";
    position: absolute;
    top: -2px !important;
    left: 1em;
    width: 100px;
    height: 5px;
    background: #F407DD;
     /*background: linear-gradient(to right, #fff 0%, transparent 100%);*/
}

.card:not(:first-child) {
  margin-left: calc(var(--distance) * -1.2);
}

/*Ajusta a distancia dos cards a direita*/
.card:hover ~ .card  {
  translate: calc(var(--distance) - 1.5em) 0;
}

/*Movimento do cartão (caixa de imagem)*/
.card:hover {
  transform-origin: center right;
  transform: translate(-25px, -20px) rotate(5deg);
}

/*aumenta a sombra no card com hover*/
.card:hover .elementor-widget-container:before{
    box-shadow: -6px 8px 10px 0 #00000080 !important;
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-f5993b6 *//*variavel para ajuste da distancia entre os cards e no hover*/
:root {
  --distance: 5vh;
}

/*Configuração do container que tera os cards dentro*/
.card-container {
  display: flex;
  width: 100vw;
  white-space: no-wrap;
}

/*configuração do card (caixa de imagem)*/
.card {
  z-index: 1;
  position: relative;
  height: 305px;
  border-radius: 1px;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.card .elementor-image-box-wrapper{
    padding: 1em;
}

/*Fundo Conteudo*/
.card .elementor-widget-container{
    position: relative;
    width: inherit !important;
    height: inherit !important;
    border-radius: 1px;
    background: rgba(117, 105, 176, 1.0);
    background: radial-gradient(at left top, rgba(117, 105, 176, 1.0), rgba(40, 3, 55, 1.0));
}

/*borda*/
.card .elementor-widget-container:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: radial-gradient(at left top, rgba(165, 147, 255, 1.0), rgba(107, 6, 146, 1.0));;
    border-radius: inherit;
    z-index: -1 !important;
    box-shadow: -6px 0px 10px 0 #00000020 !important;
    transition: box-shadow .8s;
}

/*Traço Superior*/
.card .elementor-widget-container:after{
    content:"";
    position: absolute;
    top: -2px !important;
    left: 1em;
    width: 100px;
    height: 5px;
    background: #F407DD;
     /*background: linear-gradient(to right, #fff 0%, transparent 100%);*/
}

.card:not(:first-child) {
  margin-left: calc(var(--distance) * -1.2);
}

/*Ajusta a distancia dos cards a direita*/
.card:hover ~ .card  {
  translate: calc(var(--distance) - 1.5em) 0;
}

/*Movimento do cartão (caixa de imagem)*/
.card:hover {
  transform-origin: center right;
  transform: translate(-25px, -20px) rotate(5deg);
}

/*aumenta a sombra no card com hover*/
.card:hover .elementor-widget-container:before{
    box-shadow: -6px 8px 10px 0 #00000080 !important;
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-bb29f02 *//*variavel para ajuste da distancia entre os cards e no hover*/
:root {
  --distance: 5vh;
}

/*Configuração do container que tera os cards dentro*/
.card-container {
  display: flex;
  width: 100vw;
  white-space: no-wrap;
}

/*configuração do card (caixa de imagem)*/
.card {
  z-index: 1;
  position: relative;
  height: 305px;
  border-radius: 1px;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.card .elementor-image-box-wrapper{
    padding: 1em;
}

/*Fundo Conteudo*/
.card .elementor-widget-container{
    position: relative;
    width: inherit !important;
    height: inherit !important;
    border-radius: 1px;
    background: rgba(117, 105, 176, 1.0);
    background: radial-gradient(at left top, rgba(117, 105, 176, 1.0), rgba(40, 3, 55, 1.0));
}

/*borda*/
.card .elementor-widget-container:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: radial-gradient(at left top, rgba(165, 147, 255, 1.0), rgba(107, 6, 146, 1.0));;
    border-radius: inherit;
    z-index: -1 !important;
    box-shadow: -6px 0px 10px 0 #00000020 !important;
    transition: box-shadow .8s;
}

/*Traço Superior*/
.card .elementor-widget-container:after{
    content:"";
    position: absolute;
    top: -2px !important;
    left: 1em;
    width: 100px;
    height: 5px;
    background: #F407DD;
     /*background: linear-gradient(to right, #fff 0%, transparent 100%);*/
}

.card:not(:first-child) {
  margin-left: calc(var(--distance) * -1.2);
}

/*Ajusta a distancia dos cards a direita*/
.card:hover ~ .card  {
  translate: calc(var(--distance) - 1.5em) 0;
}

/*Movimento do cartão (caixa de imagem)*/
.card:hover {
  transform-origin: center right;
  transform: translate(-25px, -20px) rotate(5deg);
}

/*aumenta a sombra no card com hover*/
.card:hover .elementor-widget-container:before{
    box-shadow: -6px 8px 10px 0 #00000080 !important;
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-f74a5f0 *//*variavel para ajuste da distancia entre os cards e no hover*/
:root {
  --distance: 5vh;
}

/*Configuração do container que tera os cards dentro*/
.card-container {
  display: flex;
  width: 100vw;
  white-space: no-wrap;
}

/*configuração do card (caixa de imagem)*/
.card {
  z-index: 1;
  position: relative;
  height: 305px;
  border-radius: 1px;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.card .elementor-image-box-wrapper{
    padding: 1em;
}

/*Fundo Conteudo*/
.card .elementor-widget-container{
    position: relative;
    width: inherit !important;
    height: inherit !important;
    border-radius: 1px;
    background: rgba(117, 105, 176, 1.0);
    background: radial-gradient(at left top, rgba(117, 105, 176, 1.0), rgba(40, 3, 55, 1.0));
}

/*borda*/
.card .elementor-widget-container:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: radial-gradient(at left top, rgba(165, 147, 255, 1.0), rgba(107, 6, 146, 1.0));;
    border-radius: inherit;
    z-index: -1 !important;
    box-shadow: -6px 0px 10px 0 #00000020 !important;
    transition: box-shadow .8s;
}

/*Traço Superior*/
.card .elementor-widget-container:after{
    content:"";
    position: absolute;
    top: -2px !important;
    left: 1em;
    width: 100px;
    height: 5px;
    background: #F407DD;
     /*background: linear-gradient(to right, #fff 0%, transparent 100%);*/
}

.card:not(:first-child) {
  margin-left: calc(var(--distance) * -1.2);
}

/*Ajusta a distancia dos cards a direita*/
.card:hover ~ .card  {
  translate: calc(var(--distance) - 1.5em) 0;
}

/*Movimento do cartão (caixa de imagem)*/
.card:hover {
  transform-origin: center right;
  transform: translate(-25px, -20px) rotate(5deg);
}

/*aumenta a sombra no card com hover*/
.card:hover .elementor-widget-container:before{
    box-shadow: -6px 8px 10px 0 #00000080 !important;
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-ea815af *//*variavel para ajuste da distancia entre os cards e no hover*/
:root {
  --distance: 5vh;
}

/*Configuração do container que tera os cards dentro*/
.card-container {
  display: flex;
  width: 100vw;
  white-space: no-wrap;
}

/*configuração do card (caixa de imagem)*/
.card {
  z-index: 1;
  position: relative;
  height: 305px;
  border-radius: 1px;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.card .elementor-image-box-wrapper{
    padding: 1em;
}

/*Fundo Conteudo*/
.card .elementor-widget-container{
    position: relative;
    width: inherit !important;
    height: inherit !important;
    border-radius: 1px;
    background: rgba(117, 105, 176, 1.0);
    background: radial-gradient(at left top, rgba(117, 105, 176, 1.0), rgba(40, 3, 55, 1.0));
}

/*borda*/
.card .elementor-widget-container:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: radial-gradient(at left top, rgba(165, 147, 255, 1.0), rgba(107, 6, 146, 1.0));;
    border-radius: inherit;
    z-index: -1 !important;
    box-shadow: -6px 0px 10px 0 #00000020 !important;
    transition: box-shadow .8s;
}

/*Traço Superior*/
.card .elementor-widget-container:after{
    content:"";
    position: absolute;
    top: -2px !important;
    left: 1em;
    width: 100px;
    height: 5px;
    background: #F407DD;
     /*background: linear-gradient(to right, #fff 0%, transparent 100%);*/
}

.card:not(:first-child) {
  margin-left: calc(var(--distance) * -1.2);
}

/*Ajusta a distancia dos cards a direita*/
.card:hover ~ .card  {
  translate: calc(var(--distance) - 1.5em) 0;
}

/*Movimento do cartão (caixa de imagem)*/
.card:hover {
  transform-origin: center right;
  transform: translate(-25px, -20px) rotate(5deg);
}

/*aumenta a sombra no card com hover*/
.card:hover .elementor-widget-container:before{
    box-shadow: -6px 8px 10px 0 #00000080 !important;
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-2a41389 *//*variavel para ajuste da distancia entre os cards e no hover*/
:root {
  --distance: 5vh;
}

/*Configuração do container que tera os cards dentro*/
.card-container {
  display: flex;
  width: 100vw;
  white-space: no-wrap;
}

/*configuração do card (caixa de imagem)*/
.card {
  z-index: 1;
  position: relative;
  height: 305px;
  border-radius: 1px;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.card .elementor-image-box-wrapper{
    padding: 1em;
}

/*Fundo Conteudo*/
.card .elementor-widget-container{
    position: relative;
    width: inherit !important;
    height: inherit !important;
    border-radius: 1px;
    background: rgba(117, 105, 176, 1.0);
    background: radial-gradient(at left top, rgba(117, 105, 176, 1.0), rgba(40, 3, 55, 1.0));
}

/*borda*/
.card .elementor-widget-container:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: radial-gradient(at left top, rgba(165, 147, 255, 1.0), rgba(107, 6, 146, 1.0));;
    border-radius: inherit;
    z-index: -1 !important;
    box-shadow: -6px 0px 10px 0 #00000020 !important;
    transition: box-shadow .8s;
}

/*Traço Superior*/
.card .elementor-widget-container:after{
    content:"";
    position: absolute;
    top: -2px !important;
    left: 1em;
    width: 100px;
    height: 5px;
    background: #F407DD;
     /*background: linear-gradient(to right, #fff 0%, transparent 100%);*/
}

.card:not(:first-child) {
  margin-left: calc(var(--distance) * -1.2);
}

/*Ajusta a distancia dos cards a direita*/
.card:hover ~ .card  {
  translate: calc(var(--distance) - 1.5em) 0;
}

/*Movimento do cartão (caixa de imagem)*/
.card:hover {
  transform-origin: center right;
  transform: translate(-25px, -20px) rotate(5deg);
}

/*aumenta a sombra no card com hover*/
.card:hover .elementor-widget-container:before{
    box-shadow: -6px 8px 10px 0 #00000080 !important;
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-e1826c7 *//*variavel para ajuste da distancia entre os cards e no hover*/
:root {
  --distance: 5vh;
}

/*Configuração do container que tera os cards dentro*/
.card-container {
  display: flex;
  width: 100vw;
  white-space: no-wrap;
}

/*configuração do card (caixa de imagem)*/
.card {
  z-index: 1;
  position: relative;
  height: 305px;
  border-radius: 1px;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.card .elementor-image-box-wrapper{
    padding: 1em;
}

/*Fundo Conteudo*/
.card .elementor-widget-container{
    position: relative;
    width: inherit !important;
    height: inherit !important;
    border-radius: 1px;
    background: rgba(117, 105, 176, 1.0);
    background: radial-gradient(at left top, rgba(117, 105, 176, 1.0), rgba(40, 3, 55, 1.0));
}

/*borda*/
.card .elementor-widget-container:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: radial-gradient(at left top, rgba(165, 147, 255, 1.0), rgba(107, 6, 146, 1.0));;
    border-radius: inherit;
    z-index: -1 !important;
    box-shadow: -6px 0px 10px 0 #00000020 !important;
    transition: box-shadow .8s;
}

/*Traço Superior*/
.card .elementor-widget-container:after{
    content:"";
    position: absolute;
    top: -2px !important;
    left: 1em;
    width: 100px;
    height: 5px;
    background: #F407DD;
     /*background: linear-gradient(to right, #fff 0%, transparent 100%);*/
}

.card:not(:first-child) {
  margin-left: calc(var(--distance) * -1.2);
}

/*Ajusta a distancia dos cards a direita*/
.card:hover ~ .card  {
  translate: calc(var(--distance) - 1.5em) 0;
}

/*Movimento do cartão (caixa de imagem)*/
.card:hover {
  transform-origin: center right;
  transform: translate(-25px, -20px) rotate(5deg);
}

/*aumenta a sombra no card com hover*/
.card:hover .elementor-widget-container:before{
    box-shadow: -6px 8px 10px 0 #00000080 !important;
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-455ea65 *//*variavel para ajuste da distancia entre os cards e no hover*/
:root {
  --distance: 5vh;
}

/*Configuração do container que tera os cards dentro*/
.card-container {
  display: flex;
  width: 100vw;
  white-space: no-wrap;
}

/*configuração do card (caixa de imagem)*/
.card {
  z-index: 1;
  position: relative;
  height: 305px;
  border-radius: 1px;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.card .elementor-image-box-wrapper{
    padding: 1em;
}

/*Fundo Conteudo*/
.card .elementor-widget-container{
    position: relative;
    width: inherit !important;
    height: inherit !important;
    border-radius: 1px;
    background: rgba(117, 105, 176, 1.0);
    background: radial-gradient(at left top, rgba(117, 105, 176, 1.0), rgba(40, 3, 55, 1.0));
}

/*borda*/
.card .elementor-widget-container:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: radial-gradient(at left top, rgba(165, 147, 255, 1.0), rgba(107, 6, 146, 1.0));;
    border-radius: inherit;
    z-index: -1 !important;
    box-shadow: -6px 0px 10px 0 #00000020 !important;
    transition: box-shadow .8s;
}

/*Traço Superior*/
.card .elementor-widget-container:after{
    content:"";
    position: absolute;
    top: -2px !important;
    left: 1em;
    width: 100px;
    height: 5px;
    background: #F407DD;
     /*background: linear-gradient(to right, #fff 0%, transparent 100%);*/
}

.card:not(:first-child) {
  margin-left: calc(var(--distance) * -1.2);
}

/*Ajusta a distancia dos cards a direita*/
.card:hover ~ .card  {
  translate: calc(var(--distance) - 1.5em) 0;
}

/*Movimento do cartão (caixa de imagem)*/
.card:hover {
  transform-origin: center right;
  transform: translate(-25px, -20px) rotate(5deg);
}

/*aumenta a sombra no card com hover*/
.card:hover .elementor-widget-container:before{
    box-shadow: -6px 8px 10px 0 #00000080 !important;
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-87a3de0 *//*variavel para ajuste da distancia entre os cards e no hover*/
:root {
  --distance: 5vh;
}

/*Configuração do container que tera os cards dentro*/
.card-container {
  display: flex;
  width: 100vw;
  white-space: no-wrap;
}

/*configuração do card (caixa de imagem)*/
.card {
  z-index: 1;
  position: relative;
  height: 305px;
  border-radius: 1px;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.card .elementor-image-box-wrapper{
    padding: 1em;
}

/*Fundo Conteudo*/
.card .elementor-widget-container{
    position: relative;
    width: inherit !important;
    height: inherit !important;
    border-radius: 1px;
    background: rgba(117, 105, 176, 1.0);
    background: radial-gradient(at left top, rgba(117, 105, 176, 1.0), rgba(40, 3, 55, 1.0));
}

/*borda*/
.card .elementor-widget-container:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: radial-gradient(at left top, rgba(165, 147, 255, 1.0), rgba(107, 6, 146, 1.0));;
    border-radius: inherit;
    z-index: -1 !important;
    box-shadow: -6px 0px 10px 0 #00000020 !important;
    transition: box-shadow .8s;
}

/*Traço Superior*/
.card .elementor-widget-container:after{
    content:"";
    position: absolute;
    top: -2px !important;
    left: 1em;
    width: 100px;
    height: 5px;
    background: #F407DD;
     /*background: linear-gradient(to right, #fff 0%, transparent 100%);*/
}

.card:not(:first-child) {
  margin-left: calc(var(--distance) * -1.2);
}

/*Ajusta a distancia dos cards a direita*/
.card:hover ~ .card  {
  translate: calc(var(--distance) - 1.5em) 0;
}

/*Movimento do cartão (caixa de imagem)*/
.card:hover {
  transform-origin: center right;
  transform: translate(-25px, -20px) rotate(5deg);
}

/*aumenta a sombra no card com hover*/
.card:hover .elementor-widget-container:before{
    box-shadow: -6px 8px 10px 0 #00000080 !important;
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-f5993b6 *//*variavel para ajuste da distancia entre os cards e no hover*/
:root {
  --distance: 5vh;
}

/*Configuração do container que tera os cards dentro*/
.card-container {
  display: flex;
  width: 100vw;
  white-space: no-wrap;
}

/*configuração do card (caixa de imagem)*/
.card {
  z-index: 1;
  position: relative;
  height: 305px;
  border-radius: 1px;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.card .elementor-image-box-wrapper{
    padding: 1em;
}

/*Fundo Conteudo*/
.card .elementor-widget-container{
    position: relative;
    width: inherit !important;
    height: inherit !important;
    border-radius: 1px;
    background: rgba(117, 105, 176, 1.0);
    background: radial-gradient(at left top, rgba(117, 105, 176, 1.0), rgba(40, 3, 55, 1.0));
}

/*borda*/
.card .elementor-widget-container:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: radial-gradient(at left top, rgba(165, 147, 255, 1.0), rgba(107, 6, 146, 1.0));;
    border-radius: inherit;
    z-index: -1 !important;
    box-shadow: -6px 0px 10px 0 #00000020 !important;
    transition: box-shadow .8s;
}

/*Traço Superior*/
.card .elementor-widget-container:after{
    content:"";
    position: absolute;
    top: -2px !important;
    left: 1em;
    width: 100px;
    height: 5px;
    background: #F407DD;
     /*background: linear-gradient(to right, #fff 0%, transparent 100%);*/
}

.card:not(:first-child) {
  margin-left: calc(var(--distance) * -1.2);
}

/*Ajusta a distancia dos cards a direita*/
.card:hover ~ .card  {
  translate: calc(var(--distance) - 1.5em) 0;
}

/*Movimento do cartão (caixa de imagem)*/
.card:hover {
  transform-origin: center right;
  transform: translate(-25px, -20px) rotate(5deg);
}

/*aumenta a sombra no card com hover*/
.card:hover .elementor-widget-container:before{
    box-shadow: -6px 8px 10px 0 #00000080 !important;
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-bb29f02 *//*variavel para ajuste da distancia entre os cards e no hover*/
:root {
  --distance: 5vh;
}

/*Configuração do container que tera os cards dentro*/
.card-container {
  display: flex;
  width: 100vw;
  white-space: no-wrap;
}

/*configuração do card (caixa de imagem)*/
.card {
  z-index: 1;
  position: relative;
  height: 305px;
  border-radius: 1px;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.card .elementor-image-box-wrapper{
    padding: 1em;
}

/*Fundo Conteudo*/
.card .elementor-widget-container{
    position: relative;
    width: inherit !important;
    height: inherit !important;
    border-radius: 1px;
    background: rgba(117, 105, 176, 1.0);
    background: radial-gradient(at left top, rgba(117, 105, 176, 1.0), rgba(40, 3, 55, 1.0));
}

/*borda*/
.card .elementor-widget-container:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: radial-gradient(at left top, rgba(165, 147, 255, 1.0), rgba(107, 6, 146, 1.0));;
    border-radius: inherit;
    z-index: -1 !important;
    box-shadow: -6px 0px 10px 0 #00000020 !important;
    transition: box-shadow .8s;
}

/*Traço Superior*/
.card .elementor-widget-container:after{
    content:"";
    position: absolute;
    top: -2px !important;
    left: 1em;
    width: 100px;
    height: 5px;
    background: #F407DD;
     /*background: linear-gradient(to right, #fff 0%, transparent 100%);*/
}

.card:not(:first-child) {
  margin-left: calc(var(--distance) * -1.2);
}

/*Ajusta a distancia dos cards a direita*/
.card:hover ~ .card  {
  translate: calc(var(--distance) - 1.5em) 0;
}

/*Movimento do cartão (caixa de imagem)*/
.card:hover {
  transform-origin: center right;
  transform: translate(-25px, -20px) rotate(5deg);
}

/*aumenta a sombra no card com hover*/
.card:hover .elementor-widget-container:before{
    box-shadow: -6px 8px 10px 0 #00000080 !important;
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-f74a5f0 *//*variavel para ajuste da distancia entre os cards e no hover*/
:root {
  --distance: 5vh;
}

/*Configuração do container que tera os cards dentro*/
.card-container {
  display: flex;
  width: 100vw;
  white-space: no-wrap;
}

/*configuração do card (caixa de imagem)*/
.card {
  z-index: 1;
  position: relative;
  height: 305px;
  border-radius: 1px;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.card .elementor-image-box-wrapper{
    padding: 1em;
}

/*Fundo Conteudo*/
.card .elementor-widget-container{
    position: relative;
    width: inherit !important;
    height: inherit !important;
    border-radius: 1px;
    background: rgba(117, 105, 176, 1.0);
    background: radial-gradient(at left top, rgba(117, 105, 176, 1.0), rgba(40, 3, 55, 1.0));
}

/*borda*/
.card .elementor-widget-container:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: radial-gradient(at left top, rgba(165, 147, 255, 1.0), rgba(107, 6, 146, 1.0));;
    border-radius: inherit;
    z-index: -1 !important;
    box-shadow: -6px 0px 10px 0 #00000020 !important;
    transition: box-shadow .8s;
}

/*Traço Superior*/
.card .elementor-widget-container:after{
    content:"";
    position: absolute;
    top: -2px !important;
    left: 1em;
    width: 100px;
    height: 5px;
    background: #F407DD;
     /*background: linear-gradient(to right, #fff 0%, transparent 100%);*/
}

.card:not(:first-child) {
  margin-left: calc(var(--distance) * -1.2);
}

/*Ajusta a distancia dos cards a direita*/
.card:hover ~ .card  {
  translate: calc(var(--distance) - 1.5em) 0;
}

/*Movimento do cartão (caixa de imagem)*/
.card:hover {
  transform-origin: center right;
  transform: translate(-25px, -20px) rotate(5deg);
}

/*aumenta a sombra no card com hover*/
.card:hover .elementor-widget-container:before{
    box-shadow: -6px 8px 10px 0 #00000080 !important;
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-ea815af *//*variavel para ajuste da distancia entre os cards e no hover*/
:root {
  --distance: 5vh;
}

/*Configuração do container que tera os cards dentro*/
.card-container {
  display: flex;
  width: 100vw;
  white-space: no-wrap;
}

/*configuração do card (caixa de imagem)*/
.card {
  z-index: 1;
  position: relative;
  height: 305px;
  border-radius: 1px;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.card .elementor-image-box-wrapper{
    padding: 1em;
}

/*Fundo Conteudo*/
.card .elementor-widget-container{
    position: relative;
    width: inherit !important;
    height: inherit !important;
    border-radius: 1px;
    background: rgba(117, 105, 176, 1.0);
    background: radial-gradient(at left top, rgba(117, 105, 176, 1.0), rgba(40, 3, 55, 1.0));
}

/*borda*/
.card .elementor-widget-container:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: radial-gradient(at left top, rgba(165, 147, 255, 1.0), rgba(107, 6, 146, 1.0));;
    border-radius: inherit;
    z-index: -1 !important;
    box-shadow: -6px 0px 10px 0 #00000020 !important;
    transition: box-shadow .8s;
}

/*Traço Superior*/
.card .elementor-widget-container:after{
    content:"";
    position: absolute;
    top: -2px !important;
    left: 1em;
    width: 100px;
    height: 5px;
    background: #F407DD;
     /*background: linear-gradient(to right, #fff 0%, transparent 100%);*/
}

.card:not(:first-child) {
  margin-left: calc(var(--distance) * -1.2);
}

/*Ajusta a distancia dos cards a direita*/
.card:hover ~ .card  {
  translate: calc(var(--distance) - 1.5em) 0;
}

/*Movimento do cartão (caixa de imagem)*/
.card:hover {
  transform-origin: center right;
  transform: translate(-25px, -20px) rotate(5deg);
}

/*aumenta a sombra no card com hover*/
.card:hover .elementor-widget-container:before{
    box-shadow: -6px 8px 10px 0 #00000080 !important;
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-2a41389 *//*variavel para ajuste da distancia entre os cards e no hover*/
:root {
  --distance: 5vh;
}

/*Configuração do container que tera os cards dentro*/
.card-container {
  display: flex;
  width: 100vw;
  white-space: no-wrap;
}

/*configuração do card (caixa de imagem)*/
.card {
  z-index: 1;
  position: relative;
  height: 305px;
  border-radius: 1px;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.card .elementor-image-box-wrapper{
    padding: 1em;
}

/*Fundo Conteudo*/
.card .elementor-widget-container{
    position: relative;
    width: inherit !important;
    height: inherit !important;
    border-radius: 1px;
    background: rgba(117, 105, 176, 1.0);
    background: radial-gradient(at left top, rgba(117, 105, 176, 1.0), rgba(40, 3, 55, 1.0));
}

/*borda*/
.card .elementor-widget-container:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: radial-gradient(at left top, rgba(165, 147, 255, 1.0), rgba(107, 6, 146, 1.0));;
    border-radius: inherit;
    z-index: -1 !important;
    box-shadow: -6px 0px 10px 0 #00000020 !important;
    transition: box-shadow .8s;
}

/*Traço Superior*/
.card .elementor-widget-container:after{
    content:"";
    position: absolute;
    top: -2px !important;
    left: 1em;
    width: 100px;
    height: 5px;
    background: #F407DD;
     /*background: linear-gradient(to right, #fff 0%, transparent 100%);*/
}

.card:not(:first-child) {
  margin-left: calc(var(--distance) * -1.2);
}

/*Ajusta a distancia dos cards a direita*/
.card:hover ~ .card  {
  translate: calc(var(--distance) - 1.5em) 0;
}

/*Movimento do cartão (caixa de imagem)*/
.card:hover {
  transform-origin: center right;
  transform: translate(-25px, -20px) rotate(5deg);
}

/*aumenta a sombra no card com hover*/
.card:hover .elementor-widget-container:before{
    box-shadow: -6px 8px 10px 0 #00000080 !important;
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-e1826c7 *//*variavel para ajuste da distancia entre os cards e no hover*/
:root {
  --distance: 5vh;
}

/*Configuração do container que tera os cards dentro*/
.card-container {
  display: flex;
  width: 100vw;
  white-space: no-wrap;
}

/*configuração do card (caixa de imagem)*/
.card {
  z-index: 1;
  position: relative;
  height: 305px;
  border-radius: 1px;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.card .elementor-image-box-wrapper{
    padding: 1em;
}

/*Fundo Conteudo*/
.card .elementor-widget-container{
    position: relative;
    width: inherit !important;
    height: inherit !important;
    border-radius: 1px;
    background: rgba(117, 105, 176, 1.0);
    background: radial-gradient(at left top, rgba(117, 105, 176, 1.0), rgba(40, 3, 55, 1.0));
}

/*borda*/
.card .elementor-widget-container:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: radial-gradient(at left top, rgba(165, 147, 255, 1.0), rgba(107, 6, 146, 1.0));;
    border-radius: inherit;
    z-index: -1 !important;
    box-shadow: -6px 0px 10px 0 #00000020 !important;
    transition: box-shadow .8s;
}

/*Traço Superior*/
.card .elementor-widget-container:after{
    content:"";
    position: absolute;
    top: -2px !important;
    left: 1em;
    width: 100px;
    height: 5px;
    background: #F407DD;
     /*background: linear-gradient(to right, #fff 0%, transparent 100%);*/
}

.card:not(:first-child) {
  margin-left: calc(var(--distance) * -1.2);
}

/*Ajusta a distancia dos cards a direita*/
.card:hover ~ .card  {
  translate: calc(var(--distance) - 1.5em) 0;
}

/*Movimento do cartão (caixa de imagem)*/
.card:hover {
  transform-origin: center right;
  transform: translate(-25px, -20px) rotate(5deg);
}

/*aumenta a sombra no card com hover*/
.card:hover .elementor-widget-container:before{
    box-shadow: -6px 8px 10px 0 #00000080 !important;
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-455ea65 *//*variavel para ajuste da distancia entre os cards e no hover*/
:root {
  --distance: 5vh;
}

/*Configuração do container que tera os cards dentro*/
.card-container {
  display: flex;
  width: 100vw;
  white-space: no-wrap;
}

/*configuração do card (caixa de imagem)*/
.card {
  z-index: 1;
  position: relative;
  height: 305px;
  border-radius: 1px;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.card .elementor-image-box-wrapper{
    padding: 1em;
}

/*Fundo Conteudo*/
.card .elementor-widget-container{
    position: relative;
    width: inherit !important;
    height: inherit !important;
    border-radius: 1px;
    background: rgba(117, 105, 176, 1.0);
    background: radial-gradient(at left top, rgba(117, 105, 176, 1.0), rgba(40, 3, 55, 1.0));
}

/*borda*/
.card .elementor-widget-container:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: radial-gradient(at left top, rgba(165, 147, 255, 1.0), rgba(107, 6, 146, 1.0));;
    border-radius: inherit;
    z-index: -1 !important;
    box-shadow: -6px 0px 10px 0 #00000020 !important;
    transition: box-shadow .8s;
}

/*Traço Superior*/
.card .elementor-widget-container:after{
    content:"";
    position: absolute;
    top: -2px !important;
    left: 1em;
    width: 100px;
    height: 5px;
    background: #F407DD;
     /*background: linear-gradient(to right, #fff 0%, transparent 100%);*/
}

.card:not(:first-child) {
  margin-left: calc(var(--distance) * -1.2);
}

/*Ajusta a distancia dos cards a direita*/
.card:hover ~ .card  {
  translate: calc(var(--distance) - 1.5em) 0;
}

/*Movimento do cartão (caixa de imagem)*/
.card:hover {
  transform-origin: center right;
  transform: translate(-25px, -20px) rotate(5deg);
}

/*aumenta a sombra no card com hover*/
.card:hover .elementor-widget-container:before{
    box-shadow: -6px 8px 10px 0 #00000080 !important;
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-87a3de0 *//*variavel para ajuste da distancia entre os cards e no hover*/
:root {
  --distance: 5vh;
}

/*Configuração do container que tera os cards dentro*/
.card-container {
  display: flex;
  width: 100vw;
  white-space: no-wrap;
}

/*configuração do card (caixa de imagem)*/
.card {
  z-index: 1;
  position: relative;
  height: 305px;
  border-radius: 1px;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.card .elementor-image-box-wrapper{
    padding: 1em;
}

/*Fundo Conteudo*/
.card .elementor-widget-container{
    position: relative;
    width: inherit !important;
    height: inherit !important;
    border-radius: 1px;
    background: rgba(117, 105, 176, 1.0);
    background: radial-gradient(at left top, rgba(117, 105, 176, 1.0), rgba(40, 3, 55, 1.0));
}

/*borda*/
.card .elementor-widget-container:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: radial-gradient(at left top, rgba(165, 147, 255, 1.0), rgba(107, 6, 146, 1.0));;
    border-radius: inherit;
    z-index: -1 !important;
    box-shadow: -6px 0px 10px 0 #00000020 !important;
    transition: box-shadow .8s;
}

/*Traço Superior*/
.card .elementor-widget-container:after{
    content:"";
    position: absolute;
    top: -2px !important;
    left: 1em;
    width: 100px;
    height: 5px;
    background: #F407DD;
     /*background: linear-gradient(to right, #fff 0%, transparent 100%);*/
}

.card:not(:first-child) {
  margin-left: calc(var(--distance) * -1.2);
}

/*Ajusta a distancia dos cards a direita*/
.card:hover ~ .card  {
  translate: calc(var(--distance) - 1.5em) 0;
}

/*Movimento do cartão (caixa de imagem)*/
.card:hover {
  transform-origin: center right;
  transform: translate(-25px, -20px) rotate(5deg);
}

/*aumenta a sombra no card com hover*/
.card:hover .elementor-widget-container:before{
    box-shadow: -6px 8px 10px 0 #00000080 !important;
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-f5993b6 *//*variavel para ajuste da distancia entre os cards e no hover*/
:root {
  --distance: 5vh;
}

/*Configuração do container que tera os cards dentro*/
.card-container {
  display: flex;
  width: 100vw;
  white-space: no-wrap;
}

/*configuração do card (caixa de imagem)*/
.card {
  z-index: 1;
  position: relative;
  height: 305px;
  border-radius: 1px;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.card .elementor-image-box-wrapper{
    padding: 1em;
}

/*Fundo Conteudo*/
.card .elementor-widget-container{
    position: relative;
    width: inherit !important;
    height: inherit !important;
    border-radius: 1px;
    background: rgba(117, 105, 176, 1.0);
    background: radial-gradient(at left top, rgba(117, 105, 176, 1.0), rgba(40, 3, 55, 1.0));
}

/*borda*/
.card .elementor-widget-container:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: radial-gradient(at left top, rgba(165, 147, 255, 1.0), rgba(107, 6, 146, 1.0));;
    border-radius: inherit;
    z-index: -1 !important;
    box-shadow: -6px 0px 10px 0 #00000020 !important;
    transition: box-shadow .8s;
}

/*Traço Superior*/
.card .elementor-widget-container:after{
    content:"";
    position: absolute;
    top: -2px !important;
    left: 1em;
    width: 100px;
    height: 5px;
    background: #F407DD;
     /*background: linear-gradient(to right, #fff 0%, transparent 100%);*/
}

.card:not(:first-child) {
  margin-left: calc(var(--distance) * -1.2);
}

/*Ajusta a distancia dos cards a direita*/
.card:hover ~ .card  {
  translate: calc(var(--distance) - 1.5em) 0;
}

/*Movimento do cartão (caixa de imagem)*/
.card:hover {
  transform-origin: center right;
  transform: translate(-25px, -20px) rotate(5deg);
}

/*aumenta a sombra no card com hover*/
.card:hover .elementor-widget-container:before{
    box-shadow: -6px 8px 10px 0 #00000080 !important;
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-bb29f02 *//*variavel para ajuste da distancia entre os cards e no hover*/
:root {
  --distance: 5vh;
}

/*Configuração do container que tera os cards dentro*/
.card-container {
  display: flex;
  width: 100vw;
  white-space: no-wrap;
}

/*configuração do card (caixa de imagem)*/
.card {
  z-index: 1;
  position: relative;
  height: 305px;
  border-radius: 1px;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.card .elementor-image-box-wrapper{
    padding: 1em;
}

/*Fundo Conteudo*/
.card .elementor-widget-container{
    position: relative;
    width: inherit !important;
    height: inherit !important;
    border-radius: 1px;
    background: rgba(117, 105, 176, 1.0);
    background: radial-gradient(at left top, rgba(117, 105, 176, 1.0), rgba(40, 3, 55, 1.0));
}

/*borda*/
.card .elementor-widget-container:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: radial-gradient(at left top, rgba(165, 147, 255, 1.0), rgba(107, 6, 146, 1.0));;
    border-radius: inherit;
    z-index: -1 !important;
    box-shadow: -6px 0px 10px 0 #00000020 !important;
    transition: box-shadow .8s;
}

/*Traço Superior*/
.card .elementor-widget-container:after{
    content:"";
    position: absolute;
    top: -2px !important;
    left: 1em;
    width: 100px;
    height: 5px;
    background: #F407DD;
     /*background: linear-gradient(to right, #fff 0%, transparent 100%);*/
}

.card:not(:first-child) {
  margin-left: calc(var(--distance) * -1.2);
}

/*Ajusta a distancia dos cards a direita*/
.card:hover ~ .card  {
  translate: calc(var(--distance) - 1.5em) 0;
}

/*Movimento do cartão (caixa de imagem)*/
.card:hover {
  transform-origin: center right;
  transform: translate(-25px, -20px) rotate(5deg);
}

/*aumenta a sombra no card com hover*/
.card:hover .elementor-widget-container:before{
    box-shadow: -6px 8px 10px 0 #00000080 !important;
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-f74a5f0 *//*variavel para ajuste da distancia entre os cards e no hover*/
:root {
  --distance: 5vh;
}

/*Configuração do container que tera os cards dentro*/
.card-container {
  display: flex;
  width: 100vw;
  white-space: no-wrap;
}

/*configuração do card (caixa de imagem)*/
.card {
  z-index: 1;
  position: relative;
  height: 305px;
  border-radius: 1px;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.card .elementor-image-box-wrapper{
    padding: 1em;
}

/*Fundo Conteudo*/
.card .elementor-widget-container{
    position: relative;
    width: inherit !important;
    height: inherit !important;
    border-radius: 1px;
    background: rgba(117, 105, 176, 1.0);
    background: radial-gradient(at left top, rgba(117, 105, 176, 1.0), rgba(40, 3, 55, 1.0));
}

/*borda*/
.card .elementor-widget-container:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: radial-gradient(at left top, rgba(165, 147, 255, 1.0), rgba(107, 6, 146, 1.0));;
    border-radius: inherit;
    z-index: -1 !important;
    box-shadow: -6px 0px 10px 0 #00000020 !important;
    transition: box-shadow .8s;
}

/*Traço Superior*/
.card .elementor-widget-container:after{
    content:"";
    position: absolute;
    top: -2px !important;
    left: 1em;
    width: 100px;
    height: 5px;
    background: #F407DD;
     /*background: linear-gradient(to right, #fff 0%, transparent 100%);*/
}

.card:not(:first-child) {
  margin-left: calc(var(--distance) * -1.2);
}

/*Ajusta a distancia dos cards a direita*/
.card:hover ~ .card  {
  translate: calc(var(--distance) - 1.5em) 0;
}

/*Movimento do cartão (caixa de imagem)*/
.card:hover {
  transform-origin: center right;
  transform: translate(-25px, -20px) rotate(5deg);
}

/*aumenta a sombra no card com hover*/
.card:hover .elementor-widget-container:before{
    box-shadow: -6px 8px 10px 0 #00000080 !important;
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-ea815af *//*variavel para ajuste da distancia entre os cards e no hover*/
:root {
  --distance: 5vh;
}

/*Configuração do container que tera os cards dentro*/
.card-container {
  display: flex;
  width: 100vw;
  white-space: no-wrap;
}

/*configuração do card (caixa de imagem)*/
.card {
  z-index: 1;
  position: relative;
  height: 305px;
  border-radius: 1px;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.card .elementor-image-box-wrapper{
    padding: 1em;
}

/*Fundo Conteudo*/
.card .elementor-widget-container{
    position: relative;
    width: inherit !important;
    height: inherit !important;
    border-radius: 1px;
    background: rgba(117, 105, 176, 1.0);
    background: radial-gradient(at left top, rgba(117, 105, 176, 1.0), rgba(40, 3, 55, 1.0));
}

/*borda*/
.card .elementor-widget-container:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: radial-gradient(at left top, rgba(165, 147, 255, 1.0), rgba(107, 6, 146, 1.0));;
    border-radius: inherit;
    z-index: -1 !important;
    box-shadow: -6px 0px 10px 0 #00000020 !important;
    transition: box-shadow .8s;
}

/*Traço Superior*/
.card .elementor-widget-container:after{
    content:"";
    position: absolute;
    top: -2px !important;
    left: 1em;
    width: 100px;
    height: 5px;
    background: #F407DD;
     /*background: linear-gradient(to right, #fff 0%, transparent 100%);*/
}

.card:not(:first-child) {
  margin-left: calc(var(--distance) * -1.2);
}

/*Ajusta a distancia dos cards a direita*/
.card:hover ~ .card  {
  translate: calc(var(--distance) - 1.5em) 0;
}

/*Movimento do cartão (caixa de imagem)*/
.card:hover {
  transform-origin: center right;
  transform: translate(-25px, -20px) rotate(5deg);
}

/*aumenta a sombra no card com hover*/
.card:hover .elementor-widget-container:before{
    box-shadow: -6px 8px 10px 0 #00000080 !important;
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-2a41389 *//*variavel para ajuste da distancia entre os cards e no hover*/
:root {
  --distance: 5vh;
}

/*Configuração do container que tera os cards dentro*/
.card-container {
  display: flex;
  width: 100vw;
  white-space: no-wrap;
}

/*configuração do card (caixa de imagem)*/
.card {
  z-index: 1;
  position: relative;
  height: 305px;
  border-radius: 1px;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.card .elementor-image-box-wrapper{
    padding: 1em;
}

/*Fundo Conteudo*/
.card .elementor-widget-container{
    position: relative;
    width: inherit !important;
    height: inherit !important;
    border-radius: 1px;
    background: rgba(117, 105, 176, 1.0);
    background: radial-gradient(at left top, rgba(117, 105, 176, 1.0), rgba(40, 3, 55, 1.0));
}

/*borda*/
.card .elementor-widget-container:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: radial-gradient(at left top, rgba(165, 147, 255, 1.0), rgba(107, 6, 146, 1.0));;
    border-radius: inherit;
    z-index: -1 !important;
    box-shadow: -6px 0px 10px 0 #00000020 !important;
    transition: box-shadow .8s;
}

/*Traço Superior*/
.card .elementor-widget-container:after{
    content:"";
    position: absolute;
    top: -2px !important;
    left: 1em;
    width: 100px;
    height: 5px;
    background: #F407DD;
     /*background: linear-gradient(to right, #fff 0%, transparent 100%);*/
}

.card:not(:first-child) {
  margin-left: calc(var(--distance) * -1.2);
}

/*Ajusta a distancia dos cards a direita*/
.card:hover ~ .card  {
  translate: calc(var(--distance) - 1.5em) 0;
}

/*Movimento do cartão (caixa de imagem)*/
.card:hover {
  transform-origin: center right;
  transform: translate(-25px, -20px) rotate(5deg);
}

/*aumenta a sombra no card com hover*/
.card:hover .elementor-widget-container:before{
    box-shadow: -6px 8px 10px 0 #00000080 !important;
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-e1826c7 *//*variavel para ajuste da distancia entre os cards e no hover*/
:root {
  --distance: 5vh;
}

/*Configuração do container que tera os cards dentro*/
.card-container {
  display: flex;
  width: 100vw;
  white-space: no-wrap;
}

/*configuração do card (caixa de imagem)*/
.card {
  z-index: 1;
  position: relative;
  height: 305px;
  border-radius: 1px;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.card .elementor-image-box-wrapper{
    padding: 1em;
}

/*Fundo Conteudo*/
.card .elementor-widget-container{
    position: relative;
    width: inherit !important;
    height: inherit !important;
    border-radius: 1px;
    background: rgba(117, 105, 176, 1.0);
    background: radial-gradient(at left top, rgba(117, 105, 176, 1.0), rgba(40, 3, 55, 1.0));
}

/*borda*/
.card .elementor-widget-container:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: radial-gradient(at left top, rgba(165, 147, 255, 1.0), rgba(107, 6, 146, 1.0));;
    border-radius: inherit;
    z-index: -1 !important;
    box-shadow: -6px 0px 10px 0 #00000020 !important;
    transition: box-shadow .8s;
}

/*Traço Superior*/
.card .elementor-widget-container:after{
    content:"";
    position: absolute;
    top: -2px !important;
    left: 1em;
    width: 100px;
    height: 5px;
    background: #F407DD;
     /*background: linear-gradient(to right, #fff 0%, transparent 100%);*/
}

.card:not(:first-child) {
  margin-left: calc(var(--distance) * -1.2);
}

/*Ajusta a distancia dos cards a direita*/
.card:hover ~ .card  {
  translate: calc(var(--distance) - 1.5em) 0;
}

/*Movimento do cartão (caixa de imagem)*/
.card:hover {
  transform-origin: center right;
  transform: translate(-25px, -20px) rotate(5deg);
}

/*aumenta a sombra no card com hover*/
.card:hover .elementor-widget-container:before{
    box-shadow: -6px 8px 10px 0 #00000080 !important;
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-455ea65 *//*variavel para ajuste da distancia entre os cards e no hover*/
:root {
  --distance: 5vh;
}

/*Configuração do container que tera os cards dentro*/
.card-container {
  display: flex;
  width: 100vw;
  white-space: no-wrap;
}

/*configuração do card (caixa de imagem)*/
.card {
  z-index: 1;
  position: relative;
  height: 305px;
  border-radius: 1px;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.card .elementor-image-box-wrapper{
    padding: 1em;
}

/*Fundo Conteudo*/
.card .elementor-widget-container{
    position: relative;
    width: inherit !important;
    height: inherit !important;
    border-radius: 1px;
    background: rgba(117, 105, 176, 1.0);
    background: radial-gradient(at left top, rgba(117, 105, 176, 1.0), rgba(40, 3, 55, 1.0));
}

/*borda*/
.card .elementor-widget-container:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: radial-gradient(at left top, rgba(165, 147, 255, 1.0), rgba(107, 6, 146, 1.0));;
    border-radius: inherit;
    z-index: -1 !important;
    box-shadow: -6px 0px 10px 0 #00000020 !important;
    transition: box-shadow .8s;
}

/*Traço Superior*/
.card .elementor-widget-container:after{
    content:"";
    position: absolute;
    top: -2px !important;
    left: 1em;
    width: 100px;
    height: 5px;
    background: #F407DD;
     /*background: linear-gradient(to right, #fff 0%, transparent 100%);*/
}

.card:not(:first-child) {
  margin-left: calc(var(--distance) * -1.2);
}

/*Ajusta a distancia dos cards a direita*/
.card:hover ~ .card  {
  translate: calc(var(--distance) - 1.5em) 0;
}

/*Movimento do cartão (caixa de imagem)*/
.card:hover {
  transform-origin: center right;
  transform: translate(-25px, -20px) rotate(5deg);
}

/*aumenta a sombra no card com hover*/
.card:hover .elementor-widget-container:before{
    box-shadow: -6px 8px 10px 0 #00000080 !important;
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-87a3de0 *//*variavel para ajuste da distancia entre os cards e no hover*/
:root {
  --distance: 5vh;
}

/*Configuração do container que tera os cards dentro*/
.card-container {
  display: flex;
  width: 100vw;
  white-space: no-wrap;
}

/*configuração do card (caixa de imagem)*/
.card {
  z-index: 1;
  position: relative;
  height: 305px;
  border-radius: 1px;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.card .elementor-image-box-wrapper{
    padding: 1em;
}

/*Fundo Conteudo*/
.card .elementor-widget-container{
    position: relative;
    width: inherit !important;
    height: inherit !important;
    border-radius: 1px;
    background: rgba(117, 105, 176, 1.0);
    background: radial-gradient(at left top, rgba(117, 105, 176, 1.0), rgba(40, 3, 55, 1.0));
}

/*borda*/
.card .elementor-widget-container:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: radial-gradient(at left top, rgba(165, 147, 255, 1.0), rgba(107, 6, 146, 1.0));;
    border-radius: inherit;
    z-index: -1 !important;
    box-shadow: -6px 0px 10px 0 #00000020 !important;
    transition: box-shadow .8s;
}

/*Traço Superior*/
.card .elementor-widget-container:after{
    content:"";
    position: absolute;
    top: -2px !important;
    left: 1em;
    width: 100px;
    height: 5px;
    background: #F407DD;
     /*background: linear-gradient(to right, #fff 0%, transparent 100%);*/
}

.card:not(:first-child) {
  margin-left: calc(var(--distance) * -1.2);
}

/*Ajusta a distancia dos cards a direita*/
.card:hover ~ .card  {
  translate: calc(var(--distance) - 1.5em) 0;
}

/*Movimento do cartão (caixa de imagem)*/
.card:hover {
  transform-origin: center right;
  transform: translate(-25px, -20px) rotate(5deg);
}

/*aumenta a sombra no card com hover*/
.card:hover .elementor-widget-container:before{
    box-shadow: -6px 8px 10px 0 #00000080 !important;
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-f5993b6 *//*variavel para ajuste da distancia entre os cards e no hover*/
:root {
  --distance: 5vh;
}

/*Configuração do container que tera os cards dentro*/
.card-container {
  display: flex;
  width: 100vw;
  white-space: no-wrap;
}

/*configuração do card (caixa de imagem)*/
.card {
  z-index: 1;
  position: relative;
  height: 305px;
  border-radius: 1px;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.card .elementor-image-box-wrapper{
    padding: 1em;
}

/*Fundo Conteudo*/
.card .elementor-widget-container{
    position: relative;
    width: inherit !important;
    height: inherit !important;
    border-radius: 1px;
    background: rgba(117, 105, 176, 1.0);
    background: radial-gradient(at left top, rgba(117, 105, 176, 1.0), rgba(40, 3, 55, 1.0));
}

/*borda*/
.card .elementor-widget-container:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: radial-gradient(at left top, rgba(165, 147, 255, 1.0), rgba(107, 6, 146, 1.0));;
    border-radius: inherit;
    z-index: -1 !important;
    box-shadow: -6px 0px 10px 0 #00000020 !important;
    transition: box-shadow .8s;
}

/*Traço Superior*/
.card .elementor-widget-container:after{
    content:"";
    position: absolute;
    top: -2px !important;
    left: 1em;
    width: 100px;
    height: 5px;
    background: #F407DD;
     /*background: linear-gradient(to right, #fff 0%, transparent 100%);*/
}

.card:not(:first-child) {
  margin-left: calc(var(--distance) * -1.2);
}

/*Ajusta a distancia dos cards a direita*/
.card:hover ~ .card  {
  translate: calc(var(--distance) - 1.5em) 0;
}

/*Movimento do cartão (caixa de imagem)*/
.card:hover {
  transform-origin: center right;
  transform: translate(-25px, -20px) rotate(5deg);
}

/*aumenta a sombra no card com hover*/
.card:hover .elementor-widget-container:before{
    box-shadow: -6px 8px 10px 0 #00000080 !important;
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-bb29f02 *//*variavel para ajuste da distancia entre os cards e no hover*/
:root {
  --distance: 5vh;
}

/*Configuração do container que tera os cards dentro*/
.card-container {
  display: flex;
  width: 100vw;
  white-space: no-wrap;
}

/*configuração do card (caixa de imagem)*/
.card {
  z-index: 1;
  position: relative;
  height: 305px;
  border-radius: 1px;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.card .elementor-image-box-wrapper{
    padding: 1em;
}

/*Fundo Conteudo*/
.card .elementor-widget-container{
    position: relative;
    width: inherit !important;
    height: inherit !important;
    border-radius: 1px;
    background: rgba(117, 105, 176, 1.0);
    background: radial-gradient(at left top, rgba(117, 105, 176, 1.0), rgba(40, 3, 55, 1.0));
}

/*borda*/
.card .elementor-widget-container:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: radial-gradient(at left top, rgba(165, 147, 255, 1.0), rgba(107, 6, 146, 1.0));;
    border-radius: inherit;
    z-index: -1 !important;
    box-shadow: -6px 0px 10px 0 #00000020 !important;
    transition: box-shadow .8s;
}

/*Traço Superior*/
.card .elementor-widget-container:after{
    content:"";
    position: absolute;
    top: -2px !important;
    left: 1em;
    width: 100px;
    height: 5px;
    background: #F407DD;
     /*background: linear-gradient(to right, #fff 0%, transparent 100%);*/
}

.card:not(:first-child) {
  margin-left: calc(var(--distance) * -1.2);
}

/*Ajusta a distancia dos cards a direita*/
.card:hover ~ .card  {
  translate: calc(var(--distance) - 1.5em) 0;
}

/*Movimento do cartão (caixa de imagem)*/
.card:hover {
  transform-origin: center right;
  transform: translate(-25px, -20px) rotate(5deg);
}

/*aumenta a sombra no card com hover*/
.card:hover .elementor-widget-container:before{
    box-shadow: -6px 8px 10px 0 #00000080 !important;
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-f74a5f0 *//*variavel para ajuste da distancia entre os cards e no hover*/
:root {
  --distance: 5vh;
}

/*Configuração do container que tera os cards dentro*/
.card-container {
  display: flex;
  width: 100vw;
  white-space: no-wrap;
}

/*configuração do card (caixa de imagem)*/
.card {
  z-index: 1;
  position: relative;
  height: 305px;
  border-radius: 1px;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.card .elementor-image-box-wrapper{
    padding: 1em;
}

/*Fundo Conteudo*/
.card .elementor-widget-container{
    position: relative;
    width: inherit !important;
    height: inherit !important;
    border-radius: 1px;
    background: rgba(117, 105, 176, 1.0);
    background: radial-gradient(at left top, rgba(117, 105, 176, 1.0), rgba(40, 3, 55, 1.0));
}

/*borda*/
.card .elementor-widget-container:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: radial-gradient(at left top, rgba(165, 147, 255, 1.0), rgba(107, 6, 146, 1.0));;
    border-radius: inherit;
    z-index: -1 !important;
    box-shadow: -6px 0px 10px 0 #00000020 !important;
    transition: box-shadow .8s;
}

/*Traço Superior*/
.card .elementor-widget-container:after{
    content:"";
    position: absolute;
    top: -2px !important;
    left: 1em;
    width: 100px;
    height: 5px;
    background: #F407DD;
     /*background: linear-gradient(to right, #fff 0%, transparent 100%);*/
}

.card:not(:first-child) {
  margin-left: calc(var(--distance) * -1.2);
}

/*Ajusta a distancia dos cards a direita*/
.card:hover ~ .card  {
  translate: calc(var(--distance) - 1.5em) 0;
}

/*Movimento do cartão (caixa de imagem)*/
.card:hover {
  transform-origin: center right;
  transform: translate(-25px, -20px) rotate(5deg);
}

/*aumenta a sombra no card com hover*/
.card:hover .elementor-widget-container:before{
    box-shadow: -6px 8px 10px 0 #00000080 !important;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-7428811 */.elementor-606 .elementor-element.elementor-element-7428811 .swiper-wrapper{
  transition-timing-function: linear !important; 
  -webkit-transition-timing-function: linear !important;
}/* End custom CSS */