.blogContainer{margin-top:50px;min-height:90vh}.blogParent{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:1fr;grid-column-gap:0px;grid-row-gap:0px;margin-bottom:50px}.blogParent a{text-decoration:none;color:#000}.blogItem{margin-top:50px;position:relative;width:100%;height:300px;border:5px solid white;overflow:hidden}.blogItem:hover .blogImg{transform:scale(1.1)}.blogTextContainer{position:absolute;bottom:10px;background-color:#fff;width:90%;left:5%;border-radius:10px;z-index:2}.blogTextContainer.ar{text-align:right}.blogTextContainer.en{text-align:left}.blogTitle h1{color:#2c4a68;margin:5px;font-size:25px}.blogText{margin:5px}.blogText.en{font-size:13.5px}.blogImg{position:absolute;width:100%;height:100%;transition:ease-in-out .1s}.blogImg img{width:100%}.blogDate{position:absolute;color:#2c4a68;height:50px;width:50px;background-color:#2c4a68;top:5px;left:5px;z-index:2;text-align:center;font-size:15.5px;border-radius:50%;color:#fff}@media only screen and (max-width: 800px){.blogParent{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:1fr;grid-column-gap:0px;grid-row-gap:0px}}@media only screen and (max-width: 500px){.blogParent{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;grid-column-gap:0px;grid-row-gap:0px}}