* {
        margin: 0;
        padding: 0;
    }

    html {
        overflow-x: hidden;
        scroll-behavior: smooth;
        overflow-x: hidden;
        overflow-y: auto;
        /* height: 100%; */
    }

    body {
        display: block;
        margin: 0px;
        padding: 0px;
        /* overflow-x: hidden;
        overflow-y: auto; */
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        background-color: #fff !important;
        color: #000;
        scroll-behavior: smooth;
        font-family: 'Poppins';
        /* font-family: "Montserrat", sans-serif; */
    }
     /* Poppins */
     @font-face{
        font-family: Poppins;
        font-weight: 400;
        src: url(/fonts/Poppins/Poppins-Regular.ttf)format('truetype');
        }
        @font-face{
            font-family: Poppins;
            font-weight: 500;
            src: url(/fonts/Poppins/Poppins-Medium.ttf)format('truetype');
        }
        @font-face{
            font-family: Poppins;
            font-weight: 600;
            src: url(/fonts/Poppins/Poppins-SemiBold.ttf)format('truetype');
        }
        @font-face{
            font-family: Poppins;
            font-weight: 700;
            src: url(/fonts/Poppins/Poppins-Bold.ttf)format('truetype');
        }
        @font-face{
            font-family: Poppins;
            font-weight: 800;
            src: url(/fonts/Poppins/Poppins-ExtraBold.ttf)format('truetype');
        }
        @font-face{
            font-family: Poppins;
            font-weight: 800;
            src: url(/fonts/Poppins/Poppins-Black.ttf)format('truetype');
        }
        /* Nunito */
        @font-face{
            font-family: Nunito;
            font-weight: 300;
            src: url(/fonts/Nunito_Sans/NunitoSans-Light.ttf)format('truetype');
        }
        @font-face{
                font-family: Nunito;
                font-weight: 400;
                src: url(/fonts/Nunito_Sans/NunitoSans-Regular.ttf)format('truetype');
        }
        @font-face{
                font-family: Nunito;
                font-weight: 600;
                src: url(/fonts/Nunito_Sans/NunitoSans-SemiBold.ttf)format('truetype');
        }
        @font-face{
                font-family: Nunito;
                font-weight: 700;
                src: url(/fonts/Nunito_Sans/NunitoSans-Bold.ttf)format('truetype');
        }
        @font-face{
                font-family: Nunito;
                font-weight: 800;
                src: url(/fonts/Nunito_Sans/NunitoSans-ExtraBold.ttf)format('truetype');
        }
        @font-face{
                font-family: Nunito;
                font-weight: 900;
                src: url(/fonts/Nunito_Sans/NunitoSans-Black.ttf)format('truetype');
        }

    .navbar {
        height: 70px;
        width: 100%;
        /* padding: 8px 5px; */
        display: flex;
        position: sticky !important;
        top: 40px;
        padding: 0.5rem 0.6rem;
        box-sizing: border-box;
        z-index: 999;
        transition: all 0.5;
        -webkit-transition: all 0.5 ease-out;
        -moz-transition: all 0.5 ease-out;
        -o-transition: all 0.5 ease-out;
        -ms-transition: all 0.5 ease-out;
        transition: all 0.5 ease-out;
        justify-content: space-between;
        box-shadow: 0 1px 5px rgb(0 0 0 / 50%);
        background-color: #fff;
    }

    .navbar .upper_row {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
     
    .navbar .navbar-brand img{
        height: 35px;
        width: auto;
    }

    .search-box {
        /* position: absolute;
    top: 50%;
    left: 50%; */
        display: flex;
        align-items: center;
        /* transform: translate(-50%, -50%); */
        padding: 5px;
        border-radius: 40px;
        height: 30px;
        background: #e78c60;
        outline: none;
    }

    .search-box ::placeholder {
        color: #000;
    }

    .search-box:hover .search-txt {
        width: 120px;
        padding: 0 6px;
        display: block;  
    }

    .search-box:hover .search-btn {
        background: #fff;
        text-decoration: none;
    }

    .navbar form .fa-search {
        font-size: 12px;
        color: #000;
        margin: 0 10px;
    }

    .search-box:hover .fa-search {
        color: #e78c60;
    }

    .search-txt {
        border: none;
        background: none;
        outline: none;
        padding: 0;
        color: #fff;
        transition: width 0.5s;
        font-size: 12px;
        width: 0px;
        padding: 0;
        border-radius: 20px;
    }

    .search-btn {
        color: #1abc9c;
        width: 25px;
        height: 25px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        transition: 0.5s;
    }
    .position-relative .notification_badge, .position-relative .bell_numbers{
        position: absolute;
        top: 0;
        right: 5px;
        font-size: 9px;
        color: #000;
        background-color: #e78c60;
        border-radius: 50px;
        width: 15px;
        height: 15px;
        display: flex;
        align-items: center;
    text-align: center;
    justify-content: center;
    padding: 0 !important;
    }
    .position-relative .bell_numbers{
        right: 0 !important;
    }
    .navbar.scrolled {
        /* background: rgb(255 255 255 / 100%); */
        /* IE */
        /* background: rgb(255 255 255 / 100%); */
        /* NON-IE */
        /* box-shadow: 0 1px 5px rgb(0 0 0 / 50%); */
        /* position: fixed; */
        /* top: 40px; */
        /* transition: ease 0.2s; */
    }
    .marque{
        z-index: 1040;
        position: sticky !important;
        top: 0;
    }
    /* .marq_scrolled {
        position: fixed;
        top: 0;
        transition: ease 0.2s;
    } */

    .navbar ul li {
        margin: 0 5px;
    }

    .navbar a {
        color: rgb(0, 0, 0);
        font-weight: 700;
        margin: 0;
    }
    .navbar .position-relative{
        padding: 5px 10px;
    }
    .navbar ul li a {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        font-size: 14px;
        max-height: 55px;
        padding: 0px;
    }

    #ca_link{
        position: relative;
    }
    #ca_link::before{
        content: 'NEW';
        position: absolute;
        inset: -15px -5px auto auto;
        background: linear-gradient(180deg, #F4624E 0%, #CF2F72 100%);
        border-radius: 5px;
        font-weight: 600;
        font-size: 8px;
        color: #fff;
        padding: 1px 5px;
        font-family: sans-serif;
        animation: blinker 0.6s infinite ease-in-out alternate;
    }
    @-webkit-keyframes blinker {
        from {opacity: 1.0;}
        to {opacity: 0.0;}
    }

    .navbar-toggler {
        border-color: rgb(0, 0, 0);
    }

    .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
        width: 16px;
        height: 16px;
    }

    .dropdown:hover .dropdown-menu,
    .dropdown-menu {
        margin-top: 0;
        border: none;
        box-shadow: 0 0 8px 0px #d6d6d6;
    }

    .dropdown:hover .dropdown-menu {
        display: block;
    }

    .dropdown-toggle::after {
        display: inline-block;
        margin-left: 0.255em;
        vertical-align: bottom;
        content: "\f078";
        font-family: "FontAwesome";
        border: none;
    }

    .collapse ul .dropdown ul li {
        margin: 0 5px;
    }
    .collapse ul .dropdown ul li a{
        padding: 4px 6px;
    }
    #navbarScroll .navbar-nav{
        align-items: center;
        flex-wrap: wrap;
    }
    .navbar form {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .navbar form .fa-shopping-cart {
        font-size: 18px;
        color: rgb(66, 66, 66);
        margin: 0;
    }

    .navbar form .login {
        border: 2px solid #000;
        color: #000;
        padding: 3px 10px;
        border-radius: 50px;
        margin: 0 10px 0 0;
        text-decoration: none;
        transition: ease 0.5s;
        background-color: #fff;
        cursor: pointer;
        font-size: 14px;
        width: max-content;
        font-weight: 600;
    }

    .navbar form .login:hover {
        background-color: #000;
        color: #fff;
    }
    .navbar form #notifications .dropdown-menu{
        min-width: 300px;
        max-width: 300px;
        max-height: 300px;
        overflow-y: auto;
        overflow-x: hidden;
        padding: 0;
    }
    .navbar form #notifications .dropdown-menu li{
        padding: 5px 10px;
        border-bottom: 1px solid #C4C4C4;
    }
    .navbar form #notifications .dropdown-menu li:last-child{
        border-bottom: none;
    }
    .navbar form #notifications .dropdown-menu li .message_head{
        font-size: 14px;
        font-weight: 700;
        color: #333;
        margin-top: 5px;
    }
    .navbar form ul #notifications .dropdown-menu li p,.navbar form ul #notifications .dropdown-menu .text-center{
        font-size: 13px;
    }
    .navbar form #notifications .dropdown-menu::-webkit-scrollbar {
        width: 8px;
    }

    .navbar form #notifications .dropdown-menu::-webkit-scrollbar-track {
        border-radius: 10px;
        background-color: rgb(219, 219, 219);
    }

    .navbar form #notifications .dropdown-menu::-webkit-scrollbar-thumb {
        background: #818181;
        border-radius: 10px;
    }

    .navbar form #notifications .dropdown-menu::-webkit-scrollbar-thumb:hover {
        background: #bbbbbb;
    }
    /* Banner */
    .new_banner .item {
        background: #e6e6e6;
        width: 300px;
        margin: auto;
        padding: 15px 40px;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-around;
        max-height: max-content;
        overflow: hidden;
        min-height: 250px;
        border-radius: 20px;
      }
      .new_banner .itm_img{
        width: 100%;
      }
      .new_banner .itm_img img {
        width: 100%;
        height: 250px;
        object-fit: cover;
        margin: auto;
      }
      .new_banner .item p{
        color: #000;
        font-size: 16px;
        margin: 10px auto;
        text-align: center;
      }
      .online_banner .main_head h3 {
        text-align: center;
        color: #ff1e00;
        text-transform: capitalize;
        font-size: 38px;
        width: max-content;
        margin: 20px auto;
       text-align: center;
        font-weight: 700;
        margin-bottom: 25px;
        text-shadow: -1px 4px 2px rgba(226,226,227,0.6);
      }
      
      .online_banner .main_bottom {
        margin: 20px auto 40px;
        display: flex;
        flex-wrap: wrap;
        gap: 45px;
        justify-content: center;
      }
      
      .online_banner .main_bottom .bottom_in {
        display: flex;
        gap: 6px;
        align-items: center;
      }
      .online_banner .main_bottom .bottom_in img {
        width: 25px;
        height: auto;
      }
      .online_banner .main_bottom a {
        font-weight: 800;
        font-size: 25px;
        color: #010066;
        text-transform: uppercase;
        margin-bottom: 0;
        cursor: pointer;
      }
    /* Banner */
    /* login-modal */

    .login-modal {
        width: 320px;
        margin: 16px auto;
        position: fixed;
        top: 65px;
        right: 20px;
        left: unset;
        height: auto;
        display: none;
        padding: 20px 0 0;
        z-index: 1100;
    }

    .login-container {
        padding: 20px;
        background-color: #fff;
        box-shadow: 0 2px 5px rgb(0 0 0 / 12%);
        border-radius: 10px;
    }

    .login-triangle {
        width: 0;
        margin: 0 auto;
        border: 12px solid transparent;
        border-bottom-color: rgb(255, 255, 255);
        position: absolute;
        top: 0;
        filter: drop-shadow(0px -5px 5px rgb(0 0 0 / 8%));
        left: 0;
        right: 0;
    }

    .login-modal input,
    #step-two .accept-label input {
        box-sizing: border-box;
        display: block;
        width: 100%;
        border: 1px solid rgb(209, 209, 209) !important;
        padding: 10px;
        outline: 0;
        font-family: inherit;
        font-size: 12px;
    }

    .login-modal input {
        height: 40px;
    }

    .login-modal input[type="email"] {
        background: #fff;
        color: #555;
        border-radius: 5px;
    }

    .login-modal .pass_word_eye #password {
        border-radius: 5px 0 0 5px;
        background: #e8f0fe;
        color: #555;
        border-top: 1px solid rgb(209, 209, 209) !important;
        border-left: 1px solid rgb(209, 209, 209) !important;
        border-bottom: 1px solid rgb(209, 209, 209) !important;
        border-right: transparent !important;
        box-shadow: none;
    }

    .login-modal .pass_word_eye i {
        background: #e8f0fe;
        color: #555;
        border-radius: 0 5px 5px 0;
        border-top: 1px solid rgb(209, 209, 209) !important;
        border-right: 1px solid rgb(209, 209, 209) !important;
        border-bottom: 1px solid rgb(209, 209, 209) !important;
        border-right: transparent;
        padding: 8px;
        cursor: pointer;
        height: 40px;
        display: flex;
        align-items: center;
    }

    .login-modal input[type="email"]:focus,
    .login-modal input[type="password"]:focus {
        border-color: #888;
    }

    .login-modal .remember {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
    }

    .login-modal .remember a {
        font-size: 13px;
        text-decoration-line: underline;
        color: #666666;
    }

    .login-modal .remember [type="checkbox"]:not(:checked)+label:before {
        top: 0px;
        width: 16px;
        height: 16px;
        border: 1px solid #b5b5b5;
        background-color: whitesmoke;
    }

    .login-modal .remember [type="checkbox"]:not(:checked)+label,
    .login-modal .remember [type="checkbox"]:checked+label,
    #step-two .accept-label label {
        padding-left: 22px;
        font-size: 14px;
    }

    .login-modal .l-submit {
        background: #e78c60;
        border-radius: 100px;
        font-weight: bold;
        font-size: 15px;
        color: #000;
        margin: 20px auto;
        width: 100%;
        outline: none;
        border: none;
        padding: 8px;
    }

    .login-modal h4 {
        font-size: 12px;
        text-transform: uppercase;
        color: #333333;
        text-align: center;
    }

    .login-modal h5 {
        font-weight: 600;
        font-size: 14px;
        text-align: center;
        margin: 20px auto;
        color: #000000;
    }

    .login-modal ul {
        list-style: none;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .login-modal ul li {
        background: #164675;
        border-radius: 5px;
        padding: 10px 15px;
        text-align: center;
        width: 120px;
    }

    .login-modal ul li:nth-child(2) {
        background: #ffffff;
        border: 1px solid #dddddd;
    }

    .login-modal ul li a {
        text-decoration: none;
    }

    .login-modal ul li a img {
        width: 20px;
        height: auto;
    }

    .login-modal ul li a span {
        font-weight: 600;
        font-size: 10px;
        margin-left: 10px;
        color: #ffffff;
    }

    .login-modal ul li:nth-child(2) span {
        color: #666666;
    }

    .login-modal .close {
        display: none;
        font-size: 35px;
        margin-right: 5px;
    }
    /* ---- */
    /* Sign up */

    #modal-signup .modal-content {
        border: none;
        border-radius: 10px;
    }

    #modal-signup .modal-body {
        padding: 0;
    }

    #modal-signup .close {
        font-size: 35px;
        margin-right: 5px;
    }
    /* body.modal-open {
  overflow: hidden;
  position: fixed;
} */

    .sign-up-image {
        position: relative;
        background-image: url(../images/signup_new.jpg);
        padding: 5% 0;
        background-repeat: no-repeat, no-repeat;
        background-position: center;
        background-size: cover;
        height: 100%;
        width: auto;
        border-radius: 10px 0 0 10px;
    }

    .sign-up-image .d-flex {
        position: absolute;
        bottom: 50px;
        left: 0;
        right: 0;
        margin: 0 auto;
        /* font-family: "DM Serif Display"; */
        font-size: 30px;
        color: #000;
        font-weight: bold;
        /* width: 70%; */
    }
    .sign-up-image .d-flex button{
        background: #e78c60;
        border-radius: 30px;
        font-weight: bold;
        font-size: 14px;
        color: #000;
        padding: 2px 25px;
    }

    .signup-details {
        height: 100%;
        width: 85%;
        margin: 0 auto;
    }

    .signup-details .s-content {
        padding: 20px 0;
    }

    .signup-details .s-content form input {
        width: 100%;
    }

    .signup-details .s-content input[type="text"],
    .signup-details .s-content input[type="email"],
    .signup-details .s-content input[type="password"],
    .signup-details .s-content #step-two input[type="tel"] {
        background: #fff;
        color: #555;
        border-radius: 5px;
        box-sizing: border-box;
        display: block;
        width: 100%;
        border: 1px solid rgb(209, 209, 209);
        padding: 10px;
        outline: 0;
        font-family: inherit;
        font-size: 12px;
    }

    .signup-details .s-content .form-group .m-num {
        display: flex;
        height: 40px;
        border: 1px solid rgb(209, 209, 209);
        border-radius: 5px;
    }

    .signup-details .s-content .form-group .m-num select {
        border: none;
        outline: none;
        background: transparent;
    }

    .signup-details .s-content .form-group .m-num select:focus-visible {
        outline: none;
    }

    .signup-details .s-content .form-group .m-num input,
    .m-num input:focus {
        border: none;
        outline: none;
        margin-left: 10px;
        background: transparent;
    }

    #step-one .s-next,
    #step-two .s-signup,
    #step-three .s-submit {
        background: #e78c60;
        border-radius: 30px;
        font-weight: bold;
        font-size: 15px;
        color: #ffffff;
        float: right;
        padding: 10px 15px;
        border: none;
        min-width: 100px;
        outline: none;
        display: block;
        margin-bottom: 20px;
        text-align: center;
        cursor: pointer;
    }

    #step-three .s-submit {
        float: none;
        margin: 0 auto !important;
    }

    .timeliner {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 30px;
        position: relative;
    }

    .timeliner .fa-check:nth-child(1) {
        background: #3abc5e;
        color: #fff;
        padding: 6px;
    }

    #prog-cotainer {
        width: 100%;
        background-color: #ddd;
        height: 2px;
    }

    #inner-bar {
        width: 0;
        height: 2px;
        background-color: #04aa6d;
    }

    .timeliner .fa-check {
        background: #ddd;
        color: #ddd;
        min-width: 25px;
        min-height: 25px;
        border-radius: 50px;
        text-align: center;
        padding: 6px;
        height: 25px;
        width: 25px;
        line-height: 14px;
        font-size: 14px;
    }

    .timeliner .middle {
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

    #step-two,
    #step-three {
        display: none;
    }

    #step-two .form-group {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    #step-two .form-group label,
    #step-one .form-group label {
        font-weight: 700;
        font-size: 12px;
        color: #000;
    }

    #step-two .form-group .select2-container .select2-selection--single {
        background: #fff;
        color: #555;
        border-radius: 5px;
        box-sizing: border-box;
        display: block;
        width: 100%;
        border: 1px solid rgb(209, 209, 209);
        padding: 0 5px;
        outline: 0;
        font-family: inherit;
        font-size: 12px;
        height: 40px;
    }

    #step-one #mobile-code {
        background-image: none !important;
        padding-right: 0 !important;
    }

    #step-two .form-group .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 40px;
    }

    input.select2-search__field:focus-visible {
        outline: none;
    }

    #step-two .accept-label {
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    #step-three #resend_text {
        display: none;
    }

    #step-three h1 {
        font-size: 22px;
        text-align: left;
        color: #000;
        font-weight: bold;
    }

    #step-three label {
        font-size: 12px;
        color: #000;
        text-align: left;
        margin: 15px 0;
    }

    #step-three #resend_text {
        display: none;
        font-size: 12px;
    }

    #step-three #resend_text a {
        color: #e78c60;
        text-decoration: none;
    }
    /* --- */

    .navbar form .signup {
        background-color: #e78c60;
        padding: 5px 10px;
        font-size: 14px;
        color: #000;
        border-radius: 50px;
        margin: 0;
        text-decoration: none;
        font-weight: 600;
    }

    .carousel-indicators li {
        box-sizing: content-box;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        width: 10px;
        height: 10px;
        margin-right: 3px;
        margin-left: 3px;
        text-indent: -999px;
        cursor: pointer;
        background-color: #e78c60;
        background-clip: padding-box;
        border-top: none;
        border-bottom: none;
        opacity: 0.5;
        transition: opacity 0.6s ease;
        border-radius: 50px;
    }

    .carousel-indicators {
        bottom: 6% !important;
        z-index: 4 !important;
    }
    #carouselExampleCaptions .carousel-control-prev{
        left: 20px;
    }
    #carouselExampleCaptions .carousel-control-next{
        right: 20px;
    }
    #carouselExampleCaptions .carousel-control-prev,
    #carouselExampleCaptions .carousel-control-next {
        width: 50px !important;
        height: 50px;
        border-radius: 50px;
        /* background-color: #ddd; */
        opacity: 1;
        top: 50%;
        transform: translateY(-50%);
    }

    #carouselExampleCaptions .carousel-inner {
        background: #f7f6ee;
    }
    /* Updated Banner Starts*/

    .banner-content {
        width: 100%;
        height: auto;
        /* min-height: 570px;
        max-height: 570px; */
        display: grid;
        align-items: center;
        overflow: hidden;
    }

    .banner-content .banner-inner {
        margin: 0 auto;
        vertical-align: bottom;
        width: 100%;
    }

    .banner-content .banner-inner .banner-container {
        width: 100%;
        margin: 0 auto 0;
    }

    .banner-content .banner-inner .banner-info {
        float: left;
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: column;
    }

    .banner-content .banner-inner .banner-info h1 {
        font-family: "Nunito";
        font-style: normal;
        font-weight: 900;
        font-size: 48px;
        line-height: 66px;
        text-transform: capitalize;
        color: #000000;
        margin-bottom: 30px;
    }
    .banner-content .banner-inner .banner-info h1:first-child{
        margin-bottom: 0 !important;
    }
    .banner-content .banner-inner .banner-info ul {
        list-style: none;
        display: flex;
        justify-content: flex-start;
        flex-direction: column;
        margin: 0;
    }

    .banner-content .banner-inner .banner-info ul li {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        margin-bottom: 15px;
    }

    .banner-content .banner-inner .banner-info ul li img {
        width: 18px;
        height: auto;
        margin-right: 10px;
    }

    .banner-content .banner-inner .banner-info ul li h5 {
        font-weight: 600;
        font-size: 14px;
        text-align: center;
        margin: 0;
        color: #000;
    }

    .banner-content .banner-inner .banner-info .join-today-btn {
        background: #e78c60;
        border-radius: 50px;
        font-weight: 600;
        font-size: 14px;
        margin-top: 20px;
        text-align: center;
        color: #ffffff;
        width: 160px;
        text-transform: capitalize;
        padding: 10px;
    }

    .banner-content .banner-inner .banner-image img {
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    /* Updated Banner Ends*/
    .page_refs{
        padding: 0;
        list-style: none;
        display: flex;
        justify-content: space-between;
        /* align-items: center; */
        flex-wrap: wrap;
        gap: 20px;
        width: 100%;
        margin: -7px auto 30px;
        z-index: 5;
        position: relative;
    }
    .page_refs li{
        display: flex;
    }
    .page_refs li a{
        background-color: #fff;
        color: #010065;
        border-radius: 10px;
        width: 220px;
        padding: 10px;
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        text-decoration: none;
        flex-wrap: wrap;
        border: 1px solid #a7a7a7;
        box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
       
    }
    .page_refs li a:hover i{
        position: relative;
        right: -5px;
        transition: right ease-out 0.5s;
    }
    .page_refs li a h6{
        font-size: 22px;
        font-weight: 800;
        text-transform: uppercase;
        text-align: center;
        word-break: break-word;
    }
    .page_refs li a p{
        font-size: 16px;
        text-transform: uppercase;
        font-weight: 600;
    } 
    .page_refs li a i{
        margin-left: 5px;
    }
    .counter {
        background: #ffffff;
        display: block;
        text-align: center;
        position: relative;
    }

    .counter .count {
        padding: 3% 0;
        display: flex;
        align-items: center;
        justify-content: center;
        /* margin-top: -25px; */
        flex-wrap: wrap;
    }

    .counter .first,
    .counter .second {
        /* float: left; */
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        min-width: 200px;
    }

    .count .first h1,
    .count .second h1 {
        font-weight: 600;
        font-size: 34px;
        color: #000;
        margin-bottom: 0;
    }

    .counter .first p,
    .counter .second p {
        text-transform: uppercase;
        font-weight: 600;
        font-size: 20px;
        text-align: center;
        margin: 0;
        word-break: break-word;
        color: #000;
    }

    .counter .v-line {
        border-right: 3px dashed #6d6d6d;
        display: block;
        height: 65px;
        margin: 0 40px;
    }

    .choose-us {
        width: 100%;
        margin: 0 auto;
    }

    .choose-us h1 {
        text-transform: capitalize;
        font-family: "Nunito";
        font-weight: 900;
        color: #000;
        font-size: 45px;
        margin-bottom: 0%;
        text-align: center;
        text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    }

    .choose-us .inner {
        padding: 4%;
        /* background: #f4f5f8; */
        border-radius: 18px;
        margin-top: 6%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .choose-us .inner img {
        /* background-color: #fff; */
        padding: 2px;
        /* box-shadow: 0 0 16px 0px rgb(160 160 160 / 50%); */
        /* border-radius: 15px; */
        height: 55px;
        width: auto;
    }

    .choose-us .inner span {
        font-weight: 700;
        text-align: center;
        font-size: 14px;
        color: #000;
        /* margin-left: 10px; */
        margin-top: 15px;
        text-transform: capitalize;
    }

    .explore {
        background: #f8fbfb;
        padding: 1% 0;
    }

    .explore h1 {
        font-family: "Nunito";
        font-weight: 900;
        text-align: center;
        font-size: 45px;
        text-transform: capitalize;
        color: #000;
    }

    .explore .base-title {
        font-size: 14px;
        text-align: center;
        color: #000;
        font-weight: 700;
    }
    /* course carousel starts */
    /* .item a {
  font-weight: 600;
font-size: 16px;
line-height: 20px;
text-align: center;
color: #5E6374;
  cursor: pointer;
  width: max-content;
} */
#pills-tabContent .course .bottom_btns a:first-child{
    display: none;
}
#view_courses .item{
    width: 100%; 
}
#view_courses .item .course {
    background: #ffffff;
    border-radius: 10px;
    text-align: left;
    margin-bottom: 10%;
    width: 100%; 
}
#view_courses .item .course .bottom_btns a:first-child{
    display: none;
}
#view_courses .owl-nav .owl-prev{
    background: transparent;
    position: absolute;
    top: 40%;
    left: -50px;
    width: 30px;
    height: 30px;
    line-height: 28px;
    border: 1px solid #999999;
    color: #999999;
    /* padding: 3px !important; */
    text-align: center;
    transition: all ease 0.2s;
    border-radius: 50px;
}
#view_courses .owl-nav .owl-next{
    background: transparent;
    position: absolute;
    top: 40%;
    right: -50px;
    width: 30px;
    height: 30px;
    line-height: 28px;
    border: 1px solid #999999;
    color: #999999;
    /* padding: 3px !important; */
    text-align: center;
    transition: all ease 0.2s;
    border-radius: 50px;
}
    #course-slider .owl-stage-outer {
        right: 55px;
        /* margin: 0 auto;
    text-align: center;
    display: block;
    width: 85%; */
    }

    #course-slider .owl-item {
        /* min-width: 150px !important; */
        margin: 0 auto;
        padding: 20px 5px;
    }

    #course-slider .owl-nav {
        text-align: center;
        margin-top: 20px;
        display: block;
    }

    #course-slider .owl-nav .owl-prev {
        background: transparent;
        position: absolute;
        top: 20% !important;
        right: 10px !important;
        left: auto;
        width: 30px;
        height: 30px;
        line-height: 28px;
        /* padding: 3px !important; */
        text-align: center;
        border: 1px solid #999999;
        color: #999999;
        transition: all ease 0.2s;
        border-radius: 50px;
    }

    #course-slider .owl-nav .owl-next {
        background: transparent;
        position: absolute;
        top: 20%;
        right: -30px;
        width: 30px;
        height: 30px;
        line-height: 28px;
        border: 1px solid #999999;
        color: #999999;
        /* padding:3px !important; */
        text-align: center;
        transition: all ease 0.2s;
        border-radius: 50px;
    }

    #course-slider .owl-nav .owl-next:hover,
    #course-slider .owl-nav .owl-prev:hover {
        background: #e78c60;
        border: 1px solid #e78c60;
        color: #000;
    }
    /* course carousel ends */

    .explore img {
        width: 100%;
        height: auto;
        border-radius: 10px 10px 0 0;
    }

    .explore .nav {
        margin: 4% auto;
        background: #ffeae0;
        border-radius: 50px;
    }
    /* .tab-content > .active {
  text-align: center;
} */

    #course-slider .item {
        /* margin: 10px auto 20px; */
        margin: 0;
        /* padding: 10px 0; */
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #course-slider .item a {
        margin: 0 10px;
        padding: 10px 0;
        font-size: 13px;
        color: #000;
        border-radius: 15px;
        transition-duration: 0.4s;
        font-weight: 600;
        min-width: 100%;
        width: 100%;
        text-align: center;
        cursor: pointer;
        display: block;
        text-decoration: none;
    }

    #course-slider .owl-item .item:hover {
        background: #e78c60;
        box-shadow: 0px 8px 15px rgba(162, 162, 162, 0.37);
        border-radius: 15px;
        color: #fff !important;
        /* width: max-content; */
        font-weight: bold;
        margin: 0;
    }

    /* #course-slider .owl-item .item:hover a {
        color: #fff !important;
    } */

    .course-active,
    .course-active a {
        background: #e78c60;
        box-shadow: 0px 8px 15px rgba(162, 162, 162, 0.37);
        border-radius: 15px;
        font-weight: bold;
        color: #000 !important;
        width: 100%;
        text-align: center;
        margin: 0;
    }

    .explore .courses .course {
        background: #ffffff;
        border-radius: 10px;
        text-align: left;
        margin-bottom: 10%;
    }

    .explore .courses .course .course-img {
        position: relative;
        border-radius: 10px 10px 0 0;
    }

    .explore .courses .course .course-img img {
        width: 100%;
        height: auto;
        border-radius: 10px 10px 0 0;
    }

    .explore .courses .course .course-img>span {
        position: absolute;
        top: 0;
        left: 0;
        padding: 3px 6px;
        background-color: #2E77FF;
        border-top-left-radius: 5px;
        letter-spacing: 3px;
        font-weight: 700;
        text-transform: uppercase;
        color: #fff;
        font-size: 12px;
        text-align: center;
        margin: 0 auto;
    }

    .course .course-content h3 {
        font-weight: 600;
        font-size: 14px;
        color: #000;
        text-align: left;
        line-height: 22px;
    }
    /* Favourite CSS */

    .course .stage,
    .course-image .stage {
        position: absolute;
        top: 8px;
        right: 8px;
        background: #fff;
        border-radius: 50px;
        padding: 0;
        width: 25px;
        height: 25px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .course .heart,
    .course-image .heart {
        width: 16px;
        height: 15px;
        background: url("../images/heart_unclicked.png") no-repeat;
        background-position: 0 0;
        cursor: pointer;
        transition-duration: 0s;
    }

    .course .heart.is-active,
    .course-image .heart.is-active {
        transition-duration: 0s;
        width: 16px;
        height: 15px;
        background: url("../images/heart_clicked.png") no-repeat;
        background-position: 0 0;
    }
    /* Favourite CSS */

    .course .course-content .ratings {
        display: flex;
        align-items: baseline;
        justify-content: flex-start;
    }

    .course .course-content .ratings i {
        color: #ffd643;
    }

    .course .course-content .ratings p {
        margin-left: 10px;
        font-weight: 500;
        font-size: 13px;
        color: #7e7e7e;
        margin-bottom: 5px;
    }

    .course .course-content .lecture i,
    .course-content .time i,
    .course-content .language_display i {
        color: #e78c60;
        font-size: 16px;
    }

    .course .course-content .lecture span,
    .course-content .time span,
    .course-content .language_display span {
        font-weight: 500;
        font-size: 13px;
        line-height: 16px;
        color: #7e7e7e;
        margin-left: 10px;
    }

    .course .course-content .language_display .english {
        color: #e78c60 !important;
        font-weight: bold;
    }

    .course .course-content .language_display .hindi {
        color: #2E77FF !important;
        font-weight: bold;
    }

    .course .course-content .language_display .both {
        color: #9460e7 !important;
        font-weight: bold;
    }

    .course-content .time .dur-time small {
        font-weight: 500;
        font-size: 13px;
        line-height: 16px;
        color: #7e7e7e;
    }

    .time .fa-clock-o {
        transform: rotateY(180deg);
    }

    .course .course-content .course-amount {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        margin: 10px 0;
    }

    .course .course-content .course-amount h5 {
        font-weight: 600;
        font-size: 16px;
        margin-bottom: 0;
        color: #000;
        display: flex;
        align-items: center;
    }

    .course .course-content .course-amount h6 {
        font-weight: 600;
        font-size: 12px;
        margin: 0 0 0 10px;
        color: #000;
        display: flex;
        text-decoration: line-through;
        align-items: center;
    }

    .course .course-content .course-amount h6 p {
        margin-bottom: 0;
    }

    .course .course-content .course-amount h5 i {
        font-size: 12px;
        margin-right: 3px;
        color: #000;
    }

    .course .course-content .course-amount h6 i {
        font-size: 10px;
        margin-right: 3px;
        color: #000;
    }

    .course .course-content .course-amount span,
    .course-details .price>span {
        font-weight: bold;
        font-size: 10px;
        color: #58CEA4;
        margin-left: 15px;
        text-transform: uppercase;
    }
    .deal_flash{
        background: #28a745;
        border: 0;
        border-radius: 10px;
        color: #fff;
        padding: 2px 5px;
        font-size: 12px;
        animation: blinker 3s linear infinite;
        margin-left: 0.5rem;
        width: max-content;
        cursor: none !important;
    }
    .course .course-content .more {
        color: #000;
        background: #ffe3d6;
        border-radius: 50px;
        padding: 7px 20px;
        font-weight: bold;
        border: none;
        font-size: 10px;
    }

    .course .course-content .enroll {
        background-color: #dbdbdb;
        padding: 7px 20px;
        color: rgb(27, 27, 27);
        border-radius: 50px;
        border: none;
        font-size: 10px;
        text-transform: capitalize;
        font-weight: bold;
    }

    .explore .all-course {
        background: #e78c60;
        border-radius: 50px;
        color: #000;
        margin: 0 auto;
        text-align: center;
        min-width: 140px;
        max-width: max-content;
        font-weight: bold;
        display: block;
    }
    /* Hexagon css */

    .faculty {
        padding: 1% 0;
        overflow: hidden;
    }

    #list-hexa {
        display: flex;
        flex-wrap: wrap;
        width: 90%;
        margin: 0 auto;
        overflow: hidden;
        font-family: sans-serif;
        list-style-type: none;
    }

    .content-hex {
        position: relative;
        visibility: hidden;
        outline: 1px solid transparent;
        transition: all 0.5s;
        backface-visibility: hidden;
        will-change: transform;
        transition: all 0.5s;
    }

    .content-hex::after {
        content: "";
        display: block;
        padding-bottom: 86.602%;
    }

    .hexIn {
        position: absolute;
        width: 100%;
        padding-bottom: 110.851%;
        margin: 2%;
        overflow: hidden;
        visibility: hidden;
        outline: 1px solid transparent;
        -webkit-transform: rotate3d(0, 0, 1, -60deg) skewY(30deg);
        -ms-transform: rotate3d(0, 0, 1, -60deg) skewY(30deg);
        transform: rotate3d(0, 0, 1, -60deg) skewY(30deg);
        transition: all 0.5s;
        border-radius: 10px;
    }

    .hexIn * {
        position: absolute;
        visibility: visible;
        outline: 1px solid transparent;
    }

    .hexLink {
        display: block;
        width: 100%;
        height: 100%;
        text-align: center;
        color: #fff;
        overflow: hidden;
        -webkit-transform: skewY(-30deg) rotate3d(0, 0, 1, 60deg);
        -ms-transform: skewY(-30deg) rotate3d(0, 0, 1, 60deg);
        transform: skewY(-30deg) rotate3d(0, 0, 1, 60deg);
    }

    .content-hex img {
        left: -100%;
        right: -100%;
        width: auto;
        height: 100%;
        margin: 0 auto;
    }

    .content-hex h1,
    .content-hex p {
        width: 100%;
        padding: 5%;
        box-sizing: border-box;
        font-weight: 300;
        opacity: 0;
        font-size: 14px;
        position: absolute;
        top: 35%;
        color: #fff;
        font-weight: bold;
    }

    #prof-title {
        color: #f5ce95;
        text-transform: capitalize;
        text-align: center;
        bottom: 50%;
        padding-top: 50%;
        font-size: 1.5em;
        z-index: 1;
    }

    #prof-details {
        display: none;
        position: absolute;
        left: 0;
        right: 0;
        color: #000;
        background-color: #e78c60;
        width: 25px;
        height: 25px;
        top: 70%;
        margin: 0 auto;
        text-align: center;
        border-radius: 50px;
        font-size: 12px;
        line-height: 25px;
        transition: ease 0.8s;
    }

    .hexLink:hover #prof-details {
        display: block;
    }

    .img {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-position: center center;
        background-size: cover;
        overflow: hidden;
        -webkit-clip-path: polygon( 40% 7.67949%, 43.1596% 6.20615%, 46.52704% 5.30384%, 50% 5%, 53.47296% 5.30384%, 56.8404% 6.20615%, 60% 7.67949%, 81.65064% 20.17949%, 84.50639% 22.17911%, 86.97152% 24.64425%, 88.97114% 27.5%, 90.44449% 30.6596%, 91.34679% 34.02704%, 91.65064% 37.5%, 91.65064% 62.5%, 91.34679% 65.97296%, 90.44449% 69.3404%, 88.97114% 72.5%, 86.97152% 75.35575%, 84.50639% 77.82089%, 81.65064% 79.82051%, 60% 92.32051%, 56.8404% 93.79385%, 53.47296% 94.69616%, 50% 95%, 46.52704% 94.69616%, 43.1596% 93.79385%, 40% 92.32051%, 18.34936% 79.82051%, 15.49361% 77.82089%, 13.02848% 75.35575%, 11.02886% 72.5%, 9.55551% 69.3404%, 8.65321% 65.97296%, 8.34936% 62.5%, 8.34936% 37.5%, 8.65321% 34.02704%, 9.55551% 30.6596%, 11.02886% 27.5%, 13.02848% 24.64425%, 15.49361% 22.17911%, 18.34936% 20.17949%);
        clip-path: polygon( 40% 7.67949%, 43.1596% 6.20615%, 46.52704% 5.30384%, 50% 5%, 53.47296% 5.30384%, 56.8404% 6.20615%, 60% 7.67949%, 81.65064% 20.17949%, 84.50639% 22.17911%, 86.97152% 24.64425%, 88.97114% 27.5%, 90.44449% 30.6596%, 91.34679% 34.02704%, 91.65064% 37.5%, 91.65064% 62.5%, 91.34679% 65.97296%, 90.44449% 69.3404%, 88.97114% 72.5%, 86.97152% 75.35575%, 84.50639% 77.82089%, 81.65064% 79.82051%, 60% 92.32051%, 56.8404% 93.79385%, 53.47296% 94.69616%, 50% 95%, 46.52704% 94.69616%, 43.1596% 93.79385%, 40% 92.32051%, 18.34936% 79.82051%, 15.49361% 77.82089%, 13.02848% 75.35575%, 11.02886% 72.5%, 9.55551% 69.3404%, 8.65321% 65.97296%, 8.34936% 62.5%, 8.34936% 37.5%, 8.65321% 34.02704%, 9.55551% 30.6596%, 11.02886% 27.5%, 13.02848% 24.64425%, 15.49361% 22.17911%, 18.34936% 20.17949%);
        width: 106%;
    }

    .img:before,
    .img:after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        content: "";
        opacity: 0;
        transition: opacity 0.5s;
    }

    .img:before {
        background: rgba(22, 103, 137, 0.3);
    }

    .img:after {
        background: linear-gradient( to top, transparent, rgba(0, 0, 0, 0.5), transparent);
    }

    .hexLink:hover h1,
    .hexLink:focus h1,
    .hexLink:hover p,
    .hexLink:focus p {
        opacity: 1;
        transition: 0.8s;
    }

    .hexIn:hover .img:before,
    .hexIn:hover .img:after,
    .hexIn:hover .hexLink {
        opacity: 1;
    }

    .faculty .prof {
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
    }

    .faculty .prof::before {
        content: "\2B22";
        color: #fbfbfb;
        font-size: 600px;
        position: absolute;
        right: -50%;
        bottom: -50%;
        transform: rotate(10deg);
        z-index: -1;
    }

    .faculty .prof-content {
        /* position: absolute;
        top: 45%; */
    }

    .faculty .prof-content h1 {
        font-family: "Nunito";
        font-weight: 900;
        font-size: 40px;
        text-align: center;
        text-transform: capitalize;
        color: #000;
    }

    .faculty .prof-content .all-prof {
        background: #e78c60;
        border-radius: 50px;
        color: #000;
        margin: 0 auto;
        text-align: center;
        width: 170px;
        font-weight: bold;
        display: block;
    }
    /* ----- */

    .access {
        height: 100%;
        width: 100%;
        /* background-image: url(../images/website_banner.jpg);
        padding: 9.4% 0; */
        /* background-position: right bottom, left top; */
        /* background-repeat: no-repeat, repeat;
        background-position: center;
        background-size: cover; */
        /* box-shadow: inset 0 0 0 2000px #e78c608c; */
    }
