.elementor-8059 .elementor-element.elementor-element-0ef6fbd{--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;--justify-content:center;--align-items:center;--gap:20px 0px;--row-gap:20px;--column-gap:0px;--flex-wrap:nowrap;--overflow:hidden;--overlay-opacity:1;--padding-top:175px;--padding-bottom:250px;--padding-left:10px;--padding-right:10px;--z-index:0;}.elementor-8059 .elementor-element.elementor-element-0ef6fbd:not(.elementor-motion-effects-element-type-background), .elementor-8059 .elementor-element.elementor-element-0ef6fbd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-uicore_dark );background-image:url('/wp-content/uploads/2025/03/Peach-Payments-Pattern-Background-Top-Section-Compressed.avif');background-position:top right;background-repeat:no-repeat;background-size:contain;}.elementor-8059 .elementor-element.elementor-element-0ef6fbd::before, .elementor-8059 .elementor-element.elementor-element-0ef6fbd > .elementor-background-video-container::before, .elementor-8059 .elementor-element.elementor-element-0ef6fbd > .e-con-inner > .elementor-background-video-container::before, .elementor-8059 .elementor-element.elementor-element-0ef6fbd > .elementor-background-slideshow::before, .elementor-8059 .elementor-element.elementor-element-0ef6fbd > .e-con-inner > .elementor-background-slideshow::before, .elementor-8059 .elementor-element.elementor-element-0ef6fbd > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(90deg, var( --e-global-color-uicore_dark ) 25%, #070A4300 100%);}.elementor-8059 .elementor-element.elementor-element-008907f{--display:flex;--min-height:100vh;--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;--z-index:1;}.elementor-8059 .elementor-element.elementor-element-008907f.e-con{--align-self:flex-end;}.elementor-8059 .elementor-element.elementor-element-727f1cd{--display:flex;--border-radius:12px 12px 12px 12px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-8059 .elementor-element.elementor-element-727f1cd.e-con{--align-self:flex-start;}.elementor-8059 .elementor-element.elementor-element-ab238ed .uicore-repeater-selector{border-style:text;}.elementor-8059 .elementor-element.elementor-element-ab238ed  .elementor-repeater-item-c7bd47c.ui-e-highlight-icon, .elementor-8059 .elementor-element.elementor-element-ab238ed .elementor-repeater-item-c7bd47c{color:var( --e-global-color-uicore_white );fill:var( --e-global-color-uicore_white );}.elementor-8059 .elementor-element.elementor-element-ab238ed > .elementor-widget-container{padding:0px 50px 0px 0px;}.elementor-8059 .elementor-element.elementor-element-ab238ed{z-index:999;text-align:left;}.elementor-8059 .elementor-element.elementor-element-ab238ed .ui-e-headline-text path{stroke-width:40;}.elementor-8059 .elementor-element.elementor-element-ab238ed .ui-e-headline-text svg{bottom:0%;}.elementor-8059 .elementor-element.elementor-element-ab238ed .ui-e-highlight-icon, .elementor-8059 .elementor-element.elementor-element-ab238ed .ui-e-headline-text, .elementor-8059 .elementor-element.elementor-element-ab238ed .ui-e-highlight-image{font-family:var( --e-global-typography-7c7551b-font-family ), Sans-serif;font-size:var( --e-global-typography-7c7551b-font-size );font-weight:var( --e-global-typography-7c7551b-font-weight );line-height:var( --e-global-typography-7c7551b-line-height );letter-spacing:var( --e-global-typography-7c7551b-letter-spacing );}.elementor-8059 .elementor-element.elementor-element-ab238ed .ui-e-headline-highlighted{font-weight:700;}.elementor-8059 .elementor-element.elementor-element-632b629 > .elementor-widget-container{padding:0px 0px 12px 0px;}.elementor-8059 .elementor-element.elementor-element-632b629{z-index:2;text-align:start;font-family:var( --e-global-typography-uicore_text-font-family ), Sans-serif;font-weight:var( --e-global-typography-uicore_text-font-weight );color:var( --e-global-color-uicore_white );}.elementor-8059 .elementor-element.elementor-element-638b6b4 > .elementor-widget-container{margin:-500px -450px -500px -550px;padding:250px 0px 0px 0px;}.elementor-8059 .elementor-element.elementor-element-638b6b4{z-index:1;}.elementor-8059 .elementor-element.elementor-element-2dc46a4{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#FFFFFF00;--border-color:#FFFFFF00;--border-radius:16px 16px 16px 16px;box-shadow:50px 50px 50px 0px rgba(6.999999999999978, 9.999999999999968, 66.99999999999994, 0.33);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8059 .elementor-element.elementor-element-2dc46a4:not(.elementor-motion-effects-element-type-background), .elementor-8059 .elementor-element.elementor-element-2dc46a4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF1A;}.elementor-8059 .elementor-element.elementor-element-6db5825 > .elementor-widget-container{padding:50px 50px 50px 50px;}.elementor-8059 .elementor-element.elementor-element-6db5825{z-index:10;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(max-width:1024px){.elementor-8059 .elementor-element.elementor-element-0ef6fbd{--gap:40px 0px;--row-gap:40px;--column-gap:0px;--padding-top:120px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8059 .elementor-element.elementor-element-008907f{--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-8059 .elementor-element.elementor-element-ab238ed .ui-e-highlight-icon, .elementor-8059 .elementor-element.elementor-element-ab238ed .ui-e-headline-text, .elementor-8059 .elementor-element.elementor-element-ab238ed .ui-e-highlight-image{font-size:var( --e-global-typography-7c7551b-font-size );line-height:var( --e-global-typography-7c7551b-line-height );letter-spacing:var( --e-global-typography-7c7551b-letter-spacing );}.elementor-8059 .elementor-element.elementor-element-632b629{width:var( --container-widget-width, 480px );max-width:480px;--container-widget-width:480px;--container-widget-flex-grow:0;}.elementor-8059 .elementor-element.elementor-element-638b6b4 > .elementor-widget-container{margin:-450px -250px 0px -250px;}}@media(max-width:767px){.elementor-8059 .elementor-element.elementor-element-0ef6fbd{--min-height:90vh;--gap:24px 0px;--row-gap:24px;--column-gap:0px;--padding-top:110px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8059 .elementor-element.elementor-element-0ef6fbd:not(.elementor-motion-effects-element-type-background), .elementor-8059 .elementor-element.elementor-element-0ef6fbd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:500px auto;}.elementor-8059 .elementor-element.elementor-element-ab238ed .ui-e-highlight-icon, .elementor-8059 .elementor-element.elementor-element-ab238ed .ui-e-headline-text, .elementor-8059 .elementor-element.elementor-element-ab238ed .ui-e-highlight-image{font-size:var( --e-global-typography-7c7551b-font-size );line-height:var( --e-global-typography-7c7551b-line-height );letter-spacing:var( --e-global-typography-7c7551b-letter-spacing );}.elementor-8059 .elementor-element.elementor-element-632b629{width:100%;max-width:100%;}.elementor-8059 .elementor-element.elementor-element-638b6b4 > .elementor-widget-container{margin:-450px -200px -200px -200px;}}@media(min-width:768px){.elementor-8059 .elementor-element.elementor-element-727f1cd{--width:50%;}.elementor-8059 .elementor-element.elementor-element-2dc46a4{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-8059 .elementor-element.elementor-element-727f1cd{--width:40%;}.elementor-8059 .elementor-element.elementor-element-2dc46a4{--width:65%;}}/* Start custom CSS for highlighted-text, class: .elementor-element-ab238ed */.elementor-8059 .elementor-element.elementor-element-ab238ed {text-wrap: balance;}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-632b629 */.elementor-8059 .elementor-element.elementor-element-632b629 {text-wrap: balance;}/* End custom CSS */
/* Start custom CSS for jet-engine-component-10195, class: .elementor-element-638b6b4 *//* Original orange pulsating border */
.elementor-10100 .elementor-element.elementor-element-636d420 .bdt-marker-animated .bdt-marker:before,
.elementor-10100 .elementor-element.elementor-element-636d420 .bdt-marker-animated .bdt-marker:after {
    border-color: var(--e-global-color-uicore_primary);
}

/* Blue pulsating border for no-office class */
.elementor-10195 .elementor-element.elementor-element-636d420 .bdt-marker-animated .bdt-marker.no-office:before,
.elementor-10195 .elementor-element.elementor-element-636d420 .bdt-marker-animated .bdt-marker.no-office:after {
    border-color: var( --e-global-color-uicore_accent ); /* Replace with your specific blue color code */
}/* End custom CSS */
/* Start custom CSS for hubspot-form, class: .elementor-element-6db5825 *//* =========================================
   1. GENERAL FORM LAYOUT
   ========================================= */

.hbspt-form {
    background-color: transparent;
    padding: 0px;
}

.hs-form-field {
    margin-bottom: 40px !important;
}

.form-columns-2 {
    display: flex;
    justify-content: space-between;
}

.form-columns-2 .hs-form-field {
    width: 47% !important;
}

@media (max-width: 768px) {
    .form-columns-2 {
        flex-direction: column;
    }
    .form-columns-2 .hs-form-field {
        width: 100%;
    }
}

/* =========================================
   2. LABELS & TEXT
   ========================================= */

.hs-form-field label,
.hs-form-field .hs-form-label {
    color: #ffffff !important;
    font-weight: bold !important;
    display: block;
    margin-bottom: 10px !important;
}

.hs-form-required {
    color: #ffffff !important;
}

/* =========================================
   3. INPUT FIELDS (STATIC STATE)
   ========================================= */

.hs-input,
.hs-input input,
.hs-input select,
.hs-input textarea {
    color: #ffffff !important;
    background-color: transparent !important;
    padding: 10px 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;

    /* Static Border */
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.50) !important;
    
    border-radius: 5px !important;
    box-shadow: none !important;
    
    /* 
       CRITICAL: We only transition the border color. 
       Do NOT use 'transition: all' or it will freeze the gradient animation later.
    */
    transition: border-bottom 0.3s ease !important;
}

