.blogMain{flex-wrap:wrap;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex}.blogCard{border-radius:20px;flex-direction:column;justify-content:center;align-items:center;width:400px;margin:40px;display:flex;box-shadow:0 0 5px gray}.blogImg{border-radius:20px;width:100%;overflow:hidden}.blogImg>img{object-fit:cover;width:100%;height:100%;transition:all .5s ease-in-out}.blogCard:hover .blogImg>img{transform:scale(1.1)}.blogCard>h4{text-align:start;width:100%;padding:10px;transition:all .5s ease-in-out}.blogCard:hover .blogCardH4{color:var(--customColor)}.blogCard>p{color:gray;padding:10px;font-size:18px}.blogBtn{width:100%;padding:10px}.blogBtn>a{text-decoration:none}.blogBtn>a>button{background-color:var(--customColor);color:#fff;z-index:1;border:none;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:10px;display:flex;position:relative;overflow:hidden}.blogBtn>a>button:after{content:"";z-index:-1;background:radial-gradient(465px at -15.1% -25%,#0b12ec 0%,#43a6ee 49%,#7ecbf4 90.2%);width:0;height:100%;transition:all .3s ease-in-out;position:absolute}.blogBtn>a>button:hover:after{width:100%}.blogWrapper{flex-wrap:wrap;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex}.blog-wrapper1>img{object-fit:cover;width:100%;height:100%}@media screen and (min-width:320px) and (max-width:768px){.blogCard{min-width:300px;margin:40px}}