@font-face {
  font-family: 'buDrakonit1_2700Bold';
  src: url('../fonts/buDrakonit-1.2-700-Bold.eot');
  src: url('../fonts/buDrakonit1_2700Bold.eot') format('embedded-opentype'), url('/assets/fonts/buDrakonit-1.2-700-Bold.woff2') format('woff2'),
      url('../fonts/buDrakonit-1.2-700-Bold.woff') format('woff'), url('/assets/fonts/buDrakonit1_2700Bold.ttf') format('truetype'),
      url('../fonts/buDrakonit1_2700Bold.svg#buDrakonit1_2700Bold') format('svg');
}

@font-face {
    font-family: 'BebasNeue-Regular';
    src: url('/assets/fonts/BebasNeue-Regular.ttf') format('truetype');
}

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.hybrid-fonts span {
    font-family: BebasNeue-Regular;
    font-size: 46px;
}

/*.page_link_left > div {
    visibility: hidden;
    display: contents;
    width: 100%;
}*/
.modal-dialog {
    margin: auto !important;
}

.more_then_one_course {
    background-color: #fff7f4 !important;
    height: 44px !important;
    padding: 13px 26px 0px 12px !important;
    font-size: 16px !important;
    line-height: 18px !important;
    border-radius: 12px !important;
    margin-right: 0px !important;
    margin-bottom: 0px !important;
    display: inline-block;
    color: #222222 !important;
}
.expand_courses_view {
cursor:pointer;
}
    .expand_courses_view div.popup_view_btn {
        text-align: left;
    }

    .mycourse_groups_area div.study_course_col:hover div.page_link_left > div, .study_groups_area div.study_course_col:hover div.page_link_left > div {
        visibility: visible;
    }

.groups_col {
    border-radius: 17px;
    border: 1px solid #F55821;
    padding: 20px 20px 20px;
    background-color: #fff;
     margin-top:20px;
     margin-left:20px;
}
    .groups_col a {
        text-indent: 45px;
        color: #F55821;
        font-weight: 700;
        font-size: 14px;
    }

    .rating_info_logo {
        width: 35px;
        height: 35px;
        border-radius: 50%;
        background-color: #fff;
        box-shadow: 0 10px 15px 0 rgba(49, 91, 142, 0.12);
        justify-content: center;
        align-items: center;
        display: flex;
    }

.video-container iframe {
    width: 560px;
    height: 315px;
}

.tips_success_video_item {
    position: relative;
    margin-bottom: 26px;
}

.including_box ul li {
    display: flex;
    font-size: 16px;
    padding: 10px 0px;
    color: #7a7f89;
    align-items: center;
}

    .including_box ul li a {
        color: #7a7f89;
        text-decoration: underline;
    }

.including_box {
    padding: 13px 40px 20px 20px;
}

    .including_box h4 {
        font-size: 18px;
        font-weight: 600;
        line-height: 1.11;
        color: #2a2a2a;
    }

.inclogo {
    width: 43px;
    margin-left: 5px;
}

.inclogo3 {
    margin-left: 22px;
}

.inclogofix img {
    margin-right: 4px;
}

.inclogofix2 img {
    margin-right: 1px;
}
.study_groups_left2 .fixed div.tips_success_video_item {
    display: none;
}

#VAopenMenu {
    visibility: hidden;
}
.hidden {
display:none;
}
.study_course_col_fix_tablet a.course_btns {
    display:none;
}

#tranzila-iframe {
    width: -webkit-fill-available;
}

.purchase-single-course {
    font-family: "Assistant", sans-serif;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    width: 100%;
    display: inline-block;
}

    .purchase-single-course span.strng {
        font-weight: 700;
        font-size: 14px;
        display: inline-block;
    }
    .purchase-single-course span.strng-price, .purchase-single-course small.strng-currency {
        font-weight: 600;
        font-size: 26px;
        display: inline-block;
    }

body {
    margin: 0;
    overflow-x: hidden;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    color: #222222;
    direction: rtl;
    unicode-bidi: embed;
    font-family: "Assistant", sans-serif;
}

.HeaderVideo {
    position: absolute;
    width: 100%;
    height: 670px;
    z-index: -1;
    
}
.flowplayer .fp-color {
    background-color: rgba(245, 88, 33, 1) !important;
}

.header-item {
    display: none;
}

    .header-video-slider, .header-item, .HeaderVideo video {
        height: inherit;
    }

.HeaderVideoDots {
    margin: auto;
    text-align: center;
    position:absolute;
    z-index:999999999999;
}
    .HeaderVideoDots div {
        display: contents;
        margin: auto;
        text-align: center;
    }
:root {
    --black: #222222;
    --yellow: #EF8700;
    --white: #fff;
}
img {
  max-width: 100%;
}
p {
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  color: #222222;
}
h1 {
    font-size: 102px;
   /* font-weight: 700;*/
    line-height: 79px;
    margin-bottom: 0px;
    font-family: 'buDrakonit1_2700Bold';
  }
h2 {
    font-size: 32px;
    line-height: 42px;
  /*  font-weight: 700;*/
  }
h3 {
  
    margin-bottom: 0px;
  }

h4 {
 
    margin-bottom: 0px;
  }
/* h5 {
    font-size:20px;
    line-height: 32px;
    margin-bottom: 20px;
} */
h6 {
  font-size: 20px;
/*  font-weight: 700;*/
  line-height: 30px;
}
ul {
  padding: 0px;
  margin: 0px;
  list-style-type:none;
}
ul li {
  font-size: 16px;
  line-height: 28px;
  font-weight: 400;
  list-style: none;
}
a {
  text-decoration: none;
}
.rotate180deg {
    transform: rotate(180deg);
}
.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0px;
}
/* headaer */
.header-top {
  background-color: var(--black);
}
.header-top ul {
  padding:10px 20px;
  gap:0px 30px
}
    .header-top ul li, .header-top ul li a {
        font-size: 14px;
        line-height: 22px;
        color: #a7a7a7;
    }
.header-top ul li.active {
  font-weight: 700;
  position: relative;
}
.header-top ul li.active:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 2px;
  border-radius: 50px;
  bottom: -2px;
  left: 13px;
  background-color:#a7a7a7;
}
.header-main {
  padding: 13px 60px;
  position: absolute;
  left: 0px;
  right: 0px;
  top: 40px;
}

ul.list-inline li{
width:140px;
float:right;
}

.liSpeed small {
    float: right;
    padding-left: 10px;
}
.liSpeed select {
    width: 73px;
    line-height:19px;
    float:right;
}
.study_groups_info_hide {
    display: none !important;
}

.study_groups_info_hide_group {
    display: none !important;
}
#ShowSubscriptionCourses, .buy_now, .close-btn {
    cursor: pointer;
}
    #popupcontainer {
display:none;
}

.UploadCourseMaterial_popup {
    width:1001px !important;
}
.plupload_filelist2 {
    max-height: 152px;
    display: block;
    direction:ltr;
    margin-right:-10px;
}

#upload_course_material div.UploadCourse_search {
    float: none;
    display: inline-block;
}
#upload_course_material div.upload_area {
  padding-top:10px;
}
.scroller_container_institutionHeaderList, .scroller_container_programHeaderList {
    position: absolute;
    background-color: #fff;
    border-radius: 12px;
    color: #222222;
    z-index: 22;
    width: 225px;
    max-height: 204px;
    height: 204px;
    top: 20px;
    left: -95px;
    display: none;
}
.plupload_file_name {
width:70% !important;
}
.plupload_file_status {
    width: 20% !important;
    visibility:hidden;
}
    .plupload_file_status span {
        display:none;
       /* width: 87px;
        height: 11px;
        border-radius: 50px;
        border-width: 1px;
        border-style: solid;
        border-color: #D9D9D9;
        display: inline-block;
        margin-left: 20px;*/
    }

    .plupload_file_size {
        width: 5% !important;
    }
.plupload_file_action {
    width: 13% !important;
}
    .plupload_file_action a {
        display: inline-block !important;
        margin-left: 18px;
    }


.plupload_done div.plupload_file_status span {
    background-color: #00A6A6;
}

#institutionHeaderList, #programHeaderList, .result-second-inner-scroll {
    overflow-y: scroll;
    max-height: 204px;
    margin-right: 10px;
    direction: ltr;
}
.popular_classes_holder_fix {
    padding-top: 22px !important;
}

#programHeaderList::-webkit-scrollbar, #institutionHeaderList::-webkit-scrollbar,
.expiration_popup_inner div.popular_classes_holder::-webkit-scrollbar,
.result-second-inner-scroll::-webkit-scrollbar {
    height: 4px;
    width: 4px;
}

#programHeaderList::-webkit-scrollbar-track, #institutionHeaderList::-webkit-scrollbar-track,
.expiration_popup_inner div.popular_classes_holder::-webkit-scrollbar-track,
.result-second-inner-scroll::-webkit-scrollbar-track {
    border-radius: 5px;
    background-color: #fff;
}

    #programHeaderList::-webkit-scrollbar-track:hover, #institutionHeaderList::-webkit-scrollbar-track:hover,
    .expiration_popup_inner div.popular_classes_holder::-webkit-scrollbar-track:hover,
    .result-second-inner-scroll::-webkit-scrollbar-track:hover {
        background-color: #fff;
    }

    #programHeaderList::-webkit-scrollbar-track:active, #institutionHeaderList::-webkit-scrollbar-track:active,
    .expiration_popup_inner div.popular_classes_holder::-webkit-scrollbar-track:active,
    .result-second-inner-scroll::-webkit-scrollbar-track:active {
        background-color: #fff;
    }

#programHeaderList::-webkit-scrollbar-thumb, #institutionHeaderList::-webkit-scrollbar-thumb,
.expiration_popup_inner div.popular_classes_holder::-webkit-scrollbar-thumb,
.result-second-inner-scroll::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #D9D9D9;
}

    #programHeaderList::-webkit-scrollbar-thumb:hover, #institutionHeaderList::-webkit-scrollbar-thumb:hover,
    .expiration_popup_inner div.popular_classes_holder::-webkit-scrollbar-thumb:hover,
    .result-second-inner-scroll::-webkit-scrollbar-thumb:hover {
        background-color: #D9D9D9;
    }

    #programHeaderList::-webkit-scrollbar-thumb:active, #institutionHeaderList::-webkit-scrollbar-thumb:active,
    .expiration_popup_inner div.popular_classes_holder::-webkit-scrollbar-thumb:active,
    .result-second-inner-scroll::-webkit-scrollbar-thumb:active {
        background-color: #D9D9D9;
    }

.grayscale {
    filter: grayscale(100%);
}

.btn-mil-res:disabled {
    color: #FFFFFF;
    border-radius: 47px;
    padding: 12px 30px;
    background-color: #D6D6D6;
    opacity: 1;
    cursor: not-allowed;
    pointer-events: none;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.main_women_img {
    position: relative;
    background-image: url(/assets/image/BackgroundShape.svg);
    background-repeat: no-repeat;
    background-repeat: no-repeat;
    height: 100%;
}

    .main_women_img img {
        width: 86% !important;
        /* padding-bottom: 36px; */
        /* max-width: 450px; */
        /* margin: auto; */
        padding-right: 100px;
    }
.play_btn_bx {
    position: absolute;
    width: 60px;
    height: 60px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    margin: auto;
    background-color: rgba(2, 86, 209, 0.7);
    border-radius: 50%;
}

    .play_btn_bx > a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
    }

button.btn_loader_loading, a.btn_loader_loading {
    position: relative;
}


    button.btn_loader_loading:after, a.btn_loader_loading:after {
        content: "";
        display: ruby;
        background-image: url(../image/loader.svg);
        background-repeat: no-repeat;
        background-position-y: center;
        background-position-x: center;
        height: 50px;
        top: 0px;
        position: absolute;
        left: 0px;
        width: 50px;
        transform: rotate(360deg);
        -webkit-animation: spin 1s infinite linear;
    }

.btn_loader_white a.btn_loader_loading:after {
    background-image: url(../image/loader_white.svg);
    
}



.btn_loader_white a.btn_loader_loading {
    background: #F55821B2;
    justify-content: right;
    text-indent: 10px;
}
.btn_loader_white a.btn_loader_loading:hover {
 color:#ffffff;
}
    .btn_loader_white a.btn_loader_loading:after {
        height: 47px;
    }

a.btn_loader_loading:after {
    height: 38px;
}

        @-webkit-keyframes spin {
            0% {
        -webkit-transform: rotate(0deg);
    }

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

@media only screen and (min-width:992px) {

    .TopHeaderPosition {
        background: none;
        background-color: transparent;
        transition: all .2s ease;
    }


    .header-main {
        position: fixed;
        /*background: linear-gradient(39deg, rgba(76, 211, 194,1) -65%, rgba(21, 145, 236,1) 17%);*/
        background: linear-gradient(63deg, #f7ecce -15%, #00A6A6 5%) !important;
        transition: all .2s ease;
    }

    .header-top {
        position: fixed ;
        width:100%;

    }
 
}
/*@media only screen and (min-width:1080px) {
    .TopHeaderPosition {
        background-color: transparent;
        transition: all .2s ease;
    }
}*/

.TopHeaderPosition {
    background-color: transparent;
    transition: all .2s ease;
}

.header-main {
    position: fixed;

}


.header-main
.header-btn-box {
    gap: 0px 8px
}

    .button-border,
    .button-bg {
        font-size: 16px;
        line-height: 20px;
        font-weight: 700;
        color: var(--white);
        border-radius: 40px;
        padding: 10px 20px;
        border: 1px solid #fff;
        transition: all .3s ease;
        display: inline-block;
    }

    .header-main .button-border {
        font-weight: 800;
    }

    .button-border:hover {
        background: var(--white);
        color: var(--black);
    }

    .button-bg {
        background: var(--white);
        color: var(--black);
    }

        .button-bg:hover {
            background: transparent;
            color: #fff;
        }

.header-btn-box a.button-border:hover {
    background: transparent;
    color: #eec6b9;
}

.header-btn-box a.button-bg:hover {
    background: var(--white);
    color: #F55821;
}

    .humbarger-menu {
        display: none;
    }

    .logo {
        width: 95px;
        min-width: 95px;
    }

#menu-nav a:hover {
    text-shadow: 1px 0 2px #fff;
}

nav.menu {
    padding-right: 70px;
}

        nav.menu ul li a {
            color: var(--white);
        }

        nav.menu ul {
            gap: 0px 29px;
        }

    .footer-area,
    section {
        padding-left: 60px;
        padding-right: 60px;
    }
.footer-social-box ul li a i:hover {
    color: #EF8700;
}
.mycourses_menu {
    width: 100%;
    border-bottom: 1px solid #d9d9d9;
}

    .mycourses_menu div.title_and_search_title div.menu_item {
        float: right;
        padding-left: 20px;
        padding-right: 20px;
        line-height: 60px;
        font-size: 14px;
        cursor:pointer;
    }

    .mycourses_menu div.title_and_search_title div.menu_item.active {
      border-bottom:2px solid #F55821;
      font-weight:bold;
    }
    .mycourses_menu div.title_and_search {
        margin-bottom: 0px;
    }
    .mycourses_menu div.buy_now_sticky {
        margin-bottom: 2px;
        margin-top: 13px;
    }
.banner-area {
   /* background: linear-gradient(63deg,#f7ecce -15%, #00A6A6 17%) !important;*/
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center top !important;
    padding-left: 0px;
    padding-right: 0px;
}

    .banner-wrap {
        height: 678px;
        padding-top: 140px;
        display: flex;
        flex-direction: column;
    }

.banner-box-info {
    width: 50%;
    height: 475px;
    margin-right: auto;
    color: var(--white);
    margin-left: 35px;
    display: inline-block;
    float: left;
    position: relative;
}


.form_popup_area {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 999999999;
    display: none;
}

    .form_popup_area::after {
        content: '';
        position: absolute;
        width: 100%;
        height: 100vh;
        top: 0;
        left: 0;
        z-index: 999999999;
        -webkit-backdrop-filter: blur(3px);
        backdrop-filter: blur(3px);
        background-color: rgba(10, 44, 93, 0.3);
    }

.form_popup_wrap {
    position: relative;
    z-index: 9999999999;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
}

.form_popup_bg {
    width: 100%;
}

.form_popup_box {
    max-width: 848px;
    margin: 0 auto;
    border-radius: 24px;
    box-shadow: 0 12px 34px 0 rgba(0, 0, 0, 0.04);
    background-color: #fff;
    position: relative;
}

.form_popup_mx {
    padding: 5px 40px 30px 42px;
}

.popup_close_btn .closebtn, .popup_close_btn .closebtn2 {
    position: absolute;
    top: 23px;
    left: 23px;
    width: 25px;
    border-radius: 50%;
    height: 25px;
}

.popup_close_btnVideo .closebtn, .popup_close_btnVideo .closebtn2 {
    position: absolute;
    top: 23px;
    left: 23px;
    width: 25px;
    border-radius: 50%;
    height: 25px;
    z-index: 1
}

.video_bg {
    position: relative;
}
.testimonialsItem1 {
    top: -3px;
}

#tetimonials svg {
    width: 108px;
    height: 90px;
}
#tetimonials div.owl-item {
    margin-top: 20px;
}

.testimonialsItem2, .testimonialsItem3 {
    top: -6px;
    left: 4px;
}


.testimonialsItem4 {
    top: -3px;
    left: 4px;
}

.testimonialsItem5 {
    top: 2px;
    left: 3px;
}

.testimonialsItem6 {
    top: -6px;
    left: 1px;
}

#tetimonials .item {
    margin-top: 10px;
    cursor: pointer;
}

    #tetimonials .item img {
        position: absolute;
        opacity: 1;
        width: 100px;
        height: 100px;
    }

.LetsStartLowerBotton h3 {
    text-align: center;
}
.LetsStartPopUp {
width:100%;
}
.right_small_icon_fix {
    width: 47px !important;
    top: 22px !important;
}

.banner-box-info h4 {
    font-size: 18px;
    line-height: 20px;
}

        .banner-box-info p {
            color: var(--white);
            line-height: 22px;
            margin-bottom: 15px;
        }

.search-wrap {
    padding-right: 57px;
    margin-top: 100px;
    display: inline-block;
}

    #institutionSearchResult_popup li {
        text-align: right;
    }
#subscription_search_view, #Program_search_view {
    display: none;
}
.dsk_gap_bottom {
margin-bottom:30px;
}

#institutionSearchResult, #institutionSearchResult_popup {
    display: none;
    z-index: 3;

}

#institutionSearchResult_popup {
  max-height:240px;
}
        #institutionSearchResult ul li a, #institutionSearchResult_popup ul li a {
            color: inherit;
            font-weight: inherit;
            font-size: inherit;
            font-family: inherit;
            text-decoration: none;
        }

            #institutionSearchResult ul li a span,
            #institutionSearchResult_popup ul li a span,
            .study_groups_info ul li a span,
            .videos-list li span.marker,
            .subscription_res_view span > span,
            #CourseChapterAccordion h6 a span,
            .study_course_col_fix_tablet > div > h6 > a > span {
                background-color: #EF8700;
                color: inherit;
                font-weight: inherit;
                font-size: inherit;
                font-family: inherit;
                text-decoration: none;
            }
.subscription_search div.subscription_res_view > span {
    width: 100%;
    text-align:right;
}

.videos-list li.active {
    font-weight: bold;
}
.videos-list li > div:last-child {
    width: 44px;
    margin-top: 7px;
    text-align: left;
}
.subscription_res_view, .how_to_start {
    cursor: pointer;
}
.search-wrap h1 {
    color: var(--white);
    padding-bottom: 16px;
}

    .headerlistitems {
        color: #222222 !important;
        background: none;
        font-size: 16px !important;
        font-weight: 400 !important;
        text-decoration: none !important;
    }

    .selectsubjectinheader {
        cursor: pointer;
        font-weight: inherit;
    }
    /*course chapter book fix*/
.title_and_search h4 {
    display: inline;
}

.course_book_btn, .study_groups_search_course {
    float: left;
}
course_book_btn {
    margin-left: 12px;
}
.study_groups_search_course {
    margin-right:10px;
  
}
.course_book_btn a {
    height: 49px;
    width: 122px !important;
    font-weight: normal !important;
}
    .course_book_btn a:hover {
        background-color: #fff !important;
        color: rgba(245, 88, 33, 1) !important;
    }

    .search-box {
        max-width: 330px;
        position: relative;
    }

    .control-form button {
        position: absolute;
        font-family: 'buDrakonit1_2700Bold';
        left: 0px;
        border: none;
        border-radius: 48px;
        background-color: var(--yellow);
        width: 103px;
        height: 50px;
        font-size: 26px;
        line-height: 23px;
        color: var(--white);
        padding: 0;
        margin: 0;
       /* display: flex;*/
        align-items: center;
        justify-content: center;
    }

.search-box div.control-form button {
    cursor:default;
}

    .control-form button img {
    margin-left: 6px;
    width: auto !important;
    position: relative;
    top: 1px;
}

    input.input-filed {
        height: 50px;
        background: var(--white);
        border-radius: 49px;
        border: none;
        width: 100%;
        font-size: 14px;
        font-weight: 700;
        padding: 16px;
        padding-left: 106px;
        color: #222222;
    }

        input.input-filed:focus-visible {
            outline: none;
        }

.search-wrap a {
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    color: var(--white);
    text-decoration: underline;
    margin-top: 16px;
    display: block;
    margin-right: 17px;
}

    .cookies-box {
        max-width: 1024px;
        margin: 0 auto;
        background: var(--white);
        border-radius: 17px;
        align-items: center;
        padding: 18px 34px 18px 27px;
        margin-top: auto;
        width: 100%;
        box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;
        display: none;
        position:fixed;
        z-index:99999;
        bottom:20px;
        
    }

        .cookies-box p {
            margin-bottom: 0px;
            padding-left: 20px;
        }

        .cookies-box .button-border {
            color: #00A6A6;
            border: 1px solid #00A6A6;
            font-weight: 800;
        }
.contact_us_res_view_fix span {
    width: 100%;
    text-align: right;
}

.contact_us_res_view_fix span:hover {
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 28px !important;
    color: #EF8700 !important;
    margin-bottom: 0px !important;
    letter-spacing: 0px !important;
}


#technical-issue-type option:first-child {
    border-radius: 5px 0px 0px 5px;
}
.search-tigger, #select_TechnicalIssue, #select_couponIssue, #SelectInstitution, #SelectProgram input#program {
    cursor: pointer;
}

#uploader_filelist li:not(.upload_area_bg) {
    display: none;
}

.search-result, .subscription_search_view, .contactus_subject_view {
    background-color: var(--white);
    border-radius: 12px;
    padding: 22px 14px;
    position: absolute;
    width: 100%;
    min-height: 116px;
    top: 62px;
    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.15);
    overflow-y: scroll;
    max-height: 320px;
}

        .search-result ul li img {
            margin-left: 14px;
            width: 34px;
            height: 34px;
            border-radius: 100%;
            border: 1px solid #D9D9D9;
        }

        .search-result ul li {
            padding-bottom: 10px;
        }

            .search-result ul li:last-child {
                padding-bottom: 0px;
            }

    .leading-academic-area {
        padding: 45px 60px;
    }

    .search-result ul li span {
        color: var(--yellow);
    }

    .text p {
        font-size: 18px;
        padding-bottom: 24px;
        color: #8693ab;
        margin-bottom: 0px;
    }

    .leading-academic-item:nth-child(5) {
        width: 21.98%;
    }

    .leading-academic-item:nth-child(6) {
        width: 13.52%;
    }

    .leading-academic-item:nth-child(4) {
        width: 6.22%;
    }

    .leading-academic-item:nth-child(3) {
        width: 10.02%;
    }

    .leading-academic-item:nth-child(1) {
        width: 6.49%;
    }

    .leading-academic-item:nth-child(2) {
        width: 12.58%;
    }

    .leading-academic-item img {
        filter: opacity(.5);
    }

    .leading-academic-box {
        gap: 0px 32px;
    }

    .only-mobile-veiw {
        display: none;
    }

    .tab-area {
        background-color: #F1F1F1;
        padding-top: 72px;
        padding-bottom: 32px;
    }

    .nav-link,
    .nav-tabs .nav-link {
        font-size: 25px;
        line-height: 22px;
      /*  font-weight: 700;*/
        font-family: 'buDrakonit 1.2';
        padding: 23px 70px;
        border: 0;
        border-radius: 0px;
        color: var(--black);
        font-family: 'buDrakonit1_2700Bold';
    }

        .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
            border: 0;
            border-radius: 16px 16px 0px 0px;
            outline: none;
        }

    .nav-tabs {
        border-bottom: none;
    }
    /*menu select */

    .dmenuSelect option {
        color: #000;
        cursor: pointer;
    }

    .tab-pane {
        background: var(--white);
        border-radius: 16px 0px 16px 16px;
        padding: 30px 34px;
        box-shadow: 0px 0 16px 0px rgba(0, 0, 0, 0.08);
    }

    .tab-list-wrap {
        gap: 0px 20px;
    }

    .nav-tabs .nav-link.active {
        color: var(--yellow);
        box-shadow: 0px 0 14px 0px rgba(0, 0, 0, 0.08);
    }

        .nav-tabs .nav-link.active span::before {
            content: '';
            width: 100%;
            height: 30px;
            background-color: #fff;
            position: absolute;
            left: 0;
            right: 0;
            bottom: -10px;
            z-index: 2;
        }


    .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
        isolation: isolate;
        border: 0;
    }
