section.news{width:100%;padding-bottom:100px}section.news .wrapper{padding:40px 0;position:sticky;top:0;left:0;display:flex;align-items:auto;justify-content:center;flex-direction:column;flex-wrap:auto}section.news .wrapper .content{padding:0 20px 20px}section.news .wrapper .content .subtitle{margin-bottom:16px}section.news .wrapper .content .subtitle p{font-family:Figtree;font-weight:400;font-size:.875rem;color:#0aba90;line-height:24px;letter-spacing:2.8px;text-transform:uppercase}section.news .wrapper .content h2,section.news .wrapper .content h3{font-family:Figtree;font-weight:700;font-size:2.25rem;color:#fff;line-height:42px}section.news .news-articles{padding:20px;overflow:hidden}section.news .news-articles::-webkit-scrollbar{display:none}section.news .news-articles .news-wrapper{display:flex;align-items:stretch;justify-content:flex-start;flex-direction:row;flex-wrap:auto;gap:32px}section.news .news-articles .news-wrapper .article{display:flex;align-items:auto;justify-content:space-between;flex-direction:column;flex-wrap:auto;background:#212223;min-width:355px;border-radius:15px;overflow:hidden;transition:scale .3s ease-in-out,box-shadow .3s ease-in-out}section.news .news-articles .news-wrapper .article:hover{box-shadow:0 0 25px #0f5b5b}section.news .news-articles .news-wrapper .article:hover .thumbnail{filter:grayscale(0)}section.news .news-articles .news-wrapper .article .thumbnail{width:100%;height:200px;filter:grayscale(1);overflow:hidden;transition:all .3s ease-in-out}section.news .news-articles .news-wrapper .article .thumbnail img{-o-object-fit:cover;object-fit:cover}section.news .news-articles .news-wrapper .article .article-content{display:flex;align-items:flex-start;justify-content:flex-end;flex-direction:column;flex-wrap:auto;padding:30px 14px;gap:16px}section.news .news-articles .news-wrapper .article .article-content:hover h4,section.news .news-articles .news-wrapper .article .article-content:hover p{text-shadow:0 0 7px #0ABA90,0 0 10px #FFF}section.news .news-articles .news-wrapper .article .article-content:hover button{color:#fff;text-shadow:0 0 7px #fff,0 0 10px #fff,0 0 21px #fff,0 0 42px #0ABA90,0 0 82px #0ABA90}section.news .news-articles .news-wrapper .article .article-content:hover button:after{width:100%;height:3px;background:#0ABA90}section.news .news-articles .news-wrapper .article .article-content h4{font-family:Figtree;font-weight:600;font-size:1.375rem;color:#fff;line-height:29px;transition:all .3s ease-in-out}section.news .news-articles .news-wrapper .article .article-content p{font-family:Figtree;font-weight:400;font-size:.875rem;color:#fff;line-height:22px;transition:all .3s ease-in-out}section.news .news-articles .news-wrapper .article .article-content button{font-family:Kanit;font-weight:400;font-size:.875rem;color:#0aba90;line-height:22px;letter-spacing:2.816px;text-transform:uppercase;transition:all .3s ease-in-out;position:relative}section.news .news-articles .news-wrapper .article .article-content button:after{content:"";width:0;height:0;position:absolute;bottom:-1px;left:-2px;transition:all .3s ease-in-out}section.news .news-articles .news-wrapper .article .article-tags{display:flex;justify-content:auto;flex-direction:row;flex-wrap:wrap;align-items:flex-end;align-content:flex-end;align-self:stretch;padding:14px;gap:7px;border-top:.926px solid var(--Colours-UI-Black, #000);background:var(--Colours-UI-Grey-90, #141416)}section.news .news-articles .news-wrapper .article .article-tags .tag{font-family:Figtree;font-weight:700;font-size:.75rem;color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:auto;flex-wrap:auto;line-height:22.137px;height:30px;padding:3px 15px;border-radius:100px;border:1px solid #0ABA90;background:#000;transition:all .3s ease-in-out}section.news .news-articles .news-wrapper .article .article-tags .tag:hover{color:#000;background:#0ABA90;padding:3px 20px;box-shadow:0 0 10px #0aba90,0 0 40px #0aba90}@media only screen and (min-width: 992px){section.news .wrapper{min-height:100vh;padding:40px 0;top:-135px}section.news .wrapper .content{padding:40px 0 40px 160px}section.news .wrapper .news-articles{padding:40px 0 40px 160px}section.news .wrapper .news-articles .news-wrapper{gap:32px}section.news .wrapper .news-articles .news-wrapper .article{min-width:384px}}