.hs-input::placeholder {
    color: rgba(255, 255, 255, 0.66) !important;
}

/* =========================================
   4. ANIMATED FOCUS STATE (FIXED)
   ========================================= */

/* 
   The Animation: 
   Moves the background from Left (0%) to Right (100%)
   Vertical position stays locked at Bottom (100%)
*/
@keyframes hs-gradient-slide {
    0% {
        background-position: 0% 100%;
    }
    100% {
        background-position: 100% 100%;
    }
}

/* Target every possible input type with high specificity */
.hbspt-form .hs-input:focus,
.hbspt-form .hs-input input:focus,
.hbspt-form .hs-input select:focus, 
.hbspt-form .hs-input textarea:focus,
.hbspt-form .hs-fieldtype-intl-phone select:focus {
    
    outline: none !important;
    
    /* 1. Remove the static border so we can see the gradient */
    border-bottom: 1px solid transparent !important;
    
    /* 2. The Gradient (Horizontal) */
    /* Added the first color at the end again for a perfect infinite loop */
    background-image: linear-gradient(to right, #FFC539, #EC5228, #5D6ADC, #91DDAB, #FFC539) !important;
        
    /* 3. Size: 200% Width (so it can move), 2px Height (border thickness) */
    background-size: 200% 2px !important;
    
    /* 4. Position: Start at Bottom Left */
    background-position: 0% 100% !important;
    background-repeat: no-repeat !important;
    
    /* 5. The Animation Trigger */
    animation: hs-gradient-slide 3s linear infinite !important;
    
    /* 
       6. THE FIX: Disable transitions on focus.
       This stops the browser from fighting the animation. 
    */
    transition: none !important;
    
    box-shadow: none !important;
}

/* =========================================
   5. DROPDOWN STYLING
   ========================================= */

.hs-input select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 0px center !important; 
    background-size: 16px !important;
    cursor: pointer;
}

