/*

    INTO Global 25
    Author: SABN (CFRONT og 4/25)

    Colors:
    RED: #E2001A;

*/
/*  CSS file from the webfont kit */

/*
    Variables
*/

:root {
    /*--blue: #17255a;*/
    --red: #E2001A;
    --blue: #0D1036;
    --light-blue: #3185fc;
    --yellow: #FFCD1C;
    --postit: #fef6ab;
    --blackblue: #0D1036;
}

@font-face {
    font-family: 'AcherusFeral-Black';
    src: url('/fonts/AcherusFeral-Black.otf') format('opentype')
}

@font-face {
    font-family: 'AcherusFeral-BlackItalic';
    src: url('/fonts/AcherusFeral-BlackItalic.otf') format('opentype')
}

@font-face {
    font-family: 'AcherusFeral-Bold';
    src: url('/fonts/AcherusFeral-Bold.otf') format('opentype')
}

@font-face {
    font-family: 'AcherusFeral-BoldItalic';
    src: url('/fonts/AcherusFeral-BoldItalic.otf') format('opentype')
}

@font-face {
    font-family: 'AcherusFeral-Book';
    src: url('/fonts/AcherusFeral-Book.otf') format('opentype')
}

@font-face {
    font-family: 'AcherusFeral-BookItalic';
    src: url('/fonts/AcherusFeral-BookItalic.otf') format('opentype')
}

@font-face {
    font-family: 'AcherusFeral-ExtraBold';
    src: url('/fonts/AcherusFeral-ExtraBold.otf') format('opentype')
}

@font-face {
    font-family: 'AcherusFeral-ExtraBoldItalic';
    src: url('/fonts/AcherusFeral-ExtraBoldItalic.otf') format('opentype')
}

@font-face {
    font-family: 'AcherusFeral-ExtraLight';
    src: url('/fonts/AcherusFeral-ExtraLight.otf') format('opentype')
}

@font-face {
    font-family: 'AcherusFeral-ExtraLightItalic';
    src: url('/fonts/AcherusFeral-ExtraLightItalic.otf') format('opentype')
}

@font-face {
    font-family: 'AcherusFeral-Light';
    src: url('/fonts/AcherusFeral-Light.otf') format('opentype')
}

@font-face {
    font-family: 'AcherusFeral-LightItalic';
    src: url('/fonts/AcherusFeral-LightItalic.otf') format('opentype')
}

@font-face {
    font-family: 'AcherusFeral-Medium';
    src: url('/fonts/AcherusFeral-Medium.otf') format('opentype')
}

@font-face {
    font-family: 'AcherusFeral-MediumItalic';
    src: url('/fonts/AcherusFeral-MediumItalic.otf') format('opentype')
}

@font-face {
    font-family: 'AcherusFeral-Regular';
    src: url('/fonts/AcherusFeral-Regular.otf') format('opentype')
}

@font-face {
    font-family: 'AcherusFeral-RegularItalic';
    src: url('/fonts/AcherusFeral-RegularItalic.otf') format('opentype')
}

@font-face {
    font-family: 'AcherusFeral-Semibold';
    src: url('/fonts/AcherusFeral-Semibold.otf') format('opentype')
}

@font-face {
    font-family: 'AcherusFeral-SemiboldItalic';
    src: url('/fonts/AcherusFeral-SemiboldItalic.otf') format('opentype')
}

@font-face {
    font-family: 'AcherusFeral-Thin';
    src: url('/fonts/AcherusFeral-Thin.otf') format('opentype')
}

@font-face {
    font-family: 'AcherusFeral-ThinItalic';
    src: url('/fonts/AcherusFeral-ThinItalic.otf') format('opentype')
}


* {
    box-sizing:border-box;
    font-family:'AcherusFeral-Regular';
}

html {
	overflow-y:scroll;
    overflow-x: hidden;
}

html, body {
	padding:0;
	margin:0;
    font-size:16px;
}

.inner {
	width:100%;
	padding: 0 16px;
    max-width: 1142px;
    margin: 0 auto;
    position:relative;
}

h1,h2,h3,h4,h5,
h1 > *,h2 > *,h3 > *,h4 > *,h5 > * {
    font-family:'AcherusFeral-Bold';
    font-weight: 500;
}

input[type=submit],
.link-button {
    padding:6px 10px;
    border-radius:5px;
    background:#EDEDED;
    font-family:'AcherusFeral-Semibold';
    font-size:1rem;
    text-decoration:none;
    display: block;
    width: fit-content;
    transition:.5s;
    outline:none;
    cursor:pointer;
}

input[type=submit] {border:none;}

strong {
    font-family: 'AcherusFeral-ExtraBold';
    font-weight:normal;
}

ol {
    margin: 0;
    padding: 0 0 0 1rem;
}

.contact-us .umbraco-forms-form input.text,
.contact-us .umbraco-forms-form select,
.contact-us .umbraco-forms-form textarea {
    outline:none;
    font-family: 'AcherusFeral-Book';
    padding:0.5rem 1rem;
    border:1px solid #999999;
    border-radius:4px;
    font-size:1rem;
    transition:.5s;
}

.footer-nav ul {
    list-style-type:none;
    margin:0;
    padding:0;
}

.footer-nav ul li {
    
}

.footer-nav ul li a {
    color:#FFFFFF;
    text-decoration:none;
}

.footer-nav ul li a:hover {
    color:var(--yellow);
    text-decoration:none;
}

.contact-us .umbraco-forms-form input.text:focus,
.contact-us .umbraco-forms-form select:focus,
.contact-us .umbraco-forms-form textarea:focus {
    border-color:var(--red);
}

.contact-us .umbraco-forms-navigation > div {

}

.contact-us .umbraco-forms-field {
    margin-bottom:1rem;
    display:grid;
    grid-template-columns:1fr 2fr;
    gap:16px;
}

.inner.narrow {
    width: 100%;
    padding: 0 16px;
    max-width: 680px;
    margin: 0 auto;
    position: relative;
}

.contact-us .umbraco-forms-field label.umbraco-forms-label {
    font-family: 'AcherusFeral-Bold';
    font-weight:normal;
    color:var(--blackblue);
    padding-top:0.5rem;
}

