body {
}

.ion_grad:before {
    content: "";
    background: -webkit-linear-gradient(190deg,#067b85, #d632ff, #00f6ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 14px;
}

.ion-woman:before {
    background: -webkit-linear-gradient(#9c47fc, #356ad2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ion-man:before {
    background: -webkit-linear-gradient(#9c47fc, #356ad2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ionic-icon {
    font-size: 32px;
    color: #9c47fc;
    display: block;
    background: -webkit-linear-gradient(#9c47fc, #356ad2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.relative .pane,
.relative .tabs,
.relative .scroll-content {
    position: relative;
    top: auto;
    height: auto;
}

.relativeschoolsprofile .pane,
.relativeschoolsprofile .tabs,
.relativeschoolsprofile .scroll-content {
    position: relative;
}

.relativeinstructorprofile .pane,
.relativeinstructorprofile .tabs,
.relativeinstructorprofile .scroll-content {
    position: relative;
}

.ion_content {
    background: #040322 !important;
}

.back_icon {
    background: transparent;
    font-size: 21px;
}

/**************Nav_Header*********************/

.header_bar {
    background-color: #040322 !important;
}

    .header_bar > .buttons > .left-buttons > .title {
        left: 50px;
        right: 50px;
        top: 9px;
    }

.icon_nav_filter {
    margin-top: 8px;
    font-size: larger;
    margin-right: 10px;
}



/********************Search bars*****************/

.transparent-border {
    border: transparent;
    margin-left: -10px;
}

.icon_search_language {
    color: #7d7d7c;
    font-size: 22px;
    padding-right: 23px;
    margin-left: -10px;
}

.language_dropdown {
    color: #aeaeae;
    padding: 6px;
    font-weight: 400;
    margin-left: -17px !important;
    border: white;
    width: 100%;
    background: transparent;
}

.filter {
    margin-top: 0px;
}

.icon_hide_language {
    margin-right: 12px;
}

.icon_search_school {
    color: #7d7d7c;
    font-size: 22px;
    padding-right: 15px;
    padding-top: 2px;
}

.list {
    margin-bottom: 0px;
    /*margin-top: 5px;*/
}

.input_text {
    font-size: 15px;
    font-weight: 400;
}

.icon_sort {
    color: #7d7d7c;
    font-size: 19px;
    padding-left: 5px;
    border-right: 1px solid #a2a2a2;
    padding-right: 7px;
}

.icon_pin {
    color: #7d7d7c;
    font-size: 20px;
    padding: 10px 7px 9px 5px;
}




/*****************Tabs***************************/


ion-content > .scroll > .relative > .tabs {
    background: #040322 !important;
    color: #fff;
}

    ion-content > .scroll > .relative > .tabs > a {
        border-color: #e008b5;
    }

ion-content > .scroll > .relative > .tab-item, .tab-title {
    font-size: 8px;
    font-weight: 500;
    padding-top: 3px;
}

ion-content > .scroll > .relative > .tabs {
    height: 4pc;
}

    /*ion-content > .scroll > .relative > .tabs > icon['icon-home'] {
        background-repeat: no-repeat;
        background-position: 50% 30%;
        background-image: url(../img/schools.png);
    }*/

    ion-content > .scroll > .relative > .tabs > a > i {
        height: 20px;
        font-size: 21px;
        font-weight: bold;
        padding: 10px;
    }

/********************Card*************/

.card_box {
    border-radius: 12px;
    padding-top: 0px;
    height: 178px;
    margin-top: 7px;
    margin-bottom: 11px;
}

.card_image {
    width: 100%;
    height: 124px;
    object-fit: cover;
}

.img_text1 {
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    color: #f1f1f1;
    width: 100%;
    padding: 0px;
    margin-left: 208px;
    display: inline-flex;
    padding: 2px;
}

.pricetag {
    padding-left: 10px;
    padding-right: 2px;
    padding-top: 2px;
}

.no_of_bookings {
    padding-top: 2px;
    font-weight: 400;
}

.card_box > .container > .content > .img_text1 > .ionic_ratings > .ion-record {
    margin: 4px !important;
    font-size: 8px;
}

.img_text2 {
    position: absolute;
    background: rgba(0, 0, 0, 0.6); /* Black background with 0.5 opacity */
    color: #f1f1f1;
    width: 100%;
    padding: 0px;
    bottom: -6px;
    font-size: smaller;
    padding-left: 10px;
    padding-bottom: 3px;
    font-weight: 600;
    padding-top: 3px;
}

.description {
    width: 70%;
}

.ratings {
    width: 30%;
    display: contents;
}

.card_box > .row > .ratings > .ionic_ratings {
    padding-top: 4px;
    padding-left: 10px;
}

.card_box > .row > .ratings > .no_of_star {
    padding-left: 5px;
    padding-top: 4px;
}

.card_box > .row > .ratings > .ionic_ratings > .ion-android-star {
    margin: 1px;
    color: #9847BE !important;
}

.card_box > .row > .col-sm-8 > .descritpion_p {
    font-size: 10px;
    font-weight: 500;
    padding-left: 5px;
    color: #696666;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 12px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

/************************************Menu Page*****************************************/

.menu-content > .scroll {
    margin-top: 28% !important;
}

.menu_title {
    text-align: center !important;
    font-size: x-large !important;
    color: #bc28cf !important;
    margin: 0;
    margin-top: 0 !important;
    top: 5px !important;
}

.nav_td1 {
    font-size: 25px !important;
}

.nav_td2 {
    vertical-align: middle;
}

.nav_title {
    margin: 0 0 0 11px;
    font-weight: 500;
    color: #808080b0;
    font-size: 17px;
}

.list_item {
    border-width: 0px;
    height: 51px;
}

/*************************** School Profile page *****************************************/

.enquire_txt {
    font-size: small;
    margin: 0px 0 0px 14px;
}

.enquire_btn {
    color: white;
    font-size: 8px;
    background: #DB13ff;
    margin: 6px 0px 0px 20px;
}

.table_school_pro {
    margin-left: 35px;
}

.bookmark_div {
    margin: 9px 5px 0 0;
}

.icon_bokmark {
    font-size: 17px;
    font-weight: bold !important;
}

body > ion-nav-bar > .nav-bar-block > ion-header-bar {
    background: #040322 !important;
}

    body > ion-nav-bar > .nav-bar-block > ion-header-bar > .button > .ion-android-arrow-back {
        /*padding-left: 15px;
        background: -webkit-linear-gradient(#9c47fc, #356ad2);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;*/
    }

.profile_img {
    max-width: 102px !important;
    max-height: 102px !important;
    margin-top: -15px;
    object-fit: cover;
    border: 2px solid #fff;
    top: 22px !important;
}

.background_color {
    background: #040322 !important;
}

.school_profile_row_height {
    height: 128px;
}

.detail-card-left {
    max-width: fit-content;
}

.no-margin {
    margin: 0px;
}

.school_title {
    color: #db13ff;
    font-size: 15px;
    font-weight: 700;
    word-spacing: -2px;
    margin-top: 10px;
    margin-right: 6px;
}

.text-white {
    color: #fff !important;
    text-decoration: none !important;
}

.school_phone {
    color: #fff !important;
    font-size: 10px;
    margin-bottom: -7px;
    margin-top: -7px;
}

.school_email {
    color: #fff;
    font-size: 10px;
}

.tabs_position {
    position: relative;
    background: #040322 !important;
}

.tab_background {
    margin-left: 115px;
    background: #040322 !important;
    margin-top: -93px;
}

.container > .relativeschoolsprofile > .tab-nav {
    background: #040322 !important;
    min-height: 50px;
}

.relativeschoolsprofile > .tab-nav > a > .icon {
    font-size: 22px;
    padding: 17px 3px 0 0;
}

.relativeschoolsprofile > .tab-nav > a {
    border-color: #f50cfc !important;
}

.list_margin {
    margin-top: 13%;
}

.cube_image {
    width: 100%;
    height: 110px;
    object-fit: cover;
}

.cubeImageTitle {
    font-size: small;
    margin: 0px 0 0px 5px;
}

.cube_desc {
    font-size: 10px;
    font-weight: 500;
    padding-left: 5px;
    color: #696666;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 12px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.cubeEnquire {
    margin: 12px 0px 0px 12px;
    font-size: 10px;
    line-height: 1;
    color: #908d8d;
}

.contact_input {
    border: 0;
    background: transparent;
    border-bottom: 1px solid#efa1f1;
    padding: 33px 0 0 0;
}

.centered {
    text-align: center;
}

.maptxtcolor {
    font-weight: 400;
    font-size: 16px;
}

.btn_width {
    width: 45%;
    background: #e235e6;
    height: 35px;
    border-radius: 4px;
    padding: 7px;
    margin: 0 auto;
}

.contact_circle {
    border: 1px solid #eaeaea;
    border-radius: 22px;
    height: 45px;
    width: 45px;
    float: left;
    text-align: center;
    margin: 27px 6px 7px 3px;
    display: table;
}

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

.about {
    background: #fff;
    height: 40px;
    color: #ce2efd;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 25px;
}

.des {
    background: #fff;
    max-height: fit-content;
    color: #7d7d7c;
    font-size: 16px;
}

.map_text {
    background: #fff;
    max-height: fit-content;
    color: #565656;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 25px;
}

.input_width {
    width: 100%;
}

.input_icon {
    font-size: 21px;
    font-weight: bold;
}

.contact_details_form {
    background: #fff;
}

.colum {
    background: #f1f1f1;
    margin-right: 5px;
}

.columB {
    margin-left: 5px;
    background: #f1f1f1;
}

.columC {
    background: #f1f1f1;
    margin-right: 5px;
    margin-top: 15px;
}

.columD {
    margin-left: 5px;
    background: #f1f1f1;
    margin-top: 15px;
}

.colum2 {
    margin-right: 5px;
    background: #fff;
}

.colum2B {
    margin-left: 5px;
    background: #fff;
    width: 0px;
}

.both_title {
    color: #a2059e;
    font-family: sans-serif;
    font-weight: bold;
}

.col-right {
    text-align: end;
}

.colortitle {
    color: #5f5d5d;
    font-size: 8px;
}

.custom-bar-row {
    max-height: 30px;
}

.ageCircle {
    border: 1px solid #ccc;
    display: table;
    text-align: center;
    border-radius: 22px;
    height: 35px;
    width: 35px;
    background: #fff;
}

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

.reviewtextSize {
    font-size: 10px;
    color: #a2059e;
}

.reviewcountSize {
    font-size: 10px;
    padding: 12px 0 0px 8px;
    color: #a2059e;
}

.reviewBtn {
    background: #a2059e;
    width: 60%;
    color: #fff;
}


/*******************Instructor list************************/

.table_instructor_pro {
    margin-left: 77px;
}

.instructor_profile {
    top: 0px !important;
    left: 0px !important;
    max-height: 53% !important;
    max-width: 100% !important;
    object-fit: cover;
    border-radius: 0px !important;
    border-top-left-radius: 5% !important;
    border-top-right-radius: 5% !important;
}

.list_instructors {
    padding: 10px;
}

.list_Items {
    float: left;
    width: 48%;
    margin: 3px;
    border-radius: 10px;
    height: 200px;
    padding: 0px !important;
    border: 2px solid #e5e5e5;
}

.slide_image {
    height: 200px;
}

/*********************** Instructor profile***********************/

/*.primary {
    border: 1px solid #1c2646 !important;
    background: #1c2646 !important;
}

.secondary {
    border: 1px solid #48d0f6 !important;
    background: #48d0f6 !important;
}*/

.popup-title {
    color: #c135b0;
}

.popup-container > .popup > .popup-body > .modal_title > .row > .col-right > span > ul {
    display: -webkit-inline-box !important;
}

.popup-container > .popup > .popup-body > .modal_title > .row > .col-right > span {
    vertical-align: -webkit-baseline-middle !important;
}

.popup-container > .popup > .popup-body > .modal_title > .modal_title_left {
    color: grey !important;
}

.popup-container > .popup > .popup-body > .modal_title > .modal_title_right {
    color: grey !important;
}

.popup {
    border-radius: 15px !important;
}

.relativeinstructorprofile > .tab-nav > a > .icon {
    padding: 15px;
    font-size: x-large;
    font-weight: bold;
}

.relativeinstructorprofile .tab-nav > a {
    border-color: #c645b6 !important;
}

.availibility_img {
    height: 20px;
}

.circled-button {
    border-radius: 22px;
    height: 31px;
    width: 31px;
    float: left;
    margin: 0px 2px;
    text-align: center;
    display: table;
    /*background: #fff;*/
    margin: 7px 0px 0px 12px;
}

.chat_instructor {
    font-size: 30px;
    font-weight: bold;
    display: table-cell;
    vertical-align: middle;
}

.bookmark_instructor {
    font-size: 18px;
    font-weight: bold;
    display: table-cell;
    vertical-align: middle;
}

.instructor_profile_row_height {
    height: 120px;
}

.icon-circle-small {
    border: 1px solid #ccc;
    padding: 7px;
    border-radius: 22px;
    margin: 27px 6px 7px 3px;
    box-shadow: 0px 0px 0px 1px #e5e5e5;
    /* height: 40px; */
    width: 30px;
}

.profile_details {
    overflow: hidden;
    text-overflow: ellipsis;
    display: contents;
    line-height: 14px;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    font-weight: 500;
    font-size: 10px;
    color: grey;
}

.Hrline {
    background: blueviolet;
    height: 0px;
    margin-top: 3px;
}


.td_topic {
    padding-right: 55px;
    font-weight: bold;
    color: #c135b0 !important;
}

.td_topic_value {
    padding-right: 55px;
    font-weight: bold;
    color: grey !important;
}

/*.td_heading {
    padding-right: 55px;
    font-weight: bold;
    color: #000080 !important;
}*/

.yes_badge {
    margin-left: 5px;
    color: grey;
}

.td_n {
    margin-left: 6px;
    color: grey;
}

.alternate_color {
    background-color: #ccc;
}



/*****************************Material page*********************/
/*********Header*************/

.range input {
    display: inline-block;
    overflow: hidden;
    margin-top: 12px;
    margin-left: 0px !important;
    width: auto;
    height: 5px;
    outline: none;
    background: linear-gradient(to right, #e5e5e5 0%, #ccc 100%);
    background-position: center;
    background-size: 100% 3px;
    background-repeat: no-repeat;
    -webkit-appearance: none;
}

.range {
    padding: 2px 0px;
}

input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    position: relative;
    top: -1px;
    z-index: 1;
    width: 13px;
    height: 11px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 0px;
    background: -webkit-linear-gradient(190deg,#067b85, #d632ff, #00f6ff);
}

.tool-slider {
    -webkit-appearance: none;
    width: 100%;
    height: 15px;
    background: #d3d3d3;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
    border-radius: 12px;
    margin-top: 12px;
}

    .tool-slider:hover {
        opacity: 1;
    }

    .tool-slider::-webkit-slider-thumb {
        -webkit-appearance: none !important;
        appearance: none !important;
        width: 25px !important;
        height: 25px !important;
        background: #4CAF50 !important;
        cursor: pointer !important;
        border-radius: 12px !important;
    }

    .tool-slider::-moz-range-thumb {
        width: 25px !important;
        height: 25px !important;
        background: #fff !important;
        cursor: pointer !important;
    }

.tool-slider__value {
    display: inline-block;
    position: relative;
    width: 40px;
    color: #fff;
    line-height: 15px;
    text-align: center;
    border-radius: 3px;
    background: #7fc583;
    padding: 5px 10px;
    margin-left: 8px;
    margin-top: 6px;
}

    .tool-slider__value:after {
        position: absolute;
        top: 7px;
        left: -6px;
        width: 0;
        height: 0;
        border-top: 6px solid transparent;
        border-right: 6px solid #7fc583;
        border-bottom: 7px solid transparent;
        content: '';
    }

.plus_icon {
    padding: 7px 10px 0px 0px;
    font-size: 20px;
}

/**********card**************/
.card_centered {
    padding: 8px 8px 0px 8px;
    background-color: #F7F8FC;
}

    .card_centered > .height {
        min-height: 90% !important;
    }

/*********drop down**********/
.matter_select {
    width: 150px;
    border-radius: 5px;
    box-shadow: 0px 1px 0px 0px #a4a0a0;
    border: 1px solid #ccc;
    height: 35px;
    background: #fff;
}

.align {
    padding: 10px 0px 0px 90px;
}

.drop_Label {
    color: #bf33d1;
    font-weight: 500;
    font-size: 14px;
}


/*********************Register Page**************/

.select_drop_margin {
    margin-top: 15px;
}

.custom_label {
    background: transparent;
    border: none;
    border-bottom: 1px solid #000000;
    padding-left: 0px;
    border-bottom-color: #ce2efd;
}

.circle {
    border: 1px solid #ccc;
    padding: 5px;
    border-radius: 22px;
    margin: 20px 16px 7px 20px;
    height: 40px;
    width: 40px;
    background: #fff;
}

.icon_size {
    font-size: 27px;
}


.reset_div {
    display: inline-flex;
}


.login-body {
    background-color: #F7F8FC;
}

.vertical_top {
    vertical-align: top;
    width: 75%;
}

.reg_input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #ccc;
}

.reg_input {
    padding: 20px 0px 5px 5px !important;
}

.text-color {
    color: #a2a2a2;
}


/***********************Forum Page*******************/

.article_text {
    padding: 0px 20px 0px 20px;
}

.article_username, .post_count {
    color: #00abff;
    font-size: 11px;
}

.article_btn_row {
    padding-left: 157px;
}

.right-margin {
    margin-right: -17px;
}

.btn_count {
    padding-top: 20px;
}

.forum_title {
    font-size: 13px !important;
    color: #da3ee4 !important;
    font-weight: bold !important;
    /* text-overflow: ellipsis; */
    /* display: -webkit-box; */
    line-height: 12px !important;
    /* -webkit-line-clamp: 2; */
    /* -webkit-box-orient: vertical; */
    white-space: initial !important;
}

.icon_login {
    margin-top: 8px;
    font-size: larger;
    margin-right: 10px;
}

.detail_img {
    height: 100%;
    width: 100%;
}

.detail_heading {
    font-size: small;
    font-size: 13px;
    color: #da3ee4;
    font-weight: bold;
    padding: 10px;
}

.icon-edit {
    font-size: 20px;
    padding: 0px 0px 0px 5px;
    display: table-cell;
    vertical-align: middle !important;
}

.search-input {
    background: transparent;
    border: none;
    color: #c9c5c5;
}

.comment_size, .comment_size > p {
    white-space: pre-wrap !important;
}


/***********************Tandem Page********************/

.list_Item {
    float: left;
    width: 48%;
    margin: 3px;
    height: 200px;
    padding: 0px !important;
    border: 2px solid #e5e5e5;
    border-radius: 5%;
}

/***************************Profile Page*******************/

.checkbox-text {
    color: #fff;
    vertical-align: middle;
}

.popup-container > .popup > .popup-body > div > .checkbox-text1 {
    color: #9e9e9e !important;
    /* vertical-align: sub; */
    inline-block: inherit;
    margin-left: 46px;
    /* justify-content: center; */
}

.span1 {
    color: #9e9e9e !important;
}

.span2 {
    color: #9e9e9e !important;
}

.profile {
    max-width: 85px !important;
    max-height: 85px !important;
    margin-top: -16px;
    object-fit: cover;
    margin-top: 0px;
}

.profile_name {
    color: #a2059e;
    font-size: 20px;
    font-weight: 700;
    word-spacing: -2px;
    margin-top: 5px;
}


.profile_box {
    border: 1px solid #ccc;
    padding: 4px 0px 0px 19px;
    border-radius: 3px;
    margin: -4% 16% 0% 40%;
    height: 30px;
    width: 55px;
    background: #fff;
}

.profile_row {
    height: 130px;
}

.buy {
    font-size: 19px;
}

.profile_text {
    padding: 32px 0px 0px 0px !important;
}

.credits {
    color: #fff;
    font-size: 16px;
}

.fix_size {
    max-width: fit-content !important;
}

.below_text {
    font-weight: 500;
    font-size: 10px;
    color: grey;
}

.profile_hrLine {
    background: blueviolet;
    height: 0px;
    margin-top: 0px;
    margin-bottom: -2px;
}

.back_color {
    background-color: #F7F8FC;
}

/***************************Edit profile Page*****************/

.max_width {
    max-width: 26px;
}

/*.popup-text-align {
    display: contents;
    max-width: fit-content !important;
}*/

.select-hide-width {
    width: 100%;
    text-align: center;
    margin-right: 35px;
    margin-top: 9px;
    border-bottom: 1px solid #ce2efd !important;
    background: transparent !important;
    border: none;
}

.image_cover {
    padding: 20px;
    background: #040322 !important;
}

.profile-image {
    height: 100px;
    width: 100px;
}

.input_align {
    padding: 16px 0px 0px 0px;
}

.input_style {
    border-bottom: 1px solid #ce2efd !important;
    background: transparent !important;
    width: 100% !important;
    padding: 6px 0px 0px 0px !important;
    color: #928b8b !important;
}

.editProfileBtn {
    border: 1px solid #ccc;
    padding: 3px 0px 0px 4px;
    border-radius: 3px;
    margin: -4% 16% 0% 40%;
    height: 30px;
    width: 110px;
    background: #fff;
    background: #ce2efd;
}

.white {
    color: white;
}

.divAlign {
    padding-left: 5%;
}

.btnAlign {
    max-width: fit-content;
}


/***********************Message Details****************/
.recieve_title {
    color: #ce2efd !important;
    font-weight: 500;
    font-size: 15px;
    margin: 0 0 0 0 !important;
}

.sent_title {
    color: #ce2efd !important;
    font-weight: 500;
    font-size: 15px;
    margin: 0 0 0 0 !important;
}

.right-chat {
    padding-left: 18%;
}

.left-chat {
    padding-right: 18%;
}

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

.recieve_time {
    margin-top: 12px;
    font-size: 8px;
    color: #666;
}

.sent_time {
    margin-top: 12px;
    font-size: 8px;
    color: #666;
}

.footer {
    border: 1px solid grey;
}

.imgsize {
    height: 55px;
}

.iconsize {
    font-size: 20px;
}

.inputwidth {
    width: 100%;
}

.review_numbers {
    font-size: 10px;
    color: #5f5d5d;
}

.no-page-content {
    text-align: center;
    vertical-align: middle;
    line-height: 465px;
}

.tab_divCustom {
    padding: 10px;
}

/************************Course details*************************/

.color1 {
    color: #db13ff;
}

.btn_course {
    background: #db13ff;
    width: 150px;
}

.course_image {
    height: 80px;
    width: 145px;
    object-fit: cover;
}

.select_dropdown {
    color: #aeaeae;
    padding: 6px;
    font-weight: 400;
    margin-left: -17px !important;
    border: white;
    width: 100%;
}

.list_padding {
    padding: 10px;
}

.list_item_padding {
    margin: 0px !important;
    margin-bottom: 10px !important;
}

.truncate_in_one {
    font-size: 13px !important;
    white-space: initial;
    display: -webkit-box !important;
    line-height: 1.4 !important;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

.truncate_in_two {
    font-size: 13px !important;
    white-space: initial !important;
    display: -webkit-box !important;
    line-height: 1.4 !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

.truncate_in_three {
    font-size: 10px !important;
    white-space: initial;
    display: -webkit-box !important;
    line-height: 1.4 !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

.truncate_in_four {
    font-size: 11px !important;
    white-space: initial;
    display: -webkit-box !important;
    line-height: 1.4 !important;
    -webkit-line-clamp: 4 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

.do_not_truncate {
    font-size: 11px !important;
    white-space: initial;
    display: -webkit-box !important;
    line-height: 1.4 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

.box_button_group {
    position: relative;
    margin: 0 auto;
    display: table;
    padding-bottom: 10px;
}

.box_button {
    border-radius: 22px;
    height: 45px;
    width: 45px;
    float: left;
    margin: 0px 15px;
    text-align: center;
    display: table;
    border: 1px solid #ccc;
    background: #fff;
}

    .box_button > .box_icon {
        display: table-cell;
        vertical-align: middle;
        font-size: 20px;
    }

.icon_box {
    border-radius: 22px;
    height: 30px;
    width: 30px;
    float: left;
    margin: 0px 15px;
    text-align: center;
    margin: 27px 6px 7px 3px;
    box-shadow: 0px 0px 0px 1px #e5e5e5;
    display: table;
    border: 1px solid #ccc;
    background: #fff;
}

    .icon_box > .icon_align {
        display: table-cell;
        vertical-align: middle;
        font-size: 20px;
    }

.comment_size > p, .comment_size > h2 > span > span {
    font-size: 14px;
    color: #727070;
}

.comment_contentSize {
    font-size: 11px;
    color: #48d0f6;
}

.comment_date {
    font-size: 11px;
    color: #727070;
}

/*VOTE UP OR DOWN*/
.unselected_vote {
    color: #5f9eff !important;
    font-size: 50px;
}

.selected_vote {
    color: #da3ee4 !important;
    font-size: 50px;
}

.unselected_vote_text {
    color: #5f9eff !important;
    font-size: 12px;
}

.selected_vote_text {
    color: #da3ee4 !important;
    font-size: 12px;
}
/********/

.bookmark_list {
    padding-bottom: 15px;
}


.list_date_time {
    font-size: 11px !important;
}

.no_tab_page_content {
    text-align: center;
    vertical-align: middle;
    line-height: 465px;
}

.col_max_width {
    max-width: 75px !important;
}

.col_pad {
    padding-top: 20px;
}

.checkbox-size {
    vertical-align: middle;
    width: 25px;
    height: 25px;
    margin-left: -10px !important;
}

.search-icons {
    width: 100%;
}

/************************************************************************/

.header-box {
    padding: 10px;
    color: #da3ee4;
    text-align: center;
    font-size: 22px;
    border: 1px solid #ddd;
}

.icon-label {
    color: #928b8b !important;
    font-size: 20px !important;
    text-align: center;
}

    .icon-label > .text {
        font-family: sans-serif;
    }

.footer-consisting-tabs {
    padding: 0px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    margin-bottom: 3px;
}

    .footer-consisting-tabs > ion-tabs > .tab-nav.tabs {
        top: 0px;
    }

    .footer-consisting-tabs > ion-tabs.tabs-only-icon > .tabs > .tab-item > .icon {
        margin-top: 8px;
    }

/*********************** Buttons Colors *************************/

.button-pink {
    background-color: #fe2e92 !important;
    color: #fff !important;
}

.button-orange {
    background-color: #f57b11 !important;
    color: #fff !important;
}

.button-violet {
    background-color: #5d51d5 !important;
    color: #fff !important;
}

.button-blue {
    background-color: #12b0d2 !important;
    color: #fff !important;
}

.button-green {
    background-color: #57ce89 !important;
    color: #fff !important;
}

.button-green-border {
    color: #928b8b !important;
    border-color: #57ce89 !important;
    border-width: initial !important;
}

.button-strong-blue {
    background-color: #16546D !important;
    color: #fff !important;
}

.button-yellow {
    background-color: #f0d634 !important;
    color: #fff !important;
}

.button-red {
    background-color: #ed3b59 !important;
    color: #fff !important;
}

.button-magenta {
    background-color: #fb03ff !important;
    color: #fff !important;
}

.button-sea-blue {
    background-color: #03ffea !important;
    color: #fff !important;
}

.button-white {
    background-color: #fff !important;
    color: #928b8b !important;
    border: 1px solid #da3ee4;
}

/***************************************************************/

.multiple-buttons-together {
    font-size: 14px;
    border-radius: 0px;
    padding: 10px;
    width: 100%;
    height: 100%;
}

.tile-icon {
    display: block !important;
}

.tile-title {
    text-align: center;
    white-space: pre-wrap !important;
    padding-top: 10px;
    line-height: 15px;
    color: #fff !important;
}

.list > .item > .list-content {
    color: #12b0d2;
    font-size: 10px;
}

.list > .item > .list-mini-content {
    color: #928b8b;
    font-size: 10px;
}

.col-text-left {
    text-align: left;
}

.col-text-right {
    text-align: right;
}

.badge {
    background-color: #fb03ff;
    color: #fff;
    border-radius: 20px;
    padding: 5px;
    font-size: 11px;
}

.large-font {
    font-size: 15px;
}

.learn-box {
    padding: 15px;
    border-radius: 2px;
    border: 0.5px solid #da3ee4;
}

    .learn-box > .learn-box-text {
        font-size: 25px;
        color: #5f9eff;
    }

/******************** Padding ********************/

.padding-10 {
    padding: 10px;
}

/***********************************************/

.center-button {
    border-radius: 20px;
    font-size: 13px;
    min-width: 120px;
}

.popup-header {
    background-color: #040322 !important;
}

/*--- Responsinator Code ---*/
#columns {
    -webkit-column-count: 2;
    -webkit-column-gap: 10px;
    -webkit-column-fill: auto;
    -moz-column-count: 2;
    -moz-column-gap: 10px;
    -moz-column-fill: auto;
    column-count: 2;
    column-gap: 0px;
    column-fill: auto;
    margin: 2% 1% 0% 1%;
}

.pin {
    display: inline-block;
    background: #FEFEFE;
    box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
    margin: 2px 5px 6px;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    column-break-inside: avoid;
    padding: 0px;
    padding-bottom: 2%;
    background: -webkit-linear-gradient(45deg, #FFF, #F9F9F9);
    opacity: 1;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    text-align: center;
}

.pin-notext {
    background: #FEFEFE;
    box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
    margin: 0px 5px 6px;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    column-break-inside: avoid;
    padding: 0px;
    padding-bottom: 2%;
    background: -webkit-linear-gradient(45deg, #FFF, #F9F9F9);
    opacity: 1;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    text-align: center;
}

.pin img {
    width: 100%;
    border-bottom: 1px solid #ccc;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.pin-notext img {
    width: 100%;
    padding-bottom: 0px;
    margin-bottom: -9px;
}

.pin p {
    font: 12px/18px Arial, sans-serif;
    color: #333;
    margin: 0;
}

@media (min-width: 960px) {
    #columns {
        -webkit-column-count: 4;
        -moz-column-count: 4;
        column-count: 4;
    }
}

@media (min-width: 1100px) {
    #columns {
        -webkit-column-count: 5;
        -moz-column-count: 5;
        column-count: 5;
    }
}

#columns:hover .pin:not(:hover) {
    opacity: 1;
}

.col-50-custom {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -moz-box-flex: 0;
    -moz-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    width: 95%;
}

.container-image {
    position: relative;
    text-align: center;
    color: white;
    display: inline-block;
    padding: 35px;
}

/******************************/

.no-content {
    color: #928b8b !important;
    font-size: 15px !important;
    text-align: center;
    padding: 10px;
}

.relative {
    position: relative !important;
}

.text-inside-image {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    position: absolute;
    transform: translate(0%, -100%);
    height: 100%;
    width: 100%;
    font-weight: 400;
    color: #fff !important;
    font-size: 23px;
    background-color: rgba(0, 0, 0, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
}

.single-button {
    min-height: 48px;
    min-width: 140px;
    font-size: 12px;
    /*border-radius: 20px;*/
}

.button.button-inside-col {
    font-size: 12px;
    line-height: 20px;
    width: 100%;
    padding: 0px;
    border-radius: 20px;
}

    .button.button-inside-col > .fa {
        display: block;
    }

.button.button-main {
    font-size: 12px;
    line-height: 20px;
    width: 100%;
    padding: 0px;
    border-radius: 20px;
}

/************************** LISTS ****************************/

.list.custom-list > .item > .shadow {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.list.custom-list > .item > .list-title {
    font-size: 20px;
    color: #da3ee4;
    font-weight: 500;
}

    .list.custom-list > .item > .list-title.only-title {
        margin: 10px 0 2px 0;
    }

.list.custom-list > .item > .list-content {
    font-size: 16px;
    color: #5f9eff;
}

.list.custom-list > .item > .icon > .value-inside-icon {
    font-size: 10px;
    position: absolute;
    margin-left: 10.5px;
    color: #928b8b;
}

/* List with only title */

.list.custom-list > .item.list-item-with-only-title > .list-title {
    margin: 2px 0 2px 0;
}

/* List white means lists with title, content, icon in white color */

.list.list-white > .item > .list-icon {
    color: #fff;
}

.list.list-white > .item > .list-title {
    color: #fff;
    margin-top: 18px;
    position: absolute;
    font-weight: 500;
}

.list.list-white > .item > .circled-progress > span {
    color: #fff;
    margin: 16px 0px 0px 16px;
    font-size: 12px;
    position: absolute;
    font-weight: bold;
}

.list.list-white > .item > .circled-progress > canvas {
    height: 50px !important;
    width: 50px !important;
}

/* List with big texts / icon on the left-right */

.list.custom-list > .item.item-big-left-right > .item-big-left {
    position: absolute;
    top: 10px;
    left: 10px;
    max-width: 80px;
    max-height: 80px;
    width: 100%;
    height: 100%;
    background: lightgrey;
    color: white;
    text-align: center;
    border-radius: 10px;
}

    .list.custom-list > .item.item-big-left-right > .item-big-left > .number {
        padding-top: 16px;
        font-size: 50px;
    }

    .list.custom-list > .item.item-big-left-right > .item-big-left > .text {
        font-size: 18px;
    }

.list.custom-list > .item.item-big-left-right > .list-title {
    font-size: 20px;
    color: #da3ee4;
    font-weight: 500;
}

.list.custom-list > .item.item-big-left-right > .list-content {
    font-size: 16px;
    color: #928b8b;
}

.list.custom-list > .item.item-big-left-right > .item-big-icon {
    font-size: 50px;
}

    .list.custom-list > .item.item-big-left-right > .item-big-icon:before {
        width: 100% !important;
    }

/***********************************************************/

/************************* POPUP ***************************/

.popup-container > .popup > .popup-body {
    text-align: center;
}

.popup-container > .popup > .popup-buttons > .button.button-default {
    background-color: #fff !important;
    color: #fb03ff;
    border: 1px solid #da3ee4;
}

    .popup-container > .popup > .popup-buttons > .button.button-default > .icon {
        color: #fb03ff;
    }

.popup-container > .popup > .popup-buttons > .button.button-positive {
    background-color: #fb03ff !important;
    color: #fff !important;
}

    .popup-container > .popup > .popup-buttons > .button.button-positive > .icon {
        color: #fff;
    }

/**********************************************************/

/********************* MAIN TEXT ***************************/

.main-text {
    color: #fb03ff;
    font-size: 17px;
}

.side-text {
    font-size: 14px;
    color: #928b8b;
}

.main-text-right {
    color: #928b8b !important;
    font-size: 15px;
}

/**********************************************************/

/********************** EXPRESSIONS ***********************/

.item.expression-box {
    height: 50px;
    display: table !important;
    background-color: transparent !important;
    padding: 10px 5px;
    font-size: 12px;
    top: 3px;
    border: 1px solid #928b8b;
    border-radius: 20px !important;
    margin-bottom: 5px;
    width: 100%;
}

    .item.expression-box > .text-index {
        display: table-cell;
        text-align: left;
    }

    .item.expression-box > .text {
        text-overflow: unset !important;
        white-space: initial !important;
        font-size: 12px;
        color: #5f9eff !important;
    }

/**********************************************************/

/*********************** BUTTONS **************************/

.button-transparent {
    background-color: transparent;
}

/*********************************************************/

/******************* GRAMMAR MODAL **********************/

.modal-text {
    padding: 10px;
    text-align: center;
    font-size: 17px;
    color: #999;
}

.modal-grammar-image {
    padding: 10px;
    height: 350px;
    overflow: hidden;
}

    .modal-grammar-image > img {
        width: 100%;
        height: auto;
    }

/*******************************************************/

/********************** CHAT SECTION ************************/

.message-on-right {
    text-align: right;
    background-color: #efd1f0;
    padding: 10px;
    color: #000;
    margin: 5px;
    border-radius: 5px;
    margin-left: 50px;
}

.message-on-left {
    text-align: left;
    background-color: #f5f2f2;
    padding: 10px;
    color: #000;
    margin: 5px;
    border-radius: 5px;
    margin-right: 36px;
    margin-left: 36px;
}

.message-text {
    margin: 0px !important;
    text-align: left;
}

.message-timing {
    margin: 0px !important;
    font-size: 10px;
    color: #928b8b;
    text-align: right;
}

.message-left-image {
    width: 22px;
    height: 22px;
    float: left;
    margin-top: 24px;
    margin-left: 5px;
}

    .message-left-image > img {
        width: 100%;
        height: 100%;
        border-radius: 20px;
    }

.chat-footer {
    height: 68px !important;
    border-color: #ddd;
}

.chat-bottom {
    width: 100%;
}

    .chat-bottom > .item {
        border-color: unset;
        border: 0px;
    }

        .chat-bottom > .item > .item-input-wrapper {
            background: transparent !important;
        }

            .chat-bottom > .item > .item-input-wrapper > input {
                width: 100%;
            }

/***********************************************************/

/************************** Quiz **************************/

.simply-heading {
    color: #5f9eff;
}

.hide-radio-button {
    display: none;
}

.input-circled-button {
    display: table;
}

.input-circled-button-content {
    display: table-cell;
    vertical-align: middle;
    font-size: 25px;
}

.input-shaped-button {
    background-color: transparent !important;
    color: #999 !important;
    border: 1px solid #999 !important;
    border-radius: 20px;
    min-width: 140px;
    min-height: 48px !important;
    padding: 3px 10px 8px;
}

.button-correct {
    background-color: #57ce89 !important;
    color: #fff !important;
}

.button-incorrect {
    background-color: red !important;
    color: #fff !important;
}

/*********************************************************/

.image-on-right {
    height: 80px;
    width: 120px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.image-on-right-heart {
    height: 80px;
    width: 120px;
    box-shadow: unset !important;
}

/********************** Cards ****************************/

.list.card > .card-item {
    padding: 0px;
}

    .list.card > .card-item > .card-video {
        height: 216px;
    }

    .list.card > .card-item > .card-content {
        padding: 10px;
    }

        .list.card > .card-item > .card-content > .card-title {
            font-size: 16px;
            color: #da3ee4;
            font-weight: 500;
            margin: 0px;
        }

        .list.card > .card-item > .card-content > .card-text {
            font-size: 12px;
            color: #928b8b;
            margin: 0px;
        }

/********************************************************/

.bottom-tabs > .tabs {
    margin-top: 5px;
}

    .bottom-tabs > .tabs > .tab-item > .tab-title {
        font-size: 13px !important;
    }

/************************ Navigation *************************/

.menu-close-icon {
    font-size: 22px;
    color: #928b8b;
}

/*.nav-list > .list {
    top: 20px;
}*/

.nav-item {
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

.nav-icon {
    font-size: 30px !important;
    vertical-align: middle;
    margin: 0px 5px 0px 5px;
    padding: 5px;
    width: 50px;
    text-align: center;
}

    .nav-icon:before {
        padding: 5px;
    }

.nav-title {
    font-size: 22px;
    vertical-align: middle;
}

/***********************************************************/

.left-top-below-section > .top-below-section > .title-top {
    font-weight: bold;
    color: #c135b0;
    font-size: 20px;
}

.left-top-below-section > .top-below-section > .hr-line {
    height: 0px;
    margin-top: 0px;
    margin-bottom: -2px;
}

.left-top-below-section > .top-below-section > .content-below {
    font-weight: 500;
    font-size: 16px;
    color: #928b8b;
}

/********************* Circled Buttons with Icon *******************/

.box-button-group {
    position: relative;
    margin: 0 auto;
    display: table;
    padding-bottom: 10px;
}

    .box-button-group > .box-button {
        border-radius: 22px;
        height: 45px;
        width: 45px;
        float: left;
        margin: 0px 2px;
        text-align: center;
        display: table;
        box-shadow: 0px 0px 0px 1px #e5e5e5;
        background: #fff;
        margin: 19px 6px 7px 3px;
        border: 1px solid #ccc;
    }

        .box-button-group > .box-button > .box-icon {
            display: table-cell;
            vertical-align: middle;
            font-size: 26px;
        }

/******************************************************************/

.badge2 {
    background-color: #fb03ff;
    color: #fff;
    border-radius: 10px;
    font-size: 15px;
    padding-left: 5px;
    padding-right: 5px;
}

.button-at-right {
    font-size: 10px;
    border-radius: 20px;
}

.iframe-in-full-window {
    width: 100%;
    height: 1000px;
}

.item.active, .item.activated, .item-complex.active .item-content, .item-complex.activated .item-content, .item .item-content.active, .item .item-content.activated {
    border-color: #ccc;
    background-color: transparent;
}

.selection-dropdown {
    margin: 5px 10px !important;
}

/****************************/

.left-top-below-section > .left-section {
    max-width: fit-content;
}

.left-top-below-section > .right-section {
    vertical-align: top;
    width: 100%;
}

    .left-top-below-section > .right-section > .top-title {
        font-weight: bold;
        font-size: 20px;
        color: #c135b0;
        border-bottom: 1px solid #c135b0;
    }

    .left-top-below-section > .right-section > .bottom-content {
        font-size: 16px;
        color: grey;
    }

        .left-top-below-section > .right-section > .bottom-content > .show-hide-content {
            font-size: 16px;
            color: #a2059e;
        }

.circled-icon {
    border-radius: 22px;
    height: 30px;
    width: 30px;
    float: left;
    text-align: center;
    margin: 27px 6px 7px 3px;
    box-shadow: 0px 0px 0px 1px #e5e5e5;
    display: table;
    border: 1px solid #ccc;
    background: #fff;
}

    .circled-icon > .icon {
        display: table-cell;
        vertical-align: middle;
        font-size: 15px;
    }

/*******************************/

/************************ Instructor type UI ***************************/

.half-box-section > .item {
    float: left;
    width: 48%;
    margin: 3px;
    border-radius: 10px;
    height: 325px;
    padding: 0px !important;
    border: 2px solid #e5e5e5;
}

    .half-box-section > .item > .image {
        background: #FCFCFC;
        min-height: 250px !important;
    }

        .half-box-section > .item > .image > img {
            top: 0px !important;
            left: 0px !important;
            max-height: 200px !important;
            max-width: 100% !important;
            object-fit: cover;
            border-radius: 0px !important;
            border-top-left-radius: 5% !important;
            border-top-right-radius: 5% !important;
        }

.half-box-title {
    margin-top: -34px;
    color: #ce2efd !important;
    font-size: 20px;
    font-weight: 500;
}

.half-box-sub-title {
    margin-top: -16px;
    color: #5f9eff !important;
    font-size: 16px;
    font-weight: 500;
}

.half-box-content > p {
    font-size: 16px;
    color: #928b8b;
    margin-top: -12px;
}

.half-box-sub-content > p {
    font-size: 10px;
    color: #5f9eff;
    margin-top: -12px;
}

.half-box-content-in-two > .half-box-content > b {
    font-size: 11px;
    color: #5f9eff;
}

.half-box-content-in-two > .half-box-content > p {
    font-size: 11px;
    color: #928b8b;
    margin-top: -4px;
}

.half-box-content-in-two > .middle-line {
    color: #D799ED;
    margin: 5px 0 0 5px;
}

/**********************************************************************/

.alternate-row-colored {
    background-color: lightgrey;
}

.table-main-heading {
    color: #c135b0;
    font-weight: 500;
    padding-top: 5px !important;
}

.table-other-text {
    color: #928b8b;
    padding-top: 5px !important;
}

/******************************/

.row.button-in-center {
    width: 50%;
    margin: 0 auto;
}

    .row.button-in-center > .col > .item > .top-text {
        color: #da3ee4;
        font-size: 20px;
        margin: 0 !important;
    }

    .row.button-in-center > .col > .item > .bottom-text {
        color: #928b8b;
        font-size: 16px;
    }

/*******************************/

.select-in-one-line {
    display: inline-block;
}

.select-mini-dropdown {
    width: 111px;
    border-radius: 5px;
    box-shadow: 0px 1px 0px 0px #a4a0a0;
    border: 1px solid #ccc;
    height: 35px;
    background: #fff;
    color: #928b8b;
}

.bottom-space {
    margin-bottom: 50px;
}

.action-sheet-has-icons .button {
    padding-left: 0px !important;
}

.button.action-sheet-option > div {
    color: #928b8b;
}

.no-content-section > .no-content-logo {
    width: 100px;
    height: 100px;
    margin: 0 auto;
}

    .no-content-section > .no-content-logo > img {
        width: 100%;
    }

/*************************************/

.list > .text-inside-icon {
    background-color: transparent;
    border: none;
    display: inline-block;
}

    .list > .text-inside-icon > .icon {
        color: white;
    }

        .list > .text-inside-icon > .icon > .text {
            color: white;
            font-size: 12px;
            position: absolute;
        }
/************************************/

.profile-select {
    border: 0px;
}

/*************************************/

.list-other-content {
    padding: 0;
}

    .list-other-content > .left-content {
        padding: 0;
        text-align: left;
    }

        .list-other-content > .left-content > .text {
            font-size: 18px;
            margin-right: 12px;
            color: #928b8b;
        }

        .list-other-content > .left-content > .icon {
            font-size: 30px;
        }

    .list-other-content > .right-content {
        padding: 0;
        text-align: right;
        padding-top: 10px;
        font-size: 16px;
        color: #928b8b;
    }

/************************************************/

.verify-icon {
    color: #3eb04b;
    font-size: 25px !important;
    vertical-align: middle;
}

.action-sheet .button {
    border-color: #d1d3d6 !important;
}

span.binding-text > p {
    font-size: 10px !important;
}

.bar-header {
    border-bottom: 3px solid #12b0d2 !important;
}

/**********************/

.card.custom-card {
    margin: 10px !important;
}
    .card.custom-card > .item.item-body {
        padding: 2px;
    }

        .card.custom-card > .item.item-body > img {
            margin-bottom: -5px;
        }

.heart-shaped-image {
    border-radius: 0px !important;
}

.non-colored-tr {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.bookmark-icon-size {
    font-size: 22px;
}

/***************************************/

.report > .item.item-body > .title {
    color: #5f9eff;
}

.report > .item.item-body > .content {
    color: #928b8b;
}


/****************************************/

.top-search-bar {
    padding: 10px;
    background: #040322;
}

.tab-top-area {
    margin-top: 12%;
}

.modal-backdrop {
    background-color: transparent;
}

.modal-image {
    width: 100%;
    height: auto;
}

.dd-with-icon {
    min-width: 65%;
}

.detail-tabs > .tab-nav.tabs {
    width: 70%;
}

/********************* Media Query for webapp ***********************/

@media screen and (min-width: 768px) and (orientation:landscape) {

    .landscape_left_section {
        width: 40%;
        float: left;
    }

    .landscape_right_section {
        width: 60%;
        float: right;
        padding: 5px;
    }

    .list-with-img-right {
        margin: 10px !important;
    }

    .scroll-view.scroll-x {
        overflow-x: hidden;
    }

    .card_box {
        margin: 10px;
    }

    .half-box-section > .item {
        margin: 10px;
        max-width: 15.3%;
    }

    .detail-tabs > .tab-nav.tabs {
        width: 100%;
    }

    .tab_background {
        margin-left: auto;
        margin-right: 0px;
    }

    .tab-top-area {
        margin-top: 40px;
    }

    .review_numbers {
        font-size: 16px;
    }

    .colortitle {
        font-size: 16px;
    }

    .reviewcountSize {
        font-size: 16px;
    }

    .reviewtextSize {
        font-size: 16px;
    }

    .list-with-img-right-forum {
        height: 154px;
        margin: 10px !important;
        width: 370px;
    }

    .icon-label {
        font-size: 35px !important;
    }

    .user-form {
        width: 50%;
        margin-left: 25%;
    }

    .scroll-in-x-direction {
        overflow-x: hidden !important;
    }

    .custom-video-list > .item-body {
        padding: 5px;
        margin: 5px;
        width: 24.2%;
        height: auto;
        display: inline-grid;
    }

        .custom-video-list > .item-body > .card-video {
            height: 250px;
        }

    .dd-with-icon {
        min-width: 85%;
    }

    .opening-hrs-list > .opening-hrs-div {
        width: 30% !important;
    }
}

/********************************************************/

@media screen and (orientation: portrait) {
    .list.custom-video-list > .card-item {
        padding: 0;
        margin-bottom: 10px;
    }

        .list.custom-video-list > .card-item > .card-video {
            height: 200px;
        }

        .list.custom-video-list > .card-item > .card-content {
            padding: 0px 16px 16px 16px;
        }

    .tile-box {
        width: 50% !important;
    }
}

.squeezed-space {
    padding-top: 5px;
    padding-bottom: 5px;
}

    .squeezed-space.less {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .squeezed-space > h2, .squeezed-space > p {
        margin: 0px;
    }

text.highcharts-credits {
    visibility: hidden;
}

.full-width-image {
    width: 100%;
}

/*************************************/

.lesson-numbering {
    padding-left: 100px;
    overflow-y: hidden;
    min-height: 70px;
}

    .lesson-numbering > .item-big-left {
        height: 48px !important;
    }

        .lesson-numbering > .item-big-left > .number {
            padding-top: 12px !important;
        }

/************************************/

.common-back {
    margin: 0px !important;
    margin-right: 10px !important;
    margin-top: -5px !important;
}

    .common-back > .icon {
        font-size: 25px !important;
    }

.common-back-text {
    font-size: 18px !important;
    color: #fff;
}

.icon-text > .icon {
    color: #fff;
    font-size: 22px;
    vertical-align: middle;
}

.icon-text > .text {
    color: #fff;
    font-size: 16px;
    vertical-align: middle;
}

.header-right-icon > .icon {
    font-size: 30px;
    display: inline-block !important;
    vertical-align: middle !important;
}

.header-right-icon > .text {
    vertical-align: middle !important;
    display: inline-block !important;
    font-size: 20px;
    margin: 0px !important;
}

/*********************************DATA TABLE STRUCTURE*************************************/

.dataTables_wrapper {
    padding: 2px;
}

    /*Searching Field*/
    .dataTables_wrapper > .top > .dataTables_filter > label {
        color: #928b8b !important;
        display: contents !important;
    }

        .dataTables_wrapper > .top > .dataTables_filter > label > input {
            margin-left: 0px !important;
            margin-bottom: 5px !important;
            height: 30px !important;
            font-weight: 300 !important;
            background-color: #dcd3d3;
        }

/*Table*/
table.custom-data-table {
    border: 0.5px solid rgba(0, 0, 0, 0.5);
}

    table.custom-data-table > thead > tr {
        font-size: 15px;
        color: #5f9eff !important;
    }

        table.custom-data-table > thead > tr > th {
            padding: 2px !important;
        }

    table.custom-data-table > tbody > tr > td {
        font-size: 16px;
        color: #928b8b !important;
    }

    table.custom-data-table > thead > tr > th, table.custom-data-table > tbody > tr > td {
        border: 0.5px solid rgba(0, 0, 0, 0.5);
        text-align: center;
    }

table.dataTable.no-footer {
    border-bottom: 0px !important;
}

table.custom-data-table > .dataTables_info {
    font-size: 10px;
}

table.custom-data-table > .dataTables_paginate paging_simple_numbers > .paginate_button {
    font-size: 15px;
}

/*Info Field*/
.dataTables_info {
    text-align: right !important;
    font-size: 12px !important;
    width: 62% !important;
    float: right !important;
}

/*Length Field*/
.dataTables_length {
    text-align: left !important;
    margin-top: 10px !important;
    display: flex !important;
}

    .dataTables_length > label {
        font-size: 12px !important;
        display: flex !important;
    }

.dataTables_wrapper > .bottom > .dataTables_length > label {
    color: #928b8b !important;
    font-size: 10px;
}

    .dataTables_wrapper > .bottom > .dataTables_length > label > select {
        color: #928b8b !important;
        width: 50px;
        border: 0.5px solid rgba(0, 0, 0, 0.5);
        font-size: 10px;
    }

/******************************************************************************************/

.heading-bar {
    padding: 10px;
    padding-bottom: 0px;
}

    .heading-bar > .text {
        color: #fb03ff;
        font-size: 25px;
    }

.correct-badge {
    background-color: green;
    padding: 5px 5px 5px 30px;
    border-radius: 3px;
    margin-top: 5px;
}

.incorrect-badge {
    background-color: red;
    padding: 5px 5px 5px 30px;
    border-radius: 3px;
    margin-top: 5px;
}

.action-right-icon {
    font-size: 40px;
    margin-top: 8px;
}

    .action-right-icon.left-side-icon {
        margin-right: 20px;
    }

.action-right-icon-small {
    font-size: 20px;
    margin-top: 20px;
}

.input-left-heading {
    text-align: left;
    color: #da3ee4;
    font-size: 20px;
}

.input-right-content {
    padding: 5px;
}

.editButtons {
    border: 1px solid #ccc;
    border-radius: 3px;
    height: 30px;
    width: 110px;
    background: #fff;
    background: #ce2efd;
}

.checkbox input:checked:before, .checkbox input:checked + .checkbox-icon:before {
    background: #da3ee4;
    border-color: #da3ee4;
}

.list-selection-list > .list {
    padding: 20px;
}

.table-in-resp > table {
    width: 100%;
}

.custom-list-badge {
    background-color: #fb03ff;
    color: #fff;
    font-size: 16px;
    border-radius: 3px;
    padding: 10px;
}

.popup-input-type {
    border: none;
    color: #000;
}

.instructor-tabs > .tabs.tab-nav {
    top: 0px !important;
    background: #040322 !important;
}

.dot {
    height: 15px;
    width: 15px;
    background-color: red;
    border-radius: 50%;
    display: inline-block;
}

/******************* Custom Menu *********************/

.custom-menu {
    height: 100%;
    width: 68%;
    overflow: scroll;
    overflow-y: visible;
    margin-top: 44px;
    position: fixed;
    z-index: 9999;
}

    .custom-menu > .nav-list > .list {
        height: 100%;
        background-color: white;
        /*margin-bottom: 62px;*/
    }

.custom-back-button {
    border-bottom: 1px solid #ddd;
    background: #040322 !important;
}

/*****************************************************/

.report-icons {
    padding: 0px !important;
    padding-top: 5px !important;
}

    .report-icons > .col {
        padding: 0px !important;
    }

.upgrade-div {
    background: #f5efef;
    margin-bottom: 10px;
}

.item.item-body > .custom-font {
    font-family: sans-serif !important;
}

/******************************************************************************/

/****************************** CARD TYPE 1 - HOMEPAGE COURSE CARDS **********************************/

/*.row {
    margin-left: 0px;
}*/

.card-type-1 {
    margin-left: 0px;
}

    .card-type-1 > .division-col {
        padding: 0px;
    }

/*******************************************************************************/

.list-item-title {
    color: #da3ee4;
}

.list-item-subtitle {
    color: #5f9eff;
}

.list-item-content {
    color: #928b8b;
}

.icon-right-color {
    color: #928b8b;
}

/*******************************************************************************/

.mx-auto {
    margin: auto;
}

.anchor-tag {
    color: #387ef5;
}

.cancel-search-icon {
    float: right;
    margin-top: -46px;
    z-index: 9999;
    min-width: 35px;
    min-height: 35px;
}

.password-eye {
    background-color: transparent;
    color: #ce2efd;
    border-radius: 35px;
}

.checkbox-section {
    padding: 10px;
    padding-left: 35px;
    text-align: left;
}

/**************************************************/

.opening-hrs-list {
    padding: 15px;
}

    .opening-hrs-list > .opening-hrs-heading {
        color: #ff00ff;
        font-size: 20px;
    }

    .opening-hrs-list > .opening-hrs-div {
        width: 100%;
        margin: 0 auto;
        margin-top: 20px;
        margin-bottom: 20px;
    }

        .opening-hrs-list > .opening-hrs-div > .opening-hrs-row {
            background-color: #ff00ff;
        }

            .opening-hrs-list > .opening-hrs-div > .opening-hrs-row > .opening-hrs-col {
                text-align: left;
                color: #fff;
            }

/**************************************************/

.loading-container .loading {
    margin: 10px;
}

.home-tab-icon:before {
    padding: 5px;
}

.row.rating-margin {
    padding: 0px;
    padding-top: 2px;
}

.button-content {
    margin-top: 2px;
}

/************************* PANEL *************************/

.custom-panel {
    margin: 15px;
    background-color: #fff;
}

    .custom-panel > .custom-panel-body {
        border-top: 7px solid rgb(44, 153, 203);
    }

        .custom-panel > .custom-panel-body > .main-form > h4 {
            color: #333;
            font-weight: 500;
        }

        .custom-panel > .custom-panel-body > .main-form > p {
            color: #333;
            font-size: 14px;
        }

        .custom-panel > .custom-panel-body > .main-form > form > .form-group > .form-label, .custom-panel > .custom-panel-body > .main-form > form > .form-row > .form-group > .form-label {
            color: #333;
        }

        .custom-panel > .custom-panel-body > .main-form > form > .form-group > .form-control, .custom-panel > .custom-panel-body > .main-form > form > .form-row > .form-group > .form-control {
            padding: 6px 12px;
            color: #555;
            border: 1px solid #ccc;
            border-radius: 4px;
        }

.form-text-left {
    text-align: left;
}

.form-text-center {
    text-align: center;
}

.form-text-right {
    text-align: right;
}

.form-check-label {
    color: #555;
    font-size: 14px;
}

.assess-btn {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
    font-size: 14px;
    padding: 6px 12px;
}

    .assess-btn:hover, .assess-btn:focus {
        color: #fff;
        background-color: #286090;
        border-color: #204d74;
    }

.btn-warning {
    color: #fff !important;
    background-color: #f0ad4e !important;
    border-color: #eea236 !important;
}

@media (max-width: 768px) {
    .assess-col-2 {
        max-width: 16.666667%;
    }

    .assess-col-5 {
        max-width: 41.66666666666667%;
    }

    .assess-col-6 {
        max-width: 50%;
    }

    .assess-col-10 {
        max-width: 83.333333%;
    }

    .assess-col-12 {
        max-width: 100%;
    }
}

.form-row-large {
    color: #333 !important;
}

.form-row-small {
    color: #333 !important;
    display: block !important;
    padding: 3px !important;
    margin: 0px !important;
    margin-bottom: 5px !important;
    border-bottom: 1px solid #ccc !important;
}

/*************************************/

.menu-item > .item-content {
    padding: 15px 0px 15px 0px !important;
}

/********************/

.main-text-color {
    color: #fb03ff;
}

.submain-text-color {
    color: #5f9eff;
}

.side-text-color {
    color: #928b8b;
}

/************************************/

/*.single-digit-input {
    background-color: transparent !important;
    color: #999 !important;
    border: 1px solid #999 !important;
    border-radius: 5px;
    width: 50px;
    height: 60px !important;
    padding: 5px !important;
    margin: 5px;
    display: inline-block !important;
}

    .single-digit-input::-webkit-input-placeholder {
        color: #000 !important;
        font-size: 20px !important;
    }*/

/*****************************************************************/

.engagement-survey-container {
    background: -webkit-linear-gradient(left, #10253f, #10274199);
    padding: 15px;
}

    .engagement-survey-container > .row > .engagement-survey-container-left {
        text-align: center;
        margin-top: 6%;
    }

        .engagement-survey-container > .row > .engagement-survey-container-left > img {
            width: 25px;
        }

        .engagement-survey-container > .row > .engagement-survey-container-left > h3 {
            color: #fff;
        }

    .engagement-survey-container > .row > .engagement-survey-container-right {
        background: #f8f9fa;
        border-top-left-radius: 10% 50%;
        border-bottom-left-radius: 10% 50%;
        padding-right: 5px !important;
    }

        .engagement-survey-container > .row > .engagement-survey-container-right > .main-form > p {
            color: #333;
            font-size: 14px;
        }

.switch-field {
    display: flex;
    overflow: hidden;
}

    .switch-field input {
        position: absolute !important;
        clip: rect(0, 0, 0, 0);
        height: 1px;
        width: 1px;
        border: 0;
        overflow: hidden;
    }

    .switch-field label {
        background-color: white;
        color: #284B63;
        font-size: 12px;
        text-align: center;
        padding: 8px 8px;
        margin-right: -1px;
        border: 1px solid #707070;
        box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
        transition: all 0.1s ease-in-out;
    }

        .switch-field label:hover {
            cursor: pointer;
        }

    .switch-field input:checked + label {
        background-color: #10253f;
        box-shadow: none;
        color: white;
        opacity: 0.8;
    }

    .switch-field label:first-of-type {
        border-radius: 4px 0 0 4px;
    }

    .switch-field label:last-of-type {
        border-radius: 0 4px 4px 0;
    }

/****************************************************************/

.colored-box {
    padding-top: 10px;
    margin-bottom: 10px;
    min-height: 215px;
    text-align: left;
}

    .colored-box > ul {
        list-style: disc;
        padding-left: 25px;
    }

        .colored-box > ul > li {
            padding: 4px;
        }

.td-heading-bar {
    color: #fff;
    background-color: #215968;
    border-color: #31859c;
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

    .td-heading-bar > .td-heading {
        font-size: 16px;
        margin-bottom: 0px;
        color: #fff;
    }

.custom-blog {
    background: #fefefe;
    color: #666;
    font-size: small;
    padding: 12px 10px 12px 10px;
    border-top: solid 3px #ccc;
    border-radius: 5px;
    margin-bottom: 10px;
    -webkit-box-shadow: 0 10px 10px -5px rgb(0 0 0 / 8%);
    -moz-box-shadow: 0 10px 10px -5px rgba(0,0,0,.08);
    box-shadow: 0 10px 10px -5px rgb(0 0 0 / 8%);
    text-align: justify;
}

.custom-blog-info {
    border-color: #b8dbf2;
}

.pp-text {
    background: #fff;
    padding-left: 10px;
    padding-right: 10px;
}

.td-check {
    color: #33a53e;
}

/********************* Icon Buttons **********************/

.icon-button-group {
    position: relative;
    margin: 0 auto;
    display: table;
    padding-bottom: 10px;
}

    .icon-button-group > .icon-button {
        border-radius: 25px;
        height: 50px;
        width: 50px;
        float: left;
        text-align: center;
        display: table;
        box-shadow: 0px 0px 0px 1px #e5e5e5;
        background: #fff;
        margin: 19px 6px 7px 3px;
        border: 1px solid #ccc;
    }

        .icon-button-group > .icon-button:hover {
            background-color: #e2e6ea;
            border-color: #dae0e5;
        }

        .icon-button-group > .icon-button > .icon {
            display: table-cell;
            vertical-align: middle;
            font-size: 26px;
        }

/**************************************/

.correct-rounded-badge {
    background-color: green;
    color: #fff;
    z-index: 1;
    display: inline-block;
    padding: 3px 8px;
    min-width: 10px;
    border-radius: 10px;
    vertical-align: baseline;
    text-align: center;
    white-space: nowrap;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
}

.incorrect-rounded-badge {
    background-color: red;
    color: #fff;
    z-index: 1;
    display: inline-block;
    padding: 3px 8px;
    min-width: 10px;
    border-radius: 10px;
    vertical-align: baseline;
    text-align: center;
    white-space: nowrap;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
}

/*****************************************************/

.mr-table-heading1 {
    background-color: #215968;
    border-color: #31859c;
    padding: 5px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.mr-table-heading2 {
    background-color: #499bb1;
    border-color: #31859c;
    padding: 5px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.mr-table-heading3 {
    background: #e6e9ed;
    border-color: #31859c;
    padding: 5px;
    border: 2px solid #31859c;
    border-bottom: none;
}

.mr-table-heading1 > h3, .mr-table-heading2 > h3 {
    font-size: 16px;
    margin-bottom: 0px;
    color: #fff;
    font-weight: 300;
}

.mr-table-heading3 > h3 {
    font-size: 15px;
    margin-bottom: 0px;
    color: #000;
    font-weight: 400;
}

.mr-table-border {
    border: 2px solid #31859c !important;
}

.mr-table-font1 {
    font-size: 12px;
}

.mr-table-font2 {
    font-size: 9px;
}

.detail-bar {
    background: #040322;
    border: none;
}

    .detail-bar > img {
        border-radius: 50%;
    }

    .detail-bar > .heading {
        color: #a2059e;
        font-size: 20px;
    }

    .detail-bar > .content {
        color: #fff;
    }

    .detail-bar > p > .subcontent {
        color: #fff;
    }

    .detail-bar > p > a {
        text-decoration: none;
    }

.button-inbtwn {
    padding: 2px 20px 2px 20px;
    background: #fff;
    border: 1px solid #ccc;
}

    .button-inbtwn > .icon {
        font-size: 30px;
    }

.m-15 {
    margin: 15px;
}

.icon-click {
    cursor: pointer;
}

.flag-icon {
    font-size: 22px;
    vertical-align: middle;
}

.page-tabs > .tab-nav.tabs {
    height: 75px !important;
}

    .page-tabs > .tab-nav.tabs > .tab-item > .icon {
        margin-top: 10px !important;
        margin-bottom: -12px !important;
    }

    .page-tabs > .tab-nav.tabs > .tab-item > .tab-title {
        font-size: 13px !important;
        color: #888888 !important;
    }

.course-title {
    color: #1CB4D6;
}

.course-short-desc {
    color: #5C5C5C;
    font-size: 16px;
}

/************************ Instructor type UI ***************************/
.card-custom-cards {
    width: 100%;
    box-sizing: border-box;
    padding: 2em;
    font-family: Roboto;
    border-radius: 25px;
    color: white;
    line-height: 25px;
    box-shadow: 5px 5px 10px #ccc;
    float: left;
    margin-right: 1em;
  }
  
  .card-custom-purple {
      background: linear-gradient(90deg, #C56CD6 6.62%, #3425AF 111.87%);
      box-shadow: 0px 14px 7px rgba(0, 0, 0, 0.25);
  }

  .custom-HMS-fs {
      background: linear-gradient(90deg, #B3EB50 -12.27%, #21A897 97.57%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
      font-size: 50px;
      font-weight: 400;
  }

  .module-border-wrap {
      position: relative;
      border: 0.844px solid #B3EB50;
      padding: 1px;
  }

  .line-separator-hide {
      display: none !important;
  }

  ol li {
      list-style: decimal;

  }

  .li {
      margin-top: 2px !important;
      margin-bottom: 2px !important;
  }

  .light_grey {
      color: rgba(129, 129, 129, 1)
  }

  span.line {
      display: inline-block;
  }

  .line-separator {
    background: linear-gradient(90deg, #B3EB50 -12.27%, #21A897 97.57%);
      padding: 2px;
      margin: 0px 15px;
      border-radius: 10px;
  }

  .border_pricing {
      border-bottom: 4px solid #4BACC6;
  }


  .pricing_plan_container {
      background: #215968;
      backdrop-filter: blur(17.5px);
      border-radius: 25px;
      padding: 10px 30px !important;
  }

  .pricing_plan_subcontainer {
      background: linear-gradient(90deg, #B3EB50 -12.27%, #21A897 97.57%);;
      border-radius: 20px
  }

  .pricing-plan-btn {
      border-radius: 25px;
      padding: 3px 35px !important;
      border: 2px solid white;
      color: #fff;
      width: 230px;
      height: 45px;
      font-size: 20px;
      margin-left: -20px;
  }

  .banner-img {
      width: 100%;
  }

  .platform_des {
      background: linear-gradient(90deg, #B3EB50 -12.27%, #21A897 97.57%);
  }

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

  .container_banner img {
      width: 100%;
  }

  .container_banner .btn_banner {
      position: absolute;
      top: 83%;
      right: 0%;
      transform: translate(-33%, -70%);
      border-radius: 90px;
      right: -20px;
      width: 230px;
      height: 60px;
  }

  .container_banner .arrow {
    position: absolute;
    top: 78.8%;
    right: 10.1%;
    z-index: 1;
    width: 12px;
    height: 15px;
  }

  .height_90 {
      height: 145px;
  }

  .width-img{
    width: 86px;
}

.width-img-solution{
    height: 86px;
    width: 86px;
}

.width_100_50{
    width: 50%;
}

.section-img-size{
    height: 100px;
    width: 80px;
}

.section_text{
font-family: Arial !important;
font-size: 30px;
font-weight: 400;
line-height: 40px;
letter-spacing: 0em;
text-align: left;
margin: 0px;
}

.sub_section_text{
    font-family: Arial !important;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;
    margin: 0px;
    }

.visibility_mobile_none {
    visibility: collapse;
}

.visibility_desktop_none {
    visibility: visible;
}

.display_mobile_none {
    display: none;
}

.display_desktop_none {
    display: block;
}

.sub_section_title {
    background: linear-gradient(90deg, #B3EB50 -12.27%, #21A897 97.57%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 400;
    letter-spacing: 0em;
    text-align: left;
    margin: 0px;
    font-family: Arial !important;
    font-size: 30px;
    letter-spacing: 0em;
    text-align: left;
    line-height: 40px;
}

.training-img-size{
    width: 98.71px;
height: 99.81px;
}

.trainig_table_title{
    padding: 13px 0px;
    margin: 0px;
    font-size: 30px;
    font-weight: 400;
}
.traning_table_subtitle{
    font-family: Arial !important;
font-size: 20px;
font-weight: 500;
line-height: 30px;
letter-spacing: 0em;
text-align: left;
background: linear-gradient(90deg, #B3EB50 -12.27%, #21A897 97.57%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}

.traning_table_subtext {
    font-family: Arial !important;
    font-size: 20px;
    font-weight: 300;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;
    color: #23A997;
}

.training_image{
    height: 74px;
width: 73px;
}

.features-img-size{
    height: 115px;
width: 100px;
}

.solutions-img-size{
    height: 79px;
    width: 78px;  
}

.pricing_title{
    font-family: Arial !important;
font-size: 30px;
font-weight: 700;
line-height: 45px;
letter-spacing: 0px;
text-align: left;

}

.pricing_sub_title{
    font-family: Arial !important;
font-size: 19px;
font-weight: 600;
line-height: 28px;
letter-spacing: 0px;
text-align: left;

}

.pricing_sub_text{
    font-family: Arial !important;
font-size: 15px;
font-weight: 500;
line-height: 23px;
letter-spacing: 0px;
text-align: left;

}


  /* @media screen and (max-device-width: 480px) and (orientation: portrait) { */
    @media screen and (max-width: 1199px) {

        .visibility_mobile_none {
            visibility: visible !important;
        }
        
        .visibility_desktop_none {
            visibility: collapse !important;
        }

        .display_mobile_none {
            display: block !important;
        }
        
        .display_desktop_none {
            display: none !important;
        }

      .d_flex_land {
          display: flex !important;
      }

      .width_15 {
          width: 15% !important;
      }

      .width_100per {
          width: 100% !important;
      }


      .height_90 {
          height: 108px !important;
      }

      .width_200 {
          width: 300px !important;
      }

      .line-separator-hide {
          display: block !important;
      }

      .margin-top-20px {
          margin-top: 20px !important;
      }

      .bg_white {
          background-color: #fff !important;
      }

      .content_basic {
          max-height: 0;
          overflow: hidden;
          transition: max-height 0.3s ease;
      }

      .content_pro {
          max-height: 0;
          overflow: hidden;
          transition: max-height 0.3s ease;
      }

      .content_enterprise {
          max-height: 0;
          transition: max-height 0.3s ease;
      }

      .border_pricing {
          border-bottom: none !important;
          margin-top: 0px !important;
      }

      .banner-img {
          width: 100%;
      }

      .container_banner .btn_banner {
        position: absolute;
        top: 83%;
        right: 0%;
        transform: translate(-33%, -70%);
        border-radius: 90px;
        right: -20px;
        width: 143px !important;
        height: 41px !important;
      }

      .container_banner .arrow {
          position: absolute;
          top: 79.2%;
          right: 9.2%;
          z-index: 1;
          width: 8px !important;
          height:9px !important;
      }

    .width-img{
        height: 70px;
        width: 75px;
    }

    .width_100_50{
        width: 100% !important;
    }

    .section-img-size{
        Width:52.87px;
        Height:66.09px
    }
    .section_text{
        font-family: Arial !important;
        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 20px !important;
        letter-spacing: 0em;
        text-align: left;
        margin-top: 10px;
        }
        .custom-HMS-fs {
            background:linear-gradient(90deg, #B3EB50 -12.27%, #21A897 97.57%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            font-size: 30px !important;
            font-weight: 400;
            letter-spacing: 0em;
            text-align: left;
            margin: 0px;
        }

        .sub_section_title {
            background: linear-gradient(90deg, #B3EB50 -12.27%, #21A897 97.57%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            font-weight: 400;
            letter-spacing: 0em;
            text-align: left;
            margin: 0px;
            font-family: Arial !important;
            font-size: 20px !important;
            letter-spacing: 0em;
            text-align: left;
            line-height: 40px;
        }

        .sub_section_text{
            font-family: Arial !important;
            font-size: 14px !important;
            font-weight: 400;
            line-height: 20px !important;
            letter-spacing: 0em;
            text-align: left;
            margin: 0px;
            }
            .training-img-size{
                width: 60px !important;
            height: 62px !important;
            }

            .trainig_table_title{
                padding: 13px 0px;
                margin: 0px;
                font-size: 30px;
                font-weight: 400;
            }

            .traning_table_subtitle{
                font-family: Arial !important;
            font-size: 16px !important;
            font-weight: 500;
            line-height: 30px !important;
            letter-spacing: 0em;
            text-align: left;
            color: #23A997;
            }
                        .traning_table_subtext {
                            font-family: Arial !important;
                            font-size: 14px !important;
                            font-weight: 300;
                            line-height: 20px !important;
                            letter-spacing: 0em;
                            text-align: left;
                            color: #23A997;
                        }

                        .training_image{
                            height: 60px !important;
                        width: 60px !important;
                        }

                        .features-img-size{
                            height: 48px !important;
                        width: 57px !important;
                        }

                        .solutions-img-size{
                            height: 54px !important;
                            width: 54px !important;  
                        }

                        .width-img-solution{
                            height: 65px;
                            width: 66px;
                        }
                        .pricing_plan_container {
                            background: #215968;
                            backdrop-filter: blur(17.5px);
                            border-radius: 25px;
                            padding: 10px 10px !important;
                        }


  }
  .font_ar {
    font-family: Arial !important;
  }
  .table_training{
    height: 62.15px;
    border-radius: 13px 13px 0px 0px
}

.border-basic {
    border: 1px solid #0FF0B3;
}
.most_popular{
    float: right;
    margin-top: 20px;
    border-radius: 100px;
    border: none;
    margin-right: 20px;
    background: linear-gradient(182deg, #C56CD6 0%, #3425AF 100%);     height: 24px;
    font-size: 16px;
    font-weight: 700;
    width: fit-content;
    padding: 0px 10px;
    color: white !important;
}
.footer-homepage {
    background: linear-gradient(90deg, #B3EB50 -12.27%, #21A897 97.57%);
}

.btn-footer {
    border-radius: 65px;
    border: 1px solid #FFF;
    background: #FFF;
    color: #A0E35A;
    text-align: justify;
    font-family: Arial !important;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    width: 202.31px;
    height: 36.065px;
    flex-shrink: 0;
    text-align: center;
}

div.footer-homepage>div>div>a {
    text-decoration: none;
}

/* div.footer-homepage>div>div>img {
    margin-left: 20px;
} */

div.footer-homepage>div>div>a>span {
    color: #FFF;
    text-align: justify;
    font-family: Arial !important;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    margin-left: 10px;
}

.footer-border {
    border-bottom: 2px solid #FFF;
    margin-top: -2px;
    margin-left: 20px;
    width: 80%;
}


.dropbtn {
    color: #818181;
    padding: 16px;
    font-size: 22px;
    border: none;
    background-color: white !important;;
  }
  
  .dropdown {
    position: relative;
    display: inline-block;
  }
  
  .dropdown-content {
    display: none;
    position: absolute;
    background-color: white;
    min-width: 160px;
    z-index: 1;
  }
  
  .dropdown-content a {
    color: #818181;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    
  }
  
  .dropdown-content a:hover {
    background: rgba(16,37,63,.66);
    color: white;
    font-size: 18px;
}
  
  .dropdown:hover .dropdown-content {
    display: block;
    font-size: 18px;
}

  .dropdown:hover .dropbtn {
    background: rgba(16,37,63,.66);
    font-size: 18px;
  }
  
.social-share {
    width: 28px;
    height: 31px;
}

.w-button:hover {
    color: #fff !important;
    background-color: rgba(16, 37, 63, .66) !important;
  }
  
  .w-button {
    text-decoration: none;
    font-size: 17px;
  }

  .social-share {
    width: 28px;
    height: 31px;
}


.footer-homepage {
    background: linear-gradient(90deg, #B3EB50 -12.27%, #21A897 97.57%);
}

.btn-footer {
    border-radius: 65px;
    border: 1px solid #FFF;
    background: #FFF;
    color: #A0E35A;
    text-align: justify;
    font-family: Arial !important;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    width: 202.31px;
    height: 36.065px;
    flex-shrink: 0;
    text-align: center;
}

.footer-border {
    border-bottom: 2px solid #FFF;
    margin-top: -2px;
    margin-left: 20px;
    width: 80%;
}

.footer-dot-icon {
    width: 10px;
    height: 10px;
    background: white;
    display: inline-flex;
    margin-bottom: 5px;
}

.footer-left {
    padding-left: 130px;
}

@media only screen and (max-width: 767px) {
    .footer-left {
        padding-left: 0px;
    }
}