/*--------------------------------------------------------------
# Start Global Page
--------------------------------------------------------------*/

    @import "wow_book.css";
    @font-face {
        font-family: "bahij";
        src: url(../fonts/Bahij_TheSansArabic-Plain.ttf);
    }

    @font-face {
        font-family: "bahijLight";
        src: url(../fonts/Bahij_TheSansArabic-Light.ttf);
    }

    @font-face {
        font-family: "bahijBold";
        src: url(../fonts/Bahij_TheSansArabic-Bold.ttf);
    }

    @font-face {
        font-family: "neo";
        src: url(../fonts/NeoSansArabic.ttf);
    }

    @font-face {
        font-family: "neoLight";
        src: url(../fonts/NeoSansArabic-Light.ttf);
    }

    @font-face {
        font-family: "neoRegular";
        src: url(../fonts/neo-sans-arabic-regular.ttf);
    }

    @font-face {
        font-family: "neoMed";
        src: url(../fonts/NeoSansArabic-Medium.ttf);
    }

    @font-face {
        font-family: "neoBold";
        src: url(../fonts/NeoSansArabic-Bold.ttf);
    }

    body::-webkit-scrollbar-track {
        background-color: #d7d7d7;
    }

    body::-webkit-scrollbar {
        width: 6px;
        background-color: #F5F5F5;
    }

    body::-webkit-scrollbar-thumb {
        border-radius: 0;
        background-color: #29B4E3;
    }

    body {
        font-family: "neo", sans-serif;
        direction: rtl;
        position: relative;
        background-color: #FFFFFF;
        color: #484848;
        text-align: start;
    }

    ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    button {
        outline: none !important;
    }

    label {
        margin-inline-start: 2px;
    }

    .gap-10 {
        gap: 10px
    }

    a {
        text-decoration: none;
        font-family: "neo";
        color: #000;
        text-decoration: none;
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        transition: all 0.3s linear;
    }

    a:hover {
        text-decoration: none;
        color: #29B4E3;
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        transition: all 0.3s linear;
    }

    a:focus {
        text-decoration: none;
    }

    button,
    button:hover {
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        transition: all 0.3s linear;
    }

    p {
        margin: 0;
        color: #626262;
        font-size: 15px;
        line-height: 25px;
    }

    iframe {
        width: 100%;
        height: 100%;
    }

    .padding {
        padding: 0 !important;
    }

    input,
    button,
    input:focus,
    button:focus,
    input:active,
    button:active,
    button:hover,
    textarea:active,
    textarea:focus,
    select,
    select:active,
    select:focus {
        outline: none !important;
    }

    textarea {
        resize: none;
    }

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

    .mt-10 {
        margin-top: 10px;
    }

    .mb-10 {
        margin-bottom: 10px;
    }

    .pt-10 {
        padding-top: 10px;
    }

    .pb-10 {
        padding-bottom: 10px;
    }

    .mt-20 {
        margin-top: 20px;
    }

    .mb-20 {
        margin-bottom: 20px;
    }

    .pt-20 {
        padding-top: 20px;
    }

    .pb-20 {
        padding-bottom: 20px;
    }

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

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

    .pt-30 {
        padding-top: 30px;
    }

    .pb-30 {
        padding-bottom: 30px;
    }

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

    .mb-40 {
        margin-bottom: 40px;
    }

    .pt-40 {
        padding-top: 40px;
    }

    .pb-40 {
        padding-bottom: 40px;
    }

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

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

    .pt-50 {
        padding-top: 50px;
    }

    .pb-50 {
        padding-bottom: 50px;
    }

    .mt-60 {
        margin-top: 60px;
    }

    .mb-60 {
        margin-bottom: 60px;
    }

    .pt-60 {
        padding-top: 60px;
    }

    .pb-60 {
        padding-bottom: 60px;
    }

    .mt-70 {
        margin-top: 70px;
    }

    .mb-70 {
        margin-bottom: 70px;
    }

    .pt-70 {
        padding-top: 70px;
    }

    .pb-70 {
        padding-bottom: 70px;
    }

    .mt-80 {
        margin-top: 80px;
    }

    .mb-80 {
        margin-bottom: 80px;
    }

    .pt-80 {
        padding-top: 80px;
    }

    .pb-80 {
        padding-bottom: 80px;
    }

    .mt-90 {
        margin-top: 90px;
    }

    .mb-90 {
        margin-bottom: 90px;
    }

    .pt-90 {
        padding-top: 90px;
    }

    .pb-90 {
        padding-bottom: 90px;
    }

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

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

    .pt-100 {
        padding-top: 100px;
    }

    .pb-100 {
        padding-bottom: 100px;
    }

    .mb-0 {
        margin-bottom: 0 !important;
    }

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

    .pb-0 {
        padding-bottom: 0 !important;
    }

    .pt-0 {
        padding-top: 0 !important;
    }

    section {
        overflow: hidden;
        position: relative;
    }

    .owl-carousel {
        direction: ltr;
    }

    .main-color {
        color: #29B4E3;
    }

    .sec-color {
        color: #ED7565;
    }

    .bg_main-color {
        background-color: #29B4E3;
    }

    .bold {
        font-weight: 900;
    }

    .transition {
        transition: 0.3s;
    }

    .custom_pagination {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0 10px;
    }

    .custom_pagination a {
        width: 37px;
        height: 37px;
        border-radius: 5px;
        border: 1px solid #29B4E3;
        background-color: #fff;
        color: #6D6D6D;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .custom_pagination a.active {
        background-color: #29B4E3;
        color: #fff;
    }

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

    .flex_end {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .flex-end {
        justify-content: flex-end;
    }

    .flex-center-h {
        display: flex;
        align-items: center;
    }

    .gap-10 {
        gap: 0 10px;
    }

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

    .flex-between {
        justify-content: space-between;
    }

    .text-ellipsis {
        display: -webkit-box;
        text-overflow: ellipsis;
        overflow: hidden;
        -webkit-box-orient: vertical;
    }

    .sticky {
        position: sticky;
        top: 20px;
        z-index: 9999;
    }

    .text-end {
        text-align: end !important;
    }

    .white-text {
        color: #fff;
    }

    .clearfix {
        clear: both;
    }

    .owl-carousel .owl-item {
        direction: rtl;
    }

    .item_carousel {
        padding: 0 15px;
    }

    .item_carousel_p {
        padding: 15px;
    }

    .iti.iti--allow-dropdown {
        width: 100%;
    }

    .iti--allow-dropdown .iti__flag-container,
    .iti--separate-dial-code .iti__flag-container {
        left: auto;
        right: 0;
    }

    .iti--allow-dropdown input {
        padding-left: 0;
        padding: 10px !important;
        padding-inline-start: 90px !important;
    }

    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    .iti--separate-dial-code .iti__selected-dial-code {
        direction: ltr;
    }

    .iti--separate-dial-code .iti__selected-flag {
        justify-content: center;
    }
    /* Firefox */

    input[type=number] {
        -moz-appearance: textfield;
    }

    .custom_checkbox {
        display: flex;
        align-items: center;
        cursor: pointer;
    }

    .custom_checkbox input {
        position: absolute;
        top: 0;
        right: 0;
        width: 0;
        height: 0;
        opacity: 0;
    }

    .custom_checkbox .checkmark {
        position: relative;
        display: inline-block;
        width: 20px;
        height: 20px;
        border: 1px solid #E1E1E1;
        border-radius: 2px;
        background-color: transparent;
        transition: 0.3s;
    }

    .custom_checkbox .checkmark:after {
        position: absolute;
        font-family: "Font Awesome 5 Pro";
        font-size: 14px;
        content: "\f00c";
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: #fff;
        display: none;
    }

    .custom_checkbox .checkmark:before {
        position: absolute;
        content: "";
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) scale(0);
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background-color: rgba(41, 180, 227, 0.2);
        z-index: 0;
        transition: 0.3s;
    }

    .custom_checkbox input:checked~.checkmark {
        background-color: #29B4E3;
    }

    .custom_checkbox input:checked~.checkmark:before {
        transform: translate(-50%, -50%) scale(1);
    }

    .custom_checkbox input:checked~.checkmark:after {
        display: block;
    }

    .custom_checkbox p {
        margin: 0;
        margin-inline-start: 15px;
    }

    .pointer {
        cursor: pointer;
    }

    .form-control::placeholder {
        font-size: 14px;
    }

    .breadcrumbs {
        margin: 25px 0 0;
        display: flex;
        align-items: center;
        gap: 0 6px;
    }

    .breadcrumbs .home {
        color: #A0A0A0;
    }

    .breadcrumbs .home:hover {
        color: #29B4E3;
    }

    .breadcrumbs .break {
        color: #A0A0A0;
    }

    .breadcrumbs .current {
        color: #29B4E3;
    }

    .play-btn {
        width: 60px;
        height: 60px;
        background: radial-gradient(#29B4E3 50%, #29B4E3 52%);
        border-radius: 50%;
        display: inline-block;
        position: relative;
        overflow: hidden;
        z-index: 9;
    }

    .play-btn::before {
        content: "";
        position: absolute;
        width: 120px;
        height: 120px;
        border: 2px solid #29B4E3;
        opacity: 1;
        border-radius: 50%;
        top: -50%;
        left: -50%;
        animation: pulsate-btn 2s infinite;
    }

    .play-btn::after {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translateX(-40%) translateY(-50%);
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-left: 15px solid #fff;
        z-index: 100;
        transition: 0.6s;
    }

    .play-btn:hover::before {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translateX(-40%) translateY(-50%);
        width: 0;
        height: 0;
        border: none;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-left: 15px solid #fff;
        z-index: 101;
        animation: none;
        border-radius: 0;
    }

    .play-btn:hover::after {
        border-left: 15px solid #29B4E3;
        transform: scale(20);
    }

    @keyframes pulsate-btn {
        0% {
            transform: scale(0.3, 0.3);
            opacity: 1;
        }
        100% {
            transform: scale(1, 1);
            opacity: 0;
        }
    }

    .paddingPage {
        padding: 50px 0 80px;
    }

    .cursor-pointer {
        cursor: pointer;
    }

    .pass-group {
        position: relative;
        flex: 1;
    }

    .pass-group .toggle-password {
        position: absolute;
        left: 15px;
        top: 20px;
        transform: translateY(-50%);
        color: #77778d;
        font-size: 18px;
        cursor: pointer;
    }
    /*--------------------------------------------------------------
# End Global Page
--------------------------------------------------------------*/
    /*--------------------------------------------------------------
# Start loader
--------------------------------------------------------------*/

    .loader {
        position: fixed;
        right: 0;
        left: 0;
        top: 0;
        bottom: 0;
        z-index: 1000000000000000000000000000000;
        background: #fff;
        transition: all 0.5s;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    /*--------------------------------------------------------------
# End loader
--------------------------------------------------------------*/
    /*--------------------------------------------------------------
# Start nice select
--------------------------------------------------------------*/

    select {
        display: none;
    }

    .nice-select {
        -webkit-tap-highlight-color: transparent;
        background-color: #fff;
        border: none;
        box-sizing: border-box;
        clear: both;
        cursor: pointer;
        display: block;
        /* float: right; */
        font-family: inherit;
        font-size: 16px;
        font-weight: normal;
        line-height: 50px;
        outline: none;
        padding-right: 30px;
        padding-left: 30px;
        position: relative;
        transition: all 0.2s ease-in-out;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        white-space: nowrap;
        color: #E2DDDD;
        width: 100%;
        background: transparent;
        border-bottom: 1px solid #707070;
        padding: 0 20px;
    }

    .nice-select:hover {
        border-color: #dbdbdb;
    }

    .nice-select:active,
    .nice-select.open,
    .nice-select:focus {
        border-color: #999;
    }

    .nice-select:after {
        border-bottom: 1px solid #6d6d6d;
        border-right: 1px solid #6d6d6d;
        content: "";
        display: block;
        height: 8px;
        margin-top: -4px;
        pointer-events: none;
        position: absolute;
        left: 15px;
        top: 50%;
        -webkit-transform-origin: 66% 66%;
        transform-origin: 66% 66%;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        transition: all 0.15s ease-in-out;
        width: 8px;
    }

    .nice-select.open:after {
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }

    .nice-select.open .list {
        opacity: 1;
        pointer-events: auto;
        -webkit-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0);
    }

    .nice-select.disabled {
        border-color: #ededed;
        color: #999;
        pointer-events: none;
    }

    .nice-select.disabled:after {
        border-color: #cccccc;
    }

    .nice-select.wide {
        width: 100%;
    }

    .nice-select.wide .list {
        left: 0 !important;
        right: 0 !important;
    }

    .nice-select.right {
        float: right;
    }

    .nice-select.right .list {
        left: auto;
        right: 0;
    }

    .nice-select.small {
        font-size: 12px;
        height: 36px;
        line-height: 34px;
    }

    .nice-select.small:after {
        height: 4px;
        width: 4px;
    }

    .nice-select.small .option {
        line-height: 34px;
        min-height: 34px;
    }

    .nice-select .list {
        background-color: #fff;
        border-radius: 5px;
        box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
        box-sizing: border-box;
        margin-top: 4px;
        opacity: 0;
        overflow: hidden;
        padding: 0;
        pointer-events: none;
        position: absolute;
        top: 100%;
        right: 0;
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-transform: scale(0.75) translateY(-21px);
        transform: scale(0.75) translateY(-21px);
        transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
        z-index: 9;
        width: min-content;
        max-height: 200px;
        overflow: auto;
    }

    .nice-select .option {
        cursor: pointer;
        font-weight: 400;
        line-height: 40px;
        list-style: none;
        min-height: 40px;
        outline: none;
        padding: 0 10px;
        text-align: start;
        transition: all 0.2s;
        color: #29B4E3;
        background: #fff;
    }
    /*--------------------------------------------------------------
# End nice select
--------------------------------------------------------------*/
    /***
====================================================================
	Start Mobile Menu
====================================================================
***/

    .nav-outer .mobile-nav-toggler {
        position: relative;
        float: right;
        font-size: 30px;
        line-height: 50px;
        cursor: pointer;
        color: #ffffff;
        display: none;
    }

    .mobile-menu {
        position: fixed;
        right: 0;
        top: 0;
        width: 300px;
        padding-inline-end: 30px;
        max-width: 100%;
        height: 100%;
        visibility: hidden;
        z-index: 999999;
    }

    .mobile-menu .nav-logo {
        position: relative;
        padding: 20px 20px;
        /* text-align: left; */
    }

    .mobile-menu .nav-logo img {
        max-width: 200px;
        max-height: 55px;
    }

    .mobile-menu-visible {
        overflow: hidden;
    }

    .mobile-menu-visible .mobile-menu {
        visibility: visible;
    }

    .mobile-menu .menu-backdrop {
        position: fixed;
        right: 0;
        top: 0;
        width: 0%;
        height: 100%;
        z-index: 1;
        background: rgba(0, 0, 0, 0.9);
        -webkit-transform: translateX(101%);
        -ms-transform: translateX(101%);
        transform: translateX(101%);
        transition: all 900ms ease;
        -moz-transition: all 900ms ease;
        -webkit-transition: all 900ms ease;
        -ms-transition: all 900ms ease;
        -o-transition: all 900ms ease;
        -webkit-transition-delay: 300ms;
        -moz-transition-delay: 300ms;
        -ms-transition-delay: 300ms;
        -o-transition-delay: 300ms;
        transition-delay: 300ms;
    }

    .mobile-menu-visible .mobile-menu .menu-backdrop {
        opacity: 1;
        width: 100%;
        visibility: visible;
        transition: all 900ms ease;
        -moz-transition: all 900ms ease;
        -webkit-transition: all 900ms ease;
        -ms-transition: all 900ms ease;
        -o-transition: all 900ms ease;
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
    }

    .mobile-menu .menu-box {
        position: absolute;
        right: -400px;
        top: 0px;
        width: 100%;
        height: 100%;
        max-height: 100%;
        overflow-y: auto;
        background: #ffffff;
        padding: 0px 0px;
        z-index: 5;
        border-radius: 0px;
        transition: all 900ms ease;
        -moz-transition: all 900ms ease;
        -webkit-transition: all 900ms ease;
        -ms-transition: all 900ms ease;
        -o-transition: all 900ms ease;
    }

    .mobile-menu-visible .mobile-menu .menu-box {
        right: 0px;
        -webkit-transition-delay: 600ms;
        -moz-transition-delay: 600ms;
        -ms-transition-delay: 600ms;
        -o-transition-delay: 600ms;
        transition-delay: 600ms;
    }

    .mobile-menu .close-btn {
        /* position: absolute; */
        right: 0;
        top: 0;
        line-height: normal;
        width: auto;
        text-align: center;
        font-size: 15px;
        color: #fff;
        cursor: pointer;
        z-index: 10;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        -webkit-transform: translateY(-50px);
        -ms-transform: translateY(-50px);
        transform: translateY(-50px);
    }

    .mobile-menu-visible .mobile-menu .close-btn {
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
        transform: translateY(0px);
        -webkit-transition-delay: 900ms;
        -moz-transition-delay: 900ms;
        -ms-transition-delay: 900ms;
        -o-transition-delay: 900ms;
        transition-delay: 900ms;
    }

    .mobile-menu .close-btn:hover {
        opacity: 0.5;
    }

    .mobile-menu .navigation {
        position: relative;
        display: block;
        width: 100%;
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        max-height: calc(100vh - 152px);
        overflow: hidden;
        overflow-y: auto;
        display: block;
    }

    .mobile-menu .navigation li {
        position: relative;
        display: block;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

    .mobile-menu .navigation li>ul>li:last-child {
        border-bottom: none;
    }

    .mobile-menu .navigation li>ul>li:first-child {
        border-top: 1px solid rgba(0, 0, 0, 0.1);
    }

    .mobile-menu .navigation li>a {
        position: relative;
        display: inline-block;
        line-height: 24px;
        padding: 10px 20px;
        font-size: 15px;
        color: #404040;
        text-transform: capitalize;
    }

    .mobile-menu .navigation li:hover>a,
    .mobile-menu .navigation li.current>a {
        color: #111111;
    }

    .mobile-menu .navigation li.dropdown .dropdown-btn {
        position: absolute;
        right: 0px;
        top: 0px;
        width: 44px;
        height: 44px;
        text-align: center;
        font-size: 16px;
        line-height: 44px;
        color: #404040;
        cursor: pointer;
        z-index: 5;
    }

    .mobile-menu .navigation li.dropdown .dropdown-btn:after {
        content: "";
        position: absolute;
        left: 0px;
        top: 10px;
        width: 1px;
        height: 24px;
        border-left: 1px solid rgba(0, 0, 0, 0.1);
    }

    .mobile-menu .navigation li>ul,
    .mobile-menu .navigation li>ul>li>ul {
        display: block;
        background: var(--bg-color);
        height: 0;
        transition: all 0.5s;
        overflow: hidden;
    }

    .sticky-header .navbar-header {
        display: none;
    }

    .sticky-header .outer-box .nav-btn {
        position: relative;
        top: 4px;
        float: right;
        font-size: 22px;
        color: #000000;
        cursor: pointer;
        margin-top: 0px;
        margin-left: 30px;
    }

    .sticky-header .outer-box .mobile-nav-toggler {
        position: relative;
        float: right;
        font-size: 28px;
        color: #000000;
        cursor: pointer;
        margin-left: 30px;
    }

    .sticky-header .outer-box .search-box-btn {
        color: #000000;
    }

    .sticky-header .outer-box {
        padding: 22px 0px;
    }

    .mobile-menu .menu-box .nav-title {
        display: flex;
        align-items: center;
        padding: 12px 15px;
        background: #29B4E3;
        justify-content: space-between;
    }

    .mobile-menu .menu-box .nav-title h3 {
        margin: 0;
        color: #fff;
        font-size: 18px;
        font-family: "bahijBold";
    }

    .mobile-menu .navigation li.menu-item-has-children::after {
        content: "\f107";
        position: absolute;
        left: 0;
        top: 0;
        margin: 10px;
        font-family: "Line Awesome Free";
        font-weight: bold;
        transition: all 0.5s;
    }

    .mobile-menu .navigation li.open .sub-menu {
        height: auto;
        padding: 0 20px;
    }

    .mobile-menu .navigation li.menu-item-has-children.open::after {
        transform: rotate(180deg);
    }
    /***
====================================================================
	End Sidebar style
====================================================================
***/
    /*--------------------------------------------------------------
# Start second nav
--------------------------------------------------------------*/

    .second_nav {
        background-color: #29B4E3;
        padding: 20px 0;
        box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
        position: relative;
        z-index: 99999;
    }

    .second_nav.in_home {
        background-color: #fff;
    }

    .second_nav.in_home .center_div .main_list>li>a {
        color: #000;
    }

    .second_nav.in_home .setting_mobile span {
        color: #111;
    }

    .second_nav.in_home .search_box {
        border: 1px solid #D0D0D0;
    }

    .second_nav.in_home .settings .main-btn.main {
        background: #29B4E3;
        color: #fff;
    }

    .second_nav.in_home .settings .icon {
        border: 1px solid #E4E4E4;
    }

    .second_nav.in_home .settings .icon:hover {
        border-color: #ED7565;
    }

    .second_nav.in_home .settings .lang {
        color: #6D6D6D;
    }

    @media (max-width: 767.98px) {
        .second_nav.in_home .settings .lang {
            border: 1px solid #E4E4E4;
            color: #29B4E3;
        }
    }

    .second_nav.login_nav .search_box,
    .second_nav.login_nav .settings .icons {
        display: none;
    }

    .second_nav.login_nav .setting_mobile {
        color: #fff;
    }

    .second_nav.login_nav .settings .main-btn.white {
        display: flex;
        background-color: #fff;
        color: #29B4E3;
        gap: 0 8px;
        font-family: "neoRegular";
    }

    .second_nav.login_nav .settings .main-btn.white:hover {
        background-color: #ED7565;
        color: #fff;
    }

    .second_nav.in_course {
        background-color: #F3F3F3;
        box-shadow: none;
    }

    .second_nav.in_course .search_box,
    .second_nav.in_course #icon_search {
        display: none !important;
    }

    .second_nav.in_course .settings .lang {
        color: #6D6D6D;
    }

    @media (max-width: 767.98px) {
        .second_nav.in_course .settings .lang {
            border: 1px solid #E4E4E4;
            color: #29B4E3;
        }
    }

    .second_nav .center_div {
        display: flex;
        align-items: center;
        gap: 0 40px;
    }

    .second_nav .center_div .main_list {
        display: flex;
        align-items: center;
        gap: 0 20px;
    }

    .second_nav .center_div .main_list>li {
        position: relative;
        padding: 10px 0;
    }

    .second_nav .center_div .main_list>li>a {
        display: flex;
        align-items: center;
        gap: 0 5px;
        color: #fff;
    }

    .second_nav .center_div .main_list>li>a i {
        font-size: 12px;
        margin-top: 4px;
    }

    .second_nav .center_div .main_list>li .dropdown_menu {
        position: absolute;
        top: 100%;
        margin-top: 20px;
        min-width: 250px;
        background-color: #fff;
        border-radius: 4px;
        box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
        z-index: 9999;
        opacity: 0;
        visibility: hidden;
        transition: 0.3s;
        /*max-height: 230px;*/
        overflow: visibal;
    }

    .second_nav .center_div .main_list>li .dropdown_menu li a {
        padding: 7px 10px;
        display: block;
    }

    .second_nav .center_div .main_list>li .dropdown_menu li a:hover {
        background: #29b4e3;
        color: #fff;
    }

    .second_nav .center_div .main_list>li .dropdown_menu li:not(:last-of-type) {
        border-bottom: 1px solid #eee;
    }

    .second_nav .center_div .main_list>li:hover .dropdown_menu {
        opacity: 1;
        visibility: visible;
        margin-top: 0px;
    }

    .second_nav .logo img {
        max-width: 200px;
    }

    .second_nav .setting_mobile {
        justify-content: flex-end;
        font-size: 25px;
        gap: 0 15px;
    }

    .second_nav .setting_mobile span {
        cursor: pointer;
        color: #fff;
    }

    .second_nav .search_box {
        display: flex;
        align-items: center;
        background: #fff;
        border-radius: 60px;
        padding: 0 7px;
        height: 40px;
        flex: 1;
    }

    .second_nav .search_box input {
        border: 0;
        background: none;
        height: 100%;
        box-shadow: none;
    }

    .second_nav .search_box input::placeholder {
        color: #C4C4C4;
    }

    .second_nav .search_box .icon {
        width: 28px;
        min-width: 28px;
        height: 28px;
        background-color: #29B4E3;
        border-radius: 50%;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: 0.3s;
    }

    .second_nav .search_box .icon:hover {
        background-color: #ED7565;
    }

    .second_nav .settings {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .second_nav .settings .icons {
        display: flex;
        align-items: center;
        gap: 0 16px;
    }

    .second_nav .settings .main-btn.main {
        background: #fff;
        color: #29b4e3;
        gap: 0 5px;
    }

    .second_nav .settings .login_box {
        position: relative;
    }

    .second_nav .settings .login_box .dropdown_menu {
        position: absolute;
        background-color: #fff;
        border-radius: 5px;
        box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
        min-width: 160px;
        top: 100%;
        margin-top: 20px;
        opacity: 0;
        transition: 0.3s;
        visibility: hidden;
        z-index: 9;
        overflow: hidden;
    }

    .second_nav .settings .login_box .dropdown_menu.open {
        opacity: 1;
        visibility: visible;
        margin-top: 10px;
    }

    .second_nav .settings .login_box .dropdown_menu li:not(:last-of-type) {
        border-bottom: 1px solid #F0F0F0;
    }

    .second_nav .settings .login_box .dropdown_menu li a {
        padding: 11px 9px;
        color: #484848;
        display: flex;
        align-items: center;
        gap: 0 4px;
    }

    .second_nav .settings .login_box .dropdown_menu li a:hover {
        background-color: #ED7565;
        color: #fff;
    }

    .second_nav .settings .login_box .dropdown_menu li i {
        font-size: 18px;
    }

    .second_nav .settings .noti_box .dropdown_menu {
        min-width: 180px;
    }

    .second_nav .settings .noti_box .dropdown_menu li a {
        gap: 0 6px;
        color: #484848;
    }

    .second_nav .settings .noti_box .dropdown_menu img {
        width: 34px;
        height: 34px;
        min-width: 34px;
        border-radius: 50%;
    }

    .second_nav .settings .noti_box .dropdown_menu .text {
        font-size: 14px;
        font-family: "neoLight";
    }

    .second_nav .settings .noti_box .dropdown_menu .all_noti {
        width: 100%;
        text-align: center;
        display: block;
        font-size: 14px;
        color: #29B4E3;
        margin: 7px 0 12px;
    }

    .second_nav .settings .noti_box .dropdown_menu .all_noti:hover {
        color: #ED7565;
    }

    .second_nav .settings .icon,
    .setting_mobile .icon {
        position: relative;
        width: 36px;
        min-width: 36px;
        height: 36px;
        background-color: #fff;
        color: #29B4E3 !important;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 22px;
        cursor: pointer;
        transition: 0.3s;
    }

    .second_nav .settings .icon:hover,
    .setting_mobile .icon:hover {
        background-color: #ED7565;
        color: #fff !important;
    }

    .second_nav .settings .icon .active,
    .setting_mobile .icon .active {
        position: absolute;
        top: -5px;
        right: -1px;
        border-radius: 50%;
        min-width: 14px;
        min-height: 14px;
        background-color: #FF5E49;
        font-size: 11px;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .second_nav .settings .lang {
        margin-inline-start: 16px;
        padding-inline-start: 16px;
        border-inline-start: 1px solid rgba(211, 211, 211, 0.65);
        color: #fff;
        display: flex;
        align-items: center;
        gap: 0 5px;
    }

    .second_nav .settings .lang:hover {
        color: #ED7565;
    }

    .minicart_wrapper {
        position: relative;
    }

    .minicartBox {
        background: #fff;
        padding: 0.65rem;
        border: 1px solid #dee2e6;
        width: 380px;
        position: absolute;
        top: 40px;
        z-index: 10;
        -webkit-transition: all 0.25s ease;
        transition: all 0.25s ease;
        display: none;
        right: auto;
        left: 0;
    }

    .minicartBox.show {
        display: block;
    }

    .minicartBox:before {
        content: "";
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #dee2e6;
        position: absolute;
        top: -10px;
        right: auto;
        left: 5px;
    }

    .minicartBox h5 {
        font-size: 0.9rem;
        position: relative;
        color: #000;
    }

    .minicartBox h5 span {
        position: absolute;
        top: 0;
        font-size: 0;
        right: auto;
        left: 10px;
    }

    .minicartBox hr {
        margin-top: 0.6rem;
        margin-bottom: 0.6rem;
        display: flex;
    }

    .minicartBox .cart-details .product-name {
        font-size: 0.9rem;
        margin-inline-end: 35px;
    }

    .minicartBox .cart-details {
        max-height: 300px;
        overflow-y: auto;
        overflow-x: hidden;
        padding: 0 15px;
    }

    .minicartBox .cart-details .product-pricing {
        font-size: 16px;
    }

    .minicartBox .cart-details span.remove {
        color: #434343;
        cursor: pointer;
        position: absolute;
        top: 0;
        left: 15px;
    }

    .minicartBox .product-image {
        padding: 0 !important;
    }

    .minicartBox .product-image img {
        border: 1px solid #dee2e6;
        height: 46px;
        object-fit: cover;
        width: 100%;
    }

    .minicartBox .subtotal.row {
        flex-direction: inherit;
        padding: 10px 15px 0;
        font-size: 17px;
    }

    .minicartBox .subtotal strong {
        font-size: 0.8rem;
        font-weight: 700;
    }

    .minicartBox .actions a {
        padding-left: 2.25rem;
        padding-right: 2.25rem;
        text-transform: uppercase;
        width: 100%;
        background-color: #fff;
        color: #29B4E3;
        border: 1px solid #29B4E3;
        margin: 0;
    }

    .minicartBox .actions a:hover {
        background-color: #29B4E3;
        color: #fff;
    }

    .minicartBox h5 span:after,
    .minicartBox h5 span:before {
        position: absolute;
        content: "";
        background: #000;
        width: 3px;
        height: 14px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .minicartBox h5 span:after {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .mobile_list {
        position: fixed;
        top: 0;
        right: 0;
        height: 100%;
        width: 250px;
        background: #fff;
        z-index: 999999;
        box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
        transform: translateX(100%);
        opacity: 0;
        transition: 0.3s;
    }

    .mobile_list.open {
        transform: translateX(0);
        opacity: 1;
    }

    .mobile_list .top_div {
        padding: 15px;
        display: flex;
        align-items: center;
        gap: 0 10px;
        justify-content: center;
        border-bottom: 1px solid #ddd;
    }

    .mobile_list .icons {
        display: flex;
        align-items: center;
        gap: 0 6px;
    }

    .mobile_list .icons .login_box {
        position: relative;
    }

    .mobile_list .icons .login_box .dropdown_menu {
        position: absolute;
        background-color: #fff;
        border-radius: 5px;
        box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
        min-width: 160px;
        top: 100%;
        margin-top: 20px;
        opacity: 0;
        transition: 0.3s;
        visibility: hidden;
        z-index: 9;
        overflow: hidden;
    }

    .mobile_list .icons .login_box .dropdown_menu.open {
        opacity: 1;
        visibility: visible;
        margin-top: 10px;
    }

    .mobile_list .icons .login_box .dropdown_menu li:not(:last-of-type) {
        border-bottom: 1px solid #F0F0F0;
    }

    .mobile_list .icons .login_box .dropdown_menu li a {
        padding: 11px 9px;
        color: #484848;
        display: flex;
        align-items: center;
        gap: 0 4px;
    }

    .mobile_list .icons .login_box .dropdown_menu li a:hover {
        background-color: #ED7565;
        color: #fff;
    }

    .mobile_list .icons .login_box .dropdown_menu li i {
        font-size: 18px;
    }

    .mobile_list .icons .noti_box .dropdown_menu {
        min-width: 180px;
    }

    .mobile_list .icons .noti_box .dropdown_menu li a {
        gap: 0 6px;
        color: #484848;
    }

    .mobile_list .icons .noti_box .dropdown_menu img {
        width: 34px;
        height: 34px;
        min-width: 34px;
        border-radius: 50%;
    }

    .mobile_list .icons .noti_box .dropdown_menu .text {
        font-size: 14px;
        font-family: "neoLight";
    }

    .mobile_list .icons .noti_box .dropdown_menu .all_noti {
        width: 100%;
        text-align: center;
        display: block;
        font-size: 14px;
        color: #29B4E3;
        margin: 7px 0 12px;
    }

    .mobile_list .icons .noti_box .dropdown_menu .all_noti:hover {
        color: #ED7565;
    }

    .mobile_list .icons .icon {
        position: relative;
        width: 30px;
        min-width: 30px;
        height: 30px;
        background-color: #29b4e3;
        color: #fff;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
        cursor: pointer;
        transition: 0.3s;
    }

    .mobile_list .icons .icon:hover {
        background-color: #ED7565;
        color: #fff;
    }

    .mobile_list .icons .icon .active {
        position: absolute;
        top: -5px;
        right: -1px;
        border-radius: 50%;
        width: 14px;
        height: 14px;
        background-color: #FF5E49;
        font-size: 11px;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .mobile_list .list_menu .link_style {
        padding: 15px;
        border-bottom: 1px solid #ddd;
        display: flex;
        gap: 0 4px;
        justify-content: space-between;
        cursor: pointer;
        transition: 0.3s;
    }

    .mobile_list .list_menu .link_style:hover {
        background-color: #29B4E3;
        color: #fff;
    }

    .mobile_list .list_menu .link_style i {
        font-size: 12px;
    }

    .mobile_list .list_menu .dropdown_menu {
        display: none;
    }

    .mobile_list .list_menu .dropdown_menu li a {
        display: block;
        padding: 10px 30px;
        border-bottom: 1px solid #ddd;
        font-size: 14px;
        color: #000;
        opacity: 1;
    }

    .mobile_list .list_menu .dropdown_menu li a:hover {
        background-color: #29B4E3;
        color: #fff;
    }

    .mobile_list .minicartBox {
        left: auto;
        right: 0;
    }

    .mobile_list .minicartBox:before {
        left: auto;
        right: 5px;
    }
    /*--------------------------------------------------------------
# End second nav
--------------------------------------------------------------*/
    /*--------------------------------------------------------------
# Start Page Header
--------------------------------------------------------------*/

    .page_header {
        height: 284px;
        background-position: center;
        background-size: cover;
    }

    .page_header:after {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.35);
    }

    .page_header .content {
        position: relative;
        z-index: 1;
    }

    .page_header .breadcrumbs {
        margin: 15px 0 0;
    }

    .page_header .breadcrumbs .home {
        color: rgba(255, 255, 255, 0.58);
    }

    .page_header .breadcrumbs .home:hover {
        color: #29B4E3;
    }

    .page_header .breadcrumbs .current,
    .page_header .breadcrumbs .break {
        color: #fff;
    }

    .page_header .page_name {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: #fff;
        font-size: 48px;
        font-family: "neoMed";
    }
    /*--------------------------------------------------------------
# End Page Header
--------------------------------------------------------------*/
    /*--------------------------------------------------------------
# Start home page
--------------------------------------------------------------*/
    /* Start Header */

    header {
        padding: 20px 0;
        box-shadow: 0px 3px 26px rgba(41, 180, 227, 0.6);
    }

    .header-in {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .header-in .logo {
        display: block;
        width: 320px;
        height: 86px;
    }

    .header-in .nav-inner .menu-left ul {
        display: flex;
        align-items: center;
        /* gap: 25px; */
        flex-wrap: wrap;
    }

    .header-in .nav-inner .menu-left ul li {
        position: relative;
        padding: 0 12px;
    }

    .header-in .nav-inner .menu-left ul li a {
        color: #282828;
        font-size: 16px;
        min-width: auto;
        padding: 0;
        min-height: auto;
        background: transparent;
    }

    .header-in .nav-inner .menu-left ul li a span {
        display: inline-block;
        margin-inline-start: 5px;
    }

    .header-in .nav-inner .menu-left ul li a i {
        font-size: 18px;
    }

    .header-in .nav-inner .menu-left ul li a.lang span {
        margin: 0;
        margin-inline-end: 5px;
    }

    .header-in .nav-inner .menu-left ul li::after {
        content: "";
        position: absolute;
        left: -2px;
        border-left: 1px solid #fff;
        top: 3px;
        height: 18px;
    }

    .header-in .nav-inner .menu-left ul li .btn-cart i {
        font-size: 24px;
        margin: 0;
    }

    .header-in .nav-inner .menu-left ul li a.req-h,
    .req-h {
        width: 147px;
        height: 45px;
        background: #29B4E3;
        box-shadow: 0px 3px 6px #0000001A;
        border-radius: 8px;
        display: table;
        text-align: center;
        padding: 10px;
        color: #fff;
    }

    .header-in .nav-inner .menu-left ul li.req-hh::after {
        display: none;
    }

    .header-in .nav-inner .menu-left ul li.req-hh {
        padding: 0;
    }

    .header-in .nav-inner .menu-left ul li:last-child {
        padding-inline-end: 0;
    }

    .header-in .nav-inner .menu-left ul li:last-child::after {
        display: none;
    }

    .header-in .nav-inner .menu-left ul li:first-child {
        padding-inline-start: 0;
    }

    .header-in .nav-inner .menu-left ul li a.req-h:hover,
    .header-in .nav-inner .menu-left ul li a.req-h:focus {
        background: #ED7565;
        color: #fff;
    }

    .header-in .nav-inner .menu-left ul li a:hover,
    .header-in .nav-inner .menu-left ul li a:focus {
        color: #ED7565;
    }
    /* End Header */
    /* Start Home-slider */

    .banner-home,
    .banner-home .home-slider,
    .block-home-slider {
        height: 769px;
        overflow: hidden;
    }

    .block-home-slider .overlay-img {
        position: relative;
        height: 100%;
    }

    .block-home-slider .overlay-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        transition: all 30s;
    }

    .block-home-slider .overlay-img::after {
        content: "";
        position: absolute;
        right: 0;
        left: 0;
        top: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(63deg, #0222F2 0%, #8E55FF 73%, #F0F2FF 100%);
        opacity: 0.56;
    }

    .active .block-home-slider .overlay-img img {
        transform: scale(1.5) translate(-20px, 20px);
    }

    .banner-home .home-slider {
        position: absolute;
        right: 0;
        left: 0;
        top: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
    }

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

    .banner-home .container .row {
        align-items: center;
    }

    .search-h {
        max-width: 640px;
        margin: 0 auto;
    }

    .search-h h1 {
        margin: auto;
        text-align: center;
        color: #FFF;
        font-size: 32px;
        font-family: "neoBold";
        line-height: 1.6;
    }

    .search-h form {
        display: flex;
        align-items: center;
        margin: 36px 0 0;
        background: #fff;
        border: 1px solid #B1B1B1;
        border-radius: 8px;
        padding: 12px;
    }

    .search-h form .form-group .nice-select {
        width: 156px;
        border: none;
        color: #6D6D6D;
        font-size: 16px;
        height: auto;
        line-height: normal;
        padding-inline-start: 10px;
    }

    .search-h form .form-group .nice-select .current {
        font-size: 13px;
    }

    .search-h form input {
        width: 100%;
        border: none;
        border-inline-start: 1px solid #BEBEBE;
        padding: 0 10px;
        padding-inline-start: 40px;
        height: 100%;
        line-height: normal;
    }

    .search-h form .form-group {
        position: relative;
        height: 100%;
    }

    .search-h form .form-group i {
        position: absolute;
        right: 12px;
        top: 4px;
        font-size: 18px;
        color: #6D6D6D;
    }

    .search-h form input::placeholder {
        color: #BBBBBB;
    }

    .search-h form .form-group:last-child {
        margin-inline-start: auto;
    }

    .banner-home .home-slider .owl-dots {
        position: absolute;
        z-index: 6;
        right: 0;
        left: 0;
        bottom: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .banner-home .home-slider .owl-dots .owl-dot span {
        display: block;
        width: 30px;
        height: 4px;
        background: #fff;
        margin: 0 3px;
        border-radius: 5px;
        transition: all 0.5s;
        opacity: 0.5;
    }

    .banner-home .home-slider .owl-dots .owl-dot.active span {
        opacity: 1;
    }
    /* End Home-slider */
    /* Start Why-h */

    .why-h {
        padding: 100px 0 90px;
    }

    .title {
        text-align: center;
        margin: 0 0 55px;
    }

    .title h3 {
        font-size: 32px;
        color: #29B4E3;
        font-family: "bahijBold";
        line-height: 1.6;
        margin: 0;
    }

    .title p {
        font-size: 18px;
        color: #343434;
        margin: 14px 0 0;
        line-height: 1.6;
    }

    .why-block {
        border-radius: 8px;
        box-shadow: 0px 8px 20px #ACACAC59;
        background: #4FAB79;
        height: calc(100% - 30px);
        margin: 15px 0;
        padding: 30px 20px;
        text-align: center;
    }

    .why-block .icon {
        width: 46px;
        height: 46px;
        margin: 0 auto;
    }

    .why-block .details {
        padding: 20px 0 0;
    }

    .why-block .details h3 {
        color: #FFF;
        font-size: 18px;
        font-family: "neoMed";
        margin: 0;
    }

    .why-block .details p {
        margin: 21px 0 0;
        color: #FFF;
        font-size: 16px;
        font-family: "neoLight";
    }

    .why-h .col-lg-3.col-md-6:nth-child(3) .why-block {
        background: #7518DD;
    }

    .why-h .col-lg-3.col-md-6:nth-child(4) .why-block {
        background: #CB396E;
    }

    .why-h .col-lg-3.col-md-6:nth-child(5) .why-block {
        background: #3D67E7;
    }

    .why-h::before {
        content: "";
        position: absolute;
        width: 416px;
        height: 416px;
        border: 45px solid #29B4E3;
        opacity: 0.11;
        border-radius: 50%;
        top: 0;
        right: 0;
        left: 0;
        margin: -10%;
        z-index: -2;
        animation: upDown 5s infinite linear;
    }

    @keyframes upDown {
        0%,
        100% {
            transform: translateY(-15px);
        }
        50% {
            transform: translateY(15px);
        }
    }
    /* End Why-h */
    /* Start Courses-h */

    .courses-h {
        padding: 175px 0 260px;
    }

    .courses-h .title.title-sec {
        margin: 0 0 5px;
    }

    .courses-h::after {
        content: "";
        position: absolute;
        right: 0;
        left: 0;
        top: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background: url(../images/bg.svg);
        z-index: -1;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    .title.title-sec h3 {
        color: #484848;
    }

    .title.title-sec {
        text-align: start;
        margin: 0 0 45px;
    }

    .nav.nav-pills {
        justify-content: flex-end;
    }

    .nav-pills .nav-link {
        color: #484848;
        font-size: 16px;
        font-family: "neoMed";
        padding: 10px 30px;
        background: #fff;
        box-shadow: 0px 3px 5px rgb(0 0 0 / 7%);
        border: 1px solid #f2f2f2;
    }

    .nav-pills .nav-link.active,
    .nav-pills .show>.nav-link {
        background: #27acd9;
        color: #fff;
        background: #fff;
        color: #484848;
    }

    .courses-slider .item {
        direction: rtl;
        padding: 0 12px;
    }

    .cour-block {
        margin: 15px 0;
        min-height: 348px;
        background: #fff;
        box-shadow: 0px 10px 12px #00000012;
        border-radius: 8px;
        padding: 14px;
        border: 1px solid #E7E7E7;
    }

    .courses-h .nav-pills {
        gap: 15px
    }

    .cour-block .img-block {
        height: 210px;
    }

    .cour-block .img-block .img {
        display: block;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    .cour-block .img-block .img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        transition: all 0.5s;
        border-radius: 8px;
    }

    .cour-block .details {
        padding: 15px 0;
    }

    .cour-block .details .rate {
        color: #F99B20;
    }

    .cour-block .details .name {
        display: block;
        color: #343434;
        font-size: 16px;
        font-family: "neoMed";
        max-height: 47px;
        overflow: hidden;
        margin: 0 0 15px;
        min-height: 47px;
    }

    .cour-block .details .sec-h {
        -webkit-line-clamp: 2;
        font-family: "neoLight";
        display: -webkit-box;
        text-overflow: ellipsis;
        overflow: hidden;
        -webkit-box-orient: vertical;
        margin-bottom: 15px;
        max-height: 45px;
    }

    .cour-block .details .sec-h * {
        margin: 0 !important;
        white-space: normal !important;
        font-family: "neoLight" !important;
        text-align: start !important;
        font-size: 14px !important;
        font-weight: normal !important;
        line-height: 1.7 !important;
    }

    .cour-block .details .desc {
        color: #484848;
        margin-bottom: 15px;
        -webkit-line-clamp: 2;
        font-family: "neoLight";
    }

    .cour-block .details ul {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        gap: 10px;
    }

    .cour-block .details ul li {
        color: #6D6D6D;
        font-size: 16px;
        -webkit-line-clamp: 1;
        display: -webkit-box;
        text-overflow: ellipsis;
        overflow: hidden;
        -webkit-box-orient: vertical;
    }

    .cour-block .details ul li i {
        font-size: 18px;
        color: #29B4E3;
        width: 20px;
    }

    .cour-block .add-cart-h {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .cour-block .btn-cart {
        width: 100%;
    }

    .btn-cart {
        min-width: 143px;
        min-height: 40px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        background: #E3E3E3;
        color: #484848;
        border-radius: 5px;
        font-size: 16px;
        font-family: "neoMed";
    }

    .btn-cart i {
        width: 22px;
        font-size: 22px;
        margin-inline-end: 8px;
    }

    .cour-block .add-cart-h .price-h {
        margin: 0;
        font-size: 16px;
        color: #ED7565;
    }

    .cour-block .img-block {
        position: relative;
        border-radius: 8px;
        overflow: hidden;
    }

    .cour-block .img-block .overlay {
        display: flex;
        align-items: flex-end;
        padding: 10px;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 55%, rgba(0, 0, 0, 0.75) 100%);
    }

    .cour-block .img-block .status {
        position: absolute;
        top: 7px;
        right: 7px;
        background: #dc3545;
        color: #fff;
        padding: 5px 10px;
        font-size: 13px;
        border-radius: 4px;
    }

    .cour-block .img-block .overlay>div {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

    .cour-block .img-block .overlay .progression_level {
        background-color: #29B4E3;
        color: #fff;
        padding: 8px 15px;
        border-radius: 5px;
        font-family: "neoRegular";
        display: flex;
        align-items: center;
        gap: 0 5px;
        font-size: 14px;
    }

    .cour-block .img-block .overlay .progression_level.days_left {
        background-color: #ED7565;
    }

    .cour-block .img-block .overlay .price {
        padding: 8px 15px;
        border-radius: 5px;
        color: #fff;
        background-color: rgba(255, 255, 255, 0.15);
    }

    .cour-block .img-block .overlay .price .num {
        font-family: "neoMed";
    }

    .cour-block .img-block .overlay .rate {
        color: #F99B20;
        direction: ltr;
        font-size: 14px;
    }

    .cour-block .img-block .overlay .play_icon {
        background-color: #29B4E3;
        width: 42px;
        height: 42px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        border-radius: 50%;
        color: #fff;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) scale(0);
        font-size: 26px;
        border: 0;
        transition: 0.5s;
    }

    .cour-block .img-block .overlay video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        z-index: 99;
        transition: 0.3s;
        opacity: 0;
        visibility: hidden;
    }

    .cour-block .img-block .overlay video.play {
        opacity: 1;
        visibility: visible;
    }

    .cour-block .img-block .overlay .close_video {
        position: absolute;
        color: #fff;
        top: 10px;
        right: 10px;
        width: 25px;
        height: 25px;
        border-radius: 50%;
        background-color: #ED7565;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        cursor: pointer;
        opacity: 0;
        visibility: hidden;
        transition: 0.3s;
        z-index: 999;
    }

    .cour-block .img-block .overlay .close_video.show {
        opacity: 1;
        visibility: visible;
    }

    .cour-block .img-block .overlay:hover .play_icon {
        transform: translate(-50%, -50%) scale(1);
    }

    .cour-block .img-block .overlay:hover .play_icon:hover {
        background-color: #ED7565;
    }

    .btn-cart:hover,
    .btn-cart:focus {
        background: #ED7565;
        color: #fff;
    }

    .cour-block:hover .details .name {
        color: #29B4E3;
    }

    .cour-block:hover .img-block .img img {
        transform: scale(1.1) translate(10px, 10px);
        filter: grayscale(1);
    }

    .owl-nav {
        position: absolute;
        top: 50%;
        right: 0;
        left: -4%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 108%;
    }

    .owl-nav .owl-prev,
    .owl-nav .owl-next {
        width: 44px;
        height: 44px;
        background: #fff !important;
        box-shadow: 0px 3px 6px #00000014;
        display: flex !important;
        align-items: center;
        justify-content: center;
        border-radius: 50% !important;
        font-size: 20px !important;
        color: #29B4E3 !important;
        position: absolute;
        transition: all 0.5s;
    }

    .owl-nav .owl-prev:hover,
    .owl-nav .owl-next:hover {
        background-color: #29B4E3 !important;
        color: #fff !important;
    }

    .owl-nav .owl-prev {
        left: 0;
    }

    .owl-nav .owl-next {
        right: 0;
    }

    .owl-nav .owl-prev:hover,
    .owl-nav .owl-next:hover,
    .owl-nav .owl-prev:focus,
    .owl-nav .owl-next:focus {
        background: #29B4E3;
        color: #fff;
    }

    .courses-h::before {
        content: "";
        position: absolute;
        background: url(../images/shape1.svg);
        width: 70px;
        height: 69px;
        bottom: 10%;
        left: 0;
        margin: 40px;
        animation: upDown 5s infinite linear;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
    }
    /* End Courses-h */
    /* Start Teacher-h */

    .teacher-h {
        padding: 100px 0;
    }

    .title.title-start {
        text-align: start;
        margin: 0 0 33px;
    }

    .text-teacher {
        max-width: 441px;
    }

    .text-teacher p {
        font-size: 18px;
        color: #484848;
        line-height: 1.4;
        margin: 33px 0;
    }

    .text-teacher ul li {
        color: #484848;
        font-size: 16px;
        margin: 18px 0;
        padding-inline-start: 26px;
        position: relative;
    }

    .text-teacher ul li::before {
        content: "\f058";
        font-family: "Line Awesome Free";
        position: absolute;
        right: 0;
        top: 0px;
        font-size: 19px;
        color: #29B4E3;
    }

    .btn {
        display: table;
        min-width: 168px;
        min-height: 45px;
        background: #29B4E3;
        padding: 9px;
        color: #fff;
        font-size: 16px;
        font-family: "neoMed";
        margin: 30px 0 0;
        transition: all 0.5s;
        border-radius: 8px;
    }

    .btn:hover,
    .btn:focus {
        background: #ED7565;
        color: #fff;
    }

    .img-teacher {
        height: 362px;
        position: relative;
    }

    .img-teacher .img {
        height: 100%;
        width: 100%;
        overflow: hidden;
        background: #DEE2E3;
        box-shadow: 0px 10px 22px #00000021;
        border-radius: 8px;
    }

    .img-teacher .img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    .img-teacher::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: #29B4E3;
        z-index: -1;
        border-radius: 8px;
        margin: -30px;
    }

    .img-teacher::after {
        content: "";
        position: absolute;
        right: 0;
        bottom: 0;
        z-index: -1;
        background: url(../images/shape2.svg);
        width: 141px;
        height: 150px;
        margin: -30px;
        animation: afterDots 10s infinite linear;
        background-repeat: no-repeat;
    }

    @keyframes afterDots {
        0%,
        100% {
            transform: translate(-10px, -10px);
        }
        50% {
            transform: translate(10px, 10px);
        }
    }
    /* End Teacher-h */
    /* Start News-h */

    .news-h {
        padding: 80px 0 100px;
    }

    .news-slider .item {
        padding: 0 12px;
        direction: rtl;
    }

    .news-block {
        min-height: 305px;
        background: #fff;
        box-shadow: 0px 5px 10px #29B4E31A;
        border-radius: 8px;
        margin: 15px 0;
        overflow: hidden;
    }

    .news-h .title {
        margin: 0 0 45px;
    }

    .news-block .img-block {
        height: 158px;
    }

    .news-block .img-block .img {
        display: block;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    .news-block .img-block .img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        transition: all 0.5s;
    }

    .news-block .details {
        padding: 12px;
    }

    .news-block .details .date {
        font-size: 16px;
        color: #6D6D6D;
    }

    .news-block .details .date i {
        font-size: 18px;
        color: #29B4E3;
        margin-inline-end: 5px;
    }

    .news-block .details .name {
        color: #484848;
        font-size: 16px;
        margin: 8px 0;
        line-height: 1.5;
        font-family: "neoMed";
        display: -webkit-box;
        text-overflow: ellipsis;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .news-block .details .more {
        font-size: 16px;
        display: flex;
        color: #29B4E3;
        align-items: center;
    }

    .news-block .details .more i {
        position: relative;
        top: 2px;
        margin-inline-start: 2px;
    }

    .news-block:hover .img-block .img img {
        transform: scale(1.2) translate(10px, 10px);
        filter: grayscale(1);
    }

    .btn.btn-border {
        margin: 40px auto 0;
        background: transparent;
        border: 1px solid #29B4E3;
        color: #29B4E3;
        min-width: 145px;
        min-height: 44px;
        font-family: "neo";
    }

    .btn.btn-border:hover,
    .btn.btn-border:focus {
        background: #29B4E3;
        color: #fff;
    }
    /* End News-h */
    /* Start Says-h */

    button.nub-dot {
        position: relative;
        z-index: -3;
    }

    .say-h::after {
        content: "";
        position: absolute;
        right: 0;
        left: 0;
        top: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background: url(../images/bg.svg);
        z-index: -2;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    .say-h {
        padding: 175px 0 260px;
    }

    .say-h .title h3 {
        font-size: 28px;
    }

    .say-h .title {
        margin: 0 0 45px;
    }

    .say-inner {
        max-width: 367px;
        text-align: center;
        margin: auto;
    }

    .say-block {
        background: linear-gradient(124deg, #29B4E3 0%, #8D3BCC 100%);
        box-shadow: 0px 5px 14px #0000001A;
        border-radius: 5px;
        min-height: 172px;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        position: relative;
        padding: 20px;
        margin-bottom: 30px;
        direction: rtl;
    }

    .say-block p {
        color: #FFF;
        font-size: 18px;
        max-width: 282px;
        margin: auto;
        line-height: 1.7;
    }

    .say-block::before {
        color: #fff;
        content: "\f10d";
        font-family: "Font Awesome 5 Pro";
        font-weight: bold;
        position: absolute;
        font-size: 36px;
        line-height: 30px;
        margin: 20px;
        left: 0;
        top: 0;
    }

    .say-block p::before {
        top: 0;
        left: 0;
    }

    .say-block p::after {
        bottom: 0;
        right: 0;
        line-height: 30px;
        content: "\f10e";
        display: none;
    }

    .say-slider .owl-dots {
        display: flex;
        align-items: center;
        margin-top: 0 !important;
        justify-content: center;
    }

    .say-slider .owl-dots .nub-dot {
        border: none !important;
        background: none !important;
        padding: 0 4px;
        position: relative;
    }

    .say-slider .owl-dots .nub-dot img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    .say-slider .owl-dots .nub-dot h3 {
        color: #434343;
        font-size: 15px;
        margin: 0;
        display: none;
        position: absolute;
        right: 0;
        left: -24px;
        margin: auto;
        min-width: 100px;
    }

    .say-slider .owl-dots .owl-dot.active .nub-dot img {
        width: 48px;
        height: 48px;
    }

    .say-slider .owl-dots .owl-dot.active .nub-dot h3 {
        display: block;
    }

    .say-slider .owl-dots .nub-dot::after {
        content: "\f0d7";
        position: absolute;
        bottom: 0;
        right: 0;
        left: 0;
        font-family: "Font Awesome 5 Pro";
        width: 22px;
        height: 11px;
        font-size: 35px;
        top: -110%;
        font-weight: bold;
        color: #656bd5;
        display: flex;
        /* justify-content: center; */
        /* align-items: center; */
        margin: 0 auto;
        transition: all 0.5s;
        opacity: 0;
    }

    .say-slider .owl-dots .owl-dot.active .nub-dot::after {
        opacity: 1;
    }

    .say-slider .owl-dots .nub-dot .img {
        width: 34px;
        height: 34px;
        overflow: hidden;
        border-radius: 50%;
    }

    .nub-dot .img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    .say-slider .owl-dots .active .nub-dot .img {
        width: 48px;
        height: 48px;
    }

    .img-say img {
        max-height: 365px;
        animation: upDown 5s infinite linear;
    }

    .animations {
        position: absolute;
        right: 0;
        left: 0;
        top: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
    }

    .animations .right {
        position: absolute;
        right: 0;
        top: 0;
        margin: 8% 2%;
        width: 10%;
        height: 10%;
    }

    .animations .shape {
        width: 21px;
        height: 21px;
        display: block;
        border: 3px solid #ED7565;
        border-radius: 50%;
        position: absolute;
        animation: 2s rubberBand infinite;
    }

    .animations .shape.shape2 {
        background: #29B4E3;
        border: none;
        left: 32%;
        top: -53%;
        animation: 8s shakeY infinite;
        opacity: 0.6;
    }

    .animations .shape.shape3 {
        clip-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%);
        border: none;
        background: #29B4E3;
        left: 34%;
        bottom: 40%;
        animation: 2s rotateIn infinite;
        opacity: 1 !important;
        width: 10px;
        height: 9px;
    }

    @keyframes rotateIn {
        0% {
            -webkit-transform: rotate(-200deg);
            transform: rotate(-200deg);
            opacity: 1;
        }
        to {
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
            opacity: 1;
        }
    }

    .animations .left {
        position: absolute;
        left: 0;
        top: 0;
        margin: 8% 6%;
        width: 10%;
        height: 10%;
    }

    .animations .left .shape3 {
        background: transparent;
        border: 1px solid #6F37BF;
        clip-path: none;
        border-radius: 0.3569477201px 0.3570182323px 0.3569477201px 0.3570179939px;
        width: 13px;
        height: 13px;
    }

    .animations .bottom-right {
        position: absolute;
        right: 0;
        bottom: 0;
        margin: 15% 3%;
        width: 10%;
        height: 10%;
    }

    .animations .bottom-right .shape {
        /* position: absolute; */
        background: url(../images/shape4.svg);
        width: 104px;
        height: 102px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        animation: upDown 2s infinite linear;
        margin: 0;
        border-radius: 0;
        border: none;
    }

    .animations .bottom-left {
        position: absolute;
        left: 0;
        bottom: 0;
        margin: 0 0 21%;
        width: 10%;
        height: 10%;
        animation: 3s tada infinite;
    }

    .animations .bottom-left .shape {
        /* position: absolute; */
        background: url(../images/shape3.svg);
        width: 104px;
        height: 102px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        animation: upDown 2s infinite linear;
        margin: 0;
        border-radius: 0;
        border: none;
    }

    .say-h .animations .right {
        left: 0;
        right: auto;
    }

    .say-h::before {
        content: "";
        position: absolute;
        background: url(../images/shape1.svg);
        width: 70px;
        height: 69px;
        bottom: 10%;
        right: 0;
        margin: 40px;
        animation: upDown 5s infinite linear;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
    }

    .contest_div.owl-theme .owl-dots .owl-dot span {
        width: 25px;
        height: 6px;
        margin: 0px 5px;
        background: #D0D0D0;
    }

    .contest_div.owl-theme .owl-dots .owl-dot.active span,
    .contest_div.owl-theme .owl-dots .owl-dot:hover span {
        background: #29B4E3;
    }

    .contest_div .contest_box {
        display: flex;
        border: 1px solid #E4E4E4;
        border-radius: 5px;
        background-color: #fff;
        overflow: hidden;
    }

    .contest_div .contest_box .image,
    .contest_div .contest_box .info {
        max-width: 50%;
        flex: 50%;
    }

    .contest_div .contest_box .image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .contest_div .contest_box .info {
        padding: 18px 24px;
    }
    /* End Says-h */
    /* Start Apps-h */

    .apps-h {
        padding: 120px 0;
    }

    .apps-h .row {
        align-items: center;
    }

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

    .text-apps p {
        max-width: 318px;
        margin: 0 auto 40px;
        color: #484848;
        font-size: 26px;
        line-height: 1.6;
        font-family: "bahijBold";
    }

    .text-apps .down-apps {
        display: flex;
        align-items: center;
        gap: 14px;
        justify-content: center;
    }

    .text-apps .down-apps a {
        max-width: 160px;
        max-height: 47px;
    }

    .img-app {
        height: 533px;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .img-app::before,
    .img-app::after {
        content: "";
        position: absolute;
        right: 0;
        left: 0;
        top: 0;
        bottom: 0;
        background: #29B4E3;
        border-radius: 50%;
        z-index: -1;
        width: 90%;
        height: 90%;
        animation: bubble 5s linear infinite;
        margin: auto;
    }

    .img-app::before {
        opacity: 0.39;
        animation: bubble2 5s linear infinite;
    }

    @-webkit-keyframes bubble {
        0%,
        100% {
            border-radius: 64% 46% 37% 73%/55% 58% 42% 45%;
        }
        25% {
            border-radius: 43% 47% 47% 38%/43% 46% 64% 27%;
        }
        50% {
            border-radius: 48% 72% 44% 56%/49% 40% 60% 51%;
        }
        75% {
            border-radius: 40% 60% 70% 30%/47% 62% 38% 53%;
        }
    }

    @keyframes bubble {
        0%,
        100% {
            border-radius: 64% 46% 37% 73%/55% 58% 42% 45%;
        }
        25% {
            border-radius: 43% 47% 47% 38%/43% 46% 64% 27%;
        }
        50% {
            border-radius: 48% 72% 44% 56%/49% 40% 60% 51%;
        }
        75% {
            border-radius: 40% 60% 70% 30%/47% 62% 38% 53%;
        }
    }

    @-webkit-keyframes bubble2 {
        0%,
        100% {
            border-radius: 55% 58% 42% 45%/64% 46% 37% 73%;
        }
        25% {
            border-radius: 43% 46% 64% 27%/43% 47% 47% 38%;
        }
        50% {
            border-radius: 49% 40% 60% 51%/48% 72% 44% 56%;
        }
        75% {
            border-radius: 47% 62% 38% 53%/40% 60% 70% 30%;
        }
    }

    @keyframes bubble2 {
        0%,
        100% {
            border-radius: 55% 58% 42% 45%/64% 46% 37% 73%;
        }
        25% {
            border-radius: 43% 46% 64% 27%/43% 47% 47% 38%;
        }
        50% {
            border-radius: 49% 40% 60% 51%/48% 72% 44% 56%;
        }
        75% {
            border-radius: 47% 62% 38% 53%/40% 60% 70% 30%;
        }
    }

    .img-app::after {
        width: 88%;
        height: 88%;
    }

    .img-app .img {
        width: 176px;
        box-shadow: 20px 8px 55px #0000001A;
        border-radius: 14px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .img-app .img img {
        max-width: 100%;
    }

    .img-app .img.img2 {
        position: relative;
        z-index: 3;
        margin-top: -37px;
    }

    .img-app .img.img1 {
        position: relative;
        left: -16px;
    }

    .apps-h::after {
        content: "";
        position: absolute;
        background: url(../images/shape1.svg);
        width: 70px;
        height: 69px;
        bottom: 10%;
        left: 0;
        margin: 40px;
        animation: upDown 5s infinite linear;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
    }
    /* End Apps-h */
    /*--------------------------------------------------------------
# End home page
--------------------------------------------------------------*/
    /*--------------------------------------------------------------
# Start Courses page
--------------------------------------------------------------*/

    .courses_page {
        padding: 30px 0 70px;
    }

    .courses_page .title.title-sec {
        margin: 0;
        font-size: 26px;
    }

    .courses_page .heading_courses {
        margin-bottom: 55px;
        background-color: #F5F5F5;
        border-radius: 5px;
        padding: 12px 20px;
        align-items: center;
    }

    .courses_page .cour-block {
        box-shadow: none;
        transition: 0.3s;
    }

    .courses_page .cour-block:hover {
        box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.16);
    }
    /*--------------------------------------------------------------
# End Courses page
--------------------------------------------------------------*/
    /*--------------------------------------------------------------
# Start single course page
--------------------------------------------------------------*/

    .book_pdf {
        padding: 30px;
    }

    .book_pdf iframe {
        height: 300px;
    }

    @media (min-width: 768px) {
        .book_pdf iframe {
            height: 500px;
        }
    }

    .single_course_page {
        padding: 46px 0 70px;
    }

    .single_course_page .countdown {
        display: flex;
        align-items: center;
        justify-content: space-between;
        max-width: 500px;
        margin: 0 auto;
    }

    .single_course_page .countdown_box {
        margin: 20px 0;
        background: #fafafa;
        padding: 15px;
    }

    .single_course_page .countdown_box p {
        margin-bottom: 15px;
        font-size: 18px;
    }

    .single_course_page .countdown .box {
        position: relative;
        flex: 25%;
        max-width: 25%;
    }

    .single_course_page .countdown .box:not(:last-of-type):after {
        position: absolute;
        content: "";
        left: 0;
        top: 0;
        width: 2px;
        height: 18px;
        background-color: #2A3950;
    }

    .single_course_page .countdown .box span {
        display: block;
        font-size: 15px;
    }

    .single_course_page .countdown .box .num {
        color: #2A3950;
        font-family: JF-Flat-regular, sans-serif;
    }

    .single_course_page .countdown .box .name {
        color: #707070;
    }

    .single_course_page .course_name {
        font-size: 24px;
        color: #484848;
        font-family: "neoMed";
        margin-bottom: 23px;
    }

    .single_course_page .course_content .course_video {
        position: relative;
    }

    .single_course_page .course_content .course_video img {
        border-radius: 6px;
        width: 100%;
        height: 400px;
        object-fit: contain;
    }

    .single_course_page .course_content .course_video .play-btn {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .single_course_page .about_course {
        margin-top: 16px;
    }

    .single_course_page .about_course .list_control {
        margin-bottom: 23px;
        background-color: #FAFAFA;
        border-radius: 6px;
        overflow: hidden;
    }

    .single_course_page .about_course .list_control ul {
        display: flex;
    }

    .single_course_page .about_course .list_control ul li {
        padding: 18px 10px;
        color: #484848;
        flex: 1;
        text-align: center;
        cursor: pointer;
        align-self: center;
    }

    .single_course_page .about_course .list_control ul li.active {
        background-color: #29B4E3;
        color: #fff;
    }

    .single_course_page .about_course .box_content {
        background-color: #FAFAFA;
        border-radius: 6px;
        display: none;
        opacity: 0;
        transition: 0.3s;
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    .single_course_page .about_course .box_content.active {
        display: block;
        animation: fadeInUp 1s both;
        -webkit-animation: fadeInUp 1s both;
    }

    .single_course_page .about_course #course_desceription {
        padding: 30px 22px 40px;
        color: #484848;
    }

    .single_course_page .about_course #course_desceription .block {
        margin-top: 28px;
    }

    .single_course_page .about_course #course_desceription .block h5 {
        margin-bottom: 18px;
        font-size: 22px;
        font-family: "neoMed";
    }

    .single_course_page .about_course #course_desceription .block ul {
        display: flex;
        flex-wrap: wrap;
        gap: 15px 0;
    }

    .single_course_page .about_course #course_desceription .block ul li {
        max-width: 50%;
        flex: 50%;
        display: flex;
        align-items: center;
        gap: 0 6px;
    }

    .single_course_page .about_course #course_desceription .block ul li i {
        color: #29B4E3;
    }

    .single_course_page .about_course #course_content {
        padding: 28px 25px 1px;
    }

    .single_course_page .about_course #course_content .course_block {
        margin-bottom: 17px;
    }

    .single_course_page .about_course #course_content .course_block .head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px solid #D0D0D0;
        padding-bottom: 17px;
        cursor: pointer;
    }

    .single_course_page .about_course #course_content .course_block .head h6 {
        margin: 0;
        color: #343434;
        font-size: 18px;
        font-family: "neoMed";
    }

    .single_course_page .about_course #course_content .course_block .content {
        margin-top: 7px;
        margin-bottom: 27px;
        display: none;
    }

    .single_course_page .about_course #course_content .course_block .content.active {
        display: block;
    }

    .single_course_page .about_course #course_content .course_block .content .item {
        padding: 10px 0;
        display: flex;
        align-items: center;
        gap: 0 10px;
        color: #6D6D6D;
        border-bottom: 1px solid #EEEEEE;
    }

    .single_course_page .about_course #course_content .course_block .content .item i {
        color: #29B4E3;
        font-size: 24px;
    }

    .single_course_page .about_course #course_content .course_block .content .item:hover {
        color: #29B4E3;
    }

    .single_course_page .about_course #course_questions {
        padding: 30px 23px 8px;
    }

    .single_course_page .about_course #course_questions .course_block {
        margin-bottom: 21px;
    }

    .single_course_page .about_course #course_questions .course_block .head {
        display: flex;
        align-items: center;
        gap: 0 6px;
        border-bottom: 1px solid #CCCCCC;
        padding-bottom: 19px;
        color: #29B4E3;
        cursor: pointer;
    }

    .single_course_page .about_course #course_questions .course_block .head h6 {
        margin: 0;
        font-size: 18px;
    }

    .single_course_page .about_course #course_questions .course_block .head i {
        font-size: 26px;
    }

    .single_course_page .about_course #course_questions .course_block .content {
        padding-top: 20px;
        color: #484848;
        border-bottom: 1px solid #D0D0D0;
        padding-bottom: 15px;
        display: none;
    }

    .single_course_page .about_course #course_questions .course_block .content p {
        margin: 0;
    }

    .single_course_page .about_course #course_questions .course_block.active .content {
        display: block;
    }

    .single_course_page .about_course #course_rating {
        padding: 37px 0 20px;
    }

    .single_course_page .about_course #course_rating .head_rate {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px solid #E2E2E2;
        padding: 0 25px 27px;
    }

    .single_course_page .about_course #course_rating .head_rate .text {
        gap: 0 19px;
    }

    .single_course_page .about_course #course_rating .head_rate h6 {
        color: #484848;
        font-size: 18px;
        font-family: "neoMed";
        margin: 0;
    }

    .single_course_page .about_course #course_rating .head_rate .more {
        display: flex;
        align-items: center;
        gap: 0 15px;
        color: #484848;
        font-size: 18px;
    }

    .single_course_page .about_course #course_rating .head_rate .more .stars {
        color: #F99B20;
    }

    .single_course_page .about_course #course_rating .box_rate {
        padding: 14px 27px;
        display: flex;
        align-items: center;
        gap: 0 15px;
    }

    .single_course_page .about_course #course_rating .box_rate:not(:last-of-type) {
        border-bottom: 1px solid #EFEFEF;
    }

    .single_course_page .about_course #course_rating .box_rate .icon {
        width: 32px;
        min-width: 32px;
        height: 32px;
        background-color: #29b4e3;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        color: #fff;
    }

    .single_course_page .about_course #course_rating .box_rate .box {
        position: relative;
        padding: 11px 18px 17px;
        background-color: #fff;
        border-radius: 5px;
        box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.06);
        max-width: 260px;
    }

    .single_course_page .about_course #course_rating .box_rate .box:after {
        position: absolute;
        content: "";
        top: 50%;
        right: -9px;
        border-top: 18px solid transparent;
        border-bottom: 18px solid transparent;
        border-left: 11px solid #fff;
        transform: translateY(-50%);
    }

    .single_course_page .about_course #course_rating .box_rate .box .name {
        color: #29B4E3;
        margin-bottom: 8px;
    }

    .single_course_page .about_course #course_rating .box_rate .box .stars {
        color: #F99B20;
        font-size: 14px;
    }

    .single_course_page .about_course #course_rating .box_rate .box .comment {
        margin: 7px 0 0;
        color: #484848;
    }

    .single_course_page .about_course #students_result {
        padding: 30px 22px;
    }

    .single_course_page .about_course #students_result .item_carousel {
        padding: 15px;
    }

    .single_course_page .about_course #students_result .item_carousel .box {
        box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
        border-radius: 5px;
        overflow: hidden;
        background-color: #fff;
        padding: 10px;
        display: block;
    }

    .single_course_page .about_course #students_result .item_carousel .box img {
        height: 155px;
        object-fit: contain;
    }

    .single_course_page .about_course #students_result .item_carousel .name {
        padding: 10px 10px 6px;
        margin: 0;
        text-align: center;
        border-top: 1px solid #ddd;
        margin-top: 10px;
    }

    .single_course_page .course_side_list {
        background-color: #FAFAFA;
        border-radius: 6px;
        overflow: hidden;
    }

    .single_course_page .course_side_list ul {
        padding-top: 8px;
    }

    .single_course_page .course_side_list ul li {
        padding: 19px 15px;
        display: flex;
        align-items: center;
        gap: 0 10px;
        border-bottom: 1px solid #EAEAEA;
        font-size: 15px;
    }

    .single_course_page .course_side_list li.user {
        border-bottom: 0;
    }

    .single_course_page .course_side_list li.user img {
        width: 36px;
        height: 36px;
        border-radius: 50%;
        object-fit: cover;
    }

    .single_course_page .course_side_list .users_list {
        padding: 0;
        max-height: 75px;
        overflow: auto;
    }


    .single_course_page .course_side_list .add-cart-h {
        padding: 10px 15px 15px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        gap: 10px;
    }

    .single_course_page .course_side_list .add-cart-h .btn-cart {
        background-color: #ED7565;
        color: #fff;
    }

    .single_course_page .course_side_list .add-cart-h .btn-cart:hover {
        background-color: #343434;
    }

    .single_course_page .course_side_list .add-cart-h .price-h {
        margin: 0;
        font-size: 16px;
        color: #ED7565;
    }

    .single_course_page .course_side_list .add-cart-h .price-h .num {
        font-size: 18px;
        font-family: "neoMed";
    }
    /*--------------------------------------------------------------
# End single course page
--------------------------------------------------------------*/
    /*--------------------------------------------------------------
# Start single course join page
--------------------------------------------------------------*/

    .single_course_join_page {
        display: flex;
    }

    .single_course_join_page .profile_list_side {
        width: 205px;
        min-width: 205px;
        background-color: #29B4E3;
        height: auto;
        min-height: 100vh;
    }

    .single_course_join_page .profile_list_side .apps_wrapper {
        margin-top: 50px;
        text-align: center;
        color: #fff;
    }

    .single_course_join_page .profile_list_side .apps_wrapper .text {
        margin-bottom: 14px;
        font-family: "neoRegular";
    }

    .single_course_join_page .profile_list_side .apps_wrapper a {
        display: block;
        margin-bottom: 10px;
    }

    .single_course_join_page .profile_list_side .apps_wrapper img {
        width: 150px;
    }

    .single_course_join_page .profile_list_side .person_name {
        padding: 30px 17px 14px;
        gap: 0 9px;
    }

    .single_course_join_page .profile_list_side .person_name .icon {
        width: 42px;
        height: 42px;
        background-color: #fff;
        border-radius: 50%;
        font-size: 17px;
        color: #A0A0A0;
    }

    .single_course_join_page .profile_list_side .list_control li {
        padding: 13px 25px;
        color: #fff;
        display: flex;
        align-items: center;
        gap: 0 10px;
        font-family: "neoRegular";
        cursor: pointer;
        transition: 0.3s;
        border-bottom: 1px solid rgba(228, 228, 228, 0.38);
    }

    .single_course_join_page .profile_list_side .list_control li:hover,
    .single_course_join_page .profile_list_side .list_control li.active {
        background-color: #fff;
        color: #29B4E3;
    }

    .single_course_join_page .profile_list_side .list_control li i {
        font-size: 18px;
    }

    .single_course_join_page .profile_list_side .list_control .link {
        padding: 13px 25px;
        color: #fff;
        display: flex;
        align-items: center;
        gap: 0 10px;
        font-family: "neoRegular";
        transition: 0.3s;
    }

    .single_course_join_page .profile_list_side .list_control .link:hover {
        background-color: #fff;
        color: #29B4E3;
    }

    .single_course_join_page .main_content {
        padding: 17px 20px;
        flex: 1;
    }

    .single_course_join_page .main_content .head_page {
        font-size: 22px;
        gap: 0 8px;
    }

    .single_course_join_page .main_content .head_page i {
        font-size: 21px;
    }

    .single_course_join_page .main_content .box_content {
        display: none;
        opacity: 0;
        transition: 0.3s;
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    .single_course_join_page .main_content .box_content.active {
        display: block;
        animation: fadeInUp 1s both;
        -webkit-animation: fadeInUp 1s both;
    }

    .single_course_join_page #course_section .single_lesson_content {
        border-bottom: 1px solid #fff;
    }

    /*.single_course_join_page #course_section .single_lesson_content:nth-of-type(1) .lessons_content {*/
    /*    display: block;*/
    /*}*/

    .single_course_join_page #course_section .lessons_card {
        background-color: #F3F3F3;
    }

    .single_course_join_page #course_section .lessons_card .head {
        padding: 13px 17px;
        background-color: #29B4E3;
        color: #fff;
        font-size: 18px;
        justify-content: space-between;
        cursor: pointer;
    }

    .single_course_join_page #course_section .lessons_card .head>div {
        gap: 0 8px;
    }

    .single_course_join_page #course_section .lessons_card .head .arrow i {
        transition: 0.3s;
    }

    .single_course_join_page #course_section .lessons_card .head .arrow i.rotate {
        transform: rotate(0.5turn);
    }

    /*.single_course_join_page #course_section .lessons_card .lessons_content {*/
    /*    display: none;*/
    /*    max-height: 331px;*/
    /*    overflow: auto;*/
    /*}*/


    .single_course_join_page #course_section .lessons_card .lessons_content .single_lesson {
        padding: 16px 18px;
        gap: 0 9px;
        padding-inline-end: 7px;
    }

    .single_course_join_page #course_section .lessons_card .lessons_content .single_lesson.active {
        background-color: #acc;
    }

    .single_course_join_page #course_section .lessons_card .lessons_content .single_lesson:not(:last-of-type) {
        border-bottom: 1px solid #D0D0D0;
    }

    .single_course_join_page #course_section .lessons_card .lessons_content .single_lesson .icon_shape {
        width: 26px;
        min-width: 26px;
        height: 26px;
        border-radius: 50%;
        background-color: #fff;
        color: #29B4E3;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .single_course_join_page #course_section .lessons_card .lessons_content .single_lesson .info {
        display: flex;
        justify-content: space-between;
        gap: 0 10px;
        align-items: center;
        flex: 1;
    }

    .single_course_join_page #course_section .lessons_card .lessons_content .single_lesson .info p {
        -webkit-line-clamp: 2;
        font-family: "neoLight";
        transition: 0.3s;
    }

    .single_course_join_page #course_section .lessons_card .lessons_content .single_lesson:hover .info p {
        color: #29B4E3;
    }

    .single_course_join_page #course_section .main_content_wrapper .video_show {
        display: contents;
        position: relative;
        height: 420px;
        margin-bottom: 23px;
    }

    .single_course_join_page #course_section .main_content_wrapper .video_show iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }

    .single_course_join_page #course_section .main_content_wrapper .box_design {
        text-align: center;
        background: #F5F5F5;
        padding: 55px;
        border-radius: 5px;
        margin-bottom: 23px;
        text-align: center !important;
    }

    .single_course_join_page #course_section .main_content_wrapper .box_design * {
        text-align: center !important;
        /* margin: 10px 0 !important; */
    }

    .single_course_join_page #course_section .main_content_wrapper .box_design p {
        font-size: 18px;
    }

    .single_course_join_page #course_section .main_content_wrapper .box_design .time {
        background-color: #fff;
        padding: 10px 40px;
        border-radius: 8px;
        color: #29B4E3;
        font-size: 18px;
        font-family: "neoMed";
        display: inline-block;
        margin-bottom: 25px;
        border: 1px solid #E4E4E4;
    }

    .single_course_join_page #course_section .main_content_wrapper .box_design .btn-form {
        padding: 10px 30px;
        display: inline-block;
    }

    .single_course_join_page #course_section .main_content_wrapper .zoom_show p {
        margin: 25px 0;
    }

    .single_course_join_page #course_section .main_content_wrapper .homework_show h6 {
        color: #29B4E3;
        font-family: "neoMed";
    }

    .single_course_join_page #course_section .main_content_wrapper .homework_show p {
        margin: 10px 0 25px;
    }

    .single_course_join_page #course_section .main_content_wrapper .homework_show .time span {
        color: #484848;
        font-family: "neoRegular";
    }

    .single_course_join_page #course_section .main_content_wrapper .controls .main-btn {
        border-color: #E4E4E4;
        font-family: "neoRegular";
        gap: 0 10px;
        padding: 8px 30px;
    }

    .single_course_join_page #decisions_section .single_decision {
        margin-bottom: 8px;
    }

    .single_course_join_page #decisions_section .single_decision .head {
        background-color: #F3F3F3;
        padding: 16px 30px;
        color: #343434;
        font-family: "neoMed";
        cursor: pointer;
        font-size: 18px;
    }

    .single_course_join_page #decisions_section .single_decision .head h6 {
        font-size: 18px;
    }

    .single_course_join_page #decisions_section .single_decision .decision_content {
        display: none;
    }

    .single_course_join_page #decisions_section .single_decision .decision_content.block {
        display: block;
    }

    .single_course_join_page #decisions_section .single_decision .decision_content .item {
        padding: 16px;
    }

    .single_course_join_page #decisions_section .single_decision .decision_content .item:not(:last-of-type) {
        border-bottom: 1px solid #D0D0D0;
    }

    .single_course_join_page #decisions_section .single_decision .decision_content .item .details_box {
        max-width: 50%;
        flex: 50%;
        gap: 0 18px;
    }

    .single_course_join_page #decisions_section .single_decision .decision_content .item .details_box .image {
        position: relative;
        width: 83px;
        min-width: 83px;
        height: 60px;
        border-radius: 5px;
        border: 1px solid #E4E4E4;
        overflow: hidden;
    }

    .single_course_join_page #decisions_section .single_decision .decision_content .item .details_box .image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .single_course_join_page #decisions_section .single_decision .decision_content .item .details_box .image .icon {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 26px;
        height: 26px;
        border-radius: 50%;
        background-color: #fff;
        color: #29B4E3;
    }

    .single_course_join_page #decisions_section .single_decision .decision_content .item .meta {
        gap: 0 26px;
        font-family: "neoLight";
    }

    .single_course_join_page #decisions_section .single_decision .decision_content .item .status {
        color: #6D6D6D;
    }

    .single_course_join_page #decisions_section .single_decision .decision_content .item .status.finished {
        color: #24B400;
    }

    .single_course_join_page #table_section {
        height: 100%;
    }

    .single_course_join_page #table_section .table_content {
        padding-bottom: 40px;
    }

    .single_course_join_page #table_section .table_content .image {
        position: relative;
        height: 300px;
        width: 470px;
        max-width: 100%;
        border-radius: 8px;
        overflow: hidden;
    }

    .single_course_join_page #table_section .table_content .image img {
        object-fit: cover;
        height: 100%;
        width: 100%;
    }

    .single_course_join_page #table_section .table_content .image .main-btn {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: #fff;
        color: #29B4E3;
        padding: 10px 45px;
        box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
        white-space: nowrap;
    }

    .single_course_join_page #table_section .table_content .image .main-btn:hover {
        background-color: #29B4E3;
        color: #fff;
    }

    .single_course_join_page #reports_section .reports_content {
        background-color: #F3F3F3;
        border-radius: 10px;
        padding: 40px 25px 20px;
    }

    .single_course_join_page #reports_section .reports_content .box {
        text-align: center;
        border: 1px solid #29b4e3;
        padding: 15px;
        border-radius: 10px;
        background-color: #fff;
        margin-bottom: 20px;
    }

    .single_course_join_page #reports_section .reports_content .box h6 {
        margin: 10px 0;
    }
    /*--------------------------------------------------------------
# End single course join page
--------------------------------------------------------------*/
    /*--------------------------------------------------------------
# Start review modal
--------------------------------------------------------------*/

    .review_modal .modal-content {
        padding: 37px 0;
        text-align: center;
    }

    .review_modal .modal-content .modal-head {
        margin-bottom: 35px;
    }

    .review_modal .modal-content .modal-head h5 {
        margin: 0;
        font-size: 22px;
        color: #29B4E3;
        font-weight: 600;
    }

    .review_modal .modal-content .text_rate {
        color: #525252;
    }

    .review_modal .modal-content .modal-body {
        padding: 0;
        width: 80%;
        margin: 0 auto;
    }

    .review_modal .modal-content .modal-body .comment_box label {
        margin: 0 0 10px;
        font-size: 18px;
        font-family: "neoMed";
    }

    .review_modal .modal-content .modal-body .comment_box textarea {
        height: 120px;
        border: 1px solid #D0D0D0;
        border-radius: 5px;
        resize: none;
        box-shadow: none;
    }

    .review_modal .modal-content .modal-body .main-btn {
        border-radius: 3px;
        font-weight: normal;
        padding: 10px 50px;
        text-transform: capitalize;
    }

    .review_modal .rate {
        margin-bottom: 45px;
    }

    .review_modal .rate .rating-list {
        display: flex;
        direction: rtl;
        justify-content: center;
    }

    .review_modal .rate .rating-list input[type=radio].rating-radio {
        position: absolute;
        margin: 1em 0 0 0.9em;
        font-size: 0.5em;
        z-index: -1;
        visibility: hidden;
    }

    .review_modal .rate .rating-list .star-rating {
        display: block;
        height: 35px;
        color: transparent;
        background: #ddd;
        position: relative;
        width: 35px;
        clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
        margin: 0 10px;
    }

    .review_modal .rate .rating-list .star-rating:before {
        z-index: 10;
        position: absolute;
        width: 0;
        height: 100%;
        content: "";
        background: #EEB823;
        top: 0;
        left: 0;
    }

    .review_modal .rate .rating-list .star-rating:hover:before {
        width: 100%;
    }

    .review_modal .rate .rating-list .star-rating:hover:before,
    .review_modal .rate .rating-list .star-rating:hover~.star-rating:before {
        width: 100%;
    }

    .review_modal .rate .rating-list .rating-radio--1:checked~.star-rating:before {
        width: 100%;
    }

    .review_modal .rate .rating-list .rating-radio--2:checked~.star-rating:before {
        width: 100%;
    }

    .review_modal .rate .rating-list .rating-radio--3:checked~.star-rating:before {
        width: 100%;
    }

    .review_modal .rate .rating-list .rating-radio--4:checked~.star-rating:before {
        width: 100%;
    }

    .review_modal .rate .rating-list .rating-radio--5:checked~.star-rating:before {
        width: 100%;
    }

    .review_modal .rate .rating-list .rating-radio--6:checked~.star-rating:before {
        width: 100%;
    }

    .review_modal .rate .rating-list .rating-radio--7:checked~.star-rating:before {
        width: 100%;
    }

    .review_modal .rate .rating-list .rating-radio--8:checked~.star-rating:before {
        width: 100%;
    }

    .review_modal .rate .rating-list .rating-radio--9:checked~.star-rating:before {
        width: 100%;
    }

    .review_modal .rate .rating-list .rating-radio--10:checked~.star-rating:before {
        width: 100%;
    }

    .review_modal .rate .rating-list .rating-list .star-rating:hover:before,
    .review_modal .rate .rating-list .rating-list .star-rating:hover~.star-rating:before {
        width: 100%;
    }
    /*--------------------------------------------------------------
# End review modal
--------------------------------------------------------------*/
    /*--------------------------------------------------------------
# Start about page
--------------------------------------------------------------*/

    .about_page {
        padding: 50px 0;
    }

    .about_page .info h6 {
        font-size: 30px;
        margin-bottom: 24px;
        font-family: "neoMed";
    }

    .about_page .info p {
        color: #484848;
    }

    .about_page .image img {
        border-radius: 5px;
    }

    .team_section {
        padding: 50px 0 100px;
    }

    .team_section .heading {
        margin-bottom: 50px;
    }

    .team_section .heading h4 {
        color: #29B4E3;
        font-size: 30px;
        font-family: "bahijBold";
    }

    .team_section .team_box {
        box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.08);
        border-radius: 8px;
        overflow: hidden;
        margin-bottom: 30px;
    }

    .team_section .team_box .image img {
        height: 260px;
        width: 100%;
        object-fit: cover;
    }

    .team_section .team_box .info {
        padding: 19px 10px;
    }

    .team_section .team_box .info .name {
        font-size: 18px;
        color: #484848;
        margin-bottom: 10px;
        font-family: "neoBold";
    }

    .team_section .team_box .info .job_title {
        color: #3B3B3B;
        font-size: 18px;
    }
    /*--------------------------------------------------------------
# End about page
--------------------------------------------------------------*/
    /*--------------------------------------------------------------
# Start profile page
--------------------------------------------------------------*/

    .profile_page {
        padding-bottom: 90px;
    }

    .profile_page .content_section {
        display: flex;
        gap: 30px 70px;
        margin-top: 80px;
        flex-wrap: wrap;
    }

    .profile_page .content_section .box {
        padding: 33px 10px 36px;
        display: flex;
        flex-direction: column;
        align-items: center;
        background-color: #F6F6F6;
        border-radius: 8px;
        flex: 1;
        transition: 0.3s;
        color: #343434;
        font-family: "neoMed";
        min-width: 300px;
    }

    .profile_page .content_section .box .image {
        height: 124px;
        display: flex;
        align-items: center;
    }

    .profile_page .content_section .box:hover {
        box-shadow: 0px 6px 14px rgba(0, 0, 0, 0.15);
        color: #29B4E3;
    }
    /*--------------------------------------------------------------
# End profile page
--------------------------------------------------------------*/
    /*--------------------------------------------------------------
# Start my profile page
--------------------------------------------------------------*/

    .myProfile_page {
        background-color: #fff;
    }

    .myProfile_page .profile_flex {
        display: flex;
        align-items: flex-start;
    }

    .myProfile_page .profileCard {
        background-color: #F8F8F8;
        width: 200px;
    }

    .myProfile_page .mou_tab {
        position: relative;
        padding: 16px 18px;
        display: flex;
        align-items: center;
        gap: 0 9px;
        font-family: "neoRegular";
        transition: 0.3s;
        cursor: pointer;
    }

    .myProfile_page .mou_tab.active,
    .myProfile_page .mou_tab:hover {
        background-color: #29B4E3;
        color: #fff;
    }

    .myProfile_page .mou_tab.active i,
    .myProfile_page .mou_tab:hover i {
        color: #fff;
    }

    .myProfile_page .mou_tab .noti {
        position: absolute;
        left: 20px;
        top: 50%;
        transform: translateY(-50%);
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background-color: #FF5E49;
        color: #fff;
        font-size: 14px;
    }

    .myProfile_page .mou_tab i {
        color: #A0A0A0;
        font-size: 18px;
        transition: 0.3s;
    }

    .myProfile_page .mou_tab:not(:last-of-type) {
        border-bottom: 1px solid #E4E4E4;
    }

    .myProfile_page .main_content {
        flex: 1;
    }

    .myProfile_page .main_content .box_content {
        padding-inline-start: 60px;
        display: none;
        opacity: 0;
        transition: 0.3s;
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    .myProfile_page .main_content .box_content.active {
        display: block;
        animation: fadeInUp 1s both;
        -webkit-animation: fadeInUp 1s both;
    }

    .myProfile_page #my_Information .form-group {
        margin-bottom: 23px;
    }

    .myProfile_page #my_Information .form-group label {
        color: #6D6D6D;
        margin-bottom: 10px;
    }

    .myProfile_page #my_Information .form-group .input_box {
        border: 1px solid #A0A0A0;
        border-radius: 5px;
        height: 45px;
        display: flex;
        justify-content: space-between;
        overflow: hidden;
    }

    .myProfile_page #my_Information .form-group .input_box input {
        height: 100%;
        border: 0;
        padding: 5px 18px;
        background-color: transparent;
        width: 100%;
    }

    .myProfile_page #my_Information .form-group .input_box .icon {
        width: 45px;
        min-width: 45px;
        height: 43px;
        background-color: #F3F3F3;
        border-inline-start: 1px solid #A0A0A0;
        cursor: pointer;
    }

    .myProfile_page #my_Information .meta {
        display: flex;
        justify-content: space-between;
    }

    .myProfile_page #my_Information .meta .main-btn {
        padding: 8px 40px;
        border: 0;
    }

    .myProfile_page #my_Information .meta .main-btn:disabled {
        background-color: #A0A0A0;
    }

    .myProfile_page #my_Information .meta .edit_pass {
        text-decoration: underline;
        font-family: "neoMed";
        color: #29B4E3;
    }

    .myProfile_page #my_Information .meta .edit_pass:hover {
        color: #ED7565;
    }

    .myProfile_page #account_statement .earn_box {
        border: 1px solid #29B4E3;
        padding: 30px;
        text-align: center;
        border-radius: 4px;
    }

    .myProfile_page #account_statement .earn_box .head {
        font-size: 20px;
        font-weight: "neoMed";
        margin-bottom: 20px;
    }

    .myProfile_page #account_statement .earn_box .earned {
        color: #6D6D6D;
        font-size: 22px;
        margin-bottom: 20px;
    }

    .myProfile_page #account_statement .earn_box .earned .num {
        color: #29B4E3;
        font-size: 35px;
        font-weight: "neoMed";
    }

    .myProfile_page #account_statement .earn_box .main-btn {
        padding: 8px 40px;
    }

    .myProfile_page #account_statement .financial_trans .head {
        font-size: 22px;
        font-family: "neoMed";
        margin-bottom: 16px;
    }

    .myProfile_page #account_statement .financial_trans .financial_table {
        overflow: auto;
    }

    .myProfile_page #account_statement .financial_trans .financial_table::-webkit-scrollbar-track {
        background-color: #d7d7d7;
    }

    .myProfile_page #account_statement .financial_trans .financial_table::-webkit-scrollbar {
        height: 6px;
        background-color: #F5F5F5;
    }

    .myProfile_page #account_statement .financial_trans .financial_table::-webkit-scrollbar-thumb {
        border-radius: 0;
        background-color: #29B4E3;
    }

    .myProfile_page #account_statement .financial_trans .financial_table .content_table {
        border: 1px solid #E4E4E4;
        border-radius: 5px;
        min-width: 750px;
    }

    .myProfile_page #account_statement .financial_trans .financial_table .row_item {
        display: flex;
        align-items: center;
        padding: 16px 30px;
    }

    .myProfile_page #account_statement .financial_trans .financial_table .row_item:not(:last-of-type) {
        border-bottom: 1px solid #D0D0D0;
    }

    .myProfile_page #account_statement .financial_trans .financial_table .row_item.row_head {
        font-size: 18px;
        font-family: "neoMed";
    }

    .myProfile_page #account_statement .financial_trans .financial_table .row_item .box {
        font-family: "neoRegular";
    }

    .myProfile_page #account_statement .financial_trans .financial_table .row_item .box:nth-of-type(1) {
        max-width: 25%;
        flex: 25%;
    }

    .myProfile_page #account_statement .financial_trans .financial_table .row_item .box:nth-of-type(2),
    .myProfile_page #account_statement .financial_trans .financial_table .row_item .box:nth-of-type(3),
    .myProfile_page #account_statement .financial_trans .financial_table .row_item .box:nth-of-type(4) {
        max-width: 18.333%;
        flex: 18.333%;
    }

    .myProfile_page #account_statement .financial_trans .financial_table .row_item .box:nth-of-type(5) {
        max-width: 20%;
        flex: 20%;
    }

    .myProfile_page #account_statement .financial_trans .financial_table .row_item .box.status span {
        width: 100px;
        height: 35px;
        color: #fff;
        border-radius: 5px;
    }

    .myProfile_page #account_statement .financial_trans .financial_table .row_item .box.status span.sure {
        background-color: #24B400;
    }

    .myProfile_page #account_statement .financial_trans .financial_table .row_item .box.status span.deleted {
        background-color: #ED7565;
    }

    .myProfile_page #account_statement .financial_trans .financial_table .row_item .box.status span.review {
        background-color: #6D6D6D;
    }

    .myProfile_page #account_statement .financial_trans .financial_table .row_item .box.date {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0 5px;
    }

    .myProfile_page #certificates_section .cert_box {
        border: 1px solid #D0D0D0;
        border-radius: 5px;
        overflow: hidden;
        text-align: center;
        margin-bottom: 20px;
    }

    .myProfile_page #certificates_section .cert_box .info {
        padding: 18px 35px 20px;
    }

    .myProfile_page #certificates_section .cert_box .info .name {
        margin-bottom: 18px;
    }

    .myProfile_page #certificates_section .cert_box .info .main-btn {
        width: 100%;
    }

    .myProfile_page  .markiting_table .table_content .row_item {
        display: flex;
        align-items: center;
        padding: 16px 40px;
        transition: 0.3s;
    }

    .myProfile_page  .markiting_table .table_content .row_item:not(:last-of-type) {
        border-bottom: 1px solid #D0D0D0;
    }

    .myProfile_page  .markiting_table .table_content .row_item:not(.row_head):hover {
        color: #29B4E3;
    }

    .myProfile_page  .markiting_table .table_content .row_item:not(.row_head):hover .main-btn {
        opacity: 1;
        visibility: visible;
    }

    .myProfile_page  .markiting_table .table_content .row_item.row_head {
        background-color: #F3F3F3;
        border-bottom: 0;
        font-size: 18px;
    }

    .myProfile_page  .markiting_table .table_content .row_item .box {
        max-width: 25%;
        flex: 25%;
    }

    .myProfile_page  .markiting_table .table_content .row_item .box .main-btn {
        padding: 8px 40px;
        opacity: 0;
        visibility: hidden;
        transition: 0.3s;
    }

    .myProfile_page #suggestion_section .form-control {
        background-color: #F7F7F7;
        border: 1px solid #D0D0D0;
        border-radius: 5px;
        height: 250px;
    }

    .myProfile_page #suggestion_section .form-control::placeholder {
        color: #A0A0A0;
    }

    .myProfile_page #suggestion_section .main-btn {
        padding: 8px 40px;
    }

    #edit_pass_modal .modal-content {
        background-color: #fff;
        text-align: start;
        box-shadow: 0px 10px 30px rgba(41, 180, 227, 0.3);
    }

    #edit_pass_modal .modal-content .form-control {
        background-color: #F6F6F6;
        border-color: #EAEAEA;
        box-shadow: none;
    }

    #edit_pass_modal .modal-content .form-control::placeholder {
        color: #A0A0A0;
    }

    #edit_pass_modal .modal-content .modal-footer {
        justify-content: start;
    }
    /*--------------------------------------------------------------
# End my profile page
--------------------------------------------------------------*/
    /*--------------------------------------------------------------
# Start exams page
--------------------------------------------------------------*/

    .exams_page {
        padding-bottom: 90px;
    }

    .exams_page .exam_box {
        background-color: #F6F6F6;
        border-radius: 8px;
        margin-bottom: 20px;
    }

    .exams_page .exam_box .name {
        padding: 20px 30px;
        text-align: center;
        border-bottom: 1px solid #E4E4E4;
        color: #29B4E3;
        font-size: 18px;
        margin: 0;
    }

    .exams_page .exam_box .info {
        padding: 17px 20px 20px;
    }

    .exams_page .exam_box .info .item {
        color: #6D6D6D;
        margin-bottom: 15px;
    }

    .exams_page .exam_box .info .item .badge {
        color: #fff;
        background-color: #ED7565;
        border-radius: 5px;
        font-size: 15px;
        padding: 5px 10px;
    }

    .exams_page .exam_box .info .meta {
        margin-top: 35px;
        display: flex;
        gap: 0 10px;
    }

    .exams_page .exam_box .info .meta .btn-form {
        flex: 1;
        padding: 8px 20px;
        text-align: center;
        font-size: 14px;
        min-height: auto;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .exams_page .exam_box .info .meta .btn-form:hover {
        color: #fff;
    }
    /*--------------------------------------------------------------
# End exams page
--------------------------------------------------------------*/
    /*--------------------------------------------------------------
# Start general exams page
--------------------------------------------------------------*/

    .general_exams_page {
        overflow: visible;
    }

    .general_exams_page .exams_card {
        box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
        border-radius: 10px;
        overflow: hidden;
        min-height: 200px;
        padding-bottom: 40px;
    }

    .general_exams_page .exams_card .head {
        font-family: "neoMed";
        padding: 18px 20px;
        background-color: #29B4E3;
        color: #fff;
        font-size: 18px;
        margin-bottom: 0;
    }

    .general_exams_page .exams_card ul li {
        font-family: "neoRegular";
        position: relative;
        padding: 12px 20px;
        margin-bottom: 1px;
        cursor: pointer;
        transition: 0.4s;
    }

    .general_exams_page .exams_card ul li:after {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(270deg, rgba(41, 180, 227, 0.15) 0%, rgba(255, 255, 255, 0.01) 100%);
        z-index: -1;
        transform: translateX(100%);
        transition: 0.4s;
    }

    .general_exams_page .exams_card ul li.active {
        color: #29B4E3;
    }

    .general_exams_page .exams_card ul li.active:after {
        transform: translateX(0);
    }

    .general_exams_page .box_content {
        display: none;
        opacity: 0;
        transition: 0.3s;
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    .general_exams_page .box_content.active {
        display: block;
        animation: fadeInUp 1s both;
        -webkit-animation: fadeInUp 1s both;
    }

    .general_exams_page .main_box {
        padding: 0 6px;
    }

    .general_exams_page .box_Gexam {
        border: 1px solid #E4E4E4;
        border-radius: 8px;
        overflow: hidden;
        box-shadow: 0px 5px 8px rgba(41, 180, 227, 0.09);
        margin-bottom: 24px;
        transition: 0.3s;
    }

    .general_exams_page .box_Gexam:hover {
        box-shadow: 0px 5px 16px rgba(41, 180, 227, 0.19);
    }

    .general_exams_page .box_Gexam .image {
        padding: 10px;
        height: 240px;
        border-radius: 5px;
        overflow: hidden;
    }

    .general_exams_page .box_Gexam .image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 5px;
    }

    .general_exams_page .box_Gexam .info {
        padding: 6px 18px 16px;
    }

    .general_exams_page .box_Gexam .info .name {
        -webkit-line-clamp: 2;
        padding-bottom: 10px;
        border-bottom: 1px solid #E4E4E4;
        margin: 0;
        font-family: "neoMed";
    }

    .general_exams_page .box_Gexam .details {
        margin: 11px 0 13px;
    }

    .general_exams_page .box_Gexam .details .details_row {
        display: flex;
        justify-content: space-between;
    }

    .general_exams_page .box_Gexam .details .details_row:not(:last-of-type) {
        margin-bottom: 13px;
    }

    .general_exams_page .box_Gexam .details .details_row .item {
        display: flex;
        align-items: center;
        gap: 0 6px;
        color: #6D6D6D;
    }

    .general_exams_page .box_Gexam .details .details_row .item i {
        color: #29B4E3;
    }

    .general_exams_page .box_Gexam .main-btn:hover {
        background-color: #ED7565;
        border-color: #ED7565;
    }
    /*--------------------------------------------------------------
# End general exams page
--------------------------------------------------------------*/

    .terms_page .block .head {
        font-family: "neoMed";
        font-size: 18px;
    }

    .terms_page .block p {
        color: #6D6D6D;
    }
    /*--------------------------------------------------------------
# Start single exam page
--------------------------------------------------------------*/

    .single_exam_page {
        padding: 50px 0 70px;
        background-color: #F8F8F8;
        margin-top: 25px;
    }

    .single_exam_page .exam_box {
        background-color: #FFFFFF;
        border-radius: 6px;
        box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
    }

    .single_exam_page .exam_box .head_box {
        padding: 36px 20px 25px;
        text-align: center;
        gap: 0 6px;
        color: #29B4E3;
        font-size: 18px;
        border-bottom: 1px solid #EFEFEF;
    }

    .single_exam_page .exam_box .head_box h6 {
        font-size: 20px;
        font-family: "neoMed";
        margin: 0;
    }

    .single_exam_page .exam_box .content_box {
        padding: 33px 30px;
    }

    .single_exam_page .exam_box .title_cat {
        color: #484848;
        font-size: 18px;
        font-family: "neoMed";
    }

    .single_exam_page .exam_box .all_questions {
        margin: 40px 0 0;
        background-color: #FAFAFA;
        border: 1px dashed #D0D0D0;
        border-radius: 5px;
    }

    .single_exam_page .exam_box .must_answer {
        padding: 10px 0;
    }

    .single_exam_page .exam_box .note {
        font-size: 20px;
        margin: 0;
        opacity: 0;
        visibility: hidden;
        color: #E41F1F;
        transition: 0.3s;
    }

    .single_exam_page .exam_box .note.show {
        opacity: 1;
        visibility: visible;
        animation: vibrate 0.3s linear;
    }

    @keyframes vibrate {
        0% {
            transform: rotate(0deg);
        }
        25% {
            transform: rotate(7deg);
        }
        50% {
            transform: rotate(0deg);
        }
        75% {
            transform: rotate(-7deg);
        }
        100% {
            transform: rotate(0deg);
        }
    }

    .single_exam_page .exam_box .controls_slider {
        justify-content: space-between;
    }

    .single_exam_page .exam_box .controls_slider .main-btn {
        border: 0;
        padding: 6px 30px;
        font-family: "neoMed";
    }

    .single_exam_page .exam_box .controls_slider #send-answers {
        background-color: #25ab4e;
    }

    .single_exam_page .exam_box .controls_slider #send-answers:hover {
        background-color: #21793c;
    }

    .single_exam_page .settings_box {
        box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
        background-color: #fff;
        border-radius: 6px;
        padding-bottom: 20px;
    }

    .single_exam_page .settings_box .head_box {
        padding: 25px 15px;
        border-bottom: 1px solid #EFEFEF;
        justify-content: space-between;
    }

    .single_exam_page .settings_box .head_box h4 {
        font-size: 20px;
        font-family: "neoMed";
    }

    .single_exam_page .settings_box .timer_exam {
        padding: 8px 16px;
        background-color: #ED7565;
        border-radius: 5px;
        color: #fff;
        display: flex;
        align-items: center;
        gap: 0 9px;
    }

    .single_exam_page .settings_box .block {
        padding: 17px 20px;
    }

    .single_exam_page .settings_box .block:not(:last-of-type) {
        border-bottom: 1px solid #EFEFEF;
    }

    .single_exam_page .settings_box .block h6 {
        color: #484848;
        font-family: "neoMed";
        margin-bottom: 20px;
    }

    .single_exam_page .settings_box .block h6 span {
        color: #29B4E3;
    }

    .single_exam_page .settings_box .block .numbers {
        display: flex;
        flex-wrap: wrap;
        gap: 15px;
    }

    .single_exam_page .settings_box .block .numbers span {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        border-radius: 5px;
        background-color: #EEEEEE;
    }

    .single_exam_page .settings_box .block .numbers span.active {
        background-color: #29B4E3;
        color: #fff;
    }

    .single_exam_page .box_done {
        text-align: center;
        width: 70%;
        margin: 20px auto;
        padding: 20px;
        border-radius: 5px;
        background-color: #fff;
    }

    .single_exam_page .box_done i {
        font-size: 36px;
        color: #29b4e3;
    }

    .single_exam_page .box_done p {
        font-size: 30px;
        margin: 22px;
        font-weight: bold;
    }

    .single_exam_page .box_done .main-btn {
        border: 0;
        margin-top: 10px;
        background-color: #4caf50;
        width: 100%;
    }

    .question_box {
        display: none;
        -webkit-transition: 0.2s;
        -moz-transition: 0.2s;
        -o-transition: 0.2s;
        transition: 0.2s;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }

    .question_box.active {
        display: block;
        -webkit-animation-name: fadeIn;
        animation-name: fadeIn;
    }

    .question_box .ques_name_box {
        padding: 9px 9px 30px;
        border-bottom: 1px solid #EAEAEA;
    }

    .question_box .ques_name_box .image img {
        max-height: 300px;
    }

    .question_box .ques_name_box .video_box iframe {
        height: 400px;
    }

    .question_box .ques_name_box .explain_btn {
        border: 1px solid #29B4E3;
        background-color: #fff;
        color: #29b4e3;
        border-radius: 3px;
        padding: 4px 10px;
    }

    .question_box .ques_explain {
        border: 1px solid #d5d5d5;
        padding: 15px 20px;
        border-radius: 5px;
        margin: 10px 0;
        background-color: #fff;
        box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.07);
        display: none;
    }

    .question_answers {
        padding: 27px 20px 6px;
    }

    .question_answers .text_answer {
        position: relative;
    }

    .question_answers .text_answer .icon {
        position: absolute;
        top: -15px;
        left: -15px;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        align-items: center;
        justify-content: center;
        color: #fff;
        font-size: 18px;
        display: flex;
    }

    .question_answers .text_answer .icon.correct {
        background-color: #24B400;
    }

    .question_answers .text_answer .icon.wrong {
        background-color: #FF3131;
    }

    .question_answers .text_answer .icon.incomplete {
        background-color: #29B4E3;
    }

    .question_answers textarea {
        height: 150px !important;
        margin-bottom: 20px;
        box-shadow: none;
    }

    .question_answers .single_answer input:checked~.item {
        border-color: #29B4E3;
        color: #29B4E3;
    }

    .question_answers .single_answer input:checked~.item .checkmark:after {
        transform: translate(-50%, -50%) scale(1);
    }

    .question_answers .single_answer {
        margin-bottom: 30px;
        align-items: center;
    }

    .question_answers .single_answer .item {
        background-color: #FFFFFF;
        border: 1px solid #E4E4E4;
        border-radius: 5px;
        padding: 12px 5px;
        padding-inline-start: 16px;
        color: #484848;
        gap: 0 7px;
        transition: 0.3s;
        font-family: "neoRegular";
    }

    .question_answers .single_answer .item .cke_reset {
        height: 40px !important;
    }

    .question_answers .single_answer .item .checkmark {
        position: relative;
        display: inline-block;
        width: 16px;
        min-width: 16px;
        height: 16px;
        border: 1px solid #D0D0D0;
        background-color: #fff;
        border-radius: 50%;
    }

    .question_answers .single_answer .item .checkmark:after {
        position: absolute;
        content: "";
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) scale(0);
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #29B4E3;
        transition: 0.3s;
    }

    .question_answers.connected_section {
        padding-bottom: 30px;
    }

    .question_answers.connected_section .connect_note {
        color: #484848;
    }

    .question_answers.connected_section h5 {
        font-family: "neoMed";
    }

    .question_answers.connected_section .item {
        margin-bottom: 9px;
    }

    .question_answers.connected_section .connected_questions .item {
        border-color: #29B4E3;
        color: #29B4E3;
    }

    .name_ques {
        margin-top: 14px;
        display: flex;
        gap: 0 10px;
        padding: 0 10px;
    }

    .name_ques .num {
        width: 32px;
        min-width: 32px;
        height: 32px;
        background-color: #29b4e3;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        color: #fff;
    }

    .name_ques .text {
        font-family: "neoMed";
        color: #484848;
    }
    /*--------------------------------------------------------------
# End single exam page
--------------------------------------------------------------*/
    /*--------------------------------------------------------------
# Start details of exam page
--------------------------------------------------------------*/

    .details_of_exam_page {
        padding: 50px 0 70px;
        background-color: #F8F8F8;
        margin-top: 25px;
    }

    .details_of_exam_page .content_section {
        width: 70%;
        margin: 0 auto;
        background-color: #fff;
        border-radius: 6px;
        box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
        padding: 40px 30px;
    }

    .details_of_exam_page .content_section .head {
        margin-bottom: 36px;
        text-align: center;
        color: #484848;
        font-size: 24px;
        font-family: "neoMed";
    }

    .details_of_exam_page .content_section .result_box {
        background-color: #FAFAFA;
        border: 1px dashed #D0D0D0;
        padding: 46px 20px 34px;
        border-radius: 5px;
    }

    .details_of_exam_page .content_section .result_box .details .box {
        text-align: center;
        border-radius: 8px;
        color: #fff;
        padding: 22px 10px;
        height: 100%;
    }

    .details_of_exam_page .content_section .result_box .details .box h6 {
        margin-bottom: 20px;
        font-family: "neoRegular";
    }

    .details_of_exam_page .content_section .result_box .details .box .num {
        font-size: 18px;
        font-family: "neoMed";
    }

    .details_of_exam_page .content_section .result_box .details .box.one {
        background-color: #4FAB79;
    }

    .details_of_exam_page .content_section .result_box .details .box.two {
        background-color: #7518DD;
    }

    .details_of_exam_page .content_section .result_box .details .box.three {
        background-color: #ED7565;
    }

    .details_of_exam_page .content_section .result_box .details .box.four {
        background-color: #3D67E7;
    }

    .details_of_exam_page .content_section .result_box .inside {
        background-color: #fff;
        border-radius: 8px;
        border: 1px solid #E4E4E4;
        margin: 50px auto 23px;
        width: 80%;
        padding: 19px 22px 12px;
    }

    .details_of_exam_page .content_section .result_box .inside .head_small {
        text-align: center;
        margin-bottom: 28px;
        font-size: 18px;
        font-family: "neoMed";
        color: #29B4E3;
    }

    .details_of_exam_page .content_section .result_box .inside .block {
        margin-bottom: 11px;
    }

    .details_of_exam_page .content_section .result_box .inside .block:not(:last-of-type) {
        border-bottom: 1px solid #E4E4E4;
    }

    .details_of_exam_page .content_section .result_box .inside .block .title {
        margin: 0 0 16px;
        text-align: start;
        color: #ED7565;
    }

    .details_of_exam_page .content_section .result_box .inside .block ul {
        list-style-type: disc;
        padding-inline-start: 15px;
    }

    .details_of_exam_page .content_section .result_box .inside .block ul li {
        color: #484848;
        margin-bottom: 12px;
        font-size: 14px;
    }

    .details_of_exam_page .content_section .result_box .btn-form {
        padding: 11px 30px;
    }
    /*--------------------------------------------------------------
# End details of exam page
--------------------------------------------------------------*/
    /*--------------------------------------------------------------
# Start result of exam page
--------------------------------------------------------------*/

    .result_of_exam_page {
        padding: 0 0 70px;
        background-color: #F8F8F8;
    }

    .result_of_exam_page .headPage {
        text-align: center;
        color: #29B4E3;
        margin-bottom: 35px;
        font-size: 32px;
        font-family: "neoMed";
    }

    .result_of_exam_page .content_section {
        width: 70%;
        margin: 0 auto;
        border-radius: 6px;
    }

    .result_of_exam_page .content_section .question_box {
        background-color: #FAFAFA;
        border: 1px dashed #D0D0D0;
        border-radius: 5px;
    }

    .result_of_exam_page .content_section .item {
        position: relative;
    }

    .result_of_exam_page .content_section .item .icon {
        position: absolute;
        top: -15px;
        left: -15px;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        align-items: center;
        justify-content: center;
        color: #fff;
        font-size: 18px;
        display: none;
    }

    .result_of_exam_page .content_section .item.wrong .icon,
    .result_of_exam_page .content_section .item.correct .icon {
        display: flex;
    }

    .result_of_exam_page .content_section .item.wrong {
        border-color: #FF3131;
        color: #FF3131;
    }

    .result_of_exam_page .content_section .item.wrong .checkmark:after {
        transform: translate(-50%, -50%) scale(1);
        background-color: #FF3131;
    }

    .result_of_exam_page .content_section .item.wrong .icon {
        background-color: #FF3131;
    }

    .result_of_exam_page .content_section .item.correct {
        border-color: #24B400;
        color: #24B400;
    }

    .result_of_exam_page .content_section .item.correct .checkmark:after {
        transform: translate(-50%, -50%) scale(1);
        background-color: #24B400;
    }

    .result_of_exam_page .content_section .item.correct .icon {
        background-color: #24B400;
    }

    .result_of_exam_page .result_box h5.text {
        color: #24B400;
        display: inline-block;
        border-bottom: 1px solid #24B400;
        padding: 0 10px 7px;
        font-size: 20px;
        font-family: "neoMed";
    }

    .result_of_exam_page .result_box .desc {
        margin: 30px 0 40px;
        font-size: 18px;
    }

    .result_of_exam_page .result_box .btn-form {
        padding: 9px 40px;
    }

    .question_wrapper {
        margin-bottom: 28px;
        background-color: #fff;
        border-radius: 6px;
    }

    .question_wrapper>.name_ques {
        margin-top: 0;
        padding: 0;
        align-items: center;
        justify-content: space-between;
        cursor: pointer;
        box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
        padding: 30px;
        border-radius: 6px;
    }

    .question_wrapper>.name_ques i {
        color: #29B4E3;
        font-size: 20px;
    }

    .question_wrapper .answer_block {
        display: none;
        padding: 20px 30px 30px;
    }

    .question_wrapper .question_answers .single_answer {
        margin-bottom: 10px;
    }

    .question_wrapper .question_answers .connected_questions .single_answer .item,
    .question_wrapper .question_answers .connected_answers .single_answer .item {
        border-color: #29B4E3;
    }

    .question_wrapper .question_answers .connected_answers .wrong .item {
        border-color: #FF3131 !important;
    }

    .question_wrapper .show_ans {
        font-family: "neoMed";
        margin-top: 20px;
        cursor: pointer;
        display: inline-block;
    }

    .question_wrapper .show_ans i.rotate {
        transform: rotate(180deg);
    }

    .question_wrapper .result_box {
        display: none;
    }

    .question_wrapper .result_box .question_answers .connected_answers .single_answer .item {
        border-color: #24B400 !important;
    }

    .cour-block .img-block.play .img,
    .cour-block .img-block.play .overlay .price,
    .cour-block .img-block.play .overlay .price,
    .cour-block .img-block.play .overlay .rate {
        opacity: 0;
    }

    .cour-block .img-block .overlay .video_box {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        left: 0;
        object-fit: cover;
        object-position: center;
        margin: 0;
        opacity: 0;
        transition: all 0.5s;
        z-index: -1;
    }

    .cour-block .img-block.play .overlay .video_box {
        opacity: 1;
        z-index: 2;
    }

    .single_answer {
        display: flex;
    }

    .single_answer .num {
        width: 30px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        background: transparent;
        border-radius: 50%;
        color: #29b4e3;
        margin-top: 6px;
        border: 1px #29b4e3 solid;
    }

    .single_answer .item.flex-center-h {
        width: calc(100% - 50px);
        margin-inline-start: 10px;
        border: none;
        padding: 0;
    }

    .ans-h .single_answer .num {
        background: #33b933;
    }

    .question_answers .single_answer {
        background-color: #FFFFFF;
        border: 1px solid #E4E4E4;
        border-radius: 14px;
        padding: 12px 5px;
        padding-inline-start: 16px;
        color: #484848;
        gap: 0 7px;
        transition: 0.3s;
        font-family: "neoRegular";
    }
    /*--------------------------------------------------------------
# End result of exam page
--------------------------------------------------------------*/
    /*--------------------------------------------------------------
# Start notifications page
--------------------------------------------------------------*/

    .notifications_page {
        padding: 50px 0;
    }

    .notifications_page .head {
        justify-content: space-between;
        margin-bottom: 25px;
    }

    .notifications_page .head h4 {
        font-size: 32px;
        font-family: "bahijBold";
    }

    .notifications_page .head .delete_all {
        border: 1px solid #C4C4C4;
        background: none;
        padding: 10px 20px;
        color: #6D6D6D;
        border-radius: 5px;
        gap: 0 7px;
    }

    .notifications_page .head .delete_all i {
        font-size: 22px;
    }

    .notifications_page .head .delete_all:hover {
        background-color: #FF5E49;
        border-color: #FF5E49;
        color: #fff;
    }

    .notifications_page .content_noti {
        border: 1px solid #D0D0D0;
        border-radius: 5px;
    }

    .notifications_page .content_noti .item {
        padding: 25px 30px;
        gap: 0 10px;
    }

    .notifications_page .content_noti .item:not(:last-of-type) {
        border-bottom: 1px solid #E8E8E8;
    }

    .notifications_page .content_noti .item img {
        width: 48px;
        height: 48px;
        border-radius: 50%;
        object-fit: cover;
    }

    .custom_modal .modal_header {
        text-align: center;
        padding: 15px;
        border-bottom: 1px solid #ccc;
    }

    .custom_modal .modal_header h5 {
        margin: 0;
        font-size: 24px;
    }

    .custom_modal textarea {
        height: 100px;
        resize: none;
        box-shadow: none;
    }

    .custom_modal .modal-footer {
        justify-content: center;
    }
    /*--------------------------------------------------------------
# End notifications page
--------------------------------------------------------------*/
    /*--------------------------------------------------------------
# Start login page
--------------------------------------------------------------*/

    .login_page {
        background-color: #F8F8F8;
        padding: 130px 0;
        min-height: 100vh;
    }

    .login_page .form_modal {
        background-color: #fff;
        width: 90%;
        margin: 0 auto;
        box-shadow: 0px 8px 23px rgba(0, 0, 0, 0.05);
        border-radius: 8px;
        overflow: hidden;
    }

    .login_page .form_modal .form-group {
        margin-bottom: 14px;
    }

    .login_page .form_modal .form-group label {
        font-size: 16px;
        font-family: "neoRegular";
        color: #484848;
        margin-bottom: 8px;
    }

    .login_page .form_modal .form_box {
        padding: 20px 30px 35px;
    }

    .login_page .form_modal .form_box .head {
        font-size: 22px;
        color: #343434;
        font-family: "neoMed";
    }

    .login_page .form_modal .form_box .forget_pass {
        text-align: end;
        margin-top: -6px;
        margin-bottom: 24px;
    }

    .login_page .form_modal .form_box .forget_pass a {
        color: #29B4E3;
        font-family: "neoRegular";
    }

    .login_page .form_modal .form_box .forget_pass a:hover {
        color: #ED7565;
    }

    .login_page .form_modal .form_box .main-btn {
        width: 100%;
        border: 0;
        margin-bottom: 24px;
    }

    .login_page .form_modal .form_box .no_account {
        color: #484848;
        font-family: "neoRegular";
        gap: 0 5px;
    }

    .login_page .form_modal .form_box .no_account a {
        color: #29B4E3;
        font-family: "neoRegular";
    }

    .login_page .form_modal .form_box .no_account a:hover {
        color: #ED7565;
    }

    .login_page .form_modal .image {
        position: relative;
    }

    .login_page .form_modal .image:after {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.45);
        border-radius: 5px;
    }

    .login_page .form_modal .image img {
        object-fit: cover;
        width: 100%;
        height: 100%;
    }

    .input_form {
        background-color: #F6F6F6;
        border: 1px solid #EAEAEA;
        height: 38px;
        border-radius: 5px;
        display: flex;
        align-items: center;
        padding: 5px 10px;
    }

    .input_form .form-control {
        background-color: transparent;
        border: 0;
        height: 100%;
        box-shadow: none;
        padding: 8px;
    }

    .input_form .form-control::placeholder {
        color: #A0A0A0;
    }

    .input_form .icon {
        color: #A0A0A0;
        font-size: 18px;
    }
    /*--------------------------------------------------------------
# End login page
--------------------------------------------------------------*/
    /*--------------------------------------------------------------
# Start register page
--------------------------------------------------------------*/

    .register_page {
        padding: 40px 0 80px;
    }

    .register_page .head_page {
        font-size: 32px;
        font-family: "neoBold";
    }

    .register_page .form_modal {
        width: 100%;
        padding: 30px;
    }

    .register_page .form-wizard {
        padding-inline-start: 17px;
        padding-inline-end: 47px;
    }

    .register_page .form-wizard .form-wizard-header {
        text-align: center;
        margin-bottom: 39px;
    }

    .register_page .form-wizard .main-btn {
        font-family: "neoMed";
    }

    .register_page .form-wizard .main-btn.main,
    .register_page .form-wizard .main-btn.sec {
        width: 180px;
    }

    .register_page .form-wizard .main-btn.back {
        background-color: #F5F5F5;
        color: #6D6D6D;
        gap: 0 7px;
        padding: 8px 30px;
    }

    .register_page .form-wizard .main-btn.back:hover {
        background-color: #29B4E3;
        color: #fff;
    }

    .register_page .form-wizard .main-btn.back i {
        font-size: 18px;
        margin-top: 7px;
    }

    .register_page .content_fieldset .form-group {
        margin-bottom: 18px;
    }

    .register_page .content_fieldset .head {
        font-size: 22px;
        color: #343434;
        font-family: "neoMed";
    }

    .register_page .content_fieldset .block {
        padding-bottom: 25px;
        border-bottom: 1px solid #E4E4E4;
        margin-bottom: 28px;
    }

    .register_page .content_fieldset .radio_div {
        gap: 0 30px;
    }

    .register_page .content_fieldset .radio_div .custom_checkbox p {
        margin-inline-start: 12px;
        color: #484848;
        font-size: 18px;
    }

    .register_page .content_fieldset .radio_div_2 {
        justify-content: start;
        flex-wrap: wrap;
        gap: 20px;
    }

    .register_page .content_fieldset .radio_div_2 .custom_checkbox p {
        margin-inline-start: 10px;
        color: #484848;
        font-size: 16px;
    }

    .register_page .content_fieldset .all_tabs>div {
        display: none;
    }

    .register_page .content_fieldset .all_tabs #student_1 {
        display: block;
    }

    .register_page .content_fieldset .block_content select.form-control {
        padding: 0 !important;
    }

    .register_page .content_fieldset .block_content .head_radio {
        color: #484848;
        font-size: 18px;
        font-family: "neoRegular";
        margin-bottom: 12px;
    }

    .register_page .content_fieldset .agree_text {
        color: #4B4B4B;
        font-family: "neoRegular";
    }

    .register_page .content_fieldset .agree_text a {
        font-family: "neoRegular";
        color: #29B4E3;
    }

    .register_page .content_fieldset .agree_text a:hover {
        color: #ED7565;
    }
    /*--------------------------------------------------------------
# End register page
--------------------------------------------------------------*/
    /*--------------------------------------------------------------
# start wizard form
--------------------------------------------------------------*/

    .form-wizard .wizard-fieldset {
        display: none;
    }

    .form-wizard .wizard-fieldset.show {
        display: block;
    }

    .form-wizard .wizard-form-error {
        display: none;
        background-color: #e62b2b;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 2px;
        width: 100%;
    }

    .form-wizard .form-group {
        position: relative;
    }

    .form-wizard .messag-error {
        display: none;
        text-align: end;
        color: #f44336;
        white-space: nowrap;
    }

    .form-wizard #progressbar {
        display: flex;
    }

    .form-wizard #progressbar li {
        list-style-type: none;
        font-size: 12px;
        width: 33.333%;
        position: relative;
        z-index: 1;
        color: #363636;
    }

    .form-wizard #progressbar li:after {
        content: "";
        width: 100%;
        height: 4px;
        background: #E4E4E4;
        position: absolute;
        left: 0;
        top: 0;
        z-index: -1;
    }

    .form-wizard #progressbar li.active:after,
    .form-wizard #progressbar li.active:before,
    .form-wizard #progressbar li.activated:after,
    .form-wizard #progressbar li.activated:before {
        background: #29B4E3;
    }
    /*--------------------------------------------------------------
# End wizard form
--------------------------------------------------------------*/
    /*--------------------------------------------------------------
# start verification page
--------------------------------------------------------------*/

    .verification_page {
        padding: 47px 0 80px;
    }

    .verification_page .box {
        box-shadow: 0px 8px 23px rgba(0, 0, 0, 0.05);
        width: 50%;
        margin: 0 auto;
        border-radius: 5px;
        padding: 31px 20px 47px;
        font-family: "neoRegular";
    }

    .verification_page .box .head {
        font-family: "neoMed";
    }

    .verification_page .veri_inputs {
        display: flex;
        justify-content: center;
        align-items: center;
        direction: ltr;
        gap: 0 13px;
        margin: 20px 0;
    }

    .verification_page .verify-input-field {
        height: 45px;
        width: 50px;
        text-align: center;
        font-size: 25px;
        outline: none;
        border: 1px solid #B7B7B7;
        border-radius: 8px;
        color: rgba(0, 0, 0, 0.8);
        caret-color: rgba(0, 0, 0, 0.3);
        transition: all 0.1s ease-out;
        box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.11);
    }

    .verification_page .verify-input-field:focus {
        transform: scale(1.2);
    }

    .verification_page .details {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 15px 0;
    }

    .verification_page .details .main-btn {
        min-width: 150px;
    }
    /*--------------------------------------------------------------
# End verification page
--------------------------------------------------------------*/
    /*--------------------------------------------------------------
# Start contact page
--------------------------------------------------------------*/

    .contact_page {
        padding: 80px 0;
        background-color: #F8F8F8;
    }

    .contact_page .form_modal {
        box-shadow: 0px 8px 23px rgba(0, 0, 0, 0.05);
        border-radius: 8px;
        padding: 27px 45px 40px;
        background-color: #fff;
    }

    .contact_page .form_modal .border_e {
        border-inline-end: 1px solid #D0D0D0;
        padding-inline-end: 50px;
    }

    .contact_page .form_modal .form-group {
        margin-bottom: 18px;
    }

    .contact_page .form_modal .head {
        color: #343434;
        font-size: 22px;
        font-family: "neoMed";
        margin-bottom: 26px;
    }

    .contact_page .form_modal label {
        color: #484848;
        margin-bottom: 8px;
        font-family: "neoRegular";
    }

    .contact_page .form_modal .input_form {
        border: 1px solid #D0D0D0;
        background-color: transparent;
    }

    .contact_page .form_modal .main-btn {
        min-width: 160px;
    }

    .contact_page .contact_info {
        padding-inline-start: 40px;
    }

    .contact_page .contact_info .head {
        margin-bottom: 40px;
    }

    .contact_page .contact_info .item {
        margin-bottom: 16px;
        display: flex;
        align-items: center;
        gap: 0 10px;
        color: #484848;
        font-family: "neoMed";
    }

    .contact_page .contact_info .item:hover {
        color: #29B4E3;
    }

    .contact_page .contact_info .item .icon {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #D0D0D0;
        color: #7518DD;
        font-size: 18px;
    }
    /*--------------------------------------------------------------
# End contact page
--------------------------------------------------------------*/
    /*--------------------------------------------------------------
# Start news page
--------------------------------------------------------------*/

    .news_page {
        padding: 60px 0;
    }

    .news_page .headPage {
        color: #484848;
        font-size: 26px;
        font-family: "neoMed";
    }

    .news_page .news-block {
        box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.07);
    }

    .news_page .news-block:hover {
        box-shadow: 0px 5px 16px rgba(41, 180, 227, 0.19);
    }

    .single_news_page {
        padding: 40px 0 70px;
    }

    .single_news_page .new_content .image {
        margin-bottom: 20px;
    }

    .single_news_page .new_content .image img {
        width: auto;
        max-height: 350px;
        object-fit: cover;
        border-radius: 5px;
        margin-bottom: 30px;
    }

    .single_news_page .new_content .date {
        margin-bottom: 11px;
    }

    .single_news_page .new_content .date i {
        color: #29B4E3;
        font-size: 20px;
    }

    .single_news_page .new_content .date .text {
        font-size: 18px;
        font-family: "neoRegular";
        color: #6D6D6D;
        line-height: 1;
    }

    .single_news_page .new_content .name {
        color: #484848;
        font-size: 18px;
        font-family: "neoMed";
        margin-bottom: 33px;
    }

    .single_news_page .new_content .desc {
        color: #484848;
    }

    .single_news_page .other_news {
        background-color: #F7F7F7;
        border-radius: 5px;
        padding: 19px 16px;
    }

    .single_news_page .other_news .head {
        font-size: 18px;
        margin-bottom: 27px;
        font-family: "neoMed";
    }

    .single_news_page .other_news .item {
        display: flex;
        align-items: center;
        gap: 0 10px;
        font-family: "neoLight";
    }

    .single_news_page .other_news .item:not(:last-of-type) {
        padding-bottom: 20px;
        margin-bottom: 20px;
        border-bottom: 1px solid #D0D0D0;
    }

    .single_news_page .other_news .item:hover .name {
        color: #29B4E3;
    }

    .single_news_page .other_news .item:hover .image img {
        transform: scale(1.1);
    }

    .single_news_page .other_news .item .image {
        width: 88px;
        min-width: 88px;
        border-radius: 5px;
        overflow: hidden;
        border: 1px solid #D0D0D0;
    }

    .single_news_page .other_news .item .image img {
        width: 100%;
        transition: 0.3s;
    }

    .single_news_page .other_news .item .name {
        transition: 0.3s;
    }

    .single_news_page .other_news .item .date {
        margin-top: 8px;
        gap: 0 5px;
        color: #484848;
    }

    .single_news_page .other_news .item .date i {
        font-size: 18px;
    }
    /*--------------------------------------------------------------
# End news page
--------------------------------------------------------------*/
    /*--------------------------------------------------------------
# Start contest
--------------------------------------------------------------*/

    .contest_page {
        padding: 50px 0 80px;
    }

    .contest_page .contest_box {
        border: 1px solid #E4E4E4;
        border-radius: 7px;
        width: 70%;
        margin: 0 auto;
        padding: 35px;
    }

    .contest_page .contest_box .headPage {
        display: inline-block;
        border-bottom: 1px solid #E4E4E4;
        padding: 0 20px 17px;
        font-family: "neoRegular";
    }

    .contest_page .contest_box .headPage p {
        margin-top: 5px;
        font-family: "neoMed";
        font-size: 22px;
    }

    .contest_page .contest_box .desc {
        padding: 0 60px;
        font-family: "neoLight";
    }

    .contest_page .contest_box .rules .head {
        font-family: "neoMed";
    }

    .contest_page .contest_box .rules ul {
        padding-inline-start: 20px;
        margin-bottom: 40px;
    }

    .contest_page .contest_box .rules ul li {
        position: relative;
        font-family: "neoLight";
        margin-bottom: 12px;
    }

    .contest_page .contest_box .rules ul li:before {
        position: absolute;
        content: "";
        right: -20px;
        top: 50%;
        transform: translateY(calc(-50% + 2px));
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background-color: #29B4E3;
    }

    .contest_page .contest_box .main-btn {
        padding: 8px 40px;
    }
    /*--------------------------------------------------------------
# End contest
--------------------------------------------------------------*/
    /*--------------------------------------------------------------
# start cart page
--------------------------------------------------------------*/

    .cart_page .head_page {
        font-size: 32px;
        font-family: "neoBold";
        margin-bottom: 13px;
    }

    .cart_page .my_products .cart_product {
        padding: 20px 16px;
        border: 1px solid #D0D0D0;
        border-radius: 5px;
    }

    .cart_page .my_products .cart_product:not(:last-of-type) {
        margin-bottom: 20px;
    }

    .cart_page .my_products .cart_product .copon_box {
        margin-top: 15px;
        border-top: 1px solid #29B4E3;
        padding-top: 10px;
    }

    .cart_page .my_products .cart_product .copon_box .text {
        color: #6D6D6D;
        font-size: 16px;
        font-family: "neoRegular";
        margin-bottom: 5px;
    }

    .cart_page .my_products .cart_product .copon_box .input {
        border: 1px solid #ccc;
        border-radius: 5px;
        height: 45px;
        border-inline-end: 0;
        max-width: 350px;
    }

    .cart_page .my_products .cart_product .copon_box .input input {
        border: 0;
        background-color: transparent;
        height: 100%;
        flex: 1;
        padding: 5px 14px;
        justify-content: space-between;
    }

    .cart_page .my_products .cart_product .copon_box .input input::placeholder {
        color: #A0A0A0;
    }

    .cart_page .my_products .cart_product .copon_box .input .main-btn {
        border: 0;
        height: calc(100% + 2px);
        border-radius: 5px 0 0 5px;
    }

    .cart_page .my_products .cart_product .info_broduct {
        gap: 0 14px;
    }

    .cart_page .my_products .cart_product .info_broduct .image {
        width: 120px;
        height: 86px;
        border-radius: 5px;
        overflow: hidden;
    }

    .cart_page .my_products .cart_product .info_broduct .image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .cart_page .my_products .cart_product .info_broduct .name a {
        font-family: "neoMed";
        color: #343434;
        margin-bottom: 14px;
    }

    .cart_page .my_products .cart_product .info_broduct .meta .item {
        gap: 0 6px;
    }

    .cart_page .my_products .cart_product .info_broduct .meta .item:not(:last-of-type) {
        margin-bottom: 7px;
    }

    .cart_page .my_products .cart_product .info_broduct .meta .item i {
        color: #29B4E3;
    }

    .cart_page .my_products .cart_product .info_broduct .meta .item .text {
        color: #6D6D6D;
        font-family: "neoRegular";
    }

    .cart_page .my_products .cart_product .info_broduct a:hover {
        color: #29B4E3 !important;
    }

    .cart_page .my_products .cart_product .more_details {
        text-align: end;
    }

    .cart_page .my_products .cart_product .more_details .price {
        margin-bottom: 20px;
        font-size: 18px;
        font-family: "neoRegular";
    }

    .cart_page .my_products .cart_product .more_details .main-btn {
        border-color: #C4C4C4;
        color: #6D6D6D;
        font-family: "neoRegular";
        gap: 0 7px;
    }

    .cart_page .my_products .cart_product .more_details .main-btn i {
        font-size: 22px;
    }

    .cart_page .my_products .cart_product .more_details .main-btn:hover {
        background-color: #ED7565;
        color: #fff;
        border-color: #ED7565;
    }

    .cart_page .cart_cardSide {
        border: 1px solid #D0D0D0;
        border-radius: 5px;
        padding: 30px 20px;
    }

    .cart_page .cart_cardSide .head {
        color: #6D6D6D;
        font-size: 18px;
        font-family: "neoRegular";
        gap: 0 15px;
    }

    .cart_page .cart_cardSide .head .num {
        color: #ED7565;
        font-size: 22px;
        font-family: "neoMed";
    }

    .cart_page .main-btn.remove_all {
        width: 400px;
        max-width: 100%;
        background: #333;
    }
    /*--------------------------------------------------------------
# End cart page
--------------------------------------------------------------*/
    /*--------------------------------------------------------------
# Start custom modal
--------------------------------------------------------------*/

    .custom_modal .modal-content {
        padding: 25px;
        background-color: #1f2129;
        border: 0;
        border-radius: 14px;
        text-align: center;
    }

    .custom_modal .modal-content .modal-body {
        padding: 0;
    }

    .custom_modal .modal-content .modal-body p {
        color: #fff;
        font-size: 25px;
        font-weight: 500;
    }

    .custom_modal .modal-content .modal-footer {
        margin-top: 15px;
        padding: 0;
        border: 0;
        justify-content: center;
    }

    .custom_modal .modal-content .modal-footer .main-btn {
        padding: 8px 30px;
        border: 0;
        min-width: 87px;
    }

    .custom_modal .modal-content .modal-footer .main-btn.close {
        background-color: #FF6666;
    }

    .custom_modal .modal-content .modal-footer .main-btn.close:hover {
        background-color: #b40303;
    }

    .custom_modal .modal-content .modal-footer .main-btn.main:hover {
        background-color: #1e3385;
    }
    /*--------------------------------------------------------------
# End custom modal
--------------------------------------------------------------*/
    /*--------------------------------------------------------------
# Start payment page
--------------------------------------------------------------*/

    .payment_page {
        padding: 50px 0;
    }

    .payment_page .form-group {
        margin-bottom: 1rem;
    }

    .payment_page .price {
        font-size: 18px;
        font-weight: 600;
        color: #ED7565;
    }

    .payment_page .tabs-li ul {
        display: flex;
        justify-content: center;
    }

    .payment_page .tabs-li ul li {
        text-align: center;
        margin: 0 20px;
        padding: 10px 20px;
        background-color: #fff;
        border: 1px solid #29B4E3;
        border-radius: 7px 7px 0 0;
        font-weight: 700;
        cursor: pointer;
        position: relative;
        z-index: 1;
        top: 1px;
    }

    .payment_page .tabs-li ul li.active {
        border-bottom: 1px solid #fff;
        margin-bottom: -1px;
        position: relative;
        z-index: 4;
    }

    .payment_page .tabs-li img {
        width: 100px;
    }

    .payment_page .tabs-li img.mada_logo {
        width: 60px;
    }

    .payment_page .payment-body {
        position: relative;
        z-index: 2;
        border: 1px solid #29B4E3;
        background: #fff;
        border-radius: 10px;
        padding: 30px 15px;
        width: 90%;
        margin: 0 auto;
    }

    .payment_page .payment-body .box_content {
        display: none;
        transition: 0.3s;
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    .payment_page .payment-body .box_content.active {
        display: block;
        animation: fadeInUp 1s both;
        -webkit-animation: fadeInUp 1s both;
    }

    .payment_page .payment-body .box_content .head h5 {
        font-weight: 900;
        margin-bottom: 25px;
    }

    .payment_page .payment-body .box_content label {
        display: block;
        color: #888;
        font-weight: 700;
        font-size: 14px;
        margin-inline-start: 10px;
        margin-bottom: 0.5rem;
    }

    .payment_page .payment-body .box_content .form-control {
        border-radius: 50px;
        border: 2px solid #bbb;
        box-shadow: none;
    }

    .payment_page .payment-body .box_content .custom-inputs {
        display: flex;
        align-items: center;
    }

    .payment_page .payment-body .box_content .custom-inputs .break {
        padding: 0 10px;
    }

    .payment_page .payment-body .box_content .copon-input {
        display: flex;
        align-items: center;
        border: 2px solid #bbb;
        border-radius: 50px;
        padding: 3px;
    }

    .payment_page .payment-body .box_content .copon-input input {
        border: 0;
        height: 30px;
    }

    .payment_page .payment-body .box_content .copon-input .main-btn {
        padding: 5px 30px;
        border-radius: 50px;
        color: #fff;
    }

    .payment_page .payment-body .box_content .copon-input .main-btn:hover {
        background-color: #29B4E3;
        color: #fff;
    }

    .payment_page .payment-body .box_content .info-visa .details {
        padding: 15px 10px;
        border-top: 1px solid #ddd;
        margin-top: 35px;
    }

    .payment_page .payment-body .box_content .info-visa .details .item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 15px;
    }

    .payment_page .payment-body .box_content .info-visa .details .item p {
        margin: 0;
        font-weight: 700;
    }

    .payment_page .payment-body .box_content .info-visa .details .main-btn {
        border: 0;
        text-align: center;
        background: #ED7565;
        border-radius: 50px;
        color: #fff;
    }

    .payment_page .payment-body .box_content .info-visa .details .main-btn:hover {
        background-color: #29B4E3;
    }

    .payment_page .payment-body .box_content .visa-form .details {
        padding: 15px 10px;
        border-top: 1px solid #ddd;
        margin-top: 35px;
    }

    .payment_page .payment-body .box_content .visa-form .details .item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 15px;
    }

    .payment_page .payment-body .box_content .visa-form .details .item p {
        margin: 0;
        font-weight: 700;
    }

    .payment_page .payment-body .box_content .visa-form .details .item span {
        font-size: 18px;
        color: #ED7565;
        font-weight: 600;
    }

    .payment_page .payment-body .box_content .visa-form .details .main-btn {
        width: 100%;
        border-radius: 50px;
    }

    .payment_page .payment-body #bank-method label {
        color: #212121;
    }

    .payment_page .payment-body #bank-method .info-visa .details {
        margin: 0;
    }

    .payment_page .payment-body #bank-method .info-visa .details .item:last-of-type {
        margin-bottom: 0;
    }

    .payment_page .payment-body #bank-method .account {
        display: flex;
        align-items: center;
        margin-bottom: 8px;
        margin-inline-start: 20px;
    }

    .payment_page .payment-body #bank-method .account label {
        margin-bottom: 0;
    }

    .payment_page .payment-body #bank-method .info-bank .main-btn {
        border: 0;
        text-align: center;
        background: #ED7565;
        border-radius: 50px;
        color: #fff;
    }

    .payment_page .payment-body #bank-method .info-bank .main-btn:hover {
        background-color: #29B4E3;
    }

    @media (max-width: 991.98px) {
        .payment_page .payment-body #bank-method .info-bank {
            margin-top: 40px;
        }
    }

    @media (max-width: 767.98px) {
        .payment_page .payment-body {
            width: 100%;
        }
    }

    @media (max-width: 575.98px) {
        .payment_page .payment-body .box_content .info-visa .details {
            font-size: 15px;
        }
        .payment_page .tabs-li ul li {
            margin: 0 6px;
        }
        .payment_page .payment-body .box_content .cost {
            margin-bottom: 10px;
        }
        .payment_page .tabs-li img {
            width: 55px !important;
        }
        .payment_page .payment-body .box_content .head h5 {
            font-size: 18px;
        }
    }
    /*--------------------------------------------------------------
# End payment page
--------------------------------------------------------------*/
    /*--------------------------------------------------------------
# start certificate page
--------------------------------------------------------------*/

    .my_certificates_page {
        padding: 70px 0;
    }

    .my_certificates_page .certificates_content .box_content {
        padding: 50px 175px;
        box-shadow: 0px 3px 26px rgba(184, 179, 179, 0.16);
        border-radius: 13px;
        border: 1px solid #E1E1E1;
    }

    .my_certificates_page .certificates_content .certificate_box .certificate_design {
        position: relative;
        border-radius: 13px;
        overflow: hidden;
        direction: rtl;
    }

    .my_certificates_page .certificates_content .certificate_box .certificate_design.design_two {
        min-height: 400px;
        background-image: url(../images/certificates/bg_2.png);
        background-repeat: no-repeat;
        background-size: cover;
        padding: 20px 25px;
    }

    .my_certificates_page .certificates_content .certificate_box .certificate_design.design_two .inner {
        border: 1px solid #707070;
        height: 100%;
    }

    .my_certificates_page .certificates_content .certificate_box .certificate_design.design_two .inner .head {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        padding: 24px 30px 0;
    }

    .my_certificates_page .certificates_content .certificate_box .certificate_design.design_two .inner .head .logo {
        max-width: 30%;
        flex: 30%;
        text-align: center;
    }

    .my_certificates_page .certificates_content .certificate_box .certificate_design.design_two .inner .head .logo img {
        width: 100%;
        max-width: 160px;
    }

    .my_certificates_page .certificates_content .certificate_box .certificate_design.design_two .inner .head .logo span {
        display: block;
        color: #111;
        font-family: "neoBold";
        margin-top: 10px;
        font-size: 13px;
    }

    .my_certificates_page .certificates_content .certificate_box .certificate_design.design_two .inner .head .text {
        max-width: 40%;
        flex: 40%;
        text-align: center;
        font-family: "neoMed";
    }

    .my_certificates_page .certificates_content .certificate_box .certificate_design.design_two .inner .head .text h4 {
        color: #C99A2E;
        font-size: 46px;
    }

    .my_certificates_page .certificates_content .certificate_box .certificate_design.design_two .inner .head .text span {
        color: #111;
    }

    .my_certificates_page .certificates_content .certificate_box .certificate_design.design_two .inner .content_cert {
        padding: 0 60px;
    }

    .my_certificates_page .certificates_content .certificate_box .certificate_design.design_two .inner .content_cert .name {
        position: relative;
        color: #111;
        font-size: 49px;
        display: inline-block;
        margin: 10px 0 20px;
    }

    .my_certificates_page .certificates_content .certificate_box .certificate_design.design_two .inner .content_cert .name:after {
        position: absolute;
        content: "";
        bottom: -5px;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #F3C563;
    }

    .my_certificates_page .certificates_content .certificate_box .certificate_design.design_two .inner .content_cert p {
        color: #303030;
        font-size: 14px;
        line-height: 27px;
    }

    .my_certificates_page .certificates_content .certificate_box .certificate_design.design_two .inner .footer_cert {
        margin: 0 185px 15px 59px;
        display: flex;
        justify-content: flex-end;
    }

    .my_certificates_page .certificates_content .certificate_box .certificate_design.design_two .inner .footer_cert .signature .name_trainer {
        font-size: 14px;
        margin: 0;
        padding-top: 6px;
        border-top: 1px solid #ffc107;
        margin-top: 6px;
        font-family: "neoBold";
        text-align: center;
    }

    .my_certificates_page .certificates_content .certificate_box .certificate_design.design_two .inner .footer_cert .barcode {
        text-align: center;
    }

    .my_certificates_page .certificates_content .certificate_box .certificate_design.design_two .inner .footer_cert .barcode img {
        width: 83px;
    }

    .my_certificates_page .certificates_content .certificate_box .certificate_design.design_two .inner .footer_cert .barcode span {
        display: block;
        color: #111;
        font-family: "neoBold";
    }

    .my_certificates_page .certificates_content .certificate_box .certificate_design.design_two .shapes_cert img {
        position: absolute;
    }

    .my_certificates_page .certificates_content .certificate_box .certificate_design.design_two .shapes_cert img:nth-of-type(1) {
        left: auto;
        right: 0;
        bottom: 0;
        height: 270px;
    }

    .my_certificates_page .certificates_content .certificate_box .certificate_design.design_two .shapes_cert img:nth-of-type(2) {
        right: auto;
        left: 0;
        top: 0;
    }

    .my_certificates_page .certificates_content .certificate_box .download_cert {
        text-align: center;
        margin-top: 23px;
    }

    .my_certificates_page .certificates_content .certificate_box .download_cert .main-btn {
        padding: 12px 30px;
        font-family: "neoMed";
    }

    .my_certificates_page .certificates_content .certificate_box .download_cert .main-btn i {
        margin-inline-end: 5px;
    }
    /*--------------------------------------------------------------
# End certificate page
--------------------------------------------------------------*/
    /*--------------------------------------------------------------
# Start Footer
--------------------------------------------------------------*/

    footer {
        background: #F3F3F3;
    }

    .footer-top {
        padding: 65px 0 45px;
    }

    .footer-bottom {
        border-top: 1px solid rgba(241, 241, 241, 0.26);
        padding: 20px 0;
        text-align: center;
    }

    .logo-f {
        display: block;
        margin: 0 0 15px;
    }

    .logo-f img {
        max-width: 180px;
    }

    .footer-col p {
        color: #6D6D6D;
        font-size: 15px;
        max-width: 200px;
        font-family: "neoLight";
        line-height: 1.7;
        max-height: 102px;
        overflow: hidden;
    }

    .footer-col h3 {
        color: #484848;
        font-size: 18px;
        font-family: "bahijBold";
        margin: 0 0 18px;
    }

    .footer-col ul li {
        margin: 15px 0;
    }

    .footer-col ul li a {
        color: #484848;
        font-size: 16px;
        font-family: "neoLight";
        display: flex;
        align-items: center;
    }

    .footer-col ul li a i {
        font-size: 18px;
        margin-inline-end: 8px;
    }

    .footer-col ul li a span {
        display: block;
        width: calc(100% - 26px);
    }

    .footer-col ul li a span u {
        display: block;
        direction: ltr;
        text-decoration: none;
    }

    .footer-col .links-h {
        display: flex;
        flex-wrap: wrap;
    }

    .footer-col .links-h li {
        max-width: 50%;
        flex: 0 0 50%;
        padding: 0 10px;
        margin: 0 0 15px;
    }

    .footer-col .links-h li:nth-child(odd) {
        padding-inline-start: 0;
    }

    .footer-col .links-h li:nth-child(even) {
        padding-inline-end: 0;
    }

    footer .footer-col.contact_info li a {
        font-family: "neoRegular";
    }

    footer .footer-col.contact_info li a i {
        color: #29B4E3;
    }

    .social-f {
        display: flex;
        flex-wrap: wrap;
        gap: 21px;
        margin: 15px 0 0;
    }

    .social-f a {
        color: #6D6D6D;
        font-size: 19px;
    }

    .social-f a:hover {
        color: #ED7565;
    }

    .copy-right p {
        font-size: 16px;
        color: #6D6D6D;
        font-family: "neoLight";
    }

    .social-fixed {
        position: fixed;
        left: 0;
        z-index: 2;
        top: 0;
        bottom: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 20px;
        margin-inline-end: 30px;
    }

    .social-fixed a {
        width: 40px;
        height: 40px;
        background: #fff;
        box-shadow: 0px 3px 6px #00000029;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        font-size: 18px;
        color: #29B4E3;
    }

    .social-fixed a:hover i {
        animation: 0.5s rotateIn;
    }

    .social-fixed a:hover {
        color: #fff;
        background: #29B4E3;
    }

    .social-fixed button {
        width: 40px;
        height: 40px;
        background: #fff;
        box-shadow: 0px 3px 6px #00000029;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        font-size: 18px;
        color: #29B4E3;
    }

    .social-fixed button:hover i {
        animation: 0.5s rotateIn;
    }

    .social-fixed button:hover {
        color: #fff;
        background: #29B4E3;
    }

    .why-block:hover .icon img {
        animation: 1s swing;
    }

    .header-in .nav-inner .menu-left ul li:first-child::after {
        display: none;
    }
    /*--------------------------------------------------------------
# End Footer
--------------------------------------------------------------*/
    /*--------------------------------------------------------------
# Start Owl Carousel
--------------------------------------------------------------*/
    /*--------------------------------------------------------------
# End Owl Carousel
--------------------------------------------------------------*/

    .search-popup {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        z-index: 9999999999;
        padding-left: 20px;
        padding-right: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-transform: translateY(-110%);
        transform: translateY(-110%);
        -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
        transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
        transition: transform 0.5s ease, opacity 0.5s ease;
        transition: transform 0.5s ease, opacity 0.5s ease, -webkit-transform 0.5s ease;
    }

    .search-popup.active {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }

    .search-popup .search-popup__overlay {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #222;
        opacity: 0.75;
        cursor: pointer;
    }

    .search-popup .search-popup__content {
        width: 100%;
        max-width: 560px;
    }

    .search-popup .search-popup__content .aws-container .aws-search-form {
        height: auto;
        position: relative;
        width: 100%;
        float: none !important;
        display: -webkit-box !important;
        display: -moz-box !important;
        display: -ms-flexbox !important;
        display: -webkit-flex !important;
        display: flex !important;
        align-items: stretch;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        position: relative;
        background-color: #fff;
        border-radius: 5px;
        overflow: hidden;
    }

    .search-popup .search-popup__content .aws-container .aws-search-form .aws-wrapper {
        flex-grow: 1;
        position: relative;
        vertical-align: top;
        padding: 0;
        width: 100%;
    }

    .search-popup .search-popup__content .aws-container .aws-search-form .aws-search-label {
        position: absolute !important;
        left: -10000px;
        top: auto;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(1px, 1px, 1px, 1px);
    }

    .search-popup .search-popup__content .aws-container .aws-search-form input[type=search] {
        background-color: #f6f5f2;
        border-style: solid;
        border-width: 0;
        border-radius: 5px;
        padding: 18px 20px 18px 30px;
        font-size: 16px;
        border: none;
        outline: none;
        height: 66px;
        width: 100%;
        position: relative;
        z-index: 2;
        -webkit-appearance: none;
        line-height: 30px;
        display: block;
        max-width: 100%;
        color: #313131;
    }
    /*--------------------------------------------------------------
# Start Buttons
--------------------------------------------------------------*/

    .btn-form {
        border: none;
        outline: none !important;
        box-shadow: none !important;
        min-width: 120px;
        min-height: 45px;
        background: linear-gradient(256deg, #29B4E3, #00678A, #29B4E3, #00678A);
        border-radius: 5px;
        color: #fff;
        position: relative;
        font-family: "neoMed";
        background-size: 300% 100%;
    }

    .btn-form.close {
        background: linear-gradient(256deg, #E2243E, #942130, #E2243E, #942130);
        background-size: 300% 100%;
    }

    .btn-form:hover,
    .btn-form:focus {
        background-position: 100% 0;
        color: #fff;
    }

    .main-btn {
        padding: 8px 20px;
        color: #fff;
        transition: 0.3s;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        border-radius: 5px;
        font-family: "neoMed";
        gap: 0 5px;
    }

    .main-btn.main {
        background: #29B4E3;
        font-family: "neoMed";
    }

    .main-btn.main:hover {
        background: #ED7565 !important;
        color: #fff !important;
    }

    .main-btn.sec {
        background: #ED7565;
    }

    .main-btn.sec:hover {
        background: #29B4E3;
        color: #fff;
    }

    .main-btn.trans {
        background: #fff;
        border: 1px solid #29B4E3;
        color: #29B4E3;
    }

    .main-btn.trans:hover {
        background: #29B4E3;
        color: #fff;
    }
    /*--------------------------------------------------------------
# End Buttons
--------------------------------------------------------------*/
    /*--------------------------------------------------------------
# Start Main Heading
--------------------------------------------------------------*/

    .heading_line {
        margin-bottom: 20px;
    }

    .heading_line h4 {
        font-size: 26px;
        color: #343434;
        text-transform: capitalize;
        font-family: "neoMed";
        margin-bottom: 0;
    }

    .heading_line hr {
        background-color: #bdbbbb;
        height: 1px;
        border: none;
    }

    .heading_line hr.hr-width {
        animation: hr-width 2s linear;
    }

    .heading_2 {
        color: #484848;
        font-size: 32px;
        font-family: "neoMed";
    }

    @keyframes hr-width {
        0% {
            width: 0%;
        }
        100% {
            width: 100%;
        }
    }
    /*--------------------------------------------------------------
# End Main Heading
--------------------------------------------------------------*/

    .cke_reset {
        height: auto !important;
        /*pointer-events: none;*/
    }

    .single_course_join_page .comments-content {
        width: 60%;
        margin-top: 30px;
    }

    .single_course_join_page .comments-content .comment-in select {
        background: #EAEAEA;
        border: 0;
        padding: 7px;
        border-radius: 3px;
        outline: none;
        color: #4B6061;
    }

    .single_course_join_page .comments-content .comment-in textarea {
        border: 1px solid #D9D9D9;
        height: 100px;
        margin: 15px 0;
        resize: none;
    }

    .single_course_join_page .comments-content .comment-in .btn {
        border: 0;
        padding: 7px 35px;
        border-radius: 2px;
        color: #fff;
        background-color: #FEBC34;
    }

    .single_course_join_page .comments-content .comment-in .btn:hover {
        background-color: #c49127;
    }

    .single_course_join_page .comments-content .single-comment {
        margin: 20px 0px;
    }

    .single_course_join_page .comments-content .single-comment .person img {
        width: 45px;
        height: 45px;
        border-radius: 50%;
        margin-inline-end: 10px;
    }

    .single_course_join_page .comments-content .single-comment .text p {
        margin: 15px 0;
        color: #4B6061;
        line-height: 30px;
    }

    .single_course_join_page .comments-content .single-comment .control button {
        border: 0;
        background: none;
        position: relative;
        padding: 0;
    }

    .single_course_join_page .comments-content .single-comment .control button:after {
        content: "";
        position: absolute;
        bottom: -5px;
        right: 0;
        width: 0;
        height: 1px;
        transition: 0.3s;
    }

    .single_course_join_page .comments-content .single-comment .control button:hover:after {
        width: 100%;
    }

    .single_course_join_page .comments-content .single-comment .control button.replay-btn {
        color: #4B6061;
    }

    .single_course_join_page .comments-content .single-comment .control button.replay-btn:after {
        background-color: #4B6061;
    }

    .single_course_join_page .comments-content .single-comment .control button.replay-btn i {
        margin-inline-end: 3px;
    }

    .single_course_join_page .comments-content .single-comment .control button.replaies-btn {
        color: #6CA3F7;
    }

    .single_course_join_page .comments-content .single-comment .control button.replaies-btn:after {
        background-color: #6CA3F7;
    }

    .single_course_join_page .comments-content .single-comment .control button.replaies-btn i {
        transition: 0.3s;
    }

    .single_course_join_page .comments-content .single-comment .control button.replaies-btn span:nth-of-type(2) {
        margin: 0 2px;
    }

    .single_course_join_page .comments-content .single-comment .control button.replaies-btn.active i {
        transform: rotate(0.5turn);
    }

    .single_course_join_page .comments-content .single-comment .replaies-comments {
        margin-inline-start: 55px;
        margin-top: 25px;
        border-right: 2px solid #A0A0A0;
        padding-inline-start: 20px;
        /*display: none;*/
    }

    .single_course_join_page .comments-content .single-comment .replaies-comments .person img {
        width: 35px;
        height: 35px;
    }

    .single_course_join_page .comments-content .single-comment .replaies-comments .text p {
        margin: 10px 0;
        line-height: normal;
        font-size: 14px;
    }
    /*--------------------------------------------------------------
# Start responsive
--------------------------------------------------------------*/

    @media (max-width: 991.98px) {
        .header-in .nav-inner .menu-left ul li a span {
            display: none;
        }
        .header-in .nav-inner .menu-left ul li a.req-h,
        .req-h {
            width: 40px;
            height: 40px;
            border-radius: 5px;
            padding: 8px 0;
        }
        .header-in .nav-inner .menu-left ul li {
            padding: 0 8px;
        }
        .header-in .nav-inner .menu-left ul li::after {
            left: 1px;
        }
        .banner-home,
        .banner-home .home-slider,
        .block-home-slider {
            height: 500px;
        }
        .search-h {
            max-width: 540px;
        }
        .social-fixed {
            top: auto;
            margin: 20px;
            gap: 10px;
            /*display: none;*/
        }
        .search-h h1 {
            font-size: 22px;
        }
        .search-h form {
            margin: 20px 0 0;
            flex-wrap: wrap;
        }
        .search-h form .form-group {
            height: 40px;
            max-width: 50%;
            flex: 0 0 50%;
        }
        .search-h form .form-group .nice-select {
            width: 100%;
        }
        .search-h form .form-group:last-child {
            max-width: 100%;
            flex: auto;
            margin: 20px 0 0;
            text-align: center;
        }
        .search-h form .form-group .nice-select,
        .search-h form .form-group input {
            height: 40px;
            line-height: 40px;
        }
        .search-h form .form-group .btn-form {
            width: 100%;
        }
        .search-h form .form-group i {
            top: 12px;
        }
        .why-h {
            padding: 50px 0 0;
        }
        .title,
        .title.title-sec,
        .news-h .title {
            margin: 0 0 25px;
        }
        .title h3 {
            font-size: 22px;
        }
        .title p {
            margin: 5px 0 0;
            font-size: 15px;
        }
        .why-h .col-md-3.col-sm-6 {
            max-width: 50%;
        }
        .courses-h {
            padding: 100px 0;
        }
        .courses-h .title.title-sec {
            text-align: center;
            margin: 0 0 25px;
        }
        .nav.nav-pills {
            justify-content: center;
            gap: 25px;
            margin: 0 0 30px;
        }
        .teacher-h {
            padding: 50px 0;
        }
        .img-teacher {
            max-width: 350px;
            margin: 59px 0 0;
        }
        .news-h {
            padding: 50px 0;
        }
        .say-h {
            padding: 100px 0;
        }
        .img-say {
            max-width: 350px;
            margin: 60px auto 0;
        }
        .apps-h {
            padding: 50px 0;
        }
        .img-app {
            max-width: 500px;
            margin: 30px auto 0;
            height: 433px;
        }
        .img-app .img {
            width: 126px;
        }
        .footer-col h3 {
            margin: 20px 0;
        }
        .social-fixed a {
            opacity: 0.9;
        }
        .social-fixed a:hover {
            opacity: 1;
        }
        .single_course_page .course_side_list {
            margin-top: 25px;
        }
        .about_page .info {
            margin-bottom: 30px;
        }
        .profile_page .content_section {
            gap: 20px;
        }
        .single_exam_page .o-2 {
            order: 2;
            margin-top: 25px;
        }
        .details_of_exam_page .content_section .result_box .details .box {
            height: auto;
            margin-bottom: 15px;
        }
        .details_of_exam_page .content_section {
            width: 100%;
        }
        .result_of_exam_page .content_section {
            width: 100%;
        }
        .login_page .o-2 {
            order: 2;
        }
        .login_page .form_modal .image {
            height: auto !important;
        }
        .register_page .form-wizard {
            padding: 0;
            margin-top: 25px;
        }
        .contact_page .form_modal .border_e {
            border-inline-end: 0;
            padding-inline-end: 15px;
            order: 2;
            margin-top: 20px;
        }
        .contact_page .contact_info {
            padding-inline-start: 15px;
        }
        .single_news_page .other_news {
            margin-top: 40px;
        }
        .contest_page .contest_box {
            width: 100%;
        }
        .say-h .contest_main {
            margin-top: 70px;
        }
        .cart_page .cart_cardSide {
            margin-top: 30px;
        }
        .myProfile_page .profile_flex {
            flex-direction: column;
            gap: 30px 0;
        }
        .myProfile_page .profileCard,
        .myProfile_page .main_content {
            width: 100%;
        }
        .myProfile_page .main_content .box_content {
            padding-inline-start: 0;
        }
        .single_course_join_page #course_section .lessons_card {
            height: auto;
            margin-bottom: 30px;
        }
        .single_course_join_page #decisions_section .single_decision .decision_content .item .details_box {
            max-width: 70%;
            flex: 70%;
        }
        .mt-md-30 {
            margin-top: 30px;
        }
        .my_certificates_page .certificates_content .box_content {
            padding: 50px 30px;
        }
    }

    @media (max-width: 767.98px) {
        .single_course_join_page .comments-content {
            width: 100%;
        }
        .owl-carousel .owl-nav {
            position: unset;
            top: 50%;
            width: 100%;
            height: auto;
            margin-top: 10px;
            transform: none;
            display: flex;
            justify-content: center;
        }
        .owl-carousel .owl-nav>div {
            position: unset;
            width: 35px;
            height: 35px;
        }
        .header-in .logo {
            width: 200px;
            height: auto;
        }
        .second_nav .settings .lang {
            margin-inline-start: 0;
            padding-inline-start: 0;
            border-inline-start: 0;
            position: relative;
            width: 36px;
            min-width: 36px;
            height: 36px;
            background-color: #fff;
            color: #29B4E3;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 22px;
            cursor: pointer;
            transition: 0.3s;
        }
        .second_nav .settings .lang:hover {
            background-color: #ED7565;
            color: #fff;
        }
        .second_nav .settings .lang span {
            display: none;
        }
        .courses_page {
            padding-bottom: 40px;
        }
        .courses_page .title.title-sec {
            text-align: center;
            margin-bottom: 10px;
        }
        .courses_page .nav.nav-pills {
            gap: 0px 25px;
            margin: 0;
        }
        .courses_page .heading_courses {
            margin-bottom: 30px;
        }
        .courses_page .custom_pagination {
            margin-top: 20px;
        }
        .second_nav .settings {
            gap: 0 16px;
        }
        .second_nav .settings .login_box .dropdown_menu {
            left: 0;
            right: auto;
        }
        .details_of_exam_page .content_section .result_box .inside {
            width: 100%;
        }
        .single_news_page .new_content .image img {
            height: auto;
        }
        .verification_page .box {
            width: 100%;
        }
        .myProfile_page  .markiting_table .table_content .row_item .box {
            max-width: 33.333%;
            flex: 33.333%;
        }
        .myProfile_page  .markiting_table .table_content .row_item .box .main-btn {
            padding: 8px 20px;
            opacity: 1;
            visibility: visible;
        }
        .single_course_join_page {
            flex-direction: column;
        }
        .single_course_join_page .profile_list_side {
            width: calc(100% - 30px);
            height: auto;
            min-height: auto;
            margin: 20px auto;
        }
        .my_certificates_page .certificates_content .certificate_box .certificate_design.design_two .shapes_cert img {
            height: 150px !important;
        }
        .my_certificates_page .certificates_content .certificate_box .certificate_design.design_two .inner .head .text,
        .my_certificates_page .certificates_content .certificate_box .certificate_design.design_two .inner .head .logo {
            max-width: 100% !important;
            flex: 100% !important;
        }
        .my_certificates_page .certificates_content .certificate_box .certificate_design.design_two .inner .content_cert {
            padding: 0 20px !important;
        }
        .my_certificates_page .certificates_content .certificate_box .certificate_design.design_two .inner .footer_cert {
            margin: 0 45px 15px 15px !important;
        }
        footer {
            position: unset;
        }
    }

    @media (max-width: 575.98px) {
        .container {
            max-width: 100%;
        }
        .why-h .col-md-3.col-sm-6 {
            max-width: 100%;
        }
        .search-h form .form-group {
            max-width: 100%;
            flex: auto;
            width: 100%;
        }
        .search-h form input {
            border: none;
            border-top: 1px solid #bebebe78;
        }
        .search-h form .form-group:last-child {
            margin: 6px 0 0;
        }
        .search-h form .form-group .nice-select {
            padding-inline-start: 0;
        }
        .search-h form .form-group i {
            right: 0;
        }
        .search-h form .form-group input {
            padding-inline-start: 25px;
        }
        .header-in .logo {
            width: 150px;
        }
        .header-in .nav-inner .menu-left ul li a.req-h,
        .req-h {
            width: 35px;
            height: 35px;
            padding: 5px 0;
        }
        .footer-top {
            text-align: center;
            padding: 35px 0 10px;
        }
        .footer-top .logo-f {
            margin: 0 auto 15px;
        }
        .footer-top .footer-col ul li a {
            justify-content: center;
        }
        .footer-top .footer-col ul li a span {
            width: auto;
        }
        .footer-top .footer-col p {
            margin: 0 auto;
        }
        .footer-top .social-f {
            justify-content: center;
        }
        .second_nav .settings {
            gap: 0 6px;
        }
        .second_nav .settings .icons {
            gap: 0 6px;
        }
        .second_nav .settings .lang,
        .second_nav .settings .icon {
            width: 28px;
            min-width: 28px;
            height: 28px;
            font-size: 17px;
        }
        .second_nav .settings .lang .active,
        .second_nav .settings .icon .active {
            top: -2px;
            right: 0px;
            width: 9px;
            height: 9px;
        }
        .second_nav .settings .login_box .dropdown_menu li a {
            font-size: 14px;
            padding: 8px;
        }
        .second_nav .settings .noti_box .dropdown_menu .text {
            font-size: 13px;
        }
        .single_course_page .about_course .list_control ul {
            flex-wrap: wrap;
        }
        .single_course_page .about_course .list_control ul li {
            max-width: 50%;
            flex: 50%;
        }
        .single_course_page .about_course #course_desceription .block ul li {
            max-width: 100%;
            flex: 100%;
        }
        .single_course_page .course_content .course_video img {
            height: auto;
        }
        .single_course_page .about_course #course_content .course_block .head span {
            font-size: 14px;
        }
        .single_course_page .about_course #course_content .course_block .head h6 {
            font-size: 16px;
        }
        .single_course_page .about_course #course_questions .course_block .head h6 {
            font-size: 16px;
        }
        .single_course_page .about_course #course_rating .head_rate {
            gap: 15px;
            flex-direction: column;
        }
        .notifications_page .content_noti .item {
            gap: 10px;
            flex-direction: column;
            text-align: center;
        }
        .page_header {
            height: 200px;
        }
        .page_header .page_name {
            font-size: 35px;
        }
        .team_section {
            padding: 50px 0;
        }
        .team_section .image img {
            height: 310px;
        }
        .profile_page {
            padding-bottom: 70px;
        }
        .profile_page .content_section {
            margin-top: 40px;
            flex-direction: column;
        }
        .profile_page .content_section .box {
            min-width: auto;
        }
        .exams_page .exam_box .info .meta {
            gap: 10px;
            flex-direction: column;
        }
        .exams_page {
            padding-bottom: 40px;
        }
        .exams_page .content_section {
            margin-top: 40px;
        }
        .single_exam_page .exam_box .content_box {
            padding: 33px 12px;
        }
        .single_exam_page .exam_box .title_cat {
            font-size: 19px;
        }
        .name_ques {
            padding: 0;
        }
        .question_answers {
            padding: 20px 10px 6px;
        }
        .connected_answers {
            padding-inline-start: 3px;
        }
        .connected_questions {
            padding-inline-end: 3px;
        }
        .details_of_exam_page .content_section {
            padding: 25px 10px;
        }
        .details_of_exam_page .content_section .result_box {
            padding: 26px 10px 34px;
        }
        .result_of_exam_page .content_section {
            padding: 20px 10px 30px;
        }
        .name_ques .text {
            font-size: 14px;
        }
        .second_nav.login_nav .settings .main-btn.white {
            gap: 0 5px;
            padding: 8px 15px;
            font-size: 14px;
        }
        .login_page {
            padding: 50px 0;
        }
        .login_page .form_modal {
            width: 100%;
        }
        .login_page .form_modal .form_box {
            padding: 30px 20px 20px;
        }
        .register_page .form_modal {
            padding: 16px;
        }
        .register_page .form-wizard .main-btn.main,
        .register_page .form-wizard .main-btn.sec {
            width: auto;
            padding: 8px 30px;
            font-size: 14px;
        }
        .contact_page .form_modal {
            padding: 30px 15px 30px;
        }
        .contact_page .form_modal .head {
            font-size: 20px;
        }
        .contact_page {
            padding: 50px 0;
        }
        .contest_page .contest_box .desc {
            padding: 0;
        }
        .contest_page .contest_box {
            padding: 35px 25px;
        }
        .contest_div .contest_box {
            flex-wrap: wrap;
        }
        .contest_div .contest_box .image,
        .contest_div .contest_box .info {
            max-width: 100%;
            flex: 100%;
        }
        .cart_page .my_products .cart_product>.flex-center-h {
            flex-direction: column;
        }
        .cart_page .my_products .cart_product .info_broduct {
            gap: 10px 0;
            flex-direction: column;
            align-items: center;
        }
        .cart_page .my_products .cart_product .info_broduct .meta {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
        .cart_page .my_products .cart_product .more_details {
            text-align: center;
            display: flex;
            align-items: center;
            gap: 0 15px;
        }
        .cart_page .my_products .cart_product .more_details .price {
            margin-bottom: 0;
        }
        .custom_modal .modal-content .modal-body p {
            font-size: 20px;
        }
        .cart_page .cart_cardSide .copon_box .input input {
            max-width: 180px;
        }
        .single_course_join_page #course_section .main_content_wrapper .video_show {
            height: 300px;
        }
        .single_course_join_page .profile_list_side .person_name {
            padding: 15px 17px;
        }
        .single_course_join_page #decisions_section .single_decision .decision_content .item {
            flex-direction: column;
            gap: 10px;
            padding: 16px 0;
        }
        .single_course_join_page #decisions_section .single_decision .decision_content .item .details_box {
            max-width: 100%;
            flex: 100%;
            flex-direction: column;
            gap: 10px 0;
            text-align: center;
        }
        .single_course_join_page #decisions_section .single_decision .decision_content .item .details_box .image {
            width: auto;
            min-width: auto;
            height: 100px;
        }
        .single_course_join_page #decisions_section .single_decision .decision_content .item .meta {
            justify-content: center;
        }
        .single_course_join_page #table_section .table_content .image {
            height: auto;
        }
        .form-wizard .radio_div_2 {
            flex-wrap: wrap;
            justify-content: start;
            gap: 20px;
        }
        .single_exam_page .box_done {
            width: 100%;
        }
        .single_exam_page .box_done p {
            font-size: 25px;
            margin: 14px;
        }
        .single_course_page .about_course #course_rating .head_rate .text {
            gap: 10px 0;
            flex-direction: column;
        }
        .cour-block .img-block .overlay .progression_level {
            padding: 8px 10px;
            gap: 0 4px;
        }
        .question_wrapper {
            margin-bottom: 15px;
        }
        .question_wrapper>.name_ques {
            padding: 13px;
        }
        .question_wrapper .answer_block {
            padding: 20px 15px 25px;
        }
        .question_wrapper .result_box {
            margin-top: 20px;
        }
        .result_of_exam_page .result_box .desc {
            margin: 20px 0 30px;
        }
        .name_ques .num {
            width: 27px;
            min-width: 27px;
            height: 27px;
            font-size: 14px;
        }
        .result_of_exam_page .headPage {
            margin-bottom: 15px;
            font-size: 25px;
        }
        .single_course_join_page #course_section .main_content_wrapper .box_design {
            padding: 30px;
        }
        .logo-f img {
            width: auto;
        }
        .question_box .ques_name_box .video_box iframe {
            height: auto;
        }
        .my_certificates_page .certificates_content .box_content {
            padding: 50px 10px;
        }
        .my_certificates_page .certificates_content .certificate_box .certificate_design.design_two {
            padding: 10px !important;
        }
        .my_certificates_page .certificates_content .certificate_box .certificate_design.design_two .inner .head {
            padding: 20px !important;
        }
        .my_certificates_page .certificates_content .certificate_box .certificate_design.design_two .inner .content_cert .name {
            font-size: 28px !important;
        }
        .my_certificates_page .certificates_content .certificate_box .certificate_design.design_two .inner .footer_cert {
            margin: 0 15px 15px !important;
            gap: 0 29px !important;
        }
        .my_certificates_page .certificates_content .certificate_box .certificate_design.design_two .shapes_cert img {
            height: 100px !important;
        }
        .mobile_list .minicartBox {
            width: 300px;
        }
        .single_course_join_page .comments-content .single-comment .replaies-comments {
            margin-inline-start: 25px;
        }
        .minicartBox {
            width: 300px;
            left: -60px;
        }
        .minicartBox:before {
            left: 68px;
        }
        .flex-center-h {
            flex-wrap: wrap;
        }
        .single_exam_page .exam_box .controls_slider .main-btn {
            margin-top: 10px;
            width: 100%;
        }
        .single_exam_page .exam_box .must_answer {}
        .single_exam_page .exam_box .note {
            height: 0;
        }
        .single_exam_page .exam_box .note.show {
            height: auto;
        }
        .single_exam_page .exam_box .controls_slider #skip {
            padding: 6px 20px;
        }
    }
    /*--------------------------------------------------------------
# End responsive
--------------------------------------------------------------*/

    .flex-center-h .cke_chrome {
        border: none !important;
        padding: 0 !important;
        pointer-events: none;
    }

    .flex-center-h .cke_editable,
    .flex-center-h p {
        margin: 0;
    }

    .questions_span span {
        margin: 0 0 15px;
        font-size: 18px;
        font-weight: bold;
        color: #29b4e3;
        border-bottom: 2px #e5e5e5 solid;
        display: none;
        text-align: center;
        padding: 0 0 15px;
    }

    .questions_span span.active {
        display: block;
    }

    .question_wrapper>.name_ques .icon {
        display: flex;
        align-items: center;
        -webkit-align-items: center;
    }

    .question_wrapper>.name_ques .icon u {
        display: block;
        min-width: 90px;
        margin-inline-end: 14px;
        font-size: 12px;
        line-height: 30px;
        text-align: center;
        border: 1px #ccc solid;
        text-decoration: none;
        border-radius: 3px;
        padding: 0 5px;
    }

    .question_wrapper>.name_ques {
        position: relative;
    }

    .question_wrapper>.name_ques .result_H {
        position: absolute;
        right: 0;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 28px;
        height: 28px;
        border-radius: 50%;
        color: #fff;
        background: #ccc;
        line-height: 25px;
        text-align: center;
    }

    .question_wrapper>.name_ques .result_H i {
        color: inherit;
        font-size: 12px;
        line-height: 28px;
        width: 28px;
        height: 28px;
    }

    .question_wrapper>.name_ques .result_H.error {
        background: #f00;
    }

    .question_wrapper>.name_ques .result_H.correct {
        background: #56d556;
    }

    .single_course_join_page #course_section .lessons_card .lessons_content .single_lesson.active .info p {
        color: #29b4e3;
        font-weight: bold;
    }

    .single_course_join_page #course_section .lessons_card .lessons_content .single_lesson.active .icon_shape {
        background: #29b4e3;
        color: #fff;
    }

    .single_course_join_page #course_section .lessons_card .lessons_content .single_lesson.active {
        background: transparent;
    }

    .search-h form .form-group .sub-drop {
        position: absolute;
        top: 45px;
        right: 0;
        left: 0;
        min-width: 300px;
        background: #fff;
        padding: 20px;
        max-height: 300px;
        overflow: hidden;
        overflow-y: auto;
        border-radius: 0 0 5px 5px;
        display: none;
        opacity: 0;
        visibility: hidden;
        border: 1px solid #B1B1B1;
        z-index: 5;
    }

    .search-h form .form-group .sub-drop li a {
        display: block;
        padding: 5px 0;
        font-size: 14px;
    }

    .search-h form .form-group .btn-drop {
        display: block;
        width: 156px;
        border: none;
        color: #6D6D6D;
        font-size: 16px;
        height: auto;
        line-height: normal;
        padding-inline-start: 10px;
        position: relative;
        text-align: start;
        background: transparent;
    }

    .search-h form .form-group .btn-drop::after {
        border-bottom: 1px solid #6d6d6d;
        border-right: 1px solid #6d6d6d;
        content: "";
        display: block;
        height: 8px;
        margin-top: -4px;
        pointer-events: none;
        position: absolute;
        left: 15px;
        top: 50%;
        -webkit-transform-origin: 66% 66%;
        transform-origin: 66% 66%;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        transition: all 0.15s ease-in-out;
        width: 8px;
    }

    .search-h form .form-group .sub-drop.active {
        display: block;
        opacity: 1;
        visibility: visible;
    }

    .name_ques .text,
    .question_box .ques_explain {
        overflow-wrap: anywhere;
    }

    .modal button.btn-close {
        top: 0;
        right: auto;
        left: 0;
        position: absolute;
        margin: 20px;
    }

    .owl-carousel .owl-stage {
        margin: 0 auto;
    }

    .courses-h .nav-pills {
        justify-content: center;
    }

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

    .btn-center .btn {
        margin: 30px auto 0;
    }

    body {
        -webkit-user-select: none;
        -webkit-touch-callout: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .cke_contents {
        /*overflow-y: scroll !important;*/
    }

    .cke_chrome {
        pointer-events: visible !important;
    }

    .cke_editable {
        -webkit-user-modify: read-only !important;
    }

    .second_nav .center_div .main_list>li .dropdown_menu li .dropdown_menu {
        position: absolute;
        top: 0;
        right: 100%;
        visibility: hidden !important;
        opacity: 0 !important;
        height: 0 !important;
    }

    .second_nav .center_div .main_list>li .dropdown_menu li {
        position: relative;
    }

    .second_nav .center_div .main_list>li .dropdown_menu li:hover .dropdown_menu {
        opacity: 1 !important;
        visibility: visible !important;
        height: auto !important;
    }

    .second_nav .center_div .main_list>li .dropdown_menu li a {
        padding-inline-end: 20px;
    }

    .second_nav .center_div .main_list>li .dropdown_menu li a i {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        margin: 10px;
        font-size: 12px;
        font-weight: lighter;
        transform: rotate(90deg);
    }

    .name_ques .cke_chrome {
        display: none !important;
    }

    .answer_answer {
        display: block !important;
        visibility: visible !important;
        border: 1px solid #d1d1d1;
        background: #fff;
        padding: 10px 20px;
        font-weight: normal !important;
        max-height: 200px;
        overflow: hidden;
        overflow-y: auto;
        width: 100%;
    }

    .answer_answer:not(.ckeditor1) * {
        font-size: 16px !important;
        font-weight: normal !important;
    }

    .question_box .ques_name_box .text-end {
        display: flex;
        justify-content: space-between;
        margin: 20px 0 30px;
        align-items: center;
        -webkit-align-items: center;
        flex-wrap: wrap;
    }

    .question_box .ques_name_box .text-end h3 {
        font-size: 18px;
        margin: 0;
        font-weight: bold;
        color: #33b7e4;
    }

    .checkStyle-h {
        position: relative;
    }

    .checkStyle-h input {
        position: absolute;
        display: block !important;
        width: 90%;
        height: 100%;
        z-index: 2;
        opacity: 0;
        cursor: pointer;
    }

    .checkStyle-h .single_answer .item .checkmark {
        display: none;
    }

    .checkStyle-h input:checked+.single_answer {
        background: #29b4e3;
    }

    .checkStyle-h input:checked+.single_answer .num {
        color: #fff;
        border-color: #fff;
    }

    .checkStyle-h .single_answer .item .cke_reset {
        display: none !important;
    }

    .checkStyle-h .single_answer .answer {
        display: block !important;
        visibility: visible !important;
    }

    .checkStyle-h .single_answer .item.flex-center-h {
        background: transparent;
        display: block;
        position: relative;
        top: 2px;
        max-height: 80px;
        overflow: hidden;
        overflow-y: auto;
        user-select: all;
    }

    .question_answers .single_answer {
        align-items: center;
    }

    .checkStyle-h .single_answer .num {
        margin: 0;
    }

    .checkStyle-h .single_answer .answer p {
        display: inline-block;
    }

    .checkStyle-h input:checked+.single_answer .item.flex-center-h,
    .checkStyle-h input:checked+.single_answer .item.flex-center-h * {
        color: #fff;
    }

    .single_exam_page .settings_box .block .numbers span {
        cursor: pointer;
    }

    .cancelNow .close {
        position: absolute;
        left: 0;
        top: 0;
        border: none;
        background: transparent;
        font-size: 25px;
        color: #ccc;
        margin: 10px;
    }

    .modal-cancelNow {
        padding: 50px 30px 30px;
        text-align: center;
    }

    .modal-cancelNow h3 {
        font-size: 25px;
        font-family: 'bahijBold';
        margin: 0 0 20px;
    }

    .modal-cancelNow .btn-group .btn {
        border-radius: 5px !important;
        margin: 5px;
        min-width: auto;
        padding: 10px 20px;
    }

    .modal-cancelNow .btn-group {
        flex-wrap: wrap;
    }

    .modal-cancelNow .btn-group .btn-cancel {
        background: red;
    }

    .single_exam_page .exam_box .controls_slider #skip {
        background: #fd7e00 !important;
    }

    .single_exam_page .settings_box .block .numbers {
        overflow: hidden;
        overflow-y: auto;
        max-height: 200px;
    }

    object {
        /*display: block;*/
        /*width: 100%;*/
        /*height: 500px;*/
    }

    .pdf-page iframe {
        height: 600px;
    }

    .body-inner {
        padding: 80px 0;
    }

    .result_of_exam_page .content_section .item .icon {
        top: -2px;
    }

    .solid-container {
        max-width: 100%;
        max-height: 800px;
    }

    .wowbook-book-shadow {
        right: 0;
        left: 0;
        margin: auto;
        display: table;
        /*transform: none !important;*/
        max-height: 800px;
    }

    .wowbook-toolbar.wowbook-fontawesome {
        position: fixed;
        right: 0;
        left: 0;
        display: table;
        margin: 0 auto;
        bottom: 0;
    }

    .wowbook-control.wowbook-control-right,
    .wowbook-control.wowbook-control-left {
        transform: scaleX(-1);
    }

    .details_of_exam_page .content_section .result_box ul {
        display: flex;
        justify-content: center;
        margin: 30px 0 0;
    }

    .details_of_exam_page .content_section .result_box ul li {
        font-size: 20px;
        color: #29b4e3;
        font-weight: bold;
    }

    .modal {
        z-index: 999999;
    }

    .modal-backdrop {
        z-index: 99999;
    }

    .custom_modal .modal_header h5 {
        color: #fff !important;
    }

    .details_of_exam_page .content_section .result_box .inside .block ul {
        list-style: none;
        margin: 16px 0 0;
    }

    .details_of_exam_page .content_section .result_box .inside .head_small {
        margin: 0 0 16px;
        font-family: 'neoRegular';
        color: #333;
    }

    .details_of_exam_page .content_section .result_box .inside .block ul li {
        margin: 0;
        font-weight: 500;
        font-family: "neoMed";
        color: #29B4E3;
        font-size: 16px;
    }

    .question_box .ques_name_box .name_ques .answer {
        visibility: visible !important;
        display: block !important;
        font-family: 'neo';
    }

    .question_box .ques_name_box .name_ques .answer p {}

    .question_wrapper .result_box .cke_chrome {
        display: none;
    }

    .question_wrapper .result_box .answer {
        display: block !important;
        visibility: visible !important;
    }

    .vbox-overlay {
        z-index: 99999;
    }

    .question_box .ques_name_box .text-end .btn {
        margin: 0;
    }

    .question_box .ques_name_box .name_ques .answer {
        display: block !important;
        visibility: visible !important;
        border: 1px solid #d1d1d1;
        background: #fff;
        padding: 10px 20px;
        font-weight: normal !important;
        max-height: 200px;
        overflow: hidden;
        overflow-y: auto;
        width: 100%;
    }

    .question_box .ques_name_box .name_ques .answer * {
        font-size: 16px !important;
        font-weight: normal !important;
    }

    .single_course_join_page #course_section .lessons_card .lessons_content .child-h .item {
        padding: 15px;
    }

    .single_course_join_page #course_section .lessons_card .lessons_content .child-h .item .head.flex-center-h {
        background: transparent;
        color: #333;
        padding: 0 0 15px;
        font-weight: bold;
        font-size: 16px;
    }

    .single_course_join_page #course_section .lessons_card .lessons_content .child-h .item .lessons_content {
        display: none;
    }

    .single_course_join_page #course_section .lessons_card .lessons_content .child-h .item .head.flex-center-h .arrow i {
        /* transform: scaleY(-1); */
    }

    .single_course_join_page #course_section .lessons_card .lessons_content .child-h .item .head.flex-center-h .arrow i.rotate {
        /* transform: none; */
    }

    .single_course_join_page #course_section .lessons_card .lessons_content .child-h .item .head.flex-center-h i {
        font-size: 18px;
    }
    /*.details_of_exam_page .content_section .result_box .inside .block ul li {*/
    /*    width: 50%;*/
    /*    flex: 0 0 50%;*/
    /*    margin: 6px 0;*/
    /*    font-size: 15px;*/
    /*    line-height: 26px;*/
    /*    text-align: center;*/
    /*}*/
    /*.details_of_exam_page .content_section .result_box ul {*/
    /*    flex-wrap: wrap;*/
    /*    padding: 0 !important;*/
    /*}*/

    .details_of_exam_page .content_section .result_box .inside .block ul li b {
        display: block;
        color: #333;
        font-size: 12px;
        margin: 0 0 5px;
    }

    .details_of_exam_page .content_section .result_box .inside .block ul li {
        text-align: center;
        padding: 5px 5px 12px;
        /* width: 25%; */
        flex: auto;
    }

    .details_of_exam_page .content_section .result_box .inside .block ul {
        padding: 0 !important;
        flex: 0 1;
        flex-wrap: wrap;
    }

    .details_of_exam_page .content_section .result_box .inside .block ul li strong {
        /* display: block; */
        font-weight: normal;
        font-size: 12px;
        margin: 8px 0;
    }

    .details_of_exam_page .content_section .result_box .inside {
        padding: 19px 12px 12px;
    }

    .details_of_exam_page .content_section .result_box .inside .block ul li span {
        /* display: block; */
        font-size: 15px;
    }

    .flip-clock .flip-clock__piece.flip {
        display: inline-block;
    }

    .flip-clock .flip-clock__piece.flip::after {
        content: ":";
        display: inline-block;
        margin: 0 5px;
    }

    .flip-clock .flip-clock__piece.flip:last-child::after {
        display: none;
    }

    .flip-clock {
        direction: ltr;
    }

    .custom_checkbox .checkmark {
    display: none;
}

