.educator-banner {
    background: url('https://pub.oasisuni.com/img/Portal/educator_banner.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 80vh;
}

    .educator-banner .kt-container,
    .educator-banner .row {
        height: 100%;
    }

    .educator-banner .row {
        color: #FFF;
        justify-content: center;
        align-items: center;
    }

input, select {
    width: 100%;
    padding: 10px 20px;
    border: 1px solid #B4B4B4;
    /* border-top-left-radius: 50px;
    border-bottom-left-radius: 50px; */

    height: 43px;
    max-height: 43px;
    color: #707070;
    background: transparent;
}

select {
    text-align-last: center;
}

.video-title {
    /*line-height: 60px;*/
    margin: 50px 0 40px 0;
}

    .video-title div:nth-child(2) {
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: #325D79;
    }

.video-descriptionHover {
    margin-top: -8px;
    cursor: pointer;
}

    .video-descriptionHover:hover {
        color: #F16728 !important;
    }

.video-price {
    color: #FFF;
    background: linear-gradient(to bottom, #F16728 50%, rgba(46, 46, 46, .9) 50%) top;
    background-size: 100% 200%;
    cursor: pointer;
    transition: .2s ease-out;
    height: 64px;
    max-height: 64px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .video-price:hover {
        background-position: bottom;
    }

    .video-price div:nth-child(2) {
        margin-top: -10px;
    }

.slick-what-lecturer-said.inner {
    background: url('https://pub.oasisuni.com/img/Portal/what-lecturer-our-said-bg.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 73px 40px;
    position: relative;
    overflow: hidden;
    line-height: 18px;
    color: #2E2E2E;
}

.navBar-dashboad {
    color: #2E2E2E;
    /* z-index: 4; */
}

    .colorTab,
    .navBar-dashboad.scroll {
        color: #FFF;
    }

.adjustSize.scroll,
.profileIcon.scroll {
    filter: brightness(0) invert(1);
}

.navBar-dashboad.clickMyVideo {
    overflow-y: scroll;
    color: #FFF;
}

.navBar-dashboad.scroll {
    height: auto;
    overflow-y: hidden;
    position: fixed;
    padding: 16px 0;
    background: rgba(37, 69, 90, .9);
}

.profileIcon.clickMyVideo,
.adjustSize.clickMyVideo {
    filter: brightness(0) invert(1);
}

.addNewVideoBtn {
    background: transparent;
    border: 2px solid #2E2E2E;
    color: #2E2E2E !important;
    padding: 10px 20px !important;
    cursor: pointer;
    transition: all .3s ease;
}

    .addNewVideoBtn:hover {
        color: #FFF !important;
        background: #2E2E2E;
    }

.smallTagging {
    color: #FFF;
    float: left;
    font-style: italic;
    padding: 5px 13px;
    border-radius: 5px;
}

.lightRed {
    background: #EF5454;
}

.lightYellow {
    background: #EFB354;
}

.lightGreen {
    background: #00E67C;
}

.lightPurple {
    background: #AF73EA;
}

.lightBlue1 {
    background: #6CCEDB;
}

.lightBlue {
    background: #6C97DB;
}


/* ADDED ON 30/04/2021 */
.eductaorTable {
    width: 100%;
    color: #2E2E2E;
}

    .eductaorTable tr td {
        padding: 20px 0;
        border-bottom: 1px solid #B4B4B4;
    }

    .eductaorTable tr:nth-child(1) td {
        font-size: 14px;
        font-family: "Avenir Heavy";
        border-bottom: none;
        color: #707070;
    }

    .eductaorTable tr:nth-child(1) {
        background: #F2F2F2;
    }

        .eductaorTable tr:nth-child(1) td:nth-child(4) {
            padding-left: 0;
        }

    .eductaorTable tr td:first-child {
        width: 43%;
        padding-left: 135px;
    }

    .eductaorTable tr td:nth-child(2) {
        width: 13%;
    }

    .eductaorTable tr td:nth-child(3) {
        width: 14%;
    }

    .eductaorTable tr td:nth-child(4) {
        padding-left: 13px;
        width: 8%;
    }

    .eductaorTable tr td:last-child {
        justify-content: right;
        width: 26%;
        padding-right: 135px;
    }

.video-listingEdit:hover {
    color: #00A7FF;
}

.video-listingRemove:hover {
    color: #EF5454;
}

.editVideoSection {
    background: #F7F7F7;
    padding-bottom: 80px;
}

.stepContainer {
    display: flex;
    justify-content: space-between;
    position: relative;
}

    .stepContainer::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 0;
        transform: translate(0, -50%);
        width: 100%;
        height: 3px;
        background: #B4B4B4;
        z-index: 1;
        transition: all .4s ease;
    }

    .stepContainer.firstPercentage::after {
        width: 33.33%;
    }

    .stepContainer.secondPercentage::after {
        width: 66.66%;
    }

    .stepContainer.thirdPercentage::after {
        width: 100%;
    }

    .stepContainer::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 0;
        transform: translate(0, -50%);
        width: 0;
        height: 3px;
        background: #00A7FF;
        z-index: 2;
        transition: all .4s ease;
    }

.cicrle {
    position: relative;
    background: #B4B4B4;
    width: 20px;
    height: 20px;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 3;
}

.step {
    position: absolute;
    width: 50px;
    top: -140%;
    left: -40%;
    color: #B4B4B4;
    font-size: 14px;
    text-transform: uppercase;
    font-family: "Avenir Heavy";
    transition: all .2s ease;
}

.cicrle.active .step {
    color: #00A7FF;
}

.editVideo-Container {
    position: relative;
    overflow: hidden;
    padding: 80px 0 40px 0;
}

.editVideo-formInner {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 80px;
}

.cicrle.active {
    background: #00A7FF
}

.hide {
    opacity: 0;
    visibility: hidden;
    display: none;
}

.show {
    opacity: 1;
    visibility: visible;
    display: block;
}

.hideBtn {
    display: none;
}

.showBtn {
    display: block;
}

.videoListing-pagination {
    margin-top: 50px;
}

.square {
    cursor: pointer;
    margin: 0 5px;
    color: #707070;
    width: 30px;
    height: 30px;
    text-align: center;
    background: transparent;
    border: 1px solid #B4B4B4;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .2s ease;
}

    .square.active {
        background: #B4B4B4;
        color: #FFF;
    }

    .square:hover {
        background: #B4B4B4;
        color: #FFF;
    }

.footer {
    margin-top: 0;
}

.formInnerContainer {
    background: #FFF;
    padding: 80px 40px 80px 40px;
    box-shadow: -1px 3px 8px 0px rgba(0,0,0,0.2);
    -webkit-box-shadow: -1px 3px 8px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: -1px 3px 8px 0px rgba(0,0,0,0.2);
}

.editVideo-form label {
    font-size: 20px;
}

.editVideo-form .form-group {
    margin-bottom: 2.3rem;
}

.editVideo-form input:hover,
.editVideo-form input:focus,
.editVideo-form textarea:hover,
.editVideo-form textarea:focus,
.editVideo-form select:hover,
.editVideo-form select:focus {
    border: none !important;
    outline: none;
    box-shadow: none;
    border-color: transparent;
    background: #F7F7F7;
}

.editVideo-form input,
.editVideo-form textarea {
    border: none !important;
    border-color: transparent;
    background: #F7F7F7;
    padding: 26px 20px;
    border-radius: 0;
    color: #000000;
}

.editVideo-form select {
    border: none !important;
    border-color: transparent;
    background: #F7F7F7;
    border-radius: 0;
    color: #707070;
    font-size: 14px;
    font-family: "Avenir Light";
    height: 54px;
    max-height: 54px;
}

.editVideo-form textarea {
    padding: 16px 20px;
}

.switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 28px;
    margin-right: 40px;
    margin-bottom: 20px;
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #EFEFEF;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 20px;
        width: 20px;
        left: 4px;
        bottom: 4px;
        background-color: #FFF;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #EFEFEF;
}

input:focus + .slider {
    box-shadow: 0 0 1px #EFEFEF;
}

input:checked + .slider:before {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
    background-color: #00A7FF;
    color: #FFF;
    content: url("https://pub.oasisuni.com/img/Portal/tick-icon.svg");
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 6px;
    left: -1px;
}
/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }

.adjustPosition {
    position: relative;
    top: 3px;
    margin-right: 10px;
}

.marginBotttom01 {
    margin-bottom: 26px;
}

.arrowIcon {
    position: absolute;
    top: 13px;
    right: 18px;
    cursor: pointer;
}

.radioText {
    position: relative;
    left: 38px;
    margin-right: 100px;
}

.addTop {
    top: 3px;
}

.removeDefaultRadio {
    position: relative;
    margin-bottom: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .removeDefaultRadio input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

.checkmark {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    height: 26px;
    width: 27px;
    background-color: #EFEFEF;
    border-radius: 50%;
}

.removeDefaultRadio input:checked ~ .checkmark:after {
    background-color: #00A7FF;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: block;
}

.removeDefaultRadio .checkmark:after {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #FFF;
}

label {
    margin-bottom: 0;
}

.formBtn div {
    width: 50% !important;
    margin-right: 18px;
}

.formBtn {
    margin-top: 0;
}

#submit {
    background: linear-gradient(to left, #00E67C 50%, #335D7A 50%) right;
    background-size: 200%;
}

    #submit:hover {
        background-position: left;
    }

.uploadFile-container {
    background: #F7F7F7;
    color: #707070;
    padding: 20px 40px;
    display: flex;
    justify-content: space-between;
    position: relative;
    margin-top: 10px;
}

