.city-services{padding:20px 0 10px}.city-services *,.city-services :before,.city-services :after{box-sizing:border-box}.city-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (width<=900px){.city-grid{grid-template-columns:1fr;gap:16px}}.city-card{text-align:center;backdrop-filter:blur(12px);background:linear-gradient(160deg,#0e213ab3 0%,#0a192f80 100%);border:1px solid #c5a0591f;border-radius:22px;flex-direction:column;align-items:center;padding:40px 30px 34px;transition:transform .4s cubic-bezier(.25,.8,.25,1),border-color .4s,box-shadow .4s;display:flex;position:relative;overflow:hidden}.city-card:before{content:"";background:linear-gradient(90deg, transparent, var(--gold), transparent);opacity:.6;width:60%;height:1px;transition:width .5s,opacity .5s;position:absolute;top:0;left:50%;transform:translate(-50%)}.city-card:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000,#ffffff0a,#0000);width:60%;height:100%;transition:left .6s;position:absolute;top:0;left:-120%;transform:skew(-18deg)}.city-card:hover{border-color:#c5a05966;transform:translateY(-6px);box-shadow:0 20px 45px #00000073,0 0 25px #c5a05914}.city-card:hover:before{opacity:1;width:90%}.city-card:hover:after{left:160%}.city-card__icon{width:68px;height:68px;color:var(--gold);background:#c5a0590f;border:1px solid #c5a05973;border-radius:50%;justify-content:center;align-items:center;margin-bottom:22px;transition:box-shadow .4s,background .4s,transform .4s;display:flex}.city-card__icon svg{stroke:currentColor;width:28px;height:28px}.city-card:hover .city-card__icon{background:#c5a05924;transform:scale(1.06);box-shadow:0 0 22px #c5a0594d}.city-card__title{color:var(--white);margin:0 0 14px;font-family:Playfair Display,serif;font-size:1.45rem;font-weight:500;line-height:1.25}.city-card__desc{color:var(--text-main);flex:1;max-width:300px;margin:0 0 26px;font-size:.88rem;line-height:1.7}.city-services .btn-glass{border:1px solid var(--gold);color:var(--gold);letter-spacing:1.5px;text-transform:uppercase;background:0 0;border-radius:50px;padding:12px 30px;font-size:.76rem;font-weight:700}.city-services .btn-glass:hover{background:var(--gold);color:var(--bg-dark);transform:translateY(-1px);box-shadow:0 0 22px #c5a05973}