:root {    
    --ms-white-color: #ffffff;
    --ms-offwhite-color:#fff7fa;
    --ms-light-border-color:#f1f1f1;
    --ms-light-primary-color:#ff006554;
    --ms-text-color: #717986;
    --ms-paragraph-color:#7f8b9f;
    --ms-light-grey-color:#a5acb8;
    --ms-primary-color:#ff0065; 
    --ms-light-bg-color:#1d2127; 
    --ms-dark-bg-color:#171a1f; 
    --ms-bg-color:#2d323a; 
    --ms-grey-bg-color:#262a32;
    --ms-semi-dark-color:#1b1f25;
    --ms-black-color:#000000;
    --ms-modal-bg-color:#3a404c;
    --ms-gredient-color:linear-gradient(143deg, #ff543e 0%, #ff0065 100%);
 }
body{
     background:var(--ms-white-color);
 }
::-webkit-scrollbar {
    width: 6px;
    background: var(--ms-offwhite-color);
}
.preloader {
    background-color: var(--ms-white-color);
}
.ms-spinner-loader {
  border-top: 5px solid var(--ms-offwhite-color);
  border-left: 5px solid var(--ms-offwhite-color);
}
 /*header color css start*/
 .ms-header-wrapper{
     background-color:var(--ms-white-color);
 }
 .ms-header-logo a span.ms-logotext {
     color: var(--ms-dark-bg-color);
 }
 .ms-header-menu ul li a {
     color: var(--ms-bg-color);
 }
 .ms-header-profile > ul > li > a{
     color: var(--ms-bg-color);
 }
 .ms-header-search-bar input {
     background-color: var(--ms-white-color);
     border: 1px solid var(--ms-light-border-color);
     color: var(--ms-text-color);
 }
 .ms-header-search-bar span svg {
     fill: var(--ms-text-color);
 }
 a.ms-admin > span{
     color: var(--ms-bg-color);
 }
 a.ms-admin > span > i {
     color: var(--ms-bg-color);
 }
 .ms-profile-dropdown {
     background-color:var(--ms-white-color);
 }
 .ms-profile-dropdown ul li, .ms-profile-dropdown ul li a, .toggle-box .right-text {
     color:var(--ms-paragraph-color);
 }
 .ms-profile-dropdown:after{
     background-color:var(--ms-paragraph-color);
 }
 .toggle-box label .toggle {
     background-color: #bdc1c8ba;
 }
 .toggle-box label input:checked ~ .toggle {
     background-color: #ff006557;
 }
 .toggle-box label input:checked ~ .toggle:before{
    left: 12px;
    background-color:var(--ms-primary-color);
 }
 .toggle-box label .toggle:before {
     background-color: #999999;
 }
 /* switch btn light theme*/
.toggle-box-lightmode label .toggle{
   width: 24px;
   height: 6px;
   border-radius: 3px;
   background-color: #161920;    
   display: inline-block;    
   position: relative;
   transition: all 0.3s;
   cursor: pointer;
}
.toggle-box-lightmode label input:checked ~ .toggle {
    background-color: #ff006566;
}
.toggle-box-lightmode label .toggle:before{
   content: "";
   width: 12px;
   height: 12px;
   border-radius: 50%;
   background-color: var(--ms-primary-color);
   position: absolute;
   top: -3px;
   left: 0;        
   transition: all 0.3s;
}
.toggle-box-lightmode label input:checked ~ .toggle:before{
   left: 12px;
}
.toggle-box-lightmode .right-text{
   font-size: 14px;
   color: var(--ms-paragraph-color);
   font-weight: 400;
   margin-left: 10px;
   position: relative;
   cursor: pointer;
   transition: all 0.3s;
}
.toggle-box-lightmode .right-text:hover{
   color: var(--ms-primary-color);
}
.toggle-box-lightmode label input{
   display: none;
}
/* switch btn light theme*/
 .ms-profile-dropdown ul li.ms-profile-logout {
    border-bottom: 1px solid var(--ms-offwhite-color);
}
.ms-login-logo a span.ms-logotext {
    color: var(--ms-dark-bg-color)!important;
}
 /*header color css end*/
 
 .ms-exclusive-wrapper {
     background-color: var(--ms-white-color);
 }
 .heading {
     color: var(--ms-dark-bg-color);
 }
 .ms-exclusive-movie-content h4 {
     color: var(--ms-black-color);
 }
 
 .ms-top-movies-heading .view-all {
     color: var(--ms-text-color);
 }
 
 .ms-language-wrapper {
     background-color: var(--ms-white-color);
 }
 .ms-language-box p {
     color: var(--ms-bg-color);
 }
 
 .ms-top-rated-wrapper {
     background-color: var(--ms-offwhite-color);
 }
 
 .ms-overview-wrapper{
     background-color: var(--ms-offwhite-color);
 }
 .ms-overview-right .ms-overview-heading a > h4, .ms-overview-heading h1 {
     color: var(--ms-dark-bg-color);
 }
 .ms-light-bg-wrapper{
     background-color: var(--ms-white-color);
 }
 .ms-offwhite-bg-wrapper{
     background-color: var(--ms-offwhite-color);
 }
 
 .ms-top-rated-wrapper .swiper-pagination-bullet {
     background-color: #d2d7dd;
 }
 .ms-letest-top-navigation .swiper-button-next span, .ms-letest-top-navigation .swiper-button-prev span {
     background-color: var(--ms-primary-color);
     opacity: 0.7;
 }
 .ms-letest-top-navigation .swiper-button-next span svg, .ms-letest-top-navigation .swiper-button-prev span svg {
     fill: var(--ms-white-color);
 }
 .ms-letest-top-navigation .swiper-button-next span:hover svg, .ms-letest-top-navigation .swiper-button-prev span:hover svg{
     fill: var(--ms-white-color);
     opacity: 1;
 }
 .ms-overview-heading h5 {
     color: var(--ms-bg-color);
 }
 .ms-overview-right-content h4, .ms-overview-right-content h4 a {
     color: var(--ms-dark-bg-color);
 }
 .ms-overview-right-footer ul li a {
     color: var(--ms-dark-bg-color) !important;
 }
 .ms-overview-right-footer ul li a:hover span svg {
     fill: var(--ms-primary-color) !important;
 }
 .ms-letest-top-navigation .swiper-button-next span, .swiper-button-prev span {
     background-color: var(--ms-primary-color);
     opacity: 1;
 }
 .ms-overview-slider-btn span {
     background-color: var(--ms-primary-color);
     opacity: 1;
 }
 .ms-overview-right-footer ul li.viewTrailer a {
     background-color: var(--ms-primary-color);
     color: var(--ms-white-color)!important;
 }
 .ms-top-rated-wrapper .ms-letest-top-navigation .swiper-button-prev span {
     background-color: var(--ms-primary-color);
     opacity: 1;
 }
 .ms-top-rated-wrapper .ms-letest-top-navigation .swiper-button-next span {
     background-color: var(--ms-primary-color);
     opacity: 1;
 }
 .ms-shop-wrapper {
     background: var(--ms-white-color);
 }
 .woocommerce .woocommerce-result-count, .woocommerce .woocommerce-ordering {
     color: var(--ms-dark-bg-color);
 }
 .ms_product_filters .nice-select {
     background: var(--ms-offwhite-color);
     border: 1px solid var(--ms-offwhite-color);
 }
 .ms_product_filters .nice-select:focus {
     border: 1px solid var(--ms-offwhite-color);
 }
 .ms-product-thumb {
    background: var(--ms-white-color);
    box-shadow: inset 2px 2px 10px 0px rgb(0 0 0 / 10%);
    border-radius: 4px;
}
 .ms-product-image {
     padding:0; 
     margin-bottom: 20px;
 }
 .ms-product-hover ul .ms-product-icon {
     background: var(--ms-white-color);
 }
 .ms-product-hover ul .ms-product-icon svg {
    fill: var(--ms-primary-color);
}
 .ms-product-hover ul .ms-product-icon svg{
     fill: var(--ms-primary-color);
     transition:all 0.3s;
 }
 .ms-product-hover ul .ms-product-icon:hover svg {
    fill: var(--ms-white-color);
}
 .ms-product-info .ms-sub-heading a {
     color: var(--ms-dark-bg-color);
 }
 .price del, del {
     opacity: 1;
     color: var(--ms-text-color);
 }
 body.woocommerce nav.woocommerce-pagination ul.page-numbers li>* {
     background: var(--ms-offwhite-color);
     color: var(--ms-bg-color);
 }
 .woocommerce .quantity input[type="number"].qty {
     background: var(--ms-offwhite-color) !important;
     border: none !important;
     border-left: 1px solid var(--ms-light-border-color) !important;
     border-right: 1px solid var(--ms-light-border-color) !important;
 }
 .product-qyt .quantity {
     border: 1px solid var(--ms-light-border-color);
 }
 .product_meta, .product_meta>span .al_meta_tag {
     color: var(--ms-dark-bg-color) !important;
 }
 .woocommerce div.product .woocommerce-tabs ul.tabs {
     background: var(--ms-offwhite-color);
 }
 .woocommerce div.product .woocommerce-tabs ul.tabs li a {
     color: var(--ms-light-bg-color);
 }
 .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
     background-color: var(--ms-white-color)!important;
 }
 .nice-select ul.list {
     background: var(--ms-offwhite-color)!important;
 }
 .ms-related-product-wrapper {
     border-top: 1px solid var(--ms-offwhite-color);
 }
 .ms-related-product-wrapper .ms-heading-wrap>div .ms-heading {
     background: var(--ms-offwhite-color);
     color: var(--ms-dark-bg-color);
 }
 .comment-reply-title {
     color: var(--ms-bg-color);
 }
 form#commentform label {
     color: var(--ms-dark-bg-color);
 }
 .nice-select {
     background: var(--ms-offwhite-color)!important;
     border: 1px solid var(--ms-offwhite-color)!important;
 }
 .nice-select .current {
     color: var(--ms-bg-color);
 }
