:root{
    --ax-yellow:#FFD600;
    --ax-yellow-light:#FFEB3B;
    --ax-yellow-dark:#FF9800;
}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;color:#333}
a{text-decoration:none}
.ax-header{background:var(--ax-yellow);}
.ax-header .navbar-brand img{max-height:50px}
.ax-header .nav-link{color:#333!important;font-weight:500;transition:.3s}
.ax-header .nav-link:hover,.ax-header .nav-link.active{color:#000!important;background:rgba(255,255,255,.5);border-radius:.25rem}
.ax-slider .carousel-caption{background:rgba(0,0,0,.5);border-radius:.5rem;padding:1.5rem}
.ax-citydir .btn-outline-warning{border-color:var(--ax-yellow);color:var(--ax-yellow-dark);font-size:.8rem;padding:.25rem .5rem}
.ax-citydir .btn-outline-warning:hover{background:var(--ax-yellow);color:#fff}
.ax-service .card{border:none;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:.3s}
.ax-service .card:hover{transform:translateY(-5px)}
.ax-hotpro .card{border:1px solid var(--ax-yellow-light);transition:.3s}
.ax-hotpro .card:hover{box-shadow:0 4px 12px rgba(255,214,0,.4)}
.ax-newslist .card,.ax-newsDetail article,.ax-about .card,.ax-contact .bg-white{box-shadow:0 2px 8px rgba(0,0,0,.1)!important}
.ax-footer a:hover{text-decoration:underline}
@media (max-width:576px){
    .ax-slider h2{font-size:1.25rem}
    .ax-citydir .col-4.col-sm-3.col-md-2.col-lg-1{width:20%}
}