.jumbo-btn, .jumbo-btn-border-pink {
    background-color: #fff;
    color: #ed1f79
}

.card-header h3, .jumbotron h1 {
    margin-bottom: 0
}

.jumbo-btn {
    border: 2px solid #ed1f79;
    border-radius: 10px;
    font-size: 21px;
    padding: 20px;
    text-align: center;
    line-height: normal;
    box-shadow: 0 2px !important;
    bottom: 12px;
    width: 88%;
    margin: 0 2.5%;
    text-transform: uppercase
}

.jumbo-btn-border-pink {
    border: 2px solid #ed1f79
}

.jumbo-btn-border-purple {
    background-color: #fff;
    border: 2px solid #7e35ab;
    color: #7e35ab
}

.jumbo-btn-border-orange {
    background-color: #fff;
    border: 2px solid #ed1f79;
    color: #7e35ab
}

.jumbo-btn-border-pink:hover, .jumbo-btn-border-purple:hover {
    box-shadow: 0 0 !important;
    background-color: #fff;
    border: 2px solid #ed1f79;
    color: #ed1f79
}

.breadCrumb-container .breadcrumb-item {
    font-size: 16px
}

h1.faq-h1 {
    color: #f8570c !important
}

.accordion-flush .accordion-item .accordion-button {
    cursor: pointer;
    background-color: #7e35ab;
    color: #fff;
    padding-bottom: 28px;
    border: 0;
    border-bottom: 0
}

#icon-accordion-Nayv, .icon-accordion, .icon-accordion-Orange {
    font: 14px/1 FontAwesome;
    float: right;
    margin-right: 0 !important;
    height: 20px;
    position: relative;
    right: 10px;
    top: 10px;
    transform: translateY(-50%) !important
}

h4#headingOne-Orange, h4#headingOne.pink, h4#headingTwo, h4#headingTwo-Orange {
    font-size: 16px;
    line-height: 24px;
    font-family: Epilogue;
    text-transform: uppercase
}

#idCapeTown, #idDistance, #idDurban, #idJp, #idPretoria {
    padding-top: 27px;
    font-size: 15px
}

#idCapeTown, #idDistance, #idDurban, #idJp, #idPretoria, .Covid-info a strong, .Covid-info strong, .jumbotron h1, h4, h4#headingOne.pink, h4#headingTwo, h4#headingTwo-Orange {
    font-weight: 700
}

.collapsed .icon-accordion-Orange:before {
    content: "\f055" !important;
    background-color: #f8570c;
    font-size: 25px;
    top: -22px;
    left: -25px;
    color: #fff
}

.icon-accordion-Orange:before {
    content: "\f056";
    background-color: #f8570c !important;
    font-size: 25px;
    padding-left: 19px;
    color: #fff
}

h4#headingOne-Orange {
    background: #f8570c;
    font-weight: 700
}

.form-intro-text {
    font-size: 21px;
    font-weight: 400
}

h4#headingTwo-Orange {
    background: #7e35ab;
    min-height: 61px;
    padding: 25px
}

.collapsed #icon-accordion-Nayv:before {
    content: "\f055" !important;
    background-color: #7e35ab !important;
    font-size: 25px;
    top: -22px;
    left: -25px;
    color: #fff
}

.icon-accordion-Navy:before {
    content: "\f056";
    background-color: #7e35ab !important;
    font-size: 25px;
    color: #fff
}

.collapsed .icon-accordion:before {
    content: "\f055" !important
}

.fees .icon-accordion:before, .icon-accordion:before {
    content: "\f056";
    font-size: 25px;
    background-color: #7e35ab;
    color: #fff
}

.collapsed .icon-accordion:before {
    content: "\f055" !important;
    background-color: #7e35ab;
    font-size: 25px;
    top: -22px;
    left: -25px;
    color: #fff
}

.accordion .panel-group {
    margin-bottom: 20px
}

h4#headingTwo.orange {
    background: #f8570c
}

h4#headingOne-Nayv, h4#headingTwo.purple {
    background: #7e35ab
}

h4#headingTwo a {
    color: #fff;
    text-decoration: none
}

h4#headingOne.pink {
    background: #ed1f79;
    color: #fff;
    cursor: pointer;
    display: block;
    padding: 25px
}

.brand-challenage i.fas.fa-plus-circle.icon-accordion {
    float: right
}

