.background-p {
background: #10406A; /* Fallback for browsers that don't support gradients */
  background: linear-gradient(to bottom, #10406A, #3C91BC); /* Standard syntax */
}
/* Outros estilos podem ser adicionados conforme necessário */
.background-info
{
background: #e9f8ff;
}
.background-card
{
 border-radius: 24px;
background: #F9F9FA; 
}
.bg-section
{
 background: #104c6a; 
}
.background-blue-50
{
  background-color: #e9f8ff;
}
.mb-n10 {
  margin-bottom: -10rem !important;
}
.whatsapp-btn {
  position: fixed;
  width: 64px;
  height: 64px;
  bottom: 48px;
  right: 48px;
  background-color: #25D366; /* Cor do WhatsApp */
  color: #fff;
  border-radius: 100%;
  padding: 8px;
  font-size: 32px;
  text-align: center;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  text-decoration: none;
  transition: background-color 0.3s ease-in-out;
    z-index: 1000; /* Valor alto para sobrepor outros elementos */
}

.whatsapp-btn:hover {
  background-color: #128C7E; /* Cor do WhatsApp ao passar o mouse */
}
.mockup
{
  width: 716px;
  height: 417px;
  flex-shrink: 0;
}
.back-to-top {
  position: fixed;
  width: 48px;
  height: 48px;
  bottom: 64px;
  right: 40px;
  left: 40px;
  margin-inline-start: 100px;
  display: none;
  border-radius: 100%;
  padding: 10px;
  background-color: #10406A;
  color: white;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.back-to-top:hover {
  background-color: #27B4FC;
  color: #fff;
  border: none;
}
a {
  color: #10406A;
  text-decoration: none;
}
a:hover {
  color: #27B4FC;
}
.ilustra-size
{

height: 107px; 
}