.as-wrap{width:100%}
.as-viewport{overflow:hidden;margin:auto;max-width:1180px}
.as-track{display:flex;flex-wrap:nowrap;gap:20px;transition:.3s}

.as-card{
 width:380px;
 min-width:380px;
 flex:0 0 380px;
 border:1px solid #ddd;
 border-radius:10px;
 overflow:hidden;
 display:flex;
 flex-direction:column;
}

.as-img img{width:380px;height:220px;object-fit:cover}

.as-content{padding:10px;display:flex;flex-direction:column;gap:8px}

.as-content h3{
 font-size:19.2px;
 font-family:Lato,sans-serif;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis;
 margin:0;
}

.as-content p{
 font-size:16px;
 font-family:Lato,sans-serif;
 display:-webkit-box;
 -webkit-line-clamp:3;
 -webkit-box-orient:vertical;
 overflow:hidden;
 margin:0;
}

.as-spacer{height:10px}

.as-btn{
 width:100%;
 font-size:18px;
 background:#1874CD;
 color:#fff;
 text-align:center;
 display:block;
 padding:6px 10px;
 border-radius:4px;
 text-decoration:none;
}

.as-nav{display:flex;justify-content:center;gap:10px;margin-top:10px}
.as-nav button{width:35px;height:35px;border-radius:50%;border:none;background:#1874CD;color:#fff;cursor:pointer}

@media(max-width:1200px){.as-viewport{max-width:780px}}
@media(max-width:800px){.as-viewport{max-width:380px}}