.custom_checkbox input {
    position: relative;
    width: 20px;
    height: 20px;
    border: 1px solid #E1E1E1;
    opacity: 1;
    accent-color: #29b4e3;
}

.register_page .content_fieldset .form-group .custom_checkbox input {
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    opacity: 0;
}

.wowbook-pdf .wowbook-page-content canvas {
    transform: scale(0.8) translateX(25%) !important;
}

.question_answers .list-group .single_answer {
    max-height: 105px;
    overflow: hidden;
    overflow-y: auto;
    min-height: 105px;
}



.mobile_list .list_menu .dropdown_menu li {
    display: block;
}

.single_course_page .course_side_list .add-cart-h .price-h .old-price {
    text-decoration: line-through;
    font-size: 12px;
    color: #888;
    margin-inline-start: 5px;
}

@media (max-width: 1024px){
.general_exams_page .box_Gexam .details .details_row {
    font-size: 13px;
}
}

    @media (max-width: 991px) {
        .name_ques .text strong,
        .name_ques .text span {
            font-weight: normal;
            font-size: 14px;
        }
        .search-h form .form-group .sub-drop {
            min-width: 250px;
            height: 200px;
        }
        .cke_1.cke.cke_reset.cke_chrome {
            overflow: hidden;
            overflow-y: auto;
        }
        .cke_contents {
            height: 200px !important;
            overflow-y: scroll !important;
        }
        .cke_wysiwyg_frame {
            height: 100% !important;
            /* overflow-y: auto; */
            /* overflow: hidden; */
        }
        /*.solid-container {width: 100% !important;height: 400px !important;}*/
        .wowbook-pdf .wowbook-page-content canvas {
            transform: scale(.6) translateX(76%) !important;
        }
        .solid-container {
            max-width: 1000px;
            max-height: 800px;
            transform: scale(.5) translateX(100%);
        }
        .wowbook-pdf .wowbook-page-content {
            /*width: 100% !important;*/
        }
        .wowbook-hardpage {
            /*width: 100% !important;*/
        }
        .wowbook-left {
            /*width: 100% !important;*/
        }
        .wowbook-hardpage {}
        .wowbook-right {
            /*width: 100% !important;*/
        }
    }

    .question_box.unactive {
    display: none;
}

