body.dark-mode .brand-wrap img {
    filter: grayscale(1) brightness(5);
    /* -webkit-filter: invert(100%); */
}
body.dark-mode .new-header {
    background: var(--theme-color-middle-header) !important;
    box-shadow: 0 0 5px rgba(255, 255, 255, 0.11);
}
body.dark-mode .new-log-menu ul li a {
    color: var(--theme-color-button-text);
}
body.dark-mode .new-log-menu ul li a:hover {
    color: #fff !important;
}
body.dark-mode .add-cart-btn:hover {
    color: #000 !important;
}
body.dark-mode .all-course-btn:hover {
    border: 1px solid var(--theme-color-third);
    background-color: var(--theme-color-third);
    color: black !important;
}
body.dark-mode .search-wrapper {
    background-color: #fff;
    border: 1px solid var(--theme-color-third);
  }
body.dark-mode .lower-content {
    background-color: #000;
    -webkit-transition: all 500ms ease;
    box-shadow: 0px 0px 15px rgba(255, 255, 255, 0.1);
    padding: 20px 20px;
}
body.dark-mode .feature-item {
    background: #000;
}
body.dark-mode .quick-contact-form {
    background-color: #272c33;
    box-shadow: 0 20px 25px -5px rgb(39, 44, 51,0.2), 0 10px 10px -5px rgb(39, 44, 51,0.2);
}
body.dark-mode .quick-contact-form .form-control {
    background-color: #fff;
}
body.dark-mode .quick-contact-form .form-control {
    background-color: #fff;
}
body.dark-mode .call-popup .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(151, 151, 151, 0.4);
    box-shadow: 0 5px 15px rgba(246 246 246/10%);
    background-color: #000 ;
    background-image: none;
}

body.dark-mode .input-group {
    background-color: transparent;
}

body.dark-mode .call-popup .btn-default:hover {
    color: #000 !important;
}

body.dark-mode .count-section {
    background-image: none;
    background-color: #000 !important;
}

body.dark-mode .lower-content .post-info li {
    color: #ffffff;
}

body.dark-mode .testimonial-block .inner-box::before {
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
}
body.dark-mode .feature-item p {
    color: #fff;
}
body.dark-mode .feature-item {
    border: 1px dashed var(--theme-color-third);
    box-shadow: 2px 8px 20px 0px rgba(255, 255, 255, 0.11);
}
body.dark-mode .home-about-section p {
    color: #ffffff;
}
body.dark-mode .home-about-section {
    background: #000;
}
body.dark-mode .app-contact-section {
    background: #000;
    background-image: none;
}
body.dark-mode .course-dtl-box {
    background: #000;
  }
body.dark-mode .app-contact-section h3 {
    color: var(--theme-color-third);
}
body.dark-mode .app-contact-section p {
    color: #fff;
}
body.dark-mode .app-detail-btn {
    border: 1px solid var(--theme-color-primary);
    background-color: var(--theme-color-primary);
    color: #fff !important;
    padding: 10px 25px;
    transition-duration: 0.4s;
    border-radius: 4px;
    font-size: 17px !important;
    margin-top: 8px;
    margin-bottom: 21px;
}
body.dark-mode .app-detail-btn:hover {
    border: 1px solid var(--theme-color-primary);
    background-color: #fff;
    padding: 10px 25px;
    transition-duration: 0.4s;
    border-radius: 4px;
    font-size: 17px;
    font-weight: 500;
    color: var(--theme-color-primary) !important;
    margin-top: 8px;
    margin-bottom: 21px;
}
body.dark-mode .about-more-btn {
    border: 1px solid var(--theme-color-primary);
    background-color: var(--theme-color-primary);
    color: #fff !important;
    padding: 10px 25px;
    transition-duration: 0.4s;
    border-radius: 4px;
    font-size: 17px !important;
  }
body.dark-mode .about-more-btn:hover {
    border: 1px solid var(--theme-color-primary);
    background-color: #fff;
    padding: 10px 25px;
    transition-duration: 0.4s;
    border-radius: 4px;
    font-size: 17px;
    font-weight: 500;
    color: var(--theme-color-primary) !important;
  }
body.dark-mode .all-course-btn {
    border: 1px solid var(--theme-color-third);
    background-color: var(--theme-color-third);
    padding: 10px 25px;
    transition-duration: 0.4s !important;
    border-radius: 4px;
    font-size: 17px !important;
    font-weight: 600;
    color: #000 !important;
    margin-top: 15px;
    margin-bottom: 10px;
}
body.dark-mode .all-course-btn:hover {
      border: 1px solid var(--theme-color-third);
      background-color: var(--theme-color-primary);
      padding: 10px 25px;
      transition-duration: 0.4s !important;
      border-radius: 4px;
      font-size: 17px !important;
      font-weight: 600;
      color: #fff !important;
      margin-top: 15px;
      margin-bottom: 10px;

  }
