.slider-content {
    /* position: absolute; */
    color: #71FFBE;
}

.class-green {
   color: #71FFBE !important;
}

.class-green-background {
    background-color: #71FFBE !important;
 }

.class-gray-text {
    color: #707070;
}

.class-white {
    color: white !important;
}

.slider-content .subtitle {
    color: #fff;
}

.custom-round-btn {
    border-radius: 30px !important;
}

.btn.custom-btn {
    border-radius: 30px !important;
    color: white;
    background: transparent;
    border-color: white;
    padding: 1rem 2.2rem;
    font-size: 1.3rem;
}

.course-image {
    max-height: 13.2355rem;
    overflow: hidden;
}

.custom-header .custom-btn {
    font-size: 1rem;
}

.search-box input {
    border-radius: 30px 0 0 30px;
}

.custom-search-input {
    background: #707070 !important;
    border-color: #707070 !important;
    color: white !important;
}

.custom-search-input::placeholder {
    color: white;
}

.custom-search {
    border-radius: 0px 30px 30px 0px !important;
    background: #707070 !important;
    color: white;
    border-color: #707070 !important;
}

.search-box .custom-search button {
    color: white !important;
}

.class-btn {
    background: #0083da !important;
    border-color: #0083da !important;
    color: white;
    border-radius: 30px !important;
    padding: .75rem 1.1rem;
    font-size: 1.1rem;
}

.class-btn-sm {
    font-size: .8em;
    padding: .2em .7em;
    border: 0;
}

.btn.custom-btn.right-btn {
    background: #0083da !important;
    border-color: #0083da !important;
}

.btn.custom-btn.right-btn:hover {
    background-color: #004e82;
    border-color: #004e82;
}


.banner-input {
    width:60%;
}

.slider-btns .btn-sign-in{
    color: #686f7a;
    background-color: #fff;
    border: 1px solid #505763;
}

.class-backg {
    background: rgb(62,67,158);
    background: linear-gradient(0deg, rgba(62,67,158,1) 0%, rgba(51,51,54,1) 100%);
}

.splide img {
    max-width: 100%;
}

.max-100 {
    max-width: 100% !important;
}

.slider-title {
    font-weight: 900;
    font-size: 2.5rem;
}

.slider-subtitle {
    font-size: 1.5rem;
    color: #fff;
}

.green-hvr:hover {
    color: #71FFBE;
    border-color: #71FFBE;
    background: transparent;
}

.menu-area {
    box-shadow: none;
    background-color: rgba(51,51,54,1);
}

.mobile-search {
    background: transparent;
    box-shadow: none;
}

.mobile-search .custom-search-input {
    background: #70707080 !important;
}

.lh-1_5 {
    line-height: 1.5rem;
}

/* Home - card de cursos */

.class-icons-title {
    font-weight: 600;
}

.class-icons-subtitle {
    font-weight: 500;
}

.white-section {
    background: white;
}

.white-section img {
    max-width: 100% !important;
}

.course-carousel-title {
    color: #0082d6 !important;
    font-size: 1.7rem !important;
    font-weight: bold;
}

.course-carousel-subtitle {
    color: #707070;
    font-size: 1.35rem;
    font-weight: 500;
}

.course-card,
.instructor-card {
    height: 27rem;
    background: white;
    border-radius: 20px;
    position: relative;
}

.course-card {
    cursor: pointer;
}

.instructor-card {
    cursor: context-menu;
}

.course-card-border,
.instructor-card-border {
    border-radius: 20px 20px 0 0;
}

.course-card img,
.instructor-card img {
    border-radius: 20px 20px 0 0;
}

.course-card-title,
.instructor-card-title {
    color: black;
    font-size: 1rem;
    font-weight: bold;
}

.course-card .info-text,
.instructor-card .info-text,
.instr-card-followers {
    font-size: .7rem;
}

.instr-card-follow-btn {
    margin-top: .5em;
}