.question_box.show {
    display: block;
}

.cour-block .img-block .overlay .price .old-price {
    text-decoration: line-through;
    opacity: .9;
}

.cour-block .img-block .overlay .price .old-price span {
    font-size: 12px;
}

.cour-block .img-block .overlay .price p {
    color: inherit;
}

.cour-block .price .old-price {
    text-decoration: line-through;
    opacity: .9;
    color: #000;
    font-weight: normal;
    margin-inline-start: 10px;
}

.cour-block .price .old-price span {
    font-size: 12px;
}

.cour-block  .price p {
    color: inherit;
}


.cour-block .price {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    font-size: 20px;
    color: #29b4e3;
    font-weight: bold;
    margin: 0 0 10px;
}

.cour-block .details .name {
    min-height: auto;
}



    .form-modal .form-group .form-control {
        height: 45px;
        padding: 0 12px;
        border: 1px #ccc solid;
        outline: none;
        box-shadow: none;
        transition: all .5s;
    }

    .form-modal .form-group {
        margin: 20px 0;
    }

    .form-modal .form-group .btn {
        margin: 30px auto 0;
    }

    .form-modal .form-group .form-control:focus {
        border-color: #29b4e3;
    }

    .form-modal .title.title-center {
        margin: 30px 0;
    }

    .form-modal .form-group label {
        margin: 0 0 12px;
        font-size: 16px;
        color: #666;
    }



