/* X-Small devices - portrait phones less than 576px "/
/* No media query for `xs` since this is the default in Bootstrap */
#page,
#main-wrapper,
.region-primary-menu .menu-item a.is-active,
.region-primary-menu .menu-item--active-trail a {
    background: #fff;
}

body {
    color: #2f2f2f;
}

li {
    font-weight: 300;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Playfair display", serif;
}

h3 {
    text-transform: none;
}

h1.nodelabel {
    margin-top: 2vh;
    margin-bottom: 2vh;
    color: #e31937;
    font-size: 2em;
}

.bg-mit {
    background: #e31937;
}

.bg-dark-grey {
    background: #2F2F2F;
}

.bg-light-grey {
    background: #BBBCBC;
}

.bg-extra-light-grey {
    background: #e1e1e1;
}

.bg-aqua {
    background: #60C0C4;
}

.bg-aqua-light {
    background: #60C0C4;
}

.text-mit {
    color: #e31937;
}

.text-dark-grey {
    color: #2F2F2F;
}

.text-light-grey {
    color: #BBBCBC;
}

.text-aqua {
    color: #60C0C4;
}

.small-heading {
    font-size: 11pt;
    color: #e31937;
    font-weight: 600;
}

.border_left_aqua {
    border-left: 3px solid #60C0C4;
}

.find-your-course-course {
    padding: 0.9rem;
}

.small-heading>i {
    font-size: 3em;
}

.block-heading {
    font-size: 2em;
    line-height: 0.9;
}

.font-2em {
    font-size: 1.5em;
    line-height: 0.9;
}

.font-1em {
    font-size: 1em;
    line-height: 0.9;
}

.font-6em {
    font-size: 3em;
    line-height: 0.9;
}

#header {
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 50%);
}

#search-block-form {
    display: none;
}

#search-block-form .icon {
    top: 19px;
    right: 19px;
}

/*Main search button css*/
.js-form-type-search input.form-search {
    background: #dee0e3;
    color: #000000;
}

p {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    color: #2f2f2f;   
    line-height: 1.6;
}

strong {
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
}

#block-applynowbuttonwithtrack {
    padding-right: 2vw !important;
}

.list-group-item {
    border: none;
}

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1036;
}

.find-your-course {
    height: auto;
    width: 100vw;
}

.find-your-course-leading-text>p {
    font-size: 0.9em;
}

.font-10vh {
    font-size: 10vh;
    line-height: 10vh;
}

/* Margin by View Height */
.mtn-5vh {
    margin-top: -5vh;
}

.mt-10vh {
    margin-top: 10vh;
}

.find-your-course-first-row {
    margin-top: 1rem;
    margin-bottom: 2em;
}

.below-banner {
    height: fit-content;
}

.below-banner-div {
    border-left: 1px solid #e31937;
    margin: 0.5em;
}

.content>p {
    text-align: justify;
    text-justify: inter-word;
}

.course-content {
    text-align: justify;
    text-justify: inter-word;
    padding-left: 2vw;
    padding-right: 2vw
}

#block-affiliation {
    flex-grow: 2;
}

.navbar {
    flex-wrap: unset;
}

.navbar-brand>img {
    height: 50px;
}

.site-footer__bottom {
    margin: auto;
}

.navbar-form>div {
    float: left !important;
    padding-left: 1vw !important;
}

.breadcrumb {
    margin-top: 1rem;
}

.site-footer__top {
    display: none;
}

.before-footer {

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

.site-footer {
    padding: 0;
}

#block-ridiculouslyresponsivesocialsharebuttons {
    display: none;
}

.rrssb.no-text a {
    width: 2.5em;
    height: 2.5em
}

.rrssb.no-text .rrssb-icon {
    position: absolute;
    left: 15%
}

.rrssb.no-text .rrssb-text {
    display: none
}

#HomePageSlider li {
    display: block;
}

header #search-block-form {
    padding: 0;
    top: 12px;
    position: relative;
    right: 10px;
    width: 40vw;
}

.footerbottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    color: white;
    font-size: 1rem;
    text-align: center;
}

.region-secondary-menu a {
    width: auto;
}

.region-secondary-menu a.navbar-brand {
    margin-right: 0;
}

.region-secondary-menu {
    align-items: center;
    justify-content: center;
    width: 100%;
}

#block-searchform {
    width: auto;
}

#block-quicklinks {
    display: none;
}

#block-changecampus {
    display: none;
}

.menu-name--quick-links {
    display: block;
}

.region-top-header-form {
    align-items: center;
    justify-content: space-between;
}

#block-responsivemenumobileicon {
    width: auto;
    margin-right: 20px;
}

.responsive-menu-toggle-icon::before,
.responsive-menu-toggle-icon::after,
.responsive-menu-toggle-icon span.icon {
    background: #e31937;
}

.responsive-menu-toggle-icon span.label {
    color: #e31937;
    display: none;
}

.flexslider {
    margin: 0;
    border: none;
}

a {
    text-decoration: none;
}


#HomePageSlider .flex-caption {
    position: absolute;
    top: 25%;
    left: 7%;
    object-fit: cover;
    object-position: 10% 10%;
    /* try 20px 10px */
}

.flexslider .slides img {
    height: auto;
    width: 100vw;
    object-fit: cover;
    object-position: 20% 0;
}

.flexslider .slides #UACbanner2023 img {
    height: auto;
    width: 100vw;
    object-fit: cover;
    object-position: 20% 0;
}

.flexslider .slides #itstime img {
    height: auto;
    width: 100vw;
    object-fit: cover;
    object-position: 20% 0;
}

iframe.pdf {
    height: 40rem;
}

.site-footer .content {
    color: #fff !important;
}

.footermenu {
    flex-shrink: 1;
}

.footermenu a {
    color: #fff !important;
    padding: .5em !important;
}

.footermenu h2 {
    color: #fff !important;
    font-size: 1.1em !important;
}

.footermenu ul {
    border: none;
    list-style: none;
    text-align: left;
    color: #fff;
}

.mit-bg-color {
    background-color: #e31937;
}

/*Set background colour for tables*/
table,
td {
    background: white;
}

.profileBanner {
    display: flex;
    position: relative;
    flex-direction: column;
    justify-content: center;
}

.profileImage {
    min-height: auto;
    padding: 15px;
    position: absolute;
    top: 15%;
}

.alumni-img {
    border-radius: 50%;
    width: 160px !important;
    height: 160px !important;
    border: 5px solid white;
}


.views-field .alumni-img {
    border-radius: 4%;
    width: 325px ;
    height:340px;    
							
    transition: .3s ease all;   
								 
}

.views-field .card-body-alumni:hover {  
								
    border-radius: 4%;
    transition: .3s ease all;
}

.views-field .card-body-alumni {
    background-color: none;
    border-radius: 0%;
    transition: .3s ease all;
    min-height: auto !important;
}

.views-field .card-body-alumni:hover .alumni-img {
    transform: scale(1.1);
    transition: .3s ease all;
}

#moreText {
    /* Display nothing for the element */
    display: none;
}

/*White boxes in International and Domestic pages*/
.exploreMoreCard {
    min-height: 430px;
    min-width: 50%;
    padding: 0.5rem;
}

.exploreMoreCard-img {
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
    flex-direction: column;
    justify-content: center;
}

.exploreMoreCard-details {
    width: 90%;
    min-height: auto;
    background-color: white;
    border-radius: 15px;
    box-shadow: 2px 2px 5px #d2cece, -2px -2px 5px #d2cece;
    padding: 15px;
    position: absolute;
    top: 75%;
    margin-left: 5%;
    margin-right: 5%;
}

.home-event-news {
    min-height: 140px !important;
}

.stuSer-CardDetails {
    min-height: 180Px;
}

.event-CardDetails {
    min-height: 40%;
}

.exploreMoreCardStuSer {
    min-height: 400px;
    min-width: 50%;
    padding: 0.5rem;
}

.exploreMoreCardGC {
    min-height: 360px;
    min-width: 50%;
    padding: 0.5rem;
}

.WhyMITContentcard {
    padding: 15px;
    text-align: center;
    background-color: white;
    min-height: 320px;
    border-radius: 10px;
    margin: 5px;
    box-shadow: 2px 2px 5px #d2cece, -2px -2px 5px #d2cece;
}

.enquire {
    position: fixed;
    bottom: 60px;
    right: 30px;
    z-index: 99;
    font-size: 12px;
    border: none;
    outline: none;
    background-color: rgb(229, 25, 55);
    color: #ffffff;
    cursor: pointer;
    padding: 7px;
    border-radius: 20px;
    box-shadow: 2px 2px 2px 0 rgb(0 0 0 / 50%);
    width: 120px;
}

.howToApply {
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    font-size: 12px;
    outline: none;
    border: none #eee;
    background-color: #eee;
    color: black;
    cursor: pointer;
    padding: 7px;
    border-radius: 20px;
    box-shadow: 2px 2px 2px 0 rgb(0 0 0 / 50%);
    width: 120px;
}

/*Floating Menu*/
.contextual-navigation-card.promo .field-name {
    border-bottom-color: #e60073;
    border-radius: 10px 10px 0 0;
    background: #232323;
    color: #fff;
    padding: 16px 24px;
    line-height: 1.5rem;
    border-bottom: 4px solid;
    cursor: pointer;
}

.contextual-navigation-card.promo .field-name::after {
    color: #232323;
    content: "\e313" !important;
    font-weight: 400;
    left: auto;
    top: 20px;
    position: absolute;
}

.contextual-navigation-card.promo {
    position: relative;
    top: 6px;
    width: auto;
    background: none;
}

ul.nav>li {
    border-bottom: 1px solid #f2f2f2;
}

.contextual-navigation-card.promo .affix {
    position: relative;
    top: 90px;
    /* z-index: 50 !important; */
    width: auto;
    background: #fff;
}

.contextual-navigation-card.promo nav {
    border-radius: 10px;
    margin: 0;
    -webkit-box-shadow: 6px 6px 10px rgb(0 0 0 / 10%);
    box-shadow: 6px 6px 10px rgb(0 0 0 / 10%);
}

.contextual-navigation-card.promo .nav-section {
    padding: 0 1vw 0 1vw;
}

.contextual-navigation-card.promo .nav-section li,
.contextual-navigation-card.promo .nav-section ul {
    margin: 0;
    padding: 0;
}

.contextual-navigation-card.promo nav ul li {
    list-style: none;
}

.contextual-navigation-card.promo nav ul li.active a {
    color: #3c28dc;
    position: relative;
}