.contact-us .umbraco-forms-form input.text, 
.contact-us .umbraco-forms-form textarea,
.contact-us .umbraco-forms-form select {
    max-width: unset !important;
    display: block;
    width: 100%;
}

.contact-us .umbraco-forms-form fieldset {
    padding: 0;
    margin: 0 0 1.5em 0;
    border: none !important;
}

input[type=submit] {
    margin-left:auto;
}

input[type=submit],
.lb-yellow {
    background:#FFCD1C;
    color:var(--blue);
}

.search-results {
    min-height:600px;
}

.results-list {
    padding-bottom:3rem;
}

.results-list a {
    display: flex;
    margin: 0.5rem 0;
    border: 1px solid #ededed;
    padding: 1rem;
    justify-content: space-between;
    color: #333333;
    text-decoration: none;
    transition: 0.5s;
    border-radius: 7px;
    font-family: 'AcherusFeral-Bold';
}

.results-list a:hover {
    color: #E2001A;
}

.lb-white {
    background:#FFFFFF;
    color:#000000;
}

input[type=submit]:hover,
.link-button:hover {
    background:var(--red);
    color:#FFFFFF;
}

p {
    color:var(--blue);
}

.testimonial-grid {
    display:none;
}

.ol-row {
    display:grid;
    grid-template-columns:1fr 50fr;
    gap:16px;
}

.ol-row-sub1 {
    display:grid;
    grid-template-columns:1fr 50fr;
    gap:16px;
    margin-left: 40px;
}

.ol-row-sub2 {
    display:grid;
    grid-template-columns:1fr 50fr;
    gap:16px;
    margin-left: 94px;
}

.ol-row-header {
    display:block;
}

.ol-row-header h3 {
    display:grid;
    grid-template-columns:1fr 50fr;
    gap:16px;
}

.ol-row-sub1 > span,
.ol-row-sub2 > span,
.ol-row > span {
    margin:1rem 0;
}

.ol-row-header > span h3 {
    margin:1rem 0;
}

/* Large desktop 1600+ */

header {
    position:sticky;
    top:0;
    background:#FFFFFF;
    z-index: 10;
}

header::after {
    content: "";
    position: absolute;
    bottom: -2px;
    width: 0;
    height: 2px;
    background: var(--light-blue);
    left: 0;
    opacity: 0;
    transition: 0.7s;
}

header.stuck::after {
    width: 100%;
    opacity: 1;
}

header .logo svg {
    display:block;
    width:200px;
    height:45px;
    position: relative;
    bottom: 4px;
}

header .logo-nav {
    display:flex;
    gap:56px;
    align-items: flex-end;
}

header nav {
    font-family:'AcherusFeral-Semibold';
    font-size:0.938rem;
    align-self: flex-end;
    padding-bottom: 6px;
}

header nav ul {
    list-style-type:none;
    padding:0;
    margin:0;
    display:flex;
    align-items:center;
    gap:16px;
}

header nav ul a {
    text-decoration:none;
    color:#000000;
}

header nav ul li {
    position:relative;
}

.header-1 {
    display:flex;
    gap:24px;
}

/* Mobile view flag */
.mv {
    display:none;
}

.menu {
    align-self:center;
}

.menu svg {
    display:block;
    width:24px;
    height:20px;
}

header .actions {
    display:flex;
    align-items:center;
    gap: 24px;
}

.search-box {
    display:block;
    border:2px solid #b3b3b3;
    border-radius:5px;
    position:relative;
}

.search-box input {
    border:none;
    outline:none;
    padding:6px 30px 6px 6px;
    color:var(--blue);
    font-family:'AcherusFeral-Regular';
}

.search-box svg {
    display:block;
    width:24px;
    height:24px;
}

.search-box button {
    border: none;
    outline: none;
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 3px;
    right: 3px;
    background: none;
    padding: 0;
    cursor:pointer;
}

.search-box button > * {
    pointer-events:none;
}

.has-sub > a,
.has-sub > span {
    display:flex;
    gap:8px;
    align-items:center;
    cursor:pointer;
}

.has-sub svg {
    display:block;
    width:13px;
    height:8px;
    cursor:pointer;
}

.has-sub.active > span svg {
    -moz-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    transform: scaleY(-1);
    -ms-filter: FlipV; /*IE*/
    filter: FlipV; /*IE*/
}

.sub-nav {
    display:none;
    position: absolute;
    background: #FFFFFF;
    top: calc(100% + 21px);
    border-top: 4px solid var(--light-blue);
    min-width:240px;

    -webkit-box-shadow: 0 0 0 1px rgba(50, 50, 93, .05), 0 7px 14px 0 rgba(50, 50, 93, .1), 0 3px 6px 0 rgba(0, 0, 0, .07);
    box-shadow: 0 0 0 1px rgba(50, 50, 93, .05), 0 7px 14px 0 rgba(50, 50, 93, .1), 0 3px 6px 0 rgba(0, 0, 0, .07);
}

.sub-nav li a {
    display:flex;
    padding:12px;
    text-decoration:none;
    transition:.5s;
    position:relative;
    white-space:nowrap;
}

.sub-nav li a::before {
    content:"";
    display:none;
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:2px;
    background:var(--light-blue);
}

.sub-nav li a:hover {
    text-decoration:none;
    background:#E5EBFF;
}

.sub-nav li a:hover::before {
    display:block;
}

header > .inner {
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:52px 0 16px 0;
}

header .actions {
    display:flex;
    align-items:center;
    gap: 24px;
}

.hero-slides {
    background: #E40B26;
    background: linear-gradient(90deg, rgba(228, 11, 38, 1) 0%, rgba(228, 11, 38, 1) 40%, rgba(239, 124, 22, 1) 80%, rgba(255, 221, 0, 1) 100%);
    min-height:400px;

}

.hero img {
    display:block;
    width:100%;
}

.hero {
    position:relative;
}

.hero-content {
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    padding:36px 0;
}

.search-page h1,
.hero-content h1 {
    font-size:3.75rem;
    color:#FFFFFF;
    margin:0;
    line-height: 4rem;
}

.results-list .cat {
    display:none;
}

.search-page h1 {
    color:var(--blue);
    margin-top:2rem;
}