.tab-list-item {
width:25%;
}
.tab-list-item-hide {
    display: none;
}
    
    #ShowAllTabPaneItems {
        cursor: pointer;
    }

    #popup_institutionExists {
        display: none;
    }

    #nav-tabContent div.tab-pane {
        min-height: 354px;
    }

    .tab-list-item h4 {
        font-size: 16px;
        line-height: 21px;
        font-weight: 700;
        color: #222222;
        padding-bottom: 5px;
    }

    .tab-list-item ul li a {
        color: var(--black);
        padding-right: 6px;
        position: relative;
    }

        .tab-list-item ul li a:hover {
            color: var(--yellow);
            text-shadow: 0px 0px 1px;
            text-decoration: underline;
        }

        .tab-list-item ul li a::after {
            content: "\f104";
            position: absolute;
            font-family: "Font Awesome 6 Free";
            font-weight: 900;
            right: -5px;
            top: -2px;
            font-size: 11px;
        }
.in-inbox_counter {
    display: none;
}

.mb_line_expand {
   padding-top:6px;
   padding-bottom:6px;
}

    .nav-link, .nav-tabs .nav-link:hover {
        color: var(--yellow);
    }

    .nav-tabs .nav-link {
        position: relative;
    }

    .search-result small {
        color: #909090;
    }

    .nav-tabs .nav-link.active::before,
    .nav-tabs .nav-link.active::after {
        content: "";
        position: absolute;
        width: 13px;
        height: 17px;
        left: -11px;
        bottom: 1px;
        background: url(../image/arrow-bg.png)no-repeat;
    }

    .search-result small {
        color: #909090;
        width: 100%;
        height: 100%;
        justify-content: center;
        align-items: center;
        display: flex;
        height: 70px;
    }

    .nav-tabs .nav-link.active::before {
        background: url(../image/right-arrow.png);
        left: initial;
        right: -12px;
        bottom: -3px;
    }

    button#nav-home-tab.nav-link.active::before {
        display: none;
    }

    .banner-box-info h2 {
        font-family: 'buDrakonit1_2700Bold';
        margin-bottom: 0px;
        line-height: 35px;
    }


    div#nav-contact,
    div#nav-profile {
        border-radius: 16px;
    }

    .study_groups_rightFullWidth {
        width: 100%;
    }

    .tab-btn {
        border: 1px solid #D9D9D9;
        color: var(--black);
        font-size: 14px;
        line-height: 18px;
        margin-top: 30px;
        display: inline-block;
    }

    div#nav-profile .tab-list-wrap,
    div#nav-contact .tab-list-wrap {
        width: 65%;
    }

    .subscription-area {
        padding: 40px 0px 0px 0px;
        background-color: #F1F1F1;
    }

.subscription-bg {
    background-color: rgba(245, 88, 33, 1);
}

    .subscription-box {
        max-width: 900px;
        margin: 0 auto;
    }

    .subscription-image {
        width: 400px;
        min-width: 400px;
        margin-top: -42px;
    }

    .subscription-info {
        width: 63%;
        padding: 66px 0px;
    }

        .subscription-info h4,
        .subscription-info h2 {
            font-size: 65px;
            line-height: 40px;
            color: var(--white);
            font-family: 'buDrakonit1_2700Bold';
        }

        .subscription-info h4 {
            font-size: 44px;
            padding-bottom: 20px;
        }

    .subscription-box ul li {
        font-weight: 600;
        color: #fff;
        margin-bottom: 13px;
        display: flex;
        align-items: center;
        gap: 15px;
    }

    .subscription-info .button-bg {
        font-size: 20px;
        line-height: 26px;
        color: #00A6A6;
        padding: 13px 31px;
        margin-top: 8px;
        display: inline-block;
    }

        .subscription-info .button-bg:hover {
            color: #fff;
        }


    .footer-area {
        background-color: #222222;
        padding-top: 50px;
        padding-bottom: 44px;
    }

    .footer-widget-list h6 {
        font-size: 16px;
        line-height: 29px;
        color: var(--white);
        font-weight:bold;
    }

    .footer-widget-list ul li {
        line-height: 29px;
    }

        .footer-widget-list ul li a {
            color: var(--white);
        }
            .footer-widget-list ul li a:hover, .privacy-box span a:hover, .numbar-email-box a:hover {
                color: #EF8700;
                text-shadow: 1px 0 2px #EF8700;
            }
    .footer-widget-wrap {
        gap: 0px 30px;
        width: 442px;
    }

    .copyright-box {
        color: var(--white);
    }

        .copyright-box span, .copyright-box span a {
            font-size: 12px;
            line-height: 15px;
            color: #909090;
        }

    .footer-social-box ul li a {
        color: var(--white);
        font-size: 23px;
    }

    .footer-social-box ul {
        gap: 0px 16px;
    }

    .numbar-email-box a {
        color: #fff;
        font-size: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 4px;
    }

    .numbar-email-box {
        gap: 0px 20px
    }

    .footer-social-box {
        padding-top: 70px;
        padding-bottom: 12px;
    }

    .our-partners-area {
        padding: 85px 0px;
    }

        .our-partners-area .text p {
            padding-bottom: 28px;
        }

    .newsletter-bg {
        background-color: var(--yellow);
        border-radius: 17px;
        padding: 56px 52px 50px 56px;
        gap: 15px;
    }

    .our-newsletter-area {
        padding-top: 85px;
    }

    .newsletter-info h2,
    .newsletter-info h6 {
        color: var(--white);
        font-size: 62px;
        line-height: 31px;
        font-family: 'buDrakonit1_2700Bold';
    }

    .newsletter-info h6 {
        font-size: 32px;
    }

    .newsletter-search .control-form {
        gap: 8px;
    }

    .control-form button {
        outline: none !important;
    }

    .newsletter-search .control-form button {
        position: initial;
        background-color: var(--white);
        color: var(--yellow);
        font-family: "Assistant", sans-serif;
        border: 1px solid #fff;
        font-size: 16px;
        line-height: 21px;
        font-weight: 700;
        width: 120px;
        min-width: 120px;
        box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    }

        .newsletter-search .control-form button:hover {
            background-color: transparent;
            color: #fff;
        }

    .newsletter-search .search-box {
        max-width: 100%;
    }

    .newsletter-search {
        width: 465px;
    }

        .newsletter-search input.input-filed {
            background-color: transparent;
            border: 1px solid #fff;
            padding: 5px 20px;
            font-size: 16px;
            font-weight: 400;
            color: #fff;
        }

        .newsletter-search input::placeholder {
            color: #f7c27f;
            opacity: 1; /* Firefox */
        }

        .newsletter-search input::-ms-input-placeholder { /* Edge 12 -18 */
            color: #f7c27f;
        }

    .video-play-box {
        width: 780px;
        min-width: 780px;
    }

    .video-list {
        width: 41%;
        padding-left: 20px;
    }

    .video-thumbnail {
        width: 150px;
    }

        .video-thumbnail img {
            border-radius: 16px;
            height: 85px;
            object-fit: cover;
            width: 100%;
        }

    .video-play-single img {
        border-radius: 16px;
    }

    .video-play-single:not(:first-child) {
        display: none;
    }

    .how-it-work-area {
        padding-top: 85px;
        padding-bottom: 85px;
    }

        .how-it-work-area div.video_list_wraper {
            max-height: 470px;
        }

    .common-title h2 {
        font-size: 54px;
        line-height: 48px;
        margin-bottom: 28px;
        font-family: 'buDrakonit1_2700Bold';
    }

    .video-list ul {
        gap: 20px;
        /*height: 438px;
  overflow: auto;*/
    }

    .video-list-inner strong {
        margin-left: auto;
        font-size: 16px;
        line-height: 21px;
        color: var(--black);
        padding-right: 25px;
        text-align: right;
        max-width: 173px;
    }

    .video-list-inner span {
        color: var(--black);
    }

    .video-list li.active .video-thumbnail::after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        background-color: #EF87004D;
        border-radius: 8px;
        border: 3px solid #EF8700;
    }

    .play-btn {
        font-size: 12px;
        font-weight: 800;
        color: #fff !important;
        z-index: 2;
        background-color: #222222B2;
        border-radius: 40px;
        width: 58px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .play-btn {
        display: none;
    }

    .video-list li.active .video-thumbnail .play-btn {
        display: flex;
    }

    .video-play-single {
        height: 438px;
        position: relative;
    }

    .video-description {
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }

        .video-description h2 {
            font-size: 72px;
            line-height: 64px;
            color: var(--white);
            font-family: 'buDrakonit1_2700Bold';
        }

    .video-play-single img {
        width: 100%;
        height: 100%;
    }

    .video-play-single img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .yellow-btn {
        border: 1px solid var(--yellow);
        color: var(--yellow);
        display: inline-block;
        padding: 15px 37px;
        cursor: pointer;
    }

        .yellow-btn:hover {
            color: #fff;
            background-color: var(--yellow);
        }

    .works-video-playlist {
        padding-bottom: 30px;
    }

    .our-lecturers-area {
        padding: 0px;
/*        background: url(../image/lecturer-bg.jpg)no-repeat;
        background-size: cover;
        background-position: top -20px center;*/
    }

/*.our-lecturers-area-cover {
    object-fit: cover;
}*/
/*CourseChapterAccordion*/
#channel-2 {
position:relative;
text-align:center;
 cursor:pointer;
}

.channel-2-play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -40px;
    width: 80px;
    height: 80px;
    background: url(/Images/Icons/play.png) no-repeat;
    opacity: 0.9;
    margin-left: -40px;
}

#CourseChapterAccordion1 {
    display: block;
}

    #CourseChapterAccordion div.accordion-item {
        margin-bottom: 20px;
        border: 0px;
    }

#CourseChapterAccordion div.accordion-item {
    font-family: 'Assistant', sans-serif;
    font-size: inherit;
    display: flex;
    justify-content: space-between;
    padding: 13px 30px 13px 20px;
    border-radius: 12px;
    border: solid 1px #d3dae5;
    background-color: #fff;
}

#CourseChapterAccordion div.accordion-item.collapsed {
    font-family: 'Assistant', sans-serif;
    font-size: inherit;
    display: flex;
    justify-content: space-between;
    padding: 29px 58px 29px 36px;
    border-radius: 12px;
    border: solid 1px #d3dae5;
    background-color: #fff;
}

    #CourseChapterAccordion p {
        font-size: 16px;
        color: #2a2a2a;
        text-align: initial;
        display: block;
        float: right;
        cursor: pointer;
    }


    #CourseChapterAccordion div.ques_progress_box {
        float: right;
        position: relative;
        clear: both;
    }

.CourseCHapterListLinks {
    float: left;
    display: inline;
}

#CourseChapterAccordion div.accordion-body {
   padding-right:0px;
   margin-right:0px;
}


#CourseChapterAccordion h6.accordion-button::after {
    display:none !important;
}
#CourseChapterAccordion h6.accordion-button {
    text-align: right !important;
   /* width: auto;*/
    display: inline-flex;
    padding-right:0px;
    padding-bottom:0px;
}

#CourseChapterAccordion h6.accordion-button:not(.collapsed)::before {
    background-image: var(--bs-accordion-btn-active-icon);
    transform: var(--bs-accordion-btn-icon-transform);
}

    #CourseChapterAccordion h6.accordion-button:not(.collapsed) {
        background-color: unset;
        box-shadow: none;
    }


#CourseChapterAccordion h6.accordion-button::before {
    flex-shrink: 0;
    width: var(--bs-accordion-btn-icon-width);
    height: var(--bs-accordion-btn-icon-width);
    margin-right: 0px;
    margin-left: 10px;
    content: "";
    background-image: var(--bs-accordion-btn-icon);
    background-repeat: no-repeat;
    background-size: var(--bs-accordion-btn-icon-width);
    transition: var(--bs-accordion-btn-icon-transition);
}
#CourseChapterAccordion div.three_small_icon_wrap_course {
margin-right:30px;
}

@media (prefers-reduced-motion: reduce) {
    #CourseChapterAccordion h6.accordion-button::before {
        transition: none;
    }
}


.showdescriptionCollaps div.CourseChapterAccordion_Arrow {
    transform: rotate(180deg);
}

.watching_btn {
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    height: 42px;
    padding: 3px 14px 3px 15px;
    border-radius: 26px;
    cursor:pointer;
    background-color: rgba(245, 88, 33, 1);
}
    .watching_btn:hover {
        color: rgba(245, 88, 33, 1);
        border: 1px solid rgba(245, 88, 33, 1);
        background-color: #fff;
    }
    .watching_btn span {
        font-size: 11.8px;
        font-family: 'Assistant';
        font-weight: normal;
        line-height: 1;
        display: inline-block;
        letter-spacing: 1px;
        padding-left: 5px;
    }

.CourseChapterAccordion_Arrow {
    position: absolute;
    right: 30px;
    top: 31px;
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-size: 1.25rem;
    transition: transform .2s ease-in-out;
    cursor: pointer;
}
.accordion-flush-hide {
display:none;
}

.video_filter_box div#search_box-list-group a {
    padding: 15px 26px 8px 15px;
    margin-right: 10px;
    margin-left: 10px;
}

    .video_filter_box div#search_box-list-group a:first-child {
        margin-top: 20px;
    }

#search_box-list-group a {
    font-family: 'Assistant', sans-serif;
    font-size: inherit;
    display: flex;
    justify-content: space-between;
    padding: 29px 58px 29px 36px;
    border-radius: 12px;
    border: solid 1px #d3dae5;
    background-color: #fff;
    margin-bottom: 15px;
}

    #search_box-list-group a:hover {
        background-color: #49dabc;
        color: #fff;
    }

.showdescription {
    display: block !important;
}

    .showdescription p {
        color: #7a7f89 !important;
    }
#CourseChapterAccordion h6 {
    text-align: right;
    line-height: 22px;
    font-size:20px;
}

#CourseChapterAccordion div.accordion-collapse {
    width: 100%;
    border: 0px;
    padding-right: 32px;
}

#CourseChapterAccordion div.accordion-button::after {
    position: absolute;
    right: 24px;
    top: 31px;
    display: none;
}

.course_content_right #accordionFlushExample2 .accordion-button.collapsed {
    font-family: 'Assistant', sans-serif;
    font-size: inherit;
    display: flex;
    justify-content: space-between;
    padding: 29px 58px 29px 36px;
    border-radius: 12px;
    border: solid 1px #d3dae5;
    background-color: #fff;
}

.course_content_right #accordionFlushExample2 .accordion-button {
    font-family: 'Assistant', sans-serif;
    font-size: inherit;
    display: flex;
    justify-content: space-between;
    padding: 29px 58px 29px 36px;
    border-radius: 12px;
    border: solid 1px #d3dae5;
    background-color: #fff;
    border-bottom: none;
    border-radius: 12px 12px 0px 0px;
}

.course_content_right #accordionFlushExample2 .accordion-collapse {
    border: solid 1px #d3dae5;
    border-radius: 0px 0px 12px 12px !important;
    border-top: none;
}

.course_content_right .accordion-body {
    padding: 0px 0px 32px 36px
}

    .course_content_right .accordion-body p {
        font-size: 16px;
        color: #7a7f89;
    }

.course_content_right .accordion-button:not(.collapsed)::after {
    background-image: url(/ImageFiles/dowon_arrow.svg);
    background-repeat: no-repeat;
    transform: rotate(-180deg);
    width: 18px;
    height: 18px;
    background-size: 18px auto;
}

.course_content_right #accordionFlushExample2 .accordion-item {
    border: none;
    margin-bottom: 18px;
    cursor: pointer;
}
/*.accordion_item_main > div {
    margin-top: 0px !important;
    padding-top: 0px !important;
}*/

/*.accordionControll div.accordion-item div.accordion_item_main, .accordionControll div.accordion-item div.accordion-button {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
    padding-bottom: 0px !important;
    padding-top: 0px !important;
}*/
.course_content_right #accordionFlushExample2 .accordion-button::after {
    position: absolute;
    right: 24px;
}

.course_content_right #accordionFlushExample2 .accordion-button p {
    font-size: 16px;
    color: #2a2a2a;
    text-align: initial;
    max-width: 482px;
}

.chapter_date_wrap {
    position: absolute;
    width: auto;
    left: 0;
    top: 0;
    height: 100%;
    display: flex;
    align-items: center;
}

.chapter_date_box li {
    font-size: 14px;
    font-weight: 700;
    color: #2a2a2a;
    margin-right: 32px;
}

.chapter_date_box .date_time,
.chapter_date_box .chapter_book {
    text-decoration: underline;
    background: url(/ImageFiles/book_open.svg);
    background-repeat: no-repeat;
    padding-right: 20px;
    background-position: right center;
    background-size: 14px auto;
}

.chapter_date_box .date_time {
    background: url(/ImageFiles/clock_icon.svg);
    background-repeat: no-repeat;
    padding-right: 20px;
    background-position: right center;
    background-size: 14px auto;
}

.chapter_date_box li a {
    text-decoration: underline;
    color: #49dabc;
}

.chapter_date_box li.chapter_book a {
    color: #000;
}

#chaspterPagePurchesRequest div.money_guarantee_box {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-bottom: 1px solid #d3dae5;
}

.uploadCourseMaterial {
cursor:pointer;
}

#our-lecturers-area-video {
    position: absolute;
    width: 100%;
   /* height: 716px;*/
    z-index: -1;
}

    .mainpagefixheaderheight {
        width: 100%;
        height: 40px;
    }

    .lecturers-bg {
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: -1;
    }

    .our-lecturer-content {
        min-height: 850px;
    }

    .lecturer-inner {
        padding-top: 93px;
        padding-left: 104px;
        padding-right: 8px;
        position: absolute;
        top: 0px;
        width: 1200px;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        display:flex;
    }

    .leacture-left-text h4 {
        font-size: 32px;
        line-height: 32px;
        font-family: 'buDrakonit1_2700Bold';
        color: #fff;
    }

    .leacture-left-text h6 {
        color: #fff;
        font-size: 18px;
        line-height: 16px;
    }

    .leacture-left-text p {
        font-size: 16px;
        line-height: 16px;
        font-weight: 700;
        color: #799b97;
    }

    .leacture-left-text {
        max-width: 220px;
    }

    .leacture-info {
        width: 264px;
        padding-top: 98px;
    }

        .leacture-info h2 {
            font-size: 102px;
            line-height: 79px;
            font-family: 'buDrakonit1_2700Bold';
            color: var(--white);
            margin-bottom: 12px;
        }

    .lecturers-bg img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

    .our-lecturer-content .play-btn {
        width: 160px;
        height: 50px;
        font-size: 16px;
        gap: 10px;
        cursor: pointer;
        margin-left: -181px;
        margin-top: 30px;
      
    }
#our-lecturers-area-btn {
    position: absolute;
    width: 160px;
    height: 50px;
    font-size: 16px;
    gap: 10px;
    cursor: pointer;

    margin-top: 30px;
    left: 36%;
}
.owl-dots {
    display: flex;
    gap: 6px;
    justify-content: center;
    align-items: center;
}

    .owl-carousel button.owl-dot {
        width: 8px;
        height: 8px;
        border-radius: 100%;
        background-color: rgb(255 255 255 / 50%);
    }

    button.owl-dot.active {
        background-color: #fff;
    }
.homepage_FacebookReccomandation section.about-us-area {
    padding-top: 0px;
}

.about-us-area {
    padding-top: 122px;
}

        .about-us-area .common-title {
            max-width: fit-content;
            margin: 0 auto;
        }

    .quote-icon {
        width: 64px;
        position: absolute;
        top: -30px;
        right: -105px;
    }

    .form-select {
        background-position: left 20px center;
        width: fit-content;
        border: 1px solid #D9D9D9;
        background-size: 15px 15px;
        border-radius: 40px;
        padding: 10px 20px 10px 43px;
        font-size: 14px;
        font-weight: 700;
        line-height: 18px;
    }

        .form-select:focus {
            box-shadow: none;
            border: 1px solid #D9D9D9;
        }

    .menuNameDesktop {
        border: none;
        background-color: transparent;
        color: #fff;
        padding: 0px 0px 0px 28px;
        background-image: url(../image/white-arrow.svg);
        background-repeat: no-repeat;
        background-position-y: center;
        cursor: pointer;
    }

        .menuNameDesktop div.dropdown-menu {
            text-align: right;
            font-weight: normal;
            font-size: 14px;
        }
}

    .menuNameDesktop div.dropdown-menu a:hover {
      font-weight:bold;
    }

    .ourse-select-inner {
        gap: 0px 12px;
        padding-bottom: 25px;
    }
.about-us-cardbox  {
  gap:36px;
}
.card-col {
  width:calc(calc(100% - 72px) / 3);
  display: flex;
  flex-direction: column;
  gap: 25px 0px;
}
.card-sigle-item {
  padding: 38px 26px 32px 36px;
  text-align: center;
  /* box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px; */
  box-shadow: rgba(0, 0, 0, 0.1) -4px 9px 25px -6px;
  border-radius: 16px;
}
.card-sigle-item strong {
  text-align: center;
  font-size: 16px;
  line-height: 28px;
  display: block;
  margin-bottom: 10px;
}
.card-photo {
  width: 57px;
  height: 57px;
  border-radius: 100%;
  margin: 0 auto;
  margin-bottom: 10px;
}
.card-photo img {
  border-radius: 100%;
}
.administration-box p {
    font-size: 14px;
    line-height: 28px;
    margin: 0 auto;
    color: rgba(34, 34, 34, 0.7);
    gap: 10px;
}
.administration-box p span {
  color:#222222
}
    .administration-box p span:nth-child(2) {
        margin-left: 7px;
        margin-right: 2px;
    }
.administration-box {
  margin-bottom: 10px;
}
.administration-desc {
max-width:280px;
 margin:auto;
}

.card-sigle-item p {
    margin-bottom: 0px;
}
.card-video-box img {
  border-radius: 8px;
}
.card-play-btn {
  position: absolute;
  width: 52px;
  height: 52px;
  top:50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.card-video-box {
  margin-bottom: 10px;
}
.card-play-btn {
   cursor: pointer;
}
.about-height {
  height: 850px;
  padding: 0px 20px;
  overflow: hidden;
}
.about-us-area .container {
  max-width: 1240px;
}
.about-height::after{
  content: "";
  position:absolute;
  width: 100%;
  height: 135px;
  bottom: 0px;
  left: 0px;
  background-image: linear-gradient(to top, #ffffff, rgb(255 255 255 / 84%), rgb(255 255 255 / 64%), rgb(255 255 255 / 54%), rgb(255 255 255 / 12%));
}
.tableText {
  display: none;
} 
.minAreainner.active {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgb(34 34 34 / 24%);
  top: 0px;
  left: 0px;
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
}
body.overflow {
  overflow: hidden;
}
.minAreainner_full {
/*   max-width: 946px; */
  width: 65.70vw;
  background:#fff;
  margin: 0 auto;
  position: relative;
  border-radius: 16px;
  padding: 30px 26px;
  background-clip: padding-box;
  outline: 0;
}
.minAreainner_full h2 {
    font-size: 32px;
    line-height: 28px;
    font-family: 'buDrakonit1_2700Bold';
    margin-bottom: 14px;
}
.minAreainner_full img {
  border-radius: 16px;
}
.minAreainner_full_box .close {
  position: absolute;
  border: none;
  left: 24px;
  top: 22px;
  background: transparent;
  font-size: 24px;
}
.minAreainner {
  display: none;
}
.vidoe-popup video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
}
.main-playBtn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 48px;
  height: 48px;
  cursor: pointer;
}
.play-button-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: auto;
  pointer-events: none;
}
.play-button-wrapper #circle-play-b {
  cursor: pointer;
  pointer-events: auto;
  display:none;
}
.play-button-wrapper #circle-play-b svg {
  width: 100px;
  height: 100px;
  fill: #fff;
  stroke: #fff;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  opacity: 0.9;
}


.popup-box-area {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgb(34 34 34 / 24%);
    top: 0px;
    left: 0px;
    z-index: 99999999;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 16px;
}

    .popup-box-area.newPopup div.popup-box-bg {
        width: 629px;
        height: 384px;
    }

    .popup-box-area.extentionpopup div.popup-box-bg {
        width: 928px;
        height: 628px;
        display: inline-block;
    }
.extentionpopup div.department_popup span.close-btn-2 {
    visibility:hidden;
}

.extentionpopup div.course_btm h4, .extentionpopup div.course_btm h4 a {
    color: #222222;
}
.extentionpopup div.course_btm {
    margin-top: 20px;
}
.popup-box-area.newPopupHeight div.popup-box-bg {
    height: 542px;
}
    

.popup-box-area.newPopup div.modal-dialog div.panel-heading {
    font-size: 32px;
}
    .popup-box-area button.close-btn {
       top:0px;
    }
    .popup-box-area div.popup-box-inner {
      padding:0px;
    }

.popup-box-bg {
    background-color: #fff;
    width: 1082px;
    height: 610px;
    border-radius: 16px;
    padding: 16px;
    text-align: center;
}
.newPopup {

}
.expiration_popup_inner {
    width:100%;
    max-height: 249px;
}
    .expiration_popup_inner div.popular_classes_holder {
        padding: 0px;
        overflow-y: scroll;
        direction: ltr;
        max-height: 370px;
        padding-right:5px;
    }

        .expiration_popup_inner div.popular_classes_holder div.study_groups_area {
            direction: rtl;
        }
        .expiration_popup_inner div.popular_classes_holder div.small_icon_and_text img {
            width: 20px;
            margin-left: 10px;
            min-width: 20px;
        }
        .expiration_popup_inner div.popular_classes_holder div.small_icon_and_text span {
            font-size: 14px;
            line-height: 23px;
            color: #656565;
            display: block;
        }
        .expiration_popup_inner div.popular_classes_holder div.study_course_col {
            padding: 12px 12px 22px 0px;
            width: 95%;
            margin: auto;
            margin-bottom:10px;
        }

        .expiration_popup_inner div.popular_classes_holder h6 {
            text-align: right;
            margin-top: 5px;
            margin-right:1px;
        }
