/* Page: Home */
:root { --primary-color: #4A90A4; --secondary-color: #67B8A6; --tertiary-color: #A8D5BA; --highlight-color: #bfa8e1; --background-color: #F5F9F7; --text-dark: #1a1a1a; --text-light: #ffffff; --gray-600: #4a5568; --gray-700: #2d3748; }
* { margin: 0px; padding: 0px; box-sizing: border-box; }
body { font-family: Inter, sans-serif; color: var(--text-dark); line-height: 1.6; overflow-x: hidden; }
.home-hero-section { background: linear-gradient(135deg, rgb(74, 144, 164) 0%, rgb(58, 122, 138) 100%); min-height: 100vh; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; padding: 80px 20px; }
.home-hero-section::before { content: ""; position: absolute; inset: 0px; background: linear-gradient(45deg, rgba(74, 144, 164, 0.1) 25%, transparent 25%, transparent 75%, rgba(74, 144, 164, 0.1) 75%, rgba(74, 144, 164, 0.1)) 0px 0px / 60px 60px, linear-gradient(45deg, rgba(74, 144, 164, 0.1) 25%, transparent 25%, transparent 75%, rgba(74, 144, 164, 0.1) 75%, rgba(74, 144, 164, 0.1)) 30px 30px; opacity: 0.3; }
.home-hero-content { max-width: 1200px; width: 100%; display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; position: relative; z-index: 2; }
.home-hero-text { color: var(--text-light); }
.home-hero-headline { font-family: "Playfair Display", serif; font-size: 3.5rem; font-weight: 800; line-height: 1.1; margin-bottom: 24px; animation: 0.8s ease-out 0s 1 normal none running fadeInUp; }
.home-hero-subheadline { font-size: 1.5rem; font-weight: 500; margin-bottom: 20px; opacity: 0.95; animation: 0.8s ease-out 0.2s 1 normal backwards running fadeInUp; }
.home-hero-tagline { font-size: 1.125rem; font-weight: 300; line-height: 1.7; margin-bottom: 40px; opacity: 0.9; animation: 0.8s ease-out 0.4s 1 normal backwards running fadeInUp; }
.home-hero-cta-group { display: flex; gap: 20px; flex-wrap: wrap; animation: 0.8s ease-out 0.6s 1 normal backwards running fadeInUp; }
.home-hero-btn-primary { background: var(--highlight-color); color: var(--text-dark); padding: 18px 40px; font-size: 1.125rem; font-weight: 600; border: none; border-radius: 8px; cursor: pointer; text-decoration: none; display: inline-block; transition: 0.3s; box-shadow: rgba(191, 168, 225, 0.3) 0px 4px 15px; }
.home-hero-btn-primary:hover { transform: translateY(-2px); box-shadow: rgba(191, 168, 225, 0.5) 0px 6px 25px; background: rgb(208, 189, 232); }
.home-hero-link-secondary { color: var(--text-light); font-size: 1.125rem; font-weight: 500; text-decoration: underline; display: inline-flex; align-items: center; transition: 0.3s; padding: 18px 0px; }
.home-hero-link-secondary:hover { opacity: 0.8; transform: translateX(5px); }
.home-hero-image-wrapper { position: relative; animation: 1s ease-out 0.3s 1 normal backwards running fadeInRight; }
.home-hero-image { width: 100%; height: auto; border-radius: 16px; box-shadow: rgba(0, 0, 0, 0.3) 0px 20px 60px; transition: transform 0.4s; }
.home-hero-image:hover { transform: scale(1.02); }
@keyframes fadeInUp { 
  0% { opacity: 0; transform: translateY(30px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes fadeInRight { 
  0% { opacity: 0; transform: translateX(50px); }
  100% { opacity: 1; transform: translateX(0px); }
}
.home-intro-section { background: var(--background-color); padding: 120px 20px; text-align: center; }
.home-intro-container { max-width: 900px; margin: 0px auto; }
.home-intro-heading { font-family: "Playfair Display", serif; font-size: 2.5rem; font-weight: 700; color: var(--primary-color); margin-bottom: 30px; line-height: 1.3; }
.home-intro-body { font-size: 1.25rem; line-height: 1.8; color: var(--gray-700); margin-bottom: 40px; }
.home-intro-separator { width: 100px; height: 4px; background: var(--secondary-color); margin: 0px auto; border-radius: 2px; }
.home-mediation-section { background: var(--text-light); padding: 120px 20px; }
.home-mediation-container { max-width: 1200px; margin: 0px auto; display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: start; }
.home-mediation-text { padding-right: 20px; }
.home-mediation-heading { font-family: "Playfair Display", serif; font-size: 2.75rem; font-weight: 700; color: var(--primary-color); margin-bottom: 30px; }
.home-mediation-intro { font-size: 1.125rem; line-height: 1.8; color: var(--gray-700); margin-bottom: 40px; }
.home-mediation-subheading { font-size: 1.5rem; font-weight: 600; color: var(--secondary-color); margin-bottom: 25px; }
.home-mediation-list { list-style: none; margin-bottom: 30px; }
.home-mediation-list li { font-size: 1.125rem; line-height: 1.8; color: var(--gray-700); padding: 12px 0px 12px 40px; position: relative; }
.home-mediation-list li::before { content: "✓"; position: absolute; left: 0px; top: 12px; width: 28px; height: 28px; background: var(--tertiary-color); color: var(--text-light); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 1rem; }
.home-mediation-closing { font-size: 1.125rem; line-height: 1.8; color: var(--gray-700); font-style: italic; }
.home-mediation-visual { background: linear-gradient(135deg,var(--tertiary-color) 0%,var(--secondary-color) 100%); border-radius: 16px; padding: 60px 40px; box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 40px; }
.home-mediation-visual-content { background: var(--text-light); padding: 40px; border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.08) 0px 5px 20px; }
.home-mediation-visual-content h3 { font-size: 1.5rem; color: var(--primary-color); margin-bottom: 20px; font-weight: 600; }
.home-mediation-visual-content p { font-size: 1rem; line-height: 1.7; color: var(--gray-700); }
.home-mediator-section { background: var(--tertiary-color); padding: 120px 20px; }
.home-mediator-container { max-width: 1100px; margin: 0px auto; text-align: center; }
.home-mediator-heading { font-family: "Playfair Display", serif; font-size: 2.75rem; font-weight: 700; color: var(--primary-color); margin-bottom: 25px; }
.home-mediator-intro { font-size: 1.25rem; line-height: 1.8; color: var(--gray-700); margin-bottom: 40px; max-width: 800px; margin-left: auto; margin-right: auto; }
.home-mediator-subheading { font-size: 1.5rem; font-weight: 600; color: var(--secondary-color); margin-bottom: 35px; }
.home-mediator-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px; margin-bottom: 50px; }
.home-mediator-card { background: var(--text-light); padding: 35px 25px; border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.08) 0px 5px 20px; transition: 0.3s; }
.home-mediator-card:hover { transform: translateY(-5px); box-shadow: rgba(0, 0, 0, 0.12) 0px 10px 30px; }
.home-mediator-icon { width: 60px; height: 60px; background: var(--secondary-color); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0px auto 20px; font-size: 1.75rem; color: var(--text-light); }
.home-mediator-card-text { font-size: 1.063rem; line-height: 1.7; color: var(--gray-700); }
.home-mediator-note { background: var(--text-light); border: 3px solid var(--secondary-color); border-radius: 12px; padding: 35px; margin-bottom: 30px; max-width: 900px; margin-left: auto; margin-right: auto; }
.home-mediator-note p { font-size: 1.125rem; line-height: 1.8; color: var(--gray-700); font-weight: 500; }
.home-mediator-closing { font-size: 1.125rem; line-height: 1.8; color: var(--gray-700); font-style: italic; }
.home-services-section { background: var(--text-light); padding: 120px 20px; }
.home-services-container { max-width: 1200px; margin: 0px auto; }
.home-services-heading { font-family: "Playfair Display", serif; font-size: 2.75rem; font-weight: 700; color: var(--primary-color); text-align: center; margin-bottom: 60px; }
.home-services-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 35px; margin-bottom: 50px; }
.home-service-card { background: var(--text-light); border: 3px solid var(--secondary-color); border-radius: 12px; padding: 40px 30px; transition: 0.3s; box-shadow: rgba(0, 0, 0, 0.05) 0px 5px 20px; }
.home-service-card:hover { transform: translateY(-8px); box-shadow: rgba(0, 0, 0, 0.12) 0px 15px 40px; border-color: var(--primary-color); }
.home-service-card h3 { font-size: 1.75rem; font-weight: 700; color: var(--secondary-color); margin-bottom: 25px; padding-bottom: 15px; border-bottom: 2px solid var(--tertiary-color); }
.home-service-card ul { list-style: none; }
.home-service-card li { font-size: 1.063rem; line-height: 1.8; color: var(--gray-700); padding: 10px 0px 10px 30px; position: relative; }
.home-service-card li::before { content: "•"; position: absolute; left: 10px; color: var(--primary-color); font-size: 1.5rem; line-height: 1.5; }
.home-services-cta { text-align: center; }
.home-services-btn { background: var(--highlight-color); color: var(--text-dark); padding: 18px 50px; font-size: 1.125rem; font-weight: 600; border: none; border-radius: 8px; cursor: pointer; text-decoration: none; display: inline-block; transition: 0.3s; box-shadow: rgba(191, 168, 225, 0.3) 0px 4px 15px; }
.home-services-btn:hover { transform: translateY(-2px); box-shadow: rgba(191, 168, 225, 0.5) 0px 6px 25px; background: rgb(208, 189, 232); }
.home-about-section { background: linear-gradient(135deg, rgba(103, 184, 166, 0.2) 0%, rgba(103, 184, 166, 0.4) 100%); padding: 120px 20px; }
.home-about-container { max-width: 1100px; margin: 0px auto; display: grid; grid-template-columns: 350px 1fr; gap: 60px; align-items: center; }
.home-about-image-wrapper { position: relative; }
.home-about-image { width: 100%; height: auto; border-radius: 16px; box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 50px; border: 5px solid var(--text-light); }
.home-about-text { }
.home-about-heading { font-family: "Playfair Display", serif; font-size: 2.5rem; font-weight: 700; color: var(--primary-color); margin-bottom: 25px; }
.home-about-bio { font-size: 1.125rem; line-height: 1.8; color: var(--gray-700); margin-bottom: 30px; }
.home-about-list-heading { font-size: 1.25rem; font-weight: 600; color: var(--secondary-color); margin-bottom: 15px; }
.home-about-list { list-style: none; margin-bottom: 35px; display: flex; flex-wrap: wrap; gap: 10px; }
.home-about-list li { background: var(--text-light); padding: 8px 16px; border-radius: 6px; font-size: 0.938rem; color: var(--gray-700); box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 8px; }
.home-about-btn { background: var(--text-light); color: var(--primary-color); padding: 16px 40px; font-size: 1.063rem; font-weight: 600; border: 2px solid var(--primary-color); border-radius: 8px; cursor: pointer; text-decoration: none; display: inline-block; transition: 0.3s; }
.home-about-btn:hover { background: var(--primary-color); color: var(--text-light); transform: translateY(-2px); box-shadow: rgba(74, 144, 164, 0.3) 0px 6px 20px; }
.home-consultation-section { background: var(--highlight-color); padding: 100px 20px; text-align: center; }
.home-consultation-container { max-width: 900px; margin: 0px auto; }
.home-consultation-heading { font-family: "Playfair Display", serif; font-size: 3rem; font-weight: 700; color: var(--text-dark); margin-bottom: 25px; }
.home-consultation-subheading { font-size: 1.25rem; line-height: 1.8; color: var(--gray-700); margin-bottom: 40px; }
.home-consultation-btn { background: var(--text-light); color: var(--primary-color); padding: 20px 50px; font-size: 1.25rem; font-weight: 700; border: none; border-radius: 8px; cursor: pointer; text-decoration: none; display: inline-block; transition: 0.3s; box-shadow: rgba(0, 0, 0, 0.15) 0px 6px 25px; margin-bottom: 30px; }
.home-consultation-btn:hover { transform: translateY(-3px); box-shadow: rgba(0, 0, 0, 0.25) 0px 10px 35px; }
.home-consultation-contact { font-size: 1.125rem; color: var(--text-dark); font-weight: 500; }
.home-consultation-contact a { color: var(--text-dark); text-decoration: underline; transition: opacity 0.3s; }
.home-consultation-contact a:hover { opacity: 0.7; }
.home-footer-section { background: var(--primary-color); color: var(--text-light); padding: 60px 20px 20px; }
.home-footer-container { max-width: 1200px; margin: 0px auto; }
.home-footer-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 40px; margin-bottom: 40px; }
.home-footer-column h3 { font-size: 1.375rem; font-weight: 700; margin-bottom: 20px; color: var(--text-light); }
.home-footer-column p { font-size: 1rem; line-height: 1.7; opacity: 0.9; margin-bottom: 10px; }
.home-footer-links { list-style: none; }
.home-footer-links li { margin-bottom: 12px; }
.home-footer-links a { color: var(--text-light); text-decoration: none; font-size: 1rem; transition: 0.3s; display: inline-block; }
.home-footer-links a:hover { color: var(--tertiary-color); transform: translateX(5px); }
.home-footer-contact-item { margin-bottom: 15px; font-size: 1rem; opacity: 0.9; }
.home-footer-contact-item a { color: var(--text-light); text-decoration: none; transition: color 0.3s; }
.home-footer-contact-item a:hover { color: var(--tertiary-color); }
.home-footer-badges { display: flex; gap: 15px; flex-wrap: wrap; }
.home-footer-badge { background: rgba(255, 255, 255, 0.15); padding: 8px 16px; border-radius: 6px; font-size: 0.875rem; font-weight: 600; }
.home-footer-bottom { border-top: 1px solid rgba(255, 255, 255, 0.2); padding-top: 25px; text-align: center; font-size: 0.938rem; opacity: 0.85; }
@media (max-width: 992px) {
  .home-hero-content { grid-template-columns: 1fr; gap: 40px; text-align: center; }
  .home-hero-headline { font-size: 2.75rem; }
  .home-hero-cta-group { justify-content: center; }
  .home-hero-image-wrapper { order: -1; }
  .home-mediation-container { grid-template-columns: 1fr; gap: 50px; }
  .home-about-container { grid-template-columns: 1fr; gap: 40px; text-align: center; }
  .home-about-image-wrapper { max-width: 350px; margin: 0px auto; }
  .home-about-list { justify-content: center; }
}
@media (max-width: 768px) {
  .home-hero-headline { font-size: 2.25rem; }
  .home-hero-subheadline { font-size: 1.25rem; }
  .home-hero-tagline { font-size: 1rem; }
  .home-hero-btn-primary { padding: 15px 30px; font-size: 1rem; }
  .home-intro-heading { font-size: 2rem; }
  .home-mediation-heading { font-size: 2rem; }
  .home-mediator-heading { font-size: 2rem; }
  .home-services-heading { font-size: 2rem; }
  .home-about-heading { font-size: 2rem; }
  .home-consultation-heading { font-size: 2.25rem; }
  .home-services-grid { grid-template-columns: 1fr; }
  .home-mediator-grid { grid-template-columns: 1fr; }
  .home-footer-grid { grid-template-columns: 1fr; text-align: center; }
  .home-footer-badges { justify-content: center; }
}
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }

