/*===== dark-theme ======*/
.dark-theme {
    background-color: var(--color-dark);
    color: var(--color-white) !important;
    /*===== general =====*/
    /*===== generic-list-item =====*/
    /*===== main-menu =====*/
    /*===== form--control =====*/
    /*===== hero-slider-item =====*/
    /*===== menu-category =====*/
    /*===== cart-dropdown-menu =====*/
    /*====== info-box =====*/
    /*===== info-overlay ======*/
    /*===== category-item ======*/
    /*===== generic-tab ======*/
    /*===== card ======*/
    /*===== tooltipster ======*/
    /*===== owl-action-styled ======*/
    /*===== button ======*/
    /*===== stroke-shape ======*/
    /*===== menu-banner-content ======*/
    /*===== off-canvas-menu-list ======*/
    /*===== select-container ======*/
    /*===== select-container ======*/
}

.dark-theme h1,
.dark-theme h2,
.dark-theme h3,
.dark-theme h4,
.dark-theme h5,
.dark-theme h6,
.dark-theme .generic-tab .nav-link,
.dark-theme .form-group .search-icon,
.dark-theme .media-card .media-body h5,
.dark-theme .card-item .card-title,
.dark-theme .review-stars span.rating-number,
.dark-theme .label-text,
.dark-theme .copy-desc a:hover,
.dark-theme .category-item-layout-2 .category-content,
.dark-theme .category-item-layout-2 .cat__title,
.dark-theme .info--box:hover .info__title,
.dark-theme .info--box:hover .info__text,
.dark-theme .filter-nav li a,
.dark-theme .pagination-box .page-link,
.dark-theme .modal-container .close,
.dark-theme .modal-container .close:hover span,
.dark-theme .generic-accordion .card-header .btn,
.dark-theme .helpful-action .btn:hover,
.dark-theme .lecture-overview-item .generic-list-item li span,
.dark-theme .lecture-owner-decription strong,
.dark-theme .question-overview-filter-item .generic-action-wrap .theme-btn,
.dark-theme .generic-action-wrap .dropdown-menu .dropdown-item,
.dark-theme .replay-action-bar .btn-group .btn,
.dark-theme .lecture-viewer-content-detail .generic-list-item li strong,
.dark-theme .sidebar-open,
.dark-theme .sidebar-close,
.dark-theme .rating-result-text,
.dark-theme .light-mode-btn,
.dark-theme .skill-bar-percent,
.dark-theme .btn,
.dark-theme .icon-element,
.dark-theme #scroll-top,
.dark-theme .file-upload-wrap .file-upload-text,
.dark-theme .profile-detail .generic-list-item li .profile-name,
.dark-theme .generic-table,
.dark-theme .message-reply-body .emojionearea-editor,
.dark-theme .bootstrap-tagsinput input,
.dark-theme .jqte *,
.dark-theme .social--icons-styled li a,
.dark-theme .sub-nav-toggler,
.dark-theme .portfolio-filter li,
.dark-theme .qtyBtn,
.dark-theme .qtyInput,
.dark-theme .payment-tab-toggle>label {
    color: var(--color-white);
}

.dark-theme .light-mode-btn {
    display: block;
}

.dark-theme .dark-mode-btn {
    display: none;
}

.dark-theme .shadow-sm {
    box-shadow: inset 0 0 0,var(--color-dark-4), 0 2px 2px var(--color-white-op-1) !important;
}

.dark-theme .bg-white {
    background-color: var(--color-dark) !important;
}

.dark-theme .bg-gray {
    background-color: var(--color-dark-border) !important;
}

.dark-theme .bg-radial-gradient-gray {
    background: rgb(56, 56, 56) !important;
    background: radial-gradient(circle, rgb(56, 56, 56) 0%, rgb(27, 27, 27) 100%) !important;
}

.dark-theme .off-canvas-menu-list li a,
.dark-theme .off-canvas-menu,
.dark-theme .pagination-box .page-link,
.dark-theme .mobile-search-form,
.dark-theme .modal-content,
.dark-theme .custom--control-label-boxed,
.dark-theme .course-dashboard-sidebar-column,
.dark-theme .course-dashboard-sidebar-wrap,
.dark-theme .lecture-viewer-text-wrap,
.dark-theme .custom-control-label::before,
.dark-theme .dashboard-message-wrapper,
.dark-theme .message-reply-body .emojionearea-editor,
.dark-theme .jqte_formats,
.dark-theme .generic-accordion-layout-2 .card-header .btn {
    background-color: var(--color-dark-1);
}

