/*
  Theme Name: eClass - Learning Management System
  Theme URL: https://mediacity.co.in/eclass/
  Author: Media City
  Author URI: https://mediacity.co.in
  Creation Date: 30 January 2020
  Description: A default stylesheet for eClass - Learning Management System.
  Version: 2.4
*/

/*=======================================================================
              [Table of Contents]
=========================================================================

01. Typography
02. General
03. Preloader
04. 404 page
05. coming-soon page
06. Nav-Bar
07. Home
08. Work
09. Courses
10. Student-View
11. Recommendation
12. Categories
13. Testimonial
14. Footer
15. Product-Dtl-Home-Page
16. Product-Dtl-Page
17. Login-Page
18. SignUp-Page
19. AboutUs-Page
20. Category-Page
21. Blog-Page
22. Blog-dtl-Page
23. Contact-us page
24. Map
25. Courses-Page
26. Filter-Page
27. Featured-Iteam
28. Mobile-Page
29. Help-Page
30. Terms-page
31. Teach-Online-Page
32. Affiliate-Page
33. Careers-page

/* =============== Colors Used =====================

  Red         : #F44A4A;
  Mehroon     : #992337;
  Blue        : #992337;
  Black       : #000;
  White       : #FFF;
  Gray        : #F4F4F4;
  Yellow      : #F5C252;

 ===================================================*/
