.elementor-7942 .elementor-element.elementor-element-4ab45ed{--display:flex;--min-height:100vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--background-transition:0.3s;}.elementor-7942 .elementor-element.elementor-element-e67f022{--display:flex;--min-height:609px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:130px 0px;--background-transition:0.3s;}.elementor-7942 .elementor-element.elementor-element-e67f022:not(.elementor-motion-effects-element-type-background), .elementor-7942 .elementor-element.elementor-element-e67f022 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#101010;}.elementor-7942 .elementor-element.elementor-element-e67f022, .elementor-7942 .elementor-element.elementor-element-e67f022::before{--border-transition:0.3s;}.elementor-7942 .elementor-element.elementor-element-2da9e9c{--display:flex;--min-height:147px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--background-transition:0.3s;}.elementor-7942 .elementor-element.elementor-element-2da9e9c:not(.elementor-motion-effects-element-type-background), .elementor-7942 .elementor-element.elementor-element-2da9e9c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1E1E1E;}.elementor-7942 .elementor-element.elementor-element-2da9e9c, .elementor-7942 .elementor-element.elementor-element-2da9e9c::before{--border-transition:0.3s;}.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-7942 .elementor-element.elementor-element-b5e5584 .elementor-button{background-color:#2B2BE9;}.elementor-7942 .elementor-element.elementor-element-b5e5584.xpro-widget-bg-overlay > .elementor-widget-container:before{transition:background 0.3s;}@media(min-width:768px){.elementor-7942 .elementor-element.elementor-element-4ab45ed{--content-width:1140px;}.elementor-7942 .elementor-element.elementor-element-e67f022{--width:700px;}.elementor-7942 .elementor-element.elementor-element-2da9e9c{--width:43%;}}/* Start custom CSS for button, class: .elementor-element-b5e5584 */.btn4{
  border-radius: 8px;  /*defina o arredondamento aqui*/
  text-shadow: none; 
  background: transparent !important;  /*defina a cor do BG aqui*/
  border: 1px solid #ffffff80; /*configure a borda*/
  transition: 0.5s ease;
}

.btn4:hover,:focus {
  background: #6121ff; /*defina a cor do BG no hover*/
  border: 1px solid #6121fff;/*configure a borda no hover*/
  text-shadow: 0 0 5px #ffffff, /*defina o brilho no texto aqui*/
              0 0 10px #ffffff, /*defina o brilho no texto aqui*/
              0 0 20px #ffffff; /*defina o brilho no texto aqui*/
  box-shadow: 0 0 5px #6121ff, /*defina o brilho do hover aqui*/
              0 0 20px #6121ff, /*defina o brilho do hover aqui*/
              0 0 50px #6121ff, /*defina o brilho do hover aqui*/
              0 0 100px #6121ff; /*defina o brilho do hover aqui*/
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2da9e9c */.card {
  isolation: isolate;
}

.media-object {
  --border-width: 2px; /* Variável para largura da borda */
  --radius: 24px; /* Variável para raio da borda */
  position: relative;
  border-radius: var(--radius); 
  border: var(--border-width) solid transparent; 
  width: 500px; /* Largura do objeto */
  height: 200px; /* Altura do objeto */
}

.media-object::before {
  content: " ";
  position: absolute; 
  inset: calc(var(--border-width) * -1);
  border: inherit; 
  border-radius: inherit;
  background-image: conic-gradient(from var(--angle), #2267c7 80%, #34e0e0 88%, #34e0e0 92%, #2267c7 100%); /* Gradiente cônico */
  background-origin: border-box; 
  -webkit-mask:
    linear-gradient(black, black) content-box,
    linear-gradient(black, black);
  mask: linear-gradient(black, black),
        linear-gradient(black, black);  
  -webkit-mask-clip: content-box, border-box;
  mask-clip: content-box, border-box;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  animation: spin 3s linear infinite; /* Animação giratória */
}

.media-object:hover::before {
  animation-play-state: paused; /* Pausa a animação ao passar o mouse */
}

@property --angle {
  syntax: "<angle>"; 
  inherits: true;
  initial-value: 0turn; 
}

@keyframes spin {
  to {
    --angle: 1turn; /* Animação para girar o gradiente */
  }
}/* End custom CSS */