.login_page.register_page .custom_checkbox .checkmark {
    display: inline-block;
}

.general_exams_page .box_Gexam .image .venobox {display: block;width: 100%;height: 100%;position: relative;}

.general_exams_page .box_Gexam .image .venobox::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
}

.general_exams_page .box_Gexam .image .venobox::after {
    content: "\f144";
    position: absolute;
    inset: 0;
    z-index: 4;
    margin: auto;
    width: 66.67px;
    height: 66.67px;
    text-align: center;
    line-height: 66.67px;
    color: #fff;
    font-size: 50px;
    font-family: 'Font Awesome 5 Pro';
    font-weight: 400;
}

.general_exams_page.store-page .box_Gexam .info .name {
    border: none;
    padding: 0;
}

.general_exams_page.store-page .box_Gexam .info .price-h  p {
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #343434;
}

.general_exams_page.store-page .box_Gexam .info .price-h p strong {
    font-weight: 500;
    font-size: 24px;
    line-height: 29px;
    color: #29B4E3;
    font-weight: bold;
}

.text-single-h h3 {
    color: #484848;
    font-size: 26px;
    /* line-height: 20px; */
    margin: 0 0 30px;
    font-family: 'neoMed';
}

.text-single-h .price-h p {
    color: #343434;
    font-size: 16px;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
}

