/* Generated by tools/build.php - do not edit by hand. */
/* block 1 of 1 */
.svc-detail{padding:60px 0 80px;background:linear-gradient(180deg,#0a1628 0%,#0d1f3c 100%);position:relative;overflow:hidden;}
  .svc-detail::before{content:"";position:absolute;top:-100px;right:-100px;width:400px;height:400px;background:radial-gradient(circle,rgba(96,165,250,0.06) 0%,transparent 70%);border-radius:50%;pointer-events:none;}
  .svc-detail::after{content:"";position:absolute;bottom:-100px;left:-100px;width:350px;height:350px;background:radial-gradient(circle,rgba(232,97,26,0.04) 0%,transparent 70%);border-radius:50%;pointer-events:none;}

  .svc-hero-card{display:flex;align-items:stretch;gap:0;border-radius:20px;overflow:hidden;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);margin-bottom:40px;}
  .svc-hero-img{flex:0 0 45%;aspect-ratio:4/3;overflow:hidden;position:relative;}
  .svc-hero-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s ease;}
  .svc-hero-img img.svc-slide{position:absolute;inset:0;opacity:0;transition:opacity 1s ease;}
  .svc-hero-img img.svc-slide.svc-slide-active{opacity:1;}
  .svc-hero-card:hover .svc-hero-img img{transform:scale(1.03);}
  .svc-hero-dots{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:2;}
  .svc-dot{width:9px;height:9px;border-radius:50%;border:none;background:rgba(255,255,255,0.45);cursor:pointer;padding:0;transition:all 0.3s ease;box-shadow:0 1px 4px rgba(0,0,0,0.35);}
  .svc-dot.svc-dot-active{background:#e8611a;transform:scale(1.3);}
  .svc-hero-content{flex:1;padding:50px 45px;display:flex;flex-direction:column;justify-content:center;}
  .svc-hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(232,97,26,0.1);border:1px solid rgba(232,97,26,0.2);border-radius:30px;padding:8px 18px;margin-bottom:20px;width:fit-content;}
  .svc-hero-badge i{color:#e8611a;font-size:14px;}
  .svc-hero-badge span{color:#e8611a;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;}
  .svc-hero-title{font-size:32px;font-weight:800;color:#fff;margin-bottom:16px;line-height:1.3;}
  .svc-hero-line{width:60px;height:3px;background:linear-gradient(90deg,#e8611a,#f0943a);margin-bottom:20px;border-radius:2px;}
  .svc-hero-desc{color:rgba(255,255,255,0.75);font-size:16px;line-height:1.85;margin:0;}

  .svc-subcategories{margin-top:10px;}
  .svc-subcategories h3{color:#fff;font-size:22px;font-weight:800;margin-bottom:24px;}
  .svc-subcat-badge{display:inline-flex;align-items:center;gap:10px;background:rgba(232,97,26,0.08);border:1px solid rgba(232,97,26,0.15);border-radius:10px;padding:14px 22px;margin:0 8px 10px 0;transition:all 0.3s ease;cursor:default;}
  .svc-subcat-badge:hover{background:rgba(232,97,26,0.15);border-color:rgba(232,97,26,0.3);transform:translateY(-2px);}
  .svc-subcat-badge i{color:#e8611a;font-size:16px;}
  .svc-subcat-badge span{color:rgba(255,255,255,0.9);font-size:14px;font-weight:600;letter-spacing:0.8px;text-transform:uppercase;}

  .btn-back{display:inline-flex;align-items:center;gap:8px;color:#e8611a;font-size:14px;font-weight:600;text-decoration:none;transition:all 0.3s ease;margin-bottom:30px;}
  .btn-back:hover{color:#e8611a;gap:12px;}

  .svc-contact-box{display:flex;align-items:center;gap:16px;background:rgba(232,97,26,0.06);border:1px solid rgba(232,97,26,0.15);border-radius:12px;padding:18px 28px;margin-top:30px;width:fit-content;transition:all 0.3s ease;}
  .svc-contact-box:hover{background:rgba(232,97,26,0.12);border-color:rgba(232,97,26,0.3);transform:translateY(-2px);}
  .svc-contact-icon{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#e8611a,#f0943a);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
  .svc-contact-icon i{color:#fff;font-size:18px;}
  .svc-contact-info{display:flex;flex-direction:column;gap:2px;}
  .svc-contact-label{color:rgba(255,255,255,0.5);font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;}
  .svc-contact-email{color:#fff;font-size:15px;font-weight:600;text-decoration:none;transition:color 0.3s ease;}
  .svc-contact-email:hover{color:#f0943a;}

  @media (max-width:576px){
    .svc-contact-box{padding:14px 20px;gap:12px;}
    .svc-contact-email{font-size:13px;}
  }

  /* ===== RESPONSIVE - Mobile ===== */
  @media (max-width: 991px) {
    .svc-hero-card{flex-direction:column;}
    .svc-hero-img{flex:0 0 auto;aspect-ratio:16/9;}
    .svc-hero-content{padding:30px 25px;}
    .svc-hero-title{font-size:26px;}
    .svc-hero-desc{font-size:15px;}
  }
  @media (max-width: 768px) {
    .svc-detail{padding:40px 0 60px;}
    .svc-hero-content{padding:24px 20px;}
    .svc-hero-title{font-size:22px;}
    .svc-hero-desc{font-size:14px;line-height:1.7;}
    .svc-hero-badge{padding:6px 14px;}
    .svc-hero-badge span{font-size:11px;}
    .svc-hero-line{width:40px;}
    .svc-subcategories h3{font-size:18px;}
    .svc-subcat-badge{padding:12px 16px;}
    .svc-subcat-badge span{font-size:13px;}
    .btn-back{font-size:13px;}
  }
  @media (max-width: 576px) {
    .page-hero h1{font-size:22px !important;}
    .page-hero p{font-size:14px !important;}
    .svc-hero-img{aspect-ratio:4/3;}
    .svc-hero-content{padding:20px 16px;}
    .svc-hero-title{font-size:20px;}
    .svc-hero-desc{font-size:13px;}
    .svc-subcat-badge{padding:10px 14px;}
    .svc-subcat-badge span{font-size:12px;}
  }