html,
body {
  width: 100vw;
  padding: 0;
  margin: 0;
  background-color: #ffffff;
  font-family:'poppins',sans-serif;
    -webkit-font-smoothing:antialiased !important;
  font-size: 16px;
  overflow-x: hidden;
  color: #3a343a;
}

.splash-page {
  height: 100vh;
}


.main-splash {
  height: 100%;
  position: relative;
  overflow-x: hidden;
}

.top-menu-padding{
    padding-top: 80px;
}


.img,
.img img {
    max-width: 100%;
    height: auto;
}

a{
   color: rgba(222, 0, 165,1);
   text-decoration:  underline; 
}
a:hover{
   color: rgba(135, 0, 205,1);
   text-decoration: none; 
}
/*TYPOGRAPHY*/
h1,h2,h3,h4,h5,h6,p,strong{
    color: #3a343a;
}

h1,h2,h3,h4,h5,h6,strong{
    font-weight: 600;
}

.mega-hero-title{
    font-size:36px;
    font-weight:600;
}

.hero-title{
    font-size: 36px;
    line-height: 36px;
}

.md-hero-title{
    font-size: 24px;
    /*line-height: 36px !important;*/
}

.sml-hero-title{
    font-size: 18px;
}

.md-copy-size{
    font-size: 16px;
}

.sml-copy-size{
    font-size: 14px;
}

/* NAV */

.nav-link{
    font-weight:600;
    color:#00325b;
}

.nav-link:hover,
.nav-link.active{
    color:#9e1d97 !important;
}

.nav {
    align-items: center;
}

.nav-logos{
    height:28px;
}

.navbar>.container, .navbar>.container-fluid, .navbar>.container-lg, .navbar>.container-md, .navbar>.container-sm, .navbar>.container-xl, .navbar>.container-xxl {
  
    justify-content: auto;
}

.navbar-brand img{
    width:133px;
}
.nav-link{
    
    color:#757575;
}

.nav-link:hover{
    color:rgba(222, 0, 165, 1) !important;

}

.nav-link.active{
    color:#000000 !important;
}

.nav {
    align-items: center;
}

.nav-tabs{
    border:none;
}

.nav-favourites{
    padding-top:10px;

}

.nav-tabs .nav-link,
    .nav-favourites .nav-link {
        border-bottom:2px solid rgba(255,215,245, 1);
        border-top:none;
        border-left:none;
        border-right:none;
        padding-bottom:20px;
        padding-left:60px;
        padding-right:60px;
        font-size:17px;
        margin-bottom:-1px;
        border-radius:0;
        background:rgba(255,255,255,0);
    }
    .nav-tabs .nav-link:hover{
        border-color:rgba(255,215,245, 1);
        background:rgba(255,255,255,0);
    }
    .nav-tabs .nav-link.active {
        border-bottom:2px solid rgba(255,62,128, 1);
        background:rgba(255,255,255,0);
    }
/*CARDS*/

.card {
    background-color: rgba(255,255,255,0.9);
    background-clip: border-box;
    border-radius: 0px;
    border:5px solid #ffffff;
    
}

.card-header:first-child ,
.card-img-top {
    width: 100%;
    border-radius: 10px;
    height: auto;
}

.card-outline {
    background-color: transparent;
    background-clip: border-box;
    border: 3px solid rgba(255,255,255,1) ;
    border-radius: 25px;
    
}

.card-ghost {
    background-color: rgba(255,255,255,0.1);
    
    
}

.card-blue {
    background-color: rgba(0,127,170,1);
    
    
}

.card-green {
    background-color: rgba(9,132,128,1);
    
    
}

.card-gradient{
    background: rgba(252,220,206, 1);
    background: linear-gradient(304deg,rgba(222,236,249, 1) 0%, rgba(252,220,206, 1) 100%);
    box-shadow: rgba(15, 56, 113, 0.08) 0px 2px 4px -1px, rgba(15, 56, 113, 0.12) 0px 8px 20px -4px;
    filter: drop-shadow(rgba(15, 56, 113, 0.32) 0px 0px 1px);
}
.card-gradient-reverse{
    background: rgba(252,220,206, 1);
    background: linear-gradient(224deg,rgba(222,236,249, 1) 0%, rgba(252,220,206, 1) 100%);
    box-shadow: rgba(15, 56, 113, 0.08) 0px 2px 4px -1px, rgba(15, 56, 113, 0.12) 0px 8px 20px -4px;
    filter: drop-shadow(rgba(15, 56, 113, 0.32) 0px 0px 1px);
}

.card-footer-blue {
    background-color: rgba(73,84,111,0.9);
    
    
}

.card-footer:last-child {
    border-radius: 25px;
    border-top: none;
}

.floating-card{
    position: absolute;
    top: -200px;
}

.card-cta{
    text-decoration:none;
}
.card-cta,
.card-cta-text,
.card-cta-background{
    -webkit-transition : all 500ms ease-out;
    -moz-transition : all 500ms ease-out;
    -o-transition : all 500ms ease-out;
    transition : all 500ms ease-out;
}

.card-cta:hover{
    border-color:rgba(159,28,151,1) !important;
}

.card-cta:hover .card-cta-text{
    color:rgba(159,28,151,1) !important;
}

.card-cta:hover .card-cta-text svg,
.card-cta:hover .card-cta-text path{
    fill: rgba(159,28,151,1);
}