.uploadFileInner {
    position: absolute;
    bottom: 14%;
}

.uploadBtn {
    cursor: pointer;
    background: #00A7FF;
    color: #FFF;
    border-radius: 50px;
    padding: 8px 60px;
    text-align: center;
}

input.datepicker:hover,
input.datepicker:focus {
    border: 1px solid #E5E5E5 !important;
    background: transparent;
}

input.datepicker {
    border: 1px solid #E5E5E5 !important;
    background: transparent;
    padding: 26px 20px;
    border-radius: 0;
    color: #707070;
    font-size: 14px;
    font-family: "Avenir Light";
}

.datepickerIcon {
    position: absolute;
    top: 0;
    right: 0;
}

.reviewContainer {
    color: #2E2E2E;
}

.review-divider {
    width: 100%;
    height: 1px;
    background: #E5E5E5;
    margin: 40px 0 50px 0;
}

.halfOpacity {
    opacity: .5;
}

.uploadFile-container img {
    width: 100%;
}

.setWidth02 {
    width: 100px;
    max-width: 100px;
    text-align: center;
}

/* ADDED ON  */
.width60 {
    width: 60%;
}

.inner-listingTable {
    width: 100%;
    color: #2E2E2E;
    margin-bottom: 50px;
}

    .inner-listingTable tr td {
        padding: 20px;
        border-bottom: 1px solid #FFF;
    }

    .inner-listingTable tr:nth-child(1) td {
        font-size: 14px;
        font-family: "Avenir Heavy";
        border-bottom: none;
        color: #66666;
    }

    .inner-listingTable tr:nth-child(1) {
        background: #FFF;
    }

.modal-content {
    background: transparent;
    border: none;
    border-radius: 0;
}

.modal-body {
    border: none;
    background: #FFF;
    padding: 40px 0;
}

.fa-exclamation-triangle {
    font-size: 100px;
    color: #ffcc00;
}

.modal-header .close {
    padding: 0;
    opacity: 1;
}

.close span {
    color: #FFF;
}

.modal {
    background: rgba(0, 0, 0, .6);
}

button:hover,
button:focus {
    outline: none;
    box-shadow: none;
}

.innerDivider {
    width: 100%;
    height: 1px;
    background: #E5E5E5;
    margin: 50px 0;
}

.displayRecord {
    height: auto;
    max-height: auto;
    padding: 5px 10px;
}

.listingPagination {
    color: #707070;
    margin-top: 20px;
    margin-bottom: 10px;
}

.input-paginationNumber {
    padding: 0 5px;
    width: 26px;
    height: 26px;
    margin-right: 10px;
    border-radius: 0;
}

.fa-angle-double-left,
.fa-angle-double-right,
.fa-angle-right,
.fa-angle-left {
    font-size: 20px;
    cursor: pointer;
}

.fa-angle-double-left {
    margin-left: 30px;
    margin-right: 20px;
}

.fa-angle-right {
    margin: 0 20px;
}