.recognising .hero-content,
.home-page .hero-content,
.about-us .hero-content {
    bottom:unset;
    top:0;
    left:unset;
    right:0;
}

.home-page .hero-content .inner .hero-item {
    width:60%;
    margin-left:auto;
}

.delivery .hero-content .inner .hero-item {
    width:70%;
}

.recognising .hero-content .inner .hero-item,
.about-us .hero-content .inner .hero-item {
    width:60%;
}

.hero-content p {
    color:#FFFFFF;
}

.about-us .hero-content {
    bottom:unset;
    top:0;
}

.delivery .hero-content h1,
.home-page .hero-content h1,
.recognising .hero-content h1,
.about-us .hero-content h1 {
    padding: 36px 0;
}

.hero-content .hero-text {
    font-size:1.25rem;
    color:#FFFFFF;
    max-width:70%;
}

.open-your-world {
    position: relative;
    left: 50%;
    top: 160px;
}

.open-your-world svg {
    display:block;
    width:262px;
    height:23px;
}

.flex {
    display:flex;
}

.fc-2,
.fc-3,
.fc-4 {
    gap:32px;
    flex-wrap:wrap;
}

.fw-video {
    padding-bottom:5rem;
}

.fw-video img {
    display:block;
    width:100%;
}

.fw-video a {
    text-decoration:none;
    display:block;
    width:100%;
    position:relative;
}

.fw-video a svg {
    display:block;
    width:54px;
    height:54px;
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-27px;
    margin-left:-27px;
}

.fast-track-image {
    position:relative;
    top:-140px;
    margin-bottom: -140px
}

.nooverflow {
    overflow:hidden;
}

.fast-track-image img {
    display:block;
    width:100%;
    max-width:310px;
    margin:0 0 0 auto;
}

.solutions {
    margin:64px 0 96px 0;
}

.solutions .fc-2 {
    gap: 80px 32px;
}

.fc-2 > div {
    width:calc(50% - 24px);
}

.fc-2 > div.image {
    display:flex;
}

section .fc-2 {
    padding:2rem 0;
    justify-content: space-between;
}

section.iq .fc-2 {
    padding:5rem 0 1rem 0;
}

.link-button-container {
    display:flex;
    justify-content:center;
    padding:2rem 0;
}

.start-here {
    padding:1rem 0 5rem 0;
}

.start-here .intro,
.start-here .feature-3 {
    text-align:center;
    max-width:730px;
    margin:0 auto;
}

.start-here .intro p {
    width:100%;
}

section h2 {
    font-size:3.5rem;
    color:var(--blue);
}

section h3 {
    color:var(--light-blue);
    font-size:1.563rem;
    font-family: 'AcherusFeral-Bold';
}


.start-here .intro h2 {
    font-size:3.5rem;
    line-height: 4.25rem;
}

section.prepare .fc-2 {
    padding-bottom:1rem;
}
section .fc-2.transform {
    padding-top:1rem;
}

section.testimonial-grid .fc-2,
section.video-link .fc-2 {
    padding:0;
}

section .fc-2 > div h2 {
    margin:0 0 2rem 0;
}

.fc-2 > div p,
.fc-2 > div li {
    font-size:0.938rem;
    line-height: 1.6rem;
}

.fc-2 .link-button {
    margin:1rem 0;
}

.fc-2 > div img {
    margin-top: 0.5rem;
    display: block;
    width: 100%;
}

section.testimonial-grid .fc-2 > div img {
    margin-top: 0;
}

.arrow-bg-right {
    background-image: url(/media/t3bpt0nd/right-white-arrow.svg);
    background-size: cover;
    background-position: 100% 0;
}

.arrow-bg-left {
    background-image: url(/media/pocf5bd2/left-white-arrow.svg);
    background-size: cover;
    background-position: 0 0;
}

.fc-3 > div {
    width:calc(33.333% - 24px);
}

.fc-4 > div {
    width:calc(25% - 24px);
}

.intro .flex {
    gap:32px;s
    align-items:center;
}

.intro h2 {
    font-weight:500;
    font-size:4.688rem;
    line-height:5.625rem;
    margin:2rem 0 1rem 0;
    color:#FFFFFF;
}

.intro.gradient-bg {
    text-align:center;
}

.intro.gradient-bg h2 {
    font-size:3.5rem;
}

.tech h2,
.in-market .intro.gradient-bg h2 {
    font-size:3.5rem;
    max-width:640px;
}

.in-market .intro.gradient-bg h2 {
    margin: 2rem auto 1rem auto;
}

.intro .into-plus svg {
    display:block;
    width:106px;
    height:106px;
}

.student-recruitment .intro .into-plus svg {
    width:50px;
    height:50px;
}

.student-recruitment .fg-5p {
    display:grid;
    grid-template-columns:2fr 1fr 2fr 1fr 2fr 1fr 2fr 1fr 2fr;
    gap:32px;
    align-items:flex-start;
}

.student-recruitment .fg-5p > * {
    flex-shrink:0;
}

.student-recruitment .fg-5p .into-plus{
    position: relative;
    top: 20%;
}

.intro p {
    width:440px;
    font-size:0.938rem;
    font-family: 'AcherusFeral-Book';
    line-height:1.5rem;
}

.intro.fw-txt p {
    width:100%;
    font-size:1.813rem;
    font-family: 'AcherusFeral-Book';
    line-height:2.5rem;
    text-align:center;
}

.intro.gradient-bg p {
    width: 95%;
    line-height: 2.45rem;
    font-size: 1.813rem;
    font-family: 'AcherusFeral-Book';
    color:#FFFFFF;
}

.intro {
    padding: 2.5rem 0 4rem 0;
}

.fx {
    display:flex;
    flex-wrap:wrap;
}

.trans-flex {
    justify-content:center;
    gap:32px;
}

.trans-flex > div {
    width:calc(33.333% - 24px);
}

.fg-1-2 {
    display:grid;
    grid-template-columns:1fr 2fr;
    gap:32px;
    align-items:center;
}

.fg-2-1 {
    display:grid;
    grid-template-columns:2fr 1fr;
    gap:32px;
    align-items:center;
}

.fg-1-2 > * {
    padding:32px 0;
}

.fg-2 {
    display:grid;
    gap:32px;
    grid-template-columns:1fr 1fr;
}

