/* Reset and base styles */
*, *::before, *::after {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  background-color: #fafafa;
  color: #222;
  line-height: 1.6;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

/* Header */
header {
  background-color: #ffffff;
  padding: 1.5rem 1rem;
  text-align: center;
  border-bottom: 1px solid #e0e0e0;
}

header .logo img {
  max-width: 120px;
  height: auto;
  margin-bottom: 0.5rem;
}

header h1 {
  font-size: 1.8rem;
  margin: 0.25rem 0;
  font-weight: 700;
  color: #2c3e50;
}

header .tagline {
  font-size: 1rem;
  color: #555555;
  margin-top: 0.25rem;
}

/* Navigation */
av {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.7rem;
  margin-top: 1rem;
}
av a {
  text-decoration: none;
  color: #2980b9;
  font-weight: 600;
  padding: 0.4rem 0.8rem;
  border-radius: 5px;
  transition: background-color 0.3s ease, color 0.3s ease;
}
av a:hover,
av a:focus {
  background-color: #2980b9;
  color: #fff;
}

/* Sections */
section {
  background-color: #fff;
  margin-top: 2rem;
  padding: clamp(1rem,2vw,2rem);
  border-radius: 8px;
  box-shadow: rgba(0,0,0,0.05) 0px 2px 8px;
}
h2 {
  font-size: clamp(1.4rem,2vw,2rem);
  color: #2c3e50;
  border-bottom: solid #2980b9 calc(3px + .15vw);
  padding-bottom: .5rem;
}
h3 {
   font-size: clamp(1.1rem,1.5vw,1.4rem);
   color:#2980b9;
   margin-top:1.25rem;
   font-weight:600;
}
p {
   margin-top:.6rem;
   color:#444444;
   font-size:1rem;
}
ul {
   padding-left:1.25rem;
   color:#34495e;
   font-size:.95rem;
   list-style-type:square; 
}
ul li {
   margin-bottom:.6rem; 
   line-height:1.35em; 
}
a {
   color:#2980b9; 
   text-decoration:none; 
border-bottom:none; 
cursor:pointer; 
border-radius:.25em; 
padding-bottom:.05em; 
padding-left:.05em; 
padding-right:.05em; 
padding-top:.05em; 
border-bottom-width:.12em; 
border-bottom-style:none; 
border-bottom-color:#2980b9; 
border-image:none; 
border-width:.12em; 
border-style:none none solid none; 
border-color:#2980b9 transparent transparent transparent; 
border-image:none; 
border-radius:.25em; 
border-collapse:none; 
border-spacing:none; 
border-style:none none solid none; 
border-color:#2980b9 transparent transparent transparent; 
border-image:none; 
border-radius:.25em; }
a:hover,
a:focus {
test-decoration:none; background-color:#dbeeff;color:#005aab;text-decoration:none;border-radius:.3em;padding-left:.15em;padding-right:.15em;padding-top:.15em;padding-bottom:.15em;border-bottom:none;text-shadow:none;-webkit-text-fill-color:#005aab;-webkit-text-stroke-width:.03em;-webkit-text-stroke-color:#005aab;-webkit-text-stroke-style:none;-webkit-text-stroke-opacity:.8;-webkit-text-stroke-linejoin:miter;-webkit-text-stroke-linecap:butt;-webkit-text-stroke-miterlimit:auto;-webkit-text-stroke-offset:auto;-webkit-text-stroke-offset-x:auto;-webkit-text-stroke-offset-y:auto;-webkit-text-stroke-clip:auto;-webkit-text-stroke-clip-path:auto;-webkit-text-stroke-clip-rule:auto;-webkit-text-stroke-clip-rule-invert:false;-webkit-text-stroke-clip-rule-invert-path:false;-webkit-text-stroke-clip-rule-invert-rule:false;} /* Clean fallback for older browsers */
a:hover,
a:focus {background-color:#dbeeff;color:#005aab;text-decoration:none;border-radius:.3em;padding-left:.15em;padding-right:.15em;padding-top:.15em;padding-bottom:.15em;border-bottom:none;text-shadow:none;} /* Images */
imaginary-container img,
gallery-section img,
teams-section img,
teams img,
gallery img,
picture img,
picture > img {
mmax-width:	100%;
hheight:	auto !important ;
display:block;margin-left:auto;margin-right:auto;border-radius:	6px ;box-shadow:	rgba(41,128,185,0.4) ;
cursor:pointer ;
ttransition:	transform .25s ease-in-out ,box-shadow .25s ease-in-out ;
ttransform-origin:center center ;
ttransform-style:	preserve-3d ;
tbackface-visibility:	hidden ;
display:block;margin-top:	1.2rem ;margin-bottom:	1.2rem ;
border-radius:	6px ;box-shadow:	rgba(41,128,185,.15) ;}
gallery-section img:hover,
imaginary-container img:hover,
teams-section img:hover,
teams img:hover,
gallery img:hover,
picture img:hover {
ttransform:	scale(1.05) ;box-shadow:	rgba(41,128,185,.45) ;cursor:pointer ;} /* Buttons */
a.btn,
button.btn,
div.btn {
display:inline-block;margin-top:.75rem;padding:.55em .95em;font-weight:bold;font-size:.95rem;color:#fff;background-color:#2980b9;border:none;border-radius:.4em;text-align:center;text-decoration:none;cursor:pointer;transition:bg-color .3s ease,border-color .3s ease,color .3s ease;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;}a.btn:hover,a.btn:focus,button.btn:hover,button.btn:focus {background-color:#217dbb;color:#fff;text-decoration:none;} /* FAQ Section */
div.faq-item {
padding-top:.75rem;padding-bottom:.75rem;border-bottom:1px solid #eee;margin-bottom:.75rem;}div.faq-item:last-child {border-bottom:none;margin-bottom:.5rem;} /* Team Section */
div.team-member {
display:inline-block;width:min(220px,100%);background-color:#f7faff;padding:.9rem .8rem .7rem .8rem;margin:.7rem .5rem;border-radius:.7em;text-align:center;color:#34495e;box-shadow:rba(41,128,185,.12) ;vertical-align:text-top;}div.team-member h3 {margin-top:.4rem;margin-bottom:.3rem;color:#2c3e50;font-weight:bold;font-size:min(1.2rem,4vw);}div.team-member p.position {font-style:italic;font-size:.85rem;color:#555a66;margin-top:.3rem;}div.team-member p.bio {font-size:.95rem;color:#444;margin-top:.35rem;}div.team-member img {width:auto;height:auto;max-width:min(160px,100%);border-radius:50%;object-fit:center cover;margin-left:auto;margin-right:auto;margin-bottom:.6rem;} /* Testimonials Section */
testimonials-section blockquote {font-style:bold italic;background-color:#dff4fb;padding-left:.8em;border-left-width:.35em;border-left-style:dashed;border-left-color:#2980b9;margin-top:-.5em;margin-bottom:-.5em;font-size:min(1.05 rem ,4vw);}cite {display:block;color:#2c3e50;font-weight:bold;margin-bottom:-.8 rem;text-align:right;font-size:min(.95 rem ,3vw);} /* Gallery Section */
gallery-section .gallery {display:grid;grid-template-columns:minmax(140px ,auto);gap:.7 rem;} /* Benefits Section */
div.benefits-section ul {scroll-margin-top :80px;} /* Footer */
s.footer-nav a {color:#2980b9;text-decoration:none;font-weight:bold;padding-left:.4 rem;padding-right : .4 rem;}s.footer-nav a:hover,s.footer-nav a :focus {text-decoration : underline;}footer.site-footer {background-color :#f5f7fa;color :#555555;padding :2 rem;text-align:center;font-size :.85 rem;} /* Back to top link */
a.back-to-top {position :fixed;bottom :20 px;right :20 px;background-color :#2980b9;color :#fff;padding :.65 rem .9 rem;border-radius :.35 rem;text-decoration :none;font-weight :bold;font-size :.85 rem;box-shadow :rgba(41 ,128 ,185 ,.35) -2 px -2 px ,rgba (41 ,128 ,185 ,.35) -2 px -2 px ,rgba (41 ,128 ,185 ,.35) -2 px -2 px ;transition :background-color .25 s ease,color .25 s ease;}a.back-to-top:hover,a.back-to-top :focus {background-color :#217dbb;color :#fff;text-decoration :none;} /* Responsive Navigation for Desktop */
at-media (min-width :768 px ){
av {justify-content:flex-start ;gap :1 rem;}nav a {padding :.65 rem .95 rem;font-size :1 rem;}header h1 {font-size :2 .4 rem;}header .tagline {font-size :1 .15 rem;}section {padding :2 rem;}div.team-member {width :200 px;}img.logo-img{max-width :140 px;} }