.blogCardLink{width:100%;height:100%}.blogLeft{width:100%;height:80vh;border-radius:10px;position:relative;overflow:hidden;background-image:url(https://res.cloudinary.com/dqx63rbnh/image/upload/v1750409786/12da05f4-630d-4816-abdc-34888129eb99.png);background-position:50%;background-repeat:no-repeat;background-size:100%;transition:background-size .9s ease;padding-top:10px;padding-left:10px}.blogLeft:hover{background-size:120%}.blogLeft .imgeBtn{padding-left:10px;padding-right:10px}.blogLeft .blogContent{z-index:10;position:absolute;bottom:10px;left:10px;color:#fff}.blogLeft .blogContent h1{font-size:2rem;font-weight:400;margin-bottom:20px}.blogLeft .downMask{position:absolute;bottom:0;left:0;height:200px;width:100%;background-color:var(--token-597038af-f0ec-4881-81f5-3ba0336a1d7b,rgb(16,14,14));-webkit-mask:linear-gradient(rgba(0,0,0,0),rgb(0,0,0));mask:linear-gradient(rgba(0,0,0,0),rgb(0,0,0));opacity:1}.blogLeft .image{scale:1;transition:scale .9s ease;object-fit:cover}.blogLeft:hover .arrow{transform:rotate(0deg);opacity:1;right:10px}.arrow{width:35px;height:35px;background-color:#fff;border-radius:50px;position:absolute;right:20px;top:10px;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1px 1px 0 hsla(0,0%,100%,.1),0 50px 100px -20px rgba(50,50,93,.25),0 30px 60px -30px rgba(0,0,0,.3);transform:rotate(-90deg);opacity:0;transition:.9s ease}.arrow svg{width:15px;height:15px}.imgeBtn{z-index:10;color:#fff;width:-moz-fit-content;width:fit-content;text-align:center;background-color:#002557;padding:5px;border-radius:20px;top:10px;left:10px;letter-spacing:1px;height:-moz-fit-content;height:fit-content}@media screen and (max-width:412){.blogLeft{height:50vh}}.blogContainer{height:max-content;margin-top:10%;width:100vw;padding:0 5% 10%}.blogTop{display:flex;justify-content:space-between;height:20vh;align-items:center}.blogTop p{width:30%;line-height:25px}.blogFirst{display:flex;gap:10px;margin-bottom:3rem}.smallCardContain{display:flex;flex-wrap:wrap;gap:20px}.smallCard{width:32%;min-height:60vh;overflow:hidden}.smallCard .coverImage{width:100%;height:50vh;position:relative;border-radius:10px;overflow:hidden}.smallCard .coverImage img{width:100%;height:100%;transition:scale .9s ease}.smallCard .smallContent{display:flex;flex-direction:column;gap:20px;margin-top:10px}.smallCard .smallContent .cardTag{border:1px solid #000;width:-moz-fit-content;width:fit-content;padding:5px;border-radius:30px}.smallCard .smallContent span{font-weight:500}.smallCard .smallContent p{opacity:.5}.smallCard:hover .coverImage img{scale:1.2}@media screen and (max-width:1100px){.blogFirst{flex-direction:column}.blogLeft{width:100%;height:100vh}.smallCardContain{justify-content:center}.smallCardContain .smallCard{width:48%}}@media screen and (max-width:991px){.blogTop p{width:50%}.blogFirst{gap:25px}.blogLeft{height:50vh}.smallCardContain{gap:28px}.smallCardContain .smallCard{min-height:40vh}.smallCardContain .smallCard .coverImage{height:25vh}}@media screen and (max-width:800px){.blogTop{flex-direction:column;justify-content:center;align-items:start;gap:20px}.blogTop p{width:100%}.smallCardContain .smallCard{height:71vh;width:100%}.smallCardContain .smallCard .coverImage{height:79%}}@media screen and (max-width:441px){.smallCardContain .smallCard{height:50vh}.smallCardContain .smallCard .coverImage{height:72%}}