/* fallback */
@font-face {
font-family: 'Material Symbols Outlined';
font-style: normal;
font-weight: 200;
src: url(material-symbol.woff2) format('woff2');
}

.material-symbols-outlined {
font-family: 'Material Symbols Outlined';
font-weight: normal;
font-style: normal;
font-size: 24px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: 'liga';
-webkit-font-smoothing: antialiased;
}

img{
    pointer-events: none;
}

html, body {
    min-width: 360px;
    width: 100%;
    height: 100%;
}
a {
    color: #11254a;
}
a:hover, a:focus, a:active {
    color: #ac2e44;
    transition: 0.2s;
}
body {
    font-family: Arial, Helvetica, sans-serif;
}
h1 {
    color: #5eb6e4;
}
ul {
    list-style: none;
}
.card-talk .badge {
    min-width: 64px;
}
.badge-green {
    color: #1f9e3d;
    border: 1px solid #1f9e3d;
}
.badge-blue {
    color: #01314e;
    border: 1px solid #01314e;
}
.badge-coral {
    color: #a64200;
    border: 1px solid #a64200;
}
.badge-purple {
    color: #823f91;
    border: 1px solid #823f91;
}
.badge-pink {
    color: #77182b;
    border: 1px solid #77182b;
}
.badge-red {
    color: #fa3841;
    border: 1px solid #fa3841;
}
.badge-navy {
    color: #3474b3;
    border: 1px solid #3474b3;
}
.badge-orange {
    color: #fb5734;
    border: 1px solid #fb5734;
}
.badge-maroon {
    color: #b12847;
    border: 1px solid #b12847;
}
.badge-lime {
    color: #03625d;
    border: 1px solid #03625d;
}

.badge-sky {
    color:#6aa2c1;
    border: 1px solid #6aa2c1;
}

.badge-wood{
    color:#b7863d;
    border: 1px solid #b7863d;
}