.fa-angle-left {
    margin-right: 20px;
}

input:focus {
    border: 1px solid #ced4da !important;
    outline: none !important;
    box-shadow: none !important;
}

.inner-gridListing {
    display: grid;
    grid-template-columns: auto auto auto;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    margin-top: 23px;
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 720px;
        margin: 1.75rem auto;
    }
}

/* EDIT PROFILE */
.profileContainer {
    display: flex;
    justify-content: space-between;
}

.profileWidth01 {
    width: 18%;
    padding-top: 43px;
    padding-left: 30px;
    background: #FFF;
    box-shadow: 0px 2px 5px -1px rgba(0,0,0,0.19);
    -webkit-box-shadow: 0px 2px 5px -1px rgba(0,0,0,0.19);
    -moz-box-shadow: 0px 2px 5px -1px rgba(0,0,0,0.19);
    transition: all .4s ease;
}

.profileWidth02 {
    width: 82%;
    position: relative;
    overflow: hidden;
    background: #F4F0EC;
    transition: all .4s ease;
}

.profile-imgInner {
    width: auto;
    margin-bottom: 40px;
}

.positionFixed {
    position: sticky;
    top: 100px;
    padding-bottom: 13px;
}

.profile-item {
    color: #707070;
    font-size: 20px;
    margin-bottom: 30px;
    padding: 3px 0;
    position: relative;
    cursor: pointer;
}

    .profile-item::before {
        content: "";
        position: absolute;
        top: -10px;
        right: 0;
        width: 8px;
        height: 100%;
        background: #F16728;
        opacity: 0;
        transition: all .4s ease;
    }

    .profile-item:hover {
        color: #F16728;
        font-family: "Avenir Heavy";
    }

        .profile-item:hover::before {
            opacity: 1;
            top: 0;
        }

    .profile-item.active {
        color: #F16728;
        font-family: "Avenir Heavy";
    }

        .profile-item.active::before {
            top: 0;
            opacity: 1;
        }

.mobileArrow {
    color: #707070;
    font-size: 20px;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #FFF;
    margin-bottom: 30px;
    display: none;
}

    .mobileArrow #profileSide {
        transition: all .4s ease;
    }

.profile-formContainer {
    padding: 23px 30px;
    position: relative;
    width: 100%;
    transition: all .4s ease;
}

.profile-innerTab {
    justify-content: space-between;
    border: none;
}

    .profile-innerTab li {
        width: 24.5%;
        text-align: center;
    }

        .profile-innerTab li a {
            display: block;
            background: #E5E5E5;
            color: #707070;
            padding: 16px 0;
            transition: all .2s ease;
        }

            .profile-innerTab li a:hover {
                background: #00A7FF;
                color: #FFF;
                font-family: "Avenir Heavy";
            }

            .profile-innerTab li a.active {
                background: #00A7FF;
                color: #FFF;
                font-family: "Avenir Heavy";
            }

.profile-TabContent {
    margin-top: 50px;
}

.profile-saveBtn {
    width: 87px;
    max-width: 87px;
    line-height: 20px;
}

.profile-form label {
    font-size: 20px;
}

.profile-form .form-group {
    margin-bottom: 2.3rem;
}

.profile-form input:hover,
.profile-form input:focus,
.profile-form textarea:hover,
.profile-form textarea:focus,
.profile-form select:hover,
.profile-form select:focus {
    border: none !important;
    outline: none;
    box-shadow: none;
    border-color: transparent;
    background: #FFF;
}

.profile-form input,
.profile-form textarea {
    border: none !important;
    border-color: transparent;
    background: #FFF;
    padding: 26px 20px;
    border-radius: 0;
    color: #707070;
    font-size: 14px;
    font-family: "Avenir Light";
    margin-top: 8px;
}

.profile-form select {
    border: none !important;
    border-color: transparent;
    background-color: #FFF !important;
    border-radius: 0;
    color: #707070;
    font-size: 14px;
    font-family: "Avenir Light";
    height: 54px;
    max-height: 54px;
    margin-top: 8px;
}

.profile-form textarea {
    padding: 16px 20px;
}

.profile-underline {
    width: 100%;
    height: 1px;
    background: #707070;
    margin: 10px 0 43px 0;
}

