.products-wrap .products-hero,
.products-wrap .tg-ss-section,
.products-wrap .services-page-section,
.contact-hero,
.contact-cards-section {
  background: transparent;
}

.products-wrap .products-hero {
  padding: 0 0 22px;
}

.products-wrap .tg-ss-section,
.products-wrap .services-page-section,
.contact-hero,
.contact-cards-section {
  padding: 0 0 22px;
}

.products-wrap .products-hero > .container,
.products-wrap .tg-ss-section > .container,
.products-wrap .services-page-section > .container,
.contact-hero > .container,
.contact-cards-section > .container {
  position: relative;
  overflow: hidden;
  padding: clamp(24px, 4vw, 34px);
  border-radius: 34px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(245, 249, 255, 0.84)),
    var(--card-strong);
  border: 1px solid var(--border);
  box-shadow: var(--shadow);
}

.products-wrap .products-hero > .container::before,
.products-wrap .tg-ss-section > .container::before,
.products-wrap .services-page-section > .container::before,
.contact-hero > .container::before,
.contact-cards-section > .container::before {
  content: "";
  position: absolute;
  inset: 0 auto auto 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, rgba(37, 99, 235, 0.32), rgba(25, 183, 223, 0.18), transparent 68%);
}

.contact-hero {
  border-bottom: 0;
}

.contact-hero > .container {
  background:
    radial-gradient(1000px 460px at 88% -18%, rgba(37, 99, 235, 0.14), transparent 62%),
    radial-gradient(860px 460px at -8% 104%, rgba(6, 182, 212, 0.12), transparent 62%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(245, 249, 255, 0.84));
}

html[data-bs-theme="dark"] .products-wrap .products-hero > .container,
html[data-bs-theme="dark"] .products-wrap .tg-ss-section > .container,
html[data-bs-theme="dark"] .products-wrap .services-page-section > .container,
html[data-bs-theme="dark"] .contact-hero > .container,
html[data-bs-theme="dark"] .contact-cards-section > .container {
  background:
    linear-gradient(180deg, rgba(18, 24, 21, 0.96), rgba(12, 17, 14, 0.94)),
    var(--card-strong);
}

html[data-bs-theme="dark"] .contact-hero > .container {
  background:
    radial-gradient(1000px 460px at 88% -18%, rgba(77, 134, 255, 0.16), transparent 62%),
    radial-gradient(860px 460px at -8% 104%, rgba(42, 199, 226, 0.12), transparent 62%),
    linear-gradient(180deg, rgba(18, 24, 21, 0.96), rgba(12, 17, 14, 0.94));
}

html[data-bs-theme="dark"] .products-wrap .products-hero > .container::before,
html[data-bs-theme="dark"] .products-wrap .tg-ss-section > .container::before,
html[data-bs-theme="dark"] .products-wrap .services-page-section > .container::before,
html[data-bs-theme="dark"] .contact-hero > .container::before,
html[data-bs-theme="dark"] .contact-cards-section > .container::before {
  background: linear-gradient(90deg, rgba(77, 134, 255, 0.32), rgba(42, 199, 226, 0.18), transparent 68%);
}

@media (max-width: 991.98px) {
  .contact-cards-section {
    padding: 0 0 18px;
  }
}

@media (max-width: 575.98px) {
  .products-wrap .products-hero {
    padding: 0 0 16px;
  }

  .products-wrap .products-hero > .container,
  .products-wrap .tg-ss-section > .container,
  .products-wrap .services-page-section > .container,
  .contact-hero > .container,
  .contact-cards-section > .container {
    padding: 20px 18px;
    border-radius: 24px;
  }

  .contact-hero {
    padding: 0 0 16px;
  }
}