:root {
    --primary-color: #f7be00;
    --table-color1: #ffd035;
    --table-color2: #333333;
}
h1, .h1, h2, .h2 {
    color: var(--primary-color);
}
.image-hotspot.image-hotspot-bluestar-h5-r{
    background-image: url('../img/bluepress-h3-e-power/bg-image-hotspot.png');
}
.separator .line{
    border-top: var(--primary-color) solid;
}
.text-primary {
    color: var(--primary-color) !important;
}
.fill-primary-color {
    fill:var(--primary-color);
}
.stroke-primary-color {
    stroke:var(--primary-color);
    /* stroke-miterlimit:10; */
}
.bg-primary {
    background-color: var(--primary-color) !important;
}
.bg-table-gradient {
  background: var(--table-color1);
  background: -moz-linear-gradient(-45deg, var(--table-color1) 0%, var(--table-color2) 100%);
  background: -webkit-linear-gradient(-45deg,  var(--table-color1) 0%,var(--table-color2) 100%);
  background: linear-gradient(135deg,  var(--table-color1) 0%,var(--table-color2) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8d455f', endColorstr='#333333',GradientType=1 );
}
/* .rotate {
    top: 5em;
    left: -150px;
    height: 50px;
    width: 370px;
    font-size: 2rem !important;
  } */
  .image-hotspot .item .hotspot-body .text{
    color: var(--primary-color);
  }
  .popover-header{
    color: var(--primary-color) !important;
  }