.extentionpopup div.department_popup {
    max-width:928px;
}

.extend_validity_popup .department_popup_bg h3 {
    font-size: 32px !important;
    padding-bottom: 10px !important;
}
.extentionpopup button.btn-ok {
    display: none;
}

    .expiration_popup_inner_subtitle {
        font-size: 16px;
        margin-bottom: 10px;
    }
.expiration_popup_inner_count {
    text-align: right;
    font-size: 16px;
    color: #909090;
    width: 90%;
    font-weight: 700;
    margin-bottom:8px;
}
.extentaiondata {
    width:100%;
    display:block;
}

    .extentaiondata div:first-child {
        text-align: right;
        width: 83%;
        display: inline-block;
        background-color: #fff7f4;
        border-radius: 12px;
        height: 38px;
        line-height: 37px;
        padding-right: 10px;
        margin-top: 8px;
        font-size: 16px;
    }
        .extentaiondata div:first-child img {
            width: 15px;
            margin-left: 4px;
        }
    .extentaiondata div:last-child {
        width: 16%;
        display: inline-block;
    }
        .extentaiondata div:last-child button {
            width: 83%;
            font-size: 14px;
            padding: 0px;
            line-height: 33px;
        }
        .extentaiondata div:last-child img {
            margin-right: 4px;
            margin-bottom: 4px;
        }
.close-btn i {
    display: block;
    font-size: 20px;
}
.popup-box-bg { position:relative; }
.close-btn {
  width: fit-content;
  margin-right: auto;
  cursor: pointer;
  position: absolute;
  left: 20px;
  top: 20px;
  z-index: 2;
}
.popup-box-inner span {
  font-size: 18px;
  line-height: 24px;
}
.popup-box-inner h2 {
  padding-top: 16px;
  font-size: 62px;
  margin-bottom: 74px;
  line-height: 51px;
  font-family: 'buDrakonit1_2700Bold';
}
.popup-box-inner {
  padding-top:40px;
}
.popup-button-box {
  gap: 0px 24px;
}
.popup-button-box .yellow-btn {
  font-size: 20px;
  line-height: 26px;
  padding: 14px 30px;
  color: #F55821;
  border-color: #F55821;
}
.ornage-btn,
.popup-button-box .yellow-btn:hover {
  background: #F55821;
  color: #fff;
}
.my-courses {
  color:#fff;
/*  font-weight: 700;*/
}
    .my-courses:hover {
        text-shadow: 0px 0 2px #FFF;
    }
.button-border.yellow-btn.ornage-btn {
  color: #fff;
  font-weight: 600;
}
.button-border.yellow-btn.ornage-btn:hover {
  background: #fff;
  color: #F55821;
}
.search-result-second ul > li {
  font-size: 14px;
  line-height: 18px;
  color: #fff;
  font-weight: 600;
  margin-top: 16px;
  background-image: url(../image/arrow-down.svg);
  background-repeat: no-repeat;
  background-position: left center;
  width: fit-content;
  padding-left: 25px;
  position: relative;
}
.result-second-inner {
  background-color: #fff;
  border-radius: 12px;
  color: #222222;
  z-index: 22;
  width: 225px;
  padding: 16px 14px;
}
.result-second-inner li {
  color: #222222 !important;
  background: none;
  font-size: 16px !important;
  font-weight: 400 !important;
  padding-left: 0px !important;
  margin-top: 10px !important;
}
.result-second-inner li:first-child {
  margin-top:  0px !important;
}
.popup-box-area input.input-filed {
  box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.15);
}
.popup-box-area  .popup-box-inner {
  padding: 40px 0;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.popup-box-area .popup-box-bg {
    flex-direction: column;
    display: flex;
    align-items: center;
    justify-content: center;
}


.popup-box-area   .search-result-second ul > li {
  color: var(--black);
}
.popup-box-area   .search-result-second ul > li strong {
  color: var(--yellow);
}
.popup-box-area    .result-second-inner {
  box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.15);
}
.popup-box-area .search-result-second ul > li img{
  filter: brightness(0) invert(1);
}
.popup-box-area .search-result-second ul > li {
  background-image: url(../image/arrow-black.svg);
}
.popup-box-area .result-second-inner li {
  background: none !important;
}
    
    .popup-box-area .result-second-inner li a {
    font-size:inherit;
    color:inherit;
    font-family:inherit;
    }

        .popup-box-area .result-second-inner li a:hover, .headerlistitems:hover {
            font-weight: bold !important;
        }

        @media only screen and (min-width:992px) {
            .popup-box-area .result-second-inner li {
        padding: 0;
        margin: 0;
    }

       



    .result-second-inner,
    .popup-box-area .result-second-inner {
        padding-bottom: 6px;
    }

    .mobile_height_manage li {
        padding: 0 !important;
    }

    .result-second-inner li {
        margin-top: 8px !important;
    }
}

/* .header-btn-box  a {
  color: var(--white);
  font-weight: 700;
} */
.header-btn-box .form-select {
  border: none;
  background-color: transparent;
  color: #fff;
  padding: 0px 0px 0px 28px;
  font-size: 16px;
  font-weight: 400;
  background-image: url(../image/white-arrow.svg);
}
.header-btn-box .form-select {
  background-position: left 5px top 3px;
}

.header-top .container {
  padding-right: 144px;
}
.leacture-mb-view {
  display: none;
}
.leacture-desktop-view {
  display: inline;
}
.back_item_wrap {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.back_item {
  font-size: 16px;
  color: rgba(34, 34, 34, 1);
  line-height: 19px;
  background: url(../image/arrow-right.svg) no-repeat right 0 top 3px;
  padding-right: 15px;
}
.popup-box-area .result-second-inner h2,
.popup-box-area .search-result-second ul > li {
  padding-right: 15px;
  padding-left: 15px;
}

@media only screen and (max-width: 1700px) {
  .lecturer-inner {
      padding-left: 134px;
      padding-right: 67px;
  }
    #our-lecturers-area-btn {
        margin-left: 78px;
        margin-top: 30px;
    }
}
@media only screen and (min-width: 1600px) {
    .partners-item img {
        max-width: 104px;
        max-height: 40px;
    }
 }

 @media only screen and (max-width: 1500px) {
    .lecturer-inner {
        padding-left: 165px;
        padding-right: 115px;
    }
    .our-lecturers-area {
      background-position: top -4px center;
    }
    .#our-lecturers-area-btn {
        margin-left: -140px;
        margin-top: 5px;
    }
}
@media only screen and (max-width: 1450px) {
  .lecturer-inner {
      padding-left: 168px;
      padding-right: 124px;
  }
    #our-lecturers-area-btn {
        margin-left: -136px;
        margin-top: -3px;
    }
}
 @media only screen and (max-width: 1300px) {
  .video-play-box {
      width: 558px;
      min-width: 558px;
  }
  .video-play-single {
    height: 314px;
  }
  .video-description h2 {
    font-size: 51px;
    margin-bottom: 0px;
  }
  .video-thumbnail {
      width: 130px;
  }
  .video-thumbnail img {
    height: 74px;
    border-radius: 8px;
  }
  .play-btn {
    width: 50px;
    height: 30px;
  }
  .video-list ul {
      gap: 18px;
      height: 314px;
  }
  .video-list-inner strong {
    padding-right: 12px;
  }
  .popup-box-bg {
    height: 450px;
  }
  .popup-box-inner h2 {
      margin-bottom: 42px;
      line-height: 55px;
  }
  .popup-box-inner {
      padding-top: 30px;
  }
  .header-top .container {
      padding-right: 206px;
  }
 }
 @media only screen and (max-width: 1200px) {
  .newsletter-info h2{
    line-height: 61px;
  }
  .newsletter-info h6  {
    line-height: 31px;
  }
  .our-newsletter-area {
    padding-left: 0px;
    padding-right: 0px;
  }
  .newsletter-bg {
    border-radius: 0px;
    padding: 56px 44px 40px 60px;
  }
  .about-us-area .container {
      max-width: 830px;
  }
  .card-col {
      width: calc(calc(100% - 36px) / 2);
  }
  .about-us-cardbox {
    flex-wrap: wrap;
  }
  .about-us-area.active .about-height{
    height: auto;
  }
  .card-col:last-child {
    width: 100%;
   
  }

    
  .minAreainner_full {
  width: 80vw;
}
 }
 @media only screen and (max-width: 1200px) {
  .lecturer-inner {
      padding-left: 138px;
      padding-right: 92px;
      width:1000px;
  }
}

/* start homepage_header fix*/

@media only screen and (max-width: 1080px) and (min-width: 992px) {


    .search-wrap {
        display: table;
        margin: auto;
    }

    .card-col:last-child {
        width: 100%;
        display: block;
    }

        .card-col:last-child div.card-sigle-item {
            width: 48%;
        }

            .card-col:last-child div.card-sigle-item:nth-last-child(odd) {
                float: right;
                clear: both;
            }

            .card-col:last-child div.card-sigle-item:nth-last-child(even) {
                float: left;
            }


    header.homepage_header div.mainpagefixheaderheight {
      display:none;
    }

    header.homepage_header div.header-top {
        display: none;
    }
}

/* end homepage_header*/

    @media only screen and (max-width: 1080px) {


        .header-btn-box .button-border {
            display: none;
        }

        nav.menu {
            display: none;
        }

        .humbarger-menu {
            display: block;
            margin-top: 3px;
        }

        .nav-toggler {
            border: none;
            outline: none;
            width: 24px;
            padding: 0px;
            background: none;
            position: relative;
            z-index: 1;
        }

            .nav-toggler span {
                width: 100%;
                margin-bottom: 5px;
                height: 2px;
                border-radius: 10px;
                display: block;
                background: var(--white);
            }

                .nav-toggler span:last-child {
                    margin-bottom: 0px;
                }

        a.slicknav_btn.slicknav_collapsed {
            display: none;
        }

        .header-left {
            gap: 6px;
        }

        .loging-banner .mobile-menu-open .slicknav_nav {
            top: 57px
        }

        .mobile-menu-open .slicknav_nav {
            display: block !important;
            position: absolute;
            background: var(--black);
            left: 0px;
            right: 0px;
            top: 66px;
            z-index: 99;
        }

        .nav-toggler {
            transition: all .3s ease;
        }
        /*  .nav-toggler.active span:first-child {
      transform: rotateZ(45deg);
      margin-bottom: 9px;
    }
    .nav-toggler.active span:last-child {
      display: none;
    }
    
    .nav-toggler.active span:nth-child(2) {
      transform: rotateZ(-45deg);
      margin-top: -11px;
    } */
        header.header.header-bg .header-main {
            /* background: var(--black);*/
        }

        .banner-box-info {
            display: none;
        }
        /*    .banner-area {
      background: url(../image/hero-bg-tab.png) !important;
      background-size: cover !important;
    }*/
        .header-main {
            top: 0px;
            padding-top: 20px;
           /* background: linear-gradient(39deg, rgba(76, 211, 194,1) -65%, rgba(21, 145, 236,1) 17%);*/
            background: linear-gradient(63deg,#f7ecce -15%, #00A6A6 17%) !important;
        }

        .banner-wrap {
            height: 771px;
            padding-top: 210px;
        }

        .cookies-box p {
            font-size: 14px;
            line-height: 18px;
        }

        .cookies-box {
            border-radius: 17px;
            padding: 8px 16px 8px 16px;
        }

        .tab-area {
            display: none;
        }

        .leading-academic-area {
            padding-top: 29px;
            padding-bottom: 40px;
        }

        .subscription-area {
            overflow: hidden;
        }

        .subscription-image {
            position: relative;
            left: -40px;
        }

        .subscription-box {
            max-width: 100%;
            padding-right: 132px;
        }

        .lecturer-inner {
            max-width: 100%;
            padding-right: 100px;
            padding-left: 20px;
        }

        .header-main {
            padding-left: 20px;
            padding-right: 20px;
        }

        .our-lecturers-area {
            background-position: top -4px left -216px;
        }

        #our-lecturers-area-btn {
            margin-left: -168px;
            margin-top: -10px;
        }
    }

    @media only screen and (max-width:1024px) {
        .our-lecturers-area {
            background-position: top -4px left -272px;
        }

        #our-lecturers-area-btn {
            margin-left: -204px;
            margin-top: -3px;
        }
    }

    @media only screen and (min-width:992px) {

        header.homepage_header div.TopHeaderPosition {
            background-color: transparent !important;
            background: none !important;
        }

        .result-second-inner {
            display: none;
        }

            .result-second-inner h2 {
                display: none;
            }

            .result-second-inner .close-btn-2 {
                display: none;
            }
    }

    @media only screen and (max-width:991px) {
        .onlymobile-margin {
            margin: auto;
            text-align: center;
        }

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

        .expand_courses_view div.popup_view_btn {
           margin-bottom:10px;
        }
        .search-wrap {
            display: block;
            margin-top: 0px;
        }

        .extentaiondata div:last-child {
            width: 100%;
        }

        .scroller_container_institutionHeaderList, .scroller_container_programHeaderList {
            position: relative;
            width: 100%;
            max-height: 290px;
            height: 290px;
            left: 0px;
        }

        .plupload_file_name {
            width: 39%;
        }

        #institutionHeaderList, #programHeaderList {
            direction: rtl;
            max-height: 290px;
        }

        .liSpeed {
        display:none;
        }
        .fancybox-slide--iframe .fancybox-content {
            background-color: #000;
        }


        .header-top {
            display: none;
        }

        /*    .mainpagefixheaderheight {
        display: none;
    }*/

        .menuNameDesktop {
            display: none;
        }

        .only-desktop-view {
            display: none !important;
        }

        .header-main {
            padding-top: 12px;
        }

        .leading-academic-area {
            padding: 45px 20px;
        }

        .header-main {
            padding: 13px 20px;
            top: 0px;
        }

        .banner-box-info {
            display: none;
        }

        .search-wrap h1 {
            line-height: 59px;
            font-size: 62px;
            text-align: center;
            padding-bottom: 40px;
        }

        .search-wrap {
            padding: 25px;
        }

        .only-mobile-veiw {
            display: block;
        }

        .popular_classes_holder div.fixed-bottom {
            text-align: center;
        }

            .popular_classes_holder div.fixed-bottom a.buy_now {
                margin-left: auto;
                margin-right: auto;
                margin-bottom: 27px;
                width: 90%;
            }

        .leadeing-slider-item img {
            max-width: 40px;
            filter: opacity(.5);
        }

        .leadeing-slider-item {
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .footer-area,
        section {
            padding-left: 20px;
            padding-right: 20px;
        }

        .banner-area {
           /* background: linear-gradient(63deg, rgba(76, 211, 194, 1) -15%, rgba(21, 145, 236, 1) 17%) !important;*/
            /* padding-left: 60px;
        padding-right: 60px;*/
        }

        .HeaderVideo {
            display: none;
        }

        .banner-wrap {
            height: auto;
            padding-top: 10px;
            padding-bottom: 32px;
        }

        .search-box {
            max-width: 100%;
            padding: 20px 20px;
            background-color: #fff;
            border-radius: 16px;
        }

        input.input-filed {
            border: 1px solid #D9D9D9;
        }

        .control-form button {
            /*    left: 20px;*/
        }

        .search-box h4 {
            color: #222222;
            font-size: 26px;
            line-height: 23px;
            font-family: 'buDrakonit1_2700Bold';
            padding-bottom: 12px;
        }

        .subscription-box {
            padding-right: 30px;
            align-items: end;
        }

        .subscription-image {
            margin-top: 0px;
            width: 150px;
            min-width: 150px;
            left: -1px;
            bottom: 0px;
            position: absolute;
        }

        .subscription-info {
            width: 100%;
            /*  padding-left: 138px;*/
            padding-bottom: 55px;
        }

            .subscription-info ul {
                padding-left: 138px;
            }

        .subscription-box ul li {
            line-height: 23px;
        }

        .subscription-area {
            position: relative;
            padding-top: 0px;
        }

        .subscription-info h4 {
            font-size: 32px;
           margin-right:7px;
        }

        .subscription-info h2 {
            font-size: 46px;
            margin-right: 7px;
        }
        

        .cookies-box p {
            font-size: 12px;
            line-height: 15px;
            padding-left: 5px;
        }

        .cookies-box {
            padding: 15px 16px;
            margin: 0 auto;
            width: 90%;
            z-index: 3;
        }

        .cookies-box-mb {
            padding: 0px 20px;
        }

        .our-partners-area {
            padding-top: 48px;
            padding-bottom: 60px;
        }

        .partners-item img {
            max-width: 104px;
        }

        .newsletter-bg {
            flex-direction: column;
            border-radius: 0px;
            padding: 50px 44px 55px 44px;
        }

        .our-newsletter-area {
            padding: 0px;
            padding-top: 48px;
        }

        .newsletter-search .search-box {
            padding: 0px;
            border-radius: 0px;
            background-color: transparent;
        }

        .newsletter-search .control-form {
            flex-direction: column;
        }

            .newsletter-search,
            .newsletter-search .control-form button {
                width: 100%;
                min-width: 100%
            }

        .newsletter-search {
            max-width: 600px;
            margin: 0 auto;
        }

        .newsletter-info {
            text-align: center;
        }

            .newsletter-info h2 {
                margin-bottom: 35px;
            }

            .newsletter-info h6 {
                margin-bottom: 20px;
            }

        .how-it-work-area {
            padding-top: 48px;
            padding-bottom: 36px;
        }

        .common-title h2 {
            font-size: 44px;
            line-height: 39px;
            margin-bottom: 5px;
        }

        .common-title p {
            font-size: 18px;
            line-height: 28px;
            color: #646464;
            margin-bottom: 21px;
        }

        .video-thumbnail {
            width: auto;
        }

            .video-thumbnail img {
                height: auto;
            }

        .works-video-mb {
            margin: 0px -20px;
        }

        .play-btn {
            display: block;
            width: auto;
            height: auto;
            background: transparent;
        }

        .video-list-inner strong {
            display: block;
            padding: 16px 0px 6px 0px;
        }

        .works-video-slider {
            padding-bottom: 20px;
        }

        .lecturer-inner {
            padding-right: 20px;
            padding-left: 20px;
            flex-direction: column;
            padding-top: 50px;
        }

        .leacture-info {
            width: 240px;
            padding-top: 0px;
            padding-right: 20px;
        }

            .leacture-info h2 {
                font-size: 82px;
                line-height: 68px;
                font-weight: 700;
            }

        .leacture-left-text {
            padding-top: 152px;
            padding-bottom: 50px;
        }

        #our-lecturers-area-btn {
            top: 52px;
            left: 50px;
            width: 52px;
            height: 52px;
            background: #222222B2;
            margin-left: 0px;
        }

        .about-us-area .common-title {
            max-width: 290px;
            margin: 0 auto;
        }

        .quote-icon {
            width: 44px;
            top: -14px;
            right: -45px;
        }

        .about-us-area {
            padding-top: 65px;
        }

            .about-us-area .common-title h2 {
                margin-bottom: 30px;
            }

        .leacture-left-text h6 {
            font-weight: 400;
            margin: 4px 0px;
        }

        .card-sigle-item {
            padding: 26px 13px;
            margin-top: 16px;
            margin-bottom: 50px;
            box-shadow: 0px 10.49px 17.17px 0px rgb(0 0 0 / 15%);
        }

        .about-us-mb {
            margin: 0px -20px;
        }

        .card-photo {
            width: 54px;
            height: 54px;
            margin: 0px;
        }

        .card-sigle-item strong {
            text-align: start;
            font-size: 16px;
            line-height: 26px;
            margin-bottom: 0px;
        }

        .administration-box span {
          /*  display: block;*/
        }

        .administration-box p {
            line-height: 16px;
        }

        .administration-info {
            margin: auto;
            margin-top: 20px;
        }

            .administration-info strong {
                margin: auto;
                text-align: center;
                margin-bottom:20px;
            }

            .card-video-box {
                margin-bottom: 40px;
            }

        .fancybox-bg {
            background: #000;
        }

        .card-sigle-item p {
            margin-bottom: 20px;
        }

        .about-us-slider.owl-carousel .owl-stage {
            display: flex;
        }

        .about-us-slider.owl-carousel.owl-rtl .owl-item {
            display: table;
        }

        .popup-button-box {
            flex-direction: column;
        }

            .popup-button-box .yellow-btn {
                padding: 10px 24px;
                font-size: 16px;
            }

        .popup-box-bg {
            padding-bottom: 50px;
            height: auto;
        }

        .popup-button-box {
            gap: 16px 24px;
        }

        .search-result {
            left: 0px;
            top: 134px;
        }

        .search-result-second {
            position: absolute;
            bottom: -68px;
        }

        .second-search-padding {
            padding-bottom: 128px;
        }

        .second-inner-wrap {
            position: fixed;
            width: 100%;
            height: 100%;
            background: rgb(34 34 34 / 24%);
            top: 0px;
            left: 0px;
            z-index: 9999;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .result-second-inner {
            left: 0px;
            width: 100%;
        }

        ul.position-absolute.result-second-inner {
            position: initial !important;
            display: flex !important;
            flex-direction: column;
        }

        .second-inner-wrap {
            padding: 12px;
            display: none;
        }

        .result-second-inner li {
            margin-top: 18px !important;
        }

        span.close-btn-2 i {
            font-size: 20px;
        }

        span.close-btn-2 {
            width: fit-content;
         /*   margin-right: auto;*/
        }

        .result-second-inner h2 {
            font-size: 26px;
            line-height: 23px;
            font-family: 'buDrakonit1_2700Bold';
        }

        .popup-box-area .popup-box-bg {
            padding-bottom: 140px;
        }

        .result-second-inner h2 {
            margin-bottom: 0px;
            text-align: start;
        }

        .header-btn-box .form-select {
            display: none;
        }

      /*  .my-courses {
            display: none;
        }*/

        .fancybox-slide {
            padding: 10px !important;
        }

        .our-lecturers-area {
            background: url(../image/lecturer-bg-mb.jpg) no-repeat;
            background-size: cover;
            background-position: top -20px center;
        }

        .our-lecturer-content {
            min-height: 769px;
        }

    }

    @media only screen and (max-width:768px) {

        .course_chapter_list_play_icon {
            background-image: none !important;
        }

        .chapter_date_box .date_time, .chapter_date_box .chapter_book {
            padding-right: 0px;
        }
        .chapter_date_box li {
         margin-right:10px;
        }

        .SecurityCountingIssueText {
            font-size: 11.5px;
            margin-bottom: 0rem;
        }

        .dsk_gap_bottom {
            margin-bottom: 0px;
        }


        .mb_line_expand, .mb_progress_expand {
            padding-right: 0px !important;
        }

            .mb_line_expand div.small_icon_col:nth-child(2),
            .mb_line_expand div.small_icon_col:nth-child(3) {
                margin-right: auto;
            }

            .footer-container {
                flex-direction: column-reverse;
            }

        .footer-widget-wrap {
            flex-direction: column
        }

        .footer-widget-wrap {
            width: 100%;
            gap: 24px 0px;
        }

        .footer-logo {
            text-align: center;
        }

        .footer-logo {
            padding-bottom: 45px;
        }

        .footer-social-box {
            flex-direction: column-reverse;
        }

        .numbar-email-box {
            gap: 8px 0px;
            flex-direction: column-reverse;
            padding-bottom: 18px;
        }

        .footer-social-box {
            padding-top: 28px;
            padding-bottom: 12px;
            align-items: center;
        }

       

            .footer-social-box ul {
                gap: 22px;
            }

                .footer-social-box ul li a {
                    font-size: 28px;
                }

        .copyright-box {
            flex-direction: column-reverse;
            text-align: center;
        }

        .privacy-box {
            display: flex;
            justify-content: center;
            gap: 10px;
            padding-top: 10px;
        }

        .copy-right span {
            display: block;
            padding-top: 8px;
        }

        .privacy-box span:nth-child(2){
            display: none;
        }
    }

    @media only screen and (max-width:576px) {

        .my-courses {
            display: none;
        }

        .study_groups_search_course {
            width: 66px !important;
        }
        course_book_btn {
       
            margin-left: 12px;
        }
        .course_book_btn span {
        display:none;
        }
        .course_book_btn a {
            width: 50px !important;
            margin-left:15px;
        }
      
        .subscription-info h4, .subscription-info h2 {
            margin-right: 42px;
        }

        #video_container.minAreainner.active {
            background: rgb(34 34 34 / 75%);
        }

        #video_container h2 {
            display: none;
        }

        #video_container div.minAreainner_full {
            width: 100%;
            padding: 0px;
            background: none;
            position: initial;
        }

        #video_container button.close i {
            color: #fff;
        }

        #video_container div.minAreainner_full {
            width: 100%;
            padding: 0px;
            background: none;
            position: initial;
        }

        .university_logowidthfix {
            min-width: auto !important;
        }
    }

    @media only screen and (max-width:480px) {

        .cart_toggle_view.payment_form_section {
            zoom: 0.9;
            padding: 0px !important;
        }

        .btn-nvg-video {
            display: none !important;
        }



        .video-thumbnail img {
            height: 180px;
        }

        .play-btn img {
            height: auto;
        }

        .leacture-desktop-view {
            display: none;
        }

        .leacture-mb-view {
            display: initial;
        }
    }

    @media only screen and (max-width:389px) {


        .subscription-box {
            padding-right: 20px;
        }

        .subscription-info .button-bg {
            font-size: 16px;
        }

        .about-us-area .common-title h2 {
            font-size: 40px;
        }

        .quote-icon {
            right: -19px;
        }
    }

    @media only screen and (max-width:330px) {


        .header-main {
            padding: 13px 13px;
        }

        .button-border, .button-bg {
            font-size: 12px;
        }

        .logo {
            width: 80px;
            min-width: 80px;
        }

        .search-wrap h1 {
            font-size: 56px;
        }

        .subscription-info .button-bg {
            font-size: 13px;
            padding: 8px 18px
        }

        .common-title h2 {
            font-size: 42px;
        }

        .video-thumbnail img {
            height: 134px;
        }

        .leacture-info h2 {
            font-size: 70px;
        }

        .about-us-area .common-title h2 {
            font-size: 35px;
        }

        .about-us-area .common-title {
            max-width: 232px;
        }

        .quote-icon {
            width: 30px;
        }

        .form-select {
            background-position: left 15px center;
            padding: 10px 18px 10px 30px;
            font-size: 12px;
        }

        .yellow-btn {
            padding: 10px 30px;
        }

        .newsletter-bg {
            padding: 50px 20px 55px 20px;
        }

        input.input-filed,
        .control-form button {
            height: 45px;
        }
    }

    .header {
        position: relative;
        z-index: 100;
    }

    .hero-slider .owl-dots {
        position: absolute;
        left: 0;
        bottom: 20px;
        z-index: 2;
        right: 0;
    }

    .video_list_wraper {
        height:100%;
        padding-left: 10px !important;
    }

    .video_list_title {
        cursor: pointer;
    }

        .video_list_title.active {
            background-image: url('/assets/image/new/arrow-up.svg');
        }
        .video-list {
            direction: ltr;
        }

        .video-list ul li {
            direction: rtl;
        }

    .control-form {
        position: relative;
    }

    .searchBox-clearWrapper {
        position: absolute;
        left: 108px;
        top: 0;
        z-index: 2;
        height: 100%;
        width: 18px;
        display: flex;
        align-items: center;
    }

    .searchBox-clear {
        color: #CCC;
        padding: 0;
        cursor: pointer;
        font-size: inherit;
        cursor: pointer;
        line-height: 1.5;
        -webkit-transition: all 3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

        .searchBox-clear svg {
            width: 18px;
            height: 18px;
        }

    .searchBox-clearInput:hover {
        color: #AAA;
    }

    .mobile_menu_area {
        width: 0;
        height: 100vh;
        position: fixed;
        top: 0;
        right: 0;
        z-index: 9999;
        background-color: rgba(34, 34, 34, 0.25);
        transition: all 0.4s ease-in-out 0s;
        overflow: hidden;
    }

        .mobile_menu_area.model-open {
            width: 100%;
            overflow: auto;
        }

    .mobile_menu {
        width: 308px;
        background: #fff;
        height: 100%;
        box-shadow: rgba(0, 0, 0, 0.12) 0px 4px 4px;
        padding: 54px 24px;
        position: relative;
    }

    .menu_close {
        width: 15px;
        height: 15px;
        display: block;
        position: absolute;
        left: 20px;
        top: 20px;
        z-index: 2;
        background: url(../image/bg_close.png) no-repeat;
        cursor: pointer;
    }

    .mobile_menu_top {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        padding-bottom: 30px;
    }

    .hand_logo {
        width: 56px;
        height: 56px;
        border-radius: 50%;
        background-color: rgba(245, 88, 33, 0.07);
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: 15px;
    }

    .top_menu_info h4 {
        font-family: 'buDrakonit1_2700Bold';
        font-size: 28px;
        line-height: 25px;
        color: rgba(34, 34, 34, 1);
        font-weight: 700;
    }

    .top_menu_info span {
        display: block;
        font-size: 16px;
        line-height: 23px;
        color: rgba(34, 34, 34, 1);
    }

        .top_menu_info span a {
            color: rgba(34, 34, 34, 1);
            text-decoration: underline;
        }

    .menu_icon {
        width: 38px;
        height: 38px;
        border-radius: 50%;
        background-color: rgba(245, 88, 33, 0.07);
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: 10px;
    }

    .mobile_menu ul {
        flex-direction: column;
        gap: 20px;
        display: flex;
        border-bottom: 1px solid rgba(217, 217, 217, 1);
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

        .mobile_menu ul li {
            display: flex;
            flex-wrap: nowrap;
            align-items: center;
            font-size: 16px;
            line-height: 21px;
        }

            .mobile_menu ul li a {
                display: flex;
                flex-wrap: nowrap;
                align-items: center;
            }

            .mobile_menu ul li a {
                color: rgba(0, 0, 0, 1);
            }

    .orange_btn a {
        width: 100%;
        height: 40px;
        padding: 10px 20px 10px 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: rgba(245, 88, 33, 1);
        font-size: 16px;
        /*  letter-spacing: -0.5%;*/
        color: #fff;
        font-weight: 700;
        border-radius: 20px;
    }

        .orange_btn a:hover {
            background-color: rgba(245, 88, 33, 0.8);
        }

    .model-open {
    }


    @media only screen and (max-width:640px) {
        .mobile_menu_area {
            overflow: auto;
        }

        .mobile_menu {
            /*   height: auto; */
        }
    }


.normal_header {
    background-color: rgba(245, 88, 33, 1);
}

    .university_info_area {
        padding: 20px 20px;
        background-color: rgba(245, 88, 33, 0.1);
    }


        .university_info_box {
            padding: 20px 0 65px 0;
        }

.breadcrumbs_area_show {
    display: list-item;
}

    .breadcrumbs_area_hidden {
        cursor: pointer;
    }


    .breadcrumbs_area {
        padding-bottom: 45px;
    }

        .breadcrumbs_area ul {
            gap: 20px;
        }

            .breadcrumbs_area ul li {
                font-size: 14px;
                line-height: 28px;
                color: rgba(34, 34, 34, 1);
                background: url(../image/arrow_left.svg) no-repeat right center;
                padding-right: 20px;
            }

                .breadcrumbs_area ul li:first-child {
                    padding-right: 0;
                    margin-right: 0;
                    background: none;
                }

                .breadcrumbs_area ul li a {
                    color: rgba(34, 34, 34, 1);
                }

                .breadcrumbs_area ul li.home_icon > a {
                    width: 16px;
                    height: 28px;
                    background: url(../image/icon_home.svg) no-repeat center;
                    display: block;
                }

    .university_info_logo {
        min-width: 150px;
        width: 150px;
        height: 150px;
        background-color: #fff;
        border-radius: 50%;
        /* padding: 17px;*/
    }

.course_banner_area .university_info_logo_small {
    min-width: 87px;
    width: 87px;
    height: 87px;
}

.course_banner_area {
  padding:0px;
}
    .course_banner_area div.university_info_box {
        padding-bottom: 32px;
        padding-left:5px;
        padding-right:5px;
    }
 .course_banner_area div.info_col_icon_info {
        padding-top:15px;
    }
.university_info_right {
    gap: 25px;
    width: 750px;
   /* margin-top: 34px;*/
}

    .university_logo_info_left h4 {
        font-family: 'buDrakonit1_2700Bold';
        color: rgba(34, 34, 34, 1);
        font-size: 52px;
        line-height: 51px;
        font-weight: 400;
    }

    #expand_description {
        cursor: pointer;
    }

.expand_description_chapter {
vertical-align:top;
cursor:pointer;
}

.expand_description_text_expanded {
    width: calc(calc(100% - 100px));
    display: inline-block;
    margin-bottom: -4px;
    cursor: no-drop;
}
.expand_description_text {
    width: calc(calc(100% - 100px));
    display: inline-block;
    white-space: nowrap;
    margin-bottom: -4px;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: no-drop;
}

#more_institue_description {
    display: none;
}

    .university_logo_info_left p {
        color: rgba(34, 34, 34, 1);
        font-size: 16px;
        line-height: 23px;
        padding: 0 0 12px 0;
        margin: 0;
    }

    .university_logowidthfix {
        min-width: 575px;
    }

    .university_logo_info_left {
    }

    .university_info_col_wrap {
        gap: 20px;
    }

    .university_info_col {
        gap: 10px;
        width: calc(calc(100% - 40px) / 3);
    }

    .university_info_2col {
        width: 100%;
    }

    .info_col_icon {
        width: 35px;
        height: 35px;
        min-width: 35px;
        background-color: rgba(245, 88, 33, 0.1);
        border-radius: 50%;
    }

    .info_col_icon_info p {
        font-size: 16px;
        line-height: 18px;
        color: rgba(34, 34, 34, 1);
        padding: 0;
    }

        .info_col_icon_info p strong {
            display: block;
        }

    .university_info_left {
        width: 290px;
        background: url('../image/info-circle.svg') no-repeat right top;
        padding-right: 32px;
        margin-top: 34px;
    }

        .university_info_left h4 {
            font-family: 'buDrakonit1_2700Bold';
            color: rgba(34, 34, 34, 1);
            font-size: 26px;
            line-height: 24px;
            font-weight: 400;
        }

        .university_info_left p {
            color: rgba(34, 34, 34, 1);
            font-size: 16px;
            line-height: 23px;
            padding: 0;
        }

            .university_info_left p a {
                color: #F55821;
            }
    .popular_classes_area {
        padding: 0 20px;
        background-color: #fff;
    }

    .popular_classes_holder {
        padding: 55px 0 40px 0;
    }

        .popular_classes_holder h3 {
            font-family: 'buDrakonit1_2700Bold';
            color: rgba(34, 34, 34, 1);
            font-size: 26px;
            line-height: 24px;
            font-weight: 400;
            padding-bottom: 22px;
        }

    .popular_classes_box {
        gap: 15px;
        padding-bottom: 50px;
    }

    .popular_classes_col {
        width: calc(calc(100% - 75px) / 6);
        background: url(../image/new/arrow_left.svg) no-repeat left 17px bottom 17px;
        background-color: #fff;
        height: 107px;
        box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.15);
        border-radius: 7px;
        padding: 15px;
    }

        .popular_classes_col p {
            font-size: 16px;
            line-height: 19px;
            color: #222222;
            max-width: 90px;
        }

        .popular_classes_col a {
            color: #222222;
            font-size: 16px;
            line-height: 19px;
        }

    .popular_3cards .popular_classes_col {
        width: calc(calc(100% - 30px) / 3);
    }

        .popular_3cards .popular_classes_col p {
            max-width: 105px
        }

    .study_group_no_result span {
        display: block;
        font-size: 16px;
        line-height: 18px;
        color: #656565;
        padding-bottom: 15px;
    }

    .study_283 {
        min-height: 283px
    }

    @media only screen and (max-width:1200px) {
        .popular_classes_col {
            width: calc(calc(100% - 30px) / 3);
        }

        .university_info_left {
            display: none;
        }
    }

    @media only screen and (max-width:767px) {
        .popular_classes_col {
            width: calc(calc(100% - 23px) / 2);
            height: 80px;
            background-position: left 10px bottom 10px;
        }

        .popular_3cards .popular_classes_col {
            width: calc(calc(100% - 23px) / 2);
        }

        .popular_classes_box {
            gap: 12px 23px;
        }

        .popular_classes_holder {
            padding-top: 30px
        }

        .popular_classes_box {
            padding-bottom: 35px
        }

        .popular_classes_col p {
            max-width: 105px;
        }

      

    }


    .students_reviews {
        padding-bottom: 14px;
    }

    .small_icon_and_text img {
        width: 24px;
        margin-left: 10px;
        min-width: 24px;
    }

    .small_icon_and_text span {
        font-size: 16px;
        line-height: 23px;
        color: rgba(34, 34, 34, 1);
        display: block;
    }