.nice-select .option {
    border-bottom: 1px solid var(--ms-light-border-color);
}
 .nice-select:after {
     border-bottom: 2px solid var(--ms-bg-color)!important;
     border-right: 2px solid var(--ms-bg-color)!important;
 }
 .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
     color: var(--ms-bg-color);
 }
 .nice-select .option {
     color: var(--ms-bg-color);
 }
 .nice-select li.option.selected.focus {
    color: var(--ms-text-color);
}
.woocommerce #review_form #respond textarea {
    background: var(--ms-offwhite-color);
    border: 1px solid var(--ms-light-primary-color);
}
 .woocommerce #reviews #comments ol.commentlist li {
    background: var(--ms-white-color);
    box-shadow: 0 0 30px rgb(0 0 0 / 16%);
}
 .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
     font-weight: 600 !important;
     color: var(--ms-dark-bg-color);
 }
 .woocommerce table.shop_table thead th, table thead th, table th {
     color: var(--ms-bg-color);
     background: var(--ms-offwhite-color);
     border: 1px solid var(--ms-light-grey-color);
 }
 .woocommerce table.shop_table td {
    border: 1px solid var(--ms-light-border-color);
}
.input-wrap input {
    background-color: var(--ms-white-color) !important;
    border: 1px solid var(--ms-light-primary-color) !important;
}
.coupon input {
    background-color: var(--ms-offwhite-color);
    border: 1px solid var(--ms-light-primary-color);
}
nav.woocommerce-MyAccount-navigation ul li a {
    border: 1px solid var(--ms-light-border-color);
}
 .cart-collaterals .cart_totals h2 {
     border: 1px solid var(--ms-light-grey-color);
 }
 .woocommerce-page .cart-collaterals .cart_totals table.shop_table {
     border: 1px solid var(--ms-light-grey-color);
 }
 form.woocommerce-EditAccountForm fieldset legend, .woocommerce-billing-fields h3, .woocommerce-additionms-fields h3, .woocommerce-account .addresses .title h3, h3#order_review_heading, .woocommerce-additional-fields h3 {
     font-weight: 600;
     color: var(--ms-bg-color);
 }
 .woocommerce form .form-row label {
     font-weight: 500;
 }
 .select2-container .select2-selection--single {
     border: 1px solid var(--ms-offwhite-color);
     background: var(--ms-offwhite-color);
 }
 body .select2-dropdown {
     background-color: var(--ms-offwhite-color);
 }
 .select2-container--default .select2-selection--single .select2-selection__rendered {
     color: var(--ms-bg-color);
 }
 .select2-results__option[aria-selected], .select2-results__option[data-selected] {
     color: var(--ms-bg-color);
 }
 body .woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper p#order_comments_field textarea#order_comments {
     background: var(--ms-offwhite-color);
     border: 1px solid var(--ms-offwhite-color);
 }
 .select2-container--default .select2-search--dropdown .select2-search__field {
     background: var(--ms-white-color) !important;
 }
 .woocommerce-checkout .woocommerce table.shop_table tfoot th {
    border-color: var(--ms-offwhite-color);
}
 .woocommerce-checkout .woocommerce table.shop_table tfoot th {
     color: var(--ms-text-color);
 }
 input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
     -webkit-box-shadow: 0 0 0 30px var(--ms-offwhite-color) inset !important;
     border: 1px solid var(--ms-offwhite-color) !important;
 }
 .ms-user-dash li a {
     background: var(--ms-offwhite-color);
     color: var(--ms-bg-color);
 }