.contextual-navigation-card.promo nav ul li a {
    color: #393939;
    line-height: 2rem;
    text-decoration: none;
    margin: 0 !important;
}

.contextual-navigation-card.promo a {
    display: inline-block;
    margin: 0 24px 20px 32px;
}

/*End of Floating Menu*/

/*Course Pages */
.h2_main {
    color: black;
    font-weight: 450;
    line-height: 1.3;
    word-break: normal;
    font-size: 22px;
}

.h2_sub {
    font-weight: 500;
    font-size: 1.1rem;
    color: black;
    margin: 5px 0 5px 0;
    line-height: 1.3;
    word-break: normal;
    font-family: 'Roboto', sans-serif;
}

.text-sentence-case {
    text-transform: lowercase;
}

.text-sentence-case::first-letter {
    text-transform: uppercase;
}

/*Bullets Points*/
#career ul {
    list-style: none;
}

#career ul li::before {
    content: "\2022";
    color: red;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}

#points-ash-color ul {
    list-style: none;
}

#points-ash-color ul li::before {
    content: "\2022";
    color: #BBBCBC;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}


#liWhite ul {
    list-style: none;
}

#liWhite ul li::before {
    content: "\2022";
    color: white;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}

.box-border-ash {
    border: 1px solid #ECF1F4;
    border-collapse: collapse;
    padding: 1.5em;
    border-radius: 6px;
}

.box-border-mit {
    border: 1px solid #E31937;
    border-collapse: collapse;
    padding: 1.5em;
    border-radius: 6px;
}

.tab-shadow {
    border: 1px solid #e8e8e8;
    border-collapse: collapse;
    padding: 0.5em;

}

.tab-last {
    border-bottom: 2px solid rgb(229, 25, 55);
}

/*Course Pages - Tabs*/
#mainBlock {
    display: none;
}

#mainNavigation {
    width: 100%;
}

/*Style for md screen size*/
#mainNavigation.nav-tabs .nav-item {
    height: auto;
    background: #fff;
    border-radius: 0 20px 20px 0;
    border-left: 4px solid #e31937;
    box-shadow: 0 2px 16px rgb(0 0 0 / 8%);
    text-align-last: left !important;
    font-size: 16px;
    display: block;
    margin-top: 10px;
}

#mainNavigation.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    border-color: white;
}

/*#mainNavigationTabContent.tab-content .tab-pane {
border-bottom: 5px solid red;
}*/

/*Common Tab css*/
.commonTab.nav-tabs .nav-item {
    height: auto;
    background: #fff;
    border-radius: 0 20px 20px 0;
    border-left: 4px solid #e31937;
    box-shadow: 0 2px 16px rgb(0 0 0 / 8%);
    text-align-last: left !important;
    font-size: 16px;
    display: block;
    border-bottom: none;
    width: 100%;
    margin: 5px;
}

.commonTab.nav-link {
    display: block;
    padding: 0.5rem 1rem;
    color: #0d6efd;
    text-decoration: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}

.commonTab.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    border-color: white;
    color: #0d6efd;
}

.commonTab.nav-tabs li a,
.nav-tabs li a:hover {
    background: none;
    border: none;
    box-shadow: 0 0 0 0 #ccc;
    color: black;
    font-weight: 600;
}

.commonTab.nav-tabs {
    border-bottom: none;
}

.commonTab.nav-tabs li {
    background: none;
    box-shadow: none;
    padding: 5px 5px;
}

.nav-link {
    color: #000000;
    font-weight: bold;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    border-top: rgb(229, 25, 55);
    color: rgb(229, 25, 55);
    font-weight: bold;
}

#courseStaff .nav-tabs {
    border-bottom: none;
}

#courseStaff .nav-item {
    margin: 0.5rem;
}

#courseStaff .nav-tabs .nav-link {
    border: unset;
    background-color: white;
    color: rgb(229, 25, 55);
    position: relative;
    padding: 15px 10px 10px 10px;
    min-height: 120px;
    border-radius: 20px;
    box-shadow: 1px 1px 1px #d2cece, -1px -1px 1px #d2cece;
    margin: 5px;
    word-wrap: break-word;
    width: 100%;
}

#courseStaff .nav-tabs .nav-link.active {
    background-color: rgb(229, 25, 55);
    color: white;

}

#courseStaff .nav-tabs .nav-link.active:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 45%;
    margin-left: 0;
    width: 0;
    height: 0;
    border-top: solid 12px rgb(229, 25, 55);
    border-left: solid 24px transparent;
    border-right: solid 24px transparent;
}

.staffImage {
    border-radius: 50%;
    width: 150px !important;
    height: 150px !important;
    border: 10px solid rgb(208, 208, 208, .8);
}

/*Common accordian css*/
.accordion-button {
    width: 100%;
    height: auto;
    background: #fff;
    border-left: 4px solid #e31937;
    padding: 10px 10px 10px 10px;
    box-shadow: 0 2px 16px rgb(0 0 0 / 8%);
    text-align-last: left !important;
    font-size: 16px;
    display: block;
    margin-top: 10px;
}

.accordion-item {
    border: none;
}


.accordion-button:not(.collapsed) {
    color: rgb(229, 25, 55);
    background-color: #fff;
}

.accordion-button:focus {
    border-color: rgb(229, 25, 55);
    box-shadow: 0 0 0 0.25rem rgb(229 25 55 / 25%);
    /*box-shadow: none;*/
}

.tab-button-arrow {
    float: right;
    color: #e31937;
}

/*Icon Style*/
.icon-style {
    font-size: 4em;
    color: #e31937;
}

.icon-style-small {
    font-size: 1em;
    color: #e31937;
}

.icon-style-responsive {
    font-size: 1em;
    color: #e31937;
}

/*New PDF download btn*/
.commonButton {
    background-color: rgb(229, 25, 55);
    color: white;
    margin-bottom: 10px;
    font-size: 0.7rem;
    border-radius: 20px;
    box-shadow: 2px 2px 2px 0 rgb(0 0 0 / 50%);
}

/*Webform buttons*/
.ui-dialog .button {
    background-color: #BBBCBC;
    background-image: -webkit-linear-gradient(top, #BBBCBC, #BBBCBC);
    background-image: linear-gradient(to bottom, #BBBCBC, #BBBCBC);
    border: 1px solid #BBBCBC;
    border-bottom-color: #BBBCBC;
    border-left-color: #BBBCBC;
    border-right-color: #BBBCBC;
    color: #060606;
    box-shadow: 2px 2px 2px 0 rgb(0 0 0 / 50%);
    cursor: pointer;
    font-size: 0.929em;
    font-weight: normal;
    text-align: center;
    padding: 0.25em 1.063em;
    border-radius: 1em;
}

.ui-widget-header {
    border: 1px solid #BBBCBC
    /*{borderColorHeader}*/
    ;
    background: #BBBCBC
    /*{bgColorHeader}*/
    /*{bgImgUrlHeader}*/
    /*{bgHeaderXPos}*/
    /*{bgHeaderYPos}*/
    /*{bgHeaderRepeat}*/
    ;
    color: #333333
    /*{fcHeader}*/
    ;
    font-weight: bold;
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: 0.3em;
    top: 50%;
    width: 20px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px;
    background-color: #BBBCBC;
    border: 2px solid #161616;
    background-image: url(/sites/default/files/images/close.png);
}

.form-submit::before {
    display: inline-block;
    content: none;
    background-image: none;
    background-repeat: no-repeat;
    -webkit-background-size: 1rem 1rem;
    background-size: 1rem 1rem;
    background-position: 0 0.25rem;
    width: 1.5rem;
    height: 1.2rem;
}

.newButton-text {
    font-weight: 600;
    color: #e31937 !important;
    font-family: 'Playfair Display', serif !important;
    margin-top: 4%;
}

.gray_button {
    width: 140px;
    border-radius: 1rem;
}

.commonButton:hover {
    background-color: white;
    color: rgb(229, 25, 55);
    text-decoration: none;
    border-color: rgb(229, 25, 55);
    box-shadow: 2px 2px 2px 0 rgb(0 0 0 / 50%);
}

/*New MIT table design*/
.table-mit-new {
    /*border:1px solid #ffffff;*/
    border-collapse: separate;
    /*border-spacing:6px 6px;*/
    border-spacing: 1px;
    width: 100%;
    display: table;
    margin-top: 1%;
    margin-bottom: 2%;
    background: none;
}

.table-mit-new th {
    border-bottom: none;
    background: rgb(229, 25, 55) !important;
    color: white !important;
}

.table-mit-new td,
.table-mit-new th {
    padding: 8px 8px;
    display: table-cell;
    text-align: left;
    vertical-align: top;
    background: white;
}

.table-mit-new tr {
    /*border:1px solid #e2dede;*/
    /*box-shadow:0 2px 10px 0 #d2cece;*/
}

/*Learning outcome box*/
.learning-outcome {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 10px;
}

.include-box {
    background-color: white;
    border-radius: 5%;
    box-shadow: 1px 1px 5px #d2cece, -1px -1px 5px #d2cece;
    margin: 5px;
    min-height: 320px;
    padding: 15px 10px 10px 10px;
}

.scroll_X {
    overflow-x: scroll;
}

.legendColor1 {
    background-color: #ff0000;
}

.legendColor2 {
    background-color: #ffa500;
}

.legendColor3 {
    background-color: #ffff00;
}

.legendColor4 {
    background-color: #9aceeb;
}

.legendColor5 {
    background-color: #000080;
}

/*Home page Student Alumni Stories*/
.homeComments {
    background-image: url('/sites/default/files/images/comments.svg');
    background-repeat: no-repeat;
    background-position: center;
}

.stuStories {
    color: #000;
    font-size: 2em;
}

.highlight {
    color: rgb(200, 16, 46);
}

.rteindent1 {
    margin-left: 40px;
}

.rteindent2 {
    margin-left: 80px;
}

/*View styles for staffBiography*/
.staffBiography {
    padding: 15px;
    border: 1px;
    box-shadow: 2px 2px 5px #d2cece, -2px -2px 5px #d2cece;
    min-height: 300px;
}

.staffTab {
    border: 1px;
    box-shadow: 2px 2px 5px #d2cece, -2px -2px 5px #d2cece;
    padding: 15px;
    background-color: white;
}

.table-staffBiography {
    border-collapse: separate;
    border-spacing: 0 6px;
    width: 100%;
    display: table;
    margin-top: 1%;
    margin-bottom: 1%;
    background: none;
}

.table-staffBiography th {
    border-bottom: none;
    color: rgb(229, 25, 55) !important;
    width: 25%;
}

.table-staffBiography td,
.table-staffBiography th {
    padding: 8px 8px;
    display: table-cell;
    text-align: left;
    vertical-align: top;
    background: white;
}

.table-staffBiography tr {
    /*border:1px solid #e2dede;*/
    box-shadow: 0 2px 10px 0 #d2cece;
}

/*Event page design*/
.event-design-top {
    background-color: #dfdbdb;
}

.event-img {
    display: block;
    width: 100%;
    height: auto;
}

.bg-image {
    filter: blur(8px);
    -webkit-filter: blur(8px);
}

.event-day {
    line-height: 0.5;
}

.event-title-body {
    padding: 30px;

    /*height: 100%;  */
}

.event-title {
    min-height: 70%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.event-button {
    background-color: #e31937;
    border-color: #e31937;
    width: 100%;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    border-radius: 0.25rem;
    font-size: 1rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.event-panel-body {
    background-color: #fff;
    padding: 30px;
    box-sizing: border-box;
}

.mobile-padding {
    padding-right: 8px;
    padding-left: 8px;
}

.event-panel-1 {
    padding-left: 3%;
    padding-right: 3%;
    text-align: justify;
}

.event-panel-2 {
    padding-left: 3%;
    padding-top: 1%;
}

#event ul {
    list-style: none;
}

#event ul li::before {
    content: "\2022";
    color: red;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: 60px;
}

#eventBody ul {
    list-style: none;
}

#eventBody ul li {
    margin-left: 23px;
}