.dark-theme .replay-question-wrap,
.dark-theme .new-question-wrap,
.dark-theme .half-shape::after,
.dark-theme .list-group-item,
.dark-theme .jqte_editor,
.dark-theme .jqte_source,
.dark-theme .iti__country-list,
.dark-theme .qtyInput,
.dark-theme .payment-tab {
    background-color: var(--color-dark);
}

.dark-theme .icon-element,
.dark-theme .owl-action-styled .owl-nav div,
.dark-theme #scroll-top,
.dark-theme .level-timeline::before,
.dark-theme .conversation-item .message-body,
.dark-theme .conversation-item .message-body::after,
.dark-theme .social--icons-styled li a,
.dark-theme .select2-dropdown,
.dark-theme .sub-nav-toggler {
    background-color: var(--color-dark-2);
}

.dark-theme .theme-picker-btn svg {
    stroke: var(--color-white);
}

.dark-theme .border-gray {
    border-color: var(--color-dark-border) !important;
}

.dark-theme .border-top-gray {
    border-top-color: var(--color-dark-border) !important;
}

.dark-theme .border-right-gray {
    border-right-color: var(--color-dark-border) !important;
}

.dark-theme .border-bottom-gray {
    border-bottom-color: var(--color-dark-border) !important;
}

.dark-theme .border-left-gray {
    border-left-color: var(--color-dark-border) !important;
}

/* .dark-theme .footer__logo,
.dark-theme .logo img {
    -webkit-filter: brightness(900%) brightness(200%);
    filter: brightness(900%) brightness(200%);
} */

.dark-theme .menu-category>ul>li a,
.dark-theme .shop-cart-btn,
.dark-theme .media-card .media-body h5 a,
.dark-theme .card-item .card-title a,
.dark-theme .collapse--btn,
.dark-theme .meta-tags a,
.dark-theme .number-upvotes button,
.dark-theme .quiz-nav li p a,
.dark-theme .quiz-nav li a {
    color: var(--color-white);
}

.dark-theme .menu-category>ul>li a:hover,
.dark-theme .shop-cart-btn:hover,
.dark-theme .media-card .media-body h5 a:hover,
.dark-theme .card-item .card-title a:hover,
.dark-theme .collapse--btn:hover,
.dark-theme .meta-tags a:hover,
.dark-theme .number-upvotes button:hover,
.dark-theme .quiz-nav li p a:hover,
.dark-theme .quiz-nav li a:hover {
    color:  var(--color-dark-border-1);
}

.dark-theme .text-black {
    color: var(--color-white) !important;
}

.dark-theme .rating-total,
.dark-theme .card-item .card-text a,
.dark-theme .before-price {
    color:  var(--color-dark-border-1);
}

.dark-theme .text-black-50,
.dark-theme .text-gray {
    color:  var(--color-dark-border-1) !important;
}

.dark-theme .section-block,
.dark-theme .ribbon,
.dark-theme .pagination-box .page-link:hover,
.dark-theme .list-group-item-action:focus,
.dark-theme .list-group-item-action:hover,
.dark-theme .off--canvas-menu-list li.page-active a,
.dark-theme .file-upload-wrap .file-upload-input:hover,
.dark-theme .jqte_toolbar,
.dark-theme .iti--separate-dial-code .iti__selected-flag,
.dark-theme .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag,
.dark-theme .iti__country.iti__highlight {
    background-color: var(--color-dark-border);
}

.dark-theme .divider span {
    background-color: var(--color-white);
}

.dark-theme .off-canvas-menu-list li svg {
    fill: var(--color-white);
}

.dark-theme .off--canvas-menu-list li.page-active svg {
    fill: var(--color-badge-blue);
}

.dark-theme img {
    filter: brightness(0.7) contrast(1.2);
}

.dark-theme .generic-list-item li {
    color: var(--color-white);
}