.ms-profile-box {
    background-color: var(--ms-white-color);
    box-shadow: inset 2px 2px 10px 0px rgb(0 0 0 / 10%);
}
 .pro-change-form-btn {
     border-bottom: 1px solid var(--ms-offwhite-color);
 }
 .ms-rcnt-box-text h3 a, .w-top-song .w-tp-song-name h3 a {
     color: var(--ms-text-color);
 }
 .ms-heading h1 {
     color: var(--ms-bg-color);
 }
 .ms-add-in-playlist-modal .modal-content, .ms-create-playlist-modal .modal-content {
    background-color: var(--ms-primary-color) !important;
}
 .modal-dialog .closemodal {
     color: var(--ms-primary-color);
     background-color: var(--ms-white-color);
 }
 .ms-social-share-modal .modal-content {
    background-color: var(--ms-primary-color);
}
 .ms-social-share-modal .modal-dialog .closemodal {
     color: var(--ms-primary-color);
     background-color: var(--ms-white-color);
 }
 .ms-social-share-modal .modal-body .ms-social-modal-icons ul li a i {
     background: var(--ms-white-color);
     color: var(--ms-primary-color);
 }
 .ms-social-share-modal .modal-body .ms-social-modal-icons ul li a:hover p {
    color: var(--ms-white-color);
}
.ms-social-share-modal .modal-body .ms-social-modal-icons ul li:hover a i {
    transform: translateY(-5px);
}
.ms-social-share-modal .modal-body .ms-social-modal-icons ul li a:hover i {
     background: var(--ms-white-color); 
}
.ms-social-share-modal .ms-btn {
    background: var(--ms-white-color);
    color: var(--ms-primary-color) !important;
}
.clr-modal-btn .ms-btn {
    background: var(--ms-white-color);
    color: var(--ms-primary-color) !important;
}
.ms-share-text .nice-select {
    background-color: var(--ms-white-color) !important;
}
.ms-share-text .nice-select .current {
    color: var(--ms-bg-color) !important;
}
.ms-share-text .nice-select:focus {
    border: 1px solid var(--ms-white-color)!important;
}
 .ms-upload-box, .ms-acc-overview {
     background-color: var(--ms-white-color)!important;
     box-shadow: inset 2px 2px 10px 0px rgb(0 0 0 / 10%);
 }
 .woocommerce-message a {
     color: var(--ms-primary-color);
 }
 .ms-pricing-box {
     background-color: var(--ms-white-color);
     box-shadow: inset 2px 2px 10px 0px rgb(0 0 0 / 10%);
 }
 .ms-price-left-headings h4 {
     color: var(--ms-bg-color);
 }
 .ms-price-left-feature ul li {
     color: var(--ms-text-color);
 }
 .ms-pricing-box:before {
    border: 1px dashed var(--ms-light-border-color);
}
 .ms-price-right-box {
     background-color: var(--ms-offwhite-color);
     border: 2px solid var(--ms-offwhite-color);
 }
 .ms-hasplan {
    border: 2px solid var(--ms-light-border-color);
}
 .ms-price-right-box-inner h4 {
     color: var(--ms-primary-color);
 }
 .ms-price-right-box-inner h6 {
     color: var(--ms-bg-color);
 }
 .ms-price-right-rate label {
     color: var(--ms-bg-color);
 }
 .ms-price-right-rate label::before {
     background-color: var(--ms-offwhite-color);
     border: 2px solid var(--ms-light-grey-color);
 }
 .ms-price-right-rate label::after {
     background-color: var(--ms-light-grey-color);
 }
 .ms-price-btn .ms-transparent-btn {
     background-color: var(--ms-light-grey-color);
 }
 .ms-epi-wrapper {
     background-color: var(--ms-white-color);
 }
 .ms-trailor-wrapper {
     background-color: var(--ms-offwhite-color);
 }
 .ms-likethis-player {
     background: var(--ms-white-color);
 }
 .ms-epi-right h4 {
     color: var(--ms-primary-color);
 }
 .ms-epi-right h5 {
     color: var(--ms-bg-color);
 }
 .ms-epi-right h6 {
     color: var(--ms-bg-color);
 }
 .ms-epi-right h6 a {
     color: var(--ms-bg-color);
 }
 .ms-epi-inner {
     background-color: var(--ms-white-color);
     box-shadow: 0 0 30px rgb(0 0 0 / 10%);
 }
 .ms-epi-right span {
    background-color: var(--ms-primary-color);
}
span.feedback {
    color: var(--ms-white-color);
}
 .ms-trailor-inner {
     background-color: var(--ms-white-color);
 }