.fg-3 {
    display:grid;
    gap:32px;
    grid-template-columns:1fr 1fr 1fr;
}

.fg-4 {
    display:grid;
    gap:32px;
    grid-template-columns:1fr 1fr 1fr 1fr;
}

.fg-7.dig-1 {
    display:grid;
    gap:32px;
    grid-template-columns:3fr 1fr 3fr 1fr 3fr 1fr 3fr;
}

.fg-7.dig-1 > div:nth-child(8) {
    display:none;
}

.fg-5 {
    display:grid;
    gap:32px;
    grid-template-columns:1fr 1fr 1fr 1fr 1fr;
}

.fg-5 > * {
    
}

.fg-5.uni-grid > img {
    display:block;
    max-width: 200px;
    max-height: 110px;
    margin:auto;
}

.fg-5.dig-2 {
    display:grid;
    gap:32px;
    grid-template-columns:3fr 1fr 3fr 1fr 3fr;
}

.fg-5.dig-2 > div:nth-child(6) {
    display:none;
}

.nile-dis .into-plus svg,
.student-data .into-plus svg {
    display:block;
    width:50px;
    height:50px;
    margin:auto;
}

.fg-3 > *,
.fg-4 > * {
    flex-grow:0;
    flex-shrink:0;
}

.fc-2 > div.original-image img  {
    width:unset;
}

.fg-3 img {
    display:block;
    width:100%;
}

.fg-3 .afi img {
    max-width:200px;
    max-height:160px;
    margin:1rem auto;
}

.fasttrack p {
    font-size:0.938rem;
}

p.fac {
    text-align:center;
}

p.f15 {
    font-size:0.938rem;
    line-height:1.4rem;
}

p.f21 {
    font-size:1.3138rem;
    line-height:1.8rem;
}

.fasttrack .stat {
    font-size:4.688rem;
    font-family: 'AcherusFeral-Bold';
    line-height:3.5rem;
    margin:2rem 0 0 0;
}

.fasttrack .f21 {
    font-size: 1.3138rem;
    line-height: 1.82rem;
    margin: 0;
}

.oi-right-al img {
    margin-left:auto;
}

.insights section.intro h2,
section h2 {
    font-size:3.5rem;
    color:var(--blue);
    line-height: 4.25rem;
}

.insights section.intro h2,
section.blue-bg h2 {
    color:#FFFFFF;
}

.insights section.intro h2,
section .teams-text h2,
section .teams-text p {
    text-align:center;
}

section.articulation-programs {
    padding:5rem 0;
}

section.articulation-programs h2 {
    max-width:730px;
    margin:0 auto 2rem auto;
    text-align:center;
}

.start-here h3,
.qual-items h3 {
    color:var(--red);
    font-family: 'AcherusFeral-Black';
    font-size:1.563rem;
    margin: 2rem 0 0 0;
}

.start-here h3 {
    color:var(--yellow);
}

.start-here img,
.qual-items img {
    height:114px;
    margin:1rem auto;
}

.research .fc-2,
section.articulation-programs .fc-2 {
    padding:0;
}

section.white-bg h2 {
    color:var(--blue);
}

section:not(.splide) ul {
    list-style: none;
    margin: 1rem 0;
    padding-left: 0;
}

section:not(.splide) ul li {
    padding-left: 1.5rem;
    margin-bottom: 0.5rem;
    position: relative;
}

section:not(.splide) li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 5px;
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
    background-image: url(/media/qufcjyh4/into-qual-bullet.svg);
}

.gradient-bg section:not(.splide) li::before,
section:not(.splide).gradient-bg li::before {
    background-image: url(/media/icemf5s5/into-qual-bullet-yellow.svg);
}

section:not(.splide) ol li::before {
    display:none;
}

.gradient-bg h3 {
    color:var(--yellow);
}

.gradient-bg p,
.gradient-bg ul li,
.gradient-bg ol li,
.gradient-bg h4 {
    color:#FFFFFF;
}

.uac {
    border-radius:5px;
    overflow:hidden;
    background:var(--red);
    color:#FFFFFF;
}

.uac img {
    display:block;
    width:100%;
    
}

.qual-text {
    text-align:center;
}

.qual-text h3 {
    color:var(--yellow);
}

.uac .links {
    display:flex;
    gap:8px;
}

.uac .links a {
    display:block;
    width:32px;
    height:32px;
    text-decoration:none;
}

.fc-2 > div .case-study-item {
    display:grid;
    grid-template-columns:1fr 3fr;
    gap:32px;
    margin:0 0 2rem 0;
}

.fc-2 > div .case-study-item img,
.fc-2 > div .case-study-item svg {
    display:block;
    width:140px;
}

.fc-2 .case-study-item .link-button {
    margin:0;
}

section.horizons .fc-2 {
    padding-bottom:0;
}

.uac .links a svg {
    display:block;
    width:100%;
}

section.uacs {
    padding:64px 0;
}

.uac .content {
    padding:16px;
}

.uac .content h3 {
    margin-top:0;
}

.efi {
    display:grid;
    grid-template-columns:1fr 3fr;
    gap:32px;
    text-align:left;
}

.afi svg,
.afi img,
.efi img,
.efi svg {
    display:block;
    width:100%;
    max-width:120px;
}
.efi h3 {
    font-size:1.563rem;
    margin:0 0 1.5rem 0;
}

.efi-grid {
    margin:64px 0;
}

.slideshow-white-bg {
    background:#FFFFFF;
    padding:2rem;
}

/* news */

.news-link {
    border-radius:8px;
    background:var(--red);
    color:#FFFFFF;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.news-link img {
    display:block;
    width:100%;
}

.news-content {
    padding:16px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    flex-grow: 1;
}

.news-content h3 {
    margin:0 0 1rem 0;
}

.news-content p {
    font-family: 'AcherusFeral-Book';
}

.blue-bg p {
    color:#FFFFFF;
}

.center {
    text-align:center;
}

.feature-link {
    display:flex;
    gap:32px;
    align-items:flex-start;
}

.feature-link .link-button {
    margin-top:24px;
}

.feature-link h3 {
    color:var(--red);
    font-size:1.563rem;
    margin:0 0 1rem 0;
}

