﻿/*************** NAVBAR START *******************/
.courseSub-category-link .subCate-Brand {
    font-size: 17px !important;
    white-space: nowrap;
}
.courseSub-category-link .navbar-light .navbar-nav .nav-link {
    color: #000;
    padding: 7px 15px;
    border-right: 1px solid #6c757d4d;
    white-space: nowrap;
    cursor: pointer;
}
.courseSub-category-link .navbar-nav li{
    position: relative;
}
    .courseSub-category-link .navbar-nav li.active:after {
        content: "";
        width: 0;
        height: 0;
        border-left: 25px solid transparent;
        border-right: 25px solid transparent;
        border-top: 15px solid #f9f9f9;
        position: absolute;
        left: 50%;
        transform: translate(-50%, -50%);
        bottom: -27px;
        z-index: 999;
    }
    .courseSub-category-link .navbar-nav li.active a{
        font-weight: 500;
    }
    .logo-search {
        flex: 1 1 auto;
    }
.no-subcategory-course p, .no-course p {
    color: #a9a6a6;
}
.no-subcategory-course ellipse {
    fill: #005dff;
}
    .no-subcategory-course ellipse + g {
        stroke: #005dff;
    }

.main-header .navbar {
    justify-content: space-between;
    box-shadow: 0px 0px 16px -6px gainsboro;
}

.main-header .collapse {
    flex: 0 0 auto;
}

.cstm-nav-search {
    background-color: #F0F0F0;
    border-color: #F0F0F0;
    border-radius: 5px;
    border: 1px solid #f0f0f0;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
}

    .cstm-nav-search:hover {
        background: #fff;
        border-color: #cccccc;
        border: 1px solid #e8e8e8;
    }

        .cstm-nav-search:hover .search-nav-btn {
            color: #1736ff;
        }

.nav-input {
    height: 40px;
    font-size: 14px;
    color: #000000;
}

.nav-logo {
    width: 110px;
}

.main-nav-links .nav-item a.nav-link {
    color: #000000;
}

.main-nav-links .main-navs .nav-item {
    padding: 10px 15px 10px 15px;
}

.main-navs .nav-item.full-dropdown {
    position: static;
}

.main-navs .nav-item.no-full-dropdown {
    position: relative;
}

.main-navs .nav-item .dropdown-menu {
    left: 0;
    right: 0;
    width: 87%;
    margin: auto;
    top: 62px;
    box-shadow: rgb(0 0 0 / 15%) 0px 5px 40px;
}
.main-navs .nav-item .nav_dd_lists_single {
    min-width:200px;
}
    .nav_dd_item_list {
        padding: 20px 30px 15px;
    }
.nav-right-cred .user-name {
    max-width: 160px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.nav_dd_list_main,
.nav_dd_lists {
    padding: 20px;
}

    .nav_dd_lists .nav_dd_lists_items {
        border-right: 1px solid #cccccc;
        padding: 20px 20px;
    }

.nav_dd_lists_items .dropdown-item,
.nav_dd_lists_single .dropdown-item {
    font-weight: bold;
}

.nav_dd_lists .nav_dd_lists_items:last-child {
    border-right: 0px;
}

.nav-right-dd .dropdown-toggle {
    width: 45px;
    height: 45px;
    height: auto;
    border-radius: 50px;
    overflow: hidden;
    cursor: pointer;
}
    .nav-right-dd .dropdown-toggle:after{
        display:none;
    }

    .nav-right-dd .dropdown-toggle img {
        width: 30px !important;
        border-radius: 50%;
        overflow: hidden;
        height: 30px;
        object-fit: cover;
    }
    }

    .nav-right-user .user-name {
        max-width: 100px;
    }

/****************  NAVBAR END ********************/


/*========================= userProfile Start ====================*/
.userProfile-wrapper {
    max-width: 950px;
    width: 100%;
    margin: 0 auto;
    box-shadow: 0px 0px 8px 0px #00000017;
}
.userProfile-wrapper input.file-upload {
    max-width: 200px;
    width: 100%;
    margin: 15px auto;
    border: 1px solid #d5d3d3;
    padding: 3px;
}
    .userProfile-wrapper .profile-info-col {
        padding: 12px 35px;
        border-right: 1px solid #dee2e6;
    }
    .userProfile-wrapper  .profile-edit-col {
        padding: 35px 45px;
    }
    .userProfile-wrapper .profile-info-col .profileinfo p {
        font-size: 16px;
        border-bottom: 1px solid #efefef;
        padding: 10px 0;
        margin: 0;
    }

        .userProfile-wrapper .upload-imgcol {
            margin-bottom: 5px;
            border-bottom: 1px solid #efefef;
            padding-bottom: 5px;
        }
            .userProfile-wrapper .upload-imgcol .circle {
                background-color: #fff;
                position: relative;
                margin: 0 auto;
                width: 170px;
            }

            .userProfile-wrapper .upload-imgcol img {
                width: 170px;
                height: 170px;
                border-radius: 50%;
                border: 4px solid #1b6ec2;
                margin-left: auto;
                margin-right: auto;
                display: block;
                object-fit: cover;
            }

    .userProfile-wrapper .profile-info-col i {
        color: #1b6ec2;
    }

    .userProfile-wrapper .file-upload {
        display: none;
    }
    .userProfile-wrapper  label.custom-file-upload span {
        font-size: 15px;
    }
    .userProfile-wrapper label.custom-file-upload {
        position: absolute;
        right: 23px;
        z-index: 2;
        background-color: #1b6ec2;
        display: flex;
        border-radius: 20px;
        width: 25px;
        height: 25px;
        align-items: center;
        justify-content: center;
        border: 2px solid #ffffff;
        color: #ffffff;
        top: 0;
        cursor: pointer;
    }
    
    /*=========================== userProfile  END ========================*/

    /*=================== Course SignUp-In form Start ======================*/

.glms-course-SignInUp-form .main-content {
    max-width: 800px;
    width: 100%;
    border-radius: 15px;
    box-shadow: 0 2px 4px rgb(104 103 103 / 65%);
    margin: 5em auto;
    display: flex;
    overflow: hidden;
}

.glms-course-SignInUp-form .company__info {
    background-color: #f0f0f0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
}

