.elementor-2106 .elementor-element.elementor-element-3c4bd21{--display:flex;--min-height:100vh;--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;--gap:18px 0px;--row-gap:18px;--column-gap:0px;--overlay-opacity:0.5;--padding-top:100px;--padding-bottom:100px;--padding-left:40px;--padding-right:40px;}.elementor-2106 .elementor-element.elementor-element-3c4bd21:not(.elementor-motion-effects-element-type-background), .elementor-2106 .elementor-element.elementor-element-3c4bd21 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://jandjplumbingllc.com/wp-content/uploads/2026/06/ChatGPT-Image-Jun-24-2026-08_16_05-PM.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2106 .elementor-element.elementor-element-3c4bd21::before, .elementor-2106 .elementor-element.elementor-element-3c4bd21 > .elementor-background-video-container::before, .elementor-2106 .elementor-element.elementor-element-3c4bd21 > .e-con-inner > .elementor-background-video-container::before, .elementor-2106 .elementor-element.elementor-element-3c4bd21 > .elementor-background-slideshow::before, .elementor-2106 .elementor-element.elementor-element-3c4bd21 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2106 .elementor-element.elementor-element-3c4bd21 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(110deg, #0C0521 96%, #18303000 100%);}.elementor-2106 .elementor-element.elementor-element-f5aae62 > .elementor-widget-container{--e-transform-translateX:2px;padding:0% 39% 0% 0%;}.elementor-2106 .elementor-element.elementor-element-f5aae62 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:40px;color:var( --e-global-color-astglobalcolor4 );}.elementor-2106 .elementor-element.elementor-element-ad373f9{--display:flex;}.elementor-2106 .elementor-element.elementor-element-ad373f9.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2106 .elementor-element.elementor-element-4d82d5f > .elementor-widget-container{--e-transform-translateX:-7px;}.elementor-2106 .elementor-element.elementor-element-4d82d5f{color:var( --e-global-color-astglobalcolor5 );}.elementor-2106 .elementor-element.elementor-element-b09ce85{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 16px;--row-gap:0px;--column-gap:16px;--margin-top:-13px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2106 .elementor-element.elementor-element-b09ce85.e-con{--e-con-transform-translateX:-5px;}.elementor-2106 .elementor-element.elementor-element-05ef6a6 .elementor-button{background-color:var( --e-global-color-04d32cb );}.elementor-2106 .elementor-element.elementor-element-05ef6a6{width:auto;max-width:auto;}.elementor-2106 .elementor-element.elementor-element-de66673 .elementor-button{background-color:#02010100;fill:var( --e-global-color-astglobalcolor5 );color:var( --e-global-color-astglobalcolor5 );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-astglobalcolor5 );}.elementor-2106 .elementor-element.elementor-element-de66673 .elementor-button:hover, .elementor-2106 .elementor-element.elementor-element-de66673 .elementor-button:focus{background-color:var( --e-global-color-astglobalcolor1 );color:var( --e-global-color-astglobalcolor2 );border-color:var( --e-global-color-astglobalcolor1 );}.elementor-2106 .elementor-element.elementor-element-de66673{width:auto;max-width:auto;}.elementor-2106 .elementor-element.elementor-element-de66673 .elementor-button:hover svg, .elementor-2106 .elementor-element.elementor-element-de66673 .elementor-button:focus svg{fill:var( --e-global-color-astglobalcolor2 );}.elementor-2106 .elementor-element.elementor-element-a5df6e6{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--padding-top:80px;--padding-bottom:80px;--padding-left:40px;--padding-right:40px;}.elementor-2106 .elementor-element.elementor-element-a5df6e6:not(.elementor-motion-effects-element-type-background), .elementor-2106 .elementor-element.elementor-element-a5df6e6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor4 );}.elementor-2106 .elementor-element.elementor-element-1fe2f2b{width:var( --container-widget-width, 103.745% );max-width:103.745%;--container-widget-width:103.745%;--container-widget-flex-grow:0;}.elementor-2106 .elementor-element.elementor-element-1fe2f2b.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2106 .elementor-element.elementor-element-1fe2f2b .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-2106 .elementor-element.elementor-element-1fe2f2b.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-astglobalcolor3 );fill:var( --e-global-color-astglobalcolor5 );color:var( --e-global-color-astglobalcolor5 );}.elementor-2106 .elementor-element.elementor-element-1fe2f2b.elementor-view-framed .elementor-icon, .elementor-2106 .elementor-element.elementor-element-1fe2f2b.elementor-view-default .elementor-icon{fill:var( --e-global-color-astglobalcolor3 );color:var( --e-global-color-astglobalcolor3 );border-color:var( --e-global-color-astglobalcolor3 );}.elementor-2106 .elementor-element.elementor-element-1fe2f2b.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-astglobalcolor5 );}.elementor-2106 .elementor-element.elementor-element-1fe2f2b .elementor-icon{font-size:24px;padding:13px;}.elementor-2106 .elementor-element.elementor-element-60e2c46{--display:flex;--overlay-opacity:0.5;}.elementor-2106 .elementor-element.elementor-element-60e2c46::before, .elementor-2106 .elementor-element.elementor-element-60e2c46 > .elementor-background-video-container::before, .elementor-2106 .elementor-element.elementor-element-60e2c46 > .e-con-inner > .elementor-background-video-container::before, .elementor-2106 .elementor-element.elementor-element-60e2c46 > .elementor-background-slideshow::before, .elementor-2106 .elementor-element.elementor-element-60e2c46 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2106 .elementor-element.elementor-element-60e2c46 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-astglobalcolor6 );--background-overlay:'';}.elementor-2106 .elementor-element.elementor-element-9383cd2{--display:flex;}.elementor-2106 .elementor-element.elementor-element-9e370cf .elementor-heading-title{font-size:34px;font-weight:700;color:var( --e-global-color-04d32cb );}.elementor-2106 .elementor-element.elementor-element-96db5f8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-2106 .elementor-element.elementor-element-2b6f82a{--spacer-size:50px;}.elementor-2106 .elementor-element.elementor-element-3f98519{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-2106 .elementor-element.elementor-element-7d6c36e{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;}.elementor-2106 .elementor-element.elementor-element-a896c11{--display:flex;}.elementor-2106 .elementor-element.elementor-element-7e143d4{--spacer-size:43px;}.elementor-2106 .elementor-element.elementor-element-7910ee9{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;}.elementor-2106 .elementor-element.elementor-element-7910ee9.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2106 .elementor-element.elementor-element-ec87465{width:var( --container-widget-width, 46.425% );max-width:46.425%;--container-widget-width:46.425%;--container-widget-flex-grow:0;}.elementor-2106 .elementor-element.elementor-element-ec87465.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2106 .elementor-element.elementor-element-6147ce4{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-2106 .elementor-element.elementor-element-5df30f2{width:var( --container-widget-width, 39.42% );max-width:39.42%;--container-widget-width:39.42%;--container-widget-flex-grow:0;}.elementor-2106 .elementor-element.elementor-element-5df30f2.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2106 .elementor-element.elementor-element-5a80d2d{width:var( --container-widget-width, 97.294% );max-width:97.294%;--container-widget-width:97.294%;--container-widget-flex-grow:0;}.elementor-2106 .elementor-element.elementor-element-5a80d2d.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2106 .elementor-element.elementor-element-1d64165{--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;}.elementor-2106 .elementor-element.elementor-element-1d64165:not(.elementor-motion-effects-element-type-background), .elementor-2106 .elementor-element.elementor-element-1d64165 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F0FE;}.elementor-2106 .elementor-element.elementor-element-6f04456{text-align:center;}.elementor-2106 .elementor-element.elementor-element-0f04a56{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2106 .elementor-element.elementor-element-1207865{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-2106 .elementor-element.elementor-element-1207865 iframe{height:457px;}.elementor-2106 .elementor-element.elementor-element-9d321dd{--spacer-size:14px;}.elementor-2106 .elementor-element.elementor-element-c81f148{--display:flex;--flex-direction:row-reverse;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--align-items:flex-end;--overlay-opacity:0.24;--padding-top:120px;--padding-bottom:120px;--padding-left:40px;--padding-right:40px;}.elementor-2106 .elementor-element.elementor-element-c81f148:not(.elementor-motion-effects-element-type-background), .elementor-2106 .elementor-element.elementor-element-c81f148 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url("https://jandjplumbingllc.com/wp-content/uploads/2026/06/ChatGPT-Image-Jun-24-2026-08_16_05-PM.webp");background-repeat:no-repeat;background-size:cover;}.elementor-2106 .elementor-element.elementor-element-c81f148::before, .elementor-2106 .elementor-element.elementor-element-c81f148 > .elementor-background-video-container::before, .elementor-2106 .elementor-element.elementor-element-c81f148 > .e-con-inner > .elementor-background-video-container::before, .elementor-2106 .elementor-element.elementor-element-c81f148 > .elementor-background-slideshow::before, .elementor-2106 .elementor-element.elementor-element-c81f148 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2106 .elementor-element.elementor-element-c81f148 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-2106 .elementor-element.elementor-element-b4ec230{--display:flex;}.elementor-2106 .elementor-element.elementor-element-b4ec230.e-con{--e-con-transform-translateY:-55px;}.elementor-2106 .elementor-element.elementor-element-4f30c8c{--display:flex;}.elementor-2106 .elementor-element.elementor-element-4f30c8c.e-con{--e-con-transform-translateY:-164px;}.elementor-2106 .elementor-element.elementor-element-763c817{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2106 .elementor-element.elementor-element-763c817.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2106 .elementor-element.elementor-element-278edf5{--display:flex;}.elementor-2106 .elementor-element.elementor-element-2b2b892{width:var( --container-widget-width, 142.148% );max-width:142.148%;--container-widget-width:142.148%;--container-widget-flex-grow:0;}.elementor-2106 .elementor-element.elementor-element-2b2b892.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2106 .elementor-element.elementor-element-2b2b892 .elementor-heading-title{color:#FFFEFF;}.elementor-2106 .elementor-element.elementor-element-9f9d3b8{color:#FFFFFF;}.elementor-2106 .elementor-element.elementor-element-532065c > .elementor-widget-container{margin:20px 0px 0px 0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-2106 .elementor-element.elementor-element-3c4bd21{--padding-top:130px;--padding-bottom:100px;--padding-left:32px;--padding-right:32px;}.elementor-2106 .elementor-element.elementor-element-b09ce85{--margin-top:24px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2106 .elementor-element.elementor-element-a5df6e6{--padding-top:64px;--padding-bottom:64px;--padding-left:32px;--padding-right:32px;}.elementor-2106 .elementor-element.elementor-element-0802940.elementor-element{--align-self:stretch;--flex-grow:0;--flex-shrink:0;}.elementor-2106 .elementor-element.elementor-element-c81f148{--padding-top:80px;--padding-bottom:80px;--padding-left:32px;--padding-right:32px;}.elementor-2106 .elementor-element.elementor-element-532065c > .elementor-widget-container{margin:10px 0px 0px 0px;}}@media(min-width:768px){.elementor-2106 .elementor-element.elementor-element-3c4bd21{--content-width:1200px;}.elementor-2106 .elementor-element.elementor-element-ad373f9{--width:99.785%;}.elementor-2106 .elementor-element.elementor-element-a5df6e6{--content-width:1200px;}.elementor-2106 .elementor-element.elementor-element-60e2c46{--content-width:1146px;}.elementor-2106 .elementor-element.elementor-element-3f98519{--content-width:925px;}.elementor-2106 .elementor-element.elementor-element-7d6c36e{--content-width:925px;}.elementor-2106 .elementor-element.elementor-element-a896c11{--content-width:925px;}.elementor-2106 .elementor-element.elementor-element-763c817{--width:90.129%;}}@media(max-width:767px){.elementor-2106 .elementor-element.elementor-element-3c4bd21{--min-height:0vh;--padding-top:130px;--padding-bottom:80px;--padding-left:24px;--padding-right:24px;}.elementor-2106 .elementor-element.elementor-element-f5aae62 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-2106 .elementor-element.elementor-element-b09ce85{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--margin-top:12px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2106 .elementor-element.elementor-element-a5df6e6{--gap:35px 0px;--row-gap:35px;--column-gap:0px;--padding-top:64px;--padding-bottom:64px;--padding-left:24px;--padding-right:24px;}.elementor-2106 .elementor-element.elementor-element-1fe2f2b .elementor-icon-box-wrapper{gap:12px;}.elementor-2106 .elementor-element.elementor-element-1fe2f2b .elementor-icon-box-title{margin-block-end:10px;}.elementor-2106 .elementor-element.elementor-element-1fe2f2b .elementor-icon{font-size:20px;padding:12px;}.elementor-2106 .elementor-element.elementor-element-c81f148{--padding-top:64px;--padding-bottom:64px;--padding-left:24px;--padding-right:24px;}.elementor-2106 .elementor-element.elementor-element-b4ec230.e-con{--e-con-transform-translateY:0px;}.elementor-2106 .elementor-element.elementor-element-4f30c8c.e-con{--e-con-transform-translateY:0px;}.elementor-2106 .elementor-element.elementor-element-763c817{--gap:15px 0px;--row-gap:15px;--column-gap:0px;}.elementor-2106 .elementor-element.elementor-element-532065c > .elementor-widget-container{margin:12px 0px 0px 0px;}}/* Start custom CSS for wpforms, class: .elementor-element-d212743 *//* ── Reset all field backgrounds to match dark theme ── */
.form input[type="text"],
.form input[type="email"],
.form input[type="tel"],
.form select,
.form textarea {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1.5px solid rgba(139, 92, 246, 0.3) !important;
  border-radius: 9px !important;
  color: #f0ebff !important;
  font-size: 14px !important;
  padding: 11px 14px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
}