/* Page: About Brenda */
:root { --primary-color: #4A90A4; --secondary-color: #67B8A6; --tertiary-color: #A8D5BA; --highlight-color: #bfa8e1; --background-color: #F5F9F7; --text-dark: #1a1a1a; --text-gray: #4a4a4a; --white: #ffffff; }
* { margin: 0px; padding: 0px; box-sizing: border-box; }
body { font-family: Inter, sans-serif; line-height: 1.6; color: var(--text-dark); overflow-x: hidden; }
.about-page-hero { background: linear-gradient(135deg,var(--primary-color) 0%,#3a7a8a 100%); padding: 120px 20px 80px; text-align: center; position: relative; overflow: hidden; }
.about-page-hero::before { content: ""; position: absolute; inset: 0px; background: radial-gradient(circle at 30% 50%, rgba(255, 255, 255, 0.1) 0%, transparent 50%); pointer-events: none; }
.about-page-breadcrumb { font-size: 14px; color: rgba(255, 255, 255, 0.85); margin-bottom: 20px; font-weight: 400; }
.about-page-breadcrumb span { margin: 0px 8px; }
.about-page-hero-title { font-family: "Playfair Display", serif; font-size: clamp(36px, 5vw, 56px); font-weight: 700; color: var(--white); margin-bottom: 16px; line-height: 1.2; }
.about-page-hero-subtitle { font-size: clamp(18px, 2.5vw, 24px); color: rgba(255, 255, 255, 0.95); font-weight: 500; max-width: 800px; margin: 0px auto; }
.about-page-intro { background: var(--background-color); padding: 100px 20px; }
.about-page-intro-container { max-width: 1200px; margin: 0px auto; display: grid; grid-template-columns: 1fr 1.2fr; gap: 60px; align-items: center; }
.about-page-photo-wrapper { position: relative; }
.about-page-photo { width: 100%; height: auto; border-radius: 16px; box-shadow: rgba(0, 0, 0, 0.15) 0px 20px 60px; display: block; object-fit: cover; }
.about-page-intro-content h2 { font-family: "Playfair Display", serif; font-size: clamp(28px, 3.5vw, 42px); color: var(--primary-color); margin-bottom: 24px; line-height: 1.3; font-weight: 700; }
.about-page-intro-content p { font-size: 17px; color: var(--text-gray); margin-bottom: 20px; line-height: 1.8; }
.about-page-intro-content .about-page-philosophy { background: var(--white); padding: 24px; border-left: 4px solid var(--secondary-color); margin-top: 30px; border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.06) 0px 4px 20px; font-style: italic; color: var(--text-dark); font-weight: 500; }
.about-page-experience { background: var(--white); padding: 100px 20px; }
.about-page-experience-container { max-width: 1000px; margin: 0px auto; }
.about-page-section-heading { font-family: "Playfair Display", serif; font-size: clamp(32px, 4vw, 44px); color: var(--primary-color); margin-bottom: 40px; text-align: center; font-weight: 700; }
.about-page-experience-content p { font-size: 17px; color: var(--text-gray); margin-bottom: 20px; line-height: 1.8; }
.about-page-experience-list { margin-top: 30px; display: grid; gap: 16px; }
.about-page-experience-item { display: flex; align-items: flex-start; gap: 16px; padding: 20px; background: var(--background-color); border-radius: 12px; transition: transform 0.3s, box-shadow 0.3s; }
.about-page-experience-item:hover { transform: translateX(8px); box-shadow: rgba(74, 144, 164, 0.15) 0px 6px 24px; }
.about-page-experience-icon { width: 28px; height: 28px; min-width: 28px; background: var(--secondary-color); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--white); font-weight: 700; font-size: 16px; }
.about-page-experience-text { font-size: 16px; color: var(--text-gray); line-height: 1.7; font-weight: 500; }
.about-page-credentials { background: rgba(168, 213, 186, 0.25); padding: 100px 20px; }
.about-page-credentials-container { max-width: 1200px; margin: 0px auto; }
.about-page-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px; margin-top: 50px; }
.about-page-credential-card { background: var(--white); border: 3px solid var(--secondary-color); border-radius: 16px; padding: 40px 30px; text-align: center; transition: transform 0.3s, box-shadow 0.3s, border-color 0.3s; }
.about-page-credential-card:hover { transform: translateY(-8px); box-shadow: rgba(103, 184, 166, 0.25) 0px 12px 40px; border-color: var(--primary-color); }
.about-page-credential-icon { width: 80px; height: 80px; background: linear-gradient(135deg,var(--secondary-color),var(--primary-color)); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0px auto 24px; font-size: 36px; color: var(--white); font-weight: 700; }
.about-page-credential-title { font-size: 19px; font-weight: 700; color: var(--text-dark); line-height: 1.4; }
.about-page-courts { background: var(--white); padding: 100px 20px; }
.about-page-courts-container { max-width: 1000px; margin: 0px auto; }
.about-page-courts-intro { font-size: 18px; color: var(--text-gray); text-align: center; margin-bottom: 50px; line-height: 1.8; }
.about-page-courts-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; margin-bottom: 40px; }
.about-page-court-item { background: linear-gradient(135deg,var(--secondary-color),var(--tertiary-color)); padding: 24px; border-radius: 12px; color: var(--white); font-size: 18px; font-weight: 600; text-align: center; transition: transform 0.3s, box-shadow 0.3s; }
.about-page-court-item:hover { transform: scale(1.05); box-shadow: rgba(103, 184, 166, 0.3) 0px 10px 30px; }
.about-page-courts-note { background: var(--background-color); padding: 30px; border-radius: 12px; border-left: 4px solid var(--primary-color); font-size: 16px; color: var(--text-gray); line-height: 1.8; margin-top: 30px; }
.about-page-approach { background: rgba(103, 184, 166, 0.15); padding: 100px 20px; }
.about-page-approach-container { max-width: 900px; margin: 0px auto; }
.about-page-approach-content p { font-size: 17px; color: var(--text-gray); margin-bottom: 20px; line-height: 1.8; }
.about-page-approach-list { margin-top: 40px; display: grid; gap: 20px; }
.about-page-approach-item { display: flex; align-items: flex-start; gap: 16px; padding: 20px; background: var(--white); border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.06) 0px 4px 16px; transition: transform 0.3s; }
.about-page-approach-item:hover { transform: translateX(8px); }
.about-page-approach-bullet { width: 12px; height: 12px; min-width: 12px; background: var(--secondary-color); border-radius: 50%; margin-top: 6px; }
.about-page-approach-text { font-size: 16px; color: var(--text-gray); line-height: 1.7; font-weight: 500; }
.about-page-pullquote { background: var(--white); padding: 40px; border: 3px solid var(--primary-color); border-radius: 16px; margin-top: 50px; text-align: center; font-size: 20px; font-style: italic; color: var(--text-dark); font-weight: 600; line-height: 1.6; box-shadow: rgba(74, 144, 164, 0.15) 0px 8px 30px; }
.about-page-community { background: var(--background-color); padding: 100px 20px; }
.about-page-community-container { max-width: 1000px; margin: 0px auto; }
.about-page-community-content { display: grid; gap: 30px; margin-top: 40px; }
.about-page-community-block { background: var(--white); padding: 30px; border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.06) 0px 4px 16px; transition: transform 0.3s; }
.about-page-community-block:hover { transform: translateY(-4px); }
.about-page-community-block h3 { font-size: 22px; color: var(--primary-color); margin-bottom: 16px; font-weight: 700; }
.about-page-community-block p { font-size: 16px; color: var(--text-gray); line-height: 1.8; }
.about-page-cta { background: var(--highlight-color); padding: 100px 20px; text-align: center; }
.about-page-cta-container { max-width: 800px; margin: 0px auto; }
.about-page-cta h2 { font-family: "Playfair Display", serif; font-size: clamp(32px, 4vw, 44px); color: var(--text-dark); margin-bottom: 24px; font-weight: 700; }
.about-page-cta p { font-size: 18px; color: var(--text-dark); margin-bottom: 40px; line-height: 1.8; max-width: 700px; margin-left: auto; margin-right: auto; }
.about-page-cta-button { display: inline-block; background: var(--white); color: var(--primary-color); padding: 18px 48px; font-size: 18px; font-weight: 700; border-radius: 50px; text-decoration: none; transition: transform 0.3s, box-shadow 0.3s, background 0.3s; box-shadow: rgba(0, 0, 0, 0.15) 0px 8px 24px; border: 3px solid var(--white); }
.about-page-cta-button:hover { transform: translateY(-4px); box-shadow: rgba(0, 0, 0, 0.25) 0px 12px 36px; background: var(--primary-color); color: var(--white); }
.about-page-contact-info { margin-top: 40px; display: flex; flex-wrap: wrap; gap: 30px; justify-content: center; align-items: center; }
.about-page-contact-item { display: flex; align-items: center; gap: 12px; font-size: 17px; color: var(--text-dark); font-weight: 600; }
.about-page-contact-item svg { width: 24px; height: 24px; fill: var(--primary-color); }
.about-page-footer { background: rgb(42, 42, 42); color: rgba(255, 255, 255, 0.85); padding: 60px 20px 30px; text-align: center; }
.about-page-footer-container { max-width: 1200px; margin: 0px auto; }
.about-page-footer-content { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 40px; margin-bottom: 40px; text-align: left; }
.about-page-footer-section h3 { color: var(--white); font-size: 20px; margin-bottom: 20px; font-weight: 700; }
.about-page-footer-section p, .about-page-footer-section a { color: rgba(255, 255, 255, 0.75); font-size: 15px; line-height: 1.8; text-decoration: none; display: block; margin-bottom: 10px; transition: color 0.3s; }
.about-page-footer-section a:hover { color: var(--secondary-color); }
.about-page-footer-bottom { border-top: 1px solid rgba(255, 255, 255, 0.15); padding-top: 30px; font-size: 14px; color: rgba(255, 255, 255, 0.65); }
@media (max-width: 768px) {
  .about-page-intro-container { grid-template-columns: 1fr; gap: 40px; }
  .about-page-hero { padding: 80px 20px 60px; }
  .about-page-intro, .about-page-experience, .about-page-credentials, .about-page-courts, .about-page-approach, .about-page-community, .about-page-cta { padding: 60px 20px; }
  .about-page-cards { grid-template-columns: 1fr; }
  .about-page-courts-list { grid-template-columns: 1fr; }
  .about-page-footer-content { grid-template-columns: 1fr; text-align: center; }
  .about-page-contact-info { flex-direction: column; }
}
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }
[data-section-id="logo_grid_section_001"] { font-family: Poppins, sans-serif; background: linear-gradient(135deg, rgb(245, 247, 250) 0%, rgb(195, 207, 226) 100%); }
[data-section-id="logo_grid_section_001"] h2 { font-weight: 700; color: rgb(26, 26, 26); text-transform: uppercase; letter-spacing: 1px; }
[data-section-id="logo_grid_section_001"] .logo-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
[data-section-id="logo_grid_section_001"] .logo-card { background: rgb(255, 255, 255); border: 2px solid rgb(224, 224, 224); border-radius: 12px; padding: 30px; display: flex; align-items: center; justify-content: center; transition: 0.3s; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px; cursor: pointer; }
[data-section-id="logo_grid_section_001"] .logo-card:hover { transform: translateY(-8px); box-shadow: rgba(0, 0, 0, 0.15) 0px 12px 24px; border-color: rgb(0, 123, 255); }
[data-section-id="logo_grid_section_001"] .logo-card img { max-width: 100%; height: auto; max-height: 120px; object-fit: contain; transition: transform 0.3s; }
[data-section-id="logo_grid_section_001"] .logo-card:hover img { transform: scale(1.05); }
@media (max-width: 992px) {
  [data-section-id="logo_grid_section_001"] .logo-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }
}
@media (max-width: 576px) {
  [data-section-id="logo_grid_section_001"] .logo-grid { grid-template-columns: 1fr; gap: 20px; }
  [data-section-id="logo_grid_section_001"] h2 { font-size: 2rem; }
}
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }

/* Page: Mediation Services */
* { margin: 0px; padding: 0px; box-sizing: border-box; }
body { font-family: Inter, sans-serif; line-height: 1.6; color: rgb(26, 26, 26); overflow-x: hidden; }
.mediation-page-hero { background: rgb(74, 144, 164); padding: 120px 20px 80px; text-align: center; position: relative; overflow: hidden; }
.mediation-page-hero::before { content: ""; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%); animation: 15s ease 0s infinite alternate none running heroGlow; pointer-events: none; }
@keyframes heroGlow { 
  0% { transform: translate(0px, 0px); }
  100% { transform: translate(10%, 10%); }
}
.mediation-hero-breadcrumb { color: rgba(255, 255, 255, 0.9); font-size: 14px; margin-bottom: 20px; position: relative; z-index: 1; }
.mediation-hero-breadcrumb a { color: rgba(255, 255, 255, 0.9); text-decoration: none; transition: color 0.3s; }
.mediation-hero-breadcrumb a:hover { color: rgb(255, 255, 255); }
.mediation-hero-title { color: rgb(255, 255, 255); font-size: clamp(2.5rem, 5vw, 4rem); font-weight: 800; margin-bottom: 20px; position: relative; z-index: 1; letter-spacing: -0.5px; }
.mediation-hero-subtitle { color: rgb(255, 255, 255); font-size: clamp(1.1rem, 2vw, 1.4rem); font-weight: 500; max-width: 800px; margin: 0px auto; position: relative; z-index: 1; line-height: 1.5; }
.mediation-services-overview { background: rgb(245, 249, 247); padding: 100px 20px; text-align: center; }
.mediation-overview-container { max-width: 900px; margin: 0px auto; }
.mediation-overview-heading { color: rgb(74, 144, 164); font-size: clamp(2rem, 4vw, 3rem); font-weight: 700; margin-bottom: 30px; }
.mediation-overview-body { color: rgb(45, 45, 45); font-size: 1.15rem; line-height: 1.8; margin-bottom: 25px; }
.mediation-overview-context { color: rgb(61, 61, 61); font-size: 1.1rem; line-height: 1.8; }
.mediation-what-is { background: rgb(255, 255, 255); padding: 100px 20px; }
.mediation-what-container { max-width: 1100px; margin: 0px auto; }
.mediation-what-heading { color: rgb(74, 144, 164); font-size: clamp(2rem, 4vw, 2.8rem); font-weight: 700; margin-bottom: 30px; text-align: center; }
.mediation-what-definition { color: rgb(45, 45, 45); font-size: 1.15rem; line-height: 1.8; margin-bottom: 40px; text-align: center; max-width: 900px; margin-left: auto; margin-right: auto; }
.mediation-what-subheading { color: rgb(103, 184, 166); font-size: 1.8rem; font-weight: 600; margin-bottom: 30px; margin-top: 50px; }
.mediation-what-list { list-style: none; margin-bottom: 40px; }
.mediation-what-list li { display: flex; align-items: flex-start; margin-bottom: 20px; padding: 20px; background: rgb(245, 249, 247); border-radius: 12px; transition: transform 0.3s, box-shadow 0.3s; }
.mediation-what-list li:hover { transform: translateX(5px); box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; }
.mediation-what-list li::before { content: "✓"; color: rgb(168, 213, 186); font-size: 24px; font-weight: 700; margin-right: 15px; flex-shrink: 0; }
.mediation-what-list li span { color: rgb(45, 45, 45); font-size: 1.05rem; line-height: 1.6; }
.mediation-what-closing { color: rgb(61, 61, 61); font-size: 1.1rem; line-height: 1.8; text-align: center; margin-top: 40px; }
.mediation-mediator-do { background: rgb(232, 244, 238); padding: 100px 20px; }
.mediation-mediator-container { max-width: 1100px; margin: 0px auto; }
.mediation-mediator-heading { color: rgb(74, 144, 164); font-size: clamp(2rem, 4vw, 2.8rem); font-weight: 700; margin-bottom: 30px; text-align: center; }
.mediation-mediator-intro { color: rgb(45, 45, 45); font-size: 1.15rem; line-height: 1.8; margin-bottom: 40px; text-align: center; }
.mediation-mediator-subheading { color: rgb(103, 184, 166); font-size: 1.8rem; font-weight: 600; margin-bottom: 30px; }
.mediation-mediator-list { list-style: none; margin-bottom: 50px; }
.mediation-mediator-list li { display: flex; align-items: flex-start; margin-bottom: 20px; padding: 20px; background: rgb(255, 255, 255); border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 8px; transition: transform 0.3s, box-shadow 0.3s; }
.mediation-mediator-list li:hover { transform: translateY(-3px); box-shadow: rgba(0, 0, 0, 0.1) 0px 6px 20px; }
.mediation-mediator-list li::before { content: "•"; color: rgb(103, 184, 166); font-size: 32px; font-weight: 700; margin-right: 15px; flex-shrink: 0; line-height: 1; }
.mediation-mediator-list li span { color: rgb(45, 45, 45); font-size: 1.05rem; line-height: 1.6; }
.mediation-notice-box { background: rgb(255, 255, 255); border: 3px solid rgb(103, 184, 166); border-radius: 15px; padding: 30px; margin-bottom: 30px; box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 15px; }
.mediation-notice-box p { color: rgb(45, 45, 45); font-size: 1.1rem; font-weight: 600; line-height: 1.7; }
.mediation-mediator-note { color: rgb(61, 61, 61); font-size: 1.05rem; line-height: 1.7; text-align: center; font-style: italic; }
.mediation-family-services { background: rgb(255, 255, 255); padding: 100px 20px; }
.mediation-family-container { max-width: 1200px; margin: 0px auto; }
.mediation-family-heading { color: rgb(74, 144, 164); font-size: clamp(2rem, 4vw, 3rem); font-weight: 700; margin-bottom: 60px; text-align: center; }
.mediation-services-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px; }
.mediation-service-card { background: rgb(255, 255, 255); border: 2px solid rgb(103, 184, 166); border-radius: 15px; padding: 35px; transition: transform 0.3s, box-shadow 0.3s, border-color 0.3s; }
.mediation-service-card:hover { transform: translateY(-8px); box-shadow: rgba(0, 0, 0, 0.12) 0px 12px 30px; border-color: rgb(74, 144, 164); }
.mediation-service-card-title { color: rgb(103, 184, 166); font-size: 1.4rem; font-weight: 700; margin-bottom: 20px; line-height: 1.3; }
.mediation-service-card ul { list-style: none; }
.mediation-service-card li { color: rgb(45, 45, 45); font-size: 1.05rem; line-height: 1.8; margin-bottom: 12px; padding-left: 25px; position: relative; }
.mediation-service-card li::before { content: "→"; color: rgb(168, 213, 186); font-weight: 700; position: absolute; left: 0px; }
.mediation-landlord-tenant { background: rgb(225, 242, 237); padding: 100px 20px; }
.mediation-landlord-container { max-width: 1100px; margin: 0px auto; }
.mediation-landlord-heading { color: rgb(74, 144, 164); font-size: clamp(2rem, 4vw, 2.8rem); font-weight: 700; margin-bottom: 30px; text-align: center; }
.mediation-landlord-intro { color: rgb(45, 45, 45); font-size: 1.15rem; line-height: 1.8; margin-bottom: 40px; text-align: center; }
.mediation-landlord-subheading { color: rgb(45, 45, 45); font-size: 1.6rem; font-weight: 600; margin-bottom: 30px; }
.mediation-landlord-list { list-style: none; margin-bottom: 40px; }
.mediation-landlord-list li { display: flex; align-items: flex-start; margin-bottom: 20px; padding: 20px; background: rgb(255, 255, 255); border-radius: 12px; border-left: 5px solid rgb(103, 184, 166); transition: transform 0.3s, box-shadow 0.3s; }
.mediation-landlord-list li:hover { transform: translateX(8px); box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 15px; }
.mediation-landlord-list li::before { content: "🏘️"; font-size: 24px; margin-right: 15px; flex-shrink: 0; }
.mediation-landlord-list li span { color: rgb(45, 45, 45); font-size: 1.05rem; line-height: 1.6; }
.mediation-landlord-closing { color: rgb(45, 45, 45); font-size: 1.1rem; line-height: 1.8; text-align: center; margin-top: 40px; font-weight: 500; }
.mediation-process-benefits { background: rgb(245, 249, 247); padding: 100px 20px; }
.mediation-pb-container { max-width: 1200px; margin: 0px auto; }
.mediation-pb-heading { color: rgb(74, 144, 164); font-size: clamp(2rem, 4vw, 3rem); font-weight: 700; margin-bottom: 60px; text-align: center; }
.mediation-pb-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 50px; }
.mediation-process-column h3 { color: rgb(74, 144, 164); font-size: 1.8rem; font-weight: 700; margin-bottom: 30px; }
.mediation-process-steps { list-style: none; counter-reset: step-counter 0; }
.mediation-process-steps li { counter-increment: step-counter 1; display: flex; align-items: flex-start; margin-bottom: 25px; padding: 20px; background: rgb(255, 255, 255); border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 8px; transition: transform 0.3s; }
.mediation-process-steps li:hover { transform: translateX(5px); }
.mediation-process-steps li::before { content: counter(step-counter); background: rgb(168, 213, 186); color: rgb(255, 255, 255); font-weight: 700; font-size: 18px; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 15px; flex-shrink: 0; }
.mediation-process-steps li span { color: rgb(45, 45, 45); font-size: 1.05rem; line-height: 1.6; }
.mediation-benefits-column h3 { color: rgb(103, 184, 166); font-size: 1.8rem; font-weight: 700; margin-bottom: 30px; }
.mediation-benefits-list { list-style: none; }
.mediation-benefits-list li { display: flex; align-items: flex-start; margin-bottom: 25px; padding: 20px; background: rgb(255, 255, 255); border-radius: 12px; border-left: 5px solid rgb(103, 184, 166); box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 8px; transition: transform 0.3s; }
.mediation-benefits-list li:hover { transform: translateX(5px); }
.mediation-benefits-list li::before { content: "✓"; color: rgb(103, 184, 166); font-size: 24px; font-weight: 700; margin-right: 15px; flex-shrink: 0; }
.mediation-benefits-list li span { color: rgb(45, 45, 45); font-size: 1.05rem; line-height: 1.6; }
.mediation-faq { background: rgb(255, 255, 255); padding: 100px 20px; }
.mediation-faq-container { max-width: 900px; margin: 0px auto; }
.mediation-faq-heading { color: rgb(74, 144, 164); font-size: clamp(2rem, 4vw, 3rem); font-weight: 700; margin-bottom: 60px; text-align: center; }
.mediation-faq-item { background: rgb(245, 249, 247); border-radius: 15px; margin-bottom: 20px; overflow: hidden; transition: box-shadow 0.3s; border: 2px solid transparent; }
.mediation-faq-item:hover { box-shadow: rgba(0, 0, 0, 0.08) 0px 6px 20px; border-color: rgb(168, 213, 186); }
.mediation-faq-question { color: rgb(45, 45, 45); font-size: 1.2rem; font-weight: 700; padding: 25px 30px; cursor: pointer; display: flex; justify-content: space-between; align-items: center; transition: background 0.3s; }
.mediation-faq-question:hover { background: rgb(232, 244, 238); }
.mediation-faq-question::after { content: "+"; color: rgb(74, 144, 164); font-size: 28px; font-weight: 700; transition: transform 0.3s; }
.mediation-faq-question.active::after { transform: rotate(45deg); }
.mediation-faq-answer { color: rgb(45, 45, 45); font-size: 1.05rem; line-height: 1.8; padding: 0px 30px; max-height: 0px; overflow: hidden; transition: max-height 0.4s, padding 0.4s; }
.mediation-faq-answer.active { padding: 0px 30px 25px; max-height: 500px; }
.mediation-cta { background: rgb(191, 168, 225); padding: 100px 20px; text-align: center; }
.mediation-cta-container { max-width: 800px; margin: 0px auto; }
.mediation-cta-heading { color: rgb(26, 26, 26); font-size: clamp(2rem, 4vw, 3rem); font-weight: 800; margin-bottom: 30px; }
.mediation-cta-text { color: rgb(45, 45, 45); font-size: 1.2rem; line-height: 1.8; margin-bottom: 40px; }
.mediation-cta-button { display: inline-block; background: rgb(255, 255, 255); color: rgb(74, 144, 164); font-size: 1.2rem; font-weight: 700; padding: 18px 50px; border-radius: 50px; text-decoration: none; transition: transform 0.3s, box-shadow 0.3s, background 0.3s; box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 15px; }
.mediation-cta-button:hover { transform: translateY(-3px); box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 25px; background: rgb(240, 240, 240); }
.mediation-cta-contact { color: rgb(26, 26, 26); font-size: 1.1rem; margin-top: 40px; font-weight: 600; }
.mediation-cta-contact a { color: rgb(26, 26, 26); text-decoration: none; border-bottom: 2px solid rgb(26, 26, 26); transition: color 0.3s, border-color 0.3s; }
.mediation-cta-contact a:hover { color: rgb(74, 144, 164); border-color: rgb(74, 144, 164); }
@media (max-width: 768px) {
  .mediation-page-hero { padding: 80px 20px 60px; }
  .mediation-services-overview, .mediation-what-is, .mediation-mediator-do, .mediation-family-services, .mediation-landlord-tenant, .mediation-process-benefits, .mediation-faq, .mediation-cta { padding: 60px 20px; }
  .mediation-pb-grid { grid-template-columns: 1fr; gap: 40px; }
  .mediation-services-grid { grid-template-columns: 1fr; }
  .mediation-faq-question { font-size: 1.1rem; padding: 20px; }
  .mediation-faq-answer { font-size: 1rem; }
}
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }

/* Page: Contact & Consultation */
:root { --primary-color: #4A90A4; --secondary-color: #67B8A6; --tertiary-color: #A8D5BA; --highlight-color: #bfa8e1; --background-color: #F5F9F7; --white: #ffffff; --dark: #1a1a1a; --text-dark: #2c2c2c; --border-light: #e0e0e0; }
* { margin: 0px; padding: 0px; box-sizing: border-box; }
body { font-family: Inter, sans-serif; color: var(--text-dark); line-height: 1.6; overflow-x: hidden; }
.contact-hero-section { background: linear-gradient(135deg,var(--primary-color) 0%,#3d7a8d 100%); color: var(--white); padding: 120px 20px 80px; text-align: center; position: relative; }
.contact-hero-breadcrumb { font-size: 14px; margin-bottom: 20px; opacity: 0.95; font-weight: 400; }
.contact-hero-breadcrumb a { color: var(--white); text-decoration: none; transition: opacity 0.3s; }
.contact-hero-breadcrumb a:hover { opacity: 0.8; }
.contact-hero-breadcrumb span { margin: 0px 8px; }
.contact-hero-title { font-family: "Playfair Display", serif; font-size: 56px; font-weight: 700; margin-bottom: 20px; line-height: 1.2; }
.contact-hero-subtitle { font-size: 24px; font-weight: 500; opacity: 0.95; max-width: 800px; margin: 0px auto; }
.contact-intro-section { background: var(--background-color); padding: 100px 20px; text-align: center; }
.contact-intro-container { max-width: 900px; margin: 0px auto; }
.contact-intro-heading { font-family: "Playfair Display", serif; font-size: 48px; color: var(--primary-color); margin-bottom: 30px; font-weight: 700; }
.contact-intro-text { font-size: 18px; line-height: 1.8; margin-bottom: 25px; color: var(--text-dark); }
.contact-info-section { background: var(--white); padding: 100px 20px; }
.contact-info-container { max-width: 1200px; margin: 0px auto; }
.contact-info-heading { font-family: "Playfair Display", serif; font-size: 42px; color: var(--primary-color); text-align: center; margin-bottom: 60px; font-weight: 700; }
.contact-cards-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 40px; }
.contact-card { background: var(--white); border: 2px solid var(--secondary-color); border-radius: 12px; padding: 40px 30px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; }
.contact-card:hover { transform: translateY(-8px); box-shadow: rgba(103, 184, 166, 0.2) 0px 12px 30px; }
.contact-card-icon { font-size: 48px; margin-bottom: 20px; color: var(--secondary-color); }
.contact-card-title { font-size: 24px; font-weight: 700; color: var(--secondary-color); margin-bottom: 15px; }
.contact-card-content { font-size: 16px; color: var(--text-dark); margin-bottom: 20px; line-height: 1.6; }
.contact-card-link { display: inline-block; color: var(--primary-color); font-weight: 600; text-decoration: none; font-size: 18px; transition: color 0.3s; }
.contact-card-link:hover { color: var(--secondary-color); text-decoration: underline; }
.contact-card-button { display: inline-block; background: var(--secondary-color); color: var(--white); padding: 12px 30px; border-radius: 6px; text-decoration: none; font-weight: 600; transition: background 0.3s, transform 0.2s; }
.contact-card-button:hover { background: rgb(90, 163, 148); transform: scale(1.05); }
.contact-form-section { background: linear-gradient(135deg, rgb(232, 244, 238) 0%, rgb(212, 235, 224) 100%); padding: 100px 20px; }
.contact-form-container { max-width: 800px; margin: 0px auto; }
.contact-form-heading { font-family: "Playfair Display", serif; font-size: 42px; color: var(--primary-color); text-align: center; margin-bottom: 25px; font-weight: 700; }
.contact-form-intro { text-align: center; font-size: 18px; color: var(--text-dark); margin-bottom: 50px; line-height: 1.7; }
.contact-form { background: var(--white); padding: 50px; border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.08) 0px 8px 24px; }
.contact-form-group { margin-bottom: 30px; }
.contact-form-label { display: block; font-weight: 600; margin-bottom: 10px; color: var(--text-dark); font-size: 16px; }
.contact-form-input, .contact-form-select, .contact-form-textarea { width: 100%; padding: 14px 18px; border: 2px solid var(--border-light); border-radius: 8px; font-size: 16px; font-family: Inter, sans-serif; transition: border-color 0.3s, box-shadow 0.3s; background: var(--white); color: var(--text-dark); }
.contact-form-input:focus, .contact-form-select:focus, .contact-form-textarea:focus { outline: none; border-color: var(--secondary-color); box-shadow: rgba(103, 184, 166, 0.1) 0px 0px 0px 3px; }
.contact-form-textarea { resize: vertical; min-height: 140px; }
.contact-form-checkbox-group { display: flex; align-items: flex-start; gap: 12px; }
.contact-form-checkbox { width: 20px; height: 20px; margin-top: 2px; cursor: pointer; accent-color: var(--secondary-color); }
.contact-form-checkbox-label { font-size: 15px; color: var(--text-dark); line-height: 1.5; }
.contact-form-submit { background: var(--highlight-color); color: var(--dark); padding: 16px 50px; border: none; border-radius: 8px; font-size: 18px; font-weight: 700; cursor: pointer; transition: background 0.3s, transform 0.2s; width: 100%; margin-top: 10px; }
.contact-form-submit:hover { background: rgb(176, 146, 212); transform: translateY(-2px); }
.contact-form-privacy { text-align: center; font-size: 14px; color: rgb(102, 102, 102); margin-top: 20px; font-style: italic; }
.contact-expect-section { background: var(--white); padding: 100px 20px; }
.contact-expect-container { max-width: 1100px; margin: 0px auto; }
.contact-expect-heading { font-family: "Playfair Display", serif; font-size: 42px; color: var(--primary-color); text-align: center; margin-bottom: 60px; font-weight: 700; }
.contact-expect-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 40px; margin-bottom: 40px; }
.contact-expect-item { display: flex; gap: 20px; align-items: flex-start; }
.contact-expect-number { background: var(--secondary-color); color: var(--white); width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 24px; font-weight: 700; flex-shrink: 0; }
.contact-expect-content h3 { font-size: 22px; color: var(--primary-color); margin-bottom: 10px; font-weight: 700; }
.contact-expect-content p { color: var(--text-dark); line-height: 1.7; font-size: 16px; }
.contact-expect-duration { background: var(--background-color); padding: 30px; border-radius: 10px; text-align: center; font-size: 17px; color: var(--text-dark); font-weight: 500; border-left: 4px solid var(--secondary-color); }
.contact-service-section { background: linear-gradient(135deg, rgb(212, 235, 224) 0%, rgb(168, 213, 186) 100%); padding: 100px 20px; }
.contact-service-container { max-width: 1000px; margin: 0px auto; text-align: center; }
.contact-service-heading { font-family: "Playfair Display", serif; font-size: 42px; color: var(--primary-color); margin-bottom: 30px; font-weight: 700; }
.contact-service-intro { font-size: 18px; color: var(--text-dark); margin-bottom: 40px; line-height: 1.7; }
.contact-service-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 25px; margin-bottom: 40px; }
.contact-service-item { background: var(--white); padding: 25px; border-radius: 10px; font-size: 18px; font-weight: 600; color: var(--text-dark); box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px; transition: transform 0.3s, box-shadow 0.3s; }
.contact-service-item:hover { transform: translateY(-5px); box-shadow: rgba(0, 0, 0, 0.12) 0px 8px 20px; }
.contact-service-item::before { content: "📍"; margin-right: 10px; font-size: 22px; }
.contact-service-note { background: var(--white); padding: 25px; border-radius: 10px; font-size: 17px; color: var(--text-dark); font-weight: 600; border: 2px solid var(--secondary-color); }
.contact-hours-section { background: var(--background-color); padding: 80px 20px; }
.contact-hours-container { max-width: 900px; margin: 0px auto; background: var(--white); padding: 50px; border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.06) 0px 6px 20px; }
.contact-hours-heading { font-family: "Playfair Display", serif; font-size: 38px; color: var(--primary-color); text-align: center; margin-bottom: 40px; font-weight: 700; }
.contact-hours-list { list-style: none; }
.contact-hours-item { font-size: 17px; color: var(--text-dark); padding: 18px 0px; border-bottom: 1px solid var(--border-light); line-height: 1.7; }
.contact-hours-item:last-child { border-bottom: none; }
.contact-hours-item::before { content: "✓"; color: var(--secondary-color); font-weight: 700; margin-right: 15px; font-size: 20px; }
.contact-faq-section { background: var(--white); padding: 100px 20px; }
.contact-faq-container { max-width: 1000px; margin: 0px auto; }
.contact-faq-heading { font-family: "Playfair Display", serif; font-size: 42px; color: var(--primary-color); text-align: center; margin-bottom: 60px; font-weight: 700; }
.contact-faq-item { background: var(--white); border: 2px solid var(--tertiary-color); border-radius: 10px; padding: 30px; margin-bottom: 25px; transition: border-color 0.3s; }
.contact-faq-item:hover { border-color: var(--secondary-color); }
.contact-faq-question { font-size: 20px; font-weight: 700; color: var(--primary-color); margin-bottom: 15px; }
.contact-faq-answer { font-size: 16px; color: var(--text-dark); line-height: 1.8; }
.contact-cta-section { background: var(--highlight-color); padding: 100px 20px; text-align: center; }
.contact-cta-container { max-width: 900px; margin: 0px auto; }
.contact-cta-heading { font-family: "Playfair Display", serif; font-size: 48px; color: var(--dark); margin-bottom: 25px; font-weight: 700; }
.contact-cta-text { font-size: 20px; color: var(--dark); line-height: 1.8; margin-bottom: 40px; }
.contact-cta-button { display: inline-block; background: var(--white); color: var(--primary-color); padding: 18px 50px; border-radius: 8px; text-decoration: none; font-size: 20px; font-weight: 700; transition: transform 0.3s, box-shadow 0.3s; }
.contact-cta-button:hover { transform: translateY(-3px); box-shadow: rgba(0, 0, 0, 0.15) 0px 8px 20px; }
.contact-cta-info { margin-top: 30px; font-size: 18px; color: var(--dark); font-weight: 600; }
.contact-cta-info a { color: var(--dark); text-decoration: underline; transition: opacity 0.3s; }
.contact-cta-info a:hover { opacity: 0.8; }
@media (max-width: 768px) {
  .contact-hero-title { font-size: 38px; }
  .contact-hero-subtitle { font-size: 18px; }
  .contact-intro-heading, .contact-info-heading, .contact-form-heading, .contact-expect-heading, .contact-service-heading, .contact-faq-heading, .contact-cta-heading { font-size: 32px; }
  .contact-cards-grid, .contact-service-list { grid-template-columns: 1fr; }
  .contact-form { padding: 30px; }
  .contact-expect-grid { grid-template-columns: 1fr; }
  .contact-cta-heading { font-size: 36px; }
}
@media (max-width: 480px) {
  .contact-hero-title { font-size: 30px; }
  .contact-hero-section { padding: 80px 15px 60px; }
  .contact-intro-section, .contact-info-section, .contact-form-section, .contact-expect-section, .contact-service-section, .contact-faq-section, .contact-cta-section { padding: 60px 15px; }
  .contact-form { padding: 25px; }
  .contact-hours-container { padding: 30px; }
}
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }