/*-----------Tool Tip--------------*/
#iq-tooltip { position: relative; margin: 50px auto 20px auto; }
.pin { display: none; }

/* Begin styling the tooltips and pins */
.tooltip-up, .tooltip-down { position: absolute;border-radius: 50%;cursor: pointer;
    background: var(--color-theme-red);
     /* background: url('../images/arrow.png'); */
      width: 30px; height: 30px; }
.tooltip {display:none;cursor: pointer;  opacity: 1; width: 150px; height: 70px; cursor: help; position: absolute; top: 10px; margin-left: -20px; left: 50%; z-index: 999; text-align: center; transform: skewX(-10deg); padding: 15px; color: #ffffff; background: #545454; }
.tooltip::after { content: ''; position: absolute; top: -10px; left: 30px; margin-left: -10px; border-bottom: 10px solid #fff1d3; border-left: 10px solid transparent; border-right: 10px solid transparent; }
.tooltip-down .tooltip { top: -90px; }
.tooltip-down .tooltip::after { bottom: -10px; top: auto; border-bottom: 0; border-top: 10px solid #545454; }
.tooltip ul { margin: 0; padding: 0; list-style: none; }
.tooltip-down:before {
    position: absolute;
    background: var(--color-theme-primary);
    margin-left: 0; 
    margin-top: 0;
    width: 30px;
    height: 30px;
    content: ""; 
    display: block;
    border-radius: 50%;
    -webkit-backface-visibility: hidden;
    animation: wave-animate 3s infinite ease-out;
} 
.tooltip-down:after {
    position: absolute;
    background: var(--color-theme-primary);
    margin-left: 0;
    margin-top: 0;
    width: 30px;
    height: 30px;
    content: "";
    display: block;
    border-radius: 50%;
    -webkit-backface-visibility: hidden;
    opacity: 0;
    animation: wave-animate 3s 1.5s infinite ease-out;
}
@keyframes wave-animate {
    0% {
      transform: scale(0);
      opacity: 1;
      transform-origin: center;
    }
    100% {
      transform: scale(3);
      opacity: 0;
      transform-origin: center;
    }
  }
  .tooltip p{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 0;
  }