/*!
 * Athena style: Custome.css 
 * Created by : Pradeep Kumar s
 */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700&family=Montserrat:wght@100;200;300;400;500;600;700;800;900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
a {
    text-decoration: none !important;
    color: #212529;
}

body {
    font-family: 'Inter', sans-serif !important;
}


    a:hover {
        text-decoration: none;
    }
.footerbackground {
    position: fixed;
    background: #fff !important;
    bottom: 0px !important;
    z-index: 9999 !important;
}
.footer-address p{margin-bottom:0px!important}
.stu-pro a {
    color: rgba(0, 0, 0, 0.5);
    font-size: 13px;
    text-transform: uppercase;
}

.hding-pink-border {
    border-bottom: 4px solid #283a83;
    padding-bottom: 5px;
    display: inline-block;
}

.hding-border-hr {
    position: relative;
    width: 100%;
    margin: -2px 0 0 0;
    height: 10px;
}

.modal {
    position: fixed;
    top: 111px;
    left: 24%;
    right: 24%;
    z-index: 1050;
    display: none;
    width: 50%;
    height: auto;
    box-shadow: 0 0 28px #999;
    overflow: hidden;
    outline: 0;
    border-radius: 5px;
    background: #fff;
}



.h-100x-br-btm {
    height: 100px;
    border-bottom: 1px solid #eee;
}

.btn-to-link {
    background: no-repeat;
    border: none;
}

.maincolor {
    color: rgba(145,39,143,255);
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    border: 1px solid #ced4da;
    -webkit-text-fill-color: #182b4f;
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
    transition: background-color 5000s ease-in-out 0s;
}


/* width */
/*::-webkit-scrollbar {
    width: 5px;
}*/

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 3px;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

.top-trans-gradi {
    background: linear-gradient(to top, rgba(255, 255, 255, 1) 28%, rgba(255, 255, 255, 0) 100%, rgba(134, 19, 149, 0) 0%);
    border: none;
    width: 100%;
    position: relative;
    padding: 15px 0 10px;
    top: -11px;
    font-weight: bold;
    color: #283a83;
    outline: none !important;
}

.dropdown-user {
    left: -77px;
}

.pink-btm-br {
    border-bottom: 4px solid #f00297;
    padding-bottom: 5px;
}

.w-8 {
    width: 8% !important;
}

.w-10 {
    width: 10% !important;
}

.w-15 {
    width: 15% !important;
}

.w-20 {
    width: 20% !important;
}

.w-83 {
    width: 83% !important;
}

.h-90-px {
    height: 90px !important;
}

.shadow-bottom {
    box-shadow: 0px 3px 1px #eee;
}

.shadow-light-spred {
    box-shadow: 0px 3px 4px #ddd;
}

p.lin-heit {
    line-height: 25px;
    margin: 0;
}

span.plus-icon {
    font-size: 46px;
    margin-top: 5px;
    position: relative;
    line-height: 27px;
    color: #999;
    float: right;
}

.passed {
    color: #00aa0d;
    font-size: 21px;
}

.dash-course-enrolled {
    border-left: 2px solid #f00297;
    padding-left: 7px;
}

.btn-yellow-gradient {
    background: linear-gradient(#fee000, #fcb400);
    border-radius: 45px 0 0 45px;
    padding: 17px 110px 17px 20px;
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.22);
    color: #000;
    font-size: 14px;
    margin-right: -68px;
    font-weight: 600;
}

    .btn-yellow-gradient:hover {
        color: #000;
        text-decoration: none;
    }

.btn-purple-gradient {
    background: linear-gradient(#5c1a88, #300051);
    border-radius: 45px 0 0 45px;
    padding: 9px;
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.22);
    color: #fff;
    font-size: 14px;
    margin-left: 0px;
    font-weight: 600;
}

    .btn-purple-gradient:hover {
        color: #fff;
    }

hr.btn-mid-line {
    color: #fff;
    background: #666;
    width: 25px;
    top: -2px;
    right: 33px;
    position: absolute;
}

.univ-br-mid {
    background: #fff;
    height: 78px;
    position: absolute;
    width: 1px;
    bottom: 19px;
    left: 347px;
}

img.gotolearn-ico {
    margin-right: -20px;
    z-index: 2;
    position: absolute;
    right: 20px;
    pointer-events: none;
}

.navbar-nav .nav-link {
    font-size: 13px;
    padding: 9px 14px !important;
    font-weight: bold;
}

.border-left {
    border-left: 1px solid #dee2e6 !important;
}

.border-right {
    border-right: 1px solid #dee2e6 !important;
}

.main-logo {
    width: 150px;
    outline: none;
    padding: 0!important;
    border: 0!important;
}

.bg-pink {
    background-color: #283a83;
    color: #fff;
}
.f16 {font-size:15px}

.hding-big {
    font-weight: bold;
    color: #fff;
}
.levels {
    color: #283a83!important;
}

.color-pink {
    color: #283a83;
}

.color-pink-light {
    color: #ff026f;
}

.color-red {
    color: #f00;
}

.color-gray {
    color: #737373;
}

.color-vilot {
    color: #5b008b;
}

.color-blue {
    color: #007bff;
}

.color-green {
    color: green;
}

.drop-application {
    width: 204px;
    padding: 0px 10px 0;
    position: absolute !important;
    left: auto;
    top: 46px;
}




    .drop-application a {
        display: block;
        padding: 6px 0;
        color: #666;
        border-bottom: 1px solid #eee;
    }

@media (max-width: 765px) {
    .drop-application {
        padding: 0px 10px 0 !important;
        left: auto !important;
        top:26px;
    }
}



    .tab-onlineclass img {
        width: 30px;
        height: 32px;
        opacity: .4;
    }

    .tab-onlineclass .active img {
        opacity: 1;
    }



    img.img-flag {
        width: 20px;
    }

    img.img-linkdin {
        width: 17px;
        margin-left: 10px;
    }

    .theme-gradi .border-bottom {
        border-bottom: 1px solid rgba(0, 0, 0, .2) !important;
    }

    .theme-gradi .border-right {
        border-right: 1px solid rgba(0, 0, 0, .2) !important;
    }

    .border-yellow {
        border: 1px solid #fcb300 !important;
    }

    .svg-color-purple {
        filter: invert(0.8) sepia(2) saturate(174) hue-rotate(283deg);
    }


    .opacity-05 {
        opacity: .5;
    }



    .form-control:disabled, .form-control[readonly] {
        background-color: #fff !important;
        opacity: 1;
    }


    .hding-medium {
        font-weight: 800;
        color: #300052;
        font-size: 24px;
    }

    .height-113 {
        height: 113px;
    }

    .font-11 {
        font-size: 11px;
    }

    .font-12 {
        font-size: 12px !important;
    }

    .font-14 {
        font-size: 14px !important;
    }

    .font-18 {
        font-size: 18px !important;
    }

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

    .font-24 {
        font-size: 24px !important;
    }

    .height-662 {
        height: 662px;
    }

    .btn-yellow-medium {
        background: linear-gradient(#fee000, #fcb400);
        border-radius: 45px;
        padding: 6px 8px;
        box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.22);
        color: #000;
        text-align: center;
        font-size: 14px;
        display: block;
        width: 112px;
    }

    .btn-purple-medium {
        background: linear-gradient(#5c1a88, #300051);
        border-radius: 45px;
        padding: 6px 8px;
        box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.22);
        color: #fff;
        text-align: center;
        font-size: 14px;
        display: block;
        width: 112px;
        cursor: pointer;
    }

        .btn-purple-medium:hover {
            color: #fff !important;
        }

