.elementor-1861 .elementor-element.elementor-element-7c8e380:not(.elementor-motion-effects-element-type-background), .elementor-1861 .elementor-element.elementor-element-7c8e380 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://treble.academy/wp-content/uploads/2021/07/Copy-of-Copy-of-Copy-of-Copy-of-Recording-Studio-11-scaled.jpg");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-1861 .elementor-element.elementor-element-7c8e380 > .elementor-container{min-height:70vh;}.elementor-1861 .elementor-element.elementor-element-7c8e380{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:300px 0px 0px 0px;}.elementor-1861 .elementor-element.elementor-element-7c8e380 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1861 .elementor-element.elementor-element-4b37225e > .elementor-widget-container{margin:0px 0px 50px 0px;padding:0px 0px 20px 0px;border-style:solid;border-width:0px 0px 4px 0px;}.elementor-1861 .elementor-element.elementor-element-4b37225e{text-align:center;}.elementor-1861 .elementor-element.elementor-element-4b37225e .elementor-heading-title{text-transform:uppercase;}@media(max-width:767px){.elementor-1861 .elementor-element.elementor-element-fb63cf0 > .elementor-element-populated{margin:-175px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-1861 .elementor-element.elementor-element-4b37225e > .elementor-widget-container{margin:0px 0px 0px 0px;}}/* Start custom CSS for shortcode, class: .elementor-element-da32ee4 *//* Center the Circle form */
.circle-form-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 60px 20px; /* space around the form */
}

/* Style the injected Circle form container */
.circle-form-wrapper > div {
  max-width: 720px;   /* adjust width as needed */
  width: 100%;
  background: rgba(0, 0, 0, 0.55); /* subtle transparency */
  backdrop-filter: blur(8px);     /* modern frosted-glass effect */
  border-radius: 16px;
  padding: 30px;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35);
}

/* Optional: make form fields blend a bit more */
.circle-form-wrapper input,
.circle-form-wrapper textarea,
.circle-form-wrapper select {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  color: #fff !important;
}

.circle-form-wrapper input::placeholder,
.circle-form-wrapper textarea::placeholder {
  color: rgba(255, 255, 255, 0.6) !important;
}

/* Optional: button polish */
.circle-form-wrapper button {
  border-radius: 999px !important;
}
/* Soften the dark container behind the form */
.circle-form-wrapper > div {
  background: rgba(0, 0, 0, 0.45) !important;
  backdrop-filter: blur(10px);
  border-radius: 20px;
  padding: 36px 36px 40px;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.45);
}
/* Tone down the white inner form panel */
.circle-form-wrapper .circle-form,
.circle-form-wrapper [class*="circle"] {
  background: rgba(255, 255, 255, 0.92) !important;
  border-radius: 14px;
}
/* Optical centering tweak */
.circle-form-wrapper {
  padding-top: 40px;
  padding-bottom: 80px;
}
/* Add breathing room around the white form inside the dark card */
.circle-form-wrapper > div {
  padding: 48px 48px 56px !important;
}

/* If Circle wraps the form again inside, add spacing there too */
.circle-form-wrapper .circle-form,
.circle-form-wrapper [class*="circle"] {
  padding: 28px 32px !important;
  box-sizing: border-box;
}
.circle-form-wrapper h1,
.circle-form-wrapper h2,
.circle-form-wrapper h3 {
  margin-top: 8px !important;
  margin-bottom: 20px !important;
}/* End custom CSS */