.elementor-42 .elementor-element.elementor-element-86eaff4{--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;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-42 .elementor-element.elementor-element-54582e5{--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:60px 60px;--row-gap:60px;--column-gap:60px;}.elementor-42 .elementor-element.elementor-element-f9d8755{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-42 .elementor-element.elementor-element-f0353c2{background-color:transparent;padding:8px 20px 6px 20px;background-image:linear-gradient(180deg, var( --e-global-color-accent ) 0%, var( --e-global-color-665b28f ) 100%);border-radius:100px 100px 100px 100px;}.elementor-42 .elementor-element.elementor-element-f0353c2 .elementor-heading-title{font-family:"Host Grotesk", Sans-serif;font-size:0.875rem;font-weight:600;line-height:1.4em;color:var( --e-global-color-a35d24a );}.elementor-42 .elementor-element.elementor-element-283e4e0{width:var( --container-widget-width, 595px );max-width:595px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;--container-widget-width:595px;--container-widget-flex-grow:0;text-align:start;}.elementor-42 .elementor-element.elementor-element-283e4e0.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-42 .elementor-element.elementor-element-283e4e0 .elementor-heading-title{font-family:var( --e-global-typography-7c5a3ee-font-family ), Sans-serif;font-size:var( --e-global-typography-7c5a3ee-font-size );font-weight:var( --e-global-typography-7c5a3ee-font-weight );line-height:var( --e-global-typography-7c5a3ee-line-height );}.elementor-42 .elementor-element.elementor-element-7b95a2c .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(30px/2);}.elementor-42 .elementor-element.elementor-element-7b95a2c .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(30px/2);}.elementor-42 .elementor-element.elementor-element-7b95a2c .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(30px/2);}.elementor-42 .elementor-element.elementor-element-7b95a2c .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-30px/2);}.elementor-42 .elementor-element.elementor-element-7b95a2c .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-30px/2);}.elementor-42 .elementor-element.elementor-element-7b95a2c .elementor-icon-list-icon i{color:var( --e-global-color-4be6ee2 );transition:color 0.3s;}.elementor-42 .elementor-element.elementor-element-7b95a2c .elementor-icon-list-icon svg{fill:var( --e-global-color-4be6ee2 );transition:fill 0.3s;}.elementor-42 .elementor-element.elementor-element-7b95a2c{--e-icon-list-icon-size:15px;--icon-vertical-offset:0px;}.elementor-42 .elementor-element.elementor-element-7b95a2c .elementor-icon-list-item > .elementor-icon-list-text, .elementor-42 .elementor-element.elementor-element-7b95a2c .elementor-icon-list-item > a{font-family:var( --e-global-typography-0c82f83-font-family ), Sans-serif;font-size:var( --e-global-typography-0c82f83-font-size );font-weight:var( --e-global-typography-0c82f83-font-weight );}.elementor-42 .elementor-element.elementor-element-7b95a2c .elementor-icon-list-text{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-42 .elementor-element.elementor-element-043885e{--divider-border-style:dashed;--divider-color:var( --e-global-color-cf8a103 );--divider-border-width:1px;}.elementor-42 .elementor-element.elementor-element-043885e .elementor-divider-separator{width:100%;}.elementor-42 .elementor-element.elementor-element-043885e .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-42 .elementor-element.elementor-element-e271375{width:100%;max-width:100%;margin:-35px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-42 .elementor-element.elementor-element-e792438 .elementor-button-content-wrapper{flex-direction:row;}.elementor-42 .elementor-element.elementor-element-e792438 .elementor-button .elementor-button-content-wrapper{gap:12px;}.elementor-42 .elementor-element.elementor-element-e792438 .elementor-button{font-family:var( --e-global-typography-2e8cd94-font-family ), Sans-serif;font-size:var( --e-global-typography-2e8cd94-font-size );font-weight:var( --e-global-typography-2e8cd94-font-weight );line-height:var( --e-global-typography-2e8cd94-line-height );fill:var( --e-global-color-primary );color:var( --e-global-color-primary );box-shadow:0px 0px 20px 0px rgba(255, 255, 255, 0.5) inset;padding:15px 30px 15px 30px;}.elementor-42 .elementor-element.elementor-element-cb38446{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-42 .elementor-element.elementor-element-2d080ff{--display:flex;--border-radius:20px 20px 20px 20px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-42 .elementor-element.elementor-element-2d080ff:not(.elementor-motion-effects-element-type-background), .elementor-42 .elementor-element.elementor-element-2d080ff > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-42 .elementor-element.elementor-element-23be0d7{--display:flex;--border-radius:25px 25px 25px 25px;box-shadow:0px 0px 80px 8px rgba(255, 255, 255, 0.5) inset;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-42 .elementor-element.elementor-element-23be0d7:not(.elementor-motion-effects-element-type-background), .elementor-42 .elementor-element.elementor-element-23be0d7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-2887676 );}.elementor-42 .elementor-element.elementor-element-b97e359{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.06);--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-42 .elementor-element.elementor-element-b97e359:not(.elementor-motion-effects-element-type-background), .elementor-42 .elementor-element.elementor-element-b97e359 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-4be6ee2 );}.elementor-42 .elementor-element.elementor-element-a2691f3 .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-42 .elementor-element.elementor-element-8d612f4{--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:flex-start;--align-items:center;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-42 .elementor-element.elementor-element-0e53104{background-color:transparent;padding:15px 15px 15px 15px;background-image:linear-gradient(180deg, var( --e-global-color-91c55ed ) 0%, var( --e-global-color-2d5e06a ) 100%);}.elementor-42 .elementor-element.elementor-element-0e53104:not( .elementor-widget-image ), .elementor-42 .elementor-element.elementor-element-0e53104.elementor-widget-image img{-webkit-mask-image:url( https://phantomsound.com/wp-content/plugins/elementor/assets/mask-shapes/circle.svg );-webkit-mask-size:contain;-webkit-mask-position:center center;-webkit-mask-repeat:no-repeat;}.elementor-42 .elementor-element.elementor-element-0e53104 .elementor-heading-title{color:var( --e-global-color-8811fce );}.elementor-42 .elementor-element.elementor-element-5bdd29b{font-family:var( --e-global-typography-0c82f83-font-family ), Sans-serif;font-size:var( --e-global-typography-0c82f83-font-size );font-weight:var( --e-global-typography-0c82f83-font-weight );color:var( --e-global-color-primary );}.elementor-42 .elementor-element.elementor-element-0834386{--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:flex-start;--align-items:center;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-42 .elementor-element.elementor-element-39f4e88{background-color:transparent;padding:15px 15px 15px 15px;background-image:linear-gradient(180deg, var( --e-global-color-91c55ed ) 0%, var( --e-global-color-2d5e06a ) 100%);}.elementor-42 .elementor-element.elementor-element-39f4e88:not( .elementor-widget-image ), .elementor-42 .elementor-element.elementor-element-39f4e88.elementor-widget-image img{-webkit-mask-image:url( https://phantomsound.com/wp-content/plugins/elementor/assets/mask-shapes/circle.svg );-webkit-mask-size:contain;-webkit-mask-position:center center;-webkit-mask-repeat:no-repeat;}.elementor-42 .elementor-element.elementor-element-39f4e88 .elementor-heading-title{color:var( --e-global-color-8811fce );}.elementor-42 .elementor-element.elementor-element-8e53132{width:var( --container-widget-width, 517px );max-width:517px;--container-widget-width:517px;--container-widget-flex-grow:0;font-family:var( --e-global-typography-0c82f83-font-family ), Sans-serif;font-size:var( --e-global-typography-0c82f83-font-size );font-weight:var( --e-global-typography-0c82f83-font-weight );color:var( --e-global-color-primary );}.elementor-42 .elementor-element.elementor-element-2073879{font-family:var( --e-global-typography-d5657bb-font-family ), Sans-serif;font-size:var( --e-global-typography-d5657bb-font-size );font-weight:var( --e-global-typography-d5657bb-font-weight );line-height:var( --e-global-typography-d5657bb-line-height );}@media(max-width:1440px){.elementor-42 .elementor-element.elementor-element-283e4e0 .elementor-heading-title{font-size:var( --e-global-typography-7c5a3ee-font-size );line-height:var( --e-global-typography-7c5a3ee-line-height );}.elementor-42 .elementor-element.elementor-element-7b95a2c .elementor-icon-list-item > .elementor-icon-list-text, .elementor-42 .elementor-element.elementor-element-7b95a2c .elementor-icon-list-item > a{font-size:var( --e-global-typography-0c82f83-font-size );}.elementor-42 .elementor-element.elementor-element-e792438 .elementor-button{font-size:var( --e-global-typography-2e8cd94-font-size );line-height:var( --e-global-typography-2e8cd94-line-height );}.elementor-42 .elementor-element.elementor-element-5bdd29b{font-size:var( --e-global-typography-0c82f83-font-size );}.elementor-42 .elementor-element.elementor-element-8e53132{font-size:var( --e-global-typography-0c82f83-font-size );}.elementor-42 .elementor-element.elementor-element-2073879{font-size:var( --e-global-typography-d5657bb-font-size );line-height:var( --e-global-typography-d5657bb-line-height );}}@media(max-width:1024px){.elementor-42 .elementor-element.elementor-element-86eaff4{--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-42 .elementor-element.elementor-element-54582e5{--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-42 .elementor-element.elementor-element-283e4e0{width:var( --container-widget-width, 800px );max-width:800px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;--container-widget-width:800px;--container-widget-flex-grow:0;}.elementor-42 .elementor-element.elementor-element-283e4e0 .elementor-heading-title{font-size:var( --e-global-typography-7c5a3ee-font-size );line-height:var( --e-global-typography-7c5a3ee-line-height );}.elementor-42 .elementor-element.elementor-element-7b95a2c .elementor-icon-list-item > .elementor-icon-list-text, .elementor-42 .elementor-element.elementor-element-7b95a2c .elementor-icon-list-item > a{font-size:var( --e-global-typography-0c82f83-font-size );}.elementor-42 .elementor-element.elementor-element-e792438 .elementor-button{font-size:var( --e-global-typography-2e8cd94-font-size );line-height:var( --e-global-typography-2e8cd94-line-height );}.elementor-42 .elementor-element.elementor-element-5bdd29b{font-size:var( --e-global-typography-0c82f83-font-size );}.elementor-42 .elementor-element.elementor-element-8e53132{font-size:var( --e-global-typography-0c82f83-font-size );}.elementor-42 .elementor-element.elementor-element-2073879{font-size:var( --e-global-typography-d5657bb-font-size );line-height:var( --e-global-typography-d5657bb-line-height );}}@media(max-width:767px){.elementor-42 .elementor-element.elementor-element-86eaff4{--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-42 .elementor-element.elementor-element-f0353c2{text-align:start;}.elementor-42 .elementor-element.elementor-element-283e4e0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-42 .elementor-element.elementor-element-283e4e0 .elementor-heading-title{font-size:var( --e-global-typography-7c5a3ee-font-size );line-height:var( --e-global-typography-7c5a3ee-line-height );}.elementor-42 .elementor-element.elementor-element-7b95a2c .elementor-icon-list-item > .elementor-icon-list-text, .elementor-42 .elementor-element.elementor-element-7b95a2c .elementor-icon-list-item > a{font-size:var( --e-global-typography-0c82f83-font-size );}.elementor-42 .elementor-element.elementor-element-e792438{width:100%;max-width:100%;}.elementor-42 .elementor-element.elementor-element-e792438 .elementor-button{font-size:var( --e-global-typography-2e8cd94-font-size );line-height:var( --e-global-typography-2e8cd94-line-height );}.elementor-42 .elementor-element.elementor-element-2d080ff{--padding-top:22px;--padding-bottom:22px;--padding-left:22px;--padding-right:22px;}.elementor-42 .elementor-element.elementor-element-23be0d7{--padding-top:22px;--padding-bottom:22px;--padding-left:22px;--padding-right:22px;}.elementor-42 .elementor-element.elementor-element-5bdd29b{font-size:var( --e-global-typography-0c82f83-font-size );}.elementor-42 .elementor-element.elementor-element-8e53132{font-size:var( --e-global-typography-0c82f83-font-size );}.elementor-42 .elementor-element.elementor-element-2073879{font-size:var( --e-global-typography-d5657bb-font-size );line-height:var( --e-global-typography-d5657bb-line-height );}}/* Start custom CSS *//* ==========================================================================
   1. CUSTOM MULTI-STEP SIDEBAR TRACKER
   ========================================================================== */
.start-project-tabs { display: flex; flex-direction: column; width: 100%; max-width: 22.5rem; }
.step-tab { width: 100%; }
.div-block-14 { display: flex; flex-direction: row; align-items: flex-end; width: 100%; }
.div-block-31 { display: flex; flex-direction: column; align-items: center; width: 2.25rem; margin-right: 1.25rem; }
.vertical-line-steps { width: 0.125rem; height: 3.5rem; background-color: #e0e0e0; transition: background-color 0.4s ease; }
.vertical-line-steps.first-line { opacity: 0; }
.background-color-step { width: 2.25rem; height: 2.25rem; border-radius: 50%; background-color: #f5f5f5; display: flex; justify-content: center; align-items: center; position: relative; transition: all 0.4s ease; }
.tab-number { font-size: 0.875rem; font-weight: 600; color: #a3a3a3; transition: all 0.4s ease; }
.tab-svg-recorrido { width: 1.125rem; position: absolute; opacity: 0; transform: scale(0.8); transition: all 0.4s ease; }

.step-tab.completed {
    cursor: pointer !important;
}

/* Make any unlocked step look clickable */
.step-tab:not(.locked) {
    cursor: pointer !important;
}

/* Make ALL steps look clickable so the sidebar acts as a full navigation menu */
.step-tab {
    cursor: pointer !important;
}

/* FIX: Changed justify-content to flex-start and added an 8px gap to pull text and checkmark together */
.tab-text-content { display: flex; align-items: center; justify-content: flex-start; gap: 8px; flex-grow: 1; margin-bottom: 0.375rem; }

.text-color-tab { font-size: 1.125rem; font-weight: 500; color: #a3a3a3; transition: color 0.4s ease; }
.tab-check { width: 1.25rem; opacity: 0; transform: scale(0.8); transition: all 0.4s ease; }

/* Tracker State Modifiers */
.step-tab.active .background-color-step { background-color: #112337; }
.step-tab.active .tab-number { color: #ffffff; }
.step-tab.active .text-color-tab { color: #112337; font-weight: 600; }
.step-tab.active .vertical-line-steps { background-color: #112337; }
@keyframes pulseRing {
    0% { box-shadow: 0 0 0 0 rgba(17, 35, 55, 0.4); }
    70% { box-shadow: 0 0 0 0.625rem rgba(17, 35, 55, 0); }
    100% { box-shadow: 0 0 0 0 rgba(17, 35, 55, 0); }
}
.step-tab.active.tab-pulse .background-color-step { animation: pulseRing 2s infinite; }
.step-tab.completed .background-color-step { background-color: #f5f5f5; }
.step-tab.completed .tab-number { opacity: 0; }
.step-tab.completed .tab-svg-recorrido { opacity: 1; transform: scale(1); }
.step-tab.completed .text-color-tab { color: #112337; }
.step-tab.completed .tab-check { opacity: 1; transform: scale(1); }
.step-tab.completed .vertical-line-steps { background-color: #112337; }

/* ==========================================================================
   2. HIDE NATIVE GF UI ELEMENTS
   ========================================================================== */
.start-a-project .gform_wrapper .gform_heading,
.start-a-project .gform_wrapper .gform_required_legend,
.start-a-project .gform_wrapper .gf_page_steps {
    display: none !important;
}

/* ==========================================================================
   3. SECTION TITLES & DASHED BORDERS
   ========================================================================== */
.start-a-project .gform_wrapper .gsection {
    border-bottom: 0.125rem dashed #d3d3d3 !important;
    padding-bottom: 1.5rem !important;
}

.start-a-project .gform_wrapper .gsection_title {
    display: flex !important;
    align-items: center !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    color: #112337 !important;
    margin-bottom: 0.75rem !important;
    line-height: 1.2 !important;
    letter-spacing: normal !important;
}

.start-a-project .gform_wrapper .gsection_title::before {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 2.8125rem !important; 
    height: 2.8125rem !important; 
    background-color: #e2dded !important;
    border-radius: 100rem !important;
    font-size: 1.125rem !important;
    font-weight: 500 !important;
    color: #112337 !important;
    margin-right: 1rem !important;
    flex-shrink: 0 !important;
}

.start-a-project .gform_wrapper .gform_page:nth-child(1) .gsection_title::before { content: "1" !important; }
.start-a-project .gform_wrapper .gform_page:nth-child(2) .gsection_title::before { content: "2" !important; }
.start-a-project .gform_wrapper .gform_page:nth-child(3) .gsection_title::before { content: "3" !important; }
.start-a-project .gform_wrapper .gform_page:nth-child(4) .gsection_title::before { content: "4" !important; }
.start-a-project .gform_wrapper .gform_page:nth-child(5) .gsection_title::before { content: "5" !important; }

.start-a-project .gform_wrapper .gsection_description {
    font-size: 1rem !important;
    color: #686e77 !important;
    margin-bottom: 0 !important;
    line-height: 1.5 !important;
}

/* ==========================================================================
   4. STANDARD INPUTS (Text, Email, Phone, Textarea)
   ========================================================================== */
.start-a-project .gform_wrapper input[type="text"],
.start-a-project .gform_wrapper input[type="email"],
.start-a-project .gform_wrapper input[type="tel"],
.start-a-project .gform_wrapper textarea {
    background: transparent !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 0.0625rem solid #d9d9d9 !important;
    border-radius: 0 !important;
    padding: 0.75rem 0 !important;
    font-size: 1rem !important;
    color: #112337 !important;
    box-shadow: none !important;
    width: 100% !important;
}

.start-a-project .gform_wrapper input[type="text"]:focus,
.start-a-project .gform_wrapper input[type="email"]:focus,
.start-a-project .gform_wrapper input[type="tel"]:focus,
.start-a-project .gform_wrapper textarea:focus {
    border-bottom: 0.0625rem solid #204ce5 !important;
    outline: none !important;
}

.start-a-project .gform_wrapper .gfield_label {
    font-weight: 400 !important;
    font-size: 0.875rem !important;
    color: #112337 !important;
    margin-bottom: 0.25rem !important;
}

/* ==========================================================================
   5. RADIO BUTTONS (Circular Toggle Fix)
   ========================================================================== */
.start-a-project .gform_wrapper .gfield_radio {
    display: flex !important;
    flex-direction: row !important;
    gap: 1.5rem !important;
}

.start-a-project .gform_wrapper .gfield_radio .gchoice { 
    margin: 0 !important; 
    padding: 0 !important; 
    display: flex !important; 
    align-items: center !important; 
}

.start-a-project .gform_wrapper .gfield_radio label::before,
.start-a-project .gform_wrapper .gfield_radio label::after {
    display: none !important;
    content: none !important;
}

.start-a-project .gform_wrapper .gfield_radio input[type="radio"] {
    appearance: none !important;
    -webkit-appearance: none !important;
    width: 1.25rem !important;
    height: 1.25rem !important;
    min-width: 1.25rem !important;
    border: 0.0625rem solid #ccc !important;
    border-radius: 50% !important;
    margin: 0 0.75rem 0 0 !important;
    cursor: pointer !important;
    position: relative !important;
    display: inline-block !important;
    background-color: transparent !important;
    flex-shrink: 0 !important;
    transition: all 0.2s ease !important;
}

.start-a-project .gform_wrapper .gfield_radio input[type="radio"]:checked {
    border: 0.375rem solid #112337 !important;
    background-color: #ffffff !important;
    background-image: none !important;
}

.start-a-project .gform_wrapper .gfield_radio label {
    display: flex !important; 
    align-items: center !important; 
    cursor: pointer !important;
    font-size: 1rem !important; 
    color: #112337 !important; 
    font-weight: 400 !important;
    padding: 0 !important; 
    max-width: none !important;
}

/* ==========================================================================
   6. IMAGE CHOICE CARDS
   ========================================================================== */
.start-a-project .gform_wrapper .gfield--type-image_choice .gchoice::after,
.start-a-project .gform_wrapper .gfield--type-image_choice .gchoice:where(:has(input:checked))::after {
    display: none !important;
    content: none !important;
}

.start-a-project .gform_wrapper .gfield--type-image_choice .gfield_checkbox {
    display: flex !important; flex-direction: column !important; gap: 20px !important; 
}

.start-a-project .gform_wrapper .gchoice {
    width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important;
    border-radius: 15px !important;
    border: none !important;
    outline: none !important;
}

.start-a-project .gform_wrapper span.gfield-image-choice-wrapper-outer {
    display: flex !important; flex-direction: row !important; align-items: flex-start !important;
    gap: 1.5rem !important; padding: 1rem !important;
    border-radius: 15px !important;
    background: #eeedeb !important; box-shadow: none !important; height: auto !important;
    align-items: center !important;
    transition: background 0.2s ease !important;
    border: none !important;
    outline: none !important;
}

.start-a-project .gform_wrapper .gfield-choice-image-wrapper {
    width: 4.375rem !important; flex-shrink: 0 !important; height: auto !important; border: none !important; background: transparent !important;
}

.start-a-project .gform_wrapper .gfield-choice-image-wrapper img {
    width: 100% !important; height: auto !important; object-fit: contain !important; border-radius: 0 !important;
}

.start-a-project .gform_wrapper span.gfield-image-choice-wrapper-inner {
    display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; position: relative !important;
}

.start-a-project .gform_wrapper span.gfield-image-choice-wrapper-inner input[type="checkbox"] {
    position: absolute !important; opacity: 0 !important; 
    width: 100% !important; height: 100% !important; 
    top: 0 !important; left: 0 !important; margin: 0 !important;
    cursor: pointer !important; z-index: 2 !important;
}

.start-a-project .gform_wrapper .gform-field-label.gform-field-label--type-inline {
    display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; cursor: pointer !important;
    position: relative !important; z-index: 1 !important;
}

.start-a-project .gform_wrapper .gform-field-label.gform-field-label--type-inline span {
    display: flex !important; align-items: center !important;
    font-size: 1rem !important; font-weight: 600 !important; color: #112337 !important; margin-bottom: 0.25rem !important;
}

.start-a-project .gform_wrapper .gform-field-label.gform-field-label--type-inline span::before {
    content: "" !important; display: inline-block !important; width: 1.25rem !important; height: 1.25rem !important;
    border: 0.0625rem solid #ccc !important; border-radius: 0.25rem !important; margin-right: 0.75rem !important;
    background-color: transparent !important; flex-shrink: 0 !important; transition: all 0.2s ease !important;
}

.start-a-project .gform_wrapper span.gfield-image-choice-wrapper-inner input[type="checkbox"]:checked + label span::before {
    background-color: #112337 !important; border-color: #112337 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E") !important;
    background-size: 0.75rem !important; background-position: center !important; background-repeat: no-repeat !important;
}

.start-a-project .gform_wrapper .gform-field-label.gform-field-label--type-inline p {
    display: block !important; margin: 0 0 0 2rem !important; 
    font-size: 0.875rem !important; color: #686e77 !important; line-height: 1.4 !important; font-weight: 400 !important;
}

/* FIX: Replaced the Webflow URL with an inline SVG Data URI for the info icon */
.start-a-project .gform_wrapper .gform-field-label.gform-field-label--type-inline p::after {
    content: "" !important; display: inline-block !important; width: 1.125rem !important; height: 1.125rem !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23686e77' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4'/%3E%3Cpath d='M12 8h.01'/%3E%3C/svg%3E") !important;
    background-size: contain !important; background-repeat: no-repeat !important; margin-left: 0.5rem !important; vertical-align: middle !important;
}

.start-a-project .gfield--type-html h6{
    font-size: 18px !important;
    color: #333;
}

.start-a-project  .gform-theme--framework .gfield--type-image_choice .gfield-choice-image-wrapper {
     margin-block-end: 0 !important; 
}

.start-a-project .gform-theme--foundation .gform_fields {
        -moz-column-gap:  10px !important;
        column-gap: 10px !important;
        row-gap: 30px !important;
    }

.start-a-project h6,.start-a-project p{
   margin: 0 !important; 
}

/* Change card background to white when child input is checked */
.start-a-project .gform_wrapper span.gfield-image-choice-wrapper-outer:has(span.gfield-image-choice-wrapper-inner input[type="checkbox"]:checked) {
    background: #ffffff !important;
    border: none !important; 
    outline: none !important; 
}

/* ==========================================================================
   7. NAVIGATION BUTTONS & FOOTER LAYOUT
   ========================================================================== */
.start-a-project .gform_wrapper .gform_page_footer {
    display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important;
    border-top: 0.125rem dashed #d3d3d3 !important; padding-top: 2rem !important; margin-top: 2rem !important; width: 100% !important;
}

/* Remove dashed border specifically from Page 1 footer */
.start-a-project .gform_wrapper .gform_page:nth-child(1) .gform_page_footer {
    border-top: none !important;
    padding-top: 0 !important;
}

.start-a-project .gform_wrapper .gform_page_footer:not(:has(.gform_previous_button)):not(:has(#field_1_22)) {
    justify-content: flex-end !important;
}

/* Injected Button Adjustments */
.start-a-project .gform_wrapper .custom-elementor-gf-btn.gf-btn-next {
    margin: 0 !important;
    box-shadow: inset 0 0 7px #fff, 0 2px 1px #0003 !important;
    flex-shrink: 0 !important;
}

/* Back Button specifically stripped down to match Webflow */
.start-a-project .gform_wrapper .custom-elementor-gf-btn.gf-btn-prev {
    background-color: #eeedeb !important;
    border: none !important;
    color: #112337 !important;
    font-weight: 600 !important;
    padding: 15px 25px !important;
    margin: 0 !important;
    box-shadow: none !important;
    font-size: 14px;
}

.start-a-project .gform_wrapper .custom-elementor-gf-btn.gf-btn-prev:hover {
background-color: #eeedeb !important;
    border: none !important;
    color: #112337 !important;
    font-weight: 600 !important;
    padding: 15px 25px !important;
    margin: 0 !important;
    box-shadow: none !important;
    font-size: 14px;
}

.start-a-project .gform-theme--framework input[type=checkbox]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::before {
    font-size: 0 !important;
}

/* ==========================================================================
   8. DISCLAIMER / FOOTER TEXT
   ========================================================================== */
.start-a-project .gform_wrapper #field_1_22 {
    font-size: 0.875rem !important; 
    color: #686e77 !important;
    line-height: 1.5 !important;
    margin: 0 !important;
    padding: 0 !important;
    max-width: 80% !important; 
}

.start-a-project .gform_wrapper #field_1_22 a,
.start-a-project .gform_wrapper #field_1_22 span {
    color: #112337 !important;
    font-weight: 600 !important;
    text-decoration: underline !important;
}


/* Hide success elements on initial page load */
.show-after-form-submission {
    display: none;
}

@media (max-width: 48em) {
    .start-a-project .gform_wrapper .gform_page_footer { 
        flex-direction: column !important; 
        align-items: flex-start !important;
        gap: 1.5rem !important;
    }
    
    .start-a-project .gform_wrapper #field_1_22 {
        max-width: 100% !important;
        order: -1 !important;
    }
    
    .start-a-project .gform_wrapper .custom-elementor-gf-btn.gf-btn-next {
        align-self: flex-end !important;
    }
}

/* ==========================================================================
   9. STANDARD CHECKBOXES (Review Summary / Services List)
   ========================================================================== */
/* Target only standard checkboxes, avoiding the image choices using :not(:has(...)) */
.start-a-project .gform_wrapper .ginput_container_checkbox:not(:has(.gfield-choice-image-wrapper)) .gfield_checkbox {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.75rem !important;
}

.start-a-project .gform_wrapper .ginput_container_checkbox:not(:has(.gfield-choice-image-wrapper)) .gchoice {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Force-hide native Gravity Forms orbital pseudo-elements */
.start-a-project .gform_wrapper .ginput_container_checkbox:not(:has(.gfield-choice-image-wrapper)) label::before,
.start-a-project .gform_wrapper .ginput_container_checkbox:not(:has(.gfield-choice-image-wrapper)) label::after {
    display: none !important;
    content: none !important;
}

/* Style the actual checkbox input as a neat square */
.start-a-project .gform_wrapper .ginput_container_checkbox:not(:has(.gfield-choice-image-wrapper)) input[type="checkbox"] {
    appearance: none !important;
    -webkit-appearance: none !important;
    width: 1.25rem !important;
    height: 1.25rem !important;
    min-width: 1.25rem !important;
    border: 0.0625rem solid #ccc !important;
    border-radius: 0.25rem !important;
    margin: 0 0.75rem 0 0 !important;
    cursor: pointer !important;
    position: relative !important;
    display: inline-block !important;
    background-color: transparent !important;
    flex-shrink: 0 !important;
    transition: all 0.2s ease !important;
    opacity: 1 !important;
}

/* Apply the blue background and checkmark when checked */
.start-a-project .gform_wrapper .ginput_container_checkbox:not(:has(.gfield-choice-image-wrapper)) input[type="checkbox"]:checked {
    background-color: #112337 !important;
    border-color: #112337 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E") !important;
    background-size: 0.875rem !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.start-a-project .gform_wrapper .ginput_container_checkbox:not(:has(.gfield-choice-image-wrapper)) label {
    display: flex !important; 
    align-items: center !important; 
    cursor: pointer !important;
    font-size: 1rem !important; 
    color: #112337 !important; 
    font-weight: 400 !important;
    padding: 0 !important; 
    max-width: none !important;
}


@media (max-width: 767px) {
.start-a-project .gform_wrapper span.gfield-image-choice-wrapper-outer {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 1.5rem !important;
    padding: 1rem !important;
    border-radius: 15px !important;
    background: #eeedeb !important;
    box-shadow: none !important;
    height: auto !important;
    align-items: flex-start !important;
    transition: background 0.2s ease !important;
    border: none !important;
    outline: none !important;
}

.start-a-project a.elementor-button.elementor-button-link.elementor-size-sm.custom-elementor-gf-btn.gf-btn-prev{
    width: 100% !important;
     text-align: center !important;
      align-self: center !important;
}

.start-a-project a.elementor-button.elementor-button-link.elementor-size-sm.custom-elementor-gf-btn.gf-btn-next{
      width: 100% !important;
      text-align: center !important;
      align-self: center !important;
}

.start-a-project span.elementor-button-content-wrapper{
    align-self: center !important;
    justify-content: center;
}
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Host Grotesk';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://phantomsound.com/wp-content/uploads/2026/02/HostGrotesk-Regular.eot');
	src: url('https://phantomsound.com/wp-content/uploads/2026/02/HostGrotesk-Regular.eot?#iefix') format('embedded-opentype'),
		url('https://phantomsound.com/wp-content/uploads/2026/02/HostGrotesk-Regular.woff2') format('woff2'),
		url('https://phantomsound.com/wp-content/uploads/2026/02/HostGrotesk-Regular.woff') format('woff'),
		url('https://phantomsound.com/wp-content/uploads/2026/02/HostGrotesk-Regular.ttf') format('truetype'),
		url('https://phantomsound.com/wp-content/uploads/2026/02/HostGrotesk-Regular.svg#HostGrotesk') format('svg');
}
@font-face {
	font-family: 'Host Grotesk';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://phantomsound.com/wp-content/uploads/2026/02/HostGrotesk-Medium.eot');
	src: url('https://phantomsound.com/wp-content/uploads/2026/02/HostGrotesk-Medium.eot?#iefix') format('embedded-opentype'),
		url('https://phantomsound.com/wp-content/uploads/2026/02/HostGrotesk-Medium.woff2') format('woff2'),
		url('https://phantomsound.com/wp-content/uploads/2026/02/HostGrotesk-Medium.woff') format('woff'),
		url('https://phantomsound.com/wp-content/uploads/2026/02/HostGrotesk-Medium.ttf') format('truetype'),
		url('https://phantomsound.com/wp-content/uploads/2026/02/HostGrotesk-Medium.svg#HostGrotesk') format('svg');
}
@font-face {
	font-family: 'Host Grotesk';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://phantomsound.com/wp-content/uploads/2026/02/HostGrotesk-SemiBold.eot');
	src: url('https://phantomsound.com/wp-content/uploads/2026/02/HostGrotesk-SemiBold.eot?#iefix') format('embedded-opentype'),
		url('https://phantomsound.com/wp-content/uploads/2026/02/HostGrotesk-SemiBold.woff2') format('woff2'),
		url('https://phantomsound.com/wp-content/uploads/2026/02/HostGrotesk-SemiBold.woff') format('woff'),
		url('https://phantomsound.com/wp-content/uploads/2026/02/HostGrotesk-SemiBold.ttf') format('truetype'),
		url('https://phantomsound.com/wp-content/uploads/2026/02/HostGrotesk-SemiBold.svg#HostGrotesk') format('svg');
}
@font-face {
	font-family: 'Host Grotesk';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://phantomsound.com/wp-content/uploads/2026/02/HostGrotesk-Bold.eot');
	src: url('https://phantomsound.com/wp-content/uploads/2026/02/HostGrotesk-Bold.eot?#iefix') format('embedded-opentype'),
		url('https://phantomsound.com/wp-content/uploads/2026/02/HostGrotesk-Bold.woff2') format('woff2'),
		url('https://phantomsound.com/wp-content/uploads/2026/02/HostGrotesk-Bold.woff') format('woff'),
		url('https://phantomsound.com/wp-content/uploads/2026/02/HostGrotesk-Bold.ttf') format('truetype'),
		url('https://phantomsound.com/wp-content/uploads/2026/02/HostGrotesk-Bold.svg#HostGrotesk') format('svg');
}
@font-face {
	font-family: 'Host Grotesk';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://phantomsound.com/wp-content/uploads/2026/02/HostGrotesk-Light.eot');
	src: url('https://phantomsound.com/wp-content/uploads/2026/02/HostGrotesk-Light.eot?#iefix') format('embedded-opentype'),
		url('https://phantomsound.com/wp-content/uploads/2026/02/HostGrotesk-Light.woff2') format('woff2'),
		url('https://phantomsound.com/wp-content/uploads/2026/02/HostGrotesk-Light.woff') format('woff'),
		url('https://phantomsound.com/wp-content/uploads/2026/02/HostGrotesk-Light.ttf') format('truetype'),
		url('https://phantomsound.com/wp-content/uploads/2026/02/HostGrotesk-Light.svg#HostGrotesk') format('svg');
}
@font-face {
	font-family: 'Host Grotesk';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://phantomsound.com/wp-content/uploads/2026/02/HostGrotesk-ExtraBold.eot');
	src: url('https://phantomsound.com/wp-content/uploads/2026/02/HostGrotesk-ExtraBold.eot?#iefix') format('embedded-opentype'),
		url('https://phantomsound.com/wp-content/uploads/2026/02/HostGrotesk-ExtraBold.woff2') format('woff2'),
		url('https://phantomsound.com/wp-content/uploads/2026/02/HostGrotesk-ExtraBold.woff') format('woff'),
		url('https://phantomsound.com/wp-content/uploads/2026/02/HostGrotesk-ExtraBold.ttf') format('truetype'),
		url('https://phantomsound.com/wp-content/uploads/2026/02/HostGrotesk-ExtraBold.svg#HostGrotesk') format('svg');
}
/* End Custom Fonts CSS */