.elementor-233 .elementor-element.elementor-element-e844bb1{--display:flex;--overlay-opacity:0.66;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-233 .elementor-element.elementor-element-e844bb1:not(.elementor-motion-effects-element-type-background), .elementor-233 .elementor-element.elementor-element-e844bb1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://skyexchangein.in/wp-content/uploads/2025/06/poker_and_casino_playing_card_black_background-scaled.jpg");background-position:center center;background-size:cover;}.elementor-233 .elementor-element.elementor-element-e844bb1::before, .elementor-233 .elementor-element.elementor-element-e844bb1 > .elementor-background-video-container::before, .elementor-233 .elementor-element.elementor-element-e844bb1 > .e-con-inner > .elementor-background-video-container::before, .elementor-233 .elementor-element.elementor-element-e844bb1 > .elementor-background-slideshow::before, .elementor-233 .elementor-element.elementor-element-e844bb1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-233 .elementor-element.elementor-element-e844bb1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-233 .elementor-element.elementor-element-c84d534.elementor-element{--align-self:center;}.elementor-233 .elementor-element.elementor-element-5acc2f5{--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:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.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-233 .elementor-element.elementor-element-8e4b467{text-align:center;}.elementor-233 .elementor-element.elementor-element-8e4b467 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:35px;font-weight:600;color:#FFAA00;}.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-233 .elementor-element.elementor-element-1ae9cfa{text-align:center;font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;color:#FFFFFF;}body.elementor-page-233:not(.elementor-motion-effects-element-type-background), body.elementor-page-233 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}@media(min-width:1025px){.elementor-233 .elementor-element.elementor-element-e844bb1:not(.elementor-motion-effects-element-type-background), .elementor-233 .elementor-element.elementor-element-e844bb1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for html, class: .elementor-element-c84d534 */.form {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: white;
  width: 15.5em;
  height: 22.5em;
  border: 2px solid #24135a;
  border-bottom-left-radius: 1.5em;
  border-top-right-radius: 1.5em;
  box-shadow:
    -10px 0px 0px #24135a,
    -10px 5px 5px rgb(0, 0, 0, 0.2);
  overflow: hidden;
  position: relative;
  transition: all 0.25s ease;
}

#login-area,
#email-area,
#password-area,
#footer-area {
  position: relative;
  z-index: 2;
}

#login-area {
  width: 100%;
  height: 3.5em;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
}

#login-area p {
  top: 0.35em;
  font-size: 1.5em;
  font-weight: bold;
  position: absolute;
  z-index: 2;
}

#login-area #behind {
  top: 60%;
  font-size: 1em;
  font-weight: bold;
  position: absolute;
  z-index: 1;
}

#behind {
  position: absolute;
  left: 1em;
  color: #6041bf;
}

#email-area {
  width: 100%;
  padding-left: 10%;
  padding-right: 10%;
  height: 5em;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-top: 1em;
  transition: all 0.25s ease;
}

#email-area input {
  width: 100%;
  border: 2px solid #6041bf;
  border-radius: 0.5em;
  height: 2.5em;
  padding-left: 1em;
  font-size: 0.95em;
  font-weight: 100;
  transition: all 0.5s ease;
  outline: none;
  box-shadow: 0px 5px 5px -3px rgb(0, 0, 0, 0.2);
}

#password-area {
  width: 100%;
  padding-left: 10%;
  padding-right: 10%;
  height: 6em;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  flex-direction: column;
  transition: all 0.25s ease;
}

#password-area input {
  width: 100%;
  border: 2px solid #6041bf;
  font-size: 0.95em;
  border-radius: 0.5em;
  height: 2.5em;
  padding-left: 1em;
  transition: all 0.25s ease;
  outline: none;
  box-shadow: 0px 5px 5px -3px rgb(0, 0, 0, 0.2);
}

#password-area a {
  padding-top: 0.5em;
  font-size: 0.8em;
  font-weight: bold;
  transition: all 0.25s ease;
  color: #6041bf;
}

#footer-area {
  margin-top: 0%;
  padding-top: 0%;
  width: 100%;
  padding-left: 10%;
  padding-right: 10%;
  height: 7em;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  color: #6041bf;
  transition: all 0.25s ease;
}

#footer-area button {
  width: 100%;
  border: 2px solid #6041bf;
  border-radius: 0.5em;
  height: 2.5em;
  padding-left: 1em;
  font-size: 0.95em;
  font-weight: 100;
  transition: all 0.25s ease;
  color: white;
  font-weight: bold;
  background-color: #6041bf;
  box-shadow: 0px 5px 5px -3px rgb(0, 0, 0, 0.2);
}

#footer-area p,
#footer-area a {
  font-size: 0.8em;
  transition: all 0.25s ease;
}

#text-inside {
  padding-top: 0.5em;
  display: flex;
}

#link {
  padding-left: 0.1em;
  font-weight: bold;
}

#background-color {
  width: 100%;
  height: 3.5em;
  background-color: #6041bf;
  position: absolute;
  top: 0em;
  z-index: 1;
  transition: all 0.5s ease;
  box-shadow: inset 5px 0px #24135a;
}

#link-circle {
  width: 100%;
  height: 4.5em;
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding-left: 15%;
  padding-right: 15%;
}

#link-circle svg {
  transition: all 0.25s ease;
}

#whitefilter {
  width: 3.5em;
  height: 3.5em;
  top: 2.5px;
  right: 2.5px;
  position: absolute;
  z-index: 2;
  border-top-right-radius: 1.25em;
  box-shadow: 35px -35px 0px -1px white;
}

::placeholder {
  color: #6041bf;
  font-weight: bold;
}

.form:hover {
  width: 16em;
  height: 23em;
}

#email-area:hover ~ #background-color {
  height: 4.2em;
  transform: translateY(4em);
}

#email-area:hover,
#password-area:hover,
#footer-area:hover {
  padding-left: 5%;
  padding-right: 5%;
}

#email-area:hover p {
  color: white;
}

#email-area:hover input {
  color: white;
  border: 2px solid white;
  background-color: #6041bf;
  height: 3em;
}

#email-area:hover ::placeholder {
  color: white;
}

#password-area:hover ~ #background-color {
  height: 5.5em;
  transform: translateY(7.8em);
}

#footer-area:hover ~ #background-color {
  height: 5.9em;
  transform: translateY(13.2em);
}

#password-area:hover p {
  color: white;
}

#password-area:hover a {
  color: white;
  padding-right: 5%;
}

#password-area:hover input {
  color: white;
  border: 2px solid white;
  background-color: #6041bf;
  height: 3em;
}

#password-area:hover ::placeholder {
  color: white;
}

#footer-area:hover p,
#footer-area:hover a {
  color: white;
}

#footer-area:hover button {
  border: 2px solid white;
  background-color: #6041bf;
  height: 3em;
}

#footer-area button:active {
  color: #6041bf;
  background-color: white;
  width: 90%;
}

#link-circle svg:hover {
  transform: scale(1.25);
  margin: 0.5em;
}/* End custom CSS */