.services-wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;max-width:1200px;margin:0 auto;padding:40px 20px;box-sizing:border-box}.service-card{background-color:#fff;border:1px solid #ddd;border-radius:12px;padding:24px;display:flex;flex-direction:column;transition:box-shadow 0.3s ease}.service-card:hover{box-shadow:0 8px 20px rgb(0 0 0 / .08)}.service-icon{width:60px;height:60px;margin-bottom:16px}.service-title{font-size:20px;font-weight:700;margin-bottom:10px}.service-desc{font-size:15px;color:#555;flex-grow:1}.service-readmore{margin-top:20px;font-weight:500;color:#0073aa;text-decoration:none;display:inline-flex;align-items:center}.service-readmore:hover{text-decoration:underline}.color-1 .service-icon svg path{stroke:#f07474}.color-2 .service-icon svg path{stroke:#647b6b}.color-3 .service-icon svg path{stroke:#f0ce41}.service-card a{display:inline-block;margin-top:15px;padding:10px 18px;color:#0e0e0e;text-decoration:none;font-weight:700;border-radius:6px;position:relative;transition:background 0.3s,transform 0.3s;font-size:14px}.service-card a::after{content:"→";position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:16px;transition:transform 0.3s}.service-card a:hover{color:#fff;background-color:#647b6b;transform:scale(1.03)}.service-card a:hover::after{transform:translate(6px,-50%)}.portfolio-tabs-wrapper{text-align:center;margin-top:40px;margin-bottom:30px}.portfolio-tabs{display:inline-flex;flex-wrap:wrap;gap:12px;margin:0;padding:0}.portfolio-tabs li{list-style:none;background:#f4f4f4;color:#444;padding:10px 22px!important;border-radius:30px;cursor:pointer;border:1px solid #ddd;transition:all 0.3s ease;font-weight:500}.portfolio-tabs li:hover{background:#f07474;color:#fff}.portfolio-tabs li.active{background:#f07474;color:#fff;border-color:#f07474}.portfolio-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:30px}.portfolio-item{background:#fff;border:1px solid #eee;border-radius:10px;padding:15px;text-align:center;transition:all 0.3s ease}.portfolio-item:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgb(0 0 0 / .08)}.portfolio-item img{max-width:100%;height:auto;border-radius:8px}.service-detail{max-width:960px;margin:auto;padding:40px 20px;font-family:'Arial',sans-serif}.intro-text{font-size:1.2em;line-height:1.6;margin-bottom:30px}.service-benefits h2,.why-us h2{font-size:1.6em;margin-bottom:20px;color:#333}.benefit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.benefit-card{background:#f8f8f8;border-radius:8px;padding:20px;text-align:center;transition:0.3s}.benefit-card:hover{background:#f0f0f0;box-shadow:0 0 10px rgb(0 0 0 / .1)}.benefit-card .icon{font-size:2em;margin-bottom:10px}.why-us ul{list-style:disc;padding-left:20px}.header{background-color:#0A1128;color:#fff;text-align:center;padding:4rem 2rem}.header h1{font-size:2.5rem}.header p{font-size:1.2rem;margin-bottom:1.5rem}.cta-button{background-color:#FF6700;color:#fff;padding:.8rem 1.5rem;border:none;text-decoration:none;border-radius:5px;font-weight:700}.section{padding:3rem 2rem}.section.dark{background-color:#f4f4f4}.section.highlight{background-color:#FF6700;color:#fff}h2{font-size:1.8rem;margin-bottom:1rem}ul.problem-list,ul.solution-list{list-style:none;padding-left:0}ul.problem-list li,ul.solution-list li{margin:.5rem 0;font-size:1rem}p.keywords{font-style:italic;background-color:#fff;padding:1rem;border-left:4px solid #FF6700}.contact-form{display:flex;flex-direction:column;gap:1rem}.contact-form input,.contact-form textarea{padding:.75rem;border:1px solid #ccc;border-radius:4px;font-size:1rem}.contact-form button{background-color:#0A1128;color:#fff;padding:.75rem;border:none;border-radius:4px;font-size:1rem;cursor:pointer}