.reg-medcomis-modal {
            display:none; 
            position: fixed;
            border-radius: 10px;
            padding: 10px;
            z-index: 99999;
            top: 50px;
            left: 50%;
            background: #f030a2;
            margin-left: -550px;
            box-shadow: 0 0 12px 2px #333;
        }


        * {
            scrollbar-width: thin;
            scrollbar-color: #ff0 #eb0089;
        }

        /* Works on Chrome/Edge/Safari */
        * ::-webkit-scrollbar {
            width: 12px;
        }

        * ::-webkit-scrollbar-track {
            background: #eb0089;
        }

        * ::-webkit-scrollbar-thumb {
            background-color: #ff0;
            border-radius: 20px;
            border: 3px solid #eb0089;
        }

        .reg-medcomis-modal iframe {
           margin-top: 30px;
            width: 1200px;
            height: 600px;
        }

        .reg-medcomis-modal button {
            top: 0;
            right: 0;
            position: absolute;
            padding-right: 10px;
            background: none;
            border: none;
            font-weight: 800;
            font-size: 20px;
            color: #ff0;
        }

        .reg-modal-wrapper {
            position: fixed;
           display:none;
            height: 100vh;
            width: 100vw;
            background: rgba(0.3, 0.3, 0.3, 0.3);
            z-index: 9999;
        }
        .reg-medcomis-start {
               background-color: #f030a2;
            text-align: center;
            overflow: hidden;
            position: relative;
            cursor: pointer;
            font-size: 50px;
            color: #fff;
            text-transform: uppercase;
            font-weight: 800;
            
        }
        .reg-medcomis-start img:last-of-type {
            transform: rotate(180deg);
            
        }
        .reg-medcomis-start:hover {
            color: #f030a2;
            background:#ff0;
        }
        .reg-medcomis-start:hover img {
            filter: invert(62%) sepia(82%) saturate(5500%) hue-rotate(306deg) brightness(99%) contrast(90%);
        }
        .reg-medcomis-start-modal {
            display:none;
           width: 800px;
            position: fixed;
            margin-left: -400px;
            left: 50%;
            text-align: center;
            background: #eb0089;
            padding-top: 30px;
            top: 200px;
        }
        .reg-medcomis-start-modal-record {
            background: #eb0089;
            border: 1px solid #fff;
            border-radius: 5px;
            color: #fff;
            font-size: 38px;
            font-weight:800;
            text-transform: uppercase;
            box-shadow: 0 0 2px 1px #fff;
            margin-bottom:20px;
        }
        .reg-medcomis-start-modal-record:hover {
            color:#eb0089;
            background:#ff0;
            
        }
         .reg-medcomis-start-modal p {
           text-transform: uppercase;
            text-decoration: underline;
            color: #df8181;
            font-size: 16px;   
         }
          .reg-medcomis-start-modal .reg-medcomis-start-modal-skip {
               width: 100%;
               background: #ff0;
                color: #eb0089;
                border: none;
                font-size: 34px;
                font-weight: 800;
                text-transform: uppercase; 
          }
          .reg-medcomis-start-modal .reg-medcomis-start-modal-skip:hover {
              background:#ccc;
              color:gray;
          }