.left-sidebar {
    display: none !important;
}
.form_group input {
    height: 60px;
    border: 1px solid #198754; /* Green border color */
    border-radius: 13px;
    padding-left: 20px !important;
}

.form_group input:focus {
    box-shadow: none;
    border-color: #198754; /* Green border on focus */
}
.register_button {
    height: 65px; /* Set button height */
    width: 100% !important;
    background: #198754 !important;
    border-radius: 13px;
    color: #ffffff !important;
    font-weight: 500 !important;
}
.forgot_password {
    text-align: right;
    color: #198754; /* Green color for the text */
    cursor: pointer;
    font-weight: bold;
}
.signup_left_col {
    background-color: rgba(69, 187, 112, 0.9);
    mix-blend-mode: normal;
    justify-content: center;
    align-items: center;
    background-image: url(http://localhost:59741/assets/circle-wave.png);
    background-position: center;
}

.gradution_left {
        flex-direction: column;
        padding: 100px;        
}
.gradution_left img {
	width: 450px;
	margin: 0 auto;
	object-fit: contain;
}

.gradution_left h3{
	font-size: 4.5rem;

	font-weight: 700;
	color: #ffffff;
	margin-top: 75px;
	margin-bottom: 20px;
	text-align: center;
	line-height: 5.625rem;
}
.gradution_left p{
	color: #ffffff;
	margin-bottom: 0;
}
 .p-inputtext{
	margin: 0;
	width: 100%;
	background: #FDFDFD;
	border: 1px solid #D9D9D9;
	border-radius: 13px;
	padding-left: 20px !important;
	   display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
}
.p-input-icon-left, .p-input-icon-right {
	width: 100% !important;
}
    
.form_group button .p-button {
	width: 100% !important;
}

.form_group {
	margin-bottom: 35px; 
}
.form_group label{
	margin-bottom: 10px; 
}
.form_group button .p-button {
	width: 100% !important;
}
.submit_button {
	margin-bottom: 0 !important;
}
.password-wrapper {
	position: relative;
}
.toggle-password {
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	cursor: pointer;
	width: 24px;
	height: 24px;
}
svg {
	color: #6c757d; /* Adjust color as needed */
}
svg:hover {
	color: #000; /* Change color on hover */
}
.register_button {
	width: 100% !important;
	background: #45BB70 !important;
	border-radius: 13px;
	color: #ffffff !important;
	font-weight: 500 !important;
}
.signup_form_top {
	margin: 30px 0 30px 0;
}
.register_button .p-button-label {
	color: #ffffff !important;
	font-weight: 500 !important;
}
.signup_right_col{
	display: flex;
	flex-wrap: wrap;
	padding: 0 10% !important;
	justify-content: center;
	flex-direction: column;
}
.p-inputtext:enabled:focus {
	box-shadow: none;
	border-color: transparent;
	background: #FDFDFD;
	border: 1px solid #D9D9D9;
}


.p-input-icon-left.p-float-label > label {
	left: 25px;
}
.p-float-label input:focus ~ label, .p-float-label input.p-filled ~ label, .p-float-label textarea:focus ~ label, .p-float-label textarea.p-filled ~ label, .p-float-label .p-inputwrapper-focus ~ label, .p-float-label .p-inputwrapper-filled ~ label {
	top: 0;
	font-size: 12px;
	text-transform: uppercase;
	color: #000;
	left: 20px !important;
	background: #fdfdfd;
	padding: 0 5px;
}

.signup_form_top h3 {
	font-size: 2.625rem;
	text-align: left;
	font-weight: 700;
	line-height: 3.75rem;
	color: #000000;
}

p-inputmask.p-element input {
	margin: 0;
	width: 100%;
	background: #FDFDFD;
	border: 1px solid #D9D9D9;
	border-radius: 13px;
	padding-left: 55px !important;
	height: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
}
    
#mySidebar {
    display: none !important;
}
.visibilityIcon {
    position: absolute;
    right: 10px;
    top: 48px;
}
.visibilityIcon img {
  position: absolute !important;
  right: 0;
  top: 0;
  width: 20px;
  height: 20px;
}
.visibilityIcon .passwordeyeclose {
	opacity: 0;
}
.visibilityIcon .passwordeyeopen {
	opacity: 1;
}
.form_group input.p-filled +  .visibilityIcon .passwordeyeopen{
	opacity: 0 !important;
}
.form_group input.p-filled +  .visibilityIcon .passwordeyeclose{
    opacity: 1 !important;
}