.pc-subscribe-to-continue:before {
    background: linear-gradient( hsla(0,0%,100%, 0) 0%, 
                                 hsla(0,0%,100%, 0.5) 25%, 
                                 hsla(0,0%,100%, 0.8) 50%, 
                                 hsla(0,0%,100%, 1) 100% );
    position: absolute;
    height: 10rem;
    margin-top: -11rem;
    width:100%;
    content: "";
    pointer-events: none; /* so the text is still selectable */
}

.pc-subscribe-to-continue {
    background: #FFFFFF;
    border-top: 5px solid rgb(207, 207, 207);
    position: relative;
}

.pc-subscribe-to-continue form {
    max-width: 600px;
    padding:15px;
    margin:0 auto;
}
.pc-subscribe-to-continue form button {
    margin-top:20px;
    width:100%;
    height:3em;
}

.pc-subscribe-to-continue .sign-in-fields {
    display: none;
    padding-top:10px;
}

.pc-subscribe-to-continue .registration-fields {
    display: none;
    padding-top:20px;
}

.pc-subscribe-to-continue .sign-up-fields {
    display: none;
}

.pc-subscribe-to-continue .registration-fields input {
    margin-bottom:10px;
}
.pc-subscribe-to-continue .error-msg {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    padding: 4px 20px;
    border-radius: 4px;
    display:none;
}

.pc-subscribe-to-continue .success-msg {
    color: #093016;
    background-color: #92ffa5;
    border-color: #569e5c;
    padding: 4px 20px;
    border-radius: 4px;
    display:none;
}

.pc-subscribe-to-continue label span {
    display: block;
}
.pc-subscribe-to-continue .checkbox-control {
    line-height: 2rem;
}
.pc-subscribe-to-continue .term-and-conditions {
    margin-top: 0.4rem;
    text-align: center;
}

.subscribe-notice {
    display: block;
    font-size: 0.8rem;
    font-style: italic;
    margin-bottom: 0.8em;
    max-width: fit-content!important;
    text-align: justify;
}

.reset_password_btn {
    cursor: pointer;
}

.hidden {
    display: none;
}

.dialog-background {
	display:none;
	width:100%;
	height:100%;
	position: fixed;
	top:0;
	left:0;
	background-color: rgba(19, 24, 32, 0.7);
	z-index: 10005;
}

.dialog {
    font-family: "Inter", sans-serif;
    font-weight: 400;
	display:none;
	position:fixed;
	left:0;
	top:100px;
	width:48em;
	background:#fff;
	box-shadow: 0 7px 14px 0 rgba(0, 0, 0, 0.25), 0 5px 5px 0 rgba(0, 0, 0, 0.26);
	z-index: 20000;
	overflow-y: auto;
	overflow-x: hidden;
	max-height: 95%;
}

.dialog-body {
	padding:1px 4em;
    margin-top: 20px;
}

.dialog-text {
	font-weight: 200;
	text-align: center;
	color: #7f8fa4;
	padding-bottom:1.5em;
    font-size: 1.1em;
}
.dialog-title {
	clear:both;
	font-weight: 200;
	text-align: center;
	font-size: 3em;
	color: #354052;
	padding:1.4em 0 0em;
}
.dialog .message {text-align:center;}
.dialog .message.error {
	color:#aa0000;
	border:0;
	padding:0;
	margin:0;
}

.dialog .close-button {
	display: block;
	position: absolute;
	right:0.3em;
	top:0.3em;
	color:#354052;
	font-weight: 400;
	font-size: 3em;
	transform: rotate(-315deg);
	line-height: 0.5;
	cursor: pointer;
}
.dialog-footer {padding:1.3em 0 3em;}

.grecaptcha-badge { visibility: hidden; }

.dialog-footer fieldset {
    border: none;
}

.dialog-footer fieldset form {
    display: flex;
    flex-direction: column;
    padding: 0 7em 0 7em;
    gap: 10px;
}

.dialog-footer fieldset form  input {
    height: 3.5em;
}

.dialog a {
    color: #9770FF;
}
.btn.js-login, .js-sign-up-btn, .js-reset-pwd, .js-set-new-pwd, .js-vf-continue, .single-dialog-btn {
    background-color: #9770FF;
    color: white;
    margin: auto;
    width: 28%;
    height: 2.5em;
    margin-top: 10px;
    font-size: 1.5em;
    border: none;
}

.btn.js-login:hover, .js-sign-up-btn:hover, .js-reset-pwd:hover, .js-set-new-pwd:hover, .js-vf-continue:hover, .single-dialog-btn:hover {
    background-color: #9770FF;
}

.thanks_box .dialog-footer {
    display: flex;
}

.email_verification_success .dialog-footer {
    display: flex;
}

.email_verification_success  {
    top: 10em !important;
}

.signin-circle {
    display: none;
}

.loader-circle {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 36px;
    height: 36px;
    margin: -18px 0 0 -18px;
    border-radius: 50%;
    border: 2px solid;
    border-top-color: rgba(151, 112, 255, 1);/*#9770FF;*/
    border-bottom-color: rgba(151, 112, 255, 0.15);
    border-left-color: rgba(151, 112, 255, 1);
    border-right-color: rgba(151, 112, 255, 0.15);
    -webkit-animation: loader-circle 0.8s linear infinite;
    animation: loader-circle 0.8s linear infinite;
}

@keyframes loader-circle {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes loader-circle {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}