.pageSectionWrapper{color:#f2f2f2;width:49%;aspect-ratio:3/2;border-radius:1rem;overflow:hidden;border:2px solid transparent;transition:.3s}@media screen and (max-width: 768px){.pageSectionWrapper{width:100%;aspect-ratio:16/9}}.pageSectionWrapper:hover{-webkit-filter:grayscale(0%);filter:grayscale(0%);border:2px solid #fd8311;transition:.3s}.pageSectionWrapper .pageSectionCard{position:relative;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-decoration:none;color:inherit;background-size:cover;background-position:center;background-repeat:no-repeat}.pageSectionWrapper .pageSectionCard:hover:after{background:linear-gradient(to top,#000000bf,#0000004d)}.pageSectionWrapper .pageSectionCard:hover .arrowIcon{opacity:1;fill:#fd8311;transition:.3s}.pageSectionWrapper .pageSectionCard:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#0009,#0000001a);z-index:1}.pageSectionWrapper .pageSectionCard .pageSectionText{width:90%;padding:1rem;z-index:2}.pageSectionWrapper .pageSectionCard .arrowIcon{opacity:0;fill:#f2f2f2;position:absolute;top:1rem;right:1rem;z-index:2;transition:.3s}@media screen and (max-width: 1024px){.pageSectionWrapper .pageSectionCard .arrowIcon{opacity:1}}@media screen and (max-width: 768px){.pageSectionWrapper .pageSectionCard .arrowIcon{width:24px;height:24px}}