/* styles.css */
:root{
  --accent: #e88b00;
  --bg: #f8f8f8;
  --container: 1100px;
}
*{box-sizing:border-box}
body{font-family:Arial,Helvetica,sans-serif;margin:0;background:var(--bg);color:#222;line-height:1.5}
.container{width:90%;max-width:var(--container);margin:0 auto;padding:0px 0}

/* Header */
.page-header{background:white;padding:40px 0 10px;border-bottom:1px solid #eee;text-align:center}
.page-header h1{margin:0;font-size:2rem;color:var(--accent)}
.page-header .subtitle{margin-top:8px;color:#555}

/* Services */
.service-section{padding:30px 0}
.service-block{
  display:flex;
  align-items:center;
  gap:30px;
  margin-bottom:60px;
  margin-top: 50px;
  opacity:0;
  transform:translateY(30px);
  transition:all 0.7s cubic-bezier(.2,.8,.2,1)
}
.service-block.show{opacity:1;transform:translateY(0)}
.service-block:nth-child(even){flex-direction:row-reverse}

/* Image */
.service-image{flex:1;overflow:hidden;border-radius:12px;box-shadow:0 8px 20px rgba(0,0,0,0.08)}
.service-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}

/* Content */
.service-content{flex:1;background:white;padding:26px;border-radius:12px;box-shadow:0 6px 18px rgba(0,0,0,0.06);transition:transform .3s ease}
/* .service-content h2{margin-top:0;color:var(--accent);font-size:1.3rem} */
.service-content h2{margin-top:0;color:var(--accent);font-size:1.3rem;}
/* .service-content p{color:#333} */
.service-content p{color:#140303}
/* .highlights{margin:12px 0 0 16px;color:#444} */
.highlights{margin:12px 0 0 16px;color:#010101}

/* Hover effects */
.service-image:hover img{transform:scale(1.06)}
.service-content:hover{transform:translateY(-6px)}

/* Responsive */
@media (max-width: 900px){
  .service-block{flex-direction:column !important;padding-bottom:10px}
  .service-image{width:100%}
  .service-content{width:100%}
}
.footer{background:#222;color:#bbb;padding:24px 0;text-align:center;font-size:0.95rem}
.footer a{color:var(--accent);text-decoration:none}