.elementor-215 .elementor-element.elementor-element-ebbfc52{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS *//* General Form Container Styling */
.register{
    width: 700px;
  max-width: 100%;
  margin: 0 auto;
  padding: 20px;
  
}

/* Optional: add media query for smaller devices if you want to tweak anything else */
@media (max-width: 768px) {
  .register {
    padding: 15px;
  }
}



/* Heading Styles */


.login-heading
{
	font-family:"outfit";
	font-size: 50px;
	color:#0995A3 ;
  line-height: 1;
  font-weight: 300;
  text-align: center;
}

.login-sub-heading{
   font-family:"outfit";
   text-align: center; 
}

.owp-account-links .login {
    display:none!important;
}

/*font of form fileds*/
.form-fields{
  font-family:"outfit";
  font-size: 14px;
  font-weight: 300;
  line-height: 24px;
  letter-spacing: 1px;
  color: #515050;
}

.form-fields input{

  background-color: #ffffff!important;
}

/*To align the password view icon*/
.password-input-container{

    position: relative;  
}
.toggle-password{
    display: block;
    padding-right: 15px;
    text-align: right;
    position: absolute;
    width: 40px;
    padding-top: 9px;
    bottom: 8px;
    right: 0;
    margin-bottom: 0;
    
}

/**radio button for password strength*/
#password-strength .parentdiv {
    display: flex;
    align-items: center;
    margin-bottom: 3px; /* Adjust spacing between items */
}

#password-strength .circle {
    width: 16px; /* Size of the circle */
    height: 16px; 
    border: 2px solid #ccc; /* Default border color */
    border-radius: 50%;
    margin-right: 10px; /* Space between circle and text */
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white; /* Default background color */
}

#password-strength .circle img {
    width: 100%; /* Ensure the checkmark icon fits well */
    height: auto;
}
/*reduce the spacing between the radio buttons*/
.circle-text p{
    margin: 0!important;
}

/*reduce the space between the form form-fields*/

.form-fields p{
    margin: 10px;
	
}


#password-strength{
    padding:10px;
}

/*registration button*/
.woocommerce-form-register__submit{
    border-radius: 30px!important;
    color: #515050!important;
    background-color: #ffffff!important;
    border-color: #515050!important;
    font-family:"outfit"!important;
  font-size: 14px!important;
  font-weight: 300!important;
 
}

/**to align the form footer contnet*/
.woocommerce-form-register__submit:hover {
    border-radius: 30px !important;
    color: #ffffff !important;
    background-color: #31B3C2 !important;
    border-color: #31B3C2 !important;
}

.bottom-content{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 20px;
}

.form-bottom-content1{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
@media (max-width: 767px) {
.form-bottom-content1{
display: flex
;
    align-items: flex-start;
    flex-direction: column;
}
}

.form-bottom-content1 .woocommerce-privacy-policy-text{
    width: 300px;
}

.form-bottom-content1 .woocommerce-privacy-policy-text p{
  font-size:12px;
  line-height: 15px;
  
}

.login-text a{
    font-weight: 500;
}/* End custom CSS */