.mediaPage{position:relative}.mediaPage:before{content:"";display:flex;width:200%;height:148.9rem;flex-shrink:0;background:#0397d6;opacity:.1;filter:blur(255.0500030518px);position:absolute;top:-35%;left:0;z-index:-1}.mediaPage .mediaPageMain .mediaPageTop{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2.8rem;margin-top:5.3rem}.mediaPage .mediaPageMain .mediaPageTop h1 span{color:rgba(136,136,136,.53);text-align:center;font-weight:500}.mediaPage .mediaPageMain .mediaPageTop h1,.mediaPage .mediaPageMain .mediaPageTop h1 span{font-family:Albert Sans;font-size:4.4rem;font-style:normal;line-height:normal;letter-spacing:-.088rem}.mediaPage .mediaPageMain .mediaPageTop h1{color:#000;font-weight:600}.mediaPage .mediaPageMain .mediaPageTop .mediaFilters{display:flex;align-items:center;justify-content:center;gap:1.2rem}.mediaPage .mediaPageMain .mediaPageTop .mediaFilters button{border-radius:7rem;border:1px solid #c4c4c4;color:#313438;font-family:Albert Sans;font-size:1.6rem;font-style:normal;font-weight:600;line-height:normal;letter-spacing:-.032rem;padding:0 2rem;height:3.8rem}.mediaPage .mediaPageMain .mediaPageTop .mediaFilters button.active{border:1px solid #0397d6;background:#0397d6;color:#fff}.mediaPage .mediaPageMain .mediaCards{width:100%;display:flex;flex-wrap:wrap;column-gap:2rem;row-gap:8rem;margin-top:5.3rem}@media screen and (max-width:768px){.mediaPage .mediaPageMain .mediaPageTop{margin-top:2.4rem}.mediaPage .mediaPageMain .mediaPageTop h1,.mediaPage .mediaPageMain .mediaPageTop h1 span{font-size:3.6rem;line-height:110%}.mediaPage .mediaPageMain .mediaPageTop .mediaFilters{gap:.8rem;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;justify-content:flex-start;width:calc(100% + 5rem);margin-inline:2.7rem;padding-inline:2.7rem;position:relative}.mediaPage .mediaPageMain .mediaPageTop .mediaFilters button{width:auto;font-size:1.4rem;line-height:110%;padding:0 1.6rem;height:3.2rem;flex-shrink:0}.mediaPage .mediaPageMain .mediaCards{flex-direction:column;margin-top:2.7rem;gap:2rem}.mediaPage .mediaPageMain .mediaCards .blogCard{width:100%;gap:1.3rem}.mediaPage .mediaPageMain .mediaCards .blogCard .blogCardImg{height:22.6rem;border-radius:1.3rem}.mediaPage .mediaPageMain .mediaCards .blogCard .blogCardImg .blogCardTop{left:1.2rem;top:1.2rem}.mediaPage .mediaPageMain .mediaCards .blogCard .blogCardImg .blogCardTop .blogCardDate{font-size:1.2rem;padding:0 1.6rem;height:3.2rem;gap:.6rem}.mediaPage .mediaPageMain .mediaCards .blogCard .blogCardImg .blogCardTop .blogCardDate svg{width:1.4rem;height:1.4rem}.mediaPage .mediaPageMain .mediaCards .blogCard .blogCardImg .blogCardTop .blogCardType{font-size:1.2rem;padding:0 1.6rem;height:3.2rem}.mediaPage .mediaPageMain .mediaCards .blogCard .blogCardImg .hoverEffect{display:none}.mediaPage .mediaPageMain .mediaCards .blogCard .blogCardImg img{border-radius:1.3rem}.mediaPage .mediaPageMain .mediaCards .blogCard h3{font-size:2.2rem;line-height:110%}}