.card-cta:hover .card-cta-background{
    background:rgba(159,28,151,1) !important;
}
/*COLOURS*/
.text-bold{
    font-weight: 600;
}

.text-underline-wavy{
    text-decoration: underline;
    text-decoration-style: wavy;
}
/*.text-underline-wavy-salmon-gradient{
    background: linear-gradient(304deg,rgba(241,122,79,1) 0%, rgba(235,84,112,1) 100%);
 -webkit-text-decorations-in-effect: wavy;
  -webkit-text-fill-color: transparent;

    
}*/
.text-salmon-gradient{
    background: linear-gradient(304deg,rgba(241,122,79,1) 0%, rgba(235,84,112,1) 100%);
  -webkit-text-decorations-in-effect: text;
  -webkit-text-fill-color: transparent;
}

.text-outline{
    color: #fff;
  text-shadow:
    3px 3px 0 #000,
    -3px 3px 0 #000,
    -3px -3px 0 #000,
    3px -3px 0 #000;
}

.text-white,
.text-white strong,
.text-white p{
    color: rgba(255,255,255,1);
}

.text-white svg,
.text-white path{
    fill: rgba(255,255,255,1);
}


.text-green,
.text-green p,
.text-green strong{
    color: rgba(9,132,128,1);
}

.text-green svg,
.text-green path{
    fill: rgba(9,132,128,1);
}

.text-blue,
.text-blue p,
.text-blue strong{
    color: rgba(37,65,252,1);
}

.text-blue svg,
.text-blue path{
    fill: rgba(37,65,252,1);
}

.text-salmon,
.text-salmon p,
.text-salmon strong{
    color: rgba(235,84,112,1);
}

.text-salmon svg,
.text-salmon path{
    fill: rgba(235,84,112,1);
}

.text-red,
.text-red p,
.text-red strong{
    color: rgba(182,0,31,1);
}

.text-red svg,
.text-red path{
    fill: rgba(182,0,31,1);
}

.text-orange,
.text-orange p,
.text-orange strong{
    color: rgba(255,85,1,1);
}

.text-orange svg,
.text-orange path{
    fill: rgba(255,85,1,1);
}

.text-purple,
.text-purple p,
.text-purple strong{
    color: rgba(135, 0, 205,1);
}

.text-dark{
    color: rgba(78,101,96,1);
}

.text-black{
    color: rgba(0,0,0,1);
}

.text-pink,
.text-pink p,
.text-pink strong{
    color: rgba(222, 0, 165,1);
}

.text-pink svg,
.text-pink path{
    fill: rgba(222, 0, 165,1);
}

.border-green{
    border: 3px solid rgba(9,132,128,1) !important;

}

.border-bottom-green{
    border-bottom: 5px solid rgba(9,132,128,1) !important;
}

.border-purple{
    border: 3px solid rgba(135, 0, 205,1) !important;
}

.border-black{
    border: 2px solid rgba(0,0,0,1) !important;
}
/*Backgrounds*/
.form-card{
    
    background-color:rgba(1,13,31,0.8);
    border:3px solid #ffffff;
}

.mask-section{
    position: absolute;
    bottom: 0;
    width:100%;
}

.bg-footer{
    background: #f8f8f8;
}

.bg-footer-gradient{
    background: #FC7D46;
    background: linear-gradient(304deg,rgba(252, 125, 70, 1) 0%, rgba(222, 3, 163, 1) 100%);
}

.w-plane-header-holder-100{
    top:-2px !important;
    left:-15% !important;
    width:352px !important;
}
.w-plane-header-100{
    
    width:100.1%;
}

.bg-light-pink{
    background: #FFE9F9;
}



.bg-white{
    background: #ffffff;
}


.bg-blue{
    background: rgba(65,103,174,1);
}

.bg-orange{
    background: rgba(255,134,70,1);
}

.bg-light{
    background: rgba(237,237,238,1);
}

.bg-course-gradient{
    background: #FFFFFF;
background: linear-gradient(180deg,rgba(255, 255, 255, 0) 0%, rgba(232, 242, 251, 1) 33%, rgba(243, 225, 219, 1) 66%, rgba(232, 242, 251, 1) 100%);
}

.hr-blue {
    border-top: 1px solid rgba(87,196,253,1);
}

.hr-light {
    border-top: 1px solid rgba(201,201,201,1);
}

.hr-ghost {
    border-top: 1px solid rgba(255,255,255,0.3);
}
/*Styled Lists */
.list-group-item{
    border:0;
    border-radius:0 !important;
}

.star-tick-list-white li,
.star-tick-list-green li,
.chevron-list-green li,
.keyword-search-form-ul li,
.categories-search-form-ul li{
    display: block;
    list-style-type: none;
    line-height: auto;

}

.star-tick-list-white li:before { 
    position: relative; 
    content:"";
    background: url(../icons/star-tick-white.svg) no-repeat left center;
    padding-right: 24px; 
    margin-right: 10px; 
    margin-left:-34px;
}

.star-tick-list-green li:before { 
    position: relative; 
    content:"";
    background: url(../icons/star-tick-green.svg) no-repeat left center;
    padding-right: 24px; 
    margin-right: 10px; 
    margin-left:-34px;
}

.chevron-list-green li:before { 
    position: relative; 
    content:"";
    background: url(../icons/chevron-right-green.svg) no-repeat left center;
    background-size: 8px;
    padding-right: 24px; 
    margin-right: 10px; 
    margin-left:-34px;
}

