h1 {
            text-align: center;
           
            border-bottom: 2px solid lighten(#6583fe, 15%);
            font-size: 1.5rem;
            font-weight: 400;
        }

        .dropzone {
            position: relative;
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 2rem;
            border-radius: 10px;
            background-color: #fff;
            text-align: center;
            font-size: 1.5rem;
            transition: 0.25s background-color ease-in-out;
        }

        .swapzone {
            border: 0.2rem dashed var(--secondary-color);
            padding: 2rem;
            border-radius: 10px;
            text-align: center;
            font-size: 1.5rem;
            transition: 0.25s background-color ease-in-out;
            /*background-color: #171719;*/

            
            align-items: flex-start;
        }

        .title {
            font-size: 32px;
            font-weight: 700;
            color: #fff;
            line-height: 45px;
            margin-bottom: 20px;
        }

        .subtitle {
             font-weight: 100;
             color:white;
        }

        .dropzone {
            cursor: pointer;
        }

        .dropzone-dragging,
        .dropzone:hover {
            background-color: lighten(#6583fe, 28%);
        }

        .dropzone-icon {
            max-width: 145px;
            display: block;
            margin: 0 auto;
        }

        .dropzone-input {
            display: none;
        }

        #idloadings {
            margin-top: 20px;
        }



        .restoringtext,
        .alert {
            color: black;
        }

        .spinner {
            width: 11.2px;
            height: 11.2px;
            animation: spinner-o824ag 1s infinite linear;
            position: absolute;
        }
        #spinnerupload {
            background-color: var(--secondary-color);
            padding: 15px;
            color: white;
            border-radius: 15px;
            font-size: 25px;
            font-weight: bold;
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 250px;
        }

        .spinner div {
            position: absolute;
            width: 100%;
            height: 100%;
            background: var(--secondary-color);
            border-radius: 50%;
            animation: spinner-vse6n7 1.25s infinite ease;
        }

        .spinner div:nth-child(1) {
            --rotation: 90;
        }

        .spinner div:nth-child(2) {
            --rotation: 180;
        }

        .spinner div:nth-child(3) {
            --rotation: 270;
        }

        .spinner div:nth-child(4) {
            --rotation: 360;
        }

        @keyframes spinner-vse6n7 {

            0%,
            100% {
                transform: rotate(calc(var(--rotation) * 1deg)) translateY(0);
            }

            50% {
                transform: rotate(calc(var(--rotation) * 1deg)) translateY(300%);
            }
        }

        @keyframes spinner-o824ag {
            to {
                transform: rotate(360deg);
            }
        }

        .btnbuy {
            border-radius: .5rem;
            background-image: linear-gradient(to right, var(--tw-gradient-stops));
            --tw-gradient-from: #9061f9;
            --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
            --tw-gradient-to: #e74694;
            padding: 20px 34px;
            font-size: 16px;
            font-weight: 500;
            --tw-text-opacity: 1;
            color: #fff;
            cursor: pointer;
        }

        .btnbuy:hover {
            color: #fee1c7;
        }

        .btn {
            border-radius: 0.5rem !important;
        }
        #btndownload {
            display: flex;
            flex-direction: column;
        }
        #swapimage {
            margin-bottom: 25px;
            display: flex;
            justify-content: center;
        }

        img-comparison-slider {
        visibility: hidden;
        }

        img-comparison-slider [slot='second'] {
        display: none;
        }

        img-comparison-slider.rendered {
        visibility: inherit;
        }

        img-comparison-slider.rendered [slot='second'] {
        display: unset;
        }


        .questions p {
            color: white;
            font-size: 14px;

        }

        .questions h1 {
            font-size: 36px;
            font-weight: bold;
            border-bottom: 4px solid var(--secondary-color);
            display: inline-block;
            padding-left: 15px;
            padding-right: 15px;
        }        
        
        .questions h2 {
            font-size: 28px;
                margin-bottom: 10px;
                padding-bottom: 0px;
                text-decoration: underline;
                text-decoration-color: var(--secondary-color);
            }


        /* switcher method colorize */

.switchdiv {
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;

    color: white;
    font-size: 15px;
    font-weight: 700;
    text-transform: capitalize;

}

input[type=checkbox]{
    height: 0;
    width: 0;
    visibility: hidden;
}

label {
	cursor: pointer;
	text-indent: -9999px;
	width: 65px;
	height: 35px;
	background: grey;
	display: block;
	border-radius: 25px;
	position: relative;
}

label:after {
	content: '';
	position: absolute;
	top: 5px;
	left: 5px;
	width: 25px;
	height: 25px;
	background: #fff;
	border-radius: 90px;
	transition: 0.3s;
}

input:checked + label {
	background: var(--secondary-color);
}

input:checked + label:after {
	left: calc(100% - 5px);
	transform: translateX(-100%);
}

label:active:after {
	width: 30px;
}