.service-finder-wrapper{margin-top:-1vw;padding-top:1vw}.service-finder-top-content h2{font-family:GuardianSans-Thin,sans-serif;color:#3f2a48;letter-spacing:1px;font-size:45px;line-height:50px;margin-top:2rem;margin-bottom:1rem;font-weight:400}.service-finder-top-content p{font-family:GuardianEgyp-medium,sans-serif;color:#3f2a48;margin-bottom:1rem;font-weight:400;font-size:1.17em;margin-top:1em;line-height:24px}#servicefinder{position:relative}#servicefinder .buttons{width:100%;display:flex;margin-bottom:2rem}#servicefinder .buttons button{display:block;width:140px;height:140px;margin:1rem;box-sizing:border-box;padding:0 10px;border:0;font-size:16px;font-family:GuardianEgyp-medium,sans-serif;cursor:pointer;line-height:normal}#servicefinder .buttons button.selected{color:#fff}.blockcols a,.blockcols button{margin-bottom:2rem}.blockcols a{color:#3f2a48;background-color:#e7e7e7;display:block;text-decoration:none}.blockcols a.selected svg{transform:translateY(50px)}.blockcols a.selected use{transform:rotate(180deg)}.blockcols a>div{display:none}#servicefinder a{transition:all .3s}.blockcols img{display:block;width:100%}.blockcols span{display:block;padding:1rem;line-height:24px}#servicefinder a strong{font-family:GuardianTextSans-Regular,sans-serif;font-weight:400}.blockcols svg{display:block;margin:-1rem auto 0;transition:transform .6s}.blockcols use{transform-origin:center;transition:transform .6s}.blockcols .detail h1 strong{color:#5ab7b7;letter-spacing:normal;font-family:GuardianEgyp-Medium,sans-serif;font-weight:400}.blockcols .detail h2,.blockcols .detail p{max-width:600px}.blockcols .detail p:last-child{margin-bottom:2rem}.blockcols svg{display:block;margin:-1rem auto 0}#servicefinder a.animate{position:absolute}#servicefinder a.hidden{transform:scale(0)}@media(min-width:768px){.blockcols{display:flex;flex-wrap:wrap;margin-left:-1.5%;margin-right:-1.5%}.blockcols a{flex-grow:1;width:30%;max-width:30%;margin-left:1.5%;margin-right:1.5%;box-sizing:border-box}.blockcols:after{content:"";display:table;clear:both}.blockcols .detail{flex-grow:1;width:96%;max-width:96%;margin:-2rem 1.5%;padding:2rem 0;box-sizing:border-box;overflow:hidden;transition:height .6s}}@media(max-width:768px){#servicefinder .buttons button{font-size:12px;padding:0;margin:5px;line-height:normal;width:80px;height:80px}a.selected+.detail{opacity:1;visibility:visible}.detail{opacity:0;visibility:hidden}}@media(max-width:375px){#servicefinder .buttons button{margin:3px;font-size:12px;width:62px;height:62px}.detail h1{font-size:37px}}