/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

.macro_icon-card {
    background: rgba(var(--bs-primary-rgb));
    border-radius: 1.5rem;
}

.bg-primary .macro_icon-card {
    background: rgba(var(--bs-secondary-rgb));
}

.ar_unset .grid-image {
    aspect-ratio: unset;
}

.hero-banner--ppd {
    background-color: var(--bs-primary);
}

@media (min-width: 1200px) {
    .hero-banner--ppd {
        background-color: transparent;
    }
}

@media (min-width: 1200px) {
    .hero-banner--ppd {
        aspect-ratio: 16 / 10;
    }
}

.hero-banner_img-overlay--ppd {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .hero-banner_overlay--ppd h1, .hero-banner_overlay--ppd h2 {
        padding-left: 5rem;
    }
}

.block-scrolling-deck .deck-arrows button {
    border-radius: 25px;
    border: 2px solid #fff;
    width: 40px;
    height: 40px;
    color: #fff;
    text-align: center;
    background-color: #fff0;
    position: relative;
}

    .block-scrolling-deck .deck-arrows button svg {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .block-scrolling-deck .deck-arrows button:hover, .block-scrolling-deck .deck-arrows button:focus {
        background-color: rgb(255 255 255 / .1);
        border-color: var(--bs-secondary);
    }

.block-scrolling-deck.bg-secondary .deck-arrows button {
    border-radius: 25px;
    border: 2px solid rgb(255 255 255 / .35);
    width: 40px;
    height: 40px;
    color: var(--bs-secondary);
    text-align: center;
    background-color: #fff0
}

    .block-scrolling-deck.bg-secondary .deck-arrows button:hover, .block-scrolling-deck.bg-secondary .deck-arrows button:focus {
        background-color: rgb(255 255 255 / .1);
        border-color: #fff
    }

/*.block-scrolling-deck .horizontal-deck {
    -webkit-mask: linear-gradient(90deg,transparent,white 20%,white 80%,transparent);
    mask: linear-gradient(90deg,transparent,white 20%,white 80%,transparent)
}*/

.block-scrolling-deck .horizontal-deck {
    -webkit-mask: -webkit-gradient(linear,left top, right top,from(transparent),color-stop(20%, white),color-stop(97%, white),to(transparent));
    -webkit-mask: linear-gradient(90deg,transparent,white 20%,white 97%,transparent);
    mask: -webkit-gradient(linear,left top, right top,from(transparent),color-stop(20%, white),color-stop(97%, white),to(transparent));
    mask: linear-gradient(90deg,transparent,white 20%,white 97%,transparent)
}

    .block-scrolling-deck .horizontal-deck div a {
        margin-left: 1.25rem;
        /*border-radius: .5rem;*/
        overflow: hidden;
        height: 100%;
        display: inline-block;
        position: relative;
        z-index: 2;
        height: 100%;
        color: #fff
    }

        .block-scrolling-deck .horizontal-deck div a::before {
            content: "";
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 1;
            opacity: 0;
            -webkit-transition: opacity 0.3s cubic-bezier(.75,0,.5,1);
            -o-transition: opacity 0.3s cubic-bezier(.75,0,.5,1);
            transition: opacity 0.3s cubic-bezier(.75,0,.5,1)
        }

        .block-scrolling-deck .horizontal-deck div a:hover, .block-scrolling-deck .horizontal-deck div a:focus {
            -webkit-transition-delay: 0.03s,0s,0s,0s;
            -o-transition-delay: 0.03s,0s,0s,0s;
            transition-delay: 0.03s,0s,0s,0s;
            cursor: pointer
        }

/*.block-scrolling-deck .horizontal-deck div a:hover .deck__inner p,.block-scrolling-deck .horizontal-deck div a:focus .deck__inner p {
    visibility: visible;
    opacity: 1;
    transition: visibility 0s linear 0s,opacity 0.2s cubic-bezier(.365,.005,.355,1)
}*/

@media (hover: hover) {
    /*.block-scrolling-deck .horizontal-deck div a:hover .deck__inner,.block-scrolling-deck .horizontal-deck div a:focus .deck__inner {
        transform:translateY(-2.75rem)
    }*/

    .block-scrolling-deck .horizontal-deck div a:hover img, .block-scrolling-deck .horizontal-deck div a:focus img {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }
}

.block-scrolling-deck .horizontal-deck div a:hover::before, .block-scrolling-deck .horizontal-deck div a:focus::before {
    -webkit-transition-timing-function: cubic-bezier(.25,0,.125,1);
    -o-transition-timing-function: cubic-bezier(.25,0,.125,1);
    transition-timing-function: cubic-bezier(.25,0,.125,1);
    opacity: 1
}

.block-scrolling-deck .horizontal-deck div a .deck__inner {
    padding: 1rem;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(.86,0,.07,1), .5s background-color ease-in-out;
    transition: -webkit-transform 0.5s cubic-bezier(.86,0,.07,1), .5s background-color ease-in-out;
    -o-transition: transform 0.5s cubic-bezier(.86,0,.07,1), .5s background-color ease-in-out;
    -webkit-transition: .5s background-color ease-in-out, -webkit-transform 0.5s cubic-bezier(.86,0,.07,1);
    transition: .5s background-color ease-in-out, -webkit-transform 0.5s cubic-bezier(.86,0,.07,1);
    transition: transform 0.5s cubic-bezier(.86,0,.07,1), .5s background-color ease-in-out;
    transition: transform 0.5s cubic-bezier(.86,0,.07,1), .5s background-color ease-in-out, -webkit-transform 0.5s cubic-bezier(.86,0,.07,1);
    transition: transform 0.5s cubic-bezier(.86,0,.07,1), -webkit-transform 0.5s cubic-bezier(.86,0,.07,1), .5s background-color ease-in-out;
    z-index: 2
}

@media (min-width: 992px) {
    .block-scrolling-deck .horizontal-deck div a .deck__inner {
        padding: 1.875rem
    }
}

.block-scrolling-deck .horizontal-deck div a .deck__inner .h5 {
    font-size: 1.05rem
}

@media (min-width: 768px) {
    .block-scrolling-deck .horizontal-deck div a .deck__inner .h5 {
        font-size: 1.15rem
    }
}

@media (min-width: 992px) {
    .block-scrolling-deck .horizontal-deck div a .deck__inner .h5 {
        font-size: 1.25rem
    }
}

.block-scrolling-deck .horizontal-deck div a .deck__inner h3, .block-scrolling-deck .horizontal-deck div a .deck__inner .h3 {
    font-size: 1.15rem;
    margin-bottom: 0
}

@media (min-width: 768px) {
    .block-scrolling-deck .horizontal-deck div a .deck__inner h3, .block-scrolling-deck .horizontal-deck div a .deck__inner .h3 {
        font-size: 1.45rem
    }
}

@media (min-width: 992px) {
    .block-scrolling-deck .horizontal-deck div a .deck__inner h3, .block-scrolling-deck .horizontal-deck div a .deck__inner .h3 {
        font-size: 1.85rem
    }
}

.block-scrolling-deck .horizontal-deck div a .deck__inner h3 span, .block-scrolling-deck .horizontal-deck div a .deck__inner .h3 span {
    display: block;
    text-transform: uppercase;
    margin-top: 0;
    font-size: 1rem;
    letter-spacing: .15em;
    font-weight: 500;
    margin-bottom: 5px
}

/*@media (hover: hover) {
    .block-scrolling-deck .horizontal-deck div a .deck__inner p {
        position:absolute;
        visibility: hidden;
        opacity: 0
    }
}*/

/*.block-scrolling-deck .horizontal-deck div a .deck__inner p {
    font-size: 1.125rem;
    transition: visibility 0s linear 0.2s,opacity 0.2s cubic-bezier(.365,.005,.355,1);
    will-change: opacity;
    margin-top: 15px
}*/

.block-scrolling-deck .horizontal-deck div a .tw h {
    position: relative;
    top: 0;
    left: 0;
    width: auto;
    height: 100%;
    border-radius: 8px
}

.block-scrolling-deck .horizontal-deck div a .tw::after {
    content: "";
    background: -o-linear-gradient(#fff0,rgb(11 25 38 / .7));
    background: -webkit-gradient(linear,left top, left bottom,from(#fff0),to(rgb(11 25 38 / .7)));
    background: linear-gradient(#fff0,rgb(11 25 38 / .7));
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.block-scrolling-deck .horizontal-deck div a .tw img {
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}

/*.slick-slide {
   height: 500px !important;
}*/

.slick-slide img {
    height: 100% !important;
    width: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
    min-height: 400px;
}

.deck__inner,
.section_student-led-clubs .prof-dev-anchor .prof-dev-inner {
    min-height: 9rem;
}

.block-scrolling-deck .horizontal-deck a .deck__inner,
.section_student-led-clubs .prof-dev-anchor .prof-dev-inner {
    top: auto;
}

.block-scrolling-deck .horizontal-deck a.selected .deck__inner {
    top: 0;
}

.block-scrolling-deck .horizontal-deck a .deck__inner .overlay,
.section_student-led-clubs .prof-dev-anchor .prof-dev-inner .overlay {
    opacity: 0;
    visibility: hidden;
    display: none;
    -webkit-transition: all 0.5s cubic-bezier(.86,0,.07,1);
    -o-transition: all 0.5s cubic-bezier(.86,0,.07,1);
    transition: all 0.5s cubic-bezier(.86,0,.07,1);
}

.block-scrolling-deck .horizontal-deck a.selected .deck__inner .overlay,
.section_student-led-clubs .prof-dev-anchor.selected .prof-dev-inner .overlay {
    opacity: 1;
    visibility: visible;
    display: initial;
}

.block-scrolling-deck .horizontal-deck a.prof-dev-anchor.selected .deck__inner {
    overflow-y: scroll;
}

    .block-scrolling-deck .horizontal-deck a.prof-dev-anchor.selected .deck__inner h3 {
        margin-bottom: 1.5rem !important;
    }

.block-scrolling-deck .horizontal-deck a.prof-dev-anchor:not(.selected) .deck__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.block-scrolling-deck .horizontal-deck a:hover,
.section_student-led-clubs .prof-dev-anchor:hover,
.section_student-led-clubs .prof-dev-anchor {
    color: #fff !important;
}

    .section_student-led-clubs .prof-dev-anchor:hover {
        cursor: pointer;
    }

    .section_student-led-clubs .prof-dev-anchor .prof-dev-inner {
        min-height: unset;
    }

    .block-scrolling-deck .horizontal-deck a:hover(not:.selected) .deck-inner h3,
    .section_student-led-clubs .prof-dev-anchor:hover(not:.selected) h3 {
        color: var(--bs-primary) !important;
    }

.icon-circle {
    position: relative;
    border: 2px solid #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    top: 6px;
    margin-right: 8px;
    display: inline-block;
}

.section_personal-development .icon-circle {
    border-color: var(--bs-secondary);
    border-width: 3px;
    top: .5rem;
}

.icon-circle > svg {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.section_student-led-clubs .prof-dev-anchor {
    background: var(--bs-primary);
    /*border-radius: 5px;*/
    min-height: 200px;
}

    .section_student-led-clubs .prof-dev-anchor img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        /*border-radius: 5px;*/
    }

    .section_student-led-clubs .prof-dev-anchor .prof-dev-inner {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 82px;
        -webkit-transition: height .5s ease-in-out;
        -o-transition: height .5s ease-in-out;
        transition: height .5s ease-in-out;
        overflow: hidden;
    }

    .section_student-led-clubs .prof-dev-anchor.selected .prof-dev-inner {
        height: 100%;
        background: var(--bs-dark);
    }

/*.personal-dev-item { */
/*    width: 100%;*/
/*}*/

/*@media (min-width: 992px) {*/
/*    .personal-dev-item { */
/*        width: 50%;*/
/*    }*/
/*}*/

/*#accordionFlush--personalDev .accordion-button {*/
/*    background-color: transparent;*/
/*}*/

/*#accordionFlush--personalDev .accordion-button:not(.collapsed) {*/
/*    -webkit-box-shadow: none;*/
/*            box-shadow: none;*/
/*}*/

/*#accordionFlush--personalDev .accordion-body {*/
/*    border-radius: 15px;*/
/*}*/

/*#accordionFlush--personalDev .icon-circle {*/
/*    border-color: var(--bs-secondary);*/
/*    border-width: 3px;*/
/*    color: var(--bs-secondary);*/
/*    top: 0;*/
/*}*/

.shape_prof-dev {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    height: 100%;
}

.shape_per-dev-1 {
    position: absolute;
    bottom: -2rem;
    right: -235px;
    height: 830px;
    z-index: -1;
}

.shape_per-dev-2 {
    position: absolute;
    bottom: 20%;
    right: 19px;
    width: 345px;
    z-index: -1;
}

.shape_clubs {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -1;
    width: 75%;
    max-height: 80%;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
}

.shape_trips {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
}

.section_student-led-clubs .prof-dev-inner .icon-circle {
    top: 10px;
}

#accordionFlush--personalDev .accordion-button .icon-circle,
.prof-dev-anchor .prof-dev-inner .icon-circle {
    -webkit-transition: -webkit-transform .5s ease-in-out;
    transition: -webkit-transform .5s ease-in-out;
    -o-transition: transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
    transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out;
}

#accordionFlush--personalDev .accordion-button:not(.collapsed) .icon-circle {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.prof-dev-anchor.selected .prof-dev-inner .icon-circle {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

html, body {
    overflow-x: hidden;
}

#ppd-reels {
    aspect-ratio: 9 / 16;
}

    #ppd-reels .reel-item,
    #ppd-reels .reel-item video {
        display: block;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

        #ppd-reels .reel-item:not(.active) {
            display: none;
        }

.reels-container {
    width: 100%;
    max-width: 400px;
    cursor: pointer;
}

.shape_enhance-1 {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
    width: 137%;
}

.shape_enhance-2 {
    display: none;
}

@media (min-width: 400px) {
    .reels-container {
        width: 55vh;
    }
}

@media (min-width: 768px) {
    .reels-container {
        width: 55vh;
    }
}

@media (min-width: 576px) {
    .shape_enhance-1 {
        width: 100%;
    }
}

@media (min-width: 768px) {
    .shape_enhance-1 {
        width: 74%;
    }
}


@media (min-width: 992px) {
    .shape_enhance-1 {
        width: 58%;
    }

    .shape_enhance-2 {
        display: inline-block;
        -webkit-transform: rotate(-1deg);
        -ms-transform: rotate(-1deg);
        transform: rotate(-1deg);
        position: absolute;
        bottom: -37px;
        right: -54px;
        width: 137%;
        z-index: -1;
    }

    /*.reels-container {*/
    /*    position: absolute;*/
    /*    bottom: 32px;*/
    /*    right: 52px;*/
    /*    width: 27%;*/
    /*}*/
}

@media (min-width: 1200px) {
    .shape_per-dev-1 {
        right: -0;
    }

    .shape_enhance-2 {
        right: -57px;
    }
}

@media (min-width: 1400px) {

    .shape_enhance-2 {
        right: -67px;
        bottom: -46px;
    }
}

@media (min-width: 1500px) {
    .reels-container {
        width: 80%;
        margin: auto !important;
    }

    .shape_enhance-1 {
        width: 100%;
    }

    .shape_enhance-2 {
        display: none;
    }
}

@media (min-width: 2000px) {
    .reels-container {
        width: 55%;
    }
}

#ppd-reels_info-text {
    position: absolute;
    top: 31%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-shadow: 4px 4px 4px black;
    -webkit-transition: .5s opacity ease-in-out;
    -o-transition: .5s opacity ease-in-out;
    transition: .5s opacity ease-in-out;
}

#reels_mute-btn {
    position: absolute;
    bottom: 0.6rem;
    right: 0.625rem;
}

.profDevModal-container .modal-body i,
.personalDevModal-container .modal-body i {
    min-width: 1.5rem;
    text-align: center;
    color: var(--bs-secondary);
}

/*.section_professional-development .prof-dev-anchor:hover .deck__inner {*/
/*    background-color: var(--bs-dark) !important;*/
/*}*/


.section_professional-development .prof-dev-anchor .deck__inner {
    -webkit-transition: .5s background-color ease-in-out;
    -o-transition: .5s background-color ease-in-out;
    transition: .5s background-color ease-in-out;
}

.personal-dev-anchor,
.personal-dev-anchor .icon-circle,
.personal-dev-anchor .icon-circle svg {
    -webkit-transition: .5s all ease-in-out;
    -o-transition: .5s all ease-in-out;
    transition: .5s all ease-in-out;
}

    /*.personal-dev-anchor:hover,*/
    /*.personal-dev-anchor:hover .icon-circle svg {*/
    /*    color: var(--bs-dark) !important;*/
    /*}*/

    .personal-dev-anchor:hover .icon-circle {
        border-color: var(--bs-dark) !important;
    }

@-webkit-keyframes loadingBg {
    from {
        background-color: var(--bs-dark);
    }

    to {
        background-color: var(--bs-gray-700);
    }
}

@keyframes loadingBg {
    from {
        background-color: var(--bs-dark);
    }

    to {
        background-color: var(--bs-gray-700);
    }
}

#ppd-reels .reel-item {
    background-color: var(--bs-dark);
    -webkit-animation-name: loadingBg;
    animation-name: loadingBg;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

.bg-primary .profDevModal-container a {
    color: var(--bs-primary);
}

.section_student-led-clubs .prof-dev-anchor {
    overflow: hidden;
}

    .section_student-led-clubs .prof-dev-anchor img,
    .section_student-led-clubs .prof-dev-anchor:not(.selected) .prof-dev-inner {
        -webkit-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }

    .section_student-led-clubs .prof-dev-anchor:not(.selected):hover img {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }

    .section_student-led-clubs .prof-dev-anchor:not(.selected):hover .prof-dev-inner {
        background-color: var(--bs-dark) !important;
    }

.personal-dev-item_img-container {
    width: 100%;
    aspect-ratio: 1/1;
    overflow: hidden;
    position: relative;
    border: 5px solid var(--bs-info);
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.personal-dev-anchor .personal-dev-item_img {
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.personal-dev-anchor:hover .personal-dev-item_img-container {
    border-color: var(--bs-secondary);
}

.personal-dev-anchor:hover .personal-dev-item_img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.personal-dev-item_img_icon {
    width: 30%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: var(--bs-secondary);
    border-radius: 50%;
    opacity: .85;
}

.personal-dev-categories .nav-pills .nav-link {
    border-radius: 2rem;
    font-size: .75rem;
}

@media (min-width: 768px) {
    .personal-dev-categories .nav-pills .nav-link {
        font-size: .875rem;
    }
}

.personal-dev-categories .nav-link {
    background-color: #ff3c86;
    color: #fff;
}

    .personal-dev-categories .nav-link:hover {
        background-color: var(--bs-dark);
        color: #fff !important;
    }

.personal-dev-categories .nav-pills .nav-link.active,
.personal-dev-categories .nav-pills .show > .nav-link {
    color: #fff;
    background-color: var(--bs-primary);
}

.personal-dev-categories_icon {
    height: 2rem;
}

#personal-dev-categories_nav-item--clear {
    /*background-color: transparent !important;*/
    background-color: var(--bs-info) !important;
    /*color: var(--bs-body);*/
    /*border: 2px solid var(--bs-dark);*/
}

    #personal-dev-categories_nav-item--clear:hover {
        /*background-color: var(--bs-primary) !important;*/
        background-color: var(--bs-dark) !important;
        /*color: #fff;*/
    }

b
/*.personal-dev-categories .nav-item {*/
/*    width: 100%;*/
/*}*/
/*@media (min-width: 768px) {*/
/*    .personal-dev-categories .nav-item {*/
/*        width: auto;*/
/*    }*/
/*}*/
.breadcrumb-item a:hover {
    text-decoration: underline !important;
}

.personal-dev-anchor {
    font-size: 1rem;
}

@media (min-width: 768px) {
    .personal-dev-anchor {
        font-size: 1.2rem;
    }
}

.ppd-reels_indicator-container {
    position: absolute;
    bottom: 1rem;
}

.ppd-reels_indicator-item {
    width: 1rem;
    height: 1rem;
    background: var(--bs-white);
    margin: 0 0.125rem;
    border-radius: 50%;
    opacity: .65;
}

    .ppd-reels_indicator-item.active {
        background: var(--bs-secondary);
        opacity: 1;
    }


.typewrite {
    text-decoration: none;
    color: var(--bs-primary);
}

    .typewrite:hover {
        color: unset !important;
        pointer-events: none;
    }

    .typewrite > .wrap {
        border-right: 0.08em solid var(--bs-primary);
        padding-right: .25rem;
    }

    .bg-primary .typewrite > .wrap,
    .typewrite.text-white > .wrap {
        border-right: 0.08em solid #fff;
    }

.bg-secondary--tint--courses {
    background: linear-gradient(to top, rgba(32, 43, 79, 0.6) 0%, rgba(229, 16, 124, 0.4) 20%, rgba(229, 16, 124, .1) 100%)
}

.bg-dark--tint {
    background: linear-gradient(to top, rgba(32, 43, 79, .63), rgba(0, 0, 0, 0));
}

    .bg-dark--tint img, .bg-secondary--tint--courses img {
        mix-blend-mode: overlay;
    }

.ar_square {
    aspect-ratio: 1 / 1 !important;
    width: 100%;
    height: auto;
}

.ar_16-9 {
    aspect-ratio: 16 / 9 !important;
    width: 100%;
    height: auto;
}

@media (min-width: 768px) {
    .ar_16-9 {
        aspect-ratio: 16 / 9 !important;
    }
}

.hero-banner_heading--landing {
    line-height: 3rem;
}

@media (min-width: 992px) {
    .hero-banner_heading--landing {
        line-height: 5rem;
    }
}

.hero-banner-link_img {
    -webkit-mask-image: linear-gradient(to bottom, black 70%, white 100%);
    mask-image: linear-gradient(to bottom, black 70%, white 100%);
}

.bg-dark--tint {
    background: linear-gradient(to top, rgba(0, 0, 0, .63), rgba(0, 0, 0, 0));
}

.btn-cstm--tra {
    z-index: 0;
    position: relative;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    will-change: transform;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

@supports (-webkit-overflow-scrolling: touch) {
    .btn-cstm--tra {
        -webkit-mask-image: -webkit-radial-gradient(white, black);
    }
}

.btn-cstm--tra_label {
    z-index: 1;
    position: relative;
}

.ar_16-6 {
    aspect-ratio: 16/6;
}

/*@media (max-width: 400px) {
    .hero-banner_img-overlay--landing-full {
        left: -20%;
    }
}*/

.reels-container--course-listing {
    position: relative !important;
    display: flex;
    align-items: end;
    bottom: -2.6rem;
}

.hero-banner--course-listing {
    min-height: unset;
}

.reels-container {
    cursor: none;
}

#ppd-reels {
    cursor: pointer;
}

#ppd-reels_info-text {
    background: rgba(32, 43, 80, 0.9);
    padding: 2rem;
    text-shadow: none;
    width: 70%;
}

.block-scrolling-deck .deck-arrows button {
    border-radius: 25px;
    border: 2px solid #133757;
    width: 40px;
    height: 40px;
    color: #133757;
    text-align: center;
    background-color: #fff0
}

    .block-scrolling-deck .deck-arrows button:hover, .block-scrolling-deck .deck-arrows button:focus {
        background-color: rgb(255 255 255 / .1);
        border-color: #000;
    }

.block-scrolling-deck.bg-secondary .deck-arrows button {
    border-radius: 25px;
    border: 2px solid rgb(255 255 255 / .35);
    width: 40px;
    height: 40px;
    color: #000;
    text-align: center;
    background-color: #fff0
}

    .block-scrolling-deck.bg-secondary .deck-arrows button:hover, .block-scrolling-deck.bg-secondary .deck-arrows button:focus {
        background-color: rgb(255 255 255 / .1);
        border-color: #fff
    }

.block-scrolling-deck .horizontal-deck {
    -webkit-mask: -webkit-gradient(linear,left top,right top,from(transparent),color-stop(20%,white),color-stop(80%,white),to(transparent));
    -webkit-mask: linear-gradient(90deg,transparent,white 20%,white 80%,transparent);
    mask: -webkit-gradient(linear,left top,right top,from(transparent),color-stop(20%,white),color-stop(80%,white),to(transparent));
    mask: linear-gradient(90deg,transparent,white 20%,white 80%,transparent)
}

    .block-scrolling-deck .horizontal-deck div a {
        margin-left: 1.25rem;
        border-radius: .5rem;
        overflow: hidden;
        height: 100%;
        display: inline-block;
        position: relative;
        z-index: 2;
        height: 100%;
        color: #fff
    }

        .block-scrolling-deck .horizontal-deck div a::before {
            content: "";
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 1;
            opacity: 0;
            -webkit-transition: opacity 0.3s cubic-bezier(.75,0,.5,1);
            -o-transition: opacity 0.3s cubic-bezier(.75,0,.5,1);
            transition: opacity 0.3s cubic-bezier(.75,0,.5,1)
        }

        .block-scrolling-deck .horizontal-deck div a:hover, .block-scrolling-deck .horizontal-deck div a:focus {
            -webkit-transition-delay: 0.03s,0s,0s,0s;
            -o-transition-delay: 0.03s,0s,0s,0s;
            transition-delay: 0.03s,0s,0s,0s;
            cursor: pointer
        }

            .block-scrolling-deck .horizontal-deck div a:hover .deck__inner p, .block-scrolling-deck .horizontal-deck div a:focus .deck__inner p {
                visibility: visible;
                opacity: 1;
                -webkit-transition: visibility 0s linear 0s,opacity 0.2s cubic-bezier(.365,.005,.355,1);
                -o-transition: visibility 0s linear 0s,opacity 0.2s cubic-bezier(.365,.005,.355,1);
                transition: visibility 0s linear 0s,opacity 0.2s cubic-bezier(.365,.005,.355,1)
            }

@media (hover: hover) {
    .block-scrolling-deck .horizontal-deck div a:hover .deck__inner, .block-scrolling-deck .horizontal-deck div a:focus .deck__inner {
        -webkit-transform: translateY(-2.75rem);
        -ms-transform: translateY(-2.75rem);
        transform: translateY(-2.75rem)
    }

    .block-scrolling-deck .horizontal-deck div a:hover img, .block-scrolling-deck .horizontal-deck div a:focus img {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }
}

.block-scrolling-deck .horizontal-deck div a:hover::before, .block-scrolling-deck .horizontal-deck div a:focus::before {
    -webkit-transition-timing-function: cubic-bezier(.25,0,.125,1);
    -o-transition-timing-function: cubic-bezier(.25,0,.125,1);
    transition-timing-function: cubic-bezier(.25,0,.125,1);
    opacity: 1
}

.block-scrolling-deck .horizontal-deck div a .deck__inner {
    padding: 1rem;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(.86,0,.07,1);
    transition: -webkit-transform 0.5s cubic-bezier(.86,0,.07,1);
    -o-transition: transform 0.5s cubic-bezier(.86,0,.07,1);
    transition: transform 0.5s cubic-bezier(.86,0,.07,1);
    transition: transform 0.5s cubic-bezier(.86,0,.07,1),-webkit-transform 0.5s cubic-bezier(.86,0,.07,1);
    z-index: 2
}

@media (min-width: 992px) {
    .block-scrolling-deck .horizontal-deck div a .deck__inner {
        padding: 1.875rem
    }
}

.block-scrolling-deck .horizontal-deck div a .deck__inner .h5 {
    font-size: 1.05rem
}

@media (min-width: 768px) {
    .block-scrolling-deck .horizontal-deck div a .deck__inner .h5 {
        font-size: 1.15rem
    }
}

@media (min-width: 992px) {
    .block-scrolling-deck .horizontal-deck div a .deck__inner .h5 {
        font-size: 1.25rem
    }
}

.block-scrolling-deck .horizontal-deck div a .deck__inner h3, .block-scrolling-deck .horizontal-deck div a .deck__inner .h3 {
    font-size: 1.15rem;
    margin-bottom: 0
}

@media (min-width: 768px) {
    .block-scrolling-deck .horizontal-deck div a .deck__inner h3, .block-scrolling-deck .horizontal-deck div a .deck__inner .h3 {
        font-size: 1.45rem
    }
}

@media (min-width: 992px) {
    .block-scrolling-deck .horizontal-deck div a .deck__inner h3, .block-scrolling-deck .horizontal-deck div a .deck__inner .h3 {
        font-size: 1.85rem
    }
}

.block-scrolling-deck .horizontal-deck div a .deck__inner h3 span, .block-scrolling-deck .horizontal-deck div a .deck__inner .h3 span {
    display: block;
    text-transform: uppercase;
    margin-top: 0;
    font-size: 1rem;
    letter-spacing: .15em;
    font-weight: 500;
    margin-bottom: 5px
}

@media (hover: hover) {
    .block-scrolling-deck .horizontal-deck div a .deck__inner p {
        position: absolute;
        visibility: hidden;
        opacity: 0
    }
}

.block-scrolling-deck .horizontal-deck div a .deck__inner p {
    font-size: 1.125rem;
    -webkit-transition: visibility 0s linear 0.2s,opacity 0.2s cubic-bezier(.365,.005,.355,1);
    -o-transition: visibility 0s linear 0.2s,opacity 0.2s cubic-bezier(.365,.005,.355,1);
    transition: visibility 0s linear 0.2s,opacity 0.2s cubic-bezier(.365,.005,.355,1);
    will-change: opacity;
    margin-top: 15px
}

.block-scrolling-deck .horizontal-deck div a .tw {
    position: relative;
    top: 0;
    left: 0;
    width: auto;
    height: 100%;
    border-radius: 8px
}

    .block-scrolling-deck .horizontal-deck div a .tw::after {
        content: "";
        background: -webkit-gradient(linear,left top,left bottom,from(#fff0),to(rgb(11 25 38 / .7)));
        background: -o-linear-gradient(#fff0,rgb(11 25 38 / .7));
        background: linear-gradient(#fff0,rgb(11 25 38 / .7));
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0
    }

    .block-scrolling-deck .horizontal-deck div a .tw img {
        width: 100%;
        height: 100%;
        -webkit-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out
    }

.umb-block-grid__layout-container {
    position: relative;
    display: grid;
    grid-template-columns: repeat(var(--umb-block-grid--grid-columns, 1), minmax(0, 1fr));
    grid-gap: 0px;
    grid-auto-flow: row;
    grid-auto-rows: minmax(0, -webkit-min-content);
    grid-auto-rows: minmax(0, min-content);
}

.umb-block-grid__layout-item {
    position: relative;
    /* For small devices we scale columnSpan by three, to make everything bigger than 1/3 take full width: */
    grid-column-end: span min(calc(var(--umb-block-grid--item-column-span, 1) * 3), var(--umb-block-grid--grid-columns));
    grid-row: span var(--umb-block-grid--item-row-span, 1);
}

    .umb-block-grid__layout-item[data-force-left] {
        grid-column-start: 1;
    }

    .umb-block-grid__layout-item[data-force-right] {
        grid-column-start: calc(1 + var(--umb-block-grid--grid-columns) - var(--umb-block-grid--item-column-span));
    }

.umb-block-grid__area-container, .umb-block-grid__block--view::part(area-container) {
    position: relative;
    display: grid;
    grid-template-columns: repeat(var(--umb-block-grid--area-grid-columns, var(--umb-block-grid--grid-columns, 1)), minmax(0, 1fr));
    grid-gap: 0px;
    grid-auto-flow: row;
    grid-auto-rows: minmax(0, -webkit-min-content);
    grid-auto-rows: minmax(0, min-content);
    width: 100%;
}

.umb-block-grid__area {
    position: relative;
    /* For small devices we scale columnSpan by three, to make everything bigger than 1/3 take full width: */
    grid-column-end: span min(calc(var(--umb-block-grid--item-column-span, 1) * 3), var(--umb-block-grid--grid-columns));
    grid-row: span var(--umb-block-grid--area-row-span, 1);
}

@media (min-width:1024px) {
    .umb-block-grid__layout-item {
        grid-column-end: span var(--umb-block-grid--item-column-span, 1);
    }

    .umb-block-grid__area {
        grid-column-end: span var(--umb-block-grid--area-column-span, 1);
    }
}

@media (max-width:600px) {
    .umb-block-grid__area-container {
        --umb-block-grid--area-grid-columns: 1 !important;
    }
}

.horizontal-deck--videoCarousel {
    -webkit-mask: none !important;
    mask: none !important
}

    .horizontal-deck--videoCarousel .slick-slide {
        margin: 0 50px
    }

    .horizontal-deck--videoCarousel .slick-list {
        margin: 0 -50px
    }
    
    .embeditem.video-wrapper {
    aspect-ratio: 16 / 9;
}

.embeditem.video-wrapper iframe {
    width: 100%;
    height: 100%;
}

@media (min-width: 1200px) {
    .hero-banner_img_mask--left--rsg {
        width: 57%;
    }
    
    .hero-banner_img_mask--center--rsg {
        width: 100%;
    }
}

.hero-banner_img-overlay--landing--rsg {
    object-fit: contain !important;
}

.hero-banner_img_mask--center--rsg {
    clip-path: unset;
}

.hero-banner_heading--course-listing {
    font-size: 2rem;
    line-height: 2.5rem;
}

@media (min-width: 992px) {
    
    .hero-banner_heading--small {
        font-size: min(5em, 5vw + 1.75rem);
        line-height: min(5rem, 5vw + 2.75rem);
    }
    
    .hero-banner_heading {
        font-size: min(5.625em, 5vw + 1.75rem);
        line-height: min(6.625rem, 5vw + 2.75rem);
    }
    
    .hero-banner_heading--course-listing {
        font-size: min(6rem, 5vw + 1rem);
        line-height: min(6rem, 5vw + 1.75rem);
    }
    
    /*.hero-banner--home .hero-banner_heading {*/
    /*    font-size: min(7rem, 5vw + 1.75rem);*/
    /*    line-height: min(7rem, 5vw + 2.75rem);*/
    /*}*/
}

.ar_16-11 {
    aspect-ratio: 16/11 !important;
}

.ar_12-16 {
    aspect-ratio: 12/16 !important;
}

.ar_16-9 {
    aspect-ratio: 16/9 !important;
}

.hero-banner-link_img--smaller {
    height: 220px;
}


.journey-listing_nav-block_card-list--text .hero-banner-link_link {
    text-decoration: none;
    display: flex;
    height: auto;
    aspect-ratio: unset !important;
}

.journey-listing_nav-block_card-list--text .hero-banner-link_img {
    max-width: 7rem;
    max-height: 7rem;
}

.journey-listing_nav-block_card-list--feature .hero-banner-link_inner,
.journey-listing_nav-block_card-list--text .hero-banner-link_inner {
    font-size: 1.8rem;
    line-height: 2rem;
}

.journey-listing_nav-block_card-list--text .hero-banner-link_inner {
    bottom: unset;
    left: unset;
    height: auto;
    margin-left: 1rem;
}

.journey-listing_nav-block_card-list--text:not(.journey-listing_nav-block_card-list--text--single) .hero-banner-link_inner_text {
    width: 25%;
}

.journey-nav_dash {
    border-bottom: 3px dashed #fff;
}

.journey-listing_nav-block_card-list--feature .hero-banner-link_img {
    object-position: top;
}

@media (max-width: 1199px) {
    .ar_16-9--max-1200 {
        aspect-ratio: 16/9 !important;
        width: 100% !important;
        height: auto !important;
    }
}

@media (min-width: 992px) {
    .h-lg-100 {
        height: 100% !important;
    }
}

.hero-banner--journey-listing-nav img {
    object-position: 75% bottom;
}

@media (min-width: 992px) {
    .hero-banner--journey-listing-nav img {
        object-position: center bottom;
    }
}


@media (min-width: 576px) {
    .hero-banner--journey-listing-nav {
        min-height: 300px;
    }
}

@media (min-width: 768px) {
    .hero-banner--journey-listing-nav {
        min-height: 380px;
    }
}

@media (min-width: 992px) {
    .hero-banner--journey-listing-nav {
        min-height: 460px;
    }
}

@media (min-width: 1200px) {
    .hero-banner--journey-listing-nav {
        min-height: unset;
        aspect-ratio: 17 / 4;
    }
}

.hero-banner--journey-listing-nav .hero-banner_overlay_flex {
    justify-content: center !important;
}

.home_see-your-future_humber,
.home_see-your-future_inner {
    z-index: 1;
}

.home_see-your-future_inner {
    position: relative;
}

.hero-banner_img,
.hero-banner_img-overlay--landing-full {
    opacity: 0.85;
}

.btn-cstm--tra--lg {
    padding: 0.75em 2.5em;
}

.hero-banner--course-listing_text {
    margin-bottom: 0;
}

.hero-banner-link_link .hero-banner-link_img {
    object-position: top;
}

.bg-secondary .course-listing_course-card:hover .course-listing_course-card_detail {
    background-color: #1FC0C8 !important;
}

.journey-listing_nav-block_card-list--text .hero-banner-link_inner_text {
    width: 60%;
}

.course-listing_collage {
    background: var(--bs-primary);
    padding-top: 6rem;
    padding-bottom: 3rem;
}

@media (min-width: 992px) {
    .course-listing_collage {
        padding-top: 3rem;
        background: linear-gradient(to bottom, transparent 0%, transparent 15%, var(--bs-secondary) 15%, var(--bs-secondary) 85%, transparent 85%);
    }
}

@media (min-width: 992px) {
    .home_see-your-future_ofsted-logo {
        position: absolute;
        bottom: -1rem;
        right: -1rem;
        left: unset;
    }
}

.accordion-button,
.accordion-button:not(.collapsed) {
    background: var(--bs-primary);
    background-color: var(--bs-primary);
}

.accordion-item {
    background-color: var(--bs-dark) !important;
}

.home_see-your-future_client-logo {
    width: 100%;
    height: auto;
}

@media (min-width: 992px) {
    .small-header-text {
        font-size: 3rem;
        line-height: 3rem;
    }
    
    .hero-banner_time {
        font-size: 1.625rem;
    }
}

@media (min-width: 767px) {
    .hero-banner--home .hero-banner--home_body {
        left: unset;
        transform: unset;
    }
    
    .hero-banner--home .hero-banner_heading {
        font-size: min(3.625em, 5vw + 1.75rem);
        line-height: min(4.625rem, 5vw + 2.75rem);
    }
}

@media (max-width: 767px) {
    .hero-banner--home .hero-banner--home_body {
        width: 100%;
    }
}

.hero-banner_img_mask .hero-banner_img-overlay--landing {
    object-position: center;
}

.accordion-body a:not(.btn, .btn-cstm--tra), .accordion_faq-list a:not(.btn, .btn-cstm--tra) {
    color: var(--bs-info) !important;
}

.accordion-body a:not(.btn, .btn-cstm--tra):hover, .accordion_faq-list a:not(.btn, .btn-cstm--tra):hover {
    color: #fff !important;
}

.umb-grid .bg-secondary .btn-cstm--tra--secondary:not(.bg-secondary .bg-primary .btn-cstm--tra--secondary) {
    background: var(--bs-primary) !important;
}

.umb-grid .bg-secondary :not(.bg-primary) .btn-cstm--tra--secondary.btn-cstm--tra--secondary:not(.bg-secondary .bg-primary .btn-cstm--tra--secondary.btn-cstm--tra--secondary)::before {
    background-color: #fff !important;
}

.umb-grid .bg-secondary :not(.bg-primary) .btn-cstm--tra--secondary:not(.bg-secondary .bg-primary .btn-cstm--tra--secondary):hover {
    color: var(--bs-primary) !important;
}

.umb-grid .bg-secondary :not(.bg-primary) .btn-cstm--tra--outline--secondary:not(.bg-secondary .bg-primary .btn-cstm--tra--outline--secondary) {
    border-color: var(--bs-primary) !important;
    color: var(--bs-primary) !important;
}

.umb-grid .bg-secondary :not(.bg-primary) .btn-cstm--tra--outline--secondary:not(.bg-secondary .bg-primary .btn-cstm--tra--outline--secondary)::before {
    background-color: var(--bs-primary) !important;
}

.umb-grid .bg-secondary :not(.bg-primary) .btn-cstm--tra--outline--secondary:not(.bg-secondary .bg-primary .btn-cstm--tra--outline--secondary):hover {
    color: #fff !important;
}

.hero-banner_img_mask--alt {
    background: linear-gradient(to right, var(--bs-orange) 80%, var(--bs-primary) 80%);
}

.hero-banner_img_mask--right--alt {
    background: var(--bs-primary);
}

@media (max-width: 991px) {
    .hero-banner_heading {
        font-size: 2.75rem;
        line-height: 3rem;
    }
    
    .small-header-text {
        font-size: 2rem;
        line-height: 2rem;
    }
}

.videoCarousel_video-item {
    aspect-ratio: 9 / 16;
        background-color: var(--bs-dark);
    animation-name: loadingBg;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: ease-in-out;
}

.courses_course-card:hover, .courses_course-card:hover p {
    color: #fff !important;
}

.hero-banner_img--fullHeroBanner {
    max-height: 707px;
}

@media (min-width: 1200px) {
    .object-fit-lg-contain {
        object-fit: contain !important;
    }
    
    .object-position-lg-bottom {
        object-position: center bottom !important;
    }
}

.btn-cstm--tra {
    text-align: center;
    line-height: unset;
}

.full-menu-toggler {
    position: absolute;
    top: 1rem;
    right: 1rem;
}

#imageCarousel .carousel-control-next-icon,
#imageCarousel .carousel-control-prev-icon {
    background-image: none;
}