:root {
    --background-blue-bg-color: #0284A2;
    --linear-gradient-bg-color: linear-gradient(-45deg, #6E1A52 0, #F44A4A 100%);
    --linear-gradient-reverse-bg-color: linear-gradient(-45deg, #002642 0, #002642 100%);
    --linear-gradient-detail-bg-color: linear-gradient(220deg, #F44A4A -30%, #6E1A52 70%);
    --linear-gradient-about-bg-color: linear-gradient(197.61deg, #F44A4A, #6E1A52);
    --linear-gradient-about-line-bg-color: linear-gradient(213deg, #F44A4A, #6E1A52);
    --linear-gardient-help-bg-color: linear-gradient(to bottom, rgba(172, 51, 73, 1) 0%, rgba(110, 26, 82, 1) 100%);
    --background-red-bg-color: #F44A4A;
    --background-grey-bg-color: #F7F8FA;
    --background-light-grey-bg-color: #F9F9F9;
    --background-black-bg-color: var(--text-light-grey-color);
    --background-white-bg-color: #FFF;
    --background-mehroon-bg-color: #992337;
    --text-black-color: #002642;
    --text-light-grey-color: #002642;
    --text-red-color: #F44A4A;
    --text-dark-grey-color: #686F7A;
    --text-blue-color: #0284A2;
    --text-dark-blue-color: #003845;
    --text-white-color: #FFF;
    --background-green-bg-color: #64308b;
    --background-blue-bg-color: #002642;
    --text-green-color: #64308b;
}

/* ================================= */
/*===== Typography =====*/
/* ================================= */
/*@import url('https://fonts.googleapis.com/css2?family=Mukta:wght@300&display=swap');*/
/* @import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&family=Roboto:wght@300;400;500;700&display=swap'); */

body {
    font-family: 'Poppins', sans-serif !important;
    /* font-family: 'Mukta', sans-serif; */
    /* font-family: 'Muli', sans-serif; */
    /* font-family: 'Roboto', sans-serif !important;
    font-family: 'Roboto Condensed', sans-serif !important;         */
    font-weight: 500;
    letter-spacing: 1px;
    color: var(--text-black-color);
    font-size: 14px;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

html,
body {
    /*height: 100%;*/
    /*min-height: 100%;*/
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
    /* font-family: 'Muli', sans-serif; */
    /*font-family: 'Mukta', sans-serif;*/
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    color: var(--text-black-color);
    margin-bottom: 20px;
    font-weight: 600;
}

h1 {
    font-size: 36px;
}

h2 {
    font-size: 28px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 16px;
}

h6 {
    font-size: 13px;
}

a {
    color: var(--text-green-color);
    font-size: 14px;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

a:hover,
a:focus {
    color: var(--text-light-grey-color);
    text-decoration: none;
}

a:active {
    text-decoration: none;
}

p {
    margin-bottom: 10px;
}

blockquote {
    font-size: 16px;
    font-weight: 400;
    font-style: italic;
}

ul {
    list-style: none;
    /* padding-left: 0; */
}

.pl-0{
    padding-left: 0 !important;
}

/* ================================= */
/*===== General =====*/
/* ================================= */
.overlay-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.parallax {
    width: 100%;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
}

.btn-primary {
    padding: 10px 25px;
    background-color: var(--background-green-bg-color);
    color: var(--text-white-color) !important;
    font-size: 12px;
    font-weight: bold;
    border: 0;
    box-shadow: 0 0 5px 0px transparent;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
    letter-spacing: 1px;
    border-radius: 7px;
    text-transform: uppercase;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

/* .btn-primary:hover {
    border: 1px solid #66cfa9;
    background-color: var(--background-white-bg-color);
    color: var(--text-green-color) !important;
}
.btn-primary:hover i, .btn-primary:focus i {
    color: #66cfa9 !important;
}
.btn-primary:focus {
    background-color: var(--background-green-bg-color);
    color: var(--text-white-color) !important;
    border-color: #66cfa9;
} */
.btn-primary:hover {
    color: #64308b;
    background: white;
    box-shadow: 0 0 5px 0px #64308b;
}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
    background-color: var(--background-green-bg-color);
    color: var(--text-white-color) !important;
    box-shadow: 0 0 0 0.2rem rgba(81, 190, 120, 0.5) !important;
    border-color: #64308b;
}

.btn-blue {
    padding: 15px 25px;
    background-color: var(--text-light-grey-color);
    color: var(--text-white-color);
    font-size: 15px;
    font-weight: 400;
    border: 1px solid transparent;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.btn-blue:hover {
    border: 1px solid #001525;
    background-color: #001525;
    color: var(--text-white-color);
}

.btn-blue:focus {
    background-color: #001525;
    color: var(--text-white-color);
    border-color: #001525;
}

.btn-blue:not(:disabled):not(.disabled).active,
.btn-blue:not(:disabled):not(.disabled):active,
.show > .btn-blue.dropdown-toggle {
    background-color: #001525;
    color: var(--text-white-color);
    box-shadow: 0 0 0 0.2rem rgba(24, 44, 73, 0.5) !important;
    border-color: #001525;
}

.link-blue {
    color: var(--text-light-grey-color);
}

.link-blue:hover {
    color: var(--text-green-color);
}

.btn-secondary {
    padding: 15px 25px;
    background-color: var(--background-white-bg-color);
    color: var(--text-green-color) !important;
    font-size: 15px;
    border: 1px solid #64308b;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.btn-secondary:hover {
    border: 1px solid #64308b !important;
    background-color: var(--background-green-bg-color) !important;
    color: var(--text-white-color) !important;
}

.btn-secondary:focus {
    background-color: var(--background-white-bg-color);
    color: var(--text-light-grey-color);
}

.btn-blue-secondary {
    padding: 15px 25px;
    background-color: var(--background-white-bg-color);
    color: var(--text-light-grey-color);
    font-size: 15px;
    border: 1px solid #002642;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.btn-blue-secondary:hover {
    border: 1px solid #002642;
    background-color: var(--text-light-grey-color);
    color: var(--text-white-color);
}

.btn-blue-secondary:focus {
    background-color: var(--background-white-bg-color);
    color: var(--text-light-grey-color);
}

.btn-info {
    padding: 10px 15px;
    background: var(--background-blue-bg-color);
    color: var(--text-white-color);
    font-size: 15px;
    font-weight: 500;
    border: 1px solid #0284A2;
    border-radius: 1px;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.btn-info:hover {
    border: 1px solid #00576B;
    background-color: #00576B;
    color: var(--text-white-color);
}

.btn-link {
    padding: 5px;
    font-size: 13px;
    padding: 3px 17px;
    background-color: transparent;
    color: var(--text-dark-grey-color);
    border: 1px solid #CACBCC;
    border-radius: 3px;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.btn-link.active,
.btn-link:hover {
    background: transparent;
    border-color: var(--text-light-grey-color);
    color: var(--text-light-grey-color);
    text-decoration: none;
}

.btn-light {
    font-size: 16px;
    border-radius: 0;
    background: var(--background-blue-bg-color);
    color: var(--text-white-color);
    width: 100%;
    border: 1px solid #0284A2;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.btn-light.active,
.btn-light:hover {
    background-color: #003845;
    border: 1px solid #003845;
    color: var(--text-white-color);
    text-decoration: none;
    border-radius: 0;
}

.form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.owl-carousel .owl-nav button.owl-prev {
    margin-right: 58px;
    margin-left: -35px;
}

.owl-carousel .owl-nav button.owl-next {
    margin-left: 98%;
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    color: var(--text-blue-color);
    background-color: var(--background-white-bg-color);
    border-radius: 50%;
    box-shadow: 0 0 1px 1px rgba(20, 23, 28, 0.1);
    font-size: 24px;
    top: 50%;
    transform: translate(0, -50%);
    width: 55px;
    height: 55px;
    text-align: center;
    line-height: 40px;
    z-index: 10;
    cursor: pointer;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.owl-carousel .owl-nav button.owl-next:hover,
.owl-carousel .owl-nav button.owl-prev:hover {
    color: var(--text-green-color);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
}

.owl-dot {
    margin: 0 auto;
    left: 0;
    right: 0;
    text-align: center;
}

.owl-dot {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    border: 1px solid #000;
    background-color: var(--background-white-bg-color);
    margin-right: 5px;
}

.owl-dot.active {
    border: 1px solid #0891FF;
}

.rating {
    unicode-bidi: bidi-override;
    display: inline-block;
    font-size: 12px;
    color: #F4C150;
    margin-top: 10px;
}

.rating input {
    position: absolute;
    left: -999999px;
}

.rating label {
    display: inline-block;
    font-size: 0;
}

.rating > label:before {
    position: relative;
    font: 16px/1 FontAwesome;
    display: block;
    content: "\f005";
    color: #F4C150;
    background: -webkit-linear-gradient(-45deg, #B6C1C7 0%, #B6C1C7 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.rating > label:hover:before,
.rating > label:hover ~ label:before,
.rating > label.selected:before,
.rating > label.selected ~ label:before {
    color: #F4C150;
    background: -webkit-linear-gradient(-45deg, #FCB551 0%, #D69A45 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.h-center {
    margin: 0 auto;
    left: 0;
    right: 0;
}

.v-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

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

.txt-rgt {
    text-align: right;
}

.txt-black {
    color: #000;
}

.border-btm {
    border-bottom: 1px solid #DEDFE0;
}

.btm-120 {
    margin-bottom: 120px;
}

.btm-105 {
    margin-bottom: 105px;
}

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

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

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

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

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

.btm-5 {
    margin-bottom: 5px;
}

.rgt-20 {
    margin-right: 20px;
}

.rgt-15 {
    margin-right: 15px;
}

.rgt-10 {
    margin-right: 10px;
}

.rgt-5 {
    margin-right: 5px;
}

.lft-7 {
    margin-left: 7px;
}

.lft-10 {
    margin-left: 10px;
}

.lft-20 {
    margin-left: 20px;
}

.lft-40 {
    margin-left: 40px;
}

.lft-90 {
    margin-left: 90px;
}

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

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

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

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

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

.float-rgt {
    float: right;
}

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

.bdr-yellow,
.bdr-purple,
.bdr-blue {
    border-top: 8px solid #F4C150;
    border-radius: 4px 4px 0 0;
}

.bdr-purple {
    border-top: 8px solid #853C6C;
}

.bdr-blue {
    border-top: 8px solid #0284A2;
}

button:focus {
    outline: none;
}

.italic {
    font-style: italic;
}

.section-heading {
    position: relative;
    padding: 22px 0;
    margin-bottom: 50px;
}

.section-heading:after {
    content: "";
    width: 50px;
    height: 2px;
    background: var(--background-blue-bg-color);
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 0;
}

.col-five {
    width: 20%;
    height: auto;
}

.width {
    width: 33%;
}

.border-rgt {
    border-right: 1px solid #DEDFE0;
}

.facebook {
    background-color: #4264A3;
    border: 1px solid #4264A3;
}

.twitter {
    background-color: #60B6F0;
    border: 1px solid #60B6F0;
}

.linkedin {
    background-color: #0086C2;
    border: 1px solid #0086C2;
}

.youtube {
    background-color: #E15849;
    border: 1px solid #E15849;
}

.display-inline {
    display: inline;
}

.display-none {
    display: none;
}

sup.redstar {
    color: #FF0000;
}

.page-item .page-link {
    color: #117D97;
    font-size: 17px;
    background-color: transparent;
    border: 1px solid #EDEEF0;
    border-radius: 0;
    padding: 10px 15px;
}

.page-item .page-link:last-child {
    border-radius: 0;
}

.page-item.active .page-link {
    color: var(--text-white-color);
    font-size: 17px;
    background-color: #117D97;
    border: 1px solid #117D97;
    border-radius: 0;
    padding: 10px 15px;
}

.page-item .page-link:hover {
    color: #084054;
    background-color: #EDEEF0;
}

/* ================================= */
/*===== Preloader =====*/
/* ================================= */
.preloader, .student-loading {
    background-color: #F7FAFD;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    position: fixed;
    z-index: 9999999999999;
    opacity: 1.5;
}

.status,
.status-message, .student-loading-status {
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-position: center;
    background-repeat: no-repeat;
}


.status-message {
    top: 40%;
    bottom: 0;
    margin: 0 auto;
}

.status img {
    margin: 10% auto 0;
}


/* ================================= */
/*===== 404 page =====*/
/* ================================= */
.error-page-main-block {
    background-color: #F3F4F3;
    height: 100%;
}

.error-block {
    padding: 60px 0;
}

.error-heading {
    font-size: 70px;
}

.error-heading span {
    font-size: 110px;
    font-weight: 500;
}

.error-block p {
    font-size: 20px;
}

/* ================================= */
/*===== coming-soon page =====*/
/* ================================= */
.coming-soon-main-block {
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px 0;
    height: 100vh;
    position: fixed;
    width: 100%;

}

.coming-soon-main-block .logo {
    position: relative;
}

.coming-soon-block {
    padding: 120px 0;
}

.comming-soon-heading {
    font-size: 80px;
    text-transform: uppercase;
    font-weight: 500;
    position: relative;
}

.coming-soon-main-block .nav-bar-btn {
    position: relative;
}

/* ================================= */
/*===== Nav-Bar =====*/
/* ================================= */
.nav-bar-main-block {
    padding: 10px 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08), 0 4px 12px rgba(0, 0, 0, 0.08);
}

.nav-search .form-control {
    padding: 13px 0 13px 20px;
    color: #000;
    border-radius: 0;
    border: none;
    background-color: var(--background-grey-bg-color);
    display: inline-block;
    float: left;
    width: 250px;
}

/* .nav-bar-main-block .logo a img {
    width: 100px;
}

.nav-bar-main-block .logo .img-fluid {
    max-width: 100px;
    height: auto;
} */

.nav-search .btn-primary {
    padding: 14px 15px;
    border-radius: 0;
    color: var(--text-red-color);
    background-color: var(--background-grey-bg-color);
    height: 50px;
}

.nav-search .btn-primary:hover {
    color: var(--text-white-color);
    background-color: var(--background-red-bg-color);
}

.learning-business .btn-link {
    padding: 15px;
    border: none;
}

.learning-business .btn-link:hover {
    /*border-color: var(--text-light-grey-color);*/
    /*color: var(--text-light-grey-color);*/
    /*background-color: var(--background-grey-bg-color);*/
}

.shopping-cart i {
    border: 0;
    padding: 0;
    border-radius: 100%;
    display: inline-flex;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    font-size: 25px;
    color: #002642;
    left: 7px;
    position: relative;
}
@media (max-width: 992px) {
    .shopping-cart i {
        right: 22px;
        left: auto;
    }
}

.shopping-cart i:hover {
    /*background: rgba(20, 23, 28, 0.05);*/
    /*border: 1px solid rgba(20, 23, 28, 0.05);*/
}

.shopping-cart [class^="flaticon-"]:before,
[class*=" flaticon-"]:before,
[class^="flaticon-"]:after,
[class*=" flaticon-"]:after {
    margin-left: -6px;
    color: var(--text-red-color);;
    font-size: 22px;
}

.Login-btn {
    text-align: right;
}

.Login-btn .btn-primary,
.Login-btn .btn-secondary {
    padding: 13px;
    border-radius: 3px;
}

.Login-btn .btn-secondary {
    padding: 13px;
}

#cssmenu ul ul li a
[class^="flaticon-"]:before,
[class*=" flaticon-"]:before,
[class^="flaticon-"]:after,
[class*=" flaticon-"]:after {
    font-size: 20px;
    vertical-align: middle;
}

#cssmenu ul ul li a .fa, .fas {
    margin-top: 5px;
}

.featured-iteam-main-block {
    padding: 60px 0;
}

@media (max-width: 992px) {
    .nav-search {
        margin-bottom: 20px;
    }

    .nav-bar-main-block .form-inline.search-form .form-group {
        display: block;
        text-align: center;
        /*margin: 0 auto;*/
        margin-bottom: 0;
    }

    .nav-search form {
        justify-content: center;
    }
}

@media (max-width: 576px) {
    .nav-search form {
        justify-content: center;
    }

    .nav-bar-main-block .form-inline.search-form .form-group {
        width: 250px;
    }
}

/* ================================= */
/*===== Home =====*/
/* ================================= */
.home-main-block {
    padding: 110px 90px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    height: 385px;
}

.home-heading {
    font-size: 50px;
}

.home-dtl p {
    font-size: 20px;
}

.search-block .form-group {
    border-radius: 2px;
    position: relative;
}

.search-block .form-control {
    padding: 13px 0 13px 13px;
    width: 500px;
    border-radius: 1px;
}

.search-block .form-btn .btn-primary {
    position: absolute;
    right: 0;
    top: 0;
    padding: 12px 18px;
    background-color: transparent;
    border: none;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.search-block .form-btn .btn-primary:hover {
    background-color: var(--background-red-bg-color);
    color: var(--text-white-color);
    border-radius: 2px;
}

.search-block .form-btn .btn-primary i {
    font-size: 20px;
    color: var(--text-red-color);;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.search-block .form-btn .btn-primary:hover i {
    color: var(--text-white-color);
}

.navigation [class^="flaticon-"]:before,
[class*=" flaticon-"]:before,
[class^="flaticon-"]:after,
[class*=" flaticon-"]:after {
    font-size: 18px;
    color: var(--text-light-grey-color);
    margin-right: 5px;
}

@media (max-width: 992px) {
    .Login-btn {
        text-align: center;
        margin-bottom: 20px;
    }

    .learning-business {
        text-align: center;
        margin-bottom: 20px;
    }

    .logo {
        text-align: center;
    }

    .shopping-cart {
        text-align: center;
    }

    .search-block .form-control {
        width: 300px;
    }

}

@media (max-width: 576px) {
    .home-heading {
        font-size: 40px;
    }

    .home-main-block {
        padding: 30px 25px;
        height: 350px;
    }

    .search-block .form-control {
        width: 100%;
    }
}

/* =================================
    /*===== Work =====*/
/* ================================= */
.learning-work-main-block {
    background: var(--linear-gradient-reverse-bg-color);
    padding: 10px 0;
}

.work-heading {
    font-size: 17px;
    font-weight: 500;
}

.learning-work-dtl p {
    font-size: 15px;
    margin-bottom: 2px;
}

.learning-work-dtl {
    padding: 5px 10px;
}

.learning-work-icon i {
    font-size: 45px;
    margin-left: 10px;
    margin-top: 8px;
}

@media (max-width: 767px) {
    .learning-work-block {
        text-align: center;
        padding: 15px 0;
    }
}

/* =================================
    /*===== Courses =====*/
/* ================================= */
.learning-courses-main-block {
    padding: 40px 0;
    min-height: 100% !important;
}

.learning-selection {
    padding: 148px 20px 57px;
    background-color: var(--background-grey-bg-color);
    margin-bottom: 30px;
    margin-top: 40px;
    margin-right: 7px;
}

.selection-heading {
    font-size: 20px;
    font-weight: 500;
}

.learning-selection p {
    font-size: 17px;
}

.learning-courses ul {
    border-bottom: 1px solid #DEDFE0;
}

.learning-courses-main-block .view-block:hover {
    box-shadow: 0 2px 8px 2px rgba(20, 23, 28, 0.2);
    border-radius: 0.25rem;
}

.learning-courses-main-block .view-block {
    margin-bottom: 20px;
    box-shadow: 0 0 1px 1px rgba(20, 23, 28, 0.1), 0 3px 1px 0 rgba(20, 23, 28, 0.1);
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    border-radius: 0.25rem;
}

.learning-courses ul li {
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.learning-courses .btn {
    padding: 0;
}

.learning-courses .nav-link {
    border: none;
    border-bottom: 5px solid transparent;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.learning-courses .nav-link.active {
    border: none;
    border-bottom: 5px solid #0284A2;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.learning-courses .nav-tabs .nav-link:hover {
    border-color: var(--text-blue-color) #0284A2 #0284A2;
}

.learning-courses-main-block .owl-carousel .owl-nav button.owl-prev {
    margin-right: 36px;
    margin-left: -27px;
}

.learning-courses-main-block .owl-carousel .owl-nav button.owl-next {
    margin-left: 96%;
}

.learning-courses-main-block .owl-carousel .owl-nav button.owl-prev,
.learning-courses-main-block .owl-nav button.owl-next {
    top: 32%;
}

.learning-courses-main-block .owl-carousel .owl-nav.disabled {
    display: block;
}

@media (max-width: 992px) {
    .learning-selection {
        display: none;
    }
}

@media (max-width: 567px) and (max-width: 767px) {
    .student-view-slider-main-block {
        margin-bottom: 30px;
    }
}

/* =================================
    /*===== Student-View =====*/
/* ================================= */
.student-view-block {
    margin-bottom: 50px;
}

.student-heading {
    color: var(--text-light-grey-color);
}

.view-dtl {
    padding: 10px;
    border: 1px solid #DEDFE0;
    border-radius: 0;
    height: 155px;
    /*box-shadow: 0 0 1px 1px rgba(20, 23, 28, 0.1), 0 3px 1px 0 rgba(20, 23, 28, 0.1);*/
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    border-bottom-left-radius: .25rem;
    border-bottom-right-radius: .25rem;
    background: #fff;
}

.best-seller {
    position: absolute;
    text-align: center;
    font-size: 10px;
    font-weight: 500;
    top: 12px;
    bottom: 0;
    left: 0;
    background-color: #F4C150;;
    width: 80px;
    height: 15px;
    z-index: 9;
    border-radius: 0 10px 10px 0;
}

.student-view-block:hover, .package-item:hover ,
.skill_box .card:hover, .skill_box.active .card ,
.skill__box .card:hover, .skill__box.active .card {
    /* box-shadow: 0 2px 8px 2px rgba(20, 23, 28, 0.2);
    border-radius: .25rem; */
    color: white;
    border-radius: 10px;
    /* border-bottom: 5px solid #005899; */
    box-shadow: 0 2px 8px 2px rgb(0 58 101 / 75%);
    background: #002642;
}

.student-view-block, .skill_box ,
.student-view-block, .skill__box {
    /*border: 1px solid #DEDFE0;*/
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.main-about-block #accordionCcontent, .practice-exam-results-container #accordionCcontent, .practice-exam-results-container #accordionCcontentRes  {
    display: none;
}
@media (max-width: 575px) {
    /* .student-view-block, .skill_box:not(.active) {
        display: none;
    } */
    .feedback-container {
        padding: 0;
    }
    .feedback-container nav, .feedback-container .profile-block {
        padding-right: 15px !important;
        padding-left: 15px !important;
    }
    .main-about-block > #nav-tabContent, .main-about-block#nav-result .profile-block, .practice-exam-results-container .overview-block {
        display: none;
    }
    .main-about-block #accordionCcontent, .practice-exam-results-container #accordionCcontent, .practice-exam-results-container #accordionCcontentRes {
        display: block;
    }
    .practice-exam-results-container {
        padding: 0;
    }
    .practice-exam-results-container nav {
        padding: 0 15px;
    }
    .practice-exam-results-container .block-question-container {
        padding: 0 7px;
    }
    .practice-exam-results-container .block-question-container .about-home-dtl-block-question {
        margin: 15px;
    }
    #accordionCcontent > .skill_box > .card > div, #accordionCcontent > .skill__box > .card > div,
    #accordionCcontentRes > .skill_box > .card > div, #accordionCcontentRes > .skill__box > .card > div {
        padding: 1.25rem;
    }
    .practice-exam-results-container #nav-tabContent {
        margin-top: -1rem;
    }
    #accordionCcontent > .skill_box,#accordionCcontentRes > .skill_box {
        margin-bottom: 2rem;
    }
    #accordionCcontent > .skill__box, #accordionCcontentRes > .skill__box {
        padding: 15px;
    }
    /* .practice-exam-results-container #accordionCcontent > .skill__box,
    .practice-exam-results-container #accordionCcontentRes > .skill__box {
        padding: 15px 8px;
    } */
    #accordionCcontent > .skill_box .card-header, #accordionCcontent > .skill__box .card-header,
    #accordionCcontentRes > .skill_box .card-header, #accordionCcontentRes > .skill__box .card-header {
        margin-bottom: 0;
        padding: 10px 0 0;
        background-color: transparent;
    }
    #accordionCcontent > .skill_box .card-header .left-record, #accordionCcontent > .skill__box .card-header .left-record,
    #accordionCcontentRes > .skill_box .card-header .left-record, #accordionCcontentRes > .skill__box .card-header .left-record {
        margin-bottom: 0.5rem;
        box-shadow: 0 0 8px 2px rgb(20 23 28 / 10%);
    }
}
.view-heading {
    font-size: 16px;
    color: var(--text-black-color);
    font-weight: 500;
}

.view-heading a {
    font-size: 16px;
    color: var(--text-black-color);
    font-weight: 500;
}

.view-dtl p {
    font-size: 8px;
    color: var(--text-dark-grey-color);
}

.view-dtl .rating ul li {
    display: inline-flex;
    color: var(--text-light-grey-color);
    font-size: 14px;
    vertical-align: text-bottom;
}

.view-dtl .rating ul li i {
    color: #F4C150;
}

.view-dtl .rate ul li {
    display: inline-block;
    color: var(--text-black-color);
    font-size: 19px;
}

.view-dtl .rate ul li strike {
    display: inline-block;
    color: var(--text-dark-grey-color);
}

.view-dtl .rate .rate-r {
    font-size: 18px;
    margin-right: 10px;
    font-weight: 500;
}

.seller-dtl-block {
    padding: 20px 15px;
}

.update-date {
    color: var(--text-dark-grey-color);
}

.view-heading-one a {
    font-size: 20px;
    color: var(--text-black-color);
    font-weight: 500;
}

.student-view-block .view-img {
    position: relative;
}

.student-main-block .owl-carousel .owl-nav button.owl-prev,
.student-main-block .owl-carousel .owl-nav button.owl-next {
    top: 30%;
}

/* =================================
    /*===== Recommendation =====*/
/* ================================= */
.border-recommendation .top-border {
    background: var(--linear-gradient-reverse-bg-color);
    height: 8px;
}

.recommendation-main-block {
    padding: 105px 0;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 310px;
}

.recommendation-btn .btn-primary {
    padding: 12px 30px;
    border-radius: 1px;
}

/* ================================= */
/*===== Categories =====*/
/* ================================= */
.categories-main-block {
    padding: 50px 0;
}

.categories-block a {
    color: #14171C;
    font-size: 15px;
}

.categories-block i {
    margin-right: 15px;
    font-size: 30px;
}

.categories-block {
    border: 1px solid #DEDFE0;
    box-shadow: 0 0 1px 1px rgba(20, 23, 28, 0.1), 0 3px 1px 0 rgba(20, 23, 28, 0.1);
    margin-bottom: 20px;
    padding: 10px 10px 1px;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.categories-block:hover {
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
}

.categories-block [class^="flaticon-"]:before,
[class*=" flaticon-"]:before,
[class^="flaticon-"]:after,
[class*=" flaticon-"]:after {
    font-size: 30px;
}

.categories-block ul {
    margin-bottom: 10px;
}

.categories-block ul li {
    display: inline-block;
    vertical-align: middle;
}

/* =================================
    /*===== Testimonial =====*/
/* ================================= */
.testimonial-main-block {
    background-color: var(--background-grey-bg-color);
    padding: 50px 0 50px;
}

.testimonial-slider-main-block.owl-carousel .owl-item .testimonial-block img {
    width: 80px;
    height: 80px;
    border-radius: 100%;
    margin-right: 20px;
}

.testimonial-block {
    background-color: var(--background-white-bg-color);
    padding: 30px;
    box-shadow: 0 0 1px 1px rgba(20, 23, 28, .1),
}

.testimonial-block:hover {
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
}

.testimonial-block ul li {
    display: inline-block;
}

.testimonial-block ul li + li {
    vertical-align: top;
    padding-top: 25px;
}

.testimonial-block ul li .testimonial-a {
    background-color: rgba(104, 111, 122);
    color: var(--text-white-color);
    text-transform: uppercase;
    border-radius: 100%;
    border: 1px solid rgba(104, 111, 122);
    font-size: 20px;
    padding: 25px 30px;
}

.trusted-main-block {
    background-color: var(--background-grey-bg-color);
    padding: 10px 0 10px;
}

.patners-block {
    padding: 40px 100px;
    margin-bottom: 30px;
}

.patners-heading {
    color: var(--text-dark-grey-color);
    font-weight: 400;
    font-size: 22px;
}

.patners-heading a {
    font-size: 15px;
    font-weight: 500;
}

.blog-dtl {
    padding: 10px 90px;
}

.blog-heading a {
    font-size: 19px;
    color: var(--text-light-grey-color);
}

.blog-dtl p {
    font-size: 17px;
    margin-bottom: 20px;
}

.blog-btn .btn-primary {
    padding: 10px;
    border-radius: 1px;
    font-size: 14px;
    margin-bottom: 30px;
}

@media (max-width: 992px) {
    .border-rgt {
        border-right: none;
    }
}

@media (max-width: 767px) {
    .patners-block {
        padding: 30px 100px;
        margin-bottom: 0;
    }

    .patners-heading {
        font-size: 12px;
    }
}

/* ================================= */
/*===== Footer =====*/
/* ================================= */
.footer-block {
    padding: 30px 0 10px;
}

.widget {
    color: var(--text-blue-color);
    margin-bottom: 10px;
}

.footer-link ul li {
    margin-bottom: 15px;
}

.footer-link ul li ul li {
    margin-bottom: 0;
}

.footer-link ul li ul li {
    display: inline-block;
}

.footer-link ul li ul li:after {
    content: "/";
    margin: 0 0 3px 8px;
    color: var(--text-blue-color);
}

.footer-link ul li ul li:last-child:after {
    content: none;
}

.footer-dropdown {
    text-align: left;
    padding: 20px 0;
}

.footer-dropdown .a {
    border: 1px solid #686F7A;
    color: var(--text-dark-grey-color);
    padding: 10px 20px;
}

.footer-dropdown .dropdown-menu li a {
    color: var(--text-light-grey-color);
}

.footer-dropdown .dropdown-menu li {
    border: 1px solid transparent;
    padding: 5px 20px;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.footer-dropdown .dropdown-menu li:hover {
    background-color: #F2F3F5;
    border: 1px solid #F2F3F5;
}

.footer-local-page {
    padding: 20px 20px 5px 0;
}

.footer-local-page ul li {
    display: inline-block;
    margin-right: 15px;
    font-size: 13px;
}

.footer-local-page .active a {
    color: var(--text-light-grey-color);
}

.tiny-footer {
    padding: 20px;
}

.tiny-footer ul {
    margin-bottom: 0;
}

.logo-footer ul li {
    display: inline-block;
    margin-right: 10px;
    color: var(--text-dark-grey-color);
    vertical-align: middle;
}

.logo-footer img {
    vertical-align: baseline;
    width: 100px;
}

.copyright-social {
    text-align: right;
}

.copyright-social ul li {
    display: inline-block;
    margin-right: 10px;
}

@media (max-width: 992px) {
    .footer-link {
        margin-bottom: 30px;
    }
}

@media (max-width: 767px) {
    .copyright-social {
        text-align: center;
    }

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

/* ================================= */
/*===== Product-Dtl-Home-Page =====*/
/* ================================= */
.about-home-main-block {
    background-color: var(--background-black-bg-color);
    position: relative;
}

.about-home-block {
    padding: 50px 0;
}

.about-home-heading {
    font-size: 36px;
}

.about-home-block p {
    font-size: 18px;
}

.home-best-seller {
    text-align: center;
    font-size: 10px;
    font-weight: 500;
    background-color: #F4C150;
    color: var(--text-black-color);
    width: 80px;
    height: 25px;
    padding: 5px 0;
    border-radius: 0 10px 10px 0;
}

.about-home-block ul li {
    display: inline-block;
    margin-right: 10px;
}

.about-home-block ul li a {
    color: var(--text-white-color);
}

.about-home-block ul li ul li {
    margin-right: 0;
}

.about-home-icon ul li {
    display: inline-block;
    padding: 15px 0 0;
}

.about-home-icon ul li a {
    color: var(--text-white-color);
    font-size: 16px;
}

.about-home-icon ul li i {
    font-size: 25px;
    vertical-align: bottom;
}

.about-home-icon span:hover {
    color: #CACBCC;
}

.about-icon-one i {
    -webkit-text-stroke: 1px #FFF;
    color: var(--text-black-color);
}

.about-home-icon i:hover {
    color: var(--text-white-color);
}

.about-home-rate ul li {
    display: inline-block;
    font-size: 36px;
    color: var(--text-light-grey-color);
    margin-right: 5px;
    font-weight: 700;
}

.about-home-rate ul li span {
    font-size: 20px;
    color: var(--text-light-grey-color);
    font-weight: 400;
}

.about-home-offer {
    color: #992337;
}

.about-home-offer span {
    font-weight: 700;
}

.about-home-offer i {
    color: var(--text-white-color);
    margin-right: 5px;
    -webkit-text-stroke: 1px #992337;
}

.about-home-btn .btn-primary {
    padding: 15px 0;
    width: 100%;
    border-radius: 1px;
    font-weight: 500;
    font-size: 17px;
}

.about-home-includes-list ul li {
    margin-bottom: 8px;
    font-size: 14px;
    color: #777 !important;
}

.about-home-includes-list ul li span {
    font-weight: 500;
    font-size: 20px;
}

.about-home-includes-list ul li i {
    margin-right: 10px;
    -webkit-text-stroke: 1px #505763;
    color: var(--text-white-color);
}

.about-home-coupon a {
    font-size: 18px;
}

.about-home-share a {
    font-size: 18px;
}

.about-home-training {
    background-color: var(--background-white-bg-color);
    padding: 30px;
    color: var(--text-light-grey-color);
    box-shadow: 0 0 1px 1px rgba(20, 23, 28, 0.1), 0 3px 1px 0 rgba(20, 23, 28, 0.1);
    border-radius: 4px;
}

.about-home-product {
    position: absolute;
    top: 50px;
    width: 100%;
}

@media (max-width: 992px) {
    .about-home-product {
        position: relative;
        top: 0;
        margin-bottom: 30px;
    }
}

/* ================================= */
/*===== Product-Dtl-Page =====*/
/* ================================= */
.about-product-main-block {
    padding: 50px 0;
}

.product-learn-block {
    padding: 20px;
    background-color: var(--background-light-grey-bg-color);
    border: 1px solid #DEDFE0;
}

.product-learn-dtl ul li {
    margin-bottom: 20px;
    margin-left: 20px;
}

.product-learn-dtl i {
    margin-right: 20px;
    color: var(--text-light-grey-color);
    font-size: 15px;
    display: inline-block;
    width: 1em;
    margin-left: -1.5em;
    margin-right: .5em;
    text-indent: .5em;
    text-align: right;
    direction: rtl;
}

.product-learn-heading {
    font-size: 22px;
}

.about-home-main-block .video-item {
    text-align: center;
    border: 5px solid #FFF;
}

.about-home-main-block .video-device .bg_img {
    background-size: cover;
    width: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.about-home-main-block .video-device {
    position: relative;
}

.about-home-main-block .video-item .video-preview,
.about-home-main-block .video-item .video-preview iframe {
    width: 100%;
    height: 100%;
}

.about-home-main-block .video-preview {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 30;
    width: 100%;
}

.about-home-main-block .btn-video-play i {
    margin: 0 auto;
    position: relative;
    top: 50%;
    left: 15%;
    transform: translate(-50%, -50%);
    z-index: 30;
    color: var(--text-white-color);
    font-size: 42px;
    border: 1px solid transparent;
    border-radius: 100%;
    background-color: rgba(0, 0, 0, .6);
    padding: 25px 27px;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.about-home-main-block .btn-video-play:hover {
    opacity: 0.8;
}

/*===== Requirements  =====*/
.requirements {
    padding: 30px 0;
}

.requirements ul li {
    font-size: 15px;
}

.requirements ul li {
    list-style-type: disc !important;
    padding-left: 15px;
}

/*===== Description Block  =====*/
.description-block ul {
    list-style-type: disc;
    padding-left: 15px;
    margin-top: 20px;
}

.description-block ul li {
    padding: 5px;
}

/*===== About Course  =====*/
.about-course ul li {
    padding: 8px;
}

/*===== Featured Review Block  =====*/
.featured-review-block {
    padding: 40px;
    background-color: var(--background-grey-bg-color);
}

.featured-review img {
    border-radius: 100%;
}

.featured-review-img-dtl {
    padding: 0 25px;
}

.review-img-name {
    font-size: 16px;
}

.review-img-name span {
    font-weight: 500;
}

.featured-review-img-dtl ul li {
    display: inline-block;
}

.featured-review-block a {
    color: var(--text-dark-grey-color) !important;
    font-size: 13px;
}

.featured-review-block .review {
    color: var(--text-dark-grey-color);
}

/*===== Students Bought Block  =====*/
.course-bought-block {
    padding: 18px;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.course-bought-block:hover {
    background-color: #E8E9EB;
}

.course-bought-img {
    position: relative;
    margin-bottom: 10px;
}

.course-bought-img-dtl {
    position: absolute;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.9);
    padding: 2px 38.5px;
}

.course-bought-block .course-name {
    font-weight: 500;
}

.course-bought-block .course-update {
    font-size: 13px;
    color: var(--text-dark-grey-color);
}

.course-bought-block .course-rating ul li {
    display: inline-block;
}

.course-bought-block .course-rating i {
    color: #F4C150;
}

.course-bought-block .course-user ul li {
    display: inline-block;
}

.course-bought-block .course-user i {
    -webkit-text-stroke: 2px #505763;
    color: var(--text-white-color);
}

.course-bought-block .course-rate ul li {
    display: inline-block;
    margin-right: 8px;
    font-size: 14px;
    font-weight: 500;
}

.course-bought-block .course-rate i {
    -webkit-text-stroke: 1px #F44A4A;
    color: var(--text-white-color);
    font-size: 20px;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.course-bought-block .course-rate .heart-two i {
    -webkit-text-stroke: 1px #F44A4A;
    color: var(--text-red-color);;
    font-size: 20px;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.course-bought-block .course-rate i:hover {
    color: var(--text-red-color);;
}

.course-bought-block .course-currency ul li {
    display: inline-block;
    margin-right: 8px;
    font-size: 16px;
    font-weight: 500;
}

.course-bought-block img {
    width: 100%;
}

@media (max-width: 576px) {
    .course-bought-block {
        margin-bottom: 20px;
    }

    .course-bought-img-dtl {
        display: none;
    }
}

/*===== Course-Content Block  =====*/
.course-content-block .second-accordion {
    margin-bottom: 20px;
}

.course-content-block .second-accordion .card-header {
    padding: 0;
    background: transparent;
    border-bottom: 0;
}

.course-content-block .second-accordion .card-header button.btn {
    display: block;
    width: 100%;
    cursor: pointer;
    text-align: left;
    text-decoration: none;
    font-size: 15px;
    font-weight: 400;
    padding: 10px 10px 10px 40px;
    position: relative;
    margin-bottom: 5px;
    background-color: var(--background-light-grey-bg-color);
    border: solid 1px #E8E9EB;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.course-content-block .second-accordion .card {
    border: 0;
    font-size: 17px;
}

.course-content-block .second-accordion .card-body {
    padding: 0;
    padding-bottom: 10px;
}

.course-content-block .second-accordion .card-header button.btn[aria-expanded="false"]:before {
    position: absolute;
    content: "\+";
    font-family: fontawesome;
    left: 15px;
    color: var(--text-blue-color);
    text-align: center;
    font-size: 20px;
    line-height: 23px;
}

.course-content-block .second-accordion .card-header button.btn[aria-expanded="true"]:before {
    position: absolute;
    content: "\-";
    font-family: fontawesome;
    left: 15px;
    color: var(--text-blue-color);
    text-align: center;
    font-size: 20px;
    line-height: 16px;
}

.course-content-block .table td,
.course-content-block .table th {
    font-size: 14px;
    cursor: pointer;
}

.course-content-block .table th i {
    opacity: 0.3;
    font-size: 15px;
}

.course-content-block .table tr {
    border: 1px solid #E8E9EB;
}

@media (max-width: 576px) {
    .faq-block .btn {
        white-space: initial;
    }
}

/*===== Bought Together Block  =====*/
.bought-together {
    background-color: var(--background-light-grey-bg-color);
    border: 1px solid #DEDFE0;
    padding: 30px 15px;
}

.together-img .view-img img {
    width: 100%;
}

.total ul li {
    display: inline-block;
    font-size: 20px;
}

.total-rate {
    color: var(--text-light-grey-color);
    font-size: 15px;
}

.total .btn-primary {
    padding: 15px 60px;
    border-radius: 2px;
}

.together-img .best-seller {
    left: 15px;
}

.view-img {
    position: relative;
}

.together-img .heart {
    position: absolute;
    top: 10px;
    right: 10px;
    -webkit-text-stroke: 1px #FFF;
    color: var(--text-dark-grey-color);
    font-size: 20px;
}

.together-img .heart-two i {
    position: absolute;
    top: 15px;
    right: 20px;
    -webkit-text-stroke: 1px #FFF;
    color: var(--text-red-color);;
    font-size: 20px;
}

.together-img .heart:hover {
    color: var(--text-red-color);;
}

.course-combo i {
    position: absolute;
    top: 110px;
    right: -28px;
    font-size: 42px;
    padding: 5px 8px;
    color: var(--text-white-color);
    background-color: #E8E9EB;
    border: 1px solid #DEDFE0;
    border-radius: 100%;
}

.together-img-hover ul li {
    display: inline-block;
}

.together-img {
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.together-img-hover {
    padding: 10px;
    position: absolute;
    top: 0;
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.together-img:hover .together-img-hover {
    padding: 10px;
    position: absolute;
    top: 0;
    opacity: 1;
}

.dtl-hover {
    font-size: 13px;
    font-weight: 900;
}

.about-product-main-block .student-view-block {
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .together-img .view-img img {
        width: 100%;
    }

    .together-img {
        margin-bottom: 20px;
    }
}

@media (max-width: 576px) {
    .course-combo i {
        display: none;
    }
}

/*===== About Instructor Block  =====*/
.about-instructor-block .instructor-img img {
    border-radius: 100%;
    width: 100px;
    height: 100px;
}

.about-instructor ul li {
    margin-bottom: 8px;
}

.about-instructor ul li i {
    margin-right: 10px;
}

.about-instructor ul li span {
    font-weight: 500;
}

.instructor-block a {
    font-size: 18px;
}

.instructor-post {
    font-weight: 500;
    font-size: 16px;
}

/*===== Student Feedback Block  =====*/
.rating-num {
    color: var(--text-black-color);
    font-size: 72px;
    font-weight: 100;
    text-align: center;
}

.rating-stars ul li {
    display: inline-block;
}

.student-feedback .rating-stars i {
    font-size: 22px;
    color: #F4C150;
}

.rating-users {
    color: var(--text-black-color);
    font-size: 15px;
    text-align: center;
}

.bar-block {
    margin-right: 10px;
    color: black;
    display: block;
    float: left;
    width: 70%;
    background-color: #F2F3F5;
    position: relative;
    margin-bottom: 10px;
    border-radius: 5px;
}

.bar {
    padding: 2px;
    display: block;
}

.histo {
    float: right;
    width: 70%;
    font-size: 16px;
    margin-right: 60px;
    margin-top: 25px;
}

.bar-clr {
    background-color: var(--text-light-grey-color);
}

.bar-radius {
    border-radius: 4px;
}

.histo-star {
    color: #F4C150;
}

.histo-rate {
    clear: both;
}

.bar-block {
    display: inline-block;
}

.histo-star {
    display: inline-block;
    vertical-align: middle;
}

.histo-percent {
    display: inline-block;
    vertical-align: top;
}

@media (max-width: 767px) {
    .student-feedback {
        height: 270px;
    }

    .histo {
        width: 100%;
        float: left;
        margin-bottom: 30px;
        margin-right: 0;
    }

    .bar-block {
        width: 60%;
    }

    .rating-num {
        font-size: 42px;
        font-weight: 500;
    }
}

/*===== Review Block  =====*/
.review-img {
    float: left;
    background-color: var(--text-dark-grey-color);
    padding: 15px 18px;
    border-radius: 100%;
    margin-right: 15px;
}

.review-month {
    color: var(--text-dark-grey-color);
}

.review-rating ul li {
    display: inline-block;
    color: #F4C150;
}

.review-dtl hr {
    margin-bottom: 20px;
}

.btn-success {
    /*font-size: 15px;*/
    /*font-weight: 500;*/
    /*padding: 15px;*/
    /*background-color: transparent;*/
    /*color: var(--text-blue-color);*/
    /*border: 1px solid #0284A2;*/
    /*border-radius: 3px;*/
    /*text-transform: uppercase;*/
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.btn-success:hover {
    color: #003440;
    border: 1px solid #003440;
    background-color: var(--background-white-bg-color);
}

.about-product-main-block .search-block .form-control {
    width: 280px;
    height: 44px;
    display: inline-block;
    float: left;
}

.about-product-main-block .form-btn .btn-primary {
    padding: 10px 20px;
    background: var(--background-blue-bg-color);
    border-radius: 1px;
}

.about-product-main-block .form-btn .btn-primary:hover {
    background-color: #003440;
    color: var(--text-white-color);
}

.about-product-main-block .search-block .form-btn .btn-primary i {
    font-size: 15px;
    color: var(--text-white-color);
}

/*===== more-courses Block  =====*/
.more-courses {
    background-color: var(--background-light-grey-bg-color);
    border: 1px solid #DEDFE0;
    padding: 30px 15px;
}

.report-abuse a {
    color: var(--text-dark-grey-color);
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.report-abuse a:hover {
    color: var(--text-light-grey-color);
}

/*===== Footer Patners Block  =====*/
.footer-patners-block {
    padding: 20px;
}

/* ================================= */
/*===== Login-Page =====*/
/* ================================= */
.forgot-password a {
    font-size: 13px;
}

.signin-link .btn-info {
    width: 100%;
    padding: 12px 27px;
    text-align: left;
    background-color: #1A538A;
    font-size: 20px;
    border-radius: 3px
}

.signin-link .btn-info:hover {
    background-color: #164675;
}

.signin-link .btn-white {
    width: 100%;
    padding: 12px 25px;
    color: var(--text-black-color);
    text-align: left;
    font-size: 20px;
    border: 1px solid #DEDFE0;
    box-shadow: 0 2px 2px 0 rgba(41, 48, 59, 0.24), 0 0 2px 0 rgba(41, 48, 59, 0.12);
}

.signin-link .btn-white:hover {
    background-color: #F2F3F5;
}

.signin-link i {
    margin-right: 20px;
}

@media (max-width: 567px) {
    .signin-link .btn-white {
        padding: 12px 12px;
        font-size: 13px;
    }

    .signin-link i {
        margin-right: 10px;
    }

    .signin-link .btn-info {
        padding: 12px 12px;
        text-align: left;
        background-color: #1A538A;
        font-size: 13px;
    }
}


/* ================================= */
/*===== SignUp-Page =====*/
/* ================================= */
.signup-block-main-block {
    padding: 30px 0;
}

.signup-form .form-control {
    padding: 13px 45px;
    border-radius: 7px;
    border: 1px solid #CACBCC;
}

.signup-form .form-group {
    position: relative;
    bottom: 10px;
    text-align: -webkit-center;
}

.signup-form {
    padding: 20px 0 0;
}

.signup-form i {
    position: absolute;
    z-index: 1111;
    top: 18px;
    left: 20px;
    color: #64308b;
}

.form-check-label {
    font-size: 12px;
    font-weight: bold;
    margin-left: 5px;
}

.form-check .form-check-input {
    width: 20px;
    display: inline-block;
    float: left;
    height: 20px;
    margin-top: 2px;
}

.signup-form .btn-primary {
    padding: 15px 0;
    width: 100%;
}

.signup-block {
    padding: 20px 50px 0;
}

.signup-form hr {
    border: 1px solid #DEDFE0;
}

.signin-link {
    font-size: 12px;
}

.signin-link a {
    font-size: 12px;
}

.signup-heading {
    font-size: 16px;
    font-weight: bold;
    padding: 20px 20px 0;
}

@media (max-width: 567px) {
    .signup-form .form-control {
        font-size: 13px;
    }

    .signup-block {
        padding: 40px 35px;
    }
}

/* ================================= */
/*===== AboutUs-Page =====*/
/* ================================= */
.nav-bar-main-block-one {
    padding: 10px 0;
}

.nav-bar-main-block-one hr {
    margin-top: 0;
    margin-bottom: 0;
}

.nav-bar-btn .btn-secondary {
    margin: 2px 0 0;
    padding: 13px;
    border-radius: 3px;
    color: var(--text-green-color);
    border: 1px solid #64308b;
    font-size: 15px;
}

.nav-bar-btn .btn-secondary:hover {
    background-color: var(--background-green-bg-color);
    color: var(--text-white-color);
}

/*.nav-bar-btn .btn-secondary i {*/
/*    font-size: 10px;*/
/*    padding: 5px;*/
/*}*/

.nav-bar-main-block-one .Login-btn .btn-secondary {
    color: var(--text-green-color);
    border: 1px solid #64308b;
}

.nav-bar-main-block-one .Login-btn .btn-secondary:hover {
    background-color: var(--background-green-bg-color);
    color: var(--text-white-color);
}

.nav-bar-main-block-one .Login-btn .btn-secondary:hover {
    color: var(--text-white-color);
}

.about-home-one-main-block {
    padding: 130px 210px;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.about-home-one-heading {
    font-size: 85px;
    position: relative;
}

.about-blog-main-block {
    background: var(--linear-gradient-about-line-bg-color);
    padding: 20px 30px;
    font-weight: 500;
}

.about-blog-block a {
    color: var(--text-white-color);
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.about-blog-block span {
    color: #F5C252;
}

.about-blog-block a:hover {
    border-bottom: 1px solid #FFF;
}

.about-home-one-main-block .overlay-bg {
    background: linear-gradient(270deg, transparent -50%, #000 180%);
    padding: 140px 210px;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
}

.nav-menu-bar-main-block {
    position: absolute;
    z-index: 99999;
    width: 100%;
}

.navigation-btn {
    text-align: right;
    padding-top: 25px;
}

.nav-menu-bar-main-block #cssmenu > ul > li a {
    padding: 40px 12px 10px;
    color: var(--text-white-color);
}

.about-blog-main-block .about-blog-block i {
    color: transparent;
    border: 2px solid #F44A4A;
    border-radius: 100%;
    font-size: 5px;
    vertical-align: middle;
}

@media (min-width: 767px) and (max-width: 992px) {
    .about-home-one-main-block {
        padding: 130px 110px;
    }

    .nav-menu-bar-main-block #cssmenu > ul > li > a {
        font-size: 12px;
    }
}

@media (max-width: 567px) {
    .about-home-one-main-block {
        padding: 110px 30px 60px;
    }

    .about-home-one-heading {
        font-size: 50px;
    }

    .about-home-one-main-block .overlay-bg {
        padding: 140px 190px;
    }
}

/*===== About-Transforming Block =====*/
.about-transforming-main-block {
    padding: 50px;
}

.about-transforming-heading-block {
    padding: 20px;
}

.about-transforming-heading-block p {
    font-size: 20px;
}

.about-transforming-img .overlay-bg {
    background-color: rgba(0, 0, 0, .1);
}

.about-transforming-img img {
    position: relative;
    width: 100%;
    height: 350px;
    object-fit: cover;
}

.about-transforming-img .about-transforming-icon {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
    z-index: 999999;
    bottom: 40%;
}

.about-transforming-img .about-transforming-icon i {
    color: var(--text-white-color);
    font-size: 30px;
    border-radius: 100%;
    border: 2px solid #FFF;
    padding: 25px 27px;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.about-transforming-img:hover i {
    transform: scale(1.3);
}

.about-transforming-block {
    background-color: #F4F4F4;
    padding: 25px 20px;
    height: 100%;
}

.about-transforming-block p {
    font-size: 16px;
}

.about-transforming-nav .btn-link {
    border-radius: 100%;
    padding: 15px 20px;
    border: transparent;
    background-color: #EBEBEB;
    color: #979797;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.about-transforming-nav .btn-link:hover {
    background-color: #979797;
    color: var(--text-white-color);
}

.about-nav-heading {
    padding: 10px;
    font-weight: 500;
    text-align: center;
    color: #1A263A;
    background-color: #F4F4F4;
}

.nav-item:hover .about-nav-heading,
.nav-item:active .about-nav-heading {
    color: var(--text-white-color);
    background-color: var(--background-red-bg-color);
}

.about-transforming-main-block .nav-tabs,
.about-transforming-main-block .nav-tabs .nav-item.show .nav-link,
.about-transforming-main-block .nav-tabs .nav-link.active {
    border-bottom: none;
}

.about-transforming-main-block .nav-tabs .nav-item.show .nav-link,
.about-transforming-main-block .nav-tabs .nav-link {
    padding: 0;
    margin-right: 15px;
    border-bottom: 5px solid transparent;
}

.about-transforming-main-block .nav-tabs .nav-item.show .nav-link:last-child,
.about-transforming-main-block .nav-tabs .nav-link:last-child {
    margin-right: 0;
}

.about-transforming-main-block .nav-tabs .nav-item.show .nav-link,
.about-transforming-main-block .nav-tabs .nav-link:hover {
    color: var(--text-red-color);;
    border-bottom: 5px solid transparent;
}

.about-transforming-main-block .nav-tabs .nav-item.show .nav-link,
.about-transforming-main-block .nav-tabs .nav-link.active {
    background: transparent;
    color: var(--text-black-color);
    border-bottom: 5px solid #F44A4A;
}

@media (min-width: 767px) and (max-width: 992px) {
    .about-transforming-img img {
        height: 100%;
    }

    .about-transforming-block {
        padding: 50px 20px;
    }
}

@media (max-width: 767px) {
    .about-transforming-main-block {
        padding: 10px;
    }

    .about-transforming-main-block .nav-item img {
        width: 100%;
    }

    .about-transforming-main-block .nav-item {
        margin-bottom: 30px;
    }
}

/*===== About-facts Block =====*/
.facts-main-block {
    background-color: #F4F4F4;
    padding: 80px 0 40px;
}

.facts-block-heading {
    font-size: 40px;
    font-weight: 400;
}

.facts-heading-sign {
    font-size: 50px;
    color: #232C3B;
    font-weight: 700;
    display: inline-block;
}

.facts-main-block p {
    font-size: 20px;
    font-weight: 0;
}

.facts-heading {
    font-size: 50px;
    color: #232C3B;
    font-weight: 700;
    display: inline-block;
}

/*===== about-team-block =====*/
.about-team-main-block {
    padding: 90px 0;
}

.about-team-block {
    background-color: #F4F4F4;
    padding: 138px 90px;
    height: 100%;
}

.about-team-heading {
    font-size: 28px;
}

.about-team-block .btn-primary {
    padding: 12px 35px;
}

.about-team-img {
    width: 100%;
}

@media (min-width: 767px) and (max-width: 992px) {
    .about-team-block {
        padding: 70px;
        height: 450px;
    }
}

@media (max-width: 767px) {
    .about-team-img {
        display: none;
    }

    .about-team-block {
        padding: 130px 30px;
    }
}

/*===== about-work-block =====*/
.about-work-main-block {
    background-color: #000;
}

.about-work-block {
    background: linear-gradient(40deg, #1A263A 33%, #4A8394 84%, #6AC1D0);
    padding: 45px 90px;
    height: 100%;
}

.about-work-heading {
    font-size: 28px;
    padding: 10px;
    color: #F5C252;
}

.about-work-block p a {
    color: #008FAA;
}

.about-work-block p a:hover {
    color: #52C3D1;
}

.about-work-btn .btn-secondary {
    color: var(--text-white-color);
    padding: 10px 20px;
    font-size: 16px;
    background-color: transparent;
    border: 1px solid #FFF;
    border-radius: 1px;
    text-transform: none;
    font-weight: 500;
}

.about-work-btn .btn-secondary:hover {
    color: #232C3B;
    background-color: var(--background-white-bg-color);
    border: 1px solid transparent;
    border-radius: 1px;
}

.about-work-img img {
    width: 40px;
    height: 40px;
}

.about-work-main-block .video-device .bg_img {
    background-size: cover;
    width: 100%;
    height: 390px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.about-work-main-block .video-device .overlay-bg {
    opacity: 0.4;
}

.about-work-main-block .video-device {
    position: relative;
}

.about-work-main-block .video-preview {
    position: absolute;
    left: 0;
    right: 0;
    top: 40%;
    text-align: center;
    margin: 0 auto;
}

.about-work-main-block .video-preview i {
    color: var(--text-white-color);
    font-size: 25px;
    border-radius: 100%;
    border: 2px solid #FFF;
    padding: 20px 22px;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.about-work-main-block .video-preview i:hover {
    transform: scale(1.3);
}

.about-work-main-block .video-preview p {
    color: var(--text-white-color);
    padding: 30px 210px;
    text-transform: uppercase;
}

.view-block .video-preview {
    background: #000;
}
@media (min-width: 767px) and (max-width: 992px) {
    .about-work-block {
        padding: 40px 20px;
    }

    .about-work-main-block .video-preview p {
        padding: 30px;
    }
}

@media (max-width: 567px) {
    .about-work-block {
        padding: 50px 20px;
    }

    .about-work-main-block .video-preview p {
        padding: 30px;
    }
}

/*===== about-blog-block =====*/
.about-learning-blog-main-block {
    background: var(--linear-gradient-about-bg-color);
    padding: 60px 0 0;
    position: relative;
}

.about-learning-blog-heading {
    font-size: 35px;
    font-weight: 400;
}

.about-learning-blog-dtl {
    border: 1px solid #FFF;
    padding: 20px 30px;
    height: 170px;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.about-learning-blog-dtl:hover {
    background-color: rgba(255, 255, 255, 0.1);
    position: relative;
}

.about-learning-blog-dtl-heading {
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
}

.about-learning-blog-paragraph p {
    font-size: 15px;
    font-weight: 400;
}

.about-learning-blog-icon i {
    padding: 10px;
    font-size: 16px;
}

.about-social-list {
    margin-top: 90px;
    padding: 20px 0 10px 0;
    background-color: rgba(0, 0, 0, .1);
}

.about-social-list ul li {
    display: inline-block;
    font-size: 26px;
    margin-right: 10px;
}

.about-social-list ul li a {
    font-size: 26px;
    color: var(--text-white-color);
}

/* ================================= */
/*===== Category-Page =====*/
/* ================================= */
.categories-tab-main-block {
    background-color: var(--background-grey-bg-color);
    border-top: 1px solid #DEDFE0;
}

.categories-tab-dtl {
    padding: 10px 5px;
    text-align: center;
}

.categories-tab-block a {
    color: var(--text-dark-grey-color);
}

.categories-tab-block i {
    -webkit-text-stroke: 1px #686F7A;
    color: #F7F8FA;
    margin-right: 8px;
}

.categories-tab-dtl:hover {
    background-color: #E8E9EB;
}

.learning-courses-main-block-one {
    padding: 200px 0 40px;
}

.business-home-main-block {
    background: var(--linear-gradient-detail-bg-color);
    padding: 55px 0 185px;
    position: relative;
}

.business-home-slider-main-block {
    position: absolute;
    top: 25%;
    width: 100%;
    z-index: 99999;
}

.business-home-slider-block {
    padding: 20px;
    background-color: var(--background-white-bg-color);
    box-shadow: 0 0 1px 1px rgba(20, 23, 28, 0.1), 0 3px 1px 0 rgba(20, 23, 28, 0.1);
}

.business-home-slider-img {
    margin-right: 30px;
}

.business-home-slider-btn .btn-info {
    padding: 12px 15px;
    border-radius: 1px;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.learning-courses-main-block-one .owl-carousel .owl-nav button.owl-next {
    margin-left: 98%;
}

.categories-popularity-dtl a i {
    -webkit-text-stroke: 1px #F44A4A;
    color: var(--text-white-color);
    font-size: 20px;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.categories-popularity-dtl a i:hover {
    -webkit-text-stroke: 1px #F44A4A;
    color: var(--text-red-color);;
}

.course-bought-block .rating ul li {
    display: inline-block;
    color: var(--text-dark-grey-color);
    margin-bottom: 0;
}

.course-bought-block .rating ul li i {
    color: #F4C150;
}

.categories-popularity-dtl ul li {
    display: inline-flex;
}

.best-seller-one {
    position: relative;
    top: 0;
}

.categories-popularity-dtl p {
    font-size: 13px;
    color: var(--text-dark-grey-color);
}

.rate-r {
    font-weight: 700;
    font-size: 18px;
}

.categories-popularity-main-block .course-bought-block {
    cursor: pointer;
    padding: 20px;
}

.testimonial-slider-main-block.owl-carousel .owl-item .instructors-img-block img {
    left: 0;
    right: 0;
    margin: 0 auto;
}

.instructors-dtl ul li {
    display: block;
}

.instructors-main-block .testimonial-block ul li + li {
    padding-top: 10px;
}

.instructors-main-block .testimonial-block {
    height: 310px;
    border: 1px solid #E8E9EB;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.categories-main-block-one {
    padding: 200px 0 50px 0;
}

/*.categories-main-block-one .categories-block {
  width: 180px;
  height: 70px;
  padding: 0 15px;
  align-items: center;
  display: inline-flex;
  color: var(--text-black-color);
}*/
.categories-popularity-main-block .pagination .page-item .page-link {
    border-radius: 100%;
    margin-right: 15px;
    color: var(--text-blue-color);
    background-color: transparent;
    border: 1px solid transparent;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease
}

.categories-popularity-main-block .pagination .page-item .page-link.page-active:hover {
    color: var(--text-white-color);
    background: var(--background-blue-bg-color);
    border: 1px solid #0284A2;
}

.categories-popularity-main-block .pagination .page-item .page-link.active {
    color: var(--text-white-color);
    background: var(--background-blue-bg-color);
    border: 1px solid #0284A2;
}

.categories-popularity-main-block .pagination .page-item .page-link i {
    border-radius: 100%;
    color: var(--text-light-grey-color);
    padding: 20px 23px;
    border: 1px solid #A1A7B3;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.categories-popularity-main-block .pagination .page-item .page-link i:hover {
    color: var(--text-blue-color);
    padding: 20px 23px;
    background-color: inherit;
    border: 1px solid #0284A2;
}

.categories-popularity-block {
    border: 1px solid #E8E9EB;
    padding: 15px;
}

.categories-popularity-img {
    float: left;
}

.categories-popularity-img-heading {
    font-size: 16px;
    font-weight: 500;
}

.categories-popularity-img-dtl {
    display: table;
    padding: 5px 10px 0;
}

.categories-popularity-img-dtl p {
    font-size: 14px;
}

.categories-popularity-img-dtl span {
    font-weight: 500;
}

.categories-popularity-block ul li {
    display: inline-block;
    margin-right: 10px;
}

.try-learning {
    font-weight: 500;
}

.popularity-Sort ul li {
    display: inline-block;
}

.popularity-Sort ul li ul li {
    display: block;
    padding: 5px 10px;
}

.popularity-Sort a {
    font-weight: 500;
    color: var(--text-black-color);
    font-size: 15px;
}

.popularity-Sort ul li ul li a {
    font-weight: 400;
}

.business-home-slider-block {
    margin-bottom: 50px;
}

.catalog-main-block {
    background-color: var(--background-grey-bg-color);
    padding: 10px 0;
}

.catalog-heading {
    font-size: 18px;
}

.catalog-main-block ul li {
    display: inline-block;
    border: 1px solid #CACBCC;
    padding: 10px;
    background-color: var(--background-white-bg-color);
}

.catalog-main-block ul li ul li {
    border: none;
    padding: 0;
    font-weight: 400;
}

.catalog-main-block ul li a {
    color: var(--text-dark-grey-color);
    font-weight: 500;
}

.catalog-main-block ul li a:hover {
    color: var(--text-black-color);
}

.catalog-main-block ul li ul li i {
    color: #F4C150;
}

.catalog-main-block .dropdown-menu {
    width: 250%;
    padding: 10px;
}


@media (min-width: 1500px) and (max-width: 1900px) {
    .business-home-slider-main-block {
        top: 44%;
    }
}

@media (min-width: 992px) and (max-width: 1500px) {
    .business-home-slider-main-block {
        top: 44%;
    }
}

@media (max-width: 992px) {
    .categories-main-block-one .categories-block {
        width: 100%;
    }

    .business-home-slider-main-block {
        position: relative;
        top: -160px;
        margin-bottom: -145px;
    }
}

@media (max-width: 767px) {
    .learning-courses-main-block-one {
        padding: 490px 0 40px;
    }

    .business-home-slider-main-block .owl-carousel .owl-item img {
        width: 107%;
        margin-bottom: 20px;
    }

    .categories-popularity-main-block img {
        margin-bottom: 20px;
        width: 100%;
    }

    .categories-popularity-main-block .course-bought-block {
        padding: 20px;
    }

    .footer-dropdown {
        text-align: left;
    }
}

@media (max-width: 567px) {
    .learning-courses-main-block .owl-carousel .owl-nav button.owl-prev,
    .learning-courses-main-block .owl-carousel .owl-nav button.owl-next {
        display: none;
    }
}

/* ================================= */
/*===== Blog-Page =====*/
/* ================================= */
.blog-home-main-block {
    background-color: var(--text-light-grey-color);
    padding: 30px 20px;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin-bottom: 0;
}

/*.blog-slider {
  border-top: 3px solid #F4F4F4;
  padding: 30px 0 0;
}*/
.blog-home-main-block .overlay-bg {
    background: linear-gradient(270deg, transparent -50%, #000 180%);
    padding: 130px 10px 90px;
    position: absolute;
}

.blog-home-heading {
    font-size: 28px;
    position: relative;
    margin-bottom: 0;
}

.blog-main-block {
    padding: 40px 0 0;
}

.blog-main-block hr {
    margin-top: 50px;
}

.blog-slider-dtl {
    padding: 10px 30px;
}

/*.blog-slider-img {
  display: inline-block;
  float: left;
}*/
.slider-date {
    color: #6D7A91;
}

.blog-slider-heading a {
    font-size: 24px;
}

.blog-slider-heading a:hover {
    color: #52C3D1;
}

.business-home-slider-btn .btn-link {
    background-color: #F4F4F4;
    border-color: transparent;
    color: #6D7A91;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.business-home-slider-btn .btn-link:hover {
    background-color: var(--background-red-bg-color);
    border-color: transparent;
    color: var(--text-white-color);
}

.blog-main-block button.owl-next,
.blog-main-block button.owl-prev,
.blog-main-block button.owl-dot {
    background-color: #CBCBCB;
    border: 1px solid #CBCBCB;
    width: 10px;
    height: 10px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    margin-left: 15px;
}

.blog-main-block .owl-dot:hover {
    background-color: #CBCBCB;
    border: 2px solid #117D97;
}

.blog-main-block .owl-dot.active {
    border: 1px solid #117D97;
    background-color: #117D97;
}

.blog-main-block .owl-dots {
    margin: 0 auto;
    left: 0;
    right: 0;
    text-align: center;
}

.blog-block-img {
    float: left;
    margin-right: 15px;
}

.blog-main-block .page-item .page-link {
    color: #117D97;
    font-size: 17px;
    background-color: transparent;
    border: 1px solid #EDEEF0;
    border-radius: 0;
    padding: 10px 15px;
}

.blog-main-block .page-item .page-link:last-child {
    border-radius: 0;
}

.blog-main-block .page-item.active .page-link {
    color: var(--text-white-color);
    font-size: 17px;
    background-color: #117D97;
    border: 1px solid #117D97;
    border-radius: 0;
    padding: 10px 15px;
}

.blog-main-block .page-item .page-link:hover {
    color: #084054;
    background-color: #EDEEF0;
}

.blog-list .list {
    font-weight: 500;
}

.blog-list ul li {
    margin-left: 90px;
}

.blog-list ul li a {
    font-size: 15px;
}

.blog-list ul li a:hover {
    color: #52C3D1;
}

/* ================================= */
/*===== Blog-dtl-Page =====*/
/* ================================= */
.blog-dtl-main-block {
    padding: 50px 0;
}

.blog-link a {
    color: #232C3B;
    font-size: 16px;
}

.blog-link a:hover {
    color: #52C3D1;
}

.blog-link i {
    margin-right: 20px;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.blog-link:hover i {
    margin-right: 10px;
}

.blog-dtl-block-heading {
    font-size: 38px;
}

.blog-dtl-heading-dtl,
.blog-dtl-heading-dtl a {
    color: rgba(0, 0, 0, .5)
}

.blog-dtl-heading-dtl a:hover {
    color: var(--text-red-color);;
}

.blog-dtl-block a,
.blog-idea a {
    color: #0C849D;
    font-size: 20px;
}

.blog-dtl-block a:hover,
.blog-idea a:hover {
    color: #52C3D1;
}

.blog-dtl-block p,
.blog-dtl-block a {
    font-size: 19px;
}

.blog-dtl-block span {
    font-weight: 700;
}

.blog-dtl-block hr {
    border-bottom: 2px solid #F7F7F7;
}

.blog-link span {
    color: #666;
    font-weight: 500;
}

.blog-link-one i {
    margin-left: 20px;
    margin-right: 0;
}

.blog-link-one:hover i {
    margin-left: 10px;
    margin-right: 0;
}

@media (max-width: 767px) {
    .blog-dtl-img img {
        width: 100%;
    }
}

/* =================================
    /*===== Contact-us page =====*/
/* ================================= */
.contact-us-main-block {
    padding: 90px 0;
}

.contact-two-heading {
    margin-bottom: 27px;
}

.contact-us ul {
    margin-bottom: 25px;
}

.contact-us-form .form-group-two {
    margin-bottom: 14px;
}

.contact-us-main-block .contact-form-btn {
    margin-bottom: 120px;
}

.contact-us-main-block .comment textarea {
    width: 100%;
    border: 1px solid #E2E2E2;
    border-radius: 4px;
    box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.05);
    background-color: var(--background-white-bg-color);
    padding: 24px 19px 0;
    font-size: 16px;
    color: #777;
}

.contact-us-main-block .form-group .form-control {
    padding: 12px 20px;
    margin-bottom: 22px;
    box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.05);
}

.contact-us-main-block .contact-dtl ul {
    text-align: center;
    padding: 30px;
    height: 80%;
    border: 1px solid #DEDFE0;
}

.contact-us-main-block .contact-dtl ul li {
    font-size: 16px;
}

.contact-us-main-block .contact-dtl ul li i {
    font-size: 25px;
}

.contact-us-main-block .caps {
    text-transform: uppercase;
    font-weight: 500;
}

/* =================================
    /*===== Map =====*/
/* ================================= */
.map-location {
    width: 100%;
    height: 520px;
}

/* ================================= */
/*===== Courses-Page =====*/
/* ================================= */
.learning-courses-about-main-block {
    /*background-color: #F2F3F5;*/
    background-color: #fff !important;
}

.learning-courses-home-main-block {
    background-color: var(--background-black-bg-color);
    padding: 3rem 15px 4rem 25px;
    position: relative;
    margin-bottom: 3rem;
}
.learning-courses-home-main-block .row {
    min-height: 300px;
}
.learning-courses-home-main-block .container-fluid {
    z-index: 2;
    position: relative;
}
.learning-courses-home-main-block:before {
    content: "";
    position: absolute;
    top: 2rem;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: url(../images/bg/shape1.png) no-repeat scroll top left / auto;
}
.learning-courses-home-main-block:after {
    content: "";
    position: absolute;
    bottom: 2rem;
    right: 2rem;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: url(../images/bg/shape2.png) no-repeat scroll bottom right / auto;
}
.learning-courses-home-heading a {
    color: var(--text-white-color);
    font-size: 24px;
}
.learning-courses-home-main-block h2 {
    margin: 12px 0;
    color: #64308b;
    font-size: 1.25rem;
}
.learning-courses-home-main-block p {
    text-align: justify;
    font-size: 13px;
}
.learning-courses-home-block .progress {
    width: 90%;
    float: left;
    display: inline-block;
    height: 6px;
    background-color: var(--background-light-grey-bg-color);
}
.learning-courses-home-block h6 a:hover {
    color: var(--text-green-color);
}
.learning-courses-home-block h5 {
    color: white;
}
.learning-courses-home-block .cboxElement {
    border-radius: 7px !important;
}
@media (max-width: 425px) {
    .learning-courses-home-block .cboxElement {
        padding: 10px !important;
        margin-bottom: 10px;
    }

}
.learning-courses-home-block i {
    color: #64308b;
    vertical-align: top;
}
@media (max-width: 991px) {
    .learning-courses-home-block {
        margin-top: 4rem;
    }
    .chat-group-details {
        margin: 4rem 0;
    }
}
.progress-block .progress-heading {
    font-weight: 500;
}

.learning-courses-home-heading a:hover {
    color: #0284A2;
}

.learning-courses-home-btn .btn-primary {
    padding: 15px;
    border-radius: 0;
}

.learning-contact-block {
    padding: 30px 0;
}

.learning-contact-btn .btn-primary {
    padding: 15px 10px;
}

.learning-contact-search {
    float: left;
    display: inline-block;
    width: 82%;
}

.learning-contact-search .form-control {
    padding: 15px 20px;
}

.profile-block .search-block .form-control {
    padding: 11px;
}

.learning-contact-btn {
    height: 30%;
}

.profile-block .search-block .form-group {
    display: inline-block;
    float: left;
    width: 280px;
    height: 44px;
}

.profile-block .form-btn .btn-primary {
    padding: 15px 15px;
    background: var(--background-blue-bg-color);
    border-radius: 1px;
}

.profile-list ul li {
    display: inline-block;
    padding: 10px;
    color: var(--text-light-grey-color);
}

.profile-list ul li a {
    font-size: 16px;
    font-weight: 500;
}

.contact-search-block {
    padding: 20px;
    background-color: var(--background-white-bg-color);
}

.contact-dropdown {
    text-align: left;
    padding: 0;
}

.contact-dropdown .a {
    border: 1px solid #CACBCC;
    background-color: var(--background-white-bg-color);
}

.contact-checkbox ul li {
    display: inline-block;
}

.question-report {
    text-align: center;
}

.learning-courses-about-main-block .tab-pane {
    /*background-color: #F2F3F5;*/
    background-color: #fff !important;
}

.learning-announcement {
    padding: 40px 0;
}

.learning-announcement .card-body p {
    text-align: left;
    padding: 20px;
}

.learning-announcement-null {
    padding: 90px 0;
}

.learning-bookmark {
    padding: 40px 0;
}

.learning-bookmark-icon i {
    font-size: 40px;
}

.overview-block {
    /* padding: 30px 0; */
}

.learning-questions-heading {
    font-weight: 600;
    background-color: #F2F3F5;
    padding: 15px;
    margin-bottom: 0;
    border-bottom: 1px solid #DDD;
}

.learning-questions-img {
    float: left;
    background-color: rgb(104, 111, 122);
    text-transform: uppercase;
    color: var(--text-white-color);
    padding: 11px 15px;
    border-radius: 100%;

}

.learning-questions-img-two {
    float: left;
    background-color: rgb(104, 111, 122);
    text-transform: uppercase;
    color: var(--text-white-color);
    padding: 7px 10px;
    font-size: 10px;
    border-radius: 100%;
    margin-top: 10px;
    margin-left: 10px;
}

.learning-questions-dtl {
    padding: 12px 10px;
}

.learning-questions-dtl a {
    color: var(--text-light-grey-color);
}

.learning-questions-dtl-block {
    padding: 10px 0 10px 20px;
    border-bottom: 1px solid #F4F4F4;
}

.learning-questions-dtl-block:last-child {
    border-bottom: none;
}

.learning-questions-block {
    background-color: var(--background-white-bg-color);
    border: 1px solid #DDD;
}

.learning-questions-block:hover {
    box-shadow: 0 0 1px 1px rgba(20, 23, 28, 0.1), 0 3px 1px 0 rgba(20, 23, 28, 0.1);
    opacity: 1;
}

.learning-questions-content {
    padding: 30px 50px;
}

.content-course-number-heading {
    font-weight: 600;
}

.content-img img {
    border-radius: 100%;
    float: left;
    margin-right: 20px;
    width: 82px;
    height: 82px;
}

.content-img-dtl {
    padding: 10px 0;
}

.profile a {
    font-weight: 500;
    font-size: 19px;
    color: var(--text-light-grey-color);
}

.content-course-number-one ul li {
    display: inline-block;
    background: #DEDFE0;
    padding: 8px 13px;
    border-radius: 5px;
    cursor: pointer;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.content-course-number-one ul li:hover {
    background: #505763;
}

.content-course-number-one ul li a {
    color: var(--text-white-color);
}

.profile-block {
    padding: 30px 0;
}

.profile-heading {
    font-size: 16px;
    font-weight: 500;
    /*white-space: nowrap;*/
}

.learning-courses-about-main-block .second-accordion {
    /*margin-bottom: 20px;*/
}

.learning-courses-about-main-block .second-accordion .card-header {
    padding: 0;
    background: transparent;
    border-bottom: 0;
}

.learning-courses-about-main-block .second-accordion .card-header {
    display: block;
    width: 100%;
    cursor: pointer;
    text-align: left;
    text-decoration: none;
    font-size: 15px;
    padding: 10px 5px;
    position: relative;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
table th, table td {
    vertical-align: middle !important;
}
.learning-courses-about-main-block .second-accordion .card {
    border: 0;
    font-size: 17px;
}

.learning-courses-about-main-block .second-accordion .card-body {
    padding: 0;
}

.learning-courses-about-main-block .second-accordion .card-body:hover {
    background-color: #F2F3F5;
}

.learning-courses-about-main-block .second-accordion .card-body a {
    color: var(--text-dark-grey-color);
}

.learning-courses-about-main-block .second-accordion .card-body.active {
    background: var(--background-blue-bg-color);
}

.learning-courses-about-main-block .second-accordion .card-body.active a {
    color: var(--text-white-color);
}

.learning-courses-about-main-block .second-accordion .card-body.active:hover {
    background-color: #003845;
}

.learning-courses-about-main-block .nav-tabs {
    padding: 50px 0 0;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.learning-courses-about-main-block .nav-tabs a {
    border: none;
    border-bottom: 5px solid transparent;
}

.learning-courses-about-main-block .nav-tabs .nav-item.show .nav-link,
.learning-courses-about-main-block .nav-tabs .nav-link {
    font-size: 15px;
    padding: 0 33px;
    color: var(--text-light-grey-color);
    border-bottom: 5px solid transparent;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
@media (max-width: 767px) {
    .learning-courses-about-main-block .nav-tabs {
        display: table;
        width: 100%;
    }
    .learning-courses-about-main-block .nav-tabs .nav-link {
        display: table-cell;
        padding: 0 !important;
    }
}
@media (max-width: 475px) {
    .learning-courses-about-main-block .nav-tabs {
        border: 0;
    }
    .learning-courses-about-main-block .nav-tabs.feedback-tabs .nav-link {
        display: block;
        border-radius: 10px !important;
    }
    .learning-courses-about-main-block .nav-tabs.feedback-tabs .nav-link:not(.active) {
        filter: blur(1px);
    }
}
.learning-courses-about-main-block .nav-tabs .nav-item.show .nav-link,
.learning-courses-about-main-block .nav-tabs .nav-link:hover {
    color: var(--text-black-color);
    border-bottom: 5px solid transparent;
}

.learning-courses-about-main-block .nav-tabs .nav-item.show .nav-link,
.learning-courses-about-main-block .nav-tabs .nav-link.active {
    background: transparent;
    color: var(--text-black-color);
    border-bottom: 5px solid #0284A2;
}

.blog-slider-block {
    margin-bottom: 50px;
}

.section-dividation {
    font-size: 14px;
}

.class-size {
    font-size: 12px;
    color: var(--text-dark-grey-color);
}

.online-courses-block {
    background-color: var(--background-grey-bg-color);
    padding: 30px 0;
}

.contact-dropdown .dropdown-menu li {
    padding: 5px 40px;
}

.online-course-img img {
    width: 15%;
    height: 15%;
    float: left;
}

.online-course-dtl {
    padding: 30px;
}

.online-course-heading {
    font-weight: 600;
    margin-bottom: 10px;
}

.online-course-btn {
    padding: 40px 0;
}

.online-course-btn .btn-success {
    background-color: var(--background-white-bg-color);
    padding: 12px 10px;
}

.content-course-one ul {
    list-style-type: disc;
}

@media (min-width: 767px) and (max-width: 992px) {
    .learning-contact-search {
        text-align: center;
        width: 100%;
    }

    .learning-contact-block .learning-contact-btn {
        text-align: center;
    }
}

@media (max-width: 767px) {
    .contact-dropdown {
        margin-bottom: 50px;
    }

    .contact-checkbox {
        text-align: left !important;
    }

    .learning-contact-search {
        text-align: center;
        width: 100%;
    }

    .learning-contact-block .learning-contact-btn {
        text-align: center;
    }

    /* .learning-courses-about-main-block .nav-tabs .nav-item.show .nav-link,
    .learning-courses-about-main-block .nav-tabs .nav-link {
        font-size: 13px;
        padding: 0;
        width: 16%;
    } */
}

@media (max-width: 576px) {
    .learning-courses-about-main-block .btn {
        white-space: initial;
    }

    .contact-checkbox {
        text-align: left !important;
    }

    .learning-questions-dtl-block ul li {
        display: none;
    }

    .learning-contact-block .learning-contact-btn {
        text-align: center;
    }

    .learning-courses-about-main-block .nav-tabs .nav-item.show .nav-link,
    .learning-courses-about-main-block .nav-tabs .nav-link {
        font-size: 11px;
    }

    .learning-contact-search {
        text-align: center;
        width: 100%;
    }
}

/* ================================= */
/*===== Filter-Page =====*/
/* ================================= */
.filter-home-main-block {
    background-color: var(--background-grey-bg-color);
}

.filter-home-main-block .catalog-heading {
    color: var(--text-light-grey-color);
}

.filter-list .form-group ul li {
    display: inline-block;
}

.filter-list .form-group ul li ul li i {
    color: #F4C150;
}

.filter-dropdown .language-select {
    border: 1px solid #CACBCC;
    background-color: var(--background-white-bg-color);
    padding: 10px 15px;
}

.filter-dropdown ul li {
    display: inline-block;
}

.filter-dropdown .language-select .select {
    color: var(--text-dark-grey-color);
}

.filter-dropdown .dropdown-select {
    border-top: 2px solid #F4C150;
}

.filter-dropdown .dropdown-select-one {
    border-top: 2px solid #CC87B4;
}

.filter-btn {
    display: inline-block;
    margin-right: 10px;
}

.filter-btn-one .btn-info {
    background-color: var(--background-white-bg-color);
    border: 1px solid #0284A2;
    color: var(--text-blue-color)
}

.filter-btn-one .btn-info:hover {
    background-color: var(--background-white-bg-color);
    border: 1px solid #003440;
    color: #003440;
}

.filter-list span {
    font-weight: 500;
}

.filter-dropdown .dropdown-menu {
    width: 290px;
}

.filter-dropdown .dropdown-menu .form-check-input {
    margin: -10px 0 0 0;
}

.filter-dropdown .dropdown-menu-one {
    width: 190px;
    padding: 20px;
}

.filter-dropdown .dropdown-menu-one ul li {
    margin-bottom: 10px;
}

@media (max-width: 576px) {
    .filter-btn {
        float: left;
    }
}

/* ================================= */
/*===== Featured-Item =====*/
/* ================================= */
.featured-iteam-main-block {
    padding: 60px 0;
}

.iteam-main-block {
    margin-bottom: 30px;
}

.iteam-block {
    margin-bottom: 15px;
}

.iteam-tooltip {
    display: none;
}

.protip-skin-default--scheme-pro.protip-container {
    background: #1A1D32;
    border-radius: 0;
}

.protip-skin-default--size-normal {
    padding: 10px;
}

.iteam-tooltip img,
.protip-content img {
    width: 550px;
}

.iteam-tooltip-dtl {
    padding: 10px 0;
}

.iteam-tooltip-heading {
    color: var(--text-white-color);
}

.iteam-tooltip-authoor-dtl span {
    color: #F0F0F0;
    opacity: 0.9;
    font-size: 12px;
    margin-bottom: 30px;
}

.iteam-tooltip-category {
    margin-top: 22px;
}

.iteam-tooltip-category ul li {
    display: inline-block;
    color: #F0F0F0;
    opacity: 0.5;
    font-size: 12px;
}

.iteam-tooltip-price {
    text-align: right;
}

.iteam-tooltip-price span {
    color: var(--text-white-color);
    font-size: 46px;
    font-weight: 700;
}

.iteam-tooltip-price span.currency {
    font-size: 20px;
    vertical-align: top;
}

/* ================================= */
/*===== Mobile-Page =====*/
/* ================================= */
.mobile-main-block {
    padding: 50px;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
}

.mobile-heading {
    font-size: 48px;
}

.mobile-dtl-list {
    font-size: 22px;
}

.mobile-btn img {
    width: 32%;
}

.mobile-btn {
    display: inline-block;
    float: left;
}

.mobile-dtl-list ul {
    list-style-type: disc;
}

/* ================================= */
/*===== Help-Page =====*/
/* ================================= */
.nav-bar-main-block-one .footer-dropdown {
    padding: 0;
}

.nav-bar-main-block-one .footer-dropdown .a {
    border: 1px solid transparent;
}

.nav-bar-main-block-one .footer-dropdown .btn-primary {
    padding: 5px 10px;
    background-color: var(--background-white-bg-color);
    color: var(--text-red-color);;
    border: 1px solid #F44A4A;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.nav-bar-main-block-one .footer-dropdown .btn-primary:hover {
    color: var(--text-white-color);
    background-color: var(--background-red-bg-color);
}

.help-main-block {
    background: var(--linear-gardient-help-bg-color);
    padding: 90px 0;
}

.help-main-block .text {
    width: 100%;
}

.help-main-block .text:after {
    display: none;
}

.help-search {
    left: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
}

.help-search .form-control {
    border-radius: 30px;
    width: 100%;
    padding: 13px 0 13px 50px;
}

.form-inline .search-form {
    left: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
}

.help-search i {
    top: 10%;
    left: 6%;
    font-size: 22px;
    position: absolute;
    color: #DB4747;
}

.help-search .btn-primary {
    padding: 0;
    color: transparent;
    background-color: transparent;
}

.help-search .btn-primary:hover {
    padding: 0;
    color: transparent;
    background-color: transparent;
}

.help-tab-main-block {
    padding: 50px 0;
}

.help-tab-main-block .nav-tabs {
    border-bottom: 1px solid transparent;
}

.help-tab-main-block .nav-tabs .nav-link {
    border-bottom: 6px solid transparent;
    border: 1px solid transparent;
    font-size: 24px;
    color: #222;
    padding: 30px 30px 20px 30px;
    margin-right: 20px;
}

.help-tab-main-block .nav-tabs .nav-link.active,
.help-tab-main-block .nav-tabs .nav-link:hover {
    padding: 30px 30px 20px 30px;
    border: 1px solid transparent;
    border-bottom: 6px solid #0284A2;
    color: var(--text-dark-grey-color);
}

.help-tab-main-block .nav-tabs .nav-link:hover {
    color: #222;
    border-bottom: 6px solid #00576B;
}

.help-tab-heading {
    font-weight: 300;
    font-size: 24px;
    color: var(--text-dark-grey-color);
}

.help-tab {
    font-size: 17px;
    padding: 20px 15px;
    height: 85px;
    color: #4A4A4A;
    border: 1px solid #CBCBCB;
    cursor: pointer;
    text-align: center;
}

.help-contact {
    background: var(--background-blue-bg-color);
    padding: 30px;
    height: 210px;
}

.help-contact:hover {
    background-color: #00576B;
}

.help-contact ul {
    font-size: 16px;
}

.help-contact span {
    font-size: 24px;
}

.help-tab-one {
    padding: 30px;
    height: 210px;
}

.help-tab-one ul li {
    display: block;
    font-size: 13px;
    color: #4A4A4A;
}

.help-tab-one ul li span {
    font-size: 18px;
}

.help-tab-dtl-block {
    background-color: #E6F2F5;
    padding: 25px 30px;
}

.help-tab-icon {
    padding: 20px;
}

.help-tab-icon i {
    font-size: 60px;
    color: var(--text-dark-grey-color);
    border: 1px solid #FFF;
    background-color: var(--background-white-bg-color);
    border-radius: 100%;
    padding: 50px 53px;
}

.help-tab-block-dtl {
    padding: 30px 10px;
}

.help-tab-block-dtl-heading {
    font-size: 20px;
    color: var(--text-black-color);
}

.help-tab-block-dtl p {
    font-size: 18px;
    color: var(--text-dark-grey-color);
}

.help-tab-block-dtl a {
    font-size: 16px;
}

@media (max-width: 992px) {
    .help-search i {
        left: 5%;
    }
}

@media (max-width: 576px) {
    .help-search i {
        top: 13%;
        left: 9%;
    }

    .nav-bar-btn {
        text-align: center;
    }

    .nav-bar-main-block-one .footer-dropdown {
        text-align: center;
        margin-bottom: 30px;
    }

    .help-tab-main-block .nav-tabs .nav-link {
        width: 50%;
        margin-right: 0;
    }

    .help-tab-heading {
        font-size: 20px;
    }
}

/* ================================= */
/*===== Terms-page =====*/
/* ================================= */
.terms-main-block {
    padding: 10px 0;
}

.terms-details-list {
    margin-bottom: 50px;
}

.terms-details-list .active {
    background: var(--background-blue-bg-color);
}

.terms-details-list .active a {
    color: var(--text-white-color);
}

.terms-details-list ul li {
    border: 1px solid #EAEAEA;
    padding: 10px 17px;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.terms-details-list ul li:hover {
    color: #555;
    background-color: #F5F5F5;
}

.terms-details-list ul li a {
    color: #555;
    font-size: 15px;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.terms-details-list ul li:hover a {
    color: #555;
}

.term-heading {
    font-size: 25px;
}

.term-block p {
    font-size: 15px;
}

.term-block span {
    font-weight: 500;
}

.term-block .content-heading {
    font-size: 18px;
}

.term-block ul {
    list-style-type: disc;
    margin-left: 40px;
}

.term-block ul li a {
    font-size: 16px;
}

.sky-blue {
    background-color: #e6f2f5;
    padding: 20px;
}

/* ================================= */
/*===== Teach-Online-Page =====*/
/* ================================= */
.home-btn .btn-primary {
    padding: 15px 55px;
    font-style: 500;
    border-radius: 1px;
}

.online-testimonial-main-block {
    padding: 40px 0 60px;
}

.online-testimonial-block ul li {
    font-size: 16px;
}

.online-testimonial-block ul li span {
    font-size: 18px;
}

.facts-main-block-one .facts-block {
    margin-bottom: 40px;
}

.facts-main-block-one {
    padding: 50px;
}

.facts-main-block-one .facts-heading,
.facts-main-block-one .facts-heading-sign {
    font-weight: 100;
}

.facts-main-block-one .facts-dtl {
    font-size: 18px;
    padding: 0 50px;
}

.success-envision-main-block {
    padding: 40px 0 60px;
}

.success-envision-main-block [class^="flaticon-"]:before,
.success-envision-main-block [class*=" flaticon-"]:before,
.success-envision-main-block [class^="flaticon-"]:after,
.success-envision-main-block [class*=" flaticon-"]:after {
    font-family: Flaticon;
    font-size: 55px;
    font-style: normal;
    margin-left: 10px;
}

.success-envision-main-block i {
    font-size: 55px;
    padding: 25px;
    border: 1px solid #FFF;
}

.success-envision-main-block i:hover {
    padding: 25px;
    border: 1px solid rgba(41, 48, 59, .2);
    background-color: rgba(41, 48, 59, .2);
    border-radius: 50%;
}

.success-envision-main-block .text {
    position: relative;
    height: 100px;
    width: 360px;
    margin: 0 auto;
}

.success-envision-main-block .text:after {
    content: "";
    position: absolute;
    top: 60%;
    width: 150px;
    height: 1px;
    color: rgba(41, 48, 59, .25);
    background: #000;
}

.success-envision-main-block .text:after {
    right: 0;
}

.nav-detail {
    font-size: 18px;
    font-weight: 500;
    color: var(--text-light-grey-color);
}

.success-envision-main-block .nav-tabs {
    border-bottom: 1px solid transparent;
}

.success-envision-main-block .nav-tabs .nav-link.active,
.success-envision-main-block .nav-tabs .nav-link {
    border: 1px solid transparent;
}

.success-envision-dtl p {
    font-size: 17px;
    color: var(--text-dark-grey-color);
}

.success-envision-dtl span {
    font-weight: 500;
    color: var(--text-light-grey-color);
    font-size: 19px;
}

.online-blog-main-block {
    padding: 40px 0 60px;
}

.online-blog-main-block .section p {
    font-size: 20px;
}

.online-blog-block {
    padding: 30px;
    border: 1px solid #DEDFE0;
    height: 410px;
    border-radius: 0 0 4px 4px;
}

.online-blog-block p {
    font-size: 18px;
}

.online-blog-img img {
    border-radius: 100%;
    width: 100%;
}

.success-envision-dtl-img img {
    width: 100%;
}

.online-blog-dtl {
    font-weight: 500;
}

.online-blog-img-dtl p {
    font-size: 14px;
}

.online-help-main-block {
    padding: 30px 0 150px;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    height: 450px;
}

.online-help-main-block .section-heading {
    margin-bottom: 110px;
}

.online-help-main-block p {
    font-size: 20px;
}

.instructor-main-block {
    padding: 80px 160px 10px;
    height: initial;
}

.instructor-main-block p {
    font-size: 18px;
}

.instructor-main-block .btn-primary {
    padding: 15px 70px;
    font-weight: 500;
    border-radius: 1px;
    margin-bottom: 80px;
}

@media (max-width: 992px) {
    .success-envision-main-block .text {
        width: 240px;
        margin-bottom: 90px;
    }

    .success-envision-main-block .text:after {
        display: none;
    }
}

@media (max-width: 767px) {
    .col-five {
        width: 30%;
    }

    .success-envision-main-block .text {
        width: 160px;
    }

    .online-blog-block {
        height: 370px;
    }
}

@media (max-width: 576px) {
    .online-help-main-block .section-heading {
        margin-bottom: 40px;
    }

    .col-five {
        width: 50%;
    }

    .facts-main-block-one .facts-block {
        margin-bottom: 10px;
    }

    .facts-main-block-one .facts-block h1 {
        margin-bottom: 0;
    }

    .success-envision-main-block .text {
        width: 100px;
    }
}

/* ================================= */
/*===== Affiliate-Page =====*/
/* ================================= */
.affiliate-main-block {
    padding: 60px 30px 40px;
    background: #505763;
    border-bottom: 4px solid #FF7373;
}

.affiliate-dtl {
    font-size: 27px;
}

.affiliate-btn .btn-primary {
    text-transform: uppercase;
    font-weight: 500;
    padding: 15px 10px;
}

.affiliate-dtl-main-block {
    padding: 40px 0;
}

.affiliate-dtl-img {
    float: left;
    margin-right: 10px;
}

.affiliate-dtl-img i {
    font-size: 40px;
}

.discover-heading {
    font-size: 20px;
    font-weight: 500;
    color: var(--text-dark-grey-color);
}

.discover-heading-one {
    color: #FF7373;
}

.discover-dtl p {
    font-size: 16px;
}

.affiliate-program-heading {
    font-size: 19px;
    font-weight: 500;
    color: var(--text-dark-grey-color);
    text-transform: uppercase;
}

.affiliate-dtl-main-block .bdr-right {
    border-right: 1px solid #EDECE6;
    height: 100%;
}

.affiliate-dtl-main-block .bdr-left {
    border-left: 1px solid #EDECE6;
    height: 100%;
}

.affiliate-program-heading span {
    color: #992337;
}

.affiliate-program ul li {
    font-size: 17px;
    margin-bottom: 10px;
    padding: 0 20px 0 0;
}

.affiliate-program-one {
    padding: 90px 30px;
}

.affiliate-program-two ul li {
    display: inline-block;
    padding: 10px;
}

.resource-link a {
    font-size: 16px;
}

.affiliate-program-one p,
.affiliate-program-one a {
    color: var(--text-dark-grey-color);
    font-size: 18px;
}

.affiliate-program-one a {
    font-weight: 500;
}

.affiliate-program-one a:hover {
    color: #222;
}

.affiliate-faq-main-block {
    padding: 50px;
}

.affiliate-faq-main-block .affiliate-faq-heading {
    color: var(--text-dark-grey-color);
    font-weight: 700;
    font-size: 20px;
}

.affiliate-faq-main-block p {
    color: var(--text-dark-grey-color);
    font-size: 15px;
}

.affiliate-heading {
    text-transform: uppercase;
    color: var(--text-dark-grey-color);
    text-align: center;
    margin-bottom: 70px;
}

.affiliate-steps-heading {
    color: #FF7373;
    font-size: 18px;
}

.affiliate-steps-block .affiliate-border {
    border-left: solid 4px #FF7373;
    padding-left: 20px;
}

.affiliate-steps-block .affiliate-border:before {
    counter-increment: section;
    content: counter(section);
    position: absolute;
    left: -18px;
    border-radius: 100%;
    height: 30px;
    width: 30px;
    border: 5px solid #FF7373;
    background-color: var(--background-white-bg-color);
    color: #FF7373;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
}

@media (max-width: 576px) {
    .affiliate-dtl-main-block .bdr-right,
    .affiliate-dtl-main-block .bdr-left {
        display: none;
    }
}

/* ================================= */
/*===== Careers-page =====*/
/* ================================= */
.careers-main-block {
    background: linear-gradient(22.72914987deg, #F5C252 4%, #6AC1D0);
    padding: 0;
    position: relative;
    height: 650px;
    margin-bottom: 175px;
}

.careers-block {
    padding: 50px 0;
}

.careers-heading {
    font-size: 62px;
}

.careers-block p {
    font-size: 20px;
    padding: 0 150px;
}

.careers-btn .btn-primary {
    padding: 15px 25px;
    border-radius: 1px;
    font-size: 17px;
    /*
  margin-bottom: 90px;*/
}

.careers-video-main-block {
    position: absolute;
    top: 542px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}

.careers-video img {
    border-radius: 12px;
}

.careers-video .careers-video-icon {
    z-index: 99999;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}

.careers-video .careers-video-icon i {
    color: var(--text-white-color);
    font-size: 30px;
    border: 2px solid #FFF;
    border-radius: 100%;
    padding: 28px 30px;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.careers-video .careers-video-icon:hover i {
    transform: scale(1.2);
}

.careers-info-main-block {
    padding: 200px 0 0;
}

.careers-info-block {
    padding: 40px 40px 30px 40px;
}

.careers-info-img img {
    border-radius: 100%;
    box-shadow: 0 4px 14px 0 rgba(0, 0, 0, .2);
}

.careers-info-block p {
    font-size: 15px;
}

.careers-block-one {
    border-bottom: 1px solid #EDECE6;
}

.careers-learn-main-block {
    padding: 90px;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-color: var(--background-grey-bg-color);
}

.careers-learn-block {
    background-color: var(--background-white-bg-color);
    padding: 50px;
    border-radius: 10px;
}

.careers-learn-video {
    padding: 0 50px 0 0;
}

.careers-learn-video img {
    border-radius: 20px;
}

.careers-learn-video .overlay-bg {
    left: inherit;
    width: 352px;
    height: 191px;
    border-radius: 20px;
    background: rgba(0, 0, 0, 0.2);
}

.careers-learn-video .careers-learn-icon {
    z-index: 99999;
    position: absolute;
    top: 30%;
    left: -10%;
    right: 0;
    margin: 0 auto;
    text-align: center;
}

.careers-learn-video .careers-learn-icon i {
    color: var(--text-white-color);
    font-size: 30px;
    border: 2px solid #FFF;
    border-radius: 100%;
    padding: 28px 30px;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.careers-learn-video .careers-learn-icon:hover i {
    transform: scale(1.2);
}

.careers-learn-video-one {
    padding: 40px 20px;
}

.careers-learn-heading {
    font-size: 36px;
}

.careers-learn-video-one a {
    color: var(--text-red-color);;
    font-size: 20px;
}

.learning-learn-img-block img {
    height: 410px;
    width: 100%;
}

.height img {
    height: 610px;
}

.height-one img {
    height: 210px;
}

.careers-benefits-main-block {
    padding: 80px 0 60px;
    background-color: #F7F7F7;
}

.careers-benefits-heading {
    font-size: 42px;
}

.careers-benefits-main-block p {
    font-size: 22px;
}

.careers-benefits-icon {
    float: left;
    display: table;
    padding: 5px 15px 50px 0;
}

.careers-benefits-icon i {
    color: #32CD32;
    border-radius: 100%;
    border: 3px solid #32CD32;
    padding: 12px;
    font-size: 22px;
}

.careers-benefits-dtl-heading {
    font-size: 22px;
}

.careers-benefits-dtl-block {
    height: 80px;
}

.careers-benefits-dtl p {
    font-size: 15px;
    color: #6D7A91;
}

.join-team-main-block {
    padding: 90px;
}

.join-team-block p {
    font-size: 20px;
}

.join-team-dropdown {
    text-align: left;
}

.join-team-dropdown a {
    font-size: 16px
}

.join-team-dropdown .dropdown-menu li {
    padding: 5px 25px;
    width: 228px;
}

.join-team-main-block .faq-block {
    padding: 60px 60px 10px 60px;
    background-color: var(--background-white-bg-color);
}

.join-team-main-block .faq-dtl .second-accordion {
    margin-bottom: 80px;
}

.join-team-main-block .faq-block hr {
    display: none;
}

.join-team-main-block .faq-block h3 {
    margin-bottom: 5px;
}

.join-team-main-block .faq-dtl .second-accordion .card-header {
    background: transparent;
    border: 1px solid rgba(0, 0, 0, .1);
}

.join-team-main-block .card-header .btn {
    padding: 0;
    font-size: 17px;
    font-weight: 500;
}

.join-team-main-block .faq-dtl .second-accordion .card-header button.btn {
    display: block;
    width: 100%;
    cursor: pointer;
    text-align: left;
    text-decoration: none;
    color: #232323;
    font-size: 32px;
    font-weight: 700;
    position: relative;
    text-transform: none;
    padding: 25px 0 0;
    border: 1px solid transparent;
    border-top: 1px solid #D8D8D8;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.join-team-main-block .faq-dtl .second-accordion .card {
    border: 0;
    padding: 5px;
    margin-bottom: 10px;
}

.join-team-main-block .faq-dtl .second-accordion .card-header button.btn[aria-expanded="false"]:after {
    position: absolute;
    font-family: fontawesome;
    right: 37px;
    color: #777;
    width: 30px;
    text-align: center;
    height: 30px;
    line-height: 28px;
    border-radius: 100%;
    font-size: 20px;
    font-weight: 700;
}

.join-team-main-block .faq-dtl .second-accordion .card-header button.btn[aria-expanded="true"]:after {
    font-family: fontawesome;
    right: 37px;
    position: absolute;
    color: #777;
    width: 30px;
    text-align: center;
    font-size: 30px;
    height: 30px;
    line-height: 20px;
}

.join-team-main-block .faq-dtl .second-accordion .card-header button.btn[aria-expanded="true"]:hover:after {
    color: #F96921;
}

.join-team-main-block .faq-dtl .second-accordion .card-header button.btn[aria-expanded="false"] i {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.join-team-main-block .faq-dtl .second-accordion .card-header button.btn i {
    position: absolute;
    right: 20px;
}

.join-team-main-block .faq-main-block .btn {
    white-space: initial;
}

.join-team-main-block .career-faq-link a {
    font-size: 17px;
    font-weight: 500;
}

.join-team-main-block .career-faq-link a:hover {
    color: #6AC1D0;
}

.join-team-main-block .career-faq-place a {
    font-size: 17px;
    color: #232323;
}

@media (max-width: 767px) {
    .nav-bar-btn {
        text-align: center;
    }

    .join-team-main-block .faq-block {
        padding: 0;
    }

    .join-team-main-block .faq-dtl .second-accordion .card-header button.btn {
        font-size: 20px;
    }
}

@media (max-width: 576px) {
    .careers-block p {
        padding: 0;
    }

    .careers-main-block {
        padding: 130px 0 73px;
    }

    .careers-info-main-block {
        padding: 40px 10px;
    }

    .careers-learn-main-block {
        padding: 10px;
    }

    .careers-learn-video .bdr-right {
        border-right: hidden;
    }

    .join-team-main-block {
        padding: 0;
    }

    .career-faq-place {
        text-align: left;
    }

    .join-team-main-block .faq-block {
        padding: 60px 40px 10px 60px;
    }
}


/* ================================= */
/*===== Popup =====*/
/* ================================= */
/*.popup_wrapper, .overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}*/
.about-home-includes-list .popup_wrapper,
.about-home-includes-list .popup_wrapper .overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    /*left: 0;
  right: 0;*/
    overflow: hidden;
}

.popup_wrapper {
    display: flex;
    margin-bottom: 80px;
    justify-content: center;
    align-items: center;
    text-align: center;
    visibility: hidden;
    transition: opacity 500ms;
    opacity: 0;
}

.overlay {
    z-index: 0;
    background: rgba(0, 0, 0, .618);
}

.show {
    visibility: visible;
    opacity: 1;
}

/*.popup {
  position: relative;
  z-index: 1;
  width: 320px;
  height: 160px;
  flex: 0 1 auto;
  overflow: hidden;
  background-color: var(--background-white-bg-color);
  border-radius: 16px;
  transition: all .02s ease-in-out;
}*/
.about-home-includes-list .popup {
    position: relative;
    z-index: 1;
    width: 320px;
    /*
  height: 160px; */
    flex: 0 1 auto;
    /*
  overflow: hidden;*/
    background-color: var(--background-white-bg-color);
    border-radius: 16px;
    transition: all .02s ease-in-out;
}

.popup .close {
    position: absolute;
    top: 10px;
    right: 10px;
    display: inline-block;
    font-size: 24px;
    font-weight: bolder;
    color: #aaa;
    text-decoration: none;
}

.close:hover {
    color: #444;
}


.about-home-includes-list .popup .close {
    position: absolute;
    top: 10px;
    right: 10px;
    display: inline-block;
    font-size: 24px;
    font-weight: bolder;
    color: #aaa;
    text-decoration: none
}

.about-home-includes-list .close:hover {
    color: #444;
}

.popup .title p {
    padding-left: 12px;
    font-size: 24px;
    line-height: 44px;
    text-align: left;
    background: #EEE;
    border-bottom: 1px solid #555;
}

.popup h1 {
    margin: 16px auto;
}

.hide_sb {
    height: 100%;
    overflow: hidden;
}

.coupon-search .form-inline .form-control {
    height: 100%;
    position: relative;
}

.coupon-search .form-control {
    border: 1px solid #CACBCC;
    color: var(--text-black-color);
    background-color: var(--background-white-bg-color);
    height: 44px;
    border-radius: 1px;
}

.coupon-search .btn-primary {
    padding: 4px 10px;
    border-radius: 1px;
}


/*course detail page review input*/
.review-table .table thead th {
    vertical-align: bottom;
    border-bottom: none;
    font-weight: 500;
    font-size: 15px;
    color: var(--text-light-grey-color);
    padding-left: 3px;
}

.review-table .table td,
.review-table .table th {
    padding: .75rem;
    vertical-align: top;
    border-top: none;
    font-weight: 500;
    color: var(--text-light-grey-color);
    text-align: left;
}

.blog-main-block .owl-carousel .owl-item img {
    display: block;
    width: 260px;
    height: 260px;
    margin-right: 50px;
}

.about-home-btn .btn-secondary {
    padding: 15px 0;
    width: 100%;
    border-radius: 1px;
    font-weight: 500;
    font-size: 17px;
    background: var(--background-green-bg-color);
    color: var(--text-white-color) !important;
}

.about-home-btn .btn-secondary:hover {
    background-color: var(--text-light-grey-color);
    border: 1px solid #002642;
    color: var(--text-white-color);
}

.learning-courses-home-video .video-item {
    text-align: center;
    /* border: 5px solid #FFF; */
}

.learning-courses-home-video .video-device .bg_img {
    background-size: cover;
    width: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.learning-courses-home-video .video-device img:not(.bg_img) {
    height: 200px;
    width: 100%;
}

.learning-courses-home-video .video-device, .learning-courses-internal-video {
    position: relative;
}

.learning-courses-home-video .video-item .video-preview, .learning-courses-internal-video .video-preview {
    width: 100%;
    height: 400px;
    border-radius: 12px;
    overflow: hidden;
}
@media (max-width: 650px) {
    .learning-courses-home-video .video-item .video-preview {
        height: 299px;
    }
}
@media (max-width: 450px) {
    .learning-courses-home-video .video-item .video-preview {
        height: 225px;
    }
}
@media (max-width: 375px) {
    .learning-courses-home-video .video-item .video-preview {
        height: 181px;
    }
}
@media (max-width: 575px) {
    .learning-courses-internal-video .video-preview {
        height: 300px;
    }
    .learning-courses-internal-video .video-preview iframe {
        margin-top: -3rem;
    }
    .learning-courses-internal-video.lesson-internal-video .video-preview iframe {
        margin-top: 0;
    }
}
@media (max-width: 420px) {
    .learning-courses-internal-video .video-preview {
        height: 240px;
    }
    .learning-courses-internal-video .video-preview iframe {
        margin-top: -5rem;
    }
}
.learning-courses-home-video .video-item .video-preview:after, .learning-courses-internal-video .video-preview:after {
    content: "";
    /* background-color: #64308b; */
    background-color: #7F8897;
    width: 95%;
    height: 100%;
    position: absolute;
    top: 1rem;
    left: -1rem;
    z-index: 1;
    border-radius: 12px;
}
.learning-courses-home-video .video-item .video-preview iframe, .learning-courses-internal-video .video-preview iframe {
    width: 100%;
    height: 100%;
    z-index: 10;
    background: #001525;
    position: relative;
    object-fit: cover;
}
/* .learning-courses-home-video .video-item .video-preview,
.learning-courses-home-video .video-item .video-preview iframe {
    width: 100%;
    height: 200px;
}

.learning-courses-home-video .video-preview {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 30;
    width: 100%;
} */

.learning-courses-home-video .btn-video-play i {
    margin: 0 auto;
    position: relative;
    top: 50%;
    left: 15%;
    transform: translate(-50%, -50%);
    z-index: 30;
    color: var(--text-white-color);
    font-size: 42px;
    border: 1px solid transparent;
    border-radius: 100%;
    background-color: rgba(0, 0, 0, .6);
    padding: 25px 27px;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.learning-courses-home-video .btn-video-play:hover {
    opacity: 0.8;
}

.learning-questions-dtl ul li a {
    color: var(--text-blue-color);
    font-size: 11px;
}

.learning-answer-block {
    margin-left: 40px;
    margin-bottom: 10px;
}

.learning-answer-img {
    font-size: 12px;
    float: left;
    background-color: rgb(104, 111, 122);
    text-transform: uppercase;
    color: var(--text-white-color);
    padding: 7px;
    border-radius: 100%;
}

.learning-answer-dtl {
    padding: 0px 10px;
    vertical-align: middle;
}

.learning-answer-dtl ul li a {
    color: var(--text-blue-color);
    font-size: 11px;
}


/* ================================= */
/*======= Wishlist Page=====*/
/* ================================= */
.wishlist-home-main-block {
    background-color: var(--text-light-grey-color);
    padding: 50px 20px;
}

.wishlist-home-heading {
    margin-bottom: 0;
}

.wishlist-icon {
    position: absolute;
    text-align: center;
    font-size: 10px;
    font-weight: 500;
    top: 12px;
    bottom: 0;
    left: 0;
    background-color: transparent;
    width: 80px;
    height: 15px;
    z-index: 9;
    border-radius: 0 10px 10px 0;
    color: var(--text-white-color);
    -webkit-text-stroke: 1px #F44A4A;
}

.cart-btn .btn-primary {
    font-size: 18px;
    font-weight: 500;
    top: 12px;
    background-color: var(--background-red-bg-color);
    color: var(--text-white-color);
    border: 1px solid #F44A4A;
    padding: 2px 40px;
}

.wishlist-btn .btn-primary {
    font-size: 18px;
    font-weight: 500;
    top: 12px;
    background-color: var(--background-red-bg-color);
    color: var(--text-white-color);
    border: 1px solid #F44A4A;
    padding: 2px 40px;
}

/*wishlist icon*/
.wishlisht-btn {
    background-color: transparent;
    border: none;
    color: var(--text-white-color);
}

.about-icon-two {
    color: var(--text-white-color);
}

.about-icon-two i {
    color: var(--text-white-color);
}

.heart-two i {
    color: var(--text-red-color);;
}

.nav-wishlist i {
    font-size: 20px;
    /*color: var(--text-green-color);*/
    -webkit-text-stroke: 1px #F44A4A;
    border: 1px solid transparent;
    padding: 16px 13px 10px;
    border-radius: 100%;
    display: inline-flex;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.nav-wishlist i:hover {
    /*background: rgba(20, 23, 28, 0.05);*/
    /*border: 1px solid rgba(20, 23, 28, 0.05);*/
}

@media (max-width: 992px) {
    .wishlist-action {
        margin-bottom: 30px;
    }

    .review-table .table thead th {
        font-size: 13px;
    }
}


/* ================================= */
/*======== Cart Page=====*/
/* ================================= */
.cart-main-block {
    padding: 60px 0;
}

.cart-add-block {
    border: 1px solid #DEDFE0;
    padding: 10px 20px 10px 10px;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.cart-heading {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 18px;
    color: #29303b;
}

.cart-add-block:hover {
    background-color: #E8E9EB;
}

.cart-img {
    position: relative;
}

.cart-img img {
    width: 100%;
}

.cart-add-block .cart-course-name {
    font-weight: 500;
}

.cart-add-block .cart-course-update {
    font-size: 13px;
    color: var(--text-dark-grey-color);
}

.cart-add-block .cart-actions a {
    font-size: 13px;
    color: var(--text-blue-color);
    font-weight: 400;
}

.cart-add-block .cart-actions a:hover {
    color: #000;
}

.cart-add-block .cart-actions i {
    color: #F4C150;
}

.cart-add-block .cart-course-amount {
    text-align: right;
}

.cart-add-block .cart-course-amount ul li {
    font-size: 15px;
    font-weight: 500;
    color: #29303b;
}

.cart-add-block .cart-course-amount ul li s {
    font-size: 15px;
    font-weight: 400;
    color: #686f7a;
}

.cart-add-block .cart-course-amount ul li s i {
    font-size: 15px;
    font-weight: 400;
    color: var(--text-dark-grey-color);
}

.cart-add-block .cart-course-amount i {
    color: #000;
}

.cart-price {
    font-size: 36px;
    font-weight: 500;
    color: #29303b;
}

.cart-original-price {
    font-size: 15px;
    color: var(--text-dark-grey-color);
}

.cart-original-price s {
    font-size: 15px;
    color: #686f7a;
}

.checkout-btn .btn-primary {
    width: 100%;
    color: var(--text-white-color);
    background-color: var(--background-red-bg-color);
    border: 1px solid transparent;
    padding: 15px 0;
    margin-top: 10px;
    font-weight: 500;
    border-radius: 2px;
}

.cart-remove-btn {
    border: none;
    background-color: transparent;
    font-size: 13px;
    color: var(--text-blue-color);
    font-weight: 400;
    padding: 0;
    cursor: pointer;
}

.cart-remove-btn:hover {
    color: #000;
}

.cart-wishlisht-btn {
    background-color: transparent;
    border: none;
    font-size: 13px;
    color: var(--text-blue-color);
    font-weight: 400;
    padding: 0;
    cursor: pointer;
    text-align: left;
}

.coupon-apply input {
    height: 34px;
    padding: 0 10px;
    font-size: 13px;
    width: 100%;
    margin-bottom: 10px;
}

.coupon-apply button {
    height: 34px;
    padding: 0 10px;
    font-size: 13px;
    float: right;
    width: 100%;
    border-radius: 0 2px 2px 0;
}

.coupon-apply input:focus {
    outline: none;
}

.cart-price-detail span {
    float: right;
}

.cart-price-detail span {
    float: right;
}

.cart-price-detail span a {
    font-size: 12px;
    color: var(--text-blue-color);
}

.cart-price-detail ul li {
    font-size: 14px;
    margin-bottom: 12px;
    color: var(--text-dark-grey-color);
    font-weight: 400;
}

.cart-price-detail ul li a {
    color: var(--text-blue-color);
}

.cart-price-detail ul li.active a {
    color: var(--text-blue-color);
    font-weight: 500;
}

.cart-total-two a b {
    color: #000;
    font-weight: 500;
    font-size: 22px;
}

.cart-total-two span {
    color: #000;
    font-weight: 500;
    font-size: 22px;
}

.cart-coupon i {
    color: var(--text-red-color);;
    font-size: 22px;
    margin-left: -10px;
    margin-top: 10px;
}

.cart-coupon .btn-link {
    padding: 0;
    border: none;
}

.tooltip-inner {
    border: 1px solid #DEDFE0;
    background-color: var(--background-white-bg-color) !important;
    color: var(--text-dark-grey-color);
}

.coupon-heading {
    color: var(--text-dark-grey-color);
    font-weight: 500;
}


@media (max-width: 576px) {
    .cart-main-block {
        padding: 60px 0 0;
    }

    .cart-add-block {
        margin-bottom: 20px;
    }
}

/* ================================= */
/*======== Checkout Page=====*/
/* ================================= */
.checkout-main-block {
    padding: 60px 0;
}

.checkout-pricelist ul li {
    display: inline-block;
}

.checkout-total {
    font-weight: 500;
}

.checkout-price {
    margin-left: 10px;
    color: var(--text-dark-grey-color);
    font-size: 18px;
}

.checkout-percent {
    margin-left: 10px;
    color: var(--text-dark-grey-color);
}

.checkout-course-img {
    margin-bottom: 10px;
}

.checkout-course-user {
    color: var(--text-dark-grey-color);
    font-size: 11px;
}

.checkout-course-title {
    color: var(--text-light-grey-color);
    font-size: 13px;
    font-weight: 500;
}

.checkout-course-price {
    font-size: 15px;
    color: #686f7a;
}

.checkout-items {
    margin-bottom: 40px;
}

.payment-gateways .btn-link {
    border: none;
}

.payment-proceed-btn .btn-primary {
    padding: 10px 80px;
    font-weight: 500;
}

.panel-title label {
    margin-bottom: 0;
    cursor: pointer;
}

/*stripe payment form*/
.creditCardForm {
    max-width: 100%;
    /*background-color: var(--background-white-bg-color);*/
    overflow: hidden;
    padding: 25px;
    color: #4C4E56;
}

.creditCardForm label {
    width: 100%;
    margin-bottom: 10px;
}

.creditCardForm .heading h1 {
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    /*font-family: 'Mukta', sans-serif;*/
    color: #4C4E56;
}

.creditCardForm .payment {
    float: left;
    font-size: 16px;
    /* padding: 10px 25px;
    margin-top: 20px; */
    padding: 0;
    position: relative;
}

.creditCardForm .payment .form-group {
    float: left;
    margin-bottom: 15px;
}

.creditCardForm .payment .form-control {
    line-height: 40px;
    height: auto;
    padding: 0 16px;
}

.creditCardForm .owner {
    width: 63%;
    margin-right: 10px;
}

.creditCardForm .CVV {
    width: 35%;
}

.creditCardForm #card-number-field {
    width: 100%;
}

.creditCardForm #expiration-date {
    width: 49%;
}

.creditCardForm #credit_cards {
    width: 50%;
    margin-top: 25px;
    text-align: right;
}

.creditCardForm #pay-now {
    width: 100%;
    margin-top: 25px;
}

.creditCardForm .payment .btn {
    width: 100%;
    margin-top: 15px;
    font-size: 24px;
    /*background-color: var(--background-red-bg-color);*/
    color: white;
}

.creditCardForm .payment select {
    padding: 10px;
    margin-right: 15px;
}

.transparent {
    opacity: 0.2;
}

@media (max-width: 650px) {
    .creditCardForm .owner,
    .creditCardForm .CVV,
    .creditCardForm #expiration-date,
    .creditCardForm #credit_cards {
        width: 100%;
    }

    .creditCardForm #credit_cards {
        text-align: left;
    }

    .creditCardForm {
        padding: 0;
    }
}

/*stripe payment form end*/


/*rating*/
.star-ratings-css {
    unicode-bidi: bidi-override;
    color: #C5C5C5;
    font-size: 25px;
    height: 25px;
    width: 100px;
    margin: 0 auto;
    position: relative;
    padding: 0;
    text-shadow: 0px 1px 0 #A2A2A2;
}

.star-ratings-css-top {
    color: #E7711B;
    padding: 0;
    position: absolute;
    z-index: 1;
    display: block;
    top: 0;
    left: 0;
    overflow: hidden;
}

.star-ratings-css-bottom {
    padding: 0;
    display: block;
    z-index: 0;
}

.star-ratings-sprite {
    background: url("../images/rating/star-rating.png") repeat-x;
    font-size: 0;
    height: 18px;
    line-height: 0;
    overflow: hidden;
    text-indent: -999em;
    width: 70px;
    clear: both;
}

.star-ratings-center {
    margin: 0 auto;
    margin-bottom: 10px;
}

.star-ratings-sprite-rating {
    background: url("../images/rating/star-rating.png") repeat-x;
    background-position: 0 100%;
    float: left;
    height: 14px;
    display: block;
}

/*rating end*/

.helpful {
    display: inline-block;
}


/* ============================== */
/*======== NavBar  ========*/
/* ============================== */
.logotext {
    font-size: 21px;
    padding: 8px 0;
}

.nav-wishlist {
    position: relative;
}

.shopping-cart {
    position: relative;
}

.red-menu-badge {
    font-size: 10px;
    min-width: 15px;
    min-height: 15px;
    line-height: 15px;
}

.red-bg-success {
    background: #dc3545;
}

.red-menu-badge {
    position: absolute;
    padding: 0;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-weight: 500;
    color: white;
    border-radius: 100%;
    font-size: 12px;
    background: #64308b;
    /*box-shadow: 0.5px 0.2px 1px rgba(0, 0, 0, 0.5);*/
    display: inline-block;
    text-align: center;
    left: 25px;
    top: 2px;
    z-index: 1;
}

.user-text {
    text-align: center;
    margin-left: 20px;
}

#notification_li {
    position: relative
}

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

#notificationContainer {
    background-color: var(--background-white-bg-color);
    border: 1px solid rgba(100, 100, 100, .4);
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
    overflow: visible;
    position: absolute;
    top: 50px;
    width: 300px;
    z-index: 999999999;
    display: none;
}

#notificationContainerr {
    background-color: var(--background-white-bg-color);
    border: 1px solid rgba(100, 100, 100, .4);
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
    overflow: visible;
    position: absolute;
    top: 50px;
    width: 300px;
    z-index: 999999999;
    right: 50px;
    display: none;
}

#notificationContainerr:before {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    color: transparent;
    border: 10px solid black;
    border-color: transparent transparent white;
    margin-top: -20px;
    margin-left: 188px;
}

#notificationContainer:before {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    color: transparent;
    border: 10px solid black;
    border-color: transparent transparent white;
    margin-top: -20px;
    margin-left: 14px;
}

#notificationTitle {
    padding: 14px 20px;
    font-size: 13px;
    background-color: var(--background-white-bg-color);
    z-index: 1000;
    border-bottom: 1px solid #DDD;
}

#notificationsBody ul li {
    padding: 12px;
    font-size: 14px;
    border-bottom: 1px solid #DDD;
}

#notificationFooter {
    background-color: #64308b;
    text-align: center;
    font-weight: bold;
    padding: 8px;
    font-size: 12px;
    border-top: 1px solid #64308b;
    color: #fff;
}

.notification-image {
    display: inline-block;
    padding: 0;
    vertical-align: text-bottom;
    margin-right: 5px;
}

.notifications ul {
    max-height: 240px;
    overflow-y: auto;
    overflow-x: hidden;
}

.notification-data {
    display: inline-block;
}

.user-detailss {
    color: var(--text-light-grey-color);
    font-size: 12px;
    font-weight: bold;
}
.user-detailss h5 {
    font-size: 12px;
    font-weight: normal !important;
}
.user-detailss .text-muted {
    color: #7F8897!important;
}
.heart-category i {
    -webkit-text-stroke: 1px #F44A4A;
    color: var(--text-white-color);
}

/*user dropdown*/
.my-container {
    text-transform: capitalize !important;
    margin-right: 3rem;
    padding: 0 10px;
    /* display: flex;
    justify-content: flex-end;
    align-content: center;
    align-items: normal;
    height: 100%;
    padding: 5px 0; */
}

.my-dropdown {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    /*border-radius: 30px;*/
    /*background-color: var(--background-grey-bg-color);*/
    /*box-shadow: 0 2px 8px 2px rgba(20, 23, 28, 0.2);*/
    width: 25px;
    height: 40px;
    background-color: transparent;
    border: none !important;
    font-size: 12px;
    font-weight: bold;
    color: #7F8897;
    text-transform: capitalize !important;
}
.my-dropdown .fa-sort-down {
    padding-left: 5px;
    margin: 0;
}

.my-dropdown .circle {
    width: 55px;
    height: 55px;
}

.my-dropdown:hover {
    background-color: transparent !important;
    border: none !important;
}

.dropdown__item {
    align-self: center;
    margin-left: .5em !important; /*damn you bootstrap!*/
}

.my-dropdown > .name {
    overflow: hidden;
    width: 0%;
    transition: width 300ms ease-out;
}

.my-dropdown > .name-shown {
    width: 60%;
}

.circle {
    width: 25px;
    height: 25px;
    margin-right: 5px;
    border-radius: 50%;
    display: inline-block;
}

.dropdown-menu-right:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    margin-left: -0.5em;
    margin-right: -1.1em;
    right: 0px;
    box-sizing: border-box;
    border: 7px solid black;
    border-color: transparent transparent #FFF #FFF;
    transform-origin: 0 0;
    transform: rotate(135deg);
    box-shadow: -3px 3px 3px -3px rgba(214, 214, 214, 0.78);
}

.dropdown-menu-right {
    display: none;
    position: absolute;
    border-radius: 12px;
    box-shadow: 0px 0px 8px 0 rgba(214, 214, 214, 0.78);
    list-style: none;
    padding: 0;
    margin: 0;
    top: 100px;
    right: 0;
    width: 325px;
    border: none;
    margin-top: .75rem;
    z-index: 999999999999;
}

.dropdown-menu-right .U-open {
    display: block;
}

.dropdown-menu-right li {
    padding: 0px;
    line-height: 47px;
    border-bottom: 1px solid rgba(215, 215, 215, 0.17)
}

.dropdown ul li {
    padding-right: 20px;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    color: var(--text-light-grey-color);
    background-color: var(--background-white-bg-color);
    z-index: 1111111;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

.dropdown ul li a {
    color: var(--text-black-color);
}

.dropdown ul li i {
    font-size: 15px;
    /*color: var(--text-light-grey-color);*/
    color: #64308b;
    margin-left: 20px;
    margin-right: 10px;
}

.dropdown ul a li:hover, #cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover {
    background-color: #64308b !important;
    color: #fff !important;
}

.dropdown ul a li:hover i {
    color: #fff;
}

.btn-default:hover {
    color: #333;
    background-color: #E6E6E6;
    border-color: #DEDFE0;
}

.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: none;
}

/* @media (max-width: 767px) {
    .my-container {
        justify-content: center;
    }
} */

/* ====================================== */
/*======== Purchase History  ========*/
/* ===================================== */
.purchase-main-block {
    padding: 60px 0;
    background-color: var(--background-light-grey-bg-color);
}

.purchase-history-heading {
    font-weight: 500;
    font-size: 16px;
}

.purchase-history-items {
    background-color: var(--background-white-bg-color);
    padding: 15px;
}

.purchase-history-course-img a {
    display: inline-block;
    float: left;
    margin-right: 10px;
}

.purchase-history-course-title {
    font-weight: 500;
    font-size: 16px;
}

.purchase-text {
    font-size: 13px;
}

.invoice-btn .btn-secondary {
    padding: 4px 10px;
    font-size: 12px;
    color: var(--text-green-color);
    border: 1px solid #64308b;
    display: inline-block;
    float: right;
}

.invoice-btn .btn-secondary:hover {
    color: #fff;
}

.invoice-btn .btn-secondary:focus {
    color: #64308b;
}

.purchase-table tbody tr {
    background-color: var(--background-white-bg-color);
    margin-bottom: 10px;
}

.purchase-table td .purchase-text {
    line-height: 45px;
}

/*.purchase-table thead th:first-child {*/
/*    text-align: left;*/
/*}*/

/*.purchase-table tbody td:first-child {*/
/*    text-align: left;*/
/*}*/

/*.purchase-table thead th {*/
/*    text-align: right;*/
/*    vertical-align: middle;*/
/*}*/

/*.purchase-table tbody td {*/
/*    text-align: right;*/
/*    vertical-align: middle;*/
/*}*/

/*invoice page*/
.view-order {
    padding: 30px 20px;
    background-color: #ECF0F5;
}

.order-invoice {
    margin-bottom: 10px;
    font-size: 18px;
}

.user-ordered {
    padding: 30px 20px;
}

.purchase-date {
    font-size: 15px;
}

.page-header {
    padding: 20px;
}

.order-table .table-striped tbody tr:nth-of-type(odd) {
    background-color: #ECF0F5;
}

.print-btn .btn-primary {
    padding: 12px 30px;
    display: inline-block;
    float: left;
    margin-right: 10px;
}

.print-btn .btn-secondary {
    padding: 12px 30px;
    display: inline-block;
}

.nav-menu-bar-main-block {
    position: absolute;
    z-index: 99999;
    width: 100%;
}

/* ====================================== */
/*======== User Profile  ========*/
/* ===================================== */

.dashboard-author-block {
    padding: 40px 0 44px 0;
    background-color: var(--background-white-bg-color);
    margin-bottom: 25px;
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, .125);
}

.dashboard-author-block .author-image {
    margin-bottom: 15px;
}

.dashboard-author-block .author-image img {
    border-radius: 100%;
}

.dashboard-author-block .author-name {
    font-size: 18px;
    font-weight: 500;
    color: var(--text-light-grey-color);
    text-transform: capitalize;
}

/* .dashboard-items {
    padding: 28px 0 42px;
    background-color: var(--background-white-bg-color);
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, .125);
} */

.dashboard-items ul li {
    padding: 0 !important;
    border-left: 5px solid #FFF;
    /* border-bottom: 2px solid rgb(246, 247, 252); */
    border-radius: 0;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.dashboard-items ul li a {
    /* color: #_547b98; */
    position: relative;
    /* border-bottom: 2px solid rgb(246, 247, 252); */
    /* border-bottom: 2px solid #F6F7FC; */
    border-top: 1px solid #eaedef;
    border-bottom: 1px solid #eaedef;
    border-radius: 0;
    padding: 1.25rem 1rem;
    color: #7F8897;
    font-weight: bold;
}
.dashboard-items ul li a i {
    color: #7F8897;
    opacity: 1;
}
.dashboard-items a i.fa-chevron-down {
    margin: 0 0 0 .5rem;
    top: 0;
}
.dashboard-items ul li:hover {
    color: var(--text-white-color);
    /* background-color: #F6F7FC; */
    background-color: #eaedef;
    border-left: 3px solid #64308b;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.dashboard-items ul li:hover a {
    color: var(--text-green-color);
}

.dashboard-items ul li.active {
    color: #64308b;
    border-bottom: 0;
    /* background-color: #F6F7FC; */
    background-color: #eaedef;
    border-left: 5px solid #64308b;
}
@media (max-width: 1199px) {
    .dashboard-items ul li, .dashboard-items ul li.active {
        border-left: 0;
    }
    .dashboard-items ul li.active {
        background-color: transparent;
    }
    .dashboard-items ul li {
        padding: .50rem 1rem .50rem 0 !important;
    }
    .dashboard-items ul li a {
        padding: 0;
    }
}
.dashboard-items ul li.active a {
    color: #64308b;
    box-shadow: 0 5px 10px 0 rgb(20 23 28 / 20%);
    opacity: 1;
}

.dashboard-items ul li.active a i {
    color: #64308b;
    opacity: 1;
}
.dashboard-items ul li i {
    font-size: 1.5rem;
    top: 4px;
    position: relative;
    margin-right: 16px;
    opacity: 0.5;
    color: #7f8897;
}
@media (max-width: 1199px) {
    .dashboard-items ul li i {
        margin-right: 3px;
    }
}
.dashboard-items ul li:hover i {
    color: var(--text-green-color);
    opacity: 1;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.dashboard-items ul li i.active {
    color: var(--text-blue-color);
    opacity: 1;
}
.dashboard-items ul li:hover {
    color: #64308b;
    /* background-color: rgb(246, 247, 252); */
    background-color: #eaedef;
    border-left: 5px solid #64308b;
    transition: all 0.5s ease 0s;
}
@media (max-width: 1199px) {
    .dashboard-items ul li:hover {
        border: 0;
        background-color: transparent;
    }
}
.dashboard-items ul li:hover a, .dashboard-items ul li:hover a i {
    color: #64308b !important;
}
.dashboard-items ul li:hover a, .dashboard-items ul li:hover a i {
    color: #64308b !important;
}
.dashboard-items ul.subnav li a {
    font-weight: normal;
}
.dashboard-items ul.subnav li:hover {
    background: transparent;
}
.dashboard-items ul.subnav li:hover a {
    color: #64308b;
}
.dashboard-items ul.subnav li:last-child {
    border-bottom: 0;
}
.profile-item-block {
    padding: 40px 0;
    /*background-color: #F6F7FC;*/
    background-color: transparent;
    border: 1px solid rgba(0, 0, 0, .125);
    min-height: 500px !important;
}

.profile-info-block {
    /* padding: 34px 44px 45px 45px; */
    /* background-color: var(--background-white-bg-color); */
    /* margin-bottom: 41px; */
    /* border-radius: 5px; */
    padding: 2rem 0;
    border-bottom: 1px dashed #aabdcd50;
}

.profile-info-block .profile-heading {
    font-size: 20px;
    color: var(--text-light-grey-color);
    padding-bottom: 20px;
    /* border-bottom: 1px solid #E8E8E8; */
    /* margin-bottom: 30px; */
    font-weight: bold;
    letter-spacing: 0;
}
.profile-info-block .profile-heading i {
    color: #64308b;
}
.form-group > label {
    font-size: 15px;
    font-weight: 500;
}

.profile-info-block .profile-block .form-group label {
    font-size: 16px;
    color: #000;
    margin-bottom: 15px;
}

.profile-info-block .profile-block .form-group .form-control {
    /* font-family: 'Montserrat', sans-serif; */
    /*font-family: 'Mukta', sans-serif;*/
    color: var(--text-blue-color);
    font-size: 14px;
    border: solid 1px #D5D5D5;
    margin-bottom: 28px;
}

.profile-info-block .form-control,
.profile-info-block select.form-control:not([size]):not([multiple]) {
    height: 45px !important;
    padding: 10px 20px !important;
    border: 1px solid rgba(127, 136, 151, 0.2) !important;
    border-radius: 5px;
    color: #7F8897;
    font-size: 12px !important;
    /*text-transform: capitalize !important;*/
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    color: #7F8897 !important;
    font-size: 12px !important;
    text-transform: capitalize !important
}
.profile-info-block .form-group label, .profile-info-block .custom-control label {
    font-weight: bold;
    color: #7F8897;
}
.profile-info-block .form-group i {
    color: white;
}
.profile-info-block .form-group
.profile-info-block select.form-control:not([size]):not([multiple]) {
    height: 63px;
}

.profile-info-block .profile-two-block .form-group label {
    font-size: 16px;
    color: #000;
    margin-bottom: 15px;
}

.profile-info-block .profile-two-block .form-group .form-control {
    /* font-family: 'Montserrat', sans-serif; */
    /*font-family: 'Mukta', sans-serif;*/
    color: #000;
    font-size: 14px;
    border: solid 1px #D5D5D5;
    margin-bottom: 40px;
    padding: 23px 0 103px 30px;
    margin-bottom: 0;
}

.social-profile-block {
    padding: 34px 44px 18px 45px;
    background-color: var(--background-white-bg-color);
    margin-bottom: 62px;
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, .125);
}

.social-profile-heading {
    font-size: 20px;
    color: var(--text-light-grey-color);
    padding-bottom: 20px;
    border-bottom: 1px solid #E8E8E8;
    margin-bottom: 32px;
    font-weight: 500;
}

.social-profile-block .social-block .form-group label {
    font-size: 15px;
    /*color: #000;*/
    margin-bottom: 15px;
}

.social-profile-block .social-block .form-group .form-control {
    /* font-family: 'Montserrat', sans-serif; */
    /*font-family: 'Mukta', sans-serif;*/
    color: #495057;
    font-size: 14px;
    border: 1px solid rgba(127, 136, 151, 0.2) !important;
    margin-bottom: 28px;
}

.social-profile-block .form-control,
.social-profile-block select.form-control:not([size]):not([multiple]) {
    border-radius: 5px;
    padding: 10px 20px;
}

.social-profile-block .form-group
.social-profile-block select.form-control:not([size]):not([multiple]) {
    height: 45px;
}

.social-profile-block .profile-update-icon {
    padding: 0;
}

.social-profile-block .form-group {
    margin-bottom: 0;
}

.profile-item-block .profile-update-icon i {
    width: 40px;
    height: 40px;
    font-size: 20px;
    text-align: center;
    border-radius: 50%;
    color: var(--text-white-color);
    line-height: 1.8;
}

.profile-info-block .profile-block .form-group .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #717983;
    opacity: 1; /* Firefox */
}

.profile-info-block .form-group select.form-control:not([size]):not([multiple]) {
    height: 63px;
}

.profile-info-block .select2-container .select2-selection--single {
    height: 45px ! important;
    padding: 10px 20px !important;
    border: 1px solid rgba(127, 136, 151, 0.2) !important;
    border-radius: 5px;
    font-size: 14px;
}

.profile-info-block .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 45px;
}

@media (max-width: 576px) {
    .profile-item-block {
        padding: 100px 0 90px;
        background-color: #F6F7FC;
    }
}


.avatar-preview {
    width: 150px;
    height: 150px;
    position: relative;
    border-radius: 100%;
    border: 6px solid #ffffff;
    box-shadow: 0px 0px 10px 3px rgb(0 0 0 / 7%);
    margin: 0 auto;
}

.avatar-preview-img {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.avatar-upload {
    position: relative;
    max-width: 205px;
    margin: 10px auto;
}

.avatar-edit {
    position: absolute;
    right: 24px;
    z-index: 9999999;
    top: 10px;
}

.avatar-edit input {
    display: none;
}

.avatar-edit label {
    display: inline-block;
    width: 34px;
    height: 34px;
    margin-bottom: 0;
    border-radius: 100%;
    background-color: #64308b;
    background-color: #FF7878;
    /* border: 1px solid transparent;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12); */
    cursor: pointer;
    font-weight: normal;
    transition: all .2s ease-in-out;
}

/* .avatar-edit:hover {
    background: #f1f1f1;
    border-color: #D6D6D6;
    border-radius: 100%;
} */

.avatar-edit i {
    color: #fff;
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    text-align: center;
    margin: auto;
}

.profile-block .card-body table {
    margin-bottom: 0;
}

.dropdown-user-circle {
    width: 45px;
    height: 45px;
    border-radius: 100%;
    margin-right: 5px;
    vertical-align: bottom;
}

.user-detailss {
    display: inline-block;
}

ul {
    margin-bottom: 0;
}

.nav-search form {
    margin-bottom: 0;
}

.view-img img {
    min-height: 150px;
    max-height: 150px;
    object-fit: cover;
    width: 100%;
}

.view-img a img {
    min-height: 100%;
    max-height: 150px;
    object-fit: cover;
    width: 100%;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}

.view-img img {
    min-height: 200px;
    max-height: 150px;
    object-fit: cover;
    width: 100%;
}

.panel-setting-main-block {
    background-color: var(--background-white-bg-color);
    border: 1px solid #CCC;
    border-radius: 4px;
}

.panel-setting {
    padding: 30px 20px;
    border-bottom: 1px solid #CCC;
}

.question-text {
    padding: 15px;
}

.box-footer .btn-primary {
    padding: 12px 30px;
}

.search-main-block {
    padding: 50px 0;
    color: var(--text-black-color);
}

.search-block-no-result {
    background-color: var(--background-light-grey-bg-color);
}

.content-course-number-one ul {
    margin-bottom: 20px;
}

.remove-coupon .btn-primary {
    background-color: transparent;
    color: var(--text-blue-color);
    font-size: 20px;
    text-align: left;
    padding: 0;
    display: inline-block;
    float: left;
    margin-right: 10px;
}

.coupon-code {
    display: inline-block;
    font-weight: 500;
    margin-top: 6px;
}

.rate s {
    color: var(--text-dark-grey-color);
    font-size: 14px;
}


/* ================================ */
/*===== Pro Tip =====*/
/* ================================ */
.protip-skin-default--scheme-pro.protip-container {
    height: auto !important;
    background-color: var(--background-white-bg-color) !important;
    box-shadow: 0 4px 16px rgba(20, 23, 28, .25) !important;
    padding: 15px !important;
    -webkit-border-radius: 2px !important;
    -moz-border-radius: 2px !important;
    border-radius: 2px !important;
}

.protip-content {
    border-radius: 2px !important;
    border: none;
    padding: 10px;
}

.protip-skin-default--scheme-pro[data-pt-position="right-top"] .protip-arrow,
.protip-skin-default--scheme-pro[data-pt-position="bottom-right"] .protip-arrow,
.protip-skin-default--scheme-pro[data-pt-position="right"] .protip-arrow {
    border-right-color: var(--text-white-color) !important;
}

.protip-skin-default--scheme-pro[data-pt-position="left-top"] .protip-arrow,
.protip-skin-default--scheme-pro[data-pt-position="bottom-left"] .protip-arrow,
.protip-skin-default--scheme-pro[data-pt-position="left"] .protip-arrow {
    border-left-color: var(--text-white-color) !important;
}

.prime-description-block {
    display: none;
}

.movie-rating {
    color: #CCC;
    margin: 2px 0 1px;
    font-size: 12px;
    display: inline-block;
    font-weight: 700;
}

.protip-content .description-heading,
.prime-description-block .description-heading {
    font-size: 19px;
    font-weight: 500;
    margin-bottom: 5px;
    color: #000;
    margin-bottom: 10px;
}

.protip-content .description-heading {
    text-transform: capitalize;
}

.protip-content .description-list,
.prime-description-block .description-list {
    margin-bottom: 10px;
    display: inline-block;
    margin-left: 5px;
    color: #000;
}

.protip-content .description-list li:first-child,
.prime-description-block .description-list li:first-child {
    margin: -5px;
}

.protip-content .description-list li,
.prime-description-block .description-list li {
    display: inline-block !important;
    color: var(--text-dark-grey-color);
    margin: 0 5px;
    font-size: 12px;
    font-weight: 500;
}

.protip-content .main-des,
.prime-description-block .main-des {
    margin-bottom: 20px;
}

.view-dtl .rate {
    position: absolute;
    top: 40%;
    right: 5px;
}

.view-dtl .rate ul {
    background-color: var(--background-white-bg-color);
    padding: 0 8px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
}

.img-wishlist {
    position: absolute;
    top: 0;
    right: 0;
}

.img-wishlist .protip-wishlist ul li {
    padding: 6px 0;
}

.immi-slider-block {
    margin-right: 5px;
}

.protip-content .main-des p,
.prime-description-block .main-des p {
    font-size: 13px;
    letter-spacing: 0.2px;
    margin: 0;
    line-height: 1.2;
    color: #000;
}

.protip-content .main-des a,
.prime-description-block .main-des a {
    margin-top: 3px;
    font-size: 12px;
}

.protip-content .des-btn-block .btn-default,
.des-btn-block .btn-default {
    display: block;
    margin-bottom: 5px;
    font-size: 13px;
    background-color: #515151;
    font-weight: 500;
    width: 100%;
    text-align: left;
}

.des-btn-block.des-in-list .btn-default {
    width: auto;
    display: inline-block;
}

.des-btn-block.des-in-list a {
    display: inline-block;
}

.des-btn-block.des-in-list a.btn-play {
    margin-right: 20px !important;
}

.des-btn-block.des-in-list a.btn-default {
    padding: 11px 19px;
    width: auto !important;
    margin: 5px 3px 0;
    font-size: 14px;
}

.btn-sm-play,
.des-in-list.des-btn-block a.btn-play {
    margin: 10px 0;
    font-size: 14px;
}

.btn-sm-play,
.des-in-list.des-btn-block a.btn-default {
    width: 20%;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
}

a.btn-sm-play,
.des-in-list.des-btn-block a.btn-play,
.protip-content .des-btn-block a.btn-play {
    background-color: transparent;
    text-align: left;
    margin-bottom: 10px;
}

.btn-sm-play:hover,
.des-in-list.des-btn-block a.btn-play:hover,
.protip-content .des-btn-block a.btn-play:hover {
    background-color: transparent;
}

.btn-sm-play .play-btn-icon,
.des-in-list.des-btn-block .btn-play .play-btn-icon,
.protip-content .des-btn-block .btn-play .play-btn-icon {
    width: 46px;
    height: 46px;
    font-size: 14px;
}

.des-in-list.des-btn-block .btn-play .play-text,
.protip-content .des-btn-block .btn-play .play-text {
    font-size: 16px;
}

.video-player {
    z-index: -9;
    visibility: hidden;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #000;
}

.video-js.movies-js {
    width: 100%;
    height: 100%;
}

.video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    width: 5em !important;
    left: 50% !important;
}

.video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-item {
    margin: 0 !important;
    border-radius: 0 !important;
    border-bottom: 1px solid #000 !important;
    font-size: 13px !important;
}

.vjs-load-progress,
.vjs-progress-holder.vjs-slider.vjs-slider-horizontal,
.vjs-play-progress.vjs-slider-bar {
    border-radius: 4px !important;
}

.video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-item:hover,
.video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-item.vjs-selected {
    background-color: #48A3C6 !important;
    color: var(--text-white-color) !important;
}

.preview-player-block {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 70px 0;
}

.video-js.episodes-js,
.playlist-container {
    position: relative;
    min-width: 300px;
    min-height: 150px;
    height: 100%;
}

.video-js.episodes-js {
    height: 550px;
    flex: 3 1 70%;
}

.protip-img {
    margin-bottom: 10px;
}

.about-home-btn form {
    margin-bottom: 0;
}

.protip-btn .btn-primary {
    padding: 10px 0;
    width: 100%;
    border-radius: 1px;
    font-weight: 200;
    font-size: 15px;
}

.protip-btn .btn-secondary {
    padding: 10px 0;
    width: 100%;
    border-radius: 1px;
    font-weight: 200;
    font-size: 15px;
    background: var(--background-green-bg-color);
    color: var(--text-white-color);
}

.protip-btn .btn-secondary:hover {
    background-color: #fff;
    border: 1px solid #64308b;
    color: var(--background-green-bg-color);
}

.protip-wishlist ul li {
    display: inline-block;
    padding: 10px 10px 20px 5px;
}

.protip-wishlist ul li a {
    color: var(--text-white-color);
    font-size: 16px;
}

.protip-wishlist ul li i {
    font-size: 25px;
    vertical-align: bottom;
}

.protip-one i {
    -webkit-text-stroke: 1px #F44A4A;
    color: var(--text-black-color);
}

.protip-one i:hover {
    color: var(--text-red-color);;
    background-color: transparent;
}

.protip-wishlist ul li {
    display: inline-block;
    padding: 10px 0;
}

.protip-wishlist ul li a {
    color: var(--text-red-color);;
    font-size: 16px;
}

.protip-wishlist ul li i {
    font-size: 25px;
    vertical-align: bottom;
}

.protip-wishlist span:hover {
    color: #CACBCC;
}

.protip-wish-btn i {
    -webkit-text-stroke: 2px #F44A4A;
    color: transparent;
    cursor: pointer;
}

.protip-wish-btn i:hover {
    color: var(--text-red-color);;
}

.immi-slider-block .protip-wish-btn i {
    opacity: 0;
}

.immi-slider-block:hover .protip-wish-btn i {
    opacity: 1;
}

.genre-slide-image .protip-wish-btn i {
    opacity: 0;
}

.genre-slide-image:hover .protip-wish-btn i {
    opacity: 1
}

.protip-wish-btn-two {
    color: var(--text-red-color);;
    cursor: pointer;
}

.protip-wish-btn-two i {
    color: var(--text-red-color);;
}

input.razorpay-payment-button {
    color: var(--text-white-color);
    background-color: var(--background-red-bg-color);
    padding: 10px 80px;
    font-weight: 500;
    font-size: 15px;
    border: 1px solid transparent;
    border-radius: 5px;
}

.no-result-block {
    padding: 50px 0;
    color: var(--text-black-color);
    background-color: var(--background-light-grey-bg-color);
}

.no-result-courses {
    font-size: 16px;
}

.no-result-courses a {
    font-size: 16px;
}

.cart-no-result {
    -webkit-box-shadow: 0 0 2px #DEDFE0;
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 300px;
    margin-bottom: 30px;
    padding: 10px;
    text-align: center;
}

.cart-no-result i {
    margin-bottom: 20px;
    font-size: 120px;
    color: #e8e9eb;
}

.invoice-logo {
    width: 150px;
}

.purchase-history-course-img {
    width: 100px;
}

.view-heading {
    height: 37px;
}

.notification-image img {
    width: 60px;
    height: 50px;
}

.unread-notification {
    /* background-color: #E8E9EB; */
}

.update-password label {
    font-size: 16px;
    font-weight: 500;
}

.update-password input {
    width: 20px;
    height: 20px;
    vertical-align: text-bottom;
}

.payment-gateways .panel-title img {
    height: 25px;
    width: 80px;
    margin-left: 15px;
}

.answer-block {
    border-bottom: 1px solid #ced4da;
    padding: 8px;
}

.student-feedback .student-feedback-heading {
    margin-bottom: 0;
}

.review-dtl .review-rating {
    margin-bottom: 10px;
}

.helpful form {
    margin-top: 10px;
}

.more-courses .student-view-block {
    margin-bottom: 20px;
}

.instructor-main-block .home-dtl,
.instructor-main-block .home-btn {
    text-align: right;
}

.instructor-main-block .modal {
    text-align: left;
}

.yes-submitted {
    color: #00A65A;
}

.no-rating {
    vertical-align: top;
}

.view-block .heart-two {
    margin-top: -15px;
}

.featured-review-block .review-img-name {
    margin-bottom: 5px;
}

.featured-review-block .featured-review-img-dtl .pull-left {
    /*margin-bottom: 5px;*/
}

.card-body .class-type {
    width: 140px;
}

.card-body .class-name {
    width: 600px;
}

.card-body .class-size {
    width: 150px;
}

.business-home-slider-img img {
    width: 480px;
    height: 240px;
}

.rating .pull-left p {
    margin-bottom: 0;
}

.categories-popularity-dtl .rating {
    margin-bottom: 0;
}

.update-password .box1 {
    font-size: 20px;
}

.faq-detail-main-block {
    padding: 40px 30px;
    background-color: #F6F7FC;
}

.privacy-policy-block {
    padding: 40px 30px;
    background-color: #F6F7FC;
}

/*player css*/
.player-course-chapter {
    background-color: #999999;
    padding: 0px;
    margin: 0px;
}

.player-course-chapter-list {
    position: relative;
    left: 1000px;
    top: 5000px;
    color: var(--text-white-color) FFF;
}

/* end player css*/

.alert-success {
    text-align: center;
    z-index: 1;
    margin-top: 5px;
}

.alert-danger {
    text-align: center;
    z-index: 1;
    margin-top: 5px;
}

.class-icon {
    width: 50px;
}

.google a.btn.btn-white {
    background-color: #DB4A39;
    color: var(--text-white-color);
    box-shadow: none;
}

.cart-course-detail {
    margin-left: 15px;
}

.list-group-item b {
    font-weight: 600;
    font-size: 14px;
}

.available-coupon ul li {
    font-size: 12px;
    margin-bottom: 10px;
    border: 1px dashed #0284A2;
    padding: 7px;
    text-align: center;
}

.class-nav-block, .blog-home-main-block {
    padding: 10px 10px 5px;
    background-color: #001525;
    color: var(--text-white-color);
}

.class-nav-heading, .blog-home-heading, .wishlist-home-heading {
    font-size: 16px;
    text-transform: uppercase;
    color: white;
    margin-bottom: 5px;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 10px;
    line-height: unset;
    font-family: 'Roboto Condensed', sans-serif !important;
}

.class-button {
    margin-top: 15px;
    text-align: right;
    justify-content: flex-end;
}

.class-button ul li {
    display: inline-block;
    margin-bottom: 10px
}

.class-button ul li a {
    border: 1px solid #fff;
    padding: 10px 15px;
    color: #fff;
}

.class-button ul li a:hover {
    border: 1px solid #FFF;
    padding: 10px 15px;
    color: var(--text-white-color);
}

.class-logo {
    display: inline-block;
    float: left;
    width: 30px;
    height: 30px;
    margin-right: 10px;
    padding: 10px 0;
}

.learning-contact-block .section {
    display: inline-block;
    float: left;
    margin-right: 10px;
}

.author-tag {
    display: inline-block;
    margin-left: 10px;
    background-color: #999;
    color: var(--text-white-color);
    padding: 4px 4px 3px;
    border-radius: 3px;
    font-size: 9px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.2px;
}

.announsment-text {
    padding: 15px;
}

@media (max-width: 567px) {
    /* .class-nav-block .class-nav-heading {
        margin-bottom: 20px;
    } */

    .class-button {
        text-align: left;
    }

    .class-nav-block .class-button ul li {
        margin-bottom: 30px
    }
}

/* ============================== */
/*===== Course Quiz  =====*/
/* ============================== */
.quiz-main-block {
    padding: 40px 0;
}

.quiz-main-block .card {
    position: relative;
    margin: .5rem 0 1rem 0;
    background-color: var(--background-white-bg-color);
    box-shadow: 0 0 6px 2px rgba(20, 23, 28, 0.1);
    -webkit-transition: -webkit-box-shadow .25s;
    transition: -webkit-box-shadow .25s;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    border-radius: 2px;
}

.quiz-main-block .card .card-content {
    padding: 14px;
    border-radius: 0 0 2px 2px;
    background-color: var(--background-white-bg-color);
}

.dark-text {
    color: var(--text-light-grey-color);
}

.quiz-main-block .card .card-content .card-title {
    display: block;
    line-height: 32px;
    margin-bottom: 8px;
    font-size: 22px;
}

.quiz-main-block .card .card-content p {
    margin: 0;
    color: var(--text-light-grey-color);
    font-size: 14px;
}

.quiz-main-block .card .card-action:last-child {
    border-radius: 0 0 2px 2px;
}

.quiz-main-block .card .card-action {
    position: relative;
    border-top: 1px solid rgba(160, 160, 160, 0.4);
    padding: 8px 24px;
}

.quiz-main-block .card .card-action a {
    color: var(--text-light-grey-color);
}

.topic-detail {
    margin-top: 13px;
    list-style-type: none;
    -webkit-padding-start: 0;
}

.topic-detail li {
    margin-bottom: 6px;
    position: relative;
    margin-right: -15px;
}

.topic-detail li .fa {
    position: absolute;
    right: 0;
    top: 3.5px;
    color: #424242;
}

.result-table {
    margin: 40px 0;
}

.question-block-tabs {
    padding: 20px 0;
}

.question-block-tabs .tab-content {
    padding: 20px 0;
}

.main-block-heading {
    font-size: 40px;
    text-transform: uppercase;
}

.quiz-main-block-two {
    padding: 50px 150px;
    background-color: var(--background-grey-bg-color);
}

.btn_block {
    margin-top: 50px;
    text-align: center;
    margin-left: -15px;
}

.btn_block .btn {
    padding: 10px 50px;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 1px;
}

#question_block {
    padding: 10px 0 30px;
}

.question {
    margin-bottom: 15px;
}

.myQuestion {
    display: none;
}

.myQuestion.active {
    display: block;
}

.myQuestion blockquote {
    margin: 20px 0 32px;
}

.myQuestion form {
    margin-left: 5px;
}

.myQuestion input {
    margin-bottom: 15px;
}

.myQuestion span:nth-child(odd) {
    color: black;
}

.myQuestion span {
    font-size: 16px;
    margin-left: 5px;
}

.myQuestion .btn-block {
    margin: 25px 20px 0 10px;
    font-weight: 600;
    font-size: 17px;
    letter-spacing: 2px;
    padding: 4px 0;
}

.myQuestion .code {
    background-color: #f1f1f1;
    padding: 12px;
}

#clock span {
    margin-top: 4px;
    color: var(--text-white-color);
    font-size: 22px;
    letter-spacing: 3px;
    font-weight: 600;
}

.quiz-main-block-two .jumbotron {
    background-color: var(--background-white-bg-color);
    box-shadow: 0 2px 8px 2px rgba(20, 23, 28, 0.2);
}

.quiz-main-block-two .jumbotron label {
    display: block;
    margin-bottom: 10px;
}

.quiz-main-block-two input[type="radio"] {
    margin-right: 10px;
}

.finish-main-block {
    padding: 40px 0;
    background-color: #F2F3F5;
}

.finish-main-block table {
    background-color: var(--background-white-bg-color);
}

.learning-business-two {
    margin-left: -20px
}

.learning-quiz-null {
    padding: 90px 300px;
}

@media (max-width: 992px) {
    .quiz-main-block-two {
        padding: 50px 0;
    }

    .learning-quiz-null {
        padding: 90px 50px;
    }

    .small-screen-dashboard li i {
        margin-right: 10px;
    }
}

#cboxTitle {
    display: none !important;
}

.download-logo {
    margin-top: 50px;
    width: 100px;
}

.quiz-nav-bar-block {
    background: var(--background-black-bg-color);
    color: var(--text-white-color);
    padding: 20px 0;
}

.quiz-nav-bar-block .heading {
    color: var(--text-white-color);
    margin-bottom: 0;
}

.course-cirtificate {
    padding: 60px 0;
    background-color: var(--background-grey-bg-color);
}

.recipient-block {
    background-color: var(--background-white-bg-color);
    padding: 10px;
    margin-bottom: 20px;
}

.img-circle {
    border-radius: 100%;
}

.download-btn .btn-secondary {
    color: var(--text-blue-color);
    border: 1px solid #0284A2;
    width: 100%;
}

.download-btn .btn-secondary:hover {
    color: #003845;
    border: 1px solid #003845;
}

.cirtificate-border-one {
    /* font-family: "Times New Roman", Times, serif; */
    /*font-family: 'Mukta', sans-serif;*/
    border: 15px groove #0284A2;
    padding: 20px;
    background-color: var(--background-white-bg-color);

}

.cirtificate-border-two {
    border: 5px double #0284A2;
    padding: 20px;
}

.cirtificate-heading {
    font-size: 50px;
    font-weight: bold;
    font-style: italic;
    margin-bottom: 20px;
}

.cirtificate-detail {
    margin-bottom: 20px;
    font-size: 30px;
}

.cirtificate-instructor {
    /* font-family: 'Great Vibes', cursive; */
    /*font-family: 'Mukta', sans-serif;*/
    font-size: 20px;
    /*border: 1px solid #000;*/
    margin: 0 auto;
    text-align: center;
}

.cirtificate-logo img {
    width: 150px;
}

.protip-whatlearn ul li {
    margin-bottom: 10px;
    margin-left: 20px;
    color: var(--text-dark-grey-color);
    font-size: 13px;
}

.protip-whatlearn i {
    margin-right: 20px;
    color: var(--text-dark-grey-color);
    font-size: 10px;
    display: inline-block;
    width: 1em;
    margin-left: -1.5em;
    margin-right: .5em;
    text-indent: .5em;
    text-align: right;
    direction: rtl;
}

.course-duration {
    color: var(--text-dark-grey-color);
    font-size: 14px;
}

.device-btn {
    display: inline-block;
}

.device-btn .btn-primary {
    padding: 15px 25px;
}

.rating p {
    margin-bottom: 0;
}

.finish-btn .btn-secondary {
    padding: 20px 25px;
    font-size: 15px;
}

.live-class {
    color: var(--text-red-color);;
    font-size: 14px;
    display: inline-block;
}

.meeting-owner {
    text-transform: lowercase;;
}

.amazon-button .btn-info {
    color: #000;
    background-color: #FF9900;
    border: 1px solid #FF9900;
}

.amazon-button .btn-info:hover {
    color: #000;
    background-color: #FF9900;
    border: 1px solid #FF9900;
}

.course-check-table .table td,
.course-check-table .table th {
    padding: none;
    vertical-align: top;
    border-top: none;
}
.progress-block {
    margin-bottom: 30px;
}
.progress-block .bar-block {
    margin-right: 10px;
    color: black;
    display: block;
    float: left;
    /*width: 100%;*/
    background-color: #F2F3F5;
    position: relative;
    /* margin-bottom: 30px; */
    border-radius: 5px;
}

.progress-block .bar {
    padding: 2px;
    display: block;
    height: 10px;
}

.progress-block .histo-rate {
    clear: both;
    display: inline-block;
    width: 95%;
}

.profile-block .table {
    margin-bottom: 0 !important;
}

.course-check-table .table td,
.course-check-table .table th {
    /*padding: 12px 12px 12px 5px;*/
    padding: 12px 0;
    vertical-align: top;
    border-top: none;
}

.mycourse-progress .progress {
    height: 6px;
}

.mark-read-button .btn-primary {
    padding: 10px;
}

.assignment-main-block {
    padding: 40px 0;
}


.assignment-main-block .wrapper {
    text-align: -webkit-center;
}

.assignment-main-block .wrapper .file-upload {
    height: 100px;
    width: 100px;
    border-radius: 100px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 4px solid #FFFFFF;
    overflow: hidden;
    background-image: linear-gradient(to bottom, #F44A4A 50%, #FFFFFF 50%);
    background-size: 100% 200%;
    transition: all 1s;
    color: var(--text-white-color) FFF;
    font-size: 100px;
}

.assignment-main-block .wrapper input[type='file'] {
    height: 100px;
    width: 100px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    cursor: pointer;
}

.assignment-main-block .wrapper :hover {
    background-position: 0 -100%;
    color: #2590EB;
}

.assignment-main-block .wrapper i {
    font-size: 30px;
}

.assign-tab-one ul li {
    display: block;
    font-size: 13px;
    color: #4A4A4A;
}

.assignment-tab-block .categories-block i {
    margin-right: 5px;
    font-size: 14px;
}

/* ============================== */
/*===== instructor-profile  =====*/
/* ============================== */
.instructor-profile .instructor-block {
    font-weight: 600;
}

.instructor-profile .instructor-small-heading {
    font-size: 14px;
    color: #73726C;
    text-transform: uppercase;
    font-weight: 900;
}

.instructor-profile .instructor-block h1 {
    font-weight: 800;
    color: #3C3B37;
    /* font-family: 'roboto', sans-serif; */
    /*font-family: 'Mukta', sans-serif;*/
    margin-bottom: 0;
}

.instructor-profile .instructor-block .sub-heading {
    font-size: 16px;
    color: #3C3B37;
    padding: 8px 0;
}

.instructor-profile .instructor-business-block {
    margin-top: 24px;
    display: flex;
}

.instructor-profile .instructor-student {
    margin-right: 24px;
}

.instructor-profile .total-students {
    color: #73726C;
    margin-bottom: 8px;
    font-size: 14px;
}

.instructor-profile .total-number {
    font-size: 24px;
}

.instructor-profile .about-instructor .heading {
    padding: 48px 0 16px;
    font-size: 19px;
    font-weight: 700;
}

.instructor-profile .about-instructor-dtl {
    font-size: 16px;
    color: #3C3B37;
}

.instructor-profile .instructor-img {
    margin-bottom: 30px;
    text-align: center;
}

.instructor-profile .instructor-img img {
    border-radius: 50%;
}

.instructor-profile .instructor-link ul {
    display: flex;
    flex-direction: column;
    width: 200px;
    margin: 0 auto;
}

.instructor-profile .instructor-link ul li {
    text-align: center;
    border: 1px solid #DCDACB;;
    border-radius: 5px;
    margin-bottom: 10px;
    padding: 10px 0;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.instructor-profile .instructor-link ul li:hover {
    border: 1px solid #C3C0A6;
}

.instructor-profile .instructor-link ul li i {
    margin-right: 10px;
}

.instructor-profile .moretext {
    display: none;
}

.instructor-profile .about-instructor {
    margin-bottom: 20px;
}

.instructor-profile .about-instructor p {
    font-weight: 400;
    font-size: 16px;
}

.instructor-profile .instructor-main-block .section {
    margin-bottom: 30px;
}

.instructor-profile .moretext ul li {
    font-weight: 400;
}

.instructor-profile .instructor-block .moreless-button {
    font-size: 14px;
}

.instructor-profile .article {
    overflow: visible;
    max-height: none !important;
    -webkit-mask-image: linear-gradient(#fff, #fff, rgba(255, 255, 255, 0));
}

@media (min-width: 576px) and (max-width: 767px) {
    .container {
        max-width: 96%;
    }
}

@media (max-width: 576px) {
    .instructor-profile .instructor-link ul li {
        width: 100%;
    }
}


/* ============================== */
/*===== Responsive  =====*/
/* ============================== */
@media (min-width: 992px) and (max-width: 1199px) {
    .nav-search .form-control {
        width: 174px;
    }

    .nav-search form {
        margin-left: 20px;
    }

    /* .nav-bar-main-block .logo a img {
        width: 85px;
        padding: 10px 0;
    } */
}

@media (min-width: 576px) and (max-width: 767px) {
    .learning-courses-home-video .btn-video-play i {
        top: 107%;
        left: 6%;
    }
}

@media (min-width: 476px) and (max-width: 576px) {
    /* nav {
        margin-left: -10px;
    } */

    .nav-tabs {
        width: 542px;
    }

    .learning-courses-about-main-block .nav-tabs .nav-item.show .nav-link,
    .learning-courses-about-main-block .nav-tabs .nav-link {
        width: 16%;
    }
}

@media (max-width: 450px) {
    /* .learning-courses-about-main-block .nav-tabs .nav-item.show .nav-link,
    .learning-courses-about-main-block .nav-tabs .nav-link {
        width: 33%;
    } */

    .profile-heading-one {
        margin-left: 5px;
    }

    .profile-heading-two {
        font-size: 11px;
    }

    .progress-block .histo-rate {
        width: 88%;
    }
}

.instructor-profile .student-view-block {
    margin-bottom: 20px;
}

.instructor-profile .about-instructor ul li i {
    margin-right: 0;
}

.linkedin-button .btn-info {
    color: var(--text-white-color);
    background-color: #0E76A8;
    border: 1px solid #0E76A8;
}

.linkedin-button .btn-info:hover {
    color: var(--text-white-color);
    background-color: #084461;
    border: 1px solid #084461;
}

.twitter-button .btn-info {
    color: var(--text-white-color);
    background-color: #1bb2e9;
    border: 1px solid #1bb2e9;
}

.twitter-button .btn-info:hover {
    color: var(--text-white-color);
    background-color: #1B8EB8;
    border: 1px solid #1B8EB8;
}

.certificate-button .btn-secondary {
    padding: 8px;
    border-radius: 0;
    background-color: transparent;
    color: #95979a;
    border: 1px solid #95979a;
}

.certificate-button .btn-secondary:hover {
    border-radius: 0;
    color: var(--text-white-color);
    border: 1px solid #FFF;
}

.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show > .btn-secondary.dropdown-toggle {
    background-color: var(--background-green-bg-color);
    color: var(--text-white-color) !important;
    border-color: #64308b;
}

.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
    box-shadow: none;
}

.certificate-button .dropdown-menu {
    padding: 0 0;
}

.certificate-button .about-home-btn .btn-secondary {
    font-size: 14px;
    border: 1px solid #0284A2;
}

.certificate-button .about-home-btn .btn-secondary {
    font-size: 14px;
    border: 1px solid #003845;
}


/* ============================== */
/*===== Promo Bar  =====*/
/* ============================== */
#promo-outer {
    width: 100%;
    height: auto;
    background: var(--background-blue-bg-color);
    box-shadow: 0 5px 10px gray(#505050, 15%);
    display: block;
}

#promo-inner {
    color: var(--text-white-color);
    text-align: center;
    line-height: 25px;
    padding: 10px 5px 15px;
}

#promo-inner a {
    color: var(--text-white-color);
    text-align: center;
    text-decoration: underline;
}

#close {
    float: right;
    padding-right: 20px;
    color: var(--text-white-color);
    font-weight: bolder;
    cursor: pointer;
}

#promo-tab {
    background: gray;
    color: #505050;
    padding: 10px 20px;
    text-align: center;
    font-weight: bolder;
    position: fixed;
    top: 0;
    right: 10px;
    border: 1px solid darken(gray, 10%);
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    cursor: pointer;
}

.koh-faqs-page-title {
    font-size: 30px;
    color: #04202E;
    font-weight: 700;
}

.koh-faq-question-span {
    font-size: 14px !important;
    color: var(--text-blue-color) !important;
    display: inline-block;
}

.koh-faq-answer {
    color: #000;
    font-weight: 400;
    display: none;
}

.koh-tab-content .icon {
    font-size: 10px;
    padding-right: 5px;
}

.koh-tab-content .fa {
    font-size: 14px;
    color: var(--text-blue-color) !important;
    margin-left: 7px;
    vertical-align: top;
}

.koh-tab-content .fa.active {
    transform: rotateZ(180deg);
    vertical-align: text-bottom;
}


.nav-bar-main-block .logo .img-fluid {
    /* max-width: 257%;
    height: 51px;
    object-fit: scale-down;
    width: auto; */
}

.nav-wishlist .fa-search {
    -webkit-text-stroke: 1px transparent;
    padding: 13px 13px 12px;
}

.Login-btn .nav-wishlist {
    margin-right: 30px;
}

/*-------------------------------*/
/*       search         */
/*-------------------------------*/
#find {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 1);
    z-index: 999999;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transform: translate(0px, -100%) scale(0, 0);
    -moz-transform: translate(0px, -100%) scale(0, 0);
    -o-transform: translate(0px, -100%) scale(0, 0);
    -ms-transform: translate(0px, -100%) scale(0, 0);
    transform: translate(0px, -100%) scale(0, 0);
    opacity: 0;
}

#find.open {
    -webkit-transform: translate(0px, 0px) scale(1, 1);
    -moz-transform: translate(0px, 0px) scale(1, 1);
    -o-transform: translate(0px, 0px) scale(1, 1);
    -ms-transform: translate(0px, 0px) scale(1, 1);
    transform: translate(0px, 0px) scale(1, 1);
    opacity: 1;
}

#find input[type="find"] {
    position: absolute;
    top: 50%;
    left: 28%;
    width: 100%;
    color: rgb(255, 255, 255);
    background: rgba(0, 0, 0, 0);
    font-size: 20px;
    font-weight: 300;
    border: 0px;
    margin: 0px auto;
    outline: none;
    width: 600px;
    text-align: center;
}

#find .btn {
    position: absolute;
    top: 60%;
    left: 0%;
    right: 0;
    margin: 0 auto;
    color: #444;
    background: #F2F2F2
}

#find .close {
    position: fixed;
    top: 15px;
    right: 45px;
    color: var(--text-white-color);
    opacity: 0.7;
    padding: 10px 1px;
    font-size: 40px;
    z-index: 9999;
    font-weight: 400;
}

.appointment-main-block {
    padding: 40px 0;
}

.appointment-main-block ul li a {
    font-size: 13px;
    color: var(--text-blue-color);
    font-weight: 400;
}


.categories-dtl {
    position: absolute;
    bottom: 40px;
    left: 40px;
}

.categories-heading {
    margin-bottom: 10px;
}

.categories-heading a {
    margin-right: 10px;
}

.categories-subheading a {
    font-weight: 800;
    font-size: 20px;
}

.programmer {
    font-size: 15px;
    font-weight: 600;
}

/*-------------------------------*/
/*     side navigation humburger   */
/*-------------------------------*/
/*-------------------------------*/
.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999999;
    top: 0;
    right: 0;
    background-color: var(--background-white-bg-color);
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 13px;
    box-shadow: 0 0 8px 0 rgb(20 23 28 / 20%);
}

.sidenav a {
    padding: 10px 0;
    text-decoration: none;
    font-size: 16px;
    display: block;
    transition: 0.3s;
}

.sidenav a:hover {
    color: var(--text-blue-color);
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 10px;
    font-size: 35px;
    padding: 0;
}

@media screen and (max-height: 450px) {
    .sidenav {
        padding-top: 15px;
    }

    .sidenav a {
        font-size: 18px;
    }
}

@media (min-width: 993px) {
    .fullscreen-search-block {
        display: none;
    }
}

@media (max-width: 992px) {

    #find input[type="find"] {
        text-align: center;
        left: 0;
        right: 0;
        width: 100%;
    }

    .hamburger {
        float: right;
    }
    .hamburger i {
        font-size: 44px;
        padding-top: 10px;
        color: #64308b;
    }

    .shopping-cart {
        float: right;
        right: 0;
        display: inline-flex;
        margin: 0;
        padding: 10px 0 0;
    }

    .nav-search.nav-wishlist {
        right: 10px;
        top: -5px;
        float: right;
        display: inline-flex;
    }

    .nav-wishlist {
        right: 12px;
        top: -6px;
        float: right;
        display: inline-flex;
    }

    #notification_li span {
        left: 8px;
    }

    #notificationContainer {
        top: 41px;
        left: -147px;
    }

    #notificationContainerr {
        top: 41px;
        left: -147px;
        width: 290px;
    }

    #notificationContainerr:before {
        border-color: transparent transparent #000;
        margin-left: 141px;
    }

    /* ...................    */
    .fullscreen-search-block .btn-secondary,
    .fullscreen-search-block .btn-primary {
        text-align: left;
        background: transparent;
        border: 1px solid transparent;
        color: var(--text-blue-color);
    }

    .fullscreen-search-block .btn-secondary:hover,
    .fullscreen-search-block .btn-primary:hover {
        color: #003845;
        background: transparent;
        border: 1px solid transparent;
    }

    .sub-cat {
        padding: 5px 20px;
        font-size: 12px;
        text-transform: uppercase;
    }

    .learning-business {
        margin-bottom: 0;
    }

    .learning-business a {
        text-align: left;
    }

    .notification-after {
        left: 109px;
    }

    /* .my-container {
        justify-content: left;
    } */

    .learning-business .btn-link {
        padding: 8px 18px 5px;
    }

    .shopping-cart i {
        padding: 6px 9px 7px 16px;
    }

    .my-dropdown {
        width: auto;
        margin-left: 15px;
    }

    #notificationTitle {
        padding: 14px 0;
    }

    #notificationFooter {
        text-align: left;
        background: transparent;
        padding: 0 22px;
        border-top: 0;
    }

    .dropdown-menu-right {
        width: 240px;
    }

    .sidenav .login-block {
        margin-bottom: 10px;
        padding-bottom: 3px;
        border-bottom: 1px solid #DEDFE0;
    }

    .fullscreen-search-block .logo {
        text-align: center;
        display: inline-flex;
    }

    .fullscreen-search-block .nav-bar-main-block .logo .img-fluid {
        height: 30px;
        margin-top: -10px;
    }

    .nav-bar-main-block .logo .img-fluid {
        /* max-width: 125%;
        height: 32px;
        margin-top: -16px; */
        transform: scale(.9);
        margin-left: -10px;
        display: block;
    }

    .nav-bar-main-block .wrapper .panel-title a[aria-expanded="false"]:after {
        position: absolute;
        content: "\f107";
        font-family: fontawesome;
        right: 15px;
        color: var(--text-blue-color);
        text-align: center;
        font-size: 20px;
        line-height: 23px;
    }

    .nav-bar-main-block .wrapper .panel-title a[aria-expanded="true"]:after {
        position: absolute;
        content: "\f106";
        font-family: fontawesome;
        right: 15px;
        color: var(--text-blue-color);
        text-align: center;
        font-size: 20px;
        line-height: 16px;
    }

    .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
        display: none;
    }

    /* ...................    */
    .smallscreen-search-block {
        display: none;
    }
}

@media (min-width: 767px) and (max-width: 992px) {
    .width-30 {
        width: 16%;
    }

    .learning-courses .nav-link {
        padding: 10px 0;
    }
}

@media (max-width: 576px) {
    .width-30 {
        width: 30%;
    }
}

.wrapper {
    width: 100%;
    margin-bottom: 10px;
    padding-bottom: 3px;
}

.nav-bar-main-block .panel-heading {
    padding: 0;
    border: 0;
}

.nav-bar-main-block .panel-title > a,
.nav-bar-main-block .panel-title > a:active {
    display: block;
    padding: 8px 20px;
    color: var(--text-black-color);
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: left;
}

.nav-bar-main-block .panel-title {
    margin-bottom: 5px;
}

.course-cirtificate .rate,
.about-instructor .rate,
.about-product-main-block .student-view-block .rate {
    right: 22px;
}

.about-instructor .rate ul li {
    margin-bottom: 0;
}

/*start css toggle products section products grid-view*/
.view {
    /*text-align: right;*/
    padding: 5px;
    margin-bottom: 20px;
}

.view i {
    cursor: pointer;
    font-size: 22px;
}

.view i.selected {
    color: var(--text-blue-color);
}

.prod {
    margin: 20px auto;
    overflow: hidden;
}

.prod.grid-view .item {
    width: 32%;
    float: left;
    background-color: var(--text-white-color);
    padding: 10px;
    box-shadow: 0 0 1px 1px rgba(20, 23, 28, 0.1), 0 3px 1px 0 rgba(20, 23, 28, 0.1);
    margin-bottom: 20px;
    margin-right: 5px;
    margin-left: 5px;
}

.prod.grid-view .item h3 {
    color: #615E5E;
    margin: 0;
}

.prod.grid-view .item .date {
    color: #888;
    font-size: 12px;
    padding: 2px 0;
    display: block
}

.prod.grid-view .item img {
    background-color: var(--background-white-bg-color);
    padding: 2px;
    height: 150px;
    width: 100%;
}

.prod.grid-view p {
    color: #333;
}

/*start css toggle products section products list-view*/
.prod.list-view .item {
    background-color: var(--background-white-bg-color);
    position: relative;
    overflow: hidden;
    min-height: 100px;
    margin: 5px 5px 20px 5px;
    box-shadow: 0 0 1px 1px rgba(20, 23, 28, 0.1), 0 3px 1px 0 rgba(20, 23, 28, 0.1);
}

.prod.list-view .item h3 {
    color: #615E5E;
    margin: 0;
    position: absolute;
    left: 220px;
}

.prod.list-view .item .date {
    color: #888;
    font-size: 12px;
    padding: 2px 0;
    position: absolute;
    left: 220px;
    bottom: 70px;
}

.prod.list-view .item img {
    background-color: var(--background-white-bg-color);
    width: 200px;
    height: 150px;
}

.prod.list-view p {
    color: #333;
    padding: 10px 0;
    margin: 0;
    left: 220px;
    top: 40px;
}

.prod.list-view .view-heading {
    color: #333;
    position: absolute;
    padding: 10px 0;
    margin: 0;
    left: 220px;
    top: 10px;
}

.prod.list-view .categories-popularity-dtl {
    color: #333;
    position: absolute;
    padding: 10px 0;
    margin: 0;
    left: 220px;
    top: 30px;
}

.prod.list-view .rate-grid {
    position: absolute;
    padding: 10px 0;
    margin: 0;
    left: 220px;
    top: 100px;
}

.prod.list-view .rate-grid ul {
    display: inline-block;
}

@media (max-width: 576px) {
    .prod.grid-view .item {
        width: 100%;
    }
}

@media (min-width: 567px) and (max-width: 992px) {
    .prod.grid-view .item {
        width: 47%;
    }
}

.sidebar-nav-icon ul a li {
    color: var(--text-dark-grey-color);
}

.sidebar-nav-icon ul a li i {
    margin-right: 8px;
}

.chapter-total-time {
    text-align: right;
}

.about-home-product .nav-search .form-control {
    padding: 13px 0 13px 21px;
    color: #000;
    border-radius: 0;
    border: none;
    background-color: var(--background-grey-bg-color);
    display: inline-block;
    float: left;
    width: 650px;
}

.about-home-product .nav-search {
    margin-bottom: 20px;
}

@media (max-width: 576px) {
    .about-home-product .nav-search .form-control {
        width: 200px;
    }

    .instructor-main-block {
        padding: 30px 0;
    }
}

@media (min-width: 567px) and (max-width: 992px) {
    .about-home-product .nav-search .form-control {
        width: 350px;
    }

    .instructor-main-block {
        padding: 30px 0;
    }
}

.review-table .table tr {
    border: none;
}

.money-back-days {
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 10px;
}

/* ====================================== */
/*======== Refund History  ========*/
/* ===================================== */
.refund-main-block {
    padding: 60px 0;
}

.profile-block .second-accordion .card-header button.btn {
    padding: 0 5px !important;
}


.ip-block-main-block {
    padding: 70px 0;
}

.progress-block .bar-clr {
    background-color: var(--background-green-bg-color);
}

.assignment-delete-block form {
    margin-bottom: 0;
    display: inline-block;
}

.assignment-tab-block table {
    width: 100%;
}

.assignment-tab-block .categories-block {
    padding: 10px 10px 10px;
}

.assign-remove-btn {
    border: none;
    background-color: transparent;
    font-size: 13px;
    color: var(--text-blue-color);
    font-weight: 400;
    padding: 0;
    cursor: pointer;
}

.assign-remove-btn i {
    font-size: 5px;
}

.assignment-tab-block i.fas.fa-trash-alt {
    font-size: 14px;
    color: #14171C;
}

.about-home-dtl-training .nav-search .btn-primary {
    background: var(--background-green-bg-color);
    color: var(--text-white-color);
}

/* ====================================== */
/*======== Style changes  ========*/
/* ===================================== */
#find input[type="find"] {
    left: 0;
    right: 0;
}

#find .btn {
    background: #F44A4A;
    border: 1px solid #F44A4A;
    color: var(--text-white-color);
    padding: 15px 30px;
}

.categories-tab-dtl:hover {
    background: var(--background-mehroon-bg-color);
}

#find .btn:hover {
    background: var(--background-mehroon-bg-color);
    border: 1px solid #992337;
}

.categories-tab-block i {
    -webkit-text-stroke: 1px #FFF;
}

.categories-tab-block a {
    color: var(--text-white-color);
}

.view-button .btn-secondary {
    padding: 10px 20px;
}

.categories-tab-main-block {
    background: var(--linear-gradient-bg-color);
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
    border-radius: 30%;
    font-size: 16px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #DEDFE0;
}

.student-main-block .owl-carousel .owl-nav button.owl-prev, .student-main-block .owl-carousel .owl-nav button.owl-next {
    top: 51%;
}

.owl-carousel .owl-nav button.owl-next {
    margin-left: 99%;
}

.owl-carousel .owl-nav button.owl-prev {
    margin-left: -21px;
}

.learning-work-icon {
    margin-bottom: 10px;
}

.footer-main-block {
    background: #00213a;
}

.footer-main-block, .footer-main-block a {
    font-size: 12px;
}

.footer-main-block hr {
    border-top: 1px solid #686F7A;
}

.copyright-social a,
.logo-footer ul li,
.footer-link a,
.widget {
    color: var(--text-white-color);
}

.copyright-social a:hover,
.footer-link a:hover {
    opacity: 0.7;
}

.together-img .heart {
    opacity: 0;
    -webkit-text-stroke: 2px #F44A4A;
}

.together-img .heart i {
    color: var(--text-white-color);
    font-size: 25px;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.together-img .heart:hover i {
    color: var(--text-red-color);;
}

.together-img:hover .heart {
    opacity: 1;
}

.testimonial-main-block {
    background-color: var(--background-white-bg-color);
}

.testimonial-block {
    background-color: var(--background-grey-bg-color);
    border-radius: 10px;
}

.testimonial-block p {
    color: var(--text-dark-grey-color);
}

.product-learn-dtl [class^="flaticon-"]:before,
.product-learn-dtl [class*=" flaticon-"]:before,
.product-learn-dtl [class^="flaticon-"]:after,
.product-learn-dtl [class*=" flaticon-"]:after {
    font-size: 16px;
    margin-left: 0;
    margin-right: -5px;
}

.blog-slider-block {
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0px 4px 10px #DEDFE0;
    margin: 30px 20px 30px 20px;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.blog-slider-block:hover {
    box-shadow: 0 4px 20px #DEDFE0;
}

.footer-logo img {
    height: 45px;
    margin-bottom: 10px;
}

.footer-dropdown .a {
    color: var(--text-white-color);
    border: 1px solid #FFF;
}

.blog-main-block .owl-carousel .owl-nav button.owl-prev {
    margin-left: 0 !important;
}

.blog-main-block .owl-carousel .owl-nav button.owl-next {
    margin-left: 96.8% !important;
}


.about-transforming-main-block .nav-tabs {
    display: none;
}

.about-transforming-main-block .tab-img {
    width: 100%;
    height: 120px;
    object-fit: cover;
}

@media (min-width: 768px) {
    .about-transforming-main-block .nav-tabs {
        display: flex;
        flex-flow: column nowrap;
    }

    .about-transforming-main-block .nav-tabs {
        border-bottom: none;
        border-right: 1px solid #ddd;
        display: flex;
    }

    .about-transforming-main-block .nav-tabs {
        margin: 0 15px;
    }

    .about-transforming-main-block .nav-tabs .nav-item + .nav-item {
        margin-top: 0.25rem;
    }

    .about-transforming-main-block .nav-tabs .nav-link {
        transition: border-color 0.125s ease-in;
        white-space: nowrap;
    }

    .about-transforming-main-block .nav-tabs .nav-link:hover {
        background-color: #f7f7f7;
        border-color: transparent;
    }

    .about-transforming-main-block .nav-tabs .nav-link.active {
        border-bottom-color: #ddd;
        border-right-color: var(--text-white-color);
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 0;
        margin-right: -1px;
    }

    .about-transforming-main-block .card {
        border: none;
    }

    .about-transforming-main-block .card .card-header {
        display: none;
    }

    .about-transforming-main-block .card .collapse {
        display: block;
    }
}

@media (max-width: 767px) {
    .about-transforming-main-block .tab-pane {
        display: block !important;
        opacity: 1;
    }
}

.student-main-block .owl-carousel .owl-nav.disabled {
    display: block;
}


.search-main-block #accordion .card-header:after {
    font-family: 'FontAwesome';
    content: " \f0d8"; /*f068*/
    float: right;
}

.search-main-block #accordion .card-header.collapsed:after {
    content: " \f0d7"; /*f067*/
}


.categories-tags {
    background-color: var(--background-white-bg-color);
    margin-bottom: 45px;
}

.categories-tags-heading {
    color: #251AFF;
    font-size: 22px;
    border: 1px solid #E8E8E8;
    padding: 16px 0 16px 34px;
    font-weight: 500;
}

.categories-content {
    padding: 39px 38px 19px 35px;
}

.categories-tags-content {
    display: inline-block;
    float: left;
}

.categories-tags-content ul li {
    font-size: 14px;
    margin-bottom: 30px;
    color: #7A7A7A;
    font-weight: 400;
}

.categories-tags-content ul li a {
    color: #7A7A7A;
}

.categories-tags-content ul li.active a {
    color: #000;
    font-weight: 500;
}

.categories-tags-count {
    text-align: right;
}

.categories-tags-count ul li {
    margin-bottom: 30px;
    font-size: 14px;
    color: #7A7A7A;
}

.categories-tags-count ul li a {
    color: #7A7A7A;
    font-weight: 400;
}

.categories-tags-count ul li.active a {
    color: #000;
}

.categories-tags-count ul li.active {
    color: #000;
}

.search-main-block input[type=checkbox] {
    width: 16px;
    height: 16px;
    background-color: var(--background-white-bg-color);
    border: #7f83a2 1px solid;
}

.search-main-block input[type="checkbox"] {
    visibility: hidden;
}

.search-main-block label {
    cursor: pointer;
}

.search-main-block input[type="checkbox"] + label:before {
    border: solid 1px #d7d7d7;
    content: "\00a0";
    display: inline-block;
    font: 16px/1em sans-serif;
    height: 16px;
    margin: 0 .25em 0 0;
    padding: 0;
    width: 16px;
    margin-right: 15px;
}

.search-main-block input[type="checkbox"]:checked + label:before {
    background: #0000ff;
    color: #0000ff;
    content: "\2713";
    text-align: center;
}

.search-main-block input[type="checkbox"]:checked + label:after {
    font-weight: bold;
}

.search-main-block input[type="checkbox"]:focus + label::before {
    outline: rgb(59, 153, 252) auto 5px;
}

.search-main-block .form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: auto;
    margin-left: -20px;
}