.input-wrap textarea {
    background: var(--ms-white-color);
    border: 1px solid var(--ms-light-primary-color) !important;
}
 .ms-epi-inner:hover {
     border: 1px solid var(--ms-light-border-color);
 }
 .comments-title {
     color: var(--ms-bg-color);
 }
 .comments-area>ol.comment-list>li {
     background: var(--ms-white-color);
     /*box-shadow: 0 0 30px rgb(0 0 0 / 10%);*/
     border: 1px solid var(--ms-light-border-color);
 }
 .ms-comment-data {
     background: var(--ms-white-color);
 }
 .comment-head h3 a {
    color: var(--ms-text-color);
 }
 .comments-area>ol.comment-list>li .children li:first-child, .comments-area>ul.comment-list>li .children li:first-child {
     border-top: 1px solid var(--ms-light-border-color);
 }
 .ms-acc-ovrview-list ul:nth-child(2), .ms-acc-ovrview-list ul:nth-child(3) {
     border-top: 1px solid var(--ms-offwhite-color);
 }
 #yith-quick-view-content div.summary {
     background: var(--ms-white-color);
 }
 .woocommerce div.product .product_title {
     color: var(--ms-bg-color);
 }
 #yith-quick-view-content div.images {
     background: var(--ms-white-color);
 }
 .ms-error-info .ms-heading {
     color: var(--ms-bg-color);
 }
 ul.more-option {
     background-color: var(--ms-white-color);
 }
 ul.more-option:after {
     border-left: 9px solid var(--ms-white-color);
 }
 ul.more-option li a {
     color: var(--ms-text-color);
 }
 .ms-gallery-slider-wrapper {
     background-color: var(--ms-offwhite-color);
 }
 .ms-gallery-slider-wrapper .jp-details, .jp-playlist {
     background-color: var(--ms-offwhite-color);
 }
 .ms-gallery-slider-wrapper div.jp-type-playlist div.jp-playlist a {
     color: var(--ms-bg-color);
 }
 .ms-gallery-slider-wrapper span.jp-artist {
     color: var(--ms-bg-color);
 }