.access img{
    width: 100%;
    height: auto;
}
    .access h1 {
        font-weight: 600;
        font-size: 42px;
        width: 82%;
        margin: 0;
        text-align: left;
        text-transform: capitalize;
        color: #525252;
    }

    .access .all-course {
        color: #e78c60;
        border-radius: 50px;
        background-color: #fff;
        margin: 2% 0;
        text-align: center;
        width: max-content;
        font-weight: bold;
        display: block;
    }

    .process {
        padding: 10% 0;
        background: #f8fbfb;
    }

    .process .row {
        justify-content: center;
    }

    .process .teaching,
    .process .doubts {
        text-align: center;
    }

    .process .teaching h1,
    .process .doubts h1 {
        font-family: "Nunito";
        font-size: 45px;
        text-align: center;
        text-transform: capitalize;
        color: #444444;
        width: 60%;
        margin: 0 auto;
    }

    .process .line .v-line {
        border-right: 1px solid #dddddd;
        display: block;
        min-height: 500px;
        margin: 0 40px;
        position: absolute;
        top: 10%;
    }

    .process .teaching ul,
    .process .doubts ul {
        list-style: none;
        display: inline-block;
        width: 90%;
    }

    .process .teaching ul li,
    .process .doubts ul li {
        margin: 5% 0;
        /* padding: 5%; */
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    .process .teaching ul li span,
    .process .doubts ul li span {
        width: 100%;
        max-width: 100px;
        height: 100px;
        background-color: #fff;
        box-shadow: 0 0 16px 0px rgb(160 160 160 / 50%);
        display: flex;
        border-radius: 15px;
        position: relative;
        overflow: hidden;
        align-items: center;
        justify-content: center;
    }

    .process .teaching ul li span img,
    .process .doubts ul li span img {
        width: 60%;
        height: auto;
    }

    .process .teaching ul li p,
    .process .doubts ul li p {
        font-weight: 600;
        font-size: 16px;
        line-height: 20px;
        padding-left: 50px;
        color: #5e6374;
        text-align: left;
        margin: 0;
    }

    .process .teaching ul .odd p,
    .process .doubts ul .odd p {
        padding-right: 50px;
        text-align: right;
        padding-left: 0;
    }

    .footer {
        background: #121921;
        color: #ffffff;
        padding: 35px 0;
        position: relative;
        clear: both;
        z-index: 999;
    }
    .footer .container-fluid{
        width: 90%;
        margin: 0 auto;
    }
    .footer .footer_row{
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 25px;
        flex-wrap: wrap;
    }
    .footer .footer_row .footer_col .ft-info{
        width: 340px;
    }
    .footer hr{
        margin: 0.5rem 0 !important;
    }
    .footer h4 {
        font-weight: bold;
        font-size: 20px;
        color: #ffff15;
        margin-bottom: 12px;
    }

    .footer .ft-courses ul,
    .footer .ft-classes ul,
    .footer .ft-contact ul {
        list-style: none;
    }

    .footer .ft-courses ul li,
    .footer .ft-classes ul li {
        margin-bottom: 5px;
    }

    .footer .ft-courses ul li a,
    .footer .ft-classes ul li a,
    .footer .ft-info p,
    .footer .ft-contact .address p {
        font-size: 14px;
        margin-bottom: 8px;
        text-align: justify;
    }
    .footer .ft-courses ul li a:last-child,
    .footer .ft-classes ul li a:last-child,
    .footer .ft-info p:last-child {
        margin-bottom: 0px;
    }
    .footer .ft-contact .address li {
        display: flex;
    }

    .footer .ft-contact .address li span {
        padding-right: 10px;
    }
    .footer .ft-contact .address li span .fa-phone{
        color: #13e513;
    }
    .footer .ft-contact .address li span .fa-whatsapp{
        background-color: #13e513;
        font-size: 12px;
        padding: 3px;
        border-radius: 10px;
    }
    .footer .ft-contact .address li p a {
       color: #fff;
    }
    .footer .ft-contact .social-icons h5{
        font-family: 'Arial';
        font-weight: 700;
    }
    .footer .ft-contact .social-icons ul {
        display: flex;
        align-items: center;
        margin-top: 0;
        list-style: none;
    }

    .footer .ft-contact .social-icons ul li {
        margin-right: 8%;
    }

    .ft-contact .social-icons li a img {
       width: auto;
       height: 20px;
        font-size: 24px;
    }

    /* .ft-contact .social-icons li:nth-child(2) a img {
        background-color: #3761cd;
        width: 25px;
        height: 25px;
        text-align: center;
        border-radius: 30px;
        color: #000;
        padding: 5px;
        font-size: 18px;
    }

    .ft-contact li:nth-child(3) a img {
        background-color: #16c7ff;
        width: 25px;
        height: 25px;
        text-align: center;
        border-radius: 30px;
        color: #000;
        padding: 5px;
        font-size: 15px;
    } */
    /* Course List CSS Starts */

    .breadcrumb-item a {
        color: #000;
    }

    .breadcrumb-item.active {
        color: #e78c60;
    }

    .breadcrumb-item+.breadcrumb-item::before {
        content: "\f054";
        font-family: "FontAwesome";
        color: #999999;
        height: 100%;
    }

    .course-lists {
        /* padding-top: 3%; */
    }

    .filter-container {
        background-color: #f8fbfb;
    }

    .accordion .card {
        border: none;
    }

    .accordion .card .card-header {
        border-bottom: none;
        background-color: #f8fbfb;
    }

    .accordion .card-header:after {
        font-family: "FontAwesome";
        content: "\f077";
        float: right;
        color: gray;
    }

    .accordion .card-header.collapsed:after {
        content: "\f078";
    }

    .accordion>.card>.card-header {
        cursor: pointer;
        padding: 20px 15px 20px 0;
    }

    .accordion .card-title {
        margin-bottom: 0.75rem;
        color: #000;
        font-weight: 600;
    }

    .accordion .card .card-body {
        background-color: #f8fbfb;
        padding-left: 0;
    }
    
    .apply_filter { 
        position: absolute;
        left: 0;
        right: 0;
        bottom: 8px;
        z-index: 99;
        margin: 0 auto;
        text-align: center;
    }

    .apply_filter .apply {
        background-color: #e78c60;
        padding: 7px 20px;
        color: #000;
        border-radius: 50px;
        margin: 0 5px;
        border: none;
        font-size: 12px;
        text-transform: capitalize;
        font-weight: bold;
    }

    .apply_filter .reset {
        background-color: #dbdbdb;
        padding: 7px 20px;
        color: #000;
        border-radius: 50px;
        margin: 0 5px;
        border: none;
        font-size: 12px;
        text-transform: capitalize;
        font-weight: bold;
    }

    .course-name,
    .language-name,
    .subject-name {
        margin-bottom: 10px;
    }

    .course-name input[type="checkbox"],
    .language-name input[type="checkbox"],
    .subject-name input[type="checkbox"] {
        border: 2px solid #e78c60;
        cursor: pointer;
        background-color: #e78c60;
    }

    [type="checkbox"]:not(:checked),
    [type="checkbox"]:checked {
        position: absolute;
        left: -9999px;
    }

    [type="checkbox"]:not(:checked)+label,
    [type="checkbox"]:checked+label {
        position: relative;
        overflow: hidden;
        padding-left: 35px;
        cursor: pointer;
        display: inline-block;
        -webkit-user-select: none;
        -moz-user-select: none;
        -khtml-user-select: none;
        -ms-user-select: none;
    }

    [type="checkbox"]+label:before,
    [type="checkbox"]+label:after {
        content: "";
        position: absolute;
        left: 0;
        z-index: 1;
        -webkit-transition: 0.2s;
        transition: 0.2s;
    }

    [type="checkbox"]:not(:checked)+label:before {
        top: 0px;
        width: 16px;
        height: 16px;
        border: 1px solid orange;
    }

    [type="checkbox"]:not(:checked)+label:after {
        top: 0px;
        width: 16px;
        height: 16px;
        border: 1px solid orange;
        z-index: 0;
    }
    /* Checked styles */

    [type="checkbox"]:checked+label:before {
        top: 2px;
        left: 2px;
        width: 6px;
        height: 12px;
        border-top: 2px solid transparent;
        border-left: 2px solid transparent;
        border-right: 2px solid orange;
        border-bottom: 2px solid orange;
        -webkit-transform: rotateZ(39deg);
        transform: rotateZ(39deg);
        -webkit-transform-origin: 20% 40%;
        transform-origin: 100% 100%;
    }

    [type="checkbox"]:checked+label:after {
        top: 0px;
        width: 18px;
        height: 18px;
        border: 2px solid orange;
        border-radius: 5px;
        z-index: 0;
    }

    [type="checkbox"]:disabled:not(:checked)+label:before,
    [type="checkbox"]:disabled:checked+label:before {
        top: 0;
        box-shadow: none;
        background-color: #444;
        width: 19px;
        height: 19px;
        border: 3px solid #444;
        -webkit-transform: rotateZ(0deg);
        transform: rotateZ(0deg);
    }

    [type="checkbox"]:disabled+label {
        color: #555;
    }

    [type="checkbox"]:disabled:not(:checked)+label:hover:before {
        border-color: orange;
    }

    .course-name label,
    .language-name label,
    .subject-name label {
        margin: 0;
        padding-left: 20px;
        cursor: pointer;
        font-weight: 500;
        font-size: 13px;
        color: #000;
        width: 100%;
    }

    .accordion .card hr {
        padding: 0;
        margin: 0 auto;
        width: 100%;
    }

    .all-courses {
        padding: 0;
    }
    /* .filters h1, .all-courses h1 {
    font-weight: 600;
    font-size: 20px;
    color: #444444;
} */

    .filters h1 {
        padding-left: 15%;
    }

    .sorting {
        border: 1px solid #cccccc;
        box-sizing: border-box;
        border-radius: 50px;
        padding: 5px 10px;
    }

    .sorting label {
        margin-right: 15px;
        margin-bottom: 0;
        color: #999999;
    }

    .sorting select {
        outline: none;
        border: none;
        background: #ffffff;
    }

    .sorting #select1 .sel-opt {
        font-size: 14px;
    }
