/* feature box colors from ahmetkurt DB */
.box-hover-wrapper{
  --feature-accent: #008099;
  --feature-accent-rgb: 0, 128, 153;
  --feature-card-bg: #FFFFFF;
  --feature-text: #282C32;
  --feature-active-text: #FFFFFF;
}
.box-hover-wrapper .box-hover{
  color: var(--feature-text);
}
.box-hover-wrapper .box-hover::after{
  background-color: var(--feature-card-bg) !important;
}
.box-hover-wrapper .box-hover::before{
  color: rgba(var(--feature-accent-rgb), 0.10) !important;
}
.box-hover-wrapper .box-hover .text-primary,
.box-hover-wrapper .box-hover i.text-primary{
  color: var(--feature-accent) !important;
}
.box-hover-wrapper .box-hover .bg-primary{
  background-color: var(--feature-accent) !important;
}
.box-hover-wrapper .box-hover h3{
  color: var(--feature-text);
}
.box-hover-wrapper .box-hover h3::after{
  background-color: rgba(var(--feature-accent-rgb), 0.30) !important;
}
.box-hover-wrapper .box-hover h3::before{
  background-color: rgba(var(--feature-accent-rgb), 0.30) !important;
}
.box-hover-wrapper .box-hover p{
  color: var(--feature-text);
}
.box-hover-wrapper .box-hover.active::after{
  background-color: var(--feature-accent) !important;
}
.box-hover-wrapper .box-hover.active::before{
  color: var(--feature-active-text) !important;
}
.box-hover-wrapper .box-hover.active,
.box-hover-wrapper .box-hover.active h3,
.box-hover-wrapper .box-hover.active p,
.box-hover-wrapper .box-hover.active i{
  color: var(--feature-active-text) !important;
}
.box-hover-wrapper .box-hover.active h3::after,
.box-hover-wrapper .box-hover.active h3::before{
  background-color: var(--feature-active-text) !important;
}
.box-hover-wrapper .box-hover.active > .bg-primary{
  background-color: var(--feature-accent) !important;
  opacity: 0.2;
}