.hotspot-content-mobile{
display:none;

}        

.hotspot-container {
            position: relative;
            width:100%;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .hotspot-container img {
            width: auto;
            max-width: 1024px;
            height: auto;
            display: block;
          filter: drop-shadow(0px -128px 128px rgba(255, 204, 51, 0.25));
          
        }
        .hotspot {
            position: absolute;
            display: flex;
            align-items: center;
        }
        .hotspot .dot {
            width: 24px;
            height: 24px;
            background-color: #121419;
            border-radius: 50%;
            border: 6px solid #FFCC33;
            position: absolute;
            left: -35px;
        }
        .hotspot-content {
            background-color: #FFCC33;
            padding: 20px 32px;
            border-radius: 12px;
           
            display: flex;
            align-items: center;
   max-width:325px;
        }
       .hotspot-content img {
            width: 48px; /* Adjust as needed */
            height: auto;
            margin-right: 20px;
        }

        .hotspot-image-only {
            display: flex;
            justify-content: center;
            align-items: center;
            background: none;
            padding: 0;
            box-shadow: none;
            width: 100%;
            height: 100%;
        }
        .hotspot-image-only img {
            width: 215px; /* Adjust as needed */
            height: auto;
             display: block;
            margin: auto;
        }
        @media (max-width: 768px) {
					
					
					.hotspot-container img {max-width:350px;}
					
            .hotspot-content {
display:none;
            }
          .hotspot-content-mobile {
            background-color: #FFCC33;
						display: inline-flex;
padding: 20px 32px;
align-items: center;
gap: 24px;
border-radius: 12px;
   max-width:300px;
						margin-top:40px;
        }
          
                  .hotspot-mobile {
            position: absolute;
            display: flex;
            align-items: center;
                    top:100px;
        }
          
                 .hotspot-content-mobile img {
            width: 48px; /* Adjust as needed */
            height: auto;
            margin-right: 20px;
        }
          
          .hotspot-container-mobile img {max-width:368px;}
            .hotspot-content-mobile img {
                width: 30px;
              margin-right:10px;
             
            }
            .hotspot-image-only img {
                width: 100px;
              
            }
          
                  .hotspot .dot {
  display:none;
        }
          
        }

@media (min-width: 768px) and (max-width: 1239px) {
  .hotspot-container img {max-width: 700px;}
  
  
}


{# @media only screen and (min-width: 768px) {
        .hotspot-container {
          margin-top: -260px;
        } #}


}