.appliedFilter{
    padding: 0;
}
    .all-courses .container-list {
        margin-top: 3%;
    }

    .course-image {
        position: relative;
    }

    .course-image>span {
        position: absolute;
        top: 0;
        left: 0;
        padding: 3px 6px;
        border-top-left-radius: 5px;
        letter-spacing: 3px;
        font-weight: 700;
        text-transform: uppercase;
        color: #fff;
        font-size: 12px;
        text-align: center;
        margin: 0 auto;
    }

    .course-image .english {
        background-color: #2E77FF
    }

    .course-image .hindi {
        background-color: #2E77FF;
    }

    .course-image img {
        width: 100%;
        height: auto;
        border-radius: 5px;
    }

    .course-details h2 {
        margin: 0;
        font-size: 15px;
    }

    .course-details h2 a {
        font-weight: 600;
        font-size: 15px;
        color: #000;
    }

    .course-details .enrolled {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        margin: 10px 0;
    }

    .course-details .enrolled img {
        width: 30px;
        height: 30px;
        border-radius: 50px;
        margin-right: 5px;
        object-fit: cover;
    }

    .course-details .enrolled span {
        width: 30px;
        height: 30px;
        background-color: #3abc5e;
        color: #fff;
        margin: 0;
        border-radius: 50px;
        font-size: 10px;
        padding: 8px 0;
        text-align: center;
    }

    .course-details h3 {
        font-weight: 500;
        font-size: 12px;
        color: #666666;
    }

    .course-details h5 {
        font-size: 13px;
        line-height: 16px;
        color: #7e7e7e;
        font-weight: 600;
    }

    .course-details .ratings {
        display: flex;
        align-items: baseline;
        justify-content: flex-start;
    }

    .course-details .ratings i {
        color: #ffd643;
    }

    .course-details .ratings p {
        margin-left: 0;
        font-weight: 500;
        font-size: 13px;
        color: #7e7e7e;
    }
    .ratings:has(span) p{
        margin-left: 10px !important;
    }
    .course-details .language_display i,
    .course-details .lecture i,
    .course-details .time i {
        color: #e78c60;
        font-size: 16px;
    }

    .course-details .language_display span,
    .course-details .lecture span,
    .course-details .time span {
        font-weight: 500;
        font-size: 13px;
        line-height: 16px;
        color: #7e7e7e;
        margin-left: 10px;
    }

    .course-details .language_display .english {
        color: #e78c60 !important;
        font-weight: bold;
    }

    .course-details .language_display .hindi {
        color: #2E77FF !important;
        font-weight: bold;
    }

    .course-details .language_display .both {
        color: #9460e7 !important;
        font-weight: bold;
    }

    .course-details .time span small {
        font-weight: 500;
        font-size: 13px;
        line-height: 16px;
        color: #7e7e7e;
    }

    .course-details .price {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .course-details .price h4 {
        font-weight: 600;
        font-size: 16px;
        color: #444444;
        margin-right: 20px;
        margin-bottom: 0;
    }

    .course-details .price h6 {
        font-weight: 500;
        font-size: 12px;
        text-decoration-line: line-through;
        color: #7e7e7e;
        margin-bottom: 0;
    }

    .course_enroll {
        padding-top: 15px;
    }

    .course_enroll .cart {
        background-color: #e78c60;
        padding: 7px 20px;
        color: #000;
        border-radius: 50px;
        margin: 0 5px;
        border: none;
        font-size: 12px;
        text-transform: capitalize;
        font-weight: bold;
    }

    .course_enroll .enroll {
        background-color: #dbdbdb;
        padding: 7px 20px;
        color: #000;
        border-radius: 50px;
        margin: 0 5px;
        border: none;
        font-size: 12px;
        text-transform: capitalize;
        font-weight: bold;
    }

    .course-lists .pagination {
        justify-content: center;
        margin-top: 5%;
    }

    .page-item.active .page-link {
        z-index: 3;
        color: #fff;
        background-color: #e78c60;
        border-color: #e78c60;
    }

    .page-link {
        color: #e78c60;
        border-radius: 100px !important;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .page-link:hover {
        color: #ffffff;
        background-color: #e78c60;
        border-color: #e78c60;
    }

    .pagination {
        background: #fff !important;
        width: 100% !important;
        justify-content: center;
        float: none;
        margin-bottom: 20px !important;
    }

    .pagination .page-item {
        width: 30px;
        height: 30px;
        margin: 0 5px;
    }

    .pagination .page-item .page-link {
        font-size: 12px;
        transition: all ease 0.3s;
    }
    /* Course List CSS Ends */
    /* Course Details CSS Start */

    /* .c-details {
        background-color: #3c3881;
    } */

    .c-details .breadcrumb {
        background-color: #3c3881;
        color: #fff !important;
        padding: 30px;
        margin: 0;
        display: inline-grid;
        grid-auto-flow: column;
    }

    .c-details .breadcrumb li a,
    .c-details .breadcrumb .active {
        color: #fff !important;
    }

    .c-image {
        position: relative;
        z-index: 0;
    }

    /* .c-image::before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background-color: #3c3881;
        margin: 0;
        width: 100%;
        height: 70%;
    } */

    .c-image::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        /* top: 0; */
        bottom: 0;
        background-color: #f4f3f6;
        margin: 0;
        width: 100%;
        height: 30%;
        z-index: -1;
    }

    .c-image img {
        width: 100%;
        height: max-content;
    }
    .back{
        background-color: #3c3881;
          margin: 0;
          width: 100%;
          height: 258px;
          z-index: 0;
      }
      .main .fix-top{
        margin-top: -255px;
      }
    .course-info-detail {
        background-color: #fff;
        padding: 25px;
        border-radius: 5px;
        position: sticky;
        right: 0;
        top: 90px;
        z-index: 2;
        width: 430px;
        height: calc(100vh - 100px);
        /* max-height: 84%;
        min-height: max-content; */
        left: 51%;
        margin-left: 0px;
        box-shadow: 0px 4px 20px rgb(0 0 0 / 10%);
        overflow-y: auto;
        overflow-x: hidden;
    }
    .check_fixed{
        position: fixed ; 
        left: auto;
        right: auto;
    }
    .check_footer{
    position: absolute ; 
        bottom: 40px !important;
        top: auto !important;
        right: 0!important;
        left: 13px !important;
    }
    .course-info-detail::-webkit-scrollbar {
        width: 5px;
    }

    .course-info-detail::-webkit-scrollbar-track {
        border-radius: 10px;
        background-color: #fff;
    }

    .course-info-detail::-webkit-scrollbar-thumb {
        background: #e78c60;
        border-radius: 10px;
    }

    .course-info-detail::-webkit-scrollbar-thumb:hover {
        background: #f37435;
    }

    .course-info-detail h2 {
        font-family: "Nunito";
        font-size: 24px;
        line-height: 33px;
        color: #000;
        font-weight: 900;
    }

    .c-review {
        display: flex;
        align-items: baseline;
    }

    .c-review .c-ratings {
        display: flex;
        align-items: center;
    }

    .c-review .c-ratings span {
        font-weight: 600;
        font-size: 13px;
        color: #ffd643;
        margin-right: 5px;
    }

    .c-review .c-ratings .star {
        width: 14px;
        height: auto;
    }

    .c-review .rev,
    .c-review .students {
        font-weight: 500;
        font-size: 13px;
        margin-left: 5px;
        color: #000000;
    }

    .created {
        display: flex;
        align-items: center;
        margin: 15px 0;
    }
    .multiple_created{
        display: flex;;
        align-items: center;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    .multiple_created a img{
        width: 50px !important;
    height: 50px !important;
    display: inline;
    object-fit: cover;
    border-radius: 50px;
    margin: 15px 10px 10px 0;
    }
    .created .prof-image {
        overflow: hidden;
        display: block;
        width: 40px;
        height: 40px;
        text-align: center;
        border-radius: 50%;
        background: url(../images/c-bg.png) center center no-repeat;
        background-size: cover;
    }

    .created h5 {
        font-weight: 500;
        font-size: 12px;
        color: #333333;
        margin: 0 0 0 10px;
    }

    .created h5 span {
        color: #e78c60;
    }

    .off {
        font-weight: bold;
        font-size: 12px;
        margin: 0 0 0 13px;
        display: block;
        color: #e78c60;
    }

    .c-price {
        display: flex;
        align-items: center;
        margin-bottom: 5px;
    }

    .c-price .current {
        display: flex;
        align-items: flex-start;
    }

    .c-price .current i {
        font-size: 15px;
        color: #444444;
        margin: 10px 5px 0 0;
    }

    .c-price .current p {
        font-weight: bold;
        font-size: 30px;
        color: #444444;
        margin-bottom: 0;
    }

    .c-price .discount {
        display: flex;
        align-items: center;
        margin-left: 15px;
    }

    .c-price .discount i {
        font-size: 15px;
        color: #cccccc;
        margin-right: 5px;
    }

    .c-price .discount p {
        font-weight: 500;
        font-size: 20px;
        text-decoration-line: line-through;
        color: #cccccc;
        margin-bottom: 0;
    }

    .course-info-detail .add-cart {
        background: #e78c60;
        border-radius: 45px;
        font-weight: 600;
        font-size: 14px;
        width: 49%;
        float: left;
        padding: 10px;
        display: block;
        margin: 0;
        text-align: center;
        color: #000;
        text-decoration: none;
    }

    .course-info-detail .buy-now {
        border: 1px solid #e78c60;
        border-radius: 45px;
        font-weight: 600;
        font-size: 14px;
        width: 49%;
        float: right;
        padding: 10px;
        display: block;
        text-align: center;
        color: #e78c60;
        text-decoration: none;
        transition: all ease 0.3s;
    }
    .course-info-detail .buy-now:hover{
        color: #000;
        background-color: #e78c60;
    }
    .course-info-detail ul {
        display: inline-block;
    }

    .course-info-detail ul,
    .c-what-learn ul {
        list-style: none;
        margin: 15px 0 0;
    }

    .course-info-detail ul li,
    .c-what-learn ul li {
        margin: 10px 0 0;
        display: flex;
        align-items: center;
    }

    .course-info-detail ul li img,
    .c-what-learn ul li i {
        width: 14px;
        height: auto;
        margin-right: 10px;
        color: #e78c60;
    }

    .course-info-detail ul li span,
    .c-what-learn ul li span {
        font-weight: 500;
        font-size: 15px;
        color: #666666;
    }

    .c-what-learn {
        /* background-color: #f4f3f6; */
        padding: 30px 0;
    }

    .c-what-learn .learn-inner {
        margin-right: 20px;
    }
    /* .c-what-learn h4,.c-what-learn ul{
  margin-left: 40px;
} */

    .c-what-learn h4 {
        font-weight: 600;
        font-size: 18px;
        color: #333333;
    }
    .ref_menus ol{
        list-style: none;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .ref_menus ol li{
        width: 95%;
    }
    .ref_menus ol li:nth-child(2){
        margin: 0 5px;
    }
    .ref_menus ol li:nth-child(3){
        margin-right: 5px;
    }
    .ref_menus ol li a{
        border: 1px solid #e78c60;
        border-radius: 45px;
        font-weight: 600;
        font-size: 12px; 
        padding: 10px;
        display: block;
        text-align: center;
        color: #e78c60;
        transition: all ease 0.5;
        text-decoration: none;
    }
    .ref_menus ol li a:hover{
        background-color: #e78c60;
        color: #fff;
    }
    .topic-info {
        font-size: 16px;
        line-height: 20px;
        color: #333333;
        margin-bottom: 30px;
    }

    .course-content {
        padding: 5% 0 0;
    }

    .course-content .content-details h4 {
        font-weight: 600;
        font-size: 18px;
        color: #333333;
    }

    .course-content .content-details p {
        font-weight: 500;
        font-size: 15px;
        color: #999999;
    }

    [data-toggle="collapse"] i:before {
        content: "\f077";
    }

    [data-toggle="collapse"].collapsed i:before {
        content: "\f078";
    }

    #accordion .card-header {
        /* margin-top: 8px; */
    }

    #accordion .card {
        visibility: visible;
        animation-name: fadeInUp;
    }

    #accordion .accordion-title {
        font-weight: 600;
        font-size: 15px;
        position: relative;
        display: block;
        padding: 14px 0 14px 50px;
        background: #e3e2ec;
        border-radius: 3px;
        overflow: hidden;
        text-decoration: none;
        color: #333333;
        width: 100%;
        text-align: left;
        transition: all 0.4s ease-in-out;
        box-shadow: none;
    }

    #accordion .accordion-title i {
        position: absolute;
        width: 50px;
        left: 0;
        top: 0;
        color: #333333;
        background: #e3e2ec;
        text-align: center;
        border-right: 1px solid transparent;
    }
    /* #accordion .accordion-title:hover {
  padding-left: 60px;
  background: #213744;
  color: #fff;
} */

    #accordion .accordion-title:hover i {
        /* border-right: 1px solid #fff; */
    }

    #accordion .accordion-body {
        padding: 0px;
        background: #ffffff;
        border: 1px solid #e3e2ec;
    }

    #accordion .accordion-body ul {
        list-style: none;
        margin: 0;
    }

    #accordion .accordion-body ul li {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 20px 15px;
    }

    #accordion .accordion-body ul li .demo_number {
        display: flex;
        align-items: center;
        width: 30px;
        justify-content: flex-start;
    }

    #accordion .accordion-body ul li:nth-child(even) {
        background: #f4f3f7;
    }

    #accordion .accordion-body ul li .demo_number i {
        background: #3c3881;
        color: #fff;
        font-size: 7px;
        min-width: 16px;
        height: 16px;
        border-radius: 50px;
        text-align: center;
        margin-right: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #accordion .accordion-body ul li h6 {
        font-size: 15px;
        padding-left: 5px;
        text-transform: capitalize;
        color: #333333;
        margin-bottom: 0;
    }
    .course-content #ratings{
        padding: 40px 0;
    }
    .riv-ratings {
        background: #f5f5f5;
        border-radius: 5px;
        padding: 25px 20px; 
        width: 100%;
    }

    .riv-ratings h3 {
        font-weight: 600;
        font-size: 18px;
        margin-bottom: 15px;
        text-transform: capitalize;
        color: #333333;
    }

    .riv-ratings h1 {
        font-weight: 600;
        font-size: 30px;
        color: #000000;
        margin: 0;
    }

    .riv-ratings h1 span:first-child {
        padding-right: 10px;
    }

    .riv-ratings h1 span:last-child {
        padding-left: 10px;
    }

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

    .c-ratings img {
        width: 16px;
        height: auto;
    }

    .c-ratings #rating {
        padding-left: 10px;
        font-size: 13px;
        color: #666666;
    }

    #customer-review {
        background-color: #fff !important;
        padding: 0 !important;
        width: 100%;
        margin: 45px 0 0 !important;
    }

    #customer-review .review-inner ul::before {
        content: none;
        width: 95%;
        background: #fbfbfbcc;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1;
        -webkit-mask-image: linear-gradient(to top, #ffffff 50%, transparent 100%);
        mask-image: linear-gradient(to top, #ffffff 50%, transparent 100%);
        height: 150px;
    }

    #customer-review .review-inner {
        height: 350px !important;
        overflow-x: auto;
    }

    #customer-review .review-inner ul li {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        padding: 5% 5% 0 0;
        clear: both;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }
    /* Course Details CSS Ends */
    /* Professor Details CSS Start */

    .professor-details {
        margin: 4% auto 2%;
    }

    .basic {
        text-align: center;
    }

    .basic .prof-image {
        overflow: hidden;
        margin: 0 auto 10%;
        display: block;
        width: 170px;
        height: 170px;
        text-align: center;
        border-radius: 50%;
        background: url("https://images.unsplash.com/photo-1595271676517-118cb0a0a2d7?ixid=MnwxMjA3fDB8MHxzZWFyY2h8ODF8fHZlcnRpY2FsfGVufDB8fDB8fA%3D%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60") center center no-repeat;
        background-size: cover;
    }

    .basic img {
        overflow: hidden;
        margin: 0 auto 10%;
        display: block;
        width: 170px;
        height: 170px;
        text-align: center;
        border-radius: 50%;
        object-fit: cover;
    }

    .basic h5 {
        font-weight: 600;
        font-size: 18px;
        color: #333333;
    }

    .basic p {
        font-weight: 600;
        font-size: 14px;
        color: #666666;
    }

    .basic span {
        font-size: 12px;
        text-align: center;
        color: #000;
        background: #e78c60;
        border-radius: 5px;
        font-weight: 600;
        padding: 3px 10px;
        margin: 8px auto;
        display: block;
        width: max-content;
    }

    .basic .basic-review ul {
        list-style: none;
        width: 60%;
        margin: 0 auto;
        display: block;
    }

    .basic .basic-review ul li {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        margin-top: 16px;
    }

    .basic .basic-review ul li i {
        color: #e78c60;
        margin-right: 10px;
        font-size: 18px;
    }

    .basic .basic-review ul li h6 {
        margin: 0;
        color: #666666;
        font-size: 14px;
    }

    .professor-details .column-two {
        padding: 0;
    }

    .professor-details .info {
        margin-bottom: 10%;
    }

    .professor-details .info h2 {
        font-family: "Nunito";
        font-size: 24px;
        color: #000;
        font-weight: 600;
    }

    .professor-details .info p {
        font-size: 18px;
        line-height: 29px;
        color: #333333;
        margin-top: 20px;
        width: 80%;
    }

    .owl-stage {
        left: -30;
    }

    .professor-details .course-heading {
        margin-bottom: -35px;
        font-family: "Nunito";
        font-size: 24px;
        color: #333333;
    }

    .professor-details .owl-carousel .owl-stage-outer {
        padding-top: 6%;
    }

    .professor-details #owl-demo .item {
        margin-right: 20px;
        padding: 10px 0;
    }

    .professor-details #owl-demo .owl-next {
        position: absolute;
        top: 0;
        right: 10%;
    }

    .professor-details #owl-demo .owl-next i,
    .professor-details #owl-demo .owl-prev i {
        font-size: 12px;
        border: 1px solid #999999;
        color: #999999;
        border-radius: 30px;
        padding: 0;
        width: 30px;
        height: 30px;
        text-align: center;
        line-height: 28px;
        margin: 0 auto;
        transition: all ease 0.2s;
    }

    .professor-details #owl-demo .owl-next i:hover,
    .professor-details #owl-demo .owl-prev i:hover {
        background: #e78c60;
        border: 1px solid #e78c60;
        color: #fff;
    }

    .professor-details #owl-demo .owl-prev {
        position: absolute;
        top: 0;
        right: 12%;
        left: auto;
        box-shadow: none;
    }

    .professor-details #owl-demo .owl-next {
        position: absolute;
        top: 0;
        right: 8%;
        box-shadow: none;
    }

    .professor-details #owl-demo .course {
        background: #ffffff;
        border-radius: 10px;
        box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.08);
    }

    .professor-details #owl-demo .course img {
        width: 100%;
        height: auto;
        border-radius: 10px 10px 0 0;
    }

    .professor-details #owl-demo .course .course-content h3 {
        font-weight: 600;
        font-size: 15px;
        color: #444444;
        text-align: left;
        line-height: 22px;
    }

    .professor-details #owl-demo .course .course-content .ratings {
        display: flex;
        align-items: baseline;
        justify-content: flex-start;
    }

    .professor-details #owl-demo .course .course-content .ratings i {
        color: #ffd643;
    }

    .professor-details #owl-demo .course .course-content .ratings p {
        margin-left: 10px;
        font-weight: 500;
        font-size: 13px;
        color: #999999;
        margin-bottom: 5px;
    }

    .professor-details .proff_courses .course_num {
        background: #fff;
        border-radius: 10px;
        margin-top: 20px;
        box-shadow: 0px 4px 15px rgb(0 0 0 / 5%);
        position: relative;
        width: 100%;
    }

    .proff_courses .course_num a img {
        width: 100%;
        height: auto;
        border-radius: 10px 10px 0 0;
    }

    .proff_courses .view_more {
        width: 230px;
        background: #3a3680;
        color: #fff;
        margin: 30px auto 10px;
        text-align: center;
        display: block;
        font-size: 14px;
        border-radius: 50px;
        transition: all ease 0.3s;
    }

    .proff_courses .view_more:hover {
        box-shadow: 0px 0px 15px rgb(0 0 0 / 35%);
    }

    .proff_courses .view_more i {
        padding-left: 10px;
        transition: all ease 0.3s;
    }

    .proff_courses .view_more:hover i {
        padding-left: 15px;
    }

    .student-reviews {
        margin-top: 8%;
        padding: 5%;
        background-color: #faf8f8;
    }

    .student-reviews .review-inner {
        height: 600px;
        overflow-x: auto;
    }

    .review-inner::-webkit-scrollbar {
        width: 5px;
    }

    .review-inner::-webkit-scrollbar-track {
        border-radius: 10px;
        background-color: #fff;
    }

    .review-inner::-webkit-scrollbar-thumb {
        background: #e78c60;
        border-radius: 10px;
    }

    .review-inner::-webkit-scrollbar-thumb:hover {
        background: #f37435;
    }

    .student-reviews h3 {
        font-weight: 600;
        font-size: 18px;
        text-transform: capitalize;
        color: #333333;
    }

    .review-inner ul {
        list-style: none; 
        background-color: cornsilk;
    }

    .review-inner ul li {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        padding: 5% 5% 0 0;
        clear: both;
    }

    .review-inner ul hr {
        clear: both;
    }

    .review-inner ul li .head {
        margin-right: 20px;
        min-width: 80px;
        max-width: 80px;
    }

    .review-inner ul li .head-content {
        width: 100%;
    }

    .review-inner ul li .student-img {
        overflow: hidden;
        margin: 0 auto 10%;
        display: block;
        width: 55px;
        height: 55px;
        text-align: center;
        border-radius: 50%;
        background: url(https://images.unsplash.com/photo-1595271676517-118cb0a0a2d7?ixid=MnwxMjA3fDB8MHxzZWFyY2h8ODF8fHZlcnRpY2FsfGVufDB8fDB8fA%3D%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60) center center no-repeat;
        background-size: cover;
    }

    .review-inner ul li h4 {
        font-weight: 600;
        font-size: 14px;
        text-transform: capitalize;
        color: #333333;
        word-break: break-word;
        text-align: center;
    }

    .review-inner ul li .head-content h6 {
        font-weight: 600;
        font-size: 14px;
        color: #666666;
    }

    .review-inner ul li .head-content p {
        font-size: 14px;
        color: #666666;
    }

    .review-inner ul li .head-content span {
        font-size: 12px;
        text-align: right;
        float: right;
        color: #999999;
        margin-bottom: 5%;
    }
    /* Professor Details CSS Ends */
    /* About Us CSS Start */

    .about-title {
        padding: 5% 0 3%;
        text-align: center;
    }

    .about-title h1 {
        font-weight: 900;
        font-size: 24px;
        text-align: center;
        color: #000;
    }
    #about_choose .inner{
        cursor: default
    }
    .ranking {
        background-image: url(../images/about-bg.png);
        padding: 0;
        background-repeat: no-repeat, repeat;
        background-position: center;
        background-size: cover;
        box-shadow: inset 0 0 0 2000px #3d3891b2;
        border-radius: 10px;
        height: 300px;
        width: auto;
    }

    .ranking .ranking-box {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 40%;
        height: 100%;
        margin: 0 auto;
        text-align: center;
    }

    .ranking-box h1 {
        font-family: "Nunito";
        font-size: 300px;
        font-weight: 900;
        color: #ffffff;
        filter: drop-shadow(1rem 0.5rem 0rem rgb(255, 168, 86));
    }

    .ranking-box .ranking-content {
        display: block;
        text-align: left;
        margin-left: 20px;
        color: #fff;
    }

    .ranking-box .ranking-content h3 {
        font-weight: bold;
        font-size: 18px;
        text-transform: uppercase;
        color: #fff;
    }

    .ranking-box .ranking-content h2 {
        font-family: "Nunito";
        font-size: 48px;
        color: #fff;
        font-weight: 900;
    }

    .ranking-box .ranking-content h6 {
        font-weight: 600;
        font-size: 18px;
        text-transform: uppercase;
        color: #fff;
    }

   
    .quotes,
    .strength,
    .why-us {
        width: 90%;
        margin: 0 auto;
    }

    .about-info p {
        font-size: 16px;
        color: #000000;
        text-align: justify;
    }

    .quotes {
        background: #f4f3f6;
        border-radius: 3px;
        padding: 5%;
    }

    .quotes h3 {
        font-weight: 600;
        font-size: 20px;
        align-items: center;
        color: #111111;
    }

    .quotes p {
        margin-bottom: 0;
        font-weight: 500;
        font-size: 16px;
        align-items: center;
        color: #000;
    }

    .strength h1,
    .why-us h1 {
        font-family: "Nunito";
        text-align: left;
        font-size: 45px;
        color: #333333;
    }

    .strength .strength-list {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin-bottom: 30px;
    }

    .strength .strength-list img {
        background-color: #fff;
        box-shadow: 0px 4px 20px rgb(0 0 0 / 10%);
        border-radius: 10px;
        padding: 20px;
    }

    .strength .strength-list h4 {
        font-weight: 600;
        font-size: 14px;
        text-transform: uppercase;
        color: #666666;
        margin: 0 0 0 20px;
    }

    .why-us p {
        font-size: 16px;
        color: #333333;
    }

    .why-us ul {
        list-style: none;
        display: flex;
        overflow-x: auto;
        position: relative;
        scrollbar-color: #f37435 #d5a38b;
        scrollbar-width: thin;
    }

    .why-us ul li {
        display: block;
        min-width: 300px;
        padding: 3%;
        background: #f4f5f8;
        border-radius: 30px;
        margin: 2% 2% 5% 0;
    }

    .why-us .inner {
        display: flex;
        flex-direction: column;
    }

    .why-us .inner img {
        background-color: #fff;
        padding: 15px;
        box-shadow: 0 0 16px 0px rgb(160 160 160 / 50%);
        border-radius: 15px;
        width: 50px;
        height: auto;
    }

    .why-us .inner span {
        margin: 20px 0;
        font-weight: bold;
        font-size: 16px;
        color: #5e6374;
    }

    .why-us .inner p {
        font-size: 14px;
        color: #333333;
    }

    .why-us ul::-webkit-scrollbar {
        height: 5px;
        width: 80%;
    }

    .why-us ul::-webkit-scrollbar-track {
        border-radius: 20px;
        background-color: rgb(219, 219, 219);
    }

    .why-us ul::-webkit-scrollbar-thumb {
        background: #e78c60;
        border-radius: 20px;
    }

    .why-us ul::-webkit-scrollbar-thumb:hover {
        background: #f37435;
    }

    .leaders h1 {
        font-family: "Nunito";
        font-size: 45px;
        font-weight: 900;
        color: #000;
        text-align: center;
    }

    .leaders ul {
        list-style: none;
        display: flex;
        align-items: normal;
        gap: 1rem;
    }

    .leaders ul li {
        display: flex;
        align-content: center;
        align-items: center;
        margin-bottom: 5%;
        flex-direction: column;
        width: 50%;
        margin: 0 auto;
        transition: all ease 0.3s;
        border: 1px solid #e2e2e2;
        border-radius: 10px;
        padding: 20px 0;
    }
    .leaders ul li:hover{
        border: 1px solid #f37435;
    }
    .leaders ul li img {
        height: 200px;
        width: auto;
        text-align: center;
        margin: 0 auto;
        /* clip-path: circle(52%); */
        background-color: #e78c60;
        padding-top: 10px;
        border-radius: 15px;
    }

    .leaders ul li .leader-info {
        padding: 0 5%;
    }

    .leaders ul li .leader-info p {
        font-size: 15px;
        font-weight: 500;
        color: #000000;
        text-align: justify;
        padding: 0 20px;
    }
    /* About Us CSS Ends */
    /* Professors List CSS Starts */

    .prof-list-title {
        padding: 2% 0;
        text-align: center;
    }

    .prof-list-title h1 {
        font-weight: 900;
        font-size: 40px;
        text-align: center;
        color: #000;
    }

    .prof-list-title p {
        font-size: 15px;
        text-align: center;
        margin: 3% auto;
        color: #000;
        font-weight: 500;
        width: 90%;
    }

    .professors {
        border-radius: 20px;
        text-align: left;
        box-shadow: 0px 0px 0px 2px rgba(207, 207, 207, 0.75);
        -webkit-box-shadow: 0px 0px 0px 2px rgba(207, 207, 207, 0.75);
        -moz-box-shadow: 0px 0px 0px 2px rgba(207, 207, 207, 0.75);
        transition: all ease 0.5s;
    }

    .professors:hover {
        box-sizing: border-box;
        box-shadow: 0px 20px 35px rgba(161, 163, 165, 0.24);
    }

    .professors img {
        width: 100%;
        height: auto;
        border-radius: 20px 20px 0 0;
    }

    .professors .prof-details {
        padding: 8%;
    }

    .professors .prof-details h2 {
        font-weight: 600;
        font-size: 18px;
        color: #3a3680;
    }

    .professors .prof-details p {
        font-weight: 600;
        font-size: 14px;
        color: #666666;
        margin: 0;
    }

    .professors .prof-details #proff {
        text-decoration: none !important;
    }

    .professors .prof-details a {
        font-weight: bold;
        font-size: 14px;
        padding: 20px 0 0 0;
        text-decoration-line: underline;
        color: #e78c60;
        box-shadow: none;
    }
    /* Professors List CSS Ends */
    /* Demos CSS Starts */

    .demo-info {
        background: #3c3881;
        padding: 10% 0;
    }

    .demo-info h1 {
        font-weight: bold;
        font-size: 45px;
        width: 80%;
        margin: 0 auto;
        text-align: center;
        color: #ffffff;
    }

    .page-wrapper .sidebar-wrapper,
    .page-wrapper .page-content,
    #show-sidebar,
    #close-sidebar {
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        -ms-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

    .page-wrapper {
        /* height: calc(100vh - 70px); */
        /* max-height: 100%;
        min-height: 100vh; */
        position: relative;
    }

    @keyframes swing {
        0% {
            transform: rotate(0deg);
        }
        10% {
            transform: rotate(10deg);
        }
        30% {
            transform: rotate(0deg);
        }
        40% {
            transform: rotate(-10deg);
        }
        50% {
            transform: rotate(0deg);
        }
        60% {
            transform: rotate(5deg);
        }
        70% {
            transform: rotate(0deg);
        }
        80% {
            transform: rotate(-5deg);
        }
        100% {
            transform: rotate(0deg);
        }
    }

    @keyframes sonar {
        0% {
            transform: scale(0.9);
            opacity: 1;
        }
        100% {
            transform: scale(2);
            opacity: 0;
        }
    }

    .page-wrapper.toggled .sidebar-wrapper {
        left: 0px;
        clear: both;
        box-sizing: border-box;
        box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.08);
        background: #ffffff;
        padding: 0;
    }

    .full-width {
        width: 100%;
    }

    .sidebar-hide {
        width: 0;
        left: 0;
    }

    #show-sidebar {
        position: fixed;
        left: 0;
        top: 30%;
        border-radius: 0 4px 4px 0px;
        width: 45px;
        transition-delay: 0.3s;
        z-index: 99;
        padding: 10px;
        background-color: #fff;
        color: #000;
        box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
        border-radius: 0px 20px 20px 0px;
        font-size: 20px;
    }

    .page-wrapper.toggled #show-sidebar {
        left: -50px;
    }
    #filter-form::-webkit-scrollbar{
        width: 5px;
    }
    #filter-form::-webkit-scrollbar-track {
        background: #fff;
    }
    #filter-form::-webkit-scrollbar-thumb{
        background: #888;
    }
    #filter-form::-webkit-scrollbar-thumb:hover{
        background: #555;
    }
    .sidebar-wrapper {
        /* width: 20%;
        height: 100%;
        max-height: 100%;
        position: sticky;
        top: 70px;
        left: -310px;
        z-index: 10;
        float: left; */
        width: 20%;
    /* height: auto; */
    /* max-height: 100%; */
    position: sticky;
    /* top: 70px; */
    /* left: -310px; */
    z-index: 10;
    float: left;
    }

    .sidebar-wrapper a {
        text-decoration: none;
    }

    .sidebar-wrapper .sidebar-brand h5 {
        font-weight: 600;
        font-size: 18px;
        color: #000;
    }

    .sidebar-content {
        /* max-height: calc(100% - 0px);
        height: calc(100% - 0px);
        overflow-y: auto;
        position: relative; */
       /* max-height: calc(100% - 0px); */
       /* overflow-y: auto; */
       height: calc(100vh - 70px);
    position: sticky;
    /* height: 100%; */
    top: 70px;
    /* bottom: 0; */
    /* bottom: auto; */
    /* overflow-y: auto;*/
    }
    #filter-form{
        height: calc(100vh - 170px);
    overflow-y: auto;
    }
    .sidebar-content.desktop {
        overflow-y: hidden;
    }

    .sidebar-wrapper .sidebar-brand {
        padding: 20px 10px 10px 40px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .sidebar-wrapper .sidebar-brand #close-sidebar {
        cursor: pointer;
        font-size: 20px;
    }

    .page-wrapper .page-content {
        display: inline-block;
        width: 100%;
        padding-left: 0px;
        padding-top: 20px;
    }

    .page-wrapper .page-content {
        overflow-x: hidden;
        float: right;
        position: relative;
        padding-left: 0;
        left: 0;
        height: 100%;
        min-height: 100%;
        transition: all ease 0.2s;
    }

    .page-content .demo-list {
        padding: 0 2%;
    }
    #background{
        background-color: #fff;
        padding-bottom: 0px;
        z-index: 2 !important;
        /* position: fixed;
        top: 100px; */
    }
    .course_stick{
        display: flex;
        justify-content: space-between;
        z-index: 1;
        background-color: #fff;
        padding-bottom: 5px;
    }
    .course_stick .breadcrumb{
        background-color: transparent !important;
        border: 1px solid #cccccc;
        border-radius: 50px;
        padding: 5px 10px;
    }
    .page-content #search-demo,
    .b-head #search-demo {
        background: transparent;
        padding: 6px 10px;
        position: relative;
        border-radius: 25px;
        border: 1px solid #dddddd;
        width: 100%;
        outline: none;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        margin: 20px 0;
    }

    .page-content #search-demo i,
    .b-head #search-demo i {
        color: #666666;
        padding: 5px;
        font-size: 20px;
    }

    .page-content #search-demo input[type="text"],
    .page-content #search-demo input[type="search"],
    .b-head #search-demo input[type="text"] {
        border: 0;
        padding: 5px 15px;
        width: 100%;
        margin: auto;
        float: right;
        outline: none;
        background: transparent;
        /* color: #fff; */
        border-radius: 25px;
        border: none;
        box-shadow: none;
    }

    .switch-tabs .multi-tabs {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .switch-tabs ul {
        width: 70%;
        background: #f4f1f1;
        border-radius: 50px;
        margin: 0;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        float: left;
    }

    .switch-tabs ul li {
        border-radius: 50px;
        text-align: center;
        width: 100%;
    }

    .switch-tabs .nav li a {
        /* margin: 5px; */
        padding: 10px 30px;
        font-size: 12px;
        color: #999999;
        border-radius: 50px;
        transition-duration: 0.4s;
        font-weight: bold;
    }

    .switch-tabs .nav .active {
        background: #3c3881;
        box-shadow: 0px 8px 15px rgb(162 162 162 / 37%);
        border-radius: 50px;
        font-weight: bold;
        color: #fff;
    }

    .switch-tabs .sorting {
        float: right;
    }

    #demo,
    #doc {
        margin: 50px 0;
    }

    #demo .course-demo,
    #doc .doc-demo {
        text-align: left;
        box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.08);
        border-radius: 10px;
        position: relative;
        display: table;
        margin: 0 auto 30px;
    }

    #demo .row,
    #demo .row {
        flex-wrap: wrap;
    }

    #demo .col-lg-4,
    #demo .col-md-4 {
        display: flex;
    }

    #demo .course-demo a {
        position: relative;
    }

    #demo .course-demo img {
        width: 100%;
        height: auto;
        border-radius: 10px 10px 0px 0px;
    }

    #demo .course-demo i {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        text-align: center;
        color: #fff;
        background-color: transparent;
        font-size: 35px;
        display: table-cell;
        filter: drop-shadow(0.1rem 0.1rem 0.9rem rgba(0, 0, 0, 0.2));
    }

    #demo .course-demo .demo-details {
        height: auto;
    }

    #doc .doc-demo .demo-details {
        height: 130px;
    }

    #demo .course-demo .demo-details h4,
    #doc .doc-demo .demo-details h4 {
        font-weight: 600;
        font-size: 18px;
        color: #444444;
    }

    #demo .course-demo .demo-details p {
        font-weight: 500;
        font-size: 14px;
        color: #999999;
    }

    #doc .doc-demo embed {
        height: 240px;
        width: 100%;
        /*320px*/
    }

    #doc .doc-demo .demo-details p {
        font-weight: bold;
        font-size: 10px;
        text-transform: uppercase;
        color: #666666;
    }

    #doc .doc-demo .demo-details span {
        position: absolute;
        bottom: 40%;
        left: 0;
        background: #e78c60;
        border-radius: 0px 50px 50px 0px;
        font-weight: bold;
        font-size: 10px;
        text-transform: uppercase;
        color: #000;
        padding: 2px 20px;
    }
    /* Demos CSS Ends */
    /* Blog list CSS Starts */

    .blog-info {
        background: #3c3881;
        padding: 10% 0;
    }

    .b-head {
        width: 60%;
        margin: 0 auto;
    }

    .blog-info h1 {
        font-weight: bold;
        font-size: 45px;
        text-align: center;
        color: #ffffff;
    }

    .blog-info p {
        font-size: 18px;
        line-height: 30px;
        text-align: center;
        color: #ffffff;
    }

    .b-head #search-demo {
        background: #4d4997 !important;
        border: 1px solid #4439ff;
    }

    .b-head #search-demo input[type="text"]::placeholder,
    .b-head #search-demo input[type="text"],
    .b-head #search-demo i {
        color: #fff !important;
    }

    .list-of-blogs {
        padding: 5% 0;
    }

    .list-of-blogs .list-inner {
        background: #ffffff;
        border: 1px solid #eeeeee;
        box-sizing: border-box;
        box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.1);
        margin-bottom: 10%;
    }

    .list-of-blogs .list-inner a img {
        width: 100%;
        height: auto;
    }
    .list-of-blogs .list-inner a{
        text-decoration: none;
    }
    .list-of-blogs .list-inner a h4 {
        font-weight: 600;
        font-size: 20px;
        text-transform: capitalize;
        color: #333333;
    }

    .list-of-blogs .list-inner h6 {
        font-weight: 600;
        font-size: 10px;
        line-height: 152.4%;
        text-transform: capitalize;
        color: #999999;
    }

    .list-of-blogs .list-inner ul {
        list-style: none;
        display: flex;
        align-items: baseline;
        justify-content: flex-start;
        flex-direction: row;
    }

    .list-of-blogs .list-inner ul li:nth-child(2) {
        margin-left: 20px;
    }

    .list-of-blogs .list-inner ul li i {
        color: #999999;
        font-size: 12px;
        margin-right: 5px;
    }

    .list-of-blogs .list-inner ul li span {
        font-size: 12px;
        text-transform: capitalize;
        color: #000;
    }

    .list-of-blogs .list-inner p {
        font-size: 13px;
        text-transform: capitalize;
        color: #999999;
        margin-bottom: 0;
    }

    .list-ad {
        background-image: url(../images/blog-ad.png);
        padding: 40% 0;
        /* background-position: right bottom, left top; */
        background-repeat: no-repeat, repeat;
        background-position: center;
        background-size: auto;
        position: relative;
    }

    .list-ad::before {
        content: "";
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 0;
        background: linear-gradient( 207.52deg, rgba(231, 140, 96, 0.95) 0.66%, rgba(231, 96, 96, 0.95) 101.73%);
    }

    .list-ad .inner-details {
        position: relative;
        clear: both;
        z-index: 1;
    }

    .list-ad h4 {
        font-weight: bold;
        font-size: 36px;
        text-align: center;
        text-transform: capitalize;
        color: #ffffff;
    }

    .list-ad .signup {
        background-color: #fff;
        padding: 5px 20px;
        color: #e78c60;
        border-radius: 50px;
        margin: 5% auto 0;
        text-align: center;
        display: block;
        width: max-content;
        text-decoration: none;
    }
    /* Blog list CSS Ends */
    /* Blog Details CSS Starts */

    .blog_body {
        width: 80%;
        margin: 0 auto;
    }

    .blog_body .blog_header h1 {
        font-weight: 700;
        font-size: 35px;
        line-height: 53px;
        text-transform: capitalize;
        color: #333333;
    }

    .blog_body .blog_header .posted_date {
        font-weight: 600;
        font-size: 14px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        text-transform: capitalize;
        color: #999999;
    }
    .blog_body .blog_header .posted_date span{
        margin-left: 6px;
    }
    .blog_body .blog_header .blog_banner {
        width: 100%;
        height: auto;
        margin: 40px auto;
    }

    .blog_body .blog_inner_details p {
        font-size: 15px;
        line-height: 24px;
        color: #333333;
    }

    .blog_body .blog_inner_details h2 {
        font-size: 22px;
        line-height: 24px;
        color: #333333;
        font-weight: 600;
        margin-top: 30px;
    }

    .blog_body .blog_views .bl_views {
        margin-right: 20px;
    }

    .blog_body .blog_views i {
        color: #999999;
        font-size: 15px;
    }

    .blog_body .blog_views span {
        font-size: 14px;
        text-transform: capitalize;
        color: #000;
    }

    .social_counter {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .social_counter .likes{
        display: flex;
        align-items: baseline;
        cursor: pointer;
    }
    .social_counter .likes .fa-thumbs-up{
        display: none;
        color: #F59359;
        font-size: 15px;
    }
    .social_counter .likes .fa-thumbs-o-up{
        display: block;
        color: #F59359;
        font-size: 15px;
    }
    .social_counter .likes span{
        margin-left: 10px;
        font-size: 15px;
        color: #000000;
    }
    .social_counter .social_share{
        display: flex;
        align-items: center;
    }
    .social_counter .social_share a{
        text-decoration: none;
    }
    .social_counter .social_share a i{
        margin: 0 8px 0 0;
        background: #000000;
        color: #fff;
        font-size: 12px;
        width: 25px;
        height: 25px;
        border-radius: 50px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .blog_inner_details .topics ul{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        list-style: none;
    }
    .blog_inner_details .topics ul li{
        margin-right: 10px;
        margin-bottom: 25px;
    }
    .blog_inner_details .topics ul li span{
        font-weight: 600;
font-size: 14px;
text-transform: capitalize;
color: #666666;
background: #DFE2EF;
border-radius: 50px;
padding: 10px 15px;
    }
    .articles .article_title{
        font-weight: 600;
font-size: 20px;
text-transform: capitalize;
color: #000000;
margin: 30px 0 20px;
    }
    .related_blogs{
        margin-bottom: 20px;
    }
    .related_blogs .rel_img img{
        width: 100%;
        height: auto;
    }
    .related_blogs .rel_details a{
        text-decoration: none;
    }
    .related_blogs .rel_details a h5{
        font-weight: 500;
font-size: 15px;
line-height: 24px;
text-transform: capitalize;
color: #000000;
    }
    .related_blogs .rel_details a p{
        font-size: 15px;
text-transform: capitalize;
color: #666666;
margin: 0;
    }
    .articles .view_all{
        color: #fff;
    background-color: #f58457;
    border-color: #f58457;
    width: max-content;
    padding: 5px 25px;
    border-radius: 50px;
    font-weight: 600;
    display: block;
    margin: 0 auto;
    }
    /* Blog Details CSS Ends */
    /* Contact CSS Starts */

    .contact-info {
        background: #3c3881;
        /* background: url(../images/bg-tnc.png); */
        padding: 1% 0;
        /* background-position: right bottom, left top; */
        background-repeat: no-repeat, repeat;
        background-position: center;
        background-size: cover;
        /* box-shadow: inset 0 0 0 2000px #3c3881d7; */
    }

    .contact-info h1 {
        font-weight: 900;
        font-size: 45px;
        text-align: center;
        color: #ffffff;
        margin: 0 auto;
    }

    .contact-details {
        clear: both;
        background-color: #f4f3f6;
        border-radius: 15px;
        margin: 50px auto 70px;
        width: 90%;
    }
    .contact-details .row .col-lg-5{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .c-info {
        padding: 10% 0 0 10%;
    }

    .c-info h1,
    .c-form h1 {
        font-family: "Nunito";
        font-style: normal;
        font-weight: normal;
        font-size: 40px;
        color: #333333;
        margin-bottom: 30px;
        font-weight: bold;
    }

    .c-form .form-group label{
        font-weight: 500;
    }
    .c-info .info-box h6 {
        font-weight: 500;
        font-size: 20px;
        color: #686565;
    }

    .c-info .info-box {
        position: relative;
        margin-top: 24px;
        border: 2px solid black;
        border-radius: 30px;
        padding: 20px;
        position: relative;
        margin-bottom: 45px;
        background-color: #fff;
    }
    .info-box h2{
        font-weight: bold;
        font-size: 24px;
        position: absolute;
        top: -16px;
        left: 0;
        right: 0;
        margin: auto;
        text-align: center;
        width: max-content;
        z-index: 10;
        padding: 0 5px;
    }
    .info-box h2::before {
        content: "";
        position: absolute;
        top: 12px;
        left: 0;
        right: 0;
        height: 5px;
        margin: auto;
        text-align: center;
        width: 100%;
        background: #f4f3f6;
        z-index: -1;
        
    }
   
    .c-info .info-box ul {
        list-style: none;
        margin-bottom: 0;
    }

    .c-info .info-box ul li {
        display: flex;
        justify-content: flex-start;
        margin-bottom: 2px;
    }

    .c-info .info-box ul li img {
        height: 28px;
        width: auto;
        
    }
    .qrcode img{
        width: 80%;
        height: auto;
        margin: 20px auto;
        display: block;
    }
    .qr_info{
        font-size: 16px ;
        text-align: center;
        font-weight: bold;
    }


    .c-info .info-box ul li p,.c-info .info-box ul li a {
        margin-left: 5px;
        font-size: 13px;
        margin-top: 3px;
        color: #000;
        text-decoration: none;
        margin-bottom: 0;
        font-weight: 500;
    }

    .info-box .map {
        font-weight: 600;
        font-size: 15px;
        display: block;
        text-align: center;
        text-decoration-line: underline;
        color: #333333;
        margin-top: 10px;
        font-family: 'Nunito';
        font-style: italic;
    }


    .bank-detail{
        margin-top: 24px;
        border: 2px solid black;
        border-radius: 30px;
        padding: 20px;
        position: relative;
        margin-bottom: 45px;
        background-color: #fff;
    }


    .bank-detail h2{
        font-weight: bold;
        font-size: 24px;
        position: absolute;
        top: -16px;
        left: 0;
        right: 0;
        margin: auto;
        text-align: center;
        width: max-content;
        z-index: 10;
        padding: 0 5px;
    }
    .bank-detail h2::before{
        content: "";
        position: absolute;
        top: 12px;
        left: 0;
        right: 0;
        height: 5px;
        margin: auto;
        text-align: center;
        width: 100%;
        background: #f4f3f6;
        z-index: -1;
        
    }

    .bank-detail ul{
        list-style: none;
    }

    .bank-detail ul li{
        padding: 6px;
        font-weight: 700;
    }
    .bank-detail ul li span{
        color:#504a88 ;
        font-weight: bold;
    }

    .c-line {
        width: 2px;
        height: 100%;
        overflow: hidden;
        background-color: #dddddd;
        margin: 0 auto;
    }

    .c-form {
        padding: 4% 0 0 10%;
        position: relative;
        display: inline-block;
        width: 100%;
    }

    .c-form input,
    .c-form input {
        box-sizing: border-box;
        display: block;
        width: 100%;
        border: 1px solid rgb(209, 209, 209) !important;
        padding: 10px;
        outline: 0;
        font-family: inherit;
        font-size: 12px;
        background: #fff;
        color: #555;
        border-radius: 5px;
    }

    .c-form textarea {
        margin: 0;
        min-height: 120px;
        padding: 10px;
        width: 100%;
        border-radius: 5px;
        border: 1px solid rgb(209, 209, 209) !important;
        outline: none;
        resize: none;
    }

    .c-form button {
        background: #e78c60;
        border-radius: 30px;
        margin: auto;
        font-weight: bold;
        font-size: 15px;
        color: #000;
        padding: 10px 45px;
        border: none;
        min-width: 100px;
        outline: none;
        display: block;
        margin-bottom: 20px;
        text-align: center;
        cursor: pointer;
    }
    /* Contact CSS Ends */
    /* Home Dashboard CSS Starts */

    #dashboard_sidebar {
        /* margin-top: 40px; */
        overflow: hidden;
    }

    #dashboard_sidebar .page-content {
        background-color: #f8f9fe;
        padding-top: 20px;
        /* overflow: hidden; */
    }

    #dashboard_sidebar>.sidebar-wrapper {
        /* position: fixed !important; */
        /* top: 30px; */
        box-shadow: none !important;
        min-height: 100vh;
        height: 100%;
    }
    #dashboard_sidebar .sidebar-content{
        top: 0 !important;
    }
    #dashboard_sidebar .sidebar-brand {
        padding: 10px 10px 10px 40px;
    }

    #dashboard_sidebar .sidebar-brand h5 {
        font-size: 15px;
        margin: 0;
    }

    #dashboard_sidebar .sidebar-brand h5>span {
        font-size: 15px;
        padding-right: 5px;
        color: #999999;
    }

    #dashboard_sidebar .sidebar-content>ul {
        list-style: none;
        /* margin-bottom: 50px; */
    }

    #dashboard_sidebar .sidebar-content>ul li a {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding: 15px 10px 15px 40px;
        cursor: pointer;
        transition: ease all 0.2s;
    }

    #dashboard_sidebar .sidebar-content>ul .active,
    #dashboard_sidebar .sidebar-content>ul li:hover {
        background: #F4F3F3;
        border-left: 5px solid #E78C60;
        transition: all ease 0.3s;
    }

    #dashboard_sidebar .sidebar-content>ul li a svg {
        width: 25px;
        height: auto;
        margin-right: 10px;
        fill: #C4C4C4;
    }

    #dashboard_sidebar .sidebar-content>ul .active a svg,
    #dashboard_sidebar .sidebar-content>ul li:hover a svg {
        fill: #E78C60 !important;
    }

    #dashboard_sidebar .sidebar-content>ul li a h6 {
        margin: 0;
        font-weight: 500;
        font-size: 14px;
        text-align: center;
        color: #333333;
    }

    #main_dashboard {
        padding: 20px 40px;
        min-height: 100vh;
        height: 100%;
    }

    #main_dashboard .welcome {
        padding: 20px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        background-image: repeating-linear-gradient(-45deg, #8a86da 0px, #8a86da 15px, #6e68d3 15px, #6e68d3 30px);
        border-radius: 10px;
    }

    #main_dashboard .welcome .wel-inner {
        display: flex;
        align-items: baseline;
        justify-content: flex-start;
    }

    #main_dashboard .welcome h4,
    #main_dashboard .welcome h6 {
        font-style: italic;
        font-weight: 600;
        font-size: 16px;
        text-align: left;
        color: #ffffff;
    }

    #main_dashboard .welcome .wel-inner img {
        width: 30px;
        height: auto;
        padding-left: 10px;
    }

    .overview {
        margin: 40px 0;
    }

    .overview .row .col-lg-3,
    .overview .row .col-md-6 {
        display: flex;
    }

    .overview>h1 {
        font-weight: 600;
        font-size: 16px;
        margin-bottom: 20px;
        text-align: left;
        color: #333333;
    }

    #progress,
    #c_courses,
    #watch_time,
    #total_purchased {
        padding: 15px;
        border-radius: 10px;
        background-color: #fff;
        overflow: hidden;
        position: relative;
        z-index: 1;
        width: 100%;
        height: 100%;
        min-height: 130px;
    }

    #progress::before {
        content: "";
        background-color: #EBFFF0;
        border-radius: 50px;
        position: absolute;
        right: -15px;
        bottom: -15px;
        width: 70px;
        height: 70px;
        z-index: -1;
    }

    #progress::after {
        content: "";
        background-color: #EBFFF0;
        border-radius: 50px;
        position: absolute;
        right: 50px;
        bottom: 45px;
        width: 35px;
        height: 35px;
        z-index: -1;
    }

    #c_courses::before {
        content: "";
        background-color: #FFF7F3;
        border-radius: 50px;
        position: absolute;
        right: -15px;
        bottom: -15px;
        width: 90px;
        height: 90px;
        z-index: -1;
    }

    #c_courses::after {
        content: "";
        background-color: #FFF7F3;
        border-radius: 50px;
        position: absolute;
        right: 80px;
        bottom: 5px;
        width: 35px;
        height: 35px;
        z-index: -1;
    }

    #watch_time::before {
        content: "";
        background-color: #F4F6FE;
        border-radius: 50px;
        position: absolute;
        right: -15px;
        bottom: -15px;
        width: 100px;
        height: 100px;
        z-index: -1;
    }

    #watch_time::after {
        content: "";
        background-color: #F4F6FE;
        border-radius: 50px;
        position: absolute;
        right: 80px;
        bottom: 75px;
        width: 35px;
        height: 35px;
        z-index: -1;
    }

    #total_purchased::before {
        content: "";
        background-color: #FFEBEB;
        border-radius: 50px;
        position: absolute;
        right: -15px;
        bottom: -15px;
        width: 110px;
        height: 110px;
        z-index: -1;
    }

    #total_purchased::after {
        content: "";
        background-color: #FFEBEB;
        border-radius: 50px;
        position: absolute;
        right: 80px;
        bottom: 75px;
        width: 35px;
        height: 35px;
        z-index: -1;
    }

    .overview-list h5 {
        font-weight: 600;
        font-size: 16px;
        text-align: left;
        color: #666666;
    }

    .overview-list .overv-inner {
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: absolute;
        bottom: 10px;
        left: 15px;
        right: 15px;
    }

    .overview-list .overv-inner h1 {
        font-weight: 600;
        font-size: 25px;
        text-align: left;
        color: #333333;
    }

    .overview-list .overv-inner h1 span {
        font-size: 16px;
        /* padding-left: 5px; */
    }

    .overview-list .overv-inner img {
        width: 45px;
        height: auto;
    }

    .dash_all_courses .all_course_title,
    .dash_study_plans .study_plans_title {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .dash_all_courses .all_course_title h1,
    .dash_study_plans .study_plans_title h1 {
        font-weight: 600;
        font-size: 16px;
        text-align: center;
        color: #333333;
        margin: 0;
    }

    .dash_all_courses .all_course_title select,
    .dash_study_plans .study_plans_title select {
        border: none;
        background: transparent;
        outline: none;
        font-weight: 500;
        font-size: 14px;
        text-align: right;
        color: #333333;
        cursor: pointer;
    }

    .dash_all_courses .all_course_title select option,
    .dash_study_plans .study_plans_title select option {
        text-align: left;
        cursor: pointer;
    }

    .dash_all_courses .all_courses_search {
        background: #fff;
        padding: 6px 10px;
        position: relative;
        border-radius: 10px;
        border: 1px solid #dddddd;
        width: 100%;
        outline: none;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        margin: 20px 0;
    }

    .dash_all_courses .all_courses_search i {
        color: #666666;
        padding: 5px;
        font-size: 20px;
    }

    .dash_all_courses .all_courses_search input[type="search"] {
        border: 0;
        padding: 5px 15px;
        width: 100%;
        margin: auto;
        float: right;
        outline: none;
        background: #fff;
        border-radius: 25px;
    }

    .dash_course_list ul {
        list-style: none;
        margin: 0;
        display: flex;
        flex-direction: column;
        background: #fff;
        padding: 0 10px;
        border: 1px solid #EEEEEE;
        box-sizing: border-box;
        border-radius: 10px;
    }

    .dash_course_list ul li {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 15px 0;
        border-bottom: 1px solid #eee;
    }

    .dash_course_list ul>li:last-child {
        border-bottom: none
    }

    .dash_all_courses .dash_course_list ul button {
        padding: 10px;
        box-shadow: none;
        text-align: center;
        margin: 0 auto;
        display: block;
        text-transform: capitalize;
        font-size: 14px;
        color: #4B88FF;
        background: #fff;
    }

    .dash_course_list ul li .dash_course_details {
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    .dash_course_list ul li a {
        font-size: 14px;
        color: #333333;
        /* padding-right: 10px; */
        transition: all ease 0.2s;
    }

    .dash_course_list ul li:hover a,
    .dash_course_list ul li:hover .dash_course_details .course_details_outer .course_details_inner h2 {
        color: #E78C60;
    }

    .dash_course_list ul li .dash_course_details .course_details_outer {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .dash_course_list ul li .dash_course_details .course_details_outer .outer_image {
        min-width: 80px;
        width: 80px;
        height: 50px;
        overflow: hidden;
        margin-right: 15px;
    }

    .dash_course_list ul li .dash_course_details .course_details_outer .outer_image img {
        width: 100%;
        height: auto;
        object-fit: cover;
    }

    .dash_course_list ul li .dash_course_details .course_details_outer .course_details_inner {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .dash_course_list ul li .dash_course_details .course_details_outer .course_details_inner a {
        text-decoration: none;
    }

    .dash_course_list ul li .dash_course_details .course_details_outer .course_details_inner h2 {
        font-weight: 600;
        font-size: 14px;
        color: #333333;
        padding-right: 10px;
    }

    .dash_course_list ul li .dash_course_details .course_details_outer .course_details_inner .course_details_sub_inner {
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    .dash_course_list ul li .dash_course_details .course_details_outer .course_details_inner .course_details_sub_inner h4 {
        font-size: 12px;
        color: #333333;
        margin: 0;
    }

    .dash_course_list ul li .dash_course_details .course_details_outer .course_details_inner .course_details_sub_inner h4:first-child {
        min-width: 120px;
        width: 120px;
    }

    .dash_course_list ul li .dash_course_details .course_details_outer .course_details_inner .course_details_sub_inner h4 i {
        background: #E78C60;
        color: #fff;
        font-size: 8px;
        margin-right: 5px;
        min-width: 16px;
        width: 16px;
        height: 16px;
        line-height: 16px;
        text-align: center;
        border-radius: 50px;
        padding-left: 2px;
    }

    .dash_course_list ul li .dash_course_details .course_details_outer .course_details_inner .course_details_sub_inner span {
        width: 2px;
        background: #ddd;
        height: 15px;
        margin: 0 10px;
    }

    .dash_course_list ul li .dash_course_details .course_details_outer .course_details_inner .course_details_sub_inner .sub_inner_time {
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    .dash_course_list ul li .dash_course_details .course_details_outer .course_details_inner .course_details_sub_inner .sub_inner_time img {
        font-size: 14px;
        margin-right: 5px;
        min-width: 18px;
        width: 18px;
        height: 18px;
        line-height: 18px;
        text-align: center;
        border-radius: 50px;
    }

    .dash_course_list ul li .dash_course_details .course_details_outer .course_details_inner .course_details_sub_inner .sub_inner_time h4 {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        margin: 0;
        font-size: 12px;
        color: #333333;
    }

    .dash_course_list ul li .dash_course_details .course_details_outer .course_details_inner .course_details_sub_inner .sub_inner_time h4 p {
        margin: 0;
    }

    .dash_study_plans table {
        background: #fff;
        margin-top: 20px;
        border-radius: 10px;
        border: none;
        margin-bottom: 0;
    }

    .dash_study_plans table th {
        font-weight: 600;
        font-size: 14px;
        padding: 0.7rem;
        color: #333333;
    }

    .dash_study_plans table tbody tr {
        font-size: 14px;
        color: #333333;
    }

    .dash_study_plans table tbody tr td {
        padding: 0.7rem;
    }

    .dash_study_plans table tbody tr td {
        vertical-align: middle
    }

    .dash_study_plans table tbody tr td img {
        cursor: pointer;
    }

    .dash_study_plans table tbody tr:nth-child(odd) {
        background: #F4F6F8;
        border-top: 1px solid #DDDDDD;
        border-bottom: 1px solid #DDDDDD;
    }

    .dash_study_plans button,
    .dash_study_plans button:hover {
        padding: 10px;
        box-shadow: none;
        text-align: center;
        margin: 0 auto;
        display: block;
        text-transform: capitalize;
        font-size: 14px;
        color: #4B88FF;
        background: #fff;
        border: none;
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
        outline: none;
        width: 100%;
    }

    .dash_study_plans button:focus {
        box-shadow: none;
    }
    /* Home Dashboard CSS Ends */
    /* My Courses Dashboard CSS Ends */

    .total_purchased_title {
        font-weight: 600;
        font-size: 16px;
        text-align: left;
        margin-bottom: 30px;
        color: #333333;
    }

    .total-info .total_list {
        background: #FFFFFF;
        box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.04);
        border-radius: 10px;
        padding: 25px 15px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative;
        z-index: 1;
        overflow: hidden;
    }

    .total-info .total_list h2 {
        font-weight: 600;
        font-size: 18px;
        color: #666666;
        margin: 0;
        text-align: left;
    }

    .total-info .total_list .total_list_number {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .total-info .total_list .total_list_number h4 {
        font-weight: 600;
        font-size: 22px;
        text-align: center;
        color: #333333;
        padding-right: 15px;
        margin: 0;
    }

    .total-info .total_list .total_list_number img {
        width: 35px;
        height: auto;
    }

    .total-info .purchased::before {
        content: '';
        position: absolute;
        right: 40px;
        bottom: -50px;
        width: 100px;
        height: 100px;
        z-index: -1;
        background: #FFEBEB;
        border-radius: 100px;
    }

    .total-info .purchased::after {
        content: '';
        position: absolute;
        right: 140px;
        bottom: 25px;
        width: 36px;
        height: 36px;
        z-index: -1;
        background: #FFEBEB;
        border-radius: 100px;
    }

    .total-info .completed::before {
        content: '';
        position: absolute;
        right: 30px;
        bottom: -35px;
        width: 100px;
        height: 100px;
        z-index: -1;
        background: #FFF7F3;
        border-radius: 100px;
    }

    .total-info .completed::after {
        content: '';
        position: absolute;
        right: 140px;
        bottom: -15px;
        width: 36px;
        height: 36px;
        z-index: -1;
        background: #FFF7F3;
        border-radius: 100px;
    }

    .inner_search {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-direction: row;
        flex-wrap: wrap;
        margin: 50px 0 25px;
    }

    .inner_search #search-demo {
        margin: 0 10px 10px 0 !important;
        width: 50% !important;
        background-color: #fff;
    }

    .inner_search select {
        margin: 0 10px 10px 0 !important;
        width: max-content;
        background-color: #fff;
        padding: 11px 10px;
        border-radius: 25px;
        font-size: 14px;
        border: 1px solid #dddddd;
    }
    .inner_search .btn,.select_options .btn{
        border-radius: 50px;
        font-size: 12px;
        margin-bottom: 10px;
        padding: 10px 15px;
        box-shadow: none;
        color: #fff;
    background-color: #6c757d !important;
    border-color: #6c757d !important;
    }
    .select_options .btn{
        margin-bottom: 0px !important;
    }
    .inner_search select:focus {
        outline: none;
    }

    .dash_courses {
        background: #fff;
        border-radius: 10px;
        margin-top: 20px;
        box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.05);
        position: relative;
        width: 100%;
    }

    .dash_courses a img {
        width: 100%;
        height: auto;
        border-radius: 10px 10px 0 0;
    }

    .dash_courses .dash_courses_details {
        padding: 15px;
    }

    .dash_courses .dash_courses_details h4 {
        font-weight: 600;
        font-size: 14px;
        color: #333333;
        min-height: 35px;
    }

    .dash_courses .dash_courses_details h4 a {
        color: #333333;
    }

    .dash_courses .dash_courses_details h6 {
        font-size: 12px;
        color: #333333;
    }

    .dash_courses .dash_courses_details .dash_inner_timing .language_display {
        margin-bottom: 15px;
    }

    .dash_courses .dash_courses_details .dash_inner_timing .language_display i {
        color: #e78c60 !important;
        font-size: 16px;
    }

    .dash_courses .dash_courses_details .dash_inner_timing .language_display span {
        font-weight: bold;
        font-size: 13px;
        line-height: 16px;
        color: #999999;
        margin-left: 5px;
    }

    .dash_courses .dash_courses_details .dash_inner_timing .language_display .english {
        color: #e78c60 !important;
        font-weight: bold;
    }

    .dash_courses .dash_courses_details .dash_inner_timing .language_display .hindi {
        color: #2E77FF !important;
        font-weight: bold;
    }

    .dash_courses .dash_courses_details .dash_inner_timing .language_display .both {
        color: #9460e7 !important;
        font-weight: bold;
    }

    .dash_courses .dash_courses_details .dash_inner_timing ul {
        list-style: none;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    .dash_courses .dash_courses_details .dash_inner_timing {
        margin-top: 20px;
    }

    .dash_courses .dash_courses_details .dash_inner_timing ul li {
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    .dash_courses .dash_courses_details .dash_inner_timing ul li img {
        width: 14px;
        height: 14px;
    }

    .dash_courses .dash_courses_details .dash_inner_timing ul li p {
        font-size: 12px;
        padding-left: 5px;
        color: #333333;
        margin: 0;
    }

    .dash_courses .dash_courses_details .dash_inner_timing ul li span {
        width: 2px;
        height: 15px;
        margin: 0 10px;
        background: #ddd;
    }

    .dash_courses .progress {
        height: 8px;
        border-radius: 10px;
    }

    .dash_courses .progress_label {
        font-weight: 500;
        font-size: 10px;
        color: #666666;
        margin-top: 5px;
    }

    .dash_courses .dash_courses_details .write_review {
        margin-top: 20px;
        height: 30px;
    }

    .dash_courses .dash_courses_details .write_review button {
        position: absolute;
        bottom: 10px;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 90%;
        transition: all ease 0.3s;
        font-size: 10px;
        border: none;
        text-transform: capitalize;
    }

    .dash_courses .dash_courses_details:hover .write_review button {
        background-color: #e78c60 !important;
        font-weight: bold;
        color: #000;
    }

    #my_courses_lists .row .col-lg-3,
    #my_courses_lists .row .col-md-6 {
        display: flex;
    }
    /* review ratings */

    #review_modal .modal-content {
        border: none !important;
    }

    #review_modal .modal-body {
        padding: 20px;
    }

    #review_modal .modal-body .close {
        position: absolute;
        right: 15px;
        top: 10px;
    }

    #review_modal .feedback .ratings {
        display: flex;
        width: 100%;
        justify-content: center;
        overflow: hidden;
        flex-direction: row-reverse;
        position: relative;
        margin-top: 30px;
    }

    #review_modal .feedback .ratings-0 {
        filter: grayscale(100%);
    }

    #review_modal .feedback .ratings>input {
        display: none;
    }

    #review_modal .feedback .ratings>label {
        cursor: pointer;
        width: 40px;
        height: 40px;
        background-image: url("../images/dashboard/gray_star.svg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 76%;
        transition: 0.3s;
    }

    #review_modal .feedback .ratings>input:checked~label,
    #review_modal .feedback .ratings>input:checked~label~label {
        background-image: url("../images/dashboard/gold_star.svg");
    }

    #review_modal .feedback .ratings>input:not(:checked)~label:hover,
    #review_modal .feedback .ratings>input:not(:checked)~label:hover~label {
        background-image: url("../images/dashboard/dark_star.svg");
    }

    #review_modal .modal-title {
        font-weight: 600;
        font-size: 18px;
        line-height: 22px;
        color: #333333;
        text-align: center;
        margin-top: 20px;
    }

    #review_modal input[type="text"] {
        background: #e7e7e7;
        padding: 10px;
        position: relative;
        border-radius: 10px;
        border: none;
        width: 100%;
        outline: none;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        margin: 20px 0;
        font-size: 14px;
        font-weight: 600;
        color: #5c5c5c;
    }

    #review_modal textarea {
        background: #e7e7e7;
        padding: 10px;
        position: relative;
        border-radius: 10px;
        border: none;
        width: 100%;
        outline: none;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        margin: 20px 0;
        font-size: 14px;
        font-weight: 400;
        color: #5c5c5c;
    }

    #review_modal .btn {
        background: #e78c60;
        border-radius: 50px;
        color: #000;
        margin: 0 auto;
        text-align: center;
        width: max-content;
        font-weight: bold;
        display: block;
        border: none;
        box-shadow: none;
        padding: 5px 30px;
    }
    /* review ratings */
    /* My Courses Dashboard CSS Ends */
    /* My Courses Details Dashboard CSS Starts */

    .my_course_details_dashboard .subject_heading {
        font-weight: 600;
        font-size: 14px;
        margin-bottom: 25px;
        color: #333333;
    }

    .my_course_details_dashboard .lecture_name h6 {
        font-weight: bold;
        font-size: 18px;
        text-transform: capitalize;
        color: #333333;
        margin: 20px 0;
    }

    .my_course_details_dashboard .course_content {
        position: fixed;
        right: 0;
        /* top: 64px; */
        top: 110px;
        width: 400px;
        height: calc(90% - 50px);
        overflow-y: auto;
        background-color: #fff;
        box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
        z-index: 100;
    }

    .my_course_details_dashboard .course_content .content_header {
        padding: 15px;
    }

    .my_course_details_dashboard .course_content .content_header .content_title {
        font-weight: 600;
        font-size: 18px;
        color: #333333;
    }

    .my_course_details_dashboard .course_content .content_header .content_list {
        display: flex;
        align-items: center;
        justify-self: flex-start;
    }

    .my_course_details_dashboard .course_content .content_list h6 {
        font-weight: 500;
        font-size: 15px;
        margin: 0;
        color: #999999;
    }

    .my_course_details_dashboard .course_content .content_list span {
        width: 2px;
        background-color: #999999;
        height: 18px;
        margin: 0 10px;
    }

    .my_course_details_dashboard .course_accordion .item {
        border-bottom: 1px solid #ddd;
    }

    .my_course_details_dashboard .course_accordion .item:last-child {
        border-bottom: none;
    }

    .course_accordion .btn-link {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        border: none;
        box-shadow: none;
        text-decoration: none;
        color: #949494;
        padding: 15px;
        /* border-bottom: 1px solid #ddd; */
    }
    #course_child{
        padding: 0;
        background-color: #f5f4f8;
    }
    #course_child .card{
       border: none !important;
    }
    #course_child .card .card-body{
       padding: 0 !important;
    }
    #course_child .card .card-header{
        background-color: rgb(253 236 228) !important;
    }
    #course_child .card .card-header .btn-link {
        padding:15px !important;
    }
    #course_child .card .card-header .btn-link h5{
        font-weight: 600;
        font-size: 15px;
        color: #333333;
        text-align: left;
        margin:0 10px 0 0;
    }
    .course_accordion .item-header button.btn.btn-link i, #course_child .card-header button.btn.btn-link i {
        transform: rotate( 0deg);
        transition: 0.2s;
    }

    .course_accordion .item-header button.btn.btn-link.collapsed i,#course_child .card-header button .btn.btn-link .collapsed i {
        transform: rotate( 0deg);
    }

    .course_accordion .course_accord_list {
        display: flex;
        flex-direction: column;
    }

    .course_accordion .course_accord_list h2 {
        font-weight: 600;
        font-size: 15px;
        color: #333333;
        text-align: left;
    }

    .course_accordion .course_accord_list .accord_list_inner ul {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        list-style: none;
        margin: 0;
    }

    .course_accordion .course_accord_list .accord_list_inner ul li {
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    .course_accordion .course_accord_list .accord_list_inner ul li img,
    .course_accordion .item .course_modules .inner_module .module_diff .lecture_list .lecture_head .module_views li img {
        width: 13px;
        margin-right: 5px;
        height: auto;
    }

    .course_accordion .course_accord_list .accord_list_inner ul li h6,
    .course_accordion .item .course_modules .inner_module .module_diff .lecture_list .lecture_head .module_views li h6 {
        font-weight: 500;
        font-size: 12px;
        margin: 0;
        color: #929CB0;
    }

    .course_accordion .course_accord_list .accord_list_inner ul li span,
    .course_accordion .item .course_modules .inner_module .module_diff .lecture_list .lecture_head .module_views li span {
        background-color: #ddd;
        width: 2px;
        height: 12px;
        margin: 0 10px;
    }

    .my_course_details_dashboard .course_accordion .item .course_modules {
        /* padding: 15px; */
        background: #F5F4F8;
    }

    .course_accordion .item .course_modules .inner_module .module_title {
        font-weight: 800;
        font-size: 14px;
        text-transform: uppercase;
        color: #666666;
        background: #E3E2EC;
        padding: 15px 15px 15px 77px;
    }

    .course_accordion .item .course_modules .inner_module .module_diff {
        list-style: none;
        margin: 0;
    }

    .course_accordion .item .course_modules .inner_module .module_diff .played .play {
        visibility: hidden;
        padding: 0 20px;
    }

    .course_accordion .item .course_modules .inner_module .module_diff .lecture_list a {
        text-decoration: none;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        position: relative;
        z-index: 0;
    }

    .course_accordion .item .course_modules .inner_module .module_diff .lecture_list .play,
    .course_accordion .item .course_modules .inner_module .module_diff .play_next .play {
        visibility: hidden;
        transition: ease all 0.1s;
    }

    .course_accordion .item .course_modules .inner_module .module_diff .lecture_list:hover .play,
    .course_accordion .item .course_modules .inner_module .module_diff .continue .play {
        visibility: visible !important;
    }

    .course_accordion .item .course_modules .inner_module .module_diff .lecture_list {
        /* display: flex;
        align-items: center;
        justify-content: flex-start; */
    }

    .course_accordion .item .course_modules .inner_module .module_diff .played .last_played,
    .course_accordion .item .course_modules .inner_module .module_diff .play_next .last_played {
        display: none;
    }
    /* .course_accordion .item .course_modules .inner_module .module_diff .continue .play {
        visibility: visible;
    } */

    .course_accordion .item .course_modules .inner_module .module_diff .lecture_list .play {
        visibility: hidden;
        padding: 0 20px;
    }

    .course_accordion .item .course_modules .inner_module .module_diff .lecture_list .lecture_head {
        padding: 15px 0;
        border-bottom: 1px solid #ddd;
        width: 100%;
    }

    .course_accordion .item .course_modules .inner_module .module_diff .lecture_list .lecture_head .last_played {
        font-weight: bold;
        font-size: 12px;
        line-height: 15px;
        color: #58CEA4;
        text-transform: capitalize;
        margin: 0;
    }

    .course_accordion .item .course_modules .inner_module .module_diff .lecture_list .lecture_head .lec_title {
        font-weight: 500;
        font-size: 16px;
        color: #333333;
    }

    .course_accordion .item .course_modules .inner_module .module_diff .lecture_list .lecture_head .module_views {
        list-style: none;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    .course_accordion .item .course_modules .inner_module .module_diff .lecture_list .lecture_head .module_views li {
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    .course_accordion .item .course_modules .inner_module .module_diff .played .lecture_head {
        opacity: 0.6;
    }

    .course_switch .nav-item {
        margin-right: 10px;
    }

    .course_switch .nav-link.active,
    .course_switch .show>.nav-link {
        color: #000;
        background-color: #F59359;
        border-radius: 20px;
        font-weight: 600;
        font-size: 14px;
    }

    .course_switch .nav-link:hover {
        color: #000;
        background-color: #F59359;
        border-radius: 20px;
        font-weight: 600;
        font-size: 14px;
        transition: all ease 0.5s;
    }

    .course_switch .nav-link {
        border-radius: 20px;
        font-weight: 600;
        font-size: 14px;
        color: #333333;
    }

    #my_notes .form-group label,
    #my_question .form-group label {
        font-weight: 500;
        font-size: 14px;
        color: #1b1b1b;
    }

    #my_notes .form-group textarea,
    #my_question .form-group textarea {
        font-weight: 500;
        font-size: 14px;
        color: #333333;
        padding: 10px;
        width: 100%;
        border-radius: 5px;
        border: 1px solid #ced4da;
        outline: none;
    }

    #my_notes .btn,
    #my_question .btn {
        background: #E78C60;
        border-radius: 100px;
        font-weight: bold;
        font-size: 15px;
        color: #000;
        min-width: 110px;
    }

    #notes_my_proff ul,
    #my_question ul,
    #my_notes ul {
        list-style: none;
        height: 300px;
        overflow-y: auto;
    }

    #notes_my_proff ul li,
    #my_question ul li,
    #my_notes ul li {
        margin-bottom: 20px;
        position: relative;
        padding-left: 20px;
        border-left: 3px solid #DFDFDF;
        width: 97%;
        margin: 0 auto;
        padding-bottom: 20px;
    }

    #notes_my_proff ul li:last-child,
    #my_question ul li:last-child,
    #my_notes ul li:last-child {
        padding-bottom: 0;
    }

    #notes_my_proff ul li::before,
    #my_question ul li::before,
    #my_notes ul li::before {
        content: "";
        position: absolute;
        left: -9px;
        top: 0;
        background: #2E77FF;
        width: 14px;
        min-width: 14px;
        height: 14px;
        border-radius: 50px;
    }

    #notes_my_proff ul li .list-header,
    #my_question ul li .list-header,
    #my_notes ul li .list-header,
    #my_question ul li .answer-section {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
    }

    #notes_my_proff ul li .list-header h6,
    #my_question ul li .list-header h6,
    #my_notes ul li .list-header h6,
    #my_question ul li .answer-section h6 {
        font-weight: bold;
        font-size: 15px;
        color: #666666;
    }

    #notes_my_proff ul li .list-header .header-right,
    #my_question ul li .list-header .header-right,
    #my_notes ul li .list-header .header-right,
    #my_question ul li .answer-section .answer-time {
        font-size: 10px;
        color: #666666;
        padding-right: 10px;
    }
    #my_question ul li .list-header .header-right span,
    #my_question ul li .answer-section span{
        font-weight: bold;
    font-size: 12px;
    color: #666666;
    }
    #my_question ul li .answer-content{
        border-bottom: 1px solid #ccc;
        padding-bottom: 10px;
    margin-bottom: 0;
    }
    #notes_my_proff ul li p,
    #my_question ul li p,
    #my_notes ul li p {
        font-size: 14px;
        color: #333333;
    }

    #notes_my_proff ul::-webkit-scrollbar,
    #my_question ul::-webkit-scrollbar,
    #my_notes ul::-webkit-scrollbar,
    .my_course_details_dashboard .course_content::-webkit-scrollbar {
        width: 10px;
    }

    #notes_my_proff ul::-webkit-scrollbar-track,
    #my_question ul::-webkit-scrollbar-track,
    #my_notes ul::-webkit-scrollbar-track,
    .my_course_details_dashboard .course_content::-webkit-scrollbar-track {
        background: #d1d1d1;
    }

    #notes_my_proff ul::-webkit-scrollbar-thumb,
    #my_question ul::-webkit-scrollbar-thumb,
    #my_notes ul::-webkit-scrollbar-thumb,
    .my_course_details_dashboard .course_content::-webkit-scrollbar-thumb {
        background: #888;
    }

    #notes_my_proff ul::-webkit-scrollbar-thumb:hover,
    #my_question ul::-webkit-scrollbar-thumb:hover,
    #my_notes ul::-webkit-scrollbar-thumb:hover,
    .my_course_details_dashboard .course_content::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

    .test_paper {
        background: #FFFFFF;
        border: 1px solid #EEEEEE;
        box-sizing: border-box;
        border-radius: 10px;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        padding: 20px;
        margin-bottom: 15px;
    }

    .test_paper .inner_paper {
        display: flex;
        align-items: flex-start;
    }

    .test_paper .inner_paper #paper_thumbnail {
        min-width: 110px;
        width: 110px;
        height: 60px;
        object-fit: cover;
        border-radius: 10px;
    }

    .test_paper .inner_paper h2 {
        font-weight: 600;
        font-size: 16px;
        padding: 0 15px;
        color: #333333;
    }

    .test_paper #download {
        cursor: pointer;
    }
    /* My Courses Details Dashboard CSS Ends */
    /* Ask a Question Dashboard CSS Starts */

    .ask_questions,
    .material_title,
    .plan_title,
    .notes_title,
    .purchased_title,
    .test_title,
    .profile_title {
        margin-bottom: 30px;
    }

    .ask_questions .ask,
    .material_title .material,
    .plan_title .plan,
    .notes_title,
    .notes,
    .purchased_title .purchased,
    .test_title .test,
    #profile {
        font-weight: 600;
        font-size: 16px;
        color: #333333;
        text-transform: capitalize;
    }

    .select_options {
        margin-bottom: 40px;
    }

    .select_options select {
        background: #DFE2EF;
        border-radius: 50px;
        font-weight: 600;
        font-size: 14px;
        padding: 10px;
        text-align: left;
        color: #333333;
        outline: none;
        border: none;
        margin: 0 10px 10px 0;
    }

    .select_options select option {
        color: #333333;
        font-weight: 600;
        font-size: 14px;
        padding: 5px 0;
    }

    .question_list {
        background: #FFFFFF;
        box-shadow: 0px 4px 15px rgb(0 0 0 / 10%);
        border-radius: 10px;
        /* padding: 18px; */
        margin-bottom: 15px;
    }

    .question_list h4 {
        font-weight: 600;
        font-size: 16px;
        line-height: 20px;
        color: #333333;
        padding: 0 18px;
    }

    .question_list .credated_date {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        margin:  0;
        padding: 18px 18px 0;
    }
    .question_list .proffesor_answer{
        background: #F4F4F4;
        padding: 18px;
        border-radius: 0 0 10px 10px;
    }
    .question_list .proffesor_answer .answer-section{
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .question_list .credated_date h6,
    .question_list .proffesor_answer .answer-section .answer-create,
    .question_list .proffesor_answer .answer-section .answer-time h6 {
        font-weight: 600;
        font-size: 14px;
        color: #999999;
    }
    .question_list .proffesor_answer .answer-content{
        font-size: 14px;
line-height: 17px;
color: #000;
    }
    .question_list .credated_date h6:first-child {
        width: 70%;
    }

    .question_list button {
        background: #4278DE;
        border-radius: 20px;
        font-weight: 600;
        font-size: 14px;
        min-width: 100px;
        color: #FFFFFF;
        border: none;
        padding: 8px 15px;
    }

    .question_list button i {
        background: #ffffff;
        border-radius: 50px;
        font-size: 8px;
        color: #4278DE;
        min-width: 15px;
        width: 15px;
        height: 15px;
        line-height: 15px;
        text-align: center;
        margin-right: 8px;
        padding: 1px;
    }
    /* Ask a Question Dashboard CSS Ends */
    /* Study Material Dashboard CSS Starts */

    .study_accordion {
        margin: 40px 0;
        display: inline-block;
        width: 100%;
    }

    .study_accordion .item {
        border: none;
        margin-bottom: 20px;
        background: none;
    }

    .material_inner,
    .plan_inner,
    .test_inner {
        color: #4f4f4f;
        padding: 15px;
        background: #fff;
        border-radius: 0 0 10px 10px;
    }

    .study_accordion .item .item-header h2 button.btn.btn-link {
        background: #FFFFFF;
        box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
        border-radius: 10px 10px 0 0;
        color: rgb(0, 0, 0);
        font-size: 16px;
        font-weight: 400;
        text-decoration: none;
    }

    .study_accordion .item .item-header {
        border-bottom: none;
        padding: 0px;
        margin-bottom: 2px;
    }

    .study_accordion .item .item-header h2 button {
        color: rgb(0, 0, 0);
        font-size: 20px;
        padding: 20px 15px;
        display: block;
        width: 100%;
        text-align: left;
    }

    .study_accordion .item .item-header h2 i {
        float: left;
        font-size: 18px;
        color: #000000;
        padding: 0 10px;
    }

    .item-header button.btn.btn-link.collapsed i {
        transform: rotate(0deg);
    }

    .item-header button h6 {
        font-weight: 600;
        font-size: 16px;
        margin: 0;
        color: #333333;
    }

    .item-header button.btn.btn-link i {
        transform: rotate(90deg);
        transition: 0.2s;
    }

    .item-header .fa-caret-right:before {
        content: "\f0da" !important;
    }

    .material_details,
    .plan_details {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        background: #FFFFFF;
        border: 1px solid #EEEEEE;
        box-sizing: border-box;
        border-radius: 10px;
        padding: 10px;
        margin-bottom: 20px;
        width: 100%;
    }

    .material_inner .row .col-lg-6,
    .plan_inner .row .col-lg-6,
    .test_inner .row .col-lg-4,
    .test_inner .row .col-md-6 {
        display: flex;
    }

    .material_details .banner,
    .plan_details .banner {
        width: 170px;
        height: 120px;
        object-fit: cover;
        border-radius: 10px;
    }

    .material_details .details_inner,
    .plan_details .details_inner {
        margin-left: 10px;
        width: 100%;
    }

    .material_details .details_inner .inner_heading,
    .plan_details .details_inner .inner_heading {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
    }

    .material_details .details_inner .inner_heading h1,
    .plan_details .details_inner .inner_heading h1 {
        font-weight: 600;
        font-size: 16px;
        color: #333333;
        padding-right: 10px;
    }

    .material_details .details_inner .inner_heading .download,
    .plan_details .details_inner .inner_heading .download {
        cursor: pointer;
    }

    .material_details .details_inner .subject_heading,
    .plan_details .details_inner .subject_heading {
        font-weight: bold;
        font-size: 10px;
        text-align: left;
        text-transform: uppercase;
        color: #999999;
        margin-top: 10px;
    }

    .material_details .details_inner .subject,
    .plan_details .details_inner .subject {
        font-weight: 500;
        font-size: 14px;
        color: #333333;
        margin-bottom: 10px;
    }

    .material_details .details_inner .course_material_data,
    .plan_details .details_inner .course_plan_data {
        padding: 0 5px;
    }

    .material_details .details_inner .course_material_data .course_heading,
    .material_details .details_inner .course_material_data .language_heading,
    .material_details .details_inner .course_material_data .professor_heading,
    .plan_details .details_inner .course_plan_data .course_heading,
    .plan_details .details_inner .course_plan_data .language_heading,
    .plan_details .details_inner .course_plan_data .professor_heading {
        font-weight: bold;
        font-size: 10px;
        text-align: left;
        text-transform: uppercase;
        color: #999999;
    }

    .material_details .details_inner .course_material_data .course_name,
    .material_details .details_inner .course_material_data .language_name,
    .material_details .details_inner .course_material_data .professor_name,
    .plan_details .details_inner .course_plan_data .course_name,
    .plan_details .details_inner .course_plan_data .language_name,
    .plan_details .details_inner .course_plan_data .professor_name {
        font-weight: 500;
        font-size: 12px;
        color: #000000;
    }
    /* Study Material Dashboard CSS Ends */
    /* Test Papers Dashboard CSS Starts */

    .test_inner_details {
        background: #FFFFFF;
        border: 1px solid #EEEEEE;
        box-sizing: border-box;
        border-radius: 10px;
        width: 100%;
        padding: 10px;
        margin: 15px 0;
    }

    .test_inner_details .banner_img {
        width: 100%;
        height: 165px;
    }

    .test_inner_details .banner_img .banner {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 5px;
    }

    .test_inner_details .details_inner .inner_heading {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        margin: 15px 0;
    }

    .test_inner_details .details_inner .inner_heading h1 {
        font-weight: 600;
        font-size: 16px;
        color: #333333;
        line-height: 20px;
        padding-right: 10px;
    }

    .test_inner_details .details_inner .inner_heading .download {
        cursor: pointer;
    }

    .test_inner_details .details_inner .professor_heading,
    .test_inner_details .details_inner .subject_heading,
    .test_inner_details .details_inner .chapter_heading {
        font-weight: bold;
        font-size: 10px;
        line-height: 12px;
        text-align: left;
        text-transform: uppercase;
        color: #999999;
    }

    .test_inner_details .details_inner .professor,
    .test_inner_details .details_inner .subject,
    .test_inner_details .details_inner .chapter {
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        color: #000000;
        margin-bottom: 20px;
    }

    .test_inner_details .details_inner .course_plan_data {
        padding: 0 5px;
    }

    .test_inner_details .details_inner .course_plan_data .course_heading,
    .test_inner_details .details_inner .course_plan_data .language_heading {
        font-weight: bold;
        font-size: 10px;
        text-align: left;
        text-transform: uppercase;
        color: #999999;
    }

    .test_inner_details .details_inner .course_plan_data .course_name,
    .test_inner_details .details_inner .course_plan_data .language_name {
        font-weight: 500;
        font-size: 12px;
        color: #000000;
    }
    /* Test Papers Dashboard CSS Ends */
    /* Cart CSS Starts */

    .cart_section {
        margin-top: 40px;
        padding: 0 15px;
    }

    .cart_section .cart_title {
        font-weight: bold;
        font-size: 25px;
        line-height: 30px;
        color: #333333;
    }

    .cart_section .cart-programs {
        margin-top: 20px;
    }

    .cart_section #checkout_col {
        border-right: 1px solid #CCCCCC;
        padding-right: 20px;
    }

    .cart_section .cart-programs .total_numers {
        font-weight: 500;
        font-size: 18px;
        padding-bottom: 30px;
        color: #333333;
        border-bottom: 1px solid #CCCCCC;
    }

    .programs_list {
        padding: 40px 0 0 0;
        border-bottom: 1px solid #CCCCCC;
    }

    .programs_list .pro_gram {
        background: #FFFFFF;
        border: 1px solid #DDDDDD;
        box-sizing: border-box;
        border-radius: 15px;
        padding: 10px;
        margin-bottom: 25px;
    }

    .programs_list .pro_gram .pro_pram_image,
    .checkout_lists .pro_gram .pro_pram_image {
        width: 100%;
        height: auto;
    }

    .programs_list .pro_gram .pro_pram_image img,
    .checkout_lists .pro_gram .pro_pram_image img {
        width: 100%;
        height: auto;
        object-fit: cover;
        border-radius: 5px;
    }

    .pro_gram_details,
    .pro_gram_price {
        padding-top: 15px;
    }

    .pro_gram_details h2 {
        font-weight: 600;
        font-size: 18px;
        color: #333333;
        margin-bottom: 15px;
    }

    .pro_gram_details h6 {
        font-size: 15px;
        color: #000000;
        margin-bottom: 15px;
        line-height: 22px;
    }

    .pro_gram_details ul,
    .pro_gram_details ul li {
        list-style: none;
        display: flex;
        align-items: baseline;
    }

    .pro_gram_details ul li p {
        font-size: 15px;
        color: #333333;
        margin: 0;
        padding: 0 5px;
        text-transform: capitalize;
    }
    .pro_gram_details ul li p b{
        font-weight: 600 !important;
    }
    .pro_gram_details ul li span {
        width: 2px;
        height: 15px;
        background: #333;
        display: block;
        margin: 0 5px;
    }

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

    .pro_gram_price h3 {
        font-weight: 600;
        font-size: 16px;
        color: #333333;
        margin: 0;
    }

    .pro_gram_price img {
        cursor: pointer;
    }

    .proceed_buy {
        padding: 0 30px 0;
        border-left: 1px solid #CCCCCC;
    }

    .proceed_buy .total {
        padding: 25px;
        background: #FFFFFF;
        border: 1px solid #DDDDDD;
        box-sizing: border-box;
        border-radius: 15px;
    }

    .proceed_buy .total .total_item {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .proceed_buy .total .total_item h1,
    .proceed_buy .total .total_item h3 {
        font-weight: 600;
        font-size: 20px;
        color: #000000;
    }

    .proceed_buy .total button {
        border: none;
        background: #E78C60;
        border-radius: 100px;
        font-weight: 600;
        text-transform: capitalize;
        font-size: 15px;
        padding: 10px;
        margin-top: 15px;
        width: 100%;
        color: #000;
    }

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

    .cart_address .row .col-lg-6 {
        display: flex;
    }

    .cart_address .address_heading {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .cart_address .address_heading h4 {
        font-weight: bold;
        font-size: 18px;
        color: #333333;
    }

    .cart_address .address_heading a {
        background: #DDDDDD;
        border-radius: 10px;
        font-weight: 600;
        font-size: 14px;
        color: #333333;
        padding: 10px;
        text-decoration: none;
    }

    .student_cart_address {
        position: relative;
        background: #FFFFFF;
        border: 1px solid #DDDDDD;
        box-sizing: border-box;
        box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.08);
        border-radius: 15px;
        padding: 30px 20px;
        transition: all ease 0.3s;
        margin: 15px 0;
        width: 100%;
    }

    .cart_address .default::before {
        content: 'default address';
        position: absolute;
        left: 0;
        top: 0;
        font-weight: 600;
        font-size: 12px;
        color: #2E77FF;
        background: #E0E9F8;
        border-radius: 12px 0px;
        padding: 5px 10px;
        text-transform: uppercase;
    }

    .student_cart_address:hover {
        background: #04aa6d;
    }

    .student_cart_address:hover .student_name,
    .student_cart_address:hover .student_number,
    .student_cart_address:hover .student_addr p {
        color: #fff;
    }

    .student_cart_address img {
        position: absolute;
        right: 15px;
        top: 15px;
        cursor: pointer;
        width: 18px;
        height: auto;
        transition: all ease 0.3s;
    }

    .student_cart_address:hover img {
        background-color: #fff;
        border-radius: 3px;
        padding: 2px;
    }

    .student_cart_address .student_name {
        font-weight: 600;
        font-size: 18px;
        color: #333333;
        padding-top: 15px;
    }

    .student_cart_address .student_number {
        font-size: 16px;
        line-height: 20px;
        color: #333333;
    }

    .student_cart_address .student_addr {
        margin: 15px 0 0 0;
    }

    .student_cart_address .student_addr p {
        font-size: 16px;
        line-height: 20px;
        color: #333333;
        margin: 0;
    }
    /* New Address Modal */

    #add_new_address .modal-title {
        font-weight: bold;
        font-size: 14px;
        color: #333333;
    }

    #modal-update-address .modal-title {
        font-weight: bold;
        font-size: 14px;
        color: #333333;
    }

    #add_new_address .modal-body form {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        margin: 0 auto 30px;
    }

    #modal-update-address .modal-body form {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        margin: 0 auto 30px;
    }

    #add_new_address .modal-body form .form-group {
        width: 47%;
        display: flex;
        flex-direction: column;
        margin: 10px;
    }

    #modal-update-address .modal-body form .form-group {
        width: 47%;
        display: flex;
        flex-direction: column;
        margin: 10px;
    }

    #add_new_address .modal-body form .form-group label {
        font-weight: 500;
        font-size: 12px;
        color: #666666;
    }

    #modal-update-address .modal-body form .form-group label {
        font-weight: 500;
        font-size: 12px;
        color: #666666;
    }

    #add_new_address .modal-body form .form-group input[type="tel"],
    #add_new_address .modal-body form .form-group input[type="text"] {
        background: #fff;
        color: #555;
        border-radius: 5px;
        box-sizing: border-box;
        display: block;
        width: 100%;
        border: 1px solid rgb(209, 209, 209);
        padding: 10px;
        outline: 0;
        font-family: inherit;
        font-size: 12px;
        height: auto;
    }

    #modal-update-address .modal-body form .form-group input[type="tel"],
    #modal-update-address .modal-body form .form-group input[type="text"] {
        background: #fff;
        color: #555;
        border-radius: 5px;
        box-sizing: border-box;
        display: block;
        width: 100%;
        border: 1px solid rgb(209, 209, 209);
        padding: 10px;
        outline: 0;
        font-family: inherit;
        font-size: 12px;
        height: auto;
    }

    #add_new_address .form-group .select2-container .select2-selection--single {
        background: #fff;
        color: #555;
        border-radius: 5px;
        box-sizing: border-box;
        display: block;
        width: 100%;
        border: 1px solid rgb(209, 209, 209);
        /* padding: 5px; */
        outline: 0;
        font-size: 12px;
        height: 40px;
    }

    #modal-update-address .form-group .select2-container .select2-selection--single {
        background: #fff;
        color: #555;
        border-radius: 5px;
        box-sizing: border-box;
        display: block;
        width: 100%;
        border: 1px solid rgb(209, 209, 209);
        /* padding: 5px; */
        outline: 0;
        font-size: 12px;
        height: 40px;
    }

    #add_new_address .form-group .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 40px;
    }

    #modal-update-address .form-group .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 40px;
    }

    #add_new_address .form-group .m-num {
        display: flex;
        height: 40px;
        border: 1px solid rgb(209, 209, 209);
        border-radius: 5px;
    }

    #modal-update-address .form-group .m-num {
        display: flex;
        height: 40px;
        border: 1px solid rgb(209, 209, 209);
        border-radius: 5px;
    }

    #add_new_address .form-group .m-num select {
        border: none;
        outline: none;
        background: transparent;
    }

    #modal-update-address .form-group .m-num select {
        border: none;
        outline: none;
        background: transparent;
    }

    #add_new_address .form-group .m-num input,
    #add_new_address .form-group .m-num input:focus {
        border: none !important;
        outline: none;
        margin-left: 10px;
        background: transparent;
    }

    #modal-update-address .form-group .m-num input,
    #modal-update-address .form-group .m-num input:focus {
        border: none !important;
        outline: none;
        margin-left: 10px;
        background: transparent;
    }

    #add_new_address .btn {
        border: none;
        background: #F59359;
        border-radius: 15px;
        min-width: 100px;
        font-weight: bold;
        font-size: 13px;
        color: #FFFFFF;
        margin: 0 auto;
        display: block;
    }

    #modal-update-address .btn {
        border: none;
        background: #F59359;
        border-radius: 15px;
        min-width: 100px;
        font-weight: bold;
        font-size: 13px;
        color: #FFFFFF;
        margin: 0 auto;
        display: block;
    }

    .saved_later {
        padding: 30px 20px 0 0;
    }

    .saved_later .saved_title {
        font-weight: 600;
        font-size: 18px;
        color: #000000;
        margin-bottom: 20px;
    }

    .saved_later .course {
        background: #ffffff;
        border-radius: 10px;
        margin-bottom: 10%;
        box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.08);
    }

    .saved_later .course img {
        width: 100%;
        height: auto;
        border-radius: 10px 10px 0 0;
    }

    .saved_later .course .btn {
        background: #DDDDDD;
        border-radius: 100px;
        font-weight: 600;
        font-size: 12px;
        padding: 5px 15px;
        color: #333333;
    }
    /* --- */
    /* Cart CSS Ends */
    /* Checkout CSS Starts */

    .checkout_lists {
        border-top: 1px solid #CCCCCC;
        border-bottom: 1px solid #CCCCCC;
        padding-top: 20px;
    }

    .checkout_lists .pro_gram {
        background: #FFFFFF;
        border: 1px solid #EEEEEE;
        box-sizing: border-box;
        border-radius: 15px;
        padding: 0px;
        box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.08);
        margin-bottom: 25px;
    }

    .checkout_lists .pro_gram .pro_pram_image {
        padding: 10px 0 0 10px;
    }
    .checkout_lists .pro_gram .pro_pram_image #delete_package{
        position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: max-content;
    bottom: 10px;
    border-radius: 50px;
    font-size: 12px;
    padding: 5px 20px;
    }
    .content_delivery {
        background: #F8F9FE;
        border: 1px solid #EEEEEE;
        box-sizing: border-box;
        border-radius: 0px 15px 15px 0px;
        padding: 20px;
        height: 100%;
    }

    .content_delivery ul {
        list-style: none;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 0;
    }

    .content_delivery .delivery_title {
        font-weight: 600;
        font-size: 14px;
        color: #333333;
    }

    .content_delivery ul li {
        display: inline-block;
        position: relative;
        padding: 0 6px;
        /* margin: 10px 0 0; */
    }

    .content_delivery ul li input {
        color: red;
        width: 20px;
    }

    .content_delivery ul li label {
        font-weight: 500;
        font-size: 14px;
        color: #666666;
        margin: 0;
    }

    .content_delivery ul li input[type='radio'] {
        display: none;
    }

    .content_delivery ul li label:before {
        content: " ";
        display: inline-block;
        position: relative;
        top: 5px;
        margin: 0 5px 0 0;
        width: 20px;
        height: 20px;
        border-radius: 11px;
        border: 2px solid #E78C60;
        background-color: transparent;
    }

    .content_delivery ul li input[type=radio]:checked+label:after {
        border-radius: 11px;
        width: 12px;
        height: 12px;
        position: absolute;
        top: 9px;
        left: 10px;
        content: " ";
        display: block;
        background: #E78C60;
    }

    .summary {
        /* border-left: 1px solid #CCCCCC;
        padding: 0 30px 0; */
        margin-top: 20px;
    }

    .order_summary {
        background: #FFFFFF;
        border: 1px solid #EEEEEE;
        box-sizing: border-box;
        box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.08);
        border-radius: 15px;
        margin-bottom: 30px;
    }

    .order_summary .summary_title {
        font-weight: 600;
        font-size: 20px;
        padding: 25px 10px 0;
        color: #000000;
    }

    .order_summary .summary_details {
        padding: 15px 15px 25px;
    }

    .order_summary .summary_details ul {
        list-style: none;
    }

    .order_summary .summary_details ul li {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        border-bottom: 1px solid #DDDDDD;
        margin: 0;
        padding: 15px 0;
    }

    .order_summary .summary_details .order-summery-item:first-child li {
        padding: 0 0 15px 0;
    }

    .order_summary .summary_details ul li h5 {
        margin-right: 15px;
        font-weight: 500;
        font-size: 14px;
        line-height: 18px;
        color: #333333;
        width: 62%;
    }

    .order_summary .summary_details ul li h6 {
        display: flex;
        align-items: baseline;
        justify-content: flex-end;
        font-size: 15px;
        color: #333333;
        width: 38%;
        float: right;
    }

    .order_summary .gross_total,
    .order_summary .reward,
    .order_summary .net_coupons {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
    }

    .order_summary .gross_total h5,
    .order_summary .reward h5,
    .order_summary .net_coupons h5 {
        font-weight: 500;
        font-size: 14px;
        color: #333333;
    }

    .order_summary .gross_total h6,
    .order_summary .reward h6,
    .order_summary .net_coupons h6 {
        font-size: 15px;
        text-align: right;
        color: #333333;
    }

    .order_summary .coupon_code {
        padding: 20px 0;
    }

    .order_summary .coupon_code label {
        font-weight: bold;
        font-size: 14px;
        color: #333333;
    }

    .order_summary .coupon_code .code_input {
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    .order_summary .coupon_code .code_input input[type="text"] {
        background: #FFFFFF;
        border: 1px solid #DDDDDD;
        box-sizing: border-box;
        border-radius: 5px;
        padding: 5px 20px 5px 5px;
        height: 40px;
        outline: none;
        box-shadow: none;
        font-size: 14px;
        color: #666;
        width: 60%;
    }

    .order_summary .coupon_code .code_input .btn {
        background: #DDDDDD;
        border-radius: 10px;
        height: 40px;
        min-width: 90px;
        font-weight: 600;
        font-size: 14px;
        color: #333333;
        margin-left: -10px;
        box-shadow: none;
    }

    .order_summary .total-prize {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px 0 0 0;
    }

    .order_summary .total-prize h5 {
        font-weight: 600;
        font-size: 14px;
        color: #333333;
    }

    .order_summary .total-prize h6 {
        font-weight: 600;
        font-size: 16px;
    }

    .order_summary .total-tax {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        padding: 10px 0 0 0;
    }

    .order_summary .total-tax h5 {
        font-size: 12px;
        color: #333333;
    }

    .order_summary .total-tax h6 {
        font-weight: 600;
        font-size: 12px;
        display: flex;
        color: #999999;
        flex-direction: column;
    }

    .order_summary .total-tax h6 span {
        padding-bottom: 5px;
    }

    .order_summary .btn-primary {
        text-decoration: none;
        background: #E78C60;
        border-radius: 100px;
        font-weight: bold;
        font-size: 15px;
        width: 100%;
        display: block;
        margin: 20px auto;
        text-align: center;
        padding: 10px;
        color: #000;
        border: none;
    }
    /* Checkout CSS Ends */
    /* Professor Notes Starts */

    .notes_list .row .col-lg-6 {
        display: flex;
    }

    .notes_list .note_details {
        position: relative;
        background: #FFFFFF;
        box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
        border-radius: 10px;
        padding: 15px;
        margin-bottom: 20px;
        width: 100%;
    }

    .notes_list .note_details h1 {
        font-weight: 600;
        font-size: 20px;
        line-height: 24px;
        color: #333333;
        margin-bottom: 30px;
    }

    .notes_list .note_details .notes_details_inner h6,
    .student_note_details .student_notes_details_inner h6 {
        font-weight: bold;
        font-size: 10px;
        text-align: left;
        text-transform: uppercase;
        color: #999999;
    }

    .notes_list .note_details .notes_details_inner p,
    .student_note_details .student_notes_details_inner p {
        font-weight: 500;
        font-size: 14px;
        color: #333333;
    }

    .notes_list .note_details button,
    .student_note_details button {
        background: #4278DE;
        border-radius: 20px;
        font-weight: 600;
        font-size: 14px;
        min-width: 100px;
        color: #FFFFFF;
        border: none;
        padding: 8px 15px;
    }

    .notes_list .note_details button i,
    .student_note_details button i {
        background: #ffffff;
        border-radius: 50px;
        font-size: 8px;
        color: #4278DE;
        min-width: 15px;
        width: 15px;
        height: 15px;
        line-height: 15px;
        text-align: center;
        margin-right: 8px;
        padding: 1px;
    }
    /* Professor Notes Ends */
    /* My Notes Starts */

    .student_notes .row .col-lg-6 {
        display: flex;
    }

    .student_note_details {
        position: relative;
        padding: 15px 15px 0 15px;
        border-radius: 10px;
        background: #FFFFFF;
        box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
        margin-bottom: 20px;
        width: 100%;
    }

    .student_note_details h1 {
        font-weight: bold;
        font-size: 16px;
        line-height: 20px;
        color: #333333;
    }

    .student_note_details h2 {
        font-weight: 500;
        font-size: 14px;
        line-height: 19px;
        color: #333333;
        margin-bottom: 20px;
    }

    .student_note_details .notes_footer {
        padding: 10px 15px;
        border-top: 1px solid #eee;
        position: absolute;
        bottom: 10px;
        width: 100%;
        left: 0;
        right: 0;
    }

    .student_note_details .notes_footer .notes_footer_inner {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
    }

    .student_note_details .notes_footer .notes_footer_inner ul {
        list-style: none;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 0;
    }

    .student_note_details .notes_footer .notes_footer_inner ul li {
        font-weight: 500;
        font-size: 12px;
        color: #929CB0;
    }

    .student_note_details .clear {
        clear: both;
        height: 70px;
    }

    .student_note_details .notes_footer .notes_footer_inner ul li span {
        width: 2px;
        height: 12px;
        background: #b7b7b7;
        margin: 0 10px;
        display: block;
    }

    .student_note_details .notes_footer .notes_footer_inner .footer_icons img {
        width: 20px;
        height: auto;
        margin-left: 10px;
        cursor: pointer;
    }

    .student_note_details .notes_footer .notes_footer_inner .footer_icons button {
        border: none;
        box-shadow: none;
        background: #e78c60;
        color: #000;
        padding: 3px;
        border-radius: 30px;
        font-size: 10px;
        display: none;
        width: max-content;
    }

    .student_note_details #notename,
    .student_note_details #notedescrip {
        display: none;
        margin-bottom: 10px;
        background: #fff;
        color: #555;
        border-radius: 5px;
        box-sizing: border-box;
        width: 100%;
        border: 1px solid rgb(209, 209, 209);
        padding: 10px;
        outline: 0;
        font-family: inherit;
        font-size: 12px;
    }

    .student_note_details #notedescrip {
        height: 100px;
        overflow-y: auto;
    }
    /* My Notes Ends */
    /* My Purchased CSS Starts */

    .purchsed_list {
        position: relative;
        background: #FFFFFF;
        box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
        border-radius: 10px;
        margin-bottom: 20px;
        padding: 15px;
    }

    .purchsed_list .purchased_banner {
        overflow: hidden;
        width: 100%;
        height: 100%;
    }

    .purchsed_list .purchased_banner img {
        border-radius: 10px;
        overflow: hidden;
        width: 100%;
        height: 120px;
        object-fit: cover;
    }

    .purchsed_list .purchased_details .purchased_upper {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
    }

    .purchsed_list .purchased_details .purchased_info {
        margin-right: 15px;
    }

    .purchsed_list .purchased_details .purchased_info h1 {
        font-weight: bold;
        font-size: 16px;
        line-height: 20px;
        color: #333333;
    }

    .purchsed_list .purchased_details .purchased_info ul {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .purchsed_list .purchased_details .purchased_info ul li {
        margin-right: 20px;
    }
    .purchased_details .purchased_packages .purchased_pack_list{
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
    }
    .purchased_details .purchased_packages .purchased_pack_list{
        border-bottom: 1px solid #ccc;
        margin-bottom: 15px;
        padding-bottom: 10px;
    }
    .purchased_details .purchased_packages .purchased_pack_list:last-child{
        border-bottom: none !important;
        margin-bottom: 0px;
        padding-bottom: 0px;
    }
    .purchased_details .purchased_packages .purchased_pack_list h6{
        margin-right: 15px;
        float: left;
    }
    .purchsed_list .purchased_details .purchased_info ul li span,.purchased_details .purchased_packages h5 {
        font-weight: bold;
        font-size: 10px;
        line-height: 12px;
        text-transform: uppercase;
        color: #999999;
    }

    .purchsed_list .purchased_details .purchased_info ul li p {
        font-weight: 500;
        font-size: 14px;
        color: #333333;
    }

    .purchsed_list .purchased_details .invoice {
        display: flex;
        align-items: flex-end;
        flex-direction: column;
        justify-content: space-between;
    }

    .purchsed_list .purchased_details .invoice a {
        white-space: nowrap;
        width: max-content;
        padding: 10px 20px;
        background: #4278DE;
        border-radius: 20px;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
        margin-bottom: 15px;
        border: none;
    }

    .purchsed_list .purchased_details .purchased_pack_list .buy_material {
        white-space: nowrap;
        width: max-content;
        padding: 10px 20px;
        border-radius: 20px;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
        border: none;
        text-transform: capitalize;
    }
    /* My Purchased CSS Ends */
    /* Profile Page CSS Starts */

    .profile_edit .profile_section {
        background: #FFFFFF;
        border-radius: 15px;
        padding: 20px 0;
    }

    .profile {
        position: relative;
    }

    .profile .profile_circle .profile-pic {
        width: 100%;
        height: 100%;
        object-fit: cover;
        position: relative;
        top: 50%;
        transform: translate(0%, -50%);
    }

    .file-upload {
        display: none;
    }

    .profile_circle {
        border-radius: 1000px !important;
        overflow: hidden;
        border: 5px solid #E78C60;
        position: relative;
        margin: 0 auto;
        display: block;
        width: 130px;
        height: 130px;
        background: #E6E7ED;
        text-align: center;
        align-content: center;
        align-items: center;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
    }

    .p-image {
        position: absolute;
        bottom: 0%;
        right: -30%;
        left: 0;
        text-align: center;
        color: #000;
        transition: all 0.3s ease;
    }

    .p-image:hover {
        transition: all 0.3s ease;
    }

    .upload-button {
        background: #E0E9F8;
        border: 1px solid #CCCCCC;
        width: 30px;
        min-width: 30px;
        height: 30px;
        line-height: 30px !important;
        font-size: 14px !important;
        border-radius: 15px;
        vertical-align: middle;
        text-align: center;
        display: inline-block;
    }

    .upload-button:hover {
        transition: all 0.3s ease;
        color: #000;
        cursor: pointer;
    }

    .profile_accordion .item {
        background: #FFFFFF;
        border: 1px solid #DDDDDD;
        box-sizing: border-box;
        border-radius: 10px;
        width: 95%;
        margin: 0 auto 20px;
    }

    .student_profile .student_name {
        font-weight: 600;
        font-size: 14px;
        text-align: center;
        color: #000000;
        margin: 20px auto;
    }

    .student_profile .edit_profile {
        font-weight: 500;
        font-size: 12px;
        text-align: center;
        color: #666666;
        background: none;
        border: none;
        margin: 0 auto;
        display: block;
    }

    .profile_accordion .item-header button.btn.btn-link.collapsed i {
        transform: rotate( 0deg);
    }

    .profile_accordion .item-header button.btn.btn-link i {
        transform: rotate( 0deg);
        transition: 0.2s;
    }

    .profile_accordion .item .item-header h2 button.btn.btn-link {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        text-decoration: none;
        box-shadow: none;
        color: #333333;
        padding: 15px;
    }
    .profile_accordion .item .item-header h2{
        position: relative;
    }
    .profile_accordion .item .item-header h2 button.btn.btn-link h6 {
        font-size: 14px;
        font-weight: 600;
    }
    .profile_accordion .item .item-header h2 img{
        position: absolute;
        right: 50px;
        top: calc(50% - 10px);
        width: 20px;
        cursor: pointer;
    }
    .profile_accordion .item .item-header h2 #save_changes{
        position: absolute;
        right: 50px;
        top: calc(50% - 10px);
        display: none;
    }
    .profile_accordion .personal_details .form-group input:disabled,.profile_accordion .personal_details .form-group select:disabled, .profile_accordion .academic_information .form-group select:disabled, .profile_accordion .address .form-group input:disabled, .profile_accordion .address .form-group input:disabled{
   cursor: not-allowed;
   background: #f3f3f3 !important ;
    }
    .profile_accordion .personal_details,
    .profile_accordion .academic_information,
    .profile_accordion .address,
    .profile_accordion .favourites {
        padding: 20px;
        border-top: 1px solid rgb(221, 221, 221);
    }

    .profile_accordion .personal_details,
    .profile_accordion .academic_information,
    .profile_accordion .address {
        width: 100%;
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .profile_accordion .personal_details .form-group,
    .profile_accordion .academic_information .form-group,
    .profile_accordion .address .form-group {
        width: 48%;
        margin-left: 10px;
        float: left;
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        margin-bottom: 20px;
    }

    .profile_accordion .personal_details .form-group:last-child,
    .profile_accordion .academic_information .form-group:last-child,
    .profile_accordion .address .form-group:last-child {
        margin-bottom: 0;
    }

    .profile_accordion .personal_details .form-group label,
    .profile_accordion .academic_information .form-group label,
    .profile_accordion .address .form-group label {
        font-weight: 500;
        font-size: 12px;
        color: #666666;
    }

    .profile_accordion .personal_details .form-group input[type="text"],
    .profile_accordion .personal_details .form-group input[type="email"],
    .profile_accordion .personal_details .form-group input[type="tel"],
    .profile_accordion .address .form-group input[type="text"] {
        background: #fff;
        color: #555;
        border-radius: 5px;
        box-sizing: border-box;
        display: block;
        width: 100%;
        border: 1px solid rgb(209, 209, 209);
        padding: 10px;
        outline: 0;
        font-family: inherit;
        font-size: 12px;
        height: 100%;
    }

    .profile_accordion .academic_information .form-group .select2-container,
    .profile_accordion .address .form-group .select2-container {
        width: 100% !important;
    }

    .profile_accordion .favourites .course img {
        width: 100%;
        height: auto;
    }

    .profile_accordion .favourites .favourite_delete {
        position: absolute;
        top: 8px;
        right: 8px;
        background: #fff;
        border-radius: 50px;
        padding: 0;
        width: 22px;
        height: 22px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .profile_accordion .favourites .favourite_delete img {
        width: 16px;
        height: 16px;
        cursor: pointer;
    }

    .profile_accordion .favourites .course .bottom_btns {
        flex-direction: column;
    }

    .profile_accordion .favourites .course .more,
    .profile_accordion .favourites .course .enroll {
        width: 100%;
        margin-top: 5px;
    }
    .profile_accordion .favourites .course .course-content h3{
        font-size: 13px !important;
    }
    .profile_accordion .academic_information .form-group .select2-container--default .select2-selection--single,
    .profile_accordion .address .form-group .select2-container--default .select2-selection--single {
        border: none;
    }

    .profile_accordion .academic_information .select2-container--bootstrap4 .select2-selection,
    .profile_accordion .address .select2-container--bootstrap4 .select2-selection {
        border: none !important;
    }

    .profile_accordion .academic_information .select2-container .select2-selection--single .select2-selection__rendered,
    .profile_accordion .address .select2-container .select2-selection--single .select2-selection__rendered {
        /* background: #fff; */
        color: #555;
        border-radius: 5px;
        box-sizing: border-box;
        display: block;
        width: 100%;
        border: 1px solid rgb(209, 209, 209);
        /* padding: 5px; */
        outline: 0;
        font-family: inherit;
        font-size: 12px;
        height: 40px;
    }

    .profile_accordion .academic_information .form-group .select2-container--default .select2-selection--single .select2-selection__arrow,
    .profile_accordion .address .form-group .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 40px;
    }

    .profile_accordion .address .full_addr {
        width: 100% !important;
    }

    .profile_accordion .personal_details .form-group .m-num {
        display: flex;
        height: 40px;
        border: 1px solid rgb(209, 209, 209);
        border-radius: 5px;
        width: 100%;
    }

    .profile_accordion .personal_details .form-group .m-num select {
        border: none;
        outline: none;
        background: transparent;
    }

    .profile_accordion .personal_details .form-group .m-num input,
    .m-num input:focus {
        border: none;
        outline: none;
        /* margin-left: 10px; */
        background: transparent;
    }

    .profile_accordion .favourites .row .col-lg-4,
    .profile_accordion .favourites .row .col-md-6 {
        display: flex;
        margin-bottom: 20px;
    }

    .profile_accordion .favourites .course {
        position: relative;
        background: #ffffff;
        border-radius: 10px;
        box-shadow: 0px 4px 15px rgb(0 0 0 / 8%);
    }

    .profile_accordion .favourites .course>img {
        width: 100%;
        height: auto;
        border-radius: 10px 10px 0 0;
    }

    .profile_accordion .favourites .course .course_heading {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
    }

    .profile_accordion .favourites .course .course_heading h3 {
        font-weight: 600;
        font-size: 14px;
        line-height: 18px;
        color: #444444;
    }

    .profile_accordion .favourites .course .course_heading img {
        width: 15px;
        height: auto;
        cursor: pointer;
    }

    .profile_accordion .favourites .course .course-content .ratings {
        display: flex;
        align-items: baseline;
        justify-content: flex-start;
    }

    .profile_accordion .favourites .course .course-content .ratings i {
        color: #ffd643;
        font-size: 10px;
    }

    .profile_accordion .favourites .course .course-content .ratings p {
        margin-left: 5px;
        font-weight: 500;
        font-size: 12px;
        color: #999999;
        margin-bottom: 0;
    }

    .profile_accordion .session_log {
        max-height: 500px;
        overflow-y: auto;
        padding: 10px 0;
        border-top: 1px solid rgb(221, 221, 221);
        /* width: 98%; */
        margin: 0 auto;
    }

    .profile_accordion .session_log .logs {
        padding: 15px;
        background: #F5F7FA;
        border-radius: 10px;
        width: 95%;
        margin: 8px auto;
    }

    .profile_accordion .session_log::-webkit-scrollbar {
        width: 8px;
    }

    .profile_accordion .session_log::-webkit-scrollbar-track {
        border-radius: 10px;
        background-color: #DDDDDD;
    }

    .profile_accordion .session_log::-webkit-scrollbar-thumb {
        background: #e78c60;
        border-radius: 10px;
    }

    .profile_accordion .session_log::-webkit-scrollbar-thumb:hover {
        background: #f37435;
    }

    .profile_accordion .session_log .logs .logs_inner {
        overflow: hidden;
        margin-bottom: 10px;
    }

    .profile_accordion .session_log .logs .logs_inner h3 {
        font-weight: bold;
        font-size: 12px;
        color: #929CB0;
    }

    .profile_accordion .session_log .logs .logs_inner h6 {
        font-weight: 600;
        font-size: 15px;
        color: #333333;
        margin: 0;
    }

    .profile_accordion .save_changes {
        background: #E78C60;
        border-radius: 100px;
        padding: 5px 25px;
        min-width: max-content;
        font-weight: bold;
        font-size: 10px;
        color: #FFFFFF;
        border: none;
        box-shadow: none;
        /* margin-left: 15px; */
    }
    /* Profile Page CSS Ends */
    /* My Performance CSS Starts */

    .progress {
        height: 7px;
    }

    .progress-title {
        font-size: 14px;
        color: #333;
        margin-bottom: 16px;
        margin-right: 10px;
    }

    .performance-content {
        margin: 0 25px;
    }
    /* circle-style */

    .piechart {
        position: relative;
        display: inline-block;
        margin: 20px 10px;
        color: #BBB;
        font-size: 18px;
        text-align: center;
    }

    .piechart canvas {
        position: absolute;
        top: 0;
        left: 0;
    }

    .performance-content .performance-title {
        font-weight: 600;
        font-size: 16px;
    }

    .performance-content .progress-number {
        font-weight: bold;
        font-size: 15px;
        color: #333333;
    }

    .perform_title,
    .avg_title {
        font-style: normal;
        font-weight: bold;
        font-size: 18px;
        line-height: 22px;
        color: #333333;
        padding: 30px 30px 10px;
        margin: 0;
    }

    .performances {
        background: #FFFFFF;
        box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.08);
        border-radius: 15px;
        height: 100%;
    }
    /*
    .hr-1 {
        border: 1px solid #C5D3ED;
        height: 0;
    } */

    .bg-orange {
        background-color: #FFA68D;
    }

    .bg-blue {
        background-color: #7B98FF;
    }

    .bg-red {
        background-color: #EE534F;
    }

    .bg-green {
        background-color: #58CEA4;
    }

    #last-progress-bar {
        margin-bottom: 69px;
    }

    .performance-inner {
        margin-top: 25px;
    }
    /* hr {
        margin-top: 25px;
        border: 1px solid #C5D3ED;
    } */

    .average_scores {
        background: #FFFFFF;
        box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.08);
        border-radius: 15px;
        height: 100%;
    }

    .title-right {
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        font-size: 18px;
        line-height: 22px;
        color: #333333;
        padding-top: 29px;
        padding-left: 27px;
    }

    .progress-label {
        font-weight: 600;
        font-size: 14px;
        line-height: 17px;
        text-align: center;
        color: #333333;
        margin-top: 15px;
    }

    .ldBar svg {
        transform: rotate(180deg);
    }

    .ldBar .circle {
        width: 130px;
        height: 130px;
    }
    /* My Performance CSS Ends */
    /* Terms CSS Starts */
    .switch-buttons{
        display: flex;
        align-items: center;
        justify-content: center;
        width: max-content;
        background-color: #F4F3F6;
        border-radius: 50px;
        margin: 0 auto 20px;
    }
    .switch-buttons a{
        text-decoration: none;
    }
    .switch-buttons .terms-btn, .switch-buttons .privacy-btn{
        background: #E78C60;
border-radius: 50px;
font-weight: 600;
font-size: 16px;
padding: 10px 25px;
border: none;
box-shadow: none;
outline: none;
color: #000;
    }
    .switch-buttons .terms-privacy-btn,.switch-buttons .priv-terms-btn{
        background: transparent;
border-radius: 50px;
font-weight: 500;
font-size: 16px;
padding: 10px 25px;
border: none;
outline: none;
box-shadow: none;
color: #333333;
    }
    /* Terms CSS Ends */
    .web_button_color{
        background-color: #e78c60;
        padding: 7px 20px;
        color: #fff;
        border-radius: 50px;
        border: none;
    }
