/*@import url(https://fonts.googleapis.com/css?family=Cabin:400,500,700|Montserrat:400,500,700);*/
@import url(../css/bootstrap.min.css);
@import url(../css/animate.css);
@import url(../css/magnific-popup.css);
@import url(../css/owl.carousel.min.css);
@import url(../css/slick.css);
@import url(../css/font-awesome.min.css);
@import url(../css/themify-icons.css);
@import url(../css/ionicons.min.css);

body {
    font-family: Montserrat;
}

* {
    margin: 0;
    padding: 0
}

html {
    overflow-x: hidden;
}

body {
    font-family: "Domine",sans-serif !important;
    background-color: #fff;
    overflow-x: hidden;
}

a {
    color: #019ddc
}

h1, h2, h3, h4, h5, h6 {
    font-family: Cabin,sans-serif;
    font-weight: 400;
    color: #000;
    line-height: 1.2
}

.RightAnsweredClass {
    border: 1px solid #0e4bc4;
    margin-top: 12px;
    background-color: #0e4bc4;
    color: rgb(255, 255, 255);
}

    .RightAnsweredClass table tr .quiz_ans label {
        color: #fff;
    }

    .RightAnsweredClass table tr td label p, .RightAnsweredClass table tr td label {
        color: #fff;
    }

.WrongAnsweredClass {
    border: 1px solid rgb(140, 138, 138);
    margin-top: 12px;
    background-color: red;
    color: rgb(255, 255, 255);
}

.breadcrumb-item.active {
    color: #6c757d;
    word-break: break-all;
}

.YoutubeHide {
    padding: 0;
    height: 100px;
    position: absolute;
    right: 0;
    width: 100%
}

.dropdown-menu li {
    position: relative;
}

.dropdown-item {
    white-space: inherit !important;
}

.dropdown-menu, .submenu_ul {
    padding: 10px 10px 0 10px !important;
    border-radius: 10px !important;
}

.submenu_ul {
    display: none;
    background: #fff;
    width: 100%;
    z-index: 9999;
}

ul.dropdown-menu.center-main-ul {
    width: 845px;
    padding: 30px 0 30px 30px;
    left: -40rem;
}

.center-li {
    display: inline-flex;
    width: 22%;
    margin-right: 20px;
    background: #fff !important;
}

.center-sub-ul h5 {
    font-size: 16px;
    font-weight: 700;
    color: #383E88;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.center-sub-ul li a {
    width: 180px;
    word-break: break-all;
}
/*.submenu_ul li {
        padding: 6px 3px;
        
    }*/

.submenu_dropdown {
    position: relative;
}

    .submenu_dropdown:hover .submenu_ul {
        display: block;
        position: absolute;
        top: 0;
        left: 158px;
    }

/*------------------start---liveclass-design-----------------*/
.Main_divLive_class {
    position: relative;
}

    .Main_divLive_class .left_graphic {
        margin: 0 auto;
        position: absolute;
        top: 50%;
        left: 0;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 3%;
    }

    .Main_divLive_class .right_graphic {
        position: absolute;
        bottom: 12rem;
        right: 0;
        width: 4%;
    }

.livebox {
    background: #E7ECFF;
    padding: 15px;
    margin-bottom: 1.5rem;
    border-radius: 10px;
}

    .livebox .Live_logo {
        opacity: 0.6;
        padding: 88px 0;
    }

.topic_ul li a {
    font-size: 13px;
}

.teacher_img {
    margin: 0 auto;
    width: 50px;
    height: 50px;
}

    .teacher_img img {
        width: 100%;
        height: 100%;
    }

.t_content p {
    margin-bottom: 12px;
}

.t_name {
    font-weight: 600;
    font-size: 17px;
    line-height: 21px;
    color: #000000;
}

.Chap_name {
    width: 234px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12.5px;
    line-height: 15px;
    color: #F87B5F;
    text-transform: capitalize;
}

.sub_name {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #000000;
    text-transform: capitalize;
}

p.date_name {
    font-size: 12.5px;
    line-height: 15px;
    color: #9B9B9B;
}

.Live_box_div {
    border-bottom: 1px groove rgba(0,0,0,.5);
    margin-bottom: 2rem;
    padding-bottom: 1rem;
}

.height_tag_box {
    height: 575px;
}

.tag_div {
    height: 98px;
    overflow-y: auto;
    overflow: hidden;
}

.LC_tab_box {
    width: 95%;
    margin: 0 auto;
}

.btn_gradient {
    background: linear-gradient(246.8deg, #C4C4C4 -5.42%, #293E80 -5.41%, #09AEE5 96.08%);
    padding: 1px 15px;
    color: #fff;
    border-radius: 30px;
    border: 1px groove #09AEE5;
}

    .btn_gradient:hover {
        background: #fff;
        color: #09AEE5;
        border: 1px groove #09AEE5;
    }
/*------------------end---liveclass-design-----------------*/
/*-------------start--banner--slider--------------------*/
.thead_clr {
    background: #2b337a;
}

table#StudentActivityList tr th {
    color: #fff !important;
}

.banner_slider .testimonial .pic {
    display: inline-block;
    border: 2px solid #2e3a59;
    margin-bottom: 20px;
}

    .banner_slider .testimonial .pic img {
        width: 100%;
        height: 100%;
    }

.banner_slider .owl-theme .owl-controls {
    margin-top: 10px;
}

    .banner_slider .owl-theme .owl-controls .owl-page span {
        width: 12px;
        height: 12px;
        background: #2e3a59;
        border-radius: 0;
        margin-right: 10px;
        transform: scale(1.2);
        opacity: 1;
        transition: all 0.3s ease 0s;
    }

    .banner_slider .owl-theme .owl-controls .owl-page.active span {
        outline: 2px solid #2e3a59;
        outline-offset: 3px;
        background: #d7263d;
        transform: scale(0.8);
    }

/*---------------end---banner---slider------------------------*/

/*---------------start---tab--video--system--------------------*/
.tab_video_section {
    margin: 6rem 0 2rem 0;
}

    .tab_video_section .tab .nav-tabs {
        background-color: #2293c3;
        border: none;
        padding: 0.5rem 0;
    }

        .tab_video_section .tab .nav-tabs li a {
            color: #222;
            background: transparent;
            font-size: 16px;
            font-weight: 700;
            letter-spacing: 1px;
            text-align: center;
            text-transform: capitalize;
            padding: 15px 25px;
            margin: 0;
            border: none;
            border-radius: 0;
            overflow: hidden;
            position: relative;
            z-index: 1;
            transition: all 0.3s ease 0s;
        }

        .tab_video_section .tab .nav-tabs li:last-child a {
            margin-right: 0;
        }

        .tab_video_section .tab .nav-tabs li a:hover,
        .tab_video_section .tab .nav-tabs li.active a {
            color: #222;
            background: #fff;
            border: none;
        }

        .tab_video_section .tab .nav-tabs li.active a {
            color: #fffbf6;
            background: #019ddc;
        }

        .tab_video_section .tab .nav-tabs li a:before,
        .tab_video_section .tab .nav-tabs li a:after {
            content: "";
            background-color: #019ddc;
            height: 7px;
            width: 100%;
            position: absolute;
            top: 0;
            left: 0;
            z-index: -1;
            transition: all 0.5s ease 0s;
        }

        .tab_video_section .tab .nav-tabs li a:after {
            background-color: #6CBF1C;
            height: 100%;
            opacity: 0;
        }

        .tab_video_section .tab .nav-tabs li.active a:before,
        .tab_video_section .tab .nav-tabs li a:hover:before {
            height: 100%;
            opacity: 0;
        }

        .tab_video_section .tab .nav-tabs li.active a:after,
        .tab_video_section .tab .nav-tabs li a:hover:after {
            height: 7px;
            opacity: 1;
        }

    .tab_video_section .tab .tab-content {
        color: #555;
        background: #fff;
        font-size: 15px;
        letter-spacing: 1px;
        line-height: 23px;
        padding: 20px;
    }

        .tab_video_section .tab .tab-content h3 {
            color: #222;
            font-size: 22px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 1px;
            margin: 0 0 7px 0;
        }

@media only screen and (max-width: 479px) {
    .tab_video_section .tab .nav-tabs li {
        width: 30%;
        display: inline-flex;
    }

        .tab_video_section .tab .nav-tabs li a {
            font-size: 10px;
            padding: 10px 15px;
        }

        .tab_video_section .tab .nav-tabs li a {
            margin: 0 0 10px;
        }

    .tab_video_section .tab .tab-content h3 {
        font-size: 18px;
    }
}

.Option_Content .PQB_option {
    height: 75px;
}

.tab_video_section .video_slider .testimonial {
    margin: 0 10px;
    position: relative;
}

    .tab_video_section .video_slider .testimonial .testimonial-content {
        padding: 10px 10px;
        background: #fff;
    }

    .tab_video_section .video_slider .testimonial .pic {
        width: 100%;
        height: 100%;
    }

        .tab_video_section .video_slider .testimonial .pic img {
            width: 100%;
            height: 100%;
        }

.tab_video_section .video_slider .testimonial-content .testimonial-title {
    font-size: 16px;
    font-weight: 600;
    margin: 20px 0 0 0;
    display: inline-block;
}

    .tab_video_section .video_slider .testimonial-content .testimonial-title small {
        display: block;
        font-size: 12px;
        font-style: italic;
        margin-top: 10px;
    }

.tab_video_section .video_slider .owl-theme .owl-controls {
    text-align: right;
    margin-top: 20px;
}

    .tab_video_section .video_slider .owl-theme .owl-controls .owl-buttons div {
        background: #a2a2a2;
        border-radius: 0;
        opacity: 1;
        padding: 5px 10px;
    }

.tab_video_section .video_slider .owl-prev:before,
.tab_video_section .video_slider .owl-next:before {
    content: "\f053";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #fff;
}

.tab_video_section .video_slider .owl-next:before {
    content: "\f054";
}

@media only screen and (max-width: 480px) {
    .tab_video_section .video_slider .testimonial {
        text-align: center;
        margin-bottom: 0;
    }

        .tab_video_section .video_slider .testimonial .testimonial-content {
            position: relative;
            right: 0;
            bottom: 0;
        }
}

/*---------------------end-------tab--------video-section--------------------------*/
.section_padding_100 {
    padding-top: 100px;
    padding-bottom: 100px
}

.section_padding_100_50 {
    padding-top: 100px;
    padding-bottom: 50px
}

.section_padding_100_70 {
    padding-top: 100px;
    padding-bottom: 70px
}

.section_padding_50 {
    padding-top: 50px;
    padding-bottom: 50px
}

.heading_div {
    padding-top: 5rem;
    margin: 0 auto;
    width: 94%;
}

    .heading_div .breadcrumb {
        background-color: transparent !important;
    }

section.WA_Content .container {
    margin: 2rem auto;
    padding: 21px;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,.5);
}

.content_p p {
    text-align: justify;
}
/*----------------our--team--------------------*/
.content_p h3 {
    margin: 3rem 0 3rem 0;
    font-weight: bold;
}

.Team_img {
    width: 78%;
    float: right;
}

.WA_Content .our-team {
    text-align: center;
    position: relative;
    margin-bottom: 2rem;
}

    .WA_Content .our-team .pic {
        width: 200px;
        height: 200px;
        border-radius: 50%;
        border: 8px solid #019ddc;
        margin: 0 auto;
        overflow: hidden;
    }

    .WA_Content .our-team img {
        width: 100%;
        height: 100%;
    }

    .WA_Content .our-team .social {
        list-style: none;
        padding: 0;
        margin: 0;
        position: absolute;
        top: 50px;
        left: 20px;
        transition: all 0.3s ease-out 0s;
    }

        .WA_Content .our-team .social li a {
            width: 30px;
            height: 30px;
            line-height: 30px;
            border-radius: 50%;
            background: #f28a31;
            font-size: 14px;
            color: #fff;
            text-align: center;
            margin-bottom: 5px;
            transform: scale(0);
            transition: all 0.2s ease 0s;
        }

    .WA_Content .our-team:hover .social li a {
        transform: scale(1);
    }

        .WA_Content .our-team:hover .social li a:hover {
            background: #019ddc;
        }

    .WA_Content .our-team .team-content {
        padding: 0;
        background: #019ddc;
        border-radius: 5px;
        margin-top: -20px;
        color: #fff;
    }

    .WA_Content .our-team .title {
        font-size: 25px;
        margin: 10px 0 5px 0;
    }

    .WA_Content .our-team .post {
        display: block;
        font-size: 14px;
        font-weight: 600;
        text-transform: uppercase;
    }

    .WA_Content .our-team .description {
        padding: 20px;
        background: #fff;
        border-radius: 0px;
        font-size: 16px;
        color: #666;
        text-align: justify;
        margin-bottom: 0;
        height: 280px;
        overflow: hidden;
        box-shadow: 0px 0px 10px 0px rgba(0,0,0,.5);
        overflow-y: auto;
    }

@media only screen and (max-width: 990px) {
    .WA_Content .our-team {
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 359px) {
    .WA_Content .our-team .pic {
        width: 150px;
        height: 150px;
    }

    .WA_Content .our-team .social {
        top: 20px;
    }
}

section.team_section {
    padding: 2rem 0 1rem;
}

.team_section .tab .nav-tabs li a {
    color: #ababab;
    /* background: #222; */
    font-family: Montserrat;
    font-style: normal;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    padding: 13px 13px 12px;
    margin: 0 0 1px 0;
    /* border: 5px solid #10ac84; */
    border-radius: 50px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    transition: all 0.5s ease 0s;
}


.team_section .tab .nav-tabs li:last-child a {
    margin-right: 0;
}

.team_section .tab .nav-tabs li a:hover,
.team_section .tab .nav-tabs li.active a,
.team_section .tab .nav-tabs li.active a:hover {
    color: #fff;
    background: linear-gradient(to right, #1C74B3, #2F387F);
    border-radius: 30px 10px 10px;
    border: none;
}

.team_section .tab .nav-tabs li a:before {
    content: "";
    background: #1C74B3;
    height: 100%;
    width: 100%;
    border-radius: 50px;
    transform: rotate(180deg) scale(0);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transition: all 0.3s cubic-bezier(0.1, 0.4, 0.6, 0.1);
}

.team_section .tab .nav-tabs li.active a:before,
.team_section .tab .nav-tabs li a:hover:before {
    transform: rotate(0) scale(1);
}

.team_section .tab .tab-content {
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 22px;
    padding: 20px;
    border-radius: 50px;
    box-shadow: 0 0 20px -2px rgba(0, 0, 0, 0.01);
}

    .team_section .tab .tab-content h3 {
        font-size: 22px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 1px;
        margin: 0 0 5px 0;
    }

.team_section .nav-tabs {
    border-bottom: 0;
    text-align: center;
    margin: 0 auto;
    width: 80%;
}

.team_section li {
    padding: 0 2rem;
    margin-bottom: 2rem;
}

.mb_5 {
    margin-bottom: 5rem;
}

.fa-chevron-down:before {
    content: "\f078";
}

.dropdown-toggle::after {
    display: none !important;
}

.ind_pic {
    width: 240px;
    height: 240px;
    margin: 0 auto;
    border-radius: 100%;
    border: 11px solid #EDEDED;
    margin: 0 auto 1rem auto;
}

    .ind_pic img {
        width: 100%;
        height: 100%;
        border-radius: 100%;
    }

.main_ind_pic {
    margin: 2rem 0;
}

    .main_ind_pic h4 {
        font-family: Montserrat;
        font-style: normal;
        text-align: center;
        font-weight: 600;
        font-size: 16px;
        line-height: 116.2%;
        color: #1976D2;
    }

    .main_ind_pic p {
        font-family: Montserrat;
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
        line-height: 20px;
        letter-spacing: 0em;
        text-align: center;
        color: #4E4E4E;
        margin-bottom: 0;
    }

@media only screen and (max-width: 479px) {
    .team_section .tab .nav-tabs li {
        width: 100%;
        padding: 0 0rem;
    }

    .team_section .tab .tab-content h3 {
        font-size: 18px;
    }
}


.social_icon li {
    display: inline-block;
}

    .social_icon li a {
        font-size: 25px;
        text-align: center;
        padding: 0px;
        margin-top: 1rem;
        margin-right: 5px;
        cursor: pointer;
        display: inline-block;
        line-height: 1;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
        color: #fff;
        font-size: 22px;
        text-align: center;
    }

.copyright-text hr {
    border-top: 1px solid #fff;
}

/*----------------start----new------header-----------------*/
header.header_area.animated.stu_animate {
    background: #fff;
    z-index: 99999;
    box-shadow: -4px -20px 20px 20px rgb(0 0 0 / 20%);
}

.stu_animate .menu_area #nav .nav-link {
    color: #4C4C4C !important;
    font-size: 13px;
    padding: 0 20px;
    margin-right: 20px;
    font-style: normal;
    font-weight: 550;
    letter-spacing: 0.9px;
}

#LoginRegisterSpanId {
    box-shadow: 6px 6px 13px -4px rgb(0 0 0 / 75%);
    -webkit-box-shadow: 6px 6px 13px -4px rgb(0 0 0 / 75%);
    -moz-box-shadow: 6px 6px 13px -4px rgb(0 0 0 / 75%);
    background: #EB7926;
    color: #fff !important;
    border: 2px solid #fff;
    border-radius: 20px;
    padding: 2px 17px !important;
    text-transform: capitalize;
    margin-top: 0px;
    font-size: 14px;
}

.autocomplete {
    position: relative;
    display: inline-block;
    width: 90%;
    margin-bottom: 20px;
}

    .autocomplete input {
        background-color: #f1f1f1;
        font-size: 16px;
        border: 1px solid #ccc;
        padding: 5px;
        border-radius: 5px;
        width: 100%;
    }

.btn_se {
    background: #019ddc;
    color: #fff;
    border: 2px solid #019ddc;
    padding: 4px 15px;
    border-radius: 2px;
}

.stu_left {
    BACKGROUND: #FFF;
    margin-bottom: 20px;
    border-radius: 7px;
    padding: 15px;
    box-shadow: 0 2px 10px #ccc;
}

.stu_left_box1:hover {
    background: linear-gradient(-122deg, rgba(0,204,255,0.3), rgba(47,55,127,0.3));
    /*-webkit-transform: scale(0.9);
    transform: scale(0.9);*/
}

/*
.neet_table_box:hover {
    background: transparent !important;
}
*/

.stu_home_page {
    margin-top: 7rem;
}

.stu_box_heading {
    background: #019ddc;
    padding: 15px 0 15px 20px;
    margin-left: -15px;
    border-radius: 0 20px 20px 0;
    width: 70%;
}

    .stu_box_heading img {
        width: 65%;
        margin: 0 auto;
        display: block;
    }

.autocomplete {
    position: relative;
}

.autocomplete-items {
    position: absolute;
    background: #fff;
    border: 1px solid;
    padding: 10px;
    width: 100%;
    z-index: 999;
}

    .autocomplete-items div {
        cursor: pointer;
        padding: 5px;
        text-align: left;
    }

.right_svg {
    float: right;
    text-align: center;
}

    .right_svg div {
        color: #7b7a7a;
        font-size: 13px;
    }

    .right_svg img {
        width: 35%;
    }

.stu_box_heading p {
    color: #fff;
    margin-bottom: 0;
}

.stu_left h6 {
    color: #2293C3;
    font-weight: bold;
}

    .stu_left h6 span {
        color: #7b7a7a;
        font-weight: normal;
        padding-left: 14px;
        font-size: 14px;
        margin-top: -20px;
    }

/*.student_playvideo .embed-responsive-16by9::before {
    padding-top: 0;
}*/

.stu_left .table {
    width: 100%;
    margin-top: 1.5rem;
}

    .stu_left .table thead {
        border-radius: 20px 20px 0 0;
    }

        .stu_left .table thead th {
            background: #019ddc;
            padding: 7px;
            text-align: center;
            color: #fff !important;
        }

    .stu_left .table tbody tr td {
        padding: 7px;
        text-align: center;
    }

        .stu_left .table tbody tr td:first-child {
            color: #019ddc;
        }

.neet_table tbody tr th, .neet_table tbody tr td {
    border: 1px solid #ccc;
    text-align: left;
}

.neet_table_box .review_td {
    background: #b8d0da;
    padding-top: 2rem !important;
    border: 2px solid #fff;
}

.neet_header_box {
    border: 1px solid #ccc;
    padding: 10px;
    color: #000;
}

.neet_header_detail {
    font-size: 16px;
    font-weight: normal !important;
    line-height: 2;
    text-align: center;
    color: #000 !important;
}