#eventBody ul li::before {
    content: "\2022";
    color: red;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}

.event-card {
    min-height: 425px;
}

.event-details {
    box-shadow: 2px 2px 4px 0px #96969663;
    border-radius: 6px;
    min-height: 400px;
    padding: 14px;
    display: flex;
    flex-direction: column;
}

.event-details:hover {
    box-shadow: 2px 2px 4px 0px #96969630;
}

.event-card-img {
    border: 1px solid #dbdae3;
    transition: border-radius .24s cubic-bezier(.4, 0, .3, 1), border .24s cubic-bezier(.4, 0, .3, 1);
}

.event-card-img-home {
    transition: border-radius .24s cubic-bezier(.4, 0, .3, 1), border .24s cubic-bezier(.4, 0, .3, 1);
    display: flex;
    position: relative;
    flex-direction: column;
}

.event-card-img-home span {
    position: absolute;
    top: 7%;
    left: 4%;
}

.lable-span {
    color: #fff;
    background-color: #e31937;
    font-size: 12px;
    font-weight: 500;
    border-radius: 5px;
}

.event-card-body {
    background-color: #fff;
    padding: 10px;
    height: 175px;
}


/*Event Calendar*/
.fc-button-primary {
    color: #000000;
    background-color: #f3f3f3;
    border-color: #2c3e5075;
}

.fc-toolbar h2 {
    font-size: 1em;
}

.fc-button-primary {
    font-size: 7px;
}

table tr th {
    background: rgb(227 226 226 / 65%);
    color: rgb(229, 25, 55);
}

.fc table {
    font-size: 10px;
    font-weight: bold;
}

.fc th {
    font-size: 12px;
}

.fc tr {
    background: #efefef00;
}

.fc-dayGrid-view .fc-day-number,
.fc-dayGrid-view .fc-week-number {
    padding: 8px;
}

.fc thead>tr {
    border-bottom: none;
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

.find-your-course .img-responsive {
    width: 4rem;
}

/*Testimonial image - Home*/
.img-testimonial {
    width: 100%;
}

.quoteTestimonial {
    color: #c00000;
    font-size: 4em;
    opacity: .4;
}

.miTestimonial {
    background: white;
    padding-left: 0;
    padding-right: 0;
}

.stuAlumniStories {
    color: #000;
    font-size: 4em;
    position: absolute;
    top: 37%;
    left: 23%;
}

.mitColor {
    color: #e31937;
}

.testimonial {
    background-color: white;
    border-radius: 5%;
    box-shadow: 1px 1px 5px grey, -1px -1px 5px grey;
    min-height: 550px;
}

.testimonialPadding {
    padding: 5%;
}

/*Testimonial*/
.alumni-bg {
    background-color: #d7c1a4;
}

.alumni-card-img {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center !important;
    height: 170px;
    padding-top: 10px;
    padding-bottom: 20px;
    padding-left: 0;
    border: 1px solid #dbdae3;
    transition: border-radius .24s cubic-bezier(.4, 0, .3, 1), border .24s cubic-bezier(.4, 0, .3, 1);
}

/*This using in Staff*/
.alumni-card-body {
    background-color: #fff;
    padding: 10px;
    min-height: 265px;
}

/*New Alumni Design*/
.card-body-alumni {
    min-height: 387px;
}

.img-alumni {
    border-radius: 50%;
    width: 25%;
    height: auto;
}

.quoteAlumniHome {
    color: #c00000;
    font-size: 0.5em;
}

.quoteAlumni {
    color: #c00000;
    font-size: 1.5em;
    opacity: .4;
    text-align: left;
}

.alumni-title {
    line-height: 0.8em;
    text-align: center;
    padding-top: 2%;
}

.alumni-card {
    min-height: 465px;
}

.alumniHomeImg {
    width: 100%;
}

.alumniHomeName {
    padding-top: 4%;
    line-height: 1em;
    font-size: 16px;
}

.alumniCourseName {
    line-height: 0.8em;
    font-size: 14px;
}

.alumniHomeBtn {
    padding-top: 4%;
}

.alumniQuoteHomeTop {
    padding: 20px 10px 10px 20px;
}

.alumniQuoteTop {
    padding: 20px 10px 10px 20px;
}

.alumniQuoteHome {
    font-size: 20px;
}

.alumniQuoteBody {
    padding-left: 2px;
}

.alumniQuote {
    padding-left: 30px;
    text-align: justify;
}

.img-center-alumni {
    text-align: center;
    padding-top: 5%;
}

/*Alumni-Testimonial page*/
.quoteAlumni-1 {
    font-size: 1em;
    opacity: 0.7;
}

#unit h3 {
    color: black;
    font-weight: bold;
    line-height: 1.3;
    word-break: normal;
    font-size: 18px;
}

.staff-img {
    border-radius: 50%;
    width: 105px !important;
    height: 90px !important;
    border: 3px solid white;
}

/*Jobs at MIT */
.jobs-MIT {
    box-shadow: 1px 1px 5px #d2cece, -2px -2px 5px #d2cece;
}

.jobs-MIT:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.jobHeading {
    background-color: black;
    color: white;
}

.jobs-body {
    background-color: #fff;
    padding: 10px;
    height: 175px;
}

/*Intake Dates Page design*/
.intakeDates {
    min-height: 50px;
}

.intakeExplore {
    min-height: 330px;
    min-width: 50%;
}

.detailsDiv {
    width: 90%;
    /*min-height: 200px;*/
    background-color: white;
    border-radius: 15px;
    box-shadow: 2px 2px 5px #d2cece, -2px -2px 5px #d2cece;
    padding: 15px;
    position: absolute;
    top: 75%;
    margin-left: 5%;
    margin-right: 5%;
}

.imgdiv {
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
    flex-direction: column;
    justify-content: center;
}

/*Still waiting for your offer*/
.swyo-card {
    padding: 0;
    text-align: center;
    background-color: white;
    min-height: 300px;
    border-radius: 10px;
    margin: 5px;
    box-shadow: 2px 2px 5px #d2cece, -2px -2px 5px #d2cece;
}

/*.card-img-top{

}*/
.swyo-card-body {
    width: 100%;
    min-height: 220px;
    padding: 15px;
}

.WhyMITPTI {
    padding: 15px;
    text-align: center;
    background-color: white;
    min-height: 250px;
    border-radius: 10px;
    margin: 5px;
    box-shadow: 2px 2px 5px #d2cece, -2px -2px 5px #d2cece;
}

/*It's time effects*/
.shineText {
    color: rgba(0, 0, 0, 1);
    font-size: 4vw;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 4px;
    position: relative;
    font-family: 'museo-slab', serif;
    background: linear-gradient(-75deg, rgba(255, 25, 55, .6) 10%, #e21836 50%, rgba(255, 25, 55, .6) 70%);
    -webkit-mask-size: 200%;
    animation: shine 2s linear infinite;
    font-weight: 600;
    line-height: 1;
}

.rotatingMessage {
    color: #333;
    font-size: 3.5rem;
    letter-spacing: 2px;
    font-weight: 100;
    line-height: 1.1;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    align-items: center;
}

.message {
    color: #333;
    display: block;
    font-weight: 800;
    overflow: hidden;
    position: absolute;
    top: 1em;
    animation: openclose 15s ease-in-out infinite;
}

/*Orientation page*/
.OweekDays {
    padding: 5px;
    text-align: center;
    background-color: white;
    min-height: 80px;
    border-radius: 10px;
    margin: 5px;
    box-shadow: 2px 2px 5px #d2cece, -2px -2px 5px #d2cece;
}

.OrientationBox {
    padding: 15px;
    background-color: white;
    min-height: auto;
    border-radius: 10px;
    margin: 5px;
    box-shadow: 2px 2px 5px #d2cece, -2px -2px 5px #d2cece;
}

.OrientContentcard {
    padding: 15px;
    text-align: center;
    background-color: white;
    min-height: auto;
    border-radius: 10px;
    margin: 5px;
    box-shadow: 2px 2px 5px #d2cece, -2px -2px 5px #d2cece;
}

.background {
    background-repeat: no-repeat, no-repeat;
    background-position: center center, center center;
    background-size: cover, cover;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
}

/*.backgroundImage {
animation: fadeIn 1s;
}*/

.background>div {
    background-repeat: no-repeat, no-repeat;
    background-position: center center, center center;
    background-size: cover, cover
}

.background-overlay {
    background: #000000;
    background: rgba(0, 0, 0, .55);
    background-repeat: repeat;
    background-position-x: 0;
    background-position-y: 0;
    background-size: auto auto;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#8C000000', endColorstr='#8C000000');
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
}

.background-overlay-new {
    background-repeat: repeat;
    background-position-x: 0;
    background-position-y: 0;
    background-size: auto auto;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#8C000000', endColorstr='#8C000000');
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
}

.logoFront {
    max-width: 256px;
    height: 80px;
    vertical-align: middle;
    border: 0;
}

.inner-new {
    margin-left: auto;
    margin-right: -2%;
    min-height: 364px;
    min-width: 320px;
    max-width: 600px;
    width: calc(100% - 40px);
    padding: 1em;
    margin-top: 16px;
    background-color: #fff;
}

.middle {
    display: table-cell;
    vertical-align: middle;
}

.outer {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
}

.questions {
    position: fixed;
    bottom: 5%;
    margin-left: 2%;
    margin-right: auto;
    padding: 10px;
}

.btn-outline-mit {
    font-weight: 600;
}

#navbar-top {
    background-color: #ffffff !important;
}

