.hotspot-sec .img-wrapper{position:relative;max-width:-moz-fit-content;max-width:fit-content}.hotspot-sec .img-wrapper img{display:block}.hotspot-sec .img-wrapper .point{position:absolute;width:34px;height:34px;background-color:#016394;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:19px;z-index:2;transition:.8s}.hotspot-sec .img-wrapper .point.active{transform:scale(1.2);background-color:#019439}.hotspot-sec .img-wrapper .point.active:after{border:2px solid rgba(1,148,57,.6)}.hotspot-sec .img-wrapper .point:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid rgba(1,99,148,.6);border-radius:50%;animation:pulseRing 2s infinite ease-out;transform-origin:center;z-index:-1}@keyframes pulseRing{0%{transform:scale(1);opacity:1}70%{transform:scale(2);opacity:0}to{transform:scale(2);opacity:0}}.hotspot-sec .img-wrapper .point.point-1{top:25%;left:29%}.hotspot-sec .img-wrapper .point.point-2{top:25%;left:70%}.hotspot-sec .img-wrapper .point.point-3{top:38%;left:55%}.hotspot-sec .img-wrapper .point.point-4{top:50%;left:30%}.hotspot-sec .img-wrapper .point.point-5{top:79%;left:60%}.hotspot-sec .point-wrapper{display:flex;flex-direction:column;justify-content:center}.hotspot-sec .point-wrapper .point-item{display:flex;flex-direction:column;gap:8px;border-bottom:2px solid var(--w-color);padding:20px 0}.hotspot-sec .point-wrapper .point-item.active .point-header .icon{background-color:#019439}.hotspot-sec .point-wrapper .point-item.active .point-header .icon .plus{display:none}.hotspot-sec .point-wrapper .point-item.active .point-header .icon .minus,.hotspot-sec .point-wrapper .point-item.active .point-content{display:block}.hotspot-sec .point-wrapper .point-item .point-header{cursor:pointer}.hotspot-sec .point-wrapper .point-item .point-header .point-title{font-size:clamp(18px,2vw,25px);font-weight:600}.hotspot-sec .point-wrapper .point-item .point-header .icon{font-weight:700;width:36px;height:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background-color:#016394;border-radius:50%;transition:.8s}.hotspot-sec .point-wrapper .point-item .point-header .icon .minus,.hotspot-sec .point-wrapper .point-item .point-content{display:none}.hotspot-sec .point-wrapper .point-item p{margin:0}
/*# sourceMappingURL=/cdn/shop/t/5/assets/hotspot-sec.css.map */