.btn-theme-medium {
    background: #283a83;
    color: #fff;
    padding: 6px 11px;
    border: none;
    border-radius: 3px;
    display: inline-block;
    color: #fff !important;
    font-size: 14px;
}
.btn-theme-small {
    background-image: linear-gradient(-90deg, #2e449c, #283a83);
    color: #fff;
    padding: 5px;
    border: none;
    border-radius: 3px;
    font-size: 13px !important;
}
.btn-primary {
    color: #fff !important;
    background-color: #2e449c !important;
    border-color: #2e449c !important;
}
.btn-primary:hover {
    color: #fff !important;
    background-color: #2e449c !important;
    border-color: #2e449c !important;
}

.btn-br-small {
    color: #283a83 !important;
    padding: 10px 15px;
    border: none;
    border-radius: 8px;
    border: 2px solid #283a83;
    background: #fff;
    font-size: 14px
}

.btn-br-small-purple {
    color: #283a83 !important;
    padding: 10px 15px;
    border: none;
    border-radius: 3px;
    border: 1px solid #283a83;
    background: #fff;
    font-size: 14px
}

    .btn-br-xsmall-purple {
        color: #310152 !important;
        padding: 6px 10px;
        border: none;
        border-radius: 3px;
        border: 1px solid #4a006c;
        background: #fff;
        font-size: 14px
    }

.btn-small-purple {
    color: #fff !important;
    padding: 10px 15px;
    border: none;
    border-radius: 3px;
    border: 1px solid #2e449c;
    background: #fff;
    font-size: 14px;
    background-image: linear-gradient(-90deg, #2e449c, #2e449c);
}

    .btn-login-br-small {
        color: #330254;
        padding: 10px 15px;
        border: none;
        border-radius: 3px;
        border: 1px solid #330254;
        background: #fff;
        font-size: 14px
    }

    .btn-br-medium {
        color: #330254;
        padding: 10px 25px;
        border: none;
        border-radius: 3px;
        border: 1px solid #330254;
        background: #fff;
        display: inline-block;
    }

    .btn-br-nobg {
        padding: 10px 25px;
        border-radius: 3px;
        background: transparent;
        color: #fff;
        border: 1px solid #fff;
    }

    .bg-athena {
        background-image: url(../Images/athena-bg.jpg);
        background-size: cover;
    }

    .bg-gradient {
        background: linear-gradient(121deg, #762296 1%, rgba(0, 0, 0, 0) 113%);
    }

    .tab-theme-pink .tab {
        padding: 4px 10px 4px 0;
        margin-right: 38px;
    }

        .tab-theme-pink .tab a {
            color: #999;
        }

.tab-theme-pink a.active {
    border-bottom: 3px solid #283a83;
    color: #303030;
    padding-bottom: 5px;
    z-index: 999;
}



    .assingment-video iframe {
        width: 100%;
    }

    .MilestoneMissed {
        height: 35px;
        width: 35px;
        border: 1px solid #ff0000;
        display: block;
        margin: 7px auto;
        border-radius: 50%;
        background-image: url(../Images/icons/alert.svg);
        background-size: 10%;
        background-repeat: no-repeat;
        background-position: center center;
        position: relative;
        background-color: #fff;
    }

.MilestoneCompleted {
    height: 35px;
    width: 35px;
    border: 1px solid #283a83;
    display: block;
    margin: 7px auto;
    border-radius: 50%;
    background-image: url(../Images/icons/sucess.svg);
    background-size: 64%;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    background-color: #fff;
}

.CompletedStatus {
    height: 35px;
    width: 35px;
    border: 1px solid #283a83 !important;
    display: block;
    margin: 7px auto;
    border-radius: 50%;
    background-image: url(../Images/icons/sucess.svg);
    background-size: 64%;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    background-color: #fff;
    padding-top: 30px;
    overflow: hidden;
}

    .OngoingStatus {
        height: 35px;
        width: 35px;
        border: 1px solid #f900c7;
        display: block;
        margin: 7px auto;
        border-radius: 50%;
        font-size: 11px;
        position: relative;
        padding-top: 8px;
        background-color: #fff;
    }

.MilestonePending {
    height: 35px;
    width: 35px;
    border: 1px solid #283a83;
    display: block;
    margin: 7px auto;
    position: relative;
    border-radius: 50%;
    background: #fff;
}

    .hr100 {
        width: 100%;
        position: absolute;
        top: 40px;
    }

.theme-gradi {
    // background-image: linear-gradient(-90deg, #EFEFF1, #efefef);
    background: #0b39f221;
    color: #333;
}

        .theme-gradi .CompletedStatus {
            background-color: transparent;
            border: 1px solid #fff;
        }




.top-tog {
    background: #fff;
    color: #f00096;
    box-shadow: 2px 0px 2px #ddd;
    padding: 14px 6px;
    position: absolute;
    right: 90px;
    top: -24px;
    font-family: 'Inter', sans-serif;
    letter-spacing: -4px;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    z-index: 999;
}

    .tog-btn-wrap {
        height: 0px;
        background: #fff;
        width: 1170px;
        margin: 0 auto;
        position: relative;
    }

    .toggle-btn {
        position: absolute;
        right: -18px;
        z-index: 999;
        top: 85px;
        width: 23px;
        background: #fff;
        border-radius: 0 5px 5px 0;
        box-shadow: 3px 1px 5px #ccc;
        height: 62px;
        padding: 5px;
    }

        .toggle-btn button {
            padding: 14px 0;
            margin: 0;
            color: #f00096;
            letter-spacing: -4px;
            outline: none;
            font-family: 'Inter', sans-serif;
        }

    .btn-abs {
        position: absolute;
        left: 68px;
        bottom: -17px;
        display: none;
        color: #fff;
        text-decoration: none;
    }

        .btn-abs:hover {
            color: #fff;
        }

    .explore-courses:hover .btn-abs {
        display: block;
    }



.get-ready-to-learn-a {
    font-family: 'Inter', sans-serif;
    font-size: 45px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
}

    .login-wrap {
        width: 1059px;
        height: 490px;
        border-radius: 6px;
        box-shadow: 0 2px 11px 0 rgba(0, 0, 0, 0.15);
        background-color: #ffffff;
        margin: 0 auto 45%;
    }

    .login-logo {
        display: table;
    }

        .login-logo a {
            vertical-align: middle;
            display: table-cell;
        }

        .login-logo img {
            display: block;
            height: auto;
            width: 180px;
            margin: 65% auto;
        }

    .login-vline hr {
        width: 1px;
        margin: 0;
        padding: 0;
        background: #eee;
    }

    .login-vline {
        margin: 40px 0;
    }

    .login-form {
        margin: 10% 0;
    }

    .form-group {
        margin-bottom: 42px;
        position: relative;
    }

    .flag-container .country-list .country .country-name {
        position: relative;
        font-size: 12px !important;
        margin-left: 10px;
    }

    .flag-container .country-list .country .dial-code {
        position: relative;
        right: 9px;
        top: 0;
        font-size: 12px !important;
    }

    .form-group span {
        position: absolute;
        right: 9px;
        top: 0;
    }

    .form-control {
        display: block;
        width: 100%;
        height: calc(3em + 0.75rem + 2px);
        padding: 12px 26px;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        color: #182b4f;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        border-radius: 0.15rem;
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }

    .cntry-code {
        width: 19%;
        height: calc(2.5em + 0.75rem + 2px);
        padding: 12px 26px;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        color: #182b4f;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        border-radius: 0.25rem;
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }

    .mob-no {
        width: 81%;
        height: calc(1.5em + 0.75rem + 2px);
        padding: 27px 26px;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        color: #182b4f;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        border-radius: 0.25rem;
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }

    .login-form label {
        position: absolute;
        top: -13px;
        left: 12px;
        background: #fff;
        padding: 1px 15px;
        font-weight: bold;
        z-index: 99999 !important;
    }

.btn-theme {
    /*background-image: linear-gradient(-90deg, #5c1a88, #300051);*/
    color: #fff;
    background-color: #283a83;
    padding: 14px 38px;
    border: none;
    border-radius: 3px;
}

        .btn-theme:hover {
            color: #fff;
        }

.clickhere {
    font-style: normal;
    color: #4d4ea1;
}

    .clickhere a {
        font-style: normal;
        color: #4d4ea1;
    }





    .register-box {
        width: 784px;
        border-radius: 6px;
        box-shadow: 0 2px 11px 0 rgba(0, 0, 0, 0.15);
        background-color: #ffffff;
        margin: 0 auto;
    }
.sub-text {
    position: relative;
    left: 1px;
    font-size: 13px;
    float: left;
    top: 5px;
}
.register-form label {
    position: absolute;
    top: -18px;
    left: 17px;
    background: #fff;
    padding: 1px 15px;
    font-weight: bold;
    font-size: 13px;
}

    .country-code-regist {
        position: absolute;
        width: 65px;
        z-index: 1;
        padding: 18px 5px;
        top: 0px;
        left: 47px;
        border: 1px solid #ced4da;
        text-align: center;
        color: #777;
    }

    .newonehere hr {
        position: relative;
        margin-bottom: -20px;
    }

    .newonehere h5 {
        background: #fff;
        display: inline-block;
        z-index: 999;
        position: relative;
        padding: 5px 15px;
    }

    .intl-tel-input {
        position: relative;
        display: inline-block;
        width: 100%;
    }

        .intl-tel-input input.form-control {
            padding-left: 126px !important;
        }




    .createpassword-wrap {
        width: 682px;
        height: auto;
        border-radius: 6px;
        box-shadow: 0 2px 11px 0 rgba(0, 0, 0, 0.15);
        background-color: #ffffff;
        margin: 0 auto 45%;
    }





    .quick-enq {
        position: absolute;
        right: 0;
        top: 400px;
        display:none;
    }

        .quick-enq a:nth-child(1) {
            width: 30px;
            height: 30px;
            position: absolute;
            display: block;
            top: 39px;
            left: 23px;
        }

        .quick-enq a:nth-child(1) {
            width: 30px;
            height: 30px;
            position: absolute;
            display: block;
            top: 39px;
            left: 23px;
        }

        .quick-enq a:nth-child(2) {
            width: 30px;
            height: 30px;
            position: absolute;
            display: block;
            top: 97px;
            left: 23px;
        }

        .quick-enq a:nth-child(3) {
            width: 30px;
            height: 30px;
            position: absolute;
            display: block;
            top: 151px;
            left: 23px;
        }

    .free-trial p {
        margin: 0;
        line-height: 19px;
        padding: 0 0 0 15px;
        font-size: 13px;
        text-transform: uppercase;
    }

    .free-trial {
        position: absolute;
        right: 0;
        top: 25px;
        background: linear-gradient(#5c1a88, #300051);
        border-radius: 45px 0 0 45px;
        padding: 7px 70px 7px 10px;
        box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.22);
        color: #fff;
    }



.module-paynow {
    float: right;
    position: relative;
    margin-top: -53px;
    font-weight: bold;
    color: #283a83;
}

    .pay-progress {
        background: linear-gradient(#fee000, #fcb400);
        padding: 7px 70px 7px 10px;
        box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.22);
        color: #000;
        font-style: italic;
    }

    ul.progress-modules {
        margin: 0;
        padding: 5px 0 5px 32px;
        font-size: 13px;
    }

        ul.progress-modules li {
            padding: 10px 10px 0 10px;
            position: relative;
        }

            ul.progress-modules li:first-child strong {
                display: block;
                color: #283a83;
                font-weight: normal;
                line-height: 20px;
                font-style: italic;
            }

            ul.progress-modules li strong {
                display: none;
            }

            ul.progress-modules li em {
                display: none;
            }

            ul.progress-modules li:first-child em {
                display: block;
                position: absolute;
                right: 18px;
                color: #5b1a87;
                font-weight: bold;
                top: 30px;
                font-size: 13px;
            }

                ul.progress-modules li:first-child em a {
                    color: #283a83;
                }

a.startlearning-btn {
    position: absolute;
    right: 35px;
    top: 13px;
    padding: 6px 13px;
    display: none;
    background: linear-gradient(to bottom, #fee000, #fcb400 78%);
    border-radius: 6px;
    color: black;
    font-weight: 600;
}
a.startlearning-btn:hover {
    color: black;
}


    .cours-chkt-modules {
        width: 100%;
    }

        .cours-chkt-modules th {
            padding: 14px;
            background: #283a83;
            color: #fff;
        }

        .cours-chkt-modules tr td {
            padding: 14px;
            border: 1px solid #eee;
            background: #fff;
        }






    .course-more-details-modules > div:hover a.startlearning-btn {
        display: block;
    }

    span.buble-yellow {
        width: 10px;
        height: 10px;
        background: #fee000;
        position: absolute;
        border-radius: 10px;
        left: -18px;
        top: 16px;
    }

span.buble-purple {
    width: 10px;
    height: 10px;
    background: #283a83;
    position: absolute;
    border-radius: 10px;
    left: -18px;
    top: 16px;
}

    .prog-process-line {
        position: absolute;
        width: 1px !important;
        height: 100%;
        left: -13px;
        top: 5px;
        background: #ccc;
    }

    .quick-appli {
        background: linear-gradient(#fee000, #fcb400);
        padding: 10px;
        color: #000;
        display: block;
        font-size: 14px;
        width: 50%;
        margin: 0 auto;
        font-weight: bold;
        border-radius: 50px;
        text-align: center;
    }

    a.quick-appli:hover {
        color: #333;
    }

    .pay-process-wrap {
        height: auto;
    }

    ul.progress-modules li:last-child hr {
        display: none;
    }


    .dash-module-wrap {
        position: relative;
    }

    .dash-banner-bg {
        background-image: linear-gradient(to left, #5c1a88, #300051 100%);
    }

    .dash-banner {
        color: #fff;
    }

.dash-module-bg {
    // background-image: linear-gradient(to left, #8c159a, #310052);
    background: #283a83;
    color: #fff;
}

    .dash-module-bg-white {
        background-image: linear-gradient(to left, #ffffff, #efefef);
        color: #303030;
    }

    .course-detail-wrap {
        border-top: 1px solid #CBA0D2;
        border-bottom: 1px solid #CBA0D2;
    }

    .carousel-control-prev {
        width: 5%;
        opacity: .3 !important;
        left: -1px;
    }

    .carousel-control-next {
        width: 5%;
        opacity: .3 !important;
        right: -3px;
    }

.collapse .card {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    border: 1px solid white;
    transition: 500ms;
    text-align: center;
}
    .collapse .card:hover {
        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
        border: 1px solid #283a83;
    }
    .collapse .card .card-body .score a {
        color: white;
        background-color: #283a83;
        padding: 5px 10px;
        border-radius: 11px;
    }

        .carousel-control-next em {
            background: rgba(0,0,0,.4) !important;
            padding: 9px 4px 9px 13px;
            border-radius: 30px 0 0 30px;
        }

    .carousel-control-prev em {
        background: rgba(0,0,0,.4) !important;
        padding: 9px 13px 9px 4px;
        border-radius: 0 30px 30px 0;
    }

    .dash-right-topbox {
        box-shadow: 0 2px 11px 0 rgba(0, 0, 0, 0.15);
    }

        .dash-right-topbox hr {
            width: 75%;
        }

    .dash-course-desc {
        overflow: hidden;
        height: 76px;
        position: relative;
    }

    .rd-more {
        position: absolute;
        bottom: 4px;
        right: 0;
        color: #fee000;
        font-weight: bold;
    }

        .rd-more a {
            color: #5b008b;
        }
    /*.ovrflw {
    content: "";
    bottom: 0;
    right: 0;
    position: absolute;
    height: 30px;
    width: 100px;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 100%, rgba(255, 255, 255, 0) 49%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(100%, rgba(255, 255, 255, 1)), color-stop(49%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 1)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 100%, rgba(255, 255, 255, 0) 49%, rgba(255, 255, 255, 1) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 1) 100%, rgba(255, 255, 255, 0) 49%, rgba(255, 255, 255, 1) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 1) 100%, rgba(255, 255, 255, 0) 49%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to left, rgba(134, 19, 149, 1) 80%, rgba(134, 19, 149, 0) 100%, rgba(134, 19, 149, 0) 0%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
}*/
    .ovrflw {
        content: "";
        bottom: 0;
        right: 0;
        position: absolute;
        height: 30px;
        width: 100px;
        background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 100%, rgba(255, 255, 255, 0) 49%, rgba(255, 255, 255, 1) 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(100%, rgba(255, 255, 255, 1)), color-stop(49%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 1)));
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 100%, rgba(255, 255, 255, 0) 49%, rgba(255, 255, 255, 1) 100%);
        background: -o-linear-gradient(left, rgba(255, 255, 255, 1) 100%, rgba(255, 255, 255, 0) 49%, rgba(255, 255, 255, 1) 100%);
        background: -ms-linear-gradient(left, rgba(255, 255, 255, 1) 100%, rgba(255, 255, 255, 0) 49%, rgba(255, 255, 255, 1) 100%);
        background: linear-gradient(to left, rgba(255, 255, 255, 1) 80%, rgba(134, 19, 149, 0) 100%, rgba(134, 19, 149, 0) 0%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
    }

    .course-scroll {
        overflow-y: scroll;
        overflow-x: hidden;
        height: 389px;
    }

    .dash-right-btmbox {
        box-shadow: 0 2px 11px 0 rgba(0, 0, 0, 0.15);
    }

        .dash-right-btmbox h5 {
            border-bottom: 4px solid #283a83;
            padding-bottom: 5px;
            display: inline-block;
        }

        .dash-right-btmbox hr {
            margin: -11px 0 15px 0;
            padding: 0;
        }

    .dash-course-scroll {
        height: 458px;
        overflow-y: hidden !important;
        overflow-x: hidden;
        padding-right: 10px;
    }

    .course-percentage {
        margin: 0;
        padding: 0;
    }

        .course-percentage li {
            margin: 0;
            padding: 0;
            display: inline-block;
            list-style: none;
            width: 30%;
        }

            .course-percentage li > span {
                border: 2px solid #b40071;
                width: 50px;
                height: 50px;
                display: block;
                border-radius: 50%;
                text-align: center;
                line-height: 44px;
                font-size: 13px;
            }

    .accordion {
        width: 100%;
    }
        .accordion a.card-title {
            display: flex;
            height: 75px;
        }
            .accordion a.card-title img {
                position: absolute;
                right: 22px;
                margin-top: 0;
                background: #283a83;
                padding: 11px;
                border-radius: 50%;
                width: 40px;
                height: 40px;
            }

.module-hding {
    font-size: 18px;
    color: #283a83 !important;
    text-transform: uppercase;
    font-weight: 600;
}

    ul.module-list li {
        list-style: none;
        margin-left: 24px;
        padding-bottom: 10px;
        padding-top: 10px;
        border-bottom: 1px solid #dee2e6;
    }

        ul.module-list li:first-child {
            font-size: 20px;
            font-weight: bold;
            text-transform: uppercase;
        }

        ul.module-list li a:hover {
            text-decoration: none;
        }

        ul.module-list li a {
            color: #303030;
        }

        ul.module-list li .btn-theme-small {
            display: block;
        }

        ul.module-list li:hover .btn-theme-small {
            display: block;
        }

    ul.module-list {
        margin: 0;
        padding: 0;
    }

    .lesson-list li {
        padding: 5px 12px 11px;
        position: relative;
        margin-left: 17px;
        list-style: none;
        margin-top: 0;
    }

    .collapse > div li .slope-down {
        display: none;
    }

    .collapse #UpdatePanel6:last-child .slope-down {
        display: block;
    }

    .collapse #UpdatePanel6:first-child .slope {
        display: block;
    }

    .collapse > div li .slope {
        display: none;
    }



.lesson-list li img {
    left: -20px;
    
    width: 18px;
   
    z-index: 1;
  
    position: absolute;
    margin-top: 11px;
    margin-left:40px;
}
/*
.lesson-list li span.clsPending {
    position: absolute;
    left: -17px;
    top: 9px;
    width: 18px;
    height: 18px;
    border-radius: 10px;
    border: 1px solid #ccc;
    background: #fff;
    background-image: url(../images/dot-gray-down.png);
    background-size: 100%;
    opacity: 1;
    background-repeat: no-repeat;
}

.lesson-list li span.clsCompleted {
    position: absolute;
    left: -17px;
    top: 10px;
    width: 18px;
    height: 18px;
    border-radius: 10px;
 
    border: 1px solid #ccc;
    background-image: url(../images/dot-down.png);
    background-size: 100%;
    opacity: 1;
    background-repeat: no-repeat;
}

*/
.lesson-list li span.clsPending {
    position: absolute;
    left: -17px;
    top: 9px;
    width: 18px;
    height: 18px;
    border-radius: 10px;
    border: 1px solid #ccc;
    background: #fff;
    background-image: url(../images/dot-gray-right.png);
    background-size: 100%;
    opacity: 1;
    background-repeat: no-repeat;
}





.lesson-list li span.clsDownPending {
    position: absolute;
    left: -17px;
    top: 9px;
    width: 18px;
    height: 18px;
    border-radius: 10px;
    border: 1px solid #ccc;
    background: #fff;
    background-image: url(../images/dot-gray-down.png);
    background-size: 100%;
    opacity: 1;
    background-repeat: no-repeat;
}


.lesson-list li span.clsUnitPending {
    position: absolute;
    left: -17px;
    top: 9px;
    width: 18px;
    height: 18px;
    border-radius: 10px;
    border: 1px solid #ccc;
    background: #fff;
    background-image: url(../images/dot-gray-right-pending.svg);
    background-size: 100%;
    opacity: 1;
    background-repeat: no-repeat;
}
.lesson-list li span.clsUnitCompleted {
    position: absolute;
    left: -17px;
    top: 10px;
    width: 18px;
    height: 18px;
    border-radius: 10px;
    border: 1px solid #ccc;
    background-image: url(../images/dot-right-complete.svg);
    background-size: 100%;
    opacity: 1;
    background-repeat: no-repeat;
}




.lesson-list li span.clsCompleted {
    position: absolute;
    left: -17px;
    top: 10px;
    width: 18px;
    height: 18px;
    border-radius: 10px;
    border: 1px solid #ccc;
    background-image: url(../images/dot-right.png);
    background-size: 100%;
    opacity: 1;
    background-repeat: no-repeat;
}

.lesson-list li span.clsDownCompleted {
    position: absolute;
    left: -17px;
    top: 10px;
    width: 18px;
    height: 18px;
    border-radius: 10px;
    border: 1px solid #ccc;
    background-image: url(../images/dot-down.png);
    background-size: 100%;
    opacity: 1;
    background-repeat: no-repeat;
}


    .btn-br-small-purple2 {
        color: #310152 !important;
        padding: 5px 10px;
        border: none;
        border-radius: 3px;
        border: 1px solid #ccc;
        background: #fff;
        font-size: 13px;
        margin-left: 21px;
    }

    .lesson-list li .lesson-name {
        display: none;
    }

    .lesson-list li a {
        color: #333;
    }

    .lesson-list li:first-child a {
        color: #333;
    }

    ul.lesson-list {
        margin: 0;
        padding-left: 28px;
        margin-top: 5px;
    }

    .lesson-list > li:first-child {
        color: #333;
        margin-bottom: 0;
        margin-left: 0;
        margin-top: 0;
    }

    .circle-chapter {
        position: absolute;
        left: -14px !important;
        top: 12px !important;
    }

    .unit-detail-view-wrap iframe {
        width: 100%;
    }

    .lesson-view-line {
        height: 100%;
        position: absolute;
        width: 1px;
        background: #ddd;
        left: -11px;
        top: -9px;
    }

.unit-view-lesson h2 a {
    font-size: 21px;
    color: #666;
    font-weight: bold;
    opacity: 1;
    padding: 0;
    margin: 0;
    color: #1e2d80;
}

    .lesson-list li:first-child a:before {
        opacity: 0;
        content: " ";
        position: absolute;
        top: -2px;
        left: -20px;
        color: #06ac77;
    }


.course-modules h3 {
    border-bottom: 4px solid #283a83;
    padding-bottom: 5px;
    display: inline-block;
    font-size: larger;
}

    .course-modules hr {
        margin: -10px 0 15px 0;
        padding: 0;
    }

.practical-info h5 {
    border-bottom: 4px solid #283a83;
    padding-bottom: 5px;
    display: inline-block;
}

    .practical-info hr {
        margin: -10px 0 15px 0;
        padding: 0;
    }

    .live-class h6 {
        border-bottom: 4px solid #f00297;
        padding-bottom: 5px;
        display: inline-block;
    }

    .live-class hr {
        margin: -10px 0 15px 0;
        padding: 0;
    }






    .footerbackground {
        background: #774476;
        padding: 35px;
    }

    .fot-log-new {
        width: 37% !important;
        margin-top: 30px;
    }

    .btnwhite {
        top: 10px !important;
        background: #fff !important;
        color: #90268e !important;
        border: none;
        padding: 4px 13px;
        position: relative;
        border-radius: 6px;
        right: 0;
        z-index: 999;
    }

    .subscribe h5 {
        color: #fff;
    }

    .winner img {
        width: 100%;
        padding: 40px 20px;
        margin-top: 32px;
        border: 1px solid #fff;
    }

    .footer p {
        padding: 0;
        line-height: 23px;
        margin: 0;
        font-size: 13px;
        color: #fff;
    }

    .footer h6 {
        color: #fff;
        font-weight: bold;
        margin-top: 15px;
        margin-bottom: 15px;
    }






    /*sadasdasdasd*/






    .arrow-steps .step {
        font-size: 14px;
        text-align: center;
        color: #666;
        cursor: default;
        margin: 0px;
        padding: 0;
        min-width: 24.8%;
        float: left;
        height: 9px;
        position: relative;
        background-color: #eee;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        transition: background-color 0.2s ease;
    }

        /*.arrow-steps .step:after,
    .arrow-steps .step:before {
        content: " ";
        position: absolute;
        top: 0;
        right: -17px;
        width: 0;
        height: 0;
        border-top: 19px solid transparent;
        border-bottom: 17px solid transparent;
        border-left: 17px solid #b4e7ff;
        z-index: 2;
        transition: border-color 0.2s ease;
    }*/

        .arrow-steps .step:before {
            right: auto;
            left: 0;
            border-left: 17px solid #fff;
            z-index: 0;
        }

        .arrow-steps .step:first-child:before {
            border: none;
        }

        .arrow-steps .step:first-child {
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px;
        }

        .arrow-steps .step:last-child {
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px;
        }

        .arrow-steps .step span {
            position: relative;
        }

        .arrow-steps .step.current span i {
            background: #283a83;
        }

.step.done span i {
    background: #283a83 !important;
}

    .arrow-steps .step span i {
        position: absolute;
        font-size: 20px;
        background: #eee;
        width: 32px;
        border-radius: 30px;
        height: 31px;
        padding-top: 6px;
        color: #eee;
        font-weight: bold;
        top: -15px;
        left: -14px;
    }

    .arrow-steps .step span:before {
        opacity: 0;
        content: " ";
        position: absolute;
        top: -2px;
        left: -20px;
        color: #06ac77;
    }

    .arrow-steps .step.done span:before {
        opacity: 1;
        -webkit-transition: opacity 0.3s ease 0.5s;
        -moz-transition: opacity 0.3s ease 0.5s;
        -ms-transition: opacity 0.3s ease 0.5s;
        transition: opacity 0.3s ease 0.5s;
    }

.arrow-steps .step.current {
    color: #fff;
    background-color: #283a83;
}

        .arrow-steps .step.current:after {
            border-left: 17px solid #ff5050;
        }

.step.done {
    background: #283a83;
}

    .arrow-steps .step .done span i {
        position: absolute;
        font-size: 30px;
        background: #f00;
        width: 40px;
        border-radius: 30px;
        height: 40px;
        padding-top: 5px;
        color: #fff;
        font-weight: bold;
        top: -15px;
    }

    @media (max-width: 765px) {
        .arrow-steps .step {
            min-width: 35px;
        }
    }

.customtab3 li {
    width: 23.8%;
    text-align: center;
    height: 38px;
}

        .customtab3 li a.active {
            /* background: #283a83; */
            margin: 10px;
            text-align: center;
            padding: 3px 12px;
            color: #000;
            font-size: 16px;
            text-decoration: none;
            /* border-radius: 30px; */
            /* position: relative; */
            font-weight: 700;
        }

        .customtab3 li a {
            

            margin: 10px;
            text-align: center;
            padding: 3px 12px;
            color: #000;
            font-size: 16px;
            text-decoration: none;
            /* border-radius: 30px; */
            /* position: relative; */
            font-weight: 700;
       
        }

.customtab3 label {
    margin-bottom: 0px;
}

            .customtab3 li a.active .arrow-down {
                width: 80%;
                /* height: 0px; */
                /* border-left: 10px solid transparent; */
                /* border-right: 10px solid transparent; */
                border-bottom: 6px solid #283a83;
                position: relative;
                border-top: 0;
                border-right: 0;
                border-left: 0;
                left: 24px;
                top: 8px;
            }
                .arrow-down {
        width: 0px;
        height: 0px;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid transparent;
        position: absolute;
        left: 79px;
    }

    .athena-profile-pic {
        width: 35px;
        border-radius: 50%;
        height: 35px;
    }

    .dropdown-user a {
        color: #666;
        display: block;
        padding: 2px 0;
    }

    .personal-blling a {
        font-size: 17px;
        display: block;
        width: 100%;
        border: 0px solid #eee;
        padding: 5px;
        margin: 5px;
        text-transform: none;
    }


  .download-pdf {
    width: 21px;
    vertical-align: middle;
}

    .modal-header .close {
        padding: 1rem 1rem;
        margin: -1rem -1rem -1rem auto;
        color: #fff;
        opacity: 1 !important;
        font-size: 2em;
    }

    .whatisects {
        font-size: 12px;
        margin-left: 41px;
        background: linear-gradient(#5c1a88, #300051);
        display: inline;
        color: #fff;
        border-radius: 11px;
        padding: 5px 10px;
    }

    .whatisects-light {
        font-size: 12px;
        margin-left: 41px;
        background: #fff;
        display: inline;
        color: #300051;
        border-radius: 11px;
        padding: 5px 10px;
    }


    table#discussions tbody tr td:first-child {
        width: 8%;
        background-image: url(../images/discussion-pic.png);
        background-size: 60px 60px;
        background-position: 15px 10px;
        background-repeat: no-repeat;
    }

    table#discussions tbody tr td {
        border-bottom: 1px solid #eee;
        border-left: 0;
        border-right: 0;
        border-top: 0;
        padding: 10px 15px 18px 15px;
        line-height: 8px;
        color: #999;
        font-size: 14px;
    }

@media screen and (max-width: 360px) {
    table#discussions tbody tr td {
        line-height: 20px;
        width: 75%;
    }

        table#discussions tbody tr td:first-child {
            position:absolute;
        }
}

        table#discussions tbody tr td h6 {
            font-weight: bold;
            color: #666;
            margin: 0;
            font-size: 15px;
        }

        table#discussions tbody tr td:first-child img {
            border-radius: 50%;
        }

    .mbcpox {
        width: 78%;
        padding: 15px;
        border: 1px solid #ced4da;
    }

    .mobccod {
        width: 20%;
        padding: 15px;
        border: 1px solid #ced4da;
        margin-top: 0px;
    }

    td.fee-align {
        text-align: right;
    }





    /****Testimonial studenthome*****/

    .testi-common {
        padding: 20px 9px 10px 113px;
        border: 14px solid #dff3ff;
        margin: 36px 0px;
        position: relative;
    }

    /*.testi-common img {
                position: absolute;
                left: -77px;
                top: -49px;
                z-index: 9999;
            }*/

    .testi-carousel-indicators {
        margin-top: 25px;
    }

        .testi-carousel-indicators li {
            display: inline-block;
            width: 47px;
            height: 18px;
            text-indent: -999px;
            border: 1px solid #ffffff;
            border-radius: 50%;
            cursor: pointer;
            background-color: #000 \9;
            background-color: rgba(0, 0, 0, 0);
        }

        .testi-carousel-indicators .active {
            width: 70px;
            height: 27px;
            margin: 0;
            background-color: #fff;
        }

    .testi-common .img-responsive {
        display: block;
        max-width: 100%;
        height: auto;
        border-radius: 0;
        border: 10px solid #ffd200;
        width: 175px;
        position: absolute;
        left: -77px;
        top: -49px;
        z-index: 999;
    }

    .carousel-control .fa {
        position: absolute;
        top: 50%;
        z-index: 5;
        border-radius: 50%;
        padding: 1em;
        color: #333;
        border: 2px solid #333;
        height: 44px;
        background: none;
        font-size: 15px;
        background-color: none;
        -webkit-transition: all 0.35s ease-in-out;
        -moz-transition: all 0.35s ease-in-out;
        -o-transition: all 0.35s ease-in-out;
        transition: all 0.35s ease-in-out;
    }