.image-container {
    width: 100%;
    position: relative;
    margin-bottom: 20px;
}

.image-overlay {
    opacity: 0;
    position: absolute;
    color: var(--text-white-color);
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 0;
    text-align: center;
    line-height: 200px;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
    font-size: 18px;
}

.image-overlay {
    opacity: 1;
}

.image-overlay i {
    margin-right: 10px;
}

.image-container a img {
    width: 100%;
    height: 200px;
}

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

    #rc-imageselect, .g-recaptcha {
        transform: scale(0.77);
        -webkit-transform: scale(0.77);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }
}


button.omise-checkout-button {
    color: var(--text-white-color);
    background-color: var(--background-red-bg-color);
    padding: 10px 80px;
    font-weight: 500;
    font-size: 15px;
    border: 1px solid transparent;
    border-radius: 5px;
}

.about-home-main-block .row {
    width: 100%;
    margin-left: 0px
}

.refund-policy-block .btn-secondary {
    padding: 0;
    background-color: transparent;
    color: var(--text-dark-grey-color);
    font-size: 15px;
    border: 1px solid transparent;
}

/* Custom Styles */
p.quiz-desc {
    font-size: 13px;
    color: white;
    margin-bottom: 5px;
    padding: 10px;
    font-weight: bold;
    letter-spacing: 1px;
}
p.quiz-desc a {
    float: right;
    top: -8px;
    position: relative;
    color: #64308b !important;
    font-size: 12px !important;
    font-weight: bold;
    letter-spacing: 0;
}
.top-bar-link {
    float: right;
    top: -8px;
    position: relative;
    border: 3px solid #64308b;
    color: #64308b !important;
    border-radius: 7px;
    font-size: 11px !important;
    font-weight: bold;
    letter-spacing: 0;
}
.top-bar-link {
    top: 0;
}

