.wrapper-footer footer#footer-openedx .wrapper-logo {
    align-items: flex-end;
    display: flex;
}

.wrapper-footer footer#footer-openedx .wrapper-logo .sponsor_logo{
    padding-left: 30%;
}

.wrapper-footer footer#footer-openedx .wrapper-logo .sponsor_logo p{
    
    margin-left: -20%;
    margin-bottom: 3%;

}

.header-global.slim {
    padding: 0;
}

 

.header-global.slim .wrapper-header {
    padding-top: 10px;
    padding-bottom: 0;
    height: 60px;
}

 

.content-wrapper {
    padding-bottom: 40px;
}

 
.container>div:not(.home),.content-wrapper .container{
    border-bottom-left-radius: 10px ;
    border-bottom-right-radius: 10px ;
} 
body.view-in-course .wrapper-footer {
    margin-top: 0;
}
.wrapper-logo .logoResp img{
    height:auto; 
    width:auto; 
    max-width:none;
}
.footer-about-openedx .logoResp img{
    height:auto; 
    /* width:auto;  */
    max-width:none;
}
.wrapper-footer footer#footer-openedx .wrapper-logo .sponsor_logo a .support_logo{
margin-bottom: 11%;
width: 63%;
height: auto;
}
.wrapper-footer footer#footer-openedx .colophon {width: 65%;}

.wrapper-footer footer#footer-openedx .footer-about-openedx {
    width: 30%;
    display: block;
    margin-top: 20px;
}
/* .wrapper-footer footer#footer-openedx .footer-about-openedx span .google-play-link a {
    margin-bottom: 35px;
} */
.wrapper-footer footer#footer-openedx .footer-about-openedx span .logoResp a{
    margin: 32px;
}
.wrapper-footer footer#footer-openedx .footer-about-openedx span .google-play-link img {
    width: 170px;
}

.wrapper-footer footer#footer-openedx .footer-about-openedx span .ios-store-link {
    float: left;
}

.wrapper-footer footer#footer-openedx .footer-about-openedx span .ios-store-link img {
    width: 160px;
}


.wrapper-footer footer#footer-openedx .footer-about-openedx span .logoResp img {
    width: 140px;
}
.green-bg {
    background-color: #055e37;
}
.green-bg div nav {
    background-color: white;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    max-width: 1182px;
}
.green-bg .action-preview-label{
    color: white;

}

nav.sequence-list-wrapper ol li .tab.active {
    background: #055e37;
    color: #fff;
}

nav.sequence-list-wrapper ol li .tab.active .icon {
    color: #fff !important;
}

nav.sequence-list-wrapper ol li .tab .bookmarked {
    position: absolute;
    top: 0;
    right: 18px;
}
nav.sequence-list-wrapper ol li .tab.active .bookmarked {
    color: white;
}

.vert:nth-child(even) {background: rgb(237, 253, 246); padding:20px; border-radius: 5px;}
.vert:nth-child(odd) {background: #FFF}

.course-header{
    white-space: nowrap;
    width: 350px;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media(max-width: 1024px){
    .wrapper-footer footer#footer-openedx .wrapper-logo .sponsor_logo a .support_logo{
        margin-bottom: 15%;
        width: 86%
    }
    .wrapper-footer footer#footer-openedx .footer-about-openedx{
        display: block;
        margin-top: 25px;
    }
}

@media(max-width: 768px){
    .wrapper-footer footer#footer-openedx .wrapper-logo .sponsor_logo a .support_logo{
        margin-bottom: 15%;
        width: 100%
    }
    .wrapper-footer footer#footer-openedx .wrapper-logo .sponsor_logo{
        padding-left: 14%;
    }
    .wrapper-footer footer#footer-openedx .footer-about-openedx{
        display: block;
        padding-top: 0px;
    }
    .wrapper-footer footer#footer-openedx .footer-about-openedx span .google-play-link img {
        width: 140px;
    }

    .wrapper-footer footer#footer-openedx .footer-about-openedx span .ios-store-link img {
        width: 140px;
    }
    
    .wrapper-footer footer#footer-openedx .footer-about-openedx span .logoResp img {
        width: 110px;
    }
    .wrapper-footer footer#footer-openedx .footer-about-openedx span .ios-store-link {
        float: unset;
    }
}


