section.latest-blogs{background:#0F0F10;overflow:hidden}section.latest-blogs .wrapper>.content{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;flex-wrap:auto;margin-bottom:32px}section.latest-blogs .wrapper>.content .right{display:none}section.latest-blogs .swiper{padding-bottom:60px;margin-top:0;overflow:visible}section.latest-blogs .swiper .swiper-wrapper .swiper-slide{height:auto}section.latest-blogs .swiper .swiper-wrapper .swiper-slide:has(.hinge){z-index:999}section.latest-blogs .swiper .swiper-wrapper .swiper-slide .blog{display:flex;align-items:flex-start;justify-content:flex-end;flex-direction:column;flex-wrap:auto;aspect-ratio:.88/1;width:100%;height:100%;border-radius:32px;background:var(--Dark-Glass, linear-gradient(180deg, rgba(15, 15, 16, .75) 0%, rgba(15, 15, 16, .5) 103.66%));overflow:hidden;position:relative;cursor:pointer;text-decoration:none!important;transform-origin:top right;transition:all .3s ease}section.latest-blogs .swiper .swiper-wrapper .swiper-slide .blog:hover .content{padding-bottom:80px;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}section.latest-blogs .swiper .swiper-wrapper .swiper-slide .blog:hover .content p{bottom:24px}section.latest-blogs .swiper .swiper-wrapper .swiper-slide .blog.hinge{z-index:999;animation:hinge 2s ease 1 forwards}@keyframes hinge{0%{transform:rotate(0)}25%{transform:rotate(-28deg)}35%{transform:rotate(-20deg)}60%{transform:rotate(-35deg)}95%{transform:rotate(-20deg) translate3d(-100%,300%,0);opacity:1}to{transform:rotate(-20deg) translate3d(-100%,300%,0);opacity:0}}section.latest-blogs .swiper .swiper-wrapper .swiper-slide .blog .author .avatar{position:absolute;width:100%;max-width:75%;bottom:0;right:-25px}section.latest-blogs .swiper .swiper-wrapper .swiper-slide .blog .author .name-job{position:absolute;top:38px;background:#FFF;border-radius:0 100px 100px 0;padding:16px;max-width:190px;width:100%}section.latest-blogs .swiper .swiper-wrapper .swiper-slide .blog .author .name-job .name{font-family:pag-revolution,sans-serif;font-weight:700;font-size:1.25rem;color:#000;line-height:1.1;margin-bottom:2px}section.latest-blogs .swiper .swiper-wrapper .swiper-slide .blog .author .name-job .job-title{font-family:proxima-nova,sans-serif;font-weight:600;font-size:1rem;color:#adaeb3;line-height:1.1}section.latest-blogs .swiper .swiper-wrapper .swiper-slide .blog .author .bg-halftone{position:absolute;top:0;width:100%;aspect-ratio:1/1;opacity:.2;transition:all .3s ease}section.latest-blogs .swiper .swiper-wrapper .swiper-slide .blog .content{display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column;flex-wrap:auto;width:100%;align-self:flex-end;overflow:hidden;border-radius:32px;padding:24px;background:linear-gradient(180deg,rgba(15,15,16,0) 0%,rgba(15,15,16,.6) 103.66%);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);transition:all .3s ease}section.latest-blogs .swiper .swiper-wrapper .swiper-slide .blog .content .tags{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:row;flex-wrap:wrap;margin-bottom:16px;gap:8px}section.latest-blogs .swiper .swiper-wrapper .swiper-slide .blog .content .tags p{font-family:proxima-nova,sans-serif;font-weight:500;font-size:.875rem;color:#fff;line-height:1.1;padding:8px;border-radius:6px;border:solid 1px #E6E6E7;background:rgba(15,15,16,.75);margin-bottom:0}section.latest-blogs .swiper .swiper-wrapper .swiper-slide .blog .content h4{font-family:proxima-nova,sans-serif;font-weight:700;font-size:1.5rem;color:#fff;line-height:1.1;margin-bottom:0;height:56px}section.latest-blogs .swiper .swiper-wrapper .swiper-slide .blog .content>p{position:absolute;line-height:1.3;bottom:-100%;padding-right:16px;transition:all .3s ease}@media only screen and (min-width: 992px){section.latest-blogs{padding:120px 16px}section.latest-blogs .bg-vector img{width:100%;height:100%;object-fit:contain;object-position:center}section.latest-blogs .wrapper>.content{flex-direction:row;align-items:flex-end;justify-content:space-between;margin-bottom:64px;gap:16px;padding:0}section.latest-blogs .wrapper>.content h2,section.latest-blogs .wrapper>.content h3{margin-bottom:0}section.latest-blogs .wrapper>.content .right{display:block;width:300px}section.latest-blogs .wrapper>.content .right .btns{justify-content:flex-end}section.latest-blogs .wrapper .swiper .swiper-wrapper .swiper-slide .blog .author .name-job{max-width:220px}section.latest-blogs .wrapper .swiper .swiper-wrapper .swiper-slide .blog .author .name-job .name{font-size:1.5rem}}