.internal-banner-section{position: relative; background: var(--white); padding: 1rem 0;}
.internal-banner-section h2 {font-size: 30px; text-align: center; font-weight: 500; color: var(--purple); letter-spacing: 0px; text-transform: none; padding: 0; margin: 0 0 10px 0; }
.internal-banner-section p {font-size: 14px; font-weight: normal; text-align: center; color: var(--gray); margin: 0 0 1rem 0; padding: 0; }
.internal-banner-section p a{color: var(--purple);}

.auth-section{position: relative; background:url('../images/authbg.png') var(--white); padding: 1rem 0;}


.auth-card {background: var(--white); margin-bottom: 1rem; border: 1px solid var(--border); border-radius:10px; padding: 2rem; box-shadow: 0 4px 13px rgba(0, 0, 0, 0.10); transition: transform 0.3s ease; }
.auth-heading{margin-bottom:1rem; border-bottom: 1px solid var(--border);}
.auth-heading h2 {font-size: 30px; text-align: center; font-weight: 500; color: var(--purple); letter-spacing: 0px; text-transform: none; padding: 0; margin: 0 0 10px 0; }
.auth-heading p {font-size: 14px; text-align: center;font-weight: normal; color: var(--gray); margin: 0 0 1rem 0; padding: 0; }
.auth-form .form-group{margin-bottom: 1rem;}
.auth-form .form-group label {font-size: 14px;font-weight:600; color: var(--gray); margin-bottom: 6px; }
.auth-form .form-group input,
.auth-form .form-group textarea {border: 1px solid var(--border); background: var(--white); border-radius: 8px; padding: 12px; font-size: 14px; outline: none; transition: border 0.2s ease; width: 100%; }
.auth-form .form-group input:focus,
.auth-form .form-group textarea:focus {border-color: var(--purple); }
.auth-form .submit-btn {width: 100%; margin-top: 10px; background: var(--purple); color: #fff; border: none; padding: 14px; border-radius: 30px; font-size: 15px; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 8px; }
.auth-input-wrapper{position: relative;}
.auth-input-icon{position: absolute; left: 12px; top: 12px;}
.auth-input-icon1{position: absolute; right: 12px; top: 12px;}
.auth-input-wrapper input{padding:12px 40px 12px 40px !important	 }
.auth-text{font-size: 14px; text-align: center;font-weight: normal; color: var(--gray); margin: 0 0 1rem 0; padding: 0; }
.auth-text a{color: var(--purple); text-decoration: underline;}

.authcheckbox label {padding-left: 31px; position: relative; display: inline-block; padding: 0 0 0 2em; margin-bottom: 10px;  line-height: 1.5; cursor: pointer; font-size: 14px;}
.authcheckbox label::before,
.authcheckbox label::after {position: absolute; top: 0; left: 0; display: block; width: 24px; height: 24px; }
.authcheckbox label::before {content: " ";border: 1px solid var(--border);-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px;}
.authcheckbox input[type="checkbox"]{position: absolute; opacity: 0; z-index: -1; margin: 0; }
.authcheckbox input[type="checkbox"] + label::after {content: "\2714"; color: #FFF; line-height: 1.9; text-align: center; border: none; }
.authcheckbox input[type="checkbox"]:checked + label::before {background: var(--purple);border-color: var(--purple);}
.authcheckbox input[type="checkbox"] + label::after{-webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); }
.authcheckbox input[type="checkbox"]:checked + label::after{-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.authcheckbox label a{color: var(--purple); text-decoration: underline;}

html, body{overflow-x: hidden;}