.tab-btn-active {
    background-color: #f05c14 !important;
    color: #fff !important;
}

.active-icon-color {
    color: #fff !important;
}

.custom-bg-live-batch {
    background-color: #0c283e;
}

.joining-sec {
    margin-top: -286px !important;
}

.sidebar-sec {
    margin-top: 0px !important;
}

.custom-font {
    font-weight: 600;
    font-size: 10px;
}

.custom-card .card-body {
    padding: 1rem 0.2rem !important;
    /* background-color: #faebd7; */
}

.course-sec p {
    font-size: 14px;
    color: #22100D;
    margin-bottom: 0;
    margin-left: 4px;
}


/* .share-course {
        float: right;
        font-size: 12px;
    } */

.coupon-show {
    font-size: 12px;
}

.cq-coupon {
    border: 1px solid #c51515 !important;
    line-height: 32.5px !important;
    background: #eb0a6d !important;
    color: snow !important;
    font-size: 12px;
}

.close-coupon {
    border-radius: 50% !important;
    height: 30px !important;
    width: 30px !important;
    margin-right: 5px;
    margin-top: 4px;
    text-align: center;
    background: #eb0a6d;
    color: white;
    cursor: pointer;
}

.modal-close {
    border: 1px solid black;
    border-radius: 50%;
    height: 41px;
    width: 41px;
    background: #c51515;
    color: white;
    font-size: 24px;
    padding: 0px;
}

.modal-header p {
    font-size: larger;
    font-weight: 600;
}

.social-media-share a {
    font-size: 25px;
    padding: 10px;
}

.fs-13 {
    font-size: 13px;
}

.border-1-dashed-green {
    border: 1px dashed green;
}

.radius-5 {
    border-radius: 5px;
}

.custom-content-design {
    width: 70%;
    float: left;
}

.free {
    background-color: green;
    color: white;
}

.paid {
    background-color: red;
    color: white;
}

li.lecture-time a {
    width: 100%;
    display: flex;
}

p.lecture-title {
    width: 80%;
}

span.lecture-preview {
    width: 12%;
    border: 1px solid black;
    border-radius: 5px;
    padding: 6px;
    background: bisque;
    color: #140b0b;
}

span.lecture-time {
    width: 11%;
}

.course-card ul li a {
    text-decoration: none !important;
}

.default {
    cursor: default !important;
}

.link {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 400px;
    font-size: 12px;
    border: 1px solid;
    padding: 5px;
}

.link span {
    overflow: hidden;
}

.custom-close {
    border-radius: 50%;
    width: 35px;
    height: 35px;
    float: right;
    background-color: red;
}


/* .review-alert {
        width: 100%;
    } */

.detail_list {
    padding: 0px 0px 0px 0px;
}

.detail_list_item:last-child {
    margin-bottom: 0;
}

.detail_list_content {
    width: 100%;
    /* padding-left: 20px; */
    padding-right: 20px;
    display: inline-block;
    vertical-align: top;
}

div.what_will_learn>ul {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    list-style: none;
}

div.what_will_learn>ul>li,
div.what_will_learn>ul li:before {
    display: flex;
    font-size: 14px;
    color: #434346 !important;
    font-weight: bold;
    margin-bottom: 10px;
    list-style-type: disc;
}

div.what_will_learn>ul li:before {
    content: "✓";
    margin-right: 8px;
    color: #159f46 !important;
}

.detail_list_content.what_will_learn ul {
    padding-left: 0px !important;
}

span.font-color-course-specification {
    color: #605e5e;
    font-weight: 600;
    font-size: 13px;
}

li.course-specification-line-hight {
    box-sizing: border-box;
    line-height: 1.38;
}

.course-card ul li p {
    margin-left: 20px !important;
}

.sticky {
    position: -webkit-sticky;
    position: sticky !important;
    top: 100px !important;
    height: 1084px !important;
    bottom: 0;
    /* background-color: yellow;  */
    /* font-size: 20px; */
}


/* .footer  {
        position: -webkit-sticky;
        position: fixed !important;
      
    }  */