ul.sf-menu.sf-style-white a.sf-with-ul,
ul.sf-menu.sf-style-white span.nolink.sf-with-ul {
    padding: 0.5em 2.25em 0.5em 1em !important;
    background: #fff !important;
}

ul.sf-menu.sf-horizontal.sf-shadow ul,
ul.sf-menu.sf-vertical.sf-shadow ul,
ul.sf-menu.sf-navbar.sf-shadow ul ul {
    -moz-box-shadow: 2px 4px 5px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 2px 4px 5px 0 rgb(0 0 0 / 50%);
}

.btn-link {
    text-decoration: none !important;
}

.footer-text {
    font-size: 1em;
    line-height: 1.1em;
}

.footer-text>p {
    color: white !important;
}

.site-footer .block {
    margin: 0 !important;
    padding: 1vh 0 1vh 0 !important;
}

.tk-museo-slab {
    font-family: "Playfair Display", serif !important;
}

ul.sf-menu.sf-style-white a,
ul.sf-menu.sf-style-white a:visited,
ul.sf-menu.sf-style-white span.nolink {
    color: #e31937;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
}

.banner2022 {
    position: relative !important;
}

.banner-img2022>img {
    width: 100% !important;
}

.text-layer {
    position: absolute !important;
    width: 50% !important;
    height: fit-content !important;
    top: 10% !important;
    left: 50% !important;
    padding-right: 5vw;
}

.text-layer>h1 {
    color: #e31937 !important;
    font-size: 5vw !important;
}

.text-layer>span>a {
    color: #e31937 !important;
    font-family: 'Playfair Display', serif !important;
    font-size: 2vw !important;
    margin-top: 8%;
}

.text-layer>span>a:visited {
    color: #e31937 !important;
}

.text-layer>h2 {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 300 !important;
    color: #fff !important;
    font-size: 4vw !important;
}

.text-layer>p {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 300 !important;
    color: #fff !important;
    font-size: 2vw !important;
}

.insideText-layer {
    position: absolute !important;
    width: 40% !important;
    height: fit-content !important;
    top: 10% !important;
    left: 7vw !important;
    padding-right: 5vw;
}

.insideText-layer>h1 {
    color: #e31937 !important;
    font-size: 5vw !important;
}

.insideText-layer>h1>span {
    font-size: 4vw !important;
}

.insideText-layer>span>a {
    color: #e31937 !important;
    font-family: 'Playfair Display', serif !important;
    font-size: 2vw !important;
    margin-top: 8%;
}

.insideText-layer>span>a:visited {
    color: #e31937 !important;
}

.insideText-layer>h2 {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 300 !important;
    color: #fff !important;
    font-size: 4vw !important;
}

.insideText-layer>h2>span {
    font-size: 3vw !important;
}

.insideText-layer>p {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 300 !important;
    color: #fff !important;
    font-size: 2vw !important;
}

.insideText-layer-its-time {
    position: absolute !important;
    width: 40% !important;
    height: fit-content !important;
    top: 10% !important;
    left: 7vw !important;
    padding-right: 5vw;
}

.insideText-layer-its-time>h1 {
    color: #fff !important;
    font-size: 2.5vw !important;
}

.insideText-layer-its-time>span>a {
    color: #e31937 !important;
    font-family: 'Playfair Display', serif !important;
    font-size: 1.5vw !important;
    margin-top: 5%;
}

.insideText-layer-its-time>span>a:visited {
    color: #e31937 !important;
}

.insideText-layer-study-area {
    position: absolute !important;
    width: 40% !important;
    height: fit-content !important;
    top: 10% !important;
    left: 7vw !important;
    padding-right: 5vw;
}

.insideText-layer-study-area>span>a {
    color: #000000 !important;
    font-family: 'Playfair Display', serif !important;
    font-size: 1vw !important;
    margin-top: 8%;
}

.insideText-layer-study-area>span>a:visited {
    color: #000000 !important;
    border-radius: 0rem;
}

.insideText-layer-study-area>h1 {
    color: #000000 !important;
    font-size: 3vw !important;
}

.insideText-layer-study-area>h2 {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 500 !important;
    color: #000000 !important;
    font-size: 3vw !important;
}

.flex-control-nav {
    display: none !important;
}

.flexslider:hover .flex-direction-nav .flex-prev:hover a {
    height: fit-content;
}


/*COP page*/
.WhyMITCop {
    padding: 15px;
    text-align: center;
    background-color: white;
    min-height: 280px;
    border-radius: 10px;
    margin: 5px;
    box-shadow: 2px 2px 5px #d2cece, -2px -2px 5px #d2cece;
}

.card-img-topCop {
    width: 100%;
    min-height: 200px;
    padding: 0;
}

.cardCop {
    padding: 0;
    text-align: center;
    background-color: white;
    min-height: fit-content;
    border-radius: 10px;
    margin: 5px;
}

.card-bodyCop {
    width: 100%;
    min-height: 200px;
    padding: 15px;
}

.card-img-topCopStu {
    width: 100%;
    min-height: 310px;
    padding: 0;
}

.cardCopStu {
    padding: 0;
    text-align: center;
    background-color: white;
    min-height: fit-content;
    border-radius: 10px;
    margin: 5px;
}

.card-bodyCopStu {
    width: 100%;
    min-height: 300px;
    padding: 15px;
}

/*Custom Scholarship Styles */
.scholarship-hero {
        background: linear-gradient(rgba(0,40,86,0.9), rgba(0,40,86,0.9)), url('/sites/default/files/2024-05/scholarship-hero.jpg') center/cover;
        padding: 100px 0;
    }

    .criteria-card {
        border-left: 4px solid #002856;
        transition: transform 0.3s;
    }

        .criteria-card:hover {
            transform: translateY(-5px);
        }

    .application-timeline {
        border-left: 2px solid #002856;
        padding-left: 2rem;
    }

    .scholarship-accordion .accordion-button {
        font-weight: 600;
        background: #f8f9fa;
    }

#tabContact {
    padding: 15px;
    border: 1px;
    box-shadow: 2px 2px 5px #d2cece, -2px -2px 5px #d2cece;
    margin: 3px;
}

/*End of COP*/

/* Your Passport to Industry 2023 YPI */
.underline_aqua {
    font-weight: 300;
    display: inline-block;
    padding-bottom: 3vh;
    position: relative;
}

.underline_aqua:before {
    content: "";
    position: absolute;
    width: 40px;
    height: 2px;
    bottom: 0;
    left: 0%;
    border-bottom: 6px solid #60C0C4;
}

.underline_aqua_light {
    font-weight: 300;
    display: inline-block;
    padding-bottom: 1.5vh;
    position: relative;
}

.underline_aqua_light:before {
    content: "";
    position: absolute;
    width: 65px;
    height: 2px;
    bottom: 0;
    left: 0%;
    border-bottom: 6px solid #60C0C4;
}

.border_left_red {
    border-left: 5px solid #E31937;
}

.border_left_aqua {
    border-left: 3px solid #60C0C4;
}

.ypi-video {
    width: 90%;
    height: 450px;
    border: 25px solid #e1e1e1;
}

.ypi-agent {
    position: absolute !important;
    top: 91% !important;
}

.ypi-agentbtn {
    font-size: 10px;
    padding: 4px;
    border: 1px solid white;
}

.banner-btn-ypi {
    color: #ffffff !important;
    background: #E31937;
    font-family: 'Roboto', serif !important;
    font-size: 2vw !important;
    margin-top: 2%;
}

.font-4vw {
    color: #e31937 !important;
    font-family: 'Playfair Display', serif !important;
    font-size: 4vw !important;
    font-weight: 700;
    line-height: 1.2;
}

/*End of YPI*/

.row-full {
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
}

#views-bootstrap-testimonial-page-1 {
    margin-top: -8vh;
    z-index: 100;
}

.pager--load-more {
    text-align: center;
}

.pager--load-more>ul {
    list-style-type: none;
    font-size: 1rem;
}

.pager--load-more>ul>li>a {
    font-family: "Playfair Display", serif !important;
    border: 1px solid #BBBCBC;
    color: #e31937;
    font-weight: 600;
    font-size: 1.5rem;
    padding: 0.375rem 0.75rem;
    border-radius: 0.25rem;
}

.pager__items--end {
    color: #e31937;
    font-weight: 600;
    font-size: 1.5rem;
    font-family: "Playfair Display", serif !important;
}

.btn-gray-outline {
    font-family: "Playfair Display", serif !important;
    border: 1px solid #BBBCBC;
    color: #e31937;
    font-weight: 600;
    padding: 0.375rem 0.75rem;
    border-radius: 0.25rem;
}

/*This @media only for Intake Dates*/
@media(min-width: 430px) {
    .intakeExplore {
        min-height: 380px;
    }

    .OrientContentcard {
        min-height: 320px;
    }
}

.linebar {
    text-align: right;
    color: white;
    margin-top: 3px;
}

.why-mit-item-box {
    margin-top: 2em;
    }

.one {
    width: 2.5em;
    background-color: #60C0C4;
    height: 1em;
}

.two {
    width: 2.5em;
    height: 1em;
    background-color: #E31937;
}

.smlinebar {
    text-align: right;
    color: white;
    margin-top: 3px;
    height: 1em;
}

.smone {
    width: 30%;
    background-color: #60C0C4;
}

.smtwo {
    width: 30%;
    background-color: #E31937;
}

.xslinebar {
    text-align: right;
    color: white;
    margin-top: 3px;
}

.xsone {
    width: 15%;
    background-color: #60C0C4;
    height: 15px;
}

.xstwo {
    width: 15%;
    background-color: #E31937;
    height: 15px;
}

.homepageicon {
    margin-left: 0;
    margin-right: 5px;
    padding-bottom: 1em;
    max-width: 15%;
    display: inline-block;
}

