Override Enfold link color settings

Hi Enfold team!

I am not sure if this one still falls under support but I was hoping you could give me some guidance. Right now I have four blocks with flip over effect for the homepage. For the first block titled “End Users”, I would like the links here to be white instead of following the theme’s settings (currently set to #ff0000). I would like to leave all links on the site as #ff0000, but for this particular block I want it to be white. Unfortunately I couldn’t figure out how to do it with the CSS and HTML I am using. Can you help please?

want the links inside the “flip” container (Agriculture, Chemical Processing, Food & Beverage, etc) to be white instead of following the theme’s settings which is currently set to #ff0000

Thank you so much!

CSS

.flip-container1 {
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -o-perspective: 1000;
  perspective: 1000;

	border: 0px solid #ccc;
}

	.flip-container1:hover .flipper1,  
  .flip-container1.hover .flipper1 {
		-webkit-transform: rotateY(180deg);
		-moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
		transform: rotateY(180deg);
	}

.flip-container1, .front1, .back1 {
	width: 620px;
	height: 354px;
}

.flipper1 {
	-webkit-transition: 0.6s;
	-webkit-transform-style: preserve-3d;

	-moz-transition: 0.6s;
	-moz-transform-style: preserve-3d;
  
  -o-transition: 0.6s;
	-o-transform-style: preserve-3d;

	transition: 0.6s;
	transform-style: preserve-3d;

	position: relative;
}

.front1, .back1 {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
	backface-visibility: hidden;

	position: absolute;
	top: 0;
	left: 0;
}

.front1 {
	background: url(https://ridglokwp.getoutsourcify.com/wp-content/uploads/2017/09/ESFRONT.jpg) 0 0 no-repeat;
	z-index: 2;
}

.back1 {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
	transform: rotateY(180deg);

	background: url(https://ridglokwp.getoutsourcify.com/wp-content/uploads/2017/09/ESFLIPWHITE.jpg) 0 0 no-repeat;
}

.front1 .name {
	font-size: 2em;
	display: inline-block;
	background: rgba(33, 33, 33, 0.9);
	color: #f8f8f8;
	font-family: Courier;
	padding: 5px 10px;
	border-radius: 5px;
	bottom: 60px;
	left: 25%;
	position: absolute;
	text-shadow: 0.1em 0.1em 0.05em #333;

	-webkit-transform: rotate(-20deg);
	-moz-transform: rotate(-20deg);
  -o-transform: rotate(-20deg);
	transform: rotate(-20deg);
}

.back1-title1 {
	position: absolute;
	bottom: 35px;
	left: 0;
	right: 0;
	text-align: center;
	padding: 0 20px;
  font-family: lato;
  font-color: #ffffff !important;
  line-height: 2em;
}

.back1 p { position: absolute; bottom: 35px; left: 0; right: 0; text-align:
center; padding: 0 20px; font-family: arial; font-color: #ffffff !important;
line-height: 2em; }

HTML

<div class="flip-container1" ontouchstart="this.classList.toggle('hover');">
  <div class="flipper1">
    <div class="front1"></div>
    <div class="back1">
<div class="back1-title1"><span style="font-size: 18pt; color: #ffffff important!;"><a href="https://ridglokwp.getoutsourcify.com/agriculture/">Agriculture</a></span>
</br>
<span style="font-size: 18pt; color: #ffffff important!;"> <a href="https://ridglokwp.getoutsourcify.com/chemical/">Chemical Processing</a></span>
</br>
<span style="font-size: 18pt; color: #ffffff important!;"> <a href="https://ridglokwp.getoutsourcify.com/food-and-beverage/">Food & Beverage</a></span>
</br>
<span style="font-size: 18pt; color: #ffffff important!;"> <a href="https://ridglokwp.getoutsourcify.com/petrochemical/">Petrochemicals</a></span>
</br>
<span style="font-size: 18pt; color: #ffffff important!;"> <a href="https://ridglokwp.getoutsourcify.com/power/">Power Plants</a></span>
</br>
<span style="font-size: 18pt; color: #ffffff important!;"> <a href="https://ridglokwp.getoutsourcify.com/renewable-energy/">Renewable Energy</a></span>
</br>
<span style="font-size: 18pt; color: #ffffff important!;"> <a href="https://ridglokwp.getoutsourcify.com/power/">Thermal Energy Storage</a></span>
</br>
<span style="font-size: 18pt; color: #ffffff important!;"> <a href="https://ridglokwp.getoutsourcify.com/wastewater/">Wastewater</a></span></div>
    </div>
  </div>
</div>