.blogsWrapper{display:flex;gap:24px;justify-content:center;flex-wrap:wrap}.blogsWrapper .swiper{width:100%;overflow:visible}.blogsWrapper .swiper-wrapper{padding:64px 0}.blogsWrapper .swiper-slide{width:-moz-fit-content;width:fit-content}.blogsWrapper .swiper-button-next,.blogsWrapper .swiper-button-prev{background-color:#fff;color:var(--secondary-color);border-radius:50%;width:56px;height:56px;box-shadow:0 1px 2px rgba(0,0,0,.07),0 2px 4px rgba(0,0,0,.07),0 4px 8px rgba(0,0,0,.07),0 8px 16px rgba(0,0,0,.07),0 16px 32px rgba(0,0,0,.07),0 32px 64px rgba(0,0,0,.07)}.blogsWrapper .swiper-button-next:after,.blogsWrapper .swiper-button-prev:after{font-size:28px}.blogsWrapper .blogBox{text-decoration:none;padding:24px;width:300px;box-shadow:0 25px 70px rgba(8,10,55,.08);border-radius:20px;display:flex;flex-direction:column;gap:20px;font-family:var(--dm-sans-font)}@media(max-width:480px){.blogsWrapper .blogBox{width:calc(100% - 48px)}}.blogsWrapper .blogBox:hover .blogTitle{transition:all .3s ease-in-out;color:var(--secondary-color)}.blogsWrapper .blogBox:hover .imgWrapper .hoverCircle{transform:scale(1)}.blogsWrapper .blogBox .imgWrapper{display:flex;justify-content:center;align-items:center;width:100%;border-radius:16px;height:190px;overflow:hidden;position:relative}.blogsWrapper .blogBox .imgWrapper img{width:100%;height:100%;object-fit:cover}.blogsWrapper .blogBox .imgWrapper .hoverCircle{display:flex;justify-content:center;align-items:center;position:absolute;width:100px;height:100px;border-radius:50%;background:linear-gradient(115deg,var(--secondary-color),#ffc65c);transform:scale(0);transition:all .5s ease-in-out}.blogsWrapper .blogBox .imgWrapper .hoverCircle .icon{color:#fff;font-size:38px;transition:all .3s ease-in-out}.blogsWrapper .blogBox .imgWrapper .hoverCircle:hover .icon{color:var(--main-color)}.blogsWrapper .blogBox .blogTitle{color:var(--black-color);font-size:clamp(22px,2.1vw,26px);line-height:120%}.blogsWrapper .blogBox .blogBrief,.blogsWrapper .blogBox .blogTitle{display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;overflow:hidden;-webkit-box-orient:vertical}.blogsWrapper .blogBox .blogBrief{font-size:clamp(16px,1.8vw,17px);color:hsla(0,0%,5%,.776)}.blogsWrapper .blogBox .blogdate{display:flex;justify-content:center;align-items:center;padding:8px 12px;border-radius:18px;background:linear-gradient(115deg,var(--secondary-color),#ffc65c);color:#fff;width:-moz-fit-content;width:fit-content;font-size:14px}