.coursebtn {
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    border-radius: 0.25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.Applynow {
    color: #e31937;
    border-color: #e31937;
}

.course-link {
    text-decoration: underline;
    word-break: break-word;
    padding-right: 1vw;
    font-weight: 500;
}

.affiliation {
    display: none;
}

.news-image {
    width: 90%;
    height: auto;
    float: left;
    margin: 5px;
}

/* Small devices - landscape phones 576px and up */
@media(min-width: 576px) {
    .icon-style-responsive {
        font-size: 2em;
        color: #e31937;
    }

    /*YPI 2023*/
    .ypi-agent {
        top: 91% !important;
    }

    .ypi-agentbtn {
        font-size: 12px;
        padding: 6px;
    }

    /*End of YPI*/

    .card-body-alumni {
        min-height: 360px;
    }

    .alumni-card {
        min-height: 400px;
    }

    .why-mit-item-box {
        margin-top: 0;
    }

    .WhyMITCop {
        min-height: 366px;
    }

    .navbar-brand>img {
        height: auto;
    }

    .find-your-course-leading-text {
        font-size: 1.2em;
    }

    .find-your-course-first-row {
        margin-bottom: 4em;
    }

    header #search-block-form {
        width: auto;
    }

    .why-mit-item {
        padding-right: 1em;
    }

    .exploreMoreCard-details {
        min-height: 170px;
    }

    .stuSer-CardDetails {
        min-height: 155px !important;
    }

    .event-CardDetails {
        min-height: 40%;
    }

    .exploreMoreCardGC {
        min-height: 380px;
    }

    .exploreMoreCardGC-details {
        min-height: auto;
    }

    .WhyMITContentcard {
        min-height: 450px;
    }

    .profileImage {
        top: 22%;
    }

    .alumni-img {
        width: 170px;
        height: 170px;
    }

    .stuStories {
        font-size: 3em;
    }

    .fc-toolbar h2 {
        font-size: 1.25em;
    }

    .fc-button-primary {
        font-size: 8px;
    }

    .fc th {
        font-size: 15px;
    }

    .fc table {
        font-size: 13px;
    }

    .mobile-padding {
        padding-right: 15px;
        padding-left: 15px;
    }

    .intakeExplore {
        min-height: 370px;
    }

    .OrientContentcard {
        min-height: 220px;
    }

}



/*Medium devices - tablets 768px and up */
@media(min-width: 768px) {

    #enrolment-steps .bg-white {
        height: 420px !important;
    }

    /*YPI 2023*/
    .ypi-video {
        width: 60%;
        height: 550px;
        border: 35px solid #e1e1e1;
    }

    .ypi-agent {
        top: 92% !important;
    }

    .ypi-agentbtn {
        font-size: 18px;
        padding: 18px;
    }

    /*End of YPI*/

    #views-bootstrap-testimonial-page-1 {
        margin-top: -11vh;
    }

    /*New Alumni Design*/
    .card-body-alumni {
        min-height: 414px;
    }

    .find-your-course-leading-text {
        margin-top: 0.5rem;
    }

    .find-your-course-first-row {
        margin-top: 1rem;
    }

									
								 
						   
	 


    .flexslider .slides #itstime img {
        height: 50vh;
        object-position: 10% 10%;
        /* try 20px 10px */
    }

    #search-block-form {
        display: block;
    }

    .why-mit-item {
        padding: 1em;
    }

    .small-heading {
        font-size: 11pt;
    }

    .WhyMITCop {
        min-height: 340px;
    }

    .affiliation {
        background: transparent url(https://staging.mit.edu.au/sites/default/files/search-form-separator.gif) no-repeat scroll 0 0;
        font-size: 12px;
        padding: 5px 0 5px 15px;
        float: left;
        line-height: 1.2em;
        width: 160px;
        margin-top: 12px;
        color: rgb(229, 25, 55);
        display: block;
    }

    .region-footer-second {
        flex-grow: 1.2
    }

    .site-footer__top .content li a {
        border-bottom: none;
        line-height: 2;
    }

    .site-footer__top h2 {
        border-bottom: none;
    }

    .footerlogo {
        justify-content: space-around;
    }

    .footerbottom {
        display: flex;
        align-items: center;
        justify-content: space-around;
        flex-direction: row;
        text-align: left;
    }

    .alumniHomeImg {
        width: 85%;
    }

    .exploreMoreCard-details {
        min-height: 220px;
    }

    .stuSer-CardDetails {
        min-height: 197px !important;
    }

    .event-CardDetails {
        min-height: 40%;
    }

    .exploreMoreCardGC {
        min-height: 350px;
    }

    .exploreMoreCardGC-details {
        min-height: 170px;
    }

    .WhyMITContentcard {
        min-height: 510px;
    }

    .commonTab.nav-tabs .nav-item {
        width: 48%
    }

    /*Alumni Profile*/
    .profileImage {
        top: 38%;
        left: 4%;
    }

    .alumni-img {
        width: 170px !important;
        height: 170px !important;
    }

    .img-testimonial {
        width: 85%;
    }

    .quoteTestimonial {
        font-size: 7em;
    }

    .testimonial {
        min-height: 490px;
    }

    .fc-toolbar h2 {
        font-size: 2.5em;
    }

    .fc-button-primary {
        font-size: 13px;
    }

    .fc th {
        font-size: 20px;
    }

    /*Alumni*/
    .img-alumni {
        width: 90%;
    }

    .alumniQuoteTop {
        padding-top: 50px;
    }

    .alumni-card-img {
        height: 155px;
        padding-left: 20px;
        padding-top: 20px;
    }

    .alumni-card-quote {
        color: #e31937;
        font-size: 1.1em;
        font-family: "Playfair Display", serif !important;
        font-weight: bold;
    }

    .alumni-title {
        text-align: start;
        padding-top: 10px;
        line-height: 0.85em;
    }

    .alumni-card-body {
        min-height: 200px;
    }

    .img-center-alumni {
        padding-top: 0;
    }

    .alumni-card {
        min-height: 395px;
    }

    .home-event-news {
        min-height: 185px !important;
    }

    .staff-img {
        width: 120px !important;
        height: 120px !important;
    }

    .mobile-padding {
        padding-right: 20px;
        padding-left: 20px;
    }

    .intakeExplore {
        min-height: 330px;
    }

    .WhyMITPTI {
        min-height: 335px;
    }

    .OrientationBox {
        min-height: 680px;
    }

    .OrientContentcard {
        min-height: 260px;
    }

    .questions {
        margin-left: 3%;
    }

    .inner-new {
        margin-right: 5%;
    }

    .contextual-navigation-card.promo .affix {
        position: relative;
        top: 90px;
        /* z-index: 50 !important; */
        width: fit-content;
        background: #fff;
    }

}

/*Large devices - desktops 992px and up*/
@media(min-width: 992px) {
    .font-1em {
        font-size: 1.5em;
        line-height: 0.9;
    }

    .font-2em {
        font-size: 2em;
        line-height: 0.9;
    }

    .font-6em {
        font-size: 6em;
        line-height: 0.9;
    }

    /*YPI 2023*/
    .ypi-agent {
        top: 83% !important;
    }

    .ypi-agentbtn {
        font-size: 20px;
        padding: 20px;
    }

    /*End of YPI*/
    /*New Alumni Design*/
    .card-body-alumni {
        min-height: 490px;
    }

    .find-your-course-leading-text {
        font-size: 1.5em;
    }

    .find-your-course-first-row {
        margin-top: 4em;
        margin-bottom: 6em;
    }

    .block-heading {
        font-size: 2.5em;
    }

    .alumni-card-body {
        min-height: 255px;
    }

    .alumni-card {
        min-height: 420px;
    }

    .WhyMITCop {
        min-height: 420px;
    }

    .alumniQuoteHomeTop {
        padding-top: 60px;
        padding-left: 40px;
        padding-right: 30px;
    }

    .alumniQuoteTop {
        padding-top: 35px;
        padding-right: 30px;
    }

    .alumniQuoteHome {
        font-size: 28px;
    }

    .alumniCourseName {
        line-height: 1em;
        font-size: 16px;
    }

    .alumniHomeName {
        font-size: 20px;
    }

    .site-footer__top {
        display: flex;
        justify-content: space-evenly;
    }

    .before-footer {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }

    header #search-block-form {
        padding: 0;
        top: 12px;
        position: relative;
        right: 0;
        width: 100%;
    }

    .region-secondary-menu {
        width: auto;
    }

    .menu-name--quick-links {
        display: none;
    }

    .region-top-header-form {
        width: auto;
    }

    .exploreMoreCard-details {
        min-height: 217px;
    }

    .stuSer-CardDetails {
        min-height: 200px !important;
    }

    .event-CardDetails {
        min-height: 40%;
    }

    .exploreMoreCardGC {
        min-height: 380px;
    }

    .exploreMoreCardGC-details {
        min-height: 195px;
    }

    .WhyMITContentcard {
        min-height: 400px;
    }

    .include-box {
        min-height: 455px;
    }

    /*Alumni Profile*/
    .profileImage {
        top: 48%;
        left: 5%;
    }

    .alumni-img {
        width: 220px !important;
        height: 220px !important;
    }

    .testimonial {
        min-height: 470px;
    }

    .testimonialPadding {
        padding: 4%;
    }

    .home-event-news {
        min-height: 160px !important;
    }

    .staff-img {
        width: 130px !important;
        height: 120px !important;
    }

    .mobile-padding {
        padding-right: 20px;
        padding-left: 20px;
    }

    .WhyMITPTI {
        min-height: 446px;
    }

    .OrientationBox {
        min-height: 526px;
    }

    .OrientContentcard {
        min-height: 285px;
    }

    .questions {
        margin-left: 1%;
    }

    .inner-new {
        margin-right: 4%;
    }

}