.fc-2 > .feature-link img {
    display:block;
    border-radius:50%;
    width:140px;
    height:140px;
}

section.cta {
    padding:48px 0;
}

.cta-white-box {
    background: #FFFFFF;
    color: var(--blue);
    display: flex;
    align-items: center;
    gap: 32px;
    justify-content: space-between;
    border-radius: 4px;
    padding: 16px;
    font-size: 1.2rem;
    width:fit-content;
    margin:0 auto;
}

.cta-blue-box {
    background: var(--light-blue);
    color: #FFFFFF;
    display: flex;
    align-items: center;
    gap: 32px;
    justify-content: space-between;
    border-radius: 4px;
    padding: 16px;
    font-size: 1.2rem;
    width:fit-content;
    margin:0 auto;
}

.stat-container {
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
}

.stat {
    font-size: 4.688rem;
    font-weight: 900;
    font-family: AcherusFeral-Black;
}

.stat .f21 {
    font-size:1.3138rem;
    line-height:1.8rem;
}

.student-data {
    padding:5rem 0;
}

.student-data h3 {
    font-size:1.563rem;
    color:var(--yellow);
    font-family: AcherusFeral-Black;
    text-align:center;
    margin: 3rem 0;
}

.student-recruitment .open-your-world {
    display:none;
}

.intro.gradient-bg,
.gradient-bg,
.video-link {
    background: #17255A;
    background: linear-gradient(90deg, rgba(23, 37, 90, 1) 0%, rgba(49, 133, 252, 1) 100%);
}

.basic-header {
    padding:4rem 0;
}

.gradient-bg h1 {
    font-size:6.563rem;
    margin:0.5rem 0;
}

.gradient-bg h1,
.gradient-bg h2,
.gradient-bg p {
    color:#FFFFFF;
}

.celebrating-intro {
    text-align:center;
    max-width:720px;
    margin:0 auto;
}

.celebrating .fc-4 {
    text-align:center;
    align-items:flex-start;
    padding:2rem 0;
}

.celebrating .fc-4 > div {
    margin-top:2rem;
}

.celebrating .fc-4 > div:nth-child(1) {
    margin-top:0;
}

section.driving-reform {
    padding:1rem 0 5rem 0;
}

section.engage,
section.audiences {
    padding:2rem 0;
    text-align:center;
}

.snapshots h2,
.tech h2,
section.engage h2,
section.audiences h2 {
    max-width:640px;
    margin: 2.8rem auto;
}

.snapshots h2,
.tech h2 {
    text-align:center;
}

.research,
.snapshots {
    padding:5rem 0;
}

.snapshot .image {
    min-height:232px;
    background:#999999;
    display:flex;
    align-items:center;
}

.snapshot img {
    display:block;
    width:100%;
}

.snapshot h4 {
    color:var(--yellow);
    margin:1rem 0;
}

.research-items {
    display:flex;
    gap:8px;
    width:100%;
    flex-wrap:wrap;
    margin: 2rem 0 0 0;
}

a.research-item {
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:1rem;
    background:var(--postit);
    color:#000000;
    font-size:0.875rem;
    width:100%;
    border-radius:5px;
}

a.research-item svg {
    display:block;
    width:14px;
    height:14px;
}

section.engage p,
section.audiences p {
    max-width:720px;
    margin:1rem auto;
}

.incomplete {
    padding:64px 0;
}

.pass h2 {
    font-size:3.5rem;
}

.pass h2 span {
    font-size:6.5rem;
    display:block;
}

.incomplete h2 {
    color:var(--red);
    font-size:1.563rem;
    text-align:center;
}

section.predict h2 {
    color:var(--red);
    text-align:center;
}

.predict .pfi img {
    display:block;
    margin:1rem auto;
    max-height:124px;
}

.graphic-overlay {
    position: absolute;
    left: 0%;
    top: 87px;
    width:50%;
}

.graphic-overlay svg {
    display: block;
    width: 100%;
}

p.stat {
    padding: 0;
    margin: 0;
    line-height: 5rem;
    font-size: 4.688rem;
    font-family: 'AcherusFeral-Bold';
}

.celebrating {
    padding: 3rem 0;
}

.video-link img {
    display:block;
    width:100%;
}

.nile-dis {
    padding:5rem 0;
}

.nile-dis .di .content {
    text-align:center;
}

.logos {
    display:flex;
    justify-content:center;
    gap:32px;
    align-items:center;
}

.logos img {
    display: block;
    max-height: 80px;
    max-width: 148px;
}

.video-link .text {
    padding: 48px 0;
    font-size:4.313rem;
    color:#FFFFFF;
    font-weight:900;
}

.video-link .text {
    display:flex;
    flex-direction:column;
    justify-content: space-evenly;
}

.link-button.white.large {
    font-size:1.563rem;
    text-decoration:none;
    color:#000000;
    width:fit-content;
}

.audience-image-grid {
    display:flex;
    flex-wrap:wrap;
    gap:32px;
}

.audience-image-grid > * {
    width:calc(50% - 32px);
}

.audience-image-grid img {
    display:block;
    width:100%;
}

.blue-bg,
.news-feature,
.intro,
footer {
    background:var(--blue);
    color:#FFFFFF;
}

.white-bg {
    background:#FFFFFF;
    color:var(--blue);
}

.grey-bg {
    background:#E6E6E6;
}

.footer-links {
    background:var(--red);
    color:#FFFFFF;
}

.benefits,
.quals-grid,
.testimonial-grid,
.news-feature {
    padding:48px 0;
}

.pathways {
    padding:48px 0 0 0;
}

.quals-grid h4 {
    color:#FFFFFF;
}

.afi h4 {
    margin:0;
}

.afi p {
    margin:0 0 1rem 0;
}

section.quals {
    text-align:center;
}

section.quals .text-content {
    max-width:730px;
    margin:0 auto;
}

.benefits h2,
.quals-grid h2,
.news-feature h2,
.testimonial-grid h2,
.unis-list-intro {
    text-align:center;
}

.unis-group-header {

}

.unis-group-text {
    max-width:720px;
    margin:1rem auto;
}


.benefits .afi img,
.quals-grid .afi img, 
.pfi img {
    display: block;
    margin: 1rem auto;
    max-height: 124px;
    min-height: 124px;
}

