.service-city-section{background:#f8fbff;overflow:hidden;border-radius:30px}.city-card{position:relative;background:#fff;border-radius:24px;overflow:hidden;height:100%;transition:.4s ease;box-shadow:0 15px 40px rgba(0,0,0,.06)}.city-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(135deg,#1037b6,#e11c09);transform:scaleX(0);transition:.4s;transform-origin:left}.city-card:hover::before{transform:scaleX(1)}.city-card:hover{transform:translateY(-8px)}.city-card a{display:flex;align-items:center;gap:18px;padding:24px 20px;text-decoration:none;color:inherit;height:100%}.city-icon{width:60px;height:60px;min-width:60px;border-radius:18px;background:linear-gradient(135deg,#ef1d1d,#fbba06);color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;transition:.4s}.city-card:hover .city-icon{transform:rotate(8deg) scale(1.08)}.city-content h4{font-size:20px;font-weight:700;margin-bottom:4px;color:#081a52;line-height:1.4}.city-content span{color:#777;font-size:14px}.city-pagination{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:4px 0}.city-page-numbers{display:flex;flex-wrap:nowrap;align-items:center;gap:8px}.city-page-btn,.city-page-nav{border:none;min-width:44px;height:44px;padding:0 12px;border-radius:50px;background:#fff;color:#081a52;font-weight:700;font-size:15px;box-shadow:0 8px 20px rgba(0,0,0,.06);transition:.3s;cursor:pointer;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.city-page-btn:hover,.city-page-nav:hover:not(:disabled){transform:translateY(-2px);color:#fff;background:linear-gradient(135deg,#ef1d1d,#5b0404)}.city-page-btn.active{color:#fff;background:linear-gradient(135deg,#ef1d1d,#5b0404);box-shadow:0 12px 30px rgba(16,55,182,.18)}.city-page-nav:disabled{opacity:.4;cursor:not-allowed;transform:none}@media(max-width:991px){.city-card a{padding:22px 16px}.city-content h4{font-size:18px}}@media(max-width:768px){.service-city-section{padding-top:70px}.city-card{border-radius:18px}.city-card a{gap:12px;padding:18px 14px}.city-icon{width:48px;height:48px;min-width:48px;border-radius:14px;font-size:18px}.city-content h4{font-size:14px;margin-bottom:2px}.city-content span{font-size:12px}.city-page-btn,.city-page-nav{min-width:36px;height:36px;padding:0 8px;font-size:13px}.city-pagination,.city-page-numbers{gap:6px}}