.mycourses_list_name {
    font-size: 25px !important;
    font-weight:bold;
}

.mycourse_expirationdate {
    padding-right: 35px;
    display: block;
    font-size: 24px;
    font-weight: normal !important;
    margin-right: 0px !important;
}
.course_new_section div.study_groups_info  h5{
    font-size:20px;
    font-weight:bold;
}

.course_new_section div.study_groups_info ul.col2 li {
    font-size: 19px;
    
}

.university_info_holder2 {
    padding-bottom: 40px;
}

        .university_info_holder2 .university_info_col_wrap {
            padding-top: 35px;
            max-width: 480px;
        }

    .reviews_btn a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 110px;
        height: 38px;
        border-radius: 20px;
        padding: 10px;
        border: 1px solid #D9D9D9;
        font-size: 14px;
        color: #222;
        line-height: 1;
        font-weight: 700;
    }

    .students_reviews_info {
        box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.10);
        border-radius: 17px;
        background-color: #fff;
        padding: 37px 45px 40px 25px;
        margin-bottom: 40px;
    }

    .students_reviews_right {
        width: 160px;
        min-width: 160px;
        margin-left: 15px;
    }

        .students_reviews_right img {
            width: 57px;
            border-radius: 50%;
            margin: 0 auto;
            display: block;
            margin-bottom: 3px;
        }

        .students_reviews_right strong {
            display: block;
            font-size: 16px;
            line-height: 28px;
            color: #222;
            text-align: center;
        }

        .students_reviews_right p {
            font-size: 14px;
            line-height: 18px;
            color: rgba(34, 34, 34, 1);
            padding: 0;
            margin: 0;
            text-align: center;
        }

            .students_reviews_right p span {
                display: block;
                color: #656565;
            }

    .students_reviews_left {
        width: 100%;
        background: url('../image/new/blog-code.svg') no-repeat right top;
        padding-top: 50px;
    }

        .students_reviews_left p {
            font-size: 16px;
            line-height: 28px;
            color: rgba(34, 34, 34, 1);
            padding: 0;
            margin: 0;
        }

    .students_reviews_right_price {
        width: 100%;
        padding: 32px 20px;
        box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.10);
        border-radius: 17px;
        background-color: #fff;
    }

    .right_price_box span {
        font-size: 14px;
        line-height: 18px;
        color: rgba(0, 0, 0, 1);
        display: block;
    }

    .right_price_box {
        padding-bottom: 34px;
    }

        .right_price_box span a {
            color: rgba(0, 0, 0, 1);
            font-weight: 700;
            text-decoration: underline;
        }

        .right_price_box span strong {
            display: block;
            font-size: 26px;
        }

        .right_price_box span small {
            font-size: 16px;
        }

    .buy_now {
        width: 100%;
        height: 52px;
        border-radius: 30px;
        background: rgba(245, 88, 33, 1);
        border: 1px solid rgba(245, 88, 33, 1);
        padding: 10px;
        font-size: 20px;
        line-height: 1;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 700;
        margin-bottom: 10px;
    }

        .buy_now:hover {
            background-color: #fff;
            color: rgba(245, 88, 33, 1);
        }

    .btn_btmtext {
        display: block;
        font-size: 16px;
        line-height: 28px;
        text-align: center;
        color: rgba(34, 34, 34, 0.7);
        text-decoration: underline;
    }

    @media only screen and (max-width:991px) {
        .university_info_holder2 .university_info_col_wrap {
            padding-top: 15px;
            max-width: 100%;
            justify-content: center;
        }
        .small_icon_and_text img {
        width:21px;
        min-width:21px;
        }

        .breadcrumbs_area {
            visibility: hidden;
            padding-bottom: 0px !important;
        }

        .university_info_500 {
            justify-content: normal !important;
        }
        .course_banner_area div.university_info_box {
            padding-left: 10px;
            padding-right: 10px;
            padding-bottom:15px;
        }

        .course_banner_area div.university_logo_info_left h4 {
            text-align:right;

        }

        .small_icon_and_text {
            justify-content: center;
        }

        .buy_now_sticky {
            position: fixed;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 999;
            padding: 20px;
        }
    }

    .department_popup_area {
        width: 100%;
        height: 100%;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 9999;
        background-color: rgba(0, 0, 0, 0.3);
    }

    .department_popup_bg {
        padding: 30px 20px;
        width: 100%;
        height: 100%;
    }

    .department_popup {
        width: 670px;
        background-color: #fff;
        padding: 20px 20px 40px 20px;
        border-radius: 17px;
        box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.10);
    }

    span.close-btn-2 {
        cursor: pointer;
    }

    .department_popup h5 {
        font-size: 16px;
        line-height: 28px;
        color: rgba(34, 34, 34, 1);
        padding-bottom: 15px;
        font-weight: 700;
        text-align: center;
        margin: 0;
    }

.department_popup ul {
    gap: 4px 2px;
    direction: ltr;
}
.department_popup_area div.department_popup ul:not(.plupload_filelist) li {
    background: url('../image/new/check.svg') no-repeat right 4px;
    text-align: right;
}

.department_popup ul li {
    width: calc(calc(100% - 20px) / 3);
  
    font-size: 14px;
    line-height: 24px;
    color: rgba(34, 34, 34, 1);
    padding-right: 24px;
}

            .department_popup ul li a {
                color: rgba(34, 34, 34, 1);
            }

    @media only screen and (max-width:767px) {
        .department_popup ul li {
            width: 100%;
        }

        .department_popup {
            width: 100%;
            padding: 24px 25px 40px 25px;
        }

            .department_popup h5 {
                text-align: right;
                padding-right: 20px;
                padding-left: 20px;
            }

            .department_popup ul:not(.plupload_filelist) {
                padding: 0 20px;
                height: 340px;
                overflow: auto;
            }
    }

    .department_purchase_popup {
        width: 100%;
        height: 100%;
        background-color: #fff;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 99999999;
        padding: 40px 20px;
    }

    .purchase_popup_box {
        margin:auto;
        max-width: 735px;
        width: 100%;
        border-radius: 17px;
        border: 1px solid rgba(217, 217, 217, 1);
        padding: 20px 20px 50px 20px;
    }

    .department_popup_bg h3 {
        font-family: 'buDrakonit1_2700Bold';
        color: rgba(34, 34, 34, 1);
        font-size: 32px;
        line-height: 28px;
        font-weight: 400;
        margin-bottom: 0;
        padding-bottom: 25px;
        text-align: center;
    }

    .purchase_package_area {
        padding-bottom: 56px;
    }
        
        .purchase_package_area div.package_column {
        margin:auto;
        }
.package_column {
    width: -webkit-fill-available;
    border-right: 1px solid rgba(217, 217, 217, 1);
    padding: 44px 0 0 0;
    position: relative;
}

        .package_column:first-child {
            border: none;
        }

    .package_price_title {
        padding-bottom: 24px;
    }

        .package_price_title h4 {
            font-family: 'buDrakonit1_2700Bold';
            color: rgba(0, 166, 166, 1);
            font-size: 32px;
            line-height: 29px;
            font-weight: 400;
            margin-bottom: 0;
            text-align: center;
        }

        .package_price_title span {
            display: block;
            color: #222;
            font-size: 21px;
            line-height: 24px;
            text-align: center;
            height:35px;
        }

    .package_price_main {
        padding-bottom: 13px;
    }

        .package_price_main strong {
            font-size: 26px;
            font-weight: 600;
            line-height: 18px;
            display: block;
            text-align: center;
            padding-bottom: 4px;
            color: #222;
        }

        .package_price_main small {
            font-size: 16px;
        }

        .package_price_main span {
            font-size: 16px;
            line-height: 18px;
            color: #656565;
            text-align: center;
            display: block;
            text-decoration: line-through;
        }

            .package_price_main span small {
                font-size: 12px;
            }

    .package_normal_info {
        padding-bottom: 20px;
    }

        .package_normal_info strong {
            display: block;
            color: #222;
            font-size: 14px;
            line-height: 24px;
            text-align: center;
            padding-bottom: 32px;
            font-weight: 400;
        }

        .package_normal_info span {
            display: block;
            color: rgba(34, 34, 34, 0.7);
            font-size: 12px;
            line-height: 21px;
            text-align: center;
        }

    .package_btn a {
        width: 157px;
        height: 52px;
        border-radius: 30px;
        border: 1px solid rgba(0, 166, 166, 1);
        font-size: 16px;
        color: rgba(0, 166, 166, 1);
        font-weight: 700;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px;
        margin: 0 auto;
        cursor: pointer;
    }



    .package_column2 h4 {
        color: #F55821;
    }

    .package_column2 .package_btn a {
        background-color: #F55821;
        border-color: #F55821;
        color: #fff;
    }

    .package_column3 h4 {
        color: #EF8700;
    }

    .package_column3 .package_btn a {
        background-color: #fff;
        border-color: #EF8700;
        color: #EF8700;
    }

    .profitable_btn {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        width: 100%;
        z-index: 20;
    }

        .profitable_btn a {
            width: 84px;
            height: 30px;
            border-radius: 20px;
            background-color: #fff;
            font-size: 12px;
            color: #F55821;
            font-weight: 700;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 10px;
            box-shadow: 0px 12px 27px 0px rgba(0, 0, 0, 0.15);
            margin: 0 auto;
        }

    .purchase_popup_box h6 {
        font-size: 16px;
        line-height: 18px;
        color: #222;
        margin-bottom: 0;
    }

        .purchase_popup_box h6 a {
            color: #222;
            padding-right: 5px;
            text-decoration: underline;
        }

    .package_btm {
        position: relative;
    }

        .package_btm .department_popup {
            left:-63px;
            width: 825px;
            padding: 7px 17px;
            position: absolute;
            top: -142px;
            z-index: 5;
            display: none;
        }

            .package_btm .department_popup ul li {
                width: calc(calc(100% - 10px) / 3);
                direction: rtl;
                text-align: justify;
            }

                .package_btm .department_popup ul li a {
                    text-decoration: underline;
                    font-weight: 700;
                }

    .close_up_pop {
        text-align: center;
        display: none;
    }

        .close_up_pop span {
            display: inline-block;
            text-decoration: underline;
            font-size: 12px;
            color: #222;
            font-weight: 700;
        }

    .popon .close_up_pop {
        display: block;
    }

    @media only screen and (max-width:991px) {

        .mycourses_list_name {
            font-size: 19px !important;
        }

        #our-lecturers-area-video {
      
             height: 716px;
          
        }

        .purchase_package_area {
            flex-direction: column;
            gap: 17px;
        }

        .package_column {
            width: 100%;
            border-radius: 17px;
            border: 1px solid rgba(217, 217, 217, 1);
            padding: 20px 17px 14px 17px;
        }

            .package_column:first-child {
                border: 1px solid rgba(217, 217, 217, 1);
            }

        .purchase_popup_box {
            max-width: 100%;
            width: 100%;
            border-radius: 0;
            border: none;
            padding: 0;
        }

        .package_normal_info,
        .package_price_info {
            flex-wrap: nowrap;
            display: flex;
            justify-content: space-between;
        }

        .package_normal_info {
            padding-bottom: 10px;
        }

        .package_price_title h4,
        .package_price_title span {
            text-align: right;
        }

        .package_price_title {
            padding-bottom: 0;
        }

        .package_normal_info strong {
            order: 2;
            padding: 0;
        }

        .package_normal_info span {
            order: 1;
        }

        .package_btn a {
            width: 100%;
        }

        .department_popup_bg {
            padding: 0;
            overflow: auto;
            display: block !important;
        }

        .department_popup_bg_ww {
            display: flex !important;
        }

        .profitable_btn {
            top: -15px;
            left: inherit;
            right: 17px;
            margin: 0;
            width: auto;
        }

        .package_column_outbox h6,
        .purchase_popup_box h6 {
            font-size: 14px;
            font-weight: 400;
            display: flex;
            justify-content: space-between;
            align-items: center;
            line-height: 18px;
            color: #222;
        }

        .package_btm {
            padding-top: 12px;
        }

            .package_btm h6 span {
                display: block;
                width: 70%;
            }

            .package_btm.popon h6 span {
                width: 100%;
            }

            .package_btm .department_popup {
                width: 100%;
                padding: 7px 17px;
                position: initial;
                box-shadow: none;
            }

                .package_btm .department_popup ul {
                    padding: 0;
                    box-shadow: none;
                    height: auto;
                }

                    .package_btm .department_popup ul li {
                        width: 100%;
                        background: none;
                        padding-right: 0;
                    }

        .purchase_package_area {
            padding-bottom: 0;
        }

        .package_btm.popon h6 {
            font-weight: 700;
        }

        .package_btm.popon .link-popup {
            display: none
        }

        .orange_text {
            display: inline-block;
            font-size: 12px;
            font-weight: 700;
            line-height: 18px;
            padding: 0 7px;
            border-radius: 15px;
            color: rgba(245, 88, 33, 1);
            background-color: rgba(254, 238, 233, 1);
            margin-right: 5px;
        }
    }



    .university_info_holder3 .university_info_col_wrap {
        padding-top: 35px;
        max-width: 570px;
    }

    .both_line {
        position: relative;
        text-align: center;
        margin-bottom: 12px;
    }

        .both_line::before {
            content: '';
            width: 100%;
            height: 1px;
            background-color: #D9D9D9;
            position: absolute;
            left: 0;
            top: 14px;
            z-index: 1;
        }

        .both_line span {
            display: inline-block;
            padding: 0 10px;
            font-size: 14px;
            color: rgba(34, 34, 34, 0.7);
            line-height: 18px;
            background-color: #fff;
            position: relative;
            z-index: 2;
        }

    .profitable {
        padding-bottom: 9px;
    }

        .profitable span {
            display: inline-block;
            font-size: 12px;
            font-weight: 700;
            line-height: 16px;
            padding: 7px 13px;
            border-radius: 15px;
            color: rgba(245, 88, 33, 1);
            background-color: rgba(254, 238, 233, 1);
        }

    .study_groups_left2 {
        position: relative;
        top: -316px;
    }

    @media screen and (min-width: 991px) and (max-width: 1080px) {

        .mainpagefixheaderheight {
            width: 100% !important;
            height: 58px !important;
        }

        .study_groups_left2 {
            position: absolute;
            top: 106px;
            left: 10px;
        }

        .study_course_col_fix_tablet, .study_groups_right_TabletFix {
            width: 100% !important;
        }

            .study_course_col_fix_tablet div.study_course_inner {
                max-width: 600px;
            }

            .study_course_col_fix_tablet a.course_btns {
                display: flex;
                position: absolute;
                width: 115px;
                left: 145px;
            }
    }

