/* NoorVista 3.0.211 — balanced six-card selected-services layout */

.nv-quick-service--botox,
.nv-quick-service--checkup {
  position: relative;
  overflow: hidden;
}

.nv-quick-service--botox {
  background: linear-gradient(135deg, #ffffff 0%, #fff7fb 52%, #f0fbff 100%);
  border-color: rgba(244, 114, 182, .28) !important;
}

.nv-quick-service--checkup {
  background: linear-gradient(135deg, #ffffff 0%, #f2fbff 56%, #eefbf8 100%);
  border-color: rgba(14, 165, 198, .25) !important;
}

.nv-quick-service--botox::before,
.nv-quick-service--checkup::before {
  content: "";
  position: absolute;
  inset: auto -80px -120px auto;
  width: 280px;
  height: 280px;
  border-radius: 50%;
  pointer-events: none;
}

.nv-quick-service--botox::before {
  background: radial-gradient(circle, rgba(244, 114, 182, .18), transparent 68%);
}

.nv-quick-service--checkup::before {
  background: radial-gradient(circle, rgba(14, 165, 198, .16), transparent 68%);
}

.nv-quick-service--botox .nv-quick-service__icon {
  color: #9d174d;
  background: linear-gradient(135deg, #fce7f3, #e0f2fe);
}

.nv-quick-service--checkup .nv-quick-service__icon {
  color: #075985;
  background: linear-gradient(135deg, #e0f2fe, #ccfbf1);
}

.nv-quick-service--botox .nv-quick-service__link {
  color: #9d174d;
}

.nv-quick-service--checkup .nv-quick-service__link {
  color: #087e98;
}

/* Use real image elements. The previous background-image workaround hid the Botox image
   when older media sizing rules collapsed the wrapper. */
.nv-quick-service--botox .nv-quick-service__media img,
.nv-quick-service--checkup .nv-quick-service__media img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  opacity: 1 !important;
  visibility: visible !important;
  object-fit: cover !important;
}

.nv-quick-service--botox .nv-quick-service__media img {
  object-position: center 38% !important;
}

.nv-quick-service--checkup .nv-quick-service__media img {
  object-position: center 44% !important;
}

/* Six cards form a clean 3 × 2 desktop grid. */
@media (min-width: 1100px) {
  body.nv-home-page .nv-quick-services__grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 22px !important;
    align-items: stretch !important;
  }

  body.nv-home-page .nv-quick-services__grid > .nv-quick-service {
    grid-column: auto !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
  }

  body.nv-home-page .nv-quick-services__grid > .nv-quick-service .nv-quick-service__media {
    min-height: 0 !important;
  }

  body.nv-home-page .nv-quick-services__grid > .nv-quick-service .nv-quick-service__body {
    flex: 1 1 auto;
    align-self: stretch !important;
  }
}

@media (min-width: 720px) and (max-width: 1099px) {
  body.nv-home-page .nv-quick-services__grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px !important;
  }

  body.nv-home-page .nv-quick-services__grid > .nv-quick-service {
    grid-column: auto !important;
    width: auto !important;
    justify-self: stretch !important;
    display: flex !important;
    flex-direction: column !important;
  }
}

@media (max-width: 719px) {
  body.nv-home-page .nv-quick-services__grid {
    grid-template-columns: 1fr !important;
  }

  body.nv-home-page .nv-quick-services__grid > .nv-quick-service {
    width: 100% !important;
    grid-column: auto !important;
  }

  body.nv-home-page .nv-quick-service--botox .nv-quick-service__media,
  body.nv-home-page .nv-quick-service--checkup .nv-quick-service__media {
    aspect-ratio: 16 / 9;
  }
}

@media (max-width: 560px) {
  body.nv-home-page .nv-quick-service--botox .nv-quick-service__body,
  body.nv-home-page .nv-quick-service--checkup .nv-quick-service__body {
    padding: 20px;
  }

  body.nv-home-page .nv-quick-service--botox .nv-quick-service__description,
  body.nv-home-page .nv-quick-service--checkup .nv-quick-service__description {
    line-height: 1.9;
  }
}