.deals-grid {
  display: grid;
  /* gap: 3rem; */
}
.deal {
  display: grid;
  gap: 3rem;
  align-items: center;
}
.deal .deal-icons {
  display: flex;
  gap: 0;
  flex-wrap: nowrap;
  justify-content: end;
  max-width: max-content;
}
.deal .deal-icons svg {
  fill: #fff;
  max-height: 1.85rem;
  width: 100%;
}
.deal .deal-icons .icon {
  position: relative;
  padding: 0 1rem;
}
.deal .deal-icons .icon:first-child {
  padding-left: 0;
}
.deal .deal-icons .icon:not(:last-child):after {
  content: "";
  height: 50%;
  width: 1px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  background: #fff;
}
.deal .deal-image {
  border-radius: 0.75rem;
  overflow: hidden;
  position: relative;
}
.deal .deal-image:before {
  content: "";
  height: 100%;
  width: 100%;
  background-image: url("data:image/svg+xml,%3Csvg width='801' height='681' viewBox='0 0 801 681' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M399.982 0.444222C345.642 3.95565 325.586 70.9068 276.124 90.5708C230.456 108.83 165.411 79.9195 127.874 108.947C90.4723 137.858 107.818 193.104 91.0144 233.837C75.9725 270.239 47.2439 300.671 33.5572 337.424C18.1088 378.625 -8.85815 422.166 4.69307 463.952C18.2443 505.621 71.3651 527.158 105.379 558.995C136.953 588.374 160.397 625.01 199.831 645.961C239.4 666.913 286.152 675.574 332.226 679.554C376.945 683.416 420.445 670.424 465.299 668.785C516.116 666.913 571.27 689.035 616.531 669.02C660.979 649.356 673.175 599.142 702.174 563.911C730.497 529.499 769.795 501.408 786.734 461.846C803.944 421.581 800.692 377.688 800.014 334.732C799.337 289.903 804.351 242.967 782.804 202.117C761.258 161.15 722.908 126.153 678.053 103.329C634.418 81.09 577.91 91.039 531.294 73.833C483.051 55.9247 452.561 -2.95016 399.982 0.444222Z' stroke='white' stroke-width='0.5' stroke-miterlimit='10'/%3E%3Cpath d='M400.119 39.6548C352.147 42.8151 334.26 101.924 290.489 119.364C250.107 135.517 192.514 109.883 159.314 135.634C126.249 161.267 141.561 210.076 126.655 246.127C113.375 278.315 88.0341 305.236 75.838 337.775C62.1513 374.294 38.3011 412.802 50.3617 449.672C62.2868 486.542 109.31 505.621 139.529 533.712C167.444 559.697 188.178 592.119 223.14 610.73C258.102 629.34 299.433 636.948 340.358 640.46C379.927 643.854 418.413 632.384 458.118 630.862C503.108 629.223 551.892 648.77 592.004 631.096C631.438 613.656 642.144 569.295 667.755 538.16C692.825 507.728 727.652 482.914 742.558 447.8C757.736 412.217 754.89 373.357 754.348 335.434C753.806 295.755 758.142 254.203 739.17 218.035C720.063 181.751 686.185 150.85 646.48 130.601C607.859 110.937 557.855 119.715 516.659 104.499C473.566 88.8148 446.599 36.6116 400.119 39.6548Z' stroke='white' stroke-width='0.5' stroke-miterlimit='10'/%3E%3Cpath d='M400.253 78.8655C358.515 81.5576 342.931 133.059 304.988 148.275C269.755 162.32 219.75 140.081 190.886 162.437C162.158 184.676 175.438 227.165 162.564 258.533C151.046 286.508 128.957 309.917 118.387 338.243C106.462 369.963 85.7289 403.438 96.1633 435.509C106.598 467.58 147.387 484.201 173.676 508.664C197.933 531.254 215.956 559.463 246.446 575.615C276.801 591.768 312.847 598.439 348.352 601.483C382.772 604.409 416.243 594.46 450.663 593.172C489.691 591.768 532.242 608.74 567.068 593.289C601.353 578.073 610.703 539.565 632.927 512.41C654.609 485.957 684.964 464.303 697.973 433.871C711.253 402.853 708.679 369.143 708.137 336.136C707.595 301.607 711.524 265.556 694.856 234.071C678.188 202.468 648.782 175.664 614.227 157.99C580.62 140.901 537.12 148.626 501.345 135.282C464.079 121.588 440.635 76.1734 400.253 78.8655Z' stroke='white' stroke-width='0.5' stroke-miterlimit='10'/%3E%3Cpath d='M400.39 118.077C364.886 120.418 351.741 164.193 319.354 177.069C289.406 189.008 246.855 170.046 222.327 189.008C197.935 207.969 209.182 244.02 198.206 270.707C188.314 294.467 169.613 314.365 160.669 338.477C150.506 365.398 132.889 393.958 141.833 421.23C150.641 448.502 185.468 462.548 207.692 483.382C228.29 502.578 243.603 526.572 269.485 540.267C295.368 553.962 325.858 559.697 356.078 562.272C385.348 564.73 413.806 556.303 443.077 555.249C476.277 553.962 512.459 568.475 542 555.366C571.136 542.491 578.995 509.718 597.967 486.659C616.397 464.186 642.144 445.81 653.256 419.942C664.503 393.607 662.335 364.93 661.929 336.839C661.522 307.46 664.775 276.793 650.681 250.106C636.588 223.302 611.518 200.478 582.112 185.496C553.655 170.982 516.66 177.537 486.169 166.183C454.595 154.362 434.675 115.853 400.39 118.077Z' stroke='white' stroke-width='0.5' stroke-miterlimit='10'/%3E%3C/svg%3E%0A");
  background-position: 90% 40%;
  background-size: 110%;
  z-index: 1;
  position: absolute;
  left: 0;
  bottom: 0;
  background-repeat: no-repeat;
}
.deal:nth-child(even) .deal-image:before {
  background-position: 200% -70%;
}
.deal .deal-image img {
  height: 100%;
  width: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
}
.deal .discount-group {
  display: flex;
  gap: 0.5rem;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  max-width: max-content;
  color: #f00;
}
.deal .discount-group span,
.desc h6 {
  color: var(--gray-200);
}
.deal .discount-group span.strike {
  text-decoration: line-through;
}

@media screen and (min-width: 767px) {
  .deal {
    grid-template-columns: repeat(2, 1fr);
  }
  .deal:nth-child(even) .deal-image {
    order: 2;
  }
}