html{
  
}
body{
  
}
html,
body {
  overflow-x: hidden;
}
.mobile_visible, .mobile-visible{ 
  visibility:visible !important;
}
.mobile_only, .mobile-only{ 
  display:block;
}
.desktop_only, .desktop-only{
  display: none;
}
.hero:before{
/*  background: color-mix(in srgb, var(--background-color), transparent 40%);*/
  background: color-mix(in srgb, var(--background-color), transparent 25%);
}
.cta-btn, .cta-btn:focus {
  color: var(--contrast-color);
  font-size: 13px;
  padding: 7px 25px;
  margin: 0 0 0 30px;
  border-radius: 4px;
  transition: 0.3s;
  text-transform: uppercase;
  border: 2px solid var(--contrast-color);
}
.premium_badge{

}
.premium_badge ._vvip{
  text-transform: uppercase;
  padding: 2px;
  padding-left: 5px;
  padding-right: 5px;
  background: gold;
  background-image: linear-gradient(
    to bottom,
    #FFD700 0%,     /* Bright gold */
    gold 25%,    /* Orange-gold */
    gold 50%,    /* Goldenrod */
    gold 75%,    /* Darker gold/brown */
    gold 100%    /* Saddle brown */
  );
  color: #333;
  border-radius: 5px;
}