.hotspot-container{position:relative;max-width:100%;margin:0 auto}.hotspot-container p{margin-bottom:0}.main-image{display:block;width:100%;height:auto;transition:all 0.3s ease}.hotspot{position:absolute;width:32px;height:32px;background-color:var(--global-palette9);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#FFD801;font-size:30px;font-weight:lighter;transition:all 0.3s ease;border:2px solid #FFD801;z-index:10}.hotspot:hover{background-color:#FFD801;color:var(--global-palette9)}.hotspot-container .tooltip{visibility:hidden;position:absolute;background-color:#fff;width:100%;width:300px;border-radius:8px;padding:15px;box-shadow:0 5px 15px rgb(0 0 0 / .2);z-index:20;opacity:0;transition:opacity 0.3s,visibility 0.3s;border:2px solid #fc0;display:none}.hotspot-container .tooltip:after{content:'';position:absolute;width:15px;height:15px;background-color:#fff;transform:rotate(45deg);z-index:5;border:2px solid #fc0;border-width:0 0 2px 2px}.hotspot-container .tooltip-title{font-size:22px;font-weight:700;margin:8px 0;color:#333;padding-right:25px}.hotspot-container .tooltip-body{font-size:16px;line-height:1.4;color:#555}.hotspot-container .tooltip-close{position:absolute;top:10px;right:10px;width:32px;height:32px;padding:0;background-color:var(--global-palette9);border-radius:100px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#FFD801;font-size:30px;font-weight:lighter;transition:all 0.3sease;border:2px solid #FFD801;z-index:10}.hotspot-container .tooltip-close:hover{color:#333;background-color:#f1f1f1}.hotspot-container .tooltip-top:after{bottom:-9px;left:50%;margin-left:-7px;border-width:0 2px 2px 0;box-shadow:3px 3px 5px rgb(0 0 0 / .05)}.hotspot-container .tooltip-bottom:after{top:-9px;left:50%;margin-left:-7px;border-width:0 2px 2px 0;box-shadow:3px 3px 5px rgb(0 0 0 / .05);transform:rotate(90deg)}.hotspot-container .tooltip-left:after{right:-9px;top:50%;margin-top:-7px;border-width:0 2px 2px 0;box-shadow:3px 3px 5px rgb(0 0 0 / .05);transform:rotate(-40deg)}.hotspot-container .tooltip-right:after{left:-9px;top:50%;margin-top:-7px;border-width:0 2px 2px 0;box-shadow:3px 3px 5px rgb(0 0 0 / .05);transform:rotate(130deg)}@media (max-width:768px){.hotspot-container .tooltip{min-width:180px;max-width:220px;font-size:14px}.hotspot-container .hotspot{width:24px;height:24px;font-size:12px}}@media (max-width:480px){.hotspot-container .tooltip{min-width:150px;left:50%!important;transform:translateX(-50%)!important;top:100%!important}.hotspot-container .tooltip:after{left:50%!important;margin-left:-7px!important;top:-9px!important;margin-top:0!important;right:auto!important;bottom:auto!important;border-width:2px 0 0 2px!important}.hotspot-container .hotspot{width:22px;height:22px;font-size:11px}}