section.blog-index{padding:0 16px 120px!important;background:#0F0F10;overflow:hidden}section.blog-index .wrapper>.content{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;flex-wrap:auto;margin-bottom:32px;padding:16px}section.blog-index .wrapper>.content .right{display:none}section.blog-index .categories{margin-bottom:2rem}section.blog-index .categories .accordion-container{position:relative}section.blog-index .categories .accordion-container .accordion-wrapper:hover .accordion svg,section.blog-index .categories .accordion-container .accordion-wrapper.open .accordion svg{transform:rotate(0)}section.blog-index .categories .accordion-container .accordion-wrapper .accordion{justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ADAEB3;border-radius:2rem;padding:14px 0;margin-bottom:1rem;width:250px}section.blog-index .categories .accordion-container .accordion-wrapper .accordion p{font-weight:600;transition:all .3s ease}section.blog-index .categories .accordion-container .accordion-wrapper .accordion svg{width:24px;height:fit-content;min-width:24px;min-height:fit-content}section.blog-index .categories .accordion-container .accordion-wrapper .accordion svg path{transition:all .3s ease}section.blog-index .categories .accordion-container .accordion-wrapper .panel{position:absolute;z-index:99;transition:none}section.blog-index .categories .accordion-container .accordion-wrapper .panel .pad{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:rgba(15,15,16,.2);border:1px solid #ADAEB3;border-radius:1rem;padding:2rem 1.5rem;display:flex;align-items:center;justify-content:flex-start;flex-direction:row;flex-wrap:wrap;gap:24px}section.blog-index .categories .accordion-container .accordion-wrapper .panel .pad a{border-radius:100px;border:1px solid #ADAEB3;background:rgba(15,15,16,.2);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);padding:1rem 2rem;font-size:1.125rem;font-weight:600;text-transform:uppercase;text-decoration:none;text-align:center;position:relative;overflow:hidden}section.blog-index .categories .accordion-container .accordion-wrapper .panel .pad a.creative:after{background:#EF7D00}section.blog-index .categories .accordion-container .accordion-wrapper .panel .pad a.development:after{background:#7CCBE0}section.blog-index .categories .accordion-container .accordion-wrapper .panel .pad a.marketing:after{background:#E6007E}section.blog-index .categories .accordion-container .accordion-wrapper .panel .pad a:after{position:absolute;top:0;left:0;content:"";width:0;height:100%;background:#3AAA35;border-radius:100px;z-index:-1;transition:all .6s cubic-bezier(.79,.14,.15,.86)}section.blog-index .categories .accordion-container .accordion-wrapper .panel .pad a.active,section.blog-index .categories .accordion-container .accordion-wrapper .panel .pad a:hover{color:#fff}section.blog-index .categories .accordion-container .accordion-wrapper .panel .pad a.active:after,section.blog-index .categories .accordion-container .accordion-wrapper .panel .pad a:hover:after{width:100%}section.blog-index .blogs{display:grid;grid-template-columns:1fr;column-gap:auto;row-gap:auto;gap:40px 24px}section.blog-index .blogs .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.blog-index .blogs .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.blog-index .blogs .blog .author .avatar{position:absolute;width:100%;max-width:75%;bottom:0;right:-25px}section.blog-index .blogs .blog .author .avatar.logo{bottom:auto;top:24px;transform:rotate(-5deg)}section.blog-index .blogs .blog .author .name-job{position:absolute;top:38px;background:#FFF;border-radius:0 100px 100px 0;padding:16px;max-width:190px;width:100%}section.blog-index .blogs .blog .author .name-job .name{font-family:pag-revolution,sans-serif;font-weight:700;font-size:1.25rem;color:#000;line-height:1;margin-bottom:2px}section.blog-index .blogs .blog .author .name-job .job-title{font-family:proxima-nova,sans-serif;font-weight:600;font-size:1rem;color:#adaeb3;line-height:1}section.blog-index .blogs .blog .author .bg-halftone{position:absolute;top:0;width:100%;aspect-ratio:1/1;opacity:.2;transition:all .3s ease}section.blog-index .blogs .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;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:linear-gradient(180deg,rgba(15,15,16,0) 0%,rgba(15,15,16,.45) 103.66%);transition:all .3s ease}section.blog-index .blogs .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.blog-index .blogs .blog .content .tags p{font-family:proxima-nova,sans-serif;font-weight:600;font-size:.875rem;color:#fff;line-height:1;padding:8px;border:solid 1px #E6E6E7;background:rgba(15,15,16,.75);margin-bottom:0}section.blog-index .blogs .blog .content h4{font-family:proxima-nova,sans-serif;font-weight:700;font-size:1.5rem;color:#fff;line-height:1;line-height:1.1;margin-bottom:8px}section.blog-index .blogs .blog .content>p{line-height:1.3;transition:all .3s ease}section.blog-index .pagination{width:100%;padding:42px 0 0;display:flex;align-items:center;justify-content:center;flex-direction:row;flex-wrap:auto;gap:32px}section.blog-index .pagination .next,section.blog-index .pagination .previous{display:flex;align-items:center;justify-content:center;flex-direction:row;flex-wrap:auto;width:50px;height:50px;border-radius:50px;background:transparent;border:solid 1px #FFF;transition:all .3s ease}section.blog-index .pagination .next.disabled,section.blog-index .pagination .previous.disabled{opacity:.4}section.blog-index .pagination .next a,section.blog-index .pagination .next span,section.blog-index .pagination .previous a,section.blog-index .pagination .previous span{display:flex;align-items:center;justify-content:center;flex-direction:row;flex-wrap:auto}section.blog-index .pagination .next svg,section.blog-index .pagination .previous svg{width:24px;height:24px;min-width:24px;min-height:24px}section.blog-index .pagination .next:hover:not(section.blog-index .pagination .next:hover.disabled,section.blog-index .pagination .previous:hover.disabled),section.blog-index .pagination .previous:hover:not(section.blog-index .pagination .next:hover.disabled,section.blog-index .pagination .previous:hover.disabled){cursor:pointer;background:#3AAA35;border-color:#3aaa35}section.blog-index .pagination .next:hover:not(section.blog-index .pagination .next:hover.disabled,section.blog-index .pagination .previous:hover.disabled) path,section.blog-index .pagination .previous:hover:not(section.blog-index .pagination .next:hover.disabled,section.blog-index .pagination .previous:hover.disabled) path{fill:#fff}section.blog-index .pagination .pages{display:flex;align-items:center;justify-content:center;flex-direction:row;flex-wrap:auto;gap:9px}section.blog-index .pagination .pages div{display:flex;align-items:center;justify-content:center;flex-direction:column;flex-wrap:auto;width:50px;height:50px;border-radius:50px;background:transparent;border:solid 1px #FFF;cursor:pointer;transition:all .3s ease}section.blog-index .pagination .pages div.active{background:#3AAA35;border-color:#3aaa35}section.blog-index .pagination .pages div.active a,section.blog-index .pagination .pages div.active span{color:#fff}section.blog-index .pagination .pages div:hover,section.blog-index .pagination .pages div:active{background:#3AAA35;border-color:#3aaa35}section.blog-index .pagination .pages div:hover a,section.blog-index .pagination .pages div:hover span,section.blog-index .pagination .pages div:active a,section.blog-index .pagination .pages div:active span{color:#fff}section.blog-index .pagination .pages div *{font-size:1.125rem;font-weight:500;color:#fff}section.blog-index .pagination .pages div a{display:flex;align-items:center;justify-content:center;flex-direction:column;flex-wrap:auto;width:100%;height:100%;text-decoration:none}@media only screen and (min-width: 768px){section.blog-index .wrapper .blogs{grid-template-columns:1fr 1fr}section.blog-index .wrapper .blogs .blog:hover .content{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}section.blog-index .wrapper .blogs .blog:hover .content p{max-height:150px;opacity:1}section.blog-index .wrapper .blogs .blog .content{padding:24px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}section.blog-index .wrapper .blogs .blog .content .title{display:flex;align-items:flex-start;justify-content:flex-end;flex-direction:column;flex-wrap:auto;height:86px}section.blog-index .wrapper .blogs .blog .content>p{max-height:0;overflow:hidden;padding-right:16px;opacity:0}}@media only screen and (min-width: 992px){section.blog-index{padding:0 16px 80px!important}section.blog-index .bg-vector img{width:100%;height:100%;object-fit:contain;object-position:center}section.blog-index .wrapper .categories{margin-bottom:4rem}section.blog-index .wrapper>.content{flex-direction:row;align-items:flex-end;justify-content:space-between;margin-bottom:64px;gap:16px;padding:0}section.blog-index .wrapper>.content h2,section.blog-index .wrapper>.content h3{margin-bottom:0}section.blog-index .wrapper>.content .right{display:block;width:300px}section.blog-index .wrapper>.content .right .btns{justify-content:flex-end}section.blog-index .wrapper .blogs{grid-template-columns:1fr 1fr 1fr}section.blog-index .wrapper .blogs .blog .author .name-job{max-width:220px}section.blog-index .wrapper .blogs .blog .author .name-job .name{font-size:1.5rem}section.blog-index .wrapper .swiper{overflow:hidden;padding:4px;margin-top:64px;border-radius:100px;border:outset 2px rgba(255,255,255,.2);background:rgba(15,15,16,.15);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}section.blog-index .wrapper .swiper.links{margin-top:130px}section.blog-index .wrapper .swiper.links .swiper-wrapper .swiper-slide .link.marketing:before{content:"";width:0;height:0;background:radial-gradient(28.89% 50% at 50% 100%,#E6007E 0%,rgba(230,0,126,.05) 100%)!important;position:absolute;bottom:50%;left:50%;border-radius:100px;overflow:hidden;opacity:0;transition:all .3s ease;z-index:-1}section.blog-index .wrapper .swiper.links .swiper-wrapper .swiper-slide .link.marketing:after{background:transparent!important}section.blog-index .wrapper .swiper.links .swiper-wrapper .swiper-slide .link.marketing:hover:before,section.blog-index .wrapper .swiper.links .swiper-wrapper .swiper-slide .link.marketing.active:before{width:100%;height:100%;opacity:1;bottom:0;left:0}section.blog-index .wrapper .swiper.links .swiper-wrapper .swiper-slide .link.creative:before{content:"";width:0;height:0;background:radial-gradient(28.89% 50% at 50% 100%,#EF7D00 0%,rgba(255,255,255,.1) 100%)!important;position:absolute;bottom:50%;left:50%;border-radius:100px;overflow:hidden;opacity:0;transition:all .3s ease}section.blog-index .wrapper .swiper.links .swiper-wrapper .swiper-slide .link.creative:after{background:transparent!important}section.blog-index .wrapper .swiper.links .swiper-wrapper .swiper-slide .link.creative:hover:before,section.blog-index .wrapper .swiper.links .swiper-wrapper .swiper-slide .link.creative.active:before{width:100%;height:100%;opacity:1;bottom:0;left:0}section.blog-index .wrapper .swiper.links .swiper-wrapper .swiper-slide .link.development:before{content:"";width:0;height:0;background:radial-gradient(28.89% 50% at 50% 100%,#7CCBE0 0%,rgba(255,255,255,.1) 100%)!important;position:absolute;bottom:50%;left:50%;border-radius:100px;overflow:hidden;opacity:0;transition:all .3s ease}section.blog-index .wrapper .swiper.links .swiper-wrapper .swiper-slide .link.development:after{background:transparent!important}section.blog-index .wrapper .swiper.links .swiper-wrapper .swiper-slide .link.development:hover:before,section.blog-index .wrapper .swiper.links .swiper-wrapper .swiper-slide .link.development.active:before{width:100%;height:100%;opacity:1;bottom:0;left:0}section.blog-index .wrapper .swiper .swiper-wrapper .swiper-slide .link{font-size:1.35rem;padding:24px 16px;border-radius:100px;border-color:transparent}section.blog-index .wrapper .swiper .swiper-wrapper .swiper-slide .link:after{bottom:50%;height:0;width:0;opacity:0;border:outset 2px rgba(255,255,255,.2);background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(15,15,16,.1))!important}section.blog-index .wrapper .swiper .swiper-wrapper .swiper-slide .link:hover,section.blog-index .wrapper .swiper .swiper-wrapper .swiper-slide .link.active{border-color:transparent}section.blog-index .wrapper .swiper .swiper-wrapper .swiper-slide .link:hover:after,section.blog-index .wrapper .swiper .swiper-wrapper .swiper-slide .link.active:after{bottom:0;left:0;width:calc(100% - 4px);height:calc(100% - 4px);opacity:1}}