/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 03 2024 | 04:50:08 */
html {
  scroll-behavior: smooth;
}

.footer-link {
	color: white;
}

.main-btn div.jet-button__state.jet-button__state-hover {
	border-radius: 10px 10px 10px 0px !important;
}

.elementor-accordion-item {
	margin-bottom: 12px;
	border-radius: 12px !important;
}

.bg-form {
	background-color: white;
	padding: 48px;
	border-top-right-radius: 16px;
	border-top-left-radius: 16px;
}

.btn-form {
	width: 100%;
	border-bottom-right-radius: 16px;
	border-bottom-left-radius: 16px;
	padding-top: 28px;
	padding-bottom: 28px;
	background-color: #61AEFA;
	border: none;
	color: white;
	font-size: 20px;
	font-weight: bold;
}

.btn-form:hover {
	background-color: #59A9F7;
}

.form-message {
	color: #1E4757;
	font-weight: bold;
	margin-bottom: 18px;
}

input.wpcf7-form-control {
	border-top: 0px !important;
	border-left: 0px !important;
	border-right: 0px !important;
}

input {
	border-radius: 0px !important;
	border: 0px 0px 1px 0px solid #B1B5B5 !important;
}

.input:focus-visible {
	outline: none !important;
	border: none !important;
}

::-webkit-scrollbar {
  width: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #CC99FF;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #B78AE4;
}

select {
  border: none; /* Quitar el borde */
  outline: none; /* Quitar el borde de enfoque */
  background: transparent; /* Opcional: hacer el fondo transparente */
  appearance: none; /* Opcional: quitar la flecha nativa en algunos navegadores */
}