.blog-overall-conatiner{align-items:center;background-color:#f1f8ff;display:flex;flex-wrap:wrap;justify-content:center;margin:auto;width:100%}.blog-container{padding:20px}.blog-card-container{background-color:#fff;border:1px solid #e8e8e8;border-radius:20px;box-sizing:border-box;height:335px;padding:15px;width:410px}.blog-card{display:flex;flex-direction:column;width:100%}.blog-img-container{align-items:center;display:flex;height:190px;overflow:hidden}.blog-img-container,.blog-img-container>img{border-radius:15px;width:100%}.blog-content-container>p{color:#000;font-size:16px;font-weight:900;height:45px;margin:20px 0 0}.blog-btn-container{display:flex;justify-content:flex-end;margin-top:20px;width:100%}.blog-btn-container img{width:20px}.blog-btn-container .arrow-bloga{align-items:center;border:1px solid #48f;border-radius:100%;color:#48f;display:flex;font-size:14px;height:15px;justify-content:center;padding:5px;width:15px}.blog-btn-container>button{align-items:center;background-color:transparent;border:none;display:flex;gap:10px;padding:10px;width:120px}.blog-btn-container span{color:#48f;font-size:14px;margin-top:-5px}.arrow-blog{opacity:0;position:absolute;right:17px;transition:.5s}.blog-container:hover .arrow-blog{opacity:1;right:10px}@media only screen and (max-width:420px){.blog-card-container{height:300px;width:300px}.blog-img-container{height:160px}}