/* ================================================== SERVICES PAGE ================================================== */ .page-services .services-hero { background: linear-gradient( rgba(5, 5, 5, 0.85), rgba(5, 5, 5, 0.9) ), url("../images/services-hero.jpg") center/cover no-repeat; padding: 150px 0; text-align: center; } .page-services .services-hero h1 { color: var(--tic-gold); } .page-services .services-hero h1 span { color: var(--tic-pink); } .page-services .service-detail-card { display: flex; flex-direction: column; min-height: 440px; } .page-services .service-detail-card ul { color: #dddddd; list-style: none; margin: 20px 0 30px; } .page-services .service-detail-card li { border-bottom: 1px solid rgba(255, 255, 255, 0.08); padding: 11px 0; } .page-services .service-detail-card li::before { color: var(--tic-pink); content: "✓"; font-weight: 800; margin-right: 10px; } .page-services .service-detail-card .tic-btn { margin-top: auto; } .page-services .service-featured { border: 2px solid var(--tic-pink); transform: scale(1.03); } .page-services .service-featured::after { background: var(--tic-pink); border-radius: 0 0 12px 12px; color: var(--tic-white); content: "MOST POPULAR"; font-size: 11px; font-weight: 700; left: 50%; letter-spacing: 1.5px; padding: 8px 22px; position: absolute; top: 0; transform: translateX(-50%); } .page-services .service-process { background: var(--tic-soft-pink); color: var(--tic-black); } .page-services .service-process p { color: #3f3f3f; } .page-services .process-step { position: relative; text-align: center; } .page-services .step-number { align-items: center; background: linear-gradient( 135deg, var(--tic-gold), var(--tic-pink) ); border-radius: 50%; color: var(--tic-black); display: flex; font-family: "Cormorant Garamond", serif; font-size: 30px; font-weight: 700; height: 72px; justify-content: center; margin: 0 auto 20px; width: 72px; }