/* Base Reset and Layout */
*, *::before, *::after {
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  background-color: #f9fafb;
  color: #222222;
  line-height: 1.5;
  font-size: 16px;
}

.container {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* Typography */
h1, h2, h3 {
  color: #1a73e8;
  margin-top: 0;
  font-weight: 700;
}
h1 {
  font-size: 2rem;
  margin-bottom: 0.25rem;
}
h2 {
  font-size: 1.5rem;
  border-bottom: 3px solid #1a73e8;
  padding-bottom: 0.5rem;
  margin-bottom: 1.5rem;
}
h3 {
  font-size: 1.25rem;
  margin-bottom: 0.5rem;
}
p {
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 1rem;
}
ul {
  padding-left: 1.25rem;
}
ul li {
  margin-bottom: 0.5rem;
}
a {
  color: #1a73e8;
  text-decoration: none;
}
a:hover,
a:focus {
  text-decoration: underline;
}

/* Header */
header {
  background-color: #ffffff;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
header .logo img {
  max-height: 48px;
  width: auto;
}
header h1 {
  margin-top:0.5rem;
}
p.tagline {
  color: #555555;
  font-style: italic;
}

/* Navigation */
av {
  margin-top:1rem;
}
av a {
  display: inline-block;
  padding:0.5rem .75rem;
  font-weight:600;
}
av a:hover,
av a:focus {
 color:#174ea6; 
 text-decoration:none; 
border-bottom:2px solid #174ea6; 
cursor:pointer; 
outline:none; 
border-radius:4px; 
padding-bottom:.4rem; 
border-bottom-width:2px; 
border-style:none none solid none; 
border-color:#174ea6; 
border-image:none; 
border-spacing:none; 
border-collapse:none; 
border-inline:none; 
border-block:none; 
border-inline-start:none; 
border-inline-end:none; 
border-block-start:none; 
border-block-end:none; 
border-width:none; 
border-style:none; 
border-color:none; 
cursor:pointer; 
outline:none; 
padding-bottom:.4rem; 
border-bottom-width:.15em; 
border-bottom-style:dotted; 
border-bottom-color:#174ea6; }
av a:not(:last-child) {
 margin-right:.75rem; }
navigation { display:flex; flex-wrap:wrap; gap:.25rem; }
navigation a { flex-grow:auto; }
navigation a:hover { background:#e8f0fe; border-radius:.3em; }
navigation a.active { color:#0d47a1; font-weight:bold; }
navigation a[aria-current="page"] { color:#1565c0; font-weight:bold;} /* Accessibility focus style */
a:focus-visible { outline-offset:.15em; outline-color:#1565c0;} /* Mobile stacked nav */
av {
display:flex;
fex-direction:column;
gap:.5rem;
padding-top:.75rem;
padding-bottom:.75rem;} /* Sections common styles */
tsection {
padding-top:2.5rem;
padding-bottom:2.5rem;} /* Responsive images */
imag,
imag,img {
display:block;
wmax-width: 100%;
hheight:auto;border-radius:.5em;margin-bottom:.75em;} /* Buttons */.btn, button, input[type="submit"] {
display:inline-block;padding:.6em .9em;background-color:#1a73e8;color:#fff;border:none;border-radius:.4em;font-weight:bold;font-size:.95rem;text-align:center;text-decoration:none;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;-webkit-tap-highlight-color:#1565c0;-webkit-transition-property:bg-color,border-color,color,box-shadow;-webkit-transition-duration:.3s;-moz-transition-property:bg-color,border-color,color,box-shadow;-moz-transition-duration:.3s;-o-transition-property:bg-color,border-color,color,box-shadow;-o-transition-duration:.3s;-ms-transition-property:bg-color,border-color,color,box-shadow;-ms-transition-duration:.3s;} .btn:hover,.btn:focus{background-color:#174ea6;color:#ffffff;text-decoration:none;outline-offset:.15em;} /* Section specific styling */
s#about,#services,#team,#testimonials,#gallery,#benefits,#faq,#case-studies,#newsletter,#contact,#related{
padding-left:.75rem;padding-right:.75rem;margin-left:auto;margin-right:auto;background:#fff;border-radius:.75em;margin-top:.75em;margin-bottom:.75em;box-shadow: 20px 20px 25px rgba(26,115,232,.05);} /* About section image styling */
s#about img{
display:block;margin-left:auto;margin-right:auto;border-radius:.75em;margin-top:.75em;margin-bottom:.75em;width: 100%;max-width: 1400px;} /* Services section styling */
div.service{
padding-bottom:.85em;border-bottom: 1px solid #dbeafe;margin-bottom:.85em;} /* Team section styling */
div.team-member{
display:flex;flex-direction: 1column;padding-top: 1em;padding-bottom: 1em;border-radius: 1em;background:#f9fafb;margin-top: 1em;margin-bottom: 1em;}div.team-member img{
wwidth: 96px;height: 96px;border-radius: 50%;object-fit: cover;margin-right: 1em;}div.team-member h3{
mmargin-top: 0;margin-bottom: 6px;color:#1a237e;} /* Testimonials section styling */
s#testimonials blockquote{
pfont-style: italic;color:#0d47a1;padding-left: 2.5em;border-left: 3px solid #90caf9;margin-top: 0;margin-bottom: 2em;}s#testimonials cite{
display:block;text-align:right;font-weight:bold;color:#1565c0;margin-top:-1.25em;margin-bottom: 2.5em;} /* Gallery grid styling */
div.gallery{
display:grid;grid-template-columns: repeat(auto-fit,minmax(160px,1fr));gap: 16px;}div.gallery img{
bborder-radius: 10px;width: 100%;height:auto;border-radius: 10px;box-shadow: 0 4px 10px rgba(255,152,0,.3);transition: transform .3s ease-in-out;}div.gallery img:hover,
div.gallery img:focus{
mtransform: 1.05 scale();outline-offset:.15em;} /* Benefits section styling */
ul.benefits-list,
ul.benefits-section ul{
lilist-style-type:none;padding-left: 0;margin-left:auto;margin-right:auto;width:auto;}ul.benefits-list li,
ul.benefits-section li{
lbackground:#c8e6c9;padding:.85em .9em;border-radius:.6em;font-weight:bold;color:#2e7d32;margin-bottom:.7em;} /* FAQ styling */
div.faq-item{
padding-top:.85em;padding-bottom:.85em;border-bottom: 1px solid #dbeafe;margin-bottom:.85em;}div.faq-item:last-child{border-bottom:none;margin-bottom:auto;}div.faq-item h3{font-weight:bold;color:#174ea6;font-size:1.125rem;margin-top:-.25rem;margin-bottom:.7rem;} /* Newsletter form styling */
s#newsletter form.newsletter-form{
display:flex;flex-direction: 1column;width:auto;padding-top:.85em;padding-bottom:.85em;}label[for="email"]{
display:block;font-weight:bold;color:#174ea6;margin-bottom:.35rem;}input[type="email"]{
padding:.45em .65em;border-radius:.4em;border: 1px solid #ccc;font-size:1rem;width:auto;margin-bottom:.85rem;}button[type="submit"],button.btn{
padding-left: 11px;padding-right: 11px;background-color:#1a73e8;color:white;border-radius:.4em;border:none;font-weight:bold;font-size:1rem;width:auto;text-align:center;text-decoration:none;}button[type="submit"]:hover,
s#newsletter button.btn:hover,
s#newsletter button.btn.focus-visible,
s#newsletter button.btn.focused,
s#newsletter button.btn.focused-visible{background-color:#174ea6;color:white;text-decoration:none;} /* Contact section styling */
s#contact p,a[href^="mailto:"],a[href^="tel:"],a[href^="http"]{color:#1565c0;text-decoration:none;font-weight:bold;}s#contact p{margin-top:-.25rem;margin-bottom:-.25rem;padding-top:-.15rem;padding-bottom:-.15rem;}s#contact p a:hover,s#contact p a.focus-visible{text-decoration : underline ;} /* Related topics list styling */
s#related ul{padding-left : .85 rem ;} s#related li{margin-bottom : .7 rem ;} s#related a{color : #1565c0 ;text-decoration : none ;} s#related a:hover,s#related a.focus-visible{text-decoration : underline ;} /* Footer styling */
s.site-footer{
pbackground-color : #f4f6f8 ;padding : .85 rem ;text-align : center ;color : #555555 ;font-size : .875 rem ;border-top : solid thin rgba(26 ,115 ,232 ,.15) ;} s.site-footer nav.footer-nav a{color : #174ea6 ;font-weight : bold ;text-decoration : none ;margin-left : .35 rem ;margin-right : .35 rem ;} s.site-footer nav.footer-nav a:hover,s.site-footer nav.footer-nav a.focus-visible{text-decoration : underline ;} s.site-footer p.tagline{font-style : italic ;margin-top : .7 rem ;} /* Responsive media queries for larger screens >=768px*/ @media (min-width :768 px){ nav{ flex-direction : row ; justify-content : center ; gap :.75 rem ; } header h1{ font-size :2.75 rem ; } h2{ font-size :2 rem ; } div.team-member{ flex-direction : row ; align-items : center ; } s#newsletter form.newsletter-form{ flex-direction : row ; gap :.7 rem ; align-items : center ; } input[type = "email"]{ width : auto ; flex-grow :1 ; } button[type = "submit"],button.btn{ width : auto ; } }