.elementor-2343 .elementor-element.elementor-element-69e53c18{--display:flex;--background-transition:0.3s;}@media(max-width:767px){.elementor-2343 .elementor-element.elementor-element-9d7d565 > .elementor-widget-container{margin:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-9d7d565 *//* HERO SECTION - DESKTOP */
.hero {
  text-align: center;
  padding-top: 140px;
  padding-bottom: 80px;
  background: radial-gradient(circle at top, #000);
}

.hero h1 {
  font-size: 48px;
  max-width: 900px;
  margin: 0 auto 20px;
  line-height: 1.2;
}

.hero p {
  font-size: 20px;
  max-width: 700px;
  margin: 20px auto 30px;
  color: rgba(255,255,255,.8);
}

/* HERO SECTION - MOBILE */
@media (max-width: 767px) {
  .hero {
    padding-top: 25px;
    padding-bottom: 40px;
  }

  .hero.section {
    padding-top: 25px;  /* override .section padding on mobile */
    padding-bottom: 40px;
  }

  .hero h1 {
    font-size: 24px;
    max-width: 90%;
    margin: 10px auto 10px;
    line-height: 1.2;
    padding: 0 10px;
  }

  .hero p {
    font-size: 14px;
    line-height: 1.4;
    margin: 5px auto 15px;
    max-width: 90%;
  }

  .btn {
    padding: 12px 24px;
    font-size: 14px;
  }
}
/* Whats Included - Mobile Stacking */
@media (max-width: 767px) {
  .grid {
    grid-template-columns: 1fr !important; /* force 1 column */
    gap: 20px; /* optional: smaller gap on mobile */
  }

  .grid .card {
    min-height: auto; /* allow cards to shrink if needed */
  }
}
/* Reduce spacing before "What's Included" section */
section.section:nth-of-type(3) {  /* 3rd section on the page */
  padding-top: 40px;  /* reduce top padding */
}
/* Reduce spacing before "Choose Your Care Plan" section */
section.section:nth-of-type(5) {  /* 5th section = Pricing */
  padding-top: 40px; /* bring it closer to the previous section */
}/* End custom CSS */