.profile-changeBtn {
    cursor: pointer;
    background: #00A7FF;
    color: #FFF;
    border-radius: 50px;
    padding: 8px 50px;
    align-items: center;
    display: flex;
    align-items: center;
    width: 143px;
    max-width: 143px;
    transition: all .2s ease;
    margin: 0 10px;
}

    .profile-changeBtn:hover {
        background: #0081c7;
        color: #FFF;
    }

.profile-saveBtn.qualification {
    width: 170px;
    max-width: 170px;
    text-transform: uppercase;
}

.profile-listingTable {
    width: 100%;
    margin: 30px 0;
}

    .profile-listingTable tr td {
        border-bottom: 1px solid #707070;
        font-family: "Avenir Medium";
        font-size: 14px;
        color: #707070;
        text-align: center;
        padding: 16px 16px;
        vertical-align: middle;
        line-height: 20px;
        white-space: nowrap;
    }

    .profile-listingTable tr:nth-child(1) td {
        font-family: "Avenir Heavy";
        font-size: 14px;
        color: #2E2E2E;
        text-align: center;
        vertical-align: top;
    }

        .profile-listingTable tr:nth-child(1) td:nth-child(1) {
            text-align: left;
        }

    .profile-listingTable tr td:nth-child(1) {
        text-align: center;
        width: 8%;
        padding: 16px 16px 16px 0;
    }

.profile-form.modalForm {
    margin-top: 16px;
}

    .profile-form.modalForm label {
        font-size: 20px;
    }

    .profile-form.modalForm .form-group {
        margin-bottom: 2.3rem;
    }

    .profile-form.modalForm input:hover,
    .profile-form.modalForm input:focus,
    .profile-form.modalForm textarea:hover,
    .profile-form.modalForm textarea:focus,
    .profile-form.modalForm select:hover,
    .profile-form.modalForm select:focus {
        border: none !important;
        outline: none;
        box-shadow: none;
        border-color: transparent;
        background: #F7F7F7;
    }

    .profile-form.modalForm input,
    .profile-form.modalForm textarea {
        border: none !important;
        border-color: transparent;
        background-color: #F7F7F7;
        padding: 26px 20px;
        border-radius: 0;
        color: #707070;
        font-size: 14px;
        font-family: "Avenir Light";
        margin-top: 8px;
    }

    .profile-form.modalForm select {
        border: none !important;
        border-color: transparent;
        background-color: #F7F7F7 !important;
        border-radius: 0;
        color: #707070;
        font-size: 14px;
        font-family: "Avenir Light";
        height: 54px;
        max-height: 54px;
        margin-top: 8px;
    }

    .profile-form.modalForm textarea {
        padding: 16px 20px;
    }

.profile-form .arrowIcon {
    top: 23px;
}

.profile-saveBtn.working {
    width: 216px;
    max-width: 216px;
    text-transform: uppercase;
}

.workingMargin {
    margin-top: 40px;
}

.modal-open .modal {
    padding-right: 0 !important;
}
/* .profile-listingTable.payout tr:nth-child(1) td:nth-child(1)
{
    width: auto;
    text-align: center;
} */
.profile-listingTable.payout tr td:nth-child(1) {
    text-align: center;
    padding: 16px 16px;
}

.profile-listingTable.payout tr:nth-child(1) td {
    width: 25%;
}

.profile-listingTable.membership tr td:nth-child(1) {
    text-align: center;
    padding: 16px 16px;
    width: 20%;
}

.profile-listingTable.membership tr:nth-child(1) td {
    width: 25%;
}

.profile-listingTable.membership tr td:nth-child(4) {
    cursor: pointer;
}

.payoutPagination select {
    background: #FFF;
    color: #495057;
}

.membershipContent {
    margin-top: 8vh;
}

    .membershipContent .profile-underline:nth-child(1) {
        margin-bottom: 23px;
    }

    .membershipContent .profile-underline {
        margin: 23px 0;
    }

.membershipContent-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #2E2E2E;
}

.membershipContent .profile-changeBtn {
    width: 152px;
    max-width: 152px;
    padding: 8px 30px;
    display: flex;
    justify-content: center;
}

.checkboxTitle {
    margin-right: 10px;
}

.topic-videoTable tr td:nth-child(1) img {
    width: 160px;
}