.testi-title p {
    font-size: 16px;
    font-family: 'Inter', sans-serif;
    font-weight: bold;
    color: rgba(145,39,143,255);
    font-style: normal;
}

    .testi-carousel-indicators li img {
        border-radius: 50%;
        width: 70px;
        height: 45px;
    }

    .testi-carousel-indicators .active img {
        height: 70px;
        border: 3px solid #ffd200;
    }

    .font-14 {
        font-size: 14px;
    }

    #myBtn4 {
        display: block;
        margin: 15px auto;
        background: none;
        border: none;
        font-size: 13px;
        font-weight: bold;
        outline: none;
        color: rgba(145,39,143,255);
        text-align: center;
    }

    #myBtn5 {
        display: block;
        margin: 15px auto;
        background: none;
        border: none;
        font-size: 13px;
        font-weight: bold;
        outline: none;
        color: rgba(145,39,143,255);
        text-align: center;
    }

    #myBtn6 {
        display: block;
        margin: 15px auto;
        background: none;
        border: none;
        font-size: 13px;
        font-weight: bold;
        outline: none;
        color: rgba(145,39,143,255);
        text-align: center;
    }

    #myBtn7 {
        display: block;
        margin: 15px auto;
        background: none;
        border: none;
        font-size: 13px;
        font-weight: bold;
        outline: none;
        color: rgba(145,39,143,255);
        text-align: center;
    }

    #myBtn8 {
        display: block;
        margin: 15px auto;
        background: none;
        border: none;
        font-size: 13px;
        font-weight: bold;
        outline: none;
        color: rgba(145,39,143,255);
        text-align: center;
    }

    #myBtn9 {
        display: block;
        margin: 15px auto;
        background: none;
        border: none;
        font-size: 13px;
        font-weight: bold;
        outline: none;
        color: rgba(145,39,143,255);
        text-align: center;
    }

    #myBtn10 {
        display: block;
        margin: 15px auto;
        background: none;
        border: none;
        font-size: 13px;
        font-weight: bold;
        outline: none;
        color: rgba(145,39,143,255);
        text-align: center;
    }

    #myBtn11 {
        display: block;
        margin: 15px auto;
        background: none;
        border: none;
        font-size: 13px;
        font-weight: bold;
        outline: none;
        color: rgba(145,39,143,255);
        text-align: center;
    }

    #myBtn12 {
        display: block;
        margin: 15px auto;
        background: none;
        border: none;
        font-size: 13px;
        font-weight: bold;
        outline: none;
        color: rgba(145,39,143,255);
        text-align: center;
    }

    #myBtn13 {
        display: block;
        margin: 15px auto;
        background: none;
        border: none;
        font-size: 13px;
        font-weight: bold;
        outline: none;
        color: rgba(145,39,143,255);
        text-align: center;
    }

    .testi-signa {
        font-size: 16px;
        color: #d90493;
        margin-left: 0;
        border-left: 1px solid #c4c0c0;
        padding-left: 11px;
        text-align: left;
        line-height: 23px;
    }

    img.down-arow1 {
        left: 133px;
        position: absolute !important;
        bottom: -32px;
    }

    img.down-arow2 {
        left: 187px;
        position: absolute !important;
        bottom: -32px;
    }

    img.down-arow3 {
        left: 244px;
        position: absolute !important;
        bottom: -32px;
    }

    img.down-arow4 {
        left: 298px;
        position: absolute !important;
        bottom: -32px;
    }

    img.down-arow5 {
        left: 353px;
        position: absolute !important;
        bottom: -32px;
    }

    img.down-arow6 {
        left: 408px;
        position: absolute !important;
        bottom: -32px;
    }

    img.down-arow7 {
        left: 463px;
        position: absolute !important;
        bottom: -32px;
    }

    img.down-arow8 {
        left: 518px;
        position: absolute !important;
        bottom: -32px;
    }

    img.down-arow9 {
        left: 573px;
        position: absolute !important;
        bottom: -32px;
    }

    img.down-arow10 {
        left: 628px;
        position: absolute !important;
        bottom: -32px;
    }

    blockquote::before {
        color: #6a6b6f;
        content: " " !important;
        display: block;
        font-size: 42px;
        left: 0;
        position: absolute;
        top: 20px;
    }

    .inbox-mails {
        width: 100%;
    }

    @media all and (transform-3d), (-webkit-transform-3d) {
        .carousel-inner > .item {
            -webkit-transition: -webkit-transform 0.6s ease-in-out;
            -moz-transition: -moz-transform 0.6s ease-in-out;
            -o-transition: -o-transform 0.6s ease-in-out;
            transition: transform 0.6s ease-in-out;
            -webkit-backface-visibility: hidden;
            -moz-backface-visibility: hidden;
            backface-visibility: hidden;
            -webkit-perspective: 1000;
            -moz-perspective: 1000;
            perspective: 1000;
        }

            .carousel-inner > .item.next,
            .carousel-inner > .item.active.right {
                -webkit-transform: translate3d(100%, 0, 0);
                transform: translate3d(100%, 0, 0);
                left: 0;
            }

            .carousel-inner > .item.prev,
            .carousel-inner > .item.active.left {
                -webkit-transform: translate3d(-100%, 0, 0);
                transform: translate3d(-100%, 0, 0);
                left: 0;
            }

                .carousel-inner > .item.next.left,
                .carousel-inner > .item.prev.right,
                .carousel-inner > .item.active {
                    -webkit-transform: translate3d(0, 0, 0);
                    transform: translate3d(0, 0, 0);
                    left: 0;
                }
    }

    .carousel-inner > .active,
    .carousel-inner > .next,
    .carousel-inner > .prev {
        display: block;
    }

    .carousel-inner > .active {
        left: 0;
    }

    .carousel-inner > .next,
    .carousel-inner > .prev {
        position: absolute;
        top: 0;
        width: 100%;
    }

    .carousel-inner > .next {
        left: 100%;
    }

    .carousel-inner > .prev {
        left: -100%;
    }

        .carousel-inner > .next.left,
        .carousel-inner > .prev.right {
            left: 0;
        }

    .carousel-inner > .active.left {
        left: -100%;
    }

    .carousel-inner > .active.right {
        left: 100%;
    }

    .carousel-control {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        font-size: 24px;
        color: #ffffff;
        text-align: center;
    }

        .carousel-control.right {
            left: auto;
            right: 0;
        }

        .carousel-control .fa {
            position: absolute;
            top: 50%;
            z-index: 5;
            padding: 13px 15px;
            font-size: 16px;
            -webkit-transition: all 0.35s ease-in-out;
            -moz-transition: all 0.35s ease-in-out;
            -o-transition: all 0.35s ease-in-out;
            transition: all 0.35s ease-in-out;
        }

            .carousel-control .fa:hover {
                background-color: rgba(0, 0, 0, 0.2);
            }

        .carousel-control .fa-angle-left {
            left: 0;
        }

        .carousel-control .fa-angle-right {
            right: 0;
        }

        .carousel-control .fa-angle-left,
        .carousel-control .fa-angle-right {
            -webkit-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
            -o-transform: translate(0, -50%);
            transform: translate(0, -50%);
        }

    .carousel-indicators {
        position: relative;
        padding: 0;
        z-index: 15;
        list-style: none;
        width: auto;
        text-align: left;
        line-height: 1;
        /*float: left;*/
        margin: 0;
        margin-left: 140px;
        border-radius: 20em;
    }

        .carousel-indicators li + li {
            margin-left: 3px;
        }

        .carousel-indicators .active {
            background-color: #ffffff;
        }

    .carousel-caption {
        display: none;
        position: absolute;
        max-width: 100%;
        left: 20px;
        bottom: 20px;
        right: 20px;
        z-index: 10;
        padding: 2em;
        color: #ffffff;
        text-align: left;
        background-color: rgba(0, 0, 0, 0.4);
    }

    @media screen and (min-width: 768px) {
        .carousel-caption {
            display: block;
        }
    }

    .testi-carousel-indicators .active {
        width: 70px;
        height: 27px;
        margin: 0;
        background-color: #fff;
    }

    .testi-carousel-indicators li {
        display: inline-block;
        width: 47px;
        height: 18px;
        text-indent: -999px;
        border: 1px solid #ffffff;
        border-radius: 50%;
        cursor: pointer;
    }

        .testi-carousel-indicators li img {
            border-radius: 50%;
            width: 70px;
            height: 45px;
        }

    .testi-carousel-indicators .active img {
        height: 70px;
        width: 70px;
        border: 3px solid #ffd200;
        margin-top: -11px;
    }

    .img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
        display: block;
        max-width: 100%;
        height: auto;
    }

    .CourseHelpImage {
        border-radius: 5px;
        cursor: pointer;
        transition: 0.3s;
        width: 274px;
        vertical-align: middle;
        border: 0;
        margin: 0 auto;
    }