.glms-course-SignInUp-form .glmscours-signup_form {
    background-color: #fff;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

.glms-course-SignInUp-form form {
    padding: 0 2em;
}

.glms-course-SignInUp-form .form__input {
    width: 100%;
    border-radius: 0;
    padding-left: 2em;
    outline: none;
    border-color: #f2f2f2;
    transition: all .5s ease;
    height: 42px;
    line-height: 42px;
    margin-bottom: 12px;
    border: 1px solid #80808047;
}

    .glms-course-SignInUp-form .form__input:focus {
        border-bottom-color: #d4d4d4;
        box-shadow: 0 0 5px rgb(239 239 239);
        border-radius: 4px;
    }

.glms-course-SignInUp-form .btn-submit {
    transition: all .5s ease;
    width: 70%;
    border-radius: 30px;
    color: #0223ff;
    font-weight: 600;
    background-color: #fff;
    border: 1px solid #0022ff;
    margin-top: 1.5em;
    margin-bottom: 1em;
}

    .glms-course-SignInUp-form .btn-submit:hover, glms-course-SignInUp-form .btn-submit:focus {
        background-color: #0224ff;
        color: #fff;
    }

 /*==================== Course SignUp-In form End =========================*/


    /**************** Site Banner Start ********************/
    .site-banner-main {
        background-image: url('/assets/images/Trauma Courses/TraumaThirdBanner.jpg');
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        height: 300px;
    }

.landing-banner-img {
    background-image: url(/img/banner/banner-2.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 600px;
}

.site-banner-main:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000000;
    /*background-image: linear-gradient( 90deg, #1a0056 0%, #3d64ff 100%);
    */
    opacity: 0.5;
}

.landing-banner-img:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #ffffff00;
    background-image: linear-gradient( 90deg, #000000 0%, #ffffff00 100%);
    opacity: 1;
}

.landing-inner {
    padding-top: 120px !important;
}

.heading-title {
    font-size: 60px;
    font-weight: 700;
}

.trusted-companies .items1 {
    box-shadow: 0px 0px 10px -4px black;
    height: 243px;
   /* width: 280px !important;*/
    margin: 0 auto;
    margin-bottom: 15px;
}

.trusted-companies .items1 img{
    object-fit: cover;
    height: 243px;
    /*width: 280px !important;*/
    margin: 0 auto;
}
.trusted-companies .lastImg-truct {
    object-fit: contain !important;
}


/**************** Site Banner End ********************/
/**************** Site Banner multiple Tabs start ********************/
.main-banner-tabs {
    box-shadow: 0px 3px 65px 0px rgb(0 0 0 / 15%);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin-top: -100px;
    margin-bottom: 20px;
    padding: 30px 0px 30px 0px;
    z-index: 2;
    background-color: #ffffff;
    border-radius: 5px 5px 5px 5px;
}

.tabs_single img {
    width: 70px;
    height: 57px;
    object-fit: contain;
}

.tabs_single {
    /*min-width: 170px;
    */
}

.main-banner-tabs ul li._nav-item {
    padding: 0 25px 0 25px;
}


/**************** Site Banner multiple Tabs end ********************/

/**************** Home start ********************/
section.section-spacing {
    margin: 100px 0;
}
/**************** Home End ********************/


/**************** Course Card start ********************/
.modal.show {
    background: #0505054d;
}
.courses-main {
    background-color: rgb(249, 249, 249);
}

.course-wrapper {
    /*display: grid;
     grid-template-columns: repeat(auto-fill,minmax(260px, 1fr));
     grid-gap: 35px;
    */
}
    .course-wrapper .veiwdetailsbtn {
        background: #f2f2f2;
        padding: 20px 0;
    }
    .course-wrapper .viewDetails-btn:hover {
        background: #007bff !important;
        box-shadow: none !important;
        color: #fff !important;
    }
        .course-wrapper .viewDetails-btn:focus{
            border:none;
            outline: none;
        }
.dash_courses .course-main {
    transition: all .2s cubic-bezier(.175, .885, 0, 1);
    background-color: #fff;
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    /*min-height: 595px;*/
    height: 100%;
    max-height: 633px;
    background: #f2f2f2;
}
.dash_courses .card__title.card-subCates-title {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.course-main {
    transition: all .2s cubic-bezier(.175, .885, 0, 1);
    background-color: #fff;
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    min-height: 480px;
    height: 100%;
    max-height: 595px;
    background: #f2f2f2;
}
    .course-main .course-inner .card__desc {
        height: 65px;
        margin-bottom: 10px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
.course_detail_desc p {
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.u-dash-popular-courses .course-main {
    background-color: ghostwhite;
}

.course-inner .card_info {
    height: 50%;
}

.course-inner {
    height: 100%;
}

    .course-inner .card__footer {
      /*  position: absolute;*/
        bottom: 0;
        left: 0;
        right: 0;
        /*padding: 7px 0 20px 0;*/
        /*background: #f2f2f2;*/
    }

.card_img {
    height: 250px;
    overflow: hidden;
}

.course-link:hover .card_img {
    overflow: visible;
}

.card__title {
}

.card__rating {
}
.dash_courses .course-link:hover p.subCate-lists {
   color: #fff;
}
.card_info {
    position: relative;
    z-index: 9;
    padding-top: 28px !important;
}

.rating_star span.material-icons {
    color: #f2b827;
    font-size: 20px;
}
.card_info .card__btn .btn-primary:active span.material-icons.text-white, .card_info .card__btn a.btn-primary:active span.material-icons.text-white {
    color: #007bff !important;
}

.card_info .card__btn .btn-primary:focus span.material-icons.text-white, .card_info .card__btn a.btn-primary:focus span.material-icons.text-white {
    color: #007bff !important;
}

.course-inner .card__desc {
    margin-bottom: 10px;
}

.card__footer {
    justify-content: space-evenly;
}

.course-link .card_img img {
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    position: relative;
    z-index: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.course-link:hover .course-inner .card_img img {
    transform: scale(2.7) translateY(50px);
}

.course-link:hover .course-inner .card_info {
    color: #ffffff;
}

    .course-link:hover .course-inner .card_info .card__desc p,
    .course-link:hover .course-inner .card_info .card__desc span {
        color: #ffffff !important;
    }

.course-link .course-inner .card_info .card__desc p,
.course-link .course-inner .card_info .card__desc span {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 0
}

.course-inner,
.price_badge {
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.course-link:hover .course-inner:before {
    content: '';
    position: absolute;
    background: #000000;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0.4;
}

.price_badge {
    background: #007bff;
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    position: absolute;
    right: 10px;
    top: -36px;
    width: 60px;
    height: 60px;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.course-link:hover .course-inner .card_info .price_badge {
    transform: scale(1.2) translateY(-10px);
}


/**************** Course Card end ********************/


/**************** Footer Start ********************/

.footer-newsletter {
    background-image: url(/assets/images/footer-newsletter.jpg);
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 60px 0px 70px 0px;
    position: relative;
}

    .footer-newsletter:before {
        content: '';
        position: absolute;
        background: #000000;
        width: 100%;
        height: 100%;
        top: 0;
        opacity: 0.4;
    }

.newsletter-input {
    background: 0 0 !important;
    color: #fff;
    border: 1px solid #fff;
    padding: 8px 15px;
    flex: 1 0 auto;
    height: 44px;
}

    .newsletter-input::placeholder {
        color: #cccccc;
    }

    .newsletter-input:focus {
        box-shadow: none;
        border-color: #ffffff;
        color: #ffffff;
    }

.footer-menu {
    padding: 60px 0px 90px 0px;
}

.footer-menu-list li a {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    transition: all 0.3s ease;
}
    .footer-menu-list li a:hover {
        color: #3e57ff;
        transform: translateX(6px);
    }

    .footer-menu-list ul li {
        margin: 10px 0;
    }

.footer-copyright {
    border-style: solid;
    border-width: 0px 0px 5px 0px;
    border-color: #005dff;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 20px 0px 17px 0px;
    border-top: 1px solid #3b3b3b;
}

.copyright-right ul li {
    padding: 0px 15px;
}

/* footer social icons */
.footer-social-col ul.social-network {
    list-style: none;
    display: inline;
    margin-left: 0 !important;
    padding: 0;
}

.footer-social-col ul.social-network li {
    display: inline !important;
    margin: 0 5px;
}
.footer-social-col .social-network a.icoFacebook:hover {
    background-color: #3B5998;
}

.footer-social-col .social-network a.icoLinkedin:hover {
    background-color: #007bb7;
}

    .footer-social-col .social-network a.icoFacebook:hover i,
    .footer-social-col .social-network a.icoLinkedin:hover i {
        color: #fff;
    }

.footer-social-col .social-network a.socialIcon:hover,
.footer-social-col .socialHoverClass {
    color: #44BCDD;
}

.footer-social-col .social-circle li a {
    display: inline-block;
    position: relative;
    margin: 0 auto 0 auto;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    width: 30px;
    height: 30px;
    font-size: 15px;
}

.footer-social-col .social-circle li i {
    margin: 0;
    line-height: 30px;
    text-align: center;
}

.footer-social-col .social-circle li a:hover i,
.footer-social-col .triggeredHover {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -ms--transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
}

.footer-social-col .social-circle i {
    color: #595959;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -o-transition: all 0.8s;
    -ms-transition: all 0.8s;
    transition: all 0.8s;
}

.footer-social-col .social-network a {
    background-color: #F9F9F9;
}

/**************** Footer End ********************/


/**************** Course Details css start ********************/

.course_detail {
    padding: 60px 0;
}

.price-new {
    font-size: 40px;
    font-weight: 900;
    letter-spacing: -1px;
    margin-left: 10px;
}

.price-lined {
    line-height: 20px;
    font-size: 18px;
    opacity: .5;
    text-decoration: line-through;
}

.course_detail_banner {
    /*background-image:url(/assets/images/course-img-2.jpg);
    */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 400px;
}


/* Course main details i-e duration, skills, lectures, enrolled start */

.single_course_meta {
    margin-top: -4%;
}

.single_course_meta_inner {
    padding: 35px 20px;
    background: #fff;
    margin-bottom: 60px;
    -webkit-box-shadow: 0 5px 40px rgb(0 0 0 / 5%);
    -moz-box-shadow: 0 5px 40px rgba(0, 0, 0, .05);
    box-shadow: 0 5px 40px rgb(0 0 0 / 5%);
}

.course_meta_s .course_meta_s_in {
    border-right: 1px solid #cccccc;
}

.course_meta_s:last-child .course_meta_s_in {
    border-right: 0;
}


/* Course main details i-e duration, skills, lectures, enrolled ENd */


/* Course Tabs Overview, Instructor, Curriculum, Reviews start */

.course_tabs_inner .nav li .nav-link.active {
    background: #007bff;
    color: #ffffff;
    font-weight: 700;
    border-radius: 5px;
    padding: 10px 30px;
}

.course_tabs_inner .nav li .nav-link {
    background: #f9f9f9;
    color: #222222;
    font-weight: 700;
    border-radius: 5px;
    padding: 10px 30px;
    margin-bottom: 7px;
}

.course_curriculum .accordion-toggle {
    font-size: 16px;
    font-weight: 700;
    padding: 10px 0;
    color: #222222;
    text-decoration: none;
    border-bottom: 1px solid #00000026;
}
.title-dropdown .dropdown-menu.show {
    max-width: 78px !important;
    width: 100%;
}
.radio-answer .checks-wrapper {
    position: relative;
}
.radio-answer .form-check.Radio-parent {
    border: 1px solid #bec2ca;
    padding: 7px 0 7px 25px;
   
}
    .checks-wrapper input {
        border: none;
        padding: 0;
        background: #fff;
    }
.radio-answer .form-check.Radio-parent label{
    width: 100%;
}
.checks-wrapper .form-check-input {
    position: inherit !important;
}
.radio-answer .form-check.Radio-parent label input[type="text"]{
    width: 100%;
}
.course_curriculum .accordion-inner ul li {
    padding: 15px 0;
    border-bottom: 1px solid #f2f2f2;
}
.courseProfile-details .no-lesson-content.text-center {
    padding-top: 15px;
}

.curriculum_acc_list_right span.material-icons {
    font-size: 18px;
}

.course_preview,
.course_question {
    padding: 4px 12px;
    font-weight: 500;
    font-size: 10px;
}

.course_question {
    background-color: #dd88ae;
}

.c_instructor_img {
    float: left;
    margin-right: 20px;
}

.c_instructor_detail p {
    padding: 20px 0px 20px 0;
}

.review_number {
    font-size: 72px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -2px;
}

.review_star_top_right .review-bar {
    border-radius: 5px;
    background: #a1a7b3;
    height: 20px;
}

.review_star_top_right .review-bar {
    /*max-width: 83%;
     flex: 0 0 83%;
    */
}

.review_star_top_right .card__rating {
    max-width: 17%;
    flex: 0 0 17%;
    min-width: 154px;
}

.review_star_top {
    border-bottom: 1px solid gainsboro;
    padding-bottom: 30px;
}
.course_tabs_inner .addnewLesson-btn {
    line-height: 1.5 !important;
}
/* Course Tabs Overview, Instructor, Curriculum, Reviews end */


/**************** Course Details css End ********************/


/**************** Course main COntents Area css Start ********************/


/**************** Course main COntents Area css End ********************/

.kth_signin_form {
    padding: 30px 50px;
}

.close-modal {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    padding: 12px;
    font-size: 18px;
    font-weight: 500;
}

.kth_signin_form h3:before {
    content: '';
    position: absolute;
    width: 32px;
    height: 6px;
    background: #1736ff;
    top: 3px;
}


/**************** Dashboard for Users css Start ********************/
.page-content{
    margin-bottom: 60px;
}
    .page-content .nav-pills.nav-pills-accent .nav-link.active, .nav-pills.nav-pills-accent .show > .nav-link {
        background-color: #007bff;
    }
.user-dash-banner .site-banner-main:before {
    /*background-image: linear-gradient( 90deg, #000000 0%, #ff3d3d 100%);
    */
}

.addCourseDropdown {
    position: relative;
}
.user-course-banner .main-banner-tabs {
    background-color: #ffffff;
    margin-top: -130px;
}
.dashboardGrid-col span.select2.select2-container.select2-container--default {
    width: 50% !important;
}
.user-course-banner .let-start {
    color: #0324ff;
}

.user-dash-banner-right-img {
    width: 80%;
    margin: auto;
    margin-top: -80px;
}

.flip-card {
    background-color: transparent;
    width: 100%;
    height: 300px;
    perspective: 1000px;
    margin: 0 auto;
}

.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.6s;
    transform-style: preserve-3d;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

.flip-card:focus {
    outline: 0;
}

    .flip-card:hover .flip-card-inner,
    .flip-card:focus .flip-card-inner {
        transform: rotateY(180deg);
    }

.flip-card-front,
.flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
}

    .flip-card-front:before {
        content: '';
        position: absolute;
        top: 0;
        background-color: #000000;
        width: 100%;
        height: 100%;
        opacity: 0.3;
        z-index: -1;
    }

.flip-card-front {
    /*background: linear-gradient(to left, #4364f7, #6fb1fc);
    */
    /*background-image: url(/assets/images/category-img-1.jpg);
    */
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    color: black;
    z-index: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.flip-card:hover .flip-card-front {
    opacity: 0;
    transition: all 0.2s ease;
}
.flip-card-back {
    /*background: linear-gradient(to right, #4364f7, #6fb1fc);
    */
    /*background-image: url(/assets/images/category-img-1.jpg);
    */
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    color: white;
    transform: rotateY(180deg);
    z-index: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.img-con img::before {
}

h5.heade {
    font-size: 16px;
}

.custom-bar {
    height: 12px;
}

.row.card-row {
    border: 1px solid;
    border-color: #dcdbdb;
    background-color: white;
    margin-right: 13px;
}

.col-8.detail-col.pt-2 {
    position: relative;
}

.u-progress-card span.material-icons.material-icons-outlined {
    position: absolute;
    color: white;
    font-size: 59px;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.u-progress-card:before {
    content: '';
    position: absolute;
    background-color: #000000;
    width: 100%;
    height: 100%;
    opacity: 0.3;
}

.img-con img {
    width: 100%;
    height: 160px;
    object-fit: cover;
}

.overlai {
    background-color: black;
    opacity: .3;
    width: 100%;
    height: 100%;
    position: relative;
    top: -160px;
}

span.pertage {
    display: block;
    font-size: 13px;
    font-weight: 500;
}

div#progressBar {
    border-radius: 20px;
}


/**************** Dashboard for Users css End ********************/

.flx-col img {
    width: 114px;
}


/*<!-- *************************COURSE MAIN CONTENT Dashboard START********************************* -->*/

.course-dash-left {
    width: 25%;
    background-color: burlywood;
    position: fixed;
    top: 58px;
    bottom: 0;
    left: 0;
    background: #FFF;
    border-right: 1px solid #DDD;
    overflow: auto;
    z-index: 3;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
}

.course-dash-right {
    background-color: antiquewhite;
    width: 75%;
    position: fixed;
    z-index: 2;
    background: #FFF;
    top: 58px;
    right: 0;
    bottom: 0;
    overflow: auto;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
}

.course-dash-nav {
    background: #f9f9f9;
    /*height: 60px;
    */
    border: 1px solid gainsboro;
}

.course_dash_search {
    width: 25%;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
}

.course_dash_search_input {
    padding: 0px 31px 0px 0;
    background: transparent;
    border: none;
}

    .course_dash_search_input:focus {
        background: transparent;
        border-color: none;
    }

.course_dash_search_btn {
    position: absolute;
    top: 5px;
    right: 2px;
    padding: 0;
}


.course-dash-top-nav {
    width: 75%;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
}

.course-dash-backtocourse .mt-back {
    display: inline-block;
    padding: 16px;
    border-left: 1px solid gainsboro;
    cursor: pointer;
    user-select: none;
}

.toggle-dash .course-dash-left {
    left: -25%;
}

.toggle-dash .course-dash-right,
.toggle-dash-nav .course-dash-top-nav {
    width: 100%;
}

.toggle-dash-nav .course_dash_search {
    width: 0%;
    padding-left: 0 !important;
}

#style-15::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #F5F5F5;
    border-radius: 10px;
}

#style-15::-webkit-scrollbar {
    width: 7px;
    background-color: #F5F5F5;
}

#style-15::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #FFF;
    background-image: -webkit-gradient(linear, 40% 0%, 75% 84%, from(#1736ff), to(#1736ff), color-stop(.6, #1736ff));
}


/*<!-- *************************COURSE MAIN CONTENT Dashboard End********************************* -->*/


/**/


/**/


/*<!-- *************************COURSE Description MAIN CONTENT Dashboard RIght start********************************* -->*/

.course-dashboard-detail-wrapper {
    margin-top: 40px;
    margin-bottom: 40px;
}

.course-locked {
    padding: 20px;
    background: #ffe0e0;
}

.course-detail-inner-wrapper p {
    white-space: pre-wrap;
    font-size: 16px;
}

.video-wrapper {
    max-width: 800px;
    min-height: 400px;
    margin: 20px auto;
}
.video-wrapper iframe video {
    margin: 0 !important;
    width: 100% !important;
    object-fit: contain;
    height: 100% !important;
}
    .video-wrapper iframe {
        width: 100%;
        height: 400px;
    }


/*<!-- *************************COURSE Description MAIN CONTENT Dashboard RIght end********************************* -->*/

.categ-main-heading p {
    padding: 0 200px;
}

.categ-main-heading h1 {
    z-index: 9;
}

.main-heading {
    position: relative;
}

    .main-heading h1:before {
        content: '';
        position: absolute;
        bottom: 0px;
        width: 180px;
        height: 9px;
        background: #1736ff;
        left: 0;
        right: 0;
        margin: auto;
        z-index: 0;
    }

    .main-heading span {
        position: absolute;
        top: -63px;
        left: 0;
        right: 0;
        color: #1131ff61;
        z-index: 0;
        font-size: 80px;
        opacity: 0.1;
    }

.category-title {
    font-size: 70px;
    font-weight: 200;
    color: #ffffff;
}

img.card-img-top {
    transform: scale(1) !important;
    transition: .6s ease;
    object-fit: cover;
}

.link-s-n:hover {
    text-decoration: none;
}

.cardimg {
    overflow: hidden;
}

.concard:hover {
    box-shadow: 1px 1px 19px -7px #414141;
    transform: translateY(-8px);
}

.concard {
    box-shadow: 0;
    transform: translateY(0);
    transition: .4s ease;
}

span.cardspan {
    display: block;
    background-color: #ffffff;
    padding: 61px 59px;
    width: 100%;
    box-shadow: 1px 1px 16px -6px grey;
    border-radius: 0 22px 22px 0;
}

    span.cardspan h3 {
        font-weight: 700;
        text-transform: capitalize;
    }

.credit-section {
    background-image: url(/assets/images/credit-image.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 350px;
    position: relative;
}

    .credit-section .crid {
        position: absolute;
        bottom: -80px;
        max-width: 600px;
    }

.advert-card-1 {
    height: 300px !important;
}


/*------------- PRICING ------------ */

.pricing-tabs-btn-main {
    margin-top: -80px;
}

.pricing-btn-inner {
    box-shadow: 0px 3px 6px #00000029;
    border-top: 5px solid #ffffff;
    padding: 20px;
    min-height: 394px;
}

.single-course {
    border-bottom: 1px solid #c7c7c7;
    padding-bottom: 20px;
}
.pricing-tab-content-main .partner-tag {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(70px, 1fr));
    grid-gap: 5px;
}
    .single-course:last-child {
        border-bottom: none;
    }

.pricing-tabs-btn ul.nav li a.active .pricing-btn-inner {
    border-top: 6px solid #005DFF !important;
}

.pricing-btn-inner .bg-icon {
    margin: 0 auto;
    width: 100%;
    height: 200px;
    overflow: hidden;
    margin-bottom: 10px;
}

    .pricing-btn-inner .bg-icon img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.pricing-tabs-btn ul.nav {
    flex-wrap: nowrap;
    grid-gap: 16px;
}

    .pricing-tabs-btn ul.nav li a {
        position: relative;
        display: block;
    }

        .pricing-tabs-btn ul.nav li a.active:after {
            position: absolute;
            content: "";
            width: 0px;
            height: 0px;
            border-top: 25px solid white;
            border-right: 50px solid transparent;
            border-bottom: 5px solid transparent;
            border-left: 50px solid transparent;
            bottom: -30px;
            left: 0;
            right: 0;
            margin: auto;
        }

.pricing-tab-content {
    max-width: 1080px;
    margin: 0 auto;
}

.pricing-content-section {
    background-color: #ffffff;
    padding: 40px 30px;
}

.pricing-content-section-header .p-header {
    border-bottom: 2px solid #f6f5f5;
    padding: 10px 0;
}

.pric-content-desc {
    /*min-height: 260px;
    */
}

.single-course .partner-tag p{
    font-size: 11px;
    text-transform: uppercase;
}
.singleCourse-desc-col {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.single-course .partner-tag img {
    width: 60px;
    height: 60px;
    object-fit: contain;
}
.pricing-tabs-btn ul li {
    max-width: 25%;
    min-height: 262px;
}

.head-underline {
    position: relative;
    display: inline;
}

    .head-underline:before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        height: 2px;
        background: #ffffff;
        bottom: 20px;
    }

.how-it-work {
    padding-top: 100px;
}

.kth_signup_form h3:before {
    content: '';
    position: absolute;
    width: 32px;
    height: 6px;
    background: #1736ff;
    top: 3px;
}

.kth_signup_form {
    padding: 30px 50px;
}

.swiper {
    width: 600px;
    height: 300px;
}


/* Greedy Menu start */

.greedy .nav-item {
    white-space: nowrap;
}

.greedy .greedy-dropdown .dropdown-item:hover {
    background: black;
}


/* Greedy Menu End */

.video-advertisement {
    display: flex;
    justify-content: center;
    align-items: center;
    /*height: 100%;*/ 
    height: 240px;
    background: ghostwhite;
}


/* Audio Css start */

.audioplayer audio {
    position: absolute;
}

.audioplayer h2 {
    font-size: 26px;
    margin: 14px 0;
    font-weight: 700;
}

.audioplayer h3 {
    font-size: 16px;
    font-weight: 400;
}

.audioplayer p {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 10px;
    color: grey;
}

.audioplayer a {
    text-decoration: none;
    color: #9d57e4;
}

.audioplayer .audio-player {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    transition: all 0.2s;
    width: 90vw;
    max-width: 700px;
    background: white;
    box-sizing: border-box;
}

/* =========== EmailConfirmation css =============== */
.emailConfirmation .whitespace-upper {
    background: #087cf4;
    height: 300px;
}

.emailConfirmation .confirmation-wrapper {
    box-shadow: 0 0 6px 2px #0000004d;
    max-width: 545px;
    width: 100%;
    margin: 0 auto;
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    padding: 35px 15px;
    border-radius: 5px;
}

.emailConfirmation .confirmation-icon i {
    font-size: 65px;
    color: #087cf4;
}

/* ============= Enroll course ========================*/
.overly_course {
    background: #000;
    height: 100%;
    opacity: 0.7;
}
.coursenew-section .enrollNow-wrapper {
    padding: 10px;
    box-shadow: 0px 0px 6px 2px #0000002e;
    border-radius: 3px;
    /*position: absolute;*/
    margin-top: -175px;
    background: #fff;
    z-index: 1;
}
.enrollNow-wrapper .providersImg-tag-slider.slider img {
    height: 250px;
    object-fit: cover;
}
.enrollNow-wrapper .providersImg-tag-slider.slider .slick-prev {
    left: 2px;
    z-index: 999;
}
.enrollNow-wrapper .providersImg-tag-slider.slider .slick-next {
    right: 2px;
}
.glms-commonstyle-btn {
    background: #007bff;
    color: #fff;
}
    .glms-commonstyle-btn:hover {
        background: #007bffd9;
        color: #fff;
    }
    .checkoutprocess-section .paymentprocess {
        padding: 50px 35px;
        border: 1px solid #ececec;
    }
.checkoutprocess-section .checkout-summary-wrapper {
    padding: 20px;
    border: 1px solid #e8e4e4;
    box-shadow: 0px 0px 5px 2px #685d5d14;
    height: 100%;
}
.checkoutprocess-section .complete-payment p {
    font-size: 13.5px;
}
.checkoutprocess-section  span.paymentMethod i {
    color: #007bff;
    font-size: 20px;
}
@media screen and (max-width: 560px) {
    .audioplayer .audio-player {
        width: 90vw;
        background: white;
    }
    .emailConfirmation .confirmation-message p br {
        display: none;
    }
}

.info {
    flex: 1;
    padding: 16px 30px;
}

.cover-art {
    /*position: absolute;
     bottom: 160px;
     right: -30px;
     width: 230px;
     height: 230px;
     background: url(/assets/images/category-img-1.jpg);
     background-size: cover;
     transition: all 0.2s;
    */
}

@media screen and (max-width: 560px) {
    .cover-art {
        position: relative;
        width: 100%;
        height: 80vw;
        bottom: inherit;
        right: inherit;
    }
}

@media screen and (max-width: 520px) {
    .cover-art {
        position: relative;
        width: 100%;
        height: 90vw;
        bottom: inherit;
        right: inherit;
    }
}

@media screen and (max-height: 500px) {
    .cover-art {
        display: none;
        width: 0px;
        height: 0px;
    }
}

.cover-art a {
    display: block;
    width: 100%;
    height: 100%;
}

    .cover-art a:hover {
        background: #22a952;
        opacity: 0.2;
    }

.controls {
    display: flex;
    width: 100%;
    height: 100px;
    background: white;
    margin-top: -1px;
    padding: 20px;
    box-sizing: border-box;
    transition: all 0.2s;
}

.controls_plays {
    flex: 2;
    display: flex;
    justify-content: space-around;
}

.controls_player {
    flex: 1;
    fill: #7fe5a3;
    display: flex;
    justify-content: space-around;
}

@media screen and (max-width: 420px) {
    .controls {
        flex-direction: column;
        height: 200px;
    }
}

#plays_btn,
#prev_btn,
#next_btn {
    cursor: pointer;
    width: 26px;
    max-width: 18px;
    transition: all 0.2s;
}

    #plays_btn:hover,
    #prev_btn:hover,
    #next_btn:hover {
        fill: #565349;
    }

#pause_btn {
    display: none;
}

#volume_btn,
#shuffle_btn,
#playlist_btn {
    cursor: pointer;
    width: 23px;
    max-width: 18px;
    transition: all 0.2s;
}

    #volume_btn:hover,
    #shuffle_btn:hover,
    #playlist_btn:hover {
        fill: #22a952;
    }

.progressbar_slide {
    width: 100%;
    background: #7fe5a3;
    height: 6px;
}

.progressbar_range {
    width: 0;
    background: black;
    height: 6px;
}

/* Audio Css end */

/*============= multistep styling start ====================*/
.multisteps-wrapper {
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
}

    .multisteps-wrapper #heading {
        text-transform: uppercase;
        color: #1736ff;
        font-weight: normal
    }

    .multisteps-wrapper #msform {
        text-align: center;
        position: relative;
        margin-top: 20px
    }