body.dark-mode .leading-partners {
    background: #000;
  }
body.dark-mode .courses-selection ul li a {
    color: #fff !important;
  }
body.dark-mode .select-tag-section span {
    color: var(--theme-color-primary);
}
body.dark-mode .footer-section {
    background: #272c33;
}
body.dark-mode .footer-link-section .logo {
    filter: grayscale(1) brightness(5);
  }
body.dark-mode .footer-link-section ul li a {
    color: #ffffff;
}
body.dark-mode .new-navbar-default .learning-btn:hover {
    color: #333;
    background-color: var(--theme-color-button-hover) !important;
    color: var(--theme-color-button-text) !important;
}
/* login page start */
body.dark-mode .login-page-section {
    background-image: none;
  }
body.dark-mode .continue-with-google a, a:visited, a:hover, a:active {
    text-decoration: none;
    color: var(--theme-color-primary);
    outline: none;
    transition-duration: 0.4s;
    font-size: inherit;
  }
body.dark-mode .remember-wrap label{
    color: #fff;
}
/* login page end */

body.dark-mode #mdp-readabler-popup-box{

    --readabler-overlay: rgba(2, 83, 238, 1);

    --readabler-bg: rgb(42 49 54);
    --readabler-bg-dark: rgba(22, 25, 27, 1);
    --readabler-text: rgba(248, 248, 248, 1);
    --readabler-text-dark: rgba(248, 248, 248, 1);
    --readabler-color: var(--theme-color-primary);
    --readabler-color-dark: var(--theme-color-primary);
    --readabler-color-transparent: rgba(33,150,243,0.2);
    --readabler-color-transparent-dark: rgba(33,150,243,0.2);
    --readabler-border-radius: 16px;
    --readabler-animate: 600ms;
}
/* course-details */
body.dark-mode .outer-section {
    background: var(--theme-color-bg-mat);
}
body.dark-mode .course-details-tump-strip-section{
    background-color: var(--theme-color-bg-mat-secondary);
    background-image: none;
}
body.dark-mode .feature-content p {
    color: #ffffff;
}
body.dark-mode .dtl-section-box {
    background-color: var(--theme-color-bg-mat-secondary);
    border-bottom: 1px solid var(--theme-color-primary);
    color: var(--theme-color-dark);
}
body.dark-mode .overview-sec .list-item{
    color: #fff;
}
body.dark-mode .box-content * {
    color: #fff;
  }
body.dark-mode .box-content {
    background:var(--theme-color-bg-mat-secondary);
}
/* applying all to mat bg */
body.dark-mode .instructors,
body.dark-mode .promo-video-section,
body.dark-mode .institute-icon,
body.dark-mode .institutions-contact-box,
body.dark-mode .toll-free ,
body.dark-mode .head-text-box,
body.dark-mode .webinar-popup-registration .modal-content
{
    background-color:  var(--theme-color-bg-mat-secondary);
}
body.dark-mode .our-team {
    padding: 0 0 20px;
    background: #1f252e;
}
body.dark-mode .our-team .pic::before {
    background: var(--theme-color-primary);
}
body.dark-mode .toll-free p {
    color: #fff;
}
body.dark-mode #syllabus-content * {
    color: #fff;
}
body.dark-mode .dtl-section-box p{
    color: #fff;
}
body.dark-mode .institutions-contact-box,
body.dark-mode .institute-course-list
{
    background-image: none;
}
body.dark-mode .institutions-contact-box .contact_blocks p,
body.dark-mode .institutions-contact-box .contact_blocks a
{
    color: #fff;
}
body.dark-mode .course_price_wrapper .course-add-cart {
    color: #000 !important;
}
body.dark-mode .outer-section {
    border-bottom: 2px solid var(--theme-color-primary);
}
body.dark-mode .webinar-popup-registration .modal-body{
    border: none;
}
body.dark-mode .webinar-popup-registration .modal-footer {
    background: var(--theme-color-bg-mat-secondary);
  }
