/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.banner-image{z-index:-1000;overflow:hidden}.banner-image .banner-image-470{height:470px}.banner-image .banner-image-330{height:330px}.banner-image .banner-image-280{height:280px}.banner-image .banner-image-280 img,.banner-image .banner-image-330 img,.banner-image .banner-image-470 img{min-width:1500px}.banner-image .banner-branding{position:absolute;top:0;right:0;width:600px;height:100%;-webkit-clip-path:polygon(100% 0,100% 100%,68% 50%,100% 0);clip-path:polygon(100% 0,100% 100%,68% 50%,100% 0);background-color:rgba(255,255,255,.5)}@media (min-width:576px){.banner-image .banner-branding{width:535px;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%,29% 50%,0 0);clip-path:polygon(0 0,100% 0,100% 100%,0 100%,29% 50%,0 0)}}@media (min-width:992px){.banner-image .banner-branding{width:550px;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%,30% 50%,0 0);clip-path:polygon(0 0,100% 0,100% 100%,0 100%,30% 50%,0 0)}}@media (min-width:1200px){.banner-image .banner-branding{width:600px;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%,27.5% 50%,0 0);clip-path:polygon(0 0,100% 0,100% 100%,0 100%,27.5% 50%,0 0)}}.banner-image .banner-branding.brand-color-widening-participation{background-color:rgba(0,138,133,.85)}.banner-image .banner-branding.brand-color-sbs{background-color:rgba(0,123,99,.85)}.banner-image .banner-branding.brand-color-gsa{background-color:rgba(104,35,106,.85)}.banner-image .banner-branding.brand-color-ai{background-color:rgba(0,146,160,.85)}.banner-image .banner-branding.brand-color-cvssp{background-color:rgba(255,255,255,.85)}.banner-image .banner-branding>picture{max-width:110px;margin-right:10px;margin-left:0}@media (min-width:576px){.banner-image .banner-branding>picture{max-width:220px;margin-right:0;margin-left:34%}}@media (min-width:992px){.banner-image .banner-branding>picture{margin-left:35%}}@media (min-width:1200px){.banner-image .banner-branding>picture{margin-left:32.5%}}.banner-image .clipping-path{z-index:1;justify-content:center;width:100%}@media (min-width:768px){.banner-image .clipping-path{width:42%;-webkit-clip-path:polygon(0 0,100% 0,75% 100%,0 100%);clip-path:polygon(0 0,100% 0,75% 100%,0 100%)}}.banner-image .clipping-path.has-mobile-banner{justify-content:center;width:65%;padding-right:40px;-webkit-clip-path:polygon(0 0,100% 0,75% 100%,0 100%);clip-path:polygon(0 0,100% 0,75% 100%,0 100%)}@media (min-width:576px){.banner-image .clipping-path.has-mobile-banner{padding-right:0}}@media (min-width:768px){.banner-image .clipping-path.has-mobile-banner{justify-content:start;width:50%;padding-left:10%}}@media (min-width:992px){.banner-image .clipping-path.has-mobile-banner{width:45%}}.banner-image .clipping-path.theme-color-green{background:#00852a}.banner-image .clipping-path.theme-color-pink{background:#df018e}.banner-image .clipping-path.theme-color-mauve{background:#595dd4}.banner-image .clipping-path.theme-color-blue{background:#009de0}.banner-image .clipping-path.theme-color-purple{background:#6901d4}.banner-image .clipping-path.theme-color-pg-purple{background:#403a83}.banner-image .clipping-path.theme-color-pg-teal{background:#00729b}.banner-image .clipping-path.theme-color-pg-green{background:#046150}.banner-image .clipping-path.theme-color-pg-red{background:#d50140}.banner-image .clipping-path.theme-color-pg-blue{background:#032650}.banner-image .clipping-path.theme-color-pg-grey{background:#303747}.banner-image .clipping-path.theme-color-pg-lilac{background:#e9e7fc}.banner-image .clipping-path.theme-color-very-dark-blue{background:#123047}.banner-image .svg-container{height:180px}@media (min-width:576px){.banner-image .svg-container{height:250px}}@media (min-width:768px){.banner-image .svg-container{height:330px}}.banner-image .svg-container svg{z-index:1;width:70%;max-width:320px;max-height:115px;margin:0}@media (min-width:576px){.banner-image .svg-container svg{width:60%}}@media (min-width:768px){.banner-image .svg-container .extended{width:55%}}.banner-image .svg-container .extended svg{z-index:1;width:80%;max-width:none!important;max-height:none!important}@media (min-width:576px){.banner-image .svg-container .extended svg{width:60%}}@media (min-width:992px){.banner-image .svg-container .extended svg{width:55%}}.banner-image .desktop-banner{display:none}@media (min-width:768px){.banner-image .desktop-banner{display:block}}.banner-image .mobile-banner{display:block;max-width:400px}@media (min-width:768px){.banner-image .mobile-banner{display:none}}.banner-image .mobile-banner img{min-height:250px;-o-object-fit:cover;object-fit:cover}.intro-block picture{display:flex;justify-content:center}.employability-badge{height:280px}.employability-badge picture{height:50%}@media (min-width:768px){.employability-badge picture{height:75%}}
.primary-item .card .card-body{color:#f8f9fa;background-color:#003e7e}.primary-item .card .card-body .card-subtitle,.primary-item .card .card-body .card-title{color:#f8f9fa}.primary-item .card .card-body--diagonal{background-image:linear-gradient(to bottom right,#004388,#004388 50%,#003e7e 50%,#003e7e 100%);color:#f8f9fa}.primary-item .card .card-overlay--triangle::after{position:absolute;top:0;right:0;width:60%;height:100%;content:'';background-image:linear-gradient(to top right,rgba(255,0,0,0) 0,rgba(255,0,0,0) 50%,rgba(0,62,126,.45) 50%,rgba(0,62,126,.45) 100%)}.primary-item .card .svg-overlay-container .svg-overlay svg{fill:rgba(0,62,126,.85)}.primary-item .card .el-arrows-large::after{background-image:url(/themes/custom/surrey/assets/dist/img/arrows-primary-medium.svg)}.alt-primary-arrow .card .el-arrows-large::after{background-image:url(/themes/custom/surrey/assets/dist/img/arrows-primary-dark-medium.svg)}.small-arrow .card .el-arrows-large::after{transform:scale(.7)}.blue-item .card .card-body{color:#f8f9fa;background-color:#3a7eb9}.blue-item .card .card-body .card-subtitle,.blue-item .card .card-body .card-title{color:#f8f9fa}.blue-item .card .card-body--diagonal{background-image:linear-gradient(to bottom right,#3c83c1,#3c83c1 50%,#3a7eb9 50%,#3a7eb9 100%);color:#f8f9fa}.blue-item .card .card-overlay--triangle::after{position:absolute;top:0;right:0;width:60%;height:100%;content:'';background-image:linear-gradient(to top right,rgba(255,0,0,0) 0,rgba(255,0,0,0) 50%,rgba(0,62,126,.45) 50%,rgba(0,62,126,.45) 100%)}.tuscany-item .card .card-body{color:#f8f9fa;background-color:#b35932}.tuscany-item .card .card-body .card-subtitle,.tuscany-item .card .card-body .card-title{color:#f8f9fa}.tuscany-item .card .card-body--diagonal{background-image:linear-gradient(to bottom right,#b35932,#b35932 50%,#ab5530 50%,#ab5530 100%);color:#f8f9fa}.tuscany-item .card .card-overlay--triangle::after{position:absolute;top:0;right:0;width:60%;height:100%;content:'';background-image:linear-gradient(to top right,rgba(255,0,0,0) 0,rgba(255,0,0,0) 50%,rgba(179,89,50,.45) 50%,rgba(179,89,50,.45) 100%)}.tuscany-item .card .svg-overlay-container .svg-overlay svg{fill:rgba(179,89,50,.85)}.tuscany-item .card .el-arrows-large::after{background-image:url(/themes/custom/surrey/assets/dist/img/arrows-tuscany-medium.svg)}.mustard-item .card .card-body{color:#f8f9fa;background-color:#867004}.mustard-item .card .card-body .card-subtitle,.mustard-item .card .card-body .card-title{color:#f8f9fa}.mustard-item .card .card-body.card-body-dark{background-color:#6d5b03}.mustard-item .card .card-body--diagonal{background-image:linear-gradient(to bottom right,#867004,#867004 50%,#7c6804 50%,#7c6804 100%);color:#f8f9fa}.mustard-item .card .card-body--diagonal-reverse-color{background-image:linear-gradient(to bottom right,#725f03,#725f03 50%,#867004 50%,#867004 100%);color:#f8f9fa}.mustard-item .card .svg-overlay-container .svg-overlay svg{fill:rgba(134,112,4,.85)}.mustard-item .card .el-arrows-large::after{background-image:url(/themes/custom/surrey/assets/dist/img/arrows-mustard-medium.svg)}.battersea-blue-item .card .card-body{color:#f8f9fa;background-color:#25384a}.battersea-blue-item .card .card-body .card-subtitle,.battersea-blue-item .card .card-body .card-title{color:#f8f9fa}.battersea-blue-item .card .card-body--diagonal{background-image:linear-gradient(to bottom right,#b35932,#b35932 50%,#ab5530 50%,#ab5530 100%);color:#f8f9fa}.battersea-blue-item .card .card-overlay--triangle::after{position:absolute;top:0;right:0;width:60%;height:100%;content:'';background-image:linear-gradient(to top right,rgba(255,0,0,0) 0,rgba(255,0,0,0) 50%,rgba(179,89,50,.45) 50%,rgba(179,89,50,.45) 100%)}.battersea-blue-item .card .svg-overlay-container .svg-overlay svg{fill:rgba(37,56,74,.85)}.battersea-blue-item .card .el-arrows-large::after{background-image:url(/themes/custom/surrey/assets/dist/img/arrows-tuscany-medium.svg)}.teal-item .card .card-body{color:#f8f9fa;background-color:#016a72}.teal-item .card .card-body .card-subtitle,.teal-item .card .card-body .card-title{color:#f8f9fa}.teal-item .card .card-body.card-body-dark{background-color:#015259}.teal-item .card .card-body--diagonal{background-image:linear-gradient(to bottom right,#867004,#867004 50%,#7c6804 50%,#7c6804 100%);color:#f8f9fa}.teal-item .card .card-body--diagonal-reverse-color{background-image:linear-gradient(to bottom right,#725f03,#725f03 50%,#867004 50%,#867004 100%);color:#f8f9fa}.teal-item .card .svg-overlay-container .svg-overlay svg{fill:rgba(134,112,4,.85)}.teal-item .card .el-arrows-large::after{background-image:url(/themes/custom/surrey/assets/dist/img/arrows-mustard-medium.svg)}.dark-green-item .card .card-body{color:#f8f9fa;background-color:#3e5d60}.dark-green-item .card .card-body .card-subtitle,.dark-green-item .card .card-body .card-title{color:#f8f9fa}.dark-green-item .card .card-body--diagonal{background-image:linear-gradient(to bottom right,#426366,#426366 50%,#3e5d60 50%,#3e5d60 100%);color:#f8f9fa}.dark-green-item .card .svg-overlay-container .svg-overlay svg{fill:rgba(62,93,96,.85)}.dark-green-item .card .el-arrows-large::after{background-image:url(/themes/custom/surrey/assets/dist/img/arrows-dark-green-medium.svg)}.light-gray-blue-item .card .card-body{color:#003e7e;background-color:#d1e5e2}.light-gray-blue-item .card .card-body .card-subtitle,.light-gray-blue-item .card .card-body .card-title{color:#003e7e}.light-gray-blue-item .card .card-body--diagonal{background-image:linear-gradient(to bottom right,#d8e9e6,#d8e9e6 50%,#d1e5e2 50%,#d1e5e2 100%);color:#f8f9fa}.light-gray-blue-item .card .svg-overlay-container .svg-overlay svg{fill:rgba(209,229,226,.85)}.light-gray-blue-item .card .el-arrows-large::after{background-image:url(/themes/custom/surrey/assets/dist/img/arrows-light-gray-blue-medium.svg)}.dark-turquoise-item .card .card-body{color:#f8f9fa;background-color:#0092a0}.dark-turquoise-item .card .card-body .card-subtitle,.dark-turquoise-item .card .card-body .card-title{color:#f8f9fa}.dark-turquoise-item .card .card-body--diagonal{background-image:linear-gradient(to bottom right,#009baa,#009baa 50%,#0092a0 50%,#0092a0 100%);color:#f8f9fa}.dark-turquoise-item .card .card-overlay--triangle::after{position:absolute;top:0;right:0;width:60%;height:100%;content:'';background-image:linear-gradient(to top right,rgba(255,0,0,0) 0,rgba(255,0,0,0) 50%,rgba(0,146,160,.45) 50%,rgba(0,146,160,.45) 100%)}.dark-turquoise-item .card .svg-overlay-container .svg-overlay svg{fill:rgba(0,146,160,.85)}.dark-turquoise-item .card .el-arrows-large::after{background-image:url(/themes/custom/surrey/assets/dist/img/arrows-dark-green-medium.svg)}.turquoise-item .card .card-body{color:#f8f9fa;background-color:#90d3d0}.turquoise-item .card .card-body .card-subtitle,.turquoise-item .card .card-body .card-title{color:#f8f9fa}.turquoise-item .card .card-body--diagonal{background-image:linear-gradient(to bottom right,#97d6d3,#97d6d3 50%,#90d3d0 50%,#90d3d0 100%);color:#f8f9fa}.turquoise-item .card .svg-overlay-container .svg-overlay svg{fill:rgba(0,146,160,.85)}.turquoise-item .card .el-arrows-large::after{background-image:url(/themes/custom/surrey/assets/dist/img/arrows-light-gray-blue-medium.svg)}.earth-item .card .card-body{color:#f8f9fa;background-color:#5c5757}.earth-item .card .card-body .card-subtitle,.earth-item .card .card-body .card-title{color:#f8f9fa}.earth-item .card .card-body--diagonal{background-image:linear-gradient(to bottom right,#615c5c,#615c5c 50%,#5c5757 50%,#5c5757 100%);color:#f8f9fa}.earth-item .card .card-overlay--triangle::after{position:absolute;top:0;right:0;width:60%;height:100%;content:'';background-image:linear-gradient(to top right,rgba(255,0,0,0) 0,rgba(255,0,0,0) 50%,rgba(92,87,87,.45) 50%,rgba(92,87,87,.45) 100%)}.earth-item .card .svg-overlay-container .svg-overlay svg{fill:rgba(92,87,87,.85)}.stone-blue-item .card .card-body{color:#f8f9fa;background-color:#00606b}.stone-blue-item .card .card-body .card-subtitle,.stone-blue-item .card .card-body .card-title{color:#f8f9fa}.stone-blue-item .card .card-body--diagonal{background-image:linear-gradient(to bottom right,#006975,#006975 50%,#00606b 50%,#00606b 100%);color:#f8f9fa}.stone-blue-item .card .card-overlay--triangle::after{position:absolute;top:0;right:0;width:60%;height:100%;content:'';background-image:linear-gradient(to top right,rgba(255,0,0,0) 0,rgba(255,0,0,0) 50%,rgba(0,96,107,.45) 50%,rgba(0,96,107,.45) 100%)}.stone-blue-item .card .svg-overlay-container .svg-overlay svg{fill:rgba(0,96,107,.85)}.stone-blue-item .card .el-arrows-large::after{background-image:url(/themes/custom/surrey/assets/dist/img/arrows-dark-green-medium.svg)}.plum-item .card .card-body{color:#f8f9fa;background-color:#872046}.plum-item .card .card-body .card-subtitle,.plum-item .card .card-body .card-title{color:#f8f9fa}.tuscany-caption-item .caption-card .caption p{background-color:#b35932}.sky-caption-item .caption-card .caption p{background-color:#006fab}.stone-blue-caption-item .caption-card .caption p{background-color:#00606b}@media (min-width:768px){.card-stand-alone-item .card{flex-direction:row!important}.card-stand-alone-item .card-body{width:50%}.card-stand-alone-item article{width:53%}.card-stand-alone-item article img{height:100%}}
.components>:first-child.bg-white{padding-top:calc(50px - 1rem)}@media (min-width:992px){.components>:first-child.bg-white{padding-top:calc(70px - 1rem)}}@media (min-width:1200px){.components>:first-child.bg-white{padding-top:calc(100px - 1rem)}}.components>:last-child.bg-white{padding-bottom:1.875rem!important}@media (min-width:768px){.components>:last-child.bg-white{padding-bottom:2.5rem!important}}@media (min-width:992px){.components>:last-child.bg-white{padding-bottom:3.125rem!important}}@media (min-width:1200px){.components>:last-child.bg-white{padding-bottom:5rem!important}}.block-type+.components>:first-child.bg-white{padding-top:0}