h1 span {font-weight:400;}
.info-tooltip {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border: 1px solid #666;
  border-radius: 50%;
  font-size: 14px;
  color: #666;
  cursor: help;
}

.tooltip-box {
  position: absolute;
  left: 50%;
  bottom: calc(100% + 10px);
  transform: translateX(-50%);
  width: 320px;
  border-radius: 10px;
  background: #f5f5f5;
  padding: 20px;
  font-size: 13px;
    font-weight: normal;
  color: #333;
  line-height: 1.4;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.2s ease;
  z-index: 10;
    box-shadow: 1px 27px 33px -37px rgba(0, 0, 0, .15);
}

.info-tooltip:hover .tooltip-box {
  opacity: 1;
  visibility: visible;
}

@media (max-width:576px)
    
{
    .tooltip-box {
  position: absolute;
  left: -100px;
  bottom: calc(100% - 170px);
    }
    
    
}