.woocommerce table.shop_table tbody:first-child tr:first-child td, .woocommerce table.shop_table tbody:first-child tr:first-child th {
    border: 1px solid var(--ms-light-border-color) !important;
}
#add_payment_method .cart-collaterals .cart_totals tr td, #add_payment_method .cart-collaterals .cart_totals tr th, .woocommerce-cart .cart-collaterals .cart_totals tr td, .woocommerce-cart .cart-collaterals .cart_totals tr th, .woocommerce-checkout .cart-collaterals .cart_totals tr td, .woocommerce-checkout .cart-collaterals .cart_totals tr th {
    border: 1px solid var(--ms-light-border-color);
}
.woocommerce-cart .cart-collaterals .cart_totals tr td {
    border: 1px solid var(--ms-offwhite-color) !important;
}
.cart-collaterals .cart_totals h2 {
    border: 1px solid var(--ms-offwhite-color);
}
.woocommerce-page .cart-collaterals .cart_totals table.shop_table {
    border: 1px solid var(--ms-light-border-color);
}
.woocommerce table.shop_table {
    border-bottom: 1px solid var(--ms-light-border-color);
    border-right: 1px solid var(--ms-light-border-color);
}
.woocommerce table.shop_table thead th, table thead th, table th {
    border: 1px solid var(--ms-light-border-color);
}
input {
    background-color: var(--ms-offwhite-color);
    border: 1px solid var(--ms-offwhite-color);
}
.ms-add-in-playlist-modal .ms-share-text, .ms-create-playlist-modal .ms-share-text {
    color: var(--ms-white-color);
}
body.search .ms-search-wrapper {
    background: var(--ms-offwhite-color) !important;
}
body.search .ms-blog-search .ms-search-sections {
    background: var(--ms-white-color);
    box-shadow: 0 0 30px rgb(0 0 0 / 5%);
    border: 1px solid var(--ms-light-border-color);
}
.ms-blog-head .entry-title a {
    color: var(--ms-bg-color);
}
.ms-post-meta a {
    color: var(--ms-bg-color);
}
.ms-text-icon svg {
    fill: var(--ms-bg-color);
}
.entry-content {
    color: var(--ms-text-color);
}
body.search .ms-blog-columns article {
    border-bottom: none;
}
.pagination .nav-links>*:not(.dots) {
    background: var(--ms-white-color);
    color: var(--ms-primary-color);
}
.pagination .nav-links .dots {
    color: var(--ms-primary-color);
}
.page-numbers svg {
    fill: var(--ms-primary-color);
}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
    background-color: var(--ms-offwhite-color);
    color: var(--ms-bg-color);
}
.woocommerce form.checkout_coupon {
    background: var(--ms-offwhite-color);
}
.woocommerce-checkout .woocommerce form.checkout_coupon .form-row.form-row-first input#coupon_code {
    background: #fff !important;
}
.ms-profile-modal .modal-content {
    background-color: var(--ms-white-color);
    box-shadow: 0 0 30px rgb(0 0 0 / 16%);
}
.ms-login-box {
    background-color: var(--ms-white-color);
}
.ms-login-input-field input {
    background-color: var(--ms-offwhite-color) !important;
    border: 1px solid var(--ms-offwhite-color) !important;
}
.ms-login-inner .ms-login-header h4 {
    color: var(--ms-bg-color);
}
.checkmark {
    background-color: var(--ms-light-border-color);
    border: 2px solid var(--ms-light-border-color);
}
.ms-register-line p {
    color: var(--ms-text-color);
}
.modal-dialog .closemodal {
    background-color: var(--ms-offwhite-color);
}
.ms-register-gender h4 {
    color: var(--ms-bg-color);
}
.ms-rgstr-gndr-flex label::before {
    background-color: var(--ms-white-color);
    border: 2px solid var(--ms-text-color);
}
.ms-rgstr-gndr-flex label::after {
    background-color: var(--ms-text-color);
}
.woocommerce a.remove {
    color: var(--ms-primary-color) !important;
    background: var(--ms-offwhite-color);
}
.ms-profile-head .ms-footer-social ul li a {
    background-color: var(--ms-offwhite-color);
}
.ms-profile-head .ms-footer-social ul li a i {
    color: var(--ms-primary-color);
}
.ms-profile-head .ms-footer-social ul li a:hover i {
    color: var(--ms-white-color);
}
article.movie .navigation{
    background-color: var(--ms-white-color);
}
.woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th {
    border-top: 1px solid var(--ms-offwhite-color);
}
.no-results.not-found .page-title {
    color: var(--ms-bg-color);
}
.search-form label input.search-field {
    background: var(--ms-white-color) !important;
    border:1px solid var(--ms-light-border-color);
}
body:not(.videospire-demo) .search-form label input.search-field {
    background: var(--ms-offwhite-color) !important;
}
.ms-banner-wrapper {
    padding: 1px 0 25px 0;
    background: var(--ms-offwhite-color);
}
.ms-banner-bg-img-2 {
    margin-top: 0;
}
.ms-acc-overview .ms-heading h1{
    color:var(--ms-bg-color);
}
.ms-banner-bg-img-1 {
    margin-top: 15px;
}
.ajax-loader {
    background-color: var(--ms-white-color);
    opacity: 0.92;
}
body .select2-dropdown {
    background-color: var(--ms-offwhite-color) !important;
}
.select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[data-selected=true] {
    background-color: var(--ms-white-color)!important;
    color:var(--ms-text-color);
    border-radius: 4px;
}
.ms-acc-ovrview-list ul li {
    background: var(--ms-offwhite-color);
    color: var(--ms-bg-color);
    border: 1px solid var(--ms-light-border-color);
}
.woocommerce-checkout .woocommerce table.shop_table tfoot tr.order-total th {
    border-top: 1px solid var(--ms-light-border-color) !important;
}
.ms-profile-wrapper h1 {
    color: var(--ms-bg-color);
}
.woocommerce-checkout #payment div.payment_box {
    background-color: var(--ms-offwhite-color) !important;
    color: var(--ms-bg-color)!important;
}
 .woocommerce-checkout #payment div.payment_box::before {
    border: 1em solid var(--ms-offwhite-color);
    border-right-color: transparent;
    border-left-color: transparent;
    border-top-color: transparent;
}
.woocommerce .woocommerce-customer-details address {
    border: 1px solid var(--ms-light-border-color);
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea{
    border: 1px solid var(--ms-light-border-color);
}
.videospire-demo .ms-main-post-wrapper a.post-thumbnail img {
    width: 100%;
}
body.ms-videospire-blog .ms-main-post-wrapper {
    background-color:var(--ms-white-color);
}
body.ms-videospire-blog .pagination .nav-links>*:not(.dots) {
    background: var(--ms-offwhite-color);
    color: var(--ms-bg-color);
}
.ms-blog-thumb-section .ms-blog-title {
    color: var(--ms-bg-color);
}
.ms-blog-thumb-section {
    border: 1px solid var(--ms-light-border-color);
}
.ms-overview-heading p {
    color: var(--ms-text-color);
}
.ms-epi-right p {
    color: var(--ms-text-color);
}
.ms-pro-form .form-group input {
    background-color: var(--ms-offwhite-color);
    color: var(--ms-text-color);
    border: 1px solid var(--ms-offwhite-color);
}
.ms-rcnt-box-text p {
    color: var(--ms-text-color);
}
.ms-single-blg .ms-sidebar-wrapper .widget .wp-block-group__inner-container h2 {
    color: var(--ms-bg-color);
}
.ms-single-blg .input-wrap input {
    border: 1px solid var(--ms-bg-color);
}
.cat-links a, .tags-links a, .cat-links a:not([href]):not([class]), .tags-links a:not([href]):not([class]) {
    background-color: var(--ms-offwhite-color);
    color: var(--ms-text-color);
}
#yith-quick-view-modal .yith-wcqv-main {
    background: var(--ms-white-color);
}
.posted_in>*, .sku_wrapper>*{
    background-color: var(--ms-offwhite-color);
    color: var(--ms-bg-color) !important;
    font-weight:500;
}
.tagged_as>* {
    background-color: var(--ms-primary-color);
    color: var(--ms-white-color) !important;
    font-weight:500;
}
p.comment-form-author input, p.comment-form-email input {
    border: 1px solid var(--ms-light-primary-color);
    padding-left: 15px;
}
.ms-blog-thub-text .ms-blog-details .ms-blog-meta-data ul li a {
    color: var(--ms-text-color);
}
.ms-blog-thumb-inner .ms-blog-meta-data ul li:last-child p{
    color: var(--ms-text-color);
}
.ms-blog-thub-text:before {
    background: var(--ms-light-border-color);
}
#yith-quick-view-modal .yith-wcqv-head a#yith-quick-view-close {
    color: var(--ms-primary-color);
    background: var(--ms-light-border-color);
}
.wishlist_table.mobile li {
    border-bottom: 1px solid var(--ms--color);
}
.woocommerce table.cart td.actions .coupon input#coupon_code {
    border: 1px solid var(--ms-light-border-color);
}
.ms-share-text input, .ms-share-text input:focus{
    background: var(--ms-white-color);
    border: 1px solid var(--ms-light-border-color);
}
body.videospire-demo .ms-post-meta.ms-date-with-thumb p.ms-date {
    color: var(--ms-text-color);
}
.ms-single-side .ms-epi-inner {
    border: 1px solid var(--ms-light-border-color);
}
.woocommerce form .form-row.woocommerce-invalid .select2-container, .woocommerce form .form-row.woocommerce-invalid input.input-text, .woocommerce form .form-row.woocommerce-invalid select {
    border-color: var(--ms-light-border-color);
}
.woocommerce form .form-row.woocommerce-validated .select2-container, .woocommerce form .form-row.woocommerce-validated input.input-text, .woocommerce form .form-row.woocommerce-validated select{
    border-color: var(--ms-light-border-color);
}
.ms-details-email p{
    color: var(--ms-text-color);
}
.ms-pricing-right-heading h4 {
    color: var(--ms-bg-color);
}
/*unit testing css start*/
body:not(.videospire-demo).comments-area>ol.comment-list>li blockquote {
    background: var(--ms-offwhite-color);
    border-color: var(--ms-light-border-color);
}
.comments-area>ol.comment-list>li blockquote {
    background: var(--ms-offwhite-color);
    border-color: var(--ms-light-border-color);
}
table th, table td, .wp-block-calendar tbody td, .wp-block-calendar th {
    border: 1px solid var(--ms-light-border-color);
}
.wp-block-media-text.has-media-on-the-right {
    background: var(--ms-white-color) !important;
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content p {
    color: #717986;
}
body.search .ms-main-post-wrapper article.post {
    background: var(--ms-white-color);
    border-radius: 6px;
}
.woocommerce div.product form.cart.grouped_form table td, .woocommerce div.product form.cart.grouped_form table th {
    border: 1px solid var(--ms-light-border-color);
}
.comments-area>ul .children>li, .comments-area>ol .children>li {
    border-bottom: 1px solid var(--ms-light-border-color);
}
.woocommerce table.shop_attributes td {
    border: 1px solid var(--ms-light-border-color);
}
.wp-block-search .wp-block-search__input {
    border: 1px solid var(--ms-light-border-color);
}
form.post-password-form p label input {
    border: 1px solid var(--ms-light-border-color);
}
.woocommerce table.cart td.actions .coupon input#coupon_code{
    border:1px solid var(--ms-light-border-color);
}
body:not(.videospire-demo) .ms-main-post-wrapper {
    background: var(--ms-white-color);
}
body:not(.videospire-demo).search .ms-search-wrapper {
    background: var(--ms-white-color) !important;
}
body:not(.videospire-demo) .ms-main-page-container article.page {
    border: 1px solid var(--ms-light-border-color);
}
.ms-header-logo a.ms-logo-title {
    color: var(--ms-bg-color);
}
.ms-main-post-wrapper article.post {
    background: var(--ms-white-color);
    border: 1px solid var(--ms-light-border-color);
}
.ms-main-post-wrapper article.post.sticky {
    border: 1px solid var(--ms-light-border-color)!important;
}
.ms-main-post-wrapper article.post, .ms-single-blog article.post, article#post-1000 {
    border: 1px solid var(--ms-light-border-color);
}
.wp-block-quote {
    border-left: .25em solid var(--ms-offwhite-color);
}
blockquote {
    background-color: var(--ms-primary-color);
    color: var(--ms-white-color);
}
blockquote p {
    color: var(--ms-white-color);
}
blockquote:before {
    color: var(--ms-white-color);
}
blockquote strong, blockquote a {
    color: var(--ms-white-color) !important;
}
.wp-block-quote cite, .wp-block-quote footer {
    color: var(--ms-white-color);
}
.wp-block-quote.has-text-align-right {
    border-right: .25em solid var(--ms-offwhite-color);
}
.wp-block-pullquote.is-style-solid-color blockquote p {
    color: var(--ms-white-color);
}
.wp-block-pullquote.is-style-solid-color blockquote cite {
    color: var(--ms-white-color);
}
p.wp-block-cover-text a {
    color: var(--ms-white-color);
}
.wp-block-file .wp-block-file__button {
    background: var(--ms-primary-color);
}
.ms-main-post-wrapper article.post:last-of-type {
    border: 1px solid var(--ms-light-border-color);
}
.wp-block-archives li {
    border-bottom: 1px solid var(--ms-offwhite-color);
}
.wp-block-archives-dropdown .nice-select .option, .wp-block-categories-dropdown .nice-select .option, .ms-footer-wrapper .nice-select .option, .ms-sidebar-wrapper .nice-select .option {
    border-bottom: 1px solid var(--ms-light-border-color);
}
.nice-select:focus {
    border: 1px solid var(--ms-offwhite-color)!important;
}
.ms-details-wrapper table thead th, .ms-details-wrapper table th, .ms-details-wrapper table td {
    border: 1px solid var(--ms-light-border-color);
}
.wp-block-tag-cloud .tag-cloud-link{
    background-color: var(--ms-offwhite-color);
    color: var(--ms-bg-color);
    border: 1px solid var(--ms-offwhite-color);
}
.pagination .nav-links>*:not(.dots) {
    background: var(--ms-white-color);
    color: var(--ms-text-color);
}
body:not(.videospire-demo) .pagination .nav-links>*:not(.dots) {
    background: var(--ms-offwhite-color);
    color: var(--ms-text-color);
}
.page-numbers svg {
    fill: var(--ms-text-color);
}
.pagination .nav-links .dots {
    color: var(--ms-text-color);
}
.ms-footer-wrapper .nice-select {
    background: var(--ms-grey-bg-color)!important;
    border: 1px solid var(--ms-bg-color)!important;
}
.ms-footer-wrapper .nice-select ul.list {
    background: var(--ms-bg-color)!important;
}
.ms-footer-wrapper .nice-select .option:hover, .ms-footer-wrapper .nice-select .option.focus, .ms-footer-wrapper .nice-select .option.selected.focus {
    background-color: var(--ms-dark-bg-color)!important;
    color: var(--ms-white-color)!important;
}
.ms-footer-wrapper .nice-select .option {
    border-bottom: 1px solid var(--ms-bg-color);
}
.ms-footer-wrapper .nice-select:focus {
    border: 1px solid var(--ms-bf-color)!important;
}
.ms-footer-wrapper .nice-select .current {
    color: var(--ms-light-grey-color);
}
.ms-footer-wrapper .nice-select:after {
    border-bottom: 2px solid var(--ms-light-grey-color)!important;
    border-right: 2px solid var(--ms-light-grey-color)!important;
}
.ms-footer-wrapper .nice-select .option {
    color: var(--ms-light-grey-color)!important;
}
body:not(.videospire-demo) .ms-footer-wrapper .ms-footer-widgets .widget_search form.search-form label input.search-field {
    background-color: var(--ms-semi-dark-color) !important;
    border: 1px solid var(--ms-bg-color) !important;
    color: var(--ms-text-color) !important;
}
.ms-sidebar-wrapper .widget {
    background: var(--ms-white-color);
    border: 1px solid var(--ms-light-border-color);
}
.ms-sidebar-wrapper .nice-select:after {
    border-bottom: 2px solid var(--ms-light-grey-color)!important;
    border-right: 2px solid var(--ms-light-grey-color)!important;
}
.wp-block-categories li, .wp-block-archives li, .widget_nav_menu ul li, .widget_pages ul li, .widget_archive ul li, .widget_categories ul li {
    border-bottom: 1px solid var(--ms-light-border-color);
}
.widget-title {
    color: var(--ms-bg-color);
}
.ms-footer-wrapper .widget-title {
    color: var(--ms-white-color);
}
.wp-block-calendar table th {
    border: 1px solid var(--ms-light-border-color);
}
.widget_calendar .calendar_wrap table.wp-calendar-table tbody tr td {
    border: 1px solid var(--ms-light-border-color);
}
.widget.widget_rss ul li cite {
    color: var(--ms-light-grey-color);
}
.widget.widget_text .textwidget strong {
    color: var(--ms-light-grey-color);
}
.nice-select:after {
    border-bottom: 2px solid var(--ms-text-color)!important;
    border-right: 2px solid var(--ms-text-color)!important;
}
.ms-sidebar-wrapper .widget.widget_tag_cloud .tagcloud a {
    background-color: var(--ms-offwhite-color);
    color: var(--ms-bg-color);
    border: 1px solid var(--ms-light-border-color);
}
.ms-sidebar-wrapper .widget.widget_tag_cloud .tagcloud a:hover {
    background: var(--ms-primary-color);
    color: var(--ms-white-color);
}
.ms-sidebar-wrapper .wp-block-calendar table th, .wp-calendar-table th {
    border: 1px solid var(--ms-light-border-color);
}
.ms-footer-wrapper .widget_archive ul li{
    border-bottom: 1px solid var(--ms-bg-color);
}
.ms-footer-wrapper .widget_pages ul li{
    border-bottom: 1px solid var(--ms-bg-color);
}
.ms-footer-wrapper .widget_categories ul li{
    border-bottom: 1px solid var(--ms-bg-color);
}
.ms-footer-wrapper .widget_categories ul li ul.children li{
    border-bottom: 1px solid transparent;
}
.ms-footer-wrapper .widget_pages ul li ul.children li{
    border-bottom: 1px solid transparent;
}
.ms-footer-wrapper .widget_categories ul li:last-child, .ms-footer-wrapper .widget_pages ul li:last-child, .ms-footer-wrapper .widget_archive ul li:last-child{
    padding-bottom: 12px;
}
.ms-footer-wrapper .widget_nav_menu ul li{
    border-bottom: 1px solid var(--ms-bg-color);
}
.ms-footer-wrapper .widget_nav_menu ul li ul.sub-menu li{
    border-bottom: 1px solid transparent;
}
.ms-footer-wrapper .wp-calendar-table th {
    border: 1px solid var(--ms-bg-color);
}
.ms-footer-wrapper .widget_calendar .calendar_wrap table.wp-calendar-table tbody tr td {
    border: 1px solid var(--ms-bg-color);
}
.page-links .page-number span, .page-links .page-number a {
    background: var(--ms-offwhite-color);
}
.nav-links a.page-numbers:hover {
    background: var(--ms-primary-color);
    color: var(--ms-white-color);
}
a.page-numbers:hover {
    background: var(--ms-primary-color) !important;
    color: var(--ms-white-color) !important;
}
.nav-links span.page-numbers.current {
    background: var(--ms-primary-color) !important;
    color: var(--ms-white-color) !important;
}
.wp-block-pullquote p {
    color: var(--ms-white-color);
}
.wp-block-pullquote cite {
    color: var(--ms-white-color) !important;
}
.wp-block-table .has-fixed-layout {
    background: var(--ms-offwhite-color);
}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
    background-color: var(--ms-white-color);
}
.wp-block-table.is-style-stripes tbody tr:nth-child(even) {
    background-color: var(--ms-offwhite-color);
}
.wp-block-table.is-style-stripes {
    border: 1px solid var(--ms-light-border-color);
}
body:not(.videospire-demo) .ms-single-blog {
    background: var(--ms-white-color);
}
.ms-categories-tags .cat-links .ms-blog-Posted, .ms-categories-tags .tags-links .ms-blog-tags {
    color: var(--ms-bg-color);
}
.woocommerce form.login {
    background: var(--ms-white-color);
    border: 1px solid var(--ms-light-border-color);
}
.comments-area>ol.comment-list>li blockquote {
    background: var(--ms-primary-color);
}
.comment-text table tbody tr td a {
    color: var(--ms-light-grey-color);
}
table th, table td, .wp-block-calendar tbody td, .wp-block-calendar th {
    border: 1px solid var(--ms-light-border-color);
}
.comment-text p>a {
    color: var(--ms-primary-color);
}
.comment-head h3 {
    color: var(--ms-bg-color);
}
.comment-text dl dd>a {
    color: var(--ms-primary-color);
}
.ms-footer-wrapper .widget_nav_menu .menu-testing-menu-container ul.menu li:last-child {
    border-bottom: none;
}
span.feedback {
    color: var(--ms-bg-color);
}
table th a {
    color: var(--ms-light-grey-color);
}
kbd {
    background-color: var(--ms-primary-color);
}
pre {
    background: var(--ms-primary-color);
}
ul.ms-contact-list li p {
    color: var(--ms-light-grey-color);
}
.ms-sidebar-wrapper .ms-footer-widget, .ms-sidebar-wrapper .widget_miraculous-widget-newslatter, .ms-sidebar-wrapper .ms-footer-first {
    background: var(--ms-white-color);
    border: 1px solid var(--ms-light-border-color);
}
.ms-sidebar-wrapper .widget_miraculous-widget-newslatter .ms-footer-newsletter h4 {
    color: var(--ms-bg-color);
    font-weight: 600;
}
.ms-sidebar-wrapper .widget_miraculous-widget-newslatter .ms-footer-news-input input {
    background-color: var(--ms-offwhite-color) !important;
}
.ms-sidebar-wrapper .ms-footer-first .ms-footer-social h4 {
    color: var(--ms-bg-color);
    font-weight: 500;
}
.ms-sidebar-wrapper .ms-footer-first .ms-footer-logo p {
    color: var(--ms-light-grey-color);
}
.ms-sidebar-wrapper .ms-footer-first .ms-footer-social ul li a span {
    background-color: var(--ms-primary-color);
}
.ms-sidebar-wrapper .ms-recent-post-widgets.widget .widget-title {    
    font-weight: 600;
    color: var(--ms-bg-color);
}
.ms-sidebar-wrapper .nice-select li.option.selected.focus{
    color:var(--ms-bg-color);
}
span.cat-links a, span.tags-links a {
    background: var(--ms-offwhite-color);
    color: var(--ms-bg-color);
}
.tags-links a, .tags-links a:not([href]):not([class]) {
    background-color: var(--ms-primary-color);
}
a.add_to_wishlist {
    color: var(--ms-primary-color);
}
.woocommerce table.shop_attributes tr:nth-child(even) th {
    color: var(--ms-white-color);
}
/*premium tag css start*/
.ms-prmum-tag p, .ms-prmum-tag p:before{
    background: var(--ms-primary-color);
}
/*premium tag css end*/
/*color switcher css start*/
.ms-switch-box-darkmode label input:checked ~ .toggle:before {
    left: 0;
}
.ms-switch-box-darkmode label .toggle {
    background-color: #bdc1c8ba;
}
.ms-switch-box-darkmode {
    background: var(--ms-white-color);
    box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 20%);
}
.ms-switch-box-darkmode .right-text {
    color: var(--ms-bg-color);
}
.ms-switch-box-darkmode label .toggle:before {
    background-color: #999999;
}
.ms-switch-box-darkmode label .toggle {
    background-color: #bdc1c8ba;
}

