.features-wrapper {
    display: none;
  }

  @media (min-width: 768px) {
    .features-wrapper {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 20px;
      padding: 20px 0;
    }
  }

  .singular-plan--wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    border: 1px solid var(--border-color);
    padding: 20px 0;
    border-radius: 10px;
  }

  .featured-single-plan {
    background: linear-gradient(white, white) padding-box,
      linear-gradient(
          to right,
          var(--primary-color),
          var(--secondary-color)
        )
        border-box;
    border-radius: 10px;
    border: 1px solid transparent;
  }

  .singular-plan--header {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    height: 150px;
  }

  .featured-single-plan::before {
    content: "Recomendado";
    position: relative;
    top: -40px;
    /* background: linear-gradient(90deg, var(--primary-color) 0%, var(--secondary-color) 100%); */
    background-color: var(--secondary-color);
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    padding: 8px 12px;
    border-radius: 10px;
    margin-bottom: -56px;
  }

  .singular-plan-features--wrapper {
    width: 100%;
    list-style: none;
    display: flex;
    flex-direction: column;
    /* gap: 10px; */
    padding: 0 20px;
    /* text-align: center; */
  }

  .singular-plan-features--wrapper li {
    display: flex;
    width: 100%;
    /* border-bottom: 1px solid var(--border-color); */
    padding: 8px;
    align-items: center;
    gap: 10px;
  }

  .auxiliar-features-listing li {
    justify-content: flex-start;
    display: block;
    min-height: 51px;
  }

  .included-feature::before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAAoCAYAAABjPNNTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAANVSURBVHgB3VhLTttAGP7GNqy6yA2anqB0hyhI7gkKJyhelodITkA4AUgFdVMp4QSkJ8AoUHVX9wbpDbKousBOpv8Y44yfGT8Sq/0kK7ZnxvPln//xzQD/ABhqwOZn3jY8tOljLXC0OMNYvDdewLEtNkFFlCJp9nnL+4MP4pZImRDksuEQaYfNcH1/zGyUQCGSPrnf6NCokwXEUuFbmKH3cMCui4xTJrn9iffKkotDkCXLWqqWXUjSJH/zpuiLW9QNjjMi2lvULZekIDid4ZZztLEsMAyNR1h2NzvAtKyGlRAU4Nj11nCT1yWV5MoISlPuXPLzrMZUkkTwdIUEfXCg8/aSd9LaEj65c8X3iWAfzWBiuHgV9880S56iObS8dT/NRRAhGVixjSbB0THPeSQXR0gSwRM0j4Q1Q5IioulnA0sA/fkx02D6F38SH/kDooUjJOnN8B7LAMdk6uHd6IDdiUtUGYVRprzk8nKbWAIofVjfu2yM+YyvVca5a3OjzUkuI2BI8YyO2fD5ceuKb4h8qDSUzfnIlmyjRpAFL+4PWbi0wud15Jc/GRzpJJUkGE0+EAFAH+nmdHNGRyxsFzq0Spk1UBCui7PAx+4or07i1UlEMgXKnvyOVHy/ijvJllTai2jrc4uPDtmAfMcKG4NIlgPFF8ukdFABIUnKX0okablvNp9yaoJoPJJ9wcDKlVn61jhBku5spcG0bDr5V5zozMWbeCTTROcoCZrHmVMLQIHgFPhAgui3LgvHF43kNJDv/0ScpKHhKwogjahPsGIkB3BktwlJ2h/9lzYKII2oiOSqSopW9UJ+jqYg2hTFi/siPBPdvuIDfyyvXl6nLu4ic8gPoqhPDfzgrDlNSVYcPBwxS34X0ZOBbO+iIfiFwE2qpMT2IUgjNpoACZKIYgqQulukzdCekjitEUKQ0DJfZ7Slg/yzTf55uxL/5BjSccteVnPmCQb551inOrxsiwpVRWeb1oI++RAWDY5Bat//iCWWJV1OPzVQHjylZemhBogo1nTs+3seBRQ7RBV+ukZHMMA+ykAoLS2q2FVQ7jhaJH0du1ynzdKMKgzLVvW+T4tKpmGoarlaSMax9YW/1B8pC8zQEof7ZOnJlOHX+iPGeeeO/xX+AvqZbMuJT4GjAAAAAElFTkSuQmCC");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
  }

  .non-included-feature::before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAlCAYAAADFniADAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALiSURBVHgBxVjbkdowFJW1zPBLCeST4WHcAVQQqGA3FSSpAFNBSAXZEnYriFMB7+Ez7iB888w5XtnDGttIxgtnRki2Jfvo6t5zhSxhiPF4XHl4eOihaVuW1UGpHI/Havgc1z6uWSb7/f7VcRxPGMLS7TifzzuoBigdYQCSROVhIsNareZrjbnUYbVaVXe73S9TMkk4HA5DlBGstxZ5SU2n029Syh+iQCjL9RuNxiStj0x7MJvNnosmRND/UMaccFqfREvBf8ao2uKDweW0bduN35cJhEa3IBR8XMrBYrF4jN+3YoRc8RZht8S6VCo5p5EZWYpRdgdCREVFd4SIFB4U7tQG6Jw6fkBKCWNP3BH0r6jNH2jHo8F4Ct+LZj9P6KOyXC4/B6ToS9CNJ51RzGlY5k/NZrOPiTjqw0mYqH5dtLtCE5CIYAnldrvtCH14YYqgIoNYN4EYCXXDfiDmCX20mfC5fLbuCJDoQVciDUsg9o4QoWRGFxUSk3ipiVBym/I7hZiXQshIZqBZtoWB/xRDE6xJJCup5hViTHokcxAizixWBKHw3VLkRwXRcia4KjN8FVfgGlLc7vbjN5nDUqJSn5TadBkTijs1QzlsZ8jFRZCP5AZfmCEx7BE1fy/IhREpX3eAUvS0sE+UC1R9YQCI+ZTL92owxrugQ2fEMAntleCk8f6JVGlAy8RUdBVdWWEfEGNypZ9hWV2hDy/4Dn/wggHC2xV3BqzqBJbixWaz+SmuCOGCQNcIljogRT/BJmsk7ghY6UvYjsST1jKJxCLBfAfD+CJOSlnLKHwLIuQjMwxP771LM9QVOPx3cSMoQt342cJZ7sM/1hEs5orbEfLjzxITcr1eHyqLfUhEZhFKJUXQYtSNop2fTg1CThohQuvQDCcwT6gGUPSqyA8PhNxWq/XnUkftkzyC5NR/xI7mkDWIPKN+0SGTi1QI5rRyuWxjGdrqvPN0S01poTJPs/bwWfgPboK9kr0Y6lEAAAAASUVORK5CYII=");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
  }

  @media (min-width: 768px) {
    .included-feature::before {
      width: 35px;
      height: 35px;
    }

    .non-included-feature::before {
      width: 35px;
      height: 35px;
    }

    .singular-plan-features--wrapper li {
      justify-content: center;
    }

    .singular-plan-features--item .hide-on-desktop {
      display: none;
    }
  }

  /*SECTION*/

  .plan-listing-wrapper {
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding: 50px 0;
  }

  @media (min-width: 768px) {
    .plan-listing-wrapper {
      flex-direction: row;
      gap: 15px;
    }
  }