.back, .forward {
    text-decoration: none;
    width: 32px;
    height: 32px;
}
.brand img {
    height: 28px;
}
.bg-navy {
    background-color: #11254a;
    color: #fff;
}
.bg-gray {
    background-color: #f3f3f3;
}
.blockquote {
    color: #11254a;
    position: relative;
    margin-bottom: 64px;
}
.blockquote::before {
    content: open-quote;
    font-weight: bold;
    font-size: 64px;
    position: absolute;
    left: -32px;
    top: -16px;
    line-height: 64px;
}
.blockquote::after {
    content: close-quote;
    font-weight: bold;
    font-size: 64px;
    line-height: 64px;
    float: right;
    margin-top: -32px;
}
.blockquote-footer {
    color: #11254a;
}
.blockquote-footer::before {
    display: none;
}
.btn-navy {
    background-color: #11254a;
    color: #fff;
    border: 1px solid #11254a;
}
.btn-navy:hover, .btn-navy:active, .btn-navy:focus {
    color: #11254a !important;
    background-color: #fff !important;
    border-color: #11254a !important;
}
.btn-outline-navy {
    background-color: transparent;
    color: #11254a;
    border: 1px solid #11254a;
}
.btn-outline-navy:hover, .btn-outline-navy:active, .btn-outline-navy:focus {
    color: #fff !important;
    background-color: #ac2e44 !important;
    border-color: #ac2e44 !important;
}
.btn-outline-white {
    background-color: transparent;
    color: #fff;
    border: 1px solid #fff;
}
#sectionSharing .btn-outline-white{
    min-height: 214px;
    min-height: 185px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn-outline-white:hover, .btn-outline-white:active, .btn-outline-white:focus {
    color: #fff !important;
    background-color: #ac2e44 !important;
    border-color: #ac2e44 !important;
}
.btn-maroon {
    background-color: #ac2e44;
    color: #fff;
    border: 1px solid #ac2e44;
}
.btn-maroon:hover, .btn-maroon:active, .btn-maroon:focus {
    color: #ac2e44 !important;
    background-color: #fff !important;
    border-color: #ac2e44 !important;
}
.btn-top {
    right: 48px;
    top: -24px;
    top:-15px;
    width: 48px;
    height: 48px;
    z-index: 999;
}
.btn-top span {
    font-size: 46px;
    line-height: 46px;
}
.faqs h3::before {
    font-family: 'Material Symbols Outlined';
    content: '\e15b';
    display: block;
    float: left;
    color: #fff;
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin-left: -32px;
    border-radius: 50rem;
    background-color: #11254a;
    text-align: center;
}
.faqs h3.collapsed::before {
    content: '\e145';
}
.form-control {
    border-color: #11254a;
}
.form-control.is-invalid, .was-validated .form-control:invalid {
    border-color: #a33549;
}
.form-check-input {
    border-color: #11254a;
}
.form-check-input:checked {
    background-color: #11254a;
    border-color: #11254a;
}
.invalid-feedback {
    color: #a33549;
}
.navbar-toggler:focus {
    box-shadow: none;
}
.modal-header.bg-navy button img {
    filter: brightness(0) invert(1);
}
.path {
    width: 400px;
    height: 430px;
    position: relative;
}
.path::before {
    content: '';
    position: absolute;
    width: 320px;
    height: 320px;
    left: 40px;
    top: 40px;
    border-radius: 50rem;
    background-color: #f3f3f3;
}
.path img {
    position: absolute;
    transition: 0.4s;
    opacity: 0;
}
.path.active img {
    opacity: 1;
}
#pathMan {
    left: 10px;
    top: 256px;
    z-index: 8;
    opacity: 1;
}
#pathStages {
    bottom: 0px;
    left: 60px;
    z-index: 7;
    transition-delay: 3.4s;
}
#pathTrainees {
    top: 211px;
    left: 0px;
    z-index: 6;
    transition-delay: 1.4s;
}
#pathSupervisors {
    top: 153px;
    left: 37px;
    z-index: 5;
    transition-delay: 1.8s;
}
#pathManagers {
    top: 106px;
    left: 110px;
    z-index: 4;
    transition-delay: 2.2s;
}
#pathHeads {
    top: 52px;
    left: 156px;
    z-index: 3;
    transition-delay: 2.6s;
}
#pathGMs {
    top: 0;
    left: 231px;
    z-index: 2;
    transition-delay: 3.0s;
}
.process {
    overflow: hidden;
}
.process > div {
    display: block;
    width: 20%;
    opacity: 0;
    transition: 0.4s;
}
.process.active > div {
    opacity: 1;
}
.process-date {
    position: relative;
    height: 150px;
}
.process-bar {
    height: 20px;
    position: relative;
}
.process-name {
    height: 150px;
}
.process > div[data-process="01"] {
    /*transition-delay: 1.4s;*/
    transition-delay: 0.4s;
}
.process > div[data-process="02"] {
    /*transition-delay: 1.8s;*/
    transition-delay: 0.8s;
}
.process > div[data-process="03"] {
    /*transition-delay: 2.2s;*/
    transition-delay: 1.2s;
}
.process > div[data-process="04"] {
    /*transition-delay: 2.6s;*/
    transition-delay: 1.6s;
}
.process > div[data-process="05"] {
    /*transition-delay: 3.0s;*/
    transition-delay: 2.0s;
}
.process > div[data-process="01"] > .process-bar {
    background-color: #fd893a;
    border-bottom-left-radius: 50rem;
    border-top-left-radius: 50rem;
}
.process > div[data-process="01"] > .process-bar::before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 50rem;
    background-color: #fd893a;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: -80px;
}
.process > div[data-process="01"] > .process-bar::after {
    content: "";
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #fd893a;
    display: block;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 20px;
    width: 0;
    height: 0;
    position: absolute;
}
.process > div[data-process="01"] h4 {
    color: #fd893a;
}
.process > div[data-process="02"] > .process-bar {
    background-color: #00a360;
}
.process > div[data-process="02"] > .process-bar::before {
    content: "";
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #00a360;
    display: block;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: -20px;
    width: 0;
    height: 0;
    position: absolute;
}
.process > div[data-process="02"] > .process-bar::after {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 50rem;
    background-color: #00a360;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 80px;
}
.process > div[data-process="02"] h4 {
    color: #00a360;
}
.process > div[data-process="03"] > .process-bar {
    background-color: #2bbae6;
}
.process > div[data-process="03"] > .process-bar::before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 50rem;
    background-color: #2bbae6;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: -80px;
}
.process > div[data-process="03"] > .process-bar::after {
    content: "";
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #2bbae6;
    display: block;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 20px;
    width: 0;
    height: 0;
    position: absolute;
}
.process > div[data-process="03"] h4 {
    color: #2bbae6;
}
.process > div[data-process="04"] > .process-bar {
    background-color: #f37daa;
}
.process > div[data-process="04"] > .process-bar::before {
    content: "";
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #f37daa;
    display: block;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: -20px;
    width: 0;
    height: 0;
    position: absolute;
}
.process > div[data-process="04"] > .process-bar::after {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 50rem;
    background-color: #f37daa;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 80px;
}
.process > div[data-process="04"] h4 {
    color: #f37daa;
}
.process > div[data-process="05"] > .process-bar {
    background-color: #7a4b92;
    border-bottom-right-radius: 50rem;
    border-top-right-radius: 50rem;
}
.process > div[data-process="05"] > .process-bar::before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 50rem;
    background-color: #7a4b92;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: -80px;
}
.process > div[data-process="05"] > .process-bar::after {
    content: "";
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #7a4b92;
    display: block;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 20px;
    width: 0;
    height: 0;
    position: absolute;
}
.process > div[data-process="05"] h4 {
    color: #7a4b92;
}
.process > div[data-process="01"] > .process-date::after, .process > div[data-process="03"] > .process-date::after, .process > div[data-process="05"] > .process-date::after {
    content: "";
    width: 1px;
    height: 80px;
    display: block;
    background-color: #6c757d;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    bottom: 0;
}
.process > div[data-process="02"] > .process-date::after, .process > div[data-process="04"] > .process-date::after {
    content: "";
    width: 1px;
    height: 60px;
    display: block;
    background-color: #6c757d;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 0;
}
.talks, .graduates {
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.talks::-webkit-scrollbar, .graduates::-webkit-scrollbar {
    display: none;
}
.card-graduate {
    border: none;
    background-color: transparent;
    width: 250px;
}
.card-graduate img, #modalGraduate img {
    max-height: 250px;
}
.card-talk {
    border-color: #11254a;
    width: 220px;
}
.text-gray {
    color: #666;
}
.text-navy {
    color: #11254a;
}
.text-maroon {
    color: #ac2e44;
}
.video {
    display: block;
    position: relative;
}
.video::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: none;
    /*background-image: url("../images/video-playback.png");*/
    background-repeat: no-repeat;
    background-position: center center;
    background-color: rgba(0,0,0,.5);
    background-size: 32px 32px;
    background-image: unset;
}
.video:hover::before, .video:focus::before, .video:active::before {
    background-image: url("../images/video-playback.png");

}
.video-label {
    /*display: none;*/
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    align-items: center;
}
.video:hover .video-label, .video:focus .video-label, .video:active .video-label {
    /*display: flex;
    align-items: center;*/
    display: none;
}
#navbar {
    background-color: #fff;
    position: fixed;
    width: 100%;
    max-width: 660px;
    height: 100vh;
    top: 0;
    right: 0;
    display: none;
    padding-left: 20px;
    padding-right: 20px;
    z-index: 999;
}
#navbar .navbar {
    margin-left: -8px;
    margin-right: -8px;
}
#navbar .navbar-toggler {
    margin: 5px;
}
#navbar a {
    text-decoration: none;
    display: inline-block;
    position: relative;
}
#navbar a:hover, #navbar a:focus, #navbar a:active {
    color: #11254a;
    font-weight: bold;
}
#navbar a:hover::after, #navbar a:focus::after, #navbar a:active::after {
    content: '';
    display: block;
    width: 100%;
    height: 5px;
    background-color: #ac2e44;
    position: absolute;
    bottom: 0;
    left: 0;
}
#masthead {
    background-repeat: no-repeat;
    background-image: url("../images/masthead-bg.jpg");
    background-size: cover;
    background-position: center center;
    height: 640px;
    padding: 48px;
}
#masthead img {
    width: 120px;
}
#masthead + section li::before {
    content: "";
    border-color: transparent #fff;
    border-style: solid;
    border-width: 1em 1em 0 0;
    display: block;
    height: 0;
    width: 0;
    left: -1.5em;
    top: 1.25em;
    position: relative;
}
#masthead + section li:first-of-type::before{
    border-color: transparent #019e3c;
}
#masthead + section li:last-of-type::before{
    border-color: transparent #62bbeb;
}
#masthead .text-container{
    margin-top: -200px;
}
section.container {
    padding: 30px 20px;
}
#sectionWhy .icon {
    width: 48px;
    height: 48px;
    transform: scale(0.5);
    transition: 0.4s;
    transition-delay: 1.0s;
}
#sectionWhy .icon.active {
    transform: scale(1);
}
#sectionSharing .back, #sectionSharing .forward {
    color: #fff;
    border: 1px solid #fff;
}
/*#sectionSharing .back:hover, #sectionSharing .back:focus, #sectionSharing .back:active, #sectionSharing .forward:hover, #sectionSharing .forward:focus, #sectionSharing .forward:active {
    color: #11254a;
    background-color: #fff;
}*/
#sectionSharing .back:hover, #sectionSharing .forward:hover {
    color: #11254a;
    background-color: #fff;
}