.details-tab {
    /* display: flex; */
    /* overflow-x: scroll; */
    position: -webkit-sticky !important;
    position: sticky;
    top: 70px;
    margin-bottom: 1rem;
    z-index: 10;
    /* z-index: 999; */
    padding: 10px;
    border-radius: 0px;
    background-color: #ffff;
}

#learn_course_section {
    border: 1px solid #d1d7dc !important;
}

.details-tab button {
    padding: 4px 2px;
    border-radius: 4px;
    border-color: #ffeeee;
    background: #fce8d2;
    color: #000;
    margin-left: 1px;
    font-weight: 500;
    font-family: Hind Siliguri, sans-serif;
    /* 
        margin-left: 10px;
        padding: 10px;
        font-weight: 500;
        border-radius: 8px;
        border-color: #ffeeee;
        font-family: Hind Siliguri, sans-serif; */
}

.details-tab button i {
    font-size: 12px;
    color: #f05c14;
}

.details-tab button div span {
    padding: 5px;
}

.learn-header-bg {
    background-color: #f4f8ff !important;
}

.learn-custom-bg {
    background-color: #fff !important;
}

.cou-title.coursetitleffect {
    box-shadow: 1px 1px 3px -1px #9c9c9c;
}

.cou-title.coursetitleffect:hover {
    background-color: #eeeded;
    transition: all .8s ease;
}

.study-plan-info {
    /* text-align: right; */
    font-size: 13px !important;
}

.study-plan-info span {
    margin: 3px;
}

.study-plan-info span i {
    font-size: 10px;
}

.card-header {
    background-color: #f4f8ff !important;
    border-left: 3px solid #0060ae;
    border-top-left-radius: 9px 6px !important;
}

.study-plan-headear-name {
    font-weight: 800;
}

.study-plan-content-space ul li {
    justify-content: space-between;
    border-bottom: 1px solid #C7C7C7;
    padding: 15px 0;
}

.study-plan-content-space ul li:last-child {
    border: 0;
}


/* .class-schedule-area {
        display: flex;
    } */

.class-schedule-area button {
    margin-left: 5px;
}

.live-class-btn-design {
    padding: 2px 10px;
    font-size: 12px;
    background-color: #fce8d2;
    border: 0;
    color: #000;
    border-radius: 12px;
}

.live-other-btn-design {
    border: 1px !important;
    border-color: #726c6c !important;
    padding: 2px 10px;
    font-size: 12px;
    background-color: #726c6c;
    color: #fff;
    border-radius: 6px !important;
}

.schedule-day {
    float: left;
    font-size: 15px;
    font-weight: 500;
}

.load-more-live-btn-design {
    background-color: #fce8d2 !important;
    border: 1px solid #fce8d2 !important;
    color: #4c4a4b !important;
}

.load-more-live-btn-design:hover {
    border: 1px solid #fce8d2;
    color: #fff !important;
    background: linear-gradient(135deg, #fcb059 0%, #fcb059 50%, #f6921e 51%, #f6921e 100%);
}

.live-lecture-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 25px;
}

.coupon-banner-close {
    border: 1px solid;
    padding: 3px 20px;
    cursor: pointer;
}

.coupon-banner {
    padding-top: 5px;
    padding-bottom: 5px;
}

ul.course-include li {
    display: flex;
    padding: 4px 2px;
    align-items: flex-start;
    gap: 3px;
}

.include-card-title {
    margin-bottom: 0px !important;
    background-color: #f4f8ff;
    padding: 10px;
    border-left: 3px solid #0060ae;
    border-top-left-radius: 6px 9px;
}

.include-card-title span {
    font-weight: 500;
    font-size: 16px;
}

.feature-sec ul li {
    border-bottom: none !important;
}

.all-recorded-sale-btn {
    /* border:1px solid; */
    text-align: center;
    padding: 10px;
    border-radius: 5px;
    background: radial-gradient(circle, #fbefe5, #f4e8e6, #efd6df, #e2d5e5, #dddfe9);
    font-size: 20px;
    color: #092955;
}

.in-this-course {
    padding: 0rem 1rem !important;
}

.btn-free-course {
    background: #159F46 !important;
    border: 1px solid #159F46 !important;
    border-radius: 50px !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    color: #FFF !important;
    padding: 13px 20px !important;
}

#sslczPayBtn {
    width: 320px !important;
}