@media(max-width: 414px){
    .wrapper-footer footer#footer-openedx .wrapper-logo .sponsor_logo p{
        font-size: 70%;
    }
    .wrapper-footer footer#footer-openedx .wrapper-logo .sponsor_logo a .support_logo{
        margin-bottom: 26%;
        width: 108%
    }
    .wrapper-footer footer#footer-openedx .footer-about-openedx{
        display: block;
        padding-top: 5px;
    }

    .wrapper-footer footer#footer-openedx .footer-about-openedx span .ios-store-link {
        float: unset;
    }
        
    
}

@media(max-width: 411px){
    .wrapper-footer footer#footer-openedx .wrapper-logo .sponsor_logo p{
        font-size: 70%;
    }
    .wrapper-footer footer#footer-openedx .wrapper-logo .sponsor_logo a .support_logo{
        margin-bottom: 27%;
        width: 108%
    }
    .wrapper-footer footer#footer-openedx .footer-about-openedx{
        display: block;
        padding-top: 5px;
    }
    .wrapper-footer footer#footer-openedx .footer-about-openedx span .google-play-link img {
        width: 140px;
    }

    .wrapper-footer footer#footer-openedx .footer-about-openedx span .ios-store-link img {
        width: 140px;
    }
    
    .wrapper-footer footer#footer-openedx .footer-about-openedx span .logoResp img {
        width: 110px;
    }

    .wrapper-footer footer#footer-openedx .footer-about-openedx span .ios-store-link {
        float: unset;
    }
    
}

@media(max-width: 375px){
    .wrapper-footer footer#footer-openedx .wrapper-logo .sponsor_logo a .support_logo{
        margin-bottom: 34%;
        width: 108%
    }
    .wrapper-footer footer#footer-openedx .wrapper-logo .sponsor_logo{
        padding-left: 14%;
    }
    .wrapper-footer footer#footer-openedx .wrapper-logo .sponsor_logo p{
        font-size: 65%;
    
    }
    .wrapper-footer footer#footer-openedx .footer-about-openedx{
        display: block;
        padding-top: 5px;
    }
    .wrapper-footer footer#footer-openedx .footer-about-openedx span .google-play-link img {
        width: 140px;
    }

    .wrapper-footer footer#footer-openedx .footer-about-openedx span .ios-store-link img {
        width: 140px;
    }
    
    .wrapper-footer footer#footer-openedx .footer-about-openedx span .logoResp img {
        width: 110px;
    }

    .wrapper-footer footer#footer-openedx .footer-about-openedx span .ios-store-link {
        float: unset;
    }
}


@media(max-width: 360px){
    .wrapper-footer footer#footer-openedx .wrapper-logo .sponsor_logo a .support_logo{
        margin-bottom: 38%;
        width: 108%
    }
    .wrapper-footer footer#footer-openedx .wrapper-logo .sponsor_logo{
        padding-left: 14%;
    }
    .wrapper-footer footer#footer-openedx .wrapper-logo .sponsor_logo p{
        font-size: 65%;
    
    }
    .wrapper-footer footer#footer-openedx .footer-about-openedx{
        display: block;
        padding-top: 5px;
    }
    .wrapper-footer footer#footer-openedx .footer-about-openedx span .google-play-link a {
        margin-bottom: 0px;
    }
    .wrapper-footer footer#footer-openedx .footer-about-openedx span .google-play-link img {
        width: 140px;
    }

    .wrapper-footer footer#footer-openedx .footer-about-openedx span .ios-store-link img {
        width: 140px;
    }
    
    .wrapper-footer footer#footer-openedx .footer-about-openedx span .logoResp img {
        width: 110px;
    }

    .wrapper-footer footer#footer-openedx .footer-about-openedx span .ios-store-link {
        float: unset;
    }
    
}