#sectionTalks {
    padding-bottom: 140px;
}
#sectionTalks .back, #sectionTalks .forward, #sectionFAQs .back, #sectionFAQs .forward {
    color: #11254a;
    border: 1px solid #11254a;
}
/*#sectionTalks .back:hover, #sectionTalks .back:focus, #sectionTalks .back:active, #sectionTalks .forward:hover, #sectionTalks .forward:focus, #sectionTalks .forward:active, #sectionFAQs .back:hover, #sectionFAQs .back:focus, #sectionFAQs .back:active, #sectionFAQs .forward:hover, #sectionFAQs .forward:focus, #sectionFAQs .forward:active {*/
#sectionTalks .back:hover, #sectionTalks .forward:hover, #sectionFAQs .back:hover, #sectionFAQs .forward:hover{
    color: #fff;
    background-color: #11254a;
}
#sectionApplication {
    width: 280px;
    height: 280px;
    margin-top: -140px;
    transition: 0.4s;
    transform: scale(0.75);
    transition-delay: 1.0s;
    justify-content: center;
}
#sectionApplication.active {
    transform: scale(1);
}
#cta {
    background-color: #ac2e44;
    color: #fff;
    position: fixed;
    width: 32px;
    right: 0;
    top: 0;
    bottom: 0;
    height: 150px;
    margin-top: auto;
    margin-bottom: auto;
    text-align: center;
    writing-mode: vertical-rl;
    transform: rotate(-180deg);
    line-height: 32px;
    text-decoration: none;
    z-index: 999;
}