@media only screen and (min-width: 600px) {
    .trial-discussion{
        width:75%;
    }
}

    @media only screen and (max-width: 600px) {
        body {
            padding-top: 0;
            padding-bottom: 0;
            padding: 13px;
        }

        .bg-athena {
            width: 100%;
        }

        .login-logo img {
            display: block;
            height: auto;
            width: 180px;
            margin: 7% auto;
        }

        .login-wrap {
            width: 100%;
            height: auto;
            border-radius: 6px;
            box-shadow: 0 2px 11px 0 rgba(0, 0, 0, 0.15);
            background-color: #ffffff;
            margin: 0 auto 45%;
        }

        .login-vline {
            margin: 15px 0;
        }

        .login-form {
            margin: 0 16px;
        }

        .register-box {
            width: 100%;
            border-radius: 6px;
            box-shadow: 0 2px 11px 0 rgba(0, 0, 0, 0.15);
            background-color: #ffffff;
            margin: 0 auto;
        }

        .dash-module-bg-white {
            padding-top: 94px !important;
        }

        .w-75 {
            width: 75% !important;
        }

        .height-662 {
            height: auto;
        }

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

        mob-6 {
            width: 6%;
        }

        .quick-enq {
            position: absolute;
            right: 0;
            top: 400px;
            z-index: 999;
            display: none;
        }

        .modal {
            position: fixed;
            top: 43px;
            left: 7%;
            right: 43%;
            z-index: 1050;
            display: none;
            width: 84%;
            height: auto;
            box-shadow: 0 0 28px #999;
            overflow: hidden;
            outline: 0;
            border-radius: 5px;
            background: #fff;
        }

        .dash-module-wrap {
            position: relative;
            padding: 0 !important;
            margin: 0 !important;
        }

        .project-mob-box {
            margin: 0 !important;
            padding: 10px !important;
            height: auto !important;
            margin-bottom: 27px !important;
        }

        .footerbackground {
            background: #eff1fe;
            padding: 10px !important;
            color: #666;
        }

        img.fot-log-new {
            width: 66% !important;
            margin: 6px auto 0 !important;
            display: block;
        }
    }

    @media only screen and (min-width: 641px) and (max-width: 1024px) {
        .login-wrap {
            width: 100%;
            height: 490px;
            border-radius: 6px;
            box-shadow: 0 2px 11px 0 rgba(0, 0, 0, 0.15);
            background-color: #ffffff;
            margin: 0 auto 45%;
        }

        .navbar-nav .nav-link {
            font-size: 10px !important;
            padding: 9px 6px !important;
            font-weight: bold;
        }

        .quick-enq {
            position: absolute;
            right: 0;
            display: none;
            top: 400px;
        }

        .container, .container-sm, .container-md {
            max-width: 90% !important;
        }
    }

    img.icon-w {
        width: 16px;
    }

    a.icon-link img {
        transform: rotate(270deg);
    }

    a.icon-link {
        position: absolute;
        right: 31px;
    }