.testimonial-tile {
    background:#FFFFFF;
    display:flex;
    gap:16px;
    padding:16px;
    border-radius:4px;
    color:#000000;
    text-align:left;
}

.centred {
    text-align:center;
}

.centred h2 {
    margin:2rem 0;
}

.recognising-unis-header,
.recognising-unis-footer {
    display:flex;
    justify-content:center;
    position:relative;
    padding:2rem 0;
}

.unis-group .uni-grid {
    padding:2rem 0;
}



.recognising-unis-header > div {
    font-size:0.938rem;
}

.recognising-unis-header::before,
.recognising-unis-footer::before {
    content:'';
    display:block;
    position:absolute;
    top:50%;
    left:0;
    width:100%;
    height:1px;
    background:#3185fc;
}

.recognising-unis-header > div,
.recognising-unis-footer > div {
    padding:1rem;
    background:#FFFFFF;
    position:relative;
    z-index:1;
}

.centred a {
    width:fit-content;
    display:block;
    margin:2rem auto;
}

.photo {
    display:flex;
    flex-direction:column;
    gap:10px;
}

.quote {
    display:flex;
    font-family: 'AcherusFeral-LightItalic';
    font-style:italic;
    font-weight:200;
    font-size:1.25rem;
}

.quote * {
    font-family: 'AcherusFeral-LightItalic';
    font-style:italic;
    font-weight:200;
}

.people-grid {
    display:flex;
    gap:32px;
    width: 100%;
    justify-content:center;
}

.people-grid > * {
    width:calc(25% - 24px);
}

.person-tile h3, .person-tile .role, .person-detail h3, .person-detail .role {
    text-align: center;
    display: block;
    width: 100%;
}

.exec-team h2,
.exec-team p {
    text-align:center;
    max-width:640px;
    margin:2rem auto;
}

.exec-team .person-detail p {
    text-align:left;
}

.resource-list {
    margin-bottom: 2rem;
}

.resource-item {
    display: flex;
    margin: 0.5rem 0;
    border: 1px solid #ededed;
    padding: 0;
    justify-content: space-between;
    color: #333333;
    text-decoration: none;
    transition: 0.5s;
}

.resource-item svg {
    display:block;
    width:16px;
    height:16px;
}

.resource-item:hover {
    background: #EDEDED;
    color: #E2001A;
}

.rte-txt-intro {
    padding:2rem 0;
}

