.hi-dot-wrapper{position:absolute;transform:translate(-50%,-50%);z-index:10}.hi-dot{position:relative;width:24px;height:24px;background-color:#fff;border-radius:50%;cursor:pointer;overflow:visible;opacity:0,5;transform:translateY(20px) scale(.95);transition:all 0.35s ease;font-family:'Poppins',sans-serif;z-index:10}.hi-dot::after{content:"";position:absolute;top:32%;left:32%;width:8px;height:8px;background-color:rgb(255 255 255 / .6);border-radius:50%;transform:translate(-50%,-50%);animation:ripple 1.5s infinite ease-out;z-index:10;border:2px dotted red}.hi-dot::before{content:"+";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#5f5f5f;font-size:26px;font-weight:700;line-height:1;z-index:10}@keyframes ripple{0%{transform:scale(1);opacity:0}50%{transform:scale(3);opacity:.1}100%{transform:scale(5);opacity:0,2}}.hi-modal{position:absolute;top:-200px;left:20px;background:#fff;border:1px solid #ccc;padding:5px;border-radius:10px;box-shadow:0 4px 12px rgb(0 0 0 / .2);display:none;width:300px;height:auto;z-index:9999;transform:translateY(20px) scale(.95);transition:all 0,9s ease;box-shadow:0 12px 28px rgb(0 0 0 / .25);overflow:hidden}.hi-dot-wrapper:hover .hi-modal{display:block}.hi-modal-content h3{margin-top:0;font-size:24px;background:#275150;color:#fff;font-family:'DM Sans',sans-serif;font-synthesis:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.hi-modal-content p{margin:6px 0;font-size:16px;font-family:'DM Sans',sans-serif;font-family:'DM Sans',sans-serif;font-synthesis:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.link{display:inline-block;margin-top:6px;color:#fff;border-radius:5px;text-decoration:underline;font-size:16px;font-family:'DM Sans',sans-serif;font-family:'DM Sans',sans-serif;font-synthesis:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;padding:12px 16px;display:block;padding:12px 16px;display:block;background-color:#88beed}@media screen and (max-width:720px){.hi-modal{left:0;right:auto;top:18px;font-size:14px;width:150px;max-width:200px}.hi-modal-content h3{font-size:15px;background:#275150;color:#fff;font-family:'DM Sans',sans-serif;font-synthesis:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.hi-modal-content p{{.hi-modal-content a font-size:13px;background:#275150;color:#fff;font-family:'DM Sans',sans-serif;font-synthesis:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}C @media screen and (max-width:1024px){.hi-modal{left:1px;right:auto;top:18px;font-size:14px;width:150px;max-width:200px}.hi-modal-content h3{font-size:15px;background:#275150;color:#fff;font-family:'DM Sans',sans-serif;font-synthesis:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.hi-modal-content a{background:#275150;color:#fff;font-family:'DM Sans',sans-serif;font-synthesis:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:13px}}.hi-modal-content{font-family:'DM Sans',sans-serif;font-synthesis:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.hi-modal.show{display:block;opacity:1;transform:translateY(0) scale(1)}.hi-modal-content p,padding:12px 16px;display:block;font-size:14px;color:#333;font-family:'Roboto',sans-serif}.hi-plus{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:700;font-size:16px;pointer-events:none}.hi-dot-wrapper:hover+.hi-modal{display:block;opacity:1;transform:translateY(0) scale(1)}.hi-modal-content img{padding:12px 16px}