/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */
.hero-img {
background-image: linear-gradient(180deg, rgba(13,110,253,0.08), rgba(13,110,253,0.0)),
url('https://images.unsplash.com/photo-1545486332-9e0997c5569c?q=80&w=1600&auto=format&fit=crop');
background-size: cover; background-position: center;
border-radius: 1rem;
}
.site-img {
background-image: url('https://images.unsplash.com/photo-1504270997636-07ddfbd48945?q=80&w=1400&auto=format&fit=crop');
background-size: cover; background-position: center;
}
.sticky-cta { position: fixed; left: 50%; bottom: 1rem; transform: translateX(-50%); padding-inline: 1.25rem; z-index: 1030; }
@media (min-width: 768px) { .sticky-cta { display: none; } }


.card:hover {
  transform: translateY(-2px);
  transition: transform 0.15s ease-in-out;
}

[data-bs-toggle="tooltip"] {
  cursor: pointer;
}

[data-bs-toggle="tooltip"] i {
  font-size: 1.1rem;
}