		.expired-text {
    				color: white;
  				}
                  .custom-radio {
                    display: inline-block;
                    cursor: pointer;
                    margin-right: 10px; /* Adjust the spacing as needed */
                }

                .custom-radio input[type="radio"] {
                    /* display: none; */
                }

                .custom-radio img {
                    width: 70px; /* Adjust the width of the image as needed */
                    height: 70px; /* Adjust the height of the image as needed */
                    margin: 5px; /* Adjust the spacing between the image and label as needed */
                    margin-right: 10px;
                    transition: transform 0.3s, filter 0.3s;
                }

                .custom-radio input[type="radio"]:checked + img {
                    transform: scale(1.2); /* Scale the image when checked */
                    filter: brightness(1.5); /* Adjust brightness when checked */
                }

                .custom-radio label {
                    cursor: pointer;
                }
        .pnlm-hotspot {
            height: 60px;
            width: 60px;
            background-image: url('images/up.png');
            /* background-image: url(https://visualez-storage.s3.ap-south-1.amazonaws.com/Images/icon/clickicon.png); */
            /* border-radius: 13px; */
            background-repeat: no-repeat;
            background-size: cover;
            animation: scene 1.15s steps(12) infinite;
            /* overflow: hidden; */
        }
        @keyframes scene {
            0% {
                background-position: 0 0;
            }

            100% {
                background-position: 0 -720px;
            }
        }
        .pnlm-hotspot-base::after {
            content: "Click Here";
            position: absolute;
            top: -30px; /* Adjust the distance from the top of the hotspot */
            left: 50%; /* Position the text in the center */
            transform: translateX(-50%);
            background-color: rgb(35 33 33 / 61%); /* Set a background color */
            padding: 5px; /* Add padding for better readability */
            border-radius: 5px; /* Add border-radius for rounded corners */
            white-space: nowrap; /* Prevent text from wrapping */
            color: #fff;
            font-size: 10px;
        }
        .pnlm-hotspot.pnlm-info {
            background-position: 0;
        }
        .pnlm-hotspot-base span {
            width: 275px!important;
            max-width: fit-content!important;
        }
        .pnlm-hotspot-base span img {
            max-width: -webkit-fill-available!important;
        }
        div.pnlm-tooltip span {
            visibility: hidden;
            position: absolute;
            border-radius: 3px;
            background-color: rgba(0,0,0,0.7);
            color: #fff;
            text-align: center;
            max-width: 200px;
            padding: 10px 10px;
            margin-left: -220px;
            cursor: default;
        }
        
        .modal2 {
          display: none;
          position: fixed;
          z-index: 500;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          overflow: hidden;
        }

        .modal2-content {
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 1000;
        }

    @media (max-width: 600px) {
        .close {
            padding: 5%; /* Adjust the percentage for larger size on mobile screens */
        }
    }
    @media (min-width: 600px) {
        #popup-container {
            max-width: 40vw!important;
        }
    }

