/* GENERAL STYLES */

.btn-red {
    background: #db1d1d;
    color: #fff;
    border: 1px solid #db1d1d;
}

.btn-green {
    background: #11933f;
    color: #fff;
    border: 1px solid #11933f;
}

.text-red{
    color: #db1d1d;
}

.text-green{
    color: #11933f;
}

.text-yellow{
    color: #f2e729;
}

.bg-gradient-red{
    background: linear-gradient(50deg,#db1d1d,#ff8cae)!important;
}

.navbar-expand-lg .navbar-nav .nav-link{
    color: #2c2c2c;
    font-size: 16px;
    font-weight: 700;
}

.footer-social{
    font-size: 30px!important;
}

/* a{
    color: #39b549;
}
.bg-green{
    background-color: #39b549;
}

.bg-petra-dark{
    background-color: #1a232c;
}

.btn-green{
    background-color: #39b549;
    color: #ffffff;
}

.btn-green:hover{
    background-color: #2a9439;
    color: #ffffff;
}

.text-green{
    color: #39b549;
}


.course-list-image img{
    width: 100%;
}

.course-list-completion{
    font-weight: 700;
    color: #000000;
    font-size: 14px;
}

.course-description-container{
    border: none;
    background-color: transparent;
    box-shadow: none;
} */

/* LESSON LIST */

/* .lesson-list-cta{
    font-weight: 700;
    padding: 8px 40px;
}

.lesson-list-title{
    font-weight: 700;
    color: #000000;
} */

/* NAV PILLS */

/* .nav-pills .nav-item{
    background-color: #eff2f7;
    font-weight: 700;
}

.nav-pills .nav-link {
    border-radius: 0;
}

.nav-pills .nav-link{
    color: #000000;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #39b549;
}

.flex-child {
    flex-grow: 1;
}

.custom-control-label:before {
    background-color: #ffffff;
    border: 2px solid #8d9198;
}

.option-container{
    padding: 20px 30px;
    background: #e5e8ef;
    border-radius: 10px;
}

.option-container label{
    padding-left: 25px;
    font-weight: 600;
    color: #020202;
    font-size: 18px;
}

.custom-control-label:after, .custom-control-label:before {
    width: 1.3rem;
    height: 1.3rem;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label:after{
    background-color: #39b549;
    border-radius: 3px;
}

.custom-radio .custom-control-input:checked~.custom-control-label:after{
    background-color: #39b549;
    border-radius: 50%;
}

.price-tag{
    font-size: 55px;
} */

/* .next-button{
    font-size: 18px;
} */

/* @media (min-width: 768px){
    .header-account-page {
        height: 275px;
    }
} */