.advaimma-wrap{position:relative; width:100%;}
.advaimma-image{position:relative; width:100%; padding-top:68.25%; background-size:contain; background-repeat:no-repeat; background-position:center}
.advaimma-point{position:absolute; transform:translate(-50%,-50%); width:34px; height:34px; border-radius:50%; background:#111827; color:#fff; display:flex; align-items:center; justify-content:center; border:none; cursor:pointer}
.advaimma-point.is-open:before {
    position: absolute;
    content: "";
    border: 1px solid #000000;
    width: 38px;
    height: 38px;
    border-radius: 50px;
    box-shadow: 0 0px 2px 2px #ccc;
}
.advaimma-point img{max-height:22px}
.advaimma-tip{position:absolute; top:40px; left:50%; transform:translateX(-50%); min-width:220px; max-width:300px; background:#0f172a; color:#fff; padding:5px; border-radius:8px; display:none; z-index:5}
.advaimma-tip h4 {
    margin: 0 0 6px;
    font-size: 15px;
    color: #fff;
    text-transform: capitalize;
    font-weight: 600;
}
.advaimma-point.is-open .advaimma-tip{display:block}
span.advaimma-icon {
    display: flex;
    align-items: center;
}
span.advaimma-icon span.advaimma-number {
    letter-spacing: normal;
    font-size: 13px;
    font-weight: 600;
}
.advaimma-point {
  z-index: 1;
}

.advaimma-point.is-open {
  z-index: 9999;
}

.advaimma-point.is-open .advaimma-tip {
  z-index: 10000;
}
.advaimma-tip-content {
    font-size: 14px;
    line-height: 1.2;
}
@media (max-width:1080px){
.advaimma-point {
    width: 26px;
    height: 26px;
    padding: 5px;
}
    span.advaimma-icon span.advaimma-number {
    font-size: 10px;
}
    .advaimma-point img {
    max-height: 14px;
}
    .advaimma-tip-content {
    font-size: 13px;
}
    .advaimma-tip {
    padding: 8px;
}
    .advaimma-point.is-open:before {
    width: 30px;
    height: 30px;
}
}
@media (max-width:640px){
    .advaimma-tip{left:auto; right:0; transform:none}
}