body {
    font-family: Montserrat, sans-serif;
    color: #000;
    font-size: 18px;
    line-height: 29px;
}
body.isgrey {
    background: #eee;
}

h1 {
    margin-top: 0px;
    margin-bottom: 20px;
    font-family: Montserrat, sans-serif;
    font-size: 34px;
    line-height: 34px;
    font-weight: 700;
}

h2 {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 42px;
    line-height: 50px;
    font-weight: 500;
}

h3 {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 30px;
    line-height: 34px;
    font-weight: 400;
}

h4 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 23px;
    line-height: 31px;
    font-weight: 300;
}

h5 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 25px;
    font-weight: 400;
}

p {
    margin-bottom: 20px;
}

a {
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    color: #292929;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
}

a:hover {
    color: #292929;
}

.wcontainer {
    position: relative;
    display: block;
    max-width: 1200px;
    min-width: 1200px;
    margin-right: auto;
    margin-left: auto;
}

.wcontainer.largespacer {
    margin-bottom: 200px;
}

.styletitle {
    margin: 20px 15px 30px;
    border-bottom: 1px solid #d4d4d4;
    font-size: 14px;
    text-transform: uppercase;
}

.flexcolwrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flexcolwrap.inversecolors {
    padding-top: 26px;
    padding-bottom: 0px;
    background-color: #d82232;
}

.flex2col {
    width: 50%;
    margin-bottom: 15px;
    padding: 10px 15px;
}

.heading {
    font-size: 55px;
    line-height: 64px;
}

.styletitleguide {
    margin-top: 20px;
    margin-bottom: 20px;
    border-top: 1px solid #d4d4d4;
    border-bottom: 0px none #d4d4d4;
    color: #d4d4d4;
    font-size: 14px;
    text-transform: uppercase;
}

.heading-2 {
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
}

.small-p {
    margin-bottom: 10px;
    color: #292929;
    font-size: 15px;
    line-height: 25px;
}

.small-p.reverse {
    color: #fff;
}

.colorbox {
    display: inline-block;
    width: 150px;
    height: 150px;
    margin-right: 25px;
}

.colorbox.blackcolor {
    margin-left: 0px;
    background-color: #000;
    color: #000;
}

.colorbox.brandmaincolor {
    background-color: #d82232;
}

.colorbox.brand2ndcolor {
    background-color: #292929;
}

.colorbox.darkgreycolor {
    background-color: #9b9b9b;
}

.colorbox.lightgreycolor {
    background-color: #d4d4d4;
}

.flex3col {
    width: 33.333%;
    margin-bottom: 15px;
    padding-right: 15px;
    padding-left: 15px;
}

.flex3col.textlinkcol {
    padding-top: 19px;
}

.cta-button {
    border-radius: 13px;
    background-color: #d82232;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}

.cta-button:hover {
    background-color: #292929;
    color: #fff;
}

.cta-button.ghost-button {
    border-style: solid;
    border-width: 1px;
    border-color: #d82232;
    background-color: transparent;
    color: #d82232;
}

.cta-button.ghost-button:hover {
    border-color: #d82232;
    background-color: #d82232;
    color: #fff;
}

.cta-button.ghost-button.inverse-ghost {
    border-color: #fff;
    color: #fff;
}

.cta-button.ghost-button.inverse-ghost:hover {
    background-color: #fff;
    color: #d82232;
}

.cta-button.inverse-button {
    background-color: #fff;
    color: #d82232;
}

.cta-button.inverse-button:hover {
    background-color: #292929;
    color: #fff;
}

.invese-link {
    color: #fff;
}

.coldummycolor {
    background-color: #d4d4d4;
}

.popbg {
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 500;
    display: none;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.77);
    opacity: 0;
}

.popwindow {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 400px;
    height: 400px;
    padding: 17px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 10px;
    background-color: #fff;
    text-align: center;
}

.hero {
    height: 700vh;
    background-color: #d82232;
    color: #fff;
}

