.elementor-widget-container > .uael-party-propz-wrap i{color:var( --e-global-color-primary );}.elementor-widget-container > .uael-party-propz-wrap svg{fill:var( --e-global-color-primary );}.elementor-widget-container .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-container .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-89429 .elementor-element.elementor-element-d2d2a45{--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-widget-spacer .uael-party-propz-widget-wrap i{color:var( --e-global-color-primary );}.elementor-widget-spacer .uael-party-propz-widget-wrap svg{fill:var( --e-global-color-primary );}.elementor-widget-spacer .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-spacer .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-89429 .elementor-element.elementor-element-064919a{--spacer-size:50px;}.elementor-89429 .elementor-element.elementor-element-1369363{--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-widget-html .uael-party-propz-widget-wrap i{color:var( --e-global-color-primary );}.elementor-widget-html .uael-party-propz-widget-wrap svg{fill:var( --e-global-color-primary );}.elementor-widget-html .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-html .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}/* Start custom CSS for html, class: .elementor-element-0ba8dc1 *//* --- Styles for Schildertarief Diensten Page (Elementor Compatible) --- */

/* General Container & Font (Assuming Elementor/Theme handles max-width and basic font) */
#schilder-diensten-content {
    font-family: sans-serif; /* Fallback font */
    color: #374151; /* Default text color (gray-700) */
    line-height: 1.6; /* Default leading */
}

/* Headings */
#schilder-diensten-content h1,
#schilder-diensten-content h2,
#schilder-diensten-content h3 {
    color: #1f2937; /* gray-800 */
    font-weight: 600; /* semibold */
}
#schilder-diensten-content h1 { font-size: 2.25rem; line-height: 2.5rem; margin-bottom: 1rem; /* text-4xl mb-4 */ }
#schilder-diensten-content h2 { font-size: 1.875rem; line-height: 2.25rem; margin-bottom: 2rem; /* text-3xl mb-8 */ }
#schilder-diensten-content h3 { font-size: 1.25rem; line-height: 1.75rem; margin-bottom: 0.5rem; /* text-xl mb-2 */ }

/* Paragraphs & Lists */
#schilder-diensten-content p { margin-bottom: 1rem; color: #4b5563; /* gray-600 */ }
#schilder-diensten-content ul { list-style: disc; padding-left: 1.25rem; /* pl-5 */ margin-bottom: 1rem; space-y: 0.25rem; /* Approximates space-y-1 */ }
#schilder-diensten-content ul li { font-size: 0.875rem; /* text-sm */ }

/* Links */
#schilder-diensten-content a { color: #2563EB; /* blue-600 */ text-decoration: none; }
#schilder-diensten-content a:hover { text-decoration: underline; }

/* Buttons */
#schilder-diensten-content .cta-button {
    display: inline-block;
    background-color: #EC4899; /* pink-500 */
    color: #fff;
    font-weight: 700; /* bold */
    font-size: 1.125rem; /* text-lg */
    padding: 0.75rem 2.5rem; /* py-3 px-10 */
    border-radius: 0.5rem; /* rounded-lg */
    box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -1px rgba(0,0,0,0.06); /* shadow-lg */
    transition: background-color 0.3s ease-in-out, transform 0.3s ease-in-out;
}
#schilder-diensten-content .cta-button:hover {
    background-color: #DB2777; /* pink-600 */
    transform: scale(1.05);
}
#schilder-diensten-content .service-cta-button {
    display: inline-block;
    margin-top: 1rem;
    font-size: 0.875rem; /* text-sm */
    background-color: #EC4899; /* pink-500 */
    color: #fff;
    font-weight: 500; /* medium */
    padding: 0.5rem 1rem; /* py-2 px-4 */
    border-radius: 0.375rem; /* rounded-md */
    transition: background-color 0.3s ease-in-out;
}
#schilder-diensten-content .service-cta-button:hover {
    background-color: #DB2777; /* pink-600 */
}
#schilder-diensten-content .service-cta-button i {
    margin-left: 0.25rem; /* ml-1 */
    font-size: 0.75rem; /* text-xs */
}

/* Section Spacing & Backgrounds */
#schilder-diensten-content section { padding-top: 4rem; padding-bottom: 4rem; /* py-16 */ }
#schilder-diensten-content .section-white { background-color: #fff; }
#schilder-diensten-content .section-gray-50 { background-color: #f9fafb; } /* gray-50 */
#schilder-diensten-content .section-gray-100 { background-color: #f3f4f6; } /* gray-100 */
#schilder-diensten-content .section-brand-dark { background-color: #033567; color: #fff; }
#schilder-diensten-content .section-brand-dark h2,
#schilder-diensten-content .section-brand-dark h3 { color: #fff; }
#schilder-diensten-content .section-brand-dark p { color: #dbeafe; /* blue-100 approx */ opacity: 0.9; }
#schilder-diensten-content .section-brand-dark i { opacity: 0.8; }