.course_chapter_list_play_icon {
    background-image: url('/assets/image/small_icon2.svg');
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 19px;
    padding-right:2px;
    color: rgba(34, 34, 34, 1);
}

    .study_groups_left2 .right_price_box {
        padding-bottom: 24px;
    }

    .study_course_col {
        border: 1px solid #d9d9d9;
        padding: 18px 20px 22px 20px;
        border-radius: 13px;
        margin-bottom: 28px;
    }

.study_mycourse_col {
  
    padding: 18px 20px 22px 20px;
    width:100%;
    margin-bottom: 0px;
    display:inline-block;
}
.study_mycourse_col_right {
    padding-right:0px;
    padding-top:7px;
}

.study_mycourse_col p {
    font-size: 14px;
    line-height: 18px;
    margin: 0;
    color: rgba(129, 128, 128, 1);
    margin-bottom: 21px;
    margin-right: 28px;
}
#btn-user-login, #btn-register {
   /* width: 100%;*/
}
.mycourse_search {
    float: right;
    padding-left: 35px;
    max-width: 345px !important;
    width: 345px;
}
    .mycourse_search input {
        height: 55px !important;
    }
    .mycourse_search div.right_small_icon img {
        max-height: 30px;
    }
    .mycourse_search div.subscription_search_view {
        top: -26px;
        border-radius: 26px;
        max-width: 310px;
    }

.UploadCourse_search {
    max-width: 285px !important;
    width: 285px;
    margin-bottom: 0px;
}
    .UploadCourse_search:last-child {
        padding-left: 0px;
    }

.message_info {
}

.message_info_p {
    padding-top: 10px;
}

.study_course_col h6 {
    font-size: 16px;
    line-height: 20px;
    color: #000;
    margin: 0;
}

        .study_course_col h6 a {
            color: rgba(34, 34, 34, 1);
            font-weight: bold;
            margin-right: 7px;
        }

    .message_info h6 {
        padding-right: 45px;
        background: url('../image/info.svg') no-repeat right center;
    }

.study_course_col p {
    font-size: 14px;
    line-height: 18px;
    margin: 0;
    color: rgba(129, 128, 128, 1);
    padding-right: 47px;
}

#CourseChapterAccordion div.study_course_col p {

    padding-right: 0px;
}


        .study_course_col p a {
            color: rgba(34, 34, 34, 1);
            text-decoration: underline;
            margin-right: 20px;
          
        }

    .three_small_icon_wrap {
        gap: 10px;
        padding-top: 6px;
        padding-right:47px !important;
    }
.three_small_icon_wrap_course {
    gap: 10px;
    padding-top: 6px;
    
}

        .small_icon_col {
            gap: 5px;
        }

    .cs_small_icon {
        width: 16px;
        min-width: 16px;
    }

        .cs_small_icon img {
            display: block;
        }

    .small_icon_col span {
        display: block;
        font-size: 14px;
        line-height: 18px;
        color: rgba(34, 34, 34, 1);
    }

        .small_icon_col span a {
            color: inherit;
        }

    .flex-gap {
        gap: 30px;
    }

    .tooltip_view {
        width: 190px;
        border-radius: 8px;
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        z-index: 2;
        margin: 0 auto;
        margin-top: -3px;
        padding: 11px 10px;
        background-color: rgba(34, 34, 34, 0.8);
        display: none;
    }

    .tooltip_box .tooltip_view_reset_password {
        display: none;
    }

    .tooltip_box:hover .tooltip_view_reset_password {
        width: 212px;
        border-radius: 8px;
        position: absolute;
        left: -85px;
        right: 0;
        top: -63px;
        z-index: 2;
        margin: 0 auto;
        margin-top: -3px;
        padding: 11px 10px;
        background-color: rgba(34, 34, 34, 1);
        display: block;
    }

    .tooltip_view_reset_password p {
        color: #fff !important;
        padding-bottom: 0px !important;
    }

    .tooltip_box {
        position: relative;
        text-align: center;
    }

        .tooltip_box a {
            display: inline-block;
            cursor: pointer;
        }

    .tooltip_view p {
        font-size: 12px;
        line-height: 15px;
        padding: 0;
        margin: 0;
        text-align: center;
        color: #fff;
    }

    .tooltip_box a:hover ~ .tooltip_view {
        display: block;
    }

    .department_popup_1030 {
        max-width: 1036px;
        margin: 0 auto;
        width: 100%;
    }

.package_column_outbox {
    margin-top: 74px;
    border: none;
    max-width: 270px;
}

    .package_column_outbox div.package_btn {
        margin-top: 97px;
    }


    .package_column_outbox .package_price_title h4 {
        color: rgba(34, 34, 34, 1);
    }

        .package_column_outbox .package_btn a {
            color: rgba(34, 34, 34, 1);
            border-color: rgba(34, 34, 34, 1);
        }

    .more_info_wrap {
        display: none;
    }

    .show .more_info_wrap {
        display: inline-block;
    }

    .study_groups_left3 {
        position: relative;
        top: -163px;
    }

        .study_groups_left3 .students_reviews_right_price {
            padding: 10px 10px 15px 10px;
        }

        .study_groups_left3 .buy_now {
            margin: 0;
        }

    .video_bg_box {
        padding: 13px 12px;
        background-color: rgba(254, 238, 233, 0.5);
        border-radius: 12px;
        margin-bottom: 10px;
    }

        .video_bg_box p {
            font-size: 16px;
            line-height: 18px;
            color: rgba(34, 34, 34, 1);
            text-align: center;
            margin: 0;
        }

    .play_icon_sm {
        width: 32px;
        margin: 0 auto;
        padding-bottom: 5px;
    }

    .progress_bar_wrap {
        padding: 13px 0px 7px 0;
        flex-wrap: nowrap !important;
    }

    .progress_bar {
        width: 160px;
        height: 8px;
        border-radius: 8px;
        background-color: rgba(241, 241, 241, 1);
    }

    .progress_bar_wrap span {
        font-size: 14px;
        line-height: 19px;
        color: rgba(245, 88, 33, 1);
        display: block;
        font-weight: 600;
        margin-right: 11px;
    }

    .progress_bar_bg {
        height: 8px;
        border-radius: 8px;
        background-color: rgba(245, 88, 33, 1);
    }

    @media only screen and (max-width:991px) {

        .mycourse_search {
            max-width: none !important;
            padding-left:0px;
            width:100%;
        }
        .study_mycourse_col p {
        text-align:center;
        margin-right:0px;
        }
        .package_column_outbox {
            max-width: none;
        }

            .package_column_outbox div.package_btn {
                margin-top: 17px;
            }

        .mainpagefixheaderheight {
            width: 100% !important;
            height: 58px !important;
        }

        .study_course_col {
            padding: 10px 17px;
            margin-bottom: 20px;
        }
        .mycourse_items_list div.small_icon_and_text, #mycourse_items_list div.small_icon_and_text {
            justify-content: right;
        }

        .small_icon_col:nth-child(3) span {
            display: none;
        }
        .mycourse_groups_area div.page_link_left > div, .study_groups_area div.page_link_left > div {
            visibility: visible;
        }

        .study_groups_area .small_icon_col:nth-child(3) span,
        .mycourse_groups_area .small_icon_col:nth-child(3) span {
            display: block;
        }

        .study_course_col_2 {
            border-radius: 0;
            border: none;
            padding: 0;
            margin-bottom: 15px;
            gap: 0;
        }

        .study_course_inner_mycourses {
            border: 1px solid #d9d9d9;
            border-radius: 13px;
            margin-left: 10px;
            margin-right: 10px;
            margin-bottom:20px;
        }
            .study_course_inner_mycourses div.popup_view_btn a {
             margin:auto;

            width:auto;
            }
            .study_course_inner_mycourses div.popup_view_btn  {
               text-align:center;
            }

            .study_course_inner_mycourses div.small_icon_and_text {
                text-align: right;
                justify-content:right;
            }

            .study_course_inner {
                padding: 10px 17px;
                margin-bottom: 10px;
                border: none;
                border-radius: 13px;
            }
        .study_course_inner_fix {
            border: 1px solid #d9d9d9;
        }
            .study_course_inner_fix div.small_icon_and_text {
                justify-content:right;
            }
            .invalid_courses_title {
                padding-bottom: 10px;
            }
        .my_courses_btn_fix_courses {
            text-align: center;
            margin: auto;
        }
        .course_new_section .study_course_col:hover, .course_new_section .study_course_col {
            background: none;
        }

        .university_info_holder3 .university_info_col_wrap {
            padding-top: 15px;
            margin: 0 auto;
        }

        .department_popup_1030 {
            flex-direction: column;
        }

        .package_column_outbox {
            margin-top: 0;
            margin-bottom: 17px;
        }
    }


    .video_content_area {
        padding: 15px 20px 20px 20px;
    }

    .video_content_box h1 {
        font-size: 52px;
        line-height: 47px;
    }

    .chapter_book_btn {
        
    }

        .chapter_book_btn a {
            width: 106px;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 10px;
            font-size: 16px;
            line-height: 20px;
            color: rgba(245, 88, 33, 1);
            font-weight: 700;
            border-radius: 30px;
            border: 1px solid rgba(245, 88, 33, 1);
        }

            .chapter_book_btn a:hover {
                background-color: rgba(245, 88, 33, 1);
                color: #fff;
            }

    .chapter_book_wrap {
        padding-bottom: 40px;
    }

.course_banner_area .breadcrumbs_area {
    padding-bottom: 0px;
}
.course_banner_area div.university_info_col {
width:auto;
}

.course_banner_area div.university_info_left {
    padding-top: 0px;
}

.video_content_box .breadcrumbs_area {
    padding-bottom: 25px;
}
    .video_main_area {
        width: 100%;
        flex-flow: row-reverse;
        gap: 20px;
        /* align-items: flex-start;*/
    }

    .video_play_box {
        width: 800px;
        border-radius: 17px;
        border: 1px solid rgba(217, 217, 217, 1);
        padding: 15px;
    }

    .video_player {
        padding: 0;
    }

    .video_prev_next {
        width: 100%;
        padding: 20px 0 5px 0;
    }

        .video_prev_next a {
            font-size: 16px;
            line-height: 19px;
            color: rgba(34, 34, 34, 1);
            display: inline-block;
        }

    .video_content_right {
        width: 373px;
        padding: 8px;
        border-radius: 17px;
        background-color: #fff;
        box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.10);
    }

    .full_price_top {
        padding: 20px;
        background-color: rgba(255, 247, 244, 1);
        border-radius: 8px;
        margin-bottom: 18px;
    }

        .full_price_top h4 {
            font-size: 14px;
            color: rgba(0, 0, 0, 1);
            font-weight: 400;
            text-align: center;
            padding-bottom: 14px;
        }

            .full_price_top h4 span {
                font-weight: 700;
            }

            .full_price_top h4 strong {
                font-size: 22px;
            }

                .full_price_top h4 strong small {
                    font-size: 18px;
                }

    .video_content_right .study_groups_search {
        width: 100%;
    }

    .video_list_box {
        padding: 15px 0 0 5px;
    }

        .video_list_box h5 {
            font-size: 16px;
            line-height: 18px;
            color: rgba(34, 34, 34, 1);
            font-weight: 700;
            margin: 9px 0;
            margin-bottom: 0;
            background: url('../image/new/arrow_down.svg') no-repeat left center;
        }

        .video_list_box ul {
            padding-top: 11px;
        }

            .video_list_box ul li {
                font-size: 14px;
                line-height: 19px;
                color: rgba(34, 34, 34, 1);
                display: flex;
                flex-wrap: nowrap;
                justify-content: space-between;
                margin: 5px 0;
                border-radius: 4px;
                cursor: pointer;
            }

                .video_list_box ul li:hover {
                    background-color: rgba(245, 88, 33, 0.05);
                    font-weight: 700;
                }

                .video_list_box ul li a {
                    color: rgba(34, 34, 34, 1);
                    padding: 6px 32px 6px 7px;
                    display: inline-block;
                    position: relative;
                }

                .video_list_box ul li span {
                    padding: 6px;
                    display: inline-block;
                    width: 92%;
                }

                .video_list_box ul li a::after, div.video_list_box_checkbox {
                    width: 17px;
                    height: 17px;
                    border-radius: 3px;
                    border: 1px solid rgba(217, 217, 217, 1);
                    right: 6px;
                    margin-top: 7px;
 
                }
               

div.video_list_box_checkbox.Watched::after {
    content: '';
    display: block;
    margin-right: 4px;
    margin-top: 1px;
    right: 5px;
    width: 6px;
    height: 10px;
    border: solid #06BD70;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
    .video_list_box ul li span div {
                    display: inline-block;
                    float: left;
                }

                .video_list_box ul li.active a::after {
                    background: url('../image/new/ok.svg') no-repeat center;
                }

    .video_list_scroll {
        height: 275px;
        padding-left: 0 !important;
        padding-right: 8px !important;
    }

    .video_list_box2 .video_list_scroll {
        height: auto !important;
        padding-right: 0 !important;
    }

    .video_list_box .scrollbar-outer > .scroll-content.scroll-scrolly_visible {
        left: 0;
        margin-left: 0 !important;
        margin-right: 12px;
    }

    .video_list_box .scrollbar-outer > .scroll-element.scroll-y {
        right: 0px;
        left: inherit;
    }

    .video_list_box .scrollbar-outer > .scroll-element .scroll-bar {
        background-color: rgba(217, 217, 217, 1);
    }

    @media only screen and (max-width:991px) {
        .video_main_area {
            flex-direction: column;
        }

        .video_content_box.container div.breadcrumbs_area {
            display:none;
        }

        .video_play_box {
            width: 100%;
            border-radius: 0;
            border: none;
            padding: 0;
        }

        .video_content_right {
            width: 100%;
            padding: 0;
            border-radius: 0;
            background-color: #fff;
            box-shadow: none;
        }

        .video_content_box .breadcrumbs_area {
            padding-bottom: 12px;
        }

        .video_player {
            margin: 0 -20px;
        }

        .video_list_scroll {
            height: auto !important;
            padding-right: 0 !important;
        }

        .chapter_book_btn a {
            width: 92px;
            padding: 5px 10px;
            font-size: 14px;
            color: rgba(245, 88, 33, 1);
            text-align: center;
        }
    }

    .study_groups_search .searchBox-clearWrapper {
        height: 40px;
        left: 17px;
        z-index: 6;
        width: 22px;
        top: 4px;
    }

    .study_groups_search .searchBox-clear {
        margin: 0 auto;
        background: #fff;
        width: 100%;
    }

    .subscription_banner .university_info_box {
        height: 258px;
    }

    .subscription_area {
        padding: 0 20px;
        margin-top: -190px;
        position: relative;
        z-index: 5;
    }

    .subscription_box {
        padding: 54px 16px 20px 16px;
        background-color: #fff;
        border-radius: 17px;
        box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.10);
    }

        .subscription_box h3 {
            font-size: 62px;
            line-height: 51px;
            font-family: 'buDrakonit1_2700Bold';
            margin-bottom: 16px;
            font-weight: normal;
            text-align: center;
            color: rgba(34, 34, 34, 1);
        }

        .subscription_box p {
            font-size: 18px;
            line-height: 24px;
            margin-bottom: 0;
            font-weight: normal;
            text-align: center;
            color: rgba(34, 34, 34, 1);
        }

            .subscription_box p.btm-p {
                font-size: 16px;
                color: rgba(34, 34, 34, 0.7);
            }

        .subscription_box h4 {
            font-size: 32px;
            line-height: 28px;
            font-family: 'buDrakonit1_2700Bold';
            margin-bottom: 0;
            font-weight: normal;
            text-align: center;
            color: rgba(34, 34, 34, 1);
            margin-top: 21px;
            padding-bottom: 18px;
        }

    .subscription_search {
        max-width: 370px;
        margin: 0 auto;
        position: relative;
        margin-bottom: 20px;
    }

        .subscription_search .form-control {
            width: 100%;
            height: 74px;
            border-radius: 40px;
            color: #222;
            outline: none;
            font-size: 14px;
            font-weight: 700;
            padding: 10px 90px 10px 44px;
            background: #fff url('../image/new/arrow-dwn1.svg') no-repeat left 28px center;
            box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.10);
            cursor: pointer;
        }

            .subscription_search .form-control:focus {
                border: 1px solid rgba(245, 88, 33, 1);
            }

    .right_small_icon {
        width: 61px;
        position: absolute;
        right: 27px;
        top: 15px;
        z-index: 2;
    }

        .right_small_icon img {
            max-height: 40px;
        }

    .subscription_search_hidden {
        opacity: 0.3;
        margin-bottom: 60px;
    }

        .subscription_search_hidden .form-control {
            border-color: rgba(217, 217, 217, 1)
        }

    .subscription_search_gray .form-control {
        border-color: #D9D9D9;
    }

    .faq_area {
        padding: 0 20px;
    }

    .faq_content {
        padding: 40px 0 0;
    }

        .faq_content h3 {
            font-size: 44px;
            line-height: 39px;
            font-family: 'buDrakonit1_2700Bold';
            margin-bottom: 0;
            font-weight: normal;
            color: rgba(34, 34, 34, 1);
            padding-bottom: 50px;
        }

    .toggle_view_item {
        width: 100%;
        padding: 20px 30px;
        border-radius: 17px;
        background-color: #fff;
        margin-bottom: 10px;
        border: 1px solid #fff;
        position: relative;
        box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.10);
    }

    .show_details.active {
        display: block;
    }

    .toggle_view_item h4 {
        font-size: 16px;
        color: rgba(34, 34, 34, 1);
        font-weight: 700;
        line-height: 23px;
        position: relative;
        cursor: pointer;
        padding-left: 15px;
    }

        .toggle_view_item h4::after {
            content: '';
            width: 15px;
            height: 10px;
            background: url(../image/new/arrow_down.svg) no-repeat center center;
            background-position: center center;
            display: block;
            position: absolute;
            left: 0;
            top: 50%;
            margin-top: -5px;
        }

        .toggle_view_item h4.active::after {
            background: url(../image/new/arrow_down_hover.svg) no-repeat center center;
            transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -o-transform: rotate(180deg);
        }

        .toggle_view_item h4.active {
            color: #F55821;
        }

    .show_details {
        padding: 20px 0 10px 0;
        display: none;
        background-color: #fff;
    }

    @media only screen and (max-width:991px) {
        .subscription_box {
            padding: 30px 10px;
        }

            .subscription_box h3 {
                font-size: 52px;
            }

            .subscription_box h4 {
                margin-top: 50px;
            }

        .subscription_search_hidden {
            margin-bottom: 8px;
        }

        .faq_content h3 {
            padding-bottom: 26px;
        }
    }

    .choosing_package_area {
        width: 100%;
        background-color: rgba(254, 238, 233, 1);
        padding: 42px 62px 30px 62px;
        border-radius: 8px;
        margin-top: 54px;
    }

    .package_title {
        text-align: center;
    }

        .package_title h3 {
            font-size: 32px;
            line-height: 28px;
            color: #222222;
            font-weight: 400;
            font-family: 'buDrakonit1_2700Bold';
            margin-bottom: 0;
            padding-bottom: 0;
        }

        .package_title p {
            font-size: 18px;
            font-weight: bold;
            line-height: 24px;
            color: #222222;
            font-weight: 400;
            margin-bottom: 0;
            margin-top: 5px;
            padding-bottom: 24px;
        }

    .package_top_item {
        padding: 7px 17px 7px 7px;
        background-color: #fff;
        border-radius: 40px;
    }

    .three_check_item {
        gap: 17px;
        max-width: 760px;
        margin: 0 auto;
        padding-bottom: 24px;
    }

    .package_top_item {
        width: calc(calc(100% - 20px ) / 3);
    }

        .package_top_item span {
            font-size: 14px;
            line-height: 24px;
            color: #222;
            display: block;
            background: url(../image/new/icon_check1.svg) no-repeat right center;
            padding-right: 21px;
        }

            .package_top_item span a {
                text-decoration: underline;
                font-weight: 700;
                color: #222;
            }

.choosing_package_box {
    width: 100%;
    gap: 30px;
    justify-content: center;
    align-items: center;
}
.choosing_package_box_inner {
    margin: auto;
    width: 100%;
    display: contents;
    text-align: center;
    align-items: center;
}

.package_column_item {
    width: calc(calc( 100% - 60px ) / 3);
    border-radius: 8px;
    border: 1px solid #D9D9D9;
    background-color: #fff;
    /*    margin: auto;*/
}

        .package_column_item h4 {
            height: 72px;
            background-color: #00A6A6;
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: center;
            font-size: 32px;
            line-height: 28px;
            color: #fff;
            font-family: 'buDrakonit1_2700Bold';
            border-radius: 8px 8px 0 0;
            font-weight: 400;
            margin: 0;
            padding: 0;
        }
.package_column_itemFix {
margin:unset;
}

.package2 {
    box-shadow: 0px 24px 44px 0px rgba(0, 0, 0, 0.10)
}

        .package2 h4 {
            background-color: #F55821;
        }

    .package3 h4 {
        background-color: #EF8700;
    }

    .package2 .package_btn > a {
        border-color: #F55821;
        color: #F55821;
    }

    .package3 .package_btn > a {
        border-color: #EF8700;
        color: #EF8700;
    }

    .package_price_info_item {
        padding: 48px 20px 20px 20px;
    }

        .package_price_info_item strong {
            display: block;
            font-size: 26px;
            line-height: 31px;
            color: #222222;
            text-align: center;
        }

            .package_price_info_item strong small {
                font-size: 16px
            }

        .package_price_info_item span {
            display: block;
            font-size: 16px;
            line-height: 18px;
            color: #656565;
            text-decoration: line-through;
            text-align: center;
            padding-bottom: 13px;
        }

            .package_price_info_item span small {
                font-size: 12px
            }

        .package_price_info_item p {
            font-size: 16px;
            line-height: 24px;
            color: #222;
            text-align: center;
            margin-bottom: 0;
            padding-bottom: 0;
        }

            .package_price_info_item p.gay-color {
                font-size: 14px;
                color: rgba(34, 34, 34, 0.7);
                text-align: center;
                padding-bottom: 17px;
            }

    .tags_info {
        text-align: center;
        padding-top: 14px;
    }

        .tags_info small {
            display: inline-block;
            color: rgba(34, 34, 34, 0.7);
            background: url(../image/new/icon_tag.svg) no-repeat right center;
            padding-right: 17px;
            font-size: 14px;
            opacity: 0.5;
        }

    .package2 .package_price_info_item {
        padding-top: 22px
    }

    .package_price_info_item .profitable_btn {
        position: initial;
        margin-bottom: 30px;
    }

        .package_price_info_item .profitable_btn a {
            box-shadow: rgba(50, 50, 93, 0.15) 0px 13px 27px -5px, rgba(0, 0, 0, 0.15) 0px 8px 16px -8px;
        }

    .package_price_info_item .package_btn a {
        font-weight: 700;
        font-size: 20px;
    }

    .package_footer {
        padding-top: 47px;
        text-align: center;
    }

        .package_footer p {
            font-size: 14px;
            line-height: 24px;
            color: #656565;
            padding-bottom: 0;
            margin-bottom: 0;
        }


.contactus-dropdown-wrapper {
    position: relative;
}

    .contactus-dropdown-wrapper .dropdown-arrow {
        display: inline-flex;
        position: absolute;
        left: 20px;
        top: 55%;
        transform: translateY(-50%) rotate(0deg);
        transition: transform 0.2s ease;
        pointer-events: none;
        color: #222;
        z-index: 2;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .contactus-dropdown-wrapper select.dropdown-input {
        background: transparent;
        border: none;
        border-bottom: 2px solid #D9D9D9;
        font-size: 14px;
        padding: 10px 35px 10px 10px;
        width: 100%;
        outline: none;
        direction: rtl;
        appearance: none;
        font-weight: 700;
        color: #EF8700;
    }

    .contactus-dropdown-wrapper.dropdown-open select.dropdown-input {
        border-color: fuchsia;
    }

.dropdown-arrow.flipped {
    transform: translateY(-50%) rotate(180deg);
}

.subscription_search_view::-webkit-scrollbar, .contactus_subject_view ::-webkit-scrollbar {
    direction: rtl;
    width: 4px;
}

.subscription_search_view::-webkit-scrollbar-track, .contactus_subject_view ::-webkit-scrollbar-track {
    background: transparent;
    margin-top: 2px;
    margin-bottom: 2px;
}

.subscription_search_view::-webkit-scrollbar-thumb, .contactus_subject_view ::-webkit-scrollbar-thumb {
    background-color: #D9D9D9;
    border-radius: 20px;
    transition: background-color 0.2s;
    min-height: 90px;
}

    .subscription_search_view::-webkit-scrollbar-thumb:hover, .contactus_subject_view ::-webkit-scrollbar-thumb:hover {
        background-color: #B0B0B0;
    }
#contactus_subject_search_view {
    display: none;
}
#select_subject {
cursor:pointer;
}

#contactus_subject_search_view span {
    font-weight: normal;
    font-size: 16px;
    line-height: 28px;
    color: #000;
    letter-spacing: 0px;
    cursor: pointer;
}

    #contactus_subject_search_view span:hover {
        color: #F55821;
    }


.subscription_search_view, .contactus_subject_view {
    margin-top: 26px;
    direction: ltr;
    max-height: 250px;
    overflow-y: auto;
    width: 100%;
    background-color: #fff;
    border: 1px solid #D9D9D9;
    z-index: 3;
    border-radius: 20px;
    padding: 10px 10px 10px 20px;
    box-shadow: 10px 14px 10px 20px rgba(0, 0, 0, 0.05);
    clip-path: inset(0 round 20px);
}

