/* Theme Name: The Project - Responsive Website Template
Author:HtmlCoder
Author URI:http://www.htmlcoder.me
Author e-mail:htmlcoder.me@gmail.com
Version:1.0.0
Created:December 2014
License URI:http://support.wrapbootstrap.com/
File Description: Place here your custom CSS styles
*/


html { scroll-behavior: smooth; }

/* Minor Ailments grid – equal height cards + tidy icon alignment */
#minor-ailments .row.text-center {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch; /* make columns stretch to the tallest in the row */
}

#minor-ailments .row.text-center > [class*="col-"] {
  display: flex;            /* let the column act as a flex item */
  margin-bottom: 20px;      /* keep spacing consistent (since mb-4 is BS4, not BS3) */
}

#minor-ailments .feature-box {
  display: flex;
  flex-direction: column;
  justify-content: space-between; /* pushes CTA button to bottom nicely */
  width: 100%;
  height: 100%;
  padding: 20px;
  border: 1px solid #eee;
  border-radius: 6px;
  background: #fff;
  text-align: center;
}

#minor-ailments .feature-box i.fa {
  line-height: 1;           /* avoids odd vertical offset for certain icons (e.g., fa-circle-o) */
  margin-bottom: 10px;
}

/* Bootstrap 3 clearfix safety nets for floats (in case older browsers ignore flex) */
@media (min-width: 992px) {
  #minor-ailments .col-md-4:nth-child(3n+1) { clear: left; }
}
@media (min-width: 768px) and (max-width: 991px) {
  #minor-ailments .col-sm-6:nth-child(2n+1) { clear: left; }
}

/* Replace BS4 spacing classes that don't exist in BS3 */
#jump-to { margin-top: 40px; margin-bottom: 20px; }