/*
  macros/why-choose-item.css
  Styles for the why_choose_item macro and its list container.
*/

.why-choose-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.why-choose-list__item {
  display: flex;
  align-items: start;
  gap: 10px;

  &::before {
    content: '';
    display: flex;
    min-width: 30px;
    height: 40px;
    margin-top: 2px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='20' viewBox='0 0 480 512'%3E%3Cpath d='M106.75,215.06L1.2,370.95C-1.88,375.95 1.3,382.45 7.13,383.09L215.39,405.16L106.75,215.06ZM7.41,315.43L82.7,193.08L6.06,147.1C3.39,145.5 0,147.42 0,150.53L0,313.34C0,317.37 5.29,318.87 7.41,315.43ZM18.25,423.6L212.65,511.26C217.95,513.71 224,509.83 224,504L224,438.33L20.45,416.03C16,415.53 14.22,421.62 18.25,423.6ZM99.47,165.82L179.4,22.88C183.74,15.82 175.81,7.63 168.62,11.74L17.81,110.35C15.34,111.97 15.42,115.61 17.94,117.13L99.47,165.82ZM130.79,176L349.21,176L253.63,7.62C250.5,2.54 245.25,0 240,0C234.75,0 229.5,2.54 226.37,7.62L130.79,176ZM473.94,147.1L397.3,193.09L472.59,315.44C474.7,318.88 480,317.38 480,313.34L480,150.53C480,147.42 476.61,145.5 473.94,147.1ZM380.53,165.82L462.06,117.12C464.59,115.6 464.66,111.96 462.19,110.34L311.38,11.74C304.19,7.63 296.26,15.82 300.6,22.88L380.53,165.82ZM459.55,416.03L256,438.32L256,503.99C256,509.83 262.05,513.7 267.35,511.25L461.75,423.59C465.78,421.62 464,415.53 459.55,416.03ZM373.25,215.06L264.62,405.16L472.88,383.09C478.71,382.44 481.89,375.95 478.81,370.95L373.25,215.06ZM340.43,208L139.57,208L240,383.75L340.43,208Z' fill='currentColor' fill-rule='nonzero'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }

  & > div {
    padding-left: 10px;
  }
}