.text-single-h .price-h p strong {margin: 0 5px;color: #29B4E3;font-size: 24px;}

.text-single-h .price-h {
    margin: 20px 0;
}

.text-single-h .downloadChoose br {
    display: none;
}

.text-single-h .downloadChoose .radioeffect input {
    width: 16px;
    height: 16px;
    margin-inline-end: 6px;
    accent-color: #FF5E49;
}

.text-single-h .downloadChoose .radioeffect  .css-label.radGroup1 {
    margin-inline-end: 20px;
    color: #484848;
    font-size: 16px;
}

.downloadChoose .allshow {
    padding: 40px 0;
}

.downloadChoose .allshow .btn {
    margin: 0;
    max-width: 310px;
    width: 100%;
    background: #ED7565;
    border-radius: 5px;
}

.text-single-h .tabs-single-h {
    /* max-width: 534px; */
}

.text-single-h .tabs-single-h .nav.nav-tabs {
    margin: 20px 0;
    border: none;
    border-top: 1px solid #D5D5D5;
    padding: 50px 0 0;
    max-width: 534px;
    display: inline-flex;
    width: 100%;
    flex: 0 1;
}

.text-single-h .tabs-single-h .nav.nav-tabs .nav-item {
    border: 1px #29B4E3 solid;
    flex: auto;
    text-align: center;
    overflow: hidden;
    width: 50%;
}

.text-single-h .tabs-single-h .nav.nav-tabs .nav-item .nav-link {
    width: 100%;
    border: none !important;
    box-shadow: none !important;
    margin: 0;
    color: #29B4E3;
    overflow: hidden;
    font-size: 16px;
    font-family: 'neoMed';
}

.text-single-h .tabs-single-h .nav.nav-tabs .nav-item:first-child {
    border-start-start-radius: 8px;
    border-end-start-radius: 8px;
    border-inline-end: 0;
}

.text-single-h .tabs-single-h .nav.nav-tabs .nav-item:last-child {
    border-start-end-radius: 8px;
    border-end-end-radius: 8px;
    border-inline-start: 0;
}

.text-single-h .tabs-single-h .nav.nav-tabs .nav-item .nav-link.active {
    border-radius: 8px;
    background: #29B4E3;
    color: #fff;
}

.text-tabs p {
    color: #484848;
    font-size: 16px;
    line-height: 25.6px;
}

.pdf-single-block {
    text-align: center;
    margin: 15px 0;
}

.pdf-single-block .img {
    height: 257px;
    line-height: 257px;
}

.pdf-single-block .img img {
    max-height: 245px;
}

.pdf-single-block .details .btn-download {
    width: 100%;
    display: block;
    max-width: 255.09px;
    margin: 0 auto;
    justify-content: center;
    text-align: center;
    background: #E3E3E3;
    line-height: 40px;
    color: #484848;
    font-size: 16px;
    font-family: 'neoMed';
    border-radius: 6px;
}

.pdf-single-block .details .btn-download i {
    font-size: 18px;
    margin-inline-end: 6px;
}

.pdf-single-block .details .btn-download:hover {
    background: #29b4e3;
    color: #fff;
}

.img-single-h {
    overflow: hidden;
    border-radius: 10px;
}

.form-payment {
    box-shadow: 0px 8px 16px 0px #16161626;
    padding: 40px 92px;
    max-width: 712px;
    margin-bottom: 30px;
}

.form-payment .form-group {
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    letter-spacing: 0em;
    margin-bottom: 32px;
}

.form-payment .form-group label {
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    letter-spacing: 0em;
    margin: 0 0 16px;
}

.form-payment .form-group .form-control {
    height: 48px;
    border-radius: 5px;
    border: 1px solid #AFB1B6;
    background: #F6F6F6;
    font-size: 16px;
    font-weight: 400;
}

.title-form {
    margin: 40px -92px;
    text-align: center;
    position: relative;
}

.title-form .line {
    display: block;
    border-bottom: 1px solid #C4C4C4;
    position: absolute;
    top: 0;
    bottom: 0;
    height: 1px;
    width: 100%;
    margin: auto;
}

.title-form h3 {
    margin: 0;
    background: #fff;
    position: relative;
    z-index: 3;
    display: inline-block;
    padding: 0 20px;
    font-size: 24px;
    font-weight: 700;
    line-height: 29px;
    letter-spacing: 0em;
}

.form-payment .form-group .btn {
    width: 100%;
    background: #ED7565;
}

.sidebar-payment {
    border: 1px solid #B8B8B8;
    padding: 32px;
}

.sidebar-payment ul li {
    display: flex;
    justify-content: space-between;
    margin: 0 0 17px;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0em;
}

.sidebar-payment .prices {
    border-bottom: 1px solid #707070;
    margin: 0 0 17px;
}

.sidebar-payment ul li strong {
    color: #ED7565;
}

.sidebar-payment .btn {
    width: 100%;
    background: #ED7565;
}

@media (max-width: 991px){
.details_of_exam_page .content_section .result_box ul li {
    font-size: 14px;
    text-align: center;
}

.animate__animated {
    animation: none !important;
}

.text-single-h .tabs-single-h .nav.nav-tabs .nav-item {
    width: 100%;
    border-radius: 8px;
    border: 1px #29B4E3 solid !important;
}

.text-single-h .tabs-single-h .nav.nav-tabs .nav-item:first-child {
    border-end-end-radius: 0 !important;
    border-end-start-radius: 0 !important;
    border-bottom: 0 !important;
}

.text-single-h .tabs-single-h .nav.nav-tabs .nav-item:last-child {
    border-start-start-radius: 0 !important;
    border-start-end-radius: 0 !important;
    border-top: 0 !important;
}

.img-single-h {
    margin-top: 40px;
}

.form-payment {
    padding: 30px;
}

.title-form {
    margin: 35px -30px;
}

.form-payment .form-group {
    margin-bottom: 15px;
}
}

.onceClick.disblad {
    pointer-events: none;
}

/*.plyr__video-wrapper,*/
/*.single_course_join_page #course_section .main_content_wrapper .video_show .video_container, .plyr--video {*/
/*    height: 100%;*/
/*}*/

.figlio {
    padding: 0 !important;
    border: none;
}

    /*# sourceMappingURL=style.css.map */




/* ================= UX UPGRADE (Scoped, no class renames) ================= */
:root{
  --brand:#29B4E3;
  --brand-600:#1ea2cf;
  --ink:#2b2b2b;
  --bg:#fafafa;
  --card:#ffffff;
  --ring:#cfe9f5;
  --radius:12px;
  --shadow:0 10px 24px rgba(0,0,0,.10);
  --shadow-sm:0 6px 16px rgba(0,0,0,.08);
}

/* Layout polish */
.single_course_join_page{ background:var(--bg); }

/* Sidebar */
.single_course_join_page .profile_list_side{
  width:220px; min-width:220px; min-height:100vh;
  background:linear-gradient(180deg,var(--brand) 0%, var(--brand-600) 100%);
  box-shadow:inset 0 8px 24px rgba(0,0,0,.08);
}
.single_course_join_page .profile_list_side .person_name{
  padding:24px 16px 14px; gap:10px; color:#fff; border-bottom:1px solid rgba(255,255,255,.18);
}
.single_course_join_page .profile_list_side .person_name .icon{
  width:44px; height:44px; background:#fff; color:var(--brand); border:3px solid rgba(255,255,255,.6);
}
.single_course_join_page .profile_list_side .list_control{ padding:8px 6px; }
.single_course_join_page .profile_list_side .list_control .link,
.single_course_join_page .profile_list_side .list_control li{
  padding:12px 14px; margin:6px 6px; color:#fff; border-radius:10px; position:relative;
  display:flex; align-items:center; gap:10px; transition: transform .15s ease, background-color .2s ease, color .2s ease;
}
.single_course_join_page .profile_list_side .list_control .link:hover,
.single_course_join_page .profile_list_side .list_control li:hover{
  background:rgba(255,255,255,.14); transform:translateY(-1px);
}
.single_course_join_page .profile_list_side .list_control li.active{
  background:#fff; color:var(--brand); box-shadow:var(--shadow-sm);
}
.single_course_join_page .profile_list_side .list_control li.active::before{
  content:""; position:absolute; inset-inline-start:-6px; top:50%; width:4px; height:60%;
  transform:translateY(-50%); background:#fff; border-radius:8px;
}

/* Content wrapper */
.single_course_join_page .main_content{
  flex:1; padding:22px 22px 28px; min-width:0;
}
.single_course_join_page .main_content .head_page{
  font-size:22px; color:var(--ink); display:flex; align-items:center; gap:10px; margin-bottom:14px;
}

/* Lessons card */
.single_course_join_page #course_section .lessons_card{
  background:var(--card); border-radius:var(--radius); overflow:hidden;
  border:1px solid #eee; box-shadow:var(--shadow);
}
.single_course_join_page #course_section .lessons_card .head{
  padding:14px 18px; background:var(--brand); color:#fff; font-size:18px;
  display:flex; align-items:center; justify-content:space-between; cursor:pointer;
}
.single_course_join_page #course_section .lessons_card .head .arrow i{ transition: transform .25s ease; }
.single_course_join_page #course_section .single_lesson_content.open .arrow i{ transform:rotate(180deg); }