.resource-item > div {
    padding: 1rem;
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.resource-item h5 {
    margin: 0;
    transition: 0.5s;
    color: #000000;
    text-decoration: underline;
    display: inline-block;
    font-size:1rem;
}

.resource-item:hover h5 {
    color: #E2001A;
}

.resource-item h5 span {
    color:#333333;
    font-family: open-sans, sans-serif;
    font-weight:500;
    text-decoration:none;
    display: inline-block;
    margin-left: 0.3rem;
}

.person-page img,
.photo .person img {
    display:block;
    border-radius:50%;
    border:1px solid #808080;
    width:86px;
    height:86px;
}

.person-page img,
.exec-team-grid .person img {
    width: 140px;
    display: block;
    border-radius: 50%;
    height: 140px;
    margin: 0 auto 1rem auto;
}

.person-tile .image {
    pointer-events: none;
}

.person-tile .image > * {
    margin:0 auto;
}

.person-tile {
    width: 100%;
    background: #FFFFFF;
    display: flex;
    flex-direction: column;
    cursor: pointer;
    border-radius: 6px;
    position: relative;
}

.item-detail-container, .person-detail-container {
    display: -webkit-flex;
    display: none;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 100001;
}

.item-detail, .person-detail {
    position: relative;
    width: 80%;
    background: #FFFFFF;
    padding: 1.5rem;
    overflow-y: auto;
    box-shadow: 0 0 0 1600px rgba(0, 0, 0, 0.5);
    max-height: 100%;
    max-width: 1200px;
    border-radius: 8px;
}

.person-page .flex,
.person-detail .flex {
    gap:32px;
}

.person-page .flex > div,
.person-detail .flex > div {
    padding:32px;
}

.person-page .flex > div.col-2-3,
.person-detail .flex > div.col-2-3 {
    padding-right:64px;
}

.person-page h4,
.person-detail h4, .person-tile h4 {
    position: relative;
    margin: 0 0 4px 0;
}

.results-list a.hide-result {
    color:#999999;
    pointer-events:none;
}

.person-page .role, .person-tile .role,
.person-detail .role, .person-tile .role {
    font-weight: 200;
    font-size: 0.875rem;
    color:#333333;
    max-width:200px;
}

.person-tile h4, .person-tile .role, .person-detail h4, .person-detail .role {
    text-align: center;
    display: block;
    width: 100%;
}

.person-detail .col-2-3 p {
    line-height: 1.6rem;
    font-family: 'AcherusFeral-Book';
}

.people-group-row h3 {
    margin: 16px 0 48px 0;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 5;
    color:var(--red);
}

.people-group-row.leadership {
    margin: 64px 0;
    position: relative;
}

.exec-team-grid {
    border-top:1px solid #CCCCCC;
    border-bottom:1px solid #CCCCCC;
    padding:64px 0;
    margin: 64px 0;
}

.blog-page h2,
.news-page h2,
.people-group-row > .inner > h3 {
    display:flex;
    padding: 1.5rem 0 1.5rem 0;
    margin: 0;
    align-items: center;
}

.blog-page h2 svg,
.news-page h2 svg,
.people-group-row h3 svg {
    display:block;
    width:24px;
    height:24px;
    margin-right:16px;
    transform:rotate(180deg)
}

.blog-page .row.active h2 svg,
.news-page .row.active h2 svg,
.people-group-row.active h3 svg {
    transform:rotate(0deg);
}

.rte a,
.rte a:link,
.rte a:visited {
    color:var(--light-blue);
}

.rte a:hover {
    color:var(--red);
}

.rte {
    padding:2rem 0;
}

.people-group-row h3:hover {
    cursor:pointer;
}

.people-group-row .people-group {
    display:none;
    opacity:0;
    transition:1.5s;
}

.people-group-row.news .people-group,
.people-group-row.active .people-group {
    display:flex;
    opacity:1;
}

.detail-close {
    position: absolute;
    cursor: pointer;
    top: 1rem;
    right: 1rem;
}

.quote span.quote-end {
    display:block;
}

.photo .arrow img {
    display:block;
    width:86px;
    height:43px;
}

.pass .photo .arrow img, 
.incomplete .photo .arrow img {
    display:block;
    width:96px;
    height:78px;
}

.testimonial-tile h4 {
    margin:8px 0 0 0;
    font-size:1.125rem;
    margin-left:8px;
}

.testimonial-role {
    font-size:0.875rem;
    margin-left:8px;
}

.contact-us .rte {
    padding:3rem 0;
}

.contact-us .rte p {
    max-width:640px;
}

.footer-contacts-container,
.footer-links-container {
    display:grid;
    grid-template-columns:1fr 1fr 1fr 1fr;
    gap:32px;
    padding:32px 0;
    line-height:1.1rem;
}

.footer-legal .inner > span {
    margin:0 1rem 0 0;

}

.footer-links-container ul {
    list-style-type:none;
    padding:0;
    margin:0;
    font-size:0.688rem;
}

.footer-links-container ul li {
    margin:6px 0;
}

.footer-links-container ul li a {
    color:#FFFFFF;
    text-decoration:none;
}

.footer-links-container ul li a:hover {
    text-decoration:underline;
}

.footer-contacts-container svg {
    display:block;
    width:116px;
    height:30px;
}

.footer-contacts-container h5 {
    font-size:0.688rem;
    color:#ffcd1c;
    margin:0 0 8px 0;
}

.footer-contacts-container {
    font-size:0.688rem;
}

.footer-contacts-container .socials {
    display:flex;
    gap:10px;
}

.footer-contacts-container .socials a {
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    background:#808080;
    border-radius:4px;
    width:26px;
    height:26px;
    transition:.5s;
}

.footer-contacts-container .socials a:hover {
    text-decoration:none;
    background:#FFCD1C;
}

.footer-contacts-container .socials a svg {
    display:block;
    height:18px;
    width:18px;
}

.footer-legal {
    font-size:0.625rem;
    color:#FFFFFF;
    padding:16px 0;
}

.footer-legal a {
    text-decoration:none;
    color:#FFFFFF;
}

.footer-legal a:hover {
    text-decoration:underline;
}

.footer-legal .split {
    display: inline-block;
    margin: 0 3px;
}

/*
    AGENTS
*/

.agent-address-container {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.agent-address-container .agent-address {
    border-top:1px dashed #CCCCCC;
    padding: 24px 0;
}

.agent-address-container .agent-address:first-child {
    border-top:none;
    padding:0;
}

.agents button:nth-child(1) {
    padding-left:28px;
}

.agents button:nth-child(2) {
    padding-right:28px;
}

.agents button:nth-child(1)::after,
button.previous::after {
    position: absolute;
    left: 8px;
    top: 2px;
    content: url(/images/icons/arrow-right.svg);
    width: 14px;
    height: 14px;
    transform:scaleX(-1);
}

.agents button:nth-child(2)::after,
button.next::after {
    position: absolute;
    right: 8px;
    top: 2px;
    content: url(/images/icons/arrow-right.svg);
    width: 14px;
    height: 14px;
}

.agents button.inactive,
.agents button.inactive:hover {
    background:#CCCCCC;
    cursor:default;
}

.agents .controls {
    display:flex;
    justify-content:space-between;
}

.agents button:hover {
    background:#E2001A;
    cursor:pointer;
}

.cls-am1 {
    fill: #f9ad33;
}

.min-height-200 .inner {
    padding:60px 0;
}

.cls-am2 {
    fill: #f79900;
}

.cls-am3 {
    fill: #fcd699;
}

.text-page table {
    margin: 20px 0;
    width:80%;
    border-collapse: collapse;
    color:var(--blue);
}

.text-page table th {
    white-space: nowrap;
    text-align: left;
    font-weight: 600;
    padding: 10px;
    border: 1px solid #CCC;
    background: rgba(0,0,0,0.1);
    color:var(--blue);
}

.text-page table td {
    border: 1px solid #CCC;
    padding: 10px;
    word-break: break-word;
    color:var(--blue);
}

.cls-am4 {
    fill: #fac266;
}

.map-region:hover {
    cursor:pointer;
}

.map-region .cls-am1,
.map-region .cls-am2,
.map-region .cls-am3,
.map-region .cls-am4 {
    transition:.7s;
}

.map-region:hover .cls-am1,
.map-region:hover .cls-am2,
.map-region:hover .cls-am3,
.map-region:hover .cls-am4,
.map-region.selected .cls-am1,
.map-region.selected .cls-am2,
.map-region.selected .cls-am3,
.map-region.selected .cls-am4 {
    fill:#FF5064;
}

.agent-map svg {
    display:block;
    width:100%;
}

.region-items {
    margin-top:64px;
}

.region-country-list-select {
    columns:4;
    display:none;
}

.country-selector {
    padding-bottom:36px
}

section.disclaimer .inner {
    position:relative;
    z-index:1;
}

.region-item {
    border-bottom: 1px solid #CCCCCC;
    padding: 1rem 0;
}

.region-item:nth-col(1) {
    border-top:1px solid #CCCCCC;
}

/* NEWS */

article img.hero-image {
    display:block;
    width:100%;
}

.gr-resource-grid {
    display:grid;
    grid-template-columns: 2fr 1.2fr 0.8fr;
    column-gap: 16px;
    row-gap: 16px;
	margin:96px 0;
}

.gr-resource-grid img,
.gr-resource-grid video {
    display:block;
    width:100%;
    border-radius: 5px;
}

.gr-resource-grid .flex-container {
    display:flex;
    flex-wrap:wrap;
}

.gr-resource-grid .flex-container .col-1 {
    display:flex;
	margin: 0 0 0 auto;
}

.gr-resource-grid .flex-container .col-1 img {
    width:100%;
    align-self:flex-end;
    margin:0;
	border-radius:5px;
	max-width:440px;
}

.gr-resource-grid .flex-container .col-2 {
    display:flex;
    align-self:flex-start;
    margin-top:16px;
    justify-content: flex-end;
    align-items: flex-start;
}

.gr-resource-grid .flex-container .col-2 img {
    margin:0;
}

.gr-resource-grid .flex-container .col-2 img:nth-of-type(1) {
    margin-right:16px;
    border: 1px solid #999999;
    border-radius: 6px;
    width:calc(33.333% - 16px);
}

.gr-resource-grid .flex-container .col-2 img:nth-of-type(2) {
    width:calc(66.667% - 16px);
}

.gr-resource-grid video {
    border-radius: 6px;
}

.gr-resource-grid > div:nth-of-type(3) {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.gr-resource-grid > div:nth-of-type(3) img {
    margin:0;
}

.gr-resource-grid > div:nth-of-type(3) img:nth-of-type(2) {
    width:90%;
    margin-top:16px;
}



/* Desktop */
@media screen and (max-width:1440px) {
    
}

/* Tablet */
@media screen and (max-width:1024px) {

    .inner {
        padding:0 32px;
    }

    .delivery .hero-content .inner .hero-item,
    .recognising .hero-content .inner .hero-item, .about-us .hero-content .inner .hero-item {
        width: 100%;
    }

    .delivery .hero-content h1, .home-page .hero-content h1, .recognising .hero-content h1, .about-us .hero-content h1 {
        padding: 1rem 0;
    }

    .insights section.intro h2, section h2, section h2.center {
        font-size: 2.5rem;
        line-height: 3.25rem;
        text-align: left;
    }

    section .unis-group-header h2 {
        text-align: center;
    }

    .cta-blue-box {
        gap: 16px;
        flex-wrap: wrap;
    }

    .hero-content {
        position: relative;
        border-bottom: 1px solid var(--blackblue);
    }

    .footer-contacts-container, .footer-links-container {
        grid-template-columns: 1fr;
    }

    section .fc-2 {
        padding: 0 0 2rem 0;
    }

    .hero-content h1 {
        color:var(--blackblue);
    }

    .menu > * {
        pointer-events:none;
    }

    .menu {
        cursor:pointer;
    }

    .menu #open-nav {
        display:block;
    }

    .menu #close-nav {
        display:none;
    }

    .menu.active #open-nav {
        display:none;
    }

    .search-box .mobile-activate {
        display: block;
        position: absolute;
        top: 3px;
        left: -27px;
        width: 24px;
        height: 24px;
        background: rgb(14 16 55 / 1%);
        z-index: 1;
    }
    
    header .actions {
        margin-right: 12px;
    }

    .menu.active #close-nav {
        display:block;
    }

    nav {
        display: none;
        width:100%;
        background:#FFFFFF;
        position: absolute;
        top:100%;
        left:0;
        padding: 1rem 0;
        width:100%;
        border-top: 3px solid var(--light-blue);
        -webkit-box-shadow: 0 0 0 1px rgba(50, 50, 93, .05), 0 7px 14px 0 rgba(50, 50, 93, .1), 0 3px 6px 0 rgba(0, 0, 0, .07);
        box-shadow: 0 0 0 1px rgba(50, 50, 93, .05), 0 7px 14px 0 rgba(50, 50, 93, .1), 0 3px 6px 0 rgba(0, 0, 0, .07);
    }

    header nav hr {
        width:100%;
        height:1px;
        border:none;
        border-top: 2px solid #999999;
        margin: 1.5rem 0 2rem 0;
    }

    header nav ul li {
        padding: 0 2rem;
        width: 100%;
    }

    header nav ul li ul.sub-nav li {
        padding:0 1rem;
    }

    .has-sub > a, .has-sub > span {
        gap:0;
        padding: 12px 0;
    }

    .sub-nav li a {
        display:flex;
        padding:0 0 12px 0;
    }

    header nav ul {
        align-items: flex-start;
        gap: 0px;
        flex-direction: column;   
    }

    header nav > ul > li > a {
        font-family: 'AcherusFeral-Bold';
        padding:12px 0;
        display: block;
    }

    .ni-w-sub {
        padding: 0 0 0.5rem 0;
        font-family: 'AcherusFeral-Bold';
    }

    .sub-nav {
        display:flex;
        position:relative;
        border:none;
        box-shadow:unset;
        -webkit-box-shadow:unset;
        width:100%;
    }

    .sub-nav li a:hover::before,
    .sub-nav li a::before {
        display:none;
    }

    header nav > ul > li > a:hover,
    .sub-nav li a:hover {
        background:none;
        color:var(--red);
    }

    .search-box {
        border:2px solid #FFFFFF;
        height:34px;
    }

    .dv {
        display: none;
    }

    .search-box.active {
        transition:.2s;
        border:2px solid #999999;
    }

    .search-box input {
        display:none;
    }

    .search-box.active input {
        display:block;
    }

    .mv {
        display:block;
    }

    .mv.ilb {
        display:inline-block;
    }

    header .logo-nav {
        flex-wrap:wrap;
        gap:24px;
        padding: 0 1rem;
    }

    header > .inner {
        padding: 1rem 0;
    }

    header .logo svg {
        width: 158px;
        height: 36px;
    }

    .header-1 {
        gap: 24px;
    }

    .fc-2 > div {
        width:100%;
    }

    .people-grid > * {
        width: 50%;
    }

    .student-recruitment .fg-5p {
        display:flex;
        flex-wrap:wrap;
        gap:32px;
        align-items:flex-start;
        justify-content:center;
    }

    .student-recruitment .fg-5p .into-plus {
        position: relative;
        top:unset;
        margin-top: 5%;
    }

    .trans-flex > div {
        width:100%;
    }

    .fg-5 {
        grid-template-columns:1fr 1fr;
    }

    .fg-2,
    .fg-3,
    .fg-4 {
        grid-template-columns:1fr;
    }
}

/* Mobile */
@media screen and (max-width:480px) {

    .hero-content h1 {
        font-size:2.75rem;
        line-height:3.25rem;
        font-family: 'AcherusFeral-Black';
    }

    .insights section.intro h2, section h2, section h2.center {
        font-size: 2rem;
        line-height: 3rem;
    }

    .contact-us .umbraco-forms-field {
        grid-template-columns:1fr;
    }

    .fg-5 {
        grid-template-columns:1fr;
    }

    .people-grid > * {
        width: 100%;
    }
}