@media(max-width: 321px){
    .wrapper-footer footer#footer-openedx .wrapper-logo .sponsor_logo a .support_logo{
        margin-bottom: 54%;
        width: 112%
    }
    /* .wrapper-footer footer#footer-openedx .wrapper-logo .sponsor_logo{
        padding-left: 14%;
    } */
    .wrapper-footer footer#footer-openedx .wrapper-logo .sponsor_logo p{
        font-size: 55%;
    
    }
    
    .wrapper-footer footer#footer-openedx .footer-about-openedx span .google-play-link img {
        width: 120px;
    }

    .wrapper-footer footer#footer-openedx .footer-about-openedx span .ios-store-link img {
        width: 120px;
    }
    
    .wrapper-footer footer#footer-openedx .footer-about-openedx span .logoResp img {
        width: 90px;
    }

    .wrapper-footer footer#footer-openedx .footer-about-openedx span .ios-store-link {
        float: unset;
    }
    
}

@media(max-width: 280px){
    .wrapper-footer footer#footer-openedx .wrapper-logo .sponsor_logo a .support_logo{
        margin-bottom: 90%;
        width: 116%
    }
    /* .wrapper-footer footer#footer-openedx .wrapper-logo .sponsor_logo{
        padding-left: 14%;
    } */
    .wrapper-footer footer#footer-openedx .wrapper-logo .sponsor_logo p{
        font-size: 40%;
    
    }
    .wrapper-footer footer#footer-openedx .footer-about-openedx{
        display: block;
        padding-top: 5px;
    }
    .wrapper-footer footer#footer-openedx .footer-about-openedx span .google-play-link img {
        width: 110px;
    }
    
    .wrapper-footer footer#footer-openedx .footer-about-openedx span .ios-store-link img {
        width: 110px;
    }

    .wrapper-footer footer#footer-openedx .footer-about-openedx span .logoResp img {
        width: 80px;
    }

    .wrapper-footer footer#footer-openedx .footer-about-openedx span .ios-store-link {
        float: unset;
    }
    
}

.header-global.slim .wrapper-header .logo img {
    height: 60px;
    margin-top: -14px;
}
/* .global-header .nav-links .main .nav-item a{
    text-transform: uppercase;
    color: #055e37;

} */

#mx-main2 .nav-item a {
    text-transform: uppercase;
    color: #055e37;
    transition: background-color 0.3s ease, transform 0.3s ease;

}

#mx-main2 .nav-item a:hover {
    background-color: transparent;
    cursor: pointer;
    color: #db6b1f;
    border: none;
    transform: scale(1.05);
}

#mx-main2 .nav-item a.active {
    border-bottom: 2px solid #db6b1f;
}


.header-global .nav-courseware {
    float: right;
    list-style: none;
}

#mx-secondary .mx-nav a {
    text-transform: uppercase;
    color: #055e37;
    border: none;
    font-size: 14px;
    font-weight: 600;
    padding-bottom: 8px;
    transition: background-color 0.3s ease, transform 0.3s ease;
}

#mx-secondary .mx-nav a:hover {
    background-color: transparent;
    cursor: pointer;
    color: #db6b1f;
    border: none;
    transform: scale(1.05);
}

#mx-secondary .mx-nav a.active {
    background-color: transparent;
    cursor: pointer;
    border-bottom: 2px solid #db6b1f;
    border-radius: 0;
}


#mx-main a {
    padding: 5px 10px 8px 10px;
    transition: background-color 0.3s ease, transform 0.3s ease;
}

#mx-main a:hover {
    cursor: pointer;
    color: #db6b1f;
    border: none;
    transform: scale(1.05);
}

#mx-main a.active {
    cursor: pointer;
    border-bottom: 2px solid #db6b1f;
}


/* .global-header .nav-links .main .nav-tab a  {
    padding: 0px 25px 8px 25px;
    transition: background-color 0.3s ease, transform 0.3s ease;

} */


/* .global-header .nav-links .main .nav-tab a:hover  {
    color: #db6b1f !important;
    border: none !important;
    transform: scale(1.05);
} */

/* .global-header .nav-links .main .nav-tab a.active  {
    border-bottom: 2px solid #db6b1f !important;

} */


