main#blog section{padding-left:80px;padding-right:80px}@media(min-width: 768px)and (max-width: 1149px){main#blog section{padding-left:20px;padding-right:20px}}@media(max-width: 767px){main#blog section{padding-left:14px;padding-right:14px}}main#blog section.hero{position:relative;overflow-x:hidden;margin-top:-231px}main#blog section.hero .container{padding-top:300px;padding-bottom:150px;height:100%;position:relative}main#blog section.hero .container .--button.--magnetic{position:absolute;left:0;top:200px;z-index:2}@media(min-width: 520px){main#blog section.hero .gradient-bg{display:none}}@media(max-width: 519px){main#blog section.hero{margin-top:-145px;overflow:hidden}main#blog section.hero .container{padding-top:200px;padding-bottom:54px}main#blog section.hero .gradient-bg{width:800px;height:800px;max-height:800px}}main#blog section.blogPosts{margin-top:-100px;z-index:2;position:relative}main#blog section.blogPosts .container .latestPost{margin-bottom:75px}main#blog section.blogPosts .container .latestPost article{width:100%}main#blog section.blogPosts .container .latestPost article img{height:616px}@media(max-width: 767px){main#blog section.blogPosts .container .latestPost article img{height:350px}}@media(max-width: 767px){main#blog section.blogPosts .container .latestPost{margin-bottom:32px}}main#blog section.blogPosts .container .postsGrid{display:flex;row-gap:65px;column-gap:24px;flex-wrap:wrap}@media(max-width: 767px){main#blog section.blogPosts .container .postsGrid{row-gap:32px;column-gap:12px}}main#blog section.blogPosts .container article{width:calc(33.33% - 16px)}@media(max-width: 1200px){main#blog section.blogPosts .container article{width:calc(50% - 16px)}}@media(max-width: 767px){main#blog section.blogPosts .container article{width:100%}}main#blog section.blogPosts .container article a{color:#fff;text-decoration:none;display:block}main#blog section.blogPosts .container article a.link:hover h2::before{-webkit-transform:translate3d(50%, -50%, 0);-moz-transform:translate3d(50%, -50%, 0);-ms-transform:translate3d(50%, -50%, 0);-o-transform:translate3d(50%, -50%, 0);transform:translate3d(50%, -50%, 0);opacity:0}main#blog section.blogPosts .container article a.link:hover h2::after{-webkit-transform:translate3d(50%, -50%, 0);-moz-transform:translate3d(50%, -50%, 0);-ms-transform:translate3d(50%, -50%, 0);-o-transform:translate3d(50%, -50%, 0);transform:translate3d(50%, -50%, 0);opacity:1}main#blog section.blogPosts .container article a.postThumb{margin-bottom:25px}main#blog section.blogPosts .container article a.postThumb:hover+.link h2::before{-webkit-transform:translate3d(50%, -50%, 0);-moz-transform:translate3d(50%, -50%, 0);-ms-transform:translate3d(50%, -50%, 0);-o-transform:translate3d(50%, -50%, 0);transform:translate3d(50%, -50%, 0);opacity:0}main#blog section.blogPosts .container article a.postThumb:hover+.link h2::after{-webkit-transform:translate3d(50%, -50%, 0);-moz-transform:translate3d(50%, -50%, 0);-ms-transform:translate3d(50%, -50%, 0);-o-transform:translate3d(50%, -50%, 0);transform:translate3d(50%, -50%, 0);opacity:1}main#blog section.blogPosts .container article a h2{font-size:24px;font-weight:500;line-height:28px;position:relative;padding-right:50px}main#blog section.blogPosts .container article a h2::before,main#blog section.blogPosts .container article a h2::after{content:"";position:absolute;width:28px;height:28px;background-image:url("../images/svg/button_arrow.svg");background-size:contain;background-repeat:no-repeat;pointer-events:none;transition:all .4s cubic-bezier(0.755, 0.05, 0.855, 0.06);transition-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06)}main#blog section.blogPosts .container article a h2::before{top:7px;right:0}main#blog section.blogPosts .container article a h2::after{top:20px;right:13px;opacity:0}@media(max-width: 580px){main#blog section.blogPosts .container article a h2{text-transform:unset;font-weight:400}main#blog section.blogPosts .container article a h2::before,main#blog section.blogPosts .container article a h2::after{display:none}}main#blog section.blogPosts .container article .entryMeta time{font-weight:400;font-size:16px;line-height:20px;color:#808284;text-transform:capitalize}main#blog section.blogPosts .container article img{width:100%;height:290px;object-fit:cover;display:block}main#blog section.blogPosts .container .pagination{display:flex;justify-content:center;margin-top:75px}main#blog section.blogPosts .container .pagination a,main#blog section.blogPosts .container .pagination span{color:#fff;text-decoration:none;display:flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:100px;border:1px solid rgba(0,0,0,0);font-size:14px;line-height:14px;-webkit-transition:all .25s ease !important;transition:all .25s ease !important;margin-left:5px;margin-right:5px}main#blog section.blogPosts .container .pagination a:hover:not(.active,.current,.dots),main#blog section.blogPosts .container .pagination span:hover:not(.active,.current,.dots){-webkit-transform:translateY(-5px) !important;-moz-transform:translateY(-5px) !important;-ms-transform:translateY(-5px) !important;-o-transform:translateY(-5px) !important;transform:translateY(-5px) !important}main#blog section.blogPosts .container .pagination a.active,main#blog section.blogPosts .container .pagination a.current,main#blog section.blogPosts .container .pagination span.active,main#blog section.blogPosts .container .pagination span.current{border-color:#808284;cursor:default}main#blog section.blogPosts .container .pagination a.prev,main#blog section.blogPosts .container .pagination a.next,main#blog section.blogPosts .container .pagination span.prev,main#blog section.blogPosts .container .pagination span.next{background-size:14px;background-position:center;background-repeat:no-repeat;background-color:#141317}main#blog section.blogPosts .container .pagination a.prev,main#blog section.blogPosts .container .pagination span.prev{background-image:url("../images/svg/arrow_left.svg")}main#blog section.blogPosts .container .pagination a.next,main#blog section.blogPosts .container .pagination span.next{background-image:url("../images/svg/arrow_right.svg")}@media(max-width: 580px){main#blog section.blogPosts .container .pagination a,main#blog section.blogPosts .container .pagination span{width:32px;height:32px}}@media(max-width: 420px){main#blog section.blogPosts .container .pagination a,main#blog section.blogPosts .container .pagination span{width:28px;height:28px;margin-left:3px;margin-right:3px}}@media(max-width: 519px){main#blog section.blogPosts{margin-top:0}}