.brand-challenage .icon-accordion:before {
    content: "\f056";
    background-color: #ed1f79;
    font-size: 25px;
    color: #fff
}

.brand-challenage a {
    color: #fff;
    box-shadow: none !important;
    text-decoration: none
}

.orange .collapsed .icon-accordion:before {
    content: "\f055" !important;
    background-color: #f8570c !important;
    font-size: 25px;
    top: -22px;
    left: -25px;
    color: #fff
}

.orange .icon-accordion:before {
    content: "\f056";
    background-color: #f8570c !important;
    font-size: 25px;
    color: #fff
}

a h4#headingTwo {
    color: #fff
}

h4#headingOne-Nayv {
    min-height: 85px;
    padding: 28px
}

.fees-button {
    color: #fff;
    height: 76px
}

#idJp {
    background-color: #00d9b3
}

#idPretoria, .mod-accordion-grid .accordion .panel-title.orange {
    background-color: #f8570c !important
}

#idDurban, .mod-accordion-grid .accordion .panel-title.purple {
    background-color: #7e35ab !important
}

#idCapeTown {
    background-color: #fa7a4b
}

#idDistance, .mod-accordion-grid .accordion .panel-title.pink {
    background-color: #ed1f79 !important
}

.spanclass {
    margin-left: 0;
    order: -1
}

.flex-fill p {
    font-size: 14px
}

.Covid-info strong {
    color: #333;
    font-size: 16px;
    font-family: Epilogue
}

.Covid-info a strong:hover {
    color: #0072c6;
    text-decoration: underline
}

.Covid-info a strong {
    color: #007bff;
    font-size: 16px
}

.Covid-review ul li {
    display: block
}

h4 {
    font-size: 32px
}

.vega-page-color-purple-scheme h1, .vega-page-color-purple-scheme h2, .vega-page-color-purple-scheme h3, .vega-page-color-purple-scheme h4, .vega-page-color-purple-scheme h5, .vega-page-color-purple-scheme h6, .vegaHeaderColorPurple h3, .vegaHeaderColorPurple h4 {
    color: #7e35ab
}

p {
    line-height: 1.8;
    font-weight: 400
}

.vega-spacer-small {
    margin-top: 3%
}

.vega-bt-spacer-medium, .vega-bt-spacer-small {
    padding-bottom: 3% !important
}

.vega-spacer-medium {
    margin-top: 5%
}

.jumbotron {
    height: 260px;
    background-color: #f4f1f1;
    padding-top: 2rem
}

    .jumbotron h1 {
        line-height: 1.5;
        -webkit-animation: .6s cubic-bezier(0,.9,.3,1.2) forwards pop-in;
        animation: .6s cubic-bezier(0,.9,.3,1.2) forwards pop-in;
        -webkit-animation-delay: .2s;
        animation-delay: .2s;
        font-size: 2.3rem
    }

    .jumbotron a {
        color: #000
    }

.breadcrumb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .75rem 0;
    margin-bottom: 1rem;
    list-style: none;
    border-radius: .25rem;
    text-transform: uppercase;
    -webkit-animation: .6s cubic-bezier(0,.9,.3,1.2) forwards pop-in;
    animation: .6s cubic-bezier(0,.9,.3,1.2) forwards pop-in;
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.div-back, .div-back-1 {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    font-size: 16px
}

.breadcrumb-item a {
    padding: 0 !important;
    text-decoration: none;
    text-transform: lowercase
}

.heading-title-wrapper .breadCrumb-container {
    padding-top: 145px;
    padding-left: 0
}

.heading-title-wrapper, .tpl-pg-layout {
    padding: 0
}

    .heading-title-wrapper .breadcrumb-item + .breadcrumb-item::before {
        content: var(--bs-breadcrumb-divider, ">");
        color: #000;
        font-weight: 500
    }

.vega-standard-accordion .panel.panel-default .panel-title {
    font-weight: 700;
    text-transform: uppercase;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    height: auto
}

.vega-standard-accordion .panel .panel-title a {
    text-decoration: none;
    font-size: 16px;
    color: #fff;
    display: block;
    padding: 30px
}

.vega-standard-accordion i.icon-accordion {
    top: 5px !important
}

.vega-standard-accordion .icon-accordion:before {
    background-color: transparent !important
}

.div-back-1 {
    background-color: #e1ff87;
    padding: 3%
}