/*FORMS*/
/*Search Form*/
.keyword-search-form-ul li,
.categories-search-form-ul li{
    padding-left:15px;
}
.keyword-search-form-ul li:before { 
    position: relative; 
    content:"";
    background: url(../icons/search.svg) no-repeat left center;
    background-size: 20px;
    padding-right: 24px; 
    margin-right: 4px; 
    margin-left:-34px;
}

.keyword-search-form-ul li a,
.categories-search-form-ul li a{
    text-decoration:none;
    color:#000000;
}

.categories-search-form-ul li:before { 
    position: relative; 
    content:"";
    background: url(../icons/categories.svg) no-repeat left center;
    background-size: 20px;
    padding-right: 24px; 
    margin-right: 4px; 
    margin-left:-34px;
}
.search-form input, 
.search-form select, 
.search-form button, 
.search-form textarea{
    border: none ;
    font-size:17px;
    padding: 10px 20px;

}

.search-form input:focus,
.search-form input:active {
  
  outline: none;

}


.search-form  ::placeholder {
  color: #828ba2;
  opacity: 1; /* Firefox */
}

.search-form  ::-ms-input-placeholder { /* Edge 12 -18 */
  color: #828ba2;
}

/*.form-col-active{
    position:absolute;
    box-shadow: rgba(15, 56, 113, 0.08) 0px 2px 4px -1px, rgba(15, 56, 113, 0.12) 0px 8px 20px -4px;
    filter: drop-shadow(rgba(15, 56, 113, 0.32) 0px 0px 1px);
            
    border-radius: 8px;
    background-color: rgb(255, 255, 255);
    margin:-8px 0px -8px -8px !important;
    padding-top:8px !important;
    padding-bottom:8px !important;
    padding-left:8px !important;
    width:100%;
    z-inded:99999;
  
}*/





.keyword-input{
    background-image: url(../icons/search.svg); 
    background-position: 7px 11px; 
    background-repeat: no-repeat;
    width: 100%; 
    font-size: 16px; 
    padding-left: 40px !important;
}

.btn-search-form-delete{
    height:45px;
    vertical-align:middle;
    display:block;
    float:right;

}

.btn-search-form-delete svg{
    margin:13px 10px;
}

.categories-input { 
    /*background-image: url(../icons/search.svg); 
    background-size:24px;
    background-position: 10px 16px; 
    background-repeat: no-repeat;*/
    width: 100%; 
    font-size: 16px; 
    /*padding-left: 40px !important;*/
}

/*BUTONS*/
.btn-cta{
    color:#000000;
    background-color:rgba(67,254,247,1);
    border:3px solid rgba(0,0,0,1) !important;
    -webkit-transition : all 500ms ease-out;
    -moz-transition : all 500ms ease-out;
    -o-transition : all 500ms ease-out;
    transition : all 500ms ease-out;
    border-radius: 10px;
    font-weight: 600;
}

.btn-cta p{
    color:#fff;
}

.btn-cta svg,
.btn-cta path,
.btn-cta rect{
    fill: rgba(222, 0, 165,1);
}


.btn-cta:hover, 
.cta .btn:hover,
.btn-cta-active,
.btn-grey:hover, 
.btn-grey-active{
    color:#ffffff;
    background-color:rgba(222, 0, 165,1);
    border:3px solid rgba(222, 0, 165,1) !important;
}

.btn-cta:hover p,
.cta .btn:hover p,
.btn-cta-active p{
    color:rgba(255,255,255,1);
}

.btn-cta:hover svg,
.btn-cta:hover path,
.btn-cta:hover rect,
.cta .btn:hover svg,
.cta .btn:hover path,
.cta .btn:hover rect,
.btn-cta-active svg,
.btn-cta-active path,
.btn-cta-active rect{
    fill: rgba(255,255,255,1);
}
.btn-cta:focus,
.btn-cta.focus, 
.cta .btn:focus, 
.cta .btn.focus{
    box-shadow:0 0 0 .2rem rgba(255,255,255,0.5)
}
.btn-cta.disabled,
.btn-cta:disabled, 
.cta .btn.disabled, 
.cta .btn:disabled{
    color:#fff;
    background-color:rgba(222, 0, 165,0.2);
    border-color:rgba(222, 0, 165,0.2)
}
.btn-cta:not(:disabled):not(.disabled):active,
.btn-cta:not(:disabled):not(.disabled).active,
.show>.btn-cta.dropdown-toggle,
.cta .btn:not(:disabled):not(.disabled):active,
.cta .btn:not(:disabled):not(.disabled).active,
.show>.cta .btn.dropdown-toggle{
    color:#fff;
    background-color:#00b3b3;
    border-color:#000
}
.btn-cta:not(:disabled):not(.disabled):active:focus,
.btn-cta:not(:disabled):not(.disabled).active:focus,
.show>.btn-cta.dropdown-toggle:focus,
.cta .btn:not(:disabled):not(.disabled):active:focus,
.cta .btn:not(:disabled):not(.disabled).active:focus,
.show>.cta .btn.dropdown-toggle:focus{
    box-shadow:0 0 0 .2rem rgba(0,90,90,0.5)
}

.btn-orange{
    color:#ffffff;
    background-color:rgba(216,60,0,1);
    background-image: url(../images/button-bg.svg) ;
    background-position: right;
    background-repeat: no-repeat;
    border:3px solid rgba(255,255,255,1) !important;
    -webkit-transition : all 500ms ease-out;
    -moz-transition : all 500ms ease-out;
    -o-transition : all 500ms ease-out;
    transition : all 500ms ease-out;
    border-radius: 0px;
    font-weight: 600;
}