.fieldset-Score{
    display: none;
}
.multisteps-wrapper .tryAgain {
    display: none;
}
.multisteps-wrapper .showResultCard {
    display: none;
}
.multisteps-wrapper #msform fieldset {
    background: white;
    border: 0 none;
    border-radius: 0.5rem;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding-bottom: 20px;
    position: relative
}
.multisteps-wrapper .getAnswer-col span {
    float: right;
}
.multisteps-wrapper .form-card {
    text-align: left;
    margin-bottom: 25px;
}

    .multisteps-wrapper #msform fieldset:not(:first-of-type) {
        display: none;
    }

    .multisteps-wrapper #msform input:focus,
    .multisteps-wrapper #msform textarea:focus {
        -moz-box-shadow: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        border: 1px solid #1736ff;
        outline-width: 0
    }

    .multisteps-wrapper #msform .action-button {
        width: 100px;
        background: #1736ff;
        font-weight: bold;
        color: white;
        border: 0 none;
        border-radius: 0px;
        cursor: pointer;
        padding: 10px 5px;
        margin: 10px 0px 10px 5px;
        float: right
    }
        .multisteps-wrapper #msform .action-button:hover,
        .multisteps-wrapper #msform .action-button:focus {
            background-color: #1736ff;
        }


    .multisteps-wrapper #msform .action-button-previous {
        width: 100px;
        background: #000;
        font-weight: bold;
        color: white;
        border: 0 none;
        border-radius: 0px;
        cursor: pointer;
        padding: 10px 5px;
        margin: 10px 5px 10px 0px;
        float: right;
    }

    .multisteps-wrapper .card {
        z-index: 0;
        border: none;
        position: relative;
        box-shadow: 0px 1px 10px 0px #00000030;
        padding: 15px !important;
    }

    .multisteps-wrapper .fs-title {
        font-size: 25px;
        color: #1736ff;
        margin-bottom: 15px;
        font-weight: normal;
        text-align: left
    }

    .multisteps-wrapper .purple-text {
        color: #1736ff;
        font-weight: normal
    }

    .multisteps-wrapper .steps {
        font-size: 25px;
        color: gray;
        margin-bottom: 10px;
        font-weight: normal;
        text-align: right
    }

    .multisteps-wrapper .progress {
        height: 20px;
        margin: 35px 0;
    }

    .multisteps-wrapper .progress-bar {
        background-color: #1736ff;
    }

    .multisteps-wrapper .fit-image {
        width: 100%;
        object-fit: cover;
    }