/*X-Large devices - large desktops 1200px and up*/
@media(min-width: 1200px) {

    #block-quicklinks {
        display: block;
        width: auto;
        margin-top: 28px;
    }

    #block-changecampus {
        display: block;
        width: auto;
        margin-top: 28px;
    }

    /*YPI 2023*/
    .ypi-agent {
        top: 83% !important;
    }

    .ypi-agentbtn {
        font-size: 25px;
        padding: 40px;
        border: 2px solid white;
    }

    .banner-btn-ypi {
        color: #ffffff !important;
        font-family: 'Roboto', serif !important;
        font-size: 1vw !important;
        margin-top: 2%;
        max-width: 250px;
        min-height: 60px;
    }

    /*End of YPI*/

    .WhyMITVTAC {
        min-height: 366px;
    }

    .card-body-alumni {
        min-height: 465px;
    }

    .find-your-course-first-row {
        margin-top: 8em;
        margin-bottom: 8em;
    }

    .course-content {
        padding-left: 1vw;
    }

    .alumni-card-body {
        min-height: 220px;
    }

    .alumni-card {
        min-height: 400px;
    }

    .WhyMITCop {
        min-height: 368px;
    }

    .alumniQuoteTop {
        padding-top: 50px;
    }

    .alumniQuoteHome {
        font-size: 40px;
    }

    .exploreMoreCard-details {
        min-height: 200px;
    }

    .stuSer-CardDetails {
        min-height: 185px !important;
    }

    .event-CardDetails {
        min-height: 40%;
    }

    .exploreMoreCardGC {
        min-height: 400px;
    }

    .WhyMITContentcard {
        min-height: 340px;
    }

    /*Course Detail TABs*/
    #mainBlock {
        display: block;
    }

    #mainNavigation {
        width: 100%;
    }

    #mainNavigation.nav-tabs {
        border-bottom: none;
    }

    #mainNavigation.nav-tabs li {
        background: none;
        box-shadow: none;
        padding: 5px 5px;
    }

    #mainNavigation.nav-tabs .nav-item {
        background-color: inherit;
        float: left;
        border: none;
        outline: none;
        cursor: pointer;
        padding: 5px 5px;
        transition: 0.3s;
        font-size: 17px;
        box-shadow: none;
        margin-top: 0;
    }

    #mainNavigation.nav-tabs li a,
    .nav-tabs li a:hover {
        background: none;
        border: 1px solid #EEE;
        box-shadow: 8px 8px 9px -8px #ccc;
        color: black;
        font-weight: 600;
        border-radius: 8px;
    }

    #mainNavigation.nav-tabs li.active {
        display: none;
    }

    #mainNavigation.nav-tabs li.active a,
    .nav-tabs li.active a:hover,
    .nav-tabs li.active a:focus {
        background: none;
        border: 1px solid #EEE;
        box-shadow: 5px 0 5px -4px #ccc;
        color: black;
        font-weight: 600;
    }

    #mainBlock {
        background-color: rgb(229, 25, 55);
        border: 1px solid #EEE;
        box-shadow: 9px 9px 9px -8px #ccc;
        color: white;
        font-weight: 600;
        width: 25%;
        height: 135px;
        display: flex;
        position: relative;
        flex-direction: column;
        border-radius: 6px;
    }

    #mainBlock:after {
        content: '';
        position: absolute;
        top: 100%;
        left: 40%;
        margin-left: 0;
        width: 0;
        height: 0;
        border-top: 12px solid rgb(229, 25, 55);
        border-left: 24px solid transparent;
        border-right: 24px solid transparent;
    }

    /*TABs plus button*/
    .plus {
        --t: 2px;
        --l: 14px;
        --s: 3px;
        --c1: #fff;
        --c2: rgb(229, 25, 55);
        display: inline-block;
        width: var(--l);
        height: var(--l);
        padding: var(--s);
        box-sizing: border-box;
        background: linear-gradient(var(--c1), var(--c1)) content-box, linear-gradient(var(--c1), var(--c1)) content-box, var(--c2);
        background-position: center;
        background-size: 100% var(--t), var(--t) 100%;
        background-repeat: no-repeat;
        float: right;
    }

    .subBlock {
        display: flex;
        position: relative;
        flex-direction: column;
        width: 100%;
    }

    .subBlock span {
        position: absolute;
        top: 0;
        right: 0;
    }

    .commonTab.nav-tabs .nav-item {
        width: 49%
    }

    .stuAlumniStories {
        top: 57%;
        left: 21%;
    }

    /*Alumni Profile*/
    .profileImage {
        top: 62%;
        left: 8%;
    }

    /*Home page Student Alumni Stories*/
    .stuStories {
        font-size: 4em;
    }

    .fc-toolbar h2 {
        font-size: 3.25em;
    }

    .fc-button-primary {
        font-size: 16px;
    }

    .include-box {
        min-height: 350px;
    }

    .mobile-padding {
        padding-right: 30px;
        padding-left: 30px;
    }

    .commonButton {
        font-size: 1rem;
    }

    .WhyMITPTI {
        min-height: 368px;
    }

    .OrientationBox {
        min-height: 501px;
    }

    .OrientContentcard {
        min-height: 325px;
    }

    .questions {
        margin-left: 3%;
    }

    .inner-new {
        margin-right: 5%;
    }
}


/*XX-Large devices - larger desktops 1400px and up*/
@media(min-width: 1400px) {

    /*YPI 2023*/
    .ypi-agent {
        top: 84% !important;
    }

    /*End of YPI*/
    .WhyMITVTAC {
        min-height: 366px;
    }

    .WhyMITCop {
        min-height: 350px;
    }

    .exploreMoreCard-details {
        min-height: 175px;
    }

    .stuSer-CardDetails {
        min-height: 155px !important;
    }

    .event-CardDetails {
        min-height: 40%;
    }

    .exploreMoreCardGC-details {
        min-height: 155px;
    }

    .WhyMITContentcard {
        min-height: 320px;
    }

    .OrientContentcard {
        min-height: 365px;
    }
}

.table.table-striped.table-hover>thead {
    background: #e21937;
}

.table.table-striped.table-hover>thead>tr>th {
    color: #fff;
    border-bottom: none !important;
    background: #e31937;
    font-family: 'Playfair Display';
}

.table.table-striped.table-hover>tbody {
    border-top: none !important;
}

.table.table-striped.table-hover>tbody>tr>td {
    background: #fff;
    font-family: 'Roboto', san-serif;
}

a {
    word-break: break-word;
}

.banner-btn-ypi {
    word-break: break-word !important;
}

.bg-mit-cyan {
    background-color: #AEFCFF;
    background-color: rgb(174, 252, 255);
}

.img-full-width {
    width: 100%;
}

.ul-red-star {
    list-style: none;
}

.ul-red-star li:before {
    content: "\2736\0020";
    color: #e31936;
}

.cop-banner2023 {
    height: 250px;
}

.cop-banner2023img {
    background: url(/sites/default/files/2023-12/ChangeofPref.png);
    background-size: cover;
    background-position: right;
}

.chooseMITimg {
    background: url(/sites/default/files/2024-01/chooseMIT.jpg);
    background-size: cover;
    background-position: right;
}

.ChooseMITNewimg {
    background: url(/sites/default/files/2024-01/ChooseMITNew.png);
    background-size: cover;
    background-position: right;
}

.chooseMIT {
    background: url(/sites/default/files/2024-02/ChooseMIT.png);
    background-size: cover;
    background-position: right;
}

.ypi-internatinal-banner2023 {
    height: 250px;
}

.ypi-internatinal-banner2023img {
    background: url(/sites/default/files/2023-12/YPI_International.png);
    background-size: cover;
    background-position: right;
}

.domesticOrientationBannerimg {
    background: url(/sites/default/files/2024-01/DomesticStudentOrientation.jpg);
    background-size: cover;
    background-position: right;
}

.domesticStudentsBannerimg {
    background: url(/sites/default/files/2024-01/DomesticStudents.jpg);
    background-size: cover;
    background-position: right;
}

.digitalMarketingBannerimg {
    background: url(/sites/default/files/2023-12/DigitalMarketing.jpg);
    background-size: cover;
    background-position: right;
}

.marketingBannerImg {
    background: url(/sites/default/files/2023-12/Marketing.jpg);
    background-size: cover;
    background-position: right;
}

.managementBannerImg {
    background: url(/sites/default/files/2023-12/Management.jpg);
    background-size: cover;
    background-position: right;
}

.accountingBannerImg {
    background: url(/sites/default/files/2023-12/Accounting.jpg);
    background-size: cover;
    background-position: right;
}

.NetworkingBannerImg {
    background: url(/sites/default/files/2023-12/Networking.jpg);
    background-size: cover;
    background-position: right;
}

.DataAnalyticsBannerImg {
    background: url(/sites/default/files/2023-12/Data-Analytics---Kevin---Join-the-Data-Analytics-Revolution.png);
    background-size: cover;
    background-position: right;
}

.SoftwareEngineeringBannerImg {
    background: url(/sites/default/files/2023-12/SoftwareEngineering.jpg);
    background-size: cover;
    background-position: right;
}

.CyberSecurityBannerImg {
    background: url(/sites/default/files/2023-12/CyberSecurity.jpg);
    background-size: cover;
    background-position: right;
}

.MelbourneCampusBannerImg {
    background: url(/sites/default/files/2025-01/MITMelbourne.jpg);
    background-size: cover;
    background-position: right;
}

.MeetOurFacultyBannerImg {
    background: url(/sites/default/files/2025-01/MeetOurFaculty.jpg);
    background-size: cover;
    background-position: right;
}
.sydneyCampusBannerImg {
    background: url(/sites/default/files/2024-02/MITSydney.jpg);
    background-size: cover;
    background-position: right;
}

.secureYourPlaceBannerImg {
    background: url(/sites/default/files/2024-01/SecureYourPlace_0.jpg);
    background-size: cover;
    background-position: right;
}

.tuitionFeesBannerImg {
    background: url(/sites/default/files/2024-02/TutionFees_0.jpg);
    background-size: cover;
    background-position: right;
}

.scholarshipsBannerImg {
    background: url(/sites/default/files/2024-02/Beyond%20the%20ATAR%20Scholarship1.png);
    background-size: cover;
    background-position: right;
}

.orientationNEnrolmentBannerImg {
    background: url(/sites/default/files/2024-02/OrientationAndEnrolment_1.jpg);
    background-size: cover;
    background-position: right;
}

.internationalOrientationBannerImg {
    background: url(/sites/default/files/2024-02/InternationalOrientation.jpg);
    background-size: cover;
    background-position: right;
}

.firstYearExperienceBannerImg {
    background: url(/sites/default/files/2024-02/FirstYearExperience.jpg);
    background-size: cover;
    background-position: right;
}

.enrollingInYourCourseBannerImg {
    background: url(/sites/default/files/2024-02/EnrollingInYourCourse.jpg);
    background-size: cover;
    background-position: right;
}

.studentServicesBannerImg {
    background: url(/sites/default/files/2024-02/StudentServices.jpg);
    background-size: cover;
    background-position: right;
}

.buddyProgramBannerImg {
    background: url(/sites/default/files/2024-02/BuddyProgram_0.jpg);
    background-size: cover;
    background-position: right;
}

.ChooseMITSydney {
    background: url(/sites/default/files/2024-02/ChooseMITSydney.png);
    background-size: cover;
    background-position: right;
}

.internationalScholarshipBannerImg {
    background: url(/sites/default/files/2024-02/InternationalScholarship.jpg);
    background-size: cover;
    background-position: right;
}

.howToAcceptYourOfferDomesticBannerImg {
    background: url(/sites/default/files/2024-02/HowToAcceptYourOffer.jpg);
    background-size: cover;
    background-position: right;
}

