.card-wrapper{max-width:85%;margin:0 auto}.phone .card-wrapper{grid-template-columns:repeat(1,1fr)}.desktop .card-wrapper{grid-template-columns:repeat(2,1fr)}.tablet .card-wrapper{grid-template-columns:repeat(1,1fr)}.card-conatin{box-shadow:var(--shadow-large);border-radius:7px;padding:1rem}.phone .card-conatin{flex-direction:column}.card-conatin .blog-img{flex:1;box-shadow:var(--shadow-medium);height:-webkit-fill-available;width:100%;border-radius:5px;overflow:hidden}.card-conatin .blog-img img{width:100%;height:100%;background-repeat:no-repeat;background-position:center}.card-conatin .blog-con{justify-content:space-around;padding-inline:1rem;flex:1}.card-conatin .blog-con p{white-space:nowrap;width:20vw;font-weight:200;overflow:hidden;text-overflow:ellipsis;padding-block-start:0em}.publish-date time{padding-inline-start:10px}.blog-banner-title{background-color:#fff;border-radius:20px;margin-left:3rem}.image-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080}.banner img{mask-image:linear-gradient(to left,#000 30%,#0000);-webkit-mask-image:linear-gradient(to left,rgb(0,0,0) 30%,rgba(0,0,0,0) 100%)}