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