.dark-theme .generic-list-item li a {
    color: var(--color-white);
}

.dark-theme .generic-list-item li a:hover {
    color:  var(--color-dark-border-1);
}

.dark-theme .main-menu>ul>li a {
    color: var(--color-white);
}

.dark-theme .main-menu>ul>li a:hover {
    color:  var(--color-dark-border-1);
}

.dark-theme .main-menu>ul>li .dropdown-menu-item {
    background-color: var(--color-dark-1);
    -webkit-box-shadow: 0 0 40px var(--color-black-op-1);
    -moz-box-shadow: 0 0 40px var(--color-black-op-1);
    box-shadow: 0 0 40px var(--color-black-op-1);
}

.dark-theme .main-menu>ul>li .dropdown-menu-item>li>a {
    color: var(--color-white);
}

.dark-theme .main-menu>ul>li .dropdown-menu-item>li>a:hover {
    color:  var(--color-dark-border-1);
}

.dark-theme .bootstrap-tagsinput,
.dark-theme .select-container .dropdown-menu .bs-searchbox .form-control,
.dark-theme .select2-container--default,
.dark-theme .select2-search__field,
.dark-theme .form--control {
    background-color: var(--color-dark-border);
    color: var(--color-white);
}

.dark-theme .bootstrap-tagsinput:focus,
.dark-theme .select-container .dropdown-menu .bs-searchbox .form-control:focus,
.dark-theme .select2-container--default:focus,
.dark-theme .select2-search__field:focus,
.dark-theme .form--control:focus {
    border-color: var(--color-dark-border-1);
}

.dark-theme .bootstrap-tagsinput::-webkit-input-placeholder,
.dark-theme .select-container .dropdown-menu .bs-searchbox .form-control::-webkit-input-placeholder,
.dark-theme .select2-container--default::-webkit-input-placeholder,
.dark-theme .select2-search__field::-webkit-input-placeholder,
.dark-theme .form--control::-webkit-input-placeholder {
    color:  var(--color-dark-border-1);
}

.dark-theme .bootstrap-tagsinput:-ms-input-placeholder,
.dark-theme .select-container .dropdown-menu .bs-searchbox .form-control:-ms-input-placeholder,
.dark-theme .select2-container--default:-ms-input-placeholder,
.dark-theme .select2-search__field:-ms-input-placeholder,
.dark-theme .form--control:-ms-input-placeholder {
    color:  var(--color-dark-border-1);
}

.dark-theme .bootstrap-tagsinput::placeholder,
.dark-theme .select-container .dropdown-menu .bs-searchbox .form-control::placeholder,
.dark-theme .select2-container--default::placeholder,
.dark-theme .select2-search__field::placeholder,
.dark-theme .form--control::placeholder {
    color:  var(--color-dark-border-1);
}

.dark-theme .hero-slider-item:after {
    background-color: var(--color-dark);
}

.dark-theme .menu-category>ul>li .cat-dropdown-menu {
    background-color: var(--color-dark-1);
    -webkit-box-shadow: 0 0 40px var(--color-black-op-1);
    -moz-box-shadow: 0 0 40px var(--color-black-op-1);
    box-shadow: 0 0 40px var(--color-black-op-1);
}

.dark-theme .menu-category>ul>li .cat-dropdown-menu li .sub-menu {
    background-color: var(--color-dark-1);
    border: 1px solid var(--color-dark-border);
    -webkit-box-shadow: 0 0 40px var(--color-black-op-1);
    -moz-box-shadow: 0 0 40px var(--color-black-op-1);
    box-shadow: 0 0 40px var(--color-black-op-1);
}

.dark-theme .menu-category>ul>li .cat-dropdown-menu li .sub-menu a {
    color: var(--color-white);
}

.dark-theme .menu-category>ul>li .cat-dropdown-menu li .sub-menu a:after {
    background-color:  var(--color-dark-border-1);
}

.dark-theme .menu-category>ul>li .cat-dropdown-menu li .sub-menu a:hover {
    color:  var(--color-dark-border-1);
}

.dark-theme .menu-category>ul>li .cat-dropdown-menu:after {
    border-bottom-color: var(--color-dark-1);
}