.mxregister-btn {
    padding: 5px 20px;
}
#mx-secondary2 .mx-nav-item a:hover {
    background-color: transparent;
    cursor: pointer;
    color: #db6b1f;
    border: none;
    transform: scale(1.05);

}


 #mx-secondary2 .mx-nav-item a.active {
    background-color: transparent;
    cursor: pointer;
    border-bottom: 2px solid #db6b1f;
    border-radius: 0;
}


#mx-secondary2 .mx-nav-item a {
    padding-bottom: 8px;
    transition: background-color 0.3s ease, transform 0.3s ease;
}


.new-label {
    display: inline-block;
    background-color: #db6b1f;
    color: white;
    font-family: Arial, sans-serif;
    font-weight: bold;
    padding: 4px 8px;
    border-radius: 6px;
    font-size: 10px;
    position: absolute;
    top: -22px;
    left: 102%;
    transform: translateX(-50%);
    z-index: 1;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.new-label::after
 {
    content: '';
    position: absolute;
    /* left: -4px; */
   
    left: 7%;
    transform: translateX(-50%) rotate(141deg);
    bottom: -2px;
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #db6b1f;
    z-index: 9;
}

/* .new-label::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -6px;
    transform: translateX(-50%) rotate(45deg);
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #db6b1f;
} */





#mx-main .nav-item {
    position: relative; 
    display: inline-block;
}


@media (max-width: 991.98px) {
    #mx-main .nav-item  {
        display: none;
    }
}

#mx-main2 .nav-item {
    position: relative; 
    display: inline-block;
}

/* .site-status {
    background-color: #db6b1f;
} */




.mx-cpd .course-info .course-title {
    font-weight: 700;
}

.course-name-meta {
    margin: 0px;
    margin-top: 0px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.3s ease;
    color: #474747;
}
.course-name-meta p{
  font-weight: 600;
  color: hsl(162.86deg 3.26% 42.16%) !important;
}

/* 
.d-flex .course-cost {
    font-weight: bold;
    font-size: 16px !important;
    letter-spacing: 1px;
    flex-direction: 0;
    position: absolute;
    right: 0;
    background-color: hsl(153.71deg 89.9% 19.41%);
    margin: 0px 20px;
    box-shadow: 4px 2px 4px 0px rgb(0 0 0 / 14%);
    border-radius: 4px;
    color: var(--bs-white);
    padding: 2px 15px;
    
} */



.d-flex .course-cost {
    font-weight: 600;
    font-size: 16px !important;
    letter-spacing: 1px;
    flex-direction: 0;
    position: absolute;
    right: 0;
    margin: 0px 20px;
    border-radius: 10px;
    padding: 2px 15px;
    background-color: hsl(189.77deg 55.84% 84.9%);
    /* box-shadow: 0 -2px 1px rgba(0, 0, 0, 0.1); */
    color: hsl(0deg 0% 3.14%);
}



.course-name-meta .course-school-box {
    /* background: #db6b1f; */
    border-radius: 5px;
    display: inline-block;
    margin-left: 10px;
    margin-top: 9px;
    max-width: 245px;
}


/* .course-name-meta .course-school-box  .course-school {
    color: #fff !important;
    box-shadow: 0 1px 2px var(--bs-gray-400);
    padding: 5px 9px !important;
} */


.course-name-meta .course-school-box  .course-school {
    background-color: #db6b1fbf;
    border-radius: 5px;
    padding: 5px 9px;
    position: relative;
    z-index: 2;
    color: #fff !important;
    background: linear-gradient(to right, #ff8c00, #ffa500);
    border-radius: 25px;
    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3);
}

.mx-cpd {
    border: 1px solid #bebebe5e !important;
    border-radius: 10px !important;
}

.mx-cpd .cover-image img {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.mx-cpd .cover-image img:hover {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}


.mx-card-date {
    font-weight: 700;
    font-size: 14px;
}

.mx-date-wrap {
    position: absolute;
    bottom: -41px;
    width: 100%;
    z-index: 1000;
}