/* ============================================================
   SR ONLY
============================================================ */
/* Utility class to visually hide elements while keeping them 
accessible to screen readers for improved accessibility */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* ============================================================
   CLEARFIX
============================================================ */
/* Utility class to clear floats and ensure parent containers
encompass floated child elements for proper layout and spacing */
.clearfix::after {
  content: "";
  display: table;
  clear: both;
}