#Errmsg {
    display: none;
    position:absolute;
    color: white;
    text-align: center;
    background: #ff0000a1;
    padding: 8px;
    max-width: 250px;
    float: right;
    width: 100%;
    margin-left: auto;
    border-radius: 0;
    bottom:28px;
    left:0;
    z-index: 1;
}
/* === Certificate css ===*/
.getCertificate {
    display: none;
    /*position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;*/
}
    .getCertificate .modal-dialog {
        max-width: 800px !important;
        width:100%;
    }
    .getCertificate .modal-header, .getCertificate .modal-footer {
        border: none !important;
    }

.certificate-inner {
    background-image: url(/assets/images/quiz-img/getCertificate4.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 540px;
    max-width: 700px;
    width: 100%;
    margin: 0 auto;
    position: relative;
}

    .certificate-inner p.name {
        position: absolute;
        left: 0;
        right: 0;
        top: 196px;
        display: flex;
        justify-content: center;
        font-family: 'Ephesis', cursive;
        font-size: 36px;
        margin-bottom: 0 !important;
    }

    .certificate-inner p.course {
        position: absolute;
        left: 0;
        right: 0;
        top: 298px;
        display: flex;
        justify-content: center;
        font-size: 17px;
    }
.certificate-main .certificate-date p {
    position: absolute;
    right: 130px;
    bottom: 11px;
}
.certificate-main p.certificate-lsn {
    position: absolute;
    top: 269px;
    left: -10px;
    right: 0;
    display: flex;
    justify-content: center;
    font-size: 12px;
}
.certificate-main p.CE-provider {
    position: absolute;
    top: 90px;
    display: flex;
    justify-content: center;
    right: 0;
    left: 12px;
    font-size: 13px;
}
.certificate-main p.capce-number {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 27.5%;
    display: flex;
    justify-content: center;
    font-size: 13px;
}
.certificate-main .category_subcategory {
    display: flex;
    justify-content: center;
    position: absolute;
    top: 321px;
    right: 0;
    left: 0;
    font-size: 14px;
}
.certificate-main .number_categoryofCEH {
    display: flex;
    justify-content: center;
    position: absolute;
    top: 384px;
    right: 0;
    left: 0;
    font-size: 11px;
}

.certificate-main .category_subcategory span,
.certificate-main .number_categoryofCEH span {
    margin: 0 10px;
}
    /* ------ question card css ----------*/

    .multisteps-wrapper .checked {
        background: #0075ff !important;
        color: #fff;
    }

    .multisteps-wrapper .radioCheck {
        background: #0075ff !important;
        color: #fff;
    }

    .multisteps-wrapper .multiple-choice {
        margin: 30px 0;
        text-align: center;
    }

        .multisteps-wrapper .multiple-choice label {
            text-align: left;
            width: 100%;
            padding: 10px;
            margin-bottom: 20px;
            /*box-shadow: 0px 0px 5px 4px #0000002b;*/
            cursor: pointer;
            background: #e5e8ee;
        }

    .multisteps-wrapper .report-card p {
        margin-bottom: 0;
        border-bottom: 1px solid #1736ff96;
        padding: 10px 0;
    }

        .multisteps-wrapper .report-card p span.finds {
            float: right;
            color: #1736ff;
            font-weight: 600;
        }

    .multisteps-wrapper span.timer {
        font-size: 20px;
    }

    .multisteps-wrapper p.timeover {
        animation: blinkingText 1.2s infinite;
        font-size: 20px;
        margin: 0;
    }
.fieldset-Score .incorrect {
    background: red;
    padding: 2px 5px;
    color: #fff;
    border-radius: 3px;
}
.fieldset-Score .correct {
    background: green;
    padding: 2px 5px;
    color: #fff;
    border-radius: 3px;
}
/*============= multistep stying End ====================*/
/*
   =====================  Category slider css ========================
*/
.category-slider-wrapper .slider {
    width: 100% !important;
    margin: 100px auto 0 auto;
}
.category-slider-wrapper .slick-slide>div{
    padding: 5px;
}
.category-slider-wrapper .slick-list {
    padding-bottom: 12px !important;
    background: #fff;
}

.category-slider-wrapper .slick-slide div {
    position: relative;
}

.category-slider-wrapper .slider-target.active:after {
    content: "";
    width: 0;
    height: 0;
    border-bottom: 34px solid transparent;
    border-top: 32px solid transparent;
    border-left: 25px solid #005dff;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%) rotateZ( 90deg);
    bottom: -79px;
    z-index: 999;
}

.category-slider-wrapper .slick-slide {
    /*margin: 0px 20px;*/
}

    .category-slider-wrapper .slick-slide img {
        width: 100%;
    }

.category-slider-wrapper .slick-prev:before,
.category-slider-wrapper .slick-next:before {
    color: #005dff;
}

.category-slider-wrapper .slick-slide {
    transition: all ease-in-out .3s;
    opacity: .5;
}

.category-slider-wrapper .slick-active {
    opacity: 1;
}

.category-slider-wrapper .slick-current {
    opacity: 1;
}
.category-slider-wrapper .slick-prev {
    left: -40px;
}
.category-slider-wrapper a.slider-target.text-decoration-none.text-dark.active .pricing-btn-inner {
    box-shadow: 0px 0px 6px 1px #005dff6e;
}

.category-slider-wrapper a.slider-target.text-decoration-none.text-dark.active img {
    transform: scale(1.08);
    transition: .5s;
}

.category-slider-wrapper .slick-initialized .slick-slide {
    display: block;
    padding: 3px;
}

.category-slider-wrapper button.slick-prev:before {
    content: 'arrow_back_ios';
    font-family: 'Material Icons';
    font-size: 50px;
}

.category-slider-wrapper button.slick-next:before {
    content: 'arrow_forward_ios';
    font-family: 'Material Icons';
    font-size: 50px;
}

.category-slider-wrapper button.slick-next.slick-disabled:before,
.category-slider-wrapper button.slick-prev.slick-disabled:before {
    display: none;
}

.category-slider-wrapper .slick-prev, .category-slider-wrapper .slick-next {
    top: 0;
    bottom: 0;
    margin: auto;
}
/* =========== subcategory =============*/
.slider-thumb-wrapper .no-subcategory-course {
    padding: 20px;
}

.slider-thumb-wrapper .no-subcategory-course span{
   font-size: 26px;
   vertical-align: top;
}
.pricing-tab-content-main .no-course-image {
    text-align: center;
}
.pricing-tab-content-main .no-course-image img {
    width: 500px;
}

/* ========= Greedy Menu Start =======================*/
/*section.greedy-menu-coursesubCategory {
    background: #f0f0f0;
}
.greedy-menu-coursesubCategory .greedy-nav {
    position: relative;
    min-width: 250px;*/
/*overflow: hidden;*/
/*}

    .greedy-menu-coursesubCategory .greedy-nav ul {
        margin-bottom: 0;
        padding-left: 0;
    }

    .greedy-menu-coursesubCategory .greedy-nav a {
        display: block;
        padding: 15px 10px;
        font-size: 14px;
        color: #000;
        text-decoration: none;*/
/*white-space: nowrap;*/
/*}

.greedy-menu-coursesubCategory .visible-links a.active {
    font-weight: 700;
    position: relative;
}
    .greedy-menu-coursesubCategory .visible-links a.active:after {
        content: "";
        width: 0;
        height: 0;
        border-bottom: 40px solid transparent;
        border-top: 35px solid transparent;
        border-left: 18px solid #f0f0f0;
        position: absolute;
        left: 50%;
        transform: translate(-50%, -50%) rotateZ( 90deg);
        bottom: -79px;
        z-index: 999;
    }

    .greedy-menu-coursesubCategory .greedy-nav button {
        position: absolute;
        height: 70%;
        width: 42px;
        right: 0;
        padding: 0 10px;
        top: 8.5px;
        border: 0;
        outline: none;
        background-color: #0425ff;
        color: #fff;
        cursor: pointer;
        margin: auto 0;
    }

        .greedy-menu-coursesubCategory .greedy-nav button ::after {
            content: attr(count);
            position: absolute;
            width: 22px;
            height: 3px;
            left: 0;
            top: 10px;
            text-align: center;
            color: #fff;
            font-size: 14px;
            line-height: 28px;*/
/* border-radius: 50%; */
/*border: 1px solid #fff;
            font-weight: bold;
        }

        .greedy-menu-coursesubCategory .greedy-nav button:hover::after {
            transform: scale(1.075);
        }

    .greedy-menu-coursesubCategory .greedy-nav .hamburger {
        position: relative;
        width: 22px;
        height: 3px;
        background: #fff;*/
/* margin: auto; */
/*}
        .greedy-menu-coursesubCategory .greedy-nav .hamburger:before,
        .greedy-nav .hamburger:after {
            content: '';
            position: absolute;
            left: 0;
            width: 22px;
            height: 3px;
            background: #fff;
            top: -10px;
        }
.greedy-menu-coursesubCategory .visible-links {*/
/*display: inline-table;*/
/*display: table-cell;
}

    .greedy-menu-coursesubCategory .visible-links li {
        display: table-cell;*/
/*display: inline-table;*/
/*}
        .greedy-menu-coursesubCategory .visible-links li:not(:first-child) {
            border-left: 1px solid #ffffff;
        }

.greedy-menu-coursesubCategory ul.visible-links i {
    vertical-align: middle;
}

.greedy-menu-coursesubCategory .hidden-links {
    position: absolute;
    right: 0px;
    top: 100%;
    z-index: 999;
    background: #f0f0f0;
}

    .greedy-menu-coursesubCategory .hidden-links li {
        display: block;
        border-top: 1px solid white;
    }

.greedy-menu-coursesubCategory .visible-links li:first-child {
    font-weight: bold;
}

    .greedy-menu-coursesubCategory .visible-links li:first-child a {
        color: #0223ff !important;
    }

.greedy-menu-coursesubCategory .hidden {
    visibility: hidden;
}*/
/*=========== Testimonial css Start =================================*/
.testimonials {
    overflow: hidden;
    position: relative;
}
.test-content {
    padding: 20px;
}
    .test-content .testimonial {
        padding: 27px 5px;
        min-height: 211px;
    }
 .testimonials {
  background: #161d25;
}

.one-slide,
.testimonial,
.message {
    border: none !important;
    outline: none !important;
}

.testimonials-sect .icon-overlay {
    position: absolute;
    opacity: 0.3;
    right: 10%;
    top: 0;
    height: auto;
    width: 100%;
    max-width: 400px;
    filter: hue-rotate(236deg);
}

.testimonials-sect .carousel-controls .control {
    position: absolute;
    transform: translateY(-50%);
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border: 2px solid #fff;
    z-index: 1;
}

.testimonials .prev {
    left: -2.25rem;
}

.testimonials .next {
    right: -2.25rem;
}

.testimonials .slick-dots li button:before {
    font-size: 16px;
    color: #000000;
    opacity: 1;
}
.testimonials .carousel-controls .control{
    display: none !important;
}
.testimonials .slick-dots li.slick-active button:before {
    color: #e9e8ff87;
}
.testimonials .testimonial-img img {
    border-radius: 50%;
    margin: 0 auto;
    height: 95px;
    width: 95px;
    object-fit:cover;
}
@media screen and (max-width: 768px) {
    .coursenew-section .enrollNow-wrapper {
        position: unset;
       margin-top: 20px;
        background: #fff;
    }

    .testimonials {
        max-height: 700px;
    }

    .icon-overlay {
        height: 300px;
        top: calc(50% - 150px);
    }

    .carousel-controls .control {
        width: 25px;
        height: 25px;
        top: inherit;
    }

    .testimonials .prev {
        left: 0;
    }

    .testimonials .next {
        right: 0;
    }

    .testimonials .control i {
        font-size: .7rem;
    }

    .testimonials .message {
        font-size: 1rem;
    }

    .testimonials h2 {
        font-size: 1.5rem;
    }
}
/*======= Testimonial End ====================*/
.discalimer-banner img {
    height: 260px;
    object-fit: contain;
    background-color: #fcfafb;
}
.tos-head,
.privacy-heading,
.disclaimer_main h4 {
    color: #5a70fc;
}
.privacy-body-text{
    text-align:justify;
}
/*
=============================================================================
============================= Media query Start =============================
=============================================================================
*/


@media only screen and (max-width: 1142px) {
    .courseSub-category-link .navbar-light .navbar-nav .nav-link {
        padding: 7px 9px;
    }
}

@media only screen and (max-width: 1080px) {
    .slider-thumb-wrapper {
        padding: 0 50px;
    }
}

    @media only screen and (max-width: 991px) {
        .courseSub-category-link button.navbar-toggler {
            padding: 10px 9px;
            border-radius: 5px;
            position: relative
        }
        .userProfile-wrapper .profile-info-col {
            padding: 12px 25px;
        }

        .courseSub-category-link .navbar-light .navbar-nav .nav-link {
            border-top: 1px solid #6c757d4d;
            border-right: none;
        }

        .courseSub-category-link div#navbarNav {
            max-width: 255px;
            width: 100%;
            float: right;
            background: #f9f9f9;
            padding: 9px;
            position: absolute;
            z-index: 99;
            right: 0;
            top: 66px;
        }

        .courseSub-category-link .navbar-nav li.active:after {
            content: none;
        }

        .courseSub-category-link .navbar {
            padding: 15px 0;
        }

        .courseSub-category-link .container {
            padding: 0;
        }

        .courseSub-category-link .wrapper-nav {
            width: 100%;
        }
        .popular-courses-col, .enrolled-courses-col {
            margin-bottom: 40px;
        }
    }

    @media only screen and (max-width: 768px) {
        .course-dash-right {
            width: 100%;
        }
        .course-dash-left {
            width: 36%;
        }
            .course-dash-left {
            box-shadow: 0px 9px 16px -1px #060606;
        }

        .toggle-dash .course-dash-left {
            left: -39.8%;
        }

        .slider-thumb-wrapper {
            padding: 0 30px;
        }

        .course-dash-backtocourse .cstm-btn {
            padding: 3px 15px 3px 10px;
            font-size: 12px;
        }

        .container.slider-main-thumb {
            width: 85% !important;
            margin: 0 auto;
        }

        .course-unlocked-col {
            margin-bottom: 15px;
        }

        .category-slider-wrapper button.slick-arrow:before {
            font-size: 32px;
        }

        .category-slider-wrapper .slick-prev {
            left: -30px;
        }
        p.ellipsis-three {
            margin-bottom: 15px !important;
        }
        .course-main {
            min-height: auto;
            height: auto;
            max-height: auto;
        }
        .pricing-btn-inner {
            padding: 10px;
        }

            .pricing-btn-inner span {
                font-size: 17px;
            }

        .heading-title {
            font-size: 45px;
        }

        .main-heading span {
            font-size: 40px;
        }

        .courses-main.wrapper li._nav-item {
            width: 50%;
        }
        /*.userProfile-wrapper .profileinfo {
            text-align: center;
        }*/
        /*.userProfile-wrapper .profile-info-col {
            padding: 15px;
            border-right: none;
        }*/
        .userProfile-wrapper .profile-info-col {
            padding: 12px 45px;
        }
        /* dashboard*/
        .dropdown.text-right.addCourseDropdown {
            text-align: left !important;
        }
    }

    @media only screen and (max-width: 575px) {
        .courseSub-category-link .container {
            padding: 0 15px;
        }
    }

