.elementor-kit-5{--e-global-color-primary:#FF252D;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-76e2e90:#FF252D;--e-global-color-ecb4c81:#028114;--e-global-color-8d733b8:#7B9462;--e-global-color-9da5f74:#93B278;--e-global-color-f3964e5:#2F155A;--e-global-color-c05f7ed:#AD86B2;--e-global-color-a59ef27:#050505;--e-global-color-e971e67:#FFFFFF;--e-global-color-1ebc7cb:#161616;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:#050505;color:var( --e-global-color-e971e67 );font-family:"Sora", Sans-serif;font-size:20px;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5 h1{color:var( --e-global-color-e971e67 );font-family:"Sora", Sans-serif;font-size:35px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;--container-default-padding-top:80px;--container-default-padding-right:20px;--container-default-padding-bottom:80px;--container-default-padding-left:20px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:90%;}.e-con{--container-max-width:90%;--container-default-padding-top:05em;--container-default-padding-right:0em;--container-default-padding-bottom:5em;--container-default-padding-left:0em;}}@media(max-width:767px){.elementor-kit-5{font-size:20px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:100%;}.e-con{--container-max-width:100%;--container-default-padding-top:4em;--container-default-padding-right:1.25em;--container-default-padding-bottom:4em;--container-default-padding-left:1.25em;}}@media(min-width:2400px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;--container-default-padding-top:80px;--container-default-padding-right:20px;--container-default-padding-bottom:80px;--container-default-padding-left:20px;}}/* Start custom CSS *//*variavel para ajuste da distancia entre os cards e no hover*/
:root {
  --distance: 15vh;
}

/*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: 350px;
  border-radius: 10px;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.card .elementor-image-box-wrapper{
    padding: 1.3em;
}

/*Fundo Conteudo*/
.card .elementor-widget-container{
    position: relative;
    width: inherit !important;
    height: inherit !important;
    border-radius: 15px;
    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 */