:root {
  --card-radius: 16px;
  --card-border: rgba(0, 0, 0, 0.25);

  /* Shadows */
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.12);
  --shadow-md: 0 4px 6px rgba(0,0,0,0.15);
  --shadow-lg: 0 10px 15px rgba(0,0,0,0.2);
}

body{
    background-color: #F6F6F8;
}

.quality-banner{
    width: fit-content;
}
.center-align{
    width: fit-content;
    margin: 0 auto;
    align-items: center;
}
.fit-content
{
    width: fit-content!important;
}

/* Cards */
.cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 48px;
}

.card {
  border: 1px solid var(--card-border);
  border-radius: var(--card-radius);
  padding: 20px 22px;
  background: transparent; /* border-only look */
  box-shadow: var(--shadow-sm);
  transition: box-shadow 0.2s ease;
}

.card:hover { box-shadow: var(--shadow-lg); }

/* Zoho form layout tweaks */
.zpform-container .zpform-outer li {
  display: flex;
  justify-content: center;
}



/* NOTE: content-visibility is not meant to hide elements.
   If you truly want H2 hidden visually, use display:none or an sr-only helper. */
.zpform-container h2 { /* display: none; */ }

/* Misc */
.logo-faded { opacity: 0.3; }

.icon-medium img {
  height: 64px !important;
  width: auto;
}

/* Respect reduced-motion preferences */
@media (prefers-reduced-motion: reduce) {
  * { transition: none !important; }
}


.theme-blog-container{
	max-width: 750px;
    margin: auto!important;
}