.internationalStudentsBannerImg {
    background: url(/sites/default/files/2024-02/InternationalStudents_1.jpg);
    background-size: cover;
    background-position: right;
}

.internationalEntryRequirmentsBannerImg {
    background: url(/sites/default/files/2024-02/EntryRequirements.jpg);
    background-size: cover;
    background-position: right;
}

.livingMelbourneBannerImg {
    background: url(/sites/default/files/2024-02/LivingInMelbourne.jpg);
    background-size: cover;
    background-position: right;
}

.livingSydneyBannerImg {
    background: url(/sites/default/files/2024-02/LivingInSydney_0.jpg);
    background-size: cover;
    background-position: right;
}

.studentVisaBannerImg {
    background: url(/sites/default/files/2024-02/StudentVisa.jpg);
    background-size: cover;
    background-position: right;
}

.continuingStudentsReEnrolmentBannerImg {
    background: url(/sites/default/files/2024-02/ContinuingStudentsReEnrolment_0.jpg);
    background-size: cover;
    background-position: right;
}

.counsellingServicesBannerImg {
    background: url(/sites/default/files/2024-10/CounsellingServices_0.jpg);
    background-size: cover;
    background-position: right;
}

.planningYourArrivalBannerImg {
    background: url(/sites/default/files/2024-02/PlanningYourArrival.jpg);
    background-size: cover;
    background-position: right;
}

.howToAcceptYourOfferInterBannerImg {
    background: url(/sites/default/files/2024-02/HowToAcceptYourOfferInter.jpg);
    background-size: cover;
    background-position: right;
}
.whyStudyAtMITDomesticBannerImg {
    background: url(/sites/default/files/2025-01/MainwhystudyatMI_0.png);
    background-size: cover;
    background-position: right;
}
.whyStudyAtMITInterBannerImg {
    background: url(/sites/default/files/2025-01/MainwhystudyatMI.png);
    background-size: cover;
    background-position: right;
}
.wILBannerImg {
    background: url(/sites/default/files/2025-01/MainWIL.png);
    background-size: cover;
    background-position: right;
}
.cDCBannerImg {
    background: url(/sites/default/files/2025-01/Maincareer-Devel.png);
    background-size: cover;
    background-position: right;
}
.seizeYourFutureBannerImg {
    background: url(/sites/default/files/2025-01/MainSeize.png);
    background-size: cover;
    background-position: right;
}

h4 {
    margin-top: 1.5em;
    margin-bottom: 0.9em;
}

form {
    margin: 0 !important;
    padding: 1.2em !important;
}

.cop-banner2023 p,
.cop-banner2023 h1 {
    line-height: 1.2;
}

.cop-banner2023 .bg-white {
    margin-top: 22px;
    padding: 1rem;
}

.ypi-internatinal-banner2023 p,
.ypi-internatinal-banner2023 h1 {
    line-height: 1.2;
}

.ypi-internatinal-banner2023 .bg-white {
    margin-top: 22px;
    padding: 1rem;
}

@media only screen and (max-width: 768px) {
    .img-testimonial2024 {
        height: auto;
        width: 100%;
    }
}

@media only screen and (min-width: 768px) {
    .img-testimonial2024 {
        height: 650px;
        width: auto;
    }
}

@media only screen and (min-width: 992px) {
    .cop-banner2023 {
        height: 300px;
    }

    .cop-banner2023 h1 {
        margin-top: 12px;
        margin-bottom: 12px;
    }

    .ypi-internatinal-banner2023 {
        height: 300px;
    }

    .ypi-internatinal-banner2023 h1 {
        margin-top: 12px;
        margin-bottom: 12px;
    }

    .img-testimonial2024 {
        height: 550px;
        width: auto;
    }
}

@media only screen and (min-width: 1200px) {
    .cop-banner2023 {
        height: 530px;
    }

    .cop-banner2023 .bg-white {
        margin-top: 120px;
    }

    .cop-banner2023 .description,
    .cop-banner2023 h1 {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .ypi-internatinal-banner2023 {
        height: 530px;
    }

    .ypi-internatinal-banner2023 .bg-white {
        margin-top: 120px;
    }

    .ypi-internatinal-banner2023 .description,
    .ypi-internatinal-banner2023 h1 {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .img-testimonial2024 {
        height: 400px;
        width: auto;
    }
}

.slick-dots {
    bottom: 0px;
}

.slick-list .slick-track {
    opacity: 1 !important;
}

#red-nav-tabs .nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #e31937;
    background-color: #ffffff;
    border: 1px solid #e31937;
}

#red-nav-tabs .nav-link:focus,
.nav-link:hover {
    color: #e31937;
}

#red-nav-tabs .nav-pills .nav-link {
    background-color: #ECF1F4;
    color: #6C757D;
    font-weight: bold;
}

#red-nav-tabs ul.nav>li {
    border-bottom: none;
}

.bannerText2024 {
    padding-top: 5vh;
    padding-bottom: 0;
    background: #e1e1e1;
}

.btn-outline-primary {
    color: #e31937;
    border-color: #e31937;
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #e31937;
    border-color: #e31937;
}

.btn-primary:hover {
    border-color: #e31937 !important;
    background: white;
    color: #e31937;
}
.btn-primary-light {
    background-color: #fff !important;
    border-color: #e31937 !important;
    color: #e31937 !important;
    transition: .3s ease all;
}

.btn-primary-light:hover {
    border-color: #e31937 !important;
    background: #e31937 !important;
    color: #fff !important;
    transition: .3s ease all;
}

.h2_sub {
    font-weight: 500;
    font-size: 1.1rem;
    color: black;
    margin: 5px 0 5px 0;
    line-height: 1.3;
    word-break: normal;
    font-family: 'Roboto', sans-serif;
}

.text-sentence-case {
    text-transform: lowercase;
}

.text-sentence-case::first-letter {
    text-transform: uppercase;
}

.h2_main {
    color: black;
    font-weight: 450;
    line-height: 1.3;
    word-break: normal;
    font-size: 22px;  
}


.text-sentence-case {
    text-transform: lowercase;
}

.text-sentence-case::first-letter {
    text-transform: uppercase;
}

#course-overview .include-box {
    background-color: white;
    border-radius: 6px;
    box-shadow: 1px 1px 5px #80808099;
    margin: 5px;
    border-bottom: 2px solid #e31937;
    min-height: 320px;
    display: flex;
    padding: 30px 10px 10px 10px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    transition: .3s ease all;
}


.course-content .accordion-header {
    font-family: "Roboto", sans-serif;
    font-weight: 600;
}



.btn-info {
    color: #fff;
    background-color: #60c0c4;
    border-color: #60c0c4;
    transition: .3s ease;

}

.btn-info:hover {
    color: #275b5e;
    background-color: #ffffff;
    border-color: #60c0c4;
}

.fab-container {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    user-select: none;
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 999;
    font-size: 14px;
}

.fab-container:hover {
    height: 100%;
    width: 150px;
    align-items: end;
    cursor: pointer;
}

.fab-container:hover .sub-button:nth-child(2) {
    transform: translateY(-50px);
    width: max-content;
}

.fab-container:hover .sub-button:nth-child(3) {
    transform: translateY(-110px);
    width: max-content;

}

.fab-container:hover .sub-button:nth-child(4) {
    transform: translateY(-170px);
    width: max-content;
}

.fab-container:hover .sub-button:nth-child(5) {
    transform: translateY(-230px);
    width: max-content;
}

.fab-container .fab {
    position: relative;
    height: 40px;
    width: 60px;
    background-color: #e31937;
    border-radius: 8px;
    z-index: 2;
}

.fab-container .fab .fab-content {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    color: #fff;
}

.fab-container .fab .fab-content .material-icons {
    color: white;
    font-size: 48px;
}

.fab-container .sub-button {
    position: absolute;
    display: none;
    align-items: center;
    justify-content: center;
    bottom: 5px;
    right: 4px;
    height: 40px;
    width: 40px;
    padding: 0 12px;
    background-color: #e31937;
    border-radius: 8px;
    transition: all 0.3s ease;
    color: white;
    border: 0px solid #e31937;
}

.fab-container:hover .sub-button,
.fab-container.active .sub-button {
    display: flex;
}

.fab-container .sub-button:hover {
    cursor: pointer;
    transition: all 0.3s ease;
    background-color: #fff;
    color: #e31937;
}

.fab-container .sub-button .material-icons {
    color: white;
    padding-top: 6px;
}

.fab-container a {
    color: #fff;
}

.tab-content .h2_sub {
    border-left: 2px solid #60c0c4;
    padding-left: 8px;
}

.learning-outcome .h2_sub {
    border-left: none;
    padding-left: 0;
}

#WACContainer.WACContainer .WACLauncher__ButtonContainer.WACLauncher__ButtonContainer--noAnimation {
    display: none;
}

#WACContainer.WACContainer .WACLauncher__ButtonContainer.WACLauncher__ButtonContainer--round .WACLauncher__Button:not(.WACLauncher__TourButton) {
    transition: unset;
    background-color: #e31937 !important;
}

#WACContainer.WACContainer .WACLauncher__ButtonContainer.WACLauncher__ButtonContainer--round .WACLauncher__Button:not(.WACLauncher__TourButton):hover {
    border-color: #e319378a !important;
}

#WACContainer.WACContainer .WACLauncher__ButtonContainer.WACLauncher__ButtonContainer--round .WACLauncher__Button:not(.WACLauncher__TourButton):focus {
    border-width: var(--cds-chat-BASE-border-width-large);
    border-color: #e31937 !important;
}

#WACContainer.WACContainer .WACInputContainer--hasFocus {
    outline-color: #e319376e !important;
}

#WACContainer.WACContainer .WACLauncher__ButtonContainer.WACLauncher__ButtonContainer--round .WACLauncher__Button:not(.WACLauncher__TourButton):active {
    border-width: var(--cds-chat-BASE-border-width-large);
    border-color: #e31937 !important;
}

.hero-section {
    position: relative;
    width: 100%;
    height: 400px;
    /* Adjust height as needed */
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
        url('/sites/default/files/images/JoinSupportiveNetwork.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
}

.content-wrapper {
    max-width: 700px;
    padding: 20px;
    background-color: rgba(0, 0, 0, 0.6);
    /* Optional: For extra contrast */
    border-radius: 8px;
    /* Optional: For rounded corners */
}


.hero-section .h2_sub {
    font-size: 20px;
    margin-bottom: 15px;
    border-left: 2px solid #00bcd4;
    display: inline-block;
    padding-bottom: 5px;
    padding-left: 8px;
    color: white !important;
}

.hero-section p {
    font-size: 1.1rem;
    line-height: 1.6;
    margin: 0;
    color: white !important;
}

@media (max-width: 768px) {
    .hero-section {
        height: auto;
        /* Adjust height for mobile */
        padding: 20px;
    }
    iframe {
        width: -webkit-fill-available;
        height: 280px;
    }

    .scholarship {
        border-left: none !important;
    }

    .content-wrapper {
        padding: 15px;
    }
}

#views-bootstrap-testimonials-page-2 .row div {
    width: 100% !important;
}

