.switch2 {
           position: relative;
           display: inline-block;
           width: 40px;
           height: 20px;
       }

       .switch2 input {
           opacity: 0;
           width: 0;
           height: 0;
       }

       .slider {
           position: absolute;
           cursor: pointer;
           top: 0;
           left: 0;
           right: 0;
           bottom: 0;
           background-color: #ccc;
           -webkit-transition: .4s;
           transition: .4s;
       }

       .slider:before {
           position: absolute;
           content: "";
           height: 16px;
           /* Adjusted height */
           width: 16px;
           /* Adjusted width */
           left: 2px;
           /* Adjusted left position */
           bottom: 2px;
           /* Adjusted bottom position */
           background-color: white;
           -webkit-transition: .4s;
           transition: .4s;
       }


       input:checked+.slider {
           background-color: #673AB7;
       }

       input:focus+.slider {
           box-shadow: 0 0 1px #673AB7;
       }

       input:checked+.slider:before {
           -webkit-transform: translateX(26px);
           -ms-transform: translateX(26px);
           transform: translateX(26px);
       }

       /* Rounded sliders */
       .slider.round {
           border-radius: 34px;
       }

       .slider.round:before {
           border-radius: 50%;
       }