@media only screen and (max-width: 600px) {
    a.icon-link {
        margin-top: 13px;
    }
}

    .footerbackground {
        background: #eff1fe;
        padding: 35px;
        color: #666;
        width: 100%;
    }

    .gotolearn-home {
        position: absolute;
        right: 0;
        top: 55px;
        color: #fdd500;
        border: none;
    }

    .fot-log-new {
        width: 37% !important;
        margin-top: 30px;
    }

    .btnwhite {
        top: 10px !important;
        background: #fff !important;
        color: #90268e !important;
        border: none;
        padding: 4px 13px;
        position: relative;
        border-radius: 6px;
        right: 0;
        z-index: 999;
    }

    .subscribe h5 {
        color: #fff;
    }

    .winner img {
        width: 100%;
        padding: 0 0 10px;
        margin-top: 0;
        border: 0px solid #fff;
    }

    .footer p {
        padding: 0;
        line-height: 23px;
        margin: 0;
        font-size: 13px;
        color: #333;
    }

    .footer h6 {
        color: #333;
        font-weight: bold;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .foot-links p a {
        margin-bottom: 16px !important;
        display: block;
    }


    #popimg {
        width: 100%;
    }


    .reference-video {
        width: 210px !important;
        background: #666;
        padding: 13px 84px;
        height: 70px;
        margin-top: 11px;
    }

    .attempt-quiz {
        margin: 0;
        padding: 0;
    }

        .attempt-quiz li {
            float: left;
        }

        .attempt-quiz::after {
            display: block;
            clear: both;
            content: '';
        }

        .attempt-quiz li a {
            font-size: 17px;
            font-weight: normal;
            text-transform: capitalize;
            padding: 2px 0;
            display: block;
        }