div.hs-input.hs-fieldtype-intl-phone {
    border-bottom: none !important; 
    padding: 0 !important;
    margin-bottom: 0 !important;
    display: flex; 
    gap: 15px !important;
    background-image: none !important; 
}

/* =========================================
   6. ERROR MESSAGES & LEGAL
   ========================================= */

ul.hs-error-msgs {
    list-style: none !important;
    padding-left: 0 !important;
    margin-top: 5px !important;
}

.hs-error-msgs label,
.hs-error-msg {
    color: #ff3333 !important; 
    font-size: 12px !important;
    font-weight: normal !important;
}

.hs-input.invalid, 
.hs-input.error {
    border-bottom: 1px solid #ff3333 !important;
}

.legal-consent-container .hs-richtext,
.legal-consent-container p,
.legal-consent-container span {
    color: #ffffff !important;
    font-size: 13px !important;
}

ul.inputs-list {
    list-style: none !important;
    padding-left: 0 !important;
}

.legal-consent-container input[type="checkbox"],
.hs-input[type="checkbox"] {
    width: 16px !important;
    height: 16px !important;
    margin-right: 0px !important; 
    margin-top: 0px !important;
    border: 1px solid rgba(255, 255, 255, 0.5) !important;
    border-radius: 3px !important;
    appearance: auto !important; 
    -webkit-appearance: checkbox !important;
    cursor: pointer;
    background-image: none !important; 
}