.contactus_searchview_fix {
    z-index: 9;
}

    .contactus_searchview_fix div.subscription_res_view {
        direction: rtl;
    }

.subscription_res_view {
    margin-bottom: 10px;
    direction: rtl;
    text-align: left;
}

    .subscription_res_view.dropdown-title {
        font-weight: 700;
        font-size: 14px;
        line-height: 100%;
        letter-spacing: -0.5px;
        color: #EF8700;
        text-align: right;
        padding: 10px 20px;
        pointer-events: none;
    }

    .subscription_res_view:not(.dropdown-title):hover span {
        font-weight: 700;
        font-size: 16px;
        line-height: 100%;
        letter-spacing: -0.5px;
        text-align: right;
        color: #EF8700;
        cursor: pointer;
    }

.res_icon {
    width: 32px;
    min-width: 32px;
    margin-left: 15px;
}

/*
    .subscription_search_view {
        width: 100%;
        background-color: #fff;
        border-radius: 12px;
        box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.15);
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        z-index: 3;
        padding: 18px 16px 6px 18px;
        margin-top: 6px;
    }

    .subscription_res_view {
        margin-bottom: 10px;
    }

    .res_icon {
        width: 32px;
        min-width: 32px;
        margin-left: 15px;
    }

    .subscription_res_view span {
        font-size: 16px;
        line-height: 18px;
        color: #222;
    }*/

    @media only screen and (max-width:991px) {
        .choosing_package_area {
            padding: 30px 10px 0 10px;
            background: none;
            margin-top: 0;
        }

        .UploadCourseMaterial_popup {
            width: 97% !important;
        }

        .three_check_item {
            max-width: 100%;
            padding-bottom: 20px;
            flex-direction: column;
        }

        .package_top_item {
            width: 100%;
            background: none;
            padding: 0;
        }

        .choosing_package_box {
            flex-direction: column;
        }

        .package_column_item {
            width: 100%;
        }

        .package_footer {
            padding-top: 35px
        }

        .package_column_item:nth-child(3) {
            order: 1;
        }

        .package_column_item:nth-child(1) {
            order: 3;
        }

        .package_column_item:nth-child(2) {
            order: 2;
        }
    }

    .show-mobile {
        display: block !important;
    }
}

.form-select-left {
    position: relative;
}

    .form-select-left .result-second-inner {
        width: 176px;
        box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.12);
        top: 28px;
        right: 0;
        display: none !important;
        padding-top: 11px;
        padding-bottom: 11px;
    }

    .form-select-left span {
        color: #fff;
        padding: 0px 0px 0px 28px;
        font-size: 16px;
        font-weight: 400;
        background-image: url(../image/white-arrow.svg);
        background-position: left 5px top 4px;
        background-size: 15px 15px;
        background-repeat: no-repeat;
        cursor: pointer;
    }

    .form-select-left .result-second-inner li {
        margin-top: 0 !important;
    }

        .form-select-left .result-second-inner li a {
            font-size: 16px;
            color: #000;
        }

    .form-select-left.active ul.position-absolute.result-second-inner {
        display: block !important;
    }

.study_groups_left_ww {
    width: 100%;
}

.study_groups_area, .mycourse_groups_area {
    justify-content: space-between;
}

    .study_groups_area div.three_small_icon_wrap, three_small_icon_wrap_course, #mycourse_items_list div.three_small_icon_wrap {
        padding-right: 0px;
    }

    .mycourse_groups_area {
        display: none;
    }
#sidebar.fixed {
    width: 100%;
    max-width:360px;
    position: fixed;
    top: 120px;
    z-index:3;
}

    #sidebar.fixed div.students_reviews_right_price {
        padding: 20px;
        padding-bottom: 35px;
        padding-top: 35px;
    }

.study_groups_left_ww {
    padding-bottom: 50px;
}

.sidebar-w-dd {
    display: flex;
    align-items: self-start;
    justify-content: flex-end;
}

#sidebar.fixed .students_reviews_right_price {
    padding: 10px 10px 15px 10px;
    max-width: 360px;
}

@media only screen and (max-width:991px) {
    .form-select-left ul.position-absolute.result-second-inner {
        display: none !important;
        position: absolute !important;
        right: inherit;
        left: 0;
    }

    .form-select-left.active ul.position-absolute.result-second-inner {
        display: block !important;
    }

    .hide-cta .buy_now_sticky {
        display: none;
    }

    .package_price_main strong {
        margin-top: 6px;
        font-size:26px;
    }


}



/* --------login-------- */
#register-form div.login_error_mes {
    max-width: none;
}
.input_val_error {
    border-color: #940707 !important;
}

.login_btn, #reset_link, #register_btn {
    cursor: pointer;
  
}
#reset_link {
    text-decoration: underline;
}

    .login_content_area {
        width: 100%;
        height: 100%;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 9999;
        background-color: #fff;
        padding: 30px 20px;
    }

.login_content_mid {
    width: 100%;
    height: 100%;
    overflow: auto;
}

.close_nv {
    width: 14px;
    height: 15px;
    position: absolute;
    left: 20px;
    top: 20px;
    z-index: 2;
    background: url('/assets/image/login/close_new.svg') no-repeat;
    cursor: pointer;
}

.login_content_wrap {
    width: 100%;
    max-width: 392px;
    margin: 0 auto;
}

.login_content_wrap {
    width: 100%;
    max-width: 392px;
    margin: 0 auto;
}

    .login_content_wrap.w-273 {
        max-width: 273px;
    }

    .login_content_wrap h3 {
        font-size: 54px;
        line-height: 48px;
        color: #222;
        font-family: 'buDrakonit1_2700Bold';
        margin: 0;
        text-align: center;
        padding-bottom: 19px;
    }

.login_field {
    padding-bottom: 21px;
}

.password_eye_field {
    position: relative;
}

.password_eye {
    position: absolute;
    width: 20px;
    height: 20px;
    background-image: url('/assets/image/password_eye.png');
    background-size: contain;
    left: 17px;
    top: 40px;
    cursor: pointer;
}

.w-273 .login_field {
    padding-bottom: 16px;
}

.login_field label {
    display: block;
    font-size: 16px;
    line-height: 1;
    color: #222;
    font-weight: 800;
    padding-bottom: 7px;
}
#email:read-only {
    background-color: #F3F4F6;
}

.login_field .form-control {
    outline: none;
    box-shadow: none;
    height: 50px;
    border-color: #D9D9D9;
    font-family: "Assistant", sans-serif;
    /*   color: rgba(34, 34, 34, 0.5);*/
    border-radius: 25px;
    padding: 5px 20px;
}

    .login_field .form-control::placeholder {
        color: rgba(34, 34, 34, 0.5);
    }

    .login_field input#phone {
        text-align: right;
    }

        .login_field .form-control:focus {
        border-color: #F55821;
        box-shadow: 0px 4px 14px 0px rgba(245, 88, 33, 0.1);
    }

.reset_link {
    display: flex;
    justify-content: flex-end;
    margin-top: -15px;
}

    .reset_link a {
        display: inline-block;
        font-size: 12px;
        line-height: 15px;
        color: #222222;
        text-decoration: underline;
    }

.form-group {
    display: block;
    margin-bottom: 17px;
    position: relative;
}

.add_credit_order {
    line-height: 44px;
    padding-right: 30px;
    min-height: auto;
    margin: 0px;
    background-color: #F9FAFB;
    border-radius: 34px;
    width: 100%;
}

.add_phone_order {
    text-align: center;
    width: 100%;
    min-height: 51px;
    background-color: #F9FAFB;
    border-radius: 34px;
    margin: 15px 0px -10px 0px;
}
    .add_phone_order > div:first-line {
        font-size: 14px;
        color: #222222;
        font-family: "Assistant", sans-serif;
        font-weight:700;
    }


    .add_phone_order > div {
        display: inline-block;
        font-size: 12px;
        color: #222222;
        font-family: "Assistant", sans-serif;
        font-weight: 400;
        line-height: 16px;
        margin-top: 10px;
        margin-right: 12px;
        line-height:20px;
        max-width:201px;
    }
    .add_phone_order > span {
        display: inline-block;
        font-size: 18px;
        color: #222222;
        font-family: "Assistant", sans-serif;
        font-weight: 400;
        line-height: 20px;
        min-height: 50px;
        margin-top: 10px;
        margin-right: 12px;
    }

    .add_phone_order > img {
        vertical-align: 12px;
        margin-right: 0px;
    }
    .add_phone_order a {
        float: left;
        display: inline-block;
        margin-left: 19px;
        border: 1px solid #D9D9D9;
        border-radius: 40px;
        width: 171px;
        height: 38px;
        font-size: 14px;
        color: #222222;
        font-family: "Assistant", sans-serif;
        font-weight: 700;
        text-align: center;
        margin-top: 7px;
        padding-top: 8px;
        margin-bottom: 7px;
        cursor: pointer;
    }
.add_phone_order_success {
    text-align: center;
}

#cart_page_items, .cart_footer_top {
    max-width: 428px;
}

.cart_toggle_area .form-group {
    margin-bottom: 10px;
}

.reg_area .form-group {
    margin-bottom: 23px;
}

.reg_area .login_field {
    padding-bottom: 16px;
}

.loggedin_form .login_field {
    padding-bottom: 12px;
}

.loggedin_form .form-control {
    background-color: #F3F4F6;
    border-color: #D9D9D9;
}

.form-group input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.form-group label {
    position: relative;
    cursor: pointer;
    font-size: 14px;
    line-height: 18px;
    color: #222222;
    display: block;
}

    .form-group label a {
        text-decoration: underline;
        color: #222222;
    }

    .form-group label::before {
        width: 17px;
        height: 17px;
        content: '';
        -webkit-appearance: none;
        background-color: transparent;
        border: 1px solid #D9D9D9;
        padding: 2px;
        display: inline-block;
        position: relative;
        vertical-align: middle;
        cursor: pointer;
        margin-left: 6px;
        border-radius: 3px;
    }

.loggedin_form .form-group label::before {
    background-color: #F3F4F6;
    border-color: #D9D9D9;
}

.form-group input:checked + label::after {
    content: '';
    display: block;
    position: absolute;
    top: 4px;
    right: 5px;
    width: 6px;
    height: 10px;
    border: solid #06BD70;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.loggedin_form .form-group input:checked + label::after {
    border-color: #8A8B8C
}

.cart_toggle_view {
    position: relative;
}
.cart_toggle_item2 {
    display:none;
}


.loggedin_form.active .cart_toggle_view .already_subscribed_item {
    width: auto;
    padding: 0 20px;
    background-color: #FEEFE9;
    position: absolute;
    left: 0;
    right: 0;
    top: -20px;
    z-index: 2;
    padding-bottom: 10px;
}

.loggedin_form.active .cart_toggle_view {
    padding-top: 35px;
}


.form_submit_wrap {
    width: 100%;
    gap: 8px;
    padding-bottom: 13px;
}

    .form_submit_wrap .btn {
        width: 50%;
        height: 52px;
        border: 1px solid #F55821;
        border-radius: 26px;
        background-color: #F55821;
        font-size: 20px;
        font-weight: 700;
        color: #fff;
        padding: 10px 20px;
    }

        .form_submit_wrap .btn:hover {
            background-color: inherit;
            color: #F55821;
        }

    .form_submit_wrap .btn-google {
        background-color: inherit;
        color: #F55821;
        padding: 10px;
    }

        .form_submit_wrap .btn-google span {
            padding-right: 20px;
            background: url('../image/login/g.svg') no-repeat right center;
        }

        .form_submit_wrap .btn-google:hover {
            background-color: #F55821;
            color: #fff;
        }

            .form_submit_wrap .btn-google:hover > span {
                background: url('../image/login/g-hover.svg') no-repeat right center;
            }

.new_reg {
    text-align: center;
}

    .new_reg a {
        display: inline-block;
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        color: #222;
        text-decoration: underline;
    }

        .new_reg a strong {
            font-weight: 700;
        }

.login_error_mes, #user-security-validation-summary, #personal-settings-validation-summary, #forgot-password-validation-summary {
    width: 100%;
    max-width: 273px;
    margin: 0 auto;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 35px;
    z-index: 5;
}

#login-validation-summary {
    max-width:400px;
  
}
    #login-validation-summary span {
        display: block;
        margin: auto;
    }

#forgot-password-validation-summary {
    position: static;
  

}

    .login_error_mes span, #user-security-validation-summary span, #personal-settings-validation-summary span {
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: rgba(255, 0, 0, 0.1);
        color: #fff;
        padding: 7px 20px;
        min-height: 43px;
        text-align: center;
        font-size: 14px;
        line-height: 15px;
        color: #940707;
        border-radius: 25px;
    }
#forgot-password-validation-summary span {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 0, 0, 0.1);
    color: #fff;
    padding: 7px 20px;
    min-height: 27px;
    text-align: center;
    font-size: 12px;
    line-height: 15px;
    color: #940707;
    border-radius: 25px;
    margin-top:10px;
}

.login_error_mes_cart {
    position: relative;
}
    .login_error_mes_cart span {
     margin-bottom:20px !important;
    }

    #user-security-validation-summary, #personal-settings-validation-summary {
        position: relative;
        margin: initial;
    }

    #user-security-validation-summary span, #personal-settings-validation-summary span {
        margin-top: 10px;
    }

    .login_error_mes_forgotpass {
        position: initial;
        margin-top: 3px;
    }

        .login_error_mes_forgotpass span {
            display: flex;
            align-items: center;
            justify-content: center;
            min-height: 28px;
            text-align: center;
            /*min-height: 28px;
            justify-content: right;
            text-align: right;*/
        }


.login_content_wrap p {
    font-size: 14px;
    line-height: 18px;
    color: #222222;
    text-align: center;
    margin-bottom: 0;
    padding-bottom: 17px;
}

    .login_content_wrap p a {
        color: #222222;
        text-decoration: underline;
    }

.login_field_wrap {
    gap: 18px;
}

    .login_field_wrap .login_field {
        width: 50%;
    }

.error_msg {
    display: none;
    padding-top: 8px;
}

    .error_msg span {
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: rgba(255, 0, 0, 0.1);
        color: #fff;
        padding: 5px 20px;
        text-align: center;
        font-size: 12px;
        line-height: 15px;
        color: #940707;
        border-radius: 25px;
    }

.field_error .error_msg {
    display: block;
}

.cart_toggle_area .error_msg span {
    justify-content: flex-start;
}

.error_msg a {
    text-decoration: underline;
    color: #C64646;
}

.couponcode_error {
    display: block;
    padding-bottom: 20px;
    text-align: right;
}

    .couponcode_error span {
        display: block;
        font-size: 14px;
        padding: 14px 20px;
        text-align: right;
    }

.payment_form {
}

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

    .payment_form .couponcode_error span {
        text-align: center;
        color: #222;
        background-color: #FBF6E4;
    }



@media only screen and (max-width:767px) {


    .mb_login_content_wrap div.login_field {
        margin-top: 18px;
    }

    .expand_description_text_expanded, .expand_description_text {
        display: inline-block;
        width: calc(calc(100% - 90px));
    }
  

    .form_submit_wrap {
        gap: 16px;
        flex-direction: column;
    }

        .form_submit_wrap .btn {
            width: 100%;
        }

    .couponcode_error span {
        padding: 13px 15px;
        text-align: right;
    }
}

@media only screen and (max-height:414px) {
    .login_content_mid {
        align-items: flex-start !important;
    }
}

@media only screen and (max-height:800px) {
    .login_error_mes {
        position: initial;
        margin-top: 15px;
    }
}

.cart_content_area {
    width: 0;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99980;
    overflow: hidden;
}

    .cart_content_area.visible {
        width: 100%;
    }


.cart_sidebar {
    width: 534px;
    height: 100vh;
    background-color: #fff;
    border-radius: 20px 0 0 20px;
    position: relative;
    flex-direction: column;
    display: flex;
    justify-content: space-between;
    position: fixed;
    height: 100%;
    top: 0;
    right: -534px;
    z-index: 99981;
    transition: right 0.5s ease;
    overflow-y: scroll
}

    .cart_sidebar.visible {
        right: 0;
        transition: right 0.7s ease;
    }


.cart_title {
    padding: 28px 22px 0 22px;
}

    .cart_title h4 {
        font-weight: 400;
        font-size: 32px;
        line-height: 28px;
        font-family: 'buDrakonit1_2700Bold';
        margin: 0;
        padding-right: 33px;
        background: url('../image/login/icon_cart.png') no-repeat right center;
    }

.shopping-cart-ut {
    width: 270px;
    height: 221px;
    background: url('../image/login/shopping-cart.svg') no-repeat center center;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 22px;
}

    .shopping-cart-ut p {
        font-size: 32px;
        line-height: 28px;
        font-family: 'buDrakonit1_2700Bold';
        margin: 0;
        text-align: center;
    }

.cart_footer {
    padding: 32px 44px;
    background-color: #F8F8F8;
    border-radius: 0 0 0 20px;
}

.beyond_payment {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 15px;
    background-color: rgba(245, 88, 33, 0.30);
    border-radius: 30px;
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    text-align: center;
}

    .beyond_payment.visible {
        background-color: rgba(245, 88, 33, 1);
    }

.cart_footer_top {
    padding-bottom: 23px;
}

    .cart_footer_top span {
        font-size: 16px;
        line-height: 24px;
        color: #484A4A;
        display: block;
    }

    .cart_footer_top strong {
        font-size: 20px;
        line-height: 24px;
        color: #222;
        display: block;
    }

        .cart_footer_top strong strong {
            padding-right: 5px;
            display: inline-block;
        }

@media only screen and (max-width:767px) {
    .cart_sidebar .close_nv {
        left: 18px;
        top: 14px;
    }

    .cart_sidebar {
        width: 100%;
        border-radius: 0;
    }

    .cart_title {
        padding: 18px 15px 0 15px;
    }

    .cart_footer {
        padding: 28px 15px;
        background-color: #F8F8F8;
        border-radius: 0;
    }

    .cart_sidebar {
        right: -800px;
    }

    .cart_items_vh {
        height: 72vh;
        overflow: auto;
    }
}

.cart_items {
    padding: 26px 0 0 0;
}



    .cart_item_vr {
        padding: 15px 30px 15px 35px;
        border-radius: 17px;
        border: 1px solid rgba(0, 0, 0, 0.08);
        margin-bottom: 17px;
    }

.name_price {
    gap: 20px;
}

.cart_item_vr h5 {
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    color: #222222;
    margin-bottom: 0;
}

.discount_tr {
    padding-top: 25px;
    padding-bottom: 10px;
}

.discount_tr {
    align-items: center;
    padding-left: 16px;
}

    .discount_tr h5 {
        font-size: 16px;
        line-height: 20px;
        display: block;
        color: rgba(34, 34, 34, 1);
        margin: 0;
        padding: 0;
    }

    .discount_tr span {
        font-size: 20px;
        line-height: 26px;
        display: block;
        text-decoration: line-through;
        color: rgba(34, 34, 34, 0.5);
    }

    .name_price strong a,
    .cart_item_vr h5 a {
        color: #222222;
    }

.name_price {
    padding-bottom: 3px;
}

    .name_price strong {
        font-size: 16px;
        line-height: 24px;
        font-weight: 400;
        display: block;
        color: #222222;
    }

        .name_price strong.price {
            text-overflow: ellipsis;
            white-space: nowrap;
            font-weight: 700;
        }

.item_delete {
    gap: 12px;
}

    .item_delete span {
        display: block;
        font-size: 14px;
        line-height: 18px;
        color: #909090;
    }

    .item_delete .cart_del {
        font-size: 14px;
        line-height: 18px;
        color: #222;
        display: inline-block;
        padding-right: 17px;
        background: url('../image/login/del.svg') no-repeat right center;
    }

@media only screen and (max-width:767px) {
    .cart_item_vr {
        margin-bottom: 12px;
    }
}

@media only screen and (max-height:414px) {
    .cart_items_vh {
        height: 50vh;
    }
}

.cart_container {
    width: 100%;
    flex-flow: row-reverse;
    position: relative;
    z-index: 2;
}

.cart_content_left {
    width: 36.11%;
    /*   background-color: rgba(217, 217, 217, 0.5); */
    padding: 84px 38px 0 38px;
    /*   border-right: 1px solid #d9d9d9; */
    display: flex;
    justify-content: flex-start;
}

.cart-page::after {
    content: '';
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1;
    width: 36.11%;
    height: 100%;
    background-color: rgba(217, 217, 217, 0.5);
    border-right: 1px solid #d9d9d9;
}

.cart_content_right {
    width: 63.89%;
    background-color: #fff;
    padding: 25px 38px 0 94px;
    display: flex;
    justify-content: flex-end;
}

.cart_logo {
    padding-bottom: 20px;
}

.cart_content_rt {
    width: 686px;
}

.cart_content_max {
    width: 330px;
}

    .cart_content_max .cart_item_vr {
        padding: 12px 0 12px 16px;
        border: none;
        border-bottom: 1px solid #D9D9D9;
        border-radius: 0;
        margin-bottom: 5px;
    }

    .cart_content_max h3 {
        font-size: 32px;
        line-height: 28px;
        font-family: 'buDrakonit1_2700Bold';
        margin: 0;
        padding-bottom: 10px;
        color: #222;
    }

    .cart_content_max .cart_item_vr h5 {
        font-size: 16px;
    }

    .cart_content_max .name_price .f-400 {
        font-weight: 400;
    }

.cart_content_left .cart_footer_top strong {
    /*     font-size: 16px; */
}

.cart_content_left .cart_footer_top {
    padding-bottom: 0;
    padding-top: 30px;
    padding-left: 16px;
}

.cart_content_rt h2 {
    font-size: 52px;
    line-height: 46px;
    font-family: 'buDrakonit1_2700Bold';
    color: #222;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 30px;
}

.cart_content_max {
    max-width: 613px;
    width: 100%;
    float: left;
}

.cart_toggle_item {
    border-radius: 17px;
    border: 1px solid #D9D9D9;
    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.1);
    margin-bottom: 23px;
}

    .cart_toggle_item h4 {
        display: flex;
        align-items: center;
        margin: 0;
        font-size: 32px;
        line-height: 28px;
        font-family: 'buDrakonit1_2700Bold';
        padding: 26px 20px;
        position: relative;
        cursor: pointer;
    }

    .cart_toggle_item.active h4 {
        background-color: #FEEFE9;
        border-radius: 17px 17px 0 0;
    }

    .cart_toggle_item h4::after {
        content: '';
        width: 33px;
        height: 28px;
        background: url('../image/arrow_down25.svg') no-repeat center;
        position: absolute;
        left: 20px;
        top: 50%;
        margin-top: -14px;
        z-index: 2;
    }

    .cart_toggle_item.active h4::after {
        transform: rotate(-180deg);
    }

.cart_toggle_view {
    display: none
}

.cart_toggle_item.active {
    display: block;
   
}
.cart_toggle_view_coupon {
    width: 326px;
}

.cart_tgl_icon {
    width: 31px;
    padding-left: 7px;
}

.cart_toggle_view .login_field {
    padding-bottom: 10px;
}

.cart_toggle_view form {
    max-width: 326px;
}

.cart_toggle_item2 form {
    max-width: 382px;
}

.cart_toggle_item2 .form_submit_wrap {
    padding-bottom: 0
}

.cart_toggle_view {
    padding: 14px 22px 30px 30px;
}

.already_subscribed_item a {
    display: inline-block;
    font-size: 16px;
    color: #222;
    text-decoration: underline;
}

.already_subscribed_item {
    padding: 0 20px 20px;
    margin-top: -15px;
}

.cart_toggle_view .already_subscribed_item {
    display: block !important;
    margin: 0;
    padding-right: 0;
    padding-bottom: 15px;
}

.active .none_step2 {
    display: none
}

.only-mobile-view, .only-mobile-view-inline-view {
    display: none;
}

.coupon_successful {
    margin-top: -5px;
}

    .coupon_successful span {
        display: inline-block;
        font-size: 20px;
        line-height: 22px;
        color: #06BD70;
        padding-right: 21px;
        font-weight: 700;
        background: url('../image/in-ok.svg') no-repeat right 3px;
        background-size: 18px auto;
    }

@media only screen and (max-width:991px) {


    .add_phone_order {
        margin-bottom: 15px;
        text-align: center;
        height: auto;
        min-height: 144px;
    }

        .add_phone_order > img {
            vertical-align: initial;
            margin: auto;
            padding-top: 10px;
            display: block;
        }

        .add_phone_order a {
            float: none;
            display: block;
            margin: auto;
            margin-top: 7px;
            padding-top: 3px;
        }

    .cart_toggle_view_coupon {
        width: 100%;
    }

    .only-mobile-view.cart_footer_top {
        width: 100%;
        max-width: unset;
        display: table;
    }

        .only-mobile-view.cart_footer_top strong {
            width: 50%;
            display: table-cell;
        }

            .only-mobile-view.cart_footer_top strong:last-child {
                text-align: left;
            }

    .only-mobile-view {
        display: block;
    }

    .only-mobile-view-inline-view {
        display: inline-block !important;
       
    }
    
    .mobile-underline {
     text-decoration:underline
    }


    .watch_chapter_mobile_view {
        margin-right: 20px;
    }

    .cart_footer_top > strong > span {
        font-weight: normal;
        display: inline;
        margin-left: 10px;
    }
    
    #cart_page_items, .cart_footer_top {
    max-width:unset;
    }

    .only-desktop-view {
        display: none;
    }

    .cart_container {
        flex-direction: column;
    }

    .cart_logo {
        max-width: 97px;
        margin: 0 auto;
    }

    .cart_content_max {
        max-width: 100%;
        float: none;
    }

    .cart-page::after {
        display: none;
    }

    .cart_content_left {
        width: 100%;
        padding: 20px 20px 0 20px;
        border: none;
        background-color: rgba(217, 217, 217, 0.5);
        border-bottom: 1px solid #d9d9d9;
        display: block;
        height: auto;
    }

    .cart_content_right {
        width: 100%;
        padding: 50px 20px 0 20px;
        display: block;
    }

    .cart_content_rt {
        width: 100%;
    }

    .cart_toggle_item2 form,
    .cart_toggle_view form {
        max-width: 100%;
    }

    .cart_toggle_view {
        padding: 14px 20px 10px 20px;
    }

    .cart_content_left .cart_footer_top {
        padding-top: 15px;
    }

    .cart_items_wur {
        padding-top: 0
    }
}