.download_neet_pdf {
    margin-bottom: 2rem;
}

    .download_neet_pdf a {
        background: linear-gradient( 258.77deg, #2F387F -2.12%, #1C74B3 97.09%);
        padding: 9px 15px;
        color: #fff;
        border-radius: 5px;
        border: 1px solid #fff;
        display: block;
        text-align: center;
        font-size: 16px;
    }

        .download_neet_pdf a:hover {
            background: #fff;
            color: #1C74B3;
            border: 1px solid #1C74B3;
        }

.post_right_img img {
    width: 100%;
}

.left_img {
    margin-top: 3rem;
}

.stu_right {
    background: #FFF4E6;
    padding: 15px;
    margin-bottom: 20px;
    box-shadow: 0 2px 10px #ccc;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

    .stu_right:hover {
        background: linear-gradient(-122deg, rgba(0,204,255,0.3), rgba(47,55,127,0.3));
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }



.stu_right_box h4 {
    color: #019ddc;
}

.orange_btn {
    background: #019ddc;
    color: #fff;
    padding: 10px;
    display: block;
    text-align: center;
    border-radius: 10px;
}

.left_img form {
    margin-top: 1rem;
}

    .left_img form span {
        color: #7b7a7a;
        font-size: 14px;
    }

.stu_right_box img {
    display: block;
    margin: 0 auto;
}

.white_btn {
    background: #fff;
    border-radius: 30px;
    padding: 6px 20px;
    color: #2293C3 !important;
    border: 1px solid #fff;
}

    .white_btn:hover {
        background: #2293C3;
        color: #fff !important;
        border: 1px solid #fff;
    }
/*---------------------------end----header---------------*/
.stu_sc ._facebook, .stu_sc ._instagram, .stu_sc ._youtube, .stu_sc ._linkedin {
    background-color: transparent;
}

    .stu_sc ._facebook img, .stu_sc ._instagram img, .stu_sc ._youtube img, .stu_sc ._linkedin img {
        border-radius: 5px;
    }

._facebook {
    background-color: #3b5998;
}

._instagram {
    background-color: #262626;
}

._linkedin {
    background-color: #0077b5;
}

._youtube {
    background-color: #cd201f;
}

.dropdown-menu {
    width: 220px;
}
/*---------------end-our--team--------------------*/
.edit {
    background-color: #019ddc;
    text-align: center;
    color: #019ddc;
    font-weight: 600;
    margin: 20px 2rem;
    font-size: 35px
}

.sub-exam-sys table tbody tr td label p {
    cursor: pointer;
}

.live-error-div {
    text-align: center
}

.py-2 h4 a {
    overflow-wrap: break-word;
}

.img-oops img {
    width: 50%
}

.img-oops p {
    font-size: 2rem;
    font-weight: 600 !important;
    color: #019ddc;
    margin: 1rem 0;
    line-height: 1.5
}

.bottom-para {
    font-size: 1.5rem;
    font-weight: 600 !important;
    color: #000;
    margin: 2rem 0;
    line-height: 1.5
}

.link-para {
    color: #fff;
    background-color: #019ddc;
    padding: 0 10px;
    border-radius: 3px
}

.section_padding_50_20 {
    padding-top: 50px;
    padding-bottom: 20px
}

.section_padding_150 {
    padding-top: 150px;
    padding-bottom: 150px
}

.section_padding_200 {
    padding-top: 200px;
    padding-bottom: 200px
}

.section_padding_0_100 {
    padding-top: 0;
    padding-bottom: 100px
}

.section_padding_0_1001 {
    padding-top: 100px; /*padding-bottom:100px*/
}

.section_padding_70 {
    padding-top: 70px;
    padding-bottom: 70px
}

.section_padding_0_50 {
    padding-top: 0;
    padding-bottom: 50px
}

.md-form {
    position: relative;
    margin-top: 0 !important;
    margin-bottom: 1rem !important
}

.navbar {
    box-shadow: none
}

.shadow-md {
    box-shadow: 0 0 5px
}

.ol1 li {
    list-style: inherit
}

.logo_nav {
    width: 14%;
    padding: 0;
}

.logoimg {
    width: 100%;
}

.modal-dialog.modal-notify.modal-warning .badge, .modal-dialog.modal-notify.modal-warning .modal-header {
    background-color: #6320bf
}

.btn-outline-warning {
    border: 2px solid #6320bf !important;
    background-color: #fff !important;
    color: #6320bf !important;
    width: 30%
}

img {
    max-width: 100%;
    max-height: 100%
}

.mt-15 {
    margin-top: 15px
}

.mt-30 {
    margin-top: 30px
}

.mt-40 {
    margin-top: 40px
}

.mt-50 {
    margin-top: 50px
}

.mt-100 {
    margin-top: 100px
}

.mt-150 {
    margin-top: 150px
}

.mr-15 {
    margin-right: 15px
}

.mr-30 {
    margin-right: 30px
}

.mr-50 {
    margin-right: 50px
}

.mr-100 {
    margin-right: 100px
}

.mb-15 {
    margin-bottom: 15px
}

.mb-30 {
    margin-bottom: 30px
}

.mb-50 {
    margin-bottom: 50px
}

.mb-100 {
    margin-bottom: 100px
}

.ml-15 {
    margin-left: 15px
}

.ml-30 {
    margin-left: 30px
}

.ml-50 {
    margin-left: 50px
}

.ml-100 {
    margin-left: 100px
}

ol, ul {
    margin: 0;
    padding: 0
}

#scrollUp {
    bottom: 0;
    font-size: 24px;
    right: 30px;
    width: 50px;
    background-color: #fb397d;
    color: #fff;
    text-align: center;
    height: 50px;
    line-height: 50px
}

a, a:active, a:focus, a:hover {
    text-decoration: none;
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s
}

li {
    list-style: none
}

p {
    font-size: 16px;
    font-weight: 300;
    margin-top: 0
}

.heading-text > p {
    font-size: 16px
}

.section-heading > h2 {
    font-weight: 300;
    color: #019ddc;
    font-size: 48px;
    margin: 0
}

.section-heading {
    margin-bottom: 20px
}

.line-shape, .line-shape-white {
    width: 80px;
    height: 2px;
    background-color: #fb397d;
    margin-top: 15px
}

.line-shape {
    margin-left: calc(50% - 40px)
}

.table {
    display: table;
    height: 100%;
    left: 0;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 2
}

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

#preloader {
    overflow: hidden;
    background-color: #fff;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999999
}

.colorlib-load {
    -webkit-animation: 2s linear 0s normal none infinite running colorlib-load;
    animation: 2s linear 0s normal none infinite running colorlib-load;
    background: transparent none repeat scroll 0 0;
    border-color: #ddd #ddd #019ddc;
    border-style: solid;
    border-width: 2px;
    height: 40px;
    left: calc(50% - 20px);
    position: relative;
    top: calc(50% - 20px);
    width: 40px;
    z-index: 9
}

@-webkit-keyframes colorlib-load {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes colorlib-load {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.header_area {
    background: #fff;
    left: 0;
    box-shadow: 0 2px 5px #504f4f;
    position: absolute;
    width: 100%;
    z-index: 99;
    top: 0;
    padding: 0
}

.navbar.navbar-light .breadcrumb .nav-item.active > .nav-link, .navbar.navbar-light .navbar-nav .nav-item.active > .nav-link {
    border-bottom: none;
    background: 0 0 !important
}

.menu_area .navbar-brand {
    font-size: 38px;
    font-weight: 700;
    color: #fff;
    margin: 0;
    line-height: 1;
    padding: 0
}

    .menu_area .navbar-brand:focus, .menu_area .navbar-brand:hover {
        color: #fff
    }

.menu_area {
    position: relative;
    z-index: 2
}

    .menu_area #nav .nav-link {
        -webkit-transition-duration: .5s;
        -o-transition-duration: .5s;
        transition-duration: .5s;
    }

        .menu_area #nav .nav-link img {
            margin: 0 auto;
            display: block
        }

    .menu_area nav ul li > a:hover {
        color: #fb397d
    }

.sing-up-button {
    text-align: right;
    display: inline-block;
    border: 2px solid #a883e9;
    height: 50px;
    line-height: 46px;
    text-align: center;
    border-radius: 24px 24px 24px 0
}

    .sing-up-button > a {
        color: #019ddc;
        padding: 0 12px;
        font-weight: 500;
        display: inline-block
    }

    .sing-up-button:hover {
        background: #fb397d;
        color: #fff;
        border-color: transparent;
        -webkit-transition-duration: .5s;
        -o-transition-duration: .5s;
        transition-duration: .5s
    }

    .sing-up-button a:hover {
        color: #fff
    }

.header_area.sticky {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.69);
    box-shadow: 0 1px 4px rgba(0,0,0,.69);
    height: 70px;
    position: fixed;
    top: 0;
    z-index: 99
}

    .header_area.sticky .menu_area .navbar-brand {
        font-size: 50px
    }

    .header_area.sticky .menu_area #nav .nav-link {
        padding: 5px 15px 2px;
        margin-top: 0
    }

    .header_area.sticky .navbar {
        padding: 0
    }

.phone-no {
    margin: 0 0 0 10%;
    font-size: 25px;
    font-weight: 700;
    text-align: center
}

    .phone-no .text_green {
        color: #019ddc
    }

    .phone-no .fa {
        font-size: 25px;
        color: #019ddc
    }

    .phone-no .fa_icon {
        font-size: 20px;
        margin-right: 5px
    }

.heading-content {
    background: #019ddc;
    color: #fff;
    padding: 15px 0;
    width: 70%;
    margin: 0 auto 2% auto
}

.contaent-hr hr {
    margin-top: 2rem;
    margin-bottom: 2rem;
    border: 0;
    border-top: 2px dashed #ccc
}

.heading-content h4 {
    text-align: center
}

.heading-content hr {
    margin: 10px auto;
    width: 10%;
    border-top: 2px solid #fff
}

.edit-box {
    width: 70%;
    margin: 0 auto 2% auto
}

.edit-profile {
    margin: 4% 0 0 0
}

    .edit-profile a, .edit-profile button, .forgot_page .link, .forgot_page .next-link, .reset-link {
        background: #019ddc;
        border: 1px solid #019ddc;
        color: #fff;
        padding: 10px 15px;
        border-radius: 20px;
        outline: 0
    }

        .edit-profile a:hover, .edit-profile button:hover, .forgot_page .link:hover, .forgot_page .next-link:hover, .reset-link:hover {
            background: #fff;
            color: #019ddc;
            border: 1px solid #019ddc;
            text-decoration: none;
            cursor: pointer
        }

.reset-page input {
    margin-bottom: 20px
}

label.btn.btn-primary.waves-effect.waves-light {
    margin-top: 0;
    padding: 6px
}

.modal .form-control:disabled {
    background-color: #fff;
    opacity: 1
}

.modal input.form-control {
    background-color: #fff;
    border-top: 0;
    border-left: 0;
    border-right: 0
}

/*-----------otp--password-------------*/
/*.otp_page {
    background: linear-gradient(258.77deg, #2F387F -2.12%, #1C74B3 97.09%);
    max-height: 100%;
    height: 100%;
}*/

.forgot-page1 {
    /*background: url(../../Z_E_img/Vector_8.png) #383E88 no-repeat center;*/
    background: #383E88;
    position: absolute;
    padding: 6rem 0;
    bottom: 0 !important;
    left: 0;
    right: 0;
    top: 0;
    background-size: 100%;
    /*background-position: bottom;
    height: 100%;
    max-height: 100%;*/
}

.form_div {
    background: #fff;
    padding: 3rem;
    border-radius: 5px;
}

.link-anchor span a {
    color: #383E88;
}

.login_headingp h6 {
    font-style: normal;
    font-weight: normal;
    font-size: 28px;
    line-height: 34px;
    color: #383E88;
}

.login_headingp p {
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 19px;
    /* identical to box height */
    color: #7d7e80;
}

.forgot-page1 input, .forgot-page1 select {
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 2rem;
    color: #BEC5D3;
    border-bottom: 2px solid #DADFEB !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
}

.agree_btn {
    margin-top: 20px;
}

    .agree_btn .SH_btn_orange {
        width: auto;
        padding: 5px 35px;
        font-weight: normal;
    }

.Zgradient_btn {
    background: #EB7926;
    color: #fff !important;
    border-radius: 5px;
    padding: 8px 20px;
    font-size: 16px;
    text-transform: uppercase;
}

.forgot_next_btn {
    width: 65%;
    margin-top: 3rem;
    padding: 10px;
}
/*.forgot_page input {
    border: 1px solid #019ddc
}*/
.left_logo {
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 0;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
}

}

.link-anchor {
    margin-top: 1%;
}

.forgot_page .next-link {
    float: right
}

.forgot-page1 {
    /*background: rgba(178,174,174,.12);*/
    overflow-x: auto
}

    .forgot-page1 .container {
        /*background: #fff;*/
        padding: 20px
    }

    .forgot-page1 .form-div {
        max-width: 500px;
        margin: 100px auto;
        box-shadow: 0 0 5px #ccc;
        padding: 15px
    }

.video-class a:hover {
    text-decoration: none
}

.video_link:hover {
    background: #019ddc
}

    .video_link:hover h6 {
        color: #fff
    }

.video_link .class--name {
    color: #019ddc
}

.video_link h6 {
    min-height: 25px;
    text-align: center;
    font-weight: 700;
    color: #000
}

.paid-icon .paid-img {
    position: absolute;
    width: 10vh;
    left: -21px;
    top: -8px
}