/* Smooth accordion */
.single_course_join_page #course_section .lessons_card .lessons_content{
  display:block; max-height:0; overflow:hidden; opacity:0; background:#fafafa;
  transition:max-height .35s ease, opacity .25s ease;
  scrollbar-width:thin;
}
.single_course_join_page #course_section .single_lesson_content.open .lessons_content{
  max-height:520px; opacity:1;
}
.single_course_join_page #course_section .lessons_card .lessons_content .single_lesson{
  padding:14px 16px; gap:10px; display:flex; align-items:flex-start; background:#fff;
}
.single_course_join_page #course_section .lessons_card .lessons_content .single_lesson:not(:last-of-type){
  border-bottom:1px solid #eaeaea;
}
.single_course_join_page #course_section .lessons_card .lessons_content .single_lesson .icon_shape{
  width:30px; min-width:30px; height:30px; border-radius:50%;
  background:#e8f6fb; color:var(--brand); display:flex; align-items:center; justify-content:center;
}
.single_course_join_page #course_section .lessons_card .lessons_content .single_lesson .info{
  display:flex; justify-content:space-between; gap:10px; align-items:center; flex:1;
}
.single_course_join_page #course_section .lessons_card .lessons_content .single_lesson .info p{
  margin:0; color:#2f2f2f; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.single_course_join_page #course_section .lessons_card .lessons_content .single_lesson:hover .info p{ color:#0f8db3; }
.single_course_join_page #course_section .lessons_card .lessons_content .single_lesson.active{
  background:#e9f7ff; box-shadow: inset 0 0 0 1px #bfe9fb;
}
/* Video 16:9 */
.single_course_join_page #course_section .main_content_wrapper .video_show{
  position:relative; display:block; background:#000; border-radius:var(--radius);
  overflow:hidden; box-shadow:var(--shadow); margin-bottom:18px;
}
.single_course_join_page #course_section .main_content_wrapper .video_show::before{ content:""; display:block; padding-top:56.25%; }
.single_course_join_page #course_section .main_content_wrapper .video_show iframe,
.single_course_join_page #course_section .main_content_wrapper .video_show video{
  position:absolute; inset:0; width:100%; height:100%;
}

/* Scrollbar aesthetic */
.single_course_join_page #course_section .lessons_card .lessons_content::-webkit-scrollbar{ width:8px; }
.single_course_join_page #course_section .lessons_card .lessons_content::-webkit-scrollbar-thumb{ background:#cfd8dc; border-radius:8px; }
.single_course_join_page #course_section .lessons_card .lessons_content:hover::-webkit-scrollbar-thumb{ background:#b0bec5; }