#btn-back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 30px;
    left: 30px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    font-size: 24px;
    padding: 0;
    z-index: 99;
    transition: .12s ease;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
}

.frameQuestion p {
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: justify;
}
.btn-primary.showExplan:hover i,
.btn-primary.showExplan:focus i {
    color: #fff !important;
}

.form-popup {
    display: none;
    position: fixed;
    bottom: 85px;
    right: 30px;
    z-index: 9;
    border-radius: 5px;
    border: 2px solid #64308b;
    width: 350px;
    max-height: 425px;
    overflow-y: scroll;
}
#testInstBtn {
    display: none;
}

#videoInstBtn {
    display: none;
}

/* width */
.scroll_y::-webkit-scrollbar {
    width: 5px;
}

/* Track */
.scroll_y::-webkit-scrollbar-track {
    /*box-shadow: inset 0 0 5px grey;*/
    border-radius: 0px;
    background: #e9ecef;
}

/* Handle */
.scroll_y::-webkit-scrollbar-thumb {
    background: #64308b;
    border-radius: 0px;
}

/* Handle on hover */
.scroll_y::-webkit-scrollbar-thumb:hover {
    background: #64308b;
}

.app-search .form-control {
    border: 1px solid #ededed;
    font-size: 13px;
    height: 34px;
    color: #7081b9;
    padding-left: 20px;
    padding-right: 40px;
    background: #ffffff;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 40px;
    width: 100%;
}