.pageheading {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: visible;
    height: 630px;
    margin-bottom: 200px;
    padding-top: 50px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-image: linear-gradient(295deg, #4f1218, #d82232 75%);
}

.brand {
    position: static;
    float: none;
}

.navbar {
    position: absolute;
    top: 50px;
    width: 100%;
    background-color: transparent;
}

.blurlogo {
    position: absolute;
    right: 0px;
    bottom: -116px;
    z-index: 1;
    width: auto;
    height: 130%;
}

.blurlogo.footerv {
    left: 0px;
    top: -215px;
    right: auto;
    bottom: auto;
    height: 300%;
    opacity: 0.3;
}

.blurlogo.alt {
    bottom: -63px;
    height: 160%;
}

.div-block {
    position: relative;
    z-index: 100;
    width: 792px;
    height: 563px;
}

.bubbletext {
    position: relative;
    z-index: 100;
    display: inline-block;
    padding: 14px 20px;
    border-radius: 30px;
    background-color: #292929;
    color: #fff;
}

.bubbletext.subtext {
    display: inline-block;
    margin-top: 10px;
    padding-top: 5px;
    padding-bottom: 10px;
    font-size: 28px;
    font-weight: 500;
}

.bubbletext.subtext.min {
    margin-top: 20px;
    padding-top: 9px;
    font-size: 20px;
    line-height: 30px;
}

.bubbletext.red {
    background-color: #d82232;
}

.bubbletext.abovefold {
    margin-top: -20px;
}

.bubbletext.altpage {
    font-size: 40px;
}

.headingsmalltext {
    width: 308px;
    margin-top: 50px;
    color: #fff;
}

.background-video {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 10;
    width: 792px;
    height: 563px;
    border-radius: 30px;
}

.homeheading {
    margin-top: 60px;
}

.navlink {
    color: #fff;
    line-height: 24px;
    font-weight: 400;
}

.navlink:hover {
    color: #d4d4d4;
}

.navlink.w--current {
    color: #fff;
    font-weight: 600;
}

.calendarlink {
    margin-top: 5px;
    margin-left: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 13px;
    background-color: #000;
    color: #fff;
    line-height: 24px;
}

.calendarlink:hover {
    background-color: #d82232;
    color: #fff;
}

.calendarlink.w--current {
    background-color: #292929;
    color: #fff;
}

.headerfooter {
    position: absolute;
    bottom: 0px;
    z-index: 2;
    width: 100%;
    height: 15px;
    background-image: linear-gradient(43deg, #000, #d82232);
}

.flexcolumns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.flexcolumns.topaligned {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.roundedimage {
    border-radius: 30px;
}

.greybg {
    padding-right: 10px;
    padding-left: 10px;
    border-radius: 30px;
}

.logoscontainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 20px auto;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between;
}

.logotop {
    margin-bottom: 27px;
}

.footer {
    position: relative;
    overflow: hidden;
    padding-top: 70px;
    padding-bottom: 70px;
    background-image: linear-gradient(169deg, #000 35%, #2f2f2f);
}

.greybox {
    padding-right: 40px;
    padding-bottom: 40px;
    padding-left: 40px;
    border-radius: 30px;
    background-color: #f8f8f8;
}

.footerheader {
    position: absolute;
    top: 0px;
    z-index: 2;
    width: 100%;
    height: 3px;
    background-color: #d82232;
}

.footercols {
    position: relative;
    z-index: 10;
}

.footerlogo {
    width: 300px;
    margin-bottom: 20px;
}

.copyright {
    margin-bottom: 0px;
    color: #fff;
    font-size: 13px;
    line-height: 25px;
}

.copyright.reverse {
    color: #fff;
}

.websiteby {
    margin-bottom: 0px;
    color: #fff;
    font-size: 10px;
    line-height: 25px;
}

.websiteby.reverse {
    color: #fff;
}

.dclink {
    color: #fff;
    font-size: 10px;
    font-weight: 300;
}

.dclink:hover {
    color: #d82232;
}

.footerlink {
    display: block;
    margin-bottom: 15px;
    color: #fff;
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
}

.footerlink:hover {
    color: #d82232;
}

.footerlink.w--current {
    color: #d82232;
}

.logo {
    width: 290px;
}

.blurholder {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.pageheadingsubpage {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: visible;
    height: 290px;
    margin-bottom: 100px;
    padding-top: 140px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-image: linear-gradient(295deg, #4f1218, #d82232 75%);
}

.homepageheading {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: visible;
    height: 166px;
    margin-bottom: 0px;
    padding-top: 140px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-image: linear-gradient(295deg, #4f1218, #d82232 75%);
}

.homeVideoContainer {
    position: relative;
    height: 517px;
    display: block;
    width: 100%;
    z-index: 1;
    overflow: hidden;
}
.bgVideo {
    position: absolute;
    left: 0;
    top: -80px;
    background-size: cover;
    background: no-repeat center;
    user-select: none;
    pointer-events: none;

    height: 100%;
    width: 177.77777778vh; /* 100 * 16 / 9 */
    min-width: 100%;
    min-height: 56.25vw; /* 100 * 9 / 16 */
    z-index: 1;
}
.videoOverlay {
    display: block;
    background: linear-gradient(
        180deg,
        rgba(217, 217, 217, 0) 0%,
        #5a5a5a 100%
    );
    backdrop-filter: blur(2px);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
}
.homeBannerContent {
    position: relative;
    z-index: 3;
}
.homeHeroContent {
    position: relative;
    margin-top: 100px;
    z-index: 10;
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    gap: 24px;
    flex-shrink: 0;
    flex-wrap: wrap;
    border-radius: 12px;
    padding: 39px 24px;
}
.courseHeroContent {
    position: relative;
    margin-top: 100px;
    margin-bottom: 100px;
    z-index: 10;
    padding: 39px 24px;
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    gap: 24px;
    flex-shrink: 0;
    flex-wrap: wrap;
    border-radius: 12px;
}
.newsItem {
    display: flex;
    position: relative;
    color: #ffffff;
    height: 170px;
    padding: 12px;
    align-items: flex-end;
    gap: 8px;
    flex: 1 0 0;
    min-width: 270px;
    max-width: 270px;
    border-radius: 6px;
}
.badgeText {
    display: flex;
    padding: 2px 12px;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    gap: 8px;
    position: absolute;
    left: 12px;
    top: -10px;
    border-radius: 6px;
}
.titleTag {
    display: flex;
    padding: 2px 12px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    position: absolute;
    left: 24px;
    top: -27px;
    border-radius: 6px;
    background: linear-gradient(119deg, #000 16.58%, #d82232 145.31%);
    color: #ffffff;
    font-weight: 400;
    font-size: 16px;
}

.categoryouter {
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    gap: 24px;
    flex-shrink: 0;
    flex-wrap: wrap;
    border-radius: 12px;
    padding: 39px 24px;
}
.categoryinner {
    display: flex;
    position: relative;
    color: #ffffff;
    height: 170px;
    padding: 12px;
    align-items: flex-end;
    gap: 8px;
    flex: 1 0 0;
    min-width: 270px;
    max-width: 270px;
    border-radius: 6px;
}
.categoryheading {
}

.headerfootersubpage {
    position: absolute;
    bottom: 0px;
    z-index: 2;
    width: 100%;
    height: 10px;
    background-image: linear-gradient(43deg, #000, #d82232);
}

.aboutphoto {
    border-radius: 30px;
}

.columns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 40px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.finput {
    padding: 28px 15px;
    border: 1px solid #9b9b9b;
    border-radius: 15px;
}

.finput:focus {
    color: #d82232;
}

.finput::-webkit-input-placeholder {
    color: #2b2b2b;
}

.finput:-ms-input-placeholder {
    color: #2b2b2b;
}

.finput::-ms-input-placeholder {
    color: #2b2b2b;
}

.finput::placeholder {
    color: #2b2b2b;
}

.submit-button {
    padding-right: 25px;
    padding-left: 25px;
    border-radius: 5px;
    background-color: #292929;
}

.background-video-2 {
    width: 100%;
    height: 330px;
    border-radius: 30px;
}

.columns-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.paragraph {
    margin-top: 20px;
}

.columns-3 {
    margin-top: 60px;
}

.image {
    border-radius: 30px;
}

.news1 {
    padding-top: 60px;
    padding-bottom: 60px;
    background-color: #f8f8f8;
}

.news2 {
    padding-top: 60px;
    padding-bottom: 60px;
    background-color: #fff;
}

@media screen and (max-width: 991px) {
    h2 {
        font-size: 34px;
        line-height: 48px;
    }

    .wcontainer {
        max-width: 100%;
        padding: 5px;
        min-width: 100%;
    }
    .fc-exportButton-button,
    .fc-today-button {
        display: none !important;
    }
    .wcontainer.largespacer {
        margin-bottom: 60px;
    }

    .pageheading {
        height: auto;
        margin-bottom: 80px;
        padding-top: 110px;
        padding-right: 40px;
        padding-left: 40px;
    }

    .navbar {
        padding-right: 40px;
        padding-left: 40px;
    }

    .blurlogo {
        display: none;
    }

    .bubbletext {
        font-size: 34px;
    }

    .bubbletext.subtext {
        font-size: 42px;
    }

    .bubbletext.abovefold {
        padding-right: 25px;
        padding-left: 25px;
    }

    .headingsmalltext {
        display: none;
    }

    .background-video {
        position: relative;
        width: 100%;
        margin-bottom: -50px;
    }

    .flexcolumns {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .roundedimage {
        width: 50%;
    }

    .roundedimage.hidmob {
        display: none;
    }

    .footer {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .greybox {
        margin-bottom: 40px;
    }

    .heading-3 {
        font-size: 36px;
    }

    .bodyblock {
        padding-right: 40px;
        padding-left: 40px;
    }

    .hidmobile {
        display: none;
    }

    .column {
        text-align: center;
    }

    .pageheadingsubpage {
        height: auto;
        margin-bottom: 80px;
        padding-top: 110px;
        padding-right: 40px;
        padding-left: 40px;
    }
    .homepageheading {
        height: auto;
        padding-top: 110px;
        padding-right: 40px;
        padding-left: 40px;
    }
}

@media screen and (max-width: 767px) {
    .flexcolwrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .flex2col {
        width: 100%;
    }

    .colorbox {
        margin-right: 15px;
        margin-bottom: 15px;
        margin-left: 10px;
    }

    .colorbox.blackcolor {
        margin-left: 10px;
    }

    .flex3col {
        width: 100%;
    }

    .background-video {
        height: 340px !important;
    }

    .centreloginAccount .container {
        flex-direction: column;
    }
    .myStudent {
        align-items: flex-start !important;
        flex-direction: column;
        text-align: left;
    }
    .myStudent .sName {
        width: auto;
    }
    .homeHeroContent,
    .courseHeroContent {
        border-radius: 0 !important;
        margin-top: 0 !important;
        padding: 0 !important;
        padding: 39px 24px !important;
    }
    .homeHeroContent a,
    .newsItem,
    .courseHeroContent a {
        min-width: 100%;
        max-width: 100%;
    }
    .titleTag {
        padding: 6px 12px;
        left: 24px;
        top: -29px;
        font-weight: 500;
        font-size: 26px;
    }
    .bgVideo {
        width: 110vh;
        height: 130%;
    }
}

@media screen and (max-width: 479px) {
    h1 {
        font-size: 35px;
        line-height: 38px;
    }

    h2 {
        font-size: 20px;
        line-height: 31px;
    }

    h3 {
        font-size: 25px;
        line-height: 31px;
    }

    h4 {
        font-size: 21px;
        line-height: 26px;
    }

    h5 {
        font-size: 16px;
        line-height: 22px;
    }

    p {
        margin-bottom: 15px;
        font-size: 15px;
        line-height: 25px;
    }

    a {
        font-size: 15px;
    }

    .wcontainer {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .wcontainer.flexible {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    .small-p {
        font-size: 13px;
        line-height: 22px;
    }

    .cta-button {
        font-size: 15px;
    }

    .pageheading {
        padding-top: 100px;
        padding-right: 20px;
        padding-left: 20px;
    }

    .brand {
        position: static;
        display: block;
        width: 70%;
    }

    .navbar {
        top: 20px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding-right: 10px;
        padding-left: 10px;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .bubbletext {
        font-size: 24px;
    }

    .bubbletext.subtext {
        padding-bottom: 2px;
        font-size: 22px;
    }

    .bubbletext.subtext.min {
        margin-top: 20px;
        padding-top: 5px;
        padding-bottom: 4px;
        font-size: 14px;
    }

    .bubbletext.altpage {
        padding-top: 5px;
        padding-bottom: 5px;
        font-size: 20px;
    }

    .background-video {
        height: 250px;
    }

    .homeheading {
        margin-top: 120px;
        margin-left: 20px;
        margin-bottom: -15px;
    }

    .navlink {
        background-color: transparent;
        color: #fff;
        text-align: center;
    }

    .navlink:hover {
        background-color: #d82232;
        color: #fff;
    }

    .calendarlink {
        color: #fff;
        text-align: center;
    }

    .roundedimage {
        width: 100%;
    }

    .logoscontainer {
        width: 100%;
    }

    .logotop {
        margin-bottom: 20px;
    }

    .footer {
        padding-right: 20px;
        padding-left: 20px;
        background-color: #000;
        background-image: none;
    }

    .greybox {
        padding-right: 20px;
        padding-bottom: 10px;
        padding-left: 20px;
    }

    .copyright {
        font-size: 13px;
        line-height: 22px;
    }

    .websiteby {
        font-size: 13px;
        line-height: 22px;
    }

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

    .logo {
        width: 100%;
    }

    .logobottom {
        margin-bottom: 20px;
    }

    .pageheadingsubpage {
        padding-top: 100px;
        padding-right: 20px;
        padding-left: 20px;
    }

    .homepageheading {
        padding-top: 100px;
        padding-right: 20px;
        padding-left: 20px;
    }

    .columns {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .background-video-2 {
        height: 200px;
    }

    .columns-2 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .nav-menu {
        position: absolute;
        left: 0px;
        right: 0px;
        z-index: 1;
        width: 100%;
        height: auto;
        margin-top: 15px;
        padding: 15px;
        border-radius: 0px 0px 15px 15px;
        background-color: #000;
    }

    .menu-button {
        border-radius: 15px;
    }

    .menu-button.w--open {
        border-radius: 15px;
        background-color: #000;
    }

    .column-2 {
        padding-right: 0px;
        padding-left: 0px;
    }

    .column-3 {
        padding-right: 0px;
        padding-left: 0px;
    }
}

.coursecategories {
    margin-top: 10px;
    margin-right: 4px;
    margin-left: 4px;
    border-style: solid;
    border-width: 1.3px;
    border-color: #ea4353;
    border-radius: 6px;
    background-color: transparent;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    color: #ea4353;
    font-size: 13px;
}

.coursecategories:hover {
    border-color: #c43539;
    color: #c43539;
}

.coursecategories.selectedcategory {
    border-color: #505050;
    color: #505050;
}

.centrelogin {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.centreloginAccount {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.centreloginAccount .container {
    width: 100%;
    display: flex;
    gap: 1rem;
}
a.bubbletext:hover {
    background: #c43539;
    color: #ffffff;
}

.heading-10 {
    font-family: Montserrat, sans-serif;
    text-align: center;
}
.heading-11 {
    font-family: Montserrat, sans-serif;
    text-align: left;
}

.signuptext {
    width: 80%;
    margin-bottom: 20px;
    color: #757575;
    font-size: 14px;
    text-align: center;
}

.text-block-23 {
    margin-top: 10px;
    color: #fff;
    text-align: right;
}

.filtertext {
    color: #757575;
    font-size: 12px;
}

.form-block {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
}

.formelem {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px;
    padding-left: 10px;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: center;
    box-shadow: 0 0 8px -2px rgba(0, 0, 0, 0.25);
    border: 1px solid #ccc;
}

.tt-menu:hover {
    background: whitesmoke;
    cursor: pointer !important;
}

.field-label {
    display: inline-block;
    width: 15%;
    float: left;
}

.text-field {
    display: inline-block;
    width: 84%;
    height: 50px;
    margin-bottom: 0px;
    border: 0px none #000;
}

.submit-button {
    width: 100%;
    padding: 20px;
    background-color: #c43539;
    font-family: Montserrat, sans-serif;
}

.helptext {
    margin-bottom: 15px;
    color: #757575;
    font-size: 12px;
    text-align: center;
}
.helptextL {
    margin-bottom: 1.5rem;
    color: #757575;
    font-size: 10px;
    text-align: left;
}

.select-field {
    width: 42%;
    height: 50px;
    margin-bottom: 0px;
    background-color: #fff;
}

.paragraph-10 {
    padding: 10px;
    border-radius: 5px;
    background-color: #ececec;
}

.textbooking {
    margin-bottom: 5px;
    padding: 10px 20px;
    border-radius: 5px;
    background-color: #ececec;
}

.textbookingcost {
    margin-bottom: 10px;
    padding: 10px 20px;
    border-radius: 5px;
    background-color: #c43539;
    color: #fff;
}

.source {
    width: 84%;
    height: 50px;
    margin-bottom: 0px;
    background-color: #fff;
}

.creditcard {
    display: none;
}

.paymentmethod {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 19px;
    margin-bottom: 19px;
    padding-left: 10px;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    box-shadow: 0 0 8px -2px rgba(0, 0, 0, 0.25);
}

.helptextu {
    margin-bottom: 15px;
    color: #757575;
    font-size: 12px;
    text-align: center;
    text-decoration: underline;
}

.field-labelright {
    display: inline-block;
    width: 15%;
    padding-right: 5px;
    float: left;
    text-align: right;
}

.text-block-24 {
    display: inline-block;
    padding: 6px;
}

.text-block-24-copy {
    display: inline-block;
    padding: 6px;
}

.individualname {
    display: inline-block;
    margin-left: 5px;
    padding: 6px;
    border-radius: 6px;
    background-color: #fff;
}

.text-span-4 {
    color: #757575;
}

.text-fieldsplit {
    display: inline-block;
    width: 42%;
    height: 50px;
    margin-bottom: 0px;
    border: 0px none #000;
}

.courseslistingblock {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.courseitem {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin: 15px;
    padding: 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: row;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
    background: none;
    border: 1px solid #000000;
}
.courseitem p {
    margin-bottom: 0px !important;
}

.coursecategory {
    margin-bottom: 30px;
    padding: 25px;
    border-radius: 3px;
}

.image-13 {
    max-width: 300px;
}

.footertext {
    margin-top: 10px;
    color: #fff;
    text-align: left;
}

html.w-mod-js *[data-ix="close-word-on-load"] {
    -webkit-transform: translate(100%, 0px);
    -ms-transform: translate(100%, 0px);
    transform: translate(100%, 0px);
}
@media (max-width: 800px) {
    .img-home {
        display: none !important;
    }
    .connect-with-us {
        flex-direction: column;
        margin-bottom: 70px;
    }
}
.whiteLink {
    color: #ffffff;
}
.img-home {
    position: absolute;
}
.img-room {
    left: calc(0.8 * -13vw);
    width: 20vw;
}
.img-mask {
    left: calc(0.8 * -9vw);
    top: 23vw;
    width: 10vw;
}
.img-lock {
    right: calc(0.8 * -9vw);
    top: 3vw;
    width: 13vw;
}

.img-award {
    right: calc(0.8 * -11vw);
    top: 19vw;
    width: 21vw;
    max-width: 370px;
}
.student-info {
    position: relative;
    border-radius: 12px;
    padding: 0px;
    background: #3a2c2c;
}
.student-info p {
    color: #ffffff;
    font-size: 16px;
    padding: 20px 28px 8px 28px;
}
.students-at-desk {
    width: 100%;
    height: auto;
    border-radius: 12px 12px 0 0;
}
.connect-with-us {
    background: #ffffff;
    border-radius: 12px;
    display: flex;
    gap: 26px;
    padding: 26px;
}

.c-collect {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex-grow: 1;
}
.c-social {
    padding: 10px;
    border-width: 1px;
    border-style: solid;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
}
.c-facebook {
    border-color: #0865ff;
}
.c-facebook:hover {
    background: #0865ff;
    color: #ffffff;
}
.c-facebook:hover img {
    mix-blend-mode: color-dodge;
    filter: invert(100%);
}

.c-instagram {
    border-color: #fe0a64;
}

.c-instagram:hover {
    background: #fe0a64;
    color: #ffffff;
}
.c-instagram:hover img {
    mix-blend-mode: color-dodge;
    filter: invert(100%);
}

.c-linkedin {
    border-color: #0c64c5;
}

.c-linkedin:hover {
    background: #0c64c5;
    color: #ffffff;
}
.c-linkedin:hover img {
    mix-blend-mode: color-dodge;
    filter: invert(100%);
}

.c-google {
    padding: 10px;
    border-width: 1px;
    border-style: solid;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    gap: 12px;
    flex-grow: 1;
    border-color: #34a853;
}

.c-google:hover {
    background: #34a853;
    color: #ffffff;
}
.c-google:hover img {
    mix-blend-mode: color-burn;
    filter: contrast(200%);
}

@media (max-width: 991px) {
    .image {
        padding-right: 40px;
        padding-left: 40px;
    }
    .background-video {
        overflow: hidden;
    }
    .image-4 {
        padding-left: 15px;
    }
    .text-block-6 {
        padding-top: 10px;
    }
    .div-block-18 {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .menu-button-2 {
        margin-right: 10px;
        margin-bottom: 5px;
    }
    .menu-button-2.w--open {
        margin-top: 10px;
    }
    .open-close-mask {
        height: 50px;
    }
    .open {
        line-height: 45px;
    }
    .close {
        line-height: 45px;
    }

    .nav-menu[data-nav-menu-open] {
        display: block !important;
    }
    .w-nav-menu {
        background: #1f1f1f;
        float: none !important;
    }
    .courseitem {
        flex-direction: column !important;
    }
    .courseitem a {
        margin-top: 6px;
    }
}

@media (max-width: 767px) {
    .text-block {
        margin-top: 10px;
    }
    .section-3 {
        padding-right: 20px;
        padding-left: 20px;
    }
    .section-4 {
        padding-right: 10px;
        padding-left: 10px;
    }
    .section-5 {
        padding-right: 0px;
        padding-left: 0px;
    }
    .section-6 {
        padding-right: 10px;
        padding-left: 10px;
    }
    .section-7 {
        padding-right: 10px;
        padding-left: 10px;
    }
    .section-8 {
        padding-right: 10px;
        padding-left: 10px;
    }
    .section-9 {
        padding-right: 10px;
        padding-left: 10px;
    }
    .section-11 {
        padding-right: 10px;
        padding-left: 10px;
    }
    .section-12 {
        padding-right: 10px;
        padding-left: 10px;
    }
    .section-13 {
        padding-right: 10px;
        padding-left: 10px;
    }
    .section-15 {
        padding-right: 10px;
        padding-left: 10px;
    }
    .div-block-3 {
        margin-top: 25px;
        margin-bottom: 25px;
    }
    .section-17 {
        padding-right: 10px;
        padding-left: 10px;
    }
    .div-block-5 {
        margin-bottom: 20px;
    }
    .div-block-6 {
        margin-bottom: 20px;
    }
    .columns {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .column-3 {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    .div-block-8 {
        padding-right: 0px;
        padding-left: 0px;
    }
    .section-22 {
        padding-left: 1px;
    }
    .section-23 {
        padding-right: 10px;
        padding-left: 10px;
    }
    .section-24 {
        padding-right: 10px;
        padding-left: 10px;
    }
    .background-video {
        overflow: hidden;
    }
    .div-block-11 {
        margin-right: 0%;
        margin-left: 0%;
    }
    .div-block-12 {
        margin-top: 20px;
    }
    .image-4 {
        margin-top: 10px;
        padding-right: 10px;
        padding-left: 10px;
    }
    .section-26 {
        padding-right: 10px;
        padding-left: 10px;
    }
    .column-6 {
        padding-right: 10px;
    }
    .paragraph-3 {
        padding-right: 10px;
        padding-left: 10px;
    }
    .section-28 {
        padding-right: 10px;
        padding-left: 10px;
    }
    .container-7 {
        padding-right: 10px;
        padding-left: 10px;
    }
    .container-8 {
        padding-right: 10px;
        padding-left: 10px;
    }
    .container-9 {
        padding-right: 10px;
        padding-left: 10px;
    }
    .container-10 {
        padding-right: 10px;
        padding-left: 10px;
    }
    .section-29 {
        padding-right: 10px;
        padding-left: 10px;
    }
    .menu-button-2 {
        margin-right: 10px;
    }
    .menu-button-2.w--open {
        margin-top: 10px;
    }
    .grid {
        grid-row-gap: 3px;
    }
}

@media (max-width: 479px) {
    .text-block {
        font-size: 10px;
        line-height: 15px;
    }
    .headingdefault {
        font-size: 25px;
        line-height: 25px;
    }
    .h2.default {
        line-height: 25px;
    }
    .h2.default.button {
        font-size: 12px;
    }
    .section-3 {
        display: none;
    }
    .section-4 {
        overflow: visible;
        padding-right: 10px;
        padding-left: 10px;
    }
    .link-block {
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto;
    }
    .link-block.nav {
        display: none;
    }
    .link-block.nav.bookonline {
        margin-left: 0px;
    }
    .link-block.nav.bookonline.news {
        margin-left: 10px;
    }
    .link-block.buttonaccount {
        display: none;
    }
    .link-block.buttonaccount.bookonline {
        margin-left: 0px;
    }
    .link-block.buttonaccount.bookonline.news {
        margin-left: 10px;
    }
    .section-16 {
        padding-right: 10px;
        padding-left: 10px;
    }
    .link-block-7 {
        display: none;
    }
    .background-video {
        overflow: hidden;
        height: 100vh;
        padding-right: 10px;
        padding-left: 10px;
    }
    .navbar-2 {
        position: absolute;
        left: 0%;
        top: 0%;
        right: 0%;
        bottom: 0%;
    }
    .icon {
        font-size: 40px;
    }
    .nav-menu[data-nav-menu-open] {
        display: block !important;
    }
    .nav-menu {
        top: 0px;
    }
    .heading {
        font-size: 40px;
        line-height: 40px;
    }
    .div-block-11 {
        margin-right: 0%;
        margin-left: 0%;
    }
    .heading-2 {
        font-size: 40px;
        line-height: 60px;
    }
    .image-4 {
        width: 220px;
        margin-top: 5px;
        padding-left: 10px;
    }
    .text-block-5 {
        font-size: 12px;
    }
    .navbar-3 {
        position: fixed;
        left: 0%;
        top: 0%;
        right: 0%;
        bottom: auto;
        padding-left: 0px;
    }
    .div-block-16 {
        width: auto;
    }
    .text-block-6 {
        display: none;
        padding-top: 10px;
    }
    .div-block-17 {
        display: block;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
    .link-block-8 {
        display: none;
    }
    .container-4 {
        padding-right: 10px;
        padding-left: 10px;
    }
    .column-6 {
        position: static;
        padding-right: 10px;
    }
    .paragraph-3 {
        line-height: 20px;
    }
    .rich-text-block-3 {
        padding: 10px;
    }
    .heading-6 {
        font-size: 25px;
    }
    .collection-item {
        padding-right: 0px;
        padding-left: 0px;
    }
    .div-block-24 {
        margin-right: 10px;
        margin-left: 10px;
        margin-top: 80px !important;
    }
    .heading-7 {
        font-size: 22px !important;
        line-height: 22px !important;
    }
    .div-block-26 {
        margin-top: -10px;
        padding: 5px;
    }
    .text-block-16 {
        font-family: Montserrat, sans-serif;
        font-size: 11px;
    }
    .text-block-17 {
        font-family: Montserrat, sans-serif;
        font-size: 11px;
    }
    .heading-8 {
        font-size: 18px;
        line-height: 26px;
    }
    .menu-button-2 {
        height: 43px;
    }
    .menu-button-2.w--open {
        height: 43px;
        margin-top: 10px;
    }
    .line2-1 {
        left: 0px;
        top: 19px;
        right: 0px;
        display: none;
    }
    .simple-menu-button {
        width: 50px;
        height: 50px;
    }
    .line-4.simple {
        top: 15px;
    }
    .line-5.simple {
        top: 26px;
    }
    .line-6.simple {
        top: 36px;
    }
    .html-embed {
        overflow: visible;
    }
    .calendar {
        padding-right: 10px;
        padding-left: 10px;
    }
    .googlebutton {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        padding-top: 15px;
        padding-bottom: 15px;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        border-radius: 3px;
        background-color: #fff;
        box-shadow: 0 0 8px -2px rgba(0, 0, 0, 0.25);
        color: #7f7f7f;
        text-align: center;
        text-decoration: none;
    }
    .image-12 {
        margin-right: 15px;
        margin-left: 15px;
        float: left;
    }
    .facebookbuttonimage {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        margin-top: 0px;
        padding-top: 15px;
        padding-bottom: 15px;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        border-radius: 3px;
        background-color: #1677f3;
        box-shadow: 0 0 8px -2px rgba(0, 0, 0, 0.25);
        color: #7f7f7f;
        text-align: center;
        text-decoration: none;
    }
    .text-block-21 {
        color: #fff;
    }
    .bookonline {
        padding-right: 10px;
        padding-left: 10px;
    }

    .container-11 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .image-8 {
        max-width: 150px;
    }

    .image-9 {
        max-width: 150px;
    }

    .image-10 {
        max-width: 150px;
    }

    .image-11 {
        max-width: 150px;
    }

    .digital-crayon-link {
        color: #ea4353;
    }

    .text-span-3 {
        font-size: 12px;
    }

    .menu-button-2 {
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
        z-index: 1;
        overflow: visible;
        width: 41px;
        height: 43px;
        margin: 15px 10px 10px 26px;
        padding: 0px;
        float: right;
        clear: none;
        border: 0px none #000;
    }

    .menu-button-2.w--open {
        margin-top: 10px;
        margin-right: 10px;
        margin-bottom: 5px;
        background-color: transparent;
    }

    .open-close-mask {
        position: absolute;
        top: 0px;
        right: 65px;
        bottom: 0px;
        overflow: hidden;
        width: 70px;
        height: 50px;
    }

    .open {
        position: absolute;
        top: 0px;
        bottom: 0px;
        overflow: hidden;
        height: 45px;
        margin-top: 0px;
        margin-bottom: 0px;
        padding-right: 10px;
        padding-left: 10px;
        font-family: "Open Sans", sans-serif;
        color: #7a7a7a;
        font-size: 16px;
        line-height: 45px;
        font-weight: 400;
        letter-spacing: 1px;
    }

    .close {
        position: absolute;
        top: 0px;
        bottom: 0px;
        overflow: hidden;
        height: 45px;
        margin-top: 0px;
        margin-bottom: 0px;
        padding-right: 0px;
        padding-left: 10px;
        font-family: "Open Sans", sans-serif;
        color: #fff;
        font-size: 16px;
        line-height: 45px;
        font-weight: 400;
        letter-spacing: 1px;
    }

    .line-3 {
        position: absolute;
        left: 0px;
        top: 30px;
        right: 0px;
        z-index: 2;
        display: block;
        width: 35px;
        height: 2px;
        margin-right: auto;
        margin-left: auto;
        background-color: #fff;
        color: #fff;
    }

    .line-2 {
        position: absolute;
        left: 0px;
        top: 20px;
        right: 0px;
        z-index: 1;
        display: block;
        width: 35px;
        height: 2px;
        margin-right: auto;
        margin-left: auto;
        background-color: #fff;
    }

    .line-1 {
        position: absolute;
        left: 0px;
        top: 10px;
        right: 0px;
        z-index: 2;
        display: block;
        width: 35px;
        height: 2px;
        margin-right: auto;
        margin-left: auto;
        background-color: #fff;
    }

    .line2-1 {
        position: absolute;
        left: 0px;
        top: 19px;
        right: 0px;
        display: none;
        width: 0px;
        height: 1px;
        margin-right: auto;
        margin-left: auto;
        border: 2px solid #7a7a7a;
    }

    .simple-menu-button {
        overflow: hidden;
        width: 60px;
        height: 60px;
        margin-right: 10px;
        margin-left: 10px;
        padding: 0px;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        background-color: #c43539;
    }

    .simple-menu-button.w--open {
        background-color: #d82232;
    }

    .line-4 {
        position: absolute;
        left: 0px;
        top: 10px;
        right: 0px;
        z-index: 2;
        display: block;
        width: 35px;
        height: 2px;
        margin-right: auto;
        margin-left: auto;
        background-color: #7a7a7a;
    }

    .line-4.simple {
        top: 18px;
        background-color: #fff;
    }

    .line-5 {
        position: absolute;
        left: 0px;
        top: 20px;
        right: 0px;
        z-index: 1;
        display: block;
        width: 35px;
        height: 2px;
        margin-right: auto;
        margin-left: auto;
        background-color: #7a7a7a;
    }

    .line-5.simple {
        top: 28px;
        background-color: #fff;
    }

    .line-6 {
        position: absolute;
        left: 0px;
        top: 30px;
        right: 0px;
        z-index: 2;
        display: block;
        width: 35px;
        height: 2px;
        margin-right: auto;
        margin-left: auto;
        background-color: #7a7a7a;
    }

    .line-6.simple {
        top: 38px;
        background-color: #fff;
    }

    .section-56 {
        position: static;
    }

    .body {
        overflow: visible;
    }

    .iframe-container {
        padding-top: 0px;
    }

    .section-57 {
        padding-top: 14px;
        padding-bottom: 14px;
        background-color: #ececec;
    }

    .container-12 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .text-block-18 {
        margin-right: 5px;
        margin-left: 5px;
        padding-right: 0px;
        padding-left: 0px;
    }

    .breadcrumb {
        font-family: Montserrat, sans-serif;
        color: #c43539;
        font-weight: 700;
        text-decoration: none;
    }

    .breadcrumb.breadcrumblink {
        color: #505050;
        font-weight: 500;
    }

    .link-block-11 {
        text-decoration: none;
    }

    .link-block-12 {
        text-decoration: none;
    }

    .collection-list-3 {
        display: -ms-grid;
        display: grid;
        grid-auto-columns: 1fr;
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        -ms-grid-rows: auto auto;
        grid-template-rows: auto auto;
    }

    .paragraph-7 {
        font-family: Montserrat, sans-serif;
    }

    .paragraph-8 {
        font-family: Montserrat, sans-serif;
    }

    .html-embed-2 {
        margin-top: 15px;
    }

    .html-embed-3 {
        margin-top: 15px;
    }

    .rich-text-block-4 {
        overflow: visible;
    }

    .text-block-19 {
        margin-top: 15px;
        font-weight: 700;
    }

    .text-block-20 {
        font-weight: 700;
    }

    .caltop {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .heading-9 {
        margin-top: 0px;
        margin-bottom: 0px;
        text-align: center;
    }

    .calendar {
        overflow: visible !important;
        margin-top: 10px;
        margin-bottom: 50px;
        padding-top: 0px;
        padding-bottom: 0px;
        background-color: transparent;
    }

    .columns-5 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .calnextmonth {
        display: inline-block;
        width: 100%;
        -webkit-transition: all 300ms ease;
        transition: all 300ms ease;
        color: #d82232;
        text-align: right;
        text-decoration: none;
    }

    .calnextmonth:hover {
        color: #c43539;
    }

    .calprevmonth {
        display: inline-block;
        width: 100%;
        -webkit-transition: all 300ms ease;
        transition: all 300ms ease;
        color: #d82232;
        text-align: left;
        text-decoration: none;
    }

    .calprevmonth:hover {
        color: #c43539;
    }

    .grid {
        grid-column-gap: 3px;
        grid-row-gap: 3px;
        -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
        -ms-grid-rows: auto auto auto auto auto;
        grid-template-rows: auto auto auto auto auto;
    }

    .calendarday {
        position: relative;
        min-height: 120px;
        padding-bottom: 5px;
        border-style: solid;
        border-width: 0.5px;
        border-color: #757575;
    }

    .caldaynum {
        position: relative;
        left: 5px;
        top: 5px;
        margin-bottom: 5px;
    }

    .calevent {
        display: inline-block;
        width: 100%;
        margin-top: 5px;
        margin-bottom: 0px;
        padding: 3px 5px;
        background-color: #ea4353;
        -webkit-transition: all 300ms ease;
        transition: all 300ms ease;
        color: #fff;
        font-size: 12px;
        text-decoration: none;
    }

    .calevent:hover {
        background-color: #c43539;
    }

    .paragraph-9 {
        margin-bottom: 20px;
    }

    .googlebutton {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        margin-bottom: 15px;
        padding-top: 15px;
        padding-right: 15px;
        padding-bottom: 15px;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        border-radius: 3px;
        background-color: #fff;
        box-shadow: 0 0 8px -2px rgba(0, 0, 0, 0.25);
        -webkit-transition: all 200ms ease;
        transition: all 200ms ease;
        color: #7f7f7f;
        text-decoration: none;
    }

    .googlebutton:hover {
        background-color: #fafafa;
        box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.25);
    }

    .image-12 {
        margin-right: 15px;
        margin-left: 15px;
        float: left;
    }

    .centrelogin .facebookbuttonimage {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100% !important;
        margin-bottom: 15px;
        padding-top: 15px;
        padding-bottom: 15px;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        border-radius: 3px;
        background-color: #1677f3;
        box-shadow: 0 0 8px -2px rgba(0, 0, 0, 0.25);
        -webkit-transition: all 200ms ease;
        transition: all 200ms ease;
        text-decoration: none;
    }

    .centrelogin .facebookbuttonimage:hover {
        background-color: #2c84f5;
        box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.25);
    }

    .text-block-21 {
        color: #fff;
        text-decoration: none;
    }

    .bookonline {
        overflow: visible;
        margin-top: 50px;
        margin-bottom: 120px;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .bookOnlineContainer {
        overflow: visible;
        flex-direction: column;
        margin-top: 50px;
        margin-bottom: 120px;
        min-height: 70vh;
        padding-top: 0px;
        padding-bottom: 0px;
        display: flex;
        align-items: center;
    }

    .emailIcon {
        margin-top: 15px;
        margin-bottom: 15px;
    }
    #continueText {
        padding-top: 17px;
        padding-bottom: 17px;
    }

    #emailInput {
        display: flex;
        align-items: center;
        width: 100%;
    }
    .emailInputField {
        width: 100%;
        display: inline-block;
        padding: 18px 8px;
        border: 0px !important;
    }
    #nextStep {
        width: 10%;
        display: inline-block;
        height: 28px;
        margin: 0 4px;
        background-size: 28px;
        background-image: url("../images/next.svg");
        background-repeat: no-repeat;
        background-color: transparent;
        cursor: pointer;
        border: none;
    }
    .emailbutton {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        padding-top: 15px;
        padding-bottom: 15px;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        border-radius: 3px;
        background-color: #fff;
        box-shadow: 0 0 8px -2px rgba(0, 0, 0, 0.25);
        color: #7f7f7f;
        text-align: center;
        text-decoration: none;
    }
    .centrelogin {
        width: 100%;
    }
    .centreloginAccount {
        width: 100%;
    }
    .formelem {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .field-label {
        display: none;
        width: 100%;
    }
    .source {
        width: 100%;
    }
    .paymentmethod {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

#w-node-7dc1063ff956-acaac856 {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    -ms-grid-column-align: auto;
    justify-self: auto;
}
.form-container {
    width: 100% !important;
}
.form-group input,
.form-group select {
    width: 100%;
    margin: 3px 0px;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 10px;
}

.form-group select {
}

.typeahead,
.tt-query,
.tt-hint {
    display: none !important;
}

.typeahead {
    background-color: #fff;
}

.typeahead:focus {
    border: 2px solid #0097cf;
}

.tt-query {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
    color: #999;
}

.tt-dropdown-menu {
    width: 422px;
    margin-top: 3px;
    padding: 8px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.tt-suggestion {
    padding: 3px 20px;
    font-size: 18px;
    line-height: 24px;
    color: black;
}

.tt-suggestion.tt-cursor {
    color: #fff;
    background-color: #0097cf;
}

.tt-suggestion p {
    margin: 0;
    font-size: 18px;
    text-align: left;
}

.twitter-typeahead {
    width: 100%;
}

#scrollable-dropdown-menu .tt-dropdown-menu {
    max-height: 150px;
    overflow-y: auto;
}

.tt-input {
    width: 100% !important;
    display: block;
}
.twitter-typeahead {
    display: block;
}

.tt-menu {
    width: 100%;
    background: rgba(255, 255, 255, 0.9);
    padding: 10px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border: 1px solid rgb(204, 204, 204);
    width: 98%;
}

.tt-selectable:hover {
    background: #ececec;
}

.spacer {
    display: block;
    width: 100%;
    height: 30px;
}

.business {
    background: #fcfcfc;
    padding: 20px;
    margin: 10px 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.businessButton {
    display: block;
    background: #ffffff;
    padding: 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.blocker {
    z-index: 5300000 !important;
}

.indv-student {
    display: inline-block;
    padding: 10px 20px;
    background: #ececec;
    border-radius: 20px;
    margin: 0px 10px;
}

.closeBtn {
    font-weight: strong;
}

#discount {
    float: right;
}
.bookingsList {
    display: block;
    background: whitesmoke;
    padding: 30px;
    border-radius: 5px;
    margin: 20px 0;
    width: -webkit-fill-available;
}
.bookingsList h2 {
    margin: 0 !important;
}

.bookingsList .booking {
    display: block;
    background: #ffffff;
    padding: 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 0 0 10px 10px;
    margin: 1.5rem 0;
}
.bookingNum {
    display: block;
}

.bookingHeading {
    background: #000;
    color: #ffffff;
    padding: 0.5rem 1rem;
    width: 100%;
    display: block;
    font-size: 1rem;
    line-height: 1.5rem;
}
.upcoming-bookings {
    margin-top: 0px !important;
    font-size: 1.25rem;
    margin-bottom: 1rem;
}
.bookingBody {
    padding: 0.75rem;
    font-size: 1rem;
}

.editBtn {
    display: block;
    width: 100%;
    padding: 15px;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    color: #1e1e1e;
    text-decoration: none;
    margin: 10px 0;
    transition-delay: 1s;
    transition: color 0.25s, background-color 0.25s;
}

.editBtn:hover {
    background: #c43539;
    color: #fff;
}
.bookingsList .booking p {
    margin: 0;
    padding: 0;
}
.viewBooking {
    width: 100%;
    display: block;
    background: #c43539;
    color: #fff;
    padding: 7px;
    text-decoration: none;
    text-align: center;
    border-radius: 5px;
    margin: 10px 0 0 0;
}

.uploadPo {
    width: 100%;
    display: block;
    background: #000;
    color: #fff;
    padding: 7px;
    text-decoration: none;
    text-align: center;
    border-radius: 10px;
    margin: 10px 0 0 0;
}
.hover-end {
    position: absolute;
    left: 0;
    z-index: 100000;
}
.confirmcode {
    width: 150px;
    padding: 15px;
    font-size: 1.4em;
    border-radius: 5px;
    border: 1px solid #ccc;
    text-align: center;
    letter-spacing: 5px;
}

.flex-container {
    display: flex;
    flex-direction: column;
    gap: 32px;
}
.flex-container p {
    margin-bottom: 0px;
}

.flexer {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.flex-sub {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.flex-item {
    flex-grow: 1;
}
.flex-item-double {
    flex-grow: 2;
}
.flex-item-shrink {
    flex-shrink: 1;
}
.flex-spacer {
    flex-grow: 1000;
}

.form-question {
    display: block;
    width: 100%;
    padding: 1.25rem 0;
}

.formelem1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: center;
    border: 1px solid #ccc;
    position: relative;
}
.formelem1 .text-field {
    width: 100%;
    padding-left: 10px;
}

.formelem1:focus,
.formelem1:has(input:focus) {
    box-shadow: 0 0 8px -2px rgba(0, 0, 0, 0.25);
    outline: none;
}
.formelem1 input:focus {
    outline: none;
}

.formelem1:hover:not(:focus) {
    border: 1px solid #7ea1cd;
}

.formelem1 .fstToggleBtn {
    font-size: 1rem;
    padding: 0.71429em 1em 0.71429em 0.71429em;
    border: none !important;
    min-width: 10rem;
}
.fwidth .fstElement {
    width: 100%;
}

.formelem1 .fstElement {
    font-size: 1rem;
    max-height: 52px;
    border: none !important;
}
.formelem1 .fstControls {
    font-size: 0.8rem;
    line-height: 1.2rem;
}

.formelem1:has(input:not(.fstNoneSelected input, :placeholder-shown)):not(
        .fstElement
    ) {
    border: 1px solid #0bb348;
}

.formelem1:has(input:is(:required)) {
    border: 1px solid #e10909;
}

.formelem1 .fstNoneSelected {
    border: #4f1218 !important;
}
.formelem1:has(input:not(:placeholder-shown)) label {
    visibility: visible;
    opacity: 1;
}
.formelem1 label {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.3s linear;
    position: absolute;
    left: 8px;
    top: -10px;
    font-size: 0.8rem;
    font-weight: 500;
    line-height: 1rem;
    display: block;
    background: #ffffff;
    padding: 0px 4px;
    z-index: 999;
}

.form-section-heading {
    width: 100%;
    padding: 1rem 0 0.4rem 0;
    border-bottom: 1px solid #cccccc;
    margin: 0.25rem 0;
    display: flex;
    justify-content: space-between;
    position: relative;
}

.sameAsResidential label {
    display: inline;
    font-size: 0.9rem;
    font-weight: 500;
    margin-left: 0.8rem;
    margin-bottom: 0;
}
.sameAsResidential {
    background: #f1f1f1;
    padding: 0.2rem 1rem;
    border-radius: 6px;
    position: absolute;
    right: 0;
    bottom: 16px;
}

.fuler {
    width: 100%;
}

.usi-container {
    max-width: 800px;
    margin: 0px auto;
}
.usi-info {
    border: 1px solid #cccccc;
    border-radius: 6px;
    padding: 2rem;
}

@media (max-width: 800px) {
    .flexer {
        flex-direction: column;
    }
    .formelem1 .fstElement {
        width: 100%;
    }

    .coursecategory {
        margin-bottom: 20px;
    }

    .headingTopRight {
        justify-content: space-between !important;
    }
    .heading-myaccount {
        line-height: 2rem !important;
    }
    .nav-menu[data-nav-menu-open] {
        display: block !important;
    }
    .headingTop {
        flex-direction: column;
    }
    .usi-info {
        padding: 1.52rem 1rem !important;
    }
    .rdHeader {
        flex-direction: column !important;
        padding: 1rem;
    }

    .expander {
        width: 100%;
    }

    .rdContent p {
        columns: 1 !important;
    }
}

.option-box {
    border: 1px solid #cccccc;
    border-radius: 5px;
}
.option-box-question {
    background: #f2f2f2;
    border-radius: 5px;
    padding: 1rem;
}

.option-box-question span {
    display: flex;
    align-items: center;
}

.option-box-affirmative {
    padding: 1rem;
}

.toggle-button-cover {
    display: table-cell;
    position: relative;
    width: 200px;
    height: 140px;
    box-sizing: border-box;
}

.button-cover {
    height: 100px;
    margin: 20px;
    background-color: #fff;
    box-shadow: 0 10px 20px -8px #c5d6d6;
    border-radius: 4px;
}

.button-cover:before {
    counter-increment: button-counter;
    content: counter(button-counter);
    position: absolute;
    right: 0;
    bottom: 0;
    color: #d7e3e3;
    font-size: 12px;
    line-height: 1;
    padding: 5px;
}

.button-cover,
.knobs,
.layer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.buttonx {
    position: relative;
    top: 50%;
    min-width: 75px;
    width: 74px;
    height: 36px;
    margin-right: 10px;
    overflow: hidden;
}

.buttonx.r,
.buttonx.r .layer {
    border-radius: 100px;
}

.buttonx.b2 {
    border-radius: 2px;
}

.checkbox {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 3;
}

.knobs {
    z-index: 2;
}

.layer {
    width: 100%;
    background-color: #fcebeb;
    transition: 0.3s ease all;
    z-index: 1;
    border: 1px solid #f44336;
}

/* Button 1 */
.buttonx .knobs:before {
    content: "NO";
    position: absolute;
    top: 4px;
    left: 4px;
    width: 20px;
    height: 10px;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    padding: 9px 4px;
    background-color: #f44336;
    border-radius: 50%;
    transition: 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;
}

.buttonx .checkbox:checked + .knobs:before {
    content: "YES";
    left: 42px;
    background-color: #16b042;
}

.buttonx:has(.checkbox:is(:disabled)) .layer {
    background-color: #cccccc !important;
}

.buttonx .checkbox:checked ~ .layer {
    background-color: #effceb;
    border: 1px solid #16b042;
}

.buttonx .knobs,
.buttonx .knobs:before,
.buttonx .layer {
    transition: 0.3s ease all;
}

input.checkbox-pretty {
    border: 1px solid #cccccc;
}
label.checkbox-pretty {
    font-size: 1rem;
    font-weight: 400;
    border: 1px solid #cccccc;
    padding: 0.25rem 0.75rem;
    display: flex;
    gap: 0.5rem;
    border-radius: 5px;
    display: flex;
    align-items: center;
}

label.checkbox-pretty:has(input.checkbox-pretty:checked) {
    background: #effceb;
    border: 1px solid #16b042;
}
#usi {
    text-transform: uppercase;
}

.saveButton {
    padding: 0.75rem 1.5rem;
    margin-top: 3rem;
    background: #d82232;
    color: #ffffff;
    text-transform: uppercase;
    border: 0;
    border-radius: 3px;
    cursor: pointer;
}

.headingTop {
    width: 100%;
    display: flex;
    justify-content: space-between;
    text-align: left;
}

.myStudent {
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding: 0.5rem 1rem;
    background: #ffffff;
    border-radius: 5px;
    border: 1px solid #cccccc;
    margin-bottom: 1.25rem;
    align-items: center;
}
.softAlert {
    display: block;
    width: 100%;
    padding: 2.5rem 1rem;
    border: 1px solid #cccccc;
    border-radius: 3px;
    text-align: center;
    color: #707070;
}
.myStudentLink {
    display: block;
    padding: 0.25rem 0.75rem;
    text-align: center;
    border: 1px solid #c43539;
    border-radius: 5px;
    color: #c43539;
    text-decoration: none;
    margin: 0.5rem 0;
    transition-delay: 1s;
    transition: color 0.25s, background-color 0.25s;
}
.headingTopRight {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-grow: 1;
    gap: 1rem;
}

.headingTopRight a {
    display: inline-block;
    padding: 0.5rem 1rem;
    width: auto;
}
.headingTopRight a.outlined {
    background-color: #ffffff;
    color: #c43539;
    border: 1px solid #c43539;
}

.heading-myaccount {
    font-family: Montserrat, sans-serif;
    text-align: left;
    font-size: 2.5rem;
    line-height: 3rem;
}
.heading-myaccount small {
    font-size: 1.5rem;
}

.myStudent .sName {
    min-width: 300px;
}

.requiredDetails {
    background: #fff7ef;
    border: 1px solid #ffd000;
}
.rdHeader h4 {
    font-weight: 600;
    color: #bba524;
}
.rdHeader {
    padding: 1.25rem 2.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.rdContent {
    padding: 1.25rem 2.5rem;
}
.rdContent p {
}

.rdHeader p {
    padding: 0px;
    margin: 0px;
}

.expander {
    cursor: pointer;
}

.correctDetails {
    background: #f0ffef;
    border: 1px solid #2bac07;
}

.correctDetails .rdHeader h4 {
    color: #16b042;
}