.btn-orange p{
    color:#fff;
}



.btn-orange:hover, 
.btn-orange-active{
    color:rgba(255,255,255,1);
    background-color:rgba(159,28,151,1) !important;
    border-color:rgba(255,255,255,1)
}

.btn-cta:hover p,
.cta .btn:hover p,
.btn-cta-active p{
    color:rgba(255,255,255,1);
}

.btn-grey{
    color:#000000;
    background-color:rgba(200,200,200,1);
    background-image: url(../images/button-bg.svg) ;
    background-position: right;
    background-repeat: no-repeat;
    border:3px solid rgba(0,0,0,1) !important;
    -webkit-transition : all 500ms ease-out;
    -moz-transition : all 500ms ease-out;
    -o-transition : all 500ms ease-out;
    transition : all 500ms ease-out;
    font-weight: 600;
}

.btn-grey p{
    color:#fff;
}



.btn-cta:hover p,
.cta .btn:hover p,
.btn-cta-active p{
    color:rgba(255,255,255,1);
}

.btn-yes{
    color:#fff;
    background-color:
    rgba(141,206,70,1);
    border: none;
    -webkit-transition : all 500ms ease-out;
    -moz-transition : all 500ms ease-out;
    -o-transition : all 500ms ease-out;
    transition : all 500ms ease-out;
    border-radius: 10px;
    font-weight: 600;
}

.btn-yes:hover, 
.yes .btn:hover{
    color:#fff;
    background-color:rgba(3,241,187,1);
    border-color:rgba(3,241,187,1)
}
.btn-yes:focus,
.btn-yes.focus, 
.yes .btn:focus, 
.yes .btn.focus{
    box-shadow:0 0 0 .2rem rgba(0,128,128,0.5)
}
.btn-yes.disabled,
.btn-yes:disabled, 
.yes .btn.disabled, 
.yes .btn:disabled{
    color:#fff;
    background-color:rgba(141,206,70,0.2);
    border-color:rgba(27,129,199,0.2)
}
.btn-yes:not(:disabled):not(.disabled):active,
.btn-yes:not(:disabled):not(.disabled).active,
.show>.btn-yes.dropdown-toggle,
.yes .btn:not(:disabled):not(.disabled):active,
.yes .btn:not(:disabled):not(.disabled).active,
.show>.yes .btn.dropdown-toggle{
    color:#fff;
    background-color:#00b3b3;
    border-color:#000
}
.btn-yes:not(:disabled):not(.disabled):active:focus,
.btn-yes:not(:disabled):not(.disabled).active:focus,
.show>.btn-yes.dropdown-toggle:focus,
.yes .btn:not(:disabled):not(.disabled):active:focus,
.yes .btn:not(:disabled):not(.disabled).active:focus,
.show>.yes .btn.dropdown-toggle:focus{
    box-shadow:0 0 0 .2rem rgba(0,90,90,0.5)
}

.btn-white{
    color:rgba(222, 0, 165,1);
    background-color:
    rgba(255,255,255,1);
    border: none;
    -webkit-transition : all 500ms ease-out;
    -moz-transition : all 500ms ease-out;
    -o-transition : all 500ms ease-out;
    transition : all 500ms ease-out;
    border-radius: 10px;
    font-weight: 600;
}

.btn-white:hover{
    color:rgba(255,255,255,1);
    background-color:rgba(222, 0, 165,1);
    border-color:rgba(255,255,255,1)
}
.btn-white:focus,
.btn-white.focus{
    box-shadow:0 0 0 .2rem rgba(255,255,255,0.5)
}


.btn-red{
    color:rgba(255,255,255,1);
    background-color: rgba(182,0,31,1);
    border: none;
    -webkit-transition : all 500ms ease-out;
    -moz-transition : all 500ms ease-out;
    -o-transition : all 500ms ease-out;
    transition : all 500ms ease-out;
    border-radius: 10px;
    font-weight: 600;
}

.btn-red:hover{
    color:rgba(255,255,255,1);
    background-color:rgba(182,0,31,0.5);
    border-color:rgba(255,255,255,1)
}
.btn-red:focus,
.btn-red.focus{
    box-shadow:0 0 0 .2rem rgba(0,128,128,0.5)
}

.btn-green{
    color:rgba(255,255,255,1);
    background-color: rgba(105,183,46,1);
    border:3px solid rgba(105,183,46,1) !important;
    -webkit-transition : all 500ms ease-out;
    -moz-transition : all 500ms ease-out;
    -o-transition : all 500ms ease-out;
    transition : all 500ms ease-out;
    border-radius: 10px;
    font-weight: 600;
}

.btn-green:hover{
    color:rgba(255,255,255,1);
    background-color:rgba(105,183,46,0.5);
    border-color:rgba(255,255,255,1) 
}
.btn-green:focus,
.btn-green.focus{
    box-shadow:0 0 0 .2rem rgba(0,128,128,0.5)
}

.btn-checkbox{
    color:rgba(0,127,170,1);
    background-color:rgba(255,255,255,1);
    border:3px solid rgba(84,88,90,1) !important;
    -webkit-transition : all 500ms ease-out;
    -moz-transition : all 500ms ease-out;
    -o-transition : all 500ms ease-out;
    transition : all 500ms ease-out;
    border-radius: 10px;
    font-weight: 600;
}