footer.container {
    padding: 30px 20px;
}
ul.list-style-disc{
    list-style: disc;
}
ul.list-style-disc ul{
    padding-left: 0px;
}
#sectionOpportunities a{
    min-height: 110px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.col-3-3{
    padding-right: calc(var(--bs-gutter-x) * .4);
}
.whymtr-youtube, .graduate-youtube{
    display:none;
}
.whymtr-youtube.active, .graduate-youtube.active{
    display:block;
}
.fs-7{
    font-size: 0.9rem !important;
}
.graduate-name{
    margin-bottom: 0px;
    font-size: 1.25rem !important;
    font-weight: bold;
}
.graduate-programme{
    margin-bottom: 0px;
    font-size: 1.25rem !important;
    font-weight: bold;
}
.graduate-job-title{
    margin-bottom: 0px;
    font-size: 1rem !important;
    font-weight: bold;
}
.is-graduated .graduate-programme{
    font-size: 0.9rem !important;
    font-weight: normal;
}
.pics-page{
    text-align: justify;
}
.pics-page ol{
    padding-left: 4rem;
}
.programme-introduced{
    display: block;
    width: 100%;
    text-align: center;
}
.close-btn{
    width: 30px;
}
.sticky-note{
    position: sticky;
    top: 0;
    margin-top: auto;
    bottom: 50px;
    background: #804090;
    height: 170px;
    text-align: center;
    right: 50px;
    border-top-left-radius: 100%;
    border-top-right-radius: 100%;
    width: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999;
    bottom: 0px;
    /* right: 100px; */
    left: 100%;
    transform: translateX(-80px);
}
.sticky-note a{
    text-decoration: none;
}
.sticky-note p{
    color: #fff;
    margin: 0px;
    font-size: 1.1rem;
    font-weight: bold;
    margin-top:10px;
}
.sticky-note.non-sticky{
    /* position: sticky; */
    bottom: 0px;
    /* right: 100px; */
    z-index: 1;
}
main{
    position: relative;
}
.font-italic{
    font-style: italic;
}