.register-menu {
    width: 97%;
    margin: auto;
    border-radius: 6px; 
    background-color: #ffffff;
    margin: 15px auto;
}

.table-shadow {
    box-shadow: 0 0.025rem 0.35rem rgb(165 163 174 / 91%);
    border-color: #eee;
    padding: 10px;
    /* display: block; */
    width: 86.3%;
    margin: auto;
    height: 100%;
    
    left: 6.8%;
    top: 7px;
}
    .register-menu .navbar {
        padding: 0px !important;
        border-radius: 10px;
        box-shadow: 0 2px 11px 0 rgb(0 0 0 / 15%);
        background-color: #4951a2;
        color: #fff;
    }
.w-87 a:hover {
    background-color: #353535;
    color: #fff;
    cursor: pointer
}
    .w-87 a {
    background-color: #eaeff1;
    padding: 3px 7px;
    border-radius: 3px;
    color: #303030;
    font-size: 13px;
    font-weight: 500;cursor:pointer
}
.w-87 {
    width: 100%;
    margin: auto;
    font-size: 14px;
    border-color: #eee;
    color: #323342;
}
    .w-87 th {
        background-color: #ebebed;
        border-color: #dbdbdb
    }
.register-menu .navbar-nav a.nav-link {
    cursor: pointer;
    margin: 0 12px;
    font-weight: 400;
    color: #fff !important;
    text-transform: uppercase;
    font-size: 13.3px;
}
.navbar-light .navbar-nav .active > a.nav-link {
    background-color: #d1408f;
    cursor: pointer;
}

