<link href="css/style.css" rel="stylesheet" type="text/css">/*  about us page*/
/* 1. Target the specific sublist items within the parent style */
.ol-style-1 .check-sublist li {
  list-style: none; /* Remove default dots/numbers */
  counter-increment: none; /* Stop the numbering logic from the parent */
  position: relative; /* Keep this for positioning the checkmark */
  padding-left: 28px; /* Make space for the icon */
  margin-bottom: 8px; /* Add some spacing between items */
}

/* 2. Style the Checkmark (::before) to override the Number Circle */
.ol-style-1 .check-sublist li::before {
  content: "✔" !important; /* Force the checkmark content */
  color: #ffd700; /* Change to Yellow to match your reference image */

  /* The lines below RESET the yellow circle style from the parent */
  background: transparent !important;
  border: none !important;
  width: auto !important;
  height: auto !important;
  border-radius: 0 !important;
  font-size: 1.2em; /* Adjust size of the checkmark */
  line-height: normal;

  /* Positioning */
  position: absolute;
  left: 0;      /* ⬅ move tick to left of text */
  top: 2px;     /* fine vertical alignment */
}




.social-icons .fa-facebook-f {
    color: #1877F2;
}

.social-icons .fa-whatsapp {
    color: #25D366;
}

.social-icons .fa-instagram {
    color: #E4405F;
}

.social-icons .fa-linkedin {
    color: #0A66C2;
}

.social-icons .fa-youtube {
    color: #FF0000;
}

/* Optional: hover slightly darker for feedback */
.social-icons a:hover i {
    filter: brightness(0.85);
}