.section-5{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 0 5rem 0;background-size:cover;background-repeat:no-repeat;width:100%}.section-5 .title{text-align:center}.section-5 .title h2{font-family:"RedHatDisplay-MediumItalic"}.section-5 .title p{font-family:"Archivo-Regular";font-size:1rem}.section-5 .tiles{height:60vh;width:60vw;position:relative}.section-5 .tiles .arrow{position:absolute;cursor:pointer;top:40%;height:2.5rem;width:2.5rem;z-index:1;background-color:#254e5a;border-radius:50%}.section-5 .tiles .arrow.previous{left:-3.5rem;transform:rotate(-180deg)}@media(min-width: 1000px){.section-5 .tiles .arrow.previous{left:-3rem}}.section-5 .tiles .arrow.next{right:-3.5rem;transform:rotate(180deg)}@media(min-width: 1000px){.section-5 .tiles .arrow.next{right:-2rem}}.section-5 .tiles .list{display:flex;overflow-x:hidden;overflow-y:hidden;flex-direction:row;gap:1rem;height:100%}@media(max-width: 1000px){.section-5 .tiles .list{gap:0}}.section-5 .tiles .list .tile{flex:0 0 calc(50% - 1rem);border-radius:10px;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;justify-content:center;align-content:center;align-items:center;position:relative}.section-5 .tiles .list .tile::before{content:"";position:absolute;inset:0;border-radius:10px;padding:.05rem;z-index:-1;background:linear-gradient(120deg, #09C269, #00D1FF);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}@media(max-width: 1000px){.section-5 .tiles .list .tile{flex:0 0 100%}}.section-5 .tiles .list .tile .content{height:90%;width:90%;display:flex;flex-direction:column;gap:1rem;justify-content:space-between}.section-5 .tiles .list .tile .content .top{display:flex;flex-direction:row;gap:.75rem}.section-5 .tiles .list .tile .content .top .left{flex:0 0 25%;height:fit-content;background-color:#fff}.section-5 .tiles .list .tile .content .top .left img{width:100%;object-fit:contain}.section-5 .tiles .list .tile .content .top .right .title{font-family:"RedHatDisplay-MediumItalic";text-align:left;font-size:1.2rem;margin-bottom:.25rem;line-height:1}.section-5 .tiles .list .tile .content .top .right .author-date{font-family:"Archivo-ThinItalic";text-align:left;margin:0;font-size:.75rem}.section-5 .tiles .list .tile .content .description{font-family:"Archivo-Regular";overflow-y:hidden;margin:0}.section-5 .tiles .list .tile .content a{color:#fff;text-decoration:underline;font-family:"Archivo-SemiBold"}.section-5>a{text-decoration:none;margin:1rem 0}