.app-search a {
    position: absolute;
    top: 16px;
    right: 16px;
    display: block;
    height: 34px;
    line-height: 34px;
    width: 34px;
    text-align: center;
    background: #f7f7f7;
    border: 1px solid #ededed;
    border-radius: 50%;
    color: #8997bd;
}

.app-search i {
    line-height: 20px;
}

.package-item {
    background-color: #fff;
    -webkit-box-shadow: 0 0 40px rgba(14, 16, 48, 0.05);
    -moz-box-shadow: 0 0 40px rgba(14, 16, 48, 0.05);
    box-shadow: 0 0 40px rgba(14, 16, 48, 0.05);
    border-radius: 10px;
    padding: 42px 40px 45px 40px;
    margin-bottom: 30px;
    position: relative;
    z-index: 1;
    cursor: pointer;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.package-item-active {
    /* padding-top: 95px;
    margin-top: -24px; */
    color: white;
    border-radius: 10px !important;
    background: #002642;
    box-shadow: rgb(20 23 28 / 25%) 0px 2px 8px 3px !important;
}
.package-item-active .package-title .package__price {
    color: #64308b !important;
}
.package-item-active .package-title .package__title {
    color: #fff !important;
}
.package-tooltip {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}

.package-tooltip .package__tooltip {
    color: #fff;
    font-weight: 600;
    text-align: center;
    display: block;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    padding: 15px 0;
    font-size: 18px;
    position: relative;
    z-index: 1;
}

.package-title {
    border-bottom: 1px solid rgba(127, 136, 151, 0.1);
    padding-bottom: 33px;
    margin-bottom: 35px;
    color: var(--text-light-grey-color) !important;
}

.package-title .package__price {
    font-size: 50px;
    font-weight: 600;
    margin-bottom: 10px;
    color: var(--text-light-grey-color) !important;
}

.package-title .package__title {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 6px;
    color: var(--text-light-grey-color) !important;
}

.section--padding {
    padding-top: 120px;
    padding-bottom: 90px;
}

.list-items {
    margin-bottom: 35px;
}

.list-items li {
    position: relative;
    padding-left: 0;
    margin-bottom: 8px;
}

.list-items li .fa {
    margin-right: 6px;
}

.package-item .btn-box .btn {
    display: block;
    width: 100%;
    text-align: center;
    border-width: 1px;
    font-size: 15px !important;
}

.assign_card {
    border-bottom: 1px solid rgba(0, 0, 0, .125);
    padding: 20px 0;
}

.assign_card:first-of-type {
    padding-top: 0;
}

.assign_card a {
    color: var(--text-black-color);
}

.assign_card:last-child {
    border-bottom: none;
}

.accordion .btn-link {
    border: none;
    font-size: 12px;
    font-weight: bold;
    color: #7F8897;
    width: 100%;
    display: block;
    white-space: normal;
    position: relative;
    border-radius: 0;
}
.accordion .btn-link:after {
    content: "";
    border-bottom: 1px dashed #FF787825;
    position: relative;
    width: 100%;
    height: 1px;
    display: block;
    padding: 0.75rem 0 0;
    margin-bottom: 0.25rem;
}
.course-dashboard-side-heading h4 {
    color: #003A65;
    margin: 1rem 1rem .5rem;
}
.course-dashboard-side-content {
    padding: 0 0 1.25rem .75rem;
}
#accordionCourseMenu {
    height: 7rem;
    overflow: auto;
}
#accordionCourseMenu::-webkit-scrollbar {
    width: 7px;
}
#accordionCourseMenu::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 5px;
}
#accordionCourseMenu::-webkit-scrollbar-thumb {
    background: #7F889750;
    border-radius: 5px;
}