.editTopicBtn.formBtn button {
    width: 100%;
    padding: 6px 20px;
    /* height: 36px;
    max-height: 36px; */
}

.editTopicBtn.formBtn a {
    margin-left: 20px;
    margin-right: 0;
}


.newSaveBtn {
    float: right;
}

.membershipModalContainer .custom-checkBox input,
.membershipModalContainer .custom-checkBox .checkmarkBox {
    left: 15px;
    width: 20px;
    height: 20px;
}

.membershipModalTitle {
    margin-left: 30px;
    position: relative;
    top: 2.5px;
}

.membershipModalContainer .custom-checkBox .checkmarkBox:after {
    left: 6px;
    top: 3px;
}

.membershipModalContainer table tr:nth-child(1) {
    background: #F2F2F2;
}

    .membershipModalContainer table tr:nth-child(1) td {
        border-bottom: none;
    }

.font26 {
    font-size: 26px;
}

.changeTabTitle {
    line-height: 30px;
}

.toggleArrow.arrowUp {
    transform: rotate(180deg);
    transform-origin: center;
    position: relative;
    top: 1px;
}


@media (min-width: 1820px) {
    div.profileWidth01 {
        width: 20% !important;
    }

    div.profileWidth02 {
        width: 80% !important;
    }
}

@media (min-width: 1640px) {
    div.profileWidth01 {
        width: 20%;
    }

    div.profileWidth02 {
        width: 80%;
    }
}

@media (min-width: 1440px) {
    .profileWidth01 {
        width: 23%;
    }

    .profileWidth02 {
        width: 77%;
    }

    .educator-banner {
        height: 684px;
        max-height: 684px;
    }
}

@media (max-width: 1024px) {
    .eductaorTable tr td:first-child {
        width: 38%;
    }

    .eductaorTable tr td:nth-child(2) {
        width: 18%;
        padding-left: 26px;
    }

    .profileWidth01 {
        width: 35%;
    }

    .profileWidth02 {
        width: 65%;
    }

    .profile-innerTab li {
        width: 49.5%;
        margin-bottom: 10px;
    }

    .profile-TabContent {
        margin-top: 80px;
    }

    .profile-saveBtn.qualification,
    .profile-saveBtn.working {
        display: flex;
        align-items: center;
    }

    .displayBlock.payoutPagination {
        display: block !important;
    }

    .payoutPagination-margin {
        margin-top: 36px;
    }
}

@media (max-width: 1023px) and (min-width: 768px) {
    table.eductaorTable tr td:first-child {
        padding-left: 50px;
    }

    table.eductaorTable tr td:last-child {
        padding-right: 50px;
    }

    table.eductaorTable tr td:first-child {
        width: 39%;
    }

    table.eductaorTable tr td:nth-child(2) {
        width: 17%;
        padding-left: 0;
    }

    .addNewVideoBtn {
        margin-top: 10px;
        width: 185px;
        max-width: 185px;
    }

    .profileWidth01 {
        padding-left: 50px;
        width: 40%;
    }

    .profile-formContainer {
        padding: 40px 50px;
    }

    .removePadding {
        padding: 0 15px;
    }

    .autoWidth {
        width: auto;
        max-width: min-content;
    }
}