@media only screen and (max-width:990px) {
    .phone-no .fa {
        color: #fff
    }

    .wtsup-link2 {
        width: 50% !important;
        margin: 0 auto
    }

    .result-content {
        width: 100% !important
    }

        .result-content .col_xs1 {
            width: 50%;
            float: left
        }

        .result-content .col_xs2 {
            width: 50%;
            float: right
        }

    .PlayVideo {
        width: 100% !important
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {
    .content-wtsup span {
        line-height: 50px !important;
        font-size: 2.7rem !important
    }
}

@media only screen and (min-device-width:1024px) and (max-device-width:1366x) and (orientation:portrait) {
    .content-wtsup span {
        line-height: 50px !important;
        font-size: 2.7rem !important
    }
}

@media only screen and (min-device-width:1024px) and (max-device-width:1366x) and (orientation:landscape) {
    .content-wtsup span {
        line-height: 55px;
        font-size: 3rem
    }
}

.wtsup-link {
    background: #49c557;
    margin: 5% 0;
    padding: 0 5px;
    border-radius: 10px;
    box-shadow: 5px 5px 5px 2px rgba(0,0,0,.16),0 2px 3px 0 rgba(0,0,0,.12)
}

.content-wtsup span {
    color: #fff;
    font-weight: 600;
    line-height: 55px;
    font-size: 3rem
}

.wtsup-link .fa {
    color: #fff;
    font-size: 7rem
}

.wtsup-link a:hover {
    text-decoration: none
}

.wtsup-link2 {
    width: 20%;
    margin: 0 auto
}

.wtsup-p {
    text-align: center;
    margin-top: 1%
}

.validity-div {
    height: 200px;
    border: 1px solid #ccc;
    border-radius: 20px;
    margin: 20px 0;
    box-shadow: 0 2px 5px #504f4f
}

    .validity-div:hover {
        background: #019ddc;
        cursor: pointer
    }

        .validity-div:hover h6 {
            color: #fff
        }

        .validity-div:hover span {
            color: #fff
        }

.code-div {
    margin: 2% 0 5% 0
}

    .code-div ul li {
        display: inline-block;
        margin: 10px 0
    }

        .code-div ul li:first-child {
            font-size: 20px;
            font-weight: 700;
            color: #019ddc
        }

a: not([href]):not([tabindex]) {
    color: #fff;
    text-decoration: none
}

.md-form label {
    top: 10px !important
}

.btntest {
    background: #019ddc;
    color: #fff;
    border: none;
    background: 0 0;
    width: 100%
}

.boxnews {
    padding: 7px 15px;
    width: 100%;
    display: block;
    text-align: left;
    border: 2px solid #dcdcdc;
    font-size: 17px;
    color: #019ddc !important
}

    .boxnews:hover {
        box-shadow: 0 0 10px #ccc
    }

    .boxnews p {
        display: inline-block;
        margin-left: 15px;
        color: #019ddc
    }

.newcon {
    position: relative;
    background: #019ddc24;
    padding: 20px 70px
}

    .newcon h1 {
        color: #1e1b46;
        font-weight: 900
    }

    .newcon p {
        font-size: 18px
    }

    .newcon h3 {
        position: absolute;
        left: -61px;
        top: 13px;
        transform: rotate(-50deg);
        background: #fb397d;
        color: #fff;
        padding: 10px;
        box-shadow: 0 0 5px #000
    }

.newcon1a {
    padding: 0 25px
}

    .newcon1a ul {
        margin-left: 20px
    }

        .newcon1a ul li {
            list-style: disc;
            font-size: 18px
        }

.newcon1 {
    background: #019ddc24;
    padding: 20px
}

    .newcon1 h1 {
        color: #1e1b46;
        font-weight: 900
    }

    .newcon1 p {
        font-size: 18px;
        width: 100%
    }

.newcon2 h1 {
    color: #1e1b46;
    font-size: 26px;
    margin-left: 20px;
    font-weight: 600
}

.fd1 {
    font-size: 22px;
    margin-bottom: 0;
    display: inline-block;
    margin-left: 0
}

.fd {
    display: inline-block;
    margin-left: 0
}

.sing-up-button a:hover {
    color: #fff !important
}

.newarher:hover {
    color: #fff !important
}

.view img {
    height: auto;
    width: auto !important
}

.carousel {
    position: relative;
    width: 100%
}

.wellcome_area {
    background-image: url(../img/bg-img/welcome-bg.png);
    height: auto;
    position: relative;
    z-index: 1;
    background-position: bottom center;
    background-size: cover
}

    .wellcome_area:after {
        position: absolute;
        width: 100%;
        left: 0;
        height: 2px;
        background-color: #fff;
        content: '';
        bottom: 0;
        z-index: 2
    }

.welcome-thumb {
    width: 45%;
    position: absolute;
    bottom: -130px;
    right: 85px;
    z-index: 9
}

    .welcome-thumb img {
        height: auto;
        width: 100%
    }

.wellcome-heading > h2 {
    font-size: 80px;
    color: #fff;
    font-weight: 700;
    position: relative;
    z-index: 3;
    font-family: OCRAExtendedRegular
}

.get-start-area .email {
    background: #9572e8;
    height: 50px;
    max-width: 260px;
    border: none;
    border-radius: 24px;
    padding: 0 15px
}

.form-control::-webkit-input-placeholder {
    color: #cec1f4;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #cec1f4;
    opacity: 1
}

.form-control::-ms-input-placeholder {
    color: #cec1f4;
    opacity: 1
}

.form-control::placeholder {
    color: #cec1f4;
    opacity: 1
}

.get-start-area .email:focus {
    border: none;
    outline-offset: transparent !important;
    border-radius: 30px
}

.get-start-area .submit {
    background-color: #fb397d;
    color: #fff;
    font-weight: 500;
    display: inline-block;
    border: none;
    height: 50px;
    min-width: 167px;
    line-height: 46px;
    text-align: center;
    border-radius: 24px 24px 24px 0;
    margin-left: 10px
}

    .get-start-area .submit:hover {
        background: #6f52e5;
        color: #fff;
        -webkit-transition-duration: .5s;
        -o-transition-duration: .5s;
        transition-duration: .5s
    }

.wellcome-heading > p {
    color: #fff
}

.wellcome-heading > h3 {
    font-size: 332px;
    position: absolute;
    top: -134px;
    font-weight: 900;
    left: -12px;
    z-index: -1;
    color: #fff;
    opacity: .1
}

.wellcome-heading {
    margin-bottom: 100px
}

.single-icon > i {
    font-size: 36px;
    color: #fb397d
}

.single-special > h4 {
    font-size: 22px;
    color: #019ddc
}

.single-icon {
    margin-bottom: 25px
}

.single-special > h4 {
    font-size: 22px;
    color: #019ddc;
    margin-bottom: 15px
}

.single-special {
    border: 1px solid #eff2f6;
    padding: 40px;
    border-radius: 40px 40px 40px 0;
    -webkit-transition-duration: .8s;
    -o-transition-duration: .8s;
    transition-duration: .8s;
    margin-bottom: 30px
}

.special_description_content > h2 {
    color: #019ddc;
    font-size: 48px;
    margin-bottom: 30px
}

.single-special:hover {
    -webkit-box-shadow: 0 10px 90px rgba(0,0,0,.08);
    box-shadow: 0 10px 90px rgba(0,0,0,.08)
}

.single-special p {
    margin-bottom: 0
}

.app-download-area {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: 1;
    flex-basis: 1;
    margin-top: 50px
}

.app-download-btn a {
    border: 1px solid #ddd;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px 30px;
    border-radius: 30px 30px 30px 0;
    -webkit-box-shadow: 0 10px 30px rgba(0,0,0,.1);
    box-shadow: 0 10px 30px rgba(0,0,0,.1);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .app-download-btn a:hover, .app-download-btn.active a {
        border-color: transparent;
        background-color: #fb397d
    }

    .app-download-btn a i {
        color: #47425d;
        font-size: 24px;
        margin-right: 15px;
        -webkit-transition-duration: .5s;
        -o-transition-duration: .5s;
        transition-duration: .5s
    }

    .app-download-btn a p {
        font-size: 16px;
        line-height: 1;
        -webkit-transition-duration: .5s;
        -o-transition-duration: .5s;
        transition-duration: .5s
    }

        .app-download-btn a p span {
            font-size: 12px;
            display: block
        }

.app-download-btn:first-child {
    margin-right: 20px
}

.app-download-btn a:hover i, .app-download-btn a:hover p, .app-download-btn.active a i, .app-download-btn.active a p {
    color: #fff
}

.single-feature {
    margin-bottom: 50px
}

    .single-feature > p {
        margin-bottom: 0
    }

    .single-feature > i {
        color: #fb397d;
        font-size: 30px;
        display: inline-block;
        float: left;
        margin-right: 10px
    }

    .single-feature > h5 {
        font-size: 22px;
        color: #019ddc
    }

    .single-feature > p {
        margin-top: 15px
    }

.video-area {
    position: relative;
    z-index: 1;
    background-position: center center;
    background-size: cover;
    border: 20px solid #fff;
    border-radius: 20px;
    height: 450px;
    -webkit-box-shadow: 0 10px 50px rgba(0,0,0,.08);
    box-shadow: 0 0 5px #736e6e
}

    .video-area:after {
        position: absolute;
        content: "";
        top: -20px;
        left: -20px;
        width: calc(100% + 40px);
        height: calc(100% + 40px);
        border: 1px solid #f1f4f8;
        z-index: 2;
        border-radius: 20px
    }

    .video-area .video-play-btn a {
        width: 80px;
        height: 80px;
        background-color: #fb397d;
        color: #fff;
        text-align: center;
        display: block;
        font-size: 36px;
        line-height: 80px;
        padding-left: 5px;
        border-radius: 50%;
        top: 50%;
        position: absolute;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        z-index: 3
    }

        .video-area .video-play-btn a:hover {
            background-color: #a865e1;
            color: #fff
        }

.cool_facts_area {
    position: relative;
    z-index: auto;
    background: #a865e1;
    background: -webkit-linear-gradient(to left,#0e4e1c,#019ddc);
    background: -webkit-linear-gradient(right,#0e4e1c,#019ddc);
    background: -webkit-gradient(linear,right top,left top,from(#0e4e1c),to(#019ddc));
    background: -o-linear-gradient(right,#0e4e1c,#019ddc);
    background: linear-gradient(to left,#0e4e1c,#019ddc);
    padding: 180px 0 80px 0;
    top: -100px
}

    .cool_facts_area:after {
        position: absolute;
        bottom: -100px;
        left: 0;
        right: 0;
        width: 100%;
        height: 100px;
        background-color: #fff;
        content: ''
    }

.cool-facts-content > i {
    color: #fff;
    font-size: 36px
}

.counter-area {
    min-width: 100px;
    -ms-flex-item-align: end;
    align-self: flex-end
}

    .counter-area > h3 {
        color: #fff;
        font-size: 60px;
        margin-bottom: 0;
        line-height: 1
    }

.cool-facts-content > p {
    font-size: 18px;
    color: #fff;
    margin-bottom: 0
}

.app_screenshots_slides {
    padding: 0 6%
}

    .app_screenshots_slides .single-shot {
        opacity: .7;
        -webkit-transform: scale(.85);
        -ms-transform: scale(.85);
        transform: scale(.85)
    }

    .app_screenshots_slides .center .single-shot {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        box-shadow: 0 0 5px #797777;
        border: 2px solid #ccc
    }

.app-screenshots-area .owl-dot {
    height: 11px;
    width: 11px;
    border: 2px solid #a49fba;
    border-radius: 50%;
    display: inline-block;
    margin: 0 6px;
    margin-top: 50px
}

    .app-screenshots-area .owl-dot.active {
        background-color: #fb397d;
        border: transparent
    }

.app-screenshots-area .owl-dots {
    height: 100%;
    width: 100%;
    text-align: center
}

.pricing-plane-area {
    background: #f5f9fc
}

.single-price-plan {
    background: #fff;
    border: 1px solid #ebebeb;
    border-radius: 30px 30px 30px 0;
    margin-bottom: 30px
}

    .single-price-plan .package-plan {
        padding: 40px 0;
        border-radius: 30px 30px 0 0
    }

        .single-price-plan .package-plan > h5 {
            color: #019ddc;
            font-size: 18px
        }

        .single-price-plan .package-plan .ca-price h4 {
            color: #fb397d;
            font-size: 48px;
            position: relative;
            z-index: 1;
            margin-bottom: 0;
            line-height: 1
        }

        .single-price-plan .package-plan .ca-price span {
            font-size: 18px;
            color: #fb397d
        }

    .single-price-plan .plan-button > a {
        background: #726a84;
        padding: 10px 0;
        border-bottom-right-radius: 30px;
        color: #fff;
        font-size: 16px;
        font-weight: 500;
        display: block;
        -webkit-transition-duration: .5s;
        -o-transition-duration: .5s;
        transition-duration: .5s
    }

    .single-price-plan .package-description > p {
        margin-bottom: 0;
        line-height: 1;
        padding: 15px 0;
        border-bottom: 1px solid #ebebeb
    }

        .single-price-plan .package-description > p:first-child {
            border-top: 1px solid #ebebeb
        }

    .single-price-plan.active .package-plan, .single-price-plan.active .plan-button > a, .single-price-plan:hover .plan-button > a {
        background-color: #a865e1
    }

        .single-price-plan.active .package-plan .ca-price > h4, .single-price-plan.active .package-plan .ca-price > span, .single-price-plan.active .package-plan > h5, .single-price-plan.active .plan-button > a {
            color: #fff
        }

.clients-feedback-area .client-name > h5 {
    color: #019ddc;
    font-size: 22px;
    margin-top: 5px
}

.clients-feedback-area .star-icon > i {
    font-size: 18px;
    color: #f1b922
}

.clients-feedback-area .client-description > p {
    max-width: 1010px;
    margin: auto;
    margin-bottom: 15px;
    font-size: 22px
}

.clients-feedback-area .client > i {
    font-size: 48px;
    color: #897ceb;
    margin-bottom: 30px
}

.clients-feedback-area .client-name > p {
    color: #b5aec4
}

.clients-feedback-area .slick-dots {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .clients-feedback-area .slick-dots li button {
        width: 12px;
        height: 12px;
        text-indent: -999999999999999999999999px;
        border: 3px solid #a49fba;
        background-color: #fff;
        border-radius: 50%;
        margin: 5.5px;
        outline: 0
    }

    .clients-feedback-area .slick-dots li.slick-active button {
        background-color: #fb397d;
        border-color: #fb397d
    }

.clients-feedback-area .slick-slide.client-thumbnail {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 129px
}

.clients-feedback-area .slick-slide img {
    display: block;
    width: 80px !important;
    height: 80px !important;
    border-radius: 50%;
    border: 5px solid #fff;
    -webkit-box-shadow: 0 4px 20px rgba(0,0,0,.1);
    box-shadow: 0 4px 20px rgba(0,0,0,.1)
}

.clients-feedback-area .slick-slide.slick-current img {
    width: 100px !important;
    height: 100px !important
}

.clients-feedback-area .slick-arrow {
    position: absolute;
    width: 30px;
    background-color: #fff;
    height: 100%;
    text-align: center;
    font-size: 24px;
    color: #b5aec4;
    display: block;
    line-height: 550%;
    left: 0;
    z-index: 90;
    cursor: pointer
}

    .clients-feedback-area .slick-arrow.fa-angle-right {
        left: auto;
        right: 0;
        top: 0
    }

.our-monthly-membership {
    background: #a865e1;
    background: -webkit-linear-gradient(to left,#0e4e1c,#019ddc);
    background: -webkit-linear-gradient(right,#0e4e1c,#019ddc);
    background: -webkit-gradient(linear,right top,left top,from(#0e4e1c),to(#019ddc));
    background: -o-linear-gradient(right,#0e4e1c,#019ddc);
    background: linear-gradient(to left,#0e4e1c,#019ddc)
}

.membership-description > h2 {
    color: #fff;
    font-size: 36px
}

.membership-description > p {
    color: #fff;
    margin-bottom: 0
}

.get-started-button > a {
    background: #fff;
    height: 45px;
    min-width: 155px;
    display: inline-block;
    text-align: center;
    line-height: 45px;
    color: #fb397d;
    font-weight: 500;
    border-radius: 23px 23px 23px 0
}

    .get-started-button > a:hover {
        background: #019ddc;
        color: #fff;
        -webkit-transition-duration: .5s;
        -o-transition-duration: .5s;
        transition-duration: .5s
    }

.get-started-button {
    text-align: right
}

.member-image {
    margin-bottom: 30px;
    border-radius: 30px 30px 30px 0;
    position: relative;
    z-index: 1
}

    .member-image img {
        border-radius: 30px 30px 30px 0
    }

.member-text > h4 {
    font-size: 22px;
    color: #019ddc
}

.member-text > p {
    color: #b5aec4;
    margin-bottom: 0
}

.team-hover-effects {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(105,75,228,.8);
    border-radius: 30px 30px 30px 0;
    opacity: 0;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.single-team-member:hover .team-hover-effects {
    opacity: 1
}

.team-social-icon {
    position: absolute;
    z-index: 5;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .team-social-icon > a {
        font-size: 14px;
        color: #fff;
        background: #9a81d7;
        height: 40px;
        width: 40px;
        line-height: 40px;
        text-align: center;
        border-radius: 10px 10px 10px 0;
        display: block;
        margin: 2.5px
    }

.single-team-member {
    margin-bottom: 50px
}

.address-text > p, .email-text > p, .phone-text > p {
    font-size: 18px;
    margin-bottom: 10px
}

    .address-text > p > span, .email-text > p > span, .phone-text > p > span {
        color: #019ddc
    }

.footer-contact-area .line-shape {
    margin-left: 0
}

.footer-contact-area .heading-text > p {
    margin-top: 50px
}

.footer-contact-area .heading-text {
    margin-bottom: 50px
}

.footer-edit {
    border-top: 4px solid #019ddc;
    background: #2293c3;
    background-size: cover;
    padding: 5rem 0 10px 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

#name {
    font-size: 18px;
    padding: 15px 15px;
    border-radius: 25px 25px 25px 0
}

#email {
    font-size: 18px;
    padding: 15px 15px;
    border-radius: 25px 25px 25px 0
}

#message {
    border-radius: 25px 25px 25px 0
}

.btn.submit-btn {
    background: #fb397d;
    height: 48px;
    min-width: 185px;
    color: #fff;
    font-weight: 500;
    border-radius: 22px 25px 22px 0
}

    .btn.submit-btn:hover {
        background: #019ddc;
        color: #fff;
        -webkit-transition-duration: .5s;
        -o-transition-duration: .5s;
        transition-duration: .5s
    }

.footer-contact-area {
    background: #f5f9fc
}

.footer-text > p {
    margin-top: 1rem;
    font-size: 15px;
    color: #fff;
}

.footer-text > h2 {
    color: #019ddc;
    font-size: 72px;
    font-weight: 700
}

.footer-social-icon > a > i {
    background: #019ddc;
    font-size: 14px;
    color: #fff;
    height: 40px;
    width: 40px;
    line-height: 40px;
    font-weight: 500;
    border-radius: 10px 10px 10px 0;
    margin-right: 10px
}

    .footer-social-icon > a > i:hover {
        background: #fb397d;
        color: #fff;
        -webkit-transition-duration: .5s;
        -o-transition-duration: .5s;
        transition-duration: .5s
    }

.social-icon {
    margin-bottom: 30px;
    width: auto !important;
    bottom: auto !important;
    position: static !important;
    z-index: 0 !important
}

.footer-text {
    margin-bottom: 15px
}

.footer-menu ul li {
    display: block;
    padding: 10px 0;
}

    .footer-menu ul li a {
        font-size: 14px;
        display: block;
        padding: 0 7.5px;
        color: #fff;
    }

    .footer-menu ul li span {
        font-size: 14px;
        color: #fff;
    }

.footer-social-icon h3 {
    color: #fff;
    font-weight: bold;
    font-size: 18px;
}

.footer-social-icon > a .active {
    background: #fb397d
}

.footer-menu ul li:last-child a {
    border-right: 0 solid #ddd
}

.footer-social-icon {
    margin-bottom: 10px
}

.footer-menu {
    margin-bottom: 15px
}

.copyright-text > p {
    margin-bottom: 0;
    color: #fff;
}

.text2 a {
    font-size: 15px;
    font-weight: 500;
    color: #fff !important
}

.text2 {
    background: #0ab6ff;
    color: #fff;
    padding: 0 16px;
    border-radius: 7px;
    line-height: 34px
}

.text3 {
    background: 0 0;
    border-right: none;
    border-radius: 20px 0 0 20px
}

.text4 {
    border-left: none;
    border-radius: 0 20px 20px 0;
    height: calc(1em + .75rem + 2px)
}

.navbar {
    box-shadow: none !important
}

.md-form {
    position: relative;
    margin-top: 0 !important;
    margin-bottom: 1rem !important
}

.btn, .btn.disabled:active, .btn.disabled:focus, .btn.disabled:hover, .btn:disabled:active, .btn:disabled:focus, .btn:disabled:hover {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 3px 0 rgba(0,0,0,.12) !important
}

.formex {
    width: 45%;
    margin: 100px auto;
    padding: 20px
}

.boxfull {
    width: 100%;
    max-width: 980px;
    margin: 0 auto
}

.navbar-toggler {
    padding: .1rem .2rem;
    font-size: 1.25rem;
    line-height: 1.5;
    background-color: #019ddc;
    border-radius: .25rem
}

.acher1 {
    height: 50px
}

.acher4 {
    height: 50px;
    vertical-align: bottom
}

.acher5 {
    border: 1px groove #097EB7;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    vertical-align: bottom
}

.acher2 {
    width: 100%;
    display: inline-block;
    cursor: pointer;
    color: #ada6a6;
    font-size: 18px;
    font-weight: 400
}

    .acher2:hover {
        color: #0ab6ff
    }

.fade:not(.show) {
    opacity: 1
}

.tabs-orange li {
    width: 31%;
    margin: 0 10px
}

    .tabs-orange li a {
        display: inline-block;
        width: 100%;
        text-align: center;
        border: 1px solid #ccc;
        margin: 0 10px;
        color: #525252;
        font-weight: 400
    }

        .tabs-orange li a:hover {
            border: 1px solid #0ab6ff;
            color: #0ab6ff
        }

        .tabs-orange li a:focus a:active {
            border: 1px solid #0ab6ff;
            color: #0ab6ff
        }

.modal-footer {
    padding: 0 1rem .5rem 1rem;
    border-top: none
}

.custom-control {
    position: relative;
    min-height: 1.8rem;
    padding-left: 2.5rem
}

.ul1 {
    display: inline-block
}

    .ul1 li {
        display: contents;
        float: left
    }

        .ul1 li a {
            color: #272727;
            font-size: 20px;
            cursor: pointer;
            font-weight: 400
        }

            .ul1 li a:hover {
                transition: none;
                color: #007bff;
                list-style: none
            }

.ul2 {
    display: inline-block;
    float: right;
    position: absolute;
    right: 15px
}

    .ul2 li {
        float: left
    }

        .ul2 li a {
            font-size: 18px;
            margin-left: 20px;
            color: #444343
        }

.ul3 {
    width: 100%;
    display: flex
}

    .ul3 li {
        float: left
    }

        .ul3 li a {
            margin-left: 20px;
            color: #444343
        }

.ul4 {
    width: 100%;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}

    .ul4 li {
        float: left;
        width: 33%;
        text-align: center;
        padding: 11px;
        font-size: 20px
    }

        .ul4 li a {
            width: 30%;
            color: #272727
        }

.ul5 {
    width: 100%;
    display: flex;
    margin-top: 10px
}

    .ul5 li {
        float: left
    }

        .ul5 li a {
            color: #272727;
            font-size: 14px;
            cursor: pointer;
            font-weight: 400
        }

.dropdown-menu {
    right: 0 !important;
    left: auto
}

.container {
    max-width: 1150px
}

.test img {
    height: 100px;
    border-radius: 50%;
    display: block;
    margin: 0 auto;
    margin-bottom: 10px
}

.p3 {
    width: 75%;
    display: block;
    margin: 0 auto
}

.p1 {
    font-weight: 600;
    color: #000;
    font-size: 32px;
    width: 100%
}

.p2 {
    font-size: 16px;
    color: #2f2f2f;
    width: 100%
}

.p4 {
    font-weight: 400;
    color: #000;
    font-size: 32px;
    width: 100%
}

.testhover {
    width: 95%;
    font-size: 14px;
    display: inline-block;
    color: #000;
    font-weight: 600;
    background: #fff;
    border: 1px solid #828282a8
}

    .testhover:hover {
        border: 1px solid #0ab6ff;
        color: #0ab6ff
    }

.testbox2 {
    padding: 0;
    float: left
}

    .testbox2 i {
        font-size: 40px;
        color: #0ab6ff;
        text-align: center;
        display: block
    }

.testbox1 {
    padding: 0 5px;
    float: left;
    height: 40px
}

    .testbox1 p:hover {
        color: #0ab6ff
    }

.p7 {
    color: #000;
    font-weight: 600;
    margin-bottom: 0
}

.p8 {
    font-weight: 600;
    font-size: 13px;
    margin-bottom: 0
}

.testhover p:hover {
    color: #0ab6ff
}

.testul1 li {
    float: left;
    margin-left: 20px;
    font-size: 18px
}

    .testul1 li i {
        font-size: 30px;
        color: #0ab6ff
    }

    .testul1 li a {
        color: #0ab6ff;
        font-size: 16px
    }

.testul2 li {
    float: left;
    margin-left: 10px
}

    .testul2 li a {
        color: #b4b5b5;
        font-weight: 500
    }

        .testul2 li a:hover {
            color: #0ab6ff
        }

.testbox {
    width: 18%;
    margin: 10px;
    float: left
}

.testa1 {
    width: 100%;
    padding: .5rem;
    border: 1px solid #c5c5c5;
    float: left
}

    .testa1:hover {
        border: 1px solid #0ab6ff
    }

.testa2 {
    padding: .5rem;
    border: 1px solid #c5c5c5;
    float: left
}

    .testa2:hover {
        border: 1px solid #0ab6ff
    }

.testimg1 {
    height: 60px;
    width: 60px;
    margin: 10px auto;
    display: block
}

.p5 {
    color: #000;
    text-align: center;
    font-weight: 600;
    margin: 10px auto;
    min-height: 70px
}

.p6 {
    color: #3e3d3d;
    font-weight: 600;
    font-size: 22px;
    margin: 30px 0 10px 0
}

.testul3 {
    margin-left: 20px;
    padding: 20px 0
}

    .testul3 li {
        list-style-type: disc;
        color: #525252;
        font-weight: 500;
        font-size: 13px;
        margin-top: 10px
    }

.testbtn {
    background: #019ddc;
    text-align: center;
    padding: 10px;
    border-radius: 4px;
    color: #fff;
    font-weight: 500;
    margin-bottom: 0
}

.courseh1 {
    width: 100%;
    font-weight: 500;
    text-transform: uppercase
}

.courseh2 {
    font-weight: 300;
    text-transform: uppercase
}

.coursea1 {
    margin-left: 30px;
    font-size: 16px;
    font-weight: 400
}

.ul6 {
    margin: 0 50px
}

    .ul6 li {
        margin-top: 20px;
        font-size: 17px;
        font-weight: 400
    }

        .ul6 li i {
            color: #419a1e
        }

.modelbox img {
    height: 50px;
    width: 50px;
    border-radius: 50%
}

.modelbox p {
    display: inline-block;
    color: #4e4d4d;
    font-weight: 500;
    font-size: 22px;
    margin-left: 20px;
    font-family: serif
}

.modal-dialog1 {
    max-width: 70%;
    margin: 0 auto
}

.modal-footer button {
    line-height: 10px;
    padding: 15px;
    width: 110px
}

.log1 {
    margin: 10px auto;
    display: block;
    width: 40px !important
}

.form1 {
    max-width: 500px;
    margin: 100px auto;
    box-shadow: 0 0 5px #ccc;
    padding: 15px
}

.abs1 {
    position: inherit;
    z-index: 100;
    top: 5px;
    right: 70px
}

.imgabs {
    height: 90px;
    position: absolute;
    left: -47px;
    top: 0
}

.containerone {
    max-width: 85%;
    margin: 0 auto
}

.containerone1 {
    max-width: 85%;
    margin: 0 auto
}

.resform {
    width: 80%;
    padding: 10px 15px !important;
    box-shadow: 0 0 5px;
    margin: 0 auto
}

#ErrorLabel1 {
    text-align: center
}

.cw {
    width: 70%;
    height: 200px;
    margin: 20px auto
}

.cw1 {
    height: 180px;
    margin-top: 10px;
    width: 10px;
    background: #0ab6ff
}

.newcam {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 26px;
    top: 26px;
    height: 60px;
    text-align: center
}

.head5 {
    border-left: 4px solid #019ddc;
    padding-left: 5px;
    margin-bottom: 15px
}

.imgnew1 {
    height: 90px;
    margin: 0 auto 20px
}

.modal-dialog2 {
    max-width: 78% !important;
    margin: 0 auto
}

.boxqestion {
    padding: 15px;
    width: 100%;
    margin: 0 auto
}

.icon1 {
    font-size: 90px;
    padding: 14px 0 0 14px;
    color: #4a4949
}

.cwh {
    margin: 20px auto;
    color: #019ddc;
    font-size: 50px;
    display: inline-block;
    text-align: center
}

.programul {
    color: #fff
}

    .programul ol {
        margin-left: 15px
    }

        .programul ol li {
            list-style: decimal
        }

.lipre {
    background: #fff;
    padding: 2px 20px;
    border-radius: 5px;
    box-shadow: 0 0 3px #565555
}

.line1 {
    max-height: 450px;
    overflow: hidden
}

.line2 {
    max-height: 450px
}

    .line2:hover {
        overflow-y: scroll
    }

.nav-tabs .nav-link {
    border: none;
    color: #424141;
    font-size: 15px;
    padding: 6px 18px
}

    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
        border-bottom: 5px solid #019ddc;
        color: #019ddc;
        background-color: transparent !important;
        font-size: 17px;
        padding: 6px 20px
    }

a:not([href]):not([tabindex]) {
    text-decoration: none
}

.navbar .dropdown-menu a {
    font-family: Montserrat;
    font-style: normal;
    padding: 10px;
    font-size: 14px;
    font-weight: 500;
    color: #3E3E3E;
}

.dropdown-menu li {
    background: #FFEEE1;
    margin-bottom: 10px;
    border-bottom: none;
    border-radius: 10px;
}

.fontp {
    font-size: 21px
}

::-webkit-scrollbar {
    width: 10px;
    height: 6px
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px
}

::-webkit-scrollbar-thumb {
    background: #EB7926;
    border-radius: 10px
}

#modalRegisterForm, div#orangeModalLogin, #ScholarshipModalLogin {
    background: rgba(0, 0, 0, 0.6);
    padding-top: 6rem;
}

#modalRegisterForm, div#orangeModalLogin {
    z-index: 9999;
    opacity: 1;
    background: rgba(0, 0, 0, 0.8);
    padding-top: 3rem;
    margin-top: 0;
}

.modal-dialog.cascading-modal .modal-header {
    box-shadow: none;
    padding: 0;
    margin: 0;
}

.modal-dialog.cascading-modal .close {
    color: #EB7926;
}

.NewModalPopup h4 {
    font-style: normal;
    font-weight: 600;
    font-size: 22px;
    line-height: 27px;
    margin: 1rem 0 0rem 0;
    text-align: center;
    color: #2A3885;
}

.NewModalPopup .modal-dialog.cascading-modal .modal-body {
    padding-left: 5rem;
    padding-right: 5rem;
}

.register_btm_link {
    font-weight: 500;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 13px;
    color: #000;
}

.login_btn {
    background: #2A3885;
    color: #fff;
    width: 68%;
    border-radius: 30px;
    padding: 7px 0;
    border: none;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 0rem;
}

.NewModalPopup input {
    border-bottom: 1px solid #C7C7C7;
}

.register_btm_link span {
    color: #EB7926;
}

.popo-up-logo {
    width: 20%;
    margin: 0 auto;
}

.tabsnew {
    width: 100%;
    display: -webkit-box;
    overflow-x: scroll
}

.imgzoom {
    margin: 0 auto;
    width: auto;
    height: auto
}

.selectclass {
    width: 40%;
    margin: 100px auto;
    box-shadow: 0 0 20px #ccc;
    padding: 15px
}

imgzoom:hover {
    transform: scale(1.2);
    transition: 1s;
    overflow: hidden
}

.cascading-modal {
    margin-top: 5% !important
}

.grey-text {
    color: #019ddc !important
}

.border-polling {
    border: 1px solid #ccc;
    margin: 15px auto !important;
    border-radius: 5px;
    box-shadow: 5px 7px 1px 3px rgb(207, 205, 205);
    width: 95%;
}

.question-polling h5 {
    font-size: 22px;
    font-weight: bold;
    color: #019ddc;
    text-decoration: underline;
    margin-bottom: 2rem;
}

.question-polling {
    margin-top: 4rem;
}

    .question-polling p span {
        font-size: 18px !important;
        font-weight: 500;
    }

.start-poll-btn {
    font-size: 18px;
    padding: 2px 15px;
    color: #fff;
    background: #019ddc;
    border-radius: 10px;
}

.Live_D {
    background: #fff;
    color: #000;
    padding: 5px 10px;
    font-size: 16px;
}

.vediolo {
    width: 95%;
    margin: 0 auto;
    display: block;
    height: 250px;
    box-shadow: 0 0 5px #000
}

.section-heading > h2 {
    margin-top: 0
}

.navbar {
    padding: 0 1rem
}

.purple-gradient {
    background: linear-gradient(40deg,#111716,#019ddc) !important
}

.headingcol {
    background: #019ddc;
    color: #fff;
    padding: 5px 10px;
    box-shadow: 0 2px 5px #212121
}

.card-header {
    padding: 0;
    border-bottom: 2px solid #ccc;
    border-top: 2px solid #ccc
}

    .card-header button {
        box-shadow: none !important;
        display: block;
        color: #019ddc;
        font-weight: 700;
        width: 100%;
        text-align: left;
        text-decoration: none !important;
        margin: 0
    }

label.rol_n {
    word-break: break-all;
}

.exambox {
    background: #fff;
    box-shadow: 0 0 5px #ccc;
    padding: 0 0 15px 0;
    margin-bottom: 20px
}

.newlabel .control-label {
    width: 100% !important;
    font-size: 14px;
    padding: 5px 5px;
    background: #e8e8e8 !important;
    text-align: left !important;
    font-weight: 600;
    margin: 0
}

.newlabel .controls {
    width: 100% !important;
    display: inline-block;
    padding: 0;
    margin: 0
}

    .newlabel .controls label {
        text-align: center;
        background: #fff;
        padding: 8px 10px;
        margin: 0;
        width: 100%
    }

    .newlabel .controls button {
    }

.boxexamin {
    box-shadow: 0 0 5px #ccc;
    background: #fff
}

.boxin {
    background: #019ddc;
    color: #fff;
    box-shadow: 0 2px 5px #191717;
    height: 36px
}

    .boxin span {
        float: left;
        padding: 6px 15px;
        border-right: 1px solid
    }

    .boxin h4 {
        padding: 6px 10px;
        display: inline-block;
        margin-bottom: 0;
        color: #fff
    }

    .boxin h5 {
        padding: 6px 10px;
        color: #fff;
        margin-bottom: 0
    }

.circlenew {
    padding: 7px 10px;
    font-size: 16px;
    border-radius: 50%;
    border: 1px solid #4e4c4c;
    margin-left: 10px
}

#Loader {
    margin: 0 auto;
    height: 40px
}

.modal.fade .modal-dialog4 {
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out;
    -webkit-transform: translate(0) !important;
    transform: translate(0) !important
}

.modal .modal-dialog .modal-content {
    border-color: transparent;
    border-radius: 2px;
    padding: 15px;
    max-width: 500px;
    margin: 30px auto;
    z-index: 999;
    margin: 0 auto
}

#SubmitOption .modal-content {
    width: 100%;
}

#SubmitOption label {
    font-size: 18px !important;
}

.modal-dialog {
    max-width: 100% !important;
    margin: 1.75rem auto
}

.prsent-box {
    width: 50%;
    margin: 10px auto;
    display: block
}

    .prsent-box h2 {
        display: inline-block
    }

.prsent_colum-box {
    background-color: red;
    display: inline-block;
    border-radius: 5%;
    padding: 10px 27px;
    color: #fff
}

#QuestionTypeCountList {
    padding: 15px;
    display: inline-table;
}

#StudentExamQuestionResultList {
    padding: 15px
}

.dataTables_wrapper .dataTables_filter {
    float: right;
    display: inline-block;
    margin: 10px
}

.dataTables_wrapper .dataTables_length {
    float: left;
    margin: 10px;
    display: inline-block
}

.dataTables_length select {
    margin: 0 10px
}

.video-js {
    height: 50vh;
    width: 100% !important
}

.PlayVideo .modal .modal-dialog .modal-content {
    width: 100%
}

.PlayVideo .videoclip-dimensions {
    width: 100%
}

.PlayVideo {
    display: block;
    width: 80%;
    height: auto;
    margin: 0 auto
}

    .PlayVideo .vjs-tech {
        width: 100% !important;
        height: 100% !important
    }

    .PlayVideo.videoclip-dimensions {
        width: 100%
    }

    .PlayVideo .modal-dialog2 {
        max-width: 100% !important
    }

.table-bordered.dataTable > thead > tr > td, .table-bordered.dataTable > thead > tr > th {
    border-bottom-width: 1px !important;
    color: #5d5c5c !important;
    padding: 0 15px !important
}

.newpad1 {
    padding: 15px
}

.pdfabs {
    margin-left: 10px;
    float: right;
    cursor: pointer;
    background: #019ddc;
    z-index: 10;
    color: #fff;
    border: 0;
    box-shadow: 2px 2px 3px #292929;
    padding: 5px 15px
}

.JEEAdvanceSolution {
    margin-left: 10px;
    cursor: pointer;
    background: #019ddc;
    z-index: 10;
    color: #fff;
    border: 0;
    box-shadow: 2px 2px 3px #292929;
    padding: 5px 15px
}

.ultab1 {
    width: 20%;
    float: left;
    display: inline-block;
    color: #000;
    font-weight: 600;
    list-style: none
}

.ultab2 {
    width: 80%;
    display: inline-block;
    list-style: none;
    color: #4c4b4b
}

.pts1 {
    font-size: 22px;
    margin: 9px
}

.boxhid {
    color: #019ddc !important;
    text-align: center;
    font-size: 50px;
    border: 7px solid #019ddc;
    padding: 5px 15px;
    border-radius: 50%
}


.newcon3 {
    background-image: url(../img/latest.png);
    height: auto;
    padding-bottom: 30px;
    background-size: cover
}

.programul p {
    box-sizing: border-box;
    margin: 0 0 10px;
    color: #fff !important;
    font-family: Arial,sans-serif;
    font-size: 16px;
    text-align: justify
}

.ul7 {
    padding: 10px;
    max-height: 320px;
    overflow: hidden
}

    .ul7:hover {
        overflow-y: scroll
    }

    .ul7 li {
        color: #666;
        margin-bottom: 15px;
        list-style: disc
    }

        .ul7 li:hover {
            list-style: disc
        }

        .ul7 li a {
            color: #666
        }

            .ul7 li a:hover {
                color: #50b167
            }

.YoutubeHide {
    padding: 0;
    height: 80px;
    position: absolute
}

.card-header {
    padding: .2rem .25rem !important;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125)
}

.dropdown-submenu > .dropdown-menu {
    top: 0 !important;
    left: 100% !important;
    margin-top: -6px
}

.resnew {
    width: 30%;
    margin: 0 auto
}

.padingbox {
    padding: 100px 0 0 0
}

.live-edit-div .live_img img {
    margin: 0 auto 2rem auto;
    width: 85%;
    display: block
}

.live-edit-div .form-horizontal .control-label {
    width: 100%
}

.live-edit-div .newlabel label {
    text-align: center;
    padding: 15px 0
}

.live-edit-div .newlabel {
    border: 1px solid #ccc
}

.live-edit-div .pr-0-edit {
    padding-right: 0
}

.live-edit-div .pl-0-edit {
    padding-left: 0
}

.live-edit-div .custom_row {
    background-color: #e8e8e8;
    margin: 0 0
}

.live-edit-div .form-horizontal .control-group:last-child {
    border-bottom: 0
}

.live-edit-div .newlabel {
    border: 1px solid #ccc
}

.edit_content_live #Header {
    text-align: center;
    border: 1px dashed;
    background: #ccc;
    padding: 10px 0;
    margin-bottom: 0
}

    .edit_content_live #Header p {
        color: #000;
        margin: 0;
        font-size: 20px;
        font-weight: 600
    }

.edit_content_live .widget-title h5 {
    color: #fff;
    float: left;
    font-size: 14px;
    font-weight: 700;
    padding: 10px 5px;
    line-height: 1.5;
    margin: 0
}

.edit_content_live .widget-content {
    border-bottom: none
}

.edit_content_live .widget-title {
    background: #019ddc;
    height: 36px;
    box-shadow: 0 3px 3px #6f6e6e;
    border-bottom: 1px solid #cdcdcd
}

.edit_content_live iframe {
    width: 100%;
    height: 600px
}

.edit_content_live .right-ul p {
    margin: 0;
    text-align: right
}

.live-content {
    padding-top: 20px !important
}

#content {
    padding: 100px 0 0 0
}

.back-dshbrd-btn {
    margin-bottom: 1rem
}

.button-green {
    background: #019ddc;
    font-size: 16px;
    color: #fff;
    padding: 10px 15px
}

.chat-div {
    padding: 0
}

.chat-div {
    padding: 20px
}

.chat-heading {
    background: #097eb7;
    width: 80%;
    margin: 0 auto;
    padding: 10px
}

.ulchat {
    padding: 0
}

.img-size {
    width: 50px;
    height: 50px
}

.ulchat li a img {
    float: left;
    border-radius: 100%;
    margin-right: 10px
}

.ulchat li {
    list-style: none;
    padding: 10px;
    border-bottom: 1px solid #000
}

.chat-main-div {
    margin: 20px
}

.chatarea2 {
    height: 520px;
    padding: 0 0 0 15px;
    overflow: scroll;
    overflow-x: hidden;
    border-right: 1px solid #000
}

.chatarea4 {
    height: 420px;
    overflow: scroll;
    overflow-x: hidden
}

    .chatarea2::-webkit-scrollbar-thumb, .chatarea4::-webkit-scrollbar-thumb {
        background-color: #7b7676 !important
    }

.div-chat-main.text-center {
    width: 60%;
    margin: 3rem auto
}

.chat-main-para h2 {
    line-height: 2;
    word-spacing: 3px
}

    .chat-main-para h2 .fa {
        font-size: 18px
    }

.heading h4 {
    color: #61b35f;
    text-align: center;
    font-weight: 700
}

.heading {
    border-bottom: 1px dashed #ccc
}

    .heading h4 hr {
        width: 20%;
        margin: 10px auto;
        border: 0;
        border-top: 2px solid #61b35f
    }

.ulchat li a span {
    font-weight: 600;
    color: #5b5555;
    margin-left: 0
}

.back-chat-user {
    float: right
}

.ulchat li a span1 {
    font-weight: 200;
    color: #ccc
}

.background-clr {
    background-color: #adf8d7
}

.chatarea4 {
    margin-bottom: 5px;
    width: 100%;
    background-color: #ddd9d4
}

.right-volor {
    background: #ddbc9e !important
}

.chat-img {
    float: right;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    margin: 10px -20px
}

.user-name {
    color: #097eb7;
    padding: 2% 20px;
    text-shadow: 3px 3px 2px #fff
}

#discussion {
    border-top: 1px solid;
    padding-top: 2%
}

.chat-div ul {
    padding-left: 0
}

    .chat-div ul li {
        list-style: none
    }

.chat-div .form-control {
    border-bottom: 1px solid #00acc1;
    box-shadow: 0 1px 0 #00acc1;
    outline: 0 !important;
    background: 0 0;
    border: none;
    padding: 0 10px
}

    .chat-div .form-control:focus {
        background: rgba(255,255,255,.3)
    }

.btn-send {
    margin: 0;
    float: right;
    font-size: 16px;
    background: #019ddc;
    border: 1px solid #898c91;
    color: #fff;
    -webkit-box-shadow: 0 10px 13px 0 rgba(0,0,0,.75);
    -moz-box-shadow: 0 10px 13px 0 rgba(0,0,0,.75);
    box-shadow: 0 10px 13px 0 rgba(0,0,0,.75)
}

.button-send {
    background: 0 0;
    border: none
}

    .button-send:focus {
        outline: 0
    }

    .button-send:hover {
        cursor: pointer
    }

.btn-send:hover {
    cursor: pointer;
    background: #fff;
    color: #000
}

.chat2 {
    padding: 0 !important;
    padding-bottom: 20px
}

.line-new-div .form-group {
    padding: 0
}

.left-ul {
    text-align: left;
    color: GrayText;
    font-style: oblique;
    font-size: medium
}

.left-li-content {
    position: relative;
    color: #000;
    border-radius: 7px
}

.left-li-content2 {
    font-size: 10px;
    font-style: oblique;
    color: #000;
    margin: 20px 0 0 10%
}

.right-ul {
    text-align: justify;
    color: GrayText;
    font-style: oblique;
    font-size: medium
}

.right-li-content {
    position: relative;
    color: #fff;
    padding: 5px 10px;
    border-radius: 7px
}

.right-li-content2 {
    font-size: 10px;
    font-style: oblique;
    color: #000
}

.triangle-left {
    position: relative;
    width: 0;
    height: 0;
    border-top: 0 solid transparent;
    left: -19px;
    right: 0;
    bottom: 10px;
    border-right: 24px solid #ddbc9e;
    border-bottom: 7px solid transparent
}

.triangle-right {
    position: relative;
    width: 0;
    height: 0;
    float: right;
    left: 23px;
    bottom: 10px;
    border-top: -1px solid transparent;
    border-left: 16px solid #7b7676;
    border-bottom: 7px solid transparent
}

.FTBzM {
    padding-left: 9%;
    padding-right: 9%;
    margin-bottom: 0
}

.xl-div {
    display: block
}

.xs-div {
    display: none
}

.chat-bg-right2 {
    display: block
}

.message-out {
    align-items: flex-end
}

.FTBzM {
    display: flex;
    flex-direction: column;
    position: relative
}

._1zGQT:last-of-type {
    margin-bottom: 0
}

._1zGQT {
    border-radius: 7.5px
}

.line-new-div ._2ugFP {
    max-width: 100% !important
}

._2ugFP {
    max-width: 65%
}

.back-chat-user {
    display: none
}

._1zGQT {
    color: #262626;
    flex: none;
    font-size: 14.2px;
    line-height: 19px;
    position: relative
}

.message-out .tail ._2Wx_5, html[dir=rtl] .message-in .tail ._2Wx_5 {
    border-top-right-radius: 0
}

._2Wx_5 {
    border-radius: 15px;
    background-color: #7b7676;
    box-shadow: 0 4px .9px rgba(255,255,255,.5)
}

.-N6Gq {
    box-sizing: border-box
}

.N6Gq {
    padding: 10px
}

._12pGw {
    position: relative;
    word-wrap: break-word;
    color: #fff
}

.message-in {
    align-items: flex-start
}

.delete-img {
    cursor: pointer;
    width: 20px;
    float: right
}

.lines {
    border-right: 2px solid #019ddc
}

.right-menu-item {
    height: 40px;
    width: 40px;
    padding: 0 !important;
    font-size: 18px !important;
    border: 2px solid #019ddc !important;
    line-height: 35px;
    text-align: center !important;
    border-radius: 50% !important;
    margin: 12px 5px;
    display: block !important;
    position: relative
}

.bagde2 {
    position: absolute;
    top: 2px;
    right: 0;
    text-transform: uppercase;
    padding: 4px 7px !important;
    font-size: 11px !important;
    margin-top: 1px;
    z-index: 20
}

.Loader {
    display: block;
    height: 40px;
    margin: 0 auto
}

.abs10 {
    position: relative
}

.header_area.sticky .menu_area #nav .abs10 {
    margin-top: 12px
}

    .header_area.sticky .menu_area #nav .abs10 .bagde2 {
        top: -9px
    }

.boxinlat {
    position: fixed;
    top: 0;
    width: 61.5%
}

.boxexaminlat {
    max-height: 600px;
    overflow: hidden
}

    .boxexaminlat:hover {
        overflow-y: scroll
    }

.boxexaminlat-scroll {
    position: relative;
    max-height: 600px;
    overflow-x: hidden;
    overflow-y: scroll
}

.boxinlat-top {
    position: sticky;
    width: 100%;
    top: -1px
}

.boxexaminlat-scroll .tablebox-select {
    cursor: pointer
}

.result-dwnld a {
    color: #fff !important;
    font-weight: bold;
}

.result-dwnld {
    text-align: center;
    margin-bottom: 2rem;
}

.pdfabs-quiz {
    margin-left: 10px;
    cursor: pointer;
    background: #019ddc;
    z-index: 10;
    color: #fff;
    border: 0;
    box-shadow: 2px 2px 3px #292929;
    padding: 5px 15px
}

.result-content {
    width: 50%;
    display: block;
    margin: 2% auto;
    background: #fff;
    padding: 2%;
    border: 1px solid #ccc
}

    .result-content h5 {
        margin: 0
    }

    .result-content h6 {
        color: #019ddc;
        margin: 0;
        font-weight: 700
    }

    .result-content .row-btm-border {
        padding: 10px 0;
        border-bottom: 1px dashed #ccc
    }

@media (max-width:1200px) {
    .modal-dialog2 {
        max-width: 85% !important;
        margin: 0 auto
    }

    .fontp {
        font-size: 20px
    }
}

@media (max-width:992px) {
    .abs10 {
        position: absolute;
        top: 0;
        right: 150px
    }

    .right-menu-item {
        height: 40px;
        width: 40px;
        padding: 0 !important;
        font-size: 18px !important;
        border: 2px solid #019ddc !important;
        line-height: 30px;
        text-align: center !important;
        border-radius: 50% !important;
        margin: 0 5px;
        margin-top: 6px !important;
        display: block !important;
        position: relative
    }

    .bagde2 {
        left: 30px
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute;
        margin: 0 auto;
        width: 100%;
    }

    .menu_area #nav .nav-link img {
        width: 9% !important;
        margin: 14px auto;
        display: block;
        float: right;
        margin-left: 50px;
        margin-top: -7px;
    }

    .prsent-box {
        width: 90%;
        margin: 10px auto;
        display: block
    }

    .selectclass {
        width: 60%;
        margin: 100px auto
    }

    .fontp {
        font-size: 18px
    }

    .icon1 {
        font-size: 80px;
        padding: 14px 0 0 14px;
        color: #4a4949
    }

    .cwh {
        margin: 30px auto;
        color: #019ddc;
        font-size: 45px;
        display: inline-block
    }

    .modal-dialog2 {
        max-width: 90% !important;
        margin: 0 auto
    }

    .containerone {
        max-width: 90%;
        margin: 0 auto
    }

    .containerone1 {
        max-width: 95%;
        margin: 0 auto
    }

    .resform {
        width: 95%;
        padding: 10px 15px !important;
        box-shadow: 0 0 5px;
        margin: 0 auto
    }

    .wellcome-heading > h2 {
        font-size: 60px;
        color: #fff;
        font-weight: 700;
        position: relative;
        text-align: center;
        z-index: 3;
        font-family: OCRAExtendedRegular
    }

    .wellcome-heading > p {
        color: #fff;
        text-align: center
    }
}

