.districts{padding:40px 0}.districts .container{border-bottom:1.5px solid var(--grey-1);padding-bottom:40px}.districts-header{border-bottom:1.5px solid var(--grey-1);justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:20px;display:flex}.districts-header h2{font-size:var(--h1-size);color:var(--text-1);font-weight:500}.districts-grid{grid-template-columns:repeat(auto-fit,minmax(280px,300px));justify-content:space-between;gap:40px;display:grid}.district-card{background:var(--bg);border:1.5px solid var(--grey-1);cursor:pointer;border-radius:8px;flex-direction:column;justify-content:space-between;width:100%;max-width:300px;height:132px;padding:20px 10px 20px 20px;transition:background .3s,border .3s,transform .3s,box-shadow .3s;display:flex}.district-card:hover{background:var(--bg-pastel);box-shadow:0px 8px 20px var(--shadow-light);transform:translateY(-4px)}.district-card-top{align-items:center;gap:12px;display:flex}.district-number{background:var(--primary);width:36px;height:36px;color:var(--white);font-weight:700;font-size:var(--h3-size);border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.district-card:hover .district-number{transform:scale(1.05)}.district-title{font-size:var(--h2-size);color:var(--text-1);font-weight:500}.district-card-bottom{border-top:1px solid var(--grey-1);padding-top:10px}.district-card-bottom p{color:var(--text-2);font-size:14px}@media (max-width:1200px){.districts{padding:40px 20px}.districts-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));justify-content:center}}@media (max-width:768px){.districts{display:none}}
.district-card{background:var(--bg);border:1.5px solid var(--grey-1);cursor:pointer;border-radius:8px;flex-direction:column;justify-content:space-between;width:300px;height:132px;padding:20px 10px 20px 20px;text-decoration:none;display:flex}.district-card-top{align-items:center;gap:12px;display:flex}.district-number{background:var(--primary);width:32px;height:32px;color:var(--white);font-size:var(--h3-size);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.district-card-title-text{color:var(--text-1);white-space:nowrap;text-overflow:ellipsis;font-size:20px;font-weight:500;overflow:hidden}.district-card-bottom{border-top:1px solid var(--grey-1);padding-top:10px}.district-card-bottom p{color:var(--text-2);font-size:14px}