.btn-checkbox p{
    color:rgba(0,127,170,1);
}

.btn-checkbox svg{
    fill: rgba(0,127,170,1);
}


.btn-checkbox-active{
    color:rgba(255,255,255,1);
    background-color:rgba(245,166,35,1) !important;
    border-color:rgba(245,166,35,1) !important;
}

.btn-checkbox-active p{
    color:rgba(255,255,255,1);
}

.btn-checkbox-active svg{
    fill: rgba(255,255,255,1);
}

.btn-checkbox:hover{
    color:#fff;
    background-color:rgba(0,127,170,1) !important;
}

.btn-checkbox:hover p{
    color:#ffffff;
}

.btn-checkbox:hover svg{
    fill: rgba(255,255,255,1);
}
.btn-checkbox:focus,
.btn-checkbox.focus{
    box-shadow:0 0 0 .2rem rgba(0,128,128,0.5)
}
.btn-checkbox.disabled,
.btn-checkbox:disabled{
    color:#fff;
    background-color:rgba(219,66,116,0.2);
    border-color:rgba(255,255,255,0.2)
}
.btn-checkbox:not(:disabled):not(.disabled):active,
.btn-checkbox:not(:disabled):not(.disabled).active{
    color:#fff;
    background-color:rgba(219,66,116,1);
    border-color:#ffffff;
}
.btn-checkbox:not(:disabled):not(.disabled):active:focus,
.btn-checkbox:not(:disabled):not(.disabled).active:focus{
    box-shadow:0 0 0 .2rem rgba(0,90,90,0.5)
}

/*Modal Redirect loader*/
#modal-loading{
                position:fixed;
                top:0;
                left:0%;
                height:100%;
                width:100%;
                background-color:rgba(0,0,0,0.5);
                z-index:9999999;
            }
            .display-none{
                display:none;
            }
            .modal-dialog{
                
                margin-top:20%;
                color:#ffffff;
            }
            .loading-spinner{
                position:relative;

                width:30px;
                height:30px;
                border:2px solid #de00a5;
                border-radius:50%;
                border-top-color:#ffffff;
                display:inline-block;
                animation:loadingspinner .7s linear infinite;
            }
            @keyframes loadingspinner{
                0%{
                    transform:rotate(0deg)
                }
                100%{
                    transform:rotate(360deg)
                }
            }


/*Carousel*/

:root {
  --course-width: 25%;
  --course-height: auto;
  --course-image-height: 200px;
  --arrow-width: 50px;
  --slider-py: 200px;
}
@media only screen and (min-width: 577px) and (max-width: 991px) {
  :root {
    --course-width: 100%;
  }
}
@media (max-width: 576px) {
    :root {
        --course-width: 100%;
      }
}
.course-slider {
  width: 100%;
  position: relative;
  
}

.container-indicators {
  width: 100px;
  position: absolute;
  right: 0;
  /*top: calc(var(--slider-py) - 60px);*/
  visibility: hidden;
}
.indicator {
  width: 15px;
  height: 2px;
  background-color: grey;
  display: inline-block;
}
.indicator.active {
  background-color: red;
}

.course {
  width: var(--course-width);
  height: var(--course-height);
  display: inline-block;
  position: relative;
  font-size: 0.8rem;
  /*transition: all 0.4s ease-in-out;*/
  vertical-align:top;
  text-decoration:none;
}

.card-course {
  height: var(--course-height);
  display: inline-block;
  position: relative;
  padding: 0 ;
  font-size: 0.8rem;
  /*transition: all 0.4s ease-in-out;*/
  vertical-align:top;
  text-decoration:none;
}

.course a,
.card-course a{
    text-decoration:none;
}

.course:hover .card-cta,
.card-course:hover .card-cta{
     background-color:rgba(222, 0, 165,1) !important;
    border:2px solid rgba(222, 0, 165,1) !important;
    color:#ffffff !important;
}

.course:hover .text-black,
.card-course:hover .text-black{
    color:#ffffff !important;
}

.course-image{
    display:block;
    width: 100%;
    height: var(--course-image-height);
}

.course-image img {
    object-fit: cover;
    width: 100%;
    height: var(--course-image-height);
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}


.course-card-organisation-thumbnail{
    width: 80px;
    border-radius: 5px;
    position: absolute;
    right: 30px;
    top: 146px;
    background:#ffffff;
    padding:10px;
}

.course-card-organisation-thumbnail img{
    width: 100%;
}


.course-title{
    height:auto;
}

.course-card-title{
    height:auto;
}

.course-description{
    height:auto;
}

.course-description-deep{
    height:auto;
}

