.theme-HRIS .textAndMediaBanner .playModalButton:before{background:linear-gradient(to right, #e90268, #00ace1)}.textAndMediaBanner{border-bottom:1px solid var(--colour-lightGreyBorder);position:relative;overflow:hidden}.textAndMediaBanner.background-lightgrey{background-color:var(--colour-lightgrey)}.textAndMediaBanner.isActive .image:after{border-top-color:var(--colour-lightGreyBorder)}.textAndMediaBanner.isActive .image .mainImage,.textAndMediaBanner.isActive .image .backgroundImage{opacity:1}.textAndMediaBanner.isActive .textWrapper{opacity:1;transform:translate(0)}@media(min-width: 1050px){.textAndMediaBanner.teamMemberBanner .inner{height:480px}}@media(min-width: 1420px){.textAndMediaBanner.teamMemberBanner .inner{height:515px}}@media(min-width: 1700px){.textAndMediaBanner.teamMemberBanner .inner{height:100%;max-height:740px}}@media(min-width: 1050px){.textAndMediaBanner.teamMemberBanner .image .mainImage{height:480px}}@media(min-width: 1420px){.textAndMediaBanner.teamMemberBanner .image .mainImage{height:515px}}@media(min-width: 1700px){.textAndMediaBanner.teamMemberBanner .image .mainImage{height:100%}}.textAndMediaBanner.teamMemberBanner .image .backgroundImage.left.desktop{left:-176px;transform:rotate(-4deg);bottom:-30px}@media(min-width: 1150px){.textAndMediaBanner.teamMemberBanner .image .backgroundImage.left.desktop{left:-167px;transform:rotate(-1deg)}}@media(min-width: 1230px){.textAndMediaBanner.teamMemberBanner .image .backgroundImage.left.desktop{left:-150px;transform:rotate(1deg);bottom:-25px}}@media(min-width: 1420px){.textAndMediaBanner.teamMemberBanner .image .backgroundImage.left.desktop{left:-131px;transform:rotate(3deg);bottom:-20px}}@media(min-width: 1700px){.textAndMediaBanner.teamMemberBanner .image .backgroundImage.left.desktop{left:-135px;transform:rotate(4deg)}}@media(min-width: 1050px){.textAndMediaBanner .inner{display:grid;grid-template-columns:42% 58%;justify-content:space-between;align-items:center;height:560px;padding-left:8%}}@media(min-width: 1150px){.textAndMediaBanner .inner{grid-template-columns:40% 60%}}@media(min-width: 1420px){.textAndMediaBanner .inner{height:580px;grid-template-columns:38% 62%;padding-left:calc((100% - 1180px)/2)}}@media(min-width: 1700px){.textAndMediaBanner .inner{height:auto;max-height:800px}}.textAndMediaBanner .modal{position:fixed;top:0;left:0;width:100%;height:100vh;background:var(--colour-black);z-index:20000000;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.textAndMediaBanner .modal.pc-isActive{transition:opacity .4s ease,visibility .4s ease;opacity:1;transition-delay:.2s;visibility:visible}.textAndMediaBanner .modal .modalInner{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%}.textAndMediaBanner .modal .modalContent{margin:0 auto;display:flex;justify-content:center;height:720px;max-height:40vh;width:1120px;max-width:100vw}@media(min-width: 1050px){.textAndMediaBanner .modal .modalContent{width:75%;max-height:80vh}}@media(min-width: 1230px){.textAndMediaBanner .modal .modalContent{width:80%}}.textAndMediaBanner .modal .modalContent iframe{width:100%;height:100%}.textAndMediaBanner .modal .closeButton{position:fixed;width:20px;height:20px;top:20px;right:20px;cursor:pointer;outline-offset:2px}.textAndMediaBanner .modal .closeButton:focus-visible{outline:var(--colour-white) 1px solid;outline-offset:3px}.textAndMediaBanner .modal .closeButton:before,.textAndMediaBanner .modal .closeButton:after{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);content:"";width:20px;height:3px;background:var(--colour-white);display:block;-webkit-transform-origin:70% 50%;transform-origin:50% 50%;transition:all .2s ease}.textAndMediaBanner .modal .closeButton:before{-webkit-transform:translate(-51%, -50%) rotate(-45deg);transform:translate(-51%, -50%) rotate(-45deg)}.textAndMediaBanner .modal .closeButton:after{-webkit-transform:translate(-51%, -50%) rotate(45deg);transform:translate(-51%, -50%) rotate(45deg)}.textAndMediaBanner .playModalButton{position:absolute;top:50%;transform:translateY(-50%);top:62%;right:20%;cursor:pointer;z-index:2000;width:60px;height:60px;border-radius:12px;background-color:var(--colour-primary);border:1px solid var(--colour-white);transition:background-color .3s ease,border-color .3s ease}.textAndMediaBanner .playModalButton:focus-visible{outline:var(--colour-linkFocus) 1px solid;outline-offset:3px}@media(min-width: 450px){.textAndMediaBanner .playModalButton{top:65%;right:30%}}@media(min-width: 1050px){.textAndMediaBanner .playModalButton{right:23%;top:60%;width:70px;height:70px;border-radius:16px}}@media(min-width: 1230px){.textAndMediaBanner .playModalButton{right:25%;top:57%}}@media(min-width: 1420px){.textAndMediaBanner .playModalButton{right:28%;top:55%}}@media(min-width: 1420px){.textAndMediaBanner .playModalButton{width:82px;height:82px}}.textAndMediaBanner .playModalButton:hover{background-color:var(--colour-white);border-color:transparent}.textAndMediaBanner .playModalButton:hover:before{opacity:1}.textAndMediaBanner .playModalButton:hover svg{fill:var(--colour-primary)}.textAndMediaBanner .playModalButton:before{content:"";position:absolute;inset:0;border-radius:20px;padding:1px;margin:-1px;border-radius:8px;background:linear-gradient(to right, #00ace1, #70bc1f);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:0;transition:opacity .3s ease}@media(min-width: 768px){.textAndMediaBanner .playModalButton:before{border-radius:16px}}.textAndMediaBanner .playModalButton svg{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:16px;height:20px;fill:var(--colour-white);transition:fill .3s ease;margin-left:2px}@media(min-width: 768px){.textAndMediaBanner .playModalButton svg{width:18px;height:22px;margin-left:2px}}.textAndMediaBanner .image{height:100%;position:relative;margin-top:-75px}@media(min-width: 450px){.textAndMediaBanner .image{margin-top:40px}}@media(min-width: 768px){.textAndMediaBanner .image{margin-top:60px}}@media(min-width: 1050px){.textAndMediaBanner .image{margin-top:0px}}.textAndMediaBanner .image:before{content:"";position:absolute;bottom:0;right:0;width:97px;height:97px;background:linear-gradient(to bottom right, transparent 0%, transparent 50%, #fff 50%, #fff 100%)}@media(min-width: 1050px){.textAndMediaBanner .image:before{width:130px;height:130px}}@media(min-width: 1420px){.textAndMediaBanner .image:before{width:160px;height:160px}}.textAndMediaBanner .image:after{content:"";position:absolute;top:0;left:0;width:450px;height:100%;background:linear-gradient(to bottom right, #fff 0%, #fff 50%, transparent 50%, transparent 100%)}@media(min-width: 450px){.textAndMediaBanner .image:after{width:455px;left:-35px;border-top:1px solid var(--colour-white);transition:border-top-color .4s ease 1s}}@media(min-width: 768px){.textAndMediaBanner .image:after{width:563px}}@media(min-width: 1050px){.textAndMediaBanner .image:after{width:555px;left:0px;border-top:none}}@media(min-width: 1230px){.textAndMediaBanner .image:after{width:560px}}@media(min-width: 1420px){.textAndMediaBanner .image:after{width:580px}}@media(min-width: 1700px){.textAndMediaBanner .image:after{width:67%}}.textAndMediaBanner .image .mainImage{width:100%;object-fit:cover;height:400px;opacity:0;transition:opacity .2s ease}@media(min-width: 450px){.textAndMediaBanner .image .mainImage{height:470px}}@media(min-width: 768px){.textAndMediaBanner .image .mainImage{height:580px}}@media(min-width: 1050px){.textAndMediaBanner .image .mainImage{height:560px}}@media(min-width: 1420px){.textAndMediaBanner .image .mainImage{height:580px}}@media(min-width: 1700px){.textAndMediaBanner .image .mainImage{height:100%}}.textAndMediaBanner .image .backgroundImage{position:absolute;z-index:20;opacity:0;transition:opacity .6s ease .2s}.textAndMediaBanner .image .backgroundImage.left.mobile{left:-4px;bottom:-65px;transform:rotate(3deg)}@media(min-width: 450px){.textAndMediaBanner .image .backgroundImage.left.mobile{transform:rotate(0deg);left:0;bottom:-20px;height:330px}}.textAndMediaBanner .image .backgroundImage.left.desktop{left:-134px;transform:rotate(0deg);bottom:0}@media(min-width: 1230px){.textAndMediaBanner .image .backgroundImage.left.desktop{left:-132px}}@media(min-width: 1700px){.textAndMediaBanner .image .backgroundImage.left.desktop{left:-133px}}.textAndMediaBanner .image .backgroundImage.right{bottom:0;right:0}.textAndMediaBanner .image .backgroundImage.right.desktop{height:200px}@media(min-width: 1420px){.textAndMediaBanner .image .backgroundImage.right.desktop{height:245px}}.textAndMediaBanner .image .backgroundImage.mobile{display:block}@media(min-width: 1050px){.textAndMediaBanner .image .backgroundImage.mobile{display:none}}.textAndMediaBanner .image .backgroundImage.desktop{display:none}@media(min-width: 1050px){.textAndMediaBanner .image .backgroundImage.desktop{display:block}}.textAndMediaBanner .textWrapper{padding:70px 8% 0;display:flex;flex-direction:column;text-align:center;align-items:center;position:relative;z-index:200;margin:0 auto;transform:translateY(30px);opacity:0;transition:opacity .6s ease .4s,transform .6s ease .4s}@media(min-width: 500px){.textAndMediaBanner .textWrapper{max-width:90%}}@media(min-width: 768px){.textAndMediaBanner .textWrapper{padding-top:90px}}@media(min-width: 1050px){.textAndMediaBanner .textWrapper{padding:100px 60px 60px 0;text-align:left;align-items:flex-start;max-width:520px;margin:0}}@media(min-width: 1420px){.textAndMediaBanner .textWrapper{padding:100px 45px 70px 0}}.textAndMediaBanner .icon{display:flex;justify-content:center;margin-bottom:17px}@media(min-width: 1050px){.textAndMediaBanner .icon{justify-content:flex-start;margin-bottom:14px}}.textAndMediaBanner .icon img{width:40px;height:40px}.textAndMediaBanner .title{margin-bottom:12px;line-height:1.2;font-weight:400;font-family:var(--font-title);color:var(--colour-text);font-size:4rem;letter-spacing:-1.5px;margin:0}@media(min-width: 768px){.textAndMediaBanner .title{font-size:4.8rem}}@media(min-width: 1420px)and (min-height: 800px){.textAndMediaBanner .title{font-size:5.6rem}}@media(min-width: 1050px){.textAndMediaBanner .title{margin-bottom:12px;line-height:1.2;font-weight:400;font-family:var(--font-title);color:var(--colour-text);font-size:3rem;letter-spacing:-1px;margin:0}}@media(min-width: 1050px)and (min-width: 768px){.textAndMediaBanner .title{font-size:3.6rem}}@media(min-width: 1050px)and (min-width: 1420px)and (min-height: 800px){.textAndMediaBanner .title{font-size:4.2rem}}.textAndMediaBanner .title+p{margin-top:15px}@media(min-width: 768px){.textAndMediaBanner .title+p{margin-top:18px}}.textAndMediaBanner p{margin-bottom:20px;font-family:var(--font-body);color:rgba(36,53,65,.8);line-height:1.5;font-weight:400;color:var(--colour-text);font-size:1.5rem;line-height:1.45;letter-spacing:-0.2px;margin:0}@media(min-width: 768px){.textAndMediaBanner p{font-size:1.62rem}}@media(min-width: 1420px)and (min-height: 800px){.textAndMediaBanner p{font-size:1.8rem}}.textAndMediaBanner .button{font-size:1.4rem;border:0;width:auto;margin:0;max-width:100%;font-weight:500;font-family:var(--font-body);padding:9px 15px;text-align:center;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;position:relative;text-decoration:none;cursor:pointer;z-index:1;border-radius:20px;color:var(--colour-white);background-color:var(--colour-text);border-radius:20px;position:relative;transition:color .2s ease,background-color .2s ease,border-color .2s ease;border:1px solid var(--colour-text);margin-top:25px}.textAndMediaBanner .button.disabled,.textAndMediaBanner .button[disabled]{opacity:.5;pointer-events:none}.textAndMediaBanner .button:focus-visible{outline:var(--colour-linkFocus) 1px solid;outline-offset:3px}.textAndMediaBanner .button:hover{color:var(--colour-text);background-color:var(--colour-white);border-color:var(--colour-text)}.textAndMediaBanner .button:hover:after{background-image:url("/assets/images/arrow-primary.svg")}.textAndMediaBanner .button:after{content:"";background-repeat:no-repeat;background-size:cover;display:block;width:16px;height:6px;background-image:url("/assets/images/arrow-white.svg");background-size:16px 6px;background-repeat:no-repeat;margin-left:8px;margin-bottom:1px;transition:background-image .2s ease}@media(min-width: 768px){.textAndMediaBanner .button{margin-top:32px}}