.div-back {
    background-color: #f4f1f1;
    padding: 40px
}

a.link-on-hover:hover {
    text-decoration: underline !important
}

.mod-accordion-grid .accordion .panel-title.blueB {
    background-color: #208fa5
}

blockquote {
    font-size: 21px !important;
    padding: 3%;
    margin: 3% 0;
    border-radius: 5px
}

    blockquote.mint {
        background-color: #63ddc2
    }

    blockquote.grey {
        background-color: #f4f1f1
    }

img.gen-vega-feaure-img {
    width: 100%;
    margin: 3% 0
}

@-webkit-keyframes pop-in {
    0% {
        opacity: 0;
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes pop-in {
    0% {
        opacity: 0;
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.scholarship.modal-dialog {
    top: 25%
}

@media screen and (max-width:1199px) {
    .scholarship.modal-dialog .modal-content {
        width: 100%
    }

    .modal-open .modal {
        width: 100% !important
    }

    .modal-content {
        width: 85%
    }

    #VGvideoModal .modal-content {
        width: 90%
    }

    #VGvideoModal .modal-dialog {
        min-width: 100%
    }

    blockquote, img.gen-vega-feaure-img {
        margin: 8% 0
    }

    .tpl-pg-layout {
        padding: 0 5%
    }
}

@media(max-width:767px) {
    .related_courses .CorseItemYear, .related_courses .QualificationType {
        font-size: 15px
    }

    .jumbotron h1 {
        font-size: 2rem
    }

    .breadCrumb-container .breadcrumb-item {
        font-size: 14px
    }

    .fees-accordions i.fa.fa-plus.icon-accordion {
        top: 11px !important;
        left: 4px !important
    }

    .fees-accordions .vega-standard-accordion i.icon-accordion {
        top: 9px !important;
        left: 6px !important
    }

    .fees-accordions .vega-standard-accordion .panel .panel-title a {
        padding: 18px !important
    }

    .vega-standard-accordion i.icon-accordion {
        top: 15px;
        left: 0
    }

    .vega-mobile-spacer {
        margin-top: -8% !important;
        margin-bottom: 0 !important
    }

    .form-mbl-spacer {
        margin-top: 6%
    }

    .jumbotron, .vega-standard-accordion .panel.panel-default .panel-title {
        height: auto
    }

    .heading-title-wrapper .breadCrumb-container {
        padding-top: 80px;
        padding-left: 15px
    }

    h3 {
        font-size: 25px
    }

    .vega-spacer-small {
        margin-top: 5%
    }

    .vega-standard-accordion .panel .panel-title a {
        padding: 14px
    }

    .modal-open .modal {
        overflow-x: hidden;
        overflow-y: auto;
        width: 100% !important
    }

    #vega-video-modal #videoModal .modal-dialog {
        min-width: 100% !important
    }

    #course-right-scroll-icon, .tawk-mobile {
        display: none !important
    }
}

@media(min-width:767px) and (max-width:991px) {
    .jumbotron {
        min-height: 295px
    }

    .course-content-grid .jumbotron {
        min-height: 195px
    }

    .info-section .info-item:nth-child(2) {
        border-right: 0px !important
    }
}

.vega-page-color-pink-scheme h1, .vega-page-color-pink-scheme h2, .vega-page-color-pink-scheme h3, .vega-page-color-pink-scheme h4, .vega-page-color-pink-scheme h5, .vega-page-color-pink-scheme h6 {
    color: #ed1f79;
    font-weight: 700
}

.vega-page-color-peach-scheme h1, .vega-page-color-peach-scheme h2, .vega-page-color-peach-scheme h3, .vega-page-color-peach-scheme h4, .vega-page-color-peach-scheme h5, .vega-page-color-peach-scheme h6 {
    color: #fa7a4b
}

.vega-page-color-turquoise-scheme h1, .vega-page-color-turquoise-scheme h2, .vega-page-color-turquoise-scheme h3, .vega-page-color-turquoise-scheme h4, .vega-page-color-turquoise-scheme h5, .vega-page-color-turquoise-scheme h6 {
    color: #00d9b3
}

.vega-page-color-orange-scheme h1, .vega-page-color-orange-scheme h2, .vega-page-color-orange-scheme h3, .vega-page-color-orange-scheme h4, .vega-page-color-orange-scheme h5, .vega-page-color-orange-scheme h6 {
    color: #f8570c
}