/* TechNimbus custom additions - sits on top of the template's style.css/responsive.css */

.avatar-initials {
  width: 80px;
  height: 80px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #0b1539 0%, #1d6ef5 100%);
  color: #fff;
  font-family: Poppins, sans-serif;
  font-weight: 700;
  font-size: 22px;
  flex-shrink: 0;
}

/* h3 restored for proper heading hierarchy (service cards) - matches h4's styling */
h3 {
  font-family: Poppins, sans-serif;
  color: #050748;
  font-weight: 600;
  font-size: 22px;
  line-height: 32px;
}
.s-block h3 {
  margin: 0 0 10px;
}
@media only screen and (max-width: 991px) {
  h3 { font-size: 20px; line-height: 30px; }
}

/* Fix logo aspect-ratio distortion inside the flex header - max-height alone
   doesn't reliably preserve width via the image's natural aspect ratio here */
.dsk-logo .nav-brand img,
.nav-brand img,
.main-header.sticky .nav-brand img {
  width: auto;
}

/* Service icon depth - soft brand-gradient glow behind each illustration,
   using the site's existing peach-to-pink accent (see .bg-btn) */
.s-card-icon {
  position: relative;
  transition: transform 0.3s ease;
}
.s-card-icon::before {
  content: '';
  position: absolute;
  inset: -14px;
  z-index: -1;
  border-radius: 50%;
  background: linear-gradient(135deg, #ffbd84 0%, #ff1f8e 100%);
  opacity: 0.12;
  transition: opacity 0.3s ease;
}
.s-block:hover .s-card-icon {
  transform: translateY(-4px) scale(1.05);
}
.s-block:hover .s-card-icon::before {
  opacity: 0.22;
}