.img_hotspots_popups .page-center{display:flex;max-width:1100px!important}.img_hotspots_popups .img_container{border:1px solid #f3f3f3;border-radius:10px;box-sizing:unset;margin:auto;overflow:hidden;position:relative;width:100%}.img_hotspots_popups .img_container img{height:auto;vertical-align:bottom;width:100%}.img_hotspots_popups .hotspot_holder{position:absolute;width:100%}.img_hotspots_popups .hotspot_holder .hotspot{aspect-ratio:7/1;background:transparent;border:0;padding:0;position:absolute;width:24%;z-index:10}.img_hotspots_popups .hotspot_holder .hotspot span{animation:pulse 1.5s infinite;aspect-ratio:1;background-color:var(--purple);border:3px solid #fff;border-radius:50%;box-shadow:0 2px 10px rgba(0,0,0,.2);display:block;position:relative;transition:transform .3s ease,background-color .3s ease;width:25%;z-index:10}.img_hotspots_popups .hotspot_holder .hotspot span:after,.img_hotspots_popups .hotspot_holder .hotspot span:before{background:#fff;border-radius:10px;content:"";height:47%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:7%}.img_hotspots_popups .hotspot_holder .hotspot span:after{transform:translate(-50%,-50%) rotate(90deg)}.img_hotspots_popups .hotspot_holder .hotspot:hover{opacity:.8}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(89,85,226,.6)}90%{box-shadow:0 0 0 10px rgba(89,85,226,0)}to{box-shadow:0 0 0 0 rgba(89,85,226,0)}}.img_hotspots_popups .hotspot_holder .popup{background-color:#fff;border-radius:8px;box-shadow:0 5px 25px rgba(0,0,0,.15);left:12px;opacity:0;padding:18px 20px 0;position:absolute;right:0;transition:all .3s ease;visibility:hidden;width:calc(100% - 24px);z-index:20}.img_hotspots_popups .hotspot_holder.bottom .popup{bottom:-40px}.img_hotspots_popups .hotspot_holder .popup.active{opacity:1;transform:translateY(0);visibility:visible}.img_hotspots_popups .hotspot_holder .popup_close{border:none;font-size:16px;padding:0!important;position:absolute;right:10px;top:7px;transition:opacity .2s ease}.img_hotspots_popups .hotspot_holder .popup_close:focus,.img_hotspots_popups .hotspot_holder .popup_close:hover{background:transparent;color:#212121;opacity:.8}.img_hotspots_popups .hotspot_holder .popup p{font-size:17px;margin:0 0 .8rem}.img_hotspots_popups .overlay{background-color:rgba(0,0,0,.2);bottom:0;display:none;left:0;position:absolute;right:0;top:0;z-index:15}@media (max-width:767px){.img_hotspots_popups .hotspot_holder .popup{padding-bottom:8px}.img_hotspots_popups .hotspot_holder .popup p{font-size:16px!important;margin:0 0 .4rem}.img_hotspots_popups .hotspot_holder .popup p .content_title{font-size:20px!important}}@media (max-width:560px){.img_hotspots_popups .hotspot_holder:not(.bottom) .popup{top:-160px}.img_hotspots_popups .hotspot_holder .popup p{font-size:12px!important}.img_hotspots_popups .hotspot_holder .popup p .content_title{font-size:14px!important}.img_hotspots_popups .hotspot_holder .popup p strong{line-height:0}}