.top-25 {
    top: 25% !important;
}

.top-10 {
    top: 10% !important;
}

.top-5 {
    top: 5% !important;
}

.top-2 {
    top: 2% !important;
}
.bottom-8 {
  bottom:8% !important;
}
.bottom-5 {
  bottom:5% !important;
}
.bottom-2 {
  bottom:2% !important;
}
.roboto {
    font-family: 'Roboto', sans-serif;
}

.svg-container {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    width: 200px;
    height: 200px;
    margin: auto;
}

.custom-svg {
    fill: #e21836;
    width: 100%;
    height: 100%;
    transition: transform 0.3s ease;
}

.custom-svg:hover {
    transform: scale(1.1);
}

.btn-link:hover {
    color: #e31936;
}
.menu-name--change-campus{
  display:none;
}

.view-staff-biography .alumni-img {
    border-radius: 4%;   
    margin-bottom: 20px;
}
.transition03ease {
    transition: transform 0.3s ease;
}
.transition03ease:hover {
    transform: scale(1.1);
}
.img-boxshadow{
    box-shadow: -2px 3px 10px 0px #ccc;
}

.pattern-bg-1 {
    border-radius: 12px;
    box-shadow: 0 4px 4px #8080801f;
}

.pattern-bg-1 p {
    font-weight: 500;
}

.pattern-bg-1 {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1034%26quot%3b)' fill='none'%3e%3cuse xlink:href='%23SvgjsSymbol1041' x='0' y='0'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsSymbol1041' x='720' y='0'%3e%3c/use%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1034'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3cpath d='M-1 0 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0z' id='SvgjsPath1039'%3e%3c/path%3e%3cpath d='M-3 0 a3 3 0 1 0 6 0 a3 3 0 1 0 -6 0z' id='SvgjsPath1037'%3e%3c/path%3e%3cpath d='M-5 0 a5 5 0 1 0 10 0 a5 5 0 1 0 -10 0z' id='SvgjsPath1036'%3e%3c/path%3e%3cpath d='M2 -2 L-2 2z' id='SvgjsPath1035'%3e%3c/path%3e%3cpath d='M6 -6 L-6 6z' id='SvgjsPath1038'%3e%3c/path%3e%3cpath d='M30 -30 L-30 30z' id='SvgjsPath1040'%3e%3c/path%3e%3c/defs%3e%3csymbol id='SvgjsSymbol1041'%3e%3cuse xlink:href='%23SvgjsPath1035' x='30' y='30' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1036' x='30' y='90' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1037' x='30' y='150' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1038' x='30' y='210' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1038' x='30' y='270' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1038' x='30' y='330' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1035' x='30' y='390' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1036' x='30' y='450' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1039' x='30' y='510' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1036' x='30' y='570' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1036' x='90' y='30' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1038' x='90' y='90' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1036' x='90' y='150' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1038' x='90' y='210' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1037' x='90' y='270' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1036' x='90' y='330' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1039' x='90' y='390' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1036' x='90' y='450' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1039' x='90' y='510' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1038' x='90' y='570' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1036' x='150' y='30' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1038' x='150' y='90' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1038' x='150' y='150' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1035' x='150' y='210' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1036' x='150' y='270' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1036' x='150' y='330' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1039' x='150' y='390' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1037' x='150' y='450' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1038' x='150' y='510' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1035' x='150' y='570' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1038' x='210' y='30' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1038' x='210' y='90' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1038' x='210' y='150' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1037' x='210' y='210' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1036' x='210' y='270' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1038' x='210' y='330' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1035' x='210' y='390' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1038' x='210' y='450' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1036' x='210' y='510' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1038' x='210' y='570' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1038' x='270' y='30' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1037' x='270' y='90' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1038' x='270' y='150' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1039' x='270' y='210' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1036' x='270' y='270' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1038' x='270' y='330' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1035' x='270' y='390' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1036' x='270' y='450' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1038' x='270' y='510' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1038' x='270' y='570' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1035' x='330' y='30' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1039' x='330' y='90' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1036' x='330' y='150' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1038' x='330' y='210' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1036' x='330' y='270' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1038' x='330' y='330' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1036' x='330' y='390' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1040' x='330' y='450' stroke='rgba(227%2c 25%2c 55%2c 0.2)' stroke-width='3'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1038' x='330' y='510' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1038' x='330' y='570' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1036' x='390' y='30' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1039' x='390' y='90' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1038' x='390' y='150' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1036' x='390' y='210' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1036' x='390' y='270' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1035' x='390' y='330' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1036' x='390' y='390' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1038' x='390' y='450' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1038' x='390' y='510' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1036' x='390' y='570' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1035' x='450' y='30' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1036' x='450' y='90' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1036' x='450' y='150' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1038' x='450' y='210' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1038' x='450' y='270' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1038' x='450' y='330' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1039' x='450' y='390' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1036' x='450' y='450' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1035' x='450' y='510' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1036' x='450' y='570' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1037' x='510' y='30' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1040' x='510' y='90' stroke='rgba(227%2c 25%2c 55%2c 0.2)' stroke-width='3'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1039' x='510' y='150' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1037' x='510' y='210' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1038' x='510' y='270' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1038' x='510' y='330' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1036' x='510' y='390' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1038' x='510' y='450' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1039' x='510' y='510' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1039' x='510' y='570' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1037' x='570' y='30' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1037' x='570' y='90' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1035' x='570' y='150' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1035' x='570' y='210' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1036' x='570' y='270' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1036' x='570' y='330' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1037' x='570' y='390' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1038' x='570' y='450' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1039' x='570' y='510' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1036' x='570' y='570' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1036' x='630' y='30' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1036' x='630' y='90' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1038' x='630' y='150' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1038' x='630' y='210' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1038' x='630' y='270' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1035' x='630' y='330' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1038' x='630' y='390' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1035' x='630' y='450' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1038' x='630' y='510' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1037' x='630' y='570' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1036' x='690' y='30' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1037' x='690' y='90' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1037' x='690' y='150' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1036' x='690' y='210' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1037' x='690' y='270' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1037' x='690' y='330' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1038' x='690' y='390' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1035' x='690' y='450' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1035' x='690' y='510' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1038' x='690' y='570' stroke='rgba(227%2c 25%2c 55%2c 0.2)'%3e%3c/use%3e%3c/symbol%3e%3c/svg%3e");
}

.vtacOffer .include-box {
    display: flex;
    align-items: center;
    box-shadow: 0px 2px 4px #8080809e;
    transition: .3s ease all;
    flex-direction: column;
    justify-content: center;
}

.vtacOffer .include-box:hover {
    box-shadow: 0px 2px 4px #80808052;
    transition: .3s ease all;
}

.vtacOffer .include-box:hover .h2_sub {
    color: #e21836;
    transition: .3s ease all;
}

.vtacOffer .include-box .h2_sub {
    transition: .3s ease all;
}

.views-exposed-form > .row {
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-end !important;
    align-items: flex-end !important;
}
.js-form-item {
    width: 20vw;
    max-width: 500px;
    min-width: 120px;
}
.form-actions {
    width:100px;
}

.scholarship {
    background-color: #ebebeb;
    border-left: 3px solid #e31937;
    margin-bottom: 112px;
}

.mit-card {
    background: white;
    box-shadow: 0px 2px 4px #80808045;
    border-radius: 10px;
    transition: .3s ease all;
}

.mit-card img {
    transition: .3s ease all;
    border-radius: 20px;
    width: -webkit-fill-available;
    transition: .3s ease all;
}

.mit-card p {
    min-height: 101px;
}

.mit-card:hover {
    box-shadow: 0px 2px 4px #c9c9c900;
    transition: .3s ease all;
}

.mit-card:hover img {
    transform: scale(1.04);
    transition: .3s ease all;
}

.whyMIT .include-box {
    box-shadow: none;
    transition: .3s ease all;
    flex-direction: column;
    justify-content: center;
}

.vtacOffer .include-box:hover {
    box-shadow: 0px 2px 4px #80808052;
    transition: .3s ease all;
}

.slide-in {
    /*opacity: 0;
    transform: translateY(50px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;*/
}

.slide-in.visible {
    opacity: 1;
    transform: translateY(0);
}

.orientation-banner h5 {
    line-height: 30px;
}

.hero-section {
    background-image: ('https://www.mit.edu.au/sites/default/files/2024-12/MainICT-Research.png');
     background-size: cover;
     color: white;
     padding: 4rem 0;
     height: 30em;
 }
 .step-card {
     border-bottom: 3px solid #002147;
     transition: transform 0.3s;
 }
 .step-card:hover {
     transform: translateY(-5px);
 }
 .usi-accordion .accordion-button {
     background-color: #f8f9fa;
     font-weight: 500;
 }
 .highlight-box {
     border: 2px solid #002147;
     border-radius: 8px;
     background: #f8f9fa;
 }

 .btn-light:hover {
    color: #ffffff !important;
    background-color: #f9fafb00 !important;
    border-color: #f9fafb !important;
}

.flex-direction-nav a {
    height: 80px;
}

.full-width-video video {
    width: -webkit-fill-available;
    border-radius: 8px;
}

.video-container {
    height: 50vh;   /* 50% of viewport height */
    overflow: hidden; /* Hide any overflow from the video */
    position: relative;
  }
  /* Video styling */
  .video-container video {
    width: 100%;
    height: 100%;
    object-fit: cover;             /* Ensures the video covers the container */
    object-position: center center; /* Keeps the center of the video in focus */
  }

  .news-gallery img{
    height: auto;
    width: -webkit-fill-available;
}

.news-gallery img{
    height: auto;
    width: -webkit-fill-available;
}

.news-bio img {
    height: 255px;
    width: auto;
    border-radius: 8px;
}

.carousel-control-next,
.carousel-control-prev {
  width: 5% !important;
  opacity: 90%;
}

#carouselImpact .carousel-control-prev {
  width: 5% !important;
  opacity: 90%;
  top: 90%;
}
#carouselImpact .carousel-control-next {
  width: 5% !important;
  opacity: 90%;
  top: 90%;
}