body.dark-mode .webinar-popup-registration .form-control {
    color: #fff;
}
body.dark-mode #loader {
    background-color: rgba(25, 28, 33, 0.44);
}
/* contact us start */
body.dark-mode .contact_container {
    background-color:  var(--theme-color-bg-mat-secondary);
}
body.dark-mode .contact_container label ,
body.dark-mode .contact_container .form-control ,
body.dark-mode .contact_container select.form-control ,
body.dark-mode .contact-section p  ,
body.dark-mode .contact_blocks p,
body.dark-mode .contact_blocks a
{
    color: #fff;
  }
.contact_blocks p, .contact_blocks a:hover
{
    font-size: 19px;
  }
body.dark-mode .contact_blocks h3 {
    color: var(--theme-color-heading-third);
}

/* contact us end*/
/* about start */
body.dark-mode .about-page-section {
    background: var(--theme-color-bg-mat);
}
body.dark-mode .about-page-section p {
    color: #fff;
  }
/* about end */
body.dark-mode .footer-bottom-section p {
    color: #fff;
}
body.dark-mode .dropdown-menu.mobile-cs {
    background-color:  var(--theme-color-bg-mat-secondary);
  }
body.dark-mode .new-navbar-default .dropdown-menu > li > a {
    color: #fff;
    border-bottom: solid thin #ffffff0f;
}
body.dark-mode .new-navbar-default .dropdown-menu {
    border: 1px solid rgba(128, 128, 128, 0.69);
    box-shadow: 0 6px 12px rgba(149, 140, 140, 0.18);
}
body.dark-mode span.saved-course-count {
    background: var(--theme-color-third);
}
body.dark-mode .tabbable-line > .nav-tabs > li > a {
    color: #fff;
    background: transparent;
}
body.dark-mode .tabbable-line > .nav-tabs > li.active > a {
    color: var(--theme-color-primary);
}
body.dark-mode .new-log-menu .cart-count {
    background-color: #000;
}
body.dark-mode #js-profile-update-form .form-group label {
    color: #fff;
}

body.dark-mode .login-page-section .form-control,
body.dark-mode .login-page-section #phone
 {
    background-color: var(--theme-color-bg-mat-secondary);
}
body.dark-mode .my-orders-page .bg-white {
    background-color: var(--theme-color-bg-mat-secondary-transparent) !important;
}
body.dark-mode .transaction-sec table td,
body.dark-mode .transaction-sec p
{
    color: #fff;
  }
body.dark-mode .cart-page-section {
    background: var(--theme-color-bg-mat);
}
body.dark-mode .cart-form-section label {
    color: #fff;
}
body.dark-mode .cart-form-section .form-control {
    color: #f0f0f0;
    background-color: var(--theme-color-bg-mat-secondary);
}
body.dark-mode .cart-form-section select.form-control,
body.dark-mode .table-cart .box-cart
{
    background-color: var(--theme-color-bg-mat-secondary);
}
body.dark-mode .cart-form-section select.form-control option:hover {
    background-color: var(--theme-color-primary);
}
body.dark-mode .table-cart thead tr th {
    color: #fff;
}
body.dark-mode .table-cart tr td .name-product {
    color: var(--theme-color-primary);
}
body.dark-mode .table-cart tr td .name-product p {
    color: #fff !important;
}
body.dark-mode .table-cart .text-info {
    color: var(--theme-color-third);
}
body.dark-mode .cart-total-box {
    box-shadow: 0px 3px 6px #323942;
    background-color: var(--theme-color-bg-mat-secondary);
}
body.dark-mode #about-course ul li,
body.dark-mode #institute-content ul li
 {
    color: #fff;
}
body.dark-mode .thanku-section h2,
body.dark-mode .thanku-section h5
 {
    color: #fff;
}
body.dark-mode .choose-account-page-section .wrap {
    background: var(--theme-color-bg-mat-secondary);
    border:none
  }
body.dark-mode .wrap:hover {
    color: #fff;
    background-image:none;
    background-color: #323942d1;
  }
body.dark-mode .leading-partners .owl-carousel .owl-item img {
    filter: invert(100%);
    }
body.dark-mode .video-point-section {

    background-color: #272c33 !important;
}
body.dark-mode .video-point-inner {
    background-image: none !important;
}
body.dark-mode .main-point-section p {
    color: var(--theme-color-heading-second);
}
body.dark-mode .main-point-section ul li {
    color: var(--theme-color-heading-second);
}
body.dark-mode .main-point-section h3{
    color: var(--theme-color-third);
}
body.dark-mode .stats{
    color: var(--theme-color-heading);
}
.opening-list div {
    color: var(--theme-color-dark);
}
body.dark-mode .client-item {
    filter: grayscale(1) brightness(2);
}
body.dark-mode .feature-left .feature-icon {
    filter: brightness(10000);
}