/* Start custom CSS for section, class: .elementor-element-hero_section */.hp-hero { background: #2885BA; padding: 80px 40px 110px; text-align: center; color: white; position: relative; } .hp-hero h1 { font-family: 'Cabin Sketch', 'Cabin', cursive; font-size: 2.8em; font-weight: 700; color: white; line-height: 1.2; margin-bottom: 20px; max-width: 800px; margin-left: auto; margin-right: auto; } .hp-hero .hp-sub { font-size: 1.15em; line-height: 1.7; opacity: 0.93; max-width: 640px; margin: 0 auto 36px; } .hp-wave-cream { position: absolute; bottom: -1px; left: 0; right: 0; line-height: 0; }/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-intro_section */.bridge-intro { background: #fdf3ec; padding: 60px 40px; text-align: center; } .bridge-intro h2 { font-family: 'Cabin Sketch', 'Cabin', cursive; color: #2885BA; font-size: 2.2em; font-weight: 700; margin-bottom: 20px; } .bridge-intro p { color: #444; font-size: 1.1em; line-height: 1.7; max-width: 700px; margin: 0 auto 20px; }/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-why_section */.bridge-why { background: white; padding: 70px 40px; } .bridge-why-inner { max-width: 900px; margin: 0 auto; } .bridge-why h2 { font-family: 'Cabin Sketch', 'Cabin', cursive; color: #2885BA; font-size: 2.2em; font-weight: 700; margin-bottom: 30px; text-align: center; } .bridge-why-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; } .bridge-why-card { background: #fdf3ec; padding: 24px; border-radius: 8px; border-left: 4px solid #2885BA; } .bridge-why-card h3 { color: #1a3a5c; font-size: 1.1em; font-weight: 700; margin-bottom: 10px; } .bridge-why-card p { color: #555; font-size: 0.95em; line-height: 1.6; margin: 0; }/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-framework_section */.bridge-framework { background: #2885BA; padding: 50px 40px; color: white; }
.bridge-framework-inner { max-width: 1100px; margin: 0 auto; }
.bridge-framework h2 { font-family: 'Cabin Sketch', 'Cabin', cursive; color: white; font-size: 2.2em; font-weight: 700; margin-bottom: 30px; text-align: center; }
.bridge-steps-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.bridge-step { display: flex; gap: 18px; background: rgba(255,255,255,0.1); padding: 20px; border-radius: 8px; align-items: flex-start; margin-bottom: 0; }
.bridge-step-letter { font-family: 'Cabin Sketch', 'Cabin', cursive; font-size: 2.8em; font-weight: 700; color: #fdf3ec; line-height: 1; min-width: 42px; text-align: center; }
.bridge-step-content h3 { font-size: 1.15em; font-weight: 700; margin-bottom: 6px; color: white; }
.bridge-step-content p { font-size: 0.9em; line-height: 1.5; color: rgba(255,255,255,0.9); margin: 0; }
@media (max-width: 768px) { .bridge-steps-grid { grid-template-columns: 1fr; } .bridge-framework { padding: 40px 20px; } }/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-impact_section */.bridge-impact { background: #fdf3ec; padding: 70px 40px; text-align: center; } .bridge-impact-inner { max-width: 800px; margin: 0 auto; } .bridge-impact h2 { font-family: 'Cabin Sketch', 'Cabin', cursive; color: #2885BA; font-size: 2.2em; font-weight: 700; margin-bottom: 30px; } .bridge-impact-list { display: flex; flex-direction: column; gap: 16px; text-align: left; } .bridge-impact-item { background: white; padding: 20px 24px; border-radius: 8px; display: flex; align-items: center; gap: 16px; box-shadow: 0 2px 10px rgba(0,0,0,0.03); } .bridge-impact-icon { color: #2885BA; font-size: 1.5em; font-weight: bold; } .bridge-impact-text { color: #444; font-size: 1.05em; font-weight: 600; margin: 0; }/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-cta_section */.bridge-cta { background: white; padding: 80px 40px; text-align: center; } .bridge-cta h2 { font-family: 'Cabin Sketch', 'Cabin', cursive; color: #2885BA; font-size: 2.4em; font-weight: 700; margin-bottom: 16px; } .bridge-cta p { color: #555; font-size: 1.1em; max-width: 600px; margin: 0 auto 30px; line-height: 1.6; } .bridge-btn { background: #2885BA; color: white; padding: 16px 32px; border-radius: 6px; font-weight: 700; font-size: 1.05em; text-decoration: none; display: inline-block; transition: background 0.2s; } .bridge-btn:hover { background: #1a3a5c; color: white; }/* End custom CSS */