@media (max-width:768px) {
    .boxinlat {
        position: fixed;
        top: 0;
        width: 94.2%
    }

    .abs10 {
        position: absolute;
        top: 0;
        right: 130px
    }

    .right-menu-item {
        height: 20px;
        width: 20px;
        padding: 0 !important;
        font-size: 14px !important;
        border: 2px solid #019ddc !important;
        line-height: 15px;
        text-align: center !important;
        border-radius: 50% !important;
        margin: 0 5px;
        margin-top: 13px !important;
        display: block !important;
        position: relative
    }

    .bagde2 {
        left: 19px !important;
        position: absolute;
        top: 2px;
        right: 0;
        width: 20px;
        height: 20px;
        padding: 4px 4px !important;
        font-size: 10px !important;
        margin-top: 1px;
        z-index: 20
    }

    .hideonphone {
        display: none
    }

    .lines {
        border-right: none;
        border-bottom: 2px solid #019ddc
    }

    .resnew {
        width: 60%;
        margin: 0 auto
    }

    .pading1 {
        padding: 2px 10px 0 !important
    }

    .modal-dialog1 {
        max-width: 90%
    }

    .newpad1 {
        padding: 0
    }

    .YoutubeHide {
        padding: 0;
        height: 50px;
        position: absolute
    }

    .cascading-modal {
        margin-top: 10% !important
    }

    .selectclass {
        width: 75%;
        margin: 100px auto
    }

    .tabsnew {
        width: 100%;
        display: -webkit-box;
        overflow-x: scroll
    }

    .fontp {
        font-size: 16px
    }

    .nav-tabs .nav-link {
        border: none;
        color: #424141;
        font-size: 16px;
        padding: 6px 10px
    }

        .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
            border-bottom: 5px solid #019ddc;
            background-color: transparent;
            color: #019ddc;
            font-size: 17px;
            padding: 5px 10px
        }

    .icon1 {
        font-size: 50px;
        padding: 14px 0 0 14px;
        color: #4a4949
    }

    .cwh {
        margin: 50px auto;
        color: #019ddc;
        font-size: 30px;
        display: inline-block
    }

    .boxqestion {
        padding: 15px;
        width: 95%;
        margin: 0 auto
    }

    .modal-dialog2 {
        max-width: 98% !important;
        margin: 0 auto
    }

    .containerone {
        max-width: 85%;
        margin: 0 auto
    }

    .containerone1 {
        max-width: 98%;
        margin: 0 auto
    }



    .newcon {
        position: relative;
        background: #019ddc24;
        padding: 20px 30px
    }

    .boxnews {
        font-size: 15px
    }

    .marg3 {
        margin-top: 40px
    }
}