/* ── Fix phone field specifically (was going white) ── */
.form input[type="tel"],
.form .wpforms-field-phone input,
.form input[name*="phone"],
.form input[id*="phone"] {
  background: rgba(255, 255, 255, 0.06) !important;
  color: #f0ebff !important;
  -webkit-text-fill-color: #f0ebff !important;
}

/* ── Fix browser autofill overriding background ── */
.form input:-webkit-autofill,
.form input:-webkit-autofill:hover,
.form input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px #1a0d3d inset !important;
  -webkit-text-fill-color: #f0ebff !important;
  border: 1.5px solid rgba(139, 92, 246, 0.3) !important;
}

/* ── Make placeholders clearly visible ── */
.form input::placeholder,
.form textarea::placeholder,
.form input::-webkit-input-placeholder,
.form textarea::-webkit-input-placeholder,
.form input::-moz-placeholder,
.form textarea::-moz-placeholder {
  color: rgba(196, 181, 253, 0.5) !important;
  opacity: 1 !important;
}

/* ── Select placeholder option ── */
.form select option[value=""] { color: rgba(196, 181, 253, 0.5) !important; }
.form select option { color: #f0ebff !important; background: #1a0d3d !important; }

/* ── Labels visible ── */
.form label,
.form .wpforms-field-label,
.form legend {
  color: #c4b5fd !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  margin-bottom: 6px !important;
  display: block !important;
}

.form .wpforms-required-label { color: #f472b6 !important; }

/* ── Focus state ── */
.form input:focus,
.form select:focus,
.form textarea:focus {
  border-color: #7c3aed !important;
  background: rgba(124, 58, 237, 0.1) !important;
  box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.15) !important;
  outline: none !important;
}

/* ── Dropdown arrow ── */
.form select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23a78bfa' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: calc(100% - 12px) 50% !important;
  background-color: rgba(255, 255, 255, 0.06) !important;
  padding-right: 36px !important;
  cursor: pointer !important;
}

/* ── Textarea ── */
.form textarea {
  resize: none !important;
  min-height: 100px !important;
  line-height: 1.5 !important;
}

/* ── Submit button ── */
.form button[type="submit"],
.form input[type="submit"],
.form .wpforms-submit {
  background: linear-gradient(135deg, #7c3aed, #9333ea) !important;
  border-radius: 9px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  padding: 13px 20px !important;
  border: none !important;
  width: 100% !important;
  color: #fff !important;
  cursor: pointer !important;
  letter-spacing: 0.03em !important;
  transition: all 0.2s !important;
}

.form button[type="submit"]:hover,
.form .wpforms-submit:hover {
  box-shadow: 0 6px 24px rgba(124, 58, 237, 0.45) !important;
  transform: translateY(-1px) !important;
  
  
}/* End custom CSS */