#accordionTranscriptionMenu {
    height: 350px;
    overflow: auto;
}
#accordionTranscriptionMenu::-webkit-scrollbar {
    width: 7px;
}
#accordionTranscriptionMenu::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 5px;
}
#accordionTranscriptionMenu::-webkit-scrollbar-thumb {
    background: #7F889750;
    border-radius: 5px;
}
#sidebar-close {
    cursor: pointer;
    /*background: #FF7878;*/
    /*border-radius: 50%;*/
    /*width: 20px;*/
    /*height: 20px;*/
    /*line-height: 22px;*/
    /*text-align: center;*/
    /*padding: 0;*/
    color: grey;
    font-size: 16px;
}
#transcription-sidebar-close {
    cursor: pointer;
    /*background: #FF7878;*/
    /*border-radius: 50%;*/
    /*width: 20px;*/
    /*height: 20px;*/
    /*line-height: 22px;*/
    /*text-align: center;*/
    /*padding: 0;*/
    color: grey;
    font-size: 16px;
}

.course-dashboard-side-content .card {
    border-width: 0;
    background: white;
}

.course-dashboard-side-content .card-header {
    padding: 0;
    background-color: white;
    border-bottom: 0;
}

.strikethrough {
    position: relative;
}

.strikethrough:before {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    right: 0;
    border-top: 1px solid;
    border-color: inherit;

    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
}

