img, iframe {max-width: 100%; height: auto} html,body{-webkit-text-size-adjust:100%;text-size-adjust:100%} :root { --main-bg: #fff; --primary: #1b3a6b; --primary-comp: #fff; --secondary: #c9a84c; --light: #f2f4f7; --dark: #333; --mute: #777777; }.bg-dark, .bg-mute, .bg-primary, .bg-primary a, .bg-secondary, .bg-secondary a, .top:hover, .hero h1, .hero p { color: var(--dark-comp, #fff); }.bg-mute { background-color: var(--mute, #777777); }.bg-primary, .top:hover { background-color: var(--primary, #1b3a6b); }.bg-secondary { background-color: var(--secondary, #c9a84c); }.bg-light { background-color: var(--light, #f2f4f7); color: var(--dark, #333); } body, input, select, textarea, ::placeholder { font-family: "Google Sans", sans-serif; font-size: 1.25rem; line-height: 1.5; }body { text-align: center; min-width: 320px; scroll-padding-top: 180px }body, nav a, .content a, .contact a { color: var(--dark, #333); }body, header ul, .hero h1, .hero p { padding: 0; margin: 0; }h1, h2, h3, h4, h5, h6, p, th, td, dd, dt, li { text-align: left; }h1, .home h2 { color: var(--dark, #333); }h1, h2, h3, h4 { text-wrap: balance }h1 { font-size: 2.5rem; }h2 { font-size: 1.8rem; }h3 { font-size: 1.3rem; }h4 { font-size: 1rem; }h5 { font-size: 0.8125rem; }address { font-style: normal; }img, iframe { max-width: 100%; height: auto; }iframe { display: block; aspect-ratio: auto 16 / 9; width: 100%; margin: 1em auto; }.fullwidth { width: 100%; }a img, iframe { border: none; }a { transition: ease-in-out .3s; }a, header a:hover, form input[type=submit]:hover, .btn:hover, .practicecards a:hover, .contact a:hover, .content a:hover { text-decoration: none; }a, header a:hover, .practicecards a:hover h3, .contact a:hover, .content a:hover { color: var(--primary, #1b3a6b); }a:hover { text-decoration: underline; }hr { border-width: 1px; border-color: var(--light, #e7e7e7); border-style: none none solid; margin: 40px 0; }.nowrap, a[href^=tel] { white-space: nowrap; }sup { line-height: 0; }.hide { display: none !important; }.center, .ccpaNotice, .hero h1, .hero p, .cta h2, .cta p, .contact li, .whychooseus h2, .whychooseus p, .testimonials h2, .testimonials p, .content h3 { text-align: center; }.wrap { display: block; max-width: 1200px; margin: 0 auto; position: relative; }.mid { align-items: center; align-self: center; }.grid { display: grid; grid-gap: 10px 30px; }.grid.half { grid-template-columns: repeat(2, 1fr); }.grid.third { grid-template-columns: repeat(3, 1fr); }.grid.fourth { grid-template-columns: repeat(4, 1fr); }.grid.full > img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 30% }.grid.full > div { padding-bottom: 10px } .top { display: block; padding: 10px; }header { position: sticky; top: 0; background-color: var(--main-bg, #fff); z-index: 1; width: 100%; font-size: 1rem; padding: 5px 0; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); z-index: 1000; }header a.logo { margin: 0 auto; padding: 0 }header a { color: var(--dark, #333); display: block; margin: 5px; padding: 5px }header .grid { grid-template-columns: 200px 1fr 200px; }header p { margin: 0; text-align: center }nav li { display: inline-block; } .hero:before { content: ""; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .4); position: absolute; top: 0; left: 0; }.hero { height: 400px; display: grid; align-content: center }.hero h1, .hero p { padding: 0 10px; text-shadow: 2px 2px 3px rgba(0, 0, 0, .3); }.hero h1 { font-size: 32px; line-height: 1.3; }.hero .btn { margin: 10px } .practicecards, .testimonials { padding: 10px; }.practicecards svg { color: var(--mute, #777777); }:is(.practicecards, .contact) .grid > div { border: 1px solid #eee; border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px; padding: 10% 5%; }.practicecards :is(h2, p) { text-align: center; }.whychooseus { border-radius: 8px; padding: 50px 20px; }.whychooseus ul { margin-top: 5%; }.whychooseus ul li { list-style: none; display: inline-flex; justify-content: center; gap: 10px; padding: 0 1%; }.whychooseus svg { color: var(--secondary, #c9a84c); }.bubble svg { color: var(--secondary, #c9a84c); }.ctabanner { display: grid; justify-items: center; align-items: center; padding: 30px 0; }.ctabanner p { font-size: 1.3rem; text-align: center; }.process-steps { padding: 80px 10px; }.step { background-color: #ffffff; padding: 20px; margin-bottom: 5%; border-radius: 8px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); text-align: center; transition: transform 0.3s, box-shadow 0.3s; }.step:hover { transform: translateY(-5px); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); }.step h3 { margin-bottom: 10px; color: #333; }.step p { color: #666; } form { margin: 20px 0; font-size: 1.25rem; }form .grid { grid-gap: 0 10px; }form :is(label,input,select,textarea) { display: block; }form label { text-align: left; margin-bottom: 10px }form :is(input,select,textarea) { box-sizing: border-box; width: 100%; padding: 10px; border: 1px solid var(--primary); border-width: 1px }form textarea { height: 150px }form input[type=submit], .btn { display: inline-block; width: auto; min-width: 110px; text-align: center; background-color: var(--secondary, #c9a84c); color: var(--primary-comp, #fff); padding: 10px 30px; margin: 10px 0; border: none; border-radius: 3px; transition: ease-in-out .3s; }form input[type=submit] { min-width: 250px; margin: 30px 0; }form input[type=submit]:hover, .btn:hover { cursor: pointer; background-color: var(--mute, #777777); }form input, form textarea, ::placeholder, select { color: var(--dark, #333); }form input[type=submit]:hover, .btn:hover { color: var(--primary-comp, #fff); } footer { clear: both }.cta { position: relative; }.cta.bgimg > img:first-of-type { object-position: bottom center; opacity: .5; object-fit: contain }.cta:before { content background-color: rgba(0, 0, 0, .5); position: relative }.cta .wrap { padding: 40px 10px 50px; }.cta p { max-width: 1080px; margin: auto; }.cta form { margin-top: 40px; }.ccpaNotice { text-align: center !important; }.subfoot { font-size: 1rem; padding: 30px 3vw; }.subfoot .grid { grid-template-columns: 1fr 150px } main { padding: 30px 10px 40px; }.nolist, .contact ul { list-style: none; padding-left: 0; }.contact .grid > div { padding: 20px; border-radius: 8px; }.bgimg { position: relative }.bgimg > img:first-of-type { position: absolute; width: 100%; height: 100%; inset: 0; object-fit: cover; z-index: 0 }.bgimg:before, .bgimg:after { z-index: 1 }.bgimg > :not(img) { z-index: 2 }.pad { padding-left: 10px; padding-right: 10px } @media(max-width:999px) {} @media(max-width:767px) { header { position: relative } header .grid { grid-template-columns: 1fr; grid-gap: 0 } header p { text-align: center; } .grid.half, .grid.third { grid-template-columns: 1fr; } .grid.full > img { margin: 0 -10px; max-width: calc(100% + 20px); width: calc(100% + 20px) }} @media(max-width:700px) { .practicecards .grid, .process-steps .grid { grid-template-columns: 1fr; } .practicecards { padding: 20px 10px; } :is(.practicecards, .contact) .grid > div { padding: 5% }} @media(max-width:600px) {} @media(max-width:500px) { .subfoot .grid { grid-template-columns: 1fr } .subfoot p { text-align: center }} @media(max-width:400px) { .practicecards { padding: 0 } :is(.practicecards, .contact) .grid > div { padding: 0; border: none; box-shadow: none; border-radius: unset }}