.tooltip-auth {
  position: relative;
  top: 27px;
  left: 23.5%;
  display: inline;
  transition: all 0.3s ease-in-out;
  line-height: 1;
  margin-left: 5px;
  z-index: 3;
}
.tooltip-auth i, .tooltip-auth svg{
    /* font-size: 12px; */
    font-size: 10px;
    font-weight: 600;
    /* padding: 4px 8px; */
    padding: 3px 6px;
    border-radius: 12px;
    color: #97144d;
    border: 1px solid #97144d;
}
/* .tooltip-auth svg{
  width: 21px !important;
  height: 21px;
  padding: 4px;
  border: 1px solid #97144d;
  border-radius: 12px;
} */
.tooltip-auth svg path{
  fill: #97144d;
}
.tooltip-auth .tooltiptext {
  display: none;
  width: 430px;
  background-color: #97144d;
  color: #ffffff;
  border-radius: 10px;
  padding: 9px 8px;
  position: absolute;
  z-index: 1;
  top: 50%;
  font-size: 12px;
  left: 30px;
  box-shadow: 0px 3px 13px 0px rgb(177 174 174 / 15%);
  transform: translateY(-50%);
  transition: all 0.3s ease-in-out;
}
.tooltip-auth .tooltiptext:before{
  content: " ";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 9px 5.5px 0 6.5px;
  border-color: #97144d transparent transparent transparent;
  top: 50%;
  transform: rotate(90deg) translateX(-50%);
  position: absolute;
  left: -2%;
  z-index: 1;
}
.tooltip-auth:hover .tooltiptext {
    display: block;
}
.tooltip-auth:focus .tooltiptext {
    display: block;
}
.ip_address_section .comment_box .tooltip-auth{
  top: -42px;
  left: 178px;
}

#ajax_form_multistep_form .uat-prod-multi-step-form .pre-post-auth .tooltip-auth, #ajax_form_multistep_form #pre-post-auth .tooltip-auth{
  /* top: 27px; */
  left: 165px;
}

#ajax_form_multistep_form #bene-apis .tooltip-auth{
  left: 220px;
}

#ajax_form_multistep_form #bene-apis legend{
  margin-bottom: 0;
}

@media(max-width: 576px){
    #ajax_form_multistep_form #pre-post-auth .tooltip-auth .tooltiptext:before {
      content: " ";
      border-width: 9px 5.5px 0 6.5px;
      top: 0%;
      transform: rotate(60deg) translateX(-50%);
      left: 46%;
  }

  #ajax_form_multistep_form #pre-post-auth .tooltip-auth .tooltiptext {
      z-index: 1;
      top: 28px;
      left: 50%;
      transform: translate(-50%, 0);
      width: 150px;
  }
}