.counter_stats {
    background-color: #f5f5f5;
    padding: 20px 0;
    border-radius: 5px;
}

.count-title {
    font-size: 40px;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 0;
    text-align: center;
}

.count-text {
    font-size: 15px;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 0;
    text-align: center;
}

.fa-2x {
    margin: 0 auto;
    float: none;
    display: table;
}

#lesson_content, #lesson_sidebar {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

#lesson_content, #transcription_sidebar {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

#lesson_content {
    position: relative;
}

#lesson_sidebar {
    box-shadow: 0 0 1px 1px rgba(20, 23, 28, 0.1), 0 3px 1px 0 rgba(20, 23, 28, 0.1);
    background: white;
    position: absolute;
    right: -15px;
    top: 0px !important;
    border-radius: 10px 0 0 10px;
    border: 0;
    overflow: hidden;
    padding: 15px 10px 15px 0;
}

#transcription_sidebar {
    box-shadow: 0 0 1px 1px rgba(20, 23, 28, 0.1), 0 3px 1px 0 rgba(20, 23, 28, 0.1);
    background: white;
    position: absolute;
    right: -15px;
    top: 0px !important;
    border-radius: 10px 0 0 10px;
    border: 0;
    overflow: hidden;
    padding: 15px 10px 15px 0;
    height: 400px !important;
    max-height: 400px !important;
    max-width: 600px !important;
    width: 600px !important;
}

#course_content_btn {
    position: absolute;
    right: -15px;
    border: 0;
    top: 40px !important;
    font-size: 14px;
    padding: 15px 7px !important;
    color: #fff;
    font-weight: bold;
    border-radius: 0 7px 7px 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 2;
    opacity: 1;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
}

#video_transcription_btn {
    position: absolute;
    right: -15px;
    border: 0;
    top: 200px !important;
    font-size: 14px;
    padding: 15px 7px !important;
    color: #fff;
    font-weight: bold;
    border-radius: 0 7px 7px 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 2;
    opacity: 1;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    background-color: #FF7878 !important;
    border-color: #FF7878 !important;
}

/* @media (max-width: 991px) { */
    #course_content_btn, #lesson_sidebar {
        z-index: 50;
    }
    #video_transcription_btn, #transcription_sidebar {
        z-index: 50;
    }
/* } */
#course_content_btn:hover {
    background: #001525;
    color: white !important;
}
#video_transcription_btn:hover {
    background: #001525;
    color: white !important;
}
/*#course_content_btn:hover {*/
/*    right: 0;*/
/*}*/

.btn-sm {
    font-size: 14px !important;
    padding: 5px 10px !important;
    text-transform: initial !important;
}

.btn-xs {
    font-size: 12px !important;
    padding: 2px 5px !important;
}

.accordion .btn-link:focus {
    text-decoration: none !important;
}

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

.AssignmentSection {
    display: none;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.review-table .table tbody th {
    font-size: 16px !important;
}

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

.class-type p, .class-name p {
    font-size: 14px !important;
}

h4.section {
    margin-bottom: 10px !important;
}

.search-box {
    /*background-color: var(--background-light-grey-bg-color);*/
    border-radius: .25rem;
}

/*#all_assignments .card {*/
/*    border-bottom: 1px solid #ccc;*/
/*    border-radius: .25rem !important;*/
/*    padding: 0 20px;*/
/*}*/

/*#all_assignments .card:last-child {*/
/*    border-bottom: 0;*/
/*}*/

.myExam .custom-control-label::before,
.myExam .custom-control-label::after {
    top: 0;
}

.pace .pace-progress {
    background: #64308b !important;
}

.pace .pace-activity {
    border-top-color: #64308b !important;
    border-left-color: #64308b !important;
}
.pace .pace-activity {
    display: none !important;
}

.bg-primary {
    background-color: #64308b !important;
}

.text-success {
    color: #64308b !important;
}

.home-slider-img .home-heading {
    border-left: 5px solid #64308b;
    padding-left: 15px;
    padding-left: 20px;
    margin-bottom: 20px;
    font-weight: 500;
}

.section-bg {
    background-color: #FFF;
    margin: 3rem 0;
}

.social-icon a {
    font-size: 12px;
}

.badge-green {
    background-color: #64308b !important;
    color: #fff !important;
}

.bg-blue {
    background-color: var(--background-blue-bg-color) !important;
}

.copyright {
    position: absolute;
    bottom: 6px;
    left: 0;
    background: rgba(35, 61, 99, 1);
    color: #fff;
    font-size: 13px !important;
    width: 100%;
}

.listening audio {
    width: 16% !important;
}

.copyright.audio {
    position: relative;
    bottom: 20px;
    background: transparent;
    color: #002642;
    font-size: 10px !important;
    /*text-align: left;*/
}

ol.questions {
    padding-left: 15px !important;
}

.btn-primary:hover .fa-microphone {
    color: #64308b !important;
}

.result {
    background: #fff;
    border-radius: 50%;
    width: 70px;
    height: 70px;
    color: #64308b !important;
    line-height: 70px;
    text-align: center;
    font-weight: 500;
    box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, .5);
}

.timer {
    width: auto;
    padding: 15px;
    border-radius: 10px;
    height: auto;
}

.timerTrial {
    width: auto;
    padding: 15px;
    border-radius: 10px;
    height: auto;
}
li.inbox {
    line-height: initial;
    border-bottom: 1px solid #DDD;
}

.inbox a {
    width: 100%;
}

.inbox p {
    font-size: 13px;
}

.inbox.unread-notification {
    /* background-color: #eee; */
    font-weight: bold!important;
}
.inbox.unread-notification h5 {
    font-weight: bold!important;
}
.inbox.unread-notification .user-detailss .text-muted {
    font-weight: bold!important;
}
.questions ol li:first-child {
    margin-top: 0 !important;
}

.div1, .div2 {
    margin: 20px 0;
    padding: 10px;
    background-color: rgba(0, 0, 0, .03);
    border: 1px solid rgba(0, 0, 0, .125);
    height: 170px;
}

.div1 .badge, .div2 .badge {
    padding: 5px;
    font-weight: normal;
    font-size: 14px;
    margin-top: 2px;
}
textarea {
    border-radius: 0 !important;
}

/* .question-bg {
    background-color: rgba(0, 0, 0, .03);
    border: 1px solid rgba(0, 0, 0, .125);
} */

p.lead .badge {
    font-size: 14px;
}
.skill_exam hr:last-of-type {
    display: none;
}

input.gap_fill {
    width: 120px;
    display: inline-block;
    border: none;
    border-bottom: 1px solid #002642;
    border-radius: 0;
    background: transparent;
    text-align: center;
}

.flowchart {
    color: #7F8897;
    border-bottom: 3px solid #7F889750;
    margin-top: 20px;
    font-size: 14px;
}

.flowchart:nth-of-type(1) {
    margin-top: 0;
}

.flowchart i {
    position: absolute;
    display: block;
    bottom: -31px;
    right: 50%;
    font-size: 30px;
    color: #7F889750;
}
.flowchart:last-of-type i {
    display: none;
}

.matching li, .pickFromList li {
    line-height: 40px !important;
}

table.gap_fill th, table.gap_fill td {
    font-size: 15px;
}

.gap_fill span {
    font-size: 15px !important;
}

.outer-border {
    border: 1px solid #dee2e6;
}

.text-green {
    color: #64308b !important;
}

#recordingsList audio, .recordingsList audio {
    position: relative;
    /*top: 20px;*/
    margin-left: 0;
}

.embed-container {
    /*--video--width: 1296;*/
    /*--video--height: 540;*/
    height: 400px;
    position: relative;
    padding-bottom: calc(var(--video--height) / var(--video--width) * 100%); /* 41.66666667% */
    overflow: hidden;
    max-width: 100%;
    background: black;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.due_assign, .corrected_assign {
    max-height: 415px;
    overflow-y: scroll;
}

.bg-blue-default {
    background-color: #506FE4 !important;
    color: #fff !important;
}
.text-blue {
    color: #002642 !important;
}
#testInstBtn, #videoInstBtn {
    position: fixed;
    right: 0;
    z-index: 50;
    border-radius: 7px 0 0 7px;
    background-color: #001525;
    box-shadow: 0 0 5px 0px var(--text-light-grey-color);
}
#testInstBtn {
    bottom: 2rem;
}
#videoInstBtn {
    bottom: 5.5rem;
}

#testInstructions {
    bottom: 180px;
    right: 5rem;
}

button.bg-blue-default:hover {
    color: #fff !important;
    border: 1px solid #506fe4 !important;
    box-shadow: 0 0 0 0.2rem rgba(80, 111, 228, 0.5) !important;
}

button.bg-blue-default:not(:disabled):not(.disabled):active {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5) !important;
    border-color: #007bff !important;
}
.border-blue-default {
    border-color: #007bff !important;
}

.current-lesson{
    /*background-color: rgba(0,0,0,.05);*/
    color: #FF7878 !important;
}

.next-lesson{

}
.video-btn {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    position: fixed;
    right: 30px;
    top: 200px;
    font-size: 40px;
    z-index: 2;
    text-align: center;
    transition: .12s ease;
    box-shadow: 0 0 0 0.2rem rgba(80, 111, 228, 0.5) !important;
}

.progress-table td {
    font-size: 13px;
    vertical-align: middle;
}

.progress-table td .badge {
    font-size: 12px !important;
}

.custom-radio .custom-control-input:disabled:checked~.custom-control-label.correct_answer::before {
    background-color: rgba(81, 190, 120, 0.5) !important;
}

.custom-radio .custom-control-input:disabled:checked~.custom-control-label.wrong_answer::before {
    background-color: #e9ecef !important;
}
.custom-radio .custom-control-input:checked~.custom-control-label::after {
    display: none;
}
input.correct_answer {
    color: #64308b;
    background-color: rgba(30, 202, 184, 0.15) !important;
}


input.wrong_answer {
    color: #e63a3a;
    background-color: rgba(241, 100, 108, 0.15) !important;
}

.card, .card-header {
    border-radius: 0 !important;
}

.dashboard-items ul.subsubnav li {
    border-left: none !important;
    padding: 10px 15px !important;
    background: transparent !important;
}
.dashboard-items ul.subnav li:hover .subsubnav li:hover,
.dashboard-items ul.subnav li:hover .subsubnav li:hover a,
.dashboard-items ul.subnav li:hover .subsubnav li:hover a i {
    color: #002642 !important;
    background: transparent !important;
}

/* Buzz Out */
@-webkit-keyframes hvr-buzz-out {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }
    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }
    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }
    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }
    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }
    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }
    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0);
    }
    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0);
    }
}
@keyframes hvr-buzz-out {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }
    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }
    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }
    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }
    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }
    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }
    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0);
    }
    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0);
    }
}
.hvr-buzz-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-buzz-out, .hvr-buzz-out:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active {
    -webkit-animation-name: hvr-buzz-out;
    animation-name: hvr-buzz-out;
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
}
/*#contact-us {*/
/*    background: linear-gradient(rgba(35, 61, 99, 0.7), rgba(35, 61, 99, 0.7)), url('../images/contact.png');*/
/*}*/

.no-bullets ol {
    list-style-type: none; /* Remove bullets */
    padding: 0; /* Remove padding */
    margin: 0; /* Remove margins */
}

.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
    display: block;
}

.owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    left: 60px;
}

.owl-carousel .owl-nav button.owl-next {
    position: absolute;
    right: 60px;
}

#yourTrials span {
    display: none;
}

.yourTrials span {
    display: none;
}

.panel-title {
    display: inline;
    font-weight: bold;
}
.display-table {
    display: table;
}
.display-tr {
    display: table-row;
}
.display-td {
    display: table-cell;
    vertical-align: middle;
    width: 61%;
}

/* Ui 20/12/2021 */
.pace {
    display: none !important;
}
.learning-courses p {
    text-align: justify;
    font-size: 13px;
}
.smallscreen-search-block {
    align-items: center!important;
}
.learning-courses-home-video {
    /* overflow: hidden; */
}
#joinGroup, #entryTestLink, .top-bar-main-link {
    padding: 10px 20px !important;
    font-size: 12px !important;
    border-radius: 7px;
    box-shadow: 0 0 5px 0px #64308b;
    border: 3px solid transparent;
}
.top-bar-main-link, #entryTestLink, #joinGroup:hover {
    color: var(--background-green-bg-color) !important;
    background-color: transparent;
    border-color: var(--background-green-bg-color);
}
.top-bar-main-link:hover, #entryTestLink:hover {
    color: white !important;
    background-color: var(--background-green-bg-color);
    border-color: transparent;
}
.top-bar-main-link:hover i, #entryTestLink:hover i {
    color: white !important;
}
/* #entryTestLink:hover {
    color: white !important;
    background-color: var(--background-green-bg-color);
    border-color: transparent;
}
#entryTestLink:hover i {
    color: white !important;
} */
#notificationsBody, #notificontainer {
    border-radius: 12px;
    overflow: hidden;
    font-size: 12px;
}
    #notificationsBody {
        margin-right: -1.5rem;
    }
#notificontainer {
    left: 3rem !important;
}
.oval-label {
    background: white;
    text-align: center;
    color: #7F8897;
    font-weight: bold;
    font-size: 12px;
    letter-spacing: 0;
    position: relative;
    border-radius: 15px;
    padding: 7px 20px 7px 15px;
    display: inline-block;
}
.oval-label:before {
    content: '';
    width: 7px;
    height: 7px;
    border-radius: 12px;
    margin: -2px 8px 0 0;
    background-color: #FF7878;
    display: inline-block;
}
.oval-label-skill {
    background: #dee2e6;
    color: #7F8897;
}
/* .oval-label-skill:before {
    background-color: #66cfa9;
} */
.learning-courses-home-main-block .oval-label {
    margin-bottom: .75rem;
}
.skill_box > .card, .skill__box .card {
    border: 0;
    /* color: white; */
    padding: 5px 0;
    border-radius: 12px !important;
    border-bottom: 5px solid transparent;
    box-shadow: 0 2px 8px 2px rgb(20 23 28 / 20%);
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.skill_box .card h3, .skill__box .card h3 {
    color: #002642;
    font-weight: bold;
    font-size: 18px;
}
.skill_box .card .icon-info-wrapper,
.student-view-block .icon-info-wrapper, .package-item .icon-info-wrapper, .skill_box .card .icon-info-wrapper,
.skill_box .card .icon-info-wrapper, .skill__box .card .icon-info-wrapper, .skill__box .card .icon-info-wrapper {
    padding-left: 0;
}
@media (max-width: 1365px) and (min-width: 1200px) {
    .skill_box .card .icon-info-wrapper,
    .student-view-block .icon-info-wrapper, .package-item .icon-info-wrapper, .skill_box .card .icon-info-wrapper,
    .skill_box .card .icon-info-wrapper, .skill__box .card .icon-info-wrapper, .skill__box .card .icon-info-wrapper {
        position: absolute;
        display: table;
        width: 100%;
        right: 0;
    }
    .practice-exam-results-container .skill_box .card .icon-info-wrapper,
    .skill_box .card .icon-info-wrapper, .skill_box .card .icon-info-wrapper  {
        position: relative;
        display: block;
        width: auto;
        right: auto;
    }
}

.skill_box .card .icon-info,
.student-view-block .icon-info, .package-item .icon-info, .skill_box .card .icon-info,
.skill_box .card .icon-info, .skill__box .card .icon-info, .skill__box .card .icon-info {
    background: rgba(84, 123, 152, 0.145);
    color: #002642;
    text-align: center;
    border-radius: 50%;
    height: 4rem;
    width: 4rem;
}
@media (max-width: 991px) {
    .skill_box .card .icon-info,
    .student-view-block .icon-info, .package-item .icon-info, .skill_box .card .icon-info,
    .skill_box .card .icon-info, .skill__box .card .icon-info, .skill__box .card .icon-info {
        float: right;
    }
}
.skill_box .card .icon-info i,
.student-view-block .icon-info i, .package-item .icon-info i, .skill_box .card .icon-info i,
.skill_box .card .icon-info i, .skill__box .card .icon-info i, .skill__box .card .icon-info i {
    line-height: 4rem;
}
.skill_box .card .lesson-counter,
.student-view-block .lesson-counter, .package-item .lesson-counter, .skill_box .card .lesson-counter,
.skill_box .card .lesson-counter, .skill__box .card .lesson-counter, .skill__box .card .lesson-counter {
    color: #7F8897;
    font-size: 14px;
    margin-top: 10px;
}
.skill_box.active .card, .skill_box .card:hover {
    color: white;
    /* border-bottom: 5px solid #005899; */
    box-shadow: 0 2px 8px 2px rgb(0 58 101 / 75%);
    background: #002642;
}
.skill_box.active .card h3, .skill_box .card:hover h3,
.student-view-block:hover h3, .package-item:hover h3, .skill_box .card:hover h3, .skill_box.active .card h3,
.skill__box .card:hover h3, .skill__box.active .card h3 {
    color: white;
}
.skill_box.active .card .icon-info, .skill_box .card:hover .icon-info,
.student-view-block:hover .icon-info, .package-item:hover .icon-info, .skill_box .card:hover .icon-info, .skill_box.active .card .icon-info,
.skill__box .card:hover .icon-info, .skill__box.active .card .icon-info {
    background: white;
    color: #FF7878;
    /* color: #66cfa9; */
}
.skill_box.active .card .lesson-counter, .skill_box .card:hover .lesson-counter,
.student-view-block:hover .lesson-counter, .package-item:hover .lesson-counter, .skill_box .card:hover .lesson-counter,
.skill_box.active .card .lesson-counter, .skill__box .card:hover .lesson-counter, .skill__box.active .card .lesson-counter {
    color: #acc8dd;
}
.skill__section .table .thead-dark th, #accordion .table .thead-dark th,
.purchase-table .table .thead-dark th {
    background-color: #324056;
    border-color: #dee2e6;
    font-size: 14px;
}
#accordion .table, #accordion .table .thead-dark, #accordion .table .thead-dark th,
.purchase-table .table, .purchase-table .table .thead-dark, .purchase-table .table .thead-dark th {
    border-color: white !important;
}
.skill__section .table .thead-dark tr:first-child th, #accordion .table .thead-dark tr:first-child th,
.purchase-table .table .thead-dark tr:first-child th {
    border-radius: 7px 7px 0 0;
    overflow: hidden;
    border-color: transparent;
}
.skill__section .table tbody td, #accordion .table tbody td,
.purchase-table .table tbody td {
    font-size: 12px;
}
.skill__section .table .thead-dark tr:last-child th:first-child, #accordion .table .thead-dark tr:last-child th:first-child,
.purchase-table .table .thead-dark tr:last-child th:first-child {
    border-left: 0.07rem solid #dee2e6;
}
.skill__section .table-striped tbody tr:nth-of-type(odd), #accordion .table-striped tbody tr:nth-of-type(odd),
.purchase-table .table-striped tbody tr:nth-of-type(odd) {
    background-color: rgb(230 236 240);
}
#accordion .table .badge,#accordion .badge, .level-test-container .badge  {
    padding: 6px;
    /* letter-spacing: 1px; */
    font-size: 12px;
    border-radius: 5px;
    font-weight: bold;
}
.level-test-container .badge {
    font-size: 12px;
    color: #fff;
    background-color: #64308b;
}
#sidemenu {
    padding-right: 0;
}
#mainLessonQuestions.section-bg .mainLesson-container {
    /* width: 98.5%; */
    margin: auto;
}
@media (max-width: 1199px) {
    #sidemenu {
        padding-right: 25px !important;
        margin-bottom: 2rem;
    }
    #sidemenu .card {
        padding-bottom: .5rem;
    }
    #mainLessonQuestions.section-bg #sidemenu {
        padding-right: 40px !important;
        padding-left: 40px !important;
    }
    #mainLessonQuestions.section-bg #sidemenu .card {
        margin-left: 0;
    }
    #sidemenu .card-body {
        width: 97%;
        margin: auto;
    }
    #sidemenu .dashboard-items {
        overflow-x: scroll;
    }
    #sidemenu .dashboard-items > ul {
        display: table;
        text-align: center;
    }
    #sidemenu .dashboard-items > ul > li {
        display: table-cell;
        width: 1%;
    }
    #sidemenu .dashboard-items::-webkit-scrollbar {
        width: 5px;
        height: 5px;
    }
    #sidemenu .dashboard-items::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px #7F8897;
        border-radius: 15px;
    }
    #sidemenu .dashboard-items::-webkit-scrollbar-thumb {
        background: #00264225;
        border-radius: 15px;
    }
}
@media (max-width: 991px) {
    #mainLessonQuestions.section-bg #sidemenu {
        padding-right: 35px !important;
        padding-left: 35px !important;
    }
}
@media (max-width: 1199px) and (min-width: 480px) {
    #sidemenu #submenu2 {
        margin-bottom: 3rem;
        width: 100%;
        position: static;
    }
    #sidemenu #submenu2 > ul {
        display: table;
        width: 100%;
        margin: auto;
        padding: 0 !important;
        position: absolute;
        left: 0;
        right: 0;
    }
    #sidemenu #submenu2 > ul > li {
        display: table-cell;
        border-bottom: 0;
        padding: 10px 0 !important;
    }
    #sidemenu #submenu2 > ul > li i {
        margin: 0 !important;
    }
}
#sidemenu .card {
    height: auto !important;
    border-radius: 12px !important;
    border: 0;
    border-bottom: 5px solid #64308b;
    background: white;
    box-shadow: 0 2px 8px 2px rgb(20 23 28 / 40%);
    margin-left: 25px;
    overflow: hidden;
}
.left-record {
    width: 100%;
    min-height: 8rem;
    padding: 20px;
    border-radius: 12px !important;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    letter-spacing: 0;
    box-shadow: 0 2px 8px 2px rgb(20 23 28 / 20%);
}
.left-record:before {
    content: "";
    position: absolute;
    top: auto;
    bottom: auto;
    left: -2px;
    width: 4px;
    height: 35%;
    background: #64308b;
    border-radius: 15px;
}
.left-record h4 {
    color: #64308b;
    font-size: 14px;
    margin-bottom: 10px !important;
}
.left-record .profile-heading {
    font-weight: bold;
    color: #002642;
    margin-bottom: 0.5rem;
}
.left-record p {
    color: #7F8897;
}
.left-record .table td, .left-record .table th {
    border: 0;
}
.right-record {
    justify-content: center;
    display: flex;
    flex-direction: column;
    height: 100%;
}
.right-record .checkbox {
    padding-right: 20px;
    padding-left: 20px;
    background: #002642;
    border-radius: 10px;
    box-shadow: 0 2px 8px 2px rgb(0 58 101 / 75%);
}
.right-record .checkbox .custom-control {
    line-height: 2.75rem;
}
.right-record .custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgb(102 207 169);
}
.right-record .checkbox .custom-control-label::before, .right-record .checkbox .custom-control-label::after {
    top: 1.1rem;
}
.right-record .checkbox .custom-control-input:disabled~.custom-control-label {
    color: #fff;
    padding-top: 3px;
    font-size: 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.calendar-container .card {
    border: 0;
}
.calendar-container .card .card-body {
    padding-top: 0;
}
.calendar-container .card .card-body .fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-end {
    background-color: #64308b !important;
    border-color: #64308b !important;
    padding: 5px;
    display: table-caption;
    color: white;
}
#calendar, #calendar .fc-toolbar button {
    color: #002642e0 !important;
}
.fc-unthemed td.fc-today {
    background: #e0f0fd !important;
}
#calendar h2 {
    color: #003A65 !important;
}
.detailed-dgrees, .total-dgree {
    font-weight: bold;
    color: #002642;
}
.detailed-dgrees i.fa {
    font-size: 1.5rem;
    margin: 0 0.5rem 0.5rem 0;
    color: #64308b;
    position: relative;
    top: 4px;
    width: 20px;
}
@media (max-width: 575px) {
    .exam-info, .detailed-dgrees {
        display: table;
        width: 100%;
    }
    .detailed-dgrees .justify-content-end {
        justify-content: start!important;
    }
}
.total-dgree, .total-dgree i {
    font-size: .9rem;
    margin-top: 5px;
}
/* .total-dgree b {
    font-size: 15px;
    display: block;
    margin-bottom: .5rem;
} */
.total-dgree i {
    color: #FF7878;
    font-style: normal;
}
.about-home-dtl-training {
    /* margin-left: 15px;
    width: 96.4%; */
    /* width: 99%; */
}
.about-home-dtl-block, .creditCardForm {
    padding: 30px;
    position: relative;
    border-radius: 12px !important;
    box-shadow: 0 2px 8px 2px rgb(20 23 28 / 20%);
    min-height: 640px   ;
}
.creditCardForm {
    padding: 20px 10px;
    min-height: unset;
}

.about-home-dtl-block-question {
    padding: 30px;
    position: relative;
    border-radius: 12px !important;
    box-shadow: 0 2px 8px 2px rgb(20 23 28 / 20%);
}