.hs-form-booleancheckbox-display {
    display: flex !important;
    align-items: flex-start !important;
}

/* =========================================
   7. ANIMATED SUBMIT BUTTON
   ========================================= */

.hs_submit {
    margin-top: 30px !important;
}

/* The Wrapper (Visual Button) */
.hs_submit .actions {
    position: relative !important;
    width: 200px !important;
    height: 50px !important;
    border-radius: 50px !important;
    background: linear-gradient(to bottom, rgb(239, 101, 42), rgb(236, 70, 40)) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    padding: 5px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    transition: 0.3s !important;
}

/* The Input (Invisible Trigger) */
.hs-button.primary {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    border: none !important;
    background: transparent !important;
    color: transparent !important;
    cursor: pointer !important;
    z-index: 10 !important;
}

/* The Text "SUBMIT" */
.hs_submit .actions::before {
    content: 'Submit'; 
    font-family: 'Sora', sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    color: white !important;
    position: absolute !important;
    top: 50% !important;
    left: calc(50% - 22px) !important; 
    transform: translate(-50%, -50%) !important;
    z-index: 1 !important;
    transition-duration: 0.5s !important;
    pointer-events: none !important;
}

/* The Icon Circle */
.hs_submit .actions::after {
    content: '';
    width: 40px !important;
    height: 40px !important;
    border-radius: 50px !important;
    background: white !important;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23ef652a' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='7' y1='17' x2='17' y2='7'/%3E%3Cpolyline points='7 7 17 7 17 17'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 2 !important;
    transition-duration: 0.5s !important;
    pointer-events: none !important;
}

/* Hover States */
.hs_submit .actions:hover::after {
    width: 190px !important;
    transition-duration: 0.5s !important;
}

.hs_submit .actions:hover::before {
    transform: translate(10px, -50%) !important;
    opacity: 0 !important;
    transition-duration: 0.5s !important;
}

.hs_submit .actions:active {
    transform: scale(0.95) !important;
    transition-duration: 0.5s !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0ef6fbd *//* - Animated Gradient Text - */

.elementor-8059 .elementor-element.elementor-element-0ef6fbd .ui-e-headline-highlighted {
    background: linear-gradient(45deg, #FFC539, #EC5228, #5D6ADC, #91DDAB);
 background-size:200%;
 animation: text-gradient 15s ease infinite;
 padding:5px 0;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
 background-clip: text;
   text-fill-color: transparent;
}

@keyframes text-gradient {
 0% {
  background-position: 0% 50%;
 }
 50% {
  background-position: 100% 50%;
 }
 100% {
  background-position: 0% 50%;
 }
}
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}/* End custom CSS */
/* Start custom CSS *//*
 * ===================================================================
 *  Peach Payments | Contact Page Popup Color Override
 * ===================================================================
 *  This code changes the text and icon colors in Elementor location
 *  popups to white, but ONLY on the 'Contact Us' page (page-id-8059).
*/




/* Target the main text content within the popups */
body.page-id-8059 .elementor-location-popup .jet-listing-dynamic-field__content {
    color: #FFFFFF !important;
}

/* Target the email link specifically to ensure it's also white */
body.page-id-8059 .elementor-location-popup .jet-listing-dynamic-field__content a {
    color: #FFFFFF !important;
}

/* Target the SVG icons and change their fill color to white */
body.page-id-8059 .elementor-location-popup .elementor-icon svg path {
    fill: #FFFFFF !important;
}

.white-version
{
    color: #ffffff !important;
}/* End custom CSS */