/* Hero Section Specifics */
#schilder-diensten-content .hero-gradient { background: linear-gradient(170deg, #ffffff 40%, #eef4fa 100%); }
#schilder-diensten-content .hero-section { text-align: center; padding-top: 4rem; padding-bottom: 4rem; }
#schilder-diensten-content .hero-section h1 { color: #033567; font-size: 2.5rem; line-height: 1.2; margin-bottom: 1.25rem; }
#schilder-diensten-content .hero-section p { color: #374151; /* gray-700 */ font-size: 1.125rem; max-width: 48rem; margin-left: auto; margin-right: auto; margin-bottom: 2.5rem; }
#schilder-diensten-content .hero-section .hero-icon { font-size: 3rem; color: #033567; margin-bottom: 1.5rem; display: block; margin-left: auto; margin-right: auto; }
#schilder-diensten-content .hero-section .trust-signals { margin-top: 2rem; font-size: 0.875rem; color: #4b5563; display: flex; justify-content: center; align-items: center; gap: 1rem 1.5rem; flex-wrap: wrap; }
#schilder-diensten-content .hero-section .trust-signals i { color: #22c55e; /* green-500 */ margin-right: 0.25rem; }

/* Benefits Section */
#schilder-diensten-content .benefits-section h2 { text-align: center; margin-bottom: 3.5rem; }
#schilder-diensten-content .benefits-grid { display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 2rem; }
#schilder-diensten-content .benefit-item { text-align: center; padding: 1.5rem; background-color: #f9fafb; border-radius: 0.5rem; border: 1px solid #e5e7eb; transition: box-shadow 0.3s ease-in-out; }
#schilder-diensten-content .benefit-item:hover { box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05); }
#schilder-diensten-content .benefit-item .icon-wrapper { display: flex; align-items: center; justify-content: center; height: 4rem; width: 4rem; border-radius: 9999px; background-color: #EBF8FF; color: #033567; font-size: 1.875rem; margin-bottom: 1.25rem; margin-left: auto; margin-right: auto; box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1), 0 1px 2px 0 rgba(0,0,0,0.06); }
#schilder-diensten-content .benefit-item h3 { font-size: 1.25rem; margin-bottom: 0.5rem; }
#schilder-diensten-content .benefit-item p { font-size: 0.875rem; line-height: 1.6; padding-left: 1rem; padding-right: 1rem; }

/* How It Works Section */
#schilder-diensten-content .how-it-works-section h2 { text-align: center; margin-bottom: 3.5rem; }
#schilder-diensten-content .how-it-works-grid { position: relative; max-width: 56rem; /* max-w-5xl */ margin-left: auto; margin-right: auto; }
#schilder-diensten-content .how-it-works-line { display: none; /* Hide line on small screens */ }
#schilder-diensten-content .how-it-works-steps { position: relative; z-index: 10; display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 2rem; }
#schilder-diensten-content .how-it-works-step { background-color: #fff; padding: 1.5rem; border-radius: 0.5rem; box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05); text-align: center; border-top: 4px solid #033567; }
#schilder-diensten-content .step-number { display: flex; align-items: center; justify-content: center; height: 3.5rem; width: 3.5rem; border-radius: 9999px; background-color: #033567; color: #fff; font-size: 1.5rem; font-weight: 700; margin-left: auto; margin-right: auto; margin-bottom: 1rem; margin-top: -3.5rem; /* Pulls number up over border */ border: 4px solid #fff; }
#schilder-diensten-content .step-icon { font-size: 2.5rem; color: #033567; margin-bottom: 0.75rem; }
#schilder-diensten-content .step-content h3 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; }
#schilder-diensten-content .step-content p { font-size: 0.875rem; line-height: 1.6; }

/* Service Types Section */
#schilder-diensten-content .service-types-section h2 { text-align: center; margin-bottom: 3rem; }
#schilder-diensten-content .service-types-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; text-align: center; color: #4b5563; /* gray-600 */ }
#schilder-diensten-content .service-type-item { display: flex; flex-direction: column; align-items: center; padding: 1rem; background-color: #f9fafb; border-radius: 0.5rem; border: 1px solid #f3f4f6; }
#schilder-diensten-content .service-type-item i { font-size: 1.875rem; color: #033567; margin-bottom: 0.5rem; }
#schilder-diensten-content .service-type-item span { font-size: 0.875rem; font-weight: 500; color: #374151; /* gray-700 */ }
#schilder-diensten-content .service-types-section .conclusion-text { text-align: center; color: #4b5563; margin-top: 2rem; }