/* Home Testimonials */
.testimonials .owl-carousel{
    padding: 20px 0;
} 
.testimonials .owl-carousel .owl-stage{
margin: 20px auto;
}
.testimonial .testimonial-content h5{
    text-align: left;
}
.testimonial .testimonial-content p{
    width: 90%;
}
.testimonial-info{
    display: flex;
    justify-content: flex-start;
}
.testimonial-profile img{
    width: 100px!important;
    border-radius: 50px;
    border: 5px solid #e5e5e5;
    object-fit: cover;
    margin-right: 15px;
    height: 100px;
} 
.testimonials .testimonial_title{
    font-family: "Nunito";
    font-weight: 900;
    font-size: 45px;
    text-transform: capitalize;
    color: #000;
    margin: 30px auto;
    text-align: center;
}
.testimonials .owl-carousel .item{
    margin:10px; 
    width: 100%;
    position: relative;
    transition: all ease 0.2;
}
.testimonials .testimonial-info{
    padding: 10px; 
}
.testimonials .testimonial-info h5{
    font-size: 20px;
    color: #565656;
    font-weight: 700;
}
.testimonials .item,.testimonials .active:nth-child(2) .item{
    transform: scale(0.9) ;
    margin: 0 auto;
    background: white; 
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.testimonials .center .item {
    transform: scale(1) !important;
    margin: 0 auto;
    background: white;
transition: all 0.8s ease 0s !important;

}
.testimonials .center .item::before{
    content: none;
}
.testimonials .item,.firstitem,.lastitem{
    z-index: 0;
    border-radius: 12px;
    overflow: hidden;
}
.firstitem::before{
content: '';
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
width: 100%;
z-index: 1;
background: rgb(255,255,255);
background: linear-gradient(90deg, rgba(255,255,255,1) 40%, rgba(207,88,31,0.5) 100%); 
height: 100%;
border-radius: 12px;
}
.lastitem::before{
content: '';
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
width: 100%;
z-index: 1;
background: rgb(255,255,255);
background: linear-gradient(270deg, rgba(255,255,255,1) 40%, rgba(207,88,31,0.5) 100%); 
height: 100%;
border-radius: 12px;
} 
.testimonials .owl-nav button {
    display: block !important;
}
.testimonials .owl-nav{
    display: block;
    position: absolute;
    top: 40%;
    font-size: 30px;
    margin: 0 auto; 
}
.testimonials .owl-next{
    background-color: #e78c60!important;
    right: 120px !important;
}
.testimonials .owl-prev{
    background-color: #e78c60!important;
    left: 120px !important;
}
.firstitem,.lastitem{
    position: relative;
}
#email_support label,#feedback_form label{
font-size: 14px;
margin-bottom: 0;
}
/* Home Testimonials */
/* Testimonials */
.full_testominials{
    position: relative;
    padding: 50px 0;
}
.test_row{
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 30px;
}
.test_row::before{
    content: "";
    background-color: #edb498;
    border-radius: 10px;
    height:50px;
    width: 50px;
    position: absolute;
    bottom: -16px;
    right: -16px;
    z-index: -1;
}
.test_row .test_head{
    position: relative;
    width: 100%;
}
.test_row .test_head::before{
    content: "";
    background-color: #e78c60;
    height:65px;
    border-radius: 10px 10px 0 0;
    width: 100%;
    position: absolute;
    top: 0;
    z-index: -1;
}
.test_row .test_head img{
    width: 80px;
    height: 80px;
    object-fit: cover;
    border: 5px solid #e3e3e3;
    border-radius: 100px;
    margin: 20px 0 0 20px;
}
.test_row .test_info{
    text-align: left;
    padding: 20px;
}
.test_row .test_info h3{
    font-size: 30px; 
    color: #565656;
}
.test_row .test_info p,.testimonials .testimonial-info p{
    font-weight: 600;
    font-size: 14px;
    color: #444444;
    line-height: 22px;
    margin-bottom: 10px;
}
/* Testimonials */
/* Enquire Now */
.collections{
    background-color: #e78c60;
    padding: 5px;
    margin: 0 auto;
    position: sticky;
    bottom: 0;
    z-index: 50;
    clear: both;
}
body:not(#sidebar) .collections{
    z-index: 5;
}
.collections p{
    margin: 0 auto;
    text-align: center;
    color: #000;
    font-weight: 700;
    z-index: 99;
}
.collections p a{
    cursor: pointer;
    text-decoration: underline !important;
}
#feedback_collct form label {
    font-weight: 700;
    font-size: 12px;
    color: #000;
}
#feedback_collct form textarea::placeholder{
    color: #bababa;
}
#feedback_collct form input{
    background: #fff;
    color: #555;
    border-radius: 5px;
    box-sizing: border-box;
    display: block;
    width: 100%;
    border: 1px solid rgb(209, 209, 209);
    padding: 10px;
    outline: 0;
    font-family: inherit;
    font-size: 12px;
}
#feedback_collct form button,#feedback_collct #otp-submit{
    background: #e78c60;
    border-radius: 30px;
    font-weight: bold;
    font-size: 15px;
    color: #000;
    padding: 10px 15px;
    border: none;
    min-width: 130px;
    outline: none;
    display: block;
    margin: 0 auto;
    text-align: center;
    cursor: pointer;
}
.enquire_otp{
    display: none;
}
.enquire_otp a{
    cursor: pointer;
}
/* Enquire Now */
/* Floating Box */
.floating_box{
    position: fixed;
    left: -320px;
    bottom: 20px;
    border-radius: 5px;
    background-color: #fff;
    z-index: 9999999;
    min-width: 320px;
    max-width: 320px;
    min-height: auto;
    max-height: max-content;
    box-shadow: 0 0 16px 0px rgb(160 160 160 / 40%);
    padding: 10px;
    overflow:hidden;
    box-sizing:border-box; 
    } 
    .floating_box a{
    position: relative;
    text-decoration: none;
    display: block;
    min-width: 100%;
    height: 100%;
    }
    .floating_box .close{
    position: absolute;
    right: 3px;
    top: 3px; 
    height: auto;
    display: flex;
    cursor: pointer;
    }
    .floating_box .close i{ 
    font-size: 12px; 
    }
    .floating_box a .box_body{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    }
    .floating_box a .box_body .box_image{
        min-width: 80px;
        width: 80px;
        height: 75px;
        overflow: hidden;
        margin-right: 15px;
       display: flex;
       border-radius: 5px;
       border: 1px solid #eee;
    }
    .floating_box a .box_body .box_image img{
    width: 100%;
    height: auto;
    object-fit: contain;
    }
    .floating_box a .box_body .box_content h6{
    font-size: 14px;
    white-space: pre-wrap;
    font-weight: 700;
    color: #000;
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 32px;
    }
    
    .floating_box a .box_body .box_content .namespace{
        flex-direction: row;
        display: flex;
    align-items: center;
    justify-self: flex-start;
    flex-wrap: wrap;
        margin-top: 10px;
    }
    
    .floating_box a .box_body .box_content .namespace p{
    margin: 0 5px 0 0;
    font-size: 12px;
    color: #000;
        font-weight: 500;
        width: max-content;
    white-space: pre-wrap;
    }
    .floating_box a .box_body .box_content .bottom_content .pur_time span{
    font-size: 9px; 
    color: #000;
    font-weight: 700;
    }
    /* Floating Box */
    /* Tech Support */
    .tech_support{
        position: fixed;
        left: 0;
        bottom: 170px;    
        border-radius: 5px;
        background-color: transparent;
        z-index: 9999999;
    }
    #tech_support form button{
        background: #e78c60;
        border-radius: 30px;
        font-weight: bold;
        font-size: 15px;
        color: #ffffff;
        padding: 10px 15px;
        border: none;
        min-width: 130px;
        outline: none;
        display: block;
        margin: 0 auto;
        text-align: center;
        cursor: pointer;
    }
    #tech_support form label {
         font-weight: 700;
         font-size: 12px;
         color: #000;
    }
    #tech_support form h6,  #tech_support form textarea{
        font-size: 14px;
    }
    .tech_support button {
        background: #e78c60;
        border-radius: 0 15px 15px 0;
        color: #fff;
        text-align: center;
        max-width: max-content;
        font-weight: bold;
        font-size: 14px;
        padding: 10px;
        border: none;
        box-shadow: 0 0 16px 0px rgb(160 160 160 / 40%);
    }
    /* Tech Support */
    /* Thane Vaibhav Page */
    .thane{
        background-color: #f9f9f9 !important;
        font-family: 'Montserrat';
    }
    .thane nav{
        text-align: center;
        margin: 0 auto;
    }
    .thane .logo{
        width: 150px;
        height: auto;
    }
    .cms_image{
        width: 100%; 
        margin: 15px auto;
        text-align: center;
    }
    .thane_title{
        font-family: "DM Serif Display";
        padding: 30px 0;
        position: relative;
    }
    .thane_info{
        color: #5c5c5c;
        font-family: "DM Serif Display";
        font-size: 17px;
        margin-bottom: 30px;
    }
    .thane_info span{
        color: #e78c60;
    }
    .thane_title::before{
        content: '';
        position: absolute;
        bottom: 20px;
        left: 0;
        right: 0;
        width: 50%;
        border-bottom: 3px solid #e78c60;
        margin: 0 auto;
        text-align: center;
    }
    .registration h4{
        font-size: 30px;
        font-weight: 700;
    }
    .cms_image img{
        width: 100%;
        height: 100%;
        border-radius: 20px;
        object-fit: cover;
    }
    .timelines{
        padding: 30px 0;
    }
    .timelines .timers,.timelines .notes{
        box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
        background-color: #ffffff;
        padding: 20px;
        border-radius: 20px;
        margin-top: 20px;
    }
    .timelines .timers h5,.timelines .notes h5{
        font-weight: 700;
        font-size: 20px;
        margin-bottom: 20px;
        color: #747474;
    }
    .timelines .timers ul{
        position: relative;
        padding-left: 20px;
        margin: 0;
        display: flex;
    }
    /* .timelines .timers ul li:first-child{
        margin-right: 50px;
    }
    .timelines .timers ul li span{
        font-size: 14px;
        font-weight: 600;
        color: #000;
    }
    .timelines .timers ul li p{
        font-size: 16px;
        font-weight: 600;
        color: #767676;
    }
    .timelines .timers ul li:not(:first-child) p{ 
        margin-bottom: 0;
    } */
    .timelines .notes p{
        color: #767676;
        font-size: 14px;
    }
    /* Thane Vaibhav Page */
    
    #dhoom .modal-body{
        padding: 0 !important;
    }
    #dhoom .modal-body .close{
        position: absolute;
        right: 10px;
        top: 0;
    }
    #dhoom .modal-body .close i{
        color: #fff;
        font-size: 15px;
    }

    .freeTrial_card_container .freeTrial_card_banner .ribbon {
        position: absolute;
        left: -5px; top: -5px;
        z-index: 1;
        overflow: hidden;
        width: 75px; height: 75px;
        text-align: right;
    }
    .freeTrial_card_container .freeTrial_card_banner .ribbon span {
        font-size: 12px;
        font-weight: bold;
        color: #FFF;
        text-transform: uppercase;
        text-align: center;
        line-height: 20px;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        width: 100px;
        display: block;
        background: #ff0000;
        background: #ff0000;
        box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
        position: absolute;
        top: 19px; left: -21px;
    }
    .freeTrial_card_container .freeTrial_card_banner .ribbon span::before {
        content: "";
        position: absolute; left: 0px; top: 100%;
        z-index: -1;
        border-left: 3px solid #ff0000;
        border-right: 3px solid transparent;
        border-bottom: 3px solid transparent;
        border-top: 3px solid #ff0000;
    }
    .freeTrial_card_container .freeTrial_card_banner .ribbon span::after {
        content: "";
        position: absolute; right: 0px; top: 100%;
        z-index: -1;
        border-left: 3px solid transparent;
        border-right: 3px solid #ff0000;
        border-bottom: 3px solid transparent;
        border-top: 3px solid #ff0000;
    }