.divuploadClass {
    background-color: black !important;
    color: white !important;
    height: 36px;
    margin: 152px 85px 0px 85px;
    font-size: 17px;
    padding-top: 5px;
    text-align: left !important;
    padding-left: 15px;
}

    .divuploadClass input {
        width: 180px !important;
        height: 15px;
        margin: 107px 101px 1px 0px;
        padding-top: 18px;
        cursor: pointer !important;
    }
.preview-image img {
    height: 152px;
    width: 180px;
    float: right;
    margin: auto 85px !important;
    background: white;
    outline: none;
    border: unset;
    /*box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;*/
    object-fit: cover;
    /*padding: 4px*/
}
.nopadding {padding:0}

.form-group.mrb-2 {
    margin-bottom: 1.5rem!important;
}
.mr-1{margin-right:10px}

.btn-bggr {
    background: linear-gradient(89.92deg, #4752A3 2.82%, #EA2283 100%);
    border-radius: 8px;
    padding: 5px 15px;
    color: #fff;
}
i.viewicon {
    background-color: #343434;
    color: #fff;
    padding: 2px 4px;
    border-radius: 4px;
    font-size: 12px;
}
.nopadding {padding:0!important}
    .nopadding input {
        margin-top: 28px;
    }
.table-border th {
    background-color: #c8cae3;
    font-size: 13px;font-weight:bold;
}
.table.t-pad td {
    padding: 0.35rem 0.85rem !important;
    font-size: 13px !important;
}



.dec-form input {
    float: left;
    /* padding-right: 13px; */
    margin-right: 10px;
    vertical-align: bottom;
    margin-top: 5px
}
.isize {
    border: 2px solid #000;
    padding: 1px 5px;
    border-radius: 50px;
    font-size: 12px!important;
}

.t-pad a {
    background-color: #4951a2;
    padding: 3px 15px;
    color: #fff;
    border-radius: 25px;
}
.t-pad a:hover {
 
    color: #fff;

}

.tool-tip a:hover::after {
    content: attr(name);
    position: absolute;
    top: -250%;
    left: 0;
    background-color: #000;
    color: #fff;
    font-size: 12px;
    z-index: 1000;
    padding: 5px;
    border-radius: 10px;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}

.tool-tip a:hover::after {
    position: absolute !important;
    top: -150% !important;
    left: 0 !important;
    background-color: #000 !important;
    color: #fff !important;
    font-size: 12px !important;
    z-index: 1000 !important;
    padding: 5px !important;
    border-radius: 10px !important;
    margin-left: -5px !important;
    border-width: 5px !important;
    border-style: solid !important;
    border-color: black transparent transparent transparent !important;
}
.tool-tipssn a:hover::after {
    content: attr(name);
    position: absolute;
    top: -250%;
    left: 0;
    background-color: #000;
    color: #fff;
    font-size: 12px;
    z-index: 1000;
    padding: 5px;
    border-radius: 10px;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}
.tool-tipssn a:hover::after {
    position: absolute !important;
    top: -140% !important;
    left: 0 !important;
    background-color: #000 !important;
    color: #fff !important;
    font-size: 12px !important;
    z-index: 1000 !important;
    padding: 5px !important;
    border-radius: 10px !important;
    margin-left: -5px !important;
    border-width: 5px !important;
    border-style: solid !important;
    border-color: black transparent transparent transparent !important;
}
    

.flink h5 {
    font-size: 16px;
    color: #858585;
}
.flink h5.text-blue {
    font-size: 16px;
    color: #283a83!important;
}
a.text-blue {
    font-size: 16px;
    color: #283a83;
}
.fminus{top:-50px}

.adview a{
    text-decoration: underline !important;
    color: #283a83!important;
}

.markread a {
    background-color: #92d35f;
    display: block;
    width: 166px !important;
    margin: auto;
    position: relative;
    top: -14px;
    border-radius: 25px;
    font-weight: 700;
    font-size: 12px;
    padding-bottom: 1px;
    padding-top: 1px;
}

.mtm-20 {margin-top:-30px}
.customtab3 {
    border-bottom: 1px solid #959595;
}

.bg-gray {background-color:#eee}
.hei-50 {height:300px;overflow-y:scroll}

    .hei-50 .table td {
        padding: 0.75rem;
        vertical-align: top;
        /* border-top: 1px solid #fff; */
        border-right: 1px solid #b5b5b5 !important;
        border-bottom: 1px solid #f3f3f3 !important;
    }

    .hei-50 .table td { 
        border-right: 1px solid #b5b5b5 !important;
        border-bottom: 1px solid #f3f3f3 !important;
    }
        .w-100-new {
    background-color: #f3f3f3;width:100%
}     .w-100-video {
    background-color: #fff;width:100%;border:0;
}

    .w-100-video tr td {
        border-right: 1px solid #fff;
        border-left: 1px solid #fff;
        border-bottom: 1px solid #fff;
        border-top: 1px solid #fff;padding-left:10px
    }
.noth tr th {display:none}
.bg-btn-gr {
    position: relative;
    margin-top: 2px;
    display: inline-block;
    border-radius: 0 !important;
    border-color: #ffffff !important;
    background-color: #f1f1fb;
    width: 100%;
    text-align: left;
    padding-left: 20px;
    padding: 5px 30px;
    color: #1e1e1e;
    margin-bottom: 1px;
    font-size: 14px;
}
.color-b {
    color: #666666;
    font-size: 24px!important;
}

.b-color {color:#000!important;font-size:18px; font-weight:700}




.panel-default > .panel-heading {
    color: #fff;
    background-color: #00436a;
    border-color: #ddd;
}

.panel-group .panel + .panel {
    margin-top: 0px;
}

.panel-group {
    margin-top: 35px;
}

.panel-collapse {
    background-color: rgba(220, 213, 172, 0.5);
}

.glyphicon {
    margin-right: 10px;
}


ul.list-group {
    margin: 0px;
}

ul.bulletlist li {
    list-style: disc;
}


ul.list-group li a {
    display: block;
    padding: 5px 0px 5px 15px;
    text-decoration: none;
}

ul.list-group li {
    border-bottom: 1px dotted rgba(0,0,0,0.2);
}




.panel-title a:hover,
.panel-title a:active,
.panel-title a:focus,
.panel-title .open a:hover,
.panel-title .open a:active,
.panel-title .open a:focus {
    text-decoration: none;
    color: #fff;
}

.panel-title > .small, .panel-title > .small > a, .panel-title > a, .panel-title > small, .panel-title > small > a {
    display: block;
}

@media (min-width: 768px) {
    .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important;
        padding-left: 0px;
    }
}

@media (min-width: 992px) {
    .menu-hide {
        display: none;
    }
}

.menu-hide .panel-default > .panel-heading {
    color: #fff;
    background-color: #8e8c8c;
    border-color: #ddd;
}

/********** END SIDEBAR *************/

/********** NAVBAR TOGGLE *************/

.navbar-toggle .icon-bar {
    background-color: #fff;
}
.lesson-view-line
.navbar-toggle {
    padding: 11px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: #a32638;
    border-radius: 0px;
}
.tick-icon {
    width: 12px;
    position: absolute;
    z-index: 1;
    left: 41%;
    top: -9px;
}
.border-left1 {
    border-left: 1px solid #4d4d4d;
}
.ibg-pd {
    background-color: #303030;
    color: #fff;
    font-size: 9px !important;
    padding: 4px;
    width: 17px;
    height: 17px;
    border-radius: 50px;
    text-align: center;
    position: relative;
    z-index: 2;
    margin-top: 8px;
    margin-left: 13px;
    float: left;
    margin-right: 10px;
    top: 10px;
}

.ibg-1 {
    background-color: #303030;
    color: #fff;
    font-size: 9px !important;
    padding: 4px;
    width: 17px;
    height: 17px;
    border-radius: 50px;
    text-align: center;
    position: relative;
    margin-bottom: 0px;
    z-index: 2;
    margin-top: 13px;
    /* margin-left: 8px; */
    float: left;
    top:6px; 
    margin-right: 10px;
    /* line-height: 92px; */
    /* margin-bottom: 2px; */
    /* display: block; */
    /* vertical-align: bottom; */
    margin-left: 14px;
}
    .ibg-1:nth-child(1) {
        background-color: #303030;
        color: #fff;
        font-size: 9px !important;
        padding: 4px;
        width: 17px;
        height: 17px;
        border-radius: 50px;
        text-align: center;
        position: relative;
        margin-bottom: 0px;
        z-index: 2;
        margin-top: 13px;
        /* margin-left: 8px; */
        float: left;
        top: -5px;
        margin-right: 10px;
        /* line-height: 92px; */
        /* margin-bottom: 2px; */
        /* display: block; */
        /* vertical-align: bottom; */
        margin-left: 14px;
    }
.ibg-2 {
    background-color: #303030;
    color: #fff;
    font-size: 9px !important;
    padding: 4px;
    width: 17px;
    height: 17px;
    border-radius: 50px;
    text-align: center;
    position: relative;
    z-index: 2;
    /* margin-top: 12px; */
    margin-left: 8px;
    float: left;
    top: 8px;
    margin-right: 10px;
}


.w-40 i:nth-child(2) {
    background-color: #303030;
    color: #fff;
    font-size: 9px !important;
    padding: 4px;
    width: 17px;
    height: 17px;
    border-radius: 50px;
    text-align: center;
    position: relative;
    z-index: 2;
    /* margin-top: 12px; */
    margin-left: 8px;
    float: left;
    top: 14px;
    margin-right: 10px;
}
.create-new a {
    --tw-bg-opacity: 1;
    background-color: rgb(128 93 202/var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity));
    --tw-shadow-color: #805dca99;
    /* --tw-shadow: var(--tw-shadow-colored); */
    /* box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); */
    box-shadow: 0 0.125rem 0.25rem rgb(165 163 174 / 78%);
    padding: 10px 15px;
    text-align: center;
    margin-top: 10px;
    border-radius: 10px;
    margin-left: 17px;
    font-weight: 600;
}

.create-new a:hover {
 
    background-color: #e72483;
   
    color: #fff;
   
    box-shadow: 0 0.325rem 0.25rem rgb(165 163 174 / 91%);
   
}

.note-style {
    line-height: 19px;
    margin-bottom: 6px;
    color: #313131;
    font-weight: 400;
    font-size: 14px;
    background-color: #eee;
    padding: 5px 10px;
    margin-top: 10px;
    border-radius: 8px;
}
    .note-style span {
        font-weight: bold;
        background-color: #E91E63;
        color: #fff;
        padding: 1px 3px;
        border-radius: 5px;
        margin-right: 4px;
    }
.reg-form {
    color: #4F4F4F;
    font-size: 14px;
    line-height: 20px;
    
   
}
.table-cus tr {
width: 65px;
display: inline-block;
}
    .table-cus tr td label {
        float: right;
        margin-left: 5px;
    }