.question_lesson {
    margin-top: 1rem;
    padding-bottom: 2rem;
    border-bottom: 1px dashed #aabdcd50;
}
.question_lesson h5 {
    color: #001525;
    font-weight: bold;
}
.question_lesson h5 i {
    color: #64308b;
}
.question_lesson p, .question_lesson li, .about-home-dtl-block , .about-home-dtl-block-question label {
    font-size: 14px;
    color: #7F8897;
}
.custom-radio .custom-control-input:checked~.custom-control-label::before,
.question_lesson .custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background-color: #64308b !important;
    box-shadow: none !important;
}
.quetion-btn {
    border-radius: 7px;
    padding: 10px 25px;
    font-size: 10px;
    letter-spacing: 1px;
    font-weight: bold;
    color: white !important;
    background: #64308b !important;
    text-transform: uppercase;
    border: 3px solid transparent !important;
    box-shadow: 0 0 5px 0px transparent;
}
.quetion-btn:hover {
    color: #64308b !important;
    background: white !important;
    border: 3px solid #64308b !important;
    box-shadow: 0 0 5px 0px #64308b !important;
}
.quetion-outline-btn {
    border-radius: 7px;
    padding: 10px 25px;
    font-size: 10px;
    letter-spacing: 1px;
    font-weight: bold;
    text-transform: uppercase;
    color: #64308b !important;
    background: transparent !important;
    border: 3px solid #64308b !important;
    box-shadow: 0 0 5px 0px transparent;
}
.quetion-outline-btn:hover {
    color: white !important;
    background: #64308b !important;
    border: 3px solid transparent;
    box-shadow: 0 0 5px 0px #64308b;
}
.resultBox {
    position: absolute;
    font-size: 12px;
    font-weight: bold;
    top: -66px;
    z-index: 10;
    right: 30px;
    color: white;
    padding: 25px 7px 15px;
    text-align: center;
    background: #FF7878;
}
@media (max-width: 1199px) {
    .resultBox {
        top: -18px;
        right: 35px;
    }
}
.resultBox b {
    display: block;
}
.resultBox:after {
    content: "";
    position: absolute;
	right: 0;
    top: 100%;
  	border: 32px solid #FF7878;
  	border-top:  0;
  	border-bottom: 20px solid transparent;
  	height: auto;
  	width: 100%;
  	word-wrap: break-word;
  	color: white;
  	z-index: 1;
}
.resultBox:before {
    content: "";
    position: absolute;
	width: 0;
    height: 0;
    top: 0;
    right: -10px;
    border-top: 18px solid transparent;
    border-bottom: 0 solid transparent;
    border-left: 10px solid #8f2f2f;
}
.modal-content {
    border-radius: 10px;
    border: 0;
    box-shadow: 0 2px 8px 2px rgb(20 23 28 / 20%);
}
.modal-body {
    padding: 30px;
    color: var(--text-light-grey-color);
}
#mySmallModalLabel, #largeModalHead, #aMindMapModalLabel, #reviewLessonModalLabel, #showFilesModalLabel,
#cLinkWordsModalLabel, #mySmallModalLabel,#mySmallModalLabel_3,
.features-title {
    color: var(--text-light-grey-color);
    font-size: 20px;
    text-align: center;
    width: 100%;
    text-transform: capitalize;
}
.modal-body p, .modal-body h5.mb-3 {
    color: #7F8897;
    font-size: 14px;
    margin-bottom: 0;
}
.appendMessage {
    font-size: 16px;
}
.close-modal {
    cursor: pointer;
    position: absolute;
    top: 7px;
    right: 7px;
    color: #FF7878;
    border: 0;
    background: transparent;
    font-size: 25px;
}
.modal .close-modal {
    color: gray;
    font-size: 18px;
}
.chart-demo button, .send-request-btn {
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1px;
}
.main-text {
    color: #64308b;
}
/* .alert-secondary {
    color: #003A65;
    background-color: #0026421a;
    border-color: #003A6550;
} */
.alert-ielts {
    color: #64308b;
    background-color: #d5f2e750;
    border-color: #66cfa950;
}
.alert-ielts a {
    font-size: 12px;
    color: #8ac9b2;
}
#submitPlanButton.btn-primary:disabled, #submitPlanButton.btn-primary:disabled:hover, #submitPlanButton.btn-primary:disabled:focus {
    color: var(--background-green-bg-color) !important;
    background-color: transparent;
    padding: 10px 50px ;
    font-size: 12px !important;
    border-radius: 7px;
    box-shadow: 0 0 5px 0px #64308b;
    border: 3px solid var(--background-green-bg-color);
    font-weight: bold;
    letter-spacing: 1px;
}
#submitPlanButton.btn-primary {
    padding: 10px 25px ;
    font-size: 12px !important;
    border-radius: 7px ;
    box-shadow: 0 0 5px 0px #64308b ;
    border: 3px solid var(--background-green-bg-color) ;
    font-weight: bold;
    letter-spacing: 1px ;
    color: white !important;
    background-color: var(--background-green-bg-color);
}
.back-to-lesson {
    top: -2px;
    margin-right: 15px;
    position: relative;
    color: #64308b !important;
    font-size: 16px !important;
    font-weight: bold;
    letter-spacing: 0;
}
.intro-modal-btn {
    color: #64308b;
    font-weight: bold;
    font-size: 14px;
    padding: 10px 15px;
    border-radius: 7px;
    box-shadow: 0 0 5px 3px #ffffff50;
}
.showExplan {
    background: #FF7877;
    font-weight: bold;
    color: white;
    border: 2px solid transparent;
}
@media (max-width: 767px) {
    .showExplan, .btn-mview {
        float: none !important;
        margin: 1rem 0;
    }
}
.showExplan i {
    color: white !important;
}
.showExplan:hover {
    background: transparent;
    color: #FF7877;
    border: 2px solid #FF7877;
}
.showExplan:hover i {
    color: #FF7877 !important;
}
.btn.btn-block.text-center.btn-sm.btn-help.btn-primary i.fa {
    color: white !important;
}
.text-light-blue {
    color: #7F8897;
}
.assignment-card-container, .AssignmentSection .card {
    border-radius: 7px !important;
    background-color: #324056;
    border: 3px solid #324056 !important;
    box-shadow: 0 0 5px 0px #324056;
    overflow: hidden;
    margin-bottom: 15px !important;
}
.assignment-card-container .card-header {
    border: 0;
    padding: 0;
}
.AssignmentSection .card-header {
    margin: 0;
    border: 0;
    padding: 0;
    background-color: transparent;
}
.AssignmentSection .btn-link:after {
    display: none;
}
.assignment-card-container .card-header .btn-link,
.assignment-card-container .card-body,
.AssignmentSection .card-header .btn-link,
.AssignmentSection .card-body,
.assignment-card-container:hover
.card-header .btn-link {
    padding: 0.75rem 1.25rem;
    background: white;
    color: #324056 !important;
}
.AssignmentSection .tab-pane > .card-body {
    padding: 0;
}
.assignment-card-container:hover {
    background-color: #324056 !important;
}
.assignment-card-container .card-header .btn-link.active {
    color: #fff !important;
    background-color: #324056 !important;
}
.AssignmentSection .card:hover {
    background-color: #324056 !important;
}
/* .AssignmentSection .card:hover .card-header .btn-link {
    color: #fff !important;
} */
.assignment-card-container .card-header .btn-link:after {
    display: none;
}
.assignment-card-container .card-body {
    color: #7F8897;
    font-size: 12px;
}
#extendPlanModal .badge.badge-primary {
    background-color: #64308b;
}
.tutorials-links a {
    font-weight: bold;
    cursor: pointer;
    color: #64308b !important;
    float: right;
    box-shadow: none;
}
h5.contact-us-heading {
    color: #7F8897;
}
.package-item:hover .package-title h3.package__price  {
    color: #64308b !important;
}
.package-item:hover .package-title h3.package__title  {
    color: #fff !important;
}
.mock-exam-container .badge {
    font-size: 12px;
    color: #fff;
    background-color: #64308b;
}
.stopExamBtn {
    margin-top: 5px;
    border-radius: 7px;
    border: 2px solid transparent;
    background: transparent;
    font-size: 14px;
    width: 7rem;
}
.stopExamBtn i {
    float: right;
}
.stopExamBtn.btn-cancel {
    border-color: red;
    color: red;
}
.stopExamBtn.btn-save {
    border-color: green;
    color: green;
}
.btn-add-time {
    background: transparent;
    color: #64308b;
    font-weight: bold;
    font-size: 14px;
    padding: 0;
}
.remove-day {
    position: absolute;
    right: 1rem;
    top: 0.5rem;
    color: #FF7878 !important;
    font-size: 1.25rem;
    cursor: pointer;
}
.badge-main {
    background: #002642;
    color: white;
}
.badge-sub {
    background: #64308b;
    color: white;
}
.badge-sec {
    background: #FF7878;
    color: white;
}
.text-main {
    color: #002642;
}
.text-sub {
    color: #64308b;
}
.text-sec {
    color: #FF7878;
}
.all-assignments-form-group .input-group-prepend {
    margin-right: 0;
    padding-right: 0;
}
@media (max-width: 767px) {
    .all-assignments-form-group {
        display: block;
    }
    .all-assignments-form-group .input-group {
        margin-top: 15px;
    }
    .all-assignments-form-group .input-group > div {
        display: table;
        width: 50%;
    }
    .all-assignments-form-group .input-group > div select.form-control {
        overflow: hidden !important;
        word-wrap: break-word !important;
        white-space: break-spaces !important;
        text-overflow: clip !important;
        position: relative;
        letter-spacing: unset;
    word-spacing: unset;
    }
    .all-assignments-form-group .input-group > div select.form-control option {
        overflow: hidden !important;
        word-wrap: break-word !important;
        white-space: break-spaces !important;
        text-overflow: clip !important;
        position: relative;
        letter-spacing: unset;
    word-spacing: unset;
    }
    #extendPlanText {
        display: block;
        width: 100%;
        text-align: center;
        margin-bottom: 25px;
    }
    #extendPlanText ~ a {
        display: block;
        width: 100%;
    }
}
.all-assignments-form-group .input-group-text {
    font-weight: bold;
    padding-left: 0;
    /* color: #66cfa9; */
    background-color: transparent;
    border: 0;
    border-radius: 0;
}
.all-assignments-form-group select.form-control {
    border-radius: 0!important;
    border: 0;
    border-bottom: 2px solid #64308b;
    padding-left: 0px;
    color: #7f8897;
}
.flowchart-container, .pickfrom-container, .matching.matchingParaList .question-bg, .map-reading {
    /* text-align: center !important; */
    border: 3px solid #7F889725;
    background: #7f889709;
    border-radius: 7px;
    padding: 2rem;
    margin: 1rem auto 0;
}
#submitForm.btn-danger, #stopExamBtn.btn-danger, #finalSubmit.btn-danger,
#startBreak.btn-danger {
    background-color: #FF7878;
    border: 0;
    padding: 10px 25px;
}
.btn-blue {
    padding: 10px 25px;
    border: 0 !important;
}
.btn-blue:hover {
    background-color: var(--text-light-grey-color);
    border: 0;
    box-shadow: 0 0 5px 0px var(--text-light-grey-color);
}
.btn-primary:hover {
    /* border-color: var(--background-green-bg-color); */
    background-color: var(--background-green-bg-color);
    color: var(--text-white-color);
}
.show-explanation-container {
    float: right;
}
.fixed-timer-bar-added {
    position: fixed;
    width: 100%;
    padding: 0 25px;
    left: 0;
    top: 0;
    z-index: 10;
    background: white;
    box-shadow: 0 2px 8px 2px rgb(20 23 28 / 20%);
}
.fixed-timer-bar-added .stopExamBtn {
    margin-bottom: 10px;
}
@media (max-width: 480px) {
    .fixed-timer-bar .col-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .fixed-timer-bar .float-right {
        float: none !important;
        text-align: center;
    }
    .fixed-timer-bar br {
        display: none;
    }
    .fixed-timer-bar .oval-label {
        display: table;
        margin: 0 auto 10px;
    }
    .fixed-timer-bar-added {
        padding: 15px 25px;
    }
}
.quiz-action-content .quiz-nav-btns .quetion-btn {
    background: #002642!important;
}
.quiz-action-content .quiz-nav-btns .quetion-btn:hover {
    color: #002642!important;
    background-color: white !important;
    border-color: #002642 !important;
    box-shadow: 0 0 5px 0px #00264250 !important;
}
.quiz-action-content .quiz-nav-btns .quetion-outline-btn {
    color: #002642 !important;
    background: transparent !important;
    border: 3px solid #002642 !important;
    box-shadow: 0 0 5px 0px transparent;
}
.quiz-action-content .quiz-nav-btns .quetion-outline-btn:hover {
    color: white !important;
    background: #002642 !important;
    border: 3px solid transparent;
    box-shadow: 0 0 5px 0px #002642;
}
.quiz-action-content .quiz-nav-btns .btn.disabled, .quiz-action-content .quiz-nav-btns .btn:disabled {
    opacity: .25;
    cursor: not-allowed;
}
.btn {
    font-size: 12px;
    border-radius: 7px;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase !important;
}
.open-button {
    cursor: pointer;
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    font-size: 24px;
    padding: 0;
    z-index: 2;
    transition: .12s ease;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
}

.scrolling-button {
    cursor: pointer;
    position: fixed;
    bottom: 30px;
    right: 100px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    font-size: 24px;
    padding: 0;
    z-index: 2;
    transition: .12s ease;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
}

.profile-side-menu hr {
    border-style: dashed;
}
.profile-side-menu #sidemenu {
    display: flex;
    width: 100%;
    max-width: 100%;
    justify-content: center;
}
.profile-side-menu #sidemenu .card {
    margin: 0;
    border-radius: 0 !important;
    border-bottom: 0;
    box-shadow: none;
}
.profile-side-menu #sidemenu .card .dashboard-items ul li {
    border-left: 0;
}
.profile-side-menu #sidemenu .card .dashboard-items ul li.active,
.profile-side-menu #sidemenu .card .dashboard-items ul li:hover {
    background-color: transparent;
}
.author-image {
    position: relative;
}
.sign-container {
    position: relative;
    padding: 30px 0;
    border-radius: 12px;
    background: white;
    box-shadow: 0 2px 8px 2px rgb(20 23 28 / 20%);
}
.sign-container:before {
    content: "";
    position: absolute;
    top: 1rem;
    left: 3.3rem;
    z-index: -1;
    width: 100%;
    height: 100%;
}
.sign-container:after {
    content: "";
    position: absolute;
    bottom: 1rem;
    right: 3rem;
    z-index: -1;
    width: 100%;
    height: 100%;
}
.sign-container .form-check .form-check-input {
    width: 14px;
    height: 14px;
    margin-top: 0;
}
.alert-outer-container {
    /* position: absolute;
    margin: auto;
    width: 90%;
    left: 0;
    right: 0; */
    padding: 4rem 0 0;
    margin: 0;
    text-align: center;
    display: block;
    background-color: #00000075;
}
.rounded-video-container {
    position: relative;
    background: #002642;
    border-radius: 12px;
    overflow: hidden;
}
@media (max-width: 575px) {
    .rounded-video-container iframe {
        height: 222px;
    }
}
@media (max-width: 420px) {
    .rounded-video-container iframe {
        height: 140px;
    }
}
.rounded-video-container .video-device {
    padding-top: .5rem;
}
.btn.btn-blue.btn-block.text-center.btn-sm.btn-help,
.btn.btn-block.text-center.btn-sm.btn-help.btn-primary {
    height: 3rem;
}
@media (max-width: 767px) and (min-width: 576px) {
    .btn.btn-block.text-center.btn-sm.btn-help {
        font-size: 11px !important;
    }
}
@media (max-width: 575px) {
    .btn-help-container {
        margin-bottom: 1rem;
    }
    .btn-help-container:last-child {
        margin-bottom: 0;
    }
}
.more-practice {
    color: #fff;
    font-size: 13px;
    background: var(--text-light-grey-color);
    padding: 10px 25px;
    border-radius: 7px;
    margin-top: 10px;
    display: table;
    margin: 1rem auto -3rem;
}
.more-practice:hover {
    color: #fff;
    background: var(--text-green-color);
}
.signup-block-main-block .nav-pills {
    margin: auto;
    border-bottom: 1px solid #dee2e6;
    width: 100%;
    display: table;
}
.signup-block-main-block .nav-pills .nav-item {
    display: table-cell;
}
.signup-block-main-block .nav-pills .nav-link {
    border-radius: 7px 7px 0 0;
    text-align: center;
    padding: 1rem;
    font-weight: bold;
    text-transform: uppercase;
    color: #64308b;
}
.signup-block-main-block .nav-pills .nav-link.active, .signup-block-main-block .nav-pills .show>.nav-link {
    background: #64308b;
    color: white;
}
.signup-block-main-block .nav-pills .nav-link i {
    font-size: 24px;
    position: relative;
    top: 4px;
}
.signup-form .custom-inline i {
    left: 35px;
}
#accordionExample-faq .nav-tabs .nav-link,
#accordionExample-faq2 .nav-tabs .nav-link,
#accordionExample-faq11 .nav-tabs .nav-link {
    padding: 1rem 2rem;
    color: #324056;
    line-height: 1.5rem;
    font-weight: bold;
    border: 0!important;
    border-radius: 10px 10px 0 0;
}
#accordionExample-faq .nav-tabs .nav-link.active,
#accordionExample-faq2 .nav-tabs .nav-link.active,
#accordionExample-faq11 .nav-tabs .nav-link.active {
    color: #fff;
    background: #324056;
    font-weight: bold;
}
@media (max-width: 1280px) {
    #accordionExample-faq11 .nav-tabs {
        display: table;
        width: 100%;
    }
    #accordionExample-faq11 .nav-tabs .nav-item {
        display: table-cell;
        width: 1%;
    }
    #accordionExample-faq11 .nav-tabs .nav-item .nav-link {
        padding: 1rem 0;
        text-align: center;
        font-size: 12px;
    }
}
@media (max-width: 767px) {
    #accordionExample-faq .nav-tabs .nav-item .nav-link,
    #accordionExample-faq2 .nav-tabs .nav-item .nav-link {
        font-size: 12px;
        text-align: center;
    }
    #accordionExample-faq11 .nav-tabs {
        display: table;
        width: 100%;
        border: 0;
    }
    #accordionExample-faq11 .nav-tabs .nav-item {
        display: block;
        width: 100%;
    }
    #accordionExample-faq11 .nav-tabs .nav-link {
        border-radius: 10px;
        color: #364459;
        background: #f2f2f2;
        margin-bottom: 15px;
    }
    #accordionExample-faq11 .nav-tabs .nav-item:last-child .nav-link {
        margin-bottom: 0;
    }
}
@media (max-width: 690px) {
    #accordionExample-faq .nav-tabs,
    #accordionExample-faq2 .nav-tabs {
        display: table;
        width: 100%;
        border: 0;
    }
    #accordionExample-faq .nav-tabs .nav-link,
    #accordionExample-faq2 .nav-tabs .nav-link {
        border-radius: 10px;
        color: #364459;
        background: #f2f2f2;
        margin-bottom: 15px;
    }
    #accordionExample-faq .nav-tabs .nav-item:last-child .nav-link,
    #accordionExample-faq2 .nav-tabs .nav-item:last-child .nav-link {
        margin-bottom: 0;
    }
}
/*.private-tutorials .badge-paid {*/
/*    color: #004085;*/
/*    background-color: #b8daff;*/
/*}*/

.private-tutorials .badge-paid {
    color: white;
    background-color: #324056;
}

/*.private-tutorials .badge-waiting {*/
/*    color: #856404;*/
/*    background-color: #ffee26;*/
/*}*/

.private-tutorials .badge-waiting {
    color: white;
    background-color: #eadc39fa;
}

/*.private-tutorials .badge-joined {*/
/*    color: #155724;*/
/*    background-color: #c3e6cb;*/
/*}*/

.private-tutorials .badge-joined {
    color: white;
    background-color: #64308b;
}

/*.private-tutorials .badge-ended {*/
/*    color: #324056;*/
/*    background-color: #acbbd1;*/
/*}*/

.private-tutorials .badge-ended {
    color: white;
    background-color: #9cadc5;
}

/*.private-tutorials .badge-cancelled {*/
/*    color: #721c24;*/
/*    background-color: #f5c6cb;*/
/*}*/

.private-tutorials .badge-cancelled {
    color: white;
    background-color: #FF7878;
}

.animated-hand {
    font-size: 30px;
    line-height: 40px;
    color: #FF7878;
    position: relative;
    animation-name: animatedHand;
    animation-duration: .9s;
    animation-iteration-count: infinite;
    transform: rotate(90deg);
}
@keyframes animatedHand {
    0%   {left:-5px;}
    100%  {left:-1px;}
}
.no-res-msg {
    box-shadow: 0 0 5px 0 gainsboro;
    border-radius: 7px;
    padding: 3rem 1rem;
    width: 97%;
    margin: auto;
}
#accordion .results-labels .badge, .course-check-table .badge {
    padding: 5px;
    letter-spacing: 0;
    font-size: 12px;
}
@media (max-width: 575px) {
    .results-labels-container .badge {
        float: left;
        margin: 0 5px 5px 0;
    }
    .results-labels-container {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}
.sign-bg-wrapper {
    background: url(../images/bg/bg-2.jpg) no-repeat scroll center center / cover;
}
.sign-bg .logo {
    width: 170px;
}
@media (max-width: 513px) {
    .sign-bg .logo {
        margin-bottom: 10px;
    }
}
.sign-bg .btn-primary {
    padding: 10px;
}
.sign-bg label {
    font-size: 12px;
    color: #7F8897;
    margin-bottom: 12px;
}


.info-box {
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
    border-radius: 0.25rem;
    background-color: #fff;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1rem;
    min-height: 80px;
    padding: .5rem;
    position: relative;
    width: 100%;
}

.info-box .progress {
    background-color: rgba(0, 0, 0, 0.125);
    height: 2px;
    margin: 5px 0;
}

.info-box .progress .progress-bar {
    background-color: #fff;
}

.info-box .info-box-icon {
    border-radius: 0.25rem;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.875rem;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    width: 70px;
}

.info-box .info-box-icon > img {
    max-width: 100%;
}

.info-box .info-box-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1.8;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 10px;
}

.info-box .info-box-number {
    display: block;
    margin-top: .25rem;
    font-weight: 700;
}

.info-box .progress-description,
.info-box .info-box-text {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.info-box .info-box .bg-primary,
.info-box .info-box .bg-gradient-primary {
    color: #fff;
}

.info-box .info-box .bg-primary .progress-bar,
.info-box .info-box .bg-gradient-primary .progress-bar {
    background-color: #fff;
}

.info-box .info-box .bg-secondary,
.info-box .info-box .bg-gradient-secondary {
    color: #fff;
}

.info-box .info-box .bg-secondary .progress-bar,
.info-box .info-box .bg-gradient-secondary .progress-bar {
    background-color: #fff;
}

.info-box .info-box .bg-success,
.info-box .info-box .bg-gradient-success {
    color: #fff;
}

.info-box .info-box .bg-success .progress-bar,
.info-box .info-box .bg-gradient-success .progress-bar {
    background-color: #fff;
}

.info-box .info-box .bg-info,
.info-box .info-box .bg-gradient-info {
    color: #fff;
}

.info-box .info-box .bg-info .progress-bar,
.info-box .info-box .bg-gradient-info .progress-bar {
    background-color: #fff;
}

.info-box .info-box .bg-warning,
.info-box .info-box .bg-gradient-warning {
    color: #1f2d3d;
}

.info-box .info-box .bg-warning .progress-bar,
.info-box .info-box .bg-gradient-warning .progress-bar {
    background-color: #1f2d3d;
}

.info-box .info-box .bg-danger,
.info-box .info-box .bg-gradient-danger {
    color: #fff;
}

.info-box .info-box .bg-danger .progress-bar,
.info-box .info-box .bg-gradient-danger .progress-bar {
    background-color: #fff;
}

.info-box .info-box .bg-light,
.info-box .info-box .bg-gradient-light {
    color: #1f2d3d;
}

.info-box .info-box .bg-light .progress-bar,
.info-box .info-box .bg-gradient-light .progress-bar {
    background-color: #1f2d3d;
}

.info-box .info-box .bg-dark,
.info-box .info-box .bg-gradient-dark {
    color: #fff;
}

.info-box .info-box .bg-dark .progress-bar,
.info-box .info-box .bg-gradient-dark .progress-bar {
    background-color: #fff;
}

.info-box .info-box-more {
    display: block;
}

.info-box .progress-description {
    margin: 0;
}

@media (min-width: 768px) {
    .col-xl-2 .info-box .progress-description,
    .col-lg-2 .info-box .progress-description,
    .col-md-2 .info-box .progress-description {
        display: none;
    }
    .col-xl-3 .info-box .progress-description,
    .col-lg-3 .info-box .progress-description,
    .col-md-3 .info-box .progress-description {
        display: none;
    }
}

@media (min-width: 992px) {
    .col-xl-2 .info-box .progress-description,
    .col-lg-2 .info-box .progress-description,
    .col-md-2 .info-box .progress-description {
        font-size: 0.75rem;
        display: block;
    }
    .col-xl-3 .info-box .progress-description,
    .col-lg-3 .info-box .progress-description,
    .col-md-3 .info-box .progress-description {
        font-size: 0.75rem;
        display: block;
    }
}

@media (min-width: 1200px) {
    .col-xl-2 .info-box .progress-description,
    .col-lg-2 .info-box .progress-description,
    .col-md-2 .info-box .progress-description {
        font-size: 1rem;
        display: block;
    }
    .col-xl-3 .info-box .progress-description,
    .col-lg-3 .info-box .progress-description,
    .col-md-3 .info-box .progress-description {
        font-size: 1rem;
        display: block;
    }
}

.fixed-sign-bar {
    z-index: 10;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    padding: 1.5rem 2rem;
}
@media (max-height: 667px) {
    .fixed-sign-bar {
        position: relative;
    }
}
@media (max-width: 513px) {
    .fixed-sign-bar .justify-content-between {
        justify-content: center!important;
    }
}
/* @media (max-height: 667px) {
    .fixed-sign-bar .justify-content-between {
        justify-content: center!important;
    }
} */
.fixed-sign-bottom-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
}
@media (max-height: 667px) {
    .fixed-sign-bottom-bar {
        position: relative;
    }
}
.sign-wrapper {
    height: 100%;
    display: flex;
    position: relative;
}
@media (max-height: 667px) {
    .sign-wrapper {
        height: auto;
        display: block;
        margin: 1rem 0 2rem;
    }
}
#timerTrial {
    font-size: 16px;
    font-weight: bold;
}
#timer {
    font-size: 16px;
    font-weight: bold;
}
.timer {
    font-size: 16px;
    font-weight: bold;
}
.timerTrial {
    font-size: 16px;
    font-weight: bold;
}
.small-view-dropdown {
    margin-top: 10px;
}
.small-view-dropdown a li {
    font-size: 12px;
    font-weight: bold;
    list-style: none;
    color: var(--text-light-grey-color);
}
.small-view-dropdown a li i {
    font-size: 15px;
    color: #64308b;
    margin-left: 20px;
    margin-right: 10px;
}
.top-details {
    padding: 0 15px;
}
@media (max-width: 1199px) {
    #nav-tabContent {
        padding: 0;
    }
}
@media (max-width: 485px) {
    .calendar-container {
        padding: 30px 22px;
    }
    .fc-toolbar .fc-left, .fc-toolbar .fc-right, .fc-toolbar .fc-center {
        float: none !important;
        width: 100%;
        text-align: center;
        display: table;
        margin: auto;
    }
    .fc-toolbar .fc-left {
        margin-bottom: 25px;
    }
    .fc .fc-toolbar>*>*, .fc .fc-button-group>* {
        float: none !important;
    }
    .fc-toolbar .fc-center h2 {
        float: none !important;
        margin: 25px 0 5px;
    }
    .w-100-mview {
        width: 100%;
    }
    .calendar-container .update-btn, .wide-btn-mview {
        float: none !important;
        display: block;
        margin: auto;
    }
    #calendar {
        margin-top: 25px;
    }
    /*  */
    .speaking-element {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 7px;
        text-align: center;
    }
    .speaking-element:last-child {
        margin-bottom: 0;
    }
    .speaking-element .float-right {
        float: none !important;
    }
}
@media (max-width: 330px) {
    .nav-bar-main-block .logo .img-fluid {
        transform: scale(1);
        margin-left: 0;
        width: 150px;
    }
}
.select2-container {
    width: 100%!important;
}
@media (max-width: 600px) {
    .form-check-mview {
        display: block;
    }
}
@media (max-width: 767px) {
    .lesson-content .about-home-dtl-block-question {
        overflow-x: hidden;
    }
    .lesson-content ol {
        padding-left: 0;
    }
}
@media (max-width: 420px) {
    #submitAnswerWritingTask1Academic .quetion-outline-btn, #submitAnswerWritingTask1Academic .quetion-btn,
    #submitAnswerWritingTask2 .quetion-outline-btn, #submitAnswerWritingTask2 .quetion-btn,
    .bottom-btn-bar .quetion-outline-btn, .bottom-btn-bar .quetion-btn {
        width: 100%;
        display: block;
        margin: 0 0 10px 0;
    }
}
@media (max-width: 991px) {
    .final-btns {
        margin-bottom: 10px;
    }
    .final-btns:last-of-type {
        margin-bottom: 0;
    }
    .entry_question .quiz-action-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .entry_question .quiz-action-content > div {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        text-align: center!important;
    }
    .entry_question .quiz-action-content .text-right, .entry_question .quiz-ans-content p {
        text-align: center!important;
    }
    .entry_question .quiz-action-content .section__title {
        margin-bottom: 1rem !important;
    }
    .entry_question .quiz-ans-content ol {
        padding-left: 15px;
    }
}
@media (max-width: 510px) {
    .entry_question .quiz-nav-btns button {
        margin: 0 0 10px 0;
        display: block;
        width: 100%;
    }
    .entry_question .quiz-nav-btns button:last-child {
        margin: 0;
    }
    .entry_question-btns {
        width: 100%;
    }
}
/* 16/4/20022 */
#freeTimesDiv select, #freeTimesDiv input {
    padding: 0.35rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    height: calc(2.25rem + 2px);
    border-radius: 3px !important;
}
#freeTimesDiv .remove.remove-day {
    position: absolute;
    right: 0;
}
#timesDiv input {
    padding: 0;
    font-size: 1rem;
    line-height: normal;
    height: auto;
    border-radius: 0 !important;
}
/* 20/4/20022 */
@media (max-width: 575px) {
    .record-container {
        margin-top: 10px;
    }
}
/* 23/5/20022 */
@media (min-width: 1200px) {
    .progress-wrapper {
        height: 35rem;
        padding-top: 5px;
        padding-bottom: 10px;
        overflow: auto;
    }
    .progress-wrapper::-webkit-scrollbar {
        width: 7px;
    }
    .progress-wrapper::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px grey;
        border-radius: 5px;
    }
    .progress-wrapper::-webkit-scrollbar-thumb {
        background: #7F889750;
        border-radius: 5px;
    }
}
.progress-card > div {
    display: inline-block !important;
}
@media (max-width: 400px) {
    .progress-card > div, .progress-card > div > canvas {
        width: 150px !important;
        height: 150px !important;
    }
    .progress-card > div > input {
        margin-top: 45px !important;
        margin-left: -125px !important;
        font-size: 30px !important;
    }
}
@media (max-width: 350px) {
    .progress-card > div, .progress-card > div > canvas {
        width: 125px !important;
        height: 125px !important;
    }
    .progress-card > div > input {
        margin-top: 30px !important;
        margin-left: -112px !important;
    }
}
.or-vcash {
    position: absolute;
    width: auto;
    margin: auto;
    text-align: center;
    display: table;
    top: .75rem;
    left: 0;
    right: 0;
    background: white;
    padding: 0 1rem;
    font-size: 30px;
}

/* 3/6/2022 */
.fixed-m-menu {
    position: fixed;
    width: 100%;
    padding-top: 25px !important;
    padding-bottom: 25px !important;
    left: 0;
    top: 0;
    z-index: 10;
    background: white;
    box-shadow: 0 2px 8px 2px rgb(20 23 28 / 20%);
}
/* #sidemenu {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 0 !important;
    align-self: flex-start;
    height: 300px;
} */
.fixed-d-menu {
    position: fixed;
    top: 25px;
    z-index: 10;
}
@media (max-height: 768px) {
    .fixed-d-menu {
        top: 5px;
    }
}
/* 29/07/2022 */
.learning-courses-about-main-block .second-accordion .accordion-topics > .card, #accordionCcontent .accordion-topics > .card {
    border-radius: 10px !important;
    background-color: transparent;
    border: 5px solid #002642 !important;
    box-shadow: 0 0 5px 0px #002642;
    margin-bottom: 15px !important;
}
@media (max-width: 575px) {
    #accordionCcontent .accordion-topics > .card .card-header {
        padding: 0 !important;
        border: 0;
    }
    #accordionCcontent .accordion-topics .card-body .card {
        padding: 0;
        border: 0;
        box-shadow: none!important;
        background: white!important;
    }
    #accordionCcontent .accordion-topics > .card .collapse.show {
        box-shadow: none;
        border: 0;
    }
}
.learning-courses-about-main-block .second-accordion .accordion-topics .card-header button.btn,
#accordionCcontent .accordion-topics .card-header button.btn {
    border: 0;
    padding: 15px;
    color: white;
    background-color: #002642;
    font-size: 14px;
    text-transform: capitalize !important;
}
.learning-courses-about-main-block .second-accordion .accordion-topics .card-header button.btn:after,
#accordionCcontent .accordion-topics .card-header button.btn:after {
    display: none;
}
.learning-courses-about-main-block .second-accordion .accordion-topics .card-body,
#accordionCcontent .accordion-topics .card-body {
    border: 0;
    overflow: hidden;
    border-radius: 7px;
}
.learning-courses-about-main-block .second-accordion .accordion-topics .card-body .card-header,
#accordionCcontent .accordion-topics .card-body .card-header {
    padding: 15px 25px;
}
/* 6/9/2022 */
.slide-preview .swiper {
    z-index: 2;
    border-radius: 12px;
}
.slide-preview:after {
    content: "";
    background-color: #7F8897;
    width: 95%;
    height: 100%;
    position: absolute;
    top: 1rem;
    left: -1rem;
    z-index: 1;
    border-radius: 12px;
}
.slide-preview .swiper-slide {
    z-index: 3;
    height: 400px;
    border-radius: 12px;
}
.slide-preview .carousel-caption {
    z-index: 4;
}
@media (max-width: 575px) {
    .slide-preview .swiper-slide {
        height: 300px;
    }
}
@media (max-width: 420px) {
    .slide-preview .swiper-slide {
        height: 240px;
    }
}
/* 14/9/20022 */
.swiper-counter {
    position: absolute;
    z-index: 5;
    background: #64308b;
    color: #fff;
    top: 15px;
    right: 15px;
    padding: 0.5rem 1.25rem;
    border-radius: 50px;
    font-size: 12px;
    font-weight: bold;
}
.small-num {
    opacity: .85;
    font-size: 14px;
}
/* 16/9/2022 */
.v-cash-mobile {
    display: none;
}
@media (max-width: 767px) {
    .v-cash-desktop {
        display: none;
    }
    .v-cash-mobile {
        display: block;
    }
    .v-cash-mobile .or-vcash {
        top: 3.75rem;
    }
}