.instr-card-follow-btn-following {
    background: #A1A7AE;
    color: #fff;
}

.instr-card-profile-photo {
    margin-top: -2.5em;
    margin-bottom: .5em;

    width: 4em;
    height: 4em;
    
    border-radius: 100%;
    
    background: #f6f6f6;
}

.bold {
    font-weight: bold;
}

.category-bubble {
    background: #0082D6;
    color: white;
    width: fit-content;
    border-radius: 30px;
    display: inline;
}

.rating .filled, .average-rating {
    color: #0082D6 !important;
}

.total-ratings {
    color: #B2B1B6;
    font-size: .8rem;
}

.price-container {
    position: absolute;
    bottom: 1.25rem;
}

.custom-price {
    background-color: #71FFBE;
    border-radius: 30px;
    color: #3E439E;
    font-weight: bold;
    padding: .5rem .75rem !important
}

.custom-price:hover {
    background-color: #0082D6;
    color: white !important;
}

.discounted-price {
    color: red;
    font-size: .85rem;
    font-weight: 600;
}

.discounted-price .real-price {
    text-decoration: line-through;
}

/* Fin de Home - card de cursos */

.become-img {
    max-width: 50%;
}

.fourid-relative {
    position: relative;
}

.fourid-absolute {
    position: absolute;
    z-index: 9999;
}

.half-height {
    height: 50%;
}

.gray-border {
    border: 1px solid #707070 !important;
}

.fourid-modal .fourid-input {
    border-radius: 28px;
    color: white;
}

.fourid-modal .fourid-input input::placeholder {
    color: #AEADB3;
    font-weight: 500;
    font-size: .9rem;
}

.category-filter-box {
    border: none;
}


.gray-border-top {
    border-top: 2px solid #707070;
}

.gray-text {
    color: #707070;
}

.extra-padding {
    padding: .8rem 1.6rem;
    border-radius: 30px;
    border: none;
    color: white;
}

.enterprise-name {
    font-size: 1.5rem;
}

.dark-gray-bg {
    background-color: #333336;
}

.gray-bg {
    background-color: #F2F2F2 !important;
}

.scroll-top-btn img{
    max-width: 3rem;
}

.right {
    right: 0;
}

.middle {
    top: 50%;
}

.pointer {
    cursor: pointer;
}

.footer-area {
    border-bottom: none;
}

.class-select {
    border-radius: 30px;
    background: transparent;
    padding: .5rem 1rem;
    color: white !important;
    border: 1px solid gray;
}

.class-select:hover {
    color: #71FFBE;
}

.class-select option { 
    color: black; 
}

.transparent {
    border: none;
    background: transparent;
}

.blue-bg {
    background: #0082D6;
}


button.blue-bg:hover {
    background: #0768A7;
}

.white-bg {
    background: white;
    border: 1px solid #88878A;
}

.custom-rounded {
    border-radius: 20px;
    border: none;
    color: white;
}

.full-width {
    width: 100%;
}

.footer-link, .footer-link a {
    color: #8F8E94;
}

.footer-link a {
    text-decoration: underline;
}

.footer-link a:hover {
    color: #0082D6;
}

footer hr {
    background: #707070;
}

.custom-course.white-bg {
    border: none;
}

/* Modals */

.fourid-modal {
    background: rgb(112, 107, 107);
    height: 70%;
    width: 50%;
    border-radius: 30px;
    color: #707070;
}

.short-modal {
    width: 35%;
    height: 55%;
    overflow: auto;
}

.modal-section {
    width: 50%;
    height: 100%;
}

.left-section {
    border-radius: 30px 0px 0px 30px;
    background-position: center;
    background-size: cover;
}

.right-section {
    border-radius: 0px 30px 30px 0px;
    background: #F2F2F2;
    overflow: auto;
}

.upper-section {
    background: white;
    border-radius: 0px 30px 0px 0px;
}

