.elementor-7 .elementor-element.elementor-element-d22e324{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-d22e324:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-d22e324 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8FAFC;}/* Start custom CSS */P{
    margin-bottom: 0px;
}

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

body::-webkit-scrollbar{
    width: 3px;
}

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

body::-webkit-scrollbar-thumb{
    background: #00565F;
    border-radius: 10px;
}

*::selection{
    color: #fff;
    background: blue;
}

.line {
 border-top: 2px solid;
 border-image: linear-gradient(to right, transparent, #326ee540, transparent) 50;
}


.card {
  /* Estilos iniciais */
  background-color: #fff;
  border-radius: 10px;
  transition: all 0.3s ease; /* Transição suave para todas as propriedades */
  box-shadow: 0 2px 5px rgba(0,0,0,0.1); /* Sombra inicial leve */
}

.card:hover {
  /* Efeito no hover */
  transform: translateY(-10px); /* Move o elemento 10px para cima */
  box-shadow: 0 10px 20px rgba(0,0,0,0.2); /* Sombra mais intensa e espalhada */
}

/* Prepara o texto para receber a linha */
.linha-abaixo {
    position: relative;
    display: inline-block; /* Faz a linha ter o tamanho exato do texto, e não da tela toda */
    padding-bottom: 8px; /* Controla o espaço entre o texto e a linha */
}

/* Cria a linha em si */
.linha-abaixo::after {
    content: '';
    position: absolute;
    left: 50%; 
    transform: translateX(-50%);
    bottom: 0;
    width: 100px; /* Largura da linha (mude para ex: 50px se quiser uma linha curtinha) */
    height: 3px; /* Espessura da linha */
    background-color: #E9C176; /* Cor da linha (coloquei o seu magenta) */
    border-radius: 2px; /* Deixa as pontas levemente arredondadas */
}/* End custom CSS */