body{background:#f6fbff;font-family:Inter,Segoe UI}
.spacer{height:70px}
.hero{background:#01defb;padding:50px 20px;}
.hero h1{font-weight:700}
.search-box{margin-top:-25px}
.section{padding:25px 0}
.ui-card,.service-card,.city{background:#fff;border-radius:12px;padding:20px;text-align:center;box-shadow:0 4px 12px rgba(0,0,0,.08)}
.ui-card-img{
  width: 220px;
  height: 220px;
  object-fit: cover;
}
/* Mobile view */
@media (max-width: 576px){
  .ui-card-img{
    width: 100%;
    height: auto;
    max-width: 180px;
    margin: 0 auto;
    display: block;
  }
}

.ui-card-title{
  font-size: 22px;
  font-weight: 600;
  line-height: 1.3;
  margin: var(--space-xs) 0 4px;
  color: #8502ff;
}
.ui-card-price{
  font-size: 16px;
  font-weight: 500;
  color: red;
  margin: 0;
}
@media (max-width: 576px){
  .ui-card-title{
    font-size: 14px;
  }
  .ui-card-price{
    font-size: 13px;
  }
}

.cutom-call{background:#48a0ff;padding:50px 20px; color: #fff;}


.ui-card2-img{
  width: 300px;
  height: 200px;
  object-fit: cover;
}
/* Mobile view */
@media (max-width: 576px){
  .ui-card2-img{
    width: 100%;
    height: auto;
    max-width: 180px;
    margin: 0 auto;
    display: block;
  }
}


.service-img{
  width: 400px;
  height: 20px;
  object-fit: cover;
}
/* Mobile view */
@media (max-width: 576px){
  .service-img{
    width: 100%;
    height: auto;
    max-width: 180px;
    margin: 0 auto;
    display: block;
  }
}

.scroll-row{display:flex;gap:12px;overflow-x:auto}
.trust{background:#fff;padding:20px;border-top:1px solid #eee;border-bottom:1px solid #eee}
.footer{background:#263238;color:#fff;text-align:center;padding:20px}
.mobile-nav{position:fixed;bottom:0;width:100%;display:flex;justify-content:space-around;background:#fff;border-top:1px solid #ddd;padding:10px}

.mobile-nav{position:fixed;bottom:0;width:100%;display:flex;justify-content:space-around;background:#fff;border-top:1px solid #ddd;padding:10px}
.mobile-nav a{text-decoration:none;color:#333;font-size:14px}