.hide_cart {
    position: relative;
    width: 100%;
    justify-content: center;
    margin-top: 20px;
    display: none;
    margin-bottom: -16px;
}

    .hide_cart::after {
        content: '';
        width: 100%;
        height: 1px;
        background-color: #ccc;
        position: absolute;
        left: 0;
        top: 16px;
        z-index: 2;
    }

    .hide_cart span {
        display: flex;
        align-items: center;
        padding: 5px 10px 5px 30px;
        height: 32px;
        border-radius: 16px;
        font-size: 14px;
        color: #F55821;
        background: url('../image/up_arrow1.svg') no-repeat left 10px center;
        background-color: #fff;
        position: relative;
        z-index: 3;
        cursor: pointer;
        box-shadow: 0px 11px 14px 0px rgba(0, 0, 0, 0.1);
    }

    .hide_cart.active span {
        background: url('../image/up_arrow2.svg') no-repeat left 10px center;
        background-color: #fff;
    }

.user_loggedin h4 span {
    display: inline-block;
    background: url('/assets/image/in-ok.svg') no-repeat left 4px;
    padding-left: 34px;
}

@media only screen and (max-width:991px) {
    .cart_items_wur {
        display: none;
    }

    .hide_cart {
        display: flex;
    }

    .cart_content_max h3 {
        display: none
    }
}


.cart_success_area {
    padding: 25px 20px 50px 20px;
    max-width: 1240px;
    margin: 0 auto;
}

    .cart_success_area .cart_logo {
        padding-bottom: 63px;
    }

    .cart_success_area .cart_content_max {
        max-width: 337px;
        margin: 0 auto;
        float: none;
    }

    .cart_success_area h4 {
        font-size: 14px;
        line-height: 18px;
        color: #222;
        margin-bottom: 6px;
        font-weight: 700;
    }

.cart_success_top h3 {
    text-align: center;
    display: block;
}

.cart_success_area .cart_items {
    padding: 20px 0 0 0;
    display: block;
}

.cart_success_icon img {
    margin: 0 auto;
    display: block;
    margin-bottom: 15px;
}

.cart_success_area .discount_tr {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0;
}

.cart_success_area .item_delete span {
    font-size: 12px;
}

.cart_footer_top {
    margin-bottom: 19px;
}

.cart_success_top h3 img {
    margin: 0 auto;
    display: block;
}

.cart_empty_icon {
    width: 290px;
    height: 203px;
    margin: 0 auto;
    background: url('../image/empty_Icon.svg') no-repeat center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 15px;
}

.cart_empty_box {
    padding: 190px 0 33px 0;
}

.cart_empty_icon span {
    font-size: 32px;
    line-height: 28px;
    color: #222;
    font-family: 'buDrakonit1_2700Bold';
    display: block;
    text-align: center;
}

@media only screen and (max-width:767px) {

    .course_page div.university_info_right {
        margin-top: -20px;
    }

        .course_page div.university_info_right div.small_icon_and_text {
            justify-content: right;
        }
    .course_page div.university_info_box {
       padding-bottom:0px;
    }
    
    .course_page div.university_info_right h4 {
        font-size: 41px;
        line-height: 39px;
    }
    .cart_empty_box {
        padding: 115px 0 30px 0;
    }

    .cart_empty_mb .cart_logo {
        padding-bottom: 120px;
    }
}


.user_setting_area .university_logo_info_left p {
    padding: 0;
}

.user_setting_area .university_info_logo {
    min-width: 87px;
    width: 87px;
    height: 87px;
    padding: 10px;
}

.user_setting_area .university_info_right {
    gap: 15px;
    width: 100%;
    flex-direction: row;
}

.user_setting_area .breadcrumbs_area {
    padding-bottom: 33px;
}

.user_setting_area .university_info_box {
    padding-bottom: 40px;
}

.user_setting_area .university_logo_info_left h4 {
    padding-bottom: 0;
}

.user_setting_wrap {
    padding: 15px 0 38px 0;
}

.user_setting_tabs {
    border-bottom: 1px solid #D9D9D9;
}

.user_setting_tab ul li a {
    padding: 10px 24px;
    height: 55px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #222;
    position: relative;
    font-size: 14px;
}

.user_setting_tab ul li.active a {
    font-weight: 700;
}

    .user_setting_tab ul li.active a::after {
        content: '';
        width: 100%;
        height: 2px;
        background-color: #f55821;
        position: absolute;
        right: 0;
        bottom: -1px;
        z-index: 2;
    }

.user_setting_info {
    margin-bottom: 40px;
}

.user_setting_box {
    padding: 37px 0 0 0;
}

.user_setting_box_atx {
    padding: 0 20px;
}

.user_setting_info {
    border-radius: 17px;
    border: 1px solid #D9D9D9;
    padding: 32px;
}

.personal_settings {
    max-width: 340px;
    padding-bottom: 40px;
}

    .purchase_history_area h3,
    .personal_settings h3 {
        font-size: 32px;
        line-height: 28px;
        font-family: 'buDrakonit1_2700Bold';
        color: #222;
        margin: 0;
    }

    .personal_settings p {
        font-size: 14px;
        line-height: 20px;
        color: rgba(34, 34, 34, 0.7);
        margin: 0;
        padding: 0;
    }

.max-328 {
    max-width: 328px;
}

.max-413 {
    max-width: 413px;
}

.max-328 .form_submit_wrap {
    max-width: 280px;
}

.max-413 .form_submit_wrap {
    max-width: 280px;
}

.not_possible_mg {
    padding-top: 3px;
}

    .not_possible_mg span {
        font-size: 14px;
        line-height: 20px;
        color: rgba(34, 34, 34, 0.7);
        display: block;
    }

.not_possible_change .readonly {
    background-color: rgba(243, 244, 246, 1);
    pointer-events: auto !important;
    cursor: not-allowed !important;
}

.purchase_history_area {
    max-width: 856px;
}

    .purchase_history_area h3 {
        padding-bottom: 37px;
    }

.purchase_history_row {
    border-radius: 14px;
    border: 1px solid #D9D9D9;
    padding: 16px;
    margin-bottom: 16px;
    gap: 10px;
}

.purchase_history_col strong {
    display: block;
    color: #222;
    font-size: 16px;
    line-height: 18px;
    font-weight: 400;
}

.purchase_history_col p {
    color: rgba(34, 34, 34, 0.7);
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    margin: 0;
}

.purchase_history_col .active_item {
    display: block;
    font-size: 14px;
    line-height: 24px;
    color: #222;
    padding-right: 20px;
    margin-right: 18px;
    background: url('../image/icon26.svg') no-repeat right center;
}

.repurchase_btn a {
    width: 100%;
    min-width: 117px;
    height: 38px;
    border-radius: 40px;
    font-size: 14px;
    color: #222;
    border: 1px solid #D9D9D9;
    padding: 5px 7px;
    font-weight: 700;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.active_item_col .not_valid_item {
    width: 88px;
    min-width: 88px;
    height: 26px;
    border-radius: 30px;
    font-size: 14px;
    color: #909090;
    padding: 4px;
    background-color: #F1F1F1;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.purchase_history_col:nth-child(1) {
    width: 408px;
}

.purchase_history_col:nth-child(2) {
    width: 280px;
}

.purchase_history_col:nth-child(3) {
    width: 117px;
}

.active_item_col {
    width: 193px;
}

.valid_until {
    width: 86px;
}

.purchase_history_empty {
    height: 210px;
    justify-content: center;
}

    .purchase_history_empty span {
        display: block;
        font-size: 32px;
        line-height: 1;
        color: rgba(0, 0, 0, 0.3);
        font-family: 'buDrakonit1_2700Bold';
    }

.purchase_balance_info .purchase_history_row {
    padding: 32px 24px;
    margin-bottom: 32px;
}

    .mailbox_content h2,
    .purchase_balance_info .purchase_history_row h3 {
        font-size: 32px;
        line-height: 28px;
        color: #222;
        font-family: 'buDrakonit1_2700Bold';
        margin-bottom: 0;
        padding-bottom: 20px;
    }



@media only screen and (max-width:767px) {
    .user_setting_area .breadcrumbs_area {
        padding-bottom: 20px;
    }

    .user_setting_area .university_info_box {
        padding-bottom: 30px;
    }

    .user_setting_tab ul li a {
        padding: 10px 12px;
    }

    .user_setting_box {
        padding: 30px 0 0 0;
    }

    .user_setting_info {
        padding: 30px 20px;
    }

    .user_setting_info {
        margin-bottom: 30px;
    }

    .purchase_history_col:nth-child(1) {
        width: 100%;
    }

    .purchase_history_col:nth-child(2) {
        width: 100%;
    }

    .purchase_history_col:nth-child(3) {
        width: 100%;
    }

    .purchase_history_row {
        flex-direction: column;
    }

    .valid_until {
        width: auto;
        gap: 5px;
        display: flex;
        flex-wrap: nowrap
    }

    .purchase_history_row {
        gap: 15px;
    }

    .purchase_history_area h3 {
        padding-bottom: 30px;
    }

    .active_item_col {
        width: auto;
    }

    .purchase_history_col .active_item {
        margin-right: 0;
    }

    .purchase_history_empty {
        height: 300px;
    }

    .purchase_balance_info .purchase_history_row {
        padding: 26px 20px;
        margin-bottom: 20px;
    }
}

.mailbox_container {
    padding: 0 20px;
}

.mailbox_content {
    padding: 20px 0 30px 0;
}

    .mailbox_content h2 {
        font-size: 52px;
        line-height: 1;
        padding-bottom: 40px;
    }

.mailbox_table {
}

.mailbox_table_tr {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    padding: 0 60px;
    align-items: center;
    margin-bottom: 2px;
}

.mailbox_table_td:nth-child(1) {
    width: 940px
}

.mailbox_table_td:nth-child(2) {
    width: 112px;
    min-width: 112px;
}

.mailbox_table_td:nth-child(3) {
    width: 44px;
    min-width: 44px;
    text-align: center;
}

.mailbox_table_main .mailbox_table_tr {
    padding: 19px 60px;
}

.mailbox_table_tr.highlight {
    background-color: rgba(254, 238, 233, 1);
}

.mailbox_table_td span {
    display: block;
    font-size: 14px;
    line-height: 19px;
    color: rgba(34, 34, 34, 0.7);
}

.mailbox_table_main {
    margin-top: 5px
}

    .mailbox_table_main .mailbox_table_td span,
    .mailbox_table_td span a {
        color: rgba(34, 34, 34, 1);
    }

        .mailbox_table_td span a:hover {
            text-decoration: underline;
        }

.mailbox_table_main {
    border-radius: 17px;
    border: 1px solid #D9D9D9;
    padding: 30px 0 28px 0;
}

    .mailbox_table_main .trash_btn {
        display: inline-block;
    }

        .mailbox_table_main .trash_btn img {
            margin: 0 auto;
        }

.highlight .mailbox_table_td:nth-child(1) {
    font-weight: 700
}

.mailbox_popup_area {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 40px 20px;
    display: none;
}

.mailbox_popup_mid {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mailbox_popup {
    width: 100%;
    max-width: 655px;
    background-color: #fff;
    border-radius: 17px;
    padding: 40px 24px 30px 24px;
    position: relative;
    margin: 0 auto;
}

    .mailbox_popup .mailbox_table_tr {
        padding: 0 0 25px 0;
    }

        .mailbox_popup .mailbox_table_tr span {
            line-height: 28px;
            font-size: 16px;
        }

    .mailbox_popup .mailbox_table_td:nth-child(1) span {
        font-weight: 700
    }

        .mailbox_popup .mailbox_table_td:nth-child(1) span a {
            text-decoration: underline;
        }

    .mailbox_popup p {
        font-size: 16px;
        line-height: 28px;
        color: #222;
        padding: 0 0 0 10px;
        margin: 0;
    }
#inbox_counter {
    position: relative;
}



@media only screen and (max-width:767px) {
    .odv {
        display: none
    }

    .mailbox_content h2 {
        font-size: 32px;
        line-height: 28px;
        padding-bottom: 25px;
        text-align: center;
    }

    .mailbox_table_main {
        padding: 14px 10px;
    }

        .mailbox_table_main .mailbox_table_tr,
        .mailbox_table_tr {
            padding: 5px 10px 5px 50px;
            flex-direction: column;
        }

    .mailbox_table_td:nth-child(1) {
        width: 100%
    }

    .mailbox_table_td:nth-child(2) {
        width: 100%
    }

    .mailbox_table_td:nth-child(3) {
        width: 44px;
    }

    .mailbox_table_main .mailbox_table_tr {
        position: relative
    }

    .mailbox_table_td:nth-child(3) {
        position: absolute;
        left: 0;
        top: 50%;
        z-index: 2;
        margin-top: -14px;
    }

    .mailbox_table_td span a,
    .mailbox_table_td span {
        line-height: 24px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .mailbox_popup .mailbox_table_tr {
        padding: 0 0 20px 0;
    }

    .mailbox_popup p {
        padding-left: 0
    }
}

.balance_table table {
    border-collapse: collapse;
    width: 100%;
    max-width: 873px;
}

    .balance_table table td,
    .balance_table table th {
        border: 1px solid #D9D9D9;
        padding: 3px 5px;
        font-size: 12px;
    }

    .balance_table table .table_total_bg {
        background-color: #DFF0D8;
    }

.discount_tr {
    padding-top: 25px;
    padding-bottom: 10px;
}

.discount_tr {
    align-items: center;
    padding-left: 16px;
}

    .discount_tr h5 {
        font-size: 16px;
        line-height: 20px;
        display: block;
        color: rgba(34, 34, 34, 1);
        margin: 0;
        padding: 0;
    }

    .discount_tr span {
        font-size: 20px;
        line-height: 26px;
        display: block;
        text-decoration: line-through;
        color: rgba(34, 34, 34, 0.5);
    }

.cart_success_area {
    padding: 25px 20px 50px 20px;
    max-width: 1240px;
    margin: 0 auto;
}

    .cart_success_area .cart_logo {
        padding-bottom: 63px;
    }

    .cart_success_area .cart_content_max {
        max-width: 337px;
        margin: 0 auto;
        float: none;
    }

    .cart_success_area h4 {
        font-size: 14px;
        line-height: 18px;
        color: #222;
        margin-bottom: 6px;
        font-weight: 700;
    }

.cart_success_top h3 {
    text-align: center;
    display: block;
}

.cart_success_area .cart_items {
    padding: 20px 0 0 0;
    display: block;
}

.cart_success_icon img {
    margin: 0 auto;
    display: block;
    margin-bottom: 15px;
}

.cart_success_area .discount_tr {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0;
}

.cart_success_area .item_delete span {
    font-size: 12px;
}

.cart_footer_top {
    margin-bottom: 19px;
}

.cart_success_top h3 img {
    margin: 0 auto;
    display: block;
}

.cart_empty_icon {
    width: 290px;
    height: 203px;
    margin: 0 auto;
    background: url('../image/empty_Icon.svg') no-repeat center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 15px;
}

.cart_empty_box {
    padding: 190px 0 33px 0;
}

.cart_empty_icon span {
    font-size: 32px;
    line-height: 28px;
    color: #222;
    font-family: 'buDrakonit1_2700Bold';
    display: block;
    text-align: center;
}

@media only screen and (max-width:767px) {
    .cart_empty_box {
        padding: 115px 0 30px 0;
    }

    .cart_empty_mb .cart_logo {
        padding-bottom: 120px;
    }
}


.balance_table table {
    border-collapse: collapse;
    width: 100%;
    max-width: 873px;
}

    .balance_table table td,
    .balance_table table th {
        border: 1px solid #D9D9D9;
        padding: 3px 5px;
        font-size: 12px;
    }

    .balance_table table .table_total_bg {
        background-color: #DFF0D8;
    }

/* ---------About---------- */
.about_banner_area {
    position: relative;
    width: 100%;
}

    .about_banner_area img {
        width: 100%;
    }

.about_banner_info_area {
    padding: 17px 20px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
}

.about_banner_info .breadcrumbs_area ul li.home_icon > a {
    background: url(../image/icon_home_w.svg) no-repeat center;
}

.about_banner_info .breadcrumbs_area ul li {
    background: url(../image/arrow_left_f.svg) no-repeat right center;
}

    .about_banner_info .breadcrumbs_area ul li a {
        color: #fff;
    }

.about_banner_info h1 {
    font-size: 52px;
    line-height: 51px;
    color: #fff;
    font-family: 'buDrakonit1_2700Bold';
    font-weight: 400;
}

.about_main_content {
    padding: 0 20px;
}

.about_main_box {
    padding: 40px 0;
    max-width: 965px;
}

.about_box_top {
    padding-bottom: 90px;
}

.about_box_right {
    width: 320px;
}

    .about_box_right h2 {
        font-size: 44px;
        line-height: 40px;
        color: #222;
        margin-bottom: 20px;
        font-family: 'buDrakonit1_2700Bold';
        font-weight: 400;
    }

    .about_box_right p {
        font-size: 26px;
        line-height: 32px;
        color: #222;
        margin-bottom: 20px;
        font-family: 'buDrakonit1_2700Bold';
        max-width: 250px;
    }

.about_box_left {
    width: 643px;
}

.about_col_info {
}

.about_small_pic {
    width: 160px;
    min-width: 160px;
}

    .about_small_pic img {
        max-width: 121px;
        border-radius: 50%;
    }

.online_studies_right h6,
.online_studies_right p,
.about_small_left h6,
.about_small_left p {
    font-size: 16px;
    line-height: 28px;
    color: #222;
    margin-bottom: 0;
}

.about_small_left p {
    padding-bottom: 25px;
}

.online_studies_area {
    gap: 70px;
    justify-content: space-between;
    flex-flow: row-reverse;
    padding-bottom: 80px;
}

.online_studies_photo {
    width: 390px;
}

.online_studies_right {
    width: 501px;
}

    .lecturer_main_box h2,
    .our_team_holder h3,
    .our_customer_box h3,
    .subscribing_site_box h3,
    .online_studies_right h3 {
        font-size: 44px;
        line-height: 40px;
        color: #222;
        margin-bottom: 20px;
        font-family: 'buDrakonit1_2700Bold';
        font-weight: 400;
    }

    .online_studies_right p {
        padding-bottom: 20px;
    }

        .online_studies_right p a {
            color: #222;
            text-decoration: underline;
        }

.about_content_banner .subscription-bg {
    background: #00A6A6 url('/assets/image/left_bg1.png') no-repeat left center;
}

.subscribing_site_area {
    padding: 0 20px;
}

.subscribing_site_box {
    padding: 118px 0 60px 0;
    max-width: 965px;
}

.subscribing_site_wrap {
    gap: 45px;
    padding: 20px 0 0 0;
}

.subscribing_site_col {
    width: calc(calc(100% - 90px) / 3);
}

    .subscribing_site_col h4 {
        font-size: 26px;
        line-height: 23px;
        color: #222;
        margin-bottom: 10px;
        font-family: 'buDrakonit1_2700Bold';
    }

    .subscribing_site_col p {
        font-size: 16px;
        line-height: 28px;
        color: #222;
        margin-bottom: 5px;
    }

.our_customer_area {
    padding: 0 20px;
}

.our_customer_box {
    max-width: 1170px;
    padding: 40px 0 15px 0;
}

.our_customer_title {
    max-width: 965px;
    margin: 0 auto;
}

.our_customer_box h3 {
    padding-bottom: 25px;
}

.client_logo_box {
    gap: 57px;
    padding-bottom: 50px;
}

.ab_client_logo img {
    max-height: 44px;
  /*  opacity: 0.40;*/
}

.our_customer_title p {
    font-size: 16px;
    line-height: 28px;
    color: #222;
    margin-bottom: 20px;
}

    .our_customer_title p a {
        color: #00A6A6;
        font-weight: 700;
        text-decoration: underline;
    }

.out_team_area {
    padding: 0 20px;
}

.our_team_holder {
    max-width: 965px;
    padding: 90px 0 30px 0;
}

    .our_team_holder h3 {
        margin-bottom: 45px;
    }

.our_team_wrap {
    gap: 45px;
}

.team_col {
    width: calc(calc(100% - 90px) / 3);
}

    .team_col img {
        max-width: 132px;
        margin: 0 auto;
        border-radius: 50%;
        display: block;
        margin-bottom: 10px;
    }

    .team_col strong {
        display: block;
        font-size: 26px;
        line-height: 23px;
        color: #222;
        text-align: center;
        font-family: 'buDrakonit1_2700Bold';
    }

    .team_col span {
        display: block;
        font-size: 16px;
        line-height: 28px;
        color: #222;
        text-align: center;
    }

@media only screen and (max-width:991px) {

    .subscription-area.about_content_banner {
        display:none;
    }


    .about_banner_area img {
        height: 220px;
        object-fit: cover;
    }

    .about_banner_info h1 {
        font-size: 32px;
        line-height: 1.2;
        text-align: center;
        margin-top: 40px;
    }

    .about_box_top {
        flex-direction: column;
    }

    .about_box_right {
        width: 100%;
        text-align: center;
    }

        .about_box_right p,
        .about_box_right h2 {
            max-width: 100%;
        }

    .about_box_left {
        width: 100%;
    }

    .about_col_info {
        flex-direction: column;
    }

    .about_small_pic {
        width: 121px;
        min-width: 121px;
        margin: 0 auto;
        padding-bottom: 5px;
    }

    .about_small_left p {
        padding-bottom: 10px;
    }

    .about_small_left {
        text-align: center;
    }

    .online_studies_photo {
        width: 100%;
        padding-bottom: 25px;
    }

    .online_studies_area {
        flex-direction: column;
        padding-bottom: 0;
    }

    .online_studies_right {
        width: 100%;
    }

        .online_studies_right h3 {
            text-align: center;
            padding-bottom: 10px;
        }

    .online_studies_photo img {
        margin: 0 auto;
    }

    .subscribing_site_box {
        padding: 20px 0 30px 0;
    }

        .subscribing_site_box h3 {
            text-align: center;
        }

    .subscribing_site_wrap {
        gap: 20px;
        flex-direction: column;
    }

    .subscribing_site_col {
        width: 100%;
        text-align: center;
    }

    .our_customer_title h3 {
        text-align: center;
    }

    .client_logo_box {
        flex-wrap: wrap !important;
        justify-content: center;
        gap: 25px 40px;
    }

    .ab_client_logo img {
        opacity: 1;
    }

    .our_customer_title {
        text-align: center;
    }

    .our_team_holder {
        padding: 70px 0 0 0;
    }

    .our_team_wrap {
        gap: 25px;
        flex-direction: column;
    }

    .our_team_holder h3 {
        text-align: center;
    }

    .team_col {
        width: 100%;
    }
}

.white-bg {
    background-color: #fff;
}

.space-top40 {
    height: 40px;
}

.faq_area2 .faq_content {
    padding-bottom: 55px;
}
.mobileheaderfix.university_info_right {
    margin-top: 0px;
}

.faq_area2 .faq_content h3 {
    padding-bottom: 15px;
}

.lecturer_main_content {
    padding: 0 20px;
}

.lecturer_main_box {
    max-width: 965px;
    padding: 50px 0 40px 0;
}

    .lecturer_main_box h2 {
        padding-bottom: 45px;
        margin-bottom: 0;
    }

.lecturer_col {
    padding-bottom: 45px;
}

    .lecturer_col .about_col_info {
        gap: 25px;
        align-items: center;
    }

    .lecturer_col .about_small_pic {
        width: 132px;
        min-width: 132px;
        padding-bottom: 0;
    }

        .lecturer_col .about_small_pic img {
            max-width: 100%;
            max-height:132px;
        }

    .lecturer_col .about_col_info h6 {
        display: block;
        font-size: 26px;
        line-height: 23px;
        color: #222;
        font-family: 'buDrakonit1_2700Bold';
        margin-bottom: 0;
    }

    .lecturer_col .about_col_info span {
        display: block;
        color: #F55821;
        font-size: 16px;
        line-height: 28px;
    }

    .lecturer_col .about_small_left {
        width: 100%;
    }

        .lecturer_col .about_small_left p {
            padding-bottom: 0;
        }

@media only screen and (max-width:991px) {
    .lecturer_main_box h2 {
        text-align: center;
    }
}

.students_review .about-height {
    height: auto;
    overflow: inherit;
}

    .students_review .about-height::after {
        display: none;
    }

.our-newsletter-area2 {
    padding-top: 50px;
}

.students_review {
    padding-bottom: 100px;
    padding-top: 55px;
}

@media only screen and (max-width:991px) {
    .students_review .about-us-cardbox {
        flex-direction: column;
        gap: 24px;
    }

    .students_review .card-col {
        width: 100%;
    }

    .students_review .card-sigle-item strong {
        text-align: center;
    }

    .students_review .card-photo {
        margin: 0 auto;
    }

    .students_review .about-height {
        padding: 0;
    }

    .students_review .card-sigle-item {
        margin: 0;
    }

    .students_review {
        padding-bottom: 0;
    }
}

.trial_lessons_area {
    padding: 0 20px;
    margin-top: -50px;
}
    .trial_lessons_area div.lessons_col {
        cursor: pointer;
    }
#videoLessons_container div.minAreainner_full {
    height: 90%;
}
#videoLessons_container div.minAreainner_full_box, #videoLessons_container div.minAreainner_full_box div.mainArea, #videoLessons_container div.minAreainner_full_box div.mainArea div.vidoe-popup-wrap {
    height: 100%;
}
#videoLessons_container_iframe {
    width: 100%;
    height: 100%;
}

