.elementor-28 .elementor-element.elementor-element-d23d446{--display:flex;--min-height:100vh;--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;--justify-content:center;--align-items:center;--padding-top:40px;--padding-bottom:40px;--padding-left:16px;--padding-right:16px;}.elementor-28 .elementor-element.elementor-element-d23d446:not(.elementor-motion-effects-element-type-background), .elementor-28 .elementor-element.elementor-element-d23d446 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-28 .elementor-element.elementor-element-844417e > .elementor-widget-container{margin:0px 0px 30px 0px;}.elementor-28 .elementor-element.elementor-element-a0ffd43{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-28 .elementor-element.elementor-element-a0ffd43 > .elementor-widget-container{border-radius:20px 20px 20px 20px;}@media(max-width:767px){.elementor-28 .elementor-element.elementor-element-d23d446{--padding-top:40px;--padding-bottom:40px;--padding-left:12px;--padding-right:12px;}.elementor-28 .elementor-element.elementor-element-844417e img{width:80%;max-width:80%;}.elementor-28 .elementor-element.elementor-element-a0ffd43{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-a0ffd43 */form {
    background: #000;
    padding: 2rem;
    border-radius: 20px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    width: 100%;
    
  }
h2{
    color: #fff;
    font-size: 24px !important;
    font-weight: 600 !important;
    margin-bottom: 0px !important;
}
p{
    color: #fff;
    padding-bottom: 30px !important;
}
  form label {
    font-weight: 600;
    color: #fff;
    display: block;
    margin-bottom: 0.3rem;
  }

  form input[type="text"],
  form textarea,
  form select {
    width: 100%;
    padding: 0.7rem;
    border: 1px solid gray !important;
    border-radius: 10px !important;
    font-size: 1rem;
    background-color: #1A1A1A !important;
    transition: border 0.3s ease;
    margin-bottom: 1rem;
    line-height: 1.4;
  }

  form select {
    height: auto;
  }

  form input[type="color"] {
    width: 100%;
    height: 45px;
    border: none;
    margin-bottom: 1rem;
    background: none;
    cursor: pointer;
  }

form input[type="text"]:focus,
form textarea:focus,
form select:focus {
  outline: none;
  border:1px solid gray;
  box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.2) !important;
  background-color: #1A1A1A !important; 
  color: #09F289 !important;
}


  form textarea {
    resize: vertical;
    min-height: 90px;
  }

  form input[type="submit"] {
    background: linear-gradient(90deg,rgba(47, 6, 234, 1) 0%, rgba(29, 124, 186, 1) 50%, rgba(9, 242, 137, 1) 100%);
    color: white;
    border: none;
    padding: 0.85rem;
    border-radius: 12px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.3s ease;
    width: 100%;
    margin-top: 0.5rem;
  }

  form input[type="submit"]:hover {
      background: linear-gradient(90deg,rgba(9, 242, 137, 1) 0%, rgba(29, 124, 186, 1) 50%, rgba(47, 6, 234, 1) 100%);
  }
  .color-picker {
  position: relative;
  margin-bottom: 1rem;
  height: 50px;
}

.color-picker input[type="color"] {
  -webkit-appearance: none;
  border: none;
  width: 100%;
  height: 100%;
  border-radius: 12px;
  cursor: pointer;
  background-color: transparent;
  padding: 0;
  outline: none;
  box-shadow: inset 0 0 0 2px #dcdcdc;
  transition: box-shadow 0.3s ease;
}

.color-picker input[type="color"]::-webkit-color-swatch-wrapper {
  padding: 0;
}

.color-picker input[type="color"]::-webkit-color-swatch {
  border: none;
  border-radius: 12px;
}

.color-picker input[type="color"]:focus {
  box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.3);
}

.color-label {
  position: absolute;
  top: 50%;
  left: 15px;
  transform: translateY(-50%);
  font-size: 0.9rem;
  font-weight: 500;
  color: #fff;
  pointer-events: none;
}
form input[type="text"],
form textarea,
form select {
  color: #fff; 
}

form input[type="text"]:focus,
form textarea:focus,
form select:focus {
  color: #09F289;
}

form input[type="text"]:not(:placeholder-shown),
form textarea:not(:placeholder-shown) {
  color: #09F289;
}
.glowing_border .elementor-widget-container {
  animation: glowShadow 3s infinite alternate;
}

@keyframes glowShadow {
  0%, 100% {
    box-shadow:
      0 0 10px rgba(9, 242, 137, 0.53),   /* green */
      0 0 20px rgba(9, 242, 137, 0.53);
  }
  50% {
    box-shadow:
      0 0 10px rgba(47, 6, 234, 0.53),   /* blue */
      0 0 20px rgba(47, 6, 234, 0.53);
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d23d446 */.form-class {
      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
      background: #f6f7f9;
      display: flex;
      justify-content: center;
      align-items: center;

      margin: 0;
    }/* End custom CSS */