.elementor-widget-container [data-tippy-root] > .tippy-box{color:var( --e-global-color-primary );background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-container [data-tippy-root] > .tippy-box .tippy-arrow{color:var( --e-global-color-primary );}.elementor-695 .elementor-element.elementor-element-1fcc93f{--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-widget-html [data-tippy-root] > .tippy-box{color:var( --e-global-color-primary );background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-html [data-tippy-root] > .tippy-box .tippy-arrow{color:var( --e-global-color-primary );}.elementor-widget-html .wpcf7 input:not([type="submit"]){background-color:var( --e-global-color-primary );}.elementor-widget-html .wpcf7 select{background-color:var( --e-global-color-primary );}.elementor-widget-html .wpcf7 textarea{background-color:var( --e-global-color-primary );}.elementor-widget-html .wpcf7 label{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-widget-html ::placeholder{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-widget-html .wpcf7-submit{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 );background-color:var( --e-global-color-primary );}.elementor-widget-html .wpcf7 input[type="submit"]:hover{color:var( --e-global-color-primary );background-color:var( --e-global-color-primary );}.elementor-695 .elementor-element.elementor-element-9028117{padding:25px 0px 25px 0px;}.elementor-695 .elementor-element.elementor-element-9028117.elementor-element{--align-self:center;--order:-99999 /* order start hack */;}#elementor-popup-modal-695 .dialog-widget-content{background-color:#02010100;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-695{background-color:#000000CC;justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-695 .dialog-message{width:385px;height:auto;}#elementor-popup-modal-695 .dialog-close-button{display:flex;top:10%;background-color:#00000000;font-size:25px;}body:not(.rtl) #elementor-popup-modal-695 .dialog-close-button{right:10%;}body.rtl #elementor-popup-modal-695 .dialog-close-button{left:10%;}#elementor-popup-modal-695 .dialog-close-button i{color:var( --e-global-color-text );}#elementor-popup-modal-695 .dialog-close-button svg{fill:var( --e-global-color-text );}/* Start custom CSS for html, class: .elementor-element-9028117 */.form {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-left: 2.5em;
  padding-right: 2.5em;
  padding-bottom: 0.4em;
  background-color: #171717;
  border-radius: 25px;
  transition: 0.4s ease-in-out;
}

.login {
  background-image: linear-gradient(166deg, #9805C3 0%, #3700ff 100%);
  border-radius: 22px;
  transition: all 0.3s;
}

.login2 {
  border-radius: 0;
  transition: all 0.2s;
}

.login2:hover {
  transform: scale(0.98);
  border-radius: 20px;
}

.login:hover {
  box-shadow: 0px 0px 30px 1px rgba(197, 0, 255, 0.5);
}

#heading {
  text-align: center;
  margin: 2em;
  color: rgb(255, 255, 255);
  font-size: 1.2em;
}

.field {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5em;
  border-radius: 25px;
  padding: 0.6em;
  border: none;
  outline: none;
  color: 222222;
  background-color: #171717;
  box-shadow: inset 2px 5px 10px rgb(50, 10, 50);
}

.input-icon {
  height: 1.3em;
  width: 1.3em;
  fill: white;
}

.input-field {
  background: none;
  border: none;
  outline: none;
  width: 100%;
  color: #FFF;
  background-color: #171717;
}

.form .btn {
  display: flex;
  justify-content: center;
  flex-direction: row;
  margin-top: 2.5em;
}

.button1 {
  padding: 0.5em;
  padding-left: 1em;
  padding-right: 1em;
  margin-left: 0.56em;
  border-radius: 5px;
  border: none;
  outline: none;
  transition: .4s ease-in-out;
  background-color: #252525;
  color: white;
}

.button1:hover {
  background-color: rgb(50, 50, 250); 
  color: white;
}

.button2 {
  padding: 0.5em;
  padding-left: 2.0em;
  padding-right: 2.0em;
  border-radius: 5px;
  border: none;
  outline: none;
  transition: .4s ease-in-out;
  background-color: #252525;
  color: white;
}

.button2:hover {
  background-color: rgb(50, 50, 250); 
  color: white;
}

.button3 {
  margin-bottom: 3em;
  padding: 0.5em;
  border-radius: 5px;
  border: none;
  outline: none;
  transition: .4s ease-in-out;
  background-color: #252525;
  color: white;
}

.button3:hover {
  background-color: purple;
  color: white;
}/* End custom CSS */