/* Trust Signals Section */
#schilder-diensten-content .trust-section h2 { text-align: center; margin-bottom: 3rem; }
#schilder-diensten-content .trust-grid { display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 2rem; text-align: center; }
#schilder-diensten-content .trust-item { background-color: #fff; padding: 1.5rem; border-radius: 0.5rem; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -1px rgba(0,0,0,0.06); border: 1px solid #e5e7eb; }
#schilder-diensten-content .trust-item i { font-size: 2.5rem; color: #22c55e; /* green-500 */ margin-bottom: 0.75rem; }
#schilder-diensten-content .trust-item h3 { font-size: 1.25rem; margin-bottom: 0.25rem; }
#schilder-diensten-content .trust-item p { font-size: 0.875rem; }

/* Service Card Specifics */
#schilder-diensten-content .service-card { background-color: #fff; padding: 1.5rem; border-radius: 0.5rem; box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05); border: 1px solid #e5e7eb; overflow: hidden; }
#schilder-diensten-content .service-card img { border-radius: 0.5rem; box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1), 0 1px 2px 0 rgba(0,0,0,0.06); width: 100%; height: auto; object-fit: cover; max-height: 250px; /* Limit image height */ }
#schilder-diensten-content .service-card h3 { font-size: 1.5rem; color: #033567; margin-bottom: 0.75rem; display: flex; align-items: center; }
#schilder-diensten-content .service-card h3 i { margin-right: 0.75rem; font-size: 1.875rem; /* text-3xl */ }
#schilder-diensten-content .service-card h4 { font-weight: 600; color: #374151; margin-bottom: 0.5rem; margin-top: 1rem; font-size: 1rem; }
#schilder-diensten-content .service-card ul { font-size: 0.875rem; color: #4b5563; margin-bottom: 1rem; }
#schilder-diensten-content .service-card .benefits-title { font-size: 0.875rem; font-weight: 600; color: #1f2937; margin-top: 1rem; }
#schilder-diensten-content .service-card .benefits-text { font-size: 0.75rem; color: #4b5563; }

/* Responsive Adjustments */
@media (min-width: 768px) { /* md */
    #schilder-diensten-content h1 { font-size: 3rem; line-height: 1; } /* text-5xl */
    #schilder-diensten-content h2 { font-size: 1.875rem; line-height: 2.25rem; } /* text-3xl */
    #schilder-diensten-content p { font-size: 1rem; /* text-base */ }
    #schilder-diensten-content .hero-section { padding-top: 5rem; padding-bottom: 5rem; }
    #schilder-diensten-content .hero-section h1 { margin-bottom: 1.25rem; }
    #schilder-diensten-content .hero-section p { font-size: 1.25rem; margin-bottom: 2.5rem; }
    #schilder-diensten-content .benefits-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    #schilder-diensten-content .how-it-works-line { display: block; position: absolute; top: 50%; left: 0; width: 100%; height: 2px; background-color: #d1d5db; transform: translateY(-50%); z-index: 0; }
    #schilder-diensten-content .how-it-works-steps { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4rem; }
    #schilder-diensten-content .service-types-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    #schilder-diensten-content .trust-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    #schilder-diensten-content .service-card { display: flex; gap: 2rem; align-items: center; }
    #schilder-diensten-content .service-card .service-image-container { width: 33.333333%; margin-bottom: 0; }
    #schilder-diensten-content .service-card .service-content { width: 66.666667%; }
    #schilder-diensten-content .service-card.reverse .service-image-container { order: 2; }
    #schilder-diensten-content .service-card.reverse .service-content { order: 1; }
}

@media (min-width: 1024px) { /* lg */
     #schilder-diensten-content h1 { font-size: 3.75rem; } /* text-6xl */
     #schilder-diensten-content .benefits-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
     #schilder-diensten-content .service-types-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}

/* Container class for centering content (adjust max-width as needed) */
#schilder-diensten-content .container {
     width: 100%;
     margin-left: auto;
     margin-right: auto;
     padding-left: 1rem; /* px-4 */
     padding-right: 1rem;
}
@media (min-width: 640px) { /* sm */
     #schilder-diensten-content .container { max-width: 640px; padding-left: 1.5rem; padding-right: 1.5rem; /* px-6 */ }
}
@media (min-width: 768px) { /* md */
     #schilder-diensten-content .container { max-width: 768px; }
}
@media (min-width: 1024px) { /* lg */
     #schilder-diensten-content .container { max-width: 1024px; padding-left: 2rem; padding-right: 2rem; /* px-8 */}
}
@media (min-width: 1280px) { /* xl */
     #schilder-diensten-content .container { max-width: 1152px; /* Custom width between lg and xl */ }
}
/* Add max-width utilities directly if needed */
#schilder-diensten-content .max-w-3xl { max-width: 48rem; }
#schilder-diensten-content .max-w-4xl { max-width: 56rem; }
#schilder-diensten-content .max-w-5xl { max-width: 64rem; }/* End custom CSS */