::root{
		--size:1px;
	}
.custom-select {
  min-width: 100%;
  position: relative;
}

html,body{ max-width:100%; overflow-x:hidden !important;  }
.fantasma{ pointer-events:none !important; }
.custom-select select {
  appearance: none;
  width: 100%;
  font-size: 1rem;
  padding: 0.65em 6em 0.65em 1em;
  background-color: #F5F5F5;
  border: 0;
  border-radius:5rem;
  color: #707070;
  cursor: pointer;
}

.custom-select::before,
.custom-select::after {
  --size: 0.3rem;
  content: "";
  position: absolute;
  right: 1rem;
  pointer-events: none;
}

.custom-select::before {
  border-left: var(--size) solid transparent;
  border-right: var(--size) solid transparent;
  border-bottom: var(--size) solid black;
  top: 40%;
}

.custom-select::after {
  border-left: var(--size) solid transparent;
  border-right: var(--size) solid transparent;
  border-top: var(--size) solid black;
  top: 55%;
}

.custom-input::placeholder{ color:#ccc; }
.custom-input{ 

  width: 100%;
  font-size: 1rem;
  padding: 0.65em 6em 0.65em 1em !important;
  background-color: #F5F5F5;
  border: 0 !important;
  border-radius:5rem !important;
  color: #707070;
  cursor: pointer;

}







.pendulo {
	/* Define o ponto de origem da rotação (topo da imagem) */
	transform-origin: top center;
	/* Aplica a animação */
	animation: pendulo 2s ease-in-out infinite;
	/* Centraliza a imagem na tela */
	display: block;
	margin: 50px auto;
}

/* Define a animação do pêndulo */
/* Define a animação do pêndulo */
    @keyframes pendulo {
      0% {
        transform: rotate(3deg); /* Ângulo inicial */
      }
      50% {
        transform: rotate(-3deg); /* Ângulo oposto */
      }
      100% {
        transform: rotate(3deg); /* Retorna ao ângulo inicial */
      }
    }

.gira {
	/* Define o ponto de origem da rotação (topo da imagem) */
	transform-origin: center center;
	/* Aplica a animação */
	animation: gira 20s linear infinite;
	/* Centraliza a imagem na tela */
	display: block;
	
}


/* Define a animação do pêndulo */
@keyframes gira {
	0% {
		transform: rotatey(0deg); /* Ângulo inicial */
	}
	100% {
		transform: rotatey(360deg); /* Retorna ao ângulo inicial */
	}
}




.flutua {
      /* Centraliza a imagem na tela */
      display: block;
      margin: 50px auto;
      /* Aplica a animação de flutuação */
      animation: flutuar 3s ease-in-out infinite;
    }



.flutua2 {
      /* Centraliza a imagem na tela */
      display: block;
      margin: 50px auto;
      /* Aplica a animação de flutuação */
      animation: flutuar 3.5s ease-in-out infinite;
    }


.flutua3 {
      /* Centraliza a imagem na tela */
      display: block;
      margin: 50px auto;
      /* Aplica a animação de flutuação */
      animation: flutuar2 2.5s ease-in-out infinite;
    }

    /* Define a animação de flutuação */
    @keyframes flutuar {
      0% {
        transform: translateY(0); /* Posição inicial */
      }
      50% {
        transform: translateY(-10px); /* Sobe 20px */
      }
      100% {
        transform: translateY(0); /* Retorna à posição inicial */
      }
    }

    /* Define a animação de flutuação */
    @keyframes flutuar2 {
      0% {
        transform: translateY(0); /* Posição inicial */
      }
      50% {
        transform: translateY(-6px); /* Sobe 20px */
      }
      100% {
        transform: translateY(0); /* Retorna à posição inicial */
      }
    }

.nuvem {
      /* Centraliza a imagem na tela */
      /* Aplica a animação de flutuação */
      animation: nuvem 2.5s ease-in-out infinite;
    }

    /* Define a animação de flutuação */
    @keyframes nuvem {
      0% {
        transform: scale(1.05); /* Posição inicial */
      }
      50% {
        transform: scale(1); /* Sobe 20px */
      }
      100% {
        transform: scale(1.05); /* Retorna à posição inicial */
      }
    }


.elementor-custom-embed-play {
    background: #7D8CF0 !important;
    padding: 2rem;
    border-radius: 100%;
    width: 150px;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 0px 0px #7D8CF0;
    transition: all .25s ease;

}

.elementor-custom-embed-play:hover {
    box-shadow: 0 0 0px 10px #7D8CF0;
    transition: all .25s ease;

}