.course-thumbnail-content{
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.course-thumbnail-content-top-rounded{
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}



@media only screen and (min-width: 992px) {
    .course-slider::-webkit-scrollbar {
        display: none;
    }
    .course-slider {
      overflow-x: scroll;
      overflow-y: hidden;
      white-space: nowrap;
      
    }
    .course {
      padding: 0 16px 0 0;
    }
}





.btn-carousel {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  /*position: absolute;
  bottom: 0;*/
  background-color: rgba(222,1,165,1);
  outline: none;
  border: none;
  color: white;
  /*top: var(--slider-py);*/
  z-index: 5;
  /*visibility: hidden;*/
  margin-left:10px;
}

/*.btn-carousel img{
    margin-top:-5px;
}*/

.btn-carousel:hover{
    
    background-color: rgba(222,1,165,0.8) !important;
    
}

.btn-carousel:active{
    margin-top:-2px;

    width: 34px;
    height: 34px;
    background-color: rgba(222,1,165,0.8) !important;
    
}

.move-left:active {
  margin-left:8px ;
}

.move-right:active {
  margin-left:12px !important;
  margin-right:-2px ;
}

@media only screen and (max-width: 991px) {
  .btn-carousel {
    display: none;
  }

  .keyword-search-form-ul li,
    .categories-search-form-ul li{
        padding-top:10px;
    }
}


/*@media only screen and (min-width: 992px) {
  .container:hover .btn-carousel,
  .container:hover .container-indicators {
    visibility: visible;
  }

}*/

/*banners*/
.search-banner{
    top:-30%;
}

@media (min-width: 1400px) {
    .search-banner{
        top:-50%;
    }
}

@media (min-width: 1950px) {
    .search-banner{
        top:-70%;
    }
}

/*overwrites*/

.border-0{
    border: none !important;
}
@media (min-width: 1200px) {
    .nav-logos{
        height:55px;
    }

    .course-title{
        height:70px !important;
    }

    .course-card-title{
        height:55px !important;
    }

    .course-description{
        height:75px !important;
    }

    .course-description-deep{
        height:95px !important;
    }
}
@media (min-width: 992px) {

    .nav-logos{
        height:39px;
    }

    
    /*Layouts*/
    .bottomdiv {
        height: auto;
        width: 100%;
        position:absolute;
        left:0;
        bottom:0;
    }

    /*Typography*/
    .mega-hero-title{
        font-size:48px;
        line-height:auto;
    }
    .hero-title{
        font-size: 32px;
        line-height: 32px;
    }

    .md-hero-title{
        font-size: 24px;
        /*line-height: 24px;*/
    }

    .sml-hero-title{
        font-size: 18px;
    }

    .md-copy-size{
        font-size: 18px;
    }

    .sml-copy-size{
        font-size: 14px;
    }

    .carousel-indicators {
      position: absolute;
      right: 60px;
      bottom: 0;
      left: 0;
      z-index: 2;
      display: flex;
      justify-content: right;
      padding: 0;
      list-style: none;
      margin-right:0;
    }
    .carousel-buttons{
        top:27px;
    }

    .course-title{
        height:90px;
    }

    .course-card-title{
        height:55px !important;
    }

    .course-description{
        height:95px;
    }

    .course-description-deep{
        height:115px;
    }

    

    .form-col-active{
        position:absolute;
        box-shadow: rgba(15, 56, 113, 0.08) 0px 2px 4px -1px, rgba(15, 56, 113, 0.12) 0px 8px 20px -4px;
        filter: drop-shadow(rgba(15, 56, 113, 0.32) 0px 0px 1px);
                    
        border-radius: 8px;
        background-color: rgb(255, 255, 255);
        margin:-8px 0px -8px -8px !important;
        padding-top:8px !important;
        padding-bottom:8px !important;
        padding-left:8px !important;
        width:98% !important;
        z-index:99999;
          
    }

    .search-form-input-holder{
        height:45px;
    }
}



@media (min-width: 576px) {
    .form-col-active{
        width:100% !important;
          
    }
    
}

@media (max-width: 991px) and (min-width: 769px) {
    .nav-logos{
        height:28px;
    }
    .mega-hero-title{
        font-size:60px;
    }
    .hero-title{
        font-size: 48px;
        line-height: 48px;
    }

    .md-hero-title{
        font-size: 24px;
        line-height: 24px;
    }

    .sml-hero-title{
        font-size: 18px;
    }
    
}

@media (max-width: 768px) {
    .nav-item{
        width:33%;
        text-align:center;
    }

    .nav-tabs .nav-link,
    .nav-favourites .nav-link {
       padding-left:10px;
        padding-right:10px;
        font-size:14px;
    }

    
    
}
@media (min-width: 577px) and (max-width: 768px) {
    .course-title{
        height:auto !important;
    }

    .course-card-title{
        height:auto !important;
    }

    .course-description{
        height:auto !important;
    }

    .course-description-deep{
        height:auto !important;
    }
}

/* Sizing*/
/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
    .w-sm-auto {
        width: auto !important;
    }

    .w-sm-100 {
        width: 100% !important;
    }

    .w-sm-75 {
        width: 75% !important;
    }

    .w-sm-50 {
        width: 50% !important;
    }

    .w-sm-25 {
        width: 25% !important;
    }

    .h-sm-100 {
        height: 100% !important;
    }

    .h-sm-75 {
        height: 75% !important;
    }

    .h-sm-50 {
        height: 50% !important;
    }

    .h-sm-25 {
        height: 25% !important;
    }

    .border-sm {
      border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }

    .border-sm-0 {
      border: 0 !important;
    }

    .border-sm-top {
      border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }

    .border-sm-top-0 {
      border-top: 0 !important;
    }

    .border-sm-end {
      border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }

    .border-sm-end-0 {
      border-right: 0 !important;
    }

    .border-sm-bottom {
      border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }

    .border-sm-bottom-0 {
      border-bottom: 0 !important;
    }

    .border-sm-start {
      border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }

    .border-sm-start-0 {
      border-left: 0 !important;
    }

    .border-sm-primary {
      --bs-border-opacity: 1;
      border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important;
    }

    .border-sm-secondary {
      --bs-border-opacity: 1;
      border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important;
    }

    .border-sm-success {
      --bs-border-opacity: 1;
      border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important;
    }

    .border-sm-info {
      --bs-border-opacity: 1;
      border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important;
    }

    .border-sm-warning {
      --bs-border-opacity: 1;
      border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important;
    }

    .border-sm-danger {
      --bs-border-opacity: 1;
      border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
    }

    .border-sm-light {
      --bs-border-opacity: 1;
      border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important;
    }

    .border-sm-dark {
      --bs-border-opacity: 1;
      border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;
    }

    .border-sm-black {
      --bs-border-opacity: 1;
      border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important;
    }

    .border-sm-white {
      --bs-border-opacity: 1;
      border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
    }

    .border-sm-primary-subtle {
      border-color: var(--bs-primary-border-subtle) !important;
    }

    .border-sm-secondary-subtle {
      border-color: var(--bs-secondary-border-subtle) !important;
    }

    .border-sm-success-subtle {
      border-color: var(--bs-success-border-subtle) !important;
    }

    .border-sm-info-subtle {
      border-color: var(--bs-info-border-subtle) !important;
    }

    .border-sm-warning-subtle {
      border-color: var(--bs-warning-border-subtle) !important;
    }

    .border-sm-danger-subtle {
      border-color: var(--bs-danger-border-subtle) !important;
    }

    .border-sm-light-subtle {
      border-color: var(--bs-light-border-subtle) !important;
    }

    .border-sm-dark-subtle {
      border-color: var(--bs-dark-border-subtle) !important;
    }

    .border-sm-1 {
      border-width: 1px !important;
    }

    .border-sm-2 {
      border-width: 2px !important;
    }

    .border-sm-3 {
      border-width: 3px !important;
    }

    .border-sm-4 {
      border-width: 4px !important;
    }

    .border-sm-5 {
      border-width: 5px !important;
    }
}


