.city-services{padding:40px 0 20px}.city-services .city-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:30px;display:grid}.city-services .city-card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(var(--glass-blur));border-top:3px solid var(--gold);text-align:center;border-radius:20px;flex-direction:column;align-items:center;height:100%;padding:40px 30px;transition:all .4s cubic-bezier(.25,.8,.25,1);display:flex;position:relative;overflow:hidden}.city-services .city-card:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff0d,#0000);width:50%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%;transform:skew(-20deg)}.city-services .city-card:hover{border-color:var(--gold);box-shadow:0 15px 35px var(--gold-glow), 0 5px 15px #0000004d;transform:translateY(-8px)}.city-services .city-card:hover:before{left:150%}.city-services .city-card__icon{border:1px solid var(--gold);width:70px;height:70px;color:var(--gold);box-shadow:0 0 15px var(--gold-glow);background:#c5a0591a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:25px;transition:transform .4s;display:flex}.city-services .city-card:hover .city-card__icon{transform:scale(1.1)}.city-services .city-card__icon svg{stroke:currentColor;width:32px;height:32px}.city-services .city-card__title{color:var(--white);margin:0 0 15px;font-family:Playfair Display,serif;font-size:1.6rem;line-height:1.25}.city-services .city-card__desc{color:var(--text-main);flex-grow:1;margin:0 0 30px;font-size:.95rem}.city-services .city-btn{cursor:pointer;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.city-services .btn-glass{border:1px solid var(--gold);color:var(--gold);text-transform:uppercase;letter-spacing:1px;background:0 0;border-radius:50px;padding:12px 28px;font-size:.9rem;font-weight:600;transition:all .3s}.city-services .btn-glass:hover{background:var(--gold);color:var(--bg-dark);box-shadow:0 0 20px var(--gold-glow)}@media (width<=600px){.city-services{padding:30px 0 10px}.city-services .city-grid{gap:20px}.city-services .city-card{padding:32px 22px}}