.trial_lessons_wrap {
    max-width: 965px;
    padding: 0 0 50px;
    gap: 15px;
}

.lessons_col {
    width: calc(calc(100% - 60px) / 5);
    height: 215px;
    border-radius: 17px;
    border: 1px solid #D9D9D9;
    padding: 58px 20px 20px;
    background-color: #fff;
}

    .lessons_col:hover {
        background-color: #F55821;
        box-shadow: 0px 11px 14px 0px rgba(245, 88, 33, 0.3);
    }

    .lessons_col .study_groups_icon {
    }

    .lessons_col .study_groups_icon {
        margin: 0 auto;
        padding-bottom: 22px;
    }

        .lessons_col .study_groups_icon img {
            margin: 0 auto;
            display: block;
        }

    .lessons_col strong {
        display: block;
        color: #222;
        font-family: 'buDrakonit1_2700Bold';
        font-size: 26px;
        line-height: 24px;
        text-align: center;
        font-weight: 400;
    }

    .lessons_col:hover > strong {
        color: #fff;
    }

    .lessons_col:hover > .study_groups_icon img {
        opacity: 1;
    }

.user_setting_area2 .university_info_box {
    padding-bottom: 100px;
}


@media only screen and (max-width:991px) {
    .trial_lessons_area {
        padding: 0 20px;
        margin-top: 0;
    }
    .paddibg-btn {
    margin-bottom:30px;
    }

    .trial_lessons_wrap {
        padding: 25px 0 25px;
    }
    
    .university_info_box {
    padding-top:0px;
    }

    .user_setting_area2 .university_info_box {
        padding-bottom: 50px;
    }

    .lessons_col {
        width: calc(calc(100% - 30px) / 3);
    }

        .lessons_col .study_groups_icon {
            display: block;
        }
}

@media only screen and (max-width:767px) {
    .lessons_col {
        width: calc(calc(100% - 15px) / 2);
        padding: 44px 20px 20px;
        height: 190px;
    }
}

.terms_of_use_area {
    padding: 0 20px;
}

.terms_of_use_wrap {
    padding: 20px 0 60px 0;
}

    .terms_of_use_wrap h1 {
        font-size: 52px;
        line-height: 46px;
        color: #222;
        font-family: 'buDrakonit1_2700Bold';
        margin-bottom: 0;
        font-weight: 400;
    }

        .terms_of_use_wrap h1 span {
            font-size: 26px;
            line-height: 28px;
            display: inline-block;
            color: #909090;
            font-family: "Assistant", sans-serif;
        }

.terms_main_content {
    padding: 40px 0 0 0;
}

.terms_right {
    width: 305px;
    min-width: 305px;
    padding-left: 30px;
}

    .terms_right h5 {
        font-size: 18px;
        line-height: 28px;
        color: #222222;
        margin-bottom: 5px;
        font-weight: 700;
    }

.terms_left {
    width: 100%;
    max-width: 695px;
}

    .terms_left ul li,
    .terms_left p {
        font-size: 18px;
        line-height: 28px;
        color: #222222;
        margin-bottom: 0;
        padding-bottom: 21px;
    }

        .terms_left ul li a,
        .terms_left p a {
            display:inline-block;
            font-weight: 700;
            color: #00A6A6;
            word-break: break-all;
        }

.content_red_box {
    background-color: #FEEEE9;
    padding: 16px 16px 0;
    border-radius: 8px;
    margin-bottom: 24px;
}

.terms_left ul li,
.terms_left ul {
    list-style-type: disc;
    padding-bottom: 0;
}

.terms_left ul {
    padding: 0 20px 20px 0;
}

@media only screen and (max-width:991px) {
    .terms_main_content {
        padding: 20px 0 0 0;
        flex-direction: column;
    }

    .terms_of_use_wrap {
        padding: 20px 0 20px 0;
    }

    .terms_right {
        width: 100%;
        min-width: 100%;
        padding-left: 0;
    }

    .terms_main_row {
        flex-direction: column;
    }

    .terms_left {
        width: 100%;
        max-width: 100%;
    }

    .terms_of_use_wrap h1 {
        text-align: center;
        font-size: 42px;
        line-height: 35px;
    }

        .terms_of_use_wrap h1 span {
            font-size: 16px;
            display: block;
        }

    .terms_left ul li,
    .terms_left p {
        font-size: 16px;
        line-height: 24px;
    }
}

.department_popup_area2 {
    padding: 0 20px;
}

.small_ads {
    padding: 45px;
    border-radius: 15px;
    background-color: rgba(217, 217, 217, 0.2);
    margin-bottom: 48px;
    padding-bottom: 0px;
    margin-top:30px;
}

.title_and_search_title p {
    font-size: 16px;
    color: #656565;
    margin-bottom: 0;
}

.title_and_search_left {
    gap: 11px;
}

    .title_and_search_left .study_groups_search {
        width: 198px;
    }

        .title_and_search_left .study_groups_search .form-control {
            height: 38px;
        }

        .title_and_search_left .study_groups_search .gp-search {
            left: 14px;
            height: 38px;
        }

.study_groups_search select {
    background: #fff url('../image/select_down1.svg') no-repeat left 14px center;
}

@media only screen and (min-width:992px) {
    .title_and_search_left .buy_now {
        width: 140px;
        height: 38px;
        border-radius: 20px;
        font-size: 16px;
    }
}

.course_new_section .title_and_search {
    margin-bottom: 20px;
}

.course_new_section .small_icon_and_text {
    /*padding-bottom: 16px;*/
}

.course_new_section .study_course_col .study_course_inner h6 {
    font-size: 24px;
    line-height: 19px;
    color: #222;
    margin: 0;
    padding-bottom: 8px;
    width: 43%;
    display: contents;
}

.mycoursebtn {
float:left;
}

.mycourse_subscriptionItem {
    display: contents !important;
    width: 100%;
}

.course_new_section .progress_bar_wrap {
    padding: 0;
    padding-left: 10px;
}

.course_new_section .study_course_inner .three_small_icon_wrap, .three_small_icon_wrap_course {
    padding-top: 0;
}

.mycoursesGroups, .mycoursesGroups ul,.mycoursesGroups_line {
    width: 100%;
}

.mycoursesGroups_item {
    width: 25%;
    float: right;
    background-image: url('/assets/image/new/arrow_left.svg');
    background-repeat: no-repeat;
    background-position: right;
}

    .mycoursesGroups_item a {
        color: rgba(34, 34, 34, 1);
        font-weight: 400;
        margin-right: 12px;
    }

        .mycoursesGroups_item a:hover {
            color: rgba(245, 88, 33, 1);
        }
.progress_bar_and_right .small_icon_col {
    padding-right: 20px;
    margin-right: 10px;
    position: relative;
}

    .progress_bar_and_right .small_icon_col::after {
        content: '';
        width: 1px;
        height: 16px;
        background-color: #D9D9D9;
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -8px;
        z-index: 1;
    }

    .progress_bar_and_right .small_icon_col span,
    .progress_bar_and_right .small_icon_col span a {
        color: #656565;
    }

        .progress_bar_and_right .small_icon_col span a {
            text-decoration: underline;
        }

.play_red_bg {
    padding: 13px 12px;
    border-radius: 12px;
    background-color: rgba(254, 238, 233, 0.5);
    margin-top: 22px;
}

    .play_red_bg span {
        font-size: 16px;
        line-height: 18px;
        color: #222;
        display: block;
        background: url('../image/play_new_icon.svg') no-repeat right center;
        padding-right: 20px;
    }

.course_new_section .study_course_col {
    margin-bottom: 16px;
}

    .course_new_section .study_course_col:hover {
        box-shadow: 0px 11px 18px 0px rgba(0, 0, 0, 0.10);
    }

.page_link_left {
    gap: 24px;
}

    .page_link_left .page_link {
        font-size: 14px;
        line-height: 18px;
        color: #222222;
        display: inline-block;
        font-weight: 700;
        text-decoration: underline;
    }

.popup_view_btn a {
    font-size: 14px;
    line-height: 18px;
    color: #F55821;
    display: inline-block;
    font-weight: 700;
    border-radius: 20px;
    padding: 10px 15px;
    border: 1px solid #F55821;
}

    .popup_view_btn a span {
        padding-left: 16px;
        background: url('../image/bg_line.svg') no-repeat left center;
    }

    .popup_view_btn a:hover {
        background-color: #F55821;
        color: #fff;
    }

        .popup_view_btn a:hover > span {
            background: url('../image/bg_line_hover.svg') no-repeat left center;
        }
.invalid_courses_title, .more_courses_title {
    cursor: pointer;
    margin:auto;
    text-align:center;
}
#invalid_courses_section {
    padding-left: 30px;
    padding-right: 0px;
}
.invalid_courses_title h3, .more_courses_title h3 {
    font-size: 27px;
    line-height: 28px;
    color: #222;
    margin-bottom: 0;
    font-weight: 400;
    display: inline-block;
    margin-top:20px;
}
.invalid_courses_title > span, .more_courses_title > span {
    vertical-align: super;
    margin-right: 18px;
}

.invalid_courses .small_icon_and_text img, .more_courses_title .small_icon_and_text img {
    filter: grayscale(100%);
}

.invalid_courses .progress_bar_bg {
    background-color: #969696;
}

.invalid_courses .progress_bar_wrap span {
    color: #969696;
}

.invalid_btn {
    display: inline-block;
    padding: 5px 18px;
    font-size: 14px;
    line-height: 18px;
    background-color: #F1F1F1;
    color: #656565;
    border-radius: 20px;
}

.invalid_courses .play_red_bg {
    filter: grayscale(100%);
}

.university_logo_info_left p a {
    color: rgba(34, 34, 34, 1);
}

@media only screen and (max-width:991px) {
    .progress_bar_and_info,
    .progress_bar_and_right {
        flex-direction: column;
        width: 100%;
        align-items: flex-start !important;
    }

    .title_and_search_left .study_groups_search {
        width: 156px;
    }

    .course_banner_area .university_info_right,
    .course_banner_area .university_info_col {
        flex-direction: row;
    }

    .course_banner_area .university_info_col {
        width: calc(calc(100% - 10px) / 2) !important;
    }



    .progress_bar_and_right .small_icon_col {
        padding-right: 10px;
        margin-right: 0;
    }

        .progress_bar_and_right .small_icon_col:nth-child(1) {
            padding-right: 0;
            margin-right: 0;
        }

            .progress_bar_and_right .small_icon_col:nth-child(1)::after {
                display: none;
            }

    .course_new_section .study_course_col .study_course_inner h6 {
        font-size: 18px;
        line-height: 18px;
    }

    .course_new_section .progress_bar_wrap {
        padding: 0 0 8px 0;
    }

    .course_new_section .study_course_inner {
        padding: 17px 10px 20px;
    }

    .play_red_bg {
        display: none;
    }

    .page_link_left {
        width: 100%;
        padding-top: 18px;
    }

        .page_link_left .page_link {
            display: none;
        }

    .popup_view_btn a,
    .popup_view_btn {
        width: 100%;
        text-align: center;
    }

    .progress_bar_and_right .small_icon_col .invalid_btn {
        display: inline-block !important;
        min-width: 88px;
    }

    .invalid_courses .progress_bar_and_right .small_icon_col:nth-child(1),
    .invalid_courses .progress_bar_and_right .small_icon_col:nth-child(2) {
        display: none !important;
    }

    .invalid_courses .progress_bar_and_right {
        flex-direction: row;
        align-items: center !important;
    }

    .invalid_courses .progress_bar {
        width: 130px;
    }

    .invalid_courses .progress_bar_wrap {
        padding-left: 10px;
        padding-bottom: 0;
    }

    .course_banner_area .university_info_box {
        padding-bottom: 30px;
    }

    .course_banner_area .university_info_holder {
        padding-bottom: 10px;
    }
}

.no_result_area {
    width: 100%;
    padding: 100px 0;
    flex-direction: column;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

    .no_result_area h4 {
        font-size: 32px;
        line-height: 28px;
        font-weight: 400;
        font-family: 'buDrakonit1_2700Bold';
        margin-bottom: 22px;
    }

    .no_result_area .course_btns {
        width: 136px;
        height: 38px;
        background-color: rgba(245, 88, 33, 1);
        color: #fff;
    }

        .no_result_area .course_btns:hover {
            background-color: #fff;
            color: rgba(245, 88, 33, 1);
        }

.upload_popup .department_popup_bg h3 {
    font-size: 54px;
    line-height: 32px;
    padding-bottom: 51px;
}

.upload_popup .department_popup_bg h4 {
    font-size: 24px;
    line-height: 21px;
    margin-bottom: 0;
    font-family: 'buDrakonit1_2700Bold';
    color: rgba(34, 34, 34, 0.7);
    text-align: center;
}

.upload_area {
    padding: 50px 0 0 0;
    
}

    .upload_area p {
        font-size: 16px;
        line-height: 24px;
        color: #222;
        margin-bottom: 15px;
        text-align: right;
        margin-top: 17px;
    }

.upload_area_bg {
    width: 100%;
    height: 323px;
    cursor:pointer;
    /* border: 1px dashed #00A6A6;*/



    background-color: rgba(0, 166, 166, 0.15);
    border-radius: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
    margin-bottom: 15px;
}

.card_space {
    padding: 0 48px 16px 48px;
}

.upload_area_bg h5 {
    font-size: 20px;
    line-height: 26px;
    font-weight: 600;
    margin-bottom: 0;
    color: #000;
    text-align: center;
    padding-bottom: 5px;
}

    .upload_area_bg h5 a {
        color: #000;
        font-weight: 700;
        text-decoration: underline;
    }

.upload_area_bg p {
    font-size: 14px;
    line-height: 18px;
    color: rgba(34, 34, 34, 0.5);
    margin-bottom: 0 !important;
    text-align: center !important;
}

.add_comment {
    font-size: 16px;
    line-height: 18px;
    color: rgba(34, 34, 34, 1);
    display: inline-block;
}

    .add_comment a {
        color: rgba(34, 34, 34, 1);
        text-decoration: underline;
        cursor:pointer;
    }

    .add_comment small {
        font-size: 14px;
        color: rgba(34, 34, 34, 0.7);
    }

.upload_area .buy_now {
    width: 178px;
    margin: 0 auto;
    margin-top: 25px;
    font-weight: 600;
}
.upload_file_row_textarea {
    width: 100%;
    margin-top: 10px;
    display: none;
}

.upload_btn_pt {
    position: relative;
}

    .upload_btn_pt a {
        width: 100%;
        height: 52px;
        background-color: #00A6A6;
        border-radius: 40px;
        font-size: 16px;
        color: #fff;
        line-height: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px 15px;
        font-weight: 700;
        margin-bottom: 10px;
    }

        .upload_btn_pt a span {
            background: url('../image/upload2.svg') no-repeat right center;
            padding-right: 27px;
        }

.upload_drop {
    width: 100%;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 2;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    border-radius: 26px;
    background-color: rgba(255, 255, 255, 1);
    margin-top: 15px;
    display: none;
}
.fixed-bottom {
    z-index: 99;
}
.upload_drop_row {
    padding: 13px 16px;
    border-top: 1px solid rgba(60, 60, 67, 0.20);
}

    .upload_drop_row:first-child {
        border-top: none
    }

    .upload_drop_row span {
        display: block;
        font-size: 17px;
        line-height: 22px;
        color: #000;
    }

.buy_now.disabled {
    background: rgba(214, 214, 214, 1);
    border: 1px solid rgba(214, 214, 214, 1);
    color: #fff;
    cursor: not-allowed;
}

.upload_popup_withfile .upload_area_bg {
    height: 108px;
}

.upload_file_list {
    padding: 5px 0 10px 0;
    max-height: 185px;
    overflow: auto;
    direction: ltr;
}

.upload_file_row {
    min-height: 40px;
    border-radius: 25px;
    border: 1px solid #D9D9D9;
    padding: 5px 20px;
    align-items: center;
    margin-bottom: 10px;
    direction: rtl;
}

.btm_info_alert {
    border-radius: 30px;
    border: 1px solid #D9D9D9;
    padding: 5px 20px;
    margin: 8px 0 20px 0;
}

    .btm_info_alert span {
        font-size: 14px;
        line-height: 18px;
        display: block;
        color: rgba(34, 34, 34, 0.5);
    }

.upload_file_left small,
.upload_file_row strong {
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    display: block;
    color: #000;
}

.upload_file_left small {
    font-weight: 400;
}

.upload_file_row .progress_bar {
    width: 87px;
    height: 10px;
    background-color: #fff;
    border: 1px solid #D9D9D9;
}

.upload_file_row .progress_bar_bg {
    background-color: #00A6A6;
}

.upload_file_row .progress_bar_wrap {
    padding: 0
}

    .upload_file_row .progress_bar_wrap span {
        color: rgba(32, 32, 32, 0.5);
    }

.upload_file_left {
    gap: 20px;
}

.upload_file_error_mes{
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    padding: 7px 20px;
  /*  min-height: 43px;*/
    text-align: center;
    font-size: 12px;
    line-height: 15px;
    color: #940707;
    border-radius: 25px;
}

.file_close {
    width: 15px;
    height: 15px;
    background: url(../image/close-file.svg) no-repeat center;
    cursor: pointer;
}

.red_alert {
    padding-top: 10px
}

    .red_alert span {
        display: block;
        font-size: 14px;
        line-height: 18px;
        color: #940707;
        font-weight: 300;
        text-align: center;
    }

.success_state_main {
    padding: 80px 0 0 0;
}

.check-circle-broken {
    width: 90px;
    margin: 0 auto;
    padding-bottom: 65px;
}

.success_state_main span {
    display: block;
    font-size: 24px;
    line-height: 30px;
    color: #222222;
    text-align: center;
}

@media only screen and (min-width: 768px) {
    .upload_area_bg p br {
        display: none
    }

   
    

}

@media only screen and (max-width: 767px) {
    .upload_popup .department_popup {
        padding: 24px 20px 0 20px;
        height: 100%;
        border-radius: 0;
    }
    .mycoursebtn {
        width: 100%;
    }

    .mycoursesGroups_item {
    width:100% !important;
    }
     
    .card_space {
        padding: 0;
    }

    .upload_popup .department_popup_bg h3 {
        font-size: 32px;
        line-height: 28px;
        padding-bottom: 5px;
    }

    .upload_popup .department_popup_bg h4 {
        font-size: 20px;
        line-height: 18px;
    }

    .upload_area {
        padding: 40px 0 0 0;
    }

        .upload_area p {
            font-size: 16px;
            line-height: 24px;
            color: #222;
            margin-bottom: 15px;
            text-align: center;
        }

        .upload_area p {
            font-size: 14px;
            line-height: 22px;
          
        }

    .upload_area_bg {
        height: 155px;
        padding: 23px 30px;
    }

    .buy_now_wrap {
        background-color: #fff;
        padding: 30px 20px;
        border-radius: 25px 25px 0 0;
        width: 100%;
        box-shadow: 0px -1px 4px 0px rgba(0, 0, 0, 0.10);
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 2;
    }

    .upload_area .buy_now {
        width: 100%;
        margin: 0;
    }

    .upload_popup {
        padding-bottom: 120px;
        background-color: #fff;
    }

    .check-circle-broken {
        padding-bottom: 15px;
    }

    .success_state_main span {
        font-size: 16px;
    }

    .success_state_main {
        padding: 150px 0 0 0;
    }

    .upload_success .buy_now_wrap {
        box-shadow: initial;
    }
}


.extend_validity_popup .department_popup {
    width: 100%;
    max-width: 1200px;
}

.extend_validity_popup .department_popup_bg h3 {
    font-size: 62px;
    line-height: 51px;
    padding-bottom: 60px;
}

.extend_validity_popup .package_column {
    border-radius: 8px;
    border: 1px solid #D9D9D9;
    padding: 0 0 35px 0;
}

.extend_validity_popup .purchase_package_area {
    gap: 25px;
    padding: 0 70px 20px 70px;
}

.extend_validity_popup .package_price_title {
    padding-bottom: 33px;
}

    .extend_validity_popup .package_price_title h4 {
        background-color: #00A6A6;
        font-size: 32px;
        line-height: 28px;
        color: #fff;
        padding: 22px 10px;
        border-radius: 8px 8px 0 0;
    }

.extend_validity_popup .package_column2 .package_price_title h4 {
    background-color: #F55821
}

.extend_validity_popup .package_column3 .package_price_title h4 {
    background-color: #EF8700
}

.upload_popup .department_popup {
    box-shadow: none;
}

.upload_drop_new {
    width: 100%;
    background-color: #fafafa;
    padding: 20px 20px;
    border-radius: 25px 25px 0 0;
    box-shadow: 0px -1px 4px 0px rgba(0, 0, 0, 0.10);
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 5;
}

    .upload_drop_new h6 {
        font-size: 22px;
        font-weight: 700;
        margin-bottom: 15px;
    }

    .upload_drop_new .upload_drop_row {
        border: none;
        padding: 0;
    }

    .upload_drop_new .small_icon_right {
        width: 57px;
        margin: 0 auto;
    }

    .upload_drop_new .upload_drop_row span {
        font-size: 14px;
        line-height: 24px;
        color: rgba(34, 34, 34, 1);
        text-align: center;
    }



@media only screen and (max-width: 991px) {
    .extend_validity_popup .purchase_package_area {
        padding: 0;
    }

    .mycoursesGroups_item {
        width: 50%;
    }

    .extend_validity_popup .package_price_info,
    .extend_validity_popup .purchase_package_area {
        flex-direction: column;
    }

    .extend_validity_popup .package_column {
        width: 100%;
    }

    .extend_validity_popup .package_normal_info {
        padding: 0 20px 25px 20px;
        justify-content: center;
    }

    .package_btn {
        padding: 0 50px;
    }

    .extend_validity_popup .package_column {
        padding-bottom: 20px;
    }

        .extend_validity_popup .package_column .package_price_title h4 {
            text-align: center;
            padding: 15px 20px;
            font-size: 28px;
        }

    .extend_validity_popup .department_popup_bg h3 {
        font-size: 32px;
        line-height: 28px;
        padding-bottom: 30px;
    }

    .extend_validity_popup .department_popup {
        border-radius: 0;
    }

    .extend_validity_popup .department_popup_bg_ww {
        display: block !important;
        padding: 0;
        border-radius: 0;
    }

    .upload_popup_withfile .upload_area_bg {
        height: 155px;
    }

    .upload_file_row .progress_bar {
        width: 70px;
    }

    .upload_file_left {
        gap: 10px;
    }

    .upload_file_row {
        padding: 5px 15px;
    }

    .upload_drop.active {
        display: block;
    }

    .upload_drop_holder {
        padding: 0 35px;
    }
}


/*------ new contact us page ------*/
.nw_contact_area {
    padding-bottom: 58px;
}

.nw_contact_box {
    padding-bottom: 156px;
}

.nw_contact_us_form {
    border-radius: 17px;
    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.1);
    padding: 90px 20px 170px 20px;
}
    .nw_contact_us_form div.login_error_mes {
    max-width:none;
    }
    .mx-w-824 {
        max-width: 824px;
    }

.nw_contact_us_form .login_field {
    padding-bottom: 13px;
}

.nw_contact_us_form .form-control::-webkit-input-placeholder {
    color: rgba(34, 34, 34, 0.5);
}

.nw_contact_us_form .form-control:-moz-input-placeholder {
    color: rgba(34, 34, 34, 0.5);
}

.nw_contact_us_form .form-control::-moz-input-placeholder {
    color: rgba(34, 34, 34, 0.5);
}


textarea.nw_textarea {
    min-height: calc(7.6em + 0.95rem);
    resize: none;
    padding-top: 8px !important;
}

    textarea.nw_textarea::-webkit-input-placeholder {
        color: rgba(34, 34, 34, 0.5);
    }

    textarea.nw_textarea:-moz-placeholder {
        color: rgba(34, 34, 34, 0.5);
    }
    /* Firefox 18- */
    textarea.nw_textarea::-moz-placeholder {
        color: rgba(34, 34, 34, 0.5);
    }
/* Firefox 19+ */
.nw_send_wrap {
    padding-top: 30px;
    padding-bottom: 0;
}

.nw_field_box .form-select {
    height: 50px;
    border-color: #D9D9D9;
    font-family: "Assistant", sans-serif;
    color: rgba(34, 34, 34, 0.5);
    border-radius: 25px;
    padding: 5px 20px;
    font-weight: 400;
}

    .nw_field_box .form-select:is(:focus, :active) {
        border-color: #F55821 !important;
        box-shadow: 0px 4px 14px 0px rgba(245, 88, 33, 0.1);
    }

.nw_send_wrap .btn {
    width: fit-content;
    min-width: 187px;
}

@media only screen and (max-width:991px) {
    .nw_contact_area {
        padding-bottom: 100px;
    }

    .nw_contact_box {
        padding-bottom: 102px;
    }

    .nw_contact_us_form {
        padding: 20px 20px 36px 20px;
    }

    .nw_send_wrap {
        padding-top: 24px;
    }
}