#about,#projects{max-width:900px;margin:auto}
#contact,#projects,#services{padding:40px 0}
#contact,#services,.section-title,footer,header{text-align:center}
#about,#projects,form{margin:auto}
body,form{background-color:#fff}
button,header{background-color:navy;color:#fff}
.case-study-link,.social-links a{color:navy;font-weight:700}
.case-study-link,.social-links a:hover{text-decoration:underline}
#hero,button,header{color:#fff}
.cta-button,.hero-text h1,.section-title,.social-links a,h1,h2,label{font-weight:700}
#badges,#hero{padding:60px 20px}
#contact,#resources,.project-card{background-color:#f9f9f9}
.cta-button,.pulse-button{animation:2s infinite pulse}
.badge:hover,.cta-button:hover{background-color:#036}
body{font-family:Arial,sans-serif;color:#000;margin:0;padding:0}
section{padding:40px}header{padding:20px}
footer{background-color:#f1f1f1;padding:30px 0;font-size:14px;color:#333;margin-top:40px}
#about{display:flex;align-items:center;justify-content:center;gap:20px}
.about-container{display:flex;align-items:center;gap:3rem;padding:2rem;flex-wrap:wrap}
.about-img{width:250px;height:250px;object-fit:fill;object-position:center top;border-radius:50%;transition:transform .3s;transform:scale(2.1)}
.about-text,.project-text{max-width:500px}
.projects-section{padding:4rem 2rem}
.section-title{font-size:2.5rem;margin-bottom:2rem}
.project-card{display:flex;flex-wrap:wrap;gap:2rem;align-items:center;margin-bottom:3rem;border-radius:12px;padding:1rem;transition:transform .3s,box-shadow .3s}
.service,form{padding:20px;border-radius:10px}
#badges,.service{background-color:#f8f8f8}
.project-card:hover{transform:scale(1.03);box-shadow:0 12px 24px rgba(0,0,0,.1)}
.project-video video{max-width:100%;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.1)}
.hero-text,.project-info{flex:1;min-width:300px}
.project-info h3{font-size:1.5rem;margin-bottom:.5rem}
.project-info p{font-size:1rem;margin-bottom:1rem}
.cta-button,.navbar a,.social-links a{text-decoration:none}
.project{display:flex;align-items:center;gap:20px;margin-bottom:40px}
.project.reverse{flex-direction:row-reverse}
.project-img{width:250px;height:150px;object-fit:cover;border-radius:10px}
.services-container{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}
.service{width:250px;box-shadow:2px 2px 10px rgba(0,0,0,.1)}
.badge,.navbar{background-color:#001f3f}
form{max-width:600px;box-shadow:0 4px 8px rgba(0,0,0,.1)}
.form-group{margin-bottom:20px;text-align:left}
#badges,.case-study-hero,.case-study-media .media-container,.cta-section,.navbar{text-align:center}
label{display:block;margin-bottom:5px}
input,textarea{width:100%;padding:10px;margin-top:5px;border:1px solid #ccc;border-radius:5px;box-sizing:border-box}
button{padding:10px 20px;border:none;border-radius:5px;cursor:pointer}
button:hover{background-color:#00008b}
.social-links a{margin:0 10px}
#hero{background:linear-gradient(to right,#001f3f,#036);display:flex;align-items:center;justify-content:center}
.hero-container{display:flex;flex-wrap:wrap;align-items:center;max-width:1200px;width:100%;gap:40px;justify-content:space-between}
.hero-text h1{font-size:3rem;margin-bottom:20px}
.tagline{font-size:1.5rem;font-weight:500;margin-bottom:10px}
.subtext{font-size:1.2rem;margin-bottom:30px}
.email{margin-top:20px;font-size:.95rem;opacity:.9}
.hero-image img{max-width:300px;border-radius:20px;box-shadow:0 10px 25px rgba(0,0,0,.3)}
.subheadline{font-size:1rem;color:#555;margin-bottom:30px}
.badge,.badge-icon span{font-size:.95rem;font-weight:600}
.badge-container{display:flex;flex-wrap:wrap;justify-content:center;gap:15px}
.badge{color:#fff;padding:12px 20px;border-radius:30px;box-shadow:0 3px 6px rgba(0,0,0,.15);transition:transform .2s}
.badge:hover{transform:scale(1.05)}
.badge-icon-container{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;margin-top:30px}
.badge-icon{display:flex;flex-direction:column;align-items:center;width:100px}
.badge-icon img{width:60px;height:60px;object-fit:contain;transition:transform .3s}
.badge-icon:hover img{transform:scale(1.1)}
.badge-icon span{margin-top:10px;color:#001f3f}
.navbar{position:sticky;top:0;padding:10px 0;z-index:999}
.navbar ul{list-style:none;margin:0;padding:0}
.navbar li{display:inline;margin:0 15px}
.navbar a{color:#fff;font-weight:600;transition:color .3s}
.navbar a:hover{color:#00aced}
#resources{padding:60px 30px;color:#222}
.resource-item{max-width:800px;margin:0 auto 40px;padding:20px;background-color:#fff;border-left:5px solid #001f3f;box-shadow:0 2px 8px rgba(0,0,0,.05)}
.resource-item h3{font-size:1.3rem;color:#001f3f}
.resource-item p{font-size:1rem;margin-top:8px;color:#333}
.headline-text{transition:opacity .5s ease-in-out}
.hero-badge,.hero-image{transition:transform .5s,box-shadow .5s}
.btn,.card,.case-image{transition:transform .3s,box-shadow .3s}
.hero-badge:hover,.hero-image:hover{transform:translateY(-6px) scale(1.03);transition:transform .3s;box-shadow:0 10px 20px rgba(0,0,0,.15)}
.button-hover:hover,.card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.1);transition:.3s}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(0,123,255,.5)}70%{box-shadow:0 0 0 10px rgba(0,123,255,0)}100%{box-shadow:0 0 0 0 rgba(0,123,255,0)}}
.btn:hover,.card:hover{transform:translateY(-5px);box-shadow:0 8px 15px rgba(0,0,0,.1)}
.case-study-hero{padding:80px 20px;background:linear-gradient(to right,#001f3f,#036);color:#fff}
.case-study-hero h1{font-size:2.5rem;margin-bottom:10px}
.case-study-hero p{font-size:1.2rem;opacity:.9}
.case-study{max-width:900px;margin:auto;padding:40px 20px}
.case-study section{margin-bottom:40px}
.case-study h2{font-size:1.8rem;margin-bottom:10px;color:#001f3f}
.case-study p,.case-study ul{font-size:1rem;line-height:1.6}
.tech-stack li{margin-bottom:5px}
.case-image{max-width:100%;border-radius:10px}
.case-image:hover{transform:scale(1.03);box-shadow:0 10px 20px rgba(0,0,0,.15)}
.cta-section{padding:20px;background-color:#f8f8f8;border-radius:10px}
.cta-button{display:inline-block;margin-top:10px;padding:12px 24px;background-color:navy;color:#fff;border-radius:30px;transition:background .3s}