.blogContainer{width:100%;display:flex;flex-direction:column;gap:10px}.blogSliderContainer{width:100%;height:200px}.blogCardContainer{width:330px;margin-left:auto;margin-right:auto}.swiper{width:100%;height:100%}.sliderImage{width:100%;height:200px;border-radius:4px;object-fit:fill}.swiper-button-prev,.swiper-button-next{border:1px solid #ccc;border-radius:100%;background-color:#f6f3f4;opacity:.5;box-shadow:1px 0 5px 1px #ccc;padding:2px;width:20px!important;height:20px!important;color:unset;transition:opacity .2s ease-in}.swiper-button-prev:hover,.swiper-button-next:hover{opacity:1}.swiper-navigation-icon{width:65%!important;height:65%!important;color:#3f3e3e}.blogCardItem{background-color:#d6fff1;margin:8px 0;display:flex;flex-direction:column;align-items:center;padding:8px;gap:10px;height:fit-content;border:1px solid #f6f3f4;border-radius:5px}.blogCardItem:first-child{margin-top:0}.blogCardItem h3{margin:0;font-size:13px;text-align:justify}.blogCardItem p{font-size:11px;text-align:justify;text-justify:inter-word;line-height:18px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}.blogCardItem img{border-radius:4px}.blogCardContainerButton{background:#8dc6ee;font-size:small;padding:10px 20px;border-radius:15px;margin:0 auto 0 0;display:block;width:fit-content;cursor:pointer;transition:scale .2s ease-out,box-shadow .3s ease;text-decoration:none;color:#000}.blogCardContainerButton :hover{scale:1.1;box-shadow:1px 2px 10px 1px #ccc}@media only screen and (min-width:640px){.blogSliderContainer{width:100%;height:350px}.sliderImage{height:350px}}@media only screen and (min-width:760px){.blogSliderContainer{width:400px;height:200px}.blogContainer{flex-direction:row}.blogCardContainer{width:100%;max-width:450px}.blogCardItem{flex-direction:row;align-items:start}.blogCardItem img{width:150px!important;height:70px!important}}@media only screen and (min-width:1280px){.blogSliderContainer{width:800px;height:350px}.blogContainer{flex-direction:row}.blogCardContainer{width:100%;max-width:600px}.blogCardItem{flex-direction:row;align-items:start}.blogCardItem img{width:250px!important;height:100px!important}}