.subjcet-container{padding-top:50px}.popular-box{display:flex;justify-content:space-between;align-items:center}.popular-box>h3{font-size:var(--h2-font-size)}.popular-box>a{font-size:var(--normal-font-size)}.subject-box{display:grid;padding:20px 0;grid-template-columns:1fr;place-items:center;grid-gap:1rem;gap:1rem}.card{padding:10px;width:300px;height:400px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);background-color:#fff;font-family:sans-serif;overflow:hidden}.content{margin-top:1rem}.content .header{margin-top:.5rem}.image{height:200px;background-color:#fff;padding:9px}.image,.image img{width:100%;border-radius:4px}.image img{height:100%;object-fit:cover}.tag{text-transform:capitalize;background-color:rgba(0,0,0,.425);padding:2px 8px;border-radius:4px;color:#fff}.date{display:flex;justify-content:space-between;font-size:.75rem;line-height:1rem;align-items:center;padding-top:8px;margin:2px}.title{display:block;color:#176b87;font-size:var(--normal-font-size);line-height:1.35rem;font-weight:600;padding-bottom:5px;padding-top:14px}.description{font-size:.875rem;line-height:1.375;font-weight:500}@media screen and (min-width:768px){.subject-box{grid-template-columns:1fr 1fr 1fr}}@media screen and (min-width:992px){.subject-box{grid-template-columns:1fr 1fr 1fr 1fr}}