/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    .w-md-auto {
        width: auto !important;
    }

    .w-md-100 {
        width: 100% !important;
    }

    .w-md-75 {
        width: 75% !important;
    }

    .w-md-50 {
        width: 50% !important;
    }

    .w-md-25 {
        width: 25% !important;
    }

    .h-md-100 {
        height: 100% !important;
    }

    .h-md-75 {
        height: 75% !important;
    }

    .h-md-50 {
        height: 50% !important;
    }

    .h-md-25 {
        height: 25% !important;
    }

    .border-md {
      border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }

    .border-md-0 {
      border: 0 !important;
    }

    .border-md-top {
      border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }

    .border-md-top-0 {
      border-top: 0 !important;
    }

    .border-md-end {
      border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }

    .border-md-end-0 {
      border-right: 0 !important;
    }

    .border-md-bottom {
      border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }

    .border-md-bottom-0 {
      border-bottom: 0 !important;
    }

    .border-md-start {
      border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }

    .border-md-start-0 {
      border-left: 0 !important;
    }

    .border-md-primary {
      --bs-border-opacity: 1;
      border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important;
    }

    .border-md-secondary {
      --bs-border-opacity: 1;
      border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important;
    }

    .border-md-success {
      --bs-border-opacity: 1;
      border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important;
    }

    .border-md-info {
      --bs-border-opacity: 1;
      border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important;
    }

    .border-md-warning {
      --bs-border-opacity: 1;
      border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important;
    }

    .border-md-danger {
      --bs-border-opacity: 1;
      border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
    }

    .border-md-light {
      --bs-border-opacity: 1;
      border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important;
    }

    .border-md-dark {
      --bs-border-opacity: 1;
      border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;
    }

    .border-md-black {
      --bs-border-opacity: 1;
      border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important;
    }

    .border-md-white {
      --bs-border-opacity: 1;
      border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
    }

    .border-md-primary-subtle {
      border-color: var(--bs-primary-border-subtle) !important;
    }

    .border-md-secondary-subtle {
      border-color: var(--bs-secondary-border-subtle) !important;
    }

    .border-md-success-subtle {
      border-color: var(--bs-success-border-subtle) !important;
    }

    .border-md-info-subtle {
      border-color: var(--bs-info-border-subtle) !important;
    }

    .border-md-warning-subtle {
      border-color: var(--bs-warning-border-subtle) !important;
    }

    .border-md-danger-subtle {
      border-color: var(--bs-danger-border-subtle) !important;
    }

    .border-md-light-subtle {
      border-color: var(--bs-light-border-subtle) !important;
    }

    .border-md-dark-subtle {
      border-color: var(--bs-dark-border-subtle) !important;
    }

    .border-md-1 {
      border-width: 1px !important;
    }

    .border-md-2 {
      border-width: 2px !important;
    }

    .border-md-3 {
      border-width: 3px !important;
    }

    .border-md-4 {
      border-width: 4px !important;
    }

    .border-md-5 {
      border-width: 5px !important;
    }
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    .w-lg-auto {
        width: auto !important;
    }

    .w-lg-100 {
        width: 100% !important;
    }

    .w-lg-75 {
        width: 75% !important;
    }

    .w-lg-50 {
        width: 50% !important;
    }

    .w-lg-25 {
        width: 25% !important;
    }

    .h-lg-100 {
        height: 100% !important;
    }

    .h-lg-75 {
        height: 75% !important;
    }

    .h-lg-50 {
        height: 50% !important;
    }

    .h-lg-25 {
        height: 25% !important;
    }

    .border-lg {
      border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }

    .border-lg-0 {
      border: 0 !important;
    }

    .border-lg-top {
      border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }

    .border-lg-top-0 {
      border-top: 0 !important;
    }

    .border-lg-end {
      border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }

    .border-lg-end-0 {
      border-right: 0 !important;
    }

    .border-lg-bottom {
      border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }

    .border-lg-bottom-0 {
      border-bottom: 0 !important;
    }

    .border-lg-start {
      border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }

    .border-lg-start-0 {
      border-left: 0 !important;
    }

    .border-lg-primary {
      --bs-border-opacity: 1;
      border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important;
    }

    .border-lg-secondary {
      --bs-border-opacity: 1;
      border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important;
    }

    .border-lg-success {
      --bs-border-opacity: 1;
      border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important;
    }

    .border-lg-info {
      --bs-border-opacity: 1;
      border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important;
    }

    .border-lg-warning {
      --bs-border-opacity: 1;
      border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important;
    }

    .border-lg-danger {
      --bs-border-opacity: 1;
      border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
    }

    .border-lg-light {
      --bs-border-opacity: 1;
      border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important;
    }

    .border-lg-dark {
      --bs-border-opacity: 1;
      border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;
    }

    .border-lg-black {
      --bs-border-opacity: 1;
      border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important;
    }

    .border-lg-white {
      --bs-border-opacity: 1;
      border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
    }

    .border-lg-primary-subtle {
      border-color: var(--bs-primary-border-subtle) !important;
    }

    .border-lg-secondary-subtle {
      border-color: var(--bs-secondary-border-subtle) !important;
    }

    .border-lg-success-subtle {
      border-color: var(--bs-success-border-subtle) !important;
    }

    .border-lg-info-subtle {
      border-color: var(--bs-info-border-subtle) !important;
    }

    .border-lg-warning-subtle {
      border-color: var(--bs-warning-border-subtle) !important;
    }

    .border-lg-danger-subtle {
      border-color: var(--bs-danger-border-subtle) !important;
    }

    .border-lg-light-subtle {
      border-color: var(--bs-light-border-subtle) !important;
    }

    .border-lg-dark-subtle {
      border-color: var(--bs-dark-border-subtle) !important;
    }

    .border-lg-1 {
      border-width: 1px !important;
    }

    .border-lg-2 {
      border-width: 2px !important;
    }

    .border-lg-3 {
      border-width: 3px !important;
    }

    .border-lg-4 {
      border-width: 4px !important;
    }

    .border-lg-5 {
      border-width: 5px !important;
    }
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    .w-xl-auto {
        width: auto !important;
    }

    .w-xl-100 {
        width: 100% !important;
    }

    .w-xl-75 {
        width: 75% !important;
    }

    .w-xl-50 {
        width: 50% !important;
    }

    .w-xl-25 {
        width: 25% !important;
    }

    .h-xl-100 {
        height: 100% !important;
    }

    .h-xl-75 {
        height: 75% !important;
    }

    .h-xl-50 {
        height: 50% !important;
    }

    .h-xl-25 {
        height: 25% !important;
    }

    .border-xl {
      border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }

    .border-xl-0 {
      border: 0 !important;
    }

    .border-xl-top {
      border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }

    .border-xl-top-0 {
      border-top: 0 !important;
    }

    .border-xl-end {
      border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }

    .border-xl-end-0 {
      border-right: 0 !important;
    }

    .border-xl-bottom {
      border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }

    .border-xl-bottom-0 {
      border-bottom: 0 !important;
    }

    .border-xl-start {
      border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }

    .border-xl-start-0 {
      border-left: 0 !important;
    }

    .border-xl-primary {
      --bs-border-opacity: 1;
      border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important;
    }

    .border-xl-secondary {
      --bs-border-opacity: 1;
      border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important;
    }

    .border-xl-success {
      --bs-border-opacity: 1;
      border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important;
    }

    .border-xl-info {
      --bs-border-opacity: 1;
      border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important;
    }

    .border-xl-warning {
      --bs-border-opacity: 1;
      border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important;
    }

    .border-xl-danger {
      --bs-border-opacity: 1;
      border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
    }

    .border-xl-light {
      --bs-border-opacity: 1;
      border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important;
    }

    .border-xl-dark {
      --bs-border-opacity: 1;
      border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;
    }

    .border-xl-black {
      --bs-border-opacity: 1;
      border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important;
    }

    .border-xl-white {
      --bs-border-opacity: 1;
      border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
    }

    .border-xl-primary-subtle {
      border-color: var(--bs-primary-border-subtle) !important;
    }

    .border-xl-secondary-subtle {
      border-color: var(--bs-secondary-border-subtle) !important;
    }

    .border-xl-success-subtle {
      border-color: var(--bs-success-border-subtle) !important;
    }

    .border-xl-info-subtle {
      border-color: var(--bs-info-border-subtle) !important;
    }

    .border-xl-warning-subtle {
      border-color: var(--bs-warning-border-subtle) !important;
    }

    .border-xl-danger-subtle {
      border-color: var(--bs-danger-border-subtle) !important;
    }

    .border-xl-light-subtle {
      border-color: var(--bs-light-border-subtle) !important;
    }

    .border-xl-dark-subtle {
      border-color: var(--bs-dark-border-subtle) !important;
    }

    .border-xl-1 {
      border-width: 1px !important;
    }

    .border-xl-2 {
      border-width: 2px !important;
    }

    .border-xl-3 {
      border-width: 3px !important;
    }

    .border-xl-4 {
      border-width: 4px !important;
    }

    .border-xl-5 {
      border-width: 5px !important;
    }
}