.elementor-305 .elementor-element.elementor-element-6b1cdbc{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-305 .elementor-element.elementor-element-026e1c4{--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;--justify-content:center;}.elementor-305 .elementor-element.elementor-element-026e1c4:not(.elementor-motion-effects-element-type-background), .elementor-305 .elementor-element.elementor-element-026e1c4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-305 .elementor-element.elementor-element-b4d4c4e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"Roboto", Sans-serif;font-weight:400;line-height:12px;color:#FFFFFF;}.elementor-305 .elementor-element.elementor-element-a075459{--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;--padding-top:100px;--padding-bottom:100px;--padding-left:100px;--padding-right:100px;}.elementor-305 .elementor-element.elementor-element-a075459:not(.elementor-motion-effects-element-type-background), .elementor-305 .elementor-element.elementor-element-a075459 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://expertsalah.com/wp-content/uploads/2025/12/Rectangle-2776.png");background-position:center center;background-size:cover;}.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-305 .elementor-element.elementor-element-212e0bc.elementor-element{--align-self:center;}.elementor-305 .elementor-element.elementor-element-212e0bc{text-align:start;}.elementor-305 .elementor-element.elementor-element-212e0bc .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:32px;font-weight:600;color:#1E1E1E;}body.elementor-page-305:not(.elementor-motion-effects-element-type-background), body.elementor-page-305 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F0F0F0;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-305 .elementor-element.elementor-element-026e1c4{--width:50%;}.elementor-305 .elementor-element.elementor-element-a075459{--width:50%;}}/* Start custom CSS for shortcode, class: .elementor-element-69a1c65 */.login-page .um-form {
  width: 100%;
 background: Transparent;
  border-radius: 10px; /* Optional: to make it look modern */
  padding: 20px; /* Optional: add spacing inside */
}

.login-page .um-form{
box-shadow: none !important;
}


.login-page .um .um-field-label {
    color: white;
}

.login-page .um .um-field-label{
    color: white;
}


/* Label text color */
.login-page .um-form label {
  color: #000000 !important; /* Change to your desired color */
}

/* Input text color */
.login-page .um-form input {
  color: #000000 !important;
}

/* Placeholder color */
.login-page .um-form input::placeholder {
  color: #000000 !important;
}




.login-page .um-form input {
  background-color: rgba(255, 255, 255, 0.1); /* Transparent bg */
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 10px;
  color: #000000; /* Text color inside input */
}

/* On focus */
.login-page .um-form input:focus {
  border-color: #66afe9;
  outline: none;
  background-color: rgba(255, 255, 255, 0.15);
}
  
.login-page input[name="user_password-7"] {
  /* Normal password input styles */
  background-color: rgba(255, 255, 255, 0.1); 
  border: 1px solid #ccc;
  color: #969AB8;
}


.login-page .um .um-col-alt-b a{
    color: #969AB8 !important;
    font-size: 15px;
    font-weight: 500;
}



.login-page .um-col-alt.um-left input{
   color: red !important;
    background-color: red; 
    background: red;
}

.login-page .um-field-area input{
    background-color: red; 
    background: red !important;
}






.login-page
.um-form input[type="text"],
.um-form input[type="password"],
.um-form input[type="email"],
.um-form input[type="number"],
.um-form input[type="tel"] {
    color: #000000 !important;           /* Change #fff to your desired color */
    background: transparent !important; /* Optional: makes background transparent */
    border: 2px solid  #969AB8 !important;
    border-radius:  80px !important;
    border-radius: 8px ; /* or 0 if you want sharp edges */
  box-shadow: none !important;
}




.login-page .um-form input::placeholder {
    color: #000000 !important;   /* Change to your desired color */
    opacity: 1;                  /* Ensures full color visibility */
}




.login-page .um-field-icon i {
    color: #ffffff !important;   /* Replace with your desired color */
}




.login-page  .um-form  {
  border-radius: 8px !important; /* or 0 if you want sharp edges */
  box-shadow: none !important;
}








.login-page #um-submit-btn {
    background-color: #175888 !important;
    color: white !important;
    width: 100%;
    font-weight: 600 !important;
    border-radius: 8px !important;
    font-size: 20px;
    margin-top: 15px;
   
}



.login-page .um-col-alt{
    display: flex;
    justify-content: center;
}


.login-page a.um-button.um-alt{
    background: transparent !important;
     display: none;
}



.login-page a.um-button.um-alt:hover{
    background-color: #ffffff !important;
    color: black !important;
}


.login-page .um-misc-ul li a {
    color: #ffffff;
    font-weight: 600
}

.login-page .um-misc-ul li {
  color:  white;
}

.login-page strong{
    color: white;

}


.login-page .um-misc-ul li {
  list-style: none !important;
  text-align: center;
  background-color: #175888;
  border-radius: 50px;
  margin-bottom: 10px;
  padding: 5px;
  width: 115%;
  margin-left:-36px;
}


.login-page strong{
    color: #1E1E1E;
    padding-top: 8px;
}
 

.login-page .um-col-alt{
    display: inline;
}

.um-field .um-field-c{
    justify-content: center;
    display: flex;
}


.um-field-b, .um-field-c{
      justify-content: center;
    display: flex;
}

.um-misc-with-img{
        border-bottom: 1.6px solid #175888;
        padding-bottom: 3px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-212e0bc */.highlight-text {
  color: #175888; /* Blue color */
  font-weight: 600;
}/* End custom CSS */