update styling

_inc/_sectionCardsNew.php

@@ -22,7 +22,7 @@
 	<div class="ch-ggs-web-suite-card-hover-group">
 		<div class="row ch-ggs-web-suite-card-hover-holder">
 			<?php foreach ($box as $key => $value): ?>
-				<div class="col-sm-6 col-lg-4 d-flex">
+				<div class="col-md-6 col-lg-4 d-flex">
 					<a href="<?php echo ($key === 'SmartIdentify' ? 'index-smartify.php' : '#') ?>" class="ch-ggs-web-suite-card-hover">
 						<div class="ch-ggs-web-suite-card-hover-main">
 							<h2 class="ch-ggs-web-suite-card-hover-title">

assets/css/style.css

@@ -7,8 +7,8 @@
  */
 @font-face {
   font-family: "icomoon";
-  src: url("../fonts/icomoon.eot?u6kl0gl");
-  src: url("../fonts/icomoon.eot?u6kl0gl#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?u6kl0gl") format("truetype"), url("../fonts/icomoon.woff?u6kl0gl") format("woff"), url("../fonts/icomoon.svg?u6kl0gl#icomoon") format("svg");
+  src: url("../fonts/icomoon.eot?u6kl0ib");
+  src: url("../fonts/icomoon.eot?u6kl0ib#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?u6kl0ib") format("truetype"), url("../fonts/icomoon.woff?u6kl0ib") format("woff"), url("../fonts/icomoon.svg?u6kl0ib#icomoon") format("svg");
   font-weight: normal;
   font-style: normal;
 }
@@ -11021,6 +11021,11 @@ a.ch-ggs-web-suite-icon-link {
   transition: all 0.2s ease-in-out;
   transition-property: opacity;
   font-size: 18px;
+  color: #212529;
+}
+
+.ch-ggs-web-suite-card-hover-title {
+  margin-bottom: 20px;
 }
 
 .ch-ggs-web-suite-card-hover {
@@ -11046,6 +11051,9 @@ a.ch-ggs-web-suite-icon-link {
 .ch-ggs-web-suite-card-hover:hover, .ch-ggs-web-suite-card-hover:focus {
   text-decoration: none;
 }
+.ch-ggs-web-suite-card-hover:hover .ch-ggs-web-suite-card-hover-title, .ch-ggs-web-suite-card-hover:focus .ch-ggs-web-suite-card-hover-title {
+  color: #990099;
+}
 .ch-ggs-web-suite-card-hover:hover .ch-ggs-web-suite-card-hover-text, .ch-ggs-web-suite-card-hover:focus .ch-ggs-web-suite-card-hover-text {
   opacity: 0;
 }
@@ -11180,7 +11188,7 @@ a.ch-ggs-web-suite-cta-box {
     z-index: 1;
     overflow: hidden;
     top: 0;
-    margin-top: -72px;
+    margin-top: -75px;
   }
   .ch-ggs-web-suite-landing-nav, .ch-ggs-web-suite-landing-nav a {
     color: #fff;

assets/scss/_project.scss

@@ -1271,6 +1271,11 @@ a.ch-ggs-web-suite-icon-link {
 	transition: $transition-base;
 	transition-property: opacity;
 	font-size: 18px;
+	color: $body-color;
+}
+
+.ch-ggs-web-suite-card-hover-title {
+	margin-bottom: 20px;
 }
 
 .ch-ggs-web-suite-card-hover {
@@ -1296,6 +1301,9 @@ a.ch-ggs-web-suite-icon-link {
 	&:hover,
 	&:focus {
 		text-decoration: none;
+		.ch-ggs-web-suite-card-hover-title {
+			color: $primary;
+		}
 		.ch-ggs-web-suite-card-hover-text {
 			opacity: 0;
 		}
@@ -1439,7 +1447,7 @@ a.ch-ggs-web-suite-cta-box {
 		z-index: 1;
 		overflow: hidden;
 		top: 0;
-		margin-top: -72px;
+		margin-top: -75px;
 		&,
 		& a {
 			color: $white;