.elementor-402 .elementor-element.elementor-element-f2b4566{--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;}.elementor-402 .elementor-element.elementor-element-ccf2f33{--spacer-size:50px;}.elementor-402 .elementor-element.elementor-element-e00e673{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-402 .elementor-element.elementor-element-23683dc{--display:flex;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 2px 0px rgba(0,0,0,0.5);}.elementor-402 .elementor-element.elementor-element-fe5bf40{--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:31px;--padding-bottom:31px;--padding-left:31px;--padding-right:31px;}.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-402 .elementor-element.elementor-element-57d770e{padding:0px 0px 8px 0px;text-align:center;}.elementor-402 .elementor-element.elementor-element-57d770e .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:42px;font-weight:500;color:#000000;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-402 .elementor-element.elementor-element-cececf4{--divider-border-style:solid;--divider-color:#6F6F6F;--divider-border-width:1px;}.elementor-402 .elementor-element.elementor-element-cececf4 .elementor-divider-separator{width:87%;margin:0 auto;margin-center:0;}.elementor-402 .elementor-element.elementor-element-cececf4 .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-402 .elementor-element.elementor-element-c297ab2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;bottom:163px;text-align:right;}body:not(.rtl) .elementor-402 .elementor-element.elementor-element-c297ab2{right:31px;}body.rtl .elementor-402 .elementor-element.elementor-element-c297ab2{left:31px;}.elementor-402 .elementor-element.elementor-element-c297ab2 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:400;text-decoration:underline;color:#000000;}.elementor-402 .elementor-element.elementor-element-858cafb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-402 .elementor-element.elementor-element-858cafb .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:400;text-decoration:underline;color:#000000;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-402 .elementor-element.elementor-element-23683dc{--width:32%;}}@media(max-width:767px){.elementor-402 .elementor-element.elementor-element-ccf2f33{--spacer-size:3px;}}/* Start custom CSS for html, class: .elementor-element-3b08532 */.google-login-btn {
  display: flex;
  align-items: center;
  border: 1.5px solid #dadce0;
  border-radius: 8px;
  background: #fff;
  color: #222;
  font-size: 1rem;
  font-family: inherit;
  font-weight: 500;
  padding: 15px 22px 15px 20px;
  cursor: pointer;
  transition: border-color 0.14s, color 0.14s;
  box-shadow: none;
  outline: none;
  width: 100%; /* <-- This makes the button full width */
}

.google-login-btn:hover,
.google-login-btn:focus {
  border-color: #222;
  background: #fff;
  color: #222; /* <-- ensures text is visible on hover/focus */
}

.google-login-icon {
  display: flex;
  align-items: center;
  margin-right: 16px;
}

.google-login-text {
  display: inline-block;
  vertical-align: middle;
  color: inherit; /* <-- ensures it uses the button's color property */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9ceecad */.my-login-form {
  width: 100%;
  margin: 20px auto;
  font-family: sans-serif;
}

.my-form-group {
  position: relative;
  margin-bottom: 20px;
}

.my-form-group input {
  width: 100%;
  padding: 18px 40px 15px 12px;
  font-size: 16px;
  border: 1.5px solid #ccc;
  border-radius: 8px;
  outline: none;
  background: none;
  transition: border-color 0.2s;
}

.my-form-group input:focus,
.my-form-group input.focus {
  border-color: #000;
}

.my-form-group input.invalid {
  border-color: #d32f2f !important;
}

.my-form-group input::placeholder {
  color: transparent;
}

.my-form-group label {
  position: absolute;
  left: 12px;
  top: 21px;
  color: #888;
  font-size: 16px;
  pointer-events: none;
  background: transparent;
  transition: 0.2s;
  padding: 0 4px;
  z-index: 1;
}

.my-form-group input:focus + label,
.my-form-group input.focus + label,
.my-form-group input:not(:placeholder-shown) + label {
  top: -10px;
  left: 8px;
  font-size: 13px;
  background: #fff;
  color: #000;
}

.my-form-group input.invalid + label,
.my-form-group label.invalid-label {
  color: #d32f2f !important;
}

.my-toggle-login-password {
  position: absolute;
  right: 17px;
  top: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  height: 22px;
  width: 20px;
  justify-content: center;
  z-index: 2;
  background: transparent;
  pointer-events: auto;
  border: none;
  padding: 0;
}

.my-toggle-login-password svg {
  display: block;
  pointer-events: none;
}

.my-login-options {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}

.my-remember-label {
  font-size: 15px;
  color: #444;
  display: flex;
  align-items: center;
}

.my-remember-checkbox {
  margin-right: 7px;
}

.my-forgot-link {
  font-size: 15px;
  color: #0073aa;
  text-decoration: none;
  margin-left: 18px;
}

.my-forgot-link:hover {
  text-decoration: underline;
}

.my-login-btn {
  width: 100%;
  padding: 16px 0;
  background: #181818;
  color: #fff;
  border: none;
  border-radius: 999px;
  font-size: 18px;
  font-family: inherit;
  cursor: pointer;
  margin-top: 8px;
  transition: background 0.2s;
}

.my-login-btn:hover,
.my-login-btn:focus {
  background: #333;
  outline: none;
}/* End custom CSS */