.elementor-13558 .elementor-element.elementor-element-b4a3471:not(.elementor-motion-effects-element-type-background), .elementor-13558 .elementor-element.elementor-element-b4a3471 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://aapt.webgraphix.net.in/wp-content/uploads/2025/04/Registration.jpg");background-position:0px -130px;background-repeat:no-repeat;background-size:cover;}.elementor-13558 .elementor-element.elementor-element-b4a3471 > .elementor-background-overlay{background-color:var( --e-global-color-black );opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-13558 .elementor-element.elementor-element-b4a3471{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:20px;}.elementor-13558 .elementor-element.elementor-element-a333d2c > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-13558 .elementor-element.elementor-element-06d0f62{text-align:center;}.elementor-13558 .elementor-element.elementor-element-06d0f62 .skola-heading__title{color:var( --e-global-color-white );}.elementor-13558 .elementor-element.elementor-element-0b6f0af{--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;}@media(max-width:1024px){.elementor-13558 .elementor-element.elementor-element-b4a3471:not(.elementor-motion-effects-element-type-background), .elementor-13558 .elementor-element.elementor-element-b4a3471 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}}@media(max-width:767px){.elementor-13558 .elementor-element.elementor-element-b4a3471:not(.elementor-motion-effects-element-type-background), .elementor-13558 .elementor-element.elementor-element-b4a3471 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-13558 .elementor-element.elementor-element-cd4453c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 8px 0px 8px;}}/* Start custom CSS for user-registration-form, class: .elementor-element-cd4453c *//* ============= User Registration Form Styling ============= */

.ur-form-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.ur-field-item {
  width: 100%;
  max-width: 95%;
}

/* Label styling */
.ur-label {
  font-weight: 600;
  color: #333;
  margin-bottom: 6px;
  display: inline-block;
}

/* Input, Select, and Textarea Styling */
.ur-frontend-field input[type="text"],
.ur-frontend-field input[type="email"],
.ur-frontend-field input[type="number"],
.ur-frontend-field input[type="date"],
.ur-frontend-field select,
.ur-frontend-field textarea {
  width: 100%;
  padding: 12px 15px;
  border: 2px solid #ddd;
  border-radius: 8px;
  background-color: #fafafa;
  font-size: 15px;
  transition: all 0.3s ease;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05);
}

/* Focus effect */
.ur-frontend-field input:focus,
.ur-frontend-field select:focus,
.ur-frontend-field textarea:focus {
  border-color: #0073e6;
  background-color: #fff;
  box-shadow: 0 0 6px rgba(0, 115, 230, 0.2);
  outline: none;
}

/* Required field asterisk color */
.ur-label span {
  color: #e63946;
  margin-left: 4px;
}

/* Button styling */
button,
.ur-submit-button {
  background-color: #0073e6;
  color: #fff !important;
  border: none;
  border-radius: 8px;
  padding: 12px 25px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.3s ease, transform 0.2s ease;
}

button:hover,
.ur-submit-button:hover {
  background-color: #005bb5;
  transform: translateY(-2px);
}

/* Make full-width fields look balanced */
.ur-field-item.full-width {
  max-width: 100%;
}

/* Small spacing between rows */
.form-row {
  margin-bottom: 15px;
}

/* Placeholder color */
input::placeholder {
  color: #999;
}

/* Responsive design */
@media (max-width: 768px) {
  .ur-field-item {
    max-width: 100%;
  }
}/* End custom CSS */