.elementor-527 .elementor-element.elementor-element-5ef08a0{--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;--justify-content:center;--overlay-opacity:1;--margin-top:-110px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:150px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-527 .elementor-element.elementor-element-5ef08a0:not(.elementor-motion-effects-element-type-background), .elementor-527 .elementor-element.elementor-element-5ef08a0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-527 .elementor-element.elementor-element-5ef08a0::before, .elementor-527 .elementor-element.elementor-element-5ef08a0 > .elementor-background-video-container::before, .elementor-527 .elementor-element.elementor-element-5ef08a0 > .e-con-inner > .elementor-background-video-container::before, .elementor-527 .elementor-element.elementor-element-5ef08a0 > .elementor-background-slideshow::before, .elementor-527 .elementor-element.elementor-element-5ef08a0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-527 .elementor-element.elementor-element-5ef08a0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:radial-gradient(at bottom center, #8B5CF67A 0%, #00000000 54%);}.elementor-527 .elementor-element.elementor-element-b759c36{--display:flex;}.elementor-527 .elementor-element.elementor-element-9e1342e{--display:flex;}.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-527 .elementor-element.elementor-element-c7d8ceb{text-align:center;}.elementor-527 .elementor-element.elementor-element-c7d8ceb .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:66px;font-weight:600;color:#FFFFFF;}.elementor-527 .elementor-element.elementor-element-1e90004{margin:-17px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-527 .elementor-element.elementor-element-1e90004 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:41px;font-weight:600;line-height:55px;color:#FFFFFF;}.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-527 .elementor-element.elementor-element-b654fed{margin:15px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;text-align:center;font-family:"Manrope", Sans-serif;font-weight:400;color:#E5DCEE;}@media(max-width:767px){.elementor-527 .elementor-element.elementor-element-5ef08a0{--margin-top:-110px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:18px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-527 .elementor-element.elementor-element-b759c36{--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-527 .elementor-element.elementor-element-c7d8ceb .elementor-heading-title{font-size:35px;}.elementor-527 .elementor-element.elementor-element-1e90004 .elementor-heading-title{font-size:23px;}.elementor-527 .elementor-element.elementor-element-b654fed{font-size:14px;}}/* Start custom CSS for heading, class: .elementor-element-1e90004 *//* Study Buddy Gradient CSS */

.study-buddy-gradient {
  background: linear-gradient(135deg, #ffffff 10%, #e879f9 70%, #c084fc 20%, #8b5cf6 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 200% 200%;
}

/* Alternative version with more purple intensity */
.study-buddy-gradient-alt {
  background: linear-gradient(135deg, #f8fafc 0%, #e879f9 25%, #c084fc 50%, #a855f7 75%, #8b5cf6 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* With animation (optional) */
.study-buddy-gradient-animated {
  background: linear-gradient(135deg, #ffffff 0%, #e879f9 30%, #c084fc 60%, #8b5cf6 100%);
  background-size: 200% 200%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: gradient-shift 4s ease-in-out infinite;
}

@keyframes gradient-shift {
  0%, 100% { 
    background-position: 0% 50%; 
  }
  50% { 
    background-position: 100% 50%; 
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-18c5f19 *//* Main Form Container */
.custom-form-wrapper {
  max-width: 500px;
  margin: 0 auto;
  padding: 20px;
  background: #0f0f238f;
  border-radius: 20px;
  position: relative;
}

/* Form Fields Container */
.form-field {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
  position: relative;
}

/* Labels */
.form-field label {
  font-size: 14px;
  font-weight: 500;
  color: #e2e8f0;
  margin-bottom: 8px;
  line-height: 1;
  font-family: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Input Wrapper with Gradient Border */
.form-field .input-wrapper {
  padding: 2px;
  border-radius: 8px;
  background: radial-gradient(200px at 50% 50%, rgb(168, 85, 247), transparent 80%);
  transition: all 300ms;
  position: relative;
}

/* Input Fields */
.custom-form-wrapper input[type="text"],
.custom-form-wrapper input[type="email"], 
.custom-form-wrapper input[type="tel"],
.custom-form-wrapper select,
.custom-form-wrapper textarea {
  width: 100%;
  height: 40px;
  background: #1f2937;
  border: none !important;
  border-radius: 6px;
  padding: 8px 12px;
  font-size: 14px;
  color: #e2e8f0;
  outline: none !important;
  box-shadow: 0px 0px 1px 1px rgba(55, 65, 81, 1);
  transition: all 400ms;
  box-sizing: border-box;
  font-family: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Textarea Specific Overrides */
.custom-form-wrapper textarea {
  height: 80px !important;
  resize: vertical;
  padding-top: 12px !important;
  border-radius: 6px !important;
  border: none !important;
  outline: none !important;
  box-shadow: 0px 0px 1px 1px rgba(55, 65, 81, 1) !important;
  background: #1f2937 !important;
}

/* Remove any default textarea styling */
.custom-form-wrapper textarea:focus {
  border: none !important;
  outline: 2px solid #a855f7 !important;
  outline-offset: -2px !important;
  box-shadow: none !important;
}

/* Placeholder Styling */
.custom-form-wrapper input::placeholder,
.custom-form-wrapper textarea::placeholder {
  color: #9ca3af;
}

/* Focus States */
.custom-form-wrapper input:focus,
.custom-form-wrapper select:focus {
  box-shadow: none;
  outline: 2px solid #a855f7;
  outline-offset: -2px;
}

/* Select Dropdown Specific */
.custom-form-wrapper select {
  appearance: none;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
  background-position: right 8px center;
  background-repeat: no-repeat;
  background-size: 16px;
  padding-right: 40px;
}

/* Checkbox Field */
.checkbox-field {
  display: flex;
  align-items: flex-start;
  margin: 5px 0;
  gap: 8px;
}

/* Checkbox Styling */
.custom-form-wrapper input[type="checkbox"],
.wpcf7-form input[type="checkbox"] {
  width: 16px !important;
  height: 16px !important;
  accent-color: #a855f7;
  margin: 0 !important;
  flex-shrink: 0;
  margin-top: 3px !important;
  margin-right: 5px !important;
  border-radius: 3px;
}

/* Checkbox Labels */
.checkbox-field label,
.wpcf7-form .checkbox-field label {
  font-size: 14px !important;
  color: #ffffff !important;
  line-height: 1.4;
  margin: 0 !important;
  font-weight: 400 !important;
}

.checkbox-field a {
  color: #a855f7;
  text-decoration: none;
  transition: color 150ms;
}

.checkbox-field a:hover {
  color: #c084fc;
}

/* Submit Button */
.submit-field {
  margin-top: 24px;
}

.custom-submit {
  width: 100%;
  background: #1f2937;
  color: white;
  border: none;
  border-radius: 50px;
  padding: 7px 24px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 150ms;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.custom-submit:hover {
  background: #9333ea;
  transform: translateY(-1px);
  box-shadow: 0 4px 8px rgba(168, 85, 247, 0.3);
}

/* Mouse Tracking Effect - This needs JavaScript */
.gradient-border {
  padding: 2px;
  border-radius: 8px;
  background: radial-gradient(200px at var(--mouse-x, 50%) var(--mouse-y, 50%), rgb(168, 85, 247), transparent 80%);
  transition: all 300ms;
}

/* Responsive Design */
@media (max-width: 480px) {
  .custom-form-wrapper {
    margin: 0 16px;
    padding: 16px;
  }
  
  .form-field {
    margin-bottom: 16px;
  }
}

.wpcf7-list-item-label {
    color: #e2e8f0;
    font-family: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 14px;
}
.wpcf7-list-item {
    display: flex;
}/* End custom CSS */