JSFiddle - React, Tailwind, and code Playground

HTML

<div class="menu-3-cat">
<div class="menu-item-category">Offer</div>
</div>

CSS

.menu-3-cat {
  position:relative;
  overflow:hidden;
}

.make-me-red {
  background-color:#F44336;
  color:#ffffff;
}

JavaScript

$(document).ready(function(){console.log('x')
if ($('.menu-item-category').text() === 'Offer') {
	$('.menu-3-cat').addClass('make-me-red');
   }
  })