/*color switcher css end*/
/*color switch light mode css start*/
.ms-switch-box-lightmode {
    position: fixed;
    top: 50%;
    transform: translateY(-50%)rotate(-90deg);
    left: -40px;
    background: var(--ms-white-color);
    padding: 5px 20px 8px 20px;
    border-radius: 4px;
    z-index:999;
    box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 20%);
}
.ms-switch-box-lightmode label .toggle{
   width: 24px;
   height: 6px;
   border-radius: 3px;
   background-color: var(--ms-light-primary-color);
   display: inline-block;    
   position: relative;
   transition: all 0.3s;
   cursor: pointer;
}
.ms-switch-box-lightmode label input:checked ~ .toggle {
    background-color: var(--ms-light-primary-color);
}
.ms-switch-box-lightmode label .toggle:before{
   content: "";
   width: 12px;
   height: 12px;
   border-radius: 50%;
   background-color: var(--ms-primary-color);
   position: absolute;
   top: -3px;
   left: 0;        
   transition: all 0.3s;
}
.ms-switch-box-lightmode .toggle-box-lightmode .right-text {
    color: var(--ms-light-grey-color);
}
.ms-switch-box-lightmode label input:checked ~ .toggle:before{
   left: 12px;
}
.ms-switch-box-lightmode .right-text {
    font-size: 14px;
    color: var(--ms-bg-color);
    font-weight: 400;
    margin-left: 10px;
    position: relative;
    cursor: pointer;
    transition: all 0.3s;
}
.ms-switch-box-lightmode label input{
   display: none;
}
.ms-exclusive-movie-box .ms-exclusive-rating span {
   background-image: var(--ms-gredient-color);
}
.foodptag p {
    color: var(--ms-text-color);
}
.vlogheading {
    color: #311b1e !important;
}
.vlogbtn {
    color: #ffffff !important;
    background: #311b1e !important;
}
.vc_row.wpb_row.vc_row-fluid.ms-overview-wrapper.banner {
    background-image: url(https://kamleshyadav.com/wp/videospire/foodvlogger/wp-content/uploads/sites/4/2022/12/Group-7.jpg);
}
/*.ms-switch-box-lightmode .toggle-box-lightmode label .toggle:before {*/
/*    background-color: var(--ms-white-color);*/
/*}*/
/*color switcher light mode css end*/
/*unit testing css end*/

/*responsive css start*/
@media screen and (min-width: 1200px){
    .ms-header-right .menu .sub-menu {
        background: var(--ms-white-color);
    }
    .ms-header-right .menu .sub-menu:before {
        border-left: 10px solid var(--ms-white-color);
    }
    .ms-header-right .menu .sub-menu li {
        border-bottom: 1px solid var(--ms-light-border-color);
    }
}
 @media(max-width:1199.98px){
    .ms-header-menu ul.menu {
        background: var(--ms-white-color);
        box-shadow: 0 0 30px rgb(0 0 0 / 16%);
        border-right: 1px solid var(--ms-light-border-color);
    }
    .ms-header-menu .menu>li {
        border-bottom: 1px solid var(--ms-light-border-color);
    } 
    .ms-demo-header-style .ms-header-menu .menu>li, .ms-header-menu .menu>li {
        border-bottom: 1px solid var(--ms-light-border-color);
    }
    .ms-header-menu .menu li.menu-item-has-children:before {
        color: var(--ms-bg-color);
    }
    .ms-header-menu .sub-menu {
        background: var(--ms-white-color);
    }
    .ms-header-menu ul.sub-menu .sub-menu {
        background: var(--ms-white-color);
    }
    .ms-header-menu .menu>li .sub-menu>li {
        border-bottom: 1px solid var(--ms-light-border-color);
    }
    .ms-banner-bg-img-1, .ms-banner-bg-img-2 {
        padding: 190px 0;
    }
 }
 @media screen and (max-width: 768px) {
    .woocommerce table.shop_table {
        border-top: 1px solid var(--ms-light-border-color);
   }
}
 /*responsive css end*/