@media (max-width: 767px) {
    .editTopicBtn.formBtn button:nth-child(1) {
        margin: 0 !important
    }

    .justifyContentStart {
        justify-content: start !important;
    }

    .changeTabTitle {
        margin-bottom: 20px;
    }

    .profile-changeBtn {
        margin-bottom: 10px;
    }

    .newSaveBtn {
        float: left;
    }

    .editTopicBtn.formBtn button {
        margin: 10px 0 0 0 !important;
    }

    .showFilterTag {
        margin-top: -15px;
    }

    input:checked + .slider:before {
        left: 5px;
    }

    .educator-marginTop01 {
        margin-top: 60px;
    }

    .inner-gridListing {
        grid-template-columns: auto;
    }

    .addNewVideoBtn.btnWidth02 {
        width: 160px;
        max-width: 160px;
        margin-bottom: 40px;
    }

    .addNewVideoBtn.btnWidth01 {
        width: 158px;
        max-width: 158px;
        margin-bottom: 20px;
    }

    .addNewVideoBtn.btnWidth02 {
        width: 192px;
        max-width: 192px;
        margin-bottom: 20px;
    }

    .video-title div:nth-child(2) {
        display: block !important;
    }

    .addNewVideoBtn {
        margin-top: 10px;
        width: 185px;
        max-width: 185px;
    }

    .table-responsive .eductaorTable tr td:first-child {
        padding-left: 20px;
    }

    .table-responsive .eductaorTable tr td:last-child {
        padding-right: 20px;
    }

    .table-responsive .eductaorTable tr td {
        padding: 20px;
    }

    .videoListing-mobile {
        flex-wrap: wrap;
    }

        .videoListing-mobile img {
            width: 100% !important;
        }

        .videoListing-mobile div {
            margin-left: 0 !important;
            margin-top: 10px;
            line-height: 17px;
        }

    .setWidth01 {
        width: 160px;
        max-width: 160px;
    }

    .setWidth03 {
        width: 86px;
        max-width: 86px;
    }

    .setWidth04 {
        width: 40px;
    }

    .table-responsive .eductaorTable tr td:nth-child(4) {
        padding: 20px 20px 20px 50px;
    }

    .table-responsive .eductaorTable tr:nth-child(1) td:nth-child(4) {
        padding: 20px 20px 20px 40px;
    }

    .formBtn div {
        width: 100%;
        margin-right: 0;
    }

    .swicthBlock {
        display: block !important;
    }

    .uploadFile-container {
        padding: 20px;
    }

    .uploadFileInner {
        position: relative;
        bottom: 0;
        margin: 30px 0;
    }

    .uploadFile-container {
        display: block;
    }

    .width100 {
        width: 100% !important;
    }

        .width100:nth-child(1) {
            margin-bottom: 10px;
        }

    .videoButton div:nth-child(3),
    .videoButton div:nth-child(2) {
        margin: 20px 0 0 0;
    }

    #inner-resource {
        margin-top: 6px;
        width: 160px;
        max-width: 160px;
    }

    .membershipContent-item {
        display: block !important;
    }

    .mobileMargin01 {
        margin-top: 8px;
    }

    .autoWidth {
        width: auto;
        max-width: min-content;
    }

    .profile-itemContainer {
        opacity: 0;
        visibility: hidden;
    }

    .profile-imgInner {
        width: 50%;
        margin-bottom: 30px;
    }

    .profileWidth01 {
        padding-left: 20px;
        width: 16%;
    }

    .profile-formContainer {
        padding: 40px 20px;
    }

    .profileWidth02 {
        width: 84%;
    }

    .profileWidth01.open {
        width: 73%;
    }

    .profileWidth02.open {
        width: 27%;
    }

    .profile-formContainer.open {
        width: 320%
    }

    .profile-itemContainer.open {
        transition-delay: .2s;
        opacity: 1;
        visibility: visible;
    }

    .mobileArrow {
        display: block;
    }

    #profileSide.open {
        transform: rotate(-180deg);
    }

    .profile-innerTab li {
        width: 100%;
    }

    .editTopicBtn.formBtn a {
        width: 100%;
        margin-left: 0;
        margin-top: 10px;
    }
    /* .editTopicBtn.formBtn a:nth-child(1)
    {
        margin-right: 20px;
    } */

}

/*added 25/10/21 */
.colorBtn {
    padding: 10px 50px;
    color: white;
    background: #325D79;
    border-radius: 50px;
}

.subsribeBtn {
    background: #fff;
    color: coral;
}

.colorBtn:hover {
    color: white;
}

.subsribeBtn:hover {
    color: coral;
}

#myTab {
    justify-content: center;
}

.nav-tabs {
    border: none;
}

    .nav-tabs .nav-item {
        border-bottom: 1px solid #dee2e6;
        color: #dee2e6;
    }

    .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
        border-color: transparent;
    }

    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
        border-color: #fff #fff black;
        color: black;
    }

.subcribeBg {
    background-color: coral;
    color: white;
}

.footer {
    margin-top: 0px;
}

.lecturer-title {
    color: inherit;
}

.subject-underline {
    width: 100%;
    height: 1px;
    background: #707070;
    margin: 60px 0 50px 0;
}