.dark-theme .cart-dropdown-menu {
    background-color: var(--color-dark-1);
    -webkit-box-shadow: 0 0 40px var(--color-black-op-1);
    -moz-box-shadow: 0 0 40px var(--color-black-op-1);
    box-shadow: 0 0 40px var(--color-black-op-1);
}

.dark-theme .cart-dropdown-menu:after {
    border-bottom-color: var(--color-dark-1);
}

.dark-theme .info-box {
    background-color: var(--color-dark-1);
    -webkit-box-shadow: 0 0 40px var(--color-black-op-1);
    -moz-box-shadow: 0 0 40px var(--color-black-op-1);
    box-shadow: 0 0 40px var(--color-black-op-1);
}

.dark-theme .info-box:before {
    background-color: var(--color-dark-boder-2);
}

.dark-theme .info-overlay:before {
    background-color: var(--color-dark-boder-2);
}

.dark-theme .info-overlay:after {
    background-color: var(--color-dark-boder-2);
}

.dark-theme .category-item::after {
    background-color: var(--color-dark);
}

.dark-theme .generic-tab .nav-link:hover {
    color:  var(--color-dark-border-1);
}

.dark-theme .generic-tab .nav-link.active {
    color: var(--color-dark);
    -webkit-box-shadow: 0 6px 25px var(--color-dark-boder-3);
    -moz-box-shadow: 0 6px 25px var(--color-dark-boder-3);
    box-shadow: 0 6px 25px var(--color-dark-boder-3);
}

.dark-theme .card,
.dark-theme .category-item-layout-2,
.dark-theme .filter-bar {
    background-color: var(--color-dark-1);
    -webkit-box-shadow: 0 0 40px var(--color-black-op-1);
    -moz-box-shadow: 0 0 40px var(--color-black-op-1);
    box-shadow: 0 0 40px var(--color-black-op-1);
}

.dark-theme .card-item .card-text a:hover {
    color: var(--color-white);
}

.dark-theme .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
    border-top-color: var(--color-dark-1);
}

.dark-theme .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
    border-right-color: var(--color-dark-1);
}

.dark-theme .tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
    border-left-color: var(--color-dark-1);
}

.dark-theme .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
    border-bottom-color: var(--color-dark-1);
}

.dark-theme .owl-action-styled .owl-nav div {
    color: var(--color-white);
}

.dark-theme .owl-action-styled .owl-nav div:hover {
    background-color: var(--color-primary);
}

.dark-theme .theme-btn-white {
    background-color: var(--color-dark-2);
    color: var(--color-white);
}

.dark-theme .theme-btn-white:hover {
    background-color: var(--color-white);
    color: var(--color-dark);
}

.dark-theme .theme-btn-white:hover svg {
    stroke: var(--color-dark);
}

.dark-theme .theme-btn-transparent {
    color: var(--color-white);
    border-color: var(--color-dark-border);
}

.dark-theme .theme-btn-transparent:hover {
    border-color: var(--color-dark-border-1);
}

.dark-theme .generic-list-item-boxed li:hover {
    border-color: var(--color-dark-border-1);
}

.dark-theme .stroke-shape {
    background-color: var(--color-white);
}

.dark-theme .menu-banner-content .btn:hover {
    color: var(--color-dark);
}

.dark-theme .off-canvas-menu-list li .sub-menu li a {
    color:  var(--color-dark-border-1);
}

.dark-theme .off-canvas-menu-list li .sub-menu li a:hover {
    color: var(--color-white);
}

.dark-theme .select-container .dropdown-toggle,
.dark-theme .dropdown-menu,
.dark-theme .filter-nav li a,
.dark-theme .pagination-box,
.dark-theme .pagination-box .page-link {
    background-color: var(--color-dark-2);
}

.dark-theme .filter-nav li a.active {
    background-color: var(--color-white);
    color: var(--color-dark);
}

.dark-theme .select-container .dropdown-toggle {
    color: var(--color-white);
}

.dark-theme .select-container .show>.btn-light.dropdown-toggle {
    background-color: var(--color-dark-2);
    color: var(--color-white);
    border-color: var(--color-dark-border);
}

.dark-theme .select-container .dropdown-item {
    color:  var(--color-dark-border-1);
}

