.service-card{transition:transform .3s ease,box-shadow .3s ease}.service-card:hover{transform:translateY(-5px)}.icon-blue{color:#0066FF}.icon-red{color:#FF3366}.icon-green{color:#00CC88}.icon-indigo{color:#6366F1}.icon-orange{color:#F59E0B}.icon-light-blue{color:#38BDF8}.icon-bg-blue{background-color:rgba(0,102,255,.1)}.icon-bg-red{background-color:rgba(255,51,102,.1)}.icon-bg-green{background-color:rgba(0,204,136,.1)}.icon-bg-indigo{background-color:rgba(99,102,241,.1)}.icon-bg-orange{background-color:rgba(245,158,11,.1)}.icon-bg-light-blue{background-color:rgba(56,189,248,.1)}.animate-on-scroll{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.animate-on-scroll.animate,.animate-on-scroll.visible{opacity:1;transform:translateY(0)}@media (min-width:768px){.process-step:nth-child(odd){padding-right:3rem;text-align:right}.process-step:nth-child(2n){padding-left:3rem;text-align:left}}.service-item:nth-child(odd) .service-image{animation:fadeInRight 1s ease-out}.service-item:nth-child(2n) .service-image{animation:fadeInLeft 1s ease-out}.service-item .service-content{animation:fadeInUp 1s ease-out}@keyframes fadeInRight{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.timeline-line{bottom:0;background-color:#e5e7eb}.timeline-line,.timeline-progress{position:absolute;left:50%;top:0;width:3px;transform:translateX(-50%)}.timeline-progress{background-color:#3B82F6;transition:height .5s ease}.timeline-item{transition:all .5s ease}.timeline-dot{position:absolute;left:50%;transform:translateX(-50%);width:20px;height:20px;border-radius:50%;background-color:#3B82F6;border:4px solid white;box-shadow:0 0 0 4px rgba(59,130,246,.2);z-index:10;transition:all .5s cubic-bezier(.34,1.56,.64,1)}.timeline-item:hover .timeline-dot{background-color:#2563EB;transform:translateX(-50%) scale(1.3);box-shadow:0 0 0 6px rgba(59,130,246,.3)}@keyframes pulse-dot{0%{transform:translateX(-50%) scale(1);box-shadow:0 0 0 4px rgba(59,130,246,.2)}50%{transform:translateX(-50%) scale(1.2);box-shadow:0 0 0 6px rgba(59,130,246,.3)}to{transform:translateX(-50%) scale(1);box-shadow:0 0 0 4px rgba(59,130,246,.2)}}.service-hero-gradient{background:linear-gradient(135deg,#2563EB,#1E40AF)}.hero-pattern{background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23ffffff' fill-opacity='0.06' fill-rule='evenodd'/%3E%3C/svg%3E")}.timeline-path,.timeline-progress-path{stroke-linecap:round;stroke-linejoin:round}.timeline-progress-path{transition:stroke-dashoffset .8s ease}.service-list-item{padding-bottom:8px;transition:all .3s ease}.service-list-item:hover{transform:translateX(5px)}.service-item-text{position:relative;display:inline-block;padding-bottom:3px}.service-item-text:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:rgba(59,130,246,.3);transition:all .3s ease}.service-list-item:hover .service-item-text:after{height:2px;background-color:rgba(59,130,246,.7)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes float-slow{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.animate-float{animation:float 3s ease-in-out infinite}.animate-float-slow{animation:float-slow 5s ease-in-out infinite}.client-satisfaction-tag{background:linear-gradient(90deg,#FF6B6B,#FF8E53);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:600}.service-item .service-image{box-shadow:0 10px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);transition:box-shadow .3s ease}.service-item:hover .service-image{box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}@media (max-width:768px){.service-item{margin-bottom:3rem}.timeline-dot,.timeline-line,.timeline-progress{left:20px}.timeline-content{margin-left:40px}}.back-to-service{display:inline-flex;align-items:center;padding:.5rem 1rem;font-weight:500;border-radius:.375rem;transition:all .3s ease}.back-to-service svg{margin-right:.5rem;transition:transform .2s ease}.back-to-service:hover svg{transform:translateX(-3px)}