.share-btn {
    border: 1px solid #000;
    padding: 10px 5px;
    text-align: center;
    border-radius: 5px;
}

.course-tab-wrapper {
    display: flex;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    box-shadow: 0 0 2px #7a7a7a;
    border: 1px solid #0060ae;
    border-radius: 30px;
    background: #fff;
    font-size: .8em;
    margin: 0 auto;
}

.course-tab-wrapper .current {
    background: #1196d7;
    border-radius: 30px;
    color: #fff;
}

.course-tab-wrapper h3 {
    padding: 0.6em 2em;
    cursor: pointer;
    color: #4a4a4a;
    margin: 4px;
    font-size: 17px;
    font-weight: 300;
}

.course-tab-wrapper .current .icon {
    display: inline !important;
}

.course-tab-wrapper h3 .icon {
    display: none;
}

.all-recorded-sale-btn:hover {
    padding: 10px;
    border-radius: 5px;
    font-size: 20px;
    /* color: #ffffff; */
    background: radial-gradient(circle, #e2d5e5, #dddfe9, #fbefe5, #f4e8e6, #efd6df);
    /* box-shadow: 1px 1px 10px rgba(31, 154, 255, 0.4); */
    /* font-weight: 700; */
}

.bottom-margin {
    margin-bottom: 133px;
}

.batch-start-card {
    background-color: #fafafe;
}

.four-radio {
    width: 29.26%;
    max-width: 29.26%;
}

.colradio {
    border-radius: 5px;
    display: block;
    float: left;
    margin: 1% 0 1% 1.6%;
}

.colradio:first-of-type {
    margin-left: 0;
}

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

.plan input,
.form .payment-plan input,
.form .payment-type input {
    display: none;
}

label {
    position: relative;
    color: #fff;
    background-color: #666566;
    font-size: 18px;
    text-align: center;
    height: 42px;
    line-height: 38px;
    display: block;
    cursor: pointer;
    border: 3px solid transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.plan input:checked+label,
.form .payment-plan input:checked+label,
.form .payment-type input:checked+label {
    border: 3px solid #92022c;
    background-color: #C82051;
}

.plan input:checked+label:after,
form .payment-plan input:checked+label:after,
.form .payment-type input:checked+label:after {
    content: "\2713";
    width: 35px;
    height: 35px;
    line-height: 32px;
    border-radius: 100%;
    border: 2px solid #92022c;
    background-color: #C82051;
    z-index: 999;
    position: absolute;
    top: -10px;
    right: -10px;
}

.card-body .countdown {
    display: inline-flex;
    /* width: 400px; */
}

.card-body .countdown .time {
    text-align: center;
    margin: 0 2px;
}

.card-body .countdown .time span {
    font-size: 20px;
    color: #fff;
    border-radius: 4px;
    padding: 3px 11px;
    /* background: linear-gradient(to bottom,  #585858 0%,#6e7774 50%,#585858 50%,#0a0809 100%); */
    background: linear-gradient(to bottom, #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%);
}

.card-body .countdown .smalltext {
    padding-top: 3px;
    font-size: 12px;
}

.bg-course-details-page {
    color: #fff;
    font-size: 18px;
    line-height: 30px;
    font-weight: normal;
    text-align: justify;
    font-family: system-ui, sans-serif;
    background-image: url(../../../public/media/img/course-details-page-bg-2.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    /* background: linear-gradient(to right, #0b2747 0%, #123e6f 24%, #091652 47%, #123e6f 67%, #0c396a 100%); */
}

@media (min-width: 320px) and (max-width:480px) {
    .alert {
        position: relative;
        padding: 0.4rem 0.4rem;
        margin-bottom: 1rem;
        border: 1px solid transparent;
        border-radius: 0.25rem;
    }
    span.purchase-text-line-heigh {
        line-height: 28px;
    }
    .about-batch-details {
        padding-left: 2px !important;
        padding-right: 2px !important;
    }
    .batch-will-be-start {
        justify-content: center !important;
        display: flex !important;
        flex: 0 0 auto !important;
        width: 100% !important;
    }
}

.motivational-mobile-font {
    font-family: sans-serif;
}

.container {
    max-width: 1250px !important;
}


/* .review-user-name{
    text-transform: uppercase !important;
} */


/* what will learn css start*/

.topcategory-sec .categories-content h3 {
    font-weight: 700;
    font-size: 18px;
    color: #0060AE;
    margin-top: 0;
    -webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s;
}

.topcategory-sec .categories-item {
    background: #FFFFFF;
    border: 1px solid #E0EBFF;
    box-shadow: 0px 4px 33px #E0EBFF;
    padding: 21px;
    margin-bottom: 24px;
    border-radius: 10px;
    -webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s;
}

.categories-item:hover {
    background: #413655;
    cursor: pointer;
    border: 1px solid #413655;
    box-shadow: 0px 1px 4px rgb(0 0 0 / 20%);
    -webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s;
}

section.topcategory-sec.course-lear-sec {
    padding: 20px 0px 20px;
    background: #FBFCFF;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}

section.master-skill-three.course-feature-heading {
    padding: 20px 0 20px;
    position: relative;
}

.top-category-group.feature-bottom-margin {
    margin-bottom: 5px;
}

h4.mb-3.course-feature-heading {
    line-height: 21px !important;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
}

.learn-course-module {
    width: 25px
}

.skils-icon-item.course-skill-feature {
    border: 1px solid #e7f1f7 !important;
    text-align: center;
    cursor: pointer;
    transition: .8s ease;
    box-shadow: 1px 1px 10px rgb(52 152 219 / 15%);
    padding: 5px;
    min-height: 146px;
}

h3.course-feature-heading-margin {
    margin-bottom: 20px;
}


/* what will learn css end*/

.photo-border-radius {
    border-radius: 5px;
}

p.course-cover {
    font-size: 12px !important;
    font-weight: 600;
}

.topcategory-sec.course-cover-sec {
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #d2d2dc;
    border-radius: 11px;
    -webkit-box-shadow: 0px 0px 5px 0px rgb(249, 249, 250);
    -moz-box-shadow: 0px 0px 5px 0px rgba(212, 182, 212, 1);
    box-shadow: 0px 0px 5px 0px rgb(161, 163, 164);
}

h3.course-cover {
    font-size: 16px !important;
}

.topcategory-sec {
    padding: 0px 0px 0px !important;
}

.course-cover-custom-margin {
    margin-bottom: 0px !important;
}

h5.instructor-title-heading {
    text-transform: capitalize;
}

.faq-custom-title {
    color: #3c3128 !important;
    opacity: 15 !important;
    text-align: justify !important;
}

.student-video-widget-border {
    border: none;
}

.student-video-widget-border {
    border: none;
}

@media (min-width: 992px) {
    .modal-lg,
    .modal-xl {
        max-width: 720px;
    }
}

.lesson-video-border {
    padding: 0px;
    border-radius: 0px;
    background: #fff0;
}

.modal-video-content {
    background-color: #fff0;
}

.popup-video-close {
    height: 0px;
}

.popup-video-close button {
    background: red;
    position: absolute;
    right: -18px;
    top: -12px;
    float: right;
    border: 0px solid #fff !important;
    color: #fff !important;
    width: 35px !important;
    border-radius: 50% !important;
    height: 35px !important;
    font-size: 20px !important;
    font-weight: 600;
}

@media (min-width: 320px) and (max-width: 480px) {
    .video-modal-mobile-view {
        top: 20%;
    }
    .popup-video-close button {
        background: red;
        position: absolute;
        right: -3px;
        top: -8px;
        float: right;
        border: 0px solid #fff !important;
        color: #fff !important;
        width: 35px !important;
        border-radius: 50% !important;
        height: 35px !important;
        font-size: 20px !important;
        font-weight: 600;
    }
}

.batch-card-details-page {
    padding: .1rem 0.2rem !important;
    background: #FFFEF6;
    box-shadow: none;
    border: 1px dashed;
}