.dark-theme .select-container .dropdown-item.active {
    background-color: var(--color-dark-border);
    color: var(--color-white);
}

.dark-theme .select-container .dropdown-item.active:hover {
    background-color: var(--color-dark-border);
}

.dark-theme .select-container .dropdown-item:hover {
    background-color: var(--color-dark-border);
    color: var(--color-white);
}

.dark-theme .cart-dropdown-menu li,
.dark-theme .iti__divider {
    border-bottom-color: var(--color-dark-border);
}

.dark-theme .file-upload-wrap-2 .file-upload-input,
.dark-theme .file-upload-wrap .file-upload-input,
.dark-theme .list-group-item,
.dark-theme .iti__country-list {
    border-color: var(--color-dark-border);
}

.dark-theme .level-timeline .level-active,
.dark-theme #scroll-top:hover,
.dark-theme .message-sent .message-body,
.dark-theme .message-sent .message-body::after,
.dark-theme .generic-accordion-layout-2 .card-header .btn[aria-expanded=true] {
    background-color: var(--color-primary);
}

.dark-theme .media-card .media--img {
    border-color: var(--color-dark-2);
}

.dark-theme .portfolio-filter li.active {
    color: var(--color-primary);
}

/*-========= select02 style  ==========-*/
.select2-dropdown .select2-search {
    padding: 8px;
}

.select2-dropdown .select2-search__field {
    border-radius: 5px;
}

.select2-dropdown .select2-results__option--highlighted {
    background-color: initial !important;
    color: var(--color-primary) !important;
}

.select2-dropdown .select2-results__option--selected {
    background:  var(--color-primary) !important;
    color: var(--color-white) !important;
}

.select2-container--default {
    background-color: var(--color-white);
    color: var(--color-text-gray);
    border-radius: 5px;
}

.select2-container--default .select2-dropdown {
    border-color: var(--color-border-gray-light);
    z-index: 99 !important;
}

.select2-container--default .select2-dropdown .select2-search__field {
    border-color: var(--color-border-gray-light);
}

.select2-container--default .selection .select2-selection--single {
    background-clip: padding-box !important;
    border: 1px solid var(-- --color-border-gray);
    padding: 6px 12px;
    position: relative;
    height: 38px;
    background: none;
    border-radius: 5px;
    align-items: center;
    justify-content: space-between;
    display: flex;
}

.select2-container--default .selection .select2-selection__rendered {
    color: var(--color-text-gray);
    font-weight: 400;
    font-size: 16px;
}

.select2-container--default .selection .select2-selection__arrow {
    position: relative;
}

.select2-container--open {
    z-index: 9999 !important;
}

.select2-container--open .select2-selection--single {
    border: 1px solid var(--color-primary) !important;
}

/*========= select2-full-width =========*/
.select2-full-width .select2-container--default {
    width: 100% !important;
}

/*========= select2-full-wrapper =========*/
.select2-full-wrapper .select2-container--default {
    width: 100% !important;
    height: 50px !important;
}

.select2-full-wrapper .select2-container--default .selection .select2-selection--single {
    height: 50px;
}

/*-========= media style  ==========-*/
.media {
    -webkit-box-display: flex;
    -ms-flexbox-display: flex;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.media-body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.media-body h5 a {
    text-decoration: none;
}

/*====== Custom-cotrol  ========*/
.custom-control {
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5em;
    margin-bottom: 0.125rem;
}

.custom-control::after {
    display: block;
    clear: both;
    content: "";
    box-sizing: border-box;
}

.custom-control .custom-control-input {
    margin-left: -1.5em;
    width: 1em;
    height: 1em;
    margin-top: 0.4em;
    vertical-align: top;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    float: left;
    border: 1px solid var( --color-dark-3);
    border-radius: 4px;
}

/*====== CheckBox  ========*/
.custom-checkbox .custom-control-input:checked {
    background-image: url("../images/after-right.svg");
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

/*====== Radio  ========*/
.custom-radio .custom-control-input {
    border-radius: 50%;
}

.custom-radio .custom-control-input:checked {
    background-image: url("../images/after-dot.svg");
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

.top-bottom-left-radius-5 {
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
}