.elementor-211 .elementor-element.elementor-element-897abb7{--display:flex;--min-height:80vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--align-items:center;}.elementor-211 .elementor-element.elementor-element-897abb7:not(.elementor-motion-effects-element-type-background), .elementor-211 .elementor-element.elementor-element-897abb7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-ad98633 );}.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-211 .elementor-element.elementor-element-c51a9ff{width:var( --container-widget-width, 30% );max-width:30%;padding:5% 5% 5% 5%;--container-widget-width:30%;--container-widget-flex-grow:0;}.elementor-211 .elementor-element.elementor-element-c51a9ff .elementor-icon-box-wrapper{gap:15px;}.elementor-211 .elementor-element.elementor-element-dfd67f4{width:var( --container-widget-width, 30% );max-width:30%;padding:5% 5% 5% 5%;--container-widget-width:30%;--container-widget-flex-grow:0;}.elementor-211 .elementor-element.elementor-element-dfd67f4 .elementor-icon-box-wrapper{gap:15px;}.elementor-211 .elementor-element.elementor-element-5cf598c{width:var( --container-widget-width, 30% );max-width:30%;padding:5% 5% 5% 5%;--container-widget-width:30%;--container-widget-flex-grow:0;}.elementor-211 .elementor-element.elementor-element-5cf598c .elementor-icon-box-wrapper{gap:15px;}@media(min-width:768px){.elementor-211 .elementor-element.elementor-element-897abb7{--content-width:1200px;}}/* Start custom CSS for icon-box, class: .elementor-element-c51a9ff */.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: 400px; /* 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 */
/* Start custom CSS for icon-box, class: .elementor-element-dfd67f4 */.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: 400px; /* 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 */
/* Start custom CSS for icon-box, class: .elementor-element-5cf598c */.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: 400px; /* 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 */