/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
.anchor-tooltip {
position: relative;
border-bottom: 2px dashed #00b9ea !important;
}
/*.anchor-tooltip:hover{
border-bottom: 2px dashed #00b9ea !important;
}*/
.anchor-tooltip .anchor-tooltip-content {
display: block;
transition: opacity .3s;
opacity: 0;
position: absolute;
z-index: 99;
padding: 24px 22px 18px;
max-width: 368px;
font-size: 16px;
color: white;
background: #0d323b;
left: 50%;
transform: translate3d(-50%,calc(-100% - 50px),0);
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
border-radius: 4px;
text-align: right;
}

.anchor-tooltip .anchor-tooltip-content::after {
content: '';
display: block;
position: absolute;
bottom: -10px;
left: 0;
right: 0;
width: 100%;
height: 16px;
transform: rotate(180deg);
background-position: center;
background-repeat: no-repeat;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjcuMyAzNC4yIj48cGF0aCBmaWxsPSIjMEUzMjNCIiBkPSJNMTAwLjcgMjQuMmMtMTEuNiAwLTE0LjUtNC42LTE4LjYtOS43TDc3LjcgOUM3My41IDMuNiA3MS4zLjEgNjQgMGMtNy4zLjEtOS41IDMuNi0xMy44IDlsLTQuNCA1LjZjLTQuMSA1LjEtNyA5LjctMTguNiA5LjdIMHYxMGgxMjcuM3YtMTBoLTI2LjZ6Ii8+PC9zdmc+);
}
.anchor-tooltip .anchor-tooltip-content p {
line-height: 1.6;
text-align: left;
margin-bottom: 6px;
}
.anchor-tooltip .anchor-tooltip-content a {
text-decoration: none;
border: none;
text-transform: uppercase;
color: #fe4542;
font-size: 14px;
font-weight: 600;
pointer-events: none;
}