.elementor-1780 .elementor-element.elementor-element-828a598{--display:flex;--min-height:350px;--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;--justify-content:center;--padding-top:40px;--padding-bottom:040px;--padding-left:16px;--padding-right:16px;}.elementor-1780 .elementor-element.elementor-element-828a598:not(.elementor-motion-effects-element-type-background), .elementor-1780 .elementor-element.elementor-element-828a598 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://berkeleyhairclinic.com/wp-content/uploads/2025/08/image.png");}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1780 .elementor-element.elementor-element-285e221{text-align:center;}.elementor-1780 .elementor-element.elementor-element-285e221 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:72px;font-weight:400;line-height:79px;color:#FFFFFF;}.elementor-1780 .elementor-element.elementor-element-32bf408{--display:flex;--margin-top:120px;--margin-bottom:120px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:16px;--padding-right:16px;}@media(min-width:768px){.elementor-1780 .elementor-element.elementor-element-32bf408{--content-width:1050px;}}@media(max-width:1024px){.elementor-1780 .elementor-element.elementor-element-285e221 .elementor-heading-title{font-size:55px;line-height:65px;}.elementor-1780 .elementor-element.elementor-element-32bf408{--margin-top:100px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}}@media(max-width:767px){.elementor-1780 .elementor-element.elementor-element-285e221 .elementor-heading-title{font-size:40px;line-height:50px;}.elementor-1780 .elementor-element.elementor-element-32bf408{--content-width:568px;--margin-top:80px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for shortcode, class: .elementor-element-c8c66f4 */.login_form label , .login_form 

.um-field-label label{font-weight:400 !important;
    
    font-size: 24px !important;
    font-family: "Inter", Sans-serif !important;
    color: #270001 !important;
}


.login_form input.um-form-field , .login_form .um-form input[type=text] , .login_form .um-form input[type=password] {border:1px solid #dbdbdb !important;
    height:52px !important;
}

.login_form .um-field{padding-top:20px !important;}

.login_form .um-field-label{margin-bottom:10px !important;}


    
 .login_form .um-button

{background: #000 !important;
    border-radius:50px !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    font-family: "Inter", Sans-serif !important;
    color:#fff !important;
    padding:16px 32px;
    border:1px solid #000 !important;
}

 
   
 .login_form .um-button:hover{background: #fff !important; 
 color:#000 !important;
     }


.login_form .um-form-field.um-error {
    
        height:48px !important;
}

.login_form .um-col-alt-b a{display:inline !important;}
.um-account-heading{margin-bottom:14px !important;}

.login_form .um-account-main{max-width:472px !important;
    width: 100% !important;
}
 
  .um-account-side.uimob340-hide{max-width:435px !important;
    width: 100% !important;
    background:#f0f0f0 !important;
    padding: 24px !important;
    border: 1px solid #DDDDDD  !important;
}

 .login_form form{display:flex !important;
     gap:90px !important;
 }


.login_form .um-account-name > a {
    font-weight: 700 !important;
    color: #270001 !important;
    text-decoration: none !important;
    font-size: 32px !important;
    line-height: 1.4em !important;
}

.login_form .um-account-profile-link{    font-weight: 400 !important;
    color: #CEA023 !important;
    font-family: "Inter", Sans-serif !important;
    text-decoration: none !important;
    font-size: 24px !important;
    line-height: 1.4em !important;}


.um a.um-link{ 
    font-family: "Inter", Sans-serif !important;color: #CEA023 !important;}


.login_form .um-account-side ul li  {background-color:#fff !important;
pading:10px !important;
    margin-bottom: 12px !important;
}


.login_form .um-account-title {  font-weight: 400 !important;
    font-family: "Inter", Sans-serif !important;
    color: #523334 !important;}


.login_form 
.um-faicon-angle-right:before {    color: #523334 !important;
    font-size: 16px !important;
    
}




[data-tab="privacy"]{display:none !important;}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 1px solid #000 !important; 
  -webkit-text-fill-color: #000 !important;
  -webkit-box-shadow: 0 0 0px 1000px #fff inset !important;
  transition: background-color 5000s ease-in-out 0s !important;
}



.login_form  .um-account-heading {
      font-family: "Inter", Sans-serif !important;
    font-size: 32px !important;
    line-height: 34px !important;
    font-weight: 400 !important;
    color: #270001 !important;
}

.login_form .um-account-heading .um-faicon-user:before
{
    content: url(https://hardcore-leakey.217-154-32-178.plesk.page/wp-content/uploads/2025/08/oi_person.svg) !important;
font-size: 25px !important;
    
}

.login_form .um-account-icon {border-right:2px solid #523334 !important;}


.login_form .um-account-heading{align-items:center !important;}

 .um-account-side li a.current span.um-account-icon{color:#CEA023 !important;}
.um-account-link.current .um-account-title {
    
    color:#270001 !mportant;
    font-weight: 800 !important;
    
}
.um-account-icon .um-faicon-user:before{font-size: 15px !important;
    
}


@media(max-width:992px){.login_form label , .login_form 

.um-field-label label{font-weight:400 !important;
    
    font-size: 20px !important;
}
    
    .login_form form {
    display: flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    gap: 30px !important;
    flex-direction: column;
}
    
      .um-account-side.uimob340-hide{max-width:600px !important;
      margin:auto;}
    
    .login_form .um-account-main {
    max-width: 600px !important;
    width: 100% !important;
       margin:auto;
       padding-left:0px;
}
}



@media(max-width:568px){
    
.login_form .um-alt , .login_form #um-submit-bt{padding:14px 16px;}
   
.login_form label , .login_form 

.um-field-label label{  font-size: 20px !important;
  
}   
   
   .um-account-meta-img-b img{border-radius:50% !important;
       height:200px !important;
       width:200px !important;
       
   }
   
   .um-field-label label{font-weight:400 !important;
    
    font-size: 16px !important;
}
   
 .login_form input.um-form-field , .login_form .um-form input[type=text] , .login_form .um-form input[type=password] {border:1px solid #dbdbdb !important;
    height:40px !important;
}


 .login_form .um-button

{ 
    font-size: 14px !important;
    font-weight: 700 !important;
    font-family: "Inter", Sans-serif !important;
    color:#fff !important;
    padding:10px 24px;
    
}

   .um-faicon-angle-down:before{font-size:18px !important;}
}/* End custom CSS */