body {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  color: #000000;
  margin: 0;
  padding: 0;
}

h2,h3{
    color: #0b2e4f !important;
}

.importance-image {
  display: block;
  margin: 0 auto;     /* Center the image */
  max-width: 100%;    /* Responsive */
  height: auto;       /* Maintain proportion */
}


/* Banner Wrapper */
.shopping-banner {
  height: 350px;   /* Adjust as needed */
  overflow: hidden;
}


/* Banner Image - Perfect Fit */
.shopping-banner-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Heading Wrapper */
.shopping-banner-heading-wrapper {
  z-index: 2;
}

/* Heading Text */
.shopping-banner-heading {
  background: rgba(255, 255, 255, 0.7); /* optional soft background */
  padding: 10px 25px;
  border-radius: 10px;
  font-size: 32px;
}


/* Section Overall Styling */
.shopping-accessibility {
  background-color: #f8f9fa; /* Light clean BG (optional) */
  padding-top: 60px;
  padding-bottom: 60px;
}

/* H2 Heading Styling */
.shopping-accessibility h2 {
  font-size: 32px;
  font-weight: 700;
  color: #222;
  line-height: 1.4;
}

/* Paragraph Styling */
.shopping-accessibility p {
  font-size: 18px;
  color: #444;
  line-height: 1.8;
  margin-bottom: 20px;
}

/* Optional: Make section more clean & centered on big screens */
@media (min-width: 992px) {
  .shopping-accessibility h2 {
    font-size: 36px;
  }

  .shopping-accessibility p {
    font-size: 19px;
  }
}



/* Entire Section Styling */
.shopping-importance {
  background-color: #f8f9fa;
}

/* H2 Styling */
.shopping-importance h2 {
  font-size: 32px;
  font-weight: 700;
  color: #222;
  line-height: 1.4;
}

/* H3 Styling */
.shopping-importance h3 {
  font-size: 24px;
  font-weight: 600;
  color: #333;
}

/* Paragraph Styling */
.shopping-importance p {
  font-size: 18px;
  color: #444;
  line-height: 1.8;
}

/* Bullet List Styling */
.solution-list {
  max-width: 600px;
  font-size: 18px;
  color: #444;
  line-height: 1.8;
}

.solution-list li {
  margin-bottom: 10px;
}

/* BOX Styling */
.shopping-box {
  background: #ffffff;
  border: 2px solid #0d6efd; /* Bootstrap primary color border */
  padding: 20px 25px;
  border-radius: 10px;
  box-shadow: 0px 4px 12px rgba(0,0,0,0.08);
}


/* Section Styling */
.shopping-process {
  background-color: #ffffff;
  padding-top: 60px;
  padding-bottom: 60px;
}

/* H2 Styling */
.shopping-process h2 {
  font-size: 32px;
  font-weight: 700;
  color: #222;
  line-height: 1.4;
}

/* H3 Styling */
.shopping-process h3 {
  font-size: 24px;
  font-weight: 600;
  color: #333;
}

/* Paragraph Styling */
.shopping-process p {
  font-size: 18px;
  color: #444;
  line-height: 1.8;
}

/* Bullet List */
.shopping-list {
  max-width: 600px;
  font-size: 18px;
  color: #444;
  line-height: 1.8;
}

.shopping-list li {
  margin-bottom: 10px;
}

/* Info Box */
.shopping-process-box {
  background: #f8f9fa;
  border: 2px solid #0d6efd;
  padding: 20px 25px;
  border-radius: 10px;
  box-shadow: 0px 4px 12px rgba(0,0,0,0.08);
}


/* Testimonials Section */
.testimonials-section {
  background-color: #f8f9fa;
}

.ts-main-heading {
  font-size: 2.3rem;
  font-weight: 700;
  color: #222;
}

.testimonial-box {
  background: #ffffff;
  border-radius: 14px;
  padding: 25px 30px;
  margin-bottom: 25px;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.07);
  transition: transform 0.2s ease-in-out;
}

.testimonial-box:hover {
  transform: translateY(-4px);
}

.ts-text {
  font-size: 1.05rem;
  color: #444;
  line-height: 1.7;
  margin-bottom: 12px;
}

.ts-author {
  font-size: 0.95rem;
  font-weight: 700;
  color: #0d6efd;
  margin: 0;
}


/* Families Trust Section */
.families-trust-section {
  background-color: #f8f9fa;
  padding-top: 60px;
  padding-bottom: 60px;
}

/* H2 Styling */
.ft-main-heading {
  font-size: 32px;
  font-weight: 700;
  color: #222;
  line-height: 1.4;
}

/* Bullet List Styling */
.trust-list {
  max-width: 650px;
  font-size: 18px;
  color: #444;
  line-height: 1.8;
  margin: 0 auto;
  padding-left: 0;
}

.trust-list li {
  margin-bottom: 15px;
  list-style-type: disc;
  padding-left: 20px;
}




/* Extra Benefits Section */
.extra-benefits-section {
  background-color: #f8f9fa;
  padding-top: 60px;
  padding-bottom: 60px;
}

/* H2 Styling */
.eb-main-heading, .hs-main-heading {
  font-size: 32px;
  font-weight: 700;
  color: #222;
  line-height: 1.4;
}

/* Bullet List Styling */
.extra-benefits-list {
  max-width: 650px;
  font-size: 18px;
  color: #444;
  line-height: 1.8;
  margin: 0 auto;
  padding-left: 20px;
}

.extra-benefits-list li {
  margin-bottom: 12px;
}

/* Paragraph Styling */
.hs-text {
  font-size: 18px;
  color: #444;
  line-height: 1.8;
}

/* Button Styling */
.btn-primary {
  background-color: #0d6efd;
  border-color: #0d6efd;
  padding: 12px 28px;
  font-size: 18px;
  border-radius: 8px;
  transition: all 0.2s ease-in-out;
}

.btn-primary:hover {
  background-color: #0b5ed7;
  border-color: #0b5ed7;
  transform: translateY(-2px);
}