/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

.custom-list {
  list-style: none;      /* no native bullets */
  margin: 0 0 20px 0;    /* bottom margin 20px */
  padding: 0;
}

.custom-list li {
  position: relative;
  padding-left: 28px;    /* space for bullet + gap */
  padding-top: 4px;
  padding-bottom: 4px;
}

.custom-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px; /* match li's padding-top so bullet aligns with text top */
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;

  /* SVG bullet in #65BC56 */
  background-image: url('data:image/svg+xml;utf8,\
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">\
<path fill="%2365BC56" d="M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zM337 209L209 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L303 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"/>\
</svg>');
}


/* pink list */

.custom-list-pink {
  list-style: none;      /* no native bullets */
  margin: 0 0 20px 0;    /* bottom margin 20px */
  padding: 0;
}

.custom-list-pink li {
  position: relative;
  padding-left: 28px;    /* space for bullet + gap */
  padding-top: 4px;
  padding-bottom: 4px;
}

.custom-list-pink li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px; /* match li's padding-top so bullet aligns with text top */
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;

  /* SVG bullet in #ef518a */
  background-image: url('data:image/svg+xml;utf8,\
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">\
<path fill="%23ef518a" d="M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zM337 209L209 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L303 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"/>\
</svg>');
}


.custom-ol {
  list-style: none; /* Remove native numbers */
  margin: 0;
  padding: 0;
  counter-reset: custom-counter;
}

.custom-ol li {
  position: relative;
  counter-increment: custom-counter;
  padding: 0px 0 10px 36px; /* Top, Right, Bottom, Left */
}

.custom-ol li::before {
  content: counter(custom-counter);
  position: absolute;
  left: 0;
  top: 4px; /* Align with li padding-top */
  width: 20px;
  height: 20px;
  background-color: #65BC56; /* Matches SVG color */
  color: #fff; /* White number text */
  border-radius: 1.875px; /* Matches SVG's exact corner rounding */
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8em;
  font-weight: bold;
  line-height: 1;
}