.gray-section {
    border-radius: 0px 0px 30px 0px;
}

.upper-section img {
    max-width: 60%;
}

.modal-subtitle {
    font-size: 0.9rem;
}

.close-icon {
    border-radius: 100%;
    border: 2px solid #707070;
    position: absolute;
    right: 0;
    top: 10px;
    width: 25px;
    height: 25px;
    text-align: center;
    font-weight: bold;
    line-height: 18px;
    cursor: pointer;
    z-index: 9999;
}

.gray-section {
    background: #F2F2F2;
}

#login-modal img {
    max-width: 45%;
}

.plainmodal-overlay {
    background-color: rgba(2, 2, 2, 0.9) !important;
}

.icons {
    font-size: 1.25rem;
    color: white;
}

.icons a {
    color: white;
}

.icons a:hover {
    color: #71FFBE;
}

.underlined {
    text-decoration: underline;
}

.custom-radio:checked + label:after,
.custom-radio:not(:checked) + label:after {
    background: #0082D6;
}

/* #login-modal .fourid-input {
    width: 80%;
} */

/* End modals /*

/* Course view */

.custom-course-badge {
    background: #B3F568 !important;
    border-radius: 24px;
}

.custom-stars-green-background {
    background-color: #71FFBE;
}

.custom-rating-row i.filled{
    color: #71FFBE !important;
}

.custom-course .course-sidebar {
    border-radius: 24px;
}

.custom-course .course-sidebar img {
    border-radius: 24px 24px 0 0;
}

.class-dark-blue-text {
    color: #282D88;
}

.course-comparism-item .item-details .item-price .current-price {
    color: #282D88;
}

.course-comparism-item .item-details .item-price .current-price:hover {
    color: white;
}

.custom-course .original-price {
    color: #FF0303 !important;
}

.custom-course .class-green-background {
    color: #0082D6 !important;
    border: none;
    font-weight: bold !important;
}

.custom-course .btn-add-cart {
    border-color: #0082D6 !important;
    color: #0082D6 !important; 
}

.custom-course .what-you-get-box {
    border: unset !important;
    background: unset !important;
}

.custom-course .course-badge::after {
    content: unset !important;
}

.custom-course .what-you-get-title {
    color: #0082D6 !important;
    font-weight: bold;
}