@media (max-width:580px) {
    .padingbox {
        padding: 60px 0
    }

    .pading1 {
        padding: 0 5px !important
    }

    .ul6 {
        margin: 0 0
    }

    .pts1 {
        font-size: 30px;
        margin: 23px
    }

    .dropdown-submenu > .dropdown-menu {
        top: 36px !important;
        left: 0 !important;
        margin-top: -6px
    }
}

@media (max-width:610px) {
    .boxinlat {
        position: fixed;
        top: 0;
        width: 93.2%
    }
}

@media (max-width:480px) {
    .pdfabs {
        margin-left: 10px;
        float: right;
        cursor: pointer;
        background: #019ddc;
        z-index: 10;
        color: #fff;
        border: 0;
        box-shadow: 2px 2px 3px #292929;
        padding: 5px 15px;
        margin-bottom: 10px
    }

    .resnew {
        width: 90%;
        margin: 0 auto
    }

    .ultab1 {
        width: 100%;
        float: left;
        display: inline-block;
        color: #000;
        font-weight: 600;
        list-style: none;
        margin-bottom: 15px
    }

    .ultab2 {
        width: 100%;
        display: inline-block;
        list-style: none;
        color: #4c4b4b
    }

    .modal-dialog1 {
        max-width: 95%
    }

    .navbar {
        padding: 0
    }

    .selectclass {
        width: 95%;
        margin: 100px auto
    }

    .icon1 {
        font-size: 38px;
        padding: 14px 0 0 14px;
        color: #4a4949
    }

    .cwh {
        margin: 50px auto;
        color: #019ddc;
        font-size: 20px;
        display: inline-block
    }

    .newcon h1 {
        font-size: 27px;
        margin-top: 25px
    }

    .newcon1 h1 {
        font-size: 27px;
        margin-top: 25px
    }

    .fd {
        font-size: 14px
    }

    .fd1 {
        font-size: 16px
    }

    .boxinlat {
        position: fixed;
        top: 0;
        width: 92.2%
    }
}

@media (max-width:410px) {
    .boxinlat {
        position: fixed;
        top: 0;
        width: 91.2%
    }
}

@media (max-width:360px) {
    .boxinlat {
        position: fixed;
        top: 0;
        width: 90.2%
    }
}

.paidTS .heading-content, .paidTS .boxin {
    background: #097EB7;
}

#NotificationMessage {
    white-space: break-spaces;
}

.paidTS .tilebox-two {
    border-left: 4px solid #097EB7;
}

.paidTS .section-heading > h2 {
    color: #097EB7;
}

.paidTS .btn-success {
    background-color: #097EB7 !important;
    border: 1px solid #097EB7 !important;
}

.paidTS .text-success {
    color: #097EB7 !important;
}

.img-oops img {
    position: relative;
    animation: mymove 5s infinite;
}

.oops-div {
    color: red;
    background-color: #fff;
    text-align: center;
    margin: 0 auto;
    border: 1px groove;
    padding: 10px;
    box-shadow: 0 0 5px #000;
}

@-webkit-keyframes mymove {
    from {
        left: 0
    }

    to {
        left: 50px
    }
}

@keyframes mymove {
    from {
        left: 0
    }

    to {
        left: 50px
    }
}
/*----------previous paper---list------------*/

.pp-serviceBox {
    color: #fff;
    text-align: center;
    padding: 0 15px 50px;
    margin-top: 15px;
    border: 1px solid transparent;
    position: relative;
    z-index: 1;
}

    .pp-serviceBox:before {
        content: "";
        background: linear-gradient(to bottom,#08949e,#00D9E8);
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        -webkit-clip-path: polygon(100% 0, 100% 80%, 50% 100%, 0% 80%, 0 0);
        clip-path: polygon(100% 0, 100% 80%, 50% 100%, 0% 80%, 0 0);
    }

    .pp-serviceBox .pp-service-icon {
        background: #2a969e;
        font-size: 40px;
        line-height: 110px;
        width: 100px;
        height: 110px;
        margin: -20px auto 20px;
        border-radius: 0 0 50px 50px;
        box-shadow: 0 0 15px rgba(0,0,0,0.5);
        position: relative;
        transition: all 0.3s;
    }

.pp_col_2 {
    margin-top: 0 !important;
}

    .pp_col_2 a {
        padding: 10px 10px;
        background: #474a4a;
        display: inline-block;
        color: #fff;
        box-shadow: 1px 10px 14px 0px rgba(0,0,0,0.3);
        border-radius: 0 5px 5px 0;
    }

}

.pp-serviceBox:hover .pp-service-icon {
    text-shadow: 0 0 5px #000;
    font-size: 65px;
}

.pp-serviceBox .pp-service-icon:before,
.pp-serviceBox .pp-service-icon:after {
    content: "";
    background: linear-gradient(-45deg, #28595f 49%, transparent 50%);
    height: 20px;
    width: 20px;
    position: absolute;
    top: 0;
    left: -20px;
}

.pp-serviceBox .pp-service-icon:after {
    transform: rotateY(180deg);
    left: auto;
    right: -20px;
}

.pp-col {
    margin-top: 2rem;
}

.pp-serviceBox .pp-title {
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 10px;
}

.pp-serviceBox .pp-description {
    font-size: 25px;
}

.pp-serviceBox.pp-green:before {
    background: linear-gradient(to bottom,#12AB8F,#68BA58);
}

.pp-serviceBox.pp-green .pp-service-icon {
    background: #0a977d;
}

    .pp-serviceBox.pp-green .pp-service-icon:before,
    .pp-serviceBox.pp-green .pp-service-icon:after {
        background: linear-gradient(-45deg, #2b665b 49%, transparent 50%);
    }

@media only screen and (max-width:990px) {
    .pp-serviceBox {
        margin: 15px 0 40px;
    }
}

.quiz_question p, .quiz_question p span, .quiz_question label {
    font-size: 18px;
    font-weight: bold;
}
/*------------------pp-bottom-part----------------*/
#TE-accordion {
    padding-left: 80px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.panel-title {
    text-transform: capitalize;
}

#TE-accordion:before {
    content: "";
    width: 5px;
    height: 100%;
    background: #019ddc;
    position: absolute;
    top: 0;
    left: 22px;
    z-index: -1;
}

#TE-accordion .panel {
    border: none;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 15px;
}

#TE-accordion .panel-heading {
    padding: 0;
    border: none;
    border-radius: 0;
}

#TE-accordion .panel-title a {
    display: block;
    padding: 10px 30px 15px 0;
    background: #fff;
    font-size: 2rem;
    font-weight: bold;
    color: #019ddc;
    position: relative;
    transition: all 0.5s ease 0s;
}

    #TE-accordion .panel-title a:before {
        content: "\f068";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        width: 50px;
        height: 50px;
        line-height: 40px;
        border-radius: 50%;
        background: #ddd;
        text-align: center;
        font-size: 17px;
        color: #019ddc;
        border: 6px solid #019ddc;
        position: absolute;
        top: 0;
        left: -80px;
    }

    #TE-accordion .panel-title a.collapsed:before {
        content: "\f067";
        background: #fff;
    }

#TE-accordion .panel-body {
    padding: 10px 15px;
    background: #eee;
    border: none;
    border-radius: 2px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5) inset, 0 1px 2px rgba(255, 255, 255, 0.9);
    font-size: 14px;
    color: #487677;
    line-height: 25px;
}