.card-completed span{
    transform: rotate(-15deg);
    color: #ac2e44 !important;
}

#sectionApplication.application-closed{
    width: 300px;
    height: 300px;
    margin-top: -50px;
    padding: 2rem !important;
}

#sectionApplication.application-closed p{
    font-size: 1rem !important;
    margin: 0px !important;
}

.banner-date-text{
    font-size: clamp(0.7rem, 3vw, 1.25rem); 
}

.calendar-date {
    white-space: nowrap;
}

@media (max-width: 1200px) {
    .mail-text {
        max-width: 55%;
    }   
}

@media (max-width: 768px) {
    .mail-text {
        max-width: 90%;
    }   
}

@media (max-width: 700px) {
    .mail-text {
        max-width: 60%;
    }
}

@media (max-width: 768px){
    #modalCareerFair .modal-dialog{
        max-width: 90%;
        margin: auto;
    }

    .sticky-note{
        /* right: 20px; */
        bottom: 20px;
        width: 130px;
        height: 130px;
        padding-bottom: 0px;
        bottom: 0px;
    }
    .sticky-note img{
        height: 40px;
    }
    .sticky-note p{
        font-size: 0.7rem;
    }

    .sticky-note.non-sticky{
        /*margin-left: auto;
        position: initial;
        margin-right: 20px;
        margin-top:-40px;
        height: 150px;
        padding-bottom: 15px;*/
        /* right: 20px; */
    }

    #masthead .text-container{
        margin-top: 0px;
    }
}
@media (max-width: 575.98px) {
    #modalCareerFair .desktop{
        display:none
    }
    #modalCareerFair .mobile{
        display: block !important;
    }
    #modalCareerFair h5{
        font-size: 1rem;
    }
    .path {
        /*transform: scale(0.75);*/
        transform: scale(0.85);
        transform-origin: left center;
    }
    .process {
        margin: 300px -200px;
    }
}
@media (min-width: 576px) and (max-width: 767.98px) {
    .process {
        margin: 300px -150px;
    }
    .card-talk {
        width: 300px;
    }
}
@media (max-width: 767.98px) {
    #sectionApplication.application-closed{
        margin-top: 50px;
    }
    .fs-4 {
        font-size: 1rem !important;
    }
    .fs-5 {
        font-size: 0.85rem !important;
    }
    .process {
        transform: rotate(90deg);
    }
    .process-date {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .process-date > div {
        transform: rotate(-90deg);
    }
    .process-name {
        transform: rotate(-90deg);
        padding-top: 50px !important;
        padding-bottom: 0 !important;
    }
    .video-label {
        font-size: 0.5rem !important;
    }
    #masthead {
        height: 220px;
        padding: 24px;
        padding-left: 15px;
        background-position: 75% center;
    }
    #sectionCEO {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
    input.form-control[type=email]{
        /* font-size: 0.9rem; */
        font-size: 10px;
        padding: .375rem .75rem !important;
    }
    .input-group .btn {
        font-size: 0.9rem;
    }
    .material-symbols-outlined{
        font-size: 17px;
    }
    .modal-header.bg-navy button img{
        height: 25px;
    }
    .top-12{
        position: relative;
        top:-12px;
    }
    #sectionSharing .btn-outline-white{
        /*min-height: 140px;*/
    }
    .programme-introduced{
        font-size: 0.7rem;
    }
    #sectionSharing .back:hover, #sectionSharing .forward:hover {
        color: #fff;
        border: 1px solid #fff;
        background: transparent;
    }
    #sectionSharing .back:active, #sectionSharing .forward:active {
        color: #11254a;
        background-color: #fff;
    }
    #sectionTalks .back:hover, #sectionTalks .forward:hover,#sectionFAQs .back:hover, #sectionFAQs .forward:hover{
        color: #11254a;
        border: 1px solid #11254a;
        background: transparent;
    }

    #sectionTalks .back:active, #sectionTalks .forward:active, #sectionFAQs .back:active, #sectionFAQs .forward:active{
        color: #fff;
        background-color: #11254a;
    }
    .blockquote::before{
        top: -30px;
    }
    .blockquote::after{
        margin-top: 0px;
    }
    .modal-header button img{
        height: 25px;
    }
    .modal .modal-body h3, h5.modal-title{
        font-size: 1.25rem !important;
    }
    #sectionSharing .btn-outline-white{
        min-height: 165px;
        padding: 0px 0.25rem !important;
    }
    .graduate-name{
        font-size: 1rem !important;
    }
    .graduate-job-title{
        font-size: 0.75rem !important;
    }
    .graduate-programme{
        font-size: 1rem !important;
    }
    .is-graduated .graduate-programme{
        font-size: 0.8rem !important;
    }
    #sectionApplication{
        width: 300px;
        height: 300px;
    }
}
@media (min-width: 768px) {
    .faqs h3::before {
        width: 28px;
        height: 28px;
        line-height: 28px;
        margin-left: -48px;
    }
    #masthead img {
        width: 320px;
    }
    #sectionTalks {
        padding-bottom: 180px;
    }
    #sectionApplication {
        width: 360px;
        height: 360px;
        margin-top: -180px;
    }
    
    .calendar-date{
        white-space: normal;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .video-label {
        font-size: 1rem !important;
    }

}
@media (max-width: 991.98px) {
    .navbar-toggler {
        transform: scale(0.75);
    }
    #sectionWhy .icons > div:nth-child(odd) {
        border-right: 1px solid #fff;
    }
    .sticky-note{
        transform: translateX(-40px);
    }
}

