.elementor-118 .elementor-element.elementor-element-33397dd1{--display:flex;}.elementor-118 .elementor-element.elementor-element-56cbd64b{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;padding:0px 0px 0px 0px;}.elementor-118 .elementor-element.elementor-element-4bb5d7ab{--display:flex;}.elementor-118 .elementor-element.elementor-element-c1b01ef{--display:flex;}/* Start custom CSS for container, class: .elementor-element-33397dd1 *//* kitchens/design-process-and-installation */
.container { max-width: 1260px; margin: 0px auto; padding: 0px 5%; }
.breadcrumbs { margin: 0px 0px 36px; padding-top: 20px; font-size: 0.95rem; color: rgb(102, 102, 102); }
.breadcrumb-home, .breadcrumb-link { color: rgb(102, 102, 102); text-decoration: none; transition: color 0.3s; }
.breadcrumb-home:hover, .breadcrumb-link:hover { color: rgb(26, 26, 26); text-decoration: underline; }
.breadcrumb-separator { margin: 0px 10px; color: rgb(153, 153, 153); }
.breadcrumb-current { color: rgb(26, 26, 26); font-weight: 500; }
.craftsmanship-section { padding: 80px 5% 50px; background: rgb(250, 249, 247); }
.craftsmanship-grid { display: grid; grid-template-columns: 1.15fr 1fr; gap: 90px; max-width: 1260px; margin: 0px auto 40px; align-items: start; }
.section-title { font-size: 2.7rem; line-height: 1.15; font-family: Georgia, serif; font-weight: 600; color: rgb(26, 26, 26); margin: 0px 0px 26px; letter-spacing: -0.02em; }
.features-title { font-size: 1.48rem; margin-bottom: 28px; font-family: Georgia, serif; color: rgb(26, 26, 26); }
.craft-text { margin: 0px 0px 26px; font-size: 1.11rem; max-width: 620px; color: rgb(68, 68, 68); }
.craft-text--highlight { font-weight: 500; color: rgb(34, 34, 34); }
.features-list { list-style: none; padding: 0px; margin: 0px 0px 48px; }
.features-list li { position: relative; padding-left: 32px; margin-bottom: 16px; font-size: 1.07rem; line-height: 1.6; }
.features-list li::before { content: ""; position: absolute; left: 0px; top: 0.62em; width: 7px; height: 7px; background: rgb(212, 184, 148); border-radius: 50%; transform: translateY(-50%); }
.cta-button { display: inline-flex; align-items: center; gap: 16px; background: rgb(26, 26, 26); padding: 18px 38px; border-radius: 4px; font-weight: 600; font-size: 1.11rem; letter-spacing: 0.6px; transition: 0.38s; position: relative; overflow: hidden; color: rgb(255, 255, 255) !important; text-decoration: none !important; border: 0; }
.cta-button span { color: inherit !important; }
.cta-button:hover { background: rgb(212, 184, 148); transform: translateY(-3px); box-shadow: rgba(212, 184, 148, 0.3) 0px 16px 44px; color: rgb(26, 26, 26) !important; }
.cta-button .cta-arrow { transition: transform 0.38s; font-size: 1.3em; line-height: 1; }
.cta-button:hover .cta-arrow { transform: translateX(6px); }
.lead-funnel {    margin-top: 52px;    background: linear-gradient(180deg, #ffffff 0%, #fcfaf7 100%);    border-radius: 12px;    padding: 42px 38px;    box-shadow: 0 12px 50px rgba(0,0,0,0.07);    border: 1px solid #ece5d9;}
.funnel-header {    text-align: center;    margin-bottom: 38px;}
.funnel-title {    font-family: Georgia, serif;    font-size: 1.85rem;    color: #181512;    margin-bottom: 14px;    letter-spacing: -0.02em;    line-height: 1.2;}
.funnel-subtitle {    font-size: 1.05rem;    line-height: 1.7;    color: #5a5147;    max-width: 460px;    margin: 0 auto;}
.progress-steps {    display: flex;    align-items: center;    justify-content: center;    margin-bottom: 32px;    gap: 12px;}
.step-dot {    width: 38px;    height: 38px;    border-radius: 50%;    background: #f1ece4;    color: #7e756b;    display: flex;    align-items: center;    justify-content: center;    font-weight: 700;    font-size: 1.05rem;    transition: all 0.4s ease;    border: 1px solid #e2d8c8;}
.step-dot.active {    background: #d4b894;    color: #1a1a1a;    box-shadow: 0 0 0 4px rgba(212,184,148,0.22);    border-color: #d4b894;}
.step-line {    flex: 1;    max-width: 80px;    height: 2px;    background: #e3dbcf;}
.form-step {    display: none;}
.form-step.active {    display: block;    animation: fadeIn 0.4s ease forwards;}
@keyframes fadeIn {    from { opacity:0; transform:translateY(12px); }    to { opacity:1; transform:none; }}
.step-header {    margin: 0 0 18px;    font-size: 0.95rem;    font-weight: 700;    letter-spacing: 0.04em;    text-transform: uppercase;    color: #5f4b35;}
.form-field {    margin-bottom: 24px;}
.form-field input,.form-field textarea {    width: 100%;    padding: 17px 20px;    border: 1px solid #d8d0c3;    border-radius: 6px;    font-size: 1.04rem;    line-height: 1.5;    font-family: inherit;    color: #1f1b17;    background: #fffdfa;    transition: border 0.3s, box-shadow 0.3s, background 0.3s;}
.form-field input::placeholder,.form-field textarea::placeholder {    color: #7a7065;    opacity: 1;}
.form-field input:focus,.form-field textarea:focus {    border-color: #cdaa7e;    box-shadow: 0 0 0 4px rgba(212,184,148,0.14);    background: #ffffff;    outline: none;}
.form-hint {    font-size: 0.99rem;    line-height: 1.7;    color: #63584d;    margin-bottom: 26px;    font-style: normal;}
.budget-grid {    display: grid;    grid-template-columns: repeat(auto-fit, minmax(255px, 1fr));    gap: 20px;    margin-bottom: 32px;}
.budget-card {    display: block;    cursor: pointer;    border: 2px solid #e6ded1;    border-radius: 10px;    overflow: hidden;    transition: all 0.4s cubic-bezier(0.23,1,0.32,1);    background: #fffdfa;}
.budget-card:hover {    border-color: #d4b894;    transform: translateY(-4px);    box-shadow: 0 15px 35px rgba(212,184,148,0.16);}
.budget-card input {    position: absolute;    opacity: 0;}
.budget-card input:checked + .card-body {    background: #faf7f1;    border-color: #d4b894;    box-shadow: inset 0 0 0 1px #d4b894;}
.card-body {    padding: 26px 22px;    text-align: center;    border: 2px solid transparent;    transition: all 0.4s;}
.budget-range {    display: block;    font-size: 1.48rem;    font-weight: 700;    color: #181512;    letter-spacing: -0.01em;    line-height: 1.2;}
.budget-desc {    display: block;    margin-top: 8px;    font-size: 1rem;    line-height: 1.5;    color: #61574d;}
.form-buttons {    display: flex;    gap: 18px;    margin-top: 10px;    flex-wrap: wrap;}
.back-btn {    background: transparent;    border: 2px solid #1a1a1a;    color: #1a1a1a;    padding: 17px 32px;    border-radius: 6px;    font-weight: 600;    font-size: 1.05rem;    cursor: pointer;    transition: all 0.3s;}
.back-btn:hover {    background: #1a1a1a;    color: #fff;}
.success-msg {    text-align: center;    padding: 60px 40px;    background: #faf9f5;    border: 2px solid #d4b894;    border-radius: 12px;}
.success-icon {    width: 68px;    height: 68px;    background: #d4b894;    color: #1a1a1a;    font-size: 2.4rem;    font-weight: bold;    border-radius: 50%;    display: flex;    align-items: center;    justify-content: center;    margin: 0 auto 24px;}
.success-msg h3 {    font-family: Georgia, serif;    font-size: 1.95rem;    margin-bottom: 16px;    color: #1a1a1a;}
.success-msg p {    font-size: 1.12rem;    color: #444;    line-height: 1.55;}
.success-small {    font-size: 0.95rem;    color: #888;    margin-top: 28px;}
@media (max-width: 992px) {  .craftsmanship-grid { grid-template-columns: 1fr; gap: 60px; }  .section-title { font-size: 2.4rem; }}
@media (max-width: 600px) {  .craftsmanship-section { padding: 70px 5% 40px; }  .craftsmanship-grid { margin-bottom: 30px; }  .breadcrumbs { font-size: 0.9rem; margin-bottom: 30px; }  .section-title { font-size: 2.1rem; }  .cta-button { width: 100%; justify-content: center; padding: 22px; font-size: 1.16rem; }  .budget-grid { grid-template-columns: 1fr; }  .form-buttons { flex-direction: column; }  .lead-funnel { padding: 32px 24px; }  .funnel-title { font-size: 1.65rem; }  .funnel-subtitle { font-size: 1rem; }}


.form-step {
    display: none;
}

.form-step.active {
    display: block;
}

.cta-button,
.cta-button:link,
.cta-button:visited,
.cta-button:hover,
.cta-button:focus,
.cta-button:active,
.cta-button .cta-text,
.cta-button:hover .cta-text,
.cta-button .cta-arrow,
.cta-button:hover .cta-arrow {
    color: #ffffff !important;
}/* End custom CSS */