.TE-serviceBox {
    color: #555;
    background-color: #fff;
    text-align: center;
    padding: 0 0 15px;
    margin: 3rem 0 0;
    border: 1px solid #e1e1e1;
    border-radius: 20px 20px;
    position: relative;
    z-index: 1;
    transition: all ease .3s;
}

    .TE-serviceBox:after {
        content: "";
        background: linear-gradient(to bottom,#FFC312,#F79F1F);
        width: 100%;
        height: 100px;
        border-radius: 0 0 20px 20px;
        box-shadow: 0 0 5px rgba(0,0,0,0.3) inset;
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: -1;
    }

    .TE-serviceBox .TE-service-count {
        color: #fff;
        background: linear-gradient(to bottom,#9fa09e,#3e3d3c);
        font-size: 35px;
        line-height: 130px;
        width: 80px;
        height: 110px;
        margin: -15px 0 20px;
        border-radius: 40px 0 100px 100px;
        position: relative;
    }

        .TE-serviceBox .TE-service-count:before,
        .TE-serviceBox .TE-service-count:after {
            content: "";
            background: #F79F1F;
            width: 25px;
            height: 15px;
            border-radius: 50px 50px 0 0;
            position: absolute;
            top: 0;
            left: 80px;
        }

        .TE-serviceBox .TE-service-count:after {
            background: #9a9b99;
            border-radius: 50px 0 0 0;
            left: 65px;
            z-index: -2;
        }

    .TE-serviceBox .TE-service-icon {
        color: #afafaf;
        font-size: 60px;
        position: absolute;
        right: 20px;
        top: 10px;
        transition: all 0.3s ease 0s;
    }

    .TE-serviceBox:hover .TE-service-icon {
        transform: rotateY(360deg);
    }

    .TE-serviceBox .TE-title {
        font-size: 19px;
        font-weight: 600;
        padding: 0 15px;
        margin: 0 0 10px;
    }

    .TE-serviceBox .TE-description {
        font-size: 15px;
        text-align: center;
        line-height: 25px;
        padding: 0 15px;
        margin: 0 0 23px;
    }

    .TE-serviceBox .TE-read-more {
        color: #fff;
        background: transparent;
        font-size: 16px;
        font-weight: 600;
        text-transform: capitalize;
        border-bottom: 2px solid rgba(255,255,255,0.3);
        transition: all 0.3s ease 0s;
        border: 1px solid;
        cursor: pointer;
        padding: 0px 5px;
    }

        .TE-serviceBox .TE-read-more:hover {
            text-shadow: 0 0 5px #555;
        }

    .TE-serviceBox.TE-green:after,
    .TE-serviceBox.green .TE-service-count {
        background: linear-gradient(to bottom,#9fa09e,#3e3d3c);
    }

    .TE-serviceBox.TE-green .TE-service-count:before {
        background: #424140;
    }

    .TE-serviceBox.TE-green .service-count:after {
        background: #68BA58;
    }

@media only screen and (max-width:990px) {
    .TE-serviceBox {
        margin: 15px 0 50px;
    }
}

/*------------------take--exam---------------------*/
.question-scroll {
    height: 255px;
}

.exam-serviceBox {
    text-align: center;
    padding: 60px 0 30px;
    position: relative;
    margin-bottom: 2rem;
}

    .exam-serviceBox:after {
        content: '';
        background: linear-gradient(#FF3187,#F2244A);
        height: 40px;
        width: 40px;
        transform: translateX(-50%) rotate(45deg);
        position: absolute;
        left: 50%;
        bottom: 10px;
    }

    .exam-serviceBox .exam-service-content {
        background: #f9f9f9;
        padding: 80px 15px 0;
        position: relative;
        z-index: 1;
        box-shadow: 1px 10px 14px 0px rgba(0,0,0,0.15);
        transition: all 0.3s ease;
    }

        .exam-serviceBox .exam-service-content:hover {
            box-shadow: 5px 5px 2px rgba(0,0,0,0.1);
        }

        .exam-serviceBox .exam-service-content:before {
            content: "";
            background: linear-gradient(#FF3187,#F2244A);
            width: 100%;
            height: 45px;
            border-radius: 0 0 80px 0;
            position: absolute;
            top: 0;
            left: 0;
        }

    .exam-serviceBox .exam-service-icon {
        font-size: 40px;
        text-align: center;
        line-height: 102px;
        height: 104px;
        width: 104px;
        border-radius: 50%;
        box-shadow: 5px 0 10px rgba(0,0,0,0.2);
        position: absolute;
        right: -5px;
        top: -62px;
        z-index: 1;
    }

        .exam-serviceBox .exam-service-icon:after {
            content: '';
            background: #fff;
            width: 80%;
            height: 80%;
            border-radius: 50% 50%;
            box-shadow: 0 0 15px rgba(0,0,0,0.5);
            transform: translateX(-50%) translateY(-50%);
            position: absolute;
            top: 50%;
            left: 50%;
            z-index: -1;
        }


    .exam-serviceBox .exam-read-more {
        color: #fff;
        background: linear-gradient(#39C5E0,#2642C9);
        font-size: 20px;
        padding: 5px 20px;
        border-radius: 10px;
        box-shadow: 0 0 5px rgba(0,0,0,0.3);
        display: inline-block;
        transform: translateY(12px);
        margin: 5px 0;
        transition: all 0.3 ease;
        cursor: pointer;
    }



    .exam-serviceBox.exam-blue:after,
    .exam-serviceBox.exam-blue .exam-service-content:before {
        background: linear-gradient(#39C5E0,#2642C9);
    }

    .exam-serviceBox.exam-blue .exam-service-icon {
        color: #2642C9;
        background: linear-gradient(#2642C9,#39C5E0);
    }


    .exam-serviceBox.exam-blue .exam-read-more:hover {
        color: #2642C9;
    }

.left-content, .right-content {
    text-align: left;
    padding: 0.5rem 0;
}

    .left-content h6, .exam-service-content .right-content h6 {
        font-size: 1.1rem;
        font-weight: 550;
    }

.exam-service-content p {
    font-size: 16px !important;
    font-weight: normal !important;
}

.right-content p {
    font-size: 16px;
    font-weight: 550;
}

@media only screen and (max-width:990px) {
    .exam-serviceBox {
        margin: 0 0 30px;
    }
}

.width-modal {
    width: 50%;
}

.banner-area {
    background-image: url(../img/bg-img/bg-banner-img.jpg);
    background-position: center;
    margin-top: -3rem;
    background-repeat: no-repeat;
    background-size: 100%;
}

.banner-right {
    margin: 4rem 0;
    text-align: right;
}

    .banner-right .box {
        border-top: 1px solid #e31e25;
        border-bottom: 1px solid #e31e25;
        padding: 10px 18px;
        display: inline-block;
    }

    .banner-right .text-white {
        color: #0d1413 !important;
    }

    .banner-right .box a {
        color: #0d1413;
        font-size: 14px;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
    }

    .banner-right .box i {
        color: #0d1413;
        font-size: 14px;
        margin: 5px;
        font-weight: 600;
    }

.upload-image {
    text-align: center;
    padding: 2rem 0;
}

button.upload-image-btn {
    width: 80%;
    margin: 0 auto;
    background: #92ecd1;
    text-align: center;
    border: 0;
    border-radius: 5px;
    padding: 9px;
}

.upload-image-btn span {
    font-weight: 600;
    font-size: 20px;
}

.QR-code-main-div {
    border: 1px solid #ccc;
    padding: 10px;
    margin: 10px;
    border-radius: 20px;
}

.qr-code-image h5 {
    font-size: 20px;
    font-weight: bold;
    text-decoration: underline;
    padding-bottom: 8px;
}

.QR-code-main-div h6 {
    font-size: 17px;
}

    .QR-code-main-div h6 span {
        font-weight: 500;
        color: #019ddc;
        word-break: break-all;
    }

.session-div span {
    font-size: 14px;
    font-weight: 500;
}

    .session-div span.session-input {
        margin: 5px;
        padding: 5px;
        font-size: 12px;
        border: 1px solid #ccc;
    }

/*.left-video-side {
    position: fixed;
    top: 0;
    width: 18%;
    overflow-y: auto;
    height: 100%;
}*/

.add-answer-div .tablebox {
    padding: 5px;
    font-size: 16px;
    border: 1px solid #8c8a8a;
    margin-top: 12px;
}

/*-----------question--tab-------------*/
.add-answer-div .tab .nav-tabs {
    border: none;
}

    .add-answer-div .tab .nav-tabs li a {
        padding: 12px 15px;
        margin-right: 10px;
        font-size: 17px;
        font-weight: 800;
        color: #9b9b9c;
        text-transform: uppercase;
        border: 2px solid #e5e7e9;
        border-radius: 0;
        overflow: hidden;
        z-index: 1;
        position: relative;
    }

        .add-answer-div .tab .nav-tabs li a:hover,
        .add-answer-div .tab .nav-tabs li a:focus,
        .add-answer-div .tab .nav-tabs li.active a {
            background: transparent;
            border: 2px solid #3a506b;
            color: #fff;
        }

        .add-answer-div .tab .nav-tabs li a:before {
            content: "";
            width: 500%;
            height: 0;
            background: #00acc1;
            position: absolute;
            top: 50%;
            left: 50%;
            opacity: 0;
            z-index: -1;
            transform: translateX(-50%) translateY(-50%) rotate(45deg);
            transition: all 0.3s ease-in-out 0s;
        }

        .add-answer-div .tab .nav-tabs li a:hover:before,
        .add-answer-div .tab .nav-tabs li.active a:before {
            height: 170%;
            opacity: 1;
        }

.add-answer-div .tab .tab-content {
    padding: 20px 30px;
    margin-top: 10px;
    font-size: 15px;
    color: #fff;
    line-height: 27px;
    letter-spacing: 1px;
    background: #e8f2e6;
    position: relative;
}

    .add-answer-div .tab .tab-content .tab-pane img {
        WIDTH: 100%;
    }

    .add-answer-div .tab .tab-content:before {
        content: "";
        border-top: 30px solid #fff;
        border-bottom: 30px solid transparent;
        border-right: 30px solid transparent;
        position: absolute;
        top: 0;
        left: 0;
    }

    .add-answer-div .tab .tab-content:after {
        content: "";
        border-bottom: 30px solid #fff;
        border-top: 30px solid transparent;
        border-left: 30px solid transparent;
        position: absolute;
        bottom: 0;
        right: 0;
    }

.add-answer-div .tab-pane img {
    width: 100%;
}

.teacher-video .MainVideoWrapper {
    width: 290px;
    height: 213px;
}

    .teacher-video .MainVideoWrapper .TeacherSeeStudentVideo {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.st-data ul {
    border-bottom: 1px solid #ccc;
    padding: 10px 0;
    margin-bottom: 10px;
}

    .st-data ul li {
        display: inline-block;
        padding: 0 1rem;
    }

.img-li {
    width: 15%;
}

.stu-img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid #ccc;
    position: relative;
}

    .stu-img img {
        width: 100%;
        height: 100%;
        border-radius: 100%;
        padding: 2px;
    }

.stu_offline {
    background: #ff0404;
}

.stu_online, .stu_offline {
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    right: 0;
    bottom: 0px;
}

.name-li {
    width: 35%;
}

.date-li {
    width: 30%;
}

.st-data p, .stu-j-date {
    font-weight: 600;
    font-size: 16px;
}

h5#exampleModalLabel {
    font-size: 16px;
    font-weight: bold;
}
/*-------range---slider-------------------*/
.heading {
    text-align: center;
    color: #fff;
}

.wrap.scroll-height {
    margin: 25px;
    background: #133742;
    border-radius: 7.5px;
    padding: 5px 0px 20px 53px;
}


/* SLIDER-STYLES */

.slider-orange > .bar > span {
    transition: 0.3s;
    background: #ff821e !important;
}

.slider-orange > .bar-btn {
    background: #ff821e !important;
    border: 2px solid #ffbf8c !important;
    transition: 0.3s;
}

.slider-orange:hover > input + .slider-container > .bar-btn {
    box-shadow: inset 0 0 2px #ff821e;
    color: #ff821e;
    background: #fff !important;
    border: 2px solid #ff821e !important;
}

.slider-red > .bar > span {
    transition: 0.3s;
    background: #eb0041 !important;
}

.slider-red > .bar-btn {
    background: #eb0041 !important;
    border: 2px solid #f9b2c6 !important;
    transition: 0.3s;
}

.slider-red:hover > input + .slider-container > .bar-btn {
    box-shadow: inset 0 0 2px #eb0041;
    color: #eb0041;
    background: #fff !important;
    border: 2px solid #eb0041 !important;
}

.slider-green > .bar > span {
    transition: 0.3s;
    background: #00965a !important;
}

.slider-green > .bar-btn {
    background: #00965a !important;
    border: 2px solid #b2dfcd !important;
    transition: 0.3s;
}

.slider-green:hover > input + .slider-container > .bar-btn {
    box-shadow: inset 0 0 2px #00965a;
    color: #00965a;
    background: #fff !important;
    border: 2px solid #00965a !important;
}

.slider-yellow > .bar > span {
    transition: 0.3s;
    background: #ffd200 !important;
}

.slider-yellow > .bar-btn {
    background: #ffd200 !important;
    border: 2px solid #fff1b2 !important;
    transition: 0.3s;
}

.slider-yellow:hover > input + .slider-container > .bar-btn {
    box-shadow: inset 0 0 2px #ffd200;
    color: #1d1d1b;
    background: #fff !important;
    border: 2px solid #ffd200 !important;
}

.slider-cyan > .bar > span {
    transition: 0.3s;
    background: #00b4e6 !important;
}

.slider-cyan > .bar-btn {
    background: #00b4e6 !important;
    border: 2px solid #b2e8f7 !important;
    transition: 0.3s;
}

.slider-cyan:hover > input + .slider-container > .bar-btn {
    box-shadow: inset 0 0 2px #00b4e6;
    color: #00b4e6;
    background: #fff !important;
    border: 2px solid #00b4e6 !important;
}

.question-polling .modal-title {
    font-size: 2rem;
}

.question-polling .modal-header .close {
    padding: 5px;
    padding: 5px;
    font-size: 3rem;
}

.scroll-height {
    height: 45vh;
    overflow: hidden;
    overflow-y: scroll;
}

.slider-blue > .bar > span {
    transition: 0.3s;
    background: #0014a0 !important;
}

.slider-blue > .bar-btn {
    background: #0014a0 !important;
    border: 2px solid #0014a0 !important;
    transition: 0.3s;
}

span.slider-name {
    color: #fff !important;
    font-size: 18px;
}

.slider-blue:hover > input + .slider-container > .bar-btn {
    box-shadow: inset 0 0 2px #0014a0;
    color: #0014a0;
    background: #fff !important;
    border: 2px solid #0014a0 !important;
}

.dot {
    width: 7px !important;
    height: 7px;
    background: #fff;
    display: block;
    position: absolute;
    border-radius: 125%;
    top: 2px;
}

.slider {
    display: inline-block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

    .slider > input {
        opacity: 0;
        width: 100%;
        height: 40px;
        position: relative;
        z-index: 5;
        -webkit-appearance: none;
    }

        .slider > input::-webkit-slider-thumb {
            -webkit-appearance: none;
            z-index: 100;
            position: relative;
            width: 50px;
            height: 30px;
            -webkit-border-radius: 10px;
        }

    .slider > span.slider-container {
        min-height: 40px;
        display: inline-block;
        position: absolute;
        top: 0;
        left: -8px;
        right: 46px;
        z-index: 3;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .slider > span.slider-container > span.bar {
            background-color: #dadada;
            display: inline-block;
            position: absolute;
            z-index: 1;
            left: 0;
            right: 0;
            height: 11px;
            overflow: hidden;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border-radius: 10px;
            top: 50%;
            transform: translateY(-50%);
        }

            .slider > span.slider-container > span.bar > span {
                background: #00965b;
                display: inline-block;
                float: left;
                height: 11px;
                width: 0%;
            }

        .slider > span.slider-container > span.bar-btn {
            display: inline-block;
            position: absolute;
            min-width: 55px;
            max-width: 100px;
            height: 32px;
            font-weight: bold;
            text-align: center;
            background: #00965b;
            left: 0;
            top: 50%;
            border-radius: 100px;
            border: 2px solid #dadada;
            z-index: 5;
            color: #fff;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            transform: translateY(-50%);
        }

            .slider > span.slider-container > span.bar-btn > span {
                position: relative;
                position: absolute;
                left: 50%;
                top: 50%;
                transform: translate(-50%, -50%);
            }

.registration_area {
    background: #eae9e9;
    padding-bottom: 2rem;
}

    .registration_area .rounded {
        width: 100%;
    }

    .registration_area input, .registration_area textarea, .registration_area select {
        background: #fff !important;
        border: 1px solid #dedede !important;
        padding: 8px 10px !important;
        width: 100% !important;
    }

    .registration_area textarea, .registration_area select {
        width: 103% !important;
    }


/*----------------------------start---exam-page-------------------------------------*/
.exam-header {
    background: #fff;
    box-shadow: 1px 1px 10px;
}

    .exam-header .logoheight {
        width: 115px;
        height: auto;
        padding: 2px 10px;
    }

    .exam-header ul .submenu a {
        float: right;
    }

    .exam-header a img {
        width: 25px;
    }

    .exam-header a span {
        font-size: 16px;
        font-weight: bold;
    }

.exam-page .boxin {
    padding: 12px 5px 0 5px;
    background: #ffffff;
    color: #fff;
    box-shadow: none !important;
    height: auto;
    border-bottom: 1px solid #ccc;
}

.heading-content-exam {
    display: inline-block;
    background: #fff;
    padding: 10px;
    border: 1px solid #ccc;
    border-bottom: none;
    margin-top: 3rem;
    color: #097eb7;
}

.timming {
    position: absolute;
    right: 0;
    top: 15px;
}

    .timming ul {
        padding-left: 5px;
    }

        .timming ul li {
            display: inline-block;
        }

            .timming ul li img {
                width: 35px;
            }

.exam-page .boxexamin {
    box-shadow: 0 0 5px #ccc;
    background: #fff;
    border-left: 1px solid #ccc;
}

.exam-page table td {
    font-size: 1.9rem;
    font-weight: 600;
}

.btn_Previous {
    padding: 6px;
    background-color: #021069;
    font-size: 14px;
    font-weight: bold;
    width: 155px;
    color: white;
    border: 0px;
    margin-right: 20px;
    border-radius: 30px;
}

.btn_Review {
    border: 2px solid #0e4bc4;
    background: #fff;
    padding: 5px 15px;
    border-radius: 9px;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 1.6rem;
}

.btn_SaveNext {
    border: 2px solid #ed7d31;
    background: #fff;
    padding: 5px 15px;
    border-radius: 9px;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 1.6rem;
}

.btn_SaveSubmit {
    border: 2px solid #f8cbad;
    background: #f8cbad;
    padding: 5px 15px;
    border-radius: 9px;
    font-size: 16px;
    color: #000;
    font-weight: 600;
    margin-bottom: 1.6rem;
}

.widget-content.nopadding.scroll-y {
    /*position: absolute;*/
    height: 150px;
    overflow: hidden;
    overflow-y: auto;
    width: 90%;
    box-shadow: 0 0 5px #ccc;
}

.question-selector {
    width: 36px;
    height: 36px;
    margin: 4px;
    background: #808080;
    border-radius: 4px;
    border: 0;
    color: #fff;
    font-size: 1.8rem;
}


    .question-selector.attempted {
        background: #0e4bc4;
    }

.not-attempted {
    background: #eded33;
}

button.question-selector.to-be-reviewed {
    background: #525252;
}

.question-selector.for-review-label {
    background: #b9178f;
}

.question-selector.not-viewed-yet {
    background: #ea911a;
}

button.question-selector.attempted-and-marked {
    background: #ff0010;
}

#QuestionANSDIV label {
    font-size: 15px;
}

.video_icon {
    width: 212px;
    height: 119px;
}

    .video_icon img {
        width: 100%;
        height: 100%;
    }
/*---------------------------end----exam-page-------------------------------------*/
/*---------------------------------------start--live--classes------page---css------------------------------*/
.LC_tab_box .tab .nav-tabs {
    width: 45%;
    border: none;
    margin: 20px auto;
}

    .LC_tab_box .tab .nav-tabs li {
        list-style: none;
        margin: 0 auto;
        display: block;
    }

        .LC_tab_box .tab .nav-tabs li a {
            padding: 10px 30px;
            margin-right: 10px;
            font-size: 17px;
            font-weight: 600;
            color: #293241;
            border-radius: 30px;
            text-transform: capitalize;
            border: 1px solid #029EDC;
            background: linear-gradient(246.8deg, #C4C4C4 -5.42%, #293E80 -5.41%, #09AEE5 96.08%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            /*box-shadow: 0 0 5px #293241;*/
            z-index: 1;
            position: relative;
            transition: all 0.3s ease 0s;
        }

            .LC_tab_box .tab .nav-tabs li a:hover,
            .tab .nav-tabs li.active a {
                border: none;
                color: #fff !important;
                background: linear-gradient(246.8deg, #C4C4C4 -5.42%, #293E80 -5.41%, #09AEE5 96.08%);
                -webkit-text-fill-color: white;
            }

            .LC_tab_box .tab .nav-tabs li a:before {
                content: "";
                height: 100%;
                background: #fff;
                border-radius: 30px;
                position: absolute;
                top: 0;
                left: 0;
                z-index: -1;
                transition: all 0.3s ease 0s;
            }

            .LC_tab_box .tab .nav-tabs li.active a:before,
            .LC_tab_box .tab .nav-tabs li a:hover:before {
                width: 100%;
            }

.LC_tab_box .tabs .oops-div .img-oops img {
    width: 20%;
}

.LC_tab_box .tab .tab-content {
    padding: 30px 0;
    background: #ffffff;
    outline: 3px solid #e0fbfc;
    outline-offset: -8px;
    font-size: 17px;
    color: #e0fbfc;
    letter-spacing: 1px;
    line-height: 30px;
    position: relative;
}

    .LC_tab_box .tab .tab-content h3 {
        margin-top: 0;
        color: #2b2a29;
        font-weight: bold;
        font-size: 24px;
    }

.paid-img {
    height: auto !important;
}

.search-detail-ul {
    height: 700px;
    overflow: hidden;
    overflow-y: auto;
}

.live_img {
    width: 424px;
    height: 240px;
}

    .live_img img {
        width: 100%;
        height: 100%;
        margin: 0 auto;
        display: block;
    }

.pr-0-edit {
    padding-right: 0 !important;
}

.pl-0-edit {
    padding-left: 0 !important;
}

.LC_tab_box .newlabel .control-label {
    border: 1px solid #ccc;
}

@media only screen and (max-width: 479px) {
    .LC_tab_box .tab .nav-tabs li {
        /*width: 49%;*/
        text-align: center;
        margin-bottom: 2rem;
    }

    .L_col {
        text-align: center;
    }

    .LC_tab_box .tab .nav-tabs {
        width: 100%;
    }

        .LC_tab_box .tab .nav-tabs li a {
            padding: 5px 7px;
            font-size: 14px;
            margin-right: 0px;
        }

    .pr-0-edit {
        padding-right: 15px !important;
    }

    .pl-0-edit {
        padding-left: 15px !important;
    }
}

.form-control {
    font-size: 1.5rem;
}

.LC_Btn {
    position: absolute;
    z-index: 9999;
    bottom: 0;
    right: 0;
    width: 100px;
    height: 100px;
    padding: 40px 5px;
    border-radius: 50%;
    text-align: center;
    background: #019ddc;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.5);
}

    .LC_Btn:hover {
        cursor: pointer;
    }

    .LC_Btn a {
        color: #000;
        font-size: 14px;
        font-weight: 700;
    }

.col_LCCY .msg-row {
    background: #f0f0f0;
    margin: 0;
    border-radius: 0 0 5px 5px;
    padding: 10px 0;
}

.col_LCCY #message {
    border-radius: 25px !important;
}

.col_LCCY .chatarea4 {
    margin-bottom: 0;
}

.col_LCCY .form-control {
    border: 1px solid #ddd9d4;
}

.table-colored {
    background: #2b337a;
}

.blink-image2 {
    -moz-animation: blink normal 1s infinite ease-in-out; /* Firefox */
    -webkit-animation: blink normal 1s infinite ease-in-out; /* Webkit */
    -ms-animation: blink normal 1s infinite ease-in-out; /* IE */
    animation: blink normal 5s infinite ease-in-out; /* Opera and prob css3 final iteration */
}


@-moz-keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
/* IE */
@-ms-keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
/* Opera and prob css3 final iteration */
@keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
/*---------------------------------------end---live----classes----page---css---------------------------------*/

/*----------------------------topic--detail---tab----css------------*/
.TD_Tabs .tab .nav-tabs {
    border: none;
    margin-bottom: 20px;
}

    .TD_Tabs .tab .nav-tabs li a {
        display: block;
        padding: 7px 15px;
        margin: 0 0 10px 0;
        font-size: 18px;
        font-weight: normal;
        color: #a5a5a5;
        text-transform: capitalize;
        border-radius: 0;
        position: relative;
        transition: all 0.3s ease 0s;
    }

        .TD_Tabs .tab .nav-tabs li a:before {
            display: none;
            content: "";
            width: 105%;
            height: 4px;
            background: #d3d3d3;
            position: absolute;
            bottom: -36px;
            left: 0;
        }

    .TD_Tabs .tab .nav-tabs li.active a:before {
        display: none;
        background: #3ea1b3;
    }

    .TD_Tabs .tab .nav-tabs li a:after {
        display: none;
        content: "";
        width: 25px;
        height: 25px;
        border-radius: 50%;
        background: #fff;
        box-shadow: 0 0 8px rgba(0,0,0,0.4);
        position: absolute;
        bottom: -46px;
        right: -10px;
        z-index: 1;
    }

    .TD_Tabs .tab .nav-tabs li.active a:after {
        background: #ec9a29;
    }

    .TD_Tabs .tab .nav-tabs li a:hover,
    .TD_Tabs .tab .nav-tabs li.active a {
        background: linear-gradient( 246.8deg, #C4C4C4 -5.42%, #293E80 -5.41%, #09AEE5 96.08%);
        border-radius: 30px 10px 10px 10px;
        color: #fff;
    }

.TD_Tabs .tab .tab-content {
    padding: 10px 15px;
    margin-top: 0;
    background: #fff;
    font-size: 15px;
    color: #777;
    line-height: 30px;
    position: relative;
}

    .TD_Tabs .tab .tab-content:before {
        display: none;
        content: "";
        width: 100%;
        padding: 6px 0;
        border: 1px solid #d3d3d3;
        position: absolute;
        top: -18px;
        left: 0;
    }

    .TD_Tabs .tab .tab-content h3 {
        font-size: 24px;
        margin-top: 0;
    }

@media only screen and (max-width: 479px) {
    .TD_Tabs .tab .nav-tabs li {
        width: 100%;
        text-align: center;
    }

        .TD_Tabs .tab .nav-tabs li a {
            margin-bottom: 36px;
        }

            .TD_Tabs .tab .nav-tabs li a:before {
                width: 100%;
                bottom: -20px;
            }

            .TD_Tabs .tab .nav-tabs li a:after {
                margin: 0 auto;
                bottom: -30px;
                left: 0;
                right: 0;
            }

    .TD_Tabs .tab .tab-content:before {
        width: 0;
        padding: 0;
        border: none;
    }
}

.tab_box {
    height: 150px;
    overflow: hidden;
    overflow-y: auto;
    border: 1px solid #989696;
    padding: 10px;
}

    .tab_box label {
        cursor: pointer;
        color: #1f1e1e;
    }

.as_div {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    position: relative;
    border: 1px solid #23d3ff;
}

    .as_div img {
        width: 100%;
        height: 100%;
        margin-bottom: 15px;
    }

.asimg_bg {
    position: absolute;
    width: 100%;
    background: rgb(37 75 140 / 40%);
    top: 0;
    height: 100%;
    border-radius: 10px;
}

.as_div_main h5 {
    text-align: center;
    color: #000;
    margin-bottom: 0;
}

.as_div_main ul {
    margin-bottom: 0;
}

    .as_div_main ul li {
        text-align: center;
        color: rgba(0,0,0,.7);
    }
/*------------start-----ObjectivePreviousExamList--css------------*/
.ZE_inner_section {
    padding-top: 8rem;
    background: #fff;
    position: relative;
}

.top_left_img {
    position: absolute;
    top: 28%;
    left: 0;
    width: 3%;
}

.bottom_left_img {
    position: absolute;
    bottom: 0%;
    left: 0;
    width: 5%;
}

.top_right_img {
    position: absolute;
    top: 9%;
    right: 0;
    width: 5%;
}

.ZE_OPEL h2 {
    font-size: 2rem;
    color: #000;
    text-transform: capitalize;
}

.ZE_OPEL_div {
    border-radius: 40px;
    background: #EFFAFF;
    padding: 2rem;
    margin-top: 2rem;
}

.ZE_OET {
    text-align: right;
}

    .ZE_OET a {
        background: linear-gradient(to right, #263582, #00CBFF);
        color: #fff;
        padding: 10px 20px;
        border-radius: 10px;
        float: right;
        margin: 4px;
        border: 1px solid #fff;
    }

        .ZE_OET a:hover {
            background: #00CBFF;
            color: #fff;
            border: 1px solid #00CBFF;
        }
/*-----------------start------ZE_timeline----css------------------------*/
/* -------------------------------- 

Main Components 

-------------------------------- */
.timeline:before {
    background-color: transparent;
}

.cd-horizontal-timeline a {
    text-decoration: none;
}

.cd-horizontal-timeline {
    opacity: 0;
    margin: 0em auto;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

    .cd-horizontal-timeline::before {
        /* never visible - this is used in jQuery to check the current MQ */
        content: 'mobile';
        display: none;
    }

    .cd-horizontal-timeline.loaded {
        /* show the timeline after events position has been set (using JavaScript) */
        opacity: 1;
    }

    .cd-horizontal-timeline .timeline {
        position: relative;
        height: 100px;
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
    }

    .cd-horizontal-timeline .events-wrapper {
        position: relative;
        height: 100%;
        margin: 0 40px;
        overflow: hidden;
    }

        .cd-horizontal-timeline .events-wrapper::after, .cd-horizontal-timeline .events-wrapper::before {
            /* these are used to create a shadow effect at the sides of the timeline */
            content: '';
            position: absolute;
            z-index: 2;
            top: 0;
            height: 100%;
            width: 20px;
        }



    .cd-horizontal-timeline .events {
        /* this is the grey line/timeline */
        position: absolute;
        z-index: 1;
        left: 0;
        top: 49px;
        height: 2px;
        /* width will be set using JavaScript */
        background: transparent;
        -webkit-transition: -webkit-transform 0.4s;
        -moz-transition: -moz-transform 0.4s;
        transition: transform 0.4s;
    }

    .cd-horizontal-timeline .filling-line {
        /* this is used to create the green line filling the timeline */
        display: none;
        position: absolute;
        z-index: 1;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        background-color: #fff;
        -webkit-transform: scaleX(0);
        -moz-transform: scaleX(0);
        -ms-transform: scaleX(0);
        -o-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: left center;
        -moz-transform-origin: left center;
        -ms-transform-origin: left center;
        -o-transform-origin: left center;
        transform-origin: left center;
        -webkit-transition: -webkit-transform 0.3s;
        -moz-transition: -moz-transform 0.3s;
        transition: transform 0.3s;
    }

    .cd-horizontal-timeline .events a {
        position: absolute;
        bottom: 0;
        z-index: 2;
        text-align: center;
        font-size: 1.3rem;
        padding-bottom: 15px;
        color: #383838;
        /* fix bug on Safari - text flickering while timeline translates */
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0);
    }

        .cd-horizontal-timeline .events a::after {
            /* this is used to create the event spot */
            content: '';
            position: absolute;
            left: 50%;
            right: auto;
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            transform: translateX(-50%);
            bottom: 17px;
            height: 30px;
            width: 30px;
            z-index: -1;
            border-radius: 50%;
            border: TRANSPARENT;
            background-color: #e0dede;
            -webkit-transition: background-color 0.3s, border-color 0.3s;
            -moz-transition: background-color 0.3s, border-color 0.3s;
            transition: background-color 0.3s, border-color 0.3s;
        }

.no-touch .cd-horizontal-timeline .events a:hover::after {
    background-color: #085796;
    border-color: #085796;
}

.cd-horizontal-timeline .events a.selected {
    color: #fff;
    border-bottom: 2px solid #263582;
}

    .cd-horizontal-timeline .events a.selected::after {
        background: linear-gradient(to right, #263582, #00CBFF);
    }

@media only screen and (min-width: 1100px) {
    .cd-horizontal-timeline {
        margin: 0em auto;
    }

        .cd-horizontal-timeline::before {
            /* never visible - this is used in jQuery to check the current MQ */
            content: 'desktop';
        }
}

.cd-timeline-navigation a {
    /* these are the left/right arrows to navigate the timeline */
    position: absolute;
    z-index: 1;
    top: 13px;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 34px;
    width: 34px;
    border-radius: 50%;
    /* border: 2px solid #dfdfdf; */
    color: #dfdfdf;
    /* replace text with an icon */
    overflow: hidden;
    color: transparent;
    text-indent: 100%;
    white-space: nowrap;
    -webkit-transition: border-color 0.3s;
    -moz-transition: border-color 0.3s;
    transition: border-color 0.3s;
}

    /*.cd-timeline-navigation a:hover {
        border: 2px solid #005695;
        color: #005695;
    }*/

    .cd-timeline-navigation a.prev::before {
        content: "\f053";
        font-family: FontAwesome;
        color: #ccc;
        font-size: 1.4rem;
        display: block;
        position: absolute;
        top: 3px;
        left: 30px;
        z-index: 10000;
        height: 100%;
        width: 100%;
        text-align: center;
        transform: rotate(180deg);
    }

    .cd-timeline-navigation a.next::before {
        content: "\f054";
        font-family: FontAwesome;
        font-size: 1.4rem;
        display: block;
        position: absolute;
        top: 9px;
        left: -18px;
        z-index: 10000;
        color: #ccc;
        height: 100%;
        width: 100%;
        text-align: center;
    }

    .cd-timeline-navigation a:hover:before {
        color: #005695;
    }


    .cd-timeline-navigation a.next {
        right: 0;
    }


.no-touch .cd-timeline-navigation a:hover {
    border-color: #7b9d6f;
}

.cd-timeline-navigation a.inactive {
    cursor: not-allowed;
}

    .cd-timeline-navigation a.inactive::after {
        background-position: 0 -16px;
    }

.no-touch .cd-timeline-navigation a.inactive:hover {
    border-color: #dfdfdf;
}

.cd-horizontal-timeline .events-content {
    position: relative;
    width: 100%;
    margin: 0;
    overflow: hidden;
    -webkit-transition: height 0.4s;
    -moz-transition: height 0.4s;
    transition: height 0.4s;
}

    .cd-horizontal-timeline .events-content li {
        position: absolute;
        z-index: 1;
        width: 100%;
        left: 0;
        top: 0;
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%);
        padding: 0;
        opacity: 0;
        -webkit-animation-duration: 0.4s;
        -moz-animation-duration: 0.4s;
        animation-duration: 0.4s;
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

        .cd-horizontal-timeline .events-content li.selected {
            /* visible event content */
            position: relative;
            z-index: 2;
            opacity: 1;
            -webkit-transform: translateX(0);
            -moz-transform: translateX(0);
            -ms-transform: translateX(0);
            -o-transform: translateX(0);
            transform: translateX(0);
        }

        .cd-horizontal-timeline .events-content li.enter-right, .cd-horizontal-timeline .events-content li.leave-right {
            -webkit-animation-name: cd-enter-right;
            -moz-animation-name: cd-enter-right;
            animation-name: cd-enter-right;
        }

        .cd-horizontal-timeline .events-content li.enter-left, .cd-horizontal-timeline .events-content li.leave-left {
            -webkit-animation-name: cd-enter-left;
            -moz-animation-name: cd-enter-left;
            animation-name: cd-enter-left;
        }

        .cd-horizontal-timeline .events-content li.leave-right, .cd-horizontal-timeline .events-content li.leave-left {
            -webkit-animation-direction: reverse;
            -moz-animation-direction: reverse;
            animation-direction: reverse;
        }

        .cd-horizontal-timeline .events-content li > * {
            max-width: 100%;
            margin: 0 auto;
        }

.data_img {
    width: 70px;
    height: 70px;
    background: #fff;
    padding: 10px;
    border-radius: 10px;
}

    .data_img img {
        width: 100%;
        height: 100%;
    }

.OPEL_data {
    width: 95%;
    margin: 0 auto;
}

.OPEL_data_li {
    padding: 1rem;
    margin-bottom: 20px;
}

.data_Exam h5 {
    font-size: 18px;
    color: #000;
    font-weight: 600;
}

.data_Exam span {
    color: #848080;
    font-weight: 500;
    font-size: 14px;
}

.data_Chapter h5 {
    color: #000;
    font-weight: 600;
    text-align: left;
    padding-left: 20px;
}

.data_nofquestion h5 {
    color: #000;
    font-weight: 600;
    text-align: center;
}

.data_Exam_btn a {
    background: linear-gradient(to right, #263582, #00CBFF);
    color: #fff;
    padding: 10px 20px;
    border-radius: 10px;
}

    .data_Exam_btn a:hover {
        background: #fff;
        color: #263582;
    }

.data_Exam_btn {
    position: absolute;
    top: 30%;
}

div.OPEL_data:nth-child(even) {
    background: #00E4FF;
    border-radius: 20px;
}

div.OPEL_data:nth-child(odd) {
    background: #E7E7E7;
    border-radius: 20px;
}

.OPEL_data_heading {
    background: #00CDFF;
    width: 80%;
    margin: 0 auto;
    border-radius: 10px 10px 0 0;
    padding: 2px;
    color: #fff;
}

    .OPEL_data_heading h3 {
        font-size: 20px;
        font-weight: 600;
        text-align: center;
        text-transform: capitalize;
    }

    .OPEL_data_heading h2 {
        font-size: 20px;
        font-weight: 600;
        text-transform: capitalize;
        text-align: left;
        color: #fff;
        padding-left: 20px;
    }



.cd-horizontal-timeline .events-content h2 {
    color: #005695;
    font-weight: bold;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.2;
}

.cd-horizontal-timeline .events-content em {
    display: block;
    font-style: italic;
    margin: 10px auto;
}

    .cd-horizontal-timeline .events-content em::before {
        content: '- ';
    }

.cd-horizontal-timeline .events-content p {
    font-size: 1.4rem;
    color: #959595;
}

.cd-horizontal-timeline .events-content em, .cd-horizontal-timeline .events-content p {
    line-height: 1.6;
}

.cd-horizontal-timeline .events-content p {
    display: block;
    margin-bottom: 15px;
}

@media only screen and (min-width: 768px) {
    .cd-horizontal-timeline .events-content h2 {
        font-size: 2.6rem;
        color: #005695;
    }

    .cd-horizontal-timeline .events-content em {
        font-size: 2rem;
    }

    .cd-horizontal-timeline .events-content p {
        font-size: 1.8rem;
    }
}

@-webkit-keyframes cd-enter-right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
    }
}

@-moz-keyframes cd-enter-right {
    0% {
        opacity: 0;
        -moz-transform: translateX(100%);
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0%);
    }
}

@keyframes cd-enter-right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
}

@-webkit-keyframes cd-enter-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
    }
}

@-moz-keyframes cd-enter-left {
    0% {
        opacity: 0;
        -moz-transform: translateX(-100%);
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0%);
    }
}

@keyframes cd-enter-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
}

/*--------------end----ZE|_timeline--css-------------------------*/

/* -------------------------------- 

Main Components 

-------------------------------- */
.cd-horizontal-timeline_month {
    opacity: 0;
    margin: 2em auto;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

    .cd-horizontal-timeline_month::before {
        /* never visible - this is used in jQuery to check the current MQ */
        content: 'mobile';
        display: none;
    }

    .cd-horizontal-timeline_month.loaded {
        /* show the timeline after events position has been set (using JavaScript) */
        opacity: 1;
    }

    .cd-horizontal-timeline_month .timeline {
        position: relative;
        height: 100px;
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
    }

    .cd-horizontal-timeline_month .events-wrapper {
        position: relative;
        height: 100%;
        margin: 0 40px;
        overflow: hidden;
    }

    .cd-horizontal-timeline_month ol li:nth-child(1n+10) {
        left: 715px !important;
    }

    .cd-horizontal-timeline_month .events-wrapper::before {
        left: 0;
        background-image: -webkit-linear-gradient( left, #f8f8f8, rgba(248, 248, 248, 0));
        background-image: linear-gradient(to right, #f8f8f8, rgba(248, 248, 248, 0));
    }

    .cd-horizontal-timeline_month .events-wrapper::after {
        right: 0;
        background-image: -webkit-linear-gradient( right, #f8f8f8, rgba(248, 248, 248, 0));
        background-image: linear-gradient(to left, #f8f8f8, rgba(248, 248, 248, 0));
    }

    .cd-horizontal-timeline_month .events {
        /* this is the grey line/timeline */
        position: absolute;
        z-index: 1;
        left: 0;
        top: 49px;
        height: 2px;
        /* width will be set using JavaScript */
        -webkit-transition: -webkit-transform 0.4s;
        -moz-transition: -moz-transform 0.4s;
        transition: transform 0.4s;
    }

    .cd-horizontal-timeline_month .filling-line {
        /* this is used to create the green line filling the timeline */
        position: absolute;
        z-index: 1;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        background-color: transparent;
        -webkit-transform: scaleX(0);
        -moz-transform: scaleX(0);
        -ms-transform: scaleX(0);
        -o-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: left center;
        -moz-transform-origin: left center;
        -ms-transform-origin: left center;
        -o-transform-origin: left center;
        transform-origin: left center;
        -webkit-transition: -webkit-transform 0.3s;
        -moz-transition: -moz-transform 0.3s;
        transition: transform 0.3s;
    }

    .cd-horizontal-timeline_month .events a {
        position: absolute;
        bottom: 0;
        z-index: 2;
        text-align: center;
        font-size: 1.3rem;
        color: #383838;
        /* fix bug on Safari - text flickering while timeline translates */
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0);
    }

/*.cd-horizontal-timeline_month .events a::after {
    
    content: '';
    position: absolute;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -5px;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    border: 2px solid #dfdfdf;
    background-color: #f8f8f8;
    -webkit-transition: background-color 0.3s, border-color 0.3s;
    -moz-transition: background-color 0.3s, border-color 0.3s;
    transition: background-color 0.3s, border-color 0.3s;
}*/

.no-touch .cd-horizontal-timeline_month .events a:hover::after {
    background-color: #7b9d6f;
    border-color: #7b9d6f;
}

.cd-horizontal-timeline_month .events a.selected {
    pointer-events: none;
    background: linear-gradient(to right, #263582, #00CBFF);
    color: #fff;
    border-radius: 20px;
    padding: 2px 10px;
}

    .cd-horizontal-timeline_month .events a.selected::after {
        background-color: #7b9d6f;
        border-color: #7b9d6f;
    }

.cd-horizontal-timeline_month .events a.older-event::after {
    border-color: #7b9d6f;
}

@media only screen and (min-width: 1100px) {
    .cd-horizontal-timeline_month {
        margin: 0 auto;
    }

    .cd-horizontal-timeline::before {
        /* never visible - this is used in jQuery to check the current MQ */
        content: 'desktop';
    }
}

.cd-timeline-navigation a {
    /* these are the left/right arrows to navigate the timeline */
    position: absolute;
    z-index: 1;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 34px;
    width: 34px;
    border-radius: 50%;
    /* replace text with an icon */
    overflow: hidden;
    color: transparent;
    text-indent: 100%;
    white-space: nowrap;
    -webkit-transition: border-color 0.3s;
    -moz-transition: border-color 0.3s;
    transition: border-color 0.3s;
}

    .cd-timeline-navigation a::after {
        /* arrow icon */
        content: '';
        position: absolute;
        height: 16px;
        width: 16px;
        left: 50%;
        top: 50%;
        bottom: auto;
        right: auto;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        -o-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        background: url(../img/cd-arrow.svg) no-repeat 0 0;
    }

    .cd-timeline-navigation a.prev {
        left: 0;
        -webkit-transform: translateY(-50%) rotate(180deg);
        -moz-transform: translateY(-50%) rotate(180deg);
        -ms-transform: translateY(-50%) rotate(180deg);
        -o-transform: translateY(-50%) rotate(180deg);
        transform: translateY(-50%) rotate(180deg);
    }

    .cd-timeline-navigation a.next {
        right: 0;
    }

.no-touch .cd-timeline-navigation a:hover {
    border-color: #7b9d6f;
}

.cd-timeline-navigation a.inactive {
    cursor: not-allowed;
}

    .cd-timeline-navigation a.inactive::after {
        background-position: 0 -16px;
    }

.no-touch .cd-timeline-navigation a.inactive:hover {
    border-color: #dfdfdf;
}

.cd-horizontal-timeline_month .events-content {
    position: relative;
    width: 100%;
    margin: 2em 0;
    overflow: hidden;
    -webkit-transition: height 0.4s;
    -moz-transition: height 0.4s;
    transition: height 0.4s;
}

    .cd-horizontal-timeline_month .events-content li {
        position: absolute;
        z-index: 1;
        width: 100%;
        left: 0;
        top: 0;
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%);
        padding: 0 5%;
        opacity: 0;
        -webkit-animation-duration: 0.4s;
        -moz-animation-duration: 0.4s;
        animation-duration: 0.4s;
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

        .cd-horizontal-timeline_month .events-content li.selected {
            /* visible event content */
            position: relative;
            z-index: 2;
            opacity: 1;
            -webkit-transform: translateX(0);
            -moz-transform: translateX(0);
            -ms-transform: translateX(0);
            -o-transform: translateX(0);
            transform: translateX(0);
        }

        .cd-horizontal-timeline_month .events-content li.enter-right, .cd-horizontal-timeline_month .events-content li.leave-right {
            -webkit-animation-name: cd-enter-right;
            -moz-animation-name: cd-enter-right;
            animation-name: cd-enter-right;
        }

        .cd-horizontal-timeline_month .events-content li.enter-left, .cd-horizontal-timeline_month .events-content li.leave-left {
            -webkit-animation-name: cd-enter-left;
            -moz-animation-name: cd-enter-left;
            animation-name: cd-enter-left;
        }

        .cd-horizontal-timeline_month .events-content li.leave-right, .cd-horizontal-timeline_month .events-content li.leave-left {
            -webkit-animation-direction: reverse;
            -moz-animation-direction: reverse;
            animation-direction: reverse;
        }

        .cd-horizontal-timeline_month .events-content li > * {
            max-width: 800px;
            margin: 0 auto;
        }

    .cd-horizontal-timeline_month .events-content h2 {
        font-weight: bold;
        font-size: 2.6rem;
        font-family: "Playfair Display", serif;
        font-weight: 700;
        line-height: 1.2;
    }

    .cd-horizontal-timeline_month .events-content em {
        display: block;
        font-style: italic;
        margin: 10px auto;
    }

        .cd-horizontal-timeline_month .events-content em::before {
            content: '- ';
        }

    .cd-horizontal-timeline_month .events-content p {
        font-size: 1.4rem;
        color: #959595;
    }

    .cd-horizontal-timeline_month .events-content em, .cd-horizontal-timeline_month .events-content p {
        line-height: 1.6;
    }

@media only screen and (min-width: 768px) {
    .cd-horizontal-timeline_month .events-content h2 {
        font-size: 7rem;
    }

    .cd-horizontal-timeline_month .events-content em {
        font-size: 2rem;
    }

    .cd-horizontal-timeline_month .events-content p {
        font-size: 1.8rem;
    }
}

@-webkit-keyframes cd-enter-right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
    }
}

@-moz-keyframes cd-enter-right {
    0% {
        opacity: 0;
        -moz-transform: translateX(100%);
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0%);
    }
}

@keyframes cd-enter-right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
}

@-webkit-keyframes cd-enter-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
    }
}

@-moz-keyframes cd-enter-left {
    0% {
        opacity: 0;
        -moz-transform: translateX(-100%);
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0%);
    }
}

@keyframes cd-enter-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
}

.ZE_OPEL_div .testimonial-slider {
    width: 90%;
    margin: 0 auto;
}

    .ZE_OPEL_div .testimonial-slider .testimonial a {
        color: #8c8c8c;
    }

.testimonial_slider_date {
    width: 90% !important;
    margin: 2rem auto;
}

.unselect {
    background: #ccc;
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    width: 35px;
    height: 35px;
    position: relative;
}

    .unselect a {
        font-size: 17px;
        top: 18%;
        position: absolute;
        color: #000;
        left: 0;
        right: 0;
        text-align: center;
    }

.activeselect {
    background: linear-gradient(to right, #263582, #00CBFF);
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    width: 35px;
    height: 35px;
    position: relative;
}

    .activeselect a {
        font-size: 17px;
        top: 18%;
        position: absolute;
        color: #fff;
        left: 0;
        right: 0;
        text-align: center;
        padding-bottom: 10px;
        border-bottom: 1px solid #263582;
    }

.activeselectpart {
    background: #00cdff;
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    width: 35px;
    height: 35px;
    position: relative;
}

    .activeselectpart a {
        font-size: 17px;
        top: 18%;
        position: absolute;
        color: #000;
        left: 0;
        right: 0;
        text-align: center;
    }

.select_month a {
    background: linear-gradient(to right, #263582, #00CBFF);
    color: #fff !important;
    padding: 1px 16px;
    border-radius: 20px;
    width: auto;
    color: #fff !important;
    max-width: 100%;
    display: inline-block;
}

.ZE_OPEL_div .testimonial-slider.owl-carousel .owl-wrapper-outer,
.ZE_OPEL_div .testimonial_slider_date.owl-carousel .owl-wrapper-outer {
    overflow: hidden !important;
}

.owl-theme .owl-controls {
    width: 100%;
    height: 50px;
    opacity: 1;
    position: absolute;
    top: 38%;
}

    .owl-theme .owl-controls .owl-buttons div {
        width: 50px;
        height: 50px;
        margin: -6px !important;
        padding: 0px 10px !important;
        line-height: 0;
        border-radius: 0;
        background: transparent !important;
    }

.owl-prev {
    position: absolute;
    left: -5%;
}

.owl-next {
    position: absolute;
    right: -5%;
}

    .owl-prev:after,
    .owl-next:after {
        content: "\f104";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        font-size: 30px;
        color: #009ddc;
        opacity: 1;
    }

    .owl-next:after {
        content: "\f105";
    }





/*-----------------start----ZE_footer--css-------------------------*/
.footer-content ul img {
    width: 20%;
}

.footer-content ul li, .footer-content ul li a {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    list-style: none;
    color: #4C4C4C;
    padding-top: 20px;
    word-break: break-word;
}

ul li {
    list-style: none;
    display: flex;
    margin-top: 4px;
    margin: auto;
}

.footer-top {
    margin-top: 7rem;
}

    .footer-top img {
        width: 25%;
    }

.banner_container {
    width: 94%;
    margin: 0 auto;
}

.footer-content h4 {
    font-weight: bold;
    color: #4C4C4C;
    font-size: 25px;
    margin-top: 2rem;
}

.footer-content4 ul li {
    display: contents;
}

.footer-content4 ul img {
    width: 15%;
    padding-right: 10px;
}

.footer_hr {
    margin-top: 3rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 2px solid #fff;
}

.footer-bottom {
    color: #fff;
    font-size: 18px;
}
/*-----------------end----ZE_footer--css-------------------------*/
/*----------------start-----ZE_OL--css-------------------------*/
.ZE_OL {
    /*background: url(../Z_E_img/ZE_OL_bg.png) no-repeat !important;*/
    position: relative;
    padding: 4rem 0;
}

    .ZE_OL h3 {
        margin-top: 0rem;
    }

img.bg_imgs {
    position: absolute;
    width: 100%;
    top: -112px;
    z-index: -1;
}

.ZE_OL_rightimg img {
    POSITION: ABSOLUTE;
    right: 0;
    width: 7%;
    top: 0px;
}

.video_slider {
    margin-top: 8rem;
}

.ZE_main_video_box {
    background: #fff;
    height: auto;
    border: 1px solid #ccc;
    border-radius: 10px;
    width: 290px;
    padding: 5rem 3px 20px 3px;
    text-align: center;
    position: relative;
}

    .ZE_main_video_box:hover {
        -ms-transform: scale(1.5);
        -webkit-transform: scale(1.5);
        transform: scale(0.9);
        transition: all 0.5s ease;
        background: linear-gradient(to right, #263582, #00CBFF);
    }

        .ZE_main_video_box:hover .enroll_btn a {
            background: #fff;
            color: #000 !important;
        }

        .ZE_main_video_box:hover h4 {
            background: transparent;
            color: #fff;
            -webkit-text-fill-color: aliceblue;
        }

        .ZE_main_video_box:hover span {
            color: #fff;
        }

        .ZE_main_video_box:hover .read_m_btn {
            color: #fff;
        }

        .ZE_main_video_box:hover p {
            color: #fff;
        }

.ZE_main_video_box2 {
    position: absolute;
    top: -5rem;
    left: 0;
    right: 0;
}

.owl-carousel .owl-wrapper-outer {
    overflow: initial !important;
}

.ZE_video_box {
    width: 243px;
    height: 139px;
    /* height: 279px; */
    /* width: 279px; */
    margin: 0 auto;
    border: 2px solid #d5d5d5;
    border-radius: 5px;
    background: #f0f0f0;
    position: relative;
    overflow: hidden;
}

.video_icon_maindiv {
    /*width: 279px;
    height: 156.94px;
    position: absolute;
    top: 22%;
    left: 0;
    right: 0;
    margin: 0 auto;*/
}

img.video_icon_div {
    width: 100%;
    height: 100%;
}

.ZE_video_box .play_btn {
    width: 15%;
    position: absolute;
    border-radius: 100%;
    top: 40%;
    margin: 0 auto;
    left: 40%;
    background: #ccc;
    outline: none;
    border: none;
    bottom: 0;
}

.ZE_video_box img:hover {
    cursor: pointer;
}

.ZE_main_video_box ul {
    padding-left: 0;
    text-align: center;
}

.ZE_main_video_box li {
    list-style: none;
    display: inline-block;
    width: 49%;
}

.ZE_main_video_box ul li span img {
    width: 17%;
}

.ZE_main_video_box ul li span {
    font-size: 14px;
}

.ZE_main_video_box h4 {
    background: linear-gradient(to right, #263582, #00C9FD);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 18px;
    margin-bottom: 1rem;
}

.ZE_main_video_box p {
    text-align: center;
    font-size: 16px;
}

.read_m_btn {
    font-size: 13px;
    color: #808080;
}

.enroll_btn {
    margin-top: 2rem;
    /* position: relative; */
}

    .enroll_btn a {
        /*position: absolute;*/
        /* top: 41px; */
        /* left: 0; */
        /* right: 0; */
        background: linear-gradient(to right, #263582, #00CBFF);
        width: 50%;
        padding: 10px 30px;
        color: #fff !important;
        border-radius: 50px;
        margin: 0 auto;
    }

.col_mt_4 {
    margin-top: 4rem;
}

.col_mb_4 {
    margin-bottom: 4rem;
}
/*-----------------end----ZE_OL--css-------------------------*/


/*---------------------start---video-lecture topic----box--css------------*/
.video_topic_div {
    background: #dee1ff;
    border-radius: 10px;
    position: relative;
    margin-bottom: 1rem;
}

.bubble_icon {
    position: absolute;
    width: 60%;
    bottom: 0;
}

.VT_right img {
    float: right;
    vertical-align: bottom;
    width: 80%;
}

.VT_left h6 {
    color: #2b337a;
    font-size: 16px;
    text-transform: capitalize;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 30px;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-weight: 600;
}

.video_topic_Mdiv h6 {
    text-align: center;
    color: rgba(0,0,0,.7);
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
}

.video_topic_Mdiv {
    margin-bottom: 2rem;
}
/*-----------------end---video-lecture topic--css-------------------------*/
/*---------------------start---assignment----box--css------------*/
.assgmts_box .box {
    background-image: linear-gradient(to left, #3181ad, #2a91bc, #20a2ca, #14b2d7, #09c3e2);
    height: 268px;
    width: 268px;
    margin: 10px auto;
    border: 2px solid #00CDFF;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
}

.ZE_assgn_div {
    padding: 3rem 5rem;
}

.assgmts_box .box img:hover .box {
}

.assgmts_box .box img {
    background: #fff;
    padding: 5px;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    transition: all 0.3s ease 0s;
}

.assgmts_box .box:hover img {
    opacity: 0.2;
}

.assgmts_box .box .box-content {
    color: #fff;
    text-align: center;
    width: 200px;
    padding: 10px;
    opacity: 0;
    transform: translateX(-50%);
    position: absolute;
    top: 35%;
    left: 50%;
    z-index: 1;
    transition: all 0.3s ease-out;
}

.assgmts_box .box:hover .box-content {
    opacity: 1;
}

.assgmts_box .box .box-content:before,
.assgmts_box .box .box-content:after {
    content: '';
    height: 100%;
    width: 100%;
    border-radius: 10px;
    transform: scale(0);
    transform-origin: top left;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.3s ease 0.2s;
}

.assgmts_box .box .box-content:after {
    border-left: none;
    border-top: none;
    transform-origin: bottom right;
}

.assgmts_box .box:hover .box-content:before,
.assgmts_box .box:hover .box-content:after {
    transform: scale(1);
}

.assgmts_box .box .title {
    font-size: 2rem;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0 0 3px;
    transform: translateY(20px);
    transition: all 0.3s ease 0s;
}

.assgmts_box .box .post {
    font-size: 1rem;
    text-transform: capitalize;
    font-weight: 600;
    letter-spacing: 1px;
    display: block;
    transform: translateY(20px);
    transition: all 0.3s ease 0.1s;
}

.assgmts_box .box:hover .title,
.assgmts_box .box:hover .post {
    transform: translateY(0);
}

.ZE_assgn_div .ZE_main_video_box {
    height: 490px;
    width: auto;
    position: relative;
    margin-bottom: 3rem;
}

.ZE_assgn_div .enroll_btn a {
    position: absolute;
    top: 36px;
}

.sky_btn_blue a {
    background: #00CDFF;
    color: #fff;
    text-transform: capitalize;
    font-size: 18px;
}

.sky_btn_blue {
    text-align: center;
    margin-top: 4rem;
}

    .sky_btn_blue a {
        padding: 10px 30px;
        border-radius: 20px;
    }
/*--------------------end----assignment----box--css------------*/

/*-----------------start---video---box--css-------------------*/

.ZE_Acc_Video .ZE_main_video_box {
    margin-bottom: 4rem;
}
/*--------------------end----video----box--css------------*/

/*-----------------start---LiveClassesZE-----css-------------------*/
.LC_Time {
    color: #524f4f;
}

.LC_dashed {
    position: relative;
}

    .LC_dashed:after {
        content: "";
        position: absolute;
        bottom: -19px;
        left: 0;
        right: 0;
        height: 0.5em;
        border-top: 2px dashed #a9a5a5;
        z-index: 0;
    }

.LC_Data_schduled {
    border: 2px solid #000;
    padding: 12px;
    border-radius: 20px;
    margin: 20px 0;
}

.LC_Data_grey {
    background: #e2e2e2;
}

.LC_Data_darkgrey {
    background: #8D9AC2;
}

.LC_Data_blue {
    background: #00E4FF;
}

.LC_Data .data_Chapter h5, .LC_Data .data_Exam h5 {
    font-size: 17px;
}

.LC_Data {
    position: relative;
}

.LC_Data_Time {
    position: absolute;
    top: 45%;
}

.LC_Dropdwn {
    position: absolute;
    top: 20%;
    left: 0;
    right: 0;
    text-align: center;
}

span.LC_Circle {
    width: 8px;
    height: 8px;
    background: #000;
    display: inline-block;
    border-radius: 100%;
}
/*-----------------end---LiveClassesZE-----css-------------------*/

.result_btn_video {
    position: absolute;
    right: 0;
    bottom: 15px;
}

.result_btn_tag {
    position: relative;
    right: 0;
    bottom: 0;
}



/*----------------------coursePrice--css--------------------*/
.course_banner {
    background: url(../../Z_E_img/courses-svg/course_banner.svg) no-repeat;
    background-size: 100%;
    color: #fff;
    padding: 2rem 0px 0 0;
    margin-top: 4rem;
}

.C_B_left {
    padding: 5rem 0 0 2.5rem;
}

    .C_B_left h1 {
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        font-size: 50px;
        line-height: 116.2%;
        /* identical to box height, or 58px */
        text-transform: capitalize;
        background: linear-gradient(to right,#00c9fd,#263582);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .C_B_left p {
        font-family: Montserrat;
        font-style: normal;
        font-weight: 500;
        font-size: 20px;
        line-height: 116.2%;
        text-transform: capitalize;
        color: #263238;
        margin-top: 20px;
    }

.bg_span {
    background: linear-gradient(to right,#00cbff,#263582);
    padding: 5px 20px;
    border-radius: 40px;
    color: #fff;
    font-size: 18px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
}

.text-blue {
    color: #00cbff !important;
}

.course_contentp {
    line-height: 2;
}

.course_content ul li {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 250%;
    text-transform: capitalize;
    color: #000000;
}

.course_content h5 {
    font-weight: 600;
    margin-top: 3rem;
}

.left_blue_div, .left_red_div {
    border-radius: 26px;
    padding: 20px;
    height: 230px;
}

.left_blue_div {
    background: #CCF2FF;
    position: relative;
}

.left_red_div {
    background: #F9EDE5;
    position: relative;
}

.left_blue_div h6 {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 116.2%;
    text-transform: capitalize;
    color: #025F80;
    /* margin-bottom: 0; */
}

.left_blue_div h2 {
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    line-height: 200.2%;
    text-transform: capitalize;
    color: #025F80;
}

.left_blue_div p {
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 174.2%;
    text-transform: capitalize;
    color: #025F80;
}

.left_blue_div a {
    background: #025F80;
    border-radius: 38px;
    border: none;
    padding: 4px 60px;
    color: #fff;
}

    .left_blue_div a:hover {
        color: #fff;
    }

.ER_Icon {
    float: right;
    top: 70%;
    transform: translatey(-106%);
    right: 70px;
    position: absolute;
}

.left_red_div h6 {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 116.2%;
    text-transform: capitalize;
    color: #025F80;
    /* margin-bottom: 0; */
}

.left_red_div h5 {
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 25px;
    line-height: 50.2%;
    /* identical to box height, or 56px */
    text-transform: capitalize;
    color: #FF6200;
    margin-top: 1.5rem;
}

.left_red_div p {
    width: 381px;
    /* height: 58px; */
    /* left: 750px; */
    /* top: 1301px; */
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 178.2%;
    text-transform: capitalize;
    color: #FF6200;
}

.left_red_div .ER_Icon {
    right: 15px;
}

.mt_4 {
    margin-top: 4rem;
}

.accordion {
    margin-top: 40px;
}

    .accordion .card {
        border: none;
        margin-bottom: 20px;
        box-shadow: none;
    }

.card-head {
    background: #EEEDED;
    padding: 10px;
}

.accordion .card h2 {
    /*background: url(https://cdn0.iconfinder.com/data/icons/entypo/91/arrow56-512.png) no-repeat calc(100% - 10px) center;*/
    background: url(https://cdn0.iconfinder.com/data/icons/arrows-android-l-lollipop-icon-pack/24/expand2-256.png) no-repeat calc(100% - 10px) center;
    background-size: 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
}

    .accordion .card h2.collapsed {
        background-image: url(https://cdn0.iconfinder.com/data/icons/entypo/91/arrow56-512.png);
    }

.accordion .card-body {
    padding-left: 0;
    padding-right: 0;
}

    .accordion .card-body .table {
        border: 1px solid #d5d5d5;
        border-radius: 10px;
    }

.course_content {
    position: relative;
}

.left_ZIS {
    position: absolute;
    width: 5%;
    bottom: 27px;
}

.TABLE_BTN {
    background: linear-gradient(246.8deg, #C4C4C4 -5.42%, #293E80 -5.41%, #09AEE5 96.08%);
    border-radius: 16px;
    color: #FFF;
    font-size: 16PX;
    border: none;
    padding: 5px;
    width: 100%;
}

.card-body table.table thead th {
    font-weight: bold;
    border-top: none;
}
/*--------------assignment--css-------------*/
.my_asp .hello {
}

.my_asp table {
    font-size: 20px;
    font-weight: bold;
    width: 98.5%;
    text-align: center;
}

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

.my_asp th {
    padding: 15px;
    font-size: 16px;
    background-color: #f5f5f5;
}

.my_asp td {
    padding: 10px;
}

.my_asp .Exam_btn {
    background-color: #012742;
    padding: 6px 10px;
    width: 100px;
    border-radius: 47px;
    color: #fff;
    text-decoration: auto;
}

    .my_asp .Exam_btn:disabled {
        color: red;
    }

.my_asp .nav-pills .nav-link {
    background: 0 0;
    border: 0;
    font-family: 'Montseraat';
    padding: 10px;
    border-radius: 0px;
    background-color: #ededed;
    font-size: 30px;
    border-radius: .25rem;
}

    .my_asp .nav-pills .nav-link.active,
    .my_asp .nav-pills .show > .nav-link {
        color: white;
        border-radius: 0px;
        background-color: #012742;
    }

.my_asp .nav-link {
    width: 550px;
}

.my_asp .nav {
    width: 100%;
}

.my_asp .RE_img {
    width: 30px;
}

.ap_table {
    border: none;
    display: inline-table !important;
    box-shadow: none;
}

.btn_orangebtn {
    background: #EB7926;
    border-radius: 20px;
    border: 1px solid #EB7926;
    padding: 0px 10px;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
}

    .btn_orangebtn:hover {
        background: #fff;
        border: 1px solid #EB7926;
        color: #EB7926;
    }

.btn_bluebtn {
    background: #2007a7;
    border-radius: 20px;
    border: 1px solid #2007a7;
    padding: 7px 30px;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
}

    .btn_bluebtn:hover {
        background: #fff;
        border: 1px solid #2007a7;
        color: #2007a7 !important;
    }

.btn_orangebtn2 {
    background: #EB7926;
    border-radius: 20px;
    border: 1px solid #EB7926;
    padding: 7px 30px;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
}

    .btn_orangebtn2:hover {
        background: #fff;
        border: 1px solid #EB7926;
        color: #EB7926;
    }

.search_div {
    text-align: right;
}

    .search_div .search_input input {
        border-radius: 5px 0 0 5px;
        border: 1px solid #ccc;
        padding: 2px 10px;
        border-right: none;
        margin-bottom: 15px;
    }

.mt-2 {
    margin-bottom: 2rem;
}

.search_div .search_input .fa_search_btn {
    border-radius: 0px 5px 5px 0px;
    border: 1px solid #ccc;
    padding: 2px 10px;
    border-left: none;
    background: #fff;
    margin-left: -20px;
    color: #afaeae;
}

.fa_search_btn:hover {
    cursor: pointer;
}

.search_div .filter_input input {
    width: 90px;
}
/*-------------------ADresult---css----------------*/
.Rbanner-section {
    background: url(../../AD-images/Union.png) no-repeat;
    padding: 12rem 0 8rem 0;
    margin-top: 0px;
    background-size: 100%;
    background-position: top center;
    height: 100%;
}

.rbanner-content {
    margin: 0 auto;
    display: block;
    text-align: center;
}

    .rbanner-content img {
        width: 25%;
    }

    .rbanner-content h2 {
        color: #fff;
        font-style: normal;
        font-weight: 500;
        font-size: 36px;
        margin-top: 1rem;
    }

section.Report-Card-section {
    padding: 3rem 0;
}

.RC_right_div img {
    float: right;
}

.RC_left_div h3 {
    border: 3px solid #EB7926;
    box-sizing: border-box;
    border-radius: 54px;
    text-align: left;
    padding: 9px 20px;
    width: 66%;
    font-style: normal;
    font-weight: 600;
    font-size: 37px;
    line-height: 106.9%;
    color: #EB7926;
    margin-bottom: 2rem;
}

span.name-span {
    font-style: normal;
    font-weight: normal;
    font-size: 27px;
    line-height: 55px;
    color: #6B6B6B;
}

span.c-span {
    color: #6B6B6B;
    font-size: 25px;
    font-weight: 600;
}

span.Sname-span {
    font-style: normal;
    font-weight: 600;
    font-size: 31px;
    line-height: 106.9%;
    color: #1C3687;
}

.tC1 {
    padding-left: 24.5%;
}

.tC2 {
    padding-left: 25%;
}

.tC3 {
    padding-left: 4%;
}

.student_detail {
    padding: 5px 5px;
}

.rank_div {
    background: #FFFFFF;
    box-shadow: 0px 0px 48px rgb(0 0 0 / 15%);
    border-radius: 32px;
    padding: 20px;
    margin-top: 40px;
}

.rank_border.orangeb {
    border: 7px solid #EB7926;
}

.rank_border.Bblue {
    border: 7px solid #1C3687;
}

    .rank_border.Bblue p {
        color: #1C3687;
    }

.rank_border {
    width: 180px;
    height: 180px;
    margin: 0 auto;
    border-radius: 100%;
    position: relative;
}

.orangeb {
    border: 7px solid #EB7926;
}

.rank_border p {
    font-style: normal;
    font-weight: 600;
    font-size: 31px;
    color: #EB7926;
    margin: 0 auto;
    position: absolute;
    top: 35%;
    left: 0;
    -ms-transform: translateY(20%);
    transform: translateY(0);
    right: 0;
    text-align: center;
}

.rank_div h6 {
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 106.9%;
    /* or 30px */
    text-transform: capitalize;
    color: #000000;
    text-align: center;
    margin-top: 2rem;
}

.logo_bg_gradient {
    background: linear-gradient( 0deg, #1C3687 -143.86%, rgba(28, 54, 135, 0) 100%);
    margin-top: 3rem;
    padding: 2rem 0;
}

.welcome_text h3 {
    font-style: normal;
    font-weight: 600;
    font-size: 37px;
    line-height: 106.9%;
    /* or 40px */
    color: #EB7926;
}

.welcome_text p {
    font-style: normal;
    font-weight: normal;
    font-size: 25px;
    line-height: 138.9%;
    /* or 35px */
    color: #000000;
    margin-bottom: 33px;
}

.welcome_text {
    padding: 3rem 0;
}
span.score_heading {
    text-transform: CAPITALIZE;
}
.Percentage_and_Score {
    padding: 2rem 0;
    padding-left: 12px;
}

    .Percentage_and_Score h1 {
        font-style: normal;
        font-weight: 700;
        font-size: 30px;
        line-height: 33px;
        color: #1C3687;
        margin-bottom: 2rem;
    }

.score_box {
    background: #FFFFFF;
    box-shadow: 0px 6px 20px rgb(0 0 0 / 19%);
    border-radius: 14px;
}
.bar_box {
    height: 292px;
}
.score_icon {
    border-bottom: 1px solid #E7E7E7;
}
.score_icon {
    padding: 10px 15px;
}
    .bar_box .score_icon {
        padding: 10px 20px;
    }

    .score_icon img {
        width: 17%;
    }

.score_box hr {
    margin-top: 0rem;
    margin-bottom: 0rem;
}

span .score_heading {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    text-transform: capitalize;
    color: #1D1D1D;
}


    .score_content p {
        padding: 30px 0 52px 0;
        text-align: center;
    }
        .ob_score {
    font-style: normal;
    font-weight: normal;
    font-size: 28px;
    line-height: 34px;
    text-transform: capitalize;
    color: #1D1D1D;
}
.total_score {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    /* identical to box height */
    text-transform: capitalize;
    color: #1D1D1D;
}
.downld_button button {
    border: none;
    background: transparent;
    margin: 3rem auto;
    display: block;
}
footer {
    background: #EB7926;
    border-radius: 19px 19px 0 0;
}
.text1 {
    font-weight: 600;
    font-size: 26px;
    line-height: 32px;
    padding: 25px 0;
    color: #FFFFFF;
}

/* Bar Graph Vertical */
.bar-graph .year {
    -webkit-animation: fade-in-text 2.2s 0.1s forwards;
    -moz-animation: fade-in-text 2.2s 0.1s forwards;
    animation: fade-in-text 2.2s 0.1s forwards;
}

.bar-graph-vertical {
    margin-top: 70px;
    width: 100%;
}

    .bar-graph-vertical .bar-container {
        float: left;
        height: 150px;
        margin-right: 8px;
        position: relative;
        text-align: center;
        width: 28%;
    }

    .bar-graph-vertical .bar {
        border-radius: 3px;
        bottom: 40px;
        position: absolute;
        width: 8px;
        display: initial;
    }

    .bar-graph-vertical .year {
        bottom: 0;
        left: 10px;
        margin: 0 auto;
        position: absolute;
        right: 0;
        font-style: normal;
        font-weight: normal;
        font-size: 10px;
        line-height: 12px;
        text-transform: capitalize;
        color: #949494;
        -webkit-transform: rotate( 0deg );
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate( 0deg );
    }

.bar-graph-two .bar::after {
    -webkit-animation: fade-in-text 2.2s 0.1s forwards;
    -moz-animation: fade-in-text 2.2s 0.1s forwards;
    animation: fade-in-text 2.2s 0.1s forwards;
    color: #949494;
    content: attr(data-percentage);
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    left: 0;
    margin: 0 auto;
    position: relative;
    right: 0;
    text-align: left;
    top: -27px;
    -webkit-transform: rotate( 90deg );
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate( 90deg );
}

.bar-graph-two .bar-one .bar {
    background-color: #0F9F6A;
    -webkit-animation: show-bar-one-vertical 1.2s 0.1s forwards;
    -moz-animation: show-bar-one-vertical 1.2s 0.1s forwards;
    animation: show-bar-one-vertical 1.2s 0.1s forwards;
}

.bar-graph-two .bar-two .bar {
    background-color: #FF583D;
    -webkit-animation: show-bar-two-vertical 1.2s 0.2s forwards;
    -moz-animation: show-bar-two-vertical 1.2s 0.2s forwards;
    animation: show-bar-two-vertical 1.2s 0.2s forwards;
}

.bar-graph-two .bar-three .bar {
    background-color: #A8A8A8;
    -webkit-animation: show-bar-three-vertical 1.2s 0.3s forwards;
    -moz-animation: show-bar-three-vertical 1.2s 0.3s forwards;
    animation: show-bar-three-vertical 1.2s 0.3s forwards;
}


/* Bar Graph Vertical Animations */
@-webkit-keyframes show-bar-one-vertical {
    0% {
        height: 0;
    }

    100% {
        height: 40%;
    }
}

@-webkit-keyframes show-bar-two-vertical {
    0% {
        height: 0;
    }

    100% {
        height: 55%;
    }
}

@-webkit-keyframes show-bar-three-vertical {
    0% {
        height: 0;
    }

    100% {
        height: 68%;
    }
}

@-webkit-keyframes show-bar-four-vertical {
    0% {
        height: 0;
    }

    100% {
        height: 82%;
    }
}

@-webkit-keyframes fade-in-text {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}