@media (min-width: 992px) {
    .back, .forward {
        width: 48px;
        height: 48px;
    }
    .card-talk .badge {
        min-width: 100px;
        min-width: 150px;
    }
    .brand img {
        height: 36px;
    }
    .card-graduate, .card-talk {
        width: 350px;
        width: 380px;
    }
    .video::before {
        background-size: 64px 64px;
    }
    section.container {
        padding: 48px 64px;
    }
    #navbar {
        padding-left: 64px;
        padding-right: 64px;
    }
    #navbar .navbar-toggler {
        margin: 9px;
    }
    #masthead img {
        width: 360px;
    }
    #masthead + section {
        max-width: 960px;
        margin-top: -96px;
    }
    #sectionOpportunities .row:first-child {
        margin-right: -64px;
    }
    #sectionOpportunities img {
        margin-top: -80px;
        transition: 0.4s;
        transition-delay: 1.0s;
    }
    #sectionOpportunities img.active {
        margin-top: -128px;
    }
    #sectionWhy {
        margin-bottom: 80px;
    }
    #sectionWhy .icons > div:nth-child(1), #sectionWhy .icons > div:nth-child(2), #sectionWhy .icons > div:nth-child(4), #sectionWhy .icons > div:nth-child(5) {
        border-right: 1px solid #fff;
    }
    #sectionWhy .icon {
        width: 96px;
        height: 96px;
    }
    #sectionTalks {
        padding-bottom: 240px;
    }
    #sectionApplication {
        width: 480px;
        height: 480px;
        margin-top: -240px;
    }
    #cta {
        width: 54px;
        height: 200px;
        line-height: 54px;
    }
    footer.container {
        padding: 64px 64px 32px 64px;
    }

    
}
@media (min-width: 1200px) {
    #masthead img {
        width: 450px;
    }
}

@media(min-width:1400px){
    #careerFairs .arrow-control {
        display: none !important;
    }
}



/* @media (min-width: 1400px) {
    .arrow-control{
        display: none !important;
    }
} */