.custom-course .view-more:not(.vm-white) {
     background: linear-gradient(hsla(0,0%,100%,0),hsla(0, 0%, 93.7%, 0.95),#f2f2f2);
     color: #0082D6;
}

.custom-course .course-curriculum-accordion .lecture-group-title {
    background: unset !important;
    border: unset !important;
}

.custom-course .item-duration {
    background: unset !important;
}

.custom-course .item-rating .average-rating,
.custom-course .item-details .enrolled-student {
    color: black !important;
}

.custom-course .includes i,
.custom-course .item-title .title a,
.custom-course .item-details i.fa-star,
.custom-course .item-details i.fa-user,
.about-instructor-image i,
.custom-course i.filled  {
    color: #0082D6 !important; 
}

.custom-price-icon {
    font-size: .9rem;
    margin-right: 2px;
}

.course-comparism-item .item-details .item-price .original-price:not(.discount) {
    text-decoration: none;
}

.original-price .discount {
    text-decoration: none !important;
}

.custom-course .course-sidebar-text-box .price .current-price {
    color: #282D88 !important;
}

.course-comparism-item .item-details .item-price .current-price {
    font-size: 1.1rem;
}

.custom-menu-icon {
    position: absolute;
    top: calc(50% - 6px);
    margin-left: .5rem;
}

.corner-triangle:after {
    border-color: transparent transparent transparent;
}

.corner-triangle:before {
    border-color: transparent transparent transparent;
}


.mobile-main-nav .all-category-devided {
    border: none;
}

.corner-triangle:before {
    border-color: transparent transparent transparent;
}
.plyr--video .plyr__control.plyr__tab-focus, 
.plyr--video .plyr__control:hover, 
.plyr--video .plyr__control[aria-expanded="true"],
.plyr__control.plyr__control--overlaid.plyr__tab-focus {
    background: #057BC7 !important;
}

.plyr__control--overlaid {
    background: #0082D6 !important;
}

.plyr--full-ui input[type="range"],
.course-preview-modal .modal-title span {
    color: #0082D6 !important;
}

/* .category-title {
    color: white;
} */


.mobile-main-nav .all-category-devided {
    border: none;
}

.plyr--video .plyr__control.plyr__tab-focus, 
.plyr--video .plyr__control:hover, 
.plyr--video .plyr__control[aria-expanded="true"] {
    background: #057BC7 !important;
}

.plyr__control--overlaid {
    background: #0082D6 !important;
}

.plyr--full-ui input[type="range"],
.course-preview-modal .modal-title span {
    color: #0082D6 !important;
}

.fourid-input input {
    border-radius: 24px;
}

.instructor-slide {
    max-height: 37.125rem;
}

/* Responsive */


@media (min-width: 768px) {
    .main-nav-wrap>ul>li>ul {
        background-color: #333336;
        color: white;
        border: none;
    }

    .main-nav-wrap>ul>li>ul>li a:hover { 
        background: unset;
        color: #057BC7;
    }

    .main-nav-wrap>ul>li>ul>li ul {
        background-color: #333336;
    }

    .main-nav-wrap ul li:hover > .cateogry-title {
        color: #057BC7;
    }

    .main-nav-wrap>ul>li>ul>li a {
        color: white;
    }

    .main-nav-wrap>ul>li:hover>span>.courses-drop {
        color: #057BC7;
    }
}



@media screen and (max-height: 710px) {
    
    .short-modal {
        height: 70%;
    }

    .fourid-modal .fourid-input {
        padding: 0.25rem !important;
    }

    .extra-padding {
        padding: .5rem 1.6rem;
    }

}

@media screen and (max-height: 660px) {
    
    .short-modal {
        height: 75%;
    }
}

@media screen and (max-width: 340px) {
    /* .course-card {
        height: 22rem;
    } */
}

@media screen and (min-width: 768px) { 
    .fourid-modal .left-section {
        display: block;
    }
}


@media screen and (max-width: 1536px) and (min-width:769px) {
    
    .fourid-modal:not(.short-modal) {
        height: 95%;
        width: 55%;
    }

    .short-modal {
        height: 70%;
    }

    .instructor-slide {
        max-height: 33.125rem;
    }
    
}

@media screen and (max-width: 768px) { 
    /* .course-card {
        height: 23rem;
    } */
    button {
        word-break: break-all;
    }

    .fourid-modal {
        width: 100%;
        height: 100%;
    }

    .short-modal {
        width: 100%;
        height: 100%;
    }

    .fourid-modal .right-section {
        width: 100%;
        border-radius: unset;
    }

    .fourid-modal .left-section {
        display: none;
    }

    .instructor-slide {
        max-height: 21.125rem;
    }
}


@media screen and (max-width: 900px) {
    .left-btn {
        margin-bottom: .5rem;
    }

    .custom-search {
        background: #70707080 !important;
    }

    /* .category-bubble {
        width: 100%;
        text-align: center;
    } */

}

@media screen and (min-width: 901px) {
    .custom-center {
        margin-top: 50%;
        transform: translate(0, -50%);
    }

    .main-nav-wrap>ul>li>a, .menu-icon-box .icon a  {
        color: white !important;
    }

    .ca2 {
        padding: 0 5rem !important;
    }
}

@media screen and (max-width: 1366px) and (min-width: 769px) {
    .custom-section .container